@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+HU:wght@100..400&display=swap";:root{--color-star: #9f3fbb;--color-default: #fff;--color-item: #000;--bg-color: #dfdbdb;--bg-color-footer: #b2aecb;--color-star2: #82219f;--placeholder-color: #8b7f7f;--bg-input: #dfdbdb;--color-h2: #000;--bg-color-car: #fff}.dark-mode:root{--color-default: #3e054f;--bg-color: #17021c;--color-star: #fff;--color-item: #fff;--color-star2: #dfdbdb;--bg-color-footer: #472751;--placeholder-color: #cfcfcf;--bg-input: #a611c9;--color-h2: #a611c9;--bg-color-car: #251531}*{padding:0;margin:0;box-sizing:border-box;font-family:Open Sans,sans-serif}html{transition:.4s}body{background-color:var(--bg-color)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}footer{background-color:var(--bg-color-footer);padding:1rem;box-shadow:0 -20px 20px 20px var(--bg-color);z-index:1}footer div{display:flex;flex-direction:column;gap:.8rem;justify-content:center;align-items:center}footer div small a{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;color:var(--color-star);transition:.3s}footer div small a:hover{text-decoration:underline}header{width:100%;padding:1.5rem 5%;background-color:var(--color-default);z-index:3;position:sticky;top:0}header .header-container{display:flex;justify-content:space-between;align-items:center}header .header-container .nenet-title{display:flex;align-items:center;gap:.5rem;color:var(--color-star)}header .header-container .nenet-title .logo-title{font-size:2.3rem}header .header-container .nenet-title h1{font-family:Playwrite HU,cursive;font-size:1.6rem}header .header-container .search-info-container{display:flex;align-items:center;gap:1.1rem}header .header-container .search-info-container form{width:20rem;height:1.8rem;position:relative}header .header-container .search-info-container form input{width:100%;height:100%;border:none;border-radius:.3rem;text-indent:.7rem;background-color:var(--bg-input);color:var(--color-item)}header .header-container .search-info-container form input::placeholder{color:var(--placeholder-color)}header .header-container .search-info-container form button{background-color:transparent;border:none;position:absolute;top:.5rem;right:.7rem;cursor:pointer}header .header-container .search-info-container .carBuy{display:flex;align-items:center;color:var(--color-star);cursor:pointer;font-size:1.2rem;position:relative}header .header-container .search-info-container .carBuy .quantity{position:absolute;z-index:1;width:1rem;height:1rem;background-color:red;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.6rem;font-weight:700;color:var(--color-default);top:.5rem;right:-.5rem}header .header-container .search-info-container .toggleTheme{display:flex}header .header-container .search-info-container .toggleTheme .icon-day{color:orange;cursor:pointer;transition:.3s}@media screen and (max-width:640px){header{padding:1rem 3%}header .header-container{flex-direction:column}header .header-container .nenet-title{justify-content:flex-start;width:100%;margin-bottom:.6rem}header .header-container .nenet-title .logo-title{font-size:1.5rem}header .header-container .nenet-title h1{font-size:1.2rem}header .header-container .search-info-container{width:100%}header .header-container .search-info-container form{flex:1}header .header-container .search-info-container form input{flex:1}header .header-container .search-info-container form input::placeholder{font-size:.8rem}}nav.desktop{background-color:var(--bg-color);padding:17.8px 5%;z-index:3;position:sticky;top:5.9rem;display:block}nav.desktop ul{display:flex;align-items:center;gap:3rem;list-style:none}nav.desktop ul .menu-item{font-size:.7rem;cursor:pointer;transition:.3s;position:relative;transition:.2s}nav.desktop ul .menu-item a{text-decoration:none;text-transform:uppercase;font-weight:700;color:var(--color-star)}nav.desktop ul .menu-item.active{font-size:.8rem;font-style:italic}nav.desktop ul .menu-item.active:before{position:absolute;content:"";height:.17rem;background-color:orange;width:100%;bottom:-4px}nav.desktop ul .menu-item:hover:before{position:absolute;content:"";height:.17rem;background-color:orange;width:100%;bottom:-4px;font-style:italic}nav.mobile{display:none}@media screen and (max-width:640px){nav.desktop{display:none}nav.mobile{display:flex;padding:8.7px 5%;z-index:4;position:sticky;top:6.57rem;background-color:var(--bg-color)}nav.mobile ul{display:flex;list-style:none;width:100%;justify-content:space-between}nav.mobile ul li .menu-item-mobile{font-size:1.5rem;color:var(--color-star);transition:.4s}nav.mobile ul li .menu-item-mobile:hover{color:orange}nav.mobile ul li .menu-item-mobile.activeMobile{color:orange}}@media screen and (max-width:430px){nav.mobile ul li .menu-item-mobile{font-size:1.25rem}}main{flex:1;margin:1.5rem 0;padding:0 5%;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media screen and (max-width:1000px){main{padding:0}}.cardProduct{background-color:var(--color-default);width:20%;display:flex;flex-direction:column;gap:.7rem}.cardProduct .img_{width:100%;height:15rem;padding:-.7rem -.7rem 0;cursor:pointer;object-fit:cover}.cardProduct span,.cardProduct small{padding-left:.7rem;color:var(--color-item)}.cardProduct small{padding-bottom:.9rem}@media screen and (max-width:1000px){.cardProduct{width:calc(100% / 3.5)}}@media screen and (max-width:645px){.cardProduct{width:calc(100% / 2.3)}.cardProduct span{font-size:.9rem}}.loading-container{width:100%;z-index:2;display:flex;justify-content:center;align-items:center}.loading{font-size:2rem;color:var(--color-star);animation:animateLogo 1.8s ease-out infinite}@keyframes animateLogo{0%{transform:rotate(0)}50%{transform:rotate(35deg)}to{transform:rotate(0)}}.individual-data{display:flex;align-items:center;justify-content:center;gap:2rem;height:25rem;width:80%}.image{flex:1;height:100%}.image img{width:100%;height:100%}.container-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}.container-details small{color:var(--color-item)}.container-details .name-price{display:flex;flex-direction:column;gap:.5rem}.container-details .name-price span{font-size:1.5rem;color:var(--color-item)}.container-details .name-price strong{font-size:.85rem;color:var(--color-item)}.container-details .description{display:flex;flex-direction:column;gap:.5rem;color:var(--color-item)}.container-details .description p{text-align:justify;line-height:1.8em;font-size:.9rem;color:var(--color-item)}.container-details button{background-color:var(--color-star);border:none;color:var(--color-default);font-weight:700;padding:.5rem;border-radius:.3rem;font-size:.8rem;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:.6rem;transition:.3s;cursor:pointer;z-index:3}.container-details button:hover{background-color:var(--color-star2)}@media screen and (max-width:664px){.container-details{width:100%}.container-details button{font-size:.65rem;z-index:3}}@media screen and (max-width:648px){.individual-data{flex-direction:column;height:auto}.image{width:100%}.container-details small{margin-bottom:.5rem}.container-details .name-price{gap:.6rem}.container-details .name-price span{font-size:1.1rem}.container-details .name-price strong{font-size:.8rem;margin-bottom:.6rem}.container-details .description span{font-size:.9rem}.container-details .description p{font-size:.8rem;margin-bottom:.6rem}}.car-container{flex:1;margin:1.5rem 0;padding:0 5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.car-container h2{text-transform:uppercase;color:var(--color-h2)}.car-container span{font-size:.9rem;margin-top:-.5rem;color:var(--color-h2)}.car-container .container-infoCar{width:100%;display:flex;justify-content:space-between;position:relative}.car-container .container-infoCar .allProduct-car{width:70%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.car-container .container-infoCar .allProduct-car .product{background-color:var(--bg-color-car);width:calc((65% / 1.327) - 1rem);height:15rem;border-radius:.4rem;overflow:hidden;display:flex}.car-container .container-infoCar .allProduct-car .product img{object-fit:cover;height:100%;width:50%}.car-container .container-infoCar .allProduct-car .product .info{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;align-items:flex-start;color:var(--color-item)}.car-container .container-infoCar .allProduct-car .product .info button{color:red;border:none;background-color:transparent;font-size:1.1rem;cursor:pointer}.car-container .container-infoCar .finish-buy{position:sticky;top:11rem;display:flex;flex-direction:column;background-color:var(--bg-color-car);padding:1rem;border-radius:.4rem;height:15rem;width:30%;justify-content:space-between}.car-container .container-infoCar .finish-buy h3{text-transform:uppercase;font-size:1.1rem;color:var(--color-item)}.car-container .container-infoCar .finish-buy div{display:flex;justify-content:space-between;color:var(--color-item)}.car-container .container-infoCar .finish-buy .arc{border-top:1px solid var(--color-item);padding-top:.5rem}.car-container .container-infoCar .finish-buy button{background-color:var(--color-star);color:var(--color-default);border:none;padding:.5rem;border-radius:.3rem;text-transform:uppercase;cursor:pointer;font-weight:500;transition:.3s}.car-container .container-infoCar .finish-buy button:hover{background-color:var(--color-star2)}@media screen and (max-width:948px){.car-container h2{font-size:1.1rem}.car-container span{font-size:.9rem}.car-container .allProduct-car .product .info span,.car-container .allProduct-car .product .info strong{font-size:.8rem}.car-container .container-infoCar .finish-buy h3{font-size:.9rem}.car-container .container-infoCar .finish-buy div span,.car-container .container-infoCar .finish-buy div strong{font-size:.8rem}.car-container .container-infoCar .finish-buy button{font-size:.7rem}}@media screen and (max-width:790px){.car-container .container-infoCar .allProduct-car{width:60%}.car-container .container-infoCar .allProduct-car .product{width:calc((65% / .65) - 1rem)}.car-container .container-infoCar .finish-buy{width:40%}}@media screen and (max-width:640px){.car-container .container-infoCar{flex-direction:column}.car-container .container-infoCar .allProduct-car{width:100%}.car-container .container-infoCar .allProduct-car .product{width:100%}.car-container .container-infoCar .finish-buy{width:100%;margin-top:1rem;z-index:3}}.container-finally{color:var(--color-star);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;font-size:2.5rem}@media screen and (max-width:655px){.container-finally{font-size:1.5rem}}@media screen and (max-width:355px){.container-finally{font-size:1.1rem}}.container-search{flex:1;margin:1.5rem 0;padding:0 5%;flex-direction:column}.container-search .result{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:1rem}.container-search h2{text-transform:uppercase;color:var(--color-h2)}.container-search span{font-size:.9rem;margin-top:-.5rem;color:var(--color-h2)}.container-search h3{text-transform:uppercase;font-size:1.1rem;color:var(--color-item)}@media screen and (max-width:948px){.container-search h2{font-size:1.1rem}.container-search span,.container-search h3{font-size:.9rem}}