.vh{--tint:#f1d3cc;background:var(--white);color:var(--cafe);font-family:var(--font-body--family,Georgia,serif)}
@supports(background:color-mix(in srgb,red,white)){.vh{--tint:color-mix(in srgb,var(--rose) 45%,white)}}
.vh *{box-sizing:border-box}
.vh-hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:clamp(220px,40vw,460px);background:radial-gradient(ellipse 45% 70% at 8% 15%,rgba(255,255,255,.65),transparent 70%),radial-gradient(ellipse 40% 60% at 95% 20%,rgba(255,255,255,.5),transparent 70%),radial-gradient(ellipse 50% 60% at 85% 95%,rgba(196,129,127,.28),transparent 70%),linear-gradient(115deg,#efcfc3,var(--beige) 50%,#ebc6ba)}
.vh-hero::before{content:'';position:absolute;top:-10%;left:-6%;width:34%;height:120%;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(122,82,68,.07) 22px 34px);transform:rotate(-8deg);filter:blur(7px);pointer-events:none}
.vh-hero::after{content:'';position:absolute;top:-10%;right:-6%;width:30%;height:120%;background:repeating-linear-gradient(65deg,transparent 0 26px,rgba(122,82,68,.06) 26px 38px);transform:rotate(8deg);filter:blur(8px);pointer-events:none}
.vh-hero__img{position:absolute;inset:0;overflow:hidden}
.vh-hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh-hero__txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(8px,2vw,18px);padding:24px 16px}
.vh-hero__txt h2{margin:0;color:#4a2e29;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.6rem,6vw,3.2rem);line-height:1.1}
.vh-hero__sub{margin:0;font-family:'Brush Script MT','Segoe Script','Snell Roundhand',cursive;font-style:italic;color:#4a2e29;font-size:clamp(1.15rem,3.6vw,2rem)}
.vh-btn{display:inline-block;background:var(--btn);color:#fff;padding:12px 30px;border-radius:3px;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.7rem,1.8vw,.85rem);text-decoration:none}
.vh-wrap{max-width:1200px;margin:0 auto;padding:40px 16px}
.vh-h{display:flex;align-items:center;gap:16px;margin:0 0 6px;text-align:center;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.05rem,3vw,1.7rem)}
.vh-h::before,.vh-h::after{content:'';flex:1;height:1px;background:var(--rose)}
.vh-sub{margin:0 0 22px;text-align:center;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.vh-h+.vh-grid{margin-top:22px}
.vh-grid{display:grid;gap:10px}
.vh-grid--cats{grid-template-columns:repeat(4,1fr)}
.vh-grid--best{grid-template-columns:repeat(2,1fr)}
.vh-grid--rev{grid-template-columns:1fr}
.vh-cat,.vh-prod{text-decoration:none;color:inherit;display:block}
.vh-cat{background:var(--beige);border-radius:8px;padding:8px 4px 10px;text-align:center}
.vh-cat__img{aspect-ratio:1/1.1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vh-cat__img img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
.vh-cat span{display:block;margin-top:8px;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(.6rem,2vw,.95rem);color:var(--ink)}
.vh-strip{background:var(--tint);color:var(--ink)}
.vh-strip ul{list-style:none;margin:0 auto;padding:14px 16px;max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vh-strip li{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.55rem,1.8vw,.78rem);line-height:1.3}
.vh-strip svg{flex:none;width:clamp(22px,5vw,30px);height:auto}
.vh-prod{position:relative;background:#fff;border:1px solid var(--beige);border-radius:10px;padding:0 0 12px;text-align:center}
.vh-prod__img{background:var(--beige);border-radius:10px 10px 0 0;aspect-ratio:1/1.2;overflow:hidden}
.vh-prod__img img{width:100%;height:100%;object-fit:cover}
.vh-top{position:absolute;top:8px;left:8px;z-index:1;background:var(--btn);color:#fff;font-size:.62rem;letter-spacing:.1em;padding:3px 10px;border-radius:20px}
.vh-prod h3{margin:10px 8px 2px;font-size:.88rem;font-weight:400;line-height:1.3;color:var(--ink)}
.vh-prod p{margin:0;font-size:1rem;font-weight:600;color:var(--ink)}
.vh-prod s{font-weight:400;opacity:.6;margin-left:6px;font-size:.85rem}
.vh-stars{color:var(--gold);letter-spacing:2px;margin-top:4px;font-size:.85rem}
.vh-rev{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--beige);border-radius:10px;padding:12px}
.vh-rev img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.vh-rev p{margin:2px 0 6px;font-size:.88rem;line-height:1.4}
.vh-rev b{color:var(--ink);font-size:.82rem}
.vh-bar{border-top:1px solid var(--beige);background:var(--white)}
.vh-bar ul{list-style:none;margin:0 auto;padding:16px;max-width:1200px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.vh-bar li{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;line-height:1.3;color:var(--cafe)}
.vh-bar svg{flex:none;width:26px;height:auto;color:var(--btn)}
@media(min-width:750px){
.vh-grid{gap:20px}
.vh-grid--best{grid-template-columns:repeat(var(--best-cols,4),1fr)}
.vh-grid--rev{grid-template-columns:repeat(2,1fr)}
.vh-bar ul{grid-template-columns:repeat(4,1fr)}
.vh-wrap{padding:56px 24px}
}