#root{margin:0 auto;height:100vh;width:100vw}#navbar-container{height:4rem;width:100%;position:fixed;top:0rem;background-color:var(--main-blue);display:flex;justify-content:space-around;align-items:center;color:#fff;z-index:1;border-bottom:2px solid white}#navbar-container #left{height:100%;display:flex;justify-content:center;align-items:center;font-size:1.5rem}#navbar-container #left img{height:100%;cursor:pointer}#navbar-container #left p{cursor:pointer}#navbar-container #center{width:15%;height:45%;display:flex;justify-content:center;align-items:center;position:relative}#navbar-container #center input{border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;height:60%;padding:.5rem 1vw}#navbar-container #center button{height:116%;background-color:#fff;padding:.5rem 1vw;border-left:2px solid black;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:center;align-items:center;transition:.2s}#navbar-container #center button img{height:100%}#navbar-container #center button:hover{background-color:gray}#navbar-container #right{height:100%;display:flex;justify-content:center;align-items:center;position:relative}#navbar-container #right .right-icons{margin-left:1vw;height:70%;width:30%;cursor:pointer;display:flex;justify-content:center;align-items:center}#navbar-container #right .right-icons img{height:80%}#navbar-container #right .drop-menu{position:absolute;background-color:#fff;color:#000;border:2px solid black;border-radius:10px;top:3rem;padding:.5rem 1vw;display:none;justify-content:center;align-items:center;flex-direction:column;text-wrap:nowrap}#navbar-container #right .drop-menu button,#navbar-container #right .drop-menu p{padding:.5rem 1vw;margin-bottom:.5rem;transition:.4s;border-radius:5px}#navbar-container #right .drop-menu button:hover,#navbar-container #right .drop-menu p:hover{background-color:gray}#navbar-container #right #list-button:hover #drop-menu-list,#navbar-container #right #cart-button:hover #drop-menu-cart,#navbar-container #right #profile-button:hover #drop-menu-profile{display:flex}#navbar-container #right #drop-menu-cart{position:absolute;background-color:var(--main-blue);border:2px solid black;color:#fff;border-radius:10px;padding:1.5rem;top:3rem;right:-4vw;width:20rem;display:none;justify-content:center;align-items:center;flex-direction:column;text-wrap:nowrap;cursor:default}#navbar-container #right #drop-menu-cart p:first-child{font-size:1.5rem;margin-bottom:1rem}#navbar-container #right #drop-menu-cart .cart-item{width:95%;height:5rem;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1vw}#navbar-container #right #drop-menu-cart .cart-item #left-cart{width:25%;height:100%;margin-right:1rem}#navbar-container #right #drop-menu-cart .cart-item #left-cart img{height:100%;width:100%;object-fit:contain}#navbar-container #right #drop-menu-cart .cart-item #center-cart{width:50%;height:100%;display:flex;align-items:center}#navbar-container #right #drop-menu-cart .cart-item #center-cart p{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}#navbar-container #right #drop-menu-cart .cart-item #center-cart p:first-child{font-size:1rem;width:20%}#navbar-container #right #drop-menu-cart .cart-item #center-cart p:last-child{width:70%}#navbar-container #right #drop-menu-cart .cart-item #right-cart{width:25%;font-size:1.2rem;margin-left:.5rem}#navbar-container #right #drop-menu-cart button{border:2px solid black;border-radius:10px;background-color:#fff;color:#000;padding:.5rem 2vw;transition:.4s}#navbar-container #right #drop-menu-cart button:hover{background-color:gray}#navbar-container #right #drop-menu-cart #checkout{border-top:2px solid black;width:100%;padding-top:1rem;display:flex;justify-content:space-around;align-items:center;font-size:1.5rem}#navbar-container #right #cart-amount{position:relative;display:flex;padding:.05rem .4rem;background-color:#fff;border-radius:30px;color:#000;top:-15%;right:30%;font-size:.75rem}@media (max-width: 900px){#navbar-container #userName{display:none}}@media (max-width: 600px){#navbar-container{height:3rem;width:100%}#navbar-container #left{font-size:1.3rem}#navbar-container #left img{display:none}#navbar-container #center{width:40%;height:45%}#navbar-container #center input{height:30%;width:100%;padding:.5rem 2vw;font-size:.75rem}#navbar-container #center button{height:105%;width:30%;padding:.3rem 1vw;transition:.2s}#navbar-container #center button img{height:100%;width:100%;object-fit:contain}#navbar-container #right .drop-menu{top:2rem;right:0rem;padding:.5rem 4vw}#navbar-container #right .right-icons img{height:70%;margin-right:1vw}#navbar-container #right #drop-menu-cart,#navbar-container #right #cart-button:hover #drop-menu-cart{display:none}#navbar-container #right #cart-amount{padding:.05rem .3rem;font-size:.6rem}}#big-advert{width:100%;height:15rem;background-color:#00f;color:#fff;margin-top:4rem}#big-advert img{height:100%;width:100%;object-fit:cover}#home-page-container{display:flex;justify-content:center;align-items:center;width:100%}#home-page-container #products-container{display:grid;width:90%;padding:1.5rem 0vw;grid-template-columns:repeat(4,1fr);gap:5rem 2vw}@media (max-width: 1250px){#big-advert{height:12rem}#home-page-container #products-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 950px){#big-advert{height:8rem;width:100%}#home-page-container #products-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){#big-advert{height:6rem;margin-top:3rem}#home-page-container{min-height:50vh}#home-page-container #products-container{display:grid;width:95%;padding:1.5rem 3vw;grid-template-columns:repeat(2,1fr);gap:1rem 2vw}}@media (max-width: 600px){#big-advert{height:5rem}}@keyframes infoShow{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes infoLineAnimation{0%{width:95%}to{width:0%}}#info-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:2;background-color:var(--main-blue);color:#fff;height:5rem;width:20rem;padding:.5rem 1vw;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px solid white;font-size:1.5rem;animation:3s infoShow forwards}#info-container #animate-container{margin-top:5%;height:10%;width:90%;background-color:#fff;display:flex;justify-content:flex-start;align-items:center;border-radius:10px}#info-container #animate-container #animate-line{height:60%;width:95%;margin-left:2%;background-color:#000;animation:3s infoLineAnimation forwards;border-radius:10px}#product-card-container{border-radius:10px;text-align:center;padding:1.5rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:25rem;width:16.6666666667vw;background-color:var(--main-grey)}#product-card-container img{height:60%;width:90%;object-fit:contain;cursor:pointer}#product-card-container #product-card-info{height:40%;display:flex;align-items:center;flex-direction:column;font-size:1.4rem;margin-top:1rem;width:100%;position:relative}#product-card-container #product-card-info .full-text{display:none;position:absolute;background-color:#ffffff7a;top:-2.5rem;border:1px solid black;border-radius:10px;font-size:.75rem;padding:.5rem 1vw;max-width:90%;text-wrap:wrap}#product-card-container #product-card-info .product-name{cursor:pointer;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;max-width:100%}#product-card-container #product-card-info .product-name:hover{text-decoration:underline}#product-card-container #product-card-info .product-name:hover .full-text{display:block}#product-card-container #product-card-info button{background-color:var(--main-blue);color:#fff;padding:.75rem 1vw;border-radius:10px;transition:.5s}#product-card-container #product-card-info button:hover{scale:1.05;background-color:var(--main-light-blue)}@media (max-width: 1250px){#info-container{width:30vw}#product-card-container{width:25vw}}@media (max-width: 950px){#info-container{width:43vw}#product-card-container{width:33.3333333333vw}}@media (max-width: 600px){#info-container{width:70vw;font-size:1rem}#product-card-container{padding:1rem;height:15rem;width:35.7142857143vw}#product-card-container #product-card-info{height:40%;font-size:1rem;margin-top:1rem}#product-card-container #product-card-info button{padding:.5rem 2vw;font-size:.75rem}}#footer-container{background-color:var(--main-blue);height:10rem;margin-top:2.5rem;display:flex;justify-content:space-around;align-items:center;padding:1rem 2vw}#footer-container #footer-left{height:90%}#footer-container #footer-left #shop-name{height:80%;display:flex;justify-content:center;align-items:center;flex-direction:row;font-size:2rem;color:#fff}#footer-container #footer-left #shop-name img{display:flex;justify-content:center;align-items:center;height:100%}#footer-container #footer-left #media{height:20%;display:flex;justify-content:center;align-items:center}#footer-container #footer-left #media img{height:100%;margin:0rem 1vw;cursor:pointer}#footer-container #footer-right{color:#fff}#footer-container #footer-right p:first-child{font-weight:700}@media (max-width: 600px){#footer-container{flex-direction:column;height:auto;position:relative;bottom:0rem}#footer-container #footer-left{height:7.5rem}#footer-container #footer-right{margin-top:1.5rem;height:5rem}}#no-page-container{display:flex;height:100%;width:100%;background-color:#0097a8;background-image:url(/assets/NoPageImg-CWNe71bP.png);background-size:contain;background-repeat:no-repeat;position:relative}#no-page-container button{position:absolute;top:35vw;right:43vw;transform:translate(-50%,-50%);border:2px solid black;border-radius:10px;background-color:#fff;padding:1vw}#no-page-container button:hover{background-color:gray}#product-container{display:grid;grid-template-columns:59% 37%;align-items:start;font-size:1.5rem;margin-top:4rem;width:100%}#product-container #product-img{grid-column-start:1;grid-row-start:1;width:100%;height:90%;display:flex;justify-content:center;padding-top:0rem;border-bottom:2px solid black}#product-container #product-img img{width:60%;height:90%;object-fit:contain}#product-container #product-description{grid-column-start:1;grid-row-start:2;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:0rem}#product-container #product-description #description{padding:0rem 0vw;width:80%}#product-container #opinions{grid-column-start:1;grid-row-start:3;width:100%;display:flex;align-items:center;flex-direction:column;margin-top:5rem;border-top:2px solid black}#product-container #opinions .opinion{border:2px solid black;border-radius:20px;width:90%;display:flex;align-items:center;flex-direction:column;margin:1vw 0vw}#product-container #opinions .opinion #opinion-user{display:flex;justify-content:space-between;align-items:center;width:90%;padding:1vw}#product-container #opinions .opinion #opinion-user #rate-stars{width:30%;height:100%;display:flex}#product-container #opinions .opinion #opinion-user #rate-stars img{width:20%;height:100%}#product-container #opinions .opinion #opinion-description{padding:2rem 1vw;width:90%;font-size:1.25rem}#product-container #product-right{grid-column-start:2;grid-row-start:1;grid-row-end:2;display:flex;flex-direction:column;width:100%;height:44.5rem;position:sticky;top:4rem;right:0vw;border-left:2px solid black;padding:1.5rem 0vw 0vh 1.5rem}#product-container #product-right #product-name{font-size:2.5rem}#product-container #product-right #opinion-rate{height:4%;display:flex;align-items:center;margin-top:1%}#product-container #product-right #opinion-rate img{height:100%;margin-right:1%}#product-container #product-right #opinion-rate p{margin-right:3%}#product-container #product-right #opinion-rate #rate-stars{width:40%;height:100%;display:flex}#product-container #product-right #opinion-rate #rate-stars img{width:20%;height:100%;object-fit:contain}#product-container #product-right #product-price{margin-top:3%}#product-container #product-right #count-add-section{display:flex;justify-content:flex-end;align-items:center;width:30%;background-color:var(--main-blue);border-radius:10px;color:#fff;margin-top:2rem}#product-container #product-right #count-add-section p{border-right:2px solid white;width:30%;text-align:center}#product-container #product-right #count-add-section button{background-color:var(--main-blue);color:#fff;padding:.75rem 1vw;font-size:1rem;transition:.4s;border-radius:10px;width:100%}#product-container #product-right #count-add-section button:hover{background-color:gray}#product-container #product-right #payments{margin-top:1.5rem;font-size:1rem;font-weight:700;padding-bottom:1rem}#product-container #product-right #payments img{width:70%;margin-top:1rem}#product-container #product-right .shipping{margin-top:1rem;font-size:1rem;display:flex;align-items:center;border:2px solid black;width:70%;padding:.5rem 1vw;border-radius:10px}#product-container #product-right .shipping img{width:15%;height:100%;object-fit:contain;margin-right:3vw}@media (max-width: 950px){#product-container{grid-template-columns:100%;margin-top:13vh}#product-container #product-img{grid-column-start:1;grid-row-start:1;width:100%;height:100%;display:flex;justify-content:center;padding-top:0vh;border-bottom:2px solid black}#product-container #product-img img{width:70%;height:90%;object-fit:contain}#product-container #product-description{grid-column-start:1;grid-row-start:3;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:0vh}#product-container #product-description #description{padding:0vh 0vw;width:80%}#product-container #opinions{grid-row-start:4}#product-container #product-right{grid-column-start:1;grid-row-start:2;height:auto;position:static;top:auto;right:auto;border-left:none;padding:3vh 5vw 5vh 5vw;width:95%}#product-container #product-right #product-price{margin-top:5%}#product-container #product-right #opinion{height:4vh}}@media (max-width: 600px){#product-container{margin-top:8vh}}#cart-container{margin:5rem 10vw;display:flex;min-height:28rem}#cart-container #cart-products-list{width:70%;display:flex;flex-direction:column;align-items:center}#cart-container #cart-products-list .cart-product{display:grid;grid-template-columns:12rem minmax(0,1fr) 6rem;grid-template-rows:50% 50%;align-items:center;height:10rem;width:100%;max-width:60rem;font-size:1.5rem;margin-bottom:.5rem;border-bottom:2px solid black}#cart-container #cart-products-list .cart-product .cart-product-img{grid-row-start:1;grid-row-end:3;grid-column-start:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#cart-container #cart-products-list .cart-product .cart-product-img img{height:90%;object-fit:contain;cursor:pointer}#cart-container #cart-products-list .cart-product #product-name{grid-row-start:1;grid-column-start:2;display:flex;padding-left:2rem;position:relative}#cart-container #cart-products-list .cart-product #product-name .full-text{display:none;max-width:150%;position:absolute;top:-2rem;left:-3rem;background-color:var(--main-blue);color:#fff;padding:.5rem 1rem;font-size:1rem;border-radius:20px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}#cart-container #cart-products-list .cart-product #product-name .full-text:hover{display:block}#cart-container #cart-products-list .cart-product #product-name p{cursor:pointer;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}#cart-container #cart-products-list .cart-product #product-name p:hover+.full-text{display:block}#cart-container #cart-products-list .cart-product .cart-product-count{grid-row-start:2;grid-column-start:2;width:10rem;height:40%;display:flex;justify-content:center;align-items:center;border-radius:10px;text-align:center}#cart-container #cart-products-list .cart-product .cart-product-count button{background-color:var(--main-blue);color:#fff;height:100%;aspect-ratio:1/1;font-size:1rem;display:flex;justify-content:center;align-items:center}#cart-container #cart-products-list .cart-product .cart-product-count p{width:35%;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0rem .2vw}#cart-container #cart-products-list .cart-product #product-price{grid-row-start:2;grid-column-start:3;width:15%}#cart-container #cart-products-list .cart-product #delete-btn{grid-row-start:1;grid-column-start:3;background-color:#f3a1a1;padding:.5rem 1vw;border-radius:10px;width:100%}#cart-container #cart-checkout{width:30%;max-height:15rem;margin-left:5vw;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;font-size:2.5rem}#cart-container #cart-checkout button{background-color:var(--main-blue);color:#fff;padding:.5rem 1vw;border-radius:10px;width:45%;margin-top:2.5rem}@media (max-width: 1300px){#cart-container{margin:5rem 5vw;display:flex;flex-direction:column}#cart-container #cart-products-list{width:100%}#cart-container #cart-checkout{width:100%;margin:2.5rem 0rem 1.5rem;align-items:center}#cart-container #cart-checkout button{margin-top:1.5rem;width:30%;min-width:12rem}}@media (max-width: 750px){#cart-container #cart-products-list .cart-product{grid-template-columns:7rem minmax(0,1fr) 5rem;height:7rem;font-size:1rem}#cart-container #cart-products-list .cart-product #product-name .full-text{top:-1.4rem;font-size:.6rem}#cart-container #cart-products-list .cart-product .cart-product-count{width:7rem}#cart-container #cart-products-list .cart-product .cart-product-count button{font-size:.8rem}#cart-container #cart-products-list .cart-product .cart-product-count p{margin:0rem .1vw}#cart-container #cart-products-list .cart-product #delete-btn{font-size:.8rem}#cart-checkout p{font-size:2rem}#cart-checkout button{margin-top:1.5rem;width:30%}}@media (max-width: 600px){#cart-container #cart-products-list .cart-product{grid-template-columns:7rem minmax(0,1fr) 5rem;height:7rem;font-size:1rem}#cart-container #cart-products-list .cart-product #product-name{grid-column-end:4;padding:0}#cart-container #cart-products-list .cart-product #product-name .full-text{top:-1.4rem;font-size:.6rem}#cart-container #cart-products-list .cart-product .cart-product-count{width:5rem}#cart-container #cart-products-list .cart-product .cart-product-count button{font-size:.8rem}#cart-container #cart-products-list .cart-product .cart-product-count p{margin:0rem .1vw}#cart-container #cart-products-list .cart-product #delete-btn{display:none}#cart-checkout p{font-size:2rem}#cart-checkout button{margin-top:1.5rem;width:30%}}#checkout-container{margin-top:6rem;display:grid;justify-content:center;grid-template-columns:55vw 30vw;grid-template-rows:5fr;gap:1.5rem 1vw}#checkout-container #user-information{grid-column-start:1;grid-row-start:1;background-color:var(--main-grey);border-radius:20px;padding:1.5rem 4vw}#checkout-container #user-information h1{text-align:center}#checkout-container #user-information button{background-color:var(--main-blue);color:#fff;padding:.75rem 1vw;border-radius:20px;margin-top:1.5rem;font-size:.75rem;transition:.5s}#checkout-container #user-information button:hover{scale:1.05;background-color:var(--main-light-blue)}#checkout-container #checkout-products-list{grid-column-start:1;grid-row-start:2;grid-row-end:4;padding:.5rem 1vw;background-color:var(--main-grey);display:flex;align-items:center;flex-direction:column;border-radius:20px;gap:.5rem 0rem}#checkout-container #checkout-products-list .checkout-product{width:90%;display:grid;height:10rem;grid-template-columns:6rem minmax(0,1fr) 5rem;grid-template-rows:50% 50%;background-color:#eeeded;border-radius:20px;padding:0rem 1rem}#checkout-container #checkout-products-list .checkout-product .checkout-product-img{grid-column-start:1;grid-row-start:1;grid-row-end:3;height:95%;width:95%;display:flex;justify-content:center;align-items:center}#checkout-container #checkout-products-list .checkout-product .checkout-product-img img{width:100%;object-fit:contain}#checkout-container #checkout-products-list .checkout-product #checkout-product-details{grid-column-start:2;grid-column-end:3;grid-row-start:1;display:flex;align-items:center;width:100%;margin-left:2rem}#checkout-container #checkout-products-list .checkout-product #product-price{grid-column-start:2;grid-column-end:3;grid-row-start:2;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-left:2rem;width:100%;text-wrap:nowrap}#checkout-container #checkout-products-list .checkout-product #product-price p{margin:0 1rem}#checkout-container #user-payments{grid-column-start:1;grid-row-start:4;grid-row-end:5;background-color:var(--main-grey);border-radius:20px;padding:.5rem 1vw;display:flex;flex-direction:column;align-items:center}#checkout-container #user-payments p{padding:1vw;margin:.5rem;background-color:var(--main-blue);color:#fff;border-radius:20px;transition:.3s;cursor:pointer;width:60%;text-align:center}#checkout-container #user-payments p:hover{scale:1.05;background-color:var(--main-light-blue)}#checkout-container #delivery-container{grid-column-start:1;grid-row-start:5;background-color:var(--main-grey);border-radius:20px;padding:1vw;display:flex;flex-direction:column;align-items:center}#checkout-container #delivery-container p{padding:.5rem 1vw;margin:.5rem;background-color:var(--main-blue);color:#fff;border-radius:20px;transition:.3s;cursor:pointer;width:60%;text-align:center}#checkout-container #delivery-container p:hover{scale:1.05;background-color:var(--main-light-blue)}#checkout-container #checkout-details-container{background-color:var(--main-blue);color:#fff;padding:1.5rem 4vw;position:fixed;top:6rem;right:4vw;width:23vw;border-top-left-radius:20px;border-top-right-radius:20px}#checkout-container #checkout-details-container .checkout-details{width:100%;display:flex;justify-content:space-between;align-items:center}#checkout-container #checkout-sum-main{padding:1.5rem 4vw;border-top:2px solid black;display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto;position:fixed;top:11.5rem;right:4vw;width:23vw;background-color:var(--main-blue);border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff}#checkout-container #checkout-sum-main button{grid-column-start:1;grid-row-start:3;background-color:#fff;padding:.5rem 1vw;border-radius:20px;margin-top:1.5rem;transition:.5s;width:50%;margin-left:25%}#checkout-container #checkout-sum-main button:hover{scale:1.05;background-color:var(--main-grey)}#checkout-container #checkout-sum-main .checkout-details{grid-column-start:1;grid-row-start:1;width:100%;display:flex;justify-content:space-between;align-items:center}#checkout-container #checkout-sum-main #demo-info{grid-column-start:1;grid-row-start:2;background-color:red;border-radius:10px;padding:.5rem 1vw;text-align:center;margin-top:1rem;font-size:.8rem}@media (max-width: 1100px){#checkout-container{width:100%;grid-template-columns:1fr}#checkout-container h1{font-size:1.5rem}#checkout-container #user-information{margin:0rem 2vw}#checkout-container #user-information button{width:60%;padding:.5rem 1vw;font-size:1rem}#checkout-container #checkout-products-list{margin:0rem 2vw}#checkout-container #checkout-products-list .checkout-product #checkout-product-details{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75%}#checkout-container #checkout-products-list .checkout-product #checkout-product-details .checkout-product-center{width:90%}#checkout-container #checkout-products-list .checkout-product #checkout-product-details .checkout-product-center p{width:100%}#checkout-container #checkout-products-list .checkout-product #checkout-product-details .checkout-product-center p:first-child{width:20%}#checkout-container #checkout-products-list .checkout-product #checkout-product-details #product-price{width:100%;margin-top:.5rem}#checkout-container #checkout-products-list .checkout-product #checkout-product-details #product-price p:first-child{margin-right:2vw}#checkout-container #user-payments{margin:0rem 2vw}#checkout-container #user-payments p{padding:1rem;font-size:1rem}#checkout-container #delivery-container{margin:0rem 2vw}#checkout-container #delivery-container p{font-size:1rem}#checkout-container #checkout-details-container{background-color:var(--main-grey);color:#000;position:static;width:auto;margin:0rem 2vw}#checkout-container #checkout-details-container .checkout-details{width:90%;display:flex;justify-content:space-between;align-items:center}#checkout-container #checkout-sum-main{grid-template-columns:50% 50%;grid-template-rows:auto auto;padding:1.5rem 0vw;position:sticky;bottom:0rem;right:0vw;width:100%;height:8rem;border-bottom-left-radius:0;border-bottom-right-radius:0}#checkout-container #checkout-sum-main .checkout-details{grid-column-start:2;grid-row-start:1;width:90%;display:flex;flex-direction:column;justify-content:center}#checkout-container #checkout-sum-main p{margin:0rem 4vw;font-size:1.2rem}#checkout-container #checkout-sum-main button{grid-column-start:1;grid-column-end:2;grid-row-start:2;padding:.75rem 4vw;margin:0rem 4vw;font-size:.8rem;margin-left:75%;margin-top:5%;height:60%}#checkout-container #checkout-sum-main #demo-info{grid-column-start:1;grid-row-start:1;width:80%;height:50%;margin-left:4rem}#checkout-container #checkout-sum-main #demo-info p{font-size:.7rem}}@media (max-width: 700px){#checkout-container #user-information p{font-size:.8rem}#checkout-container #user-payments{margin:0rem 2vw}#checkout-container #user-payments p{font-size:.8rem}#checkout-container #delivery-container{margin:0rem 2vw}#checkout-container #delivery-container p{font-size:.8rem}#checkout-container #checkout-sum-main{grid-template-columns:60% 40%;height:8rem}#checkout-container #checkout-sum-main p{font-size:1rem}#checkout-container #checkout-sum-main button{margin-top:2%;font-size:.8rem;height:auto;margin-left:35vw;min-width:7rem}#checkout-container #checkout-sum-main #demo-info{grid-column-start:1;grid-row-start:1;margin:2% 0 0 3%;height:60%}#checkout-container #checkout-sum-main #demo-info p{font-size:.6rem}#checkout-container #checkout-products-list .checkout-product{width:90%;display:grid;height:auto;grid-template-columns:100%;grid-template-rows:minmax(0,1fr) 5rem 5rem;background-color:#eeeded;border-radius:20px;padding:1rem 2vw;font-size:.8rem}#checkout-container #checkout-products-list .checkout-product .checkout-product-img{grid-column-start:1;grid-row-start:1;grid-row-end:1;height:95%;width:95%;display:flex;justify-content:center;align-items:center}#checkout-container #checkout-products-list .checkout-product .checkout-product-img img{width:75%;max-height:95%;object-fit:contain}#checkout-container #checkout-products-list .checkout-product #checkout-product-details{grid-column-start:1;grid-column-end:1;grid-row-start:2;width:100%;margin-left:0rem}#checkout-container #checkout-products-list .checkout-product #product-price{grid-column-start:1;grid-column-end:1;grid-row-start:3;margin-left:0rem;text-wrap:wrap}#checkout-container #checkout-products-list .checkout-product #product-price p{margin:0 2vw}}#login-container{margin-top:4rem;min-height:32rem;width:100%;display:flex;justify-content:center;align-items:center}#login-container #login{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:20px;border:2px solid black;padding:1rem 2vw;height:25rem;width:30vw;background-color:var(--main-blue);color:#fff}#login-container #login #incorrect{color:#000;background-color:red;border-radius:20px;padding:.2vw .5vw}#login-container #login p:first-child{font-size:2.6rem;font-weight:700;margin-bottom:.5rem}#login-container #login .login-input{width:80%;display:flex;margin:.5rem 0vw;height:12%;background-color:#fff;border-radius:20px}#login-container #login .login-input input{width:90%;border-top-left-radius:20px;border-bottom-left-radius:20px;border:2px solid black;border-right:none;height:101%;padding:0}#login-container #login .login-input input[type=text],#login-container #login .login-input input[type=password]{padding-left:2vw}#login-container #login .login-input #show-hide-pass{width:10%;border-top:2px solid black;border-right:2px solid black;border-bottom:2px solid black;padding:.5rem 1vw;object-fit:contain;background-color:#fff;height:67%;cursor:pointer}#login-container #login .login-input #login-icon{width:10%;border-top:2px solid black;border-right:2px solid black;border-bottom:2px solid black;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:.5rem 1vw;object-fit:contain;background-color:var(--main-blue);height:67%}#login-container #login #login-options{display:flex;height:10%;width:80%;justify-content:space-between;align-items:center}#login-container #login #login-options #remember{display:flex;align-items:center;width:50%}#login-container #login #login-options #remember input{width:10%}#login-container #login #login-options #remember p{cursor:auto}#login-container #login #login-options #remember p:hover{text-decoration:none}#login-container #login #login-options p{cursor:pointer}#login-container #login #login-options p:hover{text-decoration:underline}#login-container #login button{margin-top:.5rem;background-color:#fff;width:80%;padding:1rem 1vw;border-radius:20px;transition:.4s}#login-container #login button:active{transform:scale(.9)}#login-container #login #login-register{margin-top:1rem}#login-container #login #login-register span{font-weight:700;cursor:pointer}@media (max-width: 1200px){#login-container #login{width:40vw}}@media (max-width: 900px){#login-container #login{width:60vw}}@media (max-width: 600px){#login-container #login{width:85vw}#login-container #login .login-input img{width:20%}}#settings-page{margin-top:4rem;min-height:32rem;display:flex;justify-content:center;align-items:center}#settings-page #setting-container{width:60vw;border-radius:20px;padding:.5rem 1vw;background-color:var(--main-blue);color:#fff;display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr 1fr 1fr 1fr 1.5fr;height:27.5rem;position:relative}#settings-page #setting-container button{border-radius:10px;border:2px solid black;margin:.5rem 0vw;width:70%;height:3rem;background-color:#fff}#settings-page #setting-container button:hover{scale:1.05;box-shadow:10px 10px 20px #000}#settings-page #setting-container #welcome{grid-column-start:1;grid-row-start:1;display:flex;justify-content:center;font-size:2rem;height:100%}#settings-page #setting-container #logic{grid-column-start:1;grid-row-start:2;grid-row-end:6}#settings-page #setting-container #logic .logic-functions{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}#settings-page #setting-container #logic .logic-functions p{margin:1vw 0vw}#settings-page #setting-container #logic .logic-functions input{padding:.25rem .5vw;border-radius:10px}#settings-page #setting-container #logic .logic-functions button{margin-top:2rem;width:50%;height:2.5rem}#settings-page #setting-container #functions{grid-column-start:2;grid-row-start:1;grid-row-end:5;display:flex;align-items:center;flex-direction:column}#settings-page #setting-container #delete{grid-column-start:2;grid-row-start:5;display:flex;justify-content:center;align-items:center;flex-direction:column}#settings-page #setting-container #delete button{height:50%;color:red;background-color:#f8d2d2}#settings-page #setting-container #delete button:hover{scale:1.05;box-shadow:10px 10px 20px #ee8a8a}#settings-page #setting-container #delete-container{display:none;justify-content:center;align-items:center;flex-direction:column;height:10rem;position:absolute;top:5rem;right:1rem;background-color:#fff;border-radius:20px;padding:4vh 1vw 1vh 1vw;border:2px solid red;text-align:center;font-weight:700;color:#000}#settings-page #setting-container #delete-container button{margin-top:1.5rem;height:30%;color:red;background-color:#f8d2d2}#settings-page #setting-container #delete-container button:hover{scale:1.05;box-shadow:10px 10px 20px #ee8a8a}#settings-page #setting-container #delete-container #close-container{position:absolute;top:1%;right:2%;margin-top:0vh;width:10%;height:15%;border:none;color:#000}#settings-page #setting-container #delete-container #close-container:hover{scale:1;box-shadow:none}@media (max-width: 950px){#settings-page{margin-top:6rem}#settings-page #setting-container{height:30rem;width:80vw}}@media (max-width: 700px){#settings-page{margin-top:6rem;height:auto}#settings-page #setting-container{height:auto;width:80vw;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}#settings-page #setting-container #welcome{grid-column-start:1;grid-row-start:1;display:flex;justify-content:center;align-items:center;font-size:2rem}#settings-page #setting-container #functions{grid-column-start:1;grid-row-start:2;grid-row-end:5;height:auto}#settings-page #setting-container #functions button{height:2.5rem}#settings-page #setting-container #logic{grid-column-start:1;grid-row-start:5;grid-row-end:8}#settings-page #setting-container #delete{grid-column-start:1;grid-row-start:8}#settings-page #setting-container #delete-container{height:10rem;top:5rem}#settings-page #setting-container #delete-container button{margin-top:1.5rem;height:30%}#settings-page #setting-container #delete-container button:hover{scale:1.05;box-shadow:10px 10px 20px #ee8a8a}}@media (max-width: 600px){#settings-page{margin-top:10vh}#settings-page #setting-container #delete-container{right:0rem}}#order-container{margin-top:4rem;min-height:31.5rem;display:flex;align-items:center;flex-direction:column}#order-container #order-text{height:4rem;display:flex;align-items:center;font-size:2.5rem;margin:1rem 0vw}#order-container .order{border:2px solid black;border-radius:20px;padding:1vw;width:70%;margin:.5rem 1vw;background-color:var(--main-blue);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}#order-container .order p{padding:.5rem 0vw}#order-container .order .order-products{padding:1vw;display:flex;align-items:center;justify-content:space-around;width:90%}#order-container .order .order-products #img-container{width:10rem}#order-container .order .order-products #img-container img{width:100%}#order-container .order .order-products button{border:2px solid black;border-radius:20px;padding:1.2vw 2vw;background-color:#fff;transition:.5s}#order-container .order .order-products button:hover{background-color:var(--main-grey);scale:1.05}#order-container .order .order-products .order-product-details{display:flex;flex-direction:column;width:85%;font-size:1.75rem;padding:0rem 3vw}#order-container .order .order-products .order-product-details .count-price-container{display:flex;justify-content:space-around;font-size:1.1rem;margin:1.5rem 0vw}#order-container .order #order-total{width:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:1rem 0vw;border-top:2px solid black;padding:.5rem 1vw}#order-container .order #order-total .order-total-detail{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0rem 4vw;text-align:center;width:20%}#order-container .order #order-total .order-total-detail p:first-child{font-weight:700}@media (max-width: 1100px){#order-container{margin-top:3rem}#order-container .order{width:75%}#order-container .order .order-products{flex-direction:column}#order-container .order .order-products #img-container{width:55%}#order-container .order .order-products #img-container img{margin-top:1rem;width:100%}#order-container .order .order-products button{width:40%;height:3rem}#order-container .order .order-products .order-product-details{width:90%}#order-container .order #order-total{width:100%;font-size:1rem}#order-container .order #order-total p{width:auto;margin-right:0vw}}@media (max-width: 600px){#order-container{margin-top:3rem}#order-container .order{width:95%}#order-container .order .order-products .order-product-details .count-price-container{font-size:.9rem}#order-container .order .order-products .order-product-details .count-price-container p{padding:.5rem}#order-container .order .order-products img{width:55%}#order-container .order .order-products button{width:40%;height:3rem}}#opinion-container{background-color:var(--main-blue);border:2px solid black;border-radius:20px;position:fixed;top:11.5rem;right:9vw;height:30rem;width:80vw;padding:.5rem 1vw;color:#fff;display:none;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1}#opinion-container #close-btn{height:7%;display:flex;align-items:flex-start;justify-content:flex-end;width:100%}#opinion-container #close-btn button{background-color:#fff;height:100%;width:5%;padding:.25rem .5vw}#opinion-container #close-btn button img{width:100%;height:100%;object-fit:contain}#opinion-container h1{margin:0}#opinion-container #main-target{height:60%;width:100%;display:flex}#opinion-container #main-target #opinion-left{width:40%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#opinion-container #main-target #opinion-left #img-container{width:90%;height:60%;display:flex}#opinion-container #main-target #opinion-left #img-container img{width:100%;max-height:95%;object-fit:contain}#opinion-container #main-target #opinion-right{width:60%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#opinion-container #main-target #opinion-right #input-con{width:80%;height:40%;display:flex;justify-content:center;align-items:center}#opinion-container #main-target #opinion-right #input-con textarea{height:90%;width:90%;resize:none;padding:1vw}#opinion-container #main-target #opinion-right #rate-con{height:10%;width:80%;margin-top:.5rem;display:flex;justify-content:center;align-items:center}#opinion-container #main-target #opinion-right #rate-con p{margin-right:3vw}#opinion-container #main-target #opinion-right #rate-con button{height:100%;padding:0vh 0vw;border:none;background-color:#fff0;margin:0vh .5vw}#opinion-container #main-target #opinion-right #rate-con button img{height:100%;object-fit:contain}@media (max-width: 700px){#opinion-container{top:3rem;right:9vw;height:80vh;width:80vw;border:2px solid white}#opinion-container #close-btn button{width:10%}#opinion-container h1{font-size:1.2rem}#opinion-container #main-target{height:75%;display:flex;flex-direction:column}#opinion-container #main-target #opinion-left{width:100%;height:60%}#opinion-container #main-target #opinion-left #img-container{width:90%;height:90%;display:flex}#opinion-container #main-target #opinion-right{width:100%;height:40%}#opinion-container #main-target #opinion-right #input-con{width:80%;height:40%}#opinion-container #main-target #opinion-right #rate-con{height:30%;width:95%}#opinion-container #main-target #opinion-right #rate-con button{height:80%;padding:0vh 0vw;border:none;background-color:#fff0;margin:0vh .5vw}}#changePasswordByEmail-container{height:100vh;display:flex;justify-content:center;align-items:center}#changePasswordByEmail-container #poorNavBar{height:4rem;width:100%;position:absolute;display:flex;top:0vh;background-color:var(--main-blue);justify-content:center;align-items:center;color:#fff;font-size:1.5rem}#changePasswordByEmail-container #poorNavBar img{height:100%}#changePasswordByEmail-container #change-form{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#dadada;height:50vh;width:40vw;border-radius:20px;padding:1vh 1vw;font-size:3vh}#changePasswordByEmail-container #change-form input{padding:.5vh .5vw;border-radius:10px;width:60%;height:6%;margin-top:1vh}#changePasswordByEmail-container #change-form button{border-radius:10px;border:2px solid black;margin:1vh 0vw;margin-top:4vh;width:50%;height:15%;background-color:#fff}#changePasswordByEmail-container #change-form button:hover{scale:1.05;box-shadow:10px 10px 20px #000}@media (max-width: 900px){#changePasswordByEmail-container #change-form{height:50vh;width:70vw}}@media (max-width: 600px){#changePasswordByEmail-container #change-form{height:50vh;width:90vw}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-size:1.1rem;--main-blue: #0a7db1;--main-light-blue:#0c96d6;--main-grey: rgb(218, 218, 218)}:root ::-webkit-scrollbar{width:15px}:root ::-webkit-scrollbar-track{background-color:var(--main-grey);box-shadow:inset 0 0 10px #635e5e}:root ::-webkit-scrollbar-thumb{background-color:var(--main-blue);border-radius:10px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100%;cursor:default}button{background-color:#fff0;border:none;color:#000;cursor:pointer;font-size:1rem}p{margin:0}