/* Web görünümü (araclar/katalog_web.py) */
html, body { margin: 0; background: #e9ebee; }
body { padding: 16px 0 24px; }
.sayfa { margin: 0 auto 16px !important; box-shadow: 0 6px 24px rgba(0,0,0,.14); overflow: hidden; }
.sayfa:last-of-type { margin-bottom: 0 !important; }
[data-urun] { cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
[data-urun]:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.urune-git { display: inline-block; margin-top: 2mm; font: 600 7.5pt/1 "Lato Katalog", sans-serif; color: var(--bolum-renk, #D5182B); }
@media (max-width: 860px) { body { padding: 8px 0 12px; } .sayfa { margin-bottom: 8px !important; } }
/* Geniş ekran: dergi gibi karşılıklı iki sayfa; kapak ve arka kapak tek */
body.cift { display: grid; grid-template-columns: repeat(2, max-content); justify-content: center; row-gap: 20px; padding: 24px 0 32px; }
body.cift .sayfa { margin: 0 !important; }
body.cift .sayfa.kapak, body.cift .sayfa.arka { grid-column: 1 / -1; justify-self: center; }