@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  body * {
    max-width: 100%;
  }

  header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
    backdrop-filter: blur(18px) !important;
  }

  header > div {
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 10px 16px !important;
    gap: 12px !important;
  }

  header nav {
    display: none !important;
  }

  header > div > div[style*="position: absolute"],
  header > div > div[style*="position:absolute"] {
    position: static !important;
    left: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  header .avebworks-a-mark ~ div,
  header .avebworks-a-mark ~ span {
    display: none !important;
  }

  main,
  main > div,
  section,
  section > div,
  footer,
  footer > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  section {
    height: auto !important;
    min-height: auto !important;
    padding: 44px 16px !important;
  }

  section:first-of-type {
    min-height: 640px !important;
    padding-top: 88px !important;
    padding-bottom: 40px !important;
  }

  footer {
    padding: 28px 16px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  h1 {
    font-size: clamp(2rem, 10.5vw, 3.55rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    overflow-wrap: anywhere;
  }

  h2 {
    font-size: clamp(1.65rem, 7.8vw, 2.75rem) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere;
  }

  h3,
  p,
  span,
  a,
  button {
    overflow-wrap: anywhere;
  }

  p {
    max-width: 100% !important;
    font-size: clamp(0.92rem, 4vw, 1rem) !important;
    line-height: 1.65 !important;
  }

  img {
    max-width: 100% !important;
  }

  input,
  textarea,
  select {
    width: 100% !important;
    min-height: 46px !important;
    font-size: 16px !important;
  }

  a,
  button {
    min-height: 44px;
  }

  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  [style*="grid-template-rows"] {
    grid-template-rows: auto !important;
  }

  [style*="grid-row"] {
    grid-row: auto !important;
  }

  [style*="height: 100vh"],
  [style*="height:100vh"],
  [style*="min-height: 100vh"],
  [style*="min-height:100vh"] {
    height: auto !important;
    min-height: 640px !important;
  }

  [style*="display: flex"],
  [style*="display:flex"] {
    flex-wrap: wrap !important;
  }

  [style*="width: 390px"],
  [style*="width: 400px"],
  [style*="width: 420px"],
  [style*="width: 450px"],
  [style*="width: 500px"],
  [style*="width: 520px"],
  [style*="width: 560px"] {
    width: 100% !important;
  }

  [style*="min-width"],
  [style*="white-space: nowrap"] {
    min-width: 0 !important;
    white-space: normal !important;
  }

  [style*="left: -"],
  [style*="right: -"] {
    display: none !important;
  }

  section:first-of-type [style*="top: 50%"][style*="position: absolute"],
  section:first-of-type [style*="top:50%"][style*="position:absolute"] {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    transform: translateY(-50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
  }

  section:first-of-type [style*="bottom: 0"][style*="position: absolute"],
  section:first-of-type [style*="bottom:0"][style*="position:absolute"] {
    left: 0 !important;
    right: 0 !important;
    padding: 52px 16px 34px !important;
  }

  section:first-of-type [style*="right: 64px"] {
    display: none !important;
  }

  section:first-of-type [style*="right:64px"],
  section:first-of-type [style*="bottom:32px"][style*="right"],
  section:first-of-type > div[style*="border-radius:50%"][style*="position:absolute"],
  section:first-of-type > div[style*="border-radius: 50%"][style*="position: absolute"],
  section:first-of-type > div[style*="width:1px"][style*="position:absolute"],
  section:first-of-type > div[style*="width: 1px"][style*="position: absolute"] {
    display: none !important;
  }

  .avebworks-a-mark {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 27px !important;
    margin: 0 !important;
  }

  .avebworks-a-mark[style*="position: fixed"],
  .avebworks-a-mark[style*="position:fixed"] {
    left: 14px !important;
    bottom: 14px !important;
  }

  a[href*="wa.me"][style*="position: fixed"],
  a[href*="wa.me"][style*="position:fixed"] {
    width: 50px !important;
    height: 50px !important;
    right: 14px !important;
    bottom: 14px !important;
  }

  a[href*="wa.me"][style*="position: fixed"] svg,
  a[href*="wa.me"][style*="position:fixed"] svg {
    width: 25px !important;
    height: 25px !important;
  }

  .dental-hero-visual,
  .hotel-room-pills,
  .auto-status-widget,
  .auto-search-widget,
  .tour-hero-side {
    display: none !important;
  }

  .tour-hero-grid {
    display: block !important;
    height: auto !important;
    min-height: 680px !important;
    padding-top: 64px !important;
  }

  .tour-hero-main {
    min-height: 680px !important;
  }

  .tour-hero-grid > div[style*="translateX(-50%)"],
  .tour-hero-grid > div[style*="translateX(-50%)"][style*="position:absolute"] {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 12px !important;
    border-radius: 0 !important;
    padding: 18px 16px !important;
    box-shadow: none !important;
  }

  .listing-card,
  .car-card,
  .pkg-card,
  .svc-card,
  .svc-con-card,
  .kpi-card,
  .prog-card,
  .recipe-card,
  .step-card,
  .doc-card,
  .testi-card,
  .team-card,
  .price-card,
  .testimonial-card,
  .benefit-card,
  .course-card,
  .story-card,
  .upcoming-row,
  .treat-card,
  .tip-card,
  .svc-vet,
  .trust-item {
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 18px !important;
  }

  .listing-img,
  .car-img,
  .team-img,
  .dest-img,
  .gram-img,
  .proj-img {
    min-height: 220px !important;
    object-fit: cover !important;
  }

  .gallery-item {
    min-height: 220px !important;
  }

  .cal-day,
  .cal-time,
  .day-btn,
  .cat-tab,
  .pill-btn,
  .type-pill,
  .animal-pill,
  .brand-pill,
  .prop-type-pill,
  .industry-tag,
  .svc-pill,
  .spec-pill,
  .step-btn {
    white-space: normal !important;
    min-height: 40px !important;
  }
}

@media (max-width: 420px) {
  section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  section:first-of-type {
    min-height: 620px !important;
  }

  h1 {
    font-size: clamp(1.9rem, 11vw, 3.05rem) !important;
  }
}