.flavor-picker-block{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:60px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flavor-picker-block-header{text-align:center}.flavor-picker-block-title{text-transform:capitalize;margin-bottom:16px}.flavor-picker-block-subtitle{text-wrap:pretty}.flavor-picker-block-subtitle p{margin-block-end:16px}.pack-options-block{max-width:500px;width:100%;margin:0 auto 20px}.flavor-picker-block-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px}.flavor-picker-block-carousel{width:60%;position:relative;overflow:hidden}.flavor-carousel-wrapper{position:relative;display:flex;align-items:center;margin:0 auto;max-width:1200px}.flavor-carousel-track{display:flex;overflow-x:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:20px 0;width:100%;gap:25px}.flavor-carousel-track::-webkit-scrollbar{display:none}.flavor-carousel-track .flavor-item-block{flex:0 0 auto;width:calc(25% - 20px);min-width:250px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px #0000001a;color:#3e1c1e;transition:all .2s ease}.carousel-nav:hover{background:#99012d;color:#fff;box-shadow:0 3px 8px #0003}.carousel-prev{left:10px}.carousel-next{right:10px}.flavor-item-block{border-radius:5px;overflow:hidden;background:#fffbf6;transition:transform .2s;position:relative;display:flex;flex-direction:column;box-shadow:0 3px 10px #00000014;padding:0 0 25px}.flavor-item-block:hover{box-shadow:0 5px 15px #0000001a}.flavor-item-block .flavor-badge{position:absolute;bottom:.5rem;left:.5rem;background:#99012d;color:#fff;padding:5px 10px;z-index:2}.flavor-item-block .flavor-image{width:100%;border-radius:10px 10px 0 0;aspect-ratio:1;object-fit:cover;display:block}.flavor-item-block .flavor-details{padding:0;margin-top:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;text-align:center}.flavor-picker-block .flavor-item-block .flavor-title{margin-bottom:0;text-transform:uppercase}.flavor-picker-block .flavor-item-block .flavor-details:has(.flavor-controls){padding-top:0}.flavor-item-block .flavor-controls{display:flex;align-items:center;justify-content:center;background:#fff;border:.094rem solid #99012d;border-radius:5px;overflow:hidden;margin:15px auto 0;width:160px}.flavor-item-block .quantity-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#99012d;font-size:1.2rem;cursor:pointer;transition:.1s;position:relative;overflow:hidden}.flavor-item-block .quantity-btn:hover{color:#fff;background-color:#99012d}.flavor-item-block .quantity-btn:active{transform:scale(.95)}.flavor-item-block .quantity-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.flavor-item-block .quantity-btn:hover:before{width:120%;height:120%}.flavor-item-block .quantity-value{flex:1;text-align:center;font-weight:700;color:#99012d}.flavor-item-block .dietary-icons{display:flex;justify-content:center;gap:5px}.flavor-item-block .dietary-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background:#3e1c1e}.pack-visualization-block{width:40%;max-width:430px;display:flex;flex-direction:column;margin:0;padding:30px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000000d}.pack-slots{display:flex;flex-wrap:wrap;gap:0;justify-content:center;max-width:390px;margin:0 auto}.pack-slot{width:60px;height:60px}.pack-slot.filled{opacity:1;cursor:pointer}.pack-warning{margin:0;text-align:center;font-weight:300;font-size:20px;font-family:Knockout,sans-serif;text-transform:uppercase;-webkit-user-select:none;user-select:none}.pack-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px;width:100%}.pack-actions-buttons{display:flex;gap:10px;width:100%;transition:all .3s ease}.pack-actions-buttons .button{flex:1}.pack-actions-buttons .button.button--primary.button--outline:disabled{display:none}.pack-actions-buttons .button.button--primary.button--outline{--border-color: var(--primary-button-background);--button-background: 255, 251, 246;--button-text-color: var(--primary-button-background)}.pack-actions-buttons .button.button--default.button--outline{--border-color: var(--text-color);--button-background: 255, 251, 246;--button-text-color: var(--text-color)}.flavor-picker-block .add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.flavor-picker-block .pack-slot{position:relative}.flavor-picker-block .slot-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flavor-picker-block .flavor-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-size:cover;background-position:center;z-index:1}.flavor-picker-block .slot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;background:#0000004d;transition:opacity .2s;z-index:2}.flavor-picker-block .pack-slot.filled:hover .slot-overlay{opacity:1}.flavor-picker-block .slot-overlay svg{width:24px;height:24px;position:absolute;top:-5px;right:-5px;background-color:#99012db3;border-radius:50%;padding:3px;pointer-events:none}.flavor-picker-block .pack-slot.filled .gt-icon{opacity:0}.flavor-picker-block .gt-icon{position:relative;z-index:0;width:100%;height:100%;color:#9b9b9b}.flavor-picker-block .pack-sizes{display:flex;border-radius:5px;border:2px solid #99012d}.flavor-picker-block .pack-size{flex:1;padding:7px 10px;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:6px;border-radius:3px;color:rgb(var(--primary-button-background));text-align:center}.flavor-picker-block .pack-size:last-child{border-right:none}.flavor-picker-block .pack-size.active{background-color:#99012d;color:#fcf4e8}.flavor-picker-block .pack-size-count,.flavor-picker-block .pack-size-price{font-weight:300;font-size:1.2rem;font-family:Knockout,sans-serif}.pack-slots{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:60px;gap:0;row-gap:.6em;padding:1.2em 0;justify-content:center;max-width:390px;margin:0 auto;min-height:120px;align-content:center;transition:all .3s ease}@media (max-width: 1180px){.pack-option-header{font-size:1.1rem}}@media (max-width: 1024px){.flavor-carousel-track .flavor-item-block{width:calc(33.33% - 20px);min-width:220px}}@media (max-width: 990px){.flavor-picker-block{padding:20px 0}.flavor-picker-block-content{flex-direction:column;gap:15px}.flavor-picker-block-carousel{order:2;width:100%}.flavor-carousel-wrapper{margin:0 15px}.pack-visualization-block{padding:0 15px 15px;order:1;width:100%;max-width:none;box-shadow:none;background:transparent}.pack-slot{width:45px;height:45px;justify-self:center;transition:all .2s ease}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(7)) .pack-slot{width:38px;height:38px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(13)) .pack-slot{width:32px;height:32px}.pack-options-block{margin-bottom:10px}.pack-option-header{font-size:.95rem;padding:8px 10px;margin-bottom:8px}.pack-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:5px auto;max-width:240px;min-height:80px;align-content:center;transition:all .2s ease}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(7)){max-width:200px;gap:1px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(13)){grid-template-columns:repeat(8,1fr);max-width:216px;gap:1px}.pack-warning{margin:5px 0;font-size:.8rem;line-height:1.1}.pack-actions{margin-top:10px;gap:8px}.flavor-picker-block .pack-actions-buttons{gap:8px}}@media (max-width: 768px){.flavor-carousel-track .flavor-item-block{width:calc(50% - 15px);min-width:150px}.flavor-item-block .flavor-image{aspect-ratio:1}.flavor-item-block .flavor-details{padding:12px}.flavor-item-block .flavor-controls{width:140px;margin-top:10px}.flavor-item-block .quantity-btn{width:32px;height:32px}.flavor-item-block .dietary-icon{width:28px;height:28px}.carousel-nav{width:32px;height:32px}}@media (max-width: 480px){.flavor-picker-block{padding:15px 0}.flavor-picker-block .pack-option-header{font-size:.85rem;padding:6px 8px;margin-bottom:6px}.pack-options-block{margin-bottom:8px}.flavor-picker-block .pack-sizes{min-width:0;gap:3px;flex-direction:row;border:2px solid #99012d}.flavor-picker-block .pack-size{gap:3px;margin:3px;padding:4px 5px;min-width:0;flex:1 1 0}.flavor-picker-block .pack-size-count,.flavor-picker-block .pack-size-price{font-size:.95rem}.flavor-picker-block .pack-size-price{font-size:.8rem}.pack-slots{max-width:228px;min-height:76px}.pack-slot{width:38px;height:38px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(7)){max-width:192px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(7)) .pack-slot{width:32px;height:32px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(13)){max-width:208px}.flavor-picker-block .pack-slots:has(.pack-slot:nth-child(13)) .pack-slot{width:26px;height:26px}.pack-warning{font-size:.75rem}.flavor-carousel-track .flavor-item-block{width:calc(60% - 10px);min-width:140px;max-width:180px}.flavor-carousel-track{padding:10px 0;gap:10px}.carousel-nav{width:28px;height:28px;font-size:.8rem}.carousel-prev{left:5px}.carousel-next{right:5px}.flavor-item-block .flavor-details{padding:8px}.flavor-item-block .flavor-title{font-size:.75rem;min-height:20px;margin-bottom:6px;line-height:1.2}.flavor-item-block .flavor-controls{margin-top:8px;width:120px}.flavor-item-block .quantity-btn{width:28px;height:28px;font-size:.9rem}.flavor-item-block .dietary-icon{width:24px;height:24px;font-size:.55rem}.flavor-item-block .dietary-icons{gap:3px;margin-bottom:6px}.flavor-item-block .flavor-badge{padding:3px 6px}.pack-actions{gap:8px}.pack-slot{width:40px;height:40px}.flavor-item-block .flavor-title{font-size:.9rem;min-height:30px}.flavor-item-block .flavor-controls{width:130px;margin-top:10px}.flavor-item-block .quantity-btn{width:30px;height:30px;font-size:1rem}.flavor-item-block .dietary-icon{width:24px;height:24px;font-size:.6rem}.flavor-picker-block .pack-actions-buttons{gap:6px;justify-content:space-between;align-items:stretch}}@media (max-width: 360px){.flavor-picker-block .pack-size{gap:2px;margin:3px;padding:4px;flex-direction:column}.flavor-picker-block .pack-size-count{font-size:.9rem;line-height:1}.flavor-picker-block .pack-size-price{font-size:.75rem;line-height:1}.flavor-picker-block .pack-actions-buttons{flex-direction:column}}.carousel-nav{z-index:3}
/*# sourceMappingURL=/cdn/shop/t/7/assets/flavor-picker-block.css.map */