/* Southdetail v3.7: categorías laterales y catálogo de cuatro columnas. */
.sd37-layout{display:grid!important;grid-template-columns:228px minmax(0,1fr)!important;align-items:start!important;gap:22px!important;width:100%;max-width:100%;margin:0 auto 30px;box-sizing:border-box}
.sd37-sidebar{position:sticky;top:82px;display:flex;flex-direction:column;gap:5px;padding:18px 12px;background:#0b171b;border:1px solid #25454c;border-radius:15px;min-width:0}
.sd37-sidebar h3{margin:0 8px 14px;font-size:18px;color:#f3feff}
.sd37-sidebar .sd37-cat{display:block;text-decoration:none!important;color:#cbdee1;padding:11px 12px;border-radius:9px;font-size:13px;line-height:1.25;transition:background-color .15s ease}
.sd37-sidebar .sd37-cat:hover,.sd37-sidebar .sd37-cat.active{background:#123e44;color:#fff;border-left:3px solid #52d1d4;padding-left:9px}
.sd37-layout #catalogo{min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
/* Se usa solo el buscador del encabezado, nunca dos. */
#catalogo .search,#catalogo .sd-heading .search{display:none!important}
.sd37-layout #catalogo .sd-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 15px!important}
.sd37-layout #catalogo .sd-product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.sd37-layout #catalogo .sd-product{min-width:0!important;width:auto!important;max-width:none!important;border-radius:12px!important;overflow:hidden!important}
.sd37-layout #catalogo .sd-media{height:130px!important;max-height:130px!important;min-height:0!important;overflow:hidden!important}
.sd37-layout #catalogo .sd-media img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#f7f8fa!important}
.sd37-layout #catalogo .sd-info{padding:10px!important;min-height:0!important}
.sd37-layout #catalogo .sd-info h3{font-size:13px!important;line-height:1.3!important;min-height:0!important;margin:5px 0!important}
.sd37-layout #catalogo .sd-info .category{font-size:11px!important}
.sd37-layout #catalogo .sd-info .price{font-size:18px!important;margin:6px 0!important}
.sd37-layout #catalogo .sd-info .stock{font-size:11px!important}
.sd37-layout #catalogo .sd-info .view{font-size:12px!important;padding:9px!important;margin-top:8px!important}
/* Compactar tarjetas también en destacados y ofertas, sin cambiar lógica. */
.sd21 #destacados .sd-media,.sd21 #ofertas .sd-media{height:140px!important;max-height:140px!important}
.sd21 #destacados .sd-media img,.sd21 #ofertas .sd-media img{height:100%!important;object-fit:contain!important}
@media(max-width:1200px){.sd37-layout #catalogo .sd-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.sd37-layout{grid-template-columns:1fr!important;gap:16px!important}.sd37-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding:11px}.sd37-sidebar h3{width:100%;margin:0 0 5px}.sd37-sidebar .sd37-cat{border:1px solid #28464d;padding:8px 10px}.sd37-sidebar .sd37-cat.active,.sd37-sidebar .sd37-cat:hover{padding:8px 10px;border:1px solid #52d1d4}}
@media(max-width:640px){.sd37-layout #catalogo .sd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.sd37-layout #catalogo .sd-media{height:110px!important}.sd37-layout #catalogo .sd-info{padding:8px!important}}