.coffee-map-wrapper{padding-right:0}@media screen and (max-width:900px){.coffee-map-wrapper{padding-right:5%}}.coffee-map-wrapper .content-block{margin-bottom:2em}.coffee-map-wrapper .info-container{border:solid 1px var(--color-primary);border-right:none;display:flex;flex-direction:row-reverse;border-radius:55px 0 0 55px;overflow:hidden}@media screen and (max-width:900px){.coffee-map-wrapper .info-container{flex-direction:column-reverse;border-radius:55px;border:solid 1px var(--color-primary)}}@media screen and (max-width:600px){.coffee-map-wrapper .info-container{border-radius:var(--border-radius)}}.coffee-map-wrapper .info-slider{width:30%;flex:0 0 30%;border-left:solid 1px var(--color-primary);background:var(--color-tan)}@media screen and (max-width:1200px){.coffee-map-wrapper .info-slider{width:40%;flex:0 0 40%}}@media screen and (max-width:900px){.coffee-map-wrapper .info-slider{width:100%;flex:0 0 100%;border-left:none;border:none}}.coffee-map-wrapper .info-slider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/3}@media screen and (max-width:900px){.coffee-map-wrapper .info-slider img{aspect-ratio:16/9;display:none}}.coffee-map-wrapper .info-slider .product-content{padding:2em}@media screen and (max-width:900px){.coffee-map-wrapper .info-slider .product-content{padding-top:0;padding-left:5%;padding-right:5%}}@media screen and (max-width:475px){.coffee-map-wrapper .info-slider .product-content{padding-top:30px}}.coffee-map-wrapper .info-slider h3{margin-bottom:.5rem}.coffee-map-wrapper .info-slider .coffee-roast{text-transform:uppercase;font-size:clamp(14px,12px + .8333vw,16px);color:var(--color-primary);font-weight:800;letter-spacing:2px}.coffee-map-wrapper .info-slider .product-description{margin-top:2rem}.coffee-map-wrapper .map{width:70%;flex:0 0 70%;display:flex;align-items:center;padding:5% 0;position:relative;background:var(--color-tan)}@media screen and (max-width:1200px){.coffee-map-wrapper .map{width:60%;flex:0 0 60%}}@media screen and (max-width:900px){.coffee-map-wrapper .map{width:100%;flex:0 0 100%;padding:5% 0 0}}.coffee-map-wrapper .map .map-wrapper{width:100%;height:auto;position:relative;aspect-ratio:979/531}.coffee-map-wrapper .map .map-image{box-sizing:border-box;position:static;width:100%;height:auto}.coffee-map-wrapper .marker-container{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:979/531;z-index:1}.coffee-map-wrapper .marker-container .marker-icon{position:absolute;top:0;left:0;width:2vw;height:3vw;z-index:1;background:var(--color-white);-webkit-mask-image:url(icon-marker.svg);mask-image:url(icon-marker.svg);-webkit-mask-size:100%;mask-size:100%;transform-origin:center;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block;transition:all .3s ease}@media screen and (max-width:800px){.coffee-map-wrapper .marker-container .marker-icon{transform:scale(1.5)}}.coffee-map-wrapper .marker-container .marker-icon:hover,.coffee-map-wrapper .marker-container .marker-icon.active{transform:scale(1.3);background:var(--color-accent);z-index:2}@media screen and (max-width:800px){.coffee-map-wrapper .marker-container .marker-icon:hover,.coffee-map-wrapper .marker-container .marker-icon.active{transform:scale(1.8)}}.coffee-map-wrapper .marker-container .marker-icon:hover{cursor:pointer}.coffee-map-wrapper .controls{position:absolute;width:100%;bottom:0;left:0;padding:2.5% 2.5% 2.5% 5%;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media screen and (max-width:900px){.coffee-map-wrapper .controls{justify-content:flex-end;bottom:-50px}}@media screen and (max-width:475px){.coffee-map-wrapper .controls{bottom:-25px}}.coffee-map-wrapper .controls .swiper-pagination{width:40%;position:static;height:10px;background:var(--color-white);border-radius:100px;overflow:hidden;flex:0 0 40%}@media screen and (max-width:900px){.coffee-map-wrapper .controls .swiper-pagination{display:none}}.coffee-map-wrapper .controls .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--color-primary);border-radius:100px}.coffee-map-wrapper .controls .arrow-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:-moz-fit-content;width:fit-content}.coffee-map-wrapper .controls .slider-button{position:static;background:var(--color-primary)}.coffee-map-wrapper .controls .slider-button:after{background:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-coffee-map.css.map */