/* SEOMİT — Global, Dark Theme (Default) & Responsive Stylesheet */
*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0;
  background: #0F0B0E;
  color: #F6F0F2;
  color-scheme: dark;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
html[data-theme="light"],
html[data-theme="light"] body {
  background: #FAF6F7;
  color: #2B1E24;
  color-scheme: light;
}
#dc-root, main, section, header, footer { max-width: 100%; }
img, svg, video, canvas { max-width: 100%; }
.lw-row img { max-width: none; }
pre, code, .mono { max-width: 100%; overflow-x: auto; word-break: break-word; overflow-wrap: anywhere; }
.tbl { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Theme Toggle Icons */
.sm-theme-btn .sm-ico-moon { display: none; }
.sm-theme-btn .sm-ico-sun { display: block; }
html[data-theme="light"] .sm-theme-btn .sm-ico-sun { display: none; }
html[data-theme="light"] .sm-theme-btn .sm-ico-moon { display: block; }

.sm-mob-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid #2E2228;
  background: #1A1317;
  color: #F6F0F2;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.sm-mob-toggle:hover { border-color: #AD2A50; background: #261820; }
.sm-mob-toggle .sm-ico-close { display: none; }
.sm-mob-toggle[aria-expanded="true"] { background: #AD2A50; border-color: #AD2A50; color: #FFFFFF; }
.sm-mob-toggle[aria-expanded="true"] .sm-ico-menu { display: none; }
.sm-mob-toggle[aria-expanded="true"] .sm-ico-close { display: block; }

/* Hide horizontal scrollbar on top navigation menu across all browsers */
#sm-nav-wrap nav {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
#sm-nav-wrap nav::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* =========================================================================
 * DARK THEME (SYSTEM / SITE DEFAULT: html:not([data-theme="light"]))
 * ========================================================================= */
html:not([data-theme="light"]) #sm-page-shell,
html:not([data-theme="light"]) #dc-root > div {
  background: #0F0B0E !important;
  color: #F6F0F2 !important;
}
html:not([data-theme="light"]) .sm-nav-link:not(.aktif):hover {
  color: #F6F0F2 !important;
  background: #241B20 !important;
}
html:not([data-theme="light"]) .sm-lang-btn:hover,
html:not([data-theme="light"]) .sm-theme-btn:hover {
  border-color: #AD2A50 !important;
  background: #261820 !important;
  color: #F6F0F2 !important;
}
html:not([data-theme="light"]) .sm-foot-link:hover,
html:not([data-theme="light"]) .sm-top-link:hover {
  color: #F6F0F2 !important;
}
html:not([data-theme="light"]) body .btn-soft:hover,
html:not([data-theme="light"]) body .faq-q:hover,
html:not([data-theme="light"]) body .q:hover,
html:not([data-theme="light"]) body .nv:hover,
html:not([data-theme="light"]) body .hv-nav:hover,
html:not([data-theme="light"]) body .toc a:hover,
html:not([data-theme="light"]) body .side a:hover,
html:not([data-theme="light"]) body .legal:hover,
html:not([data-theme="light"]) body .lk:hover,
html:not([data-theme="light"]) body .copy:hover {
  background: #2C1F27 !important;
  color: #F8F4F6 !important;
  border-color: #54283B !important;
}
html:not([data-theme="light"]) body .btn-ink:hover {
  background: #E03868 !important;
  color: #FFFFFF !important;
}
html:not([data-theme="light"]) body .tc:hover .go {
  background: #D13260 !important;
  color: #FFFFFF !important;
}
html:not([data-theme="light"]) body .chip:hover {
  box-shadow: 0 0 0 2px #FF6B96 inset !important;
  border-color: #FF6B96 !important;
}
html:not([data-theme="light"]) body .opt:hover {
  border-color: #FF6B96 !important;
}
html:not([data-theme="light"]) body .card-hv:hover,
html:not([data-theme="light"]) body .lg:hover,
html:not([data-theme="light"]) body main article:hover {
  border-color: #54283B !important;
}
html:not([data-theme="light"]) body .card-hv::after {
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .08), rgba(255, 255, 255, 0)) !important;
}
html:not([data-theme="light"]) body .tbl {
  background: #1A1317 !important;
  border-color: #30232A !important;
}
html:not([data-theme="light"]) body .tbl th,
html:not([data-theme="light"]) body .tbl td {
  color: #E5D8DF !important;
  border-bottom-color: #2A1E25 !important;
}
html:not([data-theme="light"]) body .tbl thead th {
  background: #22181E !important;
  color: #C8B8C0 !important;
}
html:not([data-theme="light"]) body .tbl tbody tr:hover {
  background: #241A20 !important;
}
html:not([data-theme="light"]) body .prose p,
html:not([data-theme="light"]) body .prose ul,
html:not([data-theme="light"]) body .prose ol,
html:not([data-theme="light"]) body .prose li {
  color: #E5D8DF !important;
}
html:not([data-theme="light"]) body .prose h2,
html:not([data-theme="light"]) body .prose h3,
html:not([data-theme="light"]) body .prose strong {
  color: #F8F4F6 !important;
}
html:not([data-theme="light"]) body .dots::before,
html:not([data-theme="light"]) body main > section:first-child::before,
html:not([data-theme="light"]) body main a.card-hv > div:first-child {
  background-image: radial-gradient(rgba(255, 255, 255, .10) 1.2px, transparent 1.7px) !important;
}
/* Bottom CTA Live Banner in Dark Mode */
html:not([data-theme="light"]) body .cta-live {
  background: linear-gradient(120deg, #26131C 0%, #341724 35%, #1E1017 65%, #2D1521 100%) !important;
  background-size: 240% 240% !important;
  border-color: #4D2636 !important;
  color: #F8F4F6 !important;
  box-shadow: 0 30px 70px -40px rgba(0, 0, 0, .75) !important;
}
html:not([data-theme="light"]) body .cta-live::after {
  background-image: radial-gradient(rgba(255, 107, 150, .18) 1.2px, transparent 1.7px) !important;
}
html:not([data-theme="light"]) body .cta-b2 {
  background: radial-gradient(circle at 50% 50%, rgba(209, 50, 96, .18) 0%, rgba(209, 50, 96, 0) 68%) !important;
}
html:not([data-theme="light"]) body .cta-ring {
  border-color: rgba(255, 107, 150, .22) !important;
}
html:not([data-theme="light"]) body .cta-ring::before {
  border-color: rgba(255, 107, 150, .16) !important;
}
html:not([data-theme="light"]) body .cta-mark,
html:not([data-theme="light"]) body .mark {
  background-image: linear-gradient(rgba(255, 107, 150, .26), rgba(255, 107, 150, .26)) !important;
}
/* SVG stroke/fill visibility in Dark Mode */
html:not([data-theme="light"]) [stroke="#2B1E24"],
html:not([data-theme="light"]) [stroke="#46373D"] {
  stroke: #F8F4F6 !important;
}
html:not([data-theme="light"]) [stroke="#6E6066"] {
  stroke: #C8B8C0 !important;
}
html:not([data-theme="light"]) [stroke="#AD2A50"],
html:not([data-theme="light"]) [stroke="#7E1D3B"] {
  stroke: #FF6B96 !important;
}
html:not([data-theme="light"]) [fill="#AD2A50"] {
  fill: #FF6B96 !important;
}
html:not([data-theme="light"]) [stroke="#157A42"],
html:not([data-theme="light"]) [stroke="#0F5132"] {
  stroke: #4ADE80 !important;
}
html:not([data-theme="light"]) [stroke="#D9A0B1"] {
  stroke: #FB85AC !important;
}
html:not([data-theme="light"]) [stroke="#F1EBED"] {
  stroke: #30232A !important;
}
html:not([data-theme="light"]) [fill="#F6E4E9"] {
  fill: #381828 !important;
}
html:not([data-theme="light"]) input,
html:not([data-theme="light"]) textarea,
html:not([data-theme="light"]) select,
html:not([data-theme="light"]) .fld {
  background-color: #140F12 !important;
  color: #F6F0F2 !important;
  border-color: #382931 !important;
}
html:not([data-theme="light"]) input::placeholder,
html:not([data-theme="light"]) textarea::placeholder {
  color: #8C7A83 !important;
}
html:not([data-theme="light"]) .fld:focus {
  border-color: #F04E7C !important;
  box-shadow: 0 0 0 4px rgba(240, 78, 124, .18) !important;
}
/* Brand Logo Pills: Keep high-contrast warm light pill so dark-ink brand PNGs remain crisp */
html:not([data-theme="light"]) .logos .lw-row > span {
  background: #F6F1F3 !important;
  border-color: #382931 !important;
}
html:not([data-theme="light"]) .logos {
  background: linear-gradient(90deg, #0F0B0E 0%, rgba(15,11,14,0) 8%, rgba(15,11,14,0) 92%, #0F0B0E 100%) !important;
}
html:not([data-theme="light"]) a {
  color: #F8F4F6;
}
html:not([data-theme="light"]) a:hover {
  color: #FF6B96;
}
html:not([data-theme="light"]) main h1 span[style*="#AD2A50"],
html:not([data-theme="light"]) main h1 span[style*="#FF6B96"],
html:not([data-theme="light"]) main h1 span[style*="255, 107, 150"] {
  background-image: linear-gradient(rgba(255, 107, 150, 0.22), rgba(255, 107, 150, 0.22)) !important;
  background-repeat: no-repeat;
  background-size: 100% 34%;
  background-position: 0 88%;
  padding: 0 4px;
  border-radius: 4px;
}
html:not([data-theme="light"]) input[type="checkbox"],
html:not([data-theme="light"]) input[type="radio"] {
  accent-color: #D13260;
}

/* =========================================================================
 * LIGHT THEME OVERRIDES FOR SHARED HEADER & FOOTER (html[data-theme="light"])
 * ========================================================================= */
html[data-theme="light"] #sm-page-shell {
  background: #FAF6F7 !important;
  color: #2B1E24 !important;
}
html[data-theme="light"] #top {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #2B1E24 !important;
  border-bottom-color: #F1EBED !important;
}
html[data-theme="light"] #top .sm-logo-link,
html[data-theme="light"] #sm-footer-wrap .sm-logo-link,
html[data-theme="light"] #sm-footer-wrap .sm-foot-head {
  color: #2B1E24 !important;
}
html[data-theme="light"] #top .sm-lang-btn,
html[data-theme="light"] #top .sm-theme-btn,
html[data-theme="light"] .sm-mob-toggle {
  background: #FFFFFF !important;
  color: #2B1E24 !important;
  border-color: #E3E4EC !important;
}
html[data-theme="light"] #top .sm-wa-top {
  background: #DDF3E9 !important;
  color: #0F5132 !important;
}
html[data-theme="light"] #top .sm-panel-btn {
  background: #2B1E24 !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] #sm-nav-wrap {
  border-top-color: #F5F0F2 !important;
}
html[data-theme="light"] #sm-nav-wrap .sm-nav-link {
  color: #3B3E52 !important;
}
html[data-theme="light"] #sm-nav-wrap .sm-nav-link.aktif {
  color: #2B1E24 !important;
}
html[data-theme="light"] #sm-footer-wrap {
  color: #2B1E24 !important;
}
html[data-theme="light"] #sm-footer {
  border-top-color: #EADFE3 !important;
}
html[data-theme="light"] #sm-footer .sm-footer-bottom {
  border-top-color: #EFE7EA !important;
}

