/* Flux v6.9 — final mobile/light-mode audit + studio runtime bridge */
html,body{max-width:100%;overflow-x:hidden}
.hk-body{font-family:var(--hk-font);font-size:var(--hk-base-font,16px);font-weight:var(--hk-body-weight,400);letter-spacing:var(--hk-letter-spacing,0);line-height:var(--hk-line-height,1.75);background-color:var(--hk-theme-bg);background-image:linear-gradient(rgba(0,0,0,var(--hk-body-overlay,0)),rgba(0,0,0,var(--hk-body-overlay,0))),var(--hk-body-image,none);background-size:var(--hk-body-size,cover);background-repeat:var(--hk-body-repeat,no-repeat);background-position:var(--hk-body-position,center top);background-attachment:scroll;color:var(--hk-theme-text)}
.hk-body :where(h1,h2,h3,h4,h5,h6){font-family:var(--hk-heading-font,var(--hk-font));font-weight:var(--hk-heading-weight,900);letter-spacing:var(--hk-letter-spacing,0);line-height:1.3}
.hk-body :where(h1){font-size:calc(2.25rem * var(--hk-heading-scale,1))}.hk-body :where(h2){font-size:calc(1.75rem * var(--hk-heading-scale,1))}.hk-body :where(h3){font-size:calc(1.3rem * var(--hk-heading-scale,1))}
.hk-body :where(button,input,select,textarea){font-family:var(--hk-font)}
.hk-body :where(img,video,iframe,svg){max-width:100%}
.hk-body :where(.nova-panel,.nova-card,.nova-product-card,.nova-catalog-card,.account-card,.support-card,.content-article-card){border-color:var(--hk-theme-line)!important}

/* light-mode reconciliation for legacy/Nova surfaces */
html[data-hawk-theme="light"] .hk-body{color-scheme:light}
html[data-hawk-theme="light"] .hk-body :where(.nova-shell,.nova-panel,.nova-card,.nova-card-detail,.nova-product-panel,.nova-catalog-filter,.nova-account-hero,.nova-support-hero,.nova-support-panel,.page-rich-content,.rich-content){color:var(--hk-theme-text)!important}
html[data-hawk-theme="light"] .hk-body :where(input,select,textarea){background:var(--hk-theme-surface)!important;color:var(--hk-theme-text)!important;border-color:var(--hk-theme-line)!important}
html[data-hawk-theme="light"] .hk-body :where(input,textarea)::placeholder{color:var(--hk-theme-muted)!important}
html[data-hawk-theme="light"] .hk-body :where(.content-article-card .page-rich-content,.rich-content.nova-card-rich){background:var(--hk-theme-surface)!important;color:var(--hk-theme-text)!important}
html[data-hawk-theme="light"] .hk-body :where(.content-article-card .page-rich-content,.rich-content.nova-card-rich) :where(p,li,span,small,em){color:var(--hk-theme-muted)!important}
html[data-hawk-theme="light"] .hk-body :where(.content-article-card .page-rich-content,.rich-content.nova-card-rich) :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--hk-theme-text)!important}
html[data-hawk-theme="light"] .hk-body .hkn-shell,html[data-hawk-theme="light"] .hk-body .hkn-menu{box-shadow:none!important}

/* consistent interactive geometry */
.hk-body :where(.btn,.nova-btn,.nova-primary,.nova-secondary,button[type="submit"],a.nova-action){border-radius:min(var(--hk-radius,22px),14px)}
.hk-body :where(.nova-breadcrumb,.nova-tabs,.nova-filter-panel,.nova-sortbar){border-color:var(--hk-theme-line)!important}

/* tablet */
@media(max-width:980px){
  .hk-body{font-size:15px}
  .hkn-shell{width:calc(100% - 20px);min-height:64px;gap:8px;padding:7px 8px;border-radius:18px}
  .hkn-brand__mark{width:42px;height:42px;border-radius:13px}.hkn-brand__name{font-size:15px;max-width:150px}
  .hkn-links{gap:2px}.hkn-link,.hkn-drop>summary{padding-inline:8px;font-size:11px}
  .hk-inner-page,.nova-shell{width:min(96vw,var(--hk-max))}
  .nova-layout,.nova-product-layout,.nova-checkout-layout,.nova-account-layout,.nova-support-layout{min-width:0!important;max-width:100%!important}
  .nova-sidebar,.nova-filter-panel{min-width:0!important}
}

