/* Premium mobile presentation for the DW Care landing page. */
@media (max-width: 768px) {
  body {
    font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, Arial, sans-serif;
  }

  .dw-header-inner,
  .dw-section,
  .dw-final {
    padding-inline: 20px;
  }

  .dw-hero {
    overflow: hidden;
    padding: 0 20px 36px;
    background:
      radial-gradient(circle at 90% 8%, rgba(31, 169, 194, .16), transparent 36%),
      linear-gradient(155deg, #051d35 0%, #082f52 58%, #061f38 100%);
  }

  .dw-hero-grid {
    gap: 0;
  }

  .dw-hero-copy {
    padding: 48px 0 32px;
  }

  .dw-hero h1 {
    max-width: 12ch;
    margin: 20px 0 24px;
    font-size: clamp(2.15rem, 9.5vw, 3rem);
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: -.025em;
  }

  .dw-hero-lead {
    line-height: 1.75;
  }

  .dw-hero-image {
    width: 100%;
    max-width: 92vw;
    min-height: 0;
    max-height: 380px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 22px 52px rgba(0, 11, 25, .34);
  }

  .dw-hero-image img {
    display: block;
    width: 100%;
    height: clamp(280px, 78vw, 380px);
    min-height: 0;
    max-height: 380px;
    object-fit: cover;
    object-position: center;
  }

  .dw-hero::after {
    content: "อะไหล่มาตรฐาน  •  รับประกัน 3 ปี  •  ทีมช่างมืออาชีพ";
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 28px auto 0;
    padding: 12px 16px;
    border: 1px solid rgba(235, 195, 101, .24);
    border-radius: 999px;
    color: #f0ce78;
    background: rgba(255, 255, 255, .055);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    letter-spacing: .01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
  }

  .dw-problems {
    padding-top: 48px;
  }

  .dw-section {
    padding-block: 68px;
  }

  .dw-section > .wp-block-heading {
    line-height: 1.28;
  }

  .dw-card-grid {
    gap: 18px;
  }

  .dw-card {
    padding: 25px 24px;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(9, 43, 76, .09);
  }

  .dw-process-card,
  .dw-work-card {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(9, 43, 76, .09);
  }

  .dw-process-card figure,
  .dw-work-card figure {
    border-radius: 18px 18px 0 0;
  }

  .dw-pricing {
    color: #fff;
    background: linear-gradient(155deg, #061f38 0%, #0a3458 100%);
  }

  .dw-pricing .dw-kicker {
    color: #f0ce78;
  }

  .dw-price-card {
    padding: 28px 24px;
    border: 0;
    border-radius: 20px;
    color: var(--dw-ink);
    box-shadow: 0 18px 42px rgba(0, 13, 29, .24);
  }

  .dw-price-featured {
    border: 1px solid rgba(240, 206, 120, .78);
    box-shadow: 0 20px 46px rgba(0, 13, 29, .3);
  }

  .dw-price {
    color: #a66c00;
  }

  .dw-promo-tag {
    padding: 6px 12px;
    border-radius: 999px;
    color: #5f3a00;
    background: linear-gradient(135deg, #f8df9a, #efc45e);
  }

  .dw-warranty {
    background: linear-gradient(155deg, #092b4c 0%, #061f38 100%);
    box-shadow: inset 0 3px 0 #d8ad4f;
  }

  .dw-warranty .dw-kicker {
    color: #f0ce78;
  }

  .wp-block-button .wp-block-button__link {
    min-height: 56px;
    border-radius: 15px;
  }

  .dw-primary-button .wp-block-button__link {
    color: #fff;
    background: linear-gradient(135deg, #16b9ba 0%, #087db1 100%);
    box-shadow: 0 12px 26px rgba(8, 125, 177, .28);
  }

  .dw-primary-button .wp-block-button__link:hover {
    background: linear-gradient(135deg, #20c8c8 0%, #0a8fc5 100%);
  }

  .dw-outline-button .wp-block-button__link {
    border: 1px solid rgba(255, 255, 255, .7);
    background: transparent;
    box-shadow: none;
  }

  .dw-final {
    padding-block: 68px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .dw-header-inner,
  .dw-section,
  .dw-final {
    padding-inline: 24px;
  }

  .dw-hero {
    padding-inline: 24px;
  }
}