*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5f7fa;color:#1e293b;margin:0}a{color:#125c87;text-decoration:none}header{background:#102c42;color:white;display:flex;align-items:center;gap:25px;padding:19px max(4%,calc((100vw - 1150px)/2));flex-wrap:wrap}.logo{color:white;font-size:25px;font-weight:900;letter-spacing:1px}.logo span{color:#7dd3fc}header form{display:flex;flex:1;min-width:230px}header input{flex:1;min-width:80px}header nav a{color:white;margin-right:10px}main{max-width:1150px;margin:30px auto;padding:0 18px;min-height:65vh}footer{padding:30px;text-align:center;background:#e6eef4;margin-top:80px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px}.card,.panel{background:white;border-radius:15px;padding:20px;box-shadow:0 1px 8px #0000000c}.card img{width:100%;height:190px;object-fit:contain}.placeholder{height:190px;display:grid;place-items:center;background:#ecf3f7;border-radius:9px;font-size:40px;color:#54819f}.product{display:grid;grid-template-columns:1fr 1fr;gap:35px}.hero-image{min-height:380px;display:grid;place-items:center}.hero-image img{max-width:100%;max-height:430px;object-fit:contain}.muted{color:#64748b}.price{font-size:32px;font-weight:800;color:#125c87;margin:15px 0}.btn,button{border:0;background:#08659b;color:white;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}.btn:disabled,button:disabled{opacity:.4}.opts{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.opt{background:white;color:#134563;border:1px solid #a4c3d7}.opt.active{color:white;background:#08659b;border-color:#08659b}input,textarea,select{padding:12px;border:1px solid #cbd5e1;border-radius:7px;max-width:100%}label{display:block;margin:12px 0 6px;font-weight:600}form.stack{max-width:650px}.stack input,.stack textarea,.stack select{width:100%}table{border-collapse:collapse;width:100%;background:white}td,th{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#eaf1f6}.notice{padding:16px;background:#e6f5ee;border-radius:8px;margin-bottom:15px}.error{background:#ffebeb;padding:15px;border-radius:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.actions a{background:#ddebf4;padding:11px 15px;border-radius:7px}.pagination{margin:25px 0}@media(max-width:700px){.product{grid-template-columns:1fr}header{padding:18px}.hero-image{min-height:220px}}