/* === House Details - Floor Plans & Features === */
.hd-section2{ padding:0px 0; background:#F6F8FB; }
.hd-section2 .container{ max-width:1444px; padding-inline:24px; margin-inline:auto; }

/* Floor Plans Section */
.hd-plans{ margin-bottom:0px; }
.hd-plans-title{ margin:0 0 56px; font-family:'Syne',sans-serif; font-weight:600; font-size:72px; line-height:80px; color:#01172C; }

.hd-plans-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; }
.hd-plan-item{ display:flex; flex-direction:column; gap:12px; }
.hd-plan-label{ font-family:'Syne',sans-serif; font-weight:600; font-size:24px; line-height:30px; color:#01172C; }
.hd-plan-img{ position:relative; width:100%; height:488px; background:#E9EDF2; overflow:hidden; }
.hd-plan-img img{ display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }

/* Image loading skeleton for floor plans */
.hd-plan-img .image-container{ 
  position:relative; width:100%; height:100%; overflow:hidden; 
}
.hd-plan-img .image-skeleton{ 
  position:absolute; inset:0; background:#E5E7EB;
  background: linear-gradient(90deg, #E5E7EB 25%, #F3F4F6 50%, #E5E7EB 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  z-index:1;
}
.hd-plan-img .image-container img{ 
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply;
  opacity:0; transition: opacity 0.3s ease;
  z-index:2;
}
.hd-plan-img .image-container.loaded img{ opacity:1; }
.hd-plan-img .image-container.loaded .image-skeleton{ opacity:0; transition: opacity 0.3s ease; }

@keyframes shimmer{
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Property Features Section */
.hd-features{ padding-top:60px; }
.hd-features-grid{ display:grid; grid-template-columns:repeat(6, 1fr); gap:24px; }
.hd-feature{ display:flex; flex-direction:column; align-items:flex-start; }
.hd-feature-icon{ width:40px; height:42px; margin-bottom:40px; display:block; }
.hd-feature-separator{ width:100%; height:1px; background:#01172C; margin-bottom:20px; }
.hd-feature-label{ margin:0 0 8px; font-family:'Syne',sans-serif; font-weight:600; font-size:18px; line-height:22px; color:#01172C; }
.hd-feature-value{ margin:0; font-family:'Syne',sans-serif; font-weight:600; font-size:36px; line-height:43px; color:#01172C; }

@media (max-width:1100px){
  /* .hd-section2{ padding:0px 0; }
  .hd-plans-title{ font-size:48px; line-height:56px; margin-bottom:36px; }
  .hd-plans-grid{ grid-template-columns:1fr; }
  .hd-plan-img{ height:400px; } */
  /* 3 piktogramos vienoje eilėje (2 eilės) */
  /* .hd-features-grid{ grid-template-columns:repeat(3, 1fr); gap:24px; }
  .hd-feature{ padding-bottom:16px; } */
}

@media (max-width:1168px){
  /* Priverskime 3 ikonų stulpelius ir sumažinkime ikonų elementus */
  .hd-features-grid{ grid-template-columns:repeat(2, 1fr); }
  .hd-feature-icon{ margin-bottom:16px; }
  .hd-feature-separator{ margin-bottom:12px; }
  .hd-feature-label{ font-size:16px; line-height:20px; }
  .hd-feature-value{ font-size:28px; line-height:34px; }
  .hd-features{ padding:px 0; }
}

@media (max-width:768px){
  .hd-plans-title{ font-size: clamp(32px, 6vw, 72px); line-height: clamp(40px, 6.5vw, 80px); margin-bottom: 32px; }
  .hd-plans-grid{ grid-template-columns: 1fr; gap: 20px; }
  .hd-plan-img{ height: auto; aspect-ratio: 1/1; }
  /* .hd-features-grid{ grid-template-columns: repeat(2, 1fr); gap: 16px; } */
  .hd-feature-icon{ width: 32px; height: 34px; margin-bottom: 12px; }
  .hd-feature-label{ font-size: 14px; line-height: 18px; }
  .hd-feature-value{ font-size: 24px; line-height: 28px; }
}

@media (max-width:480px){
  /* .hd-features-grid{ grid-template-columns: 1fr; gap: 12px; } */
  .hd-feature-icon{ width: 28px; height: 30px; margin-bottom: 8px; }
  .hd-feature-label{ font-size: 13px; line-height: 16px; }
  .hd-feature-value{ font-size: 20px; line-height: 24px; }
}