.calmi-routine{--calmi-routine-section-bg: #171718;--calmi-routine-card-bg: #f7f3ed;--calmi-routine-text: #171718;--calmi-routine-accent: #630229;--calmi-routine-button-bg: #171718;--calmi-routine-button-text: #ffffff;--calmi-routine-surface: #ffffff;--calmi-routine-media-border: #f2f2f2;--calmi-routine-pill-border: #f0eae4;--calmi-routine-font-heading: "Arsenal", serif;--calmi-routine-font-body: "Lato", sans-serif;background-color:var(--calmi-routine-section-bg);padding:30px clamp(15px,6.9445vw,100px);color:var(--calmi-routine-text);overflow:hidden}.calmi-routine *,.calmi-routine *:before,.calmi-routine *:after{box-sizing:border-box}.calmi-routine__card{position:relative;display:flex;align-items:flex-start;gap:30px;max-width:1240px;margin:0 auto;padding:50px;background-color:var(--calmi-routine-card-bg);border-radius:20px;overflow:hidden}.calmi-routine__decor{position:absolute;z-index:0;opacity:.1;pointer-events:none}.calmi-routine__decor img{display:block;width:100%;height:100%;object-fit:cover}.calmi-routine__decor--top{top:1px;right:0}.calmi-routine__decor--bottom{top:347px;left:3px}.calmi-routine__media{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(260px,31vw,385px);aspect-ratio:1 / 1;border:2px solid var(--calmi-routine-media-border);border-radius:25px;overflow:hidden}.calmi-routine__image,.calmi-routine__placeholder{display:block;max-width:none;object-fit:contain}.calmi-routine__placeholder{fill:#17171840;background-color:#1717180a}.calmi-routine__content{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:15px;container-type:inline-size}.calmi-routine__heading,.calmi-routine__offer,.calmi-routine__callout{margin:0;font-family:var(--calmi-routine-font-heading);font-weight:700;font-style:normal;letter-spacing:0;text-transform:capitalize;color:var(--calmi-routine-text)}.calmi-routine__heading{font-size:34px;line-height:40px}.calmi-routine__rating{display:flex;gap:10px}.calmi-routine__stars,.calmi-routine__stars img{display:block;flex:0 0 auto;width:88px;height:15px}.calmi-routine__rating-text,.calmi-routine__pill,.calmi-routine__specs,.calmi-routine__benefit-text{margin:0;font-family:var(--calmi-routine-font-body);font-weight:400;font-style:normal;letter-spacing:0;text-transform:capitalize;color:var(--calmi-routine-text)}.calmi-routine__rating-text{font-size:16px;line-height:22px}.calmi-routine__pills{display:flex;flex-wrap:wrap;gap:15px;margin:0;padding:0;list-style:none}.calmi-routine__pill{padding:11px 29px;font-size:18px;line-height:26px;white-space:nowrap;background-color:var(--calmi-routine-surface);border:1px solid var(--calmi-routine-pill-border);border-radius:50px}.calmi-routine__specs{display:none;font-size:14px;line-height:20px}.calmi-routine__offer{font-size:20px;line-height:30px}.calmi-routine__benefits{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--calmi-routine-benefit-rows, 2),auto);column-gap:115px;row-gap:15px;max-width:100%;margin:0;padding:0;list-style:none}.calmi-routine__benefit{display:flex;align-items:center;gap:10px}.calmi-routine__check{display:block;flex:0 0 auto;width:20px;height:20px;color:var(--calmi-routine-accent)}.calmi-routine__check svg{display:block;width:100%;height:100%}.calmi-routine__benefit-text{font-size:16px;line-height:22px;white-space:nowrap}.calmi-routine__callout{font-size:18px;line-height:22px;text-transform:none;color:var(--calmi-routine-accent)}.calmi-routine__actions{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:15px}.calmi-routine__button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:min(391px,100%);min-height:50px;padding:14px 90px;font-family:var(--calmi-routine-font-body);font-size:16px;font-weight:700;line-height:22px;letter-spacing:0;text-align:center;text-decoration:none;text-transform:capitalize;color:var(--calmi-routine-button-text);background-color:var(--calmi-routine-button-bg);border:0;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.calmi-routine__button:hover{opacity:.88}.calmi-routine__button:focus-visible,.calmi-routine__link:focus-visible{outline:2px solid var(--calmi-routine-accent);outline-offset:3px}.calmi-routine__link{font-family:var(--calmi-routine-font-body);font-size:14px;font-weight:700;line-height:20px;letter-spacing:0;color:var(--calmi-routine-text);text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font}.calmi-routine__link:hover{color:var(--calmi-routine-accent)}@container (max-width: 597px){.calmi-routine__benefits{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:none}.calmi-routine__benefit-text{white-space:normal;text-align:left}}@media(min-width:750px)and (max-width:1024px){.calmi-routine{padding:30px 20px}.calmi-routine__card{flex-direction:column;padding:20px}.calmi-routine__media{width:min(385px,100%)}.calmi-routine__content{flex:0 0 auto;width:100%}.facts-accordion.open{max-width:570px}}@media screen and (max-width:749px){.calmi-routine{padding:20px 15px}.calmi-routine__card{flex-direction:column;gap:15px;padding:20px 15px;border-radius:15px}.calmi-routine__decor--top{display:none}.calmi-routine__media{width:100%;border-radius:15px}.calmi-routine__content{flex:0 0 auto;width:100%;gap:10px}.calmi-routine__heading{font-size:24px;line-height:30px}.calmi-routine__rating{gap:6px}.calmi-routine__stars,.calmi-routine__stars img{width:77.333px;height:13px}.calmi-routine__rating-text{font-size:12px;font-weight:600;line-height:16px}.calmi-routine__pills{display:none}.calmi-routine__specs{display:block}.calmi-routine__offer{font-size:16px;line-height:22px}.calmi-routine__benefits{display:flex;flex-direction:column;gap:6px;width:100%}.calmi-routine__benefit{gap:6px}.calmi-routine__check{width:16px;height:16px}.calmi-routine__benefit-text{font-size:14px;line-height:20px;white-space:normal}.calmi-routine__callout{font-size:16px;line-height:22px}.calmi-routine__actions{align-items:center;gap:10px;width:100%}.calmi-routine__button{display:flex;width:100%;padding:14px 10px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-calmi-collagen-routine.css.map */