.brand-symbol{width:56px;height:56px;object-fit:cover;display:block;mix-blend-mode:screen}
.brand-name{display:flex;flex-direction:column;line-height:1.1}.brand-name b{font-family:'Noto Kufi Arabic';font-size:19px;font-weight:500;color:#fff}.brand-name small{font:10px Arial;letter-spacing:2.2px;color:#9da19a;margin-top:7px;text-transform:none}
.hero-logo{width:88px;height:88px;object-fit:cover;mix-blend-mode:screen;opacity:.9;margin-bottom:6px}
.footer-logo{width:92px;height:92px;object-fit:cover;mix-blend-mode:screen}
.trust-strip{background:#ede6da;display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(22px,6.5vw,100px);border-bottom:1px solid #d8cfc1}
.trust-strip article{display:flex;align-items:center;gap:17px;padding:28px 24px;border-left:1px solid #d8cfc1}
.trust-strip article:last-child{border-left:0}
.trust-strip article>span{font:10px Arial;color:#ae8247}
.trust-strip b,.trust-strip small{display:block}
.trust-strip b{font-size:11px;font-weight:500}
.trust-strip small{font-size:10px;color:#858980;margin-top:5px}
.art-view{position:absolute;inset-inline:12px;bottom:12px;background:#141711df;color:white;text-align:center;padding:10px;font-size:10px;transform:translateY(18px);opacity:0;transition:.3s;backdrop-filter:blur(5px)}
.art-card:hover .art-view{transform:none;opacity:1}
.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;background:#f4f0e8}
.faq-heading h2{font-family:'Noto Kufi Arabic';font-weight:400;font-size:clamp(36px,4.7vw,66px);line-height:1.35;margin:10px 0}
.faq-heading h2 em{font-family:'Playfair Display';color:#b78848;font-weight:500}
.faq-heading>p:last-child{font-size:11px;color:#777e76;line-height:2}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 5px}
.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:18px;color:#b98d50;transition:.25s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:10px;line-height:2.1;color:#757c74;max-width:680px;margin:0 0 25px}
.payment-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 5px}
.payment-row b,.payment-row small{display:block}
.payment-row b{font-size:10px;color:#c79d60;margin-bottom:5px}.payment-row small{font-size:10px;color:#72776f}
.payment-row img{width:min(600px,65vw);height:auto;display:block}
.floating-wa{position:fixed;left:20px;bottom:20px;z-index:35;background:#1e2a22;color:white;text-decoration:none;display:flex;align-items:center;gap:10px;padding:9px 15px 9px 9px;box-shadow:0 10px 35px #0003}
.floating-wa span{width:32px;height:32px;border-radius:50%;background:#c49a5a;color:#161812;display:grid;place-items:center}
.floating-wa b{font-size:10px;font-weight:500}
.mobile-order{display:none}
.story-main{inset:0 0 0 18%}
@media(max-width:1000px){.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip article:nth-child(2){border-left:0}.faq{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){body{padding-bottom:58px}.brand-symbol{width:45px;height:45px}.brand-name b{font-size:15px}.brand-name small{font-size:10px;letter-spacing:1.4px;margin-top:5px}.hero-logo{width:70px;height:70px}.trust-strip{grid-template-columns:repeat(2,1fr);padding-inline:8px}.trust-strip article{padding:19px 10px;gap:9px}.trust-strip b{font-size:10px}.trust-strip small{font-size:10px}.art-view{display:none}.footer-logo{width:78px;height:78px}.payment-row{align-items:flex-start;flex-direction:column}.payment-row img{width:100%}.floating-wa{display:none}.mobile-order{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;inset-inline:0;height:58px;z-index:50;background:#10130f;box-shadow:0 -8px 28px #0003}.mobile-order a{display:grid;place-items:center;text-decoration:none;font-size:10px;color:white}.mobile-order a:last-child{background:#c49a5a;color:#161812;font-weight:600}}
/* Cinematic hero video: keep the complete 16:9 film visible on desktop. */
.hero-media{position:relative;overflow:hidden;background:#0b0e0a;isolation:isolate}
.hero-media::before{content:'';position:absolute;inset:-38px;background:linear-gradient(#17201859,#0b0e0a73),url('images/alwa7-275.jpg') center/cover;filter:blur(25px) saturate(.72) brightness(.58);transform:scale(1.08);opacity:.78;z-index:0}
.hero-video{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-media::after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 70%,#12140f80),linear-gradient(0deg,#12140f38,transparent 38%);pointer-events:none}
/* Match the desktop hero composition to each reading direction:
   Arabic copy on the right, English copy on the left. */
@media(min-width:1001px){
  .hero{direction:ltr}
  .hero-media{grid-area:hero-media}
  .hero-panel{grid-area:hero-copy}
  html.lang-ar .hero{grid-template-columns:58% 42%;grid-template-areas:'hero-media hero-copy'}
  html.lang-en .hero{grid-template-columns:42% 58%;grid-template-areas:'hero-copy hero-media'}
  html.lang-ar .hero-panel{direction:rtl;text-align:right}
  html.lang-en .hero-panel{direction:ltr;text-align:left}
}
@media(max-width:1000px){.hero-media{position:absolute;inset:0}.hero-video{object-fit:cover;opacity:.58}.hero-media::after{background:linear-gradient(90deg,#10130ff2 8%,#10130f99 68%,#10130f73)}}

/* Dark gallery captions keep artwork titles refined and easy to scan. */
.art-meta{background:#eadfce;color:#23271f;padding:17px 16px 19px;border-top:1px solid #c49a5a80}
.art-meta h3{color:#20251e;margin:0 0 7px;font-weight:500}
.art-meta p{color:#6d7069;margin:0}

/* Individual SVG payment marks stay crisp and evenly sized on every screen. */
.payment-row .payment-methods-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) minmax(0,2.735fr);gap:8px;width:min(780px,68vw);direction:ltr}
.payment-row .payment-methods-strip img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:680px){
  .payment-row .payment-methods-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%}
  .payment-row .payment-methods-strip img{grid-column:span 2}
  .payment-row .payment-methods-strip img:nth-child(6){grid-column:2/span 2}
}

/* Content remains available when animation observers are delayed or unavailable. */
.reveal{opacity:1;transform:none}
.js-anim .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.js-anim .reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-anim .reveal{opacity:1;transform:none;transition:none}}

/* Approved logo-only dark footer. Google keeps its complete official SVG. */
.payment-row{flex-wrap:wrap}
.payment-row .payment-methods-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:min(780px,68vw);max-width:100%;direction:ltr;background:transparent;border:0}
.payment-row .payment-methods-strip img{display:block;flex:0 0 auto;width:68px;height:68px;aspect-ratio:1;object-fit:contain;grid-column:auto;filter:none;mix-blend-mode:normal;background:transparent;border:0;border-radius:0}
.payment-row .payment-methods-strip img[src*="/apple-pay.svg"]{content:url("/assets/payment-marks-dark/apple-pay.svg")}
.payment-row .payment-methods-strip img[src*="/mastercard.svg"]{content:url("/assets/payment-marks-dark/mastercard.svg")}
.payment-row .payment-methods-strip img[src*="/visa.svg"]{content:url("/assets/payment-marks-dark/visa.svg")}
.payment-row .payment-methods-strip img[src*="/mada.svg"]{content:url("/assets/payment-marks-dark/mada.svg")}
.payment-row .payment-methods-strip img[src*="/knet.svg"]{content:url("/assets/payment-marks-dark/knet.svg")}
.payment-row .payment-methods-strip img[src*="/benefit-pay.svg"]{content:url("/assets/payment-marks-dark/benefit-pay.svg")}
.payment-row .payment-methods-strip img[src*="/amex.svg"]{content:url("/assets/payment-marks-dark/amex.svg")}
.payment-row .payment-methods-strip img[src*="/samsung-pay.svg"]{width:42px;height:42px;margin:0 8px}
.payment-row .payment-methods-strip img[src*="/google-pay.svg"]{width:124px;height:auto;aspect-ratio:1094/742;grid-column:auto;justify-self:auto}
@media(max-width:680px){
  .payment-row .payment-methods-strip{width:100%;gap:10px}
  .payment-row .payment-methods-strip img,.payment-row .payment-methods-strip img:nth-child(6),.payment-row .payment-methods-strip img:nth-child(7){width:48px;height:48px;grid-column:auto}
  .payment-row .payment-methods-strip img[src*="/samsung-pay.svg"]{width:32px;height:32px;margin:0 4px}
  .payment-row .payment-methods-strip img[src*="/google-pay.svg"]{width:94px;height:auto;aspect-ratio:1094/742;grid-column:auto}
}