/**
 * PromXAI Theme 2.0.21-test458 — Canonical Contact Phone Viewport Owner
 * Phone full-page Contact only. Loaded after the shared Contact dialog CSS.
 * One owner, one viewport contract, no page scroll and no competing geometry.
 */
@media (max-width:760px) {
  html.px-phone-ui body.promxai-contact-modern-page {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2 {
    width: 100%;
    height: 100svh;
    min-height: 0 !important;
    margin: 0;
    padding: 6px 0 0;
    overflow: hidden !important;
    color: var(--px-mobile-app-text, var(--px-account-text));
    background: transparent;
  }

  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__workspace,
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__canvas {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden !important;
  }

  /* Phone handoff: the desktop workspace grid must collapse with the hidden rail.
     Hiding the rail alone leaves its explicit 216px grid track reserved. */
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__workspace {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    direction: rtl;
  }

  html.px-phone-ui body.promxai-contact-modern-page .px-account-v3__rail { display:none !important; }

  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__canvas {
    width: min(calc(100% - 12px), 620px);
    margin-inline: auto;
    padding: 0 0 calc(90px + env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 6px;
  }

  /* Canonical service hero, stable and non-animated on Contact. */
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head {
    min-height: 0;
    margin: 0;
    display: block;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__hero {
    min-height: 92px;
    padding: 10px 12px;
    grid-template-columns: 52px minmax(0,1fr);
    gap: 9px;
    border-radius: 21px;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__hero::before,
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__hero::after,
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__icon,
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__icon::after {
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__icon {
    width:52px;height:52px;border-radius:16px;
    opacity:1 !important;visibility:visible !important;color:#fff !important;
    background:var(--px-account-gradient,linear-gradient(135deg,#2f80ff,#8054e8 62%,#bb43c7)) !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__icon .px-icon { width:23px;height:23px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__eyebrow { font-size:9px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head .px-service-phone-head__title { margin-top:2px;font-size:clamp(22px,6vw,27px);line-height:1.1; }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head p { margin-top:4px;font-size:10px;line-height:1.4; }

  /* The full page is not the modal dialog. Reset sheet geometry exactly once. */
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__surface,
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__surface .px-phone-contact-dialog__sheet {
    width:100% !important;height:100% !important;min-height:0 !important;max-height:none !important;
    margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
    overflow:hidden !important;transform:none !important;animation:none !important;
    background:transparent !important;box-shadow:none !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__surface .px-phone-contact-dialog__sheet::before,
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__surface .px-phone-contact-dialog__sheet::after,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__head { display:none !important; }

  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__content {
    width:100%;height:100%;min-height:0;
    padding:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:6px;
    overflow:hidden;
  }

  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section {
    width:100%;min-width:0;max-width:100%;min-height:0;
    padding:7px;
    border:1px solid var(--px-mobile-app-line,var(--px-contact-line));
    border-radius:18px;
    overflow:hidden;
    background:var(--px-mobile-app-surface-solid,var(--px-contact-card));
    box-shadow:var(--px-account-shadow-soft,0 10px 24px rgb(48 68 108 / .07));
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section-title { margin:0 2px 4px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section-title strong { font-size:10px;line-height:1.15;color:var(--px-mobile-app-text,var(--px-contact-text)); }

  /* Direct: stable 2-up strip. */
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct {
    position:relative;min-width:0;min-height:50px;padding:5px 6px;
    display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;align-items:center;
    border-radius:13px;overflow:hidden;animation:none !important;transition:none !important;transform:none !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct-icon { width:30px;height:30px;border-radius:9px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct strong { font-size:8.7px;line-height:1.15; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct small { margin-top:1px;font-size:6.5px;line-height:1.2; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct > :is(b,i) { position:absolute;top:3px;inset-inline-start:3px;transform:none; }

  /* Socials consume the flexible middle lane and stay a true 3x3 grid. */
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section.is-social {
    display:grid;grid-template-rows:auto minmax(0,1fr);
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-grid {
    width:100%;height:100%;min-height:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social {
    width:100%;height:100%;min-width:0;min-height:0 !important;padding:3px 2px;
    display:grid;place-items:center;align-content:center;gap:1px !important;
    border-radius:13px;overflow:hidden;animation:none !important;transition:none !important;transform:none !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-mark { min-height:0;display:grid;place-items:center; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-icon { width:42px !important;height:42px !important;flex-basis:42px !important;border-radius:10px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-icon .px-contact-brand-icon { width:29px !important;height:29px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social strong { max-width:100%;font-size:7.2px;line-height:1.02; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-status { top:2px;left:2px;min-height:11px;padding-inline:3px;font-size:5.8px; }

  /* Services: one stable 3-up row, no alternate last-child geometry. */
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section.is-services { padding:7px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__services {
    width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px;align-items:stretch;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service:first-child,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service:last-child,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-design_whatsapp,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-mostaql,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-khamsat {
    grid-column:auto !important;justify-self:stretch !important;width:100% !important;max-width:none !important;
    min-width:0;min-height:55px;padding:5px 3px 4px;
    display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    border-radius:13px;overflow:hidden;text-align:center !important;
    animation:none !important;transition:none !important;transform:none !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service > span:nth-child(2) { width:100%;min-width:0;display:grid;justify-items:center;gap:0; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service-icon,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-design_whatsapp .px-phone-contact-dialog__service-icon,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-mostaql .px-phone-contact-dialog__service-icon,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-khamsat .px-phone-contact-dialog__service-icon {
    width:35px !important;height:35px !important;min-width:35px !important;min-height:35px !important;border-radius:10px !important;display:grid !important;place-items:center !important;
  }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-mostaql .px-phone-contact-dialog__service-icon,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service.is-khamsat .px-phone-contact-dialog__service-icon { width:43px !important;min-width:43px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-wordmark--mostaql,
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-wordmark--khamsat { width:auto !important;max-width:38px !important;max-height:15px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service strong { max-width:100%;font-size:7.8px;line-height:1.04;white-space:normal; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service small { display:none; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service > :is(b,i) { top:2px;inset-inline-start:2px;transform:none; }

  /* Contact itself never scrolls; the dock is the fixed terminal row. */
  html.px-phone-ui body.promxai-contact-modern-page .px-mobile-app-dock { transform:none !important;transition:none !important; }
}

/* Short-height phones: preserve the same geometry, only tighten type/marks. */
@media (max-width:760px) and (max-height:700px) {
  html.px-phone-ui body.promxai-contact-modern-page .px-contact-v2__canvas { gap:4px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__hero { min-height:82px;padding:8px 10px;grid-template-columns:46px minmax(0,1fr); }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head__icon { width:46px;height:46px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head .px-service-phone-head__title { font-size:21px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-service-phone-head p { font-size:9px;line-height:1.3; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__content { gap:4px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section { padding:5px;border-radius:15px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__section-title { margin-bottom:3px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__direct { min-height:44px; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-icon { width:36px !important;height:36px !important;flex-basis:36px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__social-icon .px-contact-brand-icon { width:25px !important;height:25px !important; }
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service:first-child,
  html.px-phone-ui body.promxai-contact-modern-page .px-phone-contact-dialog__service:last-child { min-height:48px; }
}