/* ================================================================
   Log Home Blueprint – Proportional Scaling
   Reference: 1626px viewport (golden design)
   Range: 1024px – 2560px

   Formula: vw = (px ÷ 1626) × 100

   At 1626px this produces the exact same pixel values as
   style.css. At every other width, the entire layout scales
   as one proportional unit.
   ================================================================ */

@media screen and (min-width: 1024px) and (max-width: 2560px) {
  /*  Container*/
  .lhp-container {
    padding-bottom: 3.075vw !important; /* 50px */
  }

  /*  5-column flex wrapper  */
  .lhp-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: start !important;
    justify-content: center !important;
    padding-bottom: 1.845vw !important; /* 30px */
    height: auto !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  /* Green side panels  */
  .lh-left-green-bg,
  .lh-right-green-bg {
    display: block !important;
    flex: 0 0 6.334vw !important; /* 103px */
    max-width: 6.334vw !important;
    width: 6.334vw !important;
    height: 30.75vw !important; /* 500px */
    min-height: auto !important;
  }

  /* Image panels  */
  .lh-left-img,
  .lh-right-img {
    flex: 1 1 auto !important;
  }

  /* Blueprint images  */
  .blueprint-img {
    width: 100% !important;
    height: 30.75vw !important; /* 500px */
    min-height: auto !important;
    /* object-fit: contain !important; */
  }

  /* Center content panel */
  .lh-center-content {
    flex: 0 0 20.111vw !important; /* 327px */
    max-width: 20.111vw !important;
    width: 20.111vw !important;
    margin: 0 !important;
    padding-top: 5vw !important; /* 88px */
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-image: url(http://loghomeblueprints.com/wp-content/uploads/2026/03/slice_02.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: cover !important;
    text-align: center !important;
  }

  /* Decorative stripe lines  */
  .lh-title-line {
    height: 0.492vw !important; /* 8px */
  }

  /*  Plan title */
  .lh-center-content .plan-title {
    font-size: 1.353vw !important; /* 22px */
    font-weight: 600 !important;
    gap: 0.492vw !important; /* 8px */
    padding: 0.369vw !important; /* 6px */
    letter-spacing: 0.123vw !important; /* 2px */
    margin: 0 !important;
  }

  .lh-center-content .plan-title span {
    font-size: 0.861vw !important; /* 14px */
  }

  /* Square footage  */
  .lh-center-content .sqft {
    font-size: 1.107vw !important; /* 18px */
    margin-bottom: 1.23vw !important; /* 20px */
  }

  /*Description paragraphs  */
  .lh-center-content .description {
    font-size: 0.922vw !important; /* 15px */
    margin-bottom: 1.23vw !important; /* 20px */
    padding-left: 0.615vw !important; /* 10px */
    padding-right: 0.615vw !important; /* 10px */
  }

  /* Sub-heading  */
  .lh-center-content .sub-heading {
    font-size: 2vw !important; /* 22px */
    font-weight: 600 !important;
    gap: 0.492vw !important; /* 8px */
    padding: 0.369vw !important; /* 6px */
    margin: 0 !important;
  }

  /*  Small text */
  .lh-center-content .small-text {
    font-size: 0.738vw !important; /* 12px */
    margin: 0 !important;
  }

  /* Purchase button */
  .purchase-btn-custom {
    font-size: 0.861vw !important; /* 14px */
    padding: 0.738vw 1.476vw !important; /* 12px 24px */
    margin-top: 0.615vw !important; /* 10px */
    box-shadow: 0 0 1.23vw 0 rgba(0, 0, 0, 0.69) !important; /* 20px */
  }

  /* Floor badge: title */
  .lhp-floor-badge .floor-title {
    font-size: 1.107vw !important; /* 18px */
    margin-bottom: 0 !important;
  }

  /*  Floor badge: sqft  */
  .lhp-floor-badge .small-sqft {
    font-size: 0.799vw !important; /* 13px */
  }

  /* Floor badge: stripe lines  */
  .lhp-floor-badge .lh-title-line {
    height: 0.492vw !important; /* 8px */
  }

  /*  Virtual tour section  */
  .virtual-tour {
    gap: 1.23vw !important; /* 20px */
    padding: 1.23vw 0 !important; /* 20px */
  }

  .virtual-tour h2 {
    font-size: 1.476vw !important; /* 24px */
    font-weight: 600 !important;
    letter-spacing: 0.184vw !important; /* 3px */
    white-space: nowrap !important;
    margin: 0 !important;
    text-shadow: 0.307vw 0 0.615vw #000000 !important; /* 5px 0 10px */
  }

  .virtual-tour .lhb-left-stripe-line,
  .virtual-tour .lhb-right-stripe-line {
    flex: 1 !important;
    height: 0.184vw !important; /* 3px */
  }
}