.jj-how{padding:110px 0;background:#faf8f4}.jj-how .page-width{max-width:1500px}.jj-how__header{max-width:980px;margin:0 auto 70px;text-align:center}.jj-how__eyebrow{margin:0 0 14px;color:#46c137;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.jj-how__title{margin:0;color:#1f1f1c;font-family:Cormorant Garamond,serif;font-size:clamp(50px,5vw,72px);font-weight:500;line-height:.95}.jj-how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.jj-step{display:flex;flex-direction:column;min-height:360px;background:#fff;border:1px solid #E8E1D6;border-radius:24px;padding:42px;transition:all .35s ease}.jj-step:hover{transform:translateY(-8px);border-color:#d9cdbd;box-shadow:0 24px 45px #71583714}.jj-step__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.jj-step__number{color:#b86c39;font-family:Cormorant Garamond,serif;font-size:72px;font-weight:500;line-height:.9}.jj-step__arrow{width:46px;height:46px;border-radius:50%;background:#f7f4ef;border:1px solid #ECE4D8;display:flex;align-items:center;justify-content:center;color:#b86c39;transition:all .3s ease;flex-shrink:0}.jj-step__arrow svg{width:18px;height:18px}.jj-step:hover .jj-step__arrow{background:#b86c39;color:#fff;border-color:#b86c39}.jj-step h3{margin:0 0 16px;color:#1f1f1c;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:600;line-height:1.15}.jj-step p{margin:0;color:#66615a;font-size:17px;line-height:1.75}@media(max-width:1200px){.jj-how{padding:90px 0}.jj-how__grid{grid-template-columns:repeat(2,1fr);gap:22px}}@media(max-width:749px){.jj-how{padding:70px 0}.jj-how__header{max-width:100%;margin-bottom:42px}.jj-how__title{font-size:48px}.jj-how__grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.jj-how__grid::-webkit-scrollbar{display:none}.jj-step{flex:0 0 88%;scroll-snap-align:start;min-height:auto;padding:34px}.jj-step__number{color:#b86c39;font-family:Cormorant Garamond,serif;font-size:72px;font-weight:500;line-height:.9;transition:transform .35s ease}.jj-step:hover .jj-step__number{transform:translateY(-2px)}.jj-step h3{font-size:32px}.jj-step p{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/jj-how-it-works.css.map */