/* =====================================================
   FIX VISUAL CARRITO - LOBOZOLDYCK STORE
   Corrige orden, ancho y compactación del carrito.
   No toca colores verdes ni lógica del carrito.
===================================================== */

/* El problema era que el resumen quedó primero y el panel de productos quedó apretado.
   Forzamos productos a la izquierda y resumen a la derecha en escritorio. */
.cart-page-compact .cart-layout,
.cart-page-compact .cart-layout-compact,
.cart-layout.cart-layout-compact{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(330px, 380px) !important;
  gap:24px !important;
  align-items:start !important;
}

.cart-page-compact .cart-panel,
.cart-page-compact .cart-panel-compact,
.cart-panel.cart-panel-compact{
  order:1 !important;
  grid-column:auto !important;
  min-width:0 !important;
  width:100% !important;
  padding:20px !important;
  overflow:hidden !important;
}

.cart-page-compact .cart-summary,
.cart-page-compact .cart-summary-compact,
.cart-summary.cart-summary-compact{
  order:2 !important;
  grid-column:auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:22px !important;
  position:sticky !important;
  top:96px !important;
}

/* Cabecera compacta, sin ocupar media pantalla */
.cart-page-compact .cart-mini-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  padding:18px 24px !important;
  margin-bottom:18px !important;
  min-height:auto !important;
}

.cart-page-compact .cart-mini-head h1{
  font-size:clamp(28px, 3vw, 42px) !important;
  line-height:1 !important;
  margin:4px 0 0 !important;
}

.cart-page-compact .cart-mini-head p{
  max-width:420px !important;
  font-size:18px !important;
  line-height:1.35 !important;
  margin:0 !important;
  text-align:right !important;
}

/* Panel de productos */
.cart-page-compact .cart-panel-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.cart-page-compact .cart-panel-head h2{
  font-size:clamp(24px, 2.4vw, 34px) !important;
  line-height:1.08 !important;
  margin:0 !important;
}

.cart-page-compact .cart-list{
  display:grid !important;
  gap:14px !important;
}

