.y-deal-slot{container-type:inline-size;display:flex}.y-deal{--deal-sheet-w: clamp(46px, 30cqw, 160px);--deal-overlap: calc(var(--deal-sheet-w) * .28);display:flex;flex-direction:column;gap:16px;width:100%;padding:26px 24px;border-radius:var(--y-r-md, 24px);background:var(--deal-bg, #ffd936)}.y-deal__badge{align-self:flex-start;padding:9px 17px;border-radius:999px;background:var(--deal-badge-bg, #110b42);color:var(--deal-badge-ink, #ffffff);font-size:13.5px;font-weight:700;line-height:1.2}.y-deal__sum{display:flex;align-items:baseline;gap:6px;line-height:1}.y-deal__a,.y-deal__b{font-size:52px;font-weight:800;letter-spacing:-.04em}.y-deal__a{color:var(--deal-ink, #110b42)}.y-deal__b{color:var(--deal-accent, #0075ff)}.y-deal__plus{font-size:20px;font-weight:700;color:var(--deal-muted, #6b5400)}.y-deal__free{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--deal-ink, #110b42)}.y-deal__art{display:flex;align-items:flex-end;justify-content:center;padding-block:2cqw}.y-deal__art img,.y-deal__sheet{display:block;position:relative;flex:none;width:var(--deal-sheet-w);height:auto;aspect-ratio:600 / 848;object-fit:cover;border-radius:8px;box-shadow:0 10px 24px #110b4247;transform-origin:bottom center}.y-deal__sheet{background-color:var(--deal-sheet, #ffffff);background-image:repeating-linear-gradient(135deg,#110b4212 0 6px,#110b4200 6px 13px)}.y-deal__art>*:nth-child(1){transform:rotate(-8deg) translateY(-2px);z-index:1}.y-deal__art>*:nth-child(2){margin-left:calc(var(--deal-overlap) * -1);transform:rotate(1deg) translateY(-7px);z-index:3}.y-deal__art>*:nth-child(3){margin-left:calc(var(--deal-overlap) * -1);transform:rotate(9deg) translateY(1px);z-index:2}.y-deal__art--single>*:nth-child(1){transform:none}.y-deal__text{margin:auto 0 0;font-size:15px;line-height:1.5;color:var(--deal-muted, #6b5400);text-wrap:pretty}@container (max-width: 380px){.y-deal{gap:12px;padding:20px 18px}.y-deal__badge{padding:7px 13px;font-size:12px}.y-deal__a,.y-deal__b{font-size:38px}.y-deal__free{font-size:18px}.y-deal__plus{font-size:16px}.y-deal__text{font-size:13.5px}}@container (max-width: 300px){.y-deal{padding:16px 14px;gap:10px}.y-deal__badge{font-size:11px;padding:6px 11px}.y-deal__a,.y-deal__b{font-size:32px}.y-deal__free{font-size:16px}.y-deal__text{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/yurls-deal-card.css.map */