/* Theme Name: WZ Handle | Industrial Pull Handles */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#0c2745;--orange:#f15b21;--ink:#102845;--muted:#607080;--line:#e2e7ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:78px;border-bottom:1px solid #edf0f2;background:#fff;display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 20px Manrope,sans-serif;letter-spacing:-1px;text-decoration:none}.brand-mark{height:27px;width:27px;background:linear-gradient(135deg,var(--orange) 0 27%,var(--ink) 28%);clip-path:polygon(0 0,100% 0,100% 100%,68% 100%,50% 55%,50% 100%,0 100%)}.nav{margin-left:auto;display:flex;gap:27px}.nav a{color:var(--ink);font:700 12px Manrope,sans-serif;text-decoration:none}.nav a:hover,.nav .current{color:var(--orange)}.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:var(--orange);border:1px solid var(--orange);border-radius:3px;color:#fff;padding:13px 18px;text-decoration:none;font:800 12px Manrope,sans-serif;cursor:pointer}.btn:hover{background:#d94712}.btn-outline{background:#fff;color:var(--ink);border-color:var(--ink)}.menu{display:none;border:0;background:transparent;font-size:22px}.hero{min-height:490px;overflow:hidden}.hero .container{min-height:490px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:1;width:49%}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-2px}.hero h1{font-size:52px;margin:0}.line{display:block;width:40px;height:3px;background:var(--orange);margin:25px 0 18px}.hero p{max-width:360px;color:#53606c;font-size:16px;line-height:1.5}.hero-actions{display:flex;gap:12px;margin-top:25px}.hero-image{position:absolute;right:calc((1180px - 100vw)/2);top:0;height:100%;width:63vw;min-width:680px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:66% center}.eyebrow{color:var(--orange);font:800 11px Manrope,sans-serif;letter-spacing:.4px}.rail{border-block:1px solid var(--line)}.grid4{display:grid;grid-template-columns:repeat(4,1fr)}.product-mini{padding:24px 20px;text-align:center;border-right:1px solid var(--line)}.product-mini:last-child{border:0}.product-mini h3{text-align:left;font-size:13px;letter-spacing:0;margin:0}.product-mini h3 b{float:right;color:var(--orange);font-size:18px}.handle{height:115px;position:relative}.handle:before{content:'';position:absolute;left:50%;top:33px;width:130px;height:60px;border:11px solid #b8c0c5;border-bottom:0;border-radius:15px 15px 0 0;transform:translateX(-50%);filter:drop-shadow(0 6px 2px #bbc3c555)}.handle.black:before{border-color:#292e31}.handle.arch:before{height:82px;top:20px;border-radius:80px 80px 0 0}.handle.fold:before{width:112px;transform:translateX(-45%) rotate(-15deg)}.product-mini p{font-size:12px;color:var(--muted);margin:0}.dark{background:var(--navy);color:#fff}.custom{display:grid;grid-template-columns:42% 58%;min-height:420px}.custom-copy{padding:55px 0}.custom h2{font-size:38px;margin:8px 0}.custom p{max-width:350px;line-height:1.5;font-size:14px}.checks{list-style:none;padding:0;line-height:1.85;font-size:13px}.checks li:before{content:'✓';color:var(--orange);margin-right:10px}.blueprint{position:relative;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:36px 36px}.blueprint:before{content:'';position:absolute;left:100px;top:90px;width:250px;height:110px;border:2px solid #a4c0d7;border-bottom:0;border-radius:66px 66px 0 0}.blueprint:after{content:'';position:absolute;right:-35px;bottom:-30px;width:520px;height:275px;background:url('assets/images/hero-handle.png') 96% 75%/720px auto no-repeat}.section{padding:76px 0}.section h2{font-size:34px;margin:8px 0 30px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);padding:20px}.product-photo{height:185px;background:url('assets/images/hero-handle.png') 88% 50%/500px auto no-repeat #f4f6f7}.product-card:nth-child(2) .product-photo{filter:grayscale(1);background-color:#eef1f2}.product-card:nth-child(3) .product-photo{background-position:72% 50%}.product-card h3{font-size:18px;letter-spacing:-.5px;margin:16px 0 7px}.product-card p,.intro{color:var(--muted);font-size:14px;line-height:1.55}.meta{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase}.page-hero{background:var(--navy);color:#fff;padding:70px 0}.page-hero h1{font-size:46px;margin:8px 0}.page-hero p{max-width:570px;color:#dbe5ee;line-height:1.5}.detail{display:grid;grid-template-columns:52% 48%;gap:45px}.detail-media{background:#f5f7f8;min-height:450px;display:grid;place-items:center;overflow:hidden}.detail-media img{width:100%;height:100%;object-fit:cover}.specs{border-top:1px solid var(--line);margin:25px 0}.specs div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{border:1px solid var(--line);padding:20px}.article .date{color:var(--orange);font-size:11px;font-weight:700}.article h2{font-size:22px;margin:12px 0}.video-card{background:#f5f7f8;padding:20px}.video-screen{height:205px;background:var(--navy);display:grid;place-items:center;color:#fff;font-size:36px}.about-grid{display:grid;grid-template-columns:45% 55%;gap:55px}.about-photo{min-height:390px;background:url('assets/images/hero-handle.png') 74% center/cover no-repeat}.quote{background:var(--navy);color:#fff;padding:45px 0}.quote-grid{display:grid;grid-template-columns:38% 62%;gap:32px}.quote h2{font-size:28px;margin:7px 0}.quote p{font-size:13px;color:#d9e1e9}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quote input,.quote textarea{width:100%;border:0;border-radius:3px;padding:11px;font:12px 'DM Sans'}.quote textarea{margin-top:8px;min-height:48px}.quote button{float:right;margin-top:8px}.site-footer{padding:25px 0;display:flex;gap:28px;align-items:center}.site-footer small{color:var(--muted);font-size:11px}.site-footer .contact{margin-left:auto;font-size:11px;color:var(--muted)}@media(max-width:800px){.container{width:min(100% - 36px,600px)}.site-header{height:65px}.nav,.site-header .btn{display:none}.menu{display:block;margin-left:auto}.nav.open{position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;top:65px;background:#fff;padding:10px 18px;border-top:1px solid var(--line)}.nav.open a{padding:10px 0}.hero,.hero .container{min-height:650px;align-items:flex-start}.hero-copy{width:100%;padding-top:55px}.hero h1{font-size:40px}.hero-image{top:auto;bottom:0;left:-18px;right:-18px;width:auto;min-width:0;height:315px}.grid4,.card-grid{grid-template-columns:1fr 1fr}.product-mini:nth-child(2){border-right:0}.custom,.detail,.about-grid,.quote-grid{grid-template-columns:1fr}.blueprint{min-height:300px}.blueprint:after{width:420px}.section{padding:54px 0}.article-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.site-footer .contact{margin:0}}

