/* Renkli bölümler: her bölümün kendi zemini, her kategorinin kendi rengi.
   Renkler ürün çekimlerinden alındı:
   Gül      #F2D7CF  Polka, pembe triko, stüdyo fonu
   Gök      #CFDDEB  Heaven Blue triko
   Yosun    #22301F  Coverall Ligne kamuflaj
   Adaçayı  #E3E7D6  yosunun açığı
   Erik     #2A1730  Thunder ve Wild desenleri
   Bal      #F6E3A8  sarının yumuşağı, yatak ve tasma
   Marka renkleri (bordo, sarı, gece, kâğıt) aynen duruyor. */
:root {
  --mute: #655b55; /* okunurluk: açık zeminlerde en az 4.5:1 kontrast */
  --rose: #f2d7cf; --rose-2: #e7bfb3;
  --sky: #cfddeb; --sky-2: #a9c2db;
  --moss: #22301f; --moss-2: #3b4e33;
  --sage: #e3e7d6;
  --plum: #2a1730; --plum-2: #5b2d55;
  --honey: #f6e3a8;
  --navy: var(--plum); --navy-2: var(--plum-2);
}

/* Kategori renkleri: kartlar, karolar, koleksiyon ve ürün sayfası bunları kullanır */
[data-cat="dis"] { --cat: var(--moss); --cat-soft: var(--sage); --cat-ink: #fff; }
[data-cat="triko"] { --cat: #2f4f73; --cat-soft: var(--sky); --cat-ink: #fff; }
[data-cat="ev"] { --cat: var(--wine); --cat-soft: var(--rose); --cat-ink: #fff; }
[data-cat="yuva"] { --cat: #8a5a1c; --cat-soft: var(--honey); --cat-ink: #fff; }

/* ---------- Ana sayfa, yukarıdan aşağı ---------- */

/* İsim şeridi: sarı bant */
.names { background: var(--sun); border-color: var(--ink); }
.names i { color: var(--wine); }

/* Kategori karoları: her karo kendi renginde, yazı rozeti */
.cat-tile__shade { background: linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--cat, #121110) 78%, transparent)); }
.cat-tile__txt b { text-shadow: 0 4px 20px rgba(0, 0, 0, .25); }
.cat-tile__txt small { display: inline-block; width: fit-content; margin-top: 6px; padding: 4px 10px; border-radius: 99px; background: var(--cat-soft, var(--paper)); color: var(--cat, var(--ink)); opacity: 1; font-weight: 800; }
.cat-tile:hover .cat-tile__go { background: var(--cat-soft, var(--sun)); color: var(--cat, var(--ink)); }
.cat-tile { box-shadow: inset 0 0 0 0 var(--cat-soft); transition: box-shadow .4s; }

/* Öne çıkanlar: gül zemin, tam genişlik */
.loved { background: var(--rose); margin-top: clamp(56px, 8vw, 104px); padding-block: clamp(48px, 7vw, 92px) clamp(36px, 5vw, 64px); }
.loved .rail-btn { border-color: var(--ink); }
.loved { --mute: #5a4d47; }
.banner--flip, .stockist, .insta { --mute: #574d48; }
.loved .card__tag, .loved .pcard__tag { background: var(--ink); color: var(--rose); }

/* Kombini al: yosun yeşili, koyu */
.look { background: var(--moss); color: var(--paper); padding-bottom: clamp(56px, 8vw, 104px); }
.look .eyebrow { color: rgba(248, 242, 235, .55); }
.look h2 em { color: var(--sun); }
.look__hint { color: rgba(248, 242, 235, .6); }
.look__media { background: var(--moss-2); }
.look__item figcaption button { color: var(--paper); }
.look__item figcaption span { color: rgba(248, 242, 235, .6); }
.look__item figcaption button:hover span { color: var(--sun); }

/* Kampanya bantları: bordo ve gök mavisi */
.banner--flip { background: var(--sky); }
.banner--flip .banner__copy h2 em { color: #2f4f73; }
.banner--flip .btn--solid:hover { background: #2f4f73; border-color: #2f4f73; }

/* Koleksiyon: seçili sekme kategori renginde */
.chips__ink { background: var(--chip, var(--ink)); transition: transform .45s var(--ease, ease), width .45s var(--ease, ease), background .45s; }
.chips[data-on="dis"] { --chip: var(--moss); }
.chips[data-on="triko"] { --chip: #2f4f73; }
.chips[data-on="ev"] { --chip: var(--wine); }
.chips[data-on="yuva"] { --chip: #8a5a1c; }
.shop__more { display: flex; justify-content: center; }
.shop__count { margin: 0 0 0 auto; color: var(--mute); font-weight: 700; font-size: 14px; }

/* Ürün kartlarında kategori rengi: rozet ve fiyat şeridi */
.card[data-cat] .card__tag, .pcard[data-cat] .pcard__tag { background: var(--cat-soft); color: var(--cat); }
.card[data-cat] .ph, .pcard[data-cat] .pcard__media { background: var(--cat-soft); }
.card[data-cat] .ph.is-cut, .pcard[data-cat] .ph.is-cut { background: radial-gradient(90% 70% at 50% 42%, #fff 0%, var(--cat-soft) 100%); }

/* Beden bulucu: erik moru */
.fit { background: var(--plum); }
.fit::after { content: ''; position: absolute; width: 40vw; height: 40vw; left: -14vw; bottom: -18vw; border-radius: 50%; background: radial-gradient(closest-side, rgba(242, 194, 48, .14), transparent); pointer-events: none; }

/* Hikâye: sarı zemin, koyu yazı */
.story { background: var(--sun); color: var(--ink); }
.story .eyebrow, .story .eyebrow--light { color: rgba(22, 18, 16, .78); }
.story h2 em { color: var(--wine); }
.story__count b { color: var(--ink); }
.story__count li:nth-child(2) b { color: var(--wine); }
.story__count span { color: rgba(22, 18, 16, .6); }
.story__text { color: rgba(22, 18, 16, .85); }
.pillars article { border-top-color: rgba(22, 18, 16, .3); }
.pillars article:hover { border-color: var(--wine); }
.pillars span { color: var(--wine); }
.pillars p { color: rgba(22, 18, 16, .72); }
.story .btn--light { background: var(--ink); color: var(--sun); border-color: var(--ink); }
.story .btn--ghost-light { color: var(--ink); border-color: rgba(22, 18, 16, .5); }
.story .btn--ghost-light:hover { background: var(--ink); color: var(--sun); }

/* Toptan ve Instagram: adaçayı zemin */
.stockist { background: var(--sage); }
.stockist__list li::before { color: var(--moss-2); }
.stockist__list li:hover { color: var(--moss); }
.stockist .form { box-shadow: 0 30px 60px -40px rgba(34, 48, 31, .5); }
.insta { background: var(--sage); padding-top: 0; }
.insta__hover { background: rgba(34, 48, 31, .6); }

/* İletişim: bordodan geceye geçiş */
.contact { background: linear-gradient(160deg, #3a0f17 0%, var(--ink) 55%); }

/* ---------- Koleksiyon ve ürün sayfaları ---------- */

/* Koleksiyon başlığı kategori renginde */
body[data-cat] .phero { background: var(--cat); }
body[data-cat] .phero::after { background: linear-gradient(180deg, color-mix(in srgb, var(--cat) 10%, transparent), color-mix(in srgb, var(--cat) 88%, #000 0%)); }
body[data-cat] .phero h1 em { color: var(--cat-soft); }
body[data-cat] #chips .chips__ink { background: var(--cat); }
body[data-cat] .crumbs a:hover { color: var(--cat); }

/* Ürün sayfası: galeri zemini ve kategori bağlantısı */
body[data-cat] .gal__main, body[data-cat] .gal__thumbs button { background: var(--cat-soft); }
body[data-cat] .gal__badge { background: var(--cat); color: var(--cat-ink); }
body[data-cat] .buy__cat { padding: 6px 12px; border-radius: 99px; background: var(--cat-soft); color: var(--cat); }
body[data-cat] .buy__cat:hover { background: var(--cat); color: var(--cat-ink); }
body[data-cat] .sizes button[aria-pressed="true"], body[data-cat] .sz[aria-pressed="true"] { background: var(--cat); border-color: var(--cat); color: var(--cat-ink); }
body[data-cat] .acc summary::after { color: var(--cat); }

/* Sepet ve ödeme özeti: ince bordo-sarı kenar */
.summary { border-top: 5px solid var(--sun); }
.summary .totals__t dd { color: var(--wine); }

/* İndirim: kırmızı fiyat, üstü çizili önceki fiyat, yüzde rozeti */
.is-sale { color: var(--wine); }
.pcard__price s, .card__pr s, .qv__price s { display: block; font-weight: 600; font-size: .82em; color: var(--mute); }
.qv__price s { display: inline; margin-left: 8px; }
.card__pr { text-align: right; }
.card__pr strong { display: block; }
.pcard__tag--sale, .card__tag--sale, .card[data-cat] .card__tag--sale, .pcard[data-cat] .pcard__tag--sale { background: var(--wine); color: #fff; }
.buy__price { flex-wrap: wrap; row-gap: 4px; }
.buy__price s { font: 500 22px var(--serif); color: var(--mute); }
.buy__price .off { padding: 4px 10px; border-radius: 99px; background: var(--wine); color: #fff; font: 800 12px var(--sans); }
.buy__price .was-note { flex-basis: 100%; font-size: 12px; font-weight: 600; color: var(--mute); }

/* Favoriler: kalp */
.card { position: relative; }
.fav { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(248, 242, 235, .92); color: var(--ink); cursor: pointer; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .35); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1), background .2s, color .2s; }
.fav svg { width: 19px; height: 19px; transition: fill .2s; }
.fav:hover { transform: scale(1.1); }
.fav[aria-pressed="true"] { color: var(--wine); }
.fav[aria-pressed="true"] svg { fill: currentColor; }
.fav.pop { animation: favPop .45s cubic-bezier(.3, 1.8, .5, 1); }
@keyframes favPop { 40% { transform: scale(1.35); } }
.fav--card { position: absolute; top: 10px; right: 10px; z-index: 3; }
.card > .fav--card { top: 10px; right: 10px; }
.fav--lg { flex: none; width: 54px; height: 54px; border: 1.5px solid var(--line); background: #fff; box-shadow: none; }
.fav--lg svg { width: 22px; height: 22px; }
.tool--fav { position: relative; }
@media (max-width: 720px) { .tool--fav { display: none; } .fav--card { width: 34px; height: 34px; top: 8px; right: 8px; } .fav svg { width: 17px; height: 17px; } }

/* Ödeme: indirim kodu */
.coupon { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 14px 0 4px; }
.coupon input { min-width: 0; padding: 12px 14px; border: 1.5px dashed var(--line); border-radius: 12px; background: var(--paper); font: 700 14px var(--sans); letter-spacing: .06em;  }
.coupon input:focus { outline: none; border-color: var(--ink); border-style: solid; }
.coupon .btn { padding: 11px 16px; }
.coupon__on { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0; padding: 10px 14px; border-radius: 12px; background: #e8f1e4; color: #24502a; font-size: 14px; }
.coupon__on button { border: 0; background: none; color: var(--wine); font: 800 13px var(--sans); cursor: pointer; }
.coupon__err { grid-column: 1 / -1; color: var(--wine); font-weight: 700; font-size: 13px; }
.coupon__err:empty { display: none; }
.totals__disc dd { color: var(--ok, #2f6b3a); font-weight: 800; }

@media (max-width: 720px) {
  .loved { padding-block: 44px 30px; }
  .cat-tile__txt small { padding: 3px 8px; font-size: 11.5px; }
  .shop__count { display: none; }
}

/* Kod koşulları ve tahmini teslim (ödeme özeti) */
.coupon__terms { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; color: var(--mute); font-weight: 600; }
.coupon__terms a, .sum__eta a { color: var(--ink-2); }
.sum__eta { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--paper); font-size: 13px; color: var(--ink-2); }

/* Sipariş sayfası: talep formu ve talep durumu */
.seg2 { display: flex; flex-wrap: wrap; gap: 8px; }
.seg2 label { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; background: var(--paper); font-weight: 700; font-size: 14px; cursor: pointer; }
.seg2 label:has(input:checked) { background: var(--ink); color: var(--paper); }
.seg2 input { accent-color: var(--sun); }
.pane.req h2 { font-size: 22px; }
.pane.req p { margin: 8px 0 0; color: var(--ink-2); }
.pane.req--wait { background: #fff6d8; }
.pane.req--ok { background: #e8f3e9; }
.pane.req--bad { background: #f8e3e3; }

/* Fiyatların içindeki KDV satırı */
.sum__vat { margin: 8px 0 0; font-size: 12.5px; color: var(--mute); font-weight: 600; }

/* Başlık satırları üst üste binmesin (görünüm aynı, sadece satır aralığı) */
h1, h2 { line-height: 1.12; }
/* Satırlar birbirine binmesin: eksi boşluk yok, kuyruklu harfler (y, g) için alt pay */
.hero__title, .stage .hero__title { line-height: .98; }
.hero__title .ln, .stage .hero__title .ln { padding-bottom: .1em; margin-bottom: -.06em; }
@media (max-width: 760px) { .hero__title, .stage .hero__title { line-height: 1; } }
.cat-tile h3, .banner h2, .fit h2, .contact h2, .stockist h2 { line-height: 1.12; }
.insta { padding-top: clamp(48px, 6vw, 80px); }

/* Fotoğraf kırpmaları: kafalar görünsün */
img[src*="pug-full"], img[srcset*="pug-full"] { object-position: 88% 50% !important; }
.banner__media { min-height: clamp(360px, 40vw, 720px); }
.banner__media img[src*="frenchie-red-2"] { object-position: 50% 30%; }
/* Koleksiyon başlığı: dikey fotoğraf sağda panel olarak, tam genişliğe yayılmaz */
@media (min-width: 900px) {
  .phero { min-height: clamp(300px, 30vw, 520px); }
  .phero img { left: auto; width: 44%; object-position: 50% 20%; }
  .phero::after { background: linear-gradient(90deg, rgba(10,8,6,1) 50%, rgba(10,8,6,.0) 70%); }
  body[data-cat] .phero::after { background: linear-gradient(90deg, var(--cat) 52%, transparent 70%); }
}
.phero img { object-position: 50% 22%; }
@media (min-width: 900px) {
  .phero img { width: 50%; -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%); mask-image: linear-gradient(90deg, transparent, #000 30%); }
  .phero::after, body[data-cat] .phero::after { background: none; }
}

/* Fiyat yanında KDV dahil notu */
.vat-in { display: block; flex-basis: 100%; margin-top: 2px; font: 600 11px/1.2 var(--sans); color: var(--mute); letter-spacing: 0; text-align: right; }
.pcard__price .vat-in { text-align: inherit; }
.qv__price .vat-in { display: inline; font-size: 13px; margin-left: 6px; }

/* Koleksiyon araç çubuğu (telefon): kategori çipleri ilk satırı tamamen kaplar ve yana kayar; filtre ve sıralama ikinci satıra iner */
@media (max-width: 720px) { .shopbar .chips { flex: 1 1 100%; } }

/* Stoğa gelince haber ver (ürün sayfası ve hızlı bakış) */
.notify__open { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 0; border: 0; background: none; color: var(--wine, #7a1e2c); font: 700 13.5px/1.3 inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.notify__open:hover { color: var(--ink, #161210); }
.notify { margin-top: 12px; padding: 14px 16px; border-radius: 14px; background: var(--paper-2, #f8f2eb); border: 1px solid var(--line, rgba(0,0,0,.08)); }
.notify b { display: block; margin-bottom: 8px; font-size: 14px; }
.notify__row { display: flex; flex-wrap: wrap; gap: 8px; }
.notify__row select, .notify__row input { flex: 1 1 120px; min-width: 0; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line, rgba(0,0,0,.14)); background: #fff; font: 500 14px inherit; color: inherit; }
.notify__row input { flex: 3 1 180px; }
.notify__row .btn { padding: 10px 18px; font-size: 14px; }
.notify small { display: block; margin-top: 8px; font-size: 12px; color: var(--mute, #6b625c); }
.notify .buy__msg:empty { display: none; }
.notify--ok { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; background: #edf7ee; color: #2a7a3b; font-weight: 700; font-size: 14px; }

/* Ürün paylaş satırı */
.share { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; margin-top: 14px; font-size: 13px; color: var(--mute, #6b625c); }
.share a, .share button { border: 0; background: none; padding: 0; font: 700 13px inherit; color: var(--ink-2, #3a332f); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.share a:hover, .share button:hover { color: var(--wine, #7a1e2c); }

/* Arama kapatma düğmesi: telefonda daralmasın, her zaman sağ üstte görünür olsun (iPhone'da kaybolma düzeltmesi) */
.search__bar .x { flex: none; }
@media (max-width: 720px) {
  .search { padding-top: 64px; }
  .search__bar .x { position: fixed; top: 12px; right: 14px; z-index: 2; width: 44px; height: 44px; box-shadow: 0 4px 14px rgba(0,0,0,.12); }
  .search__bar input { font-size: 26px; }
}
/* Arama kutusunda harf kuyrukları (y, g, ş) kesilmesin */
.search__bar input { line-height: 1.35; padding: 4px 0 6px; height: auto; }
/* İndirim kodu kutusu: telefonda (iOS koyu tema / otomatik biçim) beyaz ve belirsiz görünmesin */
.coupon input { -webkit-appearance: none; appearance: none; background: #f8f2eb; color: var(--ink, #161210); border-color: rgba(22,18,16,.28); }
.coupon input::placeholder { color: #8a7f78; opacity: 1; }
html { color-scheme: light; }
/* Düğme yazısı iOS Safari'de beyaz çıkıyordu ("Uygula", "Kaldır" görünmüyordu): düğmeler yazı rengini sayfadan alır, tarayıcı düğme biçimi kapalı. Sınıf kuralları (solid, ghost-light, cookie) olduğu gibi kalır. */
button { color: inherit; -webkit-appearance: none; appearance: none; }
/* Bilgi kutusu (sipariş sayfası misafir notu, hesapta misafir siparişleri) */
.keep { margin: 16px auto 0; max-width: 720px; padding: 14px 16px; border-radius: 14px; background: var(--sand, #f3ece3); font-size: 14px; line-height: 1.55; text-align: left; }
.keep b { display: block; margin-bottom: 4px; }
.keep__btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.keep .btn { padding: 9px 14px; font-size: 13px; }
/* Ödemede açık sipariş seçenekleri */
.openbox { display: grid; gap: 8px; margin-top: 10px; }
.openbox__it { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #fff; color: var(--ink, #161210); font-weight: 600; }
.openbox__it .btn { padding: 8px 14px; font-size: 13px; }
/* Ürün galerisi: aynı ürünün diğer fotoğrafları (panelden eklenen ürünler) */
.gal__thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.gal__thumbs::-webkit-scrollbar { display: none; }
.gal__thumbs button { flex: 0 0 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 12px; overflow: hidden; cursor: pointer; background: var(--paper-2, #f3ece3); transition: border-color .2s; }
.gal__thumbs button[aria-pressed="true"] { border-color: var(--ink, #161210); }
.gal__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Hesabım: açılır bölümlerin oku site tarzında */
details.acc-edit > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
details.acc-edit > summary::-webkit-details-marker { display: none; }
details.acc-edit > summary::after { content: '+'; font-size: 22px; font-weight: 400; line-height: 1; transition: transform .25s; }
details.acc-edit[open] > summary::after { transform: rotate(45deg); }
/* Arama kutusunda tarayıcının kendi mavi "temizle" X'i gizlenir (kapatma düğmesiyle çift X olmasın) */
.search__bar input::-webkit-search-cancel-button, .search__bar input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }

/* İndirim kodu müşterinin yazdığı gibi görünür (birebir eşleşme) */
.coupon input { text-transform: none; letter-spacing: .02em; }

/* Ürün sayfası yüklenirken kayma olmasın: boş yol satırı ve iskelet gerçek yükseklik kadar yer tutar */
.crumb:empty::before { content: '\00a0'; }
.pdp:has(.skel) { min-height: 100vh; }
/* Koleksiyon yüklenirken ızgara kaymasın: filtre çipleri ve ürün sayısı satırı baştan yer tutar */
#chips:empty { min-height: 45px; }
#count:empty::before { content: '\00a0'; }
/* Telefonda yol satırı tek satır kalır (uzun ürün adında yana kayar), sayfa yüklenirken aşağı itilmez */
@media (max-width: 760px) { .crumb { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; } .crumb::-webkit-scrollbar { display: none; } }
#grid:empty { min-height: 100vh; }
/* Ana sayfa İletişim: satıcı künyesi kapalı kutuda (yasal olarak erişilebilir, göze batmaz) */
.contact__kunye-box { margin-top: 14px; }
.contact__kunye-box summary { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; opacity: .75; list-style: none; }
.contact__kunye-box summary::-webkit-details-marker { display: none; }
.contact__kunye-box summary::after { content: '+'; font-size: 15px; }
.contact__kunye-box[open] summary::after { content: '−'; }
.contact__kunye-box summary:hover { opacity: 1; }
.contact__kunye-box .contact__kunye { margin-top: 8px; }
.coupon__guest { margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--sand, #efe6d8); font-size: 14px; line-height: 1.5; }
.coupon__guest a { font-weight: 800; color: var(--wine); }

/* Toptan üye: ürün sayfasında sepet yerine iletişim; sabit satın al çubuğu yok */
.trade-order { margin-top: 18px; padding: 18px; border-radius: 20px; background: var(--sand, #efe6d8); }
.trade-order b { display: block; font-size: 17px; }
.trade-order p { margin: 6px 0 12px; color: var(--ink-2); font-size: 14.5px; }
.trade-order__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.trade-order__btns .btn { flex: 1 1 auto; justify-content: center; }
body.is-trade .sticky-buy { display: none !important; }

/* Ürün fotoğrafı olduğu gibi: bulanık arka kopya yok, beyaz zemin (Trendyol fotoğrafları beyaz/açık zeminli) */
.gal__main .gal__backdrop { display: none; }
.gal__main, body[data-cat] .gal__main { background: #fff; }
.gal__main #mainImg { mix-blend-mode: normal; padding: 0; }

/* Kartta tek "Hızlı sepete ekle" düğmesi ve açılan küçük pencere */
.pcard__quick { padding: 0; background: none; backdrop-filter: none; }
.pcard__quick .btn { width: 100%; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.qadd { border: 0; padding: 0; border-radius: 24px; width: min(860px, calc(100vw - 32px)); max-height: calc(100vh - 32px); background: var(--paper, #fff); color: inherit; }
.qadd::backdrop { background: rgba(20, 14, 10, .5); }
.qadd__box { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 22px; }
.qadd__x { position: absolute; top: 10px; right: 12px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.12); }
.qadd__media > img { width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: #fff; border-radius: 16px; display: block; }
.qadd__thumbs { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; }
.qadd__thumbs button { flex: 0 0 56px; height: 70px; padding: 0; border: 2px solid transparent; border-radius: 10px; overflow: hidden; background: #fff; cursor: pointer; }
.qadd__thumbs button[aria-pressed="true"] { border-color: var(--ink); }
.qadd__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.qadd__info h3 { margin: 8px 0 2px; font: 400 30px var(--serif); }
.qadd__type { margin: 0 0 10px; color: var(--mute); }
.qadd__price { margin: 0 0 16px; font-weight: 800; font-size: 20px; }
.qadd__sw { margin-bottom: 14px; }
.qadd__info .link { display: inline-block; margin-top: 14px; }
@media (max-width: 760px) {
  .pcard__quick { display: block !important; position: static; transform: none; margin-top: 8px; }
  .qadd__box { grid-template-columns: 1fr; gap: 14px; padding: 16px; }
  .qadd { max-height: calc(100vh - 24px); overflow-y: auto; }
  .qadd__media > img { aspect-ratio: 1; }
}

/* Tükenen beden: rakam üstü çizili; sepette olan ama stoğu biten değil */
.sizes button.out s { text-decoration: line-through; text-decoration-thickness: 2px; }
.sizes button:disabled:not(.out) { background: #fff; opacity: .55; }

/* Stok bildirimi "okudum" kutusu */
.notify__ok { margin-top: 8px; font-size: 12px; }
/* Çerez tercihleri */
.cookie--prefs { max-width: 620px; align-items: stretch; }
.cookie__prefs { display: grid; gap: 10px; width: 100%; }
.cookie__prefs > p { margin: 0 0 2px; font-size: 15px; }
.cookie__cat { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.08); cursor: default; }
label.cookie__cat { cursor: pointer; }
.cookie__cat b { display: block; font-size: 14px; }
.cookie__cat small { display: block; margin-top: 3px; font-size: 12px; opacity: .8; line-height: 1.45; }
.cookie__always { flex: none; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; opacity: .75; }
.cookie__sw { flex: none; appearance: none; width: 44px; height: 26px; border-radius: 99px; background: rgba(255,255,255,.3); position: relative; cursor: pointer; transition: background .2s; margin: 0; }
.cookie__sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .2s; }
.cookie__sw:checked { background: var(--sun, #e9b44c); }
.cookie__sw:checked::after { transform: translateX(18px); }
.cookie__sw:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cookie__prefs > div:last-child { justify-content: flex-end; margin-top: 4px; }
.cookie .cookie__prefs { display: grid; justify-content: stretch; }
.cookie .cookie__cat { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.cookie .cookie__cat > div { display: block; flex: 1; text-align: left; }
.cookie .cookie__prefs > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

/* Toptan bölümü: düğme ile liste arasında nefes payı */
.stockist__copy > .btn + .stockist__list { margin-top: 28px; }

/* Thunder ilk fotoğrafı: köpek yandan, kafası sağda; dikey kartta ortadan kırpınca kafa kesiliyordu */
img[src*="t2-177375116-0"] { object-position: 100% 50% !important; }

/* Beden tablosu */
.chart { overflow-x: auto; margin: 4px 0 10px; border-radius: 14px; border: 1px solid var(--line); background: #fff; }
.chart__t { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.chart__t th { padding: 10px 10px; text-align: left; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--mute); background: var(--sand); white-space: nowrap; }
.chart__t th small { font-weight: 700; text-transform: none; letter-spacing: 0; }
.chart__t td { padding: 9px 10px; border-top: 1px solid var(--line); white-space: nowrap; }
.chart__t td.chart__br { white-space: normal; min-width: 150px; font-size: 12px; color: var(--mute); }
.chart__t tr.na td { opacity: .42; }
.chart__t tr.hit td { background: var(--ink); color: var(--paper); opacity: 1; }
.chart__t tr.hit td.chart__br { color: var(--paper); }
.chart__how, .chart__note { margin: 6px 0 10px; font-size: 12.5px; color: var(--mute); line-height: 1.5; }
.sz__info { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--sand); font-size: 13px; }
.qadd__chart { margin-top: 14px; }
.qadd__chart summary { cursor: pointer; font-weight: 800; font-size: 13px; }
.qadd__chart .chart { margin-top: 10px; }

/* Çerez paneli: kategori başına taraf ve süre; köşedeki küçük çerez simgesi */
.cookie__meta { display: block; margin-top: 4px; font-style: normal; font-size: 11px; opacity: .7; }
.cookie-fab { position: fixed; left: 12px; bottom: 12px; z-index: 55; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: rgba(255,255,255,.92); color: var(--ink); box-shadow: 0 6px 18px -8px rgba(0,0,0,.35); cursor: pointer; opacity: .8; transition: opacity .2s, transform .2s; }
.cookie-fab:hover { opacity: 1; transform: scale(1.06); }
body:has(.sticky-buy.show) .cookie-fab { bottom: calc(86px + env(safe-area-inset-bottom)); }
body:has(#cookieBar) .cookie-fab { display: none; }
@media print { .cookie-fab { display: none; } }

/* Ana sayfa bölümlerinden ayrı sayfalara geçiş */
.fit__more { margin-top: 18px; }
.story__more { margin: 34px 0 0; text-align: center; }
.contact__more { display: inline-block; margin-top: 14px; color: inherit; }

/* Hızlı bakış beden kutuları: bütün ölçüler */
.qv__chart { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
.qv__chart span { gap: 3px; padding: 9px 6px; }
.qv__chart span i { display: block; font-style: normal; font-size: 11px; line-height: 1.3; white-space: nowrap; }
@media (max-width: 760px) { .qv__chart { grid-template-columns: repeat(3, 1fr); } }
/* Sweat, Tee & Tulum kartı: köpeğin yüzü sağ üstte, dar kartta görünsün */
img[src*="westie-checker-2"] { object-position: 82% 22% !important; }

/* Telefonda sabit WhatsApp düğmesi */
.wa-fab { position: fixed; right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 55; width: 52px; height: 52px; display: none; place-items: center; border-radius: 50%; background: #1f9d55; color: #fff; box-shadow: 0 10px 24px -10px rgba(0,0,0,.45); }
@media (max-width: 760px) { .wa-fab { display: grid; } }
body:has(.sticky-buy.show) .wa-fab { bottom: calc(86px + env(safe-area-inset-bottom)); }
body:has(#cookieBar) .wa-fab, body:has(dialog[open]) .wa-fab, body:has(.drawer.open) .wa-fab { display: none; }
@media print { .wa-fab { display: none; } }

/* Ana sayfa yönlendirme kartları */
.hub { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: clamp(40px, 6vw, 80px) var(--pad); max-width: 1440px; margin: 0 auto; }
.hub__card { position: relative; display: grid; gap: 6px; align-content: end; min-height: 190px; padding: 22px 22px 20px; border-radius: 24px; background: #fff; color: var(--ink); text-decoration: none; border: 1px solid var(--line); transition: transform .3s var(--ease), box-shadow .3s; }
.hub__card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -28px rgba(0,0,0,.45); }
.hub__card small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wine); }
.hub__card b { font: 400 clamp(26px, 2.4vw, 34px)/1.05 var(--serif); }
.hub__card span { font-size: 14px; color: var(--ink-2); }
.hub__card i { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--sand); font-style: normal; }
.hub__card--sun { background: var(--sun); border-color: transparent; }
.hub__card--ink { background: var(--ink); color: var(--paper); border-color: transparent; }
.hub__card--ink small { color: var(--sun); } .hub__card--ink span { color: rgba(255,255,255,.75); } .hub__card--ink i { background: rgba(255,255,255,.14); }
@media (max-width: 900px) { .hub { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hub__card { min-height: 150px; padding: 18px; } }
/* Alt bilgide satıcı bilgileri */
.foot2__kunye { margin: 0 0 14px; font-size: 13px; opacity: .85; }
.foot2__kunye summary { cursor: pointer; font-weight: 700; }
.foot2__kunye p { margin: 4px 0; line-height: 1.6; }

/* Gizlenen ana sayfa bölümleri kendi display kuralıyla geri gelmesin */
main section[hidden] { display: none !important; }
main section[data-off] { display: none !important; }
@media (max-width: 900px) {
  .hub { gap: 10px; }
  .hub__card { min-height: 0; align-content: start; padding: 16px 14px 16px; }
  .hub__card i { position: static; width: 32px; height: 32px; order: -1; margin-bottom: 6px; font-size: 14px; }
  .hub__card b { font-size: 24px; }
  .hub__card span { font-size: 12.5px; }
}

/* Telefonda üst simgeler sağa yaslı (logodan hemen sonra ortada kalıyordu) */
@media (max-width: 1100px) { .nav > .nav__tools { margin-left: auto; } }

/* Köpeğimin ölçüleri */
.dog-rec { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 4px 0 12px; padding: 10px 12px; border-radius: 12px; background: var(--sand); font-size: 13.5px; }
.dog-rec .link { border: 0; background: none; padding: 0; font: inherit; font-weight: 800; cursor: pointer; text-decoration: underline; color: var(--wine); }
.dog-rec__edit { margin-left: auto; font-weight: 600 !important; color: var(--ink-2) !important; }
.dog-rec--new { background: transparent; border: 1px dashed var(--line); }
.dog-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: -4px 0 14px; }
.dog-form input { flex: 1 1 120px; min-width: 0; padding: 11px 12px; border-radius: 12px; border: 1.5px solid var(--line); font: inherit; background: #fff; }
.dog-form .btn { padding: 11px 18px; }
.dog-form .link { border: 0; background: none; font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; }
.dog-form small { flex-basis: 100%; color: var(--mute); font-size: 12px; }

/* SVG ikonlar (Font Awesome Free, kendi sunucumuzda) */
.ic { width: 1em; height: 1em; display: inline-block; vertical-align: -0.125em; flex: none; }
.empty__icon .ic { width: 38px; height: 38px; color: var(--wine); }
.perk > i .ic, .perk > i[data-ic] svg { width: 26px; height: 26px; color: var(--wine); }
.perk > i[data-ic] { font-style: normal; display: inline-grid; place-items: center; }
.secure-note .ic { color: var(--ok, #1f7a4d); margin-right: 2px; }
.dog-rec > .ic { color: var(--wine); font-size: 15px; }
/* Dar telefonlarda (iPhone SE vb.) "Sepete ekle" yazısı düğmeye sığsın */
.buy__row > .btn { flex: 1 1 auto; min-width: 0; white-space: nowrap; }
@media (max-width: 400px) {
  .buy__row { gap: 8px; }
  .buy__row .qty--lg { width: 104px; flex: none; }
  .buy__row .fav--lg { width: 48px; height: 48px; flex: none; }
  .buy__row > .btn { padding-inline: 14px; font-size: 14.5px; }
  .buy__row > .btn .btn__arrow { display: none; }
}

/* Kategori sayfası üst görseli: hayvan görünsün (fotoğraflar dikey, alan yatay) */
#heroImg[src*="pomeranian-style"] { object-position: 50% 46% !important; }
#heroImg[src*="bed-brown"] { object-position: 50% 92% !important; }
#heroImg[src*="westie-checker-2"] { object-position: 50% 14% !important; }
#heroImg[src*="spaniel-portrait"] { object-position: 50% 18% !important; }

/* Alt bilgide satıcı künyesi (her sayfada açık, İletişim başlığı altında) */
.foot2__kunye { margin: 0 0 16px; font-size: 12.5px; opacity: .85; }
.foot2__kunye h3 { margin: 0 0 6px; }
.foot2__kunye div { display: flex; flex-wrap: wrap; gap: 2px 18px; }
.foot2__kunye p { margin: 0; line-height: 1.6; }

/* Hoş geldin indirimi duyurusu (üye ol ekranı) */
.welcome-note { margin: -6px 0 16px; padding: 10px 14px; border-radius: 12px; background: #fff; border: 1px dashed var(--wine, #7a1e2c); font-size: 14px; }
.welcome-note b { letter-spacing: .04em; }

/* Toptan: markanıza özel üretim (private label) */
.pl { padding-top: 0; padding-bottom: clamp(40px, 6vw, 80px); }
.pl__box { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(20px, 4vw, 56px); padding: clamp(24px, 4vw, 48px); border-radius: 28px; background: #fff; border: 1px solid var(--line); align-items: start; }
.pl__eye { display: inline-block; margin-bottom: 8px; font: 700 12px var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--wine, #7a1e2c); }
.pl__box h2 { margin: 0 0 12px; }
.pl__box p { margin: 0; color: var(--ink-2); line-height: 1.65; }
.pl__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.pl__list li { padding-left: 22px; position: relative; font-weight: 600; }
.pl__list li::before { content: ''; position: absolute; left: 4px; top: .55em; width: 7px; height: 7px; border-radius: 50%; background: var(--wine, #7a1e2c); }
.pl__list li:last-child { padding-left: 0; margin-top: 6px; }
.pl__list li:last-child::before { display: none; }
@media (max-width: 760px) { .pl__box { grid-template-columns: 1fr; } }
#ozel-etiket { scroll-margin-top: 90px; }

/* Gerçek logo (müşterinin yazı logosu) yuvarlak mührün içinde */
.mark__seal img { display: block; width: 78%; height: auto; margin-top: 4%; }
.foot2__brand .mark__seal img, .foot__brand .mark__seal img { filter: invert(1) brightness(.1); }

/* Ödeme: fatura bilgisi ödeme adımında tek satır (ayrı adım yok) */
.invline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); }
.invline div { display: grid; gap: 2px; min-width: 0; }
.invline b { font-size: 13px; letter-spacing: .02em; }
.invline span { font-size: 14px; color: var(--ink-2); overflow-wrap: anywhere; }
.invline small { color: var(--mute); }
.invline button { flex: none; border: 0; background: none; font: 700 13px var(--sans); text-decoration: underline; cursor: pointer; color: var(--ink); }

/* Çerez tercihleri: her kategorinin çerez tablosu (ad, sağlayıcı, amaç, süre) */
.cookie__list { margin: -4px 0 10px; font-size: 12.5px; }
.cookie__list summary { cursor: pointer; font-weight: 700; padding: 4px 2px; opacity: .85; }
.cookie__tbl { overflow-x: auto; margin-top: 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); }
.cookie__tbl table { width: 100%; border-collapse: collapse; min-width: 460px; }
.cookie__tbl th, .cookie__tbl td { padding: 7px 9px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255,255,255,.1); line-height: 1.45; }
.cookie__tbl th { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
.cookie__tbl code { font: 600 11.5px ui-monospace, Menlo, Consolas, monospace; word-break: break-word; }
.cookie__tbl tr:last-child td { border-bottom: 0; }
.cookie__prefs > * { min-width: 0; max-width: 100%; }
.cookie__list, .cookie__tbl { min-width: 0; max-width: 100%; }

/* Çerez penceresi: ekrana sığar, içi kayar; tablo kabı sağa yaslanmaz */
.cookie--prefs { max-height: calc(100dvh - 28px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.cookie .cookie__tbl, .cookie .cookie__list { display: block; }
@media (max-width: 640px) {
  .cookie--prefs { left: 8px; right: 8px; bottom: 8px; padding: 14px; }
  .cookie__tbl { border: 0; overflow: visible; }
  .cookie__tbl table, .cookie__tbl tbody, .cookie__tbl tr, .cookie__tbl td { display: block; width: 100%; min-width: 0; }
  .cookie__tbl thead { display: none; }
  .cookie__tbl tr { padding: 10px 12px; margin: 0 0 8px; border-radius: 10px; background: rgba(255,255,255,.06); }
  .cookie__tbl td { padding: 2px 0; border: 0; }
  .cookie__tbl td:first-child { margin-bottom: 4px; }
  .cookie__tbl td[data-l]::before { content: attr(data-l) ': '; opacity: .6; font-weight: 700; }
}

/* ===== Alt bilgi (Zenpati düzeni): açık zemin, ortada logo, sade sütunlar, koyu telif şeridi ===== */
.foot2.foot3 { background: var(--paper); color: var(--ink); padding: 0; border-top: 1px solid var(--line); }
.foot3__in { max-width: 1180px; margin: 0 auto; padding: 0 var(--pad); }
.foot3 > .foot3__in { padding-top: clamp(40px, 6vw, 64px); padding-bottom: clamp(24px, 4vw, 40px); }
.foot3__logo { display: block; width: 150px; margin: 0 auto clamp(28px, 4vw, 44px); }
.foot3__logo img { display: block; width: 100%; height: auto; }
.foot3__cols { display: grid; grid-template-columns: repeat(4, 1fr) 1.4fr; gap: 28px; }
.foot2.foot3 nav { display: grid; gap: 10px; align-content: start; }
.foot2.foot3 .fh { margin: 0 0 8px; font: 700 15px var(--sans); letter-spacing: 0; text-transform: none; color: var(--ink); }
.foot2.foot3 nav a { font-size: 14.5px; color: var(--mute, #8a817a); text-decoration: none; }
.foot2.foot3 nav a:hover { color: var(--ink); }
.foot3__brand b { display: block; font-size: 15px; margin-bottom: 4px; }
.foot3__brand p { margin: 0 0 6px; font-size: 14px; line-height: 1.55; color: var(--ink-2); }
.foot3__social { display: flex; gap: 10px; margin-top: 12px; }
.foot3__social a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; color: var(--ink); transition: background .2s, color .2s; }
.foot3__social a:hover { background: var(--ink); color: var(--paper); }
.foot3__social svg { width: 19px; height: 19px; }
.foot3__pay { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 18px; margin-top: 26px; }
.foot3__pay .paylogos { margin: 0; justify-content: flex-end; }
.foot3__pay .foot2__etbis { color: var(--mute, #8a817a); }
.foot3__bar { background: var(--ink); color: rgba(248,242,235,.72); padding: 18px 0 20px; }
.foot3__bar .foot3__in { display: grid; gap: 10px; }
.foot2.foot3 .foot3__kunye { margin: 0; font-size: 11.5px; opacity: .8; }
.foot2.foot3 .foot3__kunye .fh { margin: 0 0 2px; font: 700 11px var(--sans); letter-spacing: .08em; text-transform: uppercase; color: rgba(248,242,235,.6); }
.foot3__kunye div { display: flex; flex-wrap: wrap; gap: 0 14px; }
.foot3__kunye p { margin: 0; line-height: 1.6; }
.foot3__kunye b { color: rgba(248,242,235,.9) !important; font-weight: 600; }
.foot3__kunye a { color: inherit; }
.foot2.foot3 nav.foot3__legal { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; border: 0; justify-content: flex-start; max-width: none; }
.foot2.foot3 nav.foot3__legal a { font-size: 12px; color: rgba(248,242,235,.75); white-space: nowrap; }
.foot2.foot3 nav.foot3__legal a:hover { color: var(--sun); }
.foot2.foot3 .foot3__copy { margin: 0; text-align: left; font-size: 12px; color: rgba(248,242,235,.55); }
@media (max-width: 1000px) { .foot3__cols { grid-template-columns: repeat(2, 1fr); } .foot3__brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .foot3__cols { gap: 24px 16px; } .foot3__pay { justify-content: flex-start; } .foot3__pay .paylogos { justify-content: flex-start; } }

/* Hesabım: e-posta doğrulama kutusu */
.verify__row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.verify__row input { width: 150px; padding: 12px 14px; border: 1.5px solid var(--line); border-radius: 12px; font: 700 20px/1 var(--sans); letter-spacing: .3em; text-align: center; background: #fff; }
.verify__row input:focus { outline: none; border-color: var(--ink); }