:root{--blue:#2e5bff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--pale:#f5f8ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.55 Arial,sans-serif;background:#fff}.top,main,footer{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{letter-spacing:.18em;font-weight:800;text-decoration:none;color:var(--ink)}.brand b{color:var(--blue)}nav{display:flex;gap:22px}a{color:var(--blue);text-decoration:none}nav a{color:var(--muted);font-size:14px}.hero{padding:70px 0 34px;max-width:760px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 16px}.hero p{color:var(--muted);font-size:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 38px}.filters input,.filters select,input,textarea,select{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.filters input{min-width:250px;flex:1}.button,button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer;display:inline-block}.button.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:64px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card img{width:100%;height:205px;object-fit:cover}.card .inside{padding:18px;display:flex;flex:1;flex-direction:column}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.card h2{font-size:20px;margin:7px 0}.card p{color:var(--muted);margin:0 0 15px}.prices{margin-top:auto;display:flex;gap:8px;align-items:center;font-weight:bold}.old{text-decoration:line-through;color:var(--muted);font-weight:normal}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.actions .button{font-size:13px;padding:9px 12px}.details{padding:48px 0}.details>img{width:100%;max-height:520px;object-fit:cover;border-radius:18px}.details h1{font-size:42px;margin:22px 0 5px}.two{display:grid;grid-template-columns:2fr 1fr;gap:36px}.box{background:var(--pale);padding:20px;border-radius:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:150px;object-fit:cover;border-radius:10px}footer{border-top:1px solid var(--line);padding-top:26px;padding-bottom:34px;color:var(--muted);display:flex;justify-content:space-between}.notice{padding:14px;border-radius:10px;background:#ecfdf3;color:#067647}.error{background:#fef3f2;color:#b42318}.form{max-width:700px;padding:30px 0 60px}.form label{display:block;font-weight:bold;margin-top:14px}.form input,.form textarea,.form select{width:100%}@media(max-width:800px){.grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.top{height:auto;padding-top:18px;padding-bottom:18px;gap:16px;align-items:flex-start}.top nav{flex-direction:column;gap:5px;text-align:right}.hero{padding-top:42px}.gallery{grid-template-columns:1fr 1fr}}