.flavour-section{margin:30px auto}.flavour-timeline-container{margin-bottom:30px;padding:0 8px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline-title{font-size:2.4rem;color:#222;font-weight:700}.time-badge{padding:6px 18px;border-radius:8px;transition:all .2s ease}.timeline-track{position:relative;height:44px;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none}.timeline-labels span{font-weight:500;font-size:1.6rem;opacity:.4;filter:brightness(.1)}.timeline-rule{text-align:center;margin-top:5px}.timeline-rule span{display:inline-flex;align-items:center;font-size:1.2rem;color:#000;background:#00000005;padding:3px 10px;border-radius:6px;font-weight:700;gap:6px;opacity:.4}.track-background{display:block!important;position:absolute;left:0;right:0;height:4px;background:#0000000f;border-radius:2px}.track-fill{display:block!important;position:absolute;left:0;height:4px;border-radius:2px;transition:width .1s linear}.track-handle{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);top:50%;cursor:grab;z-index:2;transition:transform .1s ease;background:#fff;border-radius:50%;border-width:2px;border-style:solid}.track-handle:active{cursor:grabbing}.handle-dot{display:block!important;width:100%;height:100%;border-radius:50%}.timeline-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#00000038}.timeline-labels span.active{font-weight:600;opacity:1;filter:unset}.timeline-mid-note{text-align:center;margin-top:8px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:#0000004d;background:#00000005;padding:3px 10px;border-radius:6px}.hero-gauges{margin-top:24px}.gauge{margin-bottom:16px}.gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gauge-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400}.gauge-label span{font-size:2rem;font-weight:600}.gauge-value{font-size:2rem;font-weight:700}.gauge-bar{position:relative;height:8px;background:#0000000a;border-radius:4px;overflow:hidden}.gauge-fill{display:block!important;height:100%;border-radius:4px;transition:width .08s linear}.texture-card{background:#00000005;border-radius:12px;padding:16px 20px;margin-top:8px}.texture-label{font-size:1.3rem;letter-spacing:.1em;color:#0006;font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:6px}.texture-value{font-size:2rem;font-weight:600;transition:opacity .15s ease}.info-row{display:flex;gap:16px;margin:24px auto;flex-wrap:wrap}.evo-card{background-image:url(/cdn/shop/files/Frame_64185.png);background-repeat:no-repeat;background-position:center;background-size:cover}.tip-card{background-image:url(/cdn/shop/files/Frame_64184.png);background-repeat:no-repeat;background-position:center;background-size:cover}.evo-card,.tip-card{flex:1 1 280px;border-radius:14px;padding:46px 36px}.section-label,.tip-label{font-size:2.8rem;color:#fff;font-weight:700;margin-bottom:10px}.evo-card p,.tip-card p{font-size:1.6rem;color:#fff;font-weight:500;line-height:1.4}.breakdown-wrap{background:#fff;border-radius:10px;overflow:hidden;padding:20px 10px}.breakdown-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:none;border:none;cursor:pointer;font-size:2.8rem;color:#222;font-weight:700}.breakdown-arrow{transform:rotate(180deg);transition:transform .3s ease}.breakdown-content{padding:0 24px 24px;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breakdown-header{display:flex;padding:0 0 8px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px}.breakdown-header span:first-child{flex:1;text-align:left}.breakdown-header span{width:12%;min-width:52px;text-align:center;color:#222;font-size:1.6rem;font-weight:600}.breakdown-col .block-description{display:none;padding:10px 0 5px;font-size:12px;color:#0009;background:#00000005;border-radius:8px;margin-top:8px}.breakdown-row.block-description{display:none;flex-direction:column;align-items:flex-start}.breakdown-row{display:flex;align-items:center}.toggle-description{cursor:pointer;border:none;background:transparent;text-align:left;color:#222;font-size:1.6rem;font-weight:600}.breakdown-col{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.03);display:flex;align-items:center;flex-direction:column}.breakdown-col>div{width:100%}.breakdown-col:last-child{border-bottom:none}.breakdown-attr{flex:1;font-size:12.5px;color:#0000008c}.breakdown-val{width:12%;color:#222;font-size:1.6rem;font-weight:600;min-width:52px;text-align:center}.flavour-tab-link{display:flex;align-items:center;gap:6px;padding:8px 14px 8px 8px;text-decoration:none;color:#000;border-radius:12px;transition:all .2s ease;cursor:pointer;font-size:13px;border:2px solid transparent}.flavour-tab-link img{width:24px;height:auto}@keyframes fadeInDesc{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDesc{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.breakdown-col .block-description{display:none;padding:5px 15px;font-size:1.5rem;color:#222;background:#00000005;border-radius:8px;margin-top:8px;animation:fadeInDesc .3s ease}.flavour-tab-list{display:flex;list-style:none;padding:0;margin:0 0 30px;gap:10px}.flavour-tab-link{display:inline-flex;padding:15px 30px;background:transparent;text-decoration:none;color:#222;font-weight:700;border-radius:10px;transition:all .3s ease;cursor:pointer;justify-content:center;align-items:center;border:none;box-shadow:4px 4px 10px #0000000d}.flavour-tab-link span{filter:brightness(.2)}.flavour-info span,.flavour-info p{color:#222;font-weight:500}.flavour-info span{font-size:1.5rem}.flavour-info p{font-size:2rem}.flavour-tab-link img{max-width:24px}.flavour-tab-link.active{border:1px solid;filter:unset;box-shadow:unset}.flavour-tab-link.active span{filter:unset}.flavour-tab-link:hover{text-decoration:unset}.flavour-info-content,.flavour-result-content{animation:fadeIn .3s ease}.flavour-description{margin-bottom:20px;padding:20px;background:#f9f9f9;border-radius:8px}.flavour-info{padding:35px 32px 25px;background:#f2faf6;box-shadow:0 0 0 .8px #009845;border-radius:15px}.flavour-components{display:flex;justify-content:flex-start;align-items:center;gap:8px}.flavour-components img{max-width:42px}.flavour-components .flavour-name{font-weight:700;margin:0}.flavour-result-content{margin-top:30px;border-radius:8px}.flavour-result-info-container{padding:40px 25px;border-radius:20px}.bar-info{display:flex;justify-content:space-between;align-items:center}.flavour-taste-bar{margin-bottom:25px;padding-bottom:20px}.taste-value{display:inline-block;padding:8px 23px;color:#009845;background:#f5fbf8;border-radius:10px;font-size:16px}.taste-progress-bar{flex:1;height:5px;background:#e0e0e0;border-radius:0;position:relative;margin:10px auto}.taste-progress{height:100%;background:#009845;border-radius:4px;transition:width .3s ease;z-index:2;display:block!important;position:relative}.taste-progress:after{content:"";width:15px;height:15px;position:absolute;right:0;background:#fff;top:-80%;border-radius:50px;border:1px solid #009845}.taste-progress-values{display:flex;justify-content:space-between;align-items:center}.metric{display:flex;align-items:center;gap:15px;margin-bottom:15px}.metric label{min-width:120px;font-weight:600}.progress-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.progress{height:100%;background:#009845;border-radius:4px;transition:width .3s ease;position:absolute;z-index:2;display:block!important}.metric span{min-width:40px;font-size:14px;color:#666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Attribute-values{padding:50px 5px;background:#009845}@media(min-width:767px)and (max-width:1050px){.breakdown-val,.breakdown-header span{width:15%}}@media(max-width:768px){.evo-card,.tip-card{flex:1 1 fit-content}.flavour-tab-list{flex-wrap:nowrap;overflow-x:scroll}.flavour-tab-link{width:max-content}.info-row{flex-direction:column}.breakdown-content{padding:0}.timeline-track{height:36px}.metric{flex-wrap:wrap;gap:8px}.metric label{min-width:100%}.progress-bar{flex:auto;width:100%}}@media(min-width:1240px){.flavour-tab-list{justify-content:center;gap:30px}}@media(max-width:575px){.breakdown-val,.breakdown-header span{width:20%}.timeline-header{flex-direction:column;align-items:flex-start;gap:6px}.flavour-components{flex-wrap:wrap}.flavour-components .flavour-name,.timeline-title,.section-label,.tip-label,.breakdown-toggle{font-size:1.9rem;line-height:1.4;text-align:left}.flavour-info p,.gauge-value,.gauge-label span,.texture-value{font-size:1.5rem}.flavour-timeline-container{padding:0;margin-bottom:15px}.timeline-labels span,.breakdown-header span,.breakdown-val,.texture-label{font-size:1.2rem}.timeline-rule span{font-size:1rem}.Attribute-values .page-width{padding:0}.breakdown-toggle{padding:10px 0}.toggle-description{font-size:1.2rem}.texture-card{padding:10px 0 0;margin-top:8px}.texture-label svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-flavour.css.map */