.swsh-replaceable-tips{padding:var(--space-xl) 0;overflow:hidden;transition:background-color var(--duration-slow) var(--ease-out-smooth)}.swsh-replaceable-tips__grid{display:flex;flex-direction:column;gap:40px;align-items:center}.swsh-replaceable-tips__content-col{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.swsh-replaceable-tips__heading{font-family:var(--font-heading);font-size:clamp(32px,8vw,44px);font-weight:700;line-height:1.1;margin:0 0 24px;letter-spacing:-.01em;color:inherit}.swsh-replaceable-tips__mobile-br{display:none}@media screen and (max-width:767px){.swsh-replaceable-tips__mobile-br{display:block}}.swsh-replaceable-tips__checklist{list-style:none;padding:0;margin:0 auto 32px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:100%;text-align:left}.swsh-replaceable-tips__checklist-item{display:flex;align-items:flex-start;gap:14px}.swsh-replaceable-tips__checkmark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:1px}.swsh-replaceable-tips__checkmark svg{width:100%;height:100%;display:block}.swsh-replaceable-tips__checklist-text{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.4;color:inherit}.swsh-replaceable-tips__btn-wrapper{margin-top:8px;width:100%;display:flex;justify-content:center}.swsh-replaceable-tips__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:220px;padding:0 36px;border-radius:9999px;font-family:var(--font-body);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;background-color:transparent;border:2px solid transparent;position:relative;overflow:hidden;z-index:1;cursor:pointer;transition:border-color var(--duration-base) var(--ease-in-out-soft),color var(--duration-base) var(--ease-in-out-soft),transform var(--duration-fast) var(--ease-in-out-soft)}.swsh-replaceable-tips__btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-in-out-soft)}.swsh-replaceable-tips__btn:hover:before{transform:scaleX(1)}.swsh-replaceable-tips__btn:hover{transform:translateY(-1px)}.swsh-replaceable-tips__image-col{width:100%;order:2;display:flex;justify-content:center}.swsh-replaceable-tips__image-wrapper{position:relative;width:100%;max-width:600px;border-radius:16px}.swsh-replaceable-tips__image{width:100%;height:auto;display:block;object-fit:cover;border-radius:16px}.swsh-replaceable-tips__placeholder{width:100%;aspect-ratio:4/3;display:grid;place-content:center;border:2px dashed rgba(0,0,0,.15);border-radius:16px;padding:40px;text-align:center;box-sizing:border-box}.swsh-replaceable-tips__placeholder-title{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:8px}.swsh-replaceable-tips__placeholder-text{font-family:var(--font-body);font-size:14px;opacity:.7}.swsh-replaceable-tips__badge{position:absolute;bottom:-20px;right:10px;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px #0000000f;z-index:2;padding:12px;box-sizing:border-box;transition:transform var(--duration-base) var(--ease-out-smooth)}.swsh-replaceable-tips__image-wrapper:hover .swsh-replaceable-tips__badge{transform:scale(1.08) rotate(5deg)}.swsh-replaceable-tips__badge-text{font-family:var(--font-heading);font-size:12px;font-weight:700;line-height:1.25}@media screen and (min-width:768px){.swsh-replaceable-tips{padding:var(--space-lg) 0}.swsh-replaceable-tips__grid{flex-direction:row;justify-content:space-between;gap:var(--space-lg)}.swsh-replaceable-tips__content-col{width:44%;align-items:flex-start;text-align:left}.swsh-replaceable-tips__heading{font-size:clamp(36px,4.5vw,54px);margin-bottom:18px;line-height:1.05}.swsh-replaceable-tips__checklist{margin:0 0 20px;gap:12px}.swsh-replaceable-tips__checklist-text{font-size:18px}.swsh-replaceable-tips__btn-wrapper{justify-content:flex-start}.swsh-replaceable-tips__image-col{width:50%;order:1}.swsh-replaceable-tips__image-wrapper{max-width:440px}.swsh-replaceable-tips__image{max-height:340px}.swsh-replaceable-tips__badge{bottom:32px;right:-24px;width:150px;height:150px;padding:20px}.swsh-replaceable-tips__badge-text{font-size:16px}}@media screen and (min-width:1024px){.swsh-replaceable-tips__grid{gap:var(--space-xl)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/swsh-replaceable-tips.css.map */