.accomodation{background-color:#fff;border-radius:var(--acc-space-16);overflow:hidden;position:relative}:is(.accomodation:active,.accomodation:hover):before{background-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent);content:"";inset:0;position:absolute;transition:background-image .3s ease-in-out;z-index:1}.accomodation--meta{align-items:center;color:var(--acc-neutral-light);display:inline-flex;gap:var(--acc-space-4);position:absolute;right:var(--acc-space-16);top:var(--acc-space-16);z-index:2}.accomodation--image-container{border-radius:var(--acc-space-4);overflow:hidden}.accomodation--image{border-radius:var(--acc-space-4);height:300px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease-in-out;width:100%}.accomodation:hover .accomodation--image{transform:scale(1.1)}.accomodation--description{inset-inline:0;bottom:0;color:var(--acc-neutral-light);opacity:0;padding:var(--acc-space-16) var(--acc-space-32);position:absolute;transition:opacity .3s ease-in-out;z-index:3}.accomodation:active .accomodation--description,.accomodation:hover .accomodation--description{opacity:1}.accomodations{margin-bottom:var(--acc-space-32)}.accomodations--title{font-size:1.5rem;line-height:2;margin-bottom:var(--acc-space-8);text-align:center}.accomodations--list{display:grid;gap:var(--acc-space-16);grid-template-columns:repeat(2,1fr);list-style:none;margin:0}@media (max-width:767px){.accomodations--list{grid-template-columns:1fr}}
