:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0}body{margin:0;display:flex;min-width:320px;min-height:100vh}a{text-decoration:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Arial,sans-serif;background-color:#f5f5f5}#root{width:100%;--mainColor: hsl(214, 27%, 10%)}Header{height:65px;background-color:var(--mainColor);display:flex;align-items:center;justify-content:start;color:#000;font-size:1.5rem;font-weight:700;padding:5px 10px;gap:10px}Header a{height:100%}Header .img{height:100%;display:flex;padding:0 10px}Header img{height:35px;width:auto}Header .location{height:100%;width:fit-content;display:flex;flex-direction:column;align-items:center}.location .deliver-to{font-size:.8rem;color:#fff;padding-left:35px;color:#ccc}.country{font-size:1rem;color:#fff;margin-top:-5px}.country i{font-size:1.4rem;margin-right:5px}.hover-box{display:flex;align-items:center;border:1px solid transparent}.hover-box:hover{border:1px solid #fff;cursor:pointer}.search{height:80%;width:52%;flex:1;display:flex;align-items:center;justify-content:center;margin-right:20px}.search input{width:87%;height:100%;background-color:#fff;border:solid white;padding-left:10px;color:#000;font-size:18px}.search input:focus{outline:none}.search .drop-down,.icon{height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.search .drop-down{width:8%;background-color:#ccc;color:#000;border-top-left-radius:5px;border-bottom-left-radius:5px}.search .icon{width:7%;background-color:#febd69;color:var(--mainColor);border-top-right-radius:5px;border-bottom-right-radius:5px}.search .icon i{font-size:.9em}.right .language,.right .account,.right .orders{height:100%;display:flex;align-items:end;justify-content:flex-end;gap:5px;padding-top:5px;padding-bottom:5px}.language img{width:30px;height:22px}.language span{font-size:15px;color:#fff;padding:0;margin:0}.account{gap:0;flex-direction:column;align-items:flex-start;line-height:.7em;padding-right:10px;padding-left:10px}.account .hello{font-size:13px;color:#fff}.account .A-L{font-size:16px;color:#fff}.orders{padding-left:10px;padding-right:10px}.orders .orders-box{font-size:16px;color:#fff}.cart{display:flex;align-items:end;justify-content:center;gap:10px;color:#fff;border:1px solid transparent;padding:0 5px}.cart .cart-icon{display:flex;flex-direction:column;align-items:center}.cart .cart-icon i{font-size:25px}.cart span{font-size:15px}.right{display:flex;justify-content:space-between;align-items:center;width:25%}.cart-icon span{color:#febd69;font-size:18px}#root{width:100%;--mainColor: #131921}.login,.login-form{display:flex;flex-direction:column;align-items:center}.login{height:100vh;padding:15px;background-color:#fff;gap:20px}.logo{width:auto;height:35px}.login-form{background-color:#fff;border:solid 1px #ccc;border-radius:5px;color:#131921;width:350px;padding:20px}.login-form h1{font-size:30px}.login-form p{font-size:14px;margin-bottom:10px}.login-form form,.login-form input{width:100%}.login-form input{margin-bottom:15px;border:solid 1px #ccc;border-radius:3px;height:35px;font-size:16px;padding:5px 10px;background-color:#fff;color:#000}.login-btn,.signup-btn{width:100%;border:1px solid #adb1b8;color:#000;padding:8px 16px;font-weight:700;cursor:pointer;border-radius:4px}.login-btn{margin-bottom:10px;background-color:#f0c14b}.signup-btn{background-color:#e7e9ec}.home,.home-container{width:100%}.home-container .home-img{width:100%;object-fit:cover}.home-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#fff}.products{width:100%;display:flex;flex-wrap:wrap;gap:20px;margin-top:-300px;justify-content:center}.product{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px;width:23%;min-height:300px;gap:10px;background-color:#fff;border:1px solid #f5f5f5;border-radius:10px}.product .text{width:100%;display:flex;flex-direction:column;color:#000;gap:5px}.product img{width:100%;height:150px;object-fit:contain}.product .text h2{font-size:22px;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#111}.product .text h2:hover{color:orange}.product .text p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.product .text span{font-size:40px}.product .text .inner{font-size:20px;margin-left:2px}.product .text .rate,.product .text .count{font-size:16px;font-weight:700}.product .text .count{color:#3535ce}.product-btn{background-color:#ffd814;border:1px solid #fcd200;border-radius:50px;color:#111;width:100px;padding:8px 10px;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #00000026;transition:background-color .3s ease,transform .1s ease}.product-btn:hover{background-color:#f7ca00;transform:scale(1.02)}.bottom{display:flex;flex-direction:column;justify-content:left;width:100%;gap:5px}.free{color:#000}.main{width:100%;color:#000;padding:30px;display:flex;gap:20px;background-color:#fff}.main .left{width:70%}.left .ad{width:100%;object-fit:contain}.left .items{width:100%;display:flex;flex-direction:column;min-height:100vh}.left hr{margin-bottom:20px}.main .right{width:30%;display:flex;justify-content:flex-start;flex-direction:column}.item{width:100%;display:flex;gap:20px;padding:20px 30px;background-color:#fff;border-radius:10px}.item .text{display:flex;flex-direction:column;gap:10px}.text h2{font-size:18px;font-weight:700}.text .price{font-size:22px}.text .rate{font-size:15px}.text .inner{font-size:17px}.items .item img{width:150px;height:auto;object-fit:contain}.delete{width:150px;border:1px solid #adb1b8;color:#000;padding:10px 16px;font-weight:700;cursor:pointer;border-radius:4px;background-color:#f0c14b}.text select{border-radius:50px;color:#111;width:200px;padding:8px 10px;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #00000026;background-color:#fff}.checkout{width:100%;color:#000;padding:30px;display:flex;flex-direction:column;background-color:#f5f5f5;gap:10px}.checkout button{width:100%;border:1px solid #222324;color:#000;padding:10px 16px;font-weight:700;cursor:pointer;border-radius:4px;background-color:#f0c14b}.item{width:100%;display:flex;gap:20px;padding:20px 30px;background-color:#fff;border-radius:10px;color:#000}.item .text1{display:flex;flex-direction:column;gap:10px}.text1 h2{font-size:18px;font-weight:700}.text1 .price{font-size:22px}.text1 .rate{font-size:15px}.text1 .inner{font-size:17px}.item img{width:100px;height:auto;object-fit:contain}.order-item-body{color:#000;background-color:#dbd9d9;padding:30px;border-radius:20px}.order-items{display:flex;flex-direction:column;width:100%;gap:5px}.order-text{display:flex;gap:5px;margin-bottom:20px;flex-direction:column}.order-text .order-id,.order-text .sub{margin:0}.order-id{font-size:30px}.order-text .sub{font-size:20px;margin-left:30px}.orders-body{color:#000;padding:30px}.orders-body h1{margin-bottom:20px}.orders{width:100%;display:flex;flex-direction:column;gap:20px}.product-page{color:#000;padding:50px;display:flex;gap:30px;width:100%}.product-page img{width:30%;height:auto;object-fit:contain}.product-page .text{width:50%;padding:50px;display:flex;flex-direction:column;gap:10px}.text h1{font-size:30px}.text p{font-size:18px}.text h3,.details h3{font-size:25px}.text .rate{font-size:18px;display:flex;gap:5px;align-items:center;margin-bottom:50px}.text .rate .count{font-size:16px}.details{width:20%;border:1px solid #c5c4c4;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:20px}.add-to-cart{background-color:#ffd814;border:1px solid #fcd200;border-radius:50px;color:#111;width:100%;padding:8px 10px;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #00000026;transition:background-color .3s ease,transform .1s ease}.add-to-cart:hover{background-color:#f7ca00;transform:scale(1.02)}.details select{border-radius:50px;color:#111;width:100%;padding:8px 10px;font-size:14px;cursor:pointer;box-shadow:0 2px 5px #00000026;background-color:#fff}.details .del{display:flex;flex-direction:column;font-size:13px;gap:3px}.footer{background-color:#232f3e;color:#fff;font-family:Arial,sans-serif;margin-top:30px}.footer-top{background-color:#37475a;text-align:center;padding:15px;cursor:pointer}.footer-top p{margin:0;font-size:14px}.footer-links{display:flex;justify-content:space-evenly;padding:30px 20px;flex-wrap:wrap}.footer-links div{margin:10px}.footer-links h4{font-size:16px;margin-bottom:10px}.footer-links a{display:block;color:#ddd;font-size:14px;margin-bottom:5px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{background-color:#131a22;text-align:center;padding:15px;font-size:12px;color:#aaa}