/* Tourism Partner · ortak bileşenler v2 · palet B "Akdeniz" · tokens.css sonrası bağlanır, JS yok.
   Terrakota yalnızca .deal-tag, .chip--accent, .stat__value--hot. Metin üç katman: .t1 .t2 .t3 (DESIGN.md 8.12) */

/* 1. Reset ve temel */
:root{--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:var(--font-heading);color:var(--text-heading);line-height:var(--line-height-heading)}
h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-black)}
h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-black)}
h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}
p,dl,dd,figure{margin:0}
img{display:block;max-width:100%}
a{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-medium)}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}
.num{font-variant-numeric:var(--numeric)}
.icon{display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon--sm{width:14px;height:14px}
.icon--lg{width:24px;height:24px}
@media (max-width:767px){h1{font-size:28px}}

/* 2. Yardımcılar */
.stack-8,.stack-16,.stack-24,.stack-48{display:grid;align-content:start;min-width:0}
.stack-8{gap:var(--space-8)}
.stack-16{gap:var(--space-16)}
.stack-24{gap:var(--space-24)}
.stack-48{gap:var(--space-48)}
.row{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}
.row--between{justify-content:space-between}
.muted{color:var(--text-muted)}
.text-sm{font-size:var(--font-size-small)}
.text-xs{font-size:var(--font-size-caption)}
.eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-muted)}
.eyebrow--primary{color:var(--text-heading)} /* bölüm açan eyebrow: ink. Petrol yalnızca eylem */
/* Metin hiyerarşisi: t1 karar, t2 niteleyen, t3 kayıt. Dördüncü katman yok (DESIGN.md 8.12) */
.t1{font-family:var(--font-body);font-size:16px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--text-heading)}
.t1--num{font-size:20px;letter-spacing:-.01em;font-variant-numeric:var(--numeric);white-space:nowrap}
.t1--xl{font-size:24px}
.t2{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:1.45;color:var(--text-body)}
.t3,.ref{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:1.4;color:var(--text-muted);font-variant-numeric:var(--numeric)}
.ref{letter-spacing:.04em;white-space:nowrap}
.tiers{display:grid;gap:4px;align-content:start;min-width:0}
.tiers>.t3{margin-top:4px}
.divider{height:0;margin:0;border:0;border-top:1px solid var(--border-default)}
.skeleton{height:12px;border-radius:6px;background:var(--border-default)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767px){.hidden-mobile{display:none!important}}
@media (min-width:768px){.hidden-desktop{display:none!important}}

