*,body,html{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}:root{--bg-men:#d6e6ff;--bg-women:#fde2ff;--bg-unavailable:#dcdcdc;--men-color:#002772;--women-color:#720060;--white:#fff;--text-netral:#1e1e1e;--shadow:#3f3f3f}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--white-color)}.box{width:85%;height:75vh;display:flex;gap:44px;padding:44px;border-radius:14px;background-color:var(--white);box-shadow:0 4px 6px -1px var(--shadow),0 8px 10px -6px var(--shadow);z-index:5}.description{display:grid}.info{justify-content:space-between}.info,.rating{display:flex;align-items:center}.rating{gap:6px}.button{display:flex;justify-content:end;gap:8px}.text-netral{color:var(--text-netral)}.line{width:100%;height:2px;background-color:var(--bg-unavailable)}.bg-men{width:100%;height:65vh;position:absolute;top:0;background-color:var(--bg-men)}.price-men,.title-men{color:var(--men-color)}.price-men{font-size:24px;font-weight:700}.buy-now-men{color:var(--white);background-color:var(--men-color)}.next-product-men{color:var(--men-color);background-color:var(--white);border:solid 2px var(--men-color)}.bg-women{width:100%;height:65vh;position:absolute;top:0;background-color:var(--bg-women)}.price-women,.title-women{color:var(--women-color)}.price-women{font-size:24px;font-weight:700}.buy-now-women{color:var(--white);background-color:var(--women-color)}.next-product-women{color:var(--women-color);background-color:var(--white);border:solid 2px var(--women-color)}.box-unavailable{width:85%;height:75vh;position:relative;display:grid;place-content:center;place-items:center;gap:14px;border-radius:14px;background-color:var(--white);box-shadow:0 4px 6px -1px var(--shadow),0 8px 10px -6px rgba(0,0,0,.1);z-index:5}.bg-unavailable{width:100%;height:65vh;position:absolute;top:0;background-color:var(--bg-unavailable )}.svg{position:absolute;top:33px;left:140px}.next-product-unavailable{color:var(--text-netral);background-color:var(--white);border:solid 2px var(--text-netral);z-index:5}.rating-dotted{display:flex;padding-top:1px;gap:2px}.dotted,.dotted-none{width:14px;height:14px;border-radius:50%}.dotted-none{background-color:var(--white)}.men-dotted{background-color:var(--men-color)}.men-dotted-none{border:solid 1px var(--men-color)}.women-dotted{background-color:var(--women-color)}.women-dotted-none{border:solid 1px var(--women-color)}button{width:200px;height:35px;font-weight:600;border-radius:6px;border:none;cursor:pointer}.loader{width:100%;height:100vh;position:absolute;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15}.spin{width:85px;height:85px;border-radius:50%;border:16px dotted var(--shadow);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}