/* =========================================================
   ATÖLYE (Tema 9) — uyum katmanı

   Kit'in style.css'i esas kaynaktır; bu dosya ona DOKUNMAZ, yalnızca kit'te
   karşılığı olmayan parçaları tamamlar: goyomod'un ihtiyaç duyduğu ama kit'in
   maketinde bulunmayan bileşenler (arama katmanı, e-bülten, güven şeridi,
   sipariş detayı, adres kartları, sayfalama) ve panelden gelen HTML
   açıklamaların biçimi.

   Kit güncellenirse style.css'i değiştirmek yeterli; buradaki kurallar
   yalnızca kendi seçicilerini tanımlar, kit'in kurallarını ezmez.
   ========================================================= */

.atl-main { display: block; min-height: 40vh; }

.atl-brand__text {
  font-family: var(--ff-display);
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--ink);
}
.atl-brand--auth { font-family: var(--ff-display); font-size: 1.5rem; font-weight: 600; color: #fff; }

/* ---------- e-bülten ---------- */
.atl-newsletter {
  background: var(--accent);
  color: #fff;
  margin-top: clamp(40px, 6vw, 80px);
}
.atl-newsletter__inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(20px, 4vw, 56px);
  align-items: center;
  padding-block: clamp(32px, 5vw, 56px);
}
.atl-newsletter .atl-eyebrow { color: rgba(255, 255, 255, .72); }
.atl-newsletter h3 {
  font-family: var(--ff-display);
  font-size: clamp(1.3rem, 2.4vw, 1.85rem);
  font-weight: 500;
  line-height: 1.25;
  margin: .35rem 0 0;
  color: #fff;
}
.atl-newsletter__form { display: flex; gap: .6rem; }
.atl-newsletter__form .atl-input {
  flex: 1 1 auto;
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .28);
  color: #fff;
}
.atl-newsletter__form .atl-input::placeholder { color: rgba(255, 255, 255, .6); }
.atl-newsletter__form .atl-input:focus {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .5);
  box-shadow: none;
}
.atl-newsletter__form .atl-btn--accent {
  background: #fff;
  color: var(--accent);
  border-color: #fff;
  flex: 0 0 auto;
}
.atl-newsletter__form .atl-btn--accent:hover { background: var(--accent-2); border-color: var(--accent-2); color: var(--accent-3); }

@media (max-width: 860px) {
  .atl-newsletter__inner { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .atl-newsletter__form { flex-direction: column; }
}

/* ---------- mini sepet toplamı ---------- */
.atl-mini__sub {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
}
.atl-mini__sub b:first-child { font-family: var(--ff-display); font-size: 1.05rem; }
.atl-mini__sub b:last-child { font-size: 1.15rem; }
.atl-mini-item h6 a { color: inherit; }
.atl-mini-item h6 a:hover { color: var(--accent); }

/* ---------- üyelik katmanı ek satırları ---------- */
.atl-auth__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: .84rem;
}
.atl-auth__row .text-accent { color: var(--accent); font-weight: 600; }
.atl-auth__note {
  text-align: center;
  font-size: .82rem;
  color: var(--muted);
  margin-top: 1.4rem;
}
.atl-checkline--inline { margin: 0; }
.atl-checkline--inline span { font-size: .84rem; color: var(--ink-soft); }

/* ---------- uyarı tonlu toast ---------- */
.atl-toast--warn { background: var(--sale); }
.atl-toast--warn svg { color: #ffd9cf; }

/* ---------- doğrulama hataları ---------- */
.atl-errors {
  background: #FCEFEC;
  border: 1px solid #F0CFC6;
  color: #8A3524;
  border-radius: var(--radius-sm);
  padding: .9rem 1.1rem;
  margin-bottom: 1.2rem;
  font-size: .9rem;
}
.atl-errors ul { margin: 0; padding-left: 1.1rem; }
.atl-errors li + li { margin-top: .25rem; }
.atl-input.is-invalid { border-color: var(--sale); }

/* ---------- sayfalama ---------- */
.atl-pagination { display: flex; justify-content: center; padding-block: 2.5rem; }
.atl-pagination ul, .atl-pagination .pagination {
  display: flex;
  gap: .35rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.atl-pagination li > * {
  display: grid;
  place-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 .7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  font-size: .9rem;
  font-variant-numeric: tabular-nums;
  transition: .2s var(--ease);
}
.atl-pagination li > *:hover { border-color: var(--accent); color: var(--accent); }
.atl-pagination li.active > * { background: var(--accent); border-color: var(--accent); color: #fff; }
.atl-pagination li.disabled > * { opacity: .45; pointer-events: none; }

/* ---------- ana sayfa güven şeridi ---------- */
.atl-usp-wrap {
  border-block: 1px solid var(--line);
  background: var(--surface);
  margin-top: clamp(28px, 4vw, 48px);
}
.atl-usp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 2vw, 32px);
  padding-block: clamp(20px, 2.6vw, 30px);
}
.atl-usp__item { display: flex; align-items: center; gap: .85rem; }
.atl-usp__item + .atl-usp__item { border-left: 1px solid var(--line-2); padding-left: clamp(14px, 2vw, 32px); }
.atl-usp__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent-2);
  color: var(--accent);
}
.atl-usp__icon svg { width: 21px; height: 21px; }
.atl-usp__item strong {
  display: block;
  font-family: var(--ff-display);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ink);
}
.atl-usp__item span {
  display: block;
  font-size: .78rem;
  color: var(--muted);
  margin-top: .2rem;
  line-height: 1.4;
}

@media (max-width: 992px) {
  .atl-usp { grid-template-columns: repeat(2, 1fr); }
  .atl-usp__item:nth-child(odd) { border-left: none; padding-left: 0; }
}
@media (max-width: 560px) {
  .atl-usp { grid-template-columns: 1fr; }
  .atl-usp__item { border-left: none !important; padding-left: 0 !important; }
  .atl-usp__item span { display: none; }
}

/* ---------- bölüm başlığındaki "tümünü gör" ---------- */
.atl-sec-head__link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .88rem;
  font-weight: 600;
  color: var(--accent);
  white-space: nowrap;
}
.atl-sec-head__link:hover { color: var(--accent-3); }
.atl-sec-head__link svg { transition: transform .25s var(--ease); }
.atl-sec-head__link:hover svg { transform: translateX(3px); }

.atl-post-card__body h3 a { color: inherit; }
.atl-post-card__body h3 a:hover { color: var(--accent); }

/* ---------- ürün detay ek parçaları ---------- */
.atl-pd__kdv { display: block; font-size: .78rem; color: var(--muted); margin-top: -.4rem; margin-bottom: 1.2rem; }

.atl-pd__gift {
  display: flex;
  align-items: center;
  gap: .6rem;
  background: var(--accent-2);
  color: var(--accent-3);
  border-radius: var(--radius-sm);
  padding: .7rem .9rem;
  font-size: .86rem;
  margin-bottom: 1.4rem;
}
.atl-pd__gift svg { width: 18px; height: 18px; flex: 0 0 auto; }

.atl-pd .varyant-select { width: 100%; }
.atl-input--mini { width: auto; min-width: 64px; padding-block: .3rem; margin-left: auto; }

.atl-pd__fav { margin-top: .2rem; }
.atl-pd__fav .atl-remove {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  text-decoration: none;
  font-size: .84rem;
}
/* Kart üzerindeki favori düğmesinin işaretli hali kit'te tanımlı
   (.atl-card__fav.is-on → kırmızı zemin + beyaz dolu kalp); burada ezilmiyor.
   Yalnızca ürün detaydaki metin bağlantısı için renk veriliyor. */
.atl-pd__fav .atl-remove.is-on { color: var(--sale); }

/* ---------- sepet: adres ve kupon parçaları ---------- */
.atl-addr-block {
  margin-top: clamp(24px, 3vw, 40px);
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.atl-addr-block > h3 {
  font-family: var(--ff-display);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.atl-addr-block h4 {
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
  margin: 1.2rem 0 .7rem;
}
.atl-addr-cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); }
.atl-addr-cols > div:only-child { grid-column: 1 / -1; }
@media (max-width: 760px) { .atl-addr-cols { grid-template-columns: 1fr; } }

.atl-addr {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
  padding: .9rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: .2s var(--ease);
}
.atl-addr + .atl-addr { margin-top: .6rem; }
.atl-addr:hover { border-color: var(--accent); }
.atl-addr:has(input:checked) { border-color: var(--accent); background: var(--accent-2); }
.atl-addr__body { display: flex; flex-direction: column; gap: .12rem; font-size: .86rem; color: var(--ink-soft); }
.atl-addr__body b { font-family: var(--ff-display); font-size: .98rem; color: var(--ink); }
.atl-addr__links { grid-column: 2; display: flex; gap: .9rem; font-size: .78rem; margin-top: .4rem; }
.atl-addr__links a { color: var(--muted); text-decoration: underline; }
.atl-addr__links a:hover { color: var(--sale); }
.atl-addr__bos { color: var(--muted); font-size: .88rem; }

.atl-coupon-on {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  background: var(--accent-2);
  border-radius: var(--radius-sm);
  padding: .9rem 1rem;
  margin-top: 1.1rem;
  font-size: .86rem;
}
.atl-coupon-on b { font-family: var(--ff-display); }
.atl-coupon-on .atl-remove { align-self: flex-start; margin-top: .3rem; }

.atl-coupon-list { margin-top: .9rem; display: flex; flex-direction: column; gap: .6rem; }
.atl-coupon-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px dashed var(--line);
  border-radius: var(--radius-sm);
  padding: .8rem 1rem;
  margin-top: .9rem;
}
.atl-coupon-card > div { display: flex; flex-direction: column; gap: .1rem; }
.atl-coupon-card b { font-family: var(--ff-display); font-size: .95rem; }
.atl-coupon-card span, .atl-coupon-card small { font-size: .78rem; color: var(--muted); }

/* ---------- katman gövdesi ---------- */
.atl-modal-body { padding: clamp(24px, 3vw, 40px); }
.modal-dialog-scrollable .atl-modal-body { min-height: 0; overflow-y: auto; }
.atl-modal-body .atl-field:last-child { margin-bottom: 0; }

/* ---------- ödeme sayfası ek parçaları ---------- */
.atl-co-addr { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2vw, 28px); margin-bottom: 1rem; }
.atl-co-addr b { font-family: var(--ff-display); font-size: .95rem; display: block; margin-bottom: .3rem; }
.atl-co-addr p { font-size: .86rem; color: var(--ink-soft); line-height: 1.6; margin: 0; }
@media (max-width: 700px) { .atl-co-addr { grid-template-columns: 1fr; } }

.atl-pay--bank { margin-top: .5rem; }
.atl-pay--bank small { display: block; }

.atl-sozlesme { margin-top: 1.4rem; }
.atl-sozlesme a { color: var(--accent); }

.atl-osummary__items { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1.2rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--line-2); }
.atl-osummary__item { display: grid; grid-template-columns: 52px 1fr auto; gap: .7rem; align-items: center; }
.atl-osummary__img { width: 52px; height: 52px; border-radius: 8px; overflow: hidden; background: var(--paper); }
.atl-osummary__img img { width: 100%; height: 100%; object-fit: cover; }
.atl-osummary__item b { display: block; font-family: var(--ff-display); font-size: .9rem; font-weight: 600; line-height: 1.25; }
.atl-osummary__item small { color: var(--muted); font-size: .78rem; }

.atl-legal { font-size: .86rem; line-height: 1.7; color: var(--ink-soft); }
.atl-legal h1, .atl-legal h2, .atl-legal h3, .atl-legal h4 { font-family: var(--ff-display); color: var(--ink); margin: 1.2rem 0 .5rem; }
.atl-legal table { width: 100%; border-collapse: collapse; margin: .8rem 0; }
.atl-legal td, .atl-legal th { border: 1px solid var(--line); padding: .5rem .6rem; text-align: left; }

/* ---------- hesabım listeleri ---------- */
.atl-addr-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: clamp(12px, 1.6vw, 20px); }

/* ---------- sipariş detayı ---------- */
.atl-order-detail {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: clamp(18px, 2.4vw, 28px);
}
.atl-order-detail__head {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  border-bottom: 1px solid var(--line-2);
}
.atl-order-detail__head b { display: block; font-family: var(--ff-display); font-size: 1rem; margin-top: .2rem; }
.atl-order-detail__items { display: flex; flex-direction: column; gap: .9rem; padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--line-2); }
.atl-order-detail__items a { color: inherit; }
.atl-order-detail__items a:hover { color: var(--accent); }
.atl-order-detail__totals { max-width: 380px; margin-left: auto; }

/* ---------- küçük yardımcılar ---------- */
.atl-note {
  background: var(--accent-2);
  color: var(--accent-3);
  border-radius: var(--radius-sm);
  padding: .8rem 1rem;
  font-size: .88rem;
}
.atl-field__hint { display: block; font-size: .78rem; color: var(--muted); margin-top: .3rem; }

/* ---------- panelden gelen HTML açıklamalar ---------- */
.atl-pd__desc { line-height: 1.7; }
.atl-pd__desc > *:first-child { margin-top: 0; }
.atl-pd__desc > *:last-child { margin-bottom: 0; }
.atl-pd__desc hr {
  border: none;
  border-top: 1px solid var(--line);
  margin: .9rem 0;
  opacity: 1;
}
.atl-pd__desc p { margin: 0 0 .7rem; }
.atl-pd__desc ul, .atl-pd__desc ol { margin: 0 0 .7rem; padding-left: 1.2rem; }
.atl-pd__desc a { color: var(--accent); text-decoration: underline; }
.atl-pd__desc img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }

.atl-promo__text { color: var(--muted); font-size: .94rem; line-height: 1.65; }
.atl-promo__text hr { border: none; border-top: 1px solid var(--line); margin: .8rem 0; }
.atl-cat-head__desc hr { border: none; border-top: 1px solid var(--line); margin: .7rem 0; }
.atl-cat-head__desc p { margin: 0 0 .5rem; }

/* ---------- hesabım menüsü ----------
   Kit'te hesabım tek sayfa + sekme olduğu için menü <button> ile stillenmiş.
   Burada her bölüm ayrı bir sayfa, dolayısıyla <a> kullanılıyor. Kit'in
   kuralını ezmeden aynı görünümü linklere de veriyoruz. */
