/* Yazı tipleri (DM Sans + Fraunces) includes/header.php içinde ile yüklenir (2026-10-10, hız — eskiden burada @import vardı). */
/* ══════════════════════════════════════════════════════════════════════════
BUTİK TEMASI — giyim, "çoklu seçim" (müşteri listeden N ürün + beden seçer)
Panel: One Page > Genel > Tema Klasörü = butik · Sayfa Tipi = Ürün seçimli.
Dosya iki katman: (1) ortak iskelet — yerleşim ve ölçülmüş tuzak düzeltmeleri,
(2) en altta "BUTİK KİMLİĞİ" — sitenin yüzü. Görünüm değişikliği 2. katmanda yapılır.
Seçici klasör adına kilitlidir: klasörü yeniden adlandırırsan buradaki
body[data-theme-folder="butik"] seçicilerini de değiştir.
══════════════════════════════════════════════════════════════════════════ */
body[data-theme-folder="butik"] {
/* ModaVistas — satış vitrini: yakın siyah, sıcak fildişi, mercan CTA.
Köşeler keskin, başlıklar serifli (Fraunces), gövde DM Sans.
Değişken adları ortak iskeletle aynı (--a2-*) ki alttaki kurallar çalışsın. */
/* Ortak style.css'in --font (Manrope) ve --font-display (Space Grotesk) aileleri artık yüklenmiyor
(2026-10-10, hız) → birkaç küçük öğe (kaydırma okları, telefon "0") DM Sans'a geçer. */
--font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
--font-display: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
--a2-acc: #e23d2b;
--a2-acc-lite: #ff8a78;
--a2-acc-deep: #141414;
--a2-tint: #ffe8e3;
--a2-tint2: #f6d2cb;
--a2-hero-1: #1c1c1c;
--a2-hero-2: #141414;
--a2-ink: #1a1a1a;
--a2-mut: #5c534c;
--a2-line: #eadfd4;
--a2-paper: #fbf6f0;
--a2-card: #fffdfb;
--a2-ok: #e23d2b;
--a2-ok-tint: #fff1ee;
--a2-warm: #fff4ef;
--a2-warm-ln: #e8cfc6;
--bt-kiremit: #e23d2b;
/* Shared checkout components inherit the same storefront palette. */
--primary: #e23d2b;
--primary-mid: #141414;
--primary-rgba: rgba(226,61,43,.45);
--ink: var(--a2-ink);
--paper: var(--a2-paper);
--paper-rgb: 251,246,240;
--surface: var(--a2-card);
--muted: var(--a2-mut);
--gray: var(--a2-mut);
--line: var(--a2-line);
--line-strong: var(--a2-warm-ln);
--border: var(--a2-line);
--light: var(--a2-tint);
--accent: var(--a2-acc);
--accent-rgb: 226,61,43;
--accent-dark: var(--a2-acc-deep);
--accent-2: var(--a2-acc-deep);
--green: var(--a2-ok);
--green-rgb: 226,61,43;
--dark-surface: var(--a2-ink);
--on-dark: var(--a2-paper);
--on-dark-rgb: 251,246,240;
--bt-serif: 'Fraunces', 'Times New Roman', serif;
background: var(--a2-paper);
color: var(--a2-ink);
font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
-webkit-font-smoothing: antialiased;
}
body[data-theme-folder="butik"] .ay2-wrap {
width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 16px;
}
body[data-theme-folder="butik"] .ay2-h2 {
font-size: clamp(20px, 3vw, 26px); font-weight: 800; line-height: 1.15;
margin: 0 0 16px; color: var(--a2-ink);
}
/* Ortak header/footer bu temada gizli — kendi üst çubuğumuz ve altlığımız var */
body[data-theme-folder="butik"] #theme-header,
body[data-theme-folder="butik"] .site-footer { display: none; }
/* ══ ÜST ÇUBUK ══ */
body[data-theme-folder="butik"] .ay2-top {
position: sticky; top: 0; z-index: 60;
background: var(--a2-card); border-bottom: 1px solid var(--a2-line);
}
body[data-theme-folder="butik"] .ay2-top-in {
display: flex; align-items: center; justify-content: space-between;
height: 56px;
}
body[data-theme-folder="butik"] .ay2-logo {
display: inline-flex; align-items: center; gap: 9px; text-decoration: none; line-height: 1.1;
}
body[data-theme-folder="butik"] .ay2-logo img { width: 44px; height: 44px; display: block; border-radius: 0; }
body[data-theme-folder="butik"] .ay2-logo b {
font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: var(--a2-ink);
}
body[data-theme-folder="butik"] .ay2-logo b span { color: var(--a2-acc); }
body[data-theme-folder="butik"] .ay2-cart {
position: relative; width: 40px; height: 40px; border-radius: 0;
display: grid; place-items: center; color: var(--a2-acc);
background: var(--a2-tint); text-decoration: none; font-size: 17px;
}
body[data-theme-folder="butik"] .ay2-cart b {
position: absolute; top: -4px; right: -4px; min-width: 19px; height: 19px;
border-radius: 0; background: var(--a2-acc); color: #fff;
font-size: 11px; font-weight: 800; display: grid; place-items: center;
padding: 0 5px; border: 2px solid #fff;
}
/* Eski koyu kampanya afişinin (daire, %50 baloncuğu, "İNDİRİM" bandı, fiyat kartı)
kuralları 2026-09-15'te kaldırıldı — yerini dosya sonundaki
"KATEGORİ KAMPANYA ALANI" (.ay2-teklif) aldı. */
/* ══ YAPIŞKAN İLERLEME ÇUBUĞU ══
Bu şerit aynı zamanda .pkg-card taşıyor (script.js "selected" işaretini
buraya koyuyor). style.css'in paket kartı görünümünü — 150px genişlik,
flex sütun, ortalı yazı, kesikli ::before çizgisi ve seçilince KOYU zemin —
burada tamamen sıfırlıyoruz; yoksa şerit küçük bir kutuya dönüşüyor. */
body[data-theme-folder="butik"] .ay2-bar.pkg-card,
body[data-theme-folder="butik"] .ay2-bar.pkg-card.selected,
body[data-theme-folder="butik"] .ay2-bar.pkg-card:hover {
position: sticky; top: 56px; z-index: 55;
display: block; width: auto; flex: initial;
background: var(--a2-card); box-shadow: none;
border: 0; border-bottom: 1px solid var(--a2-line); border-radius: 0;
padding: 9px 0 0; margin: 0;
text-align: left; cursor: default;
}
body[data-theme-folder="butik"] .ay2-bar.pkg-card::before { content: none; display: none; }
body[data-theme-folder="butik"] .ay2-bar-row {
display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
body[data-theme-folder="butik"] .ay2-bar-name {
font-size: 13px; font-weight: 800; color: var(--a2-acc); line-height: 1.3;
}
body[data-theme-folder="butik"] .ay2-bar-price {
font-size: 15px; font-weight: 800; color: var(--a2-acc);
}
body[data-theme-folder="butik"] .ay2-bar-sub {
margin-top: 1px; font-size: 11.5px; color: var(--a2-mut);
}
body[data-theme-folder="butik"] .ay2-bar-count { color: var(--a2-ok); font-weight: 700; }
body[data-theme-folder="butik"] .ay2-bar-count b { font-weight: 800; }
body[data-theme-folder="butik"] .ay2-prog {
height: 5px; background: var(--a2-tint2); margin-top: 7px; overflow: hidden;
}
body[data-theme-folder="butik"] .ay2-prog i {
display: block; height: 100%; background: var(--a2-acc-lite);
transition: width .28s ease;
}
body[data-theme-folder="butik"] .ay2-bar-done .ay2-prog i { background: var(--a2-ok); }
/* ══ IZGARA ══ */
body[data-theme-folder="butik"] .ay2-grid-wrap { padding: 6px 0 24px; }
body[data-theme-folder="butik"] .ay2-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
body[data-theme-folder="butik"] .ay2-card {
background: var(--a2-card); border: 1px solid var(--a2-line);
border-radius: 0; overflow: hidden; display: flex; flex-direction: column;
/* transform YOK: içeride position:fixed kullanan bir şey olursa kopmasın
(ayakkabı #1'de yaşanan tuzak). */
transition: border-color .18s ease, box-shadow .18s ease;
}
body[data-theme-folder="butik"] .ay2-card.product-selected {
border-color: var(--a2-acc); box-shadow: 0 0 0 2px var(--a2-tint2);
}
/* ── Görsel alanı ── */
body[data-theme-folder="butik"] .ay2-thumb {
position: relative; aspect-ratio: 1 / 1; background: var(--a2-tint);
cursor: pointer; overflow: hidden;
}
body[data-theme-folder="butik"] .ay2-thumb .ay2-img {
width: 100%; height: 100%; object-fit: cover; display: block;
}
body[data-theme-folder="butik"] .ay2-check {
position: absolute; top: 8px; left: 8px; z-index: 3;
width: 26px; height: 26px; border-radius: 0;
background: var(--a2-acc); color: #fff;
display: none; place-items: center; font-size: 12px;
}
body[data-theme-folder="butik"] .product-selected .ay2-check { display: grid; }
/* style.css (paylaşımlı, data-product-type="shoe") ::after ile " SEÇİLDİ" yazısı
ekliyor; kendine göre genişleyen bir "pill" rozeti varsayıyor. Bizim rozet
26px sabit yuvarlak — yazı sığmıyor, komşu karta taşıyor (bkz. teknik-tuzaklar,
ayakkabi #1'de aynı sorun yaşanmıştı). */
body[data-theme-folder="butik"] .product-card.product-selected .product-check-badge::after { content: none; }
body[data-theme-folder="butik"] .ay2-code {
position: absolute; left: 8px; bottom: 8px; z-index: 3;
background: rgba(0,0,0,.62); color: #fff; font-size: 10px; font-weight: 700;
padding: 3px 7px; border-radius: 0; max-width: 60%;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* Karusel noktaları */
body[data-theme-folder="butik"] .ay2-dots {
position: absolute; left: 0; right: 0; bottom: 8px; z-index: 3;
display: flex; gap: 5px; justify-content: center;
}
body[data-theme-folder="butik"] .ay2-dot {
width: 7px; height: 7px; padding: 0; border-radius: 0; cursor: pointer;
border: 1px solid rgba(255,255,255,.9); background: rgba(0,0,0,.28);
}
body[data-theme-folder="butik"] .ay2-dot.on { background: var(--a2-card); }
/* Karusel okları — Trendyol tarzı: görseli kapatmadan önceki/sonraki fotoğrafa geç */
body[data-theme-folder="butik"] .ay2-arrow {
position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
width: 24px; height: 24px; border-radius: 0; border: 0; cursor: pointer;
background: rgba(0,0,0,.32); color: #fff; font-size: 11px;
display: grid; place-items: center; padding: 0;
}
body[data-theme-folder="butik"] .ay2-arrow-prev { left: 6px; }
body[data-theme-folder="butik"] .ay2-arrow-next { right: 6px; }
body[data-theme-folder="butik"] .ay2-zoom {
position: absolute; right: 8px; bottom: 8px; z-index: 3;
width: 28px; height: 28px; border-radius: 0; border: 0; cursor: pointer;
background: rgba(255,255,255,.94); color: var(--a2-ink); font-size: 12px;
display: grid; place-items: center;
}
/* Telefonda büyüteç parmakla kolay basılsın (site sahibi 2026-09-15) */
@media (max-width: 699px) {
body[data-theme-folder="butik"] .ay2-zoom { width: 36px; height: 36px; font-size: 15px; right: 6px; bottom: 6px; }
}
/* ── Hızlı teslimat şeridi ── */
body[data-theme-folder="butik"] .ay2-fast {
display: block; background: var(--a2-ok); color: #fff;
font-size: 13px; font-weight: 700; text-align: center; letter-spacing: .01em;
padding: 5px 6px; line-height: 1.3;
}
body[data-theme-folder="butik"] .ay2-fast i { font-size: 11px; margin-right: 3px; }
body[data-theme-folder="butik"] .ay2-fast b {
font-weight: 700; display: inline-block; transition: opacity .25s ease;
}
body[data-theme-folder="butik"] .ay2-fast b.ay2-fade { opacity: 0; }
/* ── Kart gövdesi ── */
body[data-theme-folder="butik"] .ay2-body {
padding: 8px 9px 9px; display: flex; flex-direction: column; gap: 4px;
flex: 1;
}
body[data-theme-folder="butik"] .ay2-body h3 {
margin: 0; font-size: 14.5px; font-weight: 800; line-height: 1.3;
color: var(--a2-ink);
}
body[data-theme-folder="butik"] .ay2-views {
margin: 0; font-size: 11.5px; color: var(--bt-kiremit); font-weight: 600; line-height: 1.35;
}
body[data-theme-folder="butik"] .ay2-views i { color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ay2-spec {
margin: 0; font-size: 12px; color: var(--a2-mut); line-height: 1.4;
}
body[data-theme-folder="butik"] .ay2-spec span { font-weight: 700; color: var(--a2-ink); }
/* ── BEDEN SEÇ paneli — yalnız kart seçilip numara girilmemişken açık ── */
body[data-theme-folder="butik"] .ay2-sizebox {
display: none;
background: var(--a2-warm); border: 1px solid var(--a2-warm-ln);
border-radius: 0; padding: 8px; margin-top: 3px;
}
body[data-theme-folder="butik"] .ay2-card.ay2-open .ay2-sizebox { display: block; }
body[data-theme-folder="butik"] .ay2-sizebox-h {
display: block; font-size: 11px; font-weight: 800; letter-spacing: .06em;
color: var(--a2-mut); margin-bottom: 6px; line-height: 1.3;
}
/* script.js kendi etiketini basıyor ("Numaranı seç / Seçilen: —") — üstteki
başlığımız zaten var, tekrarı gizle. */
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-label { display: none; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;
}
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button {
padding: 7px 0; border-radius: 0; border: 1px solid var(--a2-warm-ln);
background: var(--a2-card); color: var(--a2-ink);
font-size: 12px; font-weight: 700; font-family: inherit; cursor: pointer;
line-height: 1.2;
}
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button.active {
background: var(--a2-acc); border-color: var(--a2-acc); color: #fff;
}
/* ── Sepete ekle ── */
body[data-theme-folder="butik"] .ay2-btn {
margin-top: auto; width: 100%; padding: 10px 8px; cursor: pointer;
border: 1px solid var(--a2-acc); border-radius: 0;
background: var(--a2-acc); color: #fff;
font-size: 14px; font-weight: 800; font-family: inherit; line-height: 1.3;
letter-spacing: .01em; text-transform: uppercase;
}
/* Seçiliyken "eklendi" hissi versin diye sönük çerçeve — referansta da
"Sepetten Kaldır" ikincil görünür, kartlar fuşya duvarına dönmez. */
body[data-theme-folder="butik"] .product-selected .ay2-btn {
background: var(--a2-card); color: var(--a2-mut); border-color: var(--a2-line);
}
/* ══ SİPARİŞ BÖLÜMÜ ══ */
body[data-theme-folder="butik"] .ay2-order { padding: 6px 0 30px; }
body[data-theme-folder="butik"] .ay2-ship {
display: flex; align-items: center; gap: 8px; margin: 0 0 14px;
background: var(--a2-tint); border: 1px solid var(--a2-tint2);
border-radius: 0; padding: 10px 12px;
font-size: 12.5px; color: var(--a2-acc-deep); line-height: 1.4;
}
body[data-theme-folder="butik"] .ay2-ship b { font-weight: 800; }
body[data-theme-folder="butik"] #theme-payment-form { padding: 0; background: transparent; }
body[data-theme-folder="butik"] #orderForm .form-block {
background: var(--a2-card); border: 1px solid var(--a2-line); border-radius: 0;
padding: 14px; margin-bottom: 12px; box-shadow: none;
}
body[data-theme-folder="butik"] #orderForm .form-block-title {
font-size: 15px; font-weight: 800; color: var(--a2-ink);
line-height: 1.3; margin-bottom: 10px;
}
/* Ortak stil ikon kutusuna altın zemin veriyor — palet dışı, fuşya tona çekildi. */
body[data-theme-folder="butik"] #orderForm .form-block-title i {
color: var(--a2-acc); background: var(--a2-tint);
}
/* Seçili ürünler ızgarası — referanstaki iki sütunlu düzen */
body[data-theme-folder="butik"] #pkgItemRows {
display: grid; grid-template-columns: 1fr; gap: 9px;
}
body[data-theme-folder="butik"] .pkg-sel-item,
body[data-theme-folder="butik"] .pkg-sel-slot {
border: 1px solid var(--a2-line); border-radius: 0; background: var(--a2-card);
padding: 9px;
}
body[data-theme-folder="butik"] .pkg-sel-item { border-color: var(--a2-tint2); }
body[data-theme-folder="butik"] .pkg-sel-slot {
border-style: dashed; background: transparent;
}
body[data-theme-folder="butik"] .pkg-sel-thumb,
body[data-theme-folder="butik"] .pkg-sel-thumb-ph { border-radius: 0; }
body[data-theme-folder="butik"] .pkg-sel-name {
font-size: 12.5px; font-weight: 700; line-height: 1.35;
}
/* style.css bu seçiciyi ayakkabı sayfalarında gizliyor (numara kartta
seçiliyor diye). Referans düzende özet kartında da görünmesi gerekiyor —
müşteri seçtiği numarayı burada görüp değiştirebilmeli. */
body[data-theme-folder="butik"] .pkg-sel-size {
display: block !important; width: 100%; margin-top: 5px;
border: 1px solid var(--a2-line); border-radius: 0; padding: 6px 8px;
font-size: 12px; font-family: inherit; background: var(--a2-card); color: var(--a2-ink);
}
/* Kaldır düğmesi kartın DIŞINA taşıyordu (top/right: -10px, neredeyse siyah).
İçeri alındı ve tema rengine çekildi. */
body[data-theme-folder="butik"] .pkg-sel-remove {
top: 6px; right: 6px; width: 24px; height: 24px;
background: var(--a2-tint); color: var(--a2-acc); border: 0;
}
body[data-theme-folder="butik"] .pkg-sel-slot-text { color: var(--a2-mut); font-size: 12px; }
body[data-theme-folder="butik"] .pkg-sel-slot-btn {
background: var(--a2-acc); color: #fff; border: 0;
}
body[data-theme-folder="butik"] .pkg-campaign-pending {
background: var(--a2-tint); border: 1px solid var(--a2-tint2);
color: var(--a2-acc-deep); border-radius: 0; padding: 9px 11px;
font-size: 12.5px; line-height: 1.4;
}
body[data-theme-folder="butik"] .pkg-campaign-ok {
background: var(--a2-ok-tint); border: 1px solid #eadfd4;
color: #e23d2b; border-radius: 0; padding: 9px 11px;
font-size: 12.5px; line-height: 1.4;
}
body[data-theme-folder="butik"] #orderForm input[type="text"],
body[data-theme-folder="butik"] #orderForm input[type="tel"],
body[data-theme-folder="butik"] #orderForm input[type="email"],
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm textarea {
border: 1px solid var(--a2-line); border-radius: 0; font-family: inherit;
font-size: 14px; padding: 11px 12px; background: var(--a2-card); color: var(--a2-ink);
}
body[data-theme-folder="butik"] #orderForm input:focus,
body[data-theme-folder="butik"] #orderForm select:focus,
body[data-theme-folder="butik"] #orderForm textarea:focus {
outline: none; border-color: var(--a2-acc);
box-shadow: 0 0 0 3px var(--a2-tint);
}
body[data-theme-folder="butik"] #orderForm .submit-btn,
body[data-theme-folder="butik"] #orderForm button[type="submit"] {
background: var(--a2-acc); border: 0; color: #fff;
font-family: inherit; font-weight: 800; font-size: 15px;
border-radius: 0; padding: 14px 16px; line-height: 1.3;
}
body[data-theme-folder="butik"] .payment-card.selected {
border-color: var(--a2-acc); background: var(--a2-tint); color: var(--a2-ink);
}
/* Ortak formun soluk gri tonları (style.css) bu zeminde AA'dan kalıyordu —
#8a8074 beyaz üstünde 3,87:1, 9px yardımcı metin 4,27:1. Tema rengimiz
#6b6b76 ile 5,26:1. Gönder düğmesindeki altın fiyat da fuşya üstünde
3,78:1 idi; beyaza alındı (5,85:1). */
body[data-theme-folder="butik"] #orderForm .sub-title,
body[data-theme-folder="butik"] #orderForm label,
body[data-theme-folder="butik"] #orderForm .phone-prefix-label,
body[data-theme-folder="butik"] #orderForm .char-note,
body[data-theme-folder="butik"] #orderForm .char-note span,
body[data-theme-folder="butik"] #orderForm small {
color: var(--a2-mut);
}
body[data-theme-folder="butik"] #orderForm .btn-order-price { color: #fff; }
/* 9px yardımcı metin renkli zemin üstünde duruyor; --a2-mut orada 4,47:1'de
kalıyor — bir tık daha koyu. */
body[data-theme-folder="butik"] #orderForm small { color: #5c534c; }
/* ══ KAMPANYA ÖZETİ ══ */
body[data-theme-folder="butik"] .ay2-sum { padding: 0 0 26px; }
body[data-theme-folder="butik"] .ay2-sum-in {
display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}
body[data-theme-folder="butik"] .ay2-sum-box {
background: var(--a2-acc); color: #fff; border-radius: 0; padding: 14px;
}
body[data-theme-folder="butik"] .ay2-sum-k {
display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em;
opacity: .9; line-height: 1.3;
}
body[data-theme-folder="butik"] .ay2-sum-box b {
display: block; font-size: 20px; font-weight: 800; line-height: 1.2; margin: 3px 0;
}
body[data-theme-folder="butik"] .ay2-sum-box small { font-size: 11.5px; opacity: .95; }
body[data-theme-folder="butik"] .ay2-sum-item {
background: var(--a2-card); border: 1px solid var(--a2-line); border-radius: 0;
padding: 14px; display: flex; flex-direction: column; gap: 3px;
}
body[data-theme-folder="butik"] .ay2-sum-item i { color: var(--a2-acc); font-size: 17px; }
body[data-theme-folder="butik"] .ay2-sum-item b { font-size: 13px; font-weight: 800; line-height: 1.3; }
body[data-theme-folder="butik"] .ay2-sum-item small { font-size: 11.5px; color: var(--a2-mut); line-height: 1.4; }
/* ══ SSS ══ */
body[data-theme-folder="butik"] .ay2-faq { padding: 0 0 30px; }
body[data-theme-folder="butik"] .ay2-faq-list { display: flex; flex-direction: column; gap: 8px; }
body[data-theme-folder="butik"] .ay2-faq details {
background: var(--a2-card); border: 1px solid var(--a2-line); border-radius: 0;
padding: 11px 13px;
}
body[data-theme-folder="butik"] .ay2-faq summary {
cursor: pointer; list-style: none; font-size: 13.5px; font-weight: 700;
display: flex; align-items: center; justify-content: space-between; gap: 10px;
line-height: 1.4;
}
body[data-theme-folder="butik"] .ay2-faq summary::-webkit-details-marker { display: none; }
body[data-theme-folder="butik"] .ay2-faq summary i { color: var(--a2-acc); font-size: 12px; }
body[data-theme-folder="butik"] .ay2-faq details[open] summary i { transform: rotate(45deg); }
body[data-theme-folder="butik"] .ay2-faq p {
margin: 9px 0 0; font-size: 13px; color: var(--a2-mut); line-height: 1.55;
}
/* ══ FOOTER ══ */
body[data-theme-folder="butik"] .ay2-foot {
background: var(--a2-ink); color: #e8e0d8; padding: 22px 0 24px;
}
body[data-theme-folder="butik"] .ay2-foot-in { text-align: center; }
body[data-theme-folder="butik"] .ay2-foot-logo {
width: 72px; height: 72px; border-radius: 0; margin: 0 auto 10px; display: block;
}
body[data-theme-folder="butik"] .ay2-foot-ad { margin: 0 0 14px; font-family: var(--bt-serif); font-weight: 500; font-size: 26px; color: var(--a2-paper); }
body[data-theme-folder="butik"] .ay2-foot-note { margin: 0 0 8px; font-size: 12.5px; line-height: 1.5; }
body[data-theme-folder="butik"] .ay2-foot-c { margin: 0; font-size: 11.5px; opacity: .75; }
/* ══ YÜZEN DÜĞMELER ══ */
body[data-theme-folder="butik"] .ay2-fab {
position: fixed; right: 12px; bottom: 16px; z-index: 70;
display: flex; flex-direction: column; gap: 9px;
}
body[data-theme-folder="butik"] .ay2-fab-b {
width: 46px; height: 46px; border-radius: 0; border: 0; cursor: pointer;
display: grid; place-items: center; color: #fff; font-size: 20px;
text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.20);
}
body[data-theme-folder="butik"] .ay2-fab-ig {
background: linear-gradient(45deg, #f9a03f, #d6249f 55%, #8a3ab9);
}
body[data-theme-folder="butik"] .ay2-fab-wa { background: #25d366; }
body[data-theme-folder="butik"] .ay2-fab-up { background: var(--a2-acc); }
/* ══ GÖRSEL BÜYÜTME ══ */
body[data-theme-folder="butik"] .ay2-lb {
position: fixed; inset: 0; z-index: 120;
display: grid; place-items: center; padding: 20px;
}
body[data-theme-folder="butik"] .ay2-lb[hidden] { display: none; }
body[data-theme-folder="butik"] .ay2-lb-bg {
position: absolute; inset: 0; border: 0; padding: 0;
background: rgba(20,20,20,.82); cursor: pointer;
}
body[data-theme-folder="butik"] .ay2-lb-box {
position: relative; z-index: 1; margin: 0; max-width: 560px; width: 100%;
background: var(--a2-card); border-radius: 0; overflow: hidden;
}
body[data-theme-folder="butik"] .ay2-lb-box img {
display: block; width: 100%; height: auto;
}
/* Büyütülmüş görselde fotoğraflar arası geçiş (oklar + sayaç); kaydırma JS'te */
body[data-theme-folder="butik"] .ay2-lb-gorsel { position: relative; touch-action: pan-y; }
body[data-theme-folder="butik"] .ay2-lb-ok {
position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
width: 40px; height: 40px; border-radius: 0; border: 0; cursor: pointer; padding: 0;
background: rgba(255,255,255,.94); color: var(--a2-ink); font-size: 15px;
display: grid; place-items: center; box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
body[data-theme-folder="butik"] .ay2-lb-ok[hidden] { display: none; }
body[data-theme-folder="butik"] .ay2-lb-onceki { left: 10px; }
body[data-theme-folder="butik"] .ay2-lb-sonraki { right: 10px; }
body[data-theme-folder="butik"] .ay2-lb-sayac {
position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 2;
padding: 3px 10px; border-radius: 0; background: rgba(0,0,0,.55); color: #fff;
font-size: 12px; font-weight: 700; line-height: 1.4;
}
body[data-theme-folder="butik"] .ay2-lb-sayac[hidden] { display: none; }
body[data-theme-folder="butik"] .ay2-lb-box figcaption {
padding: 10px 12px; font-size: 13px; font-weight: 700; line-height: 1.35;
}
body[data-theme-folder="butik"] .ay2-lb-x {
position: absolute; top: 14px; right: 14px; z-index: 2;
width: 38px; height: 38px; border-radius: 0; border: 0; cursor: pointer;
background: var(--a2-card); color: var(--a2-ink); font-size: 16px;
}
/* ══ KÜÇÜK UYARI ══ */
body[data-theme-folder="butik"] .ay2-toast {
position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
z-index: 130; background: var(--a2-ink); color: #fff;
padding: 11px 16px; border-radius: 0; font-size: 13px; line-height: 1.4;
max-width: calc(100% - 32px); text-align: center;
opacity: 0; pointer-events: none; transition: opacity .2s ease;
}
body[data-theme-folder="butik"] .ay2-toast.on { opacity: 1; }
/* ══ ORTAK SOSYAL KANIT BALONU — tema diline uydur ══ */
body[data-theme-folder="butik"] .notif-popup {
border: 1px solid var(--a2-tint2); border-radius: 0;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
body[data-theme-folder="butik"] .notif-cart-icon {
background: var(--a2-acc); color: #fff;
}
body[data-theme-folder="butik"] .notif-head b { color: var(--a2-acc); }
/* ══ MASAÜSTÜ ══ */
@media (min-width: 700px) {
body[data-theme-folder="butik"] .ay2-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
body[data-theme-folder="butik"] #pkgItemRows { grid-template-columns: repeat(2, 1fr); }
body[data-theme-folder="butik"] #pkgItemRows .pkg-campaign-pending,
body[data-theme-folder="butik"] #pkgItemRows .pkg-campaign-ok { grid-column: 1 / -1; }
body[data-theme-folder="butik"] .ay2-body h3 { font-size: 14px; }
}
@media (min-width: 1000px) {
body[data-theme-folder="butik"] .ay2-grid { grid-template-columns: repeat(4, 1fr); }
}
/* ══ 2026-09-11 iyileştirmeleri ══════════════════════════════════════════
- Hero'daki üçüncü fiyat tekrarı (kart) kalktı → yerine güven satırı.
- Sipariş özeti style.css "shoe" bloğundan sızan krem zemin + siyah/altın toplam +
8–9px yazılarla geliyordu; temaya çekildi (!important eşit silahla).
- Masaüstünde afiş iki sütuna açılmadı (zaman); yalnız içerik düzeltmeleri. */
body[data-theme-folder="butik"] #orderForm .order-summary {
background: var(--a2-card) !important; border: 1px solid var(--a2-tint2) !important;
box-shadow: none !important; border-radius: 0; color: var(--a2-ink);
}
body[data-theme-folder="butik"] #orderForm .order-summary > .form-block-title { border-bottom: 1px solid var(--a2-line); color: var(--a2-ink); font-size: 15px; }
body[data-theme-folder="butik"] .order-summary .summary-row { font-size: 13px; color: var(--a2-mut); border-bottom: 1px solid var(--a2-line); min-height: 40px; }
body[data-theme-folder="butik"] .order-summary .summary-row > span:last-child { color: var(--a2-ink); }
body[data-theme-folder="butik"] .order-summary .gray-s { font-size: 12px; }
body[data-theme-folder="butik"] .order-summary .free-label {
background: var(--a2-ok-tint); color: var(--a2-ok); font-size: 11px; font-weight: 800;
border-radius: 0; padding: 3px 9px; min-height: 0;
}
body[data-theme-folder="butik"] .order-summary .total-row {
background: var(--a2-acc); color: #fff; border-radius: 0; margin: 10px 0 0; padding: 12px 14px; min-height: 0; font-size: 14px;
}
body[data-theme-folder="butik"] .order-summary .total-row > span:first-child { color: #fff; }
body[data-theme-folder="butik"] .order-summary .total-val { color: #fff !important; font-size: 24px; letter-spacing: 0; }
body[data-theme-folder="butik"] .order-summary .delivery-promise,
body[data-theme-folder="butik"] .order-summary .pay-on-delivery-note {
background: var(--a2-tint); border: 1px solid var(--a2-tint2); border-radius: 0; color: var(--a2-acc-deep);
margin-top: 10px; padding: 11px 12px; font-size: 12.5px; line-height: 1.45;
}
body[data-theme-folder="butik"] .order-summary .delivery-promise strong,
body[data-theme-folder="butik"] .order-summary .pay-on-delivery-note strong { color: var(--a2-ink); font-size: 13px; }
body[data-theme-folder="butik"] .order-summary .delivery-promise small { font-size: 12px; color: var(--a2-mut); }
body[data-theme-folder="butik"] .order-summary .delivery-promise-icon { background: var(--a2-acc); color: #fff; border-radius: 0; width: 36px; height: 36px; }
body[data-theme-folder="butik"] .order-summary .pay-on-delivery-note > i { color: var(--a2-acc); }
body[data-theme-folder="butik"] .checkout-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
body[data-theme-folder="butik"] .checkout-trust span {
display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--a2-ink);
background: var(--a2-paper); border: 1px solid var(--a2-line); border-radius: 0; padding: 8px 9px;
}
body[data-theme-folder="butik"] .checkout-trust i { color: var(--a2-acc); }
body[data-theme-folder="butik"] .btn-order { border-radius: 0; padding: 14px 16px; margin-top: 12px; }
/* Özet: Toplam bandı gizli, düğme onun yerinde (sayfa.php) */
body[data-theme-folder="butik"] .order-summary .total-row.ay2-toplam-gizli { display: none !important; }
body[data-theme-folder="butik"] .btn-order .btn-order-price { font-size: 20px; font-weight: 800; }
body[data-theme-folder="butik"] .btn-order .btn-order-label { font-size: 13px; font-weight: 800; letter-spacing: .02em; }
/* ══ 2026-09-12 · GÖRÜNÜM HATASI DÜZELTMELERİ ═══════════════════════════════
Yalnız ölçümle doğrulanmış hatalar. Renk paleti, metin, fiyat ve düzenin
temel yapısı değişmedi. Ortak style.css / script.js'e dokunulmadı. */
/* ── H1 · TABLET (701–980 px): sipariş formu sayfayı yatay taşırıyordu ─────
Ortak style.css'in shoe bloğu bu aralıkta "#orderForm { grid-template-columns:
1fr 1fr }" veriyor. CSS'te 1fr aslında minmax(AUTO,1fr)'dir: sütun, içeriğinin
min-content genişliğinin altına inemez. İsim+soyisim satırı ve il/ilçe kutuları
yüzünden sağ sütun 464 px'e kilitlenip 768 px ekranda form 880 px yer kaplıyor,
sayfa 896 px'e taşıyordu (yatay kaydırma çubuğu). minmax(0,1fr) tabanı sıfırlar.
Ölçüm: 768 px → scrollWidth 896 → 768. */
@media (max-width: 980px) and (min-width: 701px) {
body[data-theme-folder="butik"] #orderForm {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body[data-theme-folder="butik"] #orderForm > * { min-width: 0; }
}
/* ── H2 · Karusel noktaları parmakla isabet ettirilemiyordu ────────────────
Nokta 7×7 px. GÖRÜNEN nokta bilerek değiştirilmedi (tasarım aynı kalsın);
yalnız dokunma alanı görünmez bir ::before ile 11×25 px'e büyütüldü.
Yatayda -2 px seçildi: komşu noktalar arası boşluk 5 px olduğu için
alanlar üst üste binmez, yanlış noktaya basma riski doğmaz. */
body[data-theme-folder="butik"] .ay2-dot { position: relative; }
body[data-theme-folder="butik"] .ay2-dot::before {
content: ''; position: absolute; inset: -9px -2px;
}
/* 2026-09-15: dokunma alanı en az 24×24 px (WCAG 2.5.8). Görünen nokta yine 7 px;
noktalar arası boşluk 5 → 17 px açıldı ki büyüyen alanlar birbirine binmesin
(7 + 17 = 24 px adım). Dokunma katmanı her yönde 8,5 px taşar. */
body[data-theme-folder="butik"] .ay2-dots { gap: 17px; }
body[data-theme-folder="butik"] .ay2-dot::before { inset: -8.5px; }
/* ── H1b · Aynı hata bir kat daha derinde ──────────────────────────────────
Sütunlar eşitlendikten sonra bu kez "İSİM | SOYİSİM" satırı taşıdı: ortak
style.css'te ".form-row { grid-template-columns: 1fr 1fr }" ve bir
öğesinin kendi doğal (min-content) genişliği ~170 px. Taban yine sıfırlanır;
kutular kendi sütunlarına sığar. Kural YALNIZ bu aralıkla sınırlı: sınırsız
yazıldığında ortak style.css'in 700 px altındaki "tek sütun" kuralını da
eziyor ve mobilde İSİM ile SOYİSİM yan yana geliyordu (istenmeyen değişiklik).
768, 820 ve 900 px'te ölçülen taşma böyle kapandı. */
@media (max-width: 980px) and (min-width: 701px) {
body[data-theme-folder="butik"] #orderForm .form-row {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body[data-theme-folder="butik"] #orderForm .f-group,
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap { min-width: 0; }
body[data-theme-folder="butik"] #orderForm input,
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm textarea { min-width: 0; max-width: 100%; }
}
/* ── H3 · Yüzen "siparişe git" düğmesi form alanlarını kapatıyordu ─────────
Ölçüm: düğme 360, 390 ve 768 px'te "KAPIDA NAKİT / KAPIDA KART" ödeme şekli
kartının üstüne biniyordu. Düğmenin TEK işi sipariş bölümüne kaydırmak, yani
o bölüm ekrandayken zaten işlevsiz. Diğer temalardaki
sabit çubuk çözümünün aynısı temaya eklendi: bölüm görünürken düğme gizlenir,
ekrandan çıkınca geri gelir. Gizleme sınıfını themes/butik/sayfa.php
içindeki tema betiği koyar — ortak script.js'e dokunulmadı. */
body[data-theme-folder="butik"] .ay2-fab {
transition: opacity .18s ease, transform .18s ease;
}
body[data-theme-folder="butik"] .ay2-fab.ay2-fab-gizli {
opacity: 0; pointer-events: none; transform: translateY(10px);
}
@media (prefers-reduced-motion: reduce) {
body[data-theme-folder="butik"] .ay2-fab { transition: none; }
body[data-theme-folder="butik"] .ay2-fab.ay2-fab-gizli { transform: none; }
}
/* ══ 2026-09-14 · SİTE SAHİBİNİN SEÇTİĞİ DÜZELTMELER ══════════════════════════════
Site sahibi maddeleri tek tek seçti. Renk paleti ve düzenin temel yapısı aynı. */
/* (Eski afişin H1 ve "%50" rozeti kuralları 2026-09-15'te kaldırıldı;
sayfanın tek H1'i artık kampanya alanındaki .ay2-teklif-baslik.) */
/* ── Masaüstü (981 px+) sipariş bölümü sıkışıyordu ────────────────────────
Ortak style.css 3 sütun veriyor; soldaki "Seçtiğiniz Ayakkabılar" sütunu
~300 px'e düşüyor, içindeki 2'li slot ızgarası yazıları kesiyordu ("2. ürünü
seç…", uyarı satırı). Slotlar bu genişlikte alt alta dizilir. Orta sütunda
İSİM | SOYİSİM satırı input'ların doğal genişliği yüzünden kutudan
taşıyordu — tablet aralığındaki H1b düzeltmesinin aynısı. */
@media (min-width: 981px) {
body[data-theme-folder="butik"] #pkgItemRows { grid-template-columns: minmax(0, 1fr); }
body[data-theme-folder="butik"] #orderForm > * { min-width: 0; }
body[data-theme-folder="butik"] #orderForm .form-row {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
body[data-theme-folder="butik"] #orderForm .f-group,
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap { min-width: 0; }
body[data-theme-folder="butik"] #orderForm input,
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm textarea { min-width: 0; max-width: 100%; }
}
/* ── Telefon kutusu diğer kutularla aynı çerçeve ──────────────────────────
Ortak stil bu kutuya yalnız alt çizgi veriyordu; tema diğer kutulara tam
çerçeve verdiği için telefon kutusu farklı duruyordu. */
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap {
/* 11px: il/ilçe kutuları ortak stilden 11px köşe alıyor, onlarla aynı */
border: 1px solid var(--a2-line); border-radius: 0; background: var(--a2-card); overflow: hidden;
}
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap:focus-within {
border-color: var(--a2-acc); box-shadow: 0 0 0 3px var(--a2-tint);
}
body[data-theme-folder="butik"] #orderForm .phone-prefix-label {
padding: 11px 10px 11px 12px; border-right: 1px solid var(--a2-line); font-size: 14px;
}
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap input {
padding: 11px 12px; font-size: 14px;
}
/* ── Sözleşme onayı: tarayıcının minik kutucuğu + sayfaya uymayan yazı ──── */
body[data-theme-folder="butik"] #orderForm .sozlesme-onay {
display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 0;
font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.45;
color: var(--a2-mut); cursor: pointer; text-transform: none; letter-spacing: 0;
}
body[data-theme-folder="butik"] #orderForm .sozlesme-onay span { font-family: inherit; }
body[data-theme-folder="butik"] #orderForm .sozlesme-onay input[type="checkbox"] {
flex: 0 0 20px; width: 20px; height: 20px; margin: 0; cursor: pointer;
accent-color: var(--a2-acc);
}
body[data-theme-folder="butik"] #orderForm .sozlesme-onay a {
color: var(--a2-acc); font-weight: 700; text-decoration: underline;
}
/* ── Telefon (699 px ve altı) ─────────────────────────────────────────────
Hero ilk ekranın tamamını kaplıyordu, ilk ürün ancak kaydırınca görünüyordu.
Halka ve boşluklar küçültüldü. Yüzen sepet düğmesi ürün kartının üstüne
biniyordu; düğme küçültülüp köşeye yaklaştırıldı. */
@media (max-width: 699px) {
body[data-theme-folder="butik"] .ay2-fab { right: 6px; bottom: 10px; }
body[data-theme-folder="butik"] .ay2-fab-b { width: 40px; height: 40px; font-size: 17px; }
}
/* ── Kategori sayfaları (/erkek, /kadin) ── */
/* Ürünü henüz girilmemiş kategori */
body[data-theme-folder="butik"] .ay2-yakinda {
margin: 8px 0 0; padding: 26px 16px; text-align: center;
font-size: 15px; font-weight: 700; color: var(--a2-mut);
background: var(--a2-card); border: 1px dashed var(--a2-line); border-radius: 0;
}
/* Ana sayfadan #pc- ile gelen: kart yapışkan üst çubuk + ilerleme
çubuğunun altında kalmasın, hangi model olduğu vurgulansın. */
body[data-theme-folder="butik"] .ay2-card { scroll-margin-top: 150px; }
body[data-theme-folder="butik"] .ay2-card:target { box-shadow: 0 0 0 3px var(--a2-acc); }
/* ══ 2026-09-15 · KATEGORİ KAMPANYA ALANI (site sahibi) ═══════════════════════════
/erkek ve /kadin'in en üstü. Eski koyu afişin yerine kompakt teklif alanı:
solda başlık + "2 çift ayakkabı" + fiyat (alanın en güçlü öğesi) + koşullar,
sağda iki gerçek ürün görseli — kırpılmadan (object-fit yok, doğal oran),
yumuşak gölgeyle. Marka rengi, açık zemin ve Manrope korunur; rozet, kalın
çerçeve, parlama ve animasyon yok. Masaüstü ~260 px, telefon ~210 px. */
body[data-theme-folder="butik"] .ay2-teklif {
background: linear-gradient(180deg, #fff 0%, var(--a2-tint) 100%);
border-bottom: 1px solid var(--a2-tint2);
}
body[data-theme-folder="butik"] .ay2-teklif-in {
display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
gap: 12px; padding-block: 18px 16px;
}
body[data-theme-folder="butik"] .ay2-teklif-gorselsiz .ay2-teklif-in { grid-template-columns: minmax(0, 1fr); }
body[data-theme-folder="butik"] .ay2-teklif-metin { min-width: 0; }
/* Kategori adı ("Erkek koleksiyonu"): başlığın üstünde, marka mavisi, küçük ama
net — rozet/büyük harf yok. Çelik mavisi açık zeminde 5,3:1 (AA). */
body[data-theme-folder="butik"] .ay2-teklif-etiket {
margin: 0 0 4px; font-size: 13.5px; font-weight: 700; line-height: 1.3; color: var(--a2-acc);
}
@media (min-width: 700px) {
body[data-theme-folder="butik"] .ay2-teklif-etiket { font-size: 15.5px; margin-bottom: 6px; }
}
body[data-theme-folder="butik"] .ay2-teklif-baslik {
margin: 0 0 6px; font-size: 21px; font-weight: 800; line-height: 1.15;
letter-spacing: -.015em; color: var(--a2-ink); text-transform: none;
/* 375 px'te "Favorilerini birlikte / al." diye tek kelime alt satırda kalıyordu */
text-wrap: balance;
}
/* "2 çift ayakkabı" ve fiyat tek blok: üst satır teklif, alt satır fiyat */
body[data-theme-folder="butik"] .ay2-teklif-fiyat { margin: 0; line-height: 1; }
body[data-theme-folder="butik"] .ay2-teklif-adet {
display: block; font-size: 15px; font-weight: 700; color: var(--a2-ink); line-height: 1.25;
}
body[data-theme-folder="butik"] .ay2-teklif-tutar {
display: block; margin-top: 2px; font-size: 38px; font-weight: 800; line-height: 1.05;
letter-spacing: -.03em; color: var(--a2-acc); white-space: nowrap;
}
body[data-theme-folder="butik"] .ay2-teklif-kosul {
margin: 8px 0 0; font-size: 12.5px; font-weight: 600; line-height: 1.4; color: var(--a2-mut);
}
body[data-theme-folder="butik"] .ay2-teklif-dugme {
display: none; align-items: center; gap: 8px; margin-top: 14px;
min-height: 44px; padding: 0 18px; border-radius: 0; text-decoration: none;
background: var(--a2-acc); color: #fff; font-size: 14.5px; font-weight: 800; line-height: 1.1;
}
body[data-theme-folder="butik"] .ay2-teklif-dugme i { font-size: 12px; }
body[data-theme-folder="butik"] .ay2-teklif-dugme:hover { background: var(--a2-acc-deep); }
body[data-theme-folder="butik"] .ay2-teklif-dugme:focus-visible { outline: 3px solid var(--a2-acc); outline-offset: 3px; }
/* İki görsel: doğal oran (yükseklik sabit, genişlik oranla), hafif üst üste
ve kademeli; kırpma yok, beyaz zemin + yumuşak gölge. */
body[data-theme-folder="butik"] .ay2-teklif-gorseller { display: flex; align-items: center; padding-right: 2px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel {
display: block; height: 128px; width: auto; max-width: none;
border-radius: 0; background: var(--a2-card);
box-shadow: 0 10px 22px -8px rgba(20, 20, 20, .22), 0 2px 6px rgba(20, 20, 20, .08);
}
body[data-theme-folder="butik"] .ay2-teklif-gorsel-1 { position: relative; z-index: 1; transform: translateY(-8px); }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-2 { position: relative; z-index: 2; margin-left: -22px; transform: translateY(10px); }
/* "Modelleri keşfet" → #modeller: yapışkan üst çubuk + ilerleme çubuğunun altında dursun */
body[data-theme-folder="butik"] #modeller { scroll-margin-top: 120px; }
/* Telefon: iki görsel yan yana 375 px'e sığmıyor (her biri ~170 px). Metnin
sağında dikey, kademeli dizilir: genişlik sabit, yükseklik orandan (kırpma yok). */
@media (max-width: 699px) {
body[data-theme-folder="butik"] .ay2-teklif-gorseller { flex-direction: column; align-items: stretch; width: 132px; padding-right: 0; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { width: 112px; height: auto; border-radius: 0; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-1 { align-self: flex-start; transform: none; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-2 { align-self: flex-end; margin: -22px 0 0; transform: none; }
}
/* Çok dar telefon: görseller biraz küçülür, metin sıkışmaz */
@media (max-width: 359px) {
body[data-theme-folder="butik"] .ay2-teklif-gorseller { width: 112px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { width: 94px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 33px; }
}
@media (min-width: 700px) {
/* Koleksiyon satırı eklenince masaüstü 321 px'e çıkmıştı; boşluk 30 → 22 px */
body[data-theme-folder="butik"] .ay2-teklif-in { gap: 32px; padding-block: 22px; min-height: 260px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: 30px; margin-bottom: 10px; }
body[data-theme-folder="butik"] .ay2-teklif-adet { font-size: 20px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 56px; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { margin-top: 12px; font-size: 14.5px; }
body[data-theme-folder="butik"] .ay2-teklif-dugme { display: inline-flex; }
body[data-theme-folder="butik"] .ay2-teklif-gorseller { padding-right: 12px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { height: 210px; border-radius: 0; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-1 { transform: translateY(-12px); }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-2 { margin-left: -34px; transform: translateY(14px); }
}
/* Tablet (700–999): 210 px'lik iki görsel metin sütununu ~180 px'e düşürüp
"1.499 TL"yi kırpıyordu, alan 336 px oluyordu (768 px'te ölçüldü). */
@media (min-width: 700px) and (max-width: 999px) {
body[data-theme-folder="butik"] .ay2-teklif-in { gap: 20px; padding-block: 24px; min-height: 0; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: 26px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 46px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { height: 150px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-1 { transform: translateY(-8px); }
body[data-theme-folder="butik"] .ay2-teklif-gorsel-2 { margin-left: -26px; transform: translateY(10px); }
}
@media (min-width: 1000px) {
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: 34px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 64px; }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { height: 220px; }
}
/* ══ 2026-09-15 · SİPARİŞ SONRASI KİLİT + DOKUNMA ALANLARI ══════════════════
Başarılı siparişten sonra geri dönülürse form kilitlenir ve bu kutu çıkar
(script.js _siparisTamamKontrol). Ana sayfadaki "Tümünü gör" bağlantısı
19 px yüksekti; dikey dolguyla en az 24 px dokunma alanı. */
body[data-theme-folder="butik"] .siparis-tamam-kutu {
margin: 0 0 14px; padding: 14px 16px; border-radius: 0;
background: var(--a2-ok-tint); border: 1px solid #eadfd4; color: var(--a2-ink);
font-size: 14.5px; line-height: 1.45;
}
body[data-theme-folder="butik"] .siparis-tamam-kutu strong { color: var(--a2-ok); }
body[data-theme-folder="butik"] .siparis-yeni-btn {
display: inline-flex; align-items: center; min-height: 40px; margin-top: 8px; padding: 0 14px;
border-radius: 0; border: 1.5px solid var(--a2-acc); background: var(--a2-card); color: var(--a2-acc);
font: inherit; font-weight: 800; font-size: 14px; cursor: pointer;
}
body[data-theme-folder="butik"] .siparis-yeni-btn:focus-visible { outline: 3px solid var(--a2-acc); outline-offset: 2px; }
body[data-theme-folder="butik"] #orderForm.siparis-tamam .btn-order { opacity: .55; cursor: not-allowed; }
body[data-theme-folder="butik"] .ay2-onizleme-bas a { display: inline-block; padding-block: 8px; }
/* ══════════════════════════════════════════════════════════════════════════
BUTİK KİMLİĞİ — bu bloğun üstündeki kurallar ortak iskelettir (yerleşim, tuzak
düzeltmeleri); sitenin YÜZÜ burada kurulur. Dil: moda dergisi / butik mağaza.
· krem kâğıt zemin, mürekkep siyahı, tek vurgu kiremit — mavi ve yeşil bant yok
· başlıklar Fraunces (serif), küçük etiketler BÜYÜK HARF + geniş aralık
· kutu ve gölge yerine ince çizgiler; köşeler keskin
· ürün görselleri 4:5 dikey (giyim), kartlar çerçevesiz
══════════════════════════════════════════════════════════════════════════ */
/* Yapışkan üst çubuk + ilerleme çubuğu: ortak style.css body'ye overflow-x:hidden veriyor;
html'de overflow-x:clip olduğu için body ayrı bir kaydırma kabına dönüşüyor ve
position:sticky hiç yapışmıyor (ölçüldü: 300 px kaydırınca çubuk -300'de). clip kap yaratmaz. */
body[data-theme-folder="butik"] { overflow-x: clip !important; overflow-y: visible !important; }
/* ── Ortak yardımcılar ── */
body[data-theme-folder="butik"] .ay2-wrap { max-width: 1160px; padding: 0 18px; }
body[data-theme-folder="butik"] .ay2-h2 {
font-family: var(--bt-serif); font-weight: 400; font-size: clamp(26px, 4vw, 36px);
letter-spacing: -.015em; line-height: 1.1; margin: 0 0 18px;
}
/* ── Üst çubuk: ortalanmış söz markası ── */
body[data-theme-folder="butik"] .ay2-top { background: var(--a2-paper); border-bottom: 1px solid var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-top-in { height: 60px; }
body[data-theme-folder="butik"] .ay2-logo b {
font-family: var(--bt-serif); font-weight: 500; font-size: 23px; letter-spacing: .01em;
}
body[data-theme-folder="butik"] .ay2-logo img { width: 36px; height: 36px; }
body[data-theme-folder="butik"] .ay2-logo b span { font-style: italic; font-weight: 400; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ay2-foot-ad span { font-style: italic; font-weight: 400; color: #ffb4a2; }
body[data-theme-folder="butik"] .ay2-cart {
background: transparent; color: var(--a2-ink); border: 1px solid var(--a2-ink); border-radius: 0;
width: 42px; height: 42px; font-size: 16px;
}
body[data-theme-folder="butik"] .ay2-cart b {
background: var(--bt-kiremit); border: 0; border-radius: 0; top: -7px; right: -7px;
min-width: 20px; height: 20px; font-weight: 700;
}
/* ══ AFİŞ — üst çubuğun altında tam genişlik (uploads/butik/afis.* + afis-mobil.*) ══ */
body[data-theme-folder="butik"] .bt-afis { background: var(--a2-tint); border-bottom: 1px solid var(--a2-ink); }
body[data-theme-folder="butik"] .bt-afis img { display: block; width: 100%; height: auto; max-height: 78vh; object-fit: cover; }
/* Yalnız dikey afiş varken: telefonda görsel üstte, yazı altında; geniş ekranda iki sütun (yazı solda) */
body[data-theme-folder="butik"] .bt-afis-dikey { display: flex; flex-direction: column-reverse; background: var(--a2-paper); }
body[data-theme-folder="butik"] .bt-afis-metin {
padding: 24px 18px 26px;
background: var(--a2-acc-deep);
--a2-ink: #fbf6f0;
--a2-mut: #e8e0d8;
--bt-kiremit: #ffb4a2;
}
body[data-theme-folder="butik"] .bt-afis-ust { margin: 0 0 10px; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .bt-afis-ad { margin: 0 0 12px; font-family: var(--bt-serif); font-weight: 400; font-size: 38px; line-height: 1.04; letter-spacing: -.025em; color: var(--a2-ink); }
body[data-theme-folder="butik"] .bt-afis-acl { margin: 0 0 20px; max-width: 46ch; font-size: 14.5px; line-height: 1.55; color: var(--a2-mut); }
body[data-theme-folder="butik"] .bt-afis-dugme {
display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 26px; text-decoration: none;
background: #ffe8e3; color: #141414; font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
transition: background-color .2s ease, color .2s ease;
}
body[data-theme-folder="butik"] .bt-afis-dugme:hover { background: #fbf6f0; color: #141414; }
@media (min-width: 700px) {
body[data-theme-folder="butik"] .bt-afis-dikey { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: stretch; }
body[data-theme-folder="butik"] .bt-afis-dikey .bt-afis-metin {
display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px clamp(24px, 6vw, 96px);
}
body[data-theme-folder="butik"] .bt-afis-dikey picture { display: block; min-width: 0; }
body[data-theme-folder="butik"] .bt-afis-dikey img { height: 100%; max-height: 600px; min-height: 420px; object-fit: cover; object-position: center 18%; }
body[data-theme-folder="butik"] .bt-afis-ust { font-size: 11.5px; letter-spacing: .22em; margin-bottom: 16px; }
body[data-theme-folder="butik"] .bt-afis-ad { font-size: clamp(40px, 4.6vw, 68px); margin-bottom: 18px; }
body[data-theme-folder="butik"] .bt-afis-acl { font-size: 16px; margin-bottom: 28px; }
}
/* ══ KOLEKSİYON ŞERİDİ (includes/kampanya-seridi.php yalnız yerleşimi verir) ══
Telefon: dergi içindekiler sayfası gibi SATIR listesi (küçük dikey görsel · sıra no
· serif ad · sağda fiyat). Geniş ekran: görselli sütunlar. Açık sayfa ters renk. */
body[data-theme-folder="butik"] .ks { padding: 22px 0 6px; }
body[data-theme-folder="butik"] .ks-bas {
display: flex; align-items: baseline; gap: 14px; margin: 0 0 12px;
font-family: var(--bt-serif); font-weight: 400; font-style: italic; font-size: 24px; letter-spacing: -.01em;
}
body[data-theme-folder="butik"] .ks-bas::after { content: ''; flex: 1; height: 1px; background: var(--a2-ink); transform: translateY(-5px); }
body[data-theme-folder="butik"] .ks .ks-liste { grid-template-columns: minmax(0, 1fr); gap: 0; }
body[data-theme-folder="butik"] .ks-kart {
display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; row-gap: 2px;
grid-template-areas: "ust alt" "ad alt" "acl alt"; align-content: center;
padding: 13px 12px; border: 0; border-bottom: 1px solid var(--a2-line);
background: transparent; color: var(--a2-ink); transition: background-color .2s;
}
body[data-theme-folder="butik"] .ks-kart.ks-gorselli {
grid-template-columns: 58px minmax(0, 1fr) auto; grid-template-areas: "g ust alt" "g ad alt" "g acl alt";
}
body[data-theme-folder="butik"] .ks-kart:hover { background: var(--a2-tint); }
body[data-theme-folder="butik"] .ks-gorsel {
grid-area: g; display: block; width: 58px; aspect-ratio: 4 / 5; overflow: hidden; background: var(--a2-tint);
}
body[data-theme-folder="butik"] .ks-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
body[data-theme-folder="butik"] .ks-ust { grid-area: ust; justify-content: flex-start; gap: 10px; min-height: 0; }
body[data-theme-folder="butik"] .ks-sira { font-family: var(--bt-serif); font-style: italic; font-size: 13px; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ks-rozet {
font-size: 9.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
padding: 2px 6px 1px; border: 1px solid currentColor; color: var(--bt-kiremit);
}
body[data-theme-folder="butik"] .ks-ad {
grid-area: ad; font-family: var(--bt-serif); font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: -.01em;
}
body[data-theme-folder="butik"] .ks .ks-acl {
grid-area: acl; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12.5px; color: var(--a2-mut);
}
body[data-theme-folder="butik"] .ks-alt {
grid-area: alt; margin: 0; padding: 0; flex-direction: column; align-items: flex-end; justify-content: center; gap: 6px; text-align: right;
}
body[data-theme-folder="butik"] .ks-fiyat { font-family: var(--bt-serif); font-weight: 500; font-size: 20px; letter-spacing: -.01em; }
body[data-theme-folder="butik"] .ks-fiyat small {
font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--a2-mut); margin-bottom: 1px;
}
body[data-theme-folder="butik"] .ks .ks-durum {
display: inline; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px;
}
/* Açık sayfa: ters renk */
body[data-theme-folder="butik"] .ks-acik, body[data-theme-folder="butik"] .ks-acik:hover { background: var(--a2-ink); color: var(--a2-paper); border-bottom-color: var(--a2-ink); }
body[data-theme-folder="butik"] .ks-acik .ks-sira, body[data-theme-folder="butik"] .ks-acik .ks-rozet, body[data-theme-folder="butik"] .ks-acik .ks-durum { color: #ffb4a2; }
body[data-theme-folder="butik"] .ks-acik .ks-acl, body[data-theme-folder="butik"] .ks-acik .ks-fiyat small { color: #e8e0d8; }
body[data-theme-folder="butik"] .ks-acik .ks-durum { text-decoration: none; }
@media (min-width: 700px) {
body[data-theme-folder="butik"] .ks { padding: 34px 0 10px; }
body[data-theme-folder="butik"] .ks-bas { font-size: 30px; margin-bottom: 18px; }
body[data-theme-folder="butik"] .ks .ks-liste { gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-theme-folder="butik"] .ks-n3 .ks-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-theme-folder="butik"] .ks-n4 .ks-liste { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-theme-folder="butik"] .ks-kart, body[data-theme-folder="butik"] .ks-kart.ks-gorselli {
display: flex; flex-direction: column; gap: 4px; padding: 10px 10px 14px; border: 1px solid var(--a2-line);
}
body[data-theme-folder="butik"] .ks-acik { border-color: var(--a2-ink); }
body[data-theme-folder="butik"] .ks-gorsel { width: 100%; margin-bottom: 10px; }
body[data-theme-folder="butik"] .ks-ad { font-size: 21px; }
body[data-theme-folder="butik"] .ks .ks-acl { display: -webkit-box; -webkit-line-clamp: 2; white-space: normal; font-size: 13px; }
body[data-theme-folder="butik"] .ks-alt {
margin-top: auto; padding-top: 12px; flex-direction: row; align-items: flex-end; justify-content: space-between; text-align: left;
}
body[data-theme-folder="butik"] .ks-fiyat { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { body[data-theme-folder="butik"] .ks-kart { transition: none; } }
/* ══ KAYAN GÜVEN ŞERİDİ — koleksiyonun altında tam genişlik siyah bant ══ */
body[data-theme-folder="butik"] .bt-serit { overflow: hidden; background: var(--a2-ink); color: var(--a2-paper); }
body[data-theme-folder="butik"] .bt-serit-in { display: flex; width: max-content; animation: bt-kay 40s linear infinite; }
body[data-theme-folder="butik"] .bt-serit:hover .bt-serit-in { animation-play-state: paused; }
body[data-theme-folder="butik"] .bt-serit-yari { display: flex; flex: none; }
body[data-theme-folder="butik"] .bt-serit span {
display: inline-flex; align-items: center; flex: none; padding: 12px 0; white-space: nowrap;
font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; line-height: 1.2;
}
body[data-theme-folder="butik"] .bt-serit span::after { content: '✦'; margin: 0 26px; font-size: 10px; letter-spacing: 0; color: #ffb4a2; }
body[data-theme-folder="butik"] .bt-serit-alt { margin-top: 14px; }
/* Üstteki daha ince; alttakiyle aynı anda aynı yazı görünmesin diye ters yöne kayar */
body[data-theme-folder="butik"] .bt-serit-ust span { padding: 9px 0; font-size: 10.5px; }
body[data-theme-folder="butik"] .bt-serit-ust .bt-serit-in { animation-direction: reverse; }
@keyframes bt-kay { to { transform: translateX(-50%); } }
@media (min-width: 700px) {
body[data-theme-folder="butik"] .bt-serit-alt { margin-top: 24px; }
body[data-theme-folder="butik"] .bt-serit span { font-size: 12px; padding: 14px 0; }
}
/* Hareket istemeyen ziyaretçide şerit durur; ilk yazılar okunur kalır */
@media (prefers-reduced-motion: reduce) { body[data-theme-folder="butik"] .bt-serit-in { animation: none; } }
/* ══ TEKLİF ALANI (hero) ══ */
body[data-theme-folder="butik"] .ay2-teklif { background: var(--a2-paper); border-bottom: 1px solid var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 26px 24px; }
body[data-theme-folder="butik"] .ay2-teklif-etiket {
font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bt-kiremit); margin-bottom: 10px;
}
body[data-theme-folder="butik"] .ay2-teklif-baslik {
font-family: var(--bt-serif); font-weight: 400; font-size: 36px; line-height: 1.04; letter-spacing: -.025em; margin-bottom: 14px;
}
body[data-theme-folder="butik"] .ay2-teklif-adet {
font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--a2-mut);
}
body[data-theme-folder="butik"] .ay2-teklif-tutar {
font-family: var(--bt-serif); font-weight: 500; font-size: 50px; letter-spacing: -.03em; color: var(--a2-ink); margin-top: 4px;
}
body[data-theme-folder="butik"] .ay2-teklif-nasil { margin: 12px 0 0; max-width: 44ch; font-size: 13.5px; line-height: 1.5; color: var(--a2-mut); }
@media (min-width: 700px) { body[data-theme-folder="butik"] .ay2-teklif-nasil { font-size: 15px; } }
body[data-theme-folder="butik"] .ay2-teklif-kosul {
margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--a2-line);
font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--a2-mut);
}
body[data-theme-folder="butik"] .ay2-teklif-dugme {
margin-top: 20px; min-height: 48px; padding: 0 26px; background: var(--a2-ink); color: var(--a2-paper);
font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
}
body[data-theme-folder="butik"] .ay2-teklif-dugme:hover { background: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ay2-teklif-gorsel { box-shadow: none; border: 1px solid var(--a2-line); background: var(--a2-tint); }
@media (min-width: 700px) {
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 44px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: 54px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 72px; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { font-size: 12px; max-width: 440px; }
}
@media (min-width: 1000px) {
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: 64px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 84px; }
}
/* ══ İLERLEME ÇUBUĞU ══ */
body[data-theme-folder="butik"] .ay2-bar.pkg-card,
body[data-theme-folder="butik"] .ay2-bar.pkg-card.selected,
body[data-theme-folder="butik"] .ay2-bar.pkg-card:hover { top: 60px; background: var(--a2-paper); border-bottom: 0; padding-top: 10px; }
body[data-theme-folder="butik"] .ay2-bar-name { font-size: 11px; font-weight: 700; letter-spacing: .18em; color: var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-bar-price { font-family: var(--bt-serif); font-weight: 500; font-size: 19px; color: var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-bar-sub { font-size: 12px; margin-top: 2px; }
body[data-theme-folder="butik"] .ay2-bar-count { color: var(--bt-kiremit); font-weight: 600; }
body[data-theme-folder="butik"] .ay2-prog { height: 2px; background: var(--a2-line); margin-top: 9px; }
body[data-theme-folder="butik"] .ay2-prog i { background: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ay2-bar-done .ay2-prog i { background: var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-bar-done .ay2-bar-count { color: var(--a2-ink); }
/* ══ ÜRÜN IZGARASI: çerçevesiz kart, 4:5 dikey görsel ══ */
body[data-theme-folder="butik"] .ay2-grid-wrap { padding: 22px 0 36px; }
body[data-theme-folder="butik"] .ay2-grid { gap: 26px 12px; }
body[data-theme-folder="butik"] .ay2-card { background: transparent; border: 0; overflow: visible; }
body[data-theme-folder="butik"] .ay2-card.product-selected { border: 0; box-shadow: none; }
body[data-theme-folder="butik"] .ay2-card:target { box-shadow: none; }
body[data-theme-folder="butik"] .ay2-thumb { aspect-ratio: 4 / 5; background: var(--a2-tint); }
body[data-theme-folder="butik"] .ay2-thumb::after {
content: ''; position: absolute; inset: 0; pointer-events: none; border: 2px solid transparent; transition: border-color .18s;
}
body[data-theme-folder="butik"] .product-selected .ay2-thumb::after,
body[data-theme-folder="butik"] .ay2-card:target .ay2-thumb::after { border-color: var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-check { top: 0; left: 0; width: 30px; height: 30px; border-radius: 0; background: var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-fast {
background: transparent; color: var(--a2-mut); text-align: left; padding: 9px 0 0;
font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
}
body[data-theme-folder="butik"] .ay2-fast i { color: var(--bt-kiremit); font-size: 10px; margin-right: 5px; }
body[data-theme-folder="butik"] .ay2-body { padding: 3px 0 0; gap: 5px; }
body[data-theme-folder="butik"] .ay2-body h3 { font-family: var(--bt-serif); font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: -.01em; }
body[data-theme-folder="butik"] .ay2-views { font-size: 12px; font-weight: 500; }
body[data-theme-folder="butik"] .ay2-spec { font-size: 12.5px; }
body[data-theme-folder="butik"] .ay2-spec span { font-weight: 600; }
body[data-theme-folder="butik"] .ay2-sizebox { background: transparent; border: 0; border-top: 1px solid var(--a2-line); padding: 10px 0 2px; margin-top: 4px; }
body[data-theme-folder="butik"] .ay2-sizebox-h { font-size: 10px; letter-spacing: .18em; color: var(--a2-ink); margin-bottom: 8px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options { gap: 5px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button {
background: transparent; border: 1px solid var(--a2-ink); padding: 9px 0; font-size: 12px; font-weight: 600; letter-spacing: .04em;
}
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button.active { background: var(--a2-ink); color: var(--a2-paper); }
body[data-theme-folder="butik"] .ay2-btn {
margin-top: 8px; padding: 13px 8px; background: var(--a2-ink); border: 1px solid var(--a2-ink); color: var(--a2-paper);
font-size: 11px; font-weight: 700; letter-spacing: .18em;
}
body[data-theme-folder="butik"] .ay2-btn:hover { background: var(--bt-kiremit); border-color: var(--bt-kiremit); }
/* !important: ortak style.css seçili düğmeye kendi yeşil zeminini daha özgül seçiciyle veriyor */
body[data-theme-folder="butik"] .product-card.product-selected .ay2-btn,
body[data-theme-folder="butik"] .product-card.product-selected .ay2-btn:hover {
background: transparent !important; color: var(--a2-ink) !important; border-color: var(--a2-ink) !important;
}
body[data-theme-folder="butik"] .ay2-yakinda { background: transparent; font-family: var(--bt-serif); font-style: italic; font-weight: 400; font-size: 19px; }
@media (min-width: 700px) {
body[data-theme-folder="butik"] .ay2-grid { gap: 40px 22px; }
body[data-theme-folder="butik"] .ay2-body h3 { font-size: 20px; }
}
/* ── Panelden gelen ürün durumları: kart etiketi, tükendi, tükenen beden ── */
body[data-theme-folder="butik"] .bt-rozet {
position: absolute; top: 0; right: 0; z-index: 3; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
padding: 6px 10px; background: var(--a2-paper); color: var(--a2-ink);
font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;
}
body[data-theme-folder="butik"] .bt-rozet-vurgu { background: var(--bt-kiremit); color: #fff; }
body[data-theme-folder="butik"] .bt-rozet-tukendi { background: var(--a2-ink); color: var(--a2-paper); }
body[data-theme-folder="butik"] .bt-tukendi .ay2-thumb { cursor: default; }
body[data-theme-folder="butik"] .bt-tukendi .ay2-img { filter: grayscale(1); opacity: .55; }
body[data-theme-folder="butik"] .bt-tukendi .ay2-btn,
body[data-theme-folder="butik"] .bt-tukendi .ay2-btn:hover { background: transparent; color: var(--a2-mut); border-color: var(--a2-line); cursor: not-allowed; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button.bt-beden-yok {
color: #8a8178; border-color: var(--a2-line); text-decoration: line-through; cursor: not-allowed; background: transparent;
}
/* ══ BEDENİMİ BUL ══ kartta düğme + öneri satırı, ortada pencere */
body[data-theme-folder="butik"] .ay2-sizebox-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
body[data-theme-folder="butik"] .bt-bb-ac {
flex: none; padding: 6px 0; border: 0; background: transparent; cursor: pointer; font-family: inherit;
font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bt-kiremit);
text-decoration: underline; text-underline-offset: 4px;
}
body[data-theme-folder="butik"] .bt-bb-ac i { font-size: 11px; margin-right: 3px; }
body[data-theme-folder="butik"] .bt-bb-ac:focus-visible { outline: 2px solid var(--a2-ink); outline-offset: 2px; }
body[data-theme-folder="butik"] .bt-bb-oneri { display: block; margin: -2px 0 8px; font-size: 12px; font-weight: 600; color: var(--a2-ok); }
body[data-theme-folder="butik"] .bt-bb-oneri[hidden] { display: none; }
body[data-theme-folder="butik"] .bt-bb { position: fixed; inset: 0; z-index: 125; display: grid; place-items: center; padding: 18px; }
body[data-theme-folder="butik"] .bt-bb[hidden] { display: none; }
body[data-theme-folder="butik"] .bt-bb-bg { position: absolute; inset: 0; border: 0; padding: 0; background: rgba(20, 20, 20, .72); cursor: pointer; }
body[data-theme-folder="butik"] .bt-bb-kutu {
position: relative; z-index: 1; width: 100%; max-width: 420px; padding: 30px 24px 24px;
background: var(--a2-paper); border: 1px solid var(--a2-ink);
}
body[data-theme-folder="butik"] .bt-bb-x {
position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer;
font-size: 18px; color: var(--a2-ink);
}
body[data-theme-folder="butik"] .bt-bb-ust { margin: 0 0 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .bt-bb-baslik { margin: 0 0 20px; font-family: var(--bt-serif); font-weight: 400; font-size: 28px; line-height: 1.1; letter-spacing: -.02em; color: var(--a2-ink); }
body[data-theme-folder="butik"] .bt-bb-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body[data-theme-folder="butik"] .bt-bb-alanlar label { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--a2-mut); }
body[data-theme-folder="butik"] .bt-bb-alanlar input {
display: block; width: 100%; min-width: 0; margin-top: 7px; padding: 13px 12px; border: 1px solid var(--a2-warm-ln); border-radius: 0;
background: var(--a2-card); color: var(--a2-ink); font-family: inherit; font-size: 16px; letter-spacing: 0;
}
body[data-theme-folder="butik"] .bt-bb-alanlar input:focus { outline: none; border-color: var(--a2-ink); box-shadow: 0 0 0 1px var(--a2-ink); }
body[data-theme-folder="butik"] .bt-bb-hata { margin: 12px 0 0; font-size: 13px; font-weight: 600; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .bt-bb-sonuc {
margin: 14px 0 0; padding: 14px; text-align: center; background: var(--a2-ink); color: var(--a2-paper);
font-family: var(--bt-serif); font-weight: 500; font-size: 22px; line-height: 1.2;
}
body[data-theme-folder="butik"] .bt-bb-hata[hidden], body[data-theme-folder="butik"] .bt-bb-sonuc[hidden] { display: none; }
body[data-theme-folder="butik"] .bt-bb-hesapla {
width: 100%; margin-top: 16px; padding: 16px; border: 1px solid var(--a2-ink); background: var(--a2-ink); color: var(--a2-paper); cursor: pointer;
font-family: inherit; font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
}
body[data-theme-folder="butik"] .bt-bb-hesapla:hover { background: var(--bt-kiremit); border-color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .bt-bb-not { margin: 14px 0 0; font-size: 12px; line-height: 1.5; color: var(--a2-mut); }
/* ══ SİPARİŞ ══ */
body[data-theme-folder="butik"] .ay2-order { padding: 10px 0 40px; border-top: 1px solid var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-ship {
background: transparent; border: 0; border-bottom: 1px solid var(--a2-line); padding: 16px 0; margin-bottom: 18px;
color: var(--a2-ink); font-size: 13px;
}
body[data-theme-folder="butik"] .ay2-ship i { color: var(--bt-kiremit); }
body[data-theme-folder="butik"] #orderForm .form-block { padding: 18px 16px; border-color: var(--a2-line); }
body[data-theme-folder="butik"] #orderForm .form-block-title { font-family: var(--bt-serif); font-weight: 500; font-size: 21px; letter-spacing: -.01em; }
body[data-theme-folder="butik"] #orderForm .form-block-title i { background: transparent; color: var(--bt-kiremit); }
body[data-theme-folder="butik"] #orderForm label,
body[data-theme-folder="butik"] #orderForm .sub-title { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
body[data-theme-folder="butik"] #orderForm .sozlesme-onay { font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }
body[data-theme-folder="butik"] #orderForm input[type="text"],
body[data-theme-folder="butik"] #orderForm input[type="tel"],
body[data-theme-folder="butik"] #orderForm input[type="email"],
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm textarea,
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap { border-color: var(--a2-warm-ln); border-radius: 0; }
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap input { border: 0; }
body[data-theme-folder="butik"] #orderForm input:focus,
body[data-theme-folder="butik"] #orderForm select:focus,
body[data-theme-folder="butik"] #orderForm textarea:focus,
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap:focus-within { border-color: var(--a2-ink); box-shadow: 0 0 0 1px var(--a2-ink); }
body[data-theme-folder="butik"] #orderForm .phone-prefix-wrap input:focus { box-shadow: none; }
body[data-theme-folder="butik"] .payment-card { border-radius: 0; background: var(--a2-card); }
body[data-theme-folder="butik"] .payment-card.selected { border-color: var(--a2-ink); background: var(--a2-tint); box-shadow: inset 0 0 0 1px var(--a2-ink); }
body[data-theme-folder="butik"] .pkg-sel-item { border-color: var(--a2-line); }
body[data-theme-folder="butik"] .pkg-sel-name { font-family: var(--bt-serif); font-weight: 500; font-size: 15px; }
body[data-theme-folder="butik"] .pkg-sel-remove { background: var(--a2-ink); color: var(--a2-paper); border-radius: 0; }
body[data-theme-folder="butik"] .pkg-sel-slot-btn { border-radius: 0; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
body[data-theme-folder="butik"] .pkg-campaign-pending { background: transparent; border-color: var(--a2-line); color: var(--a2-ink); }
body[data-theme-folder="butik"] #orderForm .order-summary { border-color: var(--a2-ink) !important; }
body[data-theme-folder="butik"] .order-summary .free-label { border-radius: 0; letter-spacing: .1em; text-transform: uppercase; font-size: 10px; }
body[data-theme-folder="butik"] .order-summary .total-val { font-family: var(--bt-serif); font-weight: 500; }
body[data-theme-folder="butik"] .order-summary .delivery-promise,
body[data-theme-folder="butik"] .order-summary .pay-on-delivery-note { background: transparent; border-color: var(--a2-line); color: var(--a2-ink); }
body[data-theme-folder="butik"] .order-summary .delivery-promise-icon { background: var(--a2-ink); }
body[data-theme-folder="butik"] .order-summary .pay-on-delivery-note > i,
body[data-theme-folder="butik"] .checkout-trust i { color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .checkout-trust span { background: transparent; }
body[data-theme-folder="butik"] .btn-order,
body[data-theme-folder="butik"] #orderForm .submit-btn,
body[data-theme-folder="butik"] #orderForm button[type="submit"] { background: var(--a2-ink); color: var(--a2-paper); border-radius: 0; padding: 17px 18px; }
body[data-theme-folder="butik"] .btn-order:hover { background: var(--bt-kiremit); }
body[data-theme-folder="butik"] #orderForm.siparis-tamam .btn-order:hover { background: var(--a2-ink); }
body[data-theme-folder="butik"] .btn-order .btn-order-label { font-size: 11.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
body[data-theme-folder="butik"] .btn-order .btn-order-price { font-family: var(--bt-serif); font-weight: 500; font-size: 23px; color: var(--a2-paper); }
body[data-theme-folder="butik"] .siparis-yeni-btn { border-radius: 0; border-color: var(--a2-ink); color: var(--a2-ink); background: transparent; }
/* Ortak style.css il/ilçe kutularına, ödeme kartlarına ve seçili ürün satırlarına kendi
yuvarlak köşesini veriyor (tema kuralından daha özgül) — butikte hepsi keskin. */
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm input,
body[data-theme-folder="butik"] #orderForm textarea,
body[data-theme-folder="butik"] #orderForm .payment-card,
body[data-theme-folder="butik"] #orderForm .pkg-sel-item,
body[data-theme-folder="butik"] #orderForm .pkg-sel-slot,
body[data-theme-folder="butik"] #orderForm .pkg-sel-thumb,
body[data-theme-folder="butik"] #orderForm .pkg-sel-thumb-ph,
body[data-theme-folder="butik"] #orderForm .pkg-sel-slot-btn,
body[data-theme-folder="butik"] #orderForm .form-block-title i,
body[data-theme-folder="butik"] #orderForm .btn-order { border-radius: 0 !important; }
/* ══ SSS: kutu yok, çizgili liste ══ */
body[data-theme-folder="butik"] .ay2-faq { padding: 34px 0 44px; border-top: 1px solid var(--a2-line); }
body[data-theme-folder="butik"] .ay2-faq-list { gap: 0; border-top: 1px solid var(--a2-ink); }
body[data-theme-folder="butik"] .ay2-faq details { background: transparent; border: 0; border-bottom: 1px solid var(--a2-line); padding: 16px 2px; }
body[data-theme-folder="butik"] .ay2-faq summary { font-family: var(--bt-serif); font-weight: 500; font-size: 18px; line-height: 1.3; }
body[data-theme-folder="butik"] .ay2-faq summary i { color: var(--a2-ink); transition: transform .2s; }
body[data-theme-folder="butik"] .ay2-faq p { font-size: 14px; max-width: 68ch; }
/* ══ ALTLIK ══ */
body[data-theme-folder="butik"] .ay2-foot { background: var(--a2-ink); color: #e8e0d8; padding: 36px 0 34px; }
body[data-theme-folder="butik"] .ay2-foot-logo { width: 56px; height: 56px; margin-bottom: 16px; }
body[data-theme-folder="butik"] .ay2-foot-note { font-size: 10.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--a2-paper); margin-bottom: 12px; }
body[data-theme-folder="butik"] .ay2-foot-yasal { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin: 0 0 16px; }
body[data-theme-folder="butik"] .ay2-foot-yasal a { padding: 6px 0; font-size: 12.5px; color: #e8e0d8; text-decoration: underline; text-underline-offset: 3px; }
body[data-theme-folder="butik"] .ay2-foot-yasal a:hover { color: var(--a2-paper); }
body[data-theme-folder="butik"] .ay2-foot-c { font-size: 12px; opacity: 1; color: #cfc6be; }
/* ══ Yüzen düğmeler, bildirim, büyütme ══ */
body[data-theme-folder="butik"] .ay2-fab-b { box-shadow: 0 6px 18px rgba(20, 20, 20, .22); }
body[data-theme-folder="butik"] .ay2-fab-up { background: var(--a2-ink); color: var(--a2-paper); }
body[data-theme-folder="butik"] .notif-popup { border-color: var(--a2-ink); border-radius: 0; box-shadow: 0 10px 28px rgba(20, 20, 20, .16); background: var(--a2-card); }
body[data-theme-folder="butik"] .notif-cart-icon { background: var(--a2-ink); border-radius: 0; }
body[data-theme-folder="butik"] .notif-head b { color: var(--bt-kiremit); }
body[data-theme-folder="butik"] .ay2-lb-bg { background: rgba(20, 20, 20, .88); }
body[data-theme-folder="butik"] .ay2-lb-box figcaption { font-family: var(--bt-serif); font-weight: 500; font-size: 17px; }
body[data-theme-folder="butik"] .ay2-toast { background: var(--a2-ink); color: var(--a2-paper); font-size: 13px; }
@media (prefers-reduced-motion: reduce) {
body[data-theme-folder="butik"] .ay2-thumb::after, body[data-theme-folder="butik"] .ay2-faq summary i { transition: none; }
}
/* 2026-09: image-free introduction and compact collection navigation. */
body[data-theme-folder="butik"] .ay2-top { background: #141414; border: 0; }
body[data-theme-folder="butik"] .ay2-top-in { height: 68px; }
body[data-theme-folder="butik"] .ay2-logo b { color: #fbf6f0; font-family: inherit; font-weight: 700; letter-spacing: -.06em; font-size: 25px; }
body[data-theme-folder="butik"] .ay2-logo b span { color: #ffb4a2; font-style: normal; font-weight: 400; }
body[data-theme-folder="butik"] .ay2-cart { color: #fbf6f0; border-color: #c9b8ae; border-radius: 50%; }
body[data-theme-folder="butik"] .ay2-cart b { background: #ffe8e3; color: #141414; border-radius: 50%; }
body[data-theme-folder="butik"] .stil-intro { background: #ffe8e3; }
body[data-theme-folder="butik"] .stil-intro-in { display: grid; grid-template-columns: 1.25fr 1fr; gap: 64px; align-items: end; padding-block: 64px; }
body[data-theme-folder="butik"] .stil-eyebrow { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 22px; font-weight: 700; }
body[data-theme-folder="butik"] .stil-display { font-family: inherit; font-size: clamp(42px,5.7vw,78px); line-height: 1.02; letter-spacing: -.065em; font-weight: 600; }
body[data-theme-folder="butik"] .stil-intro-detail > p { max-width: 42ch; color: #5c534c; font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
body[data-theme-folder="butik"] .stil-cta { display: inline-flex; align-items: center; gap: 34px; padding: 13px 22px; border-radius: 30px; background: #141414; color: #fbf6f0; text-decoration: none; font-size: 14px; font-weight: 600; transition: background .2s; }
body[data-theme-folder="butik"] .stil-cta:hover { background: #e23d2b; }
body[data-theme-folder="butik"] .stil-cta span { font-size: 22px; line-height: 1; }
body[data-theme-folder="butik"] .stil-steps { display: flex; gap: 18px; margin-top: 28px; font-size: 10px; color: #5c534c; }
body[data-theme-folder="butik"] .stil-steps b { display: block; margin-bottom: 4px; color: #e23d2b; font-size: 12px; }
body[data-theme-folder="butik"] .ks { padding: 28px 0; background: #fbf6f0; }
body[data-theme-folder="butik"] .ks-bas { font-family: inherit; font-size: 13px; font-weight: 600; font-style: normal; margin-bottom: 16px; }
body[data-theme-folder="butik"] .ks-bas::after { display: none; }
body[data-theme-folder="butik"] .ks .ks-liste { display: flex; flex-wrap: wrap; gap: 8px; overflow: visible; }
body[data-theme-folder="butik"] .ks .ks-liste li { flex: 0 1 auto; max-width: none; }
body[data-theme-folder="butik"] .ks .ks-kart { display: block; padding: 12px 17px; border: 1px solid #eadfd4; border-radius: 28px; background: transparent; }
body[data-theme-folder="butik"] .ks .ks-acik { background: #141414; border-color: #141414; color: #fbf6f0; }
body[data-theme-folder="butik"] .ks .ks-gorsel,
body[data-theme-folder="butik"] .ks .ks-ust,
body[data-theme-folder="butik"] .ks .ks-acl,
body[data-theme-folder="butik"] .ks .ks-alt { display: none; }
body[data-theme-folder="butik"] .ks .ks-ad { display: block; font: 500 13px/1.25 'DM Sans',system-ui,sans-serif; }
body[data-theme-folder="butik"] .bt-serit { background: #fbf6f0; color: #5c534c; border-block: 1px solid #eadfd4; }
body[data-theme-folder="butik"] .bt-serit-alt { margin: 0; }
body[data-theme-folder="butik"] .bt-serit span::after { color: #e23d2b; }
body[data-theme-folder="butik"] .ay2-teklif { background: #fbf6f0; border: 0; }
body[data-theme-folder="butik"] .ay2-teklif-in { display: block; padding-block: 38px 26px; }
body[data-theme-folder="butik"] .ay2-teklif-gorseller { display: none; }
body[data-theme-folder="butik"] .ay2-teklif-metin { display: grid; grid-template-columns: 1fr auto; column-gap: 32px; }
body[data-theme-folder="butik"] .ay2-teklif-etiket { grid-column: 1 / -1; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-family: inherit; font-size: clamp(28px,3.2vw,42px); font-weight: 600; letter-spacing: -.045em; margin-bottom: 8px; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { grid-column: 2; grid-row: 2 / 4; text-align: right; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { display: block; font: 600 38px/1.2 'DM Sans',system-ui,sans-serif; letter-spacing: -.05em; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { margin: 0; max-width: 60ch; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { grid-column: 1 / -1; max-width: none; }
body[data-theme-folder="butik"] .ay2-teklif-dugme { display: none; }
body[data-theme-folder="butik"] .ay2-bar.pkg-card { top: 68px; }
body[data-theme-folder="butik"] .ay2-bar.pkg-card.selected { top: 68px; }
body[data-theme-folder="butik"] .ay2-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
body[data-theme-folder="butik"] .ay2-card { background: #fbf6f0; border-radius: 14px; overflow: hidden; border: 1px solid #e6d9cc; }
body[data-theme-folder="butik"] .ay2-card.product-selected { border: 1px solid #e23d2b; box-shadow: 0 0 0 2px #ffe8e3; }
body[data-theme-folder="butik"] .ay2-body { padding: 8px 16px 16px; }
body[data-theme-folder="butik"] .ay2-body h3 { font-family: inherit; font-size: 17px; font-weight: 600; }
body[data-theme-folder="butik"] .ay2-fast { padding-inline: 16px; }
body[data-theme-folder="butik"] .ay2-btn { border-radius: 24px; letter-spacing: .05em; }
body[data-theme-folder="butik"] .ay2-faq summary { font-family: inherit; font-size: 16px; }
body[data-theme-folder="butik"] .ay2-h2 { font-family: inherit; font-weight: 600; }
body[data-theme-folder="butik"] :is(a,button):focus-visible { outline: 2px solid #ff8a78; outline-offset: 4px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .stil-intro-in { grid-template-columns: 1fr; gap: 22px; padding-block: 34px; }
body[data-theme-folder="butik"] .stil-eyebrow { margin-bottom: 16px; font-size: 10px; }
body[data-theme-folder="butik"] .stil-display { font-size: 48px; }
body[data-theme-folder="butik"] .stil-intro-detail > p { font-size: 14px; margin-bottom: 18px; }
body[data-theme-folder="butik"] .stil-steps { justify-content: space-between; margin-top: 22px; }
body[data-theme-folder="butik"] .ks .ks-liste { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
body[data-theme-folder="butik"] .ks .ks-liste li { flex: 0 0 auto; }
body[data-theme-folder="butik"] .ks .ks-kart { padding: 10px 14px; }
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 28px 20px; }
body[data-theme-folder="butik"] .ay2-teklif-metin { column-gap: 14px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { grid-column: 1 / -1; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { grid-row: auto; grid-column: 1 / -1; text-align: left; display: flex; align-items: center; gap: 16px; margin-block: 8px 12px; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { grid-column: 1 / -1; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 32px; }
body[data-theme-folder="butik"] .ay2-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body[data-theme-folder="butik"] .ay2-body { padding: 8px 10px 12px; }
body[data-theme-folder="butik"] .ay2-fast { padding-inline: 10px; font-size: 9px; }
body[data-theme-folder="butik"] .ay2-sizebox-h { flex-wrap: wrap; gap: 6px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options { gap: 3px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { font-size: 10px; }
}
/* Compact, product-led introduction. */
body[data-theme-folder="butik"] .stil-intro { background: #fbf6f0; border-bottom: 1px solid #eadfd4; }
body[data-theme-folder="butik"] .stil-intro-in { align-items: center; gap: 48px; padding-block: 36px; }
body[data-theme-folder="butik"] .stil-eyebrow { color: #5c534c; font-size: 10px; letter-spacing: .13em; margin-bottom: 14px; }
body[data-theme-folder="butik"] .stil-display { font-size: clamp(32px,3.6vw,48px); letter-spacing: -.05em; line-height: 1.12; }
body[data-theme-folder="butik"] .stil-intro-detail { padding-left: 32px; border-left: 1px solid #eadfd4; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { display: flex; align-items: baseline; gap: 20px; margin: 0 0 8px; color: #141414; }
body[data-theme-folder="butik"] .stil-intro-offer > span { font-size: 14px; }
body[data-theme-folder="butik"] .stil-intro-offer strong { font-size: 34px; line-height: 1.15; letter-spacing: -.04em; font-weight: 600; }
body[data-theme-folder="butik"] .stil-intro-offer small { font-size: 16px; font-weight: 500; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-note { font-size: 12px; line-height: 1.6; margin-bottom: 18px; }
body[data-theme-folder="butik"] .stil-intro-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
body[data-theme-folder="butik"] .stil-cta { border-radius: 8px; padding: 13px 20px; gap: 24px; }
body[data-theme-folder="butik"] .stil-other { color: #141414; font-size: 12px; text-underline-offset: 4px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .stil-intro-in { gap: 20px; padding-block: 28px; }
body[data-theme-folder="butik"] .stil-display { font-size: 34px; }
body[data-theme-folder="butik"] .stil-intro-detail { border: 0; padding: 0; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { gap: 18px; }
body[data-theme-folder="butik"] .stil-intro-offer strong { font-size: 30px; }
}
/* Package offer: stronger price hierarchy and clear purchase conditions. */
body[data-theme-folder="butik"] .ay2-teklif { background: #141414; color: #fbf6f0; }
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 32px; }
body[data-theme-folder="butik"] .ay2-teklif-metin { align-items: start; column-gap: 44px; }
body[data-theme-folder="butik"] .ay2-teklif-etiket { color: #cfc6be; font-size: 10px; letter-spacing: .16em; margin-bottom: 12px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { color: #fbf6f0; font-size: clamp(28px,3.4vw,44px); line-height: 1.15; margin-bottom: 14px; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { display: flex; gap: 24px; align-items: center; text-align: left; margin: 0; }
body[data-theme-folder="butik"] .ay2-teklif-adet { color: #fbf6f0; display: block; font-size: 11px; letter-spacing: .08em; line-height: 1.4; }
body[data-theme-folder="butik"] .ay2-teklif-adet strong { font-size: 32px; letter-spacing: -.04em; margin-right: 4px; }
body[data-theme-folder="butik"] .ay2-teklif-adet small { display: block; color: #cfc6be; font-size: 11px; letter-spacing: 0; text-transform: none; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { color: #fbf6f0; font-size: clamp(42px,5vw,60px); font-weight: 700; letter-spacing: -.045em; white-space: nowrap; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { color: #e8e0d8; font-size: 14px; line-height: 1.6; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { display: flex; flex-wrap: wrap; gap: 12px 24px; border-color: #ff8a78; padding-top: 18px; margin-top: 22px; color: #e8e0d8; font-size: 12px; letter-spacing: 0; text-transform: none; }
body[data-theme-folder="butik"] .ay2-teklif-kosul span { display: inline-flex; gap: 7px; align-items: center; }
body[data-theme-folder="butik"] .ay2-teklif-kosul i { color: #cfc6be; font-size: 10px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 26px; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { justify-content: space-between; gap: 16px; padding-block: 8px 18px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 44px; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { gap: 10px 16px; font-size: 11px; }
}
/* Compact package banner. */
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 18px; }
body[data-theme-folder="butik"] .ay2-teklif-etiket { font-size: 9px; margin-bottom: 7px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { font-size: clamp(23px,2.5vw,32px); margin-bottom: 8px; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { padding: 0; margin: 0; gap: 14px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 38px; }
body[data-theme-folder="butik"] .ay2-teklif-adet strong { font-size: 23px; }
body[data-theme-folder="butik"] .ay2-teklif-adet small { display: none; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { font-size: 12px; line-height: 1.45; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { margin-top: 12px; padding-top: 10px; gap: 8px 16px; font-size: 10px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .ay2-teklif-in { padding-block: 16px; }
body[data-theme-folder="butik"] .ay2-teklif-metin { grid-template-columns: minmax(0,1fr) auto; column-gap: 16px; }
body[data-theme-folder="butik"] .ay2-teklif-baslik { grid-column: 1; grid-row: 2; font-size: 23px; margin-bottom: 10px; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { grid-column: 2; grid-row: 2 / 4; flex-direction: column; align-items: flex-end; gap: 3px; padding: 0; }
body[data-theme-folder="butik"] .ay2-teklif-adet { font-size: 9px; }
body[data-theme-folder="butik"] .ay2-teklif-adet strong { font-size: 16px; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { font-size: 30px; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { grid-column: 1; grid-row: 3; }
}
/* Compact storefront introduction. */
body[data-theme-folder="butik"] .stil-intro-in { padding-block: 20px; gap: 24px; }
body[data-theme-folder="butik"] .stil-eyebrow { margin-bottom: 8px; font-size: 9px; }
body[data-theme-folder="butik"] .stil-display { font-size: clamp(26px,3vw,38px); line-height: 1.12; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { margin-bottom: 4px; gap: 14px; }
body[data-theme-folder="butik"] .stil-intro-offer strong { font-size: 28px; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-note { margin-bottom: 10px; font-size: 11px; }
body[data-theme-folder="butik"] .stil-cta { min-height: 40px; padding: 10px 16px; font-size: 12px; }
body[data-theme-folder="butik"] .stil-intro-actions { gap: 18px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .stil-intro-in { padding-block: 16px; gap: 12px; }
body[data-theme-folder="butik"] .stil-display { font-size: 27px; }
body[data-theme-folder="butik"] .stil-intro-offer strong { font-size: 26px; }
body[data-theme-folder="butik"] .stil-intro-offer > span { font-size: 12px; }
}
/* Photo category navigation: compact cards with existing product covers. */
body[data-theme-folder="butik"] .ks .ks-liste { flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding-block: 2px 6px; scroll-snap-type: x proximity; }
body[data-theme-folder="butik"] .ks .ks-liste li { flex: 0 0 185px; max-width: none; scroll-snap-align: start; }
body[data-theme-folder="butik"] .ks .ks-kart,
body[data-theme-folder="butik"] .ks .ks-kart.ks-gorselli { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px; border-radius: 10px; min-height: 82px; }
body[data-theme-folder="butik"] .ks .ks-gorsel { display: block; flex: 0 0 54px; width: 54px; height: 66px; aspect-ratio: auto; border-radius: 6px; margin: 0; overflow: hidden; }
body[data-theme-folder="butik"] .ks .ks-gorsel img { width: 100%; height: 100%; object-fit: cover; }
body[data-theme-folder="butik"] .ks .ks-ad { min-width: 0; white-space: normal; font-size: 12px; line-height: 1.4; }
body[data-theme-folder="butik"] .ks { padding-block: 18px; }
body[data-theme-folder="butik"] .ks-bas { margin-bottom: 10px; }
@media(max-width:699px) {
body[data-theme-folder="butik"] .ks .ks-liste li { flex-basis: 170px; }
body[data-theme-folder="butik"] .ks .ks-kart { padding: 6px; gap: 9px; }
}
body[data-theme-folder="butik"] .ks-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; }
body[data-theme-folder="butik"] .ks-heading .ks-bas { margin:0; }
.ks-controls { display:flex; gap:6px; }
.ks-controls[hidden] { display:none; }
.ks-controls button { width:36px; height:34px; border:1px solid #d9c8bc; border-radius:7px; background:#fbf6f0; color:#141414; font-size:20px; cursor:pointer; }
.ks-controls button:hover:not(:disabled) { background:#141414; color:#fbf6f0; }
.ks-controls button:disabled { opacity:.3; cursor:default; }
body[data-theme-folder="butik"] .ks-liste:focus-visible { outline:2px solid #ff8a78; outline-offset:3px; }
/* This theme has no bottom checkout bar requiring reserved page space. */
body[data-theme-folder="butik"] { padding-bottom: 0 !important; }
/* Center storefront copy consistently across mobile and desktop. */
body[data-theme-folder="butik"] { text-align: center; }
body[data-theme-folder="butik"] :is(h1,h2,h3,h4,p,label,summary,.ay2-body,.ay2-fast,.ay2-spec,.ks-ad,.ks-bas,.ay2-bar-name,.ay2-bar-sub,.ay2-bar-price,.ay2-teklif-adet,.stil-intro-offer,.form-block-title,.sub-title,.char-note,.field-error,.pkg-sel-name,.pkg-sel-slot-text,.notif-head,.notif-body) { text-align: center; }
body[data-theme-folder="butik"] .stil-intro-in { grid-template-columns: 1fr; gap: 14px; }
body[data-theme-folder="butik"] .stil-intro-detail { padding-left: 0; border-left: 0; }
body[data-theme-folder="butik"] .stil-intro-detail > p { margin-inline: auto; }
body[data-theme-folder="butik"] .stil-intro-actions,
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { justify-content: center; }
body[data-theme-folder="butik"] .ks-heading { position: relative; justify-content: center; min-height: 34px; padding-inline: 86px; }
body[data-theme-folder="butik"] .ks-controls { position: absolute; right: 0; }
body[data-theme-folder="butik"] .ks .ks-ad { flex: 1; }
body[data-theme-folder="butik"] .ay2-teklif-metin { grid-template-columns: 1fr; gap: 0; }
body[data-theme-folder="butik"] .ay2-teklif-metin > * { grid-column: 1; grid-row: auto; }
body[data-theme-folder="butik"] .ay2-teklif-fiyat { flex-direction: row; justify-content: center; align-items: center; gap: 18px; margin-block: 2px 8px; text-align: center; }
body[data-theme-folder="butik"] .ay2-teklif-nasil { margin-inline: auto; }
body[data-theme-folder="butik"] .ay2-teklif-kosul { justify-content: center; }
body[data-theme-folder="butik"] .ay2-sizebox-h { justify-content: center; flex-wrap: wrap; }
body[data-theme-folder="butik"] .ay2-bar-row { justify-content: center; gap: 18px; }
body[data-theme-folder="butik"] .ay2-faq summary { justify-content: center; gap: 14px; }
body[data-theme-folder="butik"] .ay2-faq p { margin-inline: auto; }
body[data-theme-folder="butik"] #orderForm :is(input,select,textarea,.summary-row,.payment-card,.delivery-promise,.pay-on-delivery-note,.pkg-campaign-pending,.pkg-campaign-ok) { text-align: center; }
body[data-theme-folder="butik"] #orderForm :is(.form-block-title,.summary-row,.checkout-trust) { justify-content: center; gap: 12px; }
body[data-theme-folder="butik"] .ay2-ship { justify-content: center; }
body[data-theme-folder="butik"] :is(.bt-bb-alanlar label,.bt-bb-alanlar input,.bt-bb-not,.bt-bb-hata) { text-align: center; }
body[data-theme-folder="butik"] .ay2-top-in { position:relative; justify-content:center; }
body[data-theme-folder="butik"] .ay2-top-in .ay2-cart { position:absolute; right:18px; }
/* Keep quantity and total price together as one readable offer. */
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { display:flex; align-items:baseline; justify-content:center; gap:10px; margin:3px auto 10px; line-height:1.2; white-space:nowrap; }
body[data-theme-folder="butik"] .stil-intro-offer > span { font-size:22px; font-weight:600; letter-spacing:-.025em; color:#141414; }
body[data-theme-folder="butik"] .stil-intro-offer > .stil-price-separator { font-size:20px; font-weight:400; color:#c9b8ae; }
body[data-theme-folder="butik"] .stil-intro-offer strong { font-size:32px; font-weight:700; line-height:1.2; }
body[data-theme-folder="butik"] .stil-intro-offer small { font-size:22px; font-weight:600; }
/* Readable order notification on the light storefront surface. */
body[data-theme-folder="butik"] #theme-notification { background:#fbf6f0; color:#141414; border:1px solid #d9c8bc; border-radius:10px; }
body[data-theme-folder="butik"] #theme-notification .notif-inner { padding:14px; gap:12px; }
body[data-theme-folder="butik"] #theme-notification .notif-head b { color:#141414; font-size:11px; }
body[data-theme-folder="butik"] #theme-notification .notif-customer strong { color:#141414; font-size:14px; }
body[data-theme-folder="butik"] #theme-notification .notif-time,
body[data-theme-folder="butik"] #theme-notification .notif-city { color:#5c534c !important; font-size:11px !important; }
body[data-theme-folder="butik"] #theme-notification .notif-product { color:#141414 !important; font-size:13px !important; font-weight:600 !important; line-height:1.45; -webkit-line-clamp:2; text-align:left; }
body[data-theme-folder="butik"] #theme-notification .notif-cart-icon { background:#141414; color:#fbf6f0; }
body[data-theme-folder="butik"] #theme-notification::before { background:#ff8a78; }
/* ══════════════════════════════════════════════════════════════════════
2026-09-25 (site sahibi) — deneme tasarımından CANLIYA alınan 3 parça:
ürün kartı ölçüleri, sade sipariş özeti, tek sıra beden seçimi.
Değerler deneme sitesinin (modavistas-local) tema.css'inden birebir.
══════════════════════════════════════════════════════════════════════ */
body[data-theme-folder="butik"] {
--hx-yesil: #141414; --hx-yesil2: #e23d2b; --hx-ink: #1a1a1a; --hx-gri: #5c534c; --hx-cizgi: #dcd6c8;
}
/* ── 1) Ürün kartları: daha geniş kart, ürün görsel alanını doldursun ──
Ürün fotoğrafı kutuda hafif yakınlaştırılır (odak aşağıda, askı/yüz üstte az kırpılır).
Ortak style.css ":hover → scale(1.035)" kuralı bu yakınlaştırmayı ezip fotoğrafı geri
küçültüyordu (fare gelince "arkaya gitme"); hover'da da AYNI ölçek. Dokunmatik ekranda
dokunmak :hover sayıldığı için kartın 5px kalkması (shoe tipi, style.css) kapatıldı. */
body[data-theme-folder="butik"] .ay2-thumb { overflow: hidden; }
body[data-theme-folder="butik"] .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img { transform: scale(1.14); transform-origin: 50% 62%; }
@media (hover: none) {
body[data-theme-folder="butik"] .product-card:hover { transform: none; box-shadow: none; }
body[data-theme-folder="butik"] .product-card.product-selected:hover { box-shadow: 0 0 0 2px #ffe8e3; }
}
@media (max-width: 699px) {
body[data-theme-folder="butik"] .ay2-grid-wrap > .ay2-wrap { padding-inline: 12px; }
body[data-theme-folder="butik"] .ay2-grid { gap: 10px; }
}
/* ── 2) Sipariş özeti: tekrarlar kalktı, hiyerarşi ──
Sıra: fiyat satırları → SİPARİŞİ TAMAMLA → altında küçük, çerçevesiz iki not (gönderim + ödeme).
Alttaki 4 rozet (Ücretsiz kargo / 1–3 gün / Kapıda ödeme / İade) üstte zaten yazdığı için gizli.
Ortak includes/order-form.php değişmedi; yalnız bu temanın görünümü. */
body[data-theme-folder="butik"] #orderForm .order-summary .checkout-trust { display: none; }
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise,
body[data-theme-folder="butik"] #orderForm .order-summary .pay-on-delivery-note {
display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 2px 0;
background: transparent; border: 0; box-shadow: none; text-align: left; color: var(--hx-gri);
font-size: 12.5px; line-height: 1.45;
}
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--hx-cizgi); }
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise > span:last-child { display: block; text-align: left; }
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise strong,
body[data-theme-folder="butik"] #orderForm .order-summary .pay-on-delivery-note strong { display: inline; margin-right: 4px; font-size: 12.5px; font-weight: 700; color: var(--hx-ink); }
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise small { display: inline; font-size: 12.5px; color: var(--hx-gri); }
body[data-theme-folder="butik"] #orderForm .order-summary .delivery-promise-icon {
flex: none; width: 18px; height: 18px; margin-top: 1px; background: transparent; color: var(--hx-yesil2); font-size: 14px;
display: grid; place-items: center; border-radius: 0;
}
body[data-theme-folder="butik"] #orderForm .order-summary .pay-on-delivery-note > i { flex: none; width: 18px; margin-top: 2px; text-align: center; font-size: 14px; color: var(--hx-yesil2); }
/* ── 3) Beden seçimi: "BEDENİN · BEDENİNİ BUL" aynı satırda, 6 beden TEK SIRA ── */
body[data-theme-folder="butik"] .ay2-sizebox-h { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: nowrap; white-space: nowrap; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 3px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { padding: 8px 0; font-size: 11px; letter-spacing: -.02em; border-radius: 8px; min-width: 0; }
@media (max-width: 699px) {
/* beden kutusu kart kenarına kadar: 6 beden tek sırada ~23px'e çıkar */
body[data-theme-folder="butik"] .ay2-sizebox { margin-inline: -9px; padding: 7px 4px; border-left: 0; border-right: 0; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { padding: 9px 0; font-size: 11px; }
}
@media (max-width: 360px) {
/* çok dar telefon (320–360px): başlık tek satırda kalsın, 3XL kesilmesin */
body[data-theme-folder="butik"] .ay2-sizebox-h,
body[data-theme-folder="butik"] .ay2-sizebox-h .bt-bb-ac { font-size: 9.5px; letter-spacing: .02em; }
body[data-theme-folder="butik"] .ay2-sizebox-h { gap: 4px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { font-size: 10px; letter-spacing: -.04em; }
}
/* ── Mankendeki beden etiketi (2026-09-25): mankenli fotoğrafın sol altında küçük, yarı saydam.
Çok fotoğraflı kartta noktaların üstünde durur; askılı fotoğrafa geçince gizlenir (sayfa.php ay2Git). */
body[data-theme-folder="butik"] .bt-manken {
position: absolute; left: 8px; bottom: 8px; z-index: 3; pointer-events: none; white-space: nowrap;
padding: 2px 6px; border-radius: 999px; background: rgba(20,20,20,.55); color: #fff;
font-size: 9px; font-weight: 600; letter-spacing: .02em; line-height: 1.25; text-transform: none;
}
body[data-theme-folder="butik"] .ay2-thumb[data-images] .bt-manken { bottom: 22px; }
body[data-theme-folder="butik"] .bt-manken[hidden] { display: none; }
/* Selanik product framing: keep collar in view, reduce trousers. */
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"] .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"]:hover .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"] .product-image-wrap:hover .ay2-img {
object-position: center top;
transform: scale(1.2);
transform-origin: 50% 0%;
}
/* Kontrast polo: show complete collar and garment without catalogue zoom. */
body[data-theme-folder="butik"] .ay2-card[data-product-id^="polo-sweat-"] .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .ay2-card[data-product-id^="polo-sweat-"]:hover .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .ay2-card[data-product-id^="polo-sweat-"] .product-image-wrap:hover .ay2-img {
object-fit: contain;
object-position: center top;
transform: none;
}
/* Selanik hanging gallery photos: show entire garment without zoom. */
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"] .ay2-thumb .ay2-img[src*="-aski"],
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"]:hover .ay2-thumb .ay2-img[src*="-aski"],
body[data-theme-folder="butik"] .ay2-card[data-product-id^="selanik-"] .product-image-wrap:hover .ay2-img[src*="-aski"] {
transform: none; object-fit: contain; object-position: center;
}
/* Askılı fotoğraflar (dosya adında "-aski", 2026-09-26): kutuda yakınlaştırma yok — kollar/etek taşmasın,
ürün tam görünsün. Yukarıdaki scale(1.14) kuralının üç seçicisinin aynısı (hover'da geri büyümesin). */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="-aski"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="-aski"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="-aski"] { transform: none; transition: none; object-fit: contain; object-position: center; }
/* ── Beden kutusu HER kartta açık (2026-09-25, site sahibi): "Pakete ekle"ye basmadan da bedenler görünür,
seçilmemiş kartlarda boşluk kalmaz. Bedene basmak ürünü pakete de ekler (script.js selectShoeSize).
"Bedenini bul" başlığa biraz daha yakın (sola). ── */
body[data-theme-folder="butik"] .ay2-card .ay2-sizebox { display: block; }
body[data-theme-folder="butik"] .ay2-sizebox-h { gap: 5px; }
body[data-theme-folder="butik"] .ay2-sizebox-h .bt-bb-ac { margin-left: 0; }
/* Kart satırı: gerçek "X kişi bu modeli inceledi" */
body[data-theme-folder="butik"] .ay2-body .ay2-views { font-size: 11px; line-height: 1.35; }
/* ── Ürün kartı biraz daha kısa (2026-09-25, site sahibi): ölçüm 514px → ~470px; fotoğraf aynı,
yazı ve boşluklar hafif kısıldı, beden butonları 40→34px (parmakla basılır kalır). ── */
body[data-theme-folder="butik"] .ay2-fast { padding-top: 6px; }
body[data-theme-folder="butik"] .ay2-body { gap: 4px; padding-bottom: 10px; }
body[data-theme-folder="butik"] .ay2-body .ay2-views { font-size: 10.5px; line-height: 1.25; }
body[data-theme-folder="butik"] .ay2-body .ay2-spec { font-size: 11.5px; line-height: 1.3; }
body[data-theme-folder="butik"] .ay2-card .ay2-sizebox { padding-top: 5px; padding-bottom: 5px; }
body[data-theme-folder="butik"] .ay2-sizebox-h { margin-bottom: 5px; }
body[data-theme-folder="butik"] .ay2-sizes { padding-top: 6px; margin-top: 6px; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { padding-top: 6px; padding-bottom: 6px; }
body[data-theme-folder="butik"] .ay2-btn { padding-top: 10px; padding-bottom: 10px; margin-top: 6px; }
@media (max-width: 699px) {
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { padding-top: 7px; padding-bottom: 7px; }
}
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button { min-height: 34px; } /* ortak style.css min-height 40px dayatıyordu */
/* Kart etiketi (Çok Satan / Yeni Sezon, 2026-09-26, site sahibi): sağ üstte kalır, arka planı yarı saydam —
fotoğraf altından görünür. Yazı tam renk (okunaklı); hafif bulanıklık zemin karışıklığını azaltır.
"Tükendi" ve turuncu vurgu etiketi dolu kalır (uyarı niteliğinde). */
body[data-theme-folder="butik"] .bt-rozet:not(.bt-rozet-tukendi):not(.bt-rozet-vurgu) {
background: rgba(250, 249, 244, .62);
-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
/* Diğer modeller şeridi — ürün kartlarının altında (2026-09-28, site sahibi; includes/tesekkur-kategoriler.php).
Yuvarlak kapaklar ortada; sığmazsa yana kayar (liste genişliği içeriğe göre, en fazla ekran). */
body[data-theme-folder="butik"] .bt-diger.tk-serit { margin: 34px 0 6px; padding-top: 26px; border-top: 1px solid var(--line); text-align: center; }
body[data-theme-folder="butik"] .bt-diger h2 { font-family: var(--bt-serif); font-weight: 500; font-size: 24px; line-height: 1.2; color: var(--ink); }
body[data-theme-folder="butik"] .bt-diger p { color: var(--muted); }
body[data-theme-folder="butik"] .bt-diger .tk-liste { width: fit-content; max-width: 100%; margin: 0 auto; }
body[data-theme-folder="butik"] .bt-diger .tk-yuvarlak { border-color: var(--primary); background: var(--light); box-shadow: 0 8px 20px rgba(20, 20, 20, .14); }
body[data-theme-folder="butik"] .bt-diger .tk-ad { color: var(--ink); font-weight: 600; }
@media (max-width: 699px) { body[data-theme-folder="butik"] .bt-diger h2 { font-size: 20px; } }
body[data-theme-folder="butik"] .bt-diger-ipucu { margin: 4px 0 0; text-align: center; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); transition: opacity .35s ease; }
body[data-theme-folder="butik"] .bt-diger-ipucu span { display: inline-block; animation: btDigerOk 1.4s ease-in-out infinite; }
body[data-theme-folder="butik"] .bt-diger-ipucu span:first-child { animation-direction: alternate-reverse; }
body[data-theme-folder="butik"] .bt-diger-ipucu.bt-gitti { opacity: 0; }
@keyframes btDigerOk { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
body[data-theme-folder="butik"] #model { scroll-margin-top: 68px; } /* diğer modeller şeridinden gelen: başlık üst çubuğun altında (JS gerçek yüksekliği yazar) */
/* Riva (riva-20260927/ fotoğrafları, 2026-10-02 owner): kutuda yakınlaştırma yok — kollar ve yaka tam görünsün.
scale(1.14) kuralının üç seçicisinin aynısı (hover'da geri büyümesin). */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="riva-20260927"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="riva-20260927"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="riva-20260927"] { transform: none; transition: none; }
/* Arlo (arlo-20261002/ serme fotoğrafları, 2026-10-02): kutuda yakınlaştırma yok — kollar ve etek tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="arlo-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="arlo-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="arlo-20261002"] { transform: none; transition: none; }
/* Milo (milo-20261002/ mankenli fotoğraflar, 2026-10-02): kutuda yakınlaştırma yok — kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="milo-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="milo-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="milo-20261002"] { transform: none; transition: none; }
/* Purno (purno-20261002/, /modavistas-selanik sayfası, 2026-10-02): kutuda yakınlaştırma yok — yaka ve kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="purno-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="purno-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="purno-20261002"] { transform: none; transition: none; }
/* Fermuar Yaka Triko serme fotoğrafları (fyt-20261002/, 2026-10-02): kutuda yakınlaştırma yok — kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="fyt-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="fyt-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="fyt-20261002"] { transform: none; transition: none; }
/* Vento yeni mankenli (vento-20261002/, 2026-10-02 owner): kutuda yakınlaştırma yok — fotoğraf tam ve net görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="vento-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="vento-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="vento-20261002"] { transform: none; transition: none; }
/* Kalın Örgü Reglan Kol Kazak (kalin-orgu-20261002/, 2026-10-02): kutuda yakınlaştırma yok — manken ve ürün fotoğrafı tam, net. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="kalin-orgu-20261002"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="kalin-orgu-20261002"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="kalin-orgu-20261002"] { transform: none; transition: none; }
/* Ödeme yöntemi seçimi kaldırıldı (2026-10-02, owner: kapıda nakit de kart da olur, seçimin anlamı yok).
"Kapıda Kart" formda hep seçili gider (sunucu bir değer ister; kargo dosyasında kullanılmaz). Grup sıfır yükseklikte
kalır ki adres bitince ekran yine buraya — hemen altındaki SİPARİŞİ TAMAMLA düğmesine — kaysın. */
body[data-theme-folder="butik"] #orderForm .payment-method-group { height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; }
/* Reklamcı sayfaları (2026-10-04): Oversize Sweatshirt (oversize-sweat-20261004/), Fitilli Gömlek (fitilli-gomlek-20261004/),
Yarım Fermuarlı Sweatshirt (fermuarli-sweat-20261004/)
— kutuda yakınlaştırma yok, manken ve ürün fotoğrafı tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="oversize-sweat-20261004"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="oversize-sweat-20261004"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="oversize-sweat-20261004"],
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="fitilli-gomlek-20261004"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="fitilli-gomlek-20261004"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="fitilli-gomlek-20261004"],
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="fermuarli-sweat-20261004"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="fermuarli-sweat-20261004"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="fermuarli-sweat-20261004"] { transform: none; transition: none; }
/* ══ 04.10 (owner): pazarliva'daki gibi sayaçlar + etiketler ══════════════════════════════════════
Etiketler: "Çok Satan…" koyu, "Yeni Sezon" krem/altın — yer aynı (sağ üst). */
body[data-theme-folder="butik"] .bt-rozet.bt-rozet-cs,
body[data-theme-folder="butik"] .bt-rozet.bt-rozet-ys {
top: 8px; right: 8px; padding: 5px 8px; border-radius: 1px;
font-size: 9.5px; font-weight: 700; letter-spacing: .18em; line-height: 1.45;
-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
body[data-theme-folder="butik"] .bt-rozet.bt-rozet-cs { background: #3d5266 !important; color: #f5f1e8; }
body[data-theme-folder="butik"] .bt-rozet.bt-rozet-ys { background: rgba(251, 248, 243, .92) !important; color: #8c7346; box-shadow: inset 0 0 0 1px rgba(181, 154, 107, .45); }
/* Kartta "✓ Sepette ×2" (eski yeşil tik kutusunun yerinde, sol üst) */
body[data-theme-folder="butik"] .product-selected .ay2-check {
width: auto; height: auto; padding: 6px 10px; gap: 6px; display: inline-flex; align-items: center;
font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; white-space: nowrap;
}
body[data-theme-folder="butik"] .product-selected .ay2-check i { font-size: 11px; }
body[data-theme-folder="butik"] .ay2-btn.bt-btn-dolu { opacity: .55; }
/* Alt sabit çubuk: seçilen / toplam + paket fiyatı + sonraki adım */
body[data-theme-folder="butik"] .bt-alt-cubuk {
position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 120;
display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 16px; overflow: hidden;
background: #141414; color: #fbf6f0; border-radius: 4px; box-shadow: 0 10px 28px rgba(20, 20, 20, .32);
transition: transform .25s ease, opacity .25s ease;
}
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-gizli { transform: translateY(140%); opacity: 0; pointer-events: none; }
body[data-theme-folder="butik"] .bt-ac-oran { position: absolute; left: 0; top: 0; right: 0; height: 3px; background: rgba(250, 249, 244, .15); }
body[data-theme-folder="butik"] .bt-ac-oran i { display: block; height: 100%; width: 0; background: #ffb4a2; transition: width .3s ease; }
body[data-theme-folder="butik"] .bt-ac-sol { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.15; }
body[data-theme-folder="butik"] .bt-ac-sol span { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #e8e0d8; }
body[data-theme-folder="butik"] .bt-ac-sol b { font-size: 21px; font-weight: 800; letter-spacing: -.01em; }
body[data-theme-folder="butik"] .bt-ac-btn {
flex: none; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border: 0; border-radius: 3px; cursor: pointer;
background: #fbf6f0; color: #141414; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
}
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-tamam .bt-ac-btn { background: #ffb4a2; }
@media (prefers-reduced-motion: reduce) { body[data-theme-folder="butik"] .bt-alt-cubuk { transition: none; } }
/* Çubuk varken: sayfa sonu çubuğun altında kalmasın; yüzen düğmeler ve uyarı balonu çubuğun üstüne */
body[data-theme-folder="butik"].bt-ac-var { padding-bottom: 84px; }
body[data-theme-folder="butik"].bt-ac-var .ay2-fab { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
body[data-theme-folder="butik"].bt-ac-var .ay2-toast { bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 720px) {
body[data-theme-folder="butik"] .bt-alt-cubuk { left: 50%; right: auto; width: min(560px, calc(100% - 40px)); transform: translateX(-50%); }
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-gizli { transform: translate(-50%, 140%); }
}
/* "Sepette" rozeti fotoğrafın sol altında (sağ üstteki Çok Satan / Yeni Sezon etiketiyle çakışmasın) */
body[data-theme-folder="butik"] .product-selected .ay2-check { top: auto; bottom: 34px; left: 8px; }
/* Kontrast Yaka yeni model (kontrast-yeni-20261004/, /modavistas-kontrast-polo, 2026-10-04): kutuda yakınlaştırma yok — yaka ve kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="kontrast-yeni-20261004"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="kontrast-yeni-20261004"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="kontrast-yeni-20261004"] { transform: none; transition: none; }
/* Baskılı Sweat + Kapüşonlu Basic (baskili-sweat-20261006/, basic-hoodie-20261006/, 2026-10-06): kutuda yakınlaştırma yok — kapüşon, yaka ve kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="baskili-sweat-20261006"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="baskili-sweat-20261006"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="baskili-sweat-20261006"],
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="basic-hoodie-20261006"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="basic-hoodie-20261006"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="basic-hoodie-20261006"] { transform: none; transition: none; }
/* Düz Bisiklet Yaka Sweatshirt (duz-sweat-20261006/, 2026-10-06): kutuda yakınlaştırma yok — yaka ve kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="duz-sweat-20261006"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="duz-sweat-20261006"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="duz-sweat-20261006"] { transform: none; transition: none; }
/* Polo Yaka Yarım Fermuarlı Triko (polo-triko-20261007/, 2026-10-07): kutuda yakınlaştırma yok — yaka, fermuar ve kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="polo-triko-20261007"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="polo-triko-20261007"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="polo-triko-20261007"] { transform: none; transition: none; }
/* Bedeni seçilmemiş sepet ürünü (2026-10-08 owner): kart kırmızı işaretli, alt çubuk "Siparişi tamamla" yerine
"Bedenini seç" der ve kırmızıdır; formdaki boş beden kutusu da kırmızı. Sınıfları sayfa.php tazele() verir. */
body[data-theme-folder="butik"] .ay2-card.bt-beden-eksik { box-shadow: 0 0 0 2px #c62828; }
body[data-theme-folder="butik"] .ay2-card.bt-beden-eksik .ay2-sizebox { background: #fdecea; border-top-color: #c62828; padding-left: 8px; padding-right: 8px; border-radius: 0 0 4px 4px; }
body[data-theme-folder="butik"] .ay2-card.bt-beden-eksik .ay2-sizebox-h { color: #c62828; }
body[data-theme-folder="butik"] .ay2-card.bt-beden-eksik .shoe-size-options button { border-color: #c62828; }
body[data-theme-folder="butik"] .ay2-card.bt-beden-eksik .ay2-sizes::after {
content: "Bu ürünün bedenini seç"; display: block; margin-top: 6px; color: #c62828; font-size: 11.5px; font-weight: 700; text-align: center;
}
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-beden .bt-ac-btn { background: #c62828; color: #fff; }
body[data-theme-folder="butik"] #orderForm .pkg-sel-size.bt-beden-bos { border-color: #c62828; box-shadow: 0 0 0 1px #c62828; background: #fdecea; color: #c62828; }
/* Oversize Sweatshirt yeni fotoğraflar (oversize-sweat-20261028/, 2026-10-28 owner): kutuda yakınlaştırma yok — ürün geride, kollar tam görünsün. */
body[data-theme-folder="butik"] .ay2-thumb .ay2-img[src*="oversize-sweat-20261028"],
body[data-theme-folder="butik"] .product-card:hover .ay2-thumb .ay2-img[src*="oversize-sweat-20261028"],
body[data-theme-folder="butik"] .product-image-wrap:hover .ay2-img[src*="oversize-sweat-20261028"] { transform: none; transition: none; }
/* ══ SATIŞ PALETİ — yakın siyah vitrin, sıcak fildişi, mercan satın alma ══ */
body[data-theme-folder="butik"] .ay2-top { background: #141414; border: 0; }
body[data-theme-folder="butik"] .ay2-logo b { color: #fbf6f0; }
body[data-theme-folder="butik"] .ay2-logo b span { color: #ffb4a2; }
body[data-theme-folder="butik"] .ay2-cart { color: #fbf6f0; border-color: rgba(255,180,162,.7); }
body[data-theme-folder="butik"] .ay2-cart b { background: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .bt-afis-metin { background: #141414; }
body[data-theme-folder="butik"] .bt-afis-dugme { background: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .bt-afis-dugme:hover { background: #c43222; color: #fff; }
body[data-theme-folder="butik"] .stil-intro { background: #fbf6f0; }
body[data-theme-folder="butik"] .stil-intro-offer strong,
body[data-theme-folder="butik"] .ay2-bar-price,
body[data-theme-folder="butik"] .ay2-teklif-tutar { color: #e23d2b; }
body[data-theme-folder="butik"] .stil-cta { background: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .stil-cta:hover { background: #c43222; color: #fff; }
body[data-theme-folder="butik"] .ay2-teklif { background: #141414; color: #fbf6f0; }
body[data-theme-folder="butik"] .ay2-prog i,
body[data-theme-folder="butik"] .ay2-bar-done .ay2-prog i { background: #e23d2b; }
body[data-theme-folder="butik"] .ay2-bar-count,
body[data-theme-folder="butik"] .ay2-bar-done .ay2-bar-count { color: #e23d2b; }
body[data-theme-folder="butik"] .ay2-btn { background: #e23d2b; border-color: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .ay2-btn:hover { background: #c43222; border-color: #c43222; color: #fff; }
body[data-theme-folder="butik"] .product-card.product-selected .ay2-btn,
body[data-theme-folder="butik"] .product-card.product-selected .ay2-btn:hover {
background: #fffdfb !important; color: #e23d2b !important; border-color: #e23d2b !important;
}
body[data-theme-folder="butik"] .btn-order,
body[data-theme-folder="butik"] #orderForm .submit-btn,
body[data-theme-folder="butik"] #orderForm button[type="submit"] { background: #e23d2b; color: #fff; border-color: #e23d2b; }
body[data-theme-folder="butik"] .btn-order:hover { background: #c43222; color: #fff; }
body[data-theme-folder="butik"] .btn-order .btn-order-price,
body[data-theme-folder="butik"] .btn-order .btn-order-label,
body[data-theme-folder="butik"] .order-summary .total-row > span:first-child,
body[data-theme-folder="butik"] .order-summary .total-val { color: #fff; }
body[data-theme-folder="butik"] #orderForm.siparis-tamam .btn-order,
body[data-theme-folder="butik"] #orderForm.siparis-tamam .btn-order:hover { background: #141414; }
body[data-theme-folder="butik"] .ks .ks-acik { background: #e23d2b; border-color: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .ay2-card.product-selected { border-color: #e23d2b; box-shadow: 0 0 0 2px #ffe8e3; }
body[data-theme-folder="butik"] .product-selected .ay2-thumb::after,
body[data-theme-folder="butik"] .ay2-card:target .ay2-thumb::after { border-color: #e23d2b; }
body[data-theme-folder="butik"] .ay2-sizes .shoe-size-options button.active { background: #e23d2b; border-color: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .ay2-check,
body[data-theme-folder="butik"] .product-selected .ay2-check { background: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .bt-alt-cubuk { background: #141414; color: #fbf6f0; box-shadow: 0 10px 28px rgba(20, 20, 20, .32); }
body[data-theme-folder="butik"] .bt-ac-btn { background: #e23d2b; color: #fff; }
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-tamam .bt-ac-btn { background: #c43222; color: #fff; }
body[data-theme-folder="butik"] .bt-alt-cubuk.bt-ac-beden .bt-ac-btn { background: #c62828; color: #fff; }
body[data-theme-folder="butik"] .bt-ac-oran i { background: #e23d2b; }
body[data-theme-folder="butik"] .ay2-foot { background: #141414; }
/* Dar ekran: sayfa yatay taşmaz, form ve çubuklar parmağa sığar. */
@media (max-width: 699px) {
html, body[data-theme-folder="butik"] { overflow-x: clip; }
body[data-theme-folder="butik"] img,
body[data-theme-folder="butik"] video { max-width: 100%; }
body[data-theme-folder="butik"] .ay2-logo img,
body[data-theme-folder="butik"] .ay2-thumb .ay2-img,
body[data-theme-folder="butik"] .ks-gorsel img { height: 100%; max-width: none; }
body[data-theme-folder="butik"] .ay2-wrap { padding-inline: 14px; }
body[data-theme-folder="butik"] .ay2-top-in { height: 56px; }
body[data-theme-folder="butik"] .ay2-logo b { font-size: 20px; }
body[data-theme-folder="butik"] .ay2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-theme-folder="butik"] .ay2-card,
body[data-theme-folder="butik"] .ay2-body,
body[data-theme-folder="butik"] .ks-kart { min-width: 0; }
body[data-theme-folder="butik"] .ks-heading { padding-inline: 46px; }
body[data-theme-folder="butik"] .stil-intro-detail .stil-intro-offer { white-space: normal; flex-wrap: wrap; }
body[data-theme-folder="butik"] .ay2-teklif-tutar { white-space: normal; }
body[data-theme-folder="butik"] #orderForm {
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
body[data-theme-folder="butik"] #orderForm > *,
body[data-theme-folder="butik"] #pkgItemSection,
body[data-theme-folder="butik"] #deliverySection,
body[data-theme-folder="butik"] .order-summary { grid-column: 1; min-width: 0; position: static; }
body[data-theme-folder="butik"] #orderForm .form-row { grid-template-columns: minmax(0, 1fr); }
body[data-theme-folder="butik"] #orderForm input,
body[data-theme-folder="butik"] #orderForm select,
body[data-theme-folder="butik"] #orderForm textarea {
min-width: 0; max-width: 100%; font-size: 16px;
}
body[data-theme-folder="butik"] .btn-order,
body[data-theme-folder="butik"] #orderForm button[type="submit"] { width: 100%; min-height: 48px; }
body[data-theme-folder="butik"] .bt-alt-cubuk {
left: 8px; right: 8px;
bottom: calc(8px + env(safe-area-inset-bottom, 0px));
padding-inline: 12px;
}
body[data-theme-folder="butik"] .bt-ac-btn { height: 44px; padding-inline: 12px; }
body[data-theme-folder="butik"] .ay2-lb { padding: 12px; }
body[data-theme-folder="butik"] .ay2-faq summary { text-align: left; }
}
body[data-theme-folder="butik"] .mv-takip-serit {
display: flex; justify-content: center; padding: 10px 14px;
background: #fbf6f0; border-bottom: 1px solid #eadfd4;
}
body[data-theme-folder="butik"] .ay2-foot .mv-takip-serit {
background: transparent; border: 0; padding: 20px 14px 0;
}
body[data-theme-folder="butik"] .ay2-foot:has(.mv-takip-serit) {
padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
}
body[data-theme-folder="butik"] .mv-takip-ac {
min-height: 44px; padding: 0 18px; border: 0; background: #e23d2b; color: #fff;
font: inherit; font-size: 14px; font-weight: 700; letter-spacing: .04em; cursor: pointer;
animation: mv-takip-yan 1.15s ease-in-out infinite;
}
@keyframes mv-takip-yan {
0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(226, 61, 43, .45); }
50% { opacity: .45; box-shadow: 0 0 0 10px rgba(226, 61, 43, 0); }
}
body[data-theme-folder="butik"] .mv-takip-perde {
position: fixed; inset: 0; z-index: 80; display: grid; place-items: center;
padding: 16px; background: rgba(20, 20, 20, .55);
}
body[data-theme-folder="butik"] .mv-takip-perde[hidden] { display: none !important; }
body[data-theme-folder="butik"] .mv-takip-pencere {
width: min(100%, 360px); margin: 0; position: relative; text-align: left;
background: #fffdfb; border: 1px solid #141414; padding: 22px 18px 18px;
box-shadow: 0 18px 40px rgba(20, 20, 20, .28);
}
body[data-theme-folder="butik"] .mv-takip-pencere h2 {
margin: 0 36px 8px 0; font-family: Fraunces, Georgia, serif; font-weight: 500; font-size: 28px;
}
body[data-theme-folder="butik"] .mv-takip-not { margin: 0 0 12px; color: #5c534c; font-size: 14px; line-height: 1.45; }
body[data-theme-folder="butik"] .mv-takip-pencere label { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; font-size: 13px; font-weight: 700; }
body[data-theme-folder="butik"] .mv-takip-pencere input {
width: 100%; min-height: 44px; border: 1px solid #141414; background: #fff;
padding: 8px 10px; font: inherit; font-size: 16px; font-weight: 500; color: #141414;
}
body[data-theme-folder="butik"] .mv-takip-pencere button[type="submit"] {
width: 100%; min-height: 46px; border: 0; background: #e23d2b; color: #fff;
font: inherit; font-size: 15px; font-weight: 700; cursor: pointer;
}
body[data-theme-folder="butik"] .mv-takip-kapat {
position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border: 0;
background: transparent; color: #141414; font-size: 26px; line-height: 1; cursor: pointer;
}
body[data-theme-folder="butik"] .mv-takip-hata { margin: 0 0 12px; color: #e23d2b; font-size: 14px; }
html.mv-takip-kilit { overflow: hidden; }
body[data-theme-folder="butik"] .mv-takip-liste { width: min(100% - 28px, 520px); margin: 28px auto 80px; }
body[data-theme-folder="butik"] .mv-takip-liste h1 { font-family: Fraunces, Georgia, serif; font-weight: 500; font-size: 32px; text-align: center; }
body[data-theme-folder="butik"] .mv-takip-liste ul { list-style: none; margin: 0; padding: 0; }
body[data-theme-folder="butik"] .mv-takip-liste li {
display: flex; gap: 12px; align-items: center; justify-content: space-between;
padding: 14px 0; border-bottom: 1px solid #eadfd4;
}
body[data-theme-folder="butik"] .mv-takip-liste b { display: block; font-size: 18px; }
body[data-theme-folder="butik"] .mv-takip-liste span { display: block; color: #5c534c; font-size: 14px; }
body[data-theme-folder="butik"] .mv-takip-liste button {
min-height: 44px; border: 0; background: #e23d2b; color: #fff; font: inherit; font-weight: 700; padding: 0 16px; cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
body[data-theme-folder="butik"] .mv-takip-ac { animation: none; }
}