/* =========================================================
   UNIVERSAL LIST CARD V1
   Single owner for Fan / Power Bank / future categories.
   Contract: image left, content right.
   ========================================================= */

#catalogPage.is-list #catalogList,
#powerBankPage.is-list #pbGrid,
.category-catalog-page.is-list .category-product-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  width:100% !important;
}

/* One card geometry */
#catalogPage.is-list .category-product-card,
#powerBankPage.is-list .category-product-card,
.category-catalog-page.is-list .category-product-card{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  grid-template-areas:"media body" !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:0 !important;

  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;

  padding:14px !important;
  margin:0 !important;
  box-sizing:border-box !important;

  background:#fff !important;
  border:1px solid #ECEBE8 !important;
  border-radius:22px !important;
  box-shadow:0 7px 24px rgba(20,22,28,.035) !important;
  overflow:hidden !important;
}

/* Media */
#catalogPage.is-list .category-product-card>img,
#powerBankPage.is-list .category-product-card>img,
.category-catalog-page.is-list .category-product-card>img{
  grid-area:media !important;

  position:static !important;
  inset:auto !important;

  display:block !important;
  width:112px !important;
  height:112px !important;
  min-width:112px !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:contain !important;
  object-position:center !important;
  aspect-ratio:1/1 !important;

  border-radius:15px !important;
  background:#F6F7F8 !important;
}

/* Content wrapper */
#catalogPage.is-list .category-product-card>.category-card-body,
#powerBankPage.is-list .category-product-card>.category-card-body,
.category-catalog-page.is-list .category-product-card>.category-card-body{
  grid-area:body !important;

  position:static !important;
  inset:auto !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;

  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

/* Text hierarchy */
#catalogPage.is-list .category-card-body .catalog-brand,
#powerBankPage.is-list .category-card-body .pb-brand,
.category-catalog-page.is-list .category-card-brand{
  width:100% !important;
  min-width:0 !important;
  margin:0 0 4px !important;

  color:var(--muted,#747982) !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

#catalogPage.is-list .category-card-body h3,
#powerBankPage.is-list .category-card-body h3,
.category-catalog-page.is-list .category-card-title{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 0 6px !important;

  color:var(--ink,#202124) !important;
  font-size:1.1rem !important;
  line-height:1.45 !important;
  font-weight:700 !important;

  overflow:visible !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  -webkit-line-clamp:unset !important;
}

#catalogPage.is-list .category-card-body .catalog-specs,
#powerBankPage.is-list .category-card-body .pb-spec-line,
.category-catalog-page.is-list .category-card-specs{
  width:100% !important;
  min-width:0 !important;
  margin:0 0 4px !important;

  color:var(--muted,#747982) !important;
  font-size:.91rem !important;
  line-height:1.55 !important;
  font-weight:400 !important;

  overflow-wrap:normal !important;
  word-break:normal !important;
}

#catalogPage.is-list .category-card-body .catalog-price,
#powerBankPage.is-list .category-card-body .pb-price,
.category-catalog-page.is-list .category-card-price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  width:100% !important;
  min-width:0 !important;

  margin:4px 0 0 !important;

  color:var(--ink,#202124) !important;
  font-size:1.12rem !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

#catalogPage.is-list .category-card-body .catalog-price small,
#powerBankPage.is-list .category-card-body .pb-price small,
.category-catalog-page.is-list .category-card-price small{
  display:block !important;
  margin:0 0 2px !important;

  color:var(--brand,#B85E43) !important;
  font-size:.86rem !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

/* Compare checkbox remains an overlay and does not consume grid columns */
#catalogPage.is-list .category-product-card>.universal-compare-control,
#powerBankPage.is-list .category-product-card>.universal-compare-control,
.category-catalog-page.is-list .category-product-card>.universal-compare-control{
  position:absolute !important;
}

/* Mobile keeps the same contract, only media gets slightly smaller */
@media(max-width:420px){
  #catalogPage.is-list .category-product-card,
  #powerBankPage.is-list .category-product-card,
  .category-catalog-page.is-list .category-product-card{
    grid-template-columns:100px minmax(0,1fr) !important;
    column-gap:12px !important;
    padding:12px !important;
  }

  #catalogPage.is-list .category-product-card>img,
  #powerBankPage.is-list .category-product-card>img,
  .category-catalog-page.is-list .category-product-card>img{
    width:100px !important;
    height:100px !important;
    min-width:100px !important;
  }
}