/*
 |  Medikal tema — v1.0
 |  Varsayılan temanın (becute) altyapısını kullanır, görünümü baştan kurar.
 |  Renkleri değiştirmek için yalnız aşağıdaki :root değişkenlerini düzenleyin.
 */
@import url("../becute/ozel.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

html:root {
    /* Kurumsal medikal palet: lacivert · medikal mavi · turkuaz vurgu */
    --m-ana: #0B5394;
    --m-ana-koyu: #083F72;
    --m-ana-acik: #EAF2FB;
    --m-vurgu: #0E9384;
    --m-vurgu-acik: #E4F5F2;
    --m-pembe: #0E9384;
    --m-lacivert: #0F2A44;
    --m-metin: #1E293B;
    --m-soluk: #64748B;
    --m-zemin: #F5F8FB;
    --m-cizgi: #E2E8F0;
    --m-uyari: #B45309;
    --m-hata: #D32F2F;
    --m-basari: #15803D;
    --m-yaricap: 10px;
    --m-gradyan: #0B5394;
    --m-golge: 0 1px 2px rgba(15, 42, 68, .05), 0 8px 20px -10px rgba(15, 42, 68, .18);
    --m-golge-buyuk: 0 16px 32px -16px rgba(15, 42, 68, .28);
    --m-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

    /* Varsayılan temanın değişkenleri medikal palete bağlanır */
    --primary-color: var(--m-lacivert);
    --secondary-color: var(--m-ana);
    --hover-color: var(--m-ana-koyu);
    --foreground-sub-color: var(--m-soluk);
    --border-color: var(--m-cizgi);
    --bg-offwhite-color: var(--m-zemin);
    --bg-gray-color: var(--m-zemin);
    --frank-ruhl-fonts: var(--m-font);
    --karma-fonts: var(--m-font);
    --marka: var(--m-ana);
    --marka-acik: #3B6DA8;
    --marka-koyu: var(--m-ana-koyu);
    --marka-yumusak: var(--m-zemin);
    --marka-cizgi: var(--m-cizgi);
}

/* ================= Temel ================= */
html, body { overflow-x: clip; }

body {
    font-family: var(--m-font);
    color: var(--m-metin);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.section__heading--maintitle,
.product__card--title,
.breadcrumb__content--title {
    font-family: var(--m-font);
    color: var(--m-lacivert);
    letter-spacing: -.01em;
}

a { color: var(--m-ana); }
a:hover { color: var(--m-ana-koyu); }

#preloader { display: none !important; }

.container { max-width: 1320px; }

/* ================= Düğmeler ================= */
.m-btn,
.primary__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 22px;
    border: 1.5px solid var(--m-ana);
    border-radius: 10px;
    background: var(--m-ana);
    color: #fff !important;
    font-family: var(--m-font);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, border-color .15s, transform .15s;
}

.m-btn:hover,
.primary__btn:hover {
    background: var(--m-ana-koyu);
    border-color: var(--m-ana-koyu);
    color: #fff !important;
}

.m-btn--cizgi {
    background: #fff;
    color: var(--m-ana) !important;
}

.m-btn--cizgi:hover {
    background: var(--m-ana-acik);
    color: var(--m-ana-koyu) !important;
    border-color: var(--m-ana);
}

.m-btn--beyaz { background: #fff; border-color: #fff; color: var(--m-ana) !important; }
.m-btn--beyaz:hover { background: var(--m-ana-acik); border-color: var(--m-ana-acik); color: var(--m-ana-koyu) !important; }
.m-btn--cizgi-beyaz { background: transparent; border-color: rgba(255, 255, 255, .7); }
.m-btn--cizgi-beyaz:hover { background: rgba(255, 255, 255, .12); border-color: #fff; }
.m-btn--tam { width: 100%; }

/* ================= Üst şerit ================= */
.m-topbar {
    background: var(--m-lacivert);
    color: #D1D5DB;
    font-size: 13px;
}

.m-topbar__ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 40px;
}

.m-topbar__sol,
.m-topbar__sag {
    display: flex;
    align-items: center;
    gap: 18px;
}

.m-topbar__oge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #D1D5DB;
    white-space: nowrap;
}

.m-topbar a.m-topbar__oge:hover { color: #fff; }

.m-topbar svg,
.m-ana svg,
.m-menu svg,
.m-hero svg,
.m-guven svg,
.m-kategori svg,
.m-profesyonel svg,
.m-footer svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: none;
}

.m-topbar svg { width: 15px; height: 15px; color: #9CA3AF; }

.m-topbar__duyuru {
    font-weight: 600;
    color: #fff;
    text-align: center;
    flex: 1;
}

.m-dil {
    display: inline-flex;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    overflow: hidden;
}

.m-dil a {
    padding: 3px 11px;
    color: #D1D5DB;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .04em;
}

.m-dil a.aktif,
.m-dil a:hover {
    background: var(--m-ana);
    color: #fff;
}

.m-para select {
    background: transparent;
    border: 0;
    color: #D1D5DB;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.m-para select option { color: var(--m-metin); }

/* ================= Ana satır ================= */
.m-ana {
    background: #fff;
    border-bottom: 1px solid var(--m-cizgi);
    padding: 14px 0;
}

.m-ana.sticky {
    box-shadow: 0 6px 20px rgba(15, 42, 68, .08);
}

.m-ana__ic {
    display: flex;
    align-items: center;
    gap: 24px;
}

.m-logo img {
    max-height: 52px;
    width: auto;
}

.m-arama {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 680px;
    height: 50px;
    border: 1.5px solid var(--m-cizgi);
    border-radius: 12px;
    background: var(--m-zemin);
    transition: border-color .15s, background .15s, box-shadow .15s;
}

.m-arama:focus-within {
    border-color: var(--m-ana);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(11, 83, 148, .12);
}

.m-arama > svg {
    position: absolute;
    left: 16px;
    color: var(--m-soluk);
}

.m-arama input {
    flex: 1;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 12px 0 46px;
    font-size: 15px;
    color: var(--m-metin);
    outline: none;
}

.m-arama button {
    height: calc(100% - 8px);
    margin-right: 4px;
    padding: 0 22px;
    border: 0;
    border-radius: 9px;
    background: var(--m-ana);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.m-arama button:hover { background: var(--m-ana-koyu); }

.m-arama--buyuk {
    max-width: 620px;
    height: 58px;
    background: #fff;
    box-shadow: var(--m-golge);
    margin: 28px 0 22px;
}

.m-eylemler {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.m-ikon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    color: var(--m-lacivert);
}

.m-ikon-btn:hover { background: var(--m-zemin); color: var(--m-ana); }
.m-ikon-btn svg { width: 22px; height: 22px; }

.m-eylem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 10px;
    color: var(--m-lacivert);
}

.m-eylem:hover { background: var(--m-zemin); color: var(--m-lacivert); }

.m-eylem__ikon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--m-ana-acik);
    color: var(--m-ana);
}

.m-eylem__metin { display: flex; flex-direction: column; line-height: 1.25; }
.m-eylem__metin small { font-size: 12px; color: var(--m-soluk); max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-eylem__metin b { font-size: 14px; font-weight: 600; }

.m-sepet {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 18px 0 14px;
    border-radius: 10px;
    background: var(--m-lacivert);
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
}

.m-sepet:hover { background: var(--m-ana); }
.m-sepet svg { width: 22px; height: 22px; }

.m-sepet .m-sepet__sayi {
    position: static;
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--m-vurgu);
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.offcanvas__header--menu__open { display: none; }

/* ================= Kategori menüsü ================= */
.m-menu {
    background: #fff;
    border-bottom: 1px solid var(--m-cizgi);
}

.m-menu__liste {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
}

.m-menu__oge { position: relative; }

.m-menu__oge > a {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    padding: 0 14px;
    color: var(--m-lacivert);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.m-menu__oge > a:hover,
.m-menu__oge.aktif > a {
    color: var(--m-ana);
    border-bottom-color: var(--m-ana);
}

.m-menu__oge--tum > a {
    margin-right: 6px;
    padding: 0 18px;
    background: var(--m-ana);
    color: #fff;
    border-bottom: 0;
}

.m-menu__oge--tum > a:hover { background: var(--m-ana-koyu); color: #fff; }
.m-menu__oge--sag { margin-left: auto; }

/* "Tüm Kategoriler" mega paneli */
.m-mega {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 60;
    display: grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    gap: 6px 18px;
    width: min(1100px, calc(100vw - 48px));
    padding: 22px;
    background: #fff;
    border: 1px solid var(--m-cizgi);
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 24px 48px -12px rgba(15, 42, 68, .22);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: .15s;
}

.m-menu__oge--tum:hover .m-mega { opacity: 1; visibility: visible; transform: none; }
.m-mega__kolon { display: flex; flex-direction: column; padding-bottom: 10px; }
.m-mega__kolon a { padding: 4px 0; font-size: 13.5px; color: var(--m-soluk); }
.m-mega__kolon a:hover { color: var(--m-ana); }
.m-mega__kolon a.m-mega__baslik { padding: 6px 0; font-size: 14.5px; font-weight: 700; color: var(--m-lacivert); }

/* Görselsiz ürünlerde varsayılan temanın yer tutucusu yerine medikal yer tutucu */
img[src*="tema/becute/marka/urun.jpg"] { content: url("marka/urun.jpg"); }

.m-menu__alt {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    display: grid;
    min-width: 260px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--m-cizgi);
    border-radius: 0 0 12px 12px;
    box-shadow: var(--m-golge);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: .15s;
}

.m-menu__oge:hover .m-menu__alt {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.m-menu__alt a {
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--m-metin);
    font-size: 14px;
}

.m-menu__alt a:hover { background: var(--m-ana-acik); color: var(--m-ana); }

/* ================= Karşılama ================= */
.m-hero {
    position: relative;
    padding: 64px 0 72px;
    background:
        radial-gradient(900px 400px at 85% 10%, rgba(11, 83, 148, .10), transparent 60%),
        radial-gradient(700px 380px at 10% 90%, rgba(11, 83, 148, .10), transparent 60%),
        linear-gradient(180deg, #F9FAFB 0%, #F3F4F6 100%);
    overflow: hidden;
}

.m-hero__rozet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--m-cizgi);
    color: var(--m-vurgu);
    font-size: 13px;
    font-weight: 600;
}

.m-hero__baslik {
    margin: 20px 0 14px;
    font-size: clamp(32px, 4.2vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    color: var(--m-lacivert);
}

.m-hero__metin {
    max-width: 580px;
    font-size: 17px;
    line-height: 1.65;
    color: var(--m-soluk);
}

.m-hero__butonlar { display: flex; flex-wrap: wrap; gap: 12px; }

.m-hero__panel {
    position: relative;
    padding: 28px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid var(--m-cizgi);
    box-shadow: 0 30px 60px -20px rgba(15, 42, 68, .18);
}

.m-hero__nabiz {
    margin: -6px -6px 18px;
    padding: 14px 10px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--m-lacivert), #163C6A);
}

.m-hero__nabiz svg {
    width: 100%;
    height: 80px;
    fill: none;
    stroke: #9CA3AF;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 700;
    stroke-dashoffset: 700;
    animation: m-nabiz 3.2s ease-in-out infinite;
}

@keyframes m-nabiz {
    0% { stroke-dashoffset: 700; }
    55% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -700; }
}

@media (prefers-reduced-motion: reduce) {
    .m-hero__nabiz svg { animation: none; stroke-dashoffset: 0; }
}

.m-hero__istatistik {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}

.m-hero__istatistik div {
    padding: 14px 10px;
    border-radius: 12px;
    background: var(--m-zemin);
    text-align: center;
}

.m-hero__istatistik b { display: block; font-size: 24px; font-weight: 800; color: var(--m-ana); line-height: 1.1; }
.m-hero__istatistik span { font-size: 12px; color: var(--m-soluk); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }

.m-hero__liste { margin: 0; padding: 0; list-style: none; }

.m-hero__liste li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px solid var(--m-cizgi);
    font-size: 14px;
    font-weight: 500;
}

