:root{  --wrap:1468px;  --radius:8px;  --gap:32px;  --pad:32px;  --shadow:0 2px 8px rgba(0,0,0,.1); }   .property-card-container{  } .property__card{  display:grid;  grid-template-columns:1fr minmax(0, 1.2fr);  gap:var(--gap);  border-radius:var(--radius);  box-shadow:var(--shadow); overflow:hidden;  background:#fff;  height:100%; }  @supports (overflow:clip) {  .property__card { overflow:clip; } }  .property__card :where(p,h2,h3,ul){  margin:0; } .property__card .col.content{ padding:var(--pad);   display:flex;   flex-wrap:wrap;   align-items:flex-start;   justify-content:flex-start;   gap:16px;   height:max-content; } .property__details{  display:flex;  flex-direction:column;  gap:0;  width:100%; } .property__subtitle{  font-size:20px;  font-weight:600;  line-height:1; } .property__title{ font-size:var(--h1-size);   font-weight:var(--fw-700); } .property__price-value{  display:flex;  flex-direction:column;  gap:0;  line-height:1.4; } p.property__price-value {  margin-bottom:0; } .price-label{  opacity:.8; } .price-amount{ font-size:var(--h4-size);  font-weight:600; } .property-features {  margin-bottom:var(--gutter-s);  width:100%; } .property-features ul{  list-style:none;  padding:0;  margin-top:0;  display:flex;  flex-direction:column;  gap:8px; } .property-features li{  display:grid;  grid-template-columns:32px 1fr;  align-items:center;  gap:8px;  font-size:16px;  line-height:1; } .feature-icon{  inline-size:32px;  block-size:32px;  display:grid;  place-items:center; } .feature-icon img{  width:100%;  height:100%;  object-fit:contain;  display:block; } .property__link{  align-self:start;  margin-top:auto;  display:inline-flex;  gap:8px;  align-items:center; } .property__media{  position:relative;  display:block;  height:100%;  min-height:100%;  text-decoration:none;  color:inherit;  background-size:cover;  background-position:center;  background-repeat:no-repeat; } .property__location{  position:absolute;  top:var(--gutter-xs);  left:var(--gutter-xs);  background:var(--secondary-color);  color:#fff;  padding:8px 12px;  border-radius:4px; } .property-hero-wrapper {  margin-block-start:var(--gutter-s);  padding:0; } .property-hero-wrapper .property__card {  box-shadow:none;  border-radius:0; } .property-hero-wrapper .property__price {  width:100%; } .property-card-swiper {  height:100%;  padding-bottom:80px !important; } .property-card-swiper .swiper-slide { height:auto; min-height:550px; } .property-card-container.swiper-slide {  height:auto; } .property-card-swiper .swiper-slide img, .property-card-swiper .swiper-slide video {  width:100%;  height:100%;  object-fit:cover; } .property-card-swiper .hero-slide-nav {  bottom:var(--gutter-xs);  z-index:9;  background-color:rgba(0,0,0,0.3);  width:max-content;  margin-inline:auto;  border-radius:80px;  padding:6px;  left:50%;  transform:translateX(-50%); } .property-card-swiper .swiper-pagination-clickable .swiper-pagination-bullet {  border-color:white; } .property-card-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color:white; } .property-card-swiper .swiper-button-prev-card-page.prev-slide, .property-card-swiper .swiper-button-next-card-page.next-slide, .swiper-button-prev-hero.prev-slide, .swiper-button-next-hero.next-slide {  cursor:pointer; } .property-card-swiper .swiper-button-prev-card-page.prev-slide svg, .property-card-swiper .swiper-button-next-card-page.next-slide svg, .swiper-button-prev-hero.prev-slide svg, .swiper-button-next-hero.next-slide svg {  width:32px;  height:32px;  pointer-events:none; } .swiper-button-next-card-page.next-slide svg, .swiper-button-next-hero.next-slide svg {  rotate:180deg; } .property-card-container.swiper-slide.final-slide .property__card {  min-height:600px; }  @supports (container-type:inline-size) {  .property-card-container{   container-type:inline-size;   container-name:property-card;  } @container property-card (max-width:841px){   .property__card{ grid-template-columns:100%; gap:0;   }   .property__card .col.img{ order:-1; height:420px;   }   .property__card .col.content{ padding:24px;   }   .price-amount{ font-size:18px;   }   .property__title{ font-size:32px;   }   .property__subtitle,   .property-features li,   .price-label{ font-size:14px;   }   .property-card-container.swiper-slide.final-slide .property__card { min-height:auto; background-color:var(--primary-color); color:white;   }   .property-card-container.swiper-slide.final-slide .property__card .col.content { justify-content:flex-end;   }  } @container property-card (max-width:601px){   .property__card .col.img{ height:380px;   }   .property__price{ order:2;   }   .property__link{ order:3;   }   .property-features li:nth-of-type(n+2){ display:none;   }   .hero-features.property-features li:nth-of-type(n+2){ display:grid;   }   .property__title{ font-size:24px;   }   .property-features { margin-bottom:0;   }   .hero-buttons { order:3;   }  } }  @supports not (container-type:inline-size) { @media (max-width:841px){   .property__card{ grid-template-columns:100%; gap:0;   }   .property__card .col.img{ order:-1; height:420px;   }   .property__card .col.content{ padding:24px;   }   .price-amount{ font-size:18px;   }   .property__title{ font-size:32px;   }   .property__subtitle,   .property-features li,   .price-label{ font-size:14px;   }   .property-card-container.swiper-slide.final-slide .property__card { min-height:auto; background-color:var(--primary-color); color:white;   }   .property-card-container.swiper-slide.final-slide .property__card .col.content { justify-content:flex-end;   }  } @media (max-width:601px){   .property__card .col.img{ height:380px;   }   .property__price{ order:2;   }   .property__link{ order:3;   }   .property-features li:nth-of-type(n+2){ display:none;   }   .hero-features.property-features li:nth-of-type(n+2){ display:grid;   }   .property__title{ font-size:24px;   }   .property-features { margin-bottom:0;   }   .hero-buttons { order:3;   }  } }  @media only screen and (max-width:841px) {  .property-hero-wrapper {   margin-block-start:0;  }  .hero__properties {   padding-inline:0 !important;  } .property-card-swiper .swiper-slide { min-height:auto; } .property-hero-wrapper .property-features li:nth-of-type(3) {   display:none; } }  .posts-grid {  display:grid;  grid-template-columns:1fr;  gap:24px; }  .faq-dropdown h2 {  margin:0;  font-size:inherit;  line-height:inherit;  font-weight:inherit; }