/* mobile: global shell, navigation, drawers, forms */
@media(max-width:760px){
  :root{--hk-theme-radius:var(--hk-mobile-radius,16px);--hk-theme-radius-sm:10px}
  .hk-body{font-size:14px;background-attachment:scroll!important}
  .hkn-header{padding:7px 0 5px}
  .hkn-shell{width:calc(100% - 12px);min-height:58px;padding:6px;gap:5px;border-radius:16px}
  .hkn-brand{min-width:0;gap:7px}.hkn-brand__mark{width:40px;height:40px;border-radius:12px}.hkn-brand__name{max-width:118px;font-size:13px}
  .hkn-links{display:none!important}
  .hkn-actions{margin-inline-start:auto;gap:4px}.hkn-action{width:40px;height:40px;min-width:40px;border-radius:11px}.hkn-action span:not(.hkn-count){display:none}
  .hkn-mobile-toggle{display:grid!important}
  .hkn-mobile-drawer{width:min(88vw,360px)!important}
  .nova-cart-drawer{width:min(92vw,380px)!important;max-width:100vw!important}
  .hk-inner-page,.nova-shell,.hk-wrap,.hk-section-head{width:calc(100% - 18px)!important;max-width:none!important}
  .hk-main{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .hk-section-head{margin-top:var(--hk-section-gap,42px);gap:10px}.hk-section-head h2{font-size:22px}.hk-section-head p{font-size:11px;line-height:1.7}.hk-more{font-size:10px;padding:7px 9px}
  .nova-breadcrumb{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .nova-layout,.nova-product-layout,.nova-checkout-layout,.nova-account-layout,.nova-support-layout,.nova-card-layout{grid-template-columns:1fr!important;gap:12px!important}
  .nova-sidebar,.nova-filter-panel,.nova-catalog-filter{position:static!important;width:100%!important;max-width:none!important}
  .nova-filter-panel{order:2}.nova-catalog-content{order:1}
  .nova-product-gallery,.nova-product-info,.nova-card-gallery,.nova-card-info{min-width:0!important;width:100%!important}
  .nova-product-gallery img,.nova-card-gallery img{max-height:72vh;object-fit:contain!important}
  .nova-checkout-hero,.nova-account-hero,.nova-support-hero{padding:18px!important;border-radius:var(--hk-mobile-radius,16px)!important}
  .nova-checkout-hero h1,.nova-account-hero h1,.nova-support-hero h1{font-size:clamp(25px,8vw,38px)!important;line-height:1.2!important}
  .nova-checkout-steps{overflow-x:auto;scrollbar-width:none;grid-template-columns:repeat(3,minmax(160px,1fr))!important}
  .nova-account-stats,.nova-support-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .nova-support-activity,.nova-account-activity{grid-template-columns:1fr!important}
  .nova-form-grid,.form-grid{grid-template-columns:1fr!important}
  .nova-form-grid .wide,.form-grid .wide{grid-column:auto!important}
  dialog,.nova-modal{max-width:calc(100vw - 18px)!important;max-height:calc(100dvh - 24px)!important;margin:auto!important}
  .swal2-popup{width:calc(100vw - 22px)!important;font-size:13px!important}
  table{max-width:100%}.table-responsive,.nova-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .content-article-card,.page-rich-content,.rich-content.nova-card-rich{border-radius:var(--hk-mobile-radius,16px)!important;padding:14px!important}
  .page-rich-content :where(img,video,iframe),.rich-content.nova-card-rich :where(img,video,iframe){width:auto!important;max-width:100%!important;height:auto!important;margin:12px auto!important}
}

/* 2-up mobile catalogs — deliberately compact, never horizontal overflow */
@media(max-width:620px){
  html[data-hawk-two-up="on"] .hk-body :where(.hawk-catalog-card-grid,.nova-catalog-grid,.nova-product-grid,.product-grid,.cards-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  html[data-hawk-two-up="on"] .hk-body :where(.nova-catalog-card,.nova-product-card,.hawk-catalog-market-card){min-width:0!important;width:100%!important;max-width:none!important;scroll-snap-align:none!important}
  html[data-hawk-two-up="on"] .hk-body .nova-product-card :where(h3,h4),html[data-hawk-two-up="on"] .hk-body .nova-catalog-card :where(h3,h4){font-size:11px!important;line-height:1.45!important}
  html[data-hawk-two-up="on"] .hk-body .nova-product-card :where(p,small),html[data-hawk-two-up="on"] .hk-body .nova-catalog-card :where(p,small){font-size:8px!important}
  html[data-hawk-two-up="on"] .hk-body .nova-product-card img{aspect-ratio:1/1;object-fit:cover}
  .nova-account-stats,.nova-support-stats{grid-template-columns:1fr 1fr!important}
  .nova-cart-drawer__footer{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}

@media(max-width:390px){
  .hkn-brand__name{max-width:92px;font-size:12px}
  .hkn-action{width:37px;height:37px;min-width:37px}
  .hk-inner-page,.nova-shell,.hk-wrap,.hk-section-head{width:calc(100% - 12px)!important}
  html[data-hawk-two-up="on"] .hk-body :where(.hawk-catalog-card-grid,.nova-catalog-grid,.nova-product-grid,.product-grid,.cards-grid){gap:6px!important}
}

/* reduced motion always wins */
@media(prefers-reduced-motion:reduce){.hk-body *, .hk-body *::before,.hk-body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}