/* ===== YOUR ORIGINAL THEME CORE ===== */
:root {
    --bg:#F4F6F9;
    --bg-alt:#FFFFFF;
    --primary:#2C5F8A;
    --primary-h:#1E4A72;
    --text:#1A2635;
    --text-2:#3D5166;
    --muted:#6B8296;
    --border:#D0D9E4;
    --shadow:0 8px 32px rgba(44,95,138,0.12);
  }
  
  *{margin:0;padding:0;box-sizing:border-box;}
  
  body{
    font-family:'Inter', sans-serif;
    background:var(--bg);
    color:var(--text);
  }
  
  /* NAV (same style as your homepage)
  nav{
    position:sticky;
    top:0;
    z-index:100;
    display:flex;
    justify-content:space-between;
    padding:1rem 4rem;
    background:rgba(244,246,249,0.92);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
  }
  
  .logo{
    font-family:'Playfair Display', serif;
    font-weight:800;
    font-size:1.4rem;
  }
  .logo span{color:var(--primary);}
  
  nav a{
    margin-left:2rem;
    text-decoration:none;
    font-size:0.85rem;
    color:var(--muted);
  }
  nav a:hover{color:var(--primary);}
   */
  /* ===== AMAZON STYLE LAYOUT ===== */
  .container{
    display:grid;
    grid-template-columns:1.2fr 1.5fr 0.9fr;
    gap:2rem;
    padding:3rem 4rem;
  }
  
  /* IMAGE */
  .image-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow:var(--shadow);
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  
  .image-box img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  
  /* CENTER */
  .title{
    font-family:'Playfair Display', serif;
    font-size:2rem;
    margin-bottom:0.5rem;
  }
  
  .badge{
    display:inline-block;
    font-size:0.7rem;
    padding:0.25rem 0.7rem;
    border:1px solid var(--border);
    background:rgba(44,95,138,0.06);
    border-radius:999px;
    color:var(--primary);
    margin-bottom:1rem;
  }
  
  .price{
    font-size:1.4rem;
    color:var(--primary);
    font-weight:700;
    margin:1rem 0;
  }
  
  .desc{
    color:var(--text-2);
    line-height:1.7;
    margin-bottom:1.5rem;
  }
  
  /* SPEC BOX */
  .spec-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    padding:1.2rem;
    box-shadow:var(--shadow);
  }
  
  .spec-box h3{
    font-family:'Playfair Display', serif;
    margin-bottom:0.8rem;
  }
  
  .spec-box li{
    list-style:none;
    font-size:0.9rem;
    color:var(--muted);
    padding:0.35rem 0;
    border-bottom:1px dashed #eee;
  }
  
  /* BUY BOX */
  .buy-box{
    position:sticky;
    top:90px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:1.5rem;
    box-shadow:var(--shadow);
  }
  
  .buy-box button{
    width:100%;
    padding:0.9rem;
    border:none;
    border-radius:8px;
    font-weight:600;
    cursor:pointer;
    margin-top:0.6rem;
  }
  
  .primary-btn{
    background:var(--primary);
    color:#fff;
  }
  .primary-btn:hover{background:var(--primary-h);}
  
  .whatsapp-btn{
    background:#3A8C6E;
    color:#fff;
  }
  
  /* TABS */
  .tabs{
    padding:0 4rem 4rem;
  }
  
  .tab-buttons{
    display:flex;
    gap:1rem;
    margin-bottom:1rem;
  }
  
  .tab-buttons button{
    padding:0.6rem 1rem;
    border:1px solid var(--border);
    background:#fff;
    border-radius:8px;
    cursor:pointer;
  }
  
  .tab-buttons button.active{
    background:var(--primary);
    color:#fff;
  }
  
  .tab-content{
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    padding:2rem;
    box-shadow:var(--shadow);
    color:var(--text-2);
    line-height:1.7;
  }
  
  /* FOOTER
  footer{
    background:#fff;
    border-top:1px solid var(--border);
    text-align:center;
    padding:3rem;
    color:var(--muted);
  }
   */
  /* RESPONSIVE */
  @media(max-width:1000px){
    .container{
      grid-template-columns:1fr;
    }
    .buy-box{
      position:relative;
      top:auto;
    }
  }