/* Producto en carrito: distribución horizontal limpia */
.cart-page-compact .cart-item,
.cart-page-compact .cart-item-compact{
  display:grid !important;
  grid-template-columns:92px minmax(0, 1fr) 138px 118px !important;
  gap:14px !important;
  align-items:center !important;
  padding:14px !important;
  border-radius:22px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.cart-page-compact .cart-item-img,
.cart-page-compact .cart-item-img img{
  display:block !important;
  width:92px !important;
  height:92px !important;
  max-width:92px !important;
  aspect-ratio:1 / 1 !important;
}

.cart-page-compact .cart-item-img img{
  object-fit:cover !important;
  border-radius:18px !important;
  clip-path:none !important;
}

.cart-page-compact .cart-item-info{
  min-width:0 !important;
  overflow:hidden !important;
}

.cart-page-compact .cart-category{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin-bottom:4px !important;
}

.cart-page-compact .cart-item-info h3{
  font-size:18px !important;
  line-height:1.12 !important;
  margin:4px 0 6px !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

.cart-page-compact .cart-item-info p{
  font-size:15px !important;
  line-height:1.25 !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:-webkit-box !important;
  -webkit-line-clamp:1 !important;
  -webkit-box-orient:vertical !important;
}

.cart-page-compact .cart-item-qty{
  display:grid !important;
  gap:8px !important;
  justify-items:center !important;
  min-width:0 !important;
}

.cart-page-compact .cart-qty-control,
.cart-page-compact .qty-control.cart-qty-control{
  display:grid !important;
  grid-template-columns:36px 54px 36px !important;
  gap:7px !important;
  align-items:center !important;
  margin:0 !important;
}

.cart-page-compact .cart-qty-control .qty-btn,
.cart-page-compact .cart-qty-control .qty-input{
  width:auto !important;
  height:38px !important;
  min-width:0 !important;
  border-radius:13px !important;
}

.cart-page-compact .cart-remove-js,
.cart-page-compact .cart-remove{
  max-width:110px !important;
  font-size:14px !important;
  line-height:1 !important;
  padding:5px 10px !important;
  border-radius:10px !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.cart-page-compact .cart-item-price{
  display:grid !important;
  gap:5px !important;
  text-align:right !important;
  justify-items:end !important;
  white-space:nowrap !important;
  min-width:0 !important;
}

.cart-page-compact .cart-item-price span{
  font-size:14px !important;
}

.cart-page-compact .cart-item-price strong{
  font-size:20px !important;
}

/* Resumen más compacto */
.cart-page-compact .cart-summary-compact h2,
.cart-page-compact .cart-summary h2{
  font-size:clamp(24px, 2vw, 30px) !important;
  margin-bottom:12px !important;
}

.cart-page-compact .summary-row,
.cart-page-compact .summary-total{
  padding:10px 0 !important;
}

.cart-page-compact .summary-total{
  font-size:24px !important;
}

.cart-page-compact .cart-summary .btn-neon,
.cart-page-compact .cart-summary .btn-purple,
.cart-page-compact .cart-summary .btn-outline,
.cart-page-compact .cart-summary-compact .btn-neon,
.cart-page-compact .cart-summary-compact .btn-purple,
.cart-page-compact .cart-summary-compact .btn-outline{
  min-height:46px !important;
  padding:12px 16px !important;
  margin-top:8px !important;
}

/* Imágenes de tarjetas: nunca redondas */
.product-card img,
.product-img,
.product-img-wrap,
.product-img-wrap img,
.lobo-product-card .product-img-wrap,
.lobo-product-card .product-img-wrap img{
  border-radius:18px !important;
  clip-path:none !important;
}

/* =====================
   Tablet
===================== */
@media (max-width: 1100px){
  .cart-page-compact .cart-layout,
  .cart-page-compact .cart-layout-compact,
  .cart-layout.cart-layout-compact{
    grid-template-columns:1fr !important;
  }

  .cart-page-compact .cart-summary,
  .cart-page-compact .cart-summary-compact,
  .cart-summary.cart-summary-compact{
    order:1 !important;
    position:relative !important;
    top:auto !important;
  }

  .cart-page-compact .cart-panel,
  .cart-page-compact .cart-panel-compact,
  .cart-panel.cart-panel-compact{
    order:2 !important;
  }
}

/* =====================
   Teléfono
===================== */
@media (max-width: 768px){
  .cart-page-compact{
    padding-top:16px !important;
  }

  .cart-page-compact .cart-mini-head{
    padding:14px 16px !important;
    border-radius:22px !important;
    margin-bottom:14px !important;
  }

  .cart-page-compact .cart-mini-head h1{
    font-size:28px !important;
  }

  .cart-page-compact .cart-mini-head p{
    display:none !important;
  }

  .cart-page-compact .cart-layout,
  .cart-page-compact .cart-layout-compact,
  .cart-layout.cart-layout-compact{
    gap:14px !important;
  }

  .cart-page-compact .cart-summary,
  .cart-page-compact .cart-summary-compact,
  .cart-summary.cart-summary-compact{
    order:1 !important;
    padding:16px !important;
    border-radius:22px !important;
  }

  .cart-page-compact .cart-panel,
  .cart-page-compact .cart-panel-compact,
  .cart-panel.cart-panel-compact{
    order:2 !important;
    padding:16px !important;
    border-radius:22px !important;
  }

  .cart-page-compact .cart-panel-head h2{
    font-size:24px !important;
  }

  .cart-page-compact .cart-item,
  .cart-page-compact .cart-item-compact{
    grid-template-columns:82px minmax(0,1fr) !important;
    gap:12px !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  .cart-page-compact .cart-item-img,
  .cart-page-compact .cart-item-img img{
    width:82px !important;
    height:82px !important;
    max-width:82px !important;
  }

  .cart-page-compact .cart-item-img img{
    border-radius:16px !important;
    object-fit:cover !important;
  }

  .cart-page-compact .cart-item-info h3{
    font-size:16px !important;
    -webkit-line-clamp:2 !important;
  }

  .cart-page-compact .cart-item-info p{
    font-size:14px !important;
    -webkit-line-clamp:1 !important;
  }

  .cart-page-compact .cart-item-qty,
  .cart-page-compact .cart-item-price{
    grid-column:2 / -1 !important;
    justify-items:start !important;
    text-align:left !important;
  }

  .cart-page-compact .cart-item-price{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    justify-content:flex-start !important;
  }

  .cart-page-compact .cart-summary .btn-neon,
  .cart-page-compact .cart-summary .btn-purple,
  .cart-page-compact .cart-summary .btn-outline,
  .cart-page-compact .cart-summary-compact .btn-neon,
  .cart-page-compact .cart-summary-compact .btn-purple,
  .cart-page-compact .cart-summary-compact .btn-outline{
    min-height:44px !important;
  }
}

@media (max-width: 520px){
  .cart-page-compact .cart-item,
  .cart-page-compact .cart-item-compact{
    grid-template-columns:76px minmax(0,1fr) !important;
  }

  .cart-page-compact .cart-item-img,
  .cart-page-compact .cart-item-img img{
    width:76px !important;
    height:76px !important;
    max-width:76px !important;
  }
}