.hpd-ymal{font-family:"Bricolage Grotesque Regular",var(--font-body-family),sans-serif}.hpd-ymal__heading{margin:0 0 30px;font-family:inherit;font-size:52px;font-weight:600;line-height:110%;text-align:left;text-transform:uppercase;color:#454546}.hpd-ymal__slider{position:relative}.hpd-ymal__track{display:flex;gap:20px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hpd-ymal__track::-webkit-scrollbar{display:none}.hpd-ymal__card{flex:0 0 calc(25% - 15px);display:flex;flex-direction:column;min-width:0;padding:20px;border-radius:10px;background:#fff;text-align:center;scroll-snap-align:start}.hpd-ymal__media{display:block;margin:0 auto 12px;width:100%;border-radius:10px;background:#f6f6f6;overflow:hidden}.hpd-ymal__media img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px}.hpd-ymal__info{flex:1 1 auto;text-align:left}.hpd-ymal__price{margin:0;font-size:18px;font-weight:400;line-height:40px;color:#000}.hpd-ymal__select select{width:100%;height:50px;margin-bottom:12px;padding:0 30px 0 16px;border:1px solid #ccc;border-radius:100px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat 96% center;background-size:24px;font-family:inherit;font-size:16px;font-weight:600;line-height:22px;color:#616161;-webkit-appearance:none;appearance:none;outline:none;box-shadow:none}.hpd-ymal__add{width:100%;min-height:50px;height:50px;padding:3px 20px;border:1px solid #ffd811;border-radius:100px;background:#ffd811;font-family:inherit;font-size:18px;font-weight:600;line-height:22px;text-transform:uppercase;color:#100801;cursor:pointer;font-family:Proxima Nova LT;transition:.4s all}.hpd-ymal__add:hover{border-color:#f2c200;background:#f7ca00}.hpd-ymal__add:disabled{opacity:.6;cursor:not-allowed}.hpd-ymal__nav{position:absolute;top:35%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e1ded6;border-radius:50%;background:#fff;color:#000;cursor:pointer;box-shadow:0 2px 8px #0000001f}.hpd-ymal__nav svg{width:20px;height:20px}.hpd-ymal__nav--prev{left:-14px}.hpd-ymal__nav--next{right:-14px}.hpd-ymal__nav[hidden]{display:none}@media(min-width:1400px){.hpd-ymal__track{gap:30px}.hpd-ymal__card{flex-basis:calc(20% - 24px)}}@media(max-width:1025px){.hpd-ymal__card{flex-basis:calc(33.3% - 14px)}}@media(max-width:991px){.hpd-ymal__heading{font-size:32px}.hpd-ymal__title,.hpd-ymal__price,.hpd-ymal__add{font-size:16px}}@media(max-width:767px){.hpd-ymal__card{flex-basis:calc(50% - 10px)}.hpd-ymal__nav{display:none}}@media(max-width:479px){.hpd-ymal__heading{font-size:24px;line-height:1.15}.hpd-ymal__track{gap:0}.hpd-ymal__card{flex-basis:100%}}.hpd-ymal__wrap{display:block}.template-product .hpd-ymal__wrap{max-width:1357px!important;padding-left:20px!important;padding-right:20px!important}.hpd-ymal__heading{margin:0 0 8px;font-size:36px;line-height:110%}@media(min-width:1400px){.hpd-ymal__heading{font-size:52px}}.hpd-ymal__subheading{margin:0 0 40px;font-size:20px;font-weight:600;line-height:130%;color:#454546}.hpd-ymal__heading:last-child{margin-bottom:30px}.hpd-ymal__track{gap:20px}.hpd-ymal__card{padding:20px;border-radius:10px;background:#fff;text-align:left}.hpd-ymal__media{background:#f6f6f6;border-radius:10px;margin-bottom:10px}.hpd-ymal__title{text-transform:none;font-size:18px;font-weight:500;line-height:normal;color:#000;text-decoration:none}.template-page a.hpd-ymal__title{color:#232323}.hpd-ymal__info{flex:1 1 auto}.hpd-ymal__actions{margin-top:auto}.hpd-ymal__select select{margin-bottom:12px}.hpd-ymal__nav{display:none!important}.hpd-ymal__dots{display:flex;justify-content:center;gap:10px;margin-top:40px}.hpd-ymal__dot{width:24px;height:4px;padding:0;border:0;border-radius:4px;background:#c8c8c8;cursor:pointer}.hpd-ymal__dot.is-active{background:#000}@media(min-width:1400px){.hpd-ymal__track{gap:30px}.hpd-ymal__card{flex-basis:calc(25% - 22.5px)}}@media(max-width:991px){.hpd-ymal__heading{font-size:28px}.hpd-ymal__subheading{font-size:16px;margin-bottom:24px}}@media(max-width:479px){.hpd-ymal__heading{font-size:22px}.hpd-ymal__track{gap:0}}.hpd-ymal__title{margin-bottom:13px}.hpd-ymal__select select:focus{border-color:#1b8bbd;outline:none;box-shadow:none}.hpd-ymal__select select:not(:focus){border-color:#ccc}.hpd-ymal--showcase .hpd-ymal__wrap{max-width:1130px;margin:0 auto}.template-cart .hpd-ymal--showcase .hpd-ymal__wrap{max-width:var(--page-width);margin:0 auto}.hpd-ymal--showcase .hpd-ymal__track{gap:40px}.hpd-ymal--showcase .hpd-ymal__card{flex:0 0 calc(50% - 20px);background:transparent;text-align:center;border-radius:0;padding:20px}.hpd-ymal--showcase .hpd-ymal__media{width:100%;max-width:400px;margin:0 auto 24px;background:transparent;border-radius:0}.hpd-ymal--showcase .hpd-ymal__media img{border-radius:0}.hpd-ymal--showcase .hpd-ymal__info{text-align:center;flex:0 0 auto}.hpd-ymal--showcase .hpd-ymal__title{display:block;min-height:0;font-size:14px;font-weight:400;text-transform:none;text-align:center;line-height:20px}.hpd-ymal--showcase .hpd-ymal__price{font-size:18px;line-height:30px;margin:4px 0 20px;text-align:center}.hpd-ymal--showcase .hpd-ymal__select{display:none}.hpd-ymal--showcase .hpd-ymal__actions{margin-top:0}.hpd-ymal--showcase .hpd-ymal__add{text-transform:none;letter-spacing:0;font-size:18px;font-weight:600}.template-cart .hpd-ymal--showcase .hpd-ymal__add{font-weight:500}.hpd-ymal--showcase .hpd-ymal__dots{display:none}.hpd-ymal--showcase .hpd-ymal__nav{display:flex!important;top:37%;width:40px;height:40px;border:0;box-shadow:none;background:#fff}.hpd-ymal--showcase .hpd-ymal__nav--prev{left:-60px}.hpd-ymal--showcase .hpd-ymal__nav--next{right:-60px}@media(max-width:1250px){.hpd-ymal--showcase .hpd-ymal__nav--prev{left:6px}.hpd-ymal--showcase .hpd-ymal__nav--next{right:6px}}@media(max-width:767px){.hpd-ymal--showcase .hpd-ymal__track{gap:0}.hpd-ymal--showcase .hpd-ymal__card{flex-basis:100%}}hpd-recommendations{display:block}.hpd-ymal--showcase .hpd-ymal__heading{margin:0 0 30px;font-weight:500;line-height:20px;text-align:center;text-transform:none;color:#232323;font-family:Bricolage Grotesque Regular;font-size:calc(var(--font-heading-scale) * 1.5rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)))}.template-cart .hpd-ymal__subheading{display:none}.hpd-ymal--minimal .hpd-ymal__wrap{max-width:1090px;margin:0 auto}.hpd-ymal--minimal .hpd-ymal__slider{padding:0 20px}.hpd-ymal--minimal .hpd-ymal__track{gap:38px}.hpd-ymal--minimal .hpd-ymal__card{flex:0 0 calc(25% - 28.5px);padding:0;background:transparent;border-radius:0;text-align:center;color:#232323}.hpd-ymal--minimal .hpd-ymal__media{background:transparent;border-radius:0;margin-bottom:18px}.hpd-ymal--minimal .hpd-ymal__media img{border-radius:0}.hpd-ymal--minimal .hpd-ymal__info{text-align:center;flex:0 0 auto}.hpd-ymal--minimal .hpd-ymal__title{display:block;min-height:0;font-size:14px;font-weight:500;line-height:20px;text-transform:none;text-align:center}.hpd-ymal--minimal .hpd-ymal__price{font-size:16px;line-height:28px;margin:6px 0 12px;text-align:center;color:#1a1a1a}.hpd-ymal--minimal .hpd-ymal__select select{height:40px;margin-bottom:14px;padding:0 40px 0 14px;border:1px solid #ccc;border-radius:100px;font-size:14px;font-weight:400;color:#333;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:14px}.hpd-ymal--minimal .hpd-ymal__select{position:relative}.hpd-ymal--minimal .hpd-ymal__select:after{content:"";position:absolute;top:9px;right:36px;width:1px;height:22px;background:#ccc;pointer-events:none}.hpd-ymal--minimal .hpd-ymal__actions{margin-top:0}.hpd-ymal--minimal .hpd-ymal__add{height:45px;min-height:45px;text-transform:none;letter-spacing:0;font-size:18px;font-weight:500}.hpd-ymal--minimal .hpd-ymal__nav{display:flex!important;top:38%;width:40px;height:40px;border:0;box-shadow:none;background:#fff}.hpd-ymal--minimal .hpd-ymal__nav--prev{left:-22px}.hpd-ymal--minimal .hpd-ymal__nav--next{right:-22px}.hpd-ymal--minimal .hpd-ymal__dots{margin-top:30px}@media(max-width:991px){.hpd-ymal--minimal .hpd-ymal__card{flex-basis:calc(50% - 19px)}}@media(max-width:479px){.hpd-ymal--minimal .hpd-ymal__track{gap:0}.hpd-ymal--minimal .hpd-ymal__card{flex-basis:100%}}.hpd-ymal--minimal .hpd-ymal__wrap{width:100%;max-width:1090px;margin:0 auto;padding-left:0;padding-right:0}.hpd-ymal--minimal .hpd-ymal__slider{padding:0 37px}.hpd-ymal--minimal .hpd-ymal__track{gap:36px}.hpd-ymal--minimal .hpd-ymal__card{flex:0 0 calc(25% - 27px)}.hpd-ymal--minimal .hpd-ymal__media{margin-bottom:15px}.hpd-ymal--minimal .hpd-ymal__title{margin:0 0 4px}.hpd-ymal--minimal .hpd-ymal__price{margin:0;font-size:16px;line-height:28px}.hpd-ymal--minimal .hpd-ymal__info{margin-bottom:0}.hpd-ymal--minimal .hpd-ymal__select select{height:38px;margin:0 0 16px;padding:0 44px 0 14px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6h8l-4 5z' fill='%23666'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:14px}.hpd-ymal--minimal .hpd-ymal__select:after{top:9px;right:38px;height:20px}.hpd-ymal--minimal .hpd-ymal__select{margin-top:0}.hpd-ymal--minimal .hpd-ymal__add{height:44px;min-height:44px}.hpd-ymal--minimal .hpd-ymal__nav--prev{left:-1px}.hpd-ymal--minimal .hpd-ymal__nav--next{right:-2px}@media(max-width:991px){.hpd-ymal--minimal .hpd-ymal__card{flex-basis:calc(50% - 18px)}.hpd-ymal--minimal .hpd-ymal__slider{padding:0 24px}}@media(max-width:479px){.hpd-ymal--minimal .hpd-ymal__card{flex-basis:100%}}.hpd-ymal--minimal .hpd-ymal__track{align-items:stretch}.hpd-ymal--minimal .hpd-ymal__card{display:flex;flex-direction:column}.hpd-ymal--minimal .hpd-ymal__info{flex:1 1 auto}.hpd-ymal--minimal .hpd-ymal__actions{margin-top:auto}@media(min-width:1400px){.template-product .hpd-ymal--cards .hpd-ymal__track{gap:30px}.template-product .hpd-ymal--cards .hpd-ymal__card{flex:0 0 calc(20% - 24px)}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/hpd-ymal.css.map */