@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;400;600&display=swap);:root{--color1:#002772;--color2:#fde2ff;--color3:#1e1e1e;--color4:#720060;--color5:#d6e6ff;--color6:#3f3f3f;--color7:#dcdcdc;--color8:#fff}body{margin:0;padding:0}.background{height:400px;width:100%}.bg-product{background-color:var(--color8);position:absolute;width:1034px;height:500px;top:50%;left:50%;border-radius:10px;transform:translate(-50%,-50%);box-shadow:2px 4px 21px 0 #00000033}.container-info{padding:25px;display:flex}.product-info{width:548px;margin:0 50px;display:flex;flex-direction:column;border-radius:4px;position:relative}.product-info h2{font-family:Inter,sans-serif;font-size:28px;font-weight:600;line-height:34px;letter-spacing:0;text-align:left}.container-info .image img{width:301px;height:383px;margin:30px 30px}.category-rate{display:flex;justify-content:space-between;margin-top:-10px;color:var(--color6)}.hr1,.hr2{border-top:1px solid #00000033}.product-info .bawah{position:absolute;bottom:10px}.product-info .bawah .price{font-family:Inter,sans-serif;font-size:28px;font-style:normal;font-weight:600;line-height:normal}.desc{width:517px;height:120px;flex-shrink:0;color:var(--color3);overflow:hidden}.desc,button{font-family:Inter,sans-serif;font-size:20px;line-height:24.2px}button{width:250px;height:42px;font-weight:600;letter-spacing:0;border-radius:4px}button:hover{cursor:pointer}.next{background-color:var(--color8)}.buy{color:var(--color8);margin-right:15px}.rating-rate{display:flex;align-items:center;gap:2px}.rating-rate .rate{color:#3f3f3f;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin-right:5px}.unavailable{display:none}.loader{position:absolute;top:40%;left:45%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:99;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-men .background{background-color:var(--color5)}.page-men .product-info{color:var(--color8)}.page-men .next,.page-men .product-info h2{color:var(--color1)}.page-men .buy{background-color:var(--color1)}.page-men .product-info .bawah .price{color:var(--color1)}.page-men button{border:3px solid var(--color1)}.page-men .rating-rate svg{border:1px solid var(--color1);border-radius:10px}.page-women .background{background-color:var(--color2)}.page-women .product-info{color:var(--color8)}.page-women .next,.page-women .product-info h2{color:var(--color4)}.page-women .buy{background-color:var(--color4)}.page-women .product-info .bawah .price{color:var(--color4)}.page-women button{border:3px solid var(--color4)}.page-women .rating-rate svg{border:1px solid var(--color4);border-radius:10px}.page-unavailable-product .background{background-color:var(--color7)}.page-unavailable-product .container-info{display:none}.page-unavailable-product .unavailable{display:block;position:absolute;top:50%;left:50%;transform:translate(-44%,-45%);z-index:-1}.page-unavailable-product .unavailable .unavailable-content{display:block;position:absolute;top:50%;left:50%;transform:translate(-65%,-50%)}.page-unavailable-product p{text-align:center}.page-unavailable-product button{width:465px;height:42px;border-radius:4px;border:3px solid #000;background:#fff;color:var(--color3);z-index:1}.page-unavailable-product button:hover{cursor:pointer}