/* Bsissti UI hotfix v2 - RTL / dark / icon refresh */
.store-body{position:relative;isolation:isolate}
.ambient-lights{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.ambient-light{position:absolute;display:block;border-radius:50%;filter:blur(72px);opacity:.34;animation:ambientFloat 18s ease-in-out infinite}
.ambient-light.a{width:32vw;height:32vw;left:-8vw;top:7vh;background:rgba(212,162,76,.18)}
.ambient-light.b{width:24vw;height:24vw;right:-5vw;top:30vh;background:rgba(198,90,46,.16);animation-duration:24s;animation-delay:-5s}
.ambient-light.c{width:28vw;height:28vw;left:35vw;bottom:-12vw;background:rgba(91,58,41,.10);animation-duration:20s;animation-delay:-10s}
html[data-theme="dark"] .ambient-light.a{background:rgba(231,182,93,.12)}
html[data-theme="dark"] .ambient-light.b{background:rgba(226,118,72,.14)}
html[data-theme="dark"] .ambient-light.c{background:rgba(255,245,231,.06)}
@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}25%{transform:translate3d(3vw,-2vh,0) scale(1.06)}50%{transform:translate3d(-2vw,2vh,0) scale(.96)}75%{transform:translate3d(2vw,1vh,0) scale(1.04)}}

/* Dark mode logo and icon refresh */
.brand-logo{width:210px;height:auto}
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .floating-brand-card img,
html[data-theme="dark"] .auth-logo{filter:brightness(0) invert(1) saturate(0) contrast(1.05)}
.footer-logo{filter:brightness(0) invert(1)!important;opacity:.96}
.control-icon,.theme-button span,.cart-button svg,.language-button svg,.trust-icon svg,.note-icon svg,.hero-proof svg{display:inline-flex;align-items:center;justify-content:center}
.icon-svg{width:20px;height:20px;display:block}
.theme-button .icon-svg{width:18px;height:18px}
.control-button svg{stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.trust-icon svg,.note-icon svg,.hero-proof svg{stroke-width:1.8}
.language-button{gap:8px;padding-inline:12px;min-width:68px}
.language-code{font-size:.7rem;font-weight:900;letter-spacing:.12em}
.cart-button{font-size:1rem}

/* Header / navigation cleanup */
.site-header .inner{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";align-items:center;column-gap:34px;row-gap:12px;min-height:94px}
.brand-link{grid-area:brand;justify-self:start}
.main-nav{grid-area:nav;display:flex;justify-content:center;align-items:center;gap:34px;min-width:0}
.header-actions{grid-area:actions;justify-self:end;display:flex;align-items:center;gap:9px}
.main-nav a{font-size:.94rem;font-weight:800;white-space:nowrap}
.site-header.is-scrolled{backdrop-filter:blur(18px) saturate(155%)}

[dir="rtl"] .site-header .inner{grid-template-areas:"actions nav brand"}
[dir="rtl"] .brand-link{justify-self:end}
[dir="rtl"] .header-actions{justify-self:start;flex-direction:row-reverse}
[dir="rtl"] .main-nav{justify-content:center}
[dir="rtl"] .main-nav a{font-family:"Noto Kufi Arabic",var(--font-ui);letter-spacing:0}

/* Hero fixes */
.premium-hero{padding-top:30px;min-height:auto;background:
  radial-gradient(circle at 80% 12%,rgba(212,162,76,.18),transparent 26%),
  radial-gradient(circle at 18% 78%,rgba(198,90,46,.10),transparent 30%),
  linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,white),var(--surface))}
html[data-theme="dark"] .premium-hero{background:
  radial-gradient(circle at 80% 12%,rgba(231,182,93,.12),transparent 24%),
  radial-gradient(circle at 18% 78%,rgba(226,118,72,.12),transparent 30%),
  linear-gradient(180deg,#16100d,#1b140f)}
.premium-hero .hero-grid{align-items:center;gap:58px}
.hero-copy{max-width:650px}
.hero-copy h1{line-height:1.05}
.hero-copy>p{max-width:560px}
.hero-actions{gap:14px}
.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.hero-proof span{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--border);box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 8%,transparent)}
.hero-proof svg{width:16px;height:16px;color:var(--accent)}
.hero-visual{min-height:530px}
.hero-image-frame{overflow:hidden;border-radius:44% 44% 24px 24px}
.hero-photo{height:100%;min-height:530px;object-fit:cover}
.floating-note{max-width:230px;display:grid;gap:3px}
.note-icon{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:grid;place-items:center}
.note-icon svg{width:18px;height:18px}

