/* Energia Extra R5 — loja sempre visível e catálogo por categoria/potência. */
[hidden]{display:none!important}
.header-inner{display:grid;grid-template-columns:195px minmax(0,1fr) auto;grid-template-areas:"brand nav actions";gap:20px;min-height:92px}
.header-inner .brand{grid-area:brand;width:195px}
.header-inner .site-nav{grid-area:nav;justify-content:center;gap:18px;font-size:.86rem}
.header-inner .menu-toggle{grid-area:menu}
.header-actions{grid-area:actions;display:flex;align-items:center;gap:10px}
.header-actions .button{min-height:48px;padding:12px 14px;white-space:nowrap;font-size:.88rem}
.header-actions .header-store{min-width:166px;box-shadow:0 6px 18px #ffca0926}
.header-actions .header-quote{background:transparent;box-shadow:none}
.header-actions .header-quote:hover{background:var(--navy-900)}
.header-store svg,.store-banner-button svg{flex:0 0 22px}
.store-banner{background:#edf5f8;border-top:1px solid #cfdee5;padding:38px 0;color:#09364a}
.store-banner-inner{display:flex;gap:36px;align-items:center;justify-content:space-between}
.store-banner h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;margin:6px 0 10px;letter-spacing:-.025em}
.store-banner p{max-width:61ch;margin:0;line-height:1.65}
.store-banner .store-eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.1em;color:#176584}
.store-banner-button{flex:0 0 auto;min-height:54px}
.product-category-back{display:inline-flex;color:#cbe4ee;font-size:.88rem;margin:0 0 22px;text-decoration:underline;text-underline-offset:4px}
.catalog-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0}
.category-link{display:flex;gap:12px;justify-content:space-between;align-items:center;background:white;border:1px solid #ccdde5;border-radius:12px;padding:16px;font-size:.9rem;font-weight:750;line-height:1.4;min-height:70px}
.category-link b{border-radius:50%;background:#e8f2f6;font-size:.77rem;min-width:28px;height:28px;display:grid;place-items:center}
.category-link:hover{border-color:#1b718e;background:#f6fbfd}
.category-link[aria-current="true"]{background:#053d54;color:white;border-color:#053d54;box-shadow:inset 4px 0 #ffca09}
.category-link[aria-current="true"] b{background:#ffffff24;color:white}
.catalog-controls{scroll-margin-top:125px;background:white;border:1px solid #cfdee5;border-radius:16px;padding:24px;margin:22px 0 36px}
#catalog-filters{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) auto;gap:20px;align-items:end}
#catalog-filters label{display:block;font-size:.83rem;font-weight:750;margin-bottom:7px;color:#103b4d}
#catalog-filters input,#catalog-filters select{background:#f7fafc;border:1px solid #b9cdd7;border-radius:8px;color:#183d4d;width:100%;height:48px;padding:10px 12px;min-width:0;font-size:.92rem}
#catalog-filters input:focus,#catalog-filters select:focus{border-color:#006a8f}
#catalog-filters select:disabled{color:#526c77;background:#edf2f4}
.catalog-reset{height:48px;padding:0 16px;border:1px solid #b6cbd5;background:white;color:#123e50;border-radius:8px;cursor:pointer;font-weight:650;font-size:.88rem}
.catalog-reset:hover{background:#edf6fa}
.catalog-unit-help{font-size:.76rem!important;color:#4d6876;margin:12px 0 0!important;line-height:1.6}
.catalog-results-bar{border-top:1px solid #deeaef;margin-top:20px;padding-top:14px;display:flex;gap:16px;justify-content:space-between;align-items:baseline}
.catalog-results-bar p{margin:0;font-size:.88rem}.catalog-results-bar #catalog-count{font-weight:800;color:#123d4e}
#catalog-empty{padding-top:25px}#catalog-empty h3{font-size:1.2rem;margin:0 0 8px}#catalog-empty p{margin:0 0 18px;max-width:64ch}
.catalog-section{scroll-margin-top:125px}.catalog-section>h2{font-size:clamp(1.5rem,2.6vw,2rem)}
@media(max-width:1200px){
 .header-inner{grid-template-columns:195px 1fr 44px;grid-template-areas:"brand actions menu";gap:20px}
 .header-actions{justify-self:end}.header-inner .menu-toggle{display:block}
 .header-inner .site-nav{grid-area:auto;position:absolute;left:20px;right:20px;top:calc(100% + 6px);display:grid;justify-content:stretch;gap:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);max-height:calc(100dvh - 200px);overflow:auto;font-size:.95rem}
 .header-inner .site-nav.is-open{opacity:1;visibility:visible;transform:none}
 .header-inner .site-nav>a{padding:12px;border-bottom:1px solid #e0ebef}.header-inner .site-nav>a::after{display:none}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(3){opacity:0}
 .menu-toggle[aria-expanded="true"] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}
 .catalog-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .header-inner{grid-template-columns:1fr 44px;grid-template-areas:"brand menu" "actions actions";gap:8px 16px;padding-block:9px}
 .header-inner .brand{width:170px}.header-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
 .header-actions .button{min-width:0;min-height:46px;padding:10px 12px}.header-inner .menu-toggle{justify-self:end}
 .utility-inner{min-height:30px;gap:8px;justify-content:space-between;font-size:.67rem}.utility-inner>p{display:flex;gap:7px}
 .utility-links{gap:12px}.utility-links a[href^="tel:"]{display:none}.status-dot{width:5px;height:5px}
 .store-banner-inner{display:block}.store-banner{padding:30px 0}.store-banner-button{margin-top:20px;width:100%;padding:14px 16px;font-size:.91rem}
 .store-banner p{font-size:.9rem}.catalog-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .category-link{font-size:.83rem;padding:13px 11px;gap:8px;min-height:72px}.category-link:first-child{grid-column:1/-1;min-height:58px}
 .catalog-controls{padding:18px;scroll-margin-top:155px}#catalog-filters{grid-template-columns:1fr;gap:14px}
 .catalog-results-bar{display:block}.catalog-results-bar p+p{margin-top:3px;color:#516b77}
 .catalog-section{scroll-margin-top:155px}.product-category-back{font-size:.81rem}
 html{scroll-padding-top:155px}
}
@media(min-width:701px) and (max-width:820px){.utility-inner>p{display:flex;font-size:.7rem}.utility-inner{justify-content:space-between}.utility-links{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-inner .site-nav{transition:none}}
