/* ViNoora V10: layout & typography audit, preserves product imagery. */
:root{--v10-ink:#153d30;--v10-focus:#c19a4b;--v10-line:#e2dacc}
html{font-size:16px;scroll-padding-top:104px;overflow-x:clip}
body{overflow-x:clip}
html[lang="ps"] body,html[lang="fa"] body,html[lang="ur"] body,html[lang="ar"] body{font-family:"Noto Naskh Arabic","Noto Sans Arabic","Amiri","DejaVu Sans",sans-serif;font-size:16px;line-height:1.85;letter-spacing:0}
html[lang="en"] body{font-family:"Plus Jakarta Sans",system-ui,Arial,sans-serif;font-size:16px;line-height:1.65}
button,input,select,textarea{font-family:inherit;letter-spacing:normal}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--v10-focus);outline-offset:3px}
button,.button,.v8-btn,.v9-shortcut{touch-action:manipulation}
button,.button,.v8-btn{min-height:44px}
input,select,textarea{max-width:100%;font-size:16px}
:where(.v8-card,.checkout-card,.contact-card,.showcase-card){min-width:0}
.v9-member-bar{z-index:2;position:relative;border-block:1px solid var(--v10-line)}
.v9-member-inner{max-width:750px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 16px}
.v9-shortcut{font-size:clamp(.84rem,1.3vw,1rem);padding:10px 14px;min-height:48px;min-width:0;white-space:normal;text-align:center;line-height:1.35;gap:7px;border-radius:14px}
.v9-shortcut span[aria-hidden]{flex:0 0 auto}
.v9-shortcut span:not([aria-hidden]){overflow-wrap:break-word}
.v9-account-banner{max-width:900px;line-height:1.6}
.v10-service-state{margin:12px auto;padding:14px 17px;max-width:850px;border:1px solid #c4dccc;border-radius:14px;background:#edf7ee;color:#174d31;font-size:.92rem;line-height:1.65}
.v10-service-state[data-state="warn"]{background:#fff7e7;color:#75491c;border-color:#ebd0a5}
.v10-service-state[data-state="checking"]{background:#f5f6f4;color:#55665a;border-color:#dadfd8}
.v10-service-state a{font-weight:750;text-decoration:underline;text-underline-offset:3px}
.v8-feedback{font-size:clamp(.9rem,2.4vw,1rem);overflow-wrap:anywhere;line-height:1.7;white-space:normal}
.v8-section,.v8-card{max-width:100%}
.v8-card :where(input,select,textarea),.checkout-card :where(input,select,textarea){width:100%;min-height:47px;font-size:16px;line-height:1.5}
.v8-card textarea,.checkout-card textarea{min-height:105px}
.v8-auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v8-auth-tabs button{font-size:1rem;line-height:1.45;min-width:0}
.v9-email-guide .v8-card{padding:clamp(15px,4vw,26px)}
.hero h1{font-size:clamp(2.1rem,5.1vw,3.8rem);line-height:1.36;letter-spacing:0;overflow-wrap:normal}
html[lang="en"] .hero h1{font-size:clamp(2rem,4.7vw,3.65rem);letter-spacing:-.025em}
.hero-lead{font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.75}
.page-hero h1{font-size:clamp(2rem,5.1vw,3.7rem)}
.hero-facts{margin-top:28px;gap:14px}
.hero-facts strong{font-size:clamp(1.45rem,3.2vw,1.9rem)}
.hero-ctas .button{font-size:clamp(.9rem,1.8vw,1rem);padding:12px 17px;text-align:center;justify-content:center}
.site-header .header-inner{gap:9px}
img{height:auto;max-width:100%}
@media(max-width:900px){.section{padding-block:clamp(35px,6vw,66px)}.page-hero{padding-block:36px 24px}.site-header{z-index:120}.hero{padding-block:35px 36px}.hero-facts{justify-content:space-around}.hero-ctas{justify-content:center}}
@media(max-width:650px){
 .shell{width:calc(100% - 32px)}
 .site-header{height:72px}.main-nav{top:72px}
 .brand img{width:clamp(90px,27vw,124px);height:auto;max-height:62px}
 .header-tools{gap:6px}
 .header-tools select{max-width:100px;min-width:74px;min-height:43px;font-size:14px}
 .menu-toggle,.cart-link{min-height:43px;min-width:43px}
 .v9-member-inner{width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0}
 .v9-shortcut{min-height:46px;padding:9px 10px;font-size:clamp(.86rem,3.6vw,.98rem);border-radius:13px}
 .v9-email{grid-column:1/-1;min-height:43px}
 .hero{padding-top:28px;gap:13px}
 .hero h1{font-size:clamp(1.9rem,7.8vw,2.55rem);margin-block:12px 15px}
 html[lang="en"] .hero h1{font-size:clamp(1.88rem,7vw,2.4rem)}
 .hero-lead{font-size:.99rem;line-height:1.8}
 .hero-ctas{gap:8px;margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-ctas .button{white-space:normal;min-width:0;padding:11px 9px;font-size:.9rem;line-height:1.45}
 .hero-facts{gap:8px;margin-top:22px}
 .hero-facts strong{font-size:1.45rem}.hero-facts small{font-size:.79rem;line-height:1.4}
 .v9-account-banner{margin-top:14px}
 .v8-section{padding-inline:14px}
 .v8-card{padding:18px 16px}
 .v9-steps{padding-inline-start:21px}
}
@media(max-width:360px){.brand img{width:88px}.header-tools select{max-width:80px;font-size:12px}.hero-ctas{grid-template-columns:1fr}.v9-shortcut{font-size:.83rem;padding:8px 5px}.v9-shortcut span[aria-hidden]{display:none}}

/* V10.2 account page refinement */
.page-hero.compact h1,.page-hero h1{font-size:clamp(1.9rem,4.6vw,3.15rem);line-height:1.16;letter-spacing:-0.02em}
.page-hero p{font-size:clamp(.98rem,2.2vw,1.08rem);line-height:1.75;max-width:760px;color:#5b675f}
#v10ServiceStatus{font-size:.9rem;line-height:1.65;padding:12px 15px;border-radius:14px}
#v8Auth .v8-card{max-width:930px;margin-inline:auto}
#v8LoggedIn .v8-actions,#v8LoggedOut .v8-actions{gap:10px}
@media(max-width:650px){
  .page-hero h1{font-size:clamp(1.7rem,8vw,2.5rem)}
  .page-hero p{font-size:.95rem}
  #v10ServiceStatus{font-size:.84rem;padding:11px 13px}
}