@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{--ink:#252521;--muted:#81776b;--gold:#997541;--brown:#bd9966;--cream:#f1eae3;--cream2:#f5f0e7;--line:#000000}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Tajawal',Tahoma,sans-serif}
a{color:inherit}button,input{font:inherit}
.top{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:center;min-height:74px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{display:block;width:min(62.4vw,240px);height:auto;max-height:59.2px;object-fit:contain} .top{padding:8px 12px}
.masthead{text-align:center;background:linear-gradient(180deg,#fff,#f9f4ec);padding:57px 16px 48px;border-bottom:1px solid #000000}
.eyebrow{color:#9e7a46;font-weight:700;font-size:12px;letter-spacing:.15em}.masthead h1{font-weight:800;font-size:clamp(32px,5vw,49px);margin:14px 0 9px}
.masthead .boutique-slogan{font-family:'Amiri',Georgia,serif;font-size:clamp(42px,6.8vw,76px);font-weight:700;line-height:1.5;letter-spacing:0;color:#382b1d;margin:13px 0 12px;text-shadow:0 2px 0 #d6b98745}
.masthead .poetry-slogan{font-size:clamp(27px,4.4vw,53px);line-height:1.9;max-width:1000px;margin:15px auto 14px}.poetry-slogan .poetry-second{display:block;color:#8c6534}.boutique-slogan .slogan-dots{color:#b38a4f;letter-spacing:.04em;padding-inline:4px}
.boutique-slogan .slogan-second{color:#8c6534;display:inline-block;margin-inline-start:.25em}
@media(max-width:600px){.masthead .poetry-slogan{font-size:clamp(22px,5.9vw,34px);line-height:1.9}.masthead .boutique-slogan{font-size:clamp(35px,9vw,49px);line-height:1.6}.boutique-slogan .slogan-second{display:block;margin-inline-start:0}}
.masthead p{font-size:15px;color:#7d7468;line-height:1.9;margin:0 auto;max-width:560px}
.gold-line{height:2px;width:50px;margin:24px auto 0;background:linear-gradient(90deg,transparent,#000000,transparent)}
.wrap{max-width:1300px;margin:0 auto;padding:29px 24px 90px}
.tools{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}
.searchbox{display:flex;align-items:center;gap:11px;background:white;border:1px solid #000000;border-radius:999px;padding:0 18px;min-height:48px;flex:1;max-width:480px;transition:border-color .2s}
.searchbox:focus-within{border-color:#000000}.searchbox svg{width:20px;color:#927b59;flex:none}
.searchbox input{outline:0;border:0;background:transparent;min-width:0;width:100%;color:#373028;font-size:14px}
.counter{color:#897c68;font-size:13px}
.chips{display:flex;gap:8px;margin-bottom:24px;overflow:auto;scrollbar-width:none;padding-bottom:3px}
.chips::-webkit-scrollbar{display:none}.chip{flex:none;background:white;border:1px solid #000000;border-radius:30px;padding:10px 16px;cursor:pointer;color:#655a4b;font-size:13px}
.chip[aria-pressed="true"]{background:#927244;border-color:#000000;color:white}
.cabinet{border:1px solid #000000;background:linear-gradient(90deg,#f2e9da,#fffaf3 2.5%,#fbf8f2 97.5%,#eee4d2);padding:22px 23px 32px;box-shadow:0 16px 38px #6c573018,inset 0 0 0 7px #fff8eb70}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 17px}
.product{position:relative;min-width:0;text-align:center;background:linear-gradient(180deg,#fffefa,#fcf9f3 82%,#f2e6d5);border:1px solid #000000;box-shadow:0 12px 16px #54402311;padding:20px 12px 17px;display:flex;flex-direction:column;align-items:center}
.product:after{content:"";height:9px;position:absolute;bottom:-10px;left:-1px;right:-1px;background:#000000;box-shadow:0 9px 12px #9d805c35}
.sold-out-badge{background:#655c53!important}.sold-out .photo img{opacity:.55}.add-cart:disabled{opacity:.55;cursor:not-allowed;background:#89817a!important}.sold-out .current{color:#817c75}.badge{position:absolute;z-index:1;left:10px;top:10px;border-radius:5px;background:#876539;color:white;padding:6px 8px;font-size:12px;font-weight:700}
.photo{width:100%;height:210px;display:flex;align-items:center;justify-content:center;margin:8px 0 19px}
.photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 8px rgba(90,76,55,.14))}
.product > .photo{position:static}
.decant-size-badge{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 12px;border:0!important;border-radius:0;background:#f5eee3;color:#74532e;box-shadow:0 4px 12px #6c573025;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap;pointer-events:none}
@media(max-width:740px){.decant-size-badge{inset-block-start:8px;inset-inline-start:8px;min-width:48px;padding:5px 9px;font-size:12px;border-radius:0}}
.brand{font-size:11px;font-weight:700;color:#987b51;letter-spacing:.10em;direction:ltr;text-align:center}
.product h2{font-weight:700;line-height:1.65;font-size:15px;min-height:48px;margin:9px 0 9px;overflow-wrap:anywhere}
.pill{font-size:11px;border:1px solid #000000;border-radius:30px;padding:4px 9px;color:#886e4f;margin-bottom:14px}
.prices{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%}.price-before{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:100%}.discount-badge{display:inline-flex;align-items:center;justify-content:center;position:static;white-space:nowrap;direction:ltr;border-radius:999px;padding:3px 7px;font-size:11px;line-height:1.3;font-weight:700;background:#ffe2eb;color:#ff4081}.detail-prices{flex-wrap:wrap}
.current{font-weight:800;color:#7f5b29;font-size:20px;white-space:nowrap}.old{text-decoration:line-through;color:#a7a09a;font-size:12px;white-space:nowrap}
.unit{font-size:12px;font-weight:600}.note{margin:20px 0 0;color:#897e70;text-align:center;font-size:12px}
.empty{display:none;text-align:center;padding:70px 20px;color:#77706a}
.alert{display:none;background:#fff6e6;border:1px solid #000000;border-radius:10px;padding:12px 16px;margin-bottom:17px;color:#74582e;font-size:13px}
footer{text-align:center;font-size:12px;color:#9a8a74;padding:40px 10px;border-top:1px solid #000000}
@media(max-width:1000px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.wrap{padding:20px 12px 62px}.cabinet{padding:12px 9px 23px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.product{padding:15px 7px 13px}.photo{height:166px;margin:16px 0 10px}.product h2{font-size:12px;min-height:56px}.brand{font-size:10px}.current{font-size:18px}.old{font-size:12px}.badge{font-size:10px;padding:5px 6px}.masthead{padding:42px 14px 37px}.searchbox{max-width:100%}.tools{gap:8px}.counter{font-size:12px}}
@media(max-width:370px){.photo{height:132px}.current{font-size:16px}.product h2{font-size:11px}}

/* المرحلة الأولى: سلة المشتريات */
.add-cart{margin-top:15px;width:100%;border:1px solid #000000;border-radius:9px;background:#927244;color:#fff;padding:11px 7px;cursor:pointer;font-weight:700;font-size:13px}
.add-cart:hover{background:#785b34}.cart-fab{position:fixed;bottom:20px;left:18px;z-index:50;border:0;border-radius:40px;background:#29241e;color:#fff;padding:14px 20px;box-shadow:0 6px 24px #0004;cursor:pointer;font-weight:800}
.cart-count{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#000000;border-radius:20px;min-width:24px;height:24px;margin-right:7px}
.cart-overlay{position:fixed;inset:0;background:#0008;z-index:90}.cart-panel{position:fixed;z-index:100;top:0;left:0;height:100dvh;width:min(100%,430px);background:#fffaf4;box-shadow:4px 0 35px #0004;display:flex;flex-direction:column}
.cart-header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.cart-header h2{margin:0;font-size:22px}.cart-close{border:0;background:none;font-size:29px;cursor:pointer}
.cart-items{overflow:auto;flex:1;padding:12px 18px}.cart-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.cart-item img{width:68px;height:70px;object-fit:contain}.cart-info{flex:1;min-width:0}.cart-info strong{display:block;font-size:13px;line-height:1.7}.cart-info small{color:#806d54}.qty-controls{display:flex;align-items:center;gap:12px;margin-top:9px}.qty-controls button{width:28px;height:28px;border:1px solid #000000;border-radius:7px;background:#fff;cursor:pointer}
.cart-footer{padding:17px 18px 24px;border-top:1px solid var(--line);background:white}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:800;margin-bottom:7px}.cart-help{font-size:12px;color:#796d5d;line-height:1.8}.checkout{width:100%;border:0;background:#238c50;color:white;border-radius:9px;padding:15px;font-weight:800;cursor:pointer;margin-top:12px}.checkout:disabled{opacity:.5;cursor:not-allowed}.cart-empty{text-align:center;color:#8a7b68;padding:55px 12px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#29241e;color:white;border-radius:10px;padding:12px 20px;z-index:120;font-size:13px;box-shadow:0 5px 20px #0003}
@media(max-width:740px){.cart-fab{bottom:15px;left:12px;padding:12px 15px}.add-cart{font-size:12px;padding:10px 4px}}

/* تفاصيل العطر */
.product .photo,.product h2{cursor:pointer}.product .photo:focus-visible,.product h2:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.view-details{border:1px solid #000000;color:#73542c;background:transparent;border-radius:9px;padding:9px;width:100%;cursor:pointer;margin-top:12px;font-weight:700}
.detail-overlay{position:fixed;inset:0;background:#16120dd1;z-index:130}
.detail-panel{position:fixed;inset:4vh auto auto 50%;transform:translateX(-50%);width:min(94vw,860px);max-height:92dvh;overflow:auto;z-index:140;background:#fffaf4;border-radius:16px;box-shadow:0 18px 65px #0005}
.detail-head{position:sticky;top:0;z-index:1;background:#fffaf4;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.detail-head strong{color:#76542b}.detail-close{border:0;background:none;font-size:32px;cursor:pointer}
.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px}.detail-photo{background:white;border:1px solid #000000;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:340px}.detail-photo img{width:100%;max-height:390px;object-fit:contain}
.detail-info :is(h1,h2){font-size:25px;line-height:1.6;margin:10px 0}.detail-meta{color:#8a785f;line-height:1.9}.detail-prices{display:flex;align-items:center;gap:14px;margin:15px 0}.detail-prices b{font-size:27px;color:#785729}.detail-prices del{color:#999}.detail-section{border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.detail-section h3{font-size:15px;margin:0 0 8px}.detail-section p{line-height:1.9;font-size:14px;color:#675b4c;margin:0}.detail-actions{display:flex;gap:10px;margin-top:22px}.detail-actions button{flex:1}.detail-copy{border:1px solid #000000;background:white;border-radius:9px;padding:10px;cursor:pointer}
@media(max-width:680px){.detail-panel{inset:0 auto auto 50%;width:100%;max-height:100dvh;height:100dvh;border-radius:0}.detail-body{grid-template-columns:1fr;gap:14px;padding:16px}.detail-photo{min-height:220px}.detail-photo img{max-height:270px}.detail-info :is(h1,h2){font-size:20px}}
.detail-richtext{color:#675b4c;font-size:14px;line-height:2;overflow-wrap:anywhere;unicode-bidi:plaintext}.detail-richline{margin:0 0 7px!important;white-space:pre-wrap;line-height:2!important}.detail-richline strong{font-weight:750;color:#31261b}.detail-richline-empty{height:12px;margin:0!important}
/* Customer information section */
.info-section{margin:34px 0 15px;padding:27px 22px;background:#fffdf9;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #7d613b0a;scroll-margin-top:110px}
.info-title{text-align:center;font-size:26px;margin:0 0 8px;color:#5f4729}.info-intro{text-align:center;color:var(--muted);font-size:14px;line-height:1.9;margin:0 auto 24px;max-width:640px}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card{border:1px solid #000000;border-radius:13px;padding:19px;background:linear-gradient(155deg,#fff,#faf5ec)}
.info-card h3{margin:0 0 11px;font-size:17px;color:#6f512c}.info-card p{margin:0;color:#655c50;line-height:2;font-size:14px}.info-card p+p{margin-top:7px}
.info-action{text-align:center;margin-top:23px}.info-action a{display:inline-block;text-decoration:none;border-radius:10px;padding:13px 22px;background:#806137;color:#fff;font-weight:800}.info-action small{display:block;margin-top:9px;color:#877865}
.info-shortcut{display:inline-block;margin:14px 0 0;color:#7b5b31;text-underline-offset:4;font-size:14px;font-weight:700}
@media(max-width:640px){.info-section{padding:22px 14px}.info-grid{grid-template-columns:1fr}.info-title{font-size:22px}}

/* Poetry heading: keep each hemistich on its own clean line, including phones */
.masthead h1.poetry-slogan{font-family:'Amiri',Georgia,serif;font-size:clamp(21px,3.25vw,39px);font-weight:700;line-height:1.85;max-width:100%;margin:18px auto 18px;letter-spacing:0;text-align:center}
.masthead h1.poetry-slogan .poetry-line{display:block;white-space:nowrap}
.masthead h1.poetry-slogan .poetry-second{color:#8c6534}
@media(max-width:600px){.masthead h1.poetry-slogan{font-size:clamp(16px,4.7vw,26px);line-height:1.9;margin:15px auto 15px;letter-spacing:-.15px}.masthead h1.poetry-slogan .poetry-line{white-space:nowrap}}
.info-links .info-link{display:flex;justify-content:space-between;align-items:center;gap:14px;text-decoration:none;font-size:17px;font-weight:800;color:#6f512c;min-height:76px;transition:transform .2s,box-shadow .2s}
.info-links .info-link:hover,.info-links .info-link:focus-visible{transform:translateY(-2px);box-shadow:0 7px 20px #604a2420;outline-color:#000000}
.info-arrow{font-size:24px;color:#a17a47}
.bank-checkout{background:#806137}.bank-checkout:hover{background:#664c2a}
/* رأس المتجر: أيقونات البحث والسلة بجانب الشعار */
.top{position:sticky;justify-content:center;min-height:76px;padding:8px 20px;isolation:isolate}
.header-logo-link{display:block;line-height:0}
.header-actions{position:absolute;left:clamp(12px,3vw,42px);top:50%;transform:translateY(-50%);display:flex;gap:9px;align-items:center;z-index:2}
.header-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #000000;border-radius:50%;background:#fff;color:#775b35;cursor:pointer;transition:background .2s}
.header-icon:hover,.header-icon:focus-visible{background:#f7efe4;outline-color:#000000}
.header-icon svg{width:22px;height:22px}
.header-cart .cart-count{position:absolute;top:-6px;right:-8px;margin:0;min-width:20px;height:20px;font-size:11px;padding:0 4px}
.header-search{position:absolute;top:calc(100% + 7px);left:clamp(12px,3vw,42px);width:min(440px,calc(100vw - 24px));padding:8px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 28px #29241e20;z-index:25}
.header-search .searchbox{max-width:none;min-height:46px}
.tools{justify-content:flex-start}
.footer-whatsapp{display:inline-flex;margin:0 0 18px;padding:11px 19px;border:1px solid #000000;border-radius:999px;color:#70532f;font-size:14px;font-weight:700;text-decoration:none;background:#fff}
.footer-whatsapp:hover{background:#f8f1e8}

/* وثيقة العمل الحر في تذييل الصفحة الرئيسية */
.freelance-certificate{display:flex;flex-direction:column;align-items:center;gap:4px;width:fit-content;min-width:205px;max-width:calc(100vw - 40px);margin:4px auto 21px;padding:14px 26px;background:rgba(255,255,255,.58);border:1px solid #000000;border-radius:12px;box-shadow:0 4px 18px rgba(91,65,34,.045)}
.freelance-certificate-label{font-size:14px;font-weight:800;color:#715532;line-height:1.7}
.freelance-certificate-number{direction:ltr;unicode-bidi:isolate;font-size:17px;letter-spacing:.07em;font-weight:800;color:#453626;font-variant-numeric:tabular-nums;line-height:1.5}
.footer-copyright{margin-top:11px}

@media(max-width:600px){.top{min-height:70px;padding:7px 12px}.logo{width:min(48vw,190px);max-height:55px}.header-actions{left:10px;gap:6px}.header-icon{width:37px;height:37px}.header-icon svg{width:20px;height:20px}.header-search{left:12px}}

/* أقسام العطور: شريط أفقي على الكمبيوتر وقائمة منسدلة يمين الجوال */
.top{justify-content:space-between;gap:18px;padding-inline:clamp(12px,2.5vw,36px)}
.header-navigation{display:flex;align-items:center;flex:1;min-width:0;justify-content:flex-start}
.header-menu{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px}
.nav-category{border:0;background:transparent;color:#654b2f;font-weight:700;font-size:13px;padding:10px 6px;cursor:pointer;white-space:nowrap;border-radius:8px}
.nav-category:hover,.nav-category:focus-visible{background:#f6eee4}
.nav-category[aria-pressed="true"]{color:#997541;background:#f8f0e6}
.header-logo-link{flex:0 0 auto;position:absolute;left:50%;transform:translateX(-50%)}
.header-actions{position:static;transform:none;flex:1;justify-content:flex-start;min-width:100px}
.menu-toggle{display:none}
@media(min-width:741px){.header-navigation{padding-right:0;max-width:calc(50% - 125px)}.header-menu{gap:2px 8px}.nav-category{font-size:clamp(11px,1vw,13px);padding:9px 3px}}
@media(max-width:740px){
 .top{padding:7px 12px;min-height:70px;gap:8px}
 .header-navigation{flex:1;justify-content:flex-start;order:0}
 .menu-toggle{display:inline-flex}
 .header-logo-link{order:1}
 .header-actions{order:2;justify-content:flex-end;flex:1;min-width:0}
 .header-menu{display:none;position:absolute;right:10px;left:auto;top:calc(100% + 5px);width:min(300px,calc(100vw - 20px));background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px #29241e22;padding:9px;z-index:35;flex-direction:column;align-items:stretch;gap:2px}
 .header-menu.is-open{display:flex}
 .nav-category{text-align:right;font-size:14px;padding:13px 12px;white-space:normal}
 .header-search{left:10px;right:auto}
}
/* Desktop: keep search and cart at the far left, clear of centered logo */
@media(min-width:741px){
 .header-actions{position:absolute;left:clamp(12px,2.5vw,36px);right:auto;top:50%;transform:translateY(-50%);width:auto;flex:none;min-width:0;justify-content:flex-start;z-index:3}
 .header-logo-link{z-index:2}
}
@media(min-width:741px) and (max-width:1100px){.logo{width:190px}.header-navigation{max-width:calc(50% - 98px)}.header-menu{gap:0 4px}.nav-category{font-size:11px}}

/* Full-width responsive hero banner replacing the previous poetry heading */
.masthead.boutique-banner{padding:0;background:#9a5b16;border:0;line-height:0;overflow:hidden}
.masthead.boutique-banner img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}

/* Header behavior: show only logo + search + cart over the banner (0% background opacity).
   After scrolling, use a solid white sticky header with a black logo and navigation. */
.top{
 position:sticky;top:0;z-index:50;margin-bottom:-76px;
 background:transparent;border-bottom:1px solid transparent;
 backdrop-filter:none;-webkit-backdrop-filter:none;
 box-shadow:none;
 transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.top.is-scrolled{
 background:#fff;border-bottom-color:#eaeaea;
 box-shadow:0 5px 22px rgba(0,0,0,.08);
}
/* Keep the same logo asset, with black lettering, on both states. */
.top .logo{filter:brightness(0)}
.top .header-icon{color:#171717;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
/* On top of the hero, only the logo and the two action icons are visible. */
.top:not(.is-scrolled) .header-icon{background:transparent;border-color:transparent}
.top:not(.is-scrolled) .header-icon:hover,.top:not(.is-scrolled) .header-icon:focus-visible{background:rgba(255,255,255,.55);outline-color:#737373}
.top:not(.is-scrolled) .header-menu:not(.is-open){opacity:0;visibility:hidden;pointer-events:none}
.top.is-scrolled .header-icon{background:#fff;border-color:#e6e6e6}
.top.is-scrolled .header-icon:hover,.top.is-scrolled .header-icon:focus-visible{background:#f5f5f5;outline-color:#737373}
.top .nav-category{color:#161616}
.top .nav-category:hover,.top .nav-category:focus-visible{background:#f3f3f3}
.top .nav-category[aria-pressed="true"]{color:#111;background:#f1f1f1}
.masthead.boutique-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0;overflow:hidden;background:#c99d78}
.masthead.boutique-banner::before{content:"";position:absolute;inset:-20px;background:url('images/abu-talal-desktop-banner.png') center center/cover no-repeat;filter:blur(24px) brightness(.95);transform:scale(1.04)}
/* The existing banner images are unchanged; they now sit directly behind the transparent header. */
.masthead.boutique-banner .banner-picture{position:relative;z-index:1;display:block;width:100%;line-height:0}
.masthead.boutique-banner .banner-picture img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center}
@media(max-width:740px){
 .top{margin-bottom:-70px}
 .masthead.boutique-banner{padding-top:0}
 .masthead.boutique-banner .banner-picture img{width:100%;height:auto;max-width:none}
 .masthead.boutique-banner::before{display:none}
}

/* معرض صور المنتج: الرئيسية + صور مصغرة + سحب الجوال (RTL). */
.detail-gallery{min-width:0;align-self:start}
.detail-gallery .detail-photo{position:relative;overflow:hidden;min-height:340px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.detail-gallery .detail-photo img{display:block;width:100%;height:340px;max-height:390px;object-fit:contain;padding:14px}
.detail-gallery .detail-photo:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.detail-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,243,.94);color:#76552f;border:1px solid #000000;box-shadow:0 2px 10px #4932181a;cursor:pointer;font-size:20px;line-height:1;z-index:1;transition:background .2s}
.detail-gallery-arrow:hover{background:#f3e5d1}
.detail-gallery-arrow:focus-visible,.detail-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.detail-gallery-prev{right:10px}.detail-gallery-next{left:10px}
.detail-photo-count{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:#fff9f0ec;color:#755733;border:1px solid #000000;border-radius:99px;padding:3px 12px;font-size:12px;direction:ltr;font-weight:700}
.detail-thumbs{display:flex;gap:9px;padding:11px 2px 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start}
.detail-thumb{flex:0 0 69px;width:69px;height:69px;display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid #000000;background:#fff;border-radius:9px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.detail-thumb.is-active{border:2px solid #000000;box-shadow:0 0 0 2px #98744524}
.detail-thumb img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:680px){
 .detail-gallery .detail-photo{min-height:255px}
 .detail-gallery .detail-photo img{height:265px;max-height:300px;padding:8px 25px}
 .detail-gallery-arrow{width:34px;height:34px;font-size:17px}
 .detail-thumb{flex-basis:59px;width:59px;height:59px}
}
.product-announcement{position:absolute;z-index:1;left:10px;top:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:6px;line-height:1.5;font-size:12px;font-weight:700;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:none}
@media(max-width:740px){.product-announcement{left:7px;top:7px;font-size:10px;padding:4px 7px}}

/* Compact the space between product images, names and prices. */
.product > .photo{margin-bottom:8px}
.product > h2{min-height:0;margin-top:6px;margin-bottom:6px}
.product > .prices{margin-top:6px;gap:5px}
.product > .pill{margin-top:2px;margin-bottom:4px}
/* One-line product names and aligned purchase buttons within each grid row. */
.product > h2{width:100%;max-width:100%;min-width:0;height:1.65em;min-height:1.65em;flex-shrink:0;overflow:hidden;white-space:nowrap;overflow-wrap:normal}
.product > h2 > .product-title-link{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product > .prices{margin-bottom:15px}
.product > .add-cart{margin-top:auto;flex-shrink:0}
a.add-cart.notify-stock{display:block;box-sizing:border-box;text-align:center;text-decoration:none;line-height:1.5} .product.sold-out .notify-stock{opacity:1}
.stock-alert-dialog{width:min(420px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #000000;border-radius:16px;padding:24px;background:#fff;color:#222;text-align:right;max-height:90dvh;overflow:auto;font-family:Tajawal,Arial,sans-serif}.stock-alert-dialog::backdrop{background:#0007}.stock-alert-dialog h2{margin:0 0 12px}.stock-alert-dialog input[type=email]{box-sizing:border-box;width:100%;padding:12px;border:1px solid #000000;border-radius:8px;margin:8px 0 14px;font-size:16px}.stock-alert-consent{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.8}.stock-alert-consent input{margin-top:5px;flex-shrink:0}.stock-alert-dialog a{color:#765331;font-size:13px}.stock-alert-dialog button{width:100%;padding:12px;border-radius:8px;background:#000;color:#fff;border:1px solid #000;cursor:pointer;font:inherit;margin-top:8px}.stock-alert-dialog .stock-alert-close{background:#fff;color:#222;border-color:#ddd}.stock-alert-status{line-height:1.8;font-size:14px}.stock-alert-dialog button:disabled{opacity:.6;cursor:wait}

/* Search suggestions stay inside the header popup, independent of catalog filters. */
.search-suggestions{margin-top:8px;border-top:1px solid #000000;padding-top:4px;direction:rtl;color:#222;background:#fff}
.search-suggestions[hidden],.search-suggestions [hidden]{display:none!important}
#search-suggestion-options{max-height:min(390px,55dvh);overflow-y:auto;overscroll-behavior:contain}
.search-suggestion{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid #000000;text-decoration:none;color:#222;border-radius:8px}
.search-suggestion:hover,.search-suggestion[aria-selected=true]{background:#f7f1e9;color:#222}
.search-suggestion img{width:48px;height:56px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:5px}
.search-suggestion-details{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.search-suggestion-name{font-weight:700;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-suggestion-meta{font-size:12px;line-height:1.6;color:#766650}
.search-suggestion-all{display:block;padding:12px 8px 6px;text-align:center;font-size:13px;font-weight:700;color:#765331;text-decoration:none}
.search-suggestion-status{padding:18px 8px;text-align:center;font-size:13px;margin:0;color:#766650}
.search-suggestion-all:focus-visible{outline:2px solid #000000;outline-offset:-2px}

/* Let the main mobile product photo use the full available gallery width. */
@media(max-width:740px){
 body[data-product-page] .detail-gallery .detail-photo{width:100%;min-height:0;aspect-ratio:1/1}
 body[data-product-page] .detail-gallery .detail-photo img{box-sizing:border-box;width:100%;height:100%;max-height:none;aspect-ratio:1/1;object-fit:contain;padding:6px}
}

/* Shared storefront typography, including pages with their own inline styles. */
:root body,
:root body :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea),
:root body .boutique-slogan,
:root body .poetry-slogan,
:root body .stock-alert-dialog,
:root body .store-footer{
 font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif!important;
}

/* Navigate between reviewed full bottles and available 10 ml decants. */
.product-format-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;margin:10px 0;padding:9px 11px;border:1px solid #e9e9e9;border-radius:8px;background:#fff;max-width:100%;box-sizing:border-box}
.detail-info .product-format-heading{grid-column:1;grid-row:1;margin:0;font-size:12px;font-weight:600;line-height:1.6;color:#333}
.product-format-link{grid-column:2;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;min-height:32px;max-width:100%;padding:5px 11px;border:1px solid #dedede;border-radius:5px;background:#f7f7f7;color:#222;font-size:12px;font-weight:600;line-height:1.6;text-decoration:none;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}
.product-format-link:hover{background:#eee;border-color:#bbb}
.product-format-link:focus-visible{outline:2px solid #222;outline-offset:3px}
.detail-info .product-format-meta{grid-column:1;grid-row:2;margin:0;font-size:11px;line-height:1.5;color:#777}
@media(max-width:450px){.product-format-option{gap:3px 8px;padding:8px 9px}.detail-info .product-format-heading{font-size:11px}.product-format-link{font-size:11px;padding:5px 9px}}