@media(max-width:1050px){.primary-nav ul{gap:12px}.header-search{width:170px}.category-grid{grid-template-columns:repeat(3,1fr)}.calculator-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.site-header{height:62px}.header-inner{gap:10px}.primary-nav,.header-search,.icon-link{display:none}.primary-nav.is-open{display:block;position:absolute;top:62px;left:0;right:0;background:var(--bg);padding:18px 20px;border-bottom:1px solid var(--line)}.primary-nav.is-open ul{display:flex;flex-direction:column;align-items:flex-start}.header-cta{margin-left:auto;font-size:9px;padding:9px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.menu-toggle span{width:21px;height:2px;background:var(--ink)}.hero{padding:28px 0 18px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(39px,11vw,53px);letter-spacing:-1.7px}.hero-copy>p{font-size:13px}.hero-actions{flex-wrap:wrap;margin:17px 0 22px}.hero-stats{gap:10px;justify-content:space-between}.hero-stats div{padding-right:8px}.hero-stats strong{font-size:19px}.hero-stats span{font-size:8px}.hero-art{height:300px;margin-top:12px}.phone{width:175px;height:280px;border-width:7px;padding:18px 10px}.phone-item{padding:6px 0}.art-orbit{width:270px;height:245px}.art-top{top:15px}.art-bottom{bottom:10px}.section{padding:20px 0}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading h2,.how-section h2{font-size:22px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:150px;padding:10px}.category-art{height:65px}.offer-grid,.article-grid{grid-template-columns:1fr}.filter-pills{width:100%;overflow-x:auto}.filter-pills button{white-space:nowrap}.matcher-banner{width:calc(100% - 32px);grid-template-columns:1fr;padding:24px 20px}.matcher-banner h2{font-size:29px}.banner-visual{min-height:180px}.calculator-grid{grid-template-columns:1fr;gap:13px}.calc-tabs{width:100%}.calc-tabs button{flex:1}.steps-grid{grid-template-columns:1fr;gap:16px}.step i{display:none}.footer-grid{grid-template-columns:repeat(2,1fr);gap:18px}.footer-grid>div:first-child,.footer-subscribe{grid-column:1/-1}.footer-bottom{justify-content:flex-start}.article-single h1,.error-page h1{font-size:31px}}


/* PUMPFIN 0.3.8 — mobile header and product-card layout fixes */
@media (max-width: 720px) {
  .site-header {
    height: 72px !important;
    min-height: 72px !important;
    position: relative;
    z-index: 50;
  }
  .site-header .header-inner {
    width: calc(100% - 28px) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0;
  }
  .header-inner > .brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 54px) !important;
    overflow: hidden;
    line-height: 1 !important;
  }
  .header-inner > .brand .pf-custom-brand-img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: min(190px, 100%) !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  .header-inner > .brand img,
  .header-inner > .brand svg {
    max-width: 100% !important;
    max-height: 42px !important;
  }
  /* Header CTA is duplicated by the prominent hero CTA; keep mobile header clean. */
  .header-inner > .header-cta {
    display: none !important;
  }
  .header-inner > .menu-toggle {
    display: flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--line, #e6e8df) !important;
    border-radius: 11px !important;
    background: transparent !important;
  }
  .primary-nav.is-open {
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Product cards: one card per row, never squeezed into narrow columns. */
  .pf-product-grid,
  .section .pf-product-grid,
  .container .pf-product-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 14px !important;
    align-items: stretch !important;
  }
  .pf-product-grid > .pf-product-card,
  .pf-product-grid .pf-product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 18px !important;
    min-height: 0 !important;
    overflow: hidden;
  }
  .pf-product-card__head,
  .pf-product-brand {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .pf-product-brand > span:last-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .pf-product-brand strong,
  .pf-product-brand small {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .pf-product-grid .pf-product-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .pf-product-grid .pf-product-specs > div {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .pf-product-grid .pf-product-specs small {
    overflow-wrap: anywhere !important;
  }
  .pf-product-grid .pf-product-specs strong {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .pf-product-grid .pf-product-card__actions {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  .site-header .header-inner > .brand .pf-custom-brand-img {
    max-width: 155px !important;
  }
  .pf-product-grid .pf-product-card {
    padding: 15px !important;
  }
}