.catalog-hero{max-width:1400px;margin:24px auto 0;padding:0 5%;}.hero-slide{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border:1px solid var(--line);min-height:440px}.hero-photo{margin:0;position:relative;min-width:0;min-height:0;border-radius:0;overflow:hidden}.hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:12px;left:12px;background:var(--cream);color:var(--ink);padding:6px 10px;font-size:.8rem}.hero-photo figcaption:empty{display:none}.hero-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;min-width:0}.hero-copy h2{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.12;margin:0}.hero-copy p{margin:0;font-size:1.05rem;line-height:1.65}.hero-copy .hero-price{font-size:1.8rem;color:var(--wine)}.hero-copy .hero-note{font-size:.9rem;color:var(--muted)}.hero-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 0;flex-wrap:wrap}.hero-controls button{font:inherit;min-height:44px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:var(--cream);color:var(--ink)}.hero-controls button:focus-visible{outline:3px solid var(--wine);outline-offset:3px}.hero-controls span{font-size:.9rem;color:var(--muted)}@media(max-width:760px){.catalog-hero{padding:0 20px;margin-top:16px}.hero-slide{grid-template-columns:1fr;min-height:0}.hero-photo{height:270px}.hero-copy{padding:26px;gap:12px}.hero-copy h2{font-size:2.1rem}.hero-copy .hero-price{font-size:1.5rem}.hero-controls{justify-content:center;gap:8px}.hero-controls button{padding:10px 12px}.hero-copy .btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.catalog-hero{scroll-behavior:auto}}

.catalog-hero[data-category="Tratamentos capilares"] .hero-photo img{object-fit:contain;background:var(--cream)}

.catalog-hero[data-category="Cabelos disponíveis"] .hero-photo img{object-fit:contain;background:var(--cream)}

.catalog-hero .hero-copy h2{font-family:'DM Sans',Arial,sans-serif;font-weight:600;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.3;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.catalog-hero .hero-copy p{color:var(--ink);font-size:1.0625rem;line-height:1.75}
.catalog-hero .hero-copy .eyebrow{color:var(--wine);font-size:.875rem;letter-spacing:.08em;font-weight:700}
.catalog-hero .hero-copy .hero-note{font-size:1rem;color:var(--muted);line-height:1.65}
.catalog-hero .hero-copy .hero-price{font-weight:700;line-height:1.35}
.catalog-hero .hero-copy .btn{font-family:'DM Sans',Arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.5}
.catalog-hero .hero-photo::after{content:none}
.catalog-hero .hero-controls span{font-size:1rem;color:var(--ink)}

.catalog-hero .hero-photo:has(img[src*="mega-hair-comparativo"]) img{object-fit:contain;background:var(--cream)}