/* Correct intrinsic photo sizing and mobile content flow. */
body.build-redesign .founder-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
body.build-redesign .area-info img{filter:brightness(0) saturate(100%);opacity:.9}
@media(max-width:700px){
 body.build-redesign .core-card:nth-child(2) .core-card-icon,
 body.build-redesign .core-card:nth-child(3) .core-card-icon{position:static;display:block;width:32px;height:32px;margin:0 0 18px;flex:0 0 auto}
 body.build-redesign .bg-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:27px 22px}
 body.build-redesign .bg-footer-grid>nav[aria-label="Usluge u podnožju"]{grid-column:1;grid-row:2 / span 2}
 body.build-redesign .bg-footer-company{grid-column:2;grid-row:2}
 body.build-redesign .bg-footer-grid>nav[aria-label="Adaptacije u podnožju"]{grid-column:2;grid-row:3}
 body.build-redesign .bg-footer-nav a{overflow-wrap:anywhere}
}

/* Shared spacing for every Croatian page. Loaded after the design styles. */
body.build-redesign main > section{margin-block:0}
body.build-redesign main .inner-content-section{padding-block:52px}
body.build-redesign main .inner-hero{padding-bottom:40px}
body.build-home-v2 main .section-space{padding-block:64px}
body.build-home-v2 main .core-section{padding-block:64px}
body.build-home-v2 main .finish-section{padding-block:40px}
body.build-home-v2 main .faq-section,
body.build-home-v2 main .contact-section{padding-block:56px}
body.build-redesign main .blog-filters{padding-block:24px}
body.build-redesign main .blog-list{padding-top:24px}
@media(max-width:1199px){
 body.build-redesign main .inner-content-section{padding-block:40px}
 body.build-redesign main .inner-hero{padding-bottom:32px}
 body.build-home-v2 main .section-space,
 body.build-home-v2 main .core-section{padding-block:48px}
 body.build-home-v2 main .finish-section{padding-block:32px}
 body.build-home-v2 main .faq-section,
 body.build-home-v2 main .contact-section{padding-block:44px}
 body.build-redesign main .blog-filters{padding-block:20px}
 body.build-redesign main .blog-list{padding-top:20px}
}
@media(max-width:700px){
 body.build-redesign main .inner-content-section{padding-block:28px}
 body.build-redesign main .inner-hero{padding-top:28px;padding-bottom:28px}
 body.build-home-v2 main .section-space{padding-block:32px}
 body.build-home-v2 main .finish-section{padding-block:26px}
 body.build-home-v2 main .project-section,
 body.build-home-v2 main .process-section{padding-block:28px}
 body.build-home-v2 main .core-section{padding-block:34px}
 body.build-home-v2 main .faq-section,
 body.build-home-v2 main .contact-section{padding-block:32px}
 body.build-redesign main .blog-filters{padding-block:16px}
 body.build-redesign main .blog-list{padding-top:16px}
}

/* Match the existing cooperation and employment forms to the light redesign. */
body.build-redesign .coop-layout #coop-form{background:#fff;color:#101b15}
body.build-redesign .coop-layout #coop-form :is(label,legend,.coop-consent,.coop-consent a,.coop-upload){color:#101b15}
body.build-redesign .coop-layout #coop-form :is(.coop-hint,.job-doc-hint){color:#58645c}
body.build-redesign .coop-layout #coop-form fieldset{border-color:#dce2d8}
body.build-redesign .coop-layout #coop-form .required{color:#647b00}
body.build-redesign .coop-layout #coop-form .coop-upload{background:#f7f8f3;border-color:#9ca991;border-radius:12px}
body.build-redesign .coop-layout #coop-form .coop-file-button{background:#ccff00;border-color:#ccff00;color:#101b15;border-radius:99px}
body.build-redesign .coop-layout #coop-form .coop-consent a{text-decoration:underline}
body.build-redesign .coop-layout #coop-form :is(.coop-error,.coop-form-error){color:#a72323}

/* BUILD HR typography. Replaces mobile-type-v10.css; no global anchor scaling. */
html:lang(hr) body.build-redesign {
  font-size: 1rem;
  line-height: 1.65;
}

/* Reading text: preserve the existing heading and layout hierarchy. */
html:lang(hr) body.build-redesign main :is(
  .hero-description, .inner-lead, .founder-copy p, .founder-story-prose p,
  .process-copy p, .contact-copy > p, .section-head > p, .finish-heading p,
  .faq-heading p, .complete-prose > p, .complete-policy p, .blog-content p,
  .inner-content-section > p, .inner-content-section > .container > p,
  .adapt-section-intro > p, .coop-layout > aside p
) {
  font-size: 1rem;
  line-height: 1.7;
}

html:lang(hr) body.build-redesign main :is(
  .core-card p, .inner-card p, .sv-service p, .sv-value p,
  .build-info-grid > article p, .sv-process-grid > article p,
  .blog-card p, .step p, .faq-item p, .sv-faq details p,
  .review-card blockquote, .review-card blockquote p, .review-full p,
  .coop-steps p, .coop-aside-secondary
) {
  font-size: .9375rem;
  line-height: 1.7;
}

html:lang(hr) body.build-redesign main :is(
  .button, .inner-actions a, .sv-button, .adapt-submit, .pm-submit,
  .coop-submit, .core-card-bottom, .promise-list li, .finish-link
) {
  font-size: .9375rem;
  line-height: 1.4;
}
html:lang(hr) body.build-redesign main :is(.faq-item summary, .sv-faq summary) {
  font-size: 1rem;
  line-height: 1.5;
}

