/* Arti Design layer on top of Intrio — brand tokens, Arabic typography, components the template lacks. */
* {
  --logo-width: 190px;
  --logo-footer-width: 200px;
  --primary-color: #8a5a34;
  --primary-color-rgb: 138, 90, 52;
  --secondary-color: #b08a4f;
  --secondary-color-rgb: 176, 138, 79;
  --bg-dark-1: #2a1c15;
  --bg-dark-1-rgb: 42, 28, 21;
}
html[lang="ar"] * {
  --body-font: "IBM Plex Sans Arabic", "Google Sans", Tahoma, sans-serif;
  --heading-font: "Alexandria", "IBM Plex Sans Arabic", Tahoma, sans-serif;
  --alt-font-1: "Alexandria", Tahoma, sans-serif;
  --body-font-letter-spacing: 0;
  --body-font-line-height: 1.9;
  --heading-text-transform: none;
  --heading-font-weight: 300;
  --h1-letter-spacing: 0; --h2-letter-spacing: 0; --h3-letter-spacing: 0; --h4-letter-spacing: 0;
  --h1-line-height: 1.25em;
  --h2-line-height: 1.35em;
  --h3-line-height: 1.6em;
  --mainmenu-text-transform: none;
  --mainmenu-font-size: 16px;
  --btn-text-transform: none;
  --btn-font-weight: 600;
  --subtitle-text-transform: none;
}
html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4,
html[lang="ar"] .h1, html[lang="ar"] .subtitle, html[lang="ar"] .btn-main, html[lang="ar"] #mainmenu a { letter-spacing: 0 !important; text-transform: none !important; }

/* hero second line is a styled div (one H1 per page) */
.ad-hero-2.h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); letter-spacing: var(--h1-letter-spacing); text-transform: var(--heading-text-transform); color: #fff; }
html[lang="ar"] .ad-hero-1, html[lang="ar"] .ad-hero-2 { font-size: clamp(50px, 7vw, 104px); font-weight: 300; line-height: 1.15; }
.ad-hero-2.h1.mb-4{margin-bottom:14px!important}
.ad-hero-p { font-size: 18px; line-height: 1.8; }

/* image ratios so cards line up whatever the source photo */
.ad-ratio-wide { aspect-ratio: 16/10; object-fit: cover; }
.ad-ratio-tall { aspect-ratio: 3/4; object-fit: cover; }
.ad-ratio-45 { aspect-ratio: 4/5; object-fit: cover; }
.ad-ratio-43 { aspect-ratio: 4/3; object-fit: cover; }
.ad-ratio-sq { aspect-ratio: 1; object-fit: cover; }
.ad-card-p { font-size: 15px; line-height: 1.7; opacity: .85; margin: 6px 0 0; max-width: 34ch; }

