/* JININOVA public home responsive stabilization — 2026-09-22
   Home-only overrides. Workspace/dashboard styles are intentionally untouched. */

body[data-page="business-hub"] .hub-hero-figure,
body[data-page="business-hub"] .hub-core-media{min-width:0}
body[data-page="business-hub"] .hub-hero-figure>img,
body[data-page="business-hub"] .hub-core-media img{
  display:block;width:100%;max-width:100%;object-fit:cover;
  background:#dce5e1;opacity:1;visibility:visible
}
body[data-page="business-hub"] .hub-hero-figure>img{
  height:clamp(390px,34vw,520px);
  min-height:390px
}
body[data-page="business-hub"] .hub-core-media img{height:100%}
body[data-page="business-hub"] .hub-products,
body[data-page="business-hub"] .hub-core-grid,
body[data-page="business-hub"] .hub-standards{align-items:stretch}
body[data-page="business-hub"] .hub-product,
body[data-page="business-hub"] .hub-core,
body[data-page="business-hub"] .hub-standards>li{min-width:0}
body[data-page="business-hub"] .hub-product h3,
body[data-page="business-hub"] .hub-product p,
body[data-page="business-hub"] .hub-core h3,
body[data-page="business-hub"] .hub-core p{overflow-wrap:anywhere}
body[data-page="business-hub"] .hub-product-links{align-items:flex-end}
body[data-page="business-hub"] .hub-product-links a{max-width:100%}

/* Desktop / wide tablet */
@media (max-width:1080px){
  body[data-page="business-hub"] .hub-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);
    gap:38px
  }
  body[data-page="business-hub"] .hub-hero-figure>img{height:390px}
  body[data-page="business-hub"] .hub-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet and mobile: stop squeezing hero into two columns. */
@media (max-width:820px){
  body[data-page="business-hub"] .hub-wrap{width:min(100% - 36px,1380px)}
  body[data-page="business-hub"] .hub-hero{padding-top:38px}
  body[data-page="business-hub"] .hub-hero-grid{
    grid-template-columns:1fr;
    gap:30px;
    padding-bottom:34px
  }
  body[data-page="business-hub"] .hub-hero-grid>div:first-child{max-width:680px}
  body[data-page="business-hub"] .hub-hero h1{
    max-width:680px;
    font-size:clamp(40px,8.2vw,58px);
    line-height:1.08
  }
  body[data-page="business-hub"] .hub-hero-description{max-width:650px}
  body[data-page="business-hub"] .hub-hero-figure{width:100%;padding-bottom:0}
  body[data-page="business-hub"] .hub-hero-figure>img{
    height:auto;
    aspect-ratio:16/9;
    border-radius:14px 14px 0 0;
    object-position:center 48%
  }
  body[data-page="business-hub"] .hub-photo-caption{
    position:relative;left:auto;right:auto;bottom:auto;
    border-radius:0 0 14px 14px
  }
  body[data-page="business-hub"] .hub-intro,
  body[data-page="business-hub"] .hub-section-head,
  body[data-page="business-hub"] .hub-connection,
  body[data-page="business-hub"] .hub-standard-top,
  body[data-page="business-hub"] .hub-faq,
  body[data-page="business-hub"] .hub-contact-inner{
    grid-template-columns:1fr
  }
  body[data-page="business-hub"] .hub-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="business-hub"] .hub-core{padding:24px}
  body[data-page="business-hub"] .hub-core-media{aspect-ratio:16/9;margin:-2px 0 22px}
  body[data-page="business-hub"] .hub-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="business-hub"] .hub-product{padding:23px;min-height:0}
  body[data-page="business-hub"] .hub-standards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phones */
@media (max-width:620px){
  body[data-page="business-hub"] .hub-wrap{width:calc(100% - 28px)}
  body[data-page="business-hub"] .hub-header-inner{min-height:68px;padding-block:10px}
  body[data-page="business-hub"] .hub-brand small{display:none}
  body[data-page="business-hub"] .hub-login>span:first-child{display:none}
  body[data-page="business-hub"] .hub-login{padding-inline:10px}
  body[data-page="business-hub"] .hub-hero{padding-top:30px}
  body[data-page="business-hub"] .hub-hero h1{
    font-size:clamp(36px,10.4vw,48px);
    line-height:1.1;
    letter-spacing:-.052em
  }
  body[data-page="business-hub"] .hub-hero-description{font-size:15px}
  body[data-page="business-hub"] .hub-actions{align-items:stretch}
  body[data-page="business-hub"] .hub-button{width:100%}
  body[data-page="business-hub"] .hub-hero-figure>img{aspect-ratio:4/3;object-position:center 48%}
  body[data-page="business-hub"] .hub-photo-caption{padding:14px 15px}
  body[data-page="business-hub"] .hub-photo-caption strong{font-size:17px}
  body[data-page="business-hub"] .hub-hero-foot{flex-direction:column;align-items:flex-start}
  body[data-page="business-hub"] .hub-hero-foot>span{max-width:none}
  body[data-page="business-hub"] .hub-core-grid,
  body[data-page="business-hub"] .hub-products{grid-template-columns:1fr}
  body[data-page="business-hub"] .hub-core,
  body[data-page="business-hub"] .hub-product{padding:22px}
  body[data-page="business-hub"] .hub-product-top{align-items:flex-start}
  body[data-page="business-hub"] .hub-product-type{text-align:right}
  body[data-page="business-hub"] .hub-standards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  body[data-page="business-hub"] .hub-standards li{padding-top:16px}
  body[data-page="business-hub"] .hub-board-row{grid-template-columns:24px minmax(0,1fr)}
  body[data-page="business-hub"] .hub-footer-top{align-items:flex-start}
}