.m-hero__liste svg { color: var(--m-vurgu); stroke-width: 2.4; }

.m-slayt .slayt__baslik { font-family: var(--m-font); font-weight: 800; }

/* ================= Bölümler ================= */
.m-bolum { padding: 64px 0; }
.m-bolum--zemin { background: var(--m-zemin); }

.m-baslik {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

.m-baslik h2 { margin: 0; font-size: 28px; font-weight: 800; }
.m-baslik p { margin: 6px 0 0; color: var(--m-soluk); font-size: 15px; }
.m-baslik__link { font-weight: 600; font-size: 14px; white-space: nowrap; }

/* ---- Kategori ızgarası ---- */
.m-kategori-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 16px;
}

@media (min-width: 1200px) {
    .m-kategori-izgara { grid-template-columns: repeat(5, 1fr); }
    .m-urun-izgara { grid-template-columns: repeat(5, 1fr); }
}

.m-kategori {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    border-radius: var(--m-yaricap);
    background: #fff;
    border: 1px solid var(--m-cizgi);
    color: var(--m-lacivert);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.m-kategori:hover {
    border-color: var(--m-ana);
    box-shadow: var(--m-golge);
    transform: translateY(-2px);
    color: var(--m-lacivert);
}

.m-kategori__ikon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--m-ana-acik);
    color: var(--m-ana);
}

.m-kategori:nth-child(3n+2) .m-kategori__ikon { background: var(--m-vurgu-acik); color: var(--m-vurgu); }
.m-kategori__ikon svg { width: 28px; height: 28px; stroke-width: 1.6; }
.m-kategori__gorsel { width: 52px; height: 52px; object-fit: contain; border-radius: 12px; background: var(--m-zemin); }
.m-kategori__ad { font-size: 15px; font-weight: 700; line-height: 1.3; }
.m-kategori__alt { margin-top: auto; font-size: 12px; color: var(--m-soluk); }

/* ---- Profesyonel bant ---- */
.m-profesyonel {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 28px 32px;
    border-radius: 18px;
    background: linear-gradient(120deg, var(--m-ana) 0%, var(--m-ana-koyu) 60%, #163C6A 100%);
    color: #fff;
}

.m-profesyonel__ikon {
    display: inline-flex;
    flex: none;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, .14);
}

