@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";.close-icon{position:absolute;top:0.125rem;right:0.125rem;font-size:1.5rem;color:var(--red-color);cursor:pointer;transition:var(--short-duration)}.close-icon:hover{transform:scale(1.1)}.box{border:1px solid var(--gray-color);background-image:var(--primary-gradient);overflow:hidden;transition:var(--mid-duration)}.box{border-radius:8px}.box:hover{box-shadow:var(--box-shadow-1)}.box .image{background-color:var(--white-color);position:relative;cursor:pointer}.box .image{display:flex;justify-content:center;align-items:center}.box .info .price{background-color:var(--primary-color);color:var(--black-color)}.box .info .price,.box .info .old-price{display:block;position:relative;padding:0.4375rem 0.625rem 0.4375rem 0.875rem;width:-moz-fit-content;width:fit-content;margin:0.625rem 0;font-size:1rem;font-weight:500}.box .info .price,.box .info .old-price{border-radius:8px}.box .info .price::before,.box .info .old-price::before{content:"$";position:absolute;left:0.1875rem}.box .info .old-price{background-color:var(--red-color);color:var(--white-color);opacity:.8}.box .info .old-price::after{content:"";width:75%;background-color:var(--white-color);height:0.125rem}.box .info .old-price::after{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}.txt-1{font-size:clamp(1.125rem,2.8vw,1.875rem)}.txt-2,.btn{font-size:clamp(1rem,2.8vw,1.25rem)}.txt-3{font-size:clamp(0.75rem,2.8vw,1rem)}.btn{width:-moz-fit-content;width:fit-content;color:var(--black-color);text-align:center;text-transform:capitalize;border:none;line-height:1.5;cursor:pointer;transition:var(--mid-duration);font-family:"Roboto",sans-serif}.btn{border-radius:8px}.special-btn{background-color:var(--primary-color);padding:0.625rem 1.875rem;font-weight:500}.special-btn.centered{margin:1.25rem auto 0;display:flex}.special-btn.no-more{background-color:var(--red-color);color:var(--white-color);pointer-events:none}.special-heading{margin:0 auto 2.5rem;z-index:-1;text-align:center}.special-heading h2{font-size:1.75rem;color:#999;letter-spacing:0.9375rem;text-transform:uppercase}@media(min-width: 48em){.special-heading h2{font-size:2.375rem}}@media(min-width: 75em){.special-heading h2{font-size:2.625rem}}.special-heading p{color:var(--dark-gray-color)}.special-heading span{color:var(--primary-color);font-weight:bold}.cart .title{width:-moz-fit-content;width:fit-content;color:var(--dark-gray-color);font-size:1.875rem;padding-bottom:0.625rem;margin-bottom:1.25rem;border-bottom:0.125rem solid var(--primary-color);text-transform:capitalize}.transparent-btn{background-color:rgba(0,0,0,0);outline-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);text-transform:capitalize;cursor:pointer;transition:var(--short-duration)}.transparent-btn:hover{color:var(--primary-color)}.scroll-to-top{width:-moz-fit-content;width:fit-content;padding:0.3125rem;background-color:var(--primary-color);color:var(--white-color);border-radius:0.375rem;position:fixed;bottom:0.625rem;right:0.625rem;font-size:1.875rem;transition:var(--mid-duration);opacity:0;pointer-events:none}.scroll-to-top{display:flex;justify-content:center;align-items:center}.scroll-to-top.show{opacity:1;pointer-events:unset;cursor:pointer}.gallery .box.hidden{display:none}*{box-sizing:border-box;padding:0;margin:0}:root{--primary-color: hsl(181, 100%, 44%);--black-color: #333;--white-color: #fff;--dark-gray-color: #666;--gray-color: #c9c9c9;--light-gray-color: #eee;--red-color: #ff1e00;--member-color: hsl(240, 96%, 90%);--login-color: hsl(240, 100%, 95%);--signup-color: hsl(336, 100%, 90%);--scroll-bar-bg: hsl(181, 100%, 90%);--primary-gradient: linear-gradient( 90deg, hsl(180, 79%, 94%), hsl(181, 78%, 82%) );--box-shadow-1: 0 0 20px #ccc;--box-shadow-2: 0 5px 15px #8b8b8b;--short-duration: 0.3s;--mid-duration: 0.5s;--header_high: 68px;--top-space: 40px;--top-space-l: 60px;--bottom-space: 40px;--bottom-space-l: 60px}html{scroll-behavior:smooth;scrollbar-color:var(--primary-color) var(--scroll-bar-bg);scrollbar-width:thin}html::-webkit-scrollbar{width:0.625rem}html::-webkit-scrollbar-track{background-color:var(--scroll-bar-bg)}html::-webkit-scrollbar-thumb{background-color:var(--primary-color)}body{font-family:"Roboto",sans-serif;color:var(--black-color);background-color:var(--white-color)}body.overflow-hidden{overflow:hidden}h1,h2,h3,h4{line-height:1.1;font-weight:500}a{display:block;text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}body>section{scroll-margin:3.125rem;padding-top:var(--top-space);padding-bottom:var(--bottom-space)}@media(min-width: 48em){body>section{padding-top:var(--top-space-l);padding-bottom:var(--bottom-space-l)}}.container{margin-left:auto;margin-right:auto;padding-left:0.9375rem;padding-right:0.9375rem}@media(min-width: 36em){.container{width:35em}}@media(min-width: 48em){.container{width:46.875em}}@media(min-width: 62em){.container{width:60.625em}}@media(min-width: 75em){.container{width:73.125em}}.page-loading-circle{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,.77);z-index:4}.page-loading-circle.hidden{display:none}.page-loading-circle span{width:3.75rem;height:3.75rem;border:0.5rem solid var(--gray-color);border-top-color:var(--primary-color);animation:loading 1.5s infinite ease-in-out}.page-loading-circle span{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}.page-loading-circle span{border-radius:30px}@keyframes loading{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.be-a-member{width:100%;height:100vh;position:relative;z-index:3;background-color:var(--member-color);transition:var(--mid-duration)}.be-a-member.hidden{height:0vh;top:100%;opacity:0;pointer-events:none}.be-a-member .card-face{position:absolute;width:90%;top:100%;left:50%;transform:translateX(-50%);flex-direction:column;background-color:var(--white-color);box-shadow:var(--box-shadow-2);transition:var(--mid-duration)}.be-a-member .card-face{display:flex;justify-content:center;align-items:flex-start}.be-a-member .card-face.active{top:50%;transform:translate(-50%, -50%)}@media(min-width: 48em){.be-a-member .card-face{flex-direction:row}}.be-a-member .card-face .image{align-self:stretch;order:1}.be-a-member .card-face .image{display:flex;justify-content:center;align-items:flex-end}@media(min-width: 48em){.be-a-member .card-face .image{width:50%;order:unset}}.be-a-member .card-face .image img{width:70%}@media(min-width: 36em){.be-a-member .card-face .image img{width:65%}}@media(min-width: 48em){.be-a-member .card-face .image img{width:90%}}.be-a-member .card-face .image-1{background-color:var(--login-color)}.be-a-member .card-face .image-2{background-color:var(--signup-color)}.be-a-member .card-face .info{padding:0.625rem;order:2;width:100%}@media(min-width: 48em){.be-a-member .card-face .info{width:50%;order:unset}}.be-a-member .card-face .switch{gap:0.625rem}.be-a-member .card-face .switch{display:flex;align-items:center}.be-a-member .card-face .form{display:block;width:100%;margin:0 auto;text-align:center}.be-a-member .card-face .form h2{font-size:1.75rem;margin-top:0.625rem;line-height:1.4}.be-a-member .card-face .form input,.be-a-member .card-face .form .submit-btn{display:block;width:80%;margin:0.625rem auto;padding:0.625rem;font-size:0.875rem;font-weight:500}.be-a-member .card-face .form input{border:1px solid #ccc}.be-a-member .card-face .form .icons{margin-top:0.625rem;gap:0.375rem}.be-a-member .card-face .form .icons{display:flex;justify-content:center}.be-a-member .card-face .form .icon{font-size:1.75rem;transition:var(--short-duration);opacity:.5}.be-a-member .card-face .form .icon.google{color:#ea4335}.be-a-member .card-face .form .icon.facebook{color:#1877f2}.be-a-member .card-face .form .icon:hover{opacity:1}.be-a-member .card-face .close-icon{font-size:2rem}.be-a-member .log-in .submit-btn{background-color:var(--login-color)}.be-a-member .log-in .switch-between:hover{color:#4d4dff}.be-a-member .log-in input,.be-a-member .log-in button{outline-color:#9b9bfd}.be-a-member .sign-up .submit-btn{background-color:var(--signup-color)}.be-a-member .sign-up .switch-between:hover{color:#ff3385}.be-a-member .sign-up input,.be-a-member .sign-up button{outline-color:#ff99c2}.page-header{position:sticky;top:0;background-color:var(--white-color);z-index:3}.page-header .container{position:relative}.page-header .container{display:flex;justify-content:space-between;align-items:center}.page-header .burger{font-size:1.75rem;transition:var(--short-duration);order:3;cursor:pointer}.page-header .burger:hover,.page-header .burger.opened{color:var(--primary-color)}.page-header .burger.opened~.nav{opacity:1;top:100%;pointer-events:unset}@media(min-width: 48em){.page-header .burger{display:none}}.page-header .logo a{width:-moz-fit-content;width:fit-content;height:var(--header_high)}.page-header .logo a{display:flex;align-items:center}.page-header .logo a img{max-width:3.125rem}@media(min-width: 36em){.page-header .logo a img{max-width:4.6875rem}}.page-header .nav{display:flex;flex-direction:column;position:absolute;top:150%;right:0.625rem;opacity:0;pointer-events:none;background-color:var(--white-color);border:0.0625rem solid #555;flex:1;transition:var(--short-duration)}@media(min-width: 48em){.page-header .nav{position:static;border-color:rgba(0,0,0,0);flex-direction:row;opacity:1;pointer-events:unset}}.page-header .links{flex-direction:column;flex:2;order:2}.page-header .links{display:flex;justify-content:center;align-items:center}@media(min-width: 48em){.page-header .links{flex-direction:row;order:unset}}.page-header .links li{width:100%}@media(min-width: 48em){.page-header .links li{width:unset}}.page-header .links a{font-size:clamp(0.9375rem,2.3vw,1.125rem);font-weight:500;height:var(--header_high);text-transform:capitalize;padding:0 1.25rem;color:var(--black-color);position:relative;transition:var(--mid-duration)}.page-header .links a{display:flex;justify-content:center;align-items:center}.page-header .links a:hover,.page-header .links a.active{color:var(--primary-color);transform:scale(1.1)}.page-header .icons{height:var(--header_high);position:relative}.page-header .icons{display:flex;justify-content:flex-end;align-items:center}.page-header .icons .icon{font-size:1.5rem;position:relative;cursor:pointer;padding:0.625rem;transition:var(--mid-duration)}.page-header .icons .icon:hover{color:var(--primary-color)}.page-header .icons .red-dot-noti{display:block;position:absolute;top:0.4375rem;left:0.4375rem;width:0.3125rem;height:0.3125rem;background-color:var(--red-color)}.page-header .icons .red-dot-noti{border-radius:2.5px}.page-header .icons .search-bar{transition:var(--mid-duration);max-width:85%;padding:0.125rem 0.25rem;outline-color:var(--primary-color);bottom:-0.625rem}.page-header .icons .search-bar{position:absolute;transform:translate(-50%, 0);left:50%}@media(min-width: 48em){.page-header .icons .search-bar{max-width:50%;position:static;transform:none}}.page-header .icons .search-bar.hidden{opacity:0;pointer-events:none}.footer{background-image:var(--primary-gradient);padding-top:1.25rem;padding-bottom:1.25rem}.footer .container{gap:0.9375rem 1.875rem;flex-direction:column}.footer .container{display:flex;justify-content:space-between;align-items:flex-start}.footer .logo{width:7.5rem}.footer .who-we-are{line-height:1.5}@media(min-width: 48em){.footer .who-we-are{width:75%}}.footer .social{display:flex;gap:0.375rem}.footer .social .icon{font-size:1.75rem;cursor:pointer;transition:var(--short-duration)}.footer .social .icon:hover{color:var(--primary-color)}.footer .copyright{width:-moz-fit-content;width:fit-content;margin:0 auto}.footer .copyright span{color:var(--primary-color);font-weight:bold}.page-header .cart-icon{color:var(--primary-color)}.cart .container{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.875rem}@media(min-width: 48em){.cart .container{flex-direction:row}}.main{position:relative;flex:2}.main .box{display:flex;margin:1.25rem 0;position:relative;cursor:pointer;background-color:var(--white-color)}.main .box .image{background-image:var(--primary-gradient)}.main .box .image img{width:100px}.main .box .info{padding:1.25rem;width:100%}.main .box .info{display:flex;justify-content:space-between;align-items:center}.aside{position:relative;flex:1}@media(min-width: 48em){.aside::before{content:"";left:-0.625rem;width:0.125rem;height:90%;background-color:var(--light-gray-color)}.aside::before{position:absolute;transform:translate(0, -50%);top:50%}}.aside .content{padding:1.125rem;display:flex;flex-direction:column;gap:0.625rem;background-color:var(--light-gray-color);margin-bottom:1.25rem}.aside .content{border-radius:8px}.aside .content p{font-size:1.25rem;font-weight:500}.aside .content p{display:flex;justify-content:space-between;align-items:center}.aside .content input{padding:0.3125rem 0.625rem;outline-color:rgba(0,0,0,0);border:0.0625rem solid var(--gray-color)}.aside .content input{border-radius:8px}.aside .content .btn{width:100%;padding:0.625rem}/*# sourceMappingURL=cart.css.map */