:root{
    --bg:#F4F6F9;
    --text:#1A2635;
    --primary:#2C5F8A;
    --border:#D0D9E4;
    --shadow:0 8px 32px rgba(44,95,138,0.12);
  }
  
  body{
    margin:0;
    font-family:Inter, sans-serif;
    background:var(--bg);
    color:var(--text);
  }
  
  /* HEADER */
  .header{
    padding:4rem 3rem 2rem;
  }
  
  .header h1{
    font-family:'Playfair Display',serif;
    font-size:2.5rem;
    margin-bottom:0.5rem;
  }
  
  .header p{
    color:#6B8296;
  }
  
  /* GRID */
  .products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:2rem;
    padding:2rem 3rem 4rem;
  }
  
  /* CARD */
  .product-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    transition:0.3s;
    box-shadow:var(--shadow);
  }
  
  .product-card:hover{
    transform:translateY(-6px);
  }
  
  /* IMAGE AREA (BIGGER THAN BEFORE) */
  .card-image{
    height:240px;   /* 👈 bigger for full scanner view */
    background:#eef1f6;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  
  .card-image img{
    width:100%;
    height:100%;
    object-fit:contain; /* shows full scanner clearly */
    transition:0.3s;
  }
  
  .product-card:hover img{
    transform:scale(1.05);
  }
  
  /* BODY */
  .card-body{
    padding:1.2rem;
  }
  
  .card-title{
    font-family:'Playfair Display',serif;
    font-size:1.3rem;
    margin-bottom:0.4rem;
  }
  
  .card-desc{
    font-size:0.85rem;
    color:#6B8296;
    line-height:1.5;
  }
  
  .card-price{
    margin-top:1rem;
    font-weight:700;
    color:var(--primary);
  }