@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap');
*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif;}
:root{
  --pink:#e6006e;
  --pink-dark:#b8005a;
  --pink-light:#ffe6f1;
  --green:#3ea62e;
  --green-dark:#0d2b12;
  --gray:#5b5b5b;
  --bg:#fff6fa;
}
body{background:var(--bg);color:#222;}
a{text-decoration:none;color:inherit;}
.container{max-width:1000px;margin:0 auto;padding:0 20px;}

/* ---------- HEADER ---------- */
.store-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05);
  position:sticky;top:0;z-index:50;
}
.store-logo{font-weight:900;font-size:20px;color:var(--pink);letter-spacing:0.5px;}
.store-logo span{color:#222;}
.store-cart-btn{
  background:var(--green);color:#fff;font-weight:700;font-size:13px;
  padding:10px 18px;border-radius:30px;border:none;cursor:pointer;
}

/* ---------- HERO ---------- */
.hero{
  background:linear-gradient(180deg,#ffeaf3 0%,var(--bg) 100%);
  padding:50px 20px 30px;text-align:center;
}
.badge-pill{
  display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff;
  font-weight:700;font-size:13px;padding:8px 20px;border-radius:30px;margin-bottom:20px;
}
.hero h1{font-size:34px;font-weight:900;line-height:1.15;color:#111;}
.hero h1 .accent{color:var(--pink);}
.hero p{margin-top:16px;font-size:17px;color:var(--gray);max-width:560px;margin-left:auto;margin-right:auto;}
.hero .highlight{color:var(--pink);font-weight:700;}

.trust-box{
  max-width:520px;margin:26px auto 0;border:2px solid var(--pink);border-radius:14px;
  padding:16px 20px;display:flex;align-items:center;gap:14px;background:#fff;
}
.trust-box .check{
  width:38px;height:38px;border-radius:50%;background:var(--pink);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;
}
.trust-box strong{display:block;font-size:14px;color:#111;}
.trust-box span{font-size:13px;color:var(--gray);}

/* ---------- PRODUCT SHOWCASE IMAGE ---------- */
.product-showcase{max-width:420px;margin:36px auto;text-align:center;}
.product-showcase img{width:100%;border-radius:16px;}

.cta-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--green);color:#fff;font-weight:700;font-size:15px;letter-spacing:1px;
  padding:18px 30px;border-radius:40px;border:none;cursor:pointer;width:100%;max-width:520px;
}

.trust-strip{
  display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:30px auto;max-width:800px;
  text-align:center;
}
.trust-strip .item{max-width:150px;}
.trust-strip .item strong{display:block;color:var(--pink);font-size:13px;text-transform:uppercase;}
.trust-strip .item span{font-size:12px;color:var(--gray);}

/* ---------- PACKS / PRICING SECTION ---------- */
.packs-section{padding:40px 20px 70px;}
.section-title{text-align:center;font-size:26px;font-weight:900;color:#111;margin-bottom:8px;}
.section-sub{text-align:center;color:var(--gray);margin-bottom:36px;}

.packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:980px;margin:0 auto;}
.pack-card{
  background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.06);
  border:2px solid transparent;display:flex;flex-direction:column;
}
.pack-card.featured{border-color:var(--pink);}
.pack-ribbon{
  background:var(--pink);color:#fff;text-align:center;font-weight:800;font-size:13px;
  padding:10px;text-transform:uppercase;letter-spacing:0.5px;
}
.pack-card.featured .pack-ribbon{background:#111;}
.pack-body{padding:22px;text-align:center;flex:1;display:flex;flex-direction:column;}
.pack-body img{width:60%;margin:0 auto 16px;}
.pack-body h3{font-size:16px;font-weight:800;color:#111;margin-bottom:6px;}
.pack-body p.desc{font-size:12.5px;color:var(--gray);margin-bottom:14px;flex:1;}
.pack-price-row{margin-bottom:16px;}
.pack-price{font-size:26px;font-weight:900;color:var(--pink);}
.pack-compare{font-size:13px;color:#aaa;text-decoration:line-through;margin-left:6px;}
.pack-buy-btn{
  background:var(--green);color:#fff;font-weight:700;font-size:13px;
  padding:14px;border-radius:30px;border:none;cursor:pointer;width:100%;
}

/* ---------- FAQ ---------- */
.faq-section{padding:20px 20px 60px;max-width:700px;margin:0 auto;}
.faq-item{border-bottom:1px solid #eee;padding:16px 0;}
.faq-item summary{font-weight:700;cursor:pointer;color:#222;}

/* ---------- FOOTER ---------- */
.store-footer{background:var(--green-dark);color:#cfe8cf;text-align:center;padding:30px 20px;font-size:13px;}

@media (max-width:800px){
  .packs-grid{grid-template-columns:1fr;}
  .hero h1{font-size:26px;}
}

/* ==========================================================
   CHECKOUT (basado exactamente en las capturas proporcionadas)
   ========================================================== */
.checkout-wrap{max-width:640px;margin:0 auto;}

.checkout-summary{
  background:linear-gradient(100deg, #060d06 0%, #123c1f 35%, var(--green) 100%);
  color:#fff;padding:40px 30px 34px;
}
.checkout-summary h2{font-size:22px;font-weight:400;margin-bottom:8px;}
.checkout-summary h2 + .underline{width:60px;height:2px;background:rgba(255,255,255,0.4);margin-bottom:26px;}

.selected-product{display:flex;align-items:center;gap:20px;padding-bottom:24px;}
.selected-product img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#ffe6f1;}
.selected-product .name{font-size:16px;flex:1;}
.selected-product .price{font-size:17px;font-weight:700;}

.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;
  border-top:1px solid rgba(255,255,255,0.18);}
.summary-row:first-of-type{border-top:1px solid rgba(255,255,255,0.18);margin-top:4px;}

.free-shipping-banner{
  background:rgba(255,255,255,0.92);color:#222;border-radius:30px;padding:16px 20px;
  display:flex;align-items:center;gap:14px;margin-top:18px;font-size:14px;
}
.free-shipping-banner .badge{
  width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

.summary-total{
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid rgba(255,255,255,0.3);margin-top:20px;padding-top:20px;
  font-size:18px;
}
.summary-total b{font-size:26px;}

.checkout-form-panel{background:#f2f1f6;padding:36px 30px 50px;}
.checkout-form-panel h3{font-size:20px;font-weight:400;margin-bottom:8px;color:#333;}
.checkout-form-panel h3 + .underline{width:60px;height:2px;background:#ccc;margin-bottom:20px;}

.field{
  width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;
  padding:16px 18px;font-size:14px;margin-bottom:14px;color:#333;
}
.field::placeholder{color:#9a9a9a;}
.phone-field{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;
  border-radius:8px;margin-bottom:14px;padding:0 12px;}
.phone-field select{border:none;background:transparent;padding:16px 8px;font-size:14px;}
.phone-field input{border:none;flex:1;padding:16px 0;font-size:14px;}

.check-row{display:flex;align-items:center;gap:10px;font-size:14px;color:#444;margin:6px 0 26px;}

.option-row{
  display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e0e0e0;
  border-radius:10px;padding:16px 18px;margin-bottom:14px;cursor:pointer;
}
.option-row input[type=radio]{display:none;}
.option-row .dot{
  width:22px;height:22px;border-radius:50%;border:2px solid #ccc;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.option-row input[type=radio]:checked + .dot{background:#111;border-color:#111;color:#fff;}
.option-row .label{flex:1;font-size:14px;color:#333;}
.option-row .price{font-weight:700;font-size:14px;}
.option-row img.mp-logo{height:22px;}

.submit-btn{
  width:100%;background:var(--green);color:#fff;font-weight:600;font-size:16px;
  padding:18px;border:none;border-radius:8px;cursor:pointer;margin-top:8px;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.trust-line{display:flex;align-items:center;gap:12px;color:#999;font-size:13px;margin-top:16px;}

.bank-details-box{
  background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:18px;margin-top:14px;
  font-size:13.5px;color:#333;display:none;
}
.bank-details-box.visible{display:block;}
.bank-details-box b{color:var(--pink);}