/* ADS-EWORLD responsive UX refinements — 2026-10-01 */

/* Configuration is a conversion flow: advertising must never cover controls. */
.product-config-page ins.adsbygoogle,
.product-config-page .google-auto-placed,
.product-config-page iframe[id^="google_ads"],
.product-config-page iframe[title="Advertisement"],
.product-config-page [data-anchor-status]{display:none!important}

@media(max-width:700px){
  /* Reserve a clear landing area for the persistent mobile navigation. */
  body{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important}

  /* Keep the requested two-column design without squeezing the labels. */
  .desktop-home-hero .mobile-service-navigation .service-nav-card{min-height:116px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card summary{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 28px!important;
    gap:9px!important;
    min-height:116px!important;
    padding:14px 11px!important;
    align-items:center!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-icon{
    width:40px!important;height:40px!important;border-radius:12px!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-card summary>span:nth-child(2){min-width:0!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card b{
    display:block!important;font-size:14px!important;line-height:1.15!important;
    overflow-wrap:normal!important;word-break:normal!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-card small{
    display:block!important;margin-top:5px!important;font-size:11px!important;line-height:1.3!important;
    overflow-wrap:normal!important;word-break:normal!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-card em{
    width:28px!important;height:28px!important;font-size:18px!important
  }

  /* An opened menu gets the full row so its icon links remain easy to tap. */
  .desktop-home-hero .mobile-service-navigation .service-nav-card[open]{grid-column:1/-1!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card[open] summary{min-height:88px!important}
  .desktop-home-hero .mobile-service-navigation .service-card-links{margin:0 11px 12px!important;padding:9px!important}
  .desktop-home-hero .mobile-service-navigation .service-card-links a{min-height:44px!important;font-size:12px!important}

  /* Align the small fixed helpers directly above the main bottom navigation. */
  .adse-support-launcher,
  .pwa-floating-apps{bottom:calc(82px + env(safe-area-inset-bottom))!important}

  /* Keep configurator controls readable and clear of the persistent helpers. */
  .product-config-page .config-layout{padding-bottom:36px!important}
  .product-config-page .config-form{min-width:0!important}
  .product-config-page fieldset{min-width:0!important}
  .product-config-page .format-scroll{scroll-padding-inline:0 48px!important}
  .product-config-page .config-summary{margin-bottom:24px!important}
}

/* Preserve two columns on narrow phones without clipping longer service names. */
@media(max-width:400px){
  .desktop-home-hero .mobile-service-navigation .service-nav-card summary{
    grid-template-columns:36px minmax(0,1fr) 24px!important;
    gap:6px!important;padding-inline:10px!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-icon{width:36px!important;height:36px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card b{font-size:13px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card em{width:24px!important;height:24px!important}
}
@media(max-width:350px){
  .desktop-home-hero .mobile-service-navigation .service-nav-card summary{
    grid-template-columns:32px minmax(0,1fr) 22px!important;
    gap:4px!important;padding-inline:8px!important
  }
  .desktop-home-hero .mobile-service-navigation .service-nav-icon{width:32px!important;height:32px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card b{font-size:12px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card small{font-size:10px!important}
  .desktop-home-hero .mobile-service-navigation .service-nav-card em{width:22px!important;height:22px!important;font-size:16px!important}
}