body.sp-page{background:#0b101a;color:#f3f5f8;font-family:Cairo,Tahoma,sans-serif}
.sp-page .sp-shell{max-width:1240px;margin:auto;padding:0 28px}
.sp-page main{padding-top:16px;min-height:100vh}
.sp-page :is(h1,h2,h3){color:#f3f5f8}
.sp-page .navbar,.sp-page .navbar.scrolled{background:#151d2bf5;border-bottom-color:#2b3545}
.sp-page .navbar .logo,.sp-page .nav-links a{color:#f3f5f8}
.sp-page .navbar .logo{direction:ltr}
.sp-page .logo-icon{background:#ed8936;color:#111722}
.sp-page .logo-accent,.sp-page .nav-links a.active{color:#ed8936}
.sp-page .nav-toggle span{background:#f3f5f8}
.sp-page .nav-links{background:#151d2b}
.sp-page .sp-footer{background:transparent}
.sp-page .sp-headline-accent{display:block;color:#ed8936}
.sp-page [hidden]{display:none!important}
.sp-page button,.sp-page input,.sp-page select,.sp-page textarea{font:inherit}
.sp-page button{cursor:pointer}
.sp-page button:disabled{opacity:.6;cursor:wait}
.sp-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #ed8936;outline-offset:3px}
.sp-subnav{display:flex;gap:28px;border-bottom:1px solid #2b3545;padding:0 0 12px;font-size:14px}
.sp-subnav a{color:#a6b2c5;padding:8px 0;text-decoration:none}
.sp-subnav [aria-current]{color:#ed8936;border-bottom:2px solid #ed8936}
.sp-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0;color:#a6b2c5;font-size:12px}
.sp-breadcrumb a{color:inherit}
.sp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:12px 0 34px}
.sp-kicker{color:#ed8936;font-size:12px;margin:0 0 10px}
.sp-page h1{font-size:38px;line-height:1.5;margin:0 0 12px;max-width:550px}
.sp-intro{font-size:14px;line-height:1.9;color:#a6b2c5;max-width:540px;margin:0}
.sp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sp-primary,.sp-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #ed8936;border-radius:8px;padding:9px 17px;font-size:13px;font-weight:700;background:#ed8936;color:#111722;text-decoration:none}
.sp-secondary{background:#151d2b;border-color:#354257;color:#f3f5f8}
.sp-montage{direction:ltr;display:grid;grid-template-columns:1.1fr 1fr;gap:12px;max-width:340px;margin:auto;width:100%;align-items:center}
.sp-montage img{background:white;border-radius:12px;object-fit:contain;padding:18px;width:100%;height:110px;transform:rotate(4deg)}
.sp-montage img:first-child{grid-row:span 2;height:220px;transform:rotate(-5deg)}
.sp-benefits{display:flex;flex-wrap:wrap;gap:24px;border-block:1px solid #2b3545;padding:14px 0;color:#a6b2c5;font-size:12px}
.sp-benefits span:before{content:'✓';color:#ed8936;margin-inline-end:8px}
.sp-catalog{padding:28px 0 38px;scroll-margin-top:100px}
.sp-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.sp-page h2{font-size:23px;line-height:1.5;margin:0}
.sp-count{font-size:12px;color:#a6b2c5}
.sp-groups{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sp-group{background:#151d2b;color:#b8c3d5;border:1px solid #354257;padding:10px 12px;border-radius:8px;font-size:12px;min-height:44px}
.sp-group[aria-pressed=true]{color:#ed8936;background:#272323;border-color:#ed8936}
.sp-search-row{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin-bottom:20px}
.sp-page input,.sp-page select,.sp-page textarea{min-width:0;width:100%;padding:11px 12px;border:1px solid #354257;border-radius:8px;background:#151d2b;color:#f3f5f8;font-size:13px;box-sizing:border-box}
.sp-page input::placeholder{color:#a6b2c5;opacity:1}
.sp-search-row label>span{display:block;font-size:12px;margin-bottom:6px;color:#b8c3d5}
.sp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sp-product{min-width:0;background:#151d2b;border:1px solid #2b3545;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.sp-photo{height:126px;width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px 12px}
.sp-photo img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.sp-photo:hover img{transform:scale(1.05)}
.sp-product-body{padding:10px 11px 6px;display:flex;flex-direction:column;flex:1}
.sp-product-group{font-size:10px;color:#ed8936;line-height:1.7}
.sp-product h3{font-size:14px;line-height:1.6;margin:5px 0 7px;font-weight:700;overflow-wrap:anywhere}
.sp-model{font:11px/1.6 Arial,sans-serif;color:#a6b2c5;min-height:35px;margin:0 0 8px;overflow-wrap:anywhere;direction:ltr;text-align:start}
html[dir=rtl] .sp-model{text-align:right}
.sp-product-actions{display:flex;justify-content:space-between;gap:4px;border-top:1px solid #2b3545;margin-top:auto}
.sp-product-actions button{background:transparent;border:0;padding:8px 0;min-height:44px;color:#ed8936;font-size:12px;text-align:start}
.sp-product-actions button:last-child{color:#b8c3d5;font-size:11px}
.sp-more{display:flex;margin:24px auto 0}
.sp-state{text-align:center;padding:35px 10px;color:#b8c3d5}
.sp-state p{margin:0 0 14px}
.sp-help{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1b2637;border-radius:12px;padding:22px;margin-bottom:35px}
.sp-help p{color:#a6b2c5;font-size:13px;margin:8px 0 0;max-width:710px}
.sp-footer{border-top:1px solid #2b3545;padding:22px 0;color:#a6b2c5;font-size:12px}
.sp-dialog{background:#111a28;color:#f3f5f8;border:1px solid #354257;border-radius:14px;padding:25px;margin:auto;width:min(850px,calc(100% - 30px));max-height:90dvh;overflow:auto;box-sizing:border-box}
.sp-dialog::backdrop{background:#000b}
.sp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.sp-close{color:#f3f5f8;background:#1b2637;border:1px solid #354257;border-radius:7px;min-height:44px;padding:8px 12px;white-space:nowrap;font-size:12px}
.sp-detail{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px}
.sp-detail>img{background:#fff;width:100%;height:210px;object-fit:contain;padding:8px;border-radius:10px;box-sizing:border-box}
.sp-detail p{font-size:13px;line-height:1.9;color:#b8c3d5;margin-top:0}
.sp-detail dl{font-size:12px;margin:0}
.sp-detail dt{color:#a6b2c5;margin-top:10px}
.sp-detail dd{margin:3px 0 0;overflow-wrap:anywhere}
.sp-fitment{background:#1b2637;padding:12px;border-radius:8px;color:#c5cfdd;font-size:12px;line-height:1.8;margin:18px 0}
.sp-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-form label{display:flex;flex-direction:column;gap:6px;font-size:12px}
.sp-wide{grid-column:1/-1}
.sp-form textarea{resize:vertical}
.sp-result{font-size:14px;line-height:1.8;overflow-wrap:anywhere;margin:0}
.sp-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.sp-page .sp-shell{max-width:1500px}.sp-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:999px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-page h1{font-size:30px}.sp-hero{gap:20px}.sp-montage{max-width:260px}}
@media(max-width:600px){.sp-page .sp-shell{padding-inline:16px}.sp-page main{padding-top:12px}.sp-hero{grid-template-columns:1fr;padding-bottom:25px}.sp-page h1{font-size:29px}.sp-montage{max-width:255px;margin:12px auto}.sp-montage img{height:90px}.sp-montage img:first-child{height:185px}.sp-benefits{gap:8px 15px;font-size:10px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-photo{height:112px;padding:4px 6px}.sp-product-body{padding:9px 9px 4px}.sp-product h3{font-size:13px}.sp-search-row{grid-template-columns:1fr}.sp-heading{flex-wrap:wrap;gap:5px}.sp-page h2{font-size:20px}.sp-group{font-size:11px;padding:8px 10px}.sp-help{align-items:flex-start;flex-direction:column;padding:18px}.sp-dialog{padding:18px}.sp-detail{grid-template-columns:1fr}.sp-detail>img{height:160px}.sp-form{grid-template-columns:1fr}.sp-subnav{font-size:13px}.sp-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sp-photo img{transition:none}}