@media (max-width: 960px) {
  .sm-top-motto { display: none !important; }
  .sm-mob-toggle { display: inline-flex !important; }
  #sm-nav-wrap {
    display: none;
    border-top: 1px solid #2E2228;
    background: #161014;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .55);
  }
  html[data-theme="light"] #sm-nav-wrap {
    border-top: 1px solid #F1EBED;
    background: #FFFFFF;
    box-shadow: 0 20px 40px -20px rgba(43, 30, 36, .18);
  }
  #sm-nav-wrap.acik { display: block; }
  #sm-nav-wrap nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 12px 16px 16px !important;
    overflow: visible !important;
  }
  #sm-nav-wrap .sm-nav-link {
    margin-left: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #21171D !important;
    white-space: normal !important;
    font-size: 14.5px !important;
  }
  html[data-theme="light"] #sm-nav-wrap .sm-nav-link {
    background: #FAF6F7 !important;
  }
  #sm-nav-wrap .sm-nav-link.aktif {
    background: #331824 !important;
    color: #F794B2 !important;
  }
  html[data-theme="light"] #sm-nav-wrap .sm-nav-link.aktif {
    background: #F6E4E9 !important;
    color: #AD2A50 !important;
  }
  #sm-nav-wrap .sm-nav-bar { display: none !important; }
}

