*,:after,:before{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box;margin:0;padding:0;max-width:100vw}html{position:relative;min-height:100%}body{margin-bottom:100px}:root{--main-green:hsl(96,24%,44%);--main-beige:hsl(48,54%,89%);--hover-beige:hsl(47,48%,73%);--main-black:rgb(34,34,34);--btn-green:hsl(152,67%,33%);--text-font:1.2rem}.navbarbg{background-color:hsl(0,0%,100%);box-shadow:1px 1px 5px 1px hsl(0,0%,89%);margin:0}.navbar,.navbarbg{transition:background-color .5s}.navbar{position:fixed;top:0;height:80px;width:100%;z-index:102;background-color:none}.logo{position:relative;top:6px;left:10px;z-index:101}.roastar-logo-daytime{position:absolute;filter:brightness(1);transition:filter .5s}.roastar-logo-daytime.logo-active{filter:brightness(0)}.roastar-logo-nighttime{position:absolute;filter:brightness(1);opacity:0}.roastar-logo-nighttime.logo-active{filter:brightness(1)}.roastar-logo-hover{z-index:99;position:absolute;left:0;opacity:0;transition:transform .3s ease,opacity .5s ease}.roastar-logo-hover:hover{opacity:1;transition:opacity .5s}.nav-container{position:relative;font-weight:800}.item-container{text-align:center;position:relative;top:-.3em}.nav-list{gap:50px;list-style-type:none;justify-content:center;font-size:larger;display:flex;flex-direction:row;position:relative;padding-top:1.4em;margin-left:1em;transform:scaleY(1.1);letter-spacing:1.5px}.active{color:var(--main-green);text-decoration:underline;text-underline-offset:11.1px;text-decoration-thickness:4px;z-index:1}.active-beige{text-decoration:underline;text-underline-offset:11.1px;text-decoration-thickness:3px;z-index:1}.active-beige,.active-beige:hover{color:var(--main-beige);transition:color .5s}.nav-list-black .active-green .active-beige{color:var(--main-green);text-decoration:underline;text-underline-offset:11.1px;text-decoration-thickness:3px;z-index:1}.nav-list-black .active-beige .active-green:hover{color:var(--main-green);transition:color .5s}.nav-list-black li,.nav-list-white li{position:relative}.nav-list-white a{color:white;transition:.5s;text-decoration:none;font-size:1em;position:relative;transition:all .6s;&:before{content:"";width:0;height:3px;position:absolute;pointer-events:none;bottom:-10px;right:0;background-color:white;transition:all .3s}&:hover{&:before{width:100%;left:0;background-color:var(--main-beige)}}}.nav-list-white a:hover{color:var(--main-beige);transition:color .5s}.nav-list-black a{color:black;transition:.5s;text-decoration:none;font-size:1em;position:relative;transition:all .6s;&:before{content:"";width:0;height:3px;position:absolute;pointer-events:none;bottom:-10px;right:0;background-color:black;transition:all .3s}&:hover{&:before{width:100%;left:0;background-color:var(--main-green)}}}.nav-list-black a:hover{color:var(--main-green);transition:color .5s}.nav-list-mobile{position:relative;z-index:1000}.hamburger{position:absolute;display:none;top:.5rem;left:.5rem}.hamburger-menu{position:relative;z-index:1000}.mobile-backdrop{position:fixed;top:0;left:0;width:100%;height:100dvh;max-height:100dvh;background:hsl(50,100%,99%);z-index:101;overflow-y:auto}.mobile-nav-container{overflow-y:auto}.roastar-logo-mobile-daytime,.roastar-logo-mobile-nighttime{position:absolute;margin-inline:auto;top:6px;left:0;right:0;width:-moz-fit-content;width:fit-content;height:auto}.roastar-logo-mobile-nighttime{opacity:0;left:-2px}.mobile-nav{text-align:center;margin-top:6em;height:100dvh;max-height:100dvh;padding-bottom:5rem;overflow-y:auto}.mobile-nav-list{display:flex;flex-direction:column;gap:50px;font-size:28px}.mobile-nav-list a{color:black;text-decoration:none}.nav-list-mobile input:checked~ul{transform:none;overflow:hidden}.no-scroll{overflow:hidden}.cart{position:relative;margin-top:-2rem;margin-right:1rem;float:right}.cart-btn{text-align:center;z-index:99;width:40px;height:40px;transform:scale(1);border-radius:50%;cursor:pointer;background:hsl(0,0%,0%,0%);color:hsl(48,54%,89%);position:relative}.cart-btn:active{transition:transform 0s!important;transform:scale(.96)}.cart-white{background-color:hsl(96,24%,44%,0%);color:white;border:1.5px solid white;transition:background-color .5s,color .5s,border .5s}.cart-white:hover{background-color:hsl(96,24%,44%);transition:background-color .5s,color .5s,border .5s}.cart-black,.cart-white:hover{border:1.5px solid hsl(0,0%,0%);color:hsl(0,0%,0%)}.cart-black{background-color:hsl(48,54%,89%,0%)}.cart-black,.cart-black:hover{transition:color .5s,border .5s,background-color .5s}.cart-black:hover{color:hsl(0,0%,0%);background-color:hsl(96,24%,44%);border:1.5px solid hsl(0,0%,0%)}.cart-backdrop{display:block;background:rgba(0,0,0,.4);position:fixed;z-index:104;width:100%;left:0;top:0}.cart-backdrop,.cart-card{height:100dvh;max-height:100dvh;right:0}.cart-card{background:white;position:absolute;bottom:0;width:max(400px,0%);z-index:102;box-shadow:1px 1px 10px 1px hsl(0,0%,0%);overflow-y:auto}.cart-background{text-align:right;margin-top:0}.cart-background .cart-close-btn{margin-right:1em}.cart-head{position:relative;z-index:100;height:4em}.cart-head .cart-close-btn{position:relative;top:1.5em}.cart-close-btn{cursor:pointer;border:none;background:none;position:relative;color:black;z-index:100}.cart-close-btn:active{background:hsl(0,0%,0%,5%);border-radius:50%}.cart-header{top:-.6em;position:relative;text-align:left;color:black;letter-spacing:1.5px;margin-left:1em}.cart-content{text-align:center}.cart-content .cart-is-empty{margin:5rem 1rem;letter-spacing:.5px}.cart-is-empty button{margin-top:2rem;width:200px;background:black}.cart-slider{position:absolute;bottom:3rem;overflow:hidden;width:95%;margin:5rem auto auto}.cart-slide-card{padding:1rem;margin-inline:auto;left:0;right:0;background-image:linear-gradient(1turn,hsl(0,0%,100%,20%),hsla(0,0%,74%,20%),hsl(0,0%,100%,20%));width:170px;height:220px}.cart-track p{margin-top:1rem;text-align:center;color:black;transition:color .3s}.cart-track p:hover{color:var(--main-green);transition:color .3s}.cart-slide{filter:opacity(1);transition:.3s}.cart-slide:hover{filter:opacity(.7);transition:.3s}.cart-container{margin:1.4em .6em;padding-bottom:3rem;overflow-y:auto;max-height:25rem;border-top:1px solid hsl(0,0%,0%,10%);border-bottom:1px solid hsl(0,0%,0%,10%)}.cart-container .clear{position:relative;top:2rem;right:0;left:0}.cart-item-container{height:8em;margin-top:1em;margin-bottom:-1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);grid-column-gap:10px;grid-row-gap:0}.cart-image{text-align:left;grid-area:1/2/3/1;object-fit:contain;filter:opacity(1);transition:filter .3s}.cart-image:hover{filter:opacity(.7);transition:filter .3s}.cart-image-link,.cart-title{position:relative;display:inline-block}.cart-title{vertical-align:top;right:.3rem;text-align:left;margin-right:-2.8rem;color:black;transition:color .3s}.cart-title:hover{color:var(--main-green);transition:.3s}.cart-price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;letter-spacing:1px;font-weight:500}.cart-quantity-and-variant{position:relative;right:.6rem;top:-1rem;display:flex;gap:5px}.cart-delete{text-align:right;cursor:pointer;border:none;background:none;margin-top:-.6rem;margin-right:.6rem;margin-left:6rem;height:2.1em;color:var(--btn-green)}.cart-variant{font-weight:500;font-size:.6em;color:hsl(0,0%,0%,50%);margin-top:.65rem;text-align:left;margin-right:-6rem}.cart-quantity-handle{position:relative;justify-content:center;color:black;border-radius:5px;display:flex;gap:0;background:white;border:1.5px solid black;height:2.3em;width:7em;z-index:10}.cart-quantity-handle .product-preview-quantity-minus{border-top-left-radius:5px;border-bottom-left-radius:5px}.cart-quantity-handle .product-preview-quantity-plus{border-top-right-radius:5px;border-bottom-right-radius:5px}.cart-quantity-handle button{color:black;width:3rem;cursor:pointer;border:none;padding:.4rem;background:none;transition:background .3s,color .3s}.cart-quantity-handle button:hover{color:white;background:black;transition:background .3s,color .3s}.cart-quantity-handle p{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.9rem;margin-top:-3.5px;align-self:center;padding-left:.7em;padding-right:.7em;font-weight:300}.cart-price-and-delete{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cart-bottom-section{width:max(92%,21em);position:absolute;display:flex;flex-direction:column;gap:10px;margin-right:1em;margin-left:1em;padding-bottom:1rem;bottom:0}.cart-bottom-section .tax-and-shipping{text-align:left;font-weight:400;font-size:.7rem}.cart-bottom-section .cart-subtotal{text-align:left}.cart-subtotal{letter-spacing:1px;font-weight:400}.cart-subtotal span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;float:right;font-weight:600}.cart-bottom-section .checkout{margin-top:1em}.clear{border:none;background:none;cursor:pointer;margin-right:11em;margin-left:11em;font-size:.7em}.checkout{cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:1.5px;padding-top:1rem;padding-bottom:1rem;color:white;border:1px solid var(--btn-green);border-radius:3px;background:var(--btn-green)}.checkout,.checkout:hover{transition:color .3s,border .3s,background .3s}.checkout:hover{border:1px solid rgb(238,238,238);background:rgb(238,238,238);color:black}.continue{width:100%;font-size:.8rem;cursor:pointer;font-weight:600;letter-spacing:1.5px;padding-top:1rem;padding-bottom:1rem;color:white;border:1px solid var(--main-black);border-radius:3px;background:var(--main-black)}.continue,.continue:hover{transition:color .3s,border .3s,background .3s}.continue:hover{border:1px solid rgb(238,238,238);background:rgb(238,238,238);color:black}.footer-container{color:white;width:100%;height:auto;position:relative;top:0;margin-bottom:-6.6rem;padding:2rem;background-color:hsl(96,24%,44%);display:flex;flex-direction:row;justify-content:space-between;z-index:99}.active-footer{color:white;text-decoration:underline;text-underline-offset:11.4px;text-decoration-thickness:2px;z-index:1}.footer-left-section{margin-top:1rem}.footer-address img{position:relative;left:-.4rem;width:18em;height:6em}.footer-address ul{font-weight:600;list-style-type:none;position:relative;left:0}.footer-links a{color:white;font-weight:600;letter-spacing:1.5px;transition:.5s;text-decoration:none;font-size:1em;position:relative;transition:all .6s;&:before{content:"";width:0;height:2px;position:absolute;pointer-events:none;bottom:-10px;right:0;background-color:white;transition:all .3s}&:hover{&:before{width:100%;left:0;background-color:white}}}.address{letter-spacing:1.5px;text-align:left;display:flex;gap:10px;padding-top:10px}.phone-no{color:white;text-decoration:none;padding-top:20px}.opening-times,.phone-no{letter-spacing:1.5px;font-weight:600}.opening-times{margin-top:1rem;display:flex;flex-direction:column}.socials{position:relative;top:20px;left:-.3em;text-align:left;display:flex;gap:10px}.socials a{color:white}.footer-right-section{margin-top:1.5rem}.footer-nav{display:flex;flex-direction:column;gap:1.4rem}.copyright{color:white;font-size:.8rem}.payment-icons{position:relative;left:-10px;display:flex;gap:30px}.shopify-logo,.visa-logo{filter:grayscale(100%) brightness(12);-webkit-filter:grayscale(100%) brightness(12)}.mastercard-logo{filter:grayscale(100%) brightness(1.8);-webkit-filter:grayscale(100%) brightness(1.8);margin-top:.4rem}.paypal-logo{color:#ffffff;margin-top:.6rem}.submit-container{background:grey;height:100%;position:relative;z-index:120}.maintenance-container{display:none;text-align:center;position:fixed;z-index:200;height:100%;width:100%;background:white;overflow-y:hidden}.maintenance-content{display:block;margin-top:6rem}.maintenance-content img{margin-bottom:1rem}.maintenance-content p{font-size:2rem;letter-spacing:1.5px;font-weight:600}@media (prefers-color-scheme:dark){.navbarbg{background-color:hsla(0,0%,11%);box-shadow:1px 1px 5px 1px hsla(0,0%,11%,.9)}.nav-list-black a{color:white;&:before{background-color:white}}.nav-list-mobile input:checked~span{opacity:1;transform:rotate(-45deg) translate(2px,2px) scaleX(.94);position:relative;background:white}.mobile-backdrop{position:fixed;width:100%;height:105vh;background:hsla(0,0%,11%);z-index:101}.roastar-logo-mobile-nighttime{opacity:1}.mobile-nav-list a{color:white;text-decoration:none}.roastar-logo-daytime{opacity:0}.roastar-logo-nighttime{opacity:1}.nav-list-mobile-black span{background:white}.cart-black{color:white;border:1.5px solid white}}@media (min-width:1000px){.mobile-backdrop{display:none}}@media (max-width:1000px){.nav-list-mobile{display:block;color:var(--main-beige)}.hamburger{z-index:103}.logo{text-align:center;left:-4.79em;z-index:101}.roastar-logo-hover{position:absolute;top:0;left:9.43em;right:0;margin-inline:auto}.nav-list{display:none}.cart{margin-top:1.09em;margin-right:1em;float:right}.cart-btn{text-align:center;position:relative}.cart-badge{display:block}.cart-bottom-section{position:relative;margin-top:15rem;margin-bottom:-3rem}.footer-container{display:block;text-align:center;height:auto}.footer-address img{position:relative;left:0}.address{margin-right:-1rem;margin-left:-1rem}.address,.socials{justify-content:center}.socials{margin-bottom:2rem;left:0}.payment-icons{justify-content:center}}@media (max-width:1000px) and (min-height:700px){.cart-slider{position:absolute;bottom:3rem;overflow:hidden;width:90%;margin-bottom:0}.cart-bottom-section{width:max(92%,21em);position:absolute;display:flex;flex-direction:column;gap:10px;margin-right:1em;margin-left:1em;padding-bottom:1rem;bottom:3rem}}@media (max-width:768px){.cart-container{max-height:20rem}}@media (max-width:480px){.cart-container{max-height:15rem}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}