:root{--red:#e31b2f;--dark:#07080c;--black:#0d0f14;--gold:#d89b35;--muted:#aeb4bf;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;background:#fff;color:#141519}.topbar{background:#f4f5f7;color:#5b6270;font-size:13px;border-bottom:1px solid #e6e8ec}.navbar{background:#fff!important;backdrop-filter:none;border-bottom:1px solid #e8eaee;box-shadow:0 6px 22px rgba(10,15,25,.09)}.navbar-brand{font-weight:900;font-style:italic;letter-spacing:-1px;font-size:32px}.brand-red{color:var(--red)}.brand-flag{display:inline-block;width:10px;height:32px;background:linear-gradient(#111 0 33%,#e31b2f 33% 66%,#ffc400 66%);transform:skew(-15deg);margin-right:8px}.nav-link{color:#1b1d22!important;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.nav-link:hover{color:var(--red)!important}.nav-link.active{color:var(--red)!important}.btn-red{background:var(--red);border-color:var(--red);color:#fff;font-weight:800}.btn-red:hover{background:#ba1022;border-color:#ba1022;color:#fff}.btn-outline-light{font-weight:800}.hero .carousel-item{min-height:720px;background-size:cover;background-position:center;position:relative}.hero .carousel-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.95),rgba(5,6,10,.62),rgba(5,6,10,.18));}.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(42px,7vw,92px);line-height:.94;font-weight:950;text-transform:uppercase;letter-spacing:-3px;color:#fff}.hero .lead{color:#dce1e8;font-size:20px;max-width:640px}.badge-tech{background:rgba(227,27,47,.15);border:1px solid rgba(227,27,47,.55);color:#fff;padding:9px 14px;border-radius:999px;font-weight:800;letter-spacing:.08em}.oil-wave{height:8px;background:linear-gradient(90deg,#111,#e31b2f,#d89b35,#fff);}.section{padding:90px 0}.section-dark{background:#080a0f;color:#fff;position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:auto -20% -40% auto;width:620px;height:620px;background:radial-gradient(circle,rgba(216,155,53,.18),transparent 60%);}.section-title{font-size:clamp(32px,5vw,58px);font-weight:950;letter-spacing:-2px;text-transform:uppercase}.eyebrow{color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.cat-card{background:#fff;border:1px solid #e8ebf0;box-shadow:0 18px 45px rgba(10,15,25,.08);transition:.25s;overflow:hidden;height:100%;}.cat-card:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(10,15,25,.14)}.cat-img{height:220px;background-size:cover;background-position:center;position:relative}.cat-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}.cat-title{position:absolute;left:24px;bottom:20px;color:#fff;font-weight:950;font-size:25px;text-transform:uppercase;line-height:1}.spec-pill{display:inline-block;padding:7px 12px;background:#f2f4f7;border-radius:999px;margin:4px;font-weight:800;font-size:13px}.product-card{background:#11141c;color:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;height:100%;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;right:-80px;top:-80px;width:180px;height:180px;background:radial-gradient(circle,rgba(227,27,47,.3),transparent 65%)}.product-card h4{color:#ff263b;font-weight:950}.product-card small{color:#bfc5ce}.finder{background:#11141c;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.finder .form-select,.finder .form-control{background:#fff;border:0;height:54px;font-weight:700}.catalog-strip{background:#f5f6f8;border-top:1px solid #e2e5eb;border-bottom:1px solid #e2e5eb}.download-card{border:1px solid #e5e8ef;border-radius:20px;padding:24px;background:#fff;height:100%;box-shadow:0 14px 35px rgba(0,0,0,.05)}.footer{background:#050507;color:#d9dde5;padding:60px 0 25px}.footer a{color:#d9dde5;text-decoration:none}.footer a:hover{color:#ffcf55}.footer h5{color:#fff;font-weight:900}.red-line{width:70px;height:5px;background:var(--red);margin:16px 0}.logo-mark{font-size:38px;font-weight:950;font-style:italic;color:#111}.sticky-cta{position:fixed;right:22px;bottom:22px;z-index:20;border-radius:999px;padding:14px 18px;box-shadow:0 10px 35px rgba(227,27,47,.4)}.brand-logo{height:54px;width:auto;display:block}.footer .brand-logo{height:56px;margin-bottom:6px}
@media(max-width:991px){.hero .carousel-item{min-height:620px}.hero h1{letter-spacing:-1px}.section{padding:60px 0}.navbar-brand{font-size:26px}.brand-logo{height:40px}.footer .brand-logo{height:46px}}
/* ---- product-detail page ---- */
/* ---- product-detail specific ---- */
.pd-crumb{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa1ac;margin-bottom:22px}
.pd-crumb a{color:#9aa1ac;text-decoration:none}.pd-crumb a:hover{color:var(--red)}
.pd-stage{background:#f5f6f8;border:1px solid #e6e9ee;border-radius:26px;height:520px;display:flex;align-items:center;justify-content:center;padding:26px;box-shadow:0 20px 55px rgba(10,15,25,.06)}
.pd-stage img{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.18));transition:.2s}
.pd-thumbs{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.pd-thumb{background:#fff;border:2px solid #e6e9ee;border-radius:16px;padding:8px 6px 6px;width:88px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;align-items:center;gap:4px}
.pd-thumb img{height:56px;width:auto;object-fit:contain}
.pd-thumb span{font-weight:800;font-size:12px;color:#5b6270}
.pd-thumb:hover{border-color:#c9ced6}
.pd-thumb.active{border-color:var(--red);box-shadow:0 8px 20px rgba(227,27,47,.16)}
.pd-thumb.active span{color:var(--red)}
.pd-title{font-weight:950;letter-spacing:-1.5px;text-transform:uppercase;font-size:clamp(30px,4.4vw,50px);line-height:1;margin:8px 0 12px}
.pd-code{font-weight:800;color:#6b7280;margin-bottom:18px}.pd-code strong{color:#141519}
.pd-size-row{background:#0d0f14;color:#fff;border-radius:18px;padding:16px 22px;margin:22px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.pd-size-row .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aeb4bf;font-weight:800;display:block}
.pd-size-row .val{font-size:24px;font-weight:950;line-height:1.1}
.pd-size-row .code2{color:#ff7a86;font-weight:800;font-size:15px}
.pd-approvals{list-style:none;padding:0;margin:0}
.pd-approvals li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-weight:800}
.pd-approvals li:last-child{border-bottom:0}.pd-approvals li .k{color:#aeb4bf;font-weight:600}
.pd-pack{background:#fff;border:1px solid #e8ebf0;border-radius:20px;padding:18px 10px;text-align:center;height:100%;box-shadow:0 14px 35px rgba(10,15,25,.06);transition:.2s}
.pd-pack:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(10,15,25,.12)}
.pd-pack img{height:150px;width:auto;object-fit:contain;margin-bottom:10px}
.pd-pack .sz{font-weight:950;font-size:20px}.pd-pack .cd{font-size:12px;color:#9aa1ac;font-weight:700}
@media(max-width:991px){.pd-stage{height:400px}}
/* ---- header product search ---- */
.nav-search{position:relative}
.nav-search-input{border:1px solid #d7dbe0;border-radius:999px;padding:8px 40px 8px 16px;font-weight:600;font-size:14px;min-width:230px;outline:none;color:#141519;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa1ac' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.415l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat right 14px center}
.nav-search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,27,47,.12)}
.nav-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e6e8ec;border-radius:14px;box-shadow:0 20px 50px rgba(10,15,25,.20);overflow-x:hidden;overflow-y:auto;display:none;z-index:1080;max-height:70vh}
.nav-suggest.show{display:block}
.nav-suggest a{display:block;padding:10px 14px;text-decoration:none;color:#141519;border-bottom:1px solid #f0f2f5}
.nav-suggest a:last-child{border-bottom:0}
.nav-suggest a:hover,.nav-suggest a.active{background:#f5f6f8}
.nav-suggest .s-name{font-weight:800;font-size:14px;line-height:1.2}
.nav-suggest .s-meta{font-size:12px;color:#8b93a0;margin-top:2px}
.nav-suggest .s-empty{padding:12px 14px;color:#8b93a0;font-size:13px}
@media(max-width:991px){.nav-search{width:100%;margin:12px 0 4px}.nav-search-input{width:100%;min-width:0}}
/* ---- footer social icons ---- */
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#d9dde5;font-size:17px;transition:.2s;text-decoration:none}
.footer-social a:hover{background:var(--red);color:#fff}
/* ---- featured product image slider (full-bleed header) ---- */
.feat-carousel{margin:-26px -26px 22px;background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.17), rgba(255,255,255,.02) 68%);overflow:hidden}
.feat-carousel .carousel-item{height:238px;display:flex;align-items:center;justify-content:center;padding:14px}
.feat-carousel .carousel-item img{max-height:216px;max-width:92%;width:auto;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}
.feat-carousel .carousel-indicators{margin:0 0 8px}
.feat-carousel .carousel-indicators [data-bs-target]{width:7px;height:7px;border-radius:50%;opacity:.45}
.feat-carousel .carousel-indicators .active{opacity:1;background:var(--red)}
/* ---- pagination ---- */
.pagination{--bs-pagination-color:#141519;--bs-pagination-hover-color:#fff;--bs-pagination-hover-bg:var(--red);--bs-pagination-hover-border-color:var(--red);--bs-pagination-focus-color:var(--red);--bs-pagination-focus-box-shadow:0 0 0 .2rem rgba(227,27,47,.2);--bs-pagination-active-bg:var(--red);--bs-pagination-active-border-color:var(--red)}
.pagination .page-link{font-weight:700;min-width:42px;text-align:center}
/* ---- homepage product showcase (framed) ---- */
.hero-products{position:relative;padding:0}
.hero-products .hp-glow{display:none}
.hero-products .hp-row{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:320px}
.hero-products .hp-b{filter:none}
.hero-products .hp-b-main{max-height:340px;max-width:42%;width:auto;position:relative;z-index:2}
.hero-products .hp-b-side{max-height:250px;max-width:30%;width:auto;opacity:.94}
@media(max-width:991px){.hero-products .hp-row{min-height:260px}.hero-products .hp-b-main{max-height:280px;max-width:62%}.hero-products .hp-b-side{display:none}}