:root{--padding-horizontal:4.7vw;--padding-top:3rem}
.header.header--compact{box-shadow:none}
.main{position:relative;overflow:hidden}
.hero{position:relative;padding-top:4rem}
.hero__picture{display:block}
.hero__img{position:relative;width:100%;height:auto}
.hero__title{position:absolute;z-index:2;top:50%;left:0;width:100%;text-align:center;font-size:clamp(32px,6vw,50px);font-weight:700;color:var(--color-brand)}
.card{position:relative;z-index:2;width:100%;padding:var(--padding-top) var(--padding-horizontal) 5rem}
.card__card{width:95%;max-width:46rem;margin:0 auto;padding:2rem 1.25rem 2.2rem;background:var(--color7);color:#223242;border-radius:.25rem}
.card__eyebrow{position:relative;width:100%;padding-bottom:.9rem;text-align:center;font-size:1rem;font-weight:700;letter-spacing:.11rem;text-transform:uppercase;color:var(--color16)}
.card__eyebrow::after{content:"";display:block;width:3.75rem;height:.125rem;margin:.6rem auto 0;background:currentColor}
.card__lead{font-size:clamp(1rem,2.7vw,1.45rem);line-height:1.55;font-weight:600}
.card__copy{display:grid;gap:1.1rem;margin-top:1.5rem}
.card__copy p{font-size:clamp(.875rem,2vw,1rem)}
.card__info{margin-top:2rem;padding-top:1.5rem;border-top:.0625rem solid rgba(34,50,66,.16)}
.card__info-title{font-size:1.125rem;font-weight:700}
.card__list{display:grid;gap:.8rem;margin-top:1rem}
.card__item{position:relative;padding-left:1.1rem;font-size:clamp(.875rem,2vw,1rem)}
.card__item::before{content:"";position:absolute;left:0;top:.62rem;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--color16)}
.card__note{margin-top:2rem;padding-top:1.5rem;border-top:.0625rem solid rgba(34,50,66,.16);font-size:clamp(1.05rem,2.6vw,1.4rem);line-height:1.5;font-weight:600}
.card__consent{display:flex;align-items:flex-start;gap:.625rem;margin-top:1.5rem}
.card__consent-control{flex:0 0 auto;margin-top:.15rem}
.card__consent-text{font-size:clamp(.75rem,2vw,.875rem);line-height:1.5;color:#223242}
.card__consent-link{text-decoration:underline;text-underline-offset:.16em}
.card__consent.is-error .card__consent-text{color:red}
.card__consent.is-error .card__consent-control{outline:.0625rem solid #8b1e1e;outline-offset:.0625rem}
.card__options-title{margin:1.75rem auto 0;text-align:center;font-size:clamp(1.2rem,2.6vw,2rem);line-height:1.4;font-weight:700;color:var(--color-brand)}
.card__options{display:grid;grid-template-columns:1fr;gap:.75rem;width:95%;max-width:46rem;margin:1rem auto 0}
.card__option{display:flex;flex-direction:column;min-height:100%;padding:1.15rem 1rem 1.25rem;background:var(--color7);color:#223242;border-radius:.125rem}
.card__option-title{font-size:1.2rem;font-weight:700;line-height:1.35;color:var(--color16)}
.card__option-subtitle{display:block;margin-top:.45rem;font-size:.875rem;font-weight:600;line-height:1.45;font-style:italic}
.card__option-text{margin-top:.6rem;font-size:clamp(12px,2vw,.8125rem);line-height:1.55}
.card__option-link{margin-top:.75rem;width:fit-content;max-width:100%;font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--color16);text-decoration:underline;text-underline-offset:.16em}
.card__option-link:hover,.card__option-link:focus-visible{opacity:.8}
.card__option-price{margin-top:auto;padding-top:1rem;font-size:.95rem;font-weight:700;line-height:1.4}
.card__option-cta{position:relative;margin:.65rem auto 0;width:fit-content;max-width:100%;font-size:clamp(13px,2vw,.875rem);background:var(--color16);color:#fff;border:.125rem solid transparent;box-shadow:0 4px 6px rgba(0,0,0,.25);text-shadow:rgb(51,51,51) 0 0 5px}
.card__option-cta:focus-visible{outline:.0625rem solid var(--color16);outline-offset:.25rem}
.card__option-cta .svg__icon{flex:0 0 auto;width:1.5rem;height:1.5rem;margin-right:.5rem;color:#fff;transform-origin:center;transition:color .22s ease}
.svg__icon use{pointer-events:none}
.card__option-cta:hover,.card__option-cta:active{background:var(--color-brand);border-color:var(--color-brand);text-shadow:none;color:#223242}
.card__option-cta:hover .svg__icon,.card__option-cta:active .svg__icon{animation:giftIconWiggle .5s ease 1;color:#223242}
.card__option-cta.is-disabled{background:#8e8d8d;border-color:#8e8d8d;color:#fff;cursor:not-allowed;text-shadow:none}
.card__option-cta.is-disabled .svg__icon{color:#fff}
.card__option-cta.is-disabled::after{content:"Accept the Terms and Conditions and Privacy Policy to continue";position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translateX(-50%);width:12rem;max-width:calc(100vw - 2rem);padding:.45rem .55rem;background:#223242;color:#fff;font-size:.75rem;line-height:1.35;text-align:center;border-radius:.125rem;opacity:0;pointer-events:none;transition:opacity .18s ease}
.card__option-cta.is-disabled:hover::after,.card__option-cta.is-disabled:focus-visible::after{opacity:1}
.footer{position:relative;z-index:3}
.footer::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:.0625rem;background:var(--color-brand);opacity:.9}
@keyframes giftIconWiggle{0%{transform:rotate(0) scale(1)}20%{transform:rotate(10deg) scale(1.14)}45%{transform:rotate(-8deg) scale(1.2)}70%{transform:rotate(6deg) scale(1.12)}100%{transform:rotate(0) scale(1)}}
@media (min-width:520px){.card__options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.main{min-height:100vh}.main::before{content:"";position:fixed;inset:0;background:url("../img/workshops/cakeatelier-cph-gift-card.webp") no-repeat center;background-size:cover;pointer-events:none;z-index:0}.hero__picture{display:none}
.hero__title{position:relative;top:0;margin-top:12rem}.card{padding:8rem 0 12rem}.card__card,.card__options{max-width:none}
.card__copy p{line-height:1.72}.card__item{line-height:1.58}}
@media (min-width:768px) and (max-width:991.98px){
.card__card,.card__options{width:min(640px,calc(100% - 32px))}
.card__card{padding:43px 38px 46px}
.card__options{gap:16px;margin-top:20px}
.card__option{padding:20px 18px 22px}
}
@media (min-width:992px){.card__card,.card__options{width:min(60vw,47rem)}.card__card{padding:2.7rem 2.4rem 2.9rem}.card__options{gap:1rem;margin-top:1.25rem}.card__option{padding:1.25rem 1.15rem 1.35rem}}
@media (prefers-reduced-motion:reduce){.card__option-cta .svg__icon,.card__option-cta.is-disabled::after{transition:none}.card__option-cta:hover .svg__icon,.card__option-cta:active .svg__icon{animation:none}}