.header{background-color:#131921;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;padding:10px;gap:40px}.header-logo{width:100px;display:block;position:relative;top:7px}.header-search{display:flex;flex:1;align-items:center}.header-search .header-searchInput{padding:4px 10px;border:none;width:100%;outline:none}.header-searchIcon{padding:2px;background-color:#cd9042;cursor:pointer}.header-nav{display:flex;justify-content:space-evenly;align-items:center;gap:20px}.header-nav .header-option{display:flex;flex-direction:column;color:#fff;transition:.2s}.header-nav .header-option:hover{opacity:.7}.header-optionLineOne{font-size:10px}.header-optionLineTwo{font-size:13px;font-weight:800}.header-optionBasket{display:flex;align-items:center;gap:10px;color:#fff}.cartIcon{-webkit-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.5rem}.login{display:flex;flex-direction:column;align-items:center}.login-logo{object-fit:contain;width:100px;margin:20px auto}.login-container{width:300px;height:fit-content;display:flex;flex-direction:column;border-radius:5px;border:1px solid lightgray;padding:20px}.login-container>h1{font-weight:500;margin-bottom:20px}.login-container>form>h5{margin-bottom:5px}.login-container>form>input{height:30px;margin-bottom:10px;background-color:#fff;width:98%}.login-container p{font-size:12px;margin-top:15px}.login-signInBtn{background-color:#cd9042;border:1px solid;margin-top:10px;border-color:#a88734 #9c7e31 #846a29;color:#111;cursor:pointer;width:100%;height:30px;transition:.2s}.login-signInBtn:hover{background-color:#cd811e}.login-registerBtn{border-radius:2px;width:100%;height:30px;border:1px solid darkgray;margin-top:10px;cursor:pointer;transition:.2s}.login-registerBtn:hover{background-color:#c8c5c5}.product{display:flex;align-items:flex-start;flex-direction:column;z-index:1;width:100%;margin:10px;padding:20px;background-color:#fff;transition:background .3s ease}.product:hover{background-color:#131921;color:#fff}.product .product-img{width:100%;max-height:200px;object-fit:contain;margin-bottom:15px;transition:all .3s ease}.product:hover img{transform:scale(1.02)}.product-info{width:100%;min-height:100px}.product-price{margin-top:5px}.product-rating{display:flex}.product-rating p{width:20px;margin:10px 3px 0}.product-rating p img{width:100%;height:100%;object-fit:contain}.product button{background-color:#cd9042;border:1px solid;border-color:#a88734 #9c7e31 #846a29;color:#111;cursor:pointer;padding:10px 20px;border-radius:5px;transition:transform .3s ease}.product>button:active{transform:scale(.8)}.hom-row{display:flex;z-index:1;margin-left:5px;margin-right:5px}.home{display:flex;justify-content:center;overflow:hidden;flex-direction:column}.home-row{display:grid;z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.container{grid-template-columns:1fr}}.home-image{width:100%;object-fit:cover;z-index:-1;margin-bottom:-250px;position:relative;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));mask-image:linear-gradient(to bottom,#000,#0000)}.checkout-content{display:flex;gap:50px;padding:20px 0;justify-content:space-between;min-height:calc(100vh - 56px)}.checkout-title{margin-right:15px;padding:10px;border-bottom:1px solid lightgray}.checkout-left{width:100%}.subtotal{display:flex;flex-direction:column;justify-content:space-between;width:300px;height:100px;padding:20px;background-color:#f3f3f3;border:1px solid #dddddd;border-radius:3px}.subtotal__gift{display:flex;align-items:center}.subtotal__gift>input{margin-right:5px}.subtotal>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}.checkoutProduct{display:flex;margin-top:40px}.checkoutProduct-image{object-fit:contain;width:180px;height:180px}.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 .2s ease}.checkoutProduct-info>button:hover{background-color:#edb730}.checkoutProduct-info>button:active{transform:scale(.9)}.checkoutProduct-rating{display:flex}.checkoutProduct-rating p{width:20px;margin:0 2px}.checkoutProduct-rating p img{width:100%;height:100%;object-fit:contain}.checkoutProduct-title{font-weight:600;margin-bottom:10px}.container>h1{text-align:center;padding:10px;font-weight:500;border-bottom:1px solid lightgray}.payment-section{display:flex;padding:20px;margin:20px;gap:20px;border-bottom:1px solid lightgray}.payment-title,.payment-section>h3{flex:.2}.payment-address,.payment-items,.payment-details{flex:.8}.payment-detaills>form{max-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}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;box-sizing:border-box}a{text-decoration:none}body{background-color:#f0f8ff;min-height:100vh}.error{color:#000;background-color:#f08080;padding:10px}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}