/* RON GROUP Spaces & Solutions: B6 mobile-only enhancement on current A28.
   No global tokens, no Header/Footer/CMS/form/GA4 overrides. Only activated after
   A28 DOM fingerprint passes in ron-spaces-mobile-b6.js. */
#a2-root .ron-b6-featured,
#a2-root .ron-b6-brief,
#a2-root .ron-b6-gate,
#a2-root .ron-b6-cap-button,
#a2-root .ron-b6-teasers,
#a2-root .ron-b6-context {display:none}

@media (max-width:767px) {
  #a2-root[data-ron-b6-mobile="ready"] #a2-main {
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > * {
    flex:0 0 auto;
    min-width:0;
    width:100%;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > .a2-hero-wrap {order:1}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #ron-b6-featured {order:2;display:block}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > .a2-bridge {order:3}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #ron-b6-brief {order:4;display:block}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #a14-why-ron {order:5}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #ron-b6-gate {order:6;display:block}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #a2-catalog {order:7;display:none}
  #a2-root[data-ron-b6-mobile="ready"][data-ron-b6-expanded="true"] #a2-main > #a2-catalog {display:block}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #a6-film-spotlight {order:8}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > #a14-workflow {order:9}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > .a2-close-cta {order:10}
  #a2-root[data-ron-b6-mobile="ready"] #a2-main > .a2-next {order:11}

  /* Original A28 hero, adapted in-place; hero image and both native CTAs retained. */
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-wrap {padding-bottom:0}
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-wrap :is(.a2-breadcrumb,.a2-hero-stamp,.a2-hero-ticker,.a14-hero-pillars,.a14-hero-consult-bar,.a2-scroll-cue) {display:none!important}
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-copy:before,
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-copy>.a2-eyebrow {display:none!important}
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-copy {
    padding:24px 0 17px;
    gap:0;
    min-height:0;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero {
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero h1 {
    margin:11px 0 12px;
    font-size:clamp(31px,8.6vw,41px);
    line-height:1.06;
    letter-spacing:-.045em;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a14-hero-badge {margin:0 0 10px;font-size:8px}
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-copy>.a14-hero-lead {
    display:block;
    font-size:12px;
    line-height:1.6;
    max-width:350px;
    color:#ccd2c9;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-actions {
    display:grid;
    width:100%;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:18px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-actions > * {
    display:flex;
    width:100%;
    min-height:44px;
    padding:10px 9px;
    font-size:10px;
    line-height:1.3;
    text-align:left;
    justify-content:space-between;
    gap:5px;
    white-space:normal;
    border:1px solid #918875;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-photo {
    min-height:0;
    height:auto;
    aspect-ratio:1.24;
    margin-top:5px;
    overflow:hidden;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-photo>img {width:100%;height:100%;object-fit:cover}
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-caption {
    left:14px;right:14px;bottom:11px;gap:5px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-caption strong {
    font-size:12px;max-width:265px;line-height:1.35;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero-caption small {display:none}

  /* Featured cards preserve all native data-open, data-save, data-card-enquiry. */
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured {
    padding:39px 0 35px;
    background:#f2eee7;
    border-top:1px solid #d9d3c7;
    color:#1d2721;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-eyebrow,
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-index {
    display:block;
    color:#94764b;
    font-size:9px;
    letter-spacing:.13em;
    font-weight:700;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-feature-heading h2 {
    font-size:clamp(29px,7.8vw,38px);
    line-height:1.14;
    letter-spacing:-.045em;
    font-weight:500;
    margin:9px 0 10px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-feature-heading em {font-style:normal;color:#a88653}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-feature-heading p {
    color:#5d6a60;font-size:12px;line-height:1.7;margin-bottom:22px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-feature-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured-card {
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    border:0;
    min-width:0;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured-card .a2-card-visual {aspect-ratio:1.5}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured-card .a2-card-links {display:none}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured-card .a14-card-b2b {margin-top:9px}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured-card .a2-card-meta {margin-top:9px}

  /* Four source-backed categories form a 2x2 mobile grid; three use 3 columns. */
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teasers {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:9px 0 0;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teasers[data-count="3"] {grid-template-columns:repeat(3,minmax(0,1fr))}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teasers[data-count="2"] {grid-template-columns:repeat(2,minmax(0,1fr))}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teaser {
    display:block;
    background:#1b3027;
    border:1px solid #cab98c;
    min-height:0;
    padding:0;
    position:relative;
    overflow:hidden;
    aspect-ratio:1.47;
    text-align:left;
    cursor:pointer;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teaser img {
    display:block;
    width:100%;height:100%;
    object-fit:cover;
    background:#1b3027;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teaser-label {
    position:absolute;
    bottom:0;left:0;right:0;
    padding:5px 6px;
    background:linear-gradient(transparent,#13261fe8);
    color:#fff;
    font-size:8px;
    letter-spacing:.02em;
    line-height:1.24;
    font-weight:700;
    text-transform:uppercase;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-context {
    display:flex;
    flex-direction:column;
    border-left:2px solid #bd9b64;
    background:#e6e9df;
    margin:9px 0;
    padding:7px 10px;
    gap:3px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-context span {
    font-size:8px;font-weight:700;color:#415847;letter-spacing:.075em;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-context small {
    font-size:8px;color:#667267;line-height:1.5;
  }

  /* B6 gallery encouragement, preserves the original twelve source records. */
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-collection-cue {
    margin-top:24px;
    border-top:1px solid #d7d0c3;
    padding-top:15px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-collection-cue h3 {
    color:#1f3027;font-size:23px;font-weight:600;margin:7px 0 5px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-collection-cue p {
    font-size:12px;line-height:1.6;color:#687368;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-more-pictures {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;margin:14px 0 12px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-more-picture {
    display:block;aspect-ratio:1.65;
    padding:0;border:1px solid #d0c7b5;
    position:relative;overflow:hidden;
    background:#293a31;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-more-picture img {
    display:block;width:100%;height:100%;object-fit:cover;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-more-picture span {
    position:absolute;bottom:0;left:0;right:0;
    padding:4px 5px;color:#fff;font-size:8px;
    background:linear-gradient(transparent,#122017d9);
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-expand,
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-cap-button {
    display:block;
    width:100%;
    min-height:46px;
    border:1px solid #a68a5d;
    padding:12px 15px;
    background:#ddc18b;
    color:#1e3028;
    text-align:left;
    font-size:12px;
    font-weight:700;
  }

  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge {padding:34px 0 36px}
  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge-layout {
    display:flex;flex-direction:column;gap:15px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge-layout>div:last-child {order:1}
  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge-layout>.a2-bridge-mosaic {order:2}
  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge h2 {font-size:28px;line-height:1.13;margin:9px 0 12px}
  #a2-root[data-ron-b6-mobile="ready"] .a2-bridge p {font-size:12px;line-height:1.65}

  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief {
    padding:38px 0 43px;
    background:#21382d;
    color:#fff;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief .ron-b6-index {color:#d4ba88}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief h2 {
    font-size:clamp(28px,8vw,37px);
    line-height:1.15;
    margin:12px 0 14px;
    max-width:350px;
    font-weight:500;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief p {
    font-size:12px;line-height:1.72;color:#d4ded4;margin-bottom:18px;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief-actions {display:grid;gap:9px}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-brief-actions button {
    min-height:45px;padding:12px 15px;text-align:left;
    font-size:12px;font-weight:700;border:1px solid #819989;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-primary {background:#d4b37b;color:#24372a}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-secondary {background:transparent;color:#f6f4eb}

  #a2-root[data-ron-b6-mobile="ready"] #a14-why-ron {padding:40px 0 43px}
  #a2-root[data-ron-b6-mobile="ready"] #a14-why-ron .a14-why-copy h2 {
    font-size:28px;line-height:1.15;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a14-why-ron .a14-why-grid>.a14-why-card:nth-child(n+3) {
    display:none;
  }
  #a2-root[data-ron-b6-mobile="ready"][data-ron-b6-capabilities="open"] #a14-why-ron .a14-why-grid>.a14-why-card:nth-child(n+3) {
    display:flex;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-cap-button {
    display:block;background:transparent;color:#e2ceb0;
    border-color:#907b57;margin-top:20px;
  }

  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-gate {
    padding:39px 0 45px;
    background:#e9e7dd;
    color:#22352a;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-gate h2 {
    font-size:clamp(28px,7.9vw,35px);line-height:1.13;
    margin:10px 0;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-gate p {
    font-size:12px;line-height:1.7;margin-bottom:17px;color:#637166;
  }
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-gate-button {background:transparent;max-width:380px}

  /* No original source cards are deleted; only duplicates of two featured cases
     are hidden while browsing the unfiltered 10-item expanded collection. */
  #a2-root[data-ron-b6-mobile="ready"][data-ron-b6-filtered="false"] #a2-gallery .a2-card[data-space-card="outback"],
  #a2-root[data-ron-b6-mobile="ready"][data-ron-b6-filtered="false"] #a2-gallery .a2-card[data-space-card="hardrock"] {
    display:none!important;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog {
    max-width:100%;min-width:0;
    padding-top:14px;
    padding-bottom:28px;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-intro {padding-top:19px}
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-intro h2 {font-size:28px}
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-gallery {
    display:grid;
    grid-template-columns:1fr;
    padding-bottom:28px;
    gap:31px;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-card-visual {aspect-ratio:1.45}
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-filterbar {gap:7px}
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-filters button {
    min-height:40px;padding:8px 11px;font-size:10px;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-filter-right {gap:6px}
  #a2-root[data-ron-b6-mobile="ready"] #a2-catalog .a2-results {padding:14px 0}

  /* The current source-native modal/tabs are preserved. Only the noninteractive
     chat screenshots are replaced with 440px derivatives and sized as overviews. */
  #a2-root[data-ron-b6-mobile="ready"] #a2-space .a2-proof-phone.ron-b6-chat {
    flex:0 0 min(48%,175px);
    width:min(48%,175px);
    min-width:0;
    max-width:175px;
    padding:8px 8px 4px;
    border:1px solid #c5c7bb;
    background:#e6e8df;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-space .a2-proof-phone.ron-b6-chat img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:280px;
    object-fit:contain;
    object-position:center top;
    filter:none;
    opacity:1;
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
  }
  #a2-root[data-ron-b6-mobile="ready"] #a2-space .a2-proof-phone.ron-b6-chat span {
    font-size:9px;line-height:1.35;
    color:#657365;
  }
}
@media (max-width:360px) {
  #a2-root[data-ron-b6-mobile="ready"] .a2-hero h1 {font-size:30px}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-teaser-label {font-size:7px}
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-context small {font-size:7px}
}
@media (prefers-reduced-motion:reduce) {
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-featured *,
  #a2-root[data-ron-b6-mobile="ready"] .ron-b6-gate * {
    transition:none!important;animation:none!important;
  }
}