#shop.shop-redesign {
    background: #191510;
    color: #fff7ed;
    font-family: 'DM Sans', sans-serif;
}

#shop.shop-redesign .shop-modern, #shop.shop-redesign .shop-modern * { box-sizing: border-box; }
#shop.shop-redesign .shop-modern h1, #shop.shop-redesign .shop-modern h2, #shop.shop-redesign .shop-modern h3 { font-family: 'Bricolage Grotesque', sans-serif !important; }
#shop.shop-redesign .shop-modern p, #shop.shop-redesign .shop-modern a, #shop.shop-redesign .shop-modern button { font-family: 'DM Sans', sans-serif !important; }
.shop-modern__shell { width: min(100% - 48px, 1200px); margin-inline: auto; }

#shop.shop-redesign .shop-modern__hero { position: relative; isolation: isolate; height: auto; min-height: 405px; padding: 0; overflow: hidden; background: #000; color: #fff7ed; }
.shop-modern__hero-image, .shop-modern__hero-shade { position: absolute; inset: 0; z-index: -1; }
.shop-modern__hero-image { background-image: var(--shop-image, none); background-size: cover; background-position: center 42%; opacity: .48; }
.shop-modern__hero-shade { background: linear-gradient(90deg, rgba(0,0,0,.97), rgba(0,0,0,.76) 43%, rgba(0,0,0,.27)), linear-gradient(0deg, #000, transparent 70%); }
.shop-modern__nav { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.shop-modern__brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-size: 16px; font-weight: 800; line-height: 1; letter-spacing: .1em; text-decoration: none; }
.shop-modern__brand:hover, .shop-modern__brand:focus-visible { color: #fff; text-decoration: none; }
.shop-modern__brand img { width: 48px; height: 48px; object-fit: contain; }
.shop-modern__brand small { display: block; margin-top: 4px; color: #ef7900; font-size: 10px; font-weight: 800; letter-spacing: .32em; }
.shop-modern__back { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.shop-modern__back:hover, .shop-modern__back:focus-visible { color: #ef7900; text-decoration: none; }
.shop-modern__back span { font-size: 20px; }
.shop-modern__hero-content { max-width: 900px; padding: 64px 0 95px; }
.shop-modern__eyebrow { margin: 0 0 14px; color: #ef7900; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.shop-modern__hero h1 { margin: 0; color: #fff7ed; font-size: clamp(39px, 4.7vw, 63px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.shop-modern__event-meta { margin: 19px 0 0; color: #d7d0c9; font-size: 15px; font-weight: 600; }
.shop-modern__event-meta span { margin-inline: 5px; color: #ef7900; }

.shop-modern__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: -33px 0 0; padding: 13px; position: relative; z-index: 1; border: 1px solid #493322; border-radius: 7px; background: #0d0b09; list-style: none; }
.shop-modern__step { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 11px 13px; border-radius: 4px; color: #9c948e; font-size: 13px; }
.shop-modern__step span { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 auto; border: 1px solid #69513d; border-radius: 50%; font-size: 12px; font-weight: 800; }
.shop-modern__step strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.shop-modern__step--current { background: rgba(239,121,0,.13); color: #fff7ed; }
.shop-modern__step--current span { border-color: #ef7900; background: #ef7900; color: #000; }

.shop-modern__content { padding: 54px 0 100px; }
.shop-modern__grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(315px, 1fr); align-items: start; gap: 24px; }
.shop-modern__ticket-panel, .shop-modern__summary-card { border: 1px solid #493322; border-radius: 7px; background: #0d0b09; }
.shop-modern__ticket-panel { min-width: 0; padding: 32px; }
.shop-modern__panel-heading { margin-bottom: 18px; }
.shop-modern__panel-heading h2 { margin: 0; color: #fff7ed; font-size: 33px; font-weight: 800; line-height: 1.16; letter-spacing: -.035em; text-transform: none; }
.shop-modern__panel-heading > p:last-child { margin: 9px 0 0; color: #aaa29a; font-size: 14px; }
.shop-modern__ticket { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 25px 0; border-top: 1px solid #493322; }
.shop-modern__ticket-info { min-width: 0; }
.shop-modern__ticket-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.shop-modern__ticket h3 { display: block; margin: 0; padding: 0; border: 0; color: #fff7ed; font-size: 21px; font-weight: 800; line-height: 1.2; text-transform: none; }
.shop-modern__ticket-title img { width: 58px; height: 28px; padding: 2px; border-radius: 3px; background: #fff; object-fit: contain; }
.shop-modern__ticket-info > p { margin: 7px 0 0; color: #aaa29a; font-size: 13px; }
.shop-modern__ticket-info > p span { margin-inline: 4px; color: #ef7900; }
.shop-modern__ticket-info > .shop-modern__ticket-description { max-width: 360px; margin-top: 12px; line-height: 1.5; }
.shop-modern__ticket-action { display: flex; align-items: center; justify-content: flex-end; gap: 26px; flex: 0 0 auto; }
.shop-modern__ticket-price { color: #fff7ed; font-family: 'Bricolage Grotesque', sans-serif; font-size: 23px; font-weight: 800; white-space: nowrap; }
.shop-modern__quantity { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #6b4a30; border-radius: 5px; }
.shop-modern__quantity button { width: 44px; height: 44px; border: 0; background: #1b150f; color: #fff7ed; font-size: 24px; font-weight: 500; line-height: 1; cursor: pointer; }
.shop-modern__quantity button:hover:not(:disabled) { background: #ef7900; color: #000; }
.shop-modern__quantity button:disabled { color: #756b63; cursor: not-allowed; }
.shop-modern__quantity > span { min-width: 43px; color: #fff7ed; font-size: 16px; font-weight: 800; text-align: center; }
.shop-modern__sold-out { color: #ef7900; font-size: 14px; font-weight: 800; }
.shop-modern__no-tickets { padding: 24px 0; border-top: 1px solid #493322; color: #aaa29a; }

.shop-modern__summary { position: sticky; top: 22px; }
.shop-modern__summary-card { padding: 28px; }
.shop-modern__summary h2 { display: block; margin: 0; padding: 0; border: 0; color: #fff7ed; font-size: 28px; font-weight: 800; line-height: 1.2; text-transform: none; }
.shop-modern__summary-count { margin: 8px 0 25px; color: #aaa29a; font-size: 13px; }
.shop-modern__totals { margin: 0; }
.shop-modern__totals > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 0 0 15px; color: #c8c1ba; font-size: 14px; }
.shop-modern__totals dt { font-weight: 500; }
.shop-modern__totals dt small { display: block; margin-top: 2px; color: #8f867e; font-size: 11px; }
.shop-modern__totals dd { margin: 0; color: #fff7ed; font-weight: 700; white-space: nowrap; }
.shop-modern__totals > .shop-modern__total { align-items: center; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid #493322; color: #fff7ed; font-size: 17px; font-weight: 800; }
.shop-modern__total dt, .shop-modern__total dd { font-weight: 800; }
.shop-modern__total dd { font-family: 'Bricolage Grotesque', sans-serif; font-size: 25px; }
.shop-modern__checkout { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 52px; margin-top: 25px; padding: 0 18px; border: 0; border-radius: 5px; background: #ef7900; color: #000; font-size: 14px; font-weight: 800; text-decoration: none; }
.shop-modern__checkout:hover:not(:disabled), .shop-modern__checkout:focus-visible { background: #ffa343; color: #000; text-decoration: none; }
.shop-modern__checkout:disabled { background: #453427; color: #b9aba0; cursor: not-allowed; }
.shop-modern__summary-help { margin: 12px 0 0; color: #8f867e; font-size: 12px; text-align: center; }
.shop-modern__uitpas-note { display: flex; align-items: center; gap: 15px; margin-top: 16px; padding: 19px; border: 1px solid #493322; border-radius: 7px; background: #17120e; }
.shop-modern__uitpas-note img { width: 58px; height: 34px; flex: 0 0 auto; padding: 3px; border-radius: 3px; background: #fff; object-fit: contain; }
.shop-modern__uitpas-note p { margin: 0; color: #aaa29a; font-size: 12px; line-height: 1.5; }
.shop-modern__notice { margin-top: 35px; padding: 20px; border: 1px solid #493322; border-radius: 5px; color: #fff7ed; font-size: 13px; }
.shop-modern--ticket-detail .shop-modern__panel-heading { margin-bottom: 26px; }
.shop-modern__detail-image { height: 240px; margin-bottom: 25px; overflow: hidden; border-radius: 5px; background: #191510; }
.shop-modern__detail-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.shop-modern__detail-description { margin: 0 0 25px; color: #c8c1ba; font-size: 15px; line-height: 1.7; }
.shop-modern__detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 25px; }
.shop-modern__detail-meta > span { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; border: 1px solid #493322; border-radius: 4px; color: #c8c1ba; font-size: 12px; font-weight: 700; }
.shop-modern__detail-meta .shop-modern__detail-uitpas { gap: 8px; color: #fff7ed; }
.shop-modern__detail-uitpas img { width: 52px; height: 25px; padding: 2px; border-radius: 2px; background: #fff; object-fit: contain; }
.shop-modern__detail-purchase { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 25px; border-top: 1px solid #493322; }
.shop-modern__detail-price-label { display: block; margin-bottom: 5px; color: #aaa29a; font-size: 12px; }
.shop-modern__detail-purchase .shop-modern__ticket-price { display: block; font-size: 29px; }
.shop-modern__detail-selector { display: flex; align-items: center; gap: 16px; color: #fff7ed; font-size: 13px; font-weight: 700; }
.shop-modern__closed { min-height: 100vh; padding: 140px 24px; background: #191510; color: #fff7ed; text-align: center; }
.shop-modern__closed h1 { margin: 0 0 14px; font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(32px, 5vw, 54px); }
.shop-modern__closed p { margin: 0 0 24px; color: #aaa29a; }
.shop-modern__closed a { color: #ef7900; font-weight: 800; }
.shop-modern :focus-visible { outline: 3px solid #ef7900; outline-offset: 3px; }

@media (max-width: 960px) {
    .shop-modern__grid { grid-template-columns: 1fr; }
    .shop-modern__summary { position: static; }
}

@media (max-width: 640px) {
    .shop-modern__shell { width: min(100% - 36px, 1200px); }
    #shop.shop-redesign .shop-modern__hero { min-height: 0; }
    .shop-modern__hero-shade { background: linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.59)), linear-gradient(0deg, #000, transparent 70%); }
    .shop-modern__nav { padding: 18px 0; }
    .shop-modern__brand { gap: 8px; font-size: 13px; }
    .shop-modern__brand img { width: 38px; height: 38px; }
    .shop-modern__brand small { font-size: 8px; }
    .shop-modern__back { max-width: 115px; font-size: 11px; line-height: 1.25; }
    .shop-modern__back span { font-size: 17px; }
    .shop-modern__hero-content { padding: 68px 0 85px; }
    .shop-modern__hero h1 { font-size: clamp(36px, 9.5vw, 54px); }
    .shop-modern__event-meta { font-size: 13px; line-height: 1.6; }
    .shop-modern__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; margin-top: -27px; padding: 8px; }
    .shop-modern__step { justify-content: center; gap: 0; padding: 7px 3px; }
    .shop-modern__step strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
    .shop-modern__step span { width: 29px; height: 29px; }
    .shop-modern__content { padding: 32px 0 75px; }
    .shop-modern__ticket-panel, .shop-modern__summary-card { padding: 22px; }
    .shop-modern__ticket { align-items: flex-start; flex-direction: column; gap: 16px; }
    .shop-modern__ticket-action { justify-content: space-between; width: 100%; }
    .shop-modern__quantity button { width: 46px; height: 46px; }
    .shop-modern__detail-image { height: 180px; }
    .shop-modern__detail-purchase { align-items: flex-start; flex-direction: column; }
    .shop-modern__detail-selector { justify-content: space-between; width: 100%; }
}