/* IRONScale v192 — mobile rebuilt around narrow content, not a squeezed desktop layout */
@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{font-size:15px!important}
  .site-shell,main,#home{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  /* Compact app-like header */
  .topbar{
    position:sticky!important;top:0!important;z-index:1400!important;height:56px!important;min-height:56px!important;
    display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"menu brand actions"!important;
    align-items:center!important;gap:6px!important;padding:6px 9px!important;box-sizing:border-box!important;
    background:rgba(7,9,6,.97)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(181,143,42,.28)!important
  }
  body.light .topbar{background:rgba(249,246,236,.97)!important}
  .topbar>.main-nav{display:none!important}
  .mobile-menu-btn-v191{display:grid!important;width:36px!important;height:36px!important;border-radius:9px!important;font-size:19px!important;padding:0!important}
  .topbar>.brand{position:static!important;transform:none!important;grid-area:brand!important;justify-self:center!important;margin:0!important;max-width:138px!important;min-width:0!important}
  .topbar>.brand img{display:block!important;width:auto!important;height:auto!important;max-width:136px!important;max-height:42px!important;object-fit:contain!important}
  .topbar>.top-actions{position:static!important;transform:none!important;grid-area:actions!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important}
  .topbar .mini-search{display:none!important}.topbar .theme-toggle{display:none!important}
  .topbar .icon-button{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;font-size:14px!important}
  .lang-switch-v187{height:32px!important;padding:2px!important}.lang-switch-v187 button{min-width:27px!important;padding:5px 6px!important;font-size:9px!important}
  .ornament-line{margin-top:0!important;height:5px!important;min-height:5px!important}
  /* HOME: remove the desktop showcase entirely and keep the whole pitch above the fold. */
  body[data-page="index"] #home>.hero,
  body[data-page="database"] .hero{
    display:block!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;
    box-sizing:border-box!important;padding:34px 18px 27px!important;margin:0!important;overflow:hidden!important
  }
  body[data-page="index"] .hero-copy,body[data-page="database"] .hero-copy{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
  body[data-page="index"] .hero .eyebrow,body[data-page="database"] .hero .eyebrow{font-size:11px!important;letter-spacing:.16em!important}
  body[data-page="index"] .hero h1,body[data-page="database"] .hero h1{
    max-width:620px!important;margin:12px 0 14px!important;font-size:clamp(32px,8.5vw,42px)!important;line-height:1.02!important;letter-spacing:-.025em!important;overflow-wrap:normal!important
  }
  body[data-page="index"] .hero p,body[data-page="database"] .hero p{max-width:620px!important;margin:0 0 21px!important;font-size:14px!important;line-height:1.55!important}
  body[data-page="index"] .hero-search,body[data-page="database"] .hero-search{width:100%!important;max-width:570px!important;height:52px!important;margin:0!important;box-sizing:border-box!important}
  body[data-page="index"] .hero-search input,body[data-page="database"] .hero-search input{min-width:0!important;font-size:14px!important}
  /* Some old carousel JS can move/show the showcase; hide both wrapper and concrete IDs. */
  body[data-page="index"] .hero-visual,
  body[data-page="index"] #heroShowcaseV104,
  body[data-page="index"] #heroShowcaseLinkV104,
  body[data-page="index"] .hero-showcase-v104,
  body[data-page="database"] .hero-visual,
  body[data-page="database"] #heroShowcaseV104,
  body[data-page="database"] .hero-showcase-v104{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important
  }
  .feature-assembly{width:calc(100% - 24px)!important;margin:0 auto!important;padding:0!important}.home-statement-band-v107{padding:13px 8px!important;gap:8px!important}.home-statement-band-v107 strong{font-size:10px!important;line-height:1.4!important;text-align:center!important}
  .content-grid,.database-layout-v105{display:block!important;width:calc(100% - 20px)!important;max-width:none!important;margin:0 auto!important;padding:14px 0!important;box-sizing:border-box!important}
  .featured{width:100%!important;min-width:0!important}.section-title,.database-titlebar-v105{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}.section-title h2,.database-titlebar-v105 h1{font-size:23px!important;line-height:1.1!important;margin:0!important}
  #psuCards,.cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.psu-card{min-width:0!important;height:auto!important}.psu-card img{max-width:100%!important;height:auto!important;object-fit:contain!important}
  /* ADVISOR: the beta sits first, two compact tool buttons next. Open tools become a bottom sheet so nothing jumps. */
  body[data-page="advisor"] .advisor-top-band-v192{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:calc(100% - 20px)!important;margin:12px auto 10px!important;position:relative!important
  }
  body[data-page="advisor"] .advisor-top-band-v192>.advisor-beta-banner-v187{grid-column:1/-1!important;grid-row:1!important;width:100%!important;margin:0!important;padding:14px!important;grid-template-columns:36px 1fr!important;gap:10px!important}
  body[data-page="advisor"] .advisor-beta-mark-v187{width:36px!important;height:36px!important;font-size:23px!important}
  body[data-page="advisor"] .advisor-beta-copy-v187 strong{font-size:12px!important;line-height:1.3!important}.advisor-beta-copy-v187 p{font-size:11px!important;line-height:1.48!important}
  body[data-page="advisor"] .advisor-top-band-v192>.advisor-side-dock-v169{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;z-index:1220!important}
  body[data-page="advisor"] .advisor-top-band-v192>.advisor-side-dock-left-v169{grid-column:1!important;grid-row:2!important}body[data-page="advisor"] .advisor-top-band-v192>.advisor-side-dock-right-v169{grid-column:2!important;grid-row:2!important}
  body[data-page="advisor"] .advisor-top-band-v192 .advisor-tool-fold-v184>summary{min-height:42px!important;padding:9px!important;font-size:10px!important;letter-spacing:.055em!important}
  body[data-page="advisor"] .advisor-top-band-v192 .advisor-tool-fold-v184[open]>.advisor-side-card-v169{
    position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;max-width:none!important;max-height:72vh!important;
    margin:0!important;z-index:1605!important;border-radius:15px!important;padding:13px!important;overflow:auto!important;box-shadow:0 -18px 55px rgba(0,0,0,.55)!important
  }
  .advisor-tools-backdrop-v192{position:fixed;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1590}.advisor-tools-backdrop-v192.is-open{opacity:1;pointer-events:auto}
  body.advisor-tool-open-v192{overflow:hidden!important}
  body[data-page="advisor"] .advisor-layout-v172{display:block!important;width:calc(100% - 20px)!important;margin:0 auto 18px!important;padding:0!important}
  body[data-page="advisor"] .advisor-page-v105{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  body[data-page="advisor"] .advisor-page-head-v105{padding:14px 2px 12px!important}.advisor-page-head-v105>span{font-size:9px!important}.advisor-page-head-v105 h1{font-size:clamp(28px,7.8vw,38px)!important;line-height:1.04!important;margin:6px 0 8px!important}.advisor-page-head-v105 p{font-size:12px!important;line-height:1.5!important;margin:0!important}
  body[data-page="advisor"] .advisor-dialog-v98{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:12px!important;overflow:hidden!important}
  body[data-page="advisor"] .advisor-head-v98{padding:13px!important}.advisor-head-v98 h2{font-size:20px!important}.advisor-form-v98{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}.advisor-form-v98 label,.advisor-form-v98 select,.advisor-input-v98{width:100%!important;min-width:0!important}.advisor-run-v98,.advisor-reset-v100{width:100%!important;min-height:43px!important}
  /* PSU details / database: one readable column and horizontal overflow only where it is actually needed. */
  .detail-main{width:100%!important;max-width:100%!important;margin:0!important}.detail-hero{display:block!important;width:100%!important;box-sizing:border-box!important;padding:14px 10px 18px!important}.detail-product-visual{width:100%!important;min-height:240px!important;max-height:350px!important;margin:0 0 15px!important}.detail-product-copy{width:100%!important;min-width:0!important}.detail-product-copy h1{font-size:clamp(27px,7.8vw,38px)!important;line-height:1.04!important}
  .detail-subnav{position:sticky!important;top:56px!important;z-index:650!important;display:flex!important;justify-content:flex-start!important;gap:0!important;overflow-x:auto!important;white-space:nowrap!important;padding:8px 10px!important;scrollbar-width:none!important}.detail-subnav::-webkit-scrollbar{display:none!important}
  .detail-section{padding:17px 10px!important}.summary-columns,.component-sheet,.protect-threshold-grid,.metric-grid-v29,.cross-grid-v29,.transient-grid-v30,.result-grid,.five-photo-grid{grid-template-columns:1fr!important}.sheet-row{grid-template-columns:minmax(96px,.8fr) minmax(0,1.2fr)!important;gap:8px!important}.sheet-row>*{min-width:0!important;overflow-wrap:anywhere!important}
  .five-photo-grid img{max-height:330px!important;object-fit:contain!important}.series-selector-v36{max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .review-grid-v166,.source-grid-v138,.series-watt-grid-v83,.series-watt-grid-v99{grid-template-columns:1fr!important}
  .sources-page-v138,.series-page-v83,.series-page-v99,.review-page{width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important}
  .site-footer-v171{flex-direction:column!important;gap:10px!important;text-align:center!important;padding:17px 12px calc(17px + env(safe-area-inset-bottom))!important}.site-footer-v171 nav{justify-content:center!important;flex-wrap:wrap!important;gap:7px 11px!important}
}
@media(max-width:620px){
  .topbar>.brand{max-width:118px!important}.topbar>.brand img{max-width:116px!important;max-height:38px!important}.lang-switch-v187 button{min-width:25px!important;padding:4px 5px!important}.topbar .settings-toggle-v188{width:30px!important;height:30px!important;min-width:30px!important}
  body[data-page="index"] #home>.hero,body[data-page="database"] .hero{padding:29px 14px 23px!important}.hero h1{font-size:clamp(30px,8.8vw,37px)!important}.hero p{font-size:13.5px!important}
  #psuCards,.cards{grid-template-columns:1fr!important}.psu-card{width:100%!important}
  body[data-page="advisor"] .advisor-top-band-v192{grid-template-columns:1fr!important}body[data-page="advisor"] .advisor-top-band-v192>.advisor-side-dock-left-v169{grid-column:1!important;grid-row:2!important}body[data-page="advisor"] .advisor-top-band-v192>.advisor-side-dock-right-v169{grid-column:1!important;grid-row:3!important}
}