:root {
  --magaza-ana-renk: #3474d4;
  --magaza-ikincil-renk: #263043;
  --magaza-yuvarlaklik: 10px;
  --magaza-konteyner: 1200px;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
body {
  color: #444;
  background: #fff;
  font-family: var(--magaza-font, Poppins, Arial, sans-serif);
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
a {
  color: inherit;
}
.container {
  max-width: var(--magaza-konteyner);
}
.magaza-uyari {
  position: relative;
  padding: 12px 46px 12px 16px;
  margin: 12px auto;
  border-radius: 9px;
  max-width: var(--magaza-konteyner);
}
.magaza-uyari.basari {
  background: #eaf8ef;
  color: #167044;
  border: 1px solid #bfe9cf;
}
.magaza-uyari.hata {
  background: #fff0f0;
  color: #a32f2f;
  border: 1px solid #f2c4c4;
}
.ceviri-bildirimi {
  position: fixed;
  z-index: 140;
  top: 18px;
  right: 180px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  width: min(430px, calc(100vw - 36px));
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid #dce4ee;
  border-radius: 13px;
  background: #fff;
  color: #425168;
  box-shadow: 0 18px 45px rgba(22, 35, 55, 0.2);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
}
.ceviri-bildirimi > i {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 9px;
  background: #eaf1fb;
  color: var(--magaza-ana-renk);
  font-size: 14px;
}
.ceviri-bildirimi > button {
  border: 0;
  background: transparent;
  color: #7d8795;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
}
.ceviri-bildirimi.hata {
  border-color: #f1c8c8;
  background: #fff8f8;
  color: #8f3535;
}
.ceviri-bildirimi.hata > i {
  background: #fde9e9;
  color: #c64040;
}
.ceviri-bildirimi.basari {
  border-color: #bfe5cd;
  background: #f4fcf7;
  color: #276b45;
}
.ceviri-bildirimi.basari > i {
  background: #dff4e7;
  color: #238053;
}
html[data-magaza-tema="koyu"] .ceviri-bildirimi {
  border-color: #344258;
  background: #172234;
  color: #d5deea;
}
html[data-magaza-tema="koyu"] .ceviri-bildirimi.hata {
  border-color: #74404a;
  background: #2a1c25;
  color: #ffc9cf;
}
[data-magaza-tercihi="dil"][aria-busy="true"] {
  cursor: progress;
  opacity: 0.68;
}
.google-ceviri-koprusu {
  position: fixed !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body > .skiptranslate,
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
.goog-logo-link,
.goog-te-gadget span {
  display: none !important;
}
.goog-te-gadget {
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}
.magaza-header {
  background: #fff;
  position: relative;
  z-index: 20;
  border-bottom: 1px solid #edf0f4;
}
.magaza-header .ust-serit {
  background: var(--magaza-ikincil-renk);
  color: #fff;
  font-size: 12px;
  padding: 8px 0;
}
.magaza-header .header-ana {
  display: grid;
  grid-template-columns: 240px minmax(240px, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 20px 0;
}
.magaza-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  font-weight: 800;
  color: var(--magaza-ana-renk);
}
.magaza-logo img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.magaza-logo .magaza-logo-gorseli {
  width: auto;
  max-width: 190px;
  height: 68px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 600px) {
  .magaza-logo .magaza-logo-gorseli {
    max-width: 138px;
    height: 38px;
  }
}
.logo-isareti {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 13px 6px 13px 6px;
  background: linear-gradient(
    145deg,
    var(--magaza-ana-renk),
    color-mix(in srgb, var(--magaza-ana-renk) 72%, #152344)
  );
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.04em;
  box-shadow: 0 7px 20px
    color-mix(in srgb, var(--magaza-ana-renk) 22%, transparent);
}
.magaza-arama {
  display: flex;
  border: 2px solid var(--magaza-ana-renk);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}
.magaza-arama input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 12px 18px;
  outline: 0;
}
.magaza-arama button {
  border: 0;
  background: var(--magaza-ana-renk);
  color: #fff;
  width: 52px;
}
.header-eylemler {
  display: flex;
  gap: 16px;
  align-items: center;
}
.header-eylem {
  display: grid;
  place-items: center;
  min-width: 44px;
  text-align: center;
  font-size: 12px;
  position: relative;
}
.header-eylem i {
  font-size: 22px;
  color: var(--magaza-ikincil-renk);
}
.header-sayac {
  position: absolute;
  right: 1px;
  top: -5px;
  min-width: 18px;
  height: 18px;
  border-radius: 10px;
  color: #fff;
  background: var(--magaza-ana-renk);
  font-size: 10px;
  line-height: 18px;
}
.magaza-menu {
  border-top: 1px solid #edf0f4;
}
.magaza-menu ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.magaza-menu a {
  display: block;
  padding: 13px 15px;
  font-weight: 600;
  font-size: 14px;
}
.magaza-menu a:hover {
  color: var(--magaza-ana-renk);
}
.mobil-menu-dugmesi {
  display: none;
  border: 0;
  background: var(--magaza-ana-renk);
  color: #fff;
  border-radius: 8px;
  padding: 9px 12px;
}
.ust-serit-icerik {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
}
.ust-sol,
.ust-sag {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ust-sag {
  justify-content: flex-end;
}
.ust-mesaj {
  text-align: center;
}
.ust-sosyal {
  display: inline-flex;
  gap: 8px;
}
.magaza-logo > span,
.magaza-logo small {
  display: block;
}
.magaza-logo small {
  margin-top: 2px;
  color: #8a8a8a;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.header-dahili-menu,
.header-kategori-dugmesi,
.header-kategori-seridi,
.magaza-menu .menu-kategori-dugmesi {
  display: none;
}
.header-dahili-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-dahili-menu a {
  font-size: 13px;
  font-weight: 600;
  color: #444;
}
.magaza-menu-icerik {
  display: flex;
  align-items: center;
}
.magaza-menu-icerik > ul {
  flex: 1;
  flex-wrap: nowrap;
}
.ana-menu-kategori {
  position: relative;
}
.menu-kategori-satiri {
  display: flex;
  align-items: center;
  min-width: 0;
}
.menu-kategori-satiri > a {
  flex: 1;
  min-width: 0;
}
.menu-alt-dugmesi {
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-left: -9px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: currentColor;
  cursor: pointer;
}
.menu-alt-dugmesi i {
  transition: transform 0.18s ease;
}
.menu-alt-dugmesi[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.magaza-menu .menu-alt-listesi {
  z-index: 95;
  min-width: 235px;
  margin: 0;
  padding: 7px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  color: #29364b;
  box-shadow: 0 18px 42px rgba(20, 34, 58, 0.17);
}
.magaza-menu .menu-alt-listesi a {
  padding: 10px 12px;
  border-radius: 7px;
  color: #425069;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  white-space: nowrap;
}
.magaza-menu .menu-alt-listesi a:hover {
  background: #f1f5fa;
  color: var(--magaza-ana-renk);
}
@media (min-width: 769px) {
  .magaza-menu .menu-alt-listesi {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
  }
  .magaza-menu .menu-alt-listesi .menu-alt-listesi {
    left: calc(100% - 2px);
    top: -7px;
  }
  .ana-menu-kategori:hover > .menu-alt-listesi,
  .ana-menu-kategori:focus-within > .menu-alt-listesi,
  .magaza-menu .menu-alt-listesi.acik {
    display: block;
  }
}
.menu-kategori-dugmesi,
.header-kategori-dugmesi {
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-weight: 700;
}
.header-kategori-seridi > .container {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-block: 14px;
}
.header-kategori-seridi a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
}

/* Demo 2: pembe tam genişlik menü */
.tema-header-02 {
  --header-vurgu: #e58487;
  --header-koyu: #202020;
}
.tema-header-02 .ust-serit {
  padding: 9px 0 11px;
  background: #f5f5f5;
  color: #777;
}
.tema-header-02 .ust-sosyal {
  display: none;
}
.tema-header-02 .header-ana {
  padding: 25px 0;
}
.tema-header-02 .magaza-logo {
  color: #e58487;
}
.tema-header-02 .logo-isareti {
  border-radius: 0;
  background: #e58487;
  box-shadow: none;
}
.tema-header-02 .magaza-arama {
  border: 1px solid #e58487;
  border-radius: 0;
}
.tema-header-02 .magaza-arama button {
  background: #e58487;
}
.tema-header-02 .header-eylem {
  min-height: 50px;
  padding-left: 14px;
  border-left: 1px solid #eee;
}
.tema-header-02 .magaza-menu {
  border: 0;
  background: #e58487;
  color: #fff;
}
.tema-header-02 .magaza-menu ul {
  justify-content: center;
}
.tema-header-02 .magaza-menu a {
  padding-block: 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.tema-header-02 .magaza-menu a:hover {
  color: #202020;
  background: rgba(255, 255, 255, 0.18);
}

/* Demo 3: şeftali kategori bloğu ve lacivert navigasyon */
.tema-header-03 {
  --header-vurgu: #ffbf7f;
  --header-koyu: #142f41;
}
.tema-header-03 .ust-serit {
  padding: 7px 0;
  border-block: 1px solid #eee;
  background: #fff;
  color: #777;
}
.tema-header-03 .header-ana {
  grid-template-columns: 220px minmax(260px, 1fr) auto;
  padding: 25px 0;
}
.tema-header-03 .magaza-logo {
  color: #142f41;
}
.tema-header-03 .logo-isareti {
  border-radius: 50%;
  background: #ffbf7f;
  color: #142f41;
  box-shadow: none;
}
.tema-header-03 .magaza-arama {
  width: 80%;
  justify-self: center;
  border: 1px solid #eee;
  border-radius: 23px;
}
.tema-header-03 .magaza-arama button {
  background: #ffbf7f;
  color: #142f41;
}
.tema-header-03 .magaza-menu {
  border: 0;
  background: #142f41;
  color: #fff;
}
.tema-header-03 .magaza-menu .menu-kategori-dugmesi {
  display: flex;
  align-self: stretch;
  min-width: 200px;
  background: #ffbf7f;
  color: #142f41;
}
.tema-header-03 .magaza-menu ul {
  justify-content: center;
}
.tema-header-03 .magaza-menu a {
  padding-block: 15px;
  color: #fff;
}
.tema-header-03 .magaza-menu a:hover {
  color: #ffbf7f;
}

/* Demo 4: koyu üst şerit, turkuaz arama ve kategori şeridi */
.tema-header-04 {
  --header-vurgu: #00969b;
  --header-koyu: #222;
  border: 0;
}
.tema-header-04 .ust-serit {
  padding: 10px 0;
  background: #222;
  color: #fff;
}
.tema-header-04 .header-ana {
  grid-template-columns: 190px minmax(420px, 1fr) auto;
  padding: 22px 0;
}
.tema-header-04 .magaza-logo {
  color: #222;
}
.tema-header-04 .logo-isareti {
  border-radius: 0;
  background: #00969b;
  box-shadow: none;
}
.tema-header-04 .magaza-arama {
  border: 1px solid #eee;
  border-radius: 0;
}
.tema-header-04 .magaza-arama button {
  background: #00969b;
}
.tema-header-04 .header-kategori-seridi {
  display: block;
  background: #f9f9f9;
  border-block: 1px solid #eee;
}
.tema-header-04 .header-kategori-seridi a:hover {
  color: #00969b;
}
.tema-header-04 .magaza-menu {
  border: 0;
  background: #fff;
}
.tema-header-04 .magaza-menu ul {
  justify-content: center;
}
.tema-header-04 .magaza-menu a {
  padding-block: 14px;
  color: #777;
  font-weight: 500;
}
.tema-header-04 .magaza-menu a:hover {
  color: #00969b;
}

/* Demo 5: elektronik; siyah menü ve sarı kategori vurgusu */
.tema-header-05 {
  --header-vurgu: #fdd330;
  --header-koyu: #212121;
  border: 0;
}
.tema-header-05 .ust-serit {
  padding: 5px 0;
  background: #fff;
  color: #777;
}
.tema-header-05 .ust-mesaj {
  color: #0d4fcf;
}
.tema-header-05 .header-ana {
  grid-template-columns: 1fr 1.15fr 1fr;
  padding: 25px 0;
}
.tema-header-05 .magaza-logo {
  color: #0d4fcf;
}
.tema-header-05 .logo-isareti {
  border-radius: 50%;
  background: #0d4fcf;
  box-shadow: none;
}
.tema-header-05 .magaza-arama {
  border: 1px solid #eee;
  border-radius: 23px;
}
.tema-header-05 .magaza-arama button {
  background: #0d4fcf;
}
.tema-header-05 .magaza-menu {
  border: 0;
  background: #212121;
  color: #fff;
}
.tema-header-05 .magaza-menu .menu-kategori-dugmesi {
  display: flex;
  align-self: stretch;
  min-width: 210px;
  background: #fdd330;
  color: #212121;
  text-transform: uppercase;
}
.tema-header-05 .magaza-menu ul {
  justify-content: center;
}
.tema-header-05 .magaza-menu a {
  padding-block: 13px;
  color: #fff;
}
.tema-header-05 .magaza-menu a:hover {
  color: #fdd330;
}

/* Demo 6: koyu üst şerit, yeşil vurgu ve yuvarlak arama */
.tema-header-06 {
  --header-vurgu: #46c389;
  --header-koyu: #222;
  border: 0;
  background: #fff;
  color: #444;
}
.tema-header-06 .ust-serit {
  padding: 10px 0;
  background: #222;
  color: #fff;
}
.tema-header-06 .header-ana {
  grid-template-columns: 190px minmax(420px, 1fr) auto;
  padding: 22px 0;
}
.tema-header-06 .magaza-logo {
  color: #222;
}
.tema-header-06 .logo-isareti {
  border-radius: 50%;
  background: #46c389;
  box-shadow: none;
}
.tema-header-06 .header-eylem i {
  color: #222;
}
.tema-header-06 .magaza-arama {
  border: 1px solid #eee;
  border-radius: 30px;
}
.tema-header-06 .magaza-arama button {
  background: #46c389;
}
.tema-header-06 .header-kategori-seridi {
  display: block;
  background: #fff;
  border-block: 1px solid #eee;
}
.tema-header-06 .header-kategori-seridi i {
  color: #46c389;
}
.tema-header-06 .magaza-menu {
  border: 0;
  background: #fff;
}
.tema-header-06 .magaza-menu ul {
  justify-content: center;
}
.tema-header-06 .magaza-menu a {
  padding-block: 17px;
  color: #777;
  font-weight: 500;
}
.tema-header-06 .magaza-menu a:hover {
  color: #46c389;
}

/* Demo 7: doğal pembe/yeşil, gölgelendirilmiş açık menü */
.tema-header-07 {
  --header-vurgu: #ff909d;
  --header-koyu: #1c8855;
}
.tema-header-07 .ust-serit {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #777;
}
.tema-header-07 .header-ana {
  grid-template-columns: 210px 500px auto;
  justify-content: space-between;
  padding: 25px 0;
}
.tema-header-07 .magaza-logo {
  color: #1c8855;
}
.tema-header-07 .logo-isareti {
  border-radius: 50%;
  background: #ff909d;
  box-shadow: none;
}
.tema-header-07 .magaza-arama {
  border: 0;
  border-radius: 0;
  background: #f7f7f7;
}
.tema-header-07 .magaza-arama button {
  background: transparent;
  color: #ff909d;
}
.tema-header-07 .magaza-menu {
  border: 0;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.tema-header-07 .magaza-menu ul {
  justify-content: center;
}
.tema-header-07 .magaza-menu a {
  padding-block: 15px;
  color: #444;
}
.tema-header-07 .magaza-menu a:hover {
  color: #1c8855;
}

/* Demo 8: kozmetik; oval arama ve pembe vurgu */
.tema-header-08 {
  --header-vurgu: #ff909d;
  --header-koyu: #222;
}
.tema-header-08 .ust-serit {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #777;
}
.tema-header-08 .header-ana {
  grid-template-columns: 210px 500px auto;
  padding: 25px 0;
}
.tema-header-08 .magaza-logo {
  color: #222;
}
.tema-header-08 .logo-isareti {
  border-radius: 50%;
  background: #ff909d;
  box-shadow: none;
}
.tema-header-08 .magaza-arama {
  border: 1px solid #eee;
  border-radius: 30px;
}
.tema-header-08 .magaza-arama button {
  background: transparent;
  color: #222;
}
.tema-header-08 .magaza-menu {
  border: 0;
  background: #fff;
}
.tema-header-08 .magaza-menu ul {
  justify-content: center;
}
.tema-header-08 .magaza-menu a {
  padding-block: 15px;
  color: #444;
}
.tema-header-08 .magaza-menu a:hover {
  color: #ff909d;
}

/* Demo 9: moda; kırmızı vurgu ve köşeli arama */
.tema-header-09 {
  --header-vurgu: #ed5565;
  --header-koyu: #000;
  border-bottom: 0;
}
.tema-header-09 .ust-serit {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #777;
}
.tema-header-09 .header-ana {
  grid-template-columns: 210px 500px auto;
  padding: 25px 0;
  border: 0;
}
.tema-header-09 .magaza-logo {
  color: #000;
}
.tema-header-09 .logo-isareti {
  border-radius: 5px;
  background: #ed5565;
  box-shadow: none;
}
.tema-header-09 .magaza-arama {
  border: 1px solid #eee;
  border-radius: 5px;
}
.tema-header-09 .magaza-arama button {
  background: transparent;
  color: #000;
}
.tema-header-09 .magaza-menu {
  border: 0;
  background: #fff;
}
.tema-header-09 .magaza-menu ul {
  justify-content: center;
}
.tema-header-09 .magaza-menu a {
  padding-block: 15px;
  color: #444;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
}
.tema-header-09 .magaza-menu a:hover {
  color: #ed5565;
}

/* Demo 10: yapı market; beyaz gölgeli menü ve şeftali vurgu */
.tema-header-10 {
  --header-vurgu: #f3825d;
  --header-koyu: #000;
  border: 0;
  color: #444;
  background: #fff;
}
.tema-header-10 .ust-serit {
  padding: 7px 0;
  border-block: 1px solid #eee;
  background: #fff;
  color: #777;
}
.tema-header-10 .header-ana {
  grid-template-columns: 220px minmax(260px, 1fr) auto;
  padding: 25px 0;
}
.tema-header-10 .magaza-logo {
  color: #000;
}
.tema-header-10 .logo-isareti {
  border-radius: 0;
  background: #f3825d;
  color: #fff;
  box-shadow: none;
}
.tema-header-10 .header-eylem i {
  color: #000;
}
.tema-header-10 .magaza-arama {
  width: 80%;
  justify-self: center;
  border: 1px solid #eee;
  border-radius: 0;
}
.tema-header-10 .magaza-arama button {
  background: #f3825d;
}
.tema-header-10 .magaza-menu {
  border: 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.tema-header-10 .magaza-menu .menu-kategori-dugmesi {
  display: flex;
  align-self: stretch;
  min-width: 200px;
  background: #f3825d;
  color: #fff;
}
.tema-header-10 .magaza-menu ul {
  justify-content: center;
}
.tema-header-10 .magaza-menu a {
  padding-block: 15px;
  color: #444;
}
.tema-header-10 .magaza-menu a:hover {
  color: #f3825d;
}

/* Demo 11: logo + dahili menü, altta kategori ve arama */
.tema-header-11 {
  --header-vurgu: #05a845;
  --header-koyu: #212121;
  border: 0;
}
.tema-header-11 .ust-serit {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #887f7f;
}
.tema-header-11 .ust-sol {
  visibility: hidden;
}
.tema-header-11 .header-ana {
  grid-template-columns: 190px minmax(360px, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 15px 25px;
  padding: 15px 0;
}
.tema-header-11 .magaza-logo {
  grid-column: 1;
  grid-row: 1;
  color: #212121;
  font-size: 20px;
}
.tema-header-11 .logo-isareti {
  border-radius: 5px;
  background: #05a845;
  box-shadow: none;
}
.tema-header-11 .header-dahili-menu {
  display: block;
  grid-column: 2;
  grid-row: 1;
  align-self: center;
}
.tema-header-11 .header-dahili-menu a:hover {
  color: #05a845;
}
.tema-header-11 .header-eylemler {
  grid-column: 3;
  grid-row: 1;
}
.tema-header-11 .header-eylem span {
  display: none;
}
.tema-header-11 .header-kategori-dugmesi {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  min-height: 45px;
  border-radius: 8px;
  background: #05a845;
  color: #fff;
}
.tema-header-11 .magaza-arama {
  grid-column: 2 / 4;
  grid-row: 2;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 8px;
}
.tema-header-11 .magaza-arama button {
  width: 48px;
  background: transparent;
  color: #222;
}
.tema-header-11 .magaza-menu {
  display: block;
  height: 0;
  overflow: visible;
  border: 0;
}
.tema-header-11 .magaza-menu-icerik > [data-mobil-menu],
.tema-header-11 .magaza-menu-icerik > .menu-kategori-dugmesi,
.tema-header-11 .magaza-menu-icerik > [data-ana-menu] {
  display: none;
}
.magaza-slider {
  padding: 24px 0 10px;
}
.magaza-slider-izgara {
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  gap: 18px;
  min-height: 460px;
}
.magaza-slider-ana {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--magaza-yuvarlaklik) * 1.7);
  background: linear-gradient(135deg, #eef5ff, #e5ecf8);
}
.magaza-slider-sahneler {
  position: relative;
  width: 100%;
  height: 100%;
}
.magaza-slider-sahne {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(2%);
  transition:
    opacity var(--slider-gecis-suresi, 650ms) ease,
    transform var(--slider-gecis-suresi, 650ms) ease,
    visibility 0s linear var(--slider-gecis-suresi, 650ms);
}
.magaza-slider-sahne.aktif {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition-delay: 0s;
}
.magaza-slider-sahne > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.92;
}
.magaza-slider-icerik {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(28px, 6vw, 76px);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0.25) 72%,
    transparent
  );
}
.magaza-slider-icerik .slider-etiket {
  color: var(--magaza-ana-renk);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.magaza-slider-icerik h1 {
  max-width: 590px;
  font-size: clamp(34px, 5vw, 66px);
  line-height: 1.04;
  font-weight: 800;
  color: #182338;
  margin: 12px 0 16px;
}
.slider-baslik-vurgu {
  display: block;
  color: inherit;
  font: inherit;
}
.magaza-slider-icerik p {
  max-width: 590px;
  margin: 0 0 13px;
  color: #667085;
  line-height: 1.7;
}
.slider-fiyat {
  display: block;
  margin-bottom: 18px;
  color: #263043;
  font-size: 15px;
}
.slider-dekor {
  display: none;
}
.slider-noktalar {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 4;
  display: flex;
  gap: 7px;
  transform: translateX(-50%);
}
.slider-noktalar button {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.slider-noktalar i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #202020;
  opacity: 0.4;
}
.slider-noktalar i.aktif {
  width: 28px;
  border-radius: 8px;
  background: var(--magaza-ana-renk);
  opacity: 1;
}
.slider-ok {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 50%;
  background: rgba(20, 31, 44, 0.56);
  color: #fff;
  font-size: 32px;
  line-height: 1;
  opacity: 0;
  transform: translateY(-50%);
  transition:
    opacity 0.2s,
    background 0.2s;
  cursor: pointer;
}
.slider-onceki {
  left: 18px;
}
.slider-sonraki {
  right: 18px;
}
.magaza-slider-ana:hover .slider-ok,
.magaza-slider-ana:focus-within .slider-ok {
  opacity: 1;
}
.slider-ok:hover,
.slider-ok:focus-visible {
  background: var(--slider-vurgu, var(--magaza-ana-renk));
  outline: 3px solid rgba(255, 255, 255, 0.72);
}
.slider-ok:disabled {
  opacity: 0.18;
  cursor: not-allowed;
}
.magaza-slider-yan {
  display: grid;
  gap: 18px;
}
.magaza-slider-kucuk {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  border-radius: calc(var(--magaza-yuvarlaklik) * 1.4);
}
.magaza-slider-kucuk img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.magaza-slider-kucuk strong {
  position: absolute;
  left: 22px;
  bottom: 20px;
  color: #fff;
  font-size: 24px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.magaza-slider[class*="tema-slider-"]:not(.tema-slider-01)
  .magaza-slider-izgara {
  display: block;
  min-height: 0;
}
.magaza-slider[class*="tema-slider-"]:not(.tema-slider-01) .magaza-slider-yan {
  display: none;
}

/* Demo 2: tam genişlik pembe moda vitrini */
.tema-slider-02 {
  padding: 0;
  --slider-vurgu: #e58487;
  --slider-koyu: #202020;
}
.tema-slider-02 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-02 .magaza-slider-ana {
  height: clamp(470px, 70vh, 650px);
  border-radius: 0;
}
.tema-slider-02 .magaza-slider-sahne > img {
  object-position: center;
}
.tema-slider-02 .magaza-slider-icerik {
  padding-inline: max(6vw, calc((100vw - 1200px) / 2));
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(255, 255, 255, 0.83) 39%,
    rgba(255, 255, 255, 0.08) 70%
  );
}
.tema-slider-02 .slider-etiket {
  padding-bottom: 7px;
  border-bottom: 2px solid #e58487;
  color: #e58487;
  font-size: 20px;
}
.tema-slider-02 .magaza-slider-icerik h1 {
  color: #202020;
  font-size: clamp(40px, 4.3vw, 58px);
  text-transform: uppercase;
  letter-spacing: -0.3px;
}
.tema-slider-02 .slider-fiyat {
  color: #777;
}
.tema-slider-02 .magaza-dugme {
  min-height: 45px;
  border-radius: 0;
  background: #e58487;
  text-transform: uppercase;
}
.tema-slider-02 .slider-noktalar i.aktif {
  background: #e58487;
}

/* Demo 3: şeftali/lacivert mobilya sunumu */
.tema-slider-03 {
  padding: 0 0 36px;
  --slider-vurgu: #ffbf7f;
  --slider-koyu: #142f41;
}
.tema-slider-03 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-03 .magaza-slider-ana {
  height: clamp(470px, 70vh, 650px);
  border-radius: 0;
  background: #fff8f1;
}
.tema-slider-03 .magaza-slider-sahne > img {
  object-position: center right;
  opacity: 0.78;
}
.tema-slider-03 .magaza-slider-icerik {
  padding-inline: max(6vw, calc((100vw - 1200px) / 2));
  background: linear-gradient(
    90deg,
    #fff8f1 0%,
    rgba(255, 248, 241, 0.94) 43%,
    rgba(255, 248, 241, 0.08) 72%
  );
}
.tema-slider-03 .slider-dekor {
  display: block;
  position: absolute;
  left: max(4.7vw, calc((100vw - 1230px) / 2));
  top: 31%;
  z-index: 2;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffbf7f;
}
.tema-slider-03 .slider-etiket {
  position: relative;
  z-index: 3;
  color: #142f41;
  font-size: 24px;
  letter-spacing: 0.08em;
}
.tema-slider-03 .magaza-slider-icerik h1 {
  color: #ffbf7f;
  font-size: clamp(44px, 5vw, 64px);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tema-slider-03 .magaza-slider-icerik p {
  max-width: 560px;
}
.tema-slider-03 .slider-fiyat {
  color: #142f41;
  font-size: 20px;
}
.tema-slider-03 .magaza-dugme {
  border-radius: 30px;
  background: #142f41;
}
.tema-slider-03 .slider-noktalar i.aktif {
  background: #ffbf7f;
}

/* Demo 4: turkuaz, büyük tipografili ev vitrini */
.tema-slider-04 {
  padding: 0 0 54px;
  --slider-vurgu: #00969b;
  --slider-koyu: #000;
}
.tema-slider-04 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-04 .magaza-slider-ana {
  height: clamp(470px, 70vh, 650px);
  border-radius: 0;
}
.tema-slider-04 .magaza-slider-sahne > img {
  object-position: center;
}
.tema-slider-04 .magaza-slider-icerik {
  padding-inline: max(6vw, calc((100vw - 1200px) / 2));
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.72) 42%,
    rgba(255, 255, 255, 0.02) 71%
  );
}
.tema-slider-04 .slider-etiket {
  color: #00969b;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 10px;
  text-transform: none;
}
.tema-slider-04 .magaza-slider-icerik h1 {
  color: #000;
  font-size: clamp(50px, 5.5vw, 68px);
  line-height: 1;
  text-transform: uppercase;
}
.tema-slider-04 .slider-fiyat {
  color: #777;
  font-size: 20px;
}
.tema-slider-04 .magaza-dugme {
  min-height: 60px;
  padding-inline: 36px;
  border-radius: 0;
  background: #00969b;
  font-size: 17px;
  text-transform: uppercase;
}
.tema-slider-04 .slider-noktalar i {
  width: 15px;
  height: 15px;
}
.tema-slider-04 .slider-noktalar i.aktif {
  width: 35px;
  background: #00969b;
}

/* Demo 5: elektronik, sarı vurgu ve sağda dikey numara rayı */
.tema-slider-05 {
  padding: 0;
  --slider-vurgu: #fdd330;
  --slider-koyu: #212121;
}
.tema-slider-05 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-05 .magaza-slider-ana {
  height: clamp(480px, 70vh, 660px);
  border-radius: 0;
}
.tema-slider-05 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-05 .magaza-slider-icerik {
  padding-inline: max(6vw, calc((100vw - 1200px) / 2));
  padding-right: 42%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(255, 255, 255, 0.82) 46%,
    rgba(255, 255, 255, 0.04) 75%
  );
}
.tema-slider-05 .slider-etiket {
  color: #fdd330;
  font-size: 28px;
  font-weight: 600;
}
.tema-slider-05 .magaza-slider-icerik h1 {
  color: #212121;
  font-size: clamp(46px, 5vw, 64px);
  text-transform: uppercase;
}
.tema-slider-05 .magaza-dugme {
  min-height: 50px;
  padding-inline: 31px;
  border-radius: 30px;
  background: #212121;
  color: #fff;
  text-transform: uppercase;
}
.tema-slider-05 .slider-noktalar {
  left: auto;
  right: 5.4%;
  top: 50%;
  bottom: auto;
  flex-direction: column;
  gap: 44px;
  transform: translateY(-50%);
  counter-reset: slider-no;
}
.tema-slider-05 .slider-noktalar i {
  position: relative;
  width: 30px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  counter-increment: slider-no;
}
.tema-slider-05 .slider-noktalar i::before {
  content: "0" counter(slider-no);
  display: block;
  color: #202020;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.tema-slider-05 .slider-noktalar button:not(:last-child) i::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 31px;
  width: 2px;
  height: 39px;
  background: #202020;
}
.tema-slider-05 .slider-noktalar i.aktif::before {
  color: #fdd330;
}

/* Demo 6: yeşil, 30px yuvarlatılmış doğal ürün vitrini */
.tema-slider-06 {
  padding: 30px 0;
  --slider-vurgu: #46c389;
  --slider-koyu: #222;
}
.tema-slider-06 .magaza-slider-ana {
  height: clamp(470px, 70vh, 640px);
  border-radius: 30px;
}
.tema-slider-06 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-06 .magaza-slider-icerik {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.74) 44%,
    rgba(255, 255, 255, 0.04) 73%
  );
}
.tema-slider-06 .slider-etiket {
  color: #46c389;
  font-size: 30px;
  letter-spacing: 10px;
  text-transform: none;
}
.tema-slider-06 .magaza-slider-icerik h1 {
  color: #222;
  font-size: clamp(44px, 4.8vw, 58px);
  text-transform: uppercase;
}
.tema-slider-06 .slider-fiyat {
  color: #777;
  font-size: 20px;
}
.tema-slider-06 .magaza-dugme {
  min-height: 60px;
  padding-inline: 36px;
  border-radius: 30px;
  background: #46c389;
  font-size: 15px;
  text-transform: uppercase;
}
.tema-slider-06 .slider-noktalar i.aktif {
  background: #46c389;
}

/* Demo 7: pembe/yeşil doğal yaşam vitrini */
.tema-slider-07 {
  padding: 0 0 30px;
  --slider-vurgu: #ff909d;
  --slider-koyu: #1c8855;
}
.tema-slider-07 .magaza-slider-ana {
  height: clamp(440px, 60vh, 580px);
  border-radius: 0;
}
.tema-slider-07 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-07 .magaza-slider-icerik {
  padding-left: 85px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0.72) 46%,
    rgba(255, 255, 255, 0.04) 76%
  );
}
.tema-slider-07 .slider-etiket {
  color: #1c8855;
  font-size: 30px;
  letter-spacing: 10px;
  text-transform: none;
}
.tema-slider-07 .magaza-slider-icerik h1 {
  color: #ff909d;
  font-size: clamp(44px, 4.7vw, 58px);
  text-transform: uppercase;
}
.tema-slider-07 .magaza-dugme {
  min-height: 60px;
  padding-inline: 36px;
  border-radius: 30px;
  background: #1c8855;
  text-transform: uppercase;
}
.tema-slider-07 .slider-noktalar i.aktif {
  background: #ff909d;
}

