.voucher-promo { container-type: inline-size; margin: 32px 0; padding: 40px 32px; background: #fff; color: #171b25; letter-spacing: 0; }
.voucher-promo-inner { position: relative; isolation: isolate; max-width: 1240px; margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; align-items: center; }
.voucher-promo-visual { position: relative; min-width: 0; width: 100%; aspect-ratio: 1.45; }
.voucher-promo-poko { position: absolute; z-index: 2; left: 0; bottom: 0; width: 61%; height: 90%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 10px 9px #253d2314); }
.voucher-promo-voucher { position: absolute; right: 4%; top: 3%; width: 40%; aspect-ratio: 148 / 210; transform: rotate(7deg); background: #fff; box-shadow: 0 12px 24px #16272024; }
.voucher-promo-copy { position: relative; z-index: 3; min-width: 0; }
.voucher-promo .voucher-promo-copy h2 { margin: 0 0 20px; font-family: "Gift Rounded", sans-serif !important; font-size: 44px; line-height: 1.12; font-weight: 900; letter-spacing: 0; overflow-wrap: anywhere; color: #171b25; }
.voucher-promo-copy p { font-size: 20px; line-height: 1.5; margin: 0 0 28px; color: #535967; overflow-wrap: anywhere; }
.voucher-promo-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; max-width: 100%; padding: 14px 26px; border-radius: 8px; background: #2c704d; color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; }
.voucher-promo-cta span { min-width: 0; overflow-wrap: anywhere; }
.voucher-promo-cta:hover { background: #205839; color: #fff; }
.voucher-promo-cta:focus-visible { outline: 3px solid #0065bf; outline-offset: 4px; }
.voucher-promo--home { padding-block: 52px; }
.voucher-promo--home .voucher-promo-visual { grid-column: 2; grid-row: 1; }
.voucher-promo--home .voucher-promo-copy { grid-column: 1; grid-row: 1; max-width: 470px; }
.voucher-promo--home .voucher-promo-copy h2 { font-size: 52px; }
.voucher-promo-confetti { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.voucher-promo-confetti span { position: absolute; width: 26px; height: 9px; border-radius: 5px; background: #ffd447; }
.voucher-promo-confetti span:nth-child(1) { top: 16%; left: -24px; transform: rotate(45deg); }
.voucher-promo-confetti span:nth-child(2) { top: 23%; left: -30px; transform: rotate(10deg); }
.voucher-promo-confetti span:nth-child(3) { top: 8%; right: -16px; transform: rotate(-55deg); }
.voucher-promo-confetti span:nth-child(4) { top: 15%; right: -23px; transform: rotate(-25deg); }
.voucher-promo-confetti span:nth-child(5) { bottom: 15%; right: 1%; width: 12px; height: 12px; background: #ff6c63; border-radius: 50%; }
.voucher-promo-confetti span:nth-child(6) { top: 6%; left: 49%; width: 12px; height: 12px; background: #79b77b; border-radius: 50%; }
/* Search and cart retain distinct compositions from the homepage. */
.voucher-promo--search { background: #fffaf0; padding: 28px; margin: 24px 0 0; }
.voucher-promo--search .voucher-promo-inner { grid-template-columns: minmax(100px, .65fr) minmax(0, 2fr) minmax(100px, .8fr); gap: 28px; }
.voucher-promo--search .voucher-promo-visual, .voucher-promo--cart .voucher-promo-visual { display: contents; }
.voucher-promo--search .voucher-promo-voucher { position: relative; grid-column: 1; grid-row: 1; width: 100%; max-width: 160px; top: auto; right: auto; transform: rotate(-6deg); }
.voucher-promo--search .voucher-promo-poko { position: relative; grid-column: 3; grid-row: 1; width: 100%; height: auto; left: auto; bottom: auto; align-self: end; }
.voucher-promo--search .voucher-promo-copy { grid-column: 2; grid-row: 1; text-align: center; }
.voucher-promo--search .voucher-promo-copy h2 { font-size: 30px; }
.voucher-promo--search .voucher-promo-copy p { font-size: 17px; margin-bottom: 20px; }
.voucher-promo--cart { margin: 24px 0; padding: 20px 32px; background: #fff7f5; }
.voucher-promo--cart .voucher-promo-inner { max-width: 1400px; grid-template-columns: 160px minmax(0, 1fr) 100px auto; gap: 24px; }
.voucher-promo--cart .voucher-promo-poko { position: relative; grid-column: 1; grid-row: 1; width: 100%; height: 148px; left: auto; bottom: auto; }
.voucher-promo--cart .voucher-promo-voucher { position: relative; grid-column: 3; grid-row: 1; width: 86px; top: auto; right: auto; transform: rotate(8deg); }
.voucher-promo--cart .voucher-promo-copy { display: contents; }
.voucher-promo--cart .voucher-promo-copy h2 { grid-column: 2; grid-row: 1; align-self: start; margin: 25px 0 0; font-size: 28px; }
.voucher-promo--cart .voucher-promo-copy p { grid-column: 2; grid-row: 2; margin: 0; font-size: 16px; }
.voucher-promo--cart .voucher-promo-inner { grid-template-rows: auto auto; row-gap: 8px; }
.voucher-promo--cart .voucher-promo-poko, .voucher-promo--cart .voucher-promo-voucher, .voucher-promo--cart .voucher-promo-cta { grid-row: 1 / 3; }
.voucher-promo--cart .voucher-promo-cta { grid-column: 4; }
.voucher-promo--cart .voucher-promo-copy p { align-self: start; margin-bottom: 25px; }
.voucher-promo--product .voucher-promo-copy h2 { font-size: 38px; }
.voucher-promo--product .voucher-promo-copy p { font-size: 19px; }
@container (max-width: 1000px) {
    .voucher-promo--cart .voucher-promo-inner { grid-template-columns: 120px minmax(0, 1fr) 85px; gap: 18px; grid-template-rows: auto; }
    .voucher-promo--cart .voucher-promo-copy { display: block; grid-column: 2; grid-row: 1; }
    .voucher-promo--cart .voucher-promo-copy h2 { margin: 0 0 10px; font-size: 25px; }
    .voucher-promo--cart .voucher-promo-copy p { margin: 0 0 16px; }
    .voucher-promo--cart .voucher-promo-cta { font-size: 15px; }
    .voucher-promo--home .voucher-promo-copy h2 { font-size: 40px; }
}
@container (max-width: 640px) {
    .voucher-promo-inner { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
    .voucher-promo .voucher-promo-visual { display: block; grid-column: 1; grid-row: 1; max-width: 390px; justify-self: center; }
    .voucher-promo .voucher-promo-poko { position: absolute; left: 0; bottom: 0; width: 61%; height: 90%; }
    .voucher-promo .voucher-promo-voucher { position: absolute; right: 4%; top: 3%; width: 40%; max-width: none; }
    .voucher-promo .voucher-promo-copy { display: block; grid-column: 1; grid-row: 2; text-align: left; max-width: none; }
    .voucher-promo .voucher-promo-copy h2 { font-size: 30px; margin: 0 0 14px; }
    .voucher-promo .voucher-promo-copy p { font-size: 17px; margin: 0 0 22px; }
    .voucher-promo-cta { width: 100%; }
    .voucher-promo--cart .voucher-promo-visual { max-width: 230px; }
    .voucher-promo--search .voucher-promo-visual { max-width: 260px; }
}
@media (max-width: 575px) {
    .voucher-promo { padding: 28px 22px; margin: 24px 0; }
    .voucher-promo-confetti span:nth-child(1), .voucher-promo-confetti span:nth-child(2) { left: -12px; }
    .voucher-promo-confetti span:nth-child(3), .voucher-promo-confetti span:nth-child(4) { right: -12px; }
}
@media (max-width: 767.98px) {
    .voucher-promo--cart .voucher-promo-copy,
    .voucher-promo--product .voucher-promo-copy { text-align: center; }
}