body{margin:0;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:100px;overflow-x:hidden}.navbar{display:flex;justify-content:space-around;padding:10px;background-color:#2e2e2e;color:#fff;font-size:1;position:fixed;width:100%;height:40px;z-index:10;align-items:center}.nav-log{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-menu{display:flex;justify-content:space-between;width:25rem;flex-wrap:wrap;gap:10px;align-items:center}.nav-menu t{text-decoration:none}.cart-number{color:red;font-size:14px;font-weight:bolder;position:relative;top:-9px;left:-2px}.nav-login-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.nav-login-cart .button{width:7rem;height:2.5rem;border:1px solid white;border-radius:8px;cursor:pointer;background-color:transparent;color:#fff}.links{text-decoration:none;font-size:1.1rem;color:#fff}.mobile-navbar{display:none}@media (max-width: 480px){.navbar{display:flex;flex-direction:column;height:50px;align-items:normal;width:100%}.nav-log{display:none}.nav-menu,.nav-login-cart{display:none;flex-direction:column;gap:10px}.mobile-navbar{display:flex;justify-content:space-between;align-items:center;padding-right:30px}.drawer-button-container{font-size:30px;padding:30px;display:block;gap:0px;width:200px;height:50%;color:#db7093;margin-top:20px}.drawer-button-container button{display:block;padding:10px;height:20px;font-size:20px;margin-top:20px;color:#2e2e2e;display:flex;justify-content:space-between}.drawer-login-button{width:100px;background-color:red}}@media (max-width: 700px) and (min-width:480px){.navbar{font-size:8px;justify-content:start}.nav-menu{font-size:10px;padding:1px;margin-right:30px;margin-left:25px}.links{font-size:13px}.nav-login-cart{font-size:10px;padding:2.2%}.nav-login-cart .button{display:none}}.item-card{height:24.5rem;width:20rem;background-color:#f5f5f5;margin-bottom:20px;border-radius:10px;cursor:pointer;box-shadow:2px 2px 10px 8px #3a353833}.item-card-info{padding-left:20px;padding-bottom:10px;align-content:end;height:40%}.item-card-info h4,p{margin:0}.button-container{display:flex;justify-content:flex-end;margin:10px 20px 60% 0;z-index:-6}@media (max-width: 480px){.item-card{width:10rem;height:15rem}.item-card-info{padding-left:20px;padding-bottom:10px;align-content:end;height:6rem}}@media (max-width: 700px) and (min-width:480px){.item-card{width:12rem;height:17rem;margin-bottom:40px}.item-card-info{padding-left:23px;padding-bottom:15px;align-content:end;height:8rem}}.international-banner{display:flex;justify-content:center;align-items:center;width:100%}.international-spacer{margin-bottom:30%}@media screen and (max-width: 480px){.international-banner{height:140px;background-size:contain}}.banner-boarding{width:100%;display:flex;justify-content:center;position:relative;top:90px;margin-bottom:120px;z-index:-1}.banner-boarding .inner-boarding{border-radius:12px;justify-content:space-between;background-position:center;background-repeat:no-repeat;background-size:cover}.banner-text{padding-top:30px;color:#edede4;width:80%;font-size:20px}.logo-container{display:flex;overflow:hidden;position:relative;align-items:center;justify-content:center}.logo{width:8%;cursor:pointer;margin-left:20px;transition:transform .1s ease-in-out;animation:move 8s linear infinite}@keyframes move{0%{transform:translate(100%)}to{transform:translate(-100%)}}.footer{background-color:#2e2e2e;margin-top:40px;color:#fff;padding:20px 0 40px 10%}.footer-title{display:flex}.footer p{font-size:15px;color:#a3a0a0}.social-media{margin:20px 0 40px;display:flex;flex-wrap:wrap;gap:20px}.footer-cpy{display:flex;margin-top:10px}@media (max-width: 480px){.footer{padding:20px 0 40px 5%}}.pagination{display:flex;list-style:none;padding:0;justify-content:center;margin:20px 0}.pagination li{margin:0 5px;cursor:pointer}.pagination li a{padding:4px 5px;text-decoration:none;color:#333;border:1px solid #ddd;border-radius:4px;transition:background-color .2s}.pagination li a:hover{background-color:#eee}.pagination li.selected a{background-color:#050505;color:#fff;border-color:#007bff}.pagination li.disabled a{color:#ccc;cursor:not-allowed}.item-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));padding:2% 0%;transition:padding 5s ease;margin:30px;justify-content:center}@media (max-width: 480px){.item-container{grid-template-columns:repeat(2,minmax(10rem,1fr));grid-gap:.5rem;padding:5%;margin:10px;align-items:center;justify-content:center}}@media (max-width: 700px) and (min-width:480px){.item-container{grid-template-columns:repeat(2,minmax(10rem,1fr))}}.boarding{height:40rem;width:100%;background:linear-gradient(to bottom,#fff0,#fff),url(/assets/boarding-back-CYpXEwXf.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;color:#000;position:relative;top:50px;z-index:-1;margin-bottom:30px}.boarding-text{width:50%;padding-left:10%;padding-top:250px;font-family:Arial,Helvetica,sans-serif;font-size:2rem}.boarding-image img{width:100%;padding:20%}.boarding-image{width:70%;align-items:center;justify-content:center;display:flex}.boarding-text p{font-size:20px;margin:0;padding:8px;line-height:0px}.boarding-text h5{margin:0}@media (max-width: 480px){.boarding{flex-direction:column-reverse;justify-content:center;align-items:center;margin:0}.boarding-text{width:80%;padding-left:2%;padding-top:20px;font-size:.8rem;margin-bottom:10px}.boarding-text p{font-size:.8rem}.boarding-image{align-items:center;padding:0%;margin:0}}@media (max-width: 700px) and (min-width:480px){.boarding{flex-direction:column-reverse;justify-content:center;align-items:center;margin:0}.boarding-text{padding:0%;width:400px;margin-bottom:100px}}.new-arival{padding:2% 8%}.featured,.new-arival-container{padding:2% 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:.6rem}.featured{padding:2% 8%}.featured-text,.new-arival-text{align-content:center;background-image:linear-gradient(to right,#ff70ea4f,#fff,#fff);margin-left:5%;padding:.6% .6% .6% 1.5%;font-size:15px;border-radius:5px}.new-arival-text{display:flex;margin:0;justify-content:center}.new-arival-text div p,h2{text-align:center;line-height:3px}.new-arival-text div{padding:15px}.shop-banner{height:300px;margin:70px;background-image:url(/assets/shop-banner-ha2D3wx9.jpg);border-radius:10px}.circular-progress{width:90vw;margin-top:20px;display:flex;justify-content:center}@media (max-width: 480px){.new-arival-container{width:100%;grid-template-columns:repeat(2,minmax(10rem,1fr));grid-gap:.5rem;padding:0%;margin:0;align-items:center;justify-content:center}.shop-banner{height:120px;width:100%;margin:10px 10px 10px 30px;background-size:contain}.shop-banner-container{display:flex;justify-content:center}.new-arival-container{padding:0%;margin:20px 0}.new-arival{padding:7%}.featured-text{padding:.1% .1% .1% 2%;font-size:.8rem}.new-arival-text{font-size:.5rem}}@media (max-width: 700px) and (min-width:480px){.new-arival-container{width:100%;grid-template-columns:repeat(2,minmax(10rem,1fr));grid-gap:.5rem;padding:0%;margin:0;align-items:center;justify-content:center}.new-arival-text{font-size:.6rem;margin-bottom:20px}}.women{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));padding:2% 0%}.others-boarding{width:100%;display:flex;justify-content:center;position:relative;top:90px;margin-bottom:120px;z-index:-1}.others-boarding .inner-boarding{background-image:linear-gradient(to right,pink,#fff);width:80%;border-radius:12px;display:flex;padding-left:10%;justify-content:space-between}.others-banner-text{color:#959393;width:80%}.others-spacer{margin-bottom:30%}@media (max-width: 480px){.others{width:430px;grid-template-columns:repeat(2,minmax(13rem,1fr));grid-gap:1rem;padding:6%;align-items:center;justify-content:center}.others-banner-text{font-size:8px}}.kids{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));padding:2% 0%}.kids-boarding{width:100%;display:flex;justify-content:center;position:relative;top:90px;margin-bottom:120px;z-index:-1}.kids-boarding .inner-boarding{background-image:linear-gradient(to right,#ff0,#fff);width:80%;border-radius:12px;display:flex;justify-content:space-between;padding-left:10%}.kid-banner-text{color:#50e926;width:80%;font-size:15px}.kid-banner-image{width:30%}.kids-spacer{margin-bottom:30%}@media (max-width: 480px){.kids{width:430px;grid-template-columns:repeat(2,minmax(13rem,1fr));grid-gap:1rem;padding:6%;align-items:center;justify-content:center}.kid-banner-text{font-size:8px}}.products{width:100vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-gap:1rem;padding:100px 0% 20px}.product-image{display:flex;justify-content:center}.big-image{height:525px;margin-left:20px}.big-image img,.small-image div img{width:100%;height:100%;border-radius:8px;cursor:pointer}.small-image div img:hover{opacity:.8}.small-image div{height:8rem;width:9rem;margin-bottom:4px}.product-info{width:100vw}.product-info button{background-color:red;border:none;color:#fff;width:15rem;padding:10px;border-radius:6px;margin-top:30px}.product-info p{margin-top:15px}.product-info div button{background-color:#f5f5f5;width:5rem;color:#000;cursor:pointer}input{width:15rem;margin:10px;height:40px;border:1px solid black;border-radius:5px;background-color:#f5f5f5;background-color:transparent;text-align:center}.price-text{font-size:20px;font-weight:500;color:red}@media (min-width: 800px){.products{padding:100px 50px 50px}.big-image{min-width:25rem;max-width:25rem}}@media (max-width: 480px){.products{padding:0}.product-image{margin:60px 0 0;padding:0%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100vw}.small-image div{height:100%;width:100%}.small-image{margin-top:10px;display:flex;width:95vw;gap:.5rem}.big-image{margin:0;margin-top:1rem}.big-image img{width:100%;height:100%}.product-info{width:100vw;padding-left:0%}.product-info h1{margin-left:10px;font-size:20px}}.login{display:flex;justify-content:center}.login div,.login-section{background-color:#f5f5f5;border-radius:15px;padding:50px 100px;margin-top:20%;margin-bottom:10%;box-shadow:2px 2px 8px 6px #0000001a}.login div form,.login-section form{margin-top:20px}.login div form input,.login-section form input{width:95%;margin-bottom:10px;border-radius:10px;border:2px solid whitesmoke;padding-left:10px;background-color:#fff;text-align:start}.login div form button,.login-section form button{background-color:#000;color:#fff;border:none;border-radius:8px;width:100%;margin-bottom:10px;cursor:pointer}.signup-progress{position:absolute;width:80%;height:40%;top:400px;display:flex;justify-content:center;align-items:center;background-color:transparent}input[type=checkbox]{width:15px;height:15px;margin-right:8px}@media (max-width: 480px){.login div{padding:7%;align-items:center}.login-section{height:50%;padding:7%;align-items:center}.login{padding:7%;justify-content:center;height:110vh;margin-bottom:0}.login div form input,.login-section form input{margin:0 0 10px}.login div form button,.login-section form button{height:40px}}@media (max-width: 480px){.bottom-table{width:400px}}.table-container{padding:30px 60px 0;position:relative;top:50px;margin-bottom:100px}.cart-total{padding:60px;color:#87a2ff}@media (max-width: 480px){.table-container{padding:0}.cart-total{padding:0;color:#87a2ff}}.detail-banner{height:150px;background-image:linear-gradient(to bottom,#f62ad000,#f62ad000),url(../src/components/assets/retro_banner.jpg);background-size:cover,cover;background-repeat:no-repeat;background-position:center;padding:30% 8% 8%}.banner-text{display:none}@media (max-width: 480px){.detail-banner{height:100px;background-size:contain;padding-top:60%}.banner-text{display:block;font-size:20px;color:#000;padding-left:8%}}.retro{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:1rem;padding:2% 0%}.retro-spacer{margin-bottom:30%}@media (max-width: 480px){.retro{width:430px;grid-template-columns:repeat(2,minmax(13rem,1fr));grid-gap:1rem;padding:6%;align-items:center;justify-content:center}}