.recipe-tutorials{position:relative;padding:70px 0 0;overflow:hidden;background:#fff}.recipe-tutorials-inner{background-position:center;background-repeat:no-repeat;background-size:cover}.recipe-tutorials .page-width{position:relative;z-index:2}.recipe-heading{margin:0 0 40px;font-family:Mohave;font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.02em;text-align:center;text-transform:uppercase;color:#1c1c1c}.recipe-slider{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.recipe-card{position:relative;display:block;overflow:hidden;aspect-ratio:1/1.5;text-decoration:none;transition:.3s ease;border-radius:8px}.recipe-card:hover{transform:translateY(-6px)}.recipe-image{width:100%;height:100%;object-fit:cover;display:block}.recipe-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:22px;color:#111;transition:.25s}.recipe-card:hover .recipe-play{transform:translate(-50%,-50%) scale(1.08)}.recipe-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999}.recipe-modal.active{display:flex}.recipe-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:block!important}.recipe-modal-content{position:relative;width:min(90vw,900px);aspect-ratio:16/9;z-index:2}.recipe-modal iframe{width:100%;height:100%;border:none;border-radius:12px}.recipe-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:40px;cursor:pointer}@media(max-width:768px){.recipe-tutorials{padding:50px 0}.recipe-heading{max-width:220px;margin:0 auto 24px}.recipe-slider{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}.recipe-slider::-webkit-scrollbar{display:none}.recipe-slider{scrollbar-width:none;-ms-overflow-style:none}.recipe-card{flex:0 0 72%;max-width:72%;scroll-snap-align:start}}@media screen and (min-width:768px){.recipe-slider:not(:has(>:nth-child(4))){grid-template-columns:repeat(3,minmax(200px,280px));justify-content:center}.recipe-slider:not(:has(>:nth-child(3))){grid-template-columns:repeat(2,minmax(200px,280px));justify-content:center}.recipe-slider:not(:has(>:nth-child(2))){grid-template-columns:minmax(200px,280px);justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/recipe-tutorials.css.map */