/* 3. Yerleşim */
.page{padding:var(--space-32) 0 var(--space-64)}
.container{width:100%;max-width:calc(var(--container-max) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
.grid-12>*{grid-column:span 12;min-width:0}
.grid-12>.span-3{grid-column:span 3}
.grid-12>.span-4{grid-column:span 4}
.grid-12>.span-6{grid-column:span 6}
.grid-12>.span-8{grid-column:span 8}
.grid-12>.span-9{grid-column:span 9}
.grid-auto{display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.grid-auto--sm{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr))}
.detail{display:grid;gap:var(--space-24);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}
.detail__main{display:grid;gap:var(--space-24);min-width:0}
.detail__main>*,.detail__aside>*,.card,.grid-12>*{min-width:0;max-width:100%}
.detail__aside{position:sticky;top:var(--sticky-offset)}
@media (max-width:899px){
  .detail{grid-template-columns:minmax(0,1fr)}
  .detail__aside{position:static}
  .grid-12>.span-3,.grid-12>.span-4{grid-column:span 6}
  .grid-12>.span-6,.grid-12>.span-8,.grid-12>.span-9{grid-column:span 12}
}
@media (max-width:767px){
  .container{padding:0 var(--gutter-mobile)}
  .grid-12{gap:var(--space-16)}
  .grid-12>.span-3,.grid-12>.span-4{grid-column:span 12}
}

/* 4. Üst nav: ürün beyaz, pazarlama --dark */
.topnav{background:var(--bg-nav);border-bottom:1px solid var(--border-default)}
.topnav--fixed{position:sticky;top:0;z-index:20}
.topnav__inner{display:flex;align-items:stretch;gap:var(--space-24);min-height:var(--nav-height)}
.topnav__logo{display:flex;align-items:center;gap:10px;color:var(--color-ink);font-family:var(--font-heading);font-weight:var(--font-weight-black);font-size:18px;white-space:nowrap}
.topnav__logo:hover{text-decoration:none}
.topnav__mark{width:32px;height:32px;border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-white);display:grid;place-items:center;flex:none}
.topnav__items{display:flex;gap:4px;flex:1;min-width:0}
.topnav__item{position:relative;display:inline-flex;align-items:center;padding:0 12px;color:var(--text-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}
.topnav__item:hover{color:var(--color-ink);text-decoration:none}
.topnav__item.is-active,.topnav__item[aria-current]{color:var(--color-ink);font-weight:var(--font-weight-semibold)}
.topnav__item.is-active::after,.topnav__item[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--color-primary)}
.topnav__end{display:flex;align-items:center;gap:var(--space-8);margin-left:auto}
.topnav__icon,.topnav__menu{position:relative;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--radius-control);background:none;color:var(--color-ink);cursor:pointer}
.topnav__icon:hover,.topnav__menu:hover{background:var(--bg-subtle)}
.topnav__dot{position:absolute;top:10px;right:11px;width:9px;height:9px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 2px var(--bg-nav)}
.topnav__account{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;border-radius:var(--radius-control);color:var(--color-ink)}
.topnav__account:hover{background:var(--bg-subtle);text-decoration:none}
.topnav__account-text{display:grid;line-height:1.25;text-align:left}
.topnav__account-text b{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}
.topnav__account-text span{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-regular)}
.topnav__menu{display:none}
.topnav--dark{background:var(--bg-marketing);border-bottom-color:transparent}
.topnav--dark .topnav__logo,.topnav--dark .topnav__icon,.topnav--dark .topnav__menu,.topnav--dark .topnav__item.is-active,.topnav--dark .topnav__item[aria-current]{color:var(--color-white)}
.topnav--dark .topnav__mark{background:var(--color-primary)}
.topnav--dark .topnav__item{color:var(--color-on-dark-muted)}
.topnav--dark .topnav__item:hover{color:var(--color-white)}
.topnav--dark .topnav__item.is-active::after,.topnav--dark .topnav__item[aria-current]::after{background:var(--color-primary-300)}
.topnav--dark .topnav__icon:hover,.topnav--dark .topnav__menu:hover{background:rgba(255,255,255,.08)}
.topnav--dark :focus-visible{outline-color:var(--focus-ring-on-dark)}
@media (max-width:767px){
  .topnav__inner{gap:var(--space-8)}
  .topnav__items,.topnav__account-text{display:none}
  .topnav__menu{display:grid}
  .topnav__logo-text{display:none}
}

/* 5. Buton: tek dolgulu renk petrol */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height);padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--radius-control);background:none;font:var(--font-weight-semibold) var(--font-size-small)/1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}
.btn:hover{text-decoration:none}
.btn--primary{background:var(--color-primary);color:var(--text-on-primary)}
.btn--primary:hover,.btn--primary.is-hover{background:var(--color-primary-hover)}
.btn--secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}
.btn--secondary:hover{background:var(--color-primary-tint)}
.btn--ghost{color:var(--text-body)}
.btn--ghost:hover{background:var(--bg-subtle)}
.btn--danger{color:var(--color-danger-700)}
.btn--danger:hover{background:var(--color-danger-50)}
.btn--sm{min-height:var(--control-height-sm);padding:0 var(--space-12)}
.btn--md{min-height:var(--control-height)}
.btn--lg{min-height:var(--control-height-lg);padding:0 var(--space-24);font-size:var(--font-size-body)}
.btn--icon{width:44px;padding:0}
.btn--block{display:flex;width:100%}
.btn:disabled,.btn.is-disabled,.btn[aria-disabled="true"]{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border-default);cursor:not-allowed}
.is-focus{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}
@media (pointer:coarse){.btn--sm{min-height:var(--hit-target-min)}}