@media (max-width: 768px) {
  main h1, section h1, header h1 {
    font-size: clamp(28px, 7vw, 40px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    word-break: break-word;
  }
  main h2, section h2 {
    font-size: clamp(22px, 5.5vw, 32px) !important;
    line-height: 1.18 !important;
  }
  main > aside,
  main > section,
  main [style*="flex: 999 1"],
  main [style*="flex:999 1"],
  main [style*="flex: 1 1 4"],
  main [style*="flex:1 1 4"],
  main [style*="flex: 1 1 3"],
  main [style*="flex:1 1 3"],
  main [style*="flex: 1 1 2"],
  main [style*="flex:1 1 2"],
  main [style*="flex: 2 1"],
  main [style*="flex:2 1"],
  main [style*="flex: 1.1"],
  main [style*="flex:1.1"],
  main [style*="flex: 1.2"],
  main [style*="flex:1.2"],
  main [style*="flex: 1.3"],
  main [style*="flex:1.3"],
  section [style*="flex: 999 1"],
  section [style*="flex:999 1"],
  section [style*="flex: 1 1 4"],
  section [style*="flex:1 1 4"],
  section [style*="flex: 1 1 3"],
  section [style*="flex:1 1 3"] {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  nav[aria-label="Panel menüsü"],
  nav[aria-label="Dashboard menu"] {
    flex-direction: row !important;
    overflow-x: auto !important;
    gap: 6px !important;
    padding-bottom: 4px !important;
    scrollbar-width: none;
  }
  nav[aria-label="Panel menüsü"] button.nv,
  nav[aria-label="Dashboard menu"] button.nv {
    width: auto !important;
    flex: none !important;
    white-space: nowrap !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }
  nav.side {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 6px !important;
    padding-bottom: 6px !important;
    width: 100% !important;
  }
  nav.side > span:first-child { display: none !important; }
  nav.side > a {
    flex: none !important;
    white-space: nowrap !important;
    background: #1A1317 !important;
    border: 1px solid #2E2228 !important;
    color: #F6F0F2 !important;
    padding: 9px 14px !important;
    font-size: 13.5px !important;
  }
  html[data-theme="light"] nav.side > a {
    background: #FFFFFF !important;
    border: 1px solid #F1EBED !important;
    color: #2B1E24 !important;
  }
  section [style*="min-height: 360px"][aria-hidden="true"],
  section [style*="min-height:360px"][aria-hidden="true"] {
    min-height: 290px !important;
  }
  .fl1 { right: 0 !important; padding: 14px 16px !important; }
  .fl2 { width: 82% !important; top: 140px !important; padding: 12px 14px !important; }
  .fl3 { left: 0 !important; }
  [style*="font-size: 46px"],
  [style*="font-size:46px"],
  [style*="font-size: 50px"],
  [style*="font-size:50px"],
  [style*="font-size: 44px"],
  [style*="font-size:44px"] {
    font-size: clamp(32px, 8vw, 40px) !important;
  }
  [style*="clamp(96px"],
  [style*="clamp(120px"] {
    font-size: clamp(56px, 16vw, 96px) !important;
  }
  table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .sm-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 16px !important;
  }
}

@media (max-width: 640px) {
  #top .sm-top-inner { padding: 10px 14px !important; gap: 8px 10px !important; }
  #top .sm-logo-txt { font-size: 27px !important; }
  #top .sm-lang-btn { min-height: 40px !important; padding: 0 11px !important; font-size: 13px !important; }
  #top .sm-theme-btn,
  #top .sm-wa-top { width: 40px !important; height: 40px !important; }
  #top .sm-panel-btn { min-height: 40px !important; padding: 0 13px !important; font-size: 13.5px !important; gap: 6px !important; }
  .sm-mob-toggle { width: 40px !important; height: 40px !important; }
  main [style*="display: grid"],
  main [style*="display:grid"],
  section [style*="display: grid"],
  section [style*="display:grid"] {
    grid-template-columns: 1fr !important;
  }
  main [style*="minmax(min(180px"],
  main [style*="minmax(min(150px"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  main [style*="border-radius: 40px"],
  main [style*="border-radius:40px"],
  main [style*="border-radius: 36px"],
  main [style*="border-radius:36px"],
  main [style*="border-radius: 32px"],
  main [style*="border-radius:32px"],
  section [style*="border-radius: 40px"],
  section [style*="border-radius:40px"],
  section [style*="border-radius: 36px"],
  section [style*="border-radius:36px"],
  section [style*="border-radius: 32px"],
  section [style*="border-radius:32px"] {
    border-radius: 22px !important;
  }
  main [style*="padding: 30px"],
  main [style*="padding:30px"],
  main [style*="padding: 32px"],
  main [style*="padding:32px"],
  main [style*="padding: 28px"],
  main [style*="padding:28px"],
  main [style*="padding: 26px"],
  main [style*="padding:26px"] {
    padding: 20px 16px !important;
  }
  .sm-wa-float {
    right: 14px !important;
    bottom: 14px !important;
    min-height: 46px !important;
    padding: 0 16px 0 13px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  #sm-nav-wrap nav { grid-template-columns: 1fr !important; }
  #top .sm-panel-txt { display: none !important; }
  #top .sm-panel-btn { width: 40px !important; padding: 0 !important; justify-content: center !important; }
  div[role="img"][style*="max-width: 720px"],
  div[role="img"][style*="max-width:720px"] {
    padding: 8px 8px 8px 14px !important;
    gap: 8px !important;
  }
  .srch-btn { width: 40px !important; height: 40px !important; }
  main section:first-child .btn-ink,
  main section:first-child .btn-soft,
  .cta-live .cta-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  [role="tablist"],
  [role="radiogroup"][style*="border-radius: 999px"],
  [role="radiogroup"][style*="border-radius:999px"] {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    border-radius: 18px !important;
  }
  ol[aria-label="Sipariş adımları"] li,
  ol[aria-label="Order steps"] li {
    min-height: 38px !important;
    padding: 0 12px 0 5px !important;
    font-size: 13px !important;
    gap: 6px !important;
  }
  ol[aria-label="Sipariş adımları"] li > span,
  ol[aria-label="Order steps"] li > span {
    width: 26px !important;
    height: 26px !important;
    font-size: 12px !important;
  }
  input[style*="width: 130px"],
  input[style*="width:130px"] {
    width: auto !important;
    flex: 1 1 100px !important;
    min-width: 0 !important;
  }
}