.theme-toggle {
  position: fixed;
  z-index: 4200;
  left: 22px;
  bottom: 22px;
  display: inline-flex;
  min-width: 128px;
  height: 48px;
  padding: 5px 14px 5px 6px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(22, 47, 77, .14);
  border-radius: 999px;
  color: #18324f;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 32px rgba(14, 36, 63, .16);
  backdrop-filter: blur(16px) saturate(145%);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  cursor: pointer;
  font: 750 .78rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.theme-toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(14, 36, 63, .22);
}

.theme-toggle:focus-visible {
  outline: 3px solid rgba(42, 139, 255, .35);
  outline-offset: 3px;
}

.theme-toggle__icon {
  position: relative;
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #268cff, #0869cf);
  box-shadow: 0 6px 14px rgba(8, 105, 207, .28);
}

.theme-toggle svg {
  position: absolute;
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .25s ease, transform .3s ease;
}

.theme-toggle__sun { opacity: 0; transform: rotate(-50deg) scale(.7); }
.theme-toggle__moon { opacity: 1; transform: rotate(0) scale(1); }

html.dark-theme .theme-toggle {
  color: #dce9f7;
  background: rgba(14, 27, 44, .9);
  border-color: rgba(151, 185, 222, .18);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}

html.dark-theme .theme-toggle__icon {
  color: #12233b;
  background: linear-gradient(145deg, #ffd76b, #ffb931);
  box-shadow: 0 6px 15px rgba(255, 190, 44, .22);
}

html.dark-theme .theme-toggle__sun { opacity: 1; transform: rotate(0) scale(1); }
html.dark-theme .theme-toggle__moon { opacity: 0; transform: rotate(50deg) scale(.7); }

@media (max-width: 800px) {
  .theme-toggle {
    left: max(14px, calc(25vw - 91px)) !important;
    bottom: 18px !important;
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 5px;
    justify-content: center;
  }

  .theme-toggle__label { display: none; }
  .theme-toggle__icon { width: 36px; height: 36px; flex-basis: 36px; }
}

/* Portrait tablets (including Surface Pro 7): keep one coherent tablet layout through 980px. */
@media (min-width: 801px) and (max-width: 1024px) and (orientation: portrait) {
  html.corporate-2026 #hero.corporate-hero-section {
    height: 100svh !important;
    min-height: 820px !important;
    padding: 104px 42px 92px !important;
    align-items: flex-end !important;
    background-position: 58% center !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::before,
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(180deg, rgba(247, 251, 255, .02) 0%, rgba(241, 248, 255, .14) 42%, rgba(244, 249, 255, .94) 100%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    padding: 28px !important;
    gap: 18px !important;
    color: #172b45 !important;
    background: linear-gradient(150deg, rgba(255, 255, 255, .94), rgba(237, 245, 253, .97)) !important;
    border: 1px solid rgba(31, 83, 137, .16) !important;
    border-radius: 22px !important;
    box-shadow: 0 26px 64px rgba(14, 43, 76, .18) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  html.corporate-2026 #hero .hero-text-block { width: 100% !important; gap: 10px !important; background: transparent !important; }
  html.corporate-2026 #hero .hero-text-block h1 {
    max-width: none !important;
    color: #10213a !important;
    font-size: clamp(2.85rem, 7vw, 3.8rem) !important;
    line-height: 1.04 !important;
  }
  html.corporate-2026 #hero .hero-text-block h1 .light-text {
    display: block !important;
    margin-top: 3px !important;
    color: #2b73bd !important;
    font-size: .72em !important;
    line-height: 1.08 !important;
  }
  html.corporate-2026 #hero .hero-desc { max-width: 640px !important; color: #536a83 !important; font-size: .92rem !important; line-height: 1.55 !important; }
  html.corporate-2026 #hero .hero-stats {
    width: 100% !important;
    max-width: none !important;
    padding: 10px 4px !important;
    background: rgba(239, 246, 253, .9) !important;
    border: 1px solid rgba(31, 83, 137, .12) !important;
    border-radius: 14px !important;
  }
  html.corporate-2026 #hero .hero-stats .stat-item { padding: 3px 14px !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #1567b3 !important; font-size: 1.24rem !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: #60758e !important; font-size: .53rem !important; }
  html.corporate-2026 #hero .hero-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; background: transparent !important; }
  html.corporate-2026 #hero .hero-actions .btn { min-width: 0 !important; min-height: 46px !important; padding: 11px 8px !important; font-size: .78rem !important; }

  html.corporate-2026 #one-cikanlar .hero-split-container { grid-template-columns: 1fr !important; gap: 20px !important; }
  html.corporate-2026 #one-cikanlar .hero-split-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    min-height: 410px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }
  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-img-mobile {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 410px !important;
    aspect-ratio: auto !important;
  }
  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 410px !important;
    padding: 30px 26px !important;
    justify-content: center !important;
  }
  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-img { display: none !important; }
  html.corporate-2026 #one-cikanlar .hero-card-title { font-size: 2rem !important; }
  html.corporate-2026 #one-cikanlar .hero-split-card p { font-size: .88rem !important; }

  html.corporate-2026 .floating-socials {
    top: auto !important;
    right: auto !important;
    bottom: 14px !important;
    left: 50% !important;
    width: auto !important;
    padding: 6px !important;
    flex-direction: row !important;
    gap: 5px !important;
    border-radius: 15px !important;
    transform: translateX(-50%) !important;
  }
  html.corporate-2026 .floating-socials .social-icon { width: 42px !important; height: 42px !important; border-radius: 10px !important; }

  html.dark-theme.corporate-2026 #hero.corporate-hero-section::before,
  html.dark-theme.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(180deg, rgba(5, 25, 48, .04) 0%, rgba(5, 31, 59, .18) 42%, rgba(3, 17, 34, .88) 100%) !important;
  }
  html.dark-theme.corporate-2026 #hero .hero-content-wrapper,
  html.dark-theme.corporate-2026 #hero .hero-content-wrapper.fade-up,
  html.dark-theme.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    color: #eef6ff !important;
    background: linear-gradient(150deg, rgba(21, 48, 77, .94), rgba(7, 21, 37, .97)) !important;
    border-color: rgba(139, 190, 244, .24) !important;
    box-shadow: 0 26px 64px rgba(0, 0, 0, .34) !important;
  }
  html.dark-theme.corporate-2026 #hero .hero-text-block h1 { color: #f5f9ff !important; }
  html.dark-theme.corporate-2026 #hero .hero-text-block h1 .light-text { color: #77baff !important; }
  html.dark-theme.corporate-2026 #hero .hero-desc { color: #b7c9dc !important; }
  html.dark-theme.corporate-2026 #hero .hero-stats { background: rgba(5, 18, 32, .58) !important; border-color: rgba(139, 190, 244, .16) !important; }
  html.dark-theme.corporate-2026 #hero .hero-stats .stat-num { color: #f3f8ff !important; }
  html.dark-theme.corporate-2026 #hero .hero-stats .stat-text { color: #9eb4ca !important; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle,
  .theme-toggle svg { transition: none; }
}

