.hero__right .hero-price-tag {
--ticket-bg: #ffdf75;
--ticket-ink: #202024;
position: absolute;
top: 0;
right: 0;
z-index: 4;
display: grid;
grid-template-columns: 1fr auto;
gap: 6px 16px;
width: fit-content;
max-width: 100%;
align-self: flex-end;
margin: 0;
padding: 14px 18px 14px 30px;
border-radius: 8px 20px 20px 8px;
background: var(--ticket-bg);
color: var(--ticket-ink);
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
box-shadow: 0 8px 24px rgb(116 85 0 / 10%);
border-left: 2px dashed rgb(116 85 0 / 30%);
transition: background-color .2s ease;
}
.hero-price-tag::before {
content: '';
position: absolute;
left: 12px;
top: 26px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 15%);
}
.hero-price-tag__label {font-size: 14px; font-weight: 600; align-self: center;}
.hero-price-tag__discount {font-size: 14px; font-weight: 800; padding: 4px 8px; border-radius: 6px; background: #202024; color: #ffdf75;}
.hero-price-tag__old {grid-column: 1 / -1; font-size: 17px; line-height: 1.3; text-decoration-thickness: 1.5px;}
.hero-price-tag__amount {grid-column: 1 / -1; font-size: clamp(26px, 2vw, 32px); font-weight: 800; line-height: 1.15; white-space: nowrap;}
.hero-price-tag__details {grid-column: 1 / -1; font-size: 12px; line-height: 1.5;}
.hero__right .hero-price-tag:hover {background: #ffd45c;}
.hero-price-tag:focus-visible {outline: 3px solid #202024; outline-offset: 4px;}
@media (max-width: 767px) {
.hero__right .hero-price-tag {top: 0; right: 0; width: 220px; padding: 12px 14px 12px 26px; gap: 4px 8px;}
.hero-price-tag__amount {font-size: 26px;}
.hero-price-tag__label,.hero-price-tag__discount {font-size: 12px;}
}
@media (prefers-reduced-motion: reduce) {.hero__right .hero-price-tag {transition: none;}}