/* header extras */
.menu_side_area { display: flex; align-items: center; gap: 14px; }
.ad-lang { color: #fff; font-weight: 600; font-size: 14px; border: 1px solid rgba(255,255,255,.35); padding: 4px 10px; line-height: 1.4; text-decoration: none; }
.ad-lang:hover { color: #fff; border-color: #fff; }
.ad-cart { position: relative; color: #fff; font-size: 18px; text-decoration: none; }
.ad-cart:hover { color: var(--secondary-color); }
.ad-cart .ad-cart-n { position: absolute; top: -8px; inset-inline-end: -10px; background: var(--secondary-color); color: #fff; font-size: 11px; min-width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 9px; padding: 0 4px; }
@media (max-width: 991px) { .menu_side_area .btn-main { display: none !important; } }

/* links & helpers */
.ad-link { color: var(--primary-color); font-weight: 600; text-decoration: none; }
.ad-link:hover { color: var(--heading-font-color); }
html[dir="ltr"] .ad-arr { transform: scaleX(-1); }
html[dir="rtl"] .ad-flip { transform: scaleX(-1); }
.btn-line { background: transparent !important; border: 1px solid currentColor; color: inherit; }
.text-light .btn-line, .section-dark .btn-line, #section-intro .btn-line { color: #fff; }
.btn-line:hover { background: var(--primary-color) !important; border-color: var(--primary-color); color: #fff; }

/* floating WhatsApp */
.ad-wa { position: fixed; bottom: 22px; left: 22px; right: auto; z-index: 1001; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: 0 8px 24px rgba(0,0,0,.25); transition: transform .25s; }
.ad-wa:hover { color: #fff; transform: scale(1.08); }

/* footer */
footer a { color: inherit; }
.ad-phones div { font-size: 18px; margin-bottom: 4px; }
.ad-phones a { color: #fff; text-decoration: none; }
.fs-20 { font-size: 20px; line-height: 1.6; }

/* subheader */
.ad-sub { padding-top: 140px; }

/* gallery strip / album tiles */
.ad-strip a img { transition: transform .8s; }

/* product & shop */
.ad-price { font-size: 22px; color: var(--primary-color); font-weight: 600; }
.ad-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.ad-chips a { border: 1px solid var(--border-color); padding: 6px 16px; text-decoration: none; color: var(--heading-font-color); font-size: 15px; }
.ad-chips a.on, .ad-chips a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }
.ad-pcard { display: block; text-decoration: none; color: inherit; }
.ad-pcard .ad-pimg { position: relative; overflow: hidden; }
.ad-pcard .ad-tag { position: absolute; top: 14px; inset-inline-start: 14px; background: var(--primary-color); color: #fff; font-size: 13px; padding: 2px 10px; z-index: 2; }
.ad-pcard h3 { margin: 16px 0 4px; font-size: 22px; }
.ad-pcard .ad-pp { color: var(--primary-color); font-weight: 600; }
.ad-specs { width: 100%; }
.ad-specs div { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(0,0,0,.12); padding: 10px 4px; }
.ad-buy { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 24px 0; }
.ad-qty { display: inline-flex; border: 1px solid var(--border-color); }
.ad-qty button { width: 40px; border: 0; background: transparent; font-size: 18px; }
.ad-qty input { width: 52px; text-align: center; border: 0; background: transparent; }
.ad-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; margin-top: 10px; }
.ad-thumbs img { aspect-ratio: 1; object-fit: cover; width: 100%; cursor: pointer; opacity: .75; }
.ad-thumbs img:hover, .ad-thumbs img.on { opacity: 1; outline: 2px solid var(--primary-color); }

/* cart */
.ad-ci { display: grid; grid-template-columns: 90px 1fr auto auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(0,0,0,.1); }
.ad-ci img { width: 90px; height: 90px; object-fit: cover; }
.ad-ci-t b { display: block; font-size: 18px; color: var(--heading-font-color); }
.ad-ci-t a { text-decoration: none; }
.ad-ci-note { width: 100%; margin-top: 8px; border: 1px solid var(--border-color); padding: 6px 10px; font-size: 14px; background: transparent; }
.ad-ci-x { border: 0; background: transparent; font-size: 18px; color: #a33; }
.ad-qty.sm button { width: 32px; }
.ad-qty.sm input { width: 40px; }
#ad-cart-sum > div { display: flex; justify-content: space-between; font-size: 20px; padding: 16px 0 6px; }
#ad-cart-sum small { display: block; opacity: .75; }
@media (max-width: 575px) { .ad-ci { grid-template-columns: 70px 1fr; } .ad-ci img { width: 70px; height: 70px; } }

/* forms */
.ad-form .form-control, .ad-form select { border-radius: 0; }
.ad-form label { font-size: 14px; margin-bottom: 4px; display: block; }
.ad-form-msg { margin-top: 12px; font-weight: 600; }
.ad-form-msg.err { color: #b4412f; }
.ad-done { padding: 30px; background: var(--bg-light); }
.ad-chk { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.ad-chk input { margin-top: 6px; }
.ad-hp { position: absolute !important; inset-inline-start: -9999px; height: 0; overflow: hidden; }

/* toast (used by the cart script) */
.ad-toast { position: fixed; bottom: 90px; left: 50%; transform: translate(-50%, 20px); background: var(--bg-dark-1); color: #fff; padding: 14px 22px; z-index: 2000; opacity: 0; transition: .35s; }
.ad-toast.on { opacity: 1; transform: translate(-50%, 0); }
.ad-toast a { color: var(--secondary-color); margin-inline-start: 8px; }

/* mobile */
@media (max-width: 767px) {
  .ad-sub { padding-top: 110px; }
  .ad-wa { width: 50px; height: 50px; font-size: 25px; bottom: 16px; left: 16px; }
}
.ad-num { font-family: var(--heading-font); color: var(--primary-color); font-size: 22px; line-height: 1.2; }
.ad-rel-grid > .item { flex: 0 0 auto; width: 50%; }
@media (max-width: 767px) { .ad-rel-grid > .item { width: 100%; } }

/* slim top bar */
.ad-topbar { font-size: 13px; line-height: 1; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.85); }
.ad-topbar a { color: #fff; text-decoration: none; }
header.smaller .ad-topbar { display: none; }

/* hero: Ken Burns + progress UI */
#section-intro .swiper-slide .swiper-inner { transform: scale(1); }
#section-intro .swiper-slide-active .swiper-inner { animation: adKb 7s ease-out forwards; }
@keyframes adKb { from { transform: scale(1); } to { transform: scale(1.14); } }
.ad-hero-ui { position: absolute; left: 0; right: 0; bottom: 70px; color: #fff; }
.ad-hero-count { font-size: 14px; letter-spacing: .1em; min-width: 64px; }
.ad-hero-count b { font-size: 22px; font-weight: 400; }
.ad-hero-bar { position: relative; width: 160px; height: 2px; background: rgba(255,255,255,.25); overflow: hidden; }
.ad-hero-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; width: 0; background: #fff; }
.ad-hero-bar i.run { animation: adBar 5.5s linear forwards; }
@keyframes adBar { to { width: 100%; } }
.ad-hero-cap { font-size: 15px; opacity: .9; transition: opacity .4s; }
.ad-hero-cap.fade { opacity: 0; }
.ad-h-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff; transition: .3s; }
.ad-h-btn:hover { background: #fff; color: var(--heading-font-color); }
html[dir="rtl"] .ad-h-btn i { transform: scaleX(-1); }
@media (prefers-reduced-motion: reduce) { #section-intro .swiper-slide-active .swiper-inner { animation: none; } }

/* marquee */
.ad-marquee { overflow: hidden; background: var(--bg-dark-1); color: #fff; padding: 22px 0; white-space: nowrap; }
.ad-mq-track { display: inline-flex; align-items: center; gap: 36px; animation: adMq 38s linear infinite; }
.ad-mq-track span { font-family: var(--heading-font); font-size: 34px; font-weight: 300; color: rgba(255,255,255,.88); }
.ad-mq-track i { font-style: normal; color: var(--secondary-color); font-size: 16px; }
html[dir="ltr"] .ad-mq-track span { text-transform: uppercase; }
@keyframes adMq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
html[dir="rtl"] .ad-mq-track { animation-name: adMqR; }
@keyframes adMqR { from { transform: translateX(0); } to { transform: translateX(50%); } }
.ad-marquee:hover .ad-mq-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .ad-mq-track { animation: none; } }

/* audience hover list */
.ad-aud-media { position: relative; aspect-ratio: 4/5; overflow: hidden; }
.ad-aud-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.06); transition: opacity .7s, transform 1.2s; }
.ad-aud-media img.on { opacity: 1; transform: scale(1); }
.ad-aud-it { display: flex; align-items: center; gap: 22px; padding: 26px 6px; border-bottom: 1px solid rgba(0,0,0,.14); text-decoration: none; color: var(--heading-font-color); transition: padding .35s, color .35s; }
.ad-aud-it:first-child { border-top: 1px solid rgba(0,0,0,.14); }
.ad-aud-t { flex: 1; }
.ad-aud-t b { display: block; font-family: var(--heading-font); font-weight: 400; font-size: 28px; line-height: 1.3; }
.ad-aud-t small { display: block; font-size: 15px; color: var(--body-font-color); max-height: 0; overflow: hidden; opacity: 0; transition: max-height .45s, opacity .45s, margin .45s; }
.ad-aud-it.on .ad-aud-t small { max-height: 90px; opacity: 1; margin-top: 8px; }
.ad-aud-it.on { color: var(--primary-color); padding-inline-start: 18px; }
.ad-aud-it .ad-arr { opacity: 0; transition: .35s; }
.ad-aud-it.on .ad-arr { opacity: 1; }
@media (max-width: 991px) { .ad-aud-media { aspect-ratio: 16/10; } .ad-aud-t b { font-size: 22px; } }

/* about duo crossfade */
.ad-duo { position: relative; aspect-ratio: 4/5; }
.ad-duo img { position: absolute; inset: 0; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.4s ease, transform 6s ease; transform: scale(1.04); }
.ad-duo img.on { opacity: 1; transform: scale(1); }
.ad-duo-tag { position: absolute; bottom: 14px; inset-inline-start: 14px; z-index: 2; background: rgba(42,28,21,.75); color: #fff; font-size: 13px; padding: 4px 12px; opacity: 0; transition: opacity .8s; }
.ad-duo.real .ad-duo-tag { opacity: 1; }

/* real-work image marquee */
.ad-real { padding-bottom: 80px !important; }
.ad-imq { overflow: hidden; margin-top: 14px; }
.ad-imq-track { display: inline-flex; gap: 14px; animation: adMq 60s linear infinite; will-change: transform; }
html[dir="rtl"] .ad-imq-track { animation-name: adMqR; }
.ad-imq.rev .ad-imq-track { animation-direction: reverse; animation-duration: 70s; }
.ad-imq a { display: block; flex: 0 0 auto; width: 300px; aspect-ratio: 4/3; overflow: hidden; }
.ad-imq img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.03); transition: transform .8s, filter .6s; }
.ad-imq a:hover img { transform: scale(1.08); filter: none; }
.ad-imq:hover .ad-imq-track { animation-play-state: paused; }
@media (max-width: 767px) { .ad-imq a { width: 200px; } }
@media (prefers-reduced-motion: reduce) { .ad-imq-track { animation: none; } }
/* unify our photos with the template renders in the hero */
#section-intro .swiper-inner { background-size: cover; background-position: center; }

/* ISO badges */
.ad-iso { display: flex; justify-content: center; gap: 56px; flex-wrap: wrap; padding-top: 30px; border-top: 1px solid rgba(0,0,0,.1); }
.ad-iso-b { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--primary-color); }
.ad-iso-b svg { width: 96px; height: 96px; }
.ad-iso-b span { font-size: 14px; color: var(--body-font-color); }
footer .ad-iso { border: 0; justify-content: flex-start; gap: 22px; padding-top: 10px; }
footer .ad-iso-b { color: rgba(255,255,255,.8); }
footer .ad-iso-b svg { width: 64px; height: 64px; }
footer .ad-iso-b span { display: none; }

/* single-album feature */
.ad-alb-feature .ad-alb-cover { aspect-ratio: 16/10; object-fit: cover; width: 100%; }

/* brand statements (testimonial style) */
.ad-quotes .ad-q-mark { display: block; font-family: Georgia, serif; font-size: 90px; line-height: .6; color: var(--secondary-color); margin-bottom: 18px; }
.ad-quotes h2 { font-size: clamp(30px, 3.4vw, 54px); line-height: 1.25; }
html[lang="en"] .ad-quotes h2 { text-transform: uppercase; line-height: 1.05; }
.ad-quotes .ad-q-by { font-size: 15px; opacity: .85; }

/* album page (motion ported from the original site) */
.ad-kb{position:relative;height:clamp(420px,72vh,760px);overflow:hidden;background:var(--bg-dark-1)}
.ad-kb-s{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.12);transition:opacity 1.6s ease}
.ad-kb-s.on{opacity:1;animation:adKbA 9s ease-out forwards}
@keyframes adKbA{from{transform:scale(1.12) translate3d(0,0,0)}to{transform:scale(1) translate3d(-1.5%,-1%,0)}}
.ad-kb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,13,10,.35) 0%,rgba(20,13,10,0) 30%,rgba(20,13,10,.85) 100%)}
.ad-kb-txt{position:absolute;z-index:2;inset-inline:0;bottom:0;padding-bottom:clamp(30px,5vw,60px);color:#fff}
.ad-kb-k{display:block;width:max-content;color:var(--secondary-color);font-weight:600;margin-bottom:6px}
.ad-kb-txt h1{color:#fff;font-size:clamp(42px,6vw,90px);margin:0 0 10px}
.ad-kb-txt p{max-width:640px;opacity:.9;margin:0}
.ad-alb{columns:4 240px;column-gap:14px}
.ad-alb-it{position:relative;display:block;break-inside:avoid;margin:0 0 14px;overflow:hidden;background:#e8dfd4}
.ad-alb-it img{width:100%;height:auto;display:block;opacity:0;transition:opacity .6s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ad-alb-it.ld img{opacity:1}
html.ad-js .ad-alb-card.armed,html.ad-js .ad-alb-it.armed{opacity:0;transform:translate3d(0,34px,0) scale(.96);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html.ad-js .ad-alb-card.armed.in,html.ad-js .ad-alb-it.armed.in{opacity:1;transform:none}
.ad-alb-it:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(176,138,79,0) 40%,rgba(42,28,21,.6));opacity:0;transition:opacity .45s}
.ad-alb-it:before{content:"";position:absolute;z-index:2;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(176,138,79,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E") center/24px no-repeat;transform:scale(.6);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s}
.ad-alb-it:hover img{transform:scale(1.07)}
.ad-alb-it:hover:after{opacity:1}.ad-alb-it:hover:before{opacity:1;transform:scale(1)}
.fancybox-bg{background:#140d0a}.fancybox-is-open .fancybox-bg{opacity:.96}.fancybox-progress{background:var(--secondary-color)}
@media(max-width:575px){.ad-alb{columns:2;column-gap:8px}.ad-alb-it{margin-bottom:8px}.ad-alb-it:before{display:none}}
@media(prefers-reduced-motion:reduce){.ad-kb-s.on{animation:none}html.ad-js .ad-alb-card.armed,html.ad-js .ad-alb-it.armed{opacity:1;transform:none}}

/* album catalogue cards */
.ad-alb-card{break-inside:avoid;margin:0 0 22px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.ad-alb-card .ad-alb-it{margin:0}
.ad-code{position:absolute;z-index:3;top:10px;inset-inline-start:10px;background:rgba(42,28,21,.82);color:#fff;font:600 12px/1 Arial,sans-serif;letter-spacing:.06em;padding:6px 9px;direction:ltr}
.ad-alb-card figcaption{padding:14px 16px 16px}
.ad-alb-card figcaption b{display:block;font-family:var(--heading-font);font-weight:400;font-size:20px;color:var(--heading-font-color);line-height:1.35}
.ad-alb-card figcaption small{display:block;font-size:13.5px;line-height:1.7;color:var(--body-font-color);margin:4px 0 12px}
.ad-alb-act{display:flex;gap:8px}
.ad-alb-add{flex:1;border:0;background:var(--primary-color);color:#fff;font-weight:600;font-size:14px;padding:10px 12px;transition:background .3s}
.ad-alb-add:hover{background:var(--bg-dark-1)}
.ad-alb-add.done{background:var(--ok,#2f7a4f)}
.ad-alb-wa{width:44px;display:flex;align-items:center;justify-content:center;border:1px solid #25d366;color:#25d366;font-size:20px;text-decoration:none}
.ad-alb-wa:hover{background:#25d366;color:#fff}
.ad-price-note{display:block;font-size:12px;opacity:.65;margin-top:8px}
.ad-cat-chips{margin-bottom:26px}.ad-cat-chips small{opacity:.6}
@media(max-width:575px){.ad-alb-card figcaption{padding:10px}.ad-alb-card figcaption b{font-size:16px}.ad-alb-card figcaption small{display:none}.ad-alb-add{font-size:12px;padding:8px}.ad-alb-wa{width:36px}}

/* design vs reality: compare slider */
.ad-cmp{position:relative;overflow:hidden;border-radius:6px;background:var(--bg-dark-1);aspect-ratio:4/3;user-select:none;touch-action:pan-y;--p:50%}
.ad-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ad-cmp-top{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p))}
[dir=rtl] .ad-cmp-top{clip-path:inset(0 var(--p) 0 0)}
.ad-cmp-h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.4)}
[dir=rtl] .ad-cmp-h{left:auto;right:var(--p);transform:translateX(1px)}
.ad-cmp-h i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--secondary-color);color:#1b130e;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ad-cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ad-cmp-tag{position:absolute;top:14px;background:rgba(20,13,10,.78);color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:30px;pointer-events:none;z-index:2}
.ad-cmp-tag.is-b{inset-inline-start:14px}.ad-cmp-tag.is-a{inset-inline-end:14px;background:var(--secondary-color);color:#1b130e}
.ad-dvr-t{text-align:center;font-weight:600;opacity:.8}
/* pledge */
.ad-pl-it{background:#fff;padding:30px 28px;border-radius:6px;border-top:3px solid var(--secondary-color);transition:transform .4s ease,box-shadow .4s ease}
.ad-pl-it:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(27,19,14,.08)}
.ad-pl-it i{font-size:26px;color:var(--secondary-color);margin-bottom:16px;display:block}
.ad-pl-it h3{margin-bottom:8px}

/* cart icon: only on store pages, or anywhere once the cart has items */
.ad-cart-quiet{display:none}.ad-cart-quiet.has-items{display:inline-flex}

/* hero kicker + audience paths */
.ad-hero-k{display:block;color:#f3ece2;font-weight:500;font-size:clamp(13.5px,1.1vw,15.75px);letter-spacing:.3px;margin-bottom:22px;text-shadow:0 1px 10px rgba(0,0,0,.35)}.ad-hero-k em{font-style:normal;color:var(--secondary-color);margin-inline-start:8px;font-size:.85em}
.ad-paths{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:adFade .9s ease .9s both}@keyframes adFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ad-paths a{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff;backdrop-filter:blur(6px);background:rgba(20,13,10,.28);transition:background .3s,border-color .3s,transform .3s;min-width:230px}
.ad-paths a:hover{background:rgba(20,13,10,.55);border-color:var(--secondary-color);transform:translateY(-2px);color:#fff}
.ad-paths i{color:var(--secondary-color);font-size:20px}
.ad-paths b{display:block;font-size:15px;line-height:1.2}
.ad-paths small{display:block;opacity:.75;font-size:12px;margin-top:2px}
@media(max-width:575px){.ad-paths a{min-width:0;flex:1 1 100%}}
@media(min-width:992px){.ad-home #section-intro .abs-middle{padding-bottom:90px;padding-top:60px}.ad-paths a{padding:9px 14px;min-width:210px}.ad-paths b{font-size:14.7px}.ad-paths small{font-size:12.6px}.ad-paths i{font-size:18px}}

/* hero: one text block, rotating headline, glass path cards */
.ad-hero-h{color:#fff;font-weight:300;line-height:1.3;margin:0 0 34px;font-size:clamp(36px,4.83vw,69px);transition:opacity .45s ease,transform .45s ease;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.ad-hero-h span{display:block}.ad-hero-h .ad-hh2{font-weight:200;color:#f3ece2}
.ad-hero-h.swap{opacity:0;transform:translateY(8px)}
html[lang="en"] .ad-hero-h{font-size:clamp(32px,4vw,58px)}
.ad-hero-p{max-width:560px;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.ad-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;animation:adFade .9s ease .6s both}
.ad-hero-wa{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px;transition:border-color .3s,color .3s}
.ad-hero-wa i{color:#25d366;font-size:18px}.ad-hero-wa:hover{color:var(--secondary-color);border-color:var(--secondary-color)}
.ad-paths a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ad-paths a:hover{background:rgba(255,255,255,.16);border-color:var(--secondary-color)}
#section-intro .sw-overlay.op-5{background:linear-gradient(90deg,rgba(20,13,10,.15) 0%,rgba(20,13,10,.55) 100%)}
[dir=rtl] #section-intro .sw-overlay.op-5{background:linear-gradient(270deg,rgba(20,13,10,.15) 0%,rgba(20,13,10,.55) 100%)}
/* mobile sticky contact bar */
.ad-mbar{display:none}
@media(max-width:767px){.ad-mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:1200;background:rgba(27,19,14,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12)}
.ad-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;color:#fff;font-weight:600;font-size:14px}.ad-mbar a i{font-size:17px}.ad-mbar a.wa i{color:#25d366}.ad-mbar a.wa{background:rgba(37,211,102,.12)}
body{padding-bottom:50px}.ad-wa{display:none!important}}

/* animated stages */
.ad-stages{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0 0}
.ad-st-line{position:absolute;top:28px;inset-inline:28px;height:2px;background:rgba(27,19,14,.12);z-index:0}
.ad-st-line i{position:absolute;top:0;inset-inline-start:0;height:100%;width:0;background:var(--secondary-color);transition:width 1.1s cubic-bezier(.4,0,.2,1)}
.ad-st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;text-align:center;opacity:.45;transition:opacity .5s}
.ad-st-i{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid rgba(27,19,14,.15);color:#1b130e;font-size:19px;transition:all .5s ease}
.ad-st b{font-size:14px;font-weight:600;color:#1b130e}
.ad-st.on{opacity:1}.ad-st.on .ad-st-i{background:var(--secondary-color);border-color:var(--secondary-color);color:#1b130e;transform:scale(1.12);box-shadow:0 10px 24px rgba(177,149,109,.35)}
.ad-st.done{opacity:.85}.ad-st.done .ad-st-i{border-color:var(--secondary-color);color:var(--secondary-color)}
.ad-st-txt{margin-top:18px;min-height:1.8em;font-size:16px;opacity:.85;transition:opacity .35s}.ad-st-txt.fade{opacity:0}
@media(max-width:575px){.ad-st-i{width:44px;height:44px;font-size:15px}.ad-st b{font-size:12px}.ad-st-line{top:22px;inset-inline:22px}}

.ad-hero-cta .btn-main,.ad-hero-wa{font-size:1.05em}
.ad-iso-b img{width:104px;height:auto;display:block}
footer .ad-iso-b img{width:60px;opacity:.9}
.ad-iso-t{text-align:center;font-size:clamp(20px,2vw,26px);margin:0 0 26px}
@media(max-width:575px){.ad-iso{gap:26px}.ad-iso-b img{width:78px}}
.ad-iso-t+.ad-iso{border-top:0;padding-top:0}
/* ISO band: same page tone, hairline gold rules, title + logos on one line */
.ad-iso-sec{background:transparent;padding:10px 0 80px!important}
.ad-iso-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px 50px;flex-wrap:wrap;padding:30px 0;border-top:1px solid rgba(177,149,109,.45);border-bottom:1px solid rgba(177,149,109,.45)}
.ad-iso-sec .ad-iso-t{margin:0;text-align:start;font-size:clamp(18px,1.55vw,22px);font-weight:400;max-width:360px;line-height:1.5}
.ad-iso-sec .ad-iso{border:0;padding:0;gap:38px;justify-content:flex-end}
.ad-iso-sec .ad-iso-b img{width:82px;mix-blend-mode:multiply}
@media(max-width:991px){.ad-iso-wrap{justify-content:center;text-align:center}.ad-iso-sec .ad-iso-t{text-align:center;max-width:none}.ad-iso-sec .ad-iso{justify-content:center}}
@media(max-width:575px){.ad-iso-sec{padding-bottom:56px!important}.ad-iso-sec .ad-iso{gap:20px}.ad-iso-sec .ad-iso-b img{width:64px}}
/* marquee: Arabic glyphs sit low — lift text optically */
html[dir="rtl"] .ad-mq-track span{line-height:1;display:inline-block;transform:translateY(-6px)}
.ad-marquee{padding:20px 0 24px}
/* desktop: render at 93% so 100% browser zoom looks like the approved 93% view */
@media (min-width:1200px){html{zoom:.93}}
@media (min-width:1200px){
  [id^="jarallax-container"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;clip:auto!important;clip-path:none!important;overflow:hidden!important}
  [id^="jarallax-container"] > img,[id^="jarallax-container"] > div{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transform:none!important;margin:0!important;background-size:cover!important;background-position:center!important}
}
/* header: breathing room between CTA and menu icon; compact nav on small laptops */
html[dir="rtl"] #btn-extra{margin-left:0;margin-right:22px}
html[dir="ltr"] #btn-extra{margin-left:22px}
@media (min-width:992px) and (max-width:1199px){
  #mainmenu>li>a{padding-left:9px!important;padding-right:9px!important;font-size:14.5px}
  .menu_side_area{gap:10px}.menu_side_area .btn-main{padding:9px 16px;font-size:14px}
}
/* English parity with Arabic: sentence-case headings, two-line hero */
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] .h1,html[lang="en"] .ad-mq-track span{text-transform:none!important}
html[lang="en"] .ad-hero-h{font-size:clamp(34px,3.7vw,58px)!important;line-height:1.2!important;letter-spacing:-.5px}
html[lang="en"] .ad-hero-k em{display:none}
html[lang="en"] .ad-hero-k{letter-spacing:.6px;text-transform:uppercase;font-size:13px}
/* path cards: darker glass so they read on any slide */
.ad-paths a{background:rgba(20,13,10,.48)!important;border:1px solid rgba(255,255,255,.3)!important;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ad-paths a:hover{background:rgba(20,13,10,.62)!important;border-color:var(--secondary-color)!important}
.ad-paths small{opacity:.88!important}

/* ===== mobile polish (b40) ===== */
@media (max-width: 767px) {
  section:not(#section-intro):not(.no-top):not(.ad-iso-sec) { padding-top: 64px; }
  section:not(#section-intro):not(.no-bottom):not(.ad-iso-sec) { padding-bottom: 64px; }
  .ad-hero-k { font-size: 13px; line-height: 1.75; margin-bottom: 16px; }
  .ad-hero-k em { display: block; margin: 2px 0 0; font-size: 12px; letter-spacing: .6px; }
  .ad-hero-cta .btn-main { width: 100%; text-align: center; }
  .de_count { text-align: center; padding: 6px 4px 18px; font-size: 13px; line-height: 1.6; }
  .de_count h3 { font-size: 32px !important; line-height: 1.2; margin-bottom: 4px !important; }
  .owl-carousel .item h3.fs-36, .hover h3.fs-36 { font-size: 24px; line-height: 1.3; }
  h2 { line-height: 1.35; }
  html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3 { line-height: 1.18 !important; letter-spacing: -.3px; }
  html[lang="en"] section h2:not(.hs-5) { font-size: 30px; }
  footer h2.hs-5 { font-size: 20px !important; }
  html[lang="en"] .ad-hero-h { font-size: 34px !important; }
  html[lang="en"] .btn-main, html[lang="en"] .btn-main span, html[lang="en"] .btn-line { text-transform: none !important; letter-spacing: 0; }
  p { font-size: 15px; line-height: 1.85; }
  .ad-sub h1 { font-size: 34px !important; line-height: 1.3 !important; }
  .ad-sub { padding-top: 110px !important; padding-bottom: 48px !important; }
}

/* home gallery block: links to each album */
.ad-real-l{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.ad-real-l a{color:var(--heading-font-color,#341f16);font-weight:500;border-bottom:1px solid rgba(160,120,70,.45);padding-bottom:2px}
.ad-real-l a:hover{color:var(--primary-color)}
.ad-real-l small{opacity:.6}
@media(max-width:991px){.ad-real-l{justify-content:flex-start}}