:root{--navy:#101f35;--navy2:#183657;--blue:#1266a6;--yellow:#f8c928;--paper:#f4f3ed;--line:#d8dcd8;--muted:#5c6873;--white:#fff;font-family:'DM Sans',sans-serif;color:var(--navy);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 48px,1240px);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-80px;z-index:50;background:var(--yellow);padding:12px}.skip-link:focus{top:12px}.topline{height:32px;background:#081729;color:#cbd9e7;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));font-size:10px;font-weight:700;letter-spacing:.15em}.topline a{letter-spacing:.04em}.topline a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 rgba(16,31,53,.12)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-direction:column;line-height:.82;white-space:nowrap}.brand-small{font-size:10px;letter-spacing:.28em;font-weight:700}.brand-main{font:800 37px/1 'Barlow Condensed',sans-serif;letter-spacing:.025em}.brand-dot{color:var(--yellow)}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.main-nav .nav-quote{background:var(--navy);color:#fff;padding:14px 20px}.main-nav .nav-quote:hover{background:var(--blue);color:#fff}.catalog-hero{overflow:hidden;color:#fff;background:radial-gradient(circle at 86% 15%,#285374 0,transparent 36%),linear-gradient(125deg,#0c1c31,#142e4e 67%,#103859);position:relative}.catalog-hero:after{content:"";position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(145deg,transparent 0 28px,#fff 29px 30px);pointer-events:none}.hero-grid{min-height:440px;display:grid;grid-template-columns:1.6fr .65fr;align-items:center;gap:80px;padding-block:65px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 19px}.eyebrow.blue{color:var(--blue)}.dash{display:inline-block;width:24px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',sans-serif}h1{font-size:clamp(60px,8vw,110px);line-height:.94;letter-spacing:-.026em;max-width:760px;margin-bottom:24px}h1 em,.help-band em{font-style:normal;color:var(--yellow)}.hero-lede{max-width:560px;font-size:17px;line-height:1.65;color:#d7e0e9;margin-bottom:28px}.hero-link{font-weight:700;border-bottom:2px solid var(--yellow);padding-bottom:8px}.hero-link span{margin-left:15px;color:var(--yellow)}.hero-stat{align-self:stretch;border-left:1px solid #7990a5;padding:32px 0 0 35px;display:flex;flex-direction:column;justify-content:center}.hero-stat>span{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--yellow)}.hero-stat strong{font:800 clamp(78px,9vw,138px)/.98 'Barlow Condensed',sans-serif;letter-spacing:-.04em}.hero-stat small{font-size:14px;color:#d5e0e9;line-height:1.5;max-width:180px}.hero-lines{display:flex;gap:7px;margin-top:30px}.hero-lines i{height:5px;width:22px;background:var(--yellow)}.hero-lines i:nth-child(2){width:60px}.hero-lines i:nth-child(3){width:14px}.hero-lines i:nth-child(4){width:34px}.catalog-section{padding:90px 0 115px}.section-heading{max-width:770px;margin-bottom:36px}.section-heading h2,.results-head h2{font-size:clamp(42px,5vw,64px);line-height:1;margin-bottom:12px}.section-heading h2 span{color:var(--blue)}.section-heading>p:last-child{color:var(--muted);line-height:1.7;font-size:15px}.search-box{background:#fff;border:1px solid var(--line);padding:25px 28px;box-shadow:0 16px 36px rgba(16,31,53,.04);margin-bottom:45px}.search-box>label,.variant-header label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.search-field{display:flex;align-items:center;border-bottom:2px solid var(--navy)}.search-field>span{font-size:30px;margin-right:12px}.search-field input{border:0;outline:0;width:100%;padding:12px 0 15px;background:transparent;font-size:18px;color:var(--navy)}.search-field input::placeholder{color:#87909a}.search-field button{border:0;background:transparent;font-size:28px;color:var(--muted)}.search-box small{color:var(--muted);font-size:12px;display:block;margin-top:11px}.category-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.category-head h3{font-size:29px;margin:0}.plain-button{border:0;padding:8px 0;background:transparent;color:var(--blue);font-size:13px;font-weight:800}.plain-button:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:85px}.category-card{background:#fff;border:1px solid var(--line);padding:20px 19px;min-height:125px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s,border-color .22s,background .22s;position:relative}.category-card:hover{transform:translateY(-4px);border-color:var(--blue)}.category-card.active{background:var(--navy);color:#fff;border-color:var(--navy)}.category-card .cat-index{font:700 13px 'Barlow Condensed',sans-serif;color:var(--blue)}.category-card.active .cat-index{color:var(--yellow)}.category-card strong{font:700 23px/1.04 'Barlow Condensed',sans-serif;max-width:190px}.category-card small{font-size:11px;color:var(--muted)}.category-card.active small{color:#c4d1dd}.category-card .cat-arrow{position:absolute;right:16px;top:17px;font-size:21px}.results-head{border-top:1px solid var(--navy);padding-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.results-head .eyebrow{margin-bottom:12px}.results-head h2{font-size:48px;margin-bottom:8px}.results-head p:last-child{font-size:13px;color:var(--muted);margin:0}.results-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.results-actions label{font-size:12px;font-weight:700}.results-actions select{border:1px solid var(--line);background:#fff;padding:10px 30px 10px 12px;color:var(--navy)}.subcategory-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.subcategory-list[hidden]{display:none}.subcategory-list button{border:1px solid #bfc7ce;background:transparent;padding:9px 14px;font-size:12px;font-weight:700;color:var(--navy)}.subcategory-list button.active,.subcategory-list button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.family-card{background:#fff;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.family-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(16,31,53,.1)}.family-visual{height:175px;background:#e6eaeb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.family-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.family-visual.no-photo{background:linear-gradient(125deg,#183657,#102036)}.family-visual.no-photo:before{content:"";position:absolute;width:120px;height:120px;border:17px solid rgba(255,255,255,.08);border-radius:50%;right:-35px;bottom:-53px}.family-visual.no-photo span{font:800 75px/1 'Barlow Condensed',sans-serif;color:#f8c928}.family-body{padding:20px 18px 19px;display:flex;flex-direction:column;flex:1}.family-body>small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.family-body h3{font-size:25px;line-height:1.05;margin:12px 0 11px;overflow-wrap:anywhere}.family-body p{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.family-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:12px;font-weight:700}.family-bottom span:last-child{color:var(--blue);font-size:18px}.family-open{position:absolute;inset:0;opacity:0;cursor:pointer}.family-card{position:relative}.family-card:focus-within{outline:3px solid var(--yellow)}.load-wrap{text-align:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:15px 23px;font-size:13px;font-weight:800;min-height:48px}.button.dark{color:#fff;background:var(--navy)}.button.dark:hover{background:var(--blue)}.button.yellow{background:var(--yellow);color:var(--navy)}.button.yellow:hover{background:#ffe17b}.button.outline{border-color:#fff;color:#fff;background:transparent}.button.outline:hover{background:#fff;color:var(--navy)}.empty-state{padding:60px;background:#fff;text-align:center}.empty-state[hidden]{display:none}.empty-state strong{font:700 32px 'Barlow Condensed',sans-serif}.empty-state p{color:var(--muted);margin:10px 0 24px}.help-band{background:var(--navy);color:#fff;padding:75px 0}.help-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.help-band .eyebrow{color:var(--yellow)}.help-band h2{font-size:clamp(44px,6vw,74px);line-height:.95;margin-bottom:18px}.help-band p:last-child{color:#c4d3e1;max-width:500px;line-height:1.6;margin-bottom:0}.help-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}.footer{background:#071526;color:#fff;padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:12px;color:#adc1d0;margin:0}.footer-inner>div{display:flex;gap:18px;font-size:12px}.footer a:hover{color:var(--yellow)}.family-dialog{border:0;padding:0;max-width:850px;width:min(94vw,850px);max-height:92vh;color:var(--navy);background:#f7f7f4;box-shadow:0 30px 90px #08172975}.family-dialog::backdrop{background:rgba(6,18,31,.76)}.dialog-shell{padding:0 32px 28px}.dialog-top{margin:0 -32px 26px;padding:15px 28px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.18em}.dialog-top button{border:0;background:transparent;color:#fff;font-size:32px;line-height:1}.dialog-intro{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.dialog-image{height:180px;background:#e7ebec;display:grid;place-items:center;overflow:hidden}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-image .placeholder{font:800 80px 'Barlow Condensed',sans-serif;color:var(--blue)}.dialog-intro h2{font-size:clamp(35px,5vw,56px);line-height:.98;margin-bottom:12px}.dialog-intro p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.55;max-width:480px}.variant-total{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.variant-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 12px}.variant-header h3{font-size:30px;margin:0}.variant-header label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.variant-header input{padding:9px 11px;border:1px solid var(--line);width:min(45%,250px);background:#fff}.variant-list{display:grid;gap:7px;max-height:280px;overflow:auto;padding-right:4px}.variant-list details{background:#fff;border:1px solid var(--line)}.variant-list summary{padding:13px 15px;font-size:13px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.variant-list summary:after{content:'+';font-size:19px;color:var(--blue);line-height:1}.variant-list details[open] summary:after{content:'−'}.variant-list .variant-detail{padding:0 15px 15px}.variant-list .variant-detail p{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:12px}.copy-variant{background:var(--navy);color:#fff;border:0;padding:9px 13px;font-size:11px;font-weight:800}.copy-variant:hover{background:var(--blue)}.variant-empty{padding:18px;background:#fff;color:var(--muted);font-size:13px}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.dialog-bottom span{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,100px);padding:13px 19px;background:var(--navy);color:#fff;z-index:100;font-size:13px;box-shadow:0 12px 30px #08172944;opacity:0;transition:.25s;max-width:min(95vw,550px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:1000px){.category-grid,.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{gap:25px}}@media(max-width:720px){.container{width:min(100% - 30px,1240px)}.topline{padding:0 15px;font-size:9px}.topline>span{display:none}.topline a{margin-left:auto}.header-inner{min-height:68px}.brand-main{font-size:31px}.main-nav{gap:12px;font-size:11px}.main-nav a:nth-child(3){display:none}.main-nav .nav-quote{padding:10px 11px}.hero-grid{min-height:0;grid-template-columns:1fr;padding-block:62px;gap:35px}.hero-stat{border-left:0;border-top:1px solid #7990a5;padding:15px 0 0;display:block}.hero-stat strong{display:inline-block;margin:0 15px 0 0;font-size:70px}.hero-stat small{display:inline-block;max-width:180px}.hero-lines{display:none}.catalog-section{padding:55px 0 70px}.category-grid,.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{margin-bottom:58px}.results-head{align-items:start;flex-direction:column}.results-actions{width:100%;justify-content:space-between}.help-grid{display:block}.help-actions{margin-top:30px;max-width:270px}.footer-inner{align-items:start;flex-direction:column}.dialog-intro{grid-template-columns:120px 1fr;gap:15px}.dialog-image{height:120px}.dialog-shell{padding:0 18px 20px}.dialog-top{margin:0 -18px 20px;padding:12px 18px}.dialog-bottom{align-items:stretch;flex-direction:column}.variant-header{align-items:start;flex-direction:column}.variant-header input{width:100%}}@media(max-width:440px){h1{font-size:57px}.main-nav a:nth-child(1){display:none}.main-nav{gap:8px}.main-nav .nav-quote{font-size:10px}.category-grid,.family-grid{gap:9px}.category-card{min-height:115px;padding:14px}.category-card strong{font-size:21px}.family-visual{height:130px}.family-body{padding:14px 12px}.family-body h3{font-size:21px}.family-body p{font-size:11px}.dialog-intro{grid-template-columns:1fr}.dialog-image{height:125px;width:125px}.dialog-intro h2{font-size:38px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.photo-kind{position:absolute;left:8px;bottom:8px;background:#102036d9;color:#fff;padding:5px 7px;font-size:9px;font-weight:800;max-width:calc(100% - 16px);line-height:1.2}.variant-list .variant-detail{display:flex;gap:17px;align-items:flex-start}.variant-list .variant-detail>div{min-width:0;flex:1}.variant-photo{margin:0;width:105px;flex:none}.variant-photo img{width:105px;height:95px;object-fit:contain;background:#f2f4f4}.variant-photo figcaption{font-size:9px;color:var(--muted);line-height:1.35;margin-top:4px}@media(max-width:440px){.variant-list .variant-detail{gap:10px}.variant-photo,.variant-photo img{width:80px}.variant-photo img{height:75px}}
.category-card{min-height:150px;isolation:isolate}.category-card .cat-index,.category-card strong,.category-card small,.category-card .cat-arrow{position:relative;z-index:1}.category-card strong{max-width:62%}.category-card small{max-width:74%}.category-images{position:absolute;inset:0 0 0 auto;width:52%;overflow:hidden;pointer-events:none}.category-images img{position:absolute;width:75px;height:75px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 3px 5px #10203624)}.category-images img:nth-child(1){right:3px;top:5px;transform:rotate(-8deg)}.category-images img:nth-child(2){right:56px;top:48px;transform:rotate(11deg)}.category-images img:nth-child(3){right:0;bottom:-10px;transform:rotate(18deg)}.category-card.active .category-images{opacity:.2}.category-card.active .category-images img{mix-blend-mode:screen}.brand-badge{position:absolute;right:9px;top:9px;background:#fff;color:var(--navy);border:1px solid #c8d0d6;padding:6px 8px;font-size:10px;font-weight:900;letter-spacing:.08em;max-width:calc(100% - 18px);text-align:right}.variant-list summary>span:first-child{flex:1}.variant-brand{align-self:start;color:var(--navy);background:var(--yellow);padding:3px 5px;font-size:9px;letter-spacing:.05em;white-space:nowrap}.family-visual{background:#f6f6f2}.family-visual img{padding:13px;mix-blend-mode:normal}.variant-photo img{background:#f6f6f2;padding:5px}@media(max-width:440px){.category-card{min-height:145px}.category-card strong{max-width:67%}.category-card small{max-width:84%}.category-images img{width:58px;height:58px}.category-images img:nth-child(2){right:36px;top:52px}}
.dialog-image{position:relative}.dialog-image img{padding:12px}.dialog-image .brand-badge{font-size:8px;padding:4px 5px;right:5px;top:5px}
.brand-badge,.variant-brand{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;border:1px solid #d9dfe2;padding:4px 6px;box-shadow:0 2px 8px #071f2b14}.brand-badge{min-width:54px;min-height:30px;max-width:96px;height:34px}.brand-badge img,.variant-brand img{display:block;width:100%;height:100%;max-height:24px;object-fit:contain;padding:0!important;background:none!important;mix-blend-mode:normal!important}.brand-badge[data-brand="TOTAL"],.variant-brand[data-brand="TOTAL"]{background:#075f67;border-color:#075f67}.brand-badge[data-brand="KAMASA"],.variant-brand[data-brand="KAMASA"]{background:#ffd829;border-color:#caa700}.variant-brand{position:relative;flex:0 0 auto;width:66px;height:29px;margin-right:7px;white-space:normal}.variant-photo{position:relative}.variant-photo .brand-badge{right:5px;top:5px;height:27px;max-width:74px;min-height:27px}.variant-photo .brand-badge img{max-height:19px}.dialog-image .brand-badge{height:28px;min-height:28px;max-width:78px}.dialog-image .brand-badge img{max-height:19px}
.category-card .cat-arrow{position:absolute;right:16px;top:17px}.category-images{mask-image:linear-gradient(to right,transparent,#000 28%)}@media(max-width:440px){.category-card strong{max-width:66%;font-size:19px}.category-card .cat-arrow{right:10px;top:10px}.category-images{width:48%}.category-images img:first-child{width:82px;height:82px;right:-9px;top:31px;transform:rotate(-7deg)}.category-images img:nth-child(n+2){display:none}}
.category-card[data-category="Soldadura"] .category-images img,.category-card[data-category="Agua y jardín"] .category-images img{width:120px;height:120px;right:-5px;top:24px;transform:none}@media(max-width:440px){.category-card[data-category="Soldadura"] .category-images img,.category-card[data-category="Agua y jardín"] .category-images img{width:85px;height:85px;right:-7px;top:29px}}
.brand-badge[data-brand="ROLACK"],.variant-brand[data-brand="ROLACK"]{background:#101820;border-color:#101820}.variant-brand{width:78px;height:32px}.variant-brand img{max-height:25px}
.category-images img{mix-blend-mode:normal}.category-card.active .category-images img{mix-blend-mode:normal}.category-images img:only-child{width:124px;height:124px;right:-6px;top:20px;transform:none}.category-card[data-category="Electricidad"] .category-images img:only-child{width:105px;height:105px;right:4px;top:30px}.category-brands{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:4px;pointer-events:none}.category-brand{display:flex;align-items:center;justify-content:center;width:55px;height:24px;padding:3px 5px;background:#fff;border:1px solid #d5dce0;box-shadow:0 3px 9px #0c1c3120}.category-brand img{width:100%;height:100%;object-fit:contain}.category-brand[data-brand="TOTAL"]{background:#075f67;border-color:#075f67}.category-brand[data-brand="KAMASA"],.category-brand[data-brand="PRETUL"]{background:#ffd829;border-color:#e5bb12}.category-brand[data-brand="ROLACK"]{background:#101820;border-color:#101820}.category-brand[data-brand="DEWALT"],.category-brand[data-brand="MAKAWA"],.category-brand[data-brand="TRUPER"]{background:#ffd829;border-color:#e5bb12}@media(max-width:440px){.category-images img:only-child,.category-card[data-category="Soldadura"] .category-images img:only-child,.category-card[data-category="Agua y jardín"] .category-images img:only-child{width:88px;height:88px;right:-6px;top:26px;transform:none}.category-card[data-category="Electricidad"] .category-images img:only-child{width:80px;height:80px;right:0;top:35px}.category-brands{right:6px;bottom:6px;gap:2px}.category-brand{width:42px;height:18px;padding:2px 3px}.category-brand:nth-child(n+2){display:none}}
.category-card[data-category="Herramientas eléctricas"] .category-images img:nth-child(3){bottom:6px}.category-card[data-category="Brocas y perforación"] .category-images img:nth-child(2){right:39px;top:44px}.category-card[data-category="Brocas y perforación"] .category-images img:nth-child(3){right:3px;bottom:0}.category-card[data-category="Discos y corte"] .category-images img:nth-child(1){width:87px;height:87px;right:58px;top:7px;transform:rotate(-7deg)}.category-card[data-category="Discos y corte"] .category-images img:nth-child(2){width:88px;height:88px;right:-2px;top:27px;transform:rotate(9deg)}.category-card[data-category="Discos y corte"] .category-images img:nth-child(3){width:74px;height:74px;right:54px;bottom:-12px;transform:rotate(-13deg)}.category-card[data-category="Adhesivos y selladores"] .category-images img:nth-child(1){width:140px;height:140px;right:50px;top:2px;transform:rotate(-7deg)}.category-card[data-category="Adhesivos y selladores"] .category-images img:nth-child(2){width:140px;height:140px;right:-24px;top:7px;transform:rotate(7deg)}.category-card[data-category="Electricidad"] .category-images img:nth-child(1){right:4px;top:4px}.category-card[data-category="Electricidad"] .category-images img:nth-child(2){right:59px;top:41px;transform:rotate(-9deg)}.category-card[data-category="Electricidad"] .category-images img:nth-child(3){right:-3px;bottom:-9px;transform:rotate(12deg)}@media(max-width:440px){.category-card[data-category="Brocas y perforación"] .category-images img:nth-child(2),.category-card[data-category="Discos y corte"] .category-images img:nth-child(2),.category-card[data-category="Adhesivos y selladores"] .category-images img:nth-child(2),.category-card[data-category="Electricidad"] .category-images img:nth-child(2){display:block}.category-card[data-category="Discos y corte"] .category-images img:nth-child(1){width:67px;height:67px;right:22px;top:23px}.category-card[data-category="Discos y corte"] .category-images img:nth-child(2){width:64px;height:64px;right:-17px;top:57px}.category-card[data-category="Adhesivos y selladores"] .category-images img:nth-child(1){width:110px;height:110px;right:27px;top:22px}.category-card[data-category="Adhesivos y selladores"] .category-images img:nth-child(2){width:110px;height:110px;right:-23px;top:26px}.category-card[data-category="Electricidad"] .category-images img:nth-child(1){width:62px;height:62px;right:14px;top:20px;transform:none}.category-card[data-category="Electricidad"] .category-images img:nth-child(2){width:56px;height:56px;right:-17px;top:66px}.category-card[data-category="Brocas y perforación"] .category-images img:nth-child(2){width:55px;height:55px;right:-14px;top:71px}}
.brand-badge[data-brand="WESCO"],.variant-brand[data-brand="WESCO"]{background:#243e4b;border-color:#243e4b}
.variant-photo{width:148px}.variant-photo img{width:148px;height:128px}.variant-photo .brand-badge{max-width:84px;height:30px}.variant-photo .brand-badge img{max-height:20px}@media(max-width:440px){.variant-list .variant-detail{flex-direction:column}.variant-photo,.variant-photo img{width:100%}.variant-photo img{height:185px}.variant-photo .brand-badge{right:10px;top:10px}.variant-photo figcaption{font-size:10px}}
.brand-badge[data-brand="SATA"],.variant-brand[data-brand="SATA"]{background:#102b46;border-color:#102b46}.brand-wordmark{font:800 11px/1.1 Arial,sans-serif;letter-spacing:.025em;color:#16273a;text-transform:uppercase}.variant-brand.brand-wordmark{min-width:62px;min-height:28px}
/* Product photography: preserve the complete object in every expanded view. */
.family-dialog{overflow-y:auto}
.dialog-intro{grid-template-columns:minmax(200px,34%) minmax(0,1fr)}
.dialog-image{position:relative;height:260px;background:#fff;padding:10px;overflow:hidden}
.dialog-image>img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain;object-position:center;padding:0}
.family-dialog .dialog-image>.sprite-image{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.variant-photo{width:180px;max-width:42%;flex:none}
.variant-photo img{display:block;width:100%;height:165px;max-height:165px;object-fit:contain;object-position:center;background:#fff;padding:8px}
@media(max-width:720px){.dialog-intro{grid-template-columns:minmax(145px,35%) minmax(0,1fr)}.dialog-image{height:230px}}
@media(max-width:440px){.dialog-intro{grid-template-columns:1fr}.dialog-image{width:100%;height:250px}.variant-photo{width:100%;max-width:100%}.variant-photo img{width:100%;height:220px;max-height:220px}}
.category-card[data-category="Herramientas eléctricas"] strong{font-size:20px;max-width:205px}
@media(max-width:440px){.category-card[data-category="Herramientas eléctricas"] strong{font-size:17px;max-width:67%}}
[hidden]{display:none!important}

/* Lista de consulta: el carrito prepara una conversación, no una compra. */
.add-variant{display:inline-flex;align-items:center;gap:12px;border:0;background:var(--navy);color:#fff;padding:11px 14px;font-size:12px;font-weight:800;line-height:1.2}
.add-variant span{color:var(--yellow);font-size:17px;line-height:.8}
.add-variant:hover,.add-variant:focus-visible{background:var(--blue)}
.cart-toggle{position:fixed;right:24px;bottom:22px;z-index:30;display:inline-flex;align-items:center;gap:12px;min-height:55px;border:2px solid var(--yellow);background:var(--navy);color:#fff;padding:8px 10px 8px 17px;box-shadow:0 14px 35px #08172958;font-weight:800;font-size:13px;letter-spacing:.02em}
.cart-toggle:hover{background:#193957;transform:translateY(-2px)}
.cart-toggle-icon{font-size:23px;line-height:1;color:var(--yellow);transform:rotate(90deg)}
.cart-toggle strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 5px;background:var(--yellow);color:var(--navy);font:800 18px/1 'Barlow Condensed',sans-serif}
.cart-dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(460px,100vw);max-width:none;height:100vh;height:100dvh;max-height:none;color:var(--navy);background:#f7f7f4;box-shadow:-24px 0 60px #06121f55}
.cart-dialog:not([open]){display:none}
.cart-dialog::backdrop{background:rgba(6,18,31,.72)}
.cart-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.cart-head{position:relative;background:var(--navy);color:#fff;padding:30px 30px 27px;border-bottom:5px solid var(--yellow)}
.cart-head>p:first-child{margin:0 0 24px;color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.19em}
.cart-head h2{max-width:300px;margin:0 0 10px;font:800 42px/.95 'Barlow Condensed',sans-serif;letter-spacing:-.015em}
.cart-head h2 span{color:var(--yellow)}
.cart-head>p:last-child{max-width:330px;margin:0;color:#d2dee8;font-size:12px;line-height:1.5}
.cart-head button{position:absolute;right:22px;top:20px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #8ea3b5;background:transparent;color:#fff;font-size:26px;line-height:1}
.cart-head button:hover{background:#fff;color:var(--navy)}
.cart-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 28px}
.cart-list-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;background:#f7f7f4;border-bottom:1px solid var(--line)}
.cart-list-head strong{font-size:12px}
.cart-list-head button,.cart-remove,.cart-empty button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:5px 0}
.cart-line{display:grid;grid-template-columns:88px minmax(0,1fr);gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}
.cart-line-photo{height:88px;display:grid;place-items:center;background:#fff;border:1px solid #e2e5e3;overflow:hidden}
.cart-line-photo img,.cart-line-photo .sprite-image{width:100%;height:100%;object-fit:contain;padding:6px}
.cart-line-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.cart-line-meta small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cart-brand{flex:0 0 auto;display:grid;place-items:center;min-width:46px;max-width:78px;height:24px;padding:3px 5px;background:#fff;border:1px solid #d8dfe3;font-size:9px;overflow:hidden}
.cart-brand img{width:100%;height:100%;object-fit:contain}
.cart-brand[data-brand="TOTAL"]{background:#075f67;border-color:#075f67}
.cart-brand[data-brand="SATA"],.cart-brand[data-brand="WESCO"]{background:#102b46;border-color:#102b46}
/* Acceso directo a la lista desde las fichas y las filas de variantes. */
.family-quick-add{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:0 0 17px;padding:10px 12px;border:0;background:var(--navy);color:#fff;font-size:11px;font-weight:800}
.family-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.family-meta small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.family-meta .brand-badge{position:static;flex:0 0 auto}
.family-quick-add span{color:var(--yellow);font-size:17px;line-height:1}
.family-quick-add:hover,.family-quick-add:focus-visible{background:var(--blue)}
.variant-list summary{align-items:center;flex-wrap:wrap;padding:9px 12px;gap:8px}
.variant-list summary .variant-name{flex:1 1 170px}
.variant-list summary .variant-brand{margin:0}
.variant-list summary:after{order:4;flex:0 0 auto}
.variant-quick-add{flex:0 0 auto;padding:8px 10px;font-size:11px;gap:6px}
.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:10px}
.dialog-heading .eyebrow{margin:0;line-height:1.5}
.dialog-heading #dialog-brand{display:inline-flex;flex:0 0 auto}
.dialog-heading .brand-badge{position:static}
@media(max-width:520px){.variant-list summary .variant-name{flex-basis:100%}.variant-quick-add{margin-left:auto}.dialog-heading{flex-wrap:wrap}}
.cart-line h3{font:700 20px/1.08 'Barlow Condensed',sans-serif;margin:0 0 12px;overflow-wrap:anywhere}
.cart-line-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-quantity{display:inline-flex;align-items:center;height:30px;border:1px solid #cfd6d9;background:#fff}
.cart-quantity button{width:29px;height:28px;border:0;background:#fff;color:var(--navy);font-size:19px;line-height:1}
.cart-quantity button:hover{background:var(--yellow)}
.cart-quantity output{min-width:28px;text-align:center;font-size:12px;font-weight:800}
.cart-empty{text-align:center;padding:60px 20px 45px}
.cart-empty>span{display:grid;place-items:center;margin:0 auto 22px;width:64px;height:64px;border:2px solid var(--yellow);color:var(--navy);font-size:32px;line-height:1}
.cart-empty h3{font-size:29px;margin-bottom:7px}
.cart-empty p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 auto 17px;max-width:255px}
.cart-footer{padding:18px 26px 24px;background:#fff;border-top:1px solid var(--line)}
.cart-footer p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 13px}
.cart-send{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:11px 15px;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:900;text-align:left}
.cart-send:hover{background:#efd022}
.cart-send[aria-disabled="true"]{opacity:.5;pointer-events:none}
.cart-send span{font-size:20px}
.cart-dialog :focus-visible,.cart-toggle:focus-visible,.add-variant:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:520px){.cart-toggle{right:14px;bottom:14px;min-height:50px;padding-left:13px}.cart-dialog{width:100vw}.cart-head{padding:25px 22px 24px}.cart-head h2{font-size:37px}.cart-content{padding:0 20px 20px}.cart-footer{padding:16px 20px 20px}.cart-line{grid-template-columns:76px minmax(0,1fr);gap:12px}.cart-line-photo{height:76px}.cart-line h3{font-size:18px}}