/*--------------------------------------------------------------
- Extension Hair - estilos da index
  Escopados em .eh; a base e as variáveis vêm de css/topo-rodape.css.
--------------------------------------------------------------*/

.eh .hero { background:var(--espresso); color:#fff; height:min(790px,100vh - 114px); min-height:620px; position:relative; overflow:hidden }
.eh .hero-image { object-fit:cover; object-position:center; width:100%; height:100%; position:absolute; inset:0 }
.eh .hero-shade { background:linear-gradient(90deg,#0c0806f0,#160d09bf 34%,#0f090629 67%,#08050424),linear-gradient(#0000 62%,#0503027a); position:absolute; inset:0 }
.eh .hero-content { z-index:2; width:min(670px,54vw); position:absolute; top:50%; left:8vw; transform:translateY(-50%) }
.eh .eyebrow { color:var(--brown-soft); letter-spacing:.25em; text-transform:uppercase; margin:0 0 22px; font-size:10px; font-weight:600 }
.eh .eyebrow:before { content:""; vertical-align:middle; background:currentColor; width:28px; height:1px; margin-right:12px; display:inline-block }
.eh .eyebrow.light { color:var(--gold-light) }
.eh .hero h1 { letter-spacing:-.055em; max-width:640px; margin:0; font-family:Georgia,Times New Roman,serif; font-size:clamp(52px,6vw,92px); font-weight:400; line-height:.94 }
.eh .hero h1 span { color:var(--gold-light); margin-top:7px; font-style:italic; display:block }
.eh .hero-copy { color:#ffffffb3; max-width:500px; margin:30px 0 0; font-size:15px; line-height:1.7 }
.eh .hero-actions { align-items:center; gap:30px; margin-top:38px; display:flex }
.eh .button { letter-spacing:.13em; text-transform:uppercase; border:1px solid #0000; justify-content:center; align-items:center; min-height:52px; padding:0 27px; font-size:11px; font-weight:650; transition:transform .18s,background .18s; display:inline-flex }
.eh .button:hover { transform:translateY(-2px) }
.eh .button-gold { background:var(--gold); color:#17110d }
.eh .button-gold:hover { background:var(--gold-light) }
.eh .text-link { letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid; align-items:center; gap:9px; padding-bottom:5px; font-size:11px; display:inline-flex }
.eh .light-link { color:#ffffffc2 }
.eh .hero-brand-logo { z-index:2; background:#000; border:1px solid #e1ca8f61; place-items:center; width:170px; height:170px; padding:8px; display:grid; position:absolute; bottom:34px; right:4vw; box-shadow:0 18px 45px #00000052 }
.eh .hero-brand-logo img { object-fit:contain; width:100%; height:100%; display:block }
.eh .scroll-cue { z-index:2; color:#ffffff85; letter-spacing:.18em; text-transform:uppercase; transform-origin:0; align-items:center; gap:14px; font-size:9px; display:flex; position:absolute; bottom:35px; left:4vw; transform:rotate(-90deg) }
.eh .scroll-cue i { background:#ffffff57; width:55px; height:1px }
.eh .benefits { border-bottom:1px solid var(--line); background:var(--cream); grid-template-columns:repeat(3,1fr); align-items:center; min-height:105px; padding:0 5vw; display:grid }
.eh .benefits article { border-right:1px solid var(--line); align-items:center; gap:19px; min-height:55px; padding:0 6vw; display:flex }
.eh .benefits article:first-child { padding-left:1vw }
.eh .benefits article:last-child { border-right:0 }
.eh .benefits b { color:var(--gold); font-family:Georgia,serif; font-size:24px; font-style:italic; font-weight:400 }
.eh .benefits div { flex-direction:column; gap:5px; display:flex }
.eh .benefits strong { font-family:Georgia,serif; font-size:15px; font-weight:400 }
.eh .benefits span { color:#0d0b0a8c; letter-spacing:.04em; font-size:10px }
.eh .section { padding:120px 6vw }
.eh .texture-section { background:var(--paper) }
.eh .section-heading { justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:54px; display:flex }
.eh .section-heading h2, .eh .origin-intro h2 { letter-spacing:-.045em; margin:0; font-family:Georgia,Times New Roman,serif; font-size:clamp(44px,5vw,72px); font-weight:400; line-height:1.02 }
.eh .section-heading h2 em { color:var(--gold); font-weight:400 }
.eh .section-heading>p { color:#0d0b0a94; max-width:420px; margin:0 2vw 5px 0; font-size:13px; line-height:1.75 }
.eh .texture-grid { grid-template-columns:.9fr 1.2fr .9fr; gap:16px; display:grid }
.eh .texture-card { background:var(--espresso); color:#fff; text-align:left; cursor:pointer; border:0; height:520px; padding:0; position:relative; overflow:hidden }
.eh .texture-card:nth-child(2) { height:580px; margin-top:-30px }
.eh .texture-card:after { content:""; background:linear-gradient(#0000 45%,#0a0604c2); position:absolute; inset:0 }
.eh .texture-card img { object-fit:cover; object-position:50% 42%; width:100%; height:100%; transition:transform .7s cubic-bezier(.2,.7,.2,1) }
.eh .texture-card:hover img { transform:scale(1.035) }
.eh .card-index, .eh .texture-name { z-index:2; position:absolute }
.eh .card-index { color:#ffffffa8; font-family:Georgia,serif; font-size:12px; font-style:italic; top:22px; left:24px }
.eh .texture-name { font-family:Georgia,serif; font-size:clamp(33px,3vw,48px); bottom:28px; left:28px }
.eh .origin-section { background:var(--ink); color:#fff; grid-template-rows:auto auto; grid-template-columns:.72fr 1.5fr; gap:56px 6vw; padding:120px 6vw 85px; display:grid }
.eh .origin-intro { padding-top:20px }
.eh .origin-intro h2 { color:var(--cream); font-size:clamp(44px,4.6vw,68px) }
.eh .origin-intro>p:last-child { color:#ffffff85; max-width:345px; margin:28px 0 0; font-size:13px; line-height:1.75 }
.eh .origin-stage { background:var(--espresso); grid-template-columns:1.25fr .85fr; min-height:570px; display:grid; overflow:hidden }
.eh .origin-stage>img { object-fit:cover; width:100%; height:100%; min-height:570px; animation:.46s imageFade }
@keyframes imageFade {0%{opacity:.4;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
.eh .origin-info { border-left:1px solid #ffffff1c; flex-direction:column; justify-content:center; padding:60px 43px; display:flex }
.eh .origin-info>p { color:var(--gold-light); letter-spacing:.2em; text-transform:uppercase; margin:0 0 18px; font-size:9px }
.eh .origin-info h3 { margin:0; font-family:Georgia,serif; font-size:clamp(38px,4vw,57px); font-weight:400 }
.eh .origin-info>span { color:#ffffff94; margin-top:24px; font-size:12px; line-height:1.75 }
.eh .origin-info ul { margin:28px 0 0; padding:0; list-style:none }
.eh .origin-info li { color:#ffffffba; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid #ffffff1f; padding:11px 0; font-size:10px }
.eh .origin-info li:before { content:"✦"; color:var(--gold); margin-right:10px; font-size:8px }
.eh .origin-info a { letter-spacing:.12em; text-transform:uppercase; border-bottom:1px solid #ffffff8c; width:fit-content; margin-top:30px; padding-bottom:5px; font-size:10px }
.eh .origin-info a b { color:var(--gold-light); margin-left:8px }
.eh .origin-tabs { border-top:1px solid #ffffff26; grid-column:2; grid-template-columns:repeat(3,1fr); display:grid }
.eh .origin-tabs button { color:#ffffff70; cursor:pointer; text-align:left; background:0 0; border:0; border-right:1px solid #ffffff26; align-items:flex-start; gap:11px; padding:20px 14px; transition:color .18s,background .18s; display:flex }
.eh .origin-tab-index { font-family:var(--font-geist-sans),sans-serif; letter-spacing:.12em; margin-top:17px; font-size:8px }
.eh .origin-tab-copy { flex-direction:column; gap:5px; display:flex }
.eh .origin-tab-copy small { color:var(--gold); letter-spacing:.12em; text-transform:uppercase; font-size:7px }
.eh .origin-tab-copy b { font-family:Georgia,serif; font-size:19px; font-weight:400 }
.eh .origin-tabs button.active { color:var(--gold-light); background:#c7a35d14 }
.eh .collection-section { background:var(--paper); padding:125px 6vw 110px }
.eh .collection-top { justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:55px; display:flex }
.eh .collection-top h2, .eh .guide-content h2, .eh .consult-content h2, .eh .journal-heading h2, .eh .newsletter-section h2 { letter-spacing:-.045em; margin:0; font-family:Georgia,Times New Roman,serif; font-size:clamp(44px,5vw,72px); font-weight:400; line-height:1.02 }
.eh .collection-note { border-top:1px solid var(--line); border-bottom:1px solid var(--line); letter-spacing:.06em; justify-content:center; gap:22px; margin-top:80px; padding:25px 0; font-size:11px; display:flex }
.eh .collection-note span { color:#0d0b0a80 }
.eh .collection-note a { border-bottom:1px solid var(--gold); padding-bottom:3px }
.eh .guide-section { background:var(--cream); grid-template-columns:1.05fr .95fr; min-height:820px; display:grid }
.eh .guide-visual { min-height:820px; position:relative; overflow:hidden }
.eh .guide-visual img { object-fit:cover; width:100%; height:100%; position:absolute; inset:0 }
.eh .guide-visual>span { color:var(--gold-light); letter-spacing:.15em; text-transform:uppercase; background:#0d0b0adb; padding:11px 15px; font-size:9px; position:absolute; bottom:30px; left:35px }
.eh .guide-content { flex-direction:column; justify-content:center; padding:100px clamp(45px,7vw,110px); display:flex }
.eh .guide-content h2 em { color:var(--gold); font-weight:400 }
.eh .guide-lead { color:#0d0b0a94; max-width:550px; margin:28px 0 38px; font-size:13px; line-height:1.75 }
.eh .comparison-list { border-top:1px solid var(--line) }
.eh .comparison-list article { border-bottom:1px solid var(--line); grid-template-columns:130px 1fr; gap:8px 22px; padding:24px 0 23px; display:grid }
.eh .comparison-list article>span { color:var(--gold); letter-spacing:.12em; text-transform:uppercase; grid-row:1/3; font-size:9px }
.eh .comparison-list h3 { margin:0; font-family:Georgia,serif; font-size:21px; font-weight:400 }
.eh .comparison-list p { color:#0d0b0a87; margin:3px 0 0; font-size:11px; line-height:1.65 }
.eh .guide-note { color:#0d0b0a6e; margin-top:22px; font-size:9px; line-height:1.6 }
.eh .consult-section { background:var(--espresso); color:#fff; grid-template-columns:1fr 1fr; min-height:820px; display:grid }
.eh .consult-image { min-height:820px; position:relative; overflow:hidden }
.eh .consult-image:after { content:""; background:linear-gradient(#0000 55%,#0c0705a6); position:absolute; inset:0 }
.eh .consult-image img { object-fit:cover; width:100%; height:100%; position:absolute; inset:0 }
.eh .consult-image>div { z-index:2; justify-content:space-between; display:flex; position:absolute; bottom:32px; left:35px; right:35px }
.eh .consult-image>div span { color:#ffffffb3; letter-spacing:.14em; text-transform:uppercase; font-size:9px }
.eh .consult-image>div span:before { content:"✦"; color:var(--gold); margin-right:8px }
.eh .consult-content { flex-direction:column; justify-content:center; padding:95px clamp(45px,7vw,115px); display:flex }
.eh .consult-content h2 { color:var(--cream) }
.eh .consult-content>p:not(.eyebrow) { color:#ffffff8c; max-width:530px; margin:27px 0 0; font-size:13px; line-height:1.75 }
.eh .testimonial-section { text-align:center; background:var(--ink); color:#fff; padding:120px 15vw }
.eh .quote-mark { height:45px; color:var(--gold); font-family:Georgia,serif; font-size:74px; line-height:1; display:block }
.eh .testimonial-section blockquote { letter-spacing:-.025em; max-width:1000px; margin:30px auto 0; font-family:Georgia,serif; font-size:clamp(31px,3.5vw,52px); font-weight:400; line-height:1.25 }
.eh .testimonial-section>p { color:#ffffff73; letter-spacing:.18em; text-transform:uppercase; margin:30px 0 0; font-size:9px }
.eh .journal-section { background:var(--paper); padding:125px 6vw }
.eh .journal-heading { justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:55px; display:flex }
.eh .journal-grid { grid-template-columns:1.35fr .65fr; gap:18px; display:grid }
.eh .journal-feature { background:var(--cream); grid-template-rows:1fr auto; min-height:670px; display:grid }
.eh .journal-feature>img { object-fit:cover; width:100%; height:100%; min-height:390px }
.eh .journal-feature>div { padding:32px }
.eh .journal-feature span, .eh .journal-side article>span { color:var(--gold); letter-spacing:.13em; text-transform:uppercase; font-size:9px }
.eh .journal-feature h3, .eh .journal-side h3 { margin:12px 0 10px; font-family:Georgia,serif; font-size:30px; font-weight:400; line-height:1.16 }
.eh .journal-feature>div>p, .eh .journal-side>article>p { color:#0d0b0a8c; margin:0; font-size:12px; line-height:1.7 }
.eh .journal-side { grid-template-rows:1fr 1fr; gap:18px; display:grid }
.eh .journal-side article { border:1px solid var(--line); background:#fff; flex-direction:column; justify-content:center; padding:40px; display:flex }
.eh .journal-side h3 { font-size:26px }
.eh .journal-section details { border-top:1px solid var(--line); color:#0d0b0a91; margin-top:18px; padding-top:15px; font-size:11px; line-height:1.65 }
.eh .journal-section summary { cursor:pointer; width:fit-content; color:var(--ink); letter-spacing:.12em; text-transform:uppercase; font-size:9px }
.eh .journal-section details p { margin:14px 0 0 }
.eh .newsletter-section { background:var(--brown); color:#fff; grid-template-columns:1fr 1fr; align-items:center; gap:8vw; padding:95px 8vw; display:grid }
.eh .newsletter-section h2 { color:var(--cream); font-size:clamp(40px,4vw,61px) }
.eh .newsletter-box>p { color:#ffffff91; max-width:540px; margin:0 0 25px; font-size:12px; line-height:1.7 }
.eh .newsletter-input { border-bottom:1px solid #ffffff80; grid-template-columns:1fr auto; height:55px; display:grid }
.eh .newsletter-input input { color:#fff; background:0 0; border:0; outline:none; padding:0; font-size:13px }
.eh .newsletter-input input::placeholder { color:#ffffff85 }
.eh .newsletter-input button { color:var(--gold-light); cursor:pointer; letter-spacing:.11em; text-transform:uppercase; background:0 0; border:0; font-size:10px }
.eh .newsletter-box>small { color:var(--gold-light); letter-spacing:.06em; margin-top:14px; font-size:9px; display:block }
@media (width<=1100px) {
  .eh .origin-section { grid-template-columns:1fr }
  .eh .origin-stage, .eh .origin-tabs { grid-column:1 }
}
@media (width<=760px) {
  .eh .hero { height:calc(100svh - 104px); min-height:670px }
  .eh .hero-image { object-position:66% center }
  .eh .hero-shade { background:linear-gradient(#08050426,#0c0705a8 43%,#0a0604f0) }
  .eh .hero-content { width:auto; inset:auto 22px 80px; transform:none }
  .eh .hero h1 { font-size:clamp(48px,15vw,66px) }
  .eh .hero-copy { margin-top:20px; font-size:13px }
  .eh .hero-actions { flex-direction:column; align-items:flex-start; gap:19px; margin-top:26px }
  .eh .hero-brand-logo, .eh .scroll-cue { display:none }
  .eh .benefits { grid-template-columns:1fr; padding:0 20px }
  .eh .benefits article, .eh .benefits article:first-child { border-right:0; border-bottom:1px solid var(--line); min-height:84px; padding:0 }
  .eh .benefits article:last-child { border-bottom:0 }
  .eh .section { padding:85px 20px }
  .eh .section-heading { flex-direction:column; align-items:flex-start; gap:20px }
  .eh .section-heading h2, .eh .origin-intro h2 { font-size:45px }
  .eh .texture-grid { scroll-snap-type:x mandatory; gap:12px; padding-bottom:12px; display:flex; overflow-x:auto }
  .eh .texture-card, .eh .texture-card:nth-child(2) { scroll-snap-align:center; min-width:84vw; height:500px; margin-top:0 }
  .eh .origin-section { gap:38px; padding:85px 20px 60px }
  .eh .origin-stage { grid-template-columns:1fr; min-height:auto }
  .eh .origin-stage>img { height:430px; min-height:0 }
  .eh .origin-info { border-top:1px solid #ffffff1c; border-left:0; padding:38px 28px 43px }
  .eh .origin-tabs { overflow-x:auto }
  .eh .origin-tabs button { min-width:145px; font-size:17px }
}
@media (width<=1100px) {
  .eh .guide-section, .eh .consult-section { grid-template-columns:1fr }
  .eh .guide-visual, .eh .consult-image { height:650px; min-height:650px }
  .eh .guide-content, .eh .consult-content { padding:90px 8vw }
  .eh .journal-grid { grid-template-columns:1fr }
  .eh .journal-side { grid-template-rows:auto; grid-template-columns:1fr 1fr }
  .eh .newsletter-section { grid-template-columns:1fr; gap:40px }
}
@media (width<=760px) {
  .eh .collection-section { padding:85px 20px 75px }
  .eh .collection-top { flex-direction:column; align-items:flex-start; margin-bottom:38px }
  .eh .collection-top h2, .eh .guide-content h2, .eh .consult-content h2, .eh .journal-heading h2, .eh .newsletter-section h2 { font-size:44px }
  .eh .collection-note { text-align:center; flex-direction:column; align-items:center; gap:9px; margin-top:55px }
  .eh .guide-visual, .eh .consult-image { height:440px; min-height:440px }
  .eh .guide-content, .eh .consult-content { padding:80px 20px }
  .eh .comparison-list article { grid-template-columns:1fr; gap:8px }
  .eh .comparison-list article>span { grid-row:auto }
  .eh .consult-image>div { left:18px; right:18px }
  .eh .consult-image>div span { font-size:7px }
  .eh .testimonial-section { padding:90px 25px }
  .eh .testimonial-section blockquote { font-size:32px }
  .eh .journal-section { padding:85px 20px }
  .eh .journal-heading { flex-direction:column; align-items:flex-start }
  .eh .journal-grid { gap:12px }
  .eh .journal-feature { min-height:0 }
  .eh .journal-feature>img { min-height:280px }
  .eh .journal-feature>div { padding:27px 22px }
  .eh .journal-feature h3, .eh .journal-side h3 { font-size:25px }
  .eh .journal-side { grid-template-columns:1fr; gap:12px }
  .eh .journal-side article { padding:32px 23px }
  .eh .newsletter-section { padding:75px 20px }
  .eh .newsletter-input { grid-template-columns:1fr }
  .eh .newsletter-input button { text-align:left; padding:15px 0 }
  .eh .newsletter-input { height:auto }
}
.eh .benefits { grid-template-columns:repeat(4,1fr); padding:0 3vw }
.eh .benefits article, .eh .benefits article:first-child { padding:0 2.2vw }
.eh .benefits strong { font-size:14px }
.eh .texture-card { cursor:default }
.eh .texture-card:first-child img { object-position:center }
.eh .collection-intro { color:#0d0b0a94; max-width:430px; margin:0 2vw 6px 0; font-size:13px; line-height:1.75 }
.eh .color-grid { grid-template-columns:repeat(3,1fr); gap:58px 18px; display:grid }
.eh .color-card { min-width:0 }
.eh .color-image-wrap { background:#e9e1d7; height:540px; position:relative; overflow:hidden }
.eh .color-image-wrap:after { content:""; background:linear-gradient(#0000,#0d0b0a61); position:absolute; inset:55% 0 0 }
.eh .color-image-wrap img { object-fit:cover; width:100%; height:100%; transition:transform .65s cubic-bezier(.2,.7,.2,1); display:block }
.eh .color-card:hover .color-image-wrap img { transform:scale(1.02) }
.eh .color-image-wrap span { z-index:2; color:#fff; font-family:Georgia,serif; font-size:13px; font-style:italic; position:absolute; bottom:15px; right:17px }
.eh .color-card>p { color:var(--gold); letter-spacing:.12em; text-transform:uppercase; margin:17px 0 7px; font-size:9px }
.eh .color-card h3 { margin:0; font-family:Georgia,serif; font-size:24px; font-weight:400 }
.eh .guide-section, .eh .guide-visual { min-height:930px }
.eh .guide-visual img { animation:.5s imageFade }
.eh .guide-dots { z-index:3; gap:8px; display:flex; position:absolute; bottom:34px; right:35px }
.eh .guide-dots button { cursor:pointer; background:#ffffff6b; border:0; width:25px; height:3px; padding:0; transition:background .2s,width .2s }
.eh .guide-dots button.active { background:var(--gold-light); width:42px }
.eh .comparison-list article { grid-template-columns:42px 1fr; padding:21px 0 20px }
.eh .consult-section { align-items:stretch; min-height:1120px }
.eh .consult-image { min-height:1120px }
.eh .consult-image img { object-position:center }
.eh .consult-content { padding-top:75px; padding-bottom:75px }
.eh .requirements-block { background:#ffffff09; border:1px solid #e0c98f40; margin-top:32px; padding:25px 26px }
.eh .requirements-block h3 { color:var(--gold-light); margin:0 0 17px; font-family:Georgia,serif; font-size:19px; font-weight:400 }
.eh .requirements-block ul { grid-template-columns:1fr 1fr; gap:12px 22px; margin:0; padding:0; list-style:none; display:grid }
.eh .requirements-block li { color:#ffffffad; padding-left:17px; font-size:10px; line-height:1.55; position:relative }
.eh .requirements-block li:before { content:"✦"; color:var(--gold); font-size:7px; position:absolute; left:0 }
.eh .consult-content>.process-heading { letter-spacing:.08em; text-transform:uppercase; font-weight:650; color:var(--gold-light)!important; margin:34px 0 17px!important; font-size:12px!important }
.eh .wholesale-steps { border-top:1px solid #ffffff24 }
.eh .wholesale-steps article { border-bottom:1px solid #ffffff1f; grid-template-columns:38px 1fr; gap:13px; padding:18px 0; display:grid }
.eh .wholesale-steps article>span { color:var(--gold); letter-spacing:.12em; padding-top:4px; font-size:9px }
.eh .wholesale-steps h3 { color:var(--cream); margin:0 0 6px; font-family:Georgia,serif; font-size:19px; font-weight:400 }
.eh .wholesale-steps p { color:#ffffff85; margin:0; font-size:10px; line-height:1.6 }
@media (width<=1100px) {
  .eh .benefits { grid-template-columns:repeat(2,1fr); padding:0 4vw }
  .eh .benefits article, .eh .benefits article:first-child { border-bottom:1px solid var(--line); min-height:88px; padding:0 3vw }
  .eh .benefits article:nth-child(2) { border-right:0 }
  .eh .benefits article:nth-child(3), .eh .benefits article:nth-child(4) { border-bottom:0 }
  .eh .color-grid { grid-template-columns:repeat(2,1fr) }
  .eh .color-image-wrap { height:560px }
  .eh .guide-section, .eh .guide-visual { min-height:700px }
  .eh .guide-visual { height:700px }
  .eh .consult-section { min-height:auto }
  .eh .consult-image { height:720px; min-height:720px }
  .eh .consult-content { padding:85px 8vw }
}
@media (width<=760px) {
  .eh .benefits { grid-template-columns:1fr; padding:0 20px }
  .eh .benefits article, .eh .benefits article:first-child, .eh .benefits article:nth-child(3) { border-right:0; border-bottom:1px solid var(--line); min-height:91px; padding:0 }
  .eh .benefits article:last-child { border-bottom:0 }
  .eh .collection-top { gap:18px }
  .eh .collection-intro { margin:0 }
  .eh .color-grid { grid-template-columns:1fr; gap:44px }
  .eh .color-image-wrap { height:116vw; max-height:560px }
  .eh .color-card h3 { font-size:22px }
  .eh .guide-section, .eh .guide-visual { min-height:520px }
  .eh .guide-visual { height:520px }
  .eh .guide-dots { bottom:27px; right:18px }
  .eh .guide-visual>span { max-width:220px; bottom:25px; left:18px }
  .eh .comparison-list article { grid-template-columns:34px 1fr; gap:7px 12px }
  .eh .comparison-list article>span { grid-row:1/3 }
  .eh .consult-image { height:540px; min-height:540px }
  .eh .consult-content { padding:75px 20px }
  .eh .requirements-block { padding:23px 20px }
  .eh .requirements-block ul { grid-template-columns:1fr }
  .eh .wholesale-steps article { grid-template-columns:34px 1fr }
}

/* style.css define "section#contato" (fundo cinza e padding-top); restaura os valores da LP */
.eh section#contato.newsletter-section { background-color:var(--brown); padding-top:95px }
@media (width<=760px) {
  .eh section#contato.newsletter-section { padding-top:75px }
}

/* Newsletter: campo isca e mensagens de envio */
.eh .newsletter-isca { position:absolute; left:-9999px; width:1px; height:1px; opacity:0 }
.eh .newsletter-input button:disabled { opacity:.6; cursor:wait }
.eh .newsletter-box>small.is-error { color:#f0b6a4 }

/* Preenchimento automático do navegador (:-internal-autofill-selected): mantém o fundo
   marrom da seção e o texto claro no lugar do azul padrão do Chrome/Edge */
.eh .newsletter-input input:-webkit-autofill,
.eh .newsletter-input input:-webkit-autofill:hover,
.eh .newsletter-input input:-webkit-autofill:focus { -webkit-text-fill-color:#fff; caret-color:#fff; -webkit-box-shadow:0 0 0 1000px var(--brown) inset; box-shadow:0 0 0 1000px var(--brown) inset; transition:background-color 9999s ease-out 0s; font-size:13px }
.eh .newsletter-input input:autofill { -webkit-text-fill-color:#fff; caret-color:#fff; box-shadow:0 0 0 1000px var(--brown) inset }

/* Banner do topo com dois slides (setas + pontos) */
.eh .hero-slide { z-index:1; position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .65s ease,visibility .65s ease }
.eh .hero-slide.active { opacity:1; visibility:visible }
.eh .hero-slide-2 .hero-image { object-position:center 40% }
.eh .hero .hero-title { letter-spacing:-.055em; max-width:640px; margin:0; font-family:Georgia,Times New Roman,serif; font-size:clamp(52px,6vw,92px); font-weight:400; line-height:.94 }
.eh .hero .hero-title span { color:var(--gold-light); margin-top:7px; font-style:italic; display:block }
.eh .hero-brand-logo, .eh .scroll-cue { z-index:3 }
.eh .hero-controls { z-index:4; position:absolute; left:8vw; bottom:28px; display:flex; align-items:center; gap:10px }
.eh .hero-arrow { width:34px; height:34px; display:grid; place-items:center; border:1px solid #ffffff73; border-radius:50%; background:#0d0b0a59; color:#fff; cursor:pointer; font-size:12px; transition:background .2s,border-color .2s }
.eh .hero-arrow:hover, .eh .hero-arrow:focus-visible { border-color:var(--gold-light); background:#0d0b0ab8; outline:none }
.eh .hero-dots { display:flex; align-items:center; gap:7px }
.eh .hero-dot { width:23px; height:3px; padding:0; border:0; border-radius:2px; background:#ffffff66; cursor:pointer; transition:background .2s,width .2s }
.eh .hero-dot.active { width:34px; background:var(--gold-light) }

/* Cards de textura: levam para a grade de cores já filtrada */
.eh a.texture-card { display:block; cursor:pointer }

/* Origens: botões acima da imagem */
.eh .origin-panel { min-width:0; display:flex; flex-direction:column }
.eh .origin-panel .origin-tabs { border-top:0; border-bottom:1px solid #ffffff26 }
.eh .origin-panel .origin-tabs button:last-child { border-right:0 }

/* Filtro da grade de cores */
.eh .color-filters { display:flex; gap:3px; margin:-15px 0 42px; overflow-x:auto }
.eh .color-filters button { padding:11px 16px; border:0; border-bottom:1px solid var(--line); background:0 0; cursor:pointer; color:#0d0b0a75; letter-spacing:.11em; text-transform:uppercase; font-size:10px; white-space:nowrap; transition:color .18s,border-color .18s }
.eh .color-filters button:hover { color:var(--ink) }
.eh .color-filters button.active { border-color:var(--gold); color:var(--ink) }
.eh .color-filters button:focus-visible { outline:1px solid var(--gold); outline-offset:2px }

/* Fale conosco: formulário que envia e abre o WhatsApp */
.eh .contato-form { display:grid; grid-template-columns:1fr 1fr; gap:18px 22px }
.eh .contato-form label { display:flex; flex-direction:column; gap:8px; color:#ffffff8c; letter-spacing:.11em; text-transform:uppercase; font-size:9px }
.eh .contato-form input, .eh .contato-form select { height:44px; padding:0; border:0; border-bottom:1px solid #ffffff80; border-radius:0; background:0 0; color:#fff; outline:none; font-size:13px; letter-spacing:normal; text-transform:none }
.eh .contato-form select { cursor:pointer }
.eh .contato-form select option { background:var(--brown); color:#fff }
.eh .contato-form input:focus, .eh .contato-form select:focus { border-bottom-color:var(--gold-light) }
.eh .contato-form button { grid-column:1/-1; justify-self:start; min-height:50px; margin-top:8px; padding:0 26px; border:0; background:var(--gold); color:#17110d; cursor:pointer; letter-spacing:.13em; text-transform:uppercase; font-size:11px; font-weight:650; transition:background .18s }
.eh .contato-form button:hover { background:var(--gold-light) }
.eh .contato-form button:disabled { opacity:.6; cursor:wait }
.eh .contato-form input:-webkit-autofill,
.eh .contato-form input:-webkit-autofill:hover,
.eh .contato-form input:-webkit-autofill:focus { -webkit-text-fill-color:#fff; caret-color:#fff; -webkit-box-shadow:0 0 0 1000px var(--brown) inset; box-shadow:0 0 0 1000px var(--brown) inset; transition:background-color 9999s ease-out 0s; font-size:13px }

@media (width<=760px) {
  .eh .hero-controls { left:20px; bottom:22px }
  .eh .hero .hero-title { font-size:clamp(48px,15vw,66px) }
  .eh .color-filters { margin:0 0 30px }
  .eh .contato-form { grid-template-columns:1fr }
  .eh .contato-form button { justify-self:stretch }
}
.eh .color-card.is-oculto { display:none !important }

/* Logo oficial no hero: sem a caixa preta, direto sobre a foto */
.eh .hero-brand-logo { width:260px; height:auto; padding:0; background:0 0; border:0; box-shadow:none; bottom:40px; right:4vw }
.eh .hero-brand-logo img { width:100%; height:auto; filter:drop-shadow(0 4px 14px #00000080) }

/* Banner 2: "Encontre o cabelo" sempre em uma linha */
.eh .hero .hero-title .hero-title-linha { display:inline; margin:0; color:inherit; font-style:normal; white-space:nowrap }
.eh .hero-slide-2 .hero-content { width:min(760px,62vw) }
.eh .hero .hero-title { max-width:none; font-size:clamp(48px,5.6vw,88px) }
@media (width<=760px) {
  .eh .hero-slide-2 .hero-content { width:auto }
  .eh .hero .hero-title { font-size:clamp(34px,11.2vw,66px) }
}

/* Conteúdo: card principal + 3 cards laterais */
.eh .journal-side { grid-template-rows:repeat(3,auto) }
.eh .journal-side article { padding:30px 34px; justify-content:flex-start }
.eh .journal-side h3 { font-size:23px }
.eh .journal-feature>div>p strong, .eh .journal-side>article>p strong { color:var(--ink); font-weight:600 }
.eh .journal-section details p + p { margin-top:10px }
.eh .comparison-list p strong { color:var(--ink); font-weight:600 }
@media (width<=1100px) {
  .eh .journal-side { grid-template-columns:1fr 1fr }
  .eh .journal-side article:last-child { grid-column:1/-1 }
}
@media (width<=760px) {
  .eh .journal-side { grid-template-columns:1fr }
  .eh .journal-side article:last-child { grid-column:auto }
}

/* Fale conosco: texto na mesma largura do formulário */
.eh .newsletter-box>p { max-width:none }