/* 6. Kart */
.card,.hotel-card,.request-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden;color:inherit}
a.card{font-weight:var(--font-weight-regular)}
.card--hover{transition:box-shadow var(--duration-base) var(--ease-standard)}
.card--hover:hover{box-shadow:var(--shadow-hover);text-decoration:none}
.card.is-selected{background:var(--bg-selected);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}
.card--summary{border-radius:var(--radius-modal)}
.card__body{display:grid;gap:var(--space-12);padding:var(--space-24);align-content:start}
.card__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-8);margin-top:auto;padding:var(--space-12) var(--space-24);border-top:1px solid var(--border-default)}
@media (max-width:767px){.card__body{padding:var(--space-16)}.card__footer{padding:var(--space-12) var(--space-16)}}

/* 7. Form */
.field{display:grid;gap:var(--space-8);align-content:start;min-width:0}
.field__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-heading)}
.field__control{position:relative;display:flex;align-items:center}
.field__control>.icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}
.field__control>.icon--end{left:auto;right:12px}
.field__control--start .input{padding-left:40px}
.field__control--end .input{padding-right:40px}
.input{width:100%;min-height:var(--control-height);padding:0 var(--space-12);border:1px solid var(--border-input);border-radius:var(--radius-control);background:var(--color-white);color:var(--text-heading);font-size:var(--font-size-body);line-height:1.5;font-variant-numeric:var(--numeric);appearance:none;-webkit-appearance:none}
textarea.input{min-height:96px;padding:10px var(--space-12);resize:vertical}
.input::placeholder{color:var(--text-muted)}
.input:focus,.input.is-focus{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}
.field__help{font-size:var(--font-size-caption);color:var(--text-muted)}
.field__error{display:flex;gap:6px;align-items:flex-start;font-size:var(--font-size-caption);color:var(--color-danger-700)}
.field__error .icon{margin-top:2px}
.field--error .input{border-color:var(--color-danger-500)}
.field--inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}
.check{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:10px 0;cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--color-primary)}
@media (max-width:767px){.field--inline{grid-template-columns:minmax(0,1fr)}}

/* 8. Rozet: renk + ikon + kelime. Varsayılan nötr */
.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-default);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;font-variant-numeric:var(--numeric)}
.badge>.icon,.badge__icon{width:14px;height:14px;flex:none}
/* Nötr: Taslak, Kapandı, Seçilmedi, Geri çekildi */
.badge--neutral,.badge--draft,.badge--closed,.badge--not-selected,.badge--withdrawn{background:var(--bg-subtle);color:var(--text-muted)}
/* Bilgi: Yayında, Teklif geldi, Gönderildi */
.badge--info,.badge--live,.badge--offers,.badge--sent{background:var(--color-primary-tint);color:var(--color-primary-hover);box-shadow:none}
/* Bekleyen: Teklif bekleniyor, İnceleniyor */
.badge--warning,.badge--awaiting,.badge--review{background:var(--color-warning-50);color:var(--color-warning-700);box-shadow:none}
/* Olumlu: Seçildi */
.badge--success,.badge--selected{background:var(--color-success-50);color:var(--color-success-700);box-shadow:none}
/* Süre doldu, hata */
.badge--danger,.badge--expired{background:var(--color-danger-50);color:var(--color-danger-700);box-shadow:none}

/* 9. Doğrulanmış üye */
.verified{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-success-700)}
.verified::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--color-success-500) var(--icon-check) center/12px no-repeat}
.verified--icon{position:relative;gap:0;vertical-align:-3px} /* yoğun bağlam: adın hemen sağında, title + sr-only metin */
.verified--pending{color:var(--text-muted)}
.verified--pending::before{background:none;box-shadow:inset 0 0 0 2px var(--border-input)}

/* 10. Fiyat, çip, fırsat etiketi */
.price{display:grid;gap:2px;font-variant-numeric:var(--numeric)}
.price__old{font-size:var(--font-size-caption);color:var(--text-muted);text-decoration:line-through}
.price__line{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-8)}
.price__new{font:var(--font-weight-semibold) 20px/1.2 var(--font-body);color:var(--text-heading);letter-spacing:-.01em}
.price--lg .price__new{font-size:24px}
.price__unit{font-size:var(--font-size-caption);color:var(--text-muted)}
.price__incl{font-size:var(--font-size-caption);color:var(--text-muted)}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-body);box-shadow:inset 0 0 0 1px var(--border-default);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;font-variant-numeric:var(--numeric)}
.chip--primary{background:var(--color-primary-tint);color:var(--color-primary-hover);box-shadow:none;font-weight:var(--font-weight-semibold)}
.chip--accent{padding:0 8px;background:var(--color-accent-tint);color:var(--color-accent-700);box-shadow:none;font-weight:var(--font-weight-semibold)}
.deal-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap}

