.sales-hero{
    min-height:100vh;
    padding:132px 6vw 56px;
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:46px;
    align-items:center;
    background:
        radial-gradient(circle at 10% 20%, rgba(216,194,181,.45), transparent 34%),
        linear-gradient(135deg,#fffaf7 0%,#f7eee8 58%,#efe0d7 100%);
}
.sales-hero-left h1{
    font-family:var(--font-title);
    font-size:clamp(48px,6.5vw,92px);
    line-height:.9;
    letter-spacing:-.04em;
    color:var(--text);
    max-width:760px;
}
.sales-hero-left p{
    max-width:590px;
    color:var(--muted);
    line-height:1.8;
    margin-top:22px;
}
.quick-cats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}
.quick-cats a{
    background:rgba(255,255,255,.72);
    border:1px solid var(--border);
    border-radius:999px;
    padding:10px 15px;
    font-size:13px;
    color:var(--text);
    transition:.25s ease;
}
.quick-cats a:hover{
    background:var(--text);
    color:#fff;
}
.sales-hero-products{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:20px;
    align-items:end;
}
.hero-product{
    background:#fff;
    border:1px solid var(--border);
    border-radius:32px;
    padding:18px;
    box-shadow:0 24px 70px rgba(88,64,54,.12);
}
.hero-product.main{
    min-height:590px;
    display:flex;
    flex-direction:column;
}
.hero-product.mini{
    min-height:240px;
    background:#312722;
    color:#fff;
}
.product-photo{
    flex:1;
    border-radius:24px;
    background:
        linear-gradient(160deg,rgba(255,255,255,.08),rgba(0,0,0,.08)),
        linear-gradient(145deg,#d8c2b5,#fff 52%,#b68f7d);
    margin-bottom:20px;
}
.tag{
    width:max-content;
    background:var(--primary-deep);
    color:#fff;
    border-radius:999px;
    padding:8px 13px;
    font-size:12px;
    margin-bottom:14px;
}
.hero-product h3{
    font-size:20px;
    font-weight:500;
    margin-bottom:6px;
}
.hero-product p{
    color:var(--primary-deep);
    font-weight:700;
    margin-bottom:14px;
}
.hero-product.mini p{color:#e8cfc2}
.buy-flow{
    margin:-26px 6vw 0;
    position:relative;
    z-index:3;
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    box-shadow:0 20px 60px rgba(88,64,54,.1);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:hidden;
}
.buy-flow div{
    padding:24px;
    display:flex;
    align-items:center;
    gap:14px;
    border-right:1px solid var(--border);
}
.buy-flow div:last-child{border-right:none}
.buy-flow strong{
    width:38px;
    height:38px;
    border-radius:999px;
    background:var(--primary-deep);
    color:#fff;
    display:grid;
    place-items:center;
}
.buy-flow span{
    font-weight:500;
}
.category-section{
    background:#fff;
}
.category-grid.sales .category-card{
    background:linear-gradient(145deg,#f5e9e1,#fff);
    border:1px solid var(--border);
}
.category-card small{
    position:relative;
    display:block;
    color:var(--primary-deep);
    margin-top:8px;
    font-weight:600;
}
.product-info small{
    display:block;
    color:var(--muted);
    margin-bottom:16px;
}
.product-info .price{
    font-size:18px;
    color:var(--primary-deep);
}
.checkout-callout{
    margin:90px 6vw;
    padding:46px;
    border-radius:34px;
    background:#312722;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}
.checkout-callout h2{
    font-family:var(--font-title);
    font-size:clamp(34px,4vw,60px);
    line-height:.95;
}
.checkout-callout p{
    color:rgba(255,255,255,.68);
    margin-top:14px;
    max-width:650px;
}
@media(max-width:1024px){
    .sales-hero{grid-template-columns:1fr}
    .sales-hero-products{grid-template-columns:1fr 1fr}
    .hero-product.main{min-height:480px}
}
@media(max-width:760px){
    .sales-hero{
        padding:108px 18px 40px;
        gap:28px;
    }
    .sales-hero-left h1{font-size:52px}
    .sales-hero-left p{font-size:15px}
    .sales-hero-products{grid-template-columns:1fr}
    .hero-product.main{min-height:430px}
    .buy-flow{
        margin:-8px 18px 0;
        grid-template-columns:1fr;
    }
    .buy-flow div{
        border-right:none;
        border-bottom:1px solid var(--border);
    }
    .checkout-callout{
        margin:64px 18px;
        padding:30px 22px;
        display:block;
    }
    .checkout-callout .btn{
        width:100%;
        margin-top:24px;
    }
}