.hero{
    min-height:100vh;
    padding:142px 6vw 70px;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:54px;
    align-items:center;
    position:relative;
}
.hero:before{
    content:'';
    position:absolute;
    width:52vw;height:52vw;
    background:radial-gradient(circle, rgba(216,194,181,.58), transparent 64%);
    left:-18vw;top:8vh;
    z-index:-1;
}
.hero-content h1{
    font-family:var(--font-title);
    font-size:clamp(58px,8vw,122px);
    line-height:.86;
    font-weight:600;
    letter-spacing:-.04em;
}
.hero-content p{
    margin-top:24px;
    max-width:560px;
    color:var(--muted);
    font-size:17px;
    line-height:1.8;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero-card{position:relative}
.hero-image{
    min-height:620px;
    border-radius:var(--radius-xl);
    background:linear-gradient(145deg,#d8c2b5,#f6eee9 48%,#b68f7d);
    box-shadow:var(--shadow);
    overflow:hidden;
    position:relative;
}
.fake-fashion-image:after{
    content:'';
    position:absolute;
    inset:8%;
    border:1px solid rgba(255,255,255,.45);
    border-radius:28px;
}
.fake-fashion-image span{
    position:absolute;
    bottom:40px;
    left:40px;
    font-family:var(--font-title);
    font-size:72px;
    color:rgba(255,255,255,.78);
}
.floating-card{
    position:absolute;
    left:-34px;
    bottom:48px;
    width:245px;
    padding:22px;
    background:rgba(255,255,255,.84);
    border:1px solid var(--border);
    border-radius:24px;
    backdrop-filter:blur(18px);
    box-shadow:var(--shadow);
}
.floating-card strong{display:block;margin-bottom:8px}
.floating-card small{color:var(--muted);line-height:1.6}
.trust-strip{
    margin:0 6vw;
    padding:24px;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    box-shadow:0 16px 46px rgba(83,62,53,.06);
}
.trust-strip div{padding:10px 20px;border-right:1px solid var(--border)}
.trust-strip div:last-child{border-right:none}
.trust-strip span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{
    height:260px;
    border-radius:var(--radius-lg);
    background:linear-gradient(145deg,var(--primary),#fff);
    padding:24px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    position:relative;
    transition:.35s ease;
}
.category-card:before{
    content:'';
    position:absolute;
    width:180px;height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.34);
    top:-44px;right:-44px;
}
.category-card:hover{transform:translateY(-8px)}
.category-card span{
    position:relative;
    font-family:var(--font-title);
    font-size:34px;
    font-weight:600;
}
.products-section{background:var(--secondary)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{
    background:var(--white);
    border-radius:var(--radius-lg);
    overflow:hidden;
    border:1px solid var(--border);
    transition:.32s ease;
}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.product-image{
    height:330px;
    background:linear-gradient(160deg,#e9d9d0,#fff 50%,#c7a797);
    position:relative;
}
.product-image span{
    position:absolute;
    top:16px;
    left:16px;
    background:rgba(255,255,255,.78);
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    color:var(--primary-deep);
}
.product-info{padding:20px}
.product-info h3{font-size:16px;font-weight:500}
.product-info p{margin:8px 0 16px;color:var(--primary-deep);font-weight:600}
.look-section{
    margin:96px 6vw;
    border-radius:var(--radius-xl);
    background:#342923;
    color:#fff;
    min-height:520px;
    padding:60px;
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:40px;
    align-items:center;
    overflow:hidden;
}
.look-content p{color:rgba(255,255,255,.7)}
.look-panel{
    min-height:360px;
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
    border:1px solid rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
}
.mini-order{
    background:rgba(255,255,255,.88);
    color:var(--text);
    border-radius:24px;
    padding:26px;
    width:min(320px,100%);
}
.mini-order span{color:var(--muted);font-size:13px}
.mini-order strong{display:block;font-size:38px;margin:5px 0;font-family:var(--font-title)}
.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.insta-grid div{
    aspect-ratio:1;
    border-radius:24px;
    background:linear-gradient(145deg,#d8c2b5,#fff);
}
