/*
 * Pozitif Takvim — Vuexy-inspired public experience
 * Reference: user-supplied Vuexy Bootstrap 5 HTML 3.0.0 source.
 * Scoped to screen media so catalog/PDF/print layouts remain unchanged.
 */
@media screen {
  :root {
    --vx-primary: #7367f0;
    --vx-primary-rgb: 115, 103, 240;
    --vx-primary-soft: #e9e7fd;
    --vx-primary-softer: #f4f3ff;
    --vx-success: #28c76f;
    --vx-success-soft: #ddf6e8;
    --vx-info: #00cfe8;
    --vx-info-soft: #d9f8fc;
    --vx-warning: #ff9f43;
    --vx-warning-soft: #fff0e1;
    --vx-danger: #ea5455;
    --vx-danger-soft: #fce5e6;
    --vx-heading: #444050;
    --vx-body: #6d6b77;
    --vx-muted: #acaab1;
    --vx-bg: #f8f7fa;
    --vx-paper: #ffffff;
    --vx-border: #e6e6e8;
    --vx-border-soft: rgba(47, 43, 61, .075);
    --vx-radius: .5rem;
    --vx-radius-lg: .75rem;
    --vx-shadow: 0 .1875rem .75rem rgba(47, 43, 61, .14);
    --vx-shadow-sm: 0 .125rem .5rem rgba(47, 43, 61, .12);
    --vx-shadow-lg: 0 .25rem 1.125rem rgba(47, 43, 61, .16);
    --vx-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  * {
    scrollbar-color: rgba(var(--vx-primary-rgb), .32) transparent;
  }

  html {
    color-scheme: light;
    background: var(--vx-bg);
  }

  body,
  body.price-public-body,
  body.quote-body {
    margin: 0;
    color: var(--vx-body) !important;
    background: var(--vx-bg) !important;
    font-family: var(--vx-font) !important;
    font-weight: 400;
    letter-spacing: .01rem;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body::before,
  body::after {
    display: none !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b {
    color: var(--vx-heading);
  }

  a {
    text-decoration: none;
  }

  .shell,
  .publisher-page,
  .quote-shell,
  .price-gate-shell {
    width: min(1376px, calc(100% - 3rem)) !important;
    max-width: 1376px !important;
  }

  /* ---------------------------------------------------------------------
     Floating Vuexy navbar
     ------------------------------------------------------------------ */
  .site-nav {
    position: sticky !important;
    z-index: 1000 !important;
    top: 1rem !important;
    width: min(1376px, calc(100% - 3rem)) !important;
    margin: 1rem auto 0 !important;
    color: var(--vx-body) !important;
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid var(--vx-border-soft) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
    backdrop-filter: saturate(180%) blur(12px);
    overflow: visible !important;
  }

  .site-nav .nav-inner {
    width: 100% !important;
    min-height: 64px !important;
    padding: .65rem .85rem !important;
  }

  .site-nav .brand {
    min-width: 0;
    color: var(--vx-heading) !important;
  }

  .site-nav .brand-mark {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    background: var(--vx-primary-softer) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .18) !important;
    border-radius: .625rem !important;
    box-shadow: none !important;
  }

  .site-nav .brand strong {
    color: var(--vx-heading) !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
    letter-spacing: .015rem !important;
  }

  .site-nav .brand small {
    margin-top: .12rem;
    color: var(--vx-muted) !important;
    font-size: .72rem !important;
    font-weight: 450 !important;
  }

  .site-nav .nav-actions {
    gap: .45rem !important;
  }

  .site-nav .nav-actions .btn,
  .site-nav .nav-actions a,
  .site-nav .nav-actions button {
    min-height: 38px !important;
    padding: .55rem .85rem !important;
    color: var(--vx-body) !important;
    background: transparent !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    transition: transform .16s ease, color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
  }

  .site-nav .nav-actions .btn:hover,
  .site-nav .nav-actions a:hover,
  .site-nav .nav-actions button:hover {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border-color: rgba(var(--vx-primary-rgb), .28) !important;
    transform: translateY(-1px);
  }

  .site-nav .nav-actions .btn-tg,
  .site-nav .nav-actions .btn-price {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border-color: transparent !important;
  }

  .site-nav .nav-actions .btn-gold,
  .site-nav .nav-actions .btn-pwa-install {
    color: #fff !important;
    background: var(--vx-primary) !important;
    border-color: var(--vx-primary) !important;
    box-shadow: 0 .125rem .375rem rgba(var(--vx-primary-rgb), .3) !important;
  }

  .site-nav .nav-actions .btn-gold:hover,
  .site-nav .nav-actions .btn-pwa-install:hover {
    color: #fff !important;
    background: #685dd8 !important;
    border-color: #685dd8 !important;
    box-shadow: 0 .25rem .75rem rgba(var(--vx-primary-rgb), .34) !important;
  }

  /* ---------------------------------------------------------------------
     Homepage welcome card
     ------------------------------------------------------------------ */
  .seo-hero {
    margin-top: 1.5rem !important;
  }

  .seo-hero-card {
    position: relative !important;
    min-height: 290px;
    padding: 2.4rem 2.55rem !important;
    color: var(--vx-body) !important;
    background:
      radial-gradient(circle at 91% 18%, rgba(var(--vx-primary-rgb), .18) 0 4.5rem, transparent 4.6rem),
      radial-gradient(circle at 84% 92%, rgba(0, 207, 232, .12) 0 7rem, transparent 7.1rem),
      linear-gradient(118deg, #fff 0%, #faf9ff 62%, #f0efff 100%) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .16) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  .seo-hero-card::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1;
    right: 4.5rem !important;
    top: 3.6rem !important;
    width: 142px !important;
    height: 142px !important;
    display: block !important;
    opacity: .75 !important;
    border: 16px solid rgba(var(--vx-primary-rgb), .13);
    border-radius: 2.2rem;
    transform: rotate(9deg);
  }

  .seo-hero-card::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1;
    right: 7.15rem !important;
    top: 6.2rem !important;
    width: 88px !important;
    height: 10px !important;
    display: block !important;
    opacity: .8 !important;
    border-radius: 1rem;
    background: rgba(var(--vx-primary-rgb), .18) !important;
    box-shadow: 0 28px 0 rgba(var(--vx-primary-rgb), .12), 0 56px 0 rgba(var(--vx-primary-rgb), .08);
    transform: rotate(9deg);
  }

  .seo-hero-card .eyebrow,
  .publisher-hero .eyebrow,
  .tg-hero .eyebrow,
  .quote-head .eyebrow,
  .price-gate-hero .eyebrow,
  .modal .eyebrow {
    color: var(--vx-primary) !important;
    font-size: .7rem !important;
    font-weight: 650 !important;
    letter-spacing: .105rem !important;
  }

  .seo-hero-card h1 {
    max-width: 980px !important;
    margin: .65rem 0 .8rem !important;
    color: var(--vx-heading) !important;
    font-size: clamp(2rem, 3.2vw, 3.15rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
  }

  .seo-hero-card > p {
    max-width: 790px;
    margin: 0 !important;
    color: var(--vx-body) !important;
    font-size: .96rem !important;
    line-height: 1.72 !important;
  }

  .publisher-links {
    max-width: calc(100% - 150px);
    margin-top: 1.4rem !important;
    gap: .45rem !important;
    padding: 0 0 .3rem !important;
    scrollbar-width: none;
  }

  .publisher-links::-webkit-scrollbar {
    display: none;
  }

  .publisher-link {
    padding: .48rem .7rem !important;
    color: var(--vx-body) !important;
    background: #fff !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-size: .7rem !important;
    font-weight: 560 !important;
  }

  .publisher-link:hover {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border-color: rgba(var(--vx-primary-rgb), .3) !important;
  }

  /* ---------------------------------------------------------------------
     Control cards, forms and navigation pills
     ------------------------------------------------------------------ */
  .calendar-filter-wrap,
  .smart-tools-shell,
  .next-wrap,
  .month-tabs-wrap {
    margin-top: 1.25rem !important;
  }

  .calendar-filter-card,
  .quick-filter-bar,
  .next-card,
  .publisher-intro,
  .quote-toolbar,
  .quote-filter-panel,
  .quote-group,
  .price-gate-card {
    color: var(--vx-body) !important;
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
  }

  .calendar-filter-card {
    padding: 1.15rem 1.25rem !important;
    gap: 1rem !important;
  }

  .filter-brand-logo,
  .quote-filter-brand {
    background: var(--vx-primary-softer) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .16) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .filter-title b,
  .quote-filter-title strong {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .filter-title small,
  .quote-filter-title small {
    color: var(--vx-muted) !important;
  }

  .calendar-filter-card label > span,
  .field > label,
  .secure-quote-card label {
    color: var(--vx-body) !important;
    font-size: .69rem !important;
    font-weight: 600 !important;
    letter-spacing: .04rem !important;
  }

  .calendar-filter-card select,
  .field input,
  .field select,
  .secure-quote-card input,
  .quote-qty {
    color: var(--vx-body) !important;
    background-color: var(--vx-paper) !important;
    border: 1px solid #d1d0d4 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-family: var(--vx-font) !important;
    font-weight: 400 !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
  }

  .calendar-filter-card select:focus,
  .field input:focus,
  .field select:focus,
  .secure-quote-card input:focus,
  .quote-qty:focus {
    border-color: var(--vx-primary) !important;
    outline: 0 !important;
    box-shadow: 0 .125rem .375rem rgba(var(--vx-primary-rgb), .3) !important;
  }

  .btn,
  button,
  .price-submit {
    font-family: var(--vx-font) !important;
  }

  .btn-primary,
  .calendar-filter-card .btn-primary,
  .modal-actions .btn-primary,
  .quote-cart-actions .btn-primary,
  .secure-quote-card button,
  .price-submit {
    color: #fff !important;
    background: var(--vx-primary) !important;
    border: 1px solid var(--vx-primary) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: 0 .125rem .375rem rgba(var(--vx-primary-rgb), .3) !important;
    font-weight: 600 !important;
  }

  .btn-primary:hover,
  .calendar-filter-card .btn-primary:hover,
  .modal-actions .btn-primary:hover,
  .quote-cart-actions .btn-primary:hover,
  .secure-quote-card button:hover,
  .price-submit:hover {
    background: #685dd8 !important;
    border-color: #685dd8 !important;
    box-shadow: 0 .25rem .75rem rgba(var(--vx-primary-rgb), .34) !important;
    transform: translateY(-1px);
  }

  .quick-filter-bar {
    gap: .6rem !important;
    padding: 1rem 1.15rem !important;
  }

  .quick-filter-title {
    margin-right: .2rem;
    color: var(--vx-muted) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    letter-spacing: .075rem !important;
  }

  .quick-chip,
  .quote-filter-chip {
    min-height: 35px;
    padding: .52rem .8rem !important;
    color: var(--vx-body) !important;
    background: transparent !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-size: .75rem !important;
    font-weight: 560 !important;
  }

  .quick-chip:hover,
  .quote-filter-chip:hover {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border-color: rgba(var(--vx-primary-rgb), .25) !important;
  }

  .quick-chip.active,
  .quote-filter-chip.active {
    color: #fff !important;
    background: var(--vx-primary) !important;
    border-color: var(--vx-primary) !important;
    box-shadow: 0 .125rem .375rem rgba(var(--vx-primary-rgb), .3) !important;
  }

  .quick-chip.favorite-filter,
  .quick-chip.category-status-share {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border-color: transparent !important;
  }

  .next-card {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 1.4rem !important;
    padding: 1.25rem 1.4rem !important;
    border-left: 0 !important;
  }

  .next-card::before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--vx-primary);
    border-radius: var(--vx-radius-lg) 0 0 var(--vx-radius-lg);
  }

  .next-label {
    color: var(--vx-primary) !important;
    font-size: .68rem !important;
    font-weight: 650 !important;
    letter-spacing: .07rem !important;
  }

  .next-name {
    margin-top: .2rem;
    color: var(--vx-heading) !important;
    font-size: 1.08rem !important;
    font-weight: 650 !important;
  }

  .next-meta {
    margin-top: .25rem;
    color: var(--vx-muted) !important;
  }

  .countdown {
    gap: .55rem !important;
  }

  .count-unit {
    min-width: 64px;
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .12) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .count-unit b {
    color: var(--vx-primary) !important;
  }

  .count-unit span {
    color: var(--vx-body) !important;
  }

  .month-tabs {
    gap: .65rem !important;
    padding: .25rem .1rem .5rem !important;
    scrollbar-width: none;
  }

  .month-tabs::-webkit-scrollbar {
    display: none;
  }

  .month-tab {
    min-height: 39px;
    padding: .58rem .88rem !important;
    color: var(--vx-body) !important;
    background: var(--vx-paper) !important;
    border: 1px solid transparent !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    font-weight: 560 !important;
  }

  .month-tab:hover {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
  }

  .month-tab.active {
    color: #fff !important;
    background: var(--vx-primary) !important;
    border-color: var(--vx-primary) !important;
    box-shadow: 0 .125rem .375rem rgba(var(--vx-primary-rgb), .3) !important;
  }

  .month-tab.past-month {
    opacity: .55;
    box-shadow: none !important;
  }

  /* ---------------------------------------------------------------------
     Calendar dashboard pages and exam cards
     ------------------------------------------------------------------ */
  .catalog-page {
    margin-top: .9rem !important;
  }

  .page-canvas {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .page-canvas > .watermark {
    display: none !important;
  }

  .month-hero {
    min-height: 122px;
    padding: 1.5rem 1.6rem !important;
    color: var(--vx-body) !important;
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
    overflow: hidden !important;
  }

  .month-hero::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    right: -34px;
    top: -46px;
    width: 180px;
    height: 180px;
    border: 30px solid var(--vx-primary-soft);
    border-radius: 50%;
    opacity: .72;
  }

  .month-hero::after {
    display: none !important;
  }

  .month-kicker {
    color: var(--vx-primary) !important;
    font-size: .68rem !important;
    font-weight: 650 !important;
    letter-spacing: .075rem !important;
  }

  .month-hero h2 {
    margin: .35rem 0 .25rem !important;
    color: var(--vx-heading) !important;
    font-size: clamp(1.65rem, 2.4vw, 2.35rem) !important;
    font-weight: 680 !important;
    letter-spacing: -.025em !important;
  }

  .month-hero p {
    color: var(--vx-muted) !important;
  }

  .month-hero-right {
    z-index: 1;
  }

  .month-share-btn,
  .month-hero .btn,
  .month-hero button {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 1px solid transparent !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    font-weight: 560 !important;
  }

  .month-brand-logo,
  .hero-stat,
  .tg-hero-logo,
  .publisher-hero-logo {
    background: var(--vx-paper) !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow-sm) !important;
  }

  .hero-stat b {
    color: var(--vx-primary) !important;
  }

  .page-body {
    padding: 0 !important;
  }

  .category-section,
  .tg-group {
    margin-top: 1.25rem !important;
    padding: 1.25rem !important;
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
  }

  .category-section + .category-section {
    margin-top: 1.25rem !important;
  }

  .section-title,
  .tg-category-banner {
    min-height: 54px !important;
    margin: 0 0 1rem !important;
    padding: 0 0 1rem !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--vx-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .section-icon,
  .tg-category-icon,
  .quote-group-icon {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .section-title > strong,
  .tg-category-main h2,
  .quote-group-head h2 {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .section-contact,
  .tg-category-contact,
  .quote-group-contact {
    color: var(--vx-body) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .category-share-btn {
    color: var(--vx-success) !important;
    background: var(--vx-success-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .section-title > em,
  .tg-category-count {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .exam-grid {
    gap: .85rem !important;
  }

  .exam-card,
  .exam-card.tg-card,
  .exam-card.upcoming-card,
  .publisher-list .exam-card {
    min-height: 102px !important;
    padding: .8rem !important;
    color: var(--vx-body) !important;
    background: var(--vx-paper) !important;
    border: 1px solid var(--vx-border) !important;
    border-left: 3px solid rgba(var(--vx-primary-rgb), .38) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: none !important;
    filter: none !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
  }

  .exam-card.tg-card {
    border-left-color: var(--vx-warning) !important;
  }

  .exam-card:hover {
    border-color: rgba(var(--vx-primary-rgb), .28) !important;
    box-shadow: var(--vx-shadow-sm) !important;
    transform: translateY(-2px) !important;
  }

  .date-box {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .14) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .date-box b {
    color: var(--vx-primary) !important;
  }

  .date-box span {
    color: var(--vx-body) !important;
  }

  .exam-copy h3 {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .publisher-badge,
  .type-badge,
  .class-pill,
  .deadline-alert {
    border: 0 !important;
    border-radius: .35rem !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    letter-spacing: .02rem !important;
  }

  .publisher-badge {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
  }

  .type-badge {
    color: var(--vx-info) !important;
    background: var(--vx-info-soft) !important;
  }

  .class-pill {
    color: var(--vx-body) !important;
    background: #efeff0 !important;
  }

  .deadline-alert {
    color: var(--vx-danger) !important;
    background: var(--vx-danger-soft) !important;
  }

  .tg-card .type-badge {
    color: #b86e00 !important;
    background: var(--vx-warning-soft) !important;
  }

  .exam-meta {
    color: var(--vx-muted) !important;
  }

  .exam-meta strong {
    color: var(--vx-body) !important;
  }

  .exam-card .exam-mini-countdown.countdown-glass,
  .exam-card:hover .exam-mini-countdown.countdown-glass {
    color: var(--vx-body) !important;
    background: #fafafa !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
  }

  .exam-mini-countdown::before,
  .exam-mini-countdown::after {
    display: none !important;
  }

  .exam-mini-countdown .countdown-label,
  .exam-mini-countdown .countdown-label u,
  .exam-mini-countdown em,
  .exam-mini-countdown b,
  .exam-mini-countdown span {
    color: inherit !important;
    text-shadow: none !important;
  }

  body .exam-card.has-publisher-logo .exam-logo-corner > .publisher-logo-showcase,
  body .exam-card.has-publisher-logo:hover .exam-logo-corner > .publisher-logo-showcase {
    background: var(--vx-paper) !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
  }

  .exam-action-btn {
    color: var(--vx-body) !important;
    background: #f4f4f5 !important;
    border: 0 !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
  }

  .exam-action-btn:hover {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
  }

  .page-footer {
    display: none !important;
  }

  .empty,
  .quote-empty {
    color: var(--vx-muted) !important;
    background: #fafafa !important;
    border: 1px dashed #d1d0d4 !important;
    border-radius: var(--vx-radius) !important;
  }

  /* ---------------------------------------------------------------------
     Publishers carousel
     ------------------------------------------------------------------ */
  .publishers-showcase {
    margin-top: 1.75rem !important;
  }

  .publishers-showcase-kicker,
  .publishers-showcase-live {
    color: var(--vx-primary) !important;
  }

  .publishers-showcase-head h2 {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .publishers-showcase-head p {
    color: var(--vx-muted) !important;
  }

  .publishers-showcase .publishers-marquee {
    padding: 1rem !important;
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
  }

  .publishers-showcase .publisher-slide-card,
  .publishers-showcase .publisher-slide-card:hover {
    background: var(--vx-paper) !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .publishers-showcase .publisher-slide-card:hover {
    border-color: rgba(var(--vx-primary-rgb), .28) !important;
    box-shadow: var(--vx-shadow-sm) !important;
    transform: translateY(-2px) !important;
  }

  .publishers-showcase .publisher-slide-glow {
    display: none !important;
  }

  .publishers-showcase .publisher-slide-logo,
  .publishers-showcase .publisher-slide-card:hover .publisher-slide-logo {
    background: #fff !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
  }

  .publishers-showcase .publisher-favorite-btn {
    color: var(--vx-muted) !important;
    background: #f4f4f5 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .publishers-showcase .publisher-slide-arrow {
    color: var(--vx-primary) !important;
  }

  .publishers-marquee-shade {
    opacity: .45 !important;
  }

  /* ---------------------------------------------------------------------
     Publisher and Türkiye Geneli pages
     ------------------------------------------------------------------ */
  .publisher-page,
  .tg-page {
    margin-top: 1.5rem !important;
  }

  .publisher-hero,
  .tg-hero {
    position: relative;
    min-height: 210px;
    padding: 2rem !important;
    color: var(--vx-body) !important;
    background:
      radial-gradient(circle at 88% 18%, rgba(var(--vx-primary-rgb), .16) 0 5rem, transparent 5.1rem),
      linear-gradient(118deg, #fff 0%, #faf9ff 66%, #f0efff 100%) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .14) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
    overflow: hidden;
  }

  .publisher-hero::before,
  .tg-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--pub, var(--vx-primary));
  }

  .publisher-hero h1,
  .tg-hero h1 {
    max-width: 950px;
    margin: .7rem 0 .65rem !important;
    color: var(--vx-heading) !important;
    font-size: clamp(1.8rem, 3vw, 2.75rem) !important;
    font-weight: 680 !important;
    line-height: 1.16 !important;
    letter-spacing: -.03em !important;
  }

  .publisher-hero p,
  .tg-hero p {
    max-width: 860px;
    color: var(--vx-body) !important;
    line-height: 1.65 !important;
  }

  .publisher-eyebrow-row .pub-dot {
    background: var(--pub, var(--vx-primary)) !important;
    box-shadow: 0 0 0 .35rem color-mix(in srgb, var(--pub, var(--vx-primary)) 14%, transparent) !important;
  }

  .publisher-intro {
    margin-top: 1.25rem !important;
    padding: 1.1rem 1.25rem !important;
    color: var(--vx-body) !important;
  }

  .publisher-intro::before {
    content: "i";
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-right: .55rem;
    color: var(--vx-info);
    background: var(--vx-info-soft);
    border-radius: 50%;
    font-size: .72rem;
    font-weight: 700;
  }

  .publisher-quick-filter,
  .tg-filter {
    margin-top: 1.25rem !important;
  }

  .publisher-list {
    gap: .85rem !important;
    margin-top: 1.25rem !important;
  }

  .publisher-list .exam-card {
    box-shadow: var(--vx-shadow-sm) !important;
  }

  .tg-star {
    color: var(--vx-warning) !important;
    filter: none !important;
  }

  .tg-hero-count {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: none !important;
  }

  .tg-hero-count b {
    color: var(--vx-primary) !important;
  }

  .tg-category-banner {
    display: flex !important;
    align-items: center !important;
  }

  .tg-category-main small {
    color: var(--vx-primary) !important;
  }

  .tg-category-main p {
    color: var(--vx-muted) !important;
  }

  /* ---------------------------------------------------------------------
     Secure prices gate
     ------------------------------------------------------------------ */
  .price-public-body .site-nav {
    margin-bottom: 1.5rem !important;
  }

  .price-gate-shell {
    min-height: calc(100vh - 112px) !important;
    display: grid !important;
    grid-template-columns: 1.08fr .92fr !important;
    gap: 0 !important;
    margin-top: 0 !important;
    padding: 0 0 2rem !important;
    align-content: start !important;
  }

  .price-gate-hero {
    position: relative;
    min-height: 520px;
    padding: 3.5rem !important;
    color: var(--vx-body) !important;
    background:
      radial-gradient(circle at 82% 18%, rgba(var(--vx-primary-rgb), .2) 0 6rem, transparent 6.1rem),
      radial-gradient(circle at 18% 88%, rgba(0, 207, 232, .12) 0 8rem, transparent 8.1rem),
      linear-gradient(135deg, #faf9ff, #efedff) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .14) !important;
    border-right: 0 !important;
    border-radius: var(--vx-radius-lg) 0 0 var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
    overflow: hidden;
  }

  .price-gate-hero::after {
    content: "₺";
    position: absolute;
    right: 3.5rem;
    bottom: 2rem;
    color: rgba(var(--vx-primary-rgb), .12);
    font-size: 11rem;
    font-weight: 700;
    line-height: 1;
  }

  .price-gate-hero h1 {
    max-width: 520px;
    margin: .8rem 0 1rem !important;
    color: var(--vx-heading) !important;
    font-size: clamp(2.4rem, 4vw, 4rem) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
  }

  .price-gate-hero p {
    max-width: 600px;
    color: var(--vx-body) !important;
    font-size: .95rem !important;
    line-height: 1.75 !important;
  }

  .price-security {
    position: relative;
    z-index: 1;
    gap: .55rem !important;
    margin-top: 1.5rem !important;
  }

  .price-security span {
    color: var(--vx-primary) !important;
    background: rgba(255, 255, 255, .75) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .14) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .price-gate-card {
    min-height: 520px;
    margin: 0 !important;
    padding: 3.5rem !important;
    border-radius: 0 var(--vx-radius-lg) var(--vx-radius-lg) 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .price-form-title > span,
  .price-pending-icon {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .price-form-title h2,
  .price-gate-card h2 {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .price-form-title p,
  .price-gate-card p,
  .price-privacy {
    color: var(--vx-muted) !important;
  }

  .price-submit {
    min-height: 48px !important;
    background: var(--vx-primary) !important;
  }

  /* ---------------------------------------------------------------------
     Quote verification and quote tables
     ------------------------------------------------------------------ */
  .secure-quote-gate {
    min-height: 100vh !important;
    padding: 2rem !important;
    background: var(--vx-bg) !important;
  }

  .secure-quote-card {
    width: min(540px, 100%) !important;
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow-lg) !important;
  }

  .secure-quote-head {
    padding: 1.6rem 1.75rem !important;
    color: var(--vx-body) !important;
    background: linear-gradient(118deg, #fff, var(--vx-primary-softer)) !important;
    border-bottom: 1px solid var(--vx-border) !important;
  }

  .secure-quote-head h1 {
    color: var(--vx-heading) !important;
    font-weight: 650 !important;
  }

  .secure-quote-head p {
    color: var(--vx-muted) !important;
  }

  .secure-quote-body {
    padding: 1.75rem !important;
  }

  .secure-quote-note {
    color: var(--vx-danger) !important;
    background: var(--vx-danger-soft) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
  }

  .secure-quote-mask {
    background: #fafafa !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
  }

  .quote-shell {
    margin-top: 1.5rem !important;
  }

  .quote-head {
    padding: 2rem !important;
    color: var(--vx-body) !important;
    background: linear-gradient(118deg, #fff, var(--vx-primary-softer)) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .14) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow) !important;
  }

  .quote-head h1 {
    color: var(--vx-heading) !important;
    font-weight: 680 !important;
  }

  .quote-head p {
    color: var(--vx-body) !important;
  }

  .quote-seal {
    color: var(--vx-primary) !important;
    background: var(--vx-paper) !important;
    border: 1px solid rgba(var(--vx-primary-rgb), .16) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow-sm) !important;
  }

  .quote-toolbar,
  .quote-filter-panel,
  .quote-group {
    margin-top: 1.25rem !important;
    padding: 1.25rem !important;
  }

  .quote-publisher-filters {
    gap: .65rem !important;
  }

  .quote-publisher-filter {
    background: var(--vx-paper) !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .quote-publisher-filter:hover,
  .quote-publisher-filter.active {
    background: var(--vx-primary-softer) !important;
    border-color: rgba(var(--vx-primary-rgb), .35) !important;
    box-shadow: none !important;
  }

  .qpf-logo {
    background: #fff !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: .375rem !important;
    box-shadow: none !important;
  }

  .quote-group-head {
    border-bottom-color: var(--vx-border) !important;
  }

  .quote-table-wrap {
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: none !important;
  }

  .quote-table {
    color: var(--vx-body) !important;
    background: var(--vx-paper) !important;
  }

  .quote-table thead th {
    color: var(--vx-heading) !important;
    background: #f5f5f6 !important;
    border-bottom: 1px solid var(--vx-border) !important;
    font-weight: 600 !important;
  }

  .quote-table tbody tr {
    border-bottom-color: var(--vx-border) !important;
  }

  .quote-table tbody tr:hover {
    background: var(--vx-primary-softer) !important;
  }

  .quote-publisher img {
    border-color: var(--vx-border) !important;
    box-shadow: none !important;
  }

  .quote-price,
  .quote-line-total {
    color: var(--vx-primary) !important;
  }

  .quote-cart-bar {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid var(--vx-border-soft) !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: var(--vx-shadow-lg) !important;
    backdrop-filter: blur(12px);
  }

  .quote-cart-summary b {
    color: var(--vx-primary) !important;
  }

  .quote-cart-actions .btn-gold {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-soft) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* ---------------------------------------------------------------------
     Modals, details, floating reminders
     ------------------------------------------------------------------ */
  .modal-backdrop,
  .exam-detail-modal {
    background: rgba(47, 43, 61, .52) !important;
    backdrop-filter: blur(5px);
  }

  .modal,
  .exam-detail-panel {
    background: var(--vx-paper) !important;
    border: 0 !important;
    border-radius: var(--vx-radius-lg) !important;
    box-shadow: 0 .5rem 2rem rgba(47, 43, 61, .24) !important;
  }

  .modal-head {
    color: var(--vx-body) !important;
    background: var(--vx-primary-softer) !important;
    border-bottom: 1px solid var(--vx-border) !important;
  }

  .modal-head h3 {
    color: var(--vx-heading) !important;
  }

  .modal-head p {
    color: var(--vx-body) !important;
  }

  .check-pill {
    color: var(--vx-body) !important;
    background: #fafafa !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: var(--vx-radius) !important;
  }

  .check-pill:has(input:checked) {
    color: var(--vx-primary) !important;
    background: var(--vx-primary-softer) !important;
    border-color: rgba(var(--vx-primary-rgb), .3) !important;
  }

  .reminder-fab {
    color: #fff !important;
    background: var(--vx-primary) !important;
    border: 0 !important;
    border-radius: var(--vx-radius) !important;
    box-shadow: 0 .25rem 1rem rgba(var(--vx-primary-rgb), .34) !important;
  }

  .disclaimer,
  .quote-footer-note {
    color: var(--vx-muted) !important;
  }

  /* ---------------------------------------------------------------------
     Keyboard focus and motion
     ------------------------------------------------------------------ */
  a:focus-visible,
  button:focus-visible,
  select:focus-visible,
  input:focus-visible {
    outline: 2px solid rgba(var(--vx-primary-rgb), .55) !important;
    outline-offset: 2px !important;
  }

  /* ---------------------------------------------------------------------
     Fast branded loading state
     ------------------------------------------------------------------ */
  .app-loader {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: #f8f7fa;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: opacity .22s ease, visibility .22s ease;
    animation: vx-loader-failsafe 0s linear 2s forwards;
  }

  .app-loader.is-leaving {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .app-loader-panel {
    width: min(390px, 100%);
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid var(--vx-border-soft);
    border-radius: .75rem;
    box-shadow: var(--vx-shadow);
  }

  .app-loader-logo {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    padding: .4rem;
    overflow: hidden;
    color: #fff;
    background: var(--vx-primary);
    border: 1px solid var(--vx-border);
    border-radius: .625rem;
    font-weight: 700;
  }

  .app-loader-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    filter: none !important;
  }

  .app-loader-copy {
    min-width: 0;
  }

  .app-loader-copy strong,
  .app-loader-copy span {
    display: block;
  }

  .app-loader-copy strong {
    color: var(--vx-heading);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .025em;
  }

  .app-loader-copy span {
    margin-top: .2rem;
    color: var(--vx-muted);
    font-size: .72rem;
  }

  .app-loader-progress {
    grid-column: 1 / -1;
    height: 4px;
    overflow: hidden;
    background: #eceaf0;
    border-radius: 999px;
  }

  .app-loader-progress i {
    display: block;
    width: 42%;
    height: 100%;
    background: linear-gradient(90deg, #7367f0 0 28%, #00bad1 28% 52%, #ff9f43 52% 76%, #ea5455 76% 100%);
    border-radius: inherit;
    animation: vx-loader-progress .82s ease-in-out infinite alternate;
  }

  @keyframes vx-loader-progress {
    from { transform: translateX(-12%); }
    to { transform: translateX(150%); }
  }

  @keyframes vx-loader-failsafe {
    to { opacity: 0; visibility: hidden; pointer-events: none; }
  }

  /* ---------------------------------------------------------------------
     Controlled color system: lively, but still human and corporate
     ------------------------------------------------------------------ */
  .site-nav {
    border-top: 3px solid var(--vx-primary) !important;
  }

  .site-nav .nav-actions .btn-tg {
    color: #c2410c !important;
    background: #fff3e8 !important;
  }

  .site-nav .nav-actions .btn-price {
    color: #655bd3 !important;
    background: #e9e7fd !important;
  }

  .site-nav .nav-actions .btn-pwa-install {
    color: #0369a1 !important;
    background: #e0f2fe !important;
    border-color: #bae6fd !important;
    box-shadow: none !important;
  }

  .site-nav .nav-actions .btn-gold {
    color: #be123c !important;
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
    box-shadow: none !important;
  }

  .calendar-filter-card {
    border-top: 3px solid #00bad1 !important;
  }

  .quick-filter-bar {
    border-top: 3px solid #ff9f43 !important;
  }

  /* Homepage rhythm: one aligned grid, calmer shadows and generous spacing. */
  .calendar-filter-wrap,
  .smart-tools-shell,
  .next-wrap,
  .month-nav,
  .catalog-page,
  .publishers-showcase {
    width: min(1376px, calc(100% - 3rem)) !important;
    max-width: 1376px !important;
  }

  .seo-hero-card,
  .calendar-filter-card,
  .institution-lock-card,
  .next-card {
    width: 100% !important;
    max-width: none !important;
  }

  .calendar-filter-wrap {
    margin: 1.5rem auto 0 !important;
    padding: 0 !important;
  }

  .smart-tools-shell {
    margin: 1.5rem auto 0 !important;
  }

  .next-wrap {
    margin: 1.5rem auto 0 !important;
    padding: 0 !important;
  }

  .month-nav {
    margin: 1.25rem auto .85rem !important;
    padding: 0 !important;
  }

  .catalog-page {
    margin: 0 auto 2.5rem !important;
  }

  .quick-filter-bar {
    box-shadow: 0 .125rem .5rem rgba(47, 43, 61, .08) !important;
  }

  /* Removed from the current markup; this also suppresses stale cached output. */
  .week-smart-panel {
    display: none !important;
  }

  .next-card {
    position: relative !important;
    overflow: hidden !important;
    border-left: 4px solid #ea5455 !important;
  }

  .next-card::before {
    background: #ea5455 !important;
  }

  .countdown .count-unit:nth-child(1) { background: #f0efff !important; border-color: #d9d5ff !important; }
  .countdown .count-unit:nth-child(2) { background: #e8f9fc !important; border-color: #bcecf2 !important; }
  .countdown .count-unit:nth-child(3) { background: #fff5e8 !important; border-color: #ffe0b8 !important; }
  .countdown .count-unit:nth-child(4) { background: #fff0f2 !important; border-color: #ffd0d5 !important; }

  .price-gate-card {
    border-top: 4px solid #00bad1 !important;
  }

  .publisher-hero,
  .tg-hero {
    border-top: 4px solid var(--vx-primary) !important;
  }

  /* No status LEDs, logo halos, sweeps or auto-generated-looking sparkles. */
  .publishers-showcase-live i,
  .publisher-slide-glow,
  .publisher-slide-card::after,
  .tg-card::before,
  .tg-card::after {
    display: none !important;
  }

  .publishers-showcase-live {
    gap: 0 !important;
  }

  .publishers-showcase .publishers-marquee::before {
    background: none !important;
  }

  .publisher-logo-showcase,
  .publisher-logo-mini,
  .publisher-hero-logo,
  .tg-hero-logo,
  .detail-logo,
  .brand-mark.brand-image,
  .quote-brand-logo,
  .quote-filter-brand {
    animation: none !important;
    filter: none !important;
    box-shadow: var(--vx-shadow-sm) !important;
  }

  .publisher-logo-showcase img,
  .publisher-logo-mini img,
  .publisher-hero-logo img,
  .tg-hero-logo img,
  .detail-logo img,
  .brand-image img,
  .quote-brand-logo img,
  .quote-filter-brand img {
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }

  .publisher-eyebrow-row .pub-dot {
    animation: none !important;
    box-shadow: none !important;
  }

  .tg-star,
  .new-exam-badge,
  .tg-card .type-badge {
    animation: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  /* ---------------------------------------------------------------------
     V1.3 dialogs: compact hierarchy, clean stacking and mobile-safe scroll
     ------------------------------------------------------------------ */
  .modal-backdrop,
  .exam-detail-modal {
    z-index: 12000 !important;
    padding: clamp(.75rem, 2vw, 1.5rem) !important;
    background: rgba(31, 29, 43, .6) !important;
    backdrop-filter: blur(10px) saturate(110%) !important;
  }

  .modal-backdrop.open {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .modal,
  .exam-detail-panel {
    width: min(640px, 100%) !important;
    max-height: calc(100dvh - 3rem) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: var(--vx-paper) !important;
    border: 1px solid rgba(47, 43, 61, .12) !important;
    border-radius: 1rem !important;
    box-shadow: 0 1.5rem 4.5rem rgba(31, 29, 43, .3) !important;
  }

  .modal-head {
    flex: 0 0 auto;
    padding: 1.25rem 1.4rem 1.15rem !important;
    color: var(--vx-body) !important;
    background: #fff !important;
    border-bottom: 1px solid var(--vx-border) !important;
  }

  .modal-head .eyebrow {
    margin-bottom: .35rem !important;
    color: var(--vx-primary) !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
  }

  .modal-head h3 {
    margin: 0 !important;
    color: var(--vx-heading) !important;
    font-size: 1.2rem !important;
    font-weight: 720 !important;
    line-height: 1.3 !important;
    letter-spacing: -.018em !important;
  }

  .modal-head p {
    max-width: 54rem;
    margin: .38rem 0 0 !important;
    color: var(--vx-muted) !important;
    font-size: .76rem !important;
    line-height: 1.55 !important;
  }

  .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 1.15rem 1.4rem 1.25rem !important;
    background: #fff !important;
  }

  .modal-body .field input,
  .modal-body .field select {
    min-height: 42px;
    padding: .68rem .75rem !important;
    background: #fff !important;
    border-color: var(--vx-border) !important;
    border-radius: .625rem !important;
  }

  .modal-body .form-grid {
    gap: .85rem !important;
  }

  .modal-body .modal-actions {
    margin-top: 1rem !important;
    padding-top: .9rem !important;
    border-top: 1px solid var(--vx-border-soft);
  }

  #catalogPdfModal {
    z-index: 13000 !important;
  }

  #catalogPdfModal .catalog-pdf-modal {
    width: min(720px, 100%) !important;
  }

  #catalogPdfModal .catalog-pdf-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 1.15rem !important;
  }

  #catalogPdfModal .catalog-pdf-head::after {
    display: none !important;
  }

  .catalog-modal-close {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    display: grid;
    place-items: center;
    margin: -.15rem -.05rem 0 0;
    padding: 0;
    color: var(--vx-muted);
    background: #f5f4f7;
    border: 1px solid var(--vx-border);
    border-radius: .625rem;
    font: inherit;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease;
  }

  .catalog-modal-close:hover {
    color: var(--vx-heading);
    background: #eeedf1;
    border-color: #d1cfd7;
  }

  #catalogPdfModal .catalog-delivery-mode {
    gap: .35rem !important;
    margin: 0 0 .85rem !important;
    padding: .32rem !important;
    background: #f5f4ff !important;
    border: 0 !important;
    border-radius: .75rem !important;
  }

  #catalogPdfModal .catalog-delivery-mode label {
    gap: .65rem !important;
    padding: .7rem .75rem !important;
    border-radius: .625rem !important;
  }

  #catalogPdfModal .catalog-delivery-mode label:has(input:checked),
  #catalogPdfModal .catalog-delivery-mode label:last-child:has(input:checked) {
    background: #fff !important;
    border-color: rgba(var(--vx-primary-rgb), .28) !important;
    box-shadow: 0 .125rem .4rem rgba(47, 43, 61, .08) !important;
  }

  #catalogPdfModal .catalog-delivery-mode input,
  #catalogPdfModal .catalog-delivery-mode label:last-child input {
    accent-color: var(--vx-primary) !important;
  }

  #catalogPdfModal .catalog-delivery-mode b {
    color: var(--vx-heading) !important;
    font-size: .74rem !important;
  }

  #catalogPdfModal .catalog-delivery-mode small {
    margin-top: .12rem !important;
    color: var(--vx-muted) !important;
    font-size: .64rem !important;
    line-height: 1.4 !important;
  }

  #catalogPdfModal .catalog-delivery-fields {
    gap: .75rem !important;
    margin-bottom: .8rem !important;
  }

  #catalogPdfModal .catalog-institution-field,
  #catalogPdfModal .catalog-phone-field {
    margin: 0 !important;
    padding: .85rem !important;
    background: #fbfbfc !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
  }

  #catalogPdfModal .catalog-institution-field label {
    margin-bottom: .5rem !important;
  }

  #catalogPdfModal .catalog-institution-field label > span,
  #catalogPdfModal .catalog-phone-heading label b {
    color: var(--vx-heading) !important;
    font-size: .65rem !important;
    letter-spacing: .07em !important;
  }

  #catalogPdfModal .catalog-institution-field label > small,
  #catalogPdfModal .catalog-phone-heading label small,
  #catalogPdfModal .catalog-phone-field > small {
    color: var(--vx-muted) !important;
    font-size: .61rem !important;
    line-height: 1.4 !important;
  }

  #catalogPdfModal .catalog-institution-field input,
  #catalogPdfModal .catalog-phone-input input {
    min-height: 42px;
    padding: .65rem .7rem !important;
    color: var(--vx-heading) !important;
    font-size: .78rem !important;
    font-weight: 620 !important;
  }

  #catalogPdfModal .catalog-phone-heading {
    gap: .65rem !important;
    margin-bottom: .55rem !important;
  }

  #catalogPdfModal .catalog-whatsapp-mark {
    width: 1.9rem !important;
    height: 1.9rem !important;
    flex-basis: 1.9rem !important;
    background: #7367f0 !important;
    border-radius: .5rem !important;
    box-shadow: none !important;
    font-size: .58rem !important;
  }

  #catalogPdfModal .catalog-phone-heading em,
  #catalogPdfModal .catalog-phone-heading label b i {
    color: #655bd3 !important;
    background: #ebe9ff !important;
  }

  #catalogPdfModal .catalog-phone-input {
    border-color: var(--vx-border) !important;
    border-radius: .625rem !important;
    box-shadow: none !important;
  }

  #catalogPdfModal .catalog-phone-input:focus-within {
    border-color: rgba(var(--vx-primary-rgb), .7) !important;
    box-shadow: 0 0 0 3px rgba(var(--vx-primary-rgb), .12) !important;
  }

  #catalogPdfModal .catalog-phone-input > span {
    color: #655bd3 !important;
    background: #f0efff !important;
    border-color: #d9d5ff !important;
  }

  #catalogPdfModal .catalog-delivery-consent {
    margin-bottom: .8rem !important;
    padding: .75rem .85rem !important;
    color: var(--vx-body) !important;
    background: #fbfbfc !important;
    border-color: var(--vx-border) !important;
    border-radius: .7rem !important;
    font-size: .68rem !important;
  }

  #catalogPdfModal .catalog-choice-kicker {
    margin: .15rem .1rem .55rem !important;
  }

  #catalogPdfModal .catalog-choice-kicker span {
    color: var(--vx-primary) !important;
    font-size: .63rem !important;
    letter-spacing: .1em !important;
  }

  #catalogPdfModal .catalog-choice-kicker small {
    color: var(--vx-muted) !important;
    font-size: .62rem !important;
  }

  #catalogPdfModal .catalog-pdf-options {
    gap: .65rem !important;
  }

  #catalogPdfModal .catalog-pdf-option {
    --catalog-accent: #7367f0;
    min-height: 104px !important;
    padding: .85rem .9rem !important;
    color: var(--vx-heading) !important;
    background: #fff !important;
    border: 1px solid var(--vx-border) !important;
    border-left: 3px solid var(--catalog-accent) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
  }

  #catalogPdfModal .catalog-pdf-option:nth-child(2) { --catalog-accent: #00bad1; }
  #catalogPdfModal .catalog-pdf-option:nth-child(3) { --catalog-accent: #ff9f43; }
  #catalogPdfModal .catalog-pdf-option:nth-child(4) { --catalog-accent: #ea5455; }

  #catalogPdfModal .catalog-pdf-option::after {
    display: none !important;
  }

  #catalogPdfModal .catalog-pdf-option:hover {
    transform: none !important;
    border-color: color-mix(in srgb, var(--catalog-accent) 42%, #d8d6de) !important;
    border-left-color: var(--catalog-accent) !important;
    box-shadow: 0 .25rem .9rem rgba(47, 43, 61, .08) !important;
  }

  #catalogPdfModal .catalog-pdf-option > span,
  #catalogPdfModal .catalog-pdf-option > b,
  #catalogPdfModal .catalog-pdf-option.all > span,
  #catalogPdfModal .catalog-pdf-option.all > b {
    color: var(--catalog-accent) !important;
  }

  #catalogPdfModal .catalog-pdf-option > span {
    font-size: .58rem !important;
    letter-spacing: .1em !important;
  }

  #catalogPdfModal .catalog-pdf-option > strong {
    margin-top: .22rem !important;
    color: var(--vx-heading) !important;
    font-size: 1rem !important;
  }

  #catalogPdfModal .catalog-pdf-option > small,
  #catalogPdfModal .catalog-pdf-option.all > small {
    margin-top: .22rem !important;
    color: var(--vx-muted) !important;
    font-size: .64rem !important;
  }

  #catalogPdfModal .catalog-pdf-option > b {
    padding-top: .55rem !important;
    font-size: .65rem !important;
  }

  #catalogPdfModal .catalog-pdf-option.sending,
  #catalogPdfModal .catalog-pdf-option.all.sending {
    background: #f8f7ff !important;
    border-color: rgba(var(--vx-primary-rgb), .4) !important;
    box-shadow: 0 0 0 3px rgba(var(--vx-primary-rgb), .1) !important;
  }

  #catalogPdfModal .catalog-modal-actions {
    align-items: center !important;
    gap: .85rem !important;
    margin-top: .9rem !important;
  }

  #catalogPdfModal .catalog-modal-actions > small {
    color: var(--vx-muted) !important;
    font-size: .62rem !important;
  }

  #catalogPdfModal .catalog-modal-actions > small i {
    display: none !important;
  }

  #catalogPdfModal .catalog-modal-actions .btn {
    min-height: 36px !important;
    padding: .55rem .9rem !important;
    color: var(--vx-body) !important;
    background: #f5f4f7 !important;
    border: 1px solid var(--vx-border) !important;
    border-radius: .625rem !important;
    box-shadow: none !important;
  }

  @media (max-width: 1080px) {
    .site-nav,
    .shell,
    .publisher-page,
    .quote-shell,
    .price-gate-shell {
      width: min(100% - 2rem, 1376px) !important;
    }

    .seo-hero-card {
      padding: 2rem !important;
    }

    .seo-hero-card::before,
    .seo-hero-card::after {
      opacity: .35 !important;
    }

    .publisher-links {
      max-width: 100%;
    }

    .price-gate-hero,
    .price-gate-card {
      padding: 2.5rem !important;
    }
  }

  @media (max-width: 820px) {
    .modal-backdrop,
    .exam-detail-modal {
      padding: .6rem !important;
    }

    .modal,
    .exam-detail-panel {
      max-height: calc(100dvh - 1.2rem) !important;
      border-radius: .875rem !important;
    }

    .modal-head {
      padding: 1rem 1.05rem .9rem !important;
    }

    .modal-body {
      padding: 1rem 1.05rem !important;
      scrollbar-gutter: auto;
    }

    #catalogPdfModal .catalog-pdf-option {
      min-height: 96px !important;
    }

    .site-nav {
      top: .65rem !important;
      width: calc(100% - 1.25rem) !important;
      margin-top: .65rem !important;
    }

    .site-nav .nav-inner {
      gap: .65rem !important;
      padding: .65rem !important;
    }

    .site-nav .nav-actions {
      width: 100%;
      overflow-x: auto !important;
      scrollbar-width: none;
    }

    .site-nav .nav-actions::-webkit-scrollbar {
      display: none;
    }

    .site-nav .nav-actions > * {
      flex: 0 0 auto;
    }

    .shell,
    .publisher-page,
    .quote-shell,
    .price-gate-shell {
      width: calc(100% - 1.25rem) !important;
    }

    .calendar-filter-wrap,
    .smart-tools-shell,
    .next-wrap,
    .month-nav,
    .catalog-page,
    .publishers-showcase {
      width: calc(100% - 1.25rem) !important;
    }

    .calendar-filter-wrap,
    .smart-tools-shell,
    .next-wrap {
      margin-top: 1rem !important;
    }

    .month-nav {
      margin-top: 1rem !important;
      margin-bottom: .65rem !important;
    }

    .catalog-page {
      margin-bottom: 1.5rem !important;
    }

    .seo-hero {
      margin-top: 1rem !important;
    }

    .seo-hero-card,
    .publisher-hero,
    .tg-hero {
      min-height: 0;
      padding: 1.6rem !important;
    }

    .seo-hero-card::before,
    .seo-hero-card::after {
      display: none !important;
    }

    .seo-hero-card h1 {
      font-size: clamp(1.8rem, 8vw, 2.65rem) !important;
    }

    .calendar-filter-card {
      gap: .85rem !important;
    }

    .quick-filter-bar {
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      padding: .85rem .9rem !important;
      scrollbar-width: none;
    }

    .quick-filter-bar::-webkit-scrollbar {
      display: none;
    }

    .quick-filter-bar > * {
      flex: 0 0 auto;
    }

    .next-card {
      grid-template-columns: 1fr !important;
    }

    .countdown {
      justify-content: flex-start !important;
      overflow-x: auto;
    }

    .month-hero {
      padding: 1.25rem !important;
    }

    .page-body,
    .category-section,
    .tg-group {
      padding: 1rem !important;
    }

    .price-gate-shell {
      grid-template-columns: 1fr !important;
      gap: 1rem !important;
    }

    .price-gate-hero,
    .price-gate-card {
      min-height: 0;
      border: 0 !important;
      border-radius: var(--vx-radius-lg) !important;
      box-shadow: var(--vx-shadow) !important;
    }

    .price-gate-hero::after {
      display: none;
    }

    .quote-head {
      gap: 1rem !important;
    }

    .quote-cart-bar {
      bottom: .65rem !important;
      width: calc(100% - 1.25rem) !important;
    }
  }

  @media (max-width: 560px) {
    #catalogPdfModal .catalog-pdf-head {
      padding-right: .85rem !important;
    }

    #catalogPdfModal .catalog-pdf-head > div {
      min-width: 0;
    }

    #catalogPdfModal .catalog-pdf-head h3 {
      padding-right: .15rem;
      font-size: 1.05rem !important;
    }

    #catalogPdfModal .catalog-pdf-head p {
      font-size: .7rem !important;
    }

    #catalogPdfModal .catalog-delivery-mode,
    #catalogPdfModal .catalog-delivery-fields,
    #catalogPdfModal .catalog-pdf-options {
      grid-template-columns: 1fr !important;
    }

    #catalogPdfModal .catalog-pdf-option {
      min-height: 88px !important;
    }

    #catalogPdfModal .catalog-choice-kicker {
      display: block !important;
    }

    #catalogPdfModal .catalog-choice-kicker small {
      display: block !important;
      margin-top: .22rem !important;
    }

    #catalogPdfModal .catalog-modal-actions {
      align-items: stretch !important;
      flex-direction: column !important;
    }

    #catalogPdfModal .catalog-modal-actions .btn {
      width: 100% !important;
    }

    .site-nav .brand strong {
      max-width: 225px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .seo-hero-card,
    .publisher-hero,
    .tg-hero,
    .price-gate-hero,
    .price-gate-card,
    .quote-head,
    .secure-quote-body,
    .secure-quote-head {
      padding: 1.25rem !important;
    }

    .seo-hero-card h1,
    .publisher-hero h1,
    .tg-hero h1,
    .price-gate-hero h1 {
      font-size: 1.9rem !important;
    }

    .publisher-links {
      margin-top: 1rem !important;
    }

    .calendar-filter-card,
    .quick-filter-bar,
    .next-card,
    .month-hero,
    .category-section,
    .tg-group,
    .publishers-showcase .publishers-marquee,
    .publisher-intro,
    .quote-toolbar,
    .quote-filter-panel,
    .quote-group,
    .price-gate-hero,
    .price-gate-card,
    .secure-quote-card {
      border-radius: .625rem !important;
    }

    .month-hero::before {
      opacity: .3;
    }

    .section-title,
    .tg-category-banner {
      gap: .55rem !important;
    }

    .section-contact,
    .tg-category-contact {
      width: 100%;
    }

    .exam-card,
    .exam-card.tg-card,
    .exam-card.upcoming-card {
      border-radius: .625rem !important;
    }

    .quote-publisher-filters {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .quote-cart-bar {
      gap: .75rem !important;
      padding: .85rem !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
    }
  }
}

