/* =====================================================
   LOBOZOLDYCK - AJUSTES PUNTUALES
   Archivo separado para no tocar el CSS principal.
===================================================== */

/* NAVBAR: carrito fuera del hamburguesa en móvil */
.nav-wrap{position:relative;}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
.cart-pill{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  padding:9px 13px!important;
  border-radius:999px;
  border:1px solid rgba(157,53,255,.48);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(28,18,38,.72);
  color:#fff!important;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(157,53,255,.12);
  text-decoration:none!important;
}
.cart-pill svg{width:20px;height:20px;fill:var(--green,#93ff16);filter:drop-shadow(0 0 8px rgba(147,255,22,.25));}
.cart-pill .cart-label{line-height:1;}
.cart-count,
.cart-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:26px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--green,#93ff16),#7be600)!important;
  color:#08070a!important;
  font-size:13px!important;
  font-weight:900!important;
  margin:0!important;
  box-shadow:0 0 14px rgba(147,255,22,.28)!important;
}
.nav-cart-outside{display:none!important;}
.nav-cart-inside{margin-left:4px;}

/* HOME: carrusel visual de promociones */
.home-promo-carousel-section{padding-top:56px;}
.promo-carousel{position:relative;}
.promo-carousel-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(320px, 430px);
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:6px 4px 14px;
  scrollbar-width:thin;
}
.promo-slide-card{
  position:relative;
  overflow:hidden;
  min-height:280px;
  display:grid;
  grid-template-columns:42% 1fr;
  gap:0;
  scroll-snap-align:start;
  border-radius:28px;
  border:1px solid rgba(157,53,255,.38);
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.018)),rgba(12,10,18,.9);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.promo-slide-img{display:block;min-height:100%;background:#0a0710;}
.promo-slide-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05);}
.promo-slide-body{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.promo-slide-body h3{font-family:Orbitron,sans-serif;font-size:24px;line-height:1.1;margin:0 0 10px;color:#fff;}
.promo-slide-body p{color:var(--muted,#bdb6ca);font-size:17px;line-height:1.35;margin:0 0 14px;}
.promo-slide-price{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.promo-slide-price strong{font-size:26px;color:var(--green,#93ff16);}
.promo-carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(147,255,22,.32);
  background:rgba(12,10,18,.9);
  color:var(--green,#93ff16);
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 22px rgba(0,0,0,.28);
}
.promo-carousel-prev{left:-12px;}
.promo-carousel-next{right:-12px;}

/* CONTACTO Y FOOTER: botones WhatsApp */
.whatsapp-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:16px;
  padding:13px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#25d366,#9cff37)!important;
  color:#081109!important;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 0 22px rgba(37,211,102,.24);
}
.whatsapp-btn:hover{transform:translateY(-2px);filter:brightness(1.05);}
.whatsapp-icon{
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:50%;
  background:rgba(0,0,0,.18);
  color:#fff;
  font-weight:900;
}
.footer-shell{grid-template-columns:1.05fr .75fr .9fr .95fr!important;}
.footer-contact-list p{margin:8px 0!important;}
.footer-contact-list strong{color:#fff;}
.footer-contact-list a{display:inline!important;color:var(--muted,#bdb6ca)!important;}
.footer-contact-list a:hover{color:var(--green,#93ff16)!important;}

/* CARRITO: compacto, para evitar scroll innecesario */
.cart-page-compact{padding-top:28px!important;}
.cart-mini-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:18px;
  padding:18px 22px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(20,13,28,.72);
  border:1px solid rgba(157,53,255,.32);
}
.cart-mini-head h1{font-family:Orbitron,sans-serif;font-size:clamp(26px,3vw,40px);margin:6px 0 0;color:var(--green,#93ff16);text-transform:uppercase;}
.cart-mini-head p{margin:0;color:var(--muted,#bdb6ca);font-size:18px;}
.cart-layout-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:22px!important;
  align-items:start!important;
}
.cart-panel-compact{padding:18px!important;}
.cart-panel-head{padding-bottom:12px!important;margin-bottom:12px!important;}
.cart-panel-head h2{font-size:clamp(20px,2vw,28px)!important;}
.cart-item-compact{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 132px 112px!important;
  gap:14px!important;
  padding:13px!important;
  border-radius:20px!important;
}
.cart-item-compact .cart-item-img img{
  width:88px!important;
  height:88px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:16px!important;
}
.cart-item-compact .cart-item-info h3{font-size:17px!important;margin:4px 0!important;}
.cart-item-compact .cart-item-info p{font-size:15px!important;line-height:1.25!important;}
.cart-summary-compact{padding:20px!important;position:sticky;top:96px;}
.cart-summary-compact h2{font-size:24px!important;}
.cart-summary-compact .summary-row,.cart-summary-compact .summary-total{padding:9px 0!important;}
.cart-summary-compact .btn-neon,.cart-summary-compact .btn-purple,.cart-summary-compact .btn-outline{padding:11px 16px!important;}
.cart-remove-fallback{display:none!important;}

/* TARJETAS DE PRODUCTOS EN MÓVIL: cuadradas, no redondas */
.product-img-wrap,
.product-card img,
.product-img,
.lobo-product-card .product-img-wrap,
.lobo-product-card .product-img-wrap img{
  border-radius:18px!important;
  clip-path:none!important;
}

/* Ajustes responsive */
@media (max-width: 980px){
  .footer-shell{grid-template-columns:1fr 1fr!important;}
  .cart-layout-compact{grid-template-columns:1fr!important;}
  .cart-summary-compact{position:relative!important;top:auto!important;order:-1;}
}

@media (max-width: 768px){
  .nav-actions{gap:10px;}
  .nav-cart-outside{display:inline-flex!important;}
  .nav-cart-inside{display:none!important;}
  .cart-pill{padding:9px 11px!important;}
  .cart-pill .cart-label{display:none;}
  .cart-pill svg{width:23px;height:23px;}
  .cart-count,.cart-badge{min-width:24px!important;height:22px!important;border-radius:9px!important;font-size:12px!important;}

  .main-nav.open,.nav.open{padding-top:18px!important;}
  .cart-page-compact{padding-top:18px!important;}
  .cart-mini-head{align-items:flex-start;flex-direction:column;padding:15px 16px;margin-bottom:14px;}
  .cart-mini-head p{font-size:15px;}
  .cart-panel-compact,.cart-summary-compact{padding:16px!important;border-radius:22px!important;}
  .cart-item-compact{grid-template-columns:82px 1fr!important;gap:12px!important;}
  .cart-item-compact .cart-item-img img{width:82px!important;height:82px!important;border-radius:15px!important;}
  .cart-item-qty,.cart-item-price{grid-column:2 / -1!important;justify-items:start!important;text-align:left!important;}
  .cart-summary-compact{display:grid!important;gap:9px!important;}
  .summary-total{font-size:21px!important;}

  .product-card,
  .lobo-product-card{border-radius:18px!important;}
  .product-img-wrap,
  .product-card img,
  .product-img,
  .lobo-product-card .product-img-wrap,
  .lobo-product-card .product-img-wrap img{
    border-radius:16px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }

  .promo-carousel-track{grid-auto-columns:minmax(82vw, 82vw);gap:14px;}
  .promo-slide-card{grid-template-columns:1fr;min-height:auto;}
  .promo-slide-img{height:210px;}
  .promo-slide-body{padding:18px;}
  .promo-carousel-btn{display:none;}
}

@media (max-width: 560px){
  .footer-shell{grid-template-columns:1fr!important;}
  .footer-card{padding:20px!important;}
  .cart-summary-compact .btn-neon{font-size:16px!important;}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .product-card h3{font-size:13px!important;}
}