.m-profesyonel__ikon svg { width: 28px; height: 28px; }
.m-profesyonel__metin { flex: 1; }
.m-profesyonel h2 { margin: 0 0 6px; color: #fff; font-size: 21px; font-weight: 700; }
.m-profesyonel p { margin: 0; color: rgba(255, 255, 255, .85); font-size: 14px; line-height: 1.6; }
.m-profesyonel__butonlar { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---- Ürün ızgarası ve kartı ---- */
.m-urun-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 18px;
}

.m-kart {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--m-yaricap);
    background: #fff;
    border: 1px solid var(--m-cizgi);
    overflow: hidden;
    transition: box-shadow .15s, border-color .15s;
}

.m-kart:hover { border-color: #D1D5DB; box-shadow: var(--m-golge); }

.m-kart__gorsel {
    position: relative;
    aspect-ratio: 1 / 1;
    background: #fff;
    border-bottom: 1px solid var(--m-cizgi);
}

.m-kart__gorsel > a { display: block; width: 100%; height: 100%; padding: 16px; }
.m-kart__gorsel img { width: 100%; height: 100%; object-fit: contain; }

.m-rozet {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 9px;
    border-radius: 6px;
    background: var(--m-vurgu);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.m-rozet--indirim { background: var(--m-hata); }

.m-kart__favori { position: absolute; top: 10px; right: 10px; margin: 0; }

.m-kart__favori button {
    width: 34px;
    height: 34px;
    border: 1px solid var(--m-cizgi);
    border-radius: 50%;
    background: #fff;
    color: var(--m-soluk);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.m-kart__favori button.aktif { color: var(--m-hata); }

.m-kart__govde {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px 16px;
}

.m-kart__ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    min-height: 18px;
}

.m-kart__marka { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--m-ana); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.m-kart__kod { color: var(--m-soluk); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11.5px; margin-top: -4px; }

.m-kart__ad {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 42px;
}

.m-kart__ad a { color: var(--m-lacivert); }
.m-kart__ad a:hover { color: var(--m-ana); }

.m-kart__fiyat { margin-top: auto; min-height: 26px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; }
.m-kart__fiyat .current__price { font-size: 18px; font-weight: 800; color: var(--m-lacivert); }
.m-kart__fiyat .old__price { font-size: 13px; color: var(--m-soluk); text-decoration: line-through; }

.m-kart__giris {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--m-ana);
}

.m-kart__giris::before {
    content: "";
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.m-stok {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.m-stok::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.m-stok.var { color: var(--m-basari); }
.m-stok.yok { color: var(--m-soluk); }

.m-kart__form { margin: 0; }
.m-kart .m-btn { min-height: 40px; font-size: 14px; }

/* Varsayılan listeleme sayfasındaki kart kolonları */
.custom-col .m-kart { margin-bottom: 0; }

/* ---- Markalar ---- */
.m-marka-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.m-marka {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 76px;
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--m-cizgi);
    color: var(--m-lacivert);
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: .02em;
}

.m-marka:hover { border-color: var(--m-ana); color: var(--m-ana); }
.m-marka img { max-height: 44px; max-width: 100%; object-fit: contain; filter: grayscale(1); opacity: .8; transition: .15s; }
.m-marka:hover img { filter: none; opacity: 1; }

/* ---- Kurumsal teklif ---- */
.m-kurumsal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 34px 36px;
    border-radius: 18px;
    background: var(--m-vurgu-acik);
    border: 1px solid #E5E7EB;
}

.m-kurumsal h2 { margin: 0 0 6px; font-size: 24px; font-weight: 800; }
.m-kurumsal p { margin: 0; color: var(--m-soluk); max-width: 640px; }
.m-kurumsal__butonlar { display: flex; flex-wrap: wrap; gap: 10px; }

/* ================= Güven şeridi ================= */
.m-guven {
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid var(--m-cizgi);
}

.m-guven__izgara {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.m-guven__oge { display: flex; align-items: center; gap: 14px; }

.m-guven__ikon {
    display: inline-flex;
    flex: none;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--m-ana-acik);
    color: var(--m-ana);
}

.m-guven__ikon svg { width: 24px; height: 24px; }
.m-guven__oge b { display: block; font-size: 15px; color: var(--m-lacivert); }
.m-guven__oge span { font-size: 13px; color: var(--m-soluk); }

/* ================= Alt bölüm ================= */
.m-footer {
    padding: 56px 0 0;
    background: var(--m-lacivert);
    color: #9CA3AF;
}

.m-footer a { color: #E5E7EB; }
.m-footer a:hover { color: #fff; }
.m-footer__logo { display: inline-block; padding: 10px 14px; border-radius: 12px; background: #fff; }
.m-footer__logo img { max-height: 52px; width: auto; height: auto; }
.m-footer .m-footer__metin { margin: 16px 0; font-size: 14px; line-height: 1.7; color: #9CA3AF; }

.m-footer__uts {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
}

.m-footer__uts svg { width: 26px; height: 26px; color: #9CA3AF; }
.m-footer__uts small { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #9CA3AF; }
.m-footer__uts b { color: #fff; font-size: 14px; }

.m-footer__baslik {
    margin-bottom: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.m-footer__liste { margin: 0; padding: 0; list-style: none; }
.m-footer__liste li { padding: 5px 0; font-size: 14px; line-height: 1.5; color: #9CA3AF; }

.m-bulten { margin-top: 14px; }

.m-bulten__satir {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
}

.m-bulten input { flex: 1; min-width: 0; padding: 10px 12px; border: 0; background: rgba(255, 255, 255, .06); color: #fff; font-size: 13px; }
.m-bulten input::placeholder { color: #9CA3AF; }
.m-bulten button { border: 0; padding: 0 14px; background: var(--m-ana); color: #fff; font-weight: 600; font-size: 13px; }
.m-bulten__koruma { margin-top: 8px; font-size: 12px; color: #9CA3AF; }
.m-bulten__koruma input { width: 100%; margin-top: 4px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .18); }

.m-footer__yasal {
    margin: 24px 0 0;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 12.5px;
    line-height: 1.7;
    color: #9CA3AF;
}

.m-footer__alt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 0 22px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 13px;
}

.m-footer__odeme { display: flex; gap: 8px; }
.m-footer__odeme span { padding: 4px 10px; border-radius: 6px; background: rgba(255, 255, 255, .08); color: #fff; font-weight: 700; font-size: 12px; }

/* ================= Diğer sayfalar (çekirdek görünümler) ================= */
.breadcrumb__section.breadcrumb__bg {
    padding: 34px 0;
    background: linear-gradient(180deg, #F9FAFB, #F3F4F6) !important;
    border-bottom: 1px solid var(--m-cizgi);
}

.breadcrumb__content--title { font-size: 30px; font-weight: 800; margin-bottom: 6px; }
.breadcrumb__content--menu__items, .breadcrumb__content--menu__items a { font-size: 14px; color: var(--m-soluk); }

.section--padding { padding-top: 56px; padding-bottom: 56px; }

.kutu__panel,
.shop__sidebar--widget,
.widget__categories--menu,
.cart__table,
.checkout__content--step,
.order__summary--section {
    border-radius: var(--m-yaricap);
    border-color: var(--m-cizgi);
}

.kutu__panel { background: #fff; border: 1px solid var(--m-cizgi); box-shadow: none; }

input.form-control, select.form-select, textarea.form-control,
.checkout__input--field, .contact__form--input, .account__login--input {
    border-radius: 10px;
    border-color: var(--m-cizgi);
    font-family: var(--m-font);
}

input.form-control:focus, select.form-select:focus, textarea.form-control:focus,
.checkout__input--field:focus, .contact__form--input:focus, .account__login--input:focus {
    border-color: var(--m-ana);
    box-shadow: 0 0 0 4px rgba(11, 83, 148, .12);
}

.pagination .page-link { border-radius: 8px; margin: 0 3px; color: var(--m-lacivert); border-color: var(--m-cizgi); }
.pagination .active .page-link, .pagination .page-item.active .page-link { background: var(--m-ana); border-color: var(--m-ana); color: #fff; }

.product__details--info__price .current__price,
.product__details--info .current__price { color: var(--m-lacivert); font-weight: 800; }

.items__count { background: var(--m-vurgu); }

.offcanvas__sticky--toolbar { border-top: 1px solid var(--m-cizgi); }


/* ---- Ürün listesi yan menüsü ---- */
.shop__section .kutu__panel .product__card--title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--m-soluk);
    margin: 18px 0 8px !important;
}

.shop__section .kutu__panel .product__card--title:first-child { margin-top: 0 !important; }
.shop__section .kutu__panel ul { list-style: none; padding-left: 0; }
.shop__section .kutu__panel ul li { margin: 0 !important; }
.shop__section .kutu__panel ul.ps-3 { padding-left: 12px !important; margin: 2px 0 4px !important; border-left: 2px solid var(--m-cizgi); margin-left: 12px !important; }

.shop__section .kutu__panel ul a {
    display: block;
    padding: 6px 10px;
    border-radius: 8px;
    color: var(--m-metin);
    font-size: 14px;
    line-height: 1.35;
}

.shop__section .kutu__panel ul a:hover { background: var(--m-zemin); color: var(--m-ana); }
.shop__section .kutu__panel ul a.text__secondary { background: var(--m-ana-acik); color: var(--m-ana); font-weight: 600; }
.shop__section .kutu__panel .ps-3 a { font-size: 13px; color: var(--m-soluk); padding: 4px 10px; margin: 0; }
.shop__section .row.mb--n30 > [class*="col-"] { margin-bottom: 18px; }

/* ================= Duyarlı ================= */
@media (max-width: 1199.98px) {
    .m-menu__oge > a { padding: 0 10px; font-size: 13px; }
    .m-guven__izgara { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991.98px) {
    .offcanvas__header--menu__open { display: block; }
    .m-ana__ic { gap: 10px; }
    .m-logo img { max-height: 40px; }
    .m-hero { padding: 40px 0 48px; }
    .m-bolum { padding: 44px 0; }
    .m-profesyonel, .m-kurumsal { flex-direction: column; align-items: flex-start; }
    .m-baslik h2 { font-size: 23px; }
}

@media (max-width: 575.98px) {
    .m-topbar__ic { justify-content: space-between; }
    .m-urun-izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .m-kart__govde { padding: 10px 12px 12px; }
    .m-kart__ad { font-size: 14px; }
    .m-kategori-izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .m-kategori { padding: 14px; }
    .m-guven__izgara { grid-template-columns: 1fr; }
    .m-hero__istatistik b { font-size: 20px; }
    .m-arama--buyuk { height: 52px; }
    .m-arama--buyuk button { padding: 0 14px; }
}

/* v36.9.4 — Buronis logosu (241x75 PNG) */
.m-logo img, .main__logo--img { height: auto; max-height: 56px; width: auto; max-width: 220px; object-fit: contain; }
@media (max-width: 991px) { .m-logo img, .main__logo--img { max-height: 42px; max-width: 150px; } }

/* =====================================================================
   BURONIS — sade medikal mağaza (v36.9.8)
   Beyaz / açık gri zemin, antrasit metin, tek vurgu rengi. Gradyan ve renkli
   simge kutusu yok; ince çizgiler, küçük köşeler.
   ===================================================================== */
body { background: #fff; color: var(--m-metin); }
h1, h2, h3, .m-baslik h2 { letter-spacing: -.01em; color: var(--m-lacivert); }
.container { max-width: 1320px; }
*, *::before, *::after { text-shadow: none; }

/* Düğmeler */
.m-btn, .primary__btn { border-radius: 6px; font-weight: 600; min-height: 44px; box-shadow: none; }
.m-btn:hover, .primary__btn:hover { transform: none; box-shadow: none; }
.m-btn--turuncu { background: var(--m-ana); border-color: var(--m-ana); }
.m-btn--turuncu:hover { background: var(--m-ana-koyu); border-color: var(--m-ana-koyu); }
.m-btn--cizgi { background: #fff; border-color: #D1D5DB; color: var(--m-lacivert) !important; }
.m-btn--cizgi:hover { border-color: var(--m-ana); background: #fff; color: var(--m-ana) !important; }
.m-btn--beyaz { color: var(--m-lacivert) !important; }

/* Üst şerit: açık gri */
.m-topbar { background: #F3F4F6; color: var(--m-soluk); border-bottom: 1px solid var(--m-cizgi); }
.m-topbar__oge, .m-topbar a.m-topbar__oge { color: var(--m-soluk); }
.m-topbar a.m-topbar__oge:hover { color: var(--m-lacivert); }
.m-topbar svg { color: var(--m-soluk); }
.m-topbar__duyuru { color: var(--m-lacivert); font-weight: 600; }
.m-topbar__linkler { gap: 0; }
.m-topbar__linkler a { padding: 0 12px; color: var(--m-soluk); font-size: 12.5px; border-left: 1px solid #D1D5DB; }
.m-topbar__linkler a:first-child { border-left: 0; }
.m-topbar__linkler a:hover { color: var(--m-lacivert); }

/* Ana satır */
.m-ana { background: #fff; padding: 16px 0; border-bottom: 1px solid var(--m-cizgi); }
.m-ana.sticky { box-shadow: 0 2px 10px rgba(15, 42, 68, .06); }
.m-arama { border-radius: 6px; height: 46px; border: 1px solid #D1D5DB; background: #fff; }
.m-arama:focus-within { border-color: var(--m-ana); box-shadow: 0 0 0 3px rgba(11, 83, 148, .12); }
.m-arama button { height: 100%; margin: 0; border-radius: 0 5px 5px 0; background: var(--m-ana); font-weight: 600; padding: 0 24px; }
.m-arama button:hover { background: var(--m-ana-koyu); }
.m-eylem__ikon { background: #F3F4F6; color: var(--m-lacivert); }
.m-ikon-btn, .m-eylem { border-radius: 6px; }
.m-ikon-btn:hover, .m-eylem:hover { background: #F3F4F6; color: var(--m-lacivert); }
.m-sepet { border-radius: 6px; height: 44px; background: var(--m-lacivert); }
.m-sepet:hover { background: var(--m-ana); }
.m-sepet .m-sepet__sayi { background: #fff; color: var(--m-lacivert); }

/* Kategori menüsü: beyaz, alt çizgili */
.m-menu { background: #fff; border-bottom: 1px solid var(--m-cizgi); }
.m-menu__oge > a { height: 46px; color: var(--m-lacivert); font-weight: 600; font-size: 14px; border-bottom: 2px solid transparent; }
.m-menu__oge > a:hover, .m-menu__oge.aktif > a { color: var(--m-ana); background: none; border-bottom-color: var(--m-ana); }
.m-menu__oge--tum > a { background: var(--m-lacivert); color: #fff !important; border-bottom: 0; margin-right: 8px; }
.m-menu__oge--tum > a:hover { background: var(--m-ana); color: #fff !important; }
.m-mega { border-radius: 0 0 8px 8px; box-shadow: 0 16px 32px -16px rgba(15, 42, 68, .25); }
.m-mega__kolon a.m-mega__baslik { color: var(--m-lacivert); }
.m-mega__kolon a:hover { color: var(--m-ana); }
.m-menu__alt { border-radius: 0 0 8px 8px; border-top: 2px solid var(--m-ana); }
.m-menu__alt a { border-radius: 4px; }
.m-menu__alt a:hover { background: #F3F4F6; color: var(--m-ana); }
.m-menu__oge--kat:nth-last-child(-n+3) .m-menu__alt { left: auto; right: 0; }

/* ---- Vitrin ızgarası ---- */
.m-vitrin { padding: 20px 0 4px; }
.m-vitrin__izgara { display: grid; grid-template-columns: 260px minmax(0, 1fr) 290px; gap: 16px; align-items: stretch; }
.m-vitrin__izgara:not(:has(.m-yankat)) { grid-template-columns: minmax(0, 1fr) 290px; }

/* Yan kategori listesi */
.m-yankat { position: relative; z-index: 20; border: 1px solid var(--m-cizgi); border-radius: 8px; background: #fff; }
.m-yankat__baslik { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--m-cizgi); color: var(--m-lacivert); font-weight: 700; font-size: 14px; }
.m-yankat__baslik svg, .m-yankat svg, .m-afis svg, .m-avantaj svg, .m-katserit svg, .m-katvitrin__ust svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.m-yankat ul { margin: 0; padding: 4px 0; list-style: none; }
.m-yankat li > a { display: flex; align-items: center; gap: 10px; padding: 8px 16px; color: var(--m-metin); font-size: 13.5px; font-weight: 500; }
.m-yankat__ikon { display: inline-flex; width: 20px; justify-content: center; color: var(--m-soluk); }
.m-yankat__ikon svg { width: 17px; height: 17px; }
.m-yankat__ad { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-yankat__ok { color: #9CA3AF; font-size: 16px; line-height: 1; }
.m-yankat li:hover > a { background: #F3F4F6; color: var(--m-ana); }
.m-yankat li:hover .m-yankat__ikon { color: var(--m-ana); }
.m-yankat__panel { position: absolute; top: -1px; left: calc(100% - 1px); min-height: calc(100% + 2px); width: 540px; padding: 20px 24px; border: 1px solid var(--m-cizgi); border-radius: 0 8px 8px 0; background: #fff; box-shadow: 12px 12px 30px -18px rgba(15, 42, 68, .25); opacity: 0; visibility: hidden; transition: opacity .1s; }
.m-yankat li:hover .m-yankat__panel { opacity: 1; visibility: visible; }
.m-yankat__panel-baslik { display: block; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--m-cizgi); font-size: 15px; font-weight: 700; color: var(--m-lacivert); }
.m-yankat__panel-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.m-yankat__panel-liste a { padding: 6px 0; font-size: 13.5px; color: var(--m-metin); }
.m-yankat__panel-liste a:hover { color: var(--m-ana); text-decoration: underline; }

/* Afişler: sade, açık zemin */
.m-vitrin__ana { min-width: 0; }
.m-afis { position: relative; display: flex; overflow: hidden; border-radius: 8px; }
.m-afis--ana { height: 100%; min-height: 380px; align-items: center; padding: 44px 48px; background: #F3F5F8; border: 1px solid var(--m-cizgi); color: var(--m-metin); }
.m-afis__metin { position: relative; max-width: 560px; }
.m-afis__ust { display: inline-block; padding: 0; background: none; color: var(--m-ana); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.m-afis--ana h1 { margin: 12px 0 12px; color: var(--m-lacivert); font-size: clamp(26px, 2.4vw, 36px); line-height: 1.2; font-weight: 700; }
.m-afis--ana p { margin: 0 0 24px; color: var(--m-soluk); font-size: 15.5px; line-height: 1.65; }
.m-afis__butonlar { display: flex; flex-wrap: wrap; gap: 10px; }
.m-afis--ana .m-btn--cizgi-beyaz { background: #fff; border-color: #D1D5DB; color: var(--m-lacivert) !important; }
.m-afis--ana .m-btn--cizgi-beyaz:hover { border-color: var(--m-ana); color: var(--m-ana) !important; background: #fff; }
.m-afis__sekil { display: none; }
.m-slayt { height: 100%; border-radius: 8px; overflow: hidden; }
.m-slayt__oge { min-height: 380px; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; padding: 40px; }

.m-vitrin__yan { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.m-afis--kucuk { flex-direction: column; justify-content: center; gap: 4px; padding: 22px 24px; background: #fff; border: 1px solid var(--m-cizgi); color: var(--m-lacivert); transition: border-color .15s; }
.m-afis--kucuk:hover { border-color: var(--m-ana); color: var(--m-lacivert); }
.m-afis--kucuk b { font-size: 18px; line-height: 1.3; font-weight: 700; }
.m-afis--kucuk small { font-size: 13px; color: var(--m-soluk); }
.m-afis--kucuk .m-afis__ust { margin-bottom: 4px; color: var(--m-soluk); }
.m-afis__link { margin-top: 10px; font-weight: 600; font-size: 14px; color: var(--m-ana); }
.m-afis--turuncu, .m-afis--mor { background: #fff; }
.m-afis--mor { background: #F9FAFB; }

/* ---- Avantaj şeridi ---- */
.m-avantaj { padding: 16px 0 4px; }
.m-avantaj__izgara { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--m-cizgi); border-radius: 8px; background: #fff; }
.m-avantaj__izgara > div { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-left: 1px solid var(--m-cizgi); }
.m-avantaj__izgara > div:first-child { border-left: 0; }
.m-avantaj__izgara svg { width: 28px; height: 28px; padding: 0; background: none; color: var(--m-lacivert); }
.m-avantaj b { display: block; font-size: 14px; font-weight: 600; color: var(--m-lacivert); }
.m-avantaj small { font-size: 12.5px; color: var(--m-soluk); }

/* ---- Bölümler ---- */
.m-bolum--sik { padding: 36px 0; }
.m-bolum--zemin { background: var(--m-zemin); }
.m-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--m-cizgi); }
.m-baslik::after { display: none; }
.m-baslik h2 { font-size: 20px; font-weight: 700; margin: 0; }
.m-baslik__ust { display: none; }
.m-baslik__link { padding: 0; border: 0; border-radius: 0; background: none; font-size: 14px; font-weight: 600; color: var(--m-ana); }
.m-baslik__link:hover { color: var(--m-ana-koyu); background: none; text-decoration: underline; }

/* Popüler kategoriler */
.m-katserit { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 12px; }
.m-katserit__oge { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 8px; border: 1px solid var(--m-cizgi); border-radius: 8px; background: #fff; text-align: center; color: var(--m-lacivert); transition: border-color .15s; }
.m-katserit__gorsel { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #F3F4F6; color: var(--m-lacivert); overflow: hidden; }
.m-katserit__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.m-katserit__gorsel svg { width: 28px; height: 28px; stroke-width: 1.5; }
.m-katserit__oge:hover { border-color: var(--m-ana); color: var(--m-ana); }
.m-katserit__oge:hover .m-katserit__gorsel { color: var(--m-ana); }
.m-katserit__ad { font-size: 12.5px; font-weight: 600; line-height: 1.3; }

/* Sekmeler */
.m-sekme__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; border-bottom: 1px solid var(--m-cizgi); }
.m-sekme__dugmeler { display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; }
.m-sekme__dugmeler button { position: relative; padding: 12px 18px; border: 0; background: none; color: var(--m-soluk); font-size: 16px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.m-sekme__dugmeler button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--m-lacivert); transform: scaleX(0); transition: transform .15s; }
.m-sekme__dugmeler button:hover { color: var(--m-lacivert); }
.m-sekme__dugmeler button.aktif { color: var(--m-lacivert); }
.m-sekme__dugmeler button.aktif::after { transform: none; }

/* Kategori vitrini başlığı */
.m-katvitrin__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-bottom: 18px; padding: 0 0 10px; border: 0; border-bottom: 1px solid var(--m-cizgi); border-radius: 0; background: none; }
.m-katvitrin__ust h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; font-weight: 700; }
.m-katvitrin__ikon { display: inline-flex; width: auto; height: auto; background: none; color: var(--m-soluk); }
.m-katvitrin__cipler { display: flex; flex-wrap: wrap; gap: 4px 14px; flex: 1; }
.m-katvitrin__cipler a { padding: 0; border: 0; border-radius: 0; background: none; color: var(--m-soluk); font-size: 13px; font-weight: 500; }
.m-katvitrin__cipler a:hover { color: var(--m-ana); text-decoration: underline; }

/* ---- Ürün kartı ---- */
@media (min-width: 1200px) { .m-urun-izgara { grid-template-columns: repeat(5, 1fr); } }
.m-urun-izgara { gap: 14px; }
.m-kart { border-radius: 8px; border: 1px solid var(--m-cizgi); transition: box-shadow .15s, border-color .15s; }
.m-kart:hover { transform: none; border-color: #D1D5DB; box-shadow: var(--m-golge); }
.m-kart__gorsel { margin: 0; border-radius: 0; border-bottom: 1px solid var(--m-cizgi); background: #fff; }
.m-kart__gorsel img { transition: none; mix-blend-mode: normal; }
.m-kart:hover .m-kart__gorsel img { transform: none; }
.m-rozet { top: 10px; left: 10px; border-radius: 4px; padding: 3px 8px; background: var(--m-lacivert); font-size: 11.5px; font-weight: 600; }
.m-rozet--indirim { background: var(--m-hata); }
.m-kart__favori button { border: 1px solid var(--m-cizgi); background: #fff; box-shadow: none; }
.m-kart__govde { padding: 14px 14px 16px; }
.m-kart__marka { color: var(--m-soluk); font-weight: 600; font-size: 11.5px; }
.m-kart__ad { font-weight: 500; font-size: 14.5px; }
.m-kart__ad a { color: var(--m-lacivert); }
.m-kart__ad a:hover { color: var(--m-ana); }
.m-kart__fiyat .current__price { font-size: 19px; font-weight: 700; color: var(--m-lacivert); letter-spacing: 0; }
.m-kart__giris { padding: 0; border-radius: 0; background: none; color: var(--m-ana); font-size: 13px; }
.m-kart .m-btn { min-height: 40px; border-radius: 6px; font-size: 14px; }
.m-kart .m-btn:not(.m-btn--cizgi) { background: var(--m-ana); border-color: var(--m-ana); }
.m-kart .m-btn:not(.m-btn--cizgi):hover { background: var(--m-ana-koyu); border-color: var(--m-ana-koyu); }

/* ---- Profesyonel bant ---- */
.m-profesyonel { border-radius: 8px; padding: 24px 28px; background: #F3F5F8; border: 1px solid var(--m-cizgi); color: var(--m-metin); }
.m-profesyonel::after { display: none; }
.m-profesyonel h2 { color: var(--m-lacivert); font-size: 18px; font-weight: 700; }
.m-profesyonel p { color: var(--m-soluk); }
.m-profesyonel__ikon { background: #fff; border: 1px solid var(--m-cizgi); color: var(--m-lacivert); }
.m-profesyonel .m-btn--beyaz { background: var(--m-ana); border-color: var(--m-ana); color: #fff !important; }
.m-profesyonel .m-btn--beyaz:hover { background: var(--m-ana-koyu); }
.m-profesyonel .m-btn--cizgi-beyaz { background: #fff; border-color: #D1D5DB; color: var(--m-lacivert) !important; }

/* ---- Markalar ---- */
.m-marka-serit { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.m-marka-serit .m-marka { flex: 0 0 160px; scroll-snap-align: start; }
.m-marka { border-radius: 8px; height: 76px; }
.m-marka:hover { transform: none; box-shadow: none; border-color: #D1D5DB; }

/* ---- Kurumsal ---- */
.m-kurumsal { border-radius: 8px; padding: 28px 32px; background: #F3F5F8; border: 1px solid var(--m-cizgi); }
.m-kurumsal h2 { font-size: 20px; font-weight: 700; }

/* ---- SEO metni ---- */
.m-seo { padding: 24px 0 0; border-radius: 0; background: none; border: 0; border-top: 1px solid var(--m-cizgi); color: var(--m-soluk); font-size: 13.5px; line-height: 1.75; }
.m-seo h2 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.m-seo p { margin: 0 0 10px; }
.m-seo b { color: var(--m-lacivert); }
.m-seo__devam { display: none; }
.m-seo.acik .m-seo__devam { display: block; }
.m-seo__dugme { border: 0; background: none; padding: 0; color: var(--m-ana); font-weight: 600; font-size: 13.5px; cursor: pointer; }

/* ---- Güven şeridi (iç sayfalar) ---- */
.m-guven { background: #fff; border-top: 1px solid var(--m-cizgi); }
.m-guven__oge { padding: 0; border: 0; background: none; }
.m-guven__ikon, .m-guven__oge:nth-child(n) .m-guven__ikon { background: #F3F4F6; color: var(--m-lacivert); border-radius: 8px; }

/* ---- Alt bölüm: açık gri ---- */
.m-footer { position: relative; background: var(--m-zemin); color: var(--m-soluk); border-top: 1px solid var(--m-cizgi); }
.m-footer::before { display: none; }
.m-footer a { color: var(--m-metin); }
.m-footer a:hover, .m-footer__liste a:hover { color: var(--m-ana); padding-left: 0; }
.m-footer__logo { padding: 0; background: none; border-radius: 0; }
.m-footer .m-footer__metin { color: var(--m-soluk); }
.m-footer__baslik { color: var(--m-lacivert); padding-bottom: 0; }
.m-footer__baslik::after { display: none; }
.m-footer__liste li { color: var(--m-soluk); }
.m-footer__uts { background: #fff; border: 1px solid var(--m-cizgi); border-radius: 8px; }
.m-footer__uts svg { color: var(--m-lacivert); }
.m-footer__uts small { color: var(--m-soluk); }
.m-footer__uts b { color: var(--m-lacivert); }
.m-bulten__satir { border-radius: 6px; border-color: #D1D5DB; background: #fff; }
.m-bulten input { background: #fff; color: var(--m-metin); }
.m-bulten input::placeholder { color: #9CA3AF; }
.m-bulten button { background: var(--m-lacivert); }
.m-bulten__koruma { color: var(--m-soluk); }
.m-bulten__koruma input { border-radius: 6px; border-color: #D1D5DB; background: #fff; color: var(--m-metin); }
.m-footer__yasal { border-top-color: var(--m-cizgi); color: var(--m-soluk); }
.m-footer__alt { border-top-color: var(--m-cizgi); color: var(--m-soluk); }
.m-footer__odeme span { background: #fff; border: 1px solid var(--m-cizgi); color: var(--m-lacivert); border-radius: 4px; }

/* ---- İç sayfalar ---- */
.breadcrumb__section.breadcrumb__bg { background: var(--m-zemin) !important; border-bottom: 1px solid var(--m-cizgi); padding: 24px 0; }
.breadcrumb__content--title { font-size: 24px; font-weight: 700; }
.kutu__panel { border-radius: 8px; }
input.form-control, select.form-select, textarea.form-control, .checkout__input--field, .contact__form--input, .account__login--input { border-radius: 6px; }
.pagination .page-link { border-radius: 6px; }
.shop__section .kutu__panel ul a { border-radius: 4px; }
.shop__section .kutu__panel ul a.text__secondary { background: #F3F4F6; color: var(--m-ana); }

/* ---- Duyarlı ---- */
@media (max-width: 1199.98px) {
    .m-vitrin__izgara, .m-vitrin__izgara:not(:has(.m-yankat)) { grid-template-columns: minmax(0, 1fr) 260px; }
    .m-yankat { display: none; }
    .m-katserit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .m-avantaj__izgara { grid-template-columns: repeat(2, 1fr); }
    .m-avantaj__izgara > div:nth-child(3) { border-left: 0; }
    .m-avantaj__izgara > div:nth-child(n+3) { border-top: 1px solid var(--m-cizgi); }
}

@media (max-width: 991.98px) {
    .m-vitrin__izgara, .m-vitrin__izgara:not(:has(.m-yankat)) { grid-template-columns: 1fr; }
    .m-vitrin__yan { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
    .m-afis--ana { min-height: 0; padding: 30px 24px; }
    .m-menu { display: none !important; }
}

@media (max-width: 575.98px) {
    .m-vitrin { padding-top: 12px; }
    .m-vitrin__yan { grid-template-columns: 1fr; }
    .m-afis--kucuk { padding: 16px 18px; }
    .m-afis--kucuk b { font-size: 16px; }
    .m-katserit { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 6px; scrollbar-width: none; }
    .m-katserit__oge { flex: 0 0 96px; }
    .m-avantaj__izgara { grid-template-columns: 1fr 1fr; }
    .m-avantaj__izgara > div { padding: 12px; gap: 8px; }
    .m-avantaj small { display: none; }
    .m-bolum--sik { padding: 26px 0; }
    .m-sekme__dugmeler button { font-size: 14.5px; padding: 10px 12px; }
    .m-sekme__ust .m-baslik__link { display: none; }
    .m-katvitrin__cipler { display: none; }
    .m-baslik h2, .m-katvitrin__ust h2 { font-size: 18px; }
    .m-kart .m-btn { padding: 0 8px; font-size: 13px; min-height: 38px; }
}

/* =====================================================================
   BURONIS — kurumsal medikal katman (v36.9.9)
   Sade düzenin üzerine: lacivert üst şerit ve alt bölüm, mavi menü,
   renkli karşılama afişi, tonlu simgeler, turkuaz eylem düğmeleri.
   ===================================================================== */

/* Üst şerit: lacivert */
.m-topbar { background: var(--m-lacivert); color: #CBD5E1; border-bottom: 0; }
.m-topbar__oge, .m-topbar a.m-topbar__oge, .m-topbar__linkler a { color: #CBD5E1; }
.m-topbar a.m-topbar__oge:hover, .m-topbar__linkler a:hover { color: #fff; }
.m-topbar svg { color: #5EC4B6; }
.m-topbar__duyuru { color: #fff; }
.m-topbar__linkler a { border-left-color: rgba(255, 255, 255, .15); }

/* Arama ve sepet */
.m-arama { border: 2px solid var(--m-ana); border-radius: 8px; }
.m-arama button { border-radius: 0 5px 5px 0; }
.m-eylem__ikon { background: var(--m-ana-acik); color: var(--m-ana); }
.m-sepet { background: var(--m-vurgu); border-radius: 8px; }
.m-sepet:hover { background: #0B7A6E; }
.m-sepet .m-sepet__sayi { color: var(--m-vurgu); }

/* Kategori menüsü: mavi şerit */
.m-menu { background: var(--m-ana); border-bottom: 0; }
.m-menu__oge > a { color: #fff; border-bottom: 0; }
.m-menu__oge > a:hover, .m-menu__oge.aktif > a { color: #fff; background: rgba(255, 255, 255, .12); }
.m-menu__oge--tum > a { background: var(--m-ana-koyu); }
.m-menu__oge--tum > a:hover { background: var(--m-lacivert); }
.m-menu__alt { border-top-color: var(--m-vurgu); }

/* Yan kategori listesi */
.m-yankat__baslik { background: var(--m-lacivert); color: #fff; border-radius: 9px 9px 0 0; border-bottom: 0; }
.m-yankat__ikon { color: var(--m-ana); }
.m-yankat li:hover > a { background: var(--m-ana-acik); }

/* Karşılama afişi: lacivert-mavi, ince desenli */
.m-afis--ana { border: 0; color: #fff; background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 17v10M17 22h10' stroke='%23ffffff' stroke-opacity='.07' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
    linear-gradient(115deg, #0F2A44 0%, #0B4A84 55%, #0B5E9C 100%); }
.m-afis--ana .m-afis__metin { z-index: 1; }
.m-afis--ana::after { content: ""; position: absolute; z-index: 0; right: 28px; top: 30px; width: 240px; height: 74px; opacity: .45; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 140' fill='none'%3E%3Cpath d='M0 80h140l18-40 26 84 22-64 14 20h60l14-44 20 88 18-44h128' stroke='%235EC4B6' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; }
.m-afis--ana .m-afis__ust { color: #7FD6C9; }
.m-afis--ana h1 { color: #fff; }
.m-afis--ana p { color: rgba(255, 255, 255, .82); }
.m-afis--ana .m-btn--turuncu { background: var(--m-vurgu); border-color: var(--m-vurgu); }
.m-afis--ana .m-btn--turuncu:hover { background: #0B7A6E; border-color: #0B7A6E; }
.m-afis--ana .m-btn--cizgi-beyaz { background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff !important; }
.m-afis--ana .m-btn--cizgi-beyaz:hover { background: rgba(255, 255, 255, .1); border-color: #fff; color: #fff !important; }

/* Yan afişler: tonlu zemin + büyük silik simge */
.m-afis--kucuk { border: 0; }
.m-afis--kucuk::after { content: ""; position: absolute; right: 18px; bottom: 16px; width: 72px; height: 72px; background: currentColor; opacity: .12; pointer-events: none; }
.m-afis--turuncu { background: var(--m-ana-acik); color: var(--m-ana); }
.m-afis--turuncu b { color: var(--m-lacivert); }
.m-afis--turuncu::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat; }
.m-afis--mor { background: var(--m-vurgu-acik); color: var(--m-vurgu); }
.m-afis--mor b { color: var(--m-lacivert); }
.m-afis--mor .m-afis__link { color: var(--m-vurgu); }
.m-afis--mor::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E") center / contain no-repeat; }
.m-afis--kucuk .m-afis__ust { color: currentColor; opacity: .85; }
.m-afis--kucuk:hover { box-shadow: var(--m-golge); }

/* Avantaj şeridi: tonlu simgeler */
.m-avantaj__izgara svg { width: 42px; height: 42px; padding: 9px; border-radius: 50%; background: var(--m-ana-acik); color: var(--m-ana); }
.m-avantaj__izgara > div:nth-child(even) svg { background: var(--m-vurgu-acik); color: var(--m-vurgu); }

/* Bölüm başlıkları: turkuaz alt çizgi */
.m-baslik { position: relative; }
.m-baslik::after { display: block; content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 3px; border-radius: 2px; background: var(--m-vurgu); }
.m-sekme__dugmeler button::after { background: var(--m-vurgu); height: 3px; }

/* Popüler kategoriler */
.m-katserit__gorsel { background: var(--m-ana-acik); color: var(--m-ana); transition: background .15s, color .15s; }
.m-katserit__oge:nth-child(even) .m-katserit__gorsel { background: var(--m-vurgu-acik); color: var(--m-vurgu); }
.m-katserit__oge { transition: border-color .15s, box-shadow .15s, transform .15s; }
.m-katserit__oge:hover { border-color: var(--m-ana); box-shadow: var(--m-golge); transform: translateY(-2px); }
.m-katserit__oge:hover .m-katserit__gorsel { background: var(--m-ana); color: #fff; }

/* Kategori vitrini */
.m-katvitrin__ikon { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: var(--m-ana); color: #fff; }
.m-katvitrin__ikon svg { width: 18px; height: 18px; }

/* Ürün kartı */
.m-kart { transition: box-shadow .2s, border-color .2s, transform .2s; }
.m-kart:hover { transform: translateY(-3px); border-color: #CBD5E1; box-shadow: var(--m-golge-buyuk); }
.m-kart__gorsel img { transition: transform .3s; }
.m-kart:hover .m-kart__gorsel img { transform: scale(1.04); }
.m-rozet { background: var(--m-vurgu); }
.m-rozet--indirim { background: var(--m-hata); }
.m-kart__marka { color: var(--m-ana); }
.m-kart__fiyat .current__price { color: var(--m-ana); }
.m-kart .m-btn:not(.m-btn--cizgi) { background: var(--m-vurgu); border-color: var(--m-vurgu); }
.m-kart .m-btn:not(.m-btn--cizgi):hover { background: #0B7A6E; border-color: #0B7A6E; }
.m-kart .m-btn--cizgi:hover { border-color: var(--m-ana); color: var(--m-ana) !important; background: var(--m-ana-acik); }

/* Profesyonel bant: lacivert */
.m-profesyonel { background: var(--m-lacivert); border: 0; color: #fff; }
.m-profesyonel h2 { color: #fff; }
.m-profesyonel p { color: rgba(255, 255, 255, .78); }
.m-profesyonel__ikon { background: rgba(255, 255, 255, .1); border: 0; color: #7FD6C9; }
.m-profesyonel .m-btn--beyaz { background: var(--m-vurgu); border-color: var(--m-vurgu); color: #fff !important; }
.m-profesyonel .m-btn--beyaz:hover { background: #0B7A6E; }
.m-profesyonel .m-btn--cizgi-beyaz { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff !important; }

/* Kurumsal teklif */
.m-kurumsal { background: var(--m-ana-acik); border-color: #D6E4F3; }

/* Alt bölüm: lacivert */
.m-footer { background: var(--m-lacivert); color: #94A3B8; border-top: 0; }
.m-footer::before { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--m-vurgu); }
.m-footer a { color: #CBD5E1; }
.m-footer a:hover, .m-footer__liste a:hover { color: #fff; }
.m-footer__logo { padding: 10px 14px; background: #fff; border-radius: 10px; }
.m-footer .m-footer__metin, .m-footer__liste li { color: #94A3B8; }
.m-footer__baslik { color: #fff; }
.m-footer__uts { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); }
.m-footer__uts svg { color: #5EC4B6; }
.m-footer__uts small { color: #94A3B8; }
.m-footer__uts b { color: #fff; }
.m-bulten__satir { border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .06); }
.m-bulten input { background: transparent; color: #fff; }
.m-bulten input::placeholder { color: #94A3B8; }
.m-bulten button { background: var(--m-vurgu); }
.m-bulten__koruma { color: #94A3B8; }
.m-bulten__koruma input { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .2); color: #fff; }
.m-footer__yasal, .m-footer__alt { border-top-color: rgba(255, 255, 255, .1); color: #94A3B8; }
.m-footer__odeme span { background: rgba(255, 255, 255, .08); border-color: transparent; color: #fff; }

/* Güven şeridi (iç sayfalar) */
.m-guven__ikon, .m-guven__oge:nth-child(n) .m-guven__ikon { background: var(--m-ana-acik); color: var(--m-ana); }
.m-guven__oge:nth-child(even) .m-guven__ikon { background: var(--m-vurgu-acik); color: var(--m-vurgu); }

/* İç sayfa başlığı */
.breadcrumb__section.breadcrumb__bg { background: var(--m-ana-acik) !important; border-bottom: 0; }

@media (max-width: 991.98px) {
    .m-afis--ana::after { width: 160px; height: 50px; right: 16px; top: 16px; opacity: .3; }
}
@media (max-width: 575.98px) {
    .m-afis--kucuk::after { width: 54px; height: 54px; }
    .m-afis--ana::after { display: none; }
}