.mk{aspect-ratio:1;width:100%;max-width:520px;font-size:var(--fs-13);color:var(--foreground);margin-inline:auto;position:relative}.mk img{object-fit:cover;display:block}.mk-photo{border-radius:var(--r-lg);width:72%;height:88%;box-shadow:var(--sh-float);position:absolute;inset:6% 6% 6% 22%;transform:rotate(3deg)}.mk-phone{border-radius:var(--r-lg);width:52%;box-shadow:var(--sh-float);background:#fff;flex-direction:column;padding:0 16px 18px;display:flex;position:absolute;top:4%;left:14%}.mk-phone-bar{border-bottom:1px solid #eceded;align-items:center;gap:10px;margin:0 -16px 14px;padding:14px 16px;display:flex}.mk-phone-bar b{font-size:var(--fs-13);flex:1}.mk-phone img{aspect-ratio:4/3;border-radius:var(--r-sm);width:100%}.mk-phone small{color:#6f7070;margin-top:12px}.mk-phone strong{font-size:var(--fs-17);font-weight:var(--w-medium,500)}.mk-amount{border-radius:var(--r-sm);font-size:var(--fs-18);font-weight:var(--w-medium,500);border:1px solid #dcdddd}.mk-pay{border-radius:var(--r-md);width:44%;box-shadow:var(--sh-float);background:#fff;gap:10px;padding:16px;display:grid;position:absolute;top:16%;right:0}.mk-opt{border-top:1px solid #eceded;align-items:center;gap:10px;padding-top:10px;display:flex}.mk-opt i{border-radius:var(--r-round);border:5px solid var(--foreground);width:16px;height:16px}.mk-note{color:#6f7070;font-size:var(--fs-12)}.mk-badge{z-index:2;width:30%;position:absolute;top:10%;left:2%;transform:rotate(-12deg)}.mk-badge circle{fill:#959571}.mk-badge text{fill:#fff;font-size:var(--fs-12);letter-spacing:.14em;font-weight:600}.mk-badge .mk-badge-big{font-size:var(--fs-30);letter-spacing:0}.mk-budget .mk-photo{inset:4% 4% 4% 24%;transform:rotate(-3deg)}.mk-panel{border-radius:var(--r-md);width:58%;box-shadow:var(--sh-float);background:#fff;gap:12px;padding:16px;display:grid;position:absolute;top:18%;left:0}.mk-chips{flex-wrap:wrap;gap:6px;display:flex}.mk-chips span{border-radius:var(--r-pill);font-size:var(--fs-11);white-space:nowrap;border:1px solid #dcdddd;padding:5px 10px}.mk-chips .is-on{background:var(--foreground);border-color:var(--foreground);color:#fff}.mk-gifts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mk-gifts span{gap:4px;display:grid}.mk-gifts img{aspect-ratio:1;border-radius:var(--r-sm);width:100%}.mk-gifts em{font-style:normal;font-size:var(--fs-12)}.mk-more{border-radius:var(--r-pill);background:var(--foreground);color:#fff;text-align:center;font-size:var(--fs-12);font-weight:var(--w-medium,500);padding:9px}.mk-received .mk-photo{transform:rotate(-2deg)}@media (width<=640px){.mk{font-size:var(--fs-11)}.mk-chips span{font-size:var(--fs-10);padding:4px 7px}.mk-phone strong,.mk-amount{font-size:var(--fs-14)}.mk-budget{aspect-ratio:4/5}.mk-panel{padding:12px}.mk-phone-bar b{white-space:nowrap;font-size:var(--fs-11)}.mk-pay{padding:12px}}.mk-list{border-radius:var(--r-md);width:74%;box-shadow:var(--sh-float);background:#fff;gap:4px;padding:16px;display:grid;position:absolute;top:24%;left:0}.mk-list>b{margin-bottom:6px}.mk-row{border-top:1px solid #eceded;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.mk-avatar{border-radius:var(--r-round);width:34px;height:34px;font-size:var(--fs-11);color:#6f6f50;background:#e8e8dd;place-items:center;font-weight:600;display:grid}.mk-row-main{gap:1px;min-width:0;display:grid}.mk-row-main strong{font-size:var(--fs-14);font-weight:var(--w-medium,500)}.mk-row-main small{color:#6f7070;font-size:var(--fs-12)}.mk-row-main em{font-style:normal;font-size:var(--fs-12);color:#4a4b48}.mk-state{border-radius:var(--r-pill);font-size:var(--fs-11);white-space:nowrap;border:1px solid #dcdddd;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.mk-state.is-ok{color:#fff;background:#959571;border-color:#959571}.gift-features{text-align:left;gap:96px;display:grid}.gift-feature{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.gift-feature.is-flip .mk{order:2}.gift-feature h2,.gift-feature h3{letter-spacing:-.03em;font-size:clamp(30px,3.4vw,48px);line-height:1.04;font-weight:var(--w-medium,500);text-wrap:balance;margin:0}.gift-feature p{font-size:var(--fs-18);color:#4a4b48;text-wrap:pretty;max-width:32em;margin:18px 0 0;line-height:1.55}.gift-feature .seed-button{height:48px;font-size:var(--fs-15);color:#fff;background:#959571;margin-top:28px;padding:0 26px}.gift-feature .seed-button:hover{color:#fff;background:#868662}@media (width<=900px){.gift-features{gap:64px}.gift-feature{grid-template-columns:1fr;gap:28px}.gift-feature.is-flip .mk{order:0}}@media (width<=640px){.gift-features{gap:56px}.gift-feature p{font-size:var(--fs-16);margin-top:14px}.gift-feature .seed-button{margin-top:22px}.mk-received{aspect-ratio:5/6}.mk-list{width:86%;padding:12px}.mk-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:8px 0}.mk-avatar{width:28px;height:28px;font-size:var(--fs-10)}.mk-row-main strong{font-size:var(--fs-12)}.mk-row-main small,.mk-row-main em{font-size:var(--fs-11)}.mk-state{padding:5px}.mk-state span,.mk-row-main em{display:none}.mk-row-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk{aspect-ratio:auto;width:100%;max-width:420px;height:clamp(300px,92vw,400px)}.mk-received,.mk-budget{aspect-ratio:auto}.mk-phone{top:7%}.mk-pay{top:22%}.mk-budget .mk-photo{inset:4% 3% 4% 26%}.mk-panel{gap:8px;width:70%;top:6%}.mk-chips{flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.mk-gifts img{aspect-ratio:4/3}.mk-more{padding:7px}.mk-received .mk-photo{inset:4% 4% 4% 20%}.mk-list{top:9%}}@media (width<=900px){.gift-feature{justify-items:center}.gift-feature-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.gift-feature h2,.gift-feature h3{text-align:center}.gift-feature p{margin-inline:auto}}.mk-phone{padding-bottom:30px}.mk-amount{margin-top:12px;padding:13px 14px}@media (width<=640px){.mk-phone{padding-bottom:24px}.mk-amount{padding:10px 11px}.mk-phone img{aspect-ratio:16/10}.mk-phone{width:70%;left:8%}.mk-pay{width:50%}.mk-badge{width:22%;top:19%;left:0}}@media (width<=360px){.mk-phone img{aspect-ratio:2}}.gift-feature-label{font-size:var(--fs-14,14px);text-transform:uppercase;letter-spacing:.08em;color:#6f6f50;font-weight:var(--w-medium,500);margin:0 0 14px}@media (width<=640px){.gift-feature-label{font-size:var(--fs-13,13px);margin-bottom:10px}}
