body[data-page="samples"]{background:var(--ink);color:var(--paper);letter-spacing:0}
.samples-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1480px;margin:auto;padding:20px 32px;border-bottom:1px solid var(--line)}
.samples-header nav,.samples-controls,.samples-footer nav{display:flex;align-items:center;gap:24px}
.samples-header nav a{padding:9px 0;font-size:13px;font-weight:600}
.samples-header nav a[aria-current]{border-bottom:2px solid var(--gold)}
.samples-controls{gap:12px}.samples-theme{width:38px;height:38px;font-size:22px;border:1px solid var(--line);color:inherit;background:transparent}
.samples-main{max-width:1480px;margin:auto;padding:32px 32px 56px}
.samples-heading{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.samples-heading h1{font:500 38px/1.2 var(--serif);margin:0;letter-spacing:0}
.samples-heading p{font-size:14px;margin:0}
.samples-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap}
.samples-filters label{display:grid;gap:8px;flex:1 1 180px;max-width:380px;font-size:12px;font-weight:600}
.samples-filters input,.samples-filters select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font:14px var(--sans);border-radius:4px}
.samples-filters button,.samples-more button,#retrySamples{min-height:44px;padding:10px 18px;background:transparent;border:1px solid var(--line-gold);color:inherit;font:600 13px var(--sans);border-radius:4px}
#sampleStatus{min-height:22px;margin:20px 0 14px;font-size:13px}
.samples-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}
.sample-card{display:flex;flex-direction:column;min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}
.sample-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#ececec;border-radius:4px}
.sample-card .sample-reference{margin-top:9px;font-size:11px;line-height:1.5;color:var(--gold-soft)}
.sample-card .sample-category{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.sample-card:hover img{outline:2px solid var(--gold)}
.samples-more{display:flex;justify-content:center;margin-top:28px}.samples-more button{min-width:180px}
.samples-footer{border-top:1px solid var(--line);max-width:1480px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px}
body[data-page="samples"] [hidden]{display:none!important}
body[data-page="samples"] button:focus-visible,body[data-page="samples"] a:focus-visible,body[data-page="samples"] input:focus-visible,body[data-page="samples"] select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#sampleDialog{position:fixed;margin:auto;width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--ink);color:var(--paper);padding:16px}
#sampleDialog::backdrop{background:rgba(0,0,0,.75)}
.sample-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.sample-dialog-bar h2{font:500 22px/1.4 var(--serif);margin:0;overflow-wrap:anywhere}
#closeSample{width:44px;height:44px;flex:none;background:transparent;color:inherit;border:1px solid var(--line);font-size:28px}
#sampleDialogImage{display:block;width:100%;height:min(65dvh,650px);object-fit:contain;background:#ececec}
#sampleDialogCaption{margin:12px 0 0;font-size:13px;overflow-wrap:anywhere}
@media(max-width:1100px){.samples-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.samples-filters label:nth-child(2){flex:1 1 150px}}
@media(max-width:720px){.samples-header{padding:16px;gap:16px;flex-wrap:wrap}.samples-header .logo{flex:1}.samples-header nav{order:3;width:100%;justify-content:center;gap:32px}.samples-main{padding:24px 16px 40px}.samples-heading{gap:10px;margin-bottom:20px}.samples-heading h1{font-size:30px}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.samples-filters{gap:12px}.samples-filters label{max-width:none;flex-basis:100%}.samples-footer{padding:24px 16px}.samples-header .logo-name{font-size:20px}.samples-header .logo-mark{width:34px}.samples-footer nav{gap:16px}}

#sampleProductLink[hidden]{display:none}#sampleShopStatus:empty{display:none}

.sample-card .sample-reference{overflow-wrap:anywhere}

#sampleEnquiryLink{margin-top:12px;margin-right:8px;max-width:100%;white-space:normal;text-align:center}
.sample-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}
.sample-preview-nav button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:inherit;border:1px solid transparent;border-radius:50%;font-size:24px;cursor:pointer;opacity:.75}
.sample-preview-nav button:hover:not(:disabled){opacity:1;border-color:var(--line)}
.sample-preview-nav button:disabled{opacity:.2;cursor:default}
.sample-preview-nav span{font-size:12px;color:var(--brand-muted,var(--paper))}
.sample-preview-nav button:focus-visible{outline:2px solid currentColor;outline-offset:2px}