/*
Theme Name: MBlue Mağaza
Theme URI: https://magaza.mbluesoap.com
Author: EgeBSO
Description: magaza.mbluesoap.com için özel WooCommerce teması — 2026-09 onaylı mockup'tan birebir (mobil öncelikli, 600 px sütun).
Version: 1.0.0
Requires PHP: 8.1
Text Domain: mbs
*/

/* ── Font: Jost (değişken, yerel) ───────────────────────────────────────── */
@font-face { font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("assets/fonts/jost-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("assets/fonts/jost-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ── Token'lar (wd spec §B2) ───────────────────────────────────────────── */
:root {
  --mbs-yesil: #31503c; --mbs-yesil-koyu: #264031; --mbs-yesil-acik: #e6eee8;
  --mbs-mercan: #ef5958; --mbs-mercan-koyu: #c8403f;
  --mbs-metin: #1f2a23; --mbs-metin-2: #5f6b63; --mbs-cizgi: #e3ded4;
  --mbs-zemin: #ffffff; --mbs-zemin-2: #f6f4ef; --mbs-basari: #2e7d4f;
  --mbs-uyari-zemin: #fff4e5; --mbs-uyari-metin: #8a4b00; --mbs-kids: #eef3fa;
  --mbs-genislik: 600px;
}

/* ── Sıfırlama ─────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: Jost, "Segoe UI", system-ui, sans-serif; font-size: 16px; line-height: 1.55; color: var(--mbs-metin); background: var(--mbs-zemin-2); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mbs-yesil); }
a:hover { color: var(--mbs-yesil-koyu); }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
h1, h2, h3, h4 { margin: 0; color: var(--mbs-metin); line-height: 1.2; }
p { margin: 0 0 12px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* ── Sayfa kabuğu: 600 px sütun (kullanıcı kararı 2026-09-06) ──────────── */
.mbs-site { max-width: var(--mbs-genislik); margin: 0 auto; background: var(--mbs-zemin); min-height: 100vh; position: relative; box-shadow: 0 0 0 1px var(--mbs-cizgi); }
.mbs-ic { padding-left: 16px; padding-right: 16px; }

/* ── Üst şerit + header ────────────────────────────────────────────────── */
.mbs-serit { height: 32px; background: var(--mbs-yesil); color: #fff; font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 12px; white-space: nowrap; overflow: hidden; }
.mbs-header { position: sticky; top: 0; z-index: 50; height: 56px; background: #fff; border-bottom: 1px solid var(--mbs-cizgi); display: flex; align-items: center; justify-content: space-between; padding: 0 6px; }
.mbs-header__grup { display: flex; align-items: center; }
.mbs-ikon-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; color: var(--mbs-metin); cursor: pointer; position: relative; text-decoration: none; }
.mbs-logo { display: flex; align-items: center; }
.mbs-logo img { width: 50px; height: 50px; object-fit: contain; }
.mbs-sayac { position: absolute; top: 4px; right: 4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--mbs-mercan-koyu); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; }
.mbs-sayac[data-adet="0"] { display: none; }
.mbs-header--odeme { justify-content: space-between; padding: 0 16px; }
.mbs-header--odeme .mbs-guvenli { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--mbs-yesil); }
.mbs-header--odeme .mbs-bosluk { width: 96px; }

/* ── Off-canvas menü ve sepet çekmecesi ────────────────────────────────── */
.mbs-perde { position: fixed; inset: 0; background: rgba(31, 42, 35, 0.45); z-index: 90; opacity: 0; visibility: hidden; transition: opacity .2s; }
.mbs-perde.acik { opacity: 1; visibility: visible; }
.mbs-panel { position: fixed; top: 0; bottom: 0; width: min(100%, 360px); background: #fff; z-index: 100; display: flex; flex-direction: column; transition: transform .25s ease; box-shadow: 0 0 24px rgba(31, 42, 35, 0.18); }
.mbs-panel--sol { left: 0; transform: translateX(-100%); }
.mbs-panel--sag { right: 0; width: min(100%, 420px); transform: translateX(100%); }
.mbs-panel.acik { transform: none; }
.mbs-panel__ust { height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 16px; border-bottom: 1px solid var(--mbs-cizgi); font-size: 17px; font-weight: 600; }
.mbs-panel__govde { flex: 1; overflow-y: auto; }
.mbs-menu__liste { list-style: none; margin: 0; padding: 0; }
.mbs-menu__liste a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 16px; font-size: 17px; font-weight: 500; color: var(--mbs-metin); text-decoration: none; border-bottom: 1px solid var(--mbs-cizgi); }
.mbs-menu__liste--ikincil a { min-height: 48px; font-size: 15px; font-weight: 400; color: var(--mbs-metin-2); }
.mbs-menu__alt { padding: 16px; border-top: 1px solid var(--mbs-cizgi); display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.mbs-menu__alt a { display: flex; align-items: center; gap: 8px; color: var(--mbs-yesil); text-decoration: none; font-weight: 500; }
.mbs-panel__alt { border-top: 1px solid var(--mbs-cizgi); padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; background: #fff; }

/* ── Butonlar (§B2.4) ──────────────────────────────────────────────────── */
.mbs-btn, .mbs-site .button, .mbs-site button.button, .mbs-site .woocommerce-button, .mbs-site input[type="submit"].button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 20px; border-radius: 8px; background: var(--mbs-yesil); color: #fff; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; border: 0; cursor: pointer; white-space: nowrap; transition: background .15s; }
.mbs-btn:hover, .mbs-site .button:hover { background: var(--mbs-yesil-koyu); color: #fff; }
.mbs-btn--tam { width: 100%; }
.mbs-btn--k { height: 40px; font-size: 14px; padding: 0 8px; }
.mbs-btn--ik, .mbs-site .button.mbs-btn--ik { background: #fff; color: var(--mbs-yesil); border: 1.5px solid var(--mbs-yesil); }
.mbs-btn--ik:hover { background: var(--mbs-yesil-acik); color: var(--mbs-yesil); }
.mbs-btn--sessiz { background: var(--mbs-zemin-2); color: var(--mbs-metin); height: 40px; font-weight: 500; font-size: 15px; padding: 0 14px; }
.mbs-btn--sessiz:hover { background: var(--mbs-cizgi); color: var(--mbs-metin); }
.mbs-btn--beyaz { background: transparent; border: 1.5px solid #fff; color: #fff; }
.mbs-btn--beyaz:hover { background: rgba(255, 255, 255, 0.12); }
.mbs-btn:focus-visible, .mbs-site .button:focus-visible { outline: 2px solid var(--mbs-mercan); outline-offset: 2px; }
.mbs-btn[disabled], .mbs-site .button[disabled] { opacity: .45; cursor: not-allowed; }
.mbs-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 15px; font-weight: 500; color: var(--mbs-yesil); text-decoration: none; }
.mbs-link--cizgi { text-decoration: underline; }

/* ── Chip, rozet, satır ────────────────────────────────────────────────── */
.mbs-chip { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--mbs-cizgi); background: #fff; color: var(--mbs-metin); font-size: 14px; font-weight: 500; white-space: nowrap; flex-shrink: 0; text-decoration: none; }
.mbs-chip--sec { background: var(--mbs-yesil-acik); color: var(--mbs-yesil); border: 1.5px solid var(--mbs-yesil); }
.mbs-chip-ray { display: flex; gap: 8px; overflow-x: auto; padding: 0 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mbs-chip-ray::-webkit-scrollbar { display: none; }
.mbs-rozet { position: absolute; top: 8px; left: 8px; height: 22px; padding: 0 8px; border-radius: 4px; background: var(--mbs-yesil-acik); color: var(--mbs-yesil); font-size: 12px; font-weight: 500; line-height: 22px; z-index: 2; }
.mbs-rozet--ind { background: var(--mbs-mercan-koyu); color: #fff; font-weight: 600; }
.mbs-rozet--yok { background: var(--mbs-cizgi); color: var(--mbs-metin-2); }
.mbs-satir { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mbs-metin-2); }
.mbs-satir svg { flex-shrink: 0; }
.mbs-kucuk { font-size: 14px; color: var(--mbs-metin-2); line-height: 1.45; }
.mbs-h1 { font-size: 24px; font-weight: 600; }
.mbs-h2 { font-size: 22px; font-weight: 600; }
.mbs-h3 { font-size: 18px; font-weight: 600; line-height: 1.3; }

/* ── Bölüm başlığı ─────────────────────────────────────────────────────── */
.mbs-bolum { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.mbs-bolum__metin { display: flex; flex-direction: column; gap: 4px; }
.mbs-bolum__alt { font-size: 15px; color: var(--mbs-metin-2); }
.mbs-bolum .mbs-link { min-height: 0; font-size: 14px; white-space: nowrap; }

/* ── Ürün kartı (§B2.6) ────────────────────────────────────────────────── */
.mbs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mbs-yatay { display: flex; gap: 12px; overflow-x: auto; padding-right: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mbs-yatay::-webkit-scrollbar { display: none; }
.mbs-yatay > .mbs-kart { width: 160px; scroll-snap-align: start; }
.mbs-kart { display: flex; flex-direction: column; border: 1px solid var(--mbs-cizgi); border-radius: 12px; overflow: hidden; background: #fff; flex-shrink: 0; min-width: 0; transition: border-color .15s; }
.mbs-kart:hover { border-color: var(--mbs-yesil); }
.mbs-kart__g { position: relative; aspect-ratio: 1 / 1; background: #fff; border-bottom: 1px solid var(--mbs-cizgi); display: flex; align-items: center; justify-content: center; padding: 8px; }
.mbs-kart__g a { display: block; width: 100%; height: 100%; }
.mbs-kart__g img { width: 100%; height: 100%; object-fit: contain; }
.mbs-kart__i { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; }
.mbs-marka { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; color: var(--mbs-metin-2); line-height: 1.3; text-decoration: none; }
.mbs-kart__ad { font-size: 15px; font-weight: 500; line-height: 1.35; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mbs-kart__ad a { color: var(--mbs-metin); text-decoration: none; }
.mbs-fiyat { font-size: 16px; font-weight: 600; color: var(--mbs-metin); line-height: 1.2; font-variant-numeric: tabular-nums; }
.mbs-fiyat del { font-size: 14px; font-weight: 400; color: var(--mbs-metin-2); margin-left: 6px; }
.mbs-fiyat ins { text-decoration: none; color: var(--mbs-mercan-koyu); }
.mbs-fiyat--yok { font-size: 14px; font-weight: 400; color: var(--mbs-metin-2); }
.mbs-kart .mbs-btn { margin-top: 6px; }
.mbs-kart .mbs-btn.loading { opacity: .6; }
.mbs-kart .added_to_cart { display: none; }

/* ── Ana sayfa ─────────────────────────────────────────────────────────── */
.mbs-hero__gorsel { height: 240px; background: var(--mbs-zemin-2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mbs-hero__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.mbs-hero__gorsel--paket { gap: 0; }
.mbs-hero__gorsel--paket img { width: auto; height: 240px; mix-blend-mode: multiply; }
.mbs-hero__gorsel--paket img + img { height: 180px; margin-left: -30px; }
.mbs-hero__govde { background: var(--mbs-zemin-2); padding: 20px 16px 24px; display: flex; flex-direction: column; gap: 10px; }
.mbs-kicker { font-size: 13px; font-weight: 500; color: var(--mbs-yesil); letter-spacing: 0.02em; }
.mbs-hero__h1 { font-size: 28px; font-weight: 600; line-height: 1.15; max-width: 480px; }
.mbs-hero__alt { font-size: 16px; color: var(--mbs-metin-2); line-height: 1.5; }
.mbs-hero__cta { display: flex; flex-direction: column; gap: 12px; margin-top: 6px; }
.mbs-hero__cta .mbs-link { justify-content: center; }
.mbs-tiles { padding: 24px 16px 8px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mbs-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 150px; border-radius: 12px; overflow: hidden; text-decoration: none; background: var(--mbs-yesil); }
.mbs-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mbs-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31, 42, 35, 0) 30%, rgba(31, 42, 35, 0.78) 100%); }
.mbs-tile__metin { position: relative; z-index: 1; padding: 12px; display: flex; flex-direction: column; gap: 2px; }
.mbs-tile__kicker { font-size: 11px; font-weight: 500; letter-spacing: 0.04em; color: var(--mbs-yesil-acik); }
.mbs-tile__ad { font-size: 15px; font-weight: 600; line-height: 1.2; color: #fff; }
.mbs-guven { margin: 24px 16px 0; padding: 4px 16px; border-radius: 12px; background: var(--mbs-yesil-acik); display: grid; grid-template-columns: 1fr; gap: 0 24px; }
.mbs-guven div { display: flex; align-items: center; gap: 10px; height: 44px; font-size: 14px; font-weight: 500; color: var(--mbs-yesil); }
.mbs-band { background: var(--mbs-zemin-2); padding: 40px 0 40px 16px; margin-top: 48px; }
.mbs-band .mbs-bolum { padding-right: 16px; }
.mbs-band__buton { padding-right: 16px; margin-top: 16px; }
.mbs-band--kids { background: var(--mbs-kids); padding: 32px 16px 40px; display: flex; flex-direction: column; gap: 16px; }
.mbs-kids__ust { display: flex; align-items: center; gap: 14px; }
.mbs-kids__ust img { width: 64px; height: 64px; border-radius: 12px; flex-shrink: 0; }
.mbs-bolum-ic { padding: 48px 16px 0; }
.mbs-toptan { margin-top: 48px; background: var(--mbs-yesil); padding: 32px 16px; display: flex; flex-direction: column; gap: 16px; }
.mbs-toptan h3 { font-size: 20px; font-weight: 600; color: #fff; line-height: 1.25; }
.mbs-toptan p { font-size: 15px; color: var(--mbs-yesil-acik); line-height: 1.5; margin: 0; }

/* ── Footer ────────────────────────────────────────────────────────────── */
.mbs-footer { background: var(--mbs-yesil); padding: 24px 16px 8px; margin-top: 40px; }
.mbs-footer__marka { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.mbs-footer__marka .kutu { width: 40px; height: 40px; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; }
.mbs-footer__marka img { width: 36px; height: 36px; object-fit: contain; }
.mbs-footer__marka strong { display: block; font-size: 16px; font-weight: 600; color: #fff; }
.mbs-footer__marka span { font-size: 13px; color: var(--mbs-yesil-acik); }
.mbs-footer details { border-top: 1px solid rgba(255, 255, 255, 0.14); }
.mbs-footer summary { list-style: none; display: flex; align-items: center; justify-content: space-between; height: 52px; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; }
.mbs-footer summary::-webkit-details-marker { display: none; }
.mbs-footer summary svg { transition: transform .2s; }
.mbs-footer details[open] summary svg { transform: rotate(180deg); }
.mbs-footer ul { list-style: none; margin: 0; padding: 0 0 16px; display: flex; flex-direction: column; gap: 10px; }
.mbs-footer ul a { color: var(--mbs-yesil-acik); text-decoration: none; font-size: 15px; }
.mbs-footer__alt { background: var(--mbs-yesil-koyu); padding: 16px; display: flex; flex-direction: column; gap: 10px; text-align: center; }
.mbs-footer__guven { display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; font-size: 13px; font-weight: 500; }
.mbs-footer__yasal { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; font-size: 13px; }
.mbs-footer__yasal a { color: var(--mbs-yesil-acik); text-decoration: none; }
.mbs-footer__telif { font-size: 12px; color: var(--mbs-yesil-acik); }
.mbs-footer--kisa { margin-top: 0; padding: 0; background: var(--mbs-yesil-koyu); }

/* ── Kategori (§B3.2) ──────────────────────────────────────────────────── */
.mbs-kirinti { padding: 8px 16px 0; font-size: 12px; font-weight: 500; color: var(--mbs-metin-2); min-height: 32px; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mbs-kirinti a { color: var(--mbs-metin-2); text-decoration: none; }
.mbs-kirinti span:last-child { color: var(--mbs-metin); overflow: hidden; text-overflow: ellipsis; }
.mbs-kat-hero { position: relative; height: 150px; margin: 8px 16px 0; border-radius: 12px; overflow: hidden; background: var(--mbs-yesil); display: flex; align-items: flex-end; }
.mbs-kat-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mbs-kat-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31, 42, 35, 0.05) 20%, rgba(31, 42, 35, 0.82) 100%); }
.mbs-kat-hero__metin { position: relative; z-index: 1; padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.mbs-kat-hero__kicker { font-size: 12px; font-weight: 500; letter-spacing: 0.04em; color: var(--mbs-yesil-acik); }
.mbs-kat-hero h1 { color: #fff; font-size: 24px; font-weight: 600; }
.mbs-kat-hero__adet { font-size: 14px; color: var(--mbs-yesil-acik); }
.mbs-kat-hero--duz { height: auto; background: none; margin: 0; }
.mbs-kat-hero--duz::after { display: none; }
.mbs-kat-hero--duz .mbs-kat-hero__metin { padding: 4px 0 0; }
.mbs-kat-hero--duz h1 { color: var(--mbs-metin); }
.mbs-kat-hero--duz .mbs-kat-hero__adet { color: var(--mbs-metin-2); }
.mbs-arac { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--mbs-cizgi); background: #fff; margin-top: 12px; }
.mbs-arac .woocommerce-result-count { display: none; }
.mbs-arac::before { content: ""; }
.mbs-arac .woocommerce-ordering { margin: 0; }
.mbs-arac select { height: 40px; padding: 0 36px 0 14px; border: 0; border-radius: 8px; background: var(--mbs-zemin-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f2a23' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 12px center; font-size: 15px; font-weight: 500; color: var(--mbs-metin); appearance: none; -webkit-appearance: none; }
.mbs-liste { padding: 16px 16px 0; }
.mbs-site ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mbs-site ul.products li.product { margin: 0; width: auto; float: none; }
.mbs-sayfalama { display: flex; justify-content: center; padding: 24px 16px 0; }
.mbs-site .woocommerce-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; border: 0; }
.mbs-site .woocommerce-pagination li { border: 0; }
.mbs-site .woocommerce-pagination .page-numbers { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; font-size: 15px; font-weight: 500; color: var(--mbs-metin); text-decoration: none; }
.mbs-site .woocommerce-pagination .page-numbers.current { background: var(--mbs-yesil); color: #fff; font-weight: 600; }
.mbs-kat-metin { padding: 24px 16px 8px; max-width: 640px; display: flex; flex-direction: column; gap: 10px; }
.mbs-kat-metin h3 { font-size: 16px; font-weight: 600; }
.mbs-kat-metin p { font-size: 14px; color: var(--mbs-metin-2); line-height: 1.45; margin: 0; }
.mbs-yakinda { margin: 24px 16px 0; padding: 32px 16px; border-radius: 12px; background: var(--mbs-zemin-2); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mbs-yakinda p { color: var(--mbs-metin-2); font-size: 15px; margin: 0; max-width: 360px; }
.mbs-diger { padding: 32px 0 0 16px; }
.mbs-diger .mbs-bolum { padding-right: 16px; }
.mbs-diger__ray { display: flex; gap: 12px; overflow-x: auto; padding-right: 16px; scrollbar-width: none; }
.mbs-diger__ray::-webkit-scrollbar { display: none; }
.mbs-diger__ray .mbs-tile { width: 160px; height: 120px; flex-shrink: 0; }

/* ── Ürün (§B3.3) ──────────────────────────────────────────────────────── */
.mbs-urun .woocommerce-product-gallery { position: relative; background: #fff; border-bottom: 1px solid var(--mbs-cizgi); }
.mbs-urun .woocommerce-product-gallery__wrapper { margin: 0; }
.mbs-urun .woocommerce-product-gallery__image { display: flex; align-items: center; justify-content: center; }
.mbs-urun .woocommerce-product-gallery__image img { width: 100%; max-height: 600px; object-fit: contain; }
.mbs-urun .woocommerce-product-gallery__trigger { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid var(--mbs-cizgi); z-index: 5; text-indent: -999px; overflow: hidden; }
.mbs-urun .flex-control-thumbs { list-style: none; margin: 0; padding: 12px 16px 0; display: flex; gap: 8px; overflow-x: auto; }
.mbs-urun .flex-control-thumbs li { width: 56px; height: 56px; border-radius: 8px; border: 1px solid var(--mbs-cizgi); overflow: hidden; flex-shrink: 0; margin: 0; }
.mbs-urun .flex-control-thumbs img { width: 100%; height: 100%; object-fit: contain; opacity: .8; cursor: pointer; }
.mbs-urun .flex-control-thumbs img.flex-active { opacity: 1; }
.mbs-urun .flex-control-thumbs li:has(img.flex-active) { border: 1.5px solid var(--mbs-yesil); }
.mbs-urun__ozet { padding: 16px 16px 0; display: flex; flex-direction: column; gap: 8px; }
.mbs-urun__ozet .product_title { font-size: 24px; font-weight: 600; line-height: 1.2; }
.mbs-urun__kisa { font-size: 14px; color: var(--mbs-metin-2); }
.mbs-urun__kisa p { margin: 0; }
.mbs-urun__fiyat { display: flex; align-items: baseline; gap: 10px; margin-top: 4px; }
.mbs-urun__fiyat .price { font-size: 24px; font-weight: 600; color: var(--mbs-metin); font-variant-numeric: tabular-nums; }
.mbs-urun__fiyat .price del { font-size: 16px; font-weight: 400; color: var(--mbs-metin-2); }
.mbs-urun__fiyat .price ins { text-decoration: none; color: var(--mbs-mercan-koyu); }
.mbs-urun__fiyat small { font-size: 13px; color: var(--mbs-metin-2); }
.mbs-urun__kargo { font-size: 14px; }
.mbs-urun__kargo strong { font-weight: 600; color: var(--mbs-metin); }
.mbs-urun .cart { display: flex; gap: 12px; align-items: center; margin: 12px 0 0; }
.mbs-urun .cart .single_add_to_cart_button { flex-grow: 1; height: 48px; }
.mbs-adet { display: flex; align-items: center; width: 120px; height: 48px; border: 1px solid var(--mbs-cizgi); border-radius: 8px; flex-shrink: 0; overflow: hidden; }
.mbs-adet button { width: 40px; height: 100%; border: 0; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--mbs-metin); padding: 0; }
.mbs-adet input[type="number"] { width: 40px; height: 100%; border: 0; text-align: center; font-size: 16px; font-weight: 500; color: var(--mbs-metin); padding: 0; -moz-appearance: textfield; background: #fff; }
.mbs-adet input::-webkit-outer-spin-button, .mbs-adet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mbs-urun__guven { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.mbs-urun__akor { margin-top: 16px; }
.mbs-akor { border-top: 1px solid var(--mbs-cizgi); }
.mbs-akor:last-child { border-bottom: 1px solid var(--mbs-cizgi); }
.mbs-akor summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 52px; font-size: 16px; font-weight: 500; cursor: pointer; }
.mbs-akor summary::-webkit-details-marker { display: none; }
.mbs-akor[open] summary svg { transform: rotate(180deg); }
.mbs-akor__ic { padding: 0 0 16px; font-size: 15px; line-height: 1.55; max-width: 640px; }
.mbs-akor__ic p:last-child { margin: 0; }
.mbs-urun .mbs-sticky { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 110%); width: 100%; max-width: var(--mbs-genislik); background: #fff; box-shadow: 0 -2px 12px rgba(31, 42, 35, 0.12); z-index: 40; transition: transform .25s; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 64px; padding: 0 16px; }
.mbs-urun .mbs-sticky.gorunur { transform: translate(-50%, 0); }
.mbs-sticky__ad { display: flex; flex-direction: column; min-width: 0; }
.mbs-sticky__ad div { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mbs-sticky__ad strong { font-size: 14px; font-weight: 600; }
.mbs-sticky .mbs-btn { width: 140px; flex-shrink: 0; height: 40px; font-size: 15px; }
.mbs-urun__ilgili { padding: 40px 0 0 16px; }
.mbs-urun__ilgili .mbs-bolum { padding-right: 16px; }
.mbs-urun .related, .mbs-urun .upsells { padding: 40px 16px 0; }
.mbs-urun .related > h2, .mbs-urun .upsells > h2 { font-size: 22px; font-weight: 600; margin-bottom: 16px; }
.mbs-urun .upsells ul.products { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mbs-urun .upsells ul.products li.product { width: 160px; flex-shrink: 0; scroll-snap-align: start; }
.mbs-site .woocommerce-product-gallery__trigger { display: none; }

/* ── Sepet (klasik kısa kod, §B3.4) ────────────────────────────────────── */
.mbs-sepet { padding: 20px 16px 0; }
.mbs-sepet .mbs-h1 span { font-weight: 400; color: var(--mbs-metin-2); font-size: 18px; }
.ajans-kargo-bilgi { display: block; padding: 12px 16px; border-radius: 12px; background: var(--mbs-zemin-2); font-size: 14px; margin: 0 0 16px; }
.ajans-kargo-bilgi strong { font-weight: 600; }
.ajans-kargo-cubuk { display: block; margin-top: 10px; height: 8px; border-radius: 4px; background: var(--mbs-cizgi); overflow: hidden; }
.ajans-kargo-cubuk i { display: block; height: 8px; background: var(--mbs-mercan); border-radius: 4px; }
.ajans-kargo-tamam .ajans-kargo-cubuk i { background: var(--mbs-yesil); }
.mbs-site .woocommerce-cart-form table.shop_table { border: 0; border-collapse: collapse; width: 100%; margin: 0; }
.mbs-site .woocommerce-cart-form thead { display: none; }
.mbs-site .woocommerce-cart-form tr.woocommerce-cart-form__cart-item { display: grid; grid-template-columns: 72px 1fr; grid-template-areas: "resim ad" "resim meta" "resim alt"; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--mbs-cizgi); }
.mbs-site .woocommerce-cart-form td { border: 0; padding: 0; background: none; }
.mbs-site .woocommerce-cart-form td::before { display: none; }
.mbs-site .woocommerce-cart-form td.product-thumbnail { grid-area: resim; }
.mbs-site .woocommerce-cart-form td.product-thumbnail img { width: 72px; height: 72px; object-fit: contain; border: 1px solid var(--mbs-cizgi); border-radius: 8px; }
.mbs-site .woocommerce-cart-form td.product-name { grid-area: ad; font-size: 15px; font-weight: 500; line-height: 1.3; display: flex; justify-content: space-between; gap: 8px; }
.mbs-site .woocommerce-cart-form td.product-name a { color: var(--mbs-metin); text-decoration: none; }
.mbs-site .woocommerce-cart-form td.product-remove { grid-area: ad; justify-self: end; }
.mbs-site .woocommerce-cart-form td.product-remove a.remove { width: auto; height: auto; font-size: 13px; color: var(--mbs-yesil) !important; text-decoration: underline; font-weight: 400; border-radius: 0; background: none !important; }
.mbs-site .woocommerce-cart-form td.product-price { display: none; }
.mbs-site .woocommerce-cart-form td.product-quantity { grid-area: alt; align-self: end; }
.mbs-site .woocommerce-cart-form td.product-subtotal { grid-area: alt; justify-self: end; align-self: end; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mbs-site .woocommerce-cart-form .mbs-adet { width: 108px; height: 36px; }
.mbs-site .woocommerce-cart-form .mbs-adet button { width: 36px; }
.mbs-site .woocommerce-cart-form .mbs-adet input { width: 36px; font-size: 15px; }
.mbs-site .woocommerce-cart-form td.actions { display: none; }
.mbs-site .woocommerce-cart-form .coupon { display: none; }
.mbs-kupon { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.mbs-kupon summary { list-style: none; display: flex; align-items: center; gap: 6px; height: 44px; font-size: 15px; font-weight: 500; color: var(--mbs-yesil); text-decoration: underline; cursor: pointer; }
.mbs-kupon summary::-webkit-details-marker { display: none; }
.mbs-kupon__form { display: flex; gap: 8px; }
.mbs-kupon__form input { flex: 1; height: 48px; border: 1px solid var(--mbs-cizgi); border-radius: 8px; padding: 0 14px; }
.mbs-kupon__form button { height: 40px; align-self: center; }
.mbs-site .cart_totals { margin-top: 16px; }
.mbs-site .cart_totals > h2 { display: none; }
.mbs-site .cart_totals table.shop_table { border: 0; border-collapse: collapse; width: 100%; margin: 0; padding: 16px; border-radius: 12px; background: var(--mbs-zemin-2); display: block; font-variant-numeric: tabular-nums; }
.mbs-site .cart_totals table.shop_table tbody { display: block; }
.mbs-site .cart_totals table.shop_table tr { display: flex; justify-content: space-between; align-items: baseline; padding: 5px 0; border: 0; }
.mbs-site .cart_totals table.shop_table th, .mbs-site .cart_totals table.shop_table td { border: 0; padding: 0; background: none; font-size: 15px; font-weight: 400; }
.mbs-site .cart_totals table.shop_table tr.order-total { border-top: 1px solid var(--mbs-cizgi); margin-top: 6px; padding-top: 10px; }
.mbs-site .cart_totals table.shop_table tr.order-total th, .mbs-site .cart_totals table.shop_table tr.order-total td { font-size: 18px; font-weight: 600; }
.mbs-site .cart_totals td::before { display: none; }
.mbs-site .cart_totals .woocommerce-shipping-totals td { text-align: right; }
.mbs-site .cart_totals ul#shipping_method { list-style: none; margin: 0; padding: 0; }
.mbs-site .cart_totals .woocommerce-shipping-destination, .mbs-site .cart_totals .shipping-calculator-button { display: none; }
.mbs-site .cart_totals .includes_tax, .mbs-kdv { display: block; font-size: 12px; color: var(--mbs-metin-2); font-weight: 400; }
.mbs-site .wc-proceed-to-checkout { padding: 16px 0 0; }
.mbs-site .wc-proceed-to-checkout a.checkout-button { width: 100%; margin: 0; font-size: 16px; }
.mbs-sepet__devam { display: flex; justify-content: center; padding: 8px 0 0; }
.mbs-site .cart-empty, .mbs-site .return-to-shop { display: none; }
.mbs-bos { padding: 40px 16px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.mbs-bos p { color: var(--mbs-metin-2); margin: 0; }
.mbs-site .woocommerce-notices-wrapper .woocommerce-message, .mbs-site .woocommerce-message, .mbs-site .woocommerce-info { margin: 16px; padding: 12px 16px; border: 0; border-radius: 12px; background: var(--mbs-yesil-acik); color: var(--mbs-yesil); font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.mbs-site .woocommerce-error { margin: 16px; padding: 12px 16px; border: 1.5px solid var(--mbs-mercan); border-radius: 12px; background: #fff; color: var(--mbs-mercan-koyu); font-size: 14px; list-style: none; }
.mbs-site .woocommerce-message::before, .mbs-site .woocommerce-info::before, .mbs-site .woocommerce-error::before { display: none; }
.mbs-site .woocommerce-message .button { height: 36px; font-size: 14px; }

/* ── Ödeme (§B3.5) ─────────────────────────────────────────────────────── */
.mbs-odeme { padding: 0 0 32px; }
.mbs-ozet-kapak { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 16px; background: var(--mbs-zemin-2); border-bottom: 1px solid var(--mbs-cizgi); font-size: 15px; font-weight: 500; cursor: pointer; list-style: none; }
.mbs-ozet-kapak::-webkit-details-marker { display: none; }
.mbs-ozet-kapak span { display: flex; align-items: center; gap: 8px; }
.mbs-ozet-kapak strong { font-weight: 600; white-space: nowrap; }
.mbs-odeme__form { padding: 24px 16px 0; display: flex; flex-direction: column; gap: 16px; }
.mbs-site form.checkout .col2-set, .mbs-site form.checkout .col-1, .mbs-site form.checkout .col-2 { width: 100%; float: none; }
.mbs-site form.checkout .woocommerce-billing-fields h3, .mbs-site form.checkout .woocommerce-additional-fields h3 { display: none; }
.mbs-site form.checkout p.form-row { margin: 0 0 16px; padding: 0; float: none; width: 100%; }
.mbs-site form.checkout .form-row label { display: block; font-size: 14px; font-weight: 500; color: var(--mbs-metin); margin-bottom: 6px; }
.mbs-site form.checkout .form-row label .optional { color: var(--mbs-metin-2); font-weight: 400; }
.mbs-site form.checkout .form-row label .required { color: var(--mbs-mercan-koyu); text-decoration: none; }
.mbs-site .input-text, .mbs-site form.checkout select, .mbs-site .select2-container .select2-selection--single { width: 100%; height: 48px; border: 1px solid var(--mbs-cizgi); border-radius: 8px; background: #fff; padding: 0 14px; font-size: 16px; color: var(--mbs-metin); }
.mbs-site .input-text:focus, .mbs-site form.checkout select:focus { outline: 0; border: 1.5px solid var(--mbs-yesil); }
.mbs-site .input-text::placeholder { color: var(--mbs-metin-2); }
.mbs-site .input-text:-webkit-autofill { -webkit-text-fill-color: var(--mbs-metin); -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.mbs-site textarea.input-text { height: 96px; padding: 12px 14px; resize: vertical; }
.mbs-site .select2-container .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 0; color: var(--mbs-metin); }
.mbs-site .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; right: 8px; }
.mbs-site form.checkout .woocommerce-invalid .input-text, .mbs-site form.checkout .woocommerce-invalid select { border: 1.5px solid var(--mbs-mercan); }
.mbs-site form.checkout .form-row .mbs-yardim { display: block; font-size: 13px; color: var(--mbs-metin-2); margin-top: 6px; }
.mbs-site form.checkout .form-row.mbs-not-tetik { margin: 0; }
.mbs-onay { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; cursor: pointer; }
.mbs-onay input { width: 20px; height: 20px; accent-color: var(--mbs-yesil); margin: 0; flex-shrink: 0; }
.mbs-kurumsal { display: none; flex-direction: column; }
.mbs-kurumsal.acik { display: flex; }
.mbs-odeme__baslik { font-size: 18px; font-weight: 600; margin: 16px 0 0; }
.mbs-kargo-kart { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 12px 16px; border-radius: 12px; background: var(--mbs-zemin-2); font-size: 15px; font-weight: 500; }
.mbs-kargo-kart span { display: flex; align-items: center; gap: 10px; }
.mbs-kargo-kart strong { font-weight: 600; white-space: nowrap; }
.mbs-kargo-kart .ucretsiz { color: var(--mbs-basari); }
.mbs-site #order_review_heading { display: none; }
.mbs-site .woocommerce-checkout-review-order { display: flex; flex-direction: column; gap: 16px; }
.mbs-site table.woocommerce-checkout-review-order-table { display: none; }
.mbs-site .woocommerce-checkout-payment { background: none !important; border-radius: 0; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods { list-style: none; margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 12px; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li { padding: 16px; border: 1.5px solid var(--mbs-cizgi); border-radius: 12px; margin: 0; line-height: 1.45; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li:has(input:checked) { border-color: var(--mbs-yesil); }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li > label { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; margin: 0; padding: 0; cursor: pointer; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li input[type="radio"] { width: 20px; height: 20px; accent-color: var(--mbs-yesil); margin: 0; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li .payment_box { background: none !important; padding: 8px 0 0 30px; margin: 0; font-size: 14px; color: var(--mbs-metin-2); }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li .payment_box::before { display: none; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li .payment_box p { margin: 0 0 6px; }
.mbs-site .woocommerce-checkout-payment ul.payment_methods li.woocommerce-notice { border: 0; padding: 0; color: var(--mbs-metin-2); font-size: 14px; }
.mbs-kart-yakinda { font-size: 13px; color: var(--mbs-metin-2); }
.mbs-site .woocommerce-checkout-payment .place-order { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.mbs-site .woocommerce-terms-and-conditions-wrapper { margin: 0; }
.mbs-site .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text { display: none; }
.mbs-site .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; }
.mbs-site .woocommerce-terms-and-conditions-wrapper label.checkbox { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.45; font-weight: 400; }
.mbs-site .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--mbs-yesil); margin: 1px 0 0; flex-shrink: 0; }
.mbs-site .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions { display: none !important; }
.mbs-site #place_order { width: 100%; height: 56px; font-size: 17px; float: none; }
.mbs-odeme__not { font-size: 13px; color: var(--mbs-metin-2); text-align: center; }
.mbs-odeme__guven { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.mbs-site .woocommerce-form-login-toggle, .mbs-site .woocommerce-form-coupon-toggle { display: none; }
.mbs-site .woocommerce-NoticeGroup { margin: 0; }
.mbs-site .blockUI.blockOverlay { border-radius: 12px; }

.mbs-gizli, .mbs-site #billing_country_field, .mbs-site .woocommerce-shipping-fields, .mbs-site #ship-to-different-address { display: none !important; }

.mbs-site .woocommerce-Price-amount { white-space: nowrap; }
.mbs-site .woocommerce-billing-fields__field-wrapper { display: flex; flex-direction: column; }
.mbs-site #billing_first_name_field { order: 1; } .mbs-site #billing_last_name_field { order: 2; } .mbs-site #billing_phone_field { order: 3; } .mbs-site #billing_email_field { order: 4; }
.mbs-site #billing_state_field { order: 6; } .mbs-site #billing_city_field { order: 7; } .mbs-site #billing_address_1_field { order: 8; }
.mbs-site #mbs_kurumsal_field { order: 9; } .mbs-site #mbs_firma_field { order: 10; } .mbs-site #mbs_vergi_dairesi_field { order: 11; } .mbs-site #mbs_vergi_no_field { order: 12; }
.mbs-site .mbs-kurumsal-tetik .optional { display: none; }

/* ── Teşekkür = havale talimatı (§B3.6) ────────────────────────────────── */
.mbs-tesekkur { padding: 32px 16px 40px; display: flex; flex-direction: column; gap: 16px; max-width: 640px; }
.mbs-tesekkur__ust { display: flex; align-items: center; gap: 12px; }
.mbs-tesekkur__ust .halka { width: 40px; height: 40px; border-radius: 50%; background: var(--mbs-yesil-acik); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mbs-tesekkur__ust .alt { font-size: 15px; color: var(--mbs-metin-2); }
.mbs-tesekkur__ust .alt strong { font-weight: 600; color: var(--mbs-metin); }
.mbs-uyari { padding: 14px 16px; border-radius: 12px; background: var(--mbs-uyari-zemin); color: var(--mbs-uyari-metin); font-size: 15px; font-weight: 500; line-height: 1.45; }
.mbs-uyari strong { font-weight: 600; }
.mbs-iban { border: 1.5px solid var(--mbs-yesil); border-radius: 12px; background: var(--mbs-zemin-2); padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.mbs-iban__satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mbs-iban__satir > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mbs-iban__satir small { font-size: 13px; color: var(--mbs-metin-2); }
.mbs-iban__satir strong { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; word-break: break-all; }
.mbs-kopyala { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 8px; border: 1.5px solid var(--mbs-yesil); background: #fff; color: var(--mbs-yesil); font-size: 14px; font-weight: 600; cursor: pointer; flex-shrink: 0; }
.mbs-kopyala.oldu { background: var(--mbs-yesil); color: #fff; }
.mbs-iban__not { font-size: 13px; color: var(--mbs-mercan-koyu); line-height: 1.4; }
.mbs-tesekkur__eposta { font-size: 13px; color: var(--mbs-metin-2); text-align: center; margin-top: -6px; }
.mbs-zaman { display: flex; flex-direction: column; margin-top: 8px; }
.mbs-zaman__adim { display: flex; gap: 14px; align-items: flex-start; }
.mbs-zaman__nokta { display: flex; flex-direction: column; align-items: center; width: 24px; }
.mbs-zaman__nokta i { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--mbs-cizgi); display: flex; align-items: center; justify-content: center; }
.mbs-zaman__nokta i.dolu { background: var(--mbs-yesil); border-color: var(--mbs-yesil); }
.mbs-zaman__nokta i.mercan { border: 2.5px solid var(--mbs-mercan); }
.mbs-zaman__nokta b { width: 1.5px; height: 28px; background: var(--mbs-cizgi); }
.mbs-zaman__metin { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.mbs-zaman__metin span { font-size: 14px; font-weight: 500; }
.mbs-zaman__metin span.dolu { font-weight: 600; }
.mbs-zaman__metin span.bos { color: var(--mbs-metin-2); }
.mbs-zaman__metin small { font-size: 13px; color: var(--mbs-metin-2); }
.mbs-site .woocommerce-order-details, .mbs-site .woocommerce-customer-details { padding: 0 16px; }
.mbs-site .woocommerce-order-details table.shop_table { border: 0; width: 100%; border-collapse: collapse; font-size: 14px; }
.mbs-site .woocommerce-order-details table.shop_table th, .mbs-site .woocommerce-order-details table.shop_table td { border: 0; border-bottom: 1px solid var(--mbs-cizgi); padding: 8px 0; text-align: left; }
.mbs-site .woocommerce-order-details table.shop_table td:last-child, .mbs-site .woocommerce-order-details table.shop_table th:last-child { text-align: right; }
.mbs-site .woocommerce-order-details__title, .mbs-site .woocommerce-column__title { font-size: 18px; font-weight: 600; margin: 24px 0 8px; }
.mbs-site .woocommerce-thankyou-order-received, .mbs-site .woocommerce-thankyou-order-details, .mbs-site .woocommerce-bacs-bank-details { display: none; }

/* ── Sayfa / hesabım / genel içerik ────────────────────────────────────── */
.mbs-sayfa { padding: 24px 16px 40px; max-width: 640px; }
.mbs-sayfa h1 { font-size: 24px; margin-bottom: 16px; }
.mbs-sayfa h2 { font-size: 20px; margin: 24px 0 8px; }
.mbs-sayfa h3 { font-size: 17px; margin: 16px 0 6px; }
.mbs-sayfa ul, .mbs-sayfa ol { padding-left: 20px; }
.mbs-site .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mbs-site .woocommerce-MyAccount-navigation a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--mbs-cizgi); font-size: 14px; font-weight: 500; text-decoration: none; color: var(--mbs-metin); }
.mbs-site .woocommerce-MyAccount-navigation li.is-active a { background: var(--mbs-yesil-acik); color: var(--mbs-yesil); border: 1.5px solid var(--mbs-yesil); }
.mbs-site .woocommerce-MyAccount-navigation, .mbs-site .woocommerce-MyAccount-content { width: 100%; float: none; }
.mbs-site form.login, .mbs-site form.register, .mbs-site .woocommerce-form-track-order, .mbs-site .woocommerce-EditAccountForm, .mbs-site .woocommerce-address-fields { border: 0; padding: 0; margin: 0; }
.mbs-site form.login .form-row, .mbs-site form.register .form-row, .mbs-site .woocommerce-form-track-order .form-row, .mbs-site .woocommerce-EditAccountForm .form-row, .mbs-site .woocommerce-address-fields .form-row { float: none; width: 100%; margin: 0 0 16px; }
.mbs-site form.login label, .mbs-site form.register label, .mbs-site .woocommerce-EditAccountForm label, .mbs-site .woocommerce-address-fields label, .mbs-site .woocommerce-form-track-order label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.mbs-site .u-columns.col2-set .col-1, .mbs-site .u-columns.col2-set .col-2 { width: 100%; float: none; }
.mbs-site .woocommerce-password-strength { font-size: 13px; }
.mbs-site .lost_password { font-size: 14px; }
.mbs-site table.woocommerce-orders-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.mbs-site table.woocommerce-orders-table th, .mbs-site table.woocommerce-orders-table td { border: 0; border-bottom: 1px solid var(--mbs-cizgi); padding: 10px 4px; text-align: left; }
.mbs-site .woocommerce-orders-table__cell-order-actions .button { height: 36px; font-size: 14px; }

/* ── Sepet çekmecesi (mini cart) ───────────────────────────────────────── */
.mbs-cekmece .widget_shopping_cart_content { display: flex; flex-direction: column; height: 100%; }
.mbs-cekmece .ajans-kargo-bilgi { margin: 16px 16px 0; }
.mbs-cekmece ul.woocommerce-mini-cart { list-style: none; margin: 0; padding: 0 16px; }
.mbs-cekmece li.woocommerce-mini-cart-item { display: grid; grid-template-columns: 64px 1fr; grid-template-areas: "resim ad" "resim adet"; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--mbs-cizgi); position: relative; }
.mbs-cekmece li.woocommerce-mini-cart-item a.remove { position: absolute; top: 14px; right: 0; width: 24px; height: 24px; line-height: 22px; font-size: 18px; color: var(--mbs-metin-2) !important; text-align: center; border-radius: 50%; }
.mbs-cekmece li.woocommerce-mini-cart-item > a:not(.remove) { grid-area: ad; font-size: 14px; font-weight: 500; color: var(--mbs-metin); text-decoration: none; line-height: 1.3; padding-right: 28px; }
.mbs-cekmece li.woocommerce-mini-cart-item img { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--mbs-cizgi); border-radius: 8px; grid-area: resim; float: none; margin: 0; }
.mbs-cekmece li.woocommerce-mini-cart-item .quantity { grid-area: adet; font-size: 14px; font-weight: 600; color: var(--mbs-metin); font-variant-numeric: tabular-nums; }
.mbs-cekmece .woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 16px 0; margin: auto 0 0; font-size: 16px; font-weight: 600; border-top: 1px solid var(--mbs-cizgi); }
.mbs-cekmece .woocommerce-mini-cart__total strong { font-weight: 500; }
.mbs-cekmece .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 16px; margin: 0; }
.mbs-cekmece .woocommerce-mini-cart__buttons .button { width: 100%; margin: 0; }
.mbs-cekmece .woocommerce-mini-cart__buttons .button:not(.checkout) { background: none; color: var(--mbs-yesil); text-decoration: underline; height: 44px; font-weight: 500; }
.mbs-cekmece .woocommerce-mini-cart__buttons .button.checkout { order: -1; }
.mbs-cekmece .woocommerce-mini-cart__empty-message { padding: 40px 16px; text-align: center; color: var(--mbs-metin-2); }

/* ── Bildirim (toast) ──────────────────────────────────────────────────── */
.mbs-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); background: var(--mbs-metin); color: #fff; padding: 12px 18px; border-radius: 8px; font-size: 14px; font-weight: 500; opacity: 0; visibility: hidden; transition: all .2s; z-index: 200; max-width: calc(100% - 32px); }
.mbs-toast.acik { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* ── ≥ 600 px: 3 sütun ızgara, hero yan yana CTA ───────────────────────── */
@media (min-width: 600px) {
  .mbs-grid, .mbs-site ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mbs-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mbs-hero__gorsel { height: 300px; }
  .mbs-hero__gorsel--paket img { height: 300px; }
  .mbs-hero__gorsel--paket img + img { height: 240px; margin-left: -10px; }
  .mbs-hero__h1 { font-size: 34px; }
  .mbs-hero__cta { flex-direction: row; align-items: center; }
  .mbs-hero__cta .mbs-btn { width: 260px; }
  .mbs-guven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mbs-serit { height: 36px; }
  .mbs-band__buton .mbs-btn, .mbs-band--kids > .mbs-btn { width: 260px; }
  .mbs-toptan { flex-direction: row; align-items: center; justify-content: space-between; }
  .mbs-toptan > div { max-width: 360px; }
  .mbs-toptan .mbs-btn { width: 180px; flex-shrink: 0; }
  .mbs-kat-hero { height: 180px; }
  .mbs-yatay > .mbs-kart { width: 172px; }
  .mbs-urun .upsells ul.products li.product { width: 172px; }
  .mbs-site form.checkout .mbs-ilce-il { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}