.catalog-hero{padding-top:82px;padding-bottom:42px;max-width:1200px}.catalog-hero h1{font-size:clamp(2.6rem,5.7vw,5.3rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0 20px;max-width:900px}.catalog-hero h1 em{font-style:normal;color:var(--lime,#bbf56e)}.catalog-hero>p{max-width:630px;color:#bdc8ca;font-size:1.06rem;line-height:1.75}.catalog-summary{display:flex;align-items:center;gap:14px;margin-top:30px;color:#d7e0e0;font-size:.9rem}.catalog-summary strong{color:#fff;font-size:1rem}.summary-dot{width:4px;height:4px;border-radius:50%;background:#bbf56e}.summary-note{margin-left:10px;color:#8d9b9e;font-size:.8rem}.catalog-browser{max-width:1320px;margin:0 auto;padding:28px 5.5vw 76px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:34px;border-top:1px solid #273438}.catalog-sidebar{align-self:start;position:sticky;top:24px;padding:12px 0}.sidebar-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.95rem;color:#f4f8f8;padding:0 12px 16px}.sidebar-title span{color:#96a3a4;font-size:.75rem}.category-option{width:100%;border:0;background:none;color:#aebbbc;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px;border-radius:9px;font:inherit;font-size:.84rem;cursor:pointer;transition:.18s}.category-option:hover{color:white;background:#1c292d}.category-option span{color:#738285;font-size:.75rem}.category-option.selected{background:#26352f;color:#d7f69b}.category-option.selected span{color:#c2e877}.catalog-controls{display:flex;align-items:center;gap:18px;margin:0 0 21px}.catalog-search{height:48px;display:flex;align-items:center;gap:10px;flex:1;border:1px solid #344246;background:#141e21;border-radius:10px;padding:0 13px;color:#8d9b9e}.catalog-search>span{font-size:1.5rem;line-height:1}.catalog-search input{background:transparent;border:0;outline:0;color:white;width:100%;font:inherit;font-size:.9rem}.catalog-search input::placeholder{color:#839092}.catalog-search:focus-within{border-color:#91bd5a;box-shadow:0 0 0 3px #bbf56e1c}.catalog-search kbd{font-size:.7rem;border:1px solid #445256;border-radius:4px;padding:2px 6px}.catalog-result{white-space:nowrap;font-size:.83rem;color:#aebbbc}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{min-width:0;border:1px solid #2a383b;background:linear-gradient(160deg,#192528,#121a1d);border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-3px);border-color:#536751}.product-visual{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#263539,#182225 72%);padding:18px}.product-visual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.product-model{position:absolute;top:12px;left:12px;background:#283a31;color:#d5f49b;border:1px solid #516844;border-radius:5px;padding:5px 8px;font-size:.68rem;font-weight:700;letter-spacing:.045em;max-width:calc(100% - 24px);overflow-wrap:anywhere}.product-body{padding:15px 16px 16px}.product-category{font-size:.68rem;color:#91a0a0;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.product-body h2{font-size:1rem;line-height:1.4;margin:0 0 13px;color:#f3f6f6;font-weight:650}.product-specs{border-top:1px solid #2b383b;padding-top:11px;margin:0;list-style:none;display:grid;gap:8px}.product-specs li{font-size:.77rem;line-height:1.5;color:#bdc8c8;display:flex;gap:7px;align-items:flex-start}.product-specs li::before{content:"";flex:0 0 5px;height:5px;border-radius:50%;background:#9cc95d;margin-top:6px}.spec-label{color:#f0f4f4;font-weight:600}.spec-more{margin-top:10px}.spec-more summary{cursor:pointer;color:#b8dd7a;font-size:.75rem;list-style:none}.spec-more summary::-webkit-details-marker{display:none}.spec-more summary::after{content:" +"}.spec-more[open] summary::after{content:" −"}.spec-more .product-specs{border:0;padding-top:10px}.catalog-source-note{font-size:.75rem;line-height:1.6;color:#859396;margin-top:24px}.catalog-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #405052;border-radius:12px;color:#f0f4f4}.catalog-empty span{color:#9ba8a9;font-size:.86rem}.catalog-contact{max-width:1200px;border-top:1px solid #29363a;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:48px;padding-bottom:64px}.catalog-contact h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:12px 0}.catalog-contact p{color:#aebbbc;margin:0;line-height:1.6}.catalog-contact .button{white-space:nowrap}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-browser{grid-template-columns:210px minmax(0,1fr);gap:22px}.product-visual{height:175px}}
@media(max-width:700px){.catalog-hero{padding-top:56px;padding-bottom:30px}.catalog-hero>p{font-size:.95rem}.catalog-summary{flex-wrap:wrap;gap:9px 12px}.summary-note{width:100%;margin:5px 0 0}.catalog-browser{display:block;padding:24px 5vw 54px}.catalog-sidebar{position:static;padding:0 0 18px}.sidebar-title{padding:0 0 10px}.catalog-sidebar>#category-list{display:flex;overflow:auto;gap:7px;padding-bottom:4px;scrollbar-width:none}.catalog-sidebar>#category-list::-webkit-scrollbar{display:none}.catalog-option,.catalog-sidebar .category-option{width:auto;white-space:nowrap;flex:none;border:1px solid #344246;padding:8px 11px}.catalog-sidebar>.category-option:first-of-type{width:auto;display:inline-flex;border:1px solid #344246;margin-bottom:9px}.catalog-controls{gap:10px;align-items:stretch;flex-direction:column;margin-bottom:16px}.catalog-result{font-size:.78rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:140px;padding:12px}.product-model{font-size:.61rem;top:8px;left:8px;padding:4px 6px}.product-body{padding:12px 11px}.product-body h2{font-size:.88rem}.product-specs li{font-size:.72rem;gap:5px}.catalog-contact{align-items:flex-start;flex-direction:column;padding-top:36px}.catalog-contact .button{width:100%;justify-content:center}}
@media(max-width:400px){.catalog-grid{grid-template-columns:1fr}.product-visual{height:195px}.product-body h2{font-size:1rem}}

.active-filter{display:none;margin:-4px 0 16px;color:#c4ee83;font-size:.8rem}.active-filter.visible{display:block}

.product-source-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 12px;padding:8px 0;border-top:1px solid #2b383b;color:#8f9c9d;font-size:.7rem}.product-source-code strong{color:#bec8c8;font-size:.72rem;letter-spacing:.03em}
/* Keep portrait source photos inside their fixed card image area. */
.product-visual{overflow:hidden}
.product-visual img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);min-width:0;min-height:0}
@media(max-width:700px){.product-visual img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}}
/* Restore readable type and native text width inside the product cards. */
.catalog-grid .product-body h2{letter-spacing:0;line-height:1.35;font-weight:650}
.catalog-grid .product-specs{padding-left:0}

/* EryaTech product codes should be easy to spot and read. */
.catalog-grid .product-model{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;letter-spacing:.015em;padding:7px 10px;color:#e2ffac;background:#142019;border-color:#b8e66d;box-shadow:0 2px 10px #0008}
@media(max-width:700px){.catalog-grid .product-model{font-size:.8rem;padding:6px 8px}}

/* Keep the EryaTech code beneath the product title, clear of the image. */
.catalog-grid .product-code-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:-5px 0 12px}
.catalog-grid .product-code-label{font-size:.63rem;line-height:1;color:#91a0a0;letter-spacing:.07em;font-weight:650}
.catalog-grid .product-body .product-model{position:static;display:inline-block;max-width:100%;font-size:.92rem;letter-spacing:.015em;padding:6px 9px;color:#e2ffac;background:#142019;border:1px solid #b8e66d;border-radius:5px;box-shadow:none}
@media(max-width:700px){.catalog-grid .product-body .product-model{font-size:.8rem;padding:5px 7px}}
.catalog-grid .product-code-value{display:inline-block;position:static;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.94rem;line-height:1.2;letter-spacing:.015em;font-weight:750;padding:6px 9px;color:#e2ffac;background:#142019;border:1px solid #b8e66d;border-radius:5px;box-shadow:none;overflow-wrap:normal;white-space:nowrap}
@media(max-width:700px){.catalog-grid .product-code-value{font-size:.8rem;padding:5px 7px}}