[dir="rtl"] .premium-hero .hero-grid{grid-template-columns:.95fr 1.05fr}
[dir="rtl"] .hero-copy{order:2;text-align:right;justify-self:end}
[dir="rtl"] .hero-copy>p{margin-inline-start:auto}
[dir="rtl"] .hero-actions,[dir="rtl"] .hero-proof{justify-content:flex-start}
[dir="rtl"] .hero-visual{order:1}
[dir="rtl"] .floating-brand-card{right:-24px;left:auto}
[dir="rtl"] .floating-note{left:-18px;right:auto;text-align:right}
[dir="rtl"] .hero-stamp{left:14px;right:auto}

/* Trust section */
.trust-section{margin-top:-18px;position:relative;z-index:2}
.trust-row{grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}
.trust-item{gap:16px;align-items:center}
.trust-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);flex:0 0 auto}
.trust-icon svg{width:24px;height:24px}
[dir="rtl"] .trust-item{flex-direction:row-reverse;text-align:right}

/* Better Arabic spacing */
body.locale-tn .hero-copy h1{font-size:clamp(2.9rem,6vw,6rem);line-height:1.2}
body.locale-tn .hero-copy>p{font-size:1rem;line-height:2}
body.locale-tn .section-head p,
body.locale-tn .trust-item span,
body.locale-tn .floating-note small{line-height:1.9}

/* Buttons and small polish */
.control-button{border-radius:16px}
.btn-primary.btn-shine{box-shadow:0 16px 35px color-mix(in srgb,var(--accent) 22%,transparent)}
.hero-marquee{opacity:.9}

/* Tablet / mobile */
@media(max-width:1100px){
  .site-header .inner{column-gap:18px}
  .main-nav{gap:22px}
  .brand-logo{width:188px}
  .premium-hero .hero-grid{gap:42px}
}
@media(max-width:780px){
  .site-header .inner{grid-template-columns:1fr auto;grid-template-areas:"brand actions";min-height:84px}
  .brand-link{justify-self:start}
  [dir="rtl"] .brand-link{justify-self:end}
  .header-actions{justify-self:end}
  [dir="rtl"] .header-actions{justify-self:start}
  .main-nav{position:fixed;left:16px;right:16px;top:98px;display:none;z-index:50;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-card);flex-direction:column;align-items:stretch;gap:4px}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 8px;font-size:.96rem}
  .premium-hero{padding-top:22px}
  .premium-hero .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-copy,.hero-visual,[dir="rtl"] .hero-copy,[dir="rtl"] .hero-visual{order:initial}
  .hero-copy{text-align:center;justify-self:center}
  [dir="rtl"] .hero-copy{text-align:center;justify-self:center}
  .hero-copy>p,[dir="rtl"] .hero-copy>p{margin-inline:auto}
  .hero-actions,.hero-proof,[dir="rtl"] .hero-actions,[dir="rtl"] .hero-proof{justify-content:center}
  .hero-visual{min-height:420px;max-width:620px;width:100%;margin-inline:auto}
  .hero-photo{min-height:420px}
  .floating-brand-card{left:10px;right:auto}
  .floating-note{right:10px;left:auto}
  [dir="rtl"] .floating-brand-card{right:10px;left:auto}
  [dir="rtl"] .floating-note{left:10px;right:auto}
  .trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .brand-logo{width:150px}
  .language-code{display:inline-block}
  .hero-copy h1,body.locale-tn .hero-copy h1{font-size:2.8rem}
  .hero-proof{gap:10px}
  .hero-proof span{width:100%;justify-content:center}
  .hero-visual{min-height:360px}
  .hero-photo{min-height:360px}
  .trust-row{grid-template-columns:1fr}
  .trust-item{padding:18px}
  .floating-brand-card{width:120px;padding:10px}
  .floating-note{max-width:170px;padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .ambient-light{animation:none}
}