Frontend: Kameras fest zweispaltig

frontend.html

@@ -19,7 +19,7 @@ header .sp{flex:1}
 .pill b{color:var(--ok);font-weight:600}
 #banner{display:none;background:linear-gradient(90deg,#b91c1c,#ef4444);color:#fff;padding:9px 16px;text-align:center;font-weight:500}
 main{padding:22px;max-width:1800px;margin:0 auto}
-.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
+.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
 .tile{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .15s,border-color .15s,box-shadow .15s}
 .tile:hover{border-color:#34405a;box-shadow:0 12px 32px rgba(0,0,0,.5)}
 .strip .tile:hover{transform:translateY(-2px)}
@@ -52,6 +52,7 @@ main{padding:22px;max-width:1800px;margin:0 auto}
 .strip .btn{padding:5px 9px}
 .tile:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;background:#000}
 .tile:fullscreen .view{flex:1;aspect-ratio:auto}
+@media (max-width:700px){.grid{grid-template-columns:1fr}}
 @media (max-width:600px){header{padding:12px 14px}main{padding:12px}.btn span{display:none}.btn{padding:7px 10px}}
 </style>
 </head>