/* Anasayfa "ekmek" — Çavuşlu Ekmeği · TÜRKPATENT Mahreç İşareti: beyaz kutu, solda metin, sağda tanıtım görseli */
.ax-ekmek__box { position: relative; display: grid; grid-template-columns: 1fr 1.12fr; gap: 56px; align-items: center; padding: 56px; border-radius: calc(40px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 30px 70px -40px rgba(31, 50, 99, .35); overflow: hidden; }
.ax-ekmek__box::before { content: ""; position: absolute; right: -120px; top: -140px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #fff0dc, rgba(255, 240, 220, 0) 70%); pointer-events: none; }
.ax-ekmek__tx { position: relative; min-width: 0; }
.ax-ekmek__tag { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; padding: 6px 20px 6px 8px; margin-bottom: 22px; border-radius: 999px; background: #eef7ea; border: 1.5px solid #d3e8cb; }
.ax-ekmek__tag img { flex: none; width: 44px; height: 44px; border-radius: 50%; display: block; }
.ax-ekmek__tag b { font-size: calc(12.5px * var(--ax-fz, 1)); font-weight: 800; letter-spacing: .08em; line-height: 1.3; color: #2b6b21; }
.ax-ekmek .ax-H { font-size: calc(46px * var(--ax-fz, 1)); line-height: 1.12; }
.ax-ekmek .ax-H .or { color: var(--ax-or); }
.ax-ekmek__tx > p { margin: 16px 0 0; max-width: 560px; font-size: calc(16.5px * var(--ax-fz, 1)); line-height: 1.7; color: var(--ax-text); }
.ax-ekmek__f { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 560px; margin: 26px 0 0; padding: 0; list-style: none; }
.ax-ekmek__f li { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 14px 10px 10px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--ax-bg); font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; line-height: 1.35; color: var(--ax-ink); }
.ax-ekmek__f li i { flex: none; width: 36px; height: 36px; border-radius: calc(12px * var(--ax-rs, 1)); display: grid; place-items: center; background: var(--ax-or); color: #fff; font-size: calc(14px * var(--ax-fz, 1)); }
.ax-ekmek__f li:nth-child(odd) i { background: #3d8f2f; }
.ax-ekmek__b { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.ax-ekmek__b > a { padding: 0 22px; }
.ax-ekmek .ax-bn { border: 1.5px solid var(--ax-line); background: #fff; color: var(--ax-navy); }
.ax-ekmek .ax-bn:hover { border-color: var(--ax-or); }
.ax-ekmek .ax-bn i { color: var(--ax-or); font-size: calc(13px * var(--ax-fz, 1)); }
.ax-ekmek__vis { position: relative; margin: 0; min-width: 0; }
.ax-ekmek__vis::before { content: ""; position: absolute; inset: 22px -18px -18px 22px; border-radius: calc(32px * var(--ax-rs, 1)); background: linear-gradient(135deg, var(--ax-or), #ffb877); opacity: .22; }
.ax-ekmek__vis img { position: relative; display: block; width: 100%; height: auto; border-radius: calc(28px * var(--ax-rs, 1)); box-shadow: 0 24px 50px -24px rgba(27, 35, 71, .55); }

@media (max-width: 1100px) {
  .ax-ekmek__box { gap: 40px; padding: 44px; }
  .ax-ekmek .ax-H { font-size: calc(40px * var(--ax-fz, 1)); }
}
@media (max-width: 900px) {
  .ax-ekmek__box { grid-template-columns: 1fr; padding: 36px 28px; }
  .ax-ekmek__tx > p, .ax-ekmek__f { max-width: none; }
  .ax-ekmek__vis::before { inset: 16px -8px -12px 14px; }
}
@media (max-width: 560px) {
  .ax-ekmek__box { padding: 28px 18px; gap: 30px; border-radius: calc(28px * var(--ax-rs, 1)); }
  .ax-ekmek .ax-H { font-size: calc(32px * var(--ax-fz, 1)); }
  .ax-ekmek__tag { padding-right: 14px; }
  .ax-ekmek__tag b { font-size: calc(11px * var(--ax-fz, 1)); letter-spacing: .05em; }
  .ax-ekmek__f { grid-template-columns: 1fr; }
  .ax-ekmek__b > a { width: 100%; justify-content: center; }
  .ax-ekmek__vis img { border-radius: calc(20px * var(--ax-rs, 1)); }
}