/* The footer signature is a permanent, quiet credit rather than a hover reveal. */
html.corporate-2026 .developer-credit,
html.corporate-2026 .developer-credit:hover,
html.corporate-2026 .developer-credit:focus-within {
  opacity: 1 !important;
  color: rgba(38, 56, 78, .64) !important;
  text-transform: none !important;
}

html.dark-theme.corporate-2026 .developer-credit,
html.dark-theme.corporate-2026 .developer-credit:hover,
html.dark-theme.corporate-2026 .developer-credit:focus-within {
  color: #9fb1c7 !important;
}

/* Every category button follows the same restrained pill interaction as the
   first (active) button; no individual lift/scale animations. */
html.corporate-2026 #urunler .filter-btn {
  transform: none !important;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}

html.corporate-2026 #urunler .filter-btn:hover:not(.active),
html.corporate-2026 #urunler .filter-btn:focus-visible:not(.active) {
  color: #fff !important;
  background: var(--text-dark) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1) !important;
}

html.dark-theme.corporate-2026 #urunler .filter-btn:hover:not(.active),
html.dark-theme.corporate-2026 #urunler .filter-btn:focus-visible:not(.active) {
  color: #fff !important;
  background: var(--brand-blue) !important;
  box-shadow: 0 5px 14px rgba(16, 126, 241, .24) !important;
}

