.page-mocktail-cards{padding-top:120px;padding-bottom:100px;border-top:1px solid #4B1715}.page-mocktail-cards .section-inner{max-width:1400px;margin:0 auto;text-align:center;padding-left:20px;padding-right:20px}.page-mocktail-cards .section-title{margin-top:0;margin-bottom:0;font-size:60px;font-weight:400;color:#4b1715;line-height:1.2}.page-mocktail-cards .section-subtitle{margin-top:30px;margin-bottom:0;color:#823f29;font-size:25px;font-weight:300;line-height:1.5}.page-mocktail-cards .cards{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:100px}.page-mocktail-cards .cards .card{width:calc(33.33% - 50px)}.page-mocktail-cards .cards .card .card-image{position:relative}.page-mocktail-cards .cards .card .card-image .responsive-image__wrapper{position:relative;width:100%;height:0px;padding-top:100%}.page-mocktail-cards .cards .card .card-image .responsive-image__wrapper img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:5px}.page-mocktail-cards .cards .card .card-image .card-tags{position:absolute;left:15px;top:20px;display:inline-flex;flex-wrap:wrap;column-gap:10px}.page-mocktail-cards .cards .card .card-image .card-tag{display:inline-flex;align-items:center;padding:6px 10px;background:#374c1e;border-radius:20px;column-gap:10px}.page-mocktail-cards .cards .card .card-image .card-tag svg{width:19px;height:19px}.page-mocktail-cards .cards .card .card-image .card-tag span{font-size:14px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;color:#e8c7aa;margin-top:2px}.page-mocktail-cards .cards .card .card-title{margin-top:30px;margin-bottom:0;font-size:32px;font-weight:400;line-height:1.2;color:#4b1715;min-height:76px}.page-mocktail-cards .cards .card .card-button{margin-top:30px;height:56px;border-radius:8px;background:#374c1e;padding-left:40px;padding-right:40px;display:inline-flex;align-items:center;color:#feead3;font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.8px;text-decoration:none}.page-mocktail-cards .cards .card .card-button:hover{color:#e8c7aa}@media screen and (max-width: 900px){.page-mocktail-cards{padding-top:40px;padding-bottom:60px}.page-mocktail-cards .section-inner{padding-left:0;padding-right:0}.page-mocktail-cards .section-title{font-size:30px;padding-left:20px;padding-right:20px}.page-mocktail-cards .section-subtitle{margin-top:20px;font-size:16px;padding-left:20px;padding-right:20px}.page-mocktail-cards .cards{margin-top:40px;display:block;white-space:nowrap;overflow-x:auto;padding-left:20px;padding-right:20px}.page-mocktail-cards .cards::-webkit-scrollbar{-webkit-appearance:none}.page-mocktail-cards .cards .card{display:inline-block;width:70%}.page-mocktail-cards .cards .card:not(:last-child){margin-right:15px}.page-mocktail-cards .cards .card .card-title{white-space:break-spaces;font-size:20px;min-height:48px}.page-mocktail-cards .cards .card .card-button{margin-top:20px;height:50px;font-size:16px}.page-mocktail-cards .cards .card .card-image .card-tags{left:13px;top:13px}.page-mocktail-cards .cards .card .card-image .card-tag svg{width:13px;height:13px}.page-mocktail-cards .cards .card .card-image .card-tag span{font-size:12px}}.page-mocktail-image-text{border-top:1px solid #4B1715;border-bottom:1px solid #4B1715}.page-mocktail-image-text .section-inner{display:flex;flex-wrap:wrap}.page-mocktail-image-text .section-inner .image-column{width:50%;border-right:1px solid #4B1715}.page-mocktail-image-text .section-inner .image-column .responsive-image__wrapper{position:relative;height:0px;width:100%;padding-top:80%;min-height:100%}.page-mocktail-image-text .section-inner .image-column img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.page-mocktail-image-text .section-inner .text-column{width:50%}.page-mocktail-image-text .text-column{padding:60px 5vw;display:flex;align-items:center;background:#feead2}.page-mocktail-image-text .text-column .section-preheading{text-transform:uppercase;color:#4b1715;font-size:20px;letter-spacing:1px}.page-mocktail-image-text .text-column .section-heading{color:#4b1715;font-size:60px;font-weight:400;line-height:1.2;margin-top:10px;margin-bottom:0}.page-mocktail-image-text .section-description{margin-top:40px;font-size:25px;font-weight:300;line-height:1.5;color:#823f29}.page-mocktail-image-text .section-tags{margin-top:40px;display:flex;flex-wrap:wrap;column-gap:10px}.page-mocktail-image-text .section-tags .section-tag{display:inline-flex;align-items:center;padding:6px 10px;background:#374c1e;border-radius:20px;column-gap:10px}.page-mocktail-image-text .section-tags .section-tag svg{width:19px;height:19px}.page-mocktail-image-text .section-tags .section-tag span{font-size:14px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;color:#feead3;margin-top:2px}@media screen and (max-width: 900px){.page-mocktail-image-text .section-inner .image-column{width:100%;border-right:none;border-bottom:1px solid #4B1715}.page-mocktail-image-text .section-inner .text-column{width:100%;padding-left:20px;padding-right:20px}.page-mocktail-image-text .text-column .section-preheading{font-size:14px}.page-mocktail-image-text .text-column .section-heading{font-size:30px;margin-top:20px}.page-mocktail-image-text .section-tags{margin-top:20px}.page-mocktail-image-text .section-tags .section-tag svg{width:13px;height:13px}.page-mocktail-image-text .section-tags .section-tag span{font-size:12px}.page-mocktail-image-text .section-description{font-size:16px;margin-top:20px}}.page-mocktail-ingredients{padding-top:50px;padding-bottom:90px}.page-mocktail-ingredients .section-inner{max-width:1600px;padding-left:20px;padding-right:20px;margin:0 auto;display:flex;flex-wrap:wrap}.page-mocktail-ingredients .section-inner .left-column{width:40%;border-radius:5px;background:#feead3;padding:26px 36px}.page-mocktail-ingredients .section-inner .right-column{width:60%;padding:26px 36px}.page-mocktail-ingredients .section-inner .column-title{font-size:32px;font-weight:400;line-height:1.5;border-bottom:1px solid #4B1715;color:#4b1715;padding-bottom:10px;margin-bottom:0}.page-mocktail-ingredients .section-inner .left-column .column-items{margin-top:45px;display:flex;flex-wrap:wrap;row-gap:20px}.page-mocktail-ingredients .section-inner .left-column .column-items .column-item{display:flex;align-items:baseline;width:100%;column-gap:12px}.page-mocktail-ingredients .section-inner .left-column .column-items .column-item svg{width:11px}.page-mocktail-ingredients .section-inner .left-column .column-items .column-item p{flex:1;font-size:20px;font-weight:300;line-height:1.5;margin-bottom:0;color:#4b1715}.page-mocktail-ingredients .section-inner .right-column .column-items{margin-top:45px;display:flex;flex-wrap:wrap;row-gap:20px}.page-mocktail-ingredients .section-inner .right-column .column-items .column-item{display:flex;align-items:baseline;width:100%;column-gap:12px}.page-mocktail-ingredients .section-inner .right-column .column-items .column-item span.num{font-size:20px;font-weight:300;line-height:1.1;margin-bottom:0;color:#4b1715}.page-mocktail-ingredients .section-inner .right-column .column-items .column-item p{font-size:20px;font-weight:300;line-height:1.5;margin-bottom:0;color:#4b1715}@media screen and (max-width: 900px){.page-mocktail-ingredients{padding-top:30px;padding-bottom:50px}.page-mocktail-ingredients .section-inner .left-column{width:100%;padding:10px 15px 20px;border-radius:0;margin-bottom:40px}.page-mocktail-ingredients .section-inner .right-column{width:100%;padding:10px 15px;border-radius:0}.page-mocktail-ingredients .section-inner .column-title{font-size:20px;padding-bottom:5px}.page-mocktail-ingredients .section-inner .left-column .column-items{margin-top:18px;row-gap:15px}.page-mocktail-ingredients .section-inner .left-column .column-items .column-item svg{width:7px}.page-mocktail-ingredients .section-inner .left-column .column-items .column-item p{font-size:16px}.page-mocktail-ingredients .section-inner .right-column .column-items{margin-top:18px;row-gap:15px}.page-mocktail-ingredients .section-inner .right-column .column-items .column-item span.num,.page-mocktail-ingredients .section-inner .right-column .column-items .column-item p{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/bundle.page.mocktail.css.map */
