/* Homepage opening repair. Keep all desktop rules and source media unchanged. */
@media (max-width:760px) and (orientation:portrait){
  .fueltek-video-intro{background:#000!important}
  .fueltek-video-intro .fueltek-intro-video,
  .fueltek-video-intro #fueltekIntroVideo{
    width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center center!important;
  }
}

@media (max-width:560px){
  /* Two clear rows give every utility a usable touch area at 320px. */
  html[data-theme] body .header{
    top:max(8px,env(safe-area-inset-top))!important;
    width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:48px 48px!important;
    gap:6px!important;
    height:auto!important;min-height:0!important;
  }
  html[data-theme] body .header .logo{
    grid-column:1!important;grid-row:1!important;
    width:min(190px,100%)!important;min-width:0!important;
    height:48px!important;min-height:48px!important;
  }
  html[data-theme] body .header .header-actions-v56{
    box-sizing:border-box!important;
    grid-column:1!important;grid-row:2!important;
    display:flex!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:48px!important;min-height:48px!important;
    padding:2px 4px!important;gap:4px!important;
    justify-content:space-between!important;overflow:visible!important;
  }
  html[data-theme] body .header .fmo-login-v56{
    box-sizing:border-box!important;
    flex:1 1 auto!important;min-width:86px!important;
    min-height:44px!important;padding:0 8px!important;
    font-size:10px!important;letter-spacing:.035em!important;white-space:nowrap!important;
  }
  html[data-theme] body .header .a11y-menu-v163,
  html[data-theme] body .header .a11y-trigger-v163,
  html[data-theme] body .header .pages-menu-btn-v56{
    box-sizing:border-box!important;flex:0 0 44px!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
  }
  html[data-theme] body .header .sky-theme-switch[data-theme-toggle]{
    box-sizing:border-box!important;flex:0 0 60px!important;
    width:60px!important;min-width:60px!important;max-width:60px!important;
    min-height:44px!important;
  }
  /* The existing ResizeObserver measures the taller header for page clearance. */
  html{scroll-padding-top:134px}
  .fueltek-sales-contact-dock-v381{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    gap:8px!important;
  }
  body:has(.ft-cookie-banner:not([hidden])) .fueltek-sales-contact-dock-v381,
  body:has(.ft-cookie-modal:not([hidden])) .fueltek-sales-contact-dock-v381{
    opacity:0!important;pointer-events:none!important;
  }
  .hero#home .hero-copy{min-width:0!important;max-width:100%!important}
  .hero#home h1{max-width:100%!important;font-size:clamp(42px,13.5vw,58px)!important;line-height:.94!important;overflow-wrap:normal!important}
}

/* The homepage uses a bundled copy of the cookie stylesheet. */
@media(max-width:650px){
  .ft-cookie-banner{
    left:max(10px,env(safe-area-inset-left));
    bottom:max(10px,env(safe-area-inset-bottom));
    width:calc(100% - max(20px,env(safe-area-inset-left) + env(safe-area-inset-right) + 20px));
    max-width:none;
    max-height:calc(100vh - 28px);
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);
    overflow-y:auto;
    overscroll-behavior:contain;
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    gap:16px;
    padding:17px;
    border-radius:16px;
  }
  .ft-cookie-banner__text{min-width:0;width:100%;overflow-wrap:break-word}
  .ft-cookie-banner p{max-width:none;font-size:13px;line-height:1.5}
  .ft-cookie-banner h2{font-size:18px}
  .ft-cookie-actions{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:9px}
  .ft-cookie-actions .ft-cookie-btn{width:100%;min-width:0;min-height:44px;line-height:1.2;white-space:normal}
  .ft-cookie-btn--manage{grid-column:1/-1;grid-row:2}
  .ft-cookie-modal{padding:10px}
  .ft-cookie-modal__panel{padding:19px;border-radius:16px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)}
  .ft-cookie-modal__actions{grid-template-columns:1fr}
  .ft-cookie-modal__actions .ft-cookie-btn:last-child{grid-column:auto}
  .ft-cookie-settings-chip{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));min-height:44px;padding:0 11px;font-size:9px}
}