:root{
    --navy:#0b1330;
    --teal:#12c2b0;
    --purple:#5b1fb0;
    --purple-dark:#3a1178;
    --green:#0f9d58;
    --red:#e03b3b;
    --gold:#caa24a;
    --ink:#1a1a1a;
    --paper:#ffffff;
    --muted:#666;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:'Hind Siliguri',sans-serif;
    color:var(--ink);
    background:var(--navy);
    line-height:1.5;
  }
  img{max-width:100%;display:block;}
  .wrap{width:100%;margin:0 auto;background:#fff;overflow:hidden;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    background:var(--green);color:#fff;font-weight:700;font-size:15px;
    padding:12px 20px;border-radius:8px;border:none;cursor:pointer;
    text-decoration:none;width:100%;
  }
  .btn.gift{background:#c9302c;}
  .btn:hover{filter:brightness(1.05);}
  .band{padding:14px 18px;text-align:center;font-weight:600;font-size:15px;}
  .band.navy{background:var(--navy);color:#fff;}
  .band.teal{background:var(--teal);color:#04352f;}
  .band.dark{background:#0d0d0d;color:#fff;}
  .band.purple{background:var(--purple);color:#fff;}
  .band.green{background:var(--green);color:#fff;}
  .section{padding:16px;}
  .btn-row{padding:10px 16px 16px;display:flex;flex-direction:column;gap:10px;}
  .price-banner{
    background:var(--teal);color:#04352f;text-align:center;
    font-weight:700;font-size:20px;padding:14px;margin:0 16px;border-radius:4px;
  }
  .price-banner u{text-decoration:underline;}
  .gift-box{background:#0d0d0d;padding:0;}
  .gift-box img{width:100%;}
  .gift-box .btn-row{padding:16px;}
  .feature-box{
    border:2px solid var(--purple);border-radius:8px;
    margin:16px;padding:16px;
  }
  .feature-box h2{color:var(--purple-dark);font-size:17px;margin-bottom:10px;}
  ul.icon-list{list-style:none;}
  ul.icon-list li{
    display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:14.5px;
  }
  ul.icon-list li::before{
    content:"➜";color:var(--purple);font-weight:700;flex-shrink:0;
  }
  .feature-box.purple-bg{background:var(--purple);border:none;}
  .feature-box.purple-bg h2{color:#fff;}
  .feature-box.purple-bg ul.icon-list li::before{content:"♥";color:#ffb3c6;}
  .feature-box.purple-bg li{color:#fff;}
  .price-block{padding:18px 16px;text-align:center;}
  .price-block .old-price{
    color:var(--red);font-size:20px;text-decoration:line-through;margin-bottom:4px;
  }
  .price-block h2{font-size:19px;margin:6px 0;}
  .warranty-line{
    background:var(--red);color:#fff;font-weight:700;text-align:center;
    padding:10px;border-radius:4px;margin:10px 0;font-size:15px;
  }
  .review-heading{background:var(--green);color:#fff;text-align:center;padding:12px;font-weight:600;}

  /* checkout form */
  .checkout-section{padding:18px 14px;}
  .checkout-title{text-align:center;font-weight:700;font-size:16px;margin-bottom:16px;}
  .order-card{
    border:1px solid #ececec;border-radius:12px;padding:16px;
    box-shadow:0 2px 14px rgba(0,0,0,.06);background:#fff;
  }
  .card{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #eee;}
  .card:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0;}
  .card h3{font-size:15px;margin-bottom:12px;color:#222;}
  .product-row{display:flex;align-items:center;gap:10px;}
  .product-row img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#eee;}
  .product-row .name{flex:1;font-size:13.5px;}
  .qty-control{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;}
  .qty-control span{padding:4px 10px;cursor:pointer;background:#f4f4f4;user-select:none;}
  .qty-control input{width:36px;border:none;text-align:center;font-size:14px;}
  .price-tag{font-weight:700;font-size:13.5px;white-space:nowrap;}
  label{display:block;font-size:13.5px;margin:10px 0 4px;font-weight:600;}
  label .req{color:var(--red);}
  input[type=text],input[type=tel]{
    width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;
    font-family:inherit;
  }
  table.order-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px;}
  table.order-table th,table.order-table td{padding:8px 4px;border-bottom:1px solid #eee;text-align:left;}
  table.order-table tr.total th,table.order-table tr.total td{font-weight:700;}
  .shipping-note{font-size:13.5px;color:#333;}

  /* bump order */
  .bump{
    border:2px dashed #262ecf;border-radius:10px;background:#ececfa;
    padding:12px;display:flex;flex-direction:column;gap:10px;margin-top:14px;
  }
  .bump-top{display:flex;gap:12px;align-items:flex-start;}
  .bump-top img{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#ddd;}
  .bump-top .label{font-weight:700;font-size:14px;margin-bottom:6px;}
  .bump-top .desc{font-size:13px;line-height:1.6;background:#fff;border-radius:8px;padding:10px;}
  .bump-top .desc del{color:#999;}
  .bump-top .desc .price-now{color:#c9302c;font-weight:700;}
  .bump-cta{
    display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;
    padding:10px;font-size:13.5px;font-weight:600;
  }
  .bump-cta .amt{color:#0a7d3a;font-weight:700;}

  .payment-box{margin-top:14px;border:1px solid #e5e5e5;border-radius:8px;padding:12px;}
  .payment-box label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin:0;}
  .payment-box p{font-size:12.5px;color:var(--muted);margin-top:6px;margin-left:24px;}
  .privacy-note{font-size:11.5px;color:var(--muted);margin:12px 0;}
  #place_order{margin-top:6px;background:#1a1a1a;font-size:16px;padding:14px;}

  .reassure{background:var(--navy);color:#fff;text-align:center;padding:20px 16px;font-size:14.5px;}
  .whatsapp-cta{text-align:center;padding:30px 20px;background:#fff;}
  .whatsapp-cta p{color:#555;font-size:16px;margin-bottom:16px;}
  .whatsapp-cta a{
    display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;
    padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;
    box-shadow:0 4px 15px rgba(37,211,102,.4);
  }

  footer{background:#000;color:#fff;text-align:center;padding:12px;font-size:13px;}
  footer a{color:#fff;}

  /* floating chat widget */
  .floating-container{
    position:fixed;right:16px;bottom:24px;display:flex;flex-direction:column;
    align-items:flex-end;gap:10px;z-index:999;
  }
  .contact-options{display:none;flex-direction:column;gap:10px;}
  .contact-options.show{display:flex;}
  .contact-options a{
    width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
  }
  .contact-options a img{width:22px;height:22px;filter:brightness(0) invert(1);}
  .whatsapp{background:#25D366;}
  .messenger{background:#0084FF;}
  .call{background:#10b981;}
  .trigger-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;}
  .chat-label{background:#fff;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.1);}
  .chat-icon-circle{
    width:52px;height:52px;background:#000;border-radius:50%;display:flex;
    align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);
  }
  .chat-icon-circle svg{width:24px;height:24px;fill:#fff;}

  @media (min-width:768px){
    :root{ --content-max:680px; }

    .hero-img,
    .gift-box img{
      max-height:460px;
      width:100%;
      max-width:var(--content-max);
      margin:0 auto;
      object-fit:cover;
    }

    /* full-bleed colour bands: background stays edge-to-edge,
       inner text/content is inset using padding only */
    .checkout-section,
    .band,
    .price-block,
    .reassure,
    .whatsapp-cta,
    .gift-box .btn-row,
    .btn-row{
      padding-left:calc(50% - (var(--content-max) / 2));
      padding-right:calc(50% - (var(--content-max) / 2));
    }

    /* boxed cards (their own border/background must not span full width):
       centered using margin only, no padding override */
    .price-banner,
    .feature-box{
      max-width:var(--content-max);
      margin-left:auto;
      margin-right:auto;
    }
  }