/* ALPHA CARVIONEX — responsive refinement, 29 October 2026.
   Applies ONLY to tablets and phones. Desktop (>1100px) is unchanged. */
@media (max-width:1100px) {
  *, *::before, *::after {box-sizing:border-box}
  .container,
  .mp-container {max-width:100%}
  .site-header, .page-top .site-header {max-width:calc(100% - 24px)}
  .site-header .alpha-brand:not(.footer-alpha) {min-width:0!important}
  .site-header .alpha-brand .official-brand-logo {object-fit:contain;object-position:left center}
  #menuToggle {
    min-width:44px!important;min-height:44px!important;
    width:44px!important;height:44px!important;
    display:flex;align-items:center;justify-content:center;
    flex:0 0 44px;cursor:pointer;
  }
  .site-header .nav.is-open, .page-top .nav.is-open {
    max-height:calc(100dvh - 112px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .site-header .nav.is-open a, .site-header .nav.is-open button,
  .page-top .nav.is-open a, .page-top .nav.is-open button {min-height:42px}
  /* Tablet cards need enough width for the service name and two CTAs. */
  .services-home-layout .service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .services-home-layout .service-grid .service-image {
    height:clamp(205px,27vw,270px)!important;
  }
  .services-home-layout .service-grid .service-details {
    min-width:0;padding:19px!important;
  }
  .services-home-layout .service-grid .service-details h3 {
    font-size:clamp(21px,2.5vw,28px)!important;
    overflow-wrap:break-word;
  }
  .services-home-layout .service-grid .service-glass-button {
    min-height:45px;max-width:100%;gap:10px;
  }
  .services-home-layout .split-top-grid {
    flex-wrap:wrap;align-items:flex-end;gap:17px;
  }
  .services-home-layout .split-top-grid > * {min-width:0}
  .mp-detail-grid, .mp-contact-form, .contact-layout, .about-grid,
  .footer-grid, .mp-form-grid, .form-grid {
    min-width:0;
  }
  .mp-detail-photo, .mp-detail-copy, .mp-contact-form,
  .detail-lookbook__card, .service-card, .service-details {
    min-width:0;
  }
  .mp-detail-photo img, .detail-lookbook__card img,
  .service-card .service-image img {
    display:block;width:100%;max-width:100%;
  }
  .alpha-work-gallery-filter {max-width:100%;flex-wrap:wrap}
  .alpha-work-gallery-filter button {min-height:42px}
  .footer .footer-alpha img {max-width:100%}
}
@media (max-width:760px) {
  .site-header, .page-top .site-header {gap:7px}
  .site-header .nav.is-open, .page-top .nav.is-open {
    max-height:calc(100dvh - 98px);
  }
  .services-home-layout .service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:15px!important;
  }
  .services-home-layout .service-grid .service-image {
    height:clamp(185px,32vw,240px)!important;
  }
  .services-home-layout .service-grid .service-details {
    padding:16px!important;
  }
  .services-home-layout .service-grid .service-details h3 {
    font-size:clamp(19px,3.25vw,24px)!important;
  }
  .services-home-layout .split-top-grid {
    display:flex;flex-direction:column;align-items:stretch;
    gap:14px;
  }
  .services-home-layout .split-link {
    align-self:flex-start;min-height:45px;max-width:100%;
    white-space:normal;text-wrap:balance;
  }
  .service-details .card-bottom, .service-details .home-more-detail {
    min-width:0;
  }
  .mp-detail-grid {gap:22px}
  .alpha-work-modal {
    padding:50px 14px 25px;
    max-width:100vw;
  }
  .alpha-work-modal img {max-width:calc(100vw - 28px);max-height:72dvh}
  .alpha-work-modal-close {top:12px;right:12px;min-width:44px;min-height:44px}
  .alpha-location-map {height:260px}
  .alpha-location-actions a {min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
  .alpha-service-quote-dialog {max-height:calc(100dvh - 18px)}
  .alpha-quote-close {min-width:44px;min-height:44px}
}
@media (max-width:540px) {
  .site-header, .page-top .site-header {padding-left:13px!important;padding-right:13px!important}
  .site-header .alpha-brand:not(.footer-alpha) {
    min-width:0;max-width:calc(100% - 62px)!important;
  }
  .site-header .alpha-brand .official-brand-logo {
    max-width:100%!important;
    max-height:58px!important;
    height:auto;
    object-fit:contain!important;
  }
  .services-home-layout .service-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px!important;
  }
  .services-home-layout .service-grid .service-image {
    height:clamp(230px,66vw,295px)!important;
  }
  .services-home-layout .service-grid .service-details {
    padding:18px!important;
  }
  .services-home-layout .service-grid .service-details h3 {
    font-size:clamp(22px,5.7vw,27px)!important;
  }
  .services-home-layout .service-grid .service-glass-button {
    min-height:46px!important;
  }
  .services-home-layout .services-section {
    padding-top:40px!important;padding-bottom:42px!important;
  }
  .services-home-layout .split-top-grid .section-title,
  .services-section .section-title,
  .contact-left .section-title {
    font-size:clamp(29px,8vw,42px)!important;
    line-height:1.12!important;
    overflow-wrap:break-word;
  }
  .hero-actions a.btn {min-height:44px}
  .brief-controls, .brief-controls-whatsapp {
    min-width:0;max-width:100%;
  }
  .brief-controls :is(select,input,textarea),
  .quote-form :is(select,input,textarea),
  .mp-contact-form :is(select,input,textarea) {
    max-width:100%;min-width:0;font-size:16px;
  }
  .mp-form-grid, .form-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .mp-contact-form, .quote-form {
    max-width:100%;padding:clamp(17px,5vw,26px)!important;
  }
  #pageEnquiryForm button[type="submit"],
  .mp-contact-form button[type="submit"],
  #enquiryForm button[type="submit"],
  #quickBrief button[type="submit"] {
    min-height:48px!important;
    max-width:100%;
    width:100%!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    flex-wrap:wrap;
  }
  .alpha-location-actions {display:flex;align-items:flex-start}
  .alpha-location-map {height:235px}
  .alpha-work-gallery {padding-top:40px;padding-bottom:43px}
  .alpha-work-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .alpha-work-tile {height:clamp(140px,44vw,205px)}
  .alpha-work-gallery-filter {gap:7px}
  .alpha-work-gallery-filter button {font-size:12px;padding:9px 12px}
  .footer-grid {gap:26px}
  .footer :is(a,span,p) {overflow-wrap:break-word}
  .alpha-service-quote-dialog {
    max-height:calc(100dvh - 14px);
    overscroll-behavior:contain;
  }
  .alpha-quote-popup-form {min-width:0}
  .floating-whatsapp {width:52px!important;height:52px!important}
  .floating-whatsapp img {width:27px!important;height:27px!important}
  .floating-call {
    width:52px!important;height:52px!important;
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
  }
  .floating-call svg {width:25px!important;height:25px!important}
}
@media (max-width:380px) {
  .site-header .alpha-brand:not(.footer-alpha) {max-width:calc(100% - 62px)!important}
  .site-header .alpha-brand .official-brand-logo {max-height:53px!important}
  .services-home-layout .service-grid .service-image {height:235px!important}
  .alpha-quote-dialog-head {padding:16px 14px 12px}
  .alpha-quote-popup-form {padding:14px!important;gap:10px}
  .alpha-quote-popup-form input, .alpha-quote-popup-form select,
  .alpha-quote-popup-form textarea {font-size:16px}
  .alpha-quote-actions button {min-height:46px}
  .alpha-work-grid {gap:8px}
}
@media (max-width:1100px) and (orientation:landscape) and (max-height:500px) {
  .site-header .nav.is-open {max-height:calc(100dvh - 92px)}
  .alpha-service-quote-dialog {
    max-height:calc(100dvh - 10px);
    overflow-y:auto;
  }
}
/* The contact-page enquiry CTA follows the previously requested brown/white palette. */
#pageEnquiryForm button[type="submit"] {
  background:#4b2b1c!important;
  border-color:#4b2b1c!important;
  color:#fff!important;
}
#pageEnquiryForm button[type="submit"]:hover {background:#633d2b!important}
#pageEnquiryForm button[type="submit"] img {filter:brightness(0) invert(1)!important}