:root,html[data-theme="light"]{--bg:#f4f7f6;--surface:#fff;--surface-2:#edf4f2;--ink:#16211f;--muted:#5f6f6b;--line:#dbe6e3;--teal:#0b716b;--teal-strong:#075c57;--teal-soft:#d5f0ec;--shadow:0 16px 40px rgba(27,65,59,.10)}html[data-theme="dark"]{--bg:#101513;--surface:#171d1b;--surface-2:#202825;--ink:#f0f5f3;--muted:#aebbb7;--line:#2a3532;--teal:#6bd1c7;--teal-strong:#8be2d9;--teal-soft:#173a36;--shadow:0 18px 44px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;line-height:1.45}button,input,select{font:inherit}a{color:inherit}.hub-nav{position:sticky;top:0;z-index:50;height:104px;overflow:visible;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}.hub-nav-inner{width:min(calc(100% - 32px),1180px);height:100%;margin:auto;display:flex;align-items:center;gap:16px}.hub-home{display:flex;align-items:center;gap:10px;font-weight:780;text-decoration:none;letter-spacing:-.02em;min-height:44px}.hub-home img{height:92px;width:auto;border-radius:0}.combo-mark{display:block}.combo-mark-dark{display:none}html[data-theme="dark"] .combo-mark-light{display:none}html[data-theme="dark"] .combo-mark-dark{display:block}.hub-nav-links{margin-left:auto;display:flex;align-items:center;gap:22px}.hub-nav-links a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:650}.hub-nav-links a[aria-current="page"]{color:var(--teal)}.hub-page{width:min(calc(100% - 32px),1180px);margin:0 auto;padding:34px 0 64px}.crumbs{display:flex;gap:8px;align-items:center;min-height:44px;font-size:.82rem;color:var(--muted);margin-bottom:14px}.crumbs a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--teal);font-weight:700}.hub-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}.hub-heading>div{min-width:0}.eyebrow{color:var(--teal);font-weight:820;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.hub-heading h1{margin:6px 0 8px;font-size:clamp(2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.055em;max-width:760px}.hub-heading>div>p{max-width:670px;margin:0;color:var(--muted);font-size:1.02rem}.catalogue-status{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);font-size:.82rem;white-space:nowrap}.catalogue-status strong{display:block;color:var(--ink);font-size:.95rem}.catalogue-status span{display:block}.search-panel{margin:30px 0 20px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-panel label{display:grid;gap:4px}.search-panel label span{font-size:.75rem;font-weight:750;color:var(--muted);padding-left:4px}.search-panel input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);padding:0 14px}.search-panel button,.filter-bar button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:700;padding:0 14px;cursor:pointer}.filter-bar{display:flex;align-items:center;gap:8px;overflow:auto;padding:2px 0 10px}.filter-bar button[aria-pressed="true"]{border-color:var(--teal);background:var(--teal);color:#fff}.category-filter{min-width:0;margin-left:auto;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 8px 0 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,var(--surface),var(--bg));font-weight:800;box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.category-filter:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teal) 55%,var(--line))}.category-filter:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 20%,transparent),var(--shadow)}.category-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.category-select-wrap{position:relative;display:grid;align-items:center;min-width:180px}.category-select-wrap select{grid-area:1/1;appearance:none;width:100%;min-height:38px;padding:0 34px 0 12px;border:0;border-radius:11px;background:color-mix(in srgb,var(--teal-soft) 72%,var(--surface));color:var(--ink);font:inherit;font-weight:850;cursor:pointer;outline:0}.category-chevron{grid-area:1/1;justify-self:end;width:9px;height:9px;margin-right:13px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:translateY(-2px) rotate(45deg);pointer-events:none}.hub-section{padding-top:36px;scroll-margin-top:90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head h2,.acquisition h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.section-head p{margin:4px 0 0;color:var(--muted)}.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.brand-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-height:84px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;transition:transform .16s,border-color .16s}.brand-card:hover,.brand-card:focus-visible,.brand-card[aria-current="true"]{border-color:var(--teal);transform:translateY(-2px)}.brand-mark{position:relative;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:14px;background:var(--teal-soft);color:var(--teal-strong);font-weight:850}.brand-logo{position:absolute;inset:5px;display:block;width:calc(100% - 10px);height:calc(100% - 10px);padding:2px;border-radius:9px;object-fit:contain;background:var(--surface);opacity:0}.brand-logo.is-loaded{opacity:1}.brand-mark-fallback{display:grid;place-items:center;width:100%;height:100%}.brand-mark-fallback[hidden]{display:none!important}.brand-card strong,.brand-card small{display:block}.brand-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card small{color:var(--muted);font-size:.72rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);text-decoration:none;box-shadow:0 9px 24px rgba(27,65,59,.07);transition:transform .16s,border-color .16s}.product-card:hover,.product-card:focus-visible{border-color:var(--teal);transform:translateY(-3px)}.product-card[hidden]{display:none}.product-image-wrap{display:grid;place-items:center;aspect-ratio:1;background:#fff;padding:16px}.product-image-wrap img{width:100%;height:100%;object-fit:contain}.product-image-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:120px;color:#64716d;background:#eef3f1;text-align:center}.product-image-fallback[hidden]{display:none!important}.product-body{display:flex;flex:1;flex-direction:column;padding:14px}.brand-line{color:var(--teal);font-size:.75rem;font-weight:780;text-transform:uppercase;letter-spacing:.04em}.product-title{display:-webkit-box;min-height:3.1em;margin:4px 0 16px;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.3}.price-row{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto}.price-row>span:first-child{display:flex;flex-direction:column}.price-row b{font-size:1.35rem}.price-row small,.unit-price,.checked{color:var(--muted);font-size:.72rem}.store-pill,.status-pill{padding:5px 8px;border-radius:999px;background:var(--surface-2);font-size:.72rem;font-weight:780}.status-pill{background:var(--teal-soft);color:var(--teal-strong)}.card-pills{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.unit-price,.checked{display:block;margin-top:5px}.empty-state{padding:32px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.empty-state strong,.empty-state span{display:block}.acquisition{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:48px;padding:24px;border-radius:20px;background:var(--teal-soft)}.acquisition p{margin:5px 0 0;color:var(--muted)}.acquisition a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:13px;background:#4cb6ac;color:#fff;font-weight:780;text-decoration:none;text-align:center}.legal-note{margin:24px 0 0;color:var(--muted);font-size:.82rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.hub-nav-links{display:none}.hub-page{padding-top:20px}.hub-heading{grid-template-columns:1fr}.catalogue-status{width:fit-content;max-width:100%}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:2px 0 10px}.filter-bar button{width:100%;padding:0 8px}.category-filter{grid-column:1/-1;display:grid;align-items:stretch;gap:6px;margin-left:0;padding:10px 12px;border:2px solid var(--line);background:var(--surface);box-shadow:0 8px 24px rgba(27,65,59,.08)}.category-label{padding-left:2px}.category-select-wrap{min-width:0;width:100%}.category-select-wrap select{min-height:48px;border:1px solid var(--line);background:var(--teal-soft)}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.acquisition{grid-template-columns:1fr}.acquisition a{width:100%}}@media(max-width:470px){.hub-page,.hub-nav-inner{width:min(calc(100% - 22px),1180px)}.hub-home{font-size:.96rem}.hub-home img{height:84px;width:auto;border-radius:0}.hub-heading h1{font-size:clamp(2.4rem,12vw,3.8rem)}.search-panel{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.category-filter{grid-column:1/-1}.brand-card{grid-template-columns:40px minmax(0,1fr);min-height:76px;padding:9px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand-card strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:116px minmax(0,1fr)}.product-image-wrap{aspect-ratio:auto;min-height:190px;padding:10px}.product-title{min-height:0}.catalogue-status{white-space:normal}}@media(max-width:320px){.brand-grid{grid-template-columns:1fr}.product-card{grid-template-columns:96px minmax(0,1fr)}.product-body{padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.brand-card{transition:none}}


.catalogue-index {
  margin-top: 2.5rem;
  padding: 1.25rem 1.35rem;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: var(--bg-card);
}
.catalogue-index h2 {
  margin: 0 0 .4rem;
  font-size: 1.05rem;
  color: var(--text);
}
.catalogue-index p {
  margin: 0 0 .9rem;
  color: var(--text-muted);
  font-size: .88rem;
}
.catalogue-index ul {
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: .35rem;
}
.catalogue-index a {
  color: var(--teal);
  font-weight: 600;
  text-decoration: none;
}
.catalogue-index a:hover { text-decoration: underline; }
.catalogue-index span {
  color: var(--text-dim);
  font-weight: 500;
}
@media(max-width:768px){.hub-home img{height:84px;width:auto;border-radius:0}}