.bg-gift{--bg-gift-purple: #5600e3;--bg-gift-pink: #d80a86;--bg-gift-ink: #34125d;--bg-gift-line: #e9e5ef;--bg-gift-hover: #cdbce8;--bg-gift-shadow: 0 4px 16px rgba(52, 18, 93, .035);--bg-gift-lift: 0 8px 24px rgba(52, 18, 93, .08);background:#fff;color:#202020;overflow:hidden;font-family:var(--bg-page-font-body, "Poppins"),"Microsoft YaHei","PingFang SC",sans-serif}.bg-gift--gradient{background:linear-gradient(115deg,#f1eafd,#f6f0fc 58%,#fff1f8)}.bg-gift--bordered{background:#fff;border-top:1px solid #efe8f7;padding:24px 0 34px}.bg-gift *,.bg-gift *:before,.bg-gift *:after{box-sizing:border-box}.bg-gift h2,.bg-gift h3,.bg-gift p{margin:0}.bg-gift a{color:inherit;text-decoration:none}.bg-gift button{font:inherit;cursor:pointer}.bg-gift a:focus-visible,.bg-gift button:focus-visible,.bg-gift .bg-gift__rail:focus-visible{outline:3px solid var(--bg-gift-pink);outline-offset:5px;border-radius:12px}.bg-gift__row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;max-width:2048px;margin:0 auto;padding:30px clamp(24px,2.6vw,64px) 22px;align-items:center}.bg-gift--compact .bg-gift__row{padding-top:16px;padding-bottom:34px}.bg-gift--bordered .bg-gift__row{padding-top:0;padding-bottom:0}.bg-gift__aside{padding:0 0 7px}.bg-gift__aside h2{font-size:25px;font-weight:700;line-height:1.12;letter-spacing:-.8px;color:var(--bg-gift-ink);max-width:215px}.bg-gift__aside h2 span{color:var(--bg-gift-pink)}.bg-gift__aside p{font-size:12px;color:#686370;line-height:1.6;margin-top:10px;max-width:195px}.bg-gift__see{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--bg-gift-purple);margin-top:11px}.bg-gift__see:hover{color:var(--bg-gift-pink)}.bg-gift__arrows{display:flex;gap:10px;margin-top:15px}.bg-gift__arrow{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #ded5e9;border-radius:50%;background:#fff;color:var(--bg-gift-ink);transition:border-color .18s ease,box-shadow .18s ease}.bg-gift__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.bg-gift__arrow:disabled{color:#aaa1b2;border-color:#e6dfef;background:#ffffffb0;cursor:default}.bg-gift__arrow:not(:disabled):hover{border-color:#bfa5e9;box-shadow:0 3px 10px #34125d0b}.bg-gift__arrow:not(:disabled):active{transform:translate(1px,1px)}.bg-gift__window{min-width:0;position:relative}.bg-gift__rail{display:flex;gap:20px;overflow:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:8px 8px 13px 3px;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:grab}.bg-gift__rail::-webkit-scrollbar{display:none}.bg-gift__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.bg-gift__tile{flex:0 0 clamp(136px,7.4vw,158px);width:clamp(136px,7.4vw,158px);display:block;text-align:center;scroll-snap-align:start}.bg-gift__frame{display:block;aspect-ratio:1;background:#fff;border:1px solid var(--bg-gift-line);border-radius:15px;overflow:hidden;box-shadow:var(--bg-gift-shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bg-gift__frame img{width:100%;height:100%;object-fit:contain;display:block;padding:3px;border-radius:14px;pointer-events:none}.bg-gift__tile h3{font-size:12px;font-weight:700;line-height:1.35;margin-top:11px;color:var(--bg-gift-ink)}.bg-gift__product{flex:0 0 clamp(176px,12vw,210px);width:clamp(176px,12vw,210px);display:flex;flex-direction:column;border:1px solid var(--bg-gift-line);border-radius:16px;background:#fff;box-shadow:var(--bg-gift-shadow);overflow:hidden;scroll-snap-align:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bg-gift__product-image{aspect-ratio:1;display:block;background:#fff}.bg-gift__product-image img{width:100%;height:100%;display:block;object-fit:contain;padding:5px;border-radius:14px 14px 0 0;pointer-events:none}.bg-gift__product-copy{padding:10px 12px 14px;flex:1;display:flex;flex-direction:column}.bg-gift__product-copy h3{font-size:14px;font-weight:700;line-height:1.35;min-height:2.7em;margin-bottom:15px;color:#202020}.bg-gift__price{font-size:12px;color:#79717f;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;line-height:1.4}.bg-gift__price strong{font-size:16px;color:#202020}.bg-gift__price s{color:#837a8b;font-size:12px}.bg-gift__sale{align-self:flex-start;margin-top:5px;border-radius:6px;padding:2px 7px;background:#287a4b;color:#fff;font-weight:700;font-size:10px}.bg-gift__more{flex:0 0 clamp(176px,12vw,210px);width:clamp(176px,12vw,210px);min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #ddd0ee;border-radius:16px;background:linear-gradient(135deg,#f1eafd,#fff1f8);color:var(--bg-gift-ink);font-size:14px;font-weight:700;scroll-snap-align:start}.bg-gift__more b{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--bg-gift-purple);border-radius:50%;background:var(--bg-gift-purple);color:#fff;box-shadow:0 3px 10px #5600e312;font-size:23px;transition:box-shadow .18s ease}@media(hover:hover)and (pointer:fine){.bg-gift__tile:hover .bg-gift__frame,.bg-gift__product:hover{transform:translateY(-1px);border-color:var(--bg-gift-hover);box-shadow:var(--bg-gift-lift)}.bg-gift__more:hover b{box-shadow:0 4px 14px #5600e31a}}@media(max-width:1000px){.bg-gift__row{grid-template-columns:180px minmax(0,1fr);gap:20px}.bg-gift__aside h2{font-size:23px}}@media(max-width:700px){.bg-gift__row{display:block;padding:24px 16px 14px}.bg-gift--compact .bg-gift__row{padding-top:12px;padding-bottom:22px}.bg-gift--bordered{padding:24px 0 28px}.bg-gift--bordered .bg-gift__row{padding:0}.bg-gift__aside{position:relative;padding-right:96px;margin-bottom:7px}.bg-gift__aside h2{font-size:23px;max-width:250px;line-height:1.15;letter-spacing:-.6px}.bg-gift__aside p{font-size:11px;margin-top:7px;max-width:245px}.bg-gift__see{font-size:11px;margin-top:8px}.bg-gift__arrows{position:absolute;right:3px;bottom:8px;margin:0;gap:8px}.bg-gift__rail{gap:14px;padding:7px 8px 12px 2px}.bg-gift__tile{flex-basis:130px;width:130px}.bg-gift__tile h3{font-size:11px;margin-top:9px}.bg-gift__product,.bg-gift__more{flex-basis:166px;width:166px}.bg-gift__product-copy{padding:8px 11px 12px}.bg-gift__product-copy h3{font-size:13px;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.bg-gift *,.bg-gift *:before,.bg-gift *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/bg-gift-rows.css.map */
