/* /cadeau: request a gift set, the shop picks and wraps it */
.cwrap{padding-top:44px;padding-bottom:80px}
.intro{max-width:720px;margin-bottom:30px}
.intro h1{font-size:clamp(40px,6vw,64px);margin-bottom:14px}
.flow{max-width:820px}
.step{border:0;margin:0;padding:28px 0;border-top:1px solid var(--line)}
.step legend{float:left;width:100%;display:flex;align-items:center;gap:12px;font:800 28px/1.1 var(--head);font-stretch:75%;padding:0;margin-bottom:16px}
.step .n{width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font:800 18px/1 var(--head);flex:none}
.step legend+*{clear:both}
.chips.big .chip{min-height:50px;padding:0 20px;font-size:16px}
.sub{margin-top:18px}
.opt{font-weight:300;color:var(--muted)}
.chip.sw{display:inline-flex;align-items:center;gap:8px}
.chip.sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.hint{font-size:14px;color:var(--muted);margin-top:8px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:18px}
@media (max-width:600px){.two{grid-template-columns:minmax(0,1fr);gap:0}}
.kaart{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
@media (max-width:700px){.kaart{grid-template-columns:minmax(0,1fr)}.kaart .gifttag{order:-1;margin:0 auto 6px}}
/* the gift tag (kaartje) */
.gifttag{position:relative;width:260px;min-height:230px;background:#fffdf8;border:2px solid var(--teal-2);padding:44px 22px 20px;
  border-radius:40px 40px 12px 12px;transform:rotate(2deg);
  box-shadow:0 10px 24px rgba(12,53,64,.12);text-align:center}
.gifttag .hole{position:absolute;left:50%;top:14px;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:2px solid var(--teal-2);background:var(--aqua-soft)}
.gifttag .tlogo{width:96px;margin:0 auto 10px;opacity:.95}
.gifttag p{margin:0;font-family:var(--hand);color:var(--teal);overflow-wrap:anywhere}
.gifttag .t-aan{font-size:22px}
.gifttag .t-tekst{font-size:24px;line-height:1.15;color:var(--ink);margin:8px 0}
.gifttag .t-van{font-size:20px}
.gifttag.small{transform:rotate(-2deg);margin:4px 0 22px}
.send{padding-top:26px;border-top:1px solid var(--line)}
.send .btn{min-width:260px}
@media (max-width:520px){.send .btn{width:100%}}
/* result */
.result{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:48px;align-items:start;max-width:980px}
.result h2{margin-bottom:12px}
.present svg{width:100%;max-width:320px;margin:20px auto 0;display:block}
.present .bow{transform-origin:130px 62px;animation:bow .9s cubic-bezier(.3,1.6,.5,1) both}
.present .bow.r{animation-delay:.12s}
@keyframes bow{from{transform:scale(.2)}to{transform:scale(1)}}
.ractions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:800px){.result{grid-template-columns:minmax(0,1fr);gap:10px}.present svg{max-width:220px}}