/* V13 banner — single clean interaction implementation, no legacy overlays. */
.shop-banner .banner-visual {position:relative; isolation:isolate;}
.shop-banner .banner-image-link {position:relative; display:block; z-index:1; cursor:pointer;}
.shop-banner .banner-image-link picture,.shop-banner .banner-image-link img {display:block; width:100%; height:auto;}
.shop-banner .banner-hotspots {position:absolute; inset:0; z-index:2; pointer-events:none;}
.shop-banner .banner-hotspots a.hotspot {position:absolute; display:block; z-index:3; pointer-events:auto; cursor:pointer; border-radius:2px;}
.shop-banner .banner-hotspots a.hotspot:focus-visible {outline:3px solid #a36b20; background:#fff4;}
.banner-fallback {display:inline-block; padding:10px 18px; border-radius:40px; background:#4d3828; color:white!important;}
@media (min-width:681px) {
.shop-banner .banner-hotspots .hs-0 {left:1%!important;top:78%!important;width:15%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .hs-1 {left:17%!important;top:78%!important;width:15%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .hs-2 {left:33%!important;top:78%!important;width:15%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .hs-3 {left:49%!important;top:78%!important;width:15%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .hs-4 {left:65%!important;top:78%!important;width:15%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .hs-5 {left:81%!important;top:78%!important;width:18%!important;height:19%!important;!important}
.shop-banner .banner-hotspots .shop-cta {left:40%;top:44%;width:20%;height:9%;}
}
@media (max-width:680px) {
html[lang=ar] .shop-banner .banner-hotspots .hs-0 {left:2%!important;top:69%!important;width:23%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .hs-1 {left:26%!important;top:69%!important;width:23%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .hs-2 {left:51%!important;top:69%!important;width:23%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .hs-3 {left:76%!important;top:69%!important;width:22%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .hs-4 {left:2%!important;top:83%!important;width:23%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .hs-5 {left:26%!important;top:83%!important;width:23%!important;height:14%!important;!important}
html[lang=ar] .shop-banner .banner-hotspots .shop-cta {left:51%;top:87%;width:46%;height:8%;}
html[lang=en] .shop-banner .banner-hotspots .hs-0 {left:2%!important;top:69%!important;width:19%!important;height:23%!important;!important}
html[lang=en] .shop-banner .banner-hotspots .hs-1 {left:21%!important;top:69%!important;width:19%!important;height:23%!important;!important}
html[lang=en] .shop-banner .banner-hotspots .hs-2 {left:41%!important;top:69%!important;width:19%!important;height:23%!important;!important}
html[lang=en] .shop-banner .banner-hotspots .hs-3 {left:61%!important;top:69%!important;width:19%!important;height:23%!important;!important}
html[lang=en] .shop-banner .banner-hotspots .hs-4 {left:81%!important;top:69%!important;width:18%!important;height:23%!important;!important}
html[lang=en] .shop-banner .banner-hotspots .hs-5 {display:none!important;!important}
html[lang=en] .shop-banner .banner-hotspots .shop-cta {left:34%;top:93%;width:32%;height:6%;}
}

.shop-banner .banner-hotspots a.hotspot {right:auto!important;bottom:auto!important;}