/* Small real product previews belong to the model cell, not a new table column. */
.oc-page .so-model[data-catalog-thumbnail]>summary>.so-index{
 display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;
}
.oc-page .so-model[data-catalog-thumbnail] .oc-index-copy{display:block;min-width:0}
.oc-page .so-model[data-catalog-thumbnail] .oc-summary-thumb{
 display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;
 padding:3px;border:1px solid #dfe5e9;border-radius:6px;background:#fff;overflow:hidden;
}
.oc-page .so-model[data-catalog-thumbnail] .oc-summary-thumb img{
 display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;
 margin:0;padding:0;border:0;border-radius:0;filter:none;mix-blend-mode:normal;
}
.oc-page .so-model[data-catalog-thumbnail=remote] .oc-summary-thumb{border-radius:6px;padding:1px}
.oc-page .so-model[data-catalog-thumbnail][open]>summary>.so-index{grid-template-columns:minmax(0,1fr);gap:0}
.oc-page .so-model[data-catalog-thumbnail][open] .oc-summary-thumb{display:none}
@media(min-width:701px) and (max-width:1100px){
 .oc-page .so-model[data-catalog-thumbnail]>summary>.so-index{grid-template-columns:38px minmax(0,1fr);gap:9px}
 .oc-page .so-model[data-catalog-thumbnail] .oc-summary-thumb{width:38px;height:38px}
 .oc-page .so-model[data-catalog-thumbnail][open]>summary>.so-index{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:700px){
 .oc-page .so-model[data-catalog-thumbnail]>summary>.so-index{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}
 .oc-page .so-model[data-catalog-thumbnail] .oc-summary-thumb{width:42px;height:42px}
 .oc-page .so-model[data-catalog-thumbnail][open]>summary>.so-index{grid-template-columns:minmax(0,1fr);gap:0}
}

.oc-page .so-index .oc-product-name{font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;margin-bottom:4px;color:#526570}
.oc-page .so-model .oc-index-copy>strong{overflow-wrap:anywhere}
.oc-page .oc-summary-thumb--missing{color:#9aa6ad;background:#f6f8f9!important}
.oc-page .oc-summary-thumb--missing svg{display:block;max-width:100%;max-height:100%}

/* Use the square preview completely; the expanded photograph remains uncropped. */
.oc-page .so-model[data-catalog-thumbnail] .oc-summary-thumb{padding:0;border:0;background:#eef1f2}
.oc-page [data-catalog-category=koszulki] .so-model[data-catalog-thumbnail=product] .oc-summary-thumb img,
.oc-page .so-model[data-xml-photo] .oc-summary-thumb img{object-fit:cover}
.oc-page .so-group-title .oc-new-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:12px;padding:4px 8px;border:1px solid #c5563438;border-radius:6px;background:#c556340a;color:#a43e20;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}


/* The preview floats above the catalogue; row sizes and click behavior stay intact. */
.oc-page .oc-photo-preview {
 position:fixed;z-index:1200;box-sizing:border-box;width:360px;
 max-width:calc(100vw - 24px);margin:0;padding:14px;
 background:#fff;color:#243746;border:1px solid #dce3e7;border-radius:12px;
 box-shadow:0 12px 40px #172d4329,0 2px 8px #172d4312;
}
.oc-page .oc-photo-preview[hidden] {display:none!important}
.oc-page .oc-photo-preview__picture {
 display:grid;place-items:center;width:100%;height:min(300px,45vh);min-width:0;
}
.oc-page .oc-photo-preview__picture img {
 display:block;width:auto;height:auto;max-width:100%;max-height:min(300px,45vh);
 object-fit:contain;object-position:center;margin:0;padding:0;
 border:0;border-radius:0;filter:none;mix-blend-mode:normal;
}
.oc-page .oc-photo-preview__caption {
 margin-top:10px;text-align:center;font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;
}
@media(any-hover:hover) and (any-pointer:fine) {
 .oc-page .oc-summary-thumb:not(.oc-summary-thumb--missing) {cursor:zoom-in}
}