:root{--store-green:#0a8a50;--store-green-deep:#063c28;--store-lime:#c9f04a;--store-ink:#08110d;--store-panel:#101b15;--store-panel-2:#14231b;--store-paper:#f4f1e8;--store-muted:#99a89f;--store-line:rgba(255,255,255,.12);--store-white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--store-ink);color:var(--store-white);font:16px/1.6 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%}.store-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.store-topbar{background:#050b08;border-bottom:1px solid var(--store-line);color:#b8c4bd;font-size:12px;letter-spacing:.03em}.store-topbar .store-shell{min-height:38px;display:flex;justify-content:space-between;align-items:center}.store-topbar p{margin:0}.store-topbar i{color:var(--store-lime);margin-right:7px}.store-header{position:relative;z-index:30;background:rgba(8,17,13,.88);border-bottom:1px solid var(--store-line);backdrop-filter:blur(18px)}.store-nav{min-height:92px;display:flex;align-items:center}.store-brand{display:flex;align-items:center;gap:13px;line-height:1}.store-brand img{width:66px;height:66px;object-fit:contain}.store-brand span{display:flex;flex-direction:column}.store-brand strong,.store-display,.store-card h2,.store-card h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}.store-brand strong{font-size:24px;letter-spacing:.02em}.store-brand small{margin-top:7px;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#b8c4bd}.store-menu{display:flex;gap:30px;margin-left:auto;align-items:center}.store-menu a{position:relative;font-size:14px;font-weight:700;color:#c9d2cc}.store-menu a:after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--store-lime);transition:width .25s}.store-menu a:hover,.store-menu a.active{color:#fff}.store-menu a:hover:after,.store-menu a.active:after{width:100%}.store-menu-cta{margin-left:32px;padding:13px 18px;background:var(--store-lime);color:var(--store-ink);font-size:13px;font-weight:800}.store-menu-cta i{margin-left:8px}.store-menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--store-line);background:transparent;padding:11px}.store-menu-toggle span{display:block;height:2px;background:#fff;margin:4px 0}.store-hero{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--store-line)}.store-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,13,.98),rgba(8,17,13,.73) 58%,rgba(8,17,13,.36)),url('../img/joyland/hardware-yard-hero.png') center 55%/cover;z-index:-2}.store-hero:after{content:'';position:absolute;width:600px;height:600px;border:1px solid rgba(201,240,74,.18);border-radius:50%;right:-170px;top:-240px;box-shadow:0 0 0 90px rgba(201,240,74,.025),0 0 0 180px rgba(201,240,74,.018);z-index:-1}.store-hero-content{padding:75px 0 68px}.store-eyebrow{display:flex;align-items:center;gap:12px;color:#dbe4de;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.store-eyebrow:before{content:'';width:36px;height:2px;background:var(--store-lime)}.store-display{font-size:clamp(64px,8vw,112px);line-height:.86;letter-spacing:-.035em;margin:26px 0 22px;max-width:860px}.store-display em{font-style:normal;color:var(--store-lime)}.store-lead{max-width:650px;color:#c4cec8;font-size:17px;margin:0}.store-live-line{display:flex;align-items:center;gap:14px;margin-top:30px;color:#dce4df;font-size:13px}.store-live-dot{width:11px;height:11px;border-radius:50%;background:var(--store-lime);box-shadow:0 0 0 7px rgba(201,240,74,.12);animation:store-pulse 1.8s ease-in-out infinite}.store-live-line strong{color:#fff}.store-catalog{padding:76px 0 110px}.store-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:14px;align-items:center}.store-search{position:relative}.store-search i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--store-lime)}.store-search input,.store-sort{width:100%;height:58px;border:1px solid var(--store-line);background:var(--store-panel);color:#fff;outline:0}.store-search input{padding:0 20px 0 53px}.store-search input:focus,.store-sort:focus{border-color:var(--store-lime)}.store-sort{padding:0 17px;color-scheme:dark}.store-categories{display:flex;gap:9px;overflow-x:auto;padding:18px 0 9px;scrollbar-width:thin;scrollbar-color:var(--store-green) transparent}.store-chip{white-space:nowrap;border:1px solid var(--store-line);border-radius:99px;background:transparent;color:#cbd5cf;padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer;transition:.25s}.store-chip:hover,.store-chip.active{background:var(--store-lime);border-color:var(--store-lime);color:var(--store-ink)}.store-results-head{display:flex;justify-content:space-between;align-items:end;padding:38px 0 22px}.store-results-head h2{font:700 35px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.store-results-head p{color:var(--store-muted);font-size:13px;margin:0}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.store-card{position:relative;background:var(--store-panel);border:1px solid var(--store-line);min-width:0;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;animation:store-rise .55s both;animation-delay:var(--delay,0ms)}.store-card:hover{transform:translateY(-7px);border-color:rgba(201,240,74,.6);box-shadow:0 28px 70px rgba(0,0,0,.34)}.store-card-media{position:relative;aspect-ratio:1.18/1;background:linear-gradient(145deg,#173527,#0a1b12);overflow:hidden}.store-card-media:after{content:'';position:absolute;inset:auto -20% -62% 10%;height:90%;background:radial-gradient(circle,rgba(201,240,74,.2),transparent 64%);transition:transform .45s}.store-card:hover .store-card-media:after{transform:translate(-10%,-18%) scale(1.15)}.store-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.store-card:hover .store-card-media img{transform:scale(1.055)}.store-material-art{position:absolute;inset:0;display:grid;place-items:center}.store-monogram{position:relative;z-index:2;font:800 clamp(52px,6vw,86px)/1 'Barlow Condensed';letter-spacing:-.04em;color:rgba(255,255,255,.82);text-shadow:0 12px 35px rgba(0,0,0,.3)}.store-material-lines{position:absolute;inset:20% -20% auto 18%;height:46%;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transform:rotate(-13deg)}.store-material-lines:before,.store-material-lines:after{content:'';position:absolute;left:0;right:0;border-top:1px solid rgba(255,255,255,.08)}.store-material-lines:before{top:33%}.store-material-lines:after{top:66%}.store-stock-pill{position:absolute;z-index:3;top:14px;left:14px;padding:7px 10px;background:rgba(6,25,15,.9);border:1px solid rgba(201,240,74,.28);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--store-lime)}.store-card-arrow{position:absolute;right:14px;bottom:14px;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--store-lime);color:var(--store-ink);transform:translateY(65px);transition:transform .35s}.store-card:hover .store-card-arrow{transform:none}.store-card-body{padding:21px}.store-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--store-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.store-card h3{font-size:26px;line-height:1.02;margin:12px 0 15px;min-height:53px}.store-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding-top:15px;border-top:1px solid var(--store-line)}.store-price{display:flex;flex-direction:column}.store-price small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--store-muted)}.store-price strong{font:700 22px 'Barlow Condensed';color:#fff}.store-qty{text-align:right;color:#d4ddd7;font-size:11px}.store-qty strong{display:block;color:var(--store-lime);font-size:12px}.store-location-line{margin-top:13px;color:#829188;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-location-line i{color:var(--store-lime);margin-right:5px}.store-empty,.store-error{grid-column:1/-1;min-height:310px;border:1px dashed var(--store-line);display:grid;place-items:center;text-align:center;padding:45px;background:var(--store-panel)}.store-empty i,.store-error i{display:block;color:var(--store-lime);font-size:34px;margin-bottom:16px}.store-empty h3,.store-error h3{font:700 32px 'Barlow Condensed';text-transform:uppercase;margin:0 0 8px}.store-empty p,.store-error p{color:var(--store-muted);margin:0}.store-retry{margin-top:18px;border:0;background:var(--store-lime);padding:12px 18px;font-weight:800;cursor:pointer}.store-skeleton{min-height:390px;background:linear-gradient(100deg,var(--store-panel) 20%,var(--store-panel-2) 38%,var(--store-panel) 56%);background-size:200% 100%;animation:store-shimmer 1.25s infinite;border:1px solid var(--store-line)}.store-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:42px}.store-page-button{min-width:42px;height:42px;border:1px solid var(--store-line);background:transparent;color:#fff;cursor:pointer}.store-page-button:hover,.store-page-button.active{background:var(--store-lime);border-color:var(--store-lime);color:var(--store-ink)}.store-page-button:disabled{opacity:.35;cursor:not-allowed}.store-service-strip{border-top:1px solid var(--store-line);border-bottom:1px solid var(--store-line);background:#0b1610}.store-service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.store-service-grid div{display:flex;gap:14px;padding:32px;border-right:1px solid var(--store-line)}.store-service-grid div:last-child{border:0}.store-service-grid i{color:var(--store-lime);font-size:22px;margin-top:4px}.store-service-grid strong{display:block;font-size:13px}.store-service-grid span{display:block;color:var(--store-muted);font-size:11px}.store-footer{padding:52px 0 24px;background:#050b08}.store-footer-top,.store-footer-bottom{display:flex;justify-content:space-between;align-items:center}.store-footer-top{padding-bottom:34px;border-bottom:1px solid var(--store-line)}.store-footer-top p{font:600 22px 'Barlow Condensed';text-transform:uppercase;color:#9aa89f}.store-footer-bottom{padding-top:20px;color:#78867e;font-size:11px}.store-float{position:fixed;right:22px;bottom:22px;z-index:35;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:99px;background:#25d366;color:#062d16;font-size:12px;font-weight:800;box-shadow:0 10px 32px rgba(0,0,0,.35)}.store-float i{font-size:19px}.detail-main{padding:62px 0 105px}.detail-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--store-muted);font-size:12px;margin-bottom:34px}.detail-breadcrumb i{font-size:9px}.detail-breadcrumb a:hover{color:var(--store-lime)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:56px;align-items:start}.detail-visual{position:sticky;top:28px;aspect-ratio:1.05/1;background:linear-gradient(145deg,#173527,#091b12);border:1px solid var(--store-line);overflow:hidden}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-visual .store-monogram{font-size:clamp(100px,14vw,190px)}.detail-visual-badge{position:absolute;z-index:3;left:24px;top:24px;padding:9px 13px;background:var(--store-lime);color:var(--store-ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.detail-copy{padding-top:18px}.detail-kicker{color:var(--store-lime);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.detail-title{font:700 clamp(48px,5.4vw,78px)/.92 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.025em;margin:18px 0}.detail-sku{display:flex;gap:18px;color:var(--store-muted);font-size:12px}.detail-price{margin:31px 0 12px;font:700 44px/1 'Barlow Condensed';color:#fff}.detail-vat{color:var(--store-muted);font-size:11px}.detail-description{color:#bdc8c1;margin:27px 0;max-width:580px}.detail-stock{margin:30px 0;padding:22px;background:var(--store-panel);border:1px solid var(--store-line)}.detail-stock-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--store-line)}.detail-stock-head strong{font-size:13px}.detail-stock-total{color:var(--store-lime);font-weight:800}.detail-locations{display:grid;gap:10px;padding-top:15px}.detail-location{display:flex;justify-content:space-between;gap:14px;color:#dbe3de;font-size:12px}.detail-location span:last-child{color:var(--store-lime);font-weight:800}.detail-actions{display:grid;grid-template-columns:1fr auto;gap:12px}.detail-primary,.detail-secondary{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--store-line);font-size:13px;font-weight:800;cursor:pointer}.detail-primary{background:var(--store-lime);border-color:var(--store-lime);color:var(--store-ink)}.detail-primary:hover{background:#fff;border-color:#fff}.detail-secondary{width:58px;color:#fff}.detail-secondary:hover{border-color:var(--store-lime);color:var(--store-lime)}.detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.detail-note{padding:15px;border:1px solid var(--store-line);color:var(--store-muted);font-size:11px}.detail-note i{color:var(--store-lime);margin-right:7px}.related{padding:90px 0 0}.related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.related-head h2{font:700 44px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.related-head a{font-size:12px;font-weight:800;color:var(--store-lime)}.detail-loading{min-height:500px;display:grid;place-items:center;color:var(--store-muted)}.detail-loading i{color:var(--store-lime);font-size:30px;margin-right:12px}.detail-unavailable{min-height:520px;display:grid;place-items:center;text-align:center}.detail-unavailable i{font-size:42px;color:var(--store-lime)}.detail-unavailable h1{font:700 58px/1 'Barlow Condensed';text-transform:uppercase;margin:18px 0}.detail-unavailable p{color:var(--store-muted)}.detail-unavailable a{display:inline-flex;margin-top:18px;background:var(--store-lime);color:var(--store-ink);padding:14px 20px;font-weight:800}.store-noscript{padding:18px;text-align:center;background:#7b251a;color:#fff}.landing-stock-invite{background:var(--store-ink);color:#fff;padding:24px}.landing-stock-panel{position:relative;isolation:isolate;min-height:440px;overflow:hidden;background:linear-gradient(115deg,rgba(5,22,13,.98),rgba(5,22,13,.82) 55%,rgba(5,22,13,.3)),url('../img/joyland/hardware-yard-hero.png') center/cover;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center}.landing-stock-panel:after{content:'';position:absolute;right:-100px;top:-170px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(201,240,74,.2);box-shadow:0 0 0 80px rgba(201,240,74,.035),0 0 0 160px rgba(201,240,74,.018);z-index:-1}.landing-stock-copy{padding:70px clamp(30px,7vw,100px);max-width:780px}.landing-stock-copy h2{font-size:clamp(54px,6vw,86px);margin:16px 0 22px}.landing-stock-copy h2 em{font-style:normal;color:var(--store-lime)}.landing-stock-copy p{max-width:590px;color:#c9d3cd}.landing-stock-stats{display:flex;gap:38px;margin:30px 0}.landing-stock-stats strong{display:block;font:700 28px 'Barlow Condensed';color:#fff}.landing-stock-stats span{display:block;color:#95a59b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.landing-stock-copy .btn{background:var(--store-lime);color:var(--store-ink)}@keyframes store-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes store-shimmer{to{background-position:-200% 0}}@keyframes store-pulse{50%{box-shadow:0 0 0 12px rgba(201,240,74,0)}}@media(max-width:1050px){.store-grid{grid-template-columns:repeat(3,1fr)}.store-menu{gap:20px}.detail-layout{gap:34px}.store-menu-cta{display:none}}@media(max-width:820px){.store-menu-toggle{display:block}.store-menu{position:absolute;top:92px;left:24px;right:24px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#fff;color:var(--store-ink);box-shadow:0 20px 50px rgba(0,0,0,.34)}.store-menu.open{display:flex}.store-menu a{padding:13px;color:var(--store-ink);border-bottom:1px solid #e3e7e4}.store-menu a:after{display:none}.store-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-visual{position:relative;top:0;max-height:650px}.store-service-grid{grid-template-columns:1fr}.store-service-grid div{border-right:0;border-bottom:1px solid var(--store-line)}.store-service-grid div:last-child{border-bottom:0}}@media(max-width:620px){.store-shell{width:min(100% - 28px,1240px)}.store-topbar{display:none}.store-nav{min-height:78px}.store-brand img{width:52px;height:52px}.store-brand strong{font-size:20px}.store-brand small{font-size:7px}.store-menu{top:78px;left:14px;right:14px}.store-hero{min-height:390px}.store-hero-content{padding:60px 0}.store-display{font-size:58px}.store-lead{font-size:14px}.store-catalog{padding:54px 0 80px}.store-toolbar{grid-template-columns:1fr}.store-grid{grid-template-columns:1fr}.store-card-media{aspect-ratio:1.45/1}.store-card h3{min-height:0}.store-results-head{align-items:flex-start;flex-direction:column;gap:8px}.store-footer-top,.store-footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.store-footer-top p{font-size:18px}.store-float{width:50px;height:50px;padding:0;justify-content:center}.store-float span{display:none}.detail-main{padding:34px 0 75px}.detail-layout{gap:26px}.detail-title{font-size:52px}.detail-actions{grid-template-columns:1fr}.detail-secondary{width:100%}.detail-notes{grid-template-columns:1fr}.related{padding-top:70px}.landing-stock-invite{padding:0}.landing-stock-panel{min-height:520px}.landing-stock-copy{padding:58px 24px}.landing-stock-copy h2{font-size:52px}.landing-stock-stats{gap:23px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-card,.store-live-dot{animation:none}.store-card,.store-card-media img,.store-card-arrow{transition:none}}
