/*
Theme Name: Gauge & Gear
Theme URI: https://gaugegear.us
Author: Gauge & Gear
Description: Premium ecommerce-ready theme for handcrafted gauges, timers, and interactive decor.
Version: 1.0.0
Text Domain: gaugegear
*/
:root{--ivory:#F4F0E8;--walnut:#5B3A29;--charcoal:#222;--black:#111;--brass:#B08A52;--amber:#D9953E;--red:#A8453C;--green:#527B5A;--gray:#D8D4CC;--white:#fffaf1;--radius:22px;--shadow:0 18px 50px rgba(17,17,17,.12);--soft-shadow:0 10px 28px rgba(17,17,17,.08);--max:1180px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--accent:"Space Grotesk",Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--font);line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 0%,rgba(217,149,62,.18),transparent 34%),radial-gradient(circle at 84% 12%,rgba(176,138,82,.12),transparent 30%),linear-gradient(180deg,#fbf7ef 0%,var(--ivory) 45%,#ece5d9 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(34,34,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,34,34,.035) 1px,transparent 1px);background-size:42px 42px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 22px}.announcement{background:var(--black);color:#fff;font-size:.88rem;text-align:center;padding:9px 16px;letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,240,232,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(34,34,34,.08)}.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--accent);font-weight:800;letter-spacing:.08em}.brand-mark{width:34px;height:34px;border:2px solid var(--charcoal);border-radius:50%;position:relative;background:linear-gradient(180deg,#fff8ec,#e8d7bd)}.brand-mark:before{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:12px;border:2px solid var(--brass);border-bottom:0;border-radius:20px 20px 0 0}.brand-mark:after{content:"";position:absolute;width:14px;height:2px;background:var(--red);left:15px;top:18px;transform:rotate(-35deg);transform-origin:left center}.nav-links{display:flex;gap:18px;margin-left:auto;align-items:center;font-size:.94rem}.nav-links a{padding:10px 4px;border-radius:10px}.nav-links a:hover,.nav-links a:focus{color:var(--walnut)}.icons{display:flex;gap:10px}.icon-btn{width:38px;height:38px;border:1px solid rgba(34,34,34,.15);border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.45)}.menu-toggle{display:none;margin-left:auto;background:var(--charcoal);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.hero{padding:74px 0 54px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--walnut);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.eyebrow:before{content:"";width:28px;height:1px;background:var(--brass)}h1,h2,h3{font-family:var(--accent);line-height:1.04;margin:0;color:var(--black)}h1{font-size:clamp(3rem,8vw,6.8rem);letter-spacing:-.075em}h2{font-size:clamp(2.1rem,4.8vw,4.3rem);letter-spacing:-.055em}h3{font-size:1.45rem;letter-spacing:-.025em}.lead{font-size:1.18rem;color:#4d4840;max-width:690px}.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid var(--charcoal);font-weight:800;transition:.18s ease}.btn.primary{background:var(--charcoal);color:#fff}.btn.primary:hover{background:#000;transform:translateY(-1px)}.btn.secondary{background:rgba(255,255,255,.5)}.btn.secondary:hover{background:#fff}.trust{margin-top:22px;font-size:.92rem;color:#655a4f}.product-hero{background:linear-gradient(135deg,#322218,#6f4730);border-radius:34px;min-height:520px;box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.product-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(217,149,62,.5),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.08),transparent 25%,rgba(0,0,0,.18));mix-blend-mode:screen}.gauge-box{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(88%,560px);background:linear-gradient(135deg,#764a31,#3a2519);border-radius:28px;padding:34px 30px 28px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),inset 0 0 38px rgba(0,0,0,.32),0 24px 70px rgba(0,0,0,.38)}.gauge-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dial{aspect-ratio:1.15/1;background:linear-gradient(180deg,#fff9ee,#e8dbc7);border-radius:24px 24px 18px 18px;position:relative;box-shadow:inset 0 0 0 8px rgba(17,17,17,.08),0 0 22px rgba(217,149,62,.25);overflow:hidden}.dial:before{content:"";position:absolute;left:13%;right:13%;top:18%;height:58%;border-radius:160px 160px 0 0;border:16px solid transparent;border-top-color:var(--amber);border-left-color:var(--red);border-right-color:var(--green)}.dial:after{content:"";position:absolute;width:45%;height:4px;background:#16110e;left:50%;top:62%;transform-origin:left center;transform:rotate(var(--angle,-30deg));border-radius:4px}.dial span{position:absolute;bottom:14px;left:0;right:0;text-align:center;font:800 .72rem var(--accent);letter-spacing:.14em;color:#534234}.dial:nth-child(2){--angle:28deg}.knobs{display:flex;justify-content:space-around;margin-top:24px}.knob{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f4d49d,#9d743d 48%,#3f2b1d 100%);box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 0 0 4px rgba(255,255,255,.12)}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head p{max-width:560px;color:#5f5850}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.product-card,.panel{background:rgba(255,250,241,.72);border:1px solid rgba(34,34,34,.09);border-radius:var(--radius);box-shadow:var(--soft-shadow);padding:22px}.category-card{min-height:270px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;right:-34px;bottom:-44px;width:160px;height:160px;border:1px solid rgba(176,138,82,.35);border-radius:50%}.muted{color:#655f57}.mini-list{padding-left:18px;margin:16px 0 0;color:#4f4942}.flagship{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;background:linear-gradient(135deg,#fff9ee,rgba(216,212,204,.45));border-radius:34px;padding:34px;border:1px solid rgba(34,34,34,.08);box-shadow:var(--shadow)}.price{font-family:var(--accent);font-weight:900;font-size:1.45rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.feature{display:flex;gap:10px;align-items:center}.feature:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px rgba(176,138,82,.16)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-img{height:190px;border-radius:18px;background:linear-gradient(135deg,#6a432e,#2d1e17);position:relative;overflow:hidden;margin-bottom:16px}.product-img:before{content:"";position:absolute;inset:28px 24px;background:linear-gradient(180deg,#fff8ea,#decdb5);border-radius:20px;box-shadow:inset 0 0 0 7px rgba(17,17,17,.08)}.product-img:after{content:"";position:absolute;left:50%;top:51%;width:45%;height:3px;background:#151515;transform-origin:left center;transform:rotate(-24deg);border-radius:3px}.badge-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fff;background:var(--walnut);padding:5px 8px;border-radius:999px}.badge.connected{background:var(--green)}.badge.new{background:var(--red)}.rating{color:var(--brass);letter-spacing:.06em;margin:8px 0}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.small-btn{border:1px solid rgba(34,34,34,.18);border-radius:12px;background:#fffaf1;padding:10px;font-weight:800;cursor:pointer}.small-btn.dark{background:var(--charcoal);color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{position:relative;padding-top:58px}.step:before{counter-increment:step;content:counter(step);position:absolute;top:18px;left:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--charcoal);color:#fff;font-weight:900}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.detail-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-tile{min-height:120px;border-radius:18px;background:linear-gradient(135deg,#9b6a45,#3b271b);position:relative;overflow:hidden}.detail-tile:nth-child(even){background:linear-gradient(135deg,#f1e4cd,#b08a52)}.detail-tile span{position:absolute;left:12px;bottom:10px;background:rgba(17,17,17,.72);color:#fff;border-radius:999px;padding:5px 8px;font-size:.75rem}.connected{background:linear-gradient(135deg,#1d1d1d,#3a2a1f);color:#fff;border-radius:34px;padding:38px;overflow:hidden;position:relative}.connected h2,.connected h3{color:#fff}.connected .muted{color:#e5d8c6}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.icon-card{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;background:rgba(255,255,255,.06)}.customizer{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-weight:900;margin-bottom:6px}.field select,.field input,.field textarea{width:100%;border:1px solid rgba(34,34,34,.16);border-radius:14px;background:#fffaf1;padding:13px;font:inherit}.preview{position:relative;overflow:hidden;min-height:440px;border-radius:28px;background:linear-gradient(135deg,#6b422c,#2d1d14);box-shadow:var(--shadow);display:grid;place-items:center;padding:24px}.page-hero{padding:64px 0 34px}.page-layout{display:grid;grid-template-columns:260px 1fr;gap:26px}.filters{position:sticky;top:104px;align-self:start}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{font-size:1.06rem}.signup{background:linear-gradient(135deg,#fffaf1,#e6dccb);border-radius:34px;padding:38px;border:1px solid rgba(34,34,34,.08);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.signup form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.footer{margin-top:70px;background:#111;color:#f7efe2;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer a{display:block;color:#d9cbb6;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;color:#aa9c8a;font-size:.9rem}.focusable:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(217,149,62,.5);outline-offset:3px}.mobile-cta{display:none}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:12px;border-bottom:1px solid rgba(34,34,34,.09)}.notice{background:rgba(176,138,82,.15);border:1px solid rgba(176,138,82,.28);border-radius:16px;padding:14px}.toc{display:flex;gap:10px;flex-wrap:wrap}.toc a{background:#fffaf1;border:1px solid rgba(34,34,34,.1);padding:8px 12px;border-radius:999px;font-weight:800;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:1000px){.hero-grid,.flagship,.craft-grid,.customizer,.page-layout,.signup{grid-template-columns:1fr}.cards,.product-grid,.icon-grid{grid-template-columns:repeat(2,1fr)}.shop-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.filters{position:static}}@media (max-width:760px){.nav{height:66px}.nav-links,.icons{display:none}.menu-toggle{display:block}.nav.open .nav-links{display:flex;position:absolute;left:14px;right:14px;top:76px;background:#fffaf1;border:1px solid rgba(34,34,34,.12);box-shadow:var(--shadow);border-radius:22px;padding:16px;flex-direction:column;align-items:flex-start}.hero{padding-top:44px}.product-hero{min-height:390px}.gauge-box{padding:22px 18px}.gauge-pair{gap:12px}.cards,.product-grid,.shop-grid,.steps,.review-grid,.footer-grid,.form-grid,.icon-grid,.option-grid{grid-template-columns:1fr}.signup form{grid-template-columns:1fr}.footer{padding-bottom:82px}.mobile-cta{position:fixed;bottom:12px;left:12px;right:12px;z-index:60;display:flex;gap:10px}.mobile-cta .btn{flex:1;box-shadow:var(--shadow)}h1{font-size:3.4rem}.section{padding:48px 0}.flagship,.connected{padding:24px;border-radius:26px}.product-actions{grid-template-columns:1fr}}

.preview .gauge-box{width:min(88%,520px);}

/* Visual upgrade: real product imagery + premium logo */
.brand{min-width:188px}.brand-logo-img{height:48px;width:auto;max-width:230px;border-radius:10px;filter:drop-shadow(0 8px 16px rgba(17,17,17,.08))}.footer-logo-img{height:58px;background:#F4F0E8}.photo-hero,.feature-photo,.product-gallery-main{margin:0;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(34,34,34,.1);background:#2f2018;position:relative}.photo-hero img,.feature-photo img,.product-gallery-main img{width:100%;height:100%;object-fit:cover;display:block}.photo-hero{min-height:520px}.photo-hero img{height:520px}.photo-hero figcaption{position:absolute;left:22px;right:22px;bottom:20px;background:rgba(17,17,17,.62);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:12px 14px;font-size:.92rem}.feature-photo img{height:430px}.product-gallery-main img{height:520px}.product-img{background:#3e291e}.product-img.has-photo{padding:0;display:block}.product-img.has-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-img.has-photo img{transform:scale(1.045)}.product-img.has-photo:before,.product-img.has-photo:after{display:none}.product-card{transition:transform .18s ease, box-shadow .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(17,17,17,.14)}.photo-mosaic .detail-tile{padding:0;background:#3d281e}.photo-mosaic .detail-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02)}.photo-mosaic .detail-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.photo-mosaic .detail-tile span{z-index:2}.site-header{box-shadow:0 10px 30px rgba(17,17,17,.045)}.announcement{background:linear-gradient(90deg,#111,#3a281d,#111);color:#fff4de}.hero{padding-top:84px}.hero .lead{font-size:1.24rem}.category-card{background:linear-gradient(180deg,rgba(255,250,241,.9),rgba(255,250,241,.62))}.card h3,.product-card h3{color:#17120e}.badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}@media (max-width:760px){.brand{min-width:auto}.brand-logo-img{height:38px;max-width:185px}.photo-hero,.photo-hero img{min-height:360px;height:360px}.feature-photo img,.product-gallery-main img{height:360px}.photo-hero figcaption{font-size:.82rem}.hero{padding-top:44px}}

.brand-logo-img{object-fit:contain;background:transparent}.footer-logo-img{background:#F4F0E8;padding:6px 10px;border-radius:12px;height:64px}

.category-five{grid-template-columns:repeat(5,1fr)}.wall-art-section{background:linear-gradient(180deg,rgba(91,58,41,.045),transparent)}.ideas-panel{margin-top:22px;background:linear-gradient(135deg,#fffaf1,rgba(216,212,204,.5));}.wall-grid .product-img{height:220px}@media(max-width:1100px){.category-five{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.category-five{grid-template-columns:1fr}.wall-grid .product-img{height:240px}}