.supp-replace{position:relative;padding:var(--sr-pt, 80px) 40px var(--sr-pb, 80px);overflow:hidden;background-color:var(--sr-bg, #f8f4f0)}.supp-replace__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.supp-replace__bg-img img{width:100%;height:100%;object-fit:cover;display:block}.supp-replace__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--sr-bg, #f8f4f0);opacity:var(--sr-overlay-opacity, 0);pointer-events:none}.supp-replace__wrap{position:relative;z-index:2;max-width:1300px;margin:0 auto}.supp-replace__header{text-align:center;max-width:850px;margin:0 auto 48px}.supp-replace__heading{font-family:var(--font-heading-family, Georgia, serif);font-weight:var(--font-heading-weight, 400);font-size:clamp(28px,3.2vw,44px);font-weight:700;color:var(--sr-heading-color, #1a1a1a);text-transform:uppercase;line-height:1.2;margin-bottom:32px}.supp-replace__heading em,.supp-replace__heading i{font-style:italic}.supp-replace__product-img{display:block;max-width:400px;width:100%;height:auto;margin:0 auto 32px}.supp-replace__subtitle{font-family:var(--font-heading-family, Georgia, serif);font-weight:var(--font-heading-weight, 400);font-size:clamp(16px,1.8vw,20px);font-style:italic;color:var(--sr-heading-color, #1a1a1a);margin-bottom:20px}.supp-replace__desc{font-size:15px;line-height:1.65;color:var(--sr-text-color, #555)}.supp-replace__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.supp-replace__card{perspective:1000px}.supp-replace__card-inner{position:relative;width:100%;height:var(--sr-card-height, 340px);transition:transform .6s ease;transform-style:preserve-3d}.supp-replace__card.is-flipped .supp-replace__card-inner{transform:rotateY(180deg)}.supp-replace__card-front,.supp-replace__card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden;background:var(--sr-card-bg, #ffffff);display:flex;flex-direction:column}.supp-replace__card-back{transform:rotateY(180deg)}.supp-replace__card-img-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.supp-replace__card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.supp-replace__card-body{padding:20px 16px 24px;text-align:center;flex-shrink:0}.supp-replace__card-title{font-family:var(--font-heading-family, Georgia, serif);font-weight:var(--font-heading-weight, 400);font-size:15px;font-weight:700;color:var(--sr-accent-color, #6b2a2a);margin-bottom:8px}.supp-replace__card-desc{font-size:13px;line-height:1.5;color:var(--sr-text-color, #555)}.supp-replace__card-back-content{flex:1;padding:52px 20px 24px;overflow-y:auto}.supp-replace__card-back-text{font-size:13px;line-height:1.6;color:#333}.supp-replace__card-back-text p{margin-bottom:10px}.supp-replace__card-back-text p:last-child{margin-bottom:0}.supp-replace__card-expand{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;padding:0;z-index:2}.supp-replace__card-expand:hover{transform:scale(1.1)}.supp-replace__card-expand svg{width:32px;height:32px}.supp-replace__card.is-flipped .supp-replace__card-expand svg{transform:rotate(45deg)}.supp-replace__cta{text-align:center;margin-top:24px}.supp-replace__btn{display:inline-block;background:var(--sr-btn-bg, #6b2a2a);color:var(--sr-btn-text, #ffffff);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:16px 48px;border-radius:50px;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s}.supp-replace__btn:hover{opacity:.9}.supp-replace__dots{display:none}@media(max-width:1099px){.supp-replace__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.supp-replace{padding:var(--sr-pt-m, 48px) 20px var(--sr-pb-m, 48px)}.supp-replace__header{margin-bottom:36px}.supp-replace__product-img{max-width:300px}.supp-replace__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.supp-replace__grid::-webkit-scrollbar{display:none}.supp-replace__card{flex:0 0 75%;max-width:280px;scroll-snap-align:start}.supp-replace__card-inner{height:var(--sr-card-height-m, 320px)}.supp-replace__dots{display:flex;justify-content:center;gap:8px;margin-top:24px;margin-bottom:16px}.supp-replace__dot{width:10px;height:10px;border-radius:50%;background:var(--sr-accent-color, #6b2a2a);opacity:.3;border:none;padding:0;cursor:pointer;transition:opacity .3s,transform .3s}.supp-replace__dot.is-active{opacity:1;transform:scale(1.2)}.supp-replace__dot.is-hidden{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-supplement-replace.css.map */