/* ============================================================
   İnternet mağazası — karakterli temalar.
   magaza.css'teki yapıyı bozmadan, <html data-tema="…"> ile yalnız
   değişkenleri ve imza öğelerini değiştirir. Her temanın tek bir
   «imzası» vardır; gerisi sakin kalır.
     kitapci   — editoryal: kâğıt zemin, Fraunces serif, çift hat çerçeve
     cocuk     — neşeli: etiket (sticker) kartlar, kalın kenar, sert gölge
     luks      — butik: siyah/altın, Cormorant, aralıklı büyük harf
     teknoloji — cam kartlar, degrade başlık, ızgara zemin
     doga      — organik: adaçayı zemin, DM Serif, yumuşak damla biçimler
     kozmetik  — pudra & gül-altın: Bodoni Moda, ince altın hat, kemer (ayna) görseller
     guzellik  — güzellik merkezi: fildişi & mürdüm, Gilda Display, spa taşı köşe, oval görseller
   ============================================================ */

/* ---------------- KİTAPÇI (editoryal) ---------------- */
[data-tema="kitapci"] {
    --m-ana: #0f6e6e; --m-ana-metin: #fff;
    --m-zemin: #f6f1e7; --m-kart: #fffdf8; --m-metin: #1f1b16; --m-soluk: #6b6257; --m-cizgi: #e3d9c6;
    --m-kose: 6px; --m-kose-k: 4px; --m-dugme-kose: 4px;
    --m-golge: 0 1px 0 rgba(31,27,22,.06), 0 10px 24px rgba(31,27,22,.06); --m-golge-ust: 0 18px 36px rgba(31,27,22,.14);
    --m-ust: #fffdf8; --m-serit: #1f1b16; --m-serit-metin: #e9e2d3; --m-alt: #1f1b16; --m-alt-metin: #cfc6b4;
    --m-font: "Source Sans 3", "Segoe UI", sans-serif;
    --m-baslik-font: "Fraunces", Georgia, serif;
}
[data-tema="kitapci"] .m-govde { background-image: radial-gradient(rgba(31,27,22,.035) 1px, transparent 1px); background-size: 22px 22px; }
[data-tema="kitapci"] .m-marka { font-weight: 700; font-style: italic; letter-spacing: -.01em; }
[data-tema="kitapci"] .m-katbar a { text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 600; }
[data-tema="kitapci"] .m-kahraman { background: var(--m-kart); color: var(--m-metin); border: 1px solid var(--m-cizgi); box-shadow: inset 0 0 0 8px var(--m-kart), inset 0 0 0 9px var(--m-cizgi); }
[data-tema="kitapci"] .m-kahraman::before { background: none; }
[data-tema="kitapci"] .m-kahraman h1, [data-tema="kitapci"] .m-kahraman h2 { font-weight: 600; font-style: italic; font-size: clamp(2rem, 4.4vw, 3.4rem); }
[data-tema="kitapci"] .m-kahraman h1::before, [data-tema="kitapci"] .m-kahraman h2::before { content: "— Yeni sezon —"; display: block; font-family: var(--m-font); font-style: normal; font-weight: 600; font-size: .72rem; letter-spacing: .28em; text-transform: uppercase; color: var(--m-ana); margin-bottom: 14px; }
[data-tema="kitapci"] .m-kahraman p { color: var(--m-soluk); opacity: 1; font-size: 1.1rem; }
[data-tema="kitapci"] .m-kahraman .btn-m, [data-tema="kitapci"] .m-govde .m-kahraman a.btn-m { background: var(--m-ana); color: #fff; border-color: var(--m-ana); }
[data-tema="kitapci"] .m-kahraman .btn-m-cizgi, [data-tema="kitapci"] .m-govde .m-kahraman a.btn-m-cizgi { border-color: var(--m-metin); color: var(--m-metin); }
[data-tema="kitapci"] .m-kahraman.resimli { color: #fff; box-shadow: none; }
[data-tema="kitapci"] .m-kahraman.resimli p { color: #fff; opacity: .92; }
[data-tema="kitapci"] .m-kahraman.resimli::before { background: linear-gradient(90deg, rgba(31,27,22,.82) 0%, rgba(31,27,22,.45) 55%, rgba(31,27,22,.1) 100%); }
[data-tema="kitapci"] .m-kolaj { transform: none; gap: 10px; }
[data-tema="kitapci"] .m-kolaj a { border-radius: 2px 8px 8px 2px; box-shadow: -6px 0 0 -2px var(--m-cizgi), 0 14px 26px rgba(31,27,22,.18); }
[data-tema="kitapci"] .m-bolum { justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 4px; }
[data-tema="kitapci"] .m-bolum h2 { font-weight: 600; font-style: italic; position: relative; padding: 0 22px; }
[data-tema="kitapci"] .m-bolum h2::before, [data-tema="kitapci"] .m-bolum h2::after { content: ""; position: absolute; top: 55%; width: 60px; height: 1px; background: var(--m-cizgi); }
[data-tema="kitapci"] .m-bolum h2::before { right: 100%; } [data-tema="kitapci"] .m-bolum h2::after { left: 100%; }
[data-tema="kitapci"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 600; font-size: 1.02rem; }
[data-tema="kitapci"] .m-fiyat { font-family: var(--m-baslik-font); font-weight: 600; }
[data-tema="kitapci"] .m-urun-resim { background: #efe8da; }
[data-tema="kitapci"] .m-urun-resim img { object-fit: contain; padding: 10px; }
[data-tema="kitapci"] .m-kat-kart .m-kat-ikon { border-radius: 4px; font-family: var(--m-baslik-font); font-style: italic; }
[data-tema="kitapci"] .m-guven > div { background: transparent; border: 0; border-bottom: 1px solid var(--m-cizgi); border-radius: 0; }
[data-tema="kitapci"] .m-satin h1 { font-weight: 600; font-style: italic; font-size: 2rem; }
[data-tema="kitapci"] .m-alt { border-top: 6px double var(--m-cizgi); }

/* ---------------- NEŞELİ (çocuk / etiket) ---------------- */
[data-tema="cocuk"] {
    --m-ana: #ff6b6b; --m-ana-metin: #fff;
    --m-zemin: #f4f9ff; --m-kart: #ffffff; --m-metin: #1f2a44; --m-soluk: #5b6b8a; --m-cizgi: #1f2a44;
    --m-kose: 18px; --m-kose-k: 12px; --m-dugme-kose: 999px;
    --m-golge: 4px 4px 0 #1f2a44; --m-golge-ust: 6px 6px 0 #1f2a44;
    --m-ust: #ffffff; --m-serit: #1f2a44; --m-serit-metin: #fff; --m-alt: #1f2a44; --m-alt-metin: #c9d3ea;
    --m-font: "Nunito", "Segoe UI", sans-serif;
    --m-baslik-font: "Fredoka", "Nunito", sans-serif;
}
[data-tema="cocuk"] .m-govde { background-image: radial-gradient(#ffd166 2px, transparent 2.5px), radial-gradient(#4dabf7 2px, transparent 2.5px), radial-gradient(#63e6be 2px, transparent 2.5px); background-size: 90px 90px, 130px 130px, 70px 70px; background-position: 0 0, 45px 30px, 20px 60px; }
[data-tema="cocuk"] .m-kart, [data-tema="cocuk"] .m-urun, [data-tema="cocuk"] .m-kat-kart, [data-tema="cocuk"] .m-guven > div { border: 3px solid var(--m-cizgi); }
[data-tema="cocuk"] .m-urun:hover { transform: translate(-2px, -2px); box-shadow: var(--m-golge-ust); }
[data-tema="cocuk"] .m-kat-kart:hover { transform: translate(-2px, -2px) rotate(-1.5deg); box-shadow: var(--m-golge-ust); }
[data-tema="cocuk"] .m-kat-kart:nth-child(4n+1) { background: #fff3bf; } [data-tema="cocuk"] .m-kat-kart:nth-child(4n+2) { background: #d0ebff; }
[data-tema="cocuk"] .m-kat-kart:nth-child(4n+3) { background: #c3fae8; } [data-tema="cocuk"] .m-kat-kart:nth-child(4n) { background: #ffe3e3; }
[data-tema="cocuk"] .m-kat-kart .m-kat-ikon { background: #fff; border: 3px solid var(--m-cizgi); color: var(--m-metin); }
[data-tema="cocuk"] .btn-m, [data-tema="cocuk"] .m-govde a.btn-m { border: 3px solid #1f2a44; box-shadow: 3px 3px 0 #1f2a44; font-family: var(--m-baslik-font); font-weight: 600; font-size: 1.02rem; }
[data-tema="cocuk"] .btn-m:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 #1f2a44; }
[data-tema="cocuk"] .btn-m-cizgi, [data-tema="cocuk"] .m-govde a.btn-m-cizgi { border: 3px solid #1f2a44; font-weight: 700; }
[data-tema="cocuk"] .m-ara .form-control { border: 3px solid var(--m-cizgi); border-right: 0; } [data-tema="cocuk"] .m-ara button { border: 3px solid #1f2a44; }
[data-tema="cocuk"] .form-control, [data-tema="cocuk"] .form-select { border: 2px solid var(--m-cizgi); }
[data-tema="cocuk"] .m-marka { font-size: 1.5rem; }
[data-tema="cocuk"] .m-katbar a { font-family: var(--m-baslik-font); font-size: 1rem; }
[data-tema="cocuk"] .m-kahraman { background: #ffd166; color: var(--m-metin); border: 3px solid var(--m-cizgi); box-shadow: 8px 8px 0 #1f2a44; }
[data-tema="cocuk"] .m-kahraman::before { background: radial-gradient(circle at 85% 15%, #ff6b6b 0 60px, transparent 61px), radial-gradient(circle at 92% 70%, #4dabf7 0 40px, transparent 41px), radial-gradient(circle at 70% 90%, #63e6be 0 26px, transparent 27px); opacity: .9; }
[data-tema="cocuk"] .m-kahraman h1, [data-tema="cocuk"] .m-kahraman h2 { font-size: clamp(2rem, 4.6vw, 3.6rem); font-weight: 700; }
[data-tema="cocuk"] .m-kahraman p { color: var(--m-metin); opacity: .85; }
[data-tema="cocuk"] .m-kahraman .btn-m, [data-tema="cocuk"] .m-govde .m-kahraman a.btn-m { background: var(--m-ana); color: #fff; border-color: #1f2a44; }
[data-tema="cocuk"] .m-kahraman .btn-m-cizgi, [data-tema="cocuk"] .m-govde .m-kahraman a.btn-m-cizgi { border-color: var(--m-metin); color: var(--m-metin); background: #fff; }
[data-tema="cocuk"] .m-kahraman.resimli { color: #fff; }
[data-tema="cocuk"] .m-kahraman.resimli p { color: #fff; }
[data-tema="cocuk"] .m-kahraman.resimli::before { background: linear-gradient(90deg, rgba(31,42,68,.8), rgba(31,42,68,.1)); }
[data-tema="cocuk"] .m-kolaj a { border: 3px solid var(--m-cizgi); box-shadow: 5px 5px 0 #1f2a44; }
[data-tema="cocuk"] .m-kolaj a:nth-child(1) { transform: rotate(-6deg); } [data-tema="cocuk"] .m-kolaj a:nth-child(3) { transform: rotate(5deg); }
[data-tema="cocuk"] .m-rozet-yeni, [data-tema="cocuk"] .m-rozet-one, [data-tema="cocuk"] .m-rozet-tukendi { border: 2px solid #1f2a44; transform: rotate(-6deg); font-family: var(--m-baslik-font); text-transform: none; font-size: .8rem; padding: 4px 12px; }
[data-tema="cocuk"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 500; font-size: 1.05rem; }
[data-tema="cocuk"] .m-fiyat { font-family: var(--m-baslik-font); color: var(--m-ana); }
[data-tema="cocuk"] .m-bolum h2 { font-weight: 700; font-size: 1.7rem; }
[data-tema="cocuk"] .m-guven i { color: var(--m-metin); }
[data-tema="cocuk"] .m-alt { border-top: 3px solid var(--m-cizgi); }

/* ---------------- LÜKS (butik) ---------------- */
[data-tema="luks"] {
    --m-ana: #c9a961; --m-ana-metin: #111111; --m-ana-acik: rgba(201,169,97,.14);
    --m-zemin: #111111; --m-kart: #181816; --m-metin: #f3efe6; --m-soluk: #a39e93; --m-cizgi: #2e2c27;
    --m-kose: 0; --m-kose-k: 0; --m-dugme-kose: 0;
    --m-golge: none; --m-golge-ust: none;
    --m-ust: #111111; --m-serit: #000000; --m-serit-metin: #cfc6b4; --m-alt: #0a0a0a; --m-alt-metin: #a39e93;
    --m-font: "Jost", "Segoe UI", sans-serif;
    --m-baslik-font: "Cormorant Garamond", Georgia, serif;
    --m-basari: #9ccb8f; --m-uyari: #e0b66a; --m-hata: #e08a8a;
}
[data-tema="luks"] .m-govde { letter-spacing: .01em; }
[data-tema="luks"] .m-serit, [data-tema="luks"] .m-katbar a, [data-tema="luks"] .m-islem small, [data-tema="luks"] .m-urun-marka, [data-tema="luks"] .m-bolum a, [data-tema="luks"] .m-alt-baslik, [data-tema="luks"] .btn-m, [data-tema="luks"] .btn-m-cizgi, [data-tema="luks"] .btn-m-acik { text-transform: uppercase; letter-spacing: .16em; font-size: .74rem; font-weight: 500; }
[data-tema="luks"] .m-marka { font-weight: 500; font-size: 1.6rem; letter-spacing: .12em; text-transform: uppercase; }
[data-tema="luks"] .m-marka .m-marka-ikon { background: transparent; border: 1px solid var(--m-ana); color: var(--m-ana); border-radius: 0; }
[data-tema="luks"] .m-ust { border-bottom: 1px solid var(--m-cizgi); }
[data-tema="luks"] .m-ara .form-control { background: transparent; border-color: var(--m-cizgi); }
[data-tema="luks"] .m-ara button { background: transparent; border: 1px solid var(--m-cizgi); border-left: 0; color: var(--m-metin); }
[data-tema="luks"] .m-katbar a:hover, [data-tema="luks"] .m-katbar a.etkin { background: transparent; color: var(--m-ana); }
[data-tema="luks"] .btn-m, [data-tema="luks"] .m-govde a.btn-m { background: transparent; color: var(--m-ana); border: 1px solid var(--m-ana); padding: 12px 24px; }
[data-tema="luks"] .btn-m:hover, [data-tema="luks"] .m-govde a.btn-m:hover { background: var(--m-ana); color: #111; box-shadow: none; }
[data-tema="luks"] .btn-m-cizgi, [data-tema="luks"] .m-govde a.btn-m-cizgi { border-color: var(--m-cizgi); color: var(--m-metin); padding: 12px 24px; }
[data-tema="luks"] .btn-m-cizgi:hover { border-color: var(--m-ana); color: var(--m-ana); background: transparent; }
[data-tema="luks"] .m-kahraman { background: #0d0d0c; color: var(--m-metin); border-top: 1px solid var(--m-ana); border-bottom: 1px solid var(--m-ana); min-height: 420px; }
[data-tema="luks"] .m-kahraman::before { background: radial-gradient(60% 90% at 50% 100%, rgba(201,169,97,.14), transparent 70%); }
[data-tema="luks"] .m-kahraman-govde { grid-template-columns: 1fr; text-align: center; justify-items: center; }
[data-tema="luks"] .m-kahraman h1, [data-tema="luks"] .m-kahraman h2 { font-weight: 500; font-size: clamp(2.4rem, 5.4vw, 4.4rem); letter-spacing: .02em; line-height: 1.05; }
[data-tema="luks"] .m-kahraman h1::after, [data-tema="luks"] .m-kahraman h2::after { content: ""; display: block; width: 64px; height: 1px; background: var(--m-ana); margin: 18px auto 0; }
[data-tema="luks"] .m-kahraman p { color: var(--m-soluk); opacity: 1; margin-left: auto; margin-right: auto; font-weight: 300; font-size: 1.05rem; }
[data-tema="luks"] .m-kahraman .btn-m, [data-tema="luks"] .m-govde .m-kahraman a.btn-m { background: transparent; color: var(--m-ana); border-color: var(--m-ana); }
[data-tema="luks"] .m-kahraman .btn-m:hover { background: var(--m-ana); color: #111; }
[data-tema="luks"] .m-kahraman .d-flex { justify-content: center; }
[data-tema="luks"] .m-kolaj { display: none; }
[data-tema="luks"] .m-kahraman.resimli::before { background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.75)); }
[data-tema="luks"] .m-guven > div, [data-tema="luks"] .m-kat-kart, [data-tema="luks"] .m-urun, [data-tema="luks"] .m-kart { border-color: var(--m-cizgi); }
[data-tema="luks"] .m-guven i { color: var(--m-ana); }
[data-tema="luks"] .m-kat-kart .m-kat-ikon { background: transparent; border: 1px solid var(--m-ana); color: var(--m-ana); font-family: var(--m-baslik-font); font-weight: 500; font-size: 1.5rem; }
[data-tema="luks"] .m-kat-kart:hover { border-color: var(--m-ana); color: var(--m-ana); transform: none; }
[data-tema="luks"] .m-bolum { flex-direction: column; align-items: center; text-align: center; gap: 2px; }
[data-tema="luks"] .m-bolum h2 { font-weight: 500; font-size: 2rem; letter-spacing: .02em; }
[data-tema="luks"] .m-bolum .m-bolum-alt { text-transform: uppercase; letter-spacing: .16em; font-size: .7rem; }
[data-tema="luks"] .m-urun { background: transparent; border: 0; }
[data-tema="luks"] .m-urun:hover { transform: none; }
[data-tema="luks"] .m-urun-resim { background: #1d1c19; }
[data-tema="luks"] .m-urun-resim::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(201,169,97,0); transition: border-color .3s; pointer-events: none; }
[data-tema="luks"] .m-urun:hover .m-urun-resim::after { border-color: rgba(201,169,97,.7); }
[data-tema="luks"] .m-urun:hover .m-urun-resim img { transform: scale(1.08); }
[data-tema="luks"] .m-urun-resim img { transition: transform 1.2s ease; }
[data-tema="luks"] .m-urun-govde { padding: 14px 4px 6px; text-align: center; align-items: center; }
[data-tema="luks"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 500; font-size: 1.2rem; line-height: 1.25; }
[data-tema="luks"] .m-fiyat { font-weight: 400; color: var(--m-ana); font-size: 1rem; letter-spacing: .06em; }
[data-tema="luks"] .m-fiyat small { color: var(--m-soluk); }
[data-tema="luks"] .m-urun form .btn-m { padding: 9px 14px; font-size: .7rem; }
[data-tema="luks"] .m-rozet-yeni, [data-tema="luks"] .m-rozet-one { background: transparent; border: 1px solid var(--m-ana); color: var(--m-ana); border-radius: 0; }
[data-tema="luks"] .m-rozet-tukendi { background: transparent; border: 1px solid var(--m-soluk); color: var(--m-soluk); border-radius: 0; }
[data-tema="luks"] .m-satin h1 { font-weight: 500; font-size: 2.4rem; }
[data-tema="luks"] .m-satin .m-fiyat { font-size: 1.6rem; }
[data-tema="luks"] .m-galeri-ana { background: #1d1c19; }
[data-tema="luks"] .m-sekmeler .nav-link { text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; }
[data-tema="luks"] .m-sepet .m-sayac { color: #111; }
[data-tema="luks"] .m-alt { border-top: 1px solid var(--m-cizgi); }
[data-tema="luks"] .m-alt-marka { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
[data-tema="luks"] .m-tukendi { background: #2a1d1d; color: #e08a8a; }
[data-tema="luks"] .m-oturum-yan { background: #0d0d0c; border-right: 1px solid var(--m-cizgi); }
[data-tema="luks"] .m-mobil .btn-close, [data-tema="luks"] .m-suzgec-ofc .btn-close { filter: invert(1); }
[data-tema="luks"] .table { color: var(--m-metin); --bs-table-color: var(--m-metin); --bs-table-bg: transparent; }
[data-tema="luks"] .form-control::placeholder { color: #6f6a60; }

/* ---------------- TEKNOLOJİ (cam / neon) ---------------- */
[data-tema="teknoloji"] {
    --m-ana: #22d3ee; --m-ana-metin: #06121a; --m-ana-acik: rgba(34,211,238,.12);
    --m-zemin: #070b16; --m-kart: rgba(255,255,255,.04); --m-metin: #e6ecff; --m-soluk: #8b95b3; --m-cizgi: rgba(255,255,255,.09);
    --m-kose: 16px; --m-kose-k: 10px; --m-dugme-kose: 10px;
    --m-golge: 0 0 0 1px rgba(255,255,255,.02); --m-golge-ust: 0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(34,211,238,.12);
    --m-ust: rgba(7,11,22,.85); --m-serit: #05080f; --m-serit-metin: #a9b4d6; --m-alt: #05080f; --m-alt-metin: #8b95b3;
    --m-font: "Inter", system-ui, sans-serif;
    --m-baslik-font: "Space Grotesk", "Inter", sans-serif;
    --m-degrade: linear-gradient(90deg, #22d3ee, #8b5cf6);
}
[data-tema="teknoloji"] .m-govde { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; }
[data-tema="teknoloji"] .m-ust { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
[data-tema="teknoloji"] .m-kart, [data-tema="teknoloji"] .m-urun, [data-tema="teknoloji"] .m-kat-kart, [data-tema="teknoloji"] .m-guven > div, [data-tema="teknoloji"] .dropdown-menu, [data-tema="teknoloji"] .m-mobil, [data-tema="teknoloji"] .m-suzgec-ofc, [data-tema="teknoloji"] .m-bildirim { background: rgba(255,255,255,.04); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-color: rgba(255,255,255,.09); }
[data-tema="teknoloji"] .m-urun:hover, [data-tema="teknoloji"] .m-kat-kart:hover { border-color: rgba(34,211,238,.5); }
[data-tema="teknoloji"] .form-control, [data-tema="teknoloji"] .form-select, [data-tema="teknoloji"] .m-adet, [data-tema="teknoloji"] .m-secenek { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: var(--m-metin); }
[data-tema="teknoloji"] .form-control::placeholder { color: #5f6a8a; }
[data-tema="teknoloji"] .form-select option { background: #0f1526; }
[data-tema="teknoloji"] .btn-m, [data-tema="teknoloji"] .m-govde a.btn-m { background: var(--m-degrade); border: 0; color: #06121a; font-weight: 700; box-shadow: 0 8px 24px rgba(34,211,238,.25); }
[data-tema="teknoloji"] .btn-m:hover, [data-tema="teknoloji"] .m-govde a.btn-m:hover { box-shadow: 0 10px 30px rgba(139,92,246,.4); color: #06121a; filter: brightness(1.08); }
[data-tema="teknoloji"] .m-marka .m-marka-ikon { background: var(--m-degrade); color: #06121a; }
[data-tema="teknoloji"] .m-marka { font-weight: 700; letter-spacing: -.02em; }
[data-tema="teknoloji"] .m-kahraman { background: #0a1020; border: 1px solid rgba(255,255,255,.08); }
[data-tema="teknoloji"] .m-kahraman::before { background: radial-gradient(50% 70% at 80% 20%, rgba(139,92,246,.35), transparent 60%), radial-gradient(40% 60% at 15% 90%, rgba(34,211,238,.28), transparent 60%); }
[data-tema="teknoloji"] .m-kahraman h1, [data-tema="teknoloji"] .m-kahraman h2 { background: var(--m-degrade); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; letter-spacing: -.03em; font-size: clamp(2rem, 4.4vw, 3.4rem); }
[data-tema="teknoloji"] .m-kahraman p { color: #b6c0e0; }
[data-tema="teknoloji"] .m-kahraman .btn-m, [data-tema="teknoloji"] .m-govde .m-kahraman a.btn-m { background: var(--m-degrade); color: #06121a; border: 0; }
[data-tema="teknoloji"] .m-kahraman .btn-m-cizgi { border-color: rgba(255,255,255,.3); color: #fff; }
[data-tema="teknoloji"] .m-kahraman.resimli h1, [data-tema="teknoloji"] .m-kahraman.resimli h2 { background: none; color: #fff; }
[data-tema="teknoloji"] .m-kolaj a { border: 1px solid rgba(255,255,255,.14); box-shadow: 0 20px 40px rgba(0,0,0,.5); }
[data-tema="teknoloji"] .m-kat-kart .m-kat-ikon { background: #0a1020; color: #fff; box-shadow: 0 0 0 2px rgba(34,211,238,.6), 0 0 18px rgba(139,92,246,.4); }
[data-tema="teknoloji"] .m-guven i { color: #22d3ee; }
[data-tema="teknoloji"] .m-bolum h2 { font-weight: 700; letter-spacing: -.02em; }
[data-tema="teknoloji"] .m-bolum h2::after { content: ""; display: block; width: 46px; height: 3px; margin-top: 6px; background: var(--m-degrade); border-radius: 2px; }
[data-tema="teknoloji"] .m-urun-resim { background: #0f1526; }
[data-tema="teknoloji"] .m-fiyat { color: #fff; }
[data-tema="teknoloji"] .m-rozet-one { background: var(--m-degrade); color: #06121a; }
[data-tema="teknoloji"] .m-sepet .m-sayac { color: #06121a; }
[data-tema="teknoloji"] .m-satin .m-fiyat { background: var(--m-degrade); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-tema="teknoloji"] .m-satin .m-fiyat small { color: var(--m-soluk); -webkit-text-fill-color: var(--m-soluk); }
[data-tema="teknoloji"] .m-galeri-ana { background: #0f1526; }
[data-tema="teknoloji"] .m-yukari { background: #0f1526; }
[data-tema="teknoloji"] .m-oturum-yan { background: linear-gradient(160deg, #0a1020, #1a1040); }
[data-tema="teknoloji"] .table, [data-tema="teknoloji"] .m-sayfalama a, [data-tema="teknoloji"] .m-sayfalama span { color: var(--m-metin); --bs-table-color: var(--m-metin); --bs-table-bg: transparent; }
[data-tema="teknoloji"] .m-sayfalama a, [data-tema="teknoloji"] .m-sayfalama span { background: rgba(255,255,255,.04); }
[data-tema="teknoloji"] .m-mobil .btn-close, [data-tema="teknoloji"] .m-suzgec-ofc .btn-close { filter: invert(1); }
[data-tema="teknoloji"] .m-tukendi { background: #3f1d1d; color: #fca5a5; }
[data-tema="teknoloji"] .m-alt { border-top: 1px solid rgba(255,255,255,.08); }

/* ---------------- DOĞA (organik) ---------------- */
[data-tema="doga"] {
    --m-ana: #3f6b47; --m-ana-metin: #fff;
    --m-zemin: #f1f4ec; --m-kart: #fbfcf8; --m-metin: #1f2a22; --m-soluk: #5f6b62; --m-cizgi: #d9e0d3;
    --m-kose: 24px; --m-kose-k: 14px; --m-dugme-kose: 999px;
    --m-golge: 0 6px 20px rgba(47,93,58,.08); --m-golge-ust: 0 16px 36px rgba(47,93,58,.16);
    --m-ust: #fbfcf8; --m-serit: #24352a; --m-serit-metin: #d9e6d3; --m-alt: #24352a; --m-alt-metin: #bccbb8;
    --m-font: "Karla", "Segoe UI", sans-serif;
    --m-baslik-font: "DM Serif Display", Georgia, serif;
}
[data-tema="doga"] .m-govde { background-image: radial-gradient(60% 40% at 100% 0%, rgba(63,107,71,.08), transparent 60%), radial-gradient(40% 40% at 0% 100%, rgba(193,99,58,.07), transparent 60%); background-attachment: fixed; }
[data-tema="doga"] .m-marka { font-weight: 400; font-size: 1.5rem; }
[data-tema="doga"] .m-marka .m-marka-ikon { border-radius: 60% 40% 55% 45% / 55% 45% 55% 45%; }
[data-tema="doga"] .m-kahraman { background: #2f5d3a; border-radius: 40px 40px 40px 120px; }
[data-tema="doga"] .m-kahraman::before { background: radial-gradient(50% 80% at 90% 10%, rgba(255,255,255,.18), transparent 60%); }
[data-tema="doga"] .m-kahraman::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 360px; height: 360px; background: rgba(193,99,58,.35); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; z-index: -1; }
[data-tema="doga"] .m-kahraman h1, [data-tema="doga"] .m-kahraman h2 { font-weight: 400; font-size: clamp(2.2rem, 4.8vw, 3.8rem); letter-spacing: 0; }
[data-tema="doga"] .m-kahraman h1 em, [data-tema="doga"] .m-kahraman h2 em { font-style: italic; color: #f4d9c6; }
[data-tema="doga"] .m-kahraman .btn-m, [data-tema="doga"] .m-govde .m-kahraman a.btn-m { background: #f4d9c6; color: #2f5d3a; border-color: #f4d9c6; }
[data-tema="doga"] .m-kahraman .btn-m:hover { background: #fff; }
[data-tema="doga"] .m-kolaj { transform: none; }
[data-tema="doga"] .m-kolaj a { border-radius: 60% 40% 55% 45% / 50% 45% 55% 50%; box-shadow: 0 16px 30px rgba(0,0,0,.25); }
[data-tema="doga"] .m-kolaj a:nth-child(2) { border-radius: 45% 55% 40% 60% / 55% 40% 60% 45%; }
[data-tema="doga"] .m-kolaj a:nth-child(3) { border-radius: 50% 50% 60% 40% / 45% 60% 40% 55%; }
[data-tema="doga"] .m-kahraman.resimli { border-radius: 40px 40px 40px 120px; }
[data-tema="doga"] .m-kat-kart .m-kat-ikon { border-radius: 60% 40% 55% 45% / 55% 45% 55% 45%; font-family: var(--m-baslik-font); font-weight: 400; font-size: 1.5rem; }
[data-tema="doga"] .m-kat-kart:nth-child(odd) .m-kat-ikon { border-radius: 45% 55% 40% 60% / 55% 40% 60% 45%; }
[data-tema="doga"] .m-urun { border: 0; border-radius: 22px 22px 22px 22px; }
[data-tema="doga"] .m-urun-resim { border-radius: 22px 22px 60px 22px; background: #e7ede1; }
[data-tema="doga"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 400; font-size: 1.1rem; }
[data-tema="doga"] .m-bolum h2 { font-weight: 400; font-size: 1.9rem; }
[data-tema="doga"] .m-guven > div { border: 0; background: rgba(63,107,71,.07); }
[data-tema="doga"] .m-guven i { color: #c1633a; }
[data-tema="doga"] .m-satin h1 { font-weight: 400; font-size: 2.2rem; }
[data-tema="doga"] .m-galeri-ana { border-radius: 24px 24px 90px 24px; background: #e7ede1; }
[data-tema="doga"] .m-oturum-yan { background: linear-gradient(160deg, #2f5d3a, #24352a); }
[data-tema="doga"] .m-alt { border-radius: 60px 60px 0 0; }
[data-tema="doga"] .m-alt-iletisim i { color: #f4d9c6; }
[data-tema="doga"] .m-rozet-yeni { background: #c1633a; }

/* ---------------- KOZMETİK (pudra & gül-altın) ---------------- */
[data-tema="kozmetik"] {
    --m-ana: #b76e79; --m-ana-metin: #fff; --m-ana-acik: rgba(183,110,121,.12);
    --m-zemin: #fbf5f3; --m-kart: #fffdfc; --m-metin: #2b2224; --m-soluk: #7d6b6f; --m-cizgi: #ecdcd9;
    --m-kose: 28px; --m-kose-k: 18px; --m-dugme-kose: 999px;
    --m-golge: 0 6px 22px rgba(183,110,121,.10); --m-golge-ust: 0 18px 40px rgba(183,110,121,.20);
    --m-ust: #fffdfc; --m-serit: #2b2224; --m-serit-metin: #f1dcd5; --m-alt: #2b2224; --m-alt-metin: #d8c4c0;
    --m-font: "Manrope", "Segoe UI", sans-serif;
    --m-baslik-font: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
}
[data-tema="kozmetik"] .m-govde { background-image: radial-gradient(55% 45% at 100% 0%, rgba(183,110,121,.10), transparent 60%), radial-gradient(40% 40% at 0% 100%, rgba(212,175,55,.08), transparent 60%); background-attachment: fixed; }
[data-tema="kozmetik"] .m-marka { font-family: var(--m-baslik-font); font-weight: 600; font-size: 1.5rem; letter-spacing: .06em; text-transform: uppercase; }
[data-tema="kozmetik"] .m-marka .m-marka-ikon { border-radius: 999px; }
[data-tema="kozmetik"] .m-katbar a { text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; font-weight: 600; }
/* İmza: pudra degradeli afiş, ince gül-altın hat ve kemer (ayna) biçimli görseller */
[data-tema="kozmetik"] .m-kahraman { background: linear-gradient(135deg, #f3dcd8 0%, #f8e9e4 55%, #f1e3d0 100%); color: var(--m-metin); border-radius: 28px; box-shadow: var(--m-golge); }
[data-tema="kozmetik"] .m-kahraman::before { background: radial-gradient(45% 70% at 88% 18%, rgba(255,255,255,.65), transparent 60%); }
[data-tema="kozmetik"] .m-kahraman h1, [data-tema="kozmetik"] .m-kahraman h2 { font-weight: 500; font-size: clamp(2.3rem, 5vw, 4rem); letter-spacing: -.01em; line-height: 1.05; }
[data-tema="kozmetik"] .m-kahraman h1 em, [data-tema="kozmetik"] .m-kahraman h2 em { font-style: italic; color: var(--m-ana); }
[data-tema="kozmetik"] .m-kahraman h1::after, [data-tema="kozmetik"] .m-kahraman h2::after { content: ""; display: block; width: 64px; height: 2px; margin-top: 16px; background: linear-gradient(90deg, #b76e79, #d4af37); }
[data-tema="kozmetik"] .m-kahraman p { color: var(--m-soluk); opacity: 1; font-size: 1.08rem; }
[data-tema="kozmetik"] .m-kahraman .btn-m, [data-tema="kozmetik"] .m-govde .m-kahraman a.btn-m { background: var(--m-ana); color: #fff; border-color: var(--m-ana); }
[data-tema="kozmetik"] .m-kahraman .btn-m:hover { background: #a25c68; color: #fff; }
[data-tema="kozmetik"] .m-kahraman .btn-m-cizgi, [data-tema="kozmetik"] .m-govde .m-kahraman a.btn-m-cizgi { border-color: var(--m-metin); color: var(--m-metin); }
[data-tema="kozmetik"] .m-kahraman.resimli { color: #fff; }
[data-tema="kozmetik"] .m-kahraman.resimli p { color: #fff; opacity: .9; }
[data-tema="kozmetik"] .m-kahraman.resimli::before { background: linear-gradient(90deg, rgba(43,34,36,.72) 0%, rgba(43,34,36,.35) 55%, rgba(43,34,36,.08) 100%); }
[data-tema="kozmetik"] .m-kolaj { transform: none; gap: 14px; align-items: start; }
[data-tema="kozmetik"] .m-kolaj a { border-radius: 999px 999px 22px 22px; border: 4px solid #fff; box-shadow: 0 16px 30px rgba(43,34,36,.18); }
[data-tema="kozmetik"] .m-kolaj a:nth-child(2) { transform: translateY(18px); }
[data-tema="kozmetik"] .m-kat-kart .m-kat-ikon { border-radius: 999px 999px 8px 8px; background: #f3dcd8; color: var(--m-ana); font-family: var(--m-baslik-font); font-weight: 500; font-size: 1.4rem; }
[data-tema="kozmetik"] .m-urun { border: 0; }
[data-tema="kozmetik"] .m-urun:hover { box-shadow: var(--m-golge-ust), 0 0 0 1px var(--m-ana); }
[data-tema="kozmetik"] .m-urun-resim { border-radius: 18px; background: #f6e9e6; }
[data-tema="kozmetik"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 500; font-size: 1.12rem; }
[data-tema="kozmetik"] .m-fiyat { font-weight: 700; color: var(--m-ana); }
[data-tema="kozmetik"] .m-bolum { justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 4px; }
[data-tema="kozmetik"] .m-bolum h2 { font-weight: 500; font-size: 2rem; }
[data-tema="kozmetik"] .m-bolum h2::after { content: ""; display: block; width: 48px; height: 2px; margin: 10px auto 0; background: linear-gradient(90deg, #b76e79, #d4af37); }
[data-tema="kozmetik"] .m-guven > div { border: 0; background: #fff; border-radius: 18px; box-shadow: var(--m-golge); }
[data-tema="kozmetik"] .m-guven i { color: #d4af37; }
[data-tema="kozmetik"] .m-satin h1 { font-weight: 500; font-size: 2.3rem; }
[data-tema="kozmetik"] .m-galeri-ana { border-radius: 999px 999px 24px 24px; background: #f6e9e6; }
[data-tema="kozmetik"] .m-oturum-yan { background: linear-gradient(160deg, #b76e79, #6f3b45); }
[data-tema="kozmetik"] .m-alt { border-top: 1px solid #d4af37; }
[data-tema="kozmetik"] .m-alt-iletisim i { color: #e7c8a0; }
[data-tema="kozmetik"] .m-rozet-yeni { background: #d4af37; color: #2b2224; }
[data-tema="kozmetik"] .m-rozet-one { background: var(--m-ana); }

/* ---------------- GÜZELLİK MERKEZİ (fildişi & mürdüm) ---------------- */
[data-tema="guzellik"] {
    --m-ana: #6e4b6b; --m-ana-metin: #fff; --m-ana-acik: rgba(110,75,107,.12);
    --m-zemin: #f8f5f1; --m-kart: #fffefc; --m-metin: #2a2327; --m-soluk: #736a70; --m-cizgi: #e8e0da;
    --m-kose: 20px; --m-kose-k: 14px; --m-dugme-kose: 999px;
    --m-golge: 0 4px 18px rgba(110,75,107,.08); --m-golge-ust: 0 16px 36px rgba(110,75,107,.16);
    --m-ust: #fffefc; --m-serit: #6e4b6b; --m-serit-metin: #f1e4ec; --m-alt: #2a2327; --m-alt-metin: #cfc3c9;
    --m-font: "Mulish", "Segoe UI", sans-serif;
    --m-baslik-font: "Gilda Display", Georgia, "Times New Roman", serif;
}
[data-tema="guzellik"] .m-govde { background-image: linear-gradient(180deg, rgba(110,75,107,.05), transparent 260px); }
[data-tema="guzellik"] .m-marka { font-weight: 400; font-size: 1.6rem; letter-spacing: .02em; }
[data-tema="guzellik"] .m-marka .m-marka-ikon { border-radius: 50%; }
[data-tema="guzellik"] .m-katbar a { text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
/* İmza: mürdüm tonlu afişte tek büyük yumuşak köşe (spa taşı), halka ve oval görseller */
[data-tema="guzellik"] .m-kahraman { background: #ece2e6; color: var(--m-metin); border-radius: 20px 20px 160px 20px; }
[data-tema="guzellik"] .m-kahraman::before { background: radial-gradient(40% 60% at 85% 20%, rgba(255,255,255,.7), transparent 60%); }
[data-tema="guzellik"] .m-kahraman::after { content: ""; position: absolute; right: 36px; top: 30px; width: 140px; height: 140px; border: 1px solid rgba(110,75,107,.35); border-radius: 50%; z-index: -1; box-shadow: inset 0 0 0 14px rgba(255,255,255,.35); }
[data-tema="guzellik"] .m-kahraman h1, [data-tema="guzellik"] .m-kahraman h2 { font-weight: 400; font-size: clamp(2.2rem, 4.8vw, 3.8rem); line-height: 1.08; letter-spacing: 0; }
[data-tema="guzellik"] .m-kahraman h1::before, [data-tema="guzellik"] .m-kahraman h2::before { content: "Kendinize zaman ayırın"; display: block; font-family: var(--m-font); font-size: .72rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--m-ana); margin-bottom: 14px; }
[data-tema="guzellik"] .m-kahraman h1 em, [data-tema="guzellik"] .m-kahraman h2 em { font-style: italic; color: var(--m-ana); }
[data-tema="guzellik"] .m-kahraman p { color: var(--m-soluk); opacity: 1; font-size: 1.08rem; }
[data-tema="guzellik"] .m-kahraman .btn-m, [data-tema="guzellik"] .m-govde .m-kahraman a.btn-m { background: var(--m-ana); color: #fff; border-color: var(--m-ana); }
[data-tema="guzellik"] .m-kahraman .btn-m:hover { background: #5a3a58; color: #fff; }
[data-tema="guzellik"] .m-kahraman .btn-m-cizgi, [data-tema="guzellik"] .m-govde .m-kahraman a.btn-m-cizgi { border-color: var(--m-ana); color: var(--m-ana); }
[data-tema="guzellik"] .m-kahraman.resimli { color: #fff; }
[data-tema="guzellik"] .m-kahraman.resimli p { color: #fff; opacity: .9; }
[data-tema="guzellik"] .m-kahraman.resimli h1::before, [data-tema="guzellik"] .m-kahraman.resimli h2::before { color: #e9d3c3; }
[data-tema="guzellik"] .m-kahraman.resimli::before { background: linear-gradient(90deg, rgba(42,35,39,.75) 0%, rgba(42,35,39,.35) 55%, rgba(42,35,39,.1) 100%); }
[data-tema="guzellik"] .m-kolaj { transform: none; gap: 14px; align-items: end; }
[data-tema="guzellik"] .m-kolaj a { border-radius: 50% / 40%; border: 3px solid #fff; box-shadow: 0 14px 28px rgba(42,35,39,.18); }
[data-tema="guzellik"] .m-kolaj a:nth-child(2) { transform: translateY(-16px); }
[data-tema="guzellik"] .m-kat-kart .m-kat-ikon { border-radius: 50%; background: #ece2e6; color: var(--m-ana); font-family: var(--m-baslik-font); font-weight: 400; font-size: 1.4rem; }
[data-tema="guzellik"] .m-urun { border: 0; }
[data-tema="guzellik"] .m-urun-resim { border-radius: 14px; background: #f1ebe7; }
[data-tema="guzellik"] .m-urun-ad { font-family: var(--m-baslik-font); font-weight: 400; font-size: 1.12rem; }
[data-tema="guzellik"] .m-fiyat { font-weight: 700; color: var(--m-ana); }
[data-tema="guzellik"] .m-bolum h2 { font-weight: 400; font-size: 1.95rem; }
[data-tema="guzellik"] .m-guven > div { border: 0; background: #fff; border-radius: 14px; box-shadow: var(--m-golge); }
[data-tema="guzellik"] .m-guven i { color: #b8925f; }
[data-tema="guzellik"] .m-satin h1 { font-weight: 400; font-size: 2.2rem; }
[data-tema="guzellik"] .m-galeri-ana { border-radius: 24px 24px 120px 24px; background: #f1ebe7; }
[data-tema="guzellik"] .m-oturum-yan { background: linear-gradient(160deg, #6e4b6b, #3e2a3c); }
[data-tema="guzellik"] .m-alt { border-radius: 40px 40px 0 0; }
[data-tema="guzellik"] .m-alt-iletisim i { color: #e9d3c3; }
[data-tema="guzellik"] .m-rozet-yeni { background: #b8925f; }
[data-tema="guzellik"] .m-rozet-one { background: var(--m-ana); }

/* Ortak: küçültülmüş hareket tercihi */
@media (prefers-reduced-motion: reduce) {
    [data-tema] .m-urun, [data-tema] .m-kat-kart, [data-tema] .m-urun-resim img, [data-tema] .m-kolaj a { transition: none !important; }
}
@media (max-width: 991.98px) {
    [data-tema="luks"] .m-kahraman { min-height: 320px; }
    [data-tema="doga"] .m-kahraman, [data-tema="doga"] .m-kahraman.resimli { border-radius: 28px 28px 28px 70px; }
    [data-tema="cocuk"] .m-kahraman { box-shadow: 5px 5px 0 #1f2a44; }
    [data-tema="guzellik"] .m-kahraman, [data-tema="guzellik"] .m-kahraman.resimli { border-radius: 20px 20px 80px 20px; }
    [data-tema="guzellik"] .m-kahraman::after { display: none; }
    [data-tema="kozmetik"] .m-kolaj a:nth-child(2), [data-tema="guzellik"] .m-kolaj a:nth-child(2) { transform: none; }
}

/* Telefon: iri harf aralıklı başlıklar uzun mağaza adında satırı taşırmasın */
@media (max-width: 991.98px) {
    [data-tema="luks"] .m-marka { font-size: 1.1rem; letter-spacing: .06em; }
    [data-tema="cocuk"] .m-marka { font-size: 1.15rem; }
    [data-tema="kozmetik"] .m-marka { font-size: 1.05rem; letter-spacing: .04em; }
    [data-tema="guzellik"] .m-marka { font-size: 1.2rem; }
}