.customer-site{--paper:#100d16;--ink:#f6f1fa;--muted:#b4aabd;--purple:#d4b0f6;--lilac:#cba6ed;--line:#ffffff1c;--dark:#21182d;min-height:100vh;background:var(--paper);color:var(--ink);color-scheme:dark}
.customer-site .site-header{height:92px;padding:0 max(5%,calc((100% - 1240px)/2));background:var(--paper);border-color:var(--line)}
.customer-site .brand{font-size:32px;letter-spacing:-1.6px}.customer-site .brand img{width:44px;height:44px}.customer-site .site-header nav{gap:34px;font-size:14px}.customer-site .site-header nav a{padding:10px 0}.customer-site .site-header nav a:last-child{padding:10px 20px;border:1px solid #ffffff30;border-radius:30px}.customer-site .site-header nav a:hover{color:var(--purple)}
.customer-site .text-link{color:var(--ink);font-size:14px;gap:9px;align-items:center;min-height:40px}.customer-site .text-link:hover{color:var(--purple)}.customer-icon{flex:none;display:inline-block;vertical-align:middle}.customer-site .button{min-height:52px;border-radius:12px;padding:14px 22px;gap:22px;font-size:15px;font-weight:650}.customer-site .button-dark{background:var(--lilac);color:#24132f}.customer-site .button-dark:hover{background:#dec1f8}.customer-site .button-outline{color:var(--ink);border-color:#ffffff35;background:transparent}.customer-site .button-outline:hover{border-color:var(--lilac);background:#cba6ed0e}.customer-site .button:disabled:hover{transform:none}.customer-site :focus-visible{outline:2px solid #dfbaff;outline-offset:5px}
.customer-site .skip-link{background:var(--lilac);color:#24132f}.spotlight-details p:has(small){align-items:flex-start}.spotlight-details p:has(small)>.customer-icon{margin-top:3px}.spotlight-details small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.customer-home{max-width:1340px;margin:auto;padding:28px 50px 0}.customer-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;min-height:40px}.customer-intro>h1{font-size:19px;color:#e2d9e9;font-weight:500}.customer-intro>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.customer-intro .text-link{color:var(--purple)}
.spotlight{display:grid;grid-template-columns:1.05fr 1fr;min-height:510px;position:relative;isolation:isolate;border:1px solid #ffffff20;border-radius:26px;overflow:hidden;background:#21182b}.spotlight-copy{padding:52px 20px 52px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.booking-status{display:inline-flex;align-items:center;gap:8px;color:#c7bacf;font-size:13px;font-weight:500;border:1px solid #ffffff25;background:#ffffff06;border-radius:30px;padding:6px 12px}.booking-status i{width:6px;height:6px;background:#b2a9bc;border-radius:50%}.booking-status.is-available{color:#e2c2fc;border-color:#cba6ed40}.booking-status.is-available i{background:#d5aff5;box-shadow:0 0 12px #cb8bff55}.spotlight h1,.spotlight h2{font-size:clamp(40px,4.6vw,66px);font-weight:650;line-height:1.07;letter-spacing:-.055em;max-width:10.5ch;margin:25px 0 26px;overflow-wrap:anywhere}.spotlight-details{display:grid;gap:9px}.spotlight-details p{font-size:15px;color:#d4c8dc;display:flex;align-items:center;gap:10px}.spotlight-details .customer-icon{width:18px;height:18px;color:#c7a4e1}.spotlight-action{display:flex;gap:24px;align-items:center;margin-top:32px}.spotlight-action>div{display:grid;gap:1px}.spotlight-action strong{font-size:19px;line-height:1.35;font-weight:600;white-space:nowrap}.spotlight-action>div>span{font-size:13px;color:var(--muted)}
.spotlight-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:34px 38px;min-width:0;overflow:hidden;background:#2b1c33}.spotlight-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#21182b 0%,#21182b11 38%,#21182b33),linear-gradient(0deg,#21182b55,transparent 50%);pointer-events:none}.spotlight-blur{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(28px);opacity:.32;z-index:-2}.spotlight-poster{height:442px;width:auto;max-width:100%;object-fit:contain;border-radius:8px;box-shadow:0 24px 55px #0008;transform:rotate(3deg)}.spotlight-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;color:#ddc7ed;min-height:360px;text-align:center;padding:30px}.spotlight-type>span:first-child{font:48px/1.5 Georgia,serif;overflow-wrap:anywhere}.spotlight-type>span[lang=ur]{font-family:'Noto Nastaliq Urdu',serif}.spotlight-type>span:last-child{font:800 26px/1 var(--display)}.spotlight-empty{padding:70px 50px;background:#21182b;border:1px solid var(--line);border-radius:26px}.spotlight-empty h1,.spotlight-empty h2{font-size:clamp(36px,5vw,64px);max-width:700px}.spotlight-empty p{margin-top:22px}.spotlight-empty .button{margin-top:28px}
.browse-events{padding:64px 0 56px;scroll-margin-top:24px}.browse-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.browse-heading h2,.customer-help h2{font-size:32px;letter-spacing:-.04em}.event-search{display:flex;align-items:center;gap:12px;border:1px solid #ffffff24;background:#1b1622;border-radius:12px;padding:0 16px;width:310px;max-width:100%;height:48px;color:var(--muted)}.event-search:focus-within{border-color:var(--lilac)}.event-search input{width:100%;min-width:0;color:var(--ink);background:none;border:0;outline:0;font-size:14px;padding:12px 0}.event-search input::placeholder{color:var(--muted);opacity:1}.event-search input::-webkit-search-cancel-button{-webkit-appearance:none}.event-search button{border:0;background:none;color:var(--muted);font-size:23px;padding:0 0 0 5px;min-height:40px}.browse-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.browse-controls>span{font-size:13px;color:var(--muted)}.event-filters{display:flex;gap:8px}.event-filters button{min-height:40px;border:1px solid #ffffff20;border-radius:30px;color:#bdb1c8;background:none;font-size:13px;padding:8px 17px}.event-filters button[aria-pressed=true]{background:#cba6ed1c;color:#e4c7fa;border-color:#cba6ed65}.event-filters button:hover{border-color:var(--lilac)}
.customer-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.customer-event-card{border:1px solid #ffffff20;border-radius:20px;background:#19141f;overflow:hidden;min-width:0;transition:border-color .2s}.customer-event-card:hover{border-color:#cba6ed66}.customer-card-art{height:300px;background:#0c0910;position:relative;overflow:hidden}.customer-card-art>img{width:100%;height:100%;object-fit:contain}.card-availability{position:absolute;left:18px;top:18px;font-size:12px;padding:5px 11px;border-radius:30px;background:#18111ee6;color:#e9cffd;border:1px solid #d6afe848;backdrop-filter:blur(8px)}.customer-card-info{padding:28px}.card-date{color:#cfb0e5;font-size:14px;display:flex;align-items:center;gap:9px}.customer-card-info h3{font-size:28px;letter-spacing:-.035em;line-height:1.2;margin:15px 0 14px;overflow-wrap:anywhere}.card-location{display:flex;align-items:center;gap:9px;font-size:14px}.card-location .customer-icon,.card-date .customer-icon{width:17px;height:17px}.card-time{font-size:13px;margin:5px 0 0 26px}.customer-card-action{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.customer-card-action strong{font-size:19px;font-weight:600}.customer-card-action strong>span{font-size:12px;font-weight:400;color:var(--muted)}.customer-card-action .button{min-height:46px;padding:11px 17px;font-size:14px;gap:15px}.customer-event-grid.single-event{grid-template-columns:1fr}.single-event .customer-event-card{display:grid;grid-template-columns:250px 1fr}.single-event .customer-card-art{height:310px}.single-event .customer-card-info{padding:34px 38px}.single-event .customer-card-info h3{font-size:32px}.single-event .customer-card-action{margin-top:24px}.no-poster{background:radial-gradient(ellipse at 25% 20%,#77548e,#302039 65%);display:flex;align-items:center;justify-content:center;padding:55px 35px;color:#e5d1f3}.no-poster>span:first-child{font:36px/1.4 Georgia,serif;text-align:center;overflow-wrap:anywhere}.no-poster>span[lang=ur]{font-family:'Noto Nastaliq Urdu',serif}.event-empty{padding:40px;border:1px solid var(--line);border-radius:16px;text-align:center}.event-empty .text-link{margin-top:10px;color:var(--purple)}
.customer-help{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line);padding:50px 0 64px}.customer-help .text-link{margin-top:20px;color:var(--purple)}.customer-help details:first-child{border-top:1px solid var(--line)}.customer-help summary{font-size:15px;padding:21px 34px 21px 0;letter-spacing:0;font-weight:500}.customer-help summary:after{top:16px;color:#cba6ed;font-size:23px}.customer-help details p{font-size:14px;line-height:1.8;max-width:560px;padding-bottom:22px}.customer-site .site-footer{max-width:1240px;padding:30px 0 26px;border-top:1px solid var(--line);margin:auto}.customer-site .footer-top{display:flex;gap:26px;padding-bottom:26px}.customer-site .footer-top .brand{font-size:30px;gap:0}.customer-site .footer-top>a:not(.brand){font-size:14px;color:#c7bdcf}.customer-site .footer-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#a99ab5}
.customer-site .booking-dialog{color:var(--ink);background:#1a1521;max-width:560px;border:1px solid #ffffff2b;border-radius:22px;box-shadow:0 30px 100px #0008;max-height:calc(100dvh - 40px);overscroll-behavior:contain}.customer-site .booking-dialog::backdrop{background:#08050dc9;backdrop-filter:blur(8px)}.customer-site .booking-dialog .booking-form{background:none;padding:32px}.customer-site .dialog-close{background:#302738;color:#e8ddef;width:36px;height:36px;right:14px;top:14px;font-size:25px}.booking-event-summary{display:flex;align-items:center;gap:18px;padding:4px 20px 26px 0;border-bottom:1px solid var(--line);margin-bottom:26px}.booking-event-summary>img{width:64px;height:82px;object-fit:cover;border-radius:7px;flex:none}.booking-event-summary>div{min-width:0}.customer-site .booking-dialog h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin-right:0}.customer-site .booking-date{font-size:13px;margin:7px 0 0;color:#d0b6e1}.booking-venue{font-size:12px;margin-top:3px}.customer-site .booking-form label{font-size:14px;font-weight:450;color:#e0d6e9}.customer-site .booking-form input,.customer-site .booking-form select,.customer-site .payment-select select{color:var(--ink);background:#241d2d;border:1px solid #ffffff28;border-radius:10px;min-height:48px;font-size:16px;padding:11px 13px;box-shadow:none}.customer-site .booking-form input::placeholder{color:#9b8da8;opacity:1}.customer-site .booking-form input:focus,.customer-site .booking-form select:focus,.customer-site .payment-select select:focus{border-color:var(--lilac)}.customer-site .quantity-row{margin:24px 0}.customer-site .quantity-row legend{font-size:14px;color:#e0d6e9;font-weight:450}.customer-site .quantity-stepper{border:1px solid #ffffff28;border-radius:10px;overflow:hidden;gap:0}.customer-site .quantity-stepper button{background:#30253c;color:#e6c6ff;border:0;width:44px;height:44px}.customer-site .quantity-stepper output{width:46px;font-size:16px}.customer-site .booking-total{margin:24px 0 20px;padding-top:20px;font-size:14px}.customer-site .booking-total strong{font-size:26px}.customer-site .booking-dialog .form-note{font-size:12px;color:#afa0ba;line-height:1.6;margin-top:14px}.customer-site .form-error{background:#40202d;color:#ffcede;border-color:#885268}.customer-site .booking-dialog .full-width{justify-content:space-between}.customer-site .booking-form .form-grid{gap:16px}
.customer-order .order-page{max-width:1120px;padding-top:42px;padding-bottom:70px}.customer-order .order-heading h1{letter-spacing:-.045em}.customer-order .order-heading>div>p{font-size:14px}.customer-order .payment-card{background:#1c1625;border-color:#ffffff24;border-radius:20px;padding:32px}.customer-order .payment-event>strong{color:#e3c6f6}.customer-order .payment-event h2{font-size:27px}.customer-order .account-details{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:3px 18px}.customer-order .account-details dt{font-size:12px}.customer-order .account-details dd{font-size:16px}.customer-order .payment-card>.form-note{font-size:13px}.customer-order .empty-panel{background:#1c1625;border-color:var(--line)}.customer-order .paper-ticket{box-shadow:0 20px 55px #0005;color-scheme:light}.customer-order .ticket-when,.customer-order .ticket-venue,.customer-order .ticket-guest{color:#423729}
body:has(.customer-site dialog[open]){overflow:hidden}
@media(min-width:1500px){.customer-home{max-width:1340px}.customer-site .site-header{padding-left:calc((100% - 1240px)/2);padding-right:calc((100% - 1240px)/2)}}
@media(max-width:1340px){.customer-site .site-footer{margin:0 50px}.customer-order .site-footer{margin:0 5%}}
@media(max-width:1000px){.customer-home{padding:24px 30px 0}.spotlight-copy{padding:38px 15px 38px 30px}.spotlight{min-height:450px;grid-template-columns:1.1fr 1fr}.spotlight-poster{height:370px}.spotlight-art{padding:30px 28px}.spotlight-action{gap:16px}.spotlight-action .button{padding:13px 17px;gap:16px}.spotlight-action strong{font-size:17px}.spotlight-details p{font-size:14px}.customer-site .site-footer{margin:0 30px}.customer-card-info{padding:24px}.customer-card-action{flex-wrap:wrap}.customer-help{gap:35px}.single-event .customer-card-info{padding:30px}}
@media(max-width:760px){.customer-site .site-header{height:78px;padding:0 22px;gap:18px}.customer-site .brand{font-size:28px}.customer-site .brand img{width:37px;height:37px}.customer-site .menu-toggle span{background:#eee2f7}.customer-site .site-header nav{top:77px;background:#1b1523;padding:20px 24px;border-bottom:1px solid var(--line);z-index:10;gap:10px}.customer-site .site-header nav a{padding:10px 0}.customer-site .site-header nav a:last-child{padding:10px 0;border:0}.customer-home{padding:18px 20px 0}.customer-intro{margin-bottom:18px;gap:10px}.customer-intro>h1{font-size:16px}.customer-intro>span{font-size:12px}.customer-intro>span .customer-icon{width:15px;height:15px}.customer-intro .text-link{font-size:12px;gap:6px}.customer-intro .text-link .customer-icon{width:17px;height:17px}.spotlight{display:flex;flex-direction:column;min-height:0;border-radius:20px}.spotlight-art{order:-1;padding:24px 28px;max-height:350px;background:#2c1e33}.spotlight-art:after{background:linear-gradient(0deg,#21182b,transparent 60%)}.spotlight-poster{height:260px;transform:rotate(2deg)}.spotlight-copy{padding:26px 24px 30px}.spotlight h1,.spotlight h2{font-size:40px;max-width:15ch;letter-spacing:-.055em;margin:19px 0 20px}.booking-status{font-size:12px;padding:4px 10px}.spotlight-details{gap:8px}.spotlight-details p{font-size:13px;gap:8px}.spotlight-details .customer-icon{width:17px;height:17px}.spotlight-action{width:100%;justify-content:space-between;margin-top:25px;gap:14px}.spotlight-action .button{min-height:50px;padding:13px 20px;font-size:14px;gap:20px}.spotlight-action strong{font-size:18px}.spotlight-action>div>span{font-size:12px}.spotlight-type{min-height:240px;gap:24px}.spotlight-type>span:first-child{font-size:38px}.spotlight-empty{padding:40px 25px}.spotlight-empty h1,.spotlight-empty h2{font-size:40px}.browse-events{padding:40px 0}.browse-heading{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:18px}.browse-heading h2,.customer-help h2{font-size:28px}.event-search{width:100%;height:48px}.browse-controls{margin-bottom:20px;gap:10px}.browse-controls>span{font-size:12px}.event-filters{gap:7px}.event-filters button{font-size:12px;padding:8px 13px}.customer-event-grid{grid-template-columns:1fr;gap:20px}.customer-event-grid.single-event .customer-event-card{grid-template-columns:1fr}.customer-card-art,.single-event .customer-card-art{height:280px}.customer-card-info,.single-event .customer-card-info{padding:24px}.customer-card-info h3,.single-event .customer-card-info h3{font-size:26px;margin:14px 0}.card-date,.card-location{font-size:13px}.card-time{font-size:12px}.customer-card-action{padding-top:20px;margin-top:22px;gap:12px}.customer-card-action strong{font-size:18px}.customer-card-action strong>span{font-size:11px}.customer-card-action .button{font-size:13px;padding:11px 14px;gap:12px}.customer-help{grid-template-columns:1fr;gap:24px;padding:36px 0 40px}.customer-help .text-link{margin-top:10px;font-size:13px}.customer-help summary{font-size:14px}.customer-help details p{font-size:13px}.customer-site .site-footer{margin:0 20px;padding:28px 0 24px}.customer-site .footer-top{gap:18px;flex-wrap:wrap;padding-bottom:22px}.customer-site .footer-top .brand{flex-basis:100%;font-size:28px;margin-bottom:4px}.customer-site .footer-top>a:not(.brand){font-size:13px}.customer-site .footer-bottom{font-size:11px}.customer-site .booking-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.customer-site .booking-dialog .booking-form{padding:28px 22px 22px}.booking-event-summary{gap:13px;padding-bottom:22px;margin-bottom:22px;padding-right:18px}.booking-event-summary>img{width:52px;height:68px}.customer-site .booking-dialog h2{font-size:21px}.customer-site .booking-date{font-size:12px}.booking-venue{font-size:11px}.customer-site .booking-form .form-grid{gap:16px}.customer-site .quantity-row{margin:20px 0}.customer-site .booking-total{margin:20px 0}.customer-order .site-header>.text-link{font-size:12px}.customer-order .site-header .brand{font-size:25px}.customer-order .order-page{padding:28px 20px 44px}.customer-order .order-heading{gap:15px;margin-bottom:26px}.customer-order .order-heading h1{font-size:32px;margin:8px 0 10px}.customer-order .order-heading>div>p{font-size:13px}.customer-order .order-heading-actions{gap:20px}.customer-order .order-heading-actions .button{font-size:13px;min-height:44px;padding:11px 16px}.customer-order .payment-card{padding:24px 22px;border-radius:18px}.customer-order .payment-event h2{font-size:25px}.customer-order .payment-card>.button{font-size:14px;padding:13px 12px}.customer-order .order-heading-actions .text-link{font-size:13px}.customer-order .paper-ticket{max-width:100%}}
@media(max-width:380px){.customer-home{padding-left:14px;padding-right:14px}.customer-intro>span{font-size:11px}.spotlight-copy{padding:24px 20px}.spotlight h1,.spotlight h2{font-size:36px}.spotlight-action .button{padding:13px 16px;gap:12px}.spotlight-action strong{font-size:16px}.customer-card-action{align-items:stretch;flex-direction:column}.customer-card-action .button{width:100%}.customer-site .footer-bottom{gap:10px}.customer-site .booking-dialog .booking-form{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.customer-site .button,.customer-event-card{transition:none}.customer-site .button:hover{transform:none}}
@media print{.customer-site{background:white;color:#423729;min-height:0;color-scheme:light}.customer-order .order-page{padding:0}.customer-order .paper-ticket{box-shadow:none}.customer-site .skip-link{display:none}}
.customer-intro nav{display:block;position:static;padding:0;background:none;box-shadow:none}.event-overview{font-size:14px;color:var(--muted);max-width:780px;line-height:1.8;padding:28px 0 36px}.spotlight h2 a:hover,.customer-card-info h3 a:hover{color:var(--lilac)}

.customer-site .booking-form select{display:block;width:100%;min-width:0;margin-top:8px;font-family:var(--font);line-height:1.5}.customer-site .booking-form>label{margin-top:20px}.customer-site #booking-event-details{margin:8px 0 24px;font-size:14px;line-height:1.6}.customer-site .booking-form select option{background:#241d2d;color:#f6f1fa}

.customer-site .booking-form input[type=hidden]{display:none!important}
