.malarto-voucher-ticket { position: relative; container-type: inline-size; aspect-ratio: 8 / 3; border-radius: var(--malarto-radius); }
.malarto-voucher-ticket__art { display: block; width: 100%; height: 100%; }
.malarto-voucher-ticket__copy { position: absolute; inset: 12% auto 12% 8%; width: 60%; display: flex; flex-direction: column; justify-content: space-between; }
.malarto-voucher-ticket__logo { display: block; width: 42%; height: auto; overflow: visible; }
.malarto-voucher-ticket__copy .m-kicker { display: block; margin: 0; }
.malarto-voucher-ticket__copy .m-price { display: block; margin: 0; font-size: clamp(28px, 10cqw, 44px); white-space: nowrap; }
.malarto-voucher-values { padding: 0; margin: 0; border: 0; min-width: 0; }
.malarto-voucher-values legend { padding: 0; margin-bottom: var(--malarto-s4); font-size: var(--malarto-size-sm); font-weight: var(--malarto-weight-bold); }
.malarto-voucher-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--malarto-s5); }
.malarto-voucher-choice { display: block; position: relative; cursor: pointer; }
.malarto-voucher-choice > input { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.malarto-voucher-choice > input:checked + .malarto-voucher-ticket { --ticket-line: var(--malarto-glaze-dark); --ticket-stroke: 8px; }
body:not(.m-input-pointer) .malarto-voucher-choice > input:focus-visible + .malarto-voucher-ticket { outline: var(--malarto-focus); outline-offset: 5px; }
.malarto-voucher-choice__meta { display: none; justify-content: center; align-items: center; gap: var(--malarto-s2); margin-top: var(--malarto-s4); font-size: var(--malarto-size-sm); font-weight: var(--malarto-weight-bold); }
.malarto-voucher-choice__radio { display: inline-grid; place-items: center; flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid var(--malarto-line); border-radius: 50%; background: var(--malarto-white); }
.malarto-voucher-choice > input:checked ~ .malarto-voucher-choice__meta .malarto-voucher-choice__radio { border-color: var(--malarto-glaze-dark); }
.malarto-voucher-choice > input:checked ~ .malarto-voucher-choice__meta .malarto-voucher-choice__radio::after { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--malarto-glaze-dark); }
.malarto-voucher-order { display: grid; grid-template-columns: 190px minmax(0, 1fr) 220px; align-items: end; gap: var(--malarto-s5); margin: var(--malarto-s6) 0 var(--malarto-s5); padding: var(--malarto-s5); border: 1px solid var(--malarto-line); border-radius: var(--malarto-radius); background: var(--malarto-white); }
.malarto-voucher-order .m-stepper input { width: 100%; padding: 0; border-inline: 0; border-radius: 0; }
.malarto-voucher-total { padding-bottom: var(--malarto-s2); text-align: right; }
.malarto-voucher-total[hidden] { display: none; }
.malarto-voucher-total span { display: block; font-size: var(--malarto-size-xs); color: var(--malarto-muted); }
.malarto-voucher-total strong { font-size: 24px; line-height: 1.3; font-weight: var(--malarto-weight-heavy); white-space: nowrap; }
.malarto-voucher-order > .m-btn { width: 100%; }
.malarto-voucher-picker:not(.is-enhanced) .m-stepper { display: block; }
.malarto-voucher-picker:not(.is-enhanced) .m-stepper button { display: none; }
.malarto-voucher-picker:not(.is-enhanced) .m-stepper input { border: 1px solid var(--malarto-line); border-radius: 10px; }
.malarto-voucher-picker:not(.is-enhanced) .malarto-voucher-order > .m-btn { grid-column: 3; }
.malarto-voucher-delivery { padding-top: var(--malarto-s4); border-top: 1px solid var(--malarto-line); font-size: var(--malarto-size-sm); }
.malarto-voucher-delivery p { margin: 0; max-width: var(--malarto-content); }
.malarto-voucher-delivery strong { display: block; margin-bottom: var(--malarto-s1); }
.malarto-voucher-selected { display: grid; grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); align-items: center; gap: var(--malarto-s5); padding: var(--malarto-s5); margin-bottom: var(--malarto-s5); }
.malarto-voucher-selected h2 { margin-top: 0; }
.malarto-voucher-selected p { overflow-wrap: anywhere; }
.malarto-voucher-selected .malarto-voucher-ticket { min-width: 0; }
.malarto-voucher-selected .malarto-voucher-ticket__copy { overflow-wrap: normal; }
@media (max-width: 699px) { .malarto-voucher-selected { grid-template-columns: minmax(0, 1fr); padding: var(--malarto-s4); } }
@media (max-width: 1000px) {
  .malarto-voucher-options { grid-template-columns: minmax(0, 1fr); gap: var(--malarto-s4); }
  .malarto-voucher-choice__meta { display: flex; justify-content: start; padding-left: var(--malarto-s2); }
  .malarto-voucher-picker.is-enhanced .malarto-voucher-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--malarto-s3) var(--malarto-s2); }
  .malarto-voucher-picker.is-enhanced .malarto-voucher-choice { display: contents; }
  .malarto-voucher-picker.is-enhanced .malarto-voucher-choice .malarto-voucher-ticket { display: none; }
  .malarto-voucher-picker.is-enhanced .malarto-voucher-choice > input:checked + .malarto-voucher-ticket { display: block; grid-column: 1 / -1; grid-row: 1; }
  .malarto-voucher-picker.is-enhanced .malarto-voucher-choice__meta { grid-row: 2; padding: 0; justify-content: center; gap: 6px; margin: 0; white-space: nowrap; min-height: var(--malarto-control-h); }
  .malarto-voucher-order { grid-template-columns: minmax(152px, 1fr) minmax(0, 1fr); gap: var(--malarto-s4); padding: var(--malarto-s4); margin-top: var(--malarto-s5); }
  .malarto-voucher-order > .m-btn, .malarto-voucher-picker:not(.is-enhanced) .malarto-voucher-order > .m-btn { grid-column: 1 / -1; }
}

.malarto-voucher-ticket__outline { stroke: var(--ticket-line, var(--malarto-line)); stroke-width: var(--ticket-stroke, 6px); }
.malarto-voucher-ticket__face { fill: var(--malarto-white); }
.malarto-voucher-ticket__stub { fill: var(--malarto-sand); }
.malarto-voucher-ticket__seam { stroke: var(--malarto-line); }
.malarto-voucher-ticket__from { font-size: .55em; font-weight: var(--malarto-weight-bold); }
.malarto-voucher-promo__ticket { width: 100%; max-width: 440px; margin-inline: auto; }
.malarto-voucher-choice::after { content: ""; position: absolute; right: 7%; top: calc(50% - 9px); width: 18px; height: 18px; border: 1px solid var(--malarto-line); border-radius: 50%; background: var(--malarto-white); pointer-events: none; }
.malarto-voucher-choice:has(> input:checked)::after { background: var(--malarto-glaze-dark); border-color: var(--malarto-glaze-dark); box-shadow: inset 0 0 0 4px var(--malarto-white); }
@media (max-width: 1000px) { .malarto-voucher-choice::after { display: none; } }

.malarto-voucher-picker.is-enhanced .malarto-voucher-ticket { width: 100%; max-width: 440px; justify-self: center; }