/* Labels and supporting text stay distinct from descriptions and titles. */
html:lang(hr) body.build-redesign main :is(
  .tag, .pill, .sv-eyebrow, .build-kicker, .blog-eyebrow, .inner-breadcrumb,
  .inner-meta, .build-small-number, .project-caption p, .project-footnote,
  .core-card-top, .step-number, .review-controls output, .review-person small,
  .review-original, .review-full summary, .map-credit
) {
  font-size: .75rem;
  line-height: 1.5;
}
html:lang(hr) body.build-redesign main :is(
  .form-field, .form-policy, .adapt-form label, .sv-form label,
  .pm-form label, .coop-field > label, .k-field label,
  .review-person strong, .area-info strong
) {
  font-size: .875rem;
  line-height: 1.5;
}
html:lang(hr) body.build-redesign main :is(
  .coop-hint, .job-doc-hint, .coop-consent, .bg-contact-help,
  .bg-form-intro, .bg-email-status, .enquiry-note
) {
  font-size: .875rem;
  line-height: 1.6;
}
html:lang(hr) body.build-redesign main :is(
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),
  select, textarea
) {
  font-size: 1rem;
  line-height: 1.5;
}
html:lang(hr) body.build-redesign .review-summary {
  font-size: .875rem;
  line-height: 1.5;
}
html:lang(hr) body.build-redesign .trust-rail span {
  font-size: .75rem;
  letter-spacing: .04em;
}
html:lang(hr) body.build-redesign #site-footer .bg-footer-nav h2 {
  font-size: 1rem;
  line-height: 1.4;
}
html:lang(hr) body.build-redesign #site-footer .bg-footer-nav a,
html:lang(hr) body.build-redesign #site-footer .bg-footer-brand :is(p,a:not(.bg-footer-logo)) {
  font-size: .875rem;
  line-height: 1.6;
}
html:lang(hr) body.build-redesign #site-footer :is(.bg-footer-legal,.bg-footer-bottom) {
  font-size: .75rem;
  line-height: 1.6;
}

@media (max-width: 700px) {
  html:lang(hr) body.build-redesign .build-rotating-title {
    font-size: clamp(2rem, 8.6vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: -.045em;
  }
  html:lang(hr) body.build-redesign .inner-hero h1 {
    font-size: clamp(2rem, 8.6vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -.04em;
  }
  html:lang(hr) body.build-redesign .inner-hero--long h1 {
    font-size: clamp(1.875rem, 8vw, 2.25rem);
  }
  html:lang(hr) body.build-redesign main :is(
    .founder-copy h2, .section-head h2, .finish-heading h2, .process-copy h2,
    .review-title-row h2, .faq-heading h2, .contact-copy h2,
    .inner-content-section h2, .blog-content h2
  ) {
    font-size: clamp(1.875rem, 8vw, 2.125rem);
    line-height: 1.15;
    letter-spacing: -.035em;
  }
  html:lang(hr) body.build-redesign main :is(.core-card h3,.inner-content-section h3) {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -.025em;
  }
  html:lang(hr) body.build-redesign main :is(
    .project-caption h3, .step h3, .sv-service h3, .coop-steps h2
  ) {
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: -.02em;
  }
  html:lang(hr) body.build-redesign main .blog-card h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
  html:lang(hr) body.build-redesign .hero-actions {
    flex-wrap: wrap;
  }
  html:lang(hr) body.build-redesign .hero-actions .button {
    flex: 1 1 150px;
    min-width: 0;
    max-width: 100%;
    font-size: .875rem;
    white-space: normal;
    text-align: center;
  }
  html:lang(hr) body.build-redesign main .finish-link {
    font-size: 1rem;
    line-height: 1.4;
  }
  html:lang(hr) body.build-redesign main .finish-link small {
    font-size: .75rem;
  }
  html:lang(hr) body.build-redesign .founder-photo figcaption {
    font-size: .875rem;
    line-height: 1.5;
    flex-wrap: wrap;
  }
  html:lang(hr) body.build-redesign .founder-photo figcaption span {
    font-size: .75rem;
    line-height: 1.5;
  }
  html:lang(hr) body.build-redesign .build-review-total > span {
    font-size: .75rem;
    line-height: 1.5;
  }
  html:lang(hr) body.build-redesign .visual-discover {
    font-size: .625rem;
    line-height: 1.3;
  }
  html:lang(hr) body.build-redesign .trust-rail span {
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
  html:lang(hr) body.build-redesign .bg-language,
  html:lang(hr) body.build-redesign .bg-language > summary,
  html:lang(hr) body.build-redesign .bg-language-options a {
    font-size: .875rem;
  }
  html:lang(hr) body.build-redesign .bg-language-code {
    font-size: .75rem;
  }
  html:lang(hr) body.build-redesign .bg-mobile-nav .bg-service-main {
    font-size: 1rem;
    line-height: 1.5;
  }
  html:lang(hr) body.build-redesign .bg-mobile-nav :is(
    .bg-nav-cities summary,.bg-city-link,.build-nav-label,.bg-nav-map
  ) {
    font-size: .875rem;
    line-height: 1.5;
  }
  html:lang(hr) body.build-redesign .mobile-contact-bar a {
    font-size: .875rem;
    line-height: 1.4;
  }
  html:lang(hr) body.build-redesign main .contact-phone {
    font-size: 1.5rem;
    overflow-wrap: anywhere;
  }
}