.hero{position:relative;height:500px}.hero-image{position:absolute;width:100%;height:100%;z-index:1}.hero-image:after{position:absolute;content:"";display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.hero-image img{width:100%;height:100%;object-fit:cover}.hero .wrapper{position:relative;z-index:2;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hero__title{color:#fff;font-size:40px;max-width:700px;text-shadow:2px 3px 1px #474747}.hero__button{width:250px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:999px;font-weight:600;letter-spacing:.2px;text-decoration:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .18s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;background:#f2ebe1;color:#000;box-shadow:0 12px 26px rgba(0,0,0,.22)}.hero__button:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(0,0,0,.28);background:#f2ebe1;color:#000}.popular{margin:20px 0}.popular__title{font-size:35px;text-align:center;font-weight:600;margin-bottom:50px}.popular__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;margin-top:16px}@media(max-width: 991.98px){.popular__list{grid-template-columns:repeat(2, 1fr)}}.popular__item{display:block;text-decoration:none}.popular__text{font-weight:600;margin-bottom:10px;text-align:center;font-size:20px}.popular__media{position:relative;width:100%;height:270px;border-radius:100%;overflow:hidden}@media(max-width: 1279.98px){.popular__media{width:200px;height:200px;margin:0 auto}}@media(max-width: 575.98px){.popular__media{width:150px;height:150px;margin:0 auto}}.popular__img{object-fit:cover;width:100%;height:100%;display:block;border-radius:16px}.popular__img--placeholder{height:180px;border-radius:16px;background:#eee}.recommend{margin:50px 0}.recommend__title{font-size:35px;text-align:center;font-weight:600;margin-bottom:30px}