/* HUBKUB owner feedback pass 2026-10-01. Presentation only. */
.hk-site .hkh-hero{background:#0764ec;border:0;color:#fff}
.hk-site .hkh-slide{--hkh-ink:#fff;--hkh-muted:#e0edff;--hkh-accent:#46eeff;--hkh-cta:#ff8610;--hkh-cta-ink:#172138;background:linear-gradient(118deg,#063bc8 0%,#005fe9 42%,#009ddf 81%,#14ddec 100%)}
.hk-site .hkh-orange{--hkh-ink:#4b2000;--hkh-muted:#652e00;--hkh-accent:#862c04;--hkh-cta:#0057ff;--hkh-cta-ink:#fff;background:linear-gradient(115deg,#fff29a 0%,#ffd348 42%,#ff9316 72%,#ff6036 100%)}
.hk-site .hkh-mint{--hkh-ink:#063f42;--hkh-muted:#16595a;--hkh-accent:#075b43;--hkh-cta:#e4007f;--hkh-cta-ink:#fff;background:linear-gradient(115deg,#e4ffbb,#b3f79c 37%,#41dbb5 72%,#16c6d8)}
.hk-site .hkh-scenery,.hk-site .hkh-platform{display:block}
.hk-site .hkh-hero .hkh-title,.hk-site .hkh-hero .hkh-description,.hk-site .hkh-hero .hkh-eyebrow{color:var(--hkh-ink)}
.hk-site .hkh-title-accent{color:var(--hkh-accent)}
.hk-site .hkh-hero .hkh-button-secondary{background:#ffffffd9;border-color:#ffffff;color:#122342}
.hk-site .hk-retail-home>.hk-section:first-of-type{margin-top:56px}
.hk-site .hk-retail-category{grid-template-columns:92px minmax(0,1fr) 18px;gap:16px;min-height:128px;padding:18px 18px}
.hk-retail-category-media{display:grid;place-items:center;width:92px;height:82px;border-radius:10px;background:linear-gradient(145deg,#f8fbff,#eef4fb);overflow:hidden}
.hk-retail-category-media .hk-category-art{display:block;width:82px;height:74px;object-fit:contain;mix-blend-mode:multiply;transition:transform .18s ease}
.hk-retail-category:hover .hk-category-art{transform:translateY(-3px) scale(1.025)}
.hk-retail-category-media .hk-retail-category-icon{width:52px;height:52px}
.hk-site .hk-retail-category strong{font-size:15px}
.hk-site .hk-retail-category small{font-size:10px}
.hk-site .hk-retail-brands{background:#f6f8fb;padding:36px 32px}
.hk-site .hk-retail-brands .hk-brand-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hk-site .hk-retail-brands .hk-brand-list a{min-height:98px;padding:15px 12px;gap:9px}
.hk-brand-logo{display:grid;place-items:center;width:100%;height:48px}
.hk-brand-logo img{display:block;max-width:132px;max-height:43px;width:auto;height:auto;object-fit:contain;filter:none}
.hk-brand-logo strong{font-size:17px}
.hk-site .hk-retail-brands .hk-brand-list small{font-size:10px;color:#748096}
.hk-quick-specs .hk-section-title p{margin:5px 0 0;color:var(--hk-muted);font-size:14px}
.hk-quick-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hk-quick-spec-grid>section{min-width:0;padding:20px;border:1px solid var(--hk-border);border-radius:12px;background:#fff}
.hk-quick-spec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf0f5;color:var(--hk-navy)}
.hk-quick-spec-head span,.hk-quick-spec-head b,.hk-quick-spec-head small{display:block}
.hk-quick-spec-head b{font-size:15px;font-weight:650}
.hk-quick-spec-head small{margin-top:3px;color:var(--hk-muted);font-size:10px;letter-spacing:.03em}
.hk-quick-spec-head>.hk-icon{width:18px;height:18px;color:var(--hk-blue)}
.hk-quick-spec-grid>section>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}
.hk-quick-spec-grid>section>div>a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #d7e1ee;border-radius:7px;background:#f8fbff;color:#334155;font-size:12px;font-weight:600}
.hk-quick-spec-grid>section>div>a:hover{border-color:#8ab5ef;background:#eef6ff;color:var(--hk-blue)}
.hk-mega-catalog{height:auto;min-height:0;max-height:calc(100vh - var(--hk-menu-top,172px) - 30px);overflow:auto}
.hk-mega-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid var(--hk-border)}
.hk-mega-head .hk-eyebrow{margin:0 0 2px}
.hk-mega-head strong{display:block;font-size:22px;line-height:1.4;color:var(--hk-navy);font-weight:650}
.hk-mega-head small{display:block;margin-top:3px;color:var(--hk-muted);font-size:12px}
.hk-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 12px}
.hk-mega-grid>section{min-width:0;padding:18px 20px;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.hk-mega-grid>section:nth-child(3n){border-right:0}
.hk-mega-grid>section:nth-last-child(-n+3){border-bottom:0}
.hk-mega-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--hk-navy)}
.hk-mega-title span,.hk-mega-title b,.hk-mega-title small{display:block}
.hk-mega-title b{font-size:16px;font-weight:650}
.hk-mega-title small{margin-top:3px;color:#778397;font-size:10px;letter-spacing:.035em}
.hk-mega-title>.hk-icon{width:18px;height:18px;color:var(--hk-blue)}
.hk-mega-grid nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:12px}
.hk-mega-grid nav a{display:flex;align-items:center;min-height:34px;padding:5px 0;border-bottom:1px solid #f0f2f5;color:#475467;font-size:12px}
.hk-mega-grid nav a:hover{color:var(--hk-blue)}
.hk-mega-footer{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border-top:1px solid var(--hk-border);background:#f8fafc;font-size:12px}
.hk-mega-footer a{color:var(--hk-blue);font-weight:650}
.hk-mega-footer span{color:#c0c7d0}
@media(max-width:1100px) and (min-width:761px){
 .hk-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hk-mega-grid>section{border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
 .hk-mega-grid>section:nth-child(2n){border-right:0}
 .hk-mega-grid>section:nth-last-child(-n+2){border-bottom:0}
 .hk-site .hk-retail-category{grid-template-columns:74px minmax(0,1fr);gap:12px}
 .hk-retail-category-media{width:74px;height:70px}.hk-retail-category-media .hk-category-art{width:66px;height:62px}
 .hk-quick-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .hk-site .hkh-slide{background:linear-gradient(145deg,#063bc8 0%,#006fe7 62%,#17c4df 100%)}
 .hk-site .hkh-orange{background:linear-gradient(145deg,#fff29a 0%,#ffc83d 62%,#ff7d2e 100%)}
 .hk-site .hkh-mint{background:linear-gradient(145deg,#e4ffbb 0%,#76e5a9 62%,#24c8d4 100%)}
 .hk-progressive-mobile-root{grid-template-columns:minmax(0,1fr) 24px!important;min-height:60px!important;padding:10px 12px!important}
 .hk-progressive-mobile-icon{display:none!important}
 .hk-progressive-mobile-row>span strong{font-size:15px}.hk-progressive-mobile-row>span small{font-size:10px}
 .hk-progressive-mobile-titlebar{border-top:0}
 .hk-site .hk-retail-category{grid-template-columns:72px minmax(0,1fr) 18px;min-height:108px;padding:15px}
 .hk-retail-category-media{width:72px;height:68px}.hk-retail-category-media .hk-category-art{width:64px;height:60px}
 .hk-quick-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hk-quick-spec-grid>section{padding:16px}
 .hk-site .hk-retail-brands .hk-brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:480px){
 .hk-site .hk-retail-category{grid-template-columns:1fr;min-height:176px;padding:16px;gap:10px}
 .hk-retail-category-media{width:100%;height:92px}.hk-retail-category-media .hk-category-art{width:96px;height:84px}
 .hk-quick-spec-grid{grid-template-columns:1fr}
 .hk-site .hk-retail-brands .hk-brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hk-brand-logo img{max-width:118px;max-height:38px}
 .hk-mega-footer{flex-wrap:wrap}
}
/* Owner feedback #5: mobile catalog drawer uses visual category tiles and less chrome. */
@media(max-width:760px){
 .hk-progressive-mobile-top{grid-template-columns:minmax(0,1fr) 42px;min-height:56px;padding:6px 12px}
 .hk-progressive-mobile-top .hk-mobile-cat-logo{display:none!important}
 .hk-progressive-mobile-top>strong{text-align:left;font-size:17px}
 .hk-progressive-mobile-search{width:calc(100% - 24px)!important;margin:10px 12px 8px!important;height:42px!important}
 .hk-progressive-mobile-titlebar{grid-template-columns:40px minmax(0,1fr) 40px;min-height:58px;padding:7px 12px}
 .hk-progressive-mobile-titlebar>div{text-align:left}.hk-progressive-mobile-titlebar .hk-eyebrow{display:none}
 .hk-progressive-mobile-titlebar h2{font-size:16px;line-height:1.35}
 .hk-progressive-mobile-back{width:38px;height:38px}
 .hk-progressive-mobile-all{min-height:42px!important;margin:8px 12px 6px;padding:8px 11px!important}
 .hk-progressive-mobile-list{padding:0 12px 16px}
 .hk-progressive-mobile-list.is-root{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:6px}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-root{position:relative;display:grid!important;grid-template-columns:1fr!important;align-content:start;gap:7px;min-height:132px!important;padding:11px!important;border:1px solid #e0e7f0!important;border-radius:11px!important;background:#fff!important;text-align:center}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-root:hover{border-color:#a7c4ea!important;background:#f8fbff!important}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-icon{display:grid!important;width:100%;height:66px;border:0;border-radius:8px;background:linear-gradient(145deg,#f8fbff,#eef4fb);overflow:hidden}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-icon .hk-category-art{display:block;width:76px;height:60px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-icon .hk-retail-category-icon{width:44px;height:44px}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-root>span strong{font-size:13px;line-height:1.35}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-root>span small{font-size:8.5px;line-height:1.25;margin-top:3px}
 .hk-progressive-mobile-list.is-root .hk-progressive-mobile-root>b{position:absolute;right:8px;top:8px;font-size:17px;color:#91a0b4}
 .hk-progressive-mobile-list:not(.is-root){padding-top:4px}
}/* Owner feedback #6-8: visual desktop catalog + catalog category cards. */
.hk-mega-visual-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px 22px 20px;background:#fbfcfe}
.hk-mega-visual-card{display:grid;grid-template-columns:88px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:126px;padding:14px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;color:var(--hk-navy);min-width:0}
.hk-mega-visual-card:hover{border-color:#9fc2ed;background:#f8fbff;box-shadow:0 5px 16px #0a1a3c0b}
.hk-mega-visual-media{display:grid;place-items:center;width:88px;height:82px;border-radius:10px;background:linear-gradient(145deg,#f8fbff,#eef4fb);overflow:hidden}
.hk-mega-visual-media .hk-category-art{display:block;width:82px;height:74px;object-fit:contain;mix-blend-mode:multiply;transition:transform .18s ease}
.hk-mega-visual-card:hover .hk-category-art{transform:translateY(-2px) scale(1.03)}
.hk-mega-visual-media .hk-retail-category-icon{width:52px;height:52px}
.hk-mega-visual-copy{display:block;min-width:0}.hk-mega-visual-copy strong,.hk-mega-visual-copy small,.hk-mega-visual-copy em{display:block}
.hk-mega-visual-copy strong{font-size:14px;line-height:1.4;font-style:normal}.hk-mega-visual-copy small{margin-top:3px;color:#6d7b90;font-size:9px;letter-spacing:.045em}
.hk-mega-visual-copy em{margin-top:7px;color:#8995a7;font-size:9px;line-height:1.45;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-mega-visual-card>.hk-icon{width:17px;height:17px;color:#8ea3bd}
.hk-shop-categories-visual{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:26px!important}
.hk-shop-categories-visual>a{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:112px!important;padding:12px 14px!important;border-radius:11px!important}
.hk-shop-category-media{display:grid;place-items:center;width:86px;height:78px;border-radius:9px;background:linear-gradient(145deg,#f8fbff,#eef4fb);overflow:hidden}
.hk-shop-category-media .hk-category-art{display:block;width:78px;height:70px;object-fit:contain;mix-blend-mode:multiply;transition:transform .18s ease}
.hk-shop-categories-visual>a:hover .hk-category-art{transform:translateY(-2px) scale(1.025)}
.hk-shop-category-copy{display:block;min-width:0}.hk-shop-category-copy strong,.hk-shop-category-copy small{display:block}
.hk-shop-category-copy strong{font-size:13px!important;line-height:1.4}.hk-shop-category-copy small{font-size:9px!important;line-height:1.35;margin-top:4px!important}
.hk-all-products-art{position:relative;display:block;width:78px;height:66px}.hk-all-products-thumb{position:absolute!important;width:48px!important;height:48px!important;object-fit:contain!important;margin:0!important;mix-blend-mode:multiply}
.hk-all-products-thumb:nth-child(1){left:0;bottom:2px}.hk-all-products-thumb:nth-child(2){right:0;top:0}.hk-all-products-thumb:nth-child(3){left:18px;top:10px}
@media(max-width:1100px) and (min-width:761px){
 .hk-mega-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .hk-mega-visual-card{grid-template-columns:74px minmax(0,1fr) 16px;min-height:112px;padding:12px}
 .hk-mega-visual-media{width:74px;height:68px}.hk-mega-visual-media .hk-category-art{width:68px;height:62px}
 .hk-shop-categories-visual{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .hk-shop-categories-visual>a{grid-template-columns:72px minmax(0,1fr)!important}
 .hk-shop-category-media{width:72px;height:68px}.hk-shop-category-media .hk-category-art{width:66px;height:60px}
}
@media(max-width:760px){
 html{scroll-padding-top:0!important;scroll-padding-bottom:52px!important}
 .hk-site .hk-masthead{position:static!important;top:auto!important;z-index:auto!important}
 body.admin-bar .hk-masthead{top:auto!important}
 .hk-shop-categories-visual{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:10px!important;margin:0 -20px 18px!important;padding:0 20px 8px!important;scroll-snap-type:x proximity;scrollbar-width:none}
 .hk-shop-categories-visual::-webkit-scrollbar{display:none}
 .hk-shop-categories-visual>a{flex:0 0 138px!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:8px!important;min-height:136px!important;padding:10px!important;text-align:center;scroll-snap-align:start}
 .hk-shop-category-media{width:100%;height:76px}.hk-shop-category-media .hk-category-art{width:82px;height:70px}
 .hk-shop-category-copy strong{font-size:12px!important}.hk-shop-category-copy small{font-size:8px!important}
 .hk-all-products-art{width:82px;height:66px;margin:auto}
 .hk-footer{padding-bottom:50px!important}
}@media(max-width:760px){
 .hk-mobile-bar{display:grid!important;grid-template-columns:1fr 1fr!important;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:6px;padding:3px 8px calc(3px + env(safe-area-inset-bottom));border-top:1px solid #dce4ee;background:#ffffffed;backdrop-filter:blur(8px)}
 .hk-mobile-bar>a{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;min-height:36px!important;padding:4px 10px;border-radius:7px;font-size:10px!important;font-weight:650;line-height:1.2}
 .hk-mobile-bar>a:first-child{background:#f3f7fc;color:var(--hk-navy)}
 .hk-mobile-bar>a:nth-child(2){background:var(--hk-blue);color:#fff}
 .hk-mobile-bar .hk-icon{width:17px!important;height:17px!important}
 .hk-mobile-bar span{display:inline!important}
}
@media(max-width:390px){
 .hk-mobile-bar>a{min-height:34px!important;font-size:9px!important}
 .hk-mobile-bar .hk-icon{width:16px!important;height:16px!important}
}