@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242522;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{height:86px;border-bottom:1px solid #e9e8e4;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;gap:28px;background:#fff;position:sticky;top:0;z-index:10}.brand{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:.08em;font-size:19px;white-space:nowrap}.brand span{font-weight:400;letter-spacing:.16em;font-size:12px;margin-left:5px}.site-header nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px);height:100%}.site-header nav a,.enquiry-link{font-size:10px;letter-spacing:.12em;font-weight:600;white-space:nowrap}.site-header nav a{height:100%;display:flex;align-items:center;position:relative}.site-header nav a.nav-active:after{content:"";height:2px;background:#292a26;position:absolute;bottom:0;left:0;right:0}.header-actions{display:flex;align-items:center;gap:18px}.enquiry-link span{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;border:1px solid #d7d5cf;border-radius:50%;width:22px;height:22px;font-size:10px}.search-icon{border:0;background:none;font-size:27px;line-height:1;cursor:pointer;color:#333}.page-wrap{max-width:1500px;margin:auto;padding:32px 5.2% 88px}.breadcrumb{display:flex;gap:10px;color:#89877f;font-size:11px;margin-bottom:36px}.breadcrumb a:hover{color:#222}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#8b887f;margin:0 0 13px}.page-heading h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(36px,4vw,53px);letter-spacing:-.055em;margin:0 0 8px}.intro{font-size:13px;color:#77756e;margin:0}.search-box{width:275px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #bcbab4;padding:10px 0;color:#6d6b65}.search-box span{font-size:22px}.search-box input{border:0;outline:0;width:100%;font-size:12px;background:transparent}.category-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid #e9e8e4;padding:0 0 18px;margin-bottom:22px}.category-tab{border:1px solid #e3e1dc;background:#fff;padding:11px 17px;border-radius:0;font-size:11px;white-space:nowrap;color:#5c5b55;cursor:pointer;transition:.15s}.category-tab:hover,.category-tab.selected{background:#292a26;color:white;border-color:#292a26}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.results-count{font-size:9px;letter-spacing:.14em;color:#85827a;margin:0}.filters{display:flex;gap:9px}.filters select{border:1px solid #e4e2dd;border-radius:0;background:#fff;padding:10px 28px 10px 12px;color:#4c4b46;font-size:10px;max-width:180px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;row-gap:42px}.product-card[hidden]{display:none}.product-image{position:relative;display:block;aspect-ratio:4/4.35;background:#f6f5f2;overflow:hidden}.product-image img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.product-image:hover img{transform:scale(1.035)}.image-fallback{position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#79766f;font-size:13px;letter-spacing:.12em}.image-fallback small{font-size:8px;letter-spacing:.18em;color:#aaa69e}.image-index{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,.86);padding:7px 9px;font-size:8px;letter-spacing:.1em;opacity:0;transition:opacity .2s}.product-image:hover .image-index{opacity:1}.product-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 0 10px}.item-no{font-size:9px;letter-spacing:.13em;color:#89867e;margin:0 0 6px}.product-meta h2{font-size:13px;font-weight:500;margin:0 0 5px;line-height:1.4}.product-category{font-size:10px;color:#89867e;margin:0}.add-button{flex:0 0 31px;height:31px;border:1px solid #d8d6cf;border-radius:50%;background:#fff;font-size:20px;font-weight:300;line-height:1;cursor:pointer}.add-button:hover,.add-button.added{background:#292a26;color:#fff;border-color:#292a26}.text-add{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #e5e3dd;background:#fff;padding:11px 0 0;font-size:9px;letter-spacing:.12em;text-align:left;cursor:pointer;color:#4d4b45}.text-add span{font-size:14px}.text-add:hover{color:#999}.text-add.added{color:#666}.empty-state{text-align:center;padding:70px 20px;color:#777;font-size:13px}.site-footer{border-top:1px solid #e9e8e4;padding:30px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p,.site-footer>span{font-size:10px;color:#85827a}.search-box.search-open{border-color:#222}.site-footer .brand{font-size:16px}
@media(max-width:1050px){.site-header{padding:0 3%;gap:18px}.site-header nav{gap:18px}.header-actions{gap:10px}.page-wrap{padding-left:3%;padding-right:3%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;padding:17px 5%;gap:14px}.site-header nav{order:3;width:100%;height:34px;overflow-x:auto;gap:25px}.site-header nav a{height:34px}.header-actions{margin-left:auto}.brand{font-size:16px}.brand span{font-size:10px}.page-wrap{padding:25px 5% 60px}.breadcrumb{margin-bottom:26px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px;gap:20px}.search-box{width:100%}.category-tabs{margin-bottom:17px}.filter-row{align-items:flex-start;flex-direction:column;gap:13px}.filters{width:100%;overflow-x:auto;padding-bottom:3px}.filters select{flex:1;min-width:112px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.product-image{aspect-ratio:4/4.6}.product-meta h2{font-size:12px}.site-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:25px 5%}.image-index{display:none}}
