.section-routine:after{content:"";display:block;clear:both;width:100%;height:.2rem;background-color:var(--color-cream);margin-top:2rem;border-radius:2rem}.section-routine--content{justify-content:space-between}.section-routine--title{margin:0 auto 2rem 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.5rem}a.section-routine--title:hover{color:var(--color-grey);opacity:.75;transition:color .16s ease-in-out}.section-routine--cta{transition:transform .16s ease-in-out}.section-routine--title:hover .section-routine--cta{transform:scale(1.05)}.section-routine--title:hover .section-routine--cta .new-cta{background-color:var(--color-red);color:var(--color-cream)}.section-routine--cta{display:flex}.section-routine .new-cta{background-color:var(--color-cream);color:var(--color-red);width:fit-content;white-space:nowrap}.section-routine--description{max-width:30rem}.section-routine--products{margin:0;width:66%;display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:1fr 1fr;gap:1rem}.routine-card.observed{opacity:.01}.section-routine--products .routine-card.scrolled{animation:fadeIn .48s var(--ease-smooth) forwards}.section-routine--products .routine-card.scrolled:nth-child(2n){animation-delay:.48s}.routine-card{flex-direction:column;padding:1rem;border-radius:1rem;transition:background-color .32s ease-in-out}.routine-card a:hover{color:inherit}.routine-card:has(a:hover){background-color:var(--color-trans)}.routine-card:has(a:hover) .routine-card--tagline{color:var(--color-main)}.routine-card.is-current:has(a:hover){background-color:var(--color-cream)}.routine-card.is-current{background-color:var(--color-cream)}.routine-card.is-current .routine-card--descr{color:var(--color-main)}.routine-card.is-current .numeral{color:var(--color-main);border-color:var(--color-main)}.routine-card--row{display:flex;flex-direction:column}.routine-card--row img{width:100%;height:auto;border-radius:.5rem;aspect-ratio:1;object-fit:cover}.routine-card.is-current img{border:.1rem solid var(--color-background)}.routine-card--meta{display:flex;flex-direction:column;padding:0 1rem}.routine-card .numeral{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.5rem;color:var(--color-main);background-color:var(--color-cream);border:.1rem solid var(--color-grey);border:none;border-radius:50%;aspect-ratio:1/1;width:fit-content;box-shadow:var(--shadow-btn)}.routine-card--descr{margin:1rem 0;color:var(--color-main)}.routine-card--descr p{max-width:30rem}.routine-card.is-current .numeral{background-color:var(--color-background)}.routine-card--meta{margin-top:1rem}.routine-card--meta .routine-card--tagline{margin:0}.routine-card--title{margin-top:.5rem}.routine-card .quick-add-button--new{display:block;position:relative;z-index:1;width:fit-content;height:auto;border-radius:1rem;background-color:var(--color-red);bottom:auto;left:auto;top:auto;right:auto;padding:.5rem 1rem;margin:1rem;transition:background-color .32s ease-in-out}.routine-card .quick-add-button:before,.routine-card .quick-add-button:after{display:none}.routine-card.is-current .quick-add-button--new{background-color:var(--color-background);color:var(--color-grey);opacity:.5;cursor:default}.routine-card:has(a:hover) .quick-add-button--new{background-color:var(--color-main)}.routine-card.is-current:has(a:hover) .quick-add-button--new{background-color:var(--color-background)}.routine-card.is-current a{cursor:default}@media screen and (max-width: 749px){.routine-card:has(a:hover){background-color:var(--color-background)}.routine-card.observed{opacity:1}.routine-card a{position:relative}.routine-card--descr{display:none}.section-routine--products .routine-card.scrolled{animation:none}.routine-card .numeral{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;box-shadow:none;background:var(--color-background)}.routine-card.routine-card.is-current .numeral{background:transparent}.section-routine--content{display:block}.section-routine--title{margin:0 auto 1rem 0}.section-routine--products{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto}.routine-card{width:100%;margin:.5rem 0;flex:0 0 auto;padding:1rem 0}.routine-card.is-current{background-color:var(--color-background)}.routine-card.is-current .numeral{color:var(--color-main);background-color:var(--color-cream);border:none}.section-routine:after{margin-top:1rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-routine.css.map */