@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#ec5528;--ink:#191d20;--gray:#f3f3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;padding:12px 18px}button:hover,.primary:hover{filter:brightness(.93)}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.top{background:var(--ink);color:white;padding:10px 6%;font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #e4e4df}.logo{font-family:'Barlow Condensed',Arial,sans-serif;font-size:37px;font-weight:800;letter-spacing:-1px;font-style:italic;line-height:.85}.logo span{color:var(--orange)}.logo small{display:block;font:8px Arial;letter-spacing:4px;margin-top:8px}nav{display:flex;gap:30px;font-size:13px}.dark{background:var(--ink);color:white}.dark b{background:var(--orange);padding:3px 7px;margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--gray);min-height:560px;padding:65px 6% 40px;gap:30px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--orange)}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif}h1{font-size:clamp(52px,5.6vw,88px);line-height:.98;letter-spacing:-1.7px;margin:26px 0}h1 em{font-style:normal;color:var(--orange)}.intro{max-width:470px;font-size:15px;line-height:1.8;color:#626463}.primary{display:inline-flex;justify-content:space-between;gap:35px;background:var(--orange);color:white;padding:17px 23px;font-size:13px;font-weight:700}.secondary{display:inline-block;font-size:12px;margin:20px}.heroFacts{display:flex;gap:42px;margin-top:45px;font-size:11px}.heroFacts strong{display:block;color:#9b9b92;margin-bottom:9px}.heroProduct{position:relative;display:flex;align-items:center;justify-content:center}.heroProduct img{width:100%;mix-blend-mode:multiply;transform:rotate(-12deg);position:relative}.orbit{position:absolute;width:410px;height:410px;border:1px solid #d6d6cc;border-radius:50%}.tag{position:absolute;bottom:4px;left:25px;font-size:10px;line-height:2;border-left:3px solid var(--orange);padding-left:15px}.tag strong{font-size:15px}.vertical{position:absolute;right:-20px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.materials{padding:35px 6%;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:25px}h2{font-size:40px;line-height:1.05;margin:8px 0 20px}#materialBtns{display:flex;gap:8px;flex-wrap:wrap}#materialBtns button{background:#f1f1ed;font-size:12px}#materialBtns button.active{background:var(--ink);color:white}.catalog{padding:65px 6%}.catalogHead{display:flex;align-items:center;justify-content:space-between}.catalogHead>p{font-size:12px;line-height:1.8;color:#777}.toolbar{display:flex;gap:12px;margin:25px 0}.search{flex:1;border:1px solid #ddd;display:flex;align-items:center;padding:0 15px}.search input{border:0;width:100%;padding:15px;background:transparent;min-width:0}select{border:1px solid #ddd;background:white;padding:12px;max-width:230px}.muted{color:#777;font-size:12px}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e4e4de;position:relative}.photo{height:240px;background:#f7f7f4;padding:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cardBody{padding:22px}.code{font-size:11px;color:var(--orange);font-weight:700;letter-spacing:1px}.card h3{font-size:26px;margin:9px 0}.card p{font-size:12px;color:#777;min-height:35px;line-height:1.6}.cardFoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:15px;margin-top:18px}.cardFoot button{background:none;padding:0;font-size:12px;font-weight:700}.cardFoot .add{color:var(--orange)}.guide{background:var(--ink);color:white;padding:60px 6%}.guideGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.guideGrid b{color:var(--orange);font-size:10px;letter-spacing:1px}.guideGrid h3{font-size:27px;margin:12px 0}.guideGrid p{color:#b5b7b7;font-size:13px;line-height:1.8}footer{display:flex;flex-wrap:wrap;align-items:center;gap:30px;padding:40px 6%;font-size:12px}footer small{width:100%;color:#888;border-top:1px solid #eee;padding-top:20px}dialog{border:0;padding:36px;max-width:820px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#101820aa}.close{float:right;background:#eee;font-size:22px;padding:4px 13px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;clear:both}.detailGrid img{width:100%;max-height:330px;object-fit:contain}dialog p{font-size:14px;line-height:1.7}dialog select{max-width:100%;width:100%;margin:10px 0 20px}.pdf{display:block;text-decoration:underline;margin:20px 0;font-size:13px}.quoteRow{border-top:1px solid #ddd;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.quoteRow input{width:65px;padding:7px}#download{margin-top:25px}#status{color:var(--orange)}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.heroProduct{min-height:280px}.heroProduct img{max-width:450px}.orbit{width:260px;height:260px}.heroFacts{margin-top:25px}.materials,.catalogHead{display:block}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}select{max-width:100%;flex:1}#grid{grid-template-columns:repeat(2,1fr)}.guideGrid{grid-template-columns:1fr;gap:15px}.detailGrid{grid-template-columns:1fr}.top span{display:none}}@media(max-width:500px){#grid{grid-template-columns:1fr}.photo{height:240px}h1{font-size:58px}.hero{padding-bottom:35px}.secondary{margin-left:0}.heroProduct{margin-bottom:30px}.tag{bottom:-30px}.catalog{padding-top:40px}.card h3{font-size:29px}}
.logo{display:block;flex-shrink:0;line-height:0}.logo img{display:block;width:205px;height:auto}footer .logo img{width:180px}@media(max-width:500px){header{gap:18px}.logo img{width:160px}header .dark{font-size:12px;padding:12px}}
/* Catalog layout following the CRAFTOOLS store structure */
:root{--orange:#365e79;--ink:#23272b}body{font-family:Arial,sans-serif;color:#444}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif}header,.shopNav,main,footer{max-width:1170px;margin:auto}.top{background:#f7f8f9;color:#777;letter-spacing:0;font-size:12px;padding:10px max(25px,calc((100vw - 1120px)/2));border-bottom:1px solid #eee}.listLink{padding:0;background:none;color:inherit;font-size:inherit}header{padding:25px 25px 20px;border:0;gap:32px}.logo img{width:260px}#headerSearch{display:flex;border:1px solid #ddd;flex:1;border-radius:4px;overflow:hidden}#headerQuery{width:100%;min-width:0;padding:15px;border:0;font-size:13px}#headerSearch button{border-left:1px solid #ddd;background:#f8f9fa;font-size:24px;padding:8px 18px}.dark{font-size:13px;border-radius:4px;padding:16px;white-space:nowrap}.dark b{background:none;margin-left:5px}.shopNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:#365e79;color:white;padding:0 12px;border-radius:3px;gap:0;min-height:65px}.shopNav a{padding:23px 15px;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:15px}.shopNav a:hover,.shopNav a.active{background:#284b64}.shopBanner{margin:24px 25px;min-height:330px;padding:35px 45px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#e9eef2;border:1px solid #ddd}.shopBanner h1{font-size:53px;letter-spacing:0;line-height:1.05;color:#213f56;margin:20px 0}.shopBanner p{font-size:13px;line-height:1.7}.shopBanner img{width:100%;height:265px;object-fit:contain;mix-blend-mode:multiply}.primary{border-radius:3px}.familyStrip{padding:15px 25px 25px;text-align:center}.familyStrip h2{font-size:28px;color:#444}.familyStrip #materialBtns{justify-content:center;gap:12px}.familyStrip #materialBtns button{border:1px solid #ddd;background:white;padding:20px 25px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px;color:#365e79}.breadcrumb{padding:15px 25px;border-bottom:1px solid #eee;font-size:12px;color:#888}.shopLayout{display:grid;grid-template-columns:235px 1fr;gap:25px;padding:25px}.shopLayout aside{border:1px solid #ddd;align-self:start;border-radius:3px}.shopLayout aside h3{padding:15px;margin:0;background:#f5f5f5;font-size:22px}.shopLayout aside>a{display:block;border-top:1px solid #ddd;padding:13px 15px;font-size:12px;line-height:1.4}.shopLayout aside>a:hover,.shopLayout aside>a.active{background:#365e79;color:white}.asidePdf{padding:20px 15px;background:#f5f7f8;font-size:12px;line-height:1.7}.asidePdf a{text-decoration:underline}.catalog{padding:0;min-width:0}.catalogHead{display:block}.catalogHead .eyebrow{display:none}.catalogHead h2{font-size:30px;margin:0 0 10px;color:#444}.catalogHead>p{margin:10px 0}.toolbar{gap:6px;flex-wrap:wrap;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;margin:15px 0}.search{flex-basis:100%}.search input{padding:10px}.toolbar select{font-size:12px;padding:10px;max-width:none;flex:1}.toolbar button{font-size:12px}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo{height:190px;background:white;padding:20px}.cardBody{padding:15px}.card h3{font-size:22px;min-height:48px}.card p{font-size:11px}.cardFoot{flex-wrap:wrap;gap:13px}.cardFoot button{font-size:11px}.cardFoot .add{background:#365e79;color:white;padding:9px;width:100%;border-radius:3px}.guide{background:#f6f7f8;color:#444;padding:30px}.guide h2{font-size:30px}.guideGrid{gap:25px;margin-top:20px}.guideGrid p{color:#777}.guideGrid h3{font-size:22px}.serviceBar{padding:20px;background:#365e79;color:white;text-align:center;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;letter-spacing:1px;margin-top:30px}footer{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;padding:35px 25px;gap:25px;align-items:start;font-size:12px;line-height:1.8}footer h3{font-size:22px;margin-top:0}footer a:not(.logo),footer .listLink{display:block;margin-bottom:7px}footer .logo img{width:180px}footer small{grid-column:1/-1}.detailGrid h2{font-size:32px}.detailGrid .primary{width:100%}@media(max-width:900px){header{gap:15px;flex-wrap:wrap}.logo img{width:200px}#headerSearch{order:3;flex-basis:100%}.shopNav{margin:0 20px}.shopLayout{grid-template-columns:190px 1fr;gap:15px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopBanner{padding:25px}.shopBanner h1{font-size:43px}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.top{font-size:10px;padding:10px 20px}.top>div:last-child{display:none}header{padding:20px}.logo img{width:165px}.dark{font-size:11px;padding:12px}.shopNav{display:flex;justify-content:flex-start}.shopNav a{font-size:12px;padding:13px 10px}.shopBanner{grid-template-columns:1fr;padding:25px;margin:20px}.shopBanner h1{font-size:40px}.shopBanner img{height:190px}.familyStrip #materialBtns button{font-size:18px;padding:12px}.shopLayout{grid-template-columns:1fr;padding:20px}.shopLayout aside{display:flex;flex-wrap:wrap}.shopLayout aside h3{width:100%}.shopLayout aside>a{flex:1 0 45%;padding:10px;font-size:11px}.asidePdf{display:none}.photo{height:160px;padding:15px}.cardBody{padding:12px}.card h3{font-size:21px}.card p{min-height:52px}.guide{padding:25px}footer{grid-template-columns:1fr 1fr;padding:25px 20px}footer>div:last-of-type{grid-column:1/-1}.guideGrid{grid-template-columns:1fr}}
.catalogDownload{font-size:13px;background:#23272b;color:white;padding:16px 20px;border-radius:3px;white-space:nowrap}.navGroup{position:relative}.navGroup>button{background:transparent;color:white;font-family:'Barlow Condensed',Arial,sans-serif;font-size:17px;font-weight:700;padding:23px 20px}.navGroup.selected>button,.navGroup.open>button{background:#284b64}.subMenu{display:none;position:absolute;top:100%;left:0;min-width:260px;background:white;box-shadow:0 6px 18px #0003;z-index:20;border:1px solid #ddd;padding:7px}.navGroup:last-child .subMenu{left:auto;right:0}.navGroup.open .subMenu{display:block}.subMenu button{display:block;text-align:left;width:100%;font-size:13px;color:#444;background:white;padding:13px}.subMenu button:hover{background:#eff3f6}.slider{margin:24px 25px;border:1px solid #ddd;background:#e9eef2}.slide{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:40px 45px;min-height:345px}.slide[hidden]{display:none}.slide h1,.slide h2{font-size:52px;line-height:1.05;color:#213f56;margin:20px 0;letter-spacing:0}.slide p{font-size:13px;line-height:1.7}.slide img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.sliderControls{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 20px 15px}.sliderControls>button{background:transparent;color:#365e79;padding:8px 12px;font-size:18px}#slideDots{display:flex;gap:9px}#slideDots button{padding:0;width:9px;height:9px;border-radius:50%;background:#b3c1cc}#slideDots button[aria-current=true]{background:#365e79}.mainCategories{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mainCategories>button{text-align:left;background:white;border:1px solid #ddd;padding:22px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;color:#365e79}.mainCategories strong{display:block;color:#a2aeb6;font:11px Arial;margin-bottom:13px}.mainCategories span{display:block;font:11px Arial;color:#777;line-height:1.7;margin-top:12px}.treeGroup{border-top:1px solid #ddd}.treeTitle{width:100%;text-align:left;font-weight:700;background:#f0f3f5;color:#365e79;font-size:13px;line-height:1.5}.treeSub{display:block;width:100%;text-align:left;font-size:12px;background:white;color:#666;padding:11px 16px;border-top:1px solid #eee}.treeSub:hover,.treeSub.active{background:#e9eef2;color:#213f56}.subcategories{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.subcategories button{background:#f3f5f7;border:1px solid #ddd;padding:9px 12px;font-size:12px}.subcategories .active{background:#365e79;color:white;border-color:#365e79}.photo{width:100%;border:0}.cardFoot a{font-size:11px;color:#365e79}.cardFoot button{color:#365e79}.code{font-size:10px}.detailGrid .primary{margin-top:15px;display:block}.detailGrid .muted{font-size:12px}.shopLayout aside{display:block}@media(max-width:900px){.navGroup>button{font-size:15px;padding:20px 12px}.slide{padding:30px;min-height:330px}.slide h1,.slide h2{font-size:42px}}@media(max-width:600px){.catalogDownload{padding:10px;font-size:11px}.shopNav{display:block;padding:5px 0}.shopNav>a,.navGroup>button{display:block;width:100%;text-align:left;padding:12px 15px}.subMenu,.navGroup:last-child .subMenu{position:static;box-shadow:none;min-width:0;margin:0 8px 8px}.slider{margin:20px}.slide{grid-template-columns:1fr;padding:25px;gap:5px}.slide h1,.slide h2{font-size:38px}.slide img{height:180px}.mainCategories{grid-template-columns:1fr}.mainCategories>button{font-size:24px}.shopLayout aside{display:block}#categoryTree{display:grid;grid-template-columns:1fr}.treeGroup{min-width:0}.detailGrid{grid-template-columns:1fr}.slide p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}

.productGallery{min-width:0}.productGallery #galleryMain{height:310px;width:100%;object-fit:contain}.galleryThumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:250px;overflow:auto;padding:3px}.galleryThumbs button{border:1px solid #ddd;background:white;padding:6px;min-width:0}.galleryThumbs button[aria-pressed=true]{border:2px solid #365e79}.galleryThumbs button img{width:100%;height:65px;object-fit:contain}.galleryThumbs span{font-size:9px;display:block;overflow-wrap:anywhere;margin-top:5px}.photo img,.slide img{mix-blend-mode:normal}
