/* V18 public catalogue only. Keep admin and application code unchanged. */
@media (min-width: 1500px) {
  body:has(.public-sidebar) .public-content .grid {grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;}
}
@media (min-width: 1150px) and (max-width: 1499px) {
  body:has(.public-sidebar) .public-content .grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;}
}
@media (min-width: 850px) and (max-width: 1149px) {
  body:has(.public-sidebar) .public-content .grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
}
/* Remove cyan/blue preview background: use same neutral gray behind the clothing */
body:has(.public-sidebar) .public-content .preview,
body:has(.public-sidebar) .public-content .preview:before {background:#3b3b3b!important;}
body:has(.public-sidebar) .public-content .preview {height:auto;aspect-ratio:1.75/1;min-height:95px;}
body:has(.public-sidebar) .public-content .preview>img {object-fit:contain;}
body:has(.public-sidebar) .public-content .card-body {padding:7px 8px;}
body:has(.public-sidebar) .public-content .item-title {font-size:12px;line-height:1.3;}
body:has(.public-sidebar) .public-content .file {font-size:9px;}
body:has(.public-sidebar) .public-content .meta {margin-top:6px;gap:3px;}
body:has(.public-sidebar) .public-content .pill {font-size:8px;padding:3px 5px;}
body:has(.public-sidebar) .public-content .tag {font-size:8px;top:6px;right:6px;padding:3px 4px;}
body:has(.public-sidebar) .public-content .texture-picker .texture-btn {width:25px;height:25px;min-width:25px;flex-basis:25px;}
body:has(.public-sidebar) .public-content .texture-picker {left:5px;bottom:5px;right:5px;gap:4px;}
@media (max-width: 600px) {
 body:has(.public-sidebar) .public-content .preview {min-height:95px;}
}