.design-hover-0:hover{color:#f4f2ff !important}
.design-hover-1:hover{color:#f4f2ff !important}
.design-hover-2:hover{color:#f4f2ff !important}
.design-hover-3:hover{color:#f4f2ff !important}
.design-hover-4:hover{border-color:rgba(109,93,252,.6) !important;color:#f4f2ff !important}
.design-hover-5:hover{background:rgba(109,93,252,.16) !important;color:#f4f2ff !important}
.design-hover-6:hover{color:#f4f2ff !important}
.design-hover-7:hover{box-shadow:0 0 32px rgba(217,79,245,.55) !important;color:#fff !important}
.design-hover-8:hover{box-shadow:0 0 48px rgba(217,79,245,.6) !important;color:#fff !important}
.design-hover-9:hover{border-color:rgba(217,79,245,.5) !important;color:#f4f2ff !important}
.design-hover-10:hover{border-color:rgba(109,93,252,.35) !important}
.design-hover-11:hover{border-color:rgba(217,79,245,.35) !important}
.design-hover-12:hover{border-color:rgba(109,93,252,.35) !important}
.design-hover-13:hover{border-color:rgba(217,79,245,.35) !important}
.design-hover-14:hover{border-color:rgba(109,93,252,.35) !important}
.design-hover-15:hover{border-color:rgba(217,79,245,.35) !important}
.design-hover-16:hover{transform:translateY(-7px) !important;border-color:rgba(109,93,252,.45) !important;box-shadow:0 22px 60px rgba(109,93,252,.2) !important}
.design-hover-17:hover{border-color:rgba(109,93,252,.6) !important;color:#f4f2ff !important}
.design-hover-18:hover{transform:translateY(-7px) !important;border-color:rgba(160,86,248,.45) !important;box-shadow:0 22px 60px rgba(160,86,248,.2) !important}
.design-hover-19:hover{border-color:rgba(160,86,248,.8) !important;color:#f4f2ff !important}
.design-hover-20:hover{transform:translateY(-7px) !important;box-shadow:0 0 72px rgba(217,79,245,.4) !important}
.design-hover-21:hover{box-shadow:0 0 40px rgba(217,79,245,.6) !important;color:#fff !important}
.design-hover-22:hover{color:#f4f2ff !important}
.design-hover-23:hover{border-color:rgba(217,79,245,.7) !important;color:#f0c9ff !important}
.design-hover-24:hover{color:#eb8bff !important}
.design-hover-25:hover{color:#eb8bff !important}
.design-hover-26:hover{color:#eb8bff !important}
.design-hover-27:hover{color:#eb8bff !important}
.design-hover-28:hover{color:#eb8bff !important}
.design-hover-29:hover{color:#f4f2ff !important}
.design-hover-30:hover{color:#f4f2ff !important}
.design-hover-31:hover{color:#f4f2ff !important}
.design-hover-32:hover{color:#f4f2ff !important}
.design-hover-33:hover{color:#f4f2ff !important}
.design-hover-34:hover{color:#f4f2ff !important}
.design-hover-35:hover{color:#f4f2ff !important}
.design-hover-36:hover{color:#f4f2ff !important}
.design-hover-37:hover{color:#f4f2ff !important}
.design-hover-38:hover{color:#f4f2ff !important}
.design-hover-39:hover{color:#f4f2ff !important}
.design-hover-40:hover{color:#f4f2ff !important}
.design-hover-41:hover{color:#f4f2ff !important}
/* Narrow-screen navigation; the desktop ZIP design remains the default. */
@media (max-width: 960px) {
  [data-site-nav] { gap: 16px !important; }
  [data-nav-brand] { flex-shrink: 0; white-space: nowrap; }
}
@media (max-width: 760px) {
  /* Hidden overflow is still scrollable when focus moves into the language list. */
  [data-landing-page] { overflow: clip !important; }
  [data-site-nav] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    height: auto !important;
    padding: 12px 16px !important;
    gap: 10px 12px !important;
  }
  [data-nav-brand] { grid-column: 1; grid-row: 1; }
  [data-site-nav] [data-nav-push] {
    grid-column: 2; grid-row: 1;
    margin: 0 !important;
    justify-self: end;
    min-width: 0;
  }
  [data-nav-push] > button { min-height: 44px; }
  [data-nav-push] [role="listbox"] {
    right: auto !important;
    inset-inline-end: 0 !important;
    max-width: calc(100vw - 32px);
    max-height: min(320px, 60dvh) !important;
  }
  [data-nav-push] [role="option"] { min-height: 44px; }
  [data-nav-signin], [data-nav-cta] {
    grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
    padding: 8px 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
    font-size: 13px !important;
    line-height: 1.4;
  }
  [data-nav-signin] {
    grid-column: 1;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(13,11,23,.6);
  }
  [data-nav-cta] { grid-column: 2; }
}
[data-nav-signin][data-session="signed-in"]{display:inline-flex;align-items:center;gap:8px;color:#e4d8ff!important}
[data-nav-signin][data-session="signed-in"]::before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#72dfab;box-shadow:0 0 10px #72dfab55}
[data-nav-signin][data-session="pending"]{opacity:.65}

/* Commerce preview: one monthly price per card (TL or $) and its tax label wrap inside narrow pricing cards. */
[data-price-row] { flex-wrap: wrap; row-gap: 4px; }
[data-price-amount] { white-space: nowrap; }
/* Quote bar above the cards: the note of the visitor's country (pending first), the hint about the estimate and a rejected-link warning. */
[data-quote-bar] { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 30px; }
[data-quote-status] { margin: 0; max-width: 620px; min-height: 1.6em; color: #cbc4ff; font-size: 14.5px; font-weight: 600; line-height: 1.6; }
[data-quote-hint] { margin: 0; max-width: 620px; color: #8f8aad; font-size: 13.5px; line-height: 1.6; }
[data-invalid-link] { margin: 0; max-width: 620px; padding: 10px 16px; border-radius: 14px; border: 1px solid #a8813f; background: #2a2112; color: #ffe8c2; font-size: 13.5px; line-height: 1.6; }
/* Without JavaScript only: the reference prices for countries outside Türkiye; nothing to add. */
[data-quote-noscript] { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 620px; padding: 12px 18px; border-radius: 18px; border: 1px solid rgba(255,255,255,0.09); background: rgba(13,11,23,.9); color: #b5b0d0; font-size: 13.5px; line-height: 1.6; }
[data-quote-noscript] > p { margin: 0; }
[data-reference-prices] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
[data-reference-plan] { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
[data-reference-name], [data-reference-amount] { color: #f4f2ff; font-weight: 700; }
[data-reference-amount] { white-space: nowrap; }
/* Paid add links have no href until the visitor's quote is known. */
[data-cart-plan][aria-disabled="true"] { cursor: default; opacity: .55; pointer-events: none; }
/* Support column: in right-to-left text the heading, the support page link and the e-mail address line up on the right together;
   the address stays a left-to-right isolated box sized to its text. The footer grid and column order never mirror. */
[data-support-column][data-text-dir="rtl"] { text-align: right; }
[data-support-column][data-text-dir="rtl"] > [data-support-links] { align-items: flex-end; }
[data-support-email] { unicode-bidi: isolate; max-width: 100%; overflow-wrap: anywhere; }
/* The page's one note that document links open in a new tab: read by screen readers, never shown. */
[data-new-tab] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
/* Official iyzico footer band beside its planned, payment-closed wording; it is never a link and never mirrors. */
[data-payment-band] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 4px; }
[data-payment-band] img { display: block; width: auto; height: auto; max-height: 22px; max-width: 100%; }
[data-payment-band] p { margin: 0; flex: 1 1 260px; max-width: 640px; color: #8f8aad; font-size: 12px; line-height: 1.6; }
/* Cart icon in the top navigation, rendered only while a paid plan is in the cart. */
[data-cart-nav] { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: rgba(13,11,23,.6); color: #cbc4ff; transition: border-color .25s ease, color .25s ease; }
[data-cart-nav]:hover { border-color: rgba(109,93,252,.6); color: #f4f2ff; }
[data-cart-nav]:focus-visible { outline: 2px solid #6d5dfc; outline-offset: 3px; }
[data-cart-nav] svg { display: block; }
[data-cart-count] { position: absolute; top: -5px; right: -5px; box-sizing: border-box; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: linear-gradient(135deg,#6d5dfc,#d94ff5); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
[data-cart-nav][hidden] { display: none !important; }
@media (max-width: 760px) {
  /* Same row as the language picker, at its end; the picker moves aside only while the icon exists. */
  [data-site-nav] > [data-cart-nav] { grid-column: 2; grid-row: 1; justify-self: end; width: 44px; height: 44px; }
  [data-site-nav]:has(> [data-cart-nav]:not([hidden])) > [data-nav-push] { margin-inline-end: 54px !important; }
}
@media (max-width: 640px) {
  [data-price-grid] { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 400px) {
  #pricing { padding-left: 16px !important; padding-right: 16px !important; }
  [data-price-card] { padding: 28px 22px !important; }
  [data-price-amount] { font-size: 36px !important; }
  [data-quote-noscript] { padding: 10px 14px; border-radius: 16px; }
  [data-commerce-note] { margin-top: 28px !important; }
}
@media (prefers-reduced-motion: reduce) { [data-cart-nav] { transition: none; } }