.category-tabs { display:flex;flex-wrap:wrap;gap:10px; }
.category-tab[aria-pressed="false"] { color:#111;background:#fff; }
.roman-results { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-bottom:1px solid #ccc;padding-bottom:18px;margin-bottom:24px;font-size:12px;font-weight:850;text-transform:uppercase; }
.roman-view-tabs { display:flex;gap:8px; }
.roman-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px; }
.roman-grid .product-card { width:100%;min-width:0; }
.roman-grid .product-body { padding:17px 8px 8px; }
.roman-grid .product-media img { object-fit:cover; }
.roman-grid .dot,.roman-color-options .dot,.roman-detail-color .dot { background:var(--swatch);border-color:#0003;flex:0 0 13px; }
.roman-no-photo { min-height:100%;padding:32px;display:grid;place-content:center;text-align:center;background:#f4f4f1;color:#666;font-size:14px; }
.roman-gallery { min-width:0;padding:16px;background:#f5f5f2; }
.roman-main-photo { display:block;width:100%;height:430px;object-fit:contain; }
.roman-gallery .roman-no-photo { min-height:360px; }
.roman-gallery-controls { display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px; }
.roman-photo-step { min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #999;background:white;font-size:13px;font-weight:850; }
.roman-thumbs { display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:8px; }
.roman-thumb { width:66px;height:56px;flex:0 0 66px;padding:2px;border:2px solid transparent;background:#fff; }
.roman-thumb[aria-current="true"] { border-color:#111; }
.roman-thumb img { display:block;width:100%;height:100%;object-fit:cover; }
.roman-color-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.roman-color-options .size-option span { display:flex;justify-content:center;gap:7px; }
.roman-color-options .size-option .dot { min-height:0;padding:0;width:13px;height:13px;display:block;border-radius:50%; }
.roman-color-options .size-option input:checked+span .dot { border-color:#ffffffa0; }
.roman-detail-color { display:flex;align-items:center;gap:8px; }
#romanDialog .price { margin-top:20px; }
@media(max-width:1050px) { .roman-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.roman-main-photo{height:350px} }
@media(max-width:760px) { .roman-grid { grid-template-columns:1fr; }.roman-gallery{padding:12px}.roman-main-photo{height:44dvh}.roman-gallery .roman-no-photo{min-height:44dvh}.roman-results{align-items:flex-start}.roman-results>span{width:100%}.roman-color-options{grid-template-columns:repeat(2,minmax(0,1fr))} }