/* fiyatgez — açık premium buzlu cam tasarım sistemi */
:root {
  --ink: #0F1215;
  --ink-2: #374151;
  --muted: #4B5563;
  --subtle: #6B7280;
  --bg: #EEF0F3;
  --green: #0B7A52;
  --green-2: #10B981;
  --green-dark: #0B4F36;
  --green-tint: #E3F5EC;
  --orange-1: #FF8A2B;
  --orange-2: #F0611A;
  --orange-3: #D9480F;
  --orange-ink: #C2410C;
  --glass: rgba(255, 255, 255, 0.55);
  --glass-strong: rgba(255, 255, 255, 0.72);
  --line: rgba(15, 23, 42, 0.07);
  --shadow: 0 1px 1px rgba(15, 23, 42, 0.04), 0 30px 60px -32px rgba(15, 23, 42, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
  --r-xl: 20px;
  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 12px;
  --r-xs: 10px;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 'Sora', 'Inter', sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { max-width: 100%; display: block; }
button { font: inherit; }
:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Arka plan ışıkları */
.fg-page { position: relative; overflow: hidden; min-height: 100vh; }
.fg-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.blob { position: absolute; border-radius: 50%; }
.blob--g1 { left: -18%; top: -380px; width: 1150px; height: 1150px; background: radial-gradient(circle, rgba(16,185,129,.34) 0%, rgba(16,185,129,0) 62%); }
.blob--o1 { right: -16%; top: -120px; width: 1050px; height: 1050px; background: radial-gradient(circle, rgba(251,146,60,.32) 0%, rgba(251,146,60,0) 62%); }
.blob--w { left: 50%; top: 60px; width: 1100px; height: 760px; margin-left: -550px; background: radial-gradient(ellipse, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 65%); }
.blob--s { left: 24%; top: 1150px; width: 1000px; height: 1000px; background: radial-gradient(circle, rgba(148,163,184,.42) 0%, rgba(148,163,184,0) 62%); }
.blob--g2 { left: -14%; top: 1900px; width: 950px; height: 950px; background: radial-gradient(circle, rgba(16,185,129,.24) 0%, rgba(16,185,129,0) 62%); }
.blob--o2 { right: -12%; top: 2500px; width: 950px; height: 950px; background: radial-gradient(circle, rgba(251,146,60,.24) 0%, rgba(251,146,60,0) 62%); }
.grid-lines { position: absolute; left: 0; right: 0; top: 0; height: 1200px; background-image: linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 60% 55% at 50% 30%, #000 0%, transparent 100%); mask-image: radial-gradient(ellipse 60% 55% at 50% 30%, #000 0%, transparent 100%); }

.wrap { position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; padding: 22px 24px 40px; display: flex; flex-direction: column; gap: 28px; }
.wrap--home { gap: 64px; }

/* Cam yüzeyler */
.glass { position: relative; background: var(--glass); box-shadow: var(--shadow); -webkit-backdrop-filter: blur(30px) saturate(190%); backdrop-filter: blur(30px) saturate(190%); border-radius: var(--r-xl); }
.glass--strong { background: rgba(255,255,255,.62); box-shadow: 0 1px 1px rgba(15,23,42,.04), 0 40px 80px -36px rgba(15,23,42,.38), inset 0 0 0 1px rgba(255,255,255,.6); }
.glass--green { background: linear-gradient(150deg, rgba(255,255,255,.75) 0%, rgba(227,245,236,.8) 100%); box-shadow: 0 1px 1px rgba(15,23,42,.04), 0 30px 60px -32px rgba(11,122,82,.4), inset 0 0 0 1px rgba(255,255,255,.6); }
.rim::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; background: linear-gradient(140deg, #fff 0%, rgba(255,255,255,.12) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,.85) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.pad { padding: 28px; }
.card-sm { border-radius: var(--r-lg); }

/* Üst menü */
.nav { align-self: center; width: 100%; max-width: 1040px; border-radius: var(--r-lg); padding: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; z-index: 20; }
.logo { display: flex; align-items: center; gap: 10px; padding-left: 8px; text-decoration: none; }
.logo__mark { width: 40px; height: 40px; flex: none; border-radius: 25%; box-shadow: 0 8px 18px -6px rgba(11,122,82,.6); display: grid; place-items: center; overflow: hidden; }
.logo__mark img { width: 100%; height: 100%; display: block; }
.logo__text { font-family: var(--display); font-weight: 700; font-size: 20px; letter-spacing: -0.04em; }
.logo__text b { color: var(--green); font-weight: 700; }
.nav__search { flex: 1 1 240px; min-width: 0; height: 46px; display: flex; align-items: center; gap: 10px; padding: 0 6px 0 14px; border-radius: var(--r-sm); background: rgba(255,255,255,.88); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); }
.nav__search input { flex: 1; min-width: 0; height: 40px; border: 0; background: transparent; font-size: 15px; color: var(--ink); outline: none; }
.nav__links { display: flex; flex-wrap: wrap; gap: 2px; font-size: 14px; font-weight: 500; }
.nav__link { padding: 11px 13px; border-radius: var(--r-xs); color: var(--muted); text-decoration: none; }
.nav__link:hover { background: rgba(255,255,255,.7); color: var(--ink); }
.nav__link.is-active { background: var(--ink); color: #fff; }
.icon-btn { width: 46px; height: 46px; border-radius: var(--r-sm); border: 0; background: linear-gradient(145deg, #fff, #E6E9ED); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06), 0 4px 10px -4px rgba(15,23,42,.2); color: var(--ink); display: grid; place-items: center; cursor: pointer; text-decoration: none; }

/* Butonlar */
.btn { height: 52px; padding: 0 20px; border-radius: var(--r-sm); border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer; white-space: nowrap; }
.btn--light { background: rgba(255,255,255,.95); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(15,23,42,.08), 0 2px 6px -3px rgba(15,23,42,.15); }
.btn--dark { background: linear-gradient(180deg, #2A2F36 0%, var(--ink) 100%); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 8px 20px -10px rgba(15,23,42,.6); }
.btn--cta { position: relative; overflow: hidden; color: #fff; font-weight: 700; font-size: 19px; letter-spacing: -0.01em; background: linear-gradient(135deg, var(--orange-1) 0%, var(--orange-2) 50%, var(--orange-3) 100%); box-shadow: 0 18px 36px -14px rgba(234,88,12,.8), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -3px 0 rgba(124,38,4,.25); }
.btn--cta > * { position: relative; z-index: 1; }
.btn--cta::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -45%; width: 32%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0)); transform: skewX(-22deg); animation: fg-shine 4s ease-in-out infinite; }
.btn--cta.d1::after { animation-delay: .6s; }
.btn--cta.d2::after { animation-delay: 1.2s; }
.btn--lg { height: 64px; border-radius: var(--r-sm); width: 100%; }
@keyframes fg-shine { 0% { left: -45%; } 28% { left: 130%; } 100% { left: 130%; } }

.chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: var(--r-xs); background: rgba(255,255,255,.75); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); font-size: 13px; font-weight: 500; text-decoration: none; color: var(--ink); }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.pill--green { background: var(--green); color: #fff; }
.pill--tint { background: var(--green-tint); color: #0B6B47; }
.pill--white { background: rgba(255,255,255,.9); color: var(--green-dark); box-shadow: inset 0 0 0 1px rgba(11,122,82,.25); }
.live { display: inline-flex; align-items: center; gap: 8px; }
.live__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green-2); box-shadow: 0 0 0 0 rgba(16,185,129,.6); animation: fg-pulse 2s infinite; }
@keyframes fg-pulse { 0% { box-shadow: 0 0 0 0 rgba(16,185,129,.55); } 70% { box-shadow: 0 0 0 7px rgba(16,185,129,0); } 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); } }

/* Tipografi */
.display { font-family: var(--display); font-weight: 600; letter-spacing: -0.05em; line-height: 1; margin: 0; }
.serif { font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -0.01em; }
.h-section { font-family: var(--display); font-size: clamp(28px, 3.2vw, 44px); font-weight: 600; letter-spacing: -0.05em; line-height: 1.02; margin: 0; }
.h-card { font-family: var(--display); font-size: 22px; font-weight: 600; letter-spacing: -0.04em; margin: 0; }
.eyebrow { font-size: 13px; font-weight: 600; color: var(--subtle); margin: 0; }
.muted { color: var(--muted); }
.subtle { color: var(--subtle); }
.green { color: var(--green); }
.price { font-family: var(--display); letter-spacing: -0.045em; }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--subtle); }
.crumbs a { color: var(--muted); text-decoration: none; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 12px; padding: 0 4px; }
.link-orange { font-size: 14px; font-weight: 600; color: var(--orange-ink); text-decoration: none; }

