.drf-gift,.drf-gift-toast,.drf-gift-pill{--g-ink: #0d1d16;--g-muted: #5f6862;--g-surface: #f5f5f2;--g-green: #2f6e4b;--g-mint: #9fd3b4;--g-mint-soft: #e3f2e9;--g-sans: -apple-system, "system-ui", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--g-sans);color:var(--g-ink);-webkit-font-smoothing:antialiased}.drf-gift *,.drf-gift *:before,.drf-gift *:after{box-sizing:border-box}html.drf-gift-lock,html.drf-gift-lock body{overflow:hidden}.drf-gift{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px}.drf-gift__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1d1675;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);opacity:0;transition:opacity .35s ease}.drf-gift__panel{position:relative;display:flex;flex-direction:column;width:min(100%,880px);max-height:min(92vh,860px);border-radius:32px;background:#fff;box-shadow:0 40px 120px #0d1d1647;overflow:hidden;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.drf-gift.is-open .drf-gift__backdrop{opacity:1}.drf-gift.is-open .drf-gift__panel{opacity:1;transform:none}.drf-gift__x{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--g-surface);color:var(--g-ink);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.drf-gift__x:hover{background:#e9eae5;transform:rotate(90deg)}.drf-gift__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.drf-gift__head{position:relative;padding:40px clamp(24px,4vw,48px) 22px;text-align:center}.drf-gift__seal{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:var(--g-mint);color:var(--g-ink);transform:rotate(-8deg) scale(.6);opacity:0;box-shadow:0 14px 30px #2f6e4b40}.drf-gift.is-open .drf-gift__seal{animation:drfGiftSeal .7s cubic-bezier(.3,1.5,.5,1) .18s forwards}.drf-gift__seal span{font-size:26px;font-weight:700;line-height:1;letter-spacing:-.04em}.drf-gift__seal small{margin-top:2px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}@keyframes drfGiftSeal{to{opacity:1;transform:rotate(-8deg) scale(1)}}.drf-gift__eyebrow{margin:0 0 10px;color:var(--g-muted);font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.drf-gift .drf-gift__title{margin:0;font-family:var(--g-sans)!important;font-size:clamp(30px,3.6vw,44px);font-weight:650;line-height:1.02;letter-spacing:-.045em;text-transform:none;color:var(--g-ink);text-wrap:balance}.drf-gift__text{max-width:46ch;margin:12px auto 0;color:var(--g-muted);font-size:16px;line-height:1.5;text-wrap:pretty}.drf-gift__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:6px clamp(20px,4vw,48px) 24px;overflow-y:auto;overscroll-behavior:contain;list-style:none;-webkit-overflow-scrolling:touch}.drf-gift__grid li{opacity:0;transform:translateY(14px)}.drf-gift.is-open .drf-gift__grid li{animation:drfGiftIn .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.12s + min(var(--i),12)*35ms)}@keyframes drfGiftIn{to{opacity:1;transform:none}}.drf-gift__item{position:relative;white-space:normal;text-transform:none;letter-spacing:normal;line-height:1.3;min-width:0;display:flex;flex-direction:column;width:100%;height:100%;padding:8px 8px 14px;border:0;border-radius:22px;background:var(--g-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s ease,background-color .2s ease,transform .2s ease}.drf-gift__item:hover{background:#eeefea}.drf-gift__item:active{transform:scale(.98)}.drf-gift__item:focus-visible{outline:2px solid var(--g-green);outline-offset:2px}.drf-gift__item[aria-selected=true]{background:var(--g-mint-soft);box-shadow:inset 0 0 0 2px var(--g-green)}.drf-gift__img{display:block;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#fff}.drf-gift__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.drf-gift__item:hover .drf-gift__img img{transform:scale(1.04)}.drf-gift__check{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #0d1d1629;transition:background-color .2s ease,box-shadow .2s ease,transform .3s cubic-bezier(.3,1.5,.5,1)}.drf-gift__check svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}.drf-gift__item[aria-selected=true] .drf-gift__check{background:var(--g-green);box-shadow:none;transform:scale(1.08)}.drf-gift__item[aria-selected=true] .drf-gift__check svg{opacity:1}.drf-gift__name{display:block;margin:12px 6px 0;font-size:14.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.drf-gift__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:auto 6px 0;padding-top:8px;font-size:13px}.drf-gift__price s{color:var(--g-muted)}.drf-gift__price strong{color:var(--g-green);font-weight:700}.drf-gift__foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px clamp(20px,4vw,48px) 22px;border-top:1px solid rgba(13,29,22,.08);background:#fffffff0}.drf-gift__note,.drf-gift__error{margin:0;color:var(--g-muted);font-size:13px;text-align:center}.drf-gift__error{color:#a23b2a}.drf-gift__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:min(100%,420px);min-height:56px;padding:0 24px;border:0;border-radius:999px;background:var(--g-ink);color:#fff;font:600 16px/1.15 var(--g-sans);letter-spacing:-.01em;cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}.drf-gift__cta span{overflow:hidden;max-width:24ch;text-overflow:ellipsis;white-space:nowrap}.drf-gift__cta:not([disabled]):hover{transform:translateY(-1px);background:#1d3a2d}.drf-gift__cta[disabled]{background:#c9ccc7;cursor:default}.drf-gift__cta.is-loading{opacity:.7}.drf-gift__later{padding:6px 10px;border:0;background:none;color:var(--g-muted);font:500 14px/1 var(--g-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.drf-gift__later:hover{color:var(--g-ink)}.drf-gift-toast{position:fixed;left:50%;top:20px;z-index:2147483001;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:var(--g-ink);color:#fff;font-size:14.5px;font-weight:600;box-shadow:0 18px 40px #0d1d1647;opacity:0;transform:translate(-50%,-16px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.drf-gift-toast.is-in{opacity:1;transform:translate(-50%)}.drf-gift-toast svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--g-mint);fill:none;stroke:var(--g-ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.drf-gift-banner{--g-ink: #0d1d16;--g-mint: #9fd3b4;--g-green: #2f6e4b;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 12px 12px 14px;border-radius:18px;background:#e3f2e9;box-shadow:inset 0 0 0 1px #2f6e4b2e;color:var(--g-ink);font-family:-apple-system,"system-ui",SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left;animation:drfGiftBanner .5s cubic-bezier(.2,.8,.2,1)}.drf-gift-banner[hidden]{display:none}.drf-b-buy .drf-gift-banner{margin:14px 0 0}.drawer__bottom>.drf-gift-banner{margin:14px 16px 6px}.drf-gift-banner__seal{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--g-mint);font-size:15px;font-weight:700;letter-spacing:-.03em;animation:drfGiftPulse 2.4s ease-in-out infinite}.drf-gift-banner__copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.drf-gift-banner__copy strong{font-size:15px;font-weight:650;letter-spacing:-.01em}.drf-gift-banner__copy small{color:var(--g-green);font-size:13px;line-height:1.3}.drf-gift-banner__cta{flex:0 0 auto;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--g-ink);color:#fff;font:600 14px/1 -apple-system,"system-ui",SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.01em;text-transform:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.drf-gift-banner__cta:hover{transform:translateY(-1px);background:#1d3a2d}@keyframes drfGiftBanner{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drfGiftPulse{0%,to{box-shadow:0 0 #2f6e4b59}50%{box-shadow:0 0 0 8px #2f6e4b00}}.drf-gift-pill{position:fixed;left:16px;bottom:16px;z-index:2147482990;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 8px;border-radius:999px;background:#fff;box-shadow:0 14px 40px #0d1d1633,0 0 0 1px #0d1d160f;font-size:14px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.drf-gift-pill.is-in{opacity:1;transform:none;pointer-events:auto}.drf-gift-pill.has-preview-bar{bottom:84px}.drf-gift-pill__icon{animation:drfGiftPulse 2.4s ease-in-out infinite}.drf-gift-pill__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--g-mint);font-size:13px;font-weight:700;letter-spacing:-.02em}.drf-gift-pill__text{font-weight:600;white-space:nowrap}.drf-gift-pill__cta{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--g-ink);color:#fff;font:600 13.5px/1 var(--g-sans);cursor:pointer}@media(min-width:768px)and (max-height:760px){.drf-gift__head{padding-top:26px;padding-bottom:14px}.drf-gift__seal{width:56px;height:56px;margin-bottom:10px}.drf-gift__seal span{font-size:19px}.drf-gift__seal small{font-size:7.5px}.drf-gift .drf-gift__title{font-size:32px}.drf-gift__text{margin-top:8px;font-size:15px}.drf-gift__foot{padding-top:12px;padding-bottom:14px}}@media(max-width:989px){.drf-gift__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.drf-gift{align-items:flex-end;padding:0}.drf-gift__panel{width:100%;max-height:92svh;border-radius:28px 28px 0 0;transform:translateY(100%);transition:opacity .3s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.drf-gift__head{padding:26px 20px 16px}.drf-gift__seal{width:60px;height:60px;margin-bottom:12px}.drf-gift__seal span{font-size:21px}.drf-gift__seal small{font-size:8px}.drf-gift .drf-gift__title{font-size:30px}.drf-gift__text{font-size:15px}.drf-gift__x{top:12px;right:12px;width:36px;height:36px}.drf-gift__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 16px 18px}.drf-gift__name{font-size:13.5px}.drf-gift__foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.drf-gift-pill{left:12px;right:auto;bottom:calc(84px + env(safe-area-inset-bottom))}.drf-gift-pill.has-preview-bar{bottom:calc(150px + env(safe-area-inset-bottom))}.drf-gift-banner{gap:10px;padding:10px 10px 10px 12px}.drf-gift-banner__copy strong{font-size:14px}.drf-gift-banner__copy small{font-size:12px}.drf-gift-pill__text{font-size:13px}}@media(prefers-reduced-motion:reduce){.drf-gift__panel,.drf-gift__backdrop,.drf-gift-toast,.drf-gift-pill{transition:opacity .2s ease;transform:none!important}.drf-gift-banner,.drf-gift-banner__seal,.drf-gift-pill__icon{animation:none!important}.drf-gift__grid li,.drf-gift__seal{animation:none!important;opacity:1;transform:none}.drf-gift__seal{transform:rotate(-8deg)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/drf-gift.css.map */