/* 11. Fotoğraf ve otel kartı */
.photo{position:relative;aspect-ratio:var(--photo-ratio);overflow:hidden;background:var(--bg-photo-placeholder) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E3B47' stroke-opacity='.7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E") center calc(50% - 12px)/40px no-repeat}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo__label{position:absolute;left:0;right:0;top:calc(50% + 16px);text-align:center;font-size:var(--font-size-caption);color:var(--color-ink)}
.photo>.deal-tag{position:absolute;top:12px;left:12px}
.photo__count{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--color-white);color:var(--text-heading);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--numeric)}
.photo--rounded{border-radius:var(--radius-card)}
.hotel-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12)}
.hotel-card .card__body,.request-card .card__body{gap:var(--space-8)}
.hotel-card__location{font-size:var(--font-size-small);color:var(--text-body)}
.hotel-card__trust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--text-muted);font-variant-numeric:var(--numeric)}
.stars{display:inline-block;flex:none;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z' fill='%235F6B6E'/%3E%3C/svg%3E") left/12px 12px repeat-x} /* t2 niteleyen: muted, 12 px */
.stars--3{width:36px}
.stars--4{width:48px}
.stars--5{width:60px}
.hotel-card__head .stars{margin-top:6px}
.meta{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);font-size:var(--font-size-small);color:var(--text-body);font-variant-numeric:var(--numeric)}
.meta>span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.meta .icon{color:var(--text-muted)}

/* 12. Talep kartı */
.request-card__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-12)}
.countdown{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-body);font-variant-numeric:var(--numeric)}
.countdown--urgent{color:var(--color-warning-700);font-weight:var(--font-weight-semibold)}

/* 13. Teklif tablosu */
.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface)}
.offer-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:var(--font-size-small);font-variant-numeric:var(--numeric)}
.offer-table th{position:sticky;top:0;z-index:1;padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border-default);text-align:left;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-muted);white-space:nowrap}
.offer-table td{height:56px;padding:12px 16px;border-bottom:1px solid var(--border-default);vertical-align:middle;color:var(--text-body)}
.offer-table tbody tr:last-child td{border-bottom:0}
.offer-table .num{text-align:right;white-space:nowrap}
.offer-table__strong{font-size:20px;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:-.01em;color:var(--text-heading)} /* toplam: t1 */
.offer-table tr.is-selected td{background:var(--bg-selected)}
.offer-table tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}
.offer-table__supplier{display:flex;align-items:flex-start;gap:12px}
.offer-table__check{width:20px;height:20px;flex:none;margin-top:2px;border-radius:50%}
tr.is-selected .offer-table__check{background:var(--color-success-500) var(--icon-check) center/14px no-repeat}
.offer-table__name{font-size:16px;font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--text-heading)}
.table-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-12);font-size:var(--font-size-caption);color:var(--text-muted);font-variant-numeric:var(--numeric)}

/* 14. Callout, boş durum, istatistik */
.callout{display:grid;gap:6px;padding:var(--space-16);background:var(--bg-surface);border:1px solid var(--border-default);border-left:3px solid var(--color-ink);border-radius:0 var(--radius-control) var(--radius-control) 0;font-size:var(--font-size-small)}
.callout--sand{background:var(--bg-subtle)}
.callout--warning{border-left-color:var(--color-warning-500)}
.callout--warning .eyebrow{color:var(--color-warning-700)}
.empty{display:grid;justify-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-24);text-align:center}
.empty__icon{width:48px;height:48px;border-radius:var(--radius-card);background:var(--color-primary-tint);color:var(--color-primary);display:grid;place-items:center}
.empty__text{max-width:420px;font-size:var(--font-size-small);color:var(--text-muted)}
.stat{display:grid;gap:4px;padding:20px var(--space-24);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card)}
.stat__value{font:var(--font-weight-semibold) 24px/1.2 var(--font-body);color:var(--text-heading);letter-spacing:-.02em;font-variant-numeric:var(--numeric)}
.stat__value--hot{color:var(--color-accent)} /* ekranda en fazla bir, beyaz yüzeyde */
.stat__label{font-size:var(--font-size-small);color:var(--text-body)}