/* Demo 8: 50px yuvarlatılmış kozmetik vitrini */
.tema-slider-08 {
  padding: 0 0 54px;
  --slider-vurgu: #ff909d;
  --slider-koyu: #222;
}
.tema-slider-08 .magaza-slider-ana {
  height: clamp(440px, 60vh, 580px);
  border-radius: 50px;
}
.tema-slider-08 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-08 .magaza-slider-icerik {
  padding-left: 85px;
  padding-right: 50%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0.72) 46%,
    rgba(255, 255, 255, 0.03) 76%
  );
}
.tema-slider-08 .slider-etiket {
  color: #ff909d;
  font-size: 30px;
  letter-spacing: 10px;
  text-transform: none;
}
.tema-slider-08 .magaza-slider-icerik h1 {
  color: #222;
  font-size: clamp(44px, 4.7vw, 58px);
  text-transform: uppercase;
}
.tema-slider-08 .magaza-dugme {
  min-height: 60px;
  padding-inline: 36px;
  border-radius: 15px;
  background: #222;
  text-transform: uppercase;
}
.tema-slider-08 .slider-noktalar i.aktif {
  background: #ff909d;
}

/* Demo 9: kırmızı/siyah moda vitrini */
.tema-slider-09 {
  padding: 0 0 54px;
  --slider-vurgu: #ed5565;
  --slider-koyu: #000;
}
.tema-slider-09 .magaza-slider-ana {
  height: clamp(440px, 60vh, 580px);
  border-radius: 5px;
}
.tema-slider-09 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-09 .magaza-slider-icerik {
  width: 62%;
  padding-left: 85px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97),
    rgba(255, 255, 255, 0.76) 62%,
    transparent
  );
}
.tema-slider-09 .slider-etiket {
  color: #ed5565;
  font-size: 30px;
  letter-spacing: 10px;
  text-transform: none;
}
.tema-slider-09 .magaza-slider-icerik h1 {
  color: #000;
  font-size: clamp(43px, 4.7vw, 58px);
  text-transform: uppercase;
}
.tema-slider-09 .magaza-dugme {
  min-height: 50px;
  padding-inline: 36px;
  border-radius: 5px;
  background: #ed5565;
  text-transform: uppercase;
}
.tema-slider-09 .slider-noktalar i.aktif {
  background: #ed5565;
}

/* Demo 10: şeftali/siyah yapı market vitrini */
.tema-slider-10 {
  padding: 0 0 36px;
  --slider-vurgu: #f3825d;
  --slider-koyu: #000;
}
.tema-slider-10 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-10 .magaza-slider-ana {
  height: clamp(470px, 70vh, 650px);
  border: 0;
  border-radius: 0;
}
.tema-slider-10 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-10 .magaza-slider-icerik {
  padding-inline: max(6vw, calc((100vw - 1200px) / 2));
  padding-right: 48%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97),
    rgba(255, 255, 255, 0.84) 49%,
    rgba(255, 255, 255, 0.04) 76%
  );
}
.tema-slider-10 .slider-etiket {
  color: #000;
  font-size: 24px;
  letter-spacing: 1.5px;
}
.tema-slider-10 .magaza-slider-icerik h1 {
  color: #f3825d;
  font-family: inherit;
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tema-slider-10 .slider-fiyat {
  color: #000;
  font-size: 20px;
}
.tema-slider-10 .magaza-dugme {
  border-radius: 0;
  background: #000;
  text-transform: uppercase;
}
.tema-slider-10 .slider-noktalar i.aktif {
  background: #f3825d;
}

/* Demo 11: yeşil market; konturlu başlık ve solda dikey ray */
.tema-slider-11 {
  padding: 0 0 54px;
  --slider-vurgu: #05a845;
  --slider-koyu: #212121;
}
.tema-slider-11 .slider-dis-konteyner {
  width: 100%;
  max-width: none;
  padding: 0;
}
.tema-slider-11 .magaza-slider-ana {
  height: clamp(520px, 80vh, 720px);
  border: 0;
  border-radius: 0;
}
.tema-slider-11 .magaza-slider-sahne > img {
  object-position: center right;
}
.tema-slider-11 .magaza-slider-icerik {
  padding-left: max(12vw, calc((100vw - 1000px) / 2));
  padding-right: 48%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97),
    rgba(255, 255, 255, 0.82) 48%,
    rgba(255, 255, 255, 0.02) 76%
  );
}
.tema-slider-11 .slider-etiket {
  color: #05a845;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
}
.tema-slider-11 .magaza-slider-icerik h1 {
  color: #212121;
  font-family: inherit;
  font-size: clamp(54px, 6vw, 74px);
  font-weight: 700;
  line-height: 1.05;
}
.tema-slider-11 .slider-baslik-vurgu {
  color: transparent;
  -webkit-text-stroke: 1.5px #333;
  text-stroke: 1.5px #333;
}
.tema-slider-11 .slider-fiyat {
  color: #333;
  font-size: 24px;
}
.tema-slider-11 .magaza-dugme {
  min-height: 50px;
  border-radius: 5px;
  background: #05a845;
  font-size: 18px;
  font-weight: 500;
}
.tema-slider-11 .slider-noktalar {
  left: 5.4%;
  right: auto;
  top: 50%;
  bottom: auto;
  flex-direction: column;
  gap: 44px;
  transform: translateY(-50%);
  counter-reset: slider-no;
}
.tema-slider-11 .slider-noktalar i {
  position: relative;
  width: 30px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  counter-increment: slider-no;
}
.tema-slider-11 .slider-noktalar i::before {
  content: "0" counter(slider-no);
  display: block;
  color: #202020;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.tema-slider-11 .slider-noktalar button:not(:last-child) i::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 31px;
  width: 2px;
  height: 39px;
  background: #e1e1e1;
}
.tema-slider-11 .slider-noktalar i.aktif::before {
  color: #05a845;
}
.magaza-slider .magaza-slider-icerik.slider-metin-orta {
  align-items: center;
  padding-inline: 12%;
  text-align: center;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.18),
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.9) 75%,
    rgba(255, 255, 255, 0.18)
  );
}
.magaza-slider .magaza-slider-icerik.slider-metin-sag {
  align-items: flex-end;
  padding-left: 48%;
  padding-right: max(6vw, calc((100vw - var(--magaza-konteyner)) / 2));
  text-align: right;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0.76) 48%,
    rgba(255, 255, 255, 0.03) 76%
  );
}
.magaza-dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  color: #fff;
  background: var(--magaza-ana-renk);
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
}
.magaza-dugme:hover {
  color: #fff;
  filter: brightness(0.94);
}
.magaza-dugme.ikincil {
  color: var(--magaza-ana-renk);
  background: #eef4ff;
}
.bolum {
  padding: 54px 0;
}
.bolum-acik {
  background: #f7f8fb;
}
.bolum-baslik {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-bottom: 28px;
}
.bolum-baslik h2 {
  margin: 0;
  font-size: clamp(25px, 3vw, 36px);
  color: #1e293b;
}
.bolum-baslik p {
  margin: 6px 0 0;
  color: #707b8f;
}
.urun-izgara {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}
.urun-karti {
  position: relative;
  min-width: 0;
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: var(--magaza-yuvarlaklik);
  overflow: hidden;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.urun-karti:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(30, 41, 59, 0.1);
}
.urun-karti-gorsel {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  background: #f7f8fa;
  overflow: hidden;
}
.urun-karti-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s;
}
.urun-karti:hover .urun-karti-gorsel img {
  transform: scale(1.04);
}
.urun-karti-rozet {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #ee4d4d;
  color: #fff;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.urun-karti-eylemler {
  position: absolute;
  right: 12px;
  top: 12px;
  display: grid;
  gap: 7px;
}
.urun-karti-eylemler form {
  margin: 0;
}
.yuvarlak-eylem {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: #334155;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.urun-karti-icerik {
  padding: 17px;
}
.urun-karti-marka {
  color: #8490a5;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.urun-karti h3 {
  font-size: 15px;
  line-height: 1.4;
  min-height: 42px;
  margin: 7px 0 10px;
  color: #263043;
}
.fiyat {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  color: var(--magaza-ana-renk);
}
.fiyat del {
  color: #9ba3af;
  font-size: 13px;
  font-weight: 500;
}
.sepet-ekle {
  width: 100%;
  border: 0;
  background: var(--magaza-ikincil-renk);
  color: #fff;
  padding: 11px;
  font-weight: 700;
  margin-top: 14px;
  border-radius: calc(var(--magaza-yuvarlaklik) * 0.7);
}
.tema-urun-karti-02,
.tema-urun-karti-07 {
  border: 0;
  box-shadow: 0 8px 24px rgba(31, 45, 70, 0.08);
}
.tema-urun-karti-03,
.tema-urun-karti-08 {
  border-radius: 0;
}
.tema-urun-karti-04 .urun-karti-gorsel,
.tema-urun-karti-09 .urun-karti-gorsel {
  aspect-ratio: 4 / 5;
}
.tema-urun-karti-05,
.tema-urun-karti-10 {
  border-color: var(--magaza-ana-renk);
}
.urun-karti-konsept {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #263043;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.urun-karti-durum {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  color: #6f7b8e;
  font-size: 10px;
}
.urun-karti-durum i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #3fa46a;
  box-shadow: 0 0 0 3px rgba(63, 164, 106, 0.12);
}

