:root{--product-size:18rem;--scroll-color:#000;--body-bck-color:#fff;--navmenu-top:2.5rem;--menu-link-color:#000;--hambmenu-color:#000;--side-menu-bck-color:#fff;--button-bcg-color:#000;--button-color:#fff;--navbar-border-color:#000;--footer-color:#000;--shopbag-color:#000}main{justify-items:center;gap:1rem;margin:auto;padding:1rem 0;display:grid}main *{animation:animation-fade-in .5s linear}@keyframes animation-fade-in{0%{opacity:0}to{opacity:1}}.shop-subtitle{width:16rem;color:#fff;text-transform:uppercase;background-color:#000;flex-direction:row;justify-content:center;margin-block:.5rem;padding:.5rem .75rem;font-family:bc-medium,sans-serif;font-size:1.5rem;text-decoration:none;transition:background-color .2s ease-in;display:flex;position:relative}.shop-subtitle:hover,.shop-subtitle:focus,.shop-subtitle:focus-within{color:#000;background-color:#fff}.shop-subtitle:after,.shop-subtitle:before{content:"";width:0;height:.2rem;background-color:#000;transition:all .3s ease-in-out;position:absolute;inset-inline-start:50%}.shop-subtitle:hover:after,.shop-subtitle:hover:before,.shop-subtitle:focus:after,.shop-subtitle:focus:before,.shop-subtitle:focus-within:after,.shop-subtitle:focus-within:before{width:100%;inset-inline-start:0}a.shop-subtitle:after{inset-block-end:0}a.shop-subtitle:before{inset-block-start:0}.arrow{opacity:0;transition:all .3s;position:absolute;inset-inline-start:7.5rem}.shop-subtitle:hover .arrow,.shop-subtitle:focus .arrow,.shop-subtitle:focus-within .arrow{opacity:1;inset-inline-start:13rem}p.shop-title{text-align:center;color:#000;text-transform:uppercase;max-width:25rem;font-family:bc-medium,sans-serif;font-size:1.7rem}.fade-in{animation-name:fade-in;animation-duration:.3s;animation-timing-function:ease-in}@keyframes fade-in{0%{opacity:.1}to{opacity:1}}.ground-title-photo,.beans-title-photo,.pods-title-photo,.syrup-title-photo,.candles-title-photo,.accs-title-photo{color:#000;text-transform:uppercase;font-family:bc-medium,sans-serif;font-size:1.5rem;text-decoration:none}.ground-shop-box,.beans-shop-box,.pods-shop-box,.syrup-shop-box,.candles-shop-box,.accs-shop-box{justify-content:center;justify-items:center;display:grid}.ground-slide-box,.beans-slide-box,.pods-slide-box,.syrup-slide-box,.candles-slide-box,.accs-slide-box{background-color:#fff;grid-template:1fr/1fr;margin:auto;display:grid}.ground-click,.beans-click,.pods-click,.syrup-click,.candles-click,.accs-click{grid-row:3/4;display:flex}.ground-button,.beans-button,.pods-button,.syrup-button,.candles-button,.accs-button{cursor:pointer;color:#000;font-size:3.5rem;line-height:60%;text-decoration:none}.bag-img,.beans-img,.pods-img,.syrup-img,.candles-img,.accs-img{width:18rem;height:auto;grid-area:1/1/2/2}.ground-title-photo,.beans-title-photo,.pods-title-photo,.syrup-title-photo,.candles-title-photo,.accs-title-photo{display:none}.ground-title-photo.active,.beans-title-photo.active,.pods-title-photo.active,.syrup-title-photo.active,.candles-title-photo.active,.accs-title-photo.active{flex-direction:column-reverse;align-items:center;display:flex}.ground-button.g1.active,.pods-button.p1.active,.beans-button.b1.active{color:#735323}.ground-button.g2.active,.pods-button.p2.active,.beans-button.b2.active{color:#a29385}.ground-button.g3.active,.pods-button.p3.active,.beans-button.b3.active,.accs-button.a1.active{color:#166c68}.syrup-button.s1.active{color:#d06a1c}.syrup-button.s2.active,.accs-button.a2.active,.candles-button.c1.active{color:#4e2b13}.candles-button.c2.active{color:#482406}.candles-button.c3.active{color:#83491a}.syrup-button.s3.active,.accs-button.a3.active{color:#e3dfca}@media (min-width:600px){p.shop-title{width:26rem;grid-column:1/3}main{width:auto;max-width:40rem;grid-template-columns:1fr 1fr}}@media (min-width:900px){p.shop-title{width:40rem;grid-column:1/4}main{width:auto;max-width:65rem;grid-template-columns:1fr 1fr 1fr}}
/*# sourceMappingURL=shop.16be6133.css.map */