.app-container{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.header{width:80%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cccccc70;padding:10px 40px}.left-side-header{display:flex;align-items:center;gap:40px}.menu{display:none}ul{list-style-type:none;margin:0;padding:0;display:flex;gap:20px}li{cursor:pointer;font-weight:500;color:#333}.right-side-header{display:flex;align-items:center;gap:20px}.avatar{width:40px;height:40px;border-radius:50%;cursor:pointer}.avatar:hover{border:2px solid #ff7d1acb}.cart-icon{cursor:pointer}.cart{position:relative;display:inline-block}.icon{position:relative}.number{position:absolute;background-color:#ff7d1a;color:#fff;font-weight:700;top:-30%;right:-20%;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:1000px){.menu{display:inline-block;cursor:pointer}.header-menu{display:none}}.cart-container{position:absolute;top:100%;right:0;width:300px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;padding:20px;z-index:100}.cart-title{margin-top:0;border-bottom:1px solid rgba(128,128,128,.199);padding-bottom:10px;margin-bottom:0}.empty-cart{height:150px;display:flex;align-items:center;justify-content:center;color:#000000b4;font-weight:700}.cart-item{display:flex;align-items:center;gap:10px;margin:10px 0}.cart-item-img{width:50px;height:50px;border-radius:5px}.cart-item-details{display:flex;flex-direction:column}.cart-item-details p{margin:2px 0;color:gray;font-weight:500}.cart-item-details span{color:#000;font-weight:700}.delete-btn{cursor:pointer}.checkout-btn{background-color:#ff7d1a;border:none;width:100%;height:45px;border-radius:10px;color:#000;font-weight:700;font-size:15px;cursor:pointer}.checkout-btn:hover{background-color:#ff7d1acb;color:#000000b9}@media(max-width:500px){.cart-container{right:-80px}}.menu-container{position:absolute;top:0;left:0;width:300px;height:70%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:1000}.menu-container button{background:none;border:none;font-size:18px;cursor:pointer;margin:20px;font-weight:700}.menu-container ul{list-style:none;padding:0;margin:20px;display:flex;flex-direction:column}.menu-container li{font-size:16px;cursor:pointer;font-weight:700}.page{width:80%;padding:20px;display:flex;flex-direction:row;gap:20px;justify-content:space-between}.left-side{display:flex;flex-direction:column;gap:15px;width:45%}.main-img{width:100%;height:auto;border-radius:10px}.thumbnails-container{width:100%;display:flex;justify-content:space-between;gap:10px}.thumbnails{width:20%;border-radius:5px;cursor:pointer}.right-side{display:flex;flex-direction:column;justify-content:center;align-items:center;width:45%}.right-side-container{width:80%;display:flex;flex-direction:column;gap:15px}.company{color:gray;font-weight:700;font-size:14px;letter-spacing:1.5px}.product{font-weight:700;font-size:70px;color:#1d2025}.details{font-size:20px;color:#5f6368}.price{display:flex;align-items:center;gap:20px}.current-price{font-weight:700;font-size:40px}.discount{background-color:#000;color:#fff;font-weight:700;padding:5px 10px;border-radius:5px}.original-price{text-decoration:line-through;color:gray;font-weight:500;font-size:20px;margin-top:10px}.add-to-cart-section{margin-top:20px;display:flex}.add{color:#ff7d1a;border:none;font-weight:700;font-size:18px;cursor:pointer;width:50px;height:50px;background-color:#cccccc4d;margin:0 20px 0 0;border-bottom-right-radius:10px;border-top-right-radius:10px}.add:hover{background-color:#00000025}.subtract{color:#ff7d1a;border:none;font-weight:700;font-size:18px;cursor:pointer;width:50px;height:50px;background-color:#cccccc4d;border-bottom-left-radius:10px;border-top-left-radius:10px;margin:0}.subtract:hover{background-color:#00000025}.quantity{font-weight:700;font-size:18px;text-align:center;width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:#cccccc4d;margin:0}.quantity-btns{display:flex;flex-direction:row}.cart-button{background-color:#ff7d1a;color:#000;border:none;font-weight:700;font-size:18px;cursor:pointer;height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 50px}.cart-button:hover{background-color:#ff7d1acb;color:#000000b9}@media(max-width:1000px){.page{flex-direction:column}.left-side{width:100%}.right-side{width:100%;margin-top:50px}.company{margin-bottom:0}.product{margin-top:0;font-size:45px;margin-bottom:0}.price-section{display:flex;justify-content:space-between;align-items:center}.add-to-cart-section{display:grid;grid-template-columns:1fr 1fr 1fr}.quantity-btns{margin-bottom:10px}.add,.subtract,.quantity{width:100%}.cart-button{width:100%;grid-column:1 / -1;margin-top:10px}}