@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--espresso:#1d1d1f;--espresso-soft:#6e6e73;--terracotta:#9c5b43;--terracotta-dark:#82482f;--offwhite:#f5f5f6;--paper:#fff;--line:#e2e2e4;--line-soft:#ededee;--ok:#2f7d4f;--warn:#9c5b43;--sans:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--espresso);background:var(--offwhite);-webkit-font-smoothing:antialiased;margin:0;font-size:13.5px}h1,h2,h3{font-family:var(--sans);letter-spacing:-.01em;color:var(--espresso);margin:0;font-weight:600}a{color:var(--terracotta);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans);color:var(--espresso);background:var(--paper);border:1px solid var(--line);border-radius:0;width:100%;padding:9px 11px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--espresso);box-shadow:none;outline:none}textarea{resize:vertical;min-height:72px;line-height:1.5}label{color:var(--espresso-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.btn{background:var(--espresso);color:var(--paper);border:1px solid var(--espresso);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:#000;border-color:#000;text-decoration:none}.btn:disabled{opacity:.4;cursor:default}.btn-accent{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.btn-accent:hover{background:var(--terracotta-dark);border-color:var(--terracotta-dark)}.btn-ghost{color:var(--espresso);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--offwhite)}.btn-sm{padding:6px 11px;font-size:13px}.app-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:24px;height:50px;padding:0 20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.18em;text-transform:uppercase;color:var(--espresso);font-size:15px;font-weight:700}.nav{align-items:center;gap:20px;display:flex}.nav a{color:var(--espresso-soft);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:500}.nav a:hover,.nav a.active{color:var(--espresso);text-decoration:none}.header-spacer{flex:1}.header-meta{color:var(--espresso-soft);text-align:right;font-size:12px;line-height:1.4}.viewas-bar{z-index:19;background:var(--offwhite);border-bottom:1px solid var(--line);color:var(--espresso-soft);align-items:center;gap:14px;padding:7px 20px;font-size:13px;display:flex;position:sticky;top:50px}.viewas-bar.active{border-bottom-color:var(--terracotta);color:var(--espresso);background:#f6ede8}.viewas-label{align-items:baseline;gap:6px;display:flex}.viewas-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--terracotta-dark);font-size:11px}.viewas-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.viewas-link{color:var(--terracotta-dark);font-size:13px}.viewas-combo{width:280px;margin-left:auto;position:relative}.viewas-combo input{width:100%;height:30px;color:var(--espresso);border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:0 10px;font-size:13px}.viewas-combo input:focus{border-color:var(--terracotta);outline:none}.viewas-pop{z-index:40;background:var(--paper);border:1px solid var(--line);border-radius:8px;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:34px;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.viewas-pop li{margin:0}.viewas-pop button{text-align:left;cursor:pointer;width:100%;color:var(--espresso);background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 9px;font-size:13px;display:flex}.viewas-pop button:hover{background:var(--offwhite)}.viewas-pop button .muted{text-transform:capitalize;font-size:11px}.btn-danger:hover{color:#c0392b;background:#fff;border-color:#c0392b}.page{max-width:1180px;margin:0 auto;padding:22px 20px 84px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.filters input,.filters select{width:auto;min-width:150px}.filters .count{color:var(--espresso-soft);margin-left:auto;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;display:grid}.card{background:var(--paper);border:1px solid var(--line);color:var(--espresso);flex-direction:column;display:flex;overflow:hidden}.card a{color:inherit}.card-thumb{aspect-ratio:1;background:var(--offwhite);justify-content:center;align-items:center;display:flex;overflow:hidden}.card-thumb img{object-fit:contain;width:100%;height:100%}.card-thumb .placeholder{color:var(--espresso-soft);font-size:12px}.card-body{flex-direction:column;gap:3px;padding:12px 14px 14px;display:flex}.card-title{font-size:14px;font-weight:600}.card-sub{color:var(--espresso-soft);font-size:12px}.card-price{margin-top:6px;font-size:14px;font-weight:600}.card-rrp{color:var(--espresso-soft);font-size:12px;font-weight:400}.detail{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:28px;display:grid}.gallery{flex-direction:column;gap:10px;max-width:560px;display:flex}.gallery-main{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-main img{object-fit:contain;width:100%;height:100%}.gallery-thumbs{flex-wrap:wrap;gap:8px;display:flex}.gallery-thumbs button{border:1px solid var(--line);background:var(--paper);width:72px;height:72px;padding:0;overflow:hidden}.gallery-thumbs button.active{border-color:var(--espresso)}.gallery-thumbs img{object-fit:contain;width:100%;height:100%}.gallery-colours{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.gallery-colours button{border:1px solid var(--line);background:var(--paper);color:var(--espresso-soft);padding:5px 11px;font-size:12px;font-weight:500}.gallery-colours button:hover:not(:disabled){border-color:var(--espresso);color:var(--espresso)}.gallery-colours button.active{background:var(--espresso);border-color:var(--espresso);color:#fff}.gallery-colours button:disabled{opacity:.4;cursor:default}table.tbl tr.sel-row td{background:var(--offwhite)}.swatch-dot{vertical-align:-1px;border:1px solid #0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:7px;display:inline-block}.swatch-dot.lg{width:18px;height:18px}.colour-cell{align-items:center;display:inline-flex}.colour-name{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}tr:hover .colour-name{color:var(--terracotta)}.caret{color:var(--espresso-soft);vertical-align:1px;margin-left:7px;font-size:9px}table.tbl tr.exp-open td{background:#fff;border-bottom:none}table.tbl tr.colour-def td{border-bottom:1px solid var(--line);background:#fff;padding-top:0}table.tbl tr.exp-open td:first-child,table.tbl tr.colour-def td:first-child{box-shadow:inset 2px 0 0 var(--espresso)}.colour-def-inner{align-items:center;gap:12px;padding:0 0 8px;font-size:12px;display:flex}.mat-breakdown{flex-wrap:wrap;gap:28px;padding:0 0 8px;display:flex}.sku-cell{color:var(--espresso-soft);white-space:nowrap;font-size:12px}.cfilters{margin:14px 0 4px}.cfilters-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cfilters-label{text-transform:uppercase;letter-spacing:.08em;color:var(--espresso-soft);font-size:11px;font-weight:600}.btn-clear{color:var(--terracotta);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.btn-clear:hover{text-decoration:underline}.cfilter-buttons{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cfilter-btn{border:1px solid var(--line);background:var(--paper);color:var(--espresso);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.cfilter-btn.open{border:1.5px solid var(--espresso)}.cfilter-btn.has-filter{border:1.5px solid var(--espresso);background:#f5f3f0;font-weight:500}.cfilter-btn .active-val{color:var(--espresso-soft);margin-left:6px;font-size:11px}.cfilter-pills{border:1px solid var(--line-soft);background:#fafaf8;border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:4px;padding:12px 16px;display:flex}.cpill{border:1px solid var(--line);background:var(--paper);color:#444;cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:all .15s;display:inline-flex}.cpill:hover{border-color:var(--espresso)}.cpill.active{border:1.5px solid var(--espresso);background:var(--espresso);color:#fff}.cpill-dot{border:1px solid #0000;border-radius:50%;flex-shrink:0;width:11px;height:11px}table.tbl.spec td:first-child,table.tbl.spec th:first-child{color:var(--espresso-soft)}table.tbl tr.spec-weight td{border-top:1px solid var(--line)}.mat-block .eyebrow{margin-bottom:4px;font-size:10px;font-weight:600}.mat-row{align-items:center;gap:7px;font-size:12px;display:flex}.mat-row strong{font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--espresso-soft);font-size:12px;font-weight:600}.detail h1{margin:5px 0 4px;font-size:22px}.section{margin-top:26px}.section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--espresso-soft);margin-bottom:10px;font-size:13px}.prose{color:var(--espresso);white-space:pre-wrap;font-size:14px;line-height:1.6}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl th{text-align:left;color:var(--espresso-soft);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line);padding:6px 9px;font-size:10.5px;font-weight:600}table.tbl td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:7px 9px}table.tbl tr:last-child td{border-bottom:none}.swatch{border:1px solid var(--line);vertical-align:-1px;width:12px;height:12px;margin-right:7px;display:inline-block}.net{font-weight:500}.rrp{color:var(--espresso)}.muted{color:var(--espresso-soft)}.right{text-align:right}.nowrap{white-space:nowrap}.qty{border:1px solid var(--line);display:inline-flex}.qty button{background:var(--paper);border:none;border-right:1px solid var(--line);width:28px;height:30px;font-size:15px}.qty button:last-child{border-right:none;border-left:1px solid var(--line)}.qty input{text-align:center;border:none;width:44px;height:30px;padding:0}.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.selbar{z-index:30;background:var(--espresso);color:#fff;align-items:center;gap:18px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.selbar .info{font-size:14px}.selbar .spacer{flex:1}.selbar a,.selbar .btn,.selbar .btn-accent{color:#fff}.panel{background:var(--paper);border:1px solid var(--line);padding:14px 16px}.panel+.panel{margin-top:16px}.kv{grid-template-columns:1fr auto;gap:6px 16px;font-size:13px;display:grid}.kv dt{color:var(--espresso-soft)}.kv dd{text-align:right;margin:0}.badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--line);color:var(--espresso-soft);padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.badge-accent{color:var(--terracotta);border-color:var(--terracotta)}.notice{border:1px solid var(--line);background:var(--paper);padding:10px 14px;font-size:13px}.notice-ok{border-color:var(--ok);color:var(--ok)}.center-screen{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{background:var(--paper);border:1px solid var(--line);width:100%;max-width:360px;padding:34px 30px}.login-card .wordmark{text-align:center;margin-bottom:6px;display:block}.login-card .tagline{text-align:center;color:var(--espresso-soft);margin-bottom:24px;font-size:13px}.field{margin-bottom:16px}.error{color:#b23b3b;margin-top:4px;font-size:13px}.empty{text-align:center;color:var(--espresso-soft);padding:60px 20px}.spin{text-align:center;color:var(--espresso-soft);padding:40px;font-size:14px}@media (width<=820px){.detail{grid-template-columns:1fr;gap:24px}}.mat-block{cursor:default;display:inline-block}.mat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--espresso-soft);margin-bottom:4px;font-size:10px;font-weight:600}.mat-value{color:var(--espresso);align-items:center;gap:0;font-size:12px;display:flex}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.bin-slot{justify-content:flex-end;width:28px;display:inline-flex}.qty-remove{border:1px solid var(--line);background:var(--paper);width:28px;height:30px;color:var(--espresso-soft);justify-content:center;align-items:center;line-height:1;display:inline-flex}.qty-remove:hover{color:#b23b3b;border-color:#b23b3b}.doc-body{border:1px solid var(--line);background:#fff;max-width:860px;margin-top:14px;padding:30px 36px;font-size:14px;line-height:1.65;overflow-x:auto}.doc-body h1,.doc-body h2,.doc-body h3{margin:1.2em 0 .45em;line-height:1.3}.doc-body h1:first-child,.doc-body h2:first-child,.doc-body p:first-child{margin-top:0}.doc-body h1{font-size:19px}.doc-body h2{font-size:16px}.doc-body h3{font-size:14px}.doc-body p{margin:.55em 0}.doc-body ul,.doc-body ol{margin:.55em 0;padding-left:22px}.doc-body table{border-collapse:collapse;margin:.8em 0}.doc-body td,.doc-body th{border:1px solid var(--line);padding:5px 9px}.doc-pdf{border:1px solid var(--line);width:100%;max-width:860px;height:75vh;margin-top:14px}.img-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.img-tile-thumb{aspect-ratio:1;background:var(--offwhite);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.img-tile-thumb img{object-fit:contain;width:100%;height:100%}.img-open{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.img-dl{cursor:pointer;color:#fff;opacity:0;z-index:2;background:#0000008c;border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;transition:opacity .12s;display:grid;position:absolute;top:6px;right:6px}.img-tile-thumb:hover .img-dl,.img-dl:focus-visible{opacity:1}@media (hover:none){.img-dl{opacity:1}}.img-dl:hover{background:#000}.img-check{z-index:2;background:var(--paper);border:1px solid var(--line);cursor:pointer;padding:3px 5px;display:flex;position:absolute;top:6px;left:6px}.img-cap{color:var(--espresso-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;line-height:1.3;overflow:hidden}.img-detail{background:var(--paper);border:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:100%;max-width:980px;max-height:90vh;display:grid;overflow:auto}.img-detail-pic{background:var(--offwhite);place-items:center;min-height:320px;display:grid;position:relative}.img-detail-pic img{object-fit:contain;width:100%;height:100%;max-height:90vh}.img-nav{cursor:pointer;color:#fff;background:#00000080;border:none;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.img-nav.left{left:10px}.img-nav.right{right:10px}.img-nav:hover{background:#000}.img-nav-count{color:#fff;background:#0000008c;padding:2px 9px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.img-detail-meta{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.img-meta{flex-direction:column;gap:11px;margin:0;display:flex}.img-meta>div{grid-template-columns:96px 1fr;align-items:start;gap:10px;display:grid}.img-meta dt{text-transform:uppercase;letter-spacing:.05em;color:var(--espresso-soft);margin:2px 0 0;font-size:11px;font-weight:600}.img-meta dd{margin:0;font-size:13px}@media (width<=720px){.img-detail{grid-template-columns:1fr}}.gallery-dl{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.modal-overlay{z-index:100;background:#00000080;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border:1px solid var(--line);width:100%;max-width:560px;max-height:88vh;padding:24px 26px;overflow:auto}.modal-body{color:var(--espresso);border:1px solid var(--line-soft);background:var(--offwhite);max-height:46vh;padding:14px 16px;font-size:14px;overflow-y:auto}