/* --------------------------------------------------------------------------
   Renkli Buluşmalar / Temmuz 2026
   Aydınlık, doygun ve çağdaş görünüm.
   Bu dosya experience.css üzerine yalnızca kamusal deneyimi yeniden yorumlar.
   -------------------------------------------------------------------------- */

:root {
    --orbit-canvas: #fff8ef;
    --orbit-paper: #fffdf9;
    --orbit-ink: #2d2038;
    --orbit-muted: #6f6373;
    --orbit-violet: #5b33bd;
    --orbit-violet-deep: #43228f;
    --orbit-coral: #ff725e;
    --orbit-saffron: #ffc83d;
    --orbit-aqua: #37cbb3;
    --orbit-lilac: #b89de8;
    --orbit-pink: #ffb5c6;
    --orbit-line: rgba(45, 32, 56, .15);
    --orbit-shadow: 0 24px 68px rgba(73, 42, 99, .15);
    --orbit-shadow-small: 0 12px 34px rgba(73, 42, 99, .11);
    --acid: var(--orbit-violet);
    --acid-dark: var(--orbit-violet-deep);
    --music: var(--orbit-coral);
    --psychology: var(--orbit-aqua);
    --theatre: #b9879e;
    --display: "Iowan Old Style", "Baskerville", "Georgia", "Times New Roman", serif;
}

.experience-shell {
    color: var(--orbit-ink);
    background: var(--orbit-canvas);
}

.experience-shell ::selection {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
}

.experience-shell :focus-visible {
    outline: 3px solid var(--orbit-violet);
    outline-offset: 4px;
}

/* Üst şerit ve navigasyon */
.experience-shell .announcement {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border-color: rgba(45, 32, 56, .18);
    font-weight: 700;
    letter-spacing: .05em;
}

.experience-shell .announcement a {
    color: var(--orbit-ink);
    border-color: rgba(45, 32, 56, .35);
}

.experience-shell .pulse-dot {
    background: var(--orbit-coral);
    box-shadow: 0 0 0 5px rgba(255, 114, 94, .18);
}

.experience-shell .site-header,
.experience-shell .site-header.is-scrolled {
    color: var(--orbit-ink);
    background: rgba(255, 248, 239, .92);
    border-color: var(--orbit-line);
    box-shadow: 0 10px 34px rgba(67, 34, 143, .06);
    backdrop-filter: blur(18px);
}

.experience-shell .brand-mark {
    color: #fff;
    background:
        linear-gradient(135deg, var(--orbit-violet) 0 49%, var(--orbit-coral) 50% 100%);
    border: 0;
    border-radius: 16px;
    box-shadow: 5px 5px 0 var(--orbit-saffron);
    transform: rotate(-3deg);
}

.experience-shell .brand-mark i { color: rgba(255, 255, 255, .45); }
.experience-shell .brand-copy strong {
    color: var(--orbit-ink);
    font-size: 21px;
    font-weight: 600;
}

.experience-shell .brand-copy small { color: var(--orbit-muted); }
.experience-shell .desktop-nav a,
.experience-shell .ticket-link {
    color: #5f5366;
    font-weight: 650;
}

.experience-shell .desktop-nav a:hover,
.experience-shell .desktop-nav a.is-active { color: var(--orbit-violet); }
.experience-shell .desktop-nav a::after {
    height: 3px;
    background: linear-gradient(90deg, var(--orbit-violet), var(--orbit-coral));
}

.experience-shell .ticket-link__dot {
    background: var(--orbit-aqua);
    box-shadow: 0 0 0 4px rgba(55, 203, 179, .17);
}

.experience-shell .button {
    min-height: 46px;
    color: var(--orbit-ink);
    background: var(--orbit-paper);
    border: 1.5px solid var(--orbit-ink);
    border-radius: 14px;
    font-weight: 750;
    letter-spacing: .025em;
    box-shadow: 4px 4px 0 rgba(45, 32, 56, .13);
}

.experience-shell .button:hover {
    color: #fff;
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
    box-shadow: 7px 7px 0 rgba(45, 32, 56, .16);
    transform: translate(-2px, -2px);
}

.experience-shell .button--acid,
.experience-shell .button--clay {
    color: #fff;
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
    box-shadow: 5px 5px 0 var(--orbit-saffron);
}

.experience-shell .button--acid:hover,
.experience-shell .button--clay:hover {
    color: #fff;
    background: var(--orbit-violet-deep);
    border-color: var(--orbit-violet-deep);
    box-shadow: 7px 7px 0 var(--orbit-coral);
}

.experience-shell .button--ghost-light {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border-color: var(--orbit-saffron);
}

.experience-shell .button--ghost-light:hover {
    color: #fff;
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
}

.experience-shell .button--disabled,
.experience-shell .button:disabled {
    color: #6c6270;
    background: #e8e1e7;
    border-color: #d1c8d1;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .78;
}

.experience-shell .menu-toggle {
    color: #fff;
    background: var(--orbit-violet);
    border-radius: 14px;
    box-shadow: 4px 4px 0 var(--orbit-saffron);
}

