/* ALPHA CARVIONEX — targeted phone refinements from iPhone screenshots, 29 Oct 2026.
   Hero background, logo artwork, tablet and desktop layouts remain unchanged. */
@media (max-width:540px) {
  /* Give the transparent logo visual breathing room above and below. */
  .hero-shell .site-header,
  .site-header,
  .page-top .site-header {
    box-sizing:border-box!important;
    min-height:76px!important;
    height:auto!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    align-items:center!important;
  }
  .site-header .brand.alpha-brand,
  .page-top .site-header .brand.alpha-brand {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    height:auto!important;
  }
  .site-header .brand.alpha-brand .official-brand-logo,
  .page-top .site-header .brand.alpha-brand .official-brand-logo {
    display:block!important;
    height:auto!important;
    max-height:57px!important;
    width:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  /* Lift the headline, description and actions as a cohesive block.
     Keep their relative spacing and all original buttons. */
  .hero-shell .hero-content,
  .hero-shell .hero-actions {
    transform:translateY(-27px)!important;
  }
  /* The bottom label is horizontally centered using translateX(-50%) in
     the original theme. Preserve that positioning while moving it upward. */
  .hero-shell .hero-bottom {
    transform:translate(-50%,-27px)!important;
  }
  /* Center the About copy, heading, value points and link on phones. */
  .about-section .about-text,
  .about-section .about-text .eyebrow,
  .about-section .about-text .section-title,
  .about-section .about-text p.description,
  .about-section .about-highlights,
  .about-section .about-highlights > div,
  .about-section .about-highlights h3,
  .about-section .about-highlights p {
    text-align:center!important;
  }
  .about-section .about-text p.description {
    max-width:54ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .about-section .about-text > a,
  .about-section .about-text > .btn {
    margin-inline:auto!important;
  }
  .about-section .about-text .section-title {
    text-wrap:balance;
    /* Keep the original heading font size; only change alignment and spacing. */
    line-height:1.12!important;
    margin-top:8px!important;
    margin-bottom:0!important;
  }
  .about-section .about-highlights {
    padding-top:14px!important;
    margin-bottom:15px!important;
  }
  .about-section .about-highlights > div {
    margin-top:0!important;
    margin-bottom:12px!important;
  }
  .about-section .about-highlights h3 {
    margin:0 0 5px!important;
    line-height:1.28!important;
  }
  .about-section .about-highlights p {
    margin:0!important;
    line-height:1.48!important;
  }
  /* Compact all mobile service cards: no oversized image/copy/button gaps. */
  .service-grid .service-card {
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    align-self:start!important;
  }
  .service-grid .service-card .service-details {
    min-height:0!important;
    height:auto!important;
    flex:0 0 auto!important;
    padding:15px 17px 17px!important;
  }
  .service-grid .service-card .service-details h3 {
    margin:0 0 7px!important;
    font-size:clamp(21px,5.7vw,26px)!important;
    line-height:1.17!important;
  }
  .service-grid .service-card .service-details p {
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 11px!important;
    line-height:1.5!important;
  }
  .service-grid .service-card .home-more-detail,
  .service-grid .service-card .service-glass-button,
  .service-grid .service-card .card-bottom a.more {
    min-height:44px!important;
  }
  .service-grid .service-card .card-bottom {
    margin:8px 0 0!important;
    padding:0!important;
  }
  .services-section .split-section-top,
  .wood-flooring-section .split-section-top {
    margin-bottom:13px!important;
  }
  .services-section .service-grid,
  .wood-flooring-section .service-grid {
    row-gap:11px!important;
  }
  .services-home-layout .services-section {
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
  .services-section .split-top-grid {
    gap:12px!important;
  }
}
@media (max-width:380px) {
  .site-header .brand.alpha-brand .official-brand-logo {
    max-height:52px!important;
  }
  .hero-shell .hero-content,
  .hero-shell .hero-actions {
    transform:translateY(-19px)!important;
  }
  .hero-shell .hero-bottom {
    transform:translate(-50%,-19px)!important;
  }
  .service-grid .service-card .service-details {
    padding:14px 15px 16px!important;
  }
}