/* Keep native page photographs visible when the existing motion class starts. */
body[data-abs-sc] .rk-ref-hero--brands,
body[data-abs-sc] .rk-ref-hero--garage { --abs-sc-hero-image: url('/abs_keys_theme_clean/static/src/img/hero-global-keys.webp'); }
body[data-abs-sc] .rk-ref-hero--finder,
body[data-abs-sc] .abs-native-technical-hero.request { --abs-sc-hero-image: url('/web/image/abs_website_media_manager.native_key_image'); }
body[data-abs-sc] .rk-ref-hero--services { --abs-sc-hero-image: url('/abs_keys_theme_clean/static/src/img/hero-global-programming.webp'); }
body[data-abs-sc] .rk-ref-hero--contact { --abs-sc-hero-image: url('/web/image/abs_website_media_manager.native_service_image'); }
body[data-abs-sc] .rk-ref-hero--about { --abs-sc-hero-image: url('/web/image/abs_website_media_manager.native_kuwait_image'); }
body[data-abs-sc] .abs-native-shop-hero { --abs-sc-hero-image: url('/abs_keys_theme_clean/static/src/img/hero-global-accessories.webp'); }
body[data-abs-sc] .abs-native-technical-hero.technical { --abs-sc-hero-image: url('/abs_keys_theme_clean/static/src/img/service-parts.jpg'); }
html[lang] body[data-abs-sc] #wrapwrap #wrap:is(.rk-ref-page,.abs-clean-page,.abs-v12-page,.abs-v14-brand-page,.abs-shop-v2) section:is(.abs-native-page-hero,.abs-native-shop-hero,.abs-native-technical-hero):not(:has(> .s_parallax_bg)) {
    background-image: linear-gradient(110deg,rgba(244,249,255,.78),rgba(244,249,255,.9)),var(--abs-sc-hero-image,none) !important;
    background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;
}
html[lang] body[data-abs-sc] #wrapwrap #wrap:is(.rk-ref-page,.abs-clean-page,.abs-v12-page,.abs-v14-brand-page,.abs-shop-v2) section.abs-flow-hero:is(.abs-native-page-hero,.abs-native-shop-hero,.abs-native-technical-hero) > :is(.s_parallax_bg,.o_we_bg_filter),
html[lang] body[data-abs-sc] #wrapwrap #wrap section:is(.abs-native-page-hero,.abs-native-shop-hero,.abs-native-technical-hero):not(.abs-flow-hero) > :is(.s_parallax_bg,.o_we_bg_filter) {
    display: block !important; visibility: visible !important; pointer-events: none;
}
html body[data-abs-sc] #wrapwrap #wrap section:is(.abs-native-page-hero,.abs-native-shop-hero,.abs-native-technical-hero).abs-flow-hero::before { opacity: .12 !important; }

body[data-abs-sc] .abs-live-cart-link { position: relative; }
body[data-abs-sc] .abs-live-cart-qty:not([hidden]):not(.d-none) {
    display: inline-flex !important; align-items: center; justify-content: center;
    position: absolute; top: -5px; inset-inline-end: -5px; min-width: 19px; height: 19px;
    padding: 0 4px; border-radius: 12px; background: #0966da; color: #fff !important;
    border: 2px solid #fff; font-size: 10px; line-height: 1; font-weight: 700;
}
.abs-sc-confirmation {
    position: fixed; top: 22px; inset-inline-end: 22px; z-index: 1060;
    width: min(370px,calc(100vw - 28px)); padding: 16px;
    border: 1px solid #dce8f4; border-top: 3px solid #16804a; border-radius: 14px;
    background: #fff; color: #1d344e; box-shadow: 0 12px 48px #173c6530;
    font-size: 13px; text-align: start;
}
.abs-sc-confirmation[hidden] { display: none !important; }
.abs-sc-confirmation-head { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.abs-sc-confirmation-head > i { color: #16804a; font-size: 20px; }
.abs-sc-confirmation-head > strong { flex: 1; }
.abs-sc-confirmation-close { border: 0; background: transparent; color: #6b7c90; font-size: 22px; width: 30px; height: 30px; }
.abs-sc-confirmation-item { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.abs-sc-confirmation-item > img { width: 62px; height: 62px; flex: 0 0 62px; object-fit: contain; border: 1px solid #edf1f6; border-radius: 8px; }
.abs-sc-confirmation-item > div { min-width: 0; }
.abs-sc-confirmation-item b { display: block; line-height: 1.5; max-height: 3em; overflow: hidden; }
.abs-sc-confirmation-item small { display: block; color: #687b91; margin-top: 4px; }
.abs-sc-confirmation-actions { display: flex; gap: 8px; }
.abs-sc-confirmation-actions > * { flex: 1; border-radius: 8px; padding: 10px; text-align: center; font: inherit; font-weight: 600; text-decoration: none; }
.abs-sc-confirmation-actions a { color: #fff; background: #0966da; border: 1px solid #0966da; }
.abs-sc-confirmation-actions button { color: #365371; background: #f5f8fc; border: 1px solid #e1e8f1; }
body.abs-sc-notice-open #abs-cart-status:not(.is-error) { display: none; }
.abs-sc-cart-flight { position: fixed; width: 56px; height: 56px; object-fit: contain; border-radius: 10px; background: #fff; box-shadow: 0 4px 15px #12365426; z-index: 1070; pointer-events: none; }
.abs-option-search-menu[data-abs-sc-menu][hidden] { display: none !important; }
.abs-option-search-menu[data-abs-sc-menu]:not([hidden]) { display: block !important; position: absolute; top: 100%; inset-inline: 0; z-index: 1005; max-height: 260px; overflow-y: auto; background: #fff; border: 1px solid #dce6f1; border-radius: 8px; box-shadow: 0 8px 24px #173c6524; }
.abs-option-search-menu[data-abs-sc-menu] .abs-option-search-item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 11px 12px; border: 0; background: #fff; text-align: start; color: #254567; }
.abs-option-search-menu[data-abs-sc-menu] .abs-option-search-item:is(:hover,:focus-visible) { background: #edf5ff; }
@media (max-width: 767px) { .abs-sc-confirmation { top: 12px; inset-inline-end: 14px; } }
@media (prefers-reduced-motion: no-preference) { .abs-sc-confirmation:not([hidden]) { animation: absScNotice .22s ease-out; } }
@keyframes absScNotice { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }