/* ===== Carplay Category Precision Overrides ===== */
.carplay-shop :root{
  --bg:#f7f7f8; --card:#ffffff; --ink:#0f1222; --muted:#6b7280; --line:#eaeaea; --radius:14px;
}

/* Bakgrund + typografi-beteende */
.carplay-shop body.woocommerce-shop,
.carplay-shop body.tax-product_cat{ background:var(--bg) !important; }

/* Trust-rad */
.carplay-shop .carplay-trust{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:8px 12px; margin:12px 0; font-size:14px; color:#111;
}

/* Header/result/sort – ge spacing och rätt layout */
.carplay-shop .carplay-gridbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:10px 0;
}
.carplay-shop .carplay-results{ color:var(--muted); font-size:14px; }
.carplay-shop .woocommerce-ordering select{
  padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:#fff;
}

/* Produktgrid – gör kort till “cards” */
.carplay-shop .woocommerce ul.products,
.carplay-shop .woocommerce-page ul.products{ gap:20px !important; }

.carplay-shop .woocommerce ul.products li.product,
.carplay-shop .ast-woocommerce-container .woocommerce ul.products li.product{
  background:#fff !important; border:1px solid var(--line) !important;
  border-radius:var(--radius) !important; padding:14px !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}
.carplay-shop .woocommerce ul.products li.product:hover{
  transform: translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Bilder – konsekvent ratio + fallback */
.carplay-shop .woocommerce ul.products li.product a img{
  width:100% !important; height:auto; border-radius:10px !important;
  object-fit:cover; aspect-ratio:4/3;
}
/* Fallback om aspect-ratio inte biter pga inline heights */
.carplay-shop .woocommerce ul.products li.product a img{
  max-height:none !important;
}

/* Badges (REA/onsale) */
.carplay-shop .woocommerce ul.products li.product .onsale{
  background:#111 !important; color:#fff !important; border-radius:999px !important;
  padding:6px 10px !important; left:12px !important; top:12px !important; right:auto !important;
}

/* Titel, pris, betyg, knapp */
.carplay-shop .woocommerce-loop-product__title{
  font-size:16px !important; line-height:1.3 !important;
  min-height:2.6em; margin:10px 0 6px !important; color:var(--ink) !important;
}
.carplay-shop .star-rating{ margin:2px 0 6px !important; }
.carplay-shop .price{ font-weight:700 !important; margin-bottom:8px !important; }
.carplay-shop .button.product_type_variable,
.carplay-shop .button{ width:100% !important; border-radius:10px !important; padding:10px 12px !important; }

/* Load more-knapp */
.carplay-shop #carplay-loadmore.carplay-loadmore{
  display:block; width:100%; margin:18px auto 0; border:1px solid var(--line);
  background:#fff; border-radius:12px; padding:12px; font-weight:700; cursor:pointer;
}
.carplay-shop #carplay-loadmore[disabled]{ opacity:.5; cursor:not-allowed; }

/* Breadcrumb och smådetaljer */
.carplay-shop .woocommerce-breadcrumb{ color:var(--muted) !important; margin-bottom:8px !important; }

/* Grid-responsivitet (för säkerhets skull) */
@media (max-width: 544px){
  .carplay-shop .woocommerce ul.products{ grid-template-columns: 1fr !important; }
}