/* Single phone layout, following MOBILE_VISUAL_GUIDELINES.md.
   Loaded after the desktop cascade; every site rule is scoped to the phone root. */
html[data-ep-mobile] { background:#e7eae2!important; scroll-padding-top:76px; }
html[data-ep-mobile] body { padding:0!important; margin:0; }
html.ep-mobile-menu-open { overflow:hidden; }
html[data-ep-mobile-mode="preview"][data-ep-mobile] #eopaia-preview { max-width:430px; margin:0 auto; }
#eopaia-preview[data-mobile-variant] { --ep-phone-gutter:16px; --ep-phone-dock-height:58px; --ep-phone-header-height:60px; container:ep-phone / inline-size; min-height:100dvh; font-size:.875rem; line-height:1.571429; background:var(--ep-paper); }
#eopaia-preview[data-mobile-variant] *, #eopaia-preview[data-mobile-variant] *::before, #eopaia-preview[data-mobile-variant] *::after { box-sizing:border-box; }
#eopaia-preview[data-mobile-variant] [hidden], #eopaia-preview .ep-mobile-dock[hidden], #eopaia-preview .ep-mobile-menu-button[hidden], #eopaia-preview .ep-mobile-contact-button[hidden] { display:none!important; }
#eopaia-preview[data-mobile-variant] .ep-workbench { display:block; }
#eopaia-preview[data-mobile-variant] .ep-site { width:100%; min-width:0; container-type:inline-size; }
#eopaia-preview[data-mobile-variant] :is(h1,h2,h3,h4,p,address,button,a,summary,label) { min-width:0; overflow-wrap:break-word; }
#eopaia-preview[data-mobile-variant] :is(h1,h2,h3,h4) { text-wrap:pretty; max-width:100%; margin:0; letter-spacing:-.02em; }
#eopaia-preview[data-mobile-variant] h1 { font-size:1.75rem!important; line-height:1.142857!important; }
#eopaia-preview[data-mobile-variant] h2 { font-size:1.5rem!important; line-height:1.166667!important; }
#eopaia-preview[data-mobile-variant] h3 { font-size:1.25rem!important; line-height:1.25!important; }
#eopaia-preview[data-mobile-variant] h4 { font-size:1rem; line-height:1.375; }
#eopaia-preview[data-mobile-variant] .ep-title-emphasis { font-size:1.75rem!important; line-height:1.071429!important; white-space:normal!important; letter-spacing:-.01em; }
#eopaia-preview[data-mobile-variant] h1 .ep-title-emphasis { font-size:2rem!important; line-height:1.0625!important; }
#eopaia-preview[data-mobile-variant] :is(p,li,address,dd) { font-size:.875rem!important; line-height:1.571429!important; max-width:100%; }
#eopaia-preview[data-mobile-variant] p + p { margin-top:12px; }
#eopaia-preview[data-mobile-variant] :is(button,.ep-link,label,summary,small,figcaption,.ep-eyebrow,.ep-breadcrumb,.ep-product-kind,.ep-product-category,.ep-asset-tag) { font-size:.875rem!important; line-height:1.428571!important; letter-spacing:normal; }
#eopaia-preview[data-mobile-variant] .ep-lead { font-size:.9375rem!important; line-height:1.533333!important; }
#eopaia-preview[data-mobile-variant] :is(h1,h2,h3) + :is(p,.ep-lead) { margin-top:12px; }
#eopaia-preview[data-mobile-variant] .ep-eyebrow { margin-bottom:8px; }
#eopaia-preview[data-mobile-variant] :is(a,address) { overflow-wrap:anywhere; }
#eopaia-preview[data-mobile-variant] :is(button,summary) { min-height:44px; }
#eopaia-preview[data-mobile-variant] .ep-btn { min-height:48px; padding:12px 16px; white-space:normal; text-align:left; border-radius:0; }
#eopaia-preview[data-mobile-variant] .ep-link { min-height:44px; padding-block:8px; white-space:normal; }
#eopaia-preview[data-mobile-variant] .ep-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-actions > * { min-width:0; max-width:100%; }

/* One header and one bottom band. The existing contact panel opens from Contact. */
#eopaia-preview[data-mobile-variant] :is(.ep-review,.ep-topline,.ep-header>nav,.ep-contact-top,.ep-contact-trigger) { display:none!important; }
#eopaia-preview[data-mobile-variant] .ep-header { position:sticky; top:0; min-height:60px; padding:8px var(--ep-phone-gutter); gap:8px; flex-wrap:nowrap; justify-content:space-between; z-index:15; }
#eopaia-preview[data-mobile-variant] .ep-header .ep-logo { flex:0 1 112px; min-width:0; padding:0; min-height:44px; }
#eopaia-preview[data-mobile-variant] .ep-header .ep-logo img { width:112px; max-width:100%; height:auto; }
#eopaia-preview[data-mobile-variant] .ep-header-actions { width:auto; margin-left:auto; flex:0 0 auto; gap:4px; }
#eopaia-preview[data-mobile-variant] .ep-header .ep-selection-top { display:none; }
#eopaia-preview[data-mobile-variant].ep-mobile-form-page .ep-header .ep-selection-top { display:flex; align-items:center; gap:4px; min-height:44px; padding:8px 4px; border:0; white-space:nowrap; flex-shrink:0; }
#eopaia-preview[data-mobile-variant] .ep-selection-top span { font-size:.875rem; width:auto; min-width:20px; height:auto; line-height:20px; }
#eopaia-preview[data-mobile-variant] :is(.ep-mobile-menu-button,.ep-mobile-contact-button) { display:block; border:0; background:none; color:var(--ep-ink); min-width:44px; min-height:44px; padding:8px 4px; flex-shrink:0; white-space:nowrap; }
#eopaia-preview[data-mobile-variant] .ep-mobile-dock { position:fixed; bottom:0; left:0; right:0; margin:0 auto; width:100%; display:grid; grid-template-columns:.7fr 1.1fr 1.1fr 1fr; gap:0; padding:0 8px env(safe-area-inset-bottom); z-index:16; background:var(--ep-paper); border-top:1px solid var(--ep-line); }
html[data-ep-mobile-mode="preview"] #eopaia-preview[data-mobile-variant] .ep-mobile-dock { max-width:430px; }
#eopaia-preview[data-mobile-variant] .ep-mobile-dock button { white-space:normal; min-height:57px; padding:8px 4px; border:0; border-top:2px solid transparent; background:none; color:var(--ep-muted); }
#eopaia-preview[data-mobile-variant] .ep-mobile-dock button.active { border-top-color:var(--ep-ink); color:var(--ep-ink); background:var(--ep-soft); }
#eopaia-preview[data-mobile-variant] .ep-mobile-dock [data-enquiry-count] { display:inline; font-size:.875rem; white-space:nowrap; }
#eopaia-preview[data-mobile-variant]:is(.ep-mobile-form-page,.ep-mobile-keyboard) .ep-mobile-dock,
#eopaia-preview[data-mobile-variant]:has(dialog[open]) .ep-mobile-dock { display:none; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu { position:fixed; inset:0 0 auto; width:min(100%,430px); max-width:100%; max-height:100dvh; margin:0 auto; padding:16px 20px calc(24px + env(safe-area-inset-bottom)); border:0; border-radius:0; overflow:auto; background:var(--ep-paper); color:var(--ep-ink); }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu::backdrop { background:#14261a80; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:8px; border-bottom:1px solid var(--ep-line); }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu-head button { background:none; color:inherit; border:0; min-width:48px; min-height:48px; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu nav { display:flex; flex-direction:column; align-items:stretch; gap:0; margin:8px 0 16px; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu nav button { text-align:left; padding:12px 0; min-height:48px; border:0; border-bottom:1px solid var(--ep-line); background:none; color:inherit; border-radius:0; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu nav button[aria-current] { text-decoration:underline; text-decoration-color:var(--ep-accent); text-decoration-thickness:3px; text-underline-offset:6px; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu nav .ep-oemnav { border-radius:999px; background:var(--ep-ink); color:var(--ep-paper); padding-inline:16px; margin:8px 0; }
#eopaia-preview[data-mobile-variant] .ep-mobile-menu > .ep-btn { width:100%; }
#eopaia-preview[data-mobile-variant] .ep-contact-widget { position:static; }
#eopaia-preview[data-mobile-variant] .ep-contact-panel { position:fixed; top:calc(var(--ep-phone-header-height) + 8px); right:max(16px,calc((100vw - 430px)/2 + 16px)); bottom:auto; width:min(398px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - var(--ep-phone-header-height) - var(--ep-phone-dock-height) - 32px); overflow:auto; padding:16px; border-radius:0; z-index:30; }
#eopaia-preview[data-mobile-variant] .ep-contact-panel-head button { min-height:44px; min-width:44px; }
#eopaia-preview[data-mobile-variant] .ep-contact-topics>button { min-height:64px; padding:12px 0; }

/* Page rhythm: 16 + 16 at shared section boundaries, 24 inside tinted bands. */
#eopaia-preview[data-mobile-variant] :is(.ep-block,.ep-benefits,.ep-brand-story,.ep-brand-close,.ep-article-head,.ep-pageintro) { padding:16px var(--ep-phone-gutter)!important; }
#eopaia-preview[data-mobile-variant] .ep-pageintro { padding-top:24px!important; padding-bottom:20px!important; }
#eopaia-preview[data-mobile-variant] .ep-pageintro .ep-breadcrumb { display:none; }
#eopaia-preview[data-mobile-variant] .ep-pageintro .ep-lead { margin-top:12px; }
#eopaia-preview[data-mobile-variant] .ep-pageintro + .ep-block { padding-top:0!important; }
#eopaia-preview[data-mobile-variant] .ep-heading-row { display:flex; flex-direction:row; align-items:flex-end; flex-wrap:wrap; gap:8px 16px; margin-bottom:16px; }
#eopaia-preview[data-mobile-variant] :is(.ep-benefit-top,.ep-subrow,.ep-selected-summary) { flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-heading-row > .ep-link { flex-shrink:0; }
#eopaia-preview[data-mobile-variant] :is(.ep-oem-intro,.ep-services,.ep-choice-grid,.ep-expertise,.ep-home-cap-editorial,.ep-home-cap-grid,.ep-brand-story-grid,.ep-brand-life-grid,.ep-brand-life-stack,.ep-about-overview-grid,.ep-about-history,.ep-contact-two-columns,.ep-news-grid,.ep-news-grid.ep-news-two,.ep-news-feature,.ep-article-layout,.ep-partner-qa-heading,.ep-qa-compact .ep-partner-questions,.ep-iso-ribbon,.ep-iso-three,.ep-brand-close) { grid-template-columns:minmax(0,1fr); gap:24px; }
#eopaia-preview[data-mobile-variant] .ep-contact-locations .ep-contact-two-columns { grid-template-columns:minmax(0,1fr); gap:24px; }
#eopaia-preview[data-mobile-variant] .ep-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-breadcrumb button { min-height:44px; }
#eopaia-preview[data-mobile-variant] #ep-main > :first-child:not(.ep-home-hero):not(.ep-pageintro) { padding-top:24px!important; }
#eopaia-preview[data-mobile-variant] :is(#ep-oem-start,#ep-latest-developments,#ep-production,#ep-ckd,#ep-quality,#ep-clients,[id^="ep-story-"]) { scroll-margin-top:calc(var(--ep-phone-header-height) + 16px); }

/* Home: short photo, two clear actions, then the actual collection. */
#eopaia-preview[data-mobile-variant] .ep-home-hero { display:flex; flex-direction:column; gap:0; min-height:0; background:var(--ep-soft); color:var(--ep-ink); }
#eopaia-preview[data-mobile-variant] .ep-home-hero::after { display:none; }
#eopaia-preview[data-mobile-variant] .ep-home-hero .ep-hero-media { position:static; height:140px; object-fit:cover; object-position:center 57%; }
#eopaia-preview[data-mobile-variant] .ep-home-hero .ep-hero-copy { min-height:0; padding:20px var(--ep-phone-gutter); }
#eopaia-preview[data-mobile-variant] .ep-hero :is(h1,.ep-brand-campaign-title) { font-size:2rem!important; line-height:1.125!important; letter-spacing:-.02em; width:auto; max-width:100%; }
#eopaia-preview[data-mobile-variant] .ep-hero .ep-title-emphasis { font-size:2.25rem!important; line-height:1.055556!important; }
#eopaia-preview[data-mobile-variant] .ep-home-hero .ep-eyebrow { display:none; }
#eopaia-preview[data-mobile-variant] .ep-home-hero :is(.ep-lead,.ep-link) { color:var(--ep-ink); }
#eopaia-preview[data-mobile-variant] .ep-hero .ep-lead { font-size:.875rem!important; line-height:1.571429!important; margin-top:12px; max-width:none; }
#eopaia-preview[data-mobile-variant] .ep-hero .ep-lead br { display:none; }
#eopaia-preview[data-mobile-variant] .ep-hero .ep-actions { margin-top:16px; flex-direction:row; gap:4px 12px; }
#eopaia-preview[data-mobile-variant] .ep-home-hero .ep-btn { background:var(--ep-ink); color:var(--ep-paper); border-color:var(--ep-ink); padding-inline:12px; }
#eopaia-preview[data-mobile-variant] .ep-home-hero + .ep-block { padding-top:24px!important; }
#eopaia-preview[data-mobile-variant].ep-mobile-home .ep-home-hero + .ep-block .ep-heading-row .ep-eyebrow { display:none; }
#eopaia-preview[data-mobile-variant] .ep-benefits { padding-block:24px!important; }
#eopaia-preview[data-mobile-variant] .ep-benefit-grid { grid-template-columns:1fr; gap:16px; }
#eopaia-preview[data-mobile-variant] .ep-benefit-grid>div { padding-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-benefit-grid>div+div { border-top:1px solid var(--ep-line); }
#eopaia-preview[data-mobile-variant] .ep-benefit-grid p { margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-editorial { margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-editorial>figure { min-height:0; aspect-ratio:1.5; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-editorial figcaption { font-size:1.25rem!important; line-height:1.25!important; inset:auto 16px 16px; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-mark { margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-grid h3 { min-height:0; margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-home-cap-grid p { margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-services-small button { min-height:80px; padding:16px 0; font-size:1.25rem!important; line-height:1.25!important; }
#eopaia-preview[data-mobile-variant] .ep-service-summary { margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-home-developments-heading { margin-top:24px; }

/* Product identity and actions stay readable in a two-column catalogue. */
#eopaia-preview[data-mobile-variant] :is(.ep-grid,.ep-grid.ep-four) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
#eopaia-preview[data-mobile-variant] .ep-product { min-width:0; display:flex; flex-direction:column; }
#eopaia-preview[data-mobile-variant] .ep-product .ep-photo { aspect-ratio:1; }
#eopaia-preview[data-mobile-variant] .ep-product h3 { font-family:var(--ep-display); font-size:1.25rem!important; line-height:1.2!important; letter-spacing:-.01em; min-height:2.4em; margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-product p { margin:4px 0 8px; line-height:1.428571!important; }
#eopaia-preview[data-mobile-variant] .ep-product-kind { font-weight:400; }
#eopaia-preview[data-mobile-variant] .ep-product-category { margin-top:0; }
#eopaia-preview[data-mobile-variant] .ep-product>.ep-asset-tag { display:block; position:static; max-width:100%; background:none; color:var(--ep-muted); border:0; padding:0; margin:0 0 8px; white-space:normal; }
#eopaia-preview[data-mobile-variant] .ep-product .ep-link { margin-top:auto; min-height:44px; padding-block:8px; }
#eopaia-preview[data-mobile-variant] .ep-photo>strong { font-size:.875rem; line-height:1.428571; top:8px; left:8px; }
#eopaia-preview[data-mobile-variant] .ep-collection-strip { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; margin-top:24px; gap:12px; padding-bottom:8px; }
#eopaia-preview[data-mobile-variant] .ep-collection-strip .ep-category { flex:0 0 80%; scroll-snap-align:start; aspect-ratio:1.65; }
#eopaia-preview[data-mobile-variant] .ep-collection-strip .ep-category>span { font-size:1.25rem; line-height:1.25; }
#eopaia-preview[data-mobile-variant] .ep-mobile-filters { border-block:1px solid var(--ep-line); margin:0; padding:0; }
#eopaia-preview[data-mobile-variant] .ep-mobile-filters>summary { cursor:pointer; min-height:48px; padding:12px 0; }
#eopaia-preview[data-mobile-variant] .ep-filter-layout { display:grid; grid-template-columns:1fr; gap:16px; padding:4px 0 8px; }
#eopaia-preview[data-mobile-variant] .ep-filter-group>span { font-size:.875rem; margin-bottom:8px; }
#eopaia-preview[data-mobile-variant] .ep-filters { display:flex; flex-wrap:wrap; gap:8px; padding:0; max-width:100%; overflow:visible; }
#eopaia-preview[data-mobile-variant] .ep-filters .ep-filter { padding:8px 12px; min-height:44px; }
#eopaia-preview[data-mobile-variant] .ep-mobile-reset { margin-bottom:8px; }
#eopaia-preview[data-mobile-variant] .ep-filter-result { margin:16px 0 12px; }

/* Both service choices precede their optional, complete step lists. */
#eopaia-preview[data-mobile-variant] .ep-choice-grid { margin-top:24px; gap:24px; }
#eopaia-preview[data-mobile-variant] .ep-development-restored>h2 { display:none; }
#eopaia-preview[data-mobile-variant] .ep-development-restored .ep-choice-grid { margin-top:0; }
#eopaia-preview[data-mobile-variant] .ep-partner-routes .ep-choice-body .ep-actions { flex-wrap:wrap; flex-direction:column; align-items:stretch; }
#eopaia-preview[data-mobile-variant] .ep-partner-routes .ep-actions>button { white-space:normal; }
#eopaia-preview[data-mobile-variant] .ep-partner-routes { grid-template-rows:none; }
#eopaia-preview[data-mobile-variant] .ep-choice { display:block; grid-row:auto; overflow:visible; }
#eopaia-preview[data-mobile-variant] .ep-choice-body, #eopaia-preview[data-mobile-variant] .ep-partner-routes .ep-choice-body { display:block; grid-row:auto; padding:16px 0 0; }
#eopaia-preview[data-mobile-variant] .ep-choice-body h3 { min-height:0; }
#eopaia-preview[data-mobile-variant] .ep-choice-body>p, #eopaia-preview[data-mobile-variant] .ep-partner-routes .ep-choice-body>p { margin:12px 0 0; max-width:100%; }
#eopaia-preview[data-mobile-variant] .ep-choice-body .ep-actions { margin-top:16px; padding:0; gap:8px; align-items:stretch; }
#eopaia-preview[data-mobile-variant] .ep-choice-body .ep-btn { width:100%; white-space:normal; }
#eopaia-preview[data-mobile-variant] .ep-mobile-process { margin-top:8px; padding:0; border:0; }
#eopaia-preview[data-mobile-variant] .ep-mobile-process summary { min-height:44px; padding:12px 0; cursor:pointer; }
#eopaia-preview[data-mobile-variant] .ep-mobile-process .ep-route-steps { margin:0; padding:8px 0 0; border:0; gap:8px; }
#eopaia-preview[data-mobile-variant] .ep-route-steps li { align-items:flex-start; min-height:0; padding:4px 0; }
#eopaia-preview[data-mobile-variant] .ep-route-steps li>span { width:24px; height:auto; font-size:.875rem; }
#eopaia-preview[data-mobile-variant] .ep-section-nav { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:16px; padding:0 var(--ep-phone-gutter); border-block:1px solid var(--ep-line); }
#eopaia-preview[data-mobile-variant] .ep-section-nav button { flex:0 0 auto; white-space:nowrap; min-height:44px; }
#eopaia-preview[data-mobile-variant] .ep-video-selected .ep-video-shorts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-clip-copy h3 { font-size:1.25rem!important; }
#eopaia-preview[data-mobile-variant] .ep-ckd-label { margin-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-handover-title { display:flex; flex-direction:column; gap:12px; font-size:1.25rem!important; line-height:1.25!important; }
#eopaia-preview[data-mobile-variant] .ep-ckd-title-party { font-size:1.25rem; line-height:1.25; }
#eopaia-preview[data-mobile-variant] .ep-ckd-title-arrow { position:static; width:32px; height:32px; transform:rotate(90deg); padding:0; }
#eopaia-preview[data-mobile-variant] .ep-ckd-title-arrow svg { width:32px; height:32px; flex-basis:32px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-brand-name { width:128px; height:30px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-brand-name img { width:192px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-title-party small { margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-handover-lead { padding-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-b-caption { padding:16px 0 8px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; padding-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-nav button { min-width:0; min-height:44px; padding:8px 0; align-items:flex-start; }
#eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-detail { padding-top:0; }
#eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-detail article { grid-template-columns:1fr; gap:16px; min-height:0; }
#eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-detail h3 { font-size:1.5rem!important; line-height:1.166667!important; margin:12px 0; }
#eopaia-preview[data-mobile-variant] .ep-ckd-next { flex-wrap:wrap; gap:16px; margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-iso-three>div { display:block; border:0; padding:0; }
#eopaia-preview[data-mobile-variant] .ep-iso-certificate { width:100%; max-width:none; margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-client-logos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
#eopaia-preview[data-mobile-variant] .ep-client-logos img { max-width:100%; }

/* Brand and company prose uses the whole text column. */
#eopaia-preview[data-mobile-variant][data-mobile-route="brand"] .ep-pageintro { padding-block:16px!important; }
#eopaia-preview[data-mobile-variant] .ep-hero:not(.ep-home-hero) { min-height:400px; }
#eopaia-preview[data-mobile-variant] .ep-hero:not(.ep-home-hero) .ep-hero-copy { min-height:400px; padding:150px var(--ep-phone-gutter) 24px; }
#eopaia-preview[data-mobile-variant] .ep-brand-section-heading { display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-brand-story-copy h2 { margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-brand-story-copy>p { margin-top:12px; }
#eopaia-preview[data-mobile-variant] .ep-brand-story-copy>.ep-link { margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-brand-story-image { width:100%; padding:0; }
#eopaia-preview[data-mobile-variant] .ep-brand-story-image img { width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; }
#eopaia-preview[data-mobile-variant] .ep-brand-values { grid-template-columns:1fr; gap:24px; padding-top:24px; margin-top:24px; }
#eopaia-preview[data-mobile-variant] .ep-brand-values>div { grid-template-columns:24px minmax(0,1fr); gap:8px 12px; }
#eopaia-preview[data-mobile-variant] .ep-brand-values>div>span { justify-content:flex-start; }
#eopaia-preview[data-mobile-variant] .ep-brand-values p { grid-column:1/-1; min-width:0; margin:0; max-width:none; }
#eopaia-preview[data-mobile-variant] .ep-brand-life-card, #eopaia-preview[data-mobile-variant] .ep-brand-life-stack .ep-brand-life-card { height:auto; min-height:0; aspect-ratio:1.5; }
#eopaia-preview[data-mobile-variant] .ep-life-caption { inset:auto 16px 16px; gap:8px; }
#eopaia-preview[data-mobile-variant] .ep-life-caption strong { font-size:1.5rem; line-height:1.166667; }
#eopaia-preview[data-mobile-variant] .ep-brand-life-products { margin-top:24px; padding-top:24px; }
#eopaia-preview[data-mobile-variant] .ep-feature-editorial-row, #eopaia-preview[data-mobile-variant] .ep-feature-editorial-row.ep-feature-reverse { grid-template-columns:1fr; grid-template-areas:'image' 'copy' 'products'; gap:16px; padding:24px 0; }
#eopaia-preview[data-mobile-variant] .ep-feature-focus-image { height:auto; aspect-ratio:1.5; }
#eopaia-preview[data-mobile-variant] .ep-feature-editorial-copy { padding:0; }
#eopaia-preview[data-mobile-variant] .ep-feature-editorial-copy h3 { font-family:var(--ep-display); font-size:1.5rem!important; line-height:1.166667!important; margin-bottom:12px; }
#eopaia-preview[data-mobile-variant] .ep-feature-editorial-copy>p { max-width:none; }
#eopaia-preview[data-mobile-variant] .ep-feature-products-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#eopaia-preview[data-mobile-variant] .ep-feature-product-link { display:block; }
#eopaia-preview[data-mobile-variant] .ep-feature-product-link img { width:100%; height:auto; aspect-ratio:1.13; object-fit:contain; }
#eopaia-preview[data-mobile-variant] .ep-feature-product-link>span { font-size:1.25rem; line-height:1.2; margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-brand-close { margin-bottom:0; }
#eopaia-preview[data-mobile-variant] .ep-about-overview-grid>div>p { margin-top:12px; }
#eopaia-preview[data-mobile-variant] .ep-about-history-year>span:last-child { font-size:2.25rem; line-height:1.055556; }
#eopaia-preview[data-mobile-variant] .ep-contact-locations .ep-contact-talk { padding:24px 0 0; border-left:0; border-top:1px solid var(--ep-line); }
#eopaia-preview[data-mobile-variant] .ep-contact-locations h2 { margin-bottom:16px; }
#eopaia-preview[data-mobile-variant] .ep-contact-direct-list { gap:16px; }
#eopaia-preview[data-mobile-variant] .ep-contact-locations .ep-contact-email-list>a, #eopaia-preview[data-mobile-variant] .ep-contact-direct-list a { font-size:1rem; line-height:1.5; }
#eopaia-preview[data-mobile-variant] .ep-social-full { grid-template-columns:1fr; }
#eopaia-preview[data-mobile-variant] .ep-social-full>.ep-social-channels { grid-template-columns:1fr 1fr; gap:16px; }
#eopaia-preview[data-mobile-variant] .ep-market-country-list { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; font-size:.875rem; }
#eopaia-preview[data-mobile-variant] .ep-market-country-list>div { display:contents; }
#eopaia-preview[data-mobile-variant] .ep-market-country-row { white-space:normal; }
#eopaia-preview[data-mobile-variant] .ep-partner-question summary { padding:16px 0; gap:8px; grid-template-columns:20px minmax(0,1fr) 18px; }
#eopaia-preview[data-mobile-variant] .ep-faq-answer { padding:0 0 16px; }
#eopaia-preview[data-mobile-variant] .ep-article-layout { padding:16px var(--ep-phone-gutter); }
#eopaia-preview[data-mobile-variant] .ep-article-aside { position:static; }
#eopaia-preview[data-mobile-variant] .ep-article-body p { font-size:1rem!important; line-height:1.5625!important; }
#eopaia-preview[data-mobile-variant] .ep-article-body section { margin-bottom:24px; }

/* Product details, saved styles and the shared enquiry retain their real handlers. */
#eopaia-preview[data-mobile-variant] .ep-detail { grid-template-columns:minmax(0,1fr); padding:20px var(--ep-phone-gutter) 24px; gap:24px; }
#eopaia-preview[data-mobile-variant] .ep-detail h1 { font-family:var(--ep-display); }
#eopaia-preview[data-mobile-variant] .ep-detail .ep-mainphoto { min-height:0; }
#eopaia-preview[data-mobile-variant] .ep-detail .ep-photo { aspect-ratio:1; }
#eopaia-preview[data-mobile-variant] .ep-thumbs { display:flex; overflow-x:auto; gap:8px; padding:4px; }
#eopaia-preview[data-mobile-variant] .ep-image-thumb { flex:0 0 64px; width:64px; height:64px; padding:4px; }
#eopaia-preview[data-mobile-variant] .ep-colors { display:flex; flex-wrap:wrap; gap:8px; }
#eopaia-preview[data-mobile-variant] .ep-colors button { min-height:44px; padding:10px 12px; }
#eopaia-preview[data-mobile-variant] .ep-table { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
#eopaia-preview[data-mobile-variant] .ep-table>div { min-width:0; padding:12px 0; overflow-wrap:anywhere; }
#eopaia-preview[data-mobile-variant] .ep-retail-price-value { font-size:1.5rem!important; line-height:1.166667!important; }
#eopaia-preview[data-mobile-variant] .ep-retail-price-pending { font-size:1.25rem!important; }
#eopaia-preview[data-mobile-variant] .ep-selected-row { grid-template-columns:76px minmax(0,1fr); gap:12px; }
#eopaia-preview[data-mobile-variant] .ep-selected-photo { width:76px; }
#eopaia-preview[data-mobile-variant] .ep-selected-row>[data-remove] { grid-column:2; justify-self:start; }
#eopaia-preview[data-mobile-variant] .ep-selected-name { font-size:1.25rem!important; line-height:1.2!important; }
#eopaia-preview[data-mobile-variant] .ep-enquiry-reference { gap:12px; margin-top:16px; }
#eopaia-preview[data-mobile-variant] .ep-enquiry-reference img { width:80px; height:80px; }
#eopaia-preview[data-mobile-variant] .ep-enquiry-reference>div { min-width:0; }
#eopaia-preview[data-mobile-variant] .ep-add-confirmation { padding:16px; gap:12px; }
#eopaia-preview[data-mobile-variant] .ep-project-heading { font-size:.9375rem!important; line-height:1.533333!important; letter-spacing:0; font-weight:400; }
#eopaia-preview[data-mobile-variant].ep-mobile-form-page .ep-pageintro { padding-bottom:12px!important; }
#eopaia-preview[data-mobile-variant] .ep-form { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:20px; }
#eopaia-preview[data-mobile-variant] .ep-form>* { min-width:0; }
#eopaia-preview[data-mobile-variant] .ep-form .ep-wide { grid-column:1; }
#eopaia-preview[data-mobile-variant] .ep-form :is(input,select,textarea) { width:100%; min-width:0; min-height:48px; font-size:1rem!important; line-height:1.5!important; border-radius:0; padding:10px 12px; margin-top:8px; }
#eopaia-preview[data-mobile-variant] .ep-form :is(input,textarea)::placeholder { font-size:1rem; }
#eopaia-preview[data-mobile-variant] .ep-form textarea { min-height:120px; }
#eopaia-preview[data-mobile-variant] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { max-width:100%; min-width:0; min-height:48px; font-size:1rem!important; line-height:1.5!important; }
#eopaia-preview[data-mobile-variant] .ep-form .ep-btn { width:100%; }
#eopaia-preview[data-mobile-variant] #ep-dialog { width:calc(100% - 32px); max-width:398px; max-height:calc(100dvh - 32px); border-radius:0; }
#eopaia-preview[data-mobile-variant] #ep-dialog-content { padding:16px; }
#eopaia-preview[data-mobile-variant] #ep-dialog .ep-close { min-width:44px; min-height:44px; }
#eopaia-preview[data-mobile-variant] .ep-cta { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:24px var(--ep-phone-gutter); }
#eopaia-preview[data-mobile-variant] .ep-cta .ep-actions { margin-top:0; }
#eopaia-preview[data-mobile-variant] .ep-footer { grid-template-columns:1fr 1fr; padding:24px var(--ep-phone-gutter) calc(24px + var(--ep-phone-dock-height)); gap:24px 16px; }
#eopaia-preview[data-mobile-variant] .ep-footer-intro { grid-column:1/-1; }
#eopaia-preview[data-mobile-variant] .ep-footer .ep-logo img { width:140px; }
#eopaia-preview[data-mobile-variant] .ep-footer button:not(.ep-logo) { min-height:44px; margin:0; padding:8px 0; }
#eopaia-preview[data-mobile-variant] .ep-footer-bottom { display:block; font-size:.875rem; line-height:1.571429; }
#eopaia-preview[data-mobile-variant] .ep-footer-bottom span { display:block; font-size:.875rem; line-height:1.571429; margin-top:8px; }
@container ep-phone (min-width:420px) {
  #eopaia-preview[data-mobile-variant] .ep-site { --ep-phone-gutter:20px; }
}
@container ep-phone (max-width:340px) {
  #eopaia-preview[data-mobile-variant] :is(.ep-grid,.ep-grid.ep-four) { grid-template-columns:1fr; }
  #eopaia-preview[data-mobile-variant] .ep-header .ep-logo { flex-basis:88px; }
  #eopaia-preview[data-mobile-variant] .ep-ckd-refined .ep-ckd-horizontal-nav { grid-template-columns:1fr; }
  #eopaia-preview[data-mobile-variant] .ep-hero .ep-actions { align-items:stretch; flex-direction:column; }
}

@container ep-phone (max-width:20rem) {
  #eopaia-preview[data-mobile-variant] .ep-mobile-dock { grid-template-columns:1fr 1fr; }
  #eopaia-preview[data-mobile-variant] .ep-header { flex-wrap:wrap; }
  #eopaia-preview[data-mobile-variant] .ep-header .ep-logo { flex-basis:88px; }
  #eopaia-preview[data-mobile-variant] .ep-header-actions { flex-wrap:wrap; }
  #eopaia-preview[data-mobile-variant] :is(.ep-grid,.ep-grid.ep-four) { grid-template-columns:1fr; }
}