*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f3ef;color:#171817}a{color:inherit}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#f7f6f2;position:sticky;top:0;z-index:20;border-bottom:1px solid #ddd}.brand{font-size:30px;font-weight:900;letter-spacing:2px;text-decoration:none}.brand span{color:#19a85b}.topbar nav{display:flex;gap:30px}.topbar nav a{text-decoration:none;font-size:14px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:14px 22px;background:#171817;color:white;text-decoration:none;font-weight:800;cursor:pointer}.btn.small{padding:11px 18px}.btn.primary{background:#18a95b}.btn.ghost{background:#eee;color:#222}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1.15fr;gap:4vw;padding:70px 5vw;background:linear-gradient(110deg,#f4f3ef 0%,#eceae4 60%,#ddd9d0 100%)}.hero-copy{align-self:center;max-width:600px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.8px;margin-bottom:20px}.hero h1{font-size:64px;margin:0;line-height:.95}.hero h2{font-size:30px;margin:14px 0}.hero p{font-size:17px;line-height:1.6;color:#4d504d}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.checks span{font-weight:650}.price{font-size:44px;font-weight:900}.price-note{font-size:13px;margin:4px 0 20px;color:#5b5e5b}.hero-product{align-self:center}.hero-product img{width:100%;border-radius:24px;box-shadow:0 25px 60px #0003;display:block}.concept-note{text-align:right;font-size:11px;color:#777;margin-top:7px}.features{display:grid;grid-template-columns:repeat(4,1fr);background:white;padding:38px 5vw;text-align:center;border-bottom:1px solid #ddd}.features article{padding:10px 25px;border-right:1px solid #e5e5e5}.features article:last-child{border:0}.features b{font-size:27px}.features h3{margin:10px 0 4px}.features p{margin:0;color:#707370;font-size:14px;line-height:1.5}.buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:70px 5vw;max-width:1300px;margin:auto}.story{background:#e9e7e0;border-radius:22px;padding:45px}.story h2{font-size:42px;margin-top:0}.story>p{line-height:1.7;color:#555}.steps{margin-top:40px;display:grid;gap:20px}.steps>div{background:#f7f6f2;border-radius:14px;padding:18px}.steps strong{display:inline-grid;place-items:center;width:32px;height:32px;background:#171817;color:white;border-radius:50%}.steps h3{margin:10px 0 4px}.steps p{margin:0;color:#666;font-size:14px}.checkout{background:white;border-radius:22px;padding:34px;box-shadow:0 12px 40px #00000012}.checkout h2{margin-top:0}.checkout label{display:block;font-size:13px;font-weight:700;margin:12px 0}.checkout input,.checkout select{width:100%;padding:13px;border:1px solid #d8d8d8;border-radius:9px;margin-top:6px;background:white;font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.delivery-box{padding:17px;border:1px solid #ddd;border-radius:14px;margin-top:18px}.delivery-title{font-weight:850}.carrier-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.carrier-tabs label{margin:10px 0}.carrier-tabs input{display:none}.carrier-tabs span{display:block;border:1px solid #ddd;border-radius:9px;padding:13px 8px;text-align:center;cursor:pointer}.carrier-tabs input:checked+span{border:2px solid #18a95b;background:#f1fff7}.total{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-top:22px}.total strong{font-size:30px}.shipping-note{text-align:right;font-size:12px;color:#777}.terms-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important}.terms-check input{width:auto;margin-top:2px}.full{width:100%;font-size:17px}.secure{text-align:center;font-size:12px;color:#777;margin-top:12px}.msg{font-size:12px;margin-top:7px;color:#555}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 5vw;background:#fff;gap:25px}.trust div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.trust b{grid-row:1/3;font-size:25px}.trust strong,.trust span{display:block}.trust span{font-size:12px;color:#777}.faq{max-width:900px;margin:70px auto;padding:0 25px}.faq h2{font-size:36px}.faq details{background:white;margin:10px 0;padding:18px 20px;border-radius:12px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#555;line-height:1.6}footer{background:#171817;color:#ddd;padding:45px 5vw;display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:35px;font-size:13px;line-height:1.7}footer a{color:#ddd}.footer-brand{color:white}.link-button{border:0;background:none;color:#ddd;padding:0;text-decoration:underline;cursor:pointer}.cookie-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(920px,calc(100% - 30px));background:#171817;color:white;border-radius:16px;padding:18px 22px;box-shadow:0 10px 45px #0007;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:5px 0 0;color:#bbb;font-size:13px}.cookie-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:850px){.topbar nav{display:none}.hero,.buy-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{font-size:48px}.features,.trust{grid-template-columns:1fr 1fr}.features article{border:0}.form-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.cookie-banner{align-items:stretch;flex-direction:column}}@media(max-width:520px){.hero{padding:35px 20px}.hero h1{font-size:42px}.checks{grid-template-columns:1fr}.features,.trust,footer{grid-template-columns:1fr}.buy-grid{padding:35px 15px}.story,.checkout{padding:24px}.carrier-tabs{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.topbar{padding:0 20px}}.legal{max-width:850px;margin:60px auto;padding:0 24px 80px}.legal h1{font-size:42px}.legal h2{margin-top:30px}.legal p{line-height:1.75;color:#4e514e}
.brand-image{display:block;width:155px;height:44px;overflow:hidden}
.brand-image img{width:100%;height:100%;object-fit:contain}
.product-stage{position:relative;display:inline-block;width:min(100%,520px);filter:drop-shadow(0 28px 35px rgba(0,0,0,.18))}
.card-base{width:100%;height:auto;display:block;border-radius:24px}
.card-logo-overlay{
  position:absolute;
  left:50%;
  top:55%;
  transform:translate(-50%,-50%);
  width:52%;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
.hero-product{display:flex;flex-direction:column;align-items:center;justify-content:center}
.footer-logo{width:180px;max-width:100%;height:auto}
@media(max-width:850px){
  .brand-image{width:130px;height:38px}
  .product-stage{width:min(88vw,500px)}
}

/* v5: corrected BANTAG logo placement on the physical card mockup */
.product-stage{
  position:relative;
  display:inline-block;
  width:min(100%,520px);
}
.product-stage .card-base{
  display:block;
  width:100%;
  height:auto;
}

/* The supplier card is portrait-oriented.
   Keep BANTAG artwork well inside the printable area. */
.product-stage .card-logo-overlay{
  position:absolute;
  left:50%;
  top:56%;
  transform:translate(-50%,-50%);
  width:34%;
  max-width:170px;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
}

/* Prevent any previous broader rule from making the overlay too large */
.hero-product .card-logo-overlay{
  width:34% !important;
  max-width:170px !important;
}

@media(max-width:850px){
  .product-stage .card-logo-overlay{
    width:32% !important;
    max-width:145px !important;
  }
}
@media(max-width:520px){
  .product-stage .card-logo-overlay{
    width:30% !important;
    max-width:120px !important;
  }
}

.top-actions{display:flex;align-items:center;gap:10px}.lang-label{margin:0}.lang-label select{border:1px solid #d8d8d8;border-radius:9px;background:#fff;padding:9px 10px;font-weight:800}.price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.promo-badge{background:#dff8e9;color:#11763e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.buyer-type{margin:6px 0 18px}.buyer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buyer-tabs label{margin:8px 0}.buyer-tabs input{display:none}.buyer-tabs span{display:block;border:1px solid #ddd;border-radius:9px;padding:12px;text-align:center;cursor:pointer}.buyer-tabs input:checked+span{border:2px solid #18a95b;background:#f1fff7}.company-fields{padding:12px 14px;background:#f7f8f6;border-radius:12px;margin-bottom:14px}.shipping-foreign{font-size:13px;color:#4d504d;margin-bottom:0}.invoice-note{font-size:12px;line-height:1.5;color:#56715f;background:#f1fff7;border:1px solid #ccebd9;border-radius:10px;padding:10px 12px}.hero-product img{aspect-ratio:4/3;object-fit:cover}.concept-note{text-align:center}.product-stage{width:min(100%,620px)}
@media(max-width:850px){.top-actions .btn.small{display:none}.topbar{gap:10px}.brand-image{flex-shrink:0}.hero-product img{aspect-ratio:4/3}}

/* v11 stability + requested checkout changes */
.hero-product img,.product-stage,.product-stage .card-base{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain!important;aspect-ratio:auto!important}
.concept-note{display:none!important}
.carrier-tabs{grid-template-columns:repeat(2,1fr)!important}
.international-method{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;margin-bottom:16px;border:2px solid #18a95b;background:#f1fff7;border-radius:10px}
.international-method div{display:flex;flex-direction:column;gap:3px}.international-method small{font-size:11px;color:#587063;font-weight:500}.international-method>strong{color:#12934c;font-size:18px;white-space:nowrap}
@media(max-width:520px){.carrier-tabs{grid-template-columns:1fr 1fr!important}.international-method{align-items:flex-start;flex-direction:column}}