/* YAAN final business polish — readability + admin consistency */
:root{--yaan-body:16.5px;--yaan-small:13px;--yaan-radius:14px}
html{font-size:16px}
body{font-size:var(--yaan-body);line-height:1.58}
.header nav a,.categoryNav a,.headerSearch input,.headerActions a,.headerActions button{font-size:13.5px}
.heroContent p,.editorialIntro p,.productDescription,.simplePage p,.shopHead p{font-size:17px;line-height:1.65}
.heroContent h1{font-size:clamp(38px,5.1vw,72px);line-height:.96}
.sectionHead h2,.editorialIntro h2,.shopHead h1{font-size:clamp(30px,3.4vw,48px)}
.productCard h3,.productCard .productName{font-size:16.5px;line-height:1.35}
.productCard .price,.productPrice{font-variant-numeric:tabular-nums}
.productInfo h1{font-size:clamp(34px,4vw,58px);line-height:1.03}
.productInfo h3,.productAccordions summary,.sizeHeader h3,.choiceHeading h3{font-size:15px}
.productInfo small,.productInfo span,.specs span,.productAssurances small{font-size:13.5px}
.btn,button,input,select,textarea{font-size:15px}
footer,footer a,footer p{font-size:14px}
footer b{font-size:15px}

/* Keep campaign hero premium but not oversized */
.hero{min-height:0;height:min(68vh,650px);max-height:650px}
.heroSlide img{object-position:center center}
@media(max-width:900px){.hero{height:56vh;max-height:560px}.heroContent h1{font-size:clamp(35px,10vw,54px)}body{font-size:16px}}
@media(max-width:560px){.hero{height:50vh;max-height:500px}.heroContent p{font-size:15.5px}.productInfo h1{font-size:32px}}

/* Admin: clearer, larger and calmer */
.fullAdmin{font-size:15px}
.adminNavHeader h1{font-size:30px;line-height:1.15}
.adminNavBlockTitle{font-size:11.5px;letter-spacing:.12em}
.adminTabPill{font-size:13.5px;padding:9px 13px}
.adminPanel{border-radius:16px;padding:22px}
.adminPanel h2{font-size:23px;line-height:1.2}
.adminPanel h3{font-size:17px}
.adminPanel input,.adminPanel select,.adminPanel textarea{min-height:44px;font-size:14.5px}
.adminPanel textarea{min-height:110px}
.adminStats article b{font-size:26px}
.dataRow,.adminProduct,.adminReview{font-size:14px}

/* Hero manager */
.heroAdminPanel>.panelTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}
.heroAdminPanel>.panelTitle p{margin:6px 0 0;color:#6b6b6b;max-width:680px}
.heroOriginals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}
.heroOriginals article{position:relative;overflow:hidden;border-radius:14px;background:#f6f2eb;border:1px solid #e8e1d7}
.heroOriginals img{display:block;width:100%;aspect-ratio:16/6;object-fit:cover}
.heroOriginals span{display:block;padding:9px 12px;font-size:12.5px;font-weight:700}
.heroEditor{display:grid;grid-template-columns:180px 1fr 1fr;gap:13px 16px;align-items:start;padding:18px 0;border-top:1px solid #ece7df}
.heroEditor>img{width:180px;height:120px;object-fit:cover;border-radius:12px;grid-row:span 3}
.heroEditor label{display:grid;gap:6px;font-size:12.5px;font-weight:650;color:#4b4b4b}
.heroEditor label:has(textarea){grid-column:2/-1}
.heroEditor button{grid-column:2/-1;justify-self:start}
@media(max-width:760px){.heroAdminPanel>.panelTitle{display:grid}.heroOriginals{grid-template-columns:1fr}.heroEditor{grid-template-columns:1fr}.heroEditor>img{width:100%;height:auto;aspect-ratio:16/8;grid-row:auto}.heroEditor label:has(textarea),.heroEditor button{grid-column:auto}}