/* Light, app-like styling */
:root{
  --card-bg:#ffffff;
  --card-border:#e5e7eb;
  --chip:#f1f5f9;
  --chip-active:#0d6efd;
  --chip-active-text:#ffffff;
}
body{background:#fafafa}
.product-card{
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:14px;
  overflow:hidden;
  transition:transform .12s ease, box-shadow .12s ease;
}
.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.price{font-weight:700}
.old{text-decoration:line-through;color:#6b7280}
.img-wrap{background:#f6f7f9;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.img-wrap img{max-width:100%;max-height:100%;object-fit:contain}
.discount{position:absolute;top:.5rem;left:.5rem}
.chip{background:var(--chip);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;cursor:pointer;border:1px solid #e2e8f0}
.chip.active{background:var(--chip-active);color:var(--chip-active-text);border-color:var(--chip-active)}
.btn-amz{background:#146eb4;border:none}
.btn-amz:hover{background:#115c97}
.badge-walmart{background:#0071ce}
.badge-ebay{background:#e53238}
@media (hover:none){
  .product-card:hover{transform:none;box-shadow:none}
}


/* AMA Slideshow */
.ama-slider{ background:#fff; border-bottom:1px solid #eee; }
.ama-viewport{ overflow:hidden; border-radius:12px; }
.ama-track{ display:flex; will-change:transform; transition:transform .35s ease; }
.ama-slide{
  flex:0 0 calc(100% / var(--per,1));
  padding:.5rem;
}
.ama-card{
  background:#fff; border:1px solid #e9eef5; border-radius:12px; height:100%;
  display:flex; flex-direction:column; padding:.75rem;
}
.ama-thumb{
  background:#f6f7f9; border-radius:10px; height:160px;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.ama-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.ama-title{ font-size:.95rem; line-height:1.25; margin:.5rem 0 .25rem; height:2.5em; overflow:hidden; }
.ama-price{ font-weight:700; }
.ama-old{ color:#97a3b3; text-decoration:line-through; margin-left:.4rem; font-size:.9rem; }
.ama-dots{ display:flex; gap:.4rem; }
.ama-dot{ width:8px; height:8px; border-radius:50%; background:#d6dde6; }
.ama-dot.active{ background:#0d6efd; }

/* Slides per view by breakpoint (like Amazon: 1 on mobile, 2 md, 3 lg) */
#amaViewport{ --per:1; }
@media (min-width: 768px){ #amaViewport{ --per:2; } .ama-thumb{ height:180px; } }
@media (min-width: 1200px){ #amaViewport{ --per:3; } .ama-thumb{ height:190px; } }