/* Ürün sahnesi */
.hero { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding-top: 24px; }
.hero__info { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.hero__stage { flex: 1.4 1 440px; min-width: 0; }
.hero__price { flex: 1 1 340px; min-width: 0; padding: 26px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
.product-title { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.product-title__main { font-family: var(--display); font-size: clamp(40px, 5vw, 76px); line-height: .95; font-weight: 600; letter-spacing: -0.055em; }
.product-title__sub { font-family: var(--serif); font-style: italic; font-size: clamp(26px, 3vw, 44px); line-height: 1.05; color: #5B6470; }
.specs { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(15,23,42,.1); }
.specs > div { padding: 14px 0 0 16px; border-left: 1px solid rgba(15,23,42,.1); }
.specs > div:first-child { padding-left: 0; border-left: 0; }
.specs dt { font-size: 12px; color: var(--subtle); }
.specs dd { margin: 4px 0 0; font-family: var(--display); font-size: 19px; font-weight: 600; letter-spacing: -0.03em; }
.stage-svg { width: 100%; height: auto; display: block; }
.float { animation: fg-float 5s ease-in-out infinite; transform-box: fill-box; }
@keyframes fg-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.big-price { font-family: var(--display); font-size: 64px; line-height: .92; font-weight: 300; letter-spacing: -0.06em; }
.big-price small { font-size: 26px; font-weight: 500; letter-spacing: -0.02em; }
.saving { border-radius: var(--r-md); background: linear-gradient(135deg, #0E8A5D 0%, #0B6B47 100%); color: #fff; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 16px 30px -18px rgba(11,107,71,.8), inset 0 1px 0 rgba(255,255,255,.25); }
.saving__bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,.18); overflow: hidden; }
.saving__bar span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #6EE7B7, #fff); }
.row-actions { display: flex; gap: 10px; }
.row-actions .btn--light { flex: 1; }
.avatars { display: inline-flex; }
.avatars span { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #fff; margin-left: -8px; }
.avatars span:first-child { margin-left: 0; background: linear-gradient(135deg, #FDBA74, #F97316); }
.avatars span:nth-child(2) { background: linear-gradient(135deg, #6EE7B7, #10B981); }
.avatars span:nth-child(3) { background: linear-gradient(135deg, #CBD5E1, #64748B); }
.stale-note { font-size: 12px; color: var(--orange-ink); }

/* Bento */
.bento { display: flex; flex-wrap: wrap; gap: 20px; }
.bento__wide { flex: 7 1 560px; min-width: 0; }
.bento__side { flex: 5 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.chart-svg { width: 100%; height: auto; display: block; overflow: visible; }
.seg { display: flex; gap: 4px; padding: 4px; border-radius: var(--r-sm); background: rgba(255,255,255,.75); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); }
.seg a, .seg button { height: 34px; padding: 0 14px; border-radius: 8px; border: 0; background: transparent; color: var(--muted); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; }
.seg .is-active { background: var(--ink); color: #fff; }
.score { padding: 24px 26px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; overflow: hidden; }
.mini-cards { display: flex; flex-wrap: wrap; gap: 20px; }
.mini { flex: 1 1 170px; min-width: 0; padding: 20px; border-radius: var(--r-lg); display: flex; flex-direction: column; gap: 10px; }
.icon-tile { width: 40px; height: 40px; border-radius: var(--r-xs); display: grid; place-items: center; flex: none; }
.icon-tile--green { background: var(--green-tint); color: var(--green); }
.icon-tile--orange { background: #FFEEDF; color: var(--orange-ink); }
.icon-tile--gray { background: #EEF0F3; color: var(--ink-2); }

/* Teklif listesi */
.offers { padding: 30px; display: flex; flex-direction: column; gap: 22px; }
.offer-list { display: flex; flex-direction: column; gap: 12px; }
.offer { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; padding: 16px 18px; border-radius: var(--r-md); background: rgba(255,255,255,.62); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); }
.offer.is-best { background: linear-gradient(120deg, rgba(255,255,255,.98) 0%, rgba(227,245,236,.98) 100%); box-shadow: 0 0 0 1.5px #34C08A, 0 0 0 6px rgba(16,185,129,.12), 0 24px 44px -22px rgba(11,122,82,.5); }
.offer.is-out { opacity: .6; }
.offer__store { flex: 1 1 220px; min-width: 0; display: flex; align-items: center; gap: 14px; }
.store-logo { width: 48px; height: 48px; flex: none; border-radius: var(--r-xs); color: #fff; font-family: var(--display); font-weight: 600; font-size: 18px; display: grid; place-items: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 16px -10px rgba(15,23,42,.6); background: linear-gradient(135deg, #4B5563, var(--ink)); }
.offer__diff { flex: 1.3 1 220px; min-width: 0; display: flex; align-items: center; gap: 12px; }
.bar { flex: 1; height: 10px; border-radius: 999px; background: rgba(15,23,42,.06); overflow: hidden; }
.bar span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #CBD5E1, #94A3B8); }
.offer.is-best .bar span { background: linear-gradient(90deg, #34D399, var(--green)); }
.offer__price { margin-left: auto; font-family: var(--display); font-size: 24px; font-weight: 500; letter-spacing: -0.045em; white-space: nowrap; }
.offer.is-best .offer__price { color: var(--green-dark); }
.offer__unit { display: block; font-family: var(--font); font-size: 12px; letter-spacing: 0; color: var(--subtle); text-align: right; }

/* Yapay zeka ve SSS */
.meter { display: flex; flex-direction: column; gap: 6px; }
.meter__row { display: flex; justify-content: space-between; font-size: 14px; }
.meter__bar { height: 6px; border-radius: 999px; background: rgba(15,23,42,.06); }
.meter__bar span { display: block; height: 100%; border-radius: 999px; background: var(--green-2); }
.meter__bar--gray span { background: #94A3B8; }
.faq details { border-radius: var(--r-md); background: rgba(255,255,255,.85); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); padding: 16px 18px; }
.faq details + details { margin-top: 10px; }
.faq summary { cursor: pointer; font-weight: 600; }

/* Ürün kartları */
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.pcard { text-decoration: none; color: var(--ink); padding: 12px; border-radius: var(--r-lg); display: flex; flex-direction: column; gap: 12px; transition: transform .2s ease, box-shadow .2s ease; }
.pcard:hover { transform: translateY(-3px); }
.pcard__img { position: relative; height: 180px; border-radius: var(--r-sm); background: radial-gradient(ellipse at 50% 85%, #E2E6EB 0%, #F7F8FA 60%, #fff 100%); display: grid; place-items: center; overflow: hidden; }
.pcard__img img { max-height: 150px; object-fit: contain; mix-blend-mode: multiply; }
.pcard__ph { width: 70px; height: 96px; border-radius: 18px; background: linear-gradient(145deg, #5E6572, #0B0D10); box-shadow: 0 22px 30px -16px rgba(15,23,42,.5); }
.pcard__badge { position: absolute; top: 10px; left: 10px; }
.pcard__body { padding: 0 6px 6px; display: flex; flex-direction: column; gap: 8px; }
.pcard__name { font-size: 15px; font-weight: 600; line-height: 1.3; min-height: 39px; }
.pcard__price { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.pcard__price .price { font-size: 22px; font-weight: 500; }
.pcard__foot { display: flex; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }

/* Ana sayfa */
.home-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; padding-top: 8px; }
.home-hero__text { flex: 1.1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 26px; }
.home-hero__title { margin: 0; display: flex; flex-direction: column; gap: 2px; }
.home-hero__title span:first-child { font-family: var(--display); font-size: clamp(46px, 6.2vw, 92px); line-height: .92; font-weight: 600; letter-spacing: -0.06em; }
.home-hero__title span:last-child { font-family: var(--serif); font-style: italic; font-size: clamp(50px, 6.6vw, 98px); line-height: .95; color: var(--green); }
.big-search { max-width: 620px; padding: 8px; border-radius: var(--r-lg); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.big-search label { flex: 1 1 240px; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 0 12px; height: 56px; }
.big-search input { flex: 1; min-width: 0; height: 40px; border: 0; background: transparent; font-size: 17px; color: var(--ink); outline: none; }
.trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); overflow: hidden; }
.trust > div { display: flex; align-items: center; gap: 14px; padding: 20px 22px; }
.trust > div + div { border-left: 1px solid rgba(15,23,42,.06); }
.trust strong { display: block; font-size: 14px; }
.trust span { font-size: 13px; color: var(--muted); }
.cats { display: flex; flex-wrap: wrap; gap: 20px; }
.cat { flex: 1 1 230px; min-width: 0; min-height: 0; padding: 24px; border-radius: var(--r-xl); text-decoration: none; color: var(--ink); display: flex; flex-direction: column; justify-content: space-between; gap: 18px; overflow: hidden; }
.dark-band { position: relative; overflow: hidden; background: linear-gradient(135deg, #0F1215 0%, #1B2026 60%, #13261E 100%); color: #fff; border-radius: var(--r-xl); padding: 44px 40px; display: flex; flex-direction: column; gap: 32px; }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.step { border-radius: var(--r-lg); background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.step b { font-family: var(--display); font-size: 44px; font-weight: 300; letter-spacing: -0.05em; color: #6EE7B7; }

/* Liste sayfaları */
.list-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.pagination a, .pagination span { min-width: 40px; height: 40px; padding: 0 12px; border-radius: var(--r-xs); display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.75); text-decoration: none; font-weight: 600; font-size: 14px; }
.pagination .is-current { background: var(--ink); color: #fff; }
.empty { padding: 48px 28px; text-align: center; }

/* Yasal sayfalar */
.prose { max-width: 760px; padding: 36px; line-height: 1.7; }
.prose h1 { font-family: var(--display); letter-spacing: -0.04em; line-height: 1.1; margin-top: 0; }
.prose h2 { font-family: var(--display); font-size: 20px; letter-spacing: -0.03em; margin-top: 32px; }

/* Formlar */
.field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted); }
.field input, .field select, .field textarea { font: inherit; font-size: 15px; font-weight: 400; color: var(--ink); padding: 12px 14px; border-radius: var(--r-xs); border: 1px solid #E3E6EA; background: #fff; }
.flash { padding: 14px 18px; border-radius: var(--r-md); background: var(--green-tint); color: #0B6B47; font-weight: 600; }
.hp { position: absolute; left: -9999px; }

/* Alt bar ve footer */
.buybar { position: sticky; bottom: 18px; align-self: center; width: 100%; max-width: 760px; background: rgba(255,255,255,.72); box-shadow: 0 1px 1px rgba(15,23,42,.05), 0 26px 50px -18px rgba(15,23,42,.4), inset 0 0 0 1px rgba(255,255,255,.7); -webkit-backdrop-filter: blur(30px) saturate(200%); backdrop-filter: blur(30px) saturate(200%); border-radius: var(--r-lg); padding: 8px 8px 8px 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; z-index: 30; }
.footer { padding: 32px; display: flex; flex-direction: column; gap: 28px; }
.footer__cols { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px; }
.footer nav { display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.footer nav a { color: var(--muted); text-decoration: none; }
.footer__legal { margin: 0; padding-top: 20px; border-top: 1px solid rgba(15,23,42,.08); font-size: 12px; color: var(--muted); }

@media (max-width: 640px) {
  .wrap { padding: 14px 14px 32px; }
  .pad, .offers { padding: 20px; }
  .big-price { font-size: 52px; }
  .dark-band { padding: 28px 22px; }
  .trust > div + div { border-left: 0; border-top: 1px solid rgba(15,23,42,.06); }
  .specs dd { font-size: 16px; }
  .offer__price { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .btn--cta::after, .live__dot, .float { animation: none; }
  .pcard { transition: none; }
}

/* Kurumsal sayfalar */
.page-meta { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
.prose .lead { font-size: 18px; color: var(--ink-2); }
.prose a { color: var(--green); font-weight: 600; }
.table-wrap { overflow-x: auto; margin: 14px 0; border-radius: var(--r-sm); box-shadow: inset 0 0 0 1px rgba(15,23,42,.08); }
.legal-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; background: rgba(255,255,255,.55); }
.legal-table th, .legal-table td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(15,23,42,.07); }
.legal-table th { font-weight: 600; background: rgba(255,255,255,.75); white-space: nowrap; }
.legal-table tr:last-child td { border-bottom: 0; }
.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 22px 0; }
.contact-card { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: var(--r-md); background: rgba(255,255,255,.7); box-shadow: inset 0 0 0 1px rgba(15,23,42,.06); font-size: 14px; line-height: 1.5; }
.footer__brand { flex: 1 1 260px; max-width: 340px; display: flex; flex-direction: column; gap: 12px; }
.footer__mail { font-size: 14px; font-weight: 600; color: var(--green); text-decoration: none; }
.cookie-bar { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 50; width: min(680px, calc(100% - 32px)); padding: 12px 12px 12px 18px; border-radius: var(--r-md); display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 14px; }
.cookie-bar[hidden] { display: none; }
.cookie-bar a { color: var(--green); font-weight: 600; }
.notfound { text-align: center; padding: 64px 28px; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.notfound b { font-family: var(--display); font-size: 88px; letter-spacing: -.06em; line-height: 1; background: linear-gradient(135deg, #34D399, var(--green)); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (max-width: 640px) { .prose { padding: 24px 18px; } .cookie-bar { flex-direction: column; align-items: stretch; text-align: center; } }

/* Ana sayfa kategori kartları: ürün önizlemesi */
.cat__meta { font-size: 13px; font-weight: 600; color: var(--green); }
.cat__thumbs { display: flex; gap: 10px; }
.cat__thumb { flex: 1 1 0; min-width: 0; aspect-ratio: 1; border-radius: var(--r-sm); background: radial-gradient(ellipse at 50% 82%, #E2E6EB 0%, #F4F6F8 58%, #fff 100%); box-shadow: inset 0 0 0 1px rgba(15,23,42,.05); display: grid; place-items: center; overflow: hidden; }
.cat__thumb img { width: 80%; height: 80%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s ease; }
.cat:hover .cat__thumb img { transform: scale(1.06); }
/* Telefonda ürün vitrinleri yana kaydırılır */
@media (max-width: 640px) {
  .shelf .cards { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 72%; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 4px 10px; margin: 0 -4px; scrollbar-width: none; }
  .shelf .cards::-webkit-scrollbar { display: none; }
  .shelf .cards > * { scroll-snap-align: start; }
  .cat { padding: 18px; }
}