/* VTM Cart Flow 1.0.0 - strictly scoped; never disable animations globally. */
html.vtmcf-layer-blocked #layer_cart,
html.vtmcf-layer-blocked .layer_cart_overlay { display: none !important; }
.vtmcf-working { cursor: progress !important; }
.vtmcf-button-busy { position: relative; }
.vtmcf-inline-spinner, .vtmcf-spinner {
    display: inline-block; width: 17px; height: 17px; box-sizing: border-box;
    border: 2px solid currentColor; border-right-color: transparent;
    border-radius: 50%; vertical-align: middle;
    -webkit-animation: vtmcf-spin .65s linear infinite;
    animation: vtmcf-spin .65s linear infinite;
}
.vtmcf-inline-spinner { margin-left: 9px; }
.vtmcf-notice {
    position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
    z-index: 2147483000; box-sizing: border-box; width: 540px; max-width: calc(100% - 28px);
    padding: 16px 46px 16px 18px; background: #fff; color: #303030;
    border: 1px solid #e6dadb; border-left: 4px solid #a31f22; border-radius: 0;
    box-shadow: 0 5px 25px rgba(0,0,0,.16); font-size: 14px; line-height: 1.45;
    text-align: left; font-family: inherit;
}
.vtmcf-notice[hidden], .vtmcf-notice [hidden] { display: none !important; }
.vtmcf-notice .vtmcf-spinner { color: #a31f22; margin-right: 9px; }
.vtmcf-notice.vtmcf-error { background: #fff8f8; }
.vtmcf-notice .vtmcf-message { vertical-align: middle; }
.vtmcf-notice .vtmcf-actions { margin-top: 10px; }
.vtmcf-notice .vtmcf-actions a, .vtmcf-notice .vtmcf-actions button {
    display: inline-block; border: 1px solid #a31f22; background: #a31f22; color: #fff;
    margin: 0 8px 4px 0; padding: 7px 11px; font-size: 13px; line-height: 1.4;
    text-decoration: none; border-radius: 0; cursor: pointer;
}
.vtmcf-notice .vtmcf-actions button { color: #a31f22; background: #fff; }
.vtmcf-notice .vtmcf-close {
    position: absolute; top: 7px; right: 7px; width: 30px; height: 30px;
    border: 0; color: #555; background: transparent; cursor: pointer; font-size: 23px; line-height: 26px;
}
.vtmcf-notice a:focus, .vtmcf-notice button:focus { outline: 2px solid #333; outline-offset: 2px; }
@-webkit-keyframes vtmcf-spin { to { -webkit-transform: rotate(360deg); } }
@keyframes vtmcf-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .vtmcf-inline-spinner, .vtmcf-spinner { animation: none; -webkit-animation: none; }
}
@media (max-width: 480px) { .vtmcf-notice { bottom: 12px; font-size: 13px; } }