/*
 * BESTWOO Mobile Batch 17 Fix7
 * Exact render targets:
 * - pages/about.php -> body.BESTWOO-company-page
 * - pages/contact.php -> body.BESTWOO-contact-page
 * - status/form-success.php
 * - status/404.php
 * - root 404.html
 * Mobile only.
 */

@media (max-width: 820px) {
  body.BESTWOO-company-page,
  body.BESTWOO-contact-page,
  body[data-bestwoo-mobile-page-scope="status"] {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.BESTWOO-company-page *,
  body.BESTWOO-contact-page *,
  body[data-bestwoo-mobile-page-scope="status"] * {
    box-sizing: border-box;
    min-width: 0;
  }

  body.BESTWOO-company-page img,
  body.BESTWOO-contact-page img,
  body[data-bestwoo-mobile-page-scope="status"] img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  body.BESTWOO-company-page .BESTWOO-container,
  body.BESTWOO-contact-page .BESTWOO-container,
  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-container {
    width: min(100%, 820px);
    max-width: 100%;
    padding-inline: clamp(16px, 4.8vw, 32px);
  }

  body.BESTWOO-company-page .BESTWOO-page-main,
  body.BESTWOO-contact-page .BESTWOO-page-main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body.BESTWOO-company-page .BESTWOO-page-hero,
  body.BESTWOO-contact-page .BESTWOO-page-hero {
    min-height: auto;
    padding-block: clamp(34px, 8vw, 66px);
  }

  body.BESTWOO-company-page .BESTWOO-page-hero > .BESTWOO-container,
  body.BESTWOO-contact-page .BESTWOO-page-hero > .BESTWOO-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(20px, 5vw, 34px);
    align-items: start;
  }

  body.BESTWOO-company-page .BESTWOO-page-hero-card,
  body.BESTWOO-contact-page .BESTWOO-page-hero-card {
    width: 100%;
    max-width: 100%;
    padding: clamp(20px, 5vw, 34px);
    border-radius: clamp(18px, 5vw, 30px);
  }

  body.BESTWOO-company-page h1,
  body.BESTWOO-contact-page h1,
  body[data-bestwoo-mobile-page-scope="status"] h1 {
    max-width: 22ch;
    margin-block: 0 15px;
    font-size: clamp(29px, 7.8vw, 50px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  body.BESTWOO-company-page h2,
  body.BESTWOO-contact-page h2,
  body[data-bestwoo-mobile-page-scope="status"] h2 {
    margin-block: 0 12px;
    font-size: clamp(25px, 6.6vw, 41px);
    line-height: 1.16;
    letter-spacing: -0.025em;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }

  body.BESTWOO-company-page h3,
  body.BESTWOO-contact-page h3,
  body[data-bestwoo-mobile-page-scope="status"] h3 {
    margin-block: 0 9px;
    font-size: clamp(19px, 5vw, 25px);
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  body.BESTWOO-company-page p,
  body.BESTWOO-company-page li,
  body.BESTWOO-contact-page p,
  body.BESTWOO-contact-page li,
  body[data-bestwoo-mobile-page-scope="status"] p,
  body[data-bestwoo-mobile-page-scope="status"] li {
    line-height: 1.72;
    overflow-wrap: anywhere;
  }

  body.BESTWOO-company-page .BESTWOO-page-split,
  body.BESTWOO-contact-page .BESTWOO-page-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(22px, 5.5vw, 38px);
    align-items: start;
  }

  body.BESTWOO-company-page .BESTWOO-page-grid-3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  body.BESTWOO-company-page .BESTWOO-page-panel,
  body.BESTWOO-company-page .BESTWOO-page-note,
  body.BESTWOO-contact-page .BESTWOO-page-panel,
  body.BESTWOO-contact-page .BESTWOO-page-note,
  body.BESTWOO-contact-page .BESTWOO-page-contact-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: clamp(18px, 4.8vw, 28px);
    border-radius: clamp(16px, 4.5vw, 25px);
  }

  body.BESTWOO-company-page .BESTWOO-page-list {
    margin: 0;
    padding-left: 1.2em;
  }

  body.BESTWOO-contact-page .BESTWOO-page-simple-form,
  body.BESTWOO-contact-page form {
    width: 100%;
    max-width: 100%;
  }

  body.BESTWOO-contact-page .BESTWOO-page-simple-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  body.BESTWOO-contact-page label {
    display: grid;
    gap: 7px;
    width: 100%;
    max-width: 100%;
  }

  body.BESTWOO-contact-page input,
  body.BESTWOO-contact-page select,
  body.BESTWOO-contact-page textarea,
  body.BESTWOO-contact-page button {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    font-size: 16px;
  }

  body.BESTWOO-contact-page textarea {
    min-height: 132px;
    resize: vertical;
  }

  body.BESTWOO-contact-page a[href^="tel:"],
  body.BESTWOO-contact-page a[href^="mailto:"],
  body.BESTWOO-contact-page a[href*="wa.me"],
  body.BESTWOO-contact-page a[href*="whatsapp"] {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  body[data-bestwoo-mobile-page-scope="status"] {
    min-height: 100svh;
    margin: 0;
    padding: clamp(28px, 7vw, 64px) clamp(16px, 4.8vw, 32px) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: #f7f1e8;
    color: #17201d;
    text-align: center;
  }

  body[data-bestwoo-mobile-page-scope="status"] > * {
    width: min(100%, 680px);
    max-width: 100%;
    margin-inline: auto;
  }

  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-status-page,
  body[data-bestwoo-mobile-page-scope="status"] main {
    width: min(100%, 680px);
    max-width: 100%;
    min-height: auto;
    margin-inline: auto;
    padding: 0;
  }

  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-status-panel,
  body[data-bestwoo-mobile-page-scope="status"] [class*="panel"],
  body[data-bestwoo-mobile-page-scope="status"] [class*="card"],
  body[data-bestwoo-mobile-page-scope="status"] [class*="box"] {
    width: min(100%, 640px);
    max-width: 100%;
    margin-inline: auto;
    padding: clamp(24px, 6vw, 42px);
    border-radius: clamp(20px, 5vw, 32px);
    text-align: center;
  }

  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-actions,
  body[data-bestwoo-mobile-page-scope="status"] [class*="actions"] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 22px;
  }

  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-actions > *,
  body[data-bestwoo-mobile-page-scope="status"] [class*="actions"] > *,
  body[data-bestwoo-mobile-page-scope="status"] > p > a {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
  }

  html:lang(en) body.BESTWOO-company-page *,
  html:lang(en) body.BESTWOO-contact-page *,
  html:lang(en) body[data-bestwoo-mobile-page-scope="status"] * {
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
}

@media (min-width: 600px) and (max-width: 820px) {
  body.BESTWOO-company-page .BESTWOO-page-hero > .BESTWOO-container,
  body.BESTWOO-contact-page .BESTWOO-page-hero > .BESTWOO-container,
  body.BESTWOO-company-page .BESTWOO-page-split,
  body.BESTWOO-contact-page .BESTWOO-page-split {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.92fr);
    gap: 30px;
  }

  body.BESTWOO-company-page .BESTWOO-page-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.BESTWOO-contact-page .BESTWOO-page-simple-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.BESTWOO-contact-page textarea,
  body.BESTWOO-contact-page .BESTWOO-page-simple-form button {
    grid-column: 1 / -1;
  }

  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-actions,
  body[data-bestwoo-mobile-page-scope="status"] [class*="actions"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599px) {
  body.BESTWOO-company-page .BESTWOO-page-hero-card,
  body.BESTWOO-contact-page .BESTWOO-page-hero-card {
    padding: 20px 17px;
  }
}

@media (max-width: 419px) {
  body.BESTWOO-company-page .BESTWOO-container,
  body.BESTWOO-contact-page .BESTWOO-container,
  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-container {
    padding-inline: 16px;
  }

  body.BESTWOO-company-page h1,
  body.BESTWOO-contact-page h1,
  body[data-bestwoo-mobile-page-scope="status"] h1 {
    font-size: clamp(27px, 8.8vw, 38px);
  }
}

@media (max-width: 360px) {
  body.BESTWOO-company-page .BESTWOO-container,
  body.BESTWOO-contact-page .BESTWOO-container,
  body[data-bestwoo-mobile-page-scope="status"] .BESTWOO-container {
    padding-inline: 14px;
  }

  body.BESTWOO-company-page h1,
  body.BESTWOO-contact-page h1,
  body[data-bestwoo-mobile-page-scope="status"] h1 {
    font-size: 27px;
  }

  body.BESTWOO-company-page h2,
  body.BESTWOO-contact-page h2,
  body[data-bestwoo-mobile-page-scope="status"] h2 {
    font-size: 24px;
  }
}

/* BESTWOO Batch18 Fix3 contact action links */
@media (max-width: 820px) {
  body.BESTWOO-contact-page .BESTWOO-contact-direct-link,
  .BESTWOO-site-footer .BESTWOO-contact-direct-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 44px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.BESTWOO-contact-page .BESTWOO-page-contact-box strong,
  .BESTWOO-site-footer .BESTWOO-footer-contact-grid strong {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}