.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;
}

/* Mobile uses the same action treatment; this deliberately follows the
   desktop rule so no localized theme can reintroduce transparent buttons. */
@media (max-width: 800px) {
  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,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-primary,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-glass {
    color: #fff !important;
    background: #1479e8 !important;
    border-color: #1479e8 !important;
    box-shadow: 0 8px 20px rgba(0, 113, 227, .3) !important;
    opacity: 1 !important;
    transition: transform .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:hover,
  html.corporate-2026 #hero .hero-actions .btn:focus-visible,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:hover,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:focus-visible {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 12px 25px rgba(0, 113, 227, .4) !important;
    outline: 0 !important;
    transform: translateY(-2px) !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:active,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:active {
    color: #fff !important;
    background: #095bb4 !important;
    border-color: #095bb4 !important;
    transform: translateY(0) !important;
  }
}

/* Compact, consistent language control instead of the browser-native option
   list.  It works the same in the navigation and the mobile social dock. */
.language-menu{position:relative;display:inline-flex;z-index:1205;font-family:Inter,system-ui,sans-serif}
.language-menu__trigger{display:inline-flex;min-width:76px;height:38px;padding:0 12px;align-items:center;justify-content:space-between;gap:10px;color:#f5f9ff;background:rgba(9,31,58,.54);border:1px solid rgba(176,215,255,.42);border-radius:12px;font:800 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;box-shadow:0 7px 18px rgba(3,19,41,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.language-menu__trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.language-menu__trigger:hover,.language-menu.is-open .language-menu__trigger{background:rgba(22,121,232,.92);border-color:rgba(214,237,255,.7);box-shadow:0 10px 24px rgba(0,89,193,.3);transform:translateY(-1px)}
.language-menu.is-open .language-menu__trigger svg{transform:rotate(180deg)}
.language-menu__trigger:focus-visible,.language-menu__item:focus-visible{outline:3px solid rgba(123,190,255,.7);outline-offset:3px}
.language-menu__panel{position:absolute;top:calc(100% + 8px);right:0;display:grid;min-width:126px;padding:6px;gap:3px;visibility:hidden;opacity:0;background:rgba(10,29,53,.97);border:1px solid rgba(155,202,250,.3);border-radius:14px;box-shadow:0 16px 34px rgba(3,16,34,.26);transform:translateY(-5px) scale(.98);transform-origin:top right;transition:visibility 0s linear .18s,opacity .18s ease,transform .18s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.language-menu.is-open .language-menu__panel{visibility:visible;opacity:1;transform:translateY(0) scale(1);transition-delay:0s}
.language-menu__current{display:inline-flex;align-items:center;gap:8px}
.language-menu__flag{display:inline-flex;width:18px;flex:0 0 18px;align-items:center;justify-content:center;font-size:1rem;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif}
.language-menu__item{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 12px;color:#dbeafb;background:transparent;border:0;border-radius:9px;font:800 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-align:left;cursor:pointer;transition:color .18s ease,background-color .18s ease}
.language-menu__item:hover,.language-menu__item:focus-visible{color:#fff;background:rgba(60,143,232,.42)}
.language-menu__item[aria-current=true]{color:#fff;background:#1479e8;box-shadow:0 4px 10px rgba(1,88,188,.3)}
html.corporate-2026:not(.dark-theme) nav.scrolled .language-menu__trigger{color:#183451;background:rgba(255,255,255,.78);border-color:rgba(24,78,130,.2);box-shadow:0 7px 16px rgba(22,57,93,.1)}
html.corporate-2026:not(.dark-theme) nav.scrolled .language-menu__trigger:hover,html.corporate-2026:not(.dark-theme) nav.scrolled .language-menu.is-open .language-menu__trigger{color:#fff;background:#1479e8;border-color:#1479e8}
html.corporate-2026[dir=rtl] .language-menu__panel{right:auto;left:0;transform-origin:top left}
@media(max-width:1024px){nav .language-menu{margin:4px 0 0}.language-menu__trigger{min-width:86px;height:42px;border-radius:13px;font-size:.78rem}.nav-links .language-menu__panel{right:0;left:auto}.floating-socials .language-menu__trigger{min-width:72px;height:38px;padding:0 10px;border-radius:12px;font-size:.68rem}.floating-socials .language-menu__panel{top:auto;right:0;bottom:calc(100% + 8px);transform-origin:bottom right}.floating-socials .language-menu.is-open .language-menu__panel{transform:translateY(0) scale(1)}}

.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. */
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;
}

/* The three hero actions are intentionally identical in light and dark mode. */
@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,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-primary,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-glass {
    color: #fff !important;
    background: #1479e8 !important;
    border-color: #1479e8 !important;
    box-shadow: 0 8px 20px rgba(0, 113, 227, .3) !important;
    opacity: 1 !important;
    transition: transform .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
  }

  html.corporate-2026 #hero .hero-actions .btn:hover,
  html.corporate-2026 #hero .hero-actions .btn:focus-visible,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:hover,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:focus-visible {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 12px 25px rgba(0, 113, 227, .4) !important;
    outline: 0 !important;
    transform: translateY(-3px) !important;
  }

html.corporate-2026 #hero .hero-actions .btn:active,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:active {
    color: #fff !important;
    background: #095bb4 !important;
    border-color: #095bb4 !important;
    box-shadow: 0 5px 12px rgba(0, 113, 227, .3) !important;
    transform: translateY(-1px) !important;
  }
}

/* This late mobile rule keeps the three actions identical after every
   theme-specific mobile declaration above. */
@media (max-width: 800px) {
  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,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-primary,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn.btn-glass {
    color: #fff !important;
    background: #1479e8 !important;
    border-color: #1479e8 !important;
    box-shadow: 0 8px 20px rgba(0, 113, 227, .3) !important;
    opacity: 1 !important;
    transition: transform .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:hover,
  html.corporate-2026 #hero .hero-actions .btn:focus-visible,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:hover,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:focus-visible {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 12px 25px rgba(0, 113, 227, .4) !important;
    outline: 0 !important;
    transform: translateY(-2px) !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:active,
  html.dark-theme.corporate-2026 body #hero .hero-actions .btn:active {
    color: #fff !important;
    background: #095bb4 !important;
    border-color: #095bb4 !important;
    transform: translateY(0) !important;
  }
}
/* Keep the complete ladder in view when lifestyle imagery replaces a product cutout. */
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:contain!important;
  object-position:center center!important;
  background:var(--theme-bg,#f5f5f7)!important;
}

/* Treat the theme control and mobile contact dock as one measured bottom row.
   This prevents the two fixed elements from overlapping on narrow phones. */
@media (max-width: 420px) {
  html.corporate-2026 .theme-toggle {
    left: max(10px, env(safe-area-inset-left)) !important;
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
  }

  html.corporate-2026 .floating-socials {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    left: 64px !important;
    width: auto !important;
    min-width: 0 !important;
    justify-content: center !important;
    transform: none !important;
  }

  html.corporate-2026 .floating-socials > * { flex: 0 0 auto; }
}

@media (max-width: 340px) {
  html.corporate-2026 .theme-toggle {
    left: max(8px, env(safe-area-inset-left)) !important;
    bottom: calc(13px + env(safe-area-inset-bottom)) !important;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 4px;
  }

  html.corporate-2026 .floating-socials {
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    left: 58px !important;
    padding: 4px !important;
    gap: 3px !important;
    border-radius: 13px !important;
  }

  html.corporate-2026 .floating-socials .social-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
  }

  html.corporate-2026 .floating-socials .language-menu__trigger {
    min-width: 56px;
    height: 38px;
    padding: 0 7px;
    gap: 5px;
  }

  html.corporate-2026 .floating-socials .language-menu__flag { display: none; }
  html.corporate-2026 .floating-socials .social-divider { margin-right: 0; margin-left: 0; }
}