/* TILBE HOME — tb-token.css · merkezi tasarım tokenları v3 (11 Kas 2026)
   TEK KAYNAK. Katman 1 --ref-* (ham) → Katman 2 --color-* / --tb-* (görev) → Katman 3 bileşen.
   Bileşen dosyalarına HEX yazılmaz. Kaynak: TilbeHome-Renk-Token-Sistemi-v1.1 (+ sapmalar: TILBE-TASARIM-SISTEMI.md). */
:root{--ref-orange-025:#FFFCF9;--ref-orange-050:#FFF7ED;--ref-orange-100:#FFEDD5;--ref-orange-200:#FED7AA;--ref-orange-300:#FDBA74;--ref-orange-400:#FB923C;--ref-orange-500:#F56600;--ref-orange-600:#DD5700;--ref-orange-700:#C94B00;--ref-orange-800:#A83B00;--ref-orange-900:#7C2D12;--ref-neutral-025:#FCFCFD;--ref-neutral-050:#F7F8FA;--ref-neutral-100:#F2F4F7;--ref-neutral-200:#E4E7EC;--ref-neutral-300:#D0D5DD;--ref-neutral-400:#828C9C;--ref-neutral-500:#667085;--ref-neutral-600:#535E70;--ref-neutral-700:#344054;--ref-neutral-800:#252B37;--ref-neutral-900:#181D27;--ref-neutral-950:#0D1117;--ref-green-050:#ECFDF3;--ref-green-200:#A6F4C5;--ref-green-300:#6CE9A6;--ref-green-400:#32D583;--ref-green-500:#12B76A;--ref-green-600:#039855;--ref-green-700:#087443;--ref-green-800:#065F46;--ref-red-025:#FFFBFA;--ref-red-050:#FEF3F2;--ref-red-100:#FEE4E2;--ref-red-200:#FECDCA;--ref-red-300:#FDA29B;--ref-red-500:#F04438;--ref-red-600:#D92D20;--ref-red-700:#B42318;--ref-amber-050:#FFFAEB;--ref-amber-100:#FEF0C7;--ref-amber-200:#FEDF89;--ref-amber-300:#FEC84B;--ref-amber-400:#FDB022;--ref-amber-500:#F79009;--ref-amber-600:#DC6803;--ref-amber-700:#B54708;--ref-amber-800:#93370D;--ref-blue-050:#EFF8FF;--ref-blue-100:#D1E9FF;--ref-blue-200:#B2DDFF;--ref-blue-300:#84CAFF;--ref-blue-700:#175CD3;--ref-blue-800:#1849A9;--ref-blue-900:#194185;--ref-violet-050:#F5F3FF;--ref-violet-100:#EDE9FE;--ref-violet-200:#DDD6FE;--ref-violet-300:#C4B5FD;--ref-violet-600:#7C3AED;--ref-violet-700:#6D28D9;--ref-violet-800:#5B21B6;--ref-rose-050:#FFF1F5;--ref-rose-100:#FFE4EE;--ref-rose-200:#FECDDE;--ref-rose-300:#FDA4C3;--ref-rose-500:#F43F85;--ref-rose-800:#9D174D;--ref-mint-050:#F0FDF9;--ref-mint-100:#CCFBED;--ref-mint-200:#99F6DA;--ref-mint-300:#5EEAC0;--ref-mint-800:#115E4B;--ref-cyan-050:#ECFEFF;--ref-cyan-100:#CFFAFE;--ref-cyan-200:#A5F3FC;--ref-cyan-300:#67E8F9;--ref-cyan-600:#0891B2;--ref-cyan-700:#0E7490;--ref-cyan-800:#155E75;--ref-sage-050:#F6F8F2;--ref-sage-100:#EAF0DF;--ref-sage-200:#D6E1C2;--ref-sage-300:#B8CCA0;--ref-sage-600:#5D7846;--ref-sage-800:#3C4D30;--ref-sand-050:#FAF7F2;--ref-sand-100:#F3EDE2;--ref-sand-200:#E7DCCB;--ref-sand-300:#D6C3A8;--ref-sand-400:#BCA180;--ref-sand-700:#694F37;--ref-sand-800:#56412F;--ref-white:#FFFFFF;--color-surface-page:var(--ref-white);--color-surface-card:var(--ref-white);--color-surface-subtle:var(--ref-neutral-050);--color-surface-sunken:var(--ref-neutral-100);--color-surface-raised:var(--ref-white);--color-surface-inverse:var(--ref-neutral-900);--color-text-primary:var(--ref-neutral-900);--color-text-secondary:var(--ref-neutral-600);--color-text-muted:var(--ref-neutral-500);--color-text-inverse:var(--ref-white);--color-text-brand:var(--ref-orange-800);--color-text-accent:var(--ref-orange-700);--color-border-subtle:var(--ref-neutral-200);--color-border-default:var(--ref-neutral-300);--color-border-control:var(--ref-neutral-400);--color-border-hover:var(--ref-neutral-500);--color-brand-accent:var(--ref-orange-500);--color-brand-accent-hover:var(--ref-orange-600);--color-selection-bg:var(--ref-orange-050);--color-selection-border:var(--ref-orange-700);--color-selection-text:var(--ref-orange-800);--color-focus-ring:var(--ref-blue-700);--color-focus-gap:var(--ref-white);--color-action-primary-bg:var(--ref-orange-700);--color-action-primary-bg-hover:var(--ref-orange-800);--color-action-primary-bg-pressed:var(--ref-orange-900);--color-action-primary-text:var(--ref-white);--color-action-secondary-bg:var(--ref-white);--color-action-secondary-bg-hover:var(--ref-neutral-050);--color-action-secondary-bg-pressed:var(--ref-neutral-100);--color-action-secondary-text:var(--ref-neutral-900);--color-action-secondary-border:var(--ref-neutral-400);--color-action-disabled-bg:var(--ref-neutral-100);--color-action-disabled-text:var(--ref-neutral-500);--color-action-disabled-border:var(--ref-neutral-300);--color-link-default:var(--ref-neutral-900);--color-link-hover:var(--ref-orange-700);--color-link-pressed:var(--ref-orange-800);--color-status-success-bg:var(--ref-green-050);--color-status-success-text:var(--ref-green-700);--color-status-success-icon:var(--ref-green-700);--color-status-success-border:var(--ref-green-700);--color-status-success-line:var(--ref-green-200);--color-status-error-bg:var(--ref-red-050);--color-status-error-text:var(--ref-red-700);--color-status-error-icon:var(--ref-red-700);--color-status-error-border:var(--ref-red-700);--color-status-error-line:var(--ref-red-200);--color-status-error-solid:var(--ref-red-600);--color-status-warning-bg:var(--ref-amber-050);--color-status-warning-text:var(--ref-amber-800);--color-status-warning-icon:var(--ref-amber-800);--color-status-warning-border:var(--ref-amber-700);--color-status-info-bg:var(--ref-neutral-050);--color-status-info-text:var(--ref-neutral-600);--color-status-info-icon:var(--ref-neutral-600);--color-status-info-border:var(--ref-neutral-300);--color-price-current:var(--ref-neutral-900);--color-price-previous:var(--ref-neutral-500);--color-price-savings:var(--ref-green-700);--color-promotion-bg:var(--ref-orange-050);--color-promotion-text:var(--ref-orange-800);--color-promotion-line:var(--ref-orange-200);--color-coupon-bg:var(--ref-orange-050);--color-coupon-text:var(--ref-orange-800);--color-discount-solid:var(--ref-red-600);--color-discount-text:var(--ref-red-700);--color-discount-bg:var(--ref-red-050);--color-discount-line:var(--ref-red-200);--color-shipping-qualified:var(--ref-green-700);--color-shipping-pending:var(--ref-neutral-600);--color-stock-low:var(--ref-amber-800);--color-stock-unavailable:var(--ref-neutral-600);--color-rating-filled:var(--ref-amber-500);--color-rating-empty:var(--ref-neutral-300);--color-favorite-default:var(--ref-neutral-600);--color-favorite-selected:var(--ref-orange-700);--color-cart-total:var(--ref-neutral-900);--color-skeleton-base:var(--ref-neutral-100);--color-skeleton-highlight:var(--ref-neutral-200);--color-transparent:transparent;--color-overlay-soft:rgba(13,17,23,.24);--color-overlay-modal:rgba(13,17,23,.48);--color-overlay-strong:rgba(13,17,23,.64);--color-shadow-soft:rgba(13,17,23,.06);--color-shadow-medium:rgba(13,17,23,.12);--color-shadow-strong:rgba(13,17,23,.18);--color-pastel-lilac-bg:var(--ref-violet-050);--color-pastel-lilac-bg-hover:var(--ref-violet-100);--color-pastel-lilac-bg-selected:var(--ref-violet-200);--color-pastel-lilac-text:var(--ref-violet-800);--color-pastel-lilac-icon:var(--ref-violet-800);--color-pastel-lilac-border:var(--ref-violet-300);--color-pastel-pink-bg:var(--ref-rose-050);--color-pastel-pink-bg-hover:var(--ref-rose-100);--color-pastel-pink-bg-selected:var(--ref-rose-200);--color-pastel-pink-text:var(--ref-rose-800);--color-pastel-pink-icon:var(--ref-rose-800);--color-pastel-pink-border:var(--ref-rose-300);--color-pastel-mint-bg:var(--ref-mint-050);--color-pastel-mint-bg-hover:var(--ref-mint-100);--color-pastel-mint-bg-selected:var(--ref-mint-200);--color-pastel-mint-text:var(--ref-mint-800);--color-pastel-mint-icon:var(--ref-mint-800);--color-pastel-mint-border:var(--ref-mint-300);--color-pastel-aqua-bg:var(--ref-cyan-050);--color-pastel-aqua-bg-hover:var(--ref-cyan-100);--color-pastel-aqua-bg-selected:var(--ref-cyan-200);--color-pastel-aqua-text:var(--ref-cyan-800);--color-pastel-aqua-icon:var(--ref-cyan-800);--color-pastel-aqua-border:var(--ref-cyan-300);--color-pastel-sage-bg:var(--ref-sage-050);--color-pastel-sage-bg-hover:var(--ref-sage-100);--color-pastel-sage-bg-selected:var(--ref-sage-200);--color-pastel-sage-text:var(--ref-sage-800);--color-pastel-sage-icon:var(--ref-sage-800);--color-pastel-sage-border:var(--ref-sage-300);--color-pastel-cream-bg:var(--ref-sand-050);--color-pastel-cream-bg-hover:var(--ref-sand-100);--color-pastel-cream-bg-selected:var(--ref-sand-200);--color-pastel-cream-text:var(--ref-sand-800);--color-pastel-cream-icon:var(--ref-sand-800);--color-pastel-cream-border:var(--ref-sand-300);--color-pastel-sky-bg:var(--ref-blue-050);--color-pastel-sky-bg-hover:var(--ref-blue-100);--color-pastel-sky-bg-selected:var(--ref-blue-200);--color-pastel-sky-text:var(--ref-blue-800);--color-pastel-sky-icon:var(--ref-blue-800);--color-pastel-sky-border:var(--ref-blue-300);--color-pastel-peach-bg:var(--ref-orange-050);--color-pastel-peach-bg-hover:var(--ref-orange-100);--color-pastel-peach-bg-selected:var(--ref-orange-200);--color-pastel-peach-text:var(--ref-orange-800);--color-pastel-peach-icon:var(--ref-orange-800);--color-pastel-peach-border:var(--ref-orange-300);--color-pastel-butter-bg:var(--ref-amber-050);--color-pastel-butter-bg-hover:var(--ref-amber-100);--color-pastel-butter-bg-selected:var(--ref-amber-200);--color-pastel-butter-text:var(--ref-amber-800);--color-pastel-butter-icon:var(--ref-amber-800);--color-pastel-butter-border:var(--ref-amber-300);--tb-or-50:var(--ref-orange-050);--tb-or-200:var(--ref-orange-200);--tb-or-400:var(--ref-orange-400);--tb-or-500:var(--ref-orange-500);--tb-or-600:var(--ref-orange-600);--tb-or-700:var(--ref-orange-700);--tb-or-800:var(--ref-orange-600);--tb-sl-0:var(--ref-white);--tb-sl-50:var(--ref-neutral-050);--tb-sl-100:var(--ref-neutral-100);--tb-sl-200:var(--ref-neutral-200);--tb-sl-300:var(--ref-neutral-300);--tb-sl-400:var(--ref-neutral-400);--tb-sl-500:var(--ref-neutral-500);--tb-sl-600:var(--ref-neutral-600);--tb-sl-900:var(--ref-neutral-900);--tb-ye-400:var(--ref-amber-300);--tb-ro-50:var(--ref-red-025);--tb-ro-100:var(--ref-red-050);--tb-ro-200:var(--ref-red-200);--tb-ro-600:var(--ref-red-600);--tb-ro-700:var(--ref-red-700);--tb-gr-100:var(--ref-green-050);--tb-gr-200:var(--ref-green-200);--tb-gr-500:var(--ref-green-500);--tb-gr-700:var(--ref-green-700);--tb-em-100:var(--ref-green-050);--tb-em-600:var(--ref-green-700);--tb-bl-100:var(--ref-neutral-100);--tb-bl-600:var(--ref-neutral-600);--tb-bl-700:var(--ref-neutral-700);--tb-am-100:var(--ref-amber-100);--tb-am-600:var(--ref-amber-600);--tb-am-800:var(--ref-amber-800);--tb-re-100:var(--ref-red-100);--tb-re-600:var(--ref-red-600);--tb-vi-100:var(--ref-violet-100);--tb-vi-600:var(--ref-violet-600);--tb-vi-700:var(--ref-violet-700);--tb-cy-100:var(--ref-cyan-100);--tb-cy-600:var(--ref-cyan-600);--tb-cy-700:var(--ref-cyan-700);--tb-action:var(--color-brand-accent);--tb-action-h:var(--color-brand-accent-hover);--tb-action-p:var(--ref-orange-700);--tb-action-bg:var(--color-action-primary-bg);--tb-action-bg-h:var(--color-action-primary-bg-hover);--tb-action-bg-p:var(--color-action-primary-bg-pressed);--tb-action-text:var(--color-text-accent);--tb-action-text-h:var(--color-text-brand);--tb-action-text-soft:var(--color-text-brand);--tb-action-soft:var(--ref-orange-050);--tb-action-line:var(--ref-orange-200);--tb-on-action:var(--color-action-primary-text);--tb-action-grad:var(--color-action-primary-bg);--tb-action-glow:rgba(201,75,0,.28);--tb-ink:var(--color-text-primary);--tb-ink2:var(--color-text-secondary);--tb-mut:var(--color-text-muted);--tb-dim:var(--ref-neutral-400);--tb-line:var(--color-border-subtle);--tb-line2:var(--ref-neutral-100);--tb-bg:var(--color-surface-subtle);--tb-surface:var(--color-surface-card);--tb-time:var(--ref-amber-300);--tb-night:var(--color-surface-inverse);--tb-on-night:var(--ref-white);--tb-on-night2:var(--ref-neutral-300);--tb-ok:var(--color-status-success-text);--tb-ok-soft:var(--color-status-success-bg);--tb-info:var(--color-status-info-text);--tb-info-soft:var(--ref-neutral-100);--tb-info-tint:var(--color-status-info-bg);--tb-info-line:var(--ref-neutral-200);--tb-warn:var(--ref-amber-600);--tb-warn-soft:var(--ref-amber-100);--tb-warn-text:var(--color-status-warning-text);--tb-err:var(--color-status-error-solid);--tb-err-soft:var(--ref-red-100);--tb-deal:var(--color-discount-solid);--tb-deal-text:var(--color-discount-text);--tb-deal-soft:var(--color-discount-bg);--tb-deal-tint:var(--ref-red-025);--tb-deal-line:var(--color-discount-line);--tb-save:var(--color-price-savings);--tb-save-soft:var(--ref-green-050);--tb-save-line:var(--ref-green-200);--tb-ship:var(--color-shipping-qualified);--tb-ship-soft:var(--ref-green-050);--tb-ship-line:var(--ref-green-200);--tb-excl:var(--ref-violet-600);--tb-excl-text:var(--ref-violet-800);--tb-excl-soft:var(--ref-violet-050);--tb-loyal:var(--ref-cyan-600);--tb-loyal-text:var(--ref-cyan-800);--tb-loyal-soft:var(--ref-cyan-050);--tb-star:var(--color-rating-filled);--tb-cat-elektronik:var(--color-pastel-lilac-text);--tb-cat-elektronik-bg:var(--color-pastel-lilac-bg-hover);--tb-cat-oto:var(--color-pastel-sky-text);--tb-cat-oto-bg:var(--color-pastel-sky-bg-hover);--tb-cat-ev:var(--color-pastel-mint-text);--tb-cat-ev-bg:var(--color-pastel-mint-bg-hover);--tb-cat-mutfak:var(--color-pastel-peach-text);--tb-cat-mutfak-bg:var(--color-pastel-peach-bg-hover);--tb-cat-bakim:var(--color-pastel-pink-text);--tb-cat-bakim-bg:var(--color-pastel-pink-bg-hover);--tb-cat-kamp:var(--color-pastel-sage-text);--tb-cat-kamp-bg:var(--color-pastel-sage-bg-hover);--tb-cat-bebek:var(--color-pastel-butter-text);--tb-cat-bebek-bg:var(--color-pastel-butter-bg-hover);--tb-cat-pet:var(--color-pastel-cream-text);--tb-cat-pet-bg:var(--color-pastel-cream-bg-hover);--tb-cat-hobi:var(--color-pastel-aqua-text);--tb-cat-hobi-bg:var(--color-pastel-aqua-bg-hover);--tb-cat-yapi:var(--ref-neutral-700);--tb-cat-yapi-bg:var(--ref-neutral-100);--tb-font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--tb-fs-display:32px;--tb-fs-h1:28px;--tb-fs-page:24px;--tb-fs-section:18px;--tb-fs-comp:15px;--tb-fs-body:14px;--tb-fs-small:13px;--tb-fs-note:12px;--tb-fs-badge:11.5px;--tb-fs-price-l:34px;--tb-fs-price-m:21px;--tb-fs-price-s:15px;--tb-lh-tight:1.2;--tb-lh-title:1.3;--tb-lh-body:1.5;--tb-ls-tight:-.01em;--tb-fw-regular:400;--tb-fw-medium:500;--tb-fw-semi:600;--tb-fw-bold:700;--tb-fw-black:800;--tb-s1:4px;--tb-s2:8px;--tb-s3:12px;--tb-s4:16px;--tb-s5:20px;--tb-s6:24px;--tb-s8:32px;--tb-s10:40px;--tb-s12:48px;--tb-s16:64px;--tb-s20:80px;--tb-cw:1380px;--tb-g:16px;--tb-gap:12px;--tb-sec:32px;--tb-r-xs:6px;--tb-r-sm:8px;--tb-r-md:10px;--tb-r-lg:12px;--tb-r-xl:16px;--tb-r-full:999px;--tb-e1:0 1px 2px var(--color-shadow-soft);--tb-e2:0 1px 2px var(--color-shadow-soft),0 8px 24px -12px var(--color-shadow-strong);--tb-e3:0 2px 6px var(--color-shadow-soft),0 18px 40px -18px rgba(13,17,23,.28);--tb-e-action:none;--tb-d-fast:150ms;--tb-d-base:200ms;--tb-d-slow:320ms;--tb-ease:cubic-bezier(.4,0,.2,1);--tb-z-sticky:900;--tb-z-drawer:1000;--tb-z-modal:1050;--tb-z-toast:1100;--tb-btn-h:44px;--tb-btn-h-sm:36px;--tb-btn-h-lg:52px;--tb-btn-r:var(--tb-r-lg);--tb-input-h:44px;--tb-input-r:var(--tb-r-md);--tb-card-r:var(--tb-r-xl);--tb-card-pad:var(--tb-s3);--tb-badge-h:22px;--tb-badge-r:var(--tb-r-xs);--tb-focus:0 0 0 2px var(--color-focus-gap),0 0 0 4px var(--color-focus-ring);--r-full:var(--tb-r-full);--e2:var(--tb-e2);--e3:var(--tb-e3);--d-fast:var(--tb-d-fast);--d-base:var(--tb-d-base);--d-slow:var(--tb-d-slow)}
@media(min-width:768px){:root{--tb-g:24px;--tb-gap:16px}}@media(min-width:1200px){:root{--tb-g:32px;--tb-sec:48px}}
@media(prefers-reduced-motion:reduce){:root{--tb-d-fast:1ms;--tb-d-base:1ms;--tb-d-slow:1ms}}
body,button,input,select,textarea,optgroup{font-family:var(--tb-font)}
body{color:var(--color-text-primary);background:var(--color-surface-page);font-feature-settings:"ss01" 0}
::selection{background:var(--ref-orange-100);color:var(--ref-neutral-900)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.pattern-group.double-border{border:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}