.voucher-page .voucher-hero{background:#f5f6f8;border-radius:1.5rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:3rem;width:calc(100% - 3rem);max-width:1400px;margin:1.5rem auto 1rem;padding:3rem;display:grid}.voucher-hero-copy .breadcrumb{margin-bottom:1.5rem;display:inline-block}.voucher-hero-copy>p{max-width:40ch;margin-bottom:1.5rem}.voucher-hero-art{justify-self:center;width:100%;max-width:340px}.voucher-page-content{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}.voucher-page-content>.voucher-benefits,.voucher-page-content>.designer,.voucher-page-content>.section,.voucher-page-content>.faq{max-width:none;margin-inline:0;padding-inline:0}.voucher-page .designer{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3rem;padding-block:3rem;scroll-margin-top:1.5rem}.voucher-page .designer-controls>p{max-width:60ch}.voucher-page .design-search input{color:#151515;background:#fff;border:1px solid #d8dce3;border-radius:.65rem;padding:.85rem 1rem}.voucher-page .design-tabs{margin:1.25rem 0}.voucher-page .design-tabs button{color:#151515;background:#f1f3f6;border:0;border-radius:.65rem;padding:.65rem 1rem}.voucher-page .design-tabs button.selected{color:#fff;background:#151515}.voucher-page .design-grid{gap:.25rem;margin-inline:-.5rem}.voucher-page .design-choice{background:0 0;border:0;border-radius:1rem;padding:.5rem}.voucher-page .design-choice:hover{background:#f1f3f6}.voucher-page .design-choice:has(input:checked){background:#edf1f8;box-shadow:inset 0 0 0 2px #012169}.voucher-page .design-choice img{aspect-ratio:3/2;object-fit:cover;border-radius:.6rem}.voucher-page .design-choice input{width:16px;height:16px;top:.9rem;left:.9rem}.voucher-page .design-choice span{padding:.5rem .15rem .15rem}.voucher-page .preview-sticky{background:#f5f6f8;border:0;border-radius:1.25rem;padding:1.5rem;top:1.5rem}.voucher-page .voucher-card{border-radius:.85rem;margin-top:1.5rem;transform:rotate(2deg);box-shadow:0 10px 20px #0002}.voucher-page .voucher-card>div{padding:.75rem 1rem}.voucher-page .next-step{border:0;margin-top:1rem;padding-top:.25rem}.voucher-page #voucher-continue{min-height:56px;box-shadow:none}.voucher-page #voucher-continue svg{flex-shrink:0}.voucher-page .three-grid{gap:2rem;margin-top:1rem;padding-block:2rem}.voucher-page .three-grid article{border-top:1px solid #e2e5eb;padding-top:1rem}.voucher-page .three-grid h2{margin-bottom:.5rem}.voucher-page .prose{max-width:72ch;margin-inline:auto;padding:2rem 0}@media (width<=1000px){.voucher-page .designer{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem}.voucher-page .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.voucher-page .voucher-hero{gap:1.5rem;width:calc(100% - 2rem);padding:2rem}.voucher-hero-art{max-width:240px}}@media (width<=700px){.voucher-page-content{padding-inline:16px}.voucher-page .voucher-hero{grid-template-columns:minmax(0,1fr)}.voucher-hero-art{max-width:180px}.voucher-page .designer{grid-template-columns:minmax(0,1fr);padding-block:2rem}.voucher-page .preview-sticky{position:static}.voucher-page .three-grid{grid-template-columns:minmax(0,1fr);gap:1rem}}@media (width<=500px){.voucher-page .voucher-hero{border-radius:1rem;width:calc(100% - 1.5rem);padding:1.5rem}}.voucher-preview-meta{align-items:center;gap:.75rem;margin:0 0 1rem;display:flex}.voucher-type-pill{color:#343b4b;background:#e6e9ef;border-radius:99px;padding:.3rem .75rem;display:inline-flex}.voucher-preview-meta strong{margin:0}.voucher-page .preview-sticky p,.voucher-page .preview-sticky .buying-benefits span{color:#343b4b;line-height:1.5}.voucher-page .preview-sticky .buying-benefits strong{color:#151515}.voucher-page .preview-sticky .buying-benefits{gap:1rem;padding-block:1.25rem}.voucher-page .preview-sticky #handoff-status{margin-block:1rem}.voucher-page .preview-sticky #voucher-continue+p{margin-top:.75rem}.voucher-page .article-nav{gap:.75rem;margin-block:2rem}.voucher-page .prose .article-nav a{color:#012169;background:#f1f3f6;border:0;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.voucher-page .prose .article-nav a:hover{background:#e3e8f0}@media (width<=500px){.voucher-page .article-nav{flex-direction:column;align-items:stretch}}
