/* Shared design system for public and signed-in pages. The home pilot stays scoped. */
body.site-unified {
    --site-ink: #28242a;
    --site-muted: #655f65;
    --site-primary: #702038;
    --site-primary-dark: #431725;
    --site-accent: #c49a61;
    --site-canvas: #f8f5ef;
    --site-border: #eadfe0;
    --site-shadow: 0 12px 34px rgba(59,31,40,.065);
    background: var(--site-canvas) !important;
    color: var(--site-ink);
    font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
body.site-unified h1, body.site-unified h2, body.site-unified h3,
body.site-unified h4, body.site-unified h5, body.site-unified h6,
body.site-unified .btn { font-family: inherit; }
body.site-unified h1, body.site-unified .display-4, body.site-unified .display-5 { letter-spacing: -.045em; }
body.site-unified main.container { max-width: 1376px; margin-top: 0 !important; padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2.25rem) 4rem; }
body.site-unified main.container > .container, body.site-unified main.container > .container-fluid { max-width: 100%; }
body.site-unified main.container > .container-fluid { padding-inline: 0 !important; }
body.site-unified .modern-navbar { min-height: 82px; padding: .72rem 0 !important; background: #431725 !important; box-shadow: 0 8px 26px rgba(45,20,30,.12) !important; }
body.site-unified .modern-navbar > .container-fluid { max-width: 1376px; gap: 2rem; }
body.site-unified .modern-navbar .brand-logo { max-width: 180px; max-height: 50px; }
body.site-unified .modern-navbar .navbar-nav { gap: .12rem; }
body.site-unified .modern-navbar .nav-link { min-height: 42px; padding: .55rem .75rem !important; font-size: .9rem !important; font-weight: 600; color: rgba(255,255,255,.88) !important; }
body.site-unified .modern-navbar .nav-link i { display: none; }
body.site-unified .modern-navbar .nav-link:hover, body.site-unified .modern-navbar .nav-link:focus-visible { color: #fff !important; background: rgba(255,255,255,.09); }
body.site-unified .modern-navbar .navbar-nav > .nav-item:nth-last-of-type(2) > .nav-link { padding-inline: 1rem !important; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); }
body.site-unified .modern-navbar .dropdown-menu .dropdown-item i { display: inline-block; color: var(--site-primary); }
body.site-unified #floatingTranslateBtn { display: flex !important; align-items: center; justify-content: center; width: 46px; height: 46px; min-width: 0 !important; padding: 0 !important; top: auto !important; bottom: 1rem !important; right: 1rem !important; left: auto !important; transform: none !important; border-radius: 50% !important; opacity: .9 !important; }
body.site-unified #floatingTranslateBtn > div { display: none; }

/* Quiet editorial headers and a single card vocabulary. */
body.site-unified .page-header, body.site-unified .breadcrumb-section,
body.site-unified .filter-section, body.site-unified .modern-category-card,
body.site-unified .course-card, body.site-unified .course-info-section,
body.site-unified .course-files-section, body.site-unified .course-playlist-section,
body.site-unified .controls-section, body.site-unified .card:not(.bg-transparent) {
    border: 1px solid var(--site-border) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--site-shadow) !important;
}
body.site-unified .page-header { padding: clamp(1.5rem, 3vw, 2.4rem) !important; }
body.site-unified .page-header h1 { color: var(--site-ink) !important; }
body.site-unified .page-header h1 > i, body.site-unified .page-header h1 .text-purple { color: var(--site-primary) !important; }
body.site-unified .page-header p, body.site-unified .text-purple-light { color: var(--site-muted) !important; }
body.site-unified .breadcrumb { border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: .85rem; }
body.site-unified .breadcrumb a, body.site-unified .breadcrumb-link { color: var(--site-primary) !important; }
body.site-unified .breadcrumb-item.active { color: var(--site-muted) !important; }
body.site-unified .modern-category-card > .card-header,
body.site-unified main .card:not(.program-card) > .card-header:not(.bg-dark) { border: 0 !important; border-bottom: 1px solid var(--site-border) !important; background: #fbf7f4 !important; color: var(--site-ink) !important; }
body.site-unified .modern-category-card > .card-header h1, body.site-unified .modern-category-card > .card-header h2,
body.site-unified .modern-category-card > .card-header h3, body.site-unified .modern-category-card > .card-header h4,
body.site-unified .modern-category-card > .card-header h5,
body.site-unified main .card:not(.program-card) > .card-header h1,
body.site-unified main .card:not(.program-card) > .card-header h2,
body.site-unified main .card:not(.program-card) > .card-header h3,
body.site-unified main .card:not(.program-card) > .card-header h4,
body.site-unified main .card:not(.program-card) > .card-header h5 { color: var(--site-ink) !important; text-shadow: none !important; }
body.site-unified .modern-category-card > .card-header p { color: var(--site-muted) !important; }
body.site-unified .course-list-page, body.site-unified .course-detail-page { min-height: 0 !important; background: transparent !important; }
body.site-unified .course-card { overflow: hidden; }
body.site-unified .course-card-inner { background: #fff !important; }
body.site-unified .course-cover { background: #f0e8e5 !important; }
body.site-unified .course-name, body.site-unified .course-title { color: var(--site-ink) !important; }
body.site-unified .category-pill { border: 1px solid #e3d3d6 !important; background: #fff !important; color: var(--site-primary) !important; }
body.site-unified .category-pill.active, body.site-unified .category-pill:hover { border-color: var(--site-primary) !important; background: #f8eff1 !important; color: var(--site-primary) !important; }
body.site-unified .course-detail-page .video-section, body.site-unified .course-detail-page .video-player-container { background: #151515 !important; }
body.site-unified .course-detail-page .course-info-content { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.site-unified .course-detail-page .playlist-item { border: 1px solid var(--site-border); background: #fff; }
body.site-unified .course-detail-page .playlist-item.current-playing { border-color: #d8b9c2; background: #fbf6f7; }

/* Public content and forms use the same spacing and brand colors. */
body.site-unified .hero-section { overflow: hidden; border: 1px solid #eadde0 !important; border-radius: 22px !important; background: #fff !important; color: var(--site-ink) !important; box-shadow: var(--site-shadow); }
body.site-unified main.container > .container-fluid > .hero-section { min-height: 0 !important; padding: clamp(3.25rem, 6vw, 5.5rem) 1.25rem !important; }
body.site-unified .hero-section::before { display: none !important; }
body.site-unified .hero-section h1, body.site-unified .hero-section h2,
body.site-unified .hero-section h3, body.site-unified .hero-section p { color: var(--site-ink) !important; text-shadow: none !important; }
body.site-unified .hero-section h1 > i, body.site-unified .hero-section h2 > i { color: var(--site-primary) !important; }
body.site-unified .program-card, body.site-unified .exam-card, body.site-unified .feature-item,
body.site-unified .gallery-card { overflow: hidden; border: 1px solid var(--site-border) !important; border-radius: 18px !important; background: #fff !important; color: var(--site-ink) !important; box-shadow: var(--site-shadow) !important; }
body.site-unified .program-card h3, body.site-unified .program-card h4, body.site-unified .program-card h5,
body.site-unified .program-card p, body.site-unified .program-card strong { color: var(--site-ink) !important; }
body.site-unified .program-card > i, body.site-unified .program-card .fa-globe,
body.site-unified .program-card .fa-home { color: var(--site-primary) !important; }
body.site-unified .program-card .feature-item { border: 1px solid #eee5e3 !important; background: #fcfaf8 !important; box-shadow: none !important; }
body.site-unified .program-card .feature-item i { color: var(--site-primary) !important; }
body.site-unified main .feature-item i, body.site-unified main .advantage-item i,
body.site-unified main .exam-card i { color: var(--site-primary) !important; }
body.site-unified main.container > .container-fluid > section { border-radius: 18px; }
body.site-unified main.container > .container-fluid > section:not(.hero-section) { background: transparent !important; }
body.site-unified main.container > .container-fluid > section#sinav-hazirligi h2,
body.site-unified main.container > .container-fluid > section#sinav-hazirligi p,
body.site-unified main.container > .container-fluid > section#sinav-hazirligi h4 { color: var(--site-ink) !important; }
body.site-unified main.container > .container-fluid > section#sinav-hazirligi i { color: var(--site-primary) !important; }
body.site-unified main.container > .container-fluid > section:last-of-type h2 { color: var(--site-ink) !important; }
body.site-unified main.container > .container-fluid > section:last-of-type p { color: var(--site-muted) !important; }
body.site-unified main.container > .container-fluid > section:last-of-type .btn { border: 1px solid var(--site-primary) !important; background: var(--site-primary) !important; color: #fff !important; }
body.site-unified .program-card:hover, body.site-unified .exam-card:hover, body.site-unified .course-card:hover { transform: translateY(-3px) !important; box-shadow: 0 18px 40px rgba(59,31,40,.11) !important; }
body.site-unified .form-control, body.site-unified .form-select { min-height: 46px; border-color: #ded5d3 !important; border-radius: 10px !important; }
body.site-unified .form-control:focus, body.site-unified .form-select:focus { border-color: var(--site-primary) !important; box-shadow: 0 0 0 4px rgba(112,32,56,.1) !important; }
body.site-unified .btn { border-radius: 10px !important; }
body.site-unified .btn-primary, body.site-unified .btn-warning, body.site-unified .btn-dark,
body.site-unified .btn-watch, body.site-unified .btn-register { border-color: var(--site-primary) !important; background: var(--site-primary) !important; color: #fff !important; }
body.site-unified .btn-primary:hover, body.site-unified .btn-warning:hover, body.site-unified .btn-dark:hover,
body.site-unified .btn-watch:hover, body.site-unified .btn-register:hover { border-color: var(--site-primary-dark) !important; background: var(--site-primary-dark) !important; }
body.site-unified .btn-outline-primary, body.site-unified .btn-outline-dark { border-color: #d9c5ca !important; background: #fff !important; color: var(--site-primary) !important; }
body.site-unified .btn-outline-primary:hover, body.site-unified .btn-outline-dark:hover { background: #fbf3f4 !important; }
body.site-unified .text-primary, body.site-unified .text-purple, body.site-unified .section-title { color: var(--site-primary) !important; }
body.site-unified .bg-primary, body.site-unified .bg-purple { background: var(--site-primary) !important; color: #fff !important; }
body.site-unified .accordion-item { border-color: var(--site-border) !important; border-radius: 14px !important; }
body.site-unified .accordion-button:not(.collapsed) { background: #fbf4f4 !important; color: var(--site-primary) !important; }

body.site-unified .modern-footer { margin-top: 0 !important; background: #431725 !important; }
body.site-unified .modern-footer .footer-content { max-width: 1376px; }
body.site-unified .modern-footer .footer-content > .row:first-child { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,1.6fr); gap: clamp(1rem, 2vw, 2rem); }
body.site-unified .modern-footer .footer-content > .row:first-child > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; }
body.site-unified .modern-footer .brand-logo { max-width: 185px !important; max-height: 54px !important; }
body.site-unified .modern-footer h6 { color: #f2d8b1 !important; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.site-unified .modern-footer h6 i { display: none; }
body.site-unified .modern-footer p, body.site-unified .modern-footer a { color: rgba(255,255,255,.77) !important; text-shadow: none !important; }
body.site-unified .modern-footer .contact-info p { overflow-wrap: anywhere; }
body.site-unified .modern-footer .whatsapp-icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; color: #fff !important; font-size: 1.6rem !important; }
@media (max-width: 1199.98px) {
    body.site-unified .modern-navbar { min-height: 70px; }
    body.site-unified .modern-navbar .navbar-nav > .nav-item:nth-last-of-type(2) > .nav-link { border: 0; background: none; }
    body.site-unified .modern-footer .footer-content > .row:first-child { grid-template-columns: repeat(2, minmax(0,1fr)); }
    body.site-unified .modern-footer .footer-content > .row:first-child > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
    body.site-unified main.container { padding: 1rem 1rem 3rem; }
    body.site-unified .page-header { padding: 1.25rem !important; }
    body.site-unified .page-header h1 { font-size: clamp(1.8rem, 7vw, 2.35rem); }
    body.site-unified .modern-footer { padding-bottom: 5rem !important; }
    body.site-unified .modern-footer .footer-content > .row:first-child { grid-template-columns: 1fr; gap: 1.25rem; }
    body.site-unified .modern-footer .footer-content > .row:first-child > :first-child { grid-column: auto; }
    body.site-unified .course-detail-page > .container-fluid { padding-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { body.site-unified *, body.site-unified *::before, body.site-unified *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }