/*
Theme Name: ScaleEva Beauty - Analyzed Final
Author: ScaleEva
Version: 4.0
Description: Rebuilt from direct analysis of the supplied ScaleEva Beauty reference. Hero and banner are correctly split so no duplicate text appears.
*/
:root{--navy:#071c34;--gold:#c98b18;--cream:#f8ece7;--muted:#536273}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.site-header{height:61px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;position:relative;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}
.logo-img{width:151px;height:56px;object-fit:contain;object-position:left center}
.nav{display:flex;gap:27px;font-size:12px;font-weight:800}.nav a:hover{color:var(--gold)}
.icons{display:flex;gap:15px;font-size:19px;align-items:center}
.hero{background:var(--cream);height:min(54vw,353px);min-height:300px;overflow:hidden}
.hero-inner{height:100%;display:grid;grid-template-columns:43% 57%}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:25px 18px 25px 0;position:relative;z-index:2}
.pill{display:inline-block;width:max-content;background:#078ab3;color:#fff;padding:5px 18px;border-radius:20px;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:12px}
.hero h1{font-family:Georgia,serif;font-size:clamp(45px,5.1vw,65px);line-height:.88;letter-spacing:-2px;margin:0 0 14px}
.hero h3{font-size:15px;margin:0 0 9px}.hero p{font-size:11px;line-height:1.5;max-width:360px;margin:0 0 14px;color:#344357}
.btn{background:var(--gold);color:#fff;border-radius:22px;padding:9px 20px;width:max-content;font-size:11px;font-weight:800;display:inline-block}
.hero-art{background-image:url('assets/hero-woman.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}
.trust{height:61px;display:flex;align-items:center;border-bottom:1px solid #eee}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.trust-item{display:flex;justify-content:center;align-items:center;gap:9px}.trust-icon{font-size:25px}
.trust-item strong{display:block;font-size:11px}.trust-item small{display:block;font-size:7px;color:#536273;margin-top:2px}
.section{padding:34px 0}.section-title{font-family:Georgia,serif;text-align:center;font-size:27px;margin:0 0 5px}.section-sub{text-align:center;font-size:9px;color:#536273;margin:0 0 20px}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{background:#fff;border-radius:7px;overflow:hidden;text-align:center;box-shadow:0 2px 9px rgba(0,0,0,.10)}
.cat img{display:block;width:100%;height:102px;object-fit:cover}.cat h3{font-size:11px;margin:8px 0 3px}.cat p{font-size:7px;color:#536273;margin:0 0 5px}.cat a{font-size:8px;font-weight:800;display:block;padding-bottom:9px}
.banner{height:164px;border-radius:10px;overflow:hidden;background:var(--cream);display:grid;grid-template-columns:43% 57%}
.banner-copy{padding:25px;display:flex;flex-direction:column;justify-content:center}.banner h2{font-family:Georgia,serif;font-size:28px;line-height:.9;margin:0 0 9px}.banner p{font-size:9px;line-height:1.4;margin:0 0 10px;max-width:280px}.banner-art{background:url('assets/banner-products.jpg') center/cover no-repeat}
.why{padding:17px 0 25px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.why-icon{font-size:31px}.why h4{font-size:8px;line-height:1.2;margin:7px 0 2px}.why p{font-size:7px;margin:0;color:#536273}
.footer{background:var(--navy);color:#fff;padding:28px 0 13px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:25px}.footer-brand{font-size:23px;font-weight:900}.footer-brand span{color:var(--gold)}.footer p{font-size:7px;letter-spacing:.8px}.footer h4{font-size:9px;margin:0 0 8px}.footer a{display:block;font-size:8px;color:#dce5ee;margin:5px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.15);margin-top:18px;padding-top:10px;font-size:7px;color:#dce5ee}
@media(max-width:800px){.nav{display:none}.hero{height:auto;min-height:580px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:38px 0}.hero-art{height:380px}.cat-grid{grid-template-columns:repeat(2,1fr)}.trust{height:auto;padding:15px 0}.trust-grid{grid-template-columns:1fr}.banner{height:auto;grid-template-columns:1fr}.banner-art{height:220px}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cat-grid,.why-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:49px}}