.header{height:60px;display:flex;align-items:center;background-color:#131921;position:sticky;top:0;z-index:50}.header-logo{display:flex;justify-content:center;width:200px;height:30px;margin:18px 20px 0;object-fit:contain}.header-search{display:flex;align-items:center;border-radius:24px;flex:1}.header-search-input{height:12px;padding:10px;border:none;width:100%}.header-search-inputhover,.header-search-input:focus{outline:none}.header-searchIcon{padding:5px;background-color:#cd9042;height:22px!important}.header-nav{display:flex;justify-content:space-evenly}.header-nav .header-option{display:flex;flex-direction:column;color:#fff;margin-right:10px;margin-left:10px}.header-optionLineOne{font-size:10px}.header-optionLineTwo{font-size:13px;font-weight:800}.header-optionBasket{display:flex;align-items:center;color:#fff}.header-optionBasket .header-basketCount{margin-left:10px;margin-right:10px}.login{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#fff}.header-logo{object-fit:contain;width:100px;margin:20px auto}.login-container{border:2px solid lightgray;border-radius:5px;width:30%;height:fit-content;display:flex;flex-direction:column;padding:20px;gap:20px}.login-container>h1{font-weight:500}.login-container>form{display:flex;flex-direction:column}.login-container>form>label{font-weight:600;font-size:15px;margin-bottom:5px;margin-top:5px}.login-container>form>input{height:25px;border-radius:3px;outline:none;border:1px solid gray}.login-container>form>input:focus{outline:2px solid rgb(99,237,241)}.login-container>form>input:nth-of-type(1){margin-bottom:10px}.login-sigInBtn{background-color:#f7e605;margin-top:10px;outline:none;border:none;border-radius:5px;width:90%;margin-left:15px;cursor:pointer;height:30px}.login-sigInBtn:active{border:1px solid gray;outline:2px solid rgb(99,237,241)}.paragraph-noitce{margin-top:10px;margin-bottom:10px;font-size:12px}.login-registerBtn{width:100%;height:30px;border:1px solid darkgray;cursor:pointer;border-radius:5px}.login-registerBtn:active{border:1px solid gray;outline:2px solid rgb(99,237,241)}.home{display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:1500px;overflow:hidden}.home-image{width:100%;z-index:-1;margin-bottom:-150px;-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000)}.home-row{display:flex;z-index:1;margin-left:5px;margin-right:5px}.product{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;z-index:1;width:100%;max-height:400px;min-width:100px;margin:10px;padding:20px;background-color:#fff;transition:background .3s ease}.product:hover{background-color:#131921;color:#fff}.product>img{width:100%;max-height:200px;object-fit:contain;margin-bottom:15px;transition:all .3s ease}.product:hover img{transform:scale(1.1)}.product-info{width:100%;min-height:100px}.product-price{margin-top:5px}.product-rating{display:flex}.product-rating p{width:20px;margin:0 5px}.product-rating p img{width:100%;height:100%;object-fit:contain}.product>button{display:flex;margin:10px auto 0;background-color:#cd9042;border:1px solid;border-color:#a88734 #9c7e31 #846a29;color:#111;cursor:pointer;width:150px;height:35px;border-radius:5px;transition:transform .3s ease;justify-content:center;align-items:center;font-size:15px}.product>button:active{transform:scale(.8)}.checkout{display:flex;padding:20px;background-color:#fff;height:max-content}.checkout-ad{width:100%;margin-bottom:10px}.checkout-title{margin-right:15px;padding:10px;border-bottom:1px solid lightgray}.checkout-left{flex:3}.checkout-right{display:flex;flex-direction:column;background-color:#d3d1d1;width:fit-content;height:fit-content;padding:25px;gap:10px;width:22%}.basket-warning button{margin-top:15px;border:1px solid;border-color:#9c7e31 #846a29;text-align:center;padding:10px;background-color:#f0c14b;width:90%;cursor:pointer}.checkoutProduct{display:flex;margin-top:20px;margin-bottom:20px;gap:10px}.checkoutProduct-image{object-fit:contain;width:180px;height:180px;margin-right:10px}.checkoutProduct-info{padding-left:20px}.checkoutProduct-info>button{background-color:#f0c14b;border:1px solid;margin-top:10px;border-color:#9c7e31 #846a29;color:#111;cursor:pointer;width:150px;height:35px;border-radius:5px;transition:transform .3s ease}.checkoutProduct-info>button:active{transform:scale(.8)}.checkoutProduct-rating{display:flex}.checkoutProduct-rating p{width:20px;margin:0 5px}.checkoutProduct-rating p img{width:100%;height:100%;object-fit:contain}.checkoutProduct-title{font-size:17px;font-weight:800}.check{display:inline}.info{min-width:70%;justify-content:start}.total{margin-bottom:10px}.total span{font-weight:700;font-size:19px;line-height:5px}input[type=checkbox]{margin-right:5px}.proceed{background-color:#f0c14b;border:1px solid;margin-top:10px;border-color:#9c7e31 #846a29;color:#111;cursor:pointer;width:100%;height:35px;border-radius:5px;transition:transform .3s ease}.proceed:active{transform:scale(.8)}.payment{background-color:#fff}.payment-container>h1{text-align:center;padding:10px;font-weight:400;background-color:#eaeded;border-bottom:1px solid lightgray}.payment-section{display:flex;padding:20px;margin:20px;border-bottom:1px solid lightgray}.payment-title,.payment-section>h3{flex:.2}.payment-address,.payment-items,.payment-details{flex:.8}.payment-details>form{min-width:400px}.payment-details .payment-priceContainer>h3{padding-top:20px}.payment-details>form>div>button{background-color:#f0c14b;border-radius:2px;width:100%;height:30px;border:1px solid;margin-top:10px;border-color:#a88734 #9c7e31 #846a29;color:#111;cursor:pointer}.orders{padding:20px 80px}.orders>h1{margin:30px 0}.order{padding:40px;margin:20px 0;background-color:#fff;border:1px solid lightgray;position:relative}.order-id{position:absolute;row-gap:40px;right:20px}.order-total{font-weight:500;text-align:right}*{padding:0;margin:0}a{text-decoration:none}body{background-color:#eaeded;font-family:sans-serif}