:root{
  --blue:#1e5db7;
  --blue2:#0f4187;
  --red:#ed1b2b;
  --ink:#14243b;
  --muted:#6e7c90;
  --line:#dfe7ef;
  --soft:#f5f8fb;
  --white:#fff;
  --shadow:0 20px 70px rgba(20,57,97,.10);
  --container:1460px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
img{display:block;max-width:100%}
.site-container{width:min(var(--container),92vw);margin:0 auto}
.utility-bar{height:34px;background:#fbfcfe;border-bottom:1px solid #edf1f5;color:#252a32;font-size:10px;font-weight:800}
.utility-inner{height:100%;display:flex;justify-content:space-between;align-items:center}
.utility-left,.utility-right{display:flex;align-items:center;gap:14px}
.status-dot{width:6px;height:6px;border-radius:50%;background:#33a768}
.utility-sep{color:#b4bdca}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 6px 25px rgba(15,47,84,.06)}
.header-main{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-lockup{display:flex;align-items:center;gap:15px;min-width:335px}
.brand-timex{width:185px;height:auto}.brand-fts{width:178px;height:auto}
.brand-divider{width:1px;height:42px;background:#d6dfe9}
.desktop-nav{height:100%;display:flex;align-items:stretch;gap:8px}
.nav-parent{height:100%;display:flex;align-items:stretch;position:relative}
.nav-top{height:100%;display:flex;align-items:center;padding:0 18px;position:relative;color:#344258;font-size:13px;font-weight:800;white-space:nowrap}
.nav-top:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transition:.2s}
.nav-parent:hover>.nav-top:after,.nav-top:hover:after{transform:scaleX(1)}
.nav-top:hover{color:var(--blue);background:#fafcff}.nav-top .nav-chevron{font-size:12px;color:#7f8b9b;margin-left:4px}
.mega-panel{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%,10px);width:min(1300px,92vw);padding:26px 30px 18px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);box-shadow:0 30px 80px rgba(18,52,90,.18);display:grid;grid-template-columns:250px 1fr;gap:28px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.nav-parent:hover>.mega-panel,.nav-parent:focus-within>.mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.overline{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--blue)}
.mega-intro h3{font-size:28px;line-height:1;margin:8px 0 12px;letter-spacing:-.04em}.mega-intro p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 18px}
.mega-view-all{display:inline-flex;padding:10px 12px;background:var(--red);color:#fff;border-radius:9px;font-size:11px;font-weight:900}
.mega-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mega-group{padding:0 18px;border-left:1px solid #e7edf3}.mega-group:first-child{border-left:0;padding-left:0}
.mega-group-title{font-size:10px;letter-spacing:.13em;color:#657389;font-weight:900;margin-bottom:8px}
.mega-product{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 0;border-bottom:1px solid #eef2f6}
.mega-product-main{font-size:12px;font-weight:800;color:#26364d;line-height:1.2}.mega-product-meta{font-size:10px;color:#7a8799}.mega-arrow{font-style:normal;color:var(--red);opacity:0}.mega-product:hover .mega-product-main{color:var(--blue)}.mega-product:hover .mega-arrow{opacity:1}
.mega-bottom{grid-column:1/-1;margin:3px -30px -18px;padding:12px 30px;background:#f5f8fb;display:flex;justify-content:space-between;color:#6d7a8e;font-size:11px}.mega-bottom a{color:var(--blue);font-weight:900}
.compact-panel{grid-template-columns:240px 1fr}.application-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.application-menu-grid a{min-height:140px;padding:18px;border:1px solid #e2e8ef;border-radius:14px;background:linear-gradient(145deg,#fff,#f6f9fd)}.application-menu-grid b{display:block;font-size:14px;margin-bottom:9px}.application-menu-grid span{display:block;color:var(--muted);font-size:11px;line-height:1.55}.application-menu-grid a:hover{border-color:#bcd2ed;transform:translateY(-2px)}
.header-actions{display:flex;align-items:center;gap:14px}.lang-switch{font-size:10px;font-weight:900;color:#758399;white-space:nowrap}.header-cta{background:var(--red);color:#fff;border-radius:10px;padding:13px 16px;font-size:12px;font-weight:900;white-space:nowrap}
.mobile-toggle{display:none;border:0;background:none;font-size:28px;color:var(--blue)}
.mobile-drawer{display:none}
.page{display:none}.page.active{display:block}
.hero{padding:84px 0 72px;background:linear-gradient(120deg,#fff 36%,#f1f7ff)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--blue);font-weight:900;text-transform:uppercase}
.hero h1{font-size:clamp(54px,6.2vw,94px);line-height:.91;letter-spacing:-.07em;margin:18px 0 24px;max-width:840px}.hero h1 span{color:var(--blue)}
.hero-copy{max-width:760px}.hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:690px}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 17px;border-radius:11px;font-size:12px;font-weight:900}.primary{background:var(--red);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}
.hero-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:#657389;font-size:11px;font-weight:700;margin-top:22px}.hero-facts b{color:var(--red)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:650px;margin-top:30px}
.hero-metric{border-top:1px solid #dce5ee;padding-top:11px}.hero-metric strong{display:block;font-size:22px}.hero-metric span{font-size:10px;color:#78869a}
.hero-visual{min-height:600px;position:relative;border-radius:32px;background:radial-gradient(circle at 50% 50%,#cae4ff 0,#eaf4fe 35%,#f7fafc 60%,#f7fafc);display:grid;place-items:center;overflow:hidden}
.hero-visual{isolation:isolate}.hero-visual:after{content:"";position:absolute;inset:auto -16% -26% auto;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#b7dcff 0,#e9f4ff 52%,transparent 54%);opacity:.9}
.hero-visual>img{position:relative;z-index:2;max-width:74%;max-height:67%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 28px 30px rgba(16,57,109,.16))}
.float-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:14px 16px}.float-card b{display:block;font-size:27px}.float-card small{font-size:10px;color:var(--muted)}.float-1{left:20px;bottom:24px}.float-2{right:20px;top:24px}
.visual-caption{position:absolute;z-index:4;right:22px;bottom:22px;left:22px;display:flex;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid #d9e4ee;border-radius:13px;padding:11px 14px}.visual-caption span{display:block;font-size:9px;color:#718096}.visual-caption b{display:block;margin-top:3px;font-size:12px}
.finder{margin-top:34px;background:var(--blue2);border-radius:20px;padding:22px 24px;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:22px}.finder h3{margin:0 0 4px;font-size:25px}.finder p{margin:0;font-size:11px;color:#d7e7f9}.finder input{width:100%;padding:15px 17px;border-radius:10px;border:0;outline:none}
.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.kicker{font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:900;text-transform:uppercase}.section h2{font-size:clamp(38px,4.2vw,60px);line-height:.98;letter-spacing:-.06em;margin:9px 0 16px}.section-intro{max-width:760px;font-size:15px;line-height:1.7;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}.feature-main{min-height:400px;background:linear-gradient(135deg,#0f57b5,#367fdf);border-radius:24px;color:#fff;padding:30px;position:relative;overflow:hidden}.feature-main h3{font-size:36px;line-height:1.02;margin:9px 0;max-width:490px}.feature-main p{font-size:13px;line-height:1.65;color:#deebfb;max-width:500px}.feature-main img{position:absolute;right:0;bottom:7px;max-width:49%;max-height:55%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 23px 26px rgba(0,0,0,.15))}
.feature-side{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.feature-side .micro{font-size:10px;color:var(--blue);font-weight:900}.feature-side h3{font-size:21px;line-height:1.05;margin:8px 0}.feature-side p{font-size:12px;color:var(--muted);line-height:1.5}.side-img{height:155px;border-radius:15px;background:radial-gradient(circle at 50% 52%,#eef5fb 0 48%,transparent 74%);display:grid;place-items:center}.side-img img{max-width:82%;max-height:82%;object-fit:contain;mix-blend-mode:multiply}.red-link{display:inline-flex;margin-top:10px;color:var(--red);font-size:12px;font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce5ee}.stats .item{background:#fff;padding:30px}.stats b{font-size:38px;display:block;letter-spacing:-.04em}.stats span{font-size:11px;color:#748297}
.light-band{background:var(--soft);border-top:1px solid #e3eaf1;border-bottom:1px solid #e3eaf1}
.tech-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.tech-media{min-height:430px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#edf6ff,#fff);display:grid;place-items:center;position:relative;overflow:hidden}.tech-media img{max-width:73%;max-height:70%;object-fit:contain;mix-blend-mode:multiply}.tech-label{position:absolute;left:18px;top:18px;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:9px;font-size:9px;font-weight:900;color:var(--blue)}
.tech-copy{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff}.tech-copy h3{font-size:32px;margin:8px 0}.tech-copy p{color:var(--muted);line-height:1.7;font-size:14px}.tech-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.tech-spec{background:#f6f9fc;border:1px solid #e2e8ef;border-radius:12px;padding:15px}.tech-spec b{display:block;color:var(--blue);font-size:20px}.tech-spec span{display:block;font-size:10px;color:#7a8798;margin-top:3px}
.application-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.application-card{min-height:175px;padding:21px;border-radius:18px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.application-card:after{content:"";position:absolute;right:-40px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:#eaf3fd}.application-card .num{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.12em}.application-card h3{margin:11px 0 7px;font-size:18px;position:relative;z-index:1}.application-card p{font-size:12px;line-height:1.55;color:var(--muted);position:relative;z-index:1}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.step{padding:25px;background:#fff;border-right:1px solid var(--line);min-height:180px}.step:last-child{border-right:0}.step b{font-size:11px;color:var(--red)}.step h3{font-size:21px;margin:10px 0}.step p{font-size:12px;line-height:1.55;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}.news-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}.news-card.feature{background:linear-gradient(140deg,#f4f9ff,#fff);min-height:220px}.news-date{font-size:9px;color:var(--red);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.news-card h3{font-size:23px;line-height:1.05;margin:10px 0}.news-card p{font-size:12px;color:var(--muted);line-height:1.6}
.quote{padding:42px 44px;border-radius:26px;background:linear-gradient(125deg,#0f57b5,#347ddd);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.quote h2{color:#fff;margin:0}.quote p{color:#dfedff;max-width:650px;line-height:1.65}.quote .btn{background:var(--red)}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.product-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:12px;transition:.22s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-media{height:210px;background:radial-gradient(circle at 50% 52%,#eef5fb 0 46%,transparent 72%);border-radius:15px;display:grid;place-items:center}.product-media img{max-width:80%;max-height:78%;object-fit:contain;mix-blend-mode:multiply}.placeholder{text-align:center;color:#7b889b}.placeholder b{display:block;color:var(--blue);font-size:42px}.product-card h3{font-size:18px;line-height:1.08;margin:8px 0}.product-card p{font-size:12px;color:var(--muted);margin:0 0 10px}.chip{display:inline-block;margin-top:12px;color:var(--blue);font-size:9px;letter-spacing:.08em;font-weight:900;text-transform:uppercase}
.products-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.products-toolbar input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:10px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{padding:9px 11px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:10px;font-weight:900;color:#5d6a7e;cursor:pointer}.filter-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.detail{padding:72px 0}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.detail-media{min-height:520px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 52%,#eef5fb 0 48%,transparent 74%);display:grid;place-items:center}.detail-media img{max-width:76%;max-height:70%;object-fit:contain;mix-blend-mode:multiply}.detail-title{font-size:clamp(44px,5.5vw,78px);line-height:.94;letter-spacing:-.07em;margin:9px 0 20px}.detail-intro{font-size:17px;line-height:1.75;color:var(--muted)}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.fact{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.fact b{display:block;color:var(--blue);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.fact span{display:block;color:#536279;font-size:12px;line-height:1.55;margin-top:5px}.project-box{margin-top:20px;border-radius:20px;background:var(--blue2);color:#fff;padding:28px}.project-box h3{font-size:27px;margin:0 0 7px}.project-box p{color:#d9e7f8;line-height:1.6;font-size:13px}.project-inputs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.input-tag{padding:6px 8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:8px;font-size:10px;color:#d9e7f8}
.about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:16px}.about-primary{min-height:340px;border-radius:24px;padding:38px;background:linear-gradient(135deg,#0f57b5,#347ddd);color:#fff}.about-primary h2{color:#fff}.about-primary p{color:#e1edfc;line-height:1.7}.about-secondary{border:1px solid var(--line);border-radius:24px;padding:36px}.about-secondary p{color:var(--muted);line-height:1.7}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.contact-primary{border-radius:24px;padding:38px;background:var(--blue2);color:#fff}.contact-primary p{color:#d8e7f8;line-height:1.7}.contact-form{border:1px solid var(--line);border-radius:24px;padding:30px}.contact-form input,.contact-form textarea{width:100%;padding:13px;border:1px solid #d6e0ea;border-radius:10px;margin:6px 0 10px}
.footer{padding:55px 0 22px;background:#f4f8fc;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}.footer-grid p,.footer-grid a,.footer-grid span{display:block;font-size:12px;color:#6f7d91;line-height:1.6;margin:6px 0}.footer-grid strong{color:var(--ink)}.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-logo-row img:first-child{width:145px}.footer-logo-row img:last-child{width:145px}.copyright{margin-top:30px;border-top:1px solid #dce5ee;padding-top:14px;color:#8794a5;font-size:10px}
.mobile-drawer.open{display:flex}
@media(max-width:1240px){.desktop-nav{gap:2px}.nav-top{padding:0 12px}.brand-lockup{min-width:285px}.brand-timex{width:165px}.brand-fts{width:150px}.header-cta{display:none}}
@media(max-width:1020px){.desktop-nav{display:none}.mobile-toggle{display:block}.header-actions{margin-left:auto}.mobile-drawer{position:fixed;right:0;top:122px;width:min(400px,92vw);height:calc(100vh - 122px);background:#fff;box-shadow:-15px 0 50px rgba(18,55,93,.15);border-left:1px solid var(--line);padding:20px;flex-direction:column;display:none}.mobile-drawer.open{display:flex}.mobile-head{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-weight:900;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:8px}.mobile-head button{border:0;background:none;font-size:30px}.mobile-drawer>a{padding:17px 5px;border-bottom:1px solid #edf1f5;font-weight:900;color:#24364d}.utility-bar{display:none}.header-main{height:82px}}
@media(max-width:980px){.hero-grid,.tech-layout,.detail-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:1/-1}.application-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid var(--line)}.news-grid{grid-template-columns:1fr 1fr}.news-card.feature{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.brand-timex{width:142px}.brand-fts{width:120px}.brand-divider{display:none}.hero{padding:58px 0}.hero-metrics,.stats,.application-grid,.workflow,.news-grid,.feature-grid,.products-grid,.fact-grid,.tech-specs{grid-template-columns:1fr}.feature-main{grid-column:auto}.finder{grid-template-columns:1fr}.section{padding:68px 0}.hero-visual,.detail-media{min-height:390px}.mega-panel{width:95vw}.mobile-drawer{top:82px;height:calc(100vh - 82px)}.products-toolbar{flex-direction:column;align-items:stretch}}

/* FIX PACK — image containment / transparent-looking presentation / header balance */
.single-brand{min-width:220px}
.single-brand .brand-timex{width:190px;height:auto}
.single-brand + .desktop-nav{margin-left:auto}

.hero-visual{
  min-height:590px;
  padding:28px 34px 115px;
}
.hero-visual>img{
  width:min(82%,620px);
  height:auto;
  max-height:500px;
  object-fit:contain;
  object-position:center center;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 0%,#000 59%,rgba(0,0,0,.92) 67%,transparent 92%);
          mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 0%,#000 59%,rgba(0,0,0,.92) 67%,transparent 92%);
}
.float-1{left:18px;bottom:105px;z-index:5}
.float-2{right:18px;top:25px;z-index:5}
.visual-caption{left:22px;right:22px;bottom:20px;z-index:8}

.feature-main img,
.feature-side .side-img img,
.product-media img,
.detail-media img,
.tech-media img{
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 77% 76% at 50% 50%,#000 0%,#000 58%,rgba(0,0,0,.94) 69%,transparent 94%);
          mask-image:radial-gradient(ellipse 77% 76% at 50% 50%,#000 0%,#000 58%,rgba(0,0,0,.94) 69%,transparent 94%);
}

.product-media{
  height:245px;
  overflow:hidden;
  background:linear-gradient(145deg,#f7fbff,#f1f6fb);
  padding:8px;
}
.product-media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}
.feature-side .side-img{
  height:170px;
  overflow:hidden;
}
.feature-side .side-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  max-width:100%;
  max-height:100%;
}
.feature-main{
  overflow:hidden;
}
.feature-main img{
  width:min(47%,430px);
  max-height:52%;
  object-fit:contain;
  object-position:center bottom;
}
.tech-media{
  padding:26px;
}
.tech-media img{
  width:min(82%,570px);
  height:100%;
  max-height:360px;
  object-fit:contain;
}
.detail-media{
  overflow:hidden;
  padding:34px;
}
.detail-media img{
  width:100%;
  height:100%;
  max-height:440px;
  object-fit:contain;
}

@media(max-width:1020px){
  .single-brand{min-width:0}
  .single-brand .brand-timex{width:165px}
}
@media(max-width:650px){
  .single-brand .brand-timex{width:145px}
  .hero-visual{
    min-height:450px;
    padding:25px 18px 100px;
  }
  .hero-visual>img{
    width:88%;
    max-height:340px;
  }
  .float-1{left:12px;bottom:88px}
  .float-2{right:12px;top:16px}
  .visual-caption{left:12px;right:12px;bottom:12px}
  .feature-main img{width:54%;max-height:48%}
  .product-media{height:220px}
}

/* V4 — centered, modern product mega-menu */
@media(min-width:1021px){
  .products-mega{
    position:fixed;
    left:50vw;
    top:calc(34px + 94px);
    transform:translate(-50%,12px);
    width:min(1360px,94vw);
    max-height:calc(100vh - 140px);
    overflow:hidden;
    display:block;
    padding:25px 28px 15px;
    border-radius:0 0 18px 18px;
  }
  .nav-parent:hover>.products-mega,
  .nav-parent:focus-within>.products-mega{
    transform:translate(-50%,0);
  }
}
.products-mega{
  background:rgba(255,255,255,.985);
  border:1px solid #dbe5ef;
  border-top:3px solid var(--red);
  box-shadow:0 26px 75px rgba(18,55,95,.16);
}
.products-mega-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
  padding-bottom:16px;
  margin-bottom:17px;
  border-bottom:1px solid #e6ecf2;
}
.products-mega-head h3{
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
  margin:6px 0 7px;
}
.products-mega-head p{
  font-size:11px;
  color:var(--muted);
  max-width:620px;
  line-height:1.55;
  margin:0;
}
.mega-head-actions{
  display:flex;
  align-items:center;
  gap:15px;
  flex-shrink:0;
}
.mega-quick-stat{
  text-align:right;
  padding-right:15px;
  border-right:1px solid #dfe7ef;
}
.mega-quick-stat b{display:block;font-size:23px;line-height:1;color:var(--blue)}
.mega-quick-stat span{font-size:9px;color:#7b8798;text-transform:uppercase;letter-spacing:.09em}
.products-mega-body{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:23px;
}
.mega-feature-rail{
  padding:17px;
  border:1px solid #d7e3ef;
  border-radius:16px;
  background:linear-gradient(145deg,#edf6ff 0%,#fbfdff 72%);
  min-height:390px;
  display:flex;
  flex-direction:column;
}
.feature-kicker{
  display:block;
  font-size:9px;
  color:var(--red);
  letter-spacing:.15em;
  font-weight:900;
}
.mega-feature-rail h4{
  margin:7px 0 5px;
  font-size:25px;
  line-height:1;
  letter-spacing:-.03em;
}
.mega-feature-rail p{
  font-size:11px;
  color:var(--muted);
  line-height:1.5;
  margin:0;
}
.mega-feature-image{
  height:125px;
  margin:15px -3px 10px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 50%,#dbeeff 0,#eef6fc 48%,transparent 72%);
  overflow:hidden;
}
.mega-feature-image img{
  width:92%;
  height:92%;
  object-fit:contain;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 0%,#000 60%,rgba(0,0,0,.93) 70%,transparent 96%);
          mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 0%,#000 60%,rgba(0,0,0,.93) 70%,transparent 96%);
}
.feature-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:auto;
}
.feature-metrics span{
  padding:9px;
  border-radius:10px;
  background:#fff;
  border:1px solid #dce6ef;
}
.feature-metrics b{display:block;color:var(--blue);font-size:15px}.feature-metrics small{display:block;color:#7a8798;font-size:8px;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.feature-link{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-top:9px;
  min-height:33px;
  border-radius:9px;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.mega-product-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  min-width:0;
}
.mega-group-modern{
  min-width:0;
}
.mega-group-title-modern{
  display:flex;
  justify-content:space-between;
  align-items:center;

  border-bottom:1px solid #e5ebf2;
}
.mega-group-title-modern span{
  font-size:9px;
  letter-spacing:.12em;
  color:#5d6b7f;
  font-weight:900;
}
.mega-group-title-modern em{
  font-style:normal;
  font-size:8px;
  color:#9aa5b4;
}
.mega-list{
  display:grid;
  gap:6px;
}
.mega-product-tile{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  gap:8px;
  align-items:center;
  min-height:50px;
  padding:7px 8px;
  border:1px solid transparent;
  border-radius:11px;
  background:#fff;
  transition:all .17s ease;
}
.mega-product-tile:hover{
  border-color:#cfe0f1;
  background:#f7fbff;
  transform:translateX(2px);
  box-shadow:0 7px 18px rgba(27,83,143,.06);
}
.mega-product-visual{
  width:38px;height:38px;border-radius:9px;
  background:linear-gradient(145deg,#edf4fa,#f8fbfd);
  display:grid;place-items:center;overflow:hidden;
}
.mega-product-visual img{
  width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;
}
.menu-product-icon{
  width:25px;height:25px;border-radius:7px;
  background:#eaf3fd;color:var(--blue);
  display:grid;place-items:center;
  font-size:7px;font-weight:900;
  border:1px solid #d6e5f3;
}
.mega-product-copy{min-width:0}
.mega-product-copy strong{
  display:block;
  color:#22334b;
  font-size:10.5px;
  line-height:1.15;
  white-space:normal;
}
.mega-product-copy small{
  display:block;
  color:#7b8899;
  font-size:8px;
  line-height:1.2;
  margin-top:3px;
  white-space:normal;
}
.mega-product-arrow{
  color:var(--red);
  font-size:12px;
  opacity:0;
  transition:.15s;
}
.mega-product-tile:hover .mega-product-arrow{opacity:1}
.mega-footer-modern{
  margin:16px -28px -15px;
  min-height:38px;
  padding:9px 28px;
  background:#f4f8fc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#6f7c8d;
  font-size:10px;
}
.mega-footer-modern a{color:var(--blue);font-weight:900}
@media(max-width:1020px){
  .products-mega{position:absolute;top:100%;left:0;transform:none;width:92vw;max-height:none}
  .products-mega .products-mega-body{grid-template-columns:1fr}
  .mega-feature-rail{display:none}
}
@media(max-width:760px){
  .mega-product-groups{grid-template-columns:1fr}
}

.products-mega .mega-product-copy strong,
.products-mega .mega-product-copy small{overflow-wrap:anywhere}
@media(min-width:1021px){
  .products-mega{z-index:1200}
  .site-header{z-index:1100}
}

/* V5 — reliable mega menu interaction */
@media(min-width:1021px){
  .desktop-nav .nav-parent .products-mega,
  .desktop-nav .nav-parent .mega-panel{
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  }
  .desktop-nav .nav-parent.menu-open > .mega-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .desktop-nav .nav-parent:hover > .mega-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  /* Give the panel a tiny invisible bridge so mouse movement from the trigger cannot drop it. */
  .desktop-nav .nav-parent > .mega-panel:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-14px;
    height:14px;
    background:transparent;
  }
}

/* V6 — premium navigation redesign */
.site-header{
  position:sticky;
  top:0;
  z-index:1500;
  background:rgba(255,255,255,.985);
  backdrop-filter:blur(16px);
  border-bottom:1px solid #e4eaf1;
  box-shadow:0 4px 22px rgba(16,48,85,.055);
}
.header-main{
  width:min(1460px,94vw);
  height:84px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
}
.brand-lockup.single-brand{
  min-width:0;
  width:max-content;
  display:flex;
  align-items:center;
}
.brand-lockup.single-brand .brand-timex{
  width:178px;
  height:auto;
  transition:transform .2s ease;
}
.brand-lockup.single-brand:hover .brand-timex{transform:translateY(-1px)}

.desktop-nav{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.nav-parent{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}
.nav-top,
.nav-item .nav-top{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:none;
  background:transparent;
  box-shadow:none;
  height:100%;
  min-width:auto;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#324056;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.01em;
  position:relative;
  cursor:pointer;
  border-radius:0;
  transition:color .18s ease,background .18s ease;
}
.nav-top:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:3px;
  border-radius:999px;
  background:var(--red);
  transform:translateX(-50%);
  transition:width .2s ease;
}
.nav-top:hover,
.nav-parent.menu-open>.nav-top,
.nav-top.active{
  color:var(--blue);
  background:transparent;
}
.nav-top:hover:before,
.nav-parent.menu-open>.nav-top:before,
.nav-top.active:before{
  width:34px;
}
.nav-top span{
  color:#635b76;
  font-size:13px;
  transform:translateY(-1px);
  transition:transform .2s ease,color .2s ease;
}
.nav-parent:hover>.nav-top .nav-chevron,
.nav-parent.menu-open>.nav-top .nav-chevron{
  transform:rotate(180deg);
  color:var(--red);
}
.nav-top.direct{
  display:inline-flex;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
}
.lang-switch{
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  color:#77849a;
}
.header-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 17px;
  background:linear-gradient(135deg,#ef1e2b,#e51b29);
  color:#fff;
  border-radius:12px;
  font-size:11px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(237,27,43,.18);
  transition:transform .18s ease,box-shadow .18s ease;
}
.header-cta:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(237,27,43,.23)}
.mobile-toggle{
  display:none;
  border:0;
  outline:none;
  background:#f4f7fa;
  color:var(--blue);
  width:42px;
  height:42px;
  border-radius:11px;
  cursor:pointer;
}

/* Mega menus sit under the whole navigation, not inside a tiny button box */
@media(min-width:1021px){
  .products-mega{
    top:calc(34px + 84px);
  }
  .nav-parent>.mega-panel{
    top:calc(100% + 1px);
  }
}
@media(max-width:1240px) and (min-width:1021px){
  .header-main{
    grid-template-columns:200px minmax(0,1fr) auto;
    gap:10px;
  }
  .brand-lockup.single-brand .brand-timex{width:158px}
  .desktop-nav{gap:0}
  .nav-top{padding:0 11px;font-size:12px}
  .lang-switch{display:none}
  .header-cta{padding:0 13px}
}
@media(max-width:1020px){
  .header-main{
    width:min(94vw,1460px);
    height:80px;
    display:flex;
    justify-content:space-between;
    gap:14px;
  }
  .desktop-nav{display:none}
  .brand-lockup.single-brand .brand-timex{width:157px}
  .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  .header-actions{margin-left:auto}
  .header-cta,.lang-switch{display:none}
}
@media(max-width:560px){
  .brand-lockup.single-brand .brand-timex{width:145px}
}

.nav-top,
.nav-top:hover,
.nav-top:focus,
.nav-top:active,
.nav-item .nav-top{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

@media(min-width:1021px){
  .desktop-nav .nav-parent + .nav-parent{margin-left:2px}
  .desktop-nav .nav-parent + .nav-top.direct,
  .desktop-nav .nav-top.direct + .nav-top.direct{margin-left:1px}
}

/* V7 — sticky footer at the bottom without overlaying content */
html, body{
  min-height:100%;
}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
main{
  flex:1 0 auto;
  width:100%;
}
.footer{
  flex:0 0 auto;
  margin-top:auto;
  width:100%;
}
.page{
  min-height:0;
}

.lang-switch{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#9aa5b3}
.lang-btn{border:0;background:transparent;color:#8a97a8;padding:5px 3px;font-size:10px;font-weight:900;cursor:pointer;border-radius:5px}
.lang-btn:hover{color:var(--blue)}
.lang-btn.active{color:var(--red);background:#fff1f2}

.lang-switch .lang-btn.active{color:var(--red)!important;background:#fff0f2!important;border-radius:6px;padding-inline:5px}
.lang-switch .lang-btn{transition:.18s}

.lang-switch .lang-btn.active{color:var(--red)!important;background:#fff0f2!important;border-radius:6px;padding-inline:5px}
.lang-switch .lang-btn{transition:.18s}

.lang-switch .lang-btn.active{color:var(--red)!important;background:#fff0f2!important;border-radius:6px;padding-inline:5px}

/* V11 layout stability */
.hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;align-items:center!important}
.hero-copy{display:block!important;max-width:760px!important;min-width:0!important}
.hero-copy h1{max-width:840px!important}
.hero-copy>p{max-width:690px!important}
.hero-visual{min-width:0!important}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{max-width:900px!important}
}

/* V12 — FTS logo aligned at the far right of footer */
/* V13 — footer alignment */
.footer-grid{
  display:grid;
  grid-template-columns:minmax(320px,2fr) minmax(150px,1fr) minmax(180px,1fr);
  gap:40px;
  align-items:start;
}
.footer-brand,.footer-column{min-width:0}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column strong{margin:0 0 8px}@media(max-width:980px){
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
  .footer-right{align-items:flex-start;text-align:left}
  .footer-fts{align-items:flex-start}
}
@media(max-width:620px){
  .footer-grid{grid-template-columns:1fr}
  .footer-right{align-items:flex-start;text-align:left}
}
/* V15 — simple footer without FTS */
@media(max-width:980px){
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}

/* V16 — footer horizontal alignment */
.footer-grid-final{
  display:grid !important;
  grid-template-columns: minmax(340px,2.2fr) minmax(150px,1fr) minmax(190px,1fr) minmax(190px,1fr) !important;
  gap:42px !important;
  align-items:start !important;
}
.footer-grid-final > *{
  min-width:0;
}
.footer-grid-final .footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-grid-final .footer-brand{
  display:block;
}
.footer-grid-final .footer-official{
  justify-content:flex-start;
}
.footer-grid-final .footer-column strong{
  margin:0 0 10px;
}
.footer-grid-final .footer-column a,
.footer-grid-final .footer-column span{
  margin:4px 0;
}
@media(max-width:980px){
  .footer-grid-final{
    grid-template-columns:1.6fr 1fr 1fr !important;
    gap:28px !important;
  }
  .footer-grid-final .footer-official{
    grid-column:1 / -1;
  }
}
@media(max-width:640px){
  .footer-grid-final{
    grid-template-columns:1fr !important;
  }
  .footer-grid-final .footer-official{
    grid-column:auto;
  }
}


/* Product imagery: complete, centered, framed presentation */
.product-media,
.detail-media,
.mega-product-visual,
.mega-feature-image,
.feature-main > img,
.feature-side .side-img,
.tech-media{
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fb 100%);
  border:1px solid #dce6f0;
  border-radius:20px;
}
.product-media{
  height:260px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.product-media img,
.detail-media img,
.mega-feature-image img,
.mega-product-visual img,
.feature-main > img,
.feature-side .side-img img,
.tech-media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  mix-blend-mode:multiply;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.product-media img{border-radius:14px}
.detail-media{
  min-height:500px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.detail-media img{min-height:420px}
.mega-feature-image{padding:12px;}
.mega-product-visual{padding:7px;}
.mega-product-visual{height:84px}
.mega-feature-image{height:220px}
.mega-product-visual img{border-radius:12px}
.feature-main > img{
  width:min(55%,500px);
  height:270px;
  max-height:none;
  padding:12px;
  position:absolute;
  right:24px;
  bottom:72px;
}
.feature-side .side-img{padding:12px;}
.feature-side .side-img img{border-radius:14px}
.tech-media{padding:20px;}
@media(max-width:900px){
  .feature-main > img{position:relative;right:auto;bottom:auto;width:100%;height:260px;margin-top:20px;}
}

/* APPLICATIONS PREMIUM 2026 */
.apps-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:30px}.apps-intro-row .section-intro{max-width:720px;margin-top:0}.apps-intro-link{white-space:nowrap;margin-bottom:8px}.applications-premium{gap:12px;align-items:stretch}.applications-premium .premium-card{min-height:290px;padding:22px 22px 20px;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 8px 30px rgba(24,58,94,.035);display:flex;flex-direction:column;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.applications-premium .premium-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--red),#ff6a73);transform:scaleX(.22);transform-origin:left;transition:transform .25s ease}.applications-premium .premium-card:after{right:-54px;bottom:-56px;width:155px;height:155px;background:radial-gradient(circle at center,#eaf3fd 0 46%,rgba(234,243,253,.45) 47%,transparent 70%);transition:transform .3s ease}.applications-premium .premium-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(21,56,91,.11);border-color:#cbdced}.applications-premium .premium-card:hover:before{transform:scaleX(1)}.applications-premium .premium-card:hover:after{transform:scale(1.12)}.app-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.app-icon{width:42px;height:42px;border-radius:12px;border:1px solid #dbe5ef;background:#f7faff;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:inset 0 0 0 4px rgba(255,255,255,.75)}.applications-premium .premium-card h3{font-size:21px;line-height:1.05;margin:22px 0 10px;max-width:190px}.applications-premium .premium-card p{font-size:12px;line-height:1.65;margin:0;min-height:83px}.app-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;position:relative;z-index:2}.app-tags span{font-size:9px;font-weight:800;color:#68798e;background:#f2f6fa;border:1px solid #e2e9f0;border-radius:999px;padding:6px 8px}.app-arrow{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;color:var(--red);font-size:10px;font-weight:900;position:relative;z-index:2}.applications-page{padding-top:92px}.applications-page-grid{grid-template-columns:repeat(5,1fr)}.apps-note{min-width:220px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#f7faff;box-shadow:inset 0 1px 0 #fff}.apps-note span{display:block;font-size:9px;letter-spacing:.14em;color:var(--blue);font-weight:900;margin-bottom:8px}.apps-note strong{display:block;font-size:17px;line-height:1.12;color:var(--ink);white-space:pre-line}.applications-showcase{padding-top:84px;padding-bottom:86px}
@media(max-width:980px){.apps-intro-row{align-items:flex-start;flex-direction:column;gap:8px}.apps-note{min-width:0;width:100%}.applications-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.applications-premium .premium-card{min-height:280px}.applications-showcase,.applications-page{padding-top:64px;padding-bottom:64px}.app-tags span{font-size:8px}.apps-intro-row .section-intro{font-size:14px}}

/* V18 — premium products mega-menu refresh */
@media(min-width:1021px){
  body.mega-visible::after{
    content:"";
    position:fixed;
    inset:72px 0 0;
    background:rgba(10,27,48,.15);
    backdrop-filter:blur(2px);
    z-index:1090;
    pointer-events:none;
    animation:megaFadeIn .16s ease both;
  }
  .site-header{position:sticky;z-index:1500}
  .desktop-nav .nav-parent>.products-mega,
  .desktop-nav .nav-parent>.mega-panel{
    z-index:1600;
    background:#fff;
    background-image:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
    border-color:#d7e2ee;
    border-top:3px solid var(--red);
    box-shadow:0 32px 95px rgba(15,49,83,.24),0 10px 25px rgba(15,49,83,.10);
    isolation:isolate;
  }
  .products-mega{
    padding:22px 24px 14px;
    border-radius:0 0 20px 20px;
    width:min(1390px,94vw);
    max-height:calc(100vh - 104px);
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#cad8e7 transparent;
  }
  .products-mega::-webkit-scrollbar{width:7px}
  .products-mega::-webkit-scrollbar-thumb{background:#cad8e7;border-radius:99px}
  .products-mega-head{
    padding:0 0 15px;
    margin:0 0 16px;
    align-items:center;
  }
  .products-mega-head h3{font-size:26px;margin:0 0 5px;letter-spacing:-.05em}
  .products-mega-head p{font-size:10px;max-width:690px;line-height:1.5}
  .mega-head-actions{gap:12px}
  .mega-quick-stat{padding:0 14px 0 0}
  .mega-quick-stat b{font-size:25px}
  .mega-view-all{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:38px;padding:0 14px;border-radius:11px;
    background:var(--red);color:#fff;font-weight:900;font-size:10px;
    box-shadow:0 10px 20px rgba(224,24,55,.16);
  }
  .products-mega-body{grid-template-columns:232px minmax(0,1fr);gap:20px}
  .mega-feature-rail{
    min-height:0;
    padding:16px;
    border-radius:18px;
    background:
      radial-gradient(circle at 80% 18%,rgba(43,112,186,.10),transparent 32%),
      linear-gradient(145deg,#eef7ff 0%,#fafdff 70%);
    position:relative;
    overflow:hidden;
  }
  .mega-feature-rail:after{
    content:"KMF";
    position:absolute;right:-18px;bottom:-35px;
    font-size:115px;font-weight:900;letter-spacing:-.08em;
    color:rgba(28,87,147,.045);pointer-events:none;
  }
  .mega-feature-rail h4{font-size:23px}
  .mega-feature-rail p{font-size:10px;max-width:190px}
  .mega-feature-image{
    height:145px;margin:13px 0 11px;
    border:1px solid #d5e3ef;
    background:#fff;
    border-radius:14px;
    box-shadow:inset 0 0 0 8px #f6faff;
  }
  .mega-feature-image img{
    width:94%;height:94%;
    mix-blend-mode:multiply;
    mask-image:none;-webkit-mask-image:none;
  }
  .feature-metrics{gap:6px}
  .feature-metrics span{padding:8px;border-radius:9px}
  .feature-metrics b{font-size:14px}
  .feature-link{margin-top:8px;min-height:36px;border-radius:10px}
  .mega-product-groups{gap:13px}
  .mega-group-modern{
    padding:0 0 4px;
    min-width:0;
  }
  .mega-group-title-modern{
    margin-bottom:6px;
    padding:0 2px 8px;
  }
  .mega-group-title-modern span{font-size:8.5px;color:#223a58}
  .mega-group-title-modern em{font-size:8px;color:#8fa0b3}
  .mega-list{gap:4px}
  .mega-product-tile{
    grid-template-columns:38px minmax(0,1fr) 13px;
    min-height:45px;
    padding:5px 7px;
    border:1px solid transparent;
    border-radius:12px;
  }
  .mega-product-tile:hover{
    transform:none;
    border-color:#c7dced;
    background:linear-gradient(90deg,#f4f9fe,#fff);
    box-shadow:0 8px 18px rgba(28,83,141,.07);
  }
  .mega-product-visual{
    width:38px;height:38px;border-radius:11px;
    background:#f4f8fc;
    border:1px solid #dce7f1;
  }
  .mega-product-visual img{padding:4px;background:#fff}
  .menu-product-icon{width:25px;height:25px;border-radius:8px;font-size:7px}
  .mega-product-copy strong{font-size:10px;line-height:1.15}
  .mega-product-copy small{font-size:7.7px;line-height:1.2;margin-top:2px;color:#77879a}
  .mega-product-arrow{font-size:11px}
  .mega-footer-modern{margin:13px -24px -14px;padding:8px 24px;min-height:36px}
}
@keyframes megaFadeIn{from{opacity:0}to{opacity:1}}

@media(max-width:1020px){
  .products-mega{background:#fff!important;box-shadow:0 25px 60px rgba(15,49,83,.18)}
}

/* V19 — smoother product tiles + stronger product visuals */
@media(min-width:1021px){
  .products-mega .mega-list{
    gap:7px;
    contain:layout paint;
  }
  .products-mega .mega-product-tile{
    grid-template-columns:48px minmax(0,1fr) 18px;
    gap:11px;
    min-height:56px;
    padding:8px 10px 8px 8px;
    border:1px solid transparent;
    border-radius:14px;
    position:relative;
    transform:translate3d(0,0,0);
    will-change:transform,background-color,border-color;
    transition:transform .13s cubic-bezier(.22,.61,.36,1),
               background-color .13s ease,
               border-color .13s ease,
               box-shadow .13s ease;
  }
  .products-mega .mega-product-tile::before{
    content:"";
    position:absolute;
    left:-1px;
    top:9px;
    bottom:9px;
    width:3px;
    border-radius:0 4px 4px 0;
    background:var(--red);
    opacity:0;
    transform:scaleY(.45);
    transition:opacity .12s ease,transform .12s ease;
  }
  .products-mega .mega-product-tile:hover{
    transform:translate3d(3px,-1px,0);
    background:#f7fbff;
    border-color:#c9dced;
    box-shadow:0 8px 18px rgba(27,83,143,.07);
  }
  .products-mega .mega-product-tile:hover::before{
    opacity:1;
    transform:scaleY(1);
  }
  .products-mega .mega-product-visual{
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(145deg,#edf5fd,#ffffff);
    border:1px solid #d7e5f2;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.8),0 4px 11px rgba(29,80,128,.07);
    display:grid;
    place-items:center;
    overflow:hidden;
    position:relative;
    transform:translateZ(0);
  }
  .products-mega .mega-product-visual::after{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(40,105,170,.10);
    border-radius:10px;
    pointer-events:none;
  }
  .products-mega .mega-product-visual img{
    width:88%;
    height:88%;
    padding:3px;
    object-fit:contain;
    mix-blend-mode:multiply;
    transform:scale(.92) translateZ(0);
    transition:transform .15s cubic-bezier(.22,.61,.36,1),filter .15s ease;
  }
  .products-mega .mega-product-tile:hover .mega-product-visual img{
    transform:scale(1.06) translateZ(0);
    filter:saturate(1.08) contrast(1.02);
  }
  .products-mega .menu-product-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    background:linear-gradient(145deg,#e8f3fe,#f8fbff);
    color:var(--blue);
    border:1px solid #c9dff2;
    font-size:8px;
    letter-spacing:.08em;
    box-shadow:0 3px 8px rgba(32,94,151,.08);
    transition:transform .14s ease,background-color .14s ease;
  }
  .products-mega .mega-product-tile:hover .menu-product-icon{
    transform:scale(1.08) rotate(-2deg);
    background:#eef7ff;
  }
  .products-mega .mega-product-copy strong{
    font-size:10.8px;
    line-height:1.18;
    transition:color .12s ease;
  }
  .products-mega .mega-product-copy small{
    font-size:8.2px;
    line-height:1.25;
    margin-top:4px;
  }
  .products-mega .mega-product-tile:hover .mega-product-copy strong{
    color:var(--blue);
  }
  .products-mega .mega-product-arrow{
    font-size:14px;
    opacity:0;
    transform:translate3d(-3px,0,0);
    transition:opacity .12s ease,transform .12s ease;
  }
  .products-mega .mega-product-tile:hover .mega-product-arrow{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
@media(max-width:1020px){
  .products-mega .mega-product-tile{grid-template-columns:46px minmax(0,1fr) 16px}
  .products-mega .mega-product-visual{width:52px;height:52px;border-radius:13px}
  .products-mega .mega-product-visual img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
  .products-mega .menu-product-icon{width:30px;height:30px;border-radius:9px}
}

/* V19 — premium Applications mega-menu */
@media(min-width:1021px){
  .desktop-nav .nav-parent .applications-mega{
    width:min(1320px,calc(100vw - 54px));
    padding:22px 24px 18px;
    grid-template-columns:220px minmax(0,1fr);
    gap:24px;
    background:
      radial-gradient(circle at 88% 18%,rgba(36,105,173,.055),transparent 28%),
      linear-gradient(180deg,#fff 0%,#fbfdff 100%);
    border:1px solid #d9e3ed;
    border-top:3px solid var(--red);
    box-shadow:0 34px 90px rgba(18,52,90,.19),0 8px 24px rgba(18,52,90,.08);
    border-radius:0 0 18px 18px;
    overflow:hidden;
  }

  .application-mega-intro{
    position:relative;
    padding:5px 4px 4px 2px;
    display:flex;
    flex-direction:column;
    min-height:170px;
  }
  .application-mega-intro:before{
    content:"";
    position:absolute;
    left:-24px;
    top:-22px;
    bottom:-18px;
    width:3px;
    background:linear-gradient(180deg,var(--red),rgba(230,29,44,.1));
  }
  .application-intro-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .application-intro-top .overline{
    color:var(--blue);
    font-size:9px;
    letter-spacing:.18em;
    font-weight:950;
  }
  .application-count{
    font-size:8px;
    color:#91a0b0;
    font-weight:900;
    letter-spacing:.12em;
    white-space:nowrap;
  }
  .application-mega-intro h3{
    font-size:27px;
    line-height:1.03;
    letter-spacing:-.045em;
    margin:12px 0 10px;
    max-width:205px;
  }
  .application-mega-intro p{
    font-size:11px;
    line-height:1.58;
    color:#6d7b8e;
    max-width:205px;
    margin:0 0 18px;
  }
  .application-mega-intro .mega-view-all{
    margin-top:auto;
    align-self:flex-start;
    padding:10px 13px;
    border-radius:10px;
    box-shadow:0 8px 18px rgba(235,29,46,.16);
    transition:transform .16s ease,box-shadow .16s ease;
  }
  .application-mega-intro .mega-view-all:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(235,29,46,.22);
  }

  .application-menu-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    align-items:stretch;
  }
  .application-menu-grid .application-menu-card{
    position:relative;
    min-height:168px;
    padding:14px 13px 12px;
    border:1px solid #dfe7ef;
    border-radius:16px;
    background:linear-gradient(145deg,#ffffff 0%,#f6f9fc 100%);
    overflow:hidden;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    box-shadow:0 5px 16px rgba(31,73,112,.025);
    transform:translate3d(0,0,0);
    will-change:transform,box-shadow;
    transition:transform .17s cubic-bezier(.22,.61,.36,1),border-color .17s ease,box-shadow .17s ease,background-color .17s ease;
  }
  .application-menu-grid .application-menu-card:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,rgba(225,28,45,.95),rgba(45,112,181,.55));
    transform:scaleX(.16);
    transform-origin:left center;
    transition:transform .18s ease;
  }
  .application-menu-grid .application-menu-card:after{
    content:"";
    position:absolute;
    width:92px;
    height:92px;
    right:-42px;
    bottom:-42px;
    border-radius:50%;
    background:radial-gradient(circle,#e9f3fc 0 45%,rgba(233,243,252,.3) 46%,transparent 70%);
    transition:transform .22s ease;
    pointer-events:none;
  }
  .application-menu-grid .application-menu-card:hover{
    transform:translate3d(0,-4px,0);
    border-color:#bad2ea;
    background:linear-gradient(145deg,#ffffff 0%,#f3f8fe 100%);
    box-shadow:0 15px 30px rgba(29,75,120,.10);
  }
  .application-menu-grid .application-menu-card:hover:before{transform:scaleX(1)}
  .application-menu-grid .application-menu-card:hover:after{transform:scale(1.16)}

  .application-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    position:relative;
    z-index:2;
  }
  .application-menu-index{
    font-size:8px;
    color:var(--red);
    letter-spacing:.16em;
    font-weight:950;
  }
  .application-menu-icon{
    width:34px;
    height:34px;
    border-radius:11px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#eaf4fe,#fff);
    border:1px solid #cee0ef;
    color:var(--blue);
    font-size:8px;
    font-weight:950;
    letter-spacing:.08em;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.72),0 5px 12px rgba(38,93,145,.07);
    transition:transform .17s ease,background-color .17s ease,box-shadow .17s ease;
  }
  .application-menu-card:hover .application-menu-icon{
    transform:translateY(-1px) rotate(-3deg) scale(1.05);
    background:linear-gradient(145deg,#e3f1fe,#fff);
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.78),0 7px 16px rgba(38,93,145,.11);
  }
  .application-menu-card b{
    display:block;
    margin:14px 0 7px;
    font-size:13px;
    line-height:1.15;
    color:#1b2d46;
    position:relative;
    z-index:2;
  }
  .application-menu-card > span[data-i18n] {
    display:block;
    min-height:42px;
    color:#6f7f92;
    font-size:10px;
    line-height:1.55;
    position:relative;
    z-index:2;
  }
  .application-menu-foot{
    margin-top:auto;
    padding-top:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    position:relative;
    z-index:2;
    border-top:1px solid #e9eef3;
  }
  .application-menu-foot em{
    font-style:normal;
    font-size:8px;
    font-weight:850;
    color:#708197;
    background:#f1f6fa;
    border:1px solid #e3ebf2;
    border-radius:999px;
    padding:5px 7px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .application-menu-foot strong{
    color:var(--red);
    font-size:14px;
    line-height:1;
    opacity:.55;
    transform:translate3d(0,0,0);
    transition:opacity .15s ease,transform .15s ease;
  }
  .application-menu-card:hover .application-menu-foot strong{
    opacity:1;
    transform:translate3d(3px,0,0);
  }
}

@media(max-width:1020px){
  .applications-mega{grid-template-columns:1fr!important;width:92vw!important}
  .application-mega-intro{min-height:auto}
  .application-mega-intro:before{display:none}
  .application-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .application-menu-grid{grid-template-columns:1fr}
  .application-menu-grid .application-menu-card{min-height:150px}
}

/* Hide sector abbreviation chips (IN / MU / AG / OG / AQ) in application cards */
.application-menu-icon, .application-card .app-icon { display:none !important; }

/* V20 — performance pass: lighter hover interactions for smooth pointer movement */
@media(min-width:1021px){
  /* Avoid repainting the whole page with backdrop-filter while a mega menu is open. */
  body.mega-visible::after{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(10,27,48,.10);
    animation:none;
  }

  /* Product items: animate only cheap properties. */
  .products-mega .mega-list .mega-product-tile{
    transform:none;
    will-change:auto;
    transition:background-color .10s ease,border-color .10s ease,color .10s ease;
    box-shadow:none;
  }
  .products-mega .mega-list .mega-product-tile:hover{
    transform:none;
    background:#f7fbff;
    border-color:#c9dced;
    box-shadow:none;
  }
  .products-mega .mega-product-tile::before{
    transition:opacity .10s ease;
    transform:none;
  }
  .products-mega .mega-product-tile:hover::before{
    transform:none;
  }
  .products-mega .mega-product-visual img{
    transform:none;
    filter:none;
    transition:none;
  }
  .products-mega .mega-product-tile:hover .mega-product-visual img{
    transform:none;
    filter:none;
  }
  .products-mega .menu-product-icon{
    transition:none;
  }
  .products-mega .mega-product-tile:hover .menu-product-icon{
    transform:none;
  }
  .products-mega .mega-product-copy strong{
    transition:color .10s ease;
  }
  .products-mega .mega-product-arrow{
    transform:none;
    transition:opacity .10s ease;
  }
  .products-mega .mega-product-tile:hover .mega-product-arrow{
    transform:none;
  }

  /* Application cards: keep the visual accent, remove costly movement/shadows. */
  .application-menu-grid .application-menu-card{
    transform:none;
    will-change:auto;
    transition:background-color .10s ease,border-color .10s ease;
    box-shadow:none;
  }
  .application-menu-grid .application-menu-card:hover{
    transform:none;
    background:linear-gradient(145deg,#fff 0%,#f6faff 100%);
    border-color:#bad2ea;
    box-shadow:none;
  }
  .application-menu-grid .application-menu-card:before,
  .application-menu-grid .application-menu-card:after,
  .application-menu-grid .application-menu-icon,
  .application-menu-grid .application-menu-foot strong{
    transition:none;
  }
  .application-menu-grid .application-menu-card:hover:before{
    transform:scaleX(1);
  }
  .application-menu-grid .application-menu-card:hover:after{
    transform:none;
  }
  .application-menu-grid .application-menu-card:hover .application-menu-icon{
    transform:none;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.72);
  }
  .application-menu-grid .application-menu-card:hover .application-menu-foot strong{
    transform:none;
  }
}


/* Footer credit */
.footer-credit{
  margin-top:10px;
  padding-top:14px;
  text-align:center;
  color:#8794a5;
  font-size:11px;
  letter-spacing:.02em;
}
.footer-credit strong{
  color:#1b2d49;
  font-weight:800;
}

/* Transparent horizontal social links */
.footer-socials{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.footer-social-link{display:inline-flex!important;align-items:center;gap:8px!important;padding:7px 11px;border:1px solid rgba(31,65,106,.14);border-radius:999px;background:transparent!important;color:#33435a!important;text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease}
.footer-social-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.footer-social-link .social-fill{fill:currentColor;stroke:none}
.footer-social-link span{display:inline!important;margin:0!important;font-size:11px!important;font-weight:800;letter-spacing:.02em;color:inherit!important}
.footer-social-link:hover{transform:translateY(-1px);border-color:rgba(220,23,40,.45);color:#d91f31!important}
@media(max-width:640px){.footer-socials{gap:8px}.footer-social-link{padding:7px 10px}}

/* V19 — compact products mega-menu */
@media(min-width:1021px){
  .products-mega{
    width:min(1180px,90vw);
    max-height:calc(100vh - 126px);
    padding:16px 18px 10px;
    border-radius:0 0 16px 16px;
  }
  .products-mega-head{
    padding-bottom:11px;
    margin-bottom:12px;
  }
  .products-mega-head>div:first-child:before{
    font-size:8px;
    margin-bottom:4px;
  }
  .products-mega-head h3{
    font-size:22px;
    margin-bottom:3px;
  }
  .products-mega-head p{
    font-size:9px;
    max-width:590px;
  }
  .mega-head-actions{gap:9px}
  .mega-quick-stat{padding-right:10px}
  .mega-quick-stat b{font-size:22px}
  .mega-quick-stat span{font-size:8px}
  .mega-view-all{min-height:34px;padding:0 12px;border-radius:9px;font-size:9px}
  .products-mega-body{grid-template-columns:205px minmax(0,1fr);gap:16px}
  .mega-feature-rail{padding:13px;border-radius:15px}
  .mega-feature-rail h4{font-size:21px}
  .mega-feature-rail p{font-size:9px;max-width:170px}
  .mega-feature-image{height:122px;margin:10px 0 9px;border-radius:12px;box-shadow:inset 0 0 0 6px #f6faff}
  .feature-metrics{gap:5px}
  .feature-metrics span{padding:6px;border-radius:8px}
  .feature-metrics b{font-size:12px}
  .feature-link{margin-top:7px;min-height:33px;border-radius:9px;font-size:9px}
  .mega-product-groups{gap:10px}
  .mega-group-title-modern{margin-bottom:0px;padding-bottom:0px}
  .mega-group-title-modern span{font-size:8px}
  .mega-group-title-modern em{font-size:7.5px}
  .mega-list{gap:2px}
  .mega-product-tile{
    grid-template-columns:34px minmax(0,1fr) 10px;
    min-height:40px;
    padding:4px 6px;
    border-radius:10px;
  }
  .mega-product-visual{width:34px;height:34px;border-radius:9px}
  .menu-product-icon{width:22px;height:22px;border-radius:7px;font-size:6.5px}
  .mega-product-copy strong{font-size:9px}
  .mega-product-copy small{font-size:7px}
  .mega-product-arrow{font-size:10px}
  .mega-footer-modern{margin:10px -18px -10px;padding:7px 18px;min-height:32px;font-size:9px}
}


/* PHP BUILD — HERO DRAG CAROUSEL */
/* Hero horizontal drag carousel */
.hero-carousel-shell{position:relative;overflow:hidden;padding-bottom:18px}
.hero-carousel-viewport{overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overscroll-behavior-x:contain}
.hero-track{display:flex;width:100%;will-change:transform;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.hero-track.is-dragging{transition:none;cursor:grabbing}
.hero-carousel-viewport.is-dragging{cursor:grabbing}
.hero-carousel-viewport img,.hero-carousel-viewport a,.hero-carousel-viewport button{user-select:none;-webkit-user-drag:none}
.hero-slide{flex:0 0 100%;min-width:0}
.hero-slide .hero-grid{height:100%}
.hero-carousel-ui{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;position:relative;z-index:5}
.hero-carousel-dots{display:flex;align-items:center;gap:7px}
.hero-dot{width:24px;height:4px;border:0;border-radius:999px;background:#d7e1ec;padding:0;transition:width .25s ease,background .25s ease;cursor:pointer}
.hero-dot.is-active{width:42px;background:#ef1c2f}
.hero-carousel-arrows{display:flex;gap:8px}
.hero-carousel-arrows .news-arrow{display:inline-flex}
.hero-slide .hero-visual{overflow:hidden}
.hero-slide .hero-visual>img{transition:transform .45s ease}
.hero-slide.is-active .hero-visual>img{transform:scale(1.015)}
@media (hover:hover){.hero-slide .btn,.hero-slide .hero-visual{transition:box-shadow .25s ease,transform .25s ease}.hero-slide .hero-visual:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(21,61,107,.12)}}
@media(max-width:650px){.hero-carousel-ui{padding:0 2px}.hero-carousel-arrows{display:none}.hero-dot{width:18px}.hero-dot.is-active{width:30px}}


/* V20 — ultra-compact products dropdown: fit viewport without internal scrolling */
@media(min-width:1021px){
  .products-mega{
    width:min(1120px,88vw)!important;
    max-height:none!important;
    height:auto!important;
    overflow:hidden!important;
    padding:12px 14px 8px!important;
    border-radius:0 0 14px 14px!important;
  }

  .products-mega-head{
    padding:0 0 8px!important;
    margin:0 0 8px!important;
    gap:14px!important;
  }
  .products-mega-head>div:first-child:before{
    font-size:7px!important;
    margin-bottom:2px!important;
    letter-spacing:.15em!important;
  }
  .products-mega-head h3{
    font-size:19px!important;
    line-height:1.03!important;
    margin:0 0 2px!important;
  }
  .products-mega-head p{
    font-size:8px!important;
    line-height:1.35!important;
    max-width:520px!important;
  }
  .mega-head-actions{gap:7px!important}
  .mega-quick-stat{padding-right:8px!important}
  .mega-quick-stat b{font-size:19px!important}
  .mega-quick-stat span{font-size:7px!important}
  .mega-view-all{
    min-height:29px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }

  .products-mega-body{
    grid-template-columns:182px minmax(0,1fr)!important;
    gap:12px!important;
  }

  .mega-feature-rail{
    padding:10px!important;
    border-radius:12px!important;
  }
  .feature-kicker{font-size:7px!important;letter-spacing:.13em!important}
  .mega-feature-rail h4{
    font-size:18px!important;
    line-height:1.02!important;
    margin:5px 0 3px!important;
  }
  .mega-feature-rail p{
    font-size:8px!important;
    line-height:1.3!important;
    max-width:150px!important;
  }
  .mega-feature-image{
    height:92px!important;
    margin:7px 0 6px!important;
    border-radius:10px!important;
    box-shadow:inset 0 0 0 5px #f6faff!important;
  }
  .feature-metrics{gap:4px!important}
  .feature-metrics span{padding:5px!important;border-radius:7px!important}
  .feature-metrics b{font-size:10px!important}
  .feature-metrics small{font-size:6px!important}
  .feature-link{
    margin-top:5px!important;
    min-height:29px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }

  .mega-product-groups{gap:8px!important}
  .mega-group-title-modern{
    margin-bottom:3px!important;
    padding-bottom:5px!important;
  }
  .mega-group-title-modern span{font-size:7.2px!important;letter-spacing:.10em!important}
  .mega-group-title-modern em{font-size:6.8px!important}
  .mega-list{gap:1px!important}
  .mega-product-tile{
    grid-template-columns:30px minmax(0,1fr) 8px!important;
    gap:6px!important;
    min-height:34px!important;
    padding:3px 5px!important;
    border-radius:8px!important;
  }
  .mega-product-visual{
    width:30px!important;height:30px!important;border-radius:8px!important;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.8),0 2px 7px rgba(29,80,128,.05)!important;
  }
  .mega-product-visual::after{inset:4px!important;border-radius:7px!important}
  .mega-product-copy strong{
    font-size:8px!important;
    line-height:1.08!important;
  }
  .mega-product-copy small{
    font-size:6.3px!important;
    line-height:1.05!important;
    margin-top:1px!important;
  }
  .mega-product-arrow{font-size:8px!important}
  .menu-product-icon{width:19px!important;height:19px!important;font-size:5.5px!important;border-radius:6px!important}

  .mega-footer-modern{
    margin:7px -14px -8px!important;
    padding:5px 14px!important;
    min-height:25px!important;
    font-size:7.5px!important;
  }
}

/* Keep the dropdown closed when pointer leaves the right edge of the panel */
@media(min-width:1021px){
  .products-mega{overscroll-behavior:none!important;}
}

/* V20 — readable compact products mega-menu */
@media(min-width:1021px){
  .products-mega{
    width:min(1320px,92vw);
    padding:20px 22px 13px;
    max-height:none;
    overflow:visible;
    border-radius:0 0 18px 18px;
  }
  .products-mega-head{
    padding:0 0 12px;
    margin:0 0 13px;
  }
  .products-mega-head h3{font-size:27px;margin-bottom:4px}
  .products-mega-head p{font-size:10.5px;line-height:1.45}
  .mega-head-actions{gap:10px}
  .mega-quick-stat{padding-right:12px}
  .mega-quick-stat b{font-size:24px}
  .mega-view-all{min-height:36px;padding:0 13px;font-size:10px}

  .products-mega-body{grid-template-columns:245px minmax(0,1fr);gap:18px}
  .mega-feature-rail{padding:15px;border-radius:17px}
  .mega-feature-rail h4{font-size:24px;line-height:1.05}
  .mega-feature-rail p{font-size:10px;max-width:200px}
  .mega-feature-image{height:150px;margin:12px 0 10px}
  .mega-feature-image img{width:94%;height:94%}
  .feature-metrics{gap:6px}
  .feature-metrics span{padding:8px 7px}
  .feature-metrics b{font-size:14px}
  .feature-link{min-height:35px;font-size:10px}

  .mega-product-groups{gap:14px}
  .mega-group-title-modern{margin-bottom:5px;padding-bottom:7px}
  .mega-group-title-modern span{font-size:9px}
  .mega-group-title-modern em{font-size:8.5px}
  .mega-list{gap:4px}
  .mega-product-tile{
    grid-template-columns:42px minmax(0,1fr) 13px;
    min-height:48px;
    padding:5px 8px;
    border-radius:12px;
  }
  .mega-product-visual{width:42px;height:42px;border-radius:12px}
  .menu-product-icon{width:28px;height:28px;border-radius:8px;font-size:7.5px}
  .mega-product-copy strong{font-size:10.5px;line-height:1.18}
  .mega-product-copy small{font-size:8px;line-height:1.2;margin-top:2px}
  .mega-product-arrow{font-size:11px}
  .mega-footer-modern{margin:12px -22px -13px;padding:8px 22px;min-height:35px;font-size:9.5px}
}

/* FINAL — readable / compact Products mega menu */
@media (min-width:1021px){
  .products-mega{
    width:min(1360px,94vw) !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    padding:20px 24px 13px !important;
    border-radius:0 0 18px 18px !important;
  }

  .products-mega-head{
    padding:0 0 12px !important;
    margin:0 0 13px !important;
  }
  .products-mega-head h3{
    font-size:29px !important;
    margin-bottom:5px !important;
  }
  .products-mega-head p{
    font-size:11px !important;
    line-height:1.45 !important;
    max-width:650px !important;
  }
  .mega-head-actions{gap:11px !important}
  .mega-quick-stat{padding-right:13px !important}
  .mega-quick-stat b{font-size:25px !important}
  .mega-view-all{
    min-height:37px !important;
    padding:0 14px !important;
    font-size:10.5px !important;
  }

  .products-mega-body{
    grid-template-columns:255px minmax(0,1fr) !important;
    gap:20px !important;
  }

  .mega-feature-rail{
    padding:16px !important;
    border-radius:18px !important;
  }
  .mega-feature-rail h4{
    font-size:25px !important;
    line-height:1.05 !important;
  }
  .mega-feature-rail p{
    font-size:10.5px !important;
    max-width:205px !important;
    line-height:1.4 !important;
  }
  .mega-feature-image{
    height:156px !important;
    margin:13px 0 11px !important;
  }
  .feature-metrics{gap:6px !important}
  .feature-metrics span{padding:8px 7px !important}
  .feature-metrics b{font-size:14px !important}
  .feature-link{
    min-height:37px !important;
    font-size:10.5px !important;
  }

  .mega-product-groups{gap:14px !important}
  .mega-group-title-modern{
    margin-bottom:5px !important;
    padding-bottom:7px !important;
  }
  .mega-group-title-modern span{font-size:9.5px !important}
  .mega-group-title-modern em{font-size:8.5px !important}
  .mega-list{gap:4px !important}

  .mega-product-tile{
    grid-template-columns:46px minmax(0,1fr) 14px !important;
    gap:10px !important;
    min-height:52px !important;
    padding:6px 9px !important;
    border-radius:13px !important;
  }
  .mega-product-visual{
    width:46px !important;
    height:46px !important;
    border-radius:13px !important;
  }
  .mega-product-visual img{
    width:90% !important;
    height:90% !important;
  }
  .menu-product-icon{
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    font-size:8px !important;
  }
  .mega-product-copy strong{
    font-size:11.5px !important;
    line-height:1.18 !important;
  }
  .mega-product-copy small{
    font-size:8.8px !important;
    line-height:1.22 !important;
    margin-top:3px !important;
  }
  .mega-product-arrow{font-size:12px !important}

  .mega-footer-modern{
    margin:12px -24px -13px !important;
    padding:8px 24px !important;
    min-height:35px !important;
    font-size:9.5px !important;
  }
}

/* FINAL — after product navigation click, force mega menu closed until pointer leaves nav */
@media (min-width:1021px){
  body.mega-force-closed .desktop-nav .nav-parent:hover > .products-mega,
  body.mega-force-closed .desktop-nav .nav-parent.menu-open > .products-mega,
  body.mega-force-closed .desktop-nav .nav-parent:focus-within > .products-mega{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,10px) !important;
  }
  body.mega-force-closed .desktop-nav .nav-parent.menu-open > .nav-top:before{
    width:0 !important;
  }
}


/* =========================================
   PRODUCT MEGA MENU — FILTER-FIRST LAYOUT
   Replaces the featured rail with live filters.
   ========================================= */
.products-mega{
  width:min(1360px,94vw);
}

.products-mega-body{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}

.mega-filter-rail{
  min-width:0;
  border:1px solid #d9e5ef;
  border-radius:15px;
  background:linear-gradient(155deg,#f5faff 0%,#ffffff 72%);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:13px;
}

.mega-filter-title{
  color:#17345f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.2;
}

.mega-filter-search{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-height:35px;
  padding:0 9px;
  background:#fff;
  border:1px solid #d7e3ee;
  border-radius:9px;
}

.mega-filter-search span{
  color:#2a6ac2;
  font-size:15px;
  line-height:1;
  text-align:center;
}

.mega-filter-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#22334b;
  font:700 10px/1.2 inherit;
}

.mega-filter-search input::placeholder{
  color:#8a98a8;
}

.mega-filter-section{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.mega-filter-label{
  color:#708097;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.mega-filter-buttons{
  display:grid;
  gap:5px;
}

.mega-filter-btn{
  width:100%;
  min-height:30px;
  padding:6px 8px;
  border:1px solid #dce6ef;
  border-radius:8px;
  background:#fff;
  color:#42546b;
  cursor:pointer;
  text-align:left;
  font-size:9px;
  font-weight:800;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}

.mega-filter-btn:hover{
  border-color:#bcd4ea;
  color:#1d5fb4;
  transform:translateX(1px);
}

.mega-filter-btn.is-active{
  border-color:#2469c5;
  background:#eaf4ff;
  color:#155ab5;
}

.mega-filter-result{
  margin-top:auto;
  padding:10px;
  border-radius:10px;
  background:#f1f6fb;
  border:1px solid #dde8f2;
}

.mega-filter-result b{
  display:block;
  color:#1e63bb;
  font-size:20px;
  line-height:1;
}

.mega-filter-result span{
  display:block;
  margin-top:3px;
  color:#78879a;
  font-size:8px;
  font-weight:700;
}

.mega-product-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  min-width:0;
  align-items:start;
}

.mega-group-modern.is-filtered-out{
  display:none;
}

.mega-product-tile[hidden]{
  display:none !important;
}

.mega-product-tile{
  min-height:52px;
  grid-template-columns:40px minmax(0,1fr) 14px;
  gap:8px;
  padding:7px 8px;
}

.mega-product-visual{
  width:40px;
  height:40px;
  border-radius:10px;
}

.mega-product-copy strong{
  font-size:11px;
  line-height:1.16;
}

.mega-product-copy small{
  font-size:8.5px;
  line-height:1.25;
  margin-top:3px;
}

@media(max-width:1080px){
  .products-mega-body{
    grid-template-columns:175px minmax(0,1fr);
    gap:14px;
  }
  .mega-product-groups{
    gap:12px;
  }
}

@media(max-width:900px){
  .products-mega{
    width:94vw;
    max-height:calc(100vh - 120px);
    overflow:auto;
  }

  .products-mega-body{
    grid-template-columns:1fr;
  }

  .mega-filter-rail{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mega-filter-search{
    grid-column:1 / -1;
  }

  .mega-filter-result{
    margin-top:0;
  }

  .mega-product-groups{
    grid-template-columns:1fr;
  }
}

/* V21 — balanced compact Products dropdown for 15.9" screens */
@media(min-width:1021px){
  .products-mega{
    width:min(1280px,92vw)!important;
    max-height:calc(100vh - 126px)!important;
    overflow:hidden!important;
    padding:16px 18px 9px!important;
    border-radius:0 0 16px 16px!important;
  }
  .products-mega-head{
    padding:0 0 10px!important;
    margin:0 0 11px!important;
  }
  .products-mega-head>div:first-child:before{
    font-size:7.5px!important;
    margin-bottom:4px!important;
  }
  .products-mega-head h3{
    font-size:23px!important;
    line-height:1.06!important;
    margin:0 0 3px!important;
  }
  .products-mega-head p{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .mega-head-actions{gap:9px!important}
  .mega-quick-stat{padding-right:10px!important}
  .mega-quick-stat b{font-size:22px!important}
  .mega-view-all{
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .products-mega-body{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:16px!important;
  }
  .mega-feature-rail{
    padding:13px!important;
    border-radius:15px!important;
  }
  .mega-feature-rail h4{
    font-size:20px!important;
    line-height:1.06!important;
  }
  .mega-feature-rail p{
    font-size:9px!important;
    line-height:1.35!important;
    max-width:180px!important;
  }
  .mega-feature-image{
    height:125px!important;
    margin:10px 0 9px!important;
    border-radius:12px!important;
    box-shadow:inset 0 0 0 6px #f6faff!important;
  }
  .feature-metrics{gap:5px!important}
  .feature-metrics span{padding:7px 6px!important}
  .feature-metrics b{font-size:13px!important}
  .feature-link{min-height:33px!important;font-size:9px!important}
  .mega-product-groups{gap:10px!important}
  .mega-group-title-modern{
    margin-bottom:5px!important;
    padding:0 2px 6px!important;
  }
  .mega-group-title-modern span{font-size:8px!important}
  .mega-group-title-modern em{font-size:7px!important}
  .products-mega .mega-list{gap:3px!important}
  .products-mega .mega-product-tile{
    grid-template-columns:42px minmax(0,1fr) 14px!important;
    gap:8px!important;
    min-height:51px!important;
    padding:6px 8px!important;
    border-radius:12px!important;
  }
  .mega-product-visual{
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
  }
  .menu-product-icon{
    width:23px!important;
    height:23px!important;
    border-radius:7px!important;
    font-size:6.5px!important;
  }
  .mega-product-copy strong{
    font-size:9.5px!important;
    line-height:1.12!important;
  }
  .mega-product-copy small{
    font-size:7px!important;
    line-height:1.15!important;
    margin-top:1px!important;
  }
  .mega-product-arrow{font-size:9px!important}
  .mega-footer-modern{
    margin:9px -18px -9px!important;
    padding:6px 18px!important;
    min-height:30px!important;
    font-size:8px!important;
  }
}

/* FINAL RESPONSIVE FIT — Products dropdown adapts to 15.6" / shorter desktop screens */
@media (min-width:1021px) and (max-height:920px){
  .products-mega{
    width:min(1260px,92vw)!important;
    max-height:calc(100vh - 118px)!important;
    overflow:hidden!important;
    padding:12px 16px 7px!important;
  }
  .products-mega-head{
    padding:0 0 7px!important;
    margin:0 0 8px!important;
  }
  .products-mega-head h3{font-size:21px!important;line-height:1.03!important;margin:0 0 2px!important}
  .products-mega-head p{font-size:8px!important;line-height:1.25!important}
  .mega-head-actions{gap:8px!important}
  .mega-quick-stat b{font-size:20px!important}
  .mega-view-all{min-height:31px!important;padding:0 11px!important;font-size:8.5px!important}

  .products-mega-body{
    grid-template-columns:245px minmax(0,1fr)!important;
    gap:14px!important;
  }

  .mega-filter-rail{
    padding:11px!important;
    gap:8px!important;
    border-radius:13px!important;
  }
  .mega-filter-title{font-size:8px!important}
  .mega-filter-search{min-height:31px!important;padding:0 8px!important}
  .mega-filter-search span{font-size:13px!important}
  .mega-filter-search input{font-size:9px!important}
  .mega-filter-section{gap:5px!important}
  .mega-filter-label{font-size:7.5px!important}
  .mega-filter-buttons{gap:4px!important}
  .mega-filter-btn{min-height:26px!important;padding:5px 7px!important;font-size:8px!important;border-radius:7px!important}
  .mega-filter-result{padding:7px!important}
  .mega-filter-result b{font-size:17px!important}
  .mega-filter-result span{font-size:7px!important;margin-top:2px!important}

  .mega-product-groups{gap:8px!important}
  .mega-group-title-modern{margin-bottom:4px!important;padding:0 2px 5px!important}
  .mega-group-title-modern span{font-size:7.5px!important}
  .mega-group-title-modern em{font-size:6.5px!important}
  .products-mega .mega-list{gap:2px!important}
  .products-mega .mega-product-tile{
    grid-template-columns:36px minmax(0,1fr) 12px!important;
    gap:7px!important;
    min-height:43px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
  }
  .mega-product-visual{width:36px!important;height:36px!important;border-radius:9px!important}
  .menu-product-icon{width:20px!important;height:20px!important;border-radius:6px!important;font-size:6px!important}
  .mega-product-copy strong{font-size:8.5px!important;line-height:1.08!important}
  .mega-product-copy small{font-size:6.4px!important;line-height:1.08!important;margin-top:1px!important}
  .mega-product-arrow{font-size:8px!important}

  .mega-footer-modern{margin:7px -16px -7px!important;padding:5px 16px!important;min-height:26px!important;font-size:7px!important}
}

/* 15.6" common 768–900px height — keep the entire dropdown visible without page scrolling */
@media (min-width:1021px) and (max-height:850px){
  .products-mega{
    width:min(1220px,91vw)!important;
    max-height:calc(100vh - 108px)!important;
    padding:10px 14px 6px!important;
  }
  .products-mega-head{padding-bottom:6px!important;margin-bottom:6px!important}
  .products-mega-head h3{font-size:19px!important}
  .products-mega-head p{font-size:7.5px!important}
  .products-mega-body{grid-template-columns:230px minmax(0,1fr)!important;gap:12px!important}
  .mega-filter-rail{padding:9px!important;gap:7px!important}
  .mega-filter-btn{min-height:24px!important;padding:4px 6px!important;font-size:7.5px!important}
  .mega-filter-search{min-height:29px!important}
  .products-mega .mega-product-tile{min-height:39px!important;grid-template-columns:33px minmax(0,1fr) 10px!important;gap:6px!important;padding:4px 6px!important}
  .mega-product-visual{width:33px!important;height:33px!important}
  .mega-product-copy strong{font-size:8px!important}
  .mega-product-copy small{font-size:6px!important}
  .mega-group-title-modern{padding-bottom:4px!important}
  .mega-footer-modern{min-height:23px!important;padding:4px 14px!important}
}

/* V22 — readable products + cascading filters + persistent reset */
.mega-filter-reset{
  width:100%;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #ef1d31;
  border-radius:9px;
  background:#fff5f6;
  color:#e31b2f;
  font-size:9px;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.mega-filter-reset:hover{
  background:#ef1d31;
  color:#fff;
  transform:translateY(-1px);
}
.mega-filter-actions{display:flex;align-items:center}
.mega-filter-micron-section{transition:opacity .18s ease,transform .18s ease,max-height .2s ease}
.mega-filter-micron-section.is-locked{
  opacity:.42;
  pointer-events:none;
}
.mega-filter-micron-section.is-locked .mega-filter-label::after{
  content:' · 01';
  color:#9aabba;
  font-size:7px;
}

@media(min-width:1021px){
  .products-mega{
    width:min(1280px,92vw)!important;
    max-height:calc(100vh - 112px)!important;
    overflow:hidden!important;
  }
  .products-mega-body{
    grid-template-columns:225px minmax(0,1fr)!important;
    gap:15px!important;
  }
  .mega-filter-rail{
    padding:12px!important;
    gap:9px!important;
  }
  .mega-filter-title{font-size:8.5px!important}
  .mega-filter-search{min-height:33px!important}
  .mega-filter-search input{font-size:9.5px!important}
  .mega-filter-label{font-size:8px!important}
  .mega-filter-btn{min-height:29px!important;font-size:8.5px!important;padding:6px 8px!important}
  .mega-filter-reset{min-height:33px!important;font-size:8.5px!important}
  .mega-filter-result{padding:8px!important}
  .mega-filter-result b{font-size:19px!important}

  .mega-product-groups{gap:9px!important}
  .products-mega .mega-list{gap:4px!important}
  .products-mega .mega-product-tile{
    min-height:48px!important;
    grid-template-columns:42px minmax(0,1fr) 13px!important;
    gap:8px!important;
    padding:6px 8px!important;
    border-radius:11px!important;
  }
  .products-mega .mega-product-visual{
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
  }
  .products-mega .mega-product-copy strong{
    font-size:10px!important;
    line-height:1.12!important;
  }
  .products-mega .mega-product-copy small{
    font-size:7.4px!important;
    line-height:1.15!important;
    margin-top:2px!important;
  }
  .products-mega .mega-product-arrow{font-size:9px!important}
}

@media (min-width:1021px) and (max-height:850px){
  .products-mega{max-height:calc(100vh - 104px)!important;padding:10px 14px 6px!important}
  .products-mega-body{grid-template-columns:220px minmax(0,1fr)!important;gap:12px!important}
  .mega-filter-rail{padding:10px!important;gap:7px!important}
  .mega-filter-btn{min-height:27px!important;font-size:8px!important;padding:5px 7px!important}
  .mega-filter-reset{min-height:31px!important;font-size:8px!important;padding:5px 8px!important}
  .mega-filter-result{padding:7px!important}
  .mega-filter-result b{font-size:18px!important}
  .products-mega .mega-product-tile{
    min-height:46px!important;
    grid-template-columns:40px minmax(0,1fr) 11px!important;
    gap:7px!important;
    padding:5px 7px!important;
  }
  .products-mega .mega-product-visual{width:40px!important;height:40px!important}
  .products-mega .mega-product-copy strong{font-size:9.5px!important}
  .products-mega .mega-product-copy small{font-size:7px!important}
}

/* V23 — slightly more readable products while preserving screen-fit + reset */
@media (min-width:1021px){
  .products-mega .mega-product-tile{
    min-height:50px!important;
    grid-template-columns:45px minmax(0,1fr) 13px!important;
    gap:8px!important;
    padding:6px 8px!important;
  }
  .products-mega .mega-product-visual{
    width:45px!important;
    height:45px!important;
    border-radius:11px!important;
  }
  .products-mega .mega-product-copy strong{
    font-size:10.8px!important;
    line-height:1.14!important;
  }
  .products-mega .mega-product-copy small{
    font-size:8px!important;
    line-height:1.18!important;
    margin-top:2px!important;
  }
  .products-mega .mega-product-arrow{font-size:10px!important}
  .mega-filter-reset{
    min-height:35px!important;
    font-size:9px!important;
  }
}

@media (min-width:1021px) and (max-height:850px){
  .products-mega .mega-product-tile{
    min-height:48px!important;
    grid-template-columns:43px minmax(0,1fr) 11px!important;
    gap:7px!important;
    padding:5px 7px!important;
  }
  .products-mega .mega-product-visual{
    width:43px!important;
    height:43px!important;
  }
  .products-mega .mega-product-copy strong{font-size:10.2px!important}
  .products-mega .mega-product-copy small{font-size:7.6px!important}
  .mega-filter-reset{min-height:33px!important;font-size:8.6px!important}
}

/* FINAL SCREEN-FIT V24 — keep Products dropdown fully visible on 15.6" and standard monitors */
@media (min-width:1021px){
  .products-mega{
    width:min(1320px,calc(100vw - 80px)) !important;
    height:min(700px,calc(100vh - 150px)) !important;
    max-height:none !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    padding:14px 18px 8px !important;
  }

  .products-mega-head{
    flex:0 0 auto !important;
    padding:0 0 9px !important;
    margin:0 0 9px !important;
  }

  .products-mega-head h3{
    font-size:23px !important;
    line-height:1.04 !important;
  }

  .products-mega-head p{
    font-size:9px !important;
    line-height:1.3 !important;
  }

  .products-mega-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    grid-template-columns:215px minmax(0,1fr) !important;
    gap:14px !important;
    overflow:hidden !important;
  }

  .mega-filter-rail{
    min-height:0 !important;
    padding:11px !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  .mega-filter-title{font-size:9px !important}
  .mega-filter-search{min-height:34px !important}
  .mega-filter-label{font-size:8px !important}
  .mega-filter-btn{min-height:28px !important;font-size:8.5px !important;padding:5px 8px !important}
  .mega-filter-reset{min-height:33px !important;font-size:8.7px !important}
  .mega-filter-result{padding:8px !important}
  .mega-filter-result b{font-size:19px !important}

  .mega-product-groups{
    min-height:0 !important;
    gap:9px !important;
    overflow:hidden !important;
  }

  .mega-list{
    gap:3px !important;
  }

  .products-mega .mega-product-tile{
    min-height:47px !important;
    grid-template-columns:42px minmax(0,1fr) 12px !important;
    gap:8px !important;
    padding:5px 8px !important;
    border-radius:10px !important;
  }

  .products-mega .mega-product-visual{
    width:42px !important;
    height:42px !important;
    border-radius:10px !important;
  }

  .products-mega .mega-product-copy strong{
    font-size:10.2px !important;
    line-height:1.12 !important;
  }

  .products-mega .mega-product-copy small{
    font-size:7.3px !important;
    line-height:1.12 !important;
    margin-top:2px !important;
  }

  .products-mega .mega-product-arrow{font-size:9px !important}

  .mega-footer-modern{
    flex:0 0 auto !important;
    margin:7px -18px -8px !important;
    padding:5px 18px !important;
    min-height:27px !important;
    font-size:7.5px !important;
  }
}

@media (min-width:1021px) and (max-height:850px){
  .products-mega{
    width:min(1260px,calc(100vw - 70px)) !important;
    height:calc(100vh - 118px) !important;
    padding:10px 14px 6px !important;
  }
  .products-mega-head{padding-bottom:6px !important;margin-bottom:6px !important}
  .products-mega-head h3{font-size:20px !important}
  .products-mega-head p{font-size:8px !important}
  .products-mega-body{grid-template-columns:205px minmax(0,1fr) !important;gap:11px !important}
  .mega-filter-rail{padding:9px !important;gap:6px !important}
  .mega-filter-search{min-height:31px !important}
  .mega-filter-btn{min-height:26px !important;font-size:8px !important;padding:4px 7px !important}
  .mega-filter-reset{min-height:31px !important;font-size:8px !important}
  .mega-product-groups{gap:7px !important}
  .mega-list{gap:2px !important}
  .products-mega .mega-product-tile{min-height:44px !important;grid-template-columns:39px minmax(0,1fr) 10px !important;gap:6px !important;padding:4px 7px !important}
  .products-mega .mega-product-visual{width:39px !important;height:39px !important}
  .products-mega .mega-product-copy strong{font-size:9.5px !important}
  .products-mega .mega-product-copy small{font-size:6.8px !important}
}

/* =========================================================
   V25 — TRUE VIEWPORT FIT
   Keeps the Products mega menu and hero fully visible on
   15.6" / standard desktop screens without browser zoom.
   ========================================================= */
@media (min-width:1021px){
  /* PRODUCTS MEGA MENU */
  .products-mega{
    top:128px !important;
    width:min(1360px,calc(100vw - 48px)) !important;
    height:auto !important;
    max-height:calc(100vh - 138px) !important;
    max-height:calc(100dvh - 138px) !important;
    overflow:hidden !important;
    padding:10px 16px 6px !important;
    border-radius:0 0 16px 16px !important;
  }

  .products-mega-head{
    padding:0 0 6px !important;
    margin:0 0 6px !important;
    min-height:0 !important;
  }
  .products-mega-head>div:first-child:before{
    font-size:7px !important;
    margin-bottom:1px !important;
  }
  .products-mega-head .overline{
    font-size:8px !important;
    line-height:1.1 !important;
  }
  .products-mega-head h3{
    font-size:21px !important;
    line-height:1 !important;
    margin:2px 0 !important;
  }
  .products-mega-head p{
    font-size:8.3px !important;
    line-height:1.22 !important;
    margin:0 !important;
  }
  .mega-head-actions{gap:8px !important}
  .mega-quick-stat{padding-right:9px !important}
  .mega-quick-stat b{font-size:20px !important}
  .mega-quick-stat span{font-size:7px !important}
  .mega-view-all{
    min-height:32px !important;
    padding:0 11px !important;
    font-size:8.5px !important;
  }

  .products-mega-body{
    grid-template-columns:218px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .mega-filter-rail{
    padding:9px !important;
    gap:6px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .mega-filter-title{font-size:8.5px !important}
  .mega-filter-search{
    min-height:31px !important;
    padding:0 7px !important;
  }
  .mega-filter-search input{font-size:9px !important}
  .mega-filter-label{font-size:7.5px !important}
  .mega-filter-section{gap:4px !important}
  .mega-filter-buttons{gap:3px !important}
  .mega-filter-btn{
    min-height:25px !important;
    padding:4px 7px !important;
    font-size:8px !important;
    line-height:1.08 !important;
    border-radius:7px !important;
  }
  .mega-filter-reset{
    min-height:30px !important;
    padding:5px 8px !important;
    font-size:8.2px !important;
  }
  .mega-filter-result{
    padding:6px 7px !important;
  }
  .mega-filter-result b{font-size:17px !important}
  .mega-filter-result span{font-size:6.8px !important;margin-top:1px !important}

  /* Step 02 really opens after a product family is chosen. */
  .mega-filter-micron-section{
    max-height:220px;
    overflow:hidden;
    opacity:1;
    transform:translateY(0);
    margin:0;
  }
  .mega-filter-micron-section.is-locked{
    max-height:0 !important;
    opacity:0 !important;
    transform:translateY(-4px) !important;
    margin:0 !important;
    gap:0 !important;
    pointer-events:none !important;
  }

  .mega-product-groups{
    gap:8px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .mega-group-title-modern{
    min-height:20px !important;
    padding:0 0 4px !important;
    margin:0 0 2px !important;
  }
  .mega-group-title-modern span{font-size:8.4px !important}
  .mega-group-title-modern em{font-size:7px !important}
  .products-mega .mega-list{gap:2px !important}
  .products-mega .mega-product-tile{
    min-height:43px !important;
    grid-template-columns:38px minmax(0,1fr) 10px !important;
    gap:7px !important;
    padding:4px 7px !important;
    border-radius:9px !important;
  }
  .products-mega .mega-product-visual{
    width:38px !important;
    height:38px !important;
    border-radius:9px !important;
  }
  .products-mega .mega-product-copy strong{
    font-size:10px !important;
    line-height:1.08 !important;
  }
  .products-mega .mega-product-copy small{
    font-size:7.1px !important;
    line-height:1.08 !important;
    margin-top:1px !important;
  }
  .products-mega .mega-product-arrow{font-size:8.5px !important}
  .mega-footer-modern{
    margin:5px -16px -6px !important;
    padding:4px 16px !important;
    min-height:24px !important;
    font-size:7.2px !important;
  }

  /* HERO: everything, including facts + metrics + dots, stays in one viewport. */
  .hero.hero-carousel-shell{
    height:clamp(560px,calc(100dvh - 128px),760px) !important;
    min-height:0 !important;
    padding:clamp(24px,3.8dvh,44px) 0 12px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .hero-carousel-viewport{
    flex:1 1 auto !important;
    min-height:0 !important;
    width:min(var(--container),92vw) !important;
  }
  .hero-track,
  .hero-slide,
  .hero-slide .hero-grid{
    height:100% !important;
    min-height:0 !important;
  }
  .hero-slide .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr) !important;
    gap:clamp(28px,3vw,48px) !important;
    align-items:center !important;
  }
  .hero-copy{
    min-height:0 !important;
    align-self:center !important;
  }
  .hero-copy .eyebrow{
    font-size:9px !important;
    line-height:1.2 !important;
  }
  .hero-copy h1,
  .hero h1{
    font-size:clamp(48px,7.2dvh,78px) !important;
    line-height:.90 !important;
    margin:10px 0 14px !important;
    max-width:780px !important;
  }
  .hero-copy>p{
    font-size:clamp(13px,1.75dvh,16px) !important;
    line-height:1.48 !important;
    max-width:690px !important;
    margin:0 !important;
  }
  .hero .actions{
    margin-top:16px !important;
    gap:9px !important;
  }
  .hero .btn{
    padding:11px 14px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
  }
  .hero-facts{
    gap:6px 10px !important;
    margin-top:13px !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }
  .hero-metrics{
    gap:8px !important;
    margin-top:15px !important;
    max-width:620px !important;
  }
  .hero-metric{
    padding-top:7px !important;
  }
  .hero-metric strong{font-size:18px !important}
  .hero-metric span{font-size:8px !important}

  .hero-slide .hero-visual,
  .hero-visual{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:560px !important;
    padding:20px 28px 78px !important;
    border-radius:25px !important;
  }
  .hero-slide .hero-visual>img,
  .hero-visual>img{
    width:min(80%,590px) !important;
    height:min(72%,430px) !important;
    max-width:80% !important;
    max-height:72% !important;
    object-fit:contain !important;
  }
  .hero .float-card{
    padding:10px 12px !important;
    border-radius:12px !important;
  }
  .hero .float-card b{font-size:22px !important}
  .hero .float-card small{font-size:8px !important}
  .hero .float-1{left:14px !important;bottom:72px !important}
  .hero .float-2{right:14px !important;top:16px !important}
  .hero .visual-caption{
    left:14px !important;
    right:14px !important;
    bottom:12px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
  }
  .hero .visual-caption span{font-size:7.5px !important}
  .hero .visual-caption b{font-size:10px !important;margin-top:2px !important}
  .hero-carousel-ui{
    flex:0 0 30px !important;
    min-height:30px !important;
    margin-top:4px !important;
  }
  .hero-dot{height:3px !important;width:20px !important}
  .hero-dot.is-active{width:34px !important}
  .hero-carousel-arrows .news-arrow{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }
}

/* Short laptop viewports: compact vertical rhythm, not font readability. */
@media (min-width:1021px) and (max-height:820px){
  .products-mega{
    max-height:calc(100dvh - 134px) !important;
    padding:8px 14px 5px !important;
  }
  .products-mega-head h3{font-size:19px !important}
  .products-mega-head p{font-size:7.8px !important}
  .products-mega-body{grid-template-columns:205px minmax(0,1fr) !important;gap:10px !important}
  .mega-filter-rail{padding:8px !important;gap:5px !important}
  .mega-filter-search{min-height:29px !important}
  .mega-filter-btn{min-height:23px !important;font-size:7.7px !important;padding:3px 6px !important}
  .mega-filter-reset{min-height:28px !important;font-size:7.8px !important}
  .mega-filter-result{padding:5px 6px !important}
  .products-mega .mega-product-tile{
    min-height:40px !important;
    grid-template-columns:35px minmax(0,1fr) 9px !important;
    padding:3px 6px !important;
  }
  .products-mega .mega-product-visual{width:35px !important;height:35px !important}
  .products-mega .mega-product-copy strong{font-size:9.6px !important}
  .products-mega .mega-product-copy small{font-size:6.8px !important}
  .mega-footer-modern{min-height:22px !important;padding:3px 14px !important}

  .hero.hero-carousel-shell{
    height:calc(100dvh - 128px) !important;
    padding:20px 0 8px !important;
  }
  .hero-copy h1,
  .hero h1{
    font-size:clamp(44px,6.9dvh,62px) !important;
    margin:8px 0 11px !important;
  }
  .hero-copy>p{font-size:13px !important;line-height:1.4 !important}
  .hero .actions{margin-top:12px !important}
  .hero-facts{margin-top:10px !important;font-size:8.5px !important}
  .hero-metrics{margin-top:11px !important}
  .hero-metric strong{font-size:16px !important}
  .hero-slide .hero-visual,
  .hero-visual{max-height:500px !important;padding:16px 22px 68px !important}
  .hero .float-1{bottom:64px !important}
  .hero-carousel-ui{flex-basis:26px !important;min-height:26px !important}
}

@media (min-width:1021px) and (max-height:700px){
  .products-mega-head p{display:none !important}
  .mega-filter-result{display:none !important}
  .products-mega .mega-product-tile{min-height:37px !important}
  .products-mega .mega-product-visual{width:32px !important;height:32px !important}
  .products-mega .mega-product-copy strong{font-size:9.2px !important}
  .products-mega .mega-product-copy small{font-size:6.4px !important}

  .hero-copy h1,
  .hero h1{font-size:42px !important}
  .hero-facts{font-size:8px !important}
  .hero-metric strong{font-size:15px !important}
  .hero-slide .hero-visual,
  .hero-visual{padding-bottom:62px !important}
}

/* =========================================================
   V26 — STABLE PRODUCTS MEGA + VIEWPORT-LOCKED HERO
   Permanent interaction/positioning fix for desktop/laptops.
   ========================================================= */
@media (min-width:1021px){
  /* Products menu is controlled only by JS state, not raw :hover.
     This prevents it from reopening/sticking after a product click. */
  .desktop-nav .products-nav-parent > .products-mega,
  .desktop-nav .products-nav-parent:hover > .products-mega,
  .desktop-nav .products-nav-parent:focus-within > .products-mega{
    position:fixed !important;
    top:var(--products-mega-top,128px) !important;
    left:50vw !important;
    width:min(1360px,calc(100vw - 44px)) !important;
    max-height:var(--products-mega-maxh,calc(100dvh - 136px)) !important;
    height:auto !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,6px) !important;
    overflow:hidden !important;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease !important;
  }
  .desktop-nav .products-nav-parent.menu-open > .products-mega{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
  }

  /* No physical gap between header and panel. The JS sets top to the
     real rendered header bottom, including sticky-state changes. */
  .desktop-nav .products-nav-parent > .products-mega:before{
    top:-8px !important;
    height:8px !important;
  }

  /* Keep all 23 products visible without browser zoom. */
  .products-mega{
    padding:9px 15px 5px !important;
  }
  .products-mega-head{
    padding-bottom:6px !important;
    margin-bottom:6px !important;
  }
  .products-mega-head h3{
    font-size:21px !important;
    line-height:1 !important;
    margin:2px 0 !important;
  }
  .products-mega-head p{
    font-size:8.5px !important;
    line-height:1.2 !important;
    margin:0 !important;
  }
  .products-mega-body{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .mega-filter-rail{
    padding:9px !important;
    gap:6px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .mega-filter-search{min-height:31px !important}
  .mega-filter-btn{min-height:25px !important;padding:4px 7px !important;font-size:8.1px !important}
  .mega-filter-reset{min-height:30px !important;font-size:8.3px !important}
  .mega-filter-result{padding:6px 7px !important}
  .mega-product-groups{gap:8px !important;min-height:0 !important;overflow:hidden !important}
  .products-mega .mega-list{gap:2px !important}
  .products-mega .mega-product-tile{
    min-height:42px !important;
    grid-template-columns:38px minmax(0,1fr) 10px !important;
    gap:7px !important;
    padding:4px 7px !important;
  }
  .products-mega .mega-product-visual{width:38px !important;height:38px !important}
  .products-mega .mega-product-copy strong{font-size:9.9px !important;line-height:1.08 !important}
  .products-mega .mega-product-copy small{font-size:7.1px !important;line-height:1.08 !important;margin-top:1px !important}
  .mega-group-title-modern{min-height:19px !important;padding-bottom:3px !important;margin-bottom:1px !important}
  .mega-footer-modern{min-height:23px !important;padding:3px 15px !important;margin:4px -15px -5px !important}

  /* Hero height follows the real browser viewport. This keeps the lower
     facts/metrics/dots visible on 15.6-inch laptops without zooming. */
  .hero.hero-carousel-shell{
    height:var(--home-hero-height,calc(100dvh - 128px)) !important;
    min-height:0 !important;
    max-height:none !important;
    padding:clamp(16px,2.7dvh,30px) 0 7px !important;
    overflow:hidden !important;
  }
  .hero-carousel-viewport{min-height:0 !important;flex:1 1 auto !important}
  .hero-track,.hero-slide,.hero-slide .hero-grid{height:100% !important;min-height:0 !important}
  .hero-slide .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
    gap:clamp(22px,2.5vw,40px) !important;
  }
  .hero-copy h1,.hero h1{
    font-size:clamp(40px,6.2dvh,68px) !important;
    line-height:.91 !important;
    margin:7px 0 10px !important;
  }
  .hero-copy>p{font-size:clamp(12px,1.55dvh,14.5px) !important;line-height:1.38 !important}
  .hero .actions{margin-top:10px !important}
  .hero .btn{padding:9px 12px !important;font-size:10px !important}
  .hero-facts{margin-top:8px !important;gap:5px 9px !important;font-size:8.4px !important}
  .hero-metrics{margin-top:9px !important;gap:7px !important}
  .hero-metric{padding-top:6px !important}
  .hero-metric strong{font-size:16px !important}
  .hero-metric span{font-size:7.5px !important}
  .hero-slide .hero-visual,.hero-visual{
    max-height:none !important;
    height:100% !important;
    padding:14px 22px 62px !important;
  }
  .hero-slide .hero-visual>img,.hero-visual>img{
    width:min(78%,560px) !important;
    height:min(72%,410px) !important;
    max-width:78% !important;
    max-height:72% !important;
  }
  .hero .float-1{bottom:58px !important}
  .hero .float-2{top:12px !important}
  .hero .float-card{padding:8px 10px !important}
  .hero .float-card b{font-size:20px !important}
  .hero .visual-caption{bottom:8px !important;padding:7px 9px !important}
  .hero-carousel-ui{flex:0 0 24px !important;min-height:24px !important;margin-top:2px !important}
}

@media (min-width:1021px) and (max-height:760px){
  .products-mega-head p{display:none !important}
  .products-mega{padding-top:7px !important}
  .products-mega-body{grid-template-columns:205px minmax(0,1fr) !important;gap:10px !important}
  .mega-filter-rail{padding:7px !important;gap:4px !important}
  .mega-filter-search{min-height:28px !important}
  .mega-filter-btn{min-height:22px !important;padding:3px 6px !important;font-size:7.6px !important}
  .mega-filter-reset{min-height:27px !important;font-size:7.8px !important}
  .mega-filter-result{display:none !important}
  .products-mega .mega-product-tile{min-height:38px !important;grid-template-columns:34px minmax(0,1fr) 9px !important;padding:3px 6px !important}
  .products-mega .mega-product-visual{width:34px !important;height:34px !important}
  .products-mega .mega-product-copy strong{font-size:9.25px !important}
  .products-mega .mega-product-copy small{font-size:6.55px !important}

  .hero-copy h1,.hero h1{font-size:clamp(36px,6dvh,52px) !important}
  .hero-copy>p{font-size:12px !important}
  .hero-facts{font-size:8px !important}
  .hero-metric strong{font-size:14px !important}
  .hero-slide .hero-visual,.hero-visual{padding-bottom:56px !important}
}
/* PRODUCTS MEGA MENU - DENGELİ ÜRÜN GÖRSELLERİ */

#productsMegaDb .mega-product-visual{
    width: 46px !important;
    height: 46px !important;
    padding: 3px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#productsMegaDb .mega-product-visual img{
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    padding: 0 !important;
    object-fit: contain !important;

    transform: scale(1.10) !important;
    transform-origin: center center !important;
}

/* Hover */
#productsMegaDb .mega-product-tile:hover .mega-product-visual img{
    transform: scale(1.16) !important;
}
/* MEGA MENU - İKON / YAZI ARALIĞI */
#productsMegaDb .mega-product-tile{
    column-gap: 14px !important;
    gap: 14px !important;
}

/* =========================================================
   V45 — ABOUT / MANUFACTURING EXPERIENCE
   ========================================================= */
.about-production-v45{padding-top:34px;padding-bottom:44px}
.about-production-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin-bottom:24px}
.about-production-head h2{max-width:970px;margin:7px 0 9px;font-size:clamp(34px,3.6vw,58px);line-height:.98;letter-spacing:-.05em;color:#13243e}
.about-production-head>div>p{max-width:820px;margin:0;color:#6d7e94;font-size:14px;line-height:1.65}
.about-production-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:410px}
.about-production-stats>div{padding:13px 15px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fbff}
.about-production-stats b{display:block;color:#175db6;font-size:19px;line-height:1}
.about-production-stats span{display:block;margin-top:5px;color:#77879a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.about-production-gallery{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}
.about-production-visual{position:relative;min-height:220px;border-radius:18px;overflow:hidden;background:#eaf0f6;isolation:isolate}
.about-production-visual-main{min-height:260px}
.about-production-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.about-production-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,52,.03) 35%,rgba(8,26,52,.88) 100%);z-index:1}
.about-production-visual:hover img{transform:scale(1.045);filter:saturate(1.08)}
.about-production-overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:end;color:#fff}
.about-production-overlay>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ed1c2e;font-size:8px;font-weight:950}
.about-production-overlay b{display:block;font-size:13px;line-height:1.15}
.about-production-overlay small{display:block;margin-top:3px;color:#d9e6f5;font-size:8px;line-height:1.3}
.about-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.about-capability-card{position:relative;min-height:260px;padding:22px;border:1px solid #dce5ef;border-radius:18px;background:#fff;overflow:hidden}
.about-capability-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d8e6f6}
.about-capability-card:hover{border-color:#bfd3e8;box-shadow:0 16px 34px rgba(22,58,96,.08)}
.about-capability-card:hover:before,.about-capability-accent:before{background:#ed1c2e}
.about-capability-no{color:#1c63bc;font-size:10px;font-weight:950;letter-spacing:.12em}
.about-capability-card h3{margin:10px 0 8px;color:#13243e;font-size:20px;line-height:1.1}
.about-capability-card p{margin:0 0 14px;color:#6f7f93;font-size:11px;line-height:1.6}
.about-capability-card ul{margin:0;padding-left:17px;color:#243650;font-size:10px;line-height:1.7}
.about-capability-card li+li{margin-top:3px}
.about-material-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.about-material-tags span{padding:6px 8px;border-radius:999px;background:#f0f5fb;border:1px solid #dce6f0;color:#274466;font-size:8px;font-weight:850}
.about-quality-strip{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.35fr) auto;gap:20px;align-items:center;margin-top:12px;padding:22px 24px;border-radius:18px;background:linear-gradient(105deg,#102e5e,#174f98);color:#fff}
.about-quality-strip span{display:block;color:#9fc2f2;font-size:8px;font-weight:900;letter-spacing:.13em}
.about-quality-strip strong{display:block;margin-top:5px;font-size:18px}
.about-quality-strip p{margin:0;color:#d6e6fa;font-size:11px;line-height:1.6}
.about-quality-strip .btn{white-space:nowrap}
@media(max-width:1180px){.about-production-head{grid-template-columns:1fr}.about-production-stats{min-width:0}.about-production-gallery{grid-template-columns:repeat(2,1fr)}.about-capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.about-production-stats{grid-template-columns:1fr}.about-production-gallery,.about-capability-grid{grid-template-columns:1fr}.about-production-visual{min-height:220px}.about-quality-strip{grid-template-columns:1fr}.about-production-head h2{font-size:36px}}

/* =========================================================
   V45 — PRODUCT MEGA FILTER FOCUS + HOVER DETAIL
   ========================================================= */
.mega-product-groups{position:relative}
.mega-product-detail-preview{display:none;min-width:0;border:1px solid #d7e4ef;border-radius:15px;background:linear-gradient(155deg,#f7fbff,#fff);padding:14px;align-self:start;overflow:hidden}
.mega-product-groups.is-focus-mode{grid-template-columns:minmax(0,1.55fr) minmax(270px,.72fr)!important;gap:12px!important}
.mega-product-groups.is-focus-mode>.mega-group-modern:not(.is-filtered-out){grid-column:1;min-width:0}
.mega-product-groups.is-focus-mode>.mega-group-modern:not(.is-filtered-out) .mega-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
.mega-product-groups.is-focus-mode>.mega-product-detail-preview{display:block;grid-column:2;grid-row:1 / span 4;position:sticky;top:0}
.mega-product-detail-media{height:128px;border-radius:12px;background:#edf4fb;display:grid;place-items:center;overflow:hidden;margin-bottom:11px}
.mega-product-detail-media img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.mega-product-detail-kicker{color:#1b5fae;font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.mega-product-detail-preview h4{margin:6px 0 5px;color:#13243e;font-size:15px;line-height:1.08}
.mega-product-detail-spec{color:#ed1c2e;font-size:9px;font-weight:900}
.mega-product-detail-intro{margin:7px 0 9px;color:#687a91;font-size:8.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mega-product-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0 10px}
.mega-product-detail-facts span{min-width:0;padding:7px;border:1px solid #dfe8f1;border-radius:8px;background:#fff;color:#314763;font-size:7.5px;line-height:1.25}
.mega-product-detail-link{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 10px;border-radius:8px;background:#ed1c2e;color:#fff!important;text-decoration:none;font-size:8px;font-weight:900}
.mega-product-detail-placeholder{display:grid;place-items:center;text-align:center;min-height:260px;color:#748499;font-size:9px;line-height:1.5}
.mega-product-tile.is-previewing{background:#f3f8fd!important;border-color:#bfd4e9!important}
@media(max-width:1180px){.mega-product-groups.is-focus-mode{grid-template-columns:minmax(0,1fr) 250px!important}.mega-product-groups.is-focus-mode>.mega-group-modern:not(.is-filtered-out) .mega-list{grid-template-columns:1fr}.mega-product-detail-media{height:105px}}
@media(max-height:760px) and (min-width:1021px){.mega-product-detail-media{height:82px}.mega-product-detail-intro{-webkit-line-clamp:2}.mega-product-detail-facts{display:none}.mega-product-detail-placeholder{min-height:180px}}

/* =========================================================
   V46 — ABOUT / CAREERS / CONTACT
   ========================================================= */
.career-nav-parent{position:relative}
.career-dropdown{position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%,10px);width:310px;padding:10px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:0 0 16px 16px;box-shadow:0 24px 60px rgba(18,52,90,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:1200}
.career-nav-parent:hover>.career-dropdown,.career-nav-parent:focus-within>.career-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.career-dropdown a{display:block;padding:13px 14px;border-radius:10px;text-decoration:none;color:#13243e;transition:.18s}
.career-dropdown a+a{border-top:1px solid #edf1f6}
.career-dropdown a:hover{background:#f5f8fc;color:#1559ad}
.career-dropdown span{display:block;font-size:13px;font-weight:900}
.career-dropdown small{display:block;margin-top:4px;color:#7c8999;font-size:10px;line-height:1.35}

.about-company-v46{padding-top:56px!important}
.about-company-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:42px;align-items:stretch}
.about-company-copy{padding:24px 0}
.about-company-copy h2{max-width:780px;margin:9px 0 18px;font-size:clamp(38px,4vw,66px);line-height:.98;letter-spacing:-.045em;color:#12233e}
.about-company-copy>p{max-width:760px;margin:0;color:#687a92;font-size:16px;line-height:1.7}
.about-company-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.about-company-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;max-width:720px}
.about-company-stats>div{padding:16px;border:1px solid #dbe5f0;border-radius:16px;background:#f8fbff}
.about-company-stats b{display:block;color:#1458a8;font-size:24px}.about-company-stats span{display:block;margin-top:4px;color:#7a899b;font-size:11px;font-weight:800}
.about-company-media{position:relative;min-height:470px;border:1px solid #dce5ef;border-radius:28px;overflow:hidden;background:#eef4fb}
.about-company-media img{width:100%;height:100%;object-fit:cover;display:block}
.about-company-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(8,31,61,.68));pointer-events:none}
.about-company-media-note{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:end;color:#fff}
.about-company-media-note span{font-size:11px;font-weight:900;letter-spacing:.14em}.about-company-media-note strong{max-width:360px;text-align:right;font-size:20px;line-height:1.15}
.about-company-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.about-company-pillars article{position:relative;padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff;min-height:190px}
.about-company-pillars article>span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eff5fb;color:#1559ad;font-weight:950;font-size:11px}
.about-company-pillars h3{margin:18px 0 8px;color:#13243e;font-size:22px}.about-company-pillars p{margin:0;color:#6f7f92;line-height:1.55;font-size:13px}
.about-products-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:58px 0 18px}.about-products-head h2{margin:6px 0 0;font-size:clamp(30px,3vw,46px);color:#12233e;letter-spacing:-.03em}
.about-product-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.about-product-card{position:relative;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto auto;column-gap:14px;padding:14px;border:1px solid #dce5ef;border-radius:18px;background:#fff;text-decoration:none;min-width:0;transition:.22s}
.about-product-card:hover{transform:translateY(-3px);border-color:#b8cbe2;box-shadow:0 14px 34px rgba(20,54,91,.09)}
.about-product-image{grid-row:1/4;width:80px;height:80px;display:grid;place-items:center;border-radius:14px;background:#f3f7fb;overflow:hidden}.about-product-image img{width:94%;height:94%;object-fit:contain}
.about-product-card>span{font-size:9px;color:#e51d2a;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-product-card strong{color:#13243e;font-size:13px;line-height:1.2;align-self:center}.about-product-card small{color:#748397;font-size:10px}.about-product-card i{position:absolute;right:11px;bottom:10px;color:#e51d2a;font-style:normal;font-weight:900}
.about-company-story{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-top:42px;padding:20px;border:1px solid #dbe5ef;border-radius:24px;background:linear-gradient(135deg,#f7fbff,#fff)}
.about-story-media{height:300px;border-radius:18px;overflow:hidden;background:#edf4fb}.about-story-media img{width:100%;height:100%;object-fit:cover}.about-story-copy{padding:12px 24px 12px 4px}.about-story-copy h3{margin:8px 0 12px;font-size:34px;line-height:1.05;color:#13243e}.about-story-copy p{color:#687a92;line-height:1.65}.about-story-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.about-story-tags span{padding:7px 9px;border-radius:999px;background:#edf4fb;color:#174f98;font-size:10px;font-weight:900}

.career-v46{padding-top:58px!important}.career-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-bottom:28px;border-bottom:1px solid #dfe6ef}.career-hero h2{max-width:920px;margin:7px 0 12px;font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.04em;color:#12233e}.career-hero p{max-width:760px;color:#6d7d91;line-height:1.6}.career-hero-badge{min-width:130px;padding:18px;border-radius:18px;background:#123f7c;color:#fff;text-align:center}.career-hero-badge b{display:block;font-size:34px}.career-hero-badge span{font-size:10px;font-weight:900;letter-spacing:.05em}
.career-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);gap:28px;margin-top:28px}.career-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.career-section-head span{font-size:10px;font-weight:950;letter-spacing:.14em;color:#1559ad}.career-section-head h3{margin:4px 0 0;color:#13243e;font-size:30px}.career-job-list{display:grid;gap:10px}.career-job-card{padding:18px 20px;border:1px solid #dce5ef;border-radius:17px;background:#fff}.career-job-top,.career-job-foot{display:flex;justify-content:space-between;gap:12px;align-items:center}.career-job-top span{color:#1559ad;font-size:10px;font-weight:950;text-transform:uppercase}.career-job-top em{font-style:normal;color:#8491a0;font-size:10px}.career-job-card h4{margin:10px 0 8px;color:#13243e;font-size:20px}.career-job-card p{margin:0 0 15px;color:#6f7f92;font-size:12px;line-height:1.55}.career-job-foot span{color:#75859a;font-size:10px}.career-apply-job{border:0;background:none;color:#ed1c2e;font-weight:900;cursor:pointer}.career-empty{padding:34px;border:1px dashed #cbd8e7;border-radius:18px;background:#f8fbff;text-align:center}.career-empty strong{display:block;color:#13243e;font-size:17px}.career-empty span{display:block;margin-top:7px;color:#748397;font-size:12px}
.career-apply-card{padding:24px;border:1px solid #dce5ef;border-radius:22px;background:#f8fbff;align-self:start;position:sticky;top:110px}.career-apply-card h3{margin:7px 0 8px;color:#13243e;font-size:28px}.career-apply-card>p{margin:0 0 18px;color:#6c7d91;font-size:12px;line-height:1.5}.career-form{display:grid;gap:10px}.career-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.career-form input,.career-form textarea{width:100%;border:1px solid #d5e0ec;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;box-sizing:border-box}.career-form textarea{resize:vertical}.career-file{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px dashed #c4d2e2;border-radius:10px;background:#fff;color:#64758b;font-size:11px}.career-file input{width:auto;padding:0;border:0}

.contact-v46{padding-top:58px!important}.contact-v46-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.contact-v46-head h2{max-width:950px;margin:7px 0 12px;font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.04em;color:#12233e}.contact-v46-head p{max-width:820px;color:#6c7d91;line-height:1.6}.contact-v46-direct{display:grid;gap:4px;text-align:right;padding:15px 18px;border-left:3px solid #ed1c2e}.contact-v46-direct span,.contact-v46-direct small{color:#75859a;font-size:11px}.contact-v46-direct b{font-size:18px;color:#13243e}
.contact-project-grid{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(0,1.15fr);gap:22px;margin-top:28px}.contact-product-selector,.contact-form-v46{padding:22px;border:1px solid #dce5ef;border-radius:22px;background:#fff}.contact-selector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.contact-selector-head span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#1559ad}.contact-selector-head strong{font-size:11px;color:#66778d}.contact-product-select-label{display:grid;gap:7px}.contact-product-select-label>span{font-size:11px;font-weight:900;color:#53657b}.contact-product-select-label select{height:50px;border:1px solid #cfdbe8;border-radius:11px;padding:0 12px;background:#f9fbfd;color:#13243e;font-weight:800;outline:none;width:100%}.contact-selected-product{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;margin-top:14px;padding:14px;border-radius:16px;background:#f5f9fd;border:1px solid #e0e8f1}.contact-selected-image{width:86px;height:72px;display:grid;place-items:center;border-radius:12px;background:#fff;overflow:hidden;border:1px solid #e1e8f1}.contact-selected-image img{width:96%;height:96%;object-fit:contain}.contact-selected-image span{color:#1559ad;font-weight:950}.contact-selected-product small{color:#1559ad;font-size:9px;font-weight:950;letter-spacing:.12em}.contact-selected-product h3{margin:4px 0 4px;color:#13243e;font-size:18px}.contact-selected-product p{margin:0;color:#718095;font-size:11px;line-height:1.45}.contact-selected-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.contact-selected-specs>div{padding:12px;border:1px solid #e0e7ef;border-radius:12px}.contact-selected-specs span{display:block;color:#7d8998;font-size:9px;font-weight:850}.contact-selected-specs b{display:block;margin-top:4px;color:#13243e;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-form-v46 .kicker{margin-bottom:13px}.contact-form-v46 form{display:grid;gap:10px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form-v46 input,.contact-form-v46 textarea{width:100%;box-sizing:border-box;border:1px solid #d4dfeb;border-radius:10px;padding:12px 13px;background:#fff;font:inherit;outline:none}.contact-form-v46 input:focus,.contact-form-v46 textarea:focus{border-color:#1559ad;box-shadow:0 0 0 3px rgba(21,89,173,.07)}.contact-process-values label{display:grid;gap:6px}.contact-process-values span{font-size:10px;color:#68798e;font-weight:900}

@media(max-width:1100px){.about-company-hero,.career-layout,.contact-project-grid{grid-template-columns:1fr}.about-product-rail{grid-template-columns:repeat(2,1fr)}.career-apply-card{position:static}.contact-v46-head,.career-hero{grid-template-columns:1fr}.contact-v46-direct{text-align:left;border-left:0;border-top:3px solid #ed1c2e}.career-hero-badge{width:max-content}.about-company-story{grid-template-columns:1fr}.about-story-copy{padding:6px}}
@media(max-width:700px){.about-company-pillars,.about-company-stats,.contact-selected-specs{grid-template-columns:1fr}.about-product-rail{grid-template-columns:1fr}.career-form-grid,.contact-form-grid{grid-template-columns:1fr}.about-company-media{min-height:330px}.about-company-media-note{display:block}.about-company-media-note strong{display:block;text-align:left;margin-top:5px}.desktop-nav .career-nav-parent{display:none}}
.career-success,.career-error{margin:0 0 12px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:850}.career-success{background:#eaf8f0;color:#167443}.career-error{background:#fff0f1;color:#b82431}

/* V47 — Technologies + enhanced contact product summary */
.technologies-v47{padding-top:44px;padding-bottom:56px}
.technologies-v47-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.technologies-v47-head>div{max-width:980px}.technologies-v47-head h2{margin:7px 0 10px;font-size:clamp(34px,4vw,64px);line-height:.98;color:#13233d}.technologies-v47-head p{max-width:850px;margin:0;color:#6f7f94;font-size:16px;line-height:1.65}
.technologies-v47-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.technologies-v47-grid article{position:relative;min-height:260px;padding:24px;border:1px solid #dce5ef;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);overflow:hidden;transition:.25s}
.technologies-v47-grid article:hover{transform:translateY(-4px);border-color:#b9cbe0;box-shadow:0 18px 42px rgba(20,48,84,.09)}
.technologies-v47-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef4fb;color:#1459aa;font-size:11px;font-weight:950}
.technologies-v47-grid h3{margin:28px 0 9px;color:#12233e;font-size:22px;line-height:1.08}.technologies-v47-grid p{margin:0 0 22px;color:#718198;font-size:13px;line-height:1.55}.technologies-v47-grid a{position:absolute;left:24px;bottom:22px;color:#ed1c2e;text-decoration:none;font-size:12px;font-weight:900}
.technologies-v47-products{margin-top:24px;padding:25px;border:1px solid #dce5ef;border-radius:22px;background:#fff}.technologies-v47-products-head span{font-size:10px;color:#1559ad;font-weight:950;letter-spacing:.14em}.technologies-v47-products-head h3{margin:5px 0 18px;color:#12233e;font-size:25px}.technologies-v47-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.technologies-v47-rail a{display:grid;grid-template-rows:110px auto auto;gap:5px;padding:12px;border:1px solid #e0e7f0;border-radius:15px;background:#fbfdff;text-decoration:none}.technologies-v47-rail img{width:100%;height:100%;object-fit:contain}.technologies-v47-rail span{color:#13243d;font-size:12px;font-weight:900;line-height:1.25}.technologies-v47-rail small{color:#7b8999;font-size:10px}
.contact-product-full-detail{margin-top:12px;border-top:1px solid #dce5ef;padding-top:12px}.contact-product-detail-row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0}.contact-product-detail-row>span{color:#66768a;font-size:11px;font-weight:900}.contact-product-detail-row p{margin:0;color:#172944;font-size:13px;line-height:1.5}.contact-selected-facts{display:flex;flex-wrap:wrap;gap:7px}.contact-selected-facts span{display:inline-flex;padding:6px 8px;border-radius:8px;background:#eef4fb;color:#24415f;font-size:10px;font-weight:800}.contact-product-detail-link{display:inline-flex;margin-top:10px;color:#ed1c2e;text-decoration:none;font-size:12px;font-weight:950}
@media(max-width:1100px){.technologies-v47-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technologies-v47-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.technologies-v47-head{align-items:flex-start;flex-direction:column}.technologies-v47-grid{grid-template-columns:1fr}.technologies-v47-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-product-detail-row{grid-template-columns:1fr;gap:4px}}

/* =========================================================
   V48 — FILTER FOCUS PREVIEW / ADAPTIVE HEIGHT
   Sağdaki ürün önizlemesini boş alana göre aşağı doğru uzatır.
   Sadece filtre ile focus mode aktifken çalışır.
   ========================================================= */
@media (min-width:1021px){
  .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    min-height:clamp(320px,42dvh,440px) !important;
    max-height:min(470px,calc(var(--products-mega-maxh,720px) - 145px)) !important;
    display:flex !important;
    flex-direction:column;
    box-sizing:border-box;
  }

  .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:clamp(135px,18dvh,190px) !important;
    flex:0 0 auto;
  }

  .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    -webkit-line-clamp:5;
  }

  .mega-product-groups.is-focus-mode .mega-product-detail-facts{
    margin-top:9px;
  }

  .mega-product-groups.is-focus-mode .mega-product-detail-link{
    margin-top:auto;
  }
}

/* Daha alçak laptop ekranlarında taşmadan, yine mevcut boşluğu kullan. */
@media (min-width:1021px) and (max-height:820px){
  .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    min-height:clamp(300px,39dvh,365px) !important;
    max-height:calc(var(--products-mega-maxh,680px) - 135px) !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:clamp(120px,16dvh,150px) !important;
  }
}

/* 15.6\" / 1366x768 gibi ekranlar için daha sıkı profil. */
@media (min-width:1021px) and (max-height:760px){
  .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    min-height:285px !important;
    max-height:330px !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:105px !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    -webkit-line-clamp:3 !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-facts{
    display:grid !important;
  }
}

/* V53 — Career ilan kartındaki Başvur / Apply butonu beyaz */
.career-job-card .career-job-foot .btn.primary,
.career-job-card .career-job-foot a.btn.primary{
  background:#fff !important;
  color:#163f78 !important;
  border:1px solid #d4dfeb !important;
  box-shadow:none !important;
}
.career-job-card .career-job-foot .btn.primary:hover,
.career-job-card .career-job-foot a.btn.primary:hover{
  background:#f5f9fd !important;
  color:#ed1c2e !important;
  border-color:#ed1c2e !important;
}
/* UYGULAMALAR MEGA MENU — EKRANA TAM ORTALA */
#applicationsMega,
.applications-mega {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: min(1180px, calc(100vw - 48px)) !important;
    max-width: 1180px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}



/* =========================================================
   V61 — PRODUCTS MEGA HARD LOCK
   JS class state cannot override this rule.
   ========================================================= */
@media (min-width:1021px){
  body.products-mega-hard-locked #productsMegaDb,
  body.products-mega-hard-locked .products-nav-parent > #productsMegaDb,
  body.products-mega-hard-locked .products-nav-parent.menu-open > #productsMegaDb,
  body.products-mega-hard-locked .products-nav-parent:hover > #productsMegaDb,
  body.products-mega-hard-locked .products-nav-parent:focus-within > #productsMegaDb{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,8px) !important;
  }

  body.products-mega-hard-locked .products-nav-parent > .nav-top:before,
  body.products-mega-hard-locked .products-nav-parent.menu-open > .nav-top:before{
    opacity:0 !important;
    transform:scaleX(0) !important;
  }
}

/* V60 - compact 5-language selector + Arabic RTL support */
.lang-select-wrap{display:flex;align-items:center;flex:0 0 auto}
.lang-select{height:34px;min-width:64px;padding:0 28px 0 10px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#173250;font:inherit;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;outline:none}
.lang-select:focus{border-color:#174a8f;box-shadow:0 0 0 3px rgba(23,74,143,.08)}
.utility-languages{white-space:nowrap;font-size:10px;letter-spacing:.04em}
@media(max-width:1380px){.desktop-nav{gap:2px}.nav-top{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}.header-actions{gap:7px!important}.header-cta{padding-left:10px!important;padding-right:10px!important}.lang-select{min-width:58px;padding-left:8px;padding-right:24px}.utility-languages{display:none}}
@media(max-width:1100px){.lang-select{height:32px}.header-cta{display:none}}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .header-main,html[dir="rtl"] .utility-inner,html[dir="rtl"] .footer-grid,html[dir="rtl"] .career-hero{direction:rtl}
html[dir="rtl"] .desktop-nav,html[dir="rtl"] .header-actions,html[dir="rtl"] .footer-socials{direction:rtl}
html[dir="rtl"] .products-search-icon{left:auto!important;right:17px!important}
html[dir="rtl"] .products-search-wrap #productSearch{padding-left:16px!important;padding-right:48px!important}
html[dir="rtl"] .mega-panel,html[dir="rtl"] .career-dropdown{text-align:right}

/* V66 catalogue-backed operating data */
.product-operating-data{margin:20px 0;padding:18px;border:1px solid #dbe5ef;border-radius:18px;background:#f8fbff}.product-operating-head{margin-bottom:12px;color:#1558aa;font-size:10px;font-weight:950;letter-spacing:.15em}.product-operating-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-op-cell{padding:12px 13px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.product-op-cell span{display:block;margin-bottom:5px;color:#73839a;font-size:10px;font-weight:850}.product-op-cell b{color:#142842;font-size:13px;line-height:1.35}@media(max-width:800px){.product-operating-grid{grid-template-columns:1fr 1fr}}


/* =========================================================
   V70 ABOUT / HISTORY / REFERENCES UPGRADE
   ========================================================= */
.about-history-v70{padding-top:34px;padding-bottom:46px}
.about-history-hero{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:28px;align-items:end;margin-bottom:24px}
.about-history-copy h2{max-width:980px;margin:8px 0 10px;font-size:clamp(34px,3.7vw,62px);line-height:.98;letter-spacing:-.055em;color:#12233e}
.about-history-copy p{max-width:860px;margin:0;color:#6f8096;font-size:14px;line-height:1.7}
.about-history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.about-history-stats>div{padding:14px 16px;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fbff)}
.about-history-stats b{display:block;color:#175db6;font-size:22px;line-height:1}
.about-history-stats span{display:block;margin-top:6px;color:#77879a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.about-history-visual-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin-bottom:16px}
.about-history-visual{position:relative;min-height:220px;border-radius:20px;overflow:hidden;background:#eaf0f6;isolation:isolate}
.about-history-visual-main{grid-row:span 2;min-height:452px}
.about-history-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.about-history-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,52,.05) 30%,rgba(8,26,52,.9) 100%);z-index:1}
.about-history-visual:hover img{transform:scale(1.045);filter:saturate(1.05)}
.about-history-overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:end;color:#fff}
.about-history-overlay>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ed1c2e;font-size:8px;font-weight:950}
.about-history-overlay b{display:block;font-size:14px;line-height:1.15}
.about-history-overlay small{display:block;margin-top:4px;color:#dbe6f3;font-size:9px;line-height:1.32}
.about-history-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.about-history-detail{padding:22px;border:1px solid #dbe5ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,48,84,.04)}
.about-history-detail.is-accent{border-left:3px solid #ed1c2e}
.about-history-no{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef4fb;color:#1558aa;font-size:10px;font-weight:950;letter-spacing:.12em;margin-bottom:14px}
.about-history-detail h3{margin:0 0 10px;color:#10284e;font-size:17px;line-height:1.15}
.about-history-detail p{margin:0 0 12px;color:#6e7f95;font-size:12px;line-height:1.65}
.about-history-detail ul{margin:0;padding-left:18px;color:#10284e}
.about-history-detail li{margin:0 0 8px;font-size:11px;line-height:1.55}
.about-history-tag-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.about-history-tag-cloud span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef4fb;color:#10284e;font-size:10px;font-weight:850}
.about-reference-network{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-bottom:18px}
.about-reference-map-card{padding:22px;border:1px solid #dbe5ef;border-radius:24px;background:linear-gradient(135deg,#fff,#f8fbff)}
.about-reference-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.about-reference-map-head h3{max-width:760px;margin:6px 0 0;color:#12233e;font-size:26px;line-height:1.08}
.about-reference-map-shell{border:1px solid #dce5ef;border-radius:18px;background:#fff;overflow:hidden}
.about-reference-map-shell img{display:block;width:100%;height:auto;object-fit:cover}
.about-reference-side{display:grid;gap:12px}
.about-reference-metric{padding:22px;border:1px solid #dbe5ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(20,48,84,.04)}
.about-reference-metric>span{display:block;margin-bottom:8px;color:#1558aa;font-size:10px;font-weight:950;letter-spacing:.15em}
.about-reference-metric b{display:block;color:#12233e;font-size:32px;line-height:1.02}
.about-reference-metric p{margin:8px 0 0;color:#6f8096;font-size:12px;line-height:1.65}
.about-reference-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.about-reference-chip-list span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid #dce5ef;border-radius:999px;background:#f7faff;color:#10284e;font-size:11px;font-weight:850}
.about-history-strip{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:22px 24px;border-radius:22px;background:#123d84;color:#fff}
.about-history-strip span{display:block;color:#caddff;font-size:10px;font-weight:950;letter-spacing:.16em}
.about-history-strip strong{display:block;margin-top:4px;font-size:20px;line-height:1.14}
.about-history-strip p{margin:0;color:#dce7fa;font-size:12px;line-height:1.65}
.about-history-strip .btn{white-space:nowrap}
@media(max-width:1180px){.about-history-hero{grid-template-columns:1fr}.about-history-visual-grid{grid-template-columns:repeat(2,1fr)}.about-history-visual-main{grid-row:auto;min-height:280px}.about-history-detail-grid{grid-template-columns:repeat(2,1fr)}.about-reference-network{grid-template-columns:1fr}.about-history-strip{grid-template-columns:1fr;align-items:flex-start}}
@media(max-width:760px){.about-history-copy h2{font-size:36px}.about-history-stats{grid-template-columns:repeat(2,1fr)}.about-history-visual-grid,.about-history-detail-grid{grid-template-columns:1fr}.about-history-visual,.about-history-visual-main{min-height:220px}.about-reference-map-head{flex-direction:column;align-items:flex-start}.about-reference-map-head h3{font-size:22px}}
@media(max-width:560px){.about-history-stats{grid-template-columns:1fr}}


/* V70.2 — DIRECT REFERENCES AT BOTTOM */
.about-direct-references{margin-top:18px;padding:28px;border:1px solid #dbe5ef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
.about-direct-references-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:18px}
.about-direct-references-head h3{max-width:760px;margin:6px 0 8px;color:#12233e;font-size:30px;line-height:1.05}
.about-direct-references-head p{max-width:820px;margin:0;color:#6f8096;font-size:13px;line-height:1.65}
.about-reference-summary{display:flex;gap:8px;align-items:stretch}
.about-reference-summary span{min-width:105px;padding:13px 15px;border:1px solid #dce5ef;border-radius:15px;background:#fff}
.about-reference-summary b{display:block;color:#175db6;font-size:22px;line-height:1}
.about-reference-summary small{display:block;margin-top:5px;color:#7a899b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.about-reference-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.about-reference-project{position:relative;min-height:225px;padding:20px;border:1px solid #dbe5ef;border-radius:19px;background:#fff;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.about-reference-project:hover{transform:translateY(-4px);border-color:#bdcde0;box-shadow:0 18px 38px rgba(20,48,84,.08)}
.about-reference-project:after{content:"";position:absolute;right:-42px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:rgba(23,93,182,.05)}
.about-reference-project-no{width:34px;height:34px;margin-bottom:18px;border-radius:10px;display:grid;place-items:center;background:#edf4fc;color:#1558aa;font-size:10px;font-weight:950;letter-spacing:.1em}
.about-reference-project>span{display:block;color:#1558aa;font-size:9px;font-weight:950;letter-spacing:.14em}
.about-reference-project h4{position:relative;z-index:1;margin:8px 0 10px;color:#10284e;font-size:17px;line-height:1.18}
.about-reference-project p{position:relative;z-index:1;margin:0;color:#6f8096;font-size:11px;line-height:1.6}
.about-reference-project-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.about-reference-project-tags span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#eef4fb;color:#10284e;font-size:9px;font-weight:850}
.about-reference-industries{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e1e8f1}
.about-reference-industries span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:999px;background:#123d84;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}
@media(max-width:1150px){.about-reference-project-grid{grid-template-columns:repeat(2,1fr)}.about-direct-references-head{grid-template-columns:1fr}.about-reference-summary{justify-content:flex-start}}
@media(max-width:650px){.about-direct-references{padding:20px}.about-reference-project-grid{grid-template-columns:1fr}.about-reference-summary{display:grid;grid-template-columns:repeat(3,1fr)}.about-reference-summary span{min-width:0}.about-direct-references-head h3{font-size:24px}}


/* V70.3 — direct published reference logo grid */
.about-reference-logo-section{margin-top:22px;padding-top:22px;border-top:1px solid #e1e8f1}
.about-reference-logo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}
.about-reference-logo-head>div>span{display:block;color:#1558aa;font-size:10px;font-weight:950;letter-spacing:.15em}
.about-reference-logo-head h4{margin:6px 0 0;color:#10284e;font-size:24px;line-height:1.1}
.about-reference-logo-head p{max-width:440px;margin:0;color:#718198;font-size:12px;line-height:1.55;text-align:right}
.about-reference-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.about-reference-logo-card{position:relative;min-height:122px;border:1px solid #dbe5ef;border-radius:16px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.about-reference-logo-card:hover{transform:translateY(-3px);border-color:#bccce0;box-shadow:0 16px 34px rgba(20,48,84,.08)}
.about-reference-logo-card img{width:100%;height:100%;min-height:122px;object-fit:contain;object-position:center center;transform-origin:center center;transition:transform .38s ease,filter .38s ease;background:#fff}
.about-reference-logo-card:hover img{transform:scale(1.12);filter:saturate(1.03)}
.about-reference-logo-card>span{position:absolute;left:10px;right:10px;bottom:8px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.9);backdrop-filter:blur(3px);color:#10284e;font-size:8px;font-weight:850;text-align:center;opacity:0;transform:translateY(5px);transition:.22s}
.about-reference-logo-card:hover>span{opacity:1;transform:translateY(0)}
.about-reference-logo-more{flex-direction:column;gap:4px;background:linear-gradient(135deg,#123d84,#195bad);color:#fff}
.about-reference-logo-more b{font-size:34px;line-height:1}
.about-reference-logo-more>span{position:static!important;padding:0!important;background:transparent!important;color:#dbe8ff!important;opacity:1!important;transform:none!important;font-size:10px!important}
@media(max-width:1250px){.about-reference-logo-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1000px){.about-reference-logo-grid{grid-template-columns:repeat(4,1fr)}.about-reference-logo-head{align-items:flex-start;flex-direction:column}.about-reference-logo-head p{text-align:left}}
@media(max-width:720px){.about-reference-logo-grid{grid-template-columns:repeat(2,1fr)}}
/* =========================================================
   ABOUT CLEANUP + HOVER ZOOM
   ========================================================= */

/* 1) 2. görseldeki 6 yazı kutusunu kaldır */
.about-history-detail-grid {
    display: none !important;
}

/* 2) 1. görseldeki uygulama/referans kart alanını kaldır
   not: sende class adı farklı olabilir, o yüzden birkaç ihtimali birlikte kapatıyoruz */
.about-reference-cases,
.about-reference-showcase,
.about-selected-applications,
.about-reference-projects,
.about-application-references {
    display: none !important;
}

/* 3) 3. görseldeki fotoğraflar hover'da ortadan büyüsün */
.about-history-visual,
.about-history-visual-main {
    position: relative;
    overflow: hidden;
}

.about-history-visual img,
.about-history-visual-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform-origin: center center;
    transition: transform .55s ease, filter .45s ease;
}

.about-history-visual:hover img,
.about-history-visual-main:hover img {
    transform: scale(1.12);
    filter: saturate(1.05);
}

/* overlay sabit kalsın */
.about-history-overlay {
    z-index: 3;
    transform: none !important;
}
/* V71 visual refresh + mega menu scroll fixes */
@media (min-width:1021px){
  #productsMegaDb.products-mega{
    max-height:min(82dvh,760px)!important;
    overflow:hidden!important;
    padding-bottom:10px!important;
  }
  #productsMegaDb .products-mega-body{align-items:flex-start!important;min-height:0}
  #productsMegaDb .mega-filter-rail,
  #productsMegaDb .mega-product-groups,
  .desktop-nav .applications-mega{
    scrollbar-width:thin;
    scrollbar-color:#c6d6e6 transparent;
  }
  #productsMegaDb .mega-filter-rail::-webkit-scrollbar,
  #productsMegaDb .mega-product-groups::-webkit-scrollbar,
  .desktop-nav .applications-mega::-webkit-scrollbar{width:8px;height:8px}
  #productsMegaDb .mega-filter-rail::-webkit-scrollbar-thumb,
  #productsMegaDb .mega-product-groups::-webkit-scrollbar-thumb,
  .desktop-nav .applications-mega::-webkit-scrollbar-thumb{background:#c6d6e6;border-radius:999px}
  #productsMegaDb .mega-filter-rail{
    position:sticky;
    top:0;
    max-height:calc(min(82dvh,760px) - 138px);
    overflow-y:auto;
    padding-right:4px;
  }
  #productsMegaDb .mega-product-groups{
    max-height:calc(min(82dvh,760px) - 138px);
    overflow-y:auto;
    padding-right:8px;
    overscroll-behavior:contain;
  }
  .desktop-nav .applications-mega{
    max-height:min(78dvh,720px);
    overflow-y:auto;
    padding-right:8px;
    overscroll-behavior:contain;
  }
}
#productsMegaDb .mega-product-groups::after,
.desktop-nav .applications-mega::after{
  content:"Daha fazla içerik için aşağı kaydır";
  display:block;
  position:sticky;
  bottom:0;
  margin-top:8px;
  padding:12px 0 3px;
  text-align:center;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  color:#5b7290;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 58%);
  pointer-events:none;
}
html[lang^="en"] #productsMegaDb .mega-product-groups::after,
html[lang^="en"] .desktop-nav .applications-mega::after{content:"Scroll down for more items"}

.applications-showcase .application-card,
.applications-page .application-card{
  position:relative;
  isolation:isolate;
  background-color:#102540;
  background-image:linear-gradient(180deg,rgba(8,28,55,.12) 0%,rgba(8,28,55,.86) 100%), var(--app-card-bg, none);
  background-size:cover;
  background-position:center;
  border-color:rgba(220,232,245,.65);
  box-shadow:0 16px 38px rgba(16,35,64,.12);
}
.applications-showcase .application-card::after,
.applications-page .application-card::after{background:rgba(255,255,255,.08)!important}
.applications-showcase .application-card .num,
.applications-page .application-card .num,
.applications-showcase .application-card h3,
.applications-page .application-card h3,
.applications-showcase .application-card p,
.applications-page .application-card p,
.applications-showcase .application-card .app-arrow,
.applications-page .application-card .app-arrow{color:#fff!important}
.applications-showcase .application-card p,
.applications-page .application-card p{max-width:92%;color:rgba(255,255,255,.88)!important}
.applications-showcase .application-card .app-tags span,
.applications-page .application-card .app-tags span{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
  color:#fff;
  backdrop-filter:blur(4px);
}
.applications-showcase .application-card .app-icon,
.applications-page .application-card .app-icon{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
.applications-showcase .application-card:nth-child(1),
.applications-page .application-card:nth-child(1){--app-card-bg:url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1200&q=80')}
.applications-showcase .application-card:nth-child(2),
.applications-page .application-card:nth-child(2){--app-card-bg:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1200&q=80')}
.applications-showcase .application-card:nth-child(3),
.applications-page .application-card:nth-child(3){--app-card-bg:url('https://images.unsplash.com/photo-1501004318641-b39e6451bec6?auto=format&fit=crop&w=1200&q=80')}
.applications-showcase .application-card:nth-child(4),
.applications-page .application-card:nth-child(4){--app-card-bg:url('https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=1200&q=80')}
.applications-showcase .application-card:nth-child(5),
.applications-page .application-card:nth-child(5){--app-card-bg:url('https://images.unsplash.com/photo-1518546305927-5a555bb7020d?auto=format&fit=crop&w=1200&q=80')}

.certificate-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-color:#11253f!important;
  background-image:linear-gradient(135deg,rgba(11,29,56,.18) 0%,rgba(11,29,56,.86) 100%), var(--cert-card-bg, none)!important;
  background-size:cover!important;
  background-position:center!important;
  border-color:rgba(255,255,255,.09)!important;
}
.certificate-card>*{position:relative;z-index:1}
.certificate-mark{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.certificate-card span,
.certificate-card h3,
.certificate-card p{color:#fff!important}
.certificate-card p{color:rgba(255,255,255,.82)!important}
.certificate-card-arrow{background:rgba(255,255,255,.16)!important;color:#fff!important}
.certificate-card:nth-child(1){--cert-card-bg:url('https://images.unsplash.com/photo-1565008447742-97f6f38c985c?auto=format&fit=crop&w=1200&q=80')}
.certificate-card:nth-child(2){--cert-card-bg:url('https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=1200&q=80')}
.certificate-card:nth-child(3){--cert-card-bg:url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80')}
.certificate-card:nth-child(4){--cert-card-bg:url('https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?auto=format&fit=crop&w=1200&q=80')}
.certificate-card:nth-child(5){--cert-card-bg:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80')}
.certificate-card:nth-child(6){--cert-card-bg:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1200&q=80')}

/* V73 — product visuals: transparent/clean presentation site-wide */
.hero-product img,
.product-card img,
.mega-product-item img,
.contact-selected-image img,
.contact-alternative-item img,
.technology-card img,
[class*="product"] img[src*="uploads/products/"],
img[src*="uploads/products/transparent/"]{
  background:transparent!important;
  object-fit:contain!important;
  mix-blend-mode:multiply;
}
img[src*="uploads/products/transparent/"]{mix-blend-mode:normal!important}


/* V73 - Product card 3-image thumbnail gallery */
#productsGrid .product-media{position:relative;overflow:hidden}
#productsGrid .product-gallery{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#productsGrid .product-gallery>.product-main-img{width:auto!important;height:auto!important;max-width:78%!important;max-height:82%!important;object-fit:contain!important;mix-blend-mode:multiply}
#productsGrid .product-thumbs{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:7px}
#productsGrid .product-thumb{width:42px;height:42px;padding:3px;border:1px solid #d7e1ec;border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer}
#productsGrid .product-thumb.active{border:2px solid #164f88;box-shadow:0 2px 9px rgba(22,79,136,.14)}
#productsGrid .product-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;mix-blend-mode:multiply}
@media(max-width:650px){#productsGrid .product-thumb{width:36px;height:36px}#productsGrid .product-gallery>.product-main-img{max-width:76%!important}}

/* V75 — Products cards match Catalogues card proportions */
#productsGrid.products-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
#productsGrid .product-card{
  overflow:hidden;
  padding:0;
  border:1px solid #dbe3ed;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(21,45,77,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  display:flex;
  flex-direction:column;
  min-width:0;
}
#productsGrid .product-card:hover{
  transform:translateY(-4px);
  border-color:#cbd8e6;
  box-shadow:0 20px 48px rgba(21,45,77,.11);
}
#productsGrid .product-media{
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:1.42/1;
  border-radius:0;
  border-bottom:1px solid #e5ebf2;
  background:#fff;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px 24px;
  isolation:isolate;
}
#productsGrid .product-media>img{
  width:100%;height:100%;max-width:82%;max-height:82%;
  object-fit:contain!important;object-position:center!important;
}
#productsGrid .product-gallery{
  position:relative;width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
}
#productsGrid .product-gallery>.product-main-img{
  width:100%!important;height:100%!important;
  max-width:82%!important;max-height:86%!important;
  object-fit:contain!important;object-position:center!important;
}
#productsGrid .product-thumbs{left:0;gap:7px}
#productsGrid .product-thumb{width:48px;height:48px;border-radius:9px;padding:4px}
#productsGrid .product-card>.chip{
  display:block;margin:0;padding:18px 20px 0;
  color:#e31c2c;font-size:10px;line-height:1.3;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;
}
#productsGrid .product-card>h3{
  margin:8px 20px 8px;color:#10243e;font-size:22px;line-height:1.08;
  letter-spacing:-.02em;
}
#productsGrid .product-card>p{
  min-height:20px;margin:0 20px;color:#6b798c;font-size:12px;line-height:1.55;
}
#productsGrid .product-card>.red-link{
  margin:auto 20px 18px;padding-top:16px;color:#e31c2c;font-size:12px;font-weight:900;
  text-decoration:none;
}
#productsGrid .product-card>.red-link:hover{color:#123e73}
@media(max-width:1120px){#productsGrid.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#productsGrid.products-grid{grid-template-columns:1fr}#productsGrid .product-media{aspect-ratio:1.3/1}#productsGrid .product-thumb{width:42px;height:42px}}

/* =========================================================
   V77 — INDEX PRODUCTS GALLERY — FINAL
   The thumbnail rail is kept visible, separated, and above
   the main image. Works with .product-thumbs/.product-thumb.
   ========================================================= */
#productsGrid .product-media{
  position:relative !important;
  overflow:hidden !important;
}

#productsGrid .product-gallery{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Main product image leaves room for the thumbnails */
#productsGrid .product-gallery > .product-main-img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:78% !important;
  max-height:86% !important;
  margin-left:34px !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Vertical thumbnail rail */
#productsGrid .product-gallery > .product-thumbs{
  position:absolute !important;
  left:2px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:30 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  width:52px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Each thumbnail is an independent box */
#productsGrid .product-gallery > .product-thumbs > .product-thumb{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;

  margin:0 !important;
  padding:4px !important;

  border:1px solid #d5e0eb !important;
  border-radius:9px !important;
  background:#fff !important;

  overflow:hidden !important;
  box-sizing:border-box !important;
  cursor:pointer !important;

  opacity:1 !important;
  visibility:visible !important;

  box-shadow:0 2px 8px rgba(20,55,95,.08) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#productsGrid .product-gallery > .product-thumbs > .product-thumb:hover{
  border-color:#8fb0d2 !important;
  transform:translateX(2px) !important;
}

#productsGrid .product-gallery > .product-thumbs > .product-thumb.active{
  border:2px solid #164f88 !important;
  padding:3px !important;
  box-shadow:0 3px 10px rgba(22,79,136,.16) !important;
}

/* Prevent global .product-media img rules from stretching thumbnails */
#productsGrid .product-gallery > .product-thumbs > .product-thumb > img{
  position:static !important;
  display:block !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:contain !important;
  object-position:center !important;

  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

@media(max-width:720px){
  #productsGrid .product-gallery > .product-thumbs{
    left:0 !important;
    width:44px !important;
    gap:9px !important;
  }

  #productsGrid .product-gallery > .product-thumbs > .product-thumb{
    flex-basis:42px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
  }

  #productsGrid .product-gallery > .product-thumbs > .product-thumb > img{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
  }

  #productsGrid .product-gallery > .product-main-img{
    max-width:76% !important;
    margin-left:30px !important;
  }
}


/* V79 — mega preview image cleanup
   Sağdaki ürün önizlemesinde yalnız ürün kesiti kullanılsın,
   görsel ortalansın ve fazla büyük görünmesin. */
.mega-product-detail-media{
  padding:16px 18px !important;
  background:linear-gradient(180deg,#f8fbff 0%,#edf4fb 100%) !important;
}
.mega-product-detail-media img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:84% !important;
  max-height:100% !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 10px 20px rgba(20,48,84,.10));
}
@media (min-width:1021px){
  .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:clamp(148px,19dvh,210px) !important;
    padding:18px 20px !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-media img{
    max-width:80% !important;
    max-height:100% !important;
  }
}
@media (min-width:1021px) and (max-height:760px){
  .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:110px !important;
    padding:12px 14px !important;
  }
  .mega-product-groups.is-focus-mode .mega-product-detail-media img{
    max-width:78% !important;
  }
}

/* V80 — stricter centering for preview visuals */
.mega-product-detail-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0;
}
.mega-product-detail-media img{
  flex:0 1 auto;
  align-self:center !important;
  justify-self:center !important;
}

/* V81 — homepage hero visual cleanup */
.hero-visual{
  min-height:590px !important;
  padding:22px 26px 118px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f8fe 58%,#eef5fc 100%) !important;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:14px 14px 74px 14px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(236,244,252,.92) 100%);
  z-index:1;
}
.hero-visual:after{
  width:320px !important;
  height:320px !important;
  right:-6% !important;
  bottom:-11% !important;
  background:radial-gradient(circle,rgba(189,220,249,.9) 0%,rgba(229,241,252,.78) 42%,rgba(229,241,252,0) 68%) !important;
  opacity:.78 !important;
}
.hero-visual>img{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(76%,560px) !important;
  max-height:74% !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
  transform:translateY(-12px);
  filter:drop-shadow(0 20px 28px rgba(19,56,100,.14)) !important;
  -webkit-mask-image:none !important;
          mask-image:none !important;
}
.float-1{
  left:18px !important;
  bottom:92px !important;
}
.visual-caption{
  left:18px !important;
  right:18px !important;
  bottom:18px !important;
}
@media(max-width:650px){
  .hero-visual{
    min-height:455px !important;
    padding:16px 14px 94px !important;
  }
  .hero-visual::before{
    inset:10px 10px 64px 10px;
    border-radius:18px;
  }
  .hero-visual>img{
    max-width:86% !important;
    max-height:71% !important;
    transform:translateY(-6px);
  }
  .float-1{bottom:80px !important}
  .visual-caption{left:12px !important; right:12px !important; bottom:12px !important}
}

/* =========================================================
   V90 — PRODUCTS MEGA / TRUE VIEWPORT RESPONSIVE FIT
   Uses the real space below the rendered header. This block intentionally
   overrides older fixed 82dvh / 760px menu profiles at the end of the file.
   ========================================================= */
@media (min-width:1021px){
  #productsMegaDb.products-mega{
    top:var(--products-mega-top,128px) !important;
    left:50vw !important;
    width:min(1360px,calc(100vw - clamp(20px,2.7vw,44px))) !important;
    height:auto !important;
    max-height:var(--products-mega-maxh,calc(100dvh - var(--products-mega-top,128px) - 6px)) !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #productsMegaDb .products-mega-head{
    min-height:0 !important;
    flex:0 0 auto !important;
  }

  #productsMegaDb .products-mega-body{
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  #productsMegaDb .mega-filter-rail,
  #productsMegaDb .mega-product-groups{
    min-height:0 !important;
    height:100% !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin;
    scrollbar-color:#c6d6e6 transparent;
  }

  #productsMegaDb .mega-product-groups{
    align-content:start !important;
  }

  #productsMegaDb .mega-footer-modern{
    flex:0 0 auto !important;
    position:relative !important;
    z-index:3 !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    min-height:0 !important;
    max-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    align-self:start !important;
    box-sizing:border-box !important;
  }
}

/* Typical 15.6-inch laptop viewports (1600/1536/1440 wide). */
@media (min-width:1021px) and (max-width:1440px){
  #productsMegaDb.products-mega{
    width:calc(100vw - 24px) !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  #productsMegaDb .products-mega-body{
    grid-template-columns:195px minmax(0,1fr) !important;
    gap:10px !important;
  }
  #productsMegaDb .mega-filter-rail{padding:7px !important}
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) minmax(235px,.58fr) !important;
    gap:10px !important;
  }
  #productsMegaDb .mega-product-tile{
    column-gap:8px !important;
    gap:8px !important;
  }
}

/* 1366x768 / 14-inch class width profile. */
@media (min-width:1021px) and (max-width:1280px){
  #productsMegaDb.products-mega{width:calc(100vw - 16px) !important}
  #productsMegaDb .products-mega-body{
    grid-template-columns:180px minmax(0,1fr) !important;
    gap:8px !important;
  }
  #productsMegaDb .mega-filter-title{font-size:8px !important}
  #productsMegaDb .mega-filter-label{font-size:7px !important}
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) minmax(220px,.52fr) !important;
    gap:8px !important;
  }
  #productsMegaDb .products-mega-head h3{font-size:19px !important}
  #productsMegaDb .mega-view-all{min-height:30px !important;padding:7px 10px !important;font-size:8px !important}
}

/* Short laptop viewport: browser chrome leaves roughly <= 820px height. */
@media (min-width:1021px) and (max-height:820px){
  #productsMegaDb.products-mega{
    padding-top:6px !important;
    padding-bottom:4px !important;
  }
  #productsMegaDb .products-mega-head{
    padding-bottom:4px !important;
    margin-bottom:4px !important;
  }
  #productsMegaDb .products-mega-head h3{font-size:18px !important;margin:1px 0 !important}
  #productsMegaDb .products-mega-head p{font-size:7.6px !important;line-height:1.15 !important}
  #productsMegaDb .products-mega-body{grid-template-columns:185px minmax(0,1fr) !important;gap:8px !important}
  #productsMegaDb .mega-filter-rail{padding:6px !important;gap:3px !important}
  #productsMegaDb .mega-filter-search{min-height:27px !important}
  #productsMegaDb .mega-filter-btn{min-height:21px !important;padding:3px 5px !important;font-size:7.35px !important}
  #productsMegaDb .mega-filter-reset{min-height:26px !important;font-size:7.5px !important}
  #productsMegaDb .mega-filter-result{padding:4px 6px !important}
  #productsMegaDb .mega-list{gap:2px !important}
  #productsMegaDb .mega-product-tile{
    min-height:36px !important;
    grid-template-columns:31px minmax(0,1fr) 8px !important;
    gap:6px !important;
    padding:3px 5px !important;
  }
  #productsMegaDb .mega-product-visual{width:31px !important;height:31px !important;padding:2px !important}
  #productsMegaDb .mega-product-copy strong{font-size:8.8px !important;line-height:1.05 !important}
  #productsMegaDb .mega-product-copy small{font-size:6.2px !important;line-height:1.04 !important;margin-top:1px !important}
  #productsMegaDb .mega-group-title-modern{min-height:17px !important;padding-bottom:2px !important}
  #productsMegaDb .mega-footer-modern{min-height:20px !important;padding:2px 12px !important;margin-top:2px !important;font-size:7px !important}
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    padding:9px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:92px !important;
    padding:8px 10px !important;
  }
  #productsMegaDb .mega-product-detail-preview h4{font-size:13px !important;margin:4px 0 3px !important}
  #productsMegaDb .mega-product-detail-kicker{font-size:7px !important}
  #productsMegaDb .mega-product-detail-spec{font-size:8px !important}
  #productsMegaDb .mega-product-detail-intro{-webkit-line-clamp:2 !important;font-size:7.2px !important;line-height:1.25 !important}
  #productsMegaDb .mega-product-detail-facts{gap:4px !important;margin-top:5px !important}
  #productsMegaDb .mega-product-detail-facts > *{padding:5px !important;font-size:6.8px !important}
  #productsMegaDb .mega-product-detail-link{min-height:28px !important;padding:6px 8px !important;font-size:7.6px !important}
}

/* Very short 14-inch / 1366x768 browser viewport after browser bars. */
@media (min-width:1021px) and (max-height:700px){
  #productsMegaDb .products-mega-head p{display:none !important}
  #productsMegaDb .products-mega-head h3{font-size:16px !important}
  #productsMegaDb .mega-quick-stat span{display:none !important}
  #productsMegaDb .products-mega-body{grid-template-columns:170px minmax(0,1fr) !important;gap:7px !important}
  #productsMegaDb .mega-filter-rail{padding:5px !important}
  #productsMegaDb .mega-filter-search{min-height:24px !important}
  #productsMegaDb .mega-filter-btn{min-height:19px !important;padding:2px 5px !important;font-size:6.9px !important}
  #productsMegaDb .mega-filter-reset{min-height:23px !important;font-size:7px !important}
  #productsMegaDb .mega-filter-result{display:none !important}
  #productsMegaDb .mega-product-tile{
    min-height:32px !important;
    grid-template-columns:28px minmax(0,1fr) 7px !important;
    gap:5px !important;
    padding:2px 5px !important;
  }
  #productsMegaDb .mega-product-visual{width:28px !important;height:28px !important}
  #productsMegaDb .mega-product-copy strong{font-size:8.15px !important}
  #productsMegaDb .mega-product-copy small{font-size:5.8px !important}
  #productsMegaDb .mega-group-title-modern{min-height:15px !important;font-size:7px !important}
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) minmax(205px,.48fr) !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{height:72px !important}
  #productsMegaDb .mega-product-detail-preview h4{font-size:11.5px !important}
  #productsMegaDb .mega-product-detail-intro{display:none !important}
  #productsMegaDb .mega-product-detail-facts{grid-template-columns:1fr 1fr !important}
  #productsMegaDb .mega-product-detail-facts > :nth-child(n+3){display:none !important}
  #productsMegaDb .mega-footer-modern{min-height:18px !important;padding:1px 10px !important}
}

/* Narrow desktop edge case just before mobile navigation takes over. */
@media (min-width:1021px) and (max-width:1160px){
  #productsMegaDb .products-mega-body{grid-template-columns:165px minmax(0,1fr) !important}
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) 205px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-group-modern:not(.is-filtered-out) .mega-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V91 — PRODUCTS MEGA / PREVIEW ALWAYS FITS AVAILABLE HEIGHT
   The outer mega already follows --products-mega-maxh.
   This block makes the right preview use that same real available
   height instead of viewport-height breakpoints, keeping its CTA visible.
   ========================================================= */
@media (min-width:1021px){
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    /* Available menu height - header/body/footer allowance. */
    height:clamp(285px, calc(var(--products-mega-maxh, 720px) - 145px), 470px) !important;
    min-height:0 !important;
    max-height:none !important;

    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    align-self:start !important;
    box-sizing:border-box !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{
    flex:0 1 130px !important;
    height:auto !important;
    min-height:72px !important;
    max-height:130px !important;
    margin-bottom:7px !important;
    padding:9px 12px !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-kicker,
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview h4,
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-spec,
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    flex:0 0 auto !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    margin-bottom:5px !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-facts{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    align-content:start !important;
    margin:5px 0 7px !important;
    padding-right:2px !important;
    scrollbar-width:thin;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-link{
    flex:0 0 auto !important;
    margin-top:auto !important;
    position:relative !important;
    bottom:auto !important;
    min-height:30px !important;
  }
}

/* Real available mega height around 560px or less:
   common on 14"/15.6" laptops with browser chrome/toolbars. */
@media (min-width:1021px){
  #productsMegaDb[style*="--products-mega-maxh"]{
    /* Marker rule intentionally empty; sizing is driven by the CSS variable above. */
  }
}

/* Extra-safe compact profile for genuinely short browser viewports. */
@media (min-width:1021px) and (max-height:780px){
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    height:clamp(270px, calc(var(--products-mega-maxh, 620px) - 125px), 390px) !important;
    padding:7px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{
    flex-basis:90px !important;
    min-height:58px !important;
    max-height:90px !important;
    padding:6px 8px !important;
    margin-bottom:5px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview h4{
    font-size:11.5px !important;
    line-height:1.05 !important;
    margin:3px 0 2px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-kicker{
    font-size:6.6px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-spec{
    font-size:7.4px !important;
    margin-bottom:3px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    font-size:6.8px !important;
    line-height:1.18 !important;
    -webkit-line-clamp:1 !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-facts{
    gap:3px !important;
    margin:3px 0 5px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-facts > *{
    padding:4px !important;
    font-size:6.25px !important;
    line-height:1.15 !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-link{
    min-height:26px !important;
    padding:5px 7px !important;
    font-size:7.2px !important;
  }
}

/* Very short viewport: preserve the CTA first, trim secondary facts. */
@media (min-width:1021px) and (max-height:690px){
  #productsMegaDb .mega-product-groups.is-focus-mode > .mega-product-detail-preview{
    height:clamp(250px, calc(var(--products-mega-maxh, 540px) - 110px), 330px) !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{
    flex-basis:68px !important;
    max-height:68px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-intro{
    display:none !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-facts > :nth-child(n+3){
    display:none !important;
  }
}


/* =========================================================
   V92 — DEFINITIVE PRODUCTS MEGA HEIGHT MODEL
   IMPORTANT:
   max-height alone does not give CSS Grid a definite track size.
   Use the JS-calculated available viewport height as the ACTUAL panel
   height, then let only the inner columns scroll.
   ========================================================= */
@media (min-width:1021px){

  /* 1) The menu itself gets a definite height.
        Header + body + footer can now resolve correctly at every viewport. */
  #productsMegaDb.products-mega{
    height:var(
      --products-mega-maxh,
      calc(100dvh - var(--products-mega-top,128px) - 6px)
    ) !important;

    max-height:var(
      --products-mega-maxh,
      calc(100dvh - var(--products-mega-top,128px) - 6px)
    ) !important;

    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* 2) The centre row must be allowed to shrink.
        Nothing inside it is allowed to increase the panel height. */
  #productsMegaDb .products-mega-body{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  /* Filter gets its own scroll only when the browser is genuinely short. */
  #productsMegaDb .mega-filter-rail{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  /* 3) Product area itself never pushes the body/footer downward. */
  #productsMegaDb .mega-product-groups{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    align-content:stretch !important;
  }

  /* In focus mode the selected family and preview share exactly
     the available body height. */
  #productsMegaDb .mega-product-groups.is-focus-mode{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    align-items:stretch !important;
  }

  /* Left selected family: title stays visible, only product rows scroll. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out){
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out)
  > .mega-group-title-modern{
    flex:0 0 auto !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out)
  > .mega-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    align-content:start !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin;
  }

  /* 4) Right product preview uses the same definite body height.
        The CTA can never fall below the visible panel. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-product-detail-preview{
    position:relative !important;
    top:auto !important;

    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;

    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Media may shrink, but not the CTA. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  .mega-product-detail-media{
    flex:0 1 clamp(72px,16dvh,125px) !important;
    height:auto !important;
    min-height:58px !important;
    max-height:125px !important;
  }

  #productsMegaDb .mega-product-detail-kicker,
  #productsMegaDb .mega-product-detail-preview h4,
  #productsMegaDb .mega-product-detail-spec,
  #productsMegaDb .mega-product-detail-intro{
    flex:0 0 auto !important;
  }

  /* Facts consume only whatever space is actually left.
     If there are many facts, THEY scroll instead of pushing the CTA away. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  .mega-product-detail-facts{
    flex:1 1 0 !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    align-content:start !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin;
  }

  /* CTA is a non-shrinking final row. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  .mega-product-detail-link{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:30px !important;
    margin-top:6px !important;
    position:relative !important;
    inset:auto !important;
    box-sizing:border-box !important;
  }

  /* Footer is always the last visible grid row. */
  #productsMegaDb .mega-footer-modern{
    min-height:0 !important;
    flex:0 0 auto !important;
    position:relative !important;
    bottom:auto !important;
    z-index:5 !important;
  }
}

/* Short laptop heights: save space without changing the height model. */
@media (min-width:1021px) and (max-height:820px){
  #productsMegaDb .mega-product-groups.is-focus-mode
  .mega-product-detail-media{
    flex-basis:92px !important;
    max-height:92px !important;
  }

  #productsMegaDb .mega-product-detail-intro{
    -webkit-line-clamp:1 !important;
  }

  #productsMegaDb .mega-product-detail-facts{
    margin-top:4px !important;
    margin-bottom:3px !important;
  }
}

/* 14" / very short browser viewport.
   Keep useful information; scroll facts instead of clipping controls. */
@media (min-width:1021px) and (max-height:700px){
  #productsMegaDb .mega-product-groups.is-focus-mode
  .mega-product-detail-media{
    flex-basis:68px !important;
    min-height:50px !important;
    max-height:68px !important;
  }

  #productsMegaDb .mega-product-detail-intro{
    display:none !important;
  }

  #productsMegaDb .mega-product-detail-link{
    min-height:26px !important;
    margin-top:4px !important;
  }
}

/* =========================================================
   V93 — READABLE MEGA MENU + ONE NATURAL MOUSE-WHEEL SCROLL
   Keep normal readable sizes on laptops. Do not compress content to fit.
   When content is taller than the available viewport, scroll the WHOLE
   products mega panel with the mouse wheel instead of shrinking text.
   ========================================================= */
@media (min-width:1021px){
  #productsMegaDb.products-mega{
    /* Undo V90/V91/V92 forced-height layout. */
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:var(--products-mega-maxh,calc(100dvh - var(--products-mega-top,128px) - 8px)) !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#b9cce0 transparent;

    padding:16px 18px 12px !important;
    box-sizing:border-box !important;
  }

  #productsMegaDb.products-mega::-webkit-scrollbar{width:8px}
  #productsMegaDb.products-mega::-webkit-scrollbar-thumb{
    background:#b9cce0;
    border-radius:999px;
  }

  /* Header returns to one normal full-width row. */
  #productsMegaDb .products-mega-head{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding:0 0 11px !important;
    margin:0 0 12px !important;
  }
  #productsMegaDb .products-mega-head > div:first-child{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  #productsMegaDb .products-mega-head h3{
    font-size:24px !important;
    line-height:1.02 !important;
    margin:2px 0 4px !important;
  }
  #productsMegaDb .products-mega-head p{
    display:block !important;
    font-size:9.5px !important;
    line-height:1.35 !important;
    margin:0 !important;
  }
  #productsMegaDb .mega-quick-stat span{display:block !important}
  #productsMegaDb .mega-view-all{
    min-height:34px !important;
    padding:0 12px !important;
    font-size:9px !important;
  }

  /* Body stays in its normal two-column layout, but no child owns scroll. */
  #productsMegaDb .products-mega-body{
    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:14px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:start !important;
  }

  #productsMegaDb .mega-filter-rail{
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:9px !important;
    gap:5px !important;
    align-self:start !important;
  }

  #productsMegaDb .mega-filter-title{font-size:9px !important}
  #productsMegaDb .mega-filter-label{font-size:8px !important}
  #productsMegaDb .mega-filter-search{min-height:32px !important}
  #productsMegaDb .mega-filter-btn{
    min-height:25px !important;
    padding:4px 7px !important;
    font-size:8px !important;
    line-height:1.12 !important;
  }
  #productsMegaDb .mega-filter-reset{
    min-height:30px !important;
    font-size:8px !important;
  }
  #productsMegaDb .mega-filter-result{
    display:block !important;
    padding:6px 8px !important;
  }

  /* Product side no longer has a competing inner scrollbar. */
  #productsMegaDb .mega-product-groups,
  #productsMegaDb .mega-product-groups.is-focus-mode{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    align-content:start !important;
    align-items:start !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) minmax(270px,.62fr) !important;
    gap:12px !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out){
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out) > .mega-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  /* Restore readable product rows — do not make them microscopic by viewport height. */
  #productsMegaDb .mega-product-tile{
    min-height:42px !important;
    grid-template-columns:38px minmax(0,1fr) 10px !important;
    gap:8px !important;
    column-gap:8px !important;
    padding:4px 7px !important;
  }
  #productsMegaDb .mega-product-visual{
    width:38px !important;
    height:38px !important;
    padding:3px !important;
  }
  #productsMegaDb .mega-product-copy strong{
    font-size:9.6px !important;
    line-height:1.12 !important;
  }
  #productsMegaDb .mega-product-copy small{
    display:block !important;
    font-size:6.7px !important;
    line-height:1.12 !important;
    margin-top:2px !important;
  }
  #productsMegaDb .mega-group-title-modern{
    min-height:19px !important;
    padding-bottom:4px !important;
    font-size:8px !important;
  }

  /* Right preview keeps a useful natural size and follows panel scrolling. */
  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-product-detail-preview{
    position:sticky !important;
    top:0 !important;
    align-self:start !important;
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:11px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode .mega-product-detail-media{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    padding:8px 10px !important;
    margin-bottom:8px !important;
  }
  #productsMegaDb .mega-product-detail-kicker{font-size:7px !important}
  #productsMegaDb .mega-product-detail-preview h4{
    font-size:14px !important;
    line-height:1.08 !important;
    margin:5px 0 4px !important;
  }
  #productsMegaDb .mega-product-detail-spec{font-size:8.4px !important}
  #productsMegaDb .mega-product-detail-intro{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    font-size:7.6px !important;
    line-height:1.35 !important;
    margin:6px 0 7px !important;
  }
  #productsMegaDb .mega-product-detail-facts{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    margin:5px 0 7px !important;
  }
  #productsMegaDb .mega-product-detail-facts > *{
    display:block !important;
    padding:6px !important;
    font-size:7px !important;
    line-height:1.22 !important;
  }
  #productsMegaDb .mega-product-detail-link{
    display:flex !important;
    min-height:30px !important;
    padding:6px 8px !important;
    font-size:8px !important;
    margin-top:6px !important;
  }

  #productsMegaDb .mega-footer-modern{
    position:relative !important;
    min-height:24px !important;
    padding:4px 10px !important;
    margin-top:8px !important;
    font-size:7.5px !important;
  }
}

/* Narrow laptop width: keep the same readable scale; only reduce columns. */
@media (min-width:1021px) and (max-width:1280px){
  #productsMegaDb .products-mega-body{
    grid-template-columns:205px minmax(0,1fr) !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) 245px !important;
  }
}

@media (min-width:1021px) and (max-width:1120px){
  #productsMegaDb .products-mega-body{
    grid-template-columns:195px minmax(0,1fr) !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode{
    grid-template-columns:minmax(0,1fr) 230px !important;
  }
  #productsMegaDb .mega-product-groups.is-focus-mode
  > .mega-group-modern:not(.is-filtered-out) > .mega-list{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   V94 — PRODUCTS MEGA: NO HOVER GAP / NO NEGATIVE MARGIN HACK
   The menu is positioned at the real rendered header bottom by V26 JS.
   Keep the closed/open Y position identical so the opening animation never
   creates a temporary 1–6px dead zone under the Products trigger.
   ========================================================= */
@media (min-width:1021px){
  #productsMegaDb.products-mega{
    margin-top:0 !important;
  }

  .desktop-nav .products-nav-parent > #productsMegaDb.products-mega,
  .desktop-nav .products-nav-parent:hover > #productsMegaDb.products-mega,
  .desktop-nav .products-nav-parent:focus-within > #productsMegaDb.products-mega,
  .desktop-nav .products-nav-parent.menu-open > #productsMegaDb.products-mega{
    transform:translate(-50%,0) !important;
  }
}