.tickets{--per-row:3;--gap:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.ticket{--bg:var(--white);--cut:var(--paper);flex:0 0 calc((100% - (var(--per-row) - 1) * var(--gap)) / var(--per-row));container-type:inline-size;display:flex;flex-direction:column;border-radius:var(--r);background:var(--bg);box-shadow:0 18px 40px #0b1f3a14;transition:transform .3s,box-shadow .3s}.ticket:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 26px 50px #0b1f3a24}.ticket__main{flex:1;padding:32px 30px 26px}.ticket__type{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}.ticket__type em{padding:4px 10px;border-radius:999px;background:var(--yellow);color:var(--navy);font-style:normal;letter-spacing:1px}.ticket__name{margin:10px 0 20px;font:700 24px/1.2 var(--display);letter-spacing:-.6px}.ticket__list li{position:relative;padding:9px 0 9px 26px;border-top:1px dashed var(--line);font-size:15px}.ticket__list li:before{content:"";position:absolute;left:2px;top:17px;width:10px;height:10px;border-radius:50%;border:3px solid var(--blue)}.ticket__stub{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"seats btn" "unit btn";align-items:center;column-gap:20px;padding:24px 30px 28px;border-top:2px dashed var(--line)}.ticket__stub:before,.ticket__stub:after{content:"";position:absolute;top:-15px;width:28px;height:28px;border-radius:50%;background:var(--cut)}.ticket__stub:before{left:-14px}.ticket__stub:after{right:-14px}.ticket__stub .btn{grid-area:btn;justify-self:end}.ticket__seats{grid-area:seats;font:800 34px/1 var(--display);letter-spacing:-1px;white-space:nowrap}.ticket__unit{grid-area:unit;font-size:13px;font-weight:700;color:var(--muted)}.ticket--hot{--bg:var(--navy);color:var(--white)}.ticket--hot .ticket__type{color:var(--yellow)}.ticket--hot .ticket__list li{border-color:#ffffff26}.ticket--hot .ticket__list li:before{border-color:var(--yellow)}.ticket--hot .ticket__stub{border-color:#fff3}.ticket--hot .ticket__seats{color:var(--yellow)}.ticket--hot .ticket__unit{color:#fff9}.ticket--hot .btn--dark{background:var(--yellow);color:var(--navy)}.ticket--hot .btn--dark:hover{background:var(--white)}@container (max-width:360px){.ticket__stub{grid-template-columns:auto 1fr;grid-template-areas:"seats unit" "btn btn";align-items:baseline;column-gap:8px}.ticket__stub .btn{justify-self:stretch;margin-top:16px}}@media (max-width:1023px){.tickets{--per-row:2}}@media (max-width:767px){.tickets{--per-row:1}.ticket:hover{transform:none}.ticket__seats{font-size:28px}.ticket__stub{padding:22px 22px 24px;column-gap:14px}}