/*
Theme Name: HF Comércio de Peças
Theme URI: https://hfcomerciodepecas.com.br/
Author: HF Comércio de Peças
Description: Tema WordPress baseado fielmente no protótipo HTML final do catálogo técnico HF.
Version: 2.1.5
Text Domain: hf-comercio-pecas
*/

:root{
--bg:#08090a;--surface:#111316;--surface2:#181b1f;--line:rgba(255,255,255,.10);
--text:#f5f5f5;--muted:#a5a8ad;--red:#b3202a;--red2:#d12a36;--white:#fff;--green:#25d366;
--radius:14px;--radius-lg:24px;--container:1320px;--shadow:0 20px 50px rgba(0,0,0,.22)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin:auto}
.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,9,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;letter-spacing:.5px;font-size:1.08rem}.brand span{color:var(--red2)}.nav{display:flex;gap:20px;margin-left:auto}.nav a{color:var(--muted);font-size:.92rem}.nav a:hover,.nav a.active{color:var(--white)}.header-search{flex:1;max-width:430px}.header-search form{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.header-search input{min-width:0;flex:1;background:transparent;border:0;color:var(--text);padding:11px 12px;outline:0}.header-search button{border:0;background:var(--red);color:#fff;padding:0 14px;cursor:pointer}.header-wa{padding:10px 14px;border-radius:10px;background:var(--green);color:#071b0e;font-weight:800;font-size:.85rem}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem;margin-left:auto}
.hero{padding:88px 0 70px;background:radial-gradient(circle at 75% 30%,rgba(179,32,42,.22),transparent 30%),linear-gradient(180deg,#111316 0%,#08090a 100%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.eyebrow{font-size:.78rem;letter-spacing:.16em;color:var(--red2);font-weight:800;margin:0 0 10px}.hero h1,.page-hero h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02;margin:0 0 20px;max-width:850px}.hero-text,.page-hero p{color:var(--muted);font-size:1.08rem;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2)}.btn-secondary{border-color:var(--line);background:var(--surface);color:#fff}
.hero-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:var(--shadow)}.search-label{font-size:.75rem;font-weight:900;letter-spacing:.14em;color:var(--muted)}.hero-search,.catalog-search{display:flex;gap:0}.hero-search input,.catalog-search input{min-width:0;flex:1;padding:16px;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:#090a0c;color:#fff;outline:none}.hero-search button,.catalog-search button{border:0;padding:0 20px;background:var(--red);color:#fff;border-radius:0 12px 12px 0;font-weight:800}.search-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center;color:var(--muted);font-size:.82rem}.search-examples button{background:var(--surface2);color:var(--text);border:1px solid var(--line);padding:6px 9px;border-radius:999px;cursor:pointer}
.suggestions{position:relative}.suggestion-box{position:absolute;z-index:10;width:100%;top:8px;background:#121417;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.suggestion-item{width:100%;text-align:left;padding:12px;background:transparent;border:0;color:#fff;border-bottom:1px solid var(--line);cursor:pointer}.suggestion-item small{display:block;color:var(--muted)}
.section{padding:80px 0}.section-alt{background:#0c0e10}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section h2{font-size:clamp(1.8rem,4vw,3rem);margin:0}.text-link{color:var(--red2);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:rgba(209,42,54,.55)}.category-card strong{display:block;font-size:1rem}.category-card span{font-size:.8rem;color:var(--muted)}
.split-grid,.about-preview{display:grid;grid-template-columns:1fr 1fr;gap:55px}.feature-list{display:grid;gap:14px}.feature-list article{display:flex;gap:16px;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.feature-list strong{color:var(--red2);font-size:1.4rem}.feature-list h3{margin:0}.feature-list p{margin:5px 0 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid div{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-grid strong{display:block}.stat-grid span{font-size:.85rem;color:var(--muted)}
.page-hero{padding:90px 0;background:linear-gradient(135deg,#14171a,#090a0b)}.page-hero.compact{padding:65px 0}.catalog-search{max-width:820px;margin-top:28px}.catalog-layout{display:grid;grid-template-columns:270px 1fr;gap:28px}.filters{align-self:start;position:sticky;top:95px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filter-head h2{font-size:1.1rem}.link-button{border:0;background:none;color:var(--red2);cursor:pointer}.filters label,.contact-form label{display:grid;gap:7px;font-size:.84rem;color:var(--muted);margin-top:14px}.filters select,.filters input,.contact-form input,.contact-form textarea{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);background:#090a0c;color:#fff;outline:0}.results-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.results-toolbar p{margin:0;color:var(--muted)}.sort-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.85rem}.sort-label select{background:var(--surface);color:#fff;border:1px solid var(--line);padding:9px;border-radius:8px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-image{aspect-ratio:1.25;background:#0a0b0d;display:grid;place-items:center;color:var(--muted);padding:20px}.product-image img{width:100%;height:100%;object-fit:contain}.product-card-body{padding:17px}.product-category{font-size:.72rem;color:var(--red2);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-card h3{font-size:1rem;margin:7px 0 9px}.product-code{font-family:monospace;color:#d8dade;font-size:.88rem}.product-app{font-size:.83rem;color:var(--muted);margin:9px 0 16px}.product-card .btn{width:100%;margin-top:auto}.state-message{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination button{border:1px solid var(--line);background:var(--surface);color:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.pagination button.active{background:var(--red);border-color:var(--red)}
.breadcrumb{padding:22px 0 0;color:var(--muted);display:flex;gap:9px;font-size:.86rem}.breadcrumb a:hover{color:#fff}.product-detail{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:45px}.detail-image{min-height:420px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center}.detail-image img{width:100%;max-height:450px;object-fit:contain}.detail-image .placeholder{color:var(--muted)}.product-detail h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:7px 0 18px}.detail-code{font-family:monospace;color:#c9ccd0;font-size:1rem}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.detail-meta div{padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.detail-meta small{display:block;color:var(--muted);margin-bottom:4px}.detail-sections{margin-top:50px}.detail-section{padding:24px 0;border-top:1px solid var(--line)}.detail-section h2{font-size:1.35rem}.applications-table,.references-table{width:100%;border-collapse:collapse}.applications-table th,.applications-table td,.references-table th,.references-table td{padding:11px;text-align:left;border-bottom:1px solid var(--line)}.applications-table th,.references-table th{color:var(--muted);font-size:.8rem}
.prose{max-width:900px}.prose h2{margin-top:40px}.prose p{color:var(--muted);font-size:1.04rem}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.contact-info{display:grid;gap:12px}.contact-info article,.contact-form{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.contact-info h2,.contact-form h2{font-size:1.15rem;margin:0 0 7px}.contact-info p{margin:0;color:var(--muted)}.contact-form .btn{margin-top:20px;width:100%}.form-note{font-size:.8rem;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#060708;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-grid h3{margin:0 0 10px;font-size:1rem}.footer-grid p,.footer-grid a{color:var(--muted);font-size:.88rem}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:#70757a;font-size:.78rem}
:focus-visible{outline:3px solid var(--red2);outline-offset:3px}
@media(max-width:1050px){.nav{gap:12px}.header-search{max-width:300px}.category-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.header-inner{min-height:68px}.nav,.header-search,.header-wa{display:none}.mobile-toggle{display:block}.nav.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;padding:18px 16px;background:#0b0c0e;flex-direction:column;border-bottom:1px solid var(--line)}.hero{padding:62px 0}.hero-grid,.split-grid,.about-preview,.catalog-layout,.product-detail,.contact-layout{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:clamp(2.4rem,11vw,4rem)}.category-grid{grid-template-columns:repeat(2,1fr)}.filters{position:static}.products-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-heading,.results-toolbar{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.product-detail{gap:24px}.detail-image{min-height:280px}.page-hero{padding:60px 0}}
/* Ajustes da versão final de teste */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}.brand-logo img{display:block;width:150px;height:54px;object-fit:contain;object-position:left center}.footer-logo{width:180px;height:65px;object-fit:contain;object-position:left center;margin-bottom:8px}.hero h1 span{color:var(--red2)}.hero-note{margin-top:18px;color:#777c82;font-size:.82rem}.hero-catalog-card h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0}.hero-catalog-card p{color:var(--muted)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.mini-metrics div{padding:14px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.15)}.mini-metrics strong{display:block;font-size:1.2rem;color:#fff}.mini-metrics span{font-size:.76rem;color:var(--muted)}.section-lead{color:var(--muted);max-width:700px;margin-bottom:0}.stock-showcase{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.stock-image{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);min-height:340px}.stock-image img{width:100%;height:100%;display:block;object-fit:cover}.check-list{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:10px}.check-list li{padding-left:26px;position:relative;color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--red2);font-weight:900}.application-box{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.application-box p{margin:0;color:#d7d9dc;white-space:pre-line}.detail-note p{color:var(--muted);max-width:900px}.product-image span{text-align:center}.product-image small{color:#6e7378}.products-grid .product-card{min-height:100%}
@media(max-width:780px){.brand-logo img{width:128px;height:48px}.stock-showcase{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr 1fr 1fr}.footer-logo{width:150px}}


/* Navegação global: botão de retorno disponível em todas as páginas */
.global-back-button{position:fixed;left:18px;bottom:18px;z-index:120;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(17,19,22,.96);color:var(--white);box-shadow:var(--shadow);font-weight:800;cursor:pointer;backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.global-back-button:hover{transform:translateY(-2px);border-color:rgba(209,42,54,.65);background:var(--surface2)}
.global-back-button:focus-visible{outline:3px solid rgba(209,42,54,.55);outline-offset:3px}
.global-back-button span:first-child{font-size:1.1rem;line-height:1}
@media(max-width:640px){.global-back-button{left:12px;bottom:12px;padding:11px 14px}}


/* Pesquisa de itens — padrão global do catálogo */
.header-search{min-width:320px}
.header-search form{min-height:44px}
.header-search input{font-size:.9rem}
.header-search input::placeholder{color:#858b92;opacity:1}
.header-search button{font-weight:800;white-space:nowrap;transition:background .18s ease}
.header-search button:hover{background:var(--red2)}
.header-search input:focus-visible{box-shadow:inset 0 0 0 2px rgba(209,42,54,.65)}

@media(max-width:1050px){.header-search{min-width:240px;max-width:320px}}
@media(max-width:780px){
  .site-header{position:sticky}
  .header-inner{flex-wrap:wrap;gap:10px;padding-top:8px;padding-bottom:8px}
  .brand-logo{order:1}
  .mobile-toggle{order:2}
  .header-search{display:block;order:3;flex-basis:100%;max-width:none;min-width:0}
  .header-search form{width:100%}
  .header-search input{padding:12px;font-size:.88rem}
  .header-search button{padding:0 15px}
  .nav.mobile-open{top:124px}
}
@media(max-width:430px){
  .brand-logo img{width:124px;height:46px}
  .header-search input::placeholder{font-size:.78rem}
  .header-search button{font-size:.78rem;padding:0 12px}
}


/* WordPress + Elementor compatibility / top-of-page reset */
html,body{margin:0!important;padding:0!important}body.elementor-page .elementor{margin-top:0!important;padding-top:0!important}.elementor-section-wrap>.elementor-section:first-child,.elementor>.elementor-section:first-child{margin-top:0!important;padding-top:0!important}.elementor-widget-container{margin-top:0}
/* Prevent WordPress block/editor defaults from altering catalog layout */
.wp-site-blocks{padding:0!important}


/* Elementor compatibility: the editor renders the standard WordPress content area. */
.hf-elementor-page{width:100%;min-height:1px;margin:0;padding:0}
.hf-elementor-content{width:100%;margin:0;padding:0}
.hf-elementor-content > .elementor{margin-top:0!important}
.elementor-page .hf-elementor-content > .elementor-section:first-child,
.elementor-page .hf-elementor-content > .e-con:first-child{margin-top:0!important}

/* ========================================================================== 
   HF 2.1 — Elementor visual editing layer
   Static sections are native Elementor widgets; dynamic catalog areas are
   dedicated editable HF widgets. These rules preserve the original visual
   language without preventing Elementor from controlling spacing/typography.
   ========================================================================== */
body.elementor-page{background:#070707!important;color:#fff}
.hf-theme-header{position:relative;z-index:100}.hf-theme-footer{position:relative;z-index:10}
.hf-header-section{position:sticky;top:0;z-index:100;background:rgba(7,7,7,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:10px 0!important}
.hf-header-section>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto;align-items:center}
.hf-header-logo img{max-height:50px;width:auto}.hf-header-nav-col .elementor-widget-container{display:flex;justify-content:center}
.hf-nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.hf-nav-links a{color:#d7d7da;font-size:.9rem;font-weight:700}.hf-nav-links a:hover{color:#fff}
.hf-header-search form{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);min-height:44px}.hf-header-search input{min-width:0;flex:1;background:transparent;border:0;color:#fff;padding:10px 12px;outline:0}.hf-header-search button{border:0;background:var(--red);color:#fff;padding:0 13px;font-weight:800;cursor:pointer}.hf-header-whatsapp .elementor-button{background:#25d366;color:#071b0e;border-radius:10px;font-weight:900}
.hf-home-hero{min-height:720px;padding:130px 0 80px!important;background:radial-gradient(circle at 78% 30%,rgba(197,23,31,.22),transparent 30%),linear-gradient(180deg,#111316 0%,#070707 100%);align-items:center}.hf-home-hero>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto;align-items:center}.hf-hero-copy .elementor-widget-heading h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.04em}.hf-hero-copy .elementor-widget-heading h1 span{color:var(--red2)}.eyebrow{color:var(--red2)!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase}.lead{color:#b6b6ba;font-size:1.05rem;max-width:760px}.hf-btn-red .elementor-button{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:15px;font-weight:800}.hf-btn-dark .elementor-button{background:#202025;color:#fff;border:1px solid var(--line);border-radius:15px;font-weight:800}.hf-hero-search-col{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:24px;padding:30px}.hf-hero-search{display:flex}.hf-hero-search input{flex:1;min-width:0;background:#0a0a0b;color:#fff;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;padding:14px}.hf-hero-search button{background:var(--red);color:#fff;border:0;border-radius:0 12px 12px 0;padding:0 18px;font-weight:800}.hf-search-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hf-search-tags span{background:#202025;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#ddd;font-size:.8rem}
.hf-stats{padding:20px 0!important;background:#0d0e10;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hf-stats>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto}.hf-stat{padding:22px;border-right:1px solid var(--line)}.hf-stat:last-child{border-right:0}.hf-stat h4{margin:0 0 6px;color:#fff}.hf-stat p{color:var(--muted);font-size:.88rem}
.hf-categories,.hf-about,.hf-how-title,.hf-steps,.hf-products-section,.hf-about-detail,.hf-contact-detail{padding:80px 0!important}.hf-categories>.elementor-container,.hf-about>.elementor-container,.hf-how-title>.elementor-container,.hf-steps>.elementor-container,.hf-products-section>.elementor-container,.hf-about-detail>.elementor-container,.hf-contact-detail>.elementor-container,.hf-page-hero>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto}.hf-category-widget{margin-top:25px}.hf-category-intro{display:none}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:rgba(209,42,54,.55)}.category-card strong{display:block;font-size:1rem}.category-card span{font-size:.8rem;color:var(--muted)}
.hf-stock-image img{width:100%;border-radius:24px}.hf-step{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.hf-step h4{color:var(--red2);font-size:1.3rem;margin-bottom:4px}.hf-step h3{margin-bottom:7px}
.hf-page-hero{padding:90px 0!important;background:linear-gradient(135deg,#14171a,#090a0b)}.hf-page-hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02}.hf-catalog-widget h2,.hf-product-widget h2{font-size:2rem;margin-bottom:8px}.hf-widget-description{color:var(--muted)}.hf-dynamic-catalog{margin-top:28px}.hf-products-section{background:#08090a}.hf-contact-detail .contact-form{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.hf-contact-detail .contact-form label{display:grid;gap:7px;font-size:.84rem;color:var(--muted);margin-top:14px}.hf-contact-detail .contact-form input,.hf-contact-detail .contact-form textarea{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);background:#090a0c;color:#fff;outline:0}.hf-contact-detail .contact-form .btn{margin-top:20px;width:100%}
.hf-footer-section{padding:42px 0 25px!important;background:#060708;border-top:1px solid var(--line)}.hf-footer-section>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto}.hf-footer-section h4{color:#fff;margin-bottom:10px}.hf-footer-section p,.hf-footer-section a{color:var(--muted);font-size:.88rem}.hf-footer-logo img{max-width:180px}.hf-footer-bottom{padding:0!important;background:#060708}.hf-footer-copy{border-top:1px solid var(--line);padding-top:18px;color:#70757a!important;font-size:.78rem!important}
@media(max-width:1050px){.hf-header-logo-col{width:20%!important}.hf-header-nav-col{width:35%!important}.hf-header-search-col{width:30%!important}.hf-header-wa-col{width:15%!important}.hf-nav-links{gap:12px}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.hf-header-section{position:relative}.hf-header-section>.elementor-container{flex-wrap:wrap}.hf-header-logo-col{width:50%!important}.hf-header-nav-col{width:50%!important}.hf-header-search-col{width:100%!important}.hf-header-wa-col{width:100%!important}.hf-header-whatsapp .elementor-button{width:100%}.hf-nav-links{justify-content:flex-end}.hf-nav-links a{font-size:.75rem}.hf-home-hero{padding:75px 0 55px!important}.hf-home-hero>.elementor-container{width:calc(100% - 28px)}.hf-hero-search-col{padding:22px}.hf-stat{border-right:0;border-bottom:1px solid var(--line)}.hf-stat:last-child{border-bottom:0}.category-grid{grid-template-columns:repeat(2,1fr)}.hf-categories,.hf-about,.hf-how-title,.hf-steps,.hf-products-section,.hf-about-detail,.hf-contact-detail{padding:55px 0!important}.hf-categories>.elementor-container,.hf-about>.elementor-container,.hf-how-title>.elementor-container,.hf-steps>.elementor-container,.hf-products-section>.elementor-container,.hf-about-detail>.elementor-container,.hf-contact-detail>.elementor-container,.hf-page-hero>.elementor-container{width:calc(100% - 28px)}.hf-steps .elementor-container{display:grid}.hf-hero-copy .elementor-widget-heading h1{font-size:clamp(2.5rem,11vw,4rem)}}
.hf-header-nav-col #mainNav .elementor-icon-list-items{display:flex;align-items:center;justify-content:center;gap:20px;margin:0;padding:0}.hf-header-nav-col #mainNav .elementor-icon-list-item{margin:0}.hf-header-nav-col #mainNav .elementor-icon-list-text{color:#d7d7da;font-size:.9rem;font-weight:700}.hf-header-nav-col #mainNav .elementor-icon-list-text:hover{color:#fff}.hf-header-nav-col #mainNav .elementor-icon-list-icon{display:none}
@media(max-width:1050px){.hf-header-nav-col #mainNav .elementor-icon-list-items{gap:12px}.hf-header-nav-col #mainNav .elementor-icon-list-text{font-size:.78rem}}
@media(max-width:780px){.hf-header-nav-col #mainNav .elementor-icon-list-items{justify-content:flex-end;gap:9px;flex-wrap:wrap}.hf-header-nav-col #mainNav .elementor-icon-list-text{font-size:.68rem}}
.hf-home-catalog,.hf-home-contact{padding:80px 0!important}.hf-home-catalog>.elementor-container,.hf-home-contact>.elementor-container{width:min(1320px,calc(100% - 40px));margin:auto}.hf-whatsapp-float{position:fixed!important;right:20px;bottom:20px;z-index:999}.hf-whatsapp-float .elementor-button{background:#25d366!important;color:#071b0e!important;border-radius:999px!important;padding:12px 18px!important;box-shadow:0 12px 30px rgba(0,0,0,.35)}
@media(max-width:780px){.hf-home-catalog,.hf-home-contact{padding:55px 0!important}.hf-home-catalog>.elementor-container,.hf-home-contact>.elementor-container{width:calc(100% - 28px)}}


/* ==========================================================================
   HF 2.1.5 — exact editable Elementor header from the supplied HTML prototype
   The header exists once, inside each page's Elementor content. header.php only
   provides the document shell, so this block can never create a second header.
   ========================================================================== */
.hf-header-section{
  position:sticky!important;top:0;z-index:1000;
  min-height:78px;padding:0!important;
  background:rgba(8,9,10,.94)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.hf-header-section>.elementor-container{
  width:min(var(--container),calc(100% - 32px));
  min-height:78px;margin:0 auto!important;
  display:flex;align-items:center;gap:24px;
}
.hf-header-section .elementor-column{padding:0!important;margin:0!important}
.hf-header-logo-col{flex:0 0 150px!important;width:150px!important}
.hf-header-nav-col{flex:0 1 330px!important;width:auto!important;min-width:0;position:static}
.hf-header-search-col{flex:1 1 430px!important;width:auto!important;min-width:0}
.hf-header-wa-col{flex:0 0 auto!important;width:auto!important}
.hf-header-logo,.hf-header-logo .elementor-widget-container{display:flex;align-items:center}
.hf-header-logo a{display:flex;align-items:center}
.hf-header-logo img{display:block;width:150px!important;height:54px!important;max-height:none!important;object-fit:contain;object-position:left center}
.hf-header-nav-col #mainNav .elementor-icon-list-items{
  display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:0;padding:0;list-style:none;
}
.hf-header-nav-col #mainNav .elementor-icon-list-item{margin:0;padding:0}
.hf-header-nav-col #mainNav .elementor-icon-list-text{
  color:var(--muted);font-size:.92rem;font-weight:400;white-space:nowrap;
}
.hf-header-nav-col #mainNav .elementor-icon-list-text:hover{color:var(--white)}
.hf-header-nav-col #mainNav .elementor-icon-list-icon{display:none}
.hf-header-search,.hf-header-search form{width:100%}
.hf-header-search form{
  display:flex;min-height:44px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);
}
.hf-header-search input{
  min-width:0;flex:1;background:transparent;border:0;color:var(--text);padding:11px 12px;outline:0;font-size:.9rem;
}
.hf-header-search input::placeholder{color:#858b92;opacity:1}
.hf-header-search button{
  border:0;background:var(--red);color:#fff;padding:0 14px;cursor:pointer;font-weight:800;white-space:nowrap;transition:background .18s ease;
}
.hf-header-search button:hover{background:var(--red2)}
.hf-header-search input:focus-visible{box-shadow:inset 0 0 0 2px rgba(209,42,54,.65)}
.hf-header-whatsapp .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;background:var(--green)!important;color:#071b0e!important;
  border-radius:10px;font-weight:800;font-size:.85rem;white-space:nowrap;
}
.hf-mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem;line-height:1;padding:8px;cursor:pointer;margin-left:auto}

/* Exact prototype page spacing / wrappers after conversion to Elementor. */
.hf-header-section + .hero{padding:88px 0 70px!important}
.hf-header-section + .page-hero{padding:90px 0!important}
.hf-header-section + .page-hero.compact{padding:65px 0!important}
.hero>.elementor-container,.section>.elementor-container,.page-hero>.elementor-container,.hf-product-breadcrumb>.elementor-container,.contact-layout>.elementor-container{
  width:min(var(--container),calc(100% - 32px));margin:auto;
}
.hero>.elementor-container{align-items:center}
.hero .elementor-column{padding:0}
.hero-panel{padding:28px!important}
.hero .elementor-widget-button{display:inline-block;margin-right:8px;margin-top:12px}
.hero .btn-primary .elementor-button,.hero .btn-secondary .elementor-button{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:10px;font-weight:800}
.hero .btn-primary .elementor-button{background:var(--red);color:#fff}
.hero .btn-secondary .elementor-button{border:1px solid var(--line);background:var(--surface);color:#fff}
.hero .text-link .elementor-button{background:none;color:var(--red2);padding:0;border:0;font-weight:800}
.section .elementor-widget-heading h2{font-size:clamp(1.8rem,4vw,3rem);margin:0}
.stock-showcase>.elementor-container{display:flex;gap:55px;align-items:center}
.stock-showcase .stock-image img{width:100%;height:100%;display:block;object-fit:cover}
.stock-showcase .elementor-widget-text-editor{margin-bottom:0}
.hf-product-breadcrumb{padding:22px 0 0!important;background:var(--bg)!important}
.hf-product-breadcrumb>.elementor-container{padding:0}
.prose{max-width:900px}
.prose h2{margin-top:40px}
.prose p{color:var(--muted);font-size:1.04rem}
.contact-layout>.elementor-container{display:flex;gap:35px;align-items:flex-start}
.contact-info{display:grid;gap:12px}
.contact-info h2,.contact-form h2{font-size:1.15rem;margin:0 0 7px}
.contact-info p{margin:0;color:var(--muted)}
.contact-form-column>.elementor-widget-container{width:100%}
.contact-form{padding:24px!important;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.contact-form label{display:grid;gap:7px;font-size:.84rem;color:var(--muted);margin-top:14px}
.contact-form input,.contact-form textarea{width:100%;padding:11px;border-radius:9px;border:1px solid var(--line);background:#090a0c;color:#fff;outline:0}
.contact-form .btn{margin-top:20px;width:100%}
.form-note{font-size:.8rem;color:var(--muted)}
.hf-catalog-widget{width:100%}
.hf-catalog-widget .catalog-page{margin-top:0}
.hf-product-widget{width:100%}
.hf-product-widget>h2{font-size:1.15rem}

@media(max-width:1050px){
  .hf-header-section>.elementor-container{gap:16px}
  .hf-header-logo-col{flex-basis:150px!important}
  .hf-header-nav-col{flex-basis:280px!important}
  .hf-header-nav-col #mainNav .elementor-icon-list-items{gap:12px}
  .hf-header-nav-col #mainNav .elementor-icon-list-text{font-size:.84rem}
}
@media(max-width:780px){
  .hf-header-section{position:sticky!important}
  .hf-header-section>.elementor-container{width:calc(100% - 32px);min-height:68px;gap:0;justify-content:space-between}
  .hf-header-logo-col{flex:0 0 70%!important;width:70%!important}
  .hf-header-nav-col{flex:0 0 30%!important;width:30%!important;display:flex;justify-content:flex-end;align-items:center}
  .hf-header-search-col,.hf-header-wa-col{display:none!important}
  .hf-header-logo img{width:128px!important;height:48px!important}
  .hf-header-nav-col #mainNav{display:none}
  .hf-header-nav-col #mainNav.mobile-open{
    display:block;position:absolute;top:68px;left:0;right:0;padding:18px 16px;
    background:#0b0c0e;border-bottom:1px solid var(--line);z-index:1001;
  }
  .hf-header-nav-col #mainNav.mobile-open .elementor-icon-list-items{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .hf-header-nav-col #mainNav.mobile-open .elementor-icon-list-text{font-size:.92rem}
  .hf-mobile-toggle{display:block}
  .hero>.elementor-container,.section>.elementor-container,.page-hero>.elementor-container,.hf-product-breadcrumb>.elementor-container{width:calc(100% - 28px)}
  .hero{padding:62px 0!important}
  .hero .elementor-container,.stock-showcase>.elementor-container,.contact-layout>.elementor-container{display:flex;flex-direction:column}
  .hero .elementor-column,.stock-showcase .elementor-column,.contact-layout .elementor-column{width:100%!important}
  .stock-showcase>.elementor-container{gap:28px}
  .contact-layout>.elementor-container{gap:24px}
  .page-hero{padding:60px 0!important}
  .section{padding:58px 0!important}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.hf-header-logo img{width:124px!important;height:46px!important}.hf-header-section>.elementor-container{width:calc(100% - 24px)}}


/* ========================================================================
   HF 2.1.6 — canonical native Elementor navigation
   Every menu item is an Elementor Button widget. No Icon List serialization
   is used for navigation. The same widgets are visible on desktop and are
   collapsed into the mobile menu by the HF Mobile Toggle widget.
   ======================================================================== */
.hf-header-nav-col{display:flex!important;align-items:center!important;gap:8px!important;position:relative!important}
.hf-header-nav-col .elementor-widget-button.hf-nav-item{display:block!important;width:auto!important;margin:0!important;flex:0 0 auto!important}
.hf-header-nav-col .hf-nav-item .elementor-button,
.hf-header-nav-col .hf-nav-item .elementor-button:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:4px 0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--muted)!important;box-shadow:none!important;
  font-size:.92rem!important;font-weight:400!important;line-height:1.2!important;white-space:nowrap!important;
  transition:color .18s ease!important;
}
.hf-header-nav-col .hf-nav-item .elementor-button:hover,
.hf-header-nav-col .hf-nav-item .elementor-button:focus-visible{
  color:var(--white)!important;background:transparent!important;
}
.hf-header-nav-col .hf-mobile-toggle-widget{display:none!important}
.hf-header-nav-col .hf-mobile-toggle-widget .elementor-widget-container{display:flex;justify-content:flex-end}
.hf-header-nav-col .hf-mobile-toggle-widget .hf-mobile-toggle{display:none}

@media(max-width:1050px){
  .hf-header-nav-col{gap:12px!important}
  .hf-header-nav-col .hf-nav-item .elementor-button{font-size:.78rem!important}
}

@media(max-width:780px){
  .hf-header-section>.elementor-container{flex-wrap:wrap!important;gap:0!important}
  .hf-header-logo-col{flex:0 0 70%!important;width:70%!important}
  .hf-header-nav-col{flex:0 0 30%!important;width:30%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:68px!important;gap:0!important}
  .hf-header-search-col,.hf-header-wa-col{display:none!important}
  .hf-header-nav-col .hf-nav-item{display:none!important;width:100%!important}
  .hf-header-nav-col .hf-nav-item .elementor-button{justify-content:flex-start!important;width:100%!important;padding:0!important;font-size:.92rem!important}
  .hf-header-nav-col .hf-mobile-toggle-widget{display:block!important;width:auto!important;margin-left:auto!important}
  .hf-header-nav-col .hf-mobile-toggle-widget .hf-mobile-toggle{display:block!important}
  .hf-header-nav-col.hf-menu-open{
    position:relative!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:8px 0 14px!important;
  }
  .hf-header-nav-col.hf-menu-open .hf-mobile-toggle-widget{display:block!important;width:auto!important;margin-left:auto!important;order:-1!important}
  .hf-header-nav-col.hf-menu-open .hf-nav-item{
    display:block!important;
    width:100%!important;
    padding:5px 0!important;
  }
  .hf-header-nav-col.hf-menu-open .hf-nav-item .elementor-button{font-size:.92rem!important}
}