/* =========================================================
   COMPRA CON SENTIDO · PRODUCT CARDS V1
   Plantilla canónica única para TODAS las comparativas.
   ========================================================= */

.ccs-products-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  width:100%!important;
}

.ccs-product-card{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line,#dfe8e2)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:var(--shadow-soft,0 10px 28px rgba(22,60,39,.06))!important;
}

.ccs-product-media{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  flex-direction:column!important;
  min-height:100%!important;
  height:100%!important;
  margin:0!important;
  padding:24px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#fbfcfb,#edf3ef)!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}

.ccs-product-media img{
  display:block!important;
  width:100%!important;
  max-width:320px!important;
  height:300px!important;
  margin:auto!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
}

.ccs-product-badge{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:calc(100% - 36px)!important;
  margin:0!important;
  padding:8px 11px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(6,61,38,.94)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,0,0,.12)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

.ccs-product-media .grinder-image-note,
.ccs-product-media .image-note{
  position:absolute!important;
  right:14px!important;
  bottom:12px!important;
  margin:0!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#627068!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.ccs-product-content{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:30px 32px 32px!important;
  box-sizing:border-box!important;
}

.ccs-product-card .product-head,
.ccs-product-card .grinder-product-head{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

.ccs-product-card .product-head > div{
  display:block!important;
}

.ccs-product-content h3{
  margin:0 0 9px!important;
  color:var(--green-950,#063d26)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(27px,2.6vw,36px)!important;
  line-height:1.14!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
}

.ccs-product-subtitle{
  margin:0!important;
  color:var(--muted,#5f6d65)!important;
  font-size:17px!important;
  line-height:1.55!important;
}

.ccs-product-content > .product-head,
.ccs-product-content > h3{order:10}

.ccs-product-content > .ccs-product-subtitle{order:15}

.ccs-product-content > .ccs-product-specs{
  order:20;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:22px 0 0!important;
}

.ccs-product-content > .ccs-product-specs > div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:64px!important;
  margin:0!important;
  padding:12px 13px!important;
  box-sizing:border-box!important;
  border:1px solid #e2e9e5!important;
  border-radius:13px!important;
  background:#f7faf8!important;
  text-align:left!important;
}

.ccs-product-card .ccs-product-specs small,
.ccs-product-card .ccs-product-specs span{
  color:#6b7770!important;
  font-size:12px!important;
  line-height:1.25!important;
}

.ccs-product-card .ccs-product-specs strong{
  margin-top:4px!important;
  color:#10261a!important;
  font-size:15px!important;
  line-height:1.3!important;
}

.ccs-product-content > .ccs-product-copy{
  order:30;
  margin:20px 0 0!important;
}

.ccs-product-content > .ccs-product-copy p{
  margin:0 0 12px!important;
}

.ccs-product-content > .ccs-product-copy p:last-child{
  margin-bottom:0!important;
}

.ccs-product-content > .ccs-product-experience{
  order:40;
  margin:18px 0 0!important;
}

.ccs-product-content > .ccs-product-proscons{
  order:60;
}

.ccs-product-card .ccs-product-proscons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:20px 0 0!important;
  padding:0!important;
}

.ccs-product-card .ccs-product-proscons > div{
  align-self:stretch!important;
  min-width:0!important;
  margin:0!important;
  padding:18px 20px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  text-align:left!important;
}

.ccs-product-card .ccs-product-proscons > div:first-child{
  background:#eef7f1!important;
  border:1px solid #cfe2d6!important;
}

.ccs-product-card .ccs-product-proscons > div:nth-child(2){
  background:#fff3f2!important;
  border:1px solid #f0cfcc!important;
}

.ccs-product-card .ccs-product-proscons > div > strong{
  display:block!important;
  margin:0 0 8px!important;
  font-size:15px!important;
  line-height:1.35!important;
}

.ccs-product-card .ccs-product-proscons > div:first-child > strong{
  color:#0a653c!important;
}

.ccs-product-card .ccs-product-proscons > div:nth-child(2) > strong{
  color:#9b2f2a!important;
}

.ccs-product-card .ccs-product-proscons p,
.ccs-product-card .ccs-product-proscons ul{
  margin:0!important;
  text-align:left!important;
}

.ccs-product-card .ccs-product-proscons ul{
  padding-left:18px!important;
}

.ccs-product-card .ccs-product-proscons > div:first-child p,
.ccs-product-card .ccs-product-proscons > div:first-child ul,
.ccs-product-card .ccs-product-proscons > div:first-child li{
  color:#355243!important;
}

.ccs-product-card .ccs-product-proscons > div:nth-child(2) p,
.ccs-product-card .ccs-product-proscons > div:nth-child(2) ul,
.ccs-product-card .ccs-product-proscons > div:nth-child(2) li{
  color:#7a3a36!important;
}

.ccs-product-content > .ccs-product-decision{
  order:70;
}

.ccs-product-card .ccs-product-decision{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:16px 0 0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  border:1px solid #bfd6f3!important;
  border-radius:14px!important;
  background:#eef5ff!important;
  color:#315b87!important;
  line-height:1.55!important;
  text-align:left!important;
}

.ccs-product-card .ccs-product-decision strong{
  color:#173f6b!important;
}

.ccs-product-content > .ccs-product-cta,
.ccs-product-content > .ccs-product-cta-button,
.ccs-product-content > .amazon-btn{
  order:80;
}

.ccs-product-card .ccs-product-cta{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:16px 0 0!important;
  padding:0!important;
}

.ccs-product-card .ccs-product-cta-button,
.ccs-product-card .ccs-product-cta a,
.ccs-product-card > .ccs-product-content > .amazon-btn{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:230px!important;
  max-width:100%!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0 20px!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
}

.ccs-product-card > .ccs-product-content > .ccs-product-cta-button,
.ccs-product-card > .ccs-product-content > .amazon-btn{
  margin-top:16px!important;
  align-self:center!important;
}

.ccs-product-card .product-actions .btn{
  flex:0 0 auto!important;
  width:auto!important;
}

/* Neutraliza restos heredados */
.ccs-product-card .pros,
.ccs-product-card .cons,
.ccs-product-card .robot-pros,
.ccs-product-card .robot-cons,
.ccs-product-card .fit-box,
.ccs-product-card .buy-row,
.ccs-product-card .robot-buy,
.ccs-product-card .product-actions,
.ccs-product-card .product-why{
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:900px){
  .ccs-product-card{
    grid-template-columns:1fr!important;
  }

  .ccs-product-media{
    min-height:300px!important;
    height:auto!important;
  }

  .ccs-product-media img{
    height:260px!important;
    max-width:420px!important;
  }

  .ccs-product-content > .ccs-product-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .ccs-products-list{gap:22px!important}

  .ccs-product-card{
    border-radius:20px!important;
  }

  .ccs-product-media{
    min-height:250px!important;
    padding:18px!important;
  }

  .ccs-product-media img{
    height:220px!important;
  }

  .ccs-product-content{
    padding:24px 22px 26px!important;
  }

  .ccs-product-content h3{
    font-size:clamp(25px,8vw,32px)!important;
  }

  .ccs-product-subtitle{
    font-size:16px!important;
  }

  .ccs-product-card .ccs-product-proscons{
    grid-template-columns:1fr!important;
  }

  .ccs-product-card .ccs-product-cta-button,
  .ccs-product-card .ccs-product-cta a,
  .ccs-product-card > .ccs-product-content > .amazon-btn{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:520px){
  .ccs-product-content > .ccs-product-specs{
    grid-template-columns:1fr!important;
  }
}