/* Very narrow phones */
@media (max-width:390px){
  body[data-page="business-hub"] .hub-wrap{width:calc(100% - 24px)}
  body[data-page="business-hub"] .hub-language{display:none}
  body[data-page="business-hub"] .hub-hero h1{font-size:34px}
  body[data-page="business-hub"] .hub-standards{grid-template-columns:1fr}
}


/* Mobile hardening v2 — 2026-09-22 */
@media (max-width:768px){
  body[data-page="business-hub"] .hub-products,
  body[data-page="business-hub"] .hub-core-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  body[data-page="business-hub"] .hub-product,
  body[data-page="business-hub"] .hub-core{
    min-height:0 !important;
    height:auto !important;
    padding:24px !important;
  }
  body[data-page="business-hub"] .hub-product h3,
  body[data-page="business-hub"] .hub-core h3{
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    font-size:clamp(25px,7vw,31px) !important;
    line-height:1.22 !important;
  }
  body[data-page="business-hub"] .hub-product-description,
  body[data-page="business-hub"] .hub-core>p{
    word-break:keep-all !important;
    overflow-wrap:break-word !important;
    font-size:15px !important;
    line-height:1.78 !important;
  }
  body[data-page="business-hub"] .hub-product-top{
    margin-bottom:22px !important;
  }
  body[data-page="business-hub"] .hub-product-type{
    max-width:52%;
    white-space:normal;
    line-height:1.35;
  }
  body[data-page="business-hub"] .hub-product-links{
    margin-top:18px !important;
    padding-top:16px !important;
  }
  body[data-page="business-hub"] .hub-product-links a{
    width:100%;
    justify-content:space-between;
    word-break:keep-all;
  }
  body[data-page="business-hub"] .hub-section-head h2,
  body[data-page="business-hub"] .hub-connection-copy h2{
    word-break:keep-all;
  }
  body[data-page="business-hub"] .hub-standards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:520px){
  body[data-page="business-hub"] .hub-wrap{
    width:calc(100% - 24px) !important;
  }
  body[data-page="business-hub"] .hub-header-inner{
    padding-inline:0 !important;
    gap:6px !important;
  }
  body[data-page="business-hub"] .hub-brand{
    min-width:0;
    flex:1 1 auto;
  }
  body[data-page="business-hub"] .hub-brand strong{
    font-size:19px !important;
    letter-spacing:-.03em;
  }
  body[data-page="business-hub"] .hub-header-actions{
    gap:4px !important;
    flex:0 0 auto;
  }
  body[data-page="business-hub"] .hub-language a{
    min-width:27px !important;
    padding-inline:4px !important;
  }
  body[data-page="business-hub"] .hub-login{
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:24px !important;
  }
  body[data-page="business-hub"] .hub-menu{
    width:42px !important;
    height:42px !important;
  }
  body[data-page="business-hub"] .hub-hero h1{
    font-size:clamp(34px,9.6vw,44px) !important;
    word-break:keep-all;
  }
  body[data-page="business-hub"] .hub-hero-figure>img{
    aspect-ratio:4/3 !important;
    height:auto !important;
  }
  body[data-page="business-hub"] .hub-section{
    padding-block:48px !important;
  }
  body[data-page="business-hub"] .hub-product,
  body[data-page="business-hub"] .hub-core{
    padding:22px !important;
    border-radius:16px !important;
  }
  body[data-page="business-hub"] .hub-standards{
    grid-template-columns:1fr !important;
  }
  body[data-page="business-hub"] .hub-filter{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px !important;
  }
  body[data-page="business-hub"] .hub-filter button{
    width:100%;
    min-width:0;
    padding-inline:10px !important;
  }
  body[data-page="business-hub"] .hub-result-count{
    grid-column:1/-1;
  }
}