.samples{background:#f4f7fb}.sample-filters{display:flex;gap:10px;margin:0 0 16px}.sample-filters button{font:700 16px Arial,sans-serif;min-height:48px;padding:12px 22px;border:1px solid #b5c6d8;border-radius:8px;background:white;color:#092544;cursor:pointer}.sample-filters button[aria-pressed="true"]{background:#092544;color:white;border-color:#092544}.sample-status,.sample-note{color:#566579;font-size:15px}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sample-grid[hidden]{display:none}.sample-card{padding:16px;background:#fff;border:1px solid #dce4ed;border-radius:12px;min-width:0}.sample-preview{display:block;text-align:center;border-radius:6px}.sample-preview img{width:100%;height:auto;aspect-ratio:512/606;object-fit:contain}.sample-preview span{display:block;color:#566579;font-size:14px;padding:8px}.sample-card h3{font-size:18px;margin:14px 0}.sample-order{width:100%;padding:10px;background:#eef3f9;color:#092544;text-align:center}.sample-note{margin:25px 0 0}.sample-note a{color:#092544;text-decoration:underline}.sample-filters,.sample-status{display:none}.samples-ready .sample-filters{display:flex}.samples-ready .sample-status{display:block}#sample-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;border:0;padding:24px;border-radius:14px;color:#092544;overflow:auto}#sample-dialog::backdrop{background:#071a32b8}#sample-dialog form{display:flex;justify-content:flex-end}#sample-dialog h2{font-size:24px;margin:10px 0}#sample-large{width:100%;height:auto;max-height:58dvh;object-fit:contain}#sample-dialog-order{display:flex;margin-top:18px}.sample-close{font:inherit;min-height:44px;padding:10px 14px;background:#eef3f9;color:#092544;border:0;border-radius:7px;cursor:pointer}@media(max-width:980px){.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sample-card{padding:10px}.sample-order{font-size:14px}.sample-filters button{padding:12px 16px}}@media(max-width:350px){.sample-grid{grid-template-columns:1fr}}