body{
      font-family: Arial, sans-serif;
      margin:0;
      background:#f4f6fa;
      color:#222;
    }
    header{
      background:#002f6c;
      color:white;
      padding:20px;
      text-align:center;
    }
    .container{
      max-width:1100px;
      margin:0 auto;
      padding:20px;
    }
    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
      gap:20px;
    }
    .product{
      background:white;
      border-radius:10px;
      padding:15px;
      box-shadow:0 4px 12px rgba(0,0,0,0.1);
      text-align:center;
    }
    .product img{
      width:50%;
      height:100px;
      object-fit:contain;
      margin-bottom:10px;
    }
    h2{
      color:#002f6c;
      margin-bottom:5px;
    }
    .price{
      font-size:1.1rem;
      font-weight:bold;
      margin-bottom:10px;
      color:#444;
    }
    label{
      font-weight:bold;
      display:block;
      margin:5px 0 2px;
    }
    input[type="number"], input[type="text"]{
      width:100%;
      padding:8px;
      border-radius:6px;
      border:1px solid #ccc;
    }
    button{
      margin-top:12px;
      padding:10px 16px;
      background:#1e88e5;
      color:white;
      border:none;
      border-radius:8px;
      cursor:pointer;
      font-size:1rem;
    }
    button:hover{
      background:#1565c0;
    }
    .order-block{
      margin-top:40px;
      background:white;
      padding:20px;
      border-radius:10px;
      box-shadow:0 4px 12px rgba(0,0,0,0.1);
    }
    .order-block h3{
      color:#002f6c;
    }
    textarea{
      width:100%;
      height:150px;
      padding:10px;
      border-radius:6px;
      border:1px solid #ccc;
      resize:vertical;
    }