:root{--navy:#152239;--orange:#e58241;--muted:#728096;--line:#e7ebf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#19283c;background:white;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;width:calc(100% - 46px);margin:auto}.strip{background:var(--navy);color:#bac6d4;padding:8px 0;font-size:12px}.strip .wrap{display:flex;justify-content:space-between}.bar{height:76px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:20}.barinner{height:100%;display:flex;align-items:center;gap:35px}.logo{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;color:var(--navy)}.logo:first-letter{color:var(--orange)}.logo small{font-size:10px;color:#94a1af;font-weight:500}.bar nav{display:flex;gap:30px;margin-left:auto;color:#687b90;font-weight:600}.cartbutton{background:var(--navy);color:white;border:0;border-radius:10px;padding:12px 17px}.cartbutton i{font-style:normal;background:var(--orange);border-radius:40px;padding:2px 7px;margin-left:7px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:28px}.hero-text{padding:58px;background:#f1f4f8;border-radius:19px}.tag{color:#7489a0;font-size:11px;font-weight:800;letter-spacing:1.2px}.tag.accent{color:var(--orange)}h1{font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-2.5px;margin:21px 0}h1 em{font-style:normal;color:var(--orange)}.hero-text p{color:#74849a;max-width:430px;font-size:16px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--orange);color:#fff;border:0;border-radius:10px;padding:15px 22px;font-weight:800}.cta:disabled{background:#bac4d1;cursor:default}.hero-card{min-height:345px;border-radius:19px;background:var(--navy);color:white;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.symbol{font-size:185px;text-align:center;color:var(--orange);line-height:1}.hero-card b{font-size:44px}.hero-card small{display:block;color:#aab8c9}.perks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;border:1px solid var(--line);border-radius:12px}.perks>div{display:flex;gap:16px;padding:25px;border-right:1px solid var(--line);font-weight:700}.perks b{color:var(--orange)}.perks small{color:#9ba8b5;font-weight:400}.catalog{padding:75px 0;scroll-margin-top:90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2,.about h2{font-size:35px;letter-spacing:-1px;margin:7px 0}.section-head>span{color:#8391a0}.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:27px}.sidebar{border:1px solid var(--line);border-radius:13px;padding:22px;align-self:start}.sidebar b{display:block;margin-bottom:16px}.sidebar button{display:block;width:100%;text-align:left;background:none;border:0;color:#748299;padding:10px;border-radius:7px;font-size:13px}.sidebar button:hover,.sidebar button.active{background:#fff0e8;color:#d87335}.sidebar-note{background:#f5f8fc;padding:14px;border-radius:9px;color:#8897a9;font-size:12px}.tools{display:flex;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #dde3ea;border-radius:11px;width:100%;height:52px;color:#7e91a8}.search input{border:0;outline:0;width:100%;min-width:0}.search:focus-within{border-color:var(--orange)}#categoryMobile{display:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 12px 30px #15253c14}.card-visual{height:156px;background:linear-gradient(145deg,#f9fafc,#edf2f8);display:grid;place-items:center;position:relative;cursor:pointer}.card-visual>span{color:#bacbdd;font-size:102px;line-height:1}.card-visual small{position:absolute;top:10px;left:10px;background:white;color:#8a98aa;font-size:10px;padding:4px 7px;border-radius:5px}.card-body{padding:16px;display:flex;flex:1;flex-direction:column}.card-cat{font-size:10px;color:#dc7c3c;font-weight:700}.card-name{font-size:13px;font-weight:700;margin:8px 0;min-height:59px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.card-sku{font-size:11px;color:#9aa7b7;margin-bottom:15px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}.card-price{font-size:18px;font-weight:800;white-space:nowrap}.add{flex-shrink:0;border:0;border-radius:8px;background:var(--navy);color:white;width:37px;height:37px;font-size:22px}.add:hover{background:var(--orange)}.pagination{display:flex;gap:6px;justify-content:center;margin-top:28px}.pagination button{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:7px}.pagination button.active{background:var(--navy);color:white}.pagination button:disabled{opacity:.4}.status{grid-column:1/-1;text-align:center;padding:30px;color:#8a98aa}.about{border-radius:18px;background:#f3f6fa;padding:40px 50px;display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}.about p{color:#7a889a}.about-label{color:#889aad}footer{background:#101c30;color:#d8e1eb;padding:26px 0}.foot{display:flex;align-items:center;justify-content:space-between}.foot span,footer button{color:#96a5b7;font-size:12px}footer button{border:0;background:transparent}.shade{position:fixed;inset:0;background:#0c152aaa;z-index:40}.drawer{position:fixed;right:0;top:0;width:min(450px,100%);height:100dvh;background:white;z-index:50;display:flex;flex-direction:column;transform:translateX(103%);transition:.25s;box-shadow:-20px 0 55px #101c3040}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-size:25px}.close{background:transparent;border:0;font-size:30px;color:#6c7c8e}.cart-items{flex:1;overflow:auto;padding:20px 24px}.cart-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:15px}.cart-row>div:first-child{flex:1}.cart-row b{font-size:13px}.cart-row small{display:block;color:#9ba8b9}.qty{display:flex;align-items:center;gap:12px;margin-top:10px}.qty button{background:#fff;border:1px solid var(--line);border-radius:6px;width:28px;height:28px}.drawer-bottom{padding:22px 24px;border-top:1px solid var(--line)}.drawer-bottom p{font-size:12px;color:#8897a9}.cart-total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:10px}.full{width:100%}.dialog{position:fixed;inset:0;background:#111c30b0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px}.dialog.open{display:flex}.dialog-box{background:#fff;width:min(470px,100%);max-height:90dvh;overflow:auto;border-radius:17px;padding:34px;position:relative}.dialog-close{position:absolute;right:15px;top:8px}.dialog-box h3{font-size:23px;line-height:1.25}.dialog-box>p{font-size:13px;color:#8290a0}.dialog-box strong{display:block;font-size:26px;margin:15px 0}.large-symbol{height:135px;background:#f0f4f8;color:#b5c6d7;font-size:88px;display:grid;place-items:center;border-radius:10px}.dialog-box small{color:var(--orange)}.dialog-box form label{display:block;font-size:13px;font-weight:700;margin:12px 0}.dialog-box input{width:100%;margin-top:6px;border:1px solid #dbe2ec;border-radius:9px;padding:12px}.dialog-box form button{margin-top:10px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.hero-text{padding:36px}.hero-card{min-height:290px}}@media(max-width:700px){.wrap{width:calc(100% - 28px)}.strip span,.bar nav,.sidebar{display:none}.bar{height:67px}.barinner{gap:8px}.logo{font-size:22px}.logo small{display:none}.cartbutton{margin-left:auto;padding:10px 13px}.hero{display:flex;flex-direction:column;margin-top:14px;gap:10px}.hero-text{padding:32px 25px;border-radius:14px}h1{font-size:40px;letter-spacing:-1.8px}.hero-text p{font-size:14px}.hero-card{min-height:98px;flex-direction:row;align-items:center;padding:14px 24px}.hero-card .symbol{font-size:65px}.hero-card b{font-size:29px}.perks{display:none}.catalog{padding:55px 0}.catalog-layout{display:block}.section-head h2{font-size:27px}.section-head>span{display:none}.tools{flex-direction:column;gap:10px}.search{height:49px}#categoryMobile{display:block;width:100%;height:45px;padding:0 12px;border:1px solid #dde3ea;border-radius:9px;background:white}.grid{gap:10px}.card-visual{height:117px}.card-visual>span{font-size:70px}.card-body{padding:11px}.card-name{font-size:12px;min-height:54px}.card-price{font-size:15px}.card-sku{font-size:10px}.card-cat{font-size:9px}.add{height:32px;width:32px}.about{padding:27px 22px;margin-bottom:35px}.about h2{font-size:26px}.about-label{display:none}.foot{gap:10px;flex-wrap:wrap}.foot span{order:3;width:100%}}
/* Graceful SSR navigation and form fallbacks for browsers without JavaScript */
.sidebar a{display:block;padding:10px;border-radius:7px;color:#748299;font-size:13px;line-height:1.35}
.sidebar a.active,.sidebar a:hover{background:#fff0e8;color:#d87335;font-weight:700}
.search-form{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.search-form .search{flex:1}
.search-form>button,.mobile-filter>button{border:1px solid #dce3ed;background:white;border-radius:9px;color:#334762;font-weight:700;padding:12px 16px;white-space:nowrap}
.search-form>button:hover,.mobile-filter>button:hover{border-color:#e58241;color:#d87335}
.mobile-filter{display:none}
.pagination a{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:7px}
.pagination a.active{background:var(--navy);color:white}
.add:disabled{opacity:.65;cursor:default}
@media(max-width:700px){
.mobile-filter{display:flex;gap:8px}
.mobile-filter select{display:block;min-width:0;flex:1}
.mobile-filter>button{font-size:13px;padding:10px 12px}
.search-form>button{font-size:12px;padding:10px 12px}
.search-form .search{min-width:0}
}

/* Product illustrations extracted from the source supplier PDF. */
.card-visual { overflow:hidden; }
.sprite-image { width:140px;height:120px;flex-shrink:0;background-repeat:no-repeat;background-color:white;border-radius:6px; }
#details .large-symbol .sprite-image { margin:auto; }
@media(max-width:700px){.card-visual .sprite-image{transform:scale(.70)}}