/* Developer & Lead Architect: Morris Robinson / morrisrobinson1688@aol.com */
/* UNIMERCE 359R552 — Premium collection hero restoration + explicit responsive marketplace layout. */

/* Restore the category image as a compact premium hero without pushing products too far down. */
.um-premium-category-hero-r552{
  display:block;
  width:100%;
  margin:10px 0 18px;
  overflow:hidden;
  border:1px solid #d6c39a;
  border-radius:5px;
  background:#f5efe3;
  aspect-ratio:21/7;
  max-height:320px;
}
.um-premium-category-hero-r552 img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}

/* Row view is always one marketplace item per row. */
.um-luxury-results.is-view-row .um-luxury-grid{
  grid-template-columns:minmax(0,1fr)!important;
}

/* Wide desktop: respect the administrator's 2/3/4-card maximum. */
@media (min-width:1181px){
  .um-luxury-results[data-category-columns-r547="2"] .um-luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .um-luxury-results[data-category-columns-r547="3"] .um-luxury-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .um-luxury-results[data-category-columns-r547="4"] .um-luxury-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Tablet and small notebook: collapse filters so cards can use the actual viewport width. */
@media (max-width:1100px){
  .um-luxury-shop{display:block!important}
  .um-luxury-filters{display:none!important;width:100%;max-width:none;margin:0 0 18px}
  .um-luxury-filters.um-filters-open{display:block!important}
  .um-filter-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
  .um-luxury-toolbar{align-items:flex-start}
}

/* Wide tablet: grid is width-driven and never exceeds the admin maximum. */
@media (min-width:901px) and (max-width:1180px){
  .um-luxury-results[data-category-columns-r547="2"] .um-luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .um-luxury-results[data-category-columns-r547="3"] .um-luxury-grid,
  .um-luxury-results[data-category-columns-r547="4"] .um-luxury-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .um-luxury-results.is-view-row .um-luxury-product{
    grid-template-columns:minmax(190px,30vw) minmax(0,1fr)!important;
    gap:18px!important;
  }
  .um-luxury-subcollections[data-category-columns-r547="2"] .um-luxury-sublinks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .um-luxury-subcollections[data-category-columns-r547="3"] .um-luxury-sublinks,
  .um-luxury-subcollections[data-category-columns-r547="4"] .um-luxury-sublinks{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .um-premium-category-hero-r552{aspect-ratio:18/6;max-height:270px}
}

/* Medium/narrow tablet: two grid cards; row remains one horizontal item per row. */
@media (min-width:641px) and (max-width:900px){
  .um-luxury-results .um-luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .um-luxury-results.is-view-row .um-luxury-grid{grid-template-columns:minmax(0,1fr)!important}
  .um-luxury-results.is-view-row .um-luxury-product{
    display:grid!important;
    grid-template-columns:minmax(165px,34vw) minmax(0,1fr)!important;
    gap:16px!important;
  }
  .um-luxury-results.is-view-row .um-luxury-photo{aspect-ratio:4/3!important}
  .um-luxury-subcollections .um-luxury-sublinks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .um-premium-category-hero-r552{aspect-ratio:16/6;max-height:225px}
}

/* Phone: exactly one product card per row in BOTH Grid and Row modes. */
@media (max-width:640px){
  .um-luxury-category{padding-inline:12px!important;padding-top:12px!important}
  .um-luxury-category-head{padding-bottom:10px!important}
  .um-premium-category-hero-r552{aspect-ratio:16/8;max-height:190px;margin:8px 0 14px;border-radius:3px}
  .um-luxury-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important}
  .um-luxury-toolbar-left{display:flex;flex-wrap:wrap;gap:10px!important}
  .um-category-view-toggle-r547{justify-self:start;max-width:100%;flex-wrap:wrap}
  .um-luxury-results .um-luxury-grid,
  .um-luxury-results.is-view-grid .um-luxury-grid,
  .um-luxury-results.is-view-row .um-luxury-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  .um-luxury-results .um-luxury-product,
  .um-luxury-results.is-view-row .um-luxury-product{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .um-luxury-results.is-view-row .um-luxury-product{
    padding:10px!important;
  }
  .um-luxury-results.is-view-row .um-luxury-photo,
  .um-luxury-results.is-view-grid .um-luxury-photo{
    width:100%!important;
    aspect-ratio:3/4!important;
    max-height:none!important;
  }
  .um-luxury-results.is-view-row .um-luxury-product-body{
    padding:11px 2px 2px!important;
  }
  .um-luxury-results.is-view-row .um-luxury-product-body h3{font-size:18px!important}
  .um-luxury-results.is-view-row .um-luxury-product-body p,
  .um-luxury-results.is-view-row .um-product-row-intro-r549{font-size:13px!important;line-height:1.45!important}
  .um-luxury-subcollections .um-luxury-sublinks{grid-template-columns:minmax(0,1fr)!important}
  .um-luxury-subcategory-card{width:100%;min-width:0}
  .um-luxury-pagination{flex-wrap:wrap;gap:10px!important}
}