/* PCDoktor Mannheim — dedicated phone page layouts v3
   This file is intentionally loaded after app.css and mobile-app.css.
   It owns page-level composition on iPhone/Android; desktop is unaffected. */

@media (max-width: 900px) {
  html[data-phone-ui="1"] {
    --phone-page-x: 14px;
    --phone-section-y: 24px;
    --phone-card-r: 18px;
    --phone-control-r: 13px;
  }

  html[data-phone-ui="1"] body {
    padding-bottom: 0 !important;
  }

  html[data-phone-ui="1"] main,
  html[data-phone-ui="1"] section,
  html[data-phone-ui="1"] article,
  html[data-phone-ui="1"] aside,
  html[data-phone-ui="1"] form,
  html[data-phone-ui="1"] nav,
  html[data-phone-ui="1"] div {
    min-width: 0;
  }

  html[data-phone-ui="1"] :where(h1,h2,h3,p,strong,small,span,a,dd,dt,label) {
    overflow-wrap: anywhere;
  }

  /* Never reserve fake desktop-sized sections on phones. This was the source
     of the large blank gap visible between FAQ and the CTA on iOS. */
  html[data-phone-ui="1"][data-site-zone="public"] .glass-section,
  html[data-phone-ui="1"][data-site-zone="public"] .premium-section {
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: auto !important;
  }

  /* The old Glass design had its own 3-button quick bar. The new phone dock
     replaces it, so displaying both creates the double navigation seen in the screenshot. */
  html[data-phone-ui="1"][data-site-zone="public"] .glass-mobile-actions,
  html[data-phone-ui="1"][data-site-zone="public"] .premium-mobile-actions {
    display: none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-site {
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-site > section {
    width: 100%;
    margin: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-site .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: var(--phone-page-x) !important;
  }


  /* Extra alignment safety for iPhone/Android public pages. */
  html[data-phone-ui="1"][data-site-zone="public"] body,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-site,
  html[data-phone-ui="1"][data-site-zone="public"] .page-main,
  html[data-phone-ui="1"][data-site-zone="public"] .premium-site {
    width:100% !important;
    max-width:100% !important;
    margin-inline:auto !important;
    overflow-x:clip !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-site .container,
  html[data-phone-ui="1"][data-site-zone="public"] .page-main > .container,
  html[data-phone-ui="1"][data-site-zone="public"] .page-main > section.container {
    margin-inline:auto !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-hero-grid {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    align-items:start !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-hero-visual {
    width:100% !important;
    max-width:420px !important;
    margin:0 auto !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-device-window {
    width:100% !important;
    margin:0 auto !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-float-status,
  html[data-phone-ui="1"][data-route="/"] .glass-float-response {
    max-width:min(70vw, 240px) !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-card,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-card {
    margin-inline:auto !important;
  }



  /* ---------- Home hero service visual: true phone composition ---------- */
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-hero-visual {
    position: relative !important;
    width: 100% !important;
    max-width: 430px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-device-window {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-device-window::after,
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-window-top,
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-float-response,
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-float-status,
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-float-ready {
    display: none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-window-content {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 19px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main .glass-system-icon {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    font-size: 22px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main strong {
    margin: 3px 0 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main small,
  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main em {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-main > i:last-child {
    margin-left: auto !important;
    font-size: 20px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid .glass-system-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 66px !important;
    padding: 12px 14px !important;
    border-radius: 17px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid .glass-system-card > i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 17px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid .glass-system-card span {
    min-width: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid .glass-system-card small {
    margin-bottom: 2px !important;
    font-size: 9px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-route="/"] .glass-system-grid .glass-system-card strong {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-route="/"] .glass-system-card {
    background: rgba(255,255,255,.94) !important;
    border-color: rgba(34,89,139,.14) !important;
    box-shadow: 0 10px 24px rgba(31,62,91,.07) !important;
  }

  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-route="/"] .glass-system-card strong {
    color: #16324b !important;
  }

  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-route="/"] .glass-system-card small,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-route="/"] .glass-system-card em {
    color: #647a8e !important;
  }

  /* ---------- Shared Glass phone page skeleton ---------- */
  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-page-hero {
    padding: 22px 0 20px !important;
    background: linear-gradient(180deg, #081827 0%, #06101a 100%) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-page-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] :is(.glass-hero h1,.glass-page-hero h1) {
    margin: 13px 0 10px !important;
    max-width: none !important;
    font-size: clamp(34px, 10.5vw, 44px) !important;
    line-height: .99 !important;
    letter-spacing: -.06em !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] :is(.glass-hero-copy>p,.glass-page-hero p) {
    max-width: none !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-eyebrow,
  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section-label {
    min-height: 30px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: .09em !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section {
    padding: var(--phone-section-y) 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section + .glass-section {
    margin-top: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section-soft {
    border-block: 1px solid var(--phone-line) !important;
    background: #081521 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section-heading {
    display: grid !important;
    gap: 9px !important;
    margin: 0 0 14px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] :is(.glass-section-heading h2,.glass-process-layout h2,.glass-faq-layout h2,.glass-local-layout h2) {
    margin-top: 7px !important;
    font-size: 27px !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section-heading > a {
    width: max-content;
    max-width: 100%;
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid var(--phone-line);
    border-radius: 12px;
    background: var(--phone-surface);
    font-size: 11px;
  }

  html[data-phone-ui="1"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-section-heading > p {
    max-width: none !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* ---------- Home ---------- */
  html[data-phone-ui="1"][data-route="/"] .glass-hero {
    min-height: 0 !important;
    padding: 20px 0 18px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-hero-copy {
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-actions {
    width: 100%;
    margin-top: 16px !important;
    grid-template-columns: 1fr 1fr !important;
  }


  /* Home trust row: all three benefits stay centered and visible; no horizontal swipe. */
  html[data-phone-ui="1"][data-route="/"] .glass-trust-row {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-trust-row span {
    display:flex !important;
    flex:initial !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:8px 4px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    border:1px solid var(--phone-line) !important;
    border-radius:14px !important;
    background:var(--phone-surface) !important;
    color:var(--phone-muted) !important;
    font-size:clamp(7.5px,2.2vw,9px) !important;
    line-height:1.18 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-trust-row i {
    flex:0 0 auto !important;
    margin:0 !important;
    color:var(--phone-blue) !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-service-overview,
  html[data-phone-ui="1"][data-route="/"] .glass-review-grid,
  html[data-phone-ui="1"][data-route="/"] .glass-process-layout,
  html[data-phone-ui="1"][data-route="/"] .glass-faq-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-service-card {
    min-height: 0 !important;
    padding: 15px !important;
    border-radius: var(--phone-card-r) !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-service-card > i {
    width: 40px !important;
    height: 40px !important;
    font-size: 19px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-process-list {
    gap: 9px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-process-list article {
    grid-template-columns: 28px 38px minmax(0,1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-review-grid article {
    min-height: 0 !important;
    padding: 15px !important;
    border-radius: 17px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-faq-layout {
    gap: 14px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-faq-list {
    gap: 8px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-faq-list details {
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-faq-list summary {
    min-height: 56px !important;
    align-items: center !important;
    padding: 14px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-faq-list p {
    padding: 0 14px 14px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-section {
    padding: 18px 0 22px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin: 0 var(--phone-page-x) !important;
    padding: 20px 18px !important;
    border-radius: 22px !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-card h2 {
    margin: 8px 0 7px !important;
    font-size: 29px !important;
    line-height: 1.02 !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-card p {
    font-size: 13px !important;
    line-height: 1.48 !important;
  }

  html[data-phone-ui="1"][data-route="/"] .glass-final-card .glass-actions {
    margin: 0 !important;
    grid-template-columns: 1fr !important;
  }

  /* ---------- Services ---------- */
  html[data-phone-ui="1"][data-route="/leistungen"] .glass-services-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-detail {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: var(--phone-card-r) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-detail h2 {
    margin: 12px 0 7px !important;
    font-size: 21px !important;
    line-height: 1.08 !important;
  }

  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-detail p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-benefits {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-benefits span {
    min-width: 0 !important;
    padding: 8px !important;
    border-radius: 11px !important;
    font-size: 9px !important;
  }

  /* ---------- Pricing ---------- */
  html[data-phone-ui="1"][data-route="/preise"] .glass-price-list {
    display: grid !important;
    gap: 9px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 42px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 13px !important;
    border-radius: 17px !important;
    box-shadow: none !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-index {
    display: none !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row > i {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 19px !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row > div {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row h2 {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row p {
    margin-top: 4px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row > strong {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    font-size: 13px !important;
  }

  html[data-phone-ui="1"][data-route="/preise"] .glass-price-row > a {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    width: 42px !important;
    height: 42px !important;
    align-self: center !important;
  }

  /* ---------- Booking + Contact forms ---------- */
  html[data-phone-ui="1"][data-route="/termin"] .glass-form-layout,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-card,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-card,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-card,
  html[data-phone-ui="1"][data-route="/termin"] .glass-form-sidebar > article {
    width: 100% !important;
    min-width: 0 !important;
    padding: 16px !important;
    border-radius: var(--phone-card-r) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-heading h2,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-heading h2 {
    font-size: 25px !important;
    line-height: 1.05 !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-card .form-grid,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-card .form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-card :is(input,select,textarea),
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-card :is(input,select,textarea) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 11px 12px !important;
    border-radius: var(--phone-control-r) !important;
    font-size: 16px !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-card textarea,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-form-card textarea {
    min-height: 132px !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-upload {
    min-height: 112px !important;
    padding: 14px !important;
    border-radius: 15px !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-submit,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-submit {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 15px !important;
    border-radius: 15px !important;
  }

  html[data-phone-ui="1"][data-route="/termin"] .glass-form-sidebar {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-quick {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-quick a {
    min-width: 0 !important;
    padding: 11px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-quick a > i {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-quick strong {
    font-size: 11px !important;
  }

  /* ---------- Local service SEO pages ---------- */
  html[data-phone-ui="1"][data-route$="-mannheim"] .glass-local-icon {
    display: none !important;
  }

  html[data-phone-ui="1"] .glass-local-layout,
  html[data-phone-ui="1"] .glass-value-grid,
  html[data-phone-ui="1"] .glass-value-grid-three {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"] .glass-bullet-list {
    gap: 8px !important;
  }

  html[data-phone-ui="1"] .glass-bullet-list article {
    grid-template-columns: 28px 28px minmax(0,1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-phone-ui="1"] .glass-local-aside {
    position: static !important;
    padding: 16px !important;
    border: 1px solid var(--phone-line) !important;
    border-radius: var(--phone-card-r) !important;
    background: var(--phone-surface) !important;
  }

  html[data-phone-ui="1"] .glass-value-grid article {
    padding: 15px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* ---------- Final CTA on every Glass page ---------- */
  html[data-phone-ui="1"][data-site-zone="public"] .glass-final-section {
    padding: 18px 0 22px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-final-card {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 var(--phone-page-x) !important;
    padding: 19px 17px !important;
    border-radius: 22px !important;
    gap: 14px !important;
    box-shadow: none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-final-card h2 {
    margin: 7px 0 6px !important;
    font-size: 27px !important;
    line-height: 1.03 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-final-card p {
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-final-card > .glass-btn {
    width: 100% !important;
  }

  /* ---------- Dedicated Glass footer ---------- */
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer {
    width:100% !important;
    margin:0 !important;
    padding:20px 0 calc(var(--phone-dock-h) + var(--phone-safe-bottom) + 40px) !important;
    background:#050e17 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-card {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:auto !important;
    margin:0 var(--phone-page-x) !important;
    padding:14px !important;
    border-radius:22px !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-intro {
    grid-column:1 / -1 !important;
    padding:2px 2px 14px !important;
    border-bottom:1px solid var(--phone-line) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-brand {
    gap:10px !important;
    font-size:17px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-intro p {
    max-width:none !important;
    margin:10px 0 0 !important;
    font-size:12px !important;
    line-height:1.55 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-nav {
    display:grid !important;
    align-content:start !important;
    gap:4px !important;
    min-width:0 !important;
    padding:13px !important;
    border:1px solid var(--phone-line) !important;
    border-radius:15px !important;
    background:rgba(12,31,47,.68) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-nav strong,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact > strong {
    margin:0 0 5px !important;
    font-size:12px !important;
    letter-spacing:.01em !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-nav a,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-nav button {
    display:flex !important;
    align-items:center !important;
    min-height:31px !important;
    width:100% !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact {
    grid-column:1 / -1 !important;
    display:grid !important;
    gap:4px !important;
    min-width:0 !important;
    padding:13px !important;
    border:1px solid var(--phone-line) !important;
    border-radius:15px !important;
    background:rgba(12,31,47,.68) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact a {
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) !important;
    align-items:center !important;
    gap:7px !important;
    min-height:34px !important;
    min-width:0 !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    overflow-wrap:anywhere !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact a i {
    display:grid !important;
    place-items:center !important;
    width:22px !important;
    height:22px !important;
    color:var(--phone-blue) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-bottom {
    display:grid !important;
    justify-items:center !important;
    gap:3px !important;
    padding:14px var(--phone-page-x) 0 !important;
    font-size:9px !important;
    line-height:1.4 !important;
    text-align:center !important;
  }

  /* ---------- Generic public/auth/legal/state pages ---------- */
  html[data-phone-ui="1"][data-site-zone="public"] .page-main:not(.glass-site) {
    width: 100% !important;
    margin: 0 !important;
    padding: calc(var(--phone-header-h) + var(--phone-safe-top) + 16px) 0 20px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .page-main:not(.glass-site) > .container,
  html[data-phone-ui="1"][data-site-zone="public"] .page-main:not(.glass-site) > section.container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: var(--phone-page-x) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .page-title {
    margin-bottom: 13px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .page-title h1,
  html[data-phone-ui="1"][data-site-zone="public"] .auth-copy h1 {
    margin: 8px 0 !important;
    font-size: 31px !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .legal-content,
  html[data-phone-ui="1"][data-site-zone="public"] .customer-data-public-form,
  html[data-phone-ui="1"][data-site-zone="public"] .approval-card,
  html[data-phone-ui="1"][data-site-zone="public"] .thanks-card,
  html[data-phone-ui="1"][data-site-zone="public"] .center-panel {
    width: 100% !important;
    max-width: none !important;
    padding: 15px !important;
    border-radius: var(--phone-card-r) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .legal-content h2 {
    margin-top: 24px !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .legal-content p,
  html[data-phone-ui="1"][data-site-zone="public"] .legal-content li {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .privacy-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .privacy-table {
    min-width: 560px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .auth-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .auth-copy {
    padding: 0 !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .auth-grid .panel,
  html[data-phone-ui="1"][data-site-zone="public"] .reset-form {
    padding: 15px !important;
    border-radius: var(--phone-card-r) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .customer-data-public-form .subsection {
    padding: 13px !important;
    border-radius: 15px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .customer-data-public-form .choice-card {
    min-height: 66px !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .detail-list > div {
    grid-template-columns: 1fr !important;
  }

  /* ---------- Customer portal + Admin safety net ---------- */
  html[data-phone-ui="1"][data-site-zone="customer"] .dash-main,
  html[data-phone-ui="1"][data-site-zone="admin"] .dash-main {
    max-width: 100vw !important;
  }

  html[data-phone-ui="1"][data-site-zone="customer"] :is(.panel,.request-card,.device-card,.document-card,.payment-card),
  html[data-phone-ui="1"][data-site-zone="admin"] :is(.panel,.appointment-list-card,.task-card,.request-summary-card) {
    max-width: 100% !important;
  }

  html[data-phone-ui="1"] :is(.table-wrap,.kanban-board,.command-quick-actions,.dash-top-actions,.row-actions) {
    -webkit-overflow-scrolling: touch;
  }

  html[data-phone-ui="1"] pre,
  html[data-phone-ui="1"] code {
    max-width: 100%;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }


  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] body,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-site {
    background:linear-gradient(180deg,#f4f9fd 0%,#edf5fb 55%,#e9f1f8 100%)!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-hero,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"][data-site-style="pcdoktor-glass"] .glass-page-hero {
    background:linear-gradient(180deg,#f6fbff,#eef5fb)!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] :is(.glass-section-heading h2,.glass-process-layout h2,.glass-faq-layout h2,.glass-local-layout h2,.glass-final-card h2,.glass-form-heading h2,.page-title h1,.auth-copy h1){
    color:#10283d!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] :is(.glass-section-heading > p,.glass-process-intro p,.glass-hero-copy>p,.glass-page-hero p,.glass-final-card p,.glass-service-card p,.glass-price-row p,.legal-content p,.legal-content li,.auth-copy p){
    color:#5d7286!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] :is(.glass-service-card,.glass-process-list article,.glass-review-grid article,.glass-faq-list details,.glass-form-card,.glass-form-sidebar > article,.glass-contact-card,.glass-price-row,.glass-local-aside,.glass-value-grid article,.glass-bullet-list article,.legal-content,.customer-data-public-form,.approval-card,.thanks-card,.center-panel){
    background:rgba(255,255,255,.92)!important;
    border-color:rgba(34,89,139,.14)!important;
    box-shadow:0 12px 30px rgba(31,62,91,.08)!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-faq-list summary,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-service-card h3,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-price-row h2,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-process-list h3,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-review-grid strong,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .legal-content h2 {
    color:#16324b!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-faq-list p,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-review-grid p {
    color:#5d7286!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-section-soft {
    background:transparent!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer {
    background:transparent!important;
    padding-bottom:calc(var(--phone-dock-h) + var(--phone-safe-bottom) + 38px)!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-card {
    background:rgba(255,255,255,.92)!important;
    border-color:rgba(34,89,139,.14)!important;
    box-shadow:0 12px 28px rgba(31,62,91,.08)!important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-nav,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-contact {
    background:#f5f9fc !important;
    border-color:rgba(34,89,139,.12) !important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-nav strong,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-contact > strong,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-brand {
    color:#16324b !important;
  }
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-nav a,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-nav button,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-contact a,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-intro p,
  html[data-phone-ui="1"][data-theme="light"][data-site-zone="public"] .glass-footer-bottom {
    color:#5d7286 !important;
  }

  /* iOS Safari: avoid clipped rounded cards / dynamic toolbar jumps. */
  html[data-phone-ui="1"][data-mobile-os="ios"] .glass-final-card,
  html[data-phone-ui="1"][data-mobile-os="ios"] .glass-form-card,
  html[data-phone-ui="1"][data-mobile-os="ios"] .panel {
    -webkit-transform: translateZ(0);
  }
}

@media (max-width: 520px) {
  html[data-phone-ui="1"][data-route="/"] .glass-actions,
  html[data-phone-ui="1"][data-route="/kontakt"] .glass-contact-quick,
  html[data-phone-ui="1"][data-route="/leistungen"] .glass-service-benefits {
    grid-template-columns: 1fr !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-card {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-intro,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact {
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 330px) {
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-card {
    grid-template-columns:1fr !important;
  }
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-intro,
  html[data-phone-ui="1"][data-site-zone="public"] .glass-footer-contact {
    grid-column:1 !important;
  }
}