/* =========================================================
   HEADER — STICKY + MOBILE FIX
========================================================= */

.pm-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
}

/* Desktop */
@media (min-width: 1024px) {
  .pm-header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .pm-header .wp-block-columns {
    display: grid !important;
    grid-template-columns: 320px 1fr 320px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .pm-header .wp-block-column:nth-child(1) {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .pm-header .wp-block-column:nth-child(2) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .pm-header .wp-block-column:nth-child(3) {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
}

/* Mobile */
@media (max-width: 1023px) {
  .pm-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: #ffffff !important;
    padding: 2px 10px !important;
    box-sizing: border-box !important;
  }

  body {
    padding-top: 44px !important;
  }

  .pm-header .wp-block-columns {
    display: grid !important;
    grid-template-columns: 118px 1fr 118px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .pm-header img,
  .pm-header svg {
    max-height: 24px !important;
    width: auto !important;
  }

  .header-cta .wp-block-button__link {
    width: 108px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  .hero-image {
    margin-top: 18px !important;
  }
}

/* =========================================================
   HERO IMAGE
========================================================= */

.hero-image img,
.rounded-img img {
  border-radius: 16px;
  display: block;
}

/* =========================================================
   PROCESS SECTION
========================================================= */

.process-section {
  text-align: center;
}

.process-section .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.process-section svg {
  width: 64px !important;
  height: 64px !important;
  margin: 18px auto 0;
}

.process-section p {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.process-section .wp-block-columns {
  gap: 24px;
}

/* =========================================================
   CONDO TILE BASE
========================================================= */

.condo-benefit-tile,
.condo-solution-tile {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  border-radius: 18px !important;
  box-shadow:
    0 2px 8px rgba(0,0,0,0.035),
    0 10px 26px rgba(0,0,0,0.045) !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease !important;
}

.condo-benefit-tile:hover,
.condo-solution-tile:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0,0,0,0.12) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.06),
    0 18px 36px rgba(0,0,0,0.08) !important;
}

/* =========================================================
   CONDO BENEFIT TILES
========================================================= */

.wp-block-column.condo-benefit-tile {
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;

  padding: 28px 30px 14px 30px !important;

  justify-content: flex-start !important;
  align-items: flex-start !important;

  overflow: hidden !important;
  text-align: left !important;
}

/* Benefit Image Wrapper */
.wp-block-column.condo-benefit-tile figure,
.wp-block-column.condo-benefit-tile .wp-block-image {
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 22px 0 !important;
}

/* Benefit Icons */
.wp-block-column.condo-benefit-tile img {
  width: 60px !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Benefit Headings */
.wp-block-column.condo-benefit-tile h1,
.wp-block-column.condo-benefit-tile h2,
.wp-block-column.condo-benefit-tile h3,
.wp-block-column.condo-benefit-tile h4,
.wp-block-column.condo-benefit-tile .wp-block-heading {
  width: 100% !important;
  text-align: left !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

/* Benefit Paragraphs */
.wp-block-column.condo-benefit-tile p {
  width: 100% !important;
  text-align: left !important;
  line-height: 1.34 !important;
  margin: 18px 0 0 0 !important;
}

/* Benefit Lists */
.wp-block-column.condo-benefit-tile ul,
.wp-block-column.condo-benefit-tile ol {
  width: 100% !important;
  text-align: left !important;
  padding-left: 22px !important;
  margin: 18px 0 0 0 !important;
}

.wp-block-column.condo-benefit-tile li {
  text-align: left !important;
  line-height: 1.45 !important;
  margin-bottom: 8px !important;
}

/* =========================================================
   CONDO SOLUTION TILES
========================================================= */

.condo-solution-tile {
  padding: 24px 28px 20px 28px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.condo-solution-tile h1,
.condo-solution-tile h2,
.condo-solution-tile h3,
.condo-solution-tile h4,
.condo-solution-tile .wp-block-heading {
  text-align: center !important;
  margin-bottom: 18px !important;
  line-height: 1.05 !important;
}

.condo-solution-tile figure,
.condo-solution-tile .wp-block-image {
  margin: 18px 0 !important;
}

.condo-solution-tile figure,
.condo-solution-tile img {
  margin-left: auto !important;
  margin-right: auto !important;
}

.condo-solution-tile p {
  margin-top: 18px !important;
  text-align: center !important;
  line-height: 1.45 !important;
}

/* =========================================================
   MOBILE TILE SPACING
========================================================= */

@media (max-width: 767px) {
  .condo-benefit-tile,
  .condo-solution-tile {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 24px 20px 16px !important;
    margin-bottom: 18px !important;
    overflow: visible !important;
  }

  .wp-block-column.condo-benefit-tile figure,
  .wp-block-column.condo-benefit-tile .wp-block-image {
    margin-bottom: 20px !important;
  }

  .wp-block-column.condo-benefit-tile p,
  .wp-block-column.condo-benefit-tile ul,
  .wp-block-column.condo-benefit-tile ol {
    margin-top: 20px !important;
  }
}

/* Fix non-warrantable image/text alignment */
.non-warrantable-section {
  align-items: flex-start !important;
}

.non-warrantable-section > .wp-block-column {
  align-self: flex-start !important;
}

.non-warrantable-section .wp-block-column {
  justify-content: flex-start !important;
}

/* Force non-warrantable text column to top align */
.non-warrantable-text {
  align-self: flex-start !important;
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.non-warrantable-text > *:first-child {
  margin-top: 0 !important;
}