.atl-account__nav a {
  display: block;
  text-align: left;
  padding: .8rem 1rem;
  border-radius: var(--radius-sm);
  font-family: var(--ff-body);
  font-size: .94rem;
  font-weight: 500;
  color: var(--ink-soft);
  transition: .2s var(--ease);
}
.atl-account__nav a:hover { background: var(--surface); }
.atl-account__nav a.is-active { background: var(--ink); color: #fff; }
.atl-account__nav a[href="/cikis"] { color: var(--sale); margin-top: .6rem; }
.atl-account__nav a[href="/cikis"]:hover { background: #FBEDE9; }

/* ---------- dar ekranda hesap rozeti ----------
   Kit'te rozet her genişlikte ad + çıkış ile duruyor. 420px altında başlıkta
   burger, logo, arama ve sepetle birlikte taşıyordu; bu genişlikte yalnızca
   baş harf yuvarlağı kalıyor (dokununca hesabıma gider), çıkış mobil menüde. */
@media (max-width: 420px) {
  .atl-account-chip { padding: .3rem; gap: 0; background: transparent; border-color: transparent; }
  .atl-account-chip .name,
  .atl-account-chip .atl-remove { display: none; }
}

/* ---------- sayfa başlıklarındaki alt çizgi ----------
   Kit'te .atl-cat-head / .atl-doc-head altında ince bir ayraç var
   (border-bottom:1px solid var(--line)); istek üzerine kaldırıldı.
   Kit'in style.css'i değiştirilmedi, kural burada eziliyor. */
.atl-cat-head,
.atl-doc-head { border-bottom: none; }

/* ---------- panelden girilen metinlerde uzun bağlantılar ---------- */
/* Sözleşme/politika sayfalarındaki tarayıcı yardım bağlantıları 750px'e kadar
   çıkan, boşluksuz tek parça metinler. Bölünemedikleri için sayfanın asgari
   genişliğini 390px'lik telefonun üstüne çıkarıyor, tüm sayfayı yana
   kaydırıyorlardı. "anywhere" satır sonunu zorluyor ve asgari genişliği de
   düşürüyor ("break-word" yalnızca çizimi düzeltir, ölçüyü değil). */
.atl-legal,
.atl-post__body,
.atl-pd__desc,
.atl-cat-head__desc { overflow-wrap: anywhere; }

/* ---------- çerez şeridi katman sırası ---------- */
/* Kit şeride z-index:1100 veriyor; Bootstrap'te modal 1055, offcanvas 1045.
   Şerit kapatılana kadar sözleşme modalının ve mobil menünün üstüne biniyordu.
   Bir katman açıkken şeridi perdenin (1050) altına indiriyoruz. */
body.modal-open .atl-cerez,
body.atl-katman-acik .atl-cerez { z-index: 1040; }

/* ---------- karttaki "Ürünü İncele" bağlantısı ---------- */
/* Kit'te `.atl-card__media a { display:block; width:100%; height:100% }` var —
   görselin üstündeki tam boy bağlantı için. Hızlı sepete ekleme <button>'ı
   "Ürünü İncele" <a>'sıyla değişince bu kural onu da yakaladı, düğme
   display:block olup ikon ve yazı sola yaslandı. Düğmeyi flex'e geri alıyoruz. */
.atl-card__media .atl-card__quick .atl-btn {
	display: inline-flex;
	width: 100%;
	height: auto;
}

/* Aynı düğme dar ekranda hiç görünmüyordu: kit ≤640px'te .atl-card__quick'i
   position:static yapıyor, ama düğme .atl-card__media'nın içinde ve o kutu
   aspect-ratio:3/4 + overflow:hidden — akışa girince kutunun dışında kalıp
   kırpılıyor. Masaüstündeki gibi görselin üstünde bırakıyoruz; dokunmatikte
   zaten opacity:1 (kit'in "hover:none" kuralı). */
@media (max-width: 640px) {
	.atl-card__quick { position: absolute; margin-top: 0; }
}

/* ---------- ürün detayda stok kodu / barkod ---------- */
.atl-pd__kod {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem 1.4rem;
	margin: .1rem 0 1.1rem;
	font-size: .84rem;
	color: var(--muted);
}
.atl-pd__kod b { color: var(--ink); font-weight: 600; letter-spacing: .02em; }

/* ---------- hediye puan açıklaması ---------- */
.atl-pd__gift-info {
	margin-left: .5rem;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: .82rem;
	font-weight: 600;
	color: var(--accent-3, #26463B);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.atl-pd__gift-info:hover { opacity: .75; }

.atl-hp__baslik { font-family: var(--ff-display); font-size: 1.25rem; font-weight: 600; margin: 0 0 .9rem; }
.atl-hp__metin { font-size: .94rem; line-height: 1.7; color: var(--ink-soft); margin: 0 0 1rem; }
.atl-hp__liste { margin: 0 0 1.3rem; padding-left: 1.1rem; font-size: .9rem; line-height: 1.75; color: var(--ink-soft); }
.atl-hp__liste li { margin-bottom: .3rem; }
.atl-hp__uye {
	padding: .8rem 1rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	background: var(--accent-2, #EBF0EC);
	font-size: .88rem;
	color: var(--ink);
}

/* ---------- ürün detayında fiyatı ayıran çizgiler ---------- */
/* Tarayıcının varsayılan <hr>'ı (kabartmalı, kendi kenar boşlukları olan)
   temayla uyuşmuyor; ince tek çizgiye indiriliyor. */
.atl-pd__cizgi {
	height: 0;
	margin: 1.15rem 0;
	border: 0;
	border-top: 1px solid var(--line);
}
/* KDV satırı span; çizginin kendi satırına düşmesi için blok yapılıyor. */
.atl-pd__kdv { display: block; }
.atl-pd__price { margin-bottom: .45rem; }

/* ---------- hata sayfaları (404 / 403) ---------- */
.atl-hata {
	max-width: 620px;
	margin: 0 auto;
	padding: clamp(48px, 9vw, 110px) 0 clamp(56px, 10vw, 120px);
	text-align: center;
}
.atl-hata__kod {
	display: block;
	font-family: var(--ff-display);
	font-size: clamp(3.6rem, 11vw, 5.6rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: .01em;
	color: var(--accent);
	opacity: .16;
	margin-bottom: .55rem;
	user-select: none;
}
.atl-hata__baslik {
	position: relative;
	font-family: var(--ff-display);
	font-weight: 400;
	font-size: clamp(1.8rem, 5vw, 2.6rem);
	line-height: 1.18;
	letter-spacing: -.02em;
	margin: 0 0 .9rem;
}
.atl-hata__baslik em { font-style: italic; color: var(--accent); }
.atl-hata__metin {
	color: var(--ink-soft);
	font-size: clamp(.95rem, 2.2vw, 1.04rem);
	line-height: 1.7;
	max-width: 46ch;
	margin: 0 auto 2rem;
}
.atl-hata__dugmeler {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	justify-content: center;
}
@media (max-width: 480px) {
	.atl-hata__dugmeler { flex-direction: column; }
	.atl-hata__dugmeler .atl-btn { width: 100%; justify-content: center; }
}

/* 404'teki ürün önerileri: hata bloğunun alt boşluğu zaten büyük, burada kısıyoruz */
.atl-hata-oneri { padding-bottom: clamp(48px, 8vw, 96px); }
.atl-hata + .atl-hata-oneri { margin-top: calc(-1 * clamp(24px, 5vw, 60px)); }

/* ---------- ürün ızgarası: masaüstünde 4 yerine 3 sütun ---------- */
/* Medya sorgusu özgüllük eklemez; uyum.css style.css'ten sonra yüklendiği için
   buradaki kayıtsız kural kit'in dar ekran kurallarını da ezerdi. Bu yüzden
   kit'in kırılımları aynen tekrar yazılıyor. */
.atl-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 992px) { .atl-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .atl-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }

/* ---------- yaş doğrulama perdesi ---------- */
.atl-yas {
	position: fixed;
	inset: 0;
	z-index: 2000;               /* çerez şeridi 1100, modal 1055 — hepsinin üstünde */
	display: grid;
	place-items: center;
	padding: clamp(18px, 5vw, 44px);
	background: rgba(23, 21, 15, .82);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
/* Onaylayan ziyaretçide hiç görünmesin (head'deki betik sınıfı ekliyor) */
.yas-ok .atl-yas { display: none; }
/* Perde açıkken arka plan kaydırılmasın */
.yas-kilit, .yas-kilit body { overflow: hidden; }

.atl-yas__kutu {
	width: 100%;
	max-width: 460px;
	background: var(--surface);
	border-radius: var(--radius-lg, 24px);
	padding: clamp(28px, 6vw, 44px);
	text-align: center;
	box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .6);
}
.atl-yas__logo { display: block; height: 42px; width: auto; margin: 0 auto 18px; }
.atl-yas__rozet {
	display: inline-block;
	font-family: var(--ff-display);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	color: var(--accent);
	background: var(--accent-2);
	border-radius: 999px;
	padding: .5rem 1rem;
	margin-bottom: 1.1rem;
}
.atl-yas h2 {
	font-family: var(--ff-display);
	font-weight: 400;
	font-size: clamp(1.4rem, 4.4vw, 1.85rem);
	line-height: 1.22;
	letter-spacing: -.01em;
	margin: 0 0 .7rem;
}
.atl-yas p {
	color: var(--ink-soft);
	font-size: .95rem;
	line-height: 1.65;
	margin: 0 0 1.6rem;
}
.atl-yas__dugmeler { display: grid; gap: .6rem; }
.atl-yas__dugmeler .atl-btn { width: 100%; justify-content: center; }

/* ---------- ürün detayı: paylaş ---------- */
.atl-pd__paylas { position: relative; margin: 0 0 1.15rem; }

.atl-paylas__ac {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .5rem .85rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm, 10px);
	background: var(--surface);
	color: var(--ink-soft);
	font: inherit;
	font-size: .84rem;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: border-color .25s, color .25s;
}
.atl-paylas__ac:hover { border-color: var(--ink); color: var(--ink); }

.atl-paylas__menu {
	position: absolute;
	top: calc(100% + .45rem);
	left: 0;
	z-index: 20;
	min-width: 232px;
	padding: .35rem;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius, 16px);
	box-shadow: var(--shadow-md, 0 12px 40px -12px rgba(23,21,15,.18));
}
.atl-paylas__menu[hidden] { display: none; }

.atl-paylas__oge {
	display: flex;
	align-items: center;
	gap: .6rem;
	width: 100%;
	padding: .6rem .7rem;
	border: 0;
	border-radius: 8px;
	background: none;
	color: var(--ink);
	font: inherit;
	font-size: .88rem;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: background .2s;
}
.atl-paylas__oge:hover { background: var(--paper); color: var(--ink); }
.atl-paylas__oge svg { flex: 0 0 auto; color: var(--muted); }
.atl-paylas__oge:hover svg { color: var(--accent); }

/* dar ekranda menü kutuya sığsın */
@media (max-width: 420px) {
	.atl-paylas__menu { left: 0; right: 0; min-width: 0; }
}

/* paylaş menüsünde iki satırlı seçenek (Instagram) */
.atl-paylas__oge span { display: flex; flex-direction: column; line-height: 1.25; }
.atl-paylas__oge small { color: var(--muted); font-size: .74rem; }
.atl-paylas__oge[disabled] { opacity: .55; cursor: default; }

/* ---------- çarkıfelek ---------- */
.atl-cark { position: fixed; inset: 0; z-index: 1900; display: grid; place-items: center; padding: clamp(14px, 4vw, 40px); }
.atl-cark[hidden] { display: none; }
.atl-cark__perde { position: absolute; inset: 0; background: rgba(23,21,15,.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

.atl-cark__kutu {
	position: relative;
	width: 100%;
	max-width: 860px;
	max-height: 92vh;
	overflow-y: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: clamp(18px, 3vw, 34px);
	background: var(--surface);
	border-radius: var(--radius-lg, 24px);
	padding: clamp(22px, 4vw, 40px);
	box-shadow: 0 30px 80px -30px rgba(0,0,0,.6);
}
.atl-cark__x {
	position: absolute; top: 12px; right: 14px; z-index: 3;
	width: 34px; height: 34px; border: 0; border-radius: 50%;
	background: var(--paper); color: var(--ink);
	font-size: 1.4rem; line-height: 1; cursor: pointer;
}
.atl-cark__x:hover { background: var(--line); }

/* --- çark --- */
.atl-cark__gorsel { position: relative; aspect-ratio: 1; width: 100%; max-width: 340px; margin: 0 auto; }
.atl-cark__disk {
	position: absolute; inset: 0; border-radius: 50%;
	border: 6px solid var(--surface);
	box-shadow: 0 0 0 3px var(--line), 0 18px 40px -18px rgba(23,21,15,.5);
	transform: rotate(0deg);
	transition: transform 4.6s cubic-bezier(.12,.72,.16,1);
}
.atl-cark__yazi {
	position: absolute; inset: 0;
	display: grid; place-items: center;
	transform-origin: 50% 50%;
	font-size: .68rem; font-weight: 700; letter-spacing: .01em;
	text-align: center;
	pointer-events: none;
}
.atl-cark__yazi b { display: block; max-width: 8.5ch; line-height: 1.2; text-shadow: 0 1px 2px rgba(23,21,15,.18); }
.atl-cark__gobek {
	position: absolute; top: 50%; left: 50%; width: 54px; height: 54px;
	transform: translate(-50%, -50%);
	border-radius: 50%; background: var(--surface);
	box-shadow: 0 0 0 3px var(--line), inset 0 2px 6px rgba(23,21,15,.12);
}
.atl-cark__ibre {
	position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
	width: 0; height: 0; z-index: 2;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 24px solid var(--accent);
	filter: drop-shadow(0 2px 3px rgba(23,21,15,.35));
}

/* --- sağ kolon --- */
.atl-cark__icerik h2 {
	font-family: var(--ff-display); font-weight: 400;
	font-size: clamp(1.35rem, 3.4vw, 1.9rem); line-height: 1.2;
	letter-spacing: -.01em; margin: 0 0 .6rem;
}
.atl-cark__metin { color: var(--ink-soft); font-size: .93rem; line-height: 1.6; margin: 0 0 1.2rem; }
.atl-cark__form .atl-input { margin-bottom: .6rem; }
.atl-cark__kvkk { display: block; margin-top: .7rem; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.atl-cark__uyari { color: var(--sale); font-size: .82rem; margin: .5rem 0 0; }

.atl-cark__sonucBaslik {
	font-family: var(--ff-display); font-size: 1.5rem; font-weight: 600;
	color: var(--accent); margin-bottom: .5rem;
}
.atl-cark__sonucMetin { color: var(--ink-soft); font-size: .92rem; line-height: 1.6; margin: 0 0 1rem; }
.atl-cark__kod {
	display: flex; align-items: center; gap: .5rem;
	background: var(--accent-2); border: 1px dashed var(--accent);
	border-radius: var(--radius-sm, 10px); padding: .6rem .7rem; margin-bottom: 1rem;
}
.atl-cark__kod code {
	flex: 1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 1.05rem; font-weight: 700; letter-spacing: .06em; color: var(--accent-3);
}

@media (max-width: 720px) {
	.atl-cark__kutu { grid-template-columns: 1fr; gap: 16px; text-align: center; }
	.atl-cark__gorsel { max-width: 250px; }
	.atl-cark__kod { text-align: left; }
}

/* ---------- tekrar stokta uyarısı ---------- */
.atl-stok-uyari {
	border: 1px solid var(--line);
	border-radius: var(--radius, 16px);
	background: var(--paper);
	padding: clamp(16px, 2.4vw, 22px);
	margin-bottom: 1.4rem;
}
.atl-stok-uyari[hidden] { display: none; }
.atl-stok-uyari__baslik {
	display: flex; align-items: center; gap: .5rem;
	font-family: var(--ff-display); font-size: 1.05rem; font-weight: 600;
	color: var(--ink); margin-bottom: .5rem;
}
.atl-stok-uyari__baslik svg { color: var(--accent); flex: 0 0 auto; }
.atl-stok-uyari__metin { color: var(--ink-soft); font-size: .89rem; line-height: 1.6; margin: 0 0 1rem; }
.atl-stok-uyari__form { display: grid; gap: .6rem; }
.atl-stok-uyari__form[hidden] { display: none; }
.atl-stok-uyari__sonuc {
	margin-top: .8rem; padding: .7rem .85rem;
	border-radius: var(--radius-sm, 10px);
	font-size: .87rem; line-height: 1.55;
}
.atl-stok-uyari__sonuc[hidden] { display: none; }
.atl-stok-uyari__sonuc.is-ok   { background: var(--accent-2); color: var(--accent-3); }
.atl-stok-uyari__sonuc.is-warn { background: #F7E9E5; color: var(--sale); }

/* ---------- sayaçlı kampanya şeridi ---------- */
.atl-sayac { width: 100%; font-size: .86rem; }
.atl-sayac__inner {
	display: flex; align-items: center; justify-content: center;
	flex-wrap: wrap; gap: .5rem 1.1rem;
	padding: .6rem var(--gutter, 20px);
	text-align: center;
}
.atl-sayac__mesaj { font-weight: 600; letter-spacing: .01em; }
.atl-sayac__kalan { display: inline-flex; align-items: baseline; gap: .28rem; font-variant-numeric: tabular-nums; }
.atl-sayac__kalan[hidden] { display: none; }
.atl-sayac__kalan b {
	min-width: 2.1em;
	padding: .16rem .3rem;
	border-radius: 6px;
	background: rgba(255, 255, 255, .18);
	font-size: .95rem; font-weight: 700; line-height: 1.2;
	text-align: center;
}
.atl-sayac__kalan small { opacity: .8; font-size: .7rem; margin-right: .35rem; }
.atl-sayac__link {
	color: inherit; text-decoration: underline; text-underline-offset: 3px;
	font-weight: 600; white-space: nowrap;
}
.atl-sayac__link:hover { opacity: .8; color: inherit; }

@media (max-width: 560px) {
	.atl-sayac__inner { gap: .35rem .7rem; padding: .55rem 12px; }
	.atl-sayac { font-size: .78rem; }
	.atl-sayac__kalan b { font-size: .85rem; min-width: 1.9em; }
}

/* ---------- arkadaşını getir ---------- */
.atl-davet-bant { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1090; background: var(--accent); color: #fff; }
.atl-davet-bant__inner {
	display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
	gap: .5rem .9rem; padding: .7rem var(--gutter, 20px); font-size: .87rem; text-align: center;
}
.atl-davet-bant code {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; letter-spacing: .06em;
	background: rgba(255,255,255,.18); padding: .25rem .55rem; border-radius: 6px;
}
.atl-davet-bant__kopya, .atl-davet-bant__x {
	border: 0; background: none; color: inherit; font: inherit; cursor: pointer;
}
.atl-davet-bant__kopya { text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.atl-davet-bant__x { font-size: 1.3rem; line-height: 1; opacity: .75; }
.atl-davet-bant__x:hover { opacity: 1; }

/* üye davet sayfası */
.atl-davet-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.atl-davet-ozet__kutu {
	border: 1px solid var(--line); border-radius: var(--radius, 16px);
	background: var(--paper); padding: 1.1rem .9rem; text-align: center;
}
.atl-davet-ozet__deger { display: block; font-family: var(--ff-display); font-size: 1.7rem; font-weight: 600; color: var(--accent); }
.atl-davet-ozet__yazi { display: block; font-size: .8rem; color: var(--muted); margin-top: .25rem; }
.atl-davet-link { display: flex; gap: .5rem; }
.atl-davet-link .atl-input { flex: 1; }
.atl-davet-paylas { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
.atl-davet-baslik { font-family: var(--ff-display); font-size: 1.2rem; font-weight: 600; margin: 2rem 0 .8rem; }
.atl-davet-satir {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	padding: .9rem 1.1rem; border-bottom: 1px solid var(--line);
}
.atl-davet-satir:last-child { border-bottom: none; }
.atl-davet-satir small { display: block; color: var(--muted); font-size: .78rem; margin-top: .15rem; }
.atl-davet-bos { color: var(--muted); font-size: .9rem; margin-top: 1.4rem; }

@media (max-width: 560px) {
	.atl-davet-ozet { grid-template-columns: 1fr; }
	.atl-davet-link { flex-direction: column; }
}

/* ---------- teslimat yöntemi seçimi (mağazadan teslim) ---------- */
.atl-teslim-tip { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-bottom: 1.1rem; }
.atl-teslim-tip__kutu {
	display: flex; flex-direction: column; gap: .2rem;
	padding: .9rem 1rem; text-align: left; cursor: pointer;
	border: 1px solid var(--line); border-radius: var(--radius-sm, 10px);
	background: var(--surface); font: inherit; color: var(--ink);
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.atl-teslim-tip__kutu:hover { border-color: var(--ink); }
.atl-teslim-tip__kutu.is-sel {
	border-color: var(--accent);
	box-shadow: inset 0 0 0 1px var(--accent);
	background: var(--accent-2);
}
.atl-teslim-tip__ad { font-weight: 600; font-size: .95rem; }
.atl-teslim-tip__alt { font-size: .8rem; color: var(--muted); }
.atl-teslim-tip__kutu.is-sel .atl-teslim-tip__alt { color: var(--accent-3); }

.atl-magaza-bilgi {
	border: 1px solid var(--line); border-radius: var(--radius-sm, 10px);
	background: var(--paper); padding: 1rem 1.1rem; margin-bottom: .4rem;
}
.atl-magaza-bilgi[hidden] { display: none; }
.atl-magaza-bilgi__satir { margin-bottom: .7rem; font-size: .88rem; line-height: 1.6; }
.atl-magaza-bilgi__satir b { display: block; font-size: .78rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .15rem; }
.atl-magaza-bilgi__not { margin: 0; font-size: .85rem; color: var(--accent-3); }

/* Izgara hücreleri varsayılan olarak `min-width: auto` — içindeki yatay raf
   (Kasa Önü) dar ekranda hücreyi kendi genişliğine zorluyor, sepet özeti
   telefonda ekranın dışına taşıyor ve sağ tarafı kesiliyordu. Tek sütuna
   düşülen genişlikte hücreler daralabilsin; masaüstünde eski hâli korunuyor
   (orada raf zaten sığıyor ve daraltmak Kasa Önü kartlarını kırpıyor). */
@media (max-width: 992px) {
	.atl-cart-grid > *, .atl-checkout > * { min-width: 0; }
}

/* ---------- zorunlu alan uyarıları ---------- */
.atl-input.is-hata,
input.is-hata, select.is-hata, textarea.is-hata {
	border-color: #c0392b !important;
	background: #fdf5f4;
	box-shadow: 0 0 0 3px rgba(192, 57, 43, .10);
}
.atl-input.is-hata:focus,
input.is-hata:focus, select.is-hata:focus, textarea.is-hata:focus {
	box-shadow: 0 0 0 3px rgba(192, 57, 43, .18);
}
.atl-alan-hata {
	display: block; margin-top: .3rem;
	font-size: .78rem; line-height: 1.4; color: #c0392b;
}
/* Onay kutusunda uyarı yazının altına, hizalı düşsün. */
.atl-checkline .atl-alan-hata { margin-top: .35rem; margin-left: 1.9rem; }
.atl-checkline input.is-hata { outline: 2px solid #c0392b; outline-offset: 2px; }

/* ---------- sipariş sonrası yorum sayfası ---------- */
.atl-yy { max-width: 720px; margin: 0 auto clamp(40px,6vw,80px); display: grid; gap: 14px; }
.atl-yy__kart { border: 1px solid var(--line); border-radius: var(--radius-sm, 12px); padding: 16px 18px; background: var(--surface); }
.atl-yy__ust { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.atl-yy__ust img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: var(--paper); flex: none; }
.atl-yy__ad { display: block; font-weight: 600; font-size: .95rem; color: var(--ink); margin-bottom: 6px; }
.atl-yy__yildizlar { display: flex; align-items: center; gap: 2px; }
.atl-yy__yildiz {
	background: none; border: none; padding: 0 2px; cursor: pointer;
	font-size: 1.7rem; line-height: 1; color: #dcdcdc; transition: color .12s;
}
.atl-yy__yildiz.is-on { color: #E8B923; }
.atl-yy__puanyazi { margin-left: 8px; font-size: .82rem; color: var(--muted); }
.atl-yy__metin { width: 100%; margin-bottom: 10px; }
.atl-yy__alt { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.atl-yy__sonuc { font-size: .83rem; color: var(--muted); }
.atl-yy__sonuc.is-hata { color: #c0392b; }
.atl-yy__tesekkur { display: flex; flex-direction: column; gap: 4px; padding: 6px 2px; }
.atl-yy__tesekkur b { color: var(--accent-3, #1e7e34); }
.atl-yy__tesekkur span { font-size: .86rem; color: var(--muted); }
.atl-yy__bos {
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	padding: 40px 20px; border: 1px dashed var(--line); border-radius: 12px; text-align: center;
}
.atl-yy__bos span { font-size: .88rem; color: var(--muted); }

/* ---------- kartta varyant renkleri ---------- */
.atl-card__renkler { display: flex; align-items: center; gap: .3rem; margin: .45rem 0 .1rem; flex-wrap: wrap; }
.atl-card__renk {
	width: 24px; height: 24px; padding: 0; border-radius: 50%; overflow: hidden;
	border: 1px solid var(--line); background: var(--surface); cursor: pointer;
	transition: border-color .15s, transform .15s;
}
.atl-card__renk img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atl-card__renk:hover, .atl-card__renk.is-sel { border-color: var(--accent, #A4442E); transform: scale(1.08); }
.atl-card__renk-fazla { font-size: .72rem; color: var(--muted); }

/* ---------- beden ve ölçü kılavuzu ---------- */
.atl-beden-ac {
	margin-left: auto; display: inline-flex; align-items: center; gap: .35rem;
	background: none; border: none; padding: 0; cursor: pointer;
	font: inherit; font-size: .82rem; color: var(--accent, #A4442E);
	text-decoration: underline; text-underline-offset: 3px;
}
.atl-beden-ac:hover { opacity: .75; }

.atl-beden-kap { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.atl-beden-kap[hidden] { display: none; }
.atl-beden-arka { position: absolute; inset: 0; background: rgba(20, 28, 24, .55); }
.atl-beden {
	position: relative; z-index: 1; width: 100%; max-width: 620px;
	max-height: 88vh; overflow-y: auto;
	background: var(--surface, #fff); border-radius: var(--radius, 14px);
	padding: 1.2rem 1.3rem 1.4rem; box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.atl-beden__ust { display: flex; align-items: center; gap: 1rem; margin-bottom: .8rem; }
.atl-beden__ust b { font-size: 1.05rem; color: var(--ink); }
.atl-beden__kapat {
	margin-left: auto; background: none; border: none; cursor: pointer;
	font-size: 1.6rem; line-height: 1; color: var(--muted); padding: 0 .2rem;
}
.atl-beden__kapat:hover { color: var(--ink); }
.atl-beden__not {
	margin: 0 0 .9rem; padding: .6rem .8rem; border-radius: 8px;
	background: var(--accent-2, #f3ece9); color: var(--accent-3, #6d3226); font-size: .85rem;
}
.atl-beden__tablo { overflow-x: auto; }
.atl-beden__tablo table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.atl-beden__tablo th, .atl-beden__tablo td {
	border: 1px solid var(--line); padding: .5rem .7rem; text-align: left; white-space: nowrap;
}
.atl-beden__tablo th { background: var(--paper, #f7f7f5); font-weight: 600; }
.atl-beden__olcum { margin-top: 1rem; font-size: .85rem; line-height: 1.6; color: var(--ink-soft, #444); }
.atl-beden__olcum b { display: block; margin-bottom: .3rem; color: var(--ink); }

/* ---------- ürün tanıtım videosu ---------- */
.atl-pd__video { margin-top: .9rem; }
.atl-pd__video video {
	display: block; width: 100%; max-height: 520px;
	border-radius: var(--radius-sm, 10px); background: #000;
}

/* ---------- son gezilen ürünler (Kasa Önü rafıyla aynı boyut) ---------- */
.atl-sg { margin: 1.4rem 0; }
.atl-sg__ust { margin-bottom: .9rem; }
.atl-sg__ust b { display: block; font-size: 1rem; color: var(--ink); }
.atl-sg__raf {
	/* Yatay şerit değil, satır satır saran ızgara: sepette 8 ürün 4+4 diziliyor.
	   `minmax(140px, 1fr)` kart ölçüsünü Kasa Önü'ndeki 148 px'e yakın tutuyor —
	   sabit `1fr` verilirse az ürün varken kartlar sayfayı kaplıyor. */
	display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: .8rem 1rem;
}
.atl-sg__urun { position: relative; display: flex; flex-direction: column; gap: .35rem; }
.atl-sg__img { display: block; border-radius: var(--radius-sm, 10px); overflow: hidden; aspect-ratio: 1/1; background: var(--accent-2); }
.atl-sg__img img { width: 100%; height: 100%; object-fit: cover; }
.atl-sg__ad { font-size: .8rem; color: var(--ink); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atl-sg__fiyat { display: flex; align-items: baseline; gap: .4rem; }
.atl-sg__fiyat b { font-size: .9rem; }
.atl-sg__fiyat .eski { font-size: .76rem; color: var(--muted); text-decoration: line-through; }

/* Kartın çarpısı — hep görünür (müşteri arayarak bulmasın), karta gelince belirginleşir. */
.atl-sg__sil {
	position: absolute; top: 5px; right: 5px; z-index: 2;
	width: 22px; height: 22px; line-height: 20px; padding: 0;
	border: 1px solid var(--line); border-radius: 50%;
	background: var(--surface); color: var(--muted);
	font-size: 15px; cursor: pointer; opacity: .6;
	transition: opacity .18s, color .18s, border-color .18s;
}
.atl-sg__urun:hover .atl-sg__sil, .atl-sg__sil:focus { opacity: 1; }
.atl-sg__sil:hover { color: var(--accent, #A4442E); border-color: var(--accent, #A4442E); }

@media (max-width: 640px) {
	.atl-sg__raf { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}

/* ---------- ödeme adımında kargo firması seçimi ---------- */
.atl-kargo-sec { margin-bottom: 1.1rem; }
.atl-kargo-sec[hidden] { display: none; }
.atl-kargo-sec__baslik {
	display: block; font-size: .78rem; color: var(--muted); font-weight: 600;
	text-transform: uppercase; letter-spacing: .05em; margin-bottom: .45rem;
}
.atl-kargo-sec__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .7rem; }
.atl-kargo-sec__kutu {
	display: flex; flex-direction: column; gap: .2rem;
	padding: .8rem .95rem; text-align: left; cursor: pointer;
	border: 1px solid var(--line); border-radius: var(--radius-sm, 10px);
	background: var(--surface); font: inherit; color: var(--ink);
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.atl-kargo-sec__kutu:hover { border-color: var(--ink); }
.atl-kargo-sec__kutu.is-sel {
	border-color: var(--accent);
	box-shadow: inset 0 0 0 1px var(--accent);
	background: var(--accent-2);
}
.atl-kargo-sec__ad { font-weight: 600; font-size: .92rem; }
.atl-kargo-sec__alt { font-size: .78rem; color: var(--muted); }
.atl-kargo-sec__kutu.is-sel .atl-kargo-sec__alt { color: var(--accent-3); }

@media (max-width: 520px) { .atl-teslim-tip { grid-template-columns: 1fr; } }

/* ---------- dijital ürün ---------- */
.atl-dijital-kod {
	display: flex; align-items: center; gap: .6rem; justify-content: center;
	background: var(--accent-2); border: 1px dashed var(--accent);
	border-radius: var(--radius-sm, 10px); padding: .8rem 1rem; margin: 0 auto 1.6rem; max-width: 420px;
}
.atl-dijital-kod code {
	flex: 1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 1.05rem; font-weight: 700; letter-spacing: .06em; color: var(--accent-3);
}
.atl-dijital-satir {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	padding: 1rem 1.1rem; border-bottom: 1px solid var(--line);
}
.atl-dijital-satir:last-child { border-bottom: none; }
.atl-dijital-satir small { display: block; color: var(--muted); font-size: .78rem; margin-top: .2rem; }
.atl-dijital-satir code.atl-tag { font-family: ui-monospace, monospace; letter-spacing: .04em; }

/* ---------- çiçekçi: teslimat zamanı ---------- */
.atl-cicek-saat { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .6rem; }
.atl-cicek-saat__kutu {
	position: relative; display: flex; align-items: center; justify-content: center;
	padding: .75rem .8rem; border: 1px solid var(--line); border-radius: var(--radius-sm, 10px);
	cursor: pointer; text-align: center; transition: border-color .15s, background .15s;
}
.atl-cicek-saat__kutu input { position: absolute; opacity: 0; pointer-events: none; }
.atl-cicek-saat__kutu span { font-size: .86rem; font-weight: 500; color: var(--ink); }
.atl-cicek-saat__kutu:hover { border-color: var(--accent); }
.atl-cicek-saat__kutu input:checked ~ span { color: var(--accent-3); font-weight: 700; }
.atl-cicek-saat__kutu:has(input:checked),
.atl-cicek-saat__kutu.is-sel { border-color: var(--accent); background: var(--accent-2); }
.atl-cicek-saat__kutu.is-sel span { color: var(--accent-3); font-weight: 700; }
.atl-cicek-saat__kutu:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.atl-field__not { display: block; margin: .35rem 0 1rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.atl-cicek-saat + .atl-field__not { margin-top: .5rem; }
.atl-cicek-ozet b { display: block; }
.atl-cicek-ozet p { margin: .2rem 0 0; }
.atl-cicek-not {
	margin-top: .5rem; padding: .6rem .8rem; background: var(--accent-2);
	border-left: 3px solid var(--accent); border-radius: 0 6px 6px 0;
	font-style: italic; font-size: .86rem; white-space: pre-wrap;
}

/* ---------- restoran ---------- */
.atl-restoran-kapali {
	display: flex; flex-direction: column; gap: .2rem;
	padding: .8rem 1rem; margin-bottom: 1.2rem;
	background: #FDF3EF; border: 1px solid #E9C9BE; border-left: 3px solid #A4442E;
	border-radius: 0 8px 8px 0;
}
.atl-restoran-kapali b { font-size: .9rem; color: #8C3524; }
.atl-restoran-kapali span { font-size: .82rem; color: var(--muted); line-height: 1.5; }
.atl-teslim-tip__kutu[disabled] { opacity: .45; cursor: not-allowed; }
.atl-restoran-bant {
	background: #8C3524; color: #fff; text-align: center;
	padding: .55rem 1rem; font-size: .84rem; line-height: 1.5;
}
.atl-restoran-bant b { font-weight: 700; }
.atl-min-uyari {
	margin-top: .8rem; padding: .7rem .9rem;
	background: #FDF3EF; border: 1px solid #E9C9BE; border-radius: 8px;
	font-size: .82rem; color: #8C3524; line-height: 1.5;
}
.atl-btn[disabled] { opacity: .5; cursor: not-allowed; pointer-events: none; }
.atl-randevu-hizmetler { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.1rem; }
.atl-randevu-hizmetler span {
	padding: .3rem .7rem; background: var(--accent-2); border-radius: 20px;
	font-size: .78rem; font-weight: 500; color: var(--accent-3);
}
.atl-indirim-tesvik {
	margin-top: .9rem; padding: .7rem .9rem;
	background: var(--accent-2); border: 1px dashed var(--accent);
	border-radius: 8px; font-size: .82rem; color: var(--accent-3); line-height: 1.55;
}
.atl-indirim-tesvik b { font-weight: 700; }
.atl-randevu-ozet b { display: block; }
.atl-randevu-ozet p { margin: .2rem 0 0; }
.atl-restoran-ozet b { display: block; }
.atl-restoran-ozet p { margin: .2rem 0 0; }

/* ---------- ürün detayı: çiçek teslimat günü ---------- */
.atl-pd-teslim {
	margin: 0 0 1.1rem; padding: .9rem 1rem;
	background: var(--accent-2); border: 1px solid var(--line);
	border-radius: var(--radius-sm, 10px);
}
.atl-pd-teslim__baslik {
	display: flex; align-items: center; gap: .45rem;
	font-size: .88rem; font-weight: 600; color: var(--accent-3); margin-bottom: .6rem;
}
/* Tek sütun: gün kutuları ve saat aralığı alt alta. İki sütunluyken saat
   kutusu satır boyunca gerilip kocaman boş bir alana dönüşüyordu. */
.atl-pd-teslim__alanlar { display: grid; grid-template-columns: 1fr; gap: .8rem; }
.atl-pd-teslim__alanlar .atl-input { background: #fff; font-size: .86rem; }
.atl-pd-teslim__not {
	display: block; margin-top: .5rem;
	font-size: .74rem; line-height: 1.5; color: var(--muted);
}

@media (max-width: 520px) {
	.atl-pd-teslim__alanlar { grid-template-columns: 1fr; }
}

/* ---------- fiyat yalnız üyelere ---------- */
.atl-fiyat-gizli {
	display: inline-flex; align-items: center; gap: .35rem;
	font-size: .82rem; font-weight: 600; color: var(--accent-3);
	text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px;
}
.atl-fiyat-gizli:hover { color: var(--accent); }
.atl-fiyat-kilit {
	display: flex; align-items: center; gap: .9rem; flex-wrap: wrap;
	padding: 1rem 1.15rem; margin-bottom: 1.4rem;
	background: var(--accent-2); border: 1px solid var(--line);
	border-radius: var(--radius-sm, 10px);
}
.atl-fiyat-kilit > svg { flex: 0 0 auto; width: 26px; height: 26px; color: var(--accent-3); }
.atl-fiyat-kilit > div { flex: 1 1 200px; min-width: 0; }
.atl-fiyat-kilit b { display: block; font-size: .95rem; color: var(--ink); }
.atl-fiyat-kilit span { display: block; margin-top: .15rem; font-size: .82rem; color: var(--muted); line-height: 1.5; }
.atl-fiyat-kilit__dugmeler { display: flex; gap: .5rem; flex: 0 0 auto; }
.atl-fiyat-kilit__dugmeler .atl-btn { padding: .55rem 1rem; font-size: .85rem; }

@media (max-width: 520px) {
	.atl-fiyat-kilit__dugmeler { width: 100%; }
	.atl-fiyat-kilit__dugmeler .atl-btn { flex: 1; }
}

/* ---------- Pazarlama > Hikayeler ---------- */
.atl-hikaye-wrap { padding: 1.6rem 0 .4rem; }
.atl-hikaye-baslik {
	font-family: var(--ff-display, Georgia, serif); font-size: 1.15rem;
	font-weight: 500; color: var(--ink); margin: 0 0 .9rem;
}
.atl-hikaye-serit {
	display: flex; gap: 1.1rem; overflow-x: auto; padding: .2rem .1rem 1rem;
	scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.atl-hikaye-serit::-webkit-scrollbar { display: none; }
.atl-hikaye {
	flex: 0 0 auto; width: 76px; background: none; border: 0; padding: 0;
	cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: .4rem;
}
.atl-hikaye__halka {
	display: block; width: 72px; height: 72px; border-radius: 50%; padding: 3px;
	background: linear-gradient(135deg, var(--accent) 0%, #B8894B 60%, #A4442E 100%);
	transition: transform .15s ease;
}
.atl-hikaye:hover .atl-hikaye__halka { transform: scale(1.04); }
.atl-hikaye.gorulmus .atl-hikaye__halka { background: var(--line); }
.atl-hikaye__halka img {
	width: 100%; height: 100%; border-radius: 50%; object-fit: cover;
	border: 2px solid var(--bg, #fff); background: #fff; display: block;
}
.atl-hikaye__ad {
	font-size: .74rem; line-height: 1.25; color: var(--ink); text-align: center;
	max-width: 76px; overflow: hidden; display: -webkit-box;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

/* görüntüleyici */
.atl-hk-goster {
	position: fixed; inset: 0; z-index: 1200; background: rgba(10, 9, 7, .96);
	display: grid; place-items: center;
}
.atl-hk-goster__ic {
	position: relative; width: 100%; height: 100%; max-width: 430px; max-height: 100vh;
	background: #000; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.atl-hk-kare { width: 100%; height: 100%; object-fit: contain; display: block; }
.atl-hk-cubuklar { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; gap: 4px; z-index: 3; }
.atl-hk-cubuk { flex: 1; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .3); overflow: hidden; }
.atl-hk-cubuk i { display: block; height: 100%; width: 0; background: #fff; }
.atl-hk-ust {
	position: absolute; top: 24px; left: 10px; right: 10px; z-index: 3;
	display: flex; align-items: center; justify-content: space-between; gap: .6rem;
}
.atl-hk-ust__ad { color: #fff; font-size: .85rem; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.atl-hk-kapat {
	background: none; border: 0; color: #fff; cursor: pointer; padding: 4px;
	display: grid; place-items: center;
}
.atl-hk-kapat svg { width: 22px; height: 22px; }
.atl-hk-bolge { position: absolute; top: 0; bottom: 0; width: 35%; background: none; border: 0; cursor: pointer; z-index: 2; }
.atl-hk-bolge--sol { left: 0; }
.atl-hk-bolge--sag { right: 0; width: 65%; }
.atl-hk-link {
	position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 3;
	background: #fff; color: #17150F; text-decoration: none; font-size: .88rem; font-weight: 600;
	padding: .7rem 1.6rem; border-radius: 100px; white-space: nowrap;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
}
body.atl-hk-acik { overflow: hidden; }

@media (max-width: 640px) {
	.atl-hikaye { width: 66px; }
	.atl-hikaye__halka { width: 64px; height: 64px; }
	.atl-hikaye__ad { max-width: 66px; font-size: .7rem; }
	.atl-hk-goster__ic { max-width: 100%; }
}

/* ---------- Pazarlama > Yıldız ve Yorum ---------- */
.atl-yildiz { display: inline-flex; gap: 1px; line-height: 1; }
.atl-yildiz i { font-style: normal; color: var(--line); font-size: 1.05rem; }
.atl-yildiz i.dolu { color: #E8A21C; }
.atl-yildiz--kucuk i { font-size: .82rem; }

.atl-pd__puan {
	display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .9rem;
	text-decoration: none; color: var(--muted); font-size: .82rem;
}
.atl-pd__puan b { color: var(--ink); }
.atl-pd__puan:hover { color: var(--accent-3); }

.atl-card__puan { display: flex; align-items: center; gap: .3rem; margin-bottom: .25rem; font-size: .75rem; color: var(--muted); }

.atl-yorum { padding: 2.4rem 0 .5rem; border-top: 1px solid var(--line); margin-top: 2rem; }
.atl-yorum__ust { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.atl-yorum__ust h2 { font-family: var(--ff-display, Georgia, serif); font-size: 1.4rem; font-weight: 500; margin: 0; color: var(--ink); }
.atl-yorum__ozet { display: flex; align-items: center; gap: .5rem; }
.atl-yorum__ozet b { font-size: 1.1rem; color: var(--ink); }
.atl-yorum__adet { font-size: .82rem; color: var(--muted); }

.atl-yorum__liste { display: flex; flex-direction: column; }
.atl-yorum__tek { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.atl-yorum__tek:last-child { border-bottom: none; }
.atl-yorum__bas { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.atl-yorum__bas b { font-size: .88rem; color: var(--ink); }
.atl-yorum__bas time { font-size: .76rem; color: var(--muted); margin-left: auto; }
.atl-yorum__rozet {
	font-size: .68rem; padding: .15rem .5rem; border-radius: 20px;
	background: var(--accent-2); color: var(--accent-3);
}
.atl-yorum__tek p { margin: .5rem 0 0; font-size: .88rem; line-height: 1.65; color: var(--ink); white-space: pre-wrap; }
.atl-yorum__bos { color: var(--muted); font-size: .88rem; padding: .5rem 0 1rem; }

.atl-yorum__form {
	margin-top: 1.6rem; padding: 1.3rem 1.4rem;
	background: var(--accent-2); border-radius: var(--radius-sm, 10px);
}
.atl-yorum__form h3 { font-size: 1rem; font-weight: 600; margin: 0 0 .8rem; color: var(--ink); }
.atl-yorum__puan { display: flex; gap: .2rem; margin-bottom: .9rem; }
.atl-yorum__puan button {
	background: none; border: 0; cursor: pointer; padding: 0 .1rem;
	font-size: 1.7rem; line-height: 1; color: var(--line); transition: color .12s;
}
.atl-yorum__puan button.dolu, .atl-yorum__puan button:hover { color: #E8A21C; }
.atl-yorum__sonuc { margin-top: .7rem; font-size: .85rem; }
.atl-yorum__sonuc.ok { color: #1e7e34; }
.atl-yorum__sonuc.warn { color: #A4442E; }
.atl-yorum__uyari {
	margin-top: 1.4rem; padding: .9rem 1.1rem; background: var(--accent-2);
	border-radius: var(--radius-sm, 10px); font-size: .86rem; color: var(--muted);
}
.atl-yorum__uyari a { color: var(--accent-3); font-weight: 600; }

/* ---------- Pazarlama > Soru - Cevap ---------- */
.atl-soru { padding: 2.4rem 0 .5rem; border-top: 1px solid var(--line); margin-top: 2rem; }
.atl-soru__ust { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.atl-soru__ust h2 { font-family: var(--ff-display, Georgia, serif); font-size: 1.4rem; font-weight: 500; margin: 0; color: var(--ink); }
.atl-soru__adet { font-size: .82rem; color: var(--muted); }

.atl-soru__liste { display: flex; flex-direction: column; }
.atl-soru__tek { padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
.atl-soru__tek:last-child { border-bottom: none; }
.atl-soru__soru, .atl-soru__cevap { display: flex; gap: .7rem; align-items: flex-start; }
.atl-soru__cevap { margin-top: .8rem; padding-left: .4rem; }
.atl-soru__im {
	flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: .78rem; font-weight: 700; background: var(--line); color: var(--ink);
}
.atl-soru__im--c { background: var(--accent-3, #26463B); color: #fff; }
.atl-soru__tek p { margin: 0; font-size: .89rem; line-height: 1.65; color: var(--ink); white-space: pre-wrap; }
.atl-soru__meta { font-size: .74rem; color: var(--muted); margin-top: .25rem; }
.atl-soru__bos { color: var(--muted); font-size: .88rem; padding: .5rem 0 1rem; }

.atl-soru__form {
	margin-top: 1.6rem; padding: 1.3rem 1.4rem;
	background: var(--accent-2); border-radius: var(--radius-sm, 10px);
}
.atl-soru__form h3 { font-size: 1rem; font-weight: 600; margin: 0 0 .8rem; color: var(--ink); }
.atl-soru__ikili { display: flex; gap: .9rem; flex-wrap: wrap; }
.atl-soru__ikili .atl-field { flex: 1 1 220px; min-width: 0; }
.atl-soru__sonuc { margin-top: .7rem; font-size: .85rem; }
.atl-soru__sonuc.ok { color: #1e7e34; }
.atl-soru__sonuc.warn { color: #A4442E; }
.atl-soru__not { margin: .7rem 0 0; font-size: .76rem; color: var(--muted); }
.atl-soru__uyari {
	margin-top: 1.4rem; padding: .9rem 1.1rem; background: var(--accent-2);
	border-radius: var(--radius-sm, 10px); font-size: .86rem; color: var(--muted);
}
.atl-soru__uyari a { color: var(--accent-3); font-weight: 600; }

/* ---------- Pazarlama > Minimum Sepet Tutarı ---------- */
.atl-mini__min {
	margin: 0 0 .6rem; padding: .6rem .8rem; border-radius: 8px;
	background: #FBF1E8; color: #7A4A17; font-size: .8rem; line-height: 1.5;
}
.atl-btn.is-kapali { opacity: .5; pointer-events: none; }

/* ---------- Pazarlama > Size Özel Teklif ---------- */
.atl-teklif {
	margin-top: 1.1rem; padding: 1rem 1.1rem .9rem;
	border: 2px dashed var(--accent, #A4442E); border-radius: var(--radius-sm, 10px);
	background: #FDF6F4; position: relative;
}
.atl-teklif__etiket {
	font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: var(--accent, #A4442E); margin-bottom: .6rem;
}
.atl-teklif__govde { display: flex; gap: .8rem; align-items: flex-start; }
.atl-teklif__img { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: #fff; }
.atl-teklif__img img { width: 100%; height: 100%; object-fit: cover; }
.atl-teklif__bilgi { min-width: 0; flex: 1; }
.atl-teklif__bilgi b { display: block; font-size: .9rem; line-height: 1.35; color: var(--ink); }
.atl-teklif__bilgi small { display: block; font-size: .78rem; color: var(--muted); margin-top: .2rem; line-height: 1.5; }
.atl-teklif__fiyat { margin-top: .4rem; display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.atl-teklif__eski { text-decoration: line-through; color: var(--muted); font-size: .82rem; }
.atl-teklif__fiyat b { font-size: 1.02rem; color: var(--ink); }
.atl-teklif__kazanc { font-size: .74rem; color: var(--accent, #A4442E); font-weight: 600; }
.atl-teklif button { margin-top: .8rem; }
.atl-teklif__sonuc { margin-top: .6rem; font-size: .82rem; }
.atl-teklif__sonuc.ok { color: #1e7e34; }
.atl-teklif__sonuc.warn { color: #A4442E; }

/* ---------- Pazarlama > Özel Yazı (kişiselleştirme) ---------- */
.atl-ozelyazi {
	margin: 0 0 1.1rem; padding: .9rem 1rem;
	background: var(--accent-2); border-radius: var(--radius-sm, 10px);
}
.atl-ozelyazi > label {
	display: block; font-size: .84rem; font-weight: 600; color: var(--ink); margin-bottom: .45rem;
}
.atl-ozelyazi__zorunlu {
	margin-left: .4rem; font-size: .68rem; font-weight: 600; padding: .1rem .45rem;
	border-radius: 20px; background: var(--accent, #A4442E); color: #fff; vertical-align: middle;
}
.atl-ozelyazi__alt {
	display: flex; justify-content: space-between; align-items: baseline; gap: .6rem;
	margin-top: .4rem; font-size: .76rem; color: var(--muted);
}
.atl-ozelyazi__ucret { font-weight: 700; color: var(--accent-3, #26463B); }
.atl-ozelyazi__ipucu { display: block; margin-top: .35rem; font-size: .74rem; color: var(--muted); line-height: 1.5; }
.atl-ozelyazi__hata { margin-top: .4rem; font-size: .8rem; color: #A4442E; }
.atl-cart__ozelyazi, .atl-osummary__ozelyazi {
	display: block; font-size: .76rem; color: var(--muted); margin-top: .15rem;
}
.atl-cart__ozelyazi b, .atl-osummary__ozelyazi b { color: var(--ink); font-weight: 600; }

/* ---------- Pazarlama > Üyeye Özel Fiyat ---------- */
.atl-uye-fiyat-etiket {
	background: #7A5C8A; color: #fff; font-size: .68rem; font-weight: 600;
	padding: .15rem .5rem; border-radius: 20px; letter-spacing: .02em;
}
.atl-cart__uye-fiyat { display: block; font-size: .74rem; color: #7A5C8A; font-weight: 600; margin-top: .15rem; }

/* ---------- Pazarlama > Ziyaretçi Çıkış Teklifi ---------- */
.atl-cikis { position: fixed; inset: 0; z-index: 1200; display: none; }
.atl-cikis.is-open { display: block; }
.atl-cikis__perde { position: absolute; inset: 0; background: rgba(23,21,15,.55); }
.atl-cikis__kutu {
	position: relative; z-index: 1; width: min(440px, calc(100% - 2rem));
	margin: 12vh auto 0; background: #fff; border-radius: var(--radius-sm, 12px);
	padding: 1.7rem 1.6rem 1.3rem; box-shadow: 0 24px 60px rgba(0,0,0,.28); text-align: center;
	animation: atlCikisGir .22s ease-out;
}
@keyframes atlCikisGir { from { transform: translateY(14px); opacity: 0; } to { transform: none; opacity: 1; } }
.atl-cikis__x {
	position: absolute; top: .6rem; right: .8rem; background: none; border: 0;
	font-size: 1.6rem; line-height: 1; color: var(--muted); cursor: pointer;
}
.atl-cikis__gorsel img { max-width: 100%; border-radius: 8px; margin-bottom: .9rem; }
.atl-cikis__kutu h3 { font-family: var(--ff-display, Georgia, serif); font-size: 1.35rem; margin: 0 0 .5rem; color: var(--ink); }
.atl-cikis__metin { font-size: .9rem; line-height: 1.65; color: var(--muted); margin: 0 0 1.1rem; }
.atl-cikis__form { display: flex; gap: .5rem; }
.atl-cikis__form .atl-input { flex: 1 1 auto; min-width: 0; }
.atl-cikis__form .atl-btn { flex: 0 0 auto; }
.atl-cikis__sonuc { margin-top: .7rem; font-size: .85rem; }
.atl-cikis__sonuc.ok { color: #1e7e34; }
.atl-cikis__sonuc.warn { color: #A4442E; }
.atl-cikis__kod {
	margin-top: .8rem; padding: .9rem; border: 2px dashed var(--accent, #B5442E); border-radius: 10px;
	font: 700 1.2rem/1 var(--ff-mono, monospace); letter-spacing: .1em; color: var(--accent, #B5442E);
	display: flex; align-items: center; justify-content: center; gap: .8rem;
}
.atl-cikis__kopyala {
	font: 600 .72rem/1 inherit; letter-spacing: 0; padding: .4rem .7rem; border-radius: 6px;
	border: 1px solid currentColor; background: none; color: inherit; cursor: pointer;
}
.atl-cikis__bitis { margin-top: .5rem; font-size: .76rem; color: var(--muted); }
.atl-cikis__vazgec {
	display: block; margin: 1rem auto 0; background: none; border: 0; cursor: pointer;
	font-size: .78rem; color: var(--muted); text-decoration: underline;
}
@media (max-width: 480px) {
	.atl-cikis__kutu { margin-top: 8vh; padding: 1.4rem 1.1rem 1.1rem; }
	.atl-cikis__form { flex-direction: column; }
}

/* ---------- Pazarlama > Kombin ---------- */
.atl-kombin { padding: 2rem 0 .5rem; }
.atl-kombin__kutu {
	border: 2px solid var(--accent-2); border-radius: var(--radius-sm, 12px);
	padding: 1.3rem 1.4rem; background: #fff; margin-bottom: 1.2rem;
}
.atl-kombin__ust { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; margin-bottom: .3rem; }
.atl-kombin__ust h3 { font-family: var(--ff-display, Georgia, serif); font-size: 1.2rem; margin: 0; color: var(--ink); }
.atl-kombin__etiket {
	font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	background: var(--accent-3, #26463B); color: #fff; padding: .2rem .55rem; border-radius: 20px;
}
.atl-kombin__aciklama { font-size: .84rem; color: var(--muted); margin: .2rem 0 1rem; line-height: 1.6; }
.atl-kombin__urunler { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin: 1rem 0; }
.atl-kombin__arti { font-size: 1.3rem; color: var(--muted); }
.atl-kombin__urun {
	flex: 1 1 130px; min-width: 120px; max-width: 190px; text-align: center;
	text-decoration: none; color: inherit; padding: .5rem; border-radius: 10px; transition: background .15s;
}
.atl-kombin__urun:hover { background: var(--accent-2); }
.atl-kombin__urun.is-bu { background: var(--accent-2); }
.atl-kombin__urun img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.atl-kombin__ad { display: block; font-size: .78rem; line-height: 1.4; margin-top: .4rem; color: var(--ink); }
.atl-kombin__fiyat { display: block; font-size: .78rem; color: var(--muted); margin-top: .15rem; }
.atl-kombin__alt { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: .6rem; }
.atl-kombin__toplam { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
.atl-kombin__eski { text-decoration: line-through; color: var(--muted); font-size: .88rem; }
.atl-kombin__toplam b { font-size: 1.25rem; color: var(--ink); }
.atl-kombin__kazanc { font-size: .78rem; font-weight: 600; color: var(--accent-3, #26463B); }
.atl-kombin__tamam { font-size: .85rem; font-weight: 600; color: var(--accent-3, #26463B); }
.atl-kombin__sonuc { margin-top: .7rem; font-size: .85rem; }
.atl-kombin__sonuc.ok { color: #1e7e34; }
.atl-kombin__sonuc.warn { color: #A4442E; }
@media (max-width: 560px) {
	.atl-kombin__urunler { justify-content: center; }
	.atl-kombin__alt { flex-direction: column; align-items: stretch; }
	.atl-kombin__alt .atl-btn { width: 100%; }
}

/* ---------- Kombin: ürün sayfasındaki kompakt kutu ---------- */
.atl-kombin-mini { margin: -.6rem 0 1.4rem; }
.atl-kombin-mini__kutu {
	border: 1px solid var(--line); border-radius: var(--radius-sm, 10px);
	padding: .85rem .9rem; background: var(--accent-2); margin-bottom: .7rem;
}
.atl-kombin-mini__ust { display: flex; align-items: center; gap: .5rem; margin-bottom: .55rem; }
.atl-kombin-mini__ust b { font-size: .86rem; color: var(--ink); }
.atl-kombin-mini__etiket {
	font-size: .66rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
	background: var(--accent-3, #26463B); color: #fff; padding: .15rem .45rem; border-radius: 20px;
}
.atl-kombin-mini__urunler { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; margin-bottom: .6rem; }
.atl-kombin-mini__urunler img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; display: block; }
.atl-kombin-mini__urunler a.is-bu img { outline: 2px solid var(--accent-3, #26463B); outline-offset: 1px; }
.atl-kombin-mini__arti { color: var(--muted); font-size: .9rem; }
.atl-kombin-mini__fiyat { margin-left: auto; display: flex; align-items: baseline; gap: .4rem; }
.atl-kombin-mini__fiyat .eski { text-decoration: line-through; color: var(--muted); font-size: .76rem; }
.atl-kombin-mini__fiyat b { font-size: .95rem; color: var(--ink); }
.atl-kombin-mini__tamam { font-size: .8rem; font-weight: 600; color: var(--accent-3, #26463B); text-align: center; }

/* ---------- Kombin: sepetteki "az kaldı" şeridi ---------- */
.atl-kombin-serit { margin: 1rem 0 0; }
.atl-kombin-serit__kutu {
	display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
	border: 2px dashed var(--accent-3, #26463B); border-radius: var(--radius-sm, 10px);
	padding: .9rem 1rem; background: #F6F9F6; margin-bottom: .7rem;
}
.atl-kombin-serit__sol { flex: 1 1 220px; min-width: 0; }
.atl-kombin-serit__etiket {
	display: inline-block; font-size: .64rem; font-weight: 700; letter-spacing: .06em;
	text-transform: uppercase; background: var(--accent-3, #26463B); color: #fff;
	padding: .15rem .5rem; border-radius: 20px; margin-bottom: .3rem;
}
.atl-kombin-serit__sol b { display: block; font-size: .9rem; color: var(--ink); line-height: 1.45; }
.atl-kombin-serit__kazanc { color: var(--accent-3, #26463B); }
.atl-kombin-serit__sol small { display: block; font-size: .76rem; color: var(--muted); margin-top: .2rem; }
.atl-kombin-serit__urunler { display: flex; gap: .5rem; }
.atl-kombin-serit__urunler a { text-align: center; text-decoration: none; }
.atl-kombin-serit__urunler img { width: 46px; height: 46px; object-fit: cover; border-radius: 7px; display: block; }
.atl-kombin-serit__urunler span { display: block; font-size: .7rem; color: var(--muted); margin-top: .2rem; }
@media (max-width: 560px) {
	.atl-kombin-serit__kutu { flex-direction: column; align-items: stretch; }
	.atl-kombin-serit__kutu .atl-btn { width: 100%; }
}

/* ---------- Pazarlama > Hediye Bulucu ---------- */
.atl-hediye { max-width: 760px; margin: 0 auto; padding: 2.4rem 0 3rem; }
.atl-hediye__ust { text-align: center; margin-bottom: 1.8rem; }
.atl-hediye__ust h1 { font-family: var(--ff-display, Georgia, serif); font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 .5rem; color: var(--ink); }
.atl-hediye__ust p { color: var(--muted); font-size: .95rem; margin: 0; }

.atl-hediye__ilerleme { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.4rem; }
.atl-hediye__ilerleme .cubuk { flex: 1; height: 6px; background: var(--line); border-radius: 20px; overflow: hidden; }
.atl-hediye__ilerleme .cubuk span { display: block; height: 100%; background: var(--accent-3, #26463B); transition: width .25s ease; }
.atl-hediye__ilerleme small { color: var(--muted); font-size: .8rem; white-space: nowrap; }

.atl-hediye__adim { display: none; }
.atl-hediye__adim.is-acik { display: block; animation: atlHediyeGir .2s ease-out; }
@keyframes atlHediyeGir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.atl-hediye__adim h2 { font-size: 1.2rem; margin: 0 0 .3rem; color: var(--ink); }
.atl-hediye__aciklama { color: var(--muted); font-size: .87rem; margin: 0 0 1rem; }

.atl-hediye__secenekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .7rem; margin: 1rem 0 1.4rem; }
.atl-hediye__secenek { position: relative; display: block; cursor: pointer; }
.atl-hediye__secenek input { position: absolute; opacity: 0; pointer-events: none; }
.atl-hediye__secenek span {
	display: block; padding: .9rem 1rem; border: 2px solid var(--line); border-radius: var(--radius-sm, 10px);
	background: #fff; font-size: .92rem; color: var(--ink); text-align: center; transition: .15s;
}
.atl-hediye__secenek:hover span { border-color: var(--accent-3, #26463B); }
.atl-hediye__secenek input:checked + span {
	border-color: var(--accent-3, #26463B); background: var(--accent-2); font-weight: 600;
}
.atl-hediye__dugmeler { display: flex; gap: .6rem; justify-content: flex-end; }

.atl-hediye-sonuc { padding: 2rem 0 3rem; }
.atl-hediye-sonuc__secim { display: flex; gap: .4rem; justify-content: center; flex-wrap: wrap; margin-top: .6rem; }
.atl-hediye-sonuc__secim span { font-size: .78rem; background: var(--accent-2); color: var(--accent-3, #26463B); padding: .2rem .7rem; border-radius: 20px; }
.atl-hediye-sonuc__alt { display: flex; gap: .6rem; justify-content: center; margin-top: 2rem; flex-wrap: wrap; }
.atl-hediye-sonuc__bos { text-align: center; color: var(--muted); padding: 2rem 0; }

.atl-hediye-serit {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	background: var(--accent-2); border-radius: var(--radius-sm, 12px); padding: 1.1rem 1.3rem; margin: 1.4rem 0;
}
.atl-hediye-serit.is-sade { background: none; border: 1px dashed var(--line); padding: .7rem 1rem; margin: 0 0 1rem; }
.atl-hediye-serit__metin b { display: block; font-size: 1.02rem; color: var(--ink); }
.atl-hediye-serit__metin span { font-size: .86rem; color: var(--muted); }
.atl-hediye-serit.is-sade .atl-hediye-serit__metin b { font-size: .9rem; }
.atl-hediye-serit.is-sade .atl-hediye-serit__metin span { font-size: .8rem; }
@media (max-width: 560px) {
	.atl-hediye-serit { flex-direction: column; align-items: stretch; text-align: center; }
	.atl-hediye__dugmeler { justify-content: stretch; }
	.atl-hediye__dugmeler .atl-btn { flex: 1; }
}

/* Pazarlama > WhatsApp: düğme sol köşede */
.atl-wa-fab--sol { right: auto; left: 20px; }
.atl-wa-fab--sol .atl-wa-fab__label { right: auto; left: calc(100% + 12px); transform: translateY(-50%) translateX(-8px); }
.atl-wa-fab--sol:hover .atl-wa-fab__label { transform: translateY(-50%); }
@media (max-width: 640px) {
	.atl-wa-fab--sol { right: auto; left: 16px; }
}

/* ---------- Pazarlama > Kasa Önü Fırsat Ürünleri ---------- */
.atl-kasa { border: 1px dashed var(--line); border-radius: var(--radius-sm, 12px); padding: 1rem 1.1rem 1.2rem; margin: 1.4rem 0; }
.atl-kasa__ust { margin-bottom: .9rem; }
.atl-kasa__ust b { display: block; font-size: 1rem; color: var(--ink); }
.atl-kasa__ust small { color: var(--muted); font-size: .82rem; }
.atl-kasa__raf { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(148px, 1fr); gap: .8rem; overflow-x: auto; padding-bottom: .3rem; scroll-snap-type: x proximity; }
.atl-kasa__urun { position: relative; scroll-snap-align: start; display: flex; flex-direction: column; gap: .35rem; }
.atl-kasa__img { display: block; border-radius: var(--radius-sm, 10px); overflow: hidden; aspect-ratio: 1/1; background: var(--accent-2); }
.atl-kasa__img img { width: 100%; height: 100%; object-fit: cover; }
.atl-kasa__ad { font-size: .8rem; color: var(--ink); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atl-kasa__fiyat { display: flex; align-items: baseline; gap: .4rem; }
.atl-kasa__fiyat b { font-size: .9rem; }
.atl-kasa__fiyat .eski { font-size: .76rem; color: var(--muted); text-decoration: line-through; }
.atl-kasa__rozet { position: absolute; top: 6px; left: 6px; z-index: 2; background: var(--accent, #A4442E); color: #fff; font-size: .7rem; font-weight: 600; padding: .1rem .4rem; border-radius: 4px; }
.atl-kasa__ekle { margin-top: auto; }
.atl-kasa__ekle[disabled] { opacity: .55; }
.atl-kasa__sonuc { margin-top: .7rem; font-size: .82rem; padding: .5rem .7rem; border-radius: 8px; }
.atl-kasa__sonuc.ok { background: #e6f6ec; color: #1e7e34; }
.atl-kasa__sonuc.warn { background: #fdecea; color: #a4442e; }
@media (max-width: 560px) {
	.atl-kasa { padding: .9rem; }
	.atl-kasa__raf { grid-auto-columns: minmax(132px, 1fr); }
}

/* ---------- Pazarlama > Sosyal Kanıt ---------- */
.atl-sk { margin: 2.2rem 0; }
.atl-sk__ust { margin-bottom: 1rem; }
.atl-sk__ust h2 { font-family: var(--ff-display, Georgia, serif); font-size: clamp(1.15rem, 2.4vw, 1.5rem); margin: 0 0 .25rem; color: var(--ink); }
.atl-sk__ust p { color: var(--muted); font-size: .87rem; margin: 0; }
.atl-sk__izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7rem; }
.atl-sk--serit .atl-sk__izgara { grid-auto-flow: column; grid-auto-columns: minmax(168px, 220px); grid-template-columns: none; justify-content: start; overflow-x: auto; padding-bottom: .3rem; scroll-snap-type: x proximity; }
.atl-sk__kutu { position: relative; margin: 0; border-radius: var(--radius-sm, 10px); overflow: hidden; cursor: pointer; background: var(--accent-2); aspect-ratio: 1/1; scroll-snap-align: start; }
.atl-sk__kutu img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease, ease); }
.atl-sk__kutu:hover img { transform: scale(1.05); }
.atl-sk__bos { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #EAE3D6, #DAD1C0); }
.atl-sk__oynat { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.45); pointer-events: none; }
.atl-sk__kutu figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.6rem .6rem .5rem; color: #fff; font-size: .76rem; line-height: 1.3; background: linear-gradient(to top, rgba(23,21,15,.72), transparent); }
.atl-sk__kutu figcaption b { display: block; }
.atl-sk__kutu figcaption span { opacity: .9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.atl-sk-kutu { position: fixed; inset: 0; z-index: 1200; background: rgba(23,21,15,.86); display: flex; align-items: center; justify-content: center; padding: 1.2rem; }
.atl-sk-kutu[hidden] { display: none; }
.atl-sk-kutu__ic { width: min(760px, 100%); max-height: 88vh; display: flex; align-items: center; justify-content: center; }
.atl-sk-kutu__ic img { max-width: 100%; max-height: 88vh; border-radius: 10px; }
.atl-sk-kutu__ic iframe { width: min(760px, 100%); aspect-ratio: 9/16; max-height: 88vh; border: 0; border-radius: 10px; background: #000; }
.atl-sk-kutu__ic .atl-sk-kutu__alt { color: #fff; text-align: center; margin-top: .6rem; font-size: .84rem; }
.atl-sk-kutu__kapat { position: absolute; top: 14px; right: 18px; background: none; border: 0; color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; }
@media (max-width: 560px) {
	.atl-sk__izgara { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); }
	.atl-sk--serit .atl-sk__izgara { grid-auto-columns: minmax(142px, 1fr); }
}

/* Ürün detayında spot etiket (kartlardaki "Sadece Bizde" rozetinin karşılığı) */
.atl-pd__spot { display: inline-block; margin: 0 0 .5rem; }

/* ---------- Pazarlama > Sepete Ekleyen Sayacı ---------- */
.atl-sepet-sayac { display: inline-flex; align-items: center; gap: .45rem; margin: .7rem 0 0;
	background: var(--accent-2); color: var(--accent-3, #26463B); border-radius: 20px;
	padding: .4rem .85rem; font-size: .84rem; line-height: 1.3; }
.atl-sepet-sayac svg { flex: 0 0 auto; }
.atl-sepet-sayac--kart { display: block; margin: .35rem 0 0; padding: 0; background: none;
	color: var(--muted); font-size: .74rem; }

/* ---------- Çarkıfelek: kapatanlara kalan hatırlatma ---------- */
.atl-cark-hatirlat { position: fixed; z-index: 1015; display: inline-flex; align-items: center; gap: .45rem;
	border: 0; cursor: pointer; background: var(--accent-3, #26463B); color: #fff;
	font-size: .82rem; font-family: inherit; padding: .6rem .95rem; border-radius: 30px;
	box-shadow: 0 6px 20px -6px rgba(23,21,15,.45); transition: transform .2s var(--ease, ease); }
.atl-cark-hatirlat:hover { transform: translateY(-2px); }
.atl-cark-hatirlat[hidden] { display: none; }
.atl-cark-hatirlat--sol { left: 20px; bottom: calc(20px + var(--cerez-h, 0px)); }
.atl-cark-hatirlat--sag { right: 20px; bottom: calc(20px + var(--cerez-h, 0px) + var(--fab, 60px) + 12px); }
.atl-cark-hatirlat--sol_orta { left: 0; top: 50%; transform: translateY(-50%) rotate(0deg);
	border-radius: 0 10px 10px 0; padding: .7rem .8rem; }
.atl-cark-hatirlat--sol_orta:hover { transform: translateY(-50%) translateX(2px); }
@media (max-width: 560px) {
	.atl-cark-hatirlat { font-size: .76rem; padding: .5rem .8rem; }
	.atl-cark-hatirlat--sol { left: 12px; bottom: calc(12px + var(--cerez-h, 0px)); }
	.atl-cark-hatirlat--sag { right: 12px; }
	.atl-cark-hatirlat--sol_orta { top: auto; bottom: calc(12px + var(--cerez-h, 0px)); transform: none; border-radius: 30px; left: 12px; }
}

/* ---------- Sepete Ekleyen Sayacı: köşeden çıkan bildirim ---------- */
.atl-ss-kutu { position: fixed; z-index: 1016; max-width: 330px; background: #fff;
	border-radius: 12px; box-shadow: 0 12px 34px -10px rgba(23,21,15,.35), 0 2px 8px rgba(23,21,15,.10);
	opacity: 0; transform: translateY(14px); transition: opacity .35s var(--ease, ease), transform .35s var(--ease, ease); }
.atl-ss-kutu[hidden] { display: none; }
.atl-ss-kutu.is-acik { opacity: 1; transform: none; }
.atl-ss-kutu--sol { left: 20px; bottom: calc(20px + var(--cerez-h, 0px)); }
.atl-ss-kutu--sag { right: 20px; bottom: calc(20px + var(--cerez-h, 0px) + var(--fab, 60px) + 12px); }
.atl-ss-kutu__ic { display: flex; gap: .7rem; align-items: center; padding: .7rem .9rem; color: inherit; }
.atl-ss-kutu__gorsel { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 8px; overflow: hidden; background: var(--accent-2); }
.atl-ss-kutu__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atl-ss-kutu__metin { display: block; min-width: 0; }
.atl-ss-kutu__metin b { display: block; font-size: .82rem; color: var(--ink); line-height: 1.25;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atl-ss-kutu__metin span { display: block; font-size: .76rem; color: var(--muted); line-height: 1.35; margin-top: .12rem; }
.atl-ss-kutu__kapat { position: absolute; top: 2px; right: 6px; background: none; border: 0;
	color: #b9b4aa; font-size: 1.15rem; line-height: 1; cursor: pointer; padding: 4px; }
.atl-ss-kutu__kapat:hover { color: var(--ink); }
@media (max-width: 560px) {
	.atl-ss-kutu { max-width: calc(100vw - 24px); }
	.atl-ss-kutu--sol { left: 12px; bottom: calc(12px + var(--cerez-h, 0px)); }
	.atl-ss-kutu--sag { right: 12px; }
}

/* ---------- Pazarlama > Teklif İste ---------- */
.atl-teklif-urun { display:flex; align-items:center; gap:.9rem; padding:.8rem;
	border:1px solid var(--line); border-radius: var(--radius-sm, 10px);
	background: var(--line-2); margin-bottom:1.1rem; }
.atl-teklif-urun img { width:56px; height:56px; object-fit:cover; border-radius:8px; flex:0 0 auto; }
.atl-teklif-urun span { display:block; font-size:.74rem; color:var(--muted); letter-spacing:.03em;
	text-transform:uppercase; font-weight:600; }
.atl-teklif-urun strong { display:block; font-size:.95rem; line-height:1.3; }
.atl-teklif-not { font-size:.8rem; color:var(--muted); margin:-.4rem 0 1rem; }

.atl-teklif-ok { text-align:center; padding:1.4rem .6rem; }
.atl-teklif-ok__ikon { width:56px; height:56px; margin:0 auto .9rem; border-radius:50%;
	background:var(--accent-2); color:var(--accent); display:grid; place-items:center; }
.atl-teklif-ok__ikon svg { width:28px; height:28px; }
.atl-teklif-ok h3 { font-family:var(--ff-display); font-size:1.35rem; margin:0 0 .4rem; }
.atl-teklif-ok p { color:var(--ink-soft); margin:0 0 1.1rem; }

/* Ürün sayfasındaki pencere */
.atl-teklif-pencere { position:fixed; inset:0; z-index:1200; display:none;
	align-items:center; justify-content:center; padding:16px; }
.atl-teklif-pencere.acik { display:flex; }
.atl-teklif-pencere__perde { position:absolute; inset:0; background:rgba(23,21,15,.55); }
.atl-teklif-pencere__kutu { position:relative; z-index:1; background:var(--surface);
	border-radius: var(--radius, 16px); width:min(620px, 100%); max-height:92vh; overflow:auto;
	padding:clamp(18px,3vw,28px); box-shadow:var(--shadow-md); }
.atl-teklif-pencere__kapat { position:absolute; top:10px; right:12px; border:0; background:none;
	font-size:1.6rem; line-height:1; cursor:pointer; color:var(--muted); }
.atl-teklif-pencere h2 { font-family:var(--ff-display); font-size:1.4rem; margin:0 0 .3rem; }
.atl-teklif-pencere .atl-teklif-pencere__alt { color:var(--muted); font-size:.9rem; margin:0 0 1.2rem; }

/* ---------- Pazarlama > En Az Sipariş Adedi ---------- */
/* Kural notu adet kutusuyla "Sepete Ekle" arasına sıkışmasın diye kendi
   satırına alınıyor (üst kapsayıcı flex-wrap). */
.atl-min-adet {
	flex: 0 0 100%; order: 9;
	font-size: .84rem; color: var(--ink-soft);
	background: var(--accent-2); border-radius: var(--radius-sm, 10px);
	padding: .55rem .8rem; margin-top: -.2rem;
}
.atl-min-adet::before { content: "ⓘ"; margin-right: .4rem; opacity: .7; }
/* Kit'te .atl-pd__actions flex ama wrap yok; not kendi satırına insin diye. */
.atl-pd__actions { flex-wrap: wrap; }

/* ---------------------------------------------------------------------------
   Kargo takip kutusu — hesabım > sipariş detayı. Panelde girilen firma ve
   takip numarası mağazada hiç görünmüyordu; müşteri yalnız e-postadan
   öğrenebiliyordu. (28 Ağustos 2026)
   -------------------------------------------------------------------------*/
.atl-kargo-kutu{
	border:1px solid var(--line);
	border-radius:var(--radius,12px);
	background:var(--surface);
	padding:1rem 1.1rem;
	margin-top:1.1rem;
}
.atl-kargo-kutu__ust{
	display:flex; align-items:center; gap:.5rem;
	font-size:.78rem; font-weight:600; letter-spacing:.08em;
	text-transform:uppercase; color:var(--muted); margin-bottom:.85rem;
}
.atl-kargo-kutu__ust svg{ width:18px; height:18px; flex:none; }
.atl-kargo-kutu__govde{
	display:flex; flex-wrap:wrap; gap:1.4rem 2.4rem;
}
.atl-kargo-kutu__govde > div{ display:flex; flex-direction:column; gap:.25rem; }
.atl-kargo-kutu__govde b{ font-size:1.05rem; }
.atl-kargo-kopyala{
	align-self:flex-start; margin-top:.35rem;
	border:1px solid var(--line); background:transparent; cursor:pointer;
	border-radius:999px; padding:.25rem .7rem;
	font:inherit; font-size:.76rem; color:var(--muted);
}
.atl-kargo-kopyala:hover{ color:var(--ink); border-color:var(--ink); }
.atl-kargo-kopyala.is-ok{ color:var(--accent); border-color:var(--accent); }

/* Sipariş listesinde takip satırı. `.atl-order-row span` zaten küçük ve soluk;
   burada yalnız araya biraz nefes veriliyor. */
.atl-order-row__kargo{ display:block; margin-top:.15rem; }
.atl-order-row__kargo b{ font-size:.82rem !important; display:inline !important; }

/* Takip numarası bağlantısı — firmanın sorgu sayfasına gider. (28 Ağustos 2026) */
.atl-kargo-link{
	display:inline-flex; align-items:center; gap:.35rem;
	font-size:1.05rem; font-weight:700; color:var(--accent);
	text-decoration:none; border-bottom:1px solid transparent;
}
.atl-kargo-link:hover{ border-bottom-color:currentColor; }
.atl-kargo-link svg{ width:13px; height:13px; flex:none; opacity:.75; }

/* Bekleyen ilk alışveriş kuponu — kupon kutusunun altında hatırlatma.
   Mail spam'e düşse bile müşteri indirimini görüp tek tıkla kullanabilsin.
   (28 Ağustos 2026) */
.atl-hazir-kupon{
	display:flex; align-items:center; justify-content:space-between;
	gap:.9rem; flex-wrap:wrap;
	margin-top:.9rem; padding:.85rem 1rem;
	border:1px dashed var(--accent);
	border-radius:var(--radius,12px);
	background:var(--accent-2);
}
.atl-hazir-kupon__bilgi{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.atl-hazir-kupon__bilgi > b{ font-size:.95rem; }
.atl-hazir-kupon__bilgi span{ font-size:.8rem; color:var(--ink-soft); }
.atl-hazir-kupon form{ margin:0; flex:none; }

/* Pazarlama > Adet İndirimi — ürün detayındaki kampanya rozeti.
   Fiyatın hemen altında duruyor. (28 Ağustos 2026) */
.atl-adet-kampanya{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.7rem; }
.atl-adet-kampanya__rozet{
	display:inline-flex; align-items:center; gap:.4rem;
	padding:.4rem .75rem; border-radius:999px;
	background:var(--accent); color:var(--paper);
	font-size:.82rem; font-weight:600; line-height:1.2;
}
.atl-adet-kampanya__rozet svg{ width:14px; height:14px; flex:none; }

/* Yeni kurulan mağazanın boş ana sayfası. Hiç içerik yokken sayfa çıplak
   kalıyordu; esnafa ne yapacağını söyleyen kutu. (28 Ağustos 2026) */
.atl-bos-magaza{
	text-align:center; max-width:560px; margin:clamp(40px,8vw,90px) auto;
	padding:clamp(28px,5vw,48px) 1.5rem;
	border:1px dashed var(--line); border-radius:var(--radius-lg,16px);
	background:var(--surface);
}
.atl-bos-magaza svg{ width:44px; height:44px; color:var(--accent); opacity:.85; }
.atl-bos-magaza h1{ font-family:var(--ff-display); font-size:clamp(1.5rem,3.2vw,2rem); margin:.9rem 0 .5rem; }
.atl-bos-magaza p{ color:var(--ink-soft); font-size:.95rem; line-height:1.65; margin:0 0 1.4rem; }
.atl-bos-magaza__adimlar{
	display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin-bottom:1.6rem;
}
.atl-bos-magaza__adimlar span{
	display:inline-flex; align-items:center; gap:.4rem;
	padding:.4rem .8rem; border-radius:999px;
	background:var(--accent-2); color:var(--ink); font-size:.8rem;
}
.atl-bos-magaza__adimlar b{
	width:18px; height:18px; border-radius:50%;
	background:var(--accent); color:var(--paper);
	display:inline-flex; align-items:center; justify-content:center; font-size:.7rem;
}
.atl-bos-magaza small{ display:block; margin-top:1rem; color:var(--muted); font-size:.76rem; }

/* ---------- Pazarlama > Günün Fırsatı ---------- */
/* Yan düğme: dikey sekme. WhatsApp yuvarlak düğmeyle çakışmasın diye
   dikeyde ortada durur, WhatsApp ise alt köşede. */
.atl-gf-fab {
	position: fixed; top: 50%; z-index: 940;
	display: flex; flex-direction: column; align-items: center; gap: .4rem;
	padding: .95rem .5rem; border: 0; cursor: pointer;
	background: var(--accent, #A4442E); color: #fff;
	font: inherit; font-size: .78rem; font-weight: 600; letter-spacing: .04em;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .18);
	transition: transform .18s ease, filter .18s ease;
}
.atl-gf-fab__yazi { writing-mode: vertical-rl; }
.atl-gf-fab__ikon { display: flex; }
.atl-gf-fab:hover { filter: brightness(1.08); }

.atl-gf-fab--sag {
	right: 0; transform: translateY(-50%);
	border-radius: var(--radius-sm, 10px) 0 0 var(--radius-sm, 10px);
}
.atl-gf-fab--sag:hover { transform: translateY(-50%) translateX(-3px); }

/* Solda düğmenin yazısı da ters dönmeli, yoksa aşağıdan yukarı okunur. */
.atl-gf-fab--sol {
	left: 0; transform: translateY(-50%);
	border-radius: 0 var(--radius-sm, 10px) var(--radius-sm, 10px) 0;
}
.atl-gf-fab--sol .atl-gf-fab__yazi { writing-mode: vertical-rl; transform: rotate(180deg); }
.atl-gf-fab--sol:hover { transform: translateY(-50%) translateX(3px); }

/* ---- açılır pencere ---- */
/* Sabit başlık z-index:1030 — pencere onun altında kalırsa başlık üstüne
   biniyor. Temanın diğer pencereleri (çıkış teklifi, beden kılavuzu,
   hikâyeler) 1200 kullanıyor, aynısını kullanıyoruz. */
.atl-gf { position: fixed; inset: 0; z-index: 1200; display: none; align-items: center; justify-content: center; padding: 1rem; }
.atl-gf.is-open { display: flex; }
.atl-gf__perde { position: absolute; inset: 0; background: rgba(20, 18, 16, .55); }
.atl-gf__kutu {
	position: relative; z-index: 1; width: 100%; max-width: 720px;
	max-height: calc(100vh - 2rem); overflow-y: auto;
	background: var(--paper, #fff); border-radius: var(--radius, 16px);
	padding: 1.6rem 1.5rem 1.2rem; box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}
.atl-gf__x {
	position: absolute; top: .5rem; right: .7rem; z-index: 2;
	background: none; border: 0; font-size: 1.8rem; line-height: 1;
	color: var(--muted, #888); cursor: pointer; padding: .1rem .3rem;
}
.atl-gf__x:hover { color: var(--ink, #222); }
.atl-gf__ust { text-align: center; margin-bottom: 1.1rem; }
.atl-gf__ust h3 { margin: 0 0 .3rem; font-size: 1.3rem; color: var(--ink); }
.atl-gf__metin { margin: 0; color: var(--muted); font-size: .9rem; }
.atl-gf__sayac {
	display: inline-flex; align-items: baseline; gap: .45rem; margin-top: .7rem;
	background: var(--accent-2, #f4f0ea); border-radius: 100px; padding: .35rem .9rem;
}
.atl-gf__sayac-etiket { font-size: .78rem; color: var(--muted); }
.atl-gf__sayac b { font-size: .95rem; color: var(--ink); }

/* Ürünler ortak kartla basılıyor; kart kendi ızgarasını beklediği için
   burada sütun sayısını biz veriyoruz. */
.atl-gf__urunler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.atl-gf__alt { margin-top: 1.1rem; text-align: center; }
.atl-gf__vazgec { background: none; border: 0; color: var(--muted); font-size: .82rem; text-decoration: underline; cursor: pointer; }
.atl-gf__vazgec:hover { color: var(--ink); }

@media (min-width: 900px) {
	.atl-gf__urunler { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
	/* Telefonda dikey sekme yer kaplıyor: küçült ve alta yaklaştır. */
	.atl-gf-fab { top: auto; bottom: 92px; padding: .75rem .42rem; font-size: .72rem; }
	.atl-gf-fab--sag { transform: none; }
	.atl-gf-fab--sag:hover { transform: translateX(-3px); }
	.atl-gf-fab--sol { transform: none; }
	.atl-gf-fab--sol:hover { transform: translateX(3px); }
	.atl-gf__kutu { padding: 1.3rem 1rem 1rem; }
	.atl-gf__urunler { grid-template-columns: repeat(2, 1fr); gap: .7rem; }
}

/* ---------- Pazarlama > İlk Alışveriş İndirimi (yan kutu) ---------- */
/* Günün Fırsatı ile aynı dikey sekme kalıbı. İkisi aynı taraftaysa
   layout `--ikinci` sınıfını veriyor ve bu kutu aşağı kayıyor. */
.atl-ia-fab {
	position: fixed; top: 50%; z-index: 940;
	display: flex; flex-direction: column; align-items: center; gap: .4rem;
	padding: .95rem .5rem; border: 0; cursor: pointer;
	background: var(--ink, #273C3D); color: #fff;
	font: inherit; font-size: .78rem; font-weight: 600; letter-spacing: .04em;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .18);
	transition: transform .18s ease, filter .18s ease;
}
.atl-ia-fab__yazi { writing-mode: vertical-rl; }
.atl-ia-fab__ikon { display: flex; }
.atl-ia-fab:hover { filter: brightness(1.15); }

.atl-ia-fab--sag {
	right: 0; transform: translateY(-50%);
	border-radius: var(--radius-sm, 10px) 0 0 var(--radius-sm, 10px);
}
.atl-ia-fab--sag:hover { transform: translateY(-50%) translateX(-3px); }
.atl-ia-fab--sol {
	left: 0; transform: translateY(-50%);
	border-radius: 0 var(--radius-sm, 10px) var(--radius-sm, 10px) 0;
}
.atl-ia-fab--sol .atl-ia-fab__yazi { writing-mode: vertical-rl; transform: rotate(180deg); }
.atl-ia-fab--sol:hover { transform: translateY(-50%) translateX(3px); }

/* Günün Fırsatı ile aynı taraf: bu kutu onun altına iniyor. */
.atl-ia-fab--ikinci.atl-ia-fab--sag { transform: translateY(48px); top: 50%; }
.atl-ia-fab--ikinci.atl-ia-fab--sag:hover { transform: translateY(48px) translateX(-3px); }
.atl-ia-fab--ikinci.atl-ia-fab--sol { transform: translateY(48px); top: 50%; }
.atl-ia-fab--ikinci.atl-ia-fab--sol:hover { transform: translateY(48px) translateX(3px); }

/* ---- açılır kutu ---- */
.atl-ia { position: fixed; inset: 0; z-index: 1200; display: none; align-items: center; justify-content: center; padding: 1rem; }
.atl-ia.is-open { display: flex; }
.atl-ia__perde { position: absolute; inset: 0; background: rgba(20, 18, 16, .55); }
.atl-ia__kutu {
	position: relative; z-index: 1; width: 100%; max-width: 380px;
	max-height: calc(100vh - 2rem); overflow-y: auto; text-align: center;
	background: var(--paper, #fff); border-radius: var(--radius, 16px);
	padding: 1.9rem 1.5rem 1.2rem; box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}
.atl-ia__x {
	position: absolute; top: .5rem; right: .7rem; background: none; border: 0;
	font-size: 1.8rem; line-height: 1; color: var(--muted, #888); cursor: pointer; padding: .1rem .3rem;
}
.atl-ia__x:hover { color: var(--ink, #222); }
.atl-ia__rozet {
	display: inline-block; background: var(--accent, #A4442E); color: #fff;
	border-radius: 100px; padding: .25rem .8rem; font-size: .8rem; font-weight: 600; margin-bottom: .7rem;
}
.atl-ia__kutu h3 { margin: 0 0 .4rem; font-size: 1.2rem; color: var(--ink); }
.atl-ia__metin { margin: 0 0 1rem; color: var(--muted); font-size: .9rem; line-height: 1.5; }
.atl-ia__kod {
	display: flex; align-items: stretch; gap: .4rem; margin: 0 0 .6rem;
	border: 1px dashed var(--line, #ddd); border-radius: 10px; padding: .45rem .45rem .45rem .8rem;
}
.atl-ia__kod code {
	flex: 1; align-self: center; font-size: 1.02rem; font-weight: 700;
	letter-spacing: .08em; color: var(--ink); background: none;
}
.atl-ia__kopyala {
	background: var(--accent-2, #f4f0ea); border: 0; border-radius: 8px;
	padding: .4rem .8rem; font-size: .8rem; font-weight: 600; color: var(--ink); cursor: pointer;
}
.atl-ia__kopyala:hover { filter: brightness(.96); }
.atl-ia__kopyala.is-ok { background: #e6f6ec; color: #1e7e34; }
.atl-ia__son { font-size: .78rem; color: var(--muted); margin: 0 0 1rem; }
.atl-ia__giris { display: block; margin-top: .7rem; font-size: .84rem; color: var(--muted); text-decoration: underline; }
.atl-ia__giris:hover { color: var(--ink); }
.atl-ia__vazgec {
	display: block; width: 100%; margin-top: .9rem; background: none; border: 0;
	color: var(--muted); font-size: .82rem; text-decoration: underline; cursor: pointer;
}
.atl-ia__vazgec:hover { color: var(--ink); }

@media (max-width: 640px) {
	.atl-ia-fab { top: auto; bottom: 92px; padding: .75rem .42rem; font-size: .72rem; }
	.atl-ia-fab--sag, .atl-ia-fab--sol { transform: none; }
	.atl-ia-fab--sag:hover { transform: translateX(-3px); }
	.atl-ia-fab--sol:hover { transform: translateX(3px); }
	/* Telefonda ikisi de alttaysa bu kutu daha yukarı çıkıyor. */
	.atl-ia-fab--ikinci { bottom: 188px; }
	.atl-ia-fab--ikinci.atl-ia-fab--sag, .atl-ia-fab--ikinci.atl-ia-fab--sol { transform: none; }
	.atl-ia__kutu { padding: 1.5rem 1.1rem 1rem; }
}

/* ---------- Pazarlama > Hediye Notu (sepette satır başına) ---------- */
.atl-hn { margin: .5rem 0 .2rem; }
.atl-hn__ac {
	display: inline-flex; align-items: center; gap: .35rem;
	background: none; border: 0; padding: 0; cursor: pointer;
	font: inherit; font-size: .82rem; color: var(--accent, #A4442E);
	text-decoration: underline; text-underline-offset: 2px;
}
.atl-hn__ac:hover { filter: brightness(.85); }
.atl-hn__ikon { flex: none; }

.atl-hn__ozet {
	display: flex; align-items: flex-start; gap: .5rem; margin-top: .3rem;
	background: var(--accent-2, #f4f0ea); border-radius: 8px; padding: .45rem .65rem;
	font-size: .82rem; color: var(--ink, #222);
}
.atl-hn__ozet[hidden] { display: none; }
.atl-hn__ozet span { flex: 1; white-space: pre-line; overflow-wrap: anywhere; }
.atl-hn__duzenle {
	background: none; border: 0; padding: 0; cursor: pointer; flex: none;
	font: inherit; font-size: .78rem; color: var(--muted, #888); text-decoration: underline;
}
.atl-hn__duzenle:hover { color: var(--ink, #222); }

.atl-hn__kutu {
	margin-top: .5rem; border: 1px solid var(--line, #e3e3e3);
	border-radius: 10px; padding: .7rem .75rem; background: var(--paper, #fff);
}
.atl-hn__kutu[hidden] { display: none; }
.atl-hn__hazir { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .55rem; align-items: center; }
.atl-hn__hazir-baslik { font-size: .76rem; color: var(--muted, #888); margin-right: .15rem; }
.atl-hn__cip {
	background: var(--accent-2, #f4f0ea); border: 1px solid transparent; border-radius: 100px;
	padding: .28rem .7rem; font: inherit; font-size: .76rem; color: var(--ink, #222); cursor: pointer;
	max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.atl-hn__cip:hover { border-color: var(--accent, #A4442E); }
.atl-hn__alan { width: 100%; resize: vertical; min-height: 62px; font-size: .85rem; }
.atl-hn__alt { display: flex; justify-content: space-between; gap: .6rem; margin-top: .35rem; }
.atl-hn__ipucu { color: var(--muted, #888); font-size: .74rem; line-height: 1.35; }
.atl-hn__sayac { color: var(--muted, #888); font-size: .74rem; flex: none; }
.atl-hn__sayac.is-dolu { color: var(--accent, #A4442E); }
.atl-hn__dugmeler { display: flex; align-items: center; gap: .6rem; margin-top: .55rem; flex-wrap: wrap; }
.atl-hn__vazgec, .atl-hn__sil {
	background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
	font-size: .78rem; color: var(--muted, #888); text-decoration: underline;
}
.atl-hn__vazgec:hover { color: var(--ink, #222); }
.atl-hn__sil:hover { color: #a4442e; }
@media (max-width: 480px) {
	.atl-hn__alt { flex-direction: column; gap: .2rem; }
}

/* ---------- Pazarlama > Bugün Kargoda ---------- */
.atl-bk {
	display: flex; align-items: flex-start; gap: .55rem;
	background: rgba(30, 126, 52, .07); border: 1px solid rgba(30, 126, 52, .22);
	border-radius: var(--radius-sm, 10px); padding: .6rem .75rem;
	margin: .8rem 0; font-size: .875rem; line-height: 1.45; color: var(--ink, #222);
}
.atl-bk svg { flex: none; color: #1e7e34; margin-top: .1rem; }
.atl-bk b { color: #1e7e34; white-space: nowrap; }
@media (max-width: 480px) { .atl-bk { font-size: .82rem; padding: .55rem .65rem; } }

/* ---------- Çiçekçi > teslimat günü (hızlı kutular + takvim) ---------- */
/* Kendi gül paleti: mağazanın vurgu rengine bağlı değil, hangi temada
   olursa olsun çiçekçi alanı aynı duruyor. */
.atl-cg { --cg-ana: #C0577A; --cg-koyu: #93395A; --cg-soft: #FCF1F4; position: relative; }

/* ---- hızlı gün kutuları: tarih üstte büyük, gün adı altta küçük ---- */
.atl-cg__kutular {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem;
	padding: .5rem; border-radius: 14px; background: rgba(0, 0, 0, .035);
}
.atl-cg__kutu {
	position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: .18rem; min-height: 74px; padding: .65rem .35rem; cursor: pointer; text-align: center; font: inherit;
	border: 1px solid var(--line, #e3e3e3); border-radius: 11px;
	background: var(--paper, #fff); color: inherit; transition: .16s ease;
}
.atl-cg__kutu input { position: absolute; opacity: 0; pointer-events: none; }
.atl-cg__tarih {
	display: flex; align-items: center; justify-content: center; min-height: 22px;
	font-size: .96rem; font-weight: 700; color: var(--ink, #222); line-height: 1.15; white-space: nowrap;
}
.atl-cg__etiket {
	font-size: .64rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
	color: var(--muted, #8a8a8a); line-height: 1.2; white-space: nowrap;
}
.atl-cg__kutu:hover { border-color: var(--cg-ana); }
.atl-cg__kutu:has(input:checked),
.atl-cg__kutu.is-sel { border-color: var(--cg-ana); background: var(--cg-soft); box-shadow: 0 0 0 1px var(--cg-ana) inset; }
.atl-cg__kutu:has(input:checked) .atl-cg__tarih,
.atl-cg__kutu.is-sel .atl-cg__tarih { color: var(--cg-koyu); }
.atl-cg__kutu:focus-within, .atl-cg__kutu:focus-visible { outline: 2px solid var(--cg-ana); outline-offset: 2px; }
.atl-cg__ac .atl-cg__tarih svg { color: var(--cg-ana); }

/* ---- açılır takvim ---- */
.atl-cg-pencere {
	position: absolute; z-index: 60; top: calc(100% + .45rem); left: 0;
	width: min(330px, 100%); padding: .9rem 1rem 1rem;
	border: 1px solid var(--line, #e6e6e6); border-radius: 16px;
	background: var(--paper, #fff); box-shadow: 0 18px 44px rgba(0, 0, 0, .16);
}
.atl-cg-pencere[hidden] { display: none; }
.atl-cg-pencere__ust {
	display: flex; align-items: center; justify-content: space-between; gap: .5rem;
	padding-bottom: .7rem; margin-bottom: .55rem; border-bottom: 1px solid var(--line, #eee);
}
.atl-cg-pencere__ay { font-size: .95rem; font-weight: 700; color: var(--ink, #222); }
.atl-cg-ok {
	display: flex; align-items: center; justify-content: center; width: 34px; height: 34px;
	border: 1px solid var(--line, #e3e3e3); border-radius: 10px; background: var(--paper, #fff);
	color: var(--ink, #222); cursor: pointer; font: inherit; transition: .16s ease; flex: 0 0 auto;
}
.atl-cg-ok:hover:not([disabled]) { border-color: var(--cg-ana); color: var(--cg-koyu); }
.atl-cg-ok[disabled] { opacity: .3; cursor: default; }

.atl-cg-ay[hidden] { display: none; }
.atl-cg-ay__gunler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.atl-cg-ay__basharf {
	font-size: .6rem; font-weight: 600; letter-spacing: .05em; color: var(--muted, #9a9a9a);
	text-align: center; padding-bottom: .4rem;
}
.atl-cg-gun {
	position: relative; display: flex; align-items: center; justify-content: center;
	aspect-ratio: 1/1; border-radius: 10px; font-size: .84rem; line-height: 1;
}
.atl-cg-gun--bos { visibility: hidden; }
.atl-cg-gun--kapali { color: #c9c9c9; }
/* Geçmiş gün üstü çizili — "kapalı" değil, "geçti". Uzak günler sadece soluk. */
.atl-cg-gun--kapali.is-gecmis { text-decoration: line-through; }
.atl-cg-gun--olur { cursor: pointer; color: var(--ink, #222); font-weight: 600; }
.atl-cg-gun--olur input { position: absolute; opacity: 0; pointer-events: none; }
.atl-cg-gun--olur:hover { background: var(--cg-soft, #FCF1F4); }
/* Bugün: dolgu değil çerçeve — seçili günle karışmasın. */
.atl-cg-gun.is-bugun { box-shadow: inset 0 0 0 1.5px var(--ink, #222); font-weight: 700; }
.atl-cg-gun--olur:has(input:checked), .atl-cg-gun--olur.is-sel {
	background: var(--cg-ana, #C0577A); color: #fff; box-shadow: none;
}
.atl-cg-gun--olur:focus-within { outline: 2px solid var(--cg-ana, #C0577A); outline-offset: 1px; }

/* ---- saat aralıkları: gün kutularıyla aynı dil ---- */
.atl-cicek-saat { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: .55rem; }
.atl-cicek-saat__kutu {
	position: relative; display: flex; align-items: center; justify-content: center; gap: .35rem;
	padding: .7rem .6rem; cursor: pointer; text-align: center;
	border: 1px solid var(--line, #e3e3e3); border-radius: var(--radius-sm, 10px);
	background: var(--paper, #fff); transition: .16s ease;
}
.atl-cicek-saat__kutu input { position: absolute; opacity: 0; pointer-events: none; }
.atl-cicek-saat__kutu span { font-size: .84rem; font-weight: 600; color: var(--ink, #222); white-space: nowrap; }
.atl-cicek-saat__kutu:hover { border-color: #C0577A; transform: translateY(-1px); }
.atl-cicek-saat__kutu:has(input:checked), .atl-cicek-saat__kutu.is-sel {
	border-color: #C0577A; background: #FCF1F4; box-shadow: 0 0 0 1px #C0577A inset;
}
.atl-cicek-saat__kutu:has(input:checked) span, .atl-cicek-saat__kutu.is-sel span { color: #93395A; }
.atl-cicek-saat__kutu:focus-within { outline: 2px solid #C0577A; outline-offset: 2px; }
.atl-cicek-saat + .atl-field__not { margin-top: .5rem; }
.atl-cg-saat__baslik {
	font-size: .64rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
	color: var(--muted, #8a8a8a); margin-bottom: .4rem;
}

@media (max-width: 480px) {
	.atl-cg__kutular { grid-template-columns: repeat(2, 1fr); }
	.atl-cicek-saat { grid-template-columns: repeat(2, 1fr); }
	/* Dar ekranda pencere kutuların altında tam genişlik dursun. */
	.atl-cg-pencere { width: 100%; left: 0; right: 0; }
}

/* ---------- Pazarlama > Google Yorumları (yalnız ana sayfa, footer üstü) ---------- */
.atl-gy { padding: clamp(2.2rem, 4vw, 3.4rem) 0; }
.atl-gy__ust {
	display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
	gap: 1rem; margin-bottom: 1.4rem;
}
.atl-gy__baslik h2 {
	font-family: var(--ff-display); font-size: clamp(1.4rem, 2.4vw, 1.9rem);
	margin: 0 0 .5rem; color: var(--ink, #222);
}
.atl-gy__ozet { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.atl-gy__puan { font-size: 1.35rem; font-weight: 700; color: var(--ink, #222); line-height: 1; }
.atl-gy__adet { font-size: .84rem; color: var(--muted, #888); }
.atl-gy__yildiz { display: inline-flex; gap: 1px; }
.atl-gy__yildiz svg { width: 17px; height: 17px; fill: #dcdcdc; }
.atl-gy__yildiz svg.dolu { fill: #FBBC05; }
.atl-gy__yildiz--kart svg { width: 14px; height: 14px; }
.atl-gy__link {
	display: inline-flex; align-items: center; gap: .35rem; font-size: .86rem; font-weight: 600;
	color: var(--ink, #222); text-decoration: none; white-space: nowrap;
}
.atl-gy__link:hover { color: var(--accent, #4285F4); }

.atl-gy__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.atl-gy__kart {
	margin: 0; padding: 1.1rem 1.15rem; border: 1px solid var(--line, #e6e6e6);
	border-radius: var(--radius-sm, 12px); background: var(--paper, #fff);
	display: flex; flex-direction: column; gap: .6rem;
}
.atl-gy__kisi { display: flex; align-items: center; gap: .6rem; }
.atl-gy__kisi img, .atl-gy__harf {
	width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto; object-fit: cover;
}
.atl-gy__harf {
	display: flex; align-items: center; justify-content: center;
	background: var(--line, #eee); color: var(--muted, #888); font-weight: 700;
}
.atl-gy__kisi > div { flex: 1; min-width: 0; }
.atl-gy__kisi b { display: block; font-size: .9rem; color: var(--ink, #222); }
.atl-gy__kisi span { font-size: .76rem; color: var(--muted, #999); }
.atl-gy__g { width: 18px; height: 18px; flex: 0 0 auto; }
/* Uzun yorum kartı kilometrelerce uzatmasın; 6 satırdan sonra kesiliyor. */
.atl-gy__kart blockquote {
	margin: 0; font-size: .88rem; line-height: 1.55; color: var(--ink, #333);
	display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 560px) {
	.atl-gy__liste { grid-template-columns: 1fr; }
}