/* ---- 00-tokens.css ---- */
/* 00 tokens: Figma "Mobil – Tasarım Sistemi" (dosya PwToh7cmCu1E7gVTnoJwzx, sayfa 15:2)
   QA: own family name "OWM Plus Jakarta Sans", so this global @font-face never overlaps ow-login.css's "Plus Jakarta Sans" on desktop. */
@font-face{font-family:"OWM Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("/templates/oweb/assets/font/plus-jakarta-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"OWM Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("/templates/oweb/assets/font/plus-jakarta-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--owm-orange:#f2712a;--owm-amber:#faa733;--owm-grad:linear-gradient(90deg,#f2712a,#faa733);--owm-orange-text:#c2531a;--owm-orange-tint:#fff1e7;--owm-navy:#1f2433;--owm-navy-900:#16182d;--owm-navy-2:#272c4f;--owm-text:#4a4e69;--owm-text-2:#6b7089;--owm-muted:#8a90a6;--owm-border:#e7e9f1;--owm-divider:#eceef4;--owm-bg:#f5f6fa;--owm-surface:#fff;--owm-success:#20bd80;--owm-success-tint:#effbf5;--owm-danger:#f35b5b;--owm-r-ctl:12px;--owm-r-card:16px;--owm-r-sheet:20px;--owm-shadow:0 8px 24px rgba(22,24,45,.08);--owm-appbar-h:56px;--owm-bottomnav-h:64px}
html.oweb-dark{--owm-bg:#0e1016;--owm-surface:#161922;--owm-border:#2d3344;--owm-divider:#2d3344;--owm-navy:#e8eaf2;--owm-text:#aeb6ca;--owm-text-2:#aeb6ca;--owm-muted:#8a90a6;--owm-orange-text:#ff9a5c;--owm-orange-tint:rgba(242,113,42,.14)}
@media (min-width: 200px) and (max-width: 991.98px) {
  body{font-family:"OWM Plus Jakarta Sans","Plus Jakarta Sans",Gilroy,sans-serif!important;-webkit-text-size-adjust:100%}
}

/* ---- 10-shell.css ---- */
/* 10 shell (mob44): mobile app bar 22:127, menu sheet 44:1848, bottom nav 22:497, footer 32:560 / 40:2857, WhatsApp FAB 32:556, dark 40:2326.
   Everything is inside the mobile media query; desktop (>= 992px) is untouched. Markup: work/tpl/ow-mobile-shell.tpl + ow-mobile-bottomnav.tpl */
@media (min-width: 200px) and (max-width: 991.98px) {
  :root {
    --owm-font: "OWM Plus Jakarta Sans", "Plus Jakarta Sans", Gilroy, sans-serif;
    --owm-success-text: #11845b;
    --owm-gutter: 20px;
    --owm-section-gap: 32px;
    --owm-appbar-bg: var(--owm-surface);
    --owm-foot-bg: #16182d;
    --owm-foot-2: #272c4f;
    --owm-auth-hero-bg: linear-gradient(143.3deg, #16182d 0%, #272c4f 71.43%);
    --owm-bnav-offset: 0px;
    --owm-ind-active: var(--owm-orange-tint);
    --owm-wa-tint: var(--owm-success-tint);
    --owm-wa-ink: var(--owm-success-text);
    --owm-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4L10 8L6 12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owm-chev-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owm-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.2118' height='26' viewBox='0 0 25.2118 26' fill='none'%3E%3Cpath d='M25.2118 17.4577C24.2787 20.0139 22.567 22.213 20.3178 23.7448C18.0686 25.2766 15.3954 26.064 12.675 25.9959C9.95463 25.9279 7.32415 25.0079 5.15435 23.3656C2.98454 21.7233 1.38481 19.4415 0.580626 16.8418C-0.223561 14.242 -0.191656 11.4555 0.671843 8.87489C1.53534 6.29427 3.1869 4.04968 5.39373 2.45748C7.60057 0.865279 10.2514 0.00574864 12.9727 2.87341e-05C15.6939 -0.00569117 18.3484 0.842688 20.5619 2.4256L17.2347 7.07833C15.9951 6.19191 14.5086 5.71681 12.9847 5.72002C11.4608 5.72322 9.97632 6.20456 8.74049 7.09619C7.50466 7.98782 6.57979 9.24479 6.09623 10.6899C5.61267 12.1351 5.59481 13.6955 6.04515 15.1514C6.49549 16.6072 7.39134 17.885 8.60643 18.8047C9.82153 19.7244 11.2946 20.2396 12.818 20.2777C14.3414 20.3158 15.8384 19.8749 17.098 19.0171C18.3575 18.1593 19.3161 16.9278 19.8386 15.4963L25.2118 17.4577Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='13' x2='26' y2='13' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2712A'/%3E%3Cstop offset='1' stop-color='%23FAA733'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
  html.owm-has-bnav, html:has(.owm-bnav) { --owm-bnav-offset: calc(var(--owm-bottomnav-h) + env(safe-area-inset-bottom, 0px)); }
  html.oweb-dark {
    --owm-appbar-bg: rgba(14, 16, 22, .6);
    --owm-ind-active: rgba(242, 113, 42, .16);
    --owm-wa-tint: rgba(32, 189, 128, .14);
    --owm-wa-ink: #20bd80;
  }

  /* ---------- global mobile base ---------- */
  html { scroll-padding-top: var(--owm-appbar-h); }
  /* no sideways page scroll (clip keeps position: sticky working, unlike hidden) */
  html, body { overflow-x: clip; }
  body { background-color: var(--owm-bg); }
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding-left: var(--owm-gutter); padding-right: var(--owm-gutter); }
  .owm-section { margin-top: var(--owm-section-gap); }
  .owm-vh { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

  /* legacy chrome replaced by the shell (kept in DOM for desktop + scripts) */
  body > .mmenu, body > .menu--linear, body > .top-bar-area, body > header { display: none !important; }
  /* floating widgets: survey popup off, third-party WhatsApp bubble replaced by .owm-fab */
  #survey-suggestion-popup, [id^="gb-widget-"] { display: none !important; }

  /* ---------- shell wrapper ---------- */
  .owm-shell { display: contents; }
  .owm-shell, .owm-bnav, .owm-fab, .owm-foot-extra, body > footer { font-family: var(--owm-font); }
  .owm-shell [hidden], .owm-foot-extra [hidden] { display: none !important; }
  .owm-shell :focus-visible, .owm-bnav :focus-visible, .owm-fab:focus-visible, body > footer :focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* ---------- top app bar (22:127) ---------- */
  .owm-appbar { position: sticky; top: 0; z-index: 1020; box-sizing: border-box; display: flex; align-items: center; height: var(--owm-appbar-h); background: var(--owm-appbar-bg); border-bottom: 1px solid var(--owm-divider); }
  html.oweb-dark .owm-appbar { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  .owm-appbar--home { justify-content: space-between; padding: 0 8px 0 16px; }
  .owm-appbar--back { gap: 4px; padding: 0 8px 0 4px; }
  .owm-appbar--auth { position: relative; justify-content: space-between; padding: 0 8px 0 4px; background: var(--owm-auth-hero-bg); border-bottom: 0; }
  .owm-appbar__actions { display: flex; align-items: center; }
  .owm-shell .owm-appbar .owm-appbar__title { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }

  .owm-logo, .owm-foot-logo { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 8px; text-decoration: none; flex: none; }
  .owm-shell .owm-logo { padding-top: 7px; padding-bottom: 7px; } /* QA: 44px tap target, same visual */
  .owm-logo__mark { width: 25.21px; height: 26px; margin-right: .79px; flex: none; display: block; }
  .owm-shell .owm-logo .owm-logo__text, .owm-foot-extra .owm-foot-logo .owm-logo__text, body > footer .owm-foot-logo .owm-logo__text { font: 800 26px/30px var(--owm-font); letter-spacing: -.8px; color: var(--owm-navy); white-space: nowrap; }
  html.oweb-dark .owm-shell .owm-logo .owm-logo__text,
  .owm-shell .owm-logo--white .owm-logo__text, body > footer .owm-foot-logo .owm-logo__text { color: #fff; }

  .owm-shell .owm-iconbtn { position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--owm-r-ctl); background: transparent; color: var(--owm-navy); text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .owm-shell .owm-iconbtn svg { display: block; flex: none; }
  .owm-shell .owm-appbar--auth .owm-iconbtn { color: #fff; }
  .owm-shell .owm-badge { position: absolute; top: 4px; right: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border: 2px solid var(--owm-surface); border-radius: 999px; background: var(--owm-orange); color: #fff; font: 800 11px/14px var(--owm-font); text-align: center; white-space: nowrap; }
  .owm-shell .owm-badge.is-empty { display: none; }

  /* ---------- menu sheet (44:1848) ---------- */
  .owm-menu { position: fixed; inset: 0; z-index: 100000; visibility: hidden; pointer-events: none; transition: visibility 0s linear .3s; }
  .owm-menu.is-open { visibility: visible; pointer-events: auto; transition: none; }
  .owm-menu__backdrop { position: absolute; inset: 0; background: var(--owm-navy-900); opacity: 0; transition: opacity .25s ease; }
  .owm-menu__backdrop::before { content: ""; position: absolute; left: 12px; right: 12px; top: calc(4px + env(safe-area-inset-top, 0px)); height: 64px; border-radius: var(--owm-r-ctl); background: var(--owm-surface); }
  .owm-menu__backdrop::after { content: ""; position: absolute; inset: 0; background: rgba(22, 24, 45, .55); }
  .owm-menu.is-open .owm-menu__backdrop { opacity: 1; }
  .owm-menu__panel { position: absolute; left: 0; right: 0; top: calc(15px + env(safe-area-inset-top, 0px)); bottom: 0; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: var(--owm-surface); border-radius: var(--owm-r-sheet) var(--owm-r-sheet) 0 0; box-shadow: 0 12px 32px rgba(22, 24, 45, .14); transform: translateY(100%); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
  .owm-menu.is-open .owm-menu__panel { transform: none; }
  .owm-menu__panel:focus { outline: 0; }
  @media (min-width: 600px) {
    .owm-menu__panel { left: 50%; right: auto; width: 560px; transform: translate(-50%, 100%); }
    .owm-menu.is-open .owm-menu__panel { transform: translate(-50%, 0); }
    .owm-menu__backdrop::before { left: calc(50% - 268px); right: calc(50% - 268px); }
  }
  .owm-menu__top { position: sticky; top: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 6px; background: var(--owm-surface); }
  .owm-menu__handle { width: 36px; height: 5px; border-radius: 999px; background: var(--owm-border); }
  .owm-menu__head { box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; }
  .owm-shell .owm-menu__close { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); cursor: pointer; }
  .owm-menu__body { flex: 1 0 auto; display: flex; flex-direction: column; gap: 12px; padding: 4px 20px 12px; }

  .owm-shell .owm-search { display: flex; align-items: center; gap: 12px; height: 48px; margin: 0; padding: 0 16px; border-radius: var(--owm-r-ctl); background: var(--owm-bg); overflow: hidden; }
  .owm-search__icon { flex: none; color: var(--owm-text-2); }
  /* 16px real size (no iOS focus zoom), scaled to Figma's 15px */
  .owm-shell .owm-search .owm-search__input { flex: none; width: calc((100% - 32px) / .9375); height: 22px; margin: 0 calc(-1 * (100% - 32px) * .0667) 0 0; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; color: var(--owm-navy); font: 400 16px/22px var(--owm-font); transform: scale(.9375); transform-origin: left center; -webkit-appearance: none; appearance: none; }
  .owm-search__input::placeholder { color: var(--owm-muted); opacity: 1; }
  .owm-search__input::-webkit-search-cancel-button, .owm-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
  .owm-shell .owm-search:focus-within { box-shadow: inset 0 0 0 1.5px var(--owm-orange); }

  .owm-menu__auth { display: flex; gap: 12px; }
  .owm-shell .owm-menu__auth .owm-btn { box-sizing: border-box; flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: var(--owm-r-ctl); font: 600 15px/22px var(--owm-font); text-decoration: none; white-space: nowrap; }
  .owm-shell .owm-menu__auth .owm-btn--secondary { background: var(--owm-surface); border: 1.5px solid var(--owm-orange); color: var(--owm-orange-text); }
  .owm-shell .owm-menu__auth .owm-btn--primary { border: 0; background: var(--owm-grad); color: #fff; box-shadow: 0 8px 20px rgba(242, 113, 42, .28); }

  .owm-menu__card { display: flex; flex-direction: column; padding: 4px; overflow: hidden; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); }
  .owm-grp + .owm-grp { border-top: 1px solid var(--owm-divider); }
  .owm-shell .owm-grp .owm-grp__head { box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; height: 48px; margin: 0; padding: 0 12px; border: 0; border-radius: var(--owm-r-ctl); background: transparent; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .owm-grp__tile { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  .owm-grp__label { flex: 1 1 0; min-width: 0; }
  .owm-grp__chev { flex: none; color: var(--owm-muted); transition: transform .2s ease; }
  .owm-shell .owm-grp.is-open .owm-grp__head { color: var(--owm-orange-text); }
  .owm-grp.is-open .owm-grp__tile { color: var(--owm-navy); }
  .owm-grp.is-open .owm-grp__chev { transform: rotate(180deg); }
  .owm-grp__links { display: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 0 12px 12px; }
  .owm-grp.is-open .owm-grp__links { display: grid; }
  .owm-shell .owm-menu__card .owm-sublink { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; min-height: 44px; padding: 8px 10px 8px 14px; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); font: 600 14px/20px var(--owm-font); text-decoration: none; overflow-wrap: anywhere; }
  .owm-shell .owm-menu__card .owm-sublink::after { content: ""; flex: none; width: 16px; height: 16px; background-color: var(--owm-muted); -webkit-mask: var(--owm-chev-r) center / 16px 16px no-repeat; mask: var(--owm-chev-r) center / 16px 16px no-repeat; }
  .owm-shell .owm-menu__card .owm-sublink--domain { margin: 8px 8px 4px; background: var(--owm-orange-tint); flex-wrap: wrap; }
  .owm-sublink__q { flex: 1 1 auto; min-width: 0; font-weight: 700; }
  .owm-sublink__hint { color: var(--owm-orange-text); font-size: 13px; line-height: 18px; }
  .owm-grp.is-filtered .owm-grp__links { display: grid; }

  .owm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .owm-shell .owm-chips .owm-chip { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border: 1px solid var(--owm-border); border-radius: 999px; background: var(--owm-surface); color: var(--owm-text); font: 600 14px/20px var(--owm-font); white-space: nowrap; text-decoration: none; }
  .owm-shell .owm-chips .owm-chip::after { content: ""; position: absolute; left: 0; right: 0; top: -2px; bottom: -2px; }
  .owm-menu__empty { margin: 0; padding: 4px; color: var(--owm-text-2); font: 500 14px/20px var(--owm-font); text-align: center; }

  .owm-menu__foot { display: flex; flex-direction: column; gap: 8px; padding: 12px 20px max(24px, env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--owm-divider); }
  .owm-prefs { display: flex; gap: 8px; }
  .owm-shell .owm-prefs .owm-pref { position: relative; box-sizing: border-box; flex: none; display: flex; align-items: center; gap: 8px; height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: transparent; color: var(--owm-navy); font: 600 14px/20px var(--owm-font); cursor: pointer; }
  .owm-shell .owm-prefs .owm-pref--lang { flex: 1 1 0; min-width: 0; }
  .owm-pref__ico { flex: none; color: var(--owm-text-2); }
  .owm-pref__lbl { white-space: nowrap; }
  .owm-pref--lang .owm-pref__lbl { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .owm-pref__chev { flex: none; color: var(--owm-muted); }
  .owm-pref__select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; }
  .owm-switch { position: relative; flex: none; width: 36px; height: 22px; border-radius: 11px; background: var(--owm-border); transition: background-color .2s ease; }
  .owm-switch__knob { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(22, 24, 45, .1), 0 1px 2px rgba(22, 24, 45, .06); transition: transform .2s ease; }
  .owm-pref--theme[aria-checked="true"] .owm-switch { background: var(--owm-orange); }
  .owm-pref--theme[aria-checked="true"] .owm-switch__knob { transform: translateX(14px); }

  .owm-contact { display: flex; gap: 8px; }
  .owm-shell .owm-contact a { box-sizing: border-box; display: flex; align-items: center; height: 44px; border-radius: var(--owm-r-ctl); text-decoration: none; }
  .owm-shell .owm-contact .owm-contact__phone { flex: 1 1 0; min-width: 0; gap: 8px; padding: 0 12px; overflow: hidden; background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  .owm-contact__phone span { color: var(--owm-navy); font: 600 14px/20px var(--owm-font); white-space: nowrap; }
  .owm-contact__phone svg { flex: none; }
  .owm-shell .owm-contact .owm-contact__wa, .owm-shell .owm-contact .owm-contact__mail { flex: none; justify-content: center; width: 44px; }
  .owm-shell .owm-contact .owm-contact__wa { background: var(--owm-wa-tint); color: var(--owm-wa-ink); }
  .owm-shell .owm-contact .owm-contact__mail { background: var(--owm-bg); color: var(--owm-navy); }

  html.owm-lock, html.owm-lock body { overflow: hidden !important; }

  /* ---------- bottom nav (22:497, dark 40:2418) ---------- */
  .owm-bnav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; box-sizing: border-box; display: flex; align-items: flex-start; height: calc(var(--owm-bottomnav-h) + env(safe-area-inset-bottom, 0px)); padding: 7px 4px env(safe-area-inset-bottom, 0px); background: var(--owm-surface); border-top: 1px solid var(--owm-divider); box-shadow: 0 -4px 16px rgba(22, 24, 45, .06); }
  .owm-bnav .owm-bnav__tab.owm-bnav__tab { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: 52px; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .owm-bnav__ind { display: flex; align-items: center; justify-content: center; width: 52px; height: 28px; border-radius: 999px; color: var(--owm-text-2); transition: background-color .2s ease; }
  .owm-bnav__ind svg { display: block; }
  .owm-bnav__lbl { max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--owm-text-2); font: 600 11px/14px var(--owm-font); text-align: center; white-space: nowrap; }
  .owm-bnav__tab.is-active .owm-bnav__ind { background: var(--owm-ind-active); color: var(--owm-orange-text); }
  .owm-bnav__tab.is-active .owm-bnav__lbl { color: var(--owm-orange-text); font-weight: 700; }
  .owm-bnav-spacer { height: calc(var(--owm-bottomnav-h) + env(safe-area-inset-bottom, 0px)); background: var(--owm-foot-bg); }

  /* ---------- WhatsApp FAB (32:556): 20px from the edge, 16px above the bottom nav ---------- */
  a.owm-fab.owm-fab { position: fixed; right: 20px; bottom: calc(max(var(--owm-bnav-offset), env(safe-area-inset-bottom, 0px)) + var(--owm-float-offset, 0px) + 16px); z-index: 1029; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--owm-success-text); color: #fff; box-shadow: 0 12px 32px rgba(22, 24, 45, .14); text-decoration: none; }
  html.owm-lock .owm-fab { visibility: hidden; }
  /* other floating widgets (AI chat on cart/checkout) sit above the bottom nav / a page's sticky CTA.
     Area designers with a sticky bottom CTA set --owm-float-offset (its height) on html or body. */
  #aichat-fab { right: 20px !important; bottom: calc(max(var(--owm-bnav-offset), env(safe-area-inset-bottom, 0px)) + var(--owm-float-offset, 0px) + 16px) !important; width: 56px !important; height: 56px !important; }
  #aichat-panel { left: 16px !important; right: 16px !important; width: auto !important; max-width: none !important; bottom: calc(max(var(--owm-bnav-offset), env(safe-area-inset-bottom, 0px)) + var(--owm-float-offset, 0px) + 84px) !important; max-height: calc(100vh - var(--owm-appbar-h) - var(--owm-bnav-offset) - var(--owm-float-offset, 0px) - 108px) !important; }
  html.owm-lock #aichat-fab, html.owm-lock #aichat-panel { visibility: hidden; }

  /* ---------- footer (32:560; home instance 40:2857) ---------- */
  .owm-foot-extra, .owm-foot-extra > * { display: none; }
  body > footer { display: flex; flex-direction: column; gap: 24px; margin-top: 0; padding: 32px var(--owm-gutter) 24px; background: var(--owm-foot-bg); }
  body > footer > .container-xl, body > footer > .footer--content, body > footer > .footer--content > .container-xl { display: contents; }
  body > footer > .border--linear, body > footer .footer--support { display: none; }
  body > footer .footer--content .top-side { order: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 0; padding: 0; }
  body > footer .footer--content .top-side .footer-logo { display: none; }
  body > footer .footer--content .top-side .owm-foot-logo { order: 0; display: inline-flex; }
  body > footer .footer--content .top-side .description { order: 1; width: 100%; margin: 0; padding: 0; border: 0; text-align: left; }
  body > footer .footer--content .top-side .description p { max-width: none; margin: 0; color: var(--owm-muted); font: 400 15px/22px var(--owm-font); }
  body > footer .footer--content .top-side .social-links { display: none; }

  body > footer .owm-foot-contact { order: 2; display: flex; flex-direction: column; gap: 12px; }
  body > footer .owm-foot-contact .owm-foot-row { display: flex; align-items: center; gap: 12px; min-height: 44px; text-decoration: none; }
  .owm-foot-row__tile { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-foot-2); color: var(--owm-amber); }
  .owm-foot-row__text { display: flex; flex-direction: column; min-width: 0; white-space: nowrap; }
  .owm-foot-row__lbl { color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  .owm-foot-row__val { overflow: hidden; text-overflow: ellipsis; color: #fff; font: 600 15px/22px var(--owm-font); }

  body > footer .footer--content .nav-area { order: 3; position: static; margin: 0; padding: 0; }
  body > footer .footer--content .nav-area > .row { display: block; margin: 0; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  body > footer .footer--content .nav-area > .row > * { width: 100%; max-width: none; margin: 0; padding: 0; border-top: 1px solid var(--owm-foot-2); }
  body > footer .footer--content .nav-area > .row > *:last-child { border-bottom: 1px solid var(--owm-foot-2); }
  body > footer .footer--content .nav-area .nav--title { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 52px; margin: 0; padding: 0; color: #fff; font: 600 15px/22px var(--owm-font); text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
  body > footer .footer--content .nav-area .nav--title::before { display: none; }
  body > footer .footer--content .nav-area .nav--title::after { content: ""; position: static; flex: none; width: 20px; height: 20px; border-radius: 0; opacity: 1; background: var(--owm-muted); -webkit-mask: var(--owm-chev-d) center / 20px 20px no-repeat; mask: var(--owm-chev-d) center / 20px 20px no-repeat; transition: transform .2s ease; }
  body > footer .footer--content .nav-area .owm-open > .nav--title::after { transform: rotate(180deg); }
  body > footer .footer--content .nav-area .nav--list { display: none; margin: 0; padding: 0 0 12px; list-style: none; }
  body > footer .footer--content .nav-area .owm-open > .nav--list { display: block; }
  body > footer .footer--content .nav-area .nav--list .list-more { display: block !important; }
  body > footer .footer--content .nav-area .nav--list .show-more { display: none !important; }
  body > footer .footer--content .nav-area .nav--list li { margin: 0; padding: 0; }
  body > footer .footer--content .nav-area .nav--list li::before { display: none; }
  body > footer .footer--content .nav-area .nav--list li a { display: flex; align-items: center; min-height: 44px; color: var(--owm-muted); font: 500 14px/20px var(--owm-font); text-decoration: none; }

  body > footer .owm-foot-prefs { order: 4; display: flex; flex-wrap: wrap; gap: 8px; }
  body > footer .owm-foot-prefs .owm-fpref { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; height: 44px; margin: 0; padding: 0 16px 0 12px; border: 0; border-radius: 999px; background: var(--owm-foot-2); color: var(--owm-muted); font: 600 14px/20px var(--owm-font); cursor: pointer; }
  body > footer .owm-foot-prefs .owm-fpref--icon { justify-content: center; width: 44px; padding: 0; }
  body > footer .owm-foot-prefs .owm-fpref--icon[aria-checked="true"] { color: var(--owm-amber); }
  .owm-fpref svg { flex: none; }
  .owm-fpref__lbl { color: #fff; white-space: nowrap; }

  body > footer .footer--bottom { order: 5; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 16px 0 0; border-top: 1px solid var(--owm-foot-2); }
  body > footer .footer--bottom .copyright { order: -1; text-align: left; }
  body > footer .footer--bottom .copyright p { margin: 0; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  body > footer .footer--bottom .navs { display: block; margin: 0; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); text-align: left; }
  body > footer .footer--bottom .navs .nav-link { display: inline-block; margin: -13px 0; padding: 13px 0; border: 0; border-radius: 0; background: none; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  body > footer .footer--bottom .navs .nav-link i { display: none; }
  body > footer .footer--bottom .navs .nav-link:not(:last-child)::after { content: "\00a0\00b7"; content: "\00a0\00b7" / ""; padding-right: 4px; }

  /* ---------- home footer instance (40:2857): brand without description, no contact rows ---------- */
  .ow-tpl-homepage > footer .footer--content .top-side .description, .ow-tpl-homepage > footer .owm-foot-contact { display: none; }

  @media (prefers-reduced-motion: reduce) {
    .owm-menu, .owm-menu__backdrop, .owm-menu__panel, .owm-grp__chev, .owm-switch, .owm-switch__knob, body > footer .footer--content .nav-area .nav--title::after { transition: none !important; }
  }
}

/* ---- 20-home.css ---- */
/* 20 home (mob44): Figma 01 Ana Sayfa 40:2532 (hero 40:2565, services 40:2596, campaign 40:2689, TLD 40:2706, why 40:2750, support 40:2816),
   dark = 12 Koyu Tema 40:2326. Markup: work/tpl/ow-mobile-home.tpl (.owm-home, d-lg-none). Everything is inside the mobile media query. */
@media (min-width: 200px) and (max-width: 991.98px) {
  /* ---------- desktop home sections replaced by the Figma screen (they stay in the DOM for desktop and crawlers) ---------- */
  .ow-tpl-homepage #main-domain,
  .ow-tpl-homepage #main-service,
  .ow-tpl-homepage #testimonials,
  .ow-tpl-homepage #video-showcase,
  .ow-tpl-homepage #featured { display: none !important; }

  /* ---------- base ---------- */
  .owm-home { --owmh-tint: var(--owm-orange-tint); --owmh-muted: var(--owm-muted); font-family: var(--owm-font, "OWM Plus Jakarta Sans", sans-serif); color: var(--owm-text); -webkit-text-size-adjust: 100%; }
  html.oweb-dark .owm-home { --owmh-tint: rgba(242, 113, 42, .16); --owmh-muted: #7f88a0; }
  .owm-home [hidden] { display: none !important; }
  .owm-home p { margin: 0; }
  .owm-home a { text-decoration: none; -webkit-tap-highlight-color: rgba(242, 113, 42, .12); }
  .owm-home svg { display: block; flex: none; }
  .owm-home :focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* ---------- hero (40:2565) ---------- */
  .owmh-hero { position: relative; isolation: isolate; overflow: hidden; overflow: clip; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px var(--owm-gutter, 20px) 32px; background: linear-gradient(128.33deg, #16182d 0%, #272c4f 71.429%); }
  /* Dekor / Halka 40:2566 (240px, x 246 y -104) and Dekor / Nokta 40:2567 (12px, x 352 y 40), anchored to the right edge */
  .owmh-hero::before, .owmh-hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; background-repeat: no-repeat; background-position: center; }
  .owmh-hero::before { top: -104px; right: -96px; width: 240px; height: 240px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240' fill='none'%3E%3Cpath opacity='0.16' d='M225 120C225 177.99 177.99 225 120 225C62.0101 225 15 177.99 15 120C15 62.0101 62.0101 15 120 15C177.99 15 225 62.0101 225 120Z' stroke-width='30' stroke='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='120' x2='240' y2='120' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2712A'/%3E%3Cstop offset='1' stop-color='%23FAA733'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-size: 240px 240px; }
  .owmh-hero::after { top: 40px; right: 26px; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle opacity='0.85' cx='6' cy='6' r='6' fill='%23FAA733'/%3E%3C/svg%3E"); background-size: 12px 12px; }
  .owmh-hero__tag { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; box-sizing: border-box; padding: 4px 12px 4px 8px; border-radius: 8px; background: #fff1e7; color: #c2531a; }
  .owmh-hero__tag-ic { width: 14px; height: 14px; }
  .owmh-hero__tag-txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 13px/18px var(--owm-font); color: #c2531a; }
  .owmh-hero__text { display: flex; flex-direction: column; gap: 8px; width: 100%; }
  .owmh-hero__title { font: 800 30px/36px var(--owm-font); letter-spacing: -.6px; color: #fff; overflow-wrap: break-word; }
  .owmh-hero__hl { color: #faa733; }
  .owmh-hero__desc { padding-right: 6px; font: 400 15px/22px var(--owm-font); color: #fff; opacity: .74; }

  /* Search Field / Domain (25:203) */
  .owmh-dsearch { display: flex; align-items: center; gap: 12px; width: 100%; height: 60px; box-sizing: border-box; margin: 0; padding: 8px 8px 8px 16px; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(22, 24, 45, .08); transition: border-color .15s ease; }
  .owmh-dsearch:focus-within { border-color: var(--owm-orange); }
  .owmh-dsearch__ic { width: 20px; height: 20px; color: var(--owmh-muted); }
  .owm-home .owmh-dsearch__input { flex: 1 1 0; min-width: 0; width: auto; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; -webkit-appearance: none; appearance: none; font: 400 16px/24px var(--owm-font); color: var(--owm-navy); text-overflow: ellipsis; }
  .owm-home .owmh-dsearch__input:focus-visible { outline: 0; }
  .owm-home .owmh-dsearch__input::placeholder { color: var(--owmh-muted); opacity: 1; }
  .owm-home .owmh-dsearch__btn { flex: none; display: inline-flex; align-items: center; justify-content: center; height: 44px; margin: 0; padding: 0 20px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #f2712a, #faa733); box-shadow: 0 8px 20px rgba(242, 113, 42, .28); font: 600 15px/22px var(--owm-font); color: #fff; white-space: nowrap; cursor: pointer; }

  /* Hero / Hızlı Bağlantı (40:2517) */
  .owmh-hero__links { display: flex; gap: 12px; width: 100%; }
  .owm-home .owmh-qlink { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; box-sizing: border-box; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px; background: rgba(255, 255, 255, .08); color: #faa733; }
  .owmh-qlink svg { width: 18px; height: 18px; }
  .owmh-qlink span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 14px/20px var(--owm-font); color: #fff; }

  /* ---------- content ---------- */
  .owm-home__body { display: flex; flex-direction: column; gap: 32px; padding: 32px var(--owm-gutter, 20px) 16px; background: var(--owm-bg); }
  .owmh-sec { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

  /* Section Header (28:185) */
  .owmh-sh { display: flex; flex-direction: column; gap: 8px; overflow-wrap: break-word; }
  .owmh-sh__eyebrow { font: 700 12px/16px var(--owm-font); letter-spacing: .6px; color: var(--owm-orange-text); }
  .owmh-sh__title { font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); }
  .owmh-sh__desc { font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }

  /* Service Tile (28:246) */
  .owmh-svc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .owm-home .owmh-svc { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); }
  .owmh-svc__top { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
  .owmh-svc__tile { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--owmh-tint); color: var(--owm-orange-text); }
  .owmh-svc__tile svg { width: 22px; height: 22px; }
  .owmh-svc__arrow { width: 20px; height: 20px; color: var(--owmh-muted); }
  .owmh-svc__txt { display: flex; flex-direction: column; gap: 2px; width: 100%; min-width: 0; overflow-wrap: break-word; }
  .owmh-svc__name { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owmh-svc__sub { font: 500 13px/18px var(--owm-font); color: var(--owmh-muted); }
  .owmh-svc__price { display: flex; align-items: baseline; gap: 2px; min-height: 24px; max-width: 100%; white-space: nowrap; }
  .owmh-svc__amt { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  .owmh-svc__unit { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owmh-svc__more { font: 600 14px/20px var(--owm-font); color: var(--owm-orange-text); }
  .owm-home .owmh-svc--dark { background: #1f2433; border-color: #1f2433; }
  .owmh-svc--dark .owmh-svc__tile { background: #272c4f; color: #faa733; }
  .owmh-svc--dark .owmh-svc__name, .owmh-svc--dark .owmh-svc__amt { color: #fff; }
  .owmh-svc--dark .owmh-svc__sub, .owmh-svc--dark .owmh-svc__unit, .owmh-svc--dark .owmh-svc__arrow { color: #8a90a6; }

  /* Kampanya Şeridi (40:2689) */
  .owm-home .owmh-camp { display: flex; align-items: center; gap: 12px; padding: 16px; overflow: hidden; border: 1px solid rgba(242, 113, 42, .3); border-radius: 16px; background: var(--owmh-tint); }
  .owmh-camp__tile { display: flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(90deg, #f2712a, #faa733); color: #fff; }
  .owmh-camp__tile svg { width: 24px; height: 24px; }
  .owmh-camp__txt { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0; min-width: 0; overflow-wrap: break-word; }
  .owmh-camp__title { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owmh-camp__hl { color: var(--owm-orange-text); }
  .owmh-camp__sub { font: 500 13px/18px var(--owm-font); color: var(--owm-text); }
  .owm-home .owmh-camp__old { color: var(--owmh-muted); text-decoration: line-through; }
  .owmh-camp__go { display: flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 999px; background: var(--owm-surface); color: var(--owm-orange-text); }
  .owmh-camp__go svg { width: 20px; height: 20px; }

  /* TLD Price Tile (28:260) */
  .owmh-tld-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 12px; }
  .owm-home .owmh-tld { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; height: 64px; box-sizing: border-box; padding: 0 16px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); white-space: nowrap; }
  .owm-home .owmh-tld--promo { grid-column: 1 / -1; border: 1.5px solid var(--owm-orange); background: var(--owmh-tint); }
  .owmh-tld__ext { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 800 20px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  .owmh-tld__col { display: flex; flex-direction: column; align-items: flex-end; flex: none; text-align: right; }
  .owmh-tld__price { min-height: 22px; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owmh-tld--promo .owmh-tld__price { color: var(--owm-orange-text); }
  .owmh-tld__per { font: 500 13px/18px var(--owm-font); color: var(--owmh-muted); }
  /* Button / Ghost M (19:95) */
  .owm-home .owmh-ghost { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 12px; color: var(--owm-navy); }
  .owmh-ghost span { font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .owmh-ghost svg { width: 18px; height: 18px; }

  /* Feature Tile (28:216) */
  .owmh-feat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .owmh-feat { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); }
  .owmh-feat__tile { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--owmh-tint); color: var(--owm-orange-text); }
  .owmh-feat__tile svg { width: 22px; height: 22px; }
  .owmh-feat__txt { display: flex; flex-direction: column; gap: 4px; width: 100%; min-width: 0; overflow-wrap: break-word; }
  .owmh-feat__title { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owmh-feat__desc { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }

  /* Bölüm / Destek (40:2816) + List Row (29:654) */
  .owmh-sup { display: flex; flex-direction: column; overflow: hidden; padding: 20px 16px 8px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); box-shadow: 0 8px 24px rgba(22, 24, 45, .08); }
  .owmh-sup__head { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; }
  .owmh-sup__tile { display: flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 12px; background: var(--owmh-tint); color: var(--owm-orange-text); }
  .owmh-sup__tile svg { width: 24px; height: 24px; }
  .owmh-sup__txt { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; overflow-wrap: break-word; }
  .owmh-sup__title { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  .owmh-sup__sub { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-home .owmh-row { display: flex; align-items: center; gap: 12px; min-height: 64px; box-sizing: border-box; padding: 12px 0; border-top: 1px solid var(--owm-divider); }
  .owmh-row__tile { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--owm-bg); color: var(--owm-navy); }
  .owmh-row__tile svg { width: 20px; height: 20px; }
  .owmh-row--wa .owmh-row__tile { background: var(--owm-wa-tint, #effbf5); color: var(--owm-wa-ink, #11845b); }
  .owmh-row__txt { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; overflow-wrap: break-word; }
  .owmh-row__title { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owmh-row__sub { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owmh-row__chev { width: 20px; height: 20px; color: var(--owmh-muted); }

  /* ---------- SEO band: the desktop #intro texts (h1 + slide h2/p) stay visible in a compact List Row card ---------- */
  .ow-tpl-homepage #intro { padding: 0 0 40px; background: var(--owm-bg); }
  .ow-tpl-homepage #intro::before, .ow-tpl-homepage #intro .intro--slider::before, .ow-tpl-homepage #intro .intro--slider::after { display: none !important; }
  .ow-tpl-homepage #intro .main--intro { display: block; margin-top: 0 !important; }
  .ow-tpl-homepage #intro .intro--slider { padding: 4px 16px; overflow: hidden; border: 1px solid var(--owm-border); border-radius: 16px !important; background: var(--owm-surface) !important; font-family: var(--owm-font); }
  .ow-tpl-homepage #intro .slider--content .is--box { display: block !important; padding: 12px 0 !important; border-top: 1px solid var(--owm-divider); animation: none !important; }
  .ow-tpl-homepage #intro .slider--content .is--box:first-child { border-top: 0; }
  .ow-tpl-homepage #intro .is--inside { display: block !important; }
  .ow-tpl-homepage #intro .is--inside > img,
  .ow-tpl-homepage #intro .sc-timer-progress, .ow-tpl-homepage #intro .sc--tabs, .ow-tpl-homepage #intro .intro--boxes { display: none !important; }
  .ow-tpl-homepage #intro .is--inside .content .head { flex: 0 0 100%; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .ow-tpl-homepage #intro .is--inside .content .head > span { display: block; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-orange-text) !important; }
  .ow-tpl-homepage #intro .is--inside .content .head :is(h1, h2) { margin: 0 !important; font: 600 15px/22px var(--owm-font) !important; letter-spacing: 0 !important; color: var(--owm-navy) !important; -webkit-text-fill-color: currentColor !important; }
  .ow-tpl-homepage #intro .is--inside .content .head p { max-width: none !important; margin: 0 !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  .ow-tpl-homepage #intro .is--inside .content .head p.owmh-dup { display: none !important; }
  /* each slide becomes one List Row: its own "view packages" link covers the row, with the Figma chevron */
  .ow-tpl-homepage #intro .slider--content .is--box { position: relative; }
  .ow-tpl-homepage #intro .is--inside .content { position: static; display: flex; flex-wrap: wrap; column-gap: 8px; padding-right: 32px; }
  .ow-tpl-homepage #intro .is--inside .content > .row, .ow-tpl-homepage #intro .is--inside .content > .row > [class*="col"] { display: contents !important; }
  .ow-tpl-homepage #intro .is--inside .content > .row .is--feature, .ow-tpl-homepage #intro .is--inside .content > .row a:not(.is-feature-action):not([href*="play.google.com"]):not([href*="apps.apple.com"]) { display: none !important; }
  /* mobile app slide: the real store links stay, as two 44px buttons */
  .ow-tpl-homepage #intro .is--inside .content > .row :is(a[href*="play.google.com"], a[href*="apps.apple.com"]) { flex: 1 1 0; min-width: 0; width: auto !important; height: 44px !important; margin-top: 10px; padding: 0 10px !important; border-radius: 12px !important; gap: 8px !important; }
  .ow-tpl-homepage #intro .is--inside .content .is-feature-action { position: absolute !important; inset: 0; z-index: 1; display: block !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 0 !important; color: transparent !important; -webkit-tap-highlight-color: rgba(242, 113, 42, .12); }
  .ow-tpl-homepage #intro .is--inside .content .is-feature-action i { display: none !important; }
  .ow-tpl-homepage #intro .is--inside .content .is-feature-action::after { content: ""; position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-color: var(--owm-muted); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat; }
  html.oweb-dark .ow-tpl-homepage #intro .is--inside .content .is-feature-action::after { background-color: #7f88a0; }

  /* narrow phones (< 375px): keep the hero quick links and the TLD tiles on one line (TLD padding 12 as in Figma 12) */
  @media (max-width: 374.98px) {
    .owm-home .owmh-qlink { gap: 6px; padding: 0 6px; }
    .owm-home .owmh-tld { padding: 0 12px; }
    .owm-home .owmh-tld--promo { padding: 0 11.5px; }
  }

  /* tablets (600-991px, Figma is phone only): same components, more columns */
  @media (min-width: 600px) {
    .owmh-svc-grid, .owmh-tld-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .owm-home .owmh-tld--promo { grid-column: auto; }
    .owmh-feat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }

  /* ---------- dark (Figma 12, 40:2326) ---------- */
  html.oweb-dark .owmh-hero { background: transparent; overflow: visible; overflow-x: clip; }
  /* Glow 40:2327: 420px radial #f2712a 30% -> 0, centre 60px from the right edge and 70px below the hero top (shows through the translucent app bar) */
  html.oweb-dark .owmh-hero::before { top: -140px; right: 0; width: 270px; height: 420px; background-image: radial-gradient(circle 210px at 210px 210px, rgba(242, 113, 42, .3), rgba(242, 113, 42, 0)); background-size: 270px 420px; }
  html.oweb-dark .owmh-hero::after { display: none; }
  html.oweb-dark .owmh-hero__tag { gap: 8px; margin-bottom: -8px; padding: 6px 12px 6px 8px; border: 1px solid #2d3344; border-radius: 999px; background: rgba(255, 255, 255, .06); color: #faa733; }
  html.oweb-dark .owmh-hero__tag-ic { width: 16px; height: 16px; }
  html.oweb-dark .owmh-hero__tag-txt { color: #e8eaf2; }
  html.oweb-dark .owmh-hero__text { gap: 12px; }
  html.oweb-dark .owmh-hero__title { color: #e8eaf2; }
  html.oweb-dark .owmh-hero__hl { color: #f2712a; }
  html.oweb-dark .owmh-hero__desc { font-size: 16px; line-height: 24px; color: #aeb6ca; opacity: 1; }
  html.oweb-dark .owmh-dsearch { margin-top: 4px; }
  html.oweb-dark .owm-home .owmh-dsearch__input { color: #e8eaf2; }
  html.oweb-dark .owmh-hero__links { margin-top: -8px; }
  html.oweb-dark .owm-home .owmh-qlink { border-color: #2d3344; background: rgba(255, 255, 255, .06); }
  html.oweb-dark .owmh-qlink span { color: #e8eaf2; }
  html.oweb-dark .owm-home .owmh-svc--dark { background: var(--owm-surface); border-color: var(--owm-border); }
  html.oweb-dark .owmh-svc--dark .owmh-svc__tile { background: var(--owmh-tint); color: var(--owm-orange-text); }
  html.oweb-dark .owmh-svc--dark .owmh-svc__name, html.oweb-dark .owmh-svc--dark .owmh-svc__amt { color: var(--owm-navy); }
  html.oweb-dark .owmh-svc--dark .owmh-svc__sub, html.oweb-dark .owmh-svc--dark .owmh-svc__arrow { color: var(--owmh-muted); }
  html.oweb-dark .owmh-svc--dark .owmh-svc__unit { color: var(--owm-text-2); }
  html.oweb-dark .owmh-sup { box-shadow: none; }
}

/* ---- 25-sections.css ---- */
/* 25 sections (mob44): GENERIC mobile styling for the shared product-page sections (every page/* template,
   body[class*="ow-tpl-page-"]). Figma refs: Section Header 28:185, Feature Tile 28:216, Accordion Item 29:650,
   Tag 19:40, Service Tile 28:246 (dark), "Yardım Kartı" 40:1073, Check Row 28:195. Area designers can rely on / override:
     .title-heading            -> Section Header (eyebrow .top-text, title, p)    [.th-dark = on dark surface]
     :is(#info-boxes, [id^="info-boxes"]) .info--boxes  -> stat tiles (2 x 2)
     #features (dark)          -> navy section with horizontal Feature Tiles
     .accordion.faq            -> Accordion Items (one open at a time, main.js behaviour unchanged)
     .ow-seo-card / #seo-content .article--area -> article card
     #related .ow-rel-*        -> related-service cards (featured one = dark Service Tile)
     #support-box              -> help card (orange tint, icon box, WhatsApp + live chat icon buttons)
     .product--info            -> row of Tags
     #demo .demo-item          -> link cards
   Section rhythm: every body > section gets 32px top/bottom padding (Figma "Bölümler arası 32px").
   Everything is inside the mobile media query; desktop (>= 992px) is untouched. */
@media (min-width: 200px) and (max-width: 991.98px) {
  :root {
    --owm-i-chevron-down-18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
    --owm-i-chevron-up-18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15L12 9L18 15'/%3E%3C/svg%3E");
    --owm-i-check-circle-20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12.5L10.8 15.3L16 9.80005M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z'/%3E%3C/svg%3E");
    --owm-i-headset-22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.182' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15V12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12V15M4 14H7V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V14ZM20 14H17V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14Z'/%3E%3C/svg%3E");
    --owm-i-whatsapp-24: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.99995C10.4197 2.99894 8.86696 3.41406 7.49798 4.20356C6.129 4.99306 4.99204 6.12911 4.20145 7.49745C3.41085 8.8658 2.99449 10.4182 2.99423 11.9985C2.99398 13.5788 3.40984 15.1314 4.2 16.5L3 21L7.6 19.8C8.79931 20.4902 10.1416 20.8945 11.5226 20.9817C12.9036 21.0688 14.2861 20.8363 15.5626 20.3023C16.8391 19.7682 17.9753 18.9471 18.8829 17.9026C19.7905 16.858 20.445 15.6183 20.7956 14.2797C21.1462 12.9412 21.1834 11.5398 20.9043 10.1845C20.6252 8.82917 20.0374 7.55647 19.1866 6.46527C18.3357 5.37407 17.2447 4.49376 15.9983 3.89276C14.7519 3.29175 13.3837 2.98624 12 2.99995ZM9 8.20005C9 12 12 15 15.8 15L16.7 13.3L14.6 12.3L13.6 13.2C12.9672 12.9486 12.3925 12.5705 11.911 12.089C11.4295 11.6076 11.0515 11.0328 10.8 10.4L11.7 9.40005L10.7 7.30005L9 8.20005Z'/%3E%3C/svg%3E");
    --owm-i-chat-24: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9.5H16M8 12.5H13M4 5H20V16H9L4 20V5Z'/%3E%3C/svg%3E");
    --owm-i-arrow-right-18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12H19M13 18L19 12L13 6'/%3E%3C/svg%3E");
    --owm-i-check-16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5L9.5 17L19 7.5'/%3E%3C/svg%3E");
    --owm-i-arrow-up-right-20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M17 16V7H8'/%3E%3C/svg%3E");
    --owm-i-chevron-down-20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
    --owm-acc-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7089' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
    --owm-acc-u: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23C2531A' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15L12 9L18 15'/%3E%3C/svg%3E");
    --owm-sup-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23C2531A' stroke-width='2.182' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15V12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12V15M4 14H7V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V14ZM20 14H17V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14Z'/%3E%3C/svg%3E");
  }
  html.oweb-dark {
    --owm-acc-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23AEB6CA' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E");
    --owm-acc-u: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23FF9A5C' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15L12 9L18 15'/%3E%3C/svg%3E");
    --owm-sup-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23FF9A5C' stroke-width='2.182' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15V12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12V15M4 14H7V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V14ZM20 14H17V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14Z'/%3E%3C/svg%3E");
  }

  /* ---------- section rhythm ---------- */
  body[class*="ow-tpl-page-"] > section { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 32px !important; padding-bottom: 32px !important; }
  body[class*="ow-tpl-page-"] > br { display: none; }
  body[class*="ow-tpl-page-"] > section > .container-xl, body[class*="ow-tpl-page-"] > section > .container { padding-left: var(--owm-gutter) !important; padding-right: var(--owm-gutter) !important; }
  body[class*="ow-tpl-page-"] > section.bg-light { background: var(--owm-surface) !important; }
  body[class*="ow-tpl-page-"] > section .container-xl > .row { --bs-gutter-x: 16px; }

  /* ---------- Section Header (28:185) ---------- */
  body[class*="ow-tpl-page-"] .title-heading, body[class*="ow-tpl-page-"] .owm-sechead {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 20px !important; padding: 0 !important; text-align: left; font-family: var(--owm-font);
  }
  body[class*="ow-tpl-page-"] .title-heading::before, body[class*="ow-tpl-page-"] .title-heading::after { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-"] .title-heading span.top-text, body[class*="ow-tpl-page-"] .owm-sechead__eyebrow {
    display: block; margin: 0; font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; color: var(--owm-orange-text); background: none; -webkit-text-fill-color: currentColor;
  }
  body[class*="ow-tpl-page-"] .title-heading .title, body[class*="ow-tpl-page-"] .title-heading .title *,
  body[class*="ow-tpl-page-"] .title-heading > h2, body[class*="ow-tpl-page-"] .title-heading > h3, body[class*="ow-tpl-page-"] .owm-sechead__title {
    display: block; margin: 0; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); background: none; -webkit-text-fill-color: currentColor; text-transform: none;
  }
  body[class*="ow-tpl-page-"] .title-heading > h2 .title, body[class*="ow-tpl-page-"] .title-heading .title h2 { display: inline; }
  body[class*="ow-tpl-page-"] .title-heading > p { margin: 0; max-width: none; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-"] .title-heading.th-dark span.top-text { color: #ff9a5c; }
  body[class*="ow-tpl-page-"] .title-heading.th-dark .title, body[class*="ow-tpl-page-"] .title-heading.th-dark .title *,
  body[class*="ow-tpl-page-"] .title-heading.th-dark > h2, body[class*="ow-tpl-page-"] .title-heading.th-dark > h3 { color: #fff; }
  body[class*="ow-tpl-page-"] .title-heading.th-dark > p { color: #aeb6ca; font-weight: 400; }
  /* light .th-dark headers that sit on light sections (testimonial blocks etc.) keep the light text colours */
  body[class*="ow-tpl-page-"] section.bg-light .title-heading.th-dark .title { color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] section.bg-light .title-heading.th-dark > p { color: var(--owm-text-2); }

  /* ---------- :is(#info-boxes, [id^="info-boxes"]) -> stat tiles ---------- */
  body[class*="ow-tpl-page-"] > :is(#info-boxes, :is(#info-boxes, [id^="info-boxes"])) { padding-top: 0 !important; padding-bottom: 0 !important; }
  body[class*="ow-tpl-page-"] > :is(#info-boxes, :is(#info-boxes, [id^="info-boxes"])):not(.d-none) { padding-top: 20px !important; padding-bottom: 4px !important; }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .container-xl { margin: 0 !important; padding-left: var(--owm-gutter) !important; padding-right: var(--owm-gutter) !important; }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; overflow: visible; width: 100%; }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes > div {
    box-sizing: border-box; display: flex !important; flex-direction: row; align-items: center; gap: 10px !important; min-width: 0 !important; margin: 0; padding: 12px !important;
    border: 1px solid var(--owm-border); border-radius: 12px !important; background: var(--owm-surface) !important; box-shadow: none;
  }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes .icon {
    display: flex; align-items: center; justify-content: center; min-width: 0 !important; width: 18px !important; height: 18px !important; margin: 0; padding: 0; border-radius: 0 !important; background: none !important;
    font-size: 18px !important; line-height: 1; color: var(--owm-orange-text) !important;
  }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes .icon::before, body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes .icon::after { content: none; }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes .text { min-width: 0; font: 600 11px/14px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  body[class*="ow-tpl-page-"] :is(#info-boxes, [id^="info-boxes"]) .info--boxes .text > span { display: block; margin: 0; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; color: var(--owm-navy) !important; }

  /* ---------- dark #features -> navy section + horizontal Feature Tiles (28:216, dark) ---------- */
  body[class*="ow-tpl-page-"] > section#features { background: var(--owm-navy-900) !important; }
  body[class*="ow-tpl-page-"] #features::before, body[class*="ow-tpl-page-"] #features::after { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-"] #features > .border--linear, body[class*="ow-tpl-page-"] #features > .corner--icon, body[class*="ow-tpl-page-"] #features .corner--icon { display: none !important; }
  body[class*="ow-tpl-page-"] #features .title-heading .title, body[class*="ow-tpl-page-"] #features .title-heading .title *, body[class*="ow-tpl-page-"] #features .title-heading > h2 { color: #fff; }
  body[class*="ow-tpl-page-"] #features .title-heading span.top-text { color: #ff9a5c; }
  body[class*="ow-tpl-page-"] #features .title-heading > p { color: #aeb6ca; }
  body[class*="ow-tpl-page-"] #features .features--list { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0 !important; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  body[class*="ow-tpl-page-"] #features .features--list > [class*="col"] { width: auto; max-width: none; margin: 0 !important; padding: 0 !important; }
  body[class*="ow-tpl-page-"] #features .features--list .item {
    box-sizing: border-box; display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: start; height: auto; margin: 0; padding: 16px;
    border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; background: rgba(255, 255, 255, .04);
  }
  body[class*="ow-tpl-page-"] #features .features--list .item .head { display: contents; }
  body[class*="ow-tpl-page-"] #features .features--list .item .head .icon {
    grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; border-radius: 12px; background: rgba(242, 113, 42, .16) !important; font-size: 22px; color: #ff9a5c;
  }
  body[class*="ow-tpl-page-"] #features .features--list .item .head > :not(.icon), body[class*="ow-tpl-page-"] #features .features--list .item .head > :not(.icon) * {
    grid-column: 2; margin: 0; font: 600 15px/22px var(--owm-font) !important; color: #fff !important;
  }
  body[class*="ow-tpl-page-"] #features .features--list .item > p { grid-column: 2; margin: 0; font: 500 13px/18px var(--owm-font); color: #aeb6ca; }

  /* ---------- FAQ -> Accordion Item (29:650) ---------- */
  body[class*="ow-tpl-page-"] #faq .faq-list { max-width: none; margin: 0; }
  body[class*="ow-tpl-page-"] .accordion.faq { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; background: none; border-radius: 0; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] .accordion.faq .item { margin: 0 !important; overflow: hidden; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); box-shadow: none; }
  body[class*="ow-tpl-page-"] .accordion.faq .item.show { border-color: var(--owm-orange); }
  body[class*="ow-tpl-page-"] .accordion.faq .item .head {
    position: relative; display: flex; align-items: center; gap: 12px; height: auto; min-height: 56px; margin: 0; padding: 16px; border: 0 !important; background: none; cursor: pointer;
  }
  body[class*="ow-tpl-page-"] .accordion.faq .item .head > i { display: none !important; }
  body[class*="ow-tpl-page-"] .accordion.faq .item .head > :not(i), body[class*="ow-tpl-page-"] .accordion.faq .item .head > :not(i) * {
    flex: 1 1 0; min-width: 0; margin: 0; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; text-align: left;
  }
  body[class*="ow-tpl-page-"] .accordion.faq .item .head::after {
    content: ""; display: block; flex: none; width: 32px; height: 32px; border-radius: 999px; background: var(--owm-bg) var(--owm-acc-d) center / 18px 18px no-repeat;
  }
  body[class*="ow-tpl-page-"] .accordion.faq .item.show .head::after { background: var(--owm-orange-tint) var(--owm-acc-u) center / 18px 18px no-repeat; }
  body[class*="ow-tpl-page-"] .accordion.faq .item .body { padding: 0 16px 16px; border: 0 !important; background: none; }
  body[class*="ow-tpl-page-"] .accordion.faq .item .body, body[class*="ow-tpl-page-"] .accordion.faq .item .body p, body[class*="ow-tpl-page-"] .accordion.faq .item .body li {
    margin: 0; font: 400 15px/22px var(--owm-font) !important; color: var(--owm-text) !important;
  }
  body[class*="ow-tpl-page-"] .accordion.faq .item .body p + p { margin-top: 8px; }
  body[class*="ow-tpl-page-"] .accordion.faq .item .body a { color: var(--owm-orange-text); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

  /* ---------- SEO article card ---------- */
  body[class*="ow-tpl-page-"] .ow-seo-card, body[class*="ow-tpl-page-"] #seo-content .article--area {
    display: block; margin: 0; padding: 20px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); box-shadow: none; font-family: var(--owm-font);
  }
  body[class*="ow-tpl-page-"] .ow-seo-card > :first-child { margin-top: 0 !important; }
  body[class*="ow-tpl-page-"] .ow-seo-card > :last-child { margin-bottom: 0 !important; }
  body[class*="ow-tpl-page-"] .ow-seo-card h2 { margin: 24px 0 8px; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] .ow-seo-card h3, body[class*="ow-tpl-page-"] .ow-seo-card h4 { margin: 16px 0 6px; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] .ow-seo-card p, body[class*="ow-tpl-page-"] .ow-seo-card li { font: 400 15px/22px var(--owm-font); color: var(--owm-text); }
  body[class*="ow-tpl-page-"] .ow-seo-card p { margin: 0 0 12px; }
  body[class*="ow-tpl-page-"] .ow-seo-card :is(b, strong) { font-weight: 600; color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] .ow-seo-card :is(ul, ol) { margin: 0 0 12px; padding-left: 20px; }
  body[class*="ow-tpl-page-"] .ow-seo-card li { margin: 0 0 6px; }
  body[class*="ow-tpl-page-"] .ow-seo-card a { color: var(--owm-orange-text); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
  body[class*="ow-tpl-page-"] .ow-seo-card img { max-width: 100%; height: auto; border-radius: 12px; }

  /* ---------- #related -> related-service cards ---------- */
  body[class*="ow-tpl-page-"] #related .title-heading { padding-left: 0 !important; padding-right: 0 !important; }
  body[class*="ow-tpl-page-"] #related .ow-rel-grid { display: flex; flex-direction: column; gap: 12px; padding: 0; }
  body[class*="ow-tpl-page-"] #related .ow-rel-card { padding: 16px; border-radius: 16px; font-family: var(--owm-font); transform: none; }
  body[class*="ow-tpl-page-"] #related .ow-rel-head { flex-direction: row; align-items: center; gap: 12px; margin: 0 0 8px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-ico { width: 40px; height: 40px; border-radius: 12px; font-size: 20px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-t { font: 600 15px/22px var(--owm-font); }
  body[class*="ow-tpl-page-"] #related .ow-rel-d { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-"] #related .ow-rel-mini { margin-top: 12px; gap: 6px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-mini li { font: 500 13px/18px var(--owm-font); color: var(--owm-text); }
  body[class*="ow-tpl-page-"] #related .ow-rel-foot { padding-top: 12px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-link { min-height: 44px; padding-top: 12px; font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); border-top-color: var(--owm-divider); }
  body[class*="ow-tpl-page-"] #related .ow-rel-feat { padding: 16px; border-color: transparent; background: var(--owm-navy) ; }
  html:not(.oweb-dark) body[class*="ow-tpl-page-"] #related .ow-rel-feat { background: #1f2433; }
  html.oweb-dark body[class*="ow-tpl-page-"] #related .ow-rel-feat { background: #1f2433; border-color: #2d3344; }
  body[class*="ow-tpl-page-"] #related .ow-rel-feat::before { content: none; }
  body[class*="ow-tpl-page-"] #related .ow-rel-fhead { gap: 12px; margin-bottom: 8px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-feat .ow-rel-ico { width: 40px; height: 40px; border-radius: 12px; font-size: 20px; color: #faa733; background: #272c4f; box-shadow: none; }
  body[class*="ow-tpl-page-"] #related .ow-rel-eye { font: 500 13px/18px var(--owm-font); color: #8a90a6; }
  body[class*="ow-tpl-page-"] #related .ow-rel-eye::before { content: none; }
  body[class*="ow-tpl-page-"] #related .ow-rel-feat .ow-rel-t { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: #fff; }
  body[class*="ow-tpl-page-"] #related .ow-rel-lead { font: 500 13px/18px var(--owm-font); color: #aeb6ca; }
  body[class*="ow-tpl-page-"] #related .ow-rel-side { padding-top: 12px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-chips { margin: 0 0 12px; gap: 8px; }
  body[class*="ow-tpl-page-"] #related .ow-rel-chips li { padding: 4px 12px 4px 8px; border-radius: 8px; border: 0; background: rgba(255, 255, 255, .08); font: 500 13px/18px var(--owm-font); color: #e8eaf2; }
  body[class*="ow-tpl-page-"] #related .ow-rel-chips i { font-size: 14px; color: #faa733; }
  body[class*="ow-tpl-page-"] #related .ow-rel-btn { box-sizing: border-box; width: 100%; height: 44px; justify-content: center; padding: 0 20px; border-radius: 12px; font: 700 15px/20px var(--owm-font); color: #fff; }

  /* ---------- #support-box -> help card (Yardım Kartı 40:1073) ---------- */
  body[class*="ow-tpl-page-"] > #support-box { padding-top: 0 !important; }
  body[class*="ow-tpl-page-"] #support-box .container-xl::after, body[class*="ow-tpl-page-"] #support-box .container-xl::before { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box {
    display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 16px !important; border: 0; border-radius: 16px !important; background: var(--owm-orange-tint) !important; box-shadow: none; font-family: var(--owm-font);
  }
  body[class*="ow-tpl-page-"] #support-box .product-support-box::before { content: none !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box > div:first-child { flex: 1 1 0; min-width: 0; width: auto !important; display: flex; align-items: center; gap: 12px !important; margin: 0 !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box > div:first-child::before {
    content: ""; display: block; flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--owm-surface) var(--owm-sup-ic) center / 22px 22px no-repeat;
  }
  body[class*="ow-tpl-page-"] #support-box .support--img { display: none !important; }
  body[class*="ow-tpl-page-"] #support-box .title-text { flex: 1 1 0; min-width: 0; width: auto !important; text-align: left !important; line-height: normal; }
  body[class*="ow-tpl-page-"] #support-box .title-text > span { display: block; margin: 0; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  body[class*="ow-tpl-page-"] #support-box .title-text > p { margin: 0 !important; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box > div.gap-2 { flex: none; flex-direction: row !important; gap: 8px !important; width: auto !important; margin: 0 !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box .btn {
    position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 44px !important; min-width: 44px !important; height: 44px !important; margin: 0; padding: 0 !important;
    border: 0 !important; border-radius: 12px !important; background: var(--owm-surface) !important; color: var(--owm-orange-text) !important; box-shadow: none;
  }
  body[class*="ow-tpl-page-"] #support-box .product-support-box .btn.btn-whatsapp { background: var(--owm-grad) !important; color: #fff !important; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box .btn .text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  body[class*="ow-tpl-page-"] #support-box .product-support-box .btn i { margin: 0 !important; font-size: 22px; line-height: 1; color: inherit !important; }

  /* ---------- .product--info -> Tags ---------- */
  body[class*="ow-tpl-page-"] .product--info { display: flex; flex-direction: row !important; flex-wrap: wrap; justify-content: flex-start; gap: 8px !important; margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  body[class*="ow-tpl-page-"] .product--info .item {
    display: inline-flex; align-items: center; gap: 4px; width: auto !important; margin: 0; padding: 4px 12px 4px 8px !important; border: 1px solid var(--owm-border) !important; border-radius: 8px !important;
    background: var(--owm-surface) !important; font: 500 13px/18px var(--owm-font); color: var(--owm-text); white-space: nowrap;
  }
  body[class*="ow-tpl-page-"] .product--info .item i { font-size: 14px; color: var(--owm-orange-text); }

  /* ---------- #demo -> link cards ---------- */
  body[class*="ow-tpl-page-"] #demo .row { --bs-gutter-y: 12px; }
  body[class*="ow-tpl-page-"] #demo .demo-item { padding: 16px !important; border: 1px solid var(--owm-border); border-radius: 16px !important; background: var(--owm-surface) !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] #demo .demo-item .row { --bs-gutter-x: 12px; align-items: center; }
  body[class*="ow-tpl-page-"] #demo .demo-item .row > :first-child { flex: 0 0 auto; width: 72px; }
  body[class*="ow-tpl-page-"] #demo .demo-item .row > :last-child { flex: 1 1 0; width: auto; min-width: 0; }
  body[class*="ow-tpl-page-"] #demo .demo-item .logo img { display: block; max-width: 100%; height: auto; }
  body[class*="ow-tpl-page-"] #demo .demo-item .text > span { display: block; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] #demo .demo-item .text p { margin: 2px 0 4px !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  body[class*="ow-tpl-page-"] #demo .demo-item .btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0 0 -10px; padding: 0 !important; border: 0; background: none !important; font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text) !important; box-shadow: none; }
  body[class*="ow-tpl-page-"] #demo .demo-item .btn i { font-size: 18px; }

  /* ---------- mobile tab dropdowns (.tabs-m-head) -> Text Input look ---------- */
  body[class*="ow-tpl-page-"] .tabsArea.tabs-mobile .tabs-m-head { box-sizing: border-box; min-height: 56px; padding: 6px 12px 6px 6px; border: 1px solid var(--owm-border); border-radius: 12px; background: var(--owm-surface) !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] .tabsArea.tabs-mobile .tabs-m-head .icon { min-width: 40px; width: 40px; height: 40px; border-radius: 8px; background: var(--owm-orange-tint); font-size: 18px; color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-"] .tabsArea.tabs-mobile .tabs-m-head .detail span.title { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-"] .tabsArea.tabs-mobile .tabs-m-head .detail span.value { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }

  /* ---------- promo banner (.bg-linear card, e.g. "Ücretsiz taşıma") ---------- */
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear { padding: 20px !important; border-radius: 16px !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear > img.position-absolute, body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear > div.position-absolute { display: none; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .row > [class*="col-lg-8"] { margin: 0 0 20px !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .row > [class*="col-lg-4"] > .btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; margin: 0; padding: 0 24px !important; border-radius: 12px !important; font: 700 16px/20px var(--owm-font) !important; color: var(--owm-orange-text) !important; box-shadow: none !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .row { --bs-gutter-x: 0; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .row > [class*="col-lg-7"] { margin: 0 !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .row > [class*="col-lg-5"] { display: none; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .badge { display: inline-flex; margin: 0 0 12px !important; padding: 4px 8px !important; border-radius: 8px; font: 700 12px/16px var(--owm-font) !important; letter-spacing: .6px; text-transform: uppercase; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear h2 { margin: 0 0 8px !important; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: #fff; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear p { margin: 0 0 20px !important; font: 400 15px/22px var(--owm-font) !important; color: #fff; opacity: .92; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .d-flex.flex-wrap { flex-direction: column; gap: 12px !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .d-flex.flex-wrap > .btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; margin: 0; padding: 0 24px !important; border-radius: 12px; font: 700 16px/20px var(--owm-font) !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .d-flex.flex-wrap > .btn.bg-white { color: var(--owm-orange-text) !important; box-shadow: none !important; }
  body[class*="ow-tpl-page-"] > section > .container-xl > .bg-linear .d-flex.flex-wrap > .btn-outline-light { border: 1.5px solid #fff !important; background: transparent; color: #fff !important; }

  /* ---------- feature split sections (#advanced-features and similar: badge + h2 + p + icon items) ---------- */
  body[class*="ow-tpl-page-"] #advanced-features .position-relative > .position-absolute { display: none; }
  body[class*="ow-tpl-page-"] #advanced-features .position-relative > img { border-radius: 16px !important; box-shadow: none !important; }
  body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > .badge, body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > div > .badge:not(.bg-linear) {
    display: block; margin: 0 0 8px !important; padding: 0 !important; background: none !important; border-radius: 0; font: 700 12px/16px var(--owm-font) !important; letter-spacing: .6px; text-transform: uppercase; color: var(--owm-orange-text) !important; text-align: left; white-space: normal;
  }
  body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > h2, body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > div > h2 { margin: 0 0 8px !important; font: 700 22px/28px var(--owm-font) !important; letter-spacing: -.3px; }
  body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > h2 br { display: none; }
  body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > p, body[class*="ow-tpl-page-"] > section .row > [class*="col-lg-6"] > div > p { margin: 0 0 20px !important; font: 400 15px/22px var(--owm-font) !important; }
  body[class*="ow-tpl-page-"] #advanced-features .row.g-4 { --bs-gutter-y: 12px; margin-top: 0; }
  body[class*="ow-tpl-page-"] #advanced-features .row.g-4 > [class*="col"] > .d-flex {
    gap: 16px !important; padding: 16px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface);
  }
  body[class*="ow-tpl-page-"] > section .icon-box { display: flex; flex: none; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; border-radius: 12px !important; background: var(--owm-orange-tint) !important; font-size: 22px !important; color: var(--owm-orange-text) !important; }
  body[class*="ow-tpl-page-"] > section .icon-box i { font-size: 22px !important; color: inherit !important; }
  body[class*="ow-tpl-page-"] > section .d-flex > div > h3, body[class*="ow-tpl-page-"] > section .d-flex > div > .h5 { margin: 0 0 4px !important; font: 600 15px/22px var(--owm-font) !important; }
  body[class*="ow-tpl-page-"] > section .d-flex > div > h3 + p, body[class*="ow-tpl-page-"] > section .d-flex > div > .h5 + p { margin: 0 !important; font: 500 13px/18px var(--owm-font) !important; }
  body[class*="ow-tpl-page-"] #advanced-features .d-flex > div > h3 { color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] #advanced-features .d-flex > div > h3 + p { color: var(--owm-text-2) !important; }
  /* the same items on dark sections */
  body[class*="ow-tpl-page-"] > section[style*="background"]:not([style*="#fff"]):not([style*="#f8f9fa"]) .icon-box { background: rgba(242, 113, 42, .16) !important; color: #ff9a5c !important; }
  body[class*="ow-tpl-page-"] > section[style*="background"]:not([style*="#fff"]):not([style*="#f8f9fa"]) .d-flex > div > .h5 + p, body[class*="ow-tpl-page-"] > section[style*="background"]:not([style*="#fff"]):not([style*="#f8f9fa"]) .text-white-50 { color: #aeb6ca !important; }

  /* ---------- testimonials ---------- */
  body[class*="ow-tpl-page-"] #testimonials .corner--icon { display: none !important; }
  body[class*="ow-tpl-page-"] .testimonials-carousel .item > .bg-white { padding: 16px !important; border: 1px solid var(--owm-border); border-radius: 16px !important; box-shadow: none !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] .testimonials-carousel .item .h5 { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] .testimonials-carousel .item small { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2) !important; }
  body[class*="ow-tpl-page-"] .testimonials-carousel .item p { font: 400 15px/22px var(--owm-font); color: var(--owm-text) !important; }

  /* ---------- bare section headings (section > .heading: h2.h-title + p.h-desc) -> Section Header ---------- */
  body[class*="ow-tpl-page-"] > section > .heading { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0 var(--owm-gutter); text-align: left !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] > section > .heading > h2, body[class*="ow-tpl-page-"] > section > .heading > .h-title { margin: 0; font: 700 22px/28px var(--owm-font) !important; letter-spacing: -.3px; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] > section > .heading > p, body[class*="ow-tpl-page-"] > section > .heading > .h-desc { margin: 0; max-width: none; font: 400 15px/22px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  /* a heading-only section flows straight into the next one */
  body[class*="ow-tpl-page-"] > section:has(> .heading:only-child) { padding-bottom: 0 !important; }
  body[class*="ow-tpl-page-"] > section:has(> .heading:only-child) + section { padding-top: 20px !important; }

  /* ---------- #extra-solutions -> link cards ---------- */
  body[class*="ow-tpl-page-"] #extra-solutions > img { display: none; }
  body[class*="ow-tpl-page-"] #extra-solutions .row.g-4 { --bs-gutter-y: 12px; --bs-gutter-x: 0; margin: 0; }
  body[class*="ow-tpl-page-"] #extra-solutions .row.g-4 > [class*="col"] { padding: 0; }
  body[class*="ow-tpl-page-"] #extra-solutions .row.g-4 > [class*="col"] > div { position: relative; padding: 16px !important; border: 1px solid var(--owm-border); border-radius: 16px !important; background: var(--owm-surface) !important; box-shadow: none !important; transform: none !important; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] #extra-solutions .row.align-items-center { --bs-gutter-x: 12px; }
  body[class*="ow-tpl-page-"] #extra-solutions .row.align-items-center > .col-5 { flex: 0 0 auto; width: 96px; }
  body[class*="ow-tpl-page-"] #extra-solutions .row.align-items-center > .col-7 { flex: 1 1 0; width: auto; min-width: 0; }
  body[class*="ow-tpl-page-"] #extra-solutions h3 { margin: 0 0 4px !important; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] #extra-solutions p { margin: 0 0 12px !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  body[class*="ow-tpl-page-"] #extra-solutions .btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px !important; border: 1.5px solid var(--owm-orange) !important; border-radius: 12px; background: var(--owm-surface) !important; font: 700 15px/20px var(--owm-font) !important; color: var(--owm-orange-text) !important; box-shadow: none !important; }
  body[class*="ow-tpl-page-"] #extra-solutions .badge { margin: 12px !important; padding: 4px 8px; border-radius: 999px; background: var(--owm-ok-tint) !important; font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; color: var(--owm-ok-ink) !important; }

  /* ---------- .features-boxed-list (icon + text boxes) -> compact 2-column icon list ---------- */
  body[class*="ow-tpl-page-"] .features-boxed-list { padding: 0 !important; margin: 0 0 20px !important; }
  body[class*="ow-tpl-page-"] .features-boxed-list ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; padding: 0; }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li { display: flex; align-items: flex-start; gap: 8px; width: auto; margin: 0; padding: 4px 0; border: 0; border-radius: 0; background: none; }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li .icon { display: flex; flex: none; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 22px; margin: 0; padding: 0; border: 0; background: none; font-size: 18px; color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li .icon::after, body[class*="ow-tpl-page-"] .features-boxed-list ul li .icon::before { content: none; }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li .icon i { color: inherit; font-size: 18px; }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li .icon i.cl-success { color: var(--owm-ok-icon); }
  body[class*="ow-tpl-page-"] .features-boxed-list ul li > span { min-width: 0; padding: 0; border: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text); }

  /* ---------- #steps-view (numbered steps beside a photo) ---------- */
  body[class*="ow-tpl-page-"] #steps-view .row > [class*="col"]:has(.steps--image) { display: none; }
  body[class*="ow-tpl-page-"] #steps-view .container-xl > .row { --bs-gutter-x: 0; }
  body[class*="ow-tpl-page-"] #steps-view .steps--content::after { content: none; }
  body[class*="ow-tpl-page-"] #steps-view .steps--content .head { margin: 0 0 20px; }
  body[class*="ow-tpl-page-"] #steps-view .steps--content .head h2 { margin: 0 0 8px; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] #steps-view .steps--content .head p { margin: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-"] #steps-view .steps--items { gap: 8px; }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item { padding: 16px 16px 16px 20px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item::before { left: 0; top: 16px; bottom: 16px; width: 4px; border-radius: 0 4px 4px 0; }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item.show { border-color: var(--owm-orange); }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item span { margin: 0; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item.show span { color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-"] #steps-view .steps--items .item p { margin: 4px 0 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text); }

  /* ---------- light content sections: typography baseline ---------- */
  body[class*="ow-tpl-page-"] > section h2:not(.ow-h):not([class*="owm-"]) { font-family: var(--owm-font); }
  body[class*="ow-tpl-page-"] > section img { max-width: 100%; height: auto; }

  /* ---------- QA: #hosting-details feature tabs -> Chip row (19:51) + content card (hosting pages) ---------- */
  body[class*="ow-tpl-page-"] #hosting-details .hosting--content > .p-4.pt-2 { padding: 32px 0 0 !important; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile { padding: 0 !important; background: none !important; border: 0; box-shadow: none; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabs-m-head { display: none !important; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead { display: flex !important; flex-wrap: wrap; gap: 8px; height: auto !important; margin: 0 0 16px !important; padding: 0 !important; overflow: visible !important; border: 0; border-radius: 0; background: none !important; box-shadow: none; opacity: 1 !important; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead .item { position: relative; box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 8px; width: auto; height: 40px; margin: 0; padding: 0 16px !important; border: 1px solid var(--owm-border); border-radius: 999px !important; background: var(--owm-surface); box-shadow: none; font: 600 14px/20px var(--owm-font) !important; color: var(--owm-text); white-space: nowrap; cursor: pointer; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead .item::after { content: ""; position: absolute; left: -4px; right: -4px; top: -3px; bottom: -3px; border: 0; background: none; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead .item i { display: none; }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead .item.active { padding: 0 16px 0 12px !important; border: 1.5px solid var(--owm-orange); background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-"] #hosting-details .tabsArea.tabs-mobile .tabHead .item.active::before { content: ""; display: block; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--owm-i-check-16) center / 16px 16px no-repeat; mask: var(--owm-i-check-16) center / 16px 16px no-repeat; }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent { margin: 0; padding: 0; background: none; }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 16px; border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: var(--owm-shadow); }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem > .row > * { width: 100%; max-width: none; margin: 0; padding: 0; }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem img { display: block; width: 100%; height: auto; border-radius: var(--owm-r-ctl); }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem span.fs-3 { display: block; margin: 0; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem p { margin: 8px 0 0 !important; font: 400 15px/22px var(--owm-font) !important; color: var(--owm-text) !important; }
  html.oweb-dark body[class*="ow-tpl-page-"] #hosting-details .tabContent .tabitem > .row { border: 1px solid var(--owm-border); box-shadow: none; }

  /* ---------- QA: icon-font classes the live templates use but font.css does not define (empty icon tiles) -> nearest existing glyph ---------- */
  .eg-code-s-slash-line::before { content: "\eb10"; }
  .eg-code-line::before { content: "\eb0f"; }
  .eg-folder-2-fill::before { content: "\ed35"; }
  .eg-database-fill::before { content: "\eba7"; }
  .eg-plane-fill::before { content: "\f1ad"; }
  .eg-speed-fill::before, .eg-speed-mini-fill::before { content: "\f280"; }
  .eg-speed-line::before { content: "\e903"; }
  .eg-customer-service-line::before { content: "\eb9b"; }
  .eg-check-circle-fill::before { content: "\ead9"; }
  .eg-bar-chart-fill::before { content: "\e9c8"; }
  .eg-magic-wand-fill::before { content: "\ef3c"; }
  .eg-terminal-box-fill::before { content: "\eb08"; }
  .eg-pulse-line::before { content: "\e9d1"; }

  /* QA: carousel dots -> 44px tap targets (dot itself unchanged) */
  body[class*="ow-tpl-page-"] .owl-dots .owl-dot { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; margin: 0 !important; padding: 0 !important; }
}

/* ---- 30-plans.css ---- */
/* 30 plans (mob44): hosting-family plan pages - Figma 03 Web Hosting 39:780 (hero, Paketler, Tüm paketlerde dahil)
   + 04 Paket Detayı bottom sheet 40:1880. Components: Plan Card 29:473, Spec Row 28:189, Segmented Control 22:564,
   Chip 19:51, Badge 19:16, Tag 19:40, List Row 29:654, Bottom Sheet 31:477, Sticky Bottom CTA Bar 31:465.
   Markup is built by work/js/30-plans.js (class owm-*, d-lg-none). Everything is inside the mobile media query. */
@media (min-width: 200px) and (max-width: 991.98px) {
  :root {
    --owm-ok-tint: #effbf5;
    --owm-ok-ink: #11845b;
    --owm-ok-icon: #20bd80;
    --owm-seg-bg: var(--owm-divider);
    --owm-seg-on: var(--owm-surface);
    --owm-card-shadow: 0 8px 24px rgba(22, 24, 45, .08);
    --owm-orange-shadow: 0 8px 20px rgba(242, 113, 42, .28);
    --owm-i-shield-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12L11 14L15 10M12 3L5 6V11C5 15.4 8 19.3 12 21C16 19.3 19 15.4 19 11V6L12 3Z'/%3E%3C/svg%3E");
    --owm-i-cloud-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V11M14.5 13.5L12 11L9.5 13.5M7 19.0001C5.80653 19.0796 4.63033 18.6818 3.73015 17.8942C2.82998 17.1065 2.27956 15.9935 2.2 14.8001C2.12043 13.6066 2.51823 12.4304 3.30589 11.5302C4.09354 10.63 5.20653 10.0796 6.4 10.0001C6.67971 8.70248 7.38182 7.53428 8.39639 6.67837C9.41097 5.82245 10.6807 5.32713 12.0069 5.26997C13.333 5.21281 14.6407 5.59703 15.7252 6.36247C16.8096 7.12791 17.6097 8.23136 18 9.50006C19.2598 9.56637 20.4416 10.1304 21.2855 11.0681C22.1294 12.0058 22.5663 13.2403 22.5 14.5001C22.4337 15.7598 21.8697 16.9417 20.932 17.7856C19.9943 18.6295 18.7598 19.0664 17.5 19.0001H7Z'/%3E%3C/svg%3E");
    --owm-i-transfer-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8H18L14.5 4.5M20 16H6L9.5 19.5'/%3E%3C/svg%3E");
    --owm-i-headset-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15V12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12V15M4 14H7V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V14ZM20 14H17V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14Z'/%3E%3C/svg%3E");
    --owm-i-zap-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L4 14H11L10 21L19 10H12L13 3Z'/%3E%3C/svg%3E");
    --owm-i-check-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5L9.5 17L19 7.5'/%3E%3C/svg%3E");
    --owm-i-file-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7L14 3H7C6.73478 3 6.48043 3.10536 6.29289 3.29289C6.10536 3.48043 6 3.73478 6 4V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7ZM14 3V7H18M9 12H15M9 16H13'/%3E%3C/svg%3E");
    --owm-i-disk-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13H21M21 13V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V13L5.5 5.6C5.58998 5.15818 5.82661 4.75972 6.1715 4.46928C6.5164 4.17885 6.94931 4.01348 7.4 4H16.6C17.0507 4.01348 17.4836 4.17885 17.8285 4.46928C18.1734 4.75972 18.41 5.15818 18.5 5.6L21 13ZM7 16.5H7.01M11 16.5H11.01'/%3E%3C/svg%3E");
    --owm-i-globe-14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H15.8M12 21C7.02944 21 3 16.9706 3 12M12 21C14.5 18.4 15.8 15.4 15.8 12M12 21C9.5 18.4 8.2 15.4 8.2 12M3 12C3 7.02944 7.02944 3 12 3M3 12H8.2M12 3C14.5 5.6 15.8 8.6 15.8 12M12 3C9.5 5.6 8.2 8.6 8.2 12M8.2 12H15.8'/%3E%3C/svg%3E");
    --owm-ring: url("data:image/svg+xml,%3Csvg width='201.712' height='210' viewBox='0 0 201.712 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.12' d='M185.309 172.643C170.571 190.14 150.522 202.345 128.211 207.403C105.9 212.46 82.5482 210.092 61.7065 200.659C40.8648 191.227 23.6739 175.245 12.7484 155.146C1.82284 135.047 -2.2395 111.929 1.17918 89.3091C4.59785 66.6892 15.3105 45.8046 31.6878 29.8317C48.0651 13.8588 69.2109 3.67155 91.9093 0.819383C114.608 -2.03278 137.616 2.60617 157.436 14.0307C177.256 25.4553 192.803 43.0402 201.712 64.1112L176.567 74.7423C169.974 59.1498 158.47 46.1369 143.803 37.6828C129.136 29.2286 112.11 25.7958 95.3129 27.9064C78.5161 30.017 62.8682 37.5555 50.749 49.3755C38.6298 61.1954 30.7024 76.65 28.1726 93.3888C25.6428 110.128 28.6489 127.235 36.7338 142.108C44.8187 156.982 57.54 168.808 72.9628 175.788C88.3857 182.768 105.666 184.52 122.176 180.778C138.686 177.036 153.523 168.004 164.428 155.056L185.309 172.643Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0.00013867' y1='105' x2='210' y2='105' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2712A'/%3E%3Cstop offset='1' stop-color='%23FAA733'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
  html.oweb-dark {
    --owm-ok-tint: rgba(32, 189, 128, .14);
    --owm-ok-ink: #20bd80;
    --owm-seg-bg: #222734;
    --owm-seg-on: #2d3344;
    --owm-card-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  }

  .owm-pl-hide { display: none !important; }
  .owm-ic { display: block; flex: none; }

  /* ---------- compact hero (03 Hero 39:806) ---------- */
  #intro-double.owm-hero { position: relative; z-index: 1; overflow: hidden; padding: 20px 0 28px !important; margin: 0 !important; background: var(--owm-surface); }
  #intro-double.owm-hero::before { content: ""; position: absolute; top: -78px; right: -82px; left: auto; bottom: auto; width: 201.712px; height: 210px; margin-right: 8.29px; background: var(--owm-ring) no-repeat center / 100% 100%; opacity: 1; z-index: 0; pointer-events: none; }
  #intro-double.owm-hero > .container-xl { position: relative; z-index: 1; }
  #intro-double.owm-hero .intro--double { display: block; margin: 0; }
  #intro-double.owm-hero .intro--content { display: block; min-height: 0; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  #intro-double.owm-hero .intro--content::before, #intro-double.owm-hero .intro--content::after,
  #intro-double.owm-hero .content--area .heading::before { content: none; display: none; }
  #intro-double.owm-hero .img--area, #intro-double.owm-hero .intro--counter,
  #intro-double.owm-hero .content--area > p.description, #intro-double.owm-hero .content--area > .action { display: none !important; }
  #intro-double.owm-hero .content--area { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
  #intro-double.owm-hero .content--area .heading { display: flex; flex-direction: column; gap: 16px; margin: 0; line-height: normal; width: 100%; }
  #intro-double.owm-hero .content--area .heading h1 { order: 1; margin: 0; font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; color: var(--owm-navy); }
  #intro-double.owm-hero .content--area .heading h1 * { font: inherit; color: inherit; }
  /* "Başlangıç Fiyatı" row: ₺71,32 + "…başlayan fiyatlarla" */
  #intro-double.owm-hero .heading .top--title.owm-hero-price { order: 2; display: block; margin: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
  #intro-double.owm-hero .heading .top--title.owm-hero-price [data-price-item] { margin-right: 4px; font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; color: var(--owm-navy) !important; -webkit-text-fill-color: currentColor !important; }
  /* text-only top line becomes the orange Tag (19:40) above the title */
  #intro-double.owm-hero .heading .top--title.owm-hero-eyebrow { order: 0; align-self: flex-start; }
  #intro-double.owm-hero .heading .top--title.owm-hero-eyebrow,
  .owm-hero .owm-htag, #kep-hero.owm-hero .kh-eye, #gws-hero.owm-hero .gh-eye {
    display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 4px 12px 4px 8px; border-radius: 8px; background: var(--owm-orange-tint);
    font: 500 13px/18px var(--owm-font); letter-spacing: 0; text-transform: none; color: var(--owm-orange-text); -webkit-text-fill-color: currentColor; white-space: nowrap;
  }
  #intro-double.owm-hero .heading .top--title.owm-hero-eyebrow::before, #kep-hero.owm-hero .kh-eye::before, #gws-hero.owm-hero .gh-eye::before {
    content: ""; display: block; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--owm-i-zap-14) center / 100% 100% no-repeat; mask: var(--owm-i-zap-14) center / 100% 100% no-repeat;
  }
  .owm-hero .owm-htag .owm-ic { color: var(--owm-orange-text); }
  /* "Öne Çıkanlar" neutral Tags with icons */
  #intro-double.owm-hero .content--area .features { padding: 0; margin: 0; width: 100%; }
  #intro-double.owm-hero .content--area .features ul,
  #kep-hero.owm-hero .kh-feats, #gws-hero.owm-hero .gh-feats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; grid-template-columns: none; }
  #intro-double.owm-hero .content--area .features ul li,
  #kep-hero.owm-hero .kh-feats li, #gws-hero.owm-hero .gh-feats li {
    display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 4px 12px 4px 8px; border: 0; border-radius: 8px; background: var(--owm-bg);
    font: 500 13px/18px var(--owm-font); color: var(--owm-text); white-space: nowrap;
  }
  #intro-double.owm-hero .content--area .features ul li::before,
  #kep-hero.owm-hero .kh-feats li::before, #gws-hero.owm-hero .gh-feats li::before {
    content: ""; display: block; flex: none; width: 14px; height: 14px; margin: 0; font-size: 0; background: var(--owm-orange-text); color: var(--owm-orange-text);
    -webkit-mask: var(--owm-i-check-14) center / 100% 100% no-repeat; mask: var(--owm-i-check-14) center / 100% 100% no-repeat;
  }
  #kep-hero.owm-hero .kh-feats li > i, #gws-hero.owm-hero .gh-feats li > i { display: none; }
  .owm-hero li[data-owm-ic="shield"]::before { -webkit-mask-image: var(--owm-i-shield-14) !important; mask-image: var(--owm-i-shield-14) !important; }
  .owm-hero li[data-owm-ic="cloud"]::before { -webkit-mask-image: var(--owm-i-cloud-14) !important; mask-image: var(--owm-i-cloud-14) !important; }
  .owm-hero li[data-owm-ic="transfer"]::before { -webkit-mask-image: var(--owm-i-transfer-14) !important; mask-image: var(--owm-i-transfer-14) !important; }
  .owm-hero li[data-owm-ic="headset"]::before { -webkit-mask-image: var(--owm-i-headset-14) !important; mask-image: var(--owm-i-headset-14) !important; }
  .owm-hero li[data-owm-ic="zap"]::before { -webkit-mask-image: var(--owm-i-zap-14) !important; mask-image: var(--owm-i-zap-14) !important; }
  .owm-hero li[data-owm-ic="file"]::before { -webkit-mask-image: var(--owm-i-file-14) !important; mask-image: var(--owm-i-file-14) !important; }
  .owm-hero li[data-owm-ic="disk"]::before { -webkit-mask-image: var(--owm-i-disk-14) !important; mask-image: var(--owm-i-disk-14) !important; }
  .owm-hero li[data-owm-ic="globe"]::before { -webkit-mask-image: var(--owm-i-globe-14) !important; mask-image: var(--owm-i-globe-14) !important; }

  /* kurumsal e-posta / Google Workspace heroes share the compact layout */
  .owm-hero--alt { position: relative; z-index: 1; overflow: hidden; padding: 20px 0 28px !important; margin: 0 !important; background: var(--owm-surface) !important; }
  .owm-hero--alt::before { content: ""; position: absolute; top: -78px; right: -82px; width: 201.712px; height: 210px; margin-right: 8.29px; background: var(--owm-ring) no-repeat center / 100% 100%; z-index: 0; pointer-events: none; }
  .owm-hero--alt > .container-xl { position: relative; z-index: 1; }
  #kep-hero.owm-hero .kh-grid, #gws-hero.owm-hero .gh-grid { display: block; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
  #kep-hero.owm-hero .kh-main, #gws-hero.owm-hero .gh-main { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; overflow: visible; }
  #kep-hero.owm-hero .kh-main::after, #gws-hero.owm-hero .gh-main::after, #kep-hero.owm-hero .kh-main::before, #gws-hero.owm-hero .gh-main::before { content: none; display: none; }
  #kep-hero.owm-hero .kh-main > *, #gws-hero.owm-hero .gh-main > * { margin: 0; }
  #kep-hero.owm-hero h1, #gws-hero.owm-hero h1 { margin: 0; font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; color: var(--owm-navy); }
  #kep-hero.owm-hero .kh-desc, #kep-hero.owm-hero .kh-actions, #kep-hero.owm-hero .kh-panel,
  #gws-hero.owm-hero .gh-desc, #gws-hero.owm-hero .gh-actions, #gws-hero.owm-hero .gh-panel { display: none !important; }
  .owm-hprice { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; }
  .owm-hprice .owm-hprice__p { font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; color: var(--owm-navy); }
  .owm-hprice .owm-hprice__u { font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  .owm-hprice .owm-hprice__cap { flex-basis: 100%; margin-top: 2px; font: 500 13px/18px var(--owm-font); color: var(--owm-muted); }

  /* ---------- Paketler section (39:840) ---------- */
  section.owm-plsec { padding: 32px 0 !important; margin: 0 !important; background: var(--owm-bg) !important; }
  section.owm-plsec > .container-xl, section.owm-plsec > .container-xl.pt-2 { padding-top: 0 !important; }
  section.owm-plsec .title-heading { margin-top: 0 !important; }
  section.owm-plsec .title-heading + .owm-plctl, section.owm-plsec .owm-plctl { margin: 0 0 20px; }
  .owm-plctl { display: flex; flex-direction: column; gap: 12px; font-family: var(--owm-font); }

  /* Segmented Control 22:564 + Segment 22:509 */
  .owm-seg { box-sizing: border-box; display: flex; align-items: stretch; gap: 4px; width: 100%; padding: 4px; border-radius: 12px; background: var(--owm-seg-bg); }
  .owm-seg .owm-seg__btn { position: relative; box-sizing: border-box; flex: 1 1 auto; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 40px; margin: 0; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; cursor: pointer;
    font: 600 14px/20px var(--owm-font); color: var(--owm-text-2); text-align: center; -webkit-tap-highlight-color: transparent; }
  .owm-seg .owm-seg__btn::after { content: ""; position: absolute; left: -2px; right: -2px; top: -2px; bottom: -2px; }
  .owm-seg .owm-seg__t { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .owm-seg .owm-seg__btn.is-active { background: var(--owm-seg-on); color: var(--owm-navy); box-shadow: 0 1px 3px rgba(22, 24, 45, .1), 0 1px 2px rgba(22, 24, 45, .06); }
  .owm-seg .owm-seg__btn:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 1px; }
  .owm-seg .owm-seg__tag { flex: none; padding: 2px 6px; border-radius: 999px; background: var(--owm-ok-tint); font: 800 11px/14px var(--owm-font); color: var(--owm-ok-ink); }
  .owm-seg--fit .owm-seg__btn { flex: 1 1 0; flex-wrap: wrap; align-content: center; gap: 2px 4px; padding: 4px; }
  .owm-seg--fit .owm-seg__t { white-space: normal; overflow: visible; font-size: 13px; line-height: 16px; }
  .owm-seg--wrap .owm-seg__btn { flex: 1 1 0; }
  .owm-seg--wrap .owm-seg__t { white-space: normal; line-height: 18px; overflow: visible; }

  /* Lokasyon row + Chip 19:51 */
  .owm-plloc { display: flex; align-items: center; gap: 8px; }
  .owm-plloc__l { flex: 1 1 0; min-width: 0; font: 600 14px/20px var(--owm-font); color: var(--owm-text-2); }
  .owm-plloc__chips { display: flex; flex: none; gap: 8px; }
  .owm-chip { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--owm-border); border-radius: 999px; background: var(--owm-surface); cursor: pointer;
    font: 600 14px/20px var(--owm-font); color: var(--owm-text); white-space: nowrap; -webkit-tap-highlight-color: transparent; }
  .owm-chip::after { content: ""; position: absolute; left: -4px; right: -4px; top: -3px; bottom: -3px; }
  .owm-chip .owm-chip__ic { display: none; }
  .owm-chip.is-active { padding: 0 16px 0 12px; border: 1.5px solid var(--owm-orange); background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  .owm-chip.is-active .owm-chip__ic { display: block; }
  .owm-chip:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* ---------- Plan Card 29:473 ---------- */
  .owm-plans { display: flex; flex-direction: column; gap: 20px; font-family: var(--owm-font); }
  .owm-plans__cards { display: flex; flex-direction: column; gap: 16px; }
  .owm-plan { box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; width: 100%; margin: 0; padding: 20px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); box-shadow: var(--owm-card-shadow); text-align: left; }
  .owm-plan.owm-plan--feat { border: 2px solid var(--owm-orange); padding: 20px; }
  .owm-plan__head { display: flex; align-items: flex-start; gap: 12px; }
  .owm-plan__tg { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .owm-plan__name { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); overflow-wrap: anywhere; }
  .owm-plan__tagline { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-topbadge { display: inline-flex; flex: none; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 999px; background: var(--owm-grad); color: #fff;
    font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; white-space: nowrap; }
  .owm-disc { display: inline-flex; flex: none; align-items: center; padding: 4px 8px; border-radius: 999px; background: var(--owm-ok-tint);
    font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; color: var(--owm-ok-ink); white-space: nowrap; }
  .owm-plan__price { display: flex; flex-direction: column; gap: 4px; }
  .owm-plan__oldrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .owm-plan__old { font: 400 15px/22px var(--owm-font); color: var(--owm-muted); white-space: nowrap; }
  .owm-plan__row { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; }
  .owm-plan__amt { display: flex; align-items: baseline; gap: 4px; min-width: 0; white-space: nowrap; }
  .owm-plan__now { font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; color: var(--owm-navy); }
  .owm-plan__per { font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  .owm-plan__vat { flex: none; font: 500 13px/18px var(--owm-font); color: var(--owm-muted); white-space: nowrap; }
  .owm-plan__unit { display: flex; align-items: center; gap: 4px; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-plan__unit .owm-ic { color: var(--owm-muted); }

  /* Spec Row 28:189 */
  .owm-specs { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
  .owm-spec { display: flex; align-items: center; gap: 12px; min-height: 36px; margin: 0; padding: 0; }
  .owm-specs--sheet .owm-spec { min-height: 32px; }
  .owm-spec__tile { display: flex; flex: none; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  .owm-spec__l { flex: 1 1 0; min-width: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  .owm-spec__v { flex: none; max-width: 58%; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); text-align: right; }

  /* Meta Row: Perk + "Tüm özellikler" toggle */
  .owm-plan__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; }
  .owm-perk { display: inline-flex; flex: none; align-items: center; gap: 4px; padding: 4px 12px 4px 8px; border-radius: 999px; background: var(--owm-ok-tint); color: var(--owm-ok-ink); font: 600 14px/20px var(--owm-font); white-space: nowrap; }
  .owm-plan .owm-plan__more { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: -8px 0 -8px auto; padding: 8px 0 8px 8px; min-height: 44px; border: 0; border-radius: 12px; background: none; cursor: pointer;
    font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); white-space: nowrap; -webkit-tap-highlight-color: transparent; }
  .owm-plan .owm-plan__more:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* Button 19:95 (L = 52px): Primary gradient / Secondary outline */
  .owm-pbtn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 52px; margin: 0; padding: 0 24px; border-radius: 12px;
    font: 700 16px/20px var(--owm-font); text-decoration: none !important; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .owm-pbtn--pri { border: 0; background: var(--owm-grad); color: #fff !important; box-shadow: var(--owm-orange-shadow); }
  .owm-pbtn--sec { border: 1.5px solid var(--owm-orange); background: var(--owm-surface); color: var(--owm-orange-text) !important; }
  .owm-pbtn:focus-visible { outline: 2px solid var(--owm-navy); outline-offset: 2px; }
  .owm-pbtn--pri:active { filter: brightness(.96); }

  /* "Daha fazla kaynak mı gerekiyor?" + List Row 29:654 */
  .owm-more { display: flex; flex-direction: column; gap: 12px; }
  .owm-more__title { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owm-lrows { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: var(--owm-surface); box-shadow: var(--owm-card-shadow); }
  html.oweb-dark .owm-lrows { border: 1px solid var(--owm-border); }
  .owm-lrows__div { display: block; height: 1px; background: var(--owm-divider); }
  .owm-lrow { box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; margin: 0; padding: 12px 16px; border: 0; background: var(--owm-surface); text-align: left; cursor: pointer; font-family: var(--owm-font); -webkit-tap-highlight-color: transparent; }
  .owm-lrow:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: -2px; }
  .owm-lrow__tile { display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--owm-bg); color: var(--owm-navy); }
  .owm-lrow__c { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .owm-lrow__t { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); }
  .owm-lrow__s { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-lrow__chev { flex: none; color: var(--owm-muted); }

  /* ---------- bottom sheet (31:477) for plan details (04) ---------- */
  html.owm-psheet-lock, html.owm-psheet-lock body { overflow: hidden !important; }
  html.owm-psheet-lock .owm-fab, html.owm-psheet-lock #aichat-fab { visibility: hidden; }
  .owm-psheet { position: fixed; inset: 0; z-index: 99990; font-family: var(--owm-font); }
  .owm-psheet[hidden] { display: none !important; }
  .owm-psheet__scrim { position: absolute; inset: 0; background: var(--owm-navy-900); opacity: 0; transition: opacity .25s ease; }
  .owm-psheet.is-open .owm-psheet__scrim { opacity: 1; }
  .owm-psheet__panel { position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box; display: flex; flex-direction: column; max-height: calc(100% - 64px - env(safe-area-inset-top, 0px));
    background: var(--owm-surface); border-radius: 20px 20px 0 0; box-shadow: 0 12px 32px rgba(22, 24, 45, .14); transform: translateY(100%); transition: transform .3s cubic-bezier(.2, .8, .2, 1); outline: 0; }
  .owm-psheet.is-open .owm-psheet__panel { transform: none; }
  @media (min-width: 600px) {
    .owm-psheet__panel { left: 50%; right: auto; width: 560px; transform: translate(-50%, 100%); }
    .owm-psheet.is-open .owm-psheet__panel { transform: translate(-50%, 0); }
  }
  .owm-psheet__grab { display: flex; justify-content: center; flex: none; padding: 8px 0 4px; touch-action: none; }
  .owm-psheet__grab span { width: 36px; height: 5px; border-radius: 3px; background: var(--owm-border); }
  .owm-psheet__head { display: flex; align-items: center; gap: 12px; flex: none; padding: 4px 12px 8px 20px; touch-action: none; }
  .owm-psheet__t { flex: 1 1 0; min-width: 0; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  .owm-psheet .owm-psheet__x { display: flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 12px; background: var(--owm-bg); color: var(--owm-navy); cursor: pointer; }
  .owm-psheet .owm-psheet__x:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  .owm-psheet__body { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; gap: 16px; padding: 8px 20px 16px; }
  .owm-psheet__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .owm-psheet__note { display: flex; align-items: flex-start; gap: 6px; margin: -8px 0 0; font: 500 13px/18px var(--owm-font); color: var(--owm-muted); }
  .owm-psheet__note .owm-ic { margin-top: 2px; }
  .owm-psheet__grp { display: flex; flex-direction: column; gap: 8px; }
  .owm-overline { font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; color: var(--owm-text-2); }
  .owm-tag { display: inline-flex; flex: none; align-items: center; gap: 4px; padding: 4px 12px 4px 8px; border-radius: 8px; background: var(--owm-bg); font: 500 13px/18px var(--owm-font); color: var(--owm-text); white-space: nowrap; }
  .owm-tag--ok { background: var(--owm-ok-tint); color: var(--owm-ok-ink); }
  .owm-tag[hidden] { display: none !important; }
  /* Dönem Fiyatı box */
  .owm-pbox { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; border-radius: 12px; background: var(--owm-orange-tint); }
  .owm-pbox__top { display: flex; align-items: center; gap: 12px; }
  .owm-pbox__amt { flex: 1 1 0; min-width: 0; display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
  .owm-pbox__p { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  .owm-pbox__per { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-pbox__line { margin: 0; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-pbox__line s { color: var(--owm-muted); text-decoration: line-through; }
  .owm-pbox__line[hidden] { display: none; }
  /* Güvenlik / Özellikler columns with Check Row 28:195 */
  .owm-psheet__cols { display: flex; gap: 16px; }
  .owm-psheet__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
  .owm-checks { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
  .owm-check { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 4px 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text); }
  .owm-check .owm-ic { margin-top: 1px; color: var(--owm-ok-icon); }
  .owm-check--no .owm-ic { color: var(--owm-muted); }
  .owm-psheet__note--price { margin: 0; }
  /* Sticky Bottom CTA Bar 31:465 (Summary) */
  .owm-psheet__bar { display: flex; align-items: center; gap: 16px; flex: none; padding: 12px 20px max(12px, calc(4px + env(safe-area-inset-bottom, 0px))); border-top: 1px solid var(--owm-divider); background: var(--owm-surface); box-shadow: 0 -4px 16px rgba(22, 24, 45, .06); border-radius: 0; }
  .owm-psheet__sum { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; white-space: nowrap; }
  .owm-psheet__lab { font: 500 13px/18px var(--owm-font); color: var(--owm-muted); overflow: hidden; text-overflow: ellipsis; }
  .owm-psheet__amt { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
  .owm-psheet__p { font: 800 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); }
  .owm-psheet__per { font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  .owm-psheet .owm-psheet__cta { width: auto; flex: none; }

  /* kurumsal e-posta (.kp) / Google Workspace (.gp-bar) wrappers: our cards sit directly on the section */
  #mail.owm-plsec .kp { background: none; border: 0; border-radius: 0; overflow: visible; }
  #mail.owm-plsec .kp-bar, #mail.owm-plsec .gp-bar { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 0 0 20px; padding: 0; border: 0; border-radius: 0; background: none; }
  #mail.owm-plsec .kp-count, #mail.owm-plsec .gp-count { display: none; }
  #mail.owm-plsec .kp-alert, #mail.owm-plsec .gp-note { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 16px; border: 0; border-radius: 12px; background: var(--owm-orange-tint); font: 500 13px/18px var(--owm-font); color: var(--owm-text); }
  #mail.owm-plsec .kp-alert i, #mail.owm-plsec .gp-note i { flex: none; width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--owm-surface); color: var(--owm-orange-text); font-size: 16px; }
  #mail.owm-plsec .kp-note { display: flex; align-items: flex-start; gap: 6px; margin: 16px 0 0; padding: 0; border: 0; background: none; font: 500 13px/18px var(--owm-font); color: var(--owm-muted); }
  #mail.owm-plsec .kp-note i { margin-top: 1px; color: var(--owm-muted); }
  #mail.owm-plsec .ki { margin-top: 32px; }
  /* SSL: tab card wrapper flattened, our cards sit on the section */
  #ssl.owm-plsec .card { padding: 0 !important; border: 0; border-radius: 0; background: none; box-shadow: none; }
  #ssl.owm-plsec .tabsArea.tabs-bg { padding: 0; }

  /* ---------- reseller configurator (#reseller .reseller-package) in Figma controls ---------- */
  #reseller .card-special { padding: 20px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); box-shadow: var(--owm-card-shadow); font-family: var(--owm-font); }
  #reseller .card-special .card-header { padding: 0 0 16px; border: 0; background: none; }
  #reseller .card-special .card-header::before { content: none; display: none; }
  #reseller .card-special .card-header span { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  #reseller .card-special .card-header p { margin-top: 2px !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }
  #reseller .card-special .features-boxed-list { padding-top: 0 !important; }
  #reseller .reseller-package .tabsArea { margin-bottom: 12px !important; }
  #reseller .reseller-package .tabsArea .tabs-m-head { display: none !important; }
  #reseller .reseller-package .tabsArea .tabHead { display: flex !important; height: auto !important; gap: 4px; padding: 4px; margin: 0; border: 0; border-radius: 12px; background: var(--owm-seg-bg); overflow: visible !important; }
  #reseller .reseller-package .tabsArea .tabHead .item { position: relative; flex: 1 1 0; min-height: 40px; height: 40px; gap: 6px; padding: 0 8px !important; border-radius: 8px; background: transparent; font: 600 14px/20px var(--owm-font); color: var(--owm-text-2); justify-content: center; }
  #reseller .reseller-package .tabsArea .tabHead .item::after { content: ""; position: absolute; left: -2px; right: -2px; top: -2px; bottom: -2px; }
  #reseller .reseller-package .tabsArea .tabHead .item.active { background: var(--owm-seg-on); color: var(--owm-navy); box-shadow: 0 1px 3px rgba(22, 24, 45, .1), 0 1px 2px rgba(22, 24, 45, .06); }
  #reseller .reseller-package .tabsArea .tabHead .item img { position: static; transform: none; width: 18px; height: 18px; }
  #reseller .reseller-package .dropList .dropListTitle { height: 56px; padding: 0 44px 0 16px; border: 1px solid var(--owm-border); border-radius: 12px; background: var(--owm-surface); font-family: var(--owm-font); }
  #reseller .reseller-package .dropList .dropListTitle .dlabName { font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; padding-top: 18px; padding-bottom: 0; }
  #reseller .reseller-package .dropList .dropListTitle label.title { padding: 8px 16px; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  #reseller .reseller-package .price-alert-area { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0; padding: 0; }
  #reseller .reseller-package .price-alert-area .price { display: flex; flex-direction: column; }
  #reseller .reseller-package .price-alert-area .item-old-price { font: 400 15px/22px var(--owm-font) !important; color: var(--owm-muted) !important; }
  #reseller .reseller-package .price-alert-area .item-current-price { font: 800 26px/30px var(--owm-font) !important; letter-spacing: -.5px; color: var(--owm-navy) !important; }
  #reseller .reseller-package .price-alert { padding: 8px 12px; border: 0; border-radius: 12px; background: var(--owm-ok-tint); font: 500 13px/18px var(--owm-font); color: var(--owm-ok-ink); text-align: left; }
  #reseller .reseller-package .price-alert span { display: block; font-weight: 700; color: var(--owm-ok-ink); }
  #reseller .reseller-package .item-link { box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 24px !important; border: 0; border-radius: 12px; background: var(--owm-grad); box-shadow: var(--owm-orange-shadow); font: 700 16px/20px var(--owm-font) !important; color: #fff !important; }

  /* ---------- "Tüm paketlerde dahil" (39:1014) from #hosting-details feature lists ---------- */
  #hosting-details .owm-sechead { margin: 0 0 20px; }
  #hosting-details .hosting--content { margin-top: 0 !important; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  #hosting-details .hosting--content > .p-4 { padding: 0 !important; }
  #hosting-details .hosting--content > .p-4.pb-0 { padding: 32px 20px !important; margin: 0 calc(-1 * var(--owm-gutter)); background: var(--owm-surface); }
  #hosting-details .multi--features { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0 !important; margin: 0; border: 0; }
  #hosting-details .multi--features .list { display: contents; }
  #hosting-details .multi--features ul { display: contents; }
  #hosting-details .multi--features li { position: relative; display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 4px 0; border: 0; background: none; font: 400 15px/22px var(--owm-font); color: var(--owm-text); }
  #hosting-details .multi--features li::before { content: ""; position: static; display: block; flex: none; width: 20px; height: 20px; margin-top: 1px; border: 0; border-radius: 0; background: var(--owm-ok-icon); transform: none;
    -webkit-mask: var(--owm-i-check-circle-20) center / 100% 100% no-repeat; mask: var(--owm-i-check-circle-20) center / 100% 100% no-repeat; }
  #hosting-details .multi--features li::after { content: none; display: none; }
}

/* ---- 40-servers.css ---- */
/* 40 servers (mob44): Figma 06 "VDS Sunucu" 40:789 on page/sunucu/* (vds, vps, tr-dedicated, almanya-dedicated, managed-vds,
   gpu-fiziksel-sunucu, yonetim) + Plan Card 29:473, Chip 19:51, Tag 19:40, Segmented Control 22:564, Section Header 28:185,
   dark 40:2326. Scope: body[class*="ow-tpl-page-sunucu-"] (body class added by production / harness).
   Everything is inside the mobile media query; desktop (>= 992px) is untouched. Behaviour/markup: work/js/40-servers.js. */
@media (min-width: 200px) and (max-width: 991.98px) {
  body[class*="ow-tpl-page-sunucu-"] {
    --owm-sv-hero-bg: linear-gradient(130.7deg, #16182d 0%, #272c4f 71.429%);
    --owm-sv-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Ccircle cx='80' cy='80' r='68' stroke='%23F2712A' stroke-opacity='0.2' stroke-width='24'/%3E%3C/svg%3E");
    --owm-sv-ondark-2: rgba(255, 255, 255, .8);
    --owm-sv-seg-shadow: 0 1px 3px rgba(22, 24, 45, .1), 0 1px 2px rgba(22, 24, 45, .06);
    --owm-sv-card-shadow: 0 8px 24px rgba(22, 24, 45, .08);
    --owm-sv-plan-shadow: 0 8px 12px rgba(22, 24, 45, .08);
    --owm-sv-card-border: transparent;
    --owm-sv-orange-shadow: 0 8px 20px rgba(242, 113, 42, .28);
    --owm-sv-success-ink: var(--owm-success-text, #11845b);
    --owm-sv-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12L12 16.5L21 12M3 16.5L12 21L21 16.5M12 3L3 7.5L12 12L21 7.5L12 3Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-disk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 13H21M21 13V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V13L5.5 5.6C5.58998 5.15818 5.82661 4.75972 6.1715 4.46928C6.5164 4.17885 6.94931 4.01348 7.4 4H16.6C17.0507 4.01348 17.4836 4.17885 17.8285 4.46928C18.1734 4.75972 18.41 5.15818 18.5 5.6L21 13ZM7 16.5H7.01M11 16.5H11.01' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-zap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 3L4 14H11L10 21L19 10H12L13 3Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-traffic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 20V4M10.5 7.5L7 4L3.5 7.5M17 4V20M20.5 16.5L17 20L13.5 16.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 12L11 14L15 10M12 3L5 6V11C5 15.4 8 19.3 12 21C16 19.3 19 15.4 19 11V6L12 3Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11V8C8 6.93913 8.42143 5.92172 9.17157 5.17157C9.92172 4.42143 10.9391 4 12 4C13.0609 4 14.0783 4.42143 14.8284 5.17157C15.5786 5.92172 16 6.93913 16 8V11M7 11H17C18.1046 11 19 11.8954 19 13V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19V13C5 11.8954 5.89543 11 7 11Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16V11M14.5 13.5L12 11L9.5 13.5M7 19.0001C5.80653 19.0796 4.63033 18.6818 3.73015 17.8942C2.82998 17.1065 2.27956 15.9935 2.2 14.8001C2.12043 13.6066 2.51823 12.4304 3.30589 11.5302C4.09354 10.63 5.20653 10.0796 6.4 10.0001C6.67971 8.70248 7.38182 7.53428 8.39639 6.67837C9.41097 5.82245 10.6807 5.32713 12.0069 5.26997C13.333 5.21281 14.6407 5.59703 15.7252 6.36247C16.8096 7.12791 17.6097 8.23136 18 9.50006C19.2598 9.56637 20.4416 10.1304 21.2855 11.0681C22.1294 12.0058 22.5663 13.2403 22.5 14.5001C22.4337 15.7598 21.8697 16.9417 20.932 17.7856C19.9943 18.6295 18.7598 19.0664 17.5 19.0001H7Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3.5 7L12 13L20.5 7M5 5H19C20.1046 5 21 5.89543 21 7V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V7C3 5.89543 3.89543 5 5 5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-transfer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8H18L14.5 4.5M20 16H6L9.5 19.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-headset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 15V12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12V15M4 14H7V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V14ZM20 14H17V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-server: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 7.5H7.01M7 16.5H7.01M11 7.5H17M11 16.5H17M5 4H19C20.1046 4 21 4.89543 21 6V9C21 10.1046 20.1046 11 19 11H5C3.89543 11 3 10.1046 3 9V6C3 4.89543 3.89543 4 5 4ZM5 13H19C20.1046 13 21 13.8954 21 15V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V15C3 13.8954 3.89543 13 5 13Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-cpu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 3V6M15 3V6M9 18V21M15 18V21M3 9H6M3 15H6M18 9H21M18 15H21M8 6H16C17.1046 6 18 6.89543 18 8V16C18 17.1046 17.1046 18 16 18H8C6.89543 18 6 17.1046 6 16V8C6 6.89543 6.89543 6 8 6ZM10.5 9.5H13.5C14.0523 9.5 14.5 9.94772 14.5 10.5V13.5C14.5 14.0523 14.0523 14.5 13.5 14.5H10.5C9.94772 14.5 9.5 14.0523 9.5 13.5V10.5C9.5 9.94772 9.94772 9.5 10.5 9.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-ram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10V13M11 10V13M15 10V13M7 17V19M12 17V19M17 17V19M5 6H19C20.1046 6 21 6.89543 21 8V15C21 16.1046 20.1046 17 19 17H5C3.89543 17 3 16.1046 3 15V8C3 6.89543 3.89543 6 5 6Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 7V12L15 14M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-apps: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.5 4H9.5C10.3284 4 11 4.67157 11 5.5V9.5C11 10.3284 10.3284 11 9.5 11H5.5C4.67157 11 4 10.3284 4 9.5V5.5C4 4.67157 4.67157 4 5.5 4ZM14.5 4H18.5C19.3284 4 20 4.67157 20 5.5V9.5C20 10.3284 19.3284 11 18.5 11H14.5C13.6716 11 13 10.3284 13 9.5V5.5C13 4.67157 13.6716 4 14.5 4ZM5.5 13H9.5C10.3284 13 11 13.6716 11 14.5V18.5C11 19.3284 10.3284 20 9.5 20H5.5C4.67157 20 4 19.3284 4 18.5V14.5C4 13.6716 4.67157 13 5.5 13ZM14.5 13H18.5C19.3284 13 20 13.6716 20 14.5V18.5C20 19.3284 19.3284 20 18.5 20H14.5C13.6716 20 13 19.3284 13 18.5V14.5C13 13.6716 13.6716 13 14.5 13Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3L14.8 8.6L21 9.5L16.5 13.9L17.5 20L12 17.1L6.5 20L7.5 13.9L3 9.5L9.2 8.6L12 3Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C12 21 5 14.8 5 9.5C5 7.64348 5.7375 5.86301 7.05025 4.55025C8.36301 3.2375 10.1435 2.5 12 2.5C13.8565 2.5 15.637 3.2375 16.9497 4.55025C18.2625 5.86301 19 7.64348 19 9.5C19 14.8 12 21 12 21ZM14.5 9.5C14.5 10.8807 13.3807 12 12 12C10.6193 12 9.5 10.8807 9.5 9.5C9.5 8.11929 10.6193 7 12 7C13.3807 7 14.5 8.11929 14.5 9.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-browser: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9H21M7 6.5H7.01M10 6.5H10.01M5 4H19C20.1046 4 21 4.89543 21 6V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V6C3 4.89543 3.89543 4 5 4Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H15.8M12 21C7.02944 21 3 16.9706 3 12M12 21C14.5 18.4 15.8 15.4 15.8 12M12 21C9.5 18.4 8.2 15.4 8.2 12M3 12C3 7.02944 7.02944 3 12 3M3 12H8.2M12 3C14.5 5.6 15.8 8.6 15.8 12M12 3C9.5 5.6 8.2 8.6 8.2 12M8.2 12H15.8' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12.5L9.5 17L19 7.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.8 15.3L16 9.80005M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 4H5.2L7.5 14.3C7.56601 14.5107 7.69991 14.6937 7.88081 14.8203C8.0617 14.9469 8.27942 15.0101 8.5 15H17.3C17.5339 15.0047 17.7621 14.9272 17.9449 14.7811C18.1276 14.6349 18.2532 14.4293 18.3 14.2L20 8H6.1M11 19.5C11 20.3284 10.3284 21 9.5 21C8.67157 21 8 20.3284 8 19.5C8 18.6716 8.67157 18 9.5 18C10.3284 18 11 18.6716 11 19.5ZM18.5 19.5C18.5 20.3284 17.8284 21 17 21C16.1716 21 15.5 20.3284 15.5 19.5C15.5 18.6716 16.1716 18 17 18C17.8284 18 18.5 18.6716 18.5 19.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 11V16M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 7.5H7.51M3 12V4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H12L21 12L12 21L3 12Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 9.5H16M8 12.5H13M4 5H20V16H9L4 20V5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 7L14 3H7C6.73478 3 6.48043 3.10536 6.29289 3.29289C6.10536 3.48043 6 3.73478 6 4V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7ZM14 3V7H18M9 12H15M9 16H13' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7H14M14 7C14 8.10457 14.8954 9 16 9C17.1046 9 18 8.10457 18 7M14 7C14 5.89543 14.8954 5 16 5C17.1046 5 18 5.89543 18 7M18 7H20M4 17H8M8 17C8 18.1046 8.89543 19 10 19C11.1046 19 12 18.1046 12 17M8 17C8 15.8954 8.89543 15 10 15C11.1046 15 12 15.8954 12 17M12 17H20' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 7.5V13M12 16.5H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 20L16 16M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20C4 16.7 7.6 14 12 14C16.4 14 20 16.7 20 20M16 8C16 10.2091 14.2091 12 12 12C9.79086 12 8 10.2091 8 8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 4H8L9.5 8.5L7.5 9.7C8.04455 11.2744 8.93958 12.7045 10.1175 13.8825C11.2955 15.0604 12.7256 15.9554 14.3 16.5L15.5 14.5L20 16V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21C14.0993 20.763 10.4202 19.1065 7.65683 16.3432C4.8935 13.5798 3.23705 9.90074 3 6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.99995C10.4197 2.99894 8.86696 3.41406 7.49798 4.20356C6.129 4.99306 4.99204 6.12911 4.20145 7.49745C3.41085 8.8658 2.99449 10.4182 2.99423 11.9985C2.99398 13.5788 3.40984 15.1314 4.2 16.5L3 21L7.6 19.8C8.79931 20.4902 10.1416 20.8945 11.5226 20.9817C12.9036 21.0688 14.2861 20.8363 15.5626 20.3023C16.8391 19.7682 17.9753 18.9471 18.8829 17.9026C19.7905 16.858 20.445 15.6183 20.7956 14.2797C21.1462 12.9412 21.1834 11.5398 20.9043 10.1845C20.6252 8.82917 20.0374 7.55647 19.1866 6.46527C18.3357 5.37407 17.2447 4.49376 15.9983 3.89276C14.7519 3.29175 13.3837 2.98624 12 2.99995ZM9 8.20005C9 12 12 15 15.8 15L16.7 13.3L14.6 12.3L13.6 13.2C12.9672 12.9486 12.3925 12.5705 11.911 12.089C11.4295 11.6076 11.0515 11.0328 10.8 10.4L11.7 9.40005L10.7 7.30005L9 8.20005Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6L12 12M12 12L18 18M12 12L18 6M12 12L6 18' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
    --owm-sv-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M13 18L19 12L13 6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] {
    --owm-sv-card-shadow: none;
    --owm-sv-plan-shadow: none;
    --owm-sv-card-border: var(--owm-border);
    --owm-sv-success-ink: #20bd80;
    --owm-sv-success-tint: rgba(32, 189, 128, .14);
  }

  /* ---------- icons (Figma 18:9..18:282, 2px stroke at every size) ---------- */
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i { display: inline-block; flex: none; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--layers { --i: var(--owm-sv-layers); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--disk { --i: var(--owm-sv-disk); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--zap { --i: var(--owm-sv-zap); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--traffic { --i: var(--owm-sv-traffic); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--shield { --i: var(--owm-sv-shield); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--lock { --i: var(--owm-sv-lock); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--cloud { --i: var(--owm-sv-cloud); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--mail { --i: var(--owm-sv-mail); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--transfer { --i: var(--owm-sv-transfer); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--headset { --i: var(--owm-sv-headset); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--server { --i: var(--owm-sv-server); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--cpu { --i: var(--owm-sv-cpu); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--ram { --i: var(--owm-sv-ram); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--clock { --i: var(--owm-sv-clock); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--browser { --i: var(--owm-sv-browser); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--pin { --i: var(--owm-sv-pin); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--phone { --i: var(--owm-sv-phone); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--check-circle { --i: var(--owm-sv-check-circle); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-i--chevron-down { --i: var(--owm-sv-chevron-down); }

  /* the site's icon font inside restyled server blocks -> Figma icons (mask on ::after, glyph off) */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-inc, .vp-inc, .odi, #alm-inc, .gs-inc, .yi, .mvt-bar, .vd-row, .vp-card, .vp-cell, .odt-row, .at-row, .gs-card, .mvt-row, .yp-card, .vd-note, .vp-promo, .odt-note, .at-note, .at-more, .yp-note, .mvt-note) i[class*="eg-"]:not(#owm-z) {
    position: relative; display: inline-block; flex: none; width: 18px; height: 18px; margin: 0; padding: 0; font-size: 0; line-height: 0; color: inherit; background: none; border: 0; border-radius: 0; vertical-align: middle;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-inc, .vp-inc, .odi, #alm-inc, .gs-inc, .yi, .mvt-bar, .vd-row, .vp-card, .vp-cell, .odt-row, .at-row, .gs-card, .mvt-row, .yp-card, .vd-note, .vp-promo, .odt-note, .at-note, .at-more, .yp-note, .mvt-note) i[class*="eg-"]:not(#owm-z)::before { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-inc, .vp-inc, .odi, #alm-inc, .gs-inc, .yi, .mvt-bar, .vd-row, .vp-card, .vp-cell, .odt-row, .at-row, .gs-card, .mvt-row, .yp-card, .vd-note, .vp-promo, .odt-note, .at-note, .at-more, .yp-note, .mvt-note) i[class*="eg-"]:not(#owm-z)::after {
    content: ""; position: absolute; inset: 0; background-color: currentColor; -webkit-mask: var(--i, var(--owm-sv-check-circle)) center / contain no-repeat; mask: var(--i, var(--owm-sv-check-circle)) center / contain no-repeat;
  }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-stack-line) { --i: var(--owm-sv-layers); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-hard-drive-2-line) { --i: var(--owm-sv-disk); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-speed-up-fill) { --i: var(--owm-sv-traffic); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-shield-keyhole-line, .eg-lock-password-line) { --i: var(--owm-sv-lock); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-dashboard-3-line, .eg-bar-chart-2-line, .eg-apps-2-add-line) { --i: var(--owm-sv-apps); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-save-3-line, .eg-upload-cloud-2-line, .eg-upload-cloud-line, .eg-download-cloud-line, .eg-camera-lens-line) { --i: var(--owm-sv-cloud); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-shield-check-line, .eg-shield-line, .eg-shield-user-line) { --i: var(--owm-sv-shield); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-rocket-line, .eg-shield-flash-line, .eg-flashlight-line, .eg-flashlight-fill) { --i: var(--owm-sv-zap); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-computer-line, .eg-windows-line) { --i: var(--owm-sv-browser); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-question-answer-line, .eg-message-3-line) { --i: var(--owm-sv-chat); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-cpu-line) { --i: var(--owm-sv-cpu); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-ram-line) { --i: var(--owm-sv-ram); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-map-pin-2-line) { --i: var(--owm-sv-pin); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-server-line) { --i: var(--owm-sv-server); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-exchange-line) { --i: var(--owm-sv-transfer); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-earth-line, .eg-global-line) { --i: var(--owm-sv-globe); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-award-line) { --i: var(--owm-sv-star); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-code-box-line, .eg-file-list-2-line) { --i: var(--owm-sv-file); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-mail-line) { --i: var(--owm-sv-mail); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-list-settings-line, .eg-settings-3-line) { --i: var(--owm-sv-sliders); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-notification-3-line, .eg-error-warning-line) { --i: var(--owm-sv-alert); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-headphone-line) { --i: var(--owm-sv-headset); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-search-eye-line, .eg-eye-line) { --i: var(--owm-sv-search); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-user-settings-line) { --i: var(--owm-sv-user); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-check-line) { --i: var(--owm-sv-check); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-check-double-fill, .eg-checkbox-circle-line) { --i: var(--owm-sv-check-circle); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-close-line) { --i: var(--owm-sv-close); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-information-line, .eg-information-2-line) { --i: var(--owm-sv-info); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-price-tag-3-line) { --i: var(--owm-sv-tag); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-timer-line, .eg-time-line) { --i: var(--owm-sv-clock); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-phone-line) { --i: var(--owm-sv-phone); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-whatsapp-line) { --i: var(--owm-sv-whatsapp); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-shopping-cart-2-line) { --i: var(--owm-sv-cart); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-arrow-right-line) { --i: var(--owm-sv-arrow-right); }
  body[class*="ow-tpl-page-sunucu-"] i:is(.eg-arrow-down-s-line) { --i: var(--owm-sv-chevron-down); }

  /* ---------- hero (Figma 40:816): navy gradient, ring, eyebrow / H1 / body, start price, stat tiles ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) {
    position: relative; isolation: isolate; overflow: hidden; margin: 0 !important; padding: 0 !important; border: 0; background: var(--owm-sv-hero-bg); font-family: var(--owm-font);
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero)::before {
    content: ""; position: absolute; z-index: 0; top: -84px; right: -82px; width: 160px; height: 160px; background: var(--owm-sv-ring) center / 160px 160px no-repeat; pointer-events: none;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero)::after { content: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) > .container-xl { position: relative; z-index: 1; padding-top: 24px; padding-bottom: 24px; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-grid, .vh-grid, .dh-grid, .ah-grid, .mh-grid, .gh-grid, .yh-grid) { display: block; margin: 0; padding: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-main, .vh-main, .dh-main, .ah-main, .mh-main, .gh-main, .yh-main) {
    position: static; display: flex; flex-direction: column; align-items: flex-start; min-height: 0; margin: 0; padding: 0; overflow: visible; background: none; border: 0; border-radius: 0; box-shadow: none;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-main, .vh-main, .dh-main, .ah-main, .mh-main, .gh-main, .yh-main)::before,
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-main, .vh-main, .dh-main, .ah-main, .mh-main, .gh-main, .yh-main)::after { content: none; display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-panel, .vh-panel, .dh-panel, .ah-panel, .mh-panel, .gh-panel, .yh-panel,
    .vdh-feats, .vh-feats, .dh-feats, .ah-feats, .mh-feats, .gh-feats, .yh-feats,
    .vdh-actions, .vh-actions, .dh-actions, .ah-actions, .mh-actions, .gh-actions, .yh-actions, .ah-meta) { display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-eye, .vh-eye, .dh-eye, .ah-eye, .mh-eye, .gh-eye, .yh-eye) {
    display: block; margin: 0 0 8px; padding: 0; border: 0; background: none; font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; color: #faa733; -webkit-text-fill-color: currentColor;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-eye, .vh-eye, .dh-eye, .ah-eye, .mh-eye, .gh-eye, .yh-eye)::before { content: none; display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) h1 {
    max-width: 280px; margin: 0 0 8px; font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; color: #fff; text-wrap: pretty;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) h1 span { font: inherit; color: inherit; white-space: normal; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-desc, .vh-desc, .dh-desc, .ah-desc, .mh-desc, .gh-desc, .yh-desc) {
    max-width: none; margin: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-sv-ondark-2);
  }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-from { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; margin-top: 16px; color: #fff; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-from__amt { font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; color: #fff; white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-from__per { font: 500 13px/18px var(--owm-font); color: var(--owm-sv-ondark-2); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stats { display: flex; align-items: stretch; gap: 8px; width: 100%; margin-top: 16px; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stat {
    flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; background: rgba(255, 255, 255, .08); color: #faa733;
  }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stat__t { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stat__v { font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: #fff; overflow-wrap: anywhere; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stat.is-up .owm-sv-stat__v { color: #faa733; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-stat__l { font: 600 11px/14px var(--owm-font); color: var(--owm-sv-ondark-2); overflow-wrap: anywhere; }
  /* the facts live in the hero tiles now (Figma 40:825) */
  body[class*="ow-tpl-page-sunucu-"] #info-boxes { display: none !important; }

  /* ---------- package sections: Section Header (28:185) ---------- */
  /* 25-sections gives every body > section 32px top/bottom (!important); Figma 06 content starts 24px under the hero/config */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) { margin: 0; padding-top: 24px !important; background: transparent; font-family: var(--owm-font); }
  body[class*="ow-tpl-page-sunucu-"] #vds:has(> .owm-sv-cfg) { padding-top: 0 !important; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) > .container-xl { padding-top: 0; padding-bottom: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading {
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px; max-width: none; margin: 0 0 12px !important; padding: 0 !important; text-align: left; overflow-wrap: break-word;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading::before,
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading::after { content: none; display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading :is(.top-text, .owm-sv-eye) {
    display: block; margin: 0; font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; color: var(--owm-orange-text); background: none; -webkit-text-fill-color: currentColor;
  }
  body[class*="ow-tpl-page-sunucu-"] #vds .title-heading.owm-sv-th--dyn .top-text { display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading :is(h2, .title) { margin: 0; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) .title-heading > p { margin: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }

  /* ---------- Yapılandırma (40:844): segmented controls + location tags ---------- */
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-cfg { display: flex; flex-direction: column; gap: 20px; margin: 0 0 24px; padding: 20px var(--owm-gutter, 20px); background: var(--owm-surface); border-bottom: 1px solid var(--owm-divider); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-cfg__grp { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-cfg__lbl { font: 600 14px/20px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-seg,
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period { display: flex; gap: 4px; padding: 4px; border-radius: var(--owm-r-ctl, 12px); background: var(--owm-divider); }
  body[class*="ow-tpl-page-sunucu-"] :is(.owm-sv-seg__btn, #yn-plans .yp-period button) {
    position: relative; flex: 1 1 0; min-width: 0; height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 0 8px;
    border: 0; border-radius: 8px; background: transparent; box-shadow: none; font: 600 14px/20px var(--owm-font); color: var(--owm-text-2); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(.owm-sv-seg__btn, #yn-plans .yp-period button)::after { content: ""; position: absolute; inset: -4px 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(.owm-sv-seg__btn.is-on, #yn-plans .yp-period button.on) { background: var(--owm-surface); color: var(--owm-navy); box-shadow: var(--owm-sv-seg-shadow); }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-seg__btn[hidden] { display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(.owm-sv-seg__btn, #yn-plans .yp-period button):focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 1px; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-cfg__tags { padding-top: 4px; }
  body[class*="ow-tpl-page-sunucu-"] .owm-sv-tags[hidden] { display: none; }
  /* Tag 19:40 (also used for every "Tüm ... paketlerinde" list) */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.owm-sv-tag, .vd-inc li, .vp-inc li, .odi-grid li, .ai-grid li, .gs-inc-grid li, .yi-grid li, .mvt-tags li):not(#owm-z) {
    display: inline-flex; align-items: center; gap: 4px; max-width: 100%; min-height: 0; margin: 0; padding: 4px 12px 4px 8px; border: 0; border-radius: 8px; box-shadow: none;
    background: var(--owm-bg); font: 500 13px/18px var(--owm-font); color: var(--owm-text); text-align: left; white-space: normal;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.owm-sv-tag, .vd-inc li, .vp-inc li, .odi-grid li, .ai-grid li, .gs-inc-grid li, .yi-grid li, .mvt-tags li) :is(span, b):not(#owm-z) { font: inherit; color: inherit; background: none; padding: 0; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.owm-sv-tag, .vd-inc li, .vp-inc li, .odi-grid li, .ai-grid li, .gs-inc-grid li, .yi-grid li, .mvt-tags li) :is(.owm-sv-i, i[class*="eg-"]):not(#owm-z) { width: 14px; height: 14px; color: var(--owm-orange-text); }
  /* hidden originals that the Yapılandırma block drives */
  body[class*="ow-tpl-page-sunucu-"] #vd-plans .tabs-m-head,
  body[class*="ow-tpl-page-sunucu-"] #vd-plans .vd-loc > .tabHead,
  body[class*="ow-tpl-page-sunucu-"] #vd-plans .vd-per { display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] #vd-plans, body[class*="ow-tpl-page-sunucu-"] #vd-plans .vd-loc,
  body[class*="ow-tpl-page-sunucu-"] #vd-plans .tabContent { display: block; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }

  /* ---------- 06 server card (40:900): VDS rows, VPS cards, managed rows ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-head, #vps .vp-tier, #vps .vp-was, #vds .vd-was, #paketler .mvt-head, #ow-ded-list .odt-head, #alm-list .at-head, #alm-list .at-feat, #yn-plans .yp-leg, #yn-plans .yp-level) { display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-rows, #vps .vp-grid, #paketler .mvt-rows, #ow-ded-list .odt-rows, #alm-list .at-rows, #dedicated .gs-list, #yn-plans .yp-grid) {
    display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row, #vps .vp-card, #paketler .mvt-row) {
    position: relative; margin: 0; padding: 16px; border: 1px solid var(--owm-sv-card-border); border-radius: var(--owm-r-card, 16px); background: var(--owm-surface); box-shadow: var(--owm-sv-card-shadow);
    font-family: var(--owm-font); text-align: left; transform: none;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row, #vps .vp-card, #paketler .mvt-row)::before { content: none; display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row, #vps .vp-card) {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name price" "specs specs" "act act"; align-items: center; gap: 16px 12px;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-name, #vps .vp-top, #paketler .mvt-name) { grid-area: name; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; min-width: 0; margin: 0; padding: 0; text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-top .vp-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-name .n, #vps .vp-name .n, #paketler .mvt-name .n) { display: block; margin: 0; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-name .t) { display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(.owm-sv-sub, #vps .vp-name .t, #paketler .mvt-name .m) { display: block; margin: 0; padding: 0; border-radius: 0; background: none; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  /* price: amount / "/ay · KDV hariç" (40:905) */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-price, #vps .vp-price) { grid-area: price; display: block; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; text-align: right; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-now, #vps .vp-now, #paketler .mvt-price) { display: block; margin: 0; padding: 0; border: 0; background: none; text-align: right; white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-now strong, #vps .vp-now .vp-amt, #paketler .mvt-price b) { display: block; margin: 0; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; color: var(--owm-navy); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-per-txt, #vps .vp-now .vp-per, #paketler .mvt-price small, #vds .owm-sv-vat, #vps .owm-sv-vat, #paketler .owm-sv-vat) { display: inline; margin: 0; font: 600 11px/14px var(--owm-font); color: var(--owm-muted); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-now .vp-per { text-transform: lowercase; }
  /* specs box (40:908) */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-specs, #vps .vp-specs) {
    grid-area: specs; display: flex; gap: 8px; margin: 0; padding: 12px; border: 0; border-radius: 12px; background: var(--owm-bg); overflow: hidden;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-specs > .item, #vps .vp-specs > .item) {
    flex: 1 1 0; min-width: 0; margin: 0; padding: 0; border: 0; background: none; box-shadow: none;
  }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item:nth-child(n+4),
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs > .item:nth-child(n+4) { display: none; }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item {
    display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: center; align-content: center; font: 600 11px/14px var(--owm-font); color: var(--owm-text-2);
  }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item.owm-sv-rl { font-size: 0; line-height: 0; }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item .value { display: contents; }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item::before {
    content: ""; grid-column: 1; grid-row: 1 / span 2; width: 18px; height: 18px; background-color: var(--owm-orange-text); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat;
  }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item:nth-child(1) { --i: var(--owm-sv-cpu); }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item:nth-child(2) { --i: var(--owm-sv-ram); }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item:nth-child(3) { --i: var(--owm-sv-disk); }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item span:not(.owm-sv-lbl) { grid-column: 2; grid-row: 1; display: block; margin: 0; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item .owm-sv-lbl { grid-column: 2; grid-row: 2; display: block; font: 600 11px/14px var(--owm-font); color: var(--owm-text-2); white-space: nowrap; }
  /* VPS: cpu, ram, disk order as in Figma */
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs > .item { display: flex; align-items: center; gap: 8px; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs > .item:nth-child(1) { order: 3; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs > .item:nth-child(2) { order: 1; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs > .item:nth-child(3) { order: 2; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs .icon { flex: none; width: 18px; height: 18px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--owm-orange-text); display: block; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs .text { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; margin: 0; font: 600 11px/14px var(--owm-font); color: var(--owm-text-2); text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-specs .text > span { order: 0; display: block; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); text-align: left; white-space: nowrap; }
  /* CTA: Button / Secondary M (40:927) */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-act, #paketler .mvt-act) { grid-area: act; margin: 0; padding: 0; width: 100%; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-act .btn, #vps .vp-card > .btn, #paketler .mvt-act .btn) {
    grid-area: act; width: 100%; height: 44px; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 20px !important;
    border: 1.5px solid var(--owm-orange); border-radius: var(--owm-r-ctl, 12px); background: var(--owm-surface) !important; box-shadow: none !important; font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text) !important; text-decoration: none; white-space: nowrap;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vps .vp-card > .btn, #paketler .mvt-act .btn)::after {
    content: ""; flex: none; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--owm-sv-cart) center / contain no-repeat; mask: var(--owm-sv-cart) center / contain no-repeat;
  }
  /* featured: Plan Card Featured (29:325) — 2px orange edge, ÇOK SATAN badge, primary CTA */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row.vd-feat, #vps .featured-pack .vp-card, #yn-plans .yp-card.is-feat) { border: 2px solid var(--owm-orange); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row.vd-feat .vd-act .btn, #vps .featured-pack .vp-card > .btn, #yn-plans .yp-card.is-feat .btn) { border: 0; background: var(--owm-grad) !important; color: #fff !important; box-shadow: var(--owm-sv-orange-shadow) !important; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-cell, body[class*="ow-tpl-page-sunucu-"] #vps .vp-cell.featured-pack { position: relative; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row .featured-head, #vps .vp-cell .featured-head, #yn-plans .yp-ribbon) {
    display: inline-flex; align-items: center; gap: 4px; width: auto; margin: 0; padding: 4px 8px; border: 0; border-radius: 999px; background: var(--owm-grad);
    font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; color: #fff; box-shadow: none; white-space: nowrap;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row .featured-head, #vps .vp-cell .featured-head, #yn-plans .yp-ribbon) :is(i, span) { color: #fff; font: inherit; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-row .featured-head, #vps .vp-cell .featured-head, #yn-plans .yp-ribbon) i[class*="eg-"]:not(#owm-z) { width: 12px; height: 12px; --i: var(--owm-sv-star); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vps .vp-cell .featured-head, #yn-plans .yp-ribbon) { position: absolute; z-index: 2; top: -11px; right: 16px; left: auto; height: auto; transform: none; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-card .yp-ribbon { top: 20px; right: 20px; }

  /* managed (mv): same card on a flex row; the specs "box" is the 3 tinted cells */
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-rows { order: 1; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-note { order: 2; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-bar { order: 3; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-row::after { content: ""; order: 1; flex: 0 0 100%; height: 0; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-name { order: 0; flex: 1 1 0; margin-right: 12px; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-price { order: 0; flex: none; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c { order: 2; flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 8px; margin: 16px 0 0; padding: 12px 4px; border: 0; border-radius: 0; background: var(--owm-bg); color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c:nth-child(2) { padding-left: 12px; border-radius: 12px 0 0 12px; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c:nth-child(4) { padding-right: 12px; border-radius: 0 12px 12px 0; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c:nth-child(n+5):not(.mvt-price):not(.mvt-act) { display: none; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c > span { display: flex; flex-direction: column; min-width: 0; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c b { font: 600 15px/22px var(--owm-font); color: var(--owm-navy); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c small { font: 600 11px/14px var(--owm-font); color: var(--owm-text-2); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-c em { display: none; }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-act { order: 3; flex: 0 0 100%; margin-top: 16px; }

  /* ---------- Plan Card (29:473): dedicated, Almanya, GPU, SLA ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-row, #alm-list .at-row, #dedicated .gs-card, #yn-plans .yp-card) {
    position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin: 0; padding: 20px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card, 16px);
    background: var(--owm-surface); box-shadow: var(--owm-sv-plan-shadow); font-family: var(--owm-font); text-align: left; transform: none; height: auto; overflow: visible;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-row, #alm-list .at-row, #dedicated .gs-card, #yn-plans .yp-card)::before,
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-row, #alm-list .at-row)::after { content: none; display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list, #alm-list, #yn-plans, #dedicated .gs-list) { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-name, #alm-list .at-name) { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 2px; min-width: 0; margin: 0; padding: 0; text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-name .n, #alm-list .at-name .n, #dedicated .gs-name, #yn-plans .yp-name) { display: block; margin: 0; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-name .m, #alm-list .owm-sv-sub, #dedicated .gs-eye, #yn-plans .yp-tier) {
    display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font: 500 13px/18px var(--owm-font); letter-spacing: 0; text-transform: none; color: var(--owm-text-2);
  }
  /* Spec Row (28:189): 28px tinted icon tile, label, value */
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c:not(.odt-act), #alm-list .at-c, #dedicated .gs-specs li) {
    display: flex; align-items: center; gap: 12px; min-height: 36px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--owm-orange-text);
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c:not(.odt-act) + .odt-c:not(.odt-act), #alm-list .at-c + .at-c) { margin-top: -10px; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c, #dedicated .gs-specs li) > i[class*="eg-"]:not(#owm-z) { width: 28px; height: 28px; border-radius: 8px; background: var(--owm-orange-tint); }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c, #dedicated .gs-specs li) > i[class*="eg-"]:not(#owm-z)::after { inset: 6px; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c) > span { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c) b {
    flex: 1 1 100%; min-width: 0; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); text-align: right;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c) b::before { content: attr(data-label); flex: none; margin: 0; font: 400 15px/22px var(--owm-font); letter-spacing: 0; text-transform: none; color: var(--owm-text-2); text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-c, #alm-list .at-c) :is(small, em) { display: none; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-cpu small { display: block; flex: 1 1 100%; font: 500 12px/16px var(--owm-font); color: var(--owm-muted); text-align: right; }
  /* Plan Card price block (29:190) */
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-row, #ow-ded-list .odt-row) > * { align-self: stretch; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-row > .at-name { order: 0; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-row > .at-price { order: 1; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-row > .at-c { order: 2; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-row > .at-act { order: 3; }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-price, #yn-plans .yp-now) { display: flex; align-items: baseline; gap: 4px; margin: 0; padding: 0; text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-price b, #yn-plans .yp-amt) { font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; color: var(--owm-navy); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-price small, #yn-plans .yp-now .yn-per) { font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list, #yn-plans) .owm-sv-note { margin-left: auto; font: 500 13px/18px var(--owm-font); color: var(--owm-muted); white-space: nowrap; }
  /* CTA: Button L (Plan Card CTA 29:233) */
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-act, #alm-list .at-act, #dedicated .gs-foot) { display: block; width: 100%; margin: 0; padding: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-act .btn, #alm-list .at-act .btn, #dedicated .gs-foot .btn, #yn-plans .yp-card .btn) {
    width: 100%; height: 52px; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 24px;
    border: 1.5px solid var(--owm-orange); border-radius: var(--owm-r-ctl, 12px); background: var(--owm-surface) !important; box-shadow: none !important; font: 700 16px/20px var(--owm-font); color: var(--owm-orange-text) !important; text-decoration: none; white-space: nowrap;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-act, #vps .vp-card, #paketler .mvt-act, #ow-ded-list .odt-act, #alm-list .at-act, #dedicated .gs-foot, #yn-plans .yp-card) .btn::before { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-act .btn span, #dedicated .gs-foot .btn span) { font: inherit; color: inherit; }

  /* GPU card */
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-card { overflow: hidden; }
  /* product visual stays on its navy surface (Tag / dark tone 19:40) */
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-card + .gs-card { margin-top: 0; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-vis { gap: 12px; min-height: 0; margin: 0; padding: 16px; border-radius: 12px; overflow: hidden; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-chips { gap: 8px; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-chip, body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-chip + .gs-chip {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px 4px 8px; border: 0; border-radius: 8px; background: rgba(255, 255, 255, .08); font: 500 13px/18px var(--owm-font); color: #e8eaf2;
  }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-chip i[class*="eg-"]:not(#owm-z) { width: 14px; height: 14px; color: #faa733; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-img img { max-width: 100%; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-cap { gap: 8px; padding-top: 12px; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-cap b { font: 700 15px/22px var(--owm-font); color: #fff; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-cap span { font: 500 13px/18px var(--owm-font); color: #faa733; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-body { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-name { order: 0; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-body .gs-eye { order: 1; margin-top: -10px; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-desc { order: 2; margin: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-specs { order: 3; display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-specs li > span {
    flex: 1 1 0; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: baseline;
  }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-specs small { grid-column: 1; grid-row: 1; display: block; margin: 0; font: 400 15px/22px var(--owm-font); letter-spacing: 0; text-transform: none; color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-specs b { grid-column: 2; grid-row: 1; font: 600 15px/22px var(--owm-font); color: var(--owm-navy); text-align: right; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-specs em { grid-column: 2; grid-row: 2; font: 500 12px/16px var(--owm-font); font-style: normal; color: var(--owm-muted); text-align: right; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-foot { order: 4; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 12px; margin: 0; padding: 0; border: 0; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-foot .gs-note { flex: none; }

  /* SLA (yonetim) cards: Plan Card with "PAKETE DAHİL" check rows, collapsed to 4 + toggle */
  body[class*="ow-tpl-page-sunucu-"] #yn-plans { margin: 0; padding: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-bar { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin: 0 0 12px; padding: 0; border: 0; background: none; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 4px 4px; background: none; position: relative; isolation: isolate; row-gap: 8px; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period::before { content: ""; grid-row: 2; grid-column: 1 / -1; margin: -4px; border-radius: var(--owm-r-ctl, 12px); background: var(--owm-divider); z-index: -1; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period > span { grid-row: 1; grid-column: 1 / -1; width: auto; margin: 0 0 0 -4px; font: 600 14px/20px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period button { grid-row: 2; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period button:nth-of-type(1) { grid-column: 1; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period button:nth-of-type(2) { grid-column: 2; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period button:nth-of-type(3) { grid-column: 3; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-period button:nth-of-type(4) { grid-column: 4; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-main { display: contents; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-name { order: 1; padding-right: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-card.is-feat .yp-name { padding-right: 104px; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-top { order: 2; display: block; margin: -10px 0 0; padding: 0; border: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-name { border: 0; padding-bottom: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-price { order: 3; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; border: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-old { display: flex; align-items: center; gap: 8px; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-old u { font: 400 15px/22px var(--owm-font); color: var(--owm-muted); text-decoration: line-through; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-old .amount-discount { display: inline-flex; align-items: center; margin: 0; padding: 4px 8px; border: 0; border-radius: 999px; background: var(--owm-sv-success-tint, var(--owm-success-tint)); font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; color: var(--owm-sv-success-ink); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat { order: 4; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 12px 16px; border: 0; border-radius: 12px; background: var(--owm-bg); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-fl { font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat ul { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat li { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 4px 0; border: 0; font: 400 15px/22px var(--owm-font); color: var(--owm-text); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat li > i[class*="eg-"]:not(#owm-z) { width: 20px; height: 20px; margin-top: 1px; color: var(--owm-success); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat li.is-off { color: var(--owm-muted); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-feat li.is-off > i[class*="eg-"]:not(#owm-z) { color: var(--owm-muted); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-card.owm-sv-col:not(.owm-sv-open) .yp-feat li:nth-child(n+5) { display: none; }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .owm-sv-more {
    order: 5; align-self: flex-end; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: -12px 0 -8px; padding: 0 0 0 8px; border: 0; border-radius: 12px; background: none;
    font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); cursor: pointer;
  }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .owm-sv-open .owm-sv-more .owm-sv-i { transform: rotate(180deg); }
  body[class*="ow-tpl-page-sunucu-"] #yn-plans .yp-card .btn { order: 6; }

  /* ---------- filters: count, Chip 19:51 rows (scroll sideways), sort select ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-bar, #alm-list .at-bar) { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin: 0 0 12px; padding: 0; border: 0; background: none; box-shadow: none; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-count, #alm-list .at-count, #yn-plans .yp-count, #vps .vp-count) { margin: 0; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-count, #alm-list .at-count, #yn-plans .yp-count, #vps .vp-count) b { font-weight: 700; color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-filters { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 8px; min-width: 0; margin: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter, #alm-list .at-fg) {
    display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 calc(-1 * var(--owm-gutter, 20px)); padding: 2px var(--owm-gutter, 20px);
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; border: 0; background: none;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter, #alm-list .at-fg)::-webkit-scrollbar { display: none; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter, #alm-list .at-fg) > span { position: static; flex: none; min-width: 72px; margin: 0; font: 600 14px/20px var(--owm-font); color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter button, #alm-list .at-fg button) {
    position: relative; flex: none; height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 16px;
    border: 1px solid var(--owm-border); border-radius: 999px; background: var(--owm-surface); box-shadow: none; font: 600 14px/20px var(--owm-font); color: var(--owm-text); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter button, #alm-list .at-fg button)::after { content: ""; position: absolute; inset: -2px 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter button.on, #alm-list .at-fg button.on) { padding: 0 16px 0 12px; border: 1.5px solid var(--owm-orange); background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter button.on, #alm-list .at-fg button.on)::before {
    content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--owm-sv-check) center / contain no-repeat; mask: var(--owm-sv-check) center / contain no-repeat;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-filter button, #alm-list .at-fg button):focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-sort { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 13px/18px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-sel {
    height: 44px; max-width: 190px; margin: 0; padding: 0 36px 0 12px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-ctl, 12px); background: var(--owm-surface);
    font: 600 14px/20px var(--owm-font); color: var(--owm-navy); text-overflow: ellipsis; -webkit-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23C2531A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 18px 18px;
  }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-more { margin: 12px 0 0; padding: 0; text-align: center; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-more[hidden], body[class*="ow-tpl-page-sunucu-"] #alm-list .at-empty[hidden] { display: none !important; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-more button {
    width: 100%; height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 20px; border: 1.5px solid var(--owm-orange); border-radius: var(--owm-r-ctl, 12px);
    background: var(--owm-surface); font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); box-shadow: none;
  }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-more button :is(span, b) { font: inherit; color: inherit; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-more button[aria-expanded="true"] i { transform: rotate(180deg); }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-empty { margin: 0; padding: 20px; border: 1px dashed var(--owm-border); border-radius: var(--owm-r-card, 16px); background: var(--owm-surface); text-align: center; font: 500 15px/22px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-empty p { margin: 0 0 12px; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-reset { height: 44px; padding: 0 20px; border: 1.5px solid var(--owm-orange); border-radius: var(--owm-r-ctl, 12px); background: var(--owm-surface); font: 600 15px/22px var(--owm-font); color: var(--owm-orange-text); }

  /* ---------- notes under the lists ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-note, .vp-promo, .odt-note, .at-note > span, .yp-note, .mvt-note, .gs-note) {
    display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 8px; row-gap: 2px; align-items: start; margin: 0; padding: 12px; border: 1px solid var(--owm-border); border-radius: 12px;
    background: var(--owm-surface); box-shadow: none; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); text-align: left;
  }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-note, .vp-promo, .odt-note, .at-note > span, .yp-note, .mvt-note, .gs-note) > i[class*="eg-"]:not(#owm-z) { grid-column: 1; grid-row: 1 / span 2; width: 16px; height: 16px; margin-top: 1px; color: var(--owm-orange-text); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :where(.vd-note, .vp-promo, .odt-note, .at-note > span, .yp-note, .mvt-note, .gs-note) > :not(i) { grid-column: 2; margin: 0; padding: 0; background: none; font: inherit; color: inherit; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-note, #vps .vp-promo) > b { font-weight: 700; color: var(--owm-navy); text-transform: none; letter-spacing: 0; }
  body[class*="ow-tpl-page-sunucu-"] :is(#alm-list .at-note, #yn-plans .yp-note, #ow-ded-list .odt-note) a { color: var(--owm-orange-text); font-weight: 600; text-decoration: none; }
  body[class*="ow-tpl-page-sunucu-"] #vds .vd-note { margin-top: 12px; }
  body[class*="ow-tpl-page-sunucu-"] :is(#ow-ded-list .odt-note, #yn-plans .yp-note, #dedicated .gs-note) { margin-top: 12px; }
  body[class*="ow-tpl-page-sunucu-"] #dedicated .gs-note { margin-top: 0; }
  body[class*="ow-tpl-page-sunucu-"] #alm-list .at-note { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 0; padding: 0; border: 0; background: none; }
  body[class*="ow-tpl-page-sunucu-"] #vps .vp-bar { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; margin: 0 0 12px; padding: 0; border: 0; background: none; }

  /* ---------- "Tüm ... paketlerinde" card (40:1028) ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-inc, #vps .vp-inc, #dedicated .odi, #alm-inc, #dedicated .gs-inc, #yonetim .yi, #paketler .mvt-bar) {
    display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 32px 0 0; padding: 20px; border: 1px solid var(--owm-sv-card-border); border-radius: var(--owm-r-card, 16px);
    background: var(--owm-surface); box-shadow: var(--owm-sv-card-shadow); font-family: var(--owm-font); text-align: left;
  }
  body[class*="ow-tpl-page-sunucu-"] #paketler .mvt-bar { margin-top: 20px; flex-direction: column; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :is(.vd-inc-head, .vp-inc-head, .odi-head, .ai-head, .gs-inc-head, .yi-head) { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; border: 0; text-align: left; }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :is(.vd-inc-t, .vp-inc-t, .odi-title, .ai-title, .gs-inc-title, .yi-title, #paketler .mvt-bar > span) { display: block; margin: 0; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; color: var(--owm-navy); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :is(.vd-inc-s, .vp-inc-s, .odi-sub, .ai-sub, .gs-inc-sub, .yi-sub) { display: block; margin: 0; font: 500 13px/18px var(--owm-font); color: var(--owm-text-2); }
  body[class*="ow-tpl-page-sunucu-"] :is(#vds, #vps, #dedicated, #paketler, #yonetim) :is(#vds .vd-inc ul, #vps .vp-inc ul, .odi-grid, .ai-grid, .gs-inc-grid, .yi-grid, .mvt-tags) {
    display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; grid-template-columns: none; border: 0; background: none;
  }

  /* ---------- server-only content sections: primary CTA = Button / Primary L (19:95) ---------- */
  body[class*="ow-tpl-page-sunucu-"] :is(#vds-panel, #vds-mig, #vps-panel, #vps-cfg, #ded-cfg, #alm-net, #mv-cta, #gpu-cfg, #yn-cta) .btn.btn-main {
    min-height: 52px; border-radius: var(--owm-r-ctl, 12px); font: 700 16px/20px var(--owm-font);
  }

  /* ---------- dark (40:2326): page CSS forces some colours with !important ---------- */
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) h1 { color: #fff !important; }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] :is(#vds-hero, #vps-hero, #ded-hero, #alm-hero, #mv-hero, #gpu-hero, #yn-hero) :is(.vdh-desc, .vh-desc, .dh-desc, .ah-desc, .mh-desc, .gh-desc, .yh-desc) { color: var(--owm-sv-ondark-2) !important; }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] #vds .vd-specs > .item .owm-sv-lbl { color: var(--owm-text-2) !important; }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-per-txt, #vds .owm-sv-vat) { color: var(--owm-muted) !important; }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] :is(#vds .vd-inc li, #vps .vp-inc li) { color: var(--owm-text) !important; background: var(--owm-bg) !important; }
  html.oweb-dark body[class*="ow-tpl-page-sunucu-"] #vds .vd-note { color: var(--owm-text-2) !important; }
}

/* ---- 50-domain.css ---- */
/* 50 domain (mob44): Figma 05 Alan Adı Arama (39:45) on domainregister (alan-adi-kayit + cart.php?a=add&domain=register results),
   plus the domain tool pages page/domain/whois and page/domain/alan-adi-fiyatlari built from the same design system
   (Search Field/Domain 25:203, Tag 19:40, Badge 19:16, Button 19:95, Icon Button 19:131, Section Header 28:185, TLD Price Tile 28:260,
   List Row 29:654, Accordion Item 29:650, Feature Tile 28:216, Check Row 28:195, Spec Row 28:189, Segmented Control 22:564, 13 Boş/Hata 40:2447).
   Everything is inside the mobile media query; desktop (>= 992px) is untouched. Behaviour/markup: work/js/50-domain.js (owm-d50-*). */
@media (min-width: 200px) and (max-width: 991.98px) {
  /* min-width 200px guard: Chromium full-page captures briefly lay the page out at a < 200px viewport, which flips every
     max-width query; legacy desktop transitions then animate back from the mobile values and the capture shows them.
     Real phones are >= 320px, so this guard changes nothing for users and keeps desktop captures identical. */
  @media (min-width: 200px) {
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) {
    --d50-ok: var(--owm-success, #20bd80);
    --d50-ok-ink: var(--owm-success-text, #11845b);
    --d50-ok-tint: var(--owm-success-tint, #effbf5);
    --d50-danger: var(--owm-danger, #f35b5b);
    --d50-danger-tint: #fef0f0;
    --d50-warn-ink: #9a5a00;
    --d50-warn-tint: #fff4e0;
    --d50-shadow: 0 8px 24px rgba(22, 24, 45, .08);
    --d50-card-bd: transparent;
    --d50-badge-bg: #1f2433;
    --d50-badge-ink: #fff;
    --d50-ph: var(--owm-muted);
    --d50-body: var(--owm-text);
    --d50-dark-card: linear-gradient(139.27deg, #16182d 0%, #272c4f 71.43%);
    --d50-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5M17.5 10C17.5 5.85786 14.1421 2.5 10 2.5M17.5 10H13.1667M10 17.5C5.85786 17.5 2.5 14.1421 2.5 10M10 17.5C12.0833 15.3333 13.1667 12.8333 13.1667 10M10 17.5C7.91667 15.3333 6.83333 12.8333 6.83333 10M2.5 10C2.5 5.85786 5.85786 2.5 10 2.5M2.5 10H6.83333M10 2.5C12.0833 4.66667 13.1667 7.16667 13.1667 10M10 2.5C7.91667 4.66667 6.83333 7.16667 6.83333 10M6.83333 10H13.1667' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-chev-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-chev-u: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 11.25L9 6.75L13.5 11.25' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-check-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 10.4167L9 12.75L13.3333 8.16671M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-arrow-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 7H9.01M15 7H15.01M9 11H9.01M15 11H15.01M9 15H9.01M15 15H15.01M10 21V18H14V21M6 3H18C18.5523 3 19 3.44772 19 4V20C19 20.5523 18.5523 21 18 21H6C5.44772 21 5 20.5523 5 20V4C5 3.44772 5.44772 3 6 3Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --d50-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none'%3E%3Ccircle cx='75' cy='75' r='64' stroke='%23F2712A' stroke-opacity='0.22' stroke-width='22'/%3E%3C/svg%3E");
  }
  html.oweb-dark body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) {
    --d50-ok-ink: #20bd80;
    --d50-ok-tint: rgba(32, 189, 128, .14);
    --d50-danger-tint: rgba(243, 91, 91, .14);
    --d50-warn-ink: #faa733;
    --d50-warn-tint: rgba(250, 167, 51, .14);
    --d50-shadow: none;
    --d50-card-bd: var(--owm-border);
    --d50-badge-bg: #2d3344;
    --d50-badge-ink: #e8eaf2;
    --d50-ph: #7f88a0;
  }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) { background-color: var(--owm-bg); }
  /* no CSS transitions on the blocks restyled here (see the min-width guard note at the top): a guarded rule set that
     switches back after a capture-time relayout must not animate, or full-page screenshots catch it mid-way */
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain :is(*, *::before, *::after),
  .ow-tpl-domainregister :is(#steps-view, #features, #related, #faq, #seo-content) :is(*, *::before, *::after),
  .ow-tpl-page-domain-whois #alternative-list :is(*, *::before, *::after),
  .ow-tpl-page-domain-alan-adi-fiyatlari :is(#page-head, #price-list, #domain-details) :is(*, *::before, *::after),
  .owm-d50, .owm-d50 :is(*, *::before, *::after) { transition: none !important; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) .border--linear,
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) .corner--icon { display: none !important; }

  /* ================= "Arama" block: Search Field / Domain 25:203 (focused state as in 05) ================= */
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain { position: relative; z-index: 1; margin: 0 !important; padding: 16px 0 !important; background: var(--owm-surface); border-bottom: 1px solid var(--owm-divider); }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain::before,
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain::after,
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .main--domain::before { display: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .main--domain { margin: 0; padding: 0; border-radius: 0; background: none; text-align: left; }
  /* the page h1 stays in the DOM (SEO + screen readers); Figma shows the title in the app bar only */
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .main--domain > .title { position: absolute !important; left: 0; top: 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .main--domain > .title * { display: inline; width: auto; max-width: 1px; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .main--domain > .list--options { display: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon { box-sizing: border-box; position: relative; display: flex; align-items: center; gap: 12px; width: 100%; max-width: none; height: 60px; margin: 0; padding: 8px 8px 8px 16px; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(22, 24, 45, .08); }
  /* focused state (05): also kept while a search is running / its results are shown, as in the Figma results screen */
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon:focus-within,
  .ow-tpl-domainregister.owm-d50-busy #domain .form-floating.form-icon { padding: 7.5px 7.5px 7.5px 15.5px; border: 1.5px solid var(--owm-orange); box-shadow: 0 0 0 4px rgba(242, 113, 42, .18); }
  html.oweb-dark body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois):not(.owm-d50-busy) #domain .form-floating.form-icon:not(:focus-within) { box-shadow: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon .icon { position: static; flex: none; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; transform: none; background-color: var(--owm-muted); -webkit-mask: var(--d50-globe) center / 20px 20px no-repeat; mask: var(--d50-globe) center / 20px 20px no-repeat; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon .icon > i { display: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .form-control { flex: 1 1 0; min-width: 0; width: auto; height: 44px !important; min-height: 0; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none; color: var(--owm-navy) !important; font: 600 16px/24px var(--owm-font); letter-spacing: 0; text-overflow: ellipsis; outline: 0; -webkit-appearance: none; appearance: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .form-control::placeholder { color: var(--d50-ph) !important; font-weight: 400; opacity: 1; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > label { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0 !important; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; opacity: 0; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .btn { position: relative; inset: auto; flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 44px; margin: 0; padding: 0 20px !important; border: 0; border-radius: 12px; transform: none; box-shadow: 0 8px 20px rgba(242, 113, 42, .28); color: #fff; font: 600 15px/22px var(--owm-font); white-space: nowrap; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .btn > i { display: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .btn::before { display: none; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois) #domain .form-floating.form-icon > .btn[disabled] { opacity: .85; }
  .owm-d50-help { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); text-align: left; }
  .owm-d50-help svg { flex: none; color: var(--owm-muted); }

  /* ================= shared pieces (JS-built, owm-d50-*) ================= */
  .owm-d50, .owm-d50 * { box-sizing: border-box; }
  .owm-d50 { font-family: var(--owm-font); }
  .owm-d50 svg { display: block; flex: none; }
  .owm-d50 h2, .owm-d50 h3, .owm-d50 p { margin: 0; }
  .owm-d50-grp { display: flex; flex-direction: column; gap: 12px; }
  .owm-d50-grp + .owm-d50-grp { margin-top: 32px; }
  /* Section Header 28:185 */
  .owm-d50-sh { display: flex; flex-direction: column; gap: 8px; }
  .owm-d50 .owm-d50-sh__eye { color: var(--owm-orange-text); font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  .owm-d50 .owm-d50-sh__title { color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .owm-d50 .owm-d50-sh__desc { color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  /* Tag 19:40 */
  .owm-d50-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px 4px 8px; border-radius: 8px; font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  .owm-d50-tag--ok { background: var(--d50-ok-tint); color: var(--d50-ok-ink); }
  .owm-d50-tag--muted { background: var(--owm-bg); color: var(--d50-body); }
  .owm-d50-tag--muted svg { color: var(--owm-text-2); }
  .owm-d50-tag--warn { background: var(--d50-warn-tint); color: var(--d50-warn-ink); }
  /* Badge 19:16 (Neutral) */
  .owm-d50-badge { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 999px; background: var(--d50-badge-bg); color: var(--d50-badge-ink); font: 800 11px/14px var(--owm-font); letter-spacing: .4px; text-transform: uppercase; white-space: nowrap; }
  /* Button 19:95 */
  .owm-d50 .owm-d50-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; margin: 0; padding: 0 20px; border: 0; border-radius: 12px; font: 600 15px/22px var(--owm-font); text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; }
  .owm-d50 .owm-d50-btn--primary, .owm-d50 .owm-d50-btn--primary:hover, .owm-d50 .owm-d50-btn--primary:focus { background: var(--owm-grad); color: #fff; box-shadow: 0 8px 20px rgba(242, 113, 42, .28); }
  .owm-d50 .owm-d50-btn--l { width: 100%; height: 52px; padding: 0 24px; font: 700 16px/20px var(--owm-font); }
  .owm-d50 .owm-d50-btn--secondary, .owm-d50 .owm-d50-btn--secondary:hover, .owm-d50 .owm-d50-btn--secondary:focus { background: var(--owm-surface); border: 1.5px solid var(--owm-orange); color: var(--owm-orange-text); }
  .owm-d50 .owm-d50-btn--ghost, .owm-d50 .owm-d50-btn--ghost:hover, .owm-d50 .owm-d50-btn--ghost:focus { background: transparent; color: var(--owm-orange-text); }
  .owm-d50 .owm-d50-btn[disabled], .owm-d50 .owm-d50-btn[aria-busy="true"] { opacity: .7; cursor: default; }
  .owm-d50 :focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  /* Icon Button 19:131 (Outline / Primary) */
  .owm-d50 .owm-d50-ibtn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid var(--owm-border); border-radius: 12px; background: var(--owm-surface); color: var(--owm-navy); text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; }
  .owm-d50 .owm-d50-ibtn:hover { color: var(--owm-navy); }
  .owm-d50 .owm-d50-ibtn.is-added, .owm-d50 .owm-d50-ibtn.is-added:hover { border: 0; background: var(--owm-grad); color: #fff; }
  .owm-d50 .owm-d50-ibtn[aria-busy="true"] { opacity: .55; }
  /* domain name with orange TLD */
  .owm-d50 .owm-d50-dn { min-width: 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); overflow-wrap: break-word; }
  .owm-d50 .owm-d50-dn > span { color: var(--owm-orange-text); }
  .owm-d50 .owm-d50-dn--xl { font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; }
  .owm-d50 .owm-d50-dn--muted { flex: 1 1 0; color: var(--owm-text-2); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }

  /* ================= results (05: Tam Eşleşme + Alternatif Uzantılar) ================= */
  .owm-d50-res { padding: 24px 0 0; }
  .owm-d50-res[hidden] { display: none !important; }
  .ow-tpl-domainregister #alternative-list { display: none !important; }
  .owm-d50-card { display: flex; flex-direction: column; background: var(--owm-surface); border-radius: 16px; box-shadow: var(--d50-shadow); overflow: hidden; }
  .owm-d50-card--ok { gap: 16px; padding: 20px; border: 1.5px solid var(--d50-ok); }
  .owm-d50-card--taken { gap: 12px; padding: 16px 20px 20px; border: 1px solid var(--d50-card-bd); }
  .owm-d50-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .owm-d50 .owm-d50-card__note { color: var(--owm-muted); font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  .owm-d50 a.owm-d50-card__note { color: var(--owm-orange-text); text-decoration: underline; text-underline-offset: 2px; }
  .owm-d50-card__name { display: flex; flex-direction: column; gap: 4px; }
  .owm-d50-card__price { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; white-space: nowrap; }
  .owm-d50-amt { display: inline-flex; align-items: baseline; gap: 4px; }
  .owm-d50 .owm-d50-amt b { color: var(--owm-navy); font: 800 26px/30px var(--owm-font); letter-spacing: -.5px; }
  .owm-d50 .owm-d50-amt small, .owm-d50 .owm-d50-vat { font: 500 13px/18px var(--owm-font); }
  .owm-d50 .owm-d50-amt small { color: var(--owm-text-2); }
  .owm-d50 .owm-d50-vat { color: var(--owm-muted); }
  .owm-d50-card__head { display: flex; align-items: center; gap: 12px; }
  .owm-d50 .owm-d50-card__desc { color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  .owm-d50-card__actions { display: flex; gap: 12px; }
  .owm-d50-card__actions .owm-d50-btn { flex: 1 1 0; min-width: 0; padding: 0 12px; }
  .owm-d50-list { overflow: hidden; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); }
  .owm-d50-row { display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 12px 16px; border-bottom: 1px solid var(--owm-divider); }
  .owm-d50-row:last-child { border-bottom: 0; }
  /* fix45: streaming results (search.js .owdc-pending rows) */
  .owm-d50-card--pending { gap: 16px; padding: 20px; border: 1px solid var(--d50-card-bd); }
  .owm-d50-spin { display: inline-block; flex: none; width: 12px; height: 12px; margin-right: 2px; border: 2px solid var(--owm-divider); border-top-color: var(--owm-orange); border-radius: 50%; animation: owm-d50-rot .7s linear infinite; }
  .owm-d50-skel { display: block; border-radius: 8px; background: linear-gradient(90deg, var(--owm-bg) 25%, var(--owm-surface) 50%, var(--owm-bg) 75%); background-size: 200% 100%; animation: owm-d50-sh 1.2s ease-in-out infinite; }
  .owm-d50-skel--price { width: 120px; height: 28px; }
  .owm-d50-skel--btn { width: 100%; height: 52px; border-radius: 12px; }
  .owm-d50-skel--row { flex: none; width: 84px; height: 22px; }
  .owm-d50-row.is-pending .owm-d50-dn { color: var(--owm-text-2); }
  .owm-d50-st--muted .owm-d50-spin { width: 10px; height: 10px; }
  @media (prefers-reduced-motion: reduce) { .owm-d50-spin, .owm-d50-skel { animation: none; } }
  .owm-d50-row--x { display: none; }
  .owm-d50-list.is-expanded .owm-d50-row--x { display: flex; }
  .owm-d50-row__main { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  .owm-d50 .owm-d50-st { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--d50-ok-ink); font: 500 13px/18px var(--owm-font); }
  .owm-d50 .owm-d50-st--muted { color: var(--d50-body); }
  .owm-d50 .owm-d50-st--muted svg { color: var(--owm-text-2); }
  .owm-d50 .owm-d50-st--warn { color: var(--d50-warn-ink); }
  .owm-d50 .owm-d50-st a, .owm-d50 a.owm-d50-card__note { padding: 13px 0; margin: -13px 0; color: var(--owm-orange-text); text-decoration: underline; text-underline-offset: 2px; }
  .owm-d50-dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--d50-ok); }
  .owm-d50-st--warn .owm-d50-dot { background: var(--owm-amber); }
  .owm-d50-row.is-taken .owm-d50-dn, .owm-d50-row.is-reserved .owm-d50-dn { color: var(--owm-text-2); }
  .owm-d50-row.is-taken .owm-d50-dn > span, .owm-d50-row.is-reserved .owm-d50-dn > span { color: inherit; }
  .owm-d50-row__price { flex: none; width: 84px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; white-space: nowrap; }
  .owm-d50 .owm-d50-row__price b { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  .owm-d50 .owm-d50-row__price small { color: var(--owm-muted); font: 600 11px/14px var(--owm-font); }
  :is(.owm-d50 .owm-d50-more, .owm-d50.owm-d50-more) { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 52px; margin: 0; padding: 0 20px; border: 0; border-radius: 0 0 16px 16px; background: transparent; color: var(--owm-orange-text); font: 600 15px/22px var(--owm-font); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .owm-d50-more svg { transition: transform .2s ease; }
  .owm-d50-list.is-expanded .owm-d50-more svg, .owm-d50-more.is-open svg { transform: rotate(180deg); }
  /* empty / error states (13 Boş/Hata 40:2447) */
  .owm-d50-state { display: flex; flex-direction: column; align-items: center; padding: 20px; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: 16px; text-align: center; }
  .owm-d50-state__ill { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 32px; background: var(--owm-bg); }
  .owm-d50-state__ic { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 24px; background: var(--owm-border); color: var(--owm-text-2); }
  .owm-d50-state--err .owm-d50-state__ill, .owm-d50-state--err .owm-d50-state__ic { background: var(--d50-danger-tint); color: var(--d50-danger); }
  .owm-d50 .owm-d50-state__t { margin-top: 12px; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .owm-d50 .owm-d50-state__d { margin-top: 4px; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); overflow-wrap: anywhere; }
  .owm-d50-state__act { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; }

  /* ================= TLD Price Tile 28:260 (legacy .main-domain-list) ================= */
  .ow-tpl-domainregister #steps-view { margin: 0; padding: 24px 0 0 !important; }
  .ow-tpl-domainregister.owm-d50-busy #steps-view { padding-top: 32px !important; }
  .ow-tpl-domainregister #steps-view .main-domain-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ow-tpl-domainregister.owm-d50-busy #steps-view .main-domain-list { display: none; }
  .ow-tpl-domainregister #steps-view .main-domain-list > * { width: auto; max-width: none; margin: 0; padding: 0; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain { box-sizing: border-box; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; column-gap: 8px; height: 64px; padding: 0 12px; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: 16px; text-decoration: none; transition: none; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain.featured { border: 1.5px solid var(--owm-orange); padding: 0 11.5px; background: var(--owm-orange-tint); }
  html.oweb-dark .ow-tpl-domainregister #steps-view .main-domain-list .domain.featured { background: rgba(242, 113, 42, .16); }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain > img { display: none; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain .owm-d50-tile__tld { grid-column: 1; grid-row: 1 / span 2; align-self: center; min-width: 0; overflow: hidden; color: var(--owm-navy); font: 800 clamp(16px, 5.13vw, 20px)/24px var(--owm-font); letter-spacing: -.2px; text-overflow: ellipsis; white-space: nowrap; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain span.price { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; padding: 0; border: 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); white-space: nowrap; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain.featured span.price { color: var(--owm-orange-text); }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain .owm-d50-tile__per { grid-column: 2; grid-row: 2; justify-self: end; color: var(--d50-ph); font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  .ow-tpl-domainregister #steps-view .main-domain-list .domain span.feature { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

  /* ================= Transfer Banner (39:235) + Alan adı araçları (39:249) ================= */
  .owm-d50-extra { display: flex; flex-direction: column; gap: 32px; margin-top: 32px; }
  .ow-tpl-domainregister.owm-d50-busy .owm-d50-extra { margin-top: 0; }
  .owm-d50-tr { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: 16px; background: var(--d50-dark-card); }
  html.oweb-dark .owm-d50-tr { box-shadow: inset 0 0 0 1px var(--owm-border); }
  .owm-d50-tr::after { content: ""; position: absolute; right: -50px; bottom: -58px; z-index: -1; width: 150px; height: 150px; background: var(--d50-ring) center / 150px 150px no-repeat; pointer-events: none; }
  .owm-d50-tr__head { display: flex; align-items: center; gap: 12px; }
  .owm-d50-tr__ico { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--owm-grad); color: #fff; }
  .owm-d50-tr__txt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  .owm-d50 .owm-d50-tr__eye { color: var(--owm-amber); font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  .owm-d50 .owm-d50-tr__title { color: #fff; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  /* rendered Figma colour of 39:244 is ~#c9cad3 on the gradient (white text layer at ~78% opacity) */
  .owm-d50 .owm-d50-tr__desc { color: rgba(255, 255, 255, .78); font: 400 15px/22px var(--owm-font); }
  .owm-d50-tr .owm-d50-btn { align-self: flex-start; }
  .owm-d50-tools { display: flex; flex-direction: column; gap: 12px; }
  .owm-d50 .owm-d50-tools__title { color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .owm-d50-lcard { overflow: hidden; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); }
  .owm-d50 .owm-d50-lrow { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 16px; color: var(--owm-navy); text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .owm-d50-lrow + .owm-d50-lrow::before { content: ""; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background: var(--owm-divider); }
  .owm-d50-lrow__tile { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--owm-bg); color: var(--owm-navy); font-size: 20px; line-height: 1; }
  .owm-d50-lrow__tile i { display: block; margin: 0 !important; color: inherit !important; font-size: 20px !important; line-height: 1; }
  .owm-d50-lrow__txt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .owm-d50 .owm-d50-lrow__t { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  .owm-d50 .owm-d50-lrow__s { color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  .owm-d50-lrow__chev { color: var(--owm-muted); }
  .owm-d50-wtools { padding: 32px 0; }

  /* ================= shared content sections ================= */
  /* domainregister is not a page/* template, so 25-sections.css does not style its sections: they are styled here.
     On whois / domain prices the generic sections (title-heading, FAQ, SEO card, #related) come from 25-sections.css. */
  /* Section Header 28:185 for legacy .title-heading / .heading */
  .ow-tpl-domainregister .title-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 16px; padding: 0; text-align: left !important; }
  .ow-tpl-domainregister .title-heading::before,
  .ow-tpl-domainregister .title-heading::after { display: none; }
  .ow-tpl-domainregister .title-heading span.top-text { display: block; margin: 0; background: none; -webkit-text-fill-color: currentColor; color: var(--owm-orange-text); font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  .ow-tpl-domainregister .title-heading :is(span.title, h2) { margin: 0; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .ow-tpl-domainregister .title-heading h2 span.title { font: inherit; letter-spacing: inherit; color: inherit; }
  .ow-tpl-domainregister .title-heading > p { margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }

  /* 3 Adımda (steps) -> Section Header + Accordion Items */
  .ow-tpl-domainregister #steps-view > .container-xl > .row.pt-5 { margin: 32px 0 0; padding: 0 !important; --bs-gutter-x: 0; }
  .ow-tpl-domainregister #steps-view > .container-xl > .row.pt-5 > :first-child { display: none; }
  .ow-tpl-domainregister #steps-view > .container-xl > .row.pt-5 > :last-child { width: 100%; padding: 0; }
  .ow-tpl-domainregister #steps-view .steps--content { padding: 0; }
  .ow-tpl-domainregister #steps-view .steps--content::after { display: none; }
  .ow-tpl-domainregister #steps-view .steps--content .head { display: flex; flex-direction: column; gap: 8px; margin: 0 0 16px; }
  .ow-tpl-domainregister #steps-view .steps--content .head h2 { margin: 0; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .ow-tpl-domainregister #steps-view .steps--content .head p { margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items { gap: 8px; }
  /* Accordion Item 29:650 (steps + FAQ) */
  .ow-tpl-domainregister :is(#steps-view .steps--items .item, #faq .accordion.faq .item) { position: relative; margin: 0; padding: 0; background: var(--owm-surface); border: 1px solid var(--owm-border); border-radius: 16px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .ow-tpl-domainregister :is(#steps-view .steps--items .item, #faq .accordion.faq .item).show { border-color: var(--owm-orange); }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item.show { pointer-events: auto; cursor: pointer; }
  /* chevron circle 32px (::after) + chevron icon 18px (::before), Accordion Item 29:650 */
  .ow-tpl-domainregister :is(#steps-view .steps--content .steps--items .item .ow-h, #faq .accordion.faq .item .head)::after { content: ""; position: absolute; top: 50%; margin-top: -16px; right: 16px; bottom: auto; left: auto; z-index: 0; width: 32px; min-width: 0; height: 32px; border-radius: 999px; background: var(--owm-bg); opacity: 1; transform: none; }
  .ow-tpl-domainregister :is(#steps-view .steps--content .steps--items .item .ow-h, #faq .accordion.faq .item .head)::before { content: ""; position: absolute; top: 50%; margin-top: -9px; right: 23px; bottom: auto; left: auto; z-index: 1; width: 18px; height: 18px; border-radius: 0; background: var(--owm-text-2); -webkit-mask: var(--d50-chev-d) center / 18px 18px no-repeat; mask: var(--d50-chev-d) center / 18px 18px no-repeat; transition: none; opacity: 1; transform: none; }
  .ow-tpl-domainregister :is(#steps-view .steps--content .steps--items .item.show .ow-h, #faq .accordion.faq .item.show .head)::after { background: var(--owm-orange-tint); }
  .ow-tpl-domainregister :is(#steps-view .steps--content .steps--items .item.show .ow-h, #faq .accordion.faq .item.show .head)::before { background: var(--owm-orange-text); -webkit-mask-image: var(--d50-chev-u); mask-image: var(--d50-chev-u); }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item .ow-h { position: relative; display: block; min-height: 54px; padding: 16px 60px 16px 16px; }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item::before { display: none; }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item .ow-h span,
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item.show .ow-h span { display: block; margin: 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #steps-view .steps--content .steps--items .item p { max-width: none; margin: -4px 0 0; padding: 0 16px 16px; color: var(--d50-body); font: 400 15px/22px var(--owm-font); }

  /* FAQ: Section Header + Accordion Items (03 "Sık Sorulan Sorular" 39:1056) */
  .ow-tpl-domainregister #faq { margin: 0; padding: 32px 0 !important; background: var(--owm-bg); }
  .ow-tpl-domainregister #faq .faq-list { max-width: none; margin: 0; }
  .ow-tpl-domainregister #faq .accordion.faq { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; background: none; }
  .ow-tpl-domainregister #faq .accordion.faq .item .head { position: relative; display: block; height: auto; min-height: 56px; margin: 0; padding: 16px 60px 16px 16px; border: 0; background: none; }
  .ow-tpl-domainregister #faq .accordion.faq .item .head > i { display: none; }
  .ow-tpl-domainregister #faq .accordion.faq .item .head :is(h3, span) { margin: 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #faq .accordion.faq .item .body { margin: 0; padding: 0 16px 16px; border: 0; background: none; }
  .ow-tpl-domainregister #faq .accordion.faq .item .body p { margin: 0; color: var(--d50-body); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #faq .accordion.faq .item .body p + p { margin-top: 8px; }
  .ow-tpl-domainregister :is(#faq .accordion .body, #steps-view .steps--items .item p) a { color: var(--owm-orange-text); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

  /* Feature Tile 28:216 (horizontal) for #features + the 3-card rows of whois / prices */
  .ow-tpl-domainregister #features { margin: 0 !important; padding: 32px 0 !important; background: var(--owm-bg); }
  .ow-tpl-domainregister #features::after { display: none; }
  .ow-tpl-domainregister #features .features--list { display: flex; flex-direction: column; gap: 12px; margin: 0; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ow-tpl-domainregister #features .features--list > * { width: 100%; margin: 0; padding: 0; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) :is(#features .features--list .item, section.py-5 > .container-xl > .row.g-4 > .col-md-4 > .text-center) { box-sizing: border-box; display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; row-gap: 4px; align-items: center; height: auto; margin: 0; padding: 16px; background: var(--owm-surface) !important; border: 1px solid var(--owm-border); border-radius: 16px; box-shadow: none !important; text-align: left !important; }
  .ow-tpl-domainregister #features .features--list .item .head { display: contents; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) :is(#features .features--list .item .head .icon, section.py-5 > .container-xl > .row.g-4 > .col-md-4 > .text-center > .rounded-circle) { grid-column: 1; grid-row: 1 / span 2; align-self: center; display: flex !important; align-items: center; justify-content: center; width: 44px !important; min-width: 0; height: 44px !important; margin: 0 !important; border-radius: 12px !important; background: var(--owm-orange-tint) !important; color: var(--owm-orange-text) !important; font-size: 22px; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) :is(#features .features--list .item .head .icon, section.py-5 > .container-xl > .row.g-4 > .col-md-4 > .text-center > .rounded-circle) i { color: inherit; font-size: 22px !important; line-height: 1; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) :is(#features .features--list .item .head .ow-h, section.py-5 > .container-xl > .row.g-4 > .col-md-4 > .text-center > .h4) { grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #features .features--list .item .head .ow-h > span { font: inherit; color: inherit; }
  body:is(.ow-tpl-domainregister, .ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) :is(#features .features--list .item > p, section.py-5 > .container-xl > .row.g-4 > .col-md-4 > .text-center > p) { grid-column: 2; grid-row: 2; align-self: start; margin: 0; color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font); }
  body:is(.ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) section.py-5:not([style]) { padding: 32px 0 !important; }
  body:is(.ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) section.py-5:not([style]) > .container-xl > .row.g-4 { display: flex; flex-direction: column; gap: 12px; margin: 0; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  body:is(.ow-tpl-page-domain-whois, .ow-tpl-page-domain-alan-adi-fiyatlari) section.py-5:not([style]) > .container-xl > .row.g-4 > * { width: 100%; margin: 0; padding: 0; }

  /* #related -> List Rows in one card (List Row 29:654), domainregister only */
  .ow-tpl-domainregister #related { margin: 0; padding: 32px 0 !important; background: var(--owm-bg); }
  .ow-tpl-domainregister #related::after { display: none; }
  .ow-tpl-domainregister #related .container-xl { margin: 0 !important; padding: 0 var(--owm-gutter) !important; }
  .ow-tpl-domainregister #related .title-heading { padding: 0; }
  .ow-tpl-domainregister #related :is(.related--list, .ow-rel-grid) { display: block; width: auto; margin: 0; padding: 0; overflow: hidden; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ow-tpl-domainregister #related .related--list > * { width: 100%; max-width: none; margin: 0; padding: 0; }
  .ow-tpl-domainregister #related :is(.related--list .item, .ow-rel-card) { position: relative; display: flex; flex-direction: row; align-items: center; gap: 12px; min-height: 64px; margin: 0; padding: 12px 48px 12px 16px; background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; isolation: auto; }
  .ow-tpl-domainregister #related :is(.related--list > * + * .item, .ow-rel-card + .ow-rel-card)::before { content: ""; position: absolute; top: 0; left: 16px; right: 16px; height: 1px; background: var(--owm-divider); mask: none; -webkit-mask: none; inset: 0 16px auto; z-index: 0; }
  .ow-tpl-domainregister #related :is(.related--list .item, .ow-rel-card)::after { content: ""; position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; margin-top: -10px; background-color: var(--owm-muted); -webkit-mask: var(--d50-chev-r) center / 20px 20px no-repeat; mask: var(--d50-chev-r) center / 20px 20px no-repeat; pointer-events: none; }
  .ow-tpl-domainregister #related :is(.related--list .item .icon, .ow-rel-ico) { flex: none; display: flex; align-items: center; justify-content: center; width: 40px !important; min-width: 0 !important; height: 40px !important; margin: 0; border-radius: 12px !important; background: var(--owm-bg) !important; box-shadow: none !important; color: var(--owm-navy) !important; font-size: 20px !important; }
  .ow-tpl-domainregister #related :is(.related--list .item .icon, .ow-rel-ico) i { font-size: 20px; line-height: 1; }
  .ow-tpl-domainregister #related .related--list .item .action { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .ow-tpl-domainregister #related .related--list .item .action > span:first-child { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; }
  .ow-tpl-domainregister #related .related--list .item .action > span + span { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  /* the legacy "Keşfet" link stretches over the whole row (List Row: whole row tappable) */
  .ow-tpl-domainregister #related :is(.related--list .item .action > a, .ow-rel-card :is(.ow-rel-link, .ow-rel-btn)) { position: absolute !important; inset: 0; z-index: 2; display: block; width: auto; height: auto; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; line-height: 0; overflow: hidden; }
  .ow-tpl-domainregister #related :is(.related--list .item .action > a, .ow-rel-card :is(.ow-rel-link, .ow-rel-btn))::after { display: none; }
  .ow-tpl-domainregister #related :is(.related--list .item .action > a, .ow-rel-card :is(.ow-rel-link, .ow-rel-btn)) > * { display: none; }
  .ow-tpl-domainregister #related :is(.related--list .item .action > a, .ow-rel-card :is(.ow-rel-link, .ow-rel-btn)):focus-visible { outline: 2px solid var(--owm-orange); outline-offset: -2px; border-radius: 16px; }

  /* SEO article card */
  .ow-tpl-domainregister #seo-content { margin: 0; padding: 32px 0 0 !important; background: var(--owm-bg); }
  .ow-tpl-domainregister #seo-content .ow-seo-card { max-width: none; max-height: 480px; padding: 20px; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); scrollbar-color: var(--owm-border) transparent; }
  .ow-tpl-domainregister #seo-content .ow-seo-card :is(h2, h3) { margin: 20px 0 8px; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .ow-tpl-domainregister #seo-content .ow-seo-card h3 { font-size: 16px; line-height: 22px; letter-spacing: 0; }
  .ow-tpl-domainregister #seo-content .ow-seo-card > :first-child,
  .ow-tpl-domainregister #seo-content .ow-seo-card > div:first-child > :first-child { margin-top: 0; }
  .ow-tpl-domainregister #seo-content .ow-seo-card :is(p, li) { color: var(--d50-body); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-domainregister #seo-content .ow-seo-card :is(p, ul, ol) { margin: 0 0 12px; }
  .ow-tpl-domainregister #seo-content .ow-seo-card :is(ul, ol) { padding-left: 20px; }
  .ow-tpl-domainregister #seo-content .ow-seo-card :is(strong, b) { color: var(--owm-navy); font-weight: 600; }
  .ow-tpl-domainregister #seo-content .ow-seo-card a { color: var(--owm-orange-text); font-weight: 600; text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 2px; }


  /* ================= whois page ================= */
  .ow-tpl-page-domain-whois #alternative-list { margin: 0 !important; padding: 24px 0 0 !important; }
  .ow-tpl-page-domain-whois #alternative-list .card.card-special { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  .ow-tpl-page-domain-whois #alternative-list .card-header { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; padding: 0 !important; background: none; border: 0; }
  .ow-tpl-page-domain-whois #alternative-list .card-header::before { display: none; }
  .ow-tpl-page-domain-whois #alternative-list .card-header > span { color: var(--owm-navy) !important; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .ow-tpl-page-domain-whois #alternative-list .card-header > p { color: var(--owm-text-2) !important; font: 400 15px/22px var(--owm-font) !important; }
  .ow-tpl-page-domain-whois #alternative-list .alternative--domains { margin: 0; padding: 0; border: 0; }
  .ow-tpl-page-domain-whois #whois-result { margin: 0; padding: 0; border: 0; background: none; color: var(--d50-body); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-page-domain-whois #whois-result .whois-result-container { display: flex; flex-direction: column; gap: 12px; padding: 0; }
  .ow-tpl-page-domain-whois #whois-result :is(.whois-card, .whois-section-card, .whois-quick-card) { margin: 0 !important; padding: 16px; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); }
  .ow-tpl-page-domain-whois #whois-result .whois-header-card .d-flex { gap: 12px !important; }
  .ow-tpl-page-domain-whois #whois-result .whois-domain-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--owm-orange-tint); color: var(--owm-orange-text); font-size: 22px; }
  .ow-tpl-page-domain-whois #whois-result .whois-header-card h3 { margin: 0 !important; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; overflow-wrap: anywhere; }
  .ow-tpl-page-domain-whois #whois-result .whois-result-container > .row { display: flex; flex-direction: column; gap: 12px; margin: 0 !important; padding: 16px; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-result-container > .row > * { width: 100%; margin: 0; padding: 0; }
  /* Spec Row 28:189 */
  .ow-tpl-page-domain-whois #whois-result .whois-quick-card { display: flex; align-items: center; gap: 12px; min-height: 32px; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--owm-orange-tint) !important; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-icon i { color: var(--owm-orange-text) !important; font-size: 16px; line-height: 1; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-content { flex: 1 1 0; min-width: 0; display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 0 12px; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-label { color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); letter-spacing: 0; text-transform: none; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-value { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font); text-align: right; white-space: normal; overflow-wrap: anywhere; }
  .ow-tpl-page-domain-whois #whois-result .whois-quick-value small { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font); }
  /* Segmented Control 22:564 */
  .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills { display: flex; flex-wrap: nowrap; gap: 4px; margin: 0 0 12px !important; padding: 4px; background: var(--owm-divider); border: 0; border-radius: 12px; }
  .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills .nav-item { flex: 1 1 auto; min-width: 0; margin: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills .nav-link { display: flex; align-items: center; justify-content: center; height: 40px; margin: 0; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: var(--owm-text-2); font: 600 14px/20px var(--owm-font); white-space: nowrap; }
  .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills .nav-link.active { background: var(--owm-surface); color: var(--owm-navy); box-shadow: 0 1px 3px rgba(22, 24, 45, .1), 0 1px 2px rgba(22, 24, 45, .06); }
  .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills .nav-link i { display: none; }
  .ow-tpl-page-domain-whois #whois-result .whois-section-card + .whois-section-card { margin-top: 12px !important; }
  .ow-tpl-page-domain-whois #whois-result .whois-section-title { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--owm-navy); font: 700 15px/22px var(--owm-font); }
  .ow-tpl-page-domain-whois #whois-result .whois-section-title i { margin: 0 !important; color: var(--owm-orange-text); font-size: 18px; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-grid { display: flex; flex-direction: column; gap: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-item { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 10px 0; background: none; border: 0; border-top: 1px solid var(--owm-divider); border-radius: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-item:first-child { border-top: 0; padding-top: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-label { color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); letter-spacing: 0; text-transform: none; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-value { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); overflow-wrap: anywhere; word-break: normal; }
  .ow-tpl-page-domain-whois #whois-result .whois-data-value.whois-redacted { color: var(--owm-text-2); font-style: italic; font-weight: 400; }
  /* Figma Icon/building 18:282 for the registrar glyph (not present in the site's icon font) */
  .ow-tpl-page-domain-whois #whois-result i.eg-building-line::before { content: ""; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--d50-building) center / 16px 16px no-repeat; mask: var(--d50-building) center / 16px 16px no-repeat; }
  .ow-tpl-page-domain-whois #whois-result .whois-section-title i.eg-building-line::before { width: 18px; height: 18px; -webkit-mask-size: 18px 18px; mask-size: 18px 18px; }
  .ow-tpl-page-domain-whois #whois-result a.whois-data-value { color: var(--owm-orange-text) !important; }
  .ow-tpl-page-domain-whois #whois-result .whois-status-list { display: flex; flex-wrap: wrap; gap: 8px; }
  .ow-tpl-page-domain-whois #whois-result .whois-status-badge { display: inline-flex; align-items: center; max-width: 100%; padding: 4px 12px; border: 0; border-radius: 8px; background: var(--owm-bg); color: var(--d50-body); font: 500 13px/18px var(--owm-font); overflow-wrap: anywhere; }
  .ow-tpl-page-domain-whois #whois-result .whois-status-badge.status-warning { background: var(--d50-warn-tint); color: var(--d50-warn-ink); }
  .ow-tpl-page-domain-whois #whois-result .whois-status-badge.status-success { background: var(--d50-ok-tint); color: var(--d50-ok-ink); }
  .ow-tpl-page-domain-whois #whois-result .whois-status-badge.status-danger { background: var(--d50-danger-tint); color: var(--d50-danger); }
  .ow-tpl-page-domain-whois #whois-result .whois-ns-list { display: flex; flex-direction: column; }
  .ow-tpl-page-domain-whois #whois-result .whois-ns-item { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 6px 0; background: none; border: 0; border-top: 1px solid var(--owm-divider); border-radius: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-ns-item:first-child { border-top: 0; }
  .ow-tpl-page-domain-whois #whois-result .whois-ns-number { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: var(--owm-orange-tint); color: var(--owm-orange-text); font: 700 13px/18px var(--owm-font); }
  .ow-tpl-page-domain-whois #whois-result .whois-ns-value { min-width: 0; color: var(--owm-navy); font: 600 14px/20px var(--owm-font); overflow-wrap: anywhere; }
  .ow-tpl-page-domain-whois #whois-result .alert { margin: 0; padding: 16px; border: 1px solid var(--owm-border); border-radius: 16px; background: var(--owm-surface); color: var(--d50-body); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-page-domain-whois #whois-result .whois-raw-container { border-radius: 16px; }
  .ow-tpl-page-domain-whois #whois-result .whois-raw-content { max-height: 360px; padding: 16px; font-size: 12px; line-height: 18px; white-space: pre-wrap; word-break: break-all; }

  /* ================= domain prices page ================= */
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head { margin: 0 !important; padding: 20px 0 24px !important; background: var(--owm-surface); border-bottom: 1px solid var(--owm-divider); }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head::before, .ow-tpl-page-domain-alan-adi-fiyatlari #page-head::after { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head { position: relative; isolation: isolate; display: block; margin: 0 !important; padding: 0 !important; background: none !important; border: 0; border-radius: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head::before, .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head::after { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head > .icon, .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head > img { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head .text { display: flex; flex-direction: column; gap: 8px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head h1 { margin: 0; color: var(--owm-navy) !important; font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #page-head .page--head p { margin: 0; color: var(--owm-text-2) !important; font: 400 15px/22px var(--owm-font) !important; opacity: 1 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list { margin: 0 !important; padding: 24px 0 0 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .card.card-special { padding: 0; overflow: hidden; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .card-header { padding: 16px !important; border-bottom: 1px solid var(--owm-divider); background: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .card-header::before { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .card-header h2, .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .card-header h2 span { margin: 0; color: var(--owm-navy) !important; font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .table-scroll { max-height: none; overflow: visible; margin: 0; padding: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; background: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList thead th { position: sticky; top: var(--owm-appbar-h); z-index: 1; height: 40px; padding: 0 8px; background: var(--owm-surface); border: 0 !important; border-bottom: 1px solid var(--owm-divider) !important; color: var(--owm-muted); font: 600 11px/14px var(--owm-font); letter-spacing: .4px; text-align: right; text-transform: uppercase; white-space: nowrap; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList :is(thead th, tbody td):first-child { width: 28%; padding-left: 16px; text-align: left; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList :is(thead th, tbody td):last-child { padding-right: 16px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody tr { background: none; border: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody td { height: 52px; padding: 8px; background: none !important; border: 0; border-bottom: 1px solid var(--owm-divider); color: var(--owm-navy); font: 600 14px/20px var(--owm-font); text-align: right; white-space: nowrap; vertical-align: middle; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody tr:last-child td { border-bottom: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody td:first-child { color: var(--owm-orange-text); font: 800 15px/22px var(--owm-font); letter-spacing: -.2px; overflow-wrap: anywhere; white-space: normal; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody td:nth-child(2) { color: var(--owm-navy); font-weight: 700; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody td:nth-child(n+3) { color: var(--d50-body); font-weight: 500; }
  /* price list longer than 12 rows: first rows + "Tüm uzantıları göster" (05 Ghost button), all rows stay in the DOM */
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList.owm-d50-collapsed tbody tr:nth-child(n+13) { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #priceList.owm-d50-collapsed tbody tr:nth-child(12) td { border-bottom: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #price-list .owm-d50-more { border-top: 1px solid var(--owm-divider); }
  /* light sections that still use the dark heading variant, and the centred .heading block (inside .container-xl) */
  .ow-tpl-page-domain-alan-adi-fiyatlari section.py-5[style*="f8f9fa"] .title-heading.th-dark :is(.title, .title *) { color: var(--owm-navy) !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section.py-5[style*="f8f9fa"] .title-heading.th-dark > p { color: var(--owm-text-2) !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section:not([id]):not([class]):has(> .container-xl > .heading:only-child) { padding-bottom: 0 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section:not([id]):not([class]):has(> .container-xl > .heading:only-child) + #extra-solutions { padding-top: 20px !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section > .container-xl > .heading.text-center { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; text-align: left !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section > .container-xl > .heading .h-title { margin: 0; color: var(--owm-navy); font: 700 22px/28px var(--owm-font) !important; letter-spacing: -.3px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari section > .container-xl > .heading .h-desc { margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font) !important; }
  /* Check Row 28:195 grid (03 "Tüm paketlerde dahil") */
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details { margin: 0; padding: 32px 0 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .mail--content { margin: 0 !important; padding: 20px; background: var(--owm-surface); border: 1px solid var(--d50-card-bd); border-radius: 16px; box-shadow: var(--d50-shadow); }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .mail--content > div { padding: 0 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .multi--features { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; margin: 0; padding: 0 !important; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .multi--features :is(.list, ul) { display: contents; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .multi--features li { position: relative; display: block; margin: 0; padding: 4px 0 4px 28px; color: var(--d50-body); font: 400 15px/22px var(--owm-font); list-style: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .multi--features li::before { content: ""; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; margin: 0; border: 0; border-radius: 0; background: var(--d50-ok); -webkit-mask: var(--d50-check-c) center / 20px 20px no-repeat; mask: var(--d50-check-c) center / 20px 20px no-repeat; transform: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #domain-details .multi--features li::after { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article { margin: 0; padding: 32px 0 !important; background: var(--owm-bg); overflow: visible; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article::before, .ow-tpl-page-domain-alan-adi-fiyatlari #article::after { display: none; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area { display: flex; flex-direction: column; gap: 24px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area .row { gap: 16px; margin: 0; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area .row > * { width: 100%; margin: 0; padding: 0; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area .m-order-last { order: 2; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area img { display: block; width: 100%; height: auto; border-radius: 16px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area :is(h2, h3) { margin: 0 0 8px; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area h3 { font-size: 18px; line-height: 24px; letter-spacing: -.2px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area :is(p, li) { color: var(--d50-body); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area :is(p, ul, ol) { margin: 0 0 12px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area :is(ul, ol) { padding-left: 20px; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area :is(strong, b) { color: var(--owm-navy); font-weight: 600; }
  .ow-tpl-page-domain-alan-adi-fiyatlari #article .article--area a { color: var(--owm-orange-text); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
  /* narrow phones (< 380px) */
  @media (max-width: 379.98px) {
    .ow-tpl-page-domain-whois #whois-result .whois-tabs .nav-pills .nav-link { padding: 0 6px; font-size: 13px; }
    .ow-tpl-page-domain-alan-adi-fiyatlari #priceList tbody td { padding-left: 4px; padding-right: 4px; font-size: 13px; }
    .ow-tpl-page-domain-alan-adi-fiyatlari #priceList thead th { padding-left: 4px; padding-right: 4px; }
    .ow-tpl-page-domain-alan-adi-fiyatlari #priceList :is(thead th, tbody td):first-child { width: 24%; padding-left: 16px; }
    .ow-tpl-page-domain-alan-adi-fiyatlari #priceList :is(thead th, tbody td):last-child { padding-right: 16px; }
  }
  }
}
@keyframes owm-d50-rot { to { transform: rotate(360deg); } }
@keyframes owm-d50-sh { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }

/* ---- 60-auth-cart.css ---- */
/* 60 auth + cart (mob44): Figma 07 Giriş Yap 38:2, 08 Kayıt Ol 39:1362, 09 Sepet 40:1652, 13 Boş/Hata 40:2447 (+ şifre sıfırlama, 404).
   Mobile only (< 992px); desktop untouched. Pages: login / clientregister / password-reset (#ow-login, ow-login.css markup),
   viewcart (orderform oweb_cart), 404 (.content-404). JS (work/js/60-auth-cart.js) only adds d-lg-none helpers + classes.
   Icons: Figma assets (file PwToh7cmCu1E7gVTnoJwzx) as data URIs; single-colour ones are used as masks so they can be recoloured. */
@media (min-width: 200px) and (max-width: 991.98px) {
  :root {
    --owa-i-mail: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.91667 5.83333L10 10.8333L17.0833 5.83333M4.16667 4.16667H15.8333C16.7538 4.16667 17.5 4.91286 17.5 5.83333V14.1667C17.5 15.0871 16.7538 15.8333 15.8333 15.8333H4.16667C3.24619 15.8333 2.5 15.0871 2.5 14.1667V5.83333C2.5 4.91286 3.24619 4.16667 4.16667 4.16667Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-lock: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6.66667 9.16667V6.66667C6.66667 5.78261 7.01786 4.93477 7.64298 4.30964C8.2681 3.68452 9.11595 3.33333 10 3.33333C10.8841 3.33333 11.7319 3.68452 12.357 4.30964C12.9821 4.93477 13.3333 5.78261 13.3333 6.66667V9.16667M5.83333 9.16667H14.1667C15.0871 9.16667 15.8333 9.91286 15.8333 10.8333V15.8333C15.8333 16.7538 15.0871 17.5 14.1667 17.5H5.83333C4.91286 17.5 4.16667 16.7538 4.16667 15.8333V10.8333C4.16667 9.91286 4.91286 9.16667 5.83333 9.16667Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-eye: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M1.66667 10C1.66667 10 4.58333 4.16667 10 4.16667C15.4167 4.16667 18.3333 10 18.3333 10C18.3333 10 15.4167 15.8333 10 15.8333C4.58333 15.8333 1.66667 10 1.66667 10Z' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3Cpath d='M12.5 10C12.5 11.3807 11.3807 12.5 10 12.5C8.61929 12.5 7.5 11.3807 7.5 10C7.5 8.61929 8.61929 7.5 10 7.5C11.3807 7.5 12.5 8.61929 12.5 10Z' stroke-width='1.66667' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-check: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3.33333 8.33333L6.33333 11.3333L12.6667 5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-arrow: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M4.16667 10H15.8333M10.8333 15L15.8333 10L10.8333 5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-arrow18: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-shield16: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6 8L7.33333 9.33333L10 6.66667M8 2L3.33333 4V7.33333C3.33333 10.2667 5.33333 12.8667 8 14C10.6667 12.8667 12.6667 10.2667 12.6667 7.33333V4L8 2Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2311845B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-lock16: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.33333 7.33333V5.33333C5.33333 4.62609 5.61428 3.94781 6.11438 3.44772C6.61448 2.94762 7.29276 2.66667 8 2.66667C8.70724 2.66667 9.38552 2.94762 9.88562 3.44772C10.3857 3.94781 10.6667 4.62609 10.6667 5.33333V7.33333M4.66667 7.33333H11.3333C12.0697 7.33333 12.6667 7.93029 12.6667 8.66667V12.6667C12.6667 13.403 12.0697 14 11.3333 14H4.66667C3.93029 14 3.33333 13.403 3.33333 12.6667V8.66667C3.33333 7.93029 3.93029 7.33333 4.66667 7.33333Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2311845B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-ccircle: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6.66667 10.4167L9 12.75L13.3333 8.16671M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2320BD80'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-layers: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.75 11L11 15.125L19.25 11M2.75 15.125L11 19.25L19.25 15.125M11 2.75L2.75 6.875L11 11L19.25 6.875L11 2.75Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23F2712A'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-close: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6 6L12 12M12 12L18 18M12 12L18 6M12 12L6 18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-globe: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M19.25 11C19.25 15.5563 15.5563 19.25 11 19.25M19.25 11C19.25 6.44365 15.5563 2.75 11 2.75M19.25 11H14.4833M11 19.25C6.44365 19.25 2.75 15.5563 2.75 11M11 19.25C13.2917 16.8667 14.4833 14.1167 14.4833 11M11 19.25C8.70833 16.8667 7.51667 14.1167 7.51667 11M2.75 11C2.75 6.44365 6.44365 2.75 11 2.75M2.75 11H7.51667M11 2.75C13.2917 5.13333 14.4833 7.88333 14.4833 11M11 2.75C8.70833 5.13333 7.51667 7.88333 7.51667 11M7.51667 11H14.4833' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23F2712A'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-chevd: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%236B7089'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-check14: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.91667 7.29167L5.54167 9.91667L11.0833 4.375' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2311845B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-tag: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6.25 6.25H6.25833M2.5 10V3.33333C2.5 3.11232 2.5878 2.90036 2.74408 2.74408C2.90036 2.5878 3.11232 2.5 3.33333 2.5H10L17.5 10L10 17.5L2.5 10Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-percent: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M15.8333 4.16667L4.16667 15.8333M7.91667 5.83333C7.91667 6.98393 6.98393 7.91667 5.83333 7.91667C4.68274 7.91667 3.75 6.98393 3.75 5.83333C3.75 4.68274 4.68274 3.75 5.83333 3.75C6.98393 3.75 7.91667 4.68274 7.91667 5.83333ZM16.25 14.1667C16.25 15.3173 15.3173 16.25 14.1667 16.25C13.0161 16.25 12.0833 15.3173 12.0833 14.1667C12.0833 13.0161 13.0161 12.0833 14.1667 12.0833C15.3173 12.0833 16.25 13.0161 16.25 14.1667Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2311845B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-headset16: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.66667 10V8C2.66667 6.58551 3.22857 5.22896 4.22876 4.22876C5.22896 3.22857 6.58551 2.66667 8 2.66667C9.41449 2.66667 10.771 3.22857 11.7712 4.22876C12.7714 5.22896 13.3333 6.58551 13.3333 8V10M2.66667 9.33333H4.66667V13.3333H3.33333C3.15652 13.3333 2.98695 13.2631 2.86193 13.1381C2.7369 13.013 2.66667 12.8435 2.66667 12.6667V9.33333ZM13.3333 9.33333H11.3333V13.3333H12.6667C12.8435 13.3333 13.013 13.2631 13.1381 13.1381C13.2631 13.013 13.3333 12.8435 13.3333 12.6667V9.33333Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%2311845B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-cart: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3 4H5.2L7.5 14.3C7.56601 14.5107 7.69991 14.6937 7.88081 14.8203C8.0617 14.9469 8.27942 15.0101 8.5 15H17.3C17.5339 15.0047 17.7621 14.9272 17.9449 14.7811C18.1276 14.6349 18.2532 14.4293 18.3 14.2L20 8H6.1M11 19.5C11 20.3284 10.3284 21 9.5 21C8.67157 21 8 20.3284 8 19.5C8 18.6716 8.67157 18 9.5 18C10.3284 18 11 18.6716 11 19.5ZM18.5 19.5C18.5 20.3284 17.8284 21 17 21C16.1716 21 15.5 20.3284 15.5 19.5C15.5 18.6716 16.1716 18 17 18C17.8284 18 18.5 18.6716 18.5 19.5Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23F2712A'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-search: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M20 20L16 16M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%236B7089'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-alert: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12 7.5V13M12 16.5H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23F35B5B'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-headset18: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3 11.25V9C3 7.4087 3.63214 5.88258 4.75736 4.75736C5.88258 3.63214 7.4087 3 9 3C10.5913 3 12.1174 3.63214 13.2426 4.75736C14.3679 5.88258 15 7.4087 15 9V11.25M3 10.5H5.25V15H3.75C3.55109 15 3.36032 14.921 3.21967 14.7803C3.07902 14.6397 3 14.4489 3 14.25V10.5ZM15 10.5H12.75V15H14.25C14.4489 15 14.6397 14.921 14.7803 14.7803C14.921 14.6397 15 14.4489 15 14.25V10.5Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23C2531A'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-server: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7 7.5H7.01M7 16.5H7.01M11 7.5H17M11 16.5H17M5 4H19C20.1046 4 21 4.89543 21 6V9C21 10.1046 20.1046 11 19 11H5C3.89543 11 3 10.1046 3 9V6C3 4.89543 3.89543 4 5 4ZM5 13H19C20.1046 13 21 13.8954 21 15V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V15C3 13.8954 3.89543 13 5 13Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%231F2433'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-cloud: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M12 16V11M14.5 13.5L12 11L9.5 13.5M7 19.0001C5.80653 19.0796 4.63033 18.6818 3.73015 17.8942C2.82998 17.1065 2.27956 15.9935 2.2 14.8001C2.12043 13.6066 2.51823 12.4304 3.30589 11.5302C4.09354 10.63 5.20653 10.0796 6.4 10.0001C6.67971 8.70248 7.38182 7.53428 8.39639 6.67837C9.41097 5.82245 10.6807 5.32713 12.0069 5.26997C13.333 5.21281 14.6407 5.59703 15.7252 6.36247C16.8096 7.12791 17.6097 8.23136 18 9.50006C19.2598 9.56637 20.4416 10.1304 21.2855 11.0681C22.1294 12.0058 22.5663 13.2403 22.5 14.5001C22.4337 15.7598 21.8697 16.9417 20.932 17.7856C19.9943 18.6295 18.7598 19.0664 17.5 19.0001H7Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%231F2433'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-upright: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.83333 14.1667L14.1667 5.83333M14.1667 13.3333V5.83333H6.66667' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%238A90A6'/%3E%3C/g%3E%3C/svg%3E");
    --owa-i-ring: url("data:image/svg+xml,%3Csvg width='220' height='220' viewBox='0 0 220 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.16' d='M205 110C205 162.467 162.467 205 110 205C57.5329 205 15 162.467 15 110C15 57.5329 57.5329 15 110 15C162.467 15 205 57.5329 205 110Z' stroke-width='30' stroke='url(%23paint0_linear_0_103)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_103' x1='0' y1='110' x2='220' y2='110' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F2712A'/%3E%3Cstop offset='1' stop-color='%23FAA733'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --owa-card-shadow: 0 8px 24px rgba(22, 24, 45, .08);
    --owa-card-border: transparent;
    --owa-btn-shadow: 0 8px 20px rgba(242, 113, 42, .28);
    --owa-ring: 0 0 0 4px rgba(242, 113, 42, .18);
    --owa-bar-shadow: 0 -4px 16px rgba(22, 24, 45, .06);
    --owa-seg-active: var(--owm-surface);
    --owa-danger-tint: #fef0f0;
    --owa-heading: var(--owm-navy);
  }
  html.oweb-dark {
    --owa-card-shadow: none;
    --owa-card-border: var(--owm-border);
    --owa-bar-shadow: 0 -4px 16px rgba(0, 0, 0, .35);
    --owa-seg-active: #2a2f3d;
    --owa-danger-tint: rgba(243, 91, 91, .14);
  }

  /* =========================================================================
     Shared building blocks (state card, steps, sticky CTA, trust row)
     ========================================================================= */
  .owa-i { display: inline-block; flex: none; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owa-m) center / contain no-repeat; mask: var(--owa-m) center / contain no-repeat; }

  /* Adım göstergesi (39:1405 / 40:1679) */
  .owa-steps { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 0; list-style: none; font-family: var(--owm-font); }
  .owa-steps__item { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
  .owa-steps__bar { display: block; height: 4px; border-radius: 2px; background: var(--owm-divider); }
  .owa-steps__label { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .owa-steps__num { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 11px; background: var(--owm-bg); color: var(--owm-muted); font: 600 11px/14px var(--owm-font); }
  .owa-steps__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--owm-muted); font: 600 14px/20px var(--owm-font); }
  .owa-steps__item.is-current .owa-steps__bar, .owa-steps__item.is-done .owa-steps__bar { background: var(--owm-grad); }
  .owa-steps__item.is-current .owa-steps__num, .owa-steps__item.is-done .owa-steps__num { background: var(--owm-orange); color: #fff; }
  .owa-steps__item.is-current .owa-steps__text, .owa-steps__item.is-done .owa-steps__text { color: var(--owa-heading); }
  button.owa-steps__label { position: relative; width: 100%; height: auto; margin: 0; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  button.owa-steps__label::after { content: ""; position: absolute; inset: -11px 0; }
  button.owa-steps__label:disabled { cursor: default; }

  /* Bölüm başlığı (39:1425 / 40:1699) */
  .owa-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; font-family: var(--owm-font); }
  .owa-sec-head__title { margin: 0; color: var(--owa-heading); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .owa-sec-head__meta { flex: none; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); white-space: nowrap; }

  /* Güven satırı (38:93 / 40:1817) */
  .owa-trust { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; margin: 0; font-family: var(--owm-font); }
  .owa-trust__item { display: inline-flex; align-items: center; gap: 4px; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  .owa-trust__item .owa-i { width: 16px; height: 16px; color: var(--owm-success-text); }
  html.oweb-dark .owa-trust__item .owa-i { color: var(--owm-success); }

  /* Sticky Bottom CTA Bar (31:465) */
  .owa-cta { position: sticky; bottom: 0; z-index: 1025; box-sizing: border-box; display: flex; align-items: center; gap: 16px; margin: 0 calc(50% - 50vw); padding: 12px calc(50vw - 50%) max(12px, env(safe-area-inset-bottom, 0px)); background: var(--owm-surface); border-top: 1px solid var(--owm-divider); box-shadow: var(--owa-bar-shadow); font-family: var(--owm-font); }
  .owa-cta__sum { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
  .owa-cta__label { color: var(--owm-muted); font: 500 13px/18px var(--owm-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .owa-cta__amount { overflow: hidden; color: var(--owa-heading); font: 800 22px/28px var(--owm-font); letter-spacing: -.3px; white-space: nowrap; text-overflow: ellipsis; }
  @media (max-width: 379.98px) {
    .owa-cta { gap: 12px; }
    .owa-cta__label { white-space: normal; }
    .owa-cta .owa-btn--primary:not(.is-wide) { padding: 0 18px; }
  }
  .owa-btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0; border: 0; border-radius: var(--owm-r-ctl); text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: var(--owm-font); }
  .owa-btn--primary { height: 52px; padding: 0 24px; background: var(--owm-grad); box-shadow: var(--owa-btn-shadow); color: #fff; font: 700 16px/20px var(--owm-font); }
  .owa-btn--primary .owa-i { color: #fff; }
  .owa-cta .owa-btn--primary.is-wide { flex: 1 1 0; min-width: 0; }
  .owa-btn--sm { height: 44px; padding: 0 20px; font: 600 15px/22px var(--owm-font); }
  .owa-btn--sm .owa-i { width: 18px; height: 18px; }
  .owa-btn--ghost { height: 44px; padding: 0 20px; background: transparent; color: var(--owm-orange-text); font: 600 15px/22px var(--owm-font); }
  .owa-btn--ghost .owa-i { width: 18px; height: 18px; color: var(--owm-orange-text); }
  /* beat the site's dark-theme link colours (:is(html, body).oweb-dark a / a:hover) */
  a.owa-btn.owa-btn--primary, a.owa-btn.owa-btn--primary:hover, a.owa-btn.owa-btn--primary:focus, button.owa-btn.owa-btn--primary:hover { color: #fff; text-decoration: none; }
  a.owa-btn.owa-btn--ghost, a.owa-btn.owa-btn--ghost:hover, a.owa-btn.owa-btn--ghost:focus { color: var(--owm-orange-text); text-decoration: none; }
  .owa-btn:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  .owa-btn[aria-disabled="true"] { opacity: .55; pointer-events: none; box-shadow: none; }

  /* Boş / hata durumu kartı (13: 40:2462, 40:2477, 40:2492) — reusable: .owa-state + __ill/__title/__desc/__actions */
  .owa-state { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0; padding: 20px; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); text-align: center; font-family: var(--owm-font); }
  .owa-state__ill { flex: none; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 32px; background: var(--owm-orange-tint); }
  .owa-state__circle { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 24px; background: var(--owm-orange-tint); color: var(--owm-orange); }
  .owa-state__circle .owa-i { width: 24px; height: 24px; }
  .owa-state__ill--neutral { background: var(--owm-bg); }
  .owa-state__ill--neutral .owa-state__circle { background: var(--owm-border); color: var(--owm-text-2); }
  .owa-state__ill--danger, .owa-state__ill--danger .owa-state__circle { background: var(--owa-danger-tint); color: var(--owm-danger); }
  .owa-state__title { display: block; width: 100%; margin: 12px 0 0; color: var(--owa-heading); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; text-align: center; }
  .owa-state__desc { width: 100%; margin: 4px 0 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); text-align: center; }
  .owa-state__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 16px; }

  /* =========================================================================
     Auth pages (login.tpl / clientregister.tpl / password-reset-*.tpl) — shared
     ========================================================================= */
  body:has(#ow-login) #ow-login-section { padding: 0; background: var(--owm-surface); }
  body:has(#ow-login) #ow-login-section > .container-xl { max-width: none; padding: 0; }
  #ow-login.ow-login { --ow-orange: var(--owm-orange); --ow-ink: var(--owa-heading); --ow-body: var(--owm-text); --ow-muted: var(--owm-text-2); --ow-placeholder: var(--owm-muted); --ow-border: var(--owm-divider); --ow-field-border: var(--owm-border); --ow-link: var(--owm-orange-text); --ow-surface: var(--owm-surface); --ow-field: var(--owm-surface); --ow-grad: var(--owm-grad);
    display: block; padding: 0; border-radius: 0; background: var(--owm-surface); box-shadow: none; color: var(--owm-text); font-family: var(--owm-font); }
  #ow-login .ow-login__brand, #ow-login .ow-login__mpromo, #ow-login .ow-login__eyebrow, #ow-login .ow-login__tabs { display: none !important; }
  #ow-login .ow-login__form-panel { display: block; padding: 0 var(--owm-gutter); }
  #ow-login .ow-login__body { max-width: 560px; margin: 0 auto; }

  /* Text Input (25:199) */
  #ow-login .ow-field { gap: 8px; }
  #ow-login .ow-field + .ow-field { margin-top: 0; }
  #ow-login .ow-field__label-row label, #ow-login .ow-field > .ow-field__label-row > label { color: var(--owa-heading); font: 600 14px/20px var(--owm-font); }
  #ow-login .ow-field__control { box-sizing: border-box; height: 52px; gap: 12px; padding: 0 16px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: var(--owm-surface); box-shadow: none; }
  #ow-login .ow-field__control:hover { border-color: var(--owm-border); box-shadow: none; }
  #ow-login .ow-field__control:focus-within { border-color: var(--owm-orange); box-shadow: inset 0 0 0 .5px var(--owm-orange), var(--owa-ring); }
  #ow-login .ow-field.is-error .ow-field__control { border-color: var(--owm-danger); box-shadow: inset 0 0 0 .5px var(--owm-danger), 0 0 0 4px rgba(243, 91, 91, .14); }
  #ow-login .ow-field__control > .ow-field__icon, #ow-login .ow-field__control > .ow-field__alert { display: none !important; }
  #ow-login .ow-field__control:has(> .ow-field__icon)::before { content: ""; flex: none; width: 20px; height: 20px; background-color: var(--owm-muted); -webkit-mask: var(--owa-fi, var(--owa-i-mail)) center / 20px 20px no-repeat; mask: var(--owa-fi, var(--owa-i-mail)) center / 20px 20px no-repeat; }
  #ow-login .ow-field__control:has(> input[autocomplete$="password"])::before { --owa-fi: var(--owa-i-lock); }
  #ow-login .ow-field__control:has(> select[name="country"])::before { --owa-fi: var(--owa-i-globe); }
  #ow-login .ow-field__control:focus-within::before { background-color: var(--owm-orange-text); }
  #ow-login .ow-field.is-error .ow-field__control::before { background-color: var(--owm-danger); }
  #ow-login .ow-field__input { height: 100%; color: var(--owa-heading); font: 400 16px/24px var(--owm-font); }
  #ow-login .ow-field__input::placeholder { color: var(--owm-muted); font-weight: 400; opacity: 1; }
  #ow-login .ow-field__input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px var(--owm-surface) inset; -webkit-text-fill-color: var(--owa-heading); }
  #ow-login .ow-field__error { display: flex; align-items: flex-start; gap: 6px; margin: 0; color: var(--owm-danger); font: 500 13px/18px var(--owm-font); }
  #ow-login .ow-field__error[hidden] { display: none; }
  #ow-login .ow-field__error::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 1px; background-color: currentColor; -webkit-mask: var(--owa-i-alert) center / 16px 16px no-repeat; mask: var(--owa-i-alert) center / 16px 16px no-repeat; }
  #ow-login .ow-cf .form-control, #ow-login .ow-cf select { box-sizing: border-box; height: 52px !important; padding: 0 16px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: var(--owm-surface); color: var(--owa-heading); font: 400 16px/24px var(--owm-font); }
  #ow-login .ow-cf .form-control:focus, #ow-login .ow-cf select:focus { border-color: var(--owm-orange); box-shadow: inset 0 0 0 .5px var(--owm-orange), var(--owa-ring) !important; }
  #ow-login .ow-field__control--select select.ow-field__input { margin-right: -4px; padding-right: 28px; background: none; }
  #ow-login .ow-field__control--select:has(select)::after { content: ""; position: absolute; right: 12px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-color: var(--owm-text-2); -webkit-mask: var(--owa-i-chevd) center / 20px 20px no-repeat; mask: var(--owa-i-chevd) center / 20px 20px no-repeat; pointer-events: none; }
  #ow-login .ow-field__control--select select.ow-field__input option { color: #16182d; background: #fff; }

  /* Şifreyi göster (38:61): 44px hit area, 4px from the field edge */
  #ow-login .ow-field__toggle { flex: none; width: 44px; height: 44px; margin: 0 -12px 0 -4px; padding: 0; border-radius: var(--owm-r-ctl); background: transparent; }
  #ow-login .ow-field__toggle:hover { background: transparent; }
  #ow-login .ow-field__toggle .ow-eye { display: none !important; }
  #ow-login .ow-field__toggle:not(.is-on)::before { content: ""; width: 20px; height: 20px; background-color: var(--owm-muted); -webkit-mask: var(--owa-i-eye) center / 20px 20px no-repeat; mask: var(--owa-i-eye) center / 20px 20px no-repeat; }
  #ow-login .ow-field__toggle.is-on .ow-eye-off { width: 20px; height: 20px; }
  #ow-login .owa-toggle2.is-on::before { content: ""; width: 20px; height: 20px; background: url("/templates/oweb/image/login/eye-off.svg") center / 20px 20px no-repeat; }

  /* Onay kutusu (38:67 / 39:1512 / 39:1518) */
  #ow-login .ow-check { gap: 8px; color: var(--owm-text); font: 600 14px/20px var(--owm-font); }
  #ow-login .ow-check input { width: 22px; height: 22px; }
  #ow-login .ow-check__box { box-sizing: border-box; width: 22px; height: 22px; border: 1.5px solid var(--owm-border); border-radius: 6px; background: var(--owm-surface); }
  #ow-login .ow-check:hover .ow-check__box { border-color: var(--owm-border); }
  #ow-login .ow-check__box img { display: none; }
  #ow-login .ow-check input:checked + .ow-check__box { border-color: transparent; background: var(--owm-orange); }
  #ow-login .ow-check input:checked + .ow-check__box::before { content: ""; width: 16px; height: 16px; background-color: #fff; -webkit-mask: var(--owa-i-check) center / 16px 16px no-repeat; mask: var(--owa-i-check) center / 16px 16px no-repeat; }
  #ow-login .ow-check input:focus-visible + .ow-check__box { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* Button / Primary L (19:95) */
  #ow-login .ow-btn-primary { height: 52px; gap: 8px; padding: 0 24px; border-radius: var(--owm-r-ctl); background: var(--owm-grad); box-shadow: var(--owa-btn-shadow); font: 700 16px/20px var(--owm-font); transform: none; }
  #ow-login .ow-btn-primary:hover { background: var(--owm-grad); box-shadow: var(--owa-btn-shadow); transform: none; }
  #ow-login .ow-btn-primary__idle img { display: none; }
  #ow-login .ow-btn-primary__idle::after { content: ""; flex: none; width: 20px; height: 20px; background-color: #fff; -webkit-mask: var(--owa-i-arrow) center / 20px 20px no-repeat; mask: var(--owa-i-arrow) center / 20px 20px no-repeat; }

  /* Google ile devam et (38:82) + Ayraç (38:78) */
  #ow-login .ow-login__google { box-sizing: border-box; height: 52px; gap: 12px; border: 1.5px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: var(--owm-surface); box-shadow: none; color: var(--owa-heading); font: 700 16px/20px var(--owm-font); transform: none; }
  #ow-login .ow-login__google:hover, #ow-login .ow-login__google:focus { border-color: var(--owm-border); box-shadow: none; color: var(--owa-heading); transform: none; }
  #ow-login .ow-login__divider { gap: 12px; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  #ow-login .ow-login__divider::before, #ow-login .ow-login__divider::after { background: var(--owm-divider); }

  /* Alt bağlantı satırı (38:89 / 39:1524) */
  #ow-login .owa-switch, #ow-login .ow-reg__switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 4px; min-height: 44px; margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); text-align: center; }
  #ow-login .owa-switch a, #ow-login .ow-reg__switch a, #ow-login .owa-switch a:focus, #ow-login .ow-reg__switch a:focus { display: inline-flex; align-items: center; min-height: 44px; color: var(--owm-orange-text); font-weight: 600; text-decoration: none; }

  /* Bildirimler */
  #ow-login .alert, #ow-login .ow-alert { border-radius: var(--owm-r-ctl); font: 500 14px/20px var(--owm-font); }

  /* =========================================================================
     07 Giriş Yap (38:2): navy brand header + white form sheet
     ========================================================================= */
  body:has(#ow-login:not(.ow-login--register, .ow-login--reset)) .owm-appbar--auth { background: transparent; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__body { display: flex; flex-direction: column; gap: 0; min-height: calc(100vh - var(--owm-appbar-h)); min-height: calc(100svh - var(--owm-appbar-h)); padding-bottom: 24px; box-sizing: border-box; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__form { display: contents; }
  /* Marka Başlığı (38:3): runs under the transparent auth app bar; the white sheet (radius 20) overlaps it by 24px */
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__heading { order: -1; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: calc(-1 * var(--owm-appbar-h)) calc(50% - 50vw) 4px; padding: calc(var(--owm-appbar-h) + 8px) calc(50vw - 50%) 48px; background: var(--owm-auth-hero-bg); color: #fff; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__heading::before { content: ""; position: absolute; z-index: -1; right: -80px; top: -108px; width: 220px; height: 220px; background: var(--owa-i-ring) center / 220px 220px no-repeat; pointer-events: none; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__heading::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 24px; border-radius: var(--owm-r-sheet) var(--owm-r-sheet) 0 0; background: var(--owm-surface); }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__title { color: #fff; font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__desc { color: #fff; opacity: .78; font: 400 15px/22px var(--owm-font); }
  /* Form Alanı (38:38): fields 16 apart, blocks 24 apart */
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__body > .alert,
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__form > .alert,
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-alert { order: 0; margin: 0 0 16px !important; }
  #ow-login:not(.ow-login--register, .ow-login--reset) #ow-field-email { order: 1; }
  #ow-login:not(.ow-login--register, .ow-login--reset) #ow-field-password { order: 2; margin-top: 16px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-check { order: 3; align-self: flex-start; height: 44px; margin-top: 16px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__form > .row { order: 4; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__form > .row:has(.recaptcha-container > *) { margin-top: 16px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__form .recaptcha-container { margin-bottom: 0; }
  #ow-login:not(.ow-login--register, .ow-login--reset) #login { order: 5; margin-top: 24px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__divider { order: 6; margin-top: 24px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__google { order: 7; margin-top: 24px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .owa-switch { order: 8; margin-top: 24px; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .owa-trust { order: 9; margin-top: auto; padding-top: 24px; }
  #ow-login:not(.ow-login--register, .ow-login--reset):has(.owa-trust) .ow-login__secure { display: none; }
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-login__secure { order: 9; margin-top: auto; padding-top: 24px; }
  /* Şifremi unuttum (38:71) sits on the "Beni hatırla" row, right aligned */
  #ow-login:not(.ow-login--register, .ow-login--reset) .ow-field__link--corner { top: calc(100% + 16px); right: 0; display: flex; align-items: center; height: 44px; color: var(--owm-orange-text); font: 600 14px/20px var(--owm-font); }
  #ow-login .ow-login__divider > span[data-owa-label] { font-size: 0; }
  #ow-login .ow-login__divider > span[data-owa-label]::before { content: attr(data-owa-label); font: 500 13px/18px var(--owm-font); }

  /* =========================================================================
     08 Kayıt Ol (39:1362) + şifre sıfırlama: white page, back app bar (shell)
     ========================================================================= */
  #ow-login.ow-login--register .ow-login__body, #ow-login.ow-login--reset .ow-login__body { display: flex; flex-direction: column; gap: 24px; padding: 24px 0 32px; }
  #ow-login.ow-login--register .ow-login__heading, #ow-login.ow-login--reset .ow-login__heading { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  #ow-login.ow-login--register .ow-login__title, #ow-login.ow-login--reset .ow-login__title { color: var(--owa-heading); font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; }
  #ow-login.ow-login--register .ow-login__desc, #ow-login.ow-login--reset .ow-login__desc { color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  #ow-login.ow-login--register .ow-login__desc:has(.owa-desc) .ow-only-mobile { display: none !important; }
  /* Giriş (39:1389) + Hesap Türü (39:1392): title, desc, label, segmented control, hint */
  #ow-login.ow-login--register .ow-reg__title-row { display: contents; }
  #ow-login.ow-login--register .ow-login__title { order: 0; }
  #ow-login.ow-login--register .ow-login__desc { order: 1; }
  #ow-login.ow-login--register .owa-type-label { order: 2; margin: 16px 0 0; color: var(--owa-heading); font: 600 14px/20px var(--owm-font); }
  #ow-login.ow-login--register .ow-reg-type { order: 3; }
  #ow-login.ow-login--register .owa-type-hint { order: 4; margin: 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  /* Segmented Control (22:564) */
  #ow-login .ow-reg-type { box-sizing: border-box; display: flex; width: 100%; gap: 4px; padding: 4px; border-radius: var(--owm-r-ctl); background: var(--owm-divider); }
  #ow-login .ow-reg-type__opt { flex: 1 1 0; min-width: 0; }
  #ow-login .ow-reg-type__btn { box-sizing: border-box; width: 100%; height: 40px; gap: 4px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--owm-text-2); font: 600 14px/20px var(--owm-font); }
  #ow-login .ow-reg-type__btn svg { display: none; }
  #ow-login .ow-reg-type__opt:hover .ow-reg-type__btn { color: var(--owm-text-2); border-color: transparent; }
  #ow-login .ow-reg-type__opt input:checked + .ow-reg-type__btn { border: 0; background: var(--owa-seg-active); box-shadow: 0 1px 2px rgba(22, 24, 45, .06), 0 1px 3px rgba(22, 24, 45, .1); color: var(--owa-heading); }

  /* Steps + form flow */
  #ow-login.ow-login--register .owa-steps { padding-top: 8px; }
  #ow-login.ow-login--register #registration { display: flex; flex-direction: column; gap: 24px; }
  #ow-login.ow-login--register #frmCheckout { display: contents; }
  #ow-login.ow-login--register #containerNewUserSignup { order: 1; gap: 16px; }
  #ow-login.ow-login--register #registration > .ow-login__divider { order: 2; }
  #ow-login.ow-login--register #registration > .ow-login__google { order: 3; }
  #ow-login.ow-login--register .ow-reg__switch { order: 4; margin: -8px 0 0; }
  #ow-login.ow-login--register .ow-login__secure { order: 5; }
  #ow-login.ow-login--register:has(.owa-note) .ow-login__secure { display: none; }
  #ow-login.ow-login--register #ow-reg-submit { order: 5; }
  body:has(.owa-cta--reg) #ow-reg-submit { display: none; }
  #ow-login .ow-reg__section { gap: 16px; }
  #ow-login .ow-reg__section + .ow-reg__section { padding-top: 0; border-top: 0; }
  #ow-login.ow-login--register:has(.owa-sec-head) .ow-reg__legend { display: none; }
  #ow-login .ow-grid-2 { gap: 16px 12px; }
  #ow-login .ow-grid-2--stack-sm { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #ow-login .ow-reg__hint { margin: 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  #ow-login .owa-hint { margin: 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  /* Şifre Bloğu (39:1456): field, strength + rules, repeat field */
  #ow-login .ow-reg__pw { gap: 12px; }
  #ow-login .ow-reg__pw > .ow-grid-2 { display: contents; }
  #ow-login .ow-reg__pw > .ow-grid-2 > .ow-field:first-child { order: 0; }
  #ow-login .ow-reg__pw > .ow-pw-meter { order: 1; }
  #ow-login .ow-reg__pw > .ow-grid-2 > .ow-field + .ow-field { order: 2; margin-top: 4px; }
  #ow-login .ow-pw-meter { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
  #ow-login .ow-pw-meter__track { flex: 1 1 0; min-width: 64px; height: 4px; margin: 0 -4px 0 0; border-radius: 0; background: var(--owm-divider); -webkit-mask: repeating-linear-gradient(90deg, #000 0, #000 calc(25% - 4px), transparent calc(25% - 4px), transparent 25%); mask: repeating-linear-gradient(90deg, #000 0, #000 calc(25% - 4px), transparent calc(25% - 4px), transparent 25%); }
  #ow-login .ow-pw-meter .progress-bar { border-radius: 0; background: var(--owm-muted); }
  #ow-login .ow-pw-meter .progress-bar.bg-success { background: var(--owm-success) !important; }
  #ow-login .ow-pw-meter .progress-bar.bg-warning { background: var(--owm-amber) !important; }
  #ow-login .ow-pw-meter .progress-bar.bg-danger { background: var(--owm-danger) !important; }
  #ow-login .ow-pw-meter__label { flex: none; max-width: 62%; overflow: hidden; margin: 0; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); text-overflow: ellipsis; white-space: nowrap; }
  #ow-login .ow-pw-meter:has(.bg-success) .ow-pw-meter__label { color: var(--owm-success-text); }
  #ow-login .ow-pw-meter:has(.bg-warning) .ow-pw-meter__label { color: #b26b00; }
  #ow-login .ow-pw-meter:has(.bg-danger) .ow-pw-meter__label { color: var(--owm-danger); }
  html.oweb-dark #ow-login .ow-pw-meter:has(.bg-success) .ow-pw-meter__label { color: var(--owm-success); }
  html.oweb-dark #ow-login .ow-pw-meter:has(.bg-warning) .ow-pw-meter__label { color: var(--owm-amber); }
  /* Check Row (28:195) */
  .owa-rules { flex: 1 0 100%; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
  .owa-rules__row { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; color: var(--owm-muted); font: 400 15px/22px var(--owm-font); }
  .owa-rules__row .owa-i { --owa-m: var(--owa-i-ccircle); margin-top: 1px; color: var(--owm-muted); }
  .owa-rules__row.is-ok { color: var(--owm-text); }
  .owa-rules__row.is-ok .owa-i { color: var(--owm-success); }
  /* Onaylar (39:1509) */
  #ow-login .ow-check--tos { align-self: stretch; align-items: flex-start; gap: 12px; padding: 8px 0; color: var(--owm-text); font: 400 15px/22px var(--owm-font); }
  #ow-login .ow-check--tos .ow-check__box { margin-top: 1px; }
  #ow-login .ow-check--tos a, #ow-login .ow-check--tos a:focus { color: var(--owm-orange-text); font-weight: 600; }
  /* Güvenlik Notu (39:1520) */
  .owa-note { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 16px; border-radius: var(--owm-r-ctl); background: var(--owm-success-tint); color: var(--owm-success-text); font: 500 13px/18px var(--owm-font); }
  .owa-note .owa-i { --owa-m: var(--owa-i-lock); color: var(--owm-success-text); }
  html.oweb-dark .owa-note { background: rgba(32, 189, 128, .12); color: var(--owm-success); }
  html.oweb-dark .owa-note .owa-i { color: var(--owm-success); }
  /* step visibility (JS sets data-owa-cur on #ow-login and data-owa-step on blocks) */
  #ow-login[data-owa-cur="1"] [data-owa-step]:not([data-owa-step="1"]),
  #ow-login[data-owa-cur="2"] [data-owa-step]:not([data-owa-step="2"]),
  #ow-login[data-owa-cur="3"] [data-owa-step]:not([data-owa-step="3"]),
  #ow-login[data-owa-cur="1"] [data-owa-steps]:not([data-owa-steps~="1"]),
  #ow-login[data-owa-cur="2"] [data-owa-steps]:not([data-owa-steps~="2"]),
  #ow-login[data-owa-cur="3"] [data-owa-steps]:not([data-owa-steps~="3"]) { display: none !important; }
  #ow-login.ow-login--register .owa-cta { order: 6; margin-top: 8px; margin-bottom: -32px; }

  /* Şifre sıfırlama: ow-steps -> Adım Göstergesi */
  #ow-login .ow-steps { gap: 8px; align-items: flex-start; }
  #ow-login .ow-steps__item, #ow-login .ow-steps__item + .ow-steps__item { flex: 1 1 0; display: grid; grid-template-columns: 22px minmax(0, 1fr); grid-template-rows: 4px auto; align-items: center; gap: 8px; color: var(--owm-muted); font: 600 14px/20px var(--owm-font); }
  #ow-login .ow-steps__item::before, #ow-login .ow-steps__item + .ow-steps__item::before { content: ""; grid-column: 1 / -1; min-width: 0; height: 4px; margin: 0; border-radius: 2px; background: var(--owm-divider); }
  #ow-login .ow-steps__item.is-current::before, #ow-login .ow-steps__item.is-done::before { background: var(--owm-grad); }
  #ow-login .ow-steps__dot { width: 22px; height: 22px; border: 0; border-radius: 11px; background: var(--owm-bg); box-shadow: none; color: var(--owm-muted); font: 600 11px/14px var(--owm-font); }
  #ow-login .ow-steps__item.is-current .ow-steps__dot, #ow-login .ow-steps__item.is-done .ow-steps__dot { background: var(--owm-orange); color: #fff; box-shadow: none; }
  #ow-login .ow-steps__item.is-current, #ow-login .ow-steps__item.is-done { color: var(--owa-heading); }
  #ow-login .ow-pw-result__icon { width: 64px; height: 64px; border-radius: 32px; background: var(--owm-orange-tint); color: var(--owm-orange); }
  #ow-login .ow-pw-result--done .ow-pw-result__icon, #ow-login .ow-pw-result--success .ow-pw-result__icon { background: var(--owm-success-tint); color: var(--owm-success-text); }
  #ow-login .ow-pw-result__hint { border-radius: var(--owm-r-ctl); background: var(--owm-bg); font: 500 13px/18px var(--owm-font); }
  #ow-login .ow-login__back, #ow-login .ow-login__back:focus { min-height: 44px; color: var(--owm-orange-text); font: 600 15px/22px var(--owm-font); }
  #ow-login.ow-login--reset .ow-login__form { gap: 24px; }
  #ow-login.ow-login--reset .ow-reg__switch { margin-top: -8px; }

  /* =========================================================================
     09 Sepet (40:1652) — orderform oweb_cart viewcart
     ========================================================================= */
  .ow-tpl-viewcart #page-head { display: none; }
  .ow-tpl-viewcart .owa-cart-steps { box-sizing: border-box; padding: 12px var(--owm-gutter) 16px; background: var(--owm-surface); }
  .ow-tpl-viewcart #basket-area { min-height: 0; }
  .ow-tpl-viewcart #basket-area > .container-xl { padding-top: 24px !important; padding-bottom: 0; }
  .ow-tpl-viewcart #basket-area > .container-xl:not(:has(.owa-cta)) { padding-bottom: 32px; }
  .ow-tpl-viewcart #basket-area .row.g-3 { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-direction: column; gap: 16px; margin: 0; }
  .ow-tpl-viewcart #basket-area .row.g-3 > * { width: 100%; margin: 0; padding: 0; }
  .ow-tpl-viewcart #basket-area .row.g-3 > .col-lg-8 { display: flex; flex-direction: column; gap: 16px; }
  .ow-tpl-viewcart #basket-area .col-lg-8 > form { margin: 0; }
  .ow-tpl-viewcart #basket-area .col-lg-8 > .alert { margin: 0 !important; border-radius: var(--owm-r-ctl); font: 500 14px/20px var(--owm-font); }
  .ow-tpl-viewcart .basket--content:has(.product) { display: flex; flex-direction: column; gap: 16px; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none; }
  /* Ürün kartı (40:1702 / 40:1743) */
  .ow-tpl-viewcart .basket--content .product { box-sizing: border-box; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; grid-template-areas: "tile info rm" "pt pt pt" "det det det" "price price price"; column-gap: 12px; row-gap: 16px; margin: 0; padding: 16px; overflow: hidden; border: 1px solid var(--owa-card-border); border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: var(--owa-card-shadow); font-family: var(--owm-font); }
  .ow-tpl-viewcart .basket--content .product:last-child { padding: 16px; border-bottom: 1px solid var(--owa-card-border); }
  .ow-tpl-viewcart .basket--content .product > .flex-align, .ow-tpl-viewcart .basket--content .product .detail-line, .ow-tpl-viewcart .basket--content .product .detail-line .action { display: contents; }
  .ow-tpl-viewcart .basket--content .product .owa-tile { grid-area: tile; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); }
  .ow-tpl-viewcart .basket--content .product .owa-tile .owa-i { width: 22px; height: 22px; }
  .ow-tpl-viewcart .basket--content .product .info { grid-area: info; display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0; }
  .ow-tpl-viewcart .basket--content .product .info > * { margin: 0; overflow-wrap: anywhere; }
  .ow-tpl-viewcart .basket--content .product .info > span:first-child { color: var(--owm-orange-text) !important; font: 700 12px/16px var(--owm-font) !important; letter-spacing: .6px; text-transform: uppercase; }
  .ow-tpl-viewcart .basket--content .product .info > .title { order: 1; color: var(--owa-heading) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }
  .ow-tpl-viewcart .basket--content .product .info > .cl-main { order: 2; color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  .ow-tpl-viewcart .basket--content .product .info > .cl-main.owa-empty { display: none; }
  .ow-tpl-viewcart .basket--content .product.owa-dom .info > .cl-main { order: 1; color: var(--owa-heading) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }
  .ow-tpl-viewcart .basket--content .product.owa-dom .info > .title { order: 2; color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; letter-spacing: 0; }
  .ow-tpl-viewcart .basket--content .product .btn.btn-danger { grid-area: rm; align-self: start; display: flex; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; margin: 0; padding: 0; border: 0; border-radius: var(--owm-r-ctl); background: transparent !important; box-shadow: none; color: var(--owm-muted); }
  .ow-tpl-viewcart .basket--content .product .btn.btn-danger > i { display: none; }
  .ow-tpl-viewcart .basket--content .product .btn.btn-danger::before { content: ""; width: 24px; height: 24px; background-color: var(--owm-muted); -webkit-mask: var(--owa-i-close) center / 24px 24px no-repeat; mask: var(--owa-i-close) center / 24px 24px no-repeat; }
  .ow-tpl-viewcart .basket--content .product .action > a.btn, .ow-tpl-viewcart .basket--content .product .basket-product--btn { display: none !important; }
  .ow-tpl-viewcart .basket--content .product:has(.owa-pfield) > .flex-align > .payment-type { display: none; }
  .ow-tpl-viewcart .basket--content .product > .flex-align > .payment-type { grid-area: pt; margin: 0; color: var(--owa-heading); font: 600 15px/22px var(--owm-font); }
  /* Seçim / Faturalama dönemi (40:1717) */
  .owa-pfield { grid-area: pt; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
  .owa-pfield__label { color: var(--owa-heading); font: 600 14px/20px var(--owm-font); }
  .owa-pfield__ctl { position: relative; box-sizing: border-box; display: flex; align-items: center; gap: 8px; height: 52px; padding: 0 12px 0 16px; overflow: hidden; border: 1.5px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: var(--owm-surface); color: var(--owa-heading); font: 600 15px/22px var(--owm-font); text-decoration: none; }
  a.owa-pfield__ctl.owa-pfield__ctl, a.owa-pfield__ctl.owa-pfield__ctl:hover, a.owa-pfield__ctl.owa-pfield__ctl:focus { color: var(--owa-heading); text-decoration: none; }
  .owa-pfield__value { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .owa-pfield__ctl .owa-i { --owa-m: var(--owa-i-chevd); color: var(--owm-text-2); }
  .owa-pfield__ctl:focus-within, a.owa-pfield__ctl:focus-visible { border-color: var(--owm-orange); box-shadow: var(--owa-ring); outline: 0; }
  .owa-pfield__ctl select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; }
  /* Dahil Olanlar (40:1726): configurable options as Tags (19:40) */
  .ow-tpl-viewcart .basket--content .product > .product--detail { grid-area: det; display: block !important; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  .ow-tpl-viewcart .basket--content .product > .product--detail ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
  .ow-tpl-viewcart .basket--content .product > .product--detail li { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; margin: 0; padding: 4px 12px 4px 8px; border-radius: 8px; background: var(--owm-success-tint); color: var(--owm-success-text) !important; font: 500 13px/18px var(--owm-font); }
  .ow-tpl-viewcart .basket--content .product > .product--detail li::before { content: ""; flex: none; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: var(--owa-i-check14) center / 14px 14px no-repeat; mask: var(--owa-i-check14) center / 14px 14px no-repeat; }
  .ow-tpl-viewcart .basket--content .product > .product--detail li span { margin-left: 4px; color: inherit !important; font-weight: 500; }
  .ow-tpl-viewcart .basket--content .product > .product--detail li span.owa-zero { display: none; }
  html.oweb-dark .ow-tpl-viewcart .basket--content .product > .product--detail li { background: rgba(32, 189, 128, .12); color: var(--owm-success) !important; }
  /* Fiyat (40:1736) */
  .ow-tpl-viewcart .basket--content .product .detail-line .price { grid-area: price; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; margin: 0; padding-top: 16px; border-top: 1px solid var(--owm-divider); text-align: left; }
  .ow-tpl-viewcart .basket--content .product .detail-line .price > span { margin: 0; }
  .ow-tpl-viewcart .basket--content .product .detail-line .price > span:first-child { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  .ow-tpl-viewcart .basket--content .product .detail-line .price > span.title { flex: none; color: var(--owa-heading) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; white-space: nowrap; }
  .ow-tpl-viewcart .basket--content .product .detail-line .price > span.title[data-owa-suffix]::after { content: attr(data-owa-suffix); margin-left: 4px; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); letter-spacing: 0; }
  /* Section header + continue link */
  .ow-tpl-viewcart .owa-continue { align-self: center; }
  .ow-tpl-viewcart .owa-continue .owa-i { --owa-m: var(--owa-i-arrow18); }
  /* İndirim Kodu (40:1778) */
  .ow-tpl-viewcart #scrollingPanelContainer { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 0; background: transparent !important; box-shadow: none !important; }
  .ow-tpl-viewcart #scrollingPanelContainer > form, .ow-tpl-viewcart #orderSummary, .ow-tpl-viewcart .view-cart-promotion-code { box-sizing: border-box; margin: 0 !important; padding: 16px; border: 1px solid var(--owa-card-border); border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: var(--owa-card-shadow); }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lbl lbl" "inp btn"; align-items: end; gap: 8px; margin: 0 !important; }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > label { grid-area: lbl; position: static; height: auto; padding: 0 !important; border: 0; opacity: 1 !important; transform: none !important; color: var(--owa-heading) !important; font: 600 14px/20px var(--owm-font); pointer-events: auto; }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > label::after { display: none; }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > .form-control { grid-area: inp; box-sizing: border-box; min-width: 0; height: 52px !important; min-height: 0; padding: 0 16px 0 48px !important; border: 1px solid var(--owm-border); border-radius: var(--owm-r-ctl); background: var(--owm-surface); box-shadow: none; color: var(--owa-heading); font: 400 16px/24px var(--owm-font); }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > .form-control::placeholder { color: var(--owm-muted) !important; opacity: 1; }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > .form-control:focus { border-color: var(--owm-orange); box-shadow: inset 0 0 0 .5px var(--owm-orange), var(--owa-ring); }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating::before { content: ""; grid-area: inp; z-index: 3; align-self: center; width: 20px; height: 20px; margin-left: 16px; background-color: var(--owm-muted); -webkit-mask: var(--owa-i-tag) center / 20px 20px no-repeat; mask: var(--owa-i-tag) center / 20px 20px no-repeat; pointer-events: none; }
  .ow-tpl-viewcart #scrollingPanelContainer .button-floating.form-floating > button { grid-area: btn; position: static; box-sizing: border-box; height: 52px; margin: 0; padding: 0 24px; border: 1.5px solid var(--owm-orange) !important; border-radius: var(--owm-r-ctl) !important; background: var(--owm-surface) !important; box-shadow: none !important; color: var(--owm-orange-text) !important; font: 700 16px/20px var(--owm-font); transform: none; }
  .ow-tpl-viewcart .view-cart-promotion-code { color: var(--owa-heading) !important; font: 600 15px/22px var(--owm-font); text-align: left !important; }
  .ow-tpl-viewcart .view-cart-promotion-code + .text-center { margin: -16px 0 0 !important; padding: 0 16px 16px; text-align: left !important; border-radius: 0 0 var(--owm-r-card) var(--owm-r-card); background: var(--owm-surface); }
  .ow-tpl-viewcart .view-cart-promotion-code:has(+ .text-center) { padding-bottom: 8px; border-radius: var(--owm-r-card) var(--owm-r-card) 0 0; box-shadow: none; }
  .ow-tpl-viewcart .view-cart-promotion-code + .text-center .btn { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: var(--owm-r-ctl); font: 600 14px/20px var(--owm-font); }
  /* Sipariş Özeti (40:1794) */
  .ow-tpl-viewcart #orderSummary { display: flex; flex-direction: column; gap: 12px; font-family: var(--owm-font); }
  .ow-tpl-viewcart #orderSummary .owa-sum-title { margin: 0; color: var(--owa-heading); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .ow-tpl-viewcart #orderSummary ul, .ow-tpl-viewcart #orderSummary .owa-sum-items { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
  .ow-tpl-viewcart #orderSummary li, .ow-tpl-viewcart #orderSummary .owa-sum-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 0; border: 0; color: var(--owm-text); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-viewcart #orderSummary .owa-sum-row > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ow-tpl-viewcart #orderSummary li > span, .ow-tpl-viewcart #orderSummary .owa-sum-row > span + span { flex: none; margin-left: auto; color: var(--owa-heading) !important; font-weight: 400; white-space: nowrap; }
  .ow-tpl-viewcart #orderSummary li[data-owa-label] { font-size: 0; }
  .ow-tpl-viewcart #orderSummary li[data-owa-label]::before { content: attr(data-owa-label); color: var(--owm-text); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-viewcart #orderSummary li > span { font-size: 15px; line-height: 22px; }
  .ow-tpl-viewcart #orderSummary .owa-sum-items { padding-bottom: 12px; border-bottom: 1px solid var(--owm-divider); }
  .ow-tpl-viewcart #orderSummary li:last-child { padding-top: 12px; border-top: 1px solid var(--owm-divider); color: var(--owa-heading) !important; font-weight: 600; }
  .ow-tpl-viewcart #orderSummary li:last-child[data-owa-label]::before { color: var(--owa-heading); font-weight: 600; }
  .ow-tpl-viewcart #orderSummary li:last-child > span { color: var(--owa-heading) !important; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  .owa-save { display: flex; align-items: center; gap: 8px; margin: 0; padding: 12px; border-radius: var(--owm-r-ctl); background: var(--owm-success-tint); color: var(--owm-success-text); font: 600 14px/20px var(--owm-font); }
  .owa-save .owa-i { --owa-m: var(--owa-i-percent); }
  html.oweb-dark .owa-save { background: rgba(32, 189, 128, .12); color: var(--owm-success); }
  .ow-tpl-viewcart #scrollingPanelContainer .express-checkout-buttons:empty { display: none; }
  body:has(.owa-cta--cart) #checkout { display: none !important; }
  .ow-tpl-viewcart .owa-trust--cart { padding-top: 8px; }
  .ow-tpl-viewcart #basket-area .owa-cta { margin-top: 32px; }
  .ow-tpl-viewcart #orderSummaryLoader { display: none !important; }

  /* 13 Boş/Hata: boş sepet (40:2462) */
  .ow-tpl-viewcart #basket-area .row.g-3 > :has(#checkout.disabled) { display: none; }
  /* States (40:2461): vertically centred in the screen, 20px sides, 12px top/bottom */
  .ow-tpl-viewcart #basket-area:has(.empty-cart) > .container-xl { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - var(--owm-appbar-h)); min-height: calc(100svh - var(--owm-appbar-h)); padding-top: 12px !important; padding-bottom: 12px; }
  .ow-tpl-viewcart .basket--content:has(.empty-cart) { box-sizing: border-box; padding: 20px !important; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card) !important; background: var(--owm-surface) !important; box-shadow: none; }
  .ow-tpl-viewcart .empty-cart, .ow-tpl-viewcart .empty-cart > div { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; text-align: center; }
  .ow-tpl-viewcart .empty-cart .title { margin: 12px 0 0; color: var(--owa-heading); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .ow-tpl-viewcart .empty-cart .subtitle { margin: 4px 0 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  .ow-tpl-viewcart .empty-cart .owa-state__ill + .title { margin-top: 12px; }
  .ow-tpl-viewcart .empty-cart .actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px !important; width: 100%; margin: 16px 0 0; }
  .ow-tpl-viewcart .empty-cart .actions .btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 44px; min-height: 0; margin: 0; padding: 0 20px; border: 0; border-radius: var(--owm-r-ctl); font: 600 15px/22px var(--owm-font); }
  .ow-tpl-viewcart .empty-cart .actions .btn:first-child { background: var(--owm-grad) !important; box-shadow: var(--owa-btn-shadow) !important; color: #fff !important; }
  .ow-tpl-viewcart .empty-cart .actions .btn:first-child::after { content: ""; width: 18px; height: 18px; background-color: #fff; -webkit-mask: var(--owa-i-arrow18) center / 18px 18px no-repeat; mask: var(--owa-i-arrow18) center / 18px 18px no-repeat; }
  .ow-tpl-viewcart .empty-cart .actions .btn + .btn { background: transparent !important; box-shadow: none !important; color: var(--owm-orange-text) !important; }

  /* =========================================================================
     404 (13 Boş/Hata state card + Service Tile 28:246 grid)
     ========================================================================= */
  .container-xl:has(> .content-404) { padding-top: 24px; padding-bottom: 32px; }
  .content-404 { display: none; }
  .container-xl:has(> .content-404) > .title-heading { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; margin: 0 0 16px; padding: 20px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); text-align: center; }
  .container-xl:has(> .content-404) > .title-heading::before, .container-xl:has(> .content-404) > .title-heading::after { display: none; }
  .container-xl:has(> .content-404) > .title-heading span.title { display: block; margin: 12px 0 0; color: var(--owa-heading); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  .container-xl:has(> .content-404) > .title-heading .owa-state__ill + span.title { margin-top: 12px; }
  .container-xl:has(> .content-404) > .title-heading > p { margin: 4px 0 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  .container-xl:has(> .content-404) > .main--services { --bs-gutter-x: 0; --bs-gutter-y: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
  .container-xl:has(> .content-404) > .main--services > * { width: auto; margin: 0; padding: 0; }
  .container-xl:has(> .content-404) .main--services .s-item { box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 16px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface) !important; font-family: var(--owm-font); }
  .container-xl:has(> .content-404) .main--services .s-item::after { content: ""; position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; background-color: var(--owm-muted); -webkit-mask: var(--owa-i-upright) center / 20px 20px no-repeat; mask: var(--owa-i-upright) center / 20px 20px no-repeat; pointer-events: none; }
  .container-xl:has(> .content-404) .main--services .s-item .icon { position: static; order: 0; width: 40px; min-width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange-text); font-size: 0; }
  .container-xl:has(> .content-404) .main--services .s-item .icon > i { display: none; }
  .container-xl:has(> .content-404) .main--services .s-item .icon::before { content: ""; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--owa-si, var(--owa-i-layers)) center / 22px 22px no-repeat; mask: var(--owa-si, var(--owa-i-layers)) center / 22px 22px no-repeat; }
  .container-xl:has(> .content-404) .main--services .s-item:has(a[href*="alan-adi"], a[href*="domain"]) { --owa-si: var(--owa-i-globe); }
  .container-xl:has(> .content-404) .main--services .s-item:has(a[href*="sunucu"], a[href*="server"]) { --owa-si: var(--owa-i-server); }
  .container-xl:has(> .content-404) .main--services .s-item:has(a[href*="ssl"]) { --owa-si: var(--owa-i-lock); }
  .container-xl:has(> .content-404) .main--services .s-item .head { order: 1; }
  .container-xl:has(> .content-404) .main--services .s-item .head::before { display: none; }
  .container-xl:has(> .content-404) .main--services .s-item .head > span { display: block; color: var(--owa-heading) !important; font: 600 15px/22px var(--owm-font) !important; }
  .container-xl:has(> .content-404) .main--services .s-item .s-content, .container-xl:has(> .content-404) .main--services .s-item .s-content .price { display: contents; }
  .container-xl:has(> .content-404) .main--services .s-item .price > .d-block { order: 2; margin-top: -10px; color: var(--owm-muted) !important; font: 500 13px/18px var(--owm-font) !important; }
  .container-xl:has(> .content-404) .main--services .s-item .price > span:first-child { order: 3; color: var(--owa-heading) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; white-space: nowrap; }
  .container-xl:has(> .content-404) .main--services .s-item .s-content .btn { position: absolute; inset: 0; z-index: 2; width: auto; max-width: none; height: auto; margin: 0; padding: 0 !important; border: 0; border-radius: var(--owm-r-card); background: transparent !important; box-shadow: none; color: transparent !important; font-size: 0; }
  .container-xl:has(> .content-404) .main--services .s-item .s-content .btn > i { display: none; }
  .container-xl:has(> .content-404) .main--services .s-item .s-content .btn:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
}

/* ---- 70-misc.css ---- */
/* 70 misc (mob44): 11 İletişim (Figma 40:1426), 10 Müşteri Paneli (39:1111) and the design-system styling of
   Ticari Faaliyet Bilgileri + Bilgi Bankası. Mobile only: everything is inside @media (max-width: 991.98px).
   Icons are the Figma exports (file PwToh7cmCu1E7gVTnoJwzx, icons 18:9..18:282) used as CSS masks (--owx-i-*). */
@media (min-width: 200px) and (max-width: 991.98px) {
  :root {
    --owx-i-phone22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M4.58333 3.66667H7.33333L8.70833 7.79167L6.875 8.89167C7.37417 10.3348 8.19461 11.6458 9.27441 12.7256C10.3542 13.8054 11.6652 14.6258 13.1083 15.125L14.2083 13.2917L18.3333 14.6667V17.4167C18.3333 17.9029 18.1402 18.3692 17.7964 18.713C17.4525 19.0568 16.9862 19.25 16.5 19.25C12.9243 19.0327 9.55181 17.5143 7.01876 14.9812C4.48571 12.4482 2.9673 9.07567 2.75 5.5C2.75 5.01377 2.94315 4.54745 3.28697 4.20364C3.63079 3.85982 4.0971 3.66667 4.58333 3.66667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-wa22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11 2.74996C9.55138 2.74903 8.12805 3.12955 6.87315 3.85326C5.61825 4.57697 4.57604 5.61835 3.85133 6.87267C3.12661 8.12698 2.74494 9.55001 2.74471 10.9986C2.74448 12.4473 3.12569 13.8704 3.85 15.125L2.75 19.25L6.96667 18.15C8.06603 18.7826 9.29647 19.1533 10.5624 19.2332C11.8283 19.313 13.0955 19.0999 14.2657 18.6104C15.4359 18.1209 16.4774 17.3682 17.3093 16.4107C18.1413 15.4532 18.7412 14.3168 19.0626 13.0898C19.384 11.8627 19.4181 10.5781 19.1623 9.33577C18.9065 8.09341 18.3677 6.92676 17.5877 5.9265C16.8077 4.92623 15.8076 4.11928 14.6651 3.56836C13.5225 3.01744 12.2684 2.73738 11 2.74996ZM8.25 7.51671C8.25 11 11 13.75 14.4833 13.75L15.3083 12.1917L13.3833 11.275L12.4667 12.1C11.8866 11.8695 11.3598 11.523 10.9184 11.0816C10.4771 10.6403 10.1305 10.1134 9.9 9.53338L10.725 8.61671L9.80833 6.69171L8.25 7.51671Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-mail22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.20833 6.41667L11 11.9167L18.7917 6.41667M4.58333 4.58333H17.4167C18.4292 4.58333 19.25 5.40414 19.25 6.41667V15.5833C19.25 16.5959 18.4292 17.4167 17.4167 17.4167H4.58333C3.57081 17.4167 2.75 16.5959 2.75 15.5833V6.41667C2.75 5.40414 3.57081 4.58333 4.58333 4.58333Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chat22: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M7.33333 8.70833H14.6667M7.33333 11.4583H11.9167M3.66667 4.58333H18.3333V14.6667H8.25L3.66667 18.3333V4.58333Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-arrowur18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5.25 12.75L12.75 5.25M12.75 12V5.25H6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-user20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.33333 16.6667C3.33333 13.9167 6.33333 11.6667 10 11.6667C13.6667 11.6667 16.6667 13.9167 16.6667 16.6667M13.3333 6.66667C13.3333 8.50762 11.8409 10 10 10C8.15905 10 6.66667 8.50762 6.66667 6.66667C6.66667 4.82572 8.15905 3.33333 10 3.33333C11.8409 3.33333 13.3333 4.82572 13.3333 6.66667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-mail20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.91667 5.83333L10 10.8333L17.0833 5.83333M4.16667 4.16667H15.8333C16.7538 4.16667 17.5 4.91286 17.5 5.83333V14.1667C17.5 15.0871 16.7538 15.8333 15.8333 15.8333H4.16667C3.24619 15.8333 2.5 15.0871 2.5 14.1667V5.83333C2.5 4.91286 3.24619 4.16667 4.16667 4.16667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-pin20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 17.5C10 17.5 4.16667 12.3333 4.16667 7.91667C4.16667 6.36957 4.78125 4.88584 5.87521 3.79188C6.96917 2.69791 8.4529 2.08333 10 2.08333C11.5471 2.08333 13.0308 2.69791 14.1248 3.79188C15.2188 4.88584 15.8333 6.36957 15.8333 7.91667C15.8333 12.3333 10 17.5 10 17.5ZM12.0833 7.91667C12.0833 9.06726 11.1506 10 10 10C8.84941 10 7.91667 9.06726 7.91667 7.91667C7.91667 6.76607 8.84941 5.83333 10 5.83333C11.1506 5.83333 12.0833 6.76607 12.0833 7.91667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-phone20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 3.33333H6.66667L7.91667 7.08333L6.25 8.08333C6.70379 9.39531 7.44965 10.5871 8.43128 11.5687C9.41292 12.5504 10.6047 13.2962 11.9167 13.75L12.9167 12.0833L16.6667 13.3333V15.8333C16.6667 16.2754 16.4911 16.6993 16.1785 17.0118C15.866 17.3244 15.442 17.5 15 17.5C11.7494 17.3025 8.68346 15.9221 6.38069 13.6193C4.07792 11.3165 2.69754 8.25061 2.5 5C2.5 4.55797 2.67559 4.13405 2.98816 3.82149C3.30072 3.50893 3.72464 3.33333 4.16667 3.33333Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-shield18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.75 9L8.25 10.5L11.25 7.5M9 2.25L3.75 4.5V8.25C3.75 11.55 6 14.475 9 15.75C12 14.475 14.25 11.55 14.25 8.25V4.5L9 2.25Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-headset14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.33333 8.75V7C2.33333 5.76232 2.825 4.57534 3.70017 3.70017C4.57534 2.825 5.76232 2.33333 7 2.33333C8.23768 2.33333 9.42466 2.825 10.2998 3.70017C11.175 4.57534 11.6667 5.76232 11.6667 7V8.75M2.33333 8.16667H4.08333V11.6667H2.91667C2.76196 11.6667 2.61358 11.6052 2.50419 11.4958C2.39479 11.3864 2.33333 11.238 2.33333 11.0833V8.16667ZM11.6667 8.16667H9.91667V11.6667H11.0833C11.238 11.6667 11.3864 11.6052 11.4958 11.4958C11.6052 11.3864 11.6667 11.238 11.6667 11.0833V8.16667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-arrowr20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333M10.8333 15L15.8333 10L10.8333 5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chevd18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chevu18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 11.25L9 6.75L13.5 11.25' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-check16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33333 8.33333L6.33333 11.3333L12.6667 5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-layers20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 10L10 13.75L17.5 10M2.5 13.75L10 17.5L17.5 13.75M10 2.5L2.5 6.25L10 10L17.5 6.25L10 2.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-globe20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5M17.5 10C17.5 5.85786 14.1421 2.5 10 2.5M17.5 10H13.1667M10 17.5C5.85786 17.5 2.5 14.1421 2.5 10M10 17.5C12.0833 15.3333 13.1667 12.8333 13.1667 10M10 17.5C7.91667 15.3333 6.83333 12.8333 6.83333 10M2.5 10C2.5 5.85786 5.85786 2.5 10 2.5M2.5 10H6.83333M10 2.5C12.0833 4.66667 13.1667 7.16667 13.1667 10M10 2.5C7.91667 4.66667 6.83333 7.16667 6.83333 10M6.83333 10H13.1667' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-server20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.83333 6.25H5.84167M5.83333 13.75H5.84167M9.16667 6.25H14.1667M9.16667 13.75H14.1667M4.16667 3.33333H15.8333C16.7538 3.33333 17.5 4.07953 17.5 5V7.5C17.5 8.42047 16.7538 9.16667 15.8333 9.16667H4.16667C3.24619 9.16667 2.5 8.42047 2.5 7.5V5C2.5 4.07953 3.24619 3.33333 4.16667 3.33333ZM4.16667 10.8333H15.8333C16.7538 10.8333 17.5 11.5795 17.5 12.5V15C17.5 15.9205 16.7538 16.6667 15.8333 16.6667H4.16667C3.24619 16.6667 2.5 15.9205 2.5 15V12.5C2.5 11.5795 3.24619 10.8333 4.16667 10.8333Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-file20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 5.83333L11.6667 2.5H5.83333C5.61232 2.5 5.40036 2.5878 5.24408 2.74408C5.0878 2.90036 5 3.11232 5 3.33333V16.6667C5 16.8877 5.0878 17.0996 5.24408 17.2559C5.40036 17.4122 5.61232 17.5 5.83333 17.5H14.1667C14.3877 17.5 14.5996 17.4122 14.7559 17.2559C14.9122 17.0996 15 16.8877 15 16.6667V5.83333ZM11.6667 2.5V5.83333H15M7.5 10H12.5M7.5 13.3333H10.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chat20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66667 7.91667H13.3333M6.66667 10.4167H10.8333M3.33333 4.16667H16.6667V13.3333H7.5L3.33333 16.6667V4.16667Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chevr18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.75 4.5L11.25 9L6.75 13.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chevr16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4L10 8L6 12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-chevr20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-plus20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 4.16667V10M10 10V15.8333M10 10H4.16667M10 10H15.8333' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-alert18: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 5.625V9.75M9 12.375H9.0075M15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.27208 15.75 2.25 12.7279 2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-check14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.91667 7.29167L5.54167 9.91667L11.0833 4.375' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-clock14: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 4.08333V7L8.75 8.16667M12.25 7C12.25 9.89949 9.89949 12.25 7 12.25C4.1005 12.25 1.75 9.89949 1.75 7C1.75 4.1005 4.1005 1.75 7 1.75C9.89949 1.75 12.25 4.1005 12.25 7Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-search20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 20L16 16M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-info20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 11V16M12 8H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-building20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 7H9.01M15 7H15.01M9 11H9.01M15 11H15.01M9 15H9.01M15 15H15.01M10 21V18H14V21M6 3H18C18.5523 3 19 3.44772 19 4V20C19 20.5523 18.5523 21 18 21H6C5.44772 21 5 20.5523 5 20V4C5 3.44772 5.44772 3 6 3Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-home20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 10.5L12 4L20 10.5V19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H14.5V14H9.5V20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V10.5Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-login20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H14M10 8L14 12L10 16M14 12H4' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-apps20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.5 4H9.5C10.3284 4 11 4.67157 11 5.5V9.5C11 10.3284 10.3284 11 9.5 11H5.5C4.67157 11 4 10.3284 4 9.5V5.5C4 4.67157 4.67157 4 5.5 4ZM14.5 4H18.5C19.3284 4 20 4.67157 20 5.5V9.5C20 10.3284 19.3284 11 18.5 11H14.5C13.6716 11 13 10.3284 13 9.5V5.5C13 4.67157 13.6716 4 14.5 4ZM5.5 13H9.5C10.3284 13 11 13.6716 11 14.5V18.5C11 19.3284 10.3284 20 9.5 20H5.5C4.67157 20 4 19.3284 4 18.5V14.5C4 13.6716 4.67157 13 5.5 13ZM14.5 13H18.5C19.3284 13 20 13.6716 20 14.5V18.5C20 19.3284 19.3284 20 18.5 20H14.5C13.6716 20 13 19.3284 13 18.5V14.5C13 13.6716 13.6716 13 14.5 13Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-sliders20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7H14M14 7C14 8.10457 14.8954 9 16 9C17.1046 9 18 8.10457 18 7M14 7C14 5.89543 14.8954 5 16 5C17.1046 5 18 5.89543 18 7M18 7H20M4 17H8M8 17C8 18.1046 8.89543 19 10 19C11.1046 19 12 18.1046 12 17M8 17C8 15.8954 8.89543 15 10 15C11.1046 15 12 15.8954 12 17M12 17H20' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-transfer20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8H18L14.5 4.5M20 16H6L9.5 19.5' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-lock20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11V8C8 6.93913 8.42143 5.92172 9.17157 5.17157C9.92172 4.42143 10.9391 4 12 4C13.0609 4 14.0783 4.42143 14.8284 5.17157C15.5786 5.92172 16 6.93913 16 8V11M7 11H17C18.1046 11 19 11.8954 19 13V19C19 20.1046 18.1046 21 17 21H7C5.89543 21 5 20.1046 5 19V13C5 11.8954 5.89543 11 7 11Z' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-i-user20b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.66667 18.3333C3.66667 15.3083 6.96667 12.8333 11 12.8333C15.0333 12.8333 18.3333 15.3083 18.3333 18.3333M14.6667 7.33333C14.6667 9.35838 13.025 11 11 11C8.97496 11 7.33333 9.35838 7.33333 7.33333C7.33333 5.30829 8.97496 3.66667 11 3.66667C13.025 3.66667 14.6667 5.30829 14.6667 7.33333Z' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --owx-in-user: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M3.33333 16.6667C3.33333 13.9167 6.33333 11.6667 10 11.6667C13.6667 11.6667 16.6667 13.9167 16.6667 16.6667M13.3333 6.66667C13.3333 8.50762 11.8409 10 10 10C8.15905 10 6.66667 8.50762 6.66667 6.66667C6.66667 4.82572 8.15905 3.33333 10 3.33333C11.8409 3.33333 13.3333 4.82572 13.3333 6.66667Z%27 stroke=%27%238A90A6%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-user-on: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M3.33333 16.6667C3.33333 13.9167 6.33333 11.6667 10 11.6667C13.6667 11.6667 16.6667 13.9167 16.6667 16.6667M13.3333 6.66667C13.3333 8.50762 11.8409 10 10 10C8.15905 10 6.66667 8.50762 6.66667 6.66667C6.66667 4.82572 8.15905 3.33333 10 3.33333C11.8409 3.33333 13.3333 4.82572 13.3333 6.66667Z%27 stroke=%27%23C2531A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-mail: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M2.91667 5.83333L10 10.8333L17.0833 5.83333M4.16667 4.16667H15.8333C16.7538 4.16667 17.5 4.91286 17.5 5.83333V14.1667C17.5 15.0871 16.7538 15.8333 15.8333 15.8333H4.16667C3.24619 15.8333 2.5 15.0871 2.5 14.1667V5.83333C2.5 4.91286 3.24619 4.16667 4.16667 4.16667Z%27 stroke=%27%238A90A6%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-mail-on: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M2.91667 5.83333L10 10.8333L17.0833 5.83333M4.16667 4.16667H15.8333C16.7538 4.16667 17.5 4.91286 17.5 5.83333V14.1667C17.5 15.0871 16.7538 15.8333 15.8333 15.8333H4.16667C3.24619 15.8333 2.5 15.0871 2.5 14.1667V5.83333C2.5 4.91286 3.24619 4.16667 4.16667 4.16667Z%27 stroke=%27%23C2531A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-search: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M16.6667 16.6667L13.3333 13.3333M15 9.16667C15 12.3883 12.3883 15 9.16667 15C5.94501 15 3.33333 12.3883 3.33333 9.16667C3.33333 5.94501 5.94501 3.33333 9.16667 3.33333C12.3883 3.33333 15 5.94501 15 9.16667Z%27 stroke=%27%236B7089%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-layers: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M2.5 10L10 13.75L17.5 10M2.5 13.75L10 17.5L17.5 13.75M10 2.5L2.5 6.25L10 10L17.5 6.25L10 2.5Z%27 stroke=%27%231F2433%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-globe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5M17.5 10C17.5 5.85786 14.1421 2.5 10 2.5M17.5 10H13.1667M10 17.5C5.85786 17.5 2.5 14.1421 2.5 10M10 17.5C12.0833 15.3333 13.1667 12.8333 13.1667 10M10 17.5C7.91667 15.3333 6.83333 12.8333 6.83333 10M2.5 10C2.5 5.85786 5.85786 2.5 10 2.5M2.5 10H6.83333M10 2.5C12.0833 4.66667 13.1667 7.16667 13.1667 10M10 2.5C7.91667 4.66667 6.83333 7.16667 6.83333 10M6.83333 10H13.1667%27 stroke=%27%231F2433%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-chat: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M6.66667 7.91667H13.3333M6.66667 10.4167H10.8333M3.33333 4.16667H16.6667V13.3333H7.5L3.33333 16.6667V4.16667Z%27 stroke=%27%231F2433%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-file: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M15 5.83333L11.6667 2.5H5.83333C5.61232 2.5 5.40036 2.5878 5.24408 2.74408C5.0878 2.90036 5 3.11232 5 3.33333V16.6667C5 16.8877 5.0878 17.0996 5.24408 17.2559C5.40036 17.4122 5.61232 17.5 5.83333 17.5H14.1667C14.3877 17.5 14.5996 17.4122 14.7559 17.2559C14.9122 17.0996 15 16.8877 15 16.6667V5.83333ZM11.6667 2.5V5.83333H15M7.5 10H12.5M7.5 13.3333H10.8333%27 stroke=%27%231F2433%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  }
  html.oweb-dark {
    --owx-in-user-on: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M3.33333 16.6667C3.33333 13.9167 6.33333 11.6667 10 11.6667C13.6667 11.6667 16.6667 13.9167 16.6667 16.6667M13.3333 6.66667C13.3333 8.50762 11.8409 10 10 10C8.15905 10 6.66667 8.50762 6.66667 6.66667C6.66667 4.82572 8.15905 3.33333 10 3.33333C11.8409 3.33333 13.3333 4.82572 13.3333 6.66667Z%27 stroke=%27%23FF9A5C%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-mail-on: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M2.91667 5.83333L10 10.8333L17.0833 5.83333M4.16667 4.16667H15.8333C16.7538 4.16667 17.5 4.91286 17.5 5.83333V14.1667C17.5 15.0871 16.7538 15.8333 15.8333 15.8333H4.16667C3.24619 15.8333 2.5 15.0871 2.5 14.1667V5.83333C2.5 4.91286 3.24619 4.16667 4.16667 4.16667Z%27 stroke=%27%23FF9A5C%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-search: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M16.6667 16.6667L13.3333 13.3333M15 9.16667C15 12.3883 12.3883 15 9.16667 15C5.94501 15 3.33333 12.3883 3.33333 9.16667C3.33333 5.94501 5.94501 3.33333 9.16667 3.33333C12.3883 3.33333 15 5.94501 15 9.16667Z%27 stroke=%27%23AEB6CA%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-layers: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M2.5 10L10 13.75L17.5 10M2.5 13.75L10 17.5L17.5 13.75M10 2.5L2.5 6.25L10 10L17.5 6.25L10 2.5Z%27 stroke=%27%23E8EAF2%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-globe: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5M17.5 10C17.5 5.85786 14.1421 2.5 10 2.5M17.5 10H13.1667M10 17.5C5.85786 17.5 2.5 14.1421 2.5 10M10 17.5C12.0833 15.3333 13.1667 12.8333 13.1667 10M10 17.5C7.91667 15.3333 6.83333 12.8333 6.83333 10M2.5 10C2.5 5.85786 5.85786 2.5 10 2.5M2.5 10H6.83333M10 2.5C12.0833 4.66667 13.1667 7.16667 13.1667 10M10 2.5C7.91667 4.66667 6.83333 7.16667 6.83333 10M6.83333 10H13.1667%27 stroke=%27%23E8EAF2%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-chat: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M6.66667 7.91667H13.3333M6.66667 10.4167H10.8333M3.33333 4.16667H16.6667V13.3333H7.5L3.33333 16.6667V4.16667Z%27 stroke=%27%23E8EAF2%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    --owx-in-t-file: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M15 5.83333L11.6667 2.5H5.83333C5.61232 2.5 5.40036 2.5878 5.24408 2.74408C5.0878 2.90036 5 3.11232 5 3.33333V16.6667C5 16.8877 5.0878 17.0996 5.24408 17.2559C5.40036 17.4122 5.61232 17.5 5.83333 17.5H14.1667C14.3877 17.5 14.5996 17.4122 14.7559 17.2559C14.9122 17.0996 15 16.8877 15 16.6667V5.83333ZM11.6667 2.5V5.83333H15M7.5 10H12.5M7.5 13.3333H10.8333%27 stroke=%27%23E8EAF2%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  }

  /* ================= shared pieces (design-system components reused by every misc page) ================= */
  .owx-ico { display: block; flex: none; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m) center / contain no-repeat; mask: var(--owx-m) center / contain no-repeat; }
  /* Tag 19:40 (success tone) */
  .owx-tag { display: inline-flex; align-items: center; align-self: flex-start; gap: 4px; padding: 4px 12px 4px 8px; border-radius: 8px; background: var(--owm-wa-tint); color: var(--owm-wa-ink); font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  .owx-tag .owx-ico { width: 14px; height: 14px; }
  /* Chip 19:51 (horizontal choice row) */
  .owx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .owx-chip { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 0 15px; border: 1px solid var(--owm-border); border-radius: 999px; background: var(--owm-surface); color: var(--owm-text); font: 600 14px/20px var(--owm-font); white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .owx-chip::after { content: ""; position: absolute; left: 0; right: 0; top: -3px; bottom: -3px; }
  .owx-chip .owx-ico { display: none; width: 16px; height: 16px; --owx-m: var(--owx-i-check16); }
  .owx-chip[aria-checked="true"] { padding: 0 14.5px 0 10.5px; border: 1.5px solid var(--owm-orange); background: var(--owm-orange-tint); color: var(--owm-orange-text); }
  .owx-chip[aria-checked="true"] .owx-ico { display: block; }
  .owx-chip:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  .owx-help { margin: 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }

  /* ================= 11 İletişim (Figma 40:1426) — templates/oweb/contact.tpl (#ow-ct-*) ================= */
  :root .ow-tpl-contact #ow-ct-hero { padding: 24px 0 0; }
  :root .ow-tpl-contact #ow-ct-main { padding: 32px 0 0; }
  :root .ow-tpl-contact #ow-ct-faq { padding: 32px 0; }
  :root .ow-tpl-contact #ow-ct-hero .ch-grid { display: block; }

  /* Section / Kanallar: Section Header 28:185 + Tag + 2×2 channel cards */
  :root .ow-tpl-contact #ow-ct-hero .ch-main { display: flex; flex-direction: column; align-items: stretch; overflow: visible; padding: 0; border: 0; border-radius: 0; background: none; }
  :root .ow-tpl-contact #ow-ct-hero .ch-main::after { display: none; }
  :root .ow-tpl-contact #ow-ct-hero .ch-eye { display: block; margin: 0 0 8px; color: var(--owm-orange-text); font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  :root .ow-tpl-contact #ow-ct-hero .ch-eye::before { display: none; }
  :root .ow-tpl-contact #ow-ct-hero h1 { margin: 0 0 8px; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  :root .ow-tpl-contact #ow-ct-hero .ch-desc { max-width: none; margin: 0 0 16px; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-hero .owx-tag { margin: 0 0 16px; }
  :root .ow-tpl-contact #ow-ct-hero .owx-tag .owx-ico { --owx-m: var(--owx-i-headset14); }
  :root .ow-tpl-contact #ow-ct-hero .ch-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 0; padding: 15px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: none; transform: none; transition: none; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q::after { content: ""; position: absolute; top: 15px; right: 15px; width: 18px; height: 18px; background-color: var(--owm-muted); -webkit-mask: var(--owx-i-arrowur18) center / contain no-repeat; mask: var(--owx-i-arrowur18) center / contain no-repeat; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > i { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); font-size: 0; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q.wa > i { background: var(--owm-wa-tint); color: var(--owm-wa-ink); }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > i::before { content: ""; display: block; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-chat22)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-chat22)) center / contain no-repeat; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > i.eg-phone-fill { --owx-m: var(--owx-i-phone22); }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > i.eg-whatsapp-line { --owx-m: var(--owx-i-wa22); }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > i.eg-mail-send-line { --owx-m: var(--owx-i-mail22); }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > b { display: block; width: 100%; margin: 16px 0 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > span { display: block; width: 100%; margin: 2px 0 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); overflow-wrap: anywhere; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q > span span { font: inherit; color: inherit; }
  :root .ow-tpl-contact #ow-ct-hero .ch-q:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* Contact Form 40:1506 */
  :root .ow-tpl-contact #ow-ct-main .cm-grid { display: flex; flex-direction: column; align-items: stretch; gap: 32px; }
  :root .ow-tpl-contact #ow-ct-main .cm-side { display: none; }
  :root .ow-tpl-contact #ow-ct-main .cm-form { padding: 19px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root .ow-tpl-contact #ow-ct-main .cm-fh { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
  :root .ow-tpl-contact #ow-ct-main .cm-fh > i { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); font-size: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-fh > i::before { content: ""; display: block; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--owx-i-mail22) center / contain no-repeat; mask: var(--owx-i-mail22) center / contain no-repeat; }
  :root .ow-tpl-contact #ow-ct-main .cm-fh > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-fh h2 { margin: 0; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  :root .ow-tpl-contact #ow-ct-main .cm-fh p { margin: 0; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 16px; margin: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row > * { flex: none; width: 100%; max-width: none; margin: 0; padding: 0; }
  /* captcha holder: collapses when the (invisible) reCAPTCHA renders nothing inline */
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row > .margin-bottom { margin: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row > .margin-bottom > .row { --bs-gutter-x: 0; margin: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row > .margin-bottom .recaptcha-container { margin: 0 auto; }
  :root .ow-tpl-contact #ow-ct-main .cm-form form > .row > .margin-bottom:not(:has(.recaptcha-container > *)) { display: none; }
  /* Text Input 25:199: label above, 52px field, 20px leading icon */
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating { display: flex; flex-direction: column; gap: 8px; }
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > label,
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > .form-control:focus ~ label,
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > .form-control:not(:placeholder-shown) ~ label { position: static; order: -1; width: auto; height: auto; max-width: none; margin: 0; padding: 0; border: 0; overflow: visible; color: var(--owm-navy) !important; font: 600 14px/20px var(--owm-font); white-space: normal; opacity: 1; transform: none; transition: none; pointer-events: auto; }
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > label::after { display: none; }
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > .form-control { box-sizing: border-box; height: 52px !important; min-height: 52px; padding: 0 15px; border: 1px solid var(--owm-border) !important; border-radius: var(--owm-r-ctl); background-color: var(--owm-surface) !important; background-repeat: no-repeat; background-position: 15px center; background-size: 20px 20px; box-shadow: none; color: var(--owm-navy) !important; font: 400 16px/24px var(--owm-font); transition: none; }
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > .form-control::placeholder { color: var(--owm-muted) !important; opacity: 1; }
  :root .ow-tpl-contact #ow-ct-main .cm-form .form-floating > .form-control:focus { border-color: var(--owm-orange) !important; box-shadow: 0 0 0 4px rgba(242, 113, 42, .18), inset 0 0 0 .5px var(--owm-orange); outline: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputName,
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputEmail { padding-left: 47px; }
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputName { background-image: var(--owx-in-user); }
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputName:focus { background-image: var(--owx-in-user-on); }
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputEmail { background-image: var(--owx-in-mail); }
  :root .ow-tpl-contact #ow-ct-main .cm-form #inputEmail:focus { background-image: var(--owx-in-mail-on); }
  :root .ow-tpl-contact #ow-ct-main .cm-form textarea.form-control { height: 120px; min-height: 120px; padding: 13px 15px; resize: none; }
  /* Konu chips (only when the i18n strings are present; the subject field then stays in the form, hidden) */
  :root .ow-tpl-contact #ow-ct-main .cm-form .owx-has-chips > .form-control { display: none; }
  /* actions: helper line + primary L button with arrow */
  :root .ow-tpl-contact #ow-ct-main .cm-actions { display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin: 0; }
  :root .ow-tpl-contact #ow-ct-main .cm-actions .cm-alt { color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-main .cm-actions .cm-alt a { color: var(--owm-orange-text); font-weight: 500; text-decoration: none; }
  :root .ow-tpl-contact #ow-ct-main .cm-actions .btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 52px; margin: 0; padding: 0 24px; border: 0; border-radius: var(--owm-r-ctl); box-shadow: 0 8px 20px rgba(242, 113, 42, .28); font: 700 16px/20px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-main .cm-actions .btn::after { content: ""; flex: none; width: 20px; height: 20px; background-color: #fff; -webkit-mask: var(--owx-i-arrowr20) center / contain no-repeat; mask: var(--owx-i-arrowr20) center / contain no-repeat; }

  /* Company Info 40:1566 (moved after the form by 70-misc.js) */
  :root:not(#owx) .ow-tpl-contact .ch-panel { display: flex; flex-direction: column; gap: 16px; overflow: hidden; padding: 20px; border: 0; border-radius: var(--owm-r-sheet); background: linear-gradient(124.29deg, #16182d 0%, #272c4f 71.429%); color: #fff; }
  :root:not(#owx) .ow-tpl-contact .ch-panel::before { display: none; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-ph { display: inline-flex; align-items: center; align-self: flex-start; gap: 4px; margin: 0; padding: 4px; border: 0; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-ph > * { display: none; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-ph::before { content: ""; flex: none; width: 25.21px; height: 26px; margin-right: .79px; background: var(--owm-mark) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-ph::after { content: "oweb"; content: "oweb" / ""; color: #fff; font: 800 26px/30px var(--owm-font); letter-spacing: -.8px; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li { display: flex; align-items: center; gap: 12px; padding: 0; border: 0; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li > i { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: rgba(255, 255, 255, .08); color: var(--owm-amber); font-size: 0; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li > i::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-pin20)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-pin20)) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li > i.eg-phone-fill { --owx-m: var(--owx-i-phone20); }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li > i.eg-mail-send-line { --owx-m: var(--owx-i-mail20); }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li > div { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows small { display: block; margin: 0; color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows b,
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows a,
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows .addr { display: block; color: #fff; font: 600 15px/22px var(--owm-font); text-decoration: none; overflow-wrap: anywhere; }
  /* first row = company name only (Figma: plain Body Strong line under the logo) */
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li:first-child > i,
  :root:not(#owx) .ow-tpl-contact .ch-panel .ch-rows li:first-child small { display: none; }
  :root:not(#owx) .ow-tpl-contact .ch-panel .owx-btk { display: flex; align-items: center; gap: 8px; padding: 16px 0 0; border-top: 1px solid rgba(255, 255, 255, .1); color: var(--owm-muted); font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .ow-tpl-contact .ch-panel .owx-btk .owx-ico { width: 18px; height: 18px; color: var(--owm-amber); --owx-m: var(--owx-i-shield18); }

  /* Section / S.S.S 40:1597: Section Header (no description) + Accordion Item 29:650 */
  :root .ow-tpl-contact #ow-ct-faq .title-heading { margin: 0 0 12px; padding: 0; text-align: left; }
  :root .ow-tpl-contact #ow-ct-faq .title-heading::before,
  :root .ow-tpl-contact #ow-ct-faq .title-heading::after { display: none; }
  :root .ow-tpl-contact #ow-ct-faq .title-heading .top-text { display: block; margin: 0 0 8px; background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--owm-orange-text) !important; font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  :root .ow-tpl-contact #ow-ct-faq .title-heading h2 { margin: 0; padding: 0; }
  :root .ow-tpl-contact #ow-ct-faq .title-heading .title { color: var(--owm-navy) !important; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  :root .ow-tpl-contact #ow-ct-faq .title-heading > p { display: none; }
  :root .ow-tpl-contact #ow-ct-faq .faq-list { max-width: none; margin: 0; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq { display: flex; flex-direction: column; gap: 12px; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item { margin: 0; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item.show { border-color: var(--owm-orange); }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head { display: flex; align-items: center; gap: 12px; height: auto; min-height: 54px; padding: 15px; border: 0; -webkit-tap-highlight-color: transparent; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head::before,
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head::after { display: none; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head span { flex: 1 1 0; min-width: 0; color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head i { order: 2; position: static; display: flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 999px; background: var(--owm-bg); color: var(--owm-text-2) !important; font-size: 0; transform: none; transition: none; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .head i::before { content: ""; display: block; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--owx-i-chevd18) center / contain no-repeat; mask: var(--owx-i-chevd18) center / contain no-repeat; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item.show .head i { background: var(--owm-orange-tint); color: var(--owm-orange-text) !important; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item.show .head i::before { -webkit-mask-image: var(--owx-i-chevu18); mask-image: var(--owx-i-chevu18); }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .body { padding: 0 15px 15px; border: 0; }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .body p { margin: 0; color: var(--owm-text) !important; font: 400 15px/22px var(--owm-font); }
  :root .ow-tpl-contact #ow-ct-faq .accordion.faq .item .body a { color: var(--owm-orange-text); }

  /* ================= Ticari Faaliyet Bilgileri (page/kurumsal/ticari-faaliyet-bilgileri, #ow-tf-*) =================
     No own Figma screen: built from the design-system parts used on 11 İletişim / 10 Müşteri Paneli
     (Section Header 28:185, Form Header, List Row 29:654, Icon Button Tonal 19:131, Button Secondary M 19:95). */
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero { margin: 0 !important; padding: 24px 0 0 !important; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero .tf-head { display: block; overflow: visible; padding: 0; border: 0; border-radius: 0; background: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero .tf-head::after,
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero .tf-badge { display: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero .tf-eye { display: block; margin: 0 0 8px; color: var(--owm-orange-text); font: 700 12px/16px var(--owm-font); letter-spacing: .6px; text-transform: uppercase; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero .tf-eye::before { display: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero h1 { margin: 0 0 8px; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-hero p { max-width: none; margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main { margin: 0 !important; padding: 20px 0 32px !important; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-grid { display: flex; flex-direction: column; align-items: stretch; gap: 32px; }
  /* company card */
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-card { overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-ch { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding: 15px 15px 16px; border-bottom: 1px solid var(--owm-divider); background: var(--owm-surface); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-ch h2 { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-ch h2 i { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); font-size: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-ch h2 i::before { content: ""; display: block; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--owx-i-file20) center / contain no-repeat; mask: var(--owx-i-file20) center / contain no-repeat; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-all { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; padding: 0 20px; border: 1.5px solid var(--owm-orange); border-radius: var(--owm-r-ctl); background: var(--owm-surface); color: var(--owm-orange-text); font: 600 15px/22px var(--owm-font); transition: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-all i { font-size: 18px; line-height: 1; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-all.done { border-color: var(--owm-success); background: var(--owm-wa-tint); color: var(--owm-wa-ink); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-list { margin: 0; padding: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) 44px; grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; align-items: center; min-height: 64px; padding: 12px 15px; border-bottom: 1px solid var(--owm-divider); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row:last-child { border-bottom: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i { grid-column: 1; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); font-size: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-file20)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-file20)) center / contain no-repeat; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i.eg-briefcase-2-fill,
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i.eg-bank-line { --owx-m: var(--owx-i-building20); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i.eg-road-map-line { --owx-m: var(--owx-i-pin20); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-row > i.eg-phone-fill { --owx-m: var(--owx-i-phone20); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-k { grid-column: 2; grid-row: 1; align-self: end; color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-v { grid-column: 2; grid-row: 2; align-self: start; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); overflow-wrap: anywhere; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-v a { color: inherit; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-copy { grid-column: 3; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); font-size: 20px; line-height: 1; transition: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-copy span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-copy.done { background: var(--owm-wa-tint); color: var(--owm-wa-ink); }
  /* note: notice row (orange tint + info icon) */
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-note { display: flex; align-items: flex-start; gap: 8px; margin: 16px 0 0; padding: 12px; border: 0; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-text); font: 500 13px/18px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-note i { flex: none; width: 18px; height: 18px; color: var(--owm-orange-text); font-size: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-note i::before { content: ""; display: block; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--owx-i-info20) center / contain no-repeat; mask: var(--owx-i-info20) center / contain no-repeat; }
  /* related links: List Row group card */
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-links { display: flex; flex-direction: column; gap: 0; margin: 16px 0 0; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 15px; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none; transition: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link + .tf-link { border-top: 1px solid var(--owm-divider); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > i:first-child { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); font-size: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > i:first-child::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-building20)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-building20)) center / contain no-repeat; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > i.eg-mail-send-line:first-child { --owx-m: var(--owx-i-mail20); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > span { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link b { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link span span { color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > i:last-child { flex: none; width: 20px; height: 20px; color: var(--owm-muted); font-size: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main .tf-link > i:last-child::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-i-chevr20) center / contain no-repeat; mask: var(--owx-i-chevr20) center / contain no-repeat; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main :is(.tf-link, .tf-copy, .tf-all):focus-visible { outline: 2px solid var(--owm-orange); outline-offset: -2px; }
  /* "Hızlı Menü" (shared kurumsal sidebar): Section Head + List Row card */
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .card { overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .card-header { height: auto; margin: 0; padding: 15px 15px 8px; border: 0; background: none; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu ul { padding: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu li { border-bottom: 1px solid var(--owm-divider); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu li:last-child { border-bottom: 0; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu .sb-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 15px; border: 0; color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu .sb-link::after { content: ""; flex: none; width: 20px; height: 20px; margin: 0; background-color: var(--owm-muted); -webkit-mask: var(--owx-i-chevr20) center / contain no-repeat; mask: var(--owx-i-chevr20) center / contain no-repeat; transition: none; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu .sb-link.active { background: var(--owm-orange-tint); color: var(--owm-orange-text) !important; }
  :root .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri #ow-tf-main aside .sidebar-menu .sb-link.active::after { background-color: var(--owm-orange-text); -webkit-mask-image: var(--owx-i-check16); mask-image: var(--owx-i-check16); }

  /* ================= Bilgi Bankası (knowledgebase.tpl: #bank-top, #bank-content) =================
     No own Figma screen: Section Header 28:185, Search Field / Domain 25:203 (with its Button), Chip 19:51 row,
     Section Head + List Row 29:654 card (as "Hizmetlerim" on 10 Müşteri Paneli). */
  :root .ow-tpl-knowledgebase #bank-top { padding: 24px 0 0; }
  :root .ow-tpl-knowledgebase #bank-top::before,
  :root .ow-tpl-knowledgebase #bank-top::after { display: none; }
  :root .ow-tpl-knowledgebase #bank-top .container-xl { max-width: none; }
  :root .ow-tpl-knowledgebase #bank-top .title-heading { margin: 0 0 16px; padding: 0; text-align: left; }
  :root .ow-tpl-knowledgebase #bank-top .title-heading::before,
  :root .ow-tpl-knowledgebase #bank-top .title-heading::after { display: none; }
  :root .ow-tpl-knowledgebase #bank-top .title-heading .title { display: block; margin: 0 0 8px; background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; color: var(--owm-navy); font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  :root .ow-tpl-knowledgebase #bank-top .title-heading > p { margin: 0; color: var(--owm-text-2); font: 400 15px/22px var(--owm-font); }
  /* search: Search Field / Domain look (surface, 16px radius, card shadow, inner 44px primary button) */
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating { box-sizing: border-box; display: flex; align-items: center; gap: 12px; max-width: none; height: 60px; margin: 0; padding: 7px 7px 7px 15px; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); box-shadow: 0 8px 24px rgba(22, 24, 45, .08); }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating:focus-within { border-color: var(--owm-orange); box-shadow: 0 0 0 4px rgba(242, 113, 42, .18); }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating > .form-control { flex: 1 1 0; min-width: 0; width: auto; height: 44px !important; min-height: 0; margin: 0; padding: 0 0 0 32px; border: 0; border-radius: 0; outline: 0; background: transparent var(--owx-in-search) left center / 20px 20px no-repeat; background-color: transparent !important; box-shadow: none; color: var(--owm-navy) !important; font: 400 16px/24px var(--owm-font); text-overflow: ellipsis; }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating > .form-control::placeholder { color: var(--owm-muted) !important; opacity: 1; }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating > label { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating > .btn { position: static; flex: none; display: flex; align-items: center; justify-content: center; height: 44px; min-height: 0; margin: 0; padding: 0 20px; border: 0; border-radius: var(--owm-r-ctl); box-shadow: 0 8px 20px rgba(242, 113, 42, .28); font: 600 15px/22px var(--owm-font); transform: none; }
  :root .ow-tpl-knowledgebase #bank-top .form-floating.button-floating > .btn i { display: none; }
  /* content */
  :root .ow-tpl-knowledgebase #bank-content { padding: 24px 0 32px; }
  :root .ow-tpl-knowledgebase #bank-content > .container-xl { margin-top: 0 !important; }
  :root .ow-tpl-knowledgebase #bank-content > .container-xl > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; row-gap: 24px; margin: 0; }
  :root .ow-tpl-knowledgebase #bank-content > .container-xl > .row > * { margin: 0; padding: 0; }
  /* categories → Chip row (horizontal scroll, bleeds to the screen edges) */
  :root .ow-tpl-knowledgebase #bank-content .card.p-3 { padding: 0 !important; overflow: visible; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; }
  :root .ow-tpl-knowledgebase #bank-content .ds-detail-area .ds-head { display: none; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav ul { flex-direction: row; flex-wrap: nowrap; gap: 8px; margin: 0 calc(-1 * var(--owm-gutter)); padding: 2px var(--owm-gutter); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-padding: 0 var(--owm-gutter); }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav ul::-webkit-scrollbar { display: none; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav li { flex: none; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav .ds-nav-item { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 15px; border: 1px solid var(--owm-border) !important; border-radius: 999px; background: var(--owm-surface) !important; color: var(--owm-text) !important; font: 600 14px/20px var(--owm-font); white-space: nowrap; transition: none; -webkit-tap-highlight-color: transparent; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav .ds-nav-item::after { content: ""; position: absolute; left: 0; right: 0; top: -2px; bottom: -2px; width: auto; height: auto; margin: 0; opacity: 1; background: none; transform: none; font-size: 0; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav .ds-nav-item.active { padding: 0 14.5px 0 10.5px; border: 1.5px solid var(--owm-orange) !important; background: var(--owm-orange-tint) !important; color: var(--owm-orange-text) !important; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav .ds-nav-item.active::before { content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--owx-i-check16) center / contain no-repeat; mask: var(--owx-i-check16) center / contain no-repeat; }
  :root .ow-tpl-knowledgebase #bank-content .dash-side-nav .ds-nav-item:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: 2px; }
  /* article list → Section Head + List Row card (whole row is the link) */
  :root .ow-tpl-knowledgebase #bank-content .card-dash { margin: 0 0 24px !important; overflow: visible; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; }
  :root .ow-tpl-knowledgebase #bank-content .card-dash:last-child { margin-bottom: 0 !important; }
  :root .ow-tpl-knowledgebase #bank-content .card-dash > .card-header { display: flex; align-items: center; min-height: 44px; height: auto; margin: 0 0 8px; padding: 0; border: 0 !important; background: none !important; }
  :root .ow-tpl-knowledgebase #bank-content .card-dash > .card-header .icon { display: none; }
  :root .ow-tpl-knowledgebase #bank-content .card-dash > .card-header span { color: var(--owm-navy) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }
  :root .ow-tpl-knowledgebase #bank-content .card-dash > .card-body { padding: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds--list.ds-box { overflow: hidden; padding: 0; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root .ow-tpl-knowledgebase #bank-content .ds--list.ds-box .ds-item { position: relative; margin: 0; padding: 12px 15px; border: 0; border-bottom: 1px solid var(--owm-divider) !important; border-radius: 0; background: none !important; }
  :root .ow-tpl-knowledgebase #bank-content .ds--list.ds-box .ds-item:last-child { border-bottom: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item > .d-flex { flex-wrap: nowrap; gap: 12px; min-height: 40px; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .icon { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy) !important; font-size: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .icon i { font-size: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .icon i::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-i-file20) center / contain no-repeat; mask: var(--owx-i-file20) center / contain no-repeat; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .detail { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; line-height: normal; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .detail > span { display: -webkit-box; max-width: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .detail > span:first-child { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .detail > span.title { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align.ms-auto { flex: none; width: auto; margin: 0 !important; padding: 0; border: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align .btn { position: static; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-height: 0; margin: 0; padding: 0 !important; overflow: visible; border: 0; border-radius: 0; background: none !important; box-shadow: none !important; color: var(--owm-muted) !important; font-size: 0; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align .btn::before { display: none; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align .btn::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align .btn i { display: block; width: 20px; height: 20px; background-color: currentColor; font-size: 0; -webkit-mask: var(--owx-i-chevr20) center / contain no-repeat; mask: var(--owx-i-chevr20) center / contain no-repeat; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .flex-align .btn i::before { content: none; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item:has(.btn:focus-visible) { outline: 2px solid var(--owm-orange); outline-offset: -2px; }
  :root .ow-tpl-knowledgebase #bank-content .ds-item .btn:focus-visible { outline: 0; }

  /* ================= 10 Müşteri Paneli (Figma 39:1111) — includes/clientareahead.tpl (.dash--head, every client page)
     + clientareahome.tpl (.dash--boxes, .card-dash sections). Verified on a static fixture of the theme markup. ================= */
  :root { --owx-danger-tint: #fef0f0; --owx-danger-ink: #c43c3c; }
  html.oweb-dark { --owx-danger-tint: rgba(243, 91, 91, .14); --owx-danger-ink: #ff8a8a; }
  /* Greeting Card 39:1144 */
  :root:not(#owx) .dash--head { margin: 20px 0 0; border-radius: 0; }
  :root:not(#owx) .dash--head .dh--top { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 12px; overflow: hidden; padding: 20px; border-radius: var(--owm-r-sheet); background: linear-gradient(148deg, #16182d 0%, #272c4f 71.429%); }
  :root:not(#owx) .dash--head .dh--top::before { display: none; }
  :root:not(#owx) .dash--head .dh--top .avatar { flex: none; width: 48px; height: 48px; }
  :root:not(#owx) .dash--head .dh--top .avatar img { width: 48px; min-width: 48px; max-width: 48px; height: 48px; border: 0; border-radius: 24px; }
  :root:not(#owx) .dash--head .dh--top .avatar.owx-has-initials img { display: none; }
  :root:not(#owx) .dash--head .owx-avatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 24px; background: var(--owm-grad); color: #fff; font: 700 16px/20px var(--owm-font); }
  :root:not(#owx) .dash--head .dh--top .user--detail { display: block; flex: 1 1 0; min-width: 0; line-height: normal; }
  :root:not(#owx) .dash--head .dh--top .user--detail .cl-base,
  :root:not(#owx) .dash--head .dh--top .user--detail .user--name { display: inline; color: #fff !important; font: 700 22px/28px var(--owm-font); letter-spacing: -.3px; }
  :root:not(#owx) .dash--head .dh--top .user--detail > span:last-child { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--owm-muted) !important; opacity: 1 !important; font: 500 13px/18px var(--owm-font); }
  /* balance + top-up as the card's Notice row */
  :root:not(#owx) .dash--head .dh--top .action--detail { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; margin: 0; padding: 12px; border: 0; border-radius: var(--owm-r-ctl); background: rgba(255, 255, 255, .08); }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance { display: flex; align-items: center; gap: 8px; min-width: 0; }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance .icon { width: 18px; min-width: 18px; height: 18px; border-radius: 0; background: none; color: var(--owm-amber); font-size: 18px; }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance .icon i { color: var(--owm-amber) !important; }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance .text { display: flex; flex-direction: column; gap: 0; min-width: 0; line-height: normal; }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance .text > span:first-child { color: var(--owm-muted) !important; opacity: 1 !important; font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .dash--head .dh--top .action--detail .balance .text > span:last-child { color: #fff !important; font: 600 15px/22px var(--owm-font); white-space: nowrap; }
  :root:not(#owx) .dash--head .dh--top .action--detail .action { display: flex; align-items: center; gap: 8px; }
  :root:not(#owx) .dash--head .dh--top .action--detail .action .btn { display: flex; align-items: center; justify-content: center; height: 44px; margin: 0; border: 0; border-radius: var(--owm-r-ctl); font: 600 15px/22px var(--owm-font); }
  :root:not(#owx) .dash--head .dh--top .action--detail .action .btn-main { padding: 0 20px !important; box-shadow: 0 8px 20px rgba(242, 113, 42, .28); }
  :root:not(#owx) .dash--head .dh--top .action--detail .action .btn:not(.btn-main) { width: 44px; padding: 0; background: rgba(255, 255, 255, .08) !important; color: #fff !important; font-size: 20px; }
  :root:not(#owx) .dash--head.owx-has-logout .dh--top .action--detail .action .btn:not(.btn-main) { display: none; }
  /* account menu on the other client pages: a white card with the existing toggle */
  :root:not(#owx) .dash--head .dh--nav { margin: 12px 0 0; padding: 0; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root:not(#owx) .dash--head .dh--nav .dash-responsive-menu { min-height: 64px; padding: 11px 15px; gap: 12px; cursor: pointer; }
  :root:not(#owx) .dash--head .dh--nav .dash-responsive-menu .icon { width: 40px; min-width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); }
  :root:not(#owx) .dash--head .dh--nav .dash-responsive-menu .text { color: var(--owm-text-2); font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .dash--head .dh--nav .dash-responsive-menu .text span { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }
  :root:not(#owx) .dash--head .dh--nav .dash-responsive-menu .dr--menu-btn { width: 44px; min-width: 44px; height: 44px; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); font-size: 20px; }

  /* Quick Stats 39:1155 (2×2; the ticket box spans the row) */
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0 0; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0; padding: 15px; border: 1px solid var(--owm-border) !important; border-radius: var(--owm-r-card); background: var(--owm-surface) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box:first-child { order: 3; grid-column: 1 / -1; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--icon { display: flex; align-items: center; justify-content: center; width: 36px; min-width: 36px; max-width: 36px; height: 36px; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-orange); font-size: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--icon .notify { display: none; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--icon i::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-layers20)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-layers20)) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--icon i.eg-earth-line { --owx-m: var(--owx-i-globe20); }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--icon i.eg-message-3-line { --owx-m: var(--owx-i-chat20); }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--content { display: block; width: auto; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--content .text { display: flex; flex-direction: column; align-items: flex-start; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--content .text > span:first-child { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .box--content .text > span:last-child { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .owx-stat { display: flex; flex-direction: column; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .owx-num { color: var(--owm-navy); font: 800 26px/32px var(--owm-font); letter-spacing: -.4px; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .db--target { position: static; display: block; width: 0; height: 0; margin: 0; padding: 0; overflow: visible; border: 0 !important; background: none !important; color: transparent !important; font-size: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .db--target::before { content: ""; position: absolute; top: 24px; right: 15px; width: 18px; height: 18px; background-color: var(--owm-muted); -webkit-mask: var(--owx-i-chevr18) center / contain no-repeat; mask: var(--owx-i-chevr18) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box .db--target::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
  :root:not(#owx) .ow-tpl-clientareahome .dash--boxes .box:has(.db--target:focus-visible) { outline: 2px solid var(--owm-orange); outline-offset: 2px; }

  /* Quick Actions 39:1198 (only with the shell strings) */
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-actions { display: flex; gap: 12px; margin: 24px 0 0; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-btn { box-sizing: border-box; flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 16px; border-radius: var(--owm-r-ctl); font: 700 16px/20px var(--owm-font); text-decoration: none; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-btn--secondary { border: 1.5px solid var(--owm-orange); background: var(--owm-surface); color: var(--owm-orange-text); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-btn--primary { border: 0; background: var(--owm-grad); box-shadow: 0 8px 20px rgba(242, 113, 42, .28); color: #fff; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-btn .owx-ico { width: 20px; height: 20px; }

  /* announcements / alerts */
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .alert { margin: 0 0 16px !important; padding: 12px; border: 0; border-radius: var(--owm-r-ctl); background: var(--owm-orange-tint); color: var(--owm-text); font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .alert .fw-500 { color: var(--owm-navy); font: 600 15px/22px var(--owm-font); }

  /* sections: services → domains → invoices → tickets, then the customer card */
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 { margin-top: 0 !important; padding-bottom: 32px; }
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .row { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-direction: column; gap: 24px; margin: 24px 0 0 !important; }
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .row > * { width: 100%; margin: 0; padding: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .row > .col-xl-8 { order: 1; display: flex; flex-direction: column; gap: 24px; }
  :root:not(#owx) .ow-tpl-clientareahome .container-xl.mt-3 > .row > .col-xl-4 { order: 2; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-8 > .card-dash:has(.card-header .eg-stack-line) { order: 1; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-8 > .card-dash:has(.card-header .eg-earth-line) { order: 2; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-8 > .card-dash:has(.card-header .eg-file-list-2-line) { order: 3; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-8 > .card-dash:has(.card-header .eg-message-3-line) { order: 4; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash { margin: 0 !important; overflow: visible; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; }
  /* Section Head: H3 + "Tümünü gör" link with chevron */
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; height: auto; margin: 0 0 8px; padding: 0; border: 0 !important; background: none !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-header .icon { display: none; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-header > span { min-width: 0; color: var(--owm-navy) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-header > .btn { flex: none; display: inline-flex; align-items: center; gap: 4px; width: auto; height: auto; margin: 0 !important; padding: 12px 0 !important; border: 0; border-radius: 0; background: none !important; box-shadow: none !important; color: var(--owm-orange-text) !important; font: 600 14px/20px var(--owm-font) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-header > .btn::after { content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--owx-i-chevr16) center / contain no-repeat; mask: var(--owx-i-chevr16) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash > .card-body { padding: 0 !important; }
  /* List card (Services Card 39:1215 / Renewals Card 39:1255) */
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds--list.ds-box { overflow: hidden; padding: 0 !important; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds--list .ds--list { border: 0; border-radius: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds--list.ds-box .ds-item { position: relative; margin: 0; padding: 16px 15px; border: 0; border-bottom: 1px solid var(--owm-divider) !important; border-radius: 0; background: none !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds--list.ds-box .ds-item:first-child { padding-top: 15px; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds--list.ds-box .ds-item:last-child { padding-bottom: 15px; border-bottom: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .progress { display: none; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .text-center .text-light { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font); }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item > .d-flex { flex-wrap: nowrap !important; align-items: center; gap: 12px; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item > .d-flex::before { content: ""; flex: none; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-bg) var(--owx-tile, var(--owx-in-t-layers)) center / 20px 20px no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-earth-line) { --owx-tile: var(--owx-in-t-globe); }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-message-3-line) { --owx-tile: var(--owx-in-t-chat); }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) { --owx-tile: var(--owx-in-t-file); }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0; min-width: 0; line-height: normal; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail > span { display: block; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail > span:first-child { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; }
  /* right side: status Tag 19:40 + remaining days (Micro), action link stretched over the row */
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .flex-align.ms-auto { flex: none; display: flex; align-items: center; gap: 8px; width: auto; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin: 0 !important; line-height: normal; text-align: right !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span:first-child:not(.text-main) { display: inline-flex !important; align-items: center; gap: 4px; padding: 4px 12px 4px 8px; border-radius: 8px; background: var(--owm-bg); color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font); white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span:first-child:not(.text-main)::before { content: ""; flex: none; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: var(--owx-tag, var(--owx-i-info20)) center / contain no-repeat; mask: var(--owx-tag, var(--owx-i-info20)) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span[data-owx-tone="ok"],
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-success { --owx-tag: var(--owx-i-check14); background: var(--owm-wa-tint) !important; color: var(--owm-wa-ink) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span[data-owx-tone="warn"],
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.cl-primary:not([data-owx-tone]) { --owx-tag: var(--owx-i-clock14); background: var(--owm-orange-tint) !important; color: var(--owm-orange-text) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span[data-owx-tone="bad"],
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-danger { --owx-tag: var(--owx-i-alert18); background: var(--owx-danger-tint) !important; color: var(--owx-danger-ink) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span:first-child:not(.text-main) ~ span { color: var(--owm-orange-text) !important; font: 600 11px/14px var(--owm-font) !important; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-message-3-line) .ds-item .info > span:first-child:not(.text-main) ~ span { color: var(--owm-text-2) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .flex-align > .btn { position: static; flex: none; display: flex; align-items: center; justify-content: center; width: 0; height: 0; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0; background: none !important; box-shadow: none !important; color: transparent !important; font-size: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .flex-align > .btn::before { display: none; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .flex-align > .btn:first-of-type::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item:has(.btn:focus-visible) { outline: 2px solid var(--owm-orange); outline-offset: -2px; }
  /* invoices: #no + due date | total + status | "Ödeme Yap" (Primary M, full row) */
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) .ds-item > .d-flex { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) auto; grid-auto-rows: auto; column-gap: 12px; row-gap: 2px; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) .ds-item > .d-flex::before { grid-column: 1; grid-row: 1 / 3; align-self: center; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item { min-width: 0 !important; padding: 0 !important; border: 0 !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item-first { grid-column: 2; grid-row: 1; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item-first > span:first-child { display: block; color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item-first > span:last-child,
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item:nth-child(2) { display: none !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item:nth-child(3) { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; column-gap: 4px; min-width: 0; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .detail-item:nth-child(3) > span { display: inline; color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) .ds-item .flex-align.ms-auto { display: contents; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) .ds-item .info { grid-column: 3; grid-row: 1 / 3; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-main:first-child { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-main + span { display: inline-flex !important; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 8px; font: 500 13px/18px var(--owm-font) !important; white-space: nowrap; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-main + span.text-success { background: var(--owm-wa-tint); color: var(--owm-wa-ink) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash .ds-item .info > span.text-main + span.text-danger { background: var(--owx-danger-tint); color: var(--owx-danger-ink) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .card-dash:has(.card-header .eg-file-list-2-line) .ds-item .flex-align > .btn-main { position: relative; z-index: 2; grid-column: 1 / -1; grid-row: 3; display: flex; width: 100%; height: 44px; margin: 10px 0 0 !important; padding: 0 20px !important; overflow: hidden; border-radius: var(--owm-r-ctl); background: var(--owm-grad) !important; box-shadow: 0 8px 20px rgba(242, 113, 42, .28) !important; color: #fff !important; font: 600 15px/22px var(--owm-font); }
  /* customer card (Müşteri Bilgileri): Section Head "title + Düzenle" + rows */
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash > .card-header > span { display: flex; flex-direction: column; font-size: 0 !important; line-height: 0 !important; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash > .card-header > span > span { display: block; color: var(--owm-navy) !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) { overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface); }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) .ds-item { min-height: 64px; padding: 12px 15px; border: 0; border-bottom: 1px solid var(--owm-divider) !important; background: none !important; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) .ds-item:last-child { border-bottom: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) .detail { display: flex; flex-direction: column; gap: 2px; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) .detail > span:first-child { color: var(--owm-text-2) !important; font: 500 13px/18px var(--owm-font) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .col-xl-4 .card-dash .ds--list:not(.ds-box) .detail > span:last-child { color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; overflow-wrap: anywhere; }

  /* Hesap yönetimi 39:1281: the moved account menu as List Rows (icon tile + label + chevron) */
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-account { margin: 24px 0 0; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-h { display: flex; align-items: center; min-height: 44px; margin: 0 0 8px; color: var(--owm-navy); font: 700 18px/24px var(--owm-font); letter-spacing: -.2px; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu { position: static; z-index: auto; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--owm-border); border-radius: var(--owm-r-card); background: var(--owm-surface) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dash-responsive-menu,
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu li:has(> .dh-nav-item.active),
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-more > .dh-nav-item { display: none !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu ul { display: block !important; position: static; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none !important; list-style: none; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu li { width: auto; min-width: 0; border: 0 !important; border-top: 1px solid var(--owm-divider) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu > ul > li:not(:has(> .dh-nav-item.active)):first-child,
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu > ul > li:has(> .dh-nav-item.active) + li,
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-more,
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-dropdown > li:first-child { border-top: 0 !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-more { border-top: 1px solid var(--owm-divider) !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item { display: flex !important; align-items: center; justify-content: flex-start; gap: 12px; min-height: 64px; margin: 0; padding: 12px 15px !important; border-radius: 0 !important; background: none !important; color: var(--owm-navy) !important; font: 600 15px/22px var(--owm-font) !important; white-space: normal !important; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i:first-child { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: var(--owm-r-ctl); background: var(--owm-bg); color: var(--owm-navy); font-size: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i:first-child::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--owx-m, var(--owx-i-apps20)) center / contain no-repeat; mask: var(--owx-m, var(--owx-i-apps20)) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-home-3-line { --owx-m: var(--owx-i-home20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-stack-line { --owx-m: var(--owx-i-layers20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-earth-line { --owx-m: var(--owx-i-globe20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-file-list-2-line { --owx-m: var(--owx-i-file20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-message-3-line { --owx-m: var(--owx-i-chat20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-user-settings-line { --owx-m: var(--owx-i-user20b); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-cpu-line { --owx-m: var(--owx-i-server20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-arrow-left-right-fill { --owx-m: var(--owx-i-transfer20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item > i.eg-notification-2-line { --owx-m: var(--owx-i-info20); }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item .text { flex: 1 1 0; min-width: 0; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item .dh-caret { display: none; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item::after { content: ""; flex: none; width: 20px; height: 20px; background-color: var(--owm-muted); -webkit-mask: var(--owx-i-chevr20) center / contain no-repeat; mask: var(--owx-i-chevr20) center / contain no-repeat; }
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-menu .dh-nav-item:focus-visible { outline: 2px solid var(--owm-orange); outline-offset: -2px; }
  /* Logout 39:1328: ghost M button */
  :root:not(#owx) .ow-tpl-clientareahome .owx-ca-logout { display: flex; align-items: center; justify-content: center; width: max-content; height: 44px; margin: 8px auto 0; padding: 0 20px; border-radius: var(--owm-r-ctl); color: var(--owm-orange-text); font: 600 15px/22px var(--owm-font); text-decoration: none; }
}

/* ---- 80-qa.css ---- */
/* 80 QA (mob44): cross-page fixes found in the design QA pass. Mobile only. Figma refs: Section Header 28:185,
   Feature Tile 28:216 (horizontal: 44px tint icon tile, 15/22 SemiBold title, 13/18 Medium text, 16px padding, 16px radius). */
@media (min-width: 200px) and (max-width: 991.98px) {

  /* ===== n8n hosting: the page's own showcase sections still used the old centred 35px headings, pill badges and
     gradient cards. Headers -> Section Header, cards -> Feature Tiles, article -> the SEO article card. ===== */
  .ow-tpl-page-hosting-n8n :is(#testimonials, #security-performance) > .container-xl > .text-center.mb-5,
  .ow-tpl-page-hosting-n8n #use-cases > .container-xl > .text-center.mb-5 {
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 20px !important; text-align: left !important;
  }
  /* eyebrow (pill badge -> Overline) */
  .ow-tpl-page-hosting-n8n :is(#testimonials, #security-performance) .text-center.mb-5 > span.d-inline-block,
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > span.d-inline-block,
  .ow-tpl-page-hosting-n8n #use-cases .premium-badge {
    display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
    font: 700 12px/16px var(--owm-font) !important; letter-spacing: .6px; text-transform: uppercase; color: var(--owm-orange-text) !important;
  }
  .ow-tpl-page-hosting-n8n #use-cases .premium-badge-wrapper { margin: 0 !important; }
  .ow-tpl-page-hosting-n8n #use-cases .premium-badge { color: #faa733 !important; }
  .ow-tpl-page-hosting-n8n #use-cases .premium-badge .badge-glow,
  .ow-tpl-page-hosting-n8n :is(#testimonials, #security-performance, #flexibility, #use-cases) span.d-inline-block > i,
  .ow-tpl-page-hosting-n8n #use-cases .premium-badge > i { display: none !important; }
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > span.d-inline-block { margin-bottom: 8px !important; }
  /* title (H2 22/28 Bold) */
  .ow-tpl-page-hosting-n8n :is(#testimonials, #security-performance) .text-center.mb-5 > h2,
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > h2,
  .ow-tpl-page-hosting-n8n #use-cases h2.use-cases-title {
    margin: 0 !important; font: 700 22px/28px var(--owm-font) !important; letter-spacing: -.3px !important; text-align: left !important; color: var(--owm-navy) !important;
  }
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > h2 { margin-bottom: 8px !important; }
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > h2 br { display: none; }
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > h2 > span { background: none !important; -webkit-text-fill-color: var(--owm-orange-text) !important; color: var(--owm-orange-text) !important; }
  .ow-tpl-page-hosting-n8n #use-cases h2.use-cases-title { color: #fff !important; }
  .ow-tpl-page-hosting-n8n #use-cases h2.use-cases-title .gradient-text { background: none !important; -webkit-text-fill-color: #faa733 !important; color: #faa733 !important; }
  /* description (Body 15/22) */
  .ow-tpl-page-hosting-n8n :is(#testimonials, #security-performance) .text-center.mb-5 > p,
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > p,
  .ow-tpl-page-hosting-n8n #use-cases .text-center.mb-5 > p {
    max-width: none !important; margin: 0 !important; font: 400 15px/22px var(--owm-font) !important; text-align: left !important; color: var(--owm-text-2) !important;
  }
  .ow-tpl-page-hosting-n8n #flexibility .col-lg-6 > p { margin-bottom: 20px !important; }
  .ow-tpl-page-hosting-n8n #use-cases .text-center.mb-5 > p { color: rgba(255, 255, 255, .8) !important; }
  .ow-tpl-page-hosting-n8n #use-cases .stats-bar { align-self: stretch; margin-top: 12px !important; }
  .ow-tpl-page-hosting-n8n #use-cases .row.mt-4 { margin-top: 0 !important; --bs-gutter-y: 12px; }
  .ow-tpl-page-hosting-n8n #use-cases .premium-use-card .card-title { font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; }

  /* security cards -> Feature Tile (horizontal) */
  .ow-tpl-page-hosting-n8n #security-performance .row.g-4 { --bs-gutter-y: 12px; }
  .ow-tpl-page-hosting-n8n #security-performance .security-card {
    display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: start; height: 100%;
    padding: 16px !important; border: 1px solid var(--owm-border) !important; border-radius: 16px !important; background: var(--owm-surface) !important; box-shadow: none !important; text-align: left !important;
  }
  .ow-tpl-page-hosting-n8n #security-performance .security-card .icon-box {
    grid-row: 1 / span 2; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 12px !important; background: var(--owm-orange-tint) !important; box-shadow: none !important;
  }
  .ow-tpl-page-hosting-n8n #security-performance .security-card .icon-box i { font-size: 22px !important; color: var(--owm-orange-text) !important; }
  .ow-tpl-page-hosting-n8n #security-performance .security-card h3 { margin: 0 !important; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; }
  .ow-tpl-page-hosting-n8n #security-performance .security-card p { margin: 0 !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }

  /* "Sürükle-Bırak veya Kod Yazarak" feature list -> Feature Tiles */
  .ow-tpl-page-hosting-n8n #flexibility .feature-item {
    gap: 16px !important; margin: 0 0 12px !important; padding: 16px !important; border: 1px solid var(--owm-border) !important; border-radius: 16px !important; background: var(--owm-surface) !important;
  }
  .ow-tpl-page-hosting-n8n #flexibility .feature-item .icon-box { min-width: 44px !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; background: var(--owm-orange-tint) !important; }
  .ow-tpl-page-hosting-n8n #flexibility .feature-item .icon-box i { font-size: 22px !important; color: var(--owm-orange-text) !important; }
  .ow-tpl-page-hosting-n8n #flexibility .feature-item h4 { margin: 0 0 4px !important; font: 600 15px/22px var(--owm-font) !important; color: var(--owm-navy) !important; }
  .ow-tpl-page-hosting-n8n #flexibility .feature-item p { margin: 0 !important; font: 500 13px/18px var(--owm-font) !important; color: var(--owm-text-2) !important; }

  /* testimonial cards: card radius / padding of the system */
  .ow-tpl-page-hosting-n8n #testimonials .row.g-4 { --bs-gutter-y: 12px; }
  .ow-tpl-page-hosting-n8n #testimonials .testimonial-card { padding: 20px !important; border-radius: 16px !important; border-color: var(--owm-border) !important; box-shadow: var(--owm-shadow) !important; }
  .ow-tpl-page-hosting-n8n #testimonials .testimonial-card p { font: 400 15px/22px var(--owm-font) !important; color: var(--owm-text) !important; }

  /* #article blocks (n8n, ssl) -> the SEO article card used on the other product pages */
  body[class*="ow-tpl-page-"] > section#article::before, body[class*="ow-tpl-page-"] > section#article::after { content: none !important; display: none !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area { display: block; padding: 20px; border: 1px solid var(--owm-border) !important; border-radius: 16px; background: var(--owm-surface) !important; box-shadow: none !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area .row { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; --bs-gutter-x: 0; --bs-gutter-y: 0; }
  body[class*="ow-tpl-page-"] > section#article .article--area .row > * { width: 100%; margin: 0 !important; padding: 0 !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area .row + .row { margin-top: 24px !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area .row > * > p:last-child { margin-bottom: 0 !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area h2 { margin: 0 0 8px !important; font: 700 18px/24px var(--owm-font) !important; letter-spacing: -.2px; color: var(--owm-navy) !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area p { margin: 0 0 12px !important; font: 400 15px/22px var(--owm-font) !important; color: var(--owm-text) !important; }
  body[class*="ow-tpl-page-"] > section#article .article--area img { display: block; max-width: 100%; height: auto; border-radius: 12px; }

  html.oweb-dark .ow-tpl-page-hosting-n8n :is(#flexibility, #security-performance, #testimonials) { background: var(--owm-bg) !important; }

  /* ===== Figma type scale on the page-specific content sections that kept their own sizes (found by a computed-style
     audit: H2 20-25px, card H3 16-21.6px). Only size / line-height / weight / tracking change, colours stay. ===== */
  /* section titles -> H2 22/28 Bold */
  body[class*="ow-tpl-page-"] :is(.vdp-body, .vpn-body, .an-copy, .mo-text, .mk-text, .mw-intro, .yq-head, .ks-head, .ko-head) > h2 {
    font-size: 22px !important; line-height: 28px !important; font-weight: 700 !important; letter-spacing: -.3px !important;
  }
  /* article / card headings -> 18/24 Bold (same as the SEO article card) */
  body[class*="ow-tpl-page-"] :is(.vda-body, .va-body, .ka-body, .mw-cmp-head) > h2,
  body[class*="ow-tpl-page-"] :is(.di-body, .gi-body, .yt-body, .dl-head, .gi-adv-head, .ys-head, .kt-body, .gu-vram, .gp-inc-head) > h3,
  body[class*="ow-tpl-page-"] > section .bg-white.p-4 > h3.h4 {
    font-size: 18px !important; line-height: 24px !important; font-weight: 700 !important; letter-spacing: -.2px !important;
  }
  body[class*="ow-tpl-page-"] > section .bg-white.p-4 > h3.h4 { color: var(--owm-navy) !important; }
  /* small tile titles -> Feature Tile title 15/22 SemiBold */
  body[class*="ow-tpl-page-"] :is(.vda-item, .va-item, .gi-adv-item, .kg-head, .ga-item, .mi-card, .ms-item, .mu-card, .mp-item, .steps > .step) > h3,
  body[class*="ow-tpl-page-"] .kw-a > div > h3 {
    font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  }

  /* custom content sections: airy 1.6-1.75 line heights -> the Figma ratio (Body 15/22, Caption 13/18) */
  body[class*="ow-tpl-page-"] > section:is(#alm-infra, #ded-infra, #gpu-infra, #gpu-use, #gpu-cfg, #ded-cfg, #alm-net, #kep-steps, #kep-why, #kep-tools, #kep-cta, #gws-about, #gws-cta,
    #yn-team, #yn-proc, #yn-cta, #ihtiyac-analizi, #mv-inc, #mv-steps, #mv-who, #mv-ops, #mv-kvkk, #mv-what, #vds-about, #vps-about, #vds-panel, #vps-panel, #vds-mig, #vps-cfg,
    #nodejs-steps, #nodejs-frameworks, #workflows) :is(p, li) { line-height: 1.47 !important; }

  /* related-service cards: one label style ("Keşfet"), some pages set uppercase */
  body[class*="ow-tpl-page-"] #related a { text-transform: none !important; letter-spacing: 0 !important; }

  /* register consent row: 44px tap height (was 39px); text stays top-aligned with the box */
  #ow-login.ow-login--register label.ow-check--tos { min-height: 44px; align-items: flex-start; padding-top: 2px; box-sizing: border-box; }

  /* contact info rows (company card) and ticari rows: the phone / e-mail text links get a 44px tap height (visual unchanged) */
  .ow-tpl-contact #ow-ct-main .ch-panel .ch-rows li a,
  .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri .tf-row .tf-v a { position: relative; }
  .ow-tpl-contact #ow-ct-main .ch-panel .ch-rows li a::after,
  .ow-tpl-page-kurumsal-ticari-faaliyet-bilgileri .tf-row .tf-v a::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }

  /* small text-style links inside cards: 44px hit area without moving the layout */
  body[class*="ow-tpl-page-"] :is(.vdp-more, .di-body) > a { position: relative; }
  body[class*="ow-tpl-page-"] :is(.vdp-more, .di-body) > a::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); }
  .ow-tpl-page-hosting-n8n #workflows .text-center > .btn.btn-main { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 12px; font: 700 15px/20px var(--owm-font); }

  /* TLD price tiles on 360px phones: ".com.tr" + "₺106,98" did not fit (TLD was cut to ".co…") */
  @media (max-width: 379.98px) {
    .ow-tpl-domainregister #steps-view .main-domain-list .domain { column-gap: 6px; padding-left: 10px; padding-right: 10px; }
    .ow-tpl-domainregister #steps-view .main-domain-list .domain.featured { padding-left: 9.5px; padding-right: 9.5px; }
    .ow-tpl-domainregister #steps-view .main-domain-list .domain .owm-d50-tile__tld { font-size: 16px; }
    .ow-tpl-domainregister #steps-view .main-domain-list .domain span.price { font-size: 14px; }
  }
  @media (max-width: 339.98px) {
    .ow-tpl-domainregister #steps-view .main-domain-list .domain .owm-d50-tile__tld { font-size: 14px; }
    .ow-tpl-domainregister #steps-view .main-domain-list .domain span.price { font-size: 13px; }
  }

  /* contrast fixes found by a computed-contrast audit (light + dark) */
  /* light testimonial sections that reuse the dark .th-dark heading: eyebrow back to the light-surface orange */
  body[class*="ow-tpl-page-"] > section:is(.bg-light, [style*="#f8f9fa"]) .title-heading.th-dark span.top-text { color: var(--owm-orange-text) !important; }
  /* mock "panel" windows on the dark #0f1219 sections: their caption used Bootstrap's dark .text-muted */
  body[class*="ow-tpl-page-"] > section[style*="#0f1219"] div.text-muted.small:not(.bg-white *) { color: rgba(255, 255, 255, .6) !important; }
  /* status badges in the reseller panel mock */
  html:not(.oweb-dark) body[class*="ow-tpl-page-"] > section .badge.bg-success-subtle { color: #0b6b47 !important; }
  html:not(.oweb-dark) body[class*="ow-tpl-page-"] > section .badge.bg-warning-subtle { color: #7a4d00 !important; }
  html.oweb-dark body[class*="ow-tpl-page-"] > section .badge.bg-success-subtle { background: rgba(32, 189, 128, .16) !important; color: #4fd6a2 !important; }
  html.oweb-dark body[class*="ow-tpl-page-"] > section .badge.bg-warning-subtle { background: rgba(250, 165, 51, .16) !important; color: #ffc46b !important; }
  /* n8n testimonials: author names have an inline dark colour that disappears in dark mode */
  html.oweb-dark .ow-tpl-page-hosting-n8n #testimonials .testimonial-card span.d-block.fw-600 { color: var(--owm-navy) !important; }
}