/* ==========================================================================
   CEVİZ 18 — Marka katmanı (bahçe künyesi)
   Tüm sayfa CSS'lerinden sonra yüklenir. Kartlar gölgesiz ve ince çizgili,
   köşe 3-4px; gradyan yok, hareket yalnızca renk ve konum geçişinde.
   ========================================================================== */

:root {
    /* Beyaz zemin + antrasit metin + portakal vurgu; yeşil yalnızca küçük doğallık işaretlerinde */
    --c18-forest: #22251F;          /* ikincil buton, koyu yüzey (antrasit) */
    --c18-leaf: #3A3E36;            /* antrasit hover */
    --c18-walnut: #A9530A;          /* okunur turuncu metin (beyaz üstünde AA) */
    --c18-shell: #F4A259;
    --c18-paper: #FAF8F5;
    --c18-paper-2: #FFFFFF;
    --c18-ink: #1C1F1A;
    --c18-muted: #5F625C;
    --c18-line: #E7E2D8;
    --c18-harvest: #F28C28;
    --c18-orange: #F28C28;          /* portakal: ana buton ve bant zemini, üstüne koyu yazı */
    --c18-orange-dk: #E0780F;
    --c18-orange-soft: #FFF3E6;
    --c18-green: #2F6B3A;
    --c18-display: "Poppins", system-ui, sans-serif;
    --c18-body: "Poppins", system-ui, sans-serif;
    --c18-radius: 6px;
    --c18-wrap: 1280px;
}

/* ── Temel ─────────────────────────────────────────────── */
body .m18-home { background: var(--c18-paper-2); }
body .m18-wrap { width: min(var(--c18-wrap), calc(100% - 3rem)); }

body :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid var(--c18-harvest);
    outline-offset: 2px;
}

.c18-label {
    display: inline-block;
    font: 700 .7rem/1.3 var(--c18-body);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--c18-walnut);
}

.c18-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.9rem;
    padding: .7rem 1.25rem;
    border: 1.5px solid var(--c18-forest);
    border-radius: var(--c18-radius);
    font: 700 .92rem/1 var(--c18-body);
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.c18-btn--solid { background: var(--c18-forest); color: var(--c18-paper-2); }
.c18-btn--solid:hover { background: var(--c18-leaf); border-color: var(--c18-leaf); color: var(--c18-paper-2); }
.c18-btn--line { background: transparent; color: var(--c18-forest); }
.c18-btn--line:hover { background: var(--c18-forest); color: var(--c18-paper-2); }

/* Mevcut site butonları aynı dile */
body .m18-btn {
    border-radius: var(--c18-radius);
    box-shadow: none;
    font-weight: 700;
    transform: none;
}
body .m18-btn:hover { transform: none; }
body .m18-btn--accent { background: var(--c18-forest); border-color: var(--c18-forest); color: var(--c18-paper-2); }
body .m18-btn--accent:hover { background: var(--c18-leaf); border-color: var(--c18-leaf); color: var(--c18-paper-2); }

/* Bölüm başlığı */
.c18-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.75rem;
}
.c18-head__title,
body .m18-section__title {
    margin: 0;
    font-family: var(--c18-display);
    font-weight: 700;
    font-size: clamp(1.9rem, 3.4vw, 2.75rem);
    line-height: 1.05;
    letter-spacing: -.01em;
    color: var(--c18-ink);
}
.c18-head__sub,
body .m18-section__sub { margin: .5rem 0 0; color: var(--c18-muted); }
.c18-head__link,
body .m18-section__cta.m18-btn {
    flex-shrink: 0;
    min-height: 0;
    padding: 0 0 2px;
    background: transparent;
    border: 0;
    border-bottom: 1.5px solid var(--c18-ink);
    border-radius: 0;
    color: var(--c18-ink);
    font-weight: 700;
    text-decoration: none;
}
.c18-head__link:hover,
body .m18-section__cta.m18-btn:hover { color: var(--c18-walnut); border-color: var(--c18-walnut); background: transparent; }

/* ── Header ────────────────────────────────────────────── */
body .m18-topbar { background: var(--c18-paper); border-bottom: 1px solid var(--c18-line); }
body .m18-topbar__link { color: var(--c18-muted); }
body .m18-topbar__link:hover { color: var(--c18-ink); }

body .m18-header-main {
    background: var(--c18-paper-2);
    border-bottom: 1px solid var(--c18-line);
    box-shadow: none;
}
body .m18-search input,
body .site-header__search input {
    border-radius: var(--c18-radius);
    background: var(--c18-paper-2);
    border: 1px solid var(--c18-line);
}
body .m18-search input:focus,
body .site-header__search input:focus { border-color: var(--c18-ink); background: #fff; }
body .m18-cart-badge,
body .m18-fav-badge { background: var(--c18-forest); color: var(--c18-paper-2); border-radius: 2px; }

@media (min-width: 1024px) {
    /* Logo solda, arama ortada, hesap/sepet sağda */
    body .m18-header-main__inner {
        grid-template-columns: auto 1fr auto;
        align-items: center;
        column-gap: 2rem;
    }
    body .m18-header-main__inner > .site-header__brand { grid-column: 1; grid-row: 1; justify-self: start; }
    body .m18-header-main__inner > .site-header__search { grid-column: 2; grid-row: 1; justify-self: center; width: min(100%, 520px); }
    body .m18-header-main__inner > .m18-header-actions { grid-column: 3; grid-row: 1; justify-self: end; }
}

body .m18-ticker { background: var(--c18-ink); color: var(--c18-paper); }
body .m18-ticker__item {
    color: var(--c18-paper);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body .m18-ticker__item--hot { color: #D9C49A; }

body .m18-header-nav-bar { background: var(--c18-paper-2); border-bottom: 1px solid var(--c18-line); }
body .m18-header-nav-bar .m18-nav-link {
    position: relative;
    color: var(--c18-ink);
    font-weight: 600;
}
body .m18-header-nav-bar .m18-nav-link:hover,
body .m18-header-nav-bar .m18-nav-link.is-active { color: var(--c18-walnut); }
body .m18-header-nav-bar .m18-nav-link.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 2px;
    background: var(--c18-walnut);
}

/* ── Banner karuseli (admin panelinden) — tam fotoğraf, solda beyaz yazı ── */
body .m18-hero--banners {
    width: 100%;
    margin: 0;
    min-height: clamp(420px, 42vw, 580px);
    border-radius: 0;
    box-shadow: none;
    background: var(--c18-ink);
}
body .m18-hero--banners .m18-hero__track,
body .m18-hero__slide { min-height: clamp(420px, 42vw, 580px); }
body .m18-hero__slide { align-items: center; }
body .m18-hero__shade {
    display: block;
    background: linear-gradient(90deg, rgba(20, 22, 18, .72) 0%, rgba(20, 22, 18, .35) 45%, rgba(20, 22, 18, 0) 70%);
}
body .m18-hero__inner--banner {
    display: block;
    width: min(var(--c18-wrap), calc(100% - 3rem));
    margin: 0 auto;
    padding: 0;
}
body .m18-hero__copy {
    max-width: 560px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #fff;
}
body .m18-hero__actions { margin: 0; }
body .m18-hero__actions .m18-btn {
    min-height: 0;
    padding: .95rem 1.5rem;
    border: 0;
    border-radius: 6px;
    font: 700 1rem/1 var(--c18-body);
    letter-spacing: 0;
    text-transform: none;
}
body .m18-hero__eyebrow {
    margin: 0;
    font: 600 .95rem/1.4 var(--c18-body);
    font-style: normal;
    letter-spacing: .01em;
    text-transform: none;
    color: #FFD3A6;
}
body .m18-hero__title,
body .m18-hero__inner--banner .m18-hero__title {
    margin: .4rem 0 1.4rem;
    font-family: var(--c18-display);
    font-weight: 800;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    line-height: 1.05;
    letter-spacing: -.02em;
    text-transform: none;
    text-shadow: none;
    color: #fff;
}
body .m18-hero__nav {
    top: 50%;
    width: 46px;
    height: 46px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, .92);
    color: var(--c18-ink);
    box-shadow: none;
    backdrop-filter: none;
}
body .m18-hero__nav--prev { left: 16px; }
body .m18-hero__nav--next { right: 16px; }
body .m18-hero__nav:hover { background: var(--c18-orange); color: var(--c18-ink); }
body .m18-hero__dots {
    left: auto;
    right: max(24px, calc((100vw - var(--c18-wrap)) / 2));
    bottom: 1.4rem;
    transform: none;
    gap: 6px;
}
body .m18-hero__dot { width: 28px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255, 255, 255, .5); }
body .m18-hero__dot.is-active { width: 28px; background: var(--c18-orange); }

/* Künye satırı */
.c18-kunye-bar { background: var(--c18-paper); border-bottom: 1px solid var(--c18-line); }
.c18-kunye-bar__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.c18-kunye-bar__list { display: flex; flex-wrap: wrap; margin: 0; }
.c18-kunye-bar__list > div { padding: 1.05rem 1.25rem 1.05rem 0; margin-right: 1.25rem; border-right: 1px solid var(--c18-line); }
.c18-kunye-bar__list > div:last-child { border-right: 0; margin-right: 0; }
.c18-kunye-bar__list dt { font: 700 .66rem/1.2 var(--c18-body); letter-spacing: .1em; text-transform: uppercase; color: var(--c18-muted); }
.c18-kunye-bar__list dd { margin: .2rem 0 0; font-weight: 700; color: var(--c18-ink); }
.c18-kunye-bar__actions { display: flex; gap: .6rem; flex-shrink: 0; }

/* Hikâyeler şeridi (admin içerik) */
body .m18-stories { background: var(--c18-paper-2); }

/* ── Fiyat güncelleme duyurusu ─────────────────────────── */
.c18-price-note {
    position: relative;
    background: var(--c18-paper);
    color: var(--c18-ink);
    border-bottom: 1px solid var(--c18-line);
}
.c18-price-note__inner {
    width: min(var(--c18-wrap), calc(100% - 3rem));
    margin-inline: auto;
    padding: .85rem 2.4rem .9rem 0;
}
.c18-price-note__kicker {
    margin: 0 0 .25rem;
    font: 700 .68rem/1.3 var(--c18-body);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--c18-walnut);
}
.c18-price-note__text {
    margin: 0;
    max-width: 78rem;
    font: 500 .92rem/1.45 var(--c18-body);
    color: var(--c18-ink);
}
.c18-price-note__sign {
    margin: .35rem 0 0;
    font: 700 .82rem/1.3 var(--c18-body);
    color: var(--c18-green);
}
.c18-price-note__close {
    position: absolute;
    top: .55rem;
    right: .65rem;
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 1px solid var(--c18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--c18-ink);
    font: 600 1.15rem/1 var(--c18-body);
    cursor: pointer;
}
.c18-price-note__close:hover { background: var(--c18-orange-soft); border-color: var(--c18-shell); }
@media (max-width: 720px) {
    .c18-price-note__inner {
        width: calc(100% - 1.5rem);
        padding: .75rem 2.2rem .8rem 0;
    }
    .c18-price-note__text { font-size: .82rem; line-height: 1.4; }
    .c18-price-note__sign { font-size: .76rem; }
}

