/* OTDELKA78 V1.16.27.5 — MOBILE CRO FINISH.
   Page-local fixes loaded after global styles; no changes to v1.16.27.4 image assets. */
.private-house-page #estimate,
.private-house-page #scope,
.private-house-page #cost {scroll-margin-top:100px}

/* Optional uploads: keep existing field IDs/names for the production form handler. */
.private-house-page .ph-estimate .ph-attachment {
  display:block;
  width:100%;
  min-width:0;
  border:1px solid #d9d4c7;
  border-radius:12px;
  background:#f1eee6;
  padding:0;
  overflow:visible;
}
.private-house-page .ph-attachment-toggle {
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  cursor:pointer;
  color:#24271f;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  list-style:none;
}
.private-house-page .ph-attachment-toggle::-webkit-details-marker{display:none}
.private-house-page .ph-attachment-toggle::marker{content:""}
.private-house-page .ph-attachment-toggle small {
  display:block;
  margin-top:3px;
  color:#727469;
  font-size:12px;
  font-weight:500;
}
.private-house-page .ph-attachment-chevron {
  display:block;
  flex:none;
  width:10px;
  height:10px;
  border-right:2px solid #807052;
  border-bottom:2px solid #807052;
  transform:rotate(45deg);
  transition:transform .15s ease;
}
.private-house-page .ph-attachment[open] .ph-attachment-chevron {transform:rotate(225deg)}
.private-house-page .ph-attachment-toggle:focus-visible {outline:2px solid #ac8345;outline-offset:3px}
.private-house-page .ph-attachment-content {
  margin:0 14px 14px;
  padding:12px;
  border:0;
  border-top:1px solid #ded7c9;
  border-radius:0;
  background:transparent;
}
.private-house-page .ph-attachment-content .file-ui{margin:0}
.private-house-page .ph-attachment-content .file-hint{font-size:12px;line-height:1.4;margin:10px 0 0}

@media (max-width:760px) {
  /* Hero .shell was forced to width:100%; restore meaningful mobile gutters. */
  .private-house-page .ph-hero-inner {
    box-sizing:border-box;
    padding-left:clamp(20px,5vw,26px);
    padding-right:clamp(20px,5vw,26px);
  }
  .private-house-page .ph-hero .eyebrow {
    display:block;
    max-width:100%;
    font-size:clamp(10px,2.7vw,12px);
    line-height:1.5;
    letter-spacing:.13em;
    white-space:normal;
    overflow-wrap:normal;
  }
  .private-house-page .ph-hero h1{max-width:100%;overflow-wrap:normal}
  /* Keep the whole architectural image visible instead of cropping it. */
  .private-house-page .ph-cost-visual {
    position:relative;
    min-height:0;
    aspect-ratio:1920 / 1323;
    background:#eeeae2;
  }
  .private-house-page .ph-cost-visual img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
  }
  .private-house-page .ph-estimate .lead-form .form-grid{row-gap:10px}
  .private-house-page .ph-attachment-toggle{padding:13px 14px}
  .private-house-page .ph-attachment-content {margin:0 10px 10px;padding:12px 6px 5px}
  .private-house-page .ph-attachment-content .file-ui{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .private-house-page .ph-attachment-content .file-ui-text{font-size:12px;line-height:1.35}
}
@media (max-width:375px) {
  .private-house-page .ph-hero h1{font-size:36px}
  .private-house-page .ph-hero .eyebrow{font-size:10px;letter-spacing:.09em}
}
@media (prefers-reduced-motion:reduce) {
  .private-house-page .ph-attachment-chevron{transition:none}
}