/* Shared light/dark correction for the team LinkedIn control. */
html.corporate-2026 .team-contact {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.corporate-2026 .team-contact a[aria-label="LinkedIn Profili"] {
  display: inline-flex !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  line-height: 1 !important;
}

html.corporate-2026 .team-contact a[aria-label="LinkedIn Profili"] svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

/* New portrait vitrin images: fill the whole square image well without crop. */
html.corporate-2026 #urunler .product-card .p-card-img-wrap > .hover-lifestyle-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: inherit !important;
}

/* The gallery strip inherits white edge fades from the light design.
   In dark mode its two masks must dissolve into the canvas instead. */
html.corporate-2026 {
  --hero-scroll-fade: #ffffff;
}

html.dark-theme.corporate-2026 {
  --hero-scroll-fade: #07101d;
}

html.dark-theme.corporate-2026 .marquee-wrapper::before {
  background: linear-gradient(to right, #07101d 0%, rgba(7, 16, 29, .9) 42%, transparent 100%) !important;
}

html.dark-theme.corporate-2026 .marquee-wrapper::after {
  background: linear-gradient(to left, #07101d 0%, rgba(7, 16, 29, .9) 42%, transparent 100%) !important;
}

/* The mobile showroom card uses the exact same portrait frame as desktop.
   This avoids side gutters and clipped square-looking corners around vitrin images. */
html.corporate-2026 #urunler .product-browser-layout.is-showing-all .product-card:not(.quick-selected-card) .p-card-img-wrap {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1792 / 2400 !important;
  padding: 0 !important;
  overflow: hidden !important;
  /* Keep the image corner exactly in step with its product card at every breakpoint. */
  border-radius: inherit !important;
}

html.corporate-2026 #urunler .product-browser-layout.is-showing-all .product-card:not(.quick-selected-card) .p-card-img-wrap > .hover-lifestyle-img {
  object-fit: cover !important;
}

/* In dark mode, desktop hover deliberately reveals the clean product cutout
   on its approved light bed instead of dimming the lifestyle photography. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  html.dark-theme.corporate-2026 #urunler .product-browser-layout.is-showing-all .product-card:not(.quick-selected-card):hover .p-card-img-wrap {
    background: #f6f8fb !important;
    border-color: rgba(215, 225, 236, .96) !important;
  }

  html.dark-theme.corporate-2026 #urunler .product-browser-layout.is-showing-all .product-card:not(.quick-selected-card):hover .p-card-img-wrap > .product-png {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    object-fit: contain !important;
  }

  html.dark-theme.corporate-2026 #urunler .product-browser-layout.is-showing-all .product-card:not(.quick-selected-card):hover .p-card-img-wrap > .hover-lifestyle-img {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
  }
}

/* Desktop product browser: align the selector with the card row and preserve
   the approved 1792x2400 vitrin photography ratio. */
@media (min-width: 1200px) {
  html.corporate-2026 #urunler .quick-product-back {
    display: none !important;
  }

  html.corporate-2026 #urunler .product-browser-layout.is-showing-all .quick-product-selector {
    margin-top: calc(var(--quick-panel-top-offset) + 25px) !important;
  }

}

/* Desktop hero actions deliberately act as one control group. */
@media (min-width: 801px) {
  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass {
    color: #fff !important;
    background: #1479e8 !important;
    border-color: #1479e8 !important;
    box-shadow: 0 10px 22px rgba(4, 92, 191, .26) !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
  }

  html.corporate-2026 #hero .hero-actions .btn:hover,
  html.corporate-2026 #hero .hero-actions .btn:focus-visible {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 12px 26px rgba(4, 92, 191, .32) !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 1199px) {
  html.corporate-2026 #urunler .quick-mobile-search { display: none !important; }

  html.corporate-2026 #urunler .quick-product-back {
    display: none;
    width: calc(100% - 24px);
    min-height: 48px;
    margin: 0 auto 14px;
    padding: 11px 16px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #fff;
    background: linear-gradient(135deg, #1683f4, #0869cf);
    border: 0;
    border-radius: 14px;
    font-size: .9rem;
    font-weight: 750;
    cursor: pointer;
  }

  html.corporate-2026 #urunler .product-browser-layout.is-showing-product .quick-product-back { display: flex; }
}

html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap { position: relative !important; }