/* ── Ne için arıyorsunuz ───────────────────────────────── */
.c18-need { padding: 4.5rem 0 3rem; }
.c18-need__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    border-top: 1.5px solid var(--c18-ink);
}
.c18-need__item {
    display: grid;
    align-content: start;
    gap: .8rem;
    padding: 1.25rem 1.25rem 1.5rem;
    border-right: 1px solid var(--c18-line);
    color: var(--c18-ink);
    text-decoration: none;
}
.c18-need__item:first-child { padding-left: 0; }
.c18-need__item:last-child { border-right: 0; padding-right: 0; }
.c18-need__item .c18-label { color: var(--c18-muted); }
.c18-need__item img { width: 100%; height: 190px; object-fit: cover; background: var(--c18-paper); }
.c18-need__title {
    margin: 0;
    min-height: calc(1.15em * 2);
    font: 700 1.5rem/1.15 var(--c18-display);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c18-need__text {
    margin: 0;
    min-height: calc(1.4em * 3);
    color: var(--c18-muted);
    font-size: .92rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.c18-need__go { font-weight: 700; font-size: .9rem; color: var(--c18-forest); }
.c18-need__item:hover .c18-need__title { color: var(--c18-walnut); }

/* ── Fiyat listesi ─────────────────────────────────────── */
.c18-list { padding: 3rem 0 5rem; }
.c18-list__table { border-top: 1.5px solid var(--c18-ink); }
.c18-list__row {
    display: grid;
    grid-template-columns: 72px minmax(0, 1.7fr) .7fr 1fr .9fr 150px;
    gap: 1.2rem;
    align-items: center;
    padding: .85rem 0;
    border-bottom: 1px solid var(--c18-line);
}
.c18-list__row:not(.c18-list__row--head):hover { background: var(--c18-paper); }
.c18-list__row--head { padding: .6rem 0; }
.c18-list__row--head span { font: 700 .66rem/1 var(--c18-body); letter-spacing: .1em; text-transform: uppercase; color: var(--c18-muted); }
.c18-list__thumb { display: block; width: 72px; height: 72px; overflow: hidden; background: var(--c18-paper); }
.c18-list__thumb img { width: 100%; height: 100%; object-fit: cover; }
.c18-list__name h3 { margin: 0 0 .2rem; font: 700 1.02rem/1.3 var(--c18-body); }
.c18-list__name a { color: var(--c18-ink); text-decoration: none; }
.c18-list__name a:hover { color: var(--c18-walnut); }
.c18-list__meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-size: .8rem; color: var(--c18-muted); }
.c18-list__badge { font: 700 .64rem/1 var(--c18-body); letter-spacing: .08em; text-transform: uppercase; padding: .28rem .45rem; border-radius: 2px; background: var(--c18-paper); color: var(--c18-walnut); border: 1px solid var(--c18-line); }
.c18-list__badge--sale { background: var(--c18-walnut); color: var(--c18-paper-2); border-color: var(--c18-walnut); }
.c18-list__badge--green { color: var(--c18-leaf); }
.c18-list__pack,
.c18-list__kg { font-size: .9rem; font-variant-numeric: tabular-nums; color: var(--c18-ink); }
.c18-list__kg { color: var(--c18-muted); }
.c18-list__price { font: 700 1.3rem/1.1 var(--c18-display); font-variant-numeric: tabular-nums; color: var(--c18-ink); }
.c18-list__price s { display: block; font: 500 .78rem var(--c18-body); color: var(--c18-muted); }
.c18-list__price small { font: 600 .8rem var(--c18-body); color: var(--c18-muted); }
.c18-list__buy form { margin: 0; }
.c18-list__buy .c18-btn { width: 100%; min-height: 2.6rem; padding: .55rem .8rem; font-size: .85rem; }

/* ── Ürün kartları (karuseller + liste sayfası) ─────────── */
body .m18-card,
body .m18p-card {
    border: 1px solid var(--c18-line);
    border-radius: var(--c18-radius);
    box-shadow: none;
    background: #fff;
    transform: none;
    transition: border-color .15s ease;
}
body .m18-card:hover,
body .m18p-card:hover { transform: none; box-shadow: none; border-color: var(--c18-ink); }
body .m18-card__media,
body .m18p-card__media { background: var(--c18-paper); }
body .m18-card__media img,
body .m18p-card__media img { transform: none !important; }
body .m18-card__badge,
body .m18p-card__badge,
body .m18-card__flag,
body .m18p-card__flag {
    border-radius: 2px;
    box-shadow: none;
    font: 700 .64rem/1.1 var(--c18-body);
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .3rem .5rem;
}
body .m18-card__badge--sale,
body .m18p-card__badge--sale { background: var(--c18-walnut); color: var(--c18-paper-2); }
body .m18-card__badge--brown,
body .m18p-card__badge--brown { background: var(--c18-ink); color: var(--c18-paper-2); }
body .m18-card__badge--green,
body .m18p-card__badge--green,
body .m18-card__flag--green,
body .m18p-card__flag--green { background: var(--c18-forest); color: var(--c18-paper-2); }
body .m18-card__weight,
body .m18p-card__weight { border-radius: 2px; background: var(--c18-paper-2); color: var(--c18-ink); font-weight: 700; }
body .m18-card__title,
body .m18p-card__title { font: 700 1rem/1.3 var(--c18-body); color: var(--c18-ink); }
body .m18-card__title a:hover,
body .m18p-card__title a:hover { color: var(--c18-walnut); }
body .m18-card__price strong,
body .m18p-card__price strong { font: 700 1.25rem/1 var(--c18-display); color: var(--c18-ink); }
body .m18-icon--star { color: var(--c18-harvest); }
body .m18-products-marquee__nav,
body .m18p-card__compare,
body .m18p-card__fav { border-radius: var(--c18-radius); box-shadow: none; border: 1px solid var(--c18-line); background: var(--c18-paper-2); }
body .m18-products-marquee__nav:hover { background: var(--c18-forest); color: var(--c18-paper-2); }

/* İndirimli ürünler → tek kâğıt zeminli bant */
body section[aria-labelledby="m18-discounted-title"] { background: var(--c18-paper); border-block: 1px solid var(--c18-line); }

/* ── Bahçe bandı ───────────────────────────────────────── */
.c18-grove { position: relative; overflow: hidden; background: var(--c18-forest); color: var(--c18-paper-2); }
.c18-grove__img { width: 100%; height: 520px; object-fit: cover; opacity: .5; mix-blend-mode: luminosity; display: block; }
.c18-grove__in { position: absolute; inset: 0; display: grid; grid-template-rows: 1fr auto; }
.c18-grove__head { align-self: center; }
.c18-grove .c18-label { color: #D9C49A; }
.c18-grove__title { margin: .9rem 0 0; max-width: 15ch; font: 700 clamp(2.3rem, 4.8vw, 4rem)/1 var(--c18-display); letter-spacing: -.01em; }
.c18-grove__steps { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 auto; padding: 0; list-style: none; border-top: 1px solid rgba(251, 248, 242, .35); }
.c18-grove__steps li { padding: 1.2rem 1.2rem 1.6rem; border-left: 1px solid rgba(251, 248, 242, .35); }
.c18-grove__steps li:first-child { padding-left: 0; border-left: 0; }
.c18-grove__steps b { display: block; margin: .3rem 0 .15rem; font: 700 1.3rem/1.2 var(--c18-display); }
.c18-grove__steps span:last-child { font-size: .9rem; opacity: .85; }

/* ── Blog ──────────────────────────────────────────────── */
body .m18-blog-card { border: 1px solid var(--c18-line); border-radius: var(--c18-radius); box-shadow: none; transform: none; }
body .m18-blog-card:hover { border-color: var(--c18-ink); transform: none; box-shadow: none; }
body .m18-blog-card__title { font-family: var(--c18-display); font-weight: 700; }
body .m18-link-accent { color: var(--c18-forest); }

/* ── Güven satırı (eski avantaj şeridi) ────────────────── */
body .m18-advantages { background: var(--c18-paper); border-block: 1px solid var(--c18-line); color: var(--c18-ink); }
body .m18-advantages__label { color: var(--c18-ink); font-weight: 700; }
body .m18-advantages__icon { color: var(--c18-forest); background: transparent; }

/* ── Ürün detay ────────────────────────────────────────── */
body .m18pd-gallery__main-wrap,
body .m18pd-gallery__main { border-radius: var(--c18-radius); box-shadow: none; background: var(--c18-paper); }
body .m18pd-gallery__thumb { border-radius: 2px; }
body .m18pd-gallery__thumb.is-active { border-color: var(--c18-ink); box-shadow: none; }
body .m18pd-badge { border-radius: 2px; font: 700 .66rem/1.2 var(--c18-body); letter-spacing: .08em; text-transform: uppercase; }
body .m18pd-title { font-family: var(--c18-display); font-weight: 700; letter-spacing: -.01em; color: var(--c18-ink); }
body .m18pd-price strong,
body .m18pd-price--sale strong { font-family: var(--c18-display); font-weight: 700; color: var(--c18-ink); }
body .m18pd-kg { border-radius: var(--c18-radius); background: var(--c18-paper); border: 1px solid var(--c18-line); }
body .m18pd-weight { border-radius: var(--c18-radius); }
body .m18pd-weight.is-selected { background: var(--c18-forest); border-color: var(--c18-forest); color: var(--c18-paper-2); box-shadow: none; }
body .m18pd-weight.is-selected .m18pd-weight__label { color: var(--c18-paper-2); }
body .m18pd-qty { border-radius: var(--c18-radius); }
body .m18pd-btn { border-radius: var(--c18-radius); box-shadow: none; transform: none; }
body .m18pd-btn--cart { background: var(--c18-forest); color: var(--c18-paper-2); }
body .m18pd-btn--cart:hover { background: var(--c18-leaf); color: var(--c18-paper-2); }
body .m18pd-btn--buy { background: transparent; color: var(--c18-forest); border: 1.5px solid var(--c18-forest); }
body .m18pd-btn--buy:hover { background: var(--c18-forest); color: var(--c18-paper-2); }
body .m18pd-whatsapp { border-radius: var(--c18-radius); }
body .m18pd-perks { background: var(--c18-paper); border-block: 1px solid var(--c18-line); }
body .m18pd-tabs__btn.is-active { color: var(--c18-ink); }
body .m18pd-tabs__btn.is-active::after { background: var(--c18-walnut); }
body .m18rp--sidebar { border-radius: var(--c18-radius); box-shadow: none; }
body .m18rp__title { font-family: var(--c18-display); }

/* ── Sepet ─────────────────────────────────────────────── */
body .m18c-card,
body .m18c-summary { border-radius: var(--c18-radius); box-shadow: none; border: 1px solid var(--c18-line); }
body .m18c-items__title,
body .m18c-summary__title { font-family: var(--c18-display); font-weight: 700; }
body .m18c-cta,
body .m18c-summary .m18c-cta--primary { border-radius: var(--c18-radius); box-shadow: none; }
body .m18c-cta--primary,
body .m18c-summary .m18c-cta--primary { background: var(--c18-forest); color: var(--c18-paper-2); }
body .m18c-cta--primary:hover,
body .m18c-summary .m18c-cta--primary:hover { background: var(--c18-leaf); }
body .cart-add-modal__panel { border-radius: 4px; }
body .cart-add-modal-btn { border-radius: var(--c18-radius); }
body .cart-add-modal-btn--primary { background: var(--c18-forest); border-color: var(--c18-forest); color: var(--c18-paper-2); }

/* ── Mobil ─────────────────────────────────────────────── */
@media (max-width: 900px) {
    body .m18-wrap { width: calc(100% - 2rem); }
    .c18-head { align-items: flex-start; flex-direction: column; gap: .6rem; }

    /* Mobil banner: fotoğraf tam boy, yazı altta koyu geçişin üstünde */
    body .m18-hero--banners,
    body .m18-hero--banners .m18-hero__track,
    body .m18-hero__slide { min-height: 460px; }
    body .m18-hero__shade { background: linear-gradient(0deg, rgba(20, 22, 18, .8) 0%, rgba(20, 22, 18, .25) 65%, rgba(20, 22, 18, 0) 100%); }
    body .m18-hero__slide { align-items: end; }
    body .m18-hero__slide { display: grid; }
    body .m18-hero__inner--banner { width: calc(100% - 2rem); margin: 0 1rem 2rem; align-self: end; }
    body .m18-hero__inner--banner .m18-hero__title { font-size: clamp(2rem, 9vw, 2.6rem); margin-bottom: 1.1rem; }
    body .m18-hero__eyebrow { font-size: .85rem; }
    body .m18-hero__nav { top: 42%; width: 38px; height: 38px; }
    body .m18-hero__dots { top: 1rem; bottom: auto; right: 1rem; }

    .c18-kunye-bar__inner { flex-direction: column; align-items: stretch; gap: 0; }
    .c18-kunye-bar__list { display: grid; grid-template-columns: 1fr 1fr; }
    .c18-kunye-bar__list > div { margin: 0; padding: .8rem .8rem .8rem 0; border-right: 0; border-bottom: 1px solid var(--c18-line); }
    .c18-kunye-bar__list > div:nth-child(odd) { border-right: 1px solid var(--c18-line); }
    .c18-kunye-bar__list > div:nth-child(even) { padding-left: .8rem; }
    .c18-kunye-bar__actions { padding: .9rem 0 1rem; }
    .c18-kunye-bar__actions .c18-btn { flex: 1; }

    .c18-need { padding-top: 3rem; }
    .c18-need__grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        margin-inline: -1rem;
        padding: 0 1rem .4rem;
    }
    .c18-need__grid::-webkit-scrollbar { display: none; }
    .c18-need__item {
        flex: 0 0 78%;
        min-width: 15.5rem;
        max-width: 18rem;
        scroll-snap-align: start;
        padding: 1rem 1rem 1.2rem;
        border-right: 1px solid var(--c18-line);
        border-top: 0;
    }
    .c18-need__item:first-child,
    .c18-need__item:last-child,
    .c18-need__item:nth-child(odd),
    .c18-need__item:nth-child(even) {
        padding-left: 1rem;
        padding-right: 1rem;
        border-right: 1px solid var(--c18-line);
    }
    .c18-need__item img { height: 150px; }
    .c18-need__title { font-size: 1.2rem; }

    .c18-list__row--head { display: none; }
    .c18-list__row { grid-template-columns: 64px minmax(0, 1fr) auto; gap: .35rem .8rem; }
    .c18-list__thumb { width: 64px; height: 64px; grid-row: span 3; }
    .c18-list__pack,
    .c18-list__kg { grid-column: 2; font-size: .82rem; }
    .c18-list__price { grid-column: 3; grid-row: 1; text-align: right; font-size: 1.1rem; }
    .c18-list__buy { grid-column: 3; grid-row: 2 / span 2; }

    .c18-grove__img { height: 600px; }
    .c18-grove__steps { grid-template-columns: 1fr 1fr; }
    .c18-grove__steps li { padding: 1rem .8rem 1.2rem; }
    .c18-grove__steps li:nth-child(odd) { padding-left: 0; border-left: 0; }
    .c18-grove__steps li:nth-child(n+3) { border-top: 1px solid rgba(251, 248, 242, .35); }

}

@media (prefers-reduced-motion: reduce) {
    body * { transition: none !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   Portakal vurgular — ana eylemler ve kampanya noktaları
   ========================================================================== */
.c18-btn--solid,
body .m18-btn--accent,
body .m18pd-btn--cart,
body .m18c-cta--primary,
body .m18c-summary .m18c-cta--primary,
body .cart-add-modal-btn--primary {
    background: var(--c18-orange);
    border-color: var(--c18-orange);
    color: var(--c18-ink);
}
.c18-btn--solid:hover,
body .m18-btn--accent:hover,
body .m18pd-btn--cart:hover,
body .m18c-cta--primary:hover,
body .m18c-summary .m18c-cta--primary:hover,
body .cart-add-modal-btn--primary:hover {
    background: var(--c18-orange-dk);
    border-color: var(--c18-orange-dk);
    color: var(--c18-ink);
}
.c18-btn--line { border-color: var(--c18-ink); color: var(--c18-ink); }
.c18-btn--line:hover { background: var(--c18-ink); border-color: var(--c18-ink); color: #fff; }

/* Kayan bant ve sepet rozeti */
body .m18-ticker { background: var(--c18-orange); color: var(--c18-ink); }
body .m18-ticker__item,
body .m18-ticker__item--hot { color: var(--c18-ink); }
body .m18-ticker__sep { color: rgba(28, 31, 26, .45); }
body .m18-cart-badge,
body .m18-fav-badge { background: var(--c18-orange); color: var(--c18-ink); }
body .m18-header-nav-bar .m18-nav-link.is-active::after { background: var(--c18-orange); }
body .m18-header-nav-bar .m18-nav-link:hover,
body .m18-header-nav-bar .m18-nav-link.is-active { color: var(--c18-ink); }

/* Banner */
body .m18-hero--banners { background: var(--c18-ink); }
body .m18-hero__nav:hover { background: var(--c18-orange); color: var(--c18-ink); }

/* Künye satırı beyaz */
.c18-kunye-bar { background: #fff; }

/* İndirim bandı: çok açık portakal */
body section[aria-labelledby="m18-discounted-title"] { background: var(--c18-orange-soft); border-color: #F8DEC2; }

/* Bahçe bandı: yeşil filtre yerine doğal fotoğraf + nötr karartma */
.c18-grove { background: var(--c18-ink); }
.c18-grove__img { opacity: .55; mix-blend-mode: normal; }
.c18-grove .c18-label { color: #FFD3A6; }

/* Fiyat listesi ve kartlar */
.c18-list__badge--sale,
body .m18-card__badge--sale,
body .m18p-card__badge--sale { background: var(--c18-orange); border-color: var(--c18-orange); color: var(--c18-ink); }
.c18-list__badge--green,
body .m18-card__badge--green,
body .m18p-card__badge--green,
body .m18-card__flag--green,
body .m18p-card__flag--green { background: #EAF3E8; color: var(--c18-green); border-color: #D3E6CF; }
.c18-list__row:not(.c18-list__row--head):hover { background: var(--c18-orange-soft); }
body .m18-card:hover,
body .m18p-card:hover { border-color: var(--c18-orange); }
.c18-need__go,
body .m18-link-accent { color: var(--c18-walnut); }
.c18-stars,
body .m18-icon--star { color: var(--c18-orange); }

/* Ürün detay: seçili gramaj */
body .m18pd-weight.is-selected {
    background: var(--c18-orange-soft);
    border-color: var(--c18-orange);
    color: var(--c18-ink);
}
body .m18pd-weight.is-selected .m18pd-weight__label { color: var(--c18-ink); }
body .m18pd-btn--buy { border-color: var(--c18-ink); color: var(--c18-ink); }
body .m18pd-btn--buy:hover { background: var(--c18-ink); color: #fff; }

/* Çerez penceresi arka planı ve hikâye halkası: yeşil ton yerine nötr / portakal */
body .cookie-consent__backdrop { background: rgba(28, 31, 26, .42); }
body .m18-stories__ring { background: conic-gradient(from 210deg, var(--c18-orange-dk), var(--c18-orange), #F7BE85, var(--c18-orange-dk)); }

/* ==========================================================================
   Kampanya bandı — İndirimli Ürünler
   Tam portakal zemin, beyaz kartlar; başlıkta etiket, rozet ve dolu buton.
   ========================================================================== */
.c18-campaign__side { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }

body section.c18-campaign {
    position: relative;
    overflow: hidden;
    padding: 3.75rem 0 4.25rem;
    background: var(--c18-orange);
    border: 0;
}
/* Arka plandaki büyük, soluk yüzde işareti — bandı kampanya alanı olarak işaretler */
body section.c18-campaign::before {
    content: "%";
    position: absolute;
    right: -1.5rem;
    top: -4.5rem;
    font: 800 22rem/1 var(--c18-display);
    color: rgba(255, 255, 255, .14);
    pointer-events: none;
}
body .c18-campaign .m18-wrap { position: relative; }
body .c18-campaign .m18-section__head { align-items: flex-end; margin-bottom: 2rem; }
.c18-campaign__eyebrow {
    display: inline-block;
    margin-bottom: .7rem;
    padding: .38rem .8rem;
    border-radius: 999px;
    background: var(--c18-ink);
    color: #fff;
    font: 700 .78rem/1 var(--c18-body);
    letter-spacing: .08em;
    text-transform: uppercase;
}
body .c18-campaign .m18-section__title {
    font-size: clamp(2.3rem, 4.6vw, 3.6rem);
    font-weight: 800;
    letter-spacing: -.025em;
    color: var(--c18-ink);
}
body .c18-campaign .m18-section__sub { color: rgba(28, 31, 26, .78); font-size: 1.05rem; font-weight: 500; }
.c18-campaign__badge {
    margin: 0;
    padding: .7rem 1rem;
    border-radius: 8px;
    background: #fff;
    color: var(--c18-ink);
    font: 800 1.05rem/1.1 var(--c18-body);
    transform: rotate(-3deg);
    box-shadow: 0 6px 0 rgba(28, 31, 26, .9);
}
body .c18-campaign .m18-section__cta.c18-campaign__cta {
    min-height: 3rem;
    padding: .85rem 1.4rem;
    border: 0;
    border-radius: 6px;
    background: var(--c18-ink);
    color: #fff;
    font-weight: 700;
}
body .c18-campaign .m18-section__cta.c18-campaign__cta:hover { background: #000; color: #fff; }

/* Kartlar turuncu zeminde beyaz, indirim rozeti koyu */
body .c18-campaign .m18-card { border-color: transparent; }
body .c18-campaign .m18-card:hover { border-color: var(--c18-ink); }
body .c18-campaign .m18-card__badge--sale { background: var(--c18-ink); color: #fff; }
body .c18-campaign .m18-card__price strong { color: var(--c18-price); }
body .c18-campaign .m18-products-marquee__nav { background: #fff; border-color: transparent; }
body .c18-campaign .m18-products-marquee__nav:hover { background: var(--c18-ink); color: #fff; }

@media (max-width: 900px) {
    body section.c18-campaign { padding: 2.75rem 0 3rem; }
    body section.c18-campaign::before { font-size: 13rem; top: -2.5rem; right: -1rem; }
    body .c18-campaign .m18-section__head { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
    .c18-campaign__side { width: 100%; justify-content: space-between; }
}

/* ==========================================================================
   Ürünler / kategori sayfası
   ========================================================================== */
body .m18p-page { background: #fff; }
body .m18p-guide { padding: 2.5rem 0 1.25rem; border-bottom: 1px solid var(--c18-line); margin-bottom: 1.75rem; }
body .m18p-guide__title {
    margin: 0 0 .5rem;
    font: 800 clamp(2rem, 3.6vw, 2.9rem)/1.08 var(--c18-display);
    letter-spacing: -.025em;
    color: var(--c18-ink);
}
body .m18p-guide p { max-width: 70ch; color: var(--c18-muted); }
body .m18p-guide__links a { color: var(--c18-walnut); font-weight: 600; }

/* Filtreler: düz kartlar, seçili olanlar turuncu */
body .m18p-filter-card {
    border: 1px solid var(--c18-line);
    border-radius: var(--c18-radius);
    box-shadow: none;
    background: #fff;
}
body .m18p-filter-card__title { font: 700 1rem/1.2 var(--c18-body); color: var(--c18-ink); }
body .m18p-cat-list__btn { border-radius: var(--c18-radius); color: var(--c18-ink); }
body .m18p-cat-list__btn:hover { background: var(--c18-orange-soft); }
body .m18p-cat-list__btn.is-active { background: var(--c18-orange-soft); color: var(--c18-ink); font-weight: 700; box-shadow: inset 3px 0 0 var(--c18-orange); }
body .m18p-layout__sidebar input[type="checkbox"],
body .m18p-layout__sidebar input[type="radio"],
body .m18p-layout__sidebar input[type="range"] { accent-color: var(--c18-orange); }

/* Araç çubuğu */
body .m18p-toolbar {
    padding: .75rem 0 1rem;
    border-bottom: 1px solid var(--c18-line);
    margin-bottom: 1.5rem;
    background: transparent;
    box-shadow: none;
}
body .m18p-toolbar__count strong { color: var(--c18-ink); }
body .m18p-toolbar__select,
body .m18p-toolbar__filter-btn,
body .m18p-toolbar__view {
    border: 1px solid var(--c18-line);
    border-radius: var(--c18-radius);
    background: #fff;
    color: var(--c18-ink);
    box-shadow: none;
}
body .m18p-toolbar__view.is-active { background: var(--c18-ink); border-color: var(--c18-ink); color: #fff; }

/* Kart: eşit yükseklik, alt kısımda kg fiyatı ve sepete ekle */
body .m18p-grid { gap: 1.25rem; }
body .m18p-card { display: flex; flex-direction: column; overflow: hidden; }
body .m18p-card__body { display: flex; flex-direction: column; flex: 1; gap: .35rem; }
body .m18p-card__price { margin-bottom: 0; }
body .m18p-card__price-compare { color: var(--c18-muted); }
.c18-card-kg {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    margin: 0;
    font-size: .8rem;
    color: var(--c18-muted);
}
.c18-card-kg span + span::before { content: "·"; margin-right: .75rem; }
body .m18p-card__pdo { border-radius: var(--c18-radius); }

/* Liste görünümü: buton sağda kalsın */
body .m18p-grid[data-view="list"] 
/* Sayfalama */
body .m18-pagination a,
body .m18-pagination span { border-radius: var(--c18-radius); }
body .m18-pagination .is-active,
body .m18-pagination [aria-current="page"] { background: var(--c18-ink); border-color: var(--c18-ink); color: #fff; }

@media (max-width: 900px) {
    body .m18p-guide { padding-top: 1.5rem; }
    body .m18p-grid { gap: .75rem; }
    }

/* ==========================================================================
   Fiyatlar — açık yeşil (beyaz üstünde büyük kalın yazı için yeterli kontrast)
   ========================================================================== */
:root { --c18-price: #2F9E44; }
body .m18-card__price strong,
body .m18p-card__price strong,
body .c18-campaign .m18-card__price strong,
.c18-list__price,
body .m18pd-price strong,
body .m18pd-price--sale strong,
body .m18c-line__total,
body .m18c-line__unit-price,
body .m18c-summary__total-amount,
body .cart-add-modal-row__line-total,
body .cart-add-modal-pair__price { color: var(--c18-price); }
/* Üstü çizili eski fiyat ve "Satışa kapalı" gibi notlar gri kalsın */
.c18-list__price s,
.c18-list__price small,
body .m18-card__price-compare,
body .m18p-card__price-compare,
body .m18pd-price span.m18pd-price-old { color: var(--c18-muted); }

/* ==========================================================================
   Son 24 saat ziyaretçi satırı
   ========================================================================== */
.c18-visitors { display: flex; justify-content: center; padding: 1.75rem 1rem .5rem; }
.c18-visitors__pill {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .55rem .75rem;
    margin: 0;
    padding: .6rem .7rem .6rem 1rem;
    border: 1px solid var(--c18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--c18-muted);
    font-size: .95rem;
    line-height: 1.3;
}
.c18-visitors__live {
    position: relative;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: var(--c18-price, #2F9E44);
    flex-shrink: 0;
}
.c18-visitors__live::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: inherit;
    animation: c18-pulse 1.8s ease-out infinite;
}
@keyframes c18-pulse {
    from { transform: scale(1); opacity: .6; }
    to { transform: scale(2.8); opacity: 0; }
}
.c18-visitors__icon { display: inline-flex; color: var(--c18-ink); }
.c18-visitors__text { color: var(--c18-muted); }
.c18-visitors__count { color: var(--c18-ink); font-weight: 800; font-size: 1.1rem; }
.c18-visitors__thanks {
    padding: .35rem .8rem;
    border-radius: 999px;
    background: var(--c18-orange-soft);
    color: var(--c18-walnut);
    font-size: .82rem;
    font-weight: 700;
}
@media (max-width: 600px) {
    .c18-visitors { padding-top: 1.25rem; }
    .c18-visitors__pill { border-radius: 16px; padding: .75rem 1rem; font-size: .88rem; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-visitors__live::after { animation: none; }
}

/* ==========================================================================
   Üst menü (masaüstü) — sade metin linkler; üzerine gelince ve aktif sayfada
   altta ince turuncu çizgi (yükseklik eklemesin diye arka plan degradesiyle)
   ========================================================================== */
body .m18-header-nav-bar { background: #fff; border-top: 0; border-bottom: 1px solid var(--c18-line); }
body .m18-header-nav { gap: 2.25rem; min-height: 58px; }
body .m18-header-nav .m18-nav-link,
body .m18-header-nav > a {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .55rem 0;
    border: 0;
    border-radius: 0;
    background: linear-gradient(var(--c18-orange), var(--c18-orange)) no-repeat center bottom / 0 2px;
    color: var(--c18-muted);
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .01em;
    transition: color .15s ease, background-size .2s ease;
}
body .m18-header-nav-bar .m18-nav-link.is-active::after,
body .m18-header-nav-bar .m18-nav-link::after { content: none; }
body .m18-header-nav .m18-nav-link { gap: .45rem; }
.c18-nav-icon { display: inline-flex; color: #A7A49C; transition: color .15s ease; }
.c18-nav-icon svg { width: 16px; height: 16px; }
body .m18-header-nav .m18-nav-link:hover .c18-nav-icon,
body .m18-header-nav .m18-nav-link.is-active .c18-nav-icon { color: var(--c18-orange-dk); }

/* Üzerine gelme / kategori menüsü açık */
body .m18-header-nav .m18-nav-link:hover,
body .m18-nav-mega-item:hover .m18-nav-link,
body .m18-nav-mega-item:focus-within .m18-nav-link,
body .m18-nav-mega-item.is-open .m18-nav-link {
    background-color: transparent;
    background-size: 100% 2px;
    color: var(--c18-ink);
    border: 0;
}
body .m18-nav-mega-item:hover .c18-nav-icon,
body .m18-nav-mega-item.is-open .c18-nav-icon { color: var(--c18-orange-dk); }
.c18-nav-chevron { display: inline-flex; color: currentColor; opacity: .55; transition: transform .2s ease; }
.c18-nav-chevron svg { width: 13px; height: 13px; }
body .m18-nav-mega-item:hover .c18-nav-chevron,
body .m18-nav-mega-item:focus-within .c18-nav-chevron,
body .m18-nav-mega-item.is-open .c18-nav-chevron { transform: rotate(180deg); }

/* Kategori menüsü: baloncuk yok, sade metin linkler; üzerine gelince turuncu alt çizgi */
body .m18-nav-mega { border-top: 1px solid var(--c18-line); background: #fff; box-shadow: 0 14px 30px rgba(28, 31, 26, .07); }
body .m18-nav-mega__inner { justify-content: center; gap: 2rem; padding-block: .9rem 1rem; }
body .m18-nav-mega__link {
    padding: .35rem 0;
    border: 0;
    border-radius: 0;
    background: linear-gradient(var(--c18-orange), var(--c18-orange)) no-repeat center bottom / 0 2px;
    color: var(--c18-muted);
    font-size: .88rem;
    font-weight: 500;
    transition: color .15s ease, background-size .2s ease;
}
body .m18-nav-mega__link:hover,
body .m18-nav-mega__link:focus-visible {
    border: 0;
    background-color: transparent;
    background-size: 100% 2px;
    color: var(--c18-ink);
}
@media (prefers-reduced-motion: reduce) {
    .c18-nav-chevron { transition: none; }
}

/* Bulunulan sayfa */
body .m18-header-nav .m18-nav-link.is-active {
    background-color: transparent;
    background-size: 100% 2px;
    color: var(--c18-ink);
    font-weight: 600;
}

/* ==========================================================================
   Bahçe bandı — yeşil gradyan (üst canlı yaprak yeşili → alt koyu orman)
   Fotoğraf yalnızca doku olarak kalır; adım yazıları koyu alt kısımda okunur.
   ========================================================================== */
.c18-grove {
    background:
        radial-gradient(ellipse at 15% 0%, rgba(140, 206, 120, .35) 0%, rgba(140, 206, 120, 0) 55%),
        linear-gradient(180deg, #2F8F46 0%, #1F6B36 50%, #123F24 100%);
}
.c18-grove__img { opacity: .18; mix-blend-mode: luminosity; }
.c18-grove .c18-label { color: #CDEBC3; }
.c18-grove__steps { border-top-color: rgba(255, 255, 255, .3); }
.c18-grove__steps li { border-left-color: rgba(255, 255, 255, .25); }
.c18-grove__steps .c18-label { color: #F7BE85; }
@media (max-width: 900px) {
    .c18-grove__steps li:nth-child(n+3) { border-top-color: rgba(255, 255, 255, .25); }
}

/* ==========================================================================
   Karşılaştırma çubuğu (sayfa altı) — beyaz yüzen kart, okunur ürün kutuları
   İşaretleme JS ile yeniden çiziliyor; yalnızca sınıflar üzerinden stil.
   ========================================================================== */
body .compare-bar {
    max-width: 68rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--c18-line);
    box-shadow: 0 20px 50px rgba(28, 31, 26, .18), 0 2px 6px rgba(28, 31, 26, .06);
}
body .compare-bar__inner { gap: 1rem; padding: .75rem .85rem .75rem .75rem; }

body .compare-bar__badge {
    min-width: 4.5rem;
    padding: .6rem .55rem;
    border: 0;
    border-radius: 12px;
    background: var(--c18-ink);
    color: #fff;
}
body .compare-bar__badge-count { color: var(--c18-orange); font-size: 1.2rem; font-weight: 800; }
body .compare-bar__badge-label { font-size: .62rem; font-weight: 700; letter-spacing: .06em; opacity: .85; color: #fff; }

body .compare-bar__track { gap: .5rem; padding: .25rem .1rem; }
body .compare-bar__vs {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
    font-size: .62rem;
    font-weight: 800;
}
body .compare-bar__vs--muted { background: #F4F2EE; color: #B8B4AC; }

/* Ürün kutusu: görsel solda, ad yanında */
body .compare-bar__product { flex: 2 1 0; width: auto; min-width: 8.5rem; max-width: 14rem; }
body .compare-bar__product-link {
    flex-direction: row;
    align-items: center;
    gap: .6rem;
    padding: .4rem .7rem .4rem .4rem;
    border: 1px solid var(--c18-line);
    border-radius: 12px;
    background: #fff;
    color: var(--c18-ink);
    transition: border-color .15s ease;
}
body .compare-bar__product-link:hover { border-color: var(--c18-orange); }
body .compare-bar__thumb {
    flex-shrink: 0;
    width: 2.9rem;
    height: 2.9rem;
    border: 0;
    border-radius: 8px;
    background: var(--c18-paper);
    box-shadow: none;
}
body .compare-bar__product-link:hover .compare-bar__thumb { transform: none; box-shadow: none; }
body .compare-bar__name {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    color: var(--c18-ink);
}
body .compare-bar__remove {
    top: -.4rem;
    right: -.4rem;
    width: 1.4rem;
    height: 1.4rem;
    background: var(--c18-ink);
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
}
body .compare-bar__remove:hover { background: #C0392B; color: #fff; transform: none; }

/* Boş yer */
body .compare-bar__slot {
    flex-direction: row;
    gap: .4rem;
    flex: 1 1 0;
    width: auto;
    height: 3.75rem;
    min-width: 6.5rem;
    max-width: 8.5rem;
    margin: 0;
    padding: 0 1rem;
    border: 1.5px dashed #D5CFC4;
    border-radius: 12px;
    background: var(--c18-paper);
    color: var(--c18-muted);
}
body .compare-bar__slot:hover { border-color: var(--c18-orange); background: var(--c18-orange-soft); color: var(--c18-ink); transform: none; }
body .compare-bar__slot-icon { font-size: 1.15rem; color: var(--c18-orange-dk); }
body .compare-bar__slot-text { font-size: .8rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
body .compare-bar__slot-text::after { content: " ürün"; }

/* Sağ taraf */
body .compare-bar__hint { background: var(--c18-orange-soft); color: var(--c18-walnut); font-size: .72rem; font-weight: 700; }
body .compare-bar__clear {
    border: 0;
    color: var(--c18-muted);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body .compare-bar__clear:hover { background: transparent; color: var(--c18-ink); }
body .compare-bar__go {
    padding: .75rem 1.2rem;
    border-radius: 10px;
    background: var(--c18-orange);
    color: var(--c18-ink);
    font-size: .92rem;
    font-weight: 700;
    box-shadow: none;
}
body .compare-bar__go:hover { background: var(--c18-orange-dk); color: var(--c18-ink); transform: none; }
body .compare-bar__go.is-disabled { background: #EEEBE5; color: #9A968E; opacity: 1; }

@media (max-width: 640px) {
    body .compare-bar { border-radius: 16px; }
    body .compare-bar__product { flex: 0 0 10rem; max-width: none; }
    body .compare-bar__name { font-size: .74rem; }
    body .compare-bar__slot { flex: 0 0 7rem; max-width: none; height: 3.5rem; }
}

/* ==========================================================================
   Karşılaştırma sayfası (/karsilastir)
   Not: sepet sayfası da m18c- önekini kullanır; kurallar tablo/bölüm içine kapsandı.
   ========================================================================== */
body .m18c-head { align-items: flex-end; gap: 1rem; padding: 2.25rem 0 1.25rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--c18-line); }
body .m18c-head__title { font: 800 clamp(1.9rem, 3.4vw, 2.6rem)/1.08 var(--c18-display); letter-spacing: -.025em; color: var(--c18-ink); }
body .m18c-head__sub { color: var(--c18-muted); }
.c18-cmp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
body .m18c-head .m18c-btn--ghost {
    border: 1px solid var(--c18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--c18-muted);
    font-weight: 600;
}
body .m18c-head .m18c-btn--ghost:hover { border-color: #C0392B; color: #C0392B; background: #fff; }

.c18-diff-toggle {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem 1rem .55rem .55rem;
    border: 1px solid var(--c18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--c18-ink);
    font: 600 .9rem/1 var(--c18-body);
    cursor: pointer;
}
.c18-diff-toggle__switch {
    position: relative;
    width: 2.1rem;
    height: 1.2rem;
    border-radius: 999px;
    background: #DDD8CF;
    transition: background-color .2s ease;
}
.c18-diff-toggle__switch::after {
    content: "";
    position: absolute;
    top: .15rem;
    left: .15rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    transition: transform .2s ease;
}
.c18-diff-toggle[aria-pressed="true"] { border-color: var(--c18-orange); background: var(--c18-orange-soft); }
.c18-diff-toggle[aria-pressed="true"] .c18-diff-toggle__switch { background: var(--c18-orange); }
.c18-diff-toggle[aria-pressed="true"] .c18-diff-toggle__switch::after { transform: translateX(.9rem); }

/* Tablo */
body .m18c-scroll { border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; }
body .m18c-table { border-collapse: separate; border-spacing: 0; }
body .m18c-table th,
body .m18c-table td { border-color: var(--c18-line); }
body .m18c-table .m18c-label-col {
    background: #fff;
    box-shadow: inset -1px 0 0 var(--c18-line);
    color: var(--c18-muted);
    font-size: .88rem;
    font-weight: 600;
}
body .m18c-table thead .m18c-label-col { vertical-align: bottom; color: var(--c18-ink); font-weight: 700; }
body .m18c-table .m18c-section-row td {
    padding: .8rem 1rem;
    background: var(--c18-paper);
    border-top: 1px solid var(--c18-line);
    border-bottom: 1px solid var(--c18-line);
    color: var(--c18-ink);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body .m18c-table .m18c-data-row th,
body .m18c-table .m18c-data-row td { border-bottom: 1px solid #F1EEE8; }
body .m18c-table .m18c-data-row:hover td,
body .m18c-table .m18c-data-row:hover th { background: #FFFBF6; }
body .m18c-table .m18c-value-col { color: var(--c18-ink); font-size: .95rem; }
body .m18c-table .m18c-data-row.is-diff .m18c-label-col { color: var(--c18-ink); font-weight: 700; }
body .m18c-table .m18c-data-row.is-diff .m18c-label-col::before {
    content: "";
    display: inline-block;
    width: .45rem;
    height: .45rem;
    margin-right: .5rem;
    border-radius: 50%;
    background: var(--c18-orange);
    vertical-align: middle;
}
body .m18c-table .m18c-value-col.is-diff { font-weight: 600; }
body .m18c-table .m18c-value-col.is-best { color: #1F7A35; font-weight: 800; background: #F0F8EF; }
body .m18c-table .m18c-value-col.is-best::before { content: "✓ "; }
body .m18c-table.is-diff-only .m18c-data-row:not(.is-diff):not(.m18c-buy-row) { display: none; }

/* Ürün kartları (tablo başlığı) */
body .m18c-table .m18c-card {
    padding: 1rem;
    border: 1px solid var(--c18-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}
body .m18c-table .m18c-card.is-best { border: 2px solid var(--c18-orange); }
body .m18c-table .m18c-card__best {
    border-radius: 999px;
    background: var(--c18-orange);
    color: var(--c18-ink);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .02em;
    box-shadow: none;
}
body .m18c-table .m18c-card__media { border-radius: 10px; overflow: hidden; background: var(--c18-paper); }
body .m18c-table .m18c-card__name { color: var(--c18-ink); font-weight: 700; }
body .m18c-table .m18c-card__name:hover { color: var(--c18-walnut); }
body .m18c-table .m18c-card__price strong { color: var(--c18-price, #2F9E44); font-weight: 800; }
body .m18c-table .m18c-card__old { color: var(--c18-muted); }
body .m18c-table .m18c-card__kg {
    display: inline-block;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: var(--c18-paper);
    color: var(--c18-muted);
    font-size: .78rem;
    font-weight: 600;
}
body .m18c-table .m18c-card__kg.is-best { background: #F0F8EF; color: #1F7A35; }
body .m18c-table .m18c-card__remove {
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--c18-line);
    color: var(--c18-muted);
    box-shadow: none;
}
body .m18c-table .m18c-card__remove:hover { border-color: #C0392B; color: #C0392B; }
body .m18c-table .m18c-card__unlink { color: var(--c18-muted); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body .m18c-table .m18c-card__unlink:hover { color: #C0392B; }

/* Satın alma satırı */
body .m18c-buy-form .m18c-qty { border: 1px solid var(--c18-line); border-radius: 999px; background: #fff; overflow: hidden; }
body .m18c-buy-form .m18c-qty button:hover:not(:disabled) { background: var(--c18-orange-soft); }
body .m18c-buy-form .m18c-btn--cart { border-radius: 10px; background: var(--c18-orange); color: var(--c18-ink); font-weight: 700; }
body .m18c-buy-form .m18c-btn--cart:hover:not(:disabled) { background: var(--c18-orange-dk); color: var(--c18-ink); }
body .m18c-buy-form .m18c-btn--buy { border-radius: 10px; background: #fff; border: 1.5px solid var(--c18-ink); color: var(--c18-ink); font-weight: 700; }
body .m18c-buy-form .m18c-btn--buy:hover:not(:disabled) { background: var(--c18-ink); color: #fff; }

body .m18c-scroll-hint,
body .m18c-meta { color: var(--c18-muted); }

/* Boş durum */
body .m18c-empty { border: 1px dashed #D5CFC4; border-radius: 16px; background: var(--c18-paper); box-shadow: none; }
body .m18c-empty__icon { background: var(--c18-orange-soft); color: var(--c18-orange-dk); }
body .m18c-empty .m18c-btn--primary { border-radius: 10px; background: var(--c18-orange); color: var(--c18-ink); }

/* Hangisini seçmeliyim */
body .m18c-guide { background: var(--c18-paper); color: var(--c18-ink); border-top: 1px solid var(--c18-line); }
body .m18c-guide__title { color: var(--c18-ink); font-weight: 800; letter-spacing: -.02em; }
body .m18c-guide__sub { color: var(--c18-muted); }
body .m18c-guide__card { background: #fff; border: 1px solid var(--c18-line); border-radius: 14px; color: var(--c18-ink); box-shadow: none; }
body .m18c-guide__card h3 { color: var(--c18-ink); font-weight: 700; }
body .m18c-guide__card p { color: var(--c18-muted); }
/* Dikey flex kartta ikon tüm genişliğe esniyordu (ince turuncu şerit); sabit kare */
body .m18c-guide__icon {
    align-self: flex-start;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .2rem;
    border: 0;
    border-radius: 12px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18c-guide .m18c-btn--light { border: 1.5px solid var(--c18-ink); border-radius: 10px; background: #fff; color: var(--c18-ink); }
body .m18c-guide .m18c-btn--light:hover { background: var(--c18-ink); color: #fff; }

@media (max-width: 720px) {
    body .m18c-head { flex-direction: column; align-items: flex-start; }
    .c18-cmp-actions { width: 100%; }
    .c18-diff-toggle { flex: 1; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-diff-toggle__switch,
    .c18-diff-toggle__switch::after { transition: none; }
}

/* ==========================================================================
   Hakkımızda
   ========================================================================== */
body .m18a-page { background: #fff; }
body .m18a-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .75rem;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: var(--c18-orange-soft);
    color: var(--c18-walnut);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body .m18a-kicker__icon { color: var(--c18-orange-dk); }
body .m18a-kicker--center { display: inline-flex; }
body .m18a-title {
    margin: 0;
    font: 800 clamp(2.2rem, 4.4vw, 3.6rem)/1.05 var(--c18-display);
    letter-spacing: -.03em;
    color: var(--c18-ink);
}
body .m18a-prose p { color: var(--c18-muted); line-height: 1.75; font-size: 1.02rem; }

/* Açılış: metin solda, fotoğraf sağda */
body .m18a-who { padding: 3.5rem 0 3rem; background: #fff; }
body .m18a-who__grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: start;
}
/* Uzun metin: fotoğraf sabit header'ın altında yapışık kalır, metin katlanır */
@media (min-width: 901px) {
    /* responsive-system.css'teki main { overflow-x: hidden } onu kaydırma kabı yapıp sticky'yi bozar;
       clip aynı kırpmayı yapar ama bozmaz. Seçici o kuralı ezecek özgüllükte. */
    body.page-about:not(.admin-panel):not(.b2b-panel):not(.c2b-panel) main { overflow-x: clip; }
    body .m18a-who__grid > .m18a-who__media {
        position: sticky;
        /* Aşağı kaydırınca header kompakt olur (yalnız 3rem menü); ürün filtresiyle aynı boşluk */
        top: 4.25rem;
    }
}
.c18a-more { position: relative; }
.c18a-more.is-collapsed .m18a-prose { max-height: 22rem; overflow: hidden; }
.c18a-more.is-collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.6rem;
    height: 6rem;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}
.c18a-more__btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .6rem;
    padding: .55rem 1rem;
    border: 1px solid var(--c18-line);
    border-radius: 999px;
    background: #fff;
    color: var(--c18-ink);
    font: 600 .88rem/1 var(--c18-body);
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease;
}
.c18a-more__btn:hover { border-color: var(--c18-orange); color: var(--c18-orange-dk); }
.c18a-more__btn svg { transition: transform .2s ease; }
.c18a-more:not(.is-collapsed) .c18a-more__btn svg { transform: rotate(180deg); }
.c18a-more:not(.is-collapsible) .c18a-more__btn { display: none; }
body .m18a-prose strong { color: var(--c18-ink); }
.c18a-tagline { margin: .9rem 0 1.4rem; font-size: 1.2rem; font-weight: 600; color: var(--c18-ink); }
/* Değer kutuları: 2×2 eşit kutu, ikon solda / yazı sağda.
   website-about.css'teki dikey (column, ortalı) düzen ve ikon boyutu burada açıkça eziliyor. */
body .m18a-who__values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: 1.6rem 0 0;
    padding: 0;
    list-style: none;
}
body .m18a-who__values .m18a-who__value {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: .75rem;
    min-width: 0;
    padding: .7rem .9rem;
    border: 1px solid var(--c18-line);
    border-radius: 12px;
    background: #fff;
    text-align: left;
    box-shadow: none;
}
body .m18a-who__values .m18a-who__value-icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18a-who__values .m18a-who__value-icon .m18-icon,
body .m18a-who__values .m18a-who__value-icon svg { width: 18px; height: 18px; }
body .m18a-who__values .m18a-who__value-label {
    min-width: 0;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--c18-ink);
}
@media (max-width: 560px) {
    body .m18a-who__values { gap: .5rem; }
    body .m18a-who__values .m18a-who__value { gap: .55rem; padding: .6rem .65rem; }
    body .m18a-who__values .m18a-who__value-icon { width: 2rem; height: 2rem; border-radius: 8px; }
    body .m18a-who__values .m18a-who__value-icon .m18-icon,
    body .m18a-who__values .m18a-who__value-icon svg { width: 16px; height: 16px; }
    body .m18a-who__values .m18a-who__value-label { font-size: .84rem; }
}
.c18a-pdo {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin: 1.4rem 0 0;
    padding: .7rem 1rem;
    border-radius: 12px;
    background: #F0F8EF;
    color: #1F5A2E;
    font-size: .88rem;
}
.c18a-pdo__mark { display: inline-flex; color: #2F9E44; }
body .m18a-who__media,
body .m18a-story__media {
    position: relative;
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: none;
}
body .m18a-who__media img { width: 100%; height: clamp(380px, 46vw, 560px); object-fit: cover; display: block; }
body .m18a-story__media img { width: 100%; height: clamp(320px, 36vw, 460px); object-fit: cover; display: block; }
.c18a-media-note {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    padding: .6rem 1rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, .94);
    color: var(--c18-ink);
    font-size: .92rem;
    font-weight: 700;
}
body .m18a-who__script,
body .m18a-story__script { display: none; }

/* Rakamlar */
body .m18a-page .m18a-stats { padding: 0; background: #fff; border-block: 1px solid var(--c18-line); }
body .m18a-page .m18a-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
body .m18a-page .m18a-stat {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1.6rem 1.25rem;
    border-right: 1px solid var(--c18-line);
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}
body .m18a-page .m18a-stat:last-child { border-right: 0; }
body .m18a-page .m18a-stat__icon {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 12px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18a-page .m18a-stat__text strong { display: block; font: 800 1.9rem/1 var(--c18-display); letter-spacing: -.02em; color: var(--c18-orange-dk); }
body .m18a-page .m18a-stat__text span { color: var(--c18-muted); font-size: .88rem; font-weight: 600; }

/* Hikâye: fotoğraf solda, metin sağda */
body .m18a-story { padding: 4.5rem 0; background: #fff; }
body .m18a-story__grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
}
body .m18a-story__media { order: -1; }
body .m18a-story__lead { margin: .6rem 0 1rem; color: var(--c18-walnut); font-size: 1.1rem; font-weight: 600; font-style: normal; font-family: var(--c18-body); }
body .m18a-story__copy .m18a-btn { margin-top: .6rem; }

/* Değerler */
body .m18a-why { padding: 4.5rem 0; background: var(--c18-paper); }
body .m18a-why__head { text-align: center; margin-bottom: 2rem; }
body .m18a-title--center { text-align: center; }
body .m18a-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
body .m18a-why-card {
    position: relative;
    padding: 1.5rem 1.25rem 1.4rem;
    border: 1px solid var(--c18-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    text-align: left;
    transition: border-color .15s ease;
}
body .m18a-why-card:hover { border-color: var(--c18-orange); }
.c18a-why-no { position: absolute; top: 1.1rem; right: 1.25rem; font-size: .8rem; font-weight: 800; color: #CFC9BF; }
body .m18a-why-card__icon {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin: 0 0 1rem;
    border-radius: 12px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18a-why-card__title { margin: 0 0 .35rem; font-size: 1.15rem; font-weight: 800; color: var(--c18-ink); }
body .m18a-why-card__text { margin: 0; color: var(--c18-muted); line-height: 1.6; }

/* Misyon / vizyon: yeşil gradyan bant */
body .m18a-mv {
    padding: 4.5rem 0;
    background:
        radial-gradient(ellipse at 15% 0%, rgba(140, 206, 120, .35) 0%, rgba(140, 206, 120, 0) 55%),
        linear-gradient(180deg, #2F8F46 0%, #1F6B36 55%, #123F24 100%);
    color: #fff;
}
body .m18a-mv__shade { display: none; }
body .m18a-mv__grid { gap: 2.5rem; }
body .m18a-mv__divider { background: rgba(255, 255, 255, .25); }
body .m18a-mv__title { color: #fff; font-weight: 800; font-size: clamp(1.6rem, 2.6vw, 2.1rem); letter-spacing: -.02em; }
body .m18a-mv__title::before { content: "\201C"; display: block; margin-bottom: .3rem; color: #F7BE85; font-size: 3rem; line-height: .6; }
body .m18a-mv__text,
body .m18a-mv__text p { color: rgba(255, 255, 255, .9); font-size: 1.08rem; line-height: 1.7; }

/* Geliştirici kartı */
body .m18a-dev { padding: 4rem 0; background: #fff; }
body .m18a-dev__card { border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; box-shadow: none; }
body .m18a-dev__photo { border-radius: 14px; }
body .m18a-dev__title { color: var(--c18-walnut); font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body .m18a-dev__name { color: var(--c18-ink); font-weight: 800; }
body .m18a-dev__role { color: var(--c18-muted); }
body .m18a-dev__lead { color: var(--c18-muted); }
body .m18a-dev__linkedin,
body .m18a-dev__facts a { color: var(--c18-walnut); font-weight: 700; }
body .m18a-dev__toggle {
    border: 1.5px solid var(--c18-ink);
    border-radius: 10px;
    background: #fff;
    color: var(--c18-ink);
    font-weight: 700;
}
body .m18a-dev__toggle:hover { background: var(--c18-ink); color: #fff; }

@media (max-width: 900px) {
    body .m18a-who { padding-top: 2rem; }
    body .m18a-who__grid,
    body .m18a-story__grid { grid-template-columns: 1fr; }
    body .m18a-who__media { order: -1; }
    body .m18a-who__media img { height: 300px; }
    body .m18a-story__media img { height: 260px; }
    body .m18a-page .m18a-stats__grid { grid-template-columns: 1fr 1fr; }
    body .m18a-page .m18a-stat { padding: 1.1rem .9rem; }
    body .m18a-page .m18a-stat:nth-child(2n) { border-right: 0; }
    body .m18a-page .m18a-stat:nth-child(n+3) { border-top: 1px solid var(--c18-line); }
    body .m18a-page .m18a-stat__text strong { font-size: 1.5rem; }
    body .m18a-why__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    body .m18a-why__grid { grid-template-columns: 1fr; }
    body .m18a-page .m18a-stat__icon { width: 2.5rem; height: 2.5rem; }
}
/* Eski orantı/şekil kurallarını sıfırla: çerçeve fotoğraf kadar olsun, organik köşe olmasın */
body .m18a-who__media,
body .m18a-story__media { aspect-ratio: auto; height: auto; max-height: none; background: none; }
body .m18a-story__media img { aspect-ratio: auto; border-radius: 0; box-shadow: none; }

/* Karşılaştırma çubuğu açıkken telefon/tablette WhatsApp ve Ara butonları
   yukarı kaçmak yerine gizlenir; çubuk kapanınca yerlerine döner. */
@media (max-width: 900px) {
    body.has-compare-bar .wa-widget,
    body.has-compare-bar .call-fab {
        bottom: max(1rem, env(safe-area-inset-bottom, 0px));
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(24px);
        transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
    }
}

/* ==========================================================================
   Tarama düzeltmeleri
   ========================================================================== */

/* Gramaj seçimi (mobil): 4 veya daha az seçenek ekrana eşit sığsın, kaydırma olmasın.
   5+ seçenekte maras18-product-detail.css'teki yatay kaydırma aynen çalışır. */
@media (max-width: 720px) {
    body .m18pd-weights__grid:not(:has(> :nth-child(5))) {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        overflow: visible;
    }
    body .m18pd-weights__grid:not(:has(> :nth-child(5))) > .m18pd-weight {
        min-width: 0;
        flex: none;
    }
}

/* İlgili blog yazıları: tam 3 yazı varsa masaüstünde 3 kolon (2+1 yalnız kalmasın) */
@media (min-width: 900px) {
    body .m18-related-blogs__list:has(> li:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Ziyaretçi kutusu (mobil): ikon yazının yanında kalsın, "Teşekkürler" alt satıra insin */
@media (max-width: 600px) {
    .c18-visitors__pill {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        align-items: center;
        justify-items: start;
        column-gap: .6rem;
        row-gap: .55rem;
        width: 100%;
    }
    .c18-visitors__text { min-width: 0; }
    .c18-visitors__thanks { grid-column: 1 / -1; justify-self: start; }
}

/* Hikâyeler şeridi (mobil/tablet): yatay kaydırma çubuğu gizli, parmakla kaydırma çalışır */
@media (max-width: 900px) {
    body .m18-stories__row {
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: .3rem;
    }
    body .m18-stories__row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
}

/* ==========================================================================
   Ürün detay — yorum penceresi, avantaj şeridi, sekmeler ve sekme içerikleri
   ========================================================================== */

/* Yorum penceresi: arka plan bulanık */
body .m18rp-modal__backdrop {
    background: rgba(28, 31, 26, .32);
    -webkit-backdrop-filter: blur(8px) saturate(110%);
    backdrop-filter: blur(8px) saturate(110%);
}
body .m18rp-modal__sheet { border-radius: 20px; box-shadow: 0 30px 80px rgba(28, 31, 26, .28); }
@media (max-width: 767px) {
    body .m18rp-modal__sheet { border-radius: 20px 20px 0 0; }
}
body .m18rp-modal__head h2 { font-weight: 800; letter-spacing: -.01em; color: var(--c18-ink); }

/* Avantaj şeridi: eşit kartlar */
body .m18pd-perks { padding: 1.5rem 0; background: #fff; border-block: 1px solid var(--c18-line); }
body .m18pd-perks__inner { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
body .m18pd-perk {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .85rem 1rem;
    border: 1px solid var(--c18-line);
    border-radius: 14px;
    background: #fff;
    color: var(--c18-muted);
    font-size: .85rem;
    line-height: 1.35;
}
body .m18pd-perk > svg {
    flex: 0 0 auto;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: .6rem;
    border-radius: 12px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18pd-perk strong { display: block; color: var(--c18-ink); font-weight: 700; font-size: .9rem; }
body .m18pd-perk--ship { border-color: #CDE6C1; background: #F3FAF1; }
body .m18pd-perk--ship > svg { background: #E2F2DD; color: #2F9E44; }

/* Sekmeler: segmentli kontrol */
body .m18pd-tabs-wrap { padding: 2.5rem 0 3rem; background: #fff; }
body .m18pd-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    width: 100%;
    margin-bottom: 1.25rem;
    padding: .35rem;
    border: 1px solid var(--c18-line);
    border-bottom: 1px solid var(--c18-line);
    border-radius: 14px;
    background: var(--c18-paper);
}
body .m18pd-tabs__btn {
    flex: 1 1 auto;
    padding: .65rem 1.1rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--c18-muted);
    font-size: .9rem;
    font-weight: 600;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease;
}
body .m18pd-tabs__btn:hover { color: var(--c18-ink); border: 0; background: rgba(255, 255, 255, .6); }
body .m18pd-tabs__btn.is-active {
    background: #fff;
    color: var(--c18-ink);
    font-weight: 700;
    border: 0;
    box-shadow: 0 1px 2px rgba(28, 31, 26, .08), 0 4px 12px rgba(28, 31, 26, .06);
}
body .m18pd-tabs__btn.is-active::after { content: none; }

/* Sekme içeriği: beyaz kart */
body .m18pd-tabs__panel {
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid var(--c18-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
}
body .m18pd-desc-html,
body .m18pd-shipping > p,
body .m18pd-pay__lead { color: var(--c18-muted); font-size: 1rem; line-height: 1.75; }
body .m18pd-shipping > p,
body .m18pd-pay__lead { margin: 0 0 1rem; color: var(--c18-ink); font-weight: 600; }

/* Madde işaretleri: yeşil tikli satırlar */
body .m18pd-checklist { display: grid; gap: 0; margin: 1rem 0 0; padding: 0; list-style: none; }
body .m18pd-checklist li {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .7rem 0;
    border-bottom: 1px dashed var(--c18-line);
    color: var(--c18-ink);
    line-height: 1.5;
}
body .m18pd-checklist li:last-child { border-bottom: 0; }
body .m18pd-checklist li svg {
    flex: 0 0 auto;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    padding: .2rem;
    border-radius: 50%;
    background: #E2F2DD;
    color: #2F9E44;
    margin-top: .1rem;
}
body .m18pd-checklist strong { color: var(--c18-ink); }

/* Açıklama yanındaki küçük özellikler: kutucuklar */
body .m18pd-desc-aside { border: 0; background: transparent; padding: 0; }
body .m18pd-mini-feats { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 0; padding: 0; list-style: none; }
body .m18pd-mini-feats li {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .75rem .85rem;
    border-radius: 12px;
    background: var(--c18-paper);
    color: var(--c18-ink);
    font-size: .88rem;
    font-weight: 600;
}
body .m18pd-mini-feats li svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--c18-orange-dk); }

/* Ödeme seçenekleri: yan yana ikonlu kartlar */
body .m18pd-pay__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .9rem; margin: 0; padding: 0; list-style: none; }
body .m18pd-pay__item {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--c18-line);
    border-radius: 14px;
    background: #fff;
    transition: border-color .15s ease;
}
body .m18pd-pay__item:hover { border-color: var(--c18-orange); }
body .m18pd-pay__icon {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 12px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
}
body .m18pd-pay__icon svg { width: 22px; height: 22px; }
body .m18pd-pay__item h3 { margin: 0 0 .25rem; font-size: 1rem; font-weight: 700; color: var(--c18-ink); }
body .m18pd-pay__item p { margin: 0; color: var(--c18-muted); font-size: .9rem; line-height: 1.55; }

/* Boş durum */
body .m18pd-empty {
    margin: 0;
    padding: 1.25rem;
    border: 1px dashed #D5CFC4;
    border-radius: 12px;
    background: var(--c18-paper);
    color: var(--c18-muted);
    text-align: center;
}

@media (max-width: 1100px) {
    body .m18pd-perks__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    body .m18pd-perks { padding: 1rem 0; }
    body .m18pd-perks__inner { grid-template-columns: 1fr 1fr; gap: .5rem; }
    body .m18pd-perk { padding: .7rem .75rem; gap: .55rem; font-size: .8rem; }
    body .m18pd-perk > svg { width: 16px; height: 16px; padding: .5rem; border-radius: 10px; }
    body .m18pd-perk strong { font-size: .84rem; }
    body .m18pd-perk--ship { grid-column: 1 / -1; }
    body .m18pd-tabs__nav { flex-wrap: nowrap; width: 100%; overflow-x: auto; scrollbar-width: none; }
    body .m18pd-tabs__nav::-webkit-scrollbar { display: none; }
    body .m18pd-tabs__btn { flex: 0 0 auto; white-space: nowrap; }
    body .m18pd-mini-feats { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    body .m18pd-tabs__btn,
    body .m18pd-pay__item { transition: none; }
}

/* Header yükseklik düzeltmesi: ayırıcı (spacer) --site-header-*-height değişkenleriyle hesaplanır.
   Menü sabit 58px olunca header içeriğin üstünü örtüyordu; değişkene geri bağlandı.
   Alt çizgiler yükseklik eklemesin diye border yerine inset gölgeyle çizilir. */
body .m18-header-nav { min-height: var(--site-header-nav-height); }
body .m18-header-nav .m18-nav-link,
body .m18-header-nav > a { padding-block: .5rem; }
body .m18-header-nav-bar { border-bottom: 0; box-shadow: inset 0 -1px 0 var(--c18-line); }
body .m18-topbar { border-bottom: 0; box-shadow: inset 0 -1px 0 var(--c18-line); }
body .m18-header-main { border-bottom: 0; box-shadow: inset 0 -1px 0 var(--c18-line); }

/* Breadcrumb: header'a yapışık durmasın */
body .website-breadcrumb { padding-top: .6rem; margin-bottom: 1.4rem; }
body .website-breadcrumb__list { color: var(--c18-muted); }
body .website-breadcrumb__link { color: var(--c18-muted); }
body .website-breadcrumb__link:hover { color: var(--c18-orange-dk); }
body .website-breadcrumb__current { color: var(--c18-ink); }
body .m18-ticker { border-bottom: 0; }
body .m18-site-header { border-bottom: 0; box-shadow: 0 1px 0 var(--c18-line); }

/* ==========================================================================
   İletişim sayfası (c18-contact) — m18c- öneki sepetle çakıştığı için ayrı ad alanı
   ========================================================================== */
.c18-contact { background: #fff; }
.c18-contact__hero { padding: 3rem 0 2rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-contact__eyebrow {
    display: inline-block;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: var(--c18-orange-soft);
    color: var(--c18-walnut);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.c18-contact__title { margin: .7rem 0 .5rem; font: 800 clamp(2.2rem, 4.2vw, 3.3rem)/1.05 var(--c18-display); letter-spacing: -.03em; color: var(--c18-ink); }
.c18-contact__lead { max-width: 62ch; margin: 0; color: var(--c18-muted); font-size: 1.05rem; line-height: 1.7; }
.c18-contact__quick { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }
.c18-quick {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.1rem;
    border: 1px solid var(--c18-line);
    border-radius: 12px;
    background: #fff;
    color: var(--c18-ink);
    font-weight: 600;
    font-size: .95rem;
    text-decoration: none;
    transition: border-color .15s ease;
}
.c18-quick svg { color: var(--c18-orange-dk); }
.c18-quick:hover { border-color: var(--c18-orange); color: var(--c18-ink); }
.c18-quick--wa { background: #25D366; border-color: #25D366; color: #fff; }
.c18-quick--wa svg { color: #fff; }
.c18-quick--wa:hover { background: #1EBE5A; border-color: #1EBE5A; color: #fff; }
.c18-contact__hours { display: inline-flex; align-items: center; gap: .4rem; margin: 1rem 0 0; color: var(--c18-muted); font-size: .9rem; }

.c18-contact__main { padding: 2.5rem 0 3rem; }
.c18-contact__grid { display: block; }

/* Sağ sütun */
.c18-contact__side { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.c18-contact__side > .c18-info { grid-row: span 2; }
.c18-info { padding: 1.4rem; border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; }
.c18-info__title { margin: 0 0 1rem; font-size: 1.15rem; font-weight: 800; color: var(--c18-ink); }
.c18-info__list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.c18-info__list li { display: flex; align-items: center; gap: .8rem; padding: .8rem 0; border-top: 1px solid #F1EEE8; }
.c18-info__list li:first-child { border-top: 0; padding-top: 0; }
.c18-info__icon { flex: 0 0 auto; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 10px; background: var(--c18-orange-soft); color: var(--c18-orange-dk); }
.c18-info__text { display: grid; min-width: 0; }
.c18-info__label { font-size: .76rem; font-weight: 600; color: var(--c18-muted); }
.c18-info__text a,
.c18-info__value { color: var(--c18-ink); font-weight: 700; font-size: .95rem; text-decoration: none; overflow-wrap: anywhere; }
.c18-info__text a:hover { color: var(--c18-orange-dk); }

.c18-wa-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1.1rem 1.2rem;
    border-radius: 18px;
    background: #EAF8EF;
    border: 1px solid #BFE8CC;
    color: #14532D;
    text-decoration: none;
}
.c18-wa-card__icon { flex: 0 0 auto; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: #25D366; color: #fff; }
.c18-wa-card strong { display: block; font-size: .98rem; }
.c18-wa-card span span { font-size: .85rem; color: #2C6B43; }
.c18-wa-card__arrow { margin-left: auto; flex: 0 0 auto; }
.c18-wa-card:hover { border-color: #25D366; color: #14532D; }

.c18-social { padding: 1.2rem 1.4rem; border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; }
.c18-social__title { margin: 0 0 .8rem; font-size: 1rem; font-weight: 800; color: var(--c18-ink); }
.c18-social__list { display: grid; gap: .5rem; }
.c18-social__item { display: flex; align-items: center; gap: .7rem; padding: .55rem .6rem; border-radius: 12px; color: var(--c18-ink); text-decoration: none; transition: background-color .15s ease; }
.c18-social__item:hover { background: var(--c18-paper); color: var(--c18-ink); }
.c18-social__icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 10px; background: var(--c18-paper); color: var(--c18-ink); }
.c18-social__item--instagram .c18-social__icon { background: #FCE7F3; color: #BE185D; }
.c18-social__item--youtube .c18-social__icon { background: #FEE2E2; color: #B91C1C; }
.c18-social__item--facebook .c18-social__icon { background: #DBEAFE; color: #1D4ED8; }
.c18-social__item > span:last-child { display: grid; }
.c18-social__item strong { font-size: .92rem; }
.c18-social__item span span { font-size: .8rem; color: var(--c18-muted); }

/* Harita */
.c18-contact__map { padding: 0 0 3rem; }
.c18-map { border: 1px solid var(--c18-line); border-radius: 18px; overflow: hidden; background: #fff; }
.c18-map__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--c18-line); }
.c18-map__title { margin: 0; font-size: 1.15rem; font-weight: 800; color: var(--c18-ink); }
.c18-map__sub { margin: .2rem 0 0; color: var(--c18-muted); font-size: .9rem; }
.c18-map__btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4rem; padding: .65rem 1rem; border: 1.5px solid var(--c18-ink); border-radius: 10px; color: var(--c18-ink); font-weight: 700; font-size: .9rem; text-decoration: none; }
.c18-map__btn:hover { background: var(--c18-ink); color: #fff; }
.c18-map__frame { height: 380px; background: var(--c18-paper); }
.c18-map__frame iframe { display: block; width: 100%; height: 100%; border: 0; }

@media (max-width: 960px) {
    .c18-contact__side { grid-template-columns: 1fr; }
    .c18-contact__side > .c18-info { grid-row: auto; }
}
@media (max-width: 600px) {
    .c18-contact__hero { padding: 2rem 0 1.5rem; }
    .c18-quick { flex: 1 1 100%; justify-content: center; }


    .c18-map__head { flex-direction: column; align-items: flex-start; }
    .c18-map__frame { height: 280px; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-quick { transition: none; }
}

/* İletişim — 8 kısayol kutusu (ikon üstte, yazı altta; 4×2, mobilde 2 kolon) */
.c18-tiles { padding: 2rem 0 .5rem; }
.c18-tiles__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.c18-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-height: 150px;
    padding: 1.5rem 1rem;
    border: 1px solid var(--c18-line);
    border-radius: 16px;
    background: #fff;
    color: var(--c18-ink);
    text-align: center;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease;
}
.c18-tile__icon {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 14px;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
    transition: background-color .15s ease, color .15s ease;
}
.c18-tile__icon svg { width: 26px; height: 26px; }
.c18-tile__label { font-size: .95rem; font-weight: 600; line-height: 1.3; }
.c18-tile:hover { border-color: var(--c18-orange); background: #FFFBF6; color: var(--c18-ink); }
.c18-tile:hover .c18-tile__icon { background: var(--c18-orange); color: var(--c18-ink); }
@media (max-width: 760px) {
    .c18-tiles { padding-top: 1.25rem; }
    .c18-tiles__grid { grid-template-columns: 1fr 1fr; gap: .6rem; }
    .c18-tile { min-height: 118px; padding: 1.1rem .6rem; gap: .6rem; }
    .c18-tile__icon { width: 2.75rem; height: 2.75rem; border-radius: 12px; }
    .c18-tile__icon svg { width: 22px; height: 22px; }
    .c18-tile__label { font-size: .86rem; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-tile, .c18-tile__icon { transition: none; }
}
/* Müşteri yorumları — kart ızgarası (5 üzerinden yıldız, baş harfli avatar, ürün etiketi) */
.c18-voices { padding: 4.5rem 0; background: var(--c18-paper); border-block: 1px solid var(--c18-line); }
.c18-voices__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.c18-voice {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1.4rem 1.4rem 1.25rem;
    border: 1px solid var(--c18-line);
    border-radius: 16px;
    background: #fff;
}
.c18-voice__stars { display: flex; gap: 2px; }
/* Genel .m18-icon--star turuncu kuralını yenmek için kart içinden seçilir */
.c18-voice .c18-voice__star { width: 16px; height: 16px; color: #D9D4CA; }
.c18-voice .c18-voice__star.is-on { color: var(--c18-orange); }
.c18-voice__text {
    flex: 1;
    margin: 0;
    color: var(--c18-ink);
    font-size: 1rem;
    line-height: 1.65;
}
.c18-voice__text::before { content: "\201C"; }
.c18-voice__text::after { content: "\201D"; }
.c18-voice__who { display: flex; align-items: center; gap: .7rem; padding-top: .9rem; border-top: 1px solid #F1EEE8; }
.c18-voice__avatar {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
    font-size: .85rem;
    font-weight: 800;
}
.c18-voice__meta { display: grid; gap: .15rem; min-width: 0; }
.c18-voice__name { font-size: .9rem; font-weight: 700; color: var(--c18-ink); }
.c18-voice__product {
    overflow: hidden;
    color: var(--c18-muted);
    font-size: .8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 960px) {
    .c18-voices__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .c18-voices { padding: 3rem 0; }
    /* Mobil: 6 kart alt alta uzamasın; yana kaydırılan tek sıra, sonraki kartın kenarı görünür */
    .c18-voices__grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 84%;
        gap: .75rem;
        margin-right: -1rem;
        padding: .25rem 1rem .5rem 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .c18-voices__grid::-webkit-scrollbar { display: none; }
    .c18-voice { scroll-snap-align: start; }
}
/* ==========================================================================
   Öneri & Şikayet (fb-), Toplu Alım (bp-), İade ve Değişim (rpol-)
   Ortak başlık, form kartı ve alanlar; form mantığı ve JS'e dokunulmadı.
   ========================================================================== */
body .fb,
body .bp,
body .rpol { background: #fff; }

/* Başlık alanı */
body .fb-hero,
body .bp-hero,
body .rpol-hero { padding: 3rem 0 2rem; background: var(--c18-paper); border-bottom: 1px solid var(--c18-line); }
body .fb-kicker,
body .bp-kicker,
body .rpol-kicker {
    display: inline-block;
    margin: 0;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: var(--c18-orange-soft);
    color: var(--c18-walnut);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body .fb-hero h1,
body .bp-hero h1,
body .rpol-hero h1 {
    margin: .7rem 0 .5rem;
    font: 800 clamp(2.1rem, 4vw, 3.1rem)/1.06 var(--c18-display);
    letter-spacing: -.03em;
    color: var(--c18-ink);
}
body .fb-lead,
body .bp-lead,
body .rpol-lead { max-width: 64ch; margin: 0; color: var(--c18-muted); font-size: 1.05rem; line-height: 1.7; }

/* Form + yan sütun düzeni */
body .fb-form-wrap,
body .bp-form-wrap { padding: 2.5rem 0 4rem; }
.c18-form-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.c18-form-side { display: grid; gap: 1rem; position: sticky; top: calc(var(--site-header-height, 200px) + 1rem); }
.c18-side-card { padding: 1.35rem 1.4rem; border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; }
.c18-side-card--tip { background: var(--c18-paper); }
.c18-side-card__title { margin: 0 0 .85rem; font-size: 1.05rem; font-weight: 800; color: var(--c18-ink); }
.c18-side-card p { margin: 0; color: var(--c18-muted); font-size: .92rem; line-height: 1.6; }
.c18-side-card p strong { color: var(--c18-ink); }
.c18-side-steps { display: grid; gap: .9rem; margin: 0; padding: 0; list-style: none; counter-reset: c18s; }
.c18-side-steps li { position: relative; display: grid; gap: .15rem; padding-left: 2.6rem; counter-increment: c18s; }
.c18-side-steps li::before {
    content: counter(c18s);
    position: absolute;
    left: 0;
    top: 0;
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    background: var(--c18-orange-soft);
    color: var(--c18-orange-dk);
    font-size: .82rem;
    font-weight: 800;
}
.c18-side-steps strong { font-size: .95rem; color: var(--c18-ink); }
.c18-side-steps span { font-size: .88rem; color: var(--c18-muted); line-height: 1.5; }

/* Form kartı */
body .fb-card,
body .bp-form-card {
    padding: clamp(1.25rem, 2.6vw, 2rem);
    border: 1px solid var(--c18-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
}
body .fb-card__head h2,
body .bp-form-card__head h2 { margin: 0; font-size: 1.4rem; font-weight: 800; letter-spacing: -.02em; color: var(--c18-ink); }
body .fb-card__head p,
body .bp-form-card__head p { margin: .3rem 0 1.25rem; color: var(--c18-muted); font-size: .9rem; }
body .fb-form,
body .bp-form { display: grid; gap: 1.1rem; }
body .fb-grid,
body .bp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* Alanlar */
body .fb-field label,
body .bp-field label,
body .fb-kind legend { display: block; margin-bottom: .4rem; font-size: .88rem; font-weight: 700; color: var(--c18-ink); }
body .fb-field label span[aria-hidden],
body .bp-field label span[aria-hidden],
body .fb-kind legend span[aria-hidden],
body .fb-check span[aria-hidden],
body .bp-check span[aria-hidden] { color: var(--c18-orange-dk); }
body .fb-optional { margin-left: .25rem; font-weight: 500; color: var(--c18-muted); }
body .fb-field input,
body .fb-field textarea,
body .bp-field input,
body .bp-field select,
body .bp-field textarea {
    width: 100%;
    padding: .8rem .95rem;
    border: 1.5px solid var(--c18-line);
    border-radius: 12px;
    background: #fff;
    color: var(--c18-ink);
    font: 500 .95rem/1.4 var(--c18-body);
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body .fb-field textarea,
body .bp-field textarea { resize: vertical; min-height: 130px; }
body .fb-field input:focus,
body .fb-field textarea:focus,
body .bp-field input:focus,
body .bp-field select:focus,
body .bp-field textarea:focus { outline: none; border-color: var(--c18-orange); box-shadow: 0 0 0 4px var(--c18-orange-soft); }
body .fb-field input:user-invalid,
body .bp-field input:user-invalid,
body .bp-field select:user-invalid { border-color: #C0392B; }

/* Başvuru türü: seçim hapları */
body .fb-kind { margin: 0; padding: 0; border: 0; }
/* Başvuru türü: ikonlu, açıklamalı iki kart; seçili kart turuncu çerçeve + tik */
body .fb-kind__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
body .fb-kind__option { position: relative; display: block; cursor: pointer; }
body .fb-kind__option input { position: absolute; opacity: 0; pointer-events: none; }
body .fb-kind__option .fb-kind__card {
    position: relative;
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 0;
    height: 100%;
    padding: .9rem 2.6rem .9rem .9rem;
    border: 1.5px solid var(--c18-line);
    border-radius: 14px;
    background: #fff;
    color: var(--c18-ink);
    font-weight: 400;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
body .fb-kind__icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    background: var(--c18-paper);
    color: var(--c18-muted);
    transition: background-color .15s ease, color .15s ease;
}
body .fb-kind__text { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
body .fb-kind__text strong { font-size: .98rem; font-weight: 700; line-height: 1.2; color: var(--c18-ink); }
body .fb-kind__text small { font-size: .78rem; line-height: 1.35; color: var(--c18-muted); }
body .fb-kind__check {
    position: absolute;
    top: 50%;
    right: .9rem;
    display: grid;
    place-items: center;
    width: 1.3rem;
    height: 1.3rem;
    margin-top: -.65rem;
    border: 1.5px solid #D5CFC4;
    border-radius: 50%;
    background: #fff;
    color: transparent;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body .fb-kind__option:hover .fb-kind__card { border-color: #E9C9A6; box-shadow: 0 6px 16px rgba(28, 31, 26, .06); }
body .fb-kind__option input:checked + .fb-kind__card {
    border-color: var(--c18-orange);
    background: var(--c18-orange-soft);
    box-shadow: 0 0 0 3px rgba(242, 140, 40, .14);
}
body .fb-kind__option input:checked + .fb-kind__card .fb-kind__icon { background: var(--c18-orange); color: var(--c18-ink); }
body .fb-kind__option input:checked + .fb-kind__card .fb-kind__check { border-color: var(--c18-orange-dk); background: var(--c18-orange-dk); color: #fff; }
body .fb-kind__option input:focus-visible + .fb-kind__card { outline: 3px solid var(--c18-orange-dk); outline-offset: 2px; }
@media (max-width: 420px) {
    body .fb-kind__grid { grid-template-columns: 1fr; }
}

/* Sipariş doğrulama */
body .fb-order { display: grid; gap: .6rem; padding: 1rem; border: 1px dashed #D5CFC4; border-radius: 14px; background: var(--c18-paper); }
body .fb-order__row { display: flex; gap: .5rem; }
body .fb-order__row input { flex: 1; min-width: 0; }
body .fb-order__status { margin: 0; color: var(--c18-muted); font-size: .88rem; }
body .fb-products__title { margin: 0 0 .5rem; font-size: .88rem; font-weight: 700; color: var(--c18-ink); }
body #fb-products-list { display: grid; gap: .4rem; }
body .fb-product { display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; border: 1px solid var(--c18-line); border-radius: 10px; background: #fff; font-size: .9rem; cursor: pointer; }
body .fb-product input { width: 1.05rem; height: 1.05rem; accent-color: var(--c18-orange-dk); }

/* Onay kutusu */
body .fb-check,
body .bp-check { display: flex; align-items: flex-start; gap: .6rem; color: var(--c18-muted); font-size: .88rem; line-height: 1.5; cursor: pointer; }
body .fb-check input,
body .bp-check input { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; margin-top: .15rem; accent-color: var(--c18-orange-dk); }
body .fb-check a,
body .bp-kvkk-open { color: var(--c18-walnut); font-weight: 700; }
body .bp-kvkk-open { padding: 0; border: 0; background: none; font: inherit; text-decoration: underline; cursor: pointer; }

/* Butonlar */
body .fb-btn,
body .bp-btn,
body .rpol-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3.1rem;
    padding: .8rem 1.5rem;
    border: 1.5px solid var(--c18-orange);
    border-radius: 12px;
    background: var(--c18-orange);
    color: var(--c18-ink);
    font: 700 .98rem/1 var(--c18-body);
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body .fb-btn:hover,
body .bp-btn:hover,
body .rpol-btn:hover { background: var(--c18-orange-dk); border-color: var(--c18-orange-dk); color: var(--c18-ink); }
body .fb-btn--ghost,
body .bp-btn--ghost,
body .rpol-btn--ghost { background: #fff; border-color: var(--c18-ink); color: var(--c18-ink); }
body .fb-btn--ghost:hover,
body .bp-btn--ghost:hover,
body .rpol-btn--ghost:hover { background: var(--c18-ink); border-color: var(--c18-ink); color: #fff; }
body .fb-order__row .fb-btn--ghost { min-height: 0; padding: .7rem 1rem; font-size: .88rem; white-space: nowrap; }
body #fb-submit,
body #bp-submit { justify-self: start; }

/* Hata, başarı ve bütçe kutuları */
body .fb-errors,
body .bp-errors { padding: .9rem 1.1rem; border: 1px solid #F2C9C2; border-radius: 12px; background: #FDF0EE; color: #9A2E22; }
body .fb-errors ul,
body .bp-errors ul { margin: .4rem 0 0; padding-left: 1.1rem; }
body .fb-success,
body .bp-success { max-width: 640px; padding: 2rem; border: 1px solid #CDE6C1; border-radius: 18px; background: #F3FAF1; color: #1F5A2E; }
body .fb-success h2,
body .bp-success h2 { margin: 0 0 .5rem; font-size: 1.5rem; font-weight: 800; color: #1F5A2E; }
body .fb-success p,
body .bp-success p { margin: 0 0 .6rem; }
body .bp-budget { margin: 0; padding: .85rem 1rem; border-radius: 12px; background: #F0F8EF; color: #1F5A2E; font-size: .92rem; }
body .bp-budget strong { font-size: 1.05rem; }
body .fb-kvkk-note { margin: 1rem 0 0; color: var(--c18-muted); font-size: .85rem; }
body .fb-kvkk-note a { color: var(--c18-walnut); font-weight: 700; }

/* KVKK penceresi (Toplu Alım) */
body .bp-dialog { width: min(720px, calc(100% - 2rem)); max-height: 85vh; padding: 0; border: 0; border-radius: 18px; box-shadow: 0 30px 80px rgba(28, 31, 26, .28); }
body .bp-dialog::backdrop { background: rgba(28, 31, 26, .32); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
body .bp-dialog__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--c18-line); }
body .bp-dialog__head h2 { margin: 0; font-size: 1.15rem; font-weight: 800; }
body .bp-dialog__close { padding: .5rem .9rem; border: 1px solid var(--c18-line); border-radius: 10px; background: #fff; font-weight: 600; cursor: pointer; }
body .bp-dialog__body { padding: 1.25rem; overflow-y: auto; color: var(--c18-muted); line-height: 1.7; }

/* İade ve Değişim */
body .rpol-body { display: grid; gap: 1.25rem; padding: 2.5rem 0 4rem; }
body .rpol-card { padding: clamp(1.25rem, 2.6vw, 2rem); border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; box-shadow: none; }
body .rpol-card h2 { margin: 0 0 1rem; font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: var(--c18-ink); }
body .rpol-card__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
body .rpol-card__head h2 { margin: 0; }
body .rpol-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
body .rpol-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; margin: 0; padding: 0; list-style: none; counter-reset: rpol; }
body .rpol-steps li {
    position: relative;
    display: grid;
    align-content: start;
    gap: .35rem;
    padding: 1.1rem 1.1rem 1.2rem;
    border-radius: 14px;
    background: var(--c18-paper);
    counter-increment: rpol;
}
body .rpol-steps li::before {
    content: counter(rpol);
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: .35rem;
    border-radius: 50%;
    background: var(--c18-orange);
    color: var(--c18-ink);
    font-size: .9rem;
    font-weight: 800;
}
body .rpol-steps strong { font-size: 1rem; color: var(--c18-ink); }
body .rpol-steps span { color: var(--c18-muted); font-size: .9rem; line-height: 1.55; }
body .rpol-steps b { color: var(--c18-ink); }
body .rpol-split { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1.25rem; align-items: start; }
body .rpol-types { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
body .rpol-types li { display: flex; align-items: center; gap: .6rem; padding: .75rem .9rem; border: 1px solid var(--c18-line); border-radius: 12px; color: var(--c18-ink); font-weight: 600; }
body .rpol-types li svg { flex: 0 0 auto; box-sizing: content-box; width: 14px; height: 14px; padding: .25rem; border-radius: 50%; background: #E2F2DD; color: #2F9E44; }
body .rpol-terms { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
body .rpol-terms li { display: flex; align-items: flex-start; gap: .8rem; padding: .85rem 0; border-top: 1px solid #F1EEE8; }
body .rpol-terms li:first-child { border-top: 0; padding-top: 0; }
body .rpol-terms p { margin: 0; color: var(--c18-ink); line-height: 1.65; }
body .rpol-terms__icon { flex: 0 0 auto; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 10px; background: var(--c18-orange-soft); color: var(--c18-orange-dk); }
body .rpol-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; }
body .rpol-links > span { margin-right: .3rem; color: var(--c18-muted); font-size: .9rem; font-weight: 600; }
body .rpol-links a { display: inline-flex; align-items: center; gap: .4rem; padding: .55rem .9rem; border: 1px solid var(--c18-line); border-radius: 999px; color: var(--c18-ink); font-size: .88rem; font-weight: 600; text-decoration: none; }
body .rpol-links a svg { color: var(--c18-orange-dk); }
body .rpol-links a:hover { border-color: var(--c18-orange); }

@media (max-width: 960px) {
    .c18-form-layout { grid-template-columns: 1fr; }
    .c18-form-side { position: static; }
    body .rpol-steps { grid-template-columns: 1fr 1fr; }
    body .rpol-split { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    body .fb-hero,
    body .bp-hero,
    body .rpol-hero { padding: 2rem 0 1.5rem; }
    body .fb-grid,
    body .bp-grid { grid-template-columns: 1fr; }
    body #fb-submit,
    body #bp-submit { justify-self: stretch; }
    body .fb-order__row { flex-direction: column; }
    body .rpol-steps { grid-template-columns: 1fr; }
    body .rpol-card__head { flex-direction: column; align-items: flex-start; }
    body .rpol-links > span { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    body .fb-kind__option span, body .fb-btn, body .bp-btn, body .rpol-btn { transition: none; }
}
/* Eski sayfa CSS'lerindeki dar genişlik sınırları: yeni düzende kolon/sayfa genişliğini kullan */
body .rpol-body { max-width: none; margin-left: auto; margin-right: auto; }
body .c18-form-layout .fb-card,
body .c18-form-layout .bp-form-card { max-width: none; margin: 0; }

/* Ürünler araç çubuğu: zeminsiz/boşluksuzken "Toplam X ürün" kenara yapışıktı; iç boşluklu şerit */
body .m18p-toolbar {
    align-items: center;
    padding: .55rem .6rem .55rem 1.25rem;
    border: 1px solid var(--c18-line);
    border-radius: 14px;
    background: var(--c18-paper);
    margin-bottom: 1.25rem;
}
body .m18p-toolbar__count { margin: 0; color: var(--c18-muted); font-size: .92rem; }
body .m18p-toolbar__count strong { color: var(--c18-ink); font-weight: 800; }
@media (max-width: 720px) {
    body .m18p-toolbar { padding: .5rem .5rem .5rem .9rem; }
}

/* Ürün filtresi paneli açıkken (body.spf-drawer-open) WhatsApp ve Ara butonları panelin üstüne binmesin */
body.spf-drawer-open .wa-widget,
body.spf-drawer-open .call-fab {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(24px);
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

/* Ürün kartı kg satırı (mobil): "1 KG paket · 150 ₺/kg" dar kartta ikiye bölünüp "·" alt satıra düşüyordu.
   Gramaj görseldeki rozette zaten yazdığı için mobilde yalnız kg fiyatı tek satırda gösterilir;
   kg fiyatı olmayan üründe gramaj yazısı kalır. */
@media (max-width: 600px) {
    .c18-card-kg { flex-wrap: nowrap; }
    .c18-card-kg span:first-child:not(:only-child) { display: none; }
    .c18-card-kg span + span::before { content: none; }
    .c18-card-kg span { white-space: nowrap; }
}

/* Ürün kartı etiketleri (mobil): dar kartta "Öne Çıkan" ve "Yeni Hasat" üst üste biniyordu; küçültüldü */
@media (max-width: 600px) {
    body .m18p-card__badges,
    body .m18p-card__flags { gap: .25rem; }
    body .m18p-card__badges { top: .45rem; left: .45rem; }
    body .m18p-card__badge,
    body .m18p-card__flag,
    body .m18-card__badge,
    body .m18-card__flag {
        padding: .2rem .38rem;
        font-size: .58rem;
        letter-spacing: .03em;
        line-height: 1.15;
    }
}

/* Ana sayfa hikaye butonları (mobil): alt alta düşmesin, yan yana ve küçük */
@media (max-width: 600px) {
    body .maras18-story__actions { flex-wrap: nowrap; gap: .5rem; }
    body .maras18-story__actions > a {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.5rem;
        justify-content: center;
        padding: .55rem .6rem;
        font-size: .8rem;
        line-height: 1.2;
        white-space: nowrap;
    }
    body .maras18-story__actions .m18-icon { width: 14px; height: 14px; }
}

/* ── Mobil hamburger menü (c18-drawer) ── */
body .c18-drawer .m18-drawer__panel { background: #fff; box-shadow: 12px 0 40px rgba(28, 31, 26, .16); }
body .c18-drawer .m18-drawer__head { padding: .85rem 1rem .85rem 1.1rem; border-bottom: 1px solid var(--c18-line); }
body .c18-drawer .m18-drawer__logo .site-brand-maras18__logo { height: 2.35rem; }
body .c18-drawer .m18-drawer__close { width: 2.4rem; height: 2.4rem; border-radius: 999px; background: var(--c18-paper); border: 1px solid var(--c18-line); color: var(--c18-ink); }
body .c18-drawer .m18-drawer__close svg { width: 1.1rem; height: 1.1rem; }
body .c18-drawer .m18-drawer__scroll { padding: 1rem 1rem 1.75rem; font-family: var(--c18-body); }

/* Giriş kartı / profil */
body .c18-dr-auth { margin-bottom: 1rem; padding: .85rem; border: 1px solid var(--c18-line); border-radius: 12px; background: var(--c18-paper); }
body .c18-dr-auth__head { display: flex; align-items: center; gap: .65rem; margin-bottom: .75rem; }
body .c18-dr-auth__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: #fff; border: 1px solid var(--c18-line); color: var(--c18-ink); }
body .c18-dr-auth__icon svg { width: 16px; height: 16px; }
body .c18-dr-auth__copy { display: flex; flex-direction: column; gap: .05rem; min-width: 0; }
body .c18-dr-auth__title { font: 600 .88rem/1.25 var(--c18-body); color: var(--c18-ink); }
body .c18-dr-auth__text { margin: 0; font: 400 .75rem/1.4 var(--c18-body); color: var(--c18-muted); }
body .c18-dr-auth__btns { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
body .c18-drawer a.c18-dr-btn, body a.c18-dr-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.4rem; padding: .45rem .75rem; border: 1px solid var(--c18-line); border-radius: 10px; background: #fff; color: var(--c18-ink); font: 600 .84rem/1.2 var(--c18-body); text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s; }
body .c18-drawer a.c18-dr-btn:hover, body a.c18-dr-btn:hover { border-color: var(--c18-ink); color: var(--c18-ink); }
body .c18-drawer a.c18-dr-btn--solid, body a.c18-dr-btn--solid { border-color: var(--c18-orange); background: var(--c18-orange); color: #fff; }
body .c18-drawer a.c18-dr-btn--solid:hover, body a.c18-dr-btn--solid:hover { border-color: var(--c18-orange-dk); background: var(--c18-orange-dk); color: #fff; }
body .c18-drawer .m18-drawer__profile { margin: 0 0 1rem; padding: .8rem .9rem; border-radius: 14px; background: var(--c18-orange-soft); border: 0; }
body .c18-drawer .m18-drawer__avatar { background: var(--c18-orange); color: var(--c18-ink); }
body .c18-drawer .m18-drawer__profile-text { flex: 1; }
body .c18-drawer .m18-drawer__profile-cta { color: var(--c18-walnut); font-weight: 600; }

/* Ana linkler */
body .c18-drawer .m18-drawer__nav { gap: .15rem; }
body .c18-drawer .m18-drawer__link { min-height: 3rem; padding: .4rem .5rem .4rem .4rem; border-radius: 12px; font: 600 .94rem/1.25 var(--c18-body); color: var(--c18-ink); }
body .c18-drawer .m18-drawer__link-main { gap: .75rem; }
body .c18-dr-ico { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: 10px; background: var(--c18-paper); border: 1px solid var(--c18-line); }
body .c18-drawer .m18-drawer__link-main .c18-dr-ico svg { width: 18px; height: 18px; color: var(--c18-walnut); }
body .c18-drawer .c18-dr-go, body .c18-drawer .m18-drawer__chevron { width: 16px; height: 16px; flex-shrink: 0; color: #A7A49C; }
body .c18-drawer .m18-drawer__link:hover { background: var(--c18-paper); }
body .c18-drawer .m18-drawer__link.is-active { background: var(--c18-orange-soft); color: var(--c18-ink); }
body .c18-drawer .m18-drawer__link.is-active .c18-dr-ico { background: var(--c18-orange); border-color: var(--c18-orange); }
body .c18-drawer .m18-drawer__link.is-active .c18-dr-ico svg { color: var(--c18-ink); }
body .c18-drawer .m18-drawer__link.is-active .m18-drawer__chevron, body .c18-drawer .m18-drawer__link.is-active .c18-dr-go { color: var(--c18-walnut); }
body .c18-drawer .m18-drawer__accordion.is-open .m18-drawer__chevron { color: var(--c18-walnut); }
body .c18-drawer .m18-drawer__sub { margin: .1rem 0 .35rem 1.5rem; padding: .15rem 0 .15rem .9rem; border-left: 2px solid var(--c18-line); gap: 0; }
body .c18-drawer .m18-drawer__sub-link { padding: .5rem .6rem; border-radius: 8px; font: 500 .86rem/1.3 var(--c18-body); color: var(--c18-muted); }
body .c18-drawer .m18-drawer__sub-link:hover { background: var(--c18-paper); color: var(--c18-ink); }

/* Hızlı kutular (favori, sepet, hesap) */
body .c18-dr-quick { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: 1rem 0 0; }
body .c18-dr-tile { position: relative; display: flex; align-items: center; gap: .55rem; min-width: 0; min-height: 3rem; padding: .55rem .7rem; border: 1px solid var(--c18-line); border-radius: 12px; background: #fff; color: var(--c18-ink); font: 600 .84rem/1.2 var(--c18-body); text-align: left; text-decoration: none; cursor: pointer; }
body .c18-dr-tile svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--c18-walnut); }
body .c18-dr-tile > span:not(.m18-drawer__badge) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body .c18-dr-tile .m18-drawer__badge { margin-left: auto; background: var(--c18-orange); color: var(--c18-ink); }
body .c18-dr-tile:hover { border-color: var(--c18-orange); }

/* Yardım ve bilgi */
body .c18-dr-title { margin: 1.35rem 0 .55rem .2rem; font: 600 .7rem/1 var(--c18-body); letter-spacing: .1em; text-transform: uppercase; color: var(--c18-muted); }
body .c18-dr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .1rem .5rem; }
body .c18-dr-mini { display: flex; align-items: center; gap: .5rem; min-width: 0; min-height: 2.5rem; padding: .35rem .3rem; border-radius: 8px; color: #3F423C; font: 500 .82rem/1.25 var(--c18-body); text-decoration: none; }
body .c18-dr-mini svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--c18-muted); }
body .c18-dr-mini:hover { background: var(--c18-paper); color: var(--c18-ink); }

/* Çıkış */
body .c18-drawer .m18-drawer__logout { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid var(--c18-line); }
body .c18-drawer .m18-drawer__logout-btn { font-family: var(--c18-body); font-weight: 600; border-radius: 10px; }
body .c18-drawer .m18-drawer__scroll { scrollbar-width: none; } body .c18-drawer .m18-drawer__scroll::-webkit-scrollbar { display: none; }

/* Üye paneli son siparişler: 2 ürün görseli + kalanlar için "+N", tablo yana kaymasın */
body .m18a-orders__table-wrap { overflow-x: visible; }
body .m18a-orders__thumbs { flex-wrap: nowrap; gap: .3rem; }
body .m18a-orders__thumb { flex: 0 0 36px; }
body .m18a-orders__table th,
body .m18a-orders__table td { padding-inline: .4rem; }
body .m18a-orders__thumb--more {
    background: var(--c18-orange-soft);
    border-color: #F6D3AE;
    color: var(--c18-walnut);
    font: 700 .78rem/1 var(--c18-body);
    text-decoration: none;
}
body .m18a-orders__thumb--more:hover { background: var(--c18-orange); border-color: var(--c18-orange); color: var(--c18-ink); }
body .m18a-orders__table .m18a-badge {
    gap: .4rem;
    padding: .32rem .65rem .32rem .55rem;
    border: 1px solid currentColor;
    border-color: color-mix(in srgb, currentColor 22%, transparent);
    font: 600 .72rem/1.1 var(--c18-body);
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}
body .m18a-orders__table .m18a-badge::before {
    content: "";
    width: .4rem;
    height: .4rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: currentColor;
}
@media (max-width: 640px) {
    body .m18a-orders__thumbs { justify-content: flex-end; }
}

/* Siparişlerim kartları: durum etiketi ince hap + nokta (masaüstü ve mobil) */
body .m18o-card .pod-status {
    gap: .4rem;
    min-height: 0;
    padding: .3rem .65rem .3rem .55rem;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: 999px;
    font: 600 .72rem/1.1 var(--c18-body);
    white-space: nowrap;
}
body .m18o-card .pod-status::before {
    content: "";
    width: .4rem;
    height: .4rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: currentColor;
}

/* Mobil sipariş kartı: üstte no + durum, altında tarih; sonra görseller ve tutar; en altta butonlar */
@media (max-width: 819px) {
    body .m18o-card {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "main main"
            "thumbs total"
            "actions actions";
        gap: .85rem .75rem;
        padding: 1rem;
    }
    body .m18o-card__main { grid-area: main; min-width: 0; }
    body .m18o-card__thumbs { grid-area: thumbs; }
    body .m18o-card__aside { display: contents; }
    body .m18o-card__total { grid-area: total; align-self: center; text-align: right; }
    body .m18o-card__total strong { font-size: 1.1rem; font-weight: 700; color: var(--c18-ink); }
    body .m18o-card__meta { justify-content: space-between; flex-wrap: nowrap; margin-bottom: .3rem; }
    body .m18o-card__no { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
    body .m18o-card__facts { gap: .3rem .9rem; }
    body .m18o-card__fact { font-size: .78rem; }
    body .m18o-card__thumb { width: 2.6rem; height: 2.6rem; border-radius: 10px; }
    body .m18o-card__thumb-more {
        min-width: 2.6rem;
        height: 2.6rem;
        border-radius: 10px;
        border-color: #F6D3AE;
        background: var(--c18-orange-soft);
        color: var(--c18-walnut);
        font: 700 .78rem/1 var(--c18-body);
    }

    body .m18o-card__actions {
        grid-area: actions;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .4rem;
        padding-top: .85rem;
        border-top: 1px dashed var(--c18-line);
    }
    body .m18o-card__actions > .m18o-btn--primary { grid-column: 1 / -1; }
    body .m18o-card__actions .m18o-btn,
    body .m18o-card__actions form.inline,
    body .m18o-card__actions form.inline button { width: 100%; }
    body .m18o-card__actions .m18o-btn {
        justify-content: center;
        gap: .35rem;
        min-height: 2.5rem;
        padding: 0 .5rem;
        border-radius: 10px;
        font: 600 .8rem/1 var(--c18-body);
        white-space: nowrap;
    }
    body .m18o-card__actions .m18o-btn--primary { background: var(--c18-ink); color: #fff; }
    body .m18o-card__actions .m18o-btn--ghost { border-color: var(--c18-line); color: var(--c18-ink); }
    body .m18o-card__actions .m18o-btn--danger { border-color: #F3CFCB; }
}

/* Toplu alım ve öneri/şikâyet: açıklama alanı fareyle büyütülmesin */
body #bp-message,
body #fb-message { resize: none; }

/* ==========================================================================
   Teknik altyapı sayfası (c18-tech)
   ========================================================================== */
.c18-tech { background: #fff; }
.c18-tech__hero { padding: 3rem 0 2.5rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-tech__kicker,
.c18-tech__eyebrow { margin: 0 0 .5rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-tech__hero h1 { margin: 0; color: var(--c18-ink); font: 700 clamp(1.9rem, 4vw, 2.6rem)/1.15 var(--c18-display); letter-spacing: -.02em; }
.c18-tech__lead { max-width: 40rem; margin: .9rem 0 0; color: var(--c18-muted); font-size: 1.05rem; line-height: 1.65; }
.c18-tech__pills { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }
.c18-tech__pills li { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .8rem; border: 1px solid var(--c18-line); border-radius: 999px; background: #fff; color: var(--c18-ink); font-size: .84rem; font-weight: 500; }
.c18-tech__pills svg { color: var(--c18-orange-dk); }

.c18-tech__layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 2rem; align-items: start; padding-block: 2.5rem 3.5rem; }
.c18-tech__main { display: grid; gap: 2rem; min-width: 0; }
.c18-tech__section h2,
.c18-tech__card h2 { margin: 0 0 .6rem; color: var(--c18-ink); font: 700 1.35rem/1.25 var(--c18-display); letter-spacing: -.01em; }
.c18-tech__text { max-width: 44rem; margin: 0 0 1.25rem; color: var(--c18-muted); line-height: 1.7; }

.c18-tech__icon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 12px; background: var(--c18-orange-soft); color: var(--c18-orange-dk); }
.c18-tech__modules { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.c18-tech__module { display: flex; flex-direction: column; gap: .35rem; padding: 1rem; border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; }
.c18-tech__module .c18-tech__icon { margin-bottom: .35rem; }
.c18-tech__module strong { color: var(--c18-ink); font-size: .95rem; font-weight: 600; }
.c18-tech__module > span:last-child { color: var(--c18-muted); font-size: .82rem; line-height: 1.45; }

.c18-tech__notused { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-top: 1rem; padding: .85rem 1rem; border-radius: 12px; background: var(--c18-paper); }
.c18-tech__notused-label { color: var(--c18-muted); font-size: .84rem; font-weight: 500; }
.c18-tech__notused ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.c18-tech__notused li { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .65rem; border: 1px solid #EBD3CF; border-radius: 999px; background: #fff; color: #8A2F24; font-size: .8rem; font-weight: 600; text-decoration: line-through; text-decoration-color: rgba(138, 47, 36, .45); }
.c18-tech__notused li svg { flex-shrink: 0; }

.c18-tech__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.c18-tech__steps li { position: relative; display: flex; align-items: flex-start; gap: .85rem; padding: 1rem 1.1rem; border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; }
.c18-tech__step-no { position: absolute; top: .8rem; right: 1rem; color: #CFC9BF; font-size: .78rem; font-weight: 700; }
.c18-tech__step-icon { display: grid; place-items: center; flex-shrink: 0; width: 2.3rem; height: 2.3rem; border-radius: 10px; background: var(--c18-paper); color: var(--c18-ink); }
.c18-tech__steps p { margin: .2rem 1.25rem 0 0; color: var(--c18-ink); font-size: .92rem; line-height: 1.55; }

.c18-tech__links { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.c18-tech__links a,
.c18-tech__card-links a { display: inline-flex; align-items: center; gap: .35rem; color: var(--c18-walnut); font-size: .9rem; font-weight: 600; text-decoration: none; }
.c18-tech__links a { padding: .5rem .9rem; border: 1px solid var(--c18-line); border-radius: 999px; color: var(--c18-ink); }
.c18-tech__links a:hover { border-color: var(--c18-orange); background: var(--c18-orange-soft); }
.c18-tech__card-links a:hover { color: var(--c18-orange-dk); }

.c18-tech__side { display: grid; gap: 1rem; position: sticky; top: calc(var(--site-header-height, 8rem) + 1rem); }
.c18-tech__card { padding: 1.35rem; border: 1px solid var(--c18-line); border-radius: 16px; background: #fff; }
.c18-tech__card .c18-tech__icon { margin-bottom: 1rem; }
.c18-tech__card h2 { font-size: 1.15rem; }
.c18-tech__card p:not(.c18-tech__eyebrow) { margin: 0; color: var(--c18-muted); font-size: .9rem; line-height: 1.6; }
.c18-tech__btn { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; padding: .6rem 1rem; border-radius: 10px; background: var(--c18-ink); color: #fff; font-size: .88rem; font-weight: 600; text-decoration: none; }
.c18-tech__btn:hover { background: #33372F; color: #fff; }
.c18-tech__card-links { display: grid; gap: .5rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--c18-line); }

@media (max-width: 1100px) {
    .c18-tech__modules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .c18-tech__layout { grid-template-columns: 1fr; }
    .c18-tech__side { position: static; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .c18-tech__hero { padding: 2rem 0 1.75rem; }
    .c18-tech__layout { padding-block: 1.75rem 2.5rem; gap: 1.75rem; }
    .c18-tech__modules { grid-template-columns: 1fr 1fr; gap: .6rem; }
    .c18-tech__module { padding: .85rem; }
    .c18-tech__module:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .c18-tech__steps { grid-template-columns: 1fr; }
    .c18-tech__side { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Geliştirici profili (c18-dev)
   ========================================================================== */
.c18-dev { background: #fff; }
.c18-dev__hero { padding: 3rem 0 4.5rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-dev__hero-grid { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 2.5rem; align-items: center; }
.c18-dev__photo { width: 13rem; height: 13rem; border-radius: 24px; object-fit: cover; border: 4px solid #fff; box-shadow: 0 18px 40px rgba(28, 31, 26, .12); }
.c18-dev__kicker,
.c18-dev__eyebrow { margin: 0 0 .5rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-dev__intro h1 { margin: 0; color: var(--c18-ink); font: 700 clamp(2rem, 4vw, 2.8rem)/1.1 var(--c18-display); letter-spacing: -.02em; }
.c18-dev__role { margin: .4rem 0 0; color: var(--c18-orange-dk); font-size: 1.05rem; font-weight: 600; }
.c18-dev__lead { max-width: 38rem; margin: .9rem 0 0; color: var(--c18-muted); font-size: 1.02rem; line-height: 1.7; }
.c18-dev__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.4rem; }
.c18-dev__btn { display: inline-flex; align-items: center; gap: .45rem; padding: .7rem 1.15rem; border: 1px solid var(--c18-ink); border-radius: 10px; background: var(--c18-ink); color: #fff; font-size: .9rem; font-weight: 600; text-decoration: none; }
.c18-dev__btn:hover { background: #33372F; color: #fff; }
.c18-dev__btn--ghost { background: #fff; color: var(--c18-ink); border-color: var(--c18-line); }
.c18-dev__btn--ghost:hover { background: #fff; border-color: var(--c18-orange); color: var(--c18-ink); }

.c18-dev__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: -2.25rem 0 0; padding: 0; list-style: none; position: relative; }
.c18-dev__highlights li { display: flex; align-items: center; gap: .85rem; padding: 1rem 1.1rem; border: 1px solid var(--c18-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 26px rgba(28, 31, 26, .06); }
.c18-dev__highlights strong { display: block; color: var(--c18-ink); font-size: .95rem; font-weight: 600; }
.c18-dev__highlights small { display: block; margin-top: .1rem; color: var(--c18-muted); font-size: .82rem; }
.c18-dev__icon { display: grid; place-items: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 12px; background: var(--c18-orange-soft); color: var(--c18-orange-dk); }

.c18-dev__layout { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; gap: 2.5rem; align-items: start; padding-block: 2.75rem 3.5rem; }
.c18-dev__main { display: grid; gap: 2.5rem; min-width: 0; }
.c18-dev__section h2 { margin: 0 0 .8rem; color: var(--c18-ink); font: 700 1.4rem/1.3 var(--c18-display); letter-spacing: -.01em; }
.c18-dev__section p { max-width: 46rem; margin: 0 0 .9rem; color: var(--c18-muted); line-height: 1.75; }
.c18-dev__quote { margin: 1.25rem 0 0; padding: 1.1rem 1.25rem; border-left: 3px solid var(--c18-orange); border-radius: 0 12px 12px 0; background: var(--c18-paper); color: var(--c18-ink); font-size: 1.02rem; font-weight: 500; line-height: 1.6; }

.c18-dev__projects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 0; padding: 0; list-style: none; }
.c18-dev__projects a { display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; color: var(--c18-ink); text-decoration: none; transition: border-color .15s ease; }
.c18-dev__projects a:hover { border-color: var(--c18-orange); }
.c18-dev__project-mark { display: grid; place-items: center; flex-shrink: 0; width: 2.4rem; height: 2.4rem; border-radius: 10px; background: var(--c18-ink); color: #fff; font-weight: 700; }
.c18-dev__project-copy { flex: 1; min-width: 0; }
.c18-dev__project-copy strong { display: block; font-size: .93rem; font-weight: 600; }
.c18-dev__project-copy small { display: block; overflow: hidden; color: var(--c18-muted); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.c18-dev__project-go { flex-shrink: 0; color: #A7A49C; }
.c18-dev__projects a:hover .c18-dev__project-go { color: var(--c18-orange-dk); }

.c18-dev__side { display: grid; gap: 1rem; position: sticky; top: calc(var(--site-header-height, 8rem) + 1rem); }
.c18-dev__card { padding: 1.25rem; border: 1px solid var(--c18-line); border-radius: 16px; background: #fff; }
.c18-dev__card p:not(.c18-dev__eyebrow) { margin: 0 0 .9rem; color: var(--c18-muted); font-size: .9rem; line-height: 1.6; }
.c18-dev__card > a { display: inline-flex; align-items: center; gap: .35rem; color: var(--c18-walnut); font-size: .9rem; font-weight: 600; text-decoration: none; }
.c18-dev__card > a:hover { color: var(--c18-orange-dk); }
.c18-dev__nav { display: grid; gap: .15rem; }
.c18-dev__nav > a { padding: .55rem .5rem; margin-inline: -.5rem; border-radius: 8px; color: var(--c18-ink); font-weight: 500; }
.c18-dev__nav > a svg { color: var(--c18-muted); }
.c18-dev__nav > a:hover { background: var(--c18-paper); color: var(--c18-ink); }

@media (max-width: 900px) {
    .c18-dev__layout { grid-template-columns: 1fr; }
    .c18-dev__side { position: static; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .c18-dev__hero { padding: 2rem 0 3.75rem; }
    .c18-dev__hero-grid { grid-template-columns: 1fr; gap: 1.25rem; text-align: center; justify-items: center; }
    .c18-dev__photo { width: 8.5rem; height: 8.5rem; border-radius: 20px; }
    .c18-dev__actions { justify-content: center; }
    .c18-dev__highlights { grid-template-columns: 1fr; gap: .5rem; }
    .c18-dev__layout { padding-block: 2rem 2.5rem; gap: 2rem; }
    .c18-dev__main { gap: 2rem; }
    .c18-dev__projects { grid-template-columns: 1fr; }
    .c18-dev__side { grid-template-columns: 1fr; }
}

/* ==========================================================================
   SSS sayfası (c18-faq) — arama başlığı, solda kategoriler, sağda sorular
   ========================================================================== */
.c18-faq { background: #fff; }
.c18-faq__hero { padding: 3rem 0 2.5rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); text-align: center; }
.c18-faq__kicker { margin: 0 0 .55rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-faq__hero h1 { margin: 0; color: var(--c18-ink); font: 700 clamp(1.9rem, 4vw, 2.6rem)/1.15 var(--c18-display); letter-spacing: -.02em; }
.c18-faq__lead { max-width: 34rem; margin: .8rem auto 0; color: var(--c18-muted); font-size: 1rem; line-height: 1.6; }
body .c18-faq .c18-faq__search {
    display: flex;
    align-items: center;
    gap: .65rem;
    max-width: 38rem;
    margin: 1.6rem auto 0;
    padding: 0 1.1rem;
    border: 1px solid var(--c18-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(28, 31, 26, .06);
    transition: border-color .15s ease, box-shadow .15s ease;
}
body .c18-faq .c18-faq__search:focus-within { border-color: var(--c18-orange); box-shadow: 0 0 0 4px rgba(242, 140, 40, .14); }
body .c18-faq .c18-faq__search .m18f-search__icon { position: static; display: inline-flex; color: var(--c18-muted); transform: none; }
body .c18-faq .c18-faq__search .m18f-search__input { flex: 1; min-width: 0; height: 3.4rem; padding: 0; border: 0; background: transparent; box-shadow: none; color: var(--c18-ink); font: 400 1rem var(--c18-body); outline: none; }

.c18-faq__layout { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: 2.5rem; align-items: start; padding-block: 2.5rem 3rem; }
.c18-faq__side { display: grid; gap: 1rem; position: sticky; top: calc(var(--site-header-height, 8rem) + 1rem); }
body .c18-faq .c18-faq__cats { display: grid; gap: .15rem; margin: 0; padding: .5rem; border: 1px solid var(--c18-line); border-radius: 16px; background: #fff; overflow: visible; }
body .c18-faq .c18-faq__cats .m18f-cat {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
    min-height: 2.6rem;
    padding: .5rem .7rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    color: var(--c18-muted);
    font: 500 .9rem/1.2 var(--c18-body);
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}
body .c18-faq .c18-faq__cats .m18f-cat:hover { background: var(--c18-paper); color: var(--c18-ink); }
body .c18-faq .c18-faq__cats .m18f-cat.is-active { background: var(--c18-orange-soft); color: var(--c18-ink); font-weight: 600; }
.c18-faq__cat-icon { display: inline-flex; color: #A7A49C; }
body .c18-faq .m18f-cat.is-active .c18-faq__cat-icon { color: var(--c18-orange-dk); }
.c18-faq__cat-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.c18-faq__cat-count { min-width: 1.5rem; padding: .1rem .4rem; border-radius: 999px; background: var(--c18-paper); color: var(--c18-muted); font-size: .72rem; font-weight: 600; text-align: center; }

.c18-faq__track { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border-radius: 16px; background: var(--c18-ink); color: #fff; text-decoration: none; }
.c18-faq__track strong { display: block; font-size: .92rem; font-weight: 600; }
.c18-faq__track small { display: block; color: rgba(255, 255, 255, .7); font-size: .78rem; }
.c18-faq__track-icon { display: grid; place-items: center; flex-shrink: 0; width: 2.4rem; height: 2.4rem; border-radius: 10px; background: rgba(255, 255, 255, .1); color: var(--c18-orange); }
.c18-faq__track-go { margin-left: auto; flex-shrink: 0; color: var(--c18-orange); }
.c18-faq__track:hover { background: #33372F; color: #fff; }

/* Soru listesi */
.c18-faq__main { min-width: 0; }
body .c18-faq .c18-faq__list { display: grid; gap: .6rem; margin: 0; }
body .c18-faq .m18f-item { margin: 0; border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; box-shadow: none; overflow: hidden; transition: border-color .15s ease; }
body .c18-faq .m18f-item.is-hidden { display: none; }
body .c18-faq .m18f-item:hover,
body .c18-faq .m18f-item.is-open { border-color: #E9C9A6; }
body .c18-faq .m18f-item__trigger { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1.05rem 1.15rem; border: 0; background: transparent; color: var(--c18-ink); text-align: left; cursor: pointer; }
body .c18-faq .m18f-item__question { flex: 1; font: 600 .98rem/1.45 var(--c18-body); }
.c18-faq__toggle { display: grid; place-items: center; flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%; background: var(--c18-paper); color: var(--c18-ink); transition: transform .2s ease, background-color .15s ease; }
body .c18-faq .m18f-item.is-open .c18-faq__toggle { transform: rotate(45deg); background: var(--c18-orange); }
body .c18-faq .m18f-item__panel { padding: 0 1.15rem 1.15rem; }
body .c18-faq .m18f-item__answer { padding-top: .9rem; border-top: 1px dashed var(--c18-line); color: var(--c18-muted); font-size: .94rem; line-height: 1.7; }

/* Boş durum */
body .c18-faq .c18-faq__empty { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 3rem 1.5rem; border: 1px dashed var(--c18-line); border-radius: 16px; background: var(--c18-paper); text-align: center; }
body .c18-faq .c18-faq__empty[hidden] { display: none; }
.c18-faq__empty-icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .25rem; border-radius: 50%; background: #fff; color: var(--c18-orange-dk); box-shadow: 0 4px 12px rgba(28, 31, 26, .06); }
body .c18-faq .c18-faq__empty .m18f-empty__title { margin: 0; color: var(--c18-ink); font: 600 1.05rem var(--c18-body); }
body .c18-faq .c18-faq__empty .m18f-empty__text { max-width: 26rem; margin: 0 0 .5rem; color: var(--c18-muted); font-size: .92rem; line-height: 1.6; }

.c18-faq__btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.75rem; padding: 0 1.15rem; border-radius: 10px; background: var(--c18-ink); color: #fff; font: 600 .9rem/1 var(--c18-body); text-decoration: none; white-space: nowrap; }
.c18-faq__btn:hover { background: #33372F; color: #fff; }
.c18-faq__btn--orange { background: var(--c18-orange); color: var(--c18-ink); }
.c18-faq__btn--orange:hover { background: var(--c18-orange-dk); color: var(--c18-ink); }
.c18-faq__btn--light { border: 1px solid rgba(255, 255, 255, .3); background: transparent; color: #fff; }
.c18-faq__btn--light:hover { background: rgba(255, 255, 255, .08); }

/* Yardım bandı */
.c18-faq__help { padding-bottom: 3rem; }
.c18-faq__help-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.25rem 2rem; align-items: center; padding: 1.75rem 2rem; border-radius: 20px; background: var(--c18-ink); color: #fff; }
.c18-faq__help-copy h2 { margin: 0 0 .3rem; color: #fff; font: 700 1.35rem/1.3 var(--c18-display); }
.c18-faq__help-copy p { margin: 0; color: rgba(255, 255, 255, .72); }
.c18-faq__help-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.c18-faq__contact { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; margin: 0; padding: 1.1rem 0 0; border-top: 1px solid rgba(255, 255, 255, .12); list-style: none; }
.c18-faq__contact li { display: inline-flex; align-items: center; gap: .45rem; color: rgba(255, 255, 255, .72); font-size: .9rem; }
.c18-faq__contact svg { color: var(--c18-orange); }
.c18-faq__contact a { color: #fff; text-decoration: none; }
.c18-faq__contact a:hover { color: var(--c18-orange); }

@media (max-width: 900px) {
    .c18-faq__layout { grid-template-columns: 1fr; gap: 1.25rem; padding-block: 1.5rem 2.5rem; }
    .c18-faq__side { position: static; }
    body .c18-faq .c18-faq__cats { display: flex; gap: .4rem; padding: 0 1rem .25rem 0; margin-right: -1rem; border: 0; border-radius: 0; overflow-x: auto; scrollbar-width: none; }
    body .c18-faq .c18-faq__cats::-webkit-scrollbar { display: none; }
    body .c18-faq .c18-faq__cats .m18f-cat { flex: 0 0 auto; width: auto; min-height: 2.4rem; padding: .45rem .85rem; border: 1px solid var(--c18-line); border-radius: 999px; }
    body .c18-faq .c18-faq__cats .m18f-cat.is-active { border-color: #F6D3AE; }
    .c18-faq__track { order: 2; }
}
@media (max-width: 640px) {
    .c18-faq__hero { padding: 2rem 0 1.75rem; }
    body .c18-faq .c18-faq__search .m18f-search__input { height: 3rem; font-size: 16px; }
    body .c18-faq .m18f-item__trigger { padding: .9rem 1rem; }
    body .c18-faq .m18f-item__question { font-size: .93rem; }
    .c18-faq__help-card { grid-template-columns: 1fr; padding: 1.5rem 1.25rem; }
    .c18-faq__help-actions { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-faq__toggle { transition: none; }
}

/* ==========================================================================
   Kategoriler / Ceviz 18 Ailesi (c18-cats) — başlık + fotoğraflı kart ızgarası
   ========================================================================== */
.c18-cats { background: #fff; }
.c18-cats__hero { padding: 3rem 0 2.5rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-cats__kicker { margin: 0 0 .55rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-cats__hero h1 { margin: 0; color: var(--c18-ink); font: 700 clamp(1.9rem, 4vw, 2.6rem)/1.15 var(--c18-display); letter-spacing: -.02em; }
.c18-cats__lead { max-width: 38rem; margin: .8rem 0 0; color: var(--c18-muted); font-size: 1.02rem; line-height: 1.65; }

.c18-cats__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding-block: 2.5rem 1.5rem; }
.c18-cats__card { min-width: 0; }
.c18-cats__card:nth-child(even) .c18-cats__link { flex-direction: row-reverse; }
.c18-cats__link { display: flex; flex-direction: row; align-items: stretch; height: 100%; border: 1px solid var(--c18-line); border-radius: 20px; background: #fff; color: var(--c18-ink); text-decoration: none; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.c18-cats__link:hover { border-color: #E9C9A6; box-shadow: 0 18px 40px rgba(28, 31, 26, .08); transform: translateY(-3px); }
.c18-cats__media { position: relative; flex: 0 0 50%; margin: 0; aspect-ratio: 16 / 10; background: var(--c18-paper); overflow: hidden; }
.c18-cats__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.c18-cats__link:hover .c18-cats__media img { transform: scale(1.04); }
.c18-cats__count { position: absolute; top: 1rem; left: 1rem; padding: .35rem .7rem; border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--c18-ink); font-size: .78rem; font-weight: 600; box-shadow: 0 4px 12px rgba(28, 31, 26, .1); }
.c18-cats__copy { position: relative; display: flex; flex-direction: column; justify-content: center; flex: 1; min-width: 0; padding: 2rem 2.25rem; }
.c18-cats__card:nth-child(even) .c18-cats__count { left: auto; right: 1rem; }
.c18-cats__index { position: absolute; top: 1.3rem; right: 1.5rem; color: #E2DCD1; font: 700 1.6rem/1 var(--c18-display); }
.c18-cats__title { margin: 0 3rem .4rem 0; color: var(--c18-ink); font: 700 1.35rem/1.25 var(--c18-display); letter-spacing: -.01em; }
.c18-cats__desc { margin: 0 0 1.1rem; color: var(--c18-muted); font-size: .94rem; line-height: 1.6; }
.c18-cats__cta { display: inline-flex; align-items: center; gap: .4rem; margin-top: .25rem; color: var(--c18-walnut); font-size: .92rem; font-weight: 600; }
.c18-cats__cta svg { transition: transform .2s ease; }
.c18-cats__link:hover .c18-cats__cta { color: var(--c18-orange-dk); }
.c18-cats__link:hover .c18-cats__cta svg { transform: translateX(3px); }

.c18-cats__foot { padding-bottom: 3.5rem; }
.c18-cats__foot-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; border-radius: 18px; background: var(--c18-ink); color: #fff; }
.c18-cats__foot-card > div { flex: 1; min-width: 0; }
.c18-cats__foot-card strong { display: block; font-size: 1.05rem; font-weight: 600; }
.c18-cats__foot-card span:not(.c18-cats__foot-icon) { display: block; margin-top: .15rem; color: rgba(255, 255, 255, .7); font-size: .88rem; }
.c18-cats__foot-icon { display: grid; place-items: center; flex-shrink: 0; width: 2.8rem; height: 2.8rem; border-radius: 12px; background: rgba(255, 255, 255, .1); color: var(--c18-orange); }
.c18-cats__foot-btn { display: inline-flex; align-items: center; gap: .4rem; flex-shrink: 0; padding: .75rem 1.15rem; border-radius: 10px; background: var(--c18-orange); color: var(--c18-ink); font-size: .9rem; font-weight: 600; text-decoration: none; }
.c18-cats__foot-btn:hover { background: var(--c18-orange-dk); color: var(--c18-ink); }

@media (max-width: 640px) {
    .c18-cats__hero { padding: 2rem 0 1.75rem; }
    .c18-cats .c18-cats__grid { gap: .85rem; padding-block: 1.5rem 1rem; }
    .c18-cats__link { border-radius: 14px; }
    .c18-cats__media { flex: 0 0 44%; aspect-ratio: auto; min-height: 9.5rem; }
    .c18-cats__count { top: .6rem; left: .6rem; padding: .25rem .55rem; font-size: .7rem; }
    .c18-cats__card:nth-child(even) .c18-cats__count { left: auto; right: .6rem; }
    .c18-cats__copy { padding: .9rem .95rem 1rem; }
    .c18-cats__index { top: .85rem; right: .95rem; font-size: 1.15rem; }
    .c18-cats__card:nth-child(even) .c18-cats__index { right: auto; left: .95rem; }
    .c18-cats__card:nth-child(even) .c18-cats__title { margin: 0 0 .3rem; }
    .c18-cats__title { margin: 0 2rem .3rem 0; font-size: 1.05rem; }
    .c18-cats__desc {
        margin-bottom: .7rem;
        font-size: .82rem;
        line-height: 1.45;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .c18-cats__cta { font-size: .84rem; }
    .c18-cats__foot { padding-bottom: 2.5rem; }
    .c18-cats__foot-card { flex-wrap: wrap; padding: 1.15rem; }
    .c18-cats__foot-btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-cats__link,
    .c18-cats__media img,
    .c18-cats__cta svg { transition: none; }
}

/* ==========================================================================
   Footer (c18-foot) — açık zemin, 4 sütun, alt şerit
   Sepet/ödeme sayfaları .m18-footer sınıfıyla footer'ı gizlemeye devam eder.
   ========================================================================== */
.c18-foot { margin-top: auto; border-top: 1px solid var(--c18-line); background: var(--c18-paper); color: var(--c18-ink); font-family: var(--c18-body); }
.c18-foot__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(0, .8fr)) minmax(0, 1.15fr); gap: 2.5rem; padding-block: 3.25rem 2.75rem; }
.c18-foot__brand .site-brand-maras18__logo { height: 3rem; width: auto; }
.c18-foot__tag { max-width: 18rem; margin: 1rem 0 0; color: var(--c18-muted); font-size: .94rem; line-height: 1.6; }
.c18-foot__cta { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.c18-foot__btn { display: inline-flex; align-items: center; gap: .4rem; padding: .6rem 1rem; border: 1px solid var(--c18-line); border-radius: 10px; background: #fff; color: var(--c18-ink); font-size: .86rem; font-weight: 600; text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
.c18-foot__btn:hover { border-color: var(--c18-orange); color: var(--c18-ink); }
.c18-foot__btn--orange { border-color: var(--c18-orange); background: var(--c18-orange); }
.c18-foot__btn--orange:hover { border-color: var(--c18-orange-dk); background: var(--c18-orange-dk); }
.c18-foot__social { display: flex; gap: .45rem; margin-top: 1.25rem; }
.c18-foot__social a { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid var(--c18-line); border-radius: 50%; background: #fff; color: var(--c18-ink); transition: border-color .15s ease, color .15s ease; }
.c18-foot__social a:hover { border-color: var(--c18-orange); color: var(--c18-orange-dk); }

.c18-foot__col { display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; min-width: 0; }
.c18-foot__title { margin: 0 0 .85rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-foot__link { padding: .3rem 0; background: linear-gradient(var(--c18-orange), var(--c18-orange)) no-repeat left bottom / 0 1.5px; color: var(--c18-muted); font-size: .92rem; text-decoration: none; transition: color .15s ease, background-size .2s ease; }
.c18-foot__link:hover { background-size: 100% 1.5px; color: var(--c18-ink); }

.c18-foot__contact ul { display: grid; gap: .9rem; margin: 0; padding: 0; list-style: none; }
.c18-foot__contact li { display: flex; align-items: flex-start; gap: .75rem; min-width: 0; }
.c18-foot__contact li > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.c18-foot__contact small { color: #8B8E87; font-size: .74rem; }
.c18-foot__contact a,
.c18-foot__contact li > span:last-child > span { overflow-wrap: anywhere; color: var(--c18-ink); font-size: .92rem; font-weight: 500; text-decoration: none; }
.c18-foot__contact a:hover { color: var(--c18-orange-dk); }
.c18-foot__icon { display: grid; place-items: center; flex-shrink: 0; width: 2.2rem; height: 2.2rem; border-radius: 10px; background: #fff; border: 1px solid var(--c18-line); color: var(--c18-orange-dk); }

.c18-foot__bottom { border-top: 1px solid var(--c18-line); background: #fff; }
.c18-foot__bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; padding-block: 1.1rem; }
.c18-foot__copy { margin: 0; color: var(--c18-muted); font-size: .84rem; }
.c18-foot__etbis { color: var(--c18-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.c18-foot__etbis:hover { color: var(--c18-walnut); }
/* Görseldeki logolar beyaz (koyu zemin için); açık footer'da görünsün diye koyu gri yapılır */
.c18-foot__cards { width: auto; max-width: 100%; height: 1.75rem; object-fit: contain; filter: brightness(0); opacity: .62; transition: opacity .2s; }
.c18-foot__cards:hover { opacity: .85; }

@media (max-width: 1024px) {
    .c18-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; }
}
@media (max-width: 640px) {
    .c18-foot__grid { padding-block: 2.25rem 2rem; gap: 1.75rem 1rem; }
    .c18-foot__brand,
    .c18-foot__contact { grid-column: 1 / -1; }
    .c18-foot__tag { max-width: none; }
    /* Alt şerit: boşluk eklemek yerine yanlardan pay bırakılır; sabit telefon/WhatsApp
       butonları köşelerde kaldığı için ortadaki yazı ve logolar onların altında kalmaz. */
    .c18-foot__bottom-inner { flex-direction: column; gap: .6rem; padding: 1rem 4.25rem 1.1rem; text-align: center; }
    .c18-foot__cards { order: -1; height: auto; max-height: 1.5rem; }
    .c18-foot__copy { font-size: .78rem; line-height: 1.5; }
}

/* ==========================================================================
   Ana sayfa Instagram (c18-ig) — kompakt başlık, yana kayan kartlar
   Kart yüksekliği gömülü paylaşımın başlık + görsel kısmını gösterir, açıklamayı keser.
   ========================================================================== */
.c18-ig { padding: 4rem 0; background: #fff; }
.c18-ig__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.c18-ig__badge { display: grid; place-items: center; flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 14px; background: linear-gradient(45deg, #F9A23B 0%, #E1306C 50%, #833AB4 100%); color: #fff; box-shadow: 0 8px 20px rgba(225, 48, 108, .25); }
.c18-ig__copy { flex: 1; min-width: 0; }
.c18-ig__copy h2 { margin: 0; color: var(--c18-ink); font: 700 clamp(1.35rem, 2.6vw, 1.75rem)/1.2 var(--c18-display); letter-spacing: -.01em; }
.c18-ig__copy p { margin: .2rem 0 0; color: var(--c18-muted); font-size: .9rem; }
.c18-ig__copy a { color: var(--c18-ink); font-weight: 600; text-decoration: none; }
.c18-ig__copy a:hover { color: #E1306C; }
.c18-ig__controls { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }
.c18-ig__nav { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid var(--c18-line); border-radius: 50%; background: #fff; color: var(--c18-ink); cursor: pointer; transition: border-color .15s ease, opacity .15s ease; }
.c18-ig__nav:hover:not(:disabled) { border-color: var(--c18-ink); }
.c18-ig__nav:disabled { opacity: .35; cursor: default; }
.c18-ig.is-static .c18-ig__nav { display: none; }
.c18-ig__follow { display: inline-flex; align-items: center; gap: .45rem; height: 2.6rem; padding: 0 1.1rem; border-radius: 999px; background: var(--c18-ink); color: #fff; font-size: .88rem; font-weight: 600; text-decoration: none; }
.c18-ig__follow:hover { background: linear-gradient(45deg, #F9A23B 0%, #E1306C 50%, #833AB4 100%); color: #fff; }

.c18-ig__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2rem) / 3); gap: 1rem; padding-bottom: .25rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.c18-ig__track::-webkit-scrollbar { display: none; }
.c18-ig__card { display: flex; flex-direction: column; container-type: inline-size; scroll-snap-align: start; border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; overflow: hidden; }
.c18-ig__media { position: relative; height: calc(125cqw + 56px); overflow: hidden; background: var(--c18-paper); }
.c18-ig__media iframe { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(125cqw + 400px); border: 0; }
.c18-ig__open { display: flex; align-items: center; justify-content: center; gap: .4rem; padding: .8rem; border-top: 1px solid var(--c18-line); color: var(--c18-ink); font-size: .86rem; font-weight: 600; text-decoration: none; }
.c18-ig__open:hover { background: var(--c18-paper); color: #E1306C; }

@media (max-width: 640px) {
    .c18-ig { padding: 2.75rem 0; }
    .c18-ig__head { flex-wrap: wrap; gap: .85rem; margin-bottom: 1.1rem; }
    .c18-ig__badge { width: 2.6rem; height: 2.6rem; border-radius: 12px; }
    .c18-ig__copy p { font-size: .84rem; }
    .c18-ig__nav { display: none; }
    .c18-ig__controls { width: 100%; order: 3; }
    .c18-ig__follow { flex: 1; justify-content: center; }
    .c18-ig__track { grid-auto-columns: 82%; gap: .75rem; margin-right: -1rem; padding-right: 1rem; scroll-padding-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-ig__track { scroll-behavior: auto; }
}

/* ==========================================================================
   Blog listesi (c18-blog)
   ========================================================================== */
.c18-blog { background: #fff; }
.c18-blog__hero { padding: 3rem 0 2.5rem; border-bottom: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-blog__hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: 2rem; align-items: end; }
.c18-blog__kicker { margin: 0 0 .55rem; color: var(--c18-walnut); font: 600 .72rem/1 var(--c18-body); letter-spacing: .12em; text-transform: uppercase; }
.c18-blog__hero h1 { margin: 0; color: var(--c18-ink); font: 700 clamp(1.9rem, 4vw, 2.6rem)/1.15 var(--c18-display); letter-spacing: -.02em; }
.c18-blog__lead { max-width: 34rem; margin: .8rem 0 0; color: var(--c18-muted); font-size: 1rem; line-height: 1.65; }
.c18-blog__search { display: flex; align-items: center; gap: .5rem; padding: .35rem .35rem .35rem 1rem; border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 26px rgba(28, 31, 26, .06); transition: border-color .15s ease, box-shadow .15s ease; }
.c18-blog__search:focus-within { border-color: var(--c18-orange); box-shadow: 0 0 0 4px rgba(242, 140, 40, .14); }
.c18-blog__search-icon { display: inline-flex; color: var(--c18-muted); }
.c18-blog__search input { flex: 1; min-width: 0; height: 2.6rem; border: 0; background: transparent; color: var(--c18-ink); font: 400 .95rem var(--c18-body); outline: none; }
.c18-blog__search button { height: 2.6rem; padding: 0 1.1rem; border: 0; border-radius: 10px; background: var(--c18-ink); color: #fff; font: 600 .88rem var(--c18-body); cursor: pointer; }
.c18-blog__search button:hover { background: #33372F; }

.c18-blog__badge { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .65rem; border-radius: 999px; background: rgba(255, 255, 255, .95); color: var(--c18-ink); font-size: .74rem; font-weight: 600; }
.c18-blog__badge--orange { background: var(--c18-orange-soft); color: var(--c18-walnut); }
.c18-blog__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; color: #8B8E87; font-size: .8rem; }
.c18-blog__meta span,
.c18-blog__meta time { display: inline-flex; align-items: center; gap: .3rem; }
.c18-blog__btn { display: inline-flex; align-items: center; gap: .4rem; padding: .7rem 1.15rem; border-radius: 10px; background: var(--c18-ink); color: #fff; font-size: .9rem; font-weight: 600; text-decoration: none; }
.c18-blog__btn:hover { background: #33372F; color: #fff; }

/* Öne çıkan yazı */
.c18-blog__featured-wrap { padding-top: 2.5rem; }
.c18-blog__featured { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); border: 1px solid var(--c18-line); border-radius: 22px; background: #fff; overflow: hidden; }
.c18-blog__featured-media { display: block; min-height: 20rem; background: var(--c18-paper); overflow: hidden; }
.c18-blog__featured-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.c18-blog__featured:hover .c18-blog__featured-media img { transform: scale(1.03); }
.c18-blog__featured-body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .9rem; padding: 2.25rem 2.5rem; }
.c18-blog__featured-title { margin: 0; font: 700 clamp(1.45rem, 2.6vw, 2rem)/1.2 var(--c18-display); letter-spacing: -.02em; }
.c18-blog__featured-title a { color: var(--c18-ink); text-decoration: none; }
.c18-blog__featured-title a:hover { color: var(--c18-orange-dk); }
.c18-blog__featured-excerpt { margin: 0; color: var(--c18-muted); line-height: 1.7; }
.c18-blog__featured-body .c18-blog__btn { margin-top: .35rem; }

/* Liste */
.c18-blog__list { padding-block: 2.75rem 3.5rem; }
.c18-blog__list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.c18-blog__list-head h2 { margin: 0; color: var(--c18-ink); font: 700 1.45rem/1.2 var(--c18-display); letter-spacing: -.01em; }
.c18-blog__count { color: var(--c18-muted); font-size: .88rem; }
.c18-blog__filters { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.5rem; }
.c18-blog__filter { padding: .5rem .95rem; border: 1px solid var(--c18-line); border-radius: 999px; background: #fff; color: var(--c18-muted); font-size: .86rem; font-weight: 500; text-decoration: none; white-space: nowrap; transition: border-color .15s ease, color .15s ease; }
.c18-blog__filter:hover { border-color: var(--c18-ink); color: var(--c18-ink); }
.c18-blog__filter.is-active { border-color: var(--c18-ink); background: var(--c18-ink); color: #fff; }

.c18-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.c18-blog__card { position: relative; display: flex; flex-direction: column; border: 1px solid var(--c18-line); border-radius: 18px; background: #fff; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.c18-blog__card:hover { border-color: #E9C9A6; box-shadow: 0 16px 36px rgba(28, 31, 26, .08); transform: translateY(-3px); }
.c18-blog__card-media { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--c18-paper); overflow: hidden; }
.c18-blog__card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.c18-blog__card:hover .c18-blog__card-media img { transform: scale(1.04); }
.c18-blog__card-media .c18-blog__badge { position: absolute; top: .85rem; left: .85rem; box-shadow: 0 4px 12px rgba(28, 31, 26, .1); }
.c18-blog__card-body { display: flex; flex-direction: column; flex: 1; gap: .55rem; padding: 1.15rem 1.25rem 1.3rem; }
.c18-blog__card-title { margin: 0; font: 600 1.08rem/1.35 var(--c18-display); }
.c18-blog__card-title a { color: var(--c18-ink); text-decoration: none; }
.c18-blog__card-title a::after { content: ""; position: absolute; inset: 0; }
.c18-blog__card-excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--c18-muted); font-size: .9rem; line-height: 1.6; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.c18-blog__more { display: inline-flex; align-items: center; gap: .35rem; margin-top: auto; padding-top: .35rem; color: var(--c18-walnut); font-size: .88rem; font-weight: 600; }
.c18-blog__card:hover .c18-blog__more { color: var(--c18-orange-dk); }
.c18-blog__pagination { margin-top: 2rem; }

.c18-blog__empty { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 3rem 1.5rem; border: 1px dashed var(--c18-line); border-radius: 16px; background: var(--c18-paper); color: var(--c18-muted); text-align: center; }
.c18-blog__empty p { margin: 0; }
.c18-blog__empty-title { color: var(--c18-ink); font-weight: 600; }
.c18-blog__empty-icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #fff; color: var(--c18-orange-dk); }
.c18-blog__empty .c18-blog__btn { margin-top: .5rem; }

/* Ceviz rehberi */
.c18-blog__guide { padding: 3.5rem 0; border-top: 1px solid var(--c18-line); background: var(--c18-paper); }
.c18-blog__guide-inner { display: grid; grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); gap: 3rem; align-items: start; }
.c18-blog__guide-head h2 { margin: 0 0 .6rem; color: var(--c18-ink); font: 700 1.6rem/1.25 var(--c18-display); letter-spacing: -.01em; }
.c18-blog__guide-head p:not(.c18-blog__kicker) { margin: 0 0 1rem; color: var(--c18-muted); line-height: 1.65; }
.c18-blog__link { display: inline-flex; align-items: center; gap: .35rem; color: var(--c18-walnut); font-weight: 600; text-decoration: none; }
.c18-blog__link:hover { color: var(--c18-orange-dk); }
.c18-blog__faq { display: grid; gap: .6rem; }
.c18-blog__faq-item { border: 1px solid var(--c18-line); border-radius: 14px; background: #fff; }
.c18-blog__faq-item[open] { border-color: #E9C9A6; }
.c18-blog__faq-item summary { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.15rem; color: var(--c18-ink); font-weight: 600; list-style: none; cursor: pointer; }
.c18-blog__faq-item summary::-webkit-details-marker { display: none; }
.c18-blog__faq-item summary > span:first-child { flex: 1; }
.c18-blog__faq-toggle { display: grid; place-items: center; flex-shrink: 0; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--c18-paper); transition: transform .2s ease, background-color .15s ease; }
.c18-blog__faq-item[open] .c18-blog__faq-toggle { transform: rotate(45deg); background: var(--c18-orange); }
.c18-blog__faq-item p { margin: 0; padding: 0 1.15rem 1.1rem; color: var(--c18-muted); line-height: 1.7; }

@media (max-width: 1024px) {
    .c18-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .c18-blog__guide-inner { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 860px) {
    .c18-blog__hero-inner { grid-template-columns: 1fr; gap: 1.25rem; }
    .c18-blog__featured { grid-template-columns: 1fr; }
    .c18-blog__featured-media { min-height: 0; aspect-ratio: 16 / 10; }
    .c18-blog__featured-body { padding: 1.5rem 1.35rem 1.6rem; }
}
@media (max-width: 640px) {
    .c18-blog__hero { padding: 2rem 0 1.75rem; }
    .c18-blog__search input { font-size: 16px; }
    .c18-blog__featured-wrap { padding-top: 1.5rem; }
    .c18-blog__list { padding-block: 2rem 2.5rem; }
    .c18-blog__filters { flex-wrap: nowrap; margin-right: -1rem; padding-right: 1rem; overflow-x: auto; scrollbar-width: none; }
    .c18-blog__filters::-webkit-scrollbar { display: none; }
    .c18-blog__grid { grid-template-columns: 1fr; gap: 1rem; }
    .c18-blog__guide { padding: 2.5rem 0; }
}
@media (prefers-reduced-motion: reduce) {
    .c18-blog__card,
    .c18-blog__card-media img,
    .c18-blog__featured-media img,
    .c18-blog__faq-toggle { transition: none; }
}

/* ==========================================================================
   Ürün detay — Benzer Ürünler / Diğer Ürünlerimiz kaydırıcıları
   Kartlar başlıkla aynı hizadan başlar ve biter (.m18-wrap genişliği).
   Masaüstünde sığan sayıda kart tam yerleşir, fazlası oklarla kayar.
   ========================================================================== */
body .m18pd-related__viewport {
    --m18pd-related-pad: max(1.5rem, calc((100% - var(--c18-wrap, 1280px)) / 2));
}
body .m18pd-related__track { padding-inline: var(--m18pd-related-pad); scroll-padding-inline: var(--m18pd-related-pad); }
@media (min-width: 721px) {
    body .m18pd-related__slide { flex: 0 0 calc((100% - 2rem) / 3); }
}
@media (min-width: 992px) {
    body .m18pd-related__slide { flex-basis: calc((100% - 3rem) / 4); }
}
@media (min-width: 1200px) {
    body .m18pd-related__slide { flex-basis: calc((100% - 4rem) / 5); }
}
@media (max-width: 900px) {
    body .m18pd-related__viewport { --m18pd-related-pad: 1rem; }
}

/* ==========================================================================
   Ana sayfa kampanya bandı (m18-camp-slide) — antrasit zemin, portakal kupon
   Genel başlık/paragraf renkleri koyu metin verdiği için renkler burada açıkça yazılır.
   ========================================================================== */
body .m18-camp-slider__viewport { border-radius: 20px; box-shadow: 0 18px 40px rgba(28, 31, 26, .14); }
body .m18-camp-slide {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(120% 160% at 100% 0%, rgba(242, 140, 40, .28) 0%, rgba(242, 140, 40, 0) 55%),
        radial-gradient(80% 120% at 0% 100%, rgba(244, 162, 89, .12) 0%, rgba(244, 162, 89, 0) 60%),
        var(--c18-forest);
    color: #fff;
}
body .m18-camp-slide::after {
    content: "%";
    position: absolute;
    right: 9.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(-12deg);
    color: rgba(255, 255, 255, .04);
    font: 800 11rem/1 var(--c18-display);
    pointer-events: none;
}
body .m18-camp-slide__body {
    position: relative;
    z-index: 1;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.75rem;
    padding: 1.25rem 1.75rem 1.25rem 1.25rem;
}
body .m18-camp-slide__ticket {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 7.25rem;
    padding: .95rem 1.1rem;
    border-radius: 14px;
    background: linear-gradient(160deg, #F7A54A 0%, var(--c18-orange) 55%, var(--c18-orange-dk) 100%);
    color: var(--c18-ink);
    box-shadow: 0 10px 24px rgba(242, 140, 40, .35);
}
/* Kupon kenarı: sağda zemin rengiyle oyulmuş iki yarım daire ve kesik çizgi */
body .m18-camp-slide__ticket::before,
body .m18-camp-slide__ticket::after {
    content: "";
    position: absolute;
    right: -.55rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--c18-forest);
}
body .m18-camp-slide__ticket::before { top: -.55rem; }
body .m18-camp-slide__ticket::after { bottom: -.55rem; }
body .m18-camp-slide__pct {
    margin: 0;
    color: var(--c18-ink);
    font: 800 2.6rem/1 var(--c18-display);
    letter-spacing: -.03em;
}
body .m18-camp-slide__pct-label {
    margin-top: .3rem;
    padding-top: .3rem;
    border-top: 1.5px dashed rgba(28, 31, 26, .35);
    color: var(--c18-ink);
    font: 700 .68rem/1 var(--c18-body);
    letter-spacing: .18em;
    text-transform: uppercase;
}
body .m18-camp-slide__info { min-width: 0; }
body .m18-camp-slide__kicker {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    padding: .32rem .7rem;
    border: 1px solid rgba(244, 162, 89, .35);
    border-radius: 999px;
    background: rgba(242, 140, 40, .12);
    color: var(--c18-shell);
    font: 600 .68rem/1 var(--c18-body);
    letter-spacing: .1em;
    text-transform: uppercase;
}
body .m18-camp-slide__title {
    margin: .55rem 0 0;
    color: #fff;
    font: 700 clamp(1.25rem, 2.2vw, 1.6rem)/1.2 var(--c18-display);
    letter-spacing: -.01em;
}
body .m18-camp-slide__text {
    margin: .3rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .92rem;
}
body .m18-camp-slide__cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1.35rem;
    border-radius: 999px;
    background: #fff;
    color: var(--c18-ink);
    font: 600 .92rem/1 var(--c18-body);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
body .m18-camp-slide__cta svg { transition: transform .15s ease; }
body .m18-camp-slide__cta:hover { background: var(--c18-orange); color: var(--c18-ink); }
body .m18-camp-slide__cta:hover svg { transform: translateX(3px); }
body .m18-camp-slider__nav { box-shadow: 0 4px 12px rgba(28, 31, 26, .2); color: var(--c18-ink); }
body .m18-camp-slider__dot.is-active { width: 1.4rem; background: var(--c18-orange); }

@media (max-width: 900px) {
    body .m18-camp-slide::after { display: none; }
    body .m18-camp-slide__body { gap: 1.1rem; padding: 1rem 1.15rem 1rem 1rem; }
    body .m18-camp-slide__ticket { min-width: 6rem; padding: .8rem .9rem; }
    body .m18-camp-slide__pct { font-size: 2.1rem; }
}
@media (max-width: 720px) {
    body .m18-camp-slider__viewport { border-radius: 14px; }
    body .m18-camp-slide { background: var(--c18-forest); }
    body .m18-camp-slide__run,
    body .m18-camp-slide__run-line { color: #fff; }
}
@media (prefers-reduced-motion: reduce) {
    body .m18-camp-slide__cta,
    body .m18-camp-slide__cta svg { transition: none; }
}

/* Geliştirici kartı — mobil: foto + isim üstte, metin tam genişlik */
@media (max-width: 640px) {
    body .m18a-dev { padding: 2.5rem 0 1rem; }
    body .m18a-dev__card {
        grid-template-columns: 76px minmax(0, 1fr);
        column-gap: .9rem;
        row-gap: 0;
        padding: 1.1rem;
        border-radius: 18px;
        background: linear-gradient(180deg, var(--c18-paper) 0, #fff 7.5rem);
    }
    body .m18a-dev__intro { display: contents; }
    body .m18a-dev__photo {
        grid-column: 1;
        grid-row: 1 / span 4;
        align-self: center;
        width: 76px;
        height: 76px;
        border-radius: 50%;
        box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--c18-line);
    }
    body .m18a-dev__title,
    body .m18a-dev__name,
    body .m18a-dev__role,
    body .m18a-dev__linkedin { grid-column: 2; justify-self: start; }
    body .m18a-dev__title { margin: 0; font-size: .68rem; line-height: 1.35; }
    body .m18a-dev__name { margin: .2rem 0 0; font-size: 1.12rem; line-height: 1.25; }
    body .m18a-dev__role { margin: .1rem 0 0; font-size: .82rem; }
    body .m18a-dev__linkedin {
        align-items: center;
        margin-top: .45rem;
        padding: .28rem .7rem;
        border-radius: 999px;
        background: var(--c18-orange-soft);
        font-size: .76rem;
        line-height: 1.2;
        text-decoration: none;
    }
    body .m18a-dev__lead,
    body .m18a-dev__facts,
    body .m18a-dev__toggle { grid-column: 1 / -1; }
    body .m18a-dev__lead { margin: .85rem 0 0; font-size: .9rem; line-height: 1.6; }
    body .m18a-dev__linkedin + .m18a-dev__lead {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid var(--c18-line);
    }
    body .m18a-dev__facts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        margin-top: 1rem;
    }
    body .m18a-dev__facts a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 2.6rem;
        padding: .45rem .6rem;
        border: 1px solid var(--c18-line);
        border-radius: 12px;
        background: var(--c18-paper);
        font-size: .82rem;
        text-align: center;
        text-decoration: none;
    }
    body .m18a-dev__toggle { width: 100%; margin-top: .6rem; border-radius: 12px; }
    body .m18a-dev__more-inner p { font-size: .9rem; }
}

/* Bülten (tüm sayfalar) — mobil: başlık üstte, e-posta ve buton alt alta tam genişlik */
@media (max-width: 560px) {
    body .m18-news .m18-news__inner {
        flex-direction: column;
        align-items: stretch;
        gap: .7rem;
    }

    body .m18-news .m18-news__copy {
        display: flex;
        align-items: center;
        gap: .45rem;
        width: 100%;
        font-size: 1rem;
        text-align: left;
    }

    body .m18-news .m18-news__form {
        display: flex;
        flex-direction: column;
        flex: 0 0 auto;
        gap: .5rem;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    body .m18-news .m18-news__form input[type="email"] {
        flex: 0 0 auto;
        width: 100%;
        min-height: 2.9rem;
        font-size: 1rem; /* iOS 16px altı yakınlaştırmasın */
        box-sizing: border-box;
    }

    body .m18-news .m18-news__form button {
        width: 100%;
        min-height: 2.9rem;
        padding: .6rem 1rem;
        font-size: .95rem;
        box-sizing: border-box;
    }
}

/* Kart görseli: hediye kampanyası etiketi (ağırlık rozetinin üstünde, sol alt) */
.m18-gift-tag {
    position: absolute;
    left: .65rem;
    bottom: 2.6rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: calc(100% - 1.3rem);
    padding: .3rem .6rem .3rem .45rem;
    border-radius: 8px;
    background: #C25808;
    color: #fff;
    font: 800 .72rem/1.1 var(--c18-body, inherit);
    letter-spacing: .03em;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(34, 37, 31, .2);
    pointer-events: none;
}
@media (max-width: 640px) {
    .m18-gift-tag { left: .45rem; bottom: 2rem; padding: .2rem .45rem .2rem .35rem; font-size: .6rem; }
}
/* Liste kartında köşe grubunun içinde kendi satırında durur (ağırlık/AB rozetleri kaysa da çakışmaz) */
.m18-gift-row { flex: 0 0 100%; display: flex; }
.m18-gift-row .m18-gift-tag { position: static; max-width: 100%; }