.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#333}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{text-align:center;background-color:var(--footer-bg);border-top-left-radius:8px;border-top-right-radius:8px;padding-block:1rem;margin-top:3rem;color:#fff;font-size:17px;& span{color:#ff7790;text-transform:capitalize}}header.flex{justify-content:space-between;padding-inline:10%;padding-top:1.2rem;& .links .fa-solid{margin-right:.3rem}& .sign-in{margin-inline:1rem}& .register,& .sign-in{border:1px solid var(--bodyFont);padding:.44rem 1rem;border-radius:55px;font-size:.8rem;font-weight:500}& .cart,& .register:hover,& .register:hover .fa-solid,& .sign-in:hover,& .sign-in:hover .fa-solid{background-color:var(--bodyFont);color:var(--blue)}& .cart{font-size:.9rem;padding:.44rem 1.1rem .44rem .6rem;border-radius:55px}& .cart .fa-solid{color:var(--blue)}& .products-number{position:absolute;right:0;top:-5px;font-size:.7rem;font-weight:700;background-color:#ff5a7b;height:20px;width:20px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}& .fa-bag-shopping{font-size:2rem}}@media (max-width:599px){header.flex{justify-content:center;padding-inline:0;.links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.logo{display:none}}}header.scroll-down{position:fixed;right:0;left:0;padding-bottom:.5rem;background-color:var(--footer-bg);color:#fff;z-index:11;& .fa-bag-shopping,& .fa-right-to-bracket,& .fa-user-plus{color:#fff}& .logo{font-size:.8rem}& .logo .fa-bag-shopping{font-size:1.66rem}}div.top-img{position:relative;height:100vh;background-image:url(/images/bac.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media (max-width:999px){div.top-img{background-position:0}}section.content{font-size:2rem;position:absolute;top:45%;transform:translateY(-50%);margin-left:10%;& .lifestyle{text-transform:uppercase;font-size:1.7rem}& .men{margin-top:.7rem}& .men,& .sale{font-weight:700}& .sale{margin-block:.5rem}& .sale span{color:crimson;margin-left:.8rem}& .free-shipping{font-size:1.5rem}& button{background-color:#000;color:#fff;margin-top:.9rem;font-size:.9rem;border-radius:3px;padding:.6rem 1.6rem}}main h1.recommended{margin:2.3rem 0 2rem 2%}@media (max-width:599px){main h1.recommended{margin:2.3rem 0 2rem;font-size:1.4rem}}main section.products.flex{flex-wrap:wrap;justify-content:center;gap:2rem 1.4rem;& article.card{border-radius:5px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:.2s}& article.card:hover{scale:1.01}& img{border-radius:5px 5px 0 0}& .card .content{background-color:#fff;border-radius:0 0 5px 5px}& .card .content .title{padding-top:.7rem;padding-inline:.4rem;text-transform:capitalize}& .card .content .description{padding-inline:.4rem;font-size:.8rem;margin-top:.4rem;margin-bottom:.6rem;line-height:1.1rem}& .card .content .price{margin-left:.88rem;font-size:.9rem;color:#c70028;font-weight:700}& .add-to-cart{margin-right:.88rem;background-color:var(--blue-button);color:#fff;border-radius:4px;padding:6px 8px;font-size:.7rem;gap:.33rem}& .fa-solid{color:#fff}}