:root{
    --cream:#FDF8F0;
    --cream-2:#FBF3E4;
    --gold:#C08A2E;
    --gold-deep:#A9741F;
    --ink:#1A1712;
    --ink-soft:#6B5F52;
    --black:#141210;
    --black-2:#1D1A16;
    --green:#3F8B3F;
    --meesho:#8A1FA3;
    --meesho-2:#B12AC7;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html, body{ width:100%; }
  body{
    background:var(--cream);
    font-family:'Barlow', sans-serif;
    color:var(--ink);
  }

  .page{ width:100%; max-width:960px; margin:0 auto; background:var(--cream); }

  /* ---------- hero image ---------- */
  .hero-img{ width:100%; line-height:0; }
  .hero-img img{ width:100%; height:auto; display:block; }

  /* ---------- black inside-combo panel ---------- */
  .combo-panel{
    margin:26px 20px 0;
    background:var(--black);
    border-radius:14px;
    padding:20px 14px 22px;
  }
  .combo-title{
    text-align:center;
    font-family:'Cinzel', serif;
    font-weight:700;
    font-size:15px;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:16px;
  }
  .combo-grid{ display:flex; }
  .combo-item{
    flex:1;
    min-width:0;
    text-align:center;
    padding:0 8px;
    position:relative;
  }
  .combo-item + .combo-item::before{
    content:'';
    position:absolute;
    left:0; top:6px; bottom:20px;
    width:1px;
    background:rgba(192,138,46,0.35);
  }
  .combo-thumb{
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:8px;
  }
  .combo-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
  .combo-name{ color:#F2E9D8; font-size:11px; font-weight:700; line-height:1.25; }
  .combo-qty{ color:var(--gold); font-size:10.5px; font-weight:600; margin-top:4px; }

  /* ---------- trust icon row ---------- */
  .trust-row{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:10px;
    padding:24px 18px 4px;
  }
  .trust-item{ text-align:center; }
  .trust-ico{ font-size:26px; color:var(--gold-deep); margin-bottom:8px; }
  .trust-label{
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.2px;
    text-transform:uppercase;
    color:var(--ink);
    line-height:1.25;
  }

  /* ---------- price card ---------- */
  .price-card{
    margin:24px 20px 0;
    border:1px solid rgba(26,23,18,0.12);
    border-radius:12px;
    display:flex;
    overflow:hidden;
    background:#fff;
  }
  .price-left{ flex:1; min-width:0; padding:18px; }
  .price-right{
    flex:1;
    min-width:0;
    padding:18px;
    border-left:1px dashed rgba(26,23,18,0.15);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
  }
  .price-tag{
    display:inline-block;
    background:var(--gold);
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:5px 10px;
    border-radius:4px;
    margin-bottom:10px;
  }
  .price-row{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
  .price-now{ font-family:'Cinzel', serif; font-weight:800; font-size:28px; color:var(--ink); }
  .price-old{ font-size:14px; color:var(--ink-soft); text-decoration:line-through; }
  .price-meta{ margin-top:8px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .price-off{ background:var(--green); color:#fff; font-size:11px; font-weight:700; padding:3px 8px; border-radius:4px; }
  .price-save{ font-size:12px; font-weight:600; color:var(--green); }

  .delivery-line{ display:flex;  align-items:center; gap:9px; font-size:18px; font-weight:600; color:var(--ink); }
  .delivery-line i{ color:var(--gold-deep); font-size:16px; }

  /* ---------- CTA ---------- */
  .cta-wrap{ padding:20px 20px 6px; }
  .pc-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:linear-gradient(135deg, var(--meesho-2), var(--meesho));
    border-radius:10px;
    padding:15px 16px;
    text-decoration:none;
    box-shadow:0 10px 20px rgba(138,31,163,0.3);
  }
  .pc-btn i{ color:#fff; font-size:19px; }
  .pc-btn span{ font-family:'Cinzel', serif; font-weight:700; font-size:24px; color:#fff; letter-spacing:.3px; }

  .meesho-logo-circle{
    width:100px;
    height:100px;
    /* border-radius:50%; */
    overflow:hidden;
    flex:0 0 auto;
    /* background:#fff; */
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .meesho-logo-circle img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }

  /* ---------- footer trust ---------- */
  .footer-trust{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    padding:20px 14px 26px;
    border-top:1px solid rgba(26,23,18,0.1);
    margin-top:16px;
  }
  .footer-trust div{
    text-align:center;
    font-size:9.5px;
    font-weight:700;
    color:var(--ink-soft);
    text-transform:uppercase;
    letter-spacing:.2px;
  }
  .footer-trust i{ display:block; font-size:17px; color:var(--gold); margin-bottom:6px; }

  /* =========================================================
     RESPONSIVE — mobile-first base above, per-device tuning below
     ========================================================= */

  /* Small phones ≤360px (iPhone SE etc.) — tightest spacing, combo 2x2 */
  @media (max-width:360px){
    .combo-panel{ margin:18px 12px 0; padding:16px 10px 18px; }
    .combo-title{ font-size:13px; letter-spacing:1px; margin-bottom:12px; }
    .combo-grid{ flex-wrap:wrap; row-gap:16px; }
    .combo-item{ flex:1 1 50%; }
    .combo-item:nth-child(3)::before{ display:none; }
    .combo-thumb{ height:74px; }
    .combo-name{ font-size:10.5px; }

    .trust-row{ padding:18px 10px 2px; gap:8px; }
    .trust-ico{ font-size:22px; margin-bottom:6px; }
    .trust-label{ font-size:9.5px; }

    .price-card{ margin:18px 12px 0; flex-direction:column; }
    .price-right{ border-left:none; border-top:1px dashed rgba(26,23,18,0.15); }
    .price-now{ font-size:24px; }

    .cta-wrap{ padding:16px 12px 4px; }
    .pc-btn span{ font-size:14px; }
    .pc-btn i{ font-size:17px; }

    .footer-trust{ padding:16px 8px 20px; gap:4px; }
    .footer-trust div{ font-size:8.5px; }
    .footer-trust i{ font-size:15px; margin-bottom:4px; }
  }

  /* Standard phones 361–479px */
  @media (min-width:361px) and (max-width:479px){
    .combo-grid{ flex-wrap:wrap; row-gap:16px; }
    .combo-item{ flex:1 1 50%; }
    .combo-item:nth-child(3)::before{ display:none; }
    .price-card{ flex-direction:column; }
    .price-right{ border-left:none; border-top:1px dashed rgba(26,23,18,0.15); }
  }

  /* Large phones / small tablets 480–699px */
  @media (min-width:480px) and (max-width:699px){
    .combo-panel{ margin:24px 24px 0; }
    .trust-row{ padding:24px 24px 4px; }
    .price-card{ margin:24px 24px 0; }
    .cta-wrap{ padding:20px 24px 6px; }
    .footer-trust{ padding:20px 18px 26px; }
  }

  /* Tablets 700–899px */
  @media (min-width:700px) and (max-width:899px){
    .combo-panel{ margin:32px 40px 0; padding:26px 22px 28px; }
    .combo-title{ font-size:16px; }
    .combo-thumb{ height:110px; }
    .trust-row{ padding:28px 40px 6px; }
    .trust-ico{ font-size:28px; }
    .trust-label{ font-size:11px; }
    .price-card{ margin:28px 40px 0; }
    .price-now{ font-size:32px; }
    .cta-wrap{ padding:22px 40px 6px; max-width:420px; margin:0 auto; }
    .footer-trust{ padding:24px 40px 28px; }
  }

  /* Desktop 900px+ */
  @media (min-width:900px){
    .combo-panel{ margin:36px 44px 0; padding:30px 26px 32px; }
    .combo-title{ font-size:18px; letter-spacing:2px; }
    .combo-thumb{ height:130px; }
    .combo-name{ font-size:13px; }
    .combo-qty{ font-size:11.5px; }

    .trust-row{ padding:32px 44px 6px; gap:16px; }
    .trust-ico{ font-size:30px; }
    .trust-label{ font-size:12px; }

    .price-card{ margin:32px 44px 0; }
    .price-now{ font-size:36px; }
    .price-old{ font-size:16px; }

    .cta-wrap{ padding:26px 44px 6px; max-width:460px; margin:0 auto; }
    .pc-btn{ padding:17px 18px; }
    .pc-btn span{ font-size:17px; }

    .footer-trust{ padding:28px 44px 32px; }
    .footer-trust div{ font-size:10.5px; }
  }
/* ===========================
   STICKY BUY NOW BUTTON
=========================== */

/* Fixed Bottom CTA */
.cta-wrap{
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 15px;
    /* background: #fff; */
    /* box-shadow: 0 -5px 15px rgba(0,0,0,.15); */
    z-index: 9999;
}

/* Center Button */
.pc-btn{
    max-width: 550px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Space for fixed button */
body{
    padding-bottom: 120px;
}

/* Mobile */
@media (max-width:768px){

    .cta-wrap{
        padding: 10px 12px;
    }

    .pc-btn{
        padding: 14px 16px;
    }

    .pc-btn span{
        font-size:18px;
    }

    .meesho-logo-circle{
        width:60px;
        height:60px;
    }

    body{
        padding-bottom:110px;
    }
}

/* Desktop */
@media (min-width:769px){

    .cta-wrap{
        padding:15px 20px;
    }

    .pc-btn{
        max-width:500px;
    }

    body{
        padding-bottom:130px;
    }
}