/* 15. Adım göstergesi (3 adımlı sihirbaz) */
.stepper{display:flex;gap:var(--space-8);margin:0;padding:0;list-style:none;counter-reset:step}
.stepper__step{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-top:var(--space-12);border-top:3px solid var(--border-default);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-muted);counter-increment:step}
.stepper__step::before{content:counter(step);width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-white);box-shadow:inset 0 0 0 1px var(--border-input);font-size:13px;font-weight:var(--font-weight-semibold);font-variant-numeric:var(--numeric)}
.stepper__step.is-done{border-top-color:var(--color-primary);color:var(--text-body)}
.stepper__step.is-done::before{content:"";box-shadow:none;background:var(--color-primary) var(--icon-check) center/16px no-repeat}
.stepper__step.is-current{border-top-color:var(--color-primary);color:var(--text-heading);font-weight:var(--font-weight-semibold)}
.stepper__step.is-current::before{background:var(--color-primary);color:var(--color-white);box-shadow:none}
@media (max-width:767px){.stepper__step:not(.is-current) .stepper__label{display:none}}

/* 16. Sekmeler */
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border-default)}
.tabs__tab{display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;margin-bottom:-1px;padding:0 12px;border-bottom:2px solid transparent;color:var(--text-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}
.tabs__tab:hover{color:var(--color-ink);text-decoration:none}
.tabs__tab.is-active,.tabs__tab[aria-current],.tabs__tab[aria-selected="true"]{border-bottom-color:var(--color-primary);color:var(--color-ink);font-weight:var(--font-weight-semibold)}
.tabs__count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--numeric)}

/* 17. Bildirim (statik toast) */
.toast{display:flex;align-items:flex-start;gap:12px;max-width:440px;padding:14px var(--space-16);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);font-size:var(--font-size-small)}
.toast__icon{flex:none;margin-top:2px;color:var(--color-primary)}
.toast__title{font-weight:var(--font-weight-semibold);color:var(--text-heading)}
.toast--success .toast__icon{color:var(--color-success-700)}
.toast--warning .toast__icon{color:var(--color-warning-700)}
.toast--danger .toast__icon{color:var(--color-danger-700)}

/* 18. Mobil alt eylem çubuğu */
.sticky-cta{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--space-16) calc(12px + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--border-default);box-shadow:var(--shadow-bar)}
.sticky-cta__price{display:grid;line-height:1.3;font-variant-numeric:var(--numeric)}
.sticky-cta__price b{font-weight:var(--font-weight-semibold);color:var(--text-heading)}
.sticky-cta .btn{min-height:var(--control-height-lg)}

/* 19. Liste satırı (yoğun): en fazla 6 olgu, bkz. DESIGN.md 8.12 */
.list-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:16px 24px;border-top:1px solid var(--border-default)}
.list-row:first-child{border-top:0}
.list-row__end{display:grid;justify-items:end;gap:4px;text-align:right;font-variant-numeric:var(--numeric)}
@media (max-width:767px){.list-row{padding:12px 16px}.list-row__end{justify-items:start;text-align:left}}

/* 20. Anahtar değer, avatar */
.kv{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px 16px;font-size:var(--font-size-small);font-variant-numeric:var(--numeric)}
.kv dt{font-size:var(--font-size-caption);color:var(--text-muted)} /* t3 etiket */
.kv dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text-body)} /* t2 değer */
.kv--split{grid-template-columns:1fr auto}
.kv--split dd{text-align:right}
.kv--sm{font-size:var(--font-size-caption)}
.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--color-primary-tint);color:var(--color-ink);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar--lg{width:48px;height:48px;font-size:var(--font-size-body)}