:root{
    --primary:#0d6efd;
    --success:#198754;
    --dark:#1f2937;
    --light:#f8f9fa;
    --white:#ffffff;
    --muted:#6c757d;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  
  body{
    background:var(--light);
    font-family:"Segoe UI",Roboto,sans-serif;
    color:#333;
  }
  
  /* HEADER */
  header{
    background:var(--primary);
    color:#fff;
    text-align:center;
    padding:10px;
    font-size:.9rem;
    font-weight:600;
  }
  
  /* CONTAINER */
  .product-container{
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    padding:2rem;
    margin-top:2rem;
  }
  
  /* GALLERY */
  .carousel{max-width:100%}
  .carousel-inner{
    border-radius:14px;
    overflow:hidden;
  }
  .carousel-item img{
    width:100%;
    height:420px;         /* STABİL */
    object-fit:contain;   /* ORAN BOZMAZ */
    background:#f2f2f2;
  }
  .carousel-indicators [data-bs-target]{
    background-color:var(--primary);
    width:10px;
    height:10px;
    border-radius:50%;
  }
  
  /* PRODUCT INFO */
  .product-title{
    font-size:1.7rem;
    font-weight:700;
    color:#222;
  }
  .price{
    font-size:1.9rem;
    font-weight:800;
    color:var(--success);
  }
  .old-price{
    text-decoration:line-through;
    color:#999;
    font-size:1rem;
    margin-left:10px;
  }
  .btn-buy{
    background:var(--primary);
    color:#fff;
    font-weight:600;
    border-radius:12px;
  }
  .btn-buy:hover{background:#0b5ed7}
  
  /* SPECS */
  .specs-table{
    width:100%;
    border-collapse:collapse;
    margin-top:1rem;
  }
  .specs-table td{
    padding:9px 12px;
    border-bottom:1px solid #eee;
  }
  .specs-table td:first-child{
    font-weight:600;
    width:40%;
    color:#444;
  }
  
  /* DESCRIPTION */
  .description{
    background:#fff;
    padding:1.8rem;
    margin-top:2rem;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    line-height:1.65;
  }
  
  /* FOOTER */
  footer{
    text-align:center;
    color:#777;
    margin-top:3rem;
    padding:1.5rem 0;
    background:#fff;
    border-top:1px solid #ddd;
  }
  
  /* MOBILE */
  @media(max-width:768px){
    .carousel-item img{height:300px;}
    .product-container{padding:1.25rem;}
  }