: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 *{animation:animation-fade-in .5s linear}@keyframes animation-fade-in{0%{opacity:0}to{opacity:1}}main,.shop-box,.product-box{justify-items:center;gap:1rem;display:grid}main{padding:1rem}.product-box div,.shop-title-box{justify-items:center;display:grid}.shop-title{color:#000;text-transform:uppercase;font-family:bc-medium,sans-serif;font-size:2rem}.image-details{grid-template-rows:1fr;grid-template-columns:1fr;display:grid}.image-details .shop-img,.image-details .shop-details{grid-area:1/1/2/2}.shop-details{opacity:0;transition:opacity .3s ease-in}.shop-details:hover,.shop-details:focus,.shop-details:focus-within{opacity:1}.shop-divider{font-size:2.5rem;line-height:30%;text-decoration:none}.side-logo{width:5rem}.shop-img{width:var(--product-size)}.side-menu-box .side-menu{place-items:center;gap:.5rem;display:grid}.side-menu-box .side-menu .side-link:hover,.side-menu-box .side-menu .side-link:focus,.side-menu-box .side-menu .side-link:focus-within{box-shadow:inset 0rem -.7rem 0rem -.6rem var(--footer-color)}.side-menu-box .side-menu li,.side-menu-box .side-menu a{color:#000;text-transform:uppercase;font-family:bc-medium,sans-serif;font-size:1.3rem;text-decoration:none;list-style:none;transition:box-shadow .2s ease-in}.product-box div .flavour{color:#000;text-transform:lowercase;font-family:bc-regular,sans-serif;font-size:1.2rem}.product-box div .b-name{color:#000;text-transform:uppercase;font-family:bc-medium,sans-serif;font-size:1.5rem}.product-box div .price{color:#000;text-transform:uppercase;font-family:bc-regular,sans-serif;font-size:1.5rem}.bag{width:1.3rem;opacity:0;filter:drop-shadow(0 0 #000);transition:all .2s;position:absolute;inset-inline-start:5rem}.cart-button.content-button{justify-content:center;align-items:center;font-family:bc-regular,sans-serif;display:flex}.cart-button.content-button:hover{justify-content:flex-start}.cart-button.content-button:hover .bag{opacity:1;inset-inline-start:6.5rem}@media (min-width:460px){.side-menu-box .side-menu{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:.7rem}.side-menu-box .side-menu li:nth-child(1){grid-column:1/4}}@media (min-width:600px){main{grid-template-columns:1fr 1fr;column-gap:0}.side-menu-box{grid-area:2/1/3/3}.shop-title-box{grid-area:1/1/2/3}.shop-box{grid-area:3/1/4/3}.product-box{grid-template-columns:1fr 1fr}}@media (min-width:900px){.shop-title{font-size:2.5rem}.product-box{grid-template-columns:1fr 1fr 1fr}.side-menu-box .side-menu{grid-template-columns:repeat(6,1fr)}.side-menu-box .side-menu li:nth-child(1){grid-column:1/7}}@media (min-width:1200px){:root{--product-size:21rem}}.added-background.active{width:100vw;height:100vh;z-index:5;background-image:radial-gradient(circle,#fff 30%,#0000 120%);transition:all .5s;position:fixed;inset-block-start:0;inset-inline:0}.added-bag-box{display:none}.added-bag-box.active{width:100vw;height:100vh;z-index:5;transition:all 5s;animation-name:bag-ani;animation-duration:.3s;animation-timing-function:linear;display:block;position:fixed;inset-block-start:0;inset-inline:0}.added-bag-box.active .added-bag{width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.added-bag-box.active .added-bag .added-img{width:8rem;transition:all 5s;position:fixed}.check.active{width:4rem;height:4rem;animation-name:check-ani;animation-duration:1s;animation-timing-function:linear;display:inline-block;position:absolute;transform:translate(5.5rem,-6rem)}.check.active:before{height:50%;width:.5rem;content:"";transform-origin:0 100%;background-color:#000;position:absolute;top:50%;left:0;transform:translate(10px)rotate(-45deg)}.check.active:after{height:.5rem;width:100%;content:"";transform-origin:0 100%;background-color:#000;position:absolute;bottom:0;left:0;transform:translate(10px)rotate(-45deg)}@keyframes check-ani{0%{opacity:0;transform:translate(5.5rem,50rem)scale(2)rotate(360deg)}25%{opacity:.25;transform:translate(5.5rem,15rem)scale(10)rotate(270deg)}50%{opacity:.5;transform:translate(5.5rem,10rem)scale(1.5)rotate(180deg)}75%{opacity:.75;transform:translate(5.5rem,5rem)scale(1.25)rotate(90deg)}to{opacity:1;transform:translate(5.5rem,-6rem)scale(1)rotate(0deg)}}@keyframes bag-ani{0%{opacity:0;transform:translateY(20rem)scale(1.5)}to{opacity:1;transform:matrix(1,0,0,1,0,0)}}.fade-in{animation-name:fade-in;animation-duration:.5s;animation-timing-function:linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{animation-name:fade-out;animation-duration:.5s;animation-timing-function:ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=ground.79579368.css.map */