@font-face{font-family:Manrope;src:url(/brand/fonts/Manrope-Variable.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/brand/fonts/SourceSerif4-Variable.ttf) format("truetype");font-weight:200 900;font-display:swap}:root{--navy: #17354A;--blue: #006A93;--sage: #8EAF6C;--gold: #F2B323;--ivory: #F7F3EB;--ink: #24343C;--muted: #59676D;--bg: var(--ivory);--fg: var(--ink);--card: #fff;--line: rgba(23,53,74,.14);--ui: "Manrope", system-ui, sans-serif;--serif: "Source Serif 4", Georgia, serif;--r-btn: 4px;--r-card: 8px;--gutter: 16px;--max: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.55 var(--ui);color:var(--fg);background:var(--bg)}img{max-width:100%;display:block}a{color:var(--blue)}h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.1;margin:0 0 .4em;font-weight:600}h1{font-size:clamp(40px,6vw,64px)}h2{font-size:clamp(28px,4vw,40px)}h3{font-size:24px}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:8px}.muted{color:var(--muted)}small,.small{font-size:13px}header.site{background:var(--navy);color:#fff}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}header.site img{height:36px;width:auto}header.site nav{display:flex;gap:20px;align-items:center}header.site nav a{color:#fff;text-decoration:none;font-weight:600;font-size:14px}header.site nav a:hover{color:var(--gold)}.hero{display:grid;gap:32px;padding-block:48px;align-items:center}@media(min-width:860px){.hero{grid-template-columns:1.1fr 1fr;padding-block:64px}}.hero p.lede{font-size:18px;max-width:52ch}.hero figure{margin:0}.hero figure img{border-radius:var(--r-card);aspect-ratio:4/3;object-fit:cover;width:100%}.hero figcaption{font-size:12px;color:var(--muted);margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-btn);border:1px solid transparent;font:600 15px var(--ui);text-decoration:none;cursor:pointer;min-height:44px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}.btn-wa{background:#25d366;color:#073b1c}.btn[disabled]{opacity:.5;cursor:not-allowed}.notice{background:#fff;border-left:4px solid var(--gold);padding:12px 16px;border-radius:var(--r-btn);font-size:14px;margin:16px 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 24px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:600 13px var(--ui);color:var(--navy);cursor:pointer}.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding-bottom:48px}.card{background:var(--card);border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}.card a.cover{display:block;aspect-ratio:4/3;background:#e9e4da url(/brand/logo/elroi-symbol.svg) center/48px no-repeat;overflow:hidden;opacity:1}.card a.cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover a.cover img{transform:scale(1.03)}.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{font-size:20px;margin:0}.card h3 a{color:inherit;text-decoration:none}.card .price{font-weight:700;color:var(--navy)}.card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:8px}.badge{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--ui);padding:4px 10px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge[data-mode=buy]{background:#e6f0db;color:#3f6a1f}.badge[data-mode=enquire]{background:#fdf0c9;color:#7a5600}.badge[data-mode=unavailable],.badge[data-mode=loading]{background:#eee;color:var(--muted)}.product{display:grid;gap:32px;padding-block:32px 64px}@media(min-width:860px){.product{grid-template-columns:1.1fr 1fr}}.gallery img{border-radius:var(--r-card);aspect-ratio:1;object-fit:cover;width:100%;background:#e9e4da}.variants{display:grid;gap:8px;margin:16px 0}.variant{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-btn);background:#fff;cursor:pointer}.variant:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset}.variant .name{font-weight:600}.variant .sku{font-size:12px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.price-big{font:700 28px var(--ui);color:var(--navy)}form.enquiry{display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px}form.enquiry label{display:grid;gap:4px;font-size:14px;font-weight:600;color:var(--navy)}form.enquiry input,form.enquiry textarea{font:15px var(--ui);padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-btn);width:100%}form.enquiry textarea{min-height:110px;resize:vertical}form.enquiry .row{display:flex;flex-wrap:wrap;gap:10px}.split{display:grid;gap:32px;padding-block:48px;border-top:1px solid var(--line)}@media(min-width:760px){.split{grid-template-columns:1fr 1fr}}footer.site{background:var(--navy);color:#cfd8de;padding:32px 0;font-size:13px}footer.site a{color:#fff}footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
