/* Dhabi Al Jazeera — warm contemporary heritage, October 2026 */
:root{--color-primary:#244c40;--color-primary-dark:#17382f;--color-primary-light:#e5ece5;--dhabi-ink:#253a31;--dhabi-gold:#a8834e;--dhabi-paper:#faf8f3}
body{background:var(--dhabi-paper);color:#293c33}
.inner.bg-inherit{background:#faf8f3;border-bottom:1px solid #e7dfd1;box-shadow:0 4px 24px #263d3010}
.top-navbar{background:#213f35;color:#fff}
.top-navbar a{color:inherit}
.top-navbar .s-search-input{background:#fff;color:#263b32;border:1px solid #ded8cd}
body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a{padding:12px 16px;margin:0;color:#293f34;border-radius:6px;background:transparent;font-weight:600;text-transform:none}
body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a:hover{background:#efe9dd;color:#244c40}
.s-block{margin-top:56px}
.s-block--hero-slider{margin-top:0;overflow:hidden}
.s-block--hero-slider .swiper-slide{min-height:540px;background:#382e20}
.s-block--hero-slider .overlay-bg{background-position:center 62%}
.s-block--hero-slider .overlay-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(25,31,23,.62),rgba(25,31,23,.12) 70%)}
.s-block--hero-slider .home-slider__content{justify-content:flex-start;padding-top:80px;padding-bottom:80px;min-height:540px}
.s-block--hero-slider .home-slider__content>div{width:55%;text-align:right;max-width:640px}
.s-block--hero-slider h2{font-size:clamp(30px,4vw,58px);line-height:1.4;letter-spacing:-1px;color:#fffaf0;text-shadow:0 2px 20px #0002}
.s-block--hero-slider .description{font-size:18px;line-height:1.95;display:block;overflow:visible;color:#f7f0e2;max-width:480px}
.s-block--hero-slider .overlay-bg{animation:dhabi-reveal 1.2s ease-out both}
@keyframes dhabi-reveal{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.s-block--categories{margin-top:0;padding:22px 0;background:#eee7d9;border-bottom:1px solid #e1d7c5}
.s-block--categories a{border-radius:14px;border:1px solid #d9cfbb;background:#faf8f3;color:#244c40;transition:transform .2s,box-shadow .2s}
.s-block--categories a:hover{transform:translateY(-3px);box-shadow:0 8px 22px #244c4015}
.s-slider-block__title h2,.s-block>h2{color:#253f33;font-size:28px;line-height:1.6}
.s-slider-block__title{margin-bottom:24px}
.s-product-card-entry{border:1px solid #e8e1d4;border-radius:16px;padding:0;background:#fff;overflow:hidden;box-shadow:0 3px 12px #33281704;transition:box-shadow .22s,transform .22s}
.s-product-card-entry:hover{transform:translateY(-4px);box-shadow:0 12px 28px #263d3012}
.s-product-card-image{background:#f2efe8}
.s-product-card-image img{object-fit:contain;transition:transform .35s}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.025)}
.s-product-card-content{padding:18px;gap:14px}
.s-product-card-content-title a{font-size:15px;line-height:1.8;font-weight:600;color:#293f34}
.s-product-card-sale-price h4{color:#8e4334;font-size:19px}
.s-product-card-promotion-title{background:#244c40;color:#fff;border-radius:0 0 10px 0;font-size:11px;padding:6px 10px}
salla-add-product-button .s-button-element{background:#244c40!important;color:#fff!important;border:1px solid #244c40!important;border-radius:10px;min-height:44px;transition:background .2s,box-shadow .2s}
salla-add-product-button .s-button-element:hover{background:#17382f!important;box-shadow:0 4px 12px #244c4020}
salla-add-product-button .s-button-element:disabled{opacity:.5}
.s-product-card-wishlist-btn.s-button-element{background:#fff!important;color:#244c40!important;border:1px solid #e7dfd1!important;box-shadow:0 2px 8px #0001}
.s-block--slider-with-bg .slider-bg{background-image:none!important;background:#eee7d9;color:#263e33}
.s-block--features__item{background:#f0ece2;border:1px solid #e7dfd1;border-radius:16px;padding:24px}
.s-block--features__item h2{color:#244c40;font-size:19px}
.s-block--features__item p{color:#68665b;line-height:1.85}
.s-block--features .feature-icon{background:#e4dac6;color:#244c40}
.store-footer{background:#183a30;color:#e9e5da;margin-top:64px}
.store-footer__inner{background:#213f35;border-top:3px solid #aa8853;padding-top:48px;padding-bottom:40px}
.store-footer h3{color:#f5e9cf}
.store-footer a{color:#e9e5da}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #aa8853;outline-offset:4px}
@media(max-width:767px){.s-block{margin-top:34px}.s-block--hero-slider,.s-block--categories{margin-top:0}.s-block--hero-slider .swiper-slide,.s-block--hero-slider .home-slider__content{min-height:430px}.s-block--hero-slider .home-slider__content{padding:40px 24px;align-items:flex-start}.s-block--hero-slider .home-slider__content>div{width:100%;max-width:450px}.s-block--hero-slider h2{font-size:34px;max-width:340px}.s-block--hero-slider .description{font-size:15px;max-width:320px}.s-block--hero-slider .overlay-bg{background-position:38% center}.s-block--hero-slider .overlay-bg:after{background:linear-gradient(180deg,#1c291cb3,transparent)}.s-product-card-content{padding:12px;gap:10px}.s-product-card-content-title a{font-size:13px}.s-slider-block__title h2{font-size:23px}.s-block--features__item{padding:18px 12px}.store-footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.s-block--hero-slider .overlay-bg{animation:none}.s-product-card-entry,.s-product-card-image img,.s-block--categories a{transition:none}.s-product-card-entry:hover,.s-product-card-entry:hover .s-product-card-image img,.s-block--categories a:hover{transform:none}}








/* Shoppable category grid, inspired by the supplied reference */
.s-block--categories{background:#faf8f3;border:0;padding:38px 0 6px;margin:0}
.s-block--categories .s-slider-block__title{margin:0 0 24px}
.s-block--categories .s-slider-block__title h2{font-size:28px;color:#254536}
.s-block--categories .s-slider-block__title-nav{display:none!important}
.s-block--categories .swiper{overflow:visible!important}
.s-block--categories .swiper-wrapper,.s-block--categories salla-slider>[slot="items"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;transform:none!important;height:auto!important;touch-action:pan-y}
.s-block--categories .swiper-slide{width:auto!important;margin:0!important;height:auto!important}
.s-block--categories .slide--cat-entry{position:relative;display:block;width:100%;height:auto;aspect-ratio:1.38;border:1px solid #e4dfd4;border-radius:16px;overflow:hidden;background:#f4f1eb;padding:0;margin:0;box-shadow:0 4px 14px #263c3010}
.s-block--categories .slide--cat-entry>img,.s-block--categories .slide--cat-entry>i{display:none}
.s-block--categories .slide--cat-entry:before{content:'';position:absolute;inset:0;background-image:var(--category-image);background-size:cover;background-position:center;transition:transform .35s ease}
.s-block--categories .slide--cat-entry:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(16,32,24,.15) 60%,rgba(16,32,24,.93) 100%)}
.s-block--categories .slide--cat-entry h2{position:absolute;bottom:17px;right:18px;left:14px;margin:0;color:#fff!important;z-index:1;font-size:21px;line-height:1.5;text-align:right;font-weight:700}
.s-block--categories .slide--cat-entry:hover:before{transform:scale(1.05)}
.s-block--categories .slide--cat-entry:hover{border-color:#b79a66;box-shadow:0 12px 24px #263c3020}
@media(max-width:767px){.s-block--categories{padding:26px 0 0}.s-block--categories .swiper-wrapper,.s-block--categories salla-slider>[slot="items"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.s-block--categories .slide--cat-entry{border-radius:12px;aspect-ratio:1.18}.s-block--categories .slide--cat-entry h2{font-size:16px;bottom:12px;right:12px}.s-block--categories .s-slider-block__title h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.s-block--categories .slide--cat-entry:before{transition:none}.s-block--categories .slide--cat-entry:hover:before{transform:none}}
.s-block--categories a[href$="/c227246976"]{--category-image:url("https://cdn.salla.sa/pQEbOp/kLy87VXCGh0hSErmrzfBtatQbPOAjesvgCqA61Th.jpg")}
.s-block--categories a[href$="/c1135024157"]{--category-image:url("https://cdn.salla.sa/pQEbOp/koNzNM0ZOPZ97265Zasqz8RwGQx1NdH7RFurrUkm.jpg")}
.s-block--categories a[href$="/c616707771"]{--category-image:url("https://cdn.salla.sa/pQEbOp/2z0gXnVkh6hBARD7d3yYIaI7AcIqwyGOr3wr71uX.jpg")}
.s-block--categories a[href$="/c1416432014"]{--category-image:url("https://cdn.salla.sa/pQEbOp/rm0VYOSEjgbSsgkrANIrxi0a1d6ukWL3aDioIVx4.jpg")}
.s-block--categories a[href$="/c738901219"]{--category-image:url("https://cdn.salla.sa/pQEbOp/25070a4d-314e-4548-a8ec-e40011d3d3ad-500x500-M3I7PcH2905Kvxr91uuFndVKf1cFr2Zia8AyZZwO.webp")}
.s-block--categories a[href$="/c105849079"]{--category-image:url("https://cdn.salla.sa/pQEbOp/90e3b441-ebf4-4f68-821f-ebe7b7cafb8a-500x500-6moSg05R7ivZOY06eVgcVfprCT0n2lDZ1DFOVUA6.webp")}
.s-block--categories a[href$="/c1751517013"]{--category-image:url("https://cdn.salla.sa/pQEbOp/4eec691b-b9b7-4c44-8826-dfd39b1e3194-500x498.61111111111-r3mDNPw4zWNifUzF2CuXQP3DRJPnkiiTSI7OEzuY.webp")}
.s-block--categories a[href$="/c331325559"]{--category-image:url("https://cdn.salla.sa/pQEbOp/CkQ0Z8g7gicsKOMLOlrvc1OetQ9T5oj0O8F6H21B.jpg")}
/* Hero calls to action */
.dhabi-hero-label{font-size:14px;letter-spacing:1px;color:#ead8b5;margin-bottom:18px}.dhabi-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.dhabi-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:8px;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.dhabi-hero-primary{background:#f7ecd5;color:#1e3a2f!important;border:1px solid #f7ecd5}.dhabi-hero-secondary{background:#1c392f55;color:#fff!important;border:1px solid #f7ecd580;backdrop-filter:blur(6px)}.dhabi-hero-actions a:hover{transform:translateY(-2px);background:#bda173;color:#172d23!important}#dhabi-categories,#dhabi-custom{scroll-margin-top:110px}@media(max-width:767px){.dhabi-hero-label{font-size:12px;margin-bottom:10px}.dhabi-hero-actions{gap:10px;margin-top:20px}.dhabi-hero-actions a{padding:10px 15px;font-size:13px;min-height:44px}}@media(prefers-reduced-motion:reduce){.dhabi-hero-actions a{transition:none}}
/* Remove carousel gutters for a symmetric category grid */
.s-block--categories .swiper{padding:0!important;margin:0!important;display:block!important;width:100%}
.s-block--categories .swiper-wrapper{width:100%!important}
.s-block--categories .swiper-slide{padding:0!important}
@media(max-width:767px){.s-product-card-entry salla-add-product-button .s-button-element{padding:8px!important;font-size:13px!important}.s-product-card-entry salla-add-product-button .s-button-text{overflow:visible;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}}