/* --------------------------------------------------------------------------
   V1.3.2 • Diyarbakır çözüm ortakları
   ----------------------------------------------------------------------- */
.regional-partners {
  width: min(1376px, calc(100% - 3rem));
  max-width: 1376px;
  margin: 2.25rem auto 0;
}

.regional-partners-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1rem;
  padding: 0 .15rem;
}

.regional-partners-head > div {
  flex: 1 1 auto;
  min-width: 0;
}

.regional-partners-kicker {
  display: block;
  margin-bottom: .4rem;
  color: var(--vx-primary, #7367f0);
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .14em;
}

.regional-partners-head h2 {
  margin: 0;
  color: var(--vx-heading, #2f2b3d);
  font-size: clamp(1.55rem, 2.5vw, 2.15rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.regional-partners-head p {
  max-width: 820px;
  margin: .55rem 0 0;
  color: var(--vx-muted, #8a8794);
  font-size: .9rem;
  line-height: 1.65;
}

.regional-partners-location {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 34px;
  padding: .5rem .72rem;
  color: #5f59b4;
  background: #f4f2ff;
  border: 1px solid #ddd8ff;
  border-radius: 999px;
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .08em;
}

.regional-partners-location svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.regional-partners-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.regional-partner-card {
  --partner: #7367f0;
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e5e9;
  border-top: 4px solid var(--partner);
  border-radius: .875rem;
  box-shadow: 0 6px 18px rgba(47, 43, 61, .07);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.regional-partner-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--partner) 32%, #e6e5e9);
  box-shadow: 0 12px 28px rgba(47, 43, 61, .11);
}

.regional-partner-logo {
  position: relative;
  height: 138px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 1rem 1.25rem;
  background: #fff;
  border-bottom: 1px solid #efedf2;
}

.regional-partner-logo img {
  position: absolute !important;
  inset: 1rem 1.25rem !important;
  display: block;
  width: calc(100% - 2.5rem) !important;
  height: calc(100% - 2rem) !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none;
}

.regional-partner-logo-wide {
  padding: 1.25rem 1.5rem;
}

.regional-partner-logo-wide img {
  inset: 1.15rem 1.25rem !important;
  height: calc(100% - 2.3rem) !important;
}

.regional-partner-copy {
  padding: 1.1rem 1.2rem 1.25rem;
}

.regional-partner-copy > span {
  display: block;
  min-height: 1.3em;
  color: var(--partner);
  font-size: .62rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .095em;
}

.regional-partner-copy h3 {
  margin: .42rem 0 .45rem;
  color: var(--vx-heading, #2f2b3d);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.25;
}

.regional-partner-copy p {
  margin: 0;
  color: var(--vx-body, #6d6a77);
  font-size: .79rem;
  line-height: 1.58;
}

@media (max-width: 900px) {
  .regional-partners-grid {
    grid-template-columns: 1fr;
  }

  .regional-partner-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    border-top-width: 1px;
    border-left: 4px solid var(--partner);
  }

  .regional-partner-logo {
    height: 100%;
    min-height: 132px;
    border-right: 1px solid #efedf2;
    border-bottom: 0;
  }
}

@media (max-width: 600px) {
  .regional-partners {
    width: calc(100% - 1.25rem);
    margin-top: 1.75rem;
  }

  .regional-partners-head {
    align-items: flex-start;
    gap: .75rem;
  }

  .regional-partners-head h2 {
    font-size: 1.42rem;
  }

  .regional-partners-head p {
    font-size: .79rem;
  }

  .regional-partners-location {
    display: none;
  }

  .regional-partner-card {
    grid-template-columns: 130px minmax(0, 1fr);
    border-radius: .75rem;
  }

  .regional-partner-logo {
    min-height: 124px;
    padding: .8rem;
  }

  .regional-partner-logo-wide {
    padding: .9rem .65rem;
  }

  .regional-partner-logo img {
    inset: .45rem !important;
    width: calc(100% - .9rem) !important;
    height: calc(100% - .9rem) !important;
  }

  .regional-partner-copy {
    padding: .9rem .9rem 1rem;
  }

  .regional-partner-copy > span {
    font-size: .53rem;
    letter-spacing: .06em;
  }

  .regional-partner-copy h3 {
    font-size: .98rem;
  }

  .regional-partner-copy p {
    font-size: .7rem;
    line-height: 1.48;
  }

}

@media print {
  .regional-partners {
    display: none !important;
  }
}

/* V1.3.4 — compact SEO navigation, restrained brand motion and PageSpeed refinements */
@media screen {
  .publisher-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .28rem !important;
    max-width: 100% !important;
    margin-top: .9rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .publisher-link {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding: .26rem .44rem !important;
    border-radius: .42rem !important;
    font-size: .5rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    letter-spacing: .005em !important;
  }

  .brand-shift-text {
    position: relative;
    display: inline-block;
    color: #7367f0;
  }

  .rotating-brand-text {
    min-width: 4.35em;
    transition: opacity .22s ease, transform .22s ease;
    transform-origin: left center;
  }

  .rotating-brand-text.is-switching {
    opacity: 0;
    transform: translateY(.12em);
  }

  .brand-shift-text::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    background: linear-gradient(110deg, #7367f0 5%, #00a7ba 48%, #d946ef 92%);
    background-size: 180% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: .2;
    animation: vx-brand-text-fade 6.4s ease-in-out infinite;
    will-change: opacity, background-position;
    pointer-events: none;
  }

  .brand-shift-alt::after {
    animation-delay: -2.8s;
  }

  .regional-partners + .disclaimer {
    max-width: 1376px !important;
    margin: 1.2rem auto .35rem !important;
    padding: 0 1.5rem !important;
    text-align: center !important;
    line-height: 1.65 !important;
  }

  body .catalog-page .exam-card,
  body .catalog-page .exam-card.tg-card,
  body .catalog-page .exam-card.upcoming-card,
  body .catalog-page .exam-card.past-card {
    animation: none !important;
  }

  body .catalog-page .exam-card .publisher-logo-showcase,
  body .catalog-page .exam-card:hover .publisher-logo-showcase,
  body .catalog-page .exam-card .publisher-logo-showcase img,
  body .catalog-page .exam-card:hover .publisher-logo-showcase img {
    animation: none !important;
    filter: none !important;
  }
}

@keyframes vx-brand-text-fade {
  0%, 100% { opacity: .28; background-position: 0% 50%; }
  50% { opacity: .92; background-position: 100% 50%; }
}

@media (max-width: 820px) {
  .rotating-brand-text {
    min-width: 0;
  }

  .publisher-links {
    gap: .22rem !important;
  }

  .publisher-link {
    padding: .22rem .34rem !important;
    font-size: .45rem !important;
  }

  .regional-partners + .disclaimer {
    margin-top: 1rem !important;
    padding-inline: 1rem !important;
    font-size: .66rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-shift-text::after {
    animation: none !important;
    opacity: 1;
  }
}

@media print {
  .brand-shift-text,
  .brand-shift-text::after {
    color: inherit !important;
    background: none !important;
    animation: none !important;
  }
}