/* WhatsApp contact in footer */
.site-footer{position:relative;}
.site-footer .whatsapp-contact{display:flex;align-items:center;justify-content:center;gap:16px;color:#12345a;font-size:14px;font-weight:700;}
.site-footer .whatsapp-contact a{color:#12345a;text-decoration:none;white-space:nowrap;}
.site-footer .whatsapp-contact a:hover{color:#f15a24;}
.site-footer .whatsapp-contact img{width:76px;height:76px;object-fit:contain;display:block;border:1px solid #e3e8ed;padding:3px;background:#fff;}
@media(max-width:760px){.site-footer .whatsapp-contact{margin:16px 0;flex-direction:column;gap:8px}.site-footer .whatsapp-contact img{width:96px;height:96px}}

/* WhatsApp contact in footer */
.site-footer{position:relative;}
.site-footer .whatsapp-contact{display:flex;align-items:center;justify-content:center;gap:16px;color:#12345a;font-size:14px;font-weight:700;}
.site-footer .whatsapp-contact a{color:#12345a;text-decoration:none;white-space:nowrap;}
.site-footer .whatsapp-contact a:hover{color:#f15a24;}
.site-footer .whatsapp-contact img{width:76px;height:76px;object-fit:contain;display:block;border:1px solid #e3e8ed;padding:3px;background:#fff;}
@media(max-width:760px){.site-footer .whatsapp-contact{margin:16px 0;flex-direction:column;gap:8px}.site-footer .whatsapp-contact img{width:96px;height:96px}}