:root{
      /* --- Match to Divika brand theme --- */
      --brand-primary: #d4a017;
      --brand-accent: #f7eacb;
      --brand-bg: #fffef8;
      --text-color: #222;
      --muted: #6b6b6b;
      --ui-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      --radius: 14px;
      --shadow: 0 6px 20px rgba(17,17,17,0.08);
      --max-width: 1200px;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:var(--ui-font);
      background:repeating-radial-gradient(black, transparent 100px);
      color:var(--text-color);
      -webkit-font-smoothing:antialiased;
    }

    .navbar {
    padding: 0 0;
    }



    .container{
      width:100%;
      max-width:var(--max-width);
      margin: 0 auto;
    }

    /* Product Detail Layout */
    .product-detail{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:32px;
      align-items:start;
      margin-bottom:80px;
      margin-top: 10rem;
    }

    .image-column{
      display:flex;
      flex-direction:column;
      gap:16px;
      align-items:center;
    }

    .main-image {
      width:100%;
      max-width:520px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
      cursor:zoom-in;
    }

    .main-image img{
      width:100%;
      height:auto;
      display:block;
    }

    .thumbs{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:center;
    }

    .thumb{
      width:72px;
      height:72px;
      border-radius:10px;
      overflow:hidden;
      border:2px solid transparent;
      box-shadow: 0 6px 14px rgba(17,17,17,0.06);
      cursor:pointer;
    }

    .thumb img{width:100%;height:100%;object-fit:cover}
    .thumb.active{border-color:var(--brand-primary);transform:translateY(-3px)}

    .product-info{
      padding:20px;
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }

    .product-title{
      font-size:1.9rem;
      margin-bottom:8px;
    }

    .product-sub{
      color:var(--muted);
      margin-bottom:18px;
    }

    .feature-pill{
      display:inline-block;
      background:var(--brand-accent);
      color:var(--text-color);
      border-radius:999px;
      padding:8px 14px;
      font-size:0.95rem;
      margin:4px;
    }

    .btn-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
    .btn{
      padding:12px 20px;
      border-radius:999px;
      font-weight:600;
      text-decoration:none;
      border:0;
      cursor:pointer;
    }
    .btn-primary{
      background:var(--brand-primary);
      color:white;
    }
    .btn-outline{
      background:transparent;
      color:var(--brand-primary);
      border:2px solid var(--brand-primary);
    }

    .details-section{margin-top:22px;color:var(--muted)}
    .details-section h3{color:var(--text-color);margin:12px 0 8px 0}
    .details-section ul, .details-section ol{margin:6px 0 16px 1.15rem;}

    /* Lightbox Modal */
    .modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      background:rgba(10,10,10,0.6);
      z-index:1000;
      padding:24px;
    }
    .modal.open{display:flex;}
    .modal-content{
      max-width:900px;
      width:100%;
      border-radius:12px;
      overflow:hidden;
      background:#fff;
      animation:zoomIn .18s ease;
    }
    .modal-content img{width:100%}
    @keyframes zoomIn{from{transform:scale(0.98);opacity:0}to{transform:scale(1);opacity:1}}
    #modalClose{position:absolute;right:20px;top:20px;font-size:22px;background:none;border:0;cursor:pointer;color:#fff}

    

    @media(max-width:880px){
      .product-detail{grid-template-columns:1fr;}
    }