html.corporate-2026 #urunler .quick-main-arrow {
  position: absolute;
  top: 50%;
  z-index: 8;
  display: inline-flex;
  width: 44px;
  height: 44px;
  padding: 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(9, 28, 48, .78);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
  transform: translateY(-50%);
  cursor: pointer;
  backdrop-filter: blur(8px);
}

html.corporate-2026 #urunler .quick-main-arrow--previous { left: 12px; }
html.corporate-2026 #urunler .quick-main-arrow--next { right: 12px; }
html.corporate-2026 #urunler .quick-main-arrow svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2.2; }

html.corporate-2026 .modal-mobile-catalog-download { display: none; }

@media (max-width: 768px) {
  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
    width: 100% !important;
    height: min(54svh, 470px) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding: 14px !important;
  }

  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap > .product-png {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html.corporate-2026 .modal-mobile-catalog-download {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    margin: 12px 0 14px;
    padding: 10px 14px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: linear-gradient(135deg, #1683f4, #0869cf);
    border-radius: 13px;
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
  }

  html.corporate-2026 .modal-mobile-catalog-download svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

/* Legal panels and footer: preserve readable contrast in dark mode. */
html.dark-theme.corporate-2026 .kvkk-container h1,
html.dark-theme.corporate-2026 .kvkk-container h2,
html.dark-theme.corporate-2026 .kvkk-container h3,
html.dark-theme.corporate-2026 .kvkk-container h4,
html.dark-theme.corporate-2026 .kvkk-container h5,
html.dark-theme.corporate-2026 .kvkk-container h6 {
  color: #f4f8fd !important;
  -webkit-text-fill-color: #f4f8fd !important;
}

html.dark-theme.corporate-2026 .kvkk-container p,
html.dark-theme.corporate-2026 .kvkk-container li,
html.dark-theme.corporate-2026 .kvkk-container span:not(.badge-text),
html.dark-theme.corporate-2026 .kvkk-container div[style*="color"] {
  color: #d3dfed !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dark-theme.corporate-2026 .kvkk-container strong,
html.dark-theme.corporate-2026 .kvkk-container b {
  color: #f4f8fd !important;
  -webkit-text-fill-color: #f4f8fd !important;
}

html.dark-theme.corporate-2026 .kvkk-container a {
  color: #86c3ff !important;
  -webkit-text-fill-color: #86c3ff !important;
  text-decoration: underline;
}

html.dark-theme.corporate-2026 .kvkk-container .badge-text { color: #d2e1f0 !important; }
html.dark-theme.corporate-2026 .kvkk-container .modal-close { color: #eff6ff !important; }

html.dark-theme.corporate-2026 body footer .footer-legal a,
html.dark-theme.corporate-2026 body footer .legal-nav a,
html.dark-theme.corporate-2026 body footer .footer-copy,
html.dark-theme.corporate-2026 body footer .footer-text,
html.dark-theme.corporate-2026 body footer p {
  color: #b9c9db !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html.dark-theme.corporate-2026 body footer .footer-legal a:hover,
html.dark-theme.corporate-2026 body footer .legal-nav a:hover { color: #ffffff !important; }

html.dark-theme .kvkk-container h1,
html.dark-theme .kvkk-container h2,
html.dark-theme .kvkk-container h3,
html.dark-theme .kvkk-container h4,
html.dark-theme .kvkk-container h5,
html.dark-theme .kvkk-container h6,
html.dark-theme .kvkk-container strong,
html.dark-theme .kvkk-container b {
  color: #f4f8fd !important;
  -webkit-text-fill-color: #f4f8fd !important;
}
html.dark-theme .kvkk-container p,
html.dark-theme .kvkk-container li,
html.dark-theme .kvkk-container span:not(.badge-text),
html.dark-theme .kvkk-container div[style*="color"] { color: #d3dfed !important; }
html.dark-theme .kvkk-container a { color: #86c3ff !important; }
html.dark-theme .kvkk-container {
  background: #10223a !important;
  border: 1px solid rgba(137, 183, 230, .24) !important;
  box-shadow: 0 28px 78px rgba(0, 0, 0, .48) !important;
}
html.dark-theme .kvkk-container .logo-badge {
  background: #173451 !important;
  border-color: rgba(137, 183, 230, .28) !important;
}