:root{--cream:#f8f4ed;--wine:#741f2f;--red:#8c3040;--ink:#352a27;--muted:#87766d;--line:#e7ded2;--serif:'Amiri',serif;--sans:'Noto Sans Arabic',Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:14px var(--sans);padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35}img{display:block;max-width:100%}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b17851;outline-offset:4px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;z-index:1000;background:white;padding:15px}.skip:focus{top:0}.site-header{height:82px;padding:8px 18px;display:flex;justify-content:space-between;align-items:center;background:#641927;color:#fff8ec;position:relative;z-index:20}.icon-button{width:44px;height:44px;display:grid;place-items:center;position:relative}.icon-button svg{width:23px;height:23px}#cartCount{font:9px Arial;position:absolute;top:3px;right:4px;border-radius:50%;background:#d7b090;color:#531f2c;min-width:15px;height:15px;display:grid;place-items:center}.logo{display:flex;flex-direction:column;align-items:center}.logo b{font:36px/.95 var(--serif);font-weight:400}.logo span{font:10px Georgia;letter-spacing:3px;margin-top:8px;padding-left:3px}.desktop-nav{display:none}.hero{height:650px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 36%,#a83b4c 0%,#6a1b2b 42%,#340e19 100%);color:#fff5e7}.hero-halo{position:absolute;width:440px;height:440px;left:50%;top:12px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(#d35c5a44,transparent 65%)}.hero-letter{position:absolute;font:210px var(--serif);color:#fff0e00a;top:-75px;right:-12px;white-space:nowrap;transform:rotate(-10deg)}.rock{position:absolute;background:#b47958;box-shadow:inset 15px 15px 30px #e6ba8a55,inset -20px -20px 35px #4a221c88;z-index:-1;filter:url('#none');border-radius:28% 30% 15% 24%;background-image:radial-gradient(at 25% 30%,#d6ac83aa,transparent 50%),repeating-linear-gradient(26deg,#3f1b1311 0 1px,transparent 1px 5px)}.rock-one{height:330px;width:200px;right:-100px;top:230px;transform:rotate(19deg)}.rock-two{height:270px;width:200px;left:-105px;top:130px;transform:rotate(-22deg)}.rock-three{height:160px;width:350px;bottom:-70px;right:-40px;transform:rotate(-11deg)}.fabric{position:absolute;bottom:80px;left:-120px;width:330px;height:470px;border-radius:50% 45% 0 0;transform:rotate(-40deg);background:repeating-linear-gradient(90deg,#7b182a 0%,#9b2b3c 10%,#581122 17%,#a73948 27%);box-shadow:10px 10px 25px #21050f55;z-index:-1}.bottle-stage{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:310px;height:460px;z-index:1;pointer-events:none}.bottle-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(22px 19px 12px #21000d88);animation:float 6s ease-in-out infinite;will-change:transform}.hero-copy{position:absolute;bottom:63px;right:25px;left:25px;z-index:3}.micro{font:8px/1.4 Arial,sans-serif;letter-spacing:2px;margin:0 0 10px;color:#aa7963}.hero-copy .micro{color:#e3c3ab;font-size:7px;margin-bottom:5px}.hero-copy h1{font:57px/1.3 var(--serif);font-weight:400;margin:0}.hero-copy>p:not(.micro){font-size:17px;margin:0 0 22px}.pill{border-radius:28px;min-height:46px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px}.ivory{background:#fff8ed;color:#4e1e29;box-shadow:0 6px 22px #260b1822}.burgundy{background:var(--wine);color:white}.hero-number{position:absolute;left:18px;top:25px;writing-mode:vertical-rl;font:7px Arial;letter-spacing:2px;color:#e6c1ab}.hero-bottom{position:absolute;bottom:18px;right:25px;left:25px;font-size:8px;color:#d8b8ab;border-top:1px solid #ead5bf33;padding-top:10px}.home-edit,.category-section,.home-feature{padding:30px 20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-title h2,.home-feature>h2{font:29px/1.4 var(--serif);margin:0}.section-title .micro{font-size:6px;letter-spacing:1.5px;margin:0 0 5px}.section-title>a{font-size:9px;color:var(--wine);border-bottom:1px solid #bd8e7a;padding-bottom:4px;white-space:nowrap}.mini-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-product{min-width:0;text-align:center;padding:0}.mini-image{height:145px;background:#e8d4bd;border-radius:11px;overflow:hidden}.mini-product img{width:100%;height:100%;object-fit:cover}.mini-product h3{font-size:10px;font-weight:500;margin:9px 0 3px}.mini-product small{font-size:8px;color:var(--muted)}.category-section{padding-top:6px}.category-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px}.category-tile{height:240px;position:relative;overflow:hidden;border-radius:10px;color:white;background:#66202d}.category-tile>img{width:100%;height:100%;object-fit:cover}.category-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(#0002,transparent 30%,#210d18b3)}.category-tile>span{position:absolute;top:14px;right:14px;font:6px Arial;letter-spacing:1.5px;z-index:1}.category-tile>div{position:absolute;bottom:18px;right:16px;z-index:1}.category-tile h3{font:31px/1.3 var(--serif);margin:0}.category-tile b{font-size:8px;font-weight:400}.oud-tile{color:#fff3df;background:#5c3d29}.oud-tile>img{mix-blend-mode:multiply}.home-feature{padding-top:12px}.home-feature>h2{margin-bottom:20px}.featured-list,.product-list{display:grid;gap:14px}.product-card{position:relative;height:265px;border-radius:15px;overflow:hidden;background:#e7c4b4;isolation:isolate}.product-photo{position:absolute;inset:0;z-index:-2}.product-photo img{width:100%;height:100%;object-fit:cover;object-position:30% center}.product-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#551425fa 0%,#661c30d9 33%,#64182900 78%)}.product-card.theme-blue{background:#cbddea}.theme-blue .product-shade{background:linear-gradient(270deg,#d4e5f4fa 0%,#d1e3f1d9 33%,#d3e4f000 80%)}.product-card.theme-pink{background:#f2dce3}.theme-pink .product-shade{background:linear-gradient(270deg,#f5dee7fa 0%,#f3d7e3d9 33%,#f4dce400 80%)}.product-card.theme-oud{background:#d2b69b}.theme-oud .product-photo img{mix-blend-mode:multiply;object-position:center}.theme-oud .product-shade{background:linear-gradient(270deg,#e7d3bdfa 0%,#e4cbb2d9 35%,#d1b29400 85%)}.product-card.theme-gift{background:#dec9b4}.theme-gift .product-shade{background:linear-gradient(270deg,#eee0d0fa 0%,#e5d1bbd9 35%,#d1b29400 85%)}.product-copy{position:absolute;right:20px;left:47%;top:50%;transform:translateY(-50%);color:#fff5e9}.theme-blue .product-copy,.theme-pink .product-copy,.theme-oud .product-copy,.theme-gift .product-copy{color:#342723}.product-copy .micro{font-size:6px;letter-spacing:1.2px;color:inherit;opacity:.65;margin:0 0 8px}.product-copy h3{font:29px/1.4 var(--serif);margin:0 0 8px}.product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin-bottom:14px}.product-price b{font-weight:500;font-size:13px}.product-price del{font-size:8px;opacity:.55}.buy{min-height:44px;border-radius:24px;background:#fff9ed;color:#531b29;display:flex;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;padding:9px 15px;font-size:9px;white-space:nowrap}.buy svg{width:13px;height:13px}.theme-blue .buy,.theme-pink .buy,.theme-oud .buy,.theme-gift .buy{background:#28211f;color:white}.favorite{position:absolute;top:12px;left:12px;width:44px;height:44px;background:#fff5;backdrop-filter:blur(5px);border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;z-index:3}.favorite svg{width:19px;height:19px}.favorite.selected svg{fill:var(--wine);stroke:var(--wine)}.card-view{position:absolute;inset:0;z-index:-1;cursor:pointer}.product-title{padding:0;text-align:right}.product-title:hover{text-decoration:underline}.all-products{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0 8px;font-size:11px;color:var(--wine)}.all-products span{font-size:20px}.gift-banner{height:390px;margin:0 20px 30px;border-radius:13px;overflow:hidden;position:relative;background:#5f1c2d;color:white}.gift-banner>img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}.gift-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#49142199)}.gift-banner>div{position:absolute;right:25px;top:40px;z-index:1}.gift-banner h2{font:46px/1.4 var(--serif);margin:0 0 25px}.gift-banner .micro{color:#e5c1a9}.gift-banner .pill{font-size:10px;padding:10px 18px}.shop-page{display:none;min-height:65vh}.shop-mode .home-page{display:none}.shop-mode .shop-page{display:block}.shop-mode .site-header{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.shop-heading{padding:24px 22px 15px}.shop-heading .micro{font-size:7px;margin-bottom:5px}.shop-heading h1{font:35px var(--serif);margin:0}.shop-heading>p:last-child{font-size:10px;color:var(--muted);margin:5px 0}.shop-toolbar{position:sticky;top:82px;background:#f8f4edf5;backdrop-filter:blur(12px);z-index:10;padding:0 20px;border-bottom:1px solid var(--line)}.tabs{display:flex;justify-content:space-between;gap:14px;overflow:auto;white-space:nowrap;border-bottom:1px solid var(--line);scrollbar-width:none}.tabs button{min-height:47px;font-size:10px;padding:0 0 8px;border-bottom:2px solid transparent}.tabs .active{border-color:var(--wine);color:var(--wine);font-weight:600}.sort-row{display:flex;justify-content:space-between;align-items:center;min-height:40px;font-size:8px;color:var(--muted);gap:10px}.sort-row select{border:0;background:none;font-size:9px;color:var(--ink);min-height:38px;padding:0 4px}.product-list{padding:18px 16px 35px;gap:14px}.empty{padding:40px 15px;text-align:center;font-size:12px;color:var(--muted);line-height:2.2}footer{border-top:1px solid var(--line);padding:35px 22px 28px;text-align:center;background:#eee6db}.footer-logo{font:36px var(--serif);color:var(--wine)}.footer-logo span{display:block;font:8px Georgia;letter-spacing:2px}footer>p{font:23px var(--serif);margin:18px 0}.footer-links{display:flex;justify-content:center;gap:22px;font-size:10px;margin:22px 0}footer>small{display:block;font-size:8px;line-height:2;color:var(--muted);max-width:430px;margin:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;background:#fcf8f1f5;backdrop-filter:blur(18px);border-top:1px solid #e1d3c6;z-index:30}.bottom-nav>a,.bottom-nav>button{width:20%;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#6b5b53;padding:0}.bottom-nav svg{width:21px;height:21px}.bottom-nav .active{color:var(--wine);font-weight:600}.bottom-nav .active svg{stroke-width:1.9}dialog{border:0;background:var(--cream);color:var(--ink);width:min(560px,100%);max-height:92dvh;overflow:auto;padding:23px;border-radius:20px 20px 0 0;margin:auto auto 0;box-shadow:0 -12px 70px #240d1e44}dialog::backdrop{background:#260d1d88;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px;gap:15px}.dialog-head h2{font:27px var(--serif);margin:0}.dialog-head small{font:9px var(--sans);color:var(--muted)}.dialog-head button{font:30px Arial;min-width:44px;min-height:44px}dialog>label{font-size:11px}dialog input{width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:14px;font-size:16px;margin:10px 0;min-height:48px}.search-item{display:flex;gap:15px;align-items:center;width:100%;text-align:right;padding:12px 0;border-bottom:1px solid var(--line)}.search-item img{width:65px;height:80px;object-fit:cover;border-radius:8px}.search-item strong{font-size:12px;display:block;font-weight:500}.search-item small{font-size:10px;color:var(--muted)}#productDialog{padding:0;border-radius:18px 18px 0 0}.detail-image{position:relative;height:350px;background:#702335}.detail-image img{height:100%;width:100%;object-fit:cover}.detail-close{position:absolute;left:15px;top:15px;border-radius:50%;height:44px;width:44px;background:#fff9;display:grid;place-items:center;font:28px Arial;z-index:2}.detail-body{padding:25px}.detail-body h2{font:37px/1.4 var(--serif);margin:0 0 10px}.detail-body .product-price b{font-size:20px}.detail-body .product-price del{font-size:12px}.detail-description{font-size:12px;line-height:2.1;color:var(--muted)}.detail-link{font-size:11px;color:var(--wine);display:block;text-decoration:underline;margin:15px 0}.detail-buy{position:sticky;bottom:0;background:#f8f4edf5;border-top:1px solid var(--line);padding:15px 22px calc(15px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:10px;backdrop-filter:blur(10px)}.detail-buy .pill{flex:1;max-width:270px}.detail-buy>span{font-size:14px;white-space:nowrap}.cart-item{display:flex;gap:13px;border-bottom:1px solid var(--line);padding:15px 0}.cart-item img{width:70px;height:90px;object-fit:cover;border-radius:8px}.cart-item>div{flex:1}.cart-item h3{font-size:12px;margin:0 0 9px;font-weight:500}.cart-item .product-price{margin:0}.quantity{display:flex;gap:12px;align-items:center;margin-top:8px}.quantity button{border:1px solid var(--line);width:36px;height:36px;border-radius:8px;font-size:18px}.remove{align-self:flex-start;font-size:10px;color:var(--wine);min-height:44px}.subtotal{display:flex;justify-content:space-between;font-size:15px;margin:22px 0}.demo-note{font-size:9px;line-height:2.1;color:var(--muted)}#cartDialog>.pill{width:100%;margin-top:18px;margin-bottom:env(safe-area-inset-bottom)}#toast{position:fixed;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);background:var(--wine);border:1px solid #a5656c;color:#fff6e7;padding:12px 20px;border-radius:25px;z-index:100;max-width:90vw;text-align:center;font-size:11px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{0%,100%{transform:translateY(3px) rotate(-10deg)}50%{transform:translateY(-11px) rotate(-6deg)}}@media(max-width:360px){.bottle-stage{height:410px;width:280px;top:-10px}.hero{height:610px}.hero-copy h1{font-size:49px}.product-card{height:245px}.product-copy{right:16px;left:45%}.product-copy h3{font-size:25px}.buy{font-size:8px;padding:9px 12px}.mini-image{height:125px}.tabs{gap:11px}.tabs button{font-size:9px}}@media(min-width:600px){.site-header{padding:10px 6%;height:96px}.desktop-nav{display:flex;gap:30px;font-size:12px;position:absolute;right:20%;left:auto}.site-header .logo{position:absolute;left:50%;transform:translateX(-50%)}.site-header>#searchOpen{margin-right:auto}.hero{height:720px}.bottle-stage{width:490px;height:650px;left:45%;top:0}.hero-copy{right:10%;left:auto;bottom:160px}.hero-copy h1{font-size:84px}.hero-copy>p:not(.micro){font-size:24px}.hero-copy .micro{font-size:10px}.hero-letter{font-size:440px;top:-160px;right:10%}.hero-halo{width:700px;height:700px;left:45%}.rock-one{width:400px;height:460px;right:-180px;top:300px}.rock-two{width:400px;height:470px;left:-160px;top:180px}.fabric{left:0;width:450px;height:650px;bottom:0}.hero-bottom{left:6%;right:6%;font-size:10px}.hero-number{font-size:10px;left:6%;top:50px}.home-edit,.category-section,.home-feature{padding:50px 6%}.home-edit{max-width:1000px;margin:auto}.mini-image{height:260px}.mini-product h3{font-size:14px}.mini-product small{font-size:11px}.section-title h2,.home-feature>h2{font-size:42px}.section-title>a{font-size:12px}.category-tile{height:410px}.category-tile h3{font-size:47px}.category-tile b{font-size:12px}.category-tile>div{right:30px;bottom:30px}.featured-list{grid-template-columns:1fr 1fr;gap:22px}.product-card{height:350px}.product-copy h3{font-size:33px}.product-copy{right:28px;left:46%}.product-copy .micro{font-size:8px}.buy{font-size:11px;padding:12px 18px}.gift-banner{margin:10px 6% 50px;height:500px}.gift-banner>div{right:8%;top:80px}.gift-banner h2{font-size:64px}.gift-banner>img{object-position:30% 50%}.shop-mode .site-header{height:96px}.shop-toolbar{top:96px;padding:0 6%}.tabs{justify-content:flex-start;gap:40px}.tabs button{font-size:13px;min-height:56px}.sort-row{font-size:11px;min-height:45px}.sort-row select{font-size:11px}.shop-heading{padding:45px 6% 20px}.shop-heading h1{font-size:47px}.shop-heading>p:last-child{font-size:12px}.product-list{grid-template-columns:1fr 1fr;padding:30px 6% 60px;gap:25px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:460px;border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0}.detail-image{height:420px}dialog{margin:auto;border-radius:20px;max-height:90vh}.detail-buy{padding-bottom:15px}footer{padding-bottom:40px}}@media(min-width:1200px){.hero-copy{right:12%}.hero-copy h1{font-size:100px}.bottle-stage{left:40%;width:600px}.hero-letter{font-size:520px;right:25%;top:-180px}.product-list{grid-template-columns:repeat(3,1fr)}.product-card{height:340px}.product-copy h3{font-size:29px}.featured-list .product-card{height:400px}.home-feature{max-width:1450px;margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.bottle-stage img{animation:none;transform:rotate(-7deg)}}
.product-photo{width:67%;right:auto;left:0}.theme-oud .product-photo,.theme-gift .product-photo{width:100%}.product-card.theme-blue .product-photo img,.product-card.theme-pink .product-photo img{object-fit:cover}
.hero{background:#641927 url(assets/sadu-stage.png) center 60%/cover no-repeat}.rock,.fabric,.hero-letter{display:none}.hero:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#340b18b3);z-index:0;pointer-events:none}.hero-copy{z-index:3}.hero-bottom{z-index:3}

/* Compact the opening image and bottle together. */
.hero{height:500px}.bottle-stage{top:-16px;width:248px;height:368px}.hero-copy{bottom:49px}.hero-copy h1{font-size:46px}.hero-copy>p:not(.micro){font-size:15px;margin-bottom:14px}.hero-bottom{bottom:13px}
@media(max-width:360px){.hero{height:470px}.bottle-stage{top:-8px;width:224px;height:328px}}
@media(min-width:600px){.hero{height:560px}.bottle-stage{top:0;width:392px;height:520px}.hero-copy{bottom:100px}}
@media(min-width:1200px){.bottle-stage{width:480px}}

/* Product-linked hero carousel and complete collection. */
.hero-slider{height:430px}.hero-track{position:absolute;inset:0;touch-action:pan-y}.hero-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:right;color:#fff5e7;opacity:0;visibility:hidden;transition:opacity .6s ease;overflow:hidden;background:#641927 url(assets/sadu-stage.png) center 60%/cover no-repeat}.hero-slide.active{opacity:1;visibility:visible}.hero-slider:after{display:none}.hero-slide:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#340b18cf);pointer-events:none}.hero-slide .bottle-stage{width:220px;height:325px;top:-15px}.hero-slide .hero-copy{bottom:54px;left:25px;right:25px;z-index:3}.hero-slide .hero-copy h1{font-size:40px;line-height:1.35}.hero-slide .hero-copy>p:not(.micro){font-size:14px;margin:0}.hero-product-art{width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-controls{position:absolute;bottom:9px;right:20px;left:20px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:5;color:#fff4e5}.hero-controls>button{width:36px;height:36px;font-size:19px}.hero-dots{display:flex;gap:2px}.hero-dots button{width:26px;height:32px;position:relative}.hero-dots button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffff66;top:13px;left:10px}.hero-dots button[aria-pressed=true]:after{background:#fff4e5;width:16px;left:5px;border-radius:8px}.mini-products{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px;overscroll-behavior-x:contain}.mini-products::-webkit-scrollbar{display:none}.mini-product{flex:0 0 44%;flex-basis:44%;scroll-snap-align:start}.mini-image{height:190px}.mini-product h3{font-size:12px}.mini-product small{font-size:10px}.collection-controls{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.collection-controls button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--wine);margin-right:5px}.category-tile h3{font-size:27px}.category-tile{height:220px}
@media(max-width:360px){.hero-slider{height:400px}.hero-slide .bottle-stage{width:200px;height:300px}.hero-slide .hero-copy h1{font-size:36px}.mini-image{height:160px}.category-tile h3{font-size:23px}}
@media(min-width:600px){.hero-slider{height:490px}.hero-slide .bottle-stage{width:350px;height:460px;left:43%;top:-10px}.hero-slide .hero-copy{right:10%;left:auto;bottom:95px}.hero-slide .hero-copy h1{font-size:60px}.hero-slide .hero-copy>p:not(.micro){font-size:20px}.hero-product-art{object-fit:contain;background:#5f1b2c}.mini-product{flex-basis:28%}.mini-image{height:250px}.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.category-tile{height:300px}.category-tile>div{right:16px}.category-tile h3{font-size:30px}.category-tile b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

.category-tiles .category-tile img{object-fit:contain;background:#e8dccf}.category-tiles .category-tile:after{background:linear-gradient(transparent 35%,#30101dd9)}.category-tile h3{font-size:25px}.tabs{justify-content:flex-start;gap:22px}.product-copy h3{overflow-wrap:anywhere}@media(min-width:600px){.category-tile h3{font-size:29px}}

/* Art-directed category photography; captions sit below the image. */
.category-tiles{gap:18px 14px}.category-tiles .category-tile{height:auto;border-radius:13px;background:transparent;color:var(--ink);display:flex;flex-direction:column;isolation:isolate}.category-tiles .category-tile:after{display:none}.category-tiles .category-tile>span{position:static;order:2;color:var(--muted);font-size:6px;letter-spacing:1px;padding-top:11px}.category-tiles .category-tile>img{order:1;aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;border-radius:13px}.category-tiles .category-tile>div{position:static;order:3;padding:5px 0 0}.category-tiles .category-tile h3{font-size:25px;line-height:1.45}.category-tiles .category-tile b{font-size:8px;color:var(--muted)}.hero-slide .hero-product-art{object-fit:cover;object-position:center;background:transparent}.hero-slide-summer,.hero-slide-18{color:var(--wine);background:#fff}.hero-slide-summer:after,.hero-slide-18:after{display:none}.hero-slide-summer .hero-copy .micro,.hero-slide-18 .hero-copy .micro{color:#805545}.hero-slider[data-tone=light] .hero-controls{color:var(--wine)}.hero-dots button:after{background:currentColor;opacity:.35}.hero-dots button[aria-pressed=true]:after{background:currentColor;opacity:1}.hero-slide-summer .hero-copy h1{font-size:37px}.hero-slide-18 .hero-copy h1{font-size:34px}
@media(min-width:600px){.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.category-tiles .category-tile h3{font-size:31px}.category-tiles .category-tile b{font-size:10px}.hero-slide .hero-product-art{object-fit:contain;background:#401522}.hero-slide-summer .hero-product-art{background:#eee0ca}.hero-slide-18 .hero-product-art{background:#fff}.hero-slide-summer .hero-copy,.hero-slide-18 .hero-copy{background:#fff8eddd;padding:15px 22px;border-radius:12px}.hero-slide-summer .hero-copy h1,.hero-slide-18 .hero-copy h1{font-size:48px}}

/* One grouped collection photograph and destination for each department. */
.hero-group{background:#f8f4ed}.hero-group .hero-product-art{object-fit:cover;object-position:center;background:transparent}.hero-group-light{color:var(--wine)}.hero-group-light:after{display:none}.hero-group-light .hero-copy .micro{color:#77564b}.hero-group-dark{color:#fff5e7}.hero-group .hero-copy{bottom:55px}.hero-group .hero-copy h1{font-size:39px}.hero-group .hero-copy>p:not(.micro){font-size:13px}.hero-dots{gap:0;max-width:calc(100% - 50px)}.hero-dots button{width:22px;height:32px;flex-shrink:1}.hero-dots button:after{left:8px;width:5px;height:5px}.hero-dots button[aria-pressed=true]:after{width:12px;left:4px}.category-tiles .category-tile>img{object-fit:cover;object-position:center 35%}
@media(max-width:360px){.hero-group .hero-copy h1{font-size:34px}.hero-dots button{width:19px}.hero-dots button:after{left:7px}.hero-dots button[aria-pressed=true]:after{left:3px}}
@media(min-width:600px){.hero-group .hero-product-art{object-fit:contain;background:#f3eade}.hero-group-dark .hero-product-art{background:#301421}.hero-group .hero-copy{right:8%;left:auto;bottom:80px;padding:18px 24px;border-radius:12px}.hero-group-light .hero-copy{background:#fff8edee}.hero-group-dark .hero-copy{background:#31141ddb}.hero-group .hero-copy h1{font-size:49px}.hero-group .hero-copy>p:not(.micro){font-size:17px}}

/* Fixed photographic stage; independent bottle entrances. */
.hero-group .hero-product-art{object-fit:contain;object-position:center}.hero-slide{transition:transform .65s ease,opacity .65s ease;transform:translateX(100%)}.hero-slide.active{transform:translateX(0)}
.sadu-motion{position:absolute;top:0;left:50%;height:100%;aspect-ratio:4/5;transform:translateX(-50%);max-width:100%;overflow:visible}.sadu-background,.sadu-bottle{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none}.sadu-bottle{will-change:transform}.sadu-red{clip-path:inset(0 49% 0 0)}.sadu-blue{clip-path:inset(0 0 0 51%)}.active .sadu-red{animation:red-enter 1.05s cubic-bezier(.2,.7,.25,1) both}.active .sadu-blue{animation:blue-enter 1.05s cubic-bezier(.2,.7,.25,1) both}.hero-group-0{background:linear-gradient(100deg,#430818,#08172f)}
@keyframes red-enter{from{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes blue-enter{from{transform:translateX(110%)}to{transform:translateX(0)}}
.landing-dust{position:absolute;top:55.5%;width:23%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#e9d4b78c,transparent 67%);filter:blur(3px);opacity:0;pointer-events:none}.dust-red{left:29%}.dust-blue{left:50%}.active .landing-dust{animation:landing-dust .65s 1.04s ease-out both}@keyframes landing-dust{0%{opacity:0;transform:scale(.45)}25%{opacity:.65}100%{opacity:0;transform:scale(1.65) translateY(-12px)}}
.category-tiles .category-tile>div{position:absolute;bottom:15px;right:14px;left:12px;z-index:2;color:white;padding:0;text-shadow:0 2px 8px #0009}.category-tiles .category-tile>span{position:absolute;top:12px;right:14px;z-index:2;color:white;padding:0}.category-tiles .category-tile b{color:#fff}.category-tiles .category-tile:after{display:block;inset:0;background:linear-gradient(#0003,transparent 35%,#260d20c9);z-index:1;pointer-events:none}.category-tiles .category-tile>img{aspect-ratio:4/5;object-fit:contain}
@media(prefers-reduced-motion:reduce){.hero-slide{transform:none;transition:none}.active .sadu-bottle{animation:none}.active .landing-dust{animation:none}}
.active .sadu-red,.active .sadu-blue{animation-delay:.65s}.active .landing-dust{animation-delay:1.69s}@media(prefers-reduced-motion:reduce){.active .sadu-bottle,.active .landing-dust{animation:none}}

/* Edge-to-edge hero artwork with intact product framing. */
.hero-group{background-image:var(--slide-art);background-size:cover;background-position:center}.hero-group .hero-product-art{object-fit:cover;background:transparent}.sadu-motion{width:100%;max-width:none;aspect-ratio:auto;left:0;transform:none}.sadu-background,.sadu-bottle{object-fit:cover}.hero-group-0{background:#271020}.hero-group-0:after{background:linear-gradient(transparent 40%,#210c2099)}
@media(min-width:600px){.hero-group .hero-product-art{object-fit:contain;backdrop-filter:blur(18px) brightness(.72)}.sadu-background{object-fit:cover;filter:brightness(.8)}.sadu-bottle{object-fit:contain}.landing-dust{left:calc(50% - 85px);width:90px}.dust-blue{left:calc(50% + 5px)}}
/* Visible sand puff after both bottles settle, then a soft fade. */
.landing-dust{z-index:2;top:54.5%;height:10%;filter:blur(1px);background:radial-gradient(ellipse at 35% 65%,#f5dfbde6 0%,#d4af7c99 24%,transparent 65%),radial-gradient(ellipse at 65% 60%,#f1d9b5dd 0%,#cda67588 28%,transparent 68%);transform-origin:center 75%}.landing-dust:before,.landing-dust:after{content:'';position:absolute;inset:-25% -12%;border-radius:50%;background:radial-gradient(circle at 15% 65%,#ffe5bc 0 1.5px,transparent 2.5px),radial-gradient(circle at 32% 28%,#f3d4a7 0 1px,transparent 2px),radial-gradient(circle at 55% 42%,#ffe9c9 0 1.5px,transparent 2.5px),radial-gradient(circle at 76% 24%,#eac28e 0 1px,transparent 2px),radial-gradient(circle at 90% 66%,#ffe8c0 0 1.5px,transparent 2.5px);filter:none}.landing-dust:after{transform:rotate(24deg) scale(.8)}.active .landing-dust{animation:visible-sand-puff 1.55s 1.7s ease-out both}@keyframes visible-sand-puff{0%{opacity:0;transform:scale(.35,.25) translateY(4px)}12%{opacity:.95;transform:scale(.85,.6)}38%{opacity:.8;transform:scale(1.25,1) translateY(-3px)}70%{opacity:.4;transform:scale(1.55,1.25) translateY(-7px)}100%{opacity:0;transform:scale(1.9,1.5) translateY(-14px)}}@media(prefers-reduced-motion:reduce){.active .landing-dust{animation:none}}
/* Home controls float directly over the photograph. */
body:not(.shop-mode) .site-header{position:absolute;inset:0 0 auto;height:82px;width:100%;padding:12px 18px;background:transparent;border:0;box-shadow:none;display:flex;justify-content:space-between;color:#fff8ec;pointer-events:none;z-index:20}body:not(.shop-mode) .site-header>*{pointer-events:auto}body:not(.shop-mode) .site-header .desktop-nav{display:none}body:not(.shop-mode) .site-header .logo{position:absolute;left:50%;top:14px;transform:translateX(-50%);text-shadow:0 1px 8px #0007}body:not(.shop-mode) .site-header .icon-button{background:#30152140;backdrop-filter:blur(6px);border:1px solid #ffffff30;border-radius:50%;filter:drop-shadow(0 1px 3px #0003)}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header{color:#641927}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header .logo{text-shadow:0 1px 6px #fff9}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header .icon-button{background:#fff8ed9c;border-color:#64192722}.shop-mode .site-header{position:sticky}
/* Compact header in normal flow; artwork starts below it. */
body:not(.shop-mode) .site-header{position:relative;inset:auto;height:60px;min-height:60px;padding:6px 18px;background:#641927;color:#fff8ec;pointer-events:auto}body:not(.shop-mode) .site-header .logo{top:8px;text-shadow:none}body:not(.shop-mode) .site-header .logo b{font-size:28px}body:not(.shop-mode) .site-header .logo span{font-size:8px;letter-spacing:2px;margin-top:5px}body:not(.shop-mode) .site-header .icon-button{background:none;border:0;backdrop-filter:none;filter:none;width:42px;height:42px}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header{color:#fff8ec}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header .logo{text-shadow:none}body:not(.shop-mode):has(.hero-slider[data-tone=light]) .site-header .icon-button{background:none;border:0}

body:not(.shop-mode) .site-header{background:rgba(100,25,39,.5)}.sand-current{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.landing-dust{display:none}
/* The photograph is behind the translucent header, not below an opaque page background. */ body:not(.shop-mode) .site-header{position:absolute;inset:0 0 auto;background:rgba(100,25,39,.5);height:60px;min-height:60px;z-index:20}
/* Neutral shadow at the approved 50% opacity and 60px height. */ body:not(.shop-mode) .site-header{background:rgba(0,0,0,.5);height:60px;min-height:60px}
/* Shorter banner: reserve the top for navigation and frame products above captions. */
.hero.hero-slider{height:370px}.hero-group{background-position:center;background-size:cover}.hero-group:before{content:'';position:absolute;inset:0;background:inherit;filter:blur(20px);transform:scale(1.08);pointer-events:none}.hero-group .hero-product-art{position:absolute;top:64px;left:0;width:100%;height:calc((100% - 134px)*1.25);object-fit:contain;object-position:center top;background:none;backdrop-filter:none;clip-path:inset(0 0 20% 0)}.hero-group .hero-copy{bottom:35px;right:18px;left:18px;padding:0;background:none;text-align:right}.hero-group .hero-copy h1{font-size:29px;line-height:1.2}.hero-group .hero-copy .micro,.hero-group .hero-copy>p:not(.micro){display:none}.hero-controls{bottom:0}.hero-group-light .hero-copy{color:#641927;text-shadow:0 1px 5px #fff}.hero-group-dark .hero-copy{text-shadow:0 1px 5px #000}.sadu-motion{top:64px;bottom:70px;height:auto;overflow:hidden}.sadu-background{height:100%;object-fit:cover;filter:none}.sadu-bottle{height:165%;object-fit:contain;object-position:center top}.hero-group-0:before{background:url(assets/sadu-motion-bg.webp) center/cover}.hero-group-0:after{inset:65% 0 0}.hero-group:after{pointer-events:none}
@media(min-width:600px){.hero.hero-slider{height:390px}.hero-group .hero-product-art{height:calc((100% - 134px)*1.25)}.hero-group .hero-copy{right:8%;bottom:45px}.hero-group .hero-copy h1{font-size:36px}.sadu-motion{bottom:70px}}
.hero-group:after{display:none}.hero-track{transform:none!important;animation:none!important}.hero-group:before{filter:blur(48px);opacity:.45}.hero-group-dark{background-color:#35131d}.hero-group-light{background-color:#f5eee3}.hero-group-0:before{opacity:1;filter:blur(12px)}
/* Square artwork includes its own 60px-equivalent header-safe backdrop. */
.hero.hero-slider{height:360px}.hero-group{background-image:var(--slide-art);background-position:center;background-size:cover}.hero-group:before{opacity:1;filter:blur(24px)}.hero-group .hero-product-art{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;clip-path:none;backdrop-filter:none}.hero-group .hero-copy{bottom:33px;right:18px;left:18px}.hero-group .hero-copy h1{font-size:28px}.hero-controls{bottom:0}.sadu-motion{top:0;bottom:auto;left:50%;transform:translateX(-50%);width:360px;max-width:100%;height:360px;overflow:hidden}.sadu-background{width:100%;height:100%;object-fit:fill}.sadu-bottle{top:8%;height:125%;width:100%;object-fit:fill}.hero-group-0{background-image:url(assets/hero-safe-bg.webp)}.hero-group-0:before{background:inherit;filter:blur(16px)}
@media(min-width:600px){.hero.hero-slider{height:380px}.sadu-motion{width:380px;height:380px}.hero-group .hero-product-art{height:100%}.hero-group .hero-copy{right:8%;bottom:42px}.hero-group .hero-copy h1{font-size:34px}}
.layer-scene{position:absolute;inset:0;margin:auto;width:360px;max-width:100%;height:360px;overflow:hidden}.scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none}.scene-bg{z-index:0}.scene-layer:not(.scene-bg){z-index:1;will-change:transform}.active .from-top{animation:scene-down .85s .65s cubic-bezier(.2,.75,.25,1) both}.active .from-left{animation:scene-left .95s .75s cubic-bezier(.2,.75,.25,1) both}.active .from-right{animation:scene-right .95s .75s cubic-bezier(.2,.75,.25,1) both}@keyframes scene-down{from{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scene-left{from{transform:translateX(-110%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scene-right{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}
.scene-layer.gift-bag{width:80%;height:80%;left:10%}.scene-layer.gift-products{width:94%;height:94%;left:3%;z-index:2}.gift-left{clip-path:inset(0 50% 0 0)}.gift-right{clip-path:inset(0 0 0 50%)}.active .gift-products{animation-delay:1.25s}.summer-pink-cream{clip-path:inset(0 67% 0 0)}.summer-pink-spray{clip-path:inset(0 51% 0 33%)}.summer-blue-cream{clip-path:inset(0 21% 0 49%)}.summer-blue-spray{clip-path:inset(0 0 0 79%)}.scene-layer.perfume-products{width:75%;height:75%;left:12.5%;top:12%}.perfume-top{clip-path:inset(0 0 47% 0)}.perfume-left{clip-path:inset(53% 50% 0 0)}.perfume-right{clip-path:inset(53% 0 0 50%)}.hero-group-1{background-image:url(assets/summer-bg.webp)}.hero-group-3{background-image:url(assets/ivory-bg.webp);color:#641927}.hero-group-5{background-image:url(assets/gift-bg.webp)}.hero-group-3 .hero-copy{color:#641927;text-shadow:0 1px 5px white}.hero-group-7.active .hero-product-art{animation:oud-reveal 1.3s .65s both}.hero-group-2.active .hero-product-art{animation:photo-reveal 1.2s .65s both}.hero-group-6.active .hero-product-art{animation:photo-reveal 1.2s .65s both}@keyframes oud-reveal{from{opacity:0;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes photo-reveal{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:600px){.layer-scene{width:380px;height:380px}}@media(prefers-reduced-motion:reduce){.active .scene-layer,.hero-group.active .hero-product-art{animation:none!important}}
.hero-group-6 .hero-product-art{top:2%;height:88%}
.scene-layer:not(.scene-bg){right:auto;bottom:auto}.scene-layer.perfume-top{width:70%;height:70%;left:15%;top:8.5%}.hero-slider{background:#efe4d7!important}.hero-track{top:0!important;bottom:0!important;height:100%!important}
/* Full-width, immediate artwork. Only requested product entrances animate. */
.hero-group:before{display:none!important}.hero-group .hero-product-art{inset:0;width:100%;height:100%;object-fit:fill;filter:none;backdrop-filter:none;animation:none!important;transform:none!important;opacity:1}.layer-scene{width:100%;max-width:none;height:100%;margin:0}.sadu-motion{left:0;transform:none;width:100%;max-width:none;height:100%}.scene-bg,.sadu-background{filter:none;backdrop-filter:none}.hero-slide{transition:transform .4s ease;opacity:1}.active .from-top,.active .from-left,.active .from-right,.active .sadu-bottle{animation-delay:0s}.active .gift-products{animation-delay:.65s}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.scene-foreground{position:absolute;inset:0;width:100%;height:100%;margin:auto}.scene-bg{object-fit:cover}@media(min-width:600px){.scene-foreground{width:380px;height:380px}.sadu-bottle{object-fit:contain}.hero-group .hero-product-art{object-fit:contain}}

/* Approved arch backdrop: shelf contact coordinates stay consistent at every viewport. */
.scene-bg{object-fit:fill}
.hero-group-3,.hero-group-6{background-image:url(assets/approved-tiers.webp)}
.hero-group-5{background-image:url(assets/approved-gift.webp);color:#641927}
.hero-group-5 .hero-copy{color:#641927;text-shadow:0 1px 5px white}
.scene-layer.gift-bag{width:72%;height:72%;left:14%;top:0.5%}
.scene-layer.gift-products{width:88%;height:88%;left:6%;top:9%}
.scene-layer.perfume-top{width:68%;height:68%;left:16%;top:22.3%}
.scene-layer.perfume-left,.scene-layer.perfume-right{width:68%;height:68%;left:16%;top:7.4%}
.allover-top{clip-path:inset(0 0 46% 0);width:75%;height:75%;left:12.5%;top:18%}
.allover-left{clip-path:inset(54% 50% 0 0)}
.allover-right{clip-path:inset(54% 0 0 50%)}
.allover-left,.allover-right{width:75%;height:75%;left:12.5%;top:1.8%}
.fresh-left{clip-path:inset(0 62% 0 0)}
.fresh-center{clip-path:inset(0 39% 0 38%)}
.fresh-right{clip-path:inset(0 0 0 61%)}
.summer-scene .scene-layer:not(.scene-bg){width:80%;height:80%;left:10%;top:-6%}
.sadu-bottle{top:5.5%;height:110%;object-fit:fill}
@media(min-width:600px){.sadu-bottle{width:380px;left:calc(50% - 190px);right:auto;object-fit:fill}}

.allover-top{clip-path:inset(0 0 50% 0);top:21.5%}.allover-left{clip-path:inset(50% 50% 0 0)}.allover-right{clip-path:inset(50% 0 0 50%)}.allover-left,.allover-right{top:-0.5%}
.fresh-left{clip-path:inset(0 64% 0 0)}.fresh-center{clip-path:inset(0 34% 0 36%)}.fresh-right{clip-path:inset(0 0 0 66%)}.fresh-scene .scene-layer:not(.scene-bg){width:75%;height:75%;left:12.5%;top:14%}
.allover-top{width:75%;height:55%;left:12.5%;top:31.3%}.allover-left,.allover-right{width:95%;height:42%;left:2.5%;top:31.5%}

.scene-layer.allover-upper{width:55%;height:55%;top:31.3%}.scene-layer.allover-lower{width:42%;height:42%;top:31.5%}
.allover-upper.allover-col-0{left:13.184999999999999%;clip-path:inset(0 67.5% 50% 0%)}.allover-lower.allover-col-0{left:10.214%;clip-path:inset(50% 67.5% 0 0%)}
.allover-upper.allover-col-1{left:19.395%;clip-path:inset(0 50% 50% 32.5%)}.allover-lower.allover-col-1{left:22.738000000000003%;clip-path:inset(50% 50% 0 32.5%)}
.allover-upper.allover-col-2{left:25.604999999999993%;clip-path:inset(0 32.49999999999999% 50% 50%)}.allover-lower.allover-col-2{left:35.262%;clip-path:inset(50% 32.49999999999999% 0 50%)}
.allover-upper.allover-col-3{left:31.759999999999994%;clip-path:inset(0 0% 50% 67.5%)}.allover-lower.allover-col-3{left:47.744%;clip-path:inset(50% 0% 0 67.5%)}
.scene-layer.perfume-left,.scene-layer.perfume-right{top:8.4%}

/* Restore the original Sadu size and all-over composition. */
.sadu-bottle{top:8%;height:125%;width:100%;left:0;right:auto;object-fit:fill}
.hero-group-6{background-image:var(--slide-art)}
@media(min-width:600px){.sadu-bottle{object-fit:contain}}

/* Preserve the original compact four-by-two arrangement and bottle heights. */
.allover-scene .allover-steps{height:253.333%;top:-93%;clip-path:inset(54.1% 0 0 0)}
.scene-layer.restored-allover-top{width:85%;height:81%;left:7.5%;top:14.5%;clip-path:inset(0 0 50% 0)}
.scene-layer.restored-allover-left,.scene-layer.restored-allover-right{width:96%;height:88%;left:2%;top:8%}
.restored-allover-left{clip-path:inset(50% 50% 0 0)}.restored-allover-right{clip-path:inset(50% 0 0 50%)}
.hero-group-6{background-image:url(assets/approved-tiers.webp)}
/* Follow the trigger silhouettes instead of cutting through them vertically. */
.fresh-left{clip-path:polygon(0 0,34.3% 0,34.3% 40%,38% 40%,38% 100%,0 100%)}
.fresh-center{clip-path:polygon(34.3% 0,65% 0,65% 40%,68% 40%,68% 100%,38% 100%,38% 40%,34.3% 40%)}
.fresh-right{clip-path:polygon(65% 0,100% 0,100% 100%,68% 100%,68% 40%,65% 40%)}
.allover-scene .allover-steps{mask-image:linear-gradient(to bottom,transparent 54.1%,#000 57%,#000 100%)}
.scene-layer.restored-allover-top{top:15.5%}
.scene-layer.restored-allover-left,.scene-layer.restored-allover-right{top:7%}

.oud-types{position:absolute;inset:23% 5% 20% 17%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px 2px;direction:ltr;mix-blend-mode:multiply}.oud-type{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.oud-type img{width:145%;max-width:none;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.oud-type span{position:relative;direction:rtl;text-align:center;font-size:9px;line-height:1.4;color:#453225;margin-top:-7px;white-space:normal}.active .oud-type{animation-delay:var(--oud-delay)}.hero-group-7{background-image:url(assets/oud-empty-bg.webp)}@media(min-width:600px){.oud-types{width:600px;max-width:80%;inset:22% 0 18%;margin:auto}.oud-type img{width:100px}.oud-type span{font-size:11px}}@media(prefers-reduced-motion:reduce){.active .oud-type{animation:none!important}}

.oud-circle{position:absolute;width:77%;height:67%;left:19%;top:19%;mix-blend-mode:multiply}.oud-piece{position:absolute;left:50%;top:50%;width:27%;display:flex;flex-direction:column;align-items:center}.oud-piece img{width:135%;max-width:none;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.oud-piece span{font-size:8px;line-height:1.2;text-align:center;color:#493526;direction:rtl;margin-top:-11px;white-space:normal}.oud-scene{isolation:isolate}@media(min-width:600px){.oud-circle{width:350px;left:calc(50% - 165px)}.oud-piece span{font-size:9px}}
.oud-circle{mix-blend-mode:normal}.oud-piece{mix-blend-mode:multiply}
.oud-piece span{display:none}

/* Match the original lower-row bottle proportions without stretching or widening gaps. */
.scene-layer.natural-allover-lower{width:80%;height:88%;top:7%;}
.natural-allover-0{left:4.859999999999998%;clip-path:inset(50% 67.5% 0 0%)}
.natural-allover-1{left:8.12%;clip-path:inset(50% 50% 0 32.5%)}
.natural-allover-2{left:11.379999999999995%;clip-path:inset(50% 32.49999999999999% 0 50%)}
.natural-allover-3{left:15.559999999999995%;clip-path:inset(50% 0% 0 67.5%)}
.hero-group-0{background-image:url(assets/sadu-ground-aligned.webp)}
.oud-piece img{mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 61%,transparent 87%)}
.oud-piece img{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 85%,transparent 100%)}
.sadu-background{height:102%;object-fit:fill}

/* Dust travels with the products and is gone once they settle. */
.oud-piece::before{content:"";position:absolute;z-index:-1;left:25%;top:35%;width:110%;height:48%;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(170,136,91,.21),transparent 55%),radial-gradient(ellipse at 53% 58%,rgba(194,162,113,.17),transparent 65%),radial-gradient(ellipse at 80% 35%,rgba(179,147,104,.12),transparent 60%);filter:blur(3px);opacity:0}.active .oud-piece::before{animation:oud-moving-dust 2.2s linear both}@keyframes oud-moving-dust{0%{opacity:0}8%,80%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.active .oud-piece::before{animation:none}}

/* Sun reflection follows the product silhouettes after the entrance finishes. */
.scene-layer.summer-glint{z-index:3;pointer-events:none;opacity:0;mask-image:url(assets/summer-products.webp);mask-size:100% 100%;mask-repeat:no-repeat;background:linear-gradient(110deg,transparent 39%,rgba(255,226,164,.08) 43%,rgba(255,245,213,.55) 48%,rgba(255,255,244,.74) 50%,rgba(255,232,174,.23) 53%,transparent 59%);background-size:300% 100%;background-position:100% 0;mix-blend-mode:screen;will-change:background-position,opacity}.active .summer-glint{animation:summer-sun-reflection 1.35s 1.1s ease-in-out both}@keyframes summer-sun-reflection{0%{background-position:100% 0;opacity:0}15%{opacity:.85}80%{opacity:.85}100%{background-position:0% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.active .summer-glint{animation:none!important}}
.site-header .logo span{white-space:nowrap;letter-spacing:1.5px;padding-left:0}

/* Compact header actions and an accessible category drawer. */
.header-actions{display:flex;align-items:center;gap:1px}.site-header .header-actions .icon-button{width:34px;height:38px;padding:7px}.site-header>#menuOpen{margin-right:auto}.site-header .logo span{font-size:8px;letter-spacing:1px}.category-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,87vw);height:100dvh;max-height:100dvh;max-width:87vw;border:0;border-radius:0;padding:22px;background:#fffaf2;color:#491824;box-shadow:8px 0 35px #0003;overflow:auto}.category-drawer[open]{animation:drawer-arrive .25s ease-out}.category-drawer::backdrop{background:#0006}.drawer-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #64192722;padding-bottom:12px;margin-bottom:10px}.drawer-heading h2{font-size:23px;margin:0}.drawer-heading .icon-button{font-size:30px;color:inherit;background:transparent}.category-drawer nav{display:flex;flex-direction:column}.category-drawer nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 3px;border-bottom:1px solid #64192713;font-size:15px;color:inherit;text-decoration:none}.category-drawer nav a:hover{color:#941b39;background:#f5ebde}.category-drawer nav a:focus-visible{outline:2px solid #641927;outline-offset:2px}@keyframes drawer-arrive{from{transform:translateX(-100%)}to{transform:none}}
.hero-slide.leaving{visibility:visible;opacity:1;pointer-events:none}.hero-track{touch-action:pan-y}.hero-slide{transition:none}
/* Stable, readable labels occupy the bottom edge, clear of the products. */
.hero-group .hero-copy{inset:auto 14px 6px auto!important;width:auto;max-width:calc(100% - 130px);padding:3px 10px!important;border-radius:6px;background:rgba(255,250,242,.94)!important;color:#541626!important;text-shadow:none!important;box-shadow:0 1px 5px #0001;z-index:4}.hero-group .hero-copy h1{font-size:19px!important;line-height:1.35;margin:0!important;color:inherit!important;text-shadow:none!important;white-space:nowrap}.hero-controls{left:12px;right:auto;bottom:3px;width:auto;transform:none}.hero-dots{gap:0}.hero-dots button{width:14px;height:30px}.hero-dots button:after{left:5px;width:4px;height:4px}.hero-dots button[aria-pressed=true]:after{width:9px;left:2px}@media(min-width:600px){.hero-group .hero-copy{right:24px!important;bottom:12px!important}.hero-group .hero-copy h1{font-size:22px!important}.hero-controls{left:24px;bottom:10px}}@media(prefers-reduced-motion:reduce){.category-drawer[open]{animation:none}}

/* Reference surface colour, with the established Jebal font and wine accent. */
:root{--cream:#fdfcf9;--line:#e9e8e4;--ink:#282827;--muted:#74716d}body,.home-page,.home-edit,.home-categories,.home-feature,footer,dialog,.category-drawer{background:#fdfcf9}.shop-toolbar,.detail-buy,.bottom-nav{background:rgba(253,252,249,.98)}
.category-drawer{padding:18px 22px;color:#282827}.drawer-heading{padding-bottom:17px;margin-bottom:8px;border-color:#e9e8e4}.drawer-brand{display:flex;flex-direction:column;align-items:center}.drawer-brand b{font:32px/1 var(--serif);font-weight:400;color:#641927}.drawer-brand span{font:7px Georgia;letter-spacing:1.4px;margin-top:4px}.drawer-heading .icon-button{width:34px;height:34px;padding:7px;color:#252525}.drawer-heading .icon-button svg{width:19px;height:19px;stroke-width:1.7;stroke-linecap:round}.drawer-home,.category-drawer nav a{display:flex;justify-content:flex-start;gap:13px;align-items:center;min-height:49px;padding:10px 0;border-bottom:1px solid #ecebe7;font-size:14px}.drawer-home svg,.category-drawer nav a svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.drawer-section-label{margin:23px 0 8px;font-size:14px;font-weight:600;color:#641927}.category-drawer nav a:hover{background:#f4f4f1;color:#641927}.category-drawer::backdrop{background:#0005;backdrop-filter:blur(4px)}
/* Clear floating titles, without cards, boxes or borders. */
.hero-group .hero-copy{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;bottom:9px!important;color:#541626!important}.hero-group .hero-copy h1{font-size:21px!important;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.8)!important}.hero-group-0 .hero-copy{color:#fff!important}.hero-group-0 .hero-copy h1{text-shadow:0 1px 4px rgba(0,0,0,.65)!important}

/* Compact reference menu, centered oud label, and clear shopping cards. */
.category-drawer{width:min(202px,80vw);max-width:80vw;padding:15px 16px}.drawer-home,.category-drawer nav a{font-size:12px;gap:9px;min-height:44px;padding:8px 0}.drawer-home svg,.category-drawer nav svg{width:18px;height:18px}.drawer-brand b{font-size:27px}.drawer-brand span{font-size:6px}.drawer-heading{gap:8px}.drawer-section-label{font-size:12px}
.hero-group-7 .hero-copy{left:57.5%!important;right:auto!important;top:52.5%!important;bottom:auto!important;transform:translate(-50%,-50%);width:max-content;max-width:none;text-align:center}.hero-group-7 .hero-copy h1{font-size:27px!important}
.store-card{min-width:0;background:transparent;display:flex;flex-direction:column;scroll-snap-align:start}.store-image{position:relative;padding:0;width:100%;aspect-ratio:1;background:#fff;border-radius:9px;overflow:hidden}.store-image img{width:100%;height:100%;object-fit:contain}.store-image>span{position:absolute;inset:auto 0 0;padding:7px;background:#ffffffed;font-size:10px;opacity:0;transition:opacity .15s}.store-image:hover>span,.store-image:focus-visible>span{opacity:1}.store-info{padding:12px 2px 0;display:flex;flex:1;flex-direction:column;text-align:right}.store-info>small{font-size:10px;color:var(--muted);margin-bottom:5px}.store-name{padding:0;text-align:right;min-height:43px}.store-name h3{font:600 13px/1.65 var(--sans);margin:0}.store-info .product-price{margin:9px 0 12px;min-height:22px}.store-info .product-price b{font-weight:700;font-size:13px}.store-info .product-price del{font-size:10px}.store-add{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;background:var(--wine);color:#fff;min-height:42px;width:100%;padding:9px 6px;font-size:11px;margin-top:auto}.store-add svg{width:17px;height:17px;stroke-width:1.7}.mini-products>.store-card{flex:0 0 46%}.product-list,.featured-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.home-edit{max-width:1400px}.bottom-nav{grid-template-columns:repeat(4,1fr)}.bottom-nav svg{stroke-width:1.65}.bottom-nav>*{flex:1}
#productDialog{position:fixed;padding:0;width:min(850px,94vw);max-width:94vw;max-height:90dvh;margin:auto;border-radius:12px;background:#fff;color:var(--ink)}#productDialog[open]{display:grid;grid-template-columns:1fr}#productDialog .detail-close{left:12px;top:12px;background:white;box-shadow:0 1px 7px #0001}#productDialog .detail-image{height:270px;background:#fff;padding:18px}#productDialog .detail-image img{object-fit:contain}#productDialog .detail-body{padding:18px 24px 26px}#productDialog h2{font:600 23px/1.7 var(--sans)}.detail-category{color:var(--wine);font-size:12px}.detail-add{margin-top:18px;max-width:260px}.detail-description{margin:8px 0 15px}.shop-mode .shop-toolbar{top:60px}.shop-mode .site-header{height:60px;min-height:60px}.shop-mode .site-header .logo b{font-size:28px}.shop-mode .site-header .logo span{font-size:8px}
@media(min-width:600px){.hero-group-7 .hero-copy{left:calc(50% + 10px)!important}.mini-products>.store-card{flex-basis:23%}.product-list{grid-template-columns:repeat(3,minmax(0,1fr))}.store-name h3{font-size:15px}.store-add{font-size:12px}#productDialog[open]{grid-template-columns:1fr 1fr;align-items:center}#productDialog .detail-image{height:420px;padding:28px}.featured-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.product-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Reference card geometry; retain Jebal type and burgundy accent. */
.store-card{direction:rtl;background:linear-gradient(125deg,#f3f1ed,#fdfcf9);border:1px solid #e3ded6;border-radius:20px;padding:12px;overflow:hidden}
.store-image{display:block;background:transparent;border:0;aspect-ratio:auto;height:228px;padding:5px;border-radius:14px}.store-image img{object-fit:contain;border-radius:3px}.store-image>span{border-radius:9px;bottom:4px;background:#fffdf5e8;color:var(--wine);display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;font-size:10px}.store-card:focus-within .store-image>span,.store-card:hover .store-image>span{opacity:1}
.store-info{text-align:center;padding:9px 0 0}.store-info>small{display:none}.store-name{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:44px}.store-name h3{font:600 13px/1.7 var(--sans)}.store-info .product-price{direction:rtl;justify-content:center;align-items:center;gap:8px;min-height:30px;margin:3px 0;flex-wrap:wrap}.store-info .product-price b{color:#000;font-size:21px;font-weight:700}.store-info .product-price:has(del) b{color:#16803b}.store-info .product-price del{font-size:18px;font-weight:650;color:#000;opacity:1;text-decoration-color:#dc2626;text-decoration-thickness:2px}
.store-info .store-add{background:linear-gradient(115deg,#8c3040,#741f2f);border:1px solid #7c2636;border-radius:13px;min-height:0;height:auto;line-height:1.3;margin-top:6px;padding:10px 7px;font-size:12px;font-weight:500;gap:7px;box-shadow:inset 0 1px #b96a78}.store-info .store-add svg{height:17px;width:17px;stroke-width:2}
.detail-content h3{font:600 14px var(--sans);margin:20px 0 8px}.detail-description{white-space:pre-line;font-size:13px;line-height:1.9;color:#555;margin:8px 0 15px}.detail-subtitle{font-size:13px;color:var(--muted)}.detail-content dl{font-size:12px;line-height:1.9}.detail-content dt{font-weight:600;margin-top:12px}.detail-content dd{margin:3px 0 10px;white-space:pre-line}#productDialog .detail-body{max-height:80dvh;overflow-y:auto}#productDialog .detail-add{width:max-content;max-width:100%;min-height:0;line-height:1.8;border:1px solid transparent;border-radius:5px;padding:13px 24px;font-size:14px;font-weight:500}
@media(max-width:1050px){.store-image{height:190px}.store-name h3{font-size:11px}.store-info .product-price b{font-size:19px}}
@media(max-width:700px){.store-card{border-radius:19px;padding:7px 9px 8px}.store-image{aspect-ratio:1.12;height:auto;border-radius:12px;padding:5px}.store-info{padding-top:5px}.store-name{min-height:34px}.store-name h3{font-size:10.5px;line-height:1.7}.store-info .product-price{min-height:24px;margin:2px 0}.store-info .product-price b{font-size:17px;line-height:1.2}.store-info .product-price del{font-size:15px}.store-info .store-add{border-radius:12px;gap:5px;min-height:31px;margin-top:4px;padding:8px 5px;font-size:10px;font-weight:600}.store-info .store-add svg{width:15px;height:15px}#productDialog .detail-body{max-height:none;overflow:visible}#productDialog .detail-image{height:230px}}
/* Fixed card tracks keep discounted and regular products aligned. */
.store-card{display:flex;flex-direction:column}.store-info{flex:1;display:flex;flex-direction:column}.store-name{height:48px;min-height:48px;flex-shrink:0;overflow:hidden}.store-name h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-info .product-price{height:58px;min-height:58px;flex:0 0 58px;align-content:center;column-gap:6px;row-gap:2px}.store-info .store-add{margin-top:auto;flex-shrink:0}.store-image{flex-shrink:0;padding-bottom:28px}.store-image>span{opacity:1;bottom:0;background:transparent;padding:5px;font-size:10px}.store-image>span:after{content:'←';margin-right:5px}.mini-products{align-items:stretch}
@media(max-width:700px){.store-name{height:36px;min-height:36px}.store-info .product-price{height:48px;min-height:48px;flex-basis:48px}.store-image{padding-bottom:24px}.store-info .store-add{margin-top:4px}}
:root{--jebal-navy:#0b0d47}.store-add,.store-info .store-add,#productDialog .detail-add{background:var(--jebal-navy);border-color:var(--jebal-navy);box-shadow:none;color:#fff}.section-title .micro,.home-feature>.micro,.section-title h2,.section-title>a,.home-feature>h2,.all-products{color:var(--jebal-navy)}.section-title>a,.all-products{border-color:var(--jebal-navy)}.store-image>span{color:var(--jebal-navy)}

/* Reference product dialog: one scroll area, image then product information. */
.store-image{padding:5px}.store-image>span{display:none}.mini-products:focus{outline:none}.store-image img{user-select:none;-webkit-user-drag:none}.store-image:focus:not(:focus-visible),.store-name:focus:not(:focus-visible){outline:none}
#productDialog{width:min(850px,calc(100% - 30px));max-width:850px;max-height:90dvh;padding:35px;border-radius:12px;overflow:auto;overscroll-behavior:contain}#productDialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:35px}#productDialog .detail-image{height:400px;padding:0;background:transparent;border-radius:6px}#productDialog .detail-body{padding:0;max-height:none;overflow:visible;min-width:0}#productDialog .detail-category{font-size:16px;font-weight:600;line-height:1.7;color:var(--jebal-navy);margin:0 0 12px}#productDialog h2{font-size:23px;line-height:1.7;margin:12px 0 20px}#productDialog .detail-content{margin:0}#productDialog .detail-description,#productDialog .detail-subtitle{color:#888;line-height:1.9;margin:0 0 20px;font-size:14px}#productDialog .product-price{margin:20px 0;min-height:0;gap:10px;align-items:center}#productDialog .product-price b{font-size:17px;font-weight:700;color:#000}#productDialog .product-price:has(del) b{color:#16803b}#productDialog .product-price del{font-size:15px}#productDialog .demo-note{font-size:10px;color:#888;margin:0 0 12px}#productDialog .detail-add{font-size:14px;line-height:1.8;margin:0;padding:13px 24px;border-radius:5px;min-height:53px;gap:10px}#productDialog .detail-close{top:12px;left:12px;z-index:5}
@media(max-width:700px){#productDialog{padding:25px;width:calc(100% - 30px);max-width:calc(100% - 30px)}#productDialog[open]{grid-template-columns:minmax(0,1fr);gap:15px}#productDialog .detail-image{height:250px;padding:0}#productDialog h2{font-size:19px;margin:10px 0}#productDialog .detail-category{margin:0 0 10px}#productDialog .detail-description,#productDialog .detail-subtitle{font-size:12px;line-height:1.9;margin:0 0 20px}#productDialog .detail-add{width:100%;max-width:none}.store-image{padding:5px}}

/* Consistent old/current price tracks and reference red discount badge. */
.product-price,.store-info .product-price,#productDialog .product-price{display:grid;grid-template-columns:max-content;grid-template-rows:22px 28px;justify-content:start;align-content:center;align-items:center;gap:0}.product-price del,.store-info .product-price del,#productDialog .product-price del{grid-row:1;color:#888;font-weight:500;opacity:1;text-decoration:line-through;text-decoration-color:#dc2626;text-decoration-thickness:2px;line-height:1.25}.product-price b,.store-info .product-price b,.store-info .product-price:has(del) b,#productDialog .product-price b,#productDialog .product-price:has(del) b{grid-row:2;color:#000;line-height:1.25}.store-info .product-price{justify-content:center;height:58px;min-height:58px;flex-basis:58px}.store-card{position:relative}.sale-badge{position:absolute;z-index:2;top:12px;right:12px;display:block;pointer-events:none;color:#fff;background:#dc2626;border-radius:9px;padding:8px 14px;font-size:15px;font-weight:750;line-height:1.4;box-shadow:0 3px 12px #a5000033}#productDialog .detail-image{position:relative}#productDialog .sale-badge{top:0;right:0}.cart-item .product-price{grid-template-rows:15px 21px;margin:0}.cart-item .product-price del{font-size:10px}.cart-item .product-price b{font-size:13px}
@media(max-width:700px){.store-info .product-price{grid-template-rows:20px 24px;height:48px;min-height:48px;flex-basis:48px}.sale-badge{padding:6px 10px;font-size:12px;top:7px;right:7px}.store-info .product-price del{font-size:14px}}
/* Compact product dialog, with an unadorned close icon. */
#productDialog{width:min(650px,calc(100% - 40px));max-width:650px;max-height:80dvh;padding:24px}#productDialog[open]{gap:22px}#productDialog .detail-image{height:280px}#productDialog .detail-category{font-size:12px;margin:0 0 5px}#productDialog h2{font-size:20px;margin:5px 0 10px}#productDialog .detail-description,#productDialog .detail-subtitle{font-size:12px;line-height:1.75;margin:0 0 12px}#productDialog .product-price{margin:10px 0;grid-template-rows:18px 23px}#productDialog .product-price b{font-size:16px}#productDialog .product-price del{font-size:12px}#productDialog .demo-note{font-size:9px;margin-bottom:8px}#productDialog .detail-add{padding:9px 18px;min-height:42px;font-size:12px}#productDialog .detail-close{top:5px;left:5px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;width:40px;height:40px;color:var(--jebal-navy)}#productDialog .detail-close svg{width:20px;height:20px}#productDialog .sale-badge{font-size:11px;padding:5px 8px;top:4px}
@media(max-width:700px){#productDialog{width:min(340px,calc(100% - 40px));max-width:340px;padding:20px;max-height:80dvh}#productDialog[open]{gap:10px}#productDialog .detail-image{height:150px}#productDialog .detail-category{font-size:11px;margin:0 0 4px}#productDialog h2{font-size:17px;margin:4px 0 8px}#productDialog .detail-description,#productDialog .detail-subtitle{font-size:11px;line-height:1.7;margin:0 0 10px}#productDialog .detail-add{width:100%;min-height:40px;padding:8px 14px}#productDialog .detail-content dl{font-size:11px;line-height:1.7}}

/* Keep the product close icon free of a focus frame. */
#productDialog .detail-close:focus,#productDialog .detail-close:focus-visible,#productDialog .detail-close:active{outline:none;box-shadow:none}
/* One persistent header across home, categories and products. */
body:not(.shop-mode) .site-header,body.shop-mode .site-header{position:fixed;inset:0 0 auto;width:100%;height:60px;min-height:60px;padding:6px 18px;background:rgba(0,0,0,.5);color:#fff8ec;border:0;box-shadow:none;z-index:20;pointer-events:auto}
body .site-header .desktop-nav{display:none}
body .site-header .logo{position:absolute;left:50%;top:8px;transform:translateX(-50%);text-shadow:none}
body .site-header .logo b{font-size:28px}
body .site-header .logo span{font-size:8px;letter-spacing:2px;margin-top:5px}
body .site-header .icon-button{background:none;border:0;backdrop-filter:none;filter:none;width:42px;height:42px}
body.shop-mode .shop-page{padding-top:60px}
body.shop-mode .site-header .icon-button{width:42px;height:42px;border-radius:50%}
/* Static banner compositions keep the existing category card dimensions. */
.category-banner-art{position:relative;order:1;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:13px;background:#f5eee3;pointer-events:none}
.category-banner-art *,.category-banner-art *::before,.category-banner-art *::after{animation:none!important;transition:none!important}
.category-tiles .category-banner-art img{background:transparent;object-fit:fill}
.category-banner-art .layer-scene,.category-banner-art .sadu-motion,.category-banner-art .scene-foreground{width:100%;height:100%;max-width:none;inset:0;margin:0;transform:none}
.category-banner-art .sadu-bottle{width:100%;left:0;object-fit:fill}
.category-banner-art .oud-circle{width:77%;height:67%;left:19%;top:19%}
.category-banner-art .oud-piece img{object-fit:contain}
.category-banner-art .oud-piece::before{display:none}
/* Slightly larger section eyebrows and catalog link. */
.section-title>a{font-size:11px}
.section-title .micro{font-size:8px}
.home-feature>.micro,.gift-banner .micro,.shop-heading>.micro{font-size:10px}
@media(min-width:600px){.section-title>a{font-size:14px}.section-title .micro{font-size:9px}.home-feature>.micro,.gift-banner .micro,.shop-heading>.micro{font-size:11px}}
/* Social icons match the Leader footer proportions. */
.footer-links{display:flex;align-items:center;justify-content:center;gap:24px}
.footer-links a{display:flex;align-items:center;gap:9px;font-size:11px;text-decoration:none}
.footer-links .social-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:10px;background:#fffdfa}
.footer-links .social-icon img{width:17px;height:17px;object-fit:contain}
.footer-links .social-icon svg{width:17px;height:17px;stroke:none}
.footer-links a[href*="instagram"] svg{fill:#ff0069}.footer-links a[href*="wa.me"] svg{fill:#25d366}
.category-still-life .category-stone-bg{position:absolute;inset:0;width:100%;height:100%}
.category-still-products{position:absolute;inset:24% 6% 22%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:0}
.category-tiles .category-still-products img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 3px #39261525)}
.category-still-products:has(img:nth-child(3)){inset:25% 9% 20%;grid-template-rows:1fr 1fr;gap:2% 3%}
.category-still-products:has(img:nth-child(3)) img:nth-child(-n+2){transform:translateY(18%)}
/* Product silhouettes are sized individually and meet the stone surface exactly. */
.category-crafted .crafted-backdrop{position:absolute;inset:0;width:100%;height:100%}
.category-crafted .crafted-product{position:absolute;display:block;transform:translateX(-50%);z-index:1}
.category-crafted .crafted-product::before{content:'';position:absolute;left:8%;right:3%;bottom:-1%;height:5%;border-radius:50%;background:#49332240;filter:blur(2px)}
.category-tiles .category-crafted .crafted-product img{position:absolute;max-width:none;object-fit:fill;filter:drop-shadow(2px 3px 2px #49332220)}
.category-tiles .category-tile:has(.category-crafted):after{background:linear-gradient(transparent 73%,#271d1459 100%)}
/* Darken only the lower portion of category photography for readable titles. */
.category-tiles .category-tile:after,.category-tiles .category-tile:has(.category-crafted):after{display:block;inset:0;background:linear-gradient(to bottom,transparent 48%,rgba(17,15,20,.08) 62%,rgba(17,15,20,.4) 80%,rgba(17,15,20,.76) 100%);pointer-events:none;z-index:1}
.category-tiles .category-tile>div{z-index:2;text-shadow:0 1px 4px #0009}
/* Banner titles remain above a soft lower shadow. */
.hero-slider .hero-group:after{content:'';display:block;position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent 48%,rgba(15,13,18,.08) 62%,rgba(15,13,18,.4) 82%,rgba(15,13,18,.75) 100%)}
.hero-slider .hero-group .hero-copy{color:#fff!important;z-index:4}
.hero-slider .hero-group .hero-copy h1{color:#fff!important;text-shadow:0 2px 5px #0009!important}
/* Catalog controls no longer follow scrolling; omit the count/sort row. */
.shop-mode .shop-toolbar{position:static;top:auto;backdrop-filter:none}
.shop-toolbar .sort-row{display:none}
#cartDialog [data-close]:focus,#cartDialog [data-close]:focus-visible,#cartDialog [data-close]:active{outline:none;box-shadow:none}
/* Leader-style footer grid, using Jebal identity and links. */
footer.store-footer{padding:0;margin-top:20px;text-align:start;color:var(--ink);background:#fdfcf9}
.store-footer .footer-main,.store-footer .footer-bottom{width:92%;max-width:1200px;margin:auto}
.store-footer .footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;padding:38px 0 35px;gap:24px}
.store-footer .footer-brand p{font:11px/1.9 var(--sans);margin:16px 0 0;color:#77756e}
.store-footer .footer-logo{display:inline-flex;flex-direction:column;align-items:center;font-size:38px;color:var(--jebal-navy)}
.store-footer .footer-logo span{font-size:8px;letter-spacing:1.5px}
.store-footer .footer-shop,.store-footer .footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:11px}
.store-footer .footer-shop b,.store-footer .footer-social>b{font-size:12px;font-weight:700;margin:0 0 3px;color:var(--jebal-navy)}
.store-footer .footer-shop a,.store-footer .footer-shop button{font:11px/1.6 var(--sans);padding:0;text-align:start;color:inherit}
.store-footer .footer-links{flex-direction:column;align-items:flex-start;gap:12px;margin:0}
.store-footer .footer-links a{font-size:11px}
.store-footer .footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid #e9e5de;font-size:9px;color:#77756e}
@media(max-width:599px){.store-footer .footer-main{grid-template-columns:1fr 1fr;gap:23px;padding:32px 0}.store-footer .footer-brand{grid-column:1/-1}.store-footer .footer-bottom{flex-direction:column;gap:7px;padding:17px 0 24px}}
.shop-heading>.micro{color:var(--jebal-navy)}
.tabs button.active{color:var(--jebal-navy);border-color:var(--jebal-navy)}.tabs button.active:after{background:var(--jebal-navy)}
/* Brand navigation state and clean banner typography. */
.bottom-nav .active{color:var(--jebal-navy);font-weight:600}
.bottom-nav .active svg{stroke:var(--jebal-navy);stroke-width:1.9}
.hero-slider .hero-group .hero-copy,.hero-slider .hero-group .hero-copy h1{text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important;box-shadow:none!important}
.hero-slider .hero-group .hero-copy h1{font-size:24px!important}
.hero-slider .hero-group:not(.hero-group-7) .hero-copy{bottom:19px!important}
.hero-slider .hero-group-7 .hero-copy,.hero-slider .hero-group-7 .hero-copy h1{color:var(--jebal-navy)!important}
.hero-slider .hero-group-7 .hero-copy h1{font-size:29px!important}
.hero-slider .hero-controls{z-index:10;bottom:13px}
.hero-slider .hero-dots button:after{background:#ffffffa6}
.hero-slider .hero-dots button[aria-pressed=true]:after{background:#fff}
@media(min-width:600px){.hero-slider .hero-group .hero-copy h1{font-size:26px!important}.hero-slider .hero-group:not(.hero-group-7) .hero-copy{bottom:22px!important}.hero-slider .hero-group-7 .hero-copy h1{font-size:30px!important}.hero-slider .hero-controls{bottom:16px}}
.hero-slider .hero-controls{z-index:10;opacity:1}.hero-slider .hero-dots button:after,.hero-slider .hero-dots button[aria-pressed=true]:after{background:#fff!important;opacity:1!important}
.hero-slider .hero-group .hero-copy h1{font-family:var(--serif)!important;font-weight:400!important;font-style:normal!important;line-height:1.4!important;letter-spacing:normal!important}
.store-footer .footer-shop b,.store-footer .footer-social>b{font-family:'Cairo',Tahoma,sans-serif;font-weight:700;font-size:12px;line-height:normal}
.store-footer .footer-links .social-icon{border:1px solid #e6dfd1;border-radius:10px;background:#fffdfa}
.store-footer .footer-links a{font-family:'Cairo',Tahoma,sans-serif}
#cartDialog{position:fixed;inset:0;margin:auto;max-height:80dvh;overflow:auto;border-radius:16px}
#cartDialog>.pill{background:var(--jebal-navy);color:#fff;border-color:var(--jebal-navy)}
#categoryDrawer .drawer-brand,#categoryDrawer .drawer-brand b,#categoryDrawer .drawer-brand span,#categoryDrawer .drawer-section-label{color:var(--jebal-navy)}
#categoryDrawer [data-close],#categoryDrawer [data-close]:focus,#categoryDrawer [data-close]:focus-visible,#categoryDrawer [data-close]:active{outline:none;box-shadow:none;border:0;background:transparent}
.hero-slider .hero-group-7.active .hero-copy h1{animation:oud-title-arrive 1.6s .25s ease-out both}
@keyframes oud-title-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-group-7.active .hero-copy h1{animation:none}}
/* One continuous full-cell underline slides between navigation items. */
.volume-label{white-space:nowrap;font:inherit;font-size:.72em}.volume-label small{font-size:1em;font-weight:inherit;line-height:1;margin-inline-start:.06em}
.bottom-nav{padding-left:0;padding-right:0;gap:0}
.bottom-nav>a,.bottom-nav>button{position:relative;flex:1 1 25%;width:25%;gap:1px}
.bottom-nav .nav-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}
.bottom-nav .nav-icon svg{display:block;width:21px;height:21px}
.bottom-nav .active{color:var(--jebal-navy);font-weight:600}
.bottom-nav .active svg{stroke:var(--jebal-navy);color:var(--jebal-navy);stroke-width:1.9}
.bottom-nav:after{content:'';position:absolute;left:0;bottom:calc(3px + env(safe-area-inset-bottom));width:25%;height:4px;background:var(--jebal-navy);pointer-events:none;transform:translateX(300%);transition:transform .32s cubic-bezier(.22,.7,.25,1)}
.bottom-nav:has([data-nav="categories"].active):after{transform:translateX(200%)}
.bottom-nav:has([data-nav="offers"].active):after{transform:translateX(100%)}
.bottom-nav:has([data-nav="cart"].active):after{transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.bottom-nav:after{transition:none}}

/* Sliding category selection, with adjacent full-width tab segments. */
.tabs{position:relative;gap:0;justify-content:flex-start}
.tabs button{flex:0 0 auto;padding-left:7px;padding-right:7px;border-bottom-color:transparent!important}
.tabs .tab-indicator{position:absolute;left:0;bottom:0;height:4px;background:var(--jebal-navy);pointer-events:none;transition:transform .32s cubic-bezier(.22,.7,.25,1),width .32s cubic-bezier(.22,.7,.25,1)}
.bottom-nav .nav-icon{position:relative}
.bottom-nav .offer-badge{position:absolute;top:-3px;right:-12px;padding:2px 4px;border-radius:3px;background:#dc2626;color:#fff;font:700 7px/1 Arial,sans-serif;letter-spacing:.15px;pointer-events:none}
@media(min-width:600px){.tabs button{padding-left:11px;padding-right:11px}}
@media(prefers-reduced-motion:reduce){.tabs .tab-indicator{transition:none}}
.store-name{flex-direction:column;gap:2px;height:52px;min-height:52px}.store-tolas{display:block;font-size:9px;font-weight:400;line-height:1.4;color:#85817c}
.store-image[data-view="158"] img,.store-image[data-view="159"] img{transform:scale(.84);transform-origin:center}