@layer components{.tp-mk2{border-radius:var(--tp-r-md);background:var(--tp-surface);height:100%;box-shadow:inset 0 0 0 1px var(--tp-line-2), var(--tp-elev-1);transition:transform .18s var(--tp-yay-yumusak), box-shadow .18s;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.tp-mk2:hover{box-shadow:inset 0 0 0 1px var(--tp-brand-line), var(--tp-elev-2);transform:translateY(-2px)}}.tp-mk2-media{aspect-ratio:16/10;background:var(--tp-media-bg);display:block;position:relative;overflow:hidden}.tp-mk2-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--tp-yay-yumusak)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tp-mk2:hover .tp-mk2-media img{transform:scale(1.04)}}.tp-mk2-etiket{background:var(--tp-grad-brand);height:24px;color:var(--tp-brand-ink);box-shadow:0 2px 8px rgb(var(--tp-shade-rgb) / .2);border-radius:999px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.tp-mk2-fav{z-index:2;position:absolute;top:8px;right:8px}.tp-mk2-govde{gap:3px;padding:10px 12px 12px;display:grid}.tp-mk2-baslik{letter-spacing:-.01em;color:var(--tp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;line-height:1.3;overflow:hidden}.tp-mk2-baslik a{color:inherit}.tp-mk2-baslik a:hover{color:var(--tp-brand-text)}.tp-mk2-yer{min-width:0;color:var(--tp-ink-3);align-items:center;gap:4px;font-size:.75rem;display:flex}.tp-mk2-yer>svg{flex:none}.tp-mk2-fiyat{letter-spacing:-.01em;color:var(--tp-price);font-size:1.0625rem;font-weight:800}.tp-mk2-oz{color:var(--tp-ink-2);flex-wrap:wrap;gap:2px 10px;font-size:.75rem;font-weight:600;display:flex}.tp-mk2-oz li{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.tp-mk2-oz svg{color:var(--tp-ink-4)}.tp-mk2-ray{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-auto-flow:column;gap:12px;padding:2px 2px 6px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.tp-mk2-ray>li{scroll-snap-align:start;min-width:0}}
