@property --tpu-discount-angle {syntax:'<angle>';initial-value:0deg;inherits:false}
.tpu-discounts {padding:12px max(20px,5vw) 38px;background:#08090b;color:#fff;font-family:inherit}
.tpu-discounts * {box-sizing:border-box}
.tpu-discounts__inner {max-width:1440px;margin:auto}
.tpu-discounts .tpu-discounts__heading h2 {color:#fff;font-family:inherit;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.6px;margin:0 0 22px}
.tpu-discounts__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tpu-discounts__card {position:relative;isolation:isolate;overflow:hidden;min-width:0;aspect-ratio:4/5;border:1px solid transparent;border-radius:10px;background:linear-gradient(#111,#111) padding-box,conic-gradient(from var(--tpu-discount-angle),#fc009355,#ffcae9,#fff,#fc0093,#4666ff 240deg,#fc009355 260deg) border-box;box-shadow:0 8px 26px #0008;animation:tpu-discount-orbit 9s linear infinite}
.tpu-discounts__image {position:absolute;inset:3px;display:block;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;object-position:50% 35%;border-radius:7px;z-index:0;transition:transform .5s ease}
.tpu-discounts__shade {position:absolute;inset:3px;border-radius:7px;background:linear-gradient(180deg,#0008,transparent 30%,#0001 42%,#000d 84%,#000f);z-index:1;pointer-events:none}
.tpu-discounts__content {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:24px}
.tpu-discounts__caption,.tpu-discounts__caption p {color:#fff;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:1.5px;margin:0;text-shadow:0 1px 8px #000}
.tpu-discounts__title h3 {color:#fff;font-family:inherit;font-size:clamp(38px,4.8vw,70px);font-weight:800;line-height:1.05;letter-spacing:-2px;margin:0 0 18px;text-shadow:0 2px 16px #0005}
.tpu-discounts .tpu-discounts__button {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:13px 16px;border:1px solid #ff75bd88;border-radius:4px;background:#ea0079;color:#fff;font:inherit;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.6px;text-decoration:none;opacity:1}
.tpu-discounts .tpu-discounts__button:disabled {opacity:1;background:#ea0079;color:#fff;cursor:default}
.tpu-discounts .tpu-discounts__button[href]:hover {background:#ca0069;box-shadow:0 0 20px #fc009355}
.tpu-discounts .tpu-discounts__button[href]:focus-visible {outline:2px solid #fff;outline-offset:4px}
.tpu-discounts__button span {font-size:20px;line-height:1}
.tpu-discounts__glint {position:absolute;inset:0;z-index:3;background:linear-gradient(110deg,transparent 43%,#fff2 50%,transparent 57%);transform:translateX(-140%);animation:tpu-discount-glint 11s ease-in-out infinite;pointer-events:none}
.tpu-discounts__card:nth-child(2) .tpu-discounts__glint {animation-delay:1s}
.tpu-discounts__card:nth-child(3) .tpu-discounts__glint {animation-delay:2s}
@media(hover:hover){.tpu-discounts__card:hover .tpu-discounts__image {transform:scale(1.025)}}
@keyframes tpu-discount-orbit {to{--tpu-discount-angle:360deg}}
@keyframes tpu-discount-glint {0%,82%{transform:translateX(-140%)}98%,100%{transform:translateX(140%)}}
@media(max-width:749px){.tpu-discounts {padding:8px 14px 26px}.tpu-discounts .tpu-discounts__heading h2 {font-size:24px;margin:0 0 18px;letter-spacing:-.4px}.tpu-discounts__grid {grid-template-columns:minmax(0,1fr);gap:16px}.tpu-discounts__card {aspect-ratio:4/5;max-height:none}.tpu-discounts__content {padding:22px}.tpu-discounts__title h3 {font-size:56px;margin-bottom:15px}.tpu-discounts__caption,.tpu-discounts__caption p {font-size:11px}.tpu-discounts__image {object-position:50% 30%}}
@media(prefers-reduced-motion:reduce){.tpu-discounts__card,.tpu-discounts__glint {animation:none}.tpu-discounts__image {transition:none}}

.tpu-discounts__title h3 {text-shadow:0 2px 6px #000,0 0 14px #fc009366;animation:tpu-discount-neon 3.8s linear infinite}
.tpu-discounts__card:nth-child(2) .tpu-discounts__title h3 {animation-delay:.6s}
.tpu-discounts__card:nth-child(3) .tpu-discounts__title h3 {animation-delay:1.2s}
.tpu-discounts .tpu-discounts__button {box-shadow:0 0 12px #ffffff55,0 0 28px #fc009366;animation:tpu-discount-candle 3.4s ease-in-out infinite}
@keyframes tpu-discount-neon {0%,100%,24%,28%,70%,74%{text-shadow:0 2px 6px #000,0 0 9px #fc009388,0 0 22px #fc009366}25%,71%{text-shadow:0 2px 6px #000,0 0 3px #fc009333}26%,72%{text-shadow:0 2px 6px #000,0 0 12px #ff80ca,0 0 30px #fc0093aa}}
@keyframes tpu-discount-candle {0%,100%{box-shadow:0 0 9px #ffffff44,0 0 24px #fc009366}18%{box-shadow:0 0 15px #ffffff88,0 0 34px #fc009377}23%{box-shadow:0 0 10px #ffffff55,0 0 25px #fc009366}48%{box-shadow:0 0 18px #ffffff99,0 0 38px #fc009388}54%{box-shadow:0 0 12px #ffffff66,0 0 30px #fc009377}78%{box-shadow:0 0 16px #ffffff88,0 0 34px #fc009377}}
@media(max-width:749px){.tpu-discounts__image {object-position:center}.tpu-discounts__title h3 {font-size:clamp(44px,14vw,60px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.tpu-discounts__title h3,.tpu-discounts .tpu-discounts__button {animation:none}}