
:root {
  --navy:#061c46; --blue:#0754c7; --light:#f5f8fc; --line:#e3e9f1; --text:#14233a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:white}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.nav{height:92px;max-width:1440px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:36px}
.logo{display:flex;align-items:center;min-width:168px;text-decoration:none}
.logo img{width:126px;height:72px;object-fit:contain;display:block}
.menu{display:flex;align-items:center;gap:30px;margin-left:10px;flex:1}
.menu a{text-decoration:none;color:#17263b;font-size:15px;font-weight:650;white-space:nowrap;position:relative;padding:35px 0}
.menu a:after{content:"";position:absolute;left:0;bottom:25px;width:0;height:2px;background:var(--blue);transition:.2s}
.menu a:hover:after,.menu a.active:after{width:100%}
.catalog{border:1px solid #cfd9e7!important;border-radius:8px;padding:11px 16px!important}
.catalog:after{display:none!important}
.lang{position:relative}
.lang button{background:white;border:1px solid #d7dfeb;border-radius:8px;padding:11px 13px;font-weight:700;cursor:pointer}
.langbox{display:none;position:absolute;right:0;top:48px;width:145px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #10244920;overflow:hidden}
.langbox.show{display:block}
.langbox div{padding:12px 15px;cursor:pointer;font-size:14px}
.langbox div:hover{background:var(--light)}
.hero{min-height:610px;background:linear-gradient(115deg,#f7faff 0%,#fff 52%,#eef5ff 100%);display:flex;align-items:center}
.hero-inner{max-width:1360px;width:100%;margin:auto;padding:70px 55px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{font-size:14px;font-weight:850;letter-spacing:1.8px;color:#0870c9;text-transform:uppercase}
h1{font-size:60px;line-height:1.03;letter-spacing:-2.4px;color:var(--navy);margin:15px 0 22px;max-width:760px}
.lead{font-size:19px;line-height:1.68;color:#53647a;max-width:650px}
.actions{display:flex;gap:12px;margin-top:31px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:14px 22px;font-weight:750;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px #0754c727}
.secondary{border:1px solid #cdd8e7;color:var(--navy);background:white}
.hero{min-height:665px;background:
 radial-gradient(circle at 81% 38%,#eaf3ff 0,#f8fbff 25%,transparent 47%),
 linear-gradient(115deg,#f8fbff 0%,#fff 56%,#f3f8ff 100%);display:flex;align-items:center}
.hero-inner{max-width:1360px;width:100%;margin:auto;padding:82px 55px 92px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.hero-points{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap}
.hero-point{display:flex;align-items:center;gap:9px;color:#53647a;font-size:14px;font-weight:650}
.hero-point i{width:8px;height:8px;border-radius:50%;background:var(--blue);display:block}
.visual{height:430px;border-radius:34px;background:linear-gradient(145deg,#082b68 0%,#0754c7 55%,#031c47 100%);
 box-shadow:0 35px 85px #0a3a7b30;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.visual:before,.visual:after{content:"";position:absolute;border:1px solid #ffffff24;border-radius:50%}
.visual:before{width:370px;height:370px}.visual:after{width:255px;height:255px}
.visual .ring{position:absolute;border-radius:50%;border:28px solid #d9e1eb;width:235px;height:235px;box-shadow:inset 0 0 0 8px #9caec3,0 25px 40px #00142d70;transform:rotate(-15deg)}
.visual .ring:before{content:"";position:absolute;inset:23px;border-radius:50%;background:#0b4fb7;border:10px solid #63758c;box-shadow:inset 0 0 20px #021632}
.visual .ring:after{content:"";position:absolute;inset:59px;border-radius:50%;background:#f2f6fb;border:10px solid #9ba9ba}
.visual .brandplate{position:absolute;right:26px;bottom:24px;background:#ffffffed;border:1px solid #ffffffaa;border-radius:15px;padding:10px 14px;box-shadow:0 10px 24px #001b3d35}
.visual .brandplate img{width:126px;height:82px;object-fit:contain;display:block}
.searchbar{max-width:1180px;margin:-38px auto 0;position:relative;z-index:4;background:white;border:1px solid #e0e8f2;border-radius:16px;
 box-shadow:0 16px 45px #102d5520;padding:15px;display:grid;grid-template-columns:1fr 170px;gap:10px}
.searchbar input{width:100%;border:0;background:#f5f8fc;border-radius:10px;padding:17px 18px;font-size:15px;outline:none;color:#18283e}
.searchbar button{border:0;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.searchhint{max-width:1180px;margin:12px auto 0;color:#78869a;font-size:12px;padding:0 4px}
.note{max-width:1360px;margin:0 auto;padding:48px 55px 80px}
.note h2{font-size:30px;color:var(--navy);margin-bottom:12px}
.note p{color:#607087;line-height:1.7}
.mobile{display:none}
@media(max-width:900px){
 .nav{height:76px;padding:0 18px} .logo img{width:92px;height:62px} .menu{display:none}
 .mobile{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px}
 .hero-inner{grid-template-columns:1fr;padding:55px 25px} h1{font-size:41px} .visual{height:300px}
}

.finder{background:
 linear-gradient(90deg,#0a1a2b 0%,#0b1e31 58%,#10263d 100%);
 position:relative;overflow:hidden;color:white}
.finder:after{content:"";position:absolute;right:-70px;top:-95px;width:390px;height:230px;
 border:34px solid #ffffff0a;border-radius:50%;transform:rotate(-15deg)}
.finder-inner{max-width:1360px;margin:auto;padding:34px 55px 30px;position:relative;z-index:2}
.finder-search{height:64px;border:2px solid #ffffff34;border-radius:34px;display:grid;grid-template-columns:1fr 74px;
 background:#08172591;overflow:hidden}
.finder-search input{border:0;outline:0;background:transparent;color:white;font-size:17px;font-weight:650;padding:0 20px}
.finder-search input::placeholder{color:#fff;opacity:.94}
.finder-search button{border:0;background:transparent;cursor:pointer;position:relative}
.glass{display:inline-block;width:25px;height:25px;border:3px solid #fff;border-radius:50%;position:relative}
.glass:after{content:"";position:absolute;width:12px;height:3px;background:#fff;right:-9px;bottom:-5px;transform:rotate(45deg);border-radius:2px}
.finder-help{margin-top:20px;font-size:15px;font-weight:650;color:#f1f5fb}
.finder-help a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.finder-help em{font-weight:500;color:#d8e0e9;margin-left:5px}
.example{background:#0a5598;border:0;color:#fff;padding:3px 5px;font-weight:800;font-size:15px;cursor:pointer}

.bearing-slider{max-width:1360px;margin:0 auto;padding:76px 55px 82px}
.slider-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}
.section-kicker{font-size:12px;font-weight:850;letter-spacing:1.8px;color:#0870c9}
.slider-head h2{font-size:38px;letter-spacing:-1px;color:var(--navy);margin:8px 0 0}
.slider-controls{display:flex;gap:9px}
.slider-controls button{width:46px;height:46px;border-radius:50%;border:1px solid #d7e0ea;background:white;color:var(--navy);font-size:20px;cursor:pointer}
.slider-window{overflow:hidden;border-radius:24px}
.slides{display:flex;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.slide{min-width:100%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:390px;
 background:linear-gradient(120deg,#eef5fd 0%,#f9fbfd 52%,#fff 100%);border:1px solid #e1e8f0;padding:42px 58px}
.bearing-art{width:270px;height:270px;border-radius:50%;border:38px solid #718197;position:relative;margin:auto;
 box-shadow:inset 0 0 0 10px #d9e0e8,0 24px 35px #17335920;background:#f5f8fb}
.bearing-art:before,.bearing-art:after{content:"";position:absolute;inset:22px;border-radius:50%;border:12px solid #0b5cb7}
.bearing-art:after{inset:63px;border:14px solid #8a9aae;background:white}
.bearing-art span{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:#c7d0da;transform:translate(-50%,-117px);
 box-shadow:42px 9px 0 #c7d0da,76px 38px 0 #c7d0da,94px 79px 0 #c7d0da,94px 124px 0 #c7d0da,
 76px 165px 0 #c7d0da,42px 194px 0 #c7d0da,0 203px 0 #c7d0da,-42px 194px 0 #c7d0da,-76px 165px 0 #c7d0da,
 -94px 124px 0 #c7d0da,-94px 79px 0 #c7d0da,-76px 38px 0 #c7d0da,-42px 9px 0 #c7d0da}
.bearing-art.hub{border-width:48px;border-color:#51677f}
.bearing-art.tapered{transform:perspective(600px) rotateY(-13deg);border-color:#7f8b98}
.bearing-art.tension{border-color:#324c6a}
.slide-copy{padding-left:34px}
.slide-copy small{font-size:13px;font-weight:850;color:#0870c9;letter-spacing:1.3px}
.slide-copy h3{font-size:35px;color:var(--navy);margin:10px 0 14px}
.slide-copy p{font-size:17px;color:#607087;line-height:1.65;max-width:570px}
.slide-copy a{display:inline-block;margin-top:12px;color:#0754c7;text-decoration:none;font-weight:800}
.dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.dot{width:9px;height:9px;border:0;border-radius:50%;background:#c8d3df;cursor:pointer;padding:0}
.dot.active{width:28px;border-radius:10px;background:#0754c7}
@media(max-width:900px){
 .finder-inner,.bearing-slider{padding-left:22px;padding-right:22px}
 .finder-search{grid-template-columns:1fr 58px}
 .finder-help{line-height:1.8}
 .slide{grid-template-columns:1fr;padding:34px 24px;gap:20px}
 .bearing-art{width:190px;height:190px;border-width:28px}
 .bearing-art span{display:none}
 .slide-copy{padding-left:0}
 .slide-copy h3{font-size:28px}
 .slider-head h2{font-size:31px}
}


.hero{min-height:350px!important}
.hero-inner{padding-top:52px!important;padding-bottom:42px!important}
.hero-inner h1{margin:10px 0 12px!important}
.hero-inner .lead{margin:0!important}
.finder-inner{max-width:1120px!important;padding:18px 55px!important}
.finder-search{height:50px!important}
.finder-help{margin-top:10px!important;font-size:14px!important}

.real-showcase{background:linear-gradient(135deg,#06172b,#0a2b55 55%,#06162a);color:#fff;padding:42px 0;overflow:hidden;position:relative}
.real-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0879dc25,transparent 48%)}
.rs-inner{max-width:1280px;margin:auto;padding:0 55px;position:relative}
.rs-title{text-align:center;margin-bottom:24px}.rs-title b{font-size:13px;letter-spacing:2px;color:#4ca5ff}.rs-title h2{font-size:32px;margin:7px 0}
.rs-title p{color:#afbed0;margin:0}
.rs-stage{display:grid;grid-template-columns:48px 1fr 48px;gap:14px;align-items:center}
.rs-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff35;background:#ffffff0b;color:#fff;font-size:27px;cursor:pointer}
.rs-window{overflow:hidden}.rs-track{display:flex;transition:transform .6s ease}.rs-slide{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rs-card{height:250px;background:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 35px #0004}
.rs-card img{width:100%;height:100%;object-fit:contain}
.rs-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.rs-dot{width:8px;height:8px;border:0;border-radius:10px;background:#ffffff55;padding:0;cursor:pointer}.rs-dot.active{width:28px;background:#1685ff}
@media(max-width:900px){.rs-inner{padding:0 18px}.rs-slide{grid-template-columns:repeat(2,1fr)}.rs-card{height:180px}.rs-stage{grid-template-columns:36px 1fr 36px}.rs-arrow{width:34px;height:34px}}


.sy-about{max-width:1360px;margin:70px auto;padding:0 42px 60px;scroll-margin-top:115px}
.sy-about-intro{border-bottom:1px solid var(--line);padding:0 0 32px;margin-bottom:32px}
.sy-about-intro>span,.sy-about-label{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}
.sy-about-intro h2{font-size:42px;letter-spacing:-1px;color:var(--navy);margin:12px 0}
.sy-about-intro>p{font-size:18px;line-height:1.6;color:#53647a;margin:0}
.sy-about-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.sy-about-nav{position:sticky;top:115px;display:flex;flex-direction:column;gap:8px}
.sy-about-nav>a{display:flex;align-items:center;gap:12px;padding:18px 16px;background:#f5f8fc;border:1px solid #e3e9f1;border-radius:8px;text-decoration:none;color:var(--navy);font-size:15px;font-weight:700}
.sy-about-nav>a span{font-size:11px;opacity:.65}.sy-about-nav>a b{margin-left:auto}
.sy-about-nav>a[aria-current="page"]{background:var(--blue);color:white;border-color:var(--blue)}
.sy-about-nav>a:hover{box-shadow:0 4px 14px #061c4610}
.sy-about a:focus-visible{outline:3px solid #2995ef;outline-offset:4px}
.sy-about-signature{border-top:1px solid var(--line);margin-top:20px;padding:24px 16px;color:var(--blue);font-size:27px;font-weight:850;letter-spacing:2px}
.sy-about-signature small{display:block;margin-top:8px;color:#53647a;font-size:12px;letter-spacing:0;font-weight:500}
.sy-about-panel{scroll-margin-top:115px}.sy-about-panel[hidden]{display:none!important}
.sy-about-panel>h3{font-size:32px;color:var(--navy);margin:10px 0 30px;letter-spacing:-.6px}
.sy-about-block{margin-bottom:30px}.sy-about-block h4{font-size:21px;line-height:1.4;color:var(--navy);margin:0 0 14px}
.sy-about-block p{font-size:16px;line-height:1.85;color:#53647a;margin:0 0 16px;max-width:850px}
.sy-about-block a{color:var(--blue);font-weight:650;overflow-wrap:anywhere}
@media(max-width:760px){.sy-about{padding:0 22px 32px;margin:44px auto}.sy-about-intro h2{font-size:32px}.sy-about-layout{grid-template-columns:1fr;gap:28px}.sy-about-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sy-about-nav>a{padding:14px 10px;gap:7px;font-size:13px}.sy-about-signature{display:none}.sy-about-panel>h3{font-size:27px}.sy-about-block h4{font-size:19px}}
@media print{.sy-about-panel[hidden]{display:block!important}.sy-about-nav{display:none}.sy-about-layout{display:block}}

#urunler,#urun-kategorileri,.cd-card{scroll-margin-top:115px}

#urun-arama-sonuclari{scroll-margin-top:112px}
.sy-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sy-product-card{display:flex;flex-direction:column;padding:0;border:1px solid #e3e9f1;border-radius:14px;background:white;text-align:left;cursor:pointer;overflow:hidden;font-family:inherit;color:var(--navy);transition:box-shadow .2s,border-color .2s}
.sy-product-card:hover{border-color:#0754c7;box-shadow:0 12px 30px #061c4615}
.sy-product-card:focus-visible,.sy-back:focus-visible{outline:3px solid #0870c9;outline-offset:4px}
.sy-card-photo{height:210px;display:flex;align-items:center;justify-content:center;background:#fff;padding:18px;width:100%;border-bottom:1px solid #eef2f7}
.sy-card-photo img{width:100%;height:100%;object-fit:contain}
.sy-photo-missing{font-size:14px;line-height:1.7;text-align:center;color:#768497}
.sy-card-copy{display:flex;flex-direction:column;gap:10px;padding:22px;width:100%}
.sy-card-copy small{font-size:11px;letter-spacing:1px;color:var(--blue);font-weight:700}
.sy-card-copy strong{font-size:22px;overflow-wrap:anywhere}
.sy-card-copy>span{font-size:14px;color:#53647a;line-height:1.5}
.sy-card-copy b{font-size:13px;color:var(--blue);margin-top:10px}
.sy-back{display:inline-block;font-family:inherit;padding:12px 17px;margin:0 0 22px;border:1px solid #d7e1ee;border-radius:8px;background:white;color:var(--blue);text-decoration:none;font-weight:700;cursor:pointer}
.sy-empty{padding:26px;background:#f5f8fc;border-radius:10px;color:#53647a}
@media(max-width:1100px){.sy-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-card-photo{height:180px}.sy-card-copy{padding:16px}.sy-card-copy strong{font-size:19px}}
@media(max-width:420px){.sy-product-grid{grid-template-columns:1fr}.sy-card-photo{height:230px}}


.sy-blog{max-width:1360px;margin:72px auto;padding:0 42px 60px;scroll-margin-top:115px}.sy-blog-head{margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.sy-blog-head>span{color:var(--blue);font-size:12px;letter-spacing:1.7px;font-weight:800}.sy-blog-head h2{font-size:42px;color:var(--navy);margin:12px 0}.sy-blog-head p{color:#53647a;font-size:17px;line-height:1.7;margin:0}.sy-blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.sy-blog-post{border:1px solid #e3e9f1;border-radius:14px;background:#fff;overflow:hidden;scroll-margin-top:115px}.sy-blog-post summary{list-style:none;cursor:pointer;padding:30px;display:block}.sy-blog-post summary::-webkit-details-marker{display:none}.sy-blog-post summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.sy-blog-post summary:hover{background:#f8fbff}.sy-blog-number{font-size:11px;letter-spacing:1.2px;font-weight:750;color:var(--blue)}.sy-blog-post h3{font-size:23px;line-height:1.4;color:var(--navy);margin:15px 0}.sy-blog-excerpt{font-size:15px;color:#607087;line-height:1.75;display:block}.sy-blog-action{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:13px;font-weight:750;margin-top:22px}.sy-blog-action b{font-size:25px;font-weight:400}.sy-blog-close{display:none}.sy-blog-post[open]{grid-column:1/-1;border-color:#b8cfe9}.sy-blog-post[open] .sy-blog-excerpt,.sy-blog-post[open] .sy-blog-read{display:none}.sy-blog-post[open] .sy-blog-close{display:inline}.sy-blog-post[open] .sy-blog-action b{transform:rotate(45deg)}.sy-blog-post[open] summary{background:#f5f8fc;border-bottom:1px solid #e3e9f1}.sy-blog-body{max-width:930px;padding:12px 30px 26px;color:#465a72;font-size:16px;line-height:1.9}.sy-blog-body p{margin:18px 0}.sy-blog-body ul,.sy-blog-body ol{padding-left:24px}.sy-blog-body li{margin-bottom:9px}@media(max-width:760px){.sy-blog{padding:0 22px 36px;margin:44px auto}.sy-blog-list{grid-template-columns:1fr}.sy-blog-post summary{padding:23px}.sy-blog-post h3{font-size:20px}.sy-blog-head h2{font-size:32px}.sy-blog-body{padding:8px 23px 20px;font-size:15px}}


.sy-contact{--sy-indigo:#29356d;--sy-navy:#1b3862;--sy-cyan:#008bc1;max-width:1360px;margin:80px auto;padding:0 42px 60px;scroll-margin-top:115px}.sy-contact-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center;overflow:hidden;border-radius:22px;padding:52px 58px 68px;background:linear-gradient(115deg,#233267 0%,#1b4b78 55%,#007fb4 100%);color:white}.sy-contact-hero:before,.sy-contact-hero:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff20;border-radius:50%;width:540px;height:540px;right:-160px;top:-175px;pointer-events:none}.sy-contact-hero:after{width:670px;height:670px;right:-220px;top:-240px;border-width:30px;border-color:#ffffff05}.sy-contact-eyebrow{color:#bce9fa;font-size:12px;font-weight:750;letter-spacing:2.5px}.sy-contact-hero h2{font-size:48px;line-height:1.17;letter-spacing:-1.4px;margin:20px 0;color:white}.sy-contact-hero h2 em{font-style:normal;color:#8fdef9}.sy-contact-hero-copy>p{font-size:17px;line-height:1.85;color:#dae9f6}.sy-contact-main-cta{display:inline-flex;align-items:center;gap:13px;padding:15px 21px;background:white;color:var(--sy-navy);font-size:15px;font-weight:750;text-decoration:none;border-radius:8px;margin-top:13px;box-shadow:0 8px 24px #10234525}.sy-contact-main-cta svg{width:19px;height:19px}.sy-contact-main-cta>span{margin-left:20px}.sy-contact-brand-block{display:flex;flex-direction:column;align-items:center;gap:22px}.sy-contact-logo-panel{display:flex;align-items:center;justify-content:center;background:white;width:238px;height:270px;border-radius:18px;box-shadow:0 20px 55px #092b4540;padding:24px}.sy-contact-logo-panel img{width:170px;height:225px;object-fit:contain;display:block}.sy-contact-brand-block>span{font-size:10px;letter-spacing:2px;font-weight:650;color:#ddf4ff;text-align:center}.sy-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.sy-contact-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;background:white;border:1px solid #dce5ee;border-radius:14px;box-shadow:0 8px 25px #1b386208;overflow:hidden}.sy-contact-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sy-indigo),var(--sy-cyan))}.sy-contact-icon{width:46px;height:46px;border-radius:12px;background:#edf5fa;color:#117fae;display:flex;align-items:center;justify-content:center;margin-bottom:23px}.sy-contact-icon svg{width:24px;height:24px}.sy-contact-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#687e96}.sy-contact-card h3{font-size:22px;color:var(--sy-navy);margin:9px 0 20px}.sy-contact-value{font-size:20px;font-weight:700;color:var(--sy-indigo);text-decoration:none;overflow-wrap:anywhere;max-width:100%}.sy-contact-email{font-size:17px}.sy-contact-card p,.sy-contact-card address{font-size:14px;line-height:1.9;color:#596d84;font-style:normal;margin:12px 0 24px}.sy-contact-card address{margin-top:0;font-size:15px}.sy-contact-card-cta{display:flex;justify-content:space-between;gap:14px;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #e7edf4;font-size:13px;font-weight:750;color:#087baa;text-decoration:none}.sy-contact-card-cta span{font-size:19px}.sy-contact-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;padding:32px 35px;background:#f3f7fb;border:1px solid #e4ebf3;border-radius:14px}.sy-contact-hours h3{display:flex;align-items:center;gap:11px;font-size:17px;color:var(--sy-navy);margin:0 0 22px}.sy-contact-hours svg{width:21px;height:21px;color:#087baa}.sy-contact-hours dl{display:flex;gap:30px;margin:0}.sy-contact-hours dt{font-size:12px;color:#667c91;margin-bottom:9px}.sy-contact-hours dd{font-size:14px;font-weight:700;color:var(--sy-navy);margin:0}.sy-contact-company{border-left:1px solid #d5e0ed;padding-left:35px}.sy-contact-company>span{font-size:15px;font-weight:850;letter-spacing:1.2px;color:var(--sy-indigo)}.sy-contact-company p{font-size:12px;color:#667c91;line-height:1.8;margin:5px 0}.sy-contact-company small{display:block;font-size:12px;color:#667c91;margin-top:14px}.sy-contact a:hover{filter:brightness(.9)}.sy-contact a:focus-visible{outline:3px solid #18bce8;outline-offset:5px}@media(max-width:1000px){.sy-contact-hero{padding:40px;gap:25px}.sy-contact-hero h2{font-size:39px}.sy-contact-card{padding:23px}.sy-contact-cards{gap:14px}.sy-contact-value{font-size:17px}.sy-contact-email{font-size:15px}.sy-contact-bottom{grid-template-columns:1fr}.sy-contact-company{border-left:0;border-top:1px solid #d5e0ed;padding:24px 0 0}.sy-contact-logo-panel{width:200px;height:235px}.sy-contact-logo-panel img{width:145px;height:191px}}@media(max-width:720px){.sy-contact{padding:0 22px 40px;margin:44px auto}.sy-contact-hero{grid-template-columns:1fr;padding:32px 25px;gap:32px}.sy-contact-hero h2{font-size:36px}.sy-contact-hero-copy>p{font-size:15px}.sy-contact-desktop{display:none}.sy-contact-brand-block{align-items:flex-start;gap:14px}.sy-contact-logo-panel{width:122px;height:155px;border-radius:10px;padding:13px}.sy-contact-logo-panel img{width:96px;height:127px}.sy-contact-brand-block>span{font-size:9px;letter-spacing:1.4px}.sy-contact-cards{grid-template-columns:1fr;gap:16px}.sy-contact-card{padding:26px}.sy-contact-value{font-size:21px}.sy-contact-email{font-size:18px}.sy-contact-bottom{padding:26px;gap:25px}.sy-contact-hours dl{flex-wrap:wrap;gap:24px}.sy-contact-icon{margin-bottom:18px}}


#urunler .pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#urunler .pc-grid .pc-card{display:block!important}
#urunler .pc-grid .pc-card .pc-img{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:245px!important;min-height:245px!important;max-height:245px!important;padding:20px!important;margin:0!important;background:#fff!important;overflow:hidden!important}
#urunler .pc-grid .pc-card .pc-img img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:900px){#urunler .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#urunler .pc-grid{grid-template-columns:1fr}}


:root{--sy-home-ink:#1b3862;--sy-home-accent:#008bc1}
header .nav{height:96px;max-width:1360px;padding:0 42px;gap:24px}header .menu{gap:24px}header .logo{min-width:132px}header .logo img{width:70px;height:82px}header .menu a{font-size:14px}header .catalog{background:#1b3862;color:white!important;border-color:#1b3862!important}
.sy-home-hero{background:linear-gradient(112deg,#202f60 0%,#173f67 65%,#11628b 100%);color:white;overflow:hidden}.sy-home-hero-inner{max-width:1360px;margin:auto;padding:58px 42px 40px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sy-home-kicker{font-size:11px;letter-spacing:2.5px;font-weight:750;color:#a4d8ed;margin:0 0 22px}.sy-home-copy h1{color:white;font-size:clamp(38px,4.1vw,60px);line-height:1.06;letter-spacing:-1.6px;margin:0;font-weight:800}.sy-home-slogan{font-size:25px;line-height:1.4;color:#85d7f1;margin:24px 0 18px;font-weight:500}.sy-home-lead{font-size:16px;line-height:1.85;color:#d2e1ed;max-width:460px}.sy-home-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:29px}.sy-home-actions a{font-size:14px;font-weight:700;text-decoration:none}.sy-home-primary{background:white;color:#1b3862;padding:16px 21px;border-radius:5px;display:flex;gap:26px}.sy-home-secondary{color:white;padding:12px 0}.sy-home-secondary span{margin-left:12px}.sy-home-visual{background:white;padding:25px 28px 19px;position:relative;color:#1b3862;border-radius:8px;box-shadow:0 25px 55px #071a3330}.sy-home-visual-label{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ebf2;padding-bottom:14px}.sy-home-visual-label span{font-size:9px;letter-spacing:1px;color:#65798c}.sy-home-visual-label b{font-size:17px;letter-spacing:1px}.sy-home-main-product{display:block;width:100%;height:260px;object-fit:contain;padding:12px}.sy-home-product-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5ebf2}.sy-home-product-caption span{font-size:10px;letter-spacing:1.3px;color:#60748a}.sy-home-product-caption strong{font-size:14px}.sy-home-product-pair{display:grid;grid-template-columns:1fr 1fr;padding-top:12px}.sy-home-product-pair>div{display:flex;flex-direction:column;align-items:center;gap:7px}.sy-home-product-pair>div+div{border-left:1px solid #e5ebf2}.sy-home-product-pair img{width:100%;height:105px;object-fit:contain}.sy-home-product-pair span{font-size:10px;color:#61738a;text-align:center}.sy-home-hero-foot{max-width:1276px;margin:auto;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:12px;color:#bcd0e3}.sy-home-hero-foot b{padding:0 12px;color:#7dcde9}
.sy-home-finder{max-width:1276px;margin:0 auto;padding:34px 0;display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center;border-bottom:1px solid #e3e9f1}.sy-home-finder-copy>span,.sy-home-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#087fae}.sy-home-finder h2{font-size:25px;color:#1b3862;margin:9px 0}.sy-home-finder-form label{display:block;font-size:12px;color:#667b91;margin-bottom:10px}.sy-home-finder-form>div{display:flex;border:1px solid #bbcddd;border-radius:6px;overflow:hidden;background:white}.sy-home-finder input{min-width:0;flex:1;border:0;padding:17px;font-size:14px;font-family:inherit}.sy-home-finder button{background:#1b3862;color:white;border:0;padding:0 23px;font-size:14px;font-weight:700;cursor:pointer}.sy-home-finder button span{padding-left:12px}.sy-home-finder input:focus{outline:2px solid #008bc1;outline-offset:-2px}
#urunler{background:#fff}#urunler .pc-wrap{max-width:1360px;padding:62px 42px}#urunler .pc-head h2{font-size:34px;letter-spacing:-.8px}#urunler .pc-card{box-shadow:none;border-radius:8px}#urunler .pc-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1b386210}#urunler .pc-copy h3{font-size:19px;line-height:1.4}#urunler .pc-copy>span{color:#008bc1}#urunler .pc-copy strong{color:#1b3862}
.sy-home-story{max-width:1276px;margin:8px auto 65px;padding:45px 0;border-top:1px solid #e0e7ef;border-bottom:1px solid #e0e7ef;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.sy-home-story h2,.sy-home-quality h2,.sy-home-reading h2{font-size:32px;line-height:1.25;color:#1b3862;margin:16px 0;letter-spacing:-.7px}.sy-home-story p{font-size:15px;line-height:1.85;color:#64758a;max-width:530px}.sy-home-story a,.sy-home-quality a,.sy-home-reading-head>a{font-size:13px;font-weight:750;color:#147da9;text-decoration:none;display:inline-block;margin-top:12px}.sy-home-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sy-home-milestones>div{border-left:2px solid #deebf3;padding-left:18px}.sy-home-milestones strong{font-size:34px;color:#253769;font-weight:700;display:block;letter-spacing:-1px}.sy-home-milestones span{font-size:12px;line-height:1.7;color:#667b91;display:block;margin-top:12px}.sy-home-quality{background:#f3f7fa;padding:52px max(42px,calc((100vw - 1276px)/2));display:grid;grid-template-columns:1fr 2fr;gap:55px}.sy-home-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sy-home-principles article>span{font-size:12px;color:#008bc1;font-weight:750}.sy-home-principles h3{font-size:18px;color:#1b3862;line-height:1.4;margin-top:24px}.sy-home-principles p{font-size:14px;line-height:1.8;color:#64778b}.sy-home-reading{max-width:1276px;margin:65px auto}.sy-home-reading-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.sy-home-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sy-home-reading-grid>a{display:flex;flex-direction:column;text-decoration:none;padding:29px;border:1px solid #dfe7ef;border-top:3px solid #1b3862;border-radius:5px}.sy-home-reading-grid>a>span{font-size:10px;color:#738498;letter-spacing:1px}.sy-home-reading-grid h3{font-size:20px;line-height:1.5;color:#1b3862;margin:18px 0 25px}.sy-home-reading-grid b{font-size:12px;color:#0083b2;margin-top:auto}.sy-home-footer{padding:45px max(42px,calc((100vw - 1276px)/2));background:#1b2b52;color:#c4d2e3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.sy-home-footer strong{font-size:29px;letter-spacing:2px;color:white}.sy-home-footer p{font-size:13px}.sy-home-footer small{font-size:11px}.sy-home-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:18px}.sy-home-footer a{color:#e4ecf5;text-decoration:none;font-size:13px}.sy-home-footer-contact{display:flex;flex-direction:column;gap:16px}.sy-home-footer-contact span{font-size:12px}.sy-home-hero a:focus-visible,.sy-home-reading a:focus-visible,.sy-home-footer a:focus-visible{outline:3px solid #20b9e0;outline-offset:5px}#kategori-detaylari[hidden],#urun-arama-sonuclari[hidden]{display:none!important}
@media(max-width:1359px){.sy-home-finder,.sy-home-story,.sy-home-reading{margin-left:42px;margin-right:42px}.sy-home-hero-foot{margin-left:42px;margin-right:42px}}
@media(max-width:1000px){header .nav{gap:16px}header .menu{gap:14px;margin-left:0}header .logo{min-width:80px}.sy-home-hero-inner{gap:30px}.sy-home-copy h1{font-size:41px}.sy-home-main-product{height:225px}.sy-home-visual{padding:20px}.sy-home-story{gap:30px;grid-template-columns:1fr}.sy-home-quality{grid-template-columns:1fr;gap:25px}.sy-home-milestones{max-width:650px}}
@media(max-width:800px){header .nav{height:84px;padding:0 22px}header .logo img{height:70px;width:58px}header .menu{display:none!important}header .lang{margin-left:auto}header .mobile{display:block}header .menu.sy-home-menu-open{display:flex!important;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;background:white;padding:14px 22px 22px;gap:0;border-bottom:1px solid #dfe7ef;box-shadow:0 15px 30px #1b386215}header .menu a{padding:13px 8px}header .menu a:after{display:none}header .menu .catalog{margin-top:8px;text-align:center}.sy-home-hero-inner{grid-template-columns:1fr;padding:40px 22px 25px;gap:35px}.sy-home-copy h1{font-size:43px}.sy-home-slogan{font-size:23px}.sy-home-lead{font-size:15px}.sy-home-visual{max-width:550px;width:100%;margin:auto}.sy-home-main-product{height:235px}.sy-home-hero-foot{margin:0 22px;flex-direction:column;gap:8px;line-height:1.6}.sy-home-finder{grid-template-columns:1fr;gap:12px;margin:0 22px;padding:27px 0}.sy-home-finder input{font-size:13px;padding:16px 12px}.sy-home-finder button{padding:0 15px}.sy-home-finder button span{display:none}#urunler .pc-wrap{padding:42px 22px}#urunler .pc-head h2{font-size:28px}.sy-home-story,.sy-home-reading{margin:35px 22px}.sy-home-story{padding:30px 0}.sy-home-story h2,.sy-home-quality h2,.sy-home-reading h2{font-size:28px}.sy-home-milestones{gap:12px}.sy-home-milestones>div{padding-left:10px}.sy-home-milestones strong{font-size:28px}.sy-home-milestones span{font-size:11px}.sy-home-quality{padding:35px 22px}.sy-home-principles{grid-template-columns:1fr;gap:15px}.sy-home-principles article{border-top:1px solid #dae5ee;padding-top:20px}.sy-home-principles h3{margin-top:12px}.sy-home-reading-grid{grid-template-columns:1fr}.sy-home-reading-head{align-items:flex-start}.sy-home-footer{grid-template-columns:1fr;padding:35px 22px;gap:28px}}


.sy-home-hero{background:#f5f6f8;color:#1b3862}.sy-home-hero-inner{grid-template-columns:1.1fr 1fr;gap:50px;padding-top:52px;padding-bottom:52px;align-items:center}.sy-home-kicker{color:#657990;font-size:10px;letter-spacing:1.5px;line-height:1.7;margin-bottom:24px}.sy-home-copy h1{color:#243965;font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-1px;max-width:610px;text-wrap:balance}.sy-home-copy h1 span{font-weight:850}.sy-home-slogan{color:#1b3862;font-size:22px;font-weight:600;margin:24px 0 18px}.sy-home-lead{color:#586a7d;font-size:16px;line-height:1.85;max-width:560px}.sy-home-primary{background:#243965;color:white;border-radius:3px}.sy-home-secondary{color:#243965}.sy-home-product-scene{margin:0;line-height:0;width:100%;overflow:hidden;border-radius:3px}.sy-home-product-scene img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.sy-home-hero-foot{border-color:#dce2e9;color:#687b90;font-size:11px;padding:18px 0}.sy-home-hero-foot b{color:#1b3862}.sy-home-finder{background:#243965;color:white;max-width:1276px;margin-top:26px;margin-bottom:26px;padding:28px 32px;border:0;border-radius:4px;grid-template-columns:1fr 2fr;gap:35px}.sy-home-finder-copy>span{color:#b8cadf;font-size:10px}.sy-home-finder h2{color:white;font-size:23px;font-weight:600}.sy-home-finder-form label{color:#d2dce8;font-size:12px;letter-spacing:.1px}.sy-home-finder-form>div{border:1px solid white;border-radius:3px}.sy-home-finder input{padding:18px 16px;font-size:14px;background:white;color:#243965}.sy-home-finder button{background:#0785b2;padding:0 24px;font-size:14px;white-space:nowrap}.sy-home-finder button:hover{background:#076a90}.sy-home-finder button:focus-visible{outline:3px solid #64d5fc;outline-offset:-4px}
@media(max-width:1000px){.sy-home-hero-inner{gap:30px}.sy-home-copy h1{font-size:34px}.sy-home-slogan{font-size:20px}.sy-home-lead{font-size:15px}.sy-home-finder{grid-template-columns:1fr 1.8fr;gap:20px;padding:24px}}
@media(max-width:800px){.sy-home-hero-inner{grid-template-columns:1fr;gap:30px;padding:34px 22px}.sy-home-copy h1{font-size:34px;max-width:530px}.sy-home-kicker{font-size:9px;margin-bottom:18px}.sy-home-slogan{font-size:20px}.sy-home-product-scene{max-width:520px;justify-self:center}.sy-home-finder{grid-template-columns:1fr;margin:22px;padding:22px;gap:15px}.sy-home-finder h2{font-size:24px}.sy-home-finder-form label{font-size:11px}.sy-home-finder input{font-size:12px;padding:16px 10px}.sy-home-finder button{padding:0 14px;font-size:12px}.sy-home-finder-form>div{min-height:52px}}


@media(min-width:801px){
header .nav{height:78px}header .logo img{height:66px;width:57px}header .menu a{padding-top:26px;padding-bottom:26px}
.sy-home-hero-inner{padding-top:20px;padding-bottom:20px;gap:40px;grid-template-columns:1.25fr 1fr}
.sy-home-copy h1{font-size:36px;line-height:1.16;max-width:620px}
.sy-home-kicker{margin:0 0 12px;font-size:9px;line-height:1.5}
.sy-home-slogan{font-size:21px;margin:15px 0 12px;line-height:1.4}
.sy-home-lead{font-size:14px;line-height:1.75;margin:0;max-width:570px}
.sy-home-actions{margin-top:20px;gap:23px}.sy-home-actions a{font-size:13px}.sy-home-primary{padding:13px 18px}
.sy-home-product-scene{background:#fff;height:clamp(270px,calc(100svh - 330px),340px);width:100%;border-radius:3px}
.sy-home-product-scene img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#fff}
.sy-home-hero-foot{padding:12px 0;font-size:10px}
.sy-home-finder{margin-top:16px;margin-bottom:16px;padding:20px 28px;gap:28px}.sy-home-finder h2{font-size:23px;margin:7px 0}.sy-home-finder-form label{margin-bottom:8px}.sy-home-finder input{padding:15px 16px}
}
@media(min-width:801px) and (max-height:700px){.sy-home-hero-inner{padding-top:15px;padding-bottom:15px}.sy-home-product-scene{height:270px}.sy-home-copy h1{font-size:31px}.sy-home-slogan{font-size:19px;margin:12px 0 10px}.sy-home-lead{font-size:13px}.sy-home-actions{margin-top:15px}.sy-home-finder{padding-top:16px;padding-bottom:16px}}
@media(max-width:800px){.sy-home-hero-inner{padding-top:24px;padding-bottom:20px;gap:20px}.sy-home-product-scene{background:white;max-width:360px}.sy-home-product-scene img{background:white;max-height:220px;object-fit:contain}.sy-home-copy h1{font-size:30px}.sy-home-kicker{margin-bottom:12px}.sy-home-slogan{margin:14px 0 12px}.sy-home-actions{margin-top:18px}.sy-home-finder{margin-top:15px;margin-bottom:15px}}


.sy-brand-reasons{max-width:1240px;margin:0 auto;padding:60px 30px;color:#243965}.sy-reasons-heading{max-width:740px;margin-bottom:28px}.sy-reasons-heading h2{font-size:36px;letter-spacing:-1px;margin:8px 0 12px}.sy-reasons-heading p{font-size:18px;line-height:1.6;color:#526176}.sy-reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sy-reason-card{display:block;padding:24px 20px;background:#fff;border:1px solid #dde5ed;border-top:3px solid #008bc1;text-decoration:none;color:#243965;transition:border-color .2s,box-shadow .2s}.sy-reason-card:hover{border-color:#008bc1;box-shadow:0 8px 24px #1b386212}.sy-reason-card:focus-visible,.sy-brand-proof a:focus-visible,.sy-reasons-more:focus-visible{outline:3px solid #008bc1;outline-offset:5px}.sy-reason-top{display:flex;justify-content:space-between;align-items:center}.sy-reason-top svg{width:32px;height:32px;color:#008bc1}.sy-reason-top span{font-size:12px;letter-spacing:2px;color:#76869a}.sy-reason-card h3{font-size:19px;margin:22px 0 8px;line-height:1.35}.sy-reason-card p{font-size:14px;line-height:1.6;color:#5c687b;margin:0}.sy-brand-proof{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;background:#243965;color:white}.sy-brand-proof>div{padding:36px 40px}.sy-brand-proof>div+div{border-left:1px solid #ffffff30;background:#1b3862}.sy-proof-number{display:block;font-size:64px;font-weight:750;line-height:1;letter-spacing:-2px;color:#fff}.sy-proof-kicker{font-size:12px;letter-spacing:2px;color:#76d7ef;font-weight:700}.sy-brand-proof h3{font-size:24px;line-height:1.3;margin:18px 0 12px;color:#fff}.sy-brand-proof>div+div h3{font-size:36px;letter-spacing:-.6px}.sy-brand-proof p{font-size:15px;line-height:1.7;color:#d4e0ef;max-width:420px}.sy-brand-proof a{display:inline-block;margin-top:12px;color:#fff;font-size:14px;font-weight:650;text-underline-offset:5px}.sy-reasons-more{display:inline-block;margin-top:24px;color:#1b3862;font-weight:650;text-underline-offset:5px}.sy-about-block strong{color:#243965}.pc-card img{object-fit:contain;image-rendering:auto;background:#fff}
@media(max-width:1000px){.sy-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sy-brand-reasons{padding:36px 18px}.sy-reasons-heading h2{font-size:29px}.sy-reasons-heading p{font-size:16px}.sy-reason-grid{gap:10px}.sy-reason-card{padding:18px 13px}.sy-reason-card h3{font-size:17px}.sy-reason-card p{font-size:13px}.sy-brand-proof{grid-template-columns:1fr}.sy-brand-proof>div{padding:28px 24px}.sy-brand-proof>div+div{border-left:0;border-top:1px solid #ffffff30}.sy-proof-number{font-size:54px}.sy-brand-proof>div+div h3{font-size:30px}}@media(max-width:350px){.sy-reason-grid{grid-template-columns:1fr}}


.rs-card{
  height:260px !important;
  padding:20px !important;
}
.rs-card img{
  width:220px !important;
  height:220px !important;
  max-width:220px !important;
  max-height:220px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}
@media(max-width:900px){
  .rs-card{height:190px !important}
  .rs-card img{
    width:155px !important;
    height:155px !important;
    max-width:155px !important;
    max-height:155px !important;
  }
}


.rs-card{
  position:relative !important;
  height:270px !important;
  padding:18px 18px 34px !important;
}
.rs-card img{
  width:220px !important;
  height:220px !important;
  max-width:220px !important;
  max-height:220px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.rs-code{
  position:absolute;
  left:0; right:0; bottom:9px;
  text-align:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.7px;
  color:#0a3971;
}
@media(max-width:900px){
 .rs-card{height:200px!important;padding-bottom:30px!important}
 .rs-card img{width:155px!important;height:155px!important;max-width:155px!important;max-height:155px!important}
}


/* ===== PREMIUM V8 OVERRIDES ===== */
.real-showcase{
  background:
    radial-gradient(circle at 50% 15%, rgba(33,117,255,.18), transparent 34%),
    linear-gradient(135deg,#030a14 0%,#07172a 42%,#0a2547 100%) !important;
  padding:56px 0 52px !important;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.real-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 28%,rgba(255,255,255,.025) 28.2% 28.4%,transparent 28.6%),
    radial-gradient(circle at center, transparent 0 34%, rgba(41,125,255,.10) 34.2% 34.4%, transparent 34.6%);
  pointer-events:none;
}
.rs-inner{max-width:1320px!important;}
.rs-title{margin-bottom:34px!important}
.rs-title b{
  color:#4aa4ff!important;
  font-size:12px!important;
  letter-spacing:2.8px!important;
}
.rs-title h2{
  font-size:38px!important;
  font-weight:760!important;
  letter-spacing:-1.1px!important;
  margin:8px 0 8px!important;
}
.rs-title p{
  font-size:15px!important;
  color:#aab8c9!important;
}

.rs-stage{
  grid-template-columns:54px 1fr 54px!important;
  gap:18px!important;
}
.rs-arrow{
  width:50px!important;
  height:50px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  backdrop-filter:blur(10px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18);
  transition:.2s ease;
}
.rs-arrow:hover{
  transform:scale(1.06);
  background:rgba(22,133,255,.18)!important;
  border-color:rgba(83,161,255,.5)!important;
}

.rs-slide{gap:20px!important}
.rs-card{
  height:292px!important;
  padding:22px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.995),rgba(246,249,253,.98))!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  overflow:hidden!important;
  transition:transform .28s ease, box-shadow .28s ease;
}
.rs-card:before{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:10px;
  height:20px;
  background:radial-gradient(ellipse at center,rgba(7,30,63,.18),transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
.rs-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 26px 65px rgba(0,0,0,.36),
    0 0 0 1px rgba(42,134,255,.12)!important;
}
.rs-card img{
  width:230px!important;
  height:230px!important;
  max-width:230px!important;
  max-height:230px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:contrast(1.03) saturate(.98);
  position:relative;
  z-index:2;
}
.rs-card:after{
  content:"SYOTO";
  position:absolute;
  left:18px;
  top:15px;
  right:auto!important;
  bottom:auto!important;
  font-size:10px!important;
  letter-spacing:2.1px!important;
  font-weight:900!important;
  color:#0b56a6!important;
  opacity:.34!important;
  z-index:3;
}

.rs-dots{margin-top:26px!important;gap:9px!important}
.rs-dot{
  width:7px!important;
  height:7px!important;
  background:rgba(255,255,255,.34)!important;
  transition:.2s ease;
}
.rs-dot.active{
  width:30px!important;
  background:linear-gradient(90deg,#0f73dd,#3ea3ff)!important;
  box-shadow:0 0 16px rgba(40,143,255,.38);
}

/* More premium compact search bar */
.finder{
  background:linear-gradient(90deg,#061321,#081c30 55%,#0a223b)!important;
}
.finder-inner{
  max-width:1040px!important;
  padding:16px 55px 16px!important;
}
.finder-search{
  height:46px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(2,10,19,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.finder-search input{
  font-size:15px!important;
  font-weight:600!important;
}
.finder-help{
  margin-top:9px!important;
  font-size:12.5px!important;
  color:#c7d2df!important;
}

/* Hero typography refinement */
.eyebrow{
  font-size:20px!important;
  font-weight:900!important;
  color:#0b65bd!important;
  letter-spacing:1.35px!important;
}
.hero h1{
  color:#071b37!important;
  font-weight:780!important;
  letter-spacing:-2.2px!important;
}
.hero .lead{
  color:#506176!important;
  max-width:720px!important;
}

/* subtle premium header */
header{
  box-shadow:0 8px 30px rgba(13,31,56,.055);
}

@media(max-width:900px){
  .rs-title h2{font-size:30px!important}
  .rs-stage{grid-template-columns:38px 1fr 38px!important;gap:8px!important}
  .rs-arrow{width:36px!important;height:36px!important}
  .rs-card{height:205px!important;padding:16px!important}
  .rs-card img{width:155px!important;height:155px!important;max-width:155px!important;max-height:155px!important}
}


/* V9: approved clean product carousel */
.real-showcase{
  padding-top:38px !important;
  padding-bottom:42px !important;
}
.rs-inner{
  max-width:1320px !important;
}
.rs-stage{
  margin-top:0 !important;
}
.rs-card{
  height:292px !important;
  padding:24px !important;
}
.rs-card img{
  width:230px !important;
  height:230px !important;
  max-width:230px !important;
  max-height:230px !important;
  object-fit:contain !important;
  object-position:center !important;
}


.syoto-hero-eyebrow{
  color:#0a66d8;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:2.4px;
  margin:0 0 14px;
  text-transform:uppercase;
}
.hero h1{
  font-size:clamp(42px,5.1vw,70px) !important;
  line-height:1.02 !important;
}
@media (max-width:760px){
  .syoto-hero-eyebrow{font-size:13px;letter-spacing:1.7px;margin-bottom:10px;}
  .hero h1{font-size:clamp(36px,10vw,50px) !important;}
}


.product-categories{
  background:#f6f8fb;
  padding:82px 0 92px;
  border-top:1px solid #e6ebf1;
}
.pc-wrap{max-width:1280px;margin:0 auto;padding:0 55px}
.pc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.pc-kicker{display:block;color:#0a66d8;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.pc-head h2{margin:0;color:#061a36;font-size:42px;line-height:1.08;letter-spacing:-1.3px}
.pc-head p{max-width:680px;color:#66758a;font-size:16px;line-height:1.65;margin:13px 0 0}
.pc-all{flex:0 0 auto;color:#0a58bf;text-decoration:none;font-weight:800;font-size:14px;padding-bottom:5px;border-bottom:1px solid #aac5e7}
.pc-all span{margin-left:7px}
.pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pc-card{
  background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;
  text-decoration:none;box-shadow:0 10px 30px rgba(6,26,54,.06);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pc-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(6,26,54,.12);border-color:#bdd2eb}
.pc-img{height:245px;background:linear-gradient(145deg,#fbfcfe,#eef3f8);display:flex;align-items:center;justify-content:center;padding:24px}
.pc-img img{width:205px;height:205px;object-fit:contain;display:block}
.pc-copy{padding:22px 24px 25px;min-height:195px;position:relative}
.pc-copy>span{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#83a6cb}
.pc-copy h3{margin:7px 0 8px;color:#071d45;font-size:22px;letter-spacing:-.35px}
.pc-copy p{margin:0 0 22px;color:#6b7889;font-size:14px;line-height:1.55}
.pc-copy strong{color:#0a5ecb;font-size:13px;font-weight:850}
.pc-copy strong b{font-size:16px;margin-left:5px}
@media(max-width:980px){
  .pc-wrap{padding:0 22px}
  .pc-head{align-items:flex-start;flex-direction:column;gap:18px}
  .pc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .product-categories{padding:58px 0 66px}
  .pc-head h2{font-size:34px}
  .pc-grid{grid-template-columns:1fr}
  .pc-img{height:220px}
  .pc-img img{width:185px;height:185px}
}


/* Card 03 correction only */
.pc-card:nth-child(3) .pc-img{
  height:245px !important;
  min-height:245px !important;
  padding:24px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-card:nth-child(3) .pc-img img{
  width:205px !important;
  height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}
@media(max-width:620px){
  .pc-card:nth-child(3) .pc-img{height:220px !important;}
  .pc-card:nth-child(3) .pc-img img{
    width:185px !important;
    height:185px !important;
    max-width:185px !important;
    max-height:185px !important;
  }
}


/* 01, 02 and 03 image areas: same size + white background */
.pc-card:nth-child(1) .pc-img,
.pc-card:nth-child(2) .pc-img,
.pc-card:nth-child(3) .pc-img{
  height:245px !important;
  min-height:245px !important;
  padding:24px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.pc-card:nth-child(1) .pc-img img,
.pc-card:nth-child(2) .pc-img img,
.pc-card:nth-child(3) .pc-img img{
  width:205px !important;
  height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}

@media(max-width:620px){
  .pc-card:nth-child(1) .pc-img,
  .pc-card:nth-child(2) .pc-img,
  .pc-card:nth-child(3) .pc-img{
    height:220px !important;
  }
  .pc-card:nth-child(1) .pc-img img,
  .pc-card:nth-child(2) .pc-img img,
  .pc-card:nth-child(3) .pc-img img{
    width:185px !important;
    height:185px !important;
    max-width:185px !important;
    max-height:185px !important;
  }
}


.pc-card:nth-child(4) .pc-img{
  height:245px !important;
  min-height:245px !important;
  padding:24px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-card:nth-child(4) .pc-img img{
  width:205px !important;
  height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}
@media(max-width:620px){
  .pc-card:nth-child(4) .pc-img{height:220px !important;}
  .pc-card:nth-child(4) .pc-img img{
    width:185px !important;
    height:185px !important;
    max-width:185px !important;
    max-height:185px !important;
  }
}


.pc-card:nth-child(5) .pc-img{
  height:245px !important;
  min-height:245px !important;
  padding:24px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-card:nth-child(5) .pc-img img{
  width:205px !important;
  height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}
@media(max-width:620px){
  .pc-card:nth-child(5) .pc-img{height:220px !important;}
  .pc-card:nth-child(5) .pc-img img{
    width:185px !important;
    height:185px !important;
    max-width:185px !important;
    max-height:185px !important;
  }
}


/* FINAL equalization for product image areas 01–05 */
.pc-grid .pc-card:nth-child(-n+5) .pc-img{
  box-sizing:border-box !important;
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  margin:0 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(-n+5) .pc-img img{
  box-sizing:border-box !important;
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff !important;
  display:block !important;
}
@media(max-width:620px){
  .pc-grid .pc-card:nth-child(-n+5) .pc-img{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
    padding:17.5px !important;
  }
  .pc-grid .pc-card:nth-child(-n+5) .pc-img img{
    width:185px !important;
    height:185px !important;
    min-width:185px !important;
    min-height:185px !important;
    max-width:185px !important;
    max-height:185px !important;
  }
}


.pc-grid .pc-card:nth-child(5) .pc-img{
  box-sizing:border-box !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(5) .pc-img img{
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}


.pc-grid .pc-card:nth-child(5) .pc-img{
  box-sizing:border-box !important;
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  margin:0 !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(5) .pc-img img{
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  display:block !important;
}


.pc-grid .pc-card:nth-child(6) .pc-img{
  box-sizing:border-box !important;
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  margin:0 !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(6) .pc-img img{
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  display:block !important;
}


.pc-grid .pc-card:nth-child(1) .pc-img{
  box-sizing:border-box !important;
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  margin:0 !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(1) .pc-img img{
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  display:block !important;
}


.pc-grid .pc-card:nth-child(3) .pc-img{
  box-sizing:border-box !important;
  width:100% !important;
  height:245px !important;
  min-height:245px !important;
  max-height:245px !important;
  padding:20px !important;
  margin:0 !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pc-grid .pc-card:nth-child(3) .pc-img img{
  width:205px !important;
  height:205px !important;
  min-width:205px !important;
  min-height:205px !important;
  max-width:205px !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  display:block !important;
}


.category-details{background:#fff;padding:76px 0 90px;border-top:1px solid #e8edf3}
.cd-wrap{max-width:1280px;margin:0 auto;padding:0 55px}
.cd-head{text-align:center;max-width:780px;margin:0 auto 34px}
.cd-head span{display:block;color:#0a66d8;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.cd-head h2{margin:0;color:#061a36;font-size:38px;letter-spacing:-1px}
.cd-head p{color:#68778b;font-size:15px;line-height:1.65;margin:13px 0 0}
.cd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cd-card{border:1px solid #e1e8f0;border-radius:18px;padding:26px;background:#fff;box-shadow:0 10px 28px rgba(6,26,54,.05);scroll-margin-top:110px}
.cd-num{font-size:12px;font-weight:900;color:#85a9cf;letter-spacing:1.5px}
.cd-card h3{color:#071d45;font-size:21px;margin:8px 0 10px}
.cd-card p{color:#6a7889;font-size:14px;line-height:1.6}
.cd-card ul{margin:16px 0 22px;padding-left:18px;color:#536174;font-size:13px;line-height:1.7}
.cd-cta{display:inline-block;text-decoration:none;color:#0a5ecb;font-weight:850;font-size:13px;border-bottom:1px solid #9dbfe6;padding-bottom:3px}
@media(max-width:980px){.cd-wrap{padding:0 22px}.cd-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.category-details{padding:58px 0 68px}.cd-grid{grid-template-columns:1fr}.cd-head h2{font-size:32px}}


.db-demo{background:#f5f8fc;padding:70px 0 86px;border-top:1px solid #e2e9f1}
.db-wrap{max-width:1180px;margin:0 auto;padding:0 26px}
.db-head{text-align:center;max-width:820px;margin:0 auto 24px}
.db-head span{display:block;color:#0a66d8;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:8px}
.db-head h2{margin:0;color:#061a36;font-size:36px;letter-spacing:-.8px}
.db-head p{margin:12px 0 0;color:#69788b;line-height:1.65}
.db-example{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}
.db-example button{border:1px solid #cfdbea;background:#fff;color:#17355e;border-radius:999px;padding:9px 13px;font-weight:750;cursor:pointer}
.db-example button:hover{border-color:#0a66d8;color:#0a66d8}
.db-status{text-align:center;color:#718096;font-size:13px;margin:20px 0}
.db-results{display:grid;grid-template-columns:1fr;gap:18px}
.db-product{background:#fff;border:1px solid #dfe7f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(6,26,54,.06)}
.db-summary{display:grid;grid-template-columns:170px 1fr;gap:26px;padding:26px}
.db-photo{height:150px;border-radius:14px;background:#fff;border:1px dashed #cdd8e5;display:flex;align-items:center;justify-content:center;text-align:center;color:#91a0b2;font-size:12px;padding:15px}
.db-code{color:#0a66d8;font-size:12px;font-weight:900;letter-spacing:1.5px}
.db-product h3{margin:7px 0 10px;color:#061a36;font-size:27px}
.db-desc{color:#66758a;line-height:1.6;margin:0 0 15px}
.db-specs{display:flex;gap:8px;flex-wrap:wrap}
.db-specs span{background:#f3f6fa;border:1px solid #e1e7ee;border-radius:9px;padding:7px 9px;font-size:12px;color:#43536a}
.db-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e6ecf3}
.db-panel{padding:22px 25px;border-right:1px solid #e6ecf3}
.db-panel:last-child{border-right:0}
.db-panel h4{margin:0 0 13px;color:#0a2a55;font-size:14px}
.db-tagwrap{display:flex;flex-wrap:wrap;gap:7px}
.db-tag{background:#f6f9fc;border:1px solid #dce6f0;border-radius:8px;padding:6px 8px;font-size:12px;color:#42536a}
.db-vehicles{max-height:250px;overflow:auto}
.db-vrow{padding:10px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#536174;line-height:1.45}
.db-vrow strong{color:#0b2a50}
.db-empty{color:#8b98a8;font-size:12px}
.db-count{font-weight:800;color:#0a66d8}
@media(max-width:800px){
 .db-summary{grid-template-columns:1fr}
 .db-photo{height:120px}
 .db-tabs{grid-template-columns:1fr}
 .db-panel{border-right:0;border-bottom:1px solid #e6ecf3}
}


.db-photo{padding:8px !important;overflow:hidden;background:#fff !important}
.db-photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:10px}


.hero-inner{
  grid-template-columns:1fr !important;
  max-width:1360px !important;
}
.hero-inner>div:first-child{
  max-width:850px;
}

.hero{min-height:350px!important}
.hero-inner{padding-top:52px!important;padding-bottom:42px!important}
.hero-inner h1{margin:10px 0 12px!important}
.hero-inner .lead{margin:0!important}
.finder-inner{max-width:1120px!important;padding:18px 55px!important}
.finder-search{height:50px!important}
.finder-help{margin-top:10px!important;font-size:14px!important}

.real-showcase{background:linear-gradient(135deg,#06172b,#0a2b55 55%,#06162a);color:#fff;padding:42px 0;overflow:hidden;position:relative}
.real-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0879dc25,transparent 48%)}
.rs-inner{max-width:1280px;margin:auto;padding:0 55px;position:relative}
.rs-title{text-align:center;margin-bottom:24px}.rs-title b{font-size:13px;letter-spacing:2px;color:#4ca5ff}.rs-title h2{font-size:32px;margin:7px 0}
.rs-title p{color:#afbed0;margin:0}
.rs-stage{display:grid;grid-template-columns:48px 1fr 48px;gap:14px;align-items:center}
.rs-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff35;background:#ffffff0b;color:#fff;font-size:27px;cursor:pointer}
.rs-window{overflow:hidden}.rs-track{display:flex;transition:transform .6s ease}.rs-slide{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rs-card{height:250px;background:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 35px #0004}
.rs-card img{width:100%;height:100%;object-fit:contain}
.rs-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.rs-dot{width:8px;height:8px;border:0;border-radius:10px;background:#ffffff55;padding:0;cursor:pointer}.rs-dot.active{width:28px;background:#1685ff}
@media(max-width:900px){.rs-inner{padding:0 18px}.rs-slide{grid-template-columns:repeat(2,1fr)}.rs-card{height:180px}.rs-stage{grid-template-columns:36px 1fr 36px}.rs-arrow{width:34px;height:34px}}

.db-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px}.db-pagination button,.db-vehicles button{padding:10px 16px;border:1px solid #cfdbea;border-radius:9px;background:white;color:#0a5ecb;cursor:pointer}.db-pagination button:disabled{opacity:.4;cursor:default}

/* Bahnschrift uses the installed system font; fallbacks keep other devices readable. */
:root{--sy-font:"Bahnschrift","Segoe UI",Arial,sans-serif;--sy-body:1rem;--sy-small:.875rem;--sy-label:.75rem;--sy-h1:clamp(1.875rem,2.65vw,2.5rem);--sy-h2:clamp(1.75rem,2.35vw,2.125rem);--sy-h3:clamp(1.25rem,1.65vw,1.5rem)}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,button,input,select,textarea{font-family:var(--sy-font);font-size:var(--sy-body);font-weight:400;line-height:1.6}
body :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,small,li,dt,dd,td,th,label,summary,address){font-family:var(--sy-font)}
body :is(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:1.3;letter-spacing:-.015em}
body :is(strong,b){font-weight:700}
header .menu a,header .lang button{font-size:.9375rem;font-weight:600;line-height:1.4}
.sy-home-copy h1{font-size:var(--sy-h1);font-weight:700;line-height:1.16;letter-spacing:-.025em}
.sy-home-slogan{font-size:clamp(1.1875rem,1.55vw,1.375rem);font-weight:600;line-height:1.4}
.sy-home-lead{font-size:.9375rem;line-height:1.7}
.sy-home-kicker,.sy-home-eyebrow,.sy-about-label,.sy-about-intro>span,.sy-blog-head>span,.sy-contact-eyebrow,.sy-proof-kicker{font-size:var(--sy-label);font-weight:600;line-height:1.5;letter-spacing:.09em}
.sy-home-actions a,.sy-home-finder-form label,.sy-home-finder button,.sy-home-finder input{font-size:.9375rem;line-height:1.5}
.sy-home-hero-foot{font-size:.8125rem;line-height:1.5}
.sy-home-finder h2{font-size:1.5rem;line-height:1.3;font-weight:600}
.product-categories h2,.sy-home-story h2,.sy-home-reading h2,.sy-reasons-heading h2,.sy-about-intro h2,.sy-blog-head h2,.db-head h2{font-size:var(--sy-h2);font-weight:600;line-height:1.25}
.product-categories p,.sy-home-story p,.sy-reasons-heading p,.sy-about-intro>p,.sy-blog-head p{font-size:var(--sy-body);line-height:1.7}
.pc-card h3,.sy-reason-card h3,.sy-home-reading h3{font-size:1.1875rem;font-weight:600;line-height:1.4}
.pc-card p,.pc-copy strong,.sy-reason-card p,.sy-home-reading p{font-size:var(--sy-small);line-height:1.6}
.sy-about-panel>h3{font-size:clamp(1.5rem,2vw,1.875rem);font-weight:600;line-height:1.35}
.sy-about-block h4{font-size:1.25rem;font-weight:600;line-height:1.4}
.sy-about-block p,.sy-blog-body,.sy-blog-body p,.sy-blog-body li{font-size:var(--sy-body);line-height:1.8}
.sy-about-block p{max-width:75ch}.sy-blog-body{max-width:80ch}
.sy-about-nav>a{font-size:.9375rem;font-weight:600;line-height:1.45}
.sy-blog-post h3{font-size:var(--sy-h3);font-weight:600;line-height:1.4}
.sy-blog-excerpt{font-size:.9375rem;line-height:1.7}.sy-blog-action{font-size:var(--sy-small)}
.sy-card-copy strong{font-size:1.375rem;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.sy-card-copy small,.sy-blog-number{font-size:var(--sy-label);letter-spacing:.06em}
.sy-card-copy>span,.sy-card-copy b,.sy-back,.db-status,.db-pagination,.db-pagination button{font-size:var(--sy-small);line-height:1.5}
.db-code{font-size:1rem;font-weight:600;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.db-product h3{font-size:var(--sy-h3);font-weight:600}.db-product h4,.db-panel h4{font-size:1rem;font-weight:600;line-height:1.5}
.db-desc{font-size:var(--sy-body);line-height:1.7}
.db-specs span,.db-tag,.db-vrow,.db-vehicles button,.db-empty{font-size:var(--sy-small);line-height:1.6;font-variant-numeric:tabular-nums}
.db-tag{overflow-wrap:anywhere;max-width:100%}
.sy-contact-hero h2{font-size:clamp(1.875rem,3vw,2.5rem);font-weight:600;line-height:1.25}
.sy-contact-hero-copy>p,.sy-contact-card p,.sy-contact-card address{font-size:var(--sy-body);line-height:1.75}
.sy-contact-card h3,.sy-contact-hours h3{font-size:1.25rem;font-weight:600;line-height:1.4}
.sy-contact-value{font-size:1.25rem;font-weight:600;line-height:1.5}.sy-contact-email{font-size:1.0625rem}
.sy-contact-label,.sy-contact-hours dt,.sy-contact-company small{font-size:var(--sy-label);line-height:1.6}
.sy-contact-card-cta,.sy-contact-main-cta,.sy-contact-hours dd,.sy-contact-company p{font-size:var(--sy-small);line-height:1.6}
.sy-brand-proof h3{font-size:1.5rem;line-height:1.35}.sy-brand-proof>div+div h3{font-size:var(--sy-h2)}
.sy-brand-proof p{font-size:var(--sy-body);line-height:1.7}.sy-brand-proof a,.sy-reasons-more{font-size:.9375rem;font-weight:600}
.sy-proof-number{font-size:clamp(3rem,4.5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sy-home-footer{font-size:var(--sy-small);line-height:1.6}
@media(max-width:760px){
.sy-home-copy h1{font-size:1.875rem}.sy-home-lead{font-size:1rem}.sy-home-finder input{font-size:1rem}
.sy-about-nav>a{font-size:.875rem}.pc-card h3,.sy-reason-card h3{font-size:1.125rem}
.sy-card-copy strong{font-size:1.25rem}.sy-about-panel>h3{font-size:1.5rem}.sy-about-block h4{font-size:1.1875rem}
}
@media(min-width:801px) and (max-height:700px){.sy-home-copy h1{font-size:2rem}.sy-home-slogan{font-size:1.1875rem}.sy-home-lead{font-size:.9375rem}}

.sy-ecatalog{max-width:1240px;margin:64px auto;padding:42px;display:grid;grid-template-columns:minmax(220px,.8fr) 1.35fr;gap:60px;align-items:center;background:#f3f7fa;border:1px solid #dde5ed;scroll-margin-top:110px;color:#243965}.sy-ecatalog-cover{max-width:295px;margin:auto;box-shadow:0 18px 38px #24396526}.sy-ecatalog-cover img{display:block;width:100%;height:auto}.sy-ecatalog-copy h2{font-size:clamp(28px,3vw,36px);line-height:1.2;margin:14px 0 22px;font-weight:600}.sy-ecatalog-copy>p{font-size:16px;line-height:1.75;color:#53647a;max-width:62ch}.sy-ecatalog-copy dl{display:flex;gap:36px;margin:25px 0;border-top:1px solid #d8e2eb;border-bottom:1px solid #d8e2eb;padding:21px 0;flex-wrap:wrap}.sy-ecatalog-copy dt{font-size:27px;font-weight:600;color:#243965;line-height:1.3}.sy-ecatalog-copy dd{font-size:13px;margin:4px 0 0;color:#53647a}.sy-ecatalog-copy .sy-ecatalog-meta{font-size:13px;line-height:1.65}.sy-ecatalog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sy-ecatalog-actions button{font-family:inherit;font-size:15px;font-weight:600;padding:13px 21px;background:#243965;color:#fff;border:1px solid #243965;cursor:pointer}.sy-ecatalog-actions button+button{background:white;color:#243965}.sy-ecatalog-actions span{margin-left:14px}.sy-ecatalog-actions button:focus-visible{outline:3px solid #008bc1;outline-offset:4px}.sy-ecatalog-copy #sy-ecatalog-status{font-size:13px;min-height:22px;margin:10px 0 0}@media(max-width:760px){.sy-ecatalog{margin:40px 18px;padding:27px 22px;grid-template-columns:1fr;gap:32px}.sy-ecatalog-cover{max-width:210px}.sy-ecatalog-copy dl{gap:25px}.sy-ecatalog-actions button{flex:1;white-space:nowrap}} 