/* 12: İskandinav minimal — çerçevesiz, sessiz ve tipografi odaklı */
.tema-urun-karti-12 {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.tema-urun-karti-12:hover {
  box-shadow: none;
  transform: translateY(-2px);
}
.tema-urun-karti-12 .urun-karti-gorsel {
  aspect-ratio: 4/5;
  border-radius: 3px;
  background: #e9e8e3;
}
.tema-urun-karti-12 .urun-karti-gorsel img {
  mix-blend-mode: multiply;
}
.tema-urun-karti-12 .urun-karti-konsept {
  display: none;
}
.tema-urun-karti-12 .urun-karti-rozet {
  top: 0;
  left: 0;
  border-radius: 0;
  background: #202521;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tema-urun-karti-12 .urun-karti-eylemler {
  right: 9px;
  top: 9px;
  opacity: 0;
  transform: translateX(5px);
  transition: 0.2s;
}
.tema-urun-karti-12:hover .urun-karti-eylemler,
.tema-urun-karti-12:focus-within .urun-karti-eylemler {
  opacity: 1;
  transform: none;
}
.tema-urun-karti-12 .yuvarlak-eylem {
  border: 1px solid #dfe1dc;
  border-radius: 2px;
  box-shadow: none;
}
.tema-urun-karti-12 .urun-karti-icerik {
  padding: 16px 0 0;
}
.tema-urun-karti-12 .urun-karti-marka {
  color: #727a74;
  font-size: 9px;
  letter-spacing: 0.18em;
}
.tema-urun-karti-12 h3 {
  min-height: 0;
  margin: 8px 0 12px;
  color: #202521;
  font-size: 16px;
  font-weight: 500;
}
.tema-urun-karti-12 .fiyat {
  color: #202521;
  font-size: 15px;
  font-weight: 600;
}
.tema-urun-karti-12 .sepet-ekle {
  border: 1px solid #202521;
  border-radius: 0;
  background: transparent;
  color: #202521;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* 13: Editoryal butik — uzun fotoğraf, dergi başlığı ve sıcak kağıt zemini */
.tema-urun-karti-13 {
  border: 0;
  border-radius: 0;
  background: #f2e9df;
  box-shadow: none;
}
.tema-urun-karti-13:hover {
  box-shadow: 0 18px 45px rgba(77, 48, 35, 0.14);
  transform: translateY(-5px);
}
.tema-urun-karti-13 .urun-karti-gorsel {
  aspect-ratio: 3/4;
  background: #ddd1c5;
}
.tema-urun-karti-13 .urun-karti-konsept {
  left: auto;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: #a1472d;
  color: #fff;
}
.tema-urun-karti-13 .urun-karti-rozet {
  top: 18px;
  left: 18px;
  border-radius: 0;
  background: #2b201c;
}
.tema-urun-karti-13 .urun-karti-eylemler {
  top: auto;
  right: 16px;
  bottom: 145px;
  display: flex;
}
.tema-urun-karti-13 .yuvarlak-eylem {
  border: 1px solid #d9c8b9;
  border-radius: 0;
  box-shadow: none;
}
.tema-urun-karti-13 .urun-karti-icerik {
  padding: 22px 20px 20px;
}
.tema-urun-karti-13 .urun-karti-marka {
  color: #a1472d;
  font-size: 10px;
  letter-spacing: 0.16em;
}
.tema-urun-karti-13 h3 {
  min-height: 50px;
  margin: 9px 0 14px;
  color: #2b201c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}
.tema-urun-karti-13 .fiyat {
  color: #2b201c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
}
.tema-urun-karti-13 .sepet-ekle {
  border-radius: 0;
  background: #2b201c;
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

/* 14: Gece teknoloji — koyu panel, cam kontroller ve elektrik mavisi */
.tema-urun-karti-14 {
  border: 1px solid #25304a;
  border-radius: 18px;
  background: linear-gradient(155deg, #121a2b, #080d19);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.2);
}
.tema-urun-karti-14:hover {
  border-color: #31d7f4;
  box-shadow: 0 20px 45px rgba(49, 215, 244, 0.16);
}
.tema-urun-karti-14 .urun-karti-gorsel {
  aspect-ratio: 4/3;
  margin: 9px;
  border-radius: 12px;
  background: radial-gradient(circle at 50% 25%, #253856, #0e1422 72%);
}
.tema-urun-karti-14 .urun-karti-gorsel img {
  mix-blend-mode: lighten;
}
.tema-urun-karti-14 .urun-karti-rozet {
  top: 16px;
  left: 16px;
  background: #31d7f4;
  color: #07101c;
}
.tema-urun-karti-14 .urun-karti-konsept {
  left: 18px;
  bottom: 17px;
  background: rgba(5, 13, 25, 0.76);
  color: #72e8fb;
}
.tema-urun-karti-14 .urun-karti-eylemler {
  right: 17px;
  top: 17px;
}
.tema-urun-karti-14 .yuvarlak-eylem {
  background: rgba(8, 13, 25, 0.78);
  color: #d9f9ff;
  box-shadow: inset 0 0 0 1px rgba(114, 232, 251, 0.3);
  backdrop-filter: blur(8px);
}
.tema-urun-karti-14 .urun-karti-icerik {
  padding: 13px 18px 18px;
}
.tema-urun-karti-14 .urun-karti-marka {
  color: #31d7f4;
  font-size: 9px;
  letter-spacing: 0.18em;
}
.tema-urun-karti-14 h3 {
  min-height: 42px;
  color: #f4f8ff;
  font-size: 15px;
}
.tema-urun-karti-14 .fiyat {
  color: #72e8fb;
  font-size: 17px;
}
.tema-urun-karti-14 .fiyat del,
.tema-urun-karti-14 .urun-karti-durum {
  color: #7f8aa0;
}
.tema-urun-karti-14 .sepet-ekle {
  border-radius: 10px;
  background: linear-gradient(90deg, #117ed8, #31d7f4);
  color: #07101c;
}

/* 15: Organik yaşam — yumuşak yüzey, doğal tonlar ve büyük yuvarlaklık */
.tema-urun-karti-15 {
  border: 1px solid #dfe5d6;
  border-radius: 28px;
  background: #f8f6ee;
  box-shadow: 0 10px 28px rgba(61, 82, 57, 0.07);
}
.tema-urun-karti-15:hover {
  box-shadow: 0 18px 38px rgba(61, 82, 57, 0.13);
}
.tema-urun-karti-15 .urun-karti-gorsel {
  margin: 10px;
  aspect-ratio: 1;
  border-radius: 20px;
  background: #e8eddf;
}
.tema-urun-karti-15 .urun-karti-rozet {
  background: #527853;
}
.tema-urun-karti-15 .urun-karti-konsept {
  color: #365239;
  background: rgba(248, 246, 238, 0.9);
}
.tema-urun-karti-15 .urun-karti-eylemler {
  right: 19px;
  top: 19px;
}
.tema-urun-karti-15 .yuvarlak-eylem {
  color: #365239;
  box-shadow: none;
}
.tema-urun-karti-15 .urun-karti-icerik {
  padding: 8px 19px 19px;
}
.tema-urun-karti-15 .urun-karti-marka {
  color: #77906d;
  font-size: 10px;
}
.tema-urun-karti-15 h3 {
  color: #263c2d;
  font-size: 16px;
}
.tema-urun-karti-15 .fiyat {
  color: #527853;
}
.tema-urun-karti-15 .sepet-ekle {
  border-radius: 999px;
  background: #527853;
}

/* 16: Lüks siyah — altın çerçeve, ortalanmış serif metin */
.tema-urun-karti-16 {
  border: 1px solid #6e5a35;
  border-radius: 0;
  background: #0b0b0b;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24);
}
.tema-urun-karti-16:hover {
  border-color: #c8a96b;
  box-shadow: 0 20px 52px rgba(200, 169, 107, 0.13);
}
.tema-urun-karti-16 .urun-karti-gorsel {
  aspect-ratio: 4/5;
  margin: 8px;
  background: #151515;
}
.tema-urun-karti-16 .urun-karti-gorsel::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(200, 169, 107, 0.38);
  pointer-events: none;
}
.tema-urun-karti-16 .urun-karti-rozet {
  top: 20px;
  left: 20px;
  border-radius: 0;
  background: #c8a96b;
  color: #111;
}
.tema-urun-karti-16 .urun-karti-konsept {
  left: 50%;
  bottom: 20px;
  border: 1px solid rgba(200, 169, 107, 0.45);
  border-radius: 0;
  background: rgba(8, 8, 8, 0.76);
  color: #e4cf9f;
  transform: translateX(-50%);
  white-space: nowrap;
}
.tema-urun-karti-16 .urun-karti-eylemler {
  right: 20px;
  top: 20px;
}
.tema-urun-karti-16 .yuvarlak-eylem {
  border: 1px solid #665533;
  border-radius: 0;
  background: #111;
  color: #d9bd80;
  box-shadow: none;
}
.tema-urun-karti-16 .urun-karti-icerik {
  padding: 17px 20px 22px;
  text-align: center;
}
.tema-urun-karti-16 .urun-karti-marka {
  color: #9b875e;
  font-size: 9px;
  letter-spacing: 0.2em;
}
.tema-urun-karti-16 h3 {
  color: #f3eee4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  font-weight: 400;
}
.tema-urun-karti-16 .fiyat {
  justify-content: center;
  color: #c8a96b;
  font-family: Georgia, "Times New Roman", serif;
}
.tema-urun-karti-16 .fiyat del,
.tema-urun-karti-16 .urun-karti-durum {
  color: #797266;
}
.tema-urun-karti-16 .urun-karti-durum {
  justify-content: center;
}
.tema-urun-karti-16 .sepet-ekle {
  border: 1px solid #c8a96b;
  border-radius: 0;
  background: transparent;
  color: #e4cf9f;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* 17: Dinamik pazar — kompakt bilgi, güçlü fiyat ve hızlı aksiyon */
.tema-urun-karti-17 {
  border: 1px solid #dce3ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 13px rgba(31, 48, 78, 0.05);
}
.tema-urun-karti-17:hover {
  border-color: #9bb8e8;
  box-shadow: 0 12px 28px rgba(31, 48, 78, 0.12);
  transform: none;
}
.tema-urun-karti-17 .urun-karti-gorsel {
  aspect-ratio: 4/3;
  background: #f1f5fa;
}
.tema-urun-karti-17 .urun-karti-rozet {
  border-radius: 5px;
  background: #ef6a2e;
}
.tema-urun-karti-17 .urun-karti-konsept {
  left: 10px;
  bottom: 10px;
  border-radius: 5px;
  background: #1667d9;
  color: #fff;
}
.tema-urun-karti-17 .urun-karti-eylemler {
  right: 8px;
  top: 8px;
  display: flex;
}
.tema-urun-karti-17 .yuvarlak-eylem {
  width: 32px;
  height: 32px;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  box-shadow: none;
}
.tema-urun-karti-17 .urun-karti-icerik {
  padding: 13px;
}
.tema-urun-karti-17 .urun-karti-marka {
  color: #5d7391;
  font-size: 9px;
}
.tema-urun-karti-17 h3 {
  min-height: 38px;
  margin: 5px 0 8px;
  font-size: 14px;
}
.tema-urun-karti-17 .fiyat {
  color: #1667d9;
  font-size: 18px;
}
.tema-urun-karti-17 .urun-karti-durum {
  margin-top: 7px;
}
.tema-urun-karti-17 .sepet-ekle {
  margin-top: 10px;
  border-radius: 6px;
  background: #ef6a2e;
}

/* 18: Renkli stüdyo — kalın kontur, oyunbaz gölge ve yüksek kontrast */
.tema-urun-karti-18 {
  border: 3px solid #20212b;
  border-radius: 22px;
  background: #fffaf1;
  box-shadow: 7px 7px 0 #ffd23f;
  overflow: hidden;
}
.tema-urun-karti-18:hover {
  transform: translate(-3px, -3px);
  box-shadow: 10px 10px 0 #ff5c8a;
}
.tema-urun-karti-18 .urun-karti-gorsel {
  aspect-ratio: 1;
  margin: 8px;
  border: 2px solid #20212b;
  border-radius: 14px;
  background: linear-gradient(135deg, #e7f7ff, #ffe4ec);
}
.tema-urun-karti-18 .urun-karti-rozet {
  top: 16px;
  left: 16px;
  border: 2px solid #20212b;
  background: #ff5c8a;
  color: #20212b;
  box-shadow: 3px 3px 0 #fff;
}
.tema-urun-karti-18 .urun-karti-konsept {
  left: 16px;
  bottom: 16px;
  border: 2px solid #20212b;
  background: #6ee7b7;
  color: #20212b;
}
.tema-urun-karti-18 .urun-karti-eylemler {
  right: 15px;
  top: 15px;
}
.tema-urun-karti-18 .yuvarlak-eylem {
  border: 2px solid #20212b;
  background: #fff;
  color: #20212b;
  box-shadow: 3px 3px 0 #20212b;
}
.tema-urun-karti-18 .urun-karti-icerik {
  padding: 12px 17px 18px;
}
.tema-urun-karti-18 .urun-karti-marka {
  color: #ff3f78;
  font-size: 10px;
  font-weight: 900;
}
.tema-urun-karti-18 h3 {
  color: #20212b;
  font-size: 17px;
  font-weight: 900;
}
.tema-urun-karti-18 .fiyat {
  color: #20212b;
  font-size: 18px;
}
.tema-urun-karti-18 .urun-karti-durum {
  color: #525360;
  font-weight: 700;
}
.tema-urun-karti-18 .sepet-ekle {
  border: 2px solid #20212b;
  border-radius: 999px;
  background: #20212b;
  color: #fff;
  box-shadow: 0 4px 0 #ff5c8a;
  text-transform: uppercase;
}
.kategori-izgara {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}
.kategori-karti {
  display: block;
  text-align: center;
  border: 1px solid #edf0f4;
  background: #fff;
  border-radius: var(--magaza-yuvarlaklik);
  padding: 16px 12px 18px;
}
.kategori-karti img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: calc(var(--magaza-yuvarlaklik) * 0.7);
}
.kategori-karti strong {
  display: block;
  margin-top: 13px;
  color: #263043;
}
.kampanya-izgara,
.blog-izgara,
.hizmet-izgara {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.kampanya-karti,
.blog-karti,
.hizmet-karti {
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: var(--magaza-yuvarlaklik);
  padding: 24px;
}
.hizmet-izgara {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hizmet-karti {
  text-align: center;
}
.hizmet-karti i {
  font-size: 34px;
  color: var(--magaza-ana-renk);
}
.sayfa-hero {
  background: #f3f6fb;
  padding: 42px 0;
  border-bottom: 1px solid #e8edf5;
}
.sayfa-hero h1 {
  margin: 0;
  color: #1e293b;
  font-size: clamp(28px, 4vw, 44px);
}
.sayfa-icerik {
  padding: 44px 0 70px;
}
.liste-duzeni {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 28px;
}
.filtre-panel {
  border: 1px solid #e9edf3;
  border-radius: 10px;
  padding: 20px;
  align-self: start;
}
.form-alani {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
}
.form-alani label {
  color: #334155;
  font-weight: 600;
  font-size: 13px;
}
.form-kontrol {
  width: 100%;
  border: 1px solid #dce2ea;
  border-radius: 8px;
  padding: 11px 13px;
  background: #fff;
  color: #263043;
}
.form-kontrol:focus {
  outline: 2px solid color-mix(in srgb, var(--magaza-ana-renk) 28%, transparent);
  border-color: var(--magaza-ana-renk);
}
.urun-detay {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}
.urun-detay-gorsel {
  border-radius: 12px;
  background: #f5f6f8;
  overflow: hidden;
}
.urun-detay-gorsel img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.urun-detay h1 {
  font-size: clamp(28px, 4vw, 46px);
  color: #1e293b;
}
.urun-detay .fiyat {
  font-size: 27px;
  margin: 18px 0;
}
.stok-var {
  color: #168348;
  font-weight: 700;
}
.stok-yok {
  color: #b42323;
  font-weight: 700;
}
.sepet-tablo {
  width: 100%;
  border-collapse: collapse;
}
.sepet-tablo th,
.sepet-tablo td {
  padding: 16px;
  border-bottom: 1px solid #edf0f4;
  text-align: left;
  vertical-align: middle;
}
.sepet-urun {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 250px;
}
.sepet-urun img {
  width: 68px;
  height: 68px;
  border-radius: 8px;
  object-fit: cover;
}
.sepet-ozet {
  margin-left: auto;
  max-width: 420px;
  background: #f7f8fb;
  border-radius: 12px;
  padding: 24px;
}
.ozet-satir {
  display: flex;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px dashed #d9dfe8;
}
.odeme-izgara {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: start;
  gap: 28px;
}
.odeme-izgara > .sepet-ozet {
  width: 100%;
  align-self: start;
}
.hesap-duzeni {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
}
.hesap-menu {
  border: 1px solid #e8edf3;
  border-radius: 12px;
  overflow: hidden;
  align-self: start;
}
.hesap-menu a {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid #edf0f4;
}
.hesap-menu a:hover {
  background: #f4f7fb;
  color: var(--magaza-ana-renk);
}
.bilgi-kartlari {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.bilgi-karti {
  background: #f7f8fb;
  border-radius: 10px;
  padding: 20px;
}
.durum-etiketi {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef3fa;
  color: #46556e;
  font-size: 12px;
  font-weight: 700;
}
.magaza-footer {
  background: #1e293b;
  color: #cbd5e1;
  padding-top: 54px;
  margin-top: 40px;
}
.footer-izgara {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 38px;
}
.magaza-footer h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 18px;
}
.magaza-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.magaza-footer li {
  margin: 9px 0;
}
.footer-alt {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 42px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.footer-alt-baglantilar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.footer-yonetim-linki {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0.82;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.footer-yonetim-linki:hover,
.footer-yonetim-linki:focus-visible {
  color: #fff;
  opacity: 1;
}
.tema-footer-02,
.tema-footer-07 {
  background: #101820;
}
.tema-footer-03,
.tema-footer-08 {
  background: #f3f6fb;
  color: #64748b;
}
.tema-footer-03 h4,
.tema-footer-08 h4 {
  color: #1e293b;
}
.tema-footer-03 .footer-yonetim-linki:hover,
.tema-footer-03 .footer-yonetim-linki:focus-visible,
.tema-footer-08 .footer-yonetim-linki:hover,
.tema-footer-08 .footer-yonetim-linki:focus-visible {
  color: #1e293b;
}
.tema-footer-04,
.tema-footer-09 {
  background: var(--magaza-ana-renk);
}
.tema-footer-05,
.tema-footer-10 {
  border-top: 6px solid var(--magaza-ana-renk);
}
.tema-footer-06,
.tema-footer-11 {
  background: #0d1524;
}
.cerez-bildirimi {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  max-width: 720px;
  margin: auto;
  background: #fff;
  border: 1px solid #dfe5ec;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.2);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.urun-galeri {
  min-width: 0;
}
.urun-galeri-kucukler {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.urun-galeri-kucukler button {
  width: 68px;
  height: 68px;
  padding: 3px;
  border: 1px solid #dfe5ec;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}
.urun-galeri-kucukler img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.varyant-ozellik-ozeti,
.varyant-teslim-bilgisi {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f4f7fb;
  color: #526077;
  font-size: 13px;
}
.varyant-ozellik-ozeti[hidden],
.varyant-teslim-bilgisi[hidden] {
  display: none;
}
.fiyat small {
  display: block;
  margin-top: 4px;
  color: #7a8698;
  font-size: 11px;
  font-weight: 600;
}
.sepet-varyant-formu {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0 68px;
}
.sepet-varyant-formu .form-kontrol {
  max-width: 220px;
  padding: 7px 9px;
  font-size: 12px;
}
.sepet-varyant-formu .metin-dugmesi {
  white-space: nowrap;
  font-size: 12px;
}
.sepet-panel {
  padding: 22px;
  border: 1px solid #e4e8ee;
  border-radius: 12px;
  background: #fff;
}
.sepet-panel h3 {
  margin: 0 0 18px;
  font-size: 18px;
}
.form-etiketi {
  display: block;
  margin-bottom: 7px;
  font-weight: 700;
}
.sepet-kalem-eylemleri {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
}
.sepet-kalem-eylemleri form {
  margin: 0;
}
.kampanya-durum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid #edf0f4;
}
.kampanya-durum:last-child {
  border-bottom: 0;
}
.kampanya-durum div {
  display: flex;
  flex-direction: column;
}
.kampanya-durum small {
  margin-top: 3px;
  color: #697386;
}
.kampanya-durum span {
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.kampanya-durum.uygun span {
  color: #167044;
}
.kampanya-durum.eksik span {
  color: #9b6410;
}
.kargo-secimi,
.secenek-satiri {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 13px;
  border: 1px solid #e4e8ee;
  border-radius: 9px;
  margin-bottom: 9px;
  cursor: pointer;
}
.kargo-secimi span,
.secenek-satiri span {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.kargo-secimi small,
.secenek-satiri small {
  display: block;
  width: 100%;
  padding-left: 23px;
  color: #697386;
}
.sepet-ozet-sabit {
  position: sticky;
  top: 100px;
}
.ozet-satir.avantaj {
  color: #167044;
}
.ucretsiz-kargo-ilerleme {
  margin-top: 16px;
  padding: 13px;
  border-radius: 9px;
  background: #fff7e8;
  color: #79520d;
  display: flex;
  flex-direction: column;
}
.ucretsiz-kargo-ilerleme.tamam {
  background: #eaf8ef;
  color: #167044;
}
.sepet-gecerlilik,
.sepet-dogrulama-notu {
  font-size: 12px;
  line-height: 1.5;
  color: #697386;
  margin: 14px 0 0;
}
.sepet-dogrulama-notu {
  text-align: center;
}
.sepet-sayfasi .metin-dugmesi {
  border: 0;
  background: transparent;
  color: var(--magaza-ana-renk);
  padding: 0;
  font-weight: 700;
}
.kampanya-durum.uygulandi {
  margin: 7px 0;
  padding: 13px;
  border: 1px solid #bfe4ce;
  border-radius: 10px;
  background: #f1fbf5;
}
.kampanya-durum.uygulandi span {
  color: #167044;
}
.uygulanan-kampanyalar-paneli {
  border-color: #c9e8d5;
  background: linear-gradient(145deg, #fff, #f4fbf7);
}
.kampanya-hediye-bilgisi {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff;
  color: #3e5d4b;
  font-size: 13px;
}
.sepet-eski-tutar,
.sepet-indirimli-tutar,
.sepet-kalem-avantaji {
  display: block;
}
.sepet-eski-tutar {
  color: #8b94a2;
}
.sepet-indirimli-tutar {
  color: #167044;
}
.sepet-kalem-avantaji {
  margin-top: 2px;
  color: #167044;
  font-size: 11px;
}
.odeme-kampanya-etiketi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 7px 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #eef8f2;
  color: #24623e;
  font-size: 11px;
}
.odeme-kampanya-etiketi span {
  font-size: 10px;
  font-weight: 700;
}
.cerez-bildirimi[hidden] {
  display: none;
}
.onizleme-seridi {
  position: sticky;
  top: 0;
  z-index: 99;
  padding: 9px;
  text-align: center;
  background: #f6b500;
  color: #171717;
  font-weight: 800;
}
.bos-durum {
  text-align: center;
  padding: 70px 20px;
  border: 1px dashed #d9e0e9;
  border-radius: 12px;
}
.magaza-konteyner {
  width: min(var(--magaza-konteyner), calc(100% - 32px));
  margin-inline: auto;
}
.magaza-bolumu {
  padding: 54px 0;
}
.etiket {
  display: inline-block;
  color: var(--magaza-ana-renk);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 800;
}
.kimlik-sayfasi {
  min-height: 640px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      circle at 20% 10%,
      color-mix(in srgb, var(--magaza-ana-renk) 15%, #fff),
      transparent 36%
    ),
    #f7f9fc;
}
.kimlik-karti {
  width: min(480px, calc(100% - 28px));
  padding: 38px;
  background: #fff;
  border: 1px solid #e5eaf1;
  border-radius: var(--magaza-yuvarlaklik);
  box-shadow: 0 24px 70px rgba(34, 48, 74, 0.1);
}
.kimlik-karti.genis-kart {
  width: min(720px, calc(100% - 28px));
}
.kimlik-baslik {
  margin-bottom: 24px;
}
.kimlik-baslik h1 {
  margin: 7px 0 9px;
  font-size: clamp(25px, 4vw, 36px);
  color: #172033;
}
.kimlik-baslik p {
  color: #68758b;
  margin: 0;
  line-height: 1.65;
}
.magaza-form {
  display: grid;
  gap: 16px;
}
.magaza-form.iki-sutun {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.magaza-form label {
  display: grid;
  gap: 7px;
  color: #2f3a4e;
  font-size: 13px;
  font-weight: 700;
}
.magaza-form input,
.magaza-form select,
.magaza-form textarea {
  width: 100%;
  padding: 12px 13px;
  border: 1px solid #dce3ed;
  border-radius: calc(var(--magaza-yuvarlaklik) * 0.65);
  background: #fff;
  color: #172033;
  font: inherit;
  outline: none;
}
.magaza-form input:focus,
.magaza-form select:focus,
.magaza-form textarea:focus {
  border-color: var(--magaza-ana-renk);
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--magaza-ana-renk) 12%, transparent);
}
.magaza-form .tam {
  grid-column: 1/-1;
}
.magaza-form .onay {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-weight: 500;
}
.magaza-form .onay input {
  width: 17px;
  height: 17px;
  margin-top: 2px;
}
.magaza-dugme.genis {
  width: 100%;
  justify-content: center;
}
.kimlik-alt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #edf0f4;
  font-size: 13px;
}
.demo-bilgi {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  padding: 12px;
  border: 1px solid #dbe5f3;
  border-radius: 8px;
  background: #f1f5fb;
  color: #536078;
  font-size: 12px;
}
.demo-bilgi > strong {
  color: #284f8d;
}
.demo-bilgi > span {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 6px;
}
.demo-bilgi b {
  font-size: 10px;
}
.demo-bilgi code {
  overflow-wrap: anywhere;
  color: #243b64;
}
.demo-bilgi small {
  color: #78869a;
}
.hesap-yerlesimi {
  display: grid;
  grid-template-columns: 255px minmax(0, 1fr);
  gap: 30px;
}
.hesap-menu {
  border: 1px solid #e4e9f0;
  border-radius: var(--magaza-yuvarlaklik);
  background: #fff;
  overflow: hidden;
  align-self: start;
}
.hesap-kimlik {
  display: flex;
  gap: 11px;
  align-items: center;
  padding: 18px 15px;
  background: #f7f9fc;
  border-bottom: 1px solid #e9edf3;
}
.hesap-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--magaza-ana-renk);
  color: #fff;
  font-weight: 800;
}
.hesap-kimlik strong,
.hesap-kimlik small {
  display: block;
}
.hesap-kimlik small {
  margin-top: 3px;
  color: #7b8799;
  font-size: 10px;
  overflow-wrap: anywhere;
}
.hesap-menu nav a {
  padding: 11px 15px;
  color: #4a566a;
  font-size: 13px;
  border-bottom: 1px solid #f0f2f6;
}
.hesap-menu nav a.aktif {
  background: color-mix(in srgb, var(--magaza-ana-renk) 9%, #fff);
  color: var(--magaza-ana-renk);
  box-shadow: inset 3px 0 var(--magaza-ana-renk);
  font-weight: 700;
}
.hesap-menu form {
  padding: 13px 15px;
}
.metin-dugmesi {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--magaza-ana-renk);
  font: inherit;
  cursor: pointer;
}
.metin-dugmesi.tehlike {
  color: #bd3131;
}
.hesap-icerik {
  min-width: 0;
}
.sayfa-basligi {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 26px;
}
.sayfa-basligi h1 {
  margin: 5px 0 0;
  color: #172033;
  font-size: clamp(27px, 4vw, 39px);
}
.sayfa-basligi > span {
  color: #6c788c;
  font-size: 13px;
}
.ozet-kartlari {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.ozet-kartlari article {
  padding: 22px;
  border: 1px solid #e5eaf1;
  border-radius: var(--magaza-yuvarlaklik);
  background: linear-gradient(150deg, #fff, #f7f9fc);
}
.ozet-kartlari strong,
.ozet-kartlari span {
  display: block;
}
.ozet-kartlari strong {
  color: #16223a;
  font-size: 30px;
}
.ozet-kartlari span {
  margin-top: 5px;
  color: #768298;
  font-size: 12px;
}
.bilgi-paneli {
  padding: 23px;
  border: 1px solid #e4e9f0;
  border-radius: var(--magaza-yuvarlaklik);
  background: #fff;
}
.bilgi-paneli h2 {
  margin: 0 0 10px;
  color: #263248;
  font-size: 18px;
}
.bilgi-paneli p {
  color: #667286;
  line-height: 1.65;
}
.magaza-tablo {
  width: 100%;
  border-collapse: collapse;
}
.magaza-tablo th,
.magaza-tablo td {
  padding: 14px 12px;
  border-bottom: 1px solid #ebeff4;
  text-align: left;
}
.magaza-tablo th {
  color: #758095;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.durum-rozeti {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: #edf2f8;
  color: #516078;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.durum-rozeti.onaylandi,
.durum-rozeti.teslim_edildi {
  background: #e7f7ed;
  color: #197341;
}
.durum-rozeti.iptal_edildi {
  background: #fdeaea;
  color: #a92d2d;
}
.siparis-ilerleme {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  margin: 0 0 20px;
}
.siparis-ilerleme span {
  flex: 1 0 105px;
  padding: 10px 8px;
  border-radius: 7px;
  background: #f1f4f8;
  color: #7a8699;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
}
.siparis-ilerleme span.aktif {
  background: var(--magaza-ana-renk);
  color: #fff;
}
.siparis-kalemleri {
  border: 1px solid #e6eaf0;
  border-radius: var(--magaza-yuvarlaklik);
  overflow: hidden;
}
.siparis-kalemleri article {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 17px;
  border-bottom: 1px solid #edf0f4;
}
.siparis-kalemleri article:last-child {
  border: 0;
}
.siparis-kalemleri strong,
.siparis-kalemleri small {
  display: block;
}
.siparis-kalemleri small {
  margin-top: 4px;
  color: #7a8597;
}
.siparis-ozet-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  margin-top: 17px;
}
.siparis-ozet-grid p {
  display: flex;
  justify-content: space-between;
}
.siparis-ozet-grid small {
  display: block;
  color: #8490a1;
}
.kart-listesi,
.adres-kartlari {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}
.kart-listesi article {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 9px 15px;
}
.kart-listesi article .durum-rozeti {
  justify-self: end;
}
.adres-kartlari + form {
  margin-top: 20px;
}
.hata-sayfasi {
  width: min(680px, calc(100% - 32px));
  margin: auto;
  min-height: 560px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
}
.hata-sayfasi > span {
  color: color-mix(in srgb, var(--magaza-ana-renk) 13%, #fff);
  font-size: clamp(90px, 20vw, 190px);
  font-weight: 900;
  line-height: 0.8;
}
.hata-sayfasi h1 {
  margin: 22px 0 8px;
  color: #172033;
}
.hata-sayfasi p {
  color: #718096;
  margin-bottom: 24px;
}

/* Hazır konsept aileleri: seçili parçaları ortak bir mağaza dilinde birleştirir. */
.tema-konsept-nordik {
  background: #f3f2ee;
  color: #38413b;
}
.tema-konsept-nordik .magaza-header {
  border: 0;
  background: #f8f7f3;
}
.tema-konsept-nordik .magaza-header .ust-serit {
  background: #26302b;
}
.tema-konsept-nordik .magaza-header .header-ana {
  padding-block: 17px;
}
.tema-konsept-nordik .magaza-header .logo-isareti {
  border-radius: 2px;
  background: #5f6f65;
  box-shadow: none;
}
.tema-konsept-nordik .magaza-header .magaza-arama {
  border: 1px solid #b8c0ba;
  border-radius: 2px;
}
.tema-konsept-nordik .magaza-header .magaza-arama button {
  background: #26302b;
}
.tema-konsept-nordik .magaza-header .magaza-menu {
  border-block: 1px solid #dfe2dc;
  background: #f8f7f3;
}
.tema-konsept-nordik .magaza-slider {
  padding: 34px 0;
  background: #f3f2ee;
}
.tema-konsept-nordik .magaza-slider-ana {
  border: 0;
  border-radius: 3px;
}
.tema-konsept-nordik .magaza-slider-icerik h1,
.tema-konsept-nordik .bolum-baslik h2 {
  color: #26302b;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.tema-konsept-nordik .bolum {
  padding-block: 68px;
}
.tema-konsept-nordik .bolum-acik {
  background: #e8e9e3;
}
.tema-konsept-nordik .kategori-karti {
  border: 0;
  border-radius: 3px;
  background: #e4e5df;
}
.tema-konsept-nordik .magaza-footer {
  background: #26302b;
}

.tema-konsept-editoryal {
  background: #f4ede5;
  color: #51433d;
}
.tema-konsept-editoryal .magaza-header {
  border: 0;
  background: #fbf7f2;
}
.tema-konsept-editoryal .magaza-header .ust-serit {
  border: 0;
  background: #2b201c;
  color: #e6d7ca;
}
.tema-konsept-editoryal .magaza-header .logo-isareti {
  border-radius: 0;
  background: #a1472d;
  box-shadow: none;
}
.tema-konsept-editoryal .magaza-header .magaza-arama {
  border: 0;
  border-bottom: 1px solid #a99a8e;
  border-radius: 0;
}
.tema-konsept-editoryal .magaza-header .magaza-arama button {
  background: transparent;
  color: #a1472d;
}
.tema-konsept-editoryal .magaza-header .magaza-menu {
  border-block: 1px solid #dfd2c6;
  background: #fbf7f2;
}
.tema-konsept-editoryal .magaza-slider {
  padding: 24px 0 56px;
  background: #f4ede5;
}
.tema-konsept-editoryal .magaza-slider-ana {
  border-radius: 0;
}
.tema-konsept-editoryal .magaza-slider-icerik h1,
.tema-konsept-editoryal .bolum-baslik h2 {
  color: #2b201c;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.tema-konsept-editoryal .magaza-slider-icerik h1 {
  font-size: clamp(45px, 6vw, 76px);
}
.tema-konsept-editoryal .bolum {
  padding-block: 72px;
}
.tema-konsept-editoryal .bolum-acik {
  background: #e9ddd1;
}
.tema-konsept-editoryal .kategori-karti {
  border: 0;
  border-radius: 0;
  background: #ede2d8;
}
.tema-konsept-editoryal .kategori-karti strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
}
.tema-konsept-editoryal .magaza-footer {
  background: #2b201c;
}

.tema-konsept-teknoloji {
  background: #070b14;
  color: #cbd6e8;
}
.tema-konsept-teknoloji .magaza-header {
  border-color: #1f2a40;
  background: #0b111e;
  color: #d9e4f5;
}
.tema-konsept-teknoloji .magaza-header .ust-serit {
  border: 0;
  background: #050810;
  color: #8492a9;
}
.tema-konsept-teknoloji .magaza-header .magaza-logo {
  color: #31d7f4;
}
.tema-konsept-teknoloji .magaza-header .logo-isareti {
  background: linear-gradient(145deg, #31d7f4, #1368d6);
  color: #07101c;
  box-shadow: 0 0 24px rgba(49, 215, 244, 0.28);
}
.tema-konsept-teknoloji .magaza-header .header-eylem i,
.tema-konsept-teknoloji .magaza-header .header-dahili-menu a {
  color: #d9e4f5;
}
.tema-konsept-teknoloji .magaza-header .magaza-arama {
  border: 1px solid #2d3a54;
  background: #101827;
}
.tema-konsept-teknoloji .magaza-header .magaza-arama input {
  background: transparent;
  color: #f5f8ff;
}
.tema-konsept-teknoloji .magaza-header .magaza-arama button {
  background: #31d7f4;
  color: #07101c;
}
.tema-konsept-teknoloji .magaza-header .magaza-menu {
  border-color: #1f2a40;
  background: #0b111e;
}
.tema-konsept-teknoloji .magaza-header .magaza-menu a {
  color: #cbd6e8;
}
.tema-konsept-teknoloji .magaza-slider {
  padding-block: 34px;
  background:
    radial-gradient(
      circle at 80% 20%,
      rgba(49, 215, 244, 0.12),
      transparent 35%
    ),
    #070b14;
}
.tema-konsept-teknoloji .magaza-slider-ana {
  border: 1px solid #26344f;
  border-radius: 18px;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35);
}
.tema-konsept-teknoloji .bolum {
  background: #070b14;
}
.tema-konsept-teknoloji .bolum-acik {
  background: #0c1220;
}
.tema-konsept-teknoloji .bolum-baslik h2 {
  color: #eef6ff;
}
.tema-konsept-teknoloji .bolum-baslik p,
.tema-konsept-teknoloji .bolum-baslik a {
  color: #8190a8;
}
.tema-konsept-teknoloji .kategori-karti,
.tema-konsept-teknoloji .kampanya-karti,
.tema-konsept-teknoloji .blog-karti,
.tema-konsept-teknoloji .hizmet-karti {
  border-color: #25304a;
  background: #111827;
  color: #cbd6e8;
}
.tema-konsept-teknoloji .kategori-karti strong,
.tema-konsept-teknoloji .kampanya-karti h3,
.tema-konsept-teknoloji .blog-karti h3,
.tema-konsept-teknoloji .hizmet-karti h4 {
  color: #eef6ff;
}
.tema-konsept-teknoloji .magaza-footer {
  border-color: #25304a;
  background: #050810;
}

.tema-konsept-organik {
  background: #f4f3e9;
  color: #425247;
}
.tema-konsept-organik .magaza-header {
  border: 0;
  background: #faf9f2;
}
.tema-konsept-organik .magaza-header .ust-serit {
  background: #263c2d;
}
.tema-konsept-organik .magaza-header .logo-isareti {
  border-radius: 50% 50% 50% 12%;
  background: #527853;
  box-shadow: none;
}
.tema-konsept-organik .magaza-header .magaza-arama {
  border: 1px solid #bdc9b8;
  border-radius: 999px;
}
.tema-konsept-organik .magaza-header .magaza-arama button {
  background: #527853;
}
.tema-konsept-organik .magaza-header .magaza-menu {
  border: 0;
  background: #e4eadc;
}
.tema-konsept-organik .magaza-slider {
  padding-block: 32px;
  background: #f4f3e9;
}
.tema-konsept-organik .magaza-slider-ana {
  border: 0;
  border-radius: 28px;
  box-shadow: 0 20px 55px rgba(56, 78, 51, 0.1);
}
.tema-konsept-organik .bolum-acik {
  background: #e8eddf;
}
.tema-konsept-organik .bolum-baslik h2 {
  color: #263c2d;
}
.tema-konsept-organik .kategori-karti {
  border-color: #dce4d4;
  border-radius: 28px;
  background: #f8f6ee;
}
.tema-konsept-organik .kategori-karti img {
  border-radius: 20px;
}
.tema-konsept-organik .magaza-footer {
  background: #263c2d;
}

.tema-konsept-luks {
  background: #0a0a0a;
  color: #c5bcac;
}
.tema-konsept-luks .magaza-header {
  border-color: #2d281f;
  background: #0a0a0a;
  color: #e4dccd;
}
.tema-konsept-luks .magaza-header .ust-serit {
  border: 0;
  background: #050505;
  color: #8d826f;
}
.tema-konsept-luks .magaza-header .magaza-logo {
  color: #c8a96b;
  font-family: Georgia, "Times New Roman", serif;
}
.tema-konsept-luks .magaza-header .logo-isareti {
  border: 1px solid #c8a96b;
  border-radius: 0;
  background: transparent;
  color: #c8a96b;
  box-shadow: none;
}
.tema-konsept-luks .magaza-header .header-eylem i {
  color: #c8a96b;
}
.tema-konsept-luks .magaza-header .magaza-arama {
  border: 0;
  border-bottom: 1px solid #5f5239;
  border-radius: 0;
  background: #0a0a0a;
}
.tema-konsept-luks .magaza-header .magaza-arama input {
  background: transparent;
  color: #eee8dc;
}
.tema-konsept-luks .magaza-header .magaza-arama button {
  background: transparent;
  color: #c8a96b;
}
.tema-konsept-luks .magaza-header .magaza-menu {
  border-color: #2d281f;
  background: #0a0a0a;
}
.tema-konsept-luks .magaza-header .magaza-menu a {
  color: #d8d0c1;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.tema-konsept-luks .magaza-slider {
  padding-block: 0 54px;
  background: #0a0a0a;
}
.tema-konsept-luks .magaza-slider-ana {
  border: 1px solid #4d412d;
  border-radius: 0;
}
.tema-konsept-luks .magaza-slider-icerik h1,
.tema-konsept-luks .bolum-baslik h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}
.tema-konsept-luks .bolum {
  background: #0a0a0a;
}
.tema-konsept-luks .bolum-acik {
  background: #111;
}
.tema-konsept-luks .bolum-baslik h2 {
  color: #eee8dc;
}
.tema-konsept-luks .bolum-baslik p,
.tema-konsept-luks .bolum-baslik a {
  color: #8d826f;
}
.tema-konsept-luks .kategori-karti,
.tema-konsept-luks .kampanya-karti,
.tema-konsept-luks .blog-karti,
.tema-konsept-luks .hizmet-karti {
  border-color: #403723;
  border-radius: 0;
  background: #111;
  color: #a99f8e;
}
.tema-konsept-luks .kategori-karti strong,
.tema-konsept-luks .kampanya-karti h3,
.tema-konsept-luks .blog-karti h3,
.tema-konsept-luks .hizmet-karti h4 {
  color: #e6ddcd;
  font-family: Georgia, "Times New Roman", serif;
}
.tema-konsept-luks .magaza-footer {
  border-color: #403723;
  background: #050505;
}

.tema-konsept-pazar {
  background: #f5f7fb;
}
.tema-konsept-pazar .magaza-header .ust-serit {
  background: #17243a;
}
.tema-konsept-pazar .magaza-header .logo-isareti {
  border-radius: 8px;
  background: #1667d9;
  box-shadow: none;
}
.tema-konsept-pazar .magaza-header .magaza-arama {
  border-color: #1667d9;
  border-radius: 8px;
}
.tema-konsept-pazar .magaza-header .magaza-arama button {
  background: #1667d9;
}
.tema-konsept-pazar .magaza-header .magaza-menu {
  background: #1667d9;
  color: #fff;
}
.tema-konsept-pazar .magaza-header .magaza-menu a {
  color: #fff;
}
.tema-konsept-pazar .magaza-slider {
  padding-block: 22px;
  background: #eef3fa;
}
.tema-konsept-pazar .magaza-slider-ana {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(23, 36, 58, 0.1);
}
.tema-konsept-pazar .bolum {
  padding-block: 48px;
}
.tema-konsept-pazar .bolum-acik {
  background: #eaf0f8;
}
.tema-konsept-pazar .kampanya-karti {
  border-top: 4px solid #ef6a2e;
}
.tema-konsept-pazar .magaza-footer {
  background: #17243a;
}

.tema-konsept-studyo {
  background: #fff7df;
  color: #343540;
}
.tema-konsept-studyo .magaza-header {
  border-bottom: 3px solid #20212b;
  background: #fffaf1;
}
.tema-konsept-studyo .magaza-header .ust-serit {
  border: 0;
  background: #20212b;
  color: #fff;
}
.tema-konsept-studyo .magaza-header .logo-isareti {
  border: 2px solid #20212b;
  border-radius: 12px;
  background: #ff5c8a;
  color: #20212b;
  box-shadow: 4px 4px 0 #ffd23f;
}
.tema-konsept-studyo .magaza-header .magaza-arama {
  border: 2px solid #20212b;
  border-radius: 999px;
  box-shadow: 4px 4px 0 #6ee7b7;
}
.tema-konsept-studyo .magaza-header .magaza-arama button {
  background: #20212b;
}
.tema-konsept-studyo .magaza-header .magaza-menu {
  border: 0;
  background: #ffd23f;
  color: #20212b;
}
.tema-konsept-studyo .magaza-header .magaza-menu a {
  color: #20212b;
  font-weight: 900;
}
.tema-konsept-studyo .magaza-slider {
  padding-block: 34px;
  background: #fff7df;
}
.tema-konsept-studyo .magaza-slider-ana {
  border: 3px solid #20212b;
  border-radius: 22px;
  box-shadow: 9px 9px 0 #6ee7b7;
}
.tema-konsept-studyo .magaza-slider-icerik h1,
.tema-konsept-studyo .bolum-baslik h2 {
  color: #20212b;
  font-weight: 900;
}
.tema-konsept-studyo .bolum-acik {
  background: #ffe5ef;
}
.tema-konsept-studyo .kategori-karti,
.tema-konsept-studyo .kampanya-karti,
.tema-konsept-studyo .blog-karti,
.tema-konsept-studyo .hizmet-karti {
  border: 3px solid #20212b;
  border-radius: 18px;
  background: #fffaf1;
  box-shadow: 6px 6px 0 #ffd23f;
}
.tema-konsept-studyo .magaza-footer {
  border-top: 3px solid #20212b;
  background: #20212b;
}

@media (max-width: 1024px) {
  .urun-izgara {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kategori-izgara {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .magaza-slider-izgara {
    min-height: 390px;
  }
  .bilgi-kartlari {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tema-urun-karti-12 .urun-karti-eylemler {
    opacity: 1;
    transform: none;
  }
  .tema-urun-karti-13 .urun-karti-eylemler {
    right: 10px;
    bottom: 156px;
  }
  .tema-urun-karti-13 h3,
  .tema-urun-karti-16 h3 {
    font-size: 16px;
  }
  .tema-urun-karti-14 .urun-karti-gorsel,
  .tema-urun-karti-15 .urun-karti-gorsel,
  .tema-urun-karti-16 .urun-karti-gorsel,
  .tema-urun-karti-18 .urun-karti-gorsel {
    margin: 6px;
  }
  .tema-urun-karti-14 .urun-karti-icerik,
  .tema-urun-karti-15 .urun-karti-icerik,
  .tema-urun-karti-16 .urun-karti-icerik,
  .tema-urun-karti-18 .urun-karti-icerik {
    padding: 10px 11px 14px;
  }
  .tema-urun-karti-18 {
    box-shadow: 4px 4px 0 #ffd23f;
  }
}
@media (max-width: 768px) {
  .ust-serit-icerik {
    display: block;
    text-align: center;
  }
  .ust-sol,
  .ust-sag {
    display: none;
  }
  .ust-mesaj {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header-dahili-menu,
  .header-kategori-dugmesi,
  .menu-kategori-dugmesi,
  .header-kategori-seridi {
    display: none !important;
  }
  .magaza-menu-icerik {
    display: block;
  }
  .tema-header-11 .magaza-menu {
    display: block;
    height: auto;
  }
  .tema-header-11 .magaza-menu-icerik > [data-mobil-menu] {
    display: inline-flex;
  }
  .tema-header-11 .magaza-menu-icerik > [data-ana-menu].acik {
    display: block;
  }
  .magaza-header .header-ana,
  .tema-header-03 .header-ana,
  .tema-header-08 .header-ana {
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 14px 0;
  }
  .magaza-logo,
  .tema-header-03 .magaza-logo,
  .tema-header-08 .magaza-logo {
    grid-column: 1;
    grid-row: 1;
  }
  .header-eylemler {
    grid-column: 2;
    grid-row: 1;
    gap: 7px;
  }
  .header-eylem span:not(.header-sayac) {
    display: none;
  }
  .magaza-arama,
  .tema-header-03 .magaza-arama,
  .tema-header-08 .magaza-arama {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .mobil-menu-dugmesi {
    display: inline-flex;
  }
  .magaza-menu ul {
    display: none;
    padding: 8px 0 14px;
  }
  .magaza-menu ul.acik {
    display: block;
  }
  .magaza-menu a {
    padding: 10px 12px;
  }
  .magaza-menu .menu-kategori-satiri {
    width: 100%;
  }
  .magaza-menu .menu-alt-dugmesi {
    flex-basis: 42px;
    width: 42px;
    height: 38px;
    margin: 0 4px 0 0;
  }
  .magaza-menu .menu-alt-listesi {
    position: static;
    display: none;
    min-width: 0;
    margin: 0 7px 5px;
    padding: 3px 3px 3px 14px;
    border: 0;
    border-left: 2px solid rgba(127, 138, 155, 0.28);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: none;
  }
  .magaza-menu .menu-alt-listesi.acik {
    display: block;
  }
  .magaza-menu .menu-alt-listesi a {
    white-space: normal;
  }
  .magaza-slider-izgara {
    display: block;
    min-height: 380px;
  }
  .magaza-slider-ana {
    min-height: 380px;
  }
  .magaza-slider-yan {
    display: none;
  }
  .magaza-slider-icerik {
    padding: 32px;
  }
  .magaza-header[class*="tema-header-"] .header-ana {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .magaza-header[class*="tema-header-"] .magaza-logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    font-family: inherit;
  }
  .magaza-header[class*="tema-header-"] .header-eylemler {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  .magaza-header[class*="tema-header-"] .magaza-arama {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    justify-self: stretch;
  }
  .magaza-slider[class*="tema-slider-"] {
    padding: 18px 0 8px;
    background: transparent;
  }
  .magaza-slider[class*="tema-slider-"] .slider-dis-konteyner {
    width: auto;
    max-width: var(--magaza-konteyner);
    padding-inline: 12px;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-izgara {
    display: block;
    min-height: 380px;
    border: 0;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-ana {
    width: 100%;
    height: 380px;
    min-height: 380px;
    border: 0;
    border-radius: calc(var(--magaza-yuvarlaklik) * 1.7);
    grid-column: auto;
    grid-row: auto;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-yan {
    display: none;
    position: static;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    padding: 28px;
    color: inherit;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.97),
      rgba(255, 255, 255, 0.68) 72%,
      transparent
    );
  }
  .magaza-slider[class*="tema-slider-"] .slider-dekor {
    display: none;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik .slider-etiket {
    padding: 0;
    border: 0;
    color: var(--slider-vurgu, var(--magaza-ana-renk));
    font-size: 13px;
    letter-spacing: 0.07em;
    line-height: 1.4;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik h1 {
    max-width: 100%;
    color: var(--slider-koyu, #182338);
    font-family: inherit;
    font-size: clamp(30px, 8vw, 39px);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
  }
  .magaza-slider[class*="tema-slider-"] .slider-baslik-vurgu {
    color: inherit;
    -webkit-text-stroke: 0;
    text-stroke: 0;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik p {
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.45;
  }
  .magaza-slider[class*="tema-slider-"] .slider-fiyat {
    margin-bottom: 12px;
    font-size: 13px;
  }
  .magaza-slider[class*="tema-slider-"] .magaza-dugme {
    min-height: 38px;
    height: auto;
    padding: 9px 16px;
    border-radius: var(--magaza-yuvarlaklik);
    font-size: 12px;
    line-height: 1.4;
  }
  .magaza-slider[class*="tema-slider-"] .slider-noktalar {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 14px;
    flex-direction: row;
    gap: 7px;
    transform: translateX(-50%);
    counter-reset: none;
  }
  .magaza-slider[class*="tema-slider-"] .slider-noktalar i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #202020;
    opacity: 0.35;
    counter-increment: none;
  }
  .magaza-slider[class*="tema-slider-"] .slider-noktalar i.aktif {
    width: 28px;
    border-radius: 8px;
    background: var(--slider-vurgu, var(--magaza-ana-renk));
    opacity: 1;
  }
  .magaza-slider[class*="tema-slider-"] .slider-noktalar i::before,
  .magaza-slider[class*="tema-slider-"] .slider-noktalar i::after {
    display: none;
    content: none;
  }
  .magaza-slider[class*="tema-slider-"] .slider-ok {
    width: 36px;
    height: 36px;
    font-size: 25px;
    opacity: 0.78;
  }
  .magaza-slider[class*="tema-slider-"] .slider-onceki {
    left: 8px;
  }
  .magaza-slider[class*="tema-slider-"] .slider-sonraki {
    right: 8px;
  }
  .magaza-slider .magaza-slider-icerik.slider-metin-orta,
  .magaza-slider .magaza-slider-icerik.slider-metin-sag {
    width: 100%;
    align-items: flex-start;
    padding: 28px;
    text-align: left;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.97),
      rgba(255, 255, 255, 0.68) 72%,
      transparent
    );
  }
  .urun-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .kategori-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kampanya-izgara,
  .blog-izgara,
  .hizmet-izgara {
    grid-template-columns: 1fr;
  }
  .liste-duzeni,
  .urun-detay,
  .odeme-izgara,
  .hesap-duzeni,
  .hesap-yerlesimi {
    grid-template-columns: 1fr;
  }
  .filtre-panel {
    display: none;
  }
  .footer-izgara {
    grid-template-columns: 1fr 1fr;
  }
  .sepet-tablo {
    display: block;
    overflow-x: auto;
  }
  .hesap-menu nav {
    display: flex;
    overflow-x: auto;
  }
  .hesap-menu nav a {
    flex: 0 0 auto;
    border-right: 1px solid #f0f2f6;
  }
  .hesap-menu nav a.aktif {
    box-shadow: inset 0 -3px var(--magaza-ana-renk);
  }
  .hesap-menu form {
    display: none;
  }
  .ozet-kartlari {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mobil-kart-tablosu .magaza-tablo thead {
    display: none;
  }
  .mobil-kart-tablosu .magaza-tablo,
  .mobil-kart-tablosu tbody,
  .mobil-kart-tablosu tr,
  .mobil-kart-tablosu td {
    display: block;
  }
  .mobil-kart-tablosu tr {
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #e6eaf0;
    border-radius: 9px;
  }
  .mobil-kart-tablosu td {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 7px;
    border: 0;
  }
  .mobil-kart-tablosu td::before {
    content: attr(data-baslik);
    color: #7a8699;
    font-size: 11px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .magaza-slider-icerik h1,
  .magaza-slider-icerik p {
    max-width: 62%;
  }
}
@media (max-width: 430px) {
  .ust-serit .container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .magaza-header .header-ana {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }
  .magaza-logo {
    min-width: 0;
    font-size: 16px;
    gap: 8px;
    white-space: nowrap;
  }
  .magaza-logo span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .magaza-logo img {
    width: 34px;
    height: 34px;
  }
  .logo-isareti {
    width: 35px;
    height: 35px;
    border-radius: 10px 5px 10px 5px;
    font-size: 12px;
  }
  .header-eylemler {
    min-width: 35px;
    gap: 0;
  }
  .header-eylem {
    min-width: 32px;
  }
  .magaza-slider-icerik {
    min-width: 0;
    padding: 26px 22px;
  }
  .magaza-slider-icerik > * {
    max-width: 100%;
  }
  .magaza-slider-icerik h1 {
    width: 100%;
    font-size: clamp(28px, 8.5vw, 34px);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
  .magaza-slider-icerik p {
    width: 100%;
    line-height: 1.55;
  }
  .bolum {
    padding: 38px 0;
  }
  .urun-karti-icerik {
    padding: 12px;
  }
  .urun-karti h3 {
    font-size: 13px;
    min-height: 38px;
  }
  .sepet-ekle {
    font-size: 12px;
    padding: 9px 5px;
  }
  .footer-izgara,
  .bilgi-kartlari {
    grid-template-columns: 1fr;
  }
  .footer-alt {
    display: block;
  }
  .footer-alt-baglantilar {
    justify-content: flex-start;
    margin-top: 8px;
  }
  .cerez-bildirimi {
    display: block;
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    padding: 16px;
  }
  .cerez-bildirimi > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    gap: 8px !important;
  }
  .cerez-bildirimi .magaza-dugme {
    min-width: 0;
    padding: 10px 7px;
    white-space: normal;
    font-size: 12px;
  }
  .magaza-form.iki-sutun,
  .siparis-ozet-grid,
  .kart-listesi,
  .adres-kartlari,
  .ozet-kartlari {
    grid-template-columns: 1fr;
  }
  .kimlik-karti {
    padding: 25px 19px;
  }
  .sayfa-basligi {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Gelişmiş arama deneyimi */
.magaza-arama {
  position: relative;
  overflow: visible;
}
.magaza-arama > input[type="search"] {
  flex: 1;
  border-radius: inherit;
}
.magaza-arama .arama-hizli-araclar {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.magaza-arama .arama-arac-dugmesi {
  width: 34px !important;
  height: 38px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #758095 !important;
  font-size: 14px;
  cursor: pointer;
}
.magaza-arama .arama-arac-dugmesi:hover {
  color: var(--magaza-ana-renk) !important;
}
.magaza-arama .arama-arac-dugmesi.dinliyor {
  border-radius: 50% !important;
  background: #fff0f0 !important;
  color: #d83c3c !important;
  animation: arama-nabiz 1s infinite;
}
.magaza-arama .arama-gonder-dugmesi {
  flex: 0 0 52px;
  height: auto;
  align-self: stretch;
  border-radius: 0 999px 999px 0;
}
.arama-oneri-paneli {
  position: absolute;
  z-index: 100;
  top: calc(100% + 9px);
  left: 0;
  width: 100%;
  max-height: min(480px, 70vh);
  overflow-y: auto;
  border: 1px solid #e1e6ed;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(26, 39, 65, 0.18);
  color: #354258;
  text-align: left;
}
.arama-oneri-paneli[hidden] {
  display: none !important;
}
.arama-oneri-basligi {
  padding: 11px 14px 8px;
  color: #929bab;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.arama-oneri-satiri {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  border-top: 1px solid #f0f2f5;
  color: #3c4a61;
}
.arama-oneri-satiri:hover,
.arama-oneri-satiri.aktif {
  background: #f4f7fc;
  color: var(--magaza-ana-renk);
}
.arama-oneri-satiri img,
.arama-oneri-simgesi {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 8px;
  background: #f0f3f7;
  object-fit: cover;
}
.arama-oneri-simgesi {
  display: grid;
  place-items: center;
  color: #708099;
  font-size: 18px;
}
.arama-oneri-satiri > span:last-child {
  min-width: 0;
}
.arama-oneri-satiri strong,
.arama-oneri-satiri small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arama-oneri-satiri strong {
  font-size: 12px;
}
.arama-oneri-satiri small {
  margin-top: 3px;
  color: #929baa;
  font-size: 9px;
}
.arama-oneri-durumu {
  padding: 17px;
  color: #6c788d;
  font-size: 11px;
  text-align: center;
}
.arama-oneri-durumu.hata {
  color: #b63a3a;
}
.arama-sayfa-hero {
  padding-bottom: 25px;
}
.arama-sonuc-ozeti {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}
.arama-sonuc-ozeti span {
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 9px;
}
.arama-kampanya-alani {
  padding: 22px 0 0;
  background: #f7f8fa;
}
.arama-kampanya-banneri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 25px 29px;
  border-radius: 15px;
  background: linear-gradient(
    120deg,
    var(--arama-banner-rengi),
    color-mix(in srgb, var(--arama-banner-rengi) 68%, #526b96)
  );
  color: #fff;
  box-shadow: 0 10px 30px
    color-mix(in srgb, var(--arama-banner-rengi) 16%, transparent);
}
.arama-kampanya-banneri span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  opacity: 0.72;
}
.arama-kampanya-banneri h2 {
  margin: 5px 0;
  color: #fff;
  font-size: 22px;
}
.arama-kampanya-banneri p {
  margin: 0;
  opacity: 0.8;
  font-size: 11px;
}
.arama-kampanya-banneri > a {
  flex: 0 0 auto;
  padding: 11px 15px;
  border-radius: 8px;
  background: #fff;
  color: var(--arama-banner-rengi);
  font-size: 11px;
  font-weight: 800;
}
.arama-duzeltme-onerisi {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  padding: 11px 13px;
  border: 1px solid #dbe6f7;
  border-radius: 9px;
  background: #f3f7fd;
  color: #68768b;
  font-size: 11px;
}
.arama-duzeltme-onerisi a {
  font-weight: 900;
}
.arama-eslesme-rozeti {
  display: inline-flex;
  width: max-content;
  margin-top: 5px;
  padding: 3px 6px;
  border-radius: 4px;
  background: #eef4ff;
  color: #4168a8;
  font-size: 8px;
  font-weight: 800;
}
.arama-bos-durumu > span {
  display: grid;
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
  place-items: center;
  border-radius: 50%;
  background: #eef2f7;
  color: #8290a5;
  font-size: 25px;
}
.arama-bos-durumu .magaza-dugme {
  margin-top: 13px;
}
@keyframes arama-nabiz {
  50% {
    box-shadow: 0 0 0 7px rgba(216, 60, 60, 0.12);
  }
}
@media (max-width: 768px) {
  .magaza-arama .arama-hizli-araclar {
    display: none;
  }
  .arama-oneri-paneli {
    position: fixed;
    top: 118px;
    left: 12px;
    right: 12px;
    width: auto;
    max-height: 60vh;
  }
  .arama-kampanya-banneri {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
  }
  .arama-kampanya-banneri > a {
    width: 100%;
    text-align: center;
  }
}

/* Ürün detay sayfası: pazaryeri odaklı satın alma ve içerik deneyimi */
.urun-detay-sayfasi {
  background: #f6f7f9;
  color: #263043;
  padding: 0 0 76px;
  scroll-behavior: smooth;
}
.urun-detay-sayfasi > .container:first-child {
  padding-top: 24px;
}
.urun-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0 0 22px;
  color: #7a8494;
  font-size: 12px;
}
.urun-breadcrumb a {
  color: #687386;
}
.urun-breadcrumb a:hover {
  color: var(--magaza-ana-renk);
}
.urun-breadcrumb i {
  color: #b1b8c3;
  font-size: 10px;
}
.urun-breadcrumb span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.urun-pazaryeri-ust {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: 38px;
  align-items: start;
  padding: 28px;
  border: 1px solid #e8ebef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(29, 42, 68, 0.045);
}
.urun-galeri-buyuk {
  position: sticky;
  top: 18px;
  min-width: 0;
}
.urun-galeri-buyuk .urun-detay-gorsel {
  position: relative;
  border-radius: 15px;
  background: linear-gradient(145deg, #f8f2eb, #f4f6f9);
}
.urun-galeri-buyuk .urun-detay-gorsel img {
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
button.urun-detay-gorsel {
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  text-align: inherit;
  appearance: none;
  cursor: zoom-in;
}
button.urun-detay-gorsel:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--magaza-ana-renk) 35%, transparent);
  outline-offset: 4px;
}
.urun-gorsel-buyut-simgesi {
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: rgba(24, 38, 58, 0.78);
  color: #fff;
  font-size: 17px;
  box-shadow: 0 8px 22px rgba(22, 34, 52, 0.22);
  pointer-events: none;
  backdrop-filter: blur(8px);
}
.urun-galeri-rozetleri {
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  flex-direction: column;
}
.urun-galeri-rozetleri span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 5px 10px;
  border-radius: 7px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.09);
}
.urun-indirim-rozeti {
  background: #e64848;
}
.urun-populer-rozeti {
  background: #17243a;
}
.urun-populer-rozeti i {
  color: #ffbf39;
}
.urun-galeri-favori {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  margin: 0;
}
.urun-galeri-favori button {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #e4e8ee;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: #dd4141;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 5px 16px rgba(29, 42, 68, 0.08);
}
.urun-galeri-kucukler {
  margin-top: 14px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 2px;
}
.urun-galeri-kucukler button {
  flex: 0 0 74px;
  width: 74px;
  height: 74px;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #f7f8fa;
}
.urun-galeri-kucukler button.aktif,
.urun-galeri-kucukler button:hover {
  border-color: var(--magaza-ana-renk);
}
.urun-gorsel-notu {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 7px;
  border: 0;
  background: transparent;
  color: #66758a;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.urun-gorsel-notu:hover,
.urun-gorsel-notu:focus-visible {
  color: var(--magaza-ana-renk);
}
.urun-gorsel-notu i {
  margin-right: 5px;
}
.urun-satin-alma-paneli {
  min-width: 0;
}
.urun-kimlik-satiri {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
  color: #8b95a4;
  font-size: 11px;
}
.urun-marka-linki {
  color: var(--magaza-ana-renk);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.urun-satin-alma-paneli h1 {
  margin: 4px 0 8px;
  color: #152136;
  font-size: clamp(29px, 3.3vw, 43px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.urun-alt-baslik {
  margin: 0 0 12px;
  color: #667286;
  font-size: 13px;
  line-height: 1.65;
}
.urun-puan-baglanti {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #657186;
  font-size: 12px;
}
.urun-puan-baglanti > strong {
  color: #263043;
  font-size: 13px;
}
.yildizlar {
  display: inline-flex;
  gap: 2px;
  color: #f4a51c;
}
.yildizlar i {
  font-size: 13px;
}
.urun-puan-baglanti > i:last-child {
  color: #aab1bd;
  font-size: 10px;
}
.urun-fiyat-kutusu {
  margin: 17px 0;
  padding: 17px 18px;
  border: 1px solid color-mix(in srgb, var(--magaza-ana-renk) 13%, #e9edf3);
  border-radius: 12px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 5%, #fff);
}
.fiyat-kampanya-etiketi {
  display: inline-block;
  margin-bottom: 7px;
  padding: 4px 8px;
  border-radius: 5px;
  background: #e8f6ed;
  color: #177343;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Müşteri vitrini: hızlı menü, erişilebilirlik ve gelişmiş ana sayfa */
html {
  scroll-behavior: smooth;
}
body {
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
button,
select,
input {
  font: inherit;
}
button {
  cursor: pointer;
}
:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--magaza-ana-renk) 55%, #fff);
  outline-offset: 3px;
}
.icerige-atla {
  position: fixed;
  left: 16px;
  top: -80px;
  z-index: 300;
  padding: 11px 18px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  font-weight: 700;
  transition: top 0.15s ease;
}
.icerige-atla:focus {
  top: 12px;
  color: #fff;
}
.magaza-header {
  position: sticky;
  top: 0;
  z-index: 80;
  box-shadow: 0 8px 28px rgba(18, 31, 53, 0.05);
}
.ust-mesaj {
  color: inherit;
  font-weight: 600;
}
.ust-mesaj i {
  margin-right: 5px;
}
.ust-tercihler {
  gap: 6px;
}
.ust-tercihler select,
.ust-arac {
  min-height: 27px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  font-size: 10px;
}
.ust-tercihler select {
  padding: 3px 20px 3px 7px;
}
.ust-tercihler select option {
  color: #182338;
  background: #fff;
}
.ust-arac {
  display: inline-grid;
  min-width: 29px;
  padding: 3px 7px;
  place-items: center;
  font-weight: 800;
}
.ust-arac-erisilebilirlik {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding-inline: 9px;
  border-radius: 999px;
}
.ust-arac-erisilebilirlik i {
  font-size: 13px;
}
.ust-arac-erisilebilirlik span {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.ust-arac-erisilebilirlik[aria-expanded="true"] {
  border-color: currentColor;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}
.menu-kategori-dugmesi,
.header-kategori-dugmesi {
  border: 0;
}
.magaza-menu-icerik {
  position: relative;
}
.mega-menu {
  position: absolute;
  left: 12px;
  right: 12px;
  top: calc(100% + 1px);
  z-index: 90;
  padding: 24px;
  border: 1px solid #e4e9f0;
  border-radius: 0 0 18px 18px;
  background: #fff;
  color: #263043;
  box-shadow: 0 26px 60px rgba(20, 36, 61, 0.18);
}
.mega-menu[hidden] {
  display: none;
}
.mega-menu-baslik {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #edf0f4;
}
.mega-menu-baslik div {
  display: grid;
  gap: 2px;
}
.mega-menu-baslik small,
.mega-menu-firsat small {
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
}
.mega-menu-baslik strong {
  color: #172033;
  font-size: 20px;
}
.mega-menu-baslik > a {
  padding: 0;
  color: var(--magaza-ana-renk);
  font-size: 12px;
}
.mega-menu-izgara {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding-top: 18px;
}
.mega-kategori-dali {
  min-width: 0;
  padding: 4px;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  background: #fff;
}
.magaza-menu .mega-kategori {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: inherit;
}
.magaza-menu .mega-kategori:hover {
  border-color: #e4e9f0;
  background: #f7f9fc;
  color: inherit;
}
.mega-kategori-ikon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 12%, #fff);
  color: var(--magaza-ana-renk);
  font-size: 15px;
  font-weight: 900;
}
.mega-kategori > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.mega-kategori strong {
  color: #293246;
  font-size: 12px;
}
.mega-kategori small {
  overflow: hidden;
  color: #7c8797;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mega-kategori > i {
  color: #a8b0bc;
  font-style: normal;
}
.magaza-menu .mega-alt-kategoriler {
  display: block;
  margin: 0 9px 9px 57px;
  padding: 0;
}
.magaza-menu .mega-alt-kategoriler .mega-alt-kategoriler {
  margin: 2px 0 2px 11px;
  padding-left: 8px;
  border-left: 1px solid #dce4ee;
}
.magaza-menu .mega-alt-kategoriler li {
  margin: 1px 0;
}
.magaza-menu .mega-alt-kategoriler a {
  display: block;
  padding: 4px 2px;
  color: #66748a;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
  text-transform: none;
}
.magaza-menu .mega-alt-kategoriler a:hover {
  background: transparent;
  color: var(--magaza-ana-renk);
}
.magaza-menu .mega-menu-firsat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  grid-column: span 2;
  min-height: 76px;
  padding: 14px 18px;
  border-radius: 11px;
  background: linear-gradient(
    120deg,
    color-mix(in srgb, var(--magaza-ana-renk) 16%, #fff),
    #f8fafc
  );
}
.mega-menu-firsat strong {
  color: #1d2a3f;
  font-size: 17px;
}
.mega-menu-firsat span {
  margin-top: 4px;
  color: var(--magaza-ana-renk);
  font-size: 10px;
  font-weight: 700;
}

.sabit-araclar {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 110;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.sabit-arac {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 46px;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(18, 31, 53, 0.2);
}
.cerez-araci {
  border: 1px solid color-mix(in srgb, var(--magaza-ana-renk) 72%, #172033);
  background: var(--magaza-ana-renk);
  color: #fff;
}
.cerez-araci i {
  font-size: 18px;
  line-height: 1;
}
.cerez-araci:hover,
.cerez-araci:focus-visible {
  background: color-mix(in srgb, var(--magaza-ana-renk) 82%, #172033);
  color: #fff;
  transform: translateY(-2px);
}
.whatsapp-araci {
  gap: 8px;
  padding: 0 16px;
  background: #20b76a;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.whatsapp-araci:hover {
  color: #fff;
  transform: translateY(-2px);
}
.whatsapp-araci i {
  font-size: 19px;
}
.erisilebilirlik-paneli {
  position: fixed;
  right: 18px;
  top: 58px;
  z-index: 130;
  width: min(372px, calc(100vw - 28px));
  max-height: calc(100vh - 76px);
  overflow-y: auto;
  padding: 0;
  border: 1px solid #e1e7ef;
  border-radius: 18px;
  background: #fff;
  color: #293246;
  box-shadow: 0 24px 70px rgba(17, 30, 52, 0.22);
}
.erisilebilirlik-paneli[hidden] {
  display: none;
}
.erisilebilirlik-panel-basligi {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 21px 21px 18px;
  border-bottom: 1px solid #edf0f4;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--magaza-ana-renk) 7%, #fff),
    #fff 68%
  );
}
.erisilebilirlik-panel-basligi > div {
  display: grid;
  gap: 3px;
}
.erisilebilirlik-panel-basligi > div > span {
  color: var(--magaza-ana-renk);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.erisilebilirlik-panel-basligi strong {
  color: #1e2b40;
  font-size: 19px;
  line-height: 1.25;
}
.erisilebilirlik-panel-basligi p {
  margin: 2px 0 0;
  color: #788498;
  font-size: 10px;
  line-height: 1.5;
}
.erisilebilirlik-panel-basligi > button {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #e3e8ef;
  border-radius: 50%;
  background: #fff;
  color: #536075;
  font-size: 13px;
  box-shadow: 0 4px 12px rgba(28, 42, 65, 0.06);
}
.erisilebilirlik-panel-basligi > button:hover {
  border-color: #d4dbe5;
  background: #f6f8fa;
  color: #27364c;
}
.erisilebilirlik-grubu {
  padding: 17px 20px 0;
}
.erisilebilirlik-grup-etiketi {
  display: block;
  margin-bottom: 8px;
  color: #7d8898;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.yazi-boyutu-secimi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 4px;
  border: 1px solid #e6eaf0;
  border-radius: 11px;
  background: #f4f6f8;
}
.yazi-boyutu-secimi button {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #687488;
  font-size: 10px;
  font-weight: 800;
}
.yazi-boyutu-secimi button i {
  color: #8894a5;
  font-size: 12px;
}
.yazi-boyutu-secimi button:hover {
  color: #27364c;
}
.yazi-boyutu-secimi button[aria-pressed="true"] {
  background: #fff;
  color: var(--magaza-ana-renk);
  box-shadow: 0 3px 10px rgba(24, 39, 63, 0.1);
}
.yazi-boyutu-secimi button[aria-pressed="true"] i {
  color: inherit;
}
.erisilebilirlik-secenekleri {
  display: grid;
  gap: 8px;
  padding-bottom: 18px;
}
.erisilebilirlik-secenekleri .erisilebilirlik-grup-etiketi {
  margin-bottom: 0;
}
.erisilebilirlik-secimi {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px;
  border: 1px solid #e7ebf1;
  border-radius: 11px;
  background: #fff;
  color: inherit;
  text-align: left;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}
.erisilebilirlik-secimi:hover {
  border-color: #d8dee8;
  background: #fafbfd;
}
.erisilebilirlik-secimi[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--magaza-ana-renk) 35%, #e7ebf1);
  background: color-mix(in srgb, var(--magaza-ana-renk) 4%, #fff);
  box-shadow: 0 4px 14px
    color-mix(in srgb, var(--magaza-ana-renk) 9%, transparent);
}
.erisilebilirlik-secim-ikonu {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  background: #eef2f6;
  color: #647186;
  font-size: 14px;
}
.erisilebilirlik-secimi[aria-pressed="true"] .erisilebilirlik-secim-ikonu {
  background: color-mix(in srgb, var(--magaza-ana-renk) 13%, #fff);
  color: var(--magaza-ana-renk);
}
.erisilebilirlik-secim-metni {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.erisilebilirlik-secim-metni strong {
  color: #2b394e;
  font-size: 11px;
  line-height: 1.3;
}
.erisilebilirlik-secim-metni small {
  color: #8a94a3;
  font-size: 8px;
  line-height: 1.45;
}
.erisilebilirlik-anahtari {
  position: relative;
  width: 36px;
  height: 21px;
  border-radius: 999px;
  background: #cfd6df;
  transition: background-color 0.15s ease;
}
.erisilebilirlik-anahtari i {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(20, 32, 50, 0.22);
  transition: transform 0.15s ease;
}
.erisilebilirlik-secimi[aria-pressed="true"] .erisilebilirlik-anahtari {
  background: var(--magaza-ana-renk);
}
.erisilebilirlik-secimi[aria-pressed="true"] .erisilebilirlik-anahtari i {
  transform: translateX(15px);
}
.erisilebilirlik-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 20px;
  border-top: 1px solid #edf0f4;
  background: #f8f9fb;
}
.erisilebilirlik-alt p {
  margin: 0;
  color: #8590a0;
  font-size: 8px;
  line-height: 1.4;
}
.erisilebilirlik-alt > button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #637084;
  font-size: 8px;
  font-weight: 800;
}
.erisilebilirlik-alt > button:hover {
  background: #e9edf2;
  color: #28364b;
}
.panel-basligi > div {
  display: grid;
  gap: 2px;
}
.panel-basligi small {
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.panel-basligi strong {
  color: inherit;
  font-size: 17px;
}
.panel-basligi > button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f1f4f7;
  color: #384256;
  font-size: 22px;
}
html.yazi-buyuk body {
  zoom: 1.1;
}
html.yuksek-kontrast {
  filter: contrast(1.22);
}
html.hareket-azalt *,
html.hareket-azalt *::before,
html.hareket-azalt *::after {
  scroll-behavior: auto !important;
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}

.cerez-bildirimi {
  left: 24px;
  right: auto;
  bottom: 24px;
  width: min(590px, calc(100vw - 48px));
  max-width: none;
  margin: 0;
  z-index: 140;
  display: grid;
  align-items: stretch;
  gap: 18px;
  border: 1px solid color-mix(in srgb, var(--magaza-ana-renk) 18%, #dce3ec);
  border-top: 4px solid var(--magaza-ana-renk);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 22px 65px rgba(15, 28, 48, 0.24);
}
.cerez-ozet {
  display: flex;
  align-items: flex-start;
  flex: 1;
  gap: 15px;
}
.cerez-ozet > div {
  display: grid;
  gap: 5px;
}
.cerez-etiket {
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.cerez-ozet strong {
  color: #1f2a3b;
  font-size: 19px;
  line-height: 1.25;
}
.cerez-ozet > div > div {
  color: #6f7988;
  font-size: 12px;
  line-height: 1.62;
}
.cerez-ozet a {
  color: var(--magaza-ana-renk);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cerez-ikon {
  display: grid;
  flex: 0 0 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 11%, #fff);
  color: var(--magaza-ana-renk);
  font-size: 20px;
}
.cerez-eylemler {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: 61px;
}
.cerez-eylemler .magaza-dugme {
  min-height: 40px;
  padding: 9px 15px;
  font-size: 11px;
  white-space: nowrap;
}
.cerez-gerekli-dugmesi {
  margin-right: auto;
  padding: 9px 0;
  border: 0;
  background: transparent;
  color: #657184;
  font-size: 11px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.cerez-gerekli-dugmesi:hover,
.cerez-gerekli-dugmesi:focus-visible {
  color: var(--magaza-ana-renk);
}
.cerez-ikincil-dugme {
  border-color: #cfd8e4 !important;
  background: #fff !important;
  color: #29374c !important;
  box-shadow: none !important;
}
.cerez-birincil-dugme {
  border-color: var(--magaza-ana-renk) !important;
  background: var(--magaza-ana-renk) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--magaza-ana-renk) 28%, transparent) !important;
}
.cerez-ikincil-dugme:hover,
.cerez-ikincil-dugme:focus-visible {
  border-color: var(--magaza-ana-renk) !important;
  color: var(--magaza-ana-renk) !important;
}
.cerez-birincil-dugme:hover,
.cerez-birincil-dugme:focus-visible {
  background: color-mix(in srgb, var(--magaza-ana-renk) 86%, #172033) !important;
  color: #fff !important;
}
.cerez-eylemler button[aria-busy="true"] {
  cursor: wait;
  opacity: 0.65;
}
.cerez-modal {
  position: fixed;
  inset: 0;
  z-index: 160;
  display: grid;
  padding: 18px;
  place-items: center;
  background: rgba(10, 19, 32, 0.56);
  backdrop-filter: blur(4px);
}
.cerez-modal[hidden] {
  display: none;
}
.cerez-modal-kart {
  width: min(560px, 100%);
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  padding: 25px;
  border-radius: 18px;
  background: #fff;
  color: #334054;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
}
.cerez-modal-kart > p {
  margin-bottom: 18px;
  color: #6a7484;
  font-size: 12px;
  line-height: 1.6;
}
.cerez-secimi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid #edf0f4;
}
.cerez-secimi > span {
  display: grid;
  gap: 2px;
}
.cerez-secimi strong {
  color: #263043;
  font-size: 13px;
}
.cerez-secimi small {
  color: #7a8595;
  font-size: 10px;
}
.cerez-secimi input {
  width: 20px;
  height: 20px;
  accent-color: var(--magaza-ana-renk);
}
.cerez-modal-eylemler {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
}
.cerez-esit-dugme {
  border-color: #ccd5e2 !important;
  background: #fff !important;
  color: #27354b !important;
  box-shadow: none !important;
}
.cerez-esit-dugme:hover,
.cerez-esit-dugme:focus-visible {
  border-color: var(--magaza-ana-renk) !important;
  background: #f4f8ff !important;
  color: var(--magaza-ana-renk) !important;
}
.cerez-kayit-durumu {
  min-height: 18px;
  margin: 10px 0 0 !important;
  color: #a33a3a !important;
  font-weight: 700;
}
.footer-metin-dugmesi {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.footer-metin-dugmesi:hover {
  text-decoration: underline;
}

/* Hukuki içerikler ve KVKK başvurusu */
.hukuki-hero {
  padding: 55px 0 46px;
  background: linear-gradient(135deg, #17233b, #2d4771);
  color: #fff;
}
.hukuki-hero nav {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  color: #bac9df;
  font-size: 11px;
}
.hukuki-hero nav a {
  color: #d9e6f8;
}
.hukuki-hero h1 {
  max-width: 850px;
  margin: 9px 0 15px;
  color: #fff;
  font-size: clamp(30px, 5vw, 52px);
}
.hukuki-hero p {
  max-width: 680px;
  margin: 0;
  color: #d2dced;
  line-height: 1.7;
}
.hukuki-kategori {
  color: #9bc0ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.hukuki-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hukuki-meta span {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: #dbe5f4;
  font-size: 9px;
}
.hukuki-sayfa {
  padding: 42px 0 64px;
  background: #f6f8fb;
}
.hukuki-yerlesim {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 25px;
  align-items: start;
}
.hukuki-yan-menu {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 4px;
  padding: 18px;
  border: 1px solid #e0e6ee;
  border-radius: 12px;
  background: #fff;
}
.hukuki-yan-menu strong {
  margin-bottom: 8px;
  color: #25334b;
  font-size: 12px;
}
.hukuki-yan-menu a {
  padding: 7px 8px;
  border-radius: 6px;
  color: #657187;
  font-size: 10px;
}
.hukuki-yan-menu a:hover {
  background: #eff4fd;
  color: var(--magaza-ana-renk);
}
.hukuki-metin {
  padding: clamp(22px, 4vw, 46px);
  border: 1px solid #e0e6ee;
  border-radius: 14px;
  background: #fff;
  color: #445168;
  box-shadow: 0 12px 38px rgba(35, 49, 73, 0.05);
}
.hukuki-metin h2 {
  margin: 32px 0 12px;
  color: #202f49;
  font-size: 20px;
}
.hukuki-metin h2:first-child {
  margin-top: 0;
}
.hukuki-metin h3 {
  margin: 24px 0 9px;
  color: #2c3a52;
  font-size: 15px;
}
.hukuki-metin p,
.hukuki-metin li {
  font-size: 12px;
  line-height: 1.85;
}
.hukuki-metin table {
  width: 100%;
  margin: 18px 0;
  border-collapse: collapse;
}
.hukuki-metin th,
.hukuki-metin td {
  padding: 10px;
  border: 1px solid #e2e7ee;
  text-align: left;
  font-size: 11px;
}
.hukuki-uyari {
  display: grid;
  gap: 5px;
  margin-bottom: 25px;
  padding: 14px 16px;
  border: 1px solid #efcf91;
  border-radius: 9px;
  background: #fff9eb;
  color: #785718;
}
.hukuki-uyari span {
  font-size: 11px;
  line-height: 1.6;
}
.hukuki-eksik {
  padding: 2px 5px;
  border-radius: 4px;
  background: #fff0df;
  color: #9a5420;
  font-weight: 800;
}
.kvkk-basvuru-yerlesim {
  display: grid;
  grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1.35fr);
  gap: 24px;
  align-items: start;
}
.kvkk-basvuru-bilgi,
.kvkk-basvuru-form-karti {
  padding: clamp(21px, 3vw, 34px);
  border: 1px solid #e0e6ee;
  border-radius: 14px;
  background: #fff;
}
.kvkk-basvuru-bilgi h2 {
  margin: 7px 0 13px;
  color: #25334b;
}
.kvkk-basvuru-bilgi p,
.kvkk-basvuru-bilgi li,
.form-aydinlatma {
  color: #69758a;
  font-size: 11px;
  line-height: 1.7;
}
.basvuru-basari {
  display: grid;
  gap: 6px;
  margin-bottom: 20px;
  padding: 17px;
  border: 1px solid #b8dfc6;
  border-radius: 9px;
  background: #eefaf2;
  color: #236b3f;
}
.basvuru-basari strong {
  font-size: 18px;
  letter-spacing: 0.04em;
}
.magaza-form.iki-sutun {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.magaza-form label {
  display: grid;
  gap: 6px;
  color: #4b586d;
  font-size: 11px;
  font-weight: 700;
}
.magaza-form input,
.magaza-form select,
.magaza-form textarea {
  width: 100%;
  padding: 11px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #fff;
  color: #26344c;
}
.magaza-form .tam {
  grid-column: 1/-1;
}
.odeme-hukuki-ozet {
  margin: 18px 0 12px;
  padding: 14px;
  border: 1px solid #dce5f2;
  border-radius: 9px;
  background: #f7faff;
}
.odeme-hukuki-ozet p {
  margin: 4px 0;
  color: #657187;
  font-size: 10px;
  line-height: 1.6;
}
.odeme-hukuki-onay {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0;
  color: #4e5b70;
  font-size: 11px;
  line-height: 1.55;
}
.odeme-hukuki-onay input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-top: 1px;
}
.acik-riza-tercihi {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin-top: 12px;
  color: #435169;
}
.acik-riza-tercihi input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
@media (max-width: 800px) {
  .hukuki-yerlesim,
  .kvkk-basvuru-yerlesim {
    grid-template-columns: 1fr;
  }
  .hukuki-yan-menu {
    position: static;
  }
  .magaza-form.iki-sutun {
    grid-template-columns: 1fr;
  }
  .magaza-form .tam {
    grid-column: auto;
  }
  .hukuki-sayfa {
    padding: 24px 0 42px;
  }
}
.pwa-kurulum {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 115;
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: 470px;
  padding: 13px 15px;
  border: 1px solid #e2e7ee;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(18, 31, 53, 0.2);
}
.pwa-kurulum[hidden] {
  display: none;
}
.pwa-kurulum > div {
  display: grid;
}
.pwa-kurulum strong {
  color: #263043;
  font-size: 12px;
}
.pwa-kurulum span {
  color: #7a8493;
  font-size: 10px;
}
.pwa-kurulum .magaza-dugme {
  min-height: 36px;
  padding: 8px 14px;
  font-size: 10px;
}
.pwa-kapat {
  border: 0;
  background: transparent;
  color: #697486;
  font-size: 19px;
}

.bolum-etiketi {
  display: block;
  margin-bottom: 5px;
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
}
.urun-seridi-bolumu .bolum-baslik {
  align-items: end;
}
.firsat-bolumu {
  background: linear-gradient(180deg, #fff8f3, #fff);
}
.firsat-bolumu .bolum-etiketi {
  color: #e25e35;
}
.teslimat-deneyimi {
  padding-top: 24px;
}
.deneyim-izgara {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
}
.teslimat-deneyimi .teslimat-karti,
.kargo-limiti-karti {
  position: relative;
  overflow: hidden;
  min-height: 290px;
  padding: 34px;
  border: 1px solid #e5eaf0;
  border-radius: 20px;
}
.teslimat-deneyimi .teslimat-karti {
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(52, 116, 212, 0.15),
      transparent 33%
    ),
    #f5f8fc;
}
.teslimat-deneyimi .teslimat-karti::after {
  position: absolute;
  right: -40px;
  bottom: -65px;
  width: 230px;
  height: 230px;
  border: 34px solid rgba(52, 116, 212, 0.07);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.teslimat-deneyimi .teslimat-karti > * {
  position: relative;
  z-index: 1;
}
.deneyim-ikon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  place-items: center;
  border-radius: 14px;
  background: var(--magaza-ana-renk);
  color: #fff;
  font-size: 21px;
}
.teslimat-deneyimi .teslimat-karti > small,
.uygulama-karti > div > small {
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.teslimat-deneyimi .teslimat-karti h2 {
  margin: 7px 0 8px;
  color: #202c40;
  font-size: 26px;
}
.teslimat-deneyimi .teslimat-karti p {
  max-width: 520px;
  color: #657184;
  font-size: 12px;
}
.konum-formu {
  display: flex;
  max-width: 470px;
  margin-top: 19px;
  border: 1px solid #d5dce5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.konum-formu input {
  flex: 1;
  min-width: 0;
  border: 0;
  padding: 12px 14px;
  outline: 0;
}
.konum-formu button {
  border: 0;
  padding: 0 17px;
  background: var(--magaza-ana-renk);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.konum-sonucu {
  min-height: 18px;
  margin-top: 8px;
  color: #2d7a53;
  font-size: 10px;
  font-weight: 600;
}
.kargo-limiti-karti {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #17243a;
  color: #cbd3df;
}
.kargo-limiti-karti::before {
  position: absolute;
  right: -70px;
  top: -70px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--magaza-ana-renk) 60%, transparent);
  content: "";
  opacity: 0.28;
  pointer-events: none;
}
.kargo-karti-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  color: #fff;
  font-size: 11px;
}
.kargo-karti-ust i {
  margin-right: 7px;
  color: #75c5ff;
}
.kargo-karti-ust strong {
  font-size: 18px;
}
.kargo-limiti-karti h3 {
  margin: 28px 0 7px;
  color: #fff;
  font-size: 24px;
}
.kargo-limiti-karti p {
  color: #aab5c5;
  font-size: 11px;
}
.kargo-ilerleme {
  height: 7px;
  margin: 22px 0 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.12);
}
.kargo-ilerleme i {
  display: block;
  width: 72%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #53a7ff, #79e0c0);
}
.kargo-alt {
  display: flex;
  justify-content: space-between;
  color: #8f9cae;
  font-size: 9px;
}
.kargo-limiti-karti > a {
  align-self: flex-start;
  margin-top: 25px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.yorumlar-bolumu {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f7fb 0%, #f8fafc 100%);
}
.yorumlar-bolumu::before,
.yorumlar-bolumu::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.yorumlar-bolumu::before {
  top: -170px;
  right: -130px;
  width: 390px;
  height: 390px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 8%, transparent);
}
.yorumlar-bolumu::after {
  left: -110px;
  bottom: -210px;
  width: 330px;
  height: 330px;
  border: 55px solid color-mix(in srgb, var(--magaza-ana-renk) 5%, transparent);
}
.yorumlar-bolumu > .container {
  position: relative;
  z-index: 1;
}
.yorum-vitrini-baslik {
  align-items: center;
  margin-bottom: 30px;
}
.yorum-vitrini-baslik > div:first-child {
  max-width: 620px;
}
.yorum-puani {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 16px 12px 12px;
  border: 1px solid #e1e7ef;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 34px rgba(31, 48, 76, 0.07);
  backdrop-filter: blur(8px);
}
.yorum-puani-simgesi {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, #ffbf3f, #ee9320);
  color: #fff;
  font-size: 17px;
  box-shadow: 0 7px 16px rgba(238, 147, 32, 0.24);
}
.yorum-puani > strong {
  color: #202c3f;
  font-size: 31px;
  line-height: 1;
  letter-spacing: -0.04em;
}
.yorum-puani-detay {
  display: grid;
  color: #eda128;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.09em;
}
.yorum-puani-detay small {
  color: #748093;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
}
.yorum-izgara {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.anasayfa-yorum-karti {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 285px;
  flex-direction: column;
  overflow: hidden;
  padding: 25px;
  border: 1px solid rgba(218, 226, 236, 0.9);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 15px 45px rgba(31, 48, 76, 0.07);
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}
.anasayfa-yorum-karti::before {
  position: absolute;
  right: 18px;
  top: 42px;
  color: color-mix(in srgb, var(--magaza-ana-renk) 8%, transparent);
  content: "“";
  font-family: Georgia, serif;
  font-size: 92px;
  line-height: 1;
  pointer-events: none;
}
.anasayfa-yorum-karti::after {
  position: absolute;
  left: 25px;
  right: 25px;
  top: 0;
  height: 3px;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(
    90deg,
    var(--magaza-ana-renk),
    color-mix(in srgb, var(--magaza-ana-renk) 45%, #8ad8c3)
  );
  content: "";
}
.anasayfa-yorum-karti:hover {
  border-color: color-mix(in srgb, var(--magaza-ana-renk) 25%, #dae2ec);
  box-shadow: 0 22px 55px rgba(31, 48, 76, 0.12);
  transform: translateY(-4px);
}
.anasayfa-yorum-ust {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.anasayfa-yorum-yildizlari {
  flex: 0 0 auto;
  color: #f2a92d;
  font-size: 13px;
  letter-spacing: 0.08em;
}
.anasayfa-yorum-yildizlari span {
  color: #d9dee5;
}
.anasayfa-dogrulama {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 999px;
  background: #eaf8f0;
  color: #1d7950;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}
.anasayfa-dogrulama i {
  font-size: 10px;
}
.anasayfa-yorum-karti blockquote {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  margin: 20px 0 22px;
  color: #414f64;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.78;
}
.anasayfa-yorum-kisi {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 17px;
  border-top: 1px solid #edf0f4;
}
.anasayfa-yorum-kisi > b {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--magaza-ana-renk) 15%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 9%, #fff);
  color: var(--magaza-ana-renk);
  font-size: 13px;
  font-weight: 900;
}
.anasayfa-yorum-kisi > span {
  display: grid;
  min-width: 0;
  flex: 1;
}
.anasayfa-yorum-kisi strong {
  color: #263043;
  font-size: 11px;
}
.anasayfa-yorum-kisi small {
  overflow: hidden;
  color: #7f8a9a;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.populer-aramalar-bolumu {
  padding-block: 40px;
}
.populer-aramalar-icerik {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: center;
  gap: 30px;
}
.populer-aramalar-icerik h2 {
  margin: 0;
  color: #263043;
  font-size: 22px;
}
.arama-etiketleri {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.arama-etiketleri a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border: 1px solid #e1e6ed;
  border-radius: 999px;
  background: #fff;
  color: #596476;
  font-size: 10px;
  font-weight: 600;
}
.arama-etiketleri a:hover {
  border-color: var(--magaza-ana-renk);
  color: var(--magaza-ana-renk);
}
.bulten-uygulama-bolumu {
  padding-top: 22px;
}
.bulten-uygulama-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border-radius: 22px;
  background: #142238;
  color: #fff;
}
.bulten-karti,
.uygulama-karti {
  min-height: 345px;
  padding: 48px;
}
.bulten-karti {
  background: radial-gradient(
    circle at 10% 90%,
    rgba(78, 170, 255, 0.2),
    transparent 35%
  );
}
.bulten-karti > small,
.uygulama-karti > div > small {
  color: #71b9ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.bulten-karti h2,
.uygulama-karti h2 {
  margin: 9px 0 10px;
  color: #fff;
  font-size: 29px;
}
.bulten-karti p,
.uygulama-karti p {
  color: #aeb9c9;
  font-size: 12px;
  line-height: 1.7;
}
.bulten-formu {
  display: flex;
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.bulten-formu input {
  flex: 1;
  min-width: 0;
  border: 0;
  padding: 14px 16px;
  outline: 0;
}
.bulten-formu button {
  border: 0;
  padding: 0 18px;
  background: var(--magaza-ana-renk);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.bulten-notu {
  display: block;
  margin-top: 9px;
  color: #8190a5 !important;
  font-size: 8px !important;
  letter-spacing: 0 !important;
}
.uygulama-karti {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  background: linear-gradient(135deg, #1b3152, #203e68);
}
.uygulama-gorseli {
  position: relative;
  width: 145px;
  height: 265px;
  padding: 19px 15px;
  border: 5px solid #0c1728;
  border-radius: 25px;
  background: linear-gradient(160deg, var(--magaza-ana-renk), #6bbbf2);
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.25);
}
.uygulama-gorseli > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #fff;
  color: var(--magaza-ana-renk);
  font-size: 10px;
  font-weight: 900;
}
.uygulama-gorseli > i {
  display: block;
  width: 80%;
  height: 64px;
  margin: 35px auto 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.uygulama-gorseli > b {
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
}
.uygulama-yukle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 9px;
  background: #fff;
  color: #162742;
  text-align: left;
}
.uygulama-yukle i {
  font-size: 20px;
}
.uygulama-yukle span {
  display: grid;
  font-size: 11px;
  font-weight: 800;
}
.uygulama-yukle small {
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

html[data-magaza-tema="koyu"] body {
  background: #0d1420;
  color: #b8c2d1;
}
html[data-magaza-tema="koyu"] .magaza-header,
html[data-magaza-tema="koyu"] .header-orta,
html[data-magaza-tema="koyu"] .magaza-menu,
html[data-magaza-tema="koyu"] .bolum,
html[data-magaza-tema="koyu"] .cerez-modal-kart,
html[data-magaza-tema="koyu"] .erisilebilirlik-paneli {
  border-color: #283347;
  background: #111a29;
  color: #c7d1df;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-panel-basligi {
  border-color: #2a374b;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--magaza-ana-renk) 10%, #111a29),
    #111a29 68%
  );
}
html[data-magaza-tema="koyu"] .erisilebilirlik-panel-basligi strong,
html[data-magaza-tema="koyu"] .erisilebilirlik-secim-metni strong {
  color: #edf4ff;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-panel-basligi p,
html[data-magaza-tema="koyu"] .erisilebilirlik-secim-metni small {
  color: #9ca9ba;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-panel-basligi > button,
html[data-magaza-tema="koyu"] .yazi-boyutu-secimi button[aria-pressed="true"] {
  border-color: #344258;
  background: #1d293c;
  color: #e4ecf7;
}
html[data-magaza-tema="koyu"] .yazi-boyutu-secimi {
  border-color: #303d50;
  background: #0d1522;
}
html[data-magaza-tema="koyu"] .yazi-boyutu-secimi button {
  color: #9facbd;
}
html[data-magaza-tema="koyu"] .yazi-boyutu-secimi button[aria-pressed="true"] {
  color: var(--magaza-ana-renk);
}
html[data-magaza-tema="koyu"] .erisilebilirlik-secimi {
  border-color: #2d3a4e;
  background: #172234;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-secimi:hover {
  border-color: #41516a;
  background: #1b283b;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-secimi[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--magaza-ana-renk) 42%, #2d3a4e);
  background: color-mix(in srgb, var(--magaza-ana-renk) 8%, #172234);
}
html[data-magaza-tema="koyu"] .erisilebilirlik-secim-ikonu {
  background: #222f43;
  color: #aeb9c8;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-alt {
  border-color: #2a374b;
  background: #0e1725;
}
html[data-magaza-tema="koyu"] .erisilebilirlik-alt > button {
  color: #b3becc;
}
html[data-magaza-tema="koyu"] .magaza-arama,
html[data-magaza-tema="koyu"] .magaza-arama input,
html[data-magaza-tema="koyu"] .mega-menu,
html[data-magaza-tema="koyu"] .kategori-karti,
html[data-magaza-tema="koyu"] .urun-karti,
html[data-magaza-tema="koyu"] .kampanya-karti,
html[data-magaza-tema="koyu"] .blog-karti,
html[data-magaza-tema="koyu"] .hizmet-karti,
html[data-magaza-tema="koyu"] .yorum-karti,
html[data-magaza-tema="koyu"] .arama-etiketleri a,
html[data-magaza-tema="koyu"] .cerez-bildirimi,
html[data-magaza-tema="koyu"] .pwa-kurulum {
  border-color: #2b374b;
  background: #172234;
  color: #c9d2df;
}
html[data-magaza-tema="koyu"] .bolum-baslik h2,
html[data-magaza-tema="koyu"] .mega-menu strong,
html[data-magaza-tema="koyu"] .kategori-karti strong,
html[data-magaza-tema="koyu"] .urun-karti h3,
html[data-magaza-tema="koyu"] .yorum-kisi strong,
html[data-magaza-tema="koyu"] .populer-aramalar-icerik h2,
html[data-magaza-tema="koyu"] .cerez-ozet strong,
html[data-magaza-tema="koyu"] .cerez-secimi strong,
html[data-magaza-tema="koyu"] .pwa-kurulum strong {
  color: #edf4ff;
}
html[data-magaza-tema="koyu"] .bolum-acik,
html[data-magaza-tema="koyu"] .yorumlar-bolumu,
html[data-magaza-tema="koyu"] .firsat-bolumu {
  background: #0a111c;
}
html[data-magaza-tema="koyu"] .yorum-puani,
html[data-magaza-tema="koyu"] .anasayfa-yorum-karti {
  border-color: #2b374b;
  background: rgba(23, 34, 52, 0.94);
}
html[data-magaza-tema="koyu"] .yorum-puani > strong,
html[data-magaza-tema="koyu"] .anasayfa-yorum-kisi strong {
  color: #edf4ff;
}
html[data-magaza-tema="koyu"] .anasayfa-yorum-karti blockquote {
  color: #c6d0de;
}
html[data-magaza-tema="koyu"] .anasayfa-yorum-kisi {
  border-color: #2c394d;
}
html[data-magaza-tema="koyu"] .anasayfa-yorum-kisi > b {
  background: #202e43;
}
html[data-magaza-tema="koyu"] .teslimat-deneyimi .teslimat-karti {
  border-color: #2b374b;
  background: #172234;
}
html[data-magaza-tema="koyu"] .kampanya-karti h2,
html[data-magaza-tema="koyu"] .kampanya-karti h3,
html[data-magaza-tema="koyu"] .kampanya-karti h4,
html[data-magaza-tema="koyu"] .kampanya-karti label,
html[data-magaza-tema="koyu"] .kampanya-karti strong {
  color: #edf4ff;
}
html[data-magaza-tema="koyu"] .kampanya-karti .form-alani > label,
html[data-magaza-tema="koyu"] .kampanya-karti .text-muted,
html[data-magaza-tema="koyu"] .kampanya-karti small {
  color: #b9c7da !important;
}
html[data-magaza-tema="koyu"] .kampanya-karti .border {
  border-color: #40506a !important;
}

@media (max-width: 1024px) {
  .mega-menu-izgara {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .magaza-menu .mega-menu-firsat {
    grid-column: span 1;
  }
  .bulten-karti,
  .uygulama-karti {
    padding: 34px;
  }
  .uygulama-karti {
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 20px;
  }
  .uygulama-gorseli {
    width: 110px;
    height: 220px;
  }
}
@media (max-width: 768px) {
  .magaza-header {
    position: relative;
    top: auto;
  }
  .magaza-header .ust-serit {
    padding-block: 7px;
  }
  .magaza-header .ust-serit-icerik {
    position: relative;
    min-height: 30px;
    padding-right: 40px;
  }
  .magaza-header .ust-sag.ust-tercihler {
    position: absolute;
    right: 0;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
  }
  .magaza-header .ust-tercihler label,
  .magaza-header .ust-tercihler [data-tema-degistir] {
    display: none;
  }
  .ceviri-bildirimi {
    top: 58px;
    right: 10px;
    width: calc(100vw - 20px);
  }
  .ust-mesaj {
    font-size: 10px;
  }
  .header-karsilastir {
    display: none;
  }
  .mega-menu {
    display: none !important;
  }
  .sabit-araclar {
    right: 12px;
    bottom: 14px;
  }
  .whatsapp-araci {
    width: 48px;
    padding: 0;
  }
  .whatsapp-araci span {
    display: none;
  }
  .cerez-bildirimi {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    max-width: none;
    padding: 18px;
    align-items: stretch;
  }
  .cerez-ozet {
    align-items: flex-start;
  }
  .cerez-eylemler {
    display: grid;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-top: 12px;
  }
  .cerez-eylemler .magaza-dugme,
  .cerez-gerekli-dugmesi {
    width: 100%;
    margin: 0;
  }
  .urun-yatay-kaydirma {
    display: flex;
    margin-inline: -12px;
    padding: 0 12px 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .urun-yatay-kaydirma::-webkit-scrollbar {
    display: none;
  }
  .urun-yatay-kaydirma > .urun-karti {
    flex: 0 0 min(72vw, 275px);
    scroll-snap-align: start;
  }
  .deneyim-izgara,
  .bulten-uygulama-izgara {
    grid-template-columns: 1fr;
  }
  .teslimat-deneyimi .teslimat-karti,
  .kargo-limiti-karti {
    min-height: 0;
    padding: 26px;
  }
  .yorumlar-bolumu .bolum-baslik {
    align-items: flex-start;
  }
  .yorum-puani {
    margin-top: 12px;
  }
  .yorum-izgara {
    display: flex;
    margin-right: -12px;
    padding: 0 12px 12px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .yorum-izgara::-webkit-scrollbar {
    display: none;
  }
  .anasayfa-yorum-karti {
    flex: 0 0 min(84vw, 340px);
    min-height: 275px;
    scroll-snap-align: start;
  }
  .populer-aramalar-icerik {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .bulten-karti,
  .uygulama-karti {
    min-height: 0;
    padding: 30px 24px;
  }
  .uygulama-karti {
    grid-template-columns: 100px minmax(0, 1fr);
  }
  .uygulama-gorseli {
    width: 100px;
    height: 195px;
    border-width: 4px;
    border-radius: 20px;
  }
  .pwa-kurulum {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none;
  }
  .ust-arac-erisilebilirlik {
    width: 30px;
    padding: 0;
    justify-content: center;
  }
  .ust-arac-erisilebilirlik span {
    display: none;
  }
  .erisilebilirlik-paneli {
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 10px;
    width: auto;
    max-height: calc(100vh - 20px);
    border-radius: 18px;
  }
}
@media (max-width: 430px) {
  .ceviri-bildirimi {
    top: 58px;
    right: 10px;
    width: calc(100vw - 20px);
  }
  .cerez-modal {
    padding: 8px;
  }
  .cerez-modal-kart {
    padding: 19px;
    border-radius: 14px;
  }
  .cerez-modal-eylemler {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .konum-formu,
  .bulten-formu {
    display: grid;
    overflow: visible;
    background: transparent;
    gap: 8px;
  }
  .konum-formu input,
  .bulten-formu input {
    min-height: 44px;
    border: 1px solid #d9e0e9;
    border-radius: 8px;
    background: #fff;
  }
  .konum-formu button,
  .bulten-formu button {
    min-height: 42px;
    border-radius: 8px;
  }
  .yorum-puani {
    width: 100%;
  }
  .yorum-puani-detay {
    margin-left: auto;
  }
  .anasayfa-yorum-karti {
    padding: 22px;
  }
  .uygulama-karti {
    grid-template-columns: 1fr;
  }
  .uygulama-gorseli {
    display: none;
  }
  .erisilebilirlik-panel-basligi {
    padding: 18px 17px 15px;
  }
  .erisilebilirlik-grubu {
    padding-inline: 16px;
  }
  .erisilebilirlik-secenekleri {
    padding-bottom: 15px;
  }
  .erisilebilirlik-alt {
    padding-inline: 16px;
  }
}
.urun-fiyat-kutusu .fiyat {
  flex-wrap: wrap;
  font-size: 30px;
  line-height: 1.1;
}
.urun-fiyat-kutusu .fiyat del {
  font-size: 14px;
}
.urun-fiyat-kutusu .fiyat small {
  width: 100%;
}
.taksit-bilgisi {
  margin-top: 9px;
  color: #667286;
  font-size: 11px;
}
.taksit-bilgisi i {
  margin-right: 5px;
  color: var(--magaza-ana-renk);
}
.taksit-bilgisi strong {
  color: #38465b;
}
.urun-one-cikanlar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 14px;
  margin: 0 0 17px;
  padding: 0;
  list-style: none;
}
.urun-one-cikanlar li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  color: #4f5c70;
  font-size: 11px;
  line-height: 1.45;
}
.urun-one-cikanlar i {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #1b9b5a;
}
.urun-stok-sku {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
  font-size: 11px;
}
.urun-stok-sku > span:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.urun-stok-sku > span:first-child::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}
.urun-stok-sku > span:last-child {
  color: #7a8597;
}
.urun-satin-alma-formu {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px;
  gap: 10px;
  align-items: end;
  margin-top: 14px;
}
.urun-satin-alma-formu .form-alani {
  margin: 0;
}
.urun-varyant-alani {
  grid-column: 1 / -1;
}
.urun-adet-alani {
  grid-column: 2;
  grid-row: 1;
}
.urun-varyant-alani + .urun-adet-alani {
  grid-row: auto;
}
.urun-adet-alani .form-kontrol {
  text-align: center;
}
.urun-sepete-ekle {
  grid-column: 1;
  min-height: 47px;
  border-radius: 9px;
  font-size: 14px;
  box-shadow: 0 8px 20px
    color-mix(in srgb, var(--magaza-ana-renk) 22%, transparent);
}
.urun-varyant-alani ~ .urun-sepete-ekle {
  grid-row: auto;
}
.urun-sepete-ekle:disabled {
  cursor: not-allowed;
  filter: grayscale(0.8);
  opacity: 0.55;
  box-shadow: none;
}
.urun-ikincil-eylemler {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 12px 0 16px;
}
.urun-ikincil-eylemler form {
  margin: 0;
}
.urun-ikincil-eylemler button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #5e6a7e;
  font-size: 11px;
  cursor: pointer;
}
.urun-ikincil-eylemler button:hover {
  color: var(--magaza-ana-renk);
}
.urun-ikincil-eylemler i {
  margin-right: 5px;
}
.urun-detay-sayfasi .teslimat-karti,
.satici-karti {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #e7ebf0;
  background: #fff;
}
.urun-detay-sayfasi .teslimat-karti {
  padding: 13px;
  border-radius: 10px 10px 0 0;
}
.teslimat-simgesi {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #eaf7ef;
  color: #16834b;
  font-size: 17px;
}
.urun-detay-sayfasi .teslimat-karti > div:nth-child(2),
.satici-karti > div:nth-child(2) {
  min-width: 0;
  flex: 1;
}
.urun-detay-sayfasi .teslimat-karti strong,
.urun-detay-sayfasi .teslimat-karti span,
.satici-karti strong,
.satici-karti span,
.satici-karti small {
  display: block;
}
.urun-detay-sayfasi .teslimat-karti strong {
  color: #2c3a50;
  font-size: 12px;
}
.urun-detay-sayfasi .teslimat-karti div span {
  margin-top: 3px;
  color: #7b8698;
  font-size: 10px;
}
.ucretsiz-etiketi {
  flex: 0 0 auto;
  color: #16834b;
  font-size: 10px;
  font-weight: 800;
}
.satici-karti {
  margin-top: -1px;
  padding: 13px;
  border-radius: 0 0 10px 10px;
}
.satici-logo {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #172b42;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
.satici-karti span {
  color: #8a94a3;
  font-size: 9px;
  text-transform: uppercase;
}
.satici-karti strong {
  margin: 2px 0;
  color: #243249;
  font-size: 12px;
}
.satici-karti small {
  color: #5f6c80;
  font-size: 9px;
}
.satici-karti small i {
  color: #1a9958;
}
.satici-karti > a {
  color: var(--magaza-ana-renk);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.urun-hizmet-seridi {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
  border: 1px solid #e6eaef;
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}
.urun-hizmet-seridi > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 17px 20px;
  border-right: 1px solid #edf0f3;
}
.urun-hizmet-seridi > div:last-child {
  border: 0;
}
.urun-hizmet-seridi > div > i {
  flex: 0 0 auto;
  color: var(--magaza-ana-renk);
  font-size: 24px;
}
.urun-hizmet-seridi strong,
.urun-hizmet-seridi small {
  display: block;
}
.urun-hizmet-seridi strong {
  color: #314057;
  font-size: 11px;
}
.urun-hizmet-seridi small {
  margin-top: 3px;
  color: #8a94a4;
  font-size: 9px;
}
.urun-gorsel-modal[hidden] {
  display: none;
}
.urun-gorsel-modal {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
}
.urun-gorsel-modal-arka-plan {
  position: absolute;
  inset: 0;
  background: rgba(7, 13, 23, 0.82);
  backdrop-filter: blur(8px);
}
.urun-gorsel-modal-kart {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1180px, 96vw);
  height: min(900px, 94vh);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.urun-gorsel-modal-kart > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 18px;
  border-bottom: 1px solid #e7ebf0;
}
.urun-gorsel-modal-kart > header small,
.urun-gorsel-modal-kart > header strong {
  display: block;
}
.urun-gorsel-modal-kart > header small {
  margin-bottom: 3px;
  color: var(--magaza-ana-renk);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.urun-gorsel-modal-kart > header strong {
  color: #233249;
  font-size: 15px;
}
.urun-gorsel-modal-kart > header button {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #dfe5ec;
  border-radius: 50%;
  background: #fff;
  color: #435169;
  cursor: pointer;
}
.urun-gorsel-modal-sahne {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 50px;
  min-height: 0;
  background: linear-gradient(145deg, #f7f9fc, #eef2f7);
}
.urun-gorsel-modal-kaydirma {
  display: grid;
  min-width: 0;
  min-height: 0;
  place-items: center;
  padding: 20px;
  overflow: auto;
  overscroll-behavior: contain;
}
.urun-gorsel-modal-kaydirma img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(min(900px, 94vh) - 195px);
  object-fit: contain;
  cursor: zoom-in;
  transition: width 0.16s ease;
}
.urun-gorsel-modal-kaydirma img[data-yakinlastirilmis="true"] {
  cursor: zoom-out;
  align-self: start;
  justify-self: start;
}
.urun-gorsel-gecis {
  align-self: center;
  display: grid;
  width: 40px;
  height: 54px;
  place-items: center;
  border: 1px solid #dce3eb;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #33435b;
  font-size: 23px;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(25, 38, 58, 0.08);
}
.urun-gorsel-gecis.onceki {
  justify-self: end;
}
.urun-gorsel-gecis.sonraki {
  justify-self: start;
}
.urun-gorsel-gecis:disabled {
  visibility: hidden;
}
.urun-gorsel-modal-kart > footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 82px;
  padding: 12px 18px;
  border-top: 1px solid #e7ebf0;
  background: #fff;
}
.urun-gorsel-yakinlastirma {
  display: flex;
  align-items: center;
  gap: 7px;
}
.urun-gorsel-yakinlastirma button {
  min-width: 35px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
  color: #4b5970;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.urun-gorsel-yakinlastirma output {
  min-width: 47px;
  color: #667389;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}
.urun-gorsel-modal-kucukler {
  display: flex;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
}
.urun-gorsel-modal-kucukler button {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  padding: 3px;
  border: 2px solid transparent;
  border-radius: 9px;
  background: #f2f5f8;
  cursor: pointer;
}
.urun-gorsel-modal-kucukler button.aktif {
  border-color: var(--magaza-ana-renk);
}
.urun-gorsel-modal-kucukler img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.urun-gorsel-sayaci {
  min-width: 42px;
  color: #718096;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
}
body.modal-acik {
  overflow: hidden;
}
.urun-sekme-menusu {
  position: sticky;
  z-index: 20;
  top: 0;
  margin-top: 28px;
  border-top: 1px solid #e5e9ee;
  border-bottom: 1px solid #e2e7ed;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 5px 16px rgba(26, 41, 67, 0.035);
  backdrop-filter: blur(10px);
}
.urun-sekme-menusu .container {
  display: flex;
  align-items: center;
  gap: 32px;
  overflow-x: auto;
  scrollbar-width: none;
}
.urun-sekme-menusu a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 17px 0 14px;
  border-bottom: 3px solid transparent;
  color: #637084;
  font-size: 12px;
  font-weight: 700;
}
.urun-sekme-menusu a:hover,
.urun-sekme-menusu a[aria-selected="true"] {
  border-color: var(--magaza-ana-renk);
  color: var(--magaza-ana-renk);
}
.urun-sekme-menusu a:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--magaza-ana-renk) 35%, transparent);
  outline-offset: 3px;
}
.urun-sekme-menusu a span {
  display: grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  padding: 0 5px;
  border-radius: 10px;
  background: #eef1f5;
  color: #697487;
  font-size: 9px;
}
.urun-alt-icerik {
  display: grid;
  gap: 22px;
  padding-top: 26px;
}
.urun-sekmeler-hazir [data-urun-panel][hidden] {
  display: none;
}
.urun-icerik-karti {
  scroll-margin-top: 76px;
  padding: 34px;
  border: 1px solid #e6eaef;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(31, 45, 70, 0.025);
}
.urun-bolum-basligi {
  margin-bottom: 27px;
}
.urun-bolum-basligi > span,
.urun-bolum-basligi > div > span {
  display: block;
  margin-bottom: 5px;
  color: var(--magaza-ana-renk);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.urun-bolum-basligi h2 {
  margin: 0;
  color: #1b293f;
  font-size: clamp(23px, 3vw, 31px);
  line-height: 1.25;
}
.urun-bolum-basligi p {
  margin: 6px 0 0;
  color: #7a8699;
  font-size: 12px;
}
.urun-bolum-basligi.yatay {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}
.urun-bolum-basligi.yatay > p,
.urun-bolum-basligi.yatay > small {
  color: #8b95a4;
  font-size: 10px;
}
.urun-bolum-basligi.yatay > a {
  color: var(--magaza-ana-renk);
  font-size: 11px;
  font-weight: 700;
}
.urun-anlatim-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 45px;
  align-items: start;
}
.urun-anlatim-metin > p {
  margin: 0 0 16px;
  color: #59667a;
  font-size: 13px;
  line-height: 1.85;
}
.kullanim-notu {
  display: flex;
  gap: 13px;
  margin-top: 22px;
  padding: 16px;
  border-left: 3px solid var(--magaza-ana-renk);
  border-radius: 0 9px 9px 0;
  background: color-mix(in srgb, var(--magaza-ana-renk) 5%, #fff);
}
.kullanim-notu > i {
  color: var(--magaza-ana-renk);
  font-size: 18px;
}
.kullanim-notu strong {
  display: block;
  color: #344259;
  font-size: 12px;
}
.kullanim-notu p {
  margin: 4px 0 0;
  color: #6e7a8e;
  font-size: 11px;
  line-height: 1.6;
}
.urun-ozellik-kartlari {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.urun-ozellik-kartlari article {
  position: relative;
  min-height: 145px;
  padding: 20px;
  border: 1px solid #e7ebf0;
  border-radius: 12px;
  background: linear-gradient(145deg, #fff, #f7f9fb);
  overflow: hidden;
}
.urun-ozellik-kartlari article > span {
  position: absolute;
  top: 12px;
  right: 14px;
  color: #e5e9ef;
  font-size: 32px;
  font-weight: 900;
}
.urun-ozellik-kartlari article > i {
  display: block;
  margin-bottom: 25px;
  color: var(--magaza-ana-renk);
  font-size: 25px;
}
.urun-ozellik-kartlari strong {
  display: block;
  max-width: 150px;
  color: #344157;
  font-size: 11px;
  line-height: 1.5;
}
.teknik-ve-kutu-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.5fr);
  gap: 28px;
  align-items: start;
}
.teknik-ozellik-listesi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border: 1px solid #e7ebef;
  border-radius: 11px;
  overflow: hidden;
}
.teknik-ozellik-listesi > div {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 12px;
  min-width: 0;
  padding: 13px 15px;
  border-bottom: 1px solid #edf0f3;
}
.teknik-ozellik-listesi > div:nth-child(odd) {
  border-right: 1px solid #edf0f3;
  background: #fafbfc;
}
.teknik-ozellik-listesi > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.teknik-ozellik-listesi dt {
  color: #8993a2;
  font-size: 10px;
}
.teknik-ozellik-listesi dd {
  margin: 0;
  color: #37455b;
  font-size: 10px;
  font-weight: 700;
  text-align: right;
  overflow-wrap: anywhere;
}
.kutu-icerigi {
  padding: 24px;
  border-radius: 12px;
  background: #17283f;
  color: #d8e0ea;
}
.kutu-simgesi {
  display: grid;
  width: 45px;
  height: 45px;
  place-items: center;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffbd5d;
  font-size: 20px;
}
.kutu-icerigi h3 {
  margin: 18px 0 5px;
  color: #fff;
  font-size: 18px;
}
.kutu-icerigi p {
  margin: 0 0 17px;
  color: #aeb9c8;
  font-size: 10px;
}
.kutu-icerigi ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kutu-icerigi li {
  color: #dbe2eb;
  font-size: 10px;
}
.kutu-icerigi li i {
  margin-right: 8px;
  color: #59ce8d;
}
.yorum-ozet-grid {
  display: grid;
  grid-template-columns: 0.7fr 1fr 0.9fr;
  gap: 28px;
  align-items: center;
  padding: 25px;
  border-radius: 12px;
  background: #f8f9fb;
}
.puan-buyuk {
  text-align: center;
}
.puan-buyuk > strong {
  color: #17243a;
  font-size: 52px;
  line-height: 1;
}
.puan-buyuk > span {
  color: #9aa3b0;
  font-size: 16px;
}
.puan-buyuk .yildizlar {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.puan-buyuk p {
  margin: 0;
  color: #8791a1;
  font-size: 10px;
}
.puan-dagilimi {
  display: grid;
  gap: 7px;
}
.puan-dagilimi > div {
  display: grid;
  grid-template-columns: 35px minmax(80px, 1fr) 20px;
  gap: 8px;
  align-items: center;
}
.puan-dagilimi span,
.puan-dagilimi small {
  color: #7c8798;
  font-size: 9px;
}
.puan-dagilimi span i {
  color: #f4a51c;
}
.puan-dagilimi > div > div {
  height: 6px;
  border-radius: 4px;
  background: #e5e9ee;
  overflow: hidden;
}
.puan-dagilimi > div > div i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #f4a51c;
}
.puan-dagilimi > .puan-alt-ozetleri {
  display: flex;
  grid-template-columns: none;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 7px;
}
.puan-alt-ozetleri span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border-radius: 7px;
  background: #fff;
  color: #5c687a;
}
.puan-alt-ozetleri span i {
  color: var(--magaza-ana-renk);
}
.yorum-yaz-karti {
  padding-left: 28px;
  border-left: 1px solid #e0e5eb;
  text-align: center;
}
.yorum-yaz-karti > i {
  color: var(--magaza-ana-renk);
  font-size: 25px;
}
.yorum-yaz-karti h3 {
  margin: 8px 0 4px;
  color: #344157;
  font-size: 13px;
}
.yorum-yaz-karti p {
  margin: 0 0 12px;
  color: #7d8899;
  font-size: 9px;
  line-height: 1.5;
}
.yorum-yaz-karti .magaza-dugme {
  padding: 9px 14px;
  font-size: 10px;
}
.yorum-gonder-formu,
.soru-gonder-formu {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--magaza-ana-renk) 20%, #e7ebf0);
  border-radius: 11px;
  background: color-mix(in srgb, var(--magaza-ana-renk) 3%, #fff);
}
.yorum-gonder-formu h3 {
  margin: 0;
  color: #2b394f;
  font-size: 16px;
}
.yorum-gonder-formu .magaza-dugme,
.soru-gonder-formu .magaza-dugme {
  justify-self: start;
}
.yorum-puan-gruplari {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.puan-alani {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid #e0e6ed;
  border-radius: 9px;
  background: #fff;
}
.puan-alani legend {
  padding: 0 5px;
  color: #354258;
  font-size: 10px;
  font-weight: 800;
}
.puan-secimi {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.puan-secimi label {
  display: block;
  cursor: pointer;
}
.puan-secimi input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.puan-secimi span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 11px;
  border: 1px solid #dce2e9;
  border-radius: 7px;
  background: #fff;
  color: #667286;
  font-size: 11px;
}
.puan-secimi span i {
  color: #f4a51c;
}
.puan-secimi input:checked + span {
  border-color: var(--magaza-ana-renk);
  color: var(--magaza-ana-renk);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--magaza-ana-renk) 10%, transparent);
}
.yorum-liste-araclari {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 22px;
  padding: 12px 14px;
  border: 1px solid #e5eaf0;
  border-radius: 10px;
  background: #fafbfc;
}
.yorum-liste-araclari p {
  margin: 0;
  color: #7a8698;
  font-size: 10px;
}
.yorum-liste-araclari p strong {
  color: #34435a;
}
.yorum-liste-araclari form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.yorum-liste-araclari label {
  color: #7a8698;
  font-size: 10px;
  font-weight: 700;
}
.yorum-liste-araclari select {
  min-height: 35px;
  padding: 6px 30px 6px 10px;
  border: 1px solid #dfe5ec;
  border-radius: 7px;
  background: #fff;
  color: #46546a;
  font-size: 10px;
}
.yorum-liste-araclari button {
  min-height: 35px;
  padding: 6px 12px;
  border: 0;
  border-radius: 7px;
  background: var(--magaza-ana-renk);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}
.yorum-listesi {
  display: grid;
  margin-top: 22px;
}
.yorum-karti {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid #ebeff3;
}
.yorum-karti:last-child {
  border: 0;
}
.yorum-kimlik {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.yorum-kimlik > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #eaf0f7;
  color: #42536c;
  font-size: 13px;
  font-weight: 800;
}
.yorum-kimlik strong,
.yorum-kimlik small {
  display: block;
}
.yorum-kimlik strong {
  color: #3b495e;
  font-size: 11px;
}
.yorum-kimlik small {
  margin-top: 4px;
  color: #949daa;
  font-size: 8px;
}
.yorum-icerik {
  min-width: 0;
}
.yorum-ust {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.dogrulanmis-rozet {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 5px;
  background: #eaf7ef;
  color: #187446;
  font-size: 8px;
  font-weight: 800;
}
.yorum-icerik h3 {
  margin: 9px 0 6px;
  color: #2c3a50;
  font-size: 13px;
}
.yorum-icerik > p {
  margin: 0;
  color: #59667a;
  font-size: 11px;
  line-height: 1.7;
}
.yorum-icerik > small {
  display: block;
  margin-top: 8px;
  color: #8b95a4;
  font-size: 9px;
}
.moderasyon-notu {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #6b7789;
  font-size: 10px;
}
.yorum-alt-puanlari {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.yorum-alt-puanlari span {
  padding: 5px 8px;
  border-radius: 6px;
  background: #f2f5f8;
  color: #566477;
  font-size: 9px;
  font-weight: 700;
}
.yorum-medya-listesi {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}
.yorum-medya-listesi img,
.yorum-medya-listesi video {
  width: 112px;
  height: 112px;
  border: 1px solid #e2e7ed;
  border-radius: 9px;
  background: #111;
  object-fit: cover;
}
.yorum-resmi-cevap {
  margin-top: 14px;
  padding: 13px 15px;
  border-left: 3px solid var(--magaza-ana-renk);
  border-radius: 0 8px 8px 0;
  background: #f5f8fb;
}
.yorum-resmi-cevap strong {
  color: #344157;
  font-size: 10px;
}
.yorum-resmi-cevap p {
  margin: 5px 0;
  color: #59667a;
  font-size: 10px;
  line-height: 1.6;
}
.yorum-resmi-cevap small {
  color: #929baa;
  font-size: 8px;
}
.yorum-etkilesimleri {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
  color: #949ca9;
  font-size: 8px;
}
.yorum-etkilesimleri form {
  margin: 0;
}
.yorum-etkilesimleri button,
.yorum-rapor summary {
  padding: 6px 9px;
  border: 1px solid #e1e6eb;
  border-radius: 6px;
  background: #fff;
  color: #687589;
  font-size: 8px;
  cursor: pointer;
}
.yorum-etkilesimleri button:disabled {
  cursor: default;
  opacity: 0.65;
}
.yorum-rapor {
  position: relative;
}
.yorum-rapor summary {
  list-style: none;
}
.yorum-rapor form {
  position: absolute;
  z-index: 5;
  right: 0;
  top: calc(100% + 6px);
  display: grid;
  width: 245px;
  gap: 7px;
  padding: 10px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(30, 45, 66, 0.15);
}
.yorum-rapor select,
.yorum-rapor input {
  width: 100%;
  min-height: 34px;
  padding: 7px;
  border: 1px solid #dfe5ec;
  border-radius: 6px;
  font-size: 9px;
}
.yorum-sayfalama {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) auto minmax(90px, 1fr);
  align-items: center;
  gap: 14px;
  margin-top: 19px;
  padding-top: 18px;
  border-top: 1px solid #ebeff3;
}
.yorum-sayfalama > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.yorum-sayfalama a,
.yorum-sayfalama > div > span {
  display: inline-flex;
  min-width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid #e0e6ed;
  border-radius: 8px;
  background: #fff;
  color: #5f6d82;
  font-size: 10px;
  font-weight: 800;
}
.yorum-sayfalama a:hover,
.yorum-sayfalama a[aria-current="page"] {
  border-color: var(--magaza-ana-renk);
  background: color-mix(in srgb, var(--magaza-ana-renk) 8%, #fff);
  color: var(--magaza-ana-renk);
}
.yorum-sayfalama .yon-dugmesi {
  gap: 7px;
  width: max-content;
}
.yorum-sayfalama .yon-dugmesi:last-child {
  justify-self: end;
}
.urun-bos-mesaj {
  padding: 38px 20px;
  text-align: center;
}
.urun-bos-mesaj > i {
  color: #c4cbd5;
  font-size: 28px;
}
.urun-bos-mesaj h3 {
  margin: 9px 0 4px;
  color: #445168;
  font-size: 14px;
}
.urun-bos-mesaj p {
  margin: 0;
  color: #8c96a5;
  font-size: 10px;
}
.soru-listesi {
  display: grid;
  gap: 12px;
}
.soru-listesi > article {
  border: 1px solid #e6eaef;
  border-radius: 11px;
  overflow: hidden;
}
.soru-satiri,
.cevap-satiri {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
}
.soru-satiri > span,
.cevap-satiri > span {
  display: grid;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  background: #edf2f8;
  color: #455873;
  font-size: 10px;
  font-weight: 900;
}
.soru-satiri strong {
  display: block;
  color: #334157;
  font-size: 11px;
  line-height: 1.55;
}
.soru-satiri small,
.cevap-satiri small {
  display: block;
  margin-top: 5px;
  color: #919aa8;
  font-size: 8px;
}
.cevap-satiri {
  border-top: 1px solid #edf0f3;
  background: #f8fafc;
}
.cevap-satiri > span {
  background: color-mix(in srgb, var(--magaza-ana-renk) 11%, #fff);
  color: var(--magaza-ana-renk);
}
.cevap-satiri p {
  margin: 0;
  color: #59667a;
  font-size: 10px;
  line-height: 1.65;
}
.cevap-satiri small strong {
  color: var(--magaza-ana-renk);
}
.guvence-kartlari {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
.guvence-kartlari article {
  padding: 23px;
  border: 1px solid #e7ebef;
  border-radius: 11px;
}
.guvence-kartlari article > i {
  color: var(--magaza-ana-renk);
  font-size: 27px;
}
.guvence-kartlari h3 {
  margin: 17px 0 7px;
  color: #334157;
  font-size: 14px;
}
.guvence-kartlari p {
  min-height: 68px;
  margin: 0 0 13px;
  color: #718095;
  font-size: 10px;
  line-height: 1.65;
}
.guvence-kartlari strong {
  color: #17804b;
  font-size: 10px;
}
.urun-benzer-bolumu {
  padding: 18px 0 0;
}
.urun-benzer-bolumu .urun-bolum-basligi {
  padding: 0 4px;
}

@media (max-width: 1024px) {
  .urun-pazaryeri-ust {
    gap: 25px;
    padding: 22px;
  }
  .urun-hizmet-seridi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .urun-hizmet-seridi > div:nth-child(2) {
    border-right: 0;
  }
  .urun-hizmet-seridi > div:nth-child(-n + 2) {
    border-bottom: 1px solid #edf0f3;
  }
  .urun-anlatim-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .teknik-ve-kutu-grid {
    grid-template-columns: 1fr;
  }
  .kutu-icerigi ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .urun-detay-sayfasi > .container:first-child {
    padding-top: 15px;
  }
  .urun-breadcrumb {
    margin-bottom: 14px;
  }
  .urun-pazaryeri-ust {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 14px;
    border-radius: 13px;
  }
  .urun-galeri-buyuk {
    position: relative;
    top: auto;
  }
  .urun-galeri-buyuk .urun-detay-gorsel img {
    max-height: 520px;
  }
  .urun-satin-alma-paneli h1 {
    font-size: 29px;
  }
  .urun-kimlik-satiri {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .urun-one-cikanlar {
    grid-template-columns: 1fr;
  }
  .urun-hizmet-seridi {
    grid-template-columns: 1fr;
  }
  .urun-hizmet-seridi > div {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .urun-hizmet-seridi > div:last-child {
    border-bottom: 0;
  }
  .urun-sekme-menusu .container {
    gap: 24px;
  }
  .urun-gorsel-modal {
    padding: 0;
  }
  .urun-gorsel-modal-kart {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .urun-gorsel-modal-sahne {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
  }
  .urun-gorsel-modal-kaydirma {
    padding: 12px 6px;
  }
  .urun-gorsel-modal-kaydirma img {
    max-height: calc(100vh - 230px);
  }
  .urun-gorsel-gecis {
    width: 34px;
    height: 48px;
  }
  .urun-gorsel-modal-kart > footer {
    grid-template-columns: 1fr auto;
    gap: 10px;
  }
  .urun-gorsel-modal-kucukler {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-content: flex-start;
  }
  .urun-gorsel-yakinlastirma {
    grid-column: 1;
    grid-row: 2;
  }
  .urun-gorsel-sayaci {
    grid-column: 2;
    grid-row: 2;
  }
  .urun-icerik-karti {
    padding: 23px 18px;
    border-radius: 12px;
  }
  .urun-bolum-basligi.yatay {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .urun-ozellik-kartlari {
    grid-template-columns: 1fr 1fr;
  }
  .teknik-ozellik-listesi {
    grid-template-columns: 1fr;
  }
  .teknik-ozellik-listesi > div:nth-child(odd) {
    border-right: 0;
  }
  .teknik-ozellik-listesi > div:nth-last-child(-n + 2) {
    border-bottom: 1px solid #edf0f3;
  }
  .teknik-ozellik-listesi > div:last-child {
    border-bottom: 0;
  }
  .yorum-ozet-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .yorum-puan-gruplari {
    grid-template-columns: 1fr;
  }
  .yorum-yaz-karti {
    padding: 22px 0 0;
    border-top: 1px solid #e0e5eb;
    border-left: 0;
  }
  .yorum-liste-araclari {
    align-items: flex-start;
    flex-direction: column;
  }
  .yorum-liste-araclari form {
    width: 100%;
  }
  .yorum-liste-araclari select {
    min-width: 0;
    flex: 1;
  }
  .yorum-karti {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .yorum-sayfalama {
    grid-template-columns: 1fr 1fr;
  }
  .yorum-sayfalama > div {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .yorum-sayfalama .yon-dugmesi {
    grid-row: 2;
  }
  .guvence-kartlari {
    grid-template-columns: 1fr;
  }
  .guvence-kartlari p {
    min-height: 0;
  }
}
@media (max-width: 430px) {
  .urun-pazaryeri-ust {
    margin-inline: -4px;
  }
  .urun-galeri-rozetleri {
    top: 10px;
    left: 10px;
  }
  .urun-galeri-favori {
    top: 10px;
    right: 10px;
  }
  .urun-gorsel-buyut-simgesi {
    right: 10px;
    bottom: 10px;
    width: 38px;
    height: 38px;
  }
  .urun-gorsel-yakinlastirma button {
    min-width: 32px;
    padding-inline: 8px;
  }
  .urun-gorsel-yakinlastirma button:last-child {
    display: none;
  }
  .urun-satin-alma-formu {
    grid-template-columns: minmax(0, 1fr) 72px;
  }
  .urun-satin-alma-paneli h1 {
    font-size: 26px;
  }
  .urun-fiyat-kutusu .fiyat {
    font-size: 26px;
  }
  .satici-karti {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .satici-karti > a {
    width: 100%;
    padding-left: 50px;
  }
  .urun-ozellik-kartlari {
    grid-template-columns: 1fr;
  }
  .urun-ozellik-kartlari article {
    min-height: 125px;
  }
  .kutu-icerigi ul {
    grid-template-columns: 1fr;
  }
  .teknik-ozellik-listesi > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .teknik-ozellik-listesi dd {
    text-align: left;
  }
  .puan-secimi span {
    padding-inline: 9px;
  }
  .soru-satiri,
  .cevap-satiri {
    padding: 14px;
  }
}

/* Bildirim gelen kutusu ve izin merkezi */
.musteri-bildirim-listesi {
  display: grid;
  gap: 12px;
}
.musteri-bildirim-listesi article {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px solid #e5eaf1;
  border-radius: var(--magaza-yuvarlaklik);
  background: #fff;
}
.musteri-bildirim-listesi article.okunmadi {
  border-color: color-mix(in srgb, var(--magaza-ana-renk) 35%, #e5eaf1);
  background: color-mix(in srgb, var(--magaza-ana-renk) 4%, #fff);
}
.musteri-bildirim-listesi .bildirim-isareti {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c3cad5;
}
.musteri-bildirim-listesi .okunmadi .bildirim-isareti {
  background: var(--magaza-ana-renk);
  box-shadow: 0 0 0 5px
    color-mix(in srgb, var(--magaza-ana-renk) 12%, transparent);
}
.musteri-bildirim-listesi .kritik .bildirim-isareti {
  background: #dc3545;
}
.musteri-bildirim-listesi h2 {
  margin: 5px 0;
  color: #1c2940;
  font-size: 16px;
}
.musteri-bildirim-listesi p {
  margin: 0 0 7px;
  color: #677388;
  font-size: 13px;
}
.musteri-bildirim-listesi small {
  color: #99a2b1;
}
.izin-bilgi-karti {
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid #cfe0fb;
  border-radius: var(--magaza-yuvarlaklik);
  background: #f5f8ff;
}
.izin-bilgi-karti strong {
  display: block;
  color: #244a83;
}
.izin-bilgi-karti p {
  margin: 6px 0 0;
  color: #5b6c85;
  font-size: 13px;
}
.bildirim-tercih-formu {
  padding: 22px;
  border: 1px solid #e4e9f0;
  border-radius: var(--magaza-yuvarlaklik);
  background: #fff;
}
.tercih-kanallari {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}
.tercih-kanallari > label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border: 1px solid #e7ebf1;
  border-radius: 10px;
  cursor: pointer;
}
.tercih-kanallari > label > span {
  flex: 1;
}
.tercih-kanallari strong,
.tercih-kanallari small {
  display: block;
}
.tercih-kanallari small {
  margin-top: 4px;
  color: #8590a2;
  font-size: 10px;
  line-height: 1.45;
}
.tercih-kanallari input {
  position: absolute;
  opacity: 0;
}
.tercih-kanallari i {
  position: relative;
  width: 42px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #d3d9e2;
  transition: 0.2s;
}
.tercih-kanallari i:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.2);
  transition: 0.2s;
}
.tercih-kanallari input:checked + i {
  background: var(--magaza-ana-renk);
}
.tercih-kanallari input:checked + i:after {
  transform: translateX(18px);
}
.izin-aciklamasi {
  margin: 17px 0;
  color: #7a8698;
  font-size: 11px;
  line-height: 1.6;
}
.tercih-islemleri {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.kayit-iletisim-izinleri {
  padding: 15px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}
.kayit-iletisim-izinleri > strong {
  display: block;
}
.kayit-iletisim-izinleri > p {
  margin: 4px 0 10px;
  color: #758195;
  font-size: 11px;
}
.kayit-iletisim-izinleri .onay {
  margin-top: 7px;
}
@media (max-width: 700px) {
  .tercih-kanallari {
    grid-template-columns: 1fr;
  }
  .musteri-bildirim-listesi article {
    grid-template-columns: 10px minmax(0, 1fr);
  }
  .musteri-bildirim-listesi article form {
    grid-column: 2;
  }
  .tercih-islemleri {
    display: grid;
  }
  .tercih-islemleri .magaza-dugme {
    width: 100%;
  }
}

html[data-magaza-tema="koyu"] .mega-menu-firsat {
  background: linear-gradient(125deg, #253653, #1d2a41);
}
html[data-magaza-tema="koyu"] .mega-menu-firsat strong {
  color: #fff;
}
html[data-magaza-tema="koyu"] .mega-menu-firsat small,
html[data-magaza-tema="koyu"] .mega-menu-firsat span {
  color: #ffd84b;
}
html[data-magaza-tema="koyu"] .magaza-header .header-eylem,
html[data-magaza-tema="koyu"] .magaza-header .header-eylem i {
  color: #e8eef8;
}
html[data-magaza-tema="koyu"] .urun-sekme-menusu {
  border-color: #2b374b;
  background: rgba(19, 29, 45, 0.96);
}
html[data-magaza-tema="koyu"] .urun-sekme-menusu a {
  color: #aeb9c8;
}
html[data-magaza-tema="koyu"] .urun-sekme-menusu a[aria-selected="true"] {
  color: var(--magaza-ana-renk);
}
html[data-magaza-tema="koyu"] .urun-gorsel-modal-kart,
html[data-magaza-tema="koyu"] .urun-gorsel-modal-kart > footer,
html[data-magaza-tema="koyu"] .urun-gorsel-modal-kart > header {
  border-color: #2b374b;
  background: #172234;
}
html[data-magaza-tema="koyu"] .urun-gorsel-modal-kart > header strong {
  color: #edf4ff;
}
html[data-magaza-tema="koyu"] .urun-gorsel-modal-kart > header button,
html[data-magaza-tema="koyu"] .urun-gorsel-yakinlastirma button {
  border-color: #354258;
  background: #202d42;
  color: #e1e8f2;
}
html[data-magaza-tema="koyu"] .urun-gorsel-modal-sahne {
  background: linear-gradient(145deg, #111b2a, #1b293d);
}
html[data-magaza-tema="koyu"] .yorum-liste-araclari {
  border-color: #2d3a50;
  background: #172234;
}
html[data-magaza-tema="koyu"] .yorum-liste-araclari select,
html[data-magaza-tema="koyu"] .yorum-sayfalama a {
  border-color: #354258;
  background: #202d42;
  color: #d3dce8;
}
html[data-tema-onizleme="1"] .cerez-bildirimi,
html[data-tema-onizleme="1"] .cerez-modal,
html[data-tema-onizleme="1"] .pwa-kurulum,
html[data-tema-onizleme="1"] .sabit-araclar {
  display: none !important;
}

.web-push-karti {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 16px;
  padding: 17px;
  border: 1px solid #dce6f4;
  border-radius: var(--magaza-yuvarlaklik);
  background: #f7faff;
}
.web-push-karti > div {
  flex: 1;
}
.web-push-karti strong,
.web-push-karti p,
.web-push-karti small {
  display: block;
}
.web-push-karti p {
  margin: 4px 0 0;
  color: #6f7d92;
  font-size: 12px;
}
.web-push-karti small {
  color: #4d6382;
  font-size: 10px;
}
@media (max-width: 700px) {
  .web-push-karti {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Tüm header seçenekleri için rafine, dengeli üst bilgi şeridi */
.magaza-header .ust-serit {
  min-height: 46px;
  padding: 0;
  border-bottom: 1px solid color-mix(in srgb, currentColor 11%, transparent);
}
.magaza-header .ust-serit-icerik {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(300px, auto) minmax(
      360px,
      1fr
    );
  min-height: 46px;
  align-items: center;
  gap: clamp(14px, 2vw, 28px);
}
.magaza-header .ust-sol,
.magaza-header .ust-sag {
  min-width: 0;
}
.magaza-header .ust-sol {
  gap: 10px;
  visibility: visible;
  color: inherit;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.015em;
  white-space: nowrap;
}
.magaza-header .ust-hizli-menu {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 2px;
}
.magaza-header .ust-hizli-menu a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border-radius: 7px;
  color: inherit;
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
  opacity: 0.88;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    opacity 0.18s ease,
    transform 0.18s ease;
}
.magaza-header .ust-hizli-menu a:hover,
.magaza-header .ust-hizli-menu a:focus-visible {
  background: color-mix(in srgb, var(--magaza-ana-renk) 9%, transparent);
  color: var(--magaza-ana-renk);
  opacity: 1;
  transform: translateY(-1px);
}
.magaza-header .ust-hizli-menu i {
  flex: 0 0 auto;
  color: var(--magaza-ana-renk);
  font-size: 11px;
}
.magaza-header .ust-sol-metin {
  overflow: hidden;
  text-overflow: ellipsis;
}
.magaza-header .ust-sosyal {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 3px;
  padding-right: 10px;
  border-right: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
.magaza-header .ust-sosyal i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: inherit;
  font-size: 10px;
  opacity: 0.74;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    opacity 0.18s ease,
    transform 0.18s ease;
}
.magaza-header .ust-sosyal i:hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  opacity: 1;
  transform: translateY(-1px);
}
.magaza-header .ust-mesaj {
  display: inline-flex;
  min-width: 0;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 4px 6px 4px 5px;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 6%, transparent);
  color: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    transform 0.18s ease;
}
.magaza-header .ust-mesaj:hover {
  border-color: color-mix(in srgb, currentColor 28%, transparent);
  background: color-mix(in srgb, currentColor 10%, transparent);
  color: inherit;
  transform: translateY(-1px);
}
.magaza-header .ust-mesaj-ikonu {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--header-vurgu, var(--magaza-ana-renk));
  color: #fff;
  font-size: 9px;
  box-shadow: 0 3px 9px
    color-mix(
      in srgb,
      var(--header-vurgu, var(--magaza-ana-renk)) 24%,
      transparent
    );
}
.magaza-header .ust-mesaj-ikonu i,
.magaza-header .ust-mesaj-eylem i {
  margin: 0;
}
.magaza-header .ust-mesaj-metin {
  overflow: hidden;
  text-overflow: ellipsis;
}
.magaza-header .ust-mesaj-eylem {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 9%, transparent);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.magaza-header .ust-tercihler {
  justify-content: flex-end;
  gap: 5px;
  white-space: nowrap;
}
.magaza-header .ust-tercihler label {
  position: relative;
  display: block;
  margin: 0;
}
.magaza-header .ust-tercihler select,
.magaza-header .ust-arac {
  height: 32px;
  min-height: 32px;
  margin: 0;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: 8px;
  background-color: color-mix(in srgb, currentColor 6%, transparent);
  color: inherit;
  font-size: 9px;
  line-height: 1;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    transform 0.18s ease;
}
.magaza-header .ust-tercihler select {
  max-width: 98px;
  padding: 3px 21px 3px 9px;
}
.magaza-header .ust-tercihler select:hover,
.magaza-header .ust-tercihler select:focus,
.magaza-header .ust-arac:hover,
.magaza-header .ust-arac:focus-visible {
  border-color: color-mix(in srgb, currentColor 31%, transparent);
  background-color: color-mix(in srgb, currentColor 11%, transparent);
}
.magaza-header .ust-arac {
  min-width: 32px;
  padding: 0 8px;
}
.magaza-header .ust-arac:not(.ust-arac-erisilebilirlik):hover {
  transform: rotate(9deg);
}
.magaza-header .ust-arac-erisilebilirlik {
  min-width: auto;
  gap: 6px;
  padding: 0 10px;
  border-radius: 8px;
}
.magaza-header .ust-arac-erisilebilirlik i {
  font-size: 12px;
}
.magaza-header .ust-arac-erisilebilirlik span {
  font-size: 9px;
  font-weight: 750;
}

@media (min-width: 769px) {
  .magaza-menu .menu-hizli-baglanti {
    display: none;
  }
  .magaza-menu > .magaza-menu-icerik > ul > li > a,
  .magaza-menu > .magaza-menu-icerik > ul > li > .menu-kategori-satiri > a {
    white-space: nowrap;
  }
}

@media (min-width: 1001px) and (max-width: 1100px) {
  .magaza-header[class*="tema-header-"] .magaza-menu .menu-kategori-dugmesi {
    min-width: 180px;
    padding-inline: 12px;
    font-size: 12px;
  }
  .magaza-menu-icerik > ul {
    gap: 2px;
  }
  .magaza-menu > .magaza-menu-icerik > ul > li > a,
  .magaza-menu > .magaza-menu-icerik > ul > li > .menu-kategori-satiri > a {
    padding-inline: 5px;
    font-size: 12px;
  }
  .magaza-menu .menu-alt-dugmesi {
    flex-basis: 24px;
    width: 24px;
    margin-left: -5px;
  }
}

@media (max-width: 1100px) {
  .magaza-header .ust-serit-icerik {
    grid-template-columns: minmax(225px, 0.8fr) minmax(220px, 1fr) auto;
    gap: 12px;
  }
  .magaza-header .ust-sosyal {
    display: none;
  }
  .magaza-header .ust-hizli-menu {
    gap: 0;
  }
  .magaza-header .ust-hizli-menu a {
    gap: 5px;
    padding-inline: 6px;
  }
  .magaza-header .ust-sol-metin,
  .magaza-header .ust-mesaj-eylem,
  .magaza-header .ust-arac-erisilebilirlik span {
    display: none;
  }
  .magaza-header .ust-arac-erisilebilirlik {
    width: 32px;
    padding: 0;
    justify-content: center;
  }
}

@media (min-width: 769px) and (max-width: 1000px) {
  .magaza-header .ust-serit-icerik {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .magaza-header .ust-mesaj {
    display: none;
  }
  .magaza-menu-icerik {
    display: block;
  }
  .magaza-menu .mobil-menu-dugmesi {
    display: inline-flex;
  }
  .magaza-menu .menu-kategori-dugmesi {
    display: none !important;
  }
  .magaza-menu [data-ana-menu] {
    display: none;
    padding: 8px 0 14px;
  }
  .magaza-menu [data-ana-menu].acik {
    display: block;
  }
}

@media (max-width: 768px) {
  .magaza-header .ust-serit {
    min-height: 42px;
    padding: 0;
  }
  .magaza-header .ust-serit-icerik {
    display: block;
    min-height: 42px;
    padding-right: 44px;
    text-align: center;
  }
  .magaza-header .ust-sol {
    display: none;
  }
  .magaza-header .ust-mesaj {
    width: auto;
    max-width: 100%;
    min-height: 42px;
    padding: 5px 8px;
    border: 0;
    background: transparent;
    border-radius: 0;
    font-size: 10px;
  }
  .magaza-header .ust-mesaj:hover {
    background: transparent;
    transform: none;
  }
  .magaza-header .ust-sag.ust-tercihler {
    right: 12px;
  }
  .magaza-header .ust-tercihler label,
  .magaza-header .ust-tercihler [data-tema-degistir] {
    display: none;
  }
}

@media (max-width: 430px) {
  .magaza-header .ust-serit-icerik {
    padding-right: 38px;
  }
  .magaza-header .ust-mesaj {
    justify-content: flex-start;
    padding-left: 0;
  }
  .magaza-header .ust-mesaj-ikonu {
    width: 21px;
    height: 21px;
  }
  .magaza-header .ust-mesaj-metin {
    text-align: left;
  }
  .magaza-header .ust-sag.ust-tercihler {
    right: 0;
  }
}

/* Tüm header varyantlarında açılır menü kontrastını ana menü renginden ayır. */
.magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi {
  background: #fff;
  color: #29364b;
  border-color: #dfe6ef;
}
.magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi a {
  background: transparent;
  color: #425069;
  font-weight: 700;
  text-transform: none;
}
.magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi a:hover,
.magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  a:focus-visible {
  background: #eef4fb;
  color: var(--magaza-ana-renk);
}
.magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  .menu-alt-dugmesi {
  color: #52647e;
}

html[data-magaza-tema="koyu"]
  .magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi {
  border-color: #35445a;
  background: #172234;
  color: #d7e0ec;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}
html[data-magaza-tema="koyu"]
  .magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  a {
  color: #d7e0ec;
}
html[data-magaza-tema="koyu"]
  .magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  a:hover,
html[data-magaza-tema="koyu"]
  .magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  a:focus-visible {
  background: #223149;
  color: #fff;
}
html[data-magaza-tema="koyu"]
  .magaza-header[class*="tema-header-"]
  .magaza-menu
  .menu-alt-listesi
  .menu-alt-dugmesi {
  color: #b9c7da;
}

@media (max-width: 1000px) {
  .magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi {
    position: static;
    display: none;
    min-width: 0;
    margin: 0 7px 5px;
    padding: 3px 3px 3px 14px;
    border: 0;
    border-left: 2px solid rgba(127, 138, 155, 0.28);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    box-shadow: none;
  }
  .magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi.acik {
    display: block;
  }
  .magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi a,
  .magaza-header[class*="tema-header-"]
    .magaza-menu
    .menu-alt-listesi
    .menu-alt-dugmesi {
    background: transparent;
    color: inherit;
    white-space: normal;
  }
  .magaza-header[class*="tema-header-"] .magaza-menu .menu-alt-listesi a:hover,
  .magaza-header[class*="tema-header-"]
    .magaza-menu
    .menu-alt-listesi
    a:focus-visible {
    background: rgba(127, 138, 155, 0.14);
    color: inherit;
  }
  html[data-magaza-tema="koyu"]
    .magaza-header[class*="tema-header-"]
    .magaza-menu
    .menu-alt-listesi {
    border-left-color: rgba(185, 199, 218, 0.3);
    background: rgba(255, 255, 255, 0.06);
    color: inherit;
    box-shadow: none;
  }
}

/* Tüm tema seçenekleri için ortak mobil uygulama kabuğu */
.mobil-uygulama-menusu,
.mobil-menu-arkaplan {
  display: none;
}

@media (max-width: 768px) {
  :root {
    --mobil-alt-menu-yukseklik: 70px;
  }

  html {
    scroll-padding-top: 118px;
    scroll-padding-bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 14px
    );
  }

  body {
    min-width: 320px;
    padding-bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom)
    );
    background: #f5f7fb;
    -webkit-tap-highlight-color: transparent;
  }

  body.mobil-menu-acik {
    overflow: hidden;
  }

  body.mobil-menu-acik .magaza-header,
  body.mobil-menu-acik .magaza-header[class*="tema-header-"] {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body > main {
    min-height: 55vh;
  }

  .container,
  .slider-dis-konteyner {
    width: min(100% - 24px, var(--magaza-konteyner));
  }

  .magaza-header,
  .magaza-header[class*="tema-header-"] {
    position: sticky !important;
    z-index: 1140;
    top: 0 !important;
    border-bottom: 1px solid rgba(23, 38, 63, 0.08);
    background: color-mix(in srgb, var(--magaza-ana-renk) 4%, #fff);
    box-shadow: 0 8px 24px rgba(29, 46, 76, 0.08);
    color: #1e293b;
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
  }

  .magaza-header .ust-serit,
  .magaza-header[class*="tema-header-"] .ust-serit,
  .magaza-header .header-kategori-seridi {
    display: none !important;
  }

  .magaza-header .header-orta,
  .magaza-header[class*="tema-header-"] .header-orta {
    border: 0;
    background: transparent;
    color: inherit;
  }

  .magaza-header .header-orta > .container {
    width: 100%;
    padding-inline: 14px;
  }

  .magaza-header .header-ana,
  .magaza-header[class*="tema-header-"] .header-ana,
  .tema-header-03 .header-ana,
  .tema-header-08 .header-ana {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    min-height: 0;
    margin: 0;
    padding: 9px 0 11px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .magaza-header .magaza-logo,
  .magaza-header[class*="tema-header-"] .magaza-logo,
  .tema-header-03 .magaza-logo,
  .tema-header-08 .magaza-logo {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    min-height: 36px;
    justify-self: start;
    color: #1d2a3e;
  }

  .magaza-header .magaza-logo-gorseli {
    width: auto;
    max-width: min(47vw, 168px);
    height: auto;
    max-height: 38px;
    object-fit: contain;
    object-position: left center;
  }

  .magaza-header .magaza-logo .logo-isareti {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }

  .magaza-header .magaza-logo > span {
    overflow: hidden;
    color: inherit;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .magaza-header .magaza-logo small {
    display: none;
  }

  .magaza-header .header-eylemler,
  .magaza-header[class*="tema-header-"] .header-eylemler {
    display: none !important;
  }

  .magaza-header .magaza-arama,
  .magaza-header[class*="tema-header-"] .magaza-arama,
  .tema-header-03 .magaza-arama,
  .tema-header-08 .magaza-arama {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-height: 46px;
    margin: 0;
    border: 1px solid rgba(32, 48, 74, 0.11);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(35, 52, 82, 0.07);
    color: #263043;
    overflow: visible;
  }

  .magaza-header .magaza-arama > input[type="search"] {
    min-width: 0;
    height: 46px;
    padding: 0 50px 0 15px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 12px;
  }

  .magaza-header .magaza-arama > input[type="search"]::placeholder {
    color: #8792a4;
    opacity: 1;
  }

  .magaza-header .magaza-arama .arama-hizli-araclar {
    display: none;
  }

  .magaza-header .magaza-arama .arama-gonder-dugmesi,
  .magaza-header[class*="tema-header-"]
    .magaza-arama
    .arama-gonder-dugmesi {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border: 0;
    border-radius: 11px;
    background: var(--magaza-ana-renk);
    color: #fff;
  }

  .magaza-menu {
    position: static;
    display: block !important;
    width: 0;
    height: 0 !important;
    min-height: 0;
    border: 0;
    background: transparent;
    overflow: visible;
  }

  .magaza-menu .magaza-menu-icerik {
    width: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    overflow: visible;
  }

  .magaza-menu .mobil-menu-dugmesi,
  .magaza-menu .menu-kategori-dugmesi {
    display: none !important;
  }

  .magaza-menu [data-ana-menu] {
    position: fixed;
    z-index: 1160;
    left: 10px;
    right: 10px;
    bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 8px
    );
    display: block !important;
    width: auto;
    max-width: 480px;
    max-height: min(68vh, 620px);
    margin: 0 auto;
    padding: 12px;
    border: 1px solid rgba(33, 49, 78, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.98);
    color: #27354a;
    box-shadow: 0 28px 70px rgba(12, 22, 40, 0.3);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(100% + 90px));
    transform-origin: center bottom;
    transition:
      transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.2s ease,
      visibility 0.2s ease;
  }

  .magaza-menu [data-ana-menu]::before {
    content: "Kategoriler ve hızlı bağlantılar";
    display: block;
    padding: 8px 10px 12px;
    color: #17243a;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.01em;
  }

  .magaza-menu [data-ana-menu].acik {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .magaza-menu [data-ana-menu] > li {
    display: block;
    width: 100%;
    margin: 0;
    border-top: 1px solid #edf1f6;
  }

  .magaza-menu [data-ana-menu] > li > a,
  .magaza-menu [data-ana-menu] > li > .menu-kategori-satiri > a {
    min-height: 44px;
    padding: 12px 10px;
    border: 0;
    background: transparent;
    color: #34435a;
    font-size: 13px;
    font-weight: 720;
    text-transform: none;
  }

  .magaza-menu .menu-kategori-satiri {
    align-items: center;
  }

  .magaza-menu .menu-alt-dugmesi {
    width: 42px;
    height: 42px;
    margin: 0;
    border: 0;
    color: #6e7c91;
  }

  .magaza-menu .menu-alt-listesi {
    margin: 0 8px 8px;
    padding: 3px 3px 3px 11px;
    border-left-color: color-mix(
      in srgb,
      var(--magaza-ana-renk) 32%,
      #dde4ed
    );
    background: #f6f8fb;
    color: #46566e;
  }

  .mobil-menu-arkaplan {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(9, 18, 33, 0.48);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .mobil-menu-arkaplan[hidden] {
    display: none !important;
  }

  .mobil-uygulama-menusu {
    position: fixed;
    z-index: 1200;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom)
    );
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(28, 44, 70, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -10px 30px rgba(26, 42, 68, 0.11);
    backdrop-filter: blur(20px) saturate(1.35);
    -webkit-backdrop-filter: blur(20px) saturate(1.35);
  }

  .mobil-uygulama-menusu > a {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    border-radius: 14px;
    color: #7b8798;
    font-size: 9px;
    font-weight: 720;
    line-height: 1.1;
    text-align: center;
    transition:
      color 0.18s ease,
      transform 0.18s ease,
      background-color 0.18s ease;
  }

  .mobil-uygulama-menusu > a:active {
    transform: scale(0.94);
  }

  .mobil-uygulama-menusu .mobil-menu-ikon {
    position: relative;
    display: grid;
    width: 34px;
    height: 31px;
    place-items: center;
    border-radius: 12px;
    font-size: 19px;
    transition:
      color 0.18s ease,
      background-color 0.18s ease,
      transform 0.18s ease;
  }

  .mobil-uygulama-menusu > a.aktif {
    color: var(--magaza-ana-renk);
  }

  .mobil-uygulama-menusu > a.aktif .mobil-menu-ikon {
    background: color-mix(in srgb, var(--magaza-ana-renk) 13%, #fff);
    color: var(--magaza-ana-renk);
    transform: translateY(-1px);
  }

  .mobil-uygulama-menusu .mobil-menu-ikon b {
    position: absolute;
    right: -3px;
    top: -2px;
    display: grid;
    min-width: 16px;
    height: 16px;
    place-items: center;
    padding-inline: 4px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 8px;
    font-weight: 850;
    line-height: 1;
  }

  .bolum {
    padding: 34px 0;
  }

  .bolum-baslik {
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 18px;
  }

  .bolum-baslik h2 {
    font-size: clamp(21px, 6.4vw, 27px);
    line-height: 1.15;
    letter-spacing: -0.025em;
  }

  .bolum-baslik p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
  }

  .bolum-baslik > a {
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 750;
  }

  .magaza-slider[class*="tema-slider-"] {
    padding: 12px 0 5px;
  }

  .magaza-slider[class*="tema-slider-"] .slider-dis-konteyner {
    width: 100%;
    padding-inline: 12px;
  }

  .magaza-slider[class*="tema-slider-"] .magaza-slider-izgara,
  .magaza-slider[class*="tema-slider-"] .magaza-slider-ana {
    height: 318px;
    min-height: 318px;
  }

  .magaza-slider[class*="tema-slider-"] .magaza-slider-ana {
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(30, 46, 72, 0.12);
  }

  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik,
  .magaza-slider .magaza-slider-icerik.slider-metin-orta,
  .magaza-slider .magaza-slider-icerik.slider-metin-sag {
    padding: 24px 22px 38px;
  }

  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik h1 {
    font-size: clamp(27px, 8vw, 34px);
    line-height: 1.04;
    letter-spacing: -0.035em;
  }

  .magaza-slider[class*="tema-slider-"] .magaza-slider-icerik p {
    display: -webkit-box;
    max-width: 88%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .magaza-slider[class*="tema-slider-"] .slider-ok {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  .kategori-izgara {
    display: flex !important;
    gap: 10px;
    margin-inline: -12px;
    padding: 2px 12px 10px;
    overflow-x: auto;
    scroll-padding-inline: 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .kategori-izgara::-webkit-scrollbar {
    display: none;
  }

  .kategori-karti,
  [class*="tema-kategori-karti-"] {
    flex: 0 0 116px;
    min-width: 116px;
    padding: 8px 8px 11px;
    border: 1px solid rgba(33, 50, 79, 0.08);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(35, 51, 79, 0.07);
    scroll-snap-align: start;
  }

  .kategori-karti img {
    aspect-ratio: 1;
    border-radius: 13px;
  }

  .kategori-karti strong {
    margin-top: 8px;
    overflow: hidden;
    color: #2c3a50;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .urun-izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .urun-karti,
  [class*="tema-urun-karti-"] {
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 7px 24px rgba(35, 51, 78, 0.08) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .urun-karti-gorsel,
  .tema-urun-karti-04 .urun-karti-gorsel,
  .tema-urun-karti-09 .urun-karti-gorsel,
  .tema-urun-karti-14 .urun-karti-gorsel,
  .tema-urun-karti-15 .urun-karti-gorsel,
  .tema-urun-karti-16 .urun-karti-gorsel,
  .tema-urun-karti-18 .urun-karti-gorsel {
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .urun-karti-eylemler,
  .tema-urun-karti-12 .urun-karti-eylemler,
  .tema-urun-karti-13 .urun-karti-eylemler {
    right: 8px !important;
    top: 8px !important;
    bottom: auto !important;
    gap: 0;
    opacity: 1 !important;
    transform: none !important;
  }

  .urun-karti-eylemler > .yuvarlak-eylem,
  .urun-karti-eylemler > form:last-child {
    display: none;
  }

  .urun-karti-eylemler .yuvarlak-eylem {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .urun-karti-rozet {
    left: 8px;
    top: 8px;
    max-width: calc(100% - 52px);
    padding: 4px 7px;
    font-size: 9px;
  }

  .urun-karti-etiket,
  .urun-karti-konsept {
    display: none;
  }

  .urun-karti-icerik,
  .tema-urun-karti-12 .urun-karti-icerik,
  .tema-urun-karti-13 .urun-karti-icerik,
  .tema-urun-karti-14 .urun-karti-icerik,
  .tema-urun-karti-15 .urun-karti-icerik,
  .tema-urun-karti-16 .urun-karti-icerik,
  .tema-urun-karti-18 .urun-karti-icerik {
    padding: 11px 10px 12px;
  }

  .urun-karti-marka {
    font-size: 9px;
    letter-spacing: 0.04em;
  }

  .urun-karti h3,
  .tema-urun-karti-13 h3,
  .tema-urun-karti-16 h3 {
    display: -webkit-box;
    min-height: 36px;
    margin: 5px 0 7px;
    overflow: hidden;
    font-size: 12.5px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .urun-karti-aciklama,
  .urun-karti-durum,
  .urun-karti-bilgiler span:nth-child(n + 2),
  .urun-karti-etiketler {
    display: none !important;
  }

  .urun-karti-puan {
    margin-bottom: 5px;
    font-size: 9px;
  }

  .urun-karti .fiyat,
  [class*="tema-urun-karti-"] .fiyat {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    min-height: 40px;
    font-size: 13px;
    line-height: 1.35;
  }

  .urun-karti .fiyat del {
    font-size: 10px;
  }

  .urun-karti .fiyat small {
    font-size: 8px;
  }

  .urun-karti-bilgiler {
    min-height: 16px;
    margin-top: 5px;
    font-size: 8.5px;
  }

  .urun-karti-bilgiler span:first-child {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .urun-karti .sepet-ekle,
  [class*="tema-urun-karti-"] .sepet-ekle {
    min-height: 40px;
    margin-top: 9px;
    padding: 8px 5px;
    border-radius: 12px;
    font-size: 10px;
    line-height: 1.15;
  }

  .kart-varyant-formu {
    gap: 7px;
  }

  .kart-varyant-formu label span {
    font-size: 9px;
  }

  .kart-varyant-formu .form-kontrol {
    min-height: 38px;
    padding: 7px;
    font-size: 10px;
  }

  .sayfa-hero {
    padding: 24px 0;
    background: transparent;
  }

  .sayfa-hero h1 {
    font-size: clamp(27px, 8vw, 35px);
    letter-spacing: -0.03em;
  }

  .sayfa-icerik {
    padding: 24px 0 42px;
  }

  .magaza-footer {
    padding-bottom: 26px;
  }

  .sayfa-urun-detay .urun-pazaryeri-ust {
    margin-inline: 0;
    padding: 10px;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 8px 28px rgba(34, 50, 78, 0.08);
  }

  .sayfa-urun-detay .urun-galeri-buyuk {
    border-radius: 16px;
    overflow: hidden;
  }

  .sayfa-urun-detay .urun-satin-alma-paneli {
    padding: 4px 4px 10px;
  }

  .sayfa-urun-detay .urun-satin-alma-paneli h1 {
    font-size: 25px;
    letter-spacing: -0.03em;
  }

  .sayfa-urun-detay .urun-satin-alma-formu {
    position: sticky;
    z-index: 35;
    bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 8px
    );
    margin: 14px -2px 8px;
    padding: 9px;
    border: 1px solid rgba(34, 50, 78, 0.1);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 30px rgba(22, 36, 59, 0.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .sayfa-urun-detay .urun-satin-alma-formu .form-alani {
    margin-bottom: 0;
  }

  .sayfa-urun-detay .urun-sepete-ekle {
    min-height: 46px;
    border-radius: 13px;
  }

  .sayfa-sepet-akisi .table-responsive {
    overflow: visible;
  }

  .sayfa-sepet-akisi .sepet-tablo,
  .sayfa-sepet-akisi .sepet-tablo tbody {
    display: block;
    width: 100%;
  }

  .sayfa-sepet-akisi .sepet-tablo thead {
    display: none;
  }

  .sayfa-sepet-akisi .sepet-tablo tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid rgba(35, 51, 80, 0.08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(35, 51, 79, 0.07);
  }

  .sayfa-sepet-akisi .sepet-tablo td {
    display: block;
    min-width: 0;
    padding: 4px;
    border: 0;
  }

  .sayfa-sepet-akisi .sepet-tablo td:first-child,
  .sayfa-sepet-akisi .sepet-tablo td:nth-child(3),
  .sayfa-sepet-akisi .sepet-tablo td:last-child {
    grid-column: 1 / -1;
  }

  .sayfa-sepet-akisi .sepet-tablo td:nth-child(2)::before,
  .sayfa-sepet-akisi .sepet-tablo td:nth-child(4)::before {
    display: block;
    margin-bottom: 3px;
    color: #8a95a6;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .sayfa-sepet-akisi .sepet-tablo td:nth-child(2)::before {
    content: "Birim fiyat";
  }

  .sayfa-sepet-akisi .sepet-tablo td:nth-child(4)::before {
    content: "Toplam";
  }

  .sayfa-sepet-akisi .sepet-urun {
    min-width: 0;
    align-items: flex-start;
  }

  .sayfa-sepet-akisi .sepet-urun > span {
    min-width: 0;
  }

  .sayfa-sepet-akisi .sepet-urun > span small {
    font-size: 10px;
    line-height: 1.45;
  }

  .sayfa-sepet-akisi .sepet-urun > span small:first-of-type {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .sayfa-sepet-akisi .sepet-urun img {
    width: 74px;
    height: 74px;
    border-radius: 13px;
  }

  .sayfa-sepet-akisi .sepet-tablo td:nth-child(3) form {
    width: 100%;
  }

  .sayfa-sepet-akisi .sepet-tablo td:nth-child(3) input {
    width: 100% !important;
    min-height: 42px;
  }

  .sayfa-sepet-akisi
    .sepet-tablo
    td:nth-child(3)
    .magaza-dugme.ikincil {
    background: var(--magaza-ikincil-renk);
    color: #fff;
  }

  .sayfa-sepet-akisi .sepet-kalem-eylemleri {
    justify-content: space-between;
  }

  .sabit-araclar {
    right: 12px;
    bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 12px
    );
  }

  .cerez-bildirimi,
  .pwa-kurulum {
    bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 10px
    ) !important;
  }

  .erisilebilirlik-paneli {
    bottom: calc(
      var(--mobil-alt-menu-yukseklik) + env(safe-area-inset-bottom) + 10px
    );
    max-height: calc(
      100vh - var(--mobil-alt-menu-yukseklik) -
        env(safe-area-inset-bottom) - 24px
    );
  }
}

@media (max-width: 370px) {
  .mobil-uygulama-menusu {
    padding-inline: 3px;
  }

  .mobil-uygulama-menusu > a {
    font-size: 8px;
  }

  .urun-izgara {
    gap: 8px;
  }

  .urun-karti-icerik,
  [class*="tema-urun-karti-"] .urun-karti-icerik {
    padding-inline: 8px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .urun-karti:hover {
    transform: none;
  }
}

html[data-magaza-tema="koyu"] .mobil-uygulama-menusu {
  border-color: #2b374a;
  background: rgba(17, 27, 42, 0.95);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
}

html[data-magaza-tema="koyu"] .mobil-uygulama-menusu > a {
  color: #91a0b5;
}

html[data-magaza-tema="koyu"] .mobil-uygulama-menusu > a.aktif {
  color: var(--magaza-ana-renk);
}

html[data-magaza-tema="koyu"]
  .mobil-uygulama-menusu
  > a.aktif
  .mobil-menu-ikon {
  background: color-mix(in srgb, var(--magaza-ana-renk) 18%, #172234);
}

html[data-magaza-tema="koyu"] .mobil-uygulama-menusu .mobil-menu-ikon b {
  border-color: #111b2a;
}

@media (max-width: 768px) {
  html[data-magaza-tema="koyu"] body {
    background: #0e1725;
  }

  html[data-magaza-tema="koyu"] .magaza-header,
  html[data-magaza-tema="koyu"] .magaza-header[class*="tema-header-"] {
    border-color: #2b374a;
    background: rgba(17, 27, 42, 0.95);
    color: #e8eef8;
  }

  html[data-magaza-tema="koyu"] .magaza-header .magaza-logo {
    color: #edf4ff;
  }

  html[data-magaza-tema="koyu"] .magaza-header .magaza-arama {
    border-color: #344157;
    background: #182437;
    color: #edf4ff;
    box-shadow: none;
  }

  html[data-magaza-tema="koyu"]
    .magaza-header
    .magaza-arama
    > input[type="search"] {
    color: #edf4ff;
  }

  html[data-magaza-tema="koyu"] .magaza-menu [data-ana-menu] {
    border-color: #35445a;
    background: rgba(23, 34, 52, 0.98);
    color: #d7e0ec;
  }

  html[data-magaza-tema="koyu"] .magaza-menu [data-ana-menu]::before {
    color: #f1f5fb;
  }

  html[data-magaza-tema="koyu"] .magaza-menu [data-ana-menu] > li {
    border-color: #2f3d52;
  }

  html[data-magaza-tema="koyu"] .magaza-menu [data-ana-menu] > li > a,
  html[data-magaza-tema="koyu"]
    .magaza-menu
    [data-ana-menu]
    > li
    > .menu-kategori-satiri
    > a {
    color: #d7e0ec;
  }

  html[data-magaza-tema="koyu"] .kategori-karti,
  html[data-magaza-tema="koyu"] [class*="tema-kategori-karti-"],
  html[data-magaza-tema="koyu"] .urun-karti,
  html[data-magaza-tema="koyu"] [class*="tema-urun-karti-"],
  html[data-magaza-tema="koyu"]
    .sayfa-sepet-akisi
    .sepet-tablo
    tr {
    border-color: #2d394d;
    background: #172234;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  }

  html[data-magaza-tema="koyu"]
    .sayfa-urun-detay
    .urun-satin-alma-formu {
    border-color: #354258;
    background: rgba(23, 34, 52, 0.96);
  }
}