.optimal-water-temp{overflow:hidden;position:relative}.water-temp-wrapper{max-width:1920px;margin:0 auto;padding:0 20px}.optimal-water-temp .section-titlewater-temp{font-size:70px;color:#343434;text-align:center;margin:0 0 60px;font-weight:600;line-height:1.2}@media screen and (max-width: 749px){.optimal-water-temp .section-title{font-size:2rem;margin-bottom:40px}}.temp-badges-container{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:80px;flex-wrap:wrap}@media screen and (max-width: 990px){.temp-badges-container{gap:30px;margin-bottom:60px}}@media screen and (max-width: 749px){.temp-badges-container{flex-direction:column;gap:25px;margin-bottom:50px}}.temp-badge{display:flex;align-items:center;gap:0;opacity:0;transform:translateY(-20px);animation:fadeInDown .6s ease forwards}.temp-badge:nth-child(1){animation-delay:.1s}.temp-badge:nth-child(2){animation-delay:.2s}.temp-badge:nth-child(3){animation-delay:.3s}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.temp-badge-bean{width:80px;height:80px;overflow:hidden;background:none;position:relative;z-index:2;flex-shrink:0}.temp-badge-bean img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 749px){.temp-badge-bean{width:70px;height:70px}}.temp-badge-content{background-color:#a67c52;border-radius:0 50px 50px 0;padding:15px 40px 15px 50px;margin-left:-30px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.temp-badge:hover .temp-badge-content{transform:translate(5px);box-shadow:0 8px 25px #00000026}@media screen and (max-width: 749px){.temp-badge-content{padding:12px 30px 12px 45px;margin-left:-25px}}.temp-badge-title{font-size:27px;font-weight:400;text-transform:uppercase;margin:0;color:#fff;line-height:1.2;letter-spacing:1px}.temp-badge-temp{font-size:1.3rem;font-weight:600;margin:5px 0 0;color:#fff;line-height:1}@media screen and (max-width: 749px){.temp-badge-title{font-size:.95rem}.temp-badge-temp{font-size:1.1rem}}.roast-comparison-grid{display:flex;justify-content:center;align-items:stretch;gap:80px;max-width:100%;margin:0 auto}@media screen and (max-width: 1200px){.roast-comparison-grid{gap:0}}@media screen and (max-width: 990px){.roast-comparison-grid{flex-direction:column;gap:0}}.roast-comparison-card{display:flex;align-items:center;gap:0;position:relative;flex:1;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.roast-comparison-card:nth-child(1){animation-delay:.2s}.roast-comparison-card:nth-child(2){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.comparison-card-content{background-color:#048949;border-radius:60px 0 0 60px;padding:40px;flex:1;position:relative;z-index:1;min-height:350px;display:flex;flex-direction:column;justify-content:center;transition:transform .4s ease,box-shadow .4s ease;box-shadow:none;margin-right:-40px;height:100%}.roast-comparison-card:first-child .comparison-card-content{border-radius:0 60px 60px 0}.roast-comparison-card:last-child .comparison-card-content{border-radius:60px 0 0 60px;padding:60px 60px 60px 40px;margin-right:0;margin-left:-40px}.roast-comparison-card:first-child .comparison-card-content{padding-right:200px;text-align:right;align-items:flex-end}.roast-comparison-card:last-child .comparison-card-content{padding-left:200px;text-align:left;align-items:flex-start}.comparison-card-content .comparison-card-content-heads{max-width:400px;width:100%}.roast-comparison-card:hover .comparison-bean-image{transform:scale(1.02)}.roast-comparison-card:last-child .comparison-bean-image{order:-1}.comparison-title{font-size:42px;font-weight:700;text-transform:uppercase;margin:0 0 10px;color:#fff;line-height:1.2;letter-spacing:1px;text-align:center}.comparison-subtitle{font-family:Lobster,cursive;font-size:42px;margin:0 0 30px;color:#fff;line-height:1;text-align:center}.comparison-description{font-size:25px;line-height:1.2;color:#fff;margin:0}.comparison-description p{margin:0 0 12px}.comparison-description p:last-child{margin:0}.comparison-bean-image{width:175px;height:auto;overflow:hidden;background:none;position:relative;z-index:2;flex-shrink:0;transition:transform .4s ease}.roast-comparison-card:hover .comparison-bean-image{transform:scale(1.05)}.comparison-bean-image img{width:100%;height:auto;object-fit:contain}@media screen and (max-width: 1600px){.optimal-water-temp .section-titlewater-temp{font-size:42px;margin:0 0 40px}.temp-badge-title{font-size:16px}.temp-badges-container{margin-bottom:35px}.comparison-title{font-size:32px}.roast-comparison-card:first-child .comparison-card-content{padding-right:100px}.roast-comparison-card:last-child .comparison-card-content{padding-left:100px}.roast-comparison-grid{gap:40px}.comparison-subtitle{font-size:32px}.comparison-description{font-size:18px}.comparison-bean-image{width:140px}.comparison-card-content{min-height:250px}.roast-diagram-section{max-width:800px}}@media screen and (max-width: 990px){.roast-comparison-card:first-child{width:100%;padding-right:20%}.roast-comparison-card:last-child{width:100%;padding-left:20%}.comparison-card-content{border-radius:60px 0 0 60px;padding:25px 40px 25px 60px;margin-left:0;margin-right:-40px}.roast-comparison-card:last-child .comparison-card-content{border-radius:60px 0 0 60px;padding:25px 16px 25px 40px;margin-left:-40px;margin-right:0}.roast-comparison-card:first-child .comparison-card-content{padding-right:50px;text-align:center}.roast-comparison-card:last-child .comparison-card-content{padding-left:50px;text-align:center}.comparison-title,.comparison-subtitle{font-size:22px}.comparison-description{font-size:14px}}@media screen and (max-width: 990px){.comparison-bean-image{width:110px;height:auto}.comparison-card-content{min-height:0}}@media screen and (max-width: 749px){.comparison-bean-image{width:100px;height:auto}}.roast-diagram-section{text-align:center;padding:20px 10%;animation-delay:.6s;max-width:1000px;margin:0 auto}@keyframes zoomIn{to{opacity:1;transform:scale(1)}}.roast-diagram-image{max-width:800px;width:100%;height:auto;display:inline-block}@media screen and (max-width: 990px){.roast-diagram-section{margin-top:30px}.roast-diagram-image{max-width:600px}}@media screen and (max-width: 749px){.roast-diagram-section{margin-top:30px}.roast-diagram-image{max-width:100%}}@media screen and (max-width: 600px){.roast-comparison-card:first-child{padding-right:5%}.comparison-card-content{border-radius:60px 0 0 60px;padding:20px 10px 25px 20px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-optimal-water-temperature.css.map */