.compare-section .compare-tile h3{font-size:16px;line-height:1.15}.compare-section .compare-tile .compare-profile-data{font-size:15px;line-height:1.25}.compare-section .compare-tile .compare-row>span,.compare-section .compare-tile .compare-row--serving>span,.compare-section .compare-tile .compare-flavour-label{font-size:12px}@media(max-width:749px){.compare-section .compare-tile .compare-row>span,.compare-section .compare-tile .compare-row--serving>span,.compare-section .compare-tile .compare-flavour-label{font-size:15px}}.compare-section .compare-tile .compare-flavour-text{font-size:18px}@media(min-width:750px){.compare-section .compare-tile h3{font-size:20px}.compare-section .compare-tile .compare-profile-data,.compare-section .compare-tile .compare-row>span,.compare-section .compare-tile .compare-row--serving>span,.compare-section .compare-tile .compare-flavour-label{font-size:16px}.compare-section .compare-tile .compare-flavour-text{font-size:18px}}.compare-section .compare-grid{display:grid;margin-top:2rem;align-items:stretch}@media(min-width:750px){.compare-section .compare-grid{gap:30px;justify-content:center}}@media(max-width:749px){.compare-section .compare-grid{padding-bottom:30px}}.compare-section .compare-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;height:100%}.compare-section .compare-carousel::-webkit-scrollbar{display:none}.compare-section .compare-carousel__slide{flex:0 0 100%;scroll-snap-align:start;height:100%}.compare-section .compare-carousel-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 0}.compare-section .compare-carousel-dots button{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#00000040;cursor:pointer;transition:background .2s ease}.compare-section .compare-carousel-dots button.is-active{background:#000000b3}.compare-section .compare-tile-secondary-media{display:none!important}@media(hover:hover)and (pointer:fine){.compare-section .compare-tile-secondary-media{display:flex!important;opacity:0;transition:opacity .3s ease}.compare-section .compare-image-area:hover .compare-tile-secondary-media{opacity:1}.compare-section.compare-section--zoom-hover .compare-image-area img{transition:transform .4s ease}.compare-section.compare-section--zoom-hover .compare-image-area:hover img{transform:scale(1.08)}}@media(max-width:749px){.compare-section .compare-tile--compact-mobile h3{line-height:1.2;word-break:break-word}.compare-section .compare-tile--compact-mobile .compare-row--serving{flex-direction:column;align-items:stretch;gap:6px}.compare-section .compare-tile--compact-mobile .compare-row--serving>div:last-child{justify-content:flex-end}.compare-section .compare-tile--compact-mobile .compare-row--attr{flex-direction:column;align-items:stretch;gap:6px}.compare-section .compare-tile--compact-mobile .compare-circles{justify-content:flex-end;flex-wrap:nowrap;gap:3px!important}.compare-section .compare-tile--compact-mobile .compare-circle{width:16px!important;height:16px!important;min-width:16px;font-size:9px!important;line-height:1!important}.compare-section .compare-tile--compact-mobile>div{border-radius:12px}.compare-section .compare-tile--compact-mobile .compare-image-area{padding:8px 8px 0}.compare-section .compare-tile--compact-mobile .compare-image-area>div{border-radius:8px}.compare-section .compare-tile--compact-mobile .compare-carousel-dots button{width:6px;height:6px}.compare-section .compare-tile--compact-mobile .compare-carousel-dots{gap:4px;padding:4px 0 0}.compare-section .compare-tile--compact-mobile .grid.gap-6{gap:8px}.compare-section .compare-tile--compact-mobile .inline-flex.rounded-full,.compare-section .compare-tile--compact-mobile .inline-block.rounded-full{width:20px;height:20px}.compare-section .compare-tile--compact-mobile .gap-3{gap:4px}.compare-section .compare-tile--compact-mobile .gap-6{gap:8px}.compare-section .compare-tile--compact-mobile .px-4{padding-left:10px;padding-right:10px}.compare-section .compare-tile--compact-mobile .pt-4{padding-top:8px}.compare-section .compare-tile--compact-mobile .pb-4{padding-bottom:8px}.compare-section .compare-tile--compact-mobile .px-5{padding-left:10px;padding-right:10px}.compare-section .compare-tile--compact-mobile .pb-5{padding-bottom:10px}.compare-section .compare-tile--compact-mobile .btn{padding:8px 10px 5px}.compare-section .compare-tile--compact-mobile .px-4.py-3{padding:6px 10px}.compare-section .compare-tile--compact-mobile .p-3{padding:8px}}@media(max-width:749px){.compare-section.compare-section--mobile-carousel .compare-grid{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:20px;align-items:stretch}.compare-section.compare-section--mobile-carousel .compare-grid::-webkit-scrollbar{height:4px;cursor:grab}.compare-section.compare-section--mobile-carousel .compare-grid::-webkit-scrollbar-track{box-shadow:inset 0 0 2px gray;border-radius:10px}.compare-section.compare-section--mobile-carousel .compare-grid::-webkit-scrollbar-thumb{background:#000;border-radius:5px}.compare-section.compare-section--mobile-carousel .compare-grid>.compare-tile{flex-shrink:0;height:auto}}@media(max-width:749px)and (min-width:401px){.compare-section.compare-section--mobile-carousel .compare-grid>.compare-tile{width:calc(100% / 1.5 - .375rem)}}@media(max-width:400px){.compare-section.compare-section--mobile-carousel .compare-grid>.compare-tile{width:calc(100% / 1.1 - .375rem)}}@media(min-width:750px){.compare-section .compare-tile--compact-desktop>div{border-radius:14px}.compare-section .compare-tile--compact-desktop .compare-image-area{padding:10px 10px 0}.compare-section .compare-tile--compact-desktop .grid.gap-6{gap:8px}.compare-section .compare-tile--compact-desktop .inline-flex.rounded-full,.compare-section .compare-tile--compact-desktop .inline-block.rounded-full{width:22px;height:22px;font-size:11px}.compare-section .compare-tile--compact-desktop .gap-3{gap:4px}.compare-section .compare-tile--compact-desktop .px-4,.compare-section .compare-tile--compact-desktop .lg\:px-6{padding-left:12px;padding-right:12px}.compare-section .compare-tile--compact-desktop .btn{font-size:12px;padding:8px 12px}}.compare-section .compare-serving-value{line-height:0;font-weight:450}@media(max-width:749px){.compare-section .compare-serving-value{font-size:15px}}.compare-section .compare-variant-picker legend{font-size:12px;margin-bottom:6px}.compare-section .compare-variant-picker fieldset>.flex.flex-wrap{margin-bottom:7px}.product-variant-picker-block .select-wrapper{margin-bottom:5px}.compare-section .compare-variant-picker .variant-input label{min-height:0;min-width:2rem;padding:6px 10px!important;font-size:13px;line-height:1.1}.compare-section .compare-variant-picker select{padding:8px 2.5rem 8px 10px;font-size:13px;height:auto;min-height:0;width:100%;background-color:transparent;background-size:1.25em 1.25em;color:inherit}.compare-section .compare-variant-picker form .btn{padding:10px 12px}.compare-section .compare-circle--empty{display:inline-block;width:20px;height:20px;border:.5px solid #2e2e2e;background:transparent}@media(max-width:749px){.compare-section .compare-circle--empty{width:17px;height:17px}}.compare-section .compare-circle--filled{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:#2e2e2e;color:#f1f1f1;text-transform:uppercase;text-align:center;font-family:Instrument Sans;font-size:12px;line-height:1}@media(max-width:749px){.compare-section .compare-circle--filled{width:17px;height:17px;font-size:11px}.compare-circles{gap:.3rem}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/product-comparison.css.map */