/* Ürün vitrini */
:root { --bg: #f5f6f8; }
.sc-head { background: var(--surface); border-bottom: 1px solid var(--line); }
.sc-head-in { display: flex; align-items: center; gap: 10px; height: 60px; }
.sc-logo { width: 34px; height: 34px; border-radius: 10px; background: var(--c); color: #fff; display: grid; place-items: center; font-weight: 900; }
.sc-trust { margin-left: auto; display: none; gap: 6px; align-items: center; font-size: 13px; color: var(--muted); }
.sc-dot { margin: 0 4px; }
@media (min-width: 720px) { .sc-trust { display: inline-flex; } }
.sc-hero { background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000)); color: #fff; padding: 34px 0 30px; text-align: center; background-size: cover; background-position: center; }
.sc-hero h1 { font-size: 28px; font-weight: 900; }
.sc-hero p { opacity: .9; margin-top: 6px; }
.sc-badges { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; font-size: 13px; }
.sc-badges span { display: inline-flex; gap: 6px; align-items: center; background: rgba(255,255,255,.16); padding: 6px 12px; border-radius: 99px; backdrop-filter: blur(4px); }
.sc-main { padding-top: 22px; padding-bottom: 30px; }
.sc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.sc-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: transform .15s, box-shadow .15s; }
.sc-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.sc-img { position: relative; aspect-ratio: 1; background: var(--surface-2); }
.sc-img img { width: 100%; height: 100%; object-fit: cover; }
.sc-badge { position: absolute; left: 8px; top: 8px; background: var(--c); color: #fff; font-size: 11.5px; font-weight: 800; padding: 3px 8px; border-radius: 8px; }
.sc-body { padding: 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sc-body h3 { font-size: 15px; font-weight: 700; line-height: 1.3; }
.sc-rate { font-size: 12.5px; }
.sc-price { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin-top: auto; }
.sc-price b { font-size: 20px; color: var(--c); }
.sc-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; color: var(--ok); font-weight: 600; }
.sc-meta span { display: inline-flex; gap: 4px; align-items: center; }
.sc-btn { padding: 10px 12px; font-size: 14px; margin-top: 6px; }
@media (min-width: 720px) { .sc-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } .sc-hero { padding: 56px 0 50px; } .sc-hero h1 { font-size: 40px; } }
@media (min-width: 1100px) { .sc-grid { grid-template-columns: repeat(4, 1fr); } }
/* Liste düzeni */
.lay-list .sc-grid { grid-template-columns: 1fr; }
.lay-list .sc-card { flex-direction: row; }
.lay-list .sc-img { width: 38%; flex: none; }
@media (min-width: 720px) { .lay-list .sc-grid { grid-template-columns: repeat(2, 1fr); } }
/* Büyük kapak */
.sc-hero.has-img { padding: 90px 0 80px; }

.lay-hero .sc-grid > :first-child { grid-column: span 2; }