:root { --cat-primary:#d71920; --cat-accent:#a90f16; --cat-bg:#f5f2eb; --cat-card:#fff; --cat-border:rgba(17,24,32,.13); --cat-text:#111820; --cat-muted:#66717b; --cat-gradient:linear-gradient(135deg,#111820,#202a34); }
body.catalog-page { background:var(--cat-bg); }
#mobileAppTabbar,.mobile-app-tabbar{display:none!important}
.catalog-app { background:var(--cat-bg); color:var(--cat-text); padding-top:98px; }
.catalog-site-nav { position:fixed; top:14px; left:50%; z-index:200; width:min(1240px,calc(100% - 32px)); min-height:68px; transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; padding:.55rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(11,16,22,.94); backdrop-filter:blur(18px); }
.catalog-brand { display:flex; align-items:center; gap:.65rem; color:#d71920; text-decoration:none; letter-spacing:.13em; }
.catalog-site-nav>div { display:flex; align-items:center; gap:.2rem; }
.catalog-site-nav>div a { padding:.62rem .76rem; border-radius:9px; color:#c5ccd3; text-decoration:none; font-size:.84rem; font-weight:600; }
.catalog-site-nav>div a:hover,.catalog-site-nav>div a.active { color:#fff; background:rgba(255,255,255,.075); }
.catalog-site-nav>div .nav-cta { margin-left:.35rem; background:#d71920; color:#fff; }
.catalog-app-header { display:none; position:relative; top:auto; padding:14px 16px 8px; background:transparent; border:0; }
.catalog-app-header:has(.catalog-back-btn.visible) { display:block; }
.catalog-app-header-inner,.catalog-hero,.catalog-search,.catalog-grid,.catalog-detail,.catalog-download-bar { max-width:1180px; }
.catalog-header-text h1 { color:#111820; font-family:'Jost',sans-serif; font-size:1.2rem; letter-spacing:-.02em; }
.catalog-home-link { margin-left:auto; color:#66717b; font-size:1.1rem; }
.catalog-hero { padding-top:10px; }
.catalog-hero-banner { min-height:330px; display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,4rem); border-radius:22px; background:#111820; }
.catalog-hero-banner::after { width:460px; height:460px; top:-65%; right:-8%; border:1px solid rgba(255,255,255,.1); background:transparent; box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(215,25,32,.025); }
.catalog-eyebrow { position:relative; z-index:2; margin-bottom:.8rem; color:#ef6b71; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.catalog-hero-banner h2 { max-width:780px; color:#fff; font-family:'Jost',sans-serif; font-size:clamp(2.35rem,5vw,4.5rem); line-height:1; letter-spacing:-.05em; }
.catalog-hero-banner p { max-width:700px; margin-top:.75rem; color:#b5bec7; font-size:1rem; line-height:1.65; }
.catalog-btn-white { border:1px solid #d71920; border-radius:10px; background:#d71920; color:#fff; }
.catalog-btn-outline { border-radius:10px; }
.catalog-search { margin-top:28px; }
.catalog-search input { min-height:52px; border-radius:12px; background:#fff; color:#111820; }
.catalog-search input:focus { border-color:#d71920; box-shadow:0 0 0 4px rgba(215,25,32,.09); }
.catalog-grid { grid-template-columns:repeat(4,1fr); gap:16px; }
.catalog-card { background:#fff; border-color:var(--cat-border); border-radius:16px; box-shadow:0 12px 34px rgba(17,24,32,.05); }
.catalog-card:hover { border-color:rgba(215,25,32,.35); box-shadow:0 18px 42px rgba(17,24,32,.1); }
.catalog-card-img { aspect-ratio:4/3; background:#ebe7de; }
.catalog-card-body { padding:14px; }
.catalog-card-body h3 { color:#111820; font-size:.9rem; }
.catalog-card-price,.catalog-section h3 { color:#d71920; }
.catalog-download-bar a { color:#19745c; }
.catalog-detail { color:#111820; }
.catalog-detail-intro,.catalog-detail-copy,.catalog-features li,.catalog-meta { color:#66717b!important; line-height:1.65; }
.catalog-detail-copy { font-size:.92rem; }
.catalog-detail h2 { color:#111820; font-family:'Jost',sans-serif; letter-spacing:-.035em; }
.catalog-detail-hero { border-color:var(--cat-border); }
.catalog-section,.catalog-meta { border-color:var(--cat-border); background:#fff; }
.catalog-tags span { background:rgba(215,25,32,.07); color:#a90f16; border-color:rgba(215,25,32,.14); }
.catalog-modal { background:#fff; color:#111820; border-color:var(--cat-border); }
.catalog-form-group input,.catalog-form-group select,.catalog-form-group textarea { background:#f8f8f6; color:#111820; border-color:#d5d7d4; }
.catalog-form-submit,.catalog-cta-primary { background:#d71920; }
@media(max-width:900px){body{padding-bottom:0!important}.catalog-site-nav>div a:not(.nav-cta){display:none}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.catalog-app{padding-top:78px}.catalog-site-nav{top:8px;width:calc(100% - 16px);min-height:60px}.catalog-site-nav .nav-cta{font-size:.75rem}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-hero-banner{min-height:300px;padding:1.5rem}.catalog-hero-banner h2{font-size:2.5rem}}