/* CCery: pastel vitrin teması */
:root {
  --zemin: #ffffff;
  --yazi: #2b2327;
  --soluk: #6f6469;
  --koyu: #2a2226;
  --pembe: #eaa9c5;
  --pembe-acik: #f7dbe6;
  --lila: #dcd3ec;
  --lila-acik: #e9e3f4;
  --nane: #e2ecdb;
  --gri: #e7e5ea;
  --krem: #fbf1cc;
  --cizgi: #ece6ea;
  --r-buyuk: 36px;
  --r-kart: 28px;
  --golge: 0 18px 40px -24px rgba(90, 50, 70, .35);
  --kap: none;
  --kenar: clamp(16px, 2.2vw, 36px);
  --font-baslik: "Outfit", system-ui, sans-serif;
  --font-govde: "DM Sans", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--yazi); font: 400 16px/1.6 var(--font-govde); -webkit-font-smoothing: antialiased; overflow-x: clip; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--font-baslik); font-weight: 600; line-height: 1.08; letter-spacing: -.02em; margin: 0; }
.ikon { width: 20px; height: 20px; flex: none; }
.tl { font-family: var(--font-govde); margin-left: 1px; }
.atla { position: absolute; left: -999px; }
.atla:focus { left: 16px; top: 16px; z-index: 99; background: #fff; padding: 8px 14px; border-radius: 8px; }
:focus-visible { outline: 2px solid var(--koyu); outline-offset: 3px; }

/* ---------- Düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 28px; border-radius: 999px; border: 0; font: 500 15px/1 var(--font-govde); cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; white-space: nowrap; }
.dugme:hover { transform: translateY(-2px); box-shadow: var(--golge); }
.dugme.kucuk { height: 44px; padding: 0 20px; font-size: 14px; }
.dugme-pembe { background: var(--pembe); color: var(--koyu); }
.dugme-beyaz { background: #fff; color: var(--koyu); }
.dugme-koyu { background: var(--koyu); color: #fff; }
.dugme-cizgi { background: transparent; border: 1.5px solid var(--koyu); height: 46px; padding: 0 22px; }
.dugme .ikon { width: 18px; height: 18px; }

/* ---------- Üst bilgi ---------- */
.ust { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .86); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); }
.ust-kart { max-width: var(--kap); margin: 0 auto; padding: 18px var(--kenar); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.logo img { width: 144px; height: auto; }
.ana-menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 34px; }
.ana-menu a { font-size: 15px; font-weight: 500; color: #4a3f44; position: relative; }
.ana-menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; border-radius: 2px; background: var(--pembe); transform: scaleX(0); transition: transform .25s; }
.ana-menu a:hover::after, .ana-menu .current-menu-item > a::after { transform: scaleX(1); }
.ana-menu .sub-menu { display: none; }
.ust-arac { display: flex; justify-content: flex-end; align-items: center; gap: 6px; }
.ikon-dugme { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; background: transparent; border: 0; cursor: pointer; transition: background .2s; }
.ikon-dugme:hover { background: var(--lila-acik); }
.sepet-dugme { height: 46px; padding: 0 8px 0 20px; display: inline-flex; align-items: center; gap: 10px; background: var(--koyu); color: #fff; border-radius: 999px; font-weight: 500; font-size: 14px; margin-left: 6px; }
.sepet-dugme .ikon { width: 18px; height: 18px; }
.sepet-adet { min-width: 30px; height: 30px; padding: 0 8px; display: grid; place-items: center; background: var(--pembe); color: var(--koyu); border-radius: 999px; font-size: 13px; font-weight: 600; }
.mobil-ac { display: none; }
.arama-katman { max-width: var(--kap); margin: 0 auto; padding: 0 var(--kenar) 18px; }
.arama-katman form { height: 60px; display: flex; align-items: center; gap: 14px; padding: 0 8px 0 22px; background: #fff; border: 1.5px solid var(--koyu); border-radius: 999px; }
.arama-katman input[type=search] { flex: 1; border: 0; outline: 0; font: 400 17px var(--font-govde); background: transparent; }
.arama-katman button { height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--koyu); color: #fff; cursor: pointer; }

.icerik { max-width: var(--kap); margin: 0 auto; padding: 8px var(--kenar) 0; }

/* ---------- Vitrin ---------- */
.vitrin { position: relative; min-height: clamp(540px, 42vw, 780px); border-radius: var(--r-buyuk); background: linear-gradient(100deg, #fbf1c9 0%, #f8e2d3 48%, #f0c3d7 100%); display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; overflow: hidden; isolation: isolate; }
.vitrin::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 70% at 70% 55%, rgba(255, 255, 255, .55), transparent 70%); z-index: -1; }
.vitrin-metin { padding: 72px 0 72px clamp(40px, 5vw, 110px); display: flex; flex-direction: column; align-items: flex-start; gap: 22px; max-width: 920px; }
.vitrin h1 { font-size: clamp(40px, 4.9vw, 96px); font-weight: 700; letter-spacing: -.04em; color: #2a2226; }
.vitrin p { margin: 0; font-size: clamp(16px, 1.1vw, 20px); color: #5b4f55; max-width: 520px; }
.vitrin-dugmeler { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 6px; }
.vitrin-sahne { position: relative; height: 100%; min-height: clamp(540px, 42vw, 780px); }
.sahne-atolye { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 30px 24px 24px 0; }
.sahne-pasta { position: absolute; right: 9%; top: 50%; width: clamp(320px, 30vw, 600px); transform: translateY(-50%) rotate(-4deg); filter: drop-shadow(0 34px 38px rgba(120, 60, 90, .28)); animation: pasta 7s ease-in-out infinite; }
.yuzen { position: absolute; filter: drop-shadow(0 16px 18px rgba(120, 60, 90, .25)); animation: yuz 6s ease-in-out infinite; will-change: transform; }
.m1 { width: clamp(120px, 10vw, 210px); left: 2%; top: 9%; --d: -18deg; animation-delay: -1s; }
.m2 { width: clamp(96px, 8vw, 170px); right: -2%; top: 34%; --d: 22deg; animation-delay: -3s; }
.m3 { width: clamp(80px, 6.5vw, 140px); left: 10%; bottom: 12%; --d: 12deg; animation-delay: -2s; }
.m4 { width: clamp(90px, 7.5vw, 160px); right: 12%; bottom: -3%; --d: -26deg; animation-delay: -4.5s; }
.inci { position: absolute; border-radius: 50%; background: radial-gradient(circle at 32% 30%, #fff 0 12%, #efe4d6 40%, #cdb9a6 100%); box-shadow: 0 8px 14px rgba(120, 60, 90, .22); animation: yuz 5s ease-in-out infinite; --d: 0deg; }
.i1 { width: 44px; height: 44px; left: 24%; bottom: 26%; animation-delay: -1.5s; }
.i2 { width: 26px; height: 26px; left: 30%; bottom: 17%; background: radial-gradient(circle at 32% 30%, #fff 0 12%, #f6d3df 40%, #d9a3b8 100%); }
.i3 { width: 34px; height: 34px; right: 7%; top: 14%; animation-delay: -3s; }
.vitrin-rozet { position: absolute; top: 28px; right: 28px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--koyu); color: #fff; transition: transform .25s; }
.vitrin-rozet:hover { transform: rotate(-45deg); }
.vitrin-rozet .ikon { width: 18px; height: 18px; }
@keyframes yuz { 0%, 100% { transform: translateY(0) rotate(var(--d)); } 50% { transform: translateY(-16px) rotate(calc(var(--d) + 6deg)); } }
@keyframes pasta { 0%, 100% { transform: translateY(-50%) rotate(-4deg); } 50% { transform: translateY(calc(-50% - 10px)) rotate(-2deg); } }

/* ---------- Kategori ızgarası ---------- */
.kategori-izgara { margin: 56px 0 0; display: grid; grid-template-columns: 1fr 1.9fr 1fr; gap: 20px; }
.kolon { display: flex; flex-direction: column; gap: 20px; min-height: 0; }
/* Üç sütun eşit boy: orta sütun (metin kartı + büyük foto) yüksekliği belirler, yan sütunların kartları orantıyla dolar */
@media (min-width: 901px) {
  .kolon:nth-child(1) .kart-foto.uzun { flex: 1.3 1 0; height: auto; min-height: 260px; }
  .kolon:nth-child(1) .kart-foto { flex: 1 1 0; height: auto; min-height: 220px; }
  .kolon:nth-child(3) .kart-foto.uzun { flex: 1.45 1 0; height: auto; min-height: 300px; }
  .kolon:nth-child(3) .kart-metin { flex: 1 1 0; min-height: 220px; }
  .kolon:nth-child(2) .kart-metin { flex: none; }
  .kolon:nth-child(2) .kart-foto.buyuk { flex: none; }
}
.kart { position: relative; border-radius: var(--r-kart); overflow: hidden; display: block; }
.kart-foto { height: clamp(250px, 18vw, 420px); }
.kart-foto.uzun { height: clamp(320px, 23.5vw, 540px); }
.kolon:nth-child(3) .kart-foto.uzun { height: clamp(360px, 26.5vw, 600px); }
.kart-foto.buyuk { height: clamp(360px, 26vw, 600px); }
.kart-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.kart-foto:hover img { transform: scale(1.05); }
.zemin-lila { background: var(--lila); }
.zemin-nane { background: var(--nane); }
.zemin-gri { background: var(--gri); }
.zemin-gecis { background: linear-gradient(135deg, #fbf1c9 0%, #f6d9df 70%, #f0c6d8 100%); }
.kart-etiket { position: absolute; left: 14px; bottom: 14px; right: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 10px 10px 18px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); border-radius: 999px; transition: background .25s; }
.kart-etiket b { font-family: var(--font-baslik); font-weight: 600; font-size: 16px; }
.kart-etiket b { display: inline-flex; align-items: center; gap: 10px; }
.kart-etiket .kisa { display: none; }
@media (max-width: 900px) { .kart-etiket .tam { display: none; } .kart-etiket .kisa { display: inline; } }
.kart-etiket b .ikon, .kart-metin h2 .ikon { width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--lila-acik); flex: none; }
.zemin-nane .kart-etiket b .ikon { background: var(--nane); }
.zemin-gri .kart-etiket b .ikon { background: var(--pembe-acik); }
.kart-etiket small { font-size: 12.5px; color: var(--soluk); background: var(--lila-acik); padding: 4px 10px; border-radius: 999px; }
.kart-metin { padding: clamp(26px, 2.2vw, 44px); display: flex; flex-direction: column; gap: 12px; min-height: 220px; flex: 1; }
.kart-metin h2 { font-size: clamp(26px, 2.1vw, 40px); }
.kart-metin p { margin: 0; font-size: 15px; color: #5b4f55; max-width: 460px; }
.kart-metin .dugme { align-self: flex-start; }
.kart-ekipman { display: grid; grid-template-columns: minmax(0, 1fr) 32%; column-gap: 18px; align-content: center; }
.kart-ekipman .kicker, .kart-ekipman .kart-alt { grid-column: 1 / -1; }
.kart-ekipman h2, .kart-ekipman p { grid-column: 1; }
.kart-ekipman h2 { align-self: end; }
.kart-ekipman p { align-self: start; }
.kart-ekipman .ekipman-gorsel { grid-column: 2; grid-row: 2 / 4; width: 100%; height: 100%; max-height: 240px; object-fit: contain; align-self: center; }
.kart-ekipman .kart-alt { flex-wrap: wrap; gap: 12px; }
.zemin-gecis { justify-content: center; }
.ust-yazi { font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #7d6f86; }
.kart-alt { margin-top: auto; display: flex; align-items: center; gap: 18px; }
.kart-alt .dugme { height: 46px; padding: 0 26px; }
.noktalar { position: absolute; top: 24px; right: 24px; display: flex; gap: 5px; padding: 6px 8px; background: #fff; border-radius: 999px; }
.noktalar i { width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid var(--koyu); }
.noktalar i:last-child { background: var(--koyu); }
.kart-bar { position: absolute; left: 22px; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; }
.bar-hap { height: 50px; padding: 0 16px 0 18px; display: inline-flex; align-items: center; gap: 10px; background: #fff; border-radius: 999px; font-weight: 600; font-size: 15px; }
.bar-hap .ikon { width: 18px; height: 18px; }
.bar-daire { width: 50px; height: 50px; display: grid; place-items: center; background: #fff; border-radius: 50%; }
.bar-daire.pembe { background: var(--pembe); }
.bar-daire .ikon { width: 18px; height: 18px; }
.bar-not { margin-left: auto; height: 50px; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; background: rgba(42, 34, 38, .78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; border-radius: 999px; font-size: 13.5px; font-weight: 500; white-space: nowrap; }
.bar-not i { width: 4px; height: 4px; border-radius: 50%; background: var(--pembe); }
/* Metin kartında ürün sayısı: foto kartlarındaki etiketle aynı */
.kart-sayi { font-size: 12.5px; color: var(--soluk); background: rgba(255, 255, 255, .7); padding: 6px 12px; border-radius: 999px; }

/* ---------- Ürün rafları ---------- */
.raf { margin-top: 88px; }
.raf-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.raf-baslik h2 { font-size: clamp(30px, 3.4vw, 44px); }
.urun-izgara, ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.urun-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 26px; padding: 10px; display: flex; flex-direction: column; gap: 14px; height: 100%; transition: transform .3s, box-shadow .3s; }
.urun-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.urun-gorsel { position: relative; border-radius: 19px; overflow: hidden; aspect-ratio: 1; background: var(--lila-acik); }
.ton-pembe .urun-gorsel { background: var(--pembe-acik); }
.ton-nane .urun-gorsel { background: var(--nane); }
.ton-krem .urun-gorsel { background: var(--krem); }
.urun-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.urun-kart:hover .urun-gorsel img { transform: scale(1.04); }
/* İndirim rozeti cam efekti: altındaki ürün görseli okunmaya devam eder */
.rozet { position: absolute; top: 12px; left: 12px; height: 28px; padding: 0 11px; display: grid; place-items: center; background: rgba(255, 255, 255, .55); backdrop-filter: blur(10px) saturate(1.3); -webkit-backdrop-filter: blur(10px) saturate(1.3); color: var(--koyu); border: 1px solid rgba(255, 255, 255, .7); box-shadow: 0 4px 14px rgba(40, 20, 40, .12); border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .01em; }
.urun-bilgi { padding: 0 8px 8px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.urun-ad { font-size: 15px; line-height: 1.35; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.urun-alt { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.urun-fiyat { font-family: var(--font-baslik); font-size: 19px; font-weight: 600; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.urun-fiyat del { font-size: 14px; color: #9a8f95; font-weight: 400; order: 2; }
.urun-fiyat ins { text-decoration: none; }
.sepete-ekle { width: 44px; height: 44px; flex: none; display: grid; place-items: center; background: var(--koyu); color: #fff; border-radius: 50%; transition: transform .2s, background .2s; }
.sepete-ekle:hover { transform: rotate(90deg); background: #4a3b42; }
.sepete-ekle.loading { opacity: .6; pointer-events: none; }
.sepete-ekle.added { background: #7fae6b; }
.sepete-ekle + .added_to_cart { display: none; }

/* ---------- Şeker hamuru atölyesi ---------- */
.hamur-vitrin { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin: 104px 0 24px; padding: 48px 36px 0 0; scroll-margin-top: 116px; }
.hamur-vitrin::before { content: ""; position: absolute; inset: 0 0 52px; z-index: -1; background: #edf0ee; border-radius: 6px; }
.hamur-sahne { min-width: 0; margin: 0 -32px 48px 0; }
.hamur-sahne-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 48px 20px; }
.hamur-imza { display: block; width: clamp(80px, 6.6vw, 124px); height: auto; }
.hamur-sahne-ust > span:last-child { max-width: 150px; font-size: 11px; line-height: 1.5; color: #657168; text-align: right; }
.hamur-sahne > img { width: 100%; height: auto; mix-blend-mode: multiply; -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 85%, transparent); mask-image: linear-gradient(180deg, transparent, #000 14%, #000 85%, transparent); }
.hamur-sahne figcaption { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; padding: 20px 48px 0; font-size: 12px; color: #667168; }
.hamur-sahne figcaption span { font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.hamur-panel { position: relative; min-width: 0; padding: clamp(24px, 2.5vw, 48px); border: 10px solid #fff; background: #fcfbf8; box-shadow: 0 22px 44px -18px rgba(50, 62, 52, .26), 0 3px 10px rgba(50, 62, 52, .06); }
.hamur-eyebrow { display: block; margin-bottom: 16px; color: #9d6437; font-size: 10px; font-weight: 600; letter-spacing: .18em; }
.hamur-panel-baslik h2 { font: 400 clamp(32px, 3vw, 52px)/1.08 Georgia, serif; letter-spacing: -.045em; color: #3d473f; }
.hamur-panel-baslik p { max-width: 330px; margin: 16px 0 0; color: #74776c; font-size: 13px; line-height: 1.7; }
.hamur-secici { display: grid; grid-template-columns: minmax(0, 1fr) 128px; align-items: center; gap: 18px; margin: 28px 0; }
.hamur-urun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 18px; }
.hamur-urun[hidden], .hamur-renkler[hidden] { display: none; }
.hamur-urun-gorsel { display: block; background: transparent; }
.hamur-urun-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; filter: drop-shadow(0 9px 8px rgba(61, 71, 63, .1)); transition: transform .3s; }
.hamur-urun-gorsel:hover img { transform: scale(1.04); }
.hamur-urun-metin { min-width: 0; }
.hamur-gramaj { font-size: 9px; font-weight: 500; letter-spacing: .08em; color: #7e796e; }
.hamur-urun-metin h3 { margin: 8px 0 12px; font: 400 clamp(23px, 2vw, 34px)/1.1 Georgia, serif; letter-spacing: -.025em; color: #3d473f; }
.hamur-fiyat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-size: 20px; font-weight: 600; line-height: 1.4; color: #3d473f; }
.hamur-fiyat del { color: #8a867e; font-size: 12px; font-weight: 400; }
.hamur-fiyat ins { text-decoration: none; }
.hamur-incele { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; margin-top: 18px; padding: 10px 14px; background: #a85826; color: #fff; font-size: 11px; font-weight: 600; border-radius: 3px; transition: background .2s; }
.hamur-incele:hover { background: #88451c; }
.hamur-incele .ikon { width: 15px; height: 15px; }
.hamur-renkler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 10px 5px; background: #fff; box-shadow: 0 8px 24px rgba(67, 72, 61, .07); border-radius: 6px; }
.hamur-renkler-baslik { grid-column: 1 / -1; padding: 2px 0 6px; text-align: center; color: #888277; font-size: 8px; letter-spacing: .12em; }
.hamur-renk { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 49px; padding: 5px 2px; border: 0; background: transparent; color: #76796f; font-size: 9px; line-height: 1; cursor: pointer; border-radius: 3px; }
.hamur-renk:hover { background: #faf7f0; }
.hamur-renk-nokta { display: block; width: 20px; height: 20px; border-radius: 50%; background: var(--hamur-renk); border: 1px solid rgba(61, 71, 63, .1); }
.hamur-renk[aria-pressed=true] { color: #3d473f; font-weight: 600; }
.hamur-renk[aria-pressed=true] .hamur-renk-nokta { outline: 1px solid #3d473f; outline-offset: 3px; }
.hamur-panel-alt { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid #e7e5dc; padding-top: 20px; }
.hamur-panel-alt > span { font-size: 11px; color: #76796f; }
.hamur-panel-alt a { display: inline-flex; align-items: center; gap: 8px; color: #704b2e; font-size: 11px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.hamur-panel-alt .ikon { width: 15px; height: 15px; }
@media (min-width: 901px) {
  /* Logo sahnenin içinde kalır; kart zeminden bağımsız olarak aşağı taşar. */
  .hamur-vitrin { align-items: start; }
  .hamur-vitrin::before { bottom: 112px; }
  .hamur-sahne { position: absolute; inset: 0 auto 112px 0; width: calc(50% + 14px); margin: 0; }
  .hamur-sahne-ust { position: absolute; z-index: 1; inset: 24px 0 auto; padding: 0 48px; }
  .hamur-imza { width: clamp(72px, 5vw, 96px); }
  .hamur-sahne > img { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 100%; height: auto; max-height: 100%; object-fit: cover; }
  .hamur-sahne figcaption { position: absolute; inset: auto 0 20px; padding: 0 48px; }
  .hamur-panel { grid-column: 2; }
}
@media (min-width: 1600px) {
  .hamur-panel { margin: 16px 28px 0 0; }
  .hamur-secici { grid-template-columns: minmax(0, 1fr) 150px; gap: 32px; }
  .hamur-urun { gap: 28px; }
  .hamur-gramaj, .hamur-incele, .hamur-panel-alt a { font-size: 13px; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  .hamur-vitrin { grid-template-columns: .8fr 1fr; padding-right: 24px; }
  .hamur-sahne { width: calc(44.444% + 18px); }
  .hamur-panel { padding: 24px; }
  .hamur-secici, .hamur-urun { gap: 12px; }
  .hamur-sahne-ust { padding-inline: 28px; }
}
@media (max-width: 900px) {
  .hamur-vitrin { grid-template-columns: 1fr; margin-top: 64px; padding: 28px 18px 0; }
  .hamur-vitrin::before { bottom: 48px; }
  .hamur-sahne { margin: 0 -18px; }
  .hamur-sahne-ust { padding: 0 28px 10px; }
  .hamur-imza { width: 76px; }
  .hamur-sahne > img { max-height: 480px; object-fit: cover; }
  .hamur-sahne figcaption { padding: 14px 28px 24px; }
  .hamur-panel { padding: 26px 22px; border-width: 8px; }
  .hamur-panel-baslik h2 { font-size: clamp(32px, 6vw, 48px); }
  .hamur-secici { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 24px 0; }
  .hamur-urun { gap: 18px; }
  .hamur-urun-gorsel { max-width: 260px; }
  .hamur-renkler { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 10px 5px; }
  .hamur-renkler-baslik { display: none; }
  .hamur-renk { min-width: 36px; flex: 1; min-height: 52px; }
}
@media (max-width: 380px) {
  .hamur-vitrin { padding-inline: 10px; }
  .hamur-sahne { margin-inline: -10px; }
  .hamur-panel { padding: 22px 14px; border-width: 6px; }
  .hamur-incele { gap: 6px; padding-inline: 10px; }
}

/* ---------- Güven şeridi ---------- */
.guven { margin: 88px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.guven div { padding: 26px 26px; border-radius: 24px; background: #faf8fb; border: 1px solid var(--cizgi); display: grid; grid-template-columns: auto 1fr; column-gap: 16px; row-gap: 2px; align-items: center; }
.guven .ikon { grid-row: span 2; width: 48px; height: 48px; padding: 12px; border-radius: 50%; background: var(--lila); }
.guven b { font-family: var(--font-baslik); font-weight: 600; font-size: 17px; }
.guven span { font-size: 14px; color: var(--soluk); }

/* ---------- Alt bilgi ---------- */
.alt { max-width: var(--kap); margin: 88px auto var(--kenar); padding: 0 var(--kenar); }
.alt-kart { padding: 56px 56px 44px; border-radius: var(--r-buyuk); background: linear-gradient(120deg, #f4eff9 0%, #f9eef2 100%); display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; }
.alt-marka img { width: 168px; height: auto; }
.alt-marka p { color: #5b4f55; font-size: 15px; max-width: 320px; }
.alt-ig { display: inline-flex; height: 40px; align-items: center; padding: 0 16px; border-radius: 999px; background: #fff; font-weight: 500; font-size: 14px; }
.alt-sutun h3 { font-size: 16px; margin-bottom: 14px; }
.alt-sutun ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.alt-sutun a { font-size: 15px; color: #5b4f55; }
.alt-sutun a:hover { color: var(--yazi); }
.alt-cizgi { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; padding: 20px 8px 0; font-size: 13px; color: #8a7f85; }
.alt-imza { color: #8a7f85; border-bottom: 1px solid rgba(138, 127, 133, .4); padding-bottom: 1px; transition: color .2s, border-color .2s; }
.alt-imza:hover { color: var(--yazi); border-color: var(--yazi); }

/* ---------- Sayfa ve WooCommerce ---------- */
.sayfa-kutu { padding: 40px 0 0; }
.yazi h1 { font-size: clamp(34px, 4vw, 52px); margin-bottom: 28px; }
.yazi-icerik { max-width: 820px; }
.wc-sayfa .yazi-icerik { max-width: none; }
.kirinti { font-size: 14px; color: var(--soluk); margin: 24px 0 18px; }
.kirinti .ayrac { margin: 0 8px; opacity: .5; }
.woocommerce-products-header__title { font-size: clamp(36px, 4.4vw, 60px); margin-bottom: 8px; }
.term-description { color: var(--soluk); max-width: 700px; }
.cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 26px; }
.cip { height: 40px; padding: 0 16px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; background: var(--lila-acik); font-size: 14px; font-weight: 500; }
.cip small { color: var(--soluk); }
.cip.secili { background: var(--koyu); color: #fff; }
.cip.secili small { color: #cfc5ca; }
.liste-arac { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin: 0 0 24px; }
.woocommerce-result-count { color: var(--soluk); font-size: 14px; margin: 0; }
.woocommerce-ordering { margin: 0 0 0 auto; }
.tema-filtre select, .woocommerce-ordering select { height: 46px; padding: 0 40px 0 16px; border-radius: 999px; font-weight: 500; appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2226' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat; cursor: pointer; }
.tema-filtre select { background-color: var(--lila-acik); border-color: transparent; }
.woocommerce-ordering select, .wc-sayfa select, .wc-sayfa input.input-text, .wc-sayfa textarea, .wc-sayfa input[type=text], .wc-sayfa input[type=email], .wc-sayfa input[type=tel], .wc-sayfa input[type=password], .wc-sayfa input[type=number] { font: inherit; height: 48px; padding: 0 16px; border: 1.5px solid #e1d9de; border-radius: 14px; background: #fff; color: var(--yazi); }
.wc-sayfa textarea { height: auto; padding: 12px 16px; }
ul.products { list-style: none; padding: 0; margin: 0; clear: both; }
ul.products::before, ul.products::after { display: none !important; }
ul.products li.product { margin: 0 !important; padding: 0; width: auto !important; float: none !important; }
.woocommerce-pagination ul { list-style: none; display: flex; gap: 8px; justify-content: center; padding: 0; margin: 48px 0 0; }
.woocommerce-pagination a, .woocommerce-pagination span { min-width: 44px; height: 44px; padding: 0 10px; display: grid; place-items: center; border-radius: 999px; background: var(--lila-acik); font-weight: 500; }
.woocommerce-pagination .current { background: var(--koyu); color: #fff; }
.wc-sayfa .button, .wc-sayfa button.button, .wc-sayfa input.button, .wc-sayfa a.button, .single_add_to_cart_button, .checkout-button, #place_order { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--koyu); color: #fff; font: 500 15px var(--font-govde); cursor: pointer; transition: transform .2s, box-shadow .2s; }
.wc-sayfa .button:hover, .single_add_to_cart_button:hover { transform: translateY(-2px); box-shadow: var(--golge); }
.woocommerce-message, .woocommerce-info, .woocommerce-error { list-style: none; padding: 16px 20px; margin: 0 0 24px; border-radius: 18px; background: var(--nane); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.woocommerce-error { background: #f8dde3; }
.woocommerce-info { background: var(--lila-acik); }

/* Ürün detayı */
.single-product { --ust-yuk: 100px; --galeri-boy: calc(100vh - var(--ust-yuk) - 100px); }
.single-product div.product { display: grid; grid-template-columns: minmax(300px, min(var(--galeri-boy), 58%)) minmax(0, 1fr); gap: clamp(32px, 4vw, 64px); align-items: start; }
.galeri-kutu { align-self: stretch; min-width: 0; }
.single-product div.product .woocommerce-product-gallery { position: sticky; top: calc(var(--ust-yuk) + 16px); height: var(--galeri-boy); border-radius: 30px; overflow: hidden; background: var(--lila-acik); }
.woocommerce-product-gallery__wrapper { height: 100%; margin: 0; position: relative; }
.woocommerce-product-gallery__image { display: none; height: 100%; }
.woocommerce-product-gallery__image.aktif, .woocommerce-product-gallery__wrapper:not(:has(.woocommerce-product-gallery__image.aktif)) .woocommerce-product-gallery__image:first-child { display: block; }
.woocommerce-product-gallery__image { position: relative; overflow: hidden; }
.woocommerce-product-gallery__image::before { content: ""; position: absolute; inset: -30px; background: var(--arka, none) center / cover no-repeat; filter: blur(30px) saturate(1.15); opacity: .9; }
.woocommerce-product-gallery__image a { display: block; height: 100%; position: relative; z-index: 1; }
.woocommerce-product-gallery__image img { width: 100%; height: 100%; object-fit: contain; }
.woocommerce-product-gallery .rozet { position: absolute; z-index: 6; top: 18px; left: 18px; }
.galeri-kucukler { position: absolute; z-index: 6; left: 14px; bottom: 14px; display: flex; gap: 8px; padding: 6px; background: rgba(255, 255, 255, .78); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 18px; }
.galeri-kucuk { width: 56px; height: 56px; padding: 0; border: 2px solid transparent; border-radius: 13px; overflow: hidden; background: #fff; cursor: pointer; opacity: .75; transition: opacity .2s, border-color .2s; }
.galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; }
.galeri-kucuk:hover, .galeri-kucuk.aktif { opacity: 1; }
.galeri-kucuk.aktif { border-color: var(--koyu); }
.single-product .woocommerce-product-gallery__trigger { position: absolute; top: 16px; right: 16px; z-index: 5; width: 44px; height: 44px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 0; }
.single-product .woocommerce-product-gallery__trigger::before { content: "⤢"; font-size: 18px; }
.single-product .flex-control-thumbs { list-style: none; display: flex; gap: 10px; padding: 12px; margin: 0; }
.single-product .flex-control-thumbs li { width: 78px; }
.single-product .flex-control-thumbs img { border-radius: 14px; cursor: pointer; opacity: .6; }
.single-product .flex-control-thumbs img.flex-active { opacity: 1; }
.single-product .summary { display: flex; flex-direction: column; gap: 18px; padding-top: 6px; }
.single-product .product_title { font-size: clamp(30px, 3.2vw, 44px); }
.single-product .summary .price { font-family: var(--font-baslik); font-size: 30px; font-weight: 600; margin: 0; display: flex; gap: 12px; align-items: baseline; }
.single-product .summary .price del { font-size: 20px; color: #9a8f95; order: 2; font-weight: 400; }
.single-product .summary .price ins { text-decoration: none; }
.woocommerce-product-details__short-description { color: #5b4f55; }
.single-product form.cart { display: flex; gap: 12px; align-items: center; padding: 18px; border-radius: 24px; background: linear-gradient(100deg, #fbf1c9 0%, #f8e2d3 48%, #f0c3d7 100%); }
.single-product form.cart .quantity input { width: 84px; height: 52px; text-align: center; border-radius: 999px; border: 0; font: 600 16px var(--font-govde); }
.single-product form.cart .single_add_to_cart_button { flex: 1; }
.product_meta { font-size: 14px; color: var(--soluk); display: flex; flex-direction: column; gap: 4px; }
.product_meta a { text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-tabs { grid-column: 1 / -1; margin-top: 24px; }
.woocommerce-tabs ul.tabs { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0 0 20px; }
.woocommerce-tabs ul.tabs li a { height: 44px; padding: 0 20px; display: inline-flex; align-items: center; border-radius: 999px; background: var(--lila-acik); font-weight: 500; }
.woocommerce-tabs ul.tabs li.active a { background: var(--koyu); color: #fff; }
.woocommerce-tabs .panel { padding: 32px; border-radius: 28px; background: #faf8fb; border: 1px solid var(--cizgi); }
.woocommerce-tabs .panel h2:first-child { display: none; }
.related, .upsells { grid-column: 1 / -1; margin-top: 56px; }
.related > h2, .upsells > h2 { font-size: 36px; margin-bottom: 24px; }

/* Sepet ve ödeme */
.wc-sayfa table.shop_table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--cizgi); border-radius: 24px; overflow: hidden; }
.wc-sayfa table.shop_table th, .wc-sayfa table.shop_table td { padding: 16px 18px; border-bottom: 1px solid var(--cizgi); text-align: left; }
.wc-sayfa table.shop_table tr:last-child td { border-bottom: 0; }
.wc-sayfa table.shop_table img { width: 72px; border-radius: 14px; }
.wc-sayfa .cart-collaterals { margin-top: 32px; display: flex; justify-content: flex-end; }
.wc-sayfa .cart_totals { width: min(460px, 100%); padding: 28px; border-radius: 28px; background: linear-gradient(135deg, #fbf1c9 0%, #f6d9df 100%); }
.wc-sayfa .cart_totals table.shop_table { border: 0; background: rgba(255, 255, 255, .6); }
.wc-sayfa .coupon { display: flex; gap: 8px; }
.wc-sayfa .form-row { margin: 0 0 16px; display: flex; flex-direction: column; gap: 6px; }
.wc-sayfa .form-row label { font-size: 14px; font-weight: 500; }
.wc-sayfa .form-row input:not([type=checkbox]):not([type=radio]), .wc-sayfa .form-row select { width: 100%; }
.wc-sayfa .password-input { position: relative; display: block; }
.wc-sayfa .show-password-input { position: absolute; right: 12px; top: 50%; width: 32px; height: 32px; transform: translateY(-50%); border-radius: 50%; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6469' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat; }
.wc-sayfa .show-password-input.display-password { background-color: var(--lila-acik); }
.wc-sayfa .password-input input { padding-right: 50px; }
.woocommerce-checkout .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
#order_review { padding: 28px; border-radius: 28px; background: #faf8fb; border: 1px solid var(--cizgi); }
#payment ul.payment_methods { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; }
#payment ul.payment_methods li { padding: 14px 18px; background: #fff; border-radius: 16px; border: 1px solid var(--cizgi); }

/* Ana sayfa rafları her genişlikte tam sıra kalsın */
.iki-sira > :nth-child(n+9), .tek-sira > :nth-child(n+5) { display: none; }
@media (min-width: 1500px) { .iki-sira > :nth-child(-n+10), .tek-sira > :nth-child(5) { display: flex; } }
@media (min-width: 1900px) { .iki-sira > :nth-child(-n+12), .tek-sira > :nth-child(-n+6) { display: flex; } }
@media (max-width: 1100px) { .iki-sira > :nth-child(n+7), .tek-sira > :nth-child(n+4) { display: none; } }
@media (max-width: 900px) { .iki-sira > :nth-child(-n+8), .tek-sira > :nth-child(4) { display: flex; } }

/* ---------- Geniş ekran ---------- */
@media (min-width: 1500px) {
  .urun-izgara, ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 1900px) {
  .urun-izgara, ul.products { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
  .ana-menu ul { gap: 22px; }
  .urun-izgara, ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .alt-kart { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .ust-kart { grid-template-columns: 1fr auto; padding: 14px 16px; gap: 12px; }
  .logo img { width: 104px; }
  .ana-menu { display: none; }
  .mobil-ac { display: grid; }
  .sepet-dugme span:not(.sepet-adet) { display: none; }
  .sepet-dugme { padding: 0 8px 0 14px; }
  .icerik { padding: 4px 16px 0; }
  .vitrin { grid-template-columns: 1fr; min-height: 0; border-radius: 28px; }
  .vitrin-metin { padding: 44px 28px 0; }
  .vitrin-sahne { min-height: 0; height: auto; aspect-ratio: 1; }
  .sahne-atolye { padding: 14px 18px 22px; }
  .sahne-pasta { right: 50%; transform: translate(50%, -50%) rotate(-4deg); width: 260px; animation: none; }
  .m1 { width: 100px; } .m2 { width: 84px; right: 2%; } .m3 { width: 72px; } .m4 { width: 80px; }
  .kategori-izgara { grid-template-columns: 1fr 1fr; margin-top: 32px; gap: 14px; }
  .kolon { display: contents; }
  .kart-metin { grid-column: 1 / -1; min-height: 0; }
  .kart-metin.zemin-gecis { grid-column: auto; padding: 22px 18px; gap: 8px; }
  .kart-metin.zemin-gecis h2 { font-size: 22px; }
  .kart-metin.zemin-gecis p { font-size: 13.5px; }
  .kart-foto.buyuk { grid-column: 1 / -1; height: 320px; }
  .kart-foto, .kart-foto.uzun, .kolon:nth-child(3) .kart-foto.uzun { height: 240px; }
  /* Foto kartı etiketi telefonda tek düze: ikon + tam ad üstte, ürün sayısı altta; her kartta aynı yükseklik */
  .kart-etiket { flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; left: 10px; right: 10px; bottom: 10px; height: 74px; border-radius: 18px; padding: 8px 12px; }
  .kart-etiket b { font-size: 14px; gap: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .kart-etiket b .tam { display: none; } .kart-etiket b .kisa { display: inline; } /* dar kartta kısa ad; kesik yazı olmaz */
  .kart-etiket b .ikon, .kart-metin h2 .ikon { width: 26px; height: 26px; padding: 5px; flex: none; }
  .kart-etiket small { font-size: 11.5px; padding: 4px 9px; white-space: nowrap; margin-left: 34px; }
  .bar-daire { display: none; }
  .kart-bar { flex-wrap: wrap; gap: 8px; left: 14px; right: 14px; bottom: 14px; }
  .bar-hap { height: 44px; padding: 0 14px; font-size: 14px; white-space: nowrap; }
  .bar-not { margin-left: 0; }
  .bar-not { height: 44px; padding: 0 14px; font-size: 12.5px; }
  .bar-hap { height: 44px; }
  .raf, .guven { margin-top: 56px; }
  .urun-izgara, ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .urun-kart { border-radius: 20px; padding: 7px; }
  .urun-gorsel { border-radius: 15px; }
  .urun-bilgi { padding: 0 5px 5px; }
  .urun-ad { font-size: 14px; }
  .urun-fiyat { font-size: 16px; }
  .sepete-ekle { width: 38px; height: 38px; }
  .guven { grid-template-columns: 1fr; }
  .alt { padding: 0 16px; margin-top: 56px; }
  .alt-kart { padding: 30px 20px 26px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
  .alt-marka { grid-column: 1 / -1; }
  .alt-marka p { font-size: 14px; }
  .alt-sutun h3.kicker { font-size: 11px; gap: 6px; margin-bottom: 12px; }
  .alt-sutun h3.kicker .serpinti { width: 20px; height: 12px; }
  .alt-sutun ul { gap: 7px; }
  .alt-sutun a { font-size: 13.5px; line-height: 1.3; overflow-wrap: anywhere; }
  .alt-cizgi { flex-direction: column; align-items: flex-start; gap: 8px; padding-top: 16px; }
  .single-product div.product { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .single-product div.product .woocommerce-product-gallery { position: static; height: auto; aspect-ratio: 1; border-radius: 22px; }
  .galeri-kucuk { width: 48px; height: 48px; }
  .woocommerce-checkout .col2-set { grid-template-columns: 1fr; }
  .raf-baslik { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ---------- WooCommerce: varsayılan CSS kapalı, eksikleri burada ---------- */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.woocommerce-product-gallery { opacity: 1 !important; }
.woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce-product-gallery__image img { width: 100%; }
.single-product div.product > .rozet { position: absolute; z-index: 6; top: 18px; left: 18px; }
.single-product div.product { position: relative; }
.single-product .summary > * { margin: 0; }
.quantity { display: inline-flex; }
.detay-guven { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; color: #5b4f55; }
.detay-guven li { display: flex; align-items: center; gap: 10px; }
.detay-guven .ikon { width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--lila-acik); }
.woocommerce-tabs ul.tabs li { margin: 0; }
.woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after, .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce-Tabs-panel p:first-child { margin-top: 0; }
.stars a { color: var(--pembe); }
.col2-set .col-1, .col2-set .col-2 { width: auto; float: none; }
.form-row-first, .form-row-last { width: auto; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
.woocommerce-billing-fields__field-wrapper .form-row-wide, .woocommerce-shipping-fields__field-wrapper .form-row-wide, .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; }
.wc-sayfa .required { color: #c0506f; text-decoration: none; }
form.checkout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; }
.woocommerce-checkout .col2-set { grid-template-columns: 1fr; gap: 0; }
.woocommerce-checkout #order_review_heading { display: none; }
.woocommerce-checkout #order_review { position: sticky; top: 110px; }
form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.woocommerce-form-coupon-toggle .woocommerce-info { justify-content: flex-start; }
.checkout_coupon { display: flex; gap: 10px; align-items: center; margin-bottom: 24px; }
.checkout_coupon .form-row { margin: 0; }
.woocommerce-message:focus, .woocommerce-info:focus, .woocommerce-error:focus, .woocommerce-notices-wrapper:focus { outline: none; }
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, .cart_totals h2 { font-size: 24px; margin-bottom: 18px; }
.woocommerce-additional-fields textarea { width: 100%; min-height: 110px; }
#order_review table.shop_table { border: 0; background: #fff; }
#order_review .product-name { width: 70%; }
#order_review table.shop_table th { white-space: nowrap; font-size: 12px; }
#payment .payment_box { font-size: 14px; color: var(--soluk); padding-top: 6px; }
#payment .place-order { margin-top: 18px; display: flex; flex-direction: column; gap: 14px; }
#place_order { width: 100%; height: 58px; font-size: 16px; }
.woocommerce-terms-and-conditions-wrapper { font-size: 13px; color: var(--soluk); }
.wc-sayfa table.shop_table .product-remove a { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--lila-acik); font-size: 18px; }
.wc-sayfa table.shop_table .actions { text-align: right; }
.wc-sayfa table.shop_table .actions .coupon { float: left; }
.wc-sayfa table.shop_table .quantity input { width: 72px; height: 44px; text-align: center; border-radius: 999px; }
.wc-proceed-to-checkout .checkout-button { width: 100%; margin-top: 16px; }
.cart-empty.woocommerce-info { font-size: 18px; padding: 28px; }
.return-to-shop { margin-top: 12px; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.woocommerce-MyAccount-navigation a { height: 42px; padding: 0 18px; display: inline-flex; align-items: center; border-radius: 999px; background: var(--lila-acik); font-weight: 500; font-size: 14px; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--koyu); color: #fff; }
#customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#customer_login > div { padding: 32px; border-radius: 28px; background: #faf8fb; border: 1px solid var(--cizgi); }
#customer_login h2 { font-size: 28px; margin-bottom: 18px; }
.woocommerce-form-login__rememberme { display: flex; gap: 8px; align-items: center; margin: 10px 0; font-size: 14px; }
@media (max-width: 900px) {
  form.checkout { grid-template-columns: 1fr; }
  .woocommerce-checkout #order_review { position: static; }
  #customer_login { grid-template-columns: 1fr; }
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
  .wc-sayfa table.shop_table_responsive thead { display: none; }
  .wc-sayfa table.shop_table_responsive, .wc-sayfa table.shop_table_responsive tbody { display: block; width: 100%; }
  .wc-sayfa table.shop_table_responsive tr { display: block; border-bottom: 1px solid var(--cizgi); }
  .wc-sayfa table.shop_table_responsive td { display: block; border: 0; }
  /* sepet satırı: solda görsel, sağda ad + fiyat/adet/toplam satırları, sağ üstte sil */
  .wc-sayfa .woocommerce-cart-form__cart-item { position: relative; display: grid !important; grid-template-columns: 84px minmax(0, 1fr); grid-template-areas: "foto ad" "foto fiyat" "foto miktar" "foto toplam"; column-gap: 14px; row-gap: 6px; padding: 16px 16px 16px 14px; }
  .wc-sayfa table.shop_table .woocommerce-cart-form__cart-item td { padding: 0; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-remove { position: absolute; top: 12px; right: 12px; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-thumbnail { grid-area: foto; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-thumbnail img { width: 84px; }
  .wc-sayfa table.shop_table .woocommerce-cart-form__cart-item td.product-name { grid-area: ad; padding-right: 44px; font-weight: 500; line-height: 1.35; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-price { grid-area: fiyat; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-quantity { grid-area: miktar; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-subtotal { grid-area: toplam; font-weight: 600; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-price, .wc-sayfa .woocommerce-cart-form__cart-item .product-quantity, .wc-sayfa .woocommerce-cart-form__cart-item .product-subtotal { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 14px; }
  .wc-sayfa .woocommerce-cart-form__cart-item .product-price::before, .wc-sayfa .woocommerce-cart-form__cart-item .product-quantity::before, .wc-sayfa .woocommerce-cart-form__cart-item .product-subtotal::before { content: attr(data-title); color: var(--soluk); font-weight: 400; }
  .wc-sayfa table.shop_table .quantity input { width: 64px; height: 38px; }
  /* kupon + güncelle satırı */
  .wc-sayfa table.shop_table td.actions { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; text-align: left; }
  .wc-sayfa table.shop_table .actions .coupon { float: none; display: flex; gap: 8px; margin: 0; }
  .wc-sayfa table.shop_table .actions .coupon input.input-text { flex: 1; min-width: 0; }
  .wc-sayfa table.shop_table .actions .coupon .button, .wc-sayfa table.shop_table .actions > .button { white-space: nowrap; }
  .wc-sayfa table.shop_table .actions > .button { width: 100%; }
  /* sepet özeti: etiket solda, tutar sağda, çift etiket yok */
  .wc-sayfa .cart_totals table.shop_table_responsive tr { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; }
  .wc-sayfa .cart_totals table.shop_table_responsive th, .wc-sayfa .cart_totals table.shop_table_responsive td { padding: 0; border: 0; }
  .wc-sayfa .cart_totals table.shop_table_responsive td::before { content: none; }
}
.single-product form.cart { flex-wrap: nowrap; } .single-product form.cart > * { margin: 0; }
.wc-sayfa .select2-container .select2-selection--single { height: 48px; border: 1.5px solid #e1d9de; border-radius: 14px; display: flex; align-items: center; padding: 0 8px; }
.wc-sayfa .select2-container .select2-selection__arrow { height: 46px; right: 10px; }
.select2-dropdown { border: 1.5px solid #e1d9de; border-radius: 14px; overflow: hidden; }

/* ---------- Başlıklar: kicker + serpinti + sıkı başlık ---------- */
h1, h2 { font-weight: 700; letter-spacing: -.035em; }
.kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0; font: 600 12.5px/1 var(--font-govde); letter-spacing: .14em; text-transform: uppercase; color: #8a6f8f; }
.serpinti { width: 26px; height: 16px; flex: none; }
.bolum-baslik { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.bolum-baslik h1, .bolum-baslik h2 { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.02; }
.bolum-baslik .alt-satir { margin: 0; max-width: 560px; font-size: 16px; line-height: 1.5; color: var(--soluk); }
.raf-baslik { padding-bottom: 26px; border-bottom: 1px solid var(--cizgi); }
.vitrin-metin .kicker { color: #7a5a6e; }
.kart-metin .kicker { margin-bottom: 2px; }
.magaza-baslik { margin: 8px 0 12px; }
/* Kategori başlığı: Dr-Paste atölye videosu arka planda */
.kategori-vitrin { position: relative; isolation: isolate; overflow: hidden; margin: calc(-1 * var(--ust-yuk, 100px) - 8px) calc(-1 * var(--kenar)) 26px; min-height: clamp(440px, 42vw, 600px); padding: calc(var(--ust-yuk, 100px) + 40px) clamp(28px, 4vw, 64px) clamp(36px, 4vw, 60px); display: flex; align-items: flex-end; justify-content: center; text-align: center; border-radius: 0; background: #2a2226 center / cover no-repeat; color: #fff; }
/* Metin kendi katmanında: Safari videoyu düz metnin üstüne çizebiliyor (yazı sonradan beliriyordu) */
.kategori-vitrin .vitrin-metin { position: relative; z-index: 2; transform: translateZ(0); display: flex; flex-direction: column; align-items: center; gap: 18px; }
.kategori-vitrin .video-dugme { z-index: 3; }
.kategori-vitrin .bolum-baslik { align-items: center; }
.kategori-vitrin .magaza-baslik h1 { font-size: clamp(40px, 5vw, 76px); }
.kategori-vitrin .kirinti { margin: 0; color: rgba(255, 255, 255, .7); }
.kategori-vitrin .kirinti a { color: rgba(255, 255, 255, .85); }
.kategori-vitrin .kirinti a:hover { color: #fff; }
/* Menü videonun üstünde: şeffaf, beyaz yazı; kaydırılınca (.dolu) ya da mobil menü açıkken normal */
.video-baslik .ust { transition: background .3s, box-shadow .3s; }
.video-baslik .ust:not(.dolu) { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.video-baslik .ust:not(.dolu) .logo img { filter: brightness(0) invert(1); }
.video-baslik .ust:not(.dolu) .ana-menu a, .video-baslik .ust:not(.dolu) .ikon-dugme { color: #fff; }
.video-baslik .ust:not(.dolu) .ikon-dugme:hover { background: rgba(255, 255, 255, .18); }
.video-baslik .ust:not(.dolu) .sepet-dugme { background: #fff; color: var(--koyu); }
.video-baslik .ust:not(.dolu) .arama-katman form { background: #fff; }

.kategori-vitrin .vitrin-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.kategori-vitrin .vitrin-ort { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(30, 20, 26, .6) 0%, transparent 32%), linear-gradient(0deg, rgba(30, 20, 26, .78) 0%, rgba(30, 20, 26, .4) 42%, rgba(30, 20, 26, .12) 100%); }
.kategori-vitrin .magaza-baslik { margin: 0; max-width: 820px; }
.kategori-vitrin .kicker { color: #f3d7e3; }
.kategori-vitrin h1 { color: #fff; }
.kategori-vitrin .alt-satir { color: rgba(255, 255, 255, .82); }
.video-dugme { position: absolute; right: 18px; bottom: 18px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; cursor: pointer; transition: background .2s; }
.video-dugme:hover { background: rgba(255, 255, 255, .32); }
.video-dugme .ikon { width: 18px; height: 18px; }
.video-dugme .ikon:last-child, .kategori-vitrin.durdu .video-dugme .ikon:first-child { display: none; }
.kategori-vitrin.durdu .video-dugme .ikon:last-child { display: block; }
@media (prefers-reduced-motion: reduce) { .kategori-vitrin .vitrin-video { display: none; } }
@media (max-width: 900px) {
  .kategori-vitrin { min-height: 380px; padding: calc(var(--ust-yuk, 80px) + 24px) 18px 22px; border-radius: 0; margin: calc(-1 * var(--ust-yuk, 80px) - 4px) -16px 18px; }
  .kategori-vitrin .vitrin-metin { gap: 12px; }
  .kategori-vitrin .magaza-baslik h1 { font-size: clamp(28px, 8vw, 38px); }
  .video-dugme { right: 12px; top: calc(var(--ust-yuk, 80px) + 10px); bottom: auto; width: 38px; height: 38px; }
}
.magaza-baslik h1 { font-size: clamp(36px, 4.4vw, 64px); }
.single-product .summary .kicker { margin-bottom: -4px; }
.related-baslik { grid-column: 1 / -1; margin-top: 56px; padding-bottom: 22px; border-bottom: 1px solid var(--cizgi); }
.related { margin-top: 28px !important; }
.alt-sutun h3.kicker { font-size: 12px; margin-bottom: 16px; color: #7d6f86; }
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, .cart_totals h2 { letter-spacing: -.02em; }
/* Hamur paneli: renk notu ve özellik çipleri */
.hamur-not { margin: 0 0 12px; max-width: 300px; font-size: 13px; line-height: 1.55; color: #6b6f66; }
.hamur-ozellik { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.hamur-ozellik li { padding: 4px 10px; border-radius: 999px; background: #f1efe8; font-size: 11px; font-weight: 500; color: #5c6057; }
.hamur-urun-metin h3 { margin-bottom: 8px; }
@media (max-width: 900px) {
  .bolum-baslik h1, .bolum-baslik h2 { font-size: clamp(30px, 8vw, 40px); }
  .vitrin-metin .kicker { max-width: calc(100% - 64px); flex-wrap: wrap; font-size: 11px; letter-spacing: .1em; line-height: 1.6; }
  .magaza-baslik h1 { font-size: clamp(32px, 9vw, 44px); }
  .raf-baslik { padding-bottom: 20px; }
  .liste-arac { gap: 10px; }
  .tema-filtre, .woocommerce-ordering { flex: 1 1 calc(50% - 5px); }
  .tema-filtre select, .woocommerce-ordering select { width: 100%; }
  .woocommerce-result-count { order: 3; flex-basis: 100%; }
}

/* ---------- Ürün sayfası: kısa açıklama ve açılır bölümler ---------- */
.urun-kisa { font-size: 16px; line-height: 1.6; color: #4a4045; max-width: 560px; }
.akordeon { margin-top: 10px; border-top: 1px solid var(--cizgi); }
.akordeon details { border-bottom: 1px solid var(--cizgi); }
.akordeon summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 2px; font: 600 16px/1.2 var(--font-baslik); letter-spacing: -.01em; color: var(--yazi); transition: color .2s; }
.akordeon summary::-webkit-details-marker { display: none; }
.akordeon summary:hover { color: #7a5a6e; }
.akordeon summary .ikon { width: 30px; height: 30px; padding: 7px; flex: none; border-radius: 50%; background: var(--lila-acik); transition: transform .3s, background .2s; }
.akordeon details[open] summary .ikon { transform: rotate(180deg); background: var(--pembe-acik); }
.akordeon .icerik { padding: 0 2px 22px; font-size: 14.5px; line-height: 1.65; color: #4a4045; }
.akordeon .icerik p { margin: 0 0 12px; }
.akordeon .icerik p:last-child { margin-bottom: 0; }
.akordeon .urun-aciklama > p:first-child strong { display: none; }
.akordeon .urun-aciklama h2, .akordeon .urun-aciklama h3 { font-size: 15px; margin: 14px 0 6px; }
.akordeon .madde { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.akordeon .madde li { position: relative; padding-left: 18px; }
.akordeon .madde li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--pembe); }
.akordeon-baglanti { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; font-weight: 600; color: #7a5a6e; border-bottom: 1px solid currentColor; padding-bottom: 1px; }
.akordeon-baglanti .ikon { width: 16px; height: 16px; }
.akordeon #reviews .woocommerce-Reviews-title, .akordeon #reviews .comment-reply-title { font-size: 15px; font-family: var(--font-baslik); }
.akordeon #reviews .woocommerce-noreviews { margin: 0 0 14px; }
.akordeon .comment-form { display: flex; flex-direction: column; gap: 12px; }
.akordeon .comment-form p { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.akordeon .comment-form label { font-size: 13px; font-weight: 500; }
.akordeon .comment-form textarea, .akordeon .comment-form input[type=text], .akordeon .comment-form input[type=email] { font: inherit; padding: 10px 14px; border: 1.5px solid #e1d9de; border-radius: 14px; background: #fff; }
.akordeon .comment-form .stars a { font-size: 0; }
.akordeon .comment-form .submit { align-self: flex-start; }
.akordeon .commentlist { list-style: none; padding: 0; margin: 0 0 18px; }
.akordeon .commentlist li { padding: 12px 0; border-bottom: 1px dashed var(--cizgi); }

/* ---------- Ürün sayfası: menü zemini lila ---------- */
.single-product .ust { background: rgba(233, 227, 244, .92); }
.single-product .ust .ikon-dugme:hover { background: rgba(255, 255, 255, .7); }

/* ---------- Kaydırak: sürüklenerek kayan ürün şeridi (ilgili ürünler) ---------- */
.kaydirak { position: relative; }
.related-kaydirak { grid-column: 1 / -1; min-width: 0; }
.single-product div.product > * { min-width: 0; }
.kaydirak ul.products { display: flex !important; grid-template-columns: none; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 2px; padding: 4px 2px 12px; margin: 0 -2px; cursor: grab; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.kaydirak ul.products::-webkit-scrollbar { display: none; }
.kaydirak ul.products.suruklendi { cursor: grabbing; scroll-snap-type: none; }
.kaydirak ul.products.suruklendi a, .kaydirak ul.products.suruklendi img { pointer-events: none; }
.kaydirak ul.products li.product { flex: 0 0 clamp(230px, 22vw, 300px); scroll-snap-align: start; }
.kaydirak ul.products img { -webkit-user-drag: none; user-select: none; }
.kaydirak::after { content: ""; position: absolute; top: 0; right: 0; bottom: 12px; width: 72px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--zemin)); opacity: 1; transition: opacity .2s; }
.kaydirak.sonda::after { opacity: 0; }
.kaydirak-oklar { position: absolute; top: -70px; right: 0; display: flex; gap: 8px; }
.kaydirak-oklar button { width: 44px; height: 44px; border: 1.5px solid var(--koyu); border-radius: 50%; background: #fff; color: var(--koyu); cursor: pointer; display: grid; place-items: center; transition: background .2s, color .2s, opacity .2s; }
.kaydirak-oklar button:hover { background: var(--koyu); color: #fff; }
.kaydirak-oklar button[disabled] { opacity: .3; cursor: default; }
.kaydirak-oklar button:first-child .ikon { transform: rotate(180deg); }
.kaydirak-oklar .ikon { width: 18px; height: 18px; }
@media (max-width: 900px) {
  .kaydirak ul.products li.product { flex-basis: 66vw; }
  .kaydirak ul.products { gap: 12px; }
  .kaydirak-oklar { display: none; }
  .kaydirak::after { width: 40px; }
}

/* ---------- Yazı sayfaları: yasal metinler ve tarifler ---------- */
.yazi-icerik { font-size: 16px; line-height: 1.7; color: #3d342e; }
.yazi-icerik h2, .yazi-icerik h3, .yazi-icerik h4 { margin: 28px 0 10px; }
.yazi-icerik h2 { font-size: 24px; } .yazi-icerik h3 { font-size: 19px; } .yazi-icerik h4 { font-size: 16px; }
.yazi-icerik p { margin: 0 0 14px; }
.yazi-icerik ul, .yazi-icerik ol { padding-left: 22px; margin: 0 0 14px; }
.yazi-icerik li { margin-bottom: 6px; }
.yazi-icerik a { text-decoration: underline; text-underline-offset: 3px; color: #7a5a6e; }
.yazi-icerik img { border-radius: 20px; }
.yazi-icerik u { text-decoration: none; font-weight: 600; }
.yazi-govde { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 40px; align-items: start; }
.yazi-foto { margin: 0; position: sticky; top: calc(var(--ust-yuk, 100px) + 16px); border-radius: 26px; overflow: hidden; background: var(--lila-acik); }
.yazi-foto img { width: 100%; height: auto; display: block; }
.yazi-don { margin: 40px 0 0; }
.yazi-don .ikon { transform: rotate(180deg); }

/* Tarifler listesi */
.tarif-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tarif-kart { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cizgi); border-radius: 26px; padding: 10px; transition: transform .3s, box-shadow .3s; }
.tarif-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.tarif-foto { display: block; aspect-ratio: 4 / 3; border-radius: 19px; overflow: hidden; background: var(--lila-acik); }
.tarif-foto img { width: 100%; height: 100%; object-fit: cover; }
.tarif-bilgi { padding: 16px 10px 10px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.tarif-bilgi time { font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); }
.tarif-bilgi h2 { font-size: 22px; }
.tarif-bilgi p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #5b4f55; }
.tarif-bilgi .dugme { align-self: flex-start; margin-top: auto; }

/* İletişim */
.kanal-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 36px 0 0; }
.kanal-kart { display: flex; flex-direction: column; gap: 6px; padding: 26px 24px 24px; border-radius: 26px; background: #faf8fb; border: 1px solid var(--cizgi); }
.kanal-ikon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--lila); margin-bottom: 8px; }
.kanal-whatsapp .kanal-ikon { background: #d9efd4; } .kanal-eposta .kanal-ikon { background: var(--krem); } .kanal-instagram .kanal-ikon { background: var(--pembe-acik); }
.kanal-ikon .ikon { width: 22px; height: 22px; }
.kanal-ad { font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); font-weight: 600; }
.kanal-deger { font-family: var(--font-baslik); font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
.kanal-kart p { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: #5b4f55; flex: 1; }
.kanal-kart .dugme { align-self: flex-start; }
.iletisim-form { margin-top: 72px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 48px; align-items: start; }
.iletisim-form-metin .madde { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 10px; color: #4a4045; }
.iletisim-form-metin .madde li { position: relative; padding-left: 18px; }
.iletisim-form-metin .madde li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--pembe); }
.iletisim-form-kutu { padding: 32px; border-radius: 28px; background: linear-gradient(135deg, #fbf1c9 0%, #f8e2d3 48%, #f0c3d7 100%); }
.wpcf7 form { display: flex; flex-direction: column; gap: 14px; }
.wpcf7 form > p { margin: 0; }
.wpcf7 label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 500; }
.wpcf7 .wpcf7-form-control-wrap { display: block; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 select, .wpcf7 textarea { width: 100%; font: inherit; height: 48px; padding: 0 16px; border: 1.5px solid rgba(42, 34, 38, .12); border-radius: 14px; background: #fff; color: var(--yazi); }
.wpcf7 textarea { height: 140px; padding: 12px 16px; resize: vertical; }
.wpcf7 input[type=submit] { height: 52px; padding: 0 30px; border: 0; border-radius: 999px; background: var(--koyu); color: #fff; font: 500 15px var(--font-govde); cursor: pointer; align-self: flex-start; }
.wpcf7 .wpcf7-spinner { margin: 0 0 0 12px; }
.wpcf7 .wpcf7-not-valid-tip { font-size: 12.5px; color: #c0506f; }
.wpcf7 .wpcf7-response-output { margin: 4px 0 0; padding: 12px 16px; border: 0 !important; border-radius: 14px; background: #fff; font-size: 14px; }
.wpcf7 form.sent .wpcf7-response-output { background: var(--nane); }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { background: #f8dde3; }

/* Hakkımızda */
.hakk-giris, .hakk-uretici { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; margin-top: 40px; }
.hakk-uretici { margin-top: 80px; grid-template-columns: 1fr 1.1fr; }
.hakk-metin .buyuk { font-size: clamp(19px, 1.6vw, 24px); line-height: 1.45; color: var(--yazi); font-weight: 500; }
.hakk-metin p { margin: 0 0 16px; line-height: 1.65; color: #4a4045; }
.hakk-metin .bolum-baslik { margin-bottom: 18px; }
.hakk-metin .madde { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-direction: column; gap: 8px; }
.hakk-metin .madde li { position: relative; padding-left: 18px; }
.hakk-metin .madde li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--pembe); }
.hakk-foto { margin: 0; border-radius: 30px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--lila-acik); }
.hakk-foto img { width: 100%; height: 100%; object-fit: cover; }
.hakk-sayilar { margin-top: 56px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hakk-sayilar div { padding: 24px; border-radius: 22px; background: #faf8fb; border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 4px; }
.hakk-sayilar b { font-family: var(--font-baslik); font-size: clamp(32px, 3vw, 44px); font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.hakk-sayilar span { font-size: 14px; color: var(--soluk); }
.hakk-degerler { margin-top: 80px; }
.deger-izgara { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.deger-kart { padding: 30px 28px; border-radius: 26px; display: flex; flex-direction: column; gap: 12px; }
.deger-kart > .ikon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: rgba(255, 255, 255, .7); }
.deger-kart h3 { font-size: 21px; }
.deger-kart p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #4a4045; flex: 1; }
.deger-kart a { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; }
.deger-kart a .ikon { width: 16px; height: 16px; }
.zemin-pembe { background: var(--pembe-acik); }
@media (max-width: 1100px) {
  .kanal-izgara, .hakk-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tarif-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .yazi-govde, .iletisim-form, .hakk-giris, .hakk-uretici, .deger-izgara, .tarif-izgara { grid-template-columns: 1fr; gap: 24px; }
  .yazi-foto { position: static; }
  .hakk-uretici .hakk-foto { order: -1; }
  .hakk-giris, .hakk-uretici { margin-top: 28px; }
  .hakk-sayilar { margin-top: 32px; gap: 10px; }
  .hakk-sayilar div { padding: 18px; }
  .hakk-degerler, .iletisim-form { margin-top: 48px; }
  .kanal-izgara { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .kanal-kart { padding: 20px; }
  .iletisim-form-kutu { padding: 20px; }
}

/* ---------- Sepet: tablo solda, özet sağda ---------- */
.woocommerce-cart .wc-sayfa .yazi-icerik > .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 400px); gap: 28px; align-items: start; }
.woocommerce-cart .wc-sayfa .yazi-icerik > .woocommerce:has(.cart-empty) { display: block; }
.woocommerce-cart .wc-sayfa .woocommerce-notices-wrapper, .woocommerce-cart .wc-sayfa .cart-empty, .woocommerce-cart .wc-sayfa .return-to-shop { grid-column: 1 / -1; }
.woocommerce-cart .wc-sayfa .woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-cart .wc-sayfa .cart-collaterals { margin: 0; position: sticky; top: calc(var(--ust-yuk, 100px) + 16px); }
.woocommerce-cart .wc-sayfa .cart_totals { width: 100%; }
.wc-sayfa .yazi-icerik a { text-decoration: none; }
.wc-sayfa table.shop_table .product-name a { font-weight: 500; }
.wc-sayfa table.shop_table .product-name a:hover { color: #7a5a6e; }
.wc-sayfa table.shop_table .product-remove { width: 48px; }
.wc-sayfa table.shop_table .product-thumbnail { width: 96px; }
.wc-sayfa table.shop_table th { font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); font-weight: 600; }
/* td'ye flex verilmez: hücre tablo sütunundan düşüp 52 px'e sıkışıyor. Kupon solda (float), Güncelle sağda. */
.wc-sayfa table.shop_table td.actions { display: table-cell; text-align: right; padding: 14px 18px; }
.wc-sayfa table.shop_table td.actions::after { content: ""; display: block; clear: both; }
.wc-sayfa table.shop_table td.actions .coupon { float: left; display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.wc-sayfa table.shop_table td.actions > .button { float: right; }
.wc-sayfa .cart_totals th { color: var(--soluk); font-weight: 500; }
.wc-sayfa .cart_totals .order-total th, .wc-sayfa .cart_totals .order-total td { font-size: 18px; font-weight: 700; color: var(--yazi); }
@media (max-width: 1100px) { .woocommerce-cart .wc-sayfa .yazi-icerik > .woocommerce { grid-template-columns: minmax(0, 1fr); } .woocommerce-cart .wc-sayfa .cart-collaterals { position: static; } }
.woocommerce-cart-form { min-width: 0; }

/* ---------- Tarif: satır içi ürün kartları, özet çubuğu, kullanılanlar ---------- */
.tarif-ozet { list-style: none; padding: 0; margin: -6px 0 26px; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: #5b4f55; }
.tarif-ozet li { display: flex; align-items: center; gap: 8px; }
.tarif-ozet .ikon { width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--lila-acik); }
.tarif-urunler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.tarif-urun { display: grid; grid-template-columns: 52px minmax(0, 1fr) 20px; grid-template-areas: "foto ad ok" "foto fiyat ok"; column-gap: 12px; align-items: center; padding: 8px 12px 8px 8px; border-radius: 18px; background: #faf8fb; border: 1px solid var(--cizgi); text-decoration: none !important; color: var(--yazi); transition: transform .2s, box-shadow .2s, background .2s; }
.tarif-urun:hover { background: #fff; transform: translateY(-2px); box-shadow: var(--golge); }
.tarif-urun img { grid-area: foto; width: 52px; height: 52px; object-fit: cover; border-radius: 12px; }
.tarif-urun-ad { grid-area: ad; font-size: 14px; font-weight: 600; line-height: 1.3; }
.tarif-urun-fiyat { grid-area: fiyat; font-size: 13.5px; color: #7a5a6e; font-weight: 600; }
.tarif-urun-fiyat del { font-weight: 400; color: #9a8f95; margin-left: 6px; }
.tarif-urun-fiyat ins { text-decoration: none; }
.tarif-urun .ikon { grid-area: ok; width: 18px; height: 18px; color: #7a5a6e; }
.yazi-icerik ol { padding-left: 0; list-style: none; counter-reset: adim; }
.yazi-icerik ol li { position: relative; padding-left: 44px; margin-bottom: 12px; counter-increment: adim; }
.yazi-icerik ol li::before { content: counter(adim); position: absolute; left: 0; top: -1px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--koyu); color: #fff; font: 600 13px var(--font-baslik); }
.yazi-icerik ul { list-style: none; padding-left: 0; }
.yazi-icerik ul li { position: relative; padding-left: 18px; }
.yazi-icerik ul li::before { content: ""; position: absolute; left: 0; top: .65em; width: 7px; height: 7px; border-radius: 50%; background: var(--pembe); }
.tarif-urunler-bolum, .tarif-diger { margin-top: 64px; }
.tarif-urunler-bolum .bolum-baslik, .tarif-diger .bolum-baslik { margin-bottom: 26px; padding-bottom: 22px; border-bottom: 1px solid var(--cizgi); }
.tarif-diger .tarif-bilgi h3 { font-size: 19px; }
@media (max-width: 900px) {
  .tarif-urunler { grid-template-columns: 1fr; }
  .tarif-urunler-bolum, .tarif-diger { margin-top: 44px; }
  .tarif-ozet { margin-bottom: 18px; }
}


/* Sepet tablosu: ad sütunu geniş, rakam sütunları dar */
.wc-sayfa table.shop_table .product-name { width: auto; }
.wc-sayfa table.shop_table th.product-price, .wc-sayfa table.shop_table td.product-price, .wc-sayfa table.shop_table th.product-quantity, .wc-sayfa table.shop_table td.product-quantity, .wc-sayfa table.shop_table th.product-subtotal, .wc-sayfa table.shop_table td.product-subtotal { white-space: nowrap; width: 1%; }
.wc-sayfa table.shop_table th.product-subtotal, .wc-sayfa table.shop_table td.product-subtotal { text-align: right; }
.wc-sayfa table.shop_table th.product-name { text-align: left; }
.wc-sayfa table.shop_table .actions .button { white-space: nowrap; }
.wc-sayfa table.shop_table .actions .coupon input.input-text { width: 180px; }
/* Sepet tablosu sütunları: sabit düzen, ad sütunu kalan genişliği alır */
@media (min-width: 901px) {
  .wc-sayfa table.shop_table.cart { table-layout: fixed; }
  .wc-sayfa table.shop_table.cart th.product-remove { width: 52px; }
  .wc-sayfa table.shop_table.cart th.product-thumbnail { width: 108px; }
  .wc-sayfa table.shop_table.cart th.product-price { width: 110px; }
  .wc-sayfa table.shop_table.cart th.product-quantity { width: 120px; }
  .wc-sayfa table.shop_table.cart th.product-subtotal { width: 120px; }
  .wc-sayfa table.shop_table.cart td.product-thumbnail img { width: 80px; height: 80px; object-fit: cover; }
  .wc-sayfa table.shop_table.cart td.product-name { font-size: 15px; }
}

/* ---------- Hesabım: giriş / üye ol ---------- */
.hesap-misafir .yazi > .bolum-baslik, .hesap-uye .yazi > .bolum-baslik { display: none; }
.wc-sayfa .yazi-icerik ul, .wc-sayfa .yazi-icerik ol { list-style: none; padding-left: 0; }
.wc-sayfa .yazi-icerik ul li, .wc-sayfa .yazi-icerik ol li { padding-left: 0; margin-bottom: 0; }
.wc-sayfa .yazi-icerik ul li::before, .wc-sayfa .yazi-icerik ol li::before { content: none; }
.hesap-icerik-baslik { font-size: 22px; margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid var(--cizgi); }
.hesap-giris { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: stretch; margin: 8px 0 0; }
.hesap-giris.tek-form { grid-template-columns: 1fr; justify-items: center; }
.hesap-panel { position: relative; isolation: isolate; overflow: hidden; min-height: 560px; padding: clamp(32px, 3.5vw, 56px); display: flex; align-items: flex-end; border-radius: var(--r-buyuk); background: var(--lila) center / cover no-repeat; color: #fff; }
.hesap-panel-ort { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(42, 34, 38, .1) 0%, rgba(42, 34, 38, .78) 100%); }
.hesap-panel-metin { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 16px; max-width: 460px; }
.hesap-panel .kicker { color: #f3d7e3; }
.hesap-panel h2 { font-size: clamp(30px, 2.6vw, 40px); color: #fff; }
.hesap-panel .madde { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: rgba(255, 255, 255, .88); }
.hesap-panel .madde li { position: relative; padding-left: 20px; }
.hesap-panel .madde li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--pembe); }
.hesap-kart { padding: clamp(28px, 3vw, 48px); border-radius: var(--r-buyuk); background: #fff; border: 1px solid var(--cizgi); box-shadow: 0 30px 60px -40px rgba(60, 30, 50, .35); display: flex; flex-direction: column; gap: 22px; }
.hesap-kart-dar { width: min(520px, 100%); }
.hesap-kart .hesap-baslik { margin: 0; }
.hesap-kart .hesap-baslik h2 { font-size: clamp(28px, 2.4vw, 36px); }
.hesap-sekmeler { display: grid; grid-template-columns: 1fr 1fr; padding: 5px; border-radius: 999px; background: var(--lila-acik); }
.hesap-sekmeler button { height: 46px; border: 0; border-radius: 999px; background: transparent; font: 600 15px var(--font-govde); color: #6b5a72; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
.hesap-sekmeler button.aktif { background: #fff; color: var(--koyu); box-shadow: 0 4px 14px rgba(60, 30, 50, .12); }
.hesap-kart #customer_login { display: block; }
.hesap-kart #customer_login > div { padding: 0; border: 0; background: none; border-radius: 0; }
.hesap-kart #customer_login .col-2 { display: none; }
.hesap-kart.kayit-acik #customer_login .col-1 { display: none; }
.hesap-kart.kayit-acik #customer_login .col-2 { display: block; }
.hesap-kart #customer_login h2 { display: none; }
.hesap-kart form.woocommerce-form { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.hesap-kart .form-row { margin: 0; }
.hesap-kart .form-row label { font-size: 13.5px; font-weight: 600; color: #4a4045; }
.hesap-kart .form-row .required { display: none; }
.hesap-kart input.input-text { height: 52px; border-radius: 16px; border-color: #e6dfe3; background: #fbfafb; }
.hesap-kart input.input-text:focus { outline: 0; border-color: var(--koyu); background: #fff; }
.hesap-kart .woocommerce-form-login__rememberme { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; }
.hesap-kart .woocommerce-form-login__rememberme input { width: 18px; height: 18px; accent-color: var(--koyu); margin: 0; }
.hesap-kart .form-row:has(.woocommerce-form-login__rememberme) { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 14px 12px; flex-wrap: wrap; }
.hesap-kart .form-row:has(.woocommerce-form-login__rememberme) .button { flex: 0 0 100%; }
.hesap-kart .woocommerce-LostPassword { margin: 0; font-size: 14px; text-align: center; }
.hesap-kart .woocommerce-LostPassword a { color: #7a5a6e; text-decoration: underline; text-underline-offset: 3px; }
.hesap-kart .button, .hesap-kart button.button { width: 100%; height: 54px; font-size: 15px; }
.hesap-kart .woocommerce-privacy-policy-text p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--soluk); }
.hesap-kart .woocommerce-privacy-policy-text a { text-decoration: underline; text-underline-offset: 3px; }
.hesap-kart .woocommerce-password-strength, .hesap-kart .woocommerce-password-hint { font-size: 12.5px; color: var(--soluk); margin-top: 6px; }
.hesap-kart .woocommerce-password-strength.short, .hesap-kart .woocommerce-password-strength.bad { color: #c0506f; }
.hesap-kart .woocommerce-password-strength.good, .hesap-kart .woocommerce-password-strength.strong { color: #4f8a5b; }
.hesap-kart .lost_reset_password { display: flex; flex-direction: column; gap: 16px; }
.hesap-kart .lost_reset_password p { margin: 0; font-size: 14.5px; color: #5b4f55; }
.hesap-kart .woocommerce-message, .hesap-kart .woocommerce-error, .hesap-kart .woocommerce-info { margin: 0; }
.woocommerce-account.hesap-misafir .wc-sayfa .woocommerce > .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 20px; }

/* Giriş yapılmış pano */
.hesap-pano { display: flex; flex-direction: column; gap: 28px; }
.hesap-pano .hesap-baslik { margin: 0; }
.hesap-pano-govde { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; }
.hesap-pano .woocommerce-MyAccount-navigation { padding: 12px; border-radius: 26px; background: #faf8fb; border: 1px solid var(--cizgi); position: sticky; top: calc(var(--ust-yuk, 100px) + 16px); }
.hesap-pano .woocommerce-MyAccount-navigation ul { flex-direction: column; gap: 4px; margin: 0; }
.hesap-pano .woocommerce-MyAccount-navigation a { display: flex; height: 46px; padding: 0 16px; border-radius: 16px; background: transparent; }
.hesap-pano .woocommerce-MyAccount-navigation a:hover { background: var(--lila-acik); }
.hesap-pano .woocommerce-MyAccount-navigation .is-active a { background: var(--koyu); color: #fff; }
.hesap-pano .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cizgi); }
.hesap-pano .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a { color: #a04a63; }
.hesap-icerik { min-width: 0; }
.hesap-icerik .woocommerce-MyAccount-content > p:empty { display: none; }
.pano-kisayol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pano-kisayol a { display: flex; flex-direction: column; gap: 4px; padding: 22px; border-radius: 22px; background: #faf8fb; border: 1px solid var(--cizgi); transition: transform .2s, box-shadow .2s; }
.pano-kisayol a:hover { transform: translateY(-3px); box-shadow: var(--golge); }
.pano-kisayol .ikon { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: var(--lila); margin-bottom: 8px; }
.pano-kisayol b { font-family: var(--font-baslik); font-size: 17px; }
.pano-kisayol span { font-size: 13.5px; color: var(--soluk); }
.hesap-icerik table.shop_table { font-size: 14.5px; }
.hesap-icerik .woocommerce-orders-table__cell-order-actions .button { height: 40px; padding: 0 16px; font-size: 13.5px; }
.hesap-icerik .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hesap-icerik .woocommerce-Address { padding: 22px; border-radius: 22px; background: #faf8fb; border: 1px solid var(--cizgi); }
.hesap-icerik .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.hesap-icerik .woocommerce-Address-title h2 { font-size: 20px; }
.hesap-icerik .woocommerce-Address-title a { font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.hesap-icerik .woocommerce-Address address { font-style: normal; line-height: 1.6; color: #5b4f55; margin-top: 10px; }
.hesap-icerik fieldset { border: 1px solid var(--cizgi); border-radius: 22px; padding: 20px; margin: 20px 0; }
.hesap-icerik legend { padding: 0 8px; font-weight: 600; }
.hesap-icerik .woocommerce-info .button { margin-left: auto; }
@media (max-width: 1100px) { .hesap-pano-govde { grid-template-columns: 220px minmax(0, 1fr); } }
@media (max-width: 900px) {
  .hesap-giris { grid-template-columns: 1fr; gap: 16px; }
  .hesap-panel { min-height: 0; padding: 26px 22px; border-radius: 24px; order: 2; }
  .hesap-panel h2 { font-size: 24px; }
  .hesap-kart { padding: 22px 18px; border-radius: 24px; }
  .hesap-pano-govde { grid-template-columns: 1fr; }
  .hesap-pano .woocommerce-MyAccount-navigation { position: static; padding: 8px; }
  .hesap-pano .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
  .hesap-pano .woocommerce-MyAccount-navigation a { height: 40px; padding: 0 14px; }
  .hesap-pano .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
  .pano-kisayol, .hesap-icerik .woocommerce-Addresses { grid-template-columns: 1fr; }
}
/* Sepet, telefon: kupon satırı alt alta ve kutu içinde (masaüstü table-cell kuralı bunu eziyordu) */
@media (max-width: 900px) {
  .wc-sayfa table.shop_table td.actions { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; text-align: left; }
  .wc-sayfa table.shop_table td.actions::after { content: none; }
  .wc-sayfa table.shop_table td.actions .coupon { float: none; display: flex; width: 100%; }
  .wc-sayfa table.shop_table td.actions .coupon input.input-text { flex: 1 1 0; min-width: 0; width: 0; } /* width:0 → doğal genişliği sütunu zorlamaz, flex büyütür */
  .wc-sayfa table.shop_table td.actions > .button { float: none; width: 100%; }
}

/* ---------- Mobil menü: sağdan kayan panel ---------- */
body.menu-acik { overflow: hidden; }
.mobil-ortu { position: fixed; inset: 0; z-index: 90; background: rgba(42, 34, 38, .45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: ortu-gel .25s ease; }
@keyframes ortu-gel { from { opacity: 0; } to { opacity: 1; } }
.mobil-menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 100; width: min(88vw, 400px); display: flex; flex-direction: column; gap: 18px; padding: 16px 18px calc(18px + env(safe-area-inset-bottom)); background: #fff; border-radius: 28px 0 0 28px; box-shadow: -20px 0 60px rgba(42, 34, 38, .2); overflow-y: auto; transform: translateX(104%); transition: transform .38s cubic-bezier(.2, .8, .2, 1); visibility: hidden; }
.mobil-menu.acik { transform: none; visibility: visible; }
.mobil-menu-ust { display: flex; align-items: center; justify-content: space-between; }
.mobil-menu-ust img { width: 96px; height: auto; }
.mobil-menu-ust .ikon-dugme { background: var(--lila-acik); }
.mobil-arama { height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 16px; border-radius: 999px; background: #f4f1f6; }
.mobil-arama .ikon { width: 18px; height: 18px; color: var(--soluk); }
.mobil-arama input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 15px var(--font-govde); }
.mobil-kat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mobil-kat-kart { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 118px; padding: 12px; border-radius: 20px; overflow: hidden; color: var(--yazi); isolation: isolate; }
.mobil-kat-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: .95; transition: transform .5s; }
.mobil-kat-kart:active img { transform: scale(1.04); }
.mobil-kat-kart > span { display: inline-flex; flex-direction: column; gap: 1px; align-self: flex-start; padding: 7px 11px; border-radius: 14px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.mobil-kat-kart b { font-family: var(--font-baslik); font-size: 14px; font-weight: 600; line-height: 1.15; }
.mobil-kat-kart small { font-size: 11.5px; color: var(--soluk); }
.mobil-kat-firsat { grid-column: 1 / -1; min-height: 0; flex-direction: row; align-items: center; justify-content: space-between; padding: 8px 8px 8px 12px; }
.mobil-kat-firsat > span { background: transparent; padding: 4px 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.mobil-kat-firsat .ikon { width: 40px; height: 40px; padding: 11px; border-radius: 50%; background: #fff; }
.zemin-krem { background: var(--krem); }
.mobil-sayfalar { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.mobil-sayfalar a { display: flex; align-items: center; justify-content: space-between; height: 50px; border-bottom: 1px solid var(--cizgi); font-size: 15.5px; font-weight: 500; }
.mobil-sayfalar .ikon { width: 18px; height: 18px; color: var(--soluk); }
.mobil-alt { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 6px; }
.mobil-alt .dugme { height: 50px; padding: 0 14px; font-size: 14px; gap: 8px; }
.mobil-alt .dugme .ikon { width: 18px; height: 18px; }
.mobil-wa { background: #dff1d8; color: #25603a; }
@media (min-width: 901px) { .mobil-menu, .mobil-ortu { display: none !important; } }

/* ---------- Sabit WhatsApp düğmesi ---------- */
.wa-dugme { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 80; display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 20px 0 16px; border-radius: 999px; background: #25d366; color: #fff; font: 600 14.5px var(--font-govde); box-shadow: 0 12px 30px -8px rgba(37, 211, 102, .55), 0 2px 6px rgba(0, 0, 0, .12); transition: transform .2s, box-shadow .2s; }
.wa-dugme:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -8px rgba(37, 211, 102, .6), 0 2px 8px rgba(0, 0, 0, .14); color: #fff; }
.wa-dugme .ikon { width: 24px; height: 24px; }
body.menu-acik .wa-dugme { display: none; }
@media (max-width: 900px) {
  .wa-dugme { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); height: 50px; padding: 0 16px 0 14px; font-size: 14px; }
  .single-product .wa-dugme span { display: none; }
  .single-product .wa-dugme { width: 50px; padding: 0; justify-content: center; }
}

/* ---------- Kargo takip: hesap sayfası ---------- */
.kargo-takip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px 0 10px; border-radius: 999px; background: #eef3ea; color: #2f6b3f; font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: background .2s; }
.kargo-takip:hover { background: #dfeadb; }
.kargo-takip .ikon { width: 18px; height: 18px; }
.kargo-takip.pasif { background: var(--lila-acik); color: var(--soluk); }
.kargo-yok { color: #b8aeb3; }
.kargo-kutu { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 18px 20px; margin: 0 0 24px; border-radius: 20px; background: #eef3ea; }
.kargo-kutu > .ikon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: #fff; color: #2f6b3f; flex: none; }
.kargo-kutu > div { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 200px; }
.kargo-kutu b { font-family: var(--font-baslik); font-size: 17px; }
.kargo-kutu span { font-size: 14px; color: #4a4045; }
.kargo-kutu code { font-family: Menlo, Consolas, monospace; font-size: 13px; background: #fff; padding: 2px 8px; border-radius: 8px; }
@media (max-width: 900px) { .kargo-kutu .dugme { width: 100%; } }

/* Hesap içeriğindeki düğmeler dolu kalsın (.wc-sayfa .button kuralı kart düğmelerini soluk yapıyordu) */
.hesap-icerik .dugme-koyu, .kargo-kutu .dugme-koyu { background: var(--koyu); color: #fff; opacity: 1; }
.hesap-icerik mark { background: transparent; color: inherit; font-weight: 600; }
.hesap-icerik .woocommerce-order-details__title, .hesap-icerik .woocommerce-column__title, .hesap-icerik .woocommerce-customer-details h2 { font-size: 18px; margin: 24px 0 12px; }
.hesap-icerik p.woocommerce-notice { font-size: 15px; color: #5b4f55; margin: 0 0 18px; }
.hesap-icerik .woocommerce-orders-table__cell-order-kargo .kargo-takip { color: #2f6b3f; }

/* Sipariş formu: sepet düğmesi + pencere (inc/siparis-formu.php) */
.sf-blok { margin-top: 14px; text-align: center; }
.sf-ayrac { display: flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); margin-bottom: 12px; }
.sf-ayrac::before, .sf-ayrac::after { content: ""; flex: 1; height: 1px; background: rgba(42, 34, 38, .15); }
.sf-blok .sf-ac { width: 100%; height: 50px; background: rgba(255, 255, 255, .7); }
.sf-blok .sf-ac:hover { background: #fff; }
.sf-bilgi { margin: 10px 4px 0; font-size: 13px; line-height: 1.45; color: var(--soluk); }
.sf-pencere { width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: var(--r-kart); background: #fff; color: var(--yazi); box-shadow: 0 40px 90px -30px rgba(60, 30, 50, .5); overflow: auto; }
.sf-pencere::backdrop { background: rgba(42, 34, 38, .45); backdrop-filter: blur(4px); }
.sf-pencere[open] { animation: sf-gel .28s cubic-bezier(.2, .8, .2, 1); }
@keyframes sf-gel { from { opacity: 0; transform: translateY(16px) scale(.98); } }
.sf-form { position: relative; padding: 30px 30px 24px; }
.sf-form::before { content: ""; position: absolute; inset: 0 0 auto; height: 150px; background: linear-gradient(100deg, #fbf1c9 0%, #f8e2d3 48%, #f0c3d7 100%); z-index: 0; }
.sf-form > * { position: relative; z-index: 1; }
.sf-kapat { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .8); cursor: pointer; z-index: 2; }
.sf-kapat .ikon { width: 18px; height: 18px; }
.sf-kicker { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #8a5a72; }
.sf-form h2 { font-size: 32px; font-weight: 700; letter-spacing: -.03em; }
.sf-ozet { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 8px; margin: 22px 0 14px; }
.sf-ozet div { background: #fff; border-radius: 18px; padding: 12px 14px; box-shadow: 0 10px 24px -18px rgba(90, 50, 70, .5); }
.sf-ozet b { display: block; font: 700 20px/1.1 var(--font-baslik); letter-spacing: -.02em; }
.sf-ozet b .woocommerce-Price-amount { white-space: nowrap; }
.sf-ozet span { font-size: 12px; color: var(--soluk); }
.sf-urunler { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sf-urunler li { position: relative; width: 52px; height: 52px; }
.sf-urunler img { width: 52px; height: 52px; border-radius: 14px; object-fit: cover; background: var(--lila-acik); }
.sf-urunler li span { position: absolute; right: -5px; top: -5px; min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: var(--koyu); color: #fff; font-size: 11px; font-weight: 600; border: 2px solid #fff; }
.sf-urunler .sf-daha { display: grid; place-items: center; border-radius: 14px; background: var(--gri); font-weight: 600; font-size: 14px; }
.sf-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sf-alan { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; }
.sf-alan i { font-style: normal; color: #c0507a; }
.sf-genis { grid-column: 1 / -1; }
.sf-alan input, .sf-alan textarea { width: 100%; border: 1.5px solid var(--cizgi); border-radius: 14px; padding: 12px 14px; font: 400 15px/1.4 var(--font-govde); color: var(--yazi); background: #fcfafb; transition: border-color .2s, background .2s; }
.sf-alan input { height: 48px; }
.sf-alan textarea { resize: vertical; min-height: 84px; }
.sf-alan input:focus, .sf-alan textarea:focus { outline: 0; border-color: var(--pembe); background: #fff; }
.sf-gonder { width: 100%; margin-top: 18px; }
.sf-gonder:disabled { opacity: .7; cursor: progress; transform: none; }
.sf-dip { margin: 12px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--soluk); text-align: center; }
.sf-durum { background: var(--pembe-acik); }
@media (max-width: 560px) {
  .sf-pencere { width: 100vw; max-width: 100vw; max-height: 100dvh; margin: auto 0 0; border-radius: 24px 24px 0 0; }
  .sf-form { padding: 24px 18px 20px; }
  .sf-form h2 { font-size: 26px; }
  .sf-ozet { grid-template-columns: 1fr 1fr; } .sf-ozet div:last-child { grid-column: 1 / -1; }
  .sf-alanlar { grid-template-columns: 1fr; }
}
.sf-durum-islem { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sf-durum-islem form { margin: 0; }
.sf-geri-cek { border: 0; background: none; padding: 0; font: 500 14px/1 var(--font-govde); color: var(--soluk); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.sf-geri-cek:hover { color: var(--koyu); }
.sf-ozet b * { font: inherit; letter-spacing: inherit; }