.experience-shell .menu-toggle > span:not(.sr-only) { background: #fff; }
.experience-shell .mobile-menu {
    color: var(--orbit-ink);
    background: var(--orbit-canvas);
    border-color: var(--orbit-line);
}

.experience-shell .mobile-menu a {
    border-color: var(--orbit-line);
    font-weight: 600;
}

.experience-shell .mobile-menu a:nth-child(2) { color: #c64038; }
.experience-shell .mobile-menu a:nth-child(3) { color: #177967; }
.experience-shell .mobile-menu a:nth-child(4) { color: #a65f7f; }

.experience-shell .eyebrow {
    color: var(--orbit-violet);
    font-weight: 750;
    letter-spacing: .1em;
}

.experience-shell .eyebrow > span { background: var(--orbit-coral); }
.experience-shell .eyebrow--light { color: #fff; }
.experience-shell .text-link {
    color: var(--orbit-ink);
    font-weight: 750;
    border-color: currentColor;
}

/* Ana ekran: renkli bir kültür afişi */
.night-hero {
    min-height: auto;
    color: var(--orbit-ink);
    background:
        radial-gradient(circle at 88% 14%, rgba(184, 157, 232, .34), transparent 23%),
        radial-gradient(circle at 8% 58%, rgba(55, 203, 179, .18), transparent 26%),
        var(--orbit-canvas);
}

.night-hero__meta {
    min-height: auto;
    padding: 22px 0;
    justify-content: flex-start;
    gap: 10px;
    color: var(--orbit-ink);
    border: 0;
    letter-spacing: .03em;
}

.night-hero__meta span {
    padding: 8px 13px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--orbit-line);
    border-radius: 999px;
}

.night-hero__meta span:nth-child(1) { background: #ffe7a0; }
.night-hero__meta span:nth-child(2) { background: #d9f5ed; }
.night-hero__meta span:nth-child(3) { background: #eadffc; }

.night-hero__grid {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, .64fr);
    gap: clamp(42px, 6vw, 86px);
    padding: clamp(52px, 6vw, 84px);
    margin: 0 0 24px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .33), transparent 20%),
        linear-gradient(130deg, #ffdd62 0%, #ffa079 47%, #bea6f2 100%);
    border: 1px solid rgba(45, 32, 56, .16);
    border-radius: 48px;
    box-shadow: var(--orbit-shadow);
}

.night-hero h1 {
    max-width: 780px;
    margin-bottom: 30px;
    color: var(--orbit-ink);
    font-size: clamp(72px, 8.5vw, 126px);
    font-weight: 600;
    line-height: .82;
    letter-spacing: -.06em;
}

.night-hero__accent {
    color: #fff;
    font-style: italic;
    text-shadow: 2px 2px 0 rgba(45, 32, 56, .14);
}

.night-hero__lead {
    max-width: 610px;
    color: rgba(45, 32, 56, .84);
    font-size: clamp(16px, 1.45vw, 19px);
    font-weight: 530;
    line-height: 1.7;
}

.night-hero__actions .text-link { color: var(--orbit-ink); }
.night-hero__ticker {
    min-height: 68px;
    justify-content: center;
    gap: clamp(14px, 3vw, 40px);
    color: var(--orbit-ink);
    border: 0;
    font-size: 12px;
    font-weight: 800;
}

.night-hero__ticker span { padding: 7px 0; }
.night-hero__ticker span:nth-of-type(1) { color: #c64038; }
.night-hero__ticker span:nth-of-type(2) { color: #177967; }
.night-hero__ticker span:nth-of-type(3) { color: #a65f7f; }
.night-hero__ticker i { color: var(--orbit-ink); font-size: 8px; }

.hero-ticket {
    --event-color: var(--orbit-aqua);
    min-height: 520px;
    padding: 18px;
    color: var(--orbit-ink);
    background: var(--orbit-paper);
    border: 2px solid var(--orbit-ink);
    border-radius: 28px;
    box-shadow: 13px 13px 0 rgba(45, 32, 56, .19);
    backdrop-filter: none;
    transform: rotate(1.5deg);
    transition: transform .35s ease, box-shadow .35s ease;
}

.hero-ticket:hover {
    box-shadow: 17px 17px 0 rgba(45, 32, 56, .17);
    transform: rotate(0) translateY(-4px);
}

.hero-ticket--music { --event-color: var(--orbit-coral); }
.hero-ticket--psychology { --event-color: var(--orbit-aqua); }
.hero-ticket--theatre { --event-color: #ad718d; }

.hero-ticket::before {
    width: 7px;
    inset: 18px auto 18px 0;
    background: var(--event-color);
    border-radius: 0 8px 8px 0;
}

.hero-ticket__signal {
    position: relative;
    min-height: 205px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 200, 61, .82), rgba(255, 114, 94, .78)),
        var(--event-color);
    border: 0;
    border-radius: 20px;
}

.hero-ticket__signal--image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(45, 32, 56, .28));
}

.hero-ticket__signal img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.08) contrast(1.02);
}

.hero-ticket__signal > span:not(.hero-ticket__datebadge) {
    background: #fff;
    box-shadow: none;
}

.hero-ticket__signal > .hero-ticket__datebadge {
    position: absolute;
    z-index: 2;
    right: 14px;
    bottom: 14px;
    width: 76px;
    height: 76px;
    display: grid;
    place-content: center;
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border: 2px solid var(--orbit-ink);
    border-radius: 50%;
    text-align: center;
    line-height: 1;
}

.hero-ticket__datebadge strong {
    font-family: var(--display);
    font-size: 33px;
    font-weight: 650;
}

.hero-ticket__datebadge small {
    margin-top: 2px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

.hero-ticket__head,
.hero-ticket__facts span,
.hero-ticket__footer span,
.hero-ticket__facts small { color: #716676; }

.hero-ticket__title strong {
    color: var(--orbit-ink);
    font-size: clamp(29px, 2.6vw, 39px);
    font-weight: 600;
}

.hero-ticket__title small { color: var(--orbit-violet); font-weight: 800; }
.hero-ticket__facts { border-color: var(--orbit-line); }
.hero-ticket__facts > div + div { border-color: var(--orbit-line); }
.hero-ticket__facts strong,
.hero-ticket__footer > div strong { color: var(--orbit-ink); font-weight: 650; }

/* Üç ana tema: canlı renk portalları */
.frequency-section {
    color: var(--orbit-ink);
    background: #fff0e8;
    border: 0;
}

.frequency-section__head h2,
.program-section__head h2,
.about-night h2,
.faq-preview h2,
.newsletter h2,
.night-poster h2 {
    color: var(--orbit-ink);
    font-size: clamp(52px, 6.4vw, 92px);
    font-weight: 600;
    line-height: .9;
}

.frequency-section__head h2 em,
.program-section__head h2 em,
.about-night h2 em,
.faq-preview h2 em,
.newsletter h2 em,
.night-poster h2 em {
    color: var(--orbit-violet);
    font-weight: 500;
}

.frequency-section__head > p,
.program-section__aside > p { color: var(--orbit-muted); }
.frequency-grid {
    align-items: start;
    gap: 22px;
    border: 0;
}

.frequency-card {
    --card-bg: #fff;
    min-height: 500px;
    padding: 30px;
    color: var(--orbit-ink);
    background: var(--card-bg);
    border: 2px solid rgba(45, 32, 56, .75);
    border-radius: 34px;
    box-shadow: 9px 9px 0 rgba(45, 32, 56, .12);
}

.frequency-card--music {
    --track: var(--orbit-ink);
    --card-bg: var(--orbit-coral);
    border-radius: 34px 110px 34px 34px;
}

.frequency-card--psychology {
    --track: var(--orbit-ink);
    --card-bg: var(--orbit-aqua);
    margin-top: 42px;
}

.frequency-card--theatre {
    --track: #fff;
    --card-bg: #b76f8e;
    color: #fff;
    border-radius: 110px 34px 34px 34px;
}

.frequency-card:hover {
    background: var(--card-bg);
    box-shadow: 14px 14px 0 rgba(45, 32, 56, .15);
    transform: translate(-3px, -6px);
}

.frequency-card::after {
    left: 30px;
    right: 30px;
    bottom: 20px;
    width: auto;
    height: 4px;
    background: currentColor;
}

.frequency-card__index {
    color: currentColor;
    font-weight: 800;
    opacity: .75;
}

.frequency-card__art {
    position: relative;
    min-height: 260px;
    overflow: hidden;
    border: 2px solid rgba(45, 32, 56, .65);
    border-radius: 24px;
    opacity: 1;
    isolation: isolate;
}

.frequency-card__art::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(45, 32, 56, .03) 28%, rgba(45, 32, 56, .48) 100%);
    pointer-events: none;
}

.frequency-card__art > img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s var(--ease-out), filter .55s var(--ease-out);
}

.frequency-card__art--music > img { object-position: 50% 50%; }
.frequency-card__art--psychology > img { object-position: 52% 50%; }
.frequency-card__art--theatre > img { object-position: 50% 45%; }

.frequency-card:hover .frequency-card__art > img {
    filter: saturate(1.08) contrast(1.03);
    transform: scale(1.045);
}

.frequency-card--static {
    cursor: default;
}

.frequency-card--static:hover {
    box-shadow: 9px 9px 0 rgba(45, 32, 56, .12);
    transform: none;
}

.frequency-card--static:hover .frequency-card__art > img {
    filter: none;
    transform: none;
}

.frequency-card__art > i,
.frequency-card__art > b {
    z-index: 2;
}

.frequency-card__art--music i {
    position: relative;
    background: #fff;
    box-shadow: 0 0 22px rgba(255, 255, 255, .7);
}

.frequency-card__copy h3 {
    color: currentColor;
    font-size: clamp(43px, 4vw, 59px);
    font-weight: 650;
}

.frequency-card__copy p {
    max-width: 31ch;
    color: currentColor;
    font-weight: 530;
    opacity: .82;
}

.frequency-card__copy > span {
    display: inline-flex;
    width: max-content;
    padding: 9px 13px;
    color: var(--orbit-ink);
    background: rgba(255, 255, 255, .78);
    border-radius: 999px;
    font-weight: 800;
}

/* Program: iki sütunlu görsel bilet kartları */
.program-section,
.program-listing,
.about-night,
.experience-shell .event-content,
.experience-shell .checkout-page,
.experience-shell .success-page,
.experience-shell .lookup-page,
.experience-shell .lookup-result,
.experience-shell .status-page,
.experience-shell .provider-page,
.experience-shell .legal-page,
.experience-shell .editorial-page,
.experience-shell .error-page {
    color: var(--orbit-ink);
    background: var(--orbit-canvas);
}

.program-section__head h2 em { color: var(--orbit-coral); }
.experience-shell .category-tabs {
    gap: 9px;
    border: 0;
}

.experience-shell .category-tabs a {
    min-height: 46px;
    padding: 0 18px;
    color: var(--orbit-ink);
    background: #fff;
    border: 1.5px solid var(--orbit-line);
    border-radius: 14px;
    font-weight: 750;
}

.experience-shell .category-tabs a:nth-child(2) { background: #ffe1d8; }
.experience-shell .category-tabs a:nth-child(3) { background: #dcf7ef; }
.experience-shell .category-tabs a:nth-child(4) { background: #f2d7e2; }
.experience-shell .category-tabs a:hover,
.experience-shell .category-tabs a.is-active {
    color: #fff;
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
    box-shadow: 4px 4px 0 var(--orbit-saffron);
}

.experience-shell .category-tabs a[href*="tur=music"].is-active {
    color: var(--orbit-ink);
    background: var(--orbit-coral);
    border-color: var(--orbit-ink);
}

.experience-shell .category-tabs a[href*="tur=psychology"].is-active {
    color: var(--orbit-ink);
    background: var(--orbit-aqua);
    border-color: var(--orbit-ink);
}

.experience-shell .category-tabs a[href*="tur=theatre"].is-active {
    color: #fff;
    background: #a65f7f;
    border-color: #a65f7f;
}

.experience-shell .event-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.experience-shell .event-card {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 270px auto auto;
    color: var(--orbit-ink);
    background: #fff;
    border: 1.5px solid var(--orbit-line);
    border-radius: 28px;
    box-shadow: var(--orbit-shadow-small);
    overflow: hidden;
}

.experience-shell .event-card--music { --event-color: var(--orbit-coral); }
.experience-shell .event-card--psychology { --event-color: #229b87; }
.experience-shell .event-card--theatre { --event-color: #a65f7f; }
.experience-shell .event-card:last-child { border-bottom: 1.5px solid var(--orbit-line); }
.experience-shell .event-card::before {
    z-index: 5;
    inset: 0 0 auto;
    width: auto;
    height: 7px;
    background: var(--event-color);
    transform: scaleX(.18);
    transform-origin: left;
}

.experience-shell .event-card:hover {
    background: #fff;
    box-shadow: 0 25px 58px rgba(73, 42, 99, .18);
    transform: translateY(-6px);
}

.experience-shell .event-card:hover::before { transform: scaleX(1); }
.experience-shell .event-card__date {
    position: absolute;
    z-index: 6;
    top: 18px;
    right: 18px;
    width: 78px;
    height: 78px;
    min-height: 0;
    gap: 1px;
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border: 2px solid var(--orbit-ink);
    border-radius: 50%;
    box-shadow: 4px 4px 0 rgba(45, 32, 56, .17);
}

.experience-shell .event-card__date > span { font-size: 9px; }
.experience-shell .event-card__date strong {
    font-size: 35px;
    font-weight: 650;
}

.experience-shell .event-card__date small { color: var(--orbit-ink); font-size: 8px; }
.experience-shell .event-card__visual {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 270px;
    border: 0;
    filter: none;
}

.experience-shell .event-card__visual::before {
    background: linear-gradient(180deg, transparent 45%, rgba(45, 32, 56, .42));
}

.experience-shell .event-card__visual::after {
    background: linear-gradient(115deg, rgba(255, 200, 61, .14), transparent 52%);
}

.experience-shell .event-card__image {
    filter: saturate(1.08) contrast(1.02);
}

.experience-shell .event-card:hover .event-card__image {
    filter: saturate(1.16) contrast(1.02);
    transform: scale(1.035);
}

.experience-shell .event-card__number {
    left: 20px;
    right: auto;
    bottom: 16px;
    padding: 7px 10px;
    color: var(--orbit-ink);
    background: rgba(255, 255, 255, .86);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.experience-shell .event-card__body {
    grid-column: 1 / -1;
    padding: 27px 28px 18px;
    border: 0;
}

.experience-shell .event-card__meta {
    color: var(--orbit-muted);
    font-size: 9px;
    font-weight: 750;
}

.experience-shell .event-card__meta span:first-child { color: var(--event-color); }
.experience-shell .event-card h3 {
    color: var(--orbit-ink);
    font-size: clamp(30px, 3vw, 43px);
    font-weight: 650;
    line-height: .98;
}

.experience-shell .event-card__body > p {
    color: #665b6a;
    font-size: 13px;
}

.experience-shell .event-card__artist {
    color: var(--orbit-muted);
    font-size: 9px;
    font-weight: 750;
}

.experience-shell .event-card__purchase {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 0 28px 28px;
}

.experience-shell .event-card__availability { min-height: 0; margin-right: auto; }
.experience-shell .availability {
    padding: 7px 10px;
    color: #185f50;
    background: #d9f5ed;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.experience-shell .availability--low {
    color: #8a2922;
    background: #ffe0da;
}

.experience-shell .event-card__price span,
.experience-shell .event-card__detail { color: var(--orbit-muted); }
.experience-shell .event-card__price strong {
    color: var(--orbit-ink);
    font-size: 25px;
    font-weight: 650;
}

.experience-shell .event-card__buy { min-height: 44px; }
.experience-shell .event-card__detail {
    border-color: currentColor;
    font-size: 9px;
    font-weight: 800;
}

/* Fotoğraf, güven ve anlatı ritmi */
.night-poster {
    min-height: 710px;
    color: #fff;
    background: var(--orbit-violet-deep);
}

.night-poster__image::after {
    background:
        linear-gradient(180deg, rgba(45, 32, 56, .05), rgba(45, 32, 56, .64)),
        linear-gradient(105deg, rgba(255, 114, 94, .56), rgba(91, 51, 189, .24) 66%, rgba(55, 203, 179, .18));
}

.night-poster__image img { filter: saturate(1.08) brightness(1.05) contrast(1.02); }
.night-poster h2 { color: #fff; text-shadow: 0 4px 30px rgba(45, 32, 56, .2); }
.night-poster h2 em { color: #ffe486; }
.night-poster__content > div:last-child p { color: rgba(255, 255, 255, .84); }

.trust-band {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border-color: rgba(45, 32, 56, .25);
}

.trust-band span,
.trust-band span:first-child,
.trust-band span:nth-child(2),
.trust-band span:nth-child(-n+2) { border-color: rgba(45, 32, 56, .22); }
.trust-band b { color: var(--orbit-violet); }

.about-night { background: #ddf5ed; }
.about-night__portrait {
    background: var(--orbit-aqua);
    border: 2px solid var(--orbit-ink);
    border-radius: 42px 170px 42px 170px;
    box-shadow: 16px 16px 0 var(--orbit-coral), -12px -12px 0 var(--orbit-saffron);
}

.about-night__portrait img { filter: saturate(1.06) contrast(1.01); }
.about-night h2 em { color: var(--orbit-violet); }
.about-night__lead { color: #564b5b; }
.about-night__notes {
    border: 0;
    border-radius: 20px;
    gap: 10px;
}

.about-night__notes p {
    color: var(--orbit-ink);
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(45, 32, 56, .11);
    border-radius: 16px;
}

.experience-shell .faq-preview {
    color: var(--orbit-ink);
    background:
        radial-gradient(circle at 10% 18%, rgba(255, 200, 61, .38), transparent 22%),
        #e9defa;
}

.experience-shell .faq-preview h2 { color: var(--orbit-ink); }
.experience-shell .faq-preview h2 em { color: var(--orbit-violet); }
.experience-shell .faq-preview .eyebrow { color: var(--orbit-violet); }
.experience-shell .faq-grid > div:first-child > p:last-child,
.experience-shell .accordion__content > p { color: #5e5263; }
.experience-shell .accordion,
.experience-shell .accordion__item { border-color: rgba(45, 32, 56, .2); }
.experience-shell .accordion__item button { color: var(--orbit-ink); }
.experience-shell .accordion__item button small { color: var(--orbit-violet); }
.experience-shell .accordion__item button i {
    color: var(--orbit-ink);
    border-color: rgba(45, 32, 56, .35);
}

.experience-shell .accordion__item.is-open button i {
    color: #fff;
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
}

.experience-shell .newsletter {
    color: var(--orbit-ink);
    background:
        radial-gradient(circle at 90% 12%, rgba(255, 200, 61, .5), transparent 25%),
        var(--orbit-coral);
    border-color: rgba(45, 32, 56, .2);
}

.experience-shell .newsletter h2 { color: var(--orbit-ink); }
.experience-shell .newsletter h2 em { color: #fff; }
.experience-shell .newsletter .eyebrow--light,
.experience-shell .newsletter-form label,
.experience-shell .newsletter-form > p { color: rgba(45, 32, 56, .82); }
.experience-shell .newsletter-form > div { border-color: rgba(45, 32, 56, .55); }
.experience-shell .newsletter-form input { color: var(--orbit-ink); }
.experience-shell .newsletter-form input::placeholder { color: rgba(45, 32, 56, .56); }
.experience-shell .newsletter-form button {
    color: #fff;
    background: var(--orbit-violet);
    border-radius: 14px;
}

.experience-shell .site-footer {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border-color: rgba(45, 32, 56, .22);
}

.experience-shell .site-footer .brand-copy strong { color: var(--orbit-ink); }
.experience-shell .site-footer .brand-copy small,
.experience-shell .footer-brand p,
.experience-shell .footer-links a,
.experience-shell .footer-bottom { color: rgba(45, 32, 56, .72); }
.experience-shell .footer-links h2 { color: var(--orbit-violet); }
.experience-shell .footer-bottom,
.footer-frequency { border-color: rgba(45, 32, 56, .2); }
.footer-frequency span { background: var(--orbit-violet); border-radius: 999px; }

/* Program ve etkinlik detay kahramanları */
.program-hero {
    min-height: 530px;
    color: var(--orbit-ink);
    background:
        radial-gradient(circle at 85% 28%, rgba(255, 255, 255, .35), transparent 22%),
        linear-gradient(130deg, #ffe069 0%, #ffa37f 47%, #c2acf0 100%);
}

.program-hero__meta {
    color: var(--orbit-ink);
    border-color: rgba(45, 32, 56, .18);
}

.program-hero__meta span {
    padding: 8px 12px;
    background: rgba(255, 255, 255, .48);
    border-radius: 999px;
}

.program-hero h1 {
    color: var(--orbit-ink);
    font-size: clamp(74px, 9.4vw, 132px);
    font-weight: 600;
}

.program-hero h1 em { color: #fff; text-shadow: 2px 2px 0 rgba(45, 32, 56, .13); }
.program-hero__grid > p { color: rgba(45, 32, 56, .82); font-weight: 530; }
.listing-note {
    color: var(--orbit-ink);
    background: #dcf7ef;
    border-color: rgba(45, 32, 56, .16);
}

.listing-note span::before,
.listing-note a { color: var(--orbit-violet); }

.experience-shell .event-hero {
    color: var(--orbit-ink);
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .4), transparent 20%),
        linear-gradient(135deg, #ffe274, #ffb087 48%, #c9b6f4);
}

.experience-shell .event-hero--music {
    background: linear-gradient(135deg, #ffe077, #ff8d75 58%, #ffc0cc);
}

.experience-shell .event-hero--psychology {
    background: linear-gradient(135deg, #ffdf6b, #66ddc9 58%, #c4f4ea);
}

.experience-shell .event-hero--theatre {
    background: linear-gradient(135deg, #ffd978, #d995b1 58%, #dfc6d2);
}

.experience-shell .event-hero__topline {
    color: rgba(45, 32, 56, .72);
    border-color: rgba(45, 32, 56, .2);
}

.experience-shell .event-hero__topline .back-link { color: var(--orbit-ink); }
.experience-shell .event-hero__tags span {
    color: var(--orbit-ink);
    background: rgba(255, 255, 255, .62);
    border-color: rgba(45, 32, 56, .22);
    border-radius: 999px;
    font-weight: 750;
}

.experience-shell .event-hero h1 {
    color: var(--orbit-ink);
    font-size: clamp(62px, 7.5vw, 110px);
    font-weight: 600;
}

.experience-shell .event-hero__copy > p { color: rgba(45, 32, 56, .8); }
.experience-shell .event-facts {
    background: rgba(255, 255, 255, .58);
    border: 1.5px solid rgba(45, 32, 56, .22);
    border-radius: 20px;
}

.experience-shell .event-facts > div { border-color: rgba(45, 32, 56, .18); }
.experience-shell .event-facts dt { color: #706474; }
.experience-shell .event-facts dd { color: var(--orbit-ink); font-weight: 650; }
.experience-shell .event-poster {
    min-height: 590px;
    border: 2px solid var(--orbit-ink);
    border-radius: 38px;
    box-shadow: 14px 14px 0 rgba(45, 32, 56, .17);
}

.experience-shell .event-poster__wash {
    background: linear-gradient(180deg, rgba(45, 32, 56, .02), rgba(45, 32, 56, .57));
}

.experience-shell .event-poster__type {
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border-radius: 999px;
}

.experience-shell .event-story h2,
.experience-shell .checkout-heading h1,
.experience-shell .success-copy h1,
.experience-shell .lookup-copy h1,
.experience-shell .editorial-page__hero h1,
.experience-shell .legal-grid h1 {
    color: var(--orbit-ink);
    font-weight: 600;
}

.experience-shell .event-story h2 em,
.experience-shell .checkout-heading h1 em,
.experience-shell .success-copy h1 em,
.experience-shell .lookup-copy h1 em { color: var(--orbit-violet); }
.experience-shell .event-story__lead { color: #594e5e; }
.experience-shell .event-detail-columns {
    border-color: var(--orbit-line);
    border-radius: 20px;
}

.experience-shell .event-detail-columns > div,
.experience-shell .timeline,
.experience-shell .timeline li,
.experience-shell .timeline li span { border-color: var(--orbit-line); }
.experience-shell .timeline li span { color: var(--orbit-violet); font-weight: 800; }
.experience-shell .notice-box {
    background: #eadffc;
    border-color: rgba(91, 51, 189, .18);
    border-radius: 20px;
}

.experience-shell .notice-box > span { background: var(--orbit-violet); }
.experience-shell .buy-panel {
    color: var(--orbit-ink);
    background: #fff;
    border: 2px solid var(--orbit-ink);
    border-radius: 26px;
    box-shadow: 11px 11px 0 var(--orbit-saffron);
}

.experience-shell .buy-panel__code {
    color: #fff;
    background: var(--orbit-violet);
    border: 0;
    border-radius: 24px 24px 0 0;
    font-weight: 800;
}

.experience-shell .buy-panel__top { border-color: var(--orbit-line); }
.experience-shell .buy-panel__top span,
.experience-shell .buy-panel__top small,
.experience-shell .buy-panel__availability small { color: var(--orbit-muted); }
.experience-shell .buy-panel__top strong,
.experience-shell .buy-panel__availability strong { color: var(--orbit-ink); }
.experience-shell .seat-meter { background: #eadffc; }
.experience-shell .seat-meter i { background: linear-gradient(90deg, var(--orbit-violet), var(--orbit-coral)); }
.experience-shell .buy-panel__notes,
.experience-shell .buy-panel__notes li { border-color: var(--orbit-line); }
.experience-shell .buy-panel__notes li { color: #5f5463; }
.experience-shell .buy-panel__notes li span { color: var(--orbit-violet); font-weight: 800; }
.experience-shell .buy-panel__legal { color: #625667; font-size: 11px; }
.experience-shell .buy-panel__legal a { color: var(--orbit-violet-deep); }
.experience-shell .mobile-buy-bar {
    color: #fff;
    background: rgba(45, 32, 56, .97);
    border-color: rgba(255, 255, 255, .16);
}

/* İçerik sayfalarında bağlamı kuran geniş fotoğraf */
.experience-shell .editorial-page__hero {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(390px, .72fr);
    grid-template-rows: auto auto 1fr;
    gap: 20px clamp(46px, 7vw, 105px);
    align-items: center;
}

.experience-shell .editorial-page__hero > .eyebrow,
.experience-shell .editorial-page__hero > h1,
.experience-shell .editorial-page__hero > p {
    grid-column: 1;
}

.experience-shell .editorial-page__hero > .eyebrow { align-self: end; }
.experience-shell .editorial-page__hero > h1 {
    max-width: 760px;
    margin-bottom: 10px;
}

.experience-shell .editorial-page__hero > p {
    max-width: 660px;
    color: #5f5463;
    font-size: clamp(17px, 1.45vw, 21px);
    line-height: 1.72;
    align-self: start;
}

.experience-shell .editorial-page__media {
    position: relative;
    grid-column: 2;
    grid-row: 1 / 4;
    min-width: 0;
    aspect-ratio: 16 / 11;
    margin: 0;
    overflow: hidden;
    background: #d9d0dc;
    border: 2px solid var(--orbit-ink);
    border-radius: 38px 128px 38px 38px;
    box-shadow: 13px 13px 0 var(--orbit-saffron);
}

.experience-shell .editorial-page--mekan .editorial-page__media {
    aspect-ratio: 4 / 5;
    border-radius: 128px 38px 38px 38px;
    box-shadow: 13px 13px 0 var(--orbit-aqua);
}

.experience-shell .editorial-page--mekan .editorial-page__media img {
    height: 100%;
    aspect-ratio: auto;
}

.experience-shell .editorial-page--sss .editorial-page__media {
    box-shadow: 13px 13px 0 var(--orbit-lilac);
}

.experience-shell .editorial-page--iletisim .editorial-page__media {
    border-radius: 38px 38px 128px 38px;
    box-shadow: 13px 13px 0 var(--orbit-coral);
}

.experience-shell .editorial-page__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    display: block;
    object-fit: cover;
    filter: saturate(1.05) contrast(1.02);
}

.experience-shell .editorial-page__media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 38%;
    background: linear-gradient(180deg, transparent, rgba(45, 32, 56, .48));
    pointer-events: none;
}

.experience-shell .editorial-page__media figcaption {
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 18px;
    max-width: calc(100% - 40px);
    padding: 9px 13px;
    color: var(--orbit-ink);
    background: var(--orbit-saffron);
    border: 1px solid var(--orbit-ink);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .045em;
}

.experience-shell .editorial-rule { margin-top: clamp(62px, 8vw, 105px); }

/* Satın alma, arama ve sonuç ekranları */
.experience-shell .checkout-steps,
.experience-shell .checkout-form,
.experience-shell .lookup-form,
.experience-shell .lookup-result__card,
.experience-shell .status-card,
.experience-shell .provider-card {
    background: #fff;
    border: 1.5px solid var(--orbit-line);
    border-radius: 24px;
    box-shadow: var(--orbit-shadow-small);
}

.experience-shell .checkout-steps span { color: #665b69; }
.experience-shell .checkout-steps span.is-active {
    color: #fff;
    background: var(--orbit-violet);
}

.experience-shell .form-section h2 { color: var(--orbit-ink); font-weight: 650; }
.experience-shell .form-section p,
.experience-shell .field > span { color: #5e5262; }
.experience-shell .field input,
.experience-shell .field textarea,
.experience-shell .field select {
    color: var(--orbit-ink);
    background: #fffdf9;
    border: 1.5px solid rgba(45, 32, 56, .25);
    border-radius: 14px;
}

.experience-shell .field input:focus,
.experience-shell .field textarea:focus,
.experience-shell .field select:focus {
    border-color: var(--orbit-violet);
    box-shadow: 0 0 0 4px rgba(91, 51, 189, .12);
}

.experience-shell .quantity-control {
    min-height: 52px;
    border: 1.5px solid rgba(45, 32, 56, .25);
    border-radius: 16px;
}

.experience-shell .quantity-control button { min-width: 48px; min-height: 48px; color: var(--orbit-ink); }
.experience-shell .quantity-control button:hover:not(:disabled) { background: #eadffc; }
.experience-shell .quantity-control button:disabled { opacity: .4; cursor: not-allowed; }
.experience-shell .check-field input + span { border-color: rgba(45, 32, 56, .38); }
.experience-shell .check-field input:checked + span {
    background: var(--orbit-violet);
    border-color: var(--orbit-violet);
}

.experience-shell .check-field input:focus-visible + span {
    outline: 3px solid var(--orbit-coral);
    outline-offset: 3px;
}

.experience-shell .order-summary {
    color: var(--orbit-ink);
    background: #ffe69a;
    border: 2px solid var(--orbit-ink);
    border-radius: 24px;
    box-shadow: 10px 10px 0 rgba(91, 51, 189, .18);
}

.experience-shell .order-summary__eyebrow { color: var(--orbit-violet-deep); }
.experience-shell .order-summary h2 { color: var(--orbit-ink); font-weight: 650; }
.experience-shell .order-summary dl,
.experience-shell .order-summary dl > div,
.experience-shell .order-summary__total { border-color: rgba(45, 32, 56, .2); }
.experience-shell .order-summary dt,
.experience-shell .order-summary__note { color: #625867; }
.experience-shell .order-summary dd,
.experience-shell .order-summary__total { color: var(--orbit-ink); }
.experience-shell .order-summary__total strong { color: var(--orbit-violet-deep); }
.experience-shell .demo-badge { background: var(--orbit-violet); }
.experience-shell .mock-card-fields {
    color: #fff;
    background: linear-gradient(135deg, var(--orbit-violet), #7d54d1);
}

.experience-shell .toast {
    color: var(--orbit-ink);
    background: #fff;
    border: 2px solid var(--orbit-ink);
    border-radius: 18px;
    box-shadow: 8px 8px 0 rgba(45, 32, 56, .16);
}

.experience-shell .toast--success { background: #dcf7ef; }
.experience-shell .toast--error { background: #ffe0da; }
.experience-shell .toast--success .toast__mark { background: #187361; }
.experience-shell .toast--error .toast__mark { background: #a9362e; }
.experience-shell .minimal-header {
    color: var(--orbit-ink);
    background: var(--orbit-canvas);
    border-color: var(--orbit-line);
}

.experience-shell .secure-label { color: #5f5463; }
.experience-shell .secure-label span { color: #177967; }

@media (max-width: 1180px) {
    .experience-shell .event-grid { gap: 18px; }
    .experience-shell .event-card__purchase { align-items: flex-end; }
    .experience-shell .event-card__detail { width: 100%; }
}

@media (max-width: 960px) {
    .night-hero__grid {
        grid-template-columns: 1fr;
        padding: clamp(42px, 7vw, 64px);
    }

    .hero-ticket {
        width: min(100%, 580px);
        transform: rotate(0);
    }

    .frequency-card { min-height: 450px; }
    .frequency-card--psychology { margin-top: 0; }
    .experience-shell .event-grid { grid-template-columns: 1fr; }
    .experience-shell .event-card { grid-template-rows: 320px auto auto; }
    .experience-shell .event-card__visual { min-height: 320px; }
    .experience-shell .buy-panel,
    .experience-shell .order-summary { position: static; }
    .experience-shell .editorial-page__hero {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 18px;
    }

    .experience-shell .editorial-page__hero > .eyebrow,
    .experience-shell .editorial-page__hero > h1,
    .experience-shell .editorial-page__hero > p,
    .experience-shell .editorial-page__media {
        grid-column: 1;
        grid-row: auto;
    }

    .experience-shell .editorial-page__media {
        width: min(100%, 760px);
        margin-top: 28px;
    }
}

@media (max-width: 740px) {
    .night-hero__meta { flex-wrap: wrap; padding: 16px 0; }
    .night-hero__meta span { padding: 7px 10px; font-size: 9px; }
    .night-hero__grid {
        padding: 42px 24px 30px;
        border-radius: 28px;
    }

    .night-hero h1 { font-size: clamp(58px, 18vw, 84px); }
    .night-hero__ticker { justify-content: flex-start; overflow-x: auto; }
    .hero-ticket { min-height: 500px; border-radius: 24px; box-shadow: 8px 8px 0 rgba(45, 32, 56, .16); }
    .frequency-section__head h2,
    .program-section__head h2,
    .about-night h2,
    .faq-preview h2,
    .newsletter h2 { font-size: clamp(45px, 13vw, 68px); }
    .frequency-card,
    .frequency-card--music,
    .frequency-card--theatre { min-height: 475px; border-radius: 28px; }
    .experience-shell .event-card { grid-template-rows: 240px auto auto; }
    .experience-shell .event-card__visual { min-height: 240px; }
    .experience-shell .event-card:hover { transform: none; }
    .experience-shell .event-card__body { padding: 24px 22px 16px; }
    .experience-shell .event-card__purchase { padding: 0 22px 24px; }
    .experience-shell .event-card__price { margin-left: auto; }
    .experience-shell .event-card__buy { width: 100%; }
    .experience-shell .event-card__detail { width: auto; }
    .night-poster h2 { font-size: clamp(48px, 14vw, 72px); }
    .about-night__portrait { box-shadow: 9px 9px 0 var(--orbit-coral), -7px -7px 0 var(--orbit-saffron); }
    .program-hero h1 { font-size: clamp(52px, 14vw, 76px); }
    .experience-shell .event-hero h1 { font-size: clamp(52px, 15vw, 80px); }
    .experience-shell .event-poster {
        min-height: 520px;
        border-radius: 28px;
        box-shadow: 9px 9px 0 rgba(45, 32, 56, .16);
    }
    .experience-shell .editorial-page__media,
    .experience-shell .editorial-page--mekan .editorial-page__media,
    .experience-shell .editorial-page--iletisim .editorial-page__media {
        border-radius: 26px 70px 26px 26px;
        box-shadow: 8px 8px 0 var(--orbit-saffron);
    }

    .experience-shell .editorial-page__media { aspect-ratio: 4 / 3; }
    .experience-shell .editorial-page__media img { aspect-ratio: auto; }
    .experience-shell .mobile-buy-bar {
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 430px) {
    .night-hero__meta span:nth-child(3) { display: none; }
    .night-hero__grid { padding-inline: 19px; }
    .hero-ticket { padding: 13px; }
    .hero-ticket__signal { min-height: 180px; }
    .hero-ticket__datebadge { width: 66px; height: 66px; }
    .experience-shell .event-card { grid-template-rows: 205px auto auto; border-radius: 22px; }
    .experience-shell .event-card__visual { min-height: 205px; }
    .experience-shell .event-card__date { width: 68px; height: 68px; }
    .experience-shell .event-card__date strong { font-size: 30px; }
    .experience-shell .event-card__purchase { gap: 12px; }
    .experience-shell .event-card__detail { margin-left: auto; }
    .experience-shell .buy-panel { box-shadow: 7px 7px 0 var(--orbit-saffron); }
}
