/*
Theme Name: Loja Alinhamento Pro 3
Description: Tema leve de catálogo e orçamento para equipamentos automotivos profissionais. Produtos, categorias, marcas, banners e pedidos de orçamento gerenciados pelo painel do WordPress.
Version: 3.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: loja-alinhamento-pro
*/
 :root{--g:#0f8729;--gd:#0b6a20;--ink:#14201a;--mut:#53605a;--bd:#dfe6e2;--bg:#f4f7f5;--w:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--w);line-height:1.55;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:var(--gd)}h1,h2,h3{line-height:1.2;margin:0 0 .6em}h1{font-size:clamp(1.6rem,3vw,2.2rem)}h2{font-size:1.5rem}:focus-visible{outline:3px solid #0a3d6b;outline-offset:2px}.wrap{max-width:1240px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px;top:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;border:2px solid var(--g);background:var(--g);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;font:inherit;font-weight:600}.btn:hover{background:var(--gd);border-color:var(--gd)}.btn.alt{background:#fff;color:var(--gd)}.btn.alt:hover{background:var(--bg)}.topbar{background:var(--ink);color:#fff;font-size:.85rem}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}.topbar a{color:#fff}.hd{background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:50}.hd-row{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;white-space:nowrap}.mark{background:var(--g);color:#fff;border-radius:8px;padding:6px 8px;font-size:.95rem}.custom-logo{max-height:48px;width:auto}.search{position:relative;flex:1}.search form{display:flex}.search input{flex:1;min-height:46px;border:2px solid var(--bd);border-right:0;border-radius:8px 0 0 8px;padding:0 14px;font:inherit}.search button{min-height:46px;padding:0 18px;border:2px solid var(--g);background:var(--g);color:#fff;border-radius:0 8px 8px 0;font:inherit;font-weight:600;cursor:pointer}#sug{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--bd);border-radius:0 0 8px 8px;z-index:60;box-shadow:0 6px 16px rgba(0,0,0,.08)}#sug a{display:block;padding:10px 14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bg)}#sug a:hover,#sug a:focus{background:var(--bg)}#sug small{color:var(--mut)}.burger{display:none;min-width:44px;min-height:44px;border:1px solid var(--bd);background:#fff;border-radius:8px;font-size:1.3rem;cursor:pointer}.nav{background:var(--g)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.nav-item{position:relative;display:flex;align-items:center}.nav-item>a{color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;padding:12px 12px;display:block}.nav-item>a:hover{background:var(--gd)}.sub-toggle{background:none;border:0;color:#fff;min-width:24px;min-height:44px;cursor:pointer;margin-left:-8px}.sub-toggle:before{content:"▾"}.sub{display:none;position:absolute;left:0;top:100%;min-width:260px;background:#fff;border:1px solid var(--bd);border-top:0;list-style:none;margin:0;padding:6px 0;z-index:60;box-shadow:0 8px 20px rgba(0,0,0,.1)}.nav-item:hover>.sub,.nav-item:focus-within>.sub,.nav-item.open>.sub{display:block}.sub a{display:block;padding:9px 16px;color:var(--ink);text-decoration:none}.sub a:hover{background:var(--bg);color:var(--gd)}.sub .all a{font-weight:700;color:var(--gd)}.hero{background:var(--bg);border-bottom:1px solid var(--bd)}.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding-top:36px;padding-bottom:36px}.hero p{color:var(--mut);font-size:1.1rem;max-width:52ch}.hero-img{aspect-ratio:4/3;background:#e6ece8;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--mut)}.hero-img img{width:100%;height:100%;object-fit:cover}.sec{padding:36px 0}.sec.alt{background:var(--bg)}.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}.sec-h h2{margin:0}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cat{display:block;border:1px solid var(--bd);border-radius:10px;padding:16px;text-decoration:none;color:var(--ink);background:#fff;font-weight:600}.cat:hover{border-color:var(--g)}.cat small{display:block;color:var(--mut);font-weight:400}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{border:1px solid var(--bd);border-radius:10px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.card-img{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--mut);font-size:.85rem}.card-img img{width:100%;height:100%;object-fit:contain}.card-b{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.card-b .br{font-size:.8rem;color:var(--mut)}.card-b h3{font-size:1rem;margin:0}.card-b h3 a{color:var(--ink);text-decoration:none}.card-b h3 a:hover{color:var(--gd)}.price{font-weight:800;font-size:1.15rem}.price.ask{font-size:.95rem;font-weight:600;color:var(--mut)}.card-a{display:grid;gap:8px;margin-top:auto;padding-top:8px}.crumbs{font-size:.88rem;color:var(--mut);padding:14px 0}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.crumbs li+li:before{content:"/";margin-right:6px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:12px 0 20px}.filters label{display:grid;font-size:.85rem;gap:4px}.filters select{min-height:44px;border:2px solid var(--bd);border-radius:8px;padding:0 10px;font:inherit}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chips a{border:1px solid var(--bd);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--ink)}.chips a:hover{border-color:var(--g)}.pager{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0}.pager .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:8px;text-decoration:none;color:var(--ink)}.pager .current{background:var(--g);color:#fff;border-color:var(--g)}.prod{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;margin-bottom:32px}.gal-main{aspect-ratio:4/3;border:1px solid var(--bd);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--mut)}.gal-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumbs button{width:76px;height:60px;border:2px solid var(--bd);border-radius:8px;background:#fff;padding:2px;cursor:pointer}.thumbs button[aria-current=true]{border-color:var(--g)}.thumbs img{width:100%;height:100%;object-fit:contain}.meta{color:var(--mut);font-size:.92rem}.buy{border:1px solid var(--bd);border-radius:10px;padding:16px;margin:16px 0;background:var(--bg)}.buy .btn{width:100%;margin-top:8px}.ticks{list-style:none;padding:0}.ticks li{padding-left:24px;position:relative;margin:6px 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:800}table.spec{width:100%;border-collapse:collapse}.spec th,.spec td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd);vertical-align:top}.spec th{width:38%;background:var(--bg);font-weight:600}.tabs-like section{margin:28px 0}.quote{background:var(--ink);color:#fff;border-radius:12px;padding:28px;margin:20px 0}.quote label{display:grid;gap:4px;margin:10px 0;font-size:.9rem}.quote input[type=text],.quote input[type=tel],.quote input[type=email],.quote textarea{width:100%;min-height:44px;border-radius:8px;border:0;padding:10px;font:inherit}.quote .chk{display:flex;gap:8px;align-items:flex-start}.quote .chk input{margin-top:4px}.quote a{color:#fff}.hp{position:absolute;left:-9999px}.msg{padding:12px 16px;border-radius:8px;margin:12px 0;font-weight:600}.msg.ok{background:#e3f5e8;color:#0b5a1c}.msg.er{background:#fde8e8;color:#8a1c1c}.ft{background:var(--ink);color:#d7e0db;margin-top:40px;padding:36px 0 20px}.ft a{color:#fff}.ft .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.ft h2{font-size:1rem;color:#fff}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin:6px 0}.ft small{display:block;margin-top:24px;color:#9fb0a7}.wa-float{position:fixed;right:16px;bottom:16px;background:var(--g);color:#fff;border-radius:999px;padding:0 18px;min-height:48px;display:flex;align-items:center;font-weight:700;text-decoration:none;z-index:70;box-shadow:0 4px 12px rgba(0,0,0,.25)}.empty{padding:28px;border:1px dashed var(--bd);border-radius:10px;color:var(--mut)}@media(max-width:900px){.hero .wrap,.prod{grid-template-columns:1fr}.burger{display:block}.hd-row{flex-wrap:wrap}.search{order:5;flex-basis:100%}.nav{display:none}.nav.open{display:block}.nav-list{display:block}.nav-item{flex-wrap:wrap}.nav-item>a{flex:1}.sub-toggle{margin:0;min-width:48px}.sub{position:static;display:none;width:100%;box-shadow:none;border:0}.nav-item:hover>.sub,.nav-item:focus-within>.sub{display:none}.nav-item.open>.sub{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.topbar .wrap{align-items:center}.tb-l{display:flex;gap:16px}.tb-l a{text-decoration:none}.tb-l a:hover{text-decoration:underline}.hd{background:var(--g);border-bottom:0}.hd .brand{color:#fff}.hd .mark{background:#fff;color:var(--g)}.hd .burger{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}.search input{border-color:#fff}.search button{background:var(--ink);border-color:var(--ink)}.search button:hover{background:#000}.hd-c{display:grid;color:#fff;text-decoration:none;line-height:1.2;white-space:nowrap}.hd-c span{font-size:.78rem}.hd-c:hover strong{text-decoration:underline}.nav{background:#fff;border-bottom:1px solid var(--bd)}.nav-row{display:flex;align-items:center;gap:8px}.dep{position:relative}.dep-btn{background:var(--gd);color:#fff;border:0;min-height:46px;padding:0 18px;font:inherit;font-weight:700;cursor:pointer;border-radius:0 0 8px 8px;text-transform:none}.mega{display:none;position:absolute;left:0;top:100%;width:min(1000px,92vw);background:#fff;border:1px solid var(--bd);box-shadow:0 12px 28px rgba(0,0,0,.14);padding:18px;z-index:80;grid-template-columns:repeat(3,1fr);gap:18px 24px;max-height:70vh;overflow:auto;border-radius:0 0 10px 10px}.mega.show{display:grid}.mc-h{font-weight:700;color:var(--gd);text-decoration:none;display:block;margin-bottom:6px}.mc-h:hover{text-decoration:underline}.mc-l{list-style:none;margin:0;padding:0}.mc-l a{display:block;padding:4px 0;color:var(--ink);text-decoration:none;font-size:.92rem}.mc-l a:hover{color:var(--gd);text-decoration:underline}.mega .sub-toggle{display:none;color:var(--ink)}.quick{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}.quick a{display:block;padding:12px 10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}.quick a:hover{color:var(--gd);background:var(--bg)}.strip{background:#fff;border-bottom:1px solid var(--bd)}.strip .wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding-top:10px;padding-bottom:10px;font-size:.9rem;font-weight:600;color:var(--mut)}.sec-h a{font-weight:600}.tiles{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.tile{flex:0 0 140px;display:grid;justify-items:center;gap:8px;text-align:center;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;scroll-snap-align:start}.tile:hover{color:var(--gd)}.tile-i{width:96px;height:96px;border-radius:50%;background:var(--bg);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-i img{width:100%;height:100%;object-fit:contain}.tile-i b{font-size:2rem;color:var(--g)}.minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.mini{background:#fff;border:1px solid var(--bd);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.mini h2{background:var(--g);color:#fff;font-size:1rem;text-align:center;margin:0;padding:12px}.mini-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.mini-i{display:grid;gap:4px;text-decoration:none;color:var(--ink);font-size:.8rem;border:1px solid var(--bd);border-radius:8px;padding:6px}.mini-i:hover{border-color:var(--g)}.mini-p{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--mut)}.mini-p img{width:100%;height:100%;object-fit:contain}.mini-a{margin:auto 12px 12px;text-align:center;font-weight:700}.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,240px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.row>*{scroll-snap-align:start}.info{background:var(--ink);color:#fff;border-radius:10px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;margin-top:24px}.info a{color:#fff;font-weight:700}.b2b{background:linear-gradient(90deg,#0b3d17,var(--g));color:#fff;border-radius:10px;padding:24px 28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:16px 0}.b2b h2{margin:0 0 4px}.b2b p{margin:0}.ft h2{text-transform:none}.az{margin-top:24px;padding-top:16px;border-top:1px solid #2b3a32;font-size:.9rem}.az a{color:#fff}@media(max-width:900px){.tb-l{display:none}.hd-c{display:none}.nav-row{display:block}.nav:not(.open) .dep,.nav:not(.open) .quick{display:none}.quick{display:none}.dep-btn{display:none}.mega,.mega.show{display:block;position:static;width:auto;border:0;box-shadow:none;max-height:none;padding:8px 0}.mc{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--bd)}.mc-h{flex:1;padding:12px 0;margin:0}.mega .sub-toggle{display:block;min-width:48px;min-height:44px;background:none;border:0;cursor:pointer}.mc-l{display:none;width:100%;padding:0 0 8px 12px}.mc.open .mc-l{display:block}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format("woff2")}@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}.sec,.ft{content-visibility:auto;contain-intrinsic-size:auto 600px}.seo-text{max-width:80ch;margin:32px 0;color:var(--mut)}.seo-text h2,.seo-text h3{color:var(--ink)}

.hero .wrap.one{grid-template-columns:1fr}
.inst{display:block;font-size:.85rem;color:var(--gd);font-weight:600}
form.cart{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}form.cart .quantity input{min-height:46px;width:72px;border:2px solid var(--bd);border-radius:8px;text-align:center;font:inherit}
.single_add_to_cart_button,.wc-block-components-button:not(.is-link){background:var(--g)!important;color:#fff!important;border:2px solid var(--g)!important;border-radius:8px!important;min-height:46px;padding:0 20px;font-weight:600;cursor:pointer}
.single_add_to_cart_button{flex:1}
.woocommerce-message,.woocommerce-error,.woocommerce-info{padding:12px 16px;border-radius:8px;background:#e3f5e8;margin:12px 0;list-style:none}.woocommerce-error{background:#fde8e8}
@media(max-width:900px){.hd-c.keep{display:grid}}
/* ===== v1.1: cartões estilo vitrine, telefone, carrossel, banners ===== */
.card{transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--g);box-shadow:0 6px 18px rgba(0,0,0,.09)}
.card-img{position:relative;aspect-ratio:1/1;padding:14px}.card-img img{transition:transform .25s}.card:hover .card-img img{transform:scale(1.03)}
.badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;z-index:2}
.bd{font-size:.68rem;font-weight:800;padding:3px 6px;border-radius:4px;color:#fff;line-height:1.15;text-transform:uppercase}.bd.off{background:#b3261e}.bd.in{background:var(--gd)}.bd.out{background:#4b5752}
.card-b :is(h2,h3,h4){font-size:.92rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.05em;margin:0}
.was{font-size:.78rem;color:#b3261e}.was del{color:#b3261e}
.price{font-size:1.4rem;font-weight:800;color:var(--gd);line-height:1.1}.price.ask{font-size:.98rem;color:var(--mut);font-weight:600}
.pix{display:block;font-size:.76rem;color:var(--mut)}.pix b{color:var(--ink);font-size:.95rem}
.inst{display:block;font-size:.78rem;color:var(--mut);font-weight:500}
.card-a{display:grid;gap:6px;margin-top:auto;padding-top:10px}.card-a .btn{min-height:42px;transition:background .15s,transform .1s}.card-a .btn:active{transform:scale(.98)}
.hd-tel{display:grid;color:#fff;text-decoration:none;line-height:1.1;white-space:nowrap}.hd-tel span{font-size:.75rem}.hd-tel strong{font-size:1.55rem;font-weight:800;letter-spacing:-.01em}.hd-tel:hover strong{text-decoration:underline}
.info-tel,.ft-tel{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.ft-tel{display:inline-block}
.car{position:relative}.car-b{position:absolute;top:42%;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);background:#fff;color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .15s}.car-b:hover{background:var(--bg)}.car-b.p{left:-14px}.car-b.n{right:-14px}
.bans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ban{position:relative;display:block;border-radius:10px;overflow:hidden;background:var(--ink);color:#fff;text-decoration:none;aspect-ratio:4/3;transition:box-shadow .2s}.ban:hover{box-shadow:0 6px 18px rgba(0,0,0,.2)}
.ban img{width:100%;height:100%;object-fit:cover;opacity:.85}.ban strong{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:1.05rem}.ban-ph{display:flex;height:100%;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:.85rem}
.content{max-width:80ch}.content h2{margin-top:1.4em}.content p,.content li{margin:.6em 0}
@media(max-width:900px){.hd-tel{order:3;margin-left:auto}.hd-tel strong{font-size:1.2rem}.car-b{display:none}}
@media(max-width:600px){.grid{grid-template-columns:1fr 1fr;gap:10px}.card-b{padding:10px}.price{font-size:1.2rem}.row{grid-auto-columns:minmax(170px,190px)}.hd-tel>span{display:none}}
@media(prefers-reduced-motion:reduce){.card-img img,.card,.card-a .btn{transition:none}.card:hover .card-img img{transform:none}}
/* ===== v1.2: cartão no padrão das grandes vitrines (texto completo, sem cortes) ===== */
.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.row{grid-auto-columns:minmax(190px,206px);gap:12px}
.card{border:1px solid #e3e3e3;border-radius:2px;background:#fff;display:flex;flex-direction:column;overflow:visible}
.card:hover{border-color:#b9b9b9;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.card-img{aspect-ratio:1/.92;padding:10px;border-bottom:1px solid #eee}
.badges{left:6px;top:6px;gap:3px;align-items:flex-start}
.bd{display:grid;text-align:center;font-size:.58rem;font-weight:600;line-height:1.15;padding:3px 5px;border-radius:2px;min-width:32px;text-transform:uppercase}.bd b{font-size:.7rem;font-weight:700}
.card-b{padding:10px 9px 12px;gap:2px}
.card-b .nm{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;font-size:.84rem;font-weight:400;line-height:1.35;margin:0 0 2px;overflow-wrap:anywhere}
.card-b .nm a{color:var(--ink);text-decoration:none}.card-b .nm a:hover{color:var(--gd);text-decoration:underline}
.card-b .br{font-size:.72rem;color:var(--mut)}
.pbox{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:1px}
.was{font-size:.74rem;color:#c62828}.was del{color:#c62828}.was.nov{color:var(--mut)}
.price{font-size:1.28rem;font-weight:700;color:var(--gd);line-height:1.15}.price.ask{font-size:.98rem;color:var(--ink)}
.vista{font-size:.68rem;color:var(--gd)}.pixt{font-size:.68rem;font-weight:600;color:var(--ink)}
.sep{border:0;border-top:2px solid #1b1b1b;width:34px;margin:8px 0 6px}
.price2{font-size:1.02rem;font-weight:700;color:var(--gd)}.instl{font-size:.74rem;color:var(--ink)}
.card-a{margin-top:10px;padding-top:0;display:block}.card-a .btn{width:100%;min-height:38px;font-size:.88rem;border-radius:4px}
.sec.alt{background:#f2f2f2}
.sec-h h2{display:flex;align-items:center;gap:10px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.01em}
.sec-h h2:before{content:"★";flex:0 0 30px;height:30px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}.row{grid-auto-columns:minmax(158px,172px)}.card-b{padding:8px 7px 10px}.card-b .nm{font-size:.8rem}.price{font-size:1.15rem}}
/* ===== v1.2: estilo alternativo (Loja do Mecânico) e preço provisório ===== */
.bd.prov{background:#7a4d00}
.card.mec{border-radius:8px;border-color:#ececec}.mec .card-img{aspect-ratio:1/1;border-bottom:0;padding:14px}.mec .badges .bd:not(.prov){display:none}
.mec .nm{font-size:1rem;font-weight:500}.mec .price{font-size:1.7rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.mec .price small{font-size:.85rem;font-weight:600}
.mec .vista{font-size:.8rem;color:var(--gd);font-weight:600}.mec .instl{font-size:.8rem;color:var(--mut)}.mec .was{font-size:.78rem;color:var(--mut)}.mec .was del{color:var(--mut)}
.pill{background:var(--gd);color:#fff;border-radius:4px;padding:1px 6px;font-size:.72rem;margin-left:4px}
.rate{font-size:.8rem;color:var(--mut)}.stars{position:relative;display:inline-block;color:#d8d8d8;letter-spacing:2px;line-height:1}.stars:before{content:"★★★★★"}.stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f5a623}.stars i:before{content:"★★★★★";letter-spacing:2px}
.addq{display:flex;gap:6px}.addq input[type=number]{width:58px;min-height:44px;border:1px solid var(--bd);border-radius:6px;text-align:center;font:inherit}.addq .btn{flex:1;min-height:44px;font-size:.85rem;padding:0 8px}
/* ===== v3: abertura leve, faixas, movimento ===== */
.hd .hd-tel strong{font-size:1.02rem;font-weight:700;letter-spacing:0}.hd-tel span{font-size:.66rem;opacity:1}.ddd{font-size:.72em;font-weight:600;margin-right:1px}
.info-tel,.ft-tel{font-size:1.15rem;font-weight:700}
.hd{transition:box-shadow .3s}.hd.sc{box-shadow:0 4px 16px rgba(0,0,0,.18)}.hd.sc .hd-row{padding-top:7px;padding-bottom:7px}.hd-row{transition:padding .25s}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#093516 0%,#0f8729 58%,#2fa046 100%);border:0;padding:0}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero:before{width:640px;height:640px;right:-150px;top:-280px;background:radial-gradient(circle,rgba(255,255,255,.17),transparent 66%);animation:drift 16s ease-in-out infinite alternate}
.hero:after{width:400px;height:400px;left:-130px;bottom:-210px;background:radial-gradient(circle,rgba(0,0,0,.3),transparent 66%);animation:drift 21s ease-in-out infinite alternate-reverse}
@keyframes drift{to{transform:translate(-44px,30px) scale(1.1)}}
.slides{position:relative;height:290px}.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}.slide.on{opacity:1;visibility:visible;z-index:2}
.slide-in{position:relative;z-index:3}.sl-t{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.02em;margin:0 0 6px;line-height:1.1}.sl-x{margin:0 0 20px;font-size:1.1rem;opacity:.92}
.sl-t,.sl-x,.slide .btn{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}.sl-x{transition-delay:.12s}.slide .btn{transition-delay:.24s}.slide.on .sl-t,.slide.on .sl-x,.slide.on .btn{opacity:1;transform:none}
.slide-img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;opacity:.1}
.btn.wh{background:#fff;color:var(--gd);border-color:#fff}.btn.wh:hover{background:#e9f6ec}
.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:5}.dots button{width:10px;height:10px;border-radius:6px;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer;transition:width .35s,background .35s}.dots button[aria-current=true]{width:28px;background:#fff}
.sl-b{position:absolute;top:50%;margin-top:-20px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s}.sl-b:hover{background:rgba(255,255,255,.28)}.sl-b.p{left:14px}.sl-b.n{right:14px}
.intro{background:#fff;border-bottom:1px solid var(--bd);text-align:center;padding:14px 0}.intro h1{font-size:1.1rem;margin:0;font-weight:700}.intro p{margin:2px 0 0;color:var(--mut);font-size:.9rem}
.sec-h{display:flex;align-items:center;gap:14px}.sec-h h2{margin:0}.sec-h h2:before{display:none}.sec-h h2 em{font-style:normal;color:var(--g)}.sec-h .ln{flex:1;height:1px;background:#d7ddd9}.sec-h a{white-space:nowrap;font-weight:700;text-decoration:none;color:var(--gd)}.sec-h a:hover{text-decoration:underline}
.sec{padding:30px 0}.sec.band{background:linear-gradient(180deg,#0a3a17,#0e5a22);color:#fff}.band .sec-h h2,.band .sec-h a{color:#fff}.band .sec-h h2 em{color:#9be7a8}.band .ln{background:rgba(255,255,255,.28)}.band .car-b{border-color:transparent}
.bans{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.ban{position:relative;overflow:hidden;border-radius:12px;min-height:150px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-decoration:none;color:var(--ink);scroll-snap-align:start;transition:transform .3s,box-shadow .3s}.ban:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.13)}
.ban:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,255,255,.55);transition:transform .5s}.ban:hover:before{transform:scale(1.15)}
.b1{background:linear-gradient(135deg,#e6f5e9,#c7e7ce)}.b2{background:linear-gradient(135deg,#e8f1f7,#cde0ee)}.b3{background:linear-gradient(135deg,#f4efe2,#e7dcc0)}.b4{background:linear-gradient(135deg,#ecebf6,#d5d3ec)}
.ban-t{position:relative;font-size:1.25rem;font-weight:800;line-height:1.2}.ban-a{position:relative;font-size:.85rem;font-weight:700;color:var(--gd)}.ban-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1}
.strip-top{background:var(--g);color:#fff;text-align:center;font-size:.64rem;font-weight:700;letter-spacing:.02em;padding:5px 4px;border-radius:7px 7px 0 0}
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.js .rv.in{opacity:1;transform:none}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s}.btn:hover:after{transform:translateX(130%)}
.wa-float{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.25)}50%{box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 10px rgba(15,135,41,.18)}}
.totop{position:fixed;left:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:70}.totop.on{opacity:1;visibility:visible;transform:none}
@media(min-width:1000px){.bans{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:900px){.slides{height:250px}.sl-b{display:none}.hd-tel>span{display:none}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.wa-float{animation:none}.js .rv{opacity:1;transform:none;transition:none}.slide,.sl-t,.sl-x,.slide .btn{transition:none}.btn:after{display:none}}
/* ===== correções após revisão visual ===== */
.hero .slide-in{display:block;grid-template-columns:none;gap:0;padding:0 16px;width:100%;max-width:1240px}
.hero .sl-x{color:#fff;max-width:46ch;font-size:1.1rem}
.hero .btn.wh{display:inline-flex;width:auto}
.card{position:relative}.strip-top{position:absolute;top:0;left:0;right:0;z-index:3}
.card.mec .card-img{padding-top:30px}
.mec .price.ask{font-size:1rem;font-weight:700;letter-spacing:0}
.car-b{top:30%}

/* =====================================================
   LOJA DO ALINHAMENTO
   PALETA PROFISSIONAL — ESTILO E-COMMERCE MODERNO
   ===================================================== */

:root {
    --g: #16823b;
    --gd: #116b30;

    --ink: #202124;
    --mut: #646b73;

    --bd: #e5e7eb;
    --bg: #f5f6f7;
    --w: #ffffff;

    --la-green-soft: #e5f4e8;
    --la-green-text: #116b30;
    --la-red: #c62828;
    --la-dark: #202124;
}

/* 1. BASE */

body {
    color: var(--ink);
    background: #fff;
}

a {
    color: var(--gd);
}

::selection {
    background: #d9efdf;
    color: #173d24;
}

/* 2. BARRA SUPERIOR */

.topbar {
    background: #202124;
    color: #fff;
}

.topbar a {
    color: #fff;
}

/* 3. CABEÇALHO */

.hd {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

.hd .brand {
    color: #202124;
}

.hd .mark {
    background: #16823b;
    color: #fff;
}

.hd .burger {
    background: #fff;
    color: #202124;
    border-color: #dfe3e8;
}

.hd .hd-c,
.hd .hd-tel {
    color: #202124;
}

/* Campo de pesquisa */

.search input {
    background: #fff;
    color: #202124;
    border-color: #dfe3e8;
}

.search input:focus {
    border-color: #16823b;
    outline: none;
}

.search button {
    background: #202124;
    border-color: #202124;
    color: #fff;
}

.search button:hover {
    background: #36383c;
    border-color: #36383c;
}

/* 4. MENU DE NAVEGAÇÃO */

.nav {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

.dep-btn {
    background: #16823b;
    color: #fff;
    border-radius: 6px;
}

.dep-btn:hover {
    background: #116b30;
}

.quick a {
    color: #30343a;
    transition: color .2s, background .2s;
}

.quick a:hover {
    color: #116b30;
    background: #f5f6f7;
}

.mc-h {
    color: #116b30;
}

.mc-l a:hover,
.sub a:hover {
    color: #116b30;
    background: #f5f6f7;
}

/* 5. BANNER PRINCIPAL */

.hero {
    color: #fff;
    background: linear-gradient(
        115deg,
        #202124 0%,
        #292e33 72%,
        #17452a 100%
    );
    border: 0;
}

.hero:before {
    background: radial-gradient(
        circle,
        rgba(255,255,255,.07),
        transparent 66%
    );
}

.hero:after {
    background: radial-gradient(
        circle,
        rgba(22,130,59,.18),
        transparent 66%
    );
}

.slide-img {
    opacity: .10;
}

.hero .sl-x {
    color: #f1f3f5;
}

/* 6. FAIXAS INFORMATIVAS */

.strip {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

.strip .wrap {
    color: #555d65;
}

/* 7. SEÇÕES E CATEGORIAS */

.sec {
    background: #fff;
}

.sec.alt {
    background: #f5f6f7;
}

.sec.band {
    background: #292e33;
    color: #fff;
}

.sec-h h2 {
    color: #202124;
}

.sec-h h2 em {
    color: #16823b;
}

.sec-h .ln {
    background: #e0e3e7;
}

.sec-h a {
    color: #116b30;
}

.cat {
    border-color: #e5e7eb;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
}

.cat:hover {
    border-color: #16823b;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

/* 8. CARTÕES DE PRODUTOS */

.card,
.card.mec {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
}

.card:hover,
.card.mec:hover {
    border-color: #c8d0d8;
    box-shadow: 0 5px 16px rgba(0,0,0,.07);
}

.card-img {
    background: #fff;
    border-bottom-color: #edf0f2;
}

.card-b .nm a,
.card-b h3 a {
    color: #202124;
}

.card-b .nm a:hover,
.card-b h3 a:hover {
    color: #116b30;
}

.card-b .br {
    color: #646b73;
}

/* 9. ETIQUETAS DE DESCONTO */

.strip-top {
    background: #e5f4e8;
    color: #116b30;
    border-bottom: 1px solid #d4ead9;
}

.bd.off {
    background: #c62828;
    color: #fff;
}

.bd.in {
    background: #e5f4e8;
    color: #116b30;
}

.bd.out {
    background: #edf0f2;
    color: #4b535b;
}

/* 10. PREÇOS */

.price,
.mec .price {
    color: #202124;
    font-weight: 800;
}

.price.ask,
.mec .price.ask {
    color: #202124;
}

.was,
.was del {
    color: #c62828;
}

.was.nov {
    color: #646b73;
}

.vista {
    color: #116b30;
    font-weight: 600;
}

.pixt {
    color: #202124;
}

.inst,
.instl {
    color: #646b73;
}

/* Desconto percentual */

.pill {
    background: #e5f4e8;
    color: #116b30;
}

/* 11. BOTÕES E COMPRA */

.btn,
.single_add_to_cart_button,
.wc-block-components-button:not(.is-link) {
    background: #16823b;
    border-color: #16823b;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
}

.btn:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover {
    background: #116b30;
    border-color: #116b30;
    color: #fff;
}

.btn.alt {
    background: #fff;
    color: #116b30;
    border-color: #16823b;
}

.btn.alt:hover {
    background: #e5f4e8;
}

form.cart .quantity input,
.addq input[type=number] {
    background: #fff;
    border-color: #dfe3e8;
}

/* 12. ÁREA DE COMPRA DO PRODUTO */

.buy {
    background: #f5f6f7;
    border-color: #e5e7eb;
}

.gal-main {
    border-color: #e5e7eb;
}

.thumbs button {
    border-color: #e5e7eb;
}

.thumbs button[aria-current=true] {
    border-color: #16823b;
}

/* 13. BANNERS DE CATEGORIAS */

.b1 {
    background: linear-gradient(135deg, #edf5ef, #dcebe0);
}

.b2 {
    background: linear-gradient(135deg, #edf2f7, #dce5ef);
}

.b3 {
    background: linear-gradient(135deg, #f4f1eb, #e9e3d7);
}

.b4 {
    background: linear-gradient(135deg, #f0eff5, #e3e1ed);
}

.ban-a {
    color: #116b30;
}

/* 14. INFORMAÇÕES COMERCIAIS */

.info {
    background: #292e33;
    color: #fff;
}

.b2b {
    background: linear-gradient(110deg, #202124, #303b34);
    color: #fff;
}

/* 15. RODAPÉ */

.ft {
    background: #202124;
    color: #dfe3e8;
}

.ft h2 {
    color: #fff;
}

.ft a {
    color: #fff;
}

.ft small {
    color: #b6bec7;
}

.az {
    border-top-color: #3c4147;
}

/* 16. WHATSAPP */

.wa-float {
    background: #16823b;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
}

.wa-float:hover {
    background: #116b30;
}

/* 17. BOTÃO VOLTAR AO TOPO */

.totop {
    background: #202124;
    color: #fff;
}

/* 18. ACESSIBILIDADE */

:focus-visible {
    outline: 3px solid #1769aa;
    outline-offset: 3px;
}

/* 19. REDUZIR EFEITOS EXCESSIVOS */

@media (prefers-reduced-motion: reduce) {
    .wa-float {
        animation: none;
    }

    .hero:before,
    .hero:after {
        animation: none;
    }

    .card,
    .card-img img,
    .btn {
        transition: none;
    }
}