:root{--red:#c91619;--red2:#a90f12;--ink:#14171a;--muted:#6d737a;--line:#e3e5e8;--soft:#f6f7f8;--dark:#111417;--container:1180px;--shadow:0 8px 28px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;padding:11px 20px;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer}.btn.red{background:var(--red);color:#fff}.btn.red:hover{background:var(--red2)}.btn.outline{background:#fff;border-color:#cfd3d7}.btn.glass{background:rgba(15,18,20,.55);border-color:rgba(255,255,255,.55);color:#fff}.btn.large{padding:13px 24px}.btn svg{width:15px;height:15px}.section{padding:52px 0}.section.compact{padding:36px 0}.section-title{text-align:center;margin:0 0 28px}.section-title h2,.section-head h2{font-size:28px;line-height:1.15;margin:0;font-weight:800}.section-title h2:after{content:"";display:block;width:36px;height:3px;background:var(--red);margin:10px auto 0}.section-title.left{text-align:left}.section-title.left h2:after{margin-left:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.view-all{border:1px solid var(--line);border-radius:6px;padding:8px 13px;font-size:12px;background:#fff}.view-all:hover{border-color:#b9bec3}.flash{padding:12px 14px;border-radius:7px;margin-top:16px}.flash.ok{background:#eaf9ee;color:#186b35}.flash.error{background:#ffebeb;color:#971a1a}

/* TOP BAR */
.topbar{height:30px;background:#090b0c;color:#fff;font-size:10px}.topbar-inner{height:30px;display:flex;align-items:center;justify-content:space-between}.top-left,.top-right{display:flex;align-items:center;height:100%}.top-left{gap:25px}.top-left span{display:flex;align-items:center;gap:6px;white-space:nowrap}.top-left i{width:7px;height:7px;border:1.5px solid var(--red);border-radius:50%;display:inline-block}.top-right a{height:100%;display:flex;align-items:center;padding:0 12px;border-left:1px solid #202326}.top-right a:hover{background:#171a1c}.language-link{gap:5px}

/* HEADER */
.site-header{background:#fff;position:relative;z-index:60;border-bottom:1px solid var(--line)}.header-main{height:92px;display:grid;grid-template-columns:200px minmax(320px,1fr) auto;gap:38px;align-items:center}.brand img{width:180px;height:auto}.search{max-width:560px;width:100%;display:flex;border:1px solid #dfe2e5;border-radius:6px;overflow:hidden;background:#fff;justify-self:center}.search input{border:0;outline:0;flex:1;padding:14px 16px;color:#333;min-width:0}.search button{width:52px;border:0;background:var(--red);color:#fff;display:grid;place-items:center;cursor:pointer}.search button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.header-actions{display:flex;align-items:center;gap:25px}.header-actions>a{display:flex;align-items:center;gap:8px;min-height:42px;position:relative}.header-actions .action-icon{width:30px;height:30px;display:grid;place-items:center}.header-actions svg{width:25px;height:25px;fill:none;stroke:#1e2327;stroke-width:1.5}.header-actions b,.header-actions small{display:block;white-space:nowrap}.header-actions b{font-size:11px}.header-actions small{font-size:9px;color:#70767c;margin-top:1px}.cart-link em{position:absolute;right:-8px;top:-2px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}.mobile-nav-toggle{display:none;border:0;background:none;font-size:24px}

/* NAV + STABLE DROPDOWNS */
.main-nav{height:52px;border-top:1px solid #eceeef;background:#fff;position:relative;z-index:70}.nav-inner{height:52px;display:flex;align-items:stretch;gap:2px}.nav-inner>a,.nav-drop>button,.nav-drop>a{height:52px;padding:0 18px;display:flex;align-items:center;border:0;background:transparent;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer}.nav-home.active{background:var(--red);color:#fff;border-radius:5px;margin:8px 8px 8px 0;height:36px}.nav-inner>a:not(.active):hover,.nav-drop>button:hover,.nav-drop>a:hover,.nav-drop.is-open>a,.nav-drop.is-open>button{color:var(--red)}.nav-caret{margin-left:5px;font-size:11px;color:#777}.nav-drop{position:relative;display:flex;align-items:stretch}.dropdown,.mega-menu{position:absolute;top:calc(100% - 1px);left:0;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.14);border:1px solid #e5e7ea;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none;z-index:120}.nav-drop:before{content:"";position:absolute;left:0;right:0;top:44px;height:16px}.nav-drop:hover>.dropdown,.nav-drop:hover>.mega-menu,.nav-drop:focus-within>.dropdown,.nav-drop:focus-within>.mega-menu,.nav-drop.is-open>.dropdown,.nav-drop.is-open>.mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.simple-dropdown{min-width:270px;padding:10px}.simple-dropdown a{display:block;padding:9px 11px;border-radius:5px;font-size:12px}.simple-dropdown a:hover{background:#f5f6f7;color:var(--red)}.mega-menu{width:520px;display:grid;grid-template-columns:1.05fr 1fr;padding:0;overflow:hidden}.mega-menu>div{padding:20px}.mega-menu>div+div{border-left:1px solid #eceeef}.mega-links>b,.mega-products>b{font-size:12px;display:block;margin-bottom:9px}.mega-links a{display:block;font-size:11px;padding:5px 0;color:#4d5359}.mega-links a:hover{color:var(--red)}.mega-products a{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:7px 0}.mega-products img{width:48px;height:48px;object-fit:contain}.mega-products span{font-size:10px;font-weight:700}.mega-products small{display:block;color:#8a9095;font-weight:400;margin-top:2px}.mega-feature{background:#fafafa}.mega-product-image{height:110px;display:grid;place-items:center}.mega-product-image img{height:105px;width:100%;object-fit:contain}.mega-feature h3{font-size:14px;line-height:1.25;margin:10px 0 6px}.mega-feature p{font-size:10px;color:#73797f;line-height:1.45}.mega-all{display:inline-flex;margin-top:6px;border:1px solid #d6dade;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800}

/* HERO */
.hero{height:510px;position:relative;background:#0d0f10;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,5,6,.93) 0%,rgba(4,5,6,.76) 32%,rgba(4,5,6,.18) 59%,rgba(4,5,6,.03) 100%),url('../hero-workshop.webp');background-size:cover;background-position:center 49%}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:48%;padding-left:20px}.hero h1{font-size:42px;line-height:1.12;letter-spacing:-1px;margin:0 0 18px;max-width:560px}.hero p{max-width:510px;color:#e1e3e5;font-size:14px;line-height:1.6;margin:0 0 25px}.hero-actions{display:flex;gap:14px}.hero-actions .btn{min-width:135px}.hero-actions span{font-size:18px;line-height:1}

/* TRUST */
.trust-strip{border-bottom:1px solid #eceeef;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:112px}.trust-grid>div{display:flex;align-items:center;gap:14px;padding:24px 28px;border-right:1px solid #eceeef}.trust-grid>div:first-child{border-left:1px solid #eceeef}.trust-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto}.trust-icon svg{width:38px;height:38px;fill:none;stroke:#272c30;stroke-width:1.45}.trust-grid b,.trust-grid small{display:block}.trust-grid b{font-size:12px}.trust-grid small{font-size:10px;color:#747a80;line-height:1.4;margin-top:4px}

/* CATEGORY GRID */
.category-section{padding-top:55px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{border:1px solid #e1e4e7;border-radius:7px;background:#fff;overflow:hidden;transition:.18s}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfd3d7}.category-img{height:225px;padding:14px;background:#fff;display:grid;place-items:center}.category-img img{width:100%;height:100%;object-fit:contain}.category-card>div:last-child{height:58px;border-top:1px solid #eff1f2;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.category-card b{font-size:14px}.category-card svg{width:18px;height:18px;fill:none;stroke:#202428;stroke-width:1.6}

/* FEATURED PRODUCTS */
.featured-section{padding-top:20px}.product-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.product-card{border:1px solid #e1e4e7;border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-img{height:185px;padding:13px;display:grid;place-items:center;background:#fff}.product-img img{width:100%;height:100%;object-fit:contain}.product-body{padding:8px 8px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}.product-body h3{font-size:10px;line-height:1.3;margin:0 0 7px;height:40px;overflow:hidden;font-weight:700}.product-pill{font-size:8px;color:#4d7b38;background:#eff9e9;padding:3px 8px;border-radius:999px;margin-bottom:7px}.price{min-height:30px;font-size:10px}.price strong,.price del{display:block}.price strong{font-size:12px}.price del{color:#8b9095}.product-action{width:100%;padding:8px 5px;font-size:9px;border-radius:3px;margin-top:auto}.product-detail-link{font-size:9px;margin-top:7px;color:#555}.product-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}

/* B2B BANNER */
.promo-section{padding-top:20px;padding-bottom:38px}.b2b-banner{min-height:235px;border-radius:7px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;position:relative;background:#111}.b2b-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.98) 0%,rgba(7,9,10,.87) 44%,rgba(7,9,10,.2) 72%,rgba(7,9,10,.05) 100%),url('../warehouse.webp') center/cover no-repeat}.b2b-copy,.b2b-benefits{position:relative;z-index:1}.b2b-copy{padding:38px 46px}.b2b-copy h2{font-size:25px;margin:0 0 2px}.b2b-copy h3{font-size:18px;font-weight:500;margin:0 0 15px}.b2b-copy p{font-size:11px;color:#d8dcdf;max-width:500px;margin:0 0 20px}.b2b-benefits{align-self:end;padding:0 30px 29px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.b2b-benefits b{font-size:9px;display:flex;align-items:center;gap:6px;white-space:nowrap}.b2b-benefits svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.6}

/* WHY */
.why-section{padding-top:0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.about-grid>img{width:100%;height:330px;object-fit:cover;border-radius:7px}.about-grid>div>p{font-size:11px;color:#61676d;line-height:1.6;margin:0 0 24px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.why-grid>div{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:start}.why-grid>div>span{width:38px;height:38px;border:1px solid #eceeef;border-radius:50%;display:grid;place-items:center}.why-grid svg{width:20px;height:20px;fill:none;stroke:#202428;stroke-width:1.5}.why-grid p{margin:0}.why-grid b,.why-grid small{display:block}.why-grid b{font-size:11px}.why-grid small{font-size:9px;color:#777d82;line-height:1.45;margin-top:4px}

/* POPULAR */
.popular-section{padding-top:26px}.popular-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.popular-row a{border:1px solid #e2e5e8;border-radius:7px;padding:10px 8px;text-align:center;background:#fff;min-width:0}.popular-row img{height:95px;width:100%;object-fit:contain}.popular-row b{display:block;font-size:9px;line-height:1.35;margin-top:7px;min-height:28px}

/* NEWSLETTER + FOOTER */
.newsletter-band{margin-top:18px;background:#111417;color:#fff;padding:28px 0;border-bottom:1px solid #2b3034}.newsletter-grid{display:grid;grid-template-columns:1fr 1.35fr .95fr;gap:35px;align-items:center}.newsletter-grid h2{font-size:22px;line-height:1.05;margin:0 0 7px}.newsletter-grid h2 span{font-weight:500}.newsletter-grid p{font-size:9px;color:#aeb4b8;margin:0}.newsletter-grid form{display:flex;border-radius:5px;overflow:hidden}.newsletter-grid input{flex:1;border:0;padding:13px 15px;outline:0}.newsletter-grid button{border:0;background:var(--red);color:#fff;padding:0 26px;font-weight:800}.catalog-cta{display:flex;align-items:center;gap:12px}.catalog-cover{width:58px;height:76px;background:linear-gradient(150deg,#fff,#ddd);color:var(--red);font-weight:900;display:grid;place-items:center;transform:rotate(6deg);box-shadow:0 5px 15px #0006;border:1px solid #555}.catalog-cta b,.catalog-cta small{display:block}.catalog-cta b{font-size:12px}.catalog-cta small{font-size:9px;color:#bbb;margin-top:4px}footer{background:#0e1113;color:#c6cbd0;padding-top:38px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:34px}.footer-logo-box{display:inline-block;background:#fff;border-radius:3px;padding:6px 9px}.footer-logo-box img{width:180px}.footer-brand p{font-size:9px;line-height:1.55;max-width:230px}.social{display:flex;gap:7px;margin-top:14px}.social a{width:28px;height:28px;border:1px solid #4a4f53;border-radius:50%;display:grid!important;place-items:center!important;font-size:10px!important;color:#fff!important}.footer-grid h4{font-size:11px;color:#fff;margin:0 0 13px}.footer-grid a,.footer-grid p,.footer-grid span{display:block;font-size:9px;color:#aeb4b8;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #2a2e31;margin-top:30px}.footer-bottom .container{min-height:66px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.payment-badges{display:flex!important;align-items:center;gap:10px}.payment-badges b{background:#fff;color:#17202a;border-radius:3px;padding:5px 9px;font-size:9px}.payment-badges b:last-child{background:transparent;color:#fff}

/* INTERNAL PAGES */
.page-hero{background:#f5f6f7;border-bottom:1px solid var(--line)}.page-hero.small{padding:36px 0}.page-hero h1{font-size:34px;margin:8px 0}.page-hero p{color:var(--muted);margin:0}.breadcrumbs{font-size:12px;color:#747a80;margin-bottom:10px}.breadcrumbs a:hover{color:var(--red)}.narrow{max-width:880px}.listing-layout{display:grid;grid-template-columns:230px 1fr;gap:28px}.filter-box{border:1px solid var(--line);border-radius:10px;padding:18px;height:max-content;display:grid;gap:12px}.filter-box h3{margin:0}.filter-box label{font-size:13px}.listing-head{display:flex;justify-content:space-between;margin-bottom:18px}.listing-head select{padding:8px;border:1px solid var(--line);border-radius:7px}.product-grid.four{grid-template-columns:repeat(4,1fr);gap:12px}.product-grid.four .product-img{height:230px}.product-grid.four .product-body h3{font-size:12px;height:48px}.product-grid.four .product-action{font-size:10px;padding:9px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:58px;margin-top:20px}.main-product-image{height:520px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:35px;display:flex;align-items:center;justify-content:center}.main-product-image img{max-height:100%;width:100%;object-fit:contain}.catalog-page-link{font-size:12px;display:inline-block;margin-top:12px;color:var(--red)}.product-info h1{font-size:32px;line-height:1.18;margin:10px 0 14px}.brand-label{font-size:10px;font-weight:900;color:var(--red);letter-spacing:1.4px}.sku,.availability{font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}.detail-price{margin:22px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.detail-price strong{font-size:32px}.detail-price del{color:#999}.discount{font-size:11px;background:#e7f8ec;color:#24753d;padding:4px 7px;border-radius:4px}.add-form{display:flex;gap:8px}.add-form input{width:78px;border:1px solid var(--line);border-radius:7px;padding:10px}.product-perks{display:grid;gap:8px;margin-top:24px;font-size:12px}.no-price{background:#fff8eb;border:1px solid #f2dfb8;border-radius:10px;padding:18px;margin:22px 0}.product-tabs{margin-top:55px;border-top:1px solid var(--line);padding-top:28px}.product-tabs h2{font-size:22px}.rich-content{font-size:15px;line-height:1.75;color:#34393d}.rich-content>p{margin:0 0 16px}.rich-content h1,.rich-content h2,.rich-content h3{line-height:1.25;color:#171a1d;margin:26px 0 12px}.rich-content h2{font-size:23px}.rich-content h3{font-size:18px}.rich-content ul,.rich-content ol{padding-left:22px}.rich-content li{margin:6px 0}.rich-content table,.spec-table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:18px 0}.rich-content td,.rich-content th,.spec-table td,.spec-table th{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.rich-content tr:last-child td,.rich-content tr:last-child th,.spec-table tr:last-child td,.spec-table tr:last-child th{border-bottom:0}.rich-content td:last-child,.rich-content th:last-child,.spec-table td:last-child,.spec-table th:last-child{border-right:0}.product-pack{display:inline-flex;padding:7px 10px;border-radius:5px;background:#f4f5f6;font-weight:700;margin:7px 0 14px}.description-lead{font-size:16px;font-weight:600;color:#292e32}.panel-form{display:grid;gap:10px}.panel-form label,.auth-card label,.checkout-form label{font-size:12px;font-weight:800}.panel-form input,.panel-form textarea,.auth-card input,.checkout-form input,.checkout-form textarea,.checkout-form select{width:100%;border:1px solid #dce0e4;border-radius:7px;padding:11px}.auth-section{background:#f5f6f7;min-height:620px}.auth-card{max-width:480px;background:#fff;padding:35px;border-radius:14px;box-shadow:var(--shadow)}.auth-card form{display:grid;gap:10px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:30px}.cart-row{display:grid;grid-template-columns:90px 1fr 130px 120px 30px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.cart-row img{width:80px;height:80px;object-fit:contain}.cart-row small{display:block;color:var(--muted)}.icon-btn{border:0;background:none;font-size:24px}.cart-summary,.checkout-summary{border:1px solid var(--line);border-radius:12px;padding:22px;height:max-content;position:sticky;top:20px}.cart-summary>div,.checkout-summary>.total{display:flex;justify-content:space-between;margin:12px 0}.cart-summary .total,.checkout-summary .total{border-top:1px solid var(--line);padding-top:14px;font-size:19px}.fullbtn{width:100%}.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:32px}.checkout-form{display:grid;gap:18px}.checkout-box{border:1px solid var(--line);border-radius:11px;padding:22px}.checkout-box h2{font-size:19px;margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.hidden{display:none!important}.switchline{margin:12px 0;padding:11px;background:#f7f8f9;border-radius:7px}.customer-ship-toggle{background:#fff0f0}.payment-options{display:grid;gap:10px}.payment-options label{border:1px solid var(--line);padding:13px;border-radius:8px;display:flex;gap:10px;align-items:center}.payment-options label.special{border-color:#e6c7c7;background:#fffafa}.payment-options span{display:flex;flex-direction:column}.payment-options small{color:var(--muted)}.mini-order-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-order-item img{width:52px;height:52px;object-fit:contain}.mini-order-item span{font-size:12px}.mini-order-item small{display:block;color:var(--muted)}.credit-box{background:#121518;color:#fff;border-radius:8px;padding:12px;margin-top:15px;display:grid}.credit-box small{color:#bbb}.account-layout{display:grid;grid-template-columns:220px 1fr;gap:26px}.account-nav{display:grid;gap:5px;height:max-content;border:1px solid var(--line);padding:12px;border-radius:9px}.account-nav a{padding:9px;border-radius:6px}.account-nav a:hover{background:#f4f5f6}.account-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.account-cards>div{border:1px solid var(--line);border-radius:9px;padding:14px}.account-cards small,.account-cards b{display:block}.account-cards b{font-size:19px}.table-card{border:1px solid var(--line);border-radius:10px;padding:18px;overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid article{border:1px solid var(--line);border-radius:10px;padding:18px}.blog-grid h2{font-size:19px}.blog-cover{height:160px;background:linear-gradient(135deg,#111,#333);border-radius:7px;margin-bottom:14px}.empty-state{text-align:center;border:1px dashed #ccd0d4;padding:40px;border-radius:12px;color:#62676c}

@media(max-width:1100px){.header-main{grid-template-columns:175px minmax(260px,1fr) auto;gap:18px}.brand img{width:160px}.header-actions{gap:12px}.header-actions span:last-child{display:none}.nav-inner>a,.nav-drop>button,.nav-drop>a{padding:0 12px}.mega-menu{width:650px}.product-grid{grid-template-columns:repeat(4,1fr);gap:12px}.product-card:nth-child(n+5){display:none}.category-img{height:195px}.b2b-benefits{grid-template-columns:1fr 1fr}.popular-row{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:10px}.newsletter-grid{grid-template-columns:1fr 1.3fr}.catalog-cta{display:none}}
@media(max-width:780px){.container{width:min(calc(100% - 24px),var(--container))}.topbar{height:28px}.topbar-inner{height:28px}.top-left span:nth-child(n+2),.top-right a:nth-child(-n+2){display:none}.header-main{height:72px;grid-template-columns:35px 120px 1fr;gap:10px}.mobile-nav-toggle{display:block}.brand img{width:118px}.header-actions{display:none}.search input{padding:10px;font-size:11px}.search button{width:40px}.main-nav{height:auto;display:none}.main-nav.mobile-open{display:block}.nav-inner{height:auto;display:block;padding:8px 0}.nav-inner>a,.nav-drop>button,.nav-drop>a,.nav-home.active{width:100%;height:42px;margin:0;border-radius:0;padding:0 12px}.nav-drop{display:block}.dropdown,.mega-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-top:1px solid var(--line);width:100%;pointer-events:auto}.nav-drop.is-open>.dropdown,.nav-drop.is-open>.mega-menu{display:grid}.simple-dropdown{padding:6px 18px}.mega-menu{grid-template-columns:1fr}.mega-menu>div+div{border-left:0;border-top:1px solid var(--line)}.mega-products,.mega-feature{display:none}.hero{height:465px}.hero-bg{background-position:63% center;background-image:linear-gradient(90deg,rgba(4,5,6,.94),rgba(4,5,6,.72) 55%,rgba(4,5,6,.28)),url('../hero-workshop.webp')}.hero-copy{width:100%;padding:0}.hero h1{font-size:34px;max-width:86%}.hero p{font-size:12px;max-width:78%}.hero-actions{gap:8px}.hero-actions .btn{min-width:auto;padding:11px 15px;font-size:11px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{min-height:94px;padding:16px 10px;border:0;border-bottom:1px solid #eee}.trust-grid>div:first-child{border-left:0}.trust-icon{width:36px}.trust-icon svg{width:30px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-img{height:150px}.category-card>div:last-child{height:52px;padding:0 10px}.category-card b{font-size:11px}.product-grid{grid-template-columns:1fr 1fr}.product-card:nth-child(n+5){display:flex}.product-img{height:160px}.product-body h3{font-size:10px}.b2b-banner{grid-template-columns:1fr}.b2b-copy{padding:28px 24px}.b2b-benefits{padding:0 24px 24px;grid-template-columns:1fr 1fr}.about-grid,.product-detail,.cart-layout,.account-layout{grid-template-columns:1fr}.about-grid{gap:25px}.about-grid>img{height:235px}.why-grid{grid-template-columns:1fr}.popular-row{grid-template-columns:1fr 1fr}.newsletter-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom .container{display:block;padding:18px 0}.payment-badges{margin-top:12px}.listing-layout{grid-template-columns:1fr}.filter-box{display:none}.product-grid.four{grid-template-columns:1fr 1fr}.main-product-image{height:350px}.product-info h1{font-size:26px}.checkout-grid{display:block}.checkout-summary{position:static;margin-top:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-cards{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:65px 1fr 30px}.cart-row>div:nth-of-type(2),.cart-row>strong{grid-column:2}.section{padding:42px 0}.section-title h2,.section-head h2{font-size:23px}}
.catalog-facts{margin-top:22px;padding:14px 16px;background:#f7f8f9;border:1px solid #e4e7ea;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 24px;color:#555d64;font-size:12px}.catalog-facts span{display:inline-flex;gap:5px}.catalog-facts b{color:#20252a}.spec-table th{width:30%;background:#f8f9fa;font-weight:800}.rich-content .description-lead{margin-bottom:18px;font-size:16px;line-height:1.7;color:#282e33}.product-tabs{background:#fff;border:1px solid #e6e8ea;border-radius:10px;padding:28px 30px;margin-top:42px}.product-tabs>h2{margin-top:0;padding-bottom:14px;border-bottom:1px solid #e9ebed}
.catalog-cover{overflow:hidden;background:#fff}.catalog-cover img{width:100%;height:100%;object-fit:cover}

/* V2.2 layout hardening + live builder preview */
.category-card,.product-card,.popular-row a{min-width:0;contain:layout paint}.category-img,.product-img{overflow:hidden;position:relative}.category-img img,.product-img img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;position:static!important;transform:none!important}.category-img{height:210px;min-height:210px;max-height:210px}.product-img{height:170px;min-height:170px;max-height:170px;flex:0 0 170px}.product-body{min-height:138px;position:relative;z-index:2;background:#fff}.product-body h3{height:42px;min-height:42px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card form{width:100%}.product-action{display:flex!important;min-height:32px}.popular-row img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:90px!important;margin:0 auto!important}.b2b-banner:before{background-image:linear-gradient(90deg,rgba(7,9,10,.98) 0%,rgba(7,9,10,.87) 44%,rgba(7,9,10,.2) 72%,rgba(7,9,10,.05) 100%),var(--promo-bg,url('../warehouse.webp'));background-position:center;background-size:cover;background-repeat:no-repeat}.ddw-preview [data-builder-section]{position:relative;outline:1px dashed transparent;outline-offset:-2px;transition:outline-color .15s}.ddw-preview [data-builder-section]:hover{outline-color:#c91418;cursor:pointer}.ddw-preview [data-builder-section]:hover:after{content:attr(data-builder-section);position:absolute;left:8px;top:8px;z-index:9999;background:#c91418;color:#fff;font:700 10px/1.2 Arial,sans-serif;padding:5px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;pointer-events:none}.ddw-preview a{cursor:default}
@media(max-width:1100px){.category-img{height:190px;min-height:190px;max-height:190px}.product-img{height:165px;min-height:165px;max-height:165px;flex-basis:165px}}
@media(max-width:780px){.category-img{height:145px;min-height:145px;max-height:145px}.product-img{height:150px;min-height:150px;max-height:150px;flex-basis:150px}.product-body{min-height:132px}}

/* V2.3 SEO category landing pages */
.seo-collection-hero p{max-width:900px;line-height:1.65}.seo-category-copy{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.seo-category-copy h2{margin:0 0 10px;font-size:24px}.filter-box .muted{display:block;margin:10px 0 14px;color:#6f757a;font-size:12px;line-height:1.55}

/* V2.4 builder-only visual editing helpers */
.ddw-preview .ddw-builder-section{position:relative;cursor:default}.ddw-preview .ddw-builder-section:hover{outline:2px solid rgba(33,150,243,.7);outline-offset:-2px}.ddw-preview .ddw-inline-editable{outline:1px dashed transparent;cursor:text;min-width:2px}.ddw-preview .ddw-inline-editable:hover,.ddw-preview .ddw-inline-editable:focus{outline:1px dashed #2196f3;outline-offset:3px;background:rgba(33,150,243,.05)}

/* V2.5 category hierarchy + builder entity editing */
.category-dropdown{min-width:320px;overflow:visible!important}.category-menu-item{position:relative}.category-menu-item>a{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.category-menu-item>a>b{font-size:16px;color:#a0a5aa}.category-submenu{display:none;position:absolute;left:100%;top:-8px;min-width:290px;padding:8px;background:#fff;border:1px solid #e5e7ea;border-radius:7px;box-shadow:0 14px 35px rgba(0,0,0,.13);z-index:130}.category-menu-item:hover>.category-submenu,.category-menu-item:focus-within>.category-submenu{display:block}.category-submenu .category-menu-item>a{padding:9px 10px;border-radius:5px;font-size:11px}.subcategory-block{margin-bottom:34px}.subcategory-block .section-head>span{color:var(--muted);font-size:12px}.subcategory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.subcategory-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:.18s}.subcategory-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfd3d7}.subcategory-image{height:145px;padding:14px;display:grid;place-items:center;background:#fff}.subcategory-image img{width:100%;height:100%;object-fit:contain}.subcategory-card>div:last-child{min-height:65px;border-top:1px solid #eef0f2;padding:11px 13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px}.subcategory-card b{font-size:12px}.subcategory-card small{font-size:9px;color:var(--muted)}.subcategory-card span{grid-column:2;grid-row:1/3;font-size:18px}.filter-subcategory{display:block;padding:6px 0;font-size:11px;color:#555d64}.filter-subcategory:hover{color:var(--red)}.category-description{max-width:900px}.category-description p{margin-bottom:0}.ddw-preview [data-builder-category-id],.ddw-preview [data-builder-product-id]{position:relative}.ddw-preview [data-builder-category-id]:before,.ddw-preview [data-builder-product-id]:before{position:absolute;z-index:50;right:7px;top:7px;background:#15191d;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:4px 7px;font:700 9px/1 Arial,sans-serif;opacity:0;pointer-events:none}.ddw-preview [data-builder-category-id]:before{content:'Kategori Düzenle'}.ddw-preview [data-builder-product-id]:before{content:'Ürün Düzenle'}.ddw-preview [data-builder-category-id]:hover:before,.ddw-preview [data-builder-product-id]:hover:before{opacity:1}.ddw-preview [data-builder-category-id]:hover,.ddw-preview [data-builder-product-id]:hover{outline:2px solid #15191d!important;outline-offset:-2px}
@media(max-width:780px){.category-submenu{position:static;display:block;box-shadow:none;border:0;border-left:2px solid #eee;border-radius:0;margin-left:12px;padding:2px 0 2px 8px}.subcategory-grid{grid-template-columns:1fr 1fr}.subcategory-image{height:120px}}

/* V2.6 — full-image cards + rich corporate/contact/campaign/blog pages */
.category-section .category-img{height:var(--category-image-height,225px)!important;min-height:var(--category-image-height,225px)!important;max-height:var(--category-image-height,225px)!important;padding:var(--card-image-padding,18px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.category-section .category-img img,.product-card .product-img img,.subcategory-image img,.popular-row img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:auto!important}
.featured-section .product-img{height:var(--product-image-height,185px)!important;min-height:var(--product-image-height,185px)!important;max-height:var(--product-image-height,185px)!important;flex:0 0 var(--product-image-height,185px)!important;padding:var(--card-image-padding,14px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.popular-section .popular-row a{display:flex;flex-direction:column;justify-content:space-between;min-height:145px}.popular-section .popular-row img{height:var(--popular-image-height,95px)!important;max-height:var(--popular-image-height,95px)!important}
.product-grid.four .product-img{height:var(--listing-product-image-height,230px)!important;min-height:var(--listing-product-image-height,230px)!important;max-height:var(--listing-product-image-height,230px)!important;flex:0 0 var(--listing-product-image-height,230px)!important;padding:var(--listing-image-padding,18px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.product-grid.four .product-img img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}

.eyebrow{display:inline-block;color:var(--red);font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:8px}.eyebrow.light{color:#ff5558}.editorial-hero{padding:68px 0;color:#fff;background:#111;position:relative;overflow:hidden}.editorial-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.96),rgba(7,9,10,.82) 55%,rgba(7,9,10,.42));z-index:0}.editorial-hero .container{position:relative;z-index:1}.editorial-hero .breadcrumbs{color:#c7cbcf}.editorial-hero .breadcrumbs a{color:#fff}.editorial-hero h1{font-size:44px;line-height:1.08;margin:6px 0 13px;max-width:760px}.editorial-hero p{color:#d8dde0;font-size:15px;max-width:700px}.corporate-hero{background:url('../facility.webp') center 50%/cover no-repeat}.contact-hero{background:linear-gradient(130deg,#141719,#252a2e)}.campaign-hero{background:url('../warehouse.webp') center/cover no-repeat}.blog-hero{background:linear-gradient(120deg,#0d0f10,#262a2d)}.editorial-hero-grid{display:grid!important;grid-template-columns:1fr 180px;gap:50px;align-items:end}.hero-stat-card{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.36);backdrop-filter:blur(8px);padding:25px;border-radius:12px}.hero-stat-card b{font-size:48px;line-height:1;color:#fff;display:block}.hero-stat-card span{font-size:12px;color:#d9dddf;display:block;margin-top:8px}

.wide-content{max-width:none}.corporate-page{padding-top:38px}.corporate-visual{position:relative;border-radius:12px;overflow:hidden;margin-bottom:48px;height:390px;background:#f4f5f6}.corporate-visual img{width:100%;height:100%;object-fit:cover}.corporate-visual>div{position:absolute;left:30px;bottom:28px;background:#fff;padding:15px 19px;border-radius:7px;box-shadow:var(--shadow)}.corporate-visual b,.corporate-visual span{display:block}.corporate-visual b{font-size:18px}.corporate-visual span{font-size:10px;color:#6c7277;margin-top:3px}.content-lead{max-width:900px;margin:0 auto 36px;text-align:center}.content-lead h2{font-size:32px!important;margin:6px 0 14px!important}.content-lead p{font-size:16px;line-height:1.8;color:#555d63}.corporate-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 54px}.corporate-feature-grid article{border:1px solid var(--line);border-radius:10px;padding:24px 22px;background:#fff;min-height:155px;position:relative}.corporate-feature-grid article:before{content:"";width:32px;height:3px;background:var(--red);display:block;margin-bottom:17px}.corporate-feature-grid strong{font-size:16px}.corporate-feature-grid p{font-size:12px;color:#6a7076;line-height:1.6;margin:8px 0 0}.content-split{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:start;padding:48px 0;border-top:1px solid var(--line)}.content-split h2{font-size:29px!important;margin-top:0!important}.content-split p{font-size:14px}.corporate-list{background:#121518;color:#fff;border-radius:12px;padding:30px}.corporate-list h3{color:#fff!important;margin-top:0!important}.corporate-list ul{padding-left:0;list-style:none}.corporate-list li{padding:11px 0 11px 25px;border-bottom:1px solid #292e31;position:relative}.corporate-list li:before{content:"✓";position:absolute;left:0;color:#ff4a4e}.corporate-cta-copy{background:#f6f7f8;border-radius:12px;padding:34px;margin:12px 0 0}.corporate-cta-copy h2{margin-top:0!important}.corporate-bottom-cta{margin-top:42px;border-radius:12px;padding:34px 38px;background:#111417;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.corporate-bottom-cta h2{font-size:25px;margin:4px 0 8px}.corporate-bottom-cta p{color:#adb3b7;margin:0;max-width:700px}

.contact-page{padding-top:38px}.contact-copy{max-width:850px;margin:0 auto 34px;text-align:center}.contact-copy h2{font-size:29px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.contact-info-panel,.contact-form-card{border:1px solid var(--line);border-radius:13px;padding:30px;background:#fff}.contact-info-panel{background:#121518;color:#fff}.contact-info-panel h2{margin:2px 0 22px;font-size:25px}.contact-info-list{display:grid;gap:10px}.contact-info-list>a{display:block;border:1px solid #30363a;border-radius:9px;padding:15px 16px}.contact-info-list small,.contact-info-list b,.contact-info-list span{display:block}.contact-info-list small{font-size:9px;color:#9ca3a8;text-transform:uppercase;letter-spacing:.8px}.contact-info-list b{font-size:13px;color:#fff;margin:4px 0;line-height:1.45}.contact-info-list span{font-size:10px;color:#ff5558;margin-top:5px}.dealer-contact-box{margin-top:20px;background:#fff;color:#171a1d;border-radius:9px;padding:18px}.dealer-contact-box p{font-size:11px;color:#656b70;line-height:1.6}.contact-form-card h2{font-size:25px;margin:2px 0 20px}.contact-form-card select{width:100%;border:1px solid #dce0e4;border-radius:7px;padding:11px;background:#fff}

.campaign-page{padding-top:38px}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0 46px}.campaign-grid article{border:1px solid var(--line);border-radius:11px;padding:24px;background:#fff;min-height:245px;display:flex;flex-direction:column}.campaign-grid article>span{font-size:32px;font-weight:900;color:#e7e8ea}.campaign-grid h3{font-size:18px!important;margin:8px 0!important}.campaign-grid p{font-size:12px;color:#666d72;line-height:1.65}.campaign-grid a{margin-top:auto;color:var(--red);font-weight:800;font-size:12px}.campaign-note{border-radius:12px;background:#111417;color:#fff;padding:30px 34px}.campaign-note h2{color:#fff!important;margin-top:0!important}.campaign-note p{color:#c2c7ca;margin-bottom:0}.campaign-featured-products{margin-top:48px}

.blog-index{padding-top:38px}.blog-topic-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.blog-topic-links a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:700;background:#fff}.blog-topic-links a:hover{border-color:var(--red);color:var(--red)}.rich-blog-grid{grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{padding:0!important;overflow:hidden;background:#fff;display:flex;flex-direction:column}.blog-cover{height:210px!important;border-radius:0!important;margin:0!important;background:#f7f7f7!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-cover img{width:100%;height:100%;object-fit:contain;padding:18px}.blog-cover.fallback{background:#15191c!important;color:#fff;font-size:24px;font-weight:900}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card-body small{font-size:9px;color:#8a9095}.blog-card-body h2{font-size:18px;line-height:1.3;margin:9px 0}.blog-card-body p{font-size:12px;color:#666d72;line-height:1.6}.blog-read{margin-top:auto;color:var(--red);font-size:11px;font-weight:800}.article-hero{background:#111417;color:#fff;padding:58px 0}.article-hero-grid{display:grid;grid-template-columns:1fr 380px;gap:55px;align-items:center}.article-hero h1{font-size:40px;line-height:1.13;margin:8px 0 15px}.article-hero p{font-size:14px;color:#c7cccf;max-width:700px}.article-hero small{color:#989fa4}.article-hero .breadcrumbs{color:#aeb4b8}.article-hero .breadcrumbs a{color:#fff}.article-hero-image{height:300px;background:#fff;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:center}.article-hero-image img{max-width:100%;max-height:100%;object-fit:contain}.article-container{max-width:900px}.article-container>p:first-child{font-size:18px;line-height:1.8;color:#272c30}.article-cta{margin-top:45px;border-radius:12px;background:#f6f7f8;padding:28px}.article-cta h2{margin-top:0!important}

@media(max-width:900px){.editorial-hero-grid,.content-split,.contact-layout,.article-hero-grid{grid-template-columns:1fr}.hero-stat-card{max-width:190px}.corporate-feature-grid,.campaign-grid{grid-template-columns:1fr 1fr}.rich-blog-grid{grid-template-columns:1fr 1fr}.article-hero-image{max-width:420px}.corporate-bottom-cta{align-items:flex-start;flex-direction:column}.corporate-visual{height:300px}}
@media(max-width:780px){.category-section .category-img{height:min(var(--category-image-height,225px),170px)!important;min-height:min(var(--category-image-height,225px),170px)!important;max-height:min(var(--category-image-height,225px),170px)!important}.featured-section .product-img{height:min(var(--product-image-height,185px),165px)!important;min-height:min(var(--product-image-height,185px),165px)!important;max-height:min(var(--product-image-height,185px),165px)!important;flex-basis:min(var(--product-image-height,185px),165px)!important}.product-grid.four .product-img{height:185px!important;min-height:185px!important;max-height:185px!important;flex-basis:185px!important}.editorial-hero{padding:48px 0}.editorial-hero h1,.article-hero h1{font-size:31px}.corporate-feature-grid,.campaign-grid,.rich-blog-grid{grid-template-columns:1fr}.corporate-visual{height:230px}.corporate-visual>div{left:14px;bottom:14px;right:14px}.content-lead{text-align:left}.content-lead h2{font-size:26px!important}.contact-info-panel,.contact-form-card{padding:22px}.campaign-grid article{min-height:200px}.article-hero{padding:42px 0}.article-hero-image{height:240px}.blog-cover{height:190px!important}}

/* V2.6 configurable catalog image canvases */
.subcategory-image{height:var(--listing-category-image-height,165px)!important;min-height:var(--listing-category-image-height,165px)!important;max-height:var(--listing-category-image-height,165px)!important;padding:var(--listing-image-padding,18px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}.subcategory-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}.product-grid.four .product-img img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}

/* V2.6 configurable listing image canvases — full image, equal boxes */
.subcategory-image{height:var(--listing-category-image-height,165px)!important;min-height:var(--listing-category-image-height,165px)!important;max-height:var(--listing-category-image-height,165px)!important;padding:var(--listing-image-padding,18px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.subcategory-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.product-grid.four .product-img img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}

/* =========================================================
   V2.7 — Header live search + full responsive hardening
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
.search{position:relative;overflow:visible!important;z-index:180}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dfe3e7;border-radius:9px;box-shadow:0 18px 46px rgba(10,18,24,.20);max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;z-index:500;padding:7px;text-align:left}
.search-suggestions[hidden]{display:none!important}
.search-suggestion-item{min-height:62px;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:6px 8px;border-radius:7px;color:#171a1d;transition:background .12s ease}
.search-suggestion-item:hover,.search-suggestion-item.is-active{background:#f3f5f6;color:#171a1d}
.search-suggestion-item+.search-suggestion-item{border-top:1px solid #f0f1f2}
.search-suggestion-media{width:52px;height:52px;border-radius:6px;background:#f7f8f9;display:grid;place-items:center;overflow:hidden;border:1px solid #eef0f1}
.search-suggestion-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:4px}
.search-suggestion-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#15191c;color:#fff;font-size:11px;font-weight:900}
.search-suggestion-copy{min-width:0;display:block}
.search-suggestion-copy b{display:block;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.search-suggestion-copy small{display:block;margin-top:4px;color:#7d848a;font-size:9px;line-height:1.2}
.search-suggestion-arrow{font-size:21px;color:#a4a9ad;text-align:center}
.search-suggestion-all{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:5px;border-top:1px solid #e9ebed;color:var(--red);font-size:11px;font-weight:800}
.search-suggestion-empty{padding:16px 14px;color:#737a80;font-size:11px;text-align:center}

/* Prevent any content from forcing the page wider than the viewport. */
img,svg,video,iframe{max-width:100%}
.product-card,.category-card,.subcategory-card,.blog-card,.panel-form,.contact-info-panel{min-width:0}
.product-body h3,.category-card b,.subcategory-card b{overflow-wrap:anywhere}

@media(max-width:900px){
  .header-main{grid-template-columns:150px minmax(220px,1fr);gap:18px}
  .header-actions{display:none}
  .brand img{width:145px}
  .search{max-width:none}
  .main-nav .container{width:min(calc(100% - 24px),var(--container))}
  .nav-inner>a,.nav-drop>button,.nav-drop>a{padding-left:10px;padding-right:10px;font-size:11px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-card:nth-child(n+5){display:flex}
  .category-grid,.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .popular-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:780px){
  body{min-width:0}
  .topbar{height:30px}
  .topbar-inner{height:30px;gap:8px}
  .top-left span{font-size:8px}
  .top-right{margin-left:auto}
  .top-right .language-link{font-size:9px;padding:0 4px}

  /* Two-row mobile header: logo/menu first row, full-width search second row. */
  .header-main{height:auto!important;min-height:112px;display:grid;grid-template-columns:38px minmax(100px,1fr) auto;grid-template-areas:"toggle brand actions" "search search search";gap:8px 8px;padding:10px 0 11px;align-items:center}
  .mobile-nav-toggle{grid-area:toggle;display:grid!important;place-items:center;width:36px;height:36px;border:1px solid #e1e4e6!important;border-radius:7px!important;background:#fff!important;font-size:20px!important;line-height:1}
  .brand{grid-area:brand;justify-self:start;display:flex;align-items:center;min-width:0}
  .brand img{width:134px!important;max-height:47px;object-fit:contain}
  .header-actions{grid-area:actions;display:flex!important;align-items:center;justify-self:end;gap:2px!important}
  .header-actions>a{min-height:34px!important;gap:0!important;padding:1px!important}
  .header-actions>a>span:last-child{display:none!important}
  .header-actions .action-icon{width:30px!important;height:30px!important}
  .header-actions svg{width:22px!important;height:22px!important}
  .cart-link em{right:-3px!important;top:-4px!important}
  .search{grid-area:search;width:100%!important;max-width:none!important;justify-self:stretch;border-radius:7px}
  .search input{min-height:44px;padding:10px 12px!important;font-size:13px!important}
  .search button{width:46px!important;min-width:46px}
  .search-suggestions{top:calc(100% + 6px);left:0;right:0;max-height:min(58vh,460px);padding:5px;border-radius:8px}
  .search-suggestion-item{grid-template-columns:48px minmax(0,1fr) 18px;min-height:58px;gap:9px;padding:5px 6px}
  .search-suggestion-media{width:48px;height:48px}
  .search-suggestion-copy b{font-size:11px}

  /* Mobile navigation is a scrollable drawer below the header, never wider than viewport. */
  .main-nav.mobile-open{display:block;max-height:calc(100dvh - 142px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #e5e7e9;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .nav-inner{width:100%!important;padding:6px 0 12px!important}
  .nav-inner>a,.nav-drop>button,.nav-drop>a,.nav-home.active{min-width:0!important;white-space:normal!important;justify-content:space-between;font-size:12px!important}
  .category-dropdown{min-width:0!important;width:100%!important;overflow:visible!important}
  .category-submenu{position:static!important;display:block!important;min-width:0!important;width:100%!important;padding:2px 0 2px 12px!important;border:0!important;border-left:2px solid #eceff1!important;border-radius:0!important;box-shadow:none!important}
  .category-menu-item.depth-1>a{padding-left:18px!important}
  .category-menu-item.depth-2>a{padding-left:28px!important;font-size:10px!important}
  .category-menu-item.depth-3>a{padding-left:38px!important;font-size:10px!important}

  .hero{height:auto!important;min-height:440px}
  .hero>.container{min-height:440px;display:flex;align-items:center}
  .hero-copy{padding:52px 0 48px!important}
  .hero h1{font-size:clamp(30px,9vw,38px)!important;line-height:1.08;max-width:95%!important;overflow-wrap:normal}
  .hero p{font-size:12px!important;max-width:92%!important;line-height:1.6}
  .hero-bg{background-position:68% center!important}

  .section{padding:38px 0!important}
  .section-head{gap:12px;align-items:center}
  .section-head h2,.section-title h2{font-size:24px!important}
  .view-all{white-space:nowrap;font-size:10px}
  .trust-grid{grid-template-columns:1fr 1fr!important}
  .category-grid,.subcategory-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .category-img{height:155px!important;min-height:155px!important;max-height:155px!important}
  .subcategory-image{height:155px!important;min-height:155px!important;max-height:155px!important}
  .product-grid,.product-grid.four{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .product-card{min-width:0!important}
  .product-img,.product-grid.four .product-img{height:165px!important;min-height:165px!important;max-height:165px!important;flex-basis:165px!important;padding:12px!important}
  .product-img img,.product-grid.four .product-img img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .product-body{padding:10px!important;min-width:0}
  .product-body h3{font-size:10px!important;line-height:1.3;min-height:auto!important}
  .product-card .btn{width:100%;padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
  .popular-row{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .newsletter-form{width:100%;min-width:0}
  .newsletter-form input{min-width:0;width:100%}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px 18px}
  .footer-brand{grid-column:1/-1}
  .contact-layout,.content-split,.about-grid,.article-hero-grid{grid-template-columns:1fr!important}
  .article-hero-image{width:100%;max-width:none}
  .corporate-feature-grid,.campaign-grid,.rich-blog-grid{grid-template-columns:1fr!important}
  .form-grid{grid-template-columns:1fr!important}
  .form-grid .full{grid-column:1!important}
  .main-product-image{height:min(90vw,390px)!important}
}

@media(max-width:480px){
  .container{width:calc(100% - 20px)!important}
  .top-left span:first-child{font-size:7.5px}
  .brand img{width:118px!important}
  .header-main{grid-template-columns:34px minmax(92px,1fr) auto;min-height:108px}
  .search input{font-size:12px!important}
  .hero h1{font-size:30px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:310px}
  .hero-actions .btn{width:100%;justify-content:center;padding:11px 8px!important}
  .trust-grid{grid-template-columns:1fr!important}
  .trust-grid>div{min-height:78px!important;grid-template-columns:42px 1fr!important}
  .category-img,.subcategory-image{height:142px!important;min-height:142px!important;max-height:142px!important}
  .product-img,.product-grid.four .product-img{height:150px!important;min-height:150px!important;max-height:150px!important;flex-basis:150px!important;padding:9px!important}
  .category-card b,.subcategory-card b{font-size:10px!important}
  .product-body h3{font-size:9.5px!important}
  .b2b-benefits{grid-template-columns:1fr!important}
  .popular-row{grid-template-columns:1fr 1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto}
  .account-cards{grid-template-columns:1fr!important}
  .cart-row{grid-template-columns:58px 1fr 26px!important}
  .search-suggestions{max-height:54vh}
}