
/* ==========================================================================
   REMATO V127 — Responsive / cross-browser layer
   Normal desktop design (1501px+) is intentionally untouched.
   ========================================================================== */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Injected mobile controls are invisible on normal desktop. */
.remato-mobile-menu-toggle{display:none}

/* --------------------------------------------------------------------------
   Compact laptop / browser-zoom guard
   This only activates below 1500 CSS px. It prevents header collisions on
   MacBook-size screens and when browser zoom reduces the CSS viewport.
   -------------------------------------------------------------------------- */
@media (min-width:901px) and (max-width:1500px){
  body>header{
    padding-left:2.2vw!important;
    padding-right:2.2vw!important;
  }
  body>header .brand img{
    width:165px!important;
    max-height:52px!important;
  }
  body>header .main-nav>a,
  body>header .main-nav>.nav-corporate>.corporate-trigger,
  body>header .main-nav>.nav-solutions>.solutions-trigger,
  body>header .main-nav>.nav-news-dropdown>.nav-news-main{
    padding-left:13px!important;
    padding-right:13px!important;
    font-size:11px!important;
    letter-spacing:.085em!important;
  }
  body>header .header-languages{
    gap:5px!important;
    margin-left:auto!important;
    padding-right:8px!important;
  }
  body>header .header-language-button{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  body>header .header-cta{
    font-size:10px!important;
    padding-left:8px!important;
  }

  /* General layout safety for smaller laptop viewports. */
  body main,
  body>section,
  body main>section{max-width:100%}
  body img,
  body video,
  body iframe{max-width:100%}
  body [class*="grid"]>*,
  body [class*="hero"]>*,
  body [class*="copy"],
  body [class*="media"]{min-width:0}
}

/* Short laptop screens (common on 13–14" notebooks). */
@media (min-width:901px) and (max-height:800px){
  body>header{
    height:72px!important;
    min-height:72px!important;
  }
  body>header .mega-menu{top:72px!important}
  body>header .brand img{max-height:48px!important}
}

/* --------------------------------------------------------------------------
   Tablet + mobile
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  body{
    -webkit-font-smoothing:antialiased;
  }

  /* Universal media safety */
  img,video,svg,canvas,iframe{
    max-width:100%;
  }
  img,video{height:auto}
  main,section,article,div{min-width:0}
  h1,h2,h3,h4,h5,h6,p,li,a,strong,span{
    overflow-wrap:break-word;
  }

  /* ===== Mobile header ===== */
  body>header{
    height:72px!important;
    min-height:72px!important;
    padding:0 18px!important;
    gap:12px!important;
  }
  body>header .brand{
    position:relative!important;
    z-index:10005!important;
  }
  body>header .brand img{
    width:142px!important;
    max-height:46px!important;
  }

  /* Languages stay accessible on mobile. */
  body>header .header-languages{
    display:flex!important;
    position:absolute!important;
    right:66px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    z-index:10005!important;
  }
  body>header .header-language-button{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
  }
  body>header>.header-cta{display:none!important}

  .remato-mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:10006!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:50%!important;
    background:#11161b!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .remato-mobile-menu-toggle span,
  .remato-mobile-menu-toggle:before,
  .remato-mobile-menu-toggle:after{
    content:"";
    position:absolute;
    width:17px;
    height:1.5px;
    background:#fff;
    transition:transform .22s ease,opacity .22s ease,top .22s ease;
  }
  .remato-mobile-menu-toggle span{top:19px}
  .remato-mobile-menu-toggle:before{top:14px}
  .remato-mobile-menu-toggle:after{top:24px}
  body.remato-mobile-nav-open .remato-mobile-menu-toggle span{opacity:0}
  body.remato-mobile-nav-open .remato-mobile-menu-toggle:before{
    top:19px;transform:rotate(45deg)
  }
  body.remato-mobile-nav-open .remato-mobile-menu-toggle:after{
    top:19px;transform:rotate(-45deg)
  }

  /* Use the existing main nav as the mobile drawer — no duplicate content. */
  body>header .main-nav{
    display:block!important;
    position:fixed!important;
    inset:72px 0 0 0!important;
    height:auto!important;
    max-height:calc(100dvh - 72px)!important;
    padding:14px 18px 38px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:rgba(7,10,14,.985)!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    transform:translateX(102%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .22s ease,visibility .22s!important;
    z-index:10003!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.remato-mobile-nav-open>header .main-nav{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.remato-mobile-nav-open{overflow:hidden!important}

  body>header .main-nav>a,
  body>header .main-nav>.nav-corporate>.corporate-trigger,
  body>header .main-nav>.nav-solutions>.solutions-trigger,
  body>header .main-nav>.nav-news-dropdown>.nav-news-main{
    width:100%!important;
    height:58px!important;
    padding:0 4px!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
    font-size:13px!important;
    letter-spacing:.10em!important;
    justify-content:space-between!important;
  }
  body>header .main-nav>a:before,
  body>header .main-nav>.nav-corporate:before,
  body>header .main-nav>.nav-solutions:before,
  body>header .main-nav>.nav-news-dropdown:before{
    display:none!important;
  }
  body>header .nav-corporate,
  body>header .nav-solutions,
  body>header .nav-news-dropdown{
    display:block!important;
    height:auto!important;
    width:100%!important;
  }
  body>header .corporate-trigger:after,
  body>header .solutions-trigger:after,
  body>header .nav-news-main:after{
    content:"+"!important;
    color:#f36f21!important;
    font-size:20px!important;
    font-weight:300!important;
    margin-left:auto!important;
  }
  body>header .mobile-sub-open>.corporate-trigger:after,
  body>header .mobile-sub-open>.solutions-trigger:after,
  body>header .mobile-sub-open>.nav-news-main:after{
    content:"−"!important;
  }

  /* Mobile accordion submenus */
  body>header .corporate-menu,
  body>header .nav-news-menu,
  body>header .mega-menu{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
    background:#0d1217!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:max-height .32s ease!important;
  }
  body>header .mobile-sub-open>.corporate-menu,
  body>header .mobile-sub-open>.nav-news-menu,
  body>header .mobile-sub-open>.mega-menu{
    max-height:720px!important;
    padding:7px 0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  body>header .corporate-menu a,
  body>header .nav-card-menu .news-menu-card{
    grid-template-columns:38px 1fr 18px!important;
    gap:12px!important;
    padding:13px 7px!important;
  }
  body>header .corporate-menu strong,
  body>header .nav-card-menu strong{
    font-size:12px!important;
  }
  body>header .corporate-menu small,
  body>header .nav-card-menu small{
    font-size:10px!important;
  }
  body>header .news-shape,
  body>header .corp-icon{
    width:30px!important;
    height:30px!important;
  }
  body>header .mega-card{
    min-height:112px!important;
    width:100%!important;
    padding:20px 8px!important;
    display:grid!important;
    grid-template-columns:54px 1fr 24px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  body>header .mega-icon,
  body>header .mega-icon svg{
    width:42px!important;height:42px!important
  }
  body>header .mega-card strong{
    font-size:22px!important;
  }
  body>header .mega-card small{
    margin-top:6px!important;
    font-size:11px!important;
  }

  /* ===== Typography / zoom resilience ===== */
  .hero h1,
  .r58-copy h1,
  .rw-hero h1,
  .winding-family-hero h1,
  .rdl-v95-hero-copy h1,
  .nickel121-hero h1,
  .news144-hero h1,
  .quality128-hero h1,
  .c121-hero h1{
    font-size:clamp(42px,12vw,64px)!important;
    line-height:.90!important;
    letter-spacing:-.05em!important;
  }
  .section h2,
  .intro h2,
  .r58-process-head h2,
  .r58-rdl h2,
  .coil66-intro h2,
  .rdl-v98-overview-copy h2,
  .rdl-v98-process-head h2,
  .rdl-v98-detail-head h2,
  .srv125 h2,
  .quality128-main h2,
  .c121-connect h2,
  .c128-info h2{
    font-size:clamp(30px,8.5vw,44px)!important;
    line-height:.96!important;
  }

  /* ===== Common grid normalization ===== */
  .grid3,.grid4,.stats,.process,
  .rw-hero,.intro,.transfer,.engineering,
  .hero,.hero-grid,.section-head,
  .r58-hero,.r58-process-head,.r58-process-grid,.r58-rdl,
  .coil-platforms-grid,.coil66-intro,.coil68-tech,
  .winding-family-hero,.tech-series-grid,.wide-series-card,
  .about116-hero,.about116-facts,.row,
  .c121-hero,.c121-connect,.c128-location,
  .kc137-hero,.kc137-intro,.kc137-proof,
  .nickel121-hero,.nickel121-story,.nickel121-facts,.nickel121-feature,.nickel121-performance,.nickel121-closing,
  .quality128-main,.quality128-certificates,
  .rdl-v98-overview-wrap,.rdl-v98-process-head,.rdl-v98-process-grid,.rdl-rdva-list,.rdl-v98-detail-head,.rdl-v98-bullet-grid,.rdl-v98-tech-grid,
  .srv125-after,.srv125-services-head,.srv126-service-grid,.srv125-closing,
  .rdva74-intro,.rdva74-options,.rdva74-process,.rdva74-techcard,.rdva74-atmo,.rdva74-vacuum,
  .solution-nav,.line-flow,.process-band{
    grid-template-columns:1fr!important;
  }

  /* Mobile section spacing without affecting desktop. */
  .section,.intro,
  .r58-process-head,.r58-process-grid,.r58-rdl,
  .coil-platforms,.coil66-intro,.coil68-tech,
  .kc137-intro,.kc137-logos,.kc137-proof,
  .quality128-main,.quality128-certificates,
  .rdl-v98-overview,.rdl-v98-process,.rdl-v98-detail,
  .srv125-services,.srv125-closing{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  /* Make product/media areas breathe on phones. */
  .r58-machine,
  .rw-hero img,
  .winding-family-hero .family-machine,
  .rdva-hero-machine{
    max-width:100%!important;
  }
  .coil-platform-card,
  .r58-standalone-card,
  .event-card,
  .quality128-cert-card{
    width:100%!important;
    max-width:100%!important;
  }

  /* Footer */
  body>.footer{
    padding:50px 22px 24px!important;
  }
  body>.footer .footergrid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  body>.footer .footer-media{
    justify-self:start!important;
  }
  body>.footer .tiny{
    margin-top:36px!important;
  }
}

/* Small phones */
@media (max-width:560px){
  body>header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body>header .brand img{
    width:126px!important;
  }
  body>header .header-languages{
    right:61px!important;
    gap:4px!important;
  }
  body>header .header-language-button{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  .hero h1,
  .r58-copy h1,
  .rw-hero h1,
  .winding-family-hero h1,
  .rdl-v95-hero-copy h1,
  .nickel121-hero h1,
  .news144-hero h1,
  .quality128-hero h1,
  .c121-hero h1{
    font-size:clamp(38px,12.5vw,54px)!important;
  }
  p,li{
    line-height:1.6;
  }
}

/* Safari viewport-height fallback */
@supports (height:100svh){
  @media(max-width:900px){
    body>header .main-nav{
      max-height:calc(100svh - 72px)!important;
    }
  }
}


/* REMATO V129 — Mobile usability audit / fixes. Desktop >=901px unchanged. */
@media(max-width:900px){
 body>header .main-nav{inset:72px 0 0 0!important;width:100vw!important;max-width:100vw!important;padding:12px 20px 34px!important;font-size:16px!important}
 body>header .main-nav>a,body>header .main-nav>.nav-corporate>.corporate-trigger,body>header .main-nav>.nav-solutions>.solutions-trigger,body>header .main-nav>.nav-news-dropdown>.nav-news-main{min-height:64px!important;height:64px!important;font-size:17px!important;line-height:1.2!important;letter-spacing:.075em!important;font-weight:700!important;padding:0 4px!important}
 body.lang-tr>header .main-nav>a,body.lang-de>header .main-nav>a,body.lang-tr>header .main-nav>.nav-corporate>.corporate-trigger,body.lang-de>header .main-nav>.nav-corporate>.corporate-trigger,body.lang-tr>header .main-nav>.nav-solutions>.solutions-trigger,body.lang-de>header .main-nav>.nav-solutions>.solutions-trigger,body.lang-tr>header .main-nav>.nav-news-dropdown>.nav-news-main,body.lang-de>header .main-nav>.nav-news-dropdown>.nav-news-main{font-size:17px!important;line-height:1.2!important}
 body>header .mobile-sub-open>.corporate-menu,body>header .mobile-sub-open>.nav-news-menu,body>header .mobile-sub-open>.mega-menu{max-height:900px!important;padding:8px 0 12px!important}
 body>header .corporate-menu a,body>header .nav-card-menu .news-menu-card{min-height:68px!important;grid-template-columns:42px minmax(0,1fr) 22px!important;gap:14px!important;padding:13px 8px!important}
 body>header .corporate-menu strong,body>header .nav-card-menu strong,body.lang-tr>header .corporate-menu strong,body.lang-de>header .corporate-menu strong,body.lang-tr>header .nav-card-menu strong,body.lang-de>header .nav-card-menu strong{font-size:14px!important;line-height:1.22!important;letter-spacing:.075em!important}
 body>header .corporate-menu small,body>header .nav-card-menu small,body.lang-tr>header .corporate-menu small,body.lang-de>header .corporate-menu small,body.lang-tr>header .nav-card-menu small,body.lang-de>header .nav-card-menu small{font-size:11.5px!important;line-height:1.4!important}
 body>header .mega-card{min-height:126px!important;padding:22px 8px!important;grid-template-columns:56px minmax(0,1fr) 24px!important}
 body>header .mega-card strong,body.lang-tr>header .mega-card strong,body.lang-de>header .mega-card strong{font-size:20px!important;line-height:1.1!important}
 body>header .mega-card small,body.lang-tr>header .mega-card small,body.lang-de>header .mega-card small{font-size:12px!important;line-height:1.45!important}
 .remato-mobile-menu-toggle{width:44px!important;height:44px!important;right:13px!important}
 .latest-news-home{padding:42px 22px 48px!important}
 .latest-news-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:0!important;gap:16px!important;margin-bottom:22px!important}
 .latest-news-title{transform:none!important}.news-kicker{font-size:10px!important;margin-bottom:7px!important}.latest-news-head h2{font-size:clamp(34px,9vw,46px)!important;line-height:.92!important}.news-all{font-size:10px!important;padding-bottom:6px!important}
 .latest-news-home .news-feature{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:13px!important;min-height:0!important;padding:22px 0 24px!important;background:none!important}
 .latest-news-home .news-date{display:flex!important;align-items:baseline!important;gap:10px!important;padding:0 42px 11px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
 .latest-news-home .news-date b{font-size:22px!important}.latest-news-home .news-date span{margin:0!important;font-size:9px!important}.latest-news-home .news-type{font-size:9px!important;line-height:1.35!important}
 .latest-news-home .news-main h3{margin:7px 0 8px!important;font-size:clamp(21px,5.8vw,27px)!important;line-height:1.08!important}.latest-news-home .news-main p{font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.68)!important}
 .latest-news-home .news-visual{width:100%!important;min-width:0!important;height:170px!important;margin:4px 0 0!important;border-left:0!important;border:1px solid rgba(255,255,255,.08)!important;background-position:center!important;opacity:.74!important;-webkit-mask-image:none!important;mask-image:none!important}
 .latest-news-home .news-arrow{position:absolute!important;top:22px!important;right:0!important;font-size:24px!important}
 .newsroom-hero p,.nr-copy p,.events-intro p,.event-card p,.section-text p,.process-copy p,.rdl-copy p,.coil-intro-copy p,.coil-tech-text p,.rwal-copy p,.who-we-are-copy p,.rdl-v98-overview-copy p,.rdl-v98-process-card p,.rdl-v98-process-card li,.rdl-v98-bullet-card p,.rdl-v98-tech-card li,.rdl-rdva-list-col li,.srv125-after-panel>p,.srv126-service-grid p,.srv125-closing>p,.quality128-list li,.c121-hero-copy>p,.c121-form-head p,.c128-note,.nickel121-story p,.nickel121-feature p,.nickel121-performance p{font-size:14px!important;line-height:1.6!important}
 .nr-feature{width:100%!important;grid-template-columns:1fr!important;max-height:none!important}.nr-image{width:100%!important;height:190px!important}.nr-copy{padding:22px!important}.nr-copy h2{font-size:24px!important;line-height:1.08!important}
 .event-card,.event-card.event-large{grid-template-columns:132px minmax(0,1fr)!important;height:auto!important;min-height:145px!important}.event-card img{width:132px!important;height:100%!important;min-height:145px!important}.event-card>div{padding:16px!important}.event-card h2,.event-card h3{font-size:20px!important;line-height:1.08!important}
 .process-showcase .process-list{grid-template-columns:1fr!important;gap:0!important}.process-showcase .process-list>div{padding:18px 0!important}.process-showcase .process-list h3{font-size:16px!important}.process-showcase .process-list p{font-size:14px!important;line-height:1.55!important}.process-showcase .sticky-copy p,.statement-copy p,.compact-ortho-copy p{font-size:14px!important;line-height:1.6!important}
 .resin-tech-machine,.coil-hero-machine,.process-visual,.coil-tech-visual,.rdl-machine,.rwal-machine{max-height:430px!important;min-height:260px!important}
 main a.text-link,main .who-link,main .news-all,main .btn{min-height:42px!important;display:inline-flex!important;align-items:center!important}
}
@media(max-width:560px){body>header .main-nav{padding-left:16px!important;padding-right:16px!important}body>header .main-nav>a,body>header .main-nav>.nav-corporate>.corporate-trigger,body>header .main-nav>.nav-solutions>.solutions-trigger,body>header .main-nav>.nav-news-dropdown>.nav-news-main{font-size:16px!important}.latest-news-home .news-visual{height:150px!important}.event-card,.event-card.event-large{grid-template-columns:1fr!important}.event-card img{width:100%!important;height:180px!important;min-height:180px!important}}


/* REMATO V130 — full-screen mobile navigation */
@media(max-width:900px){
  body>header{overflow:visible!important}
  body>.main-nav.remato-mobile-drawer{
    display:block!important;position:fixed!important;top:72px!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;height:calc(100dvh - 72px)!important;max-width:none!important;max-height:none!important;
    margin:0!important;padding:12px 20px 42px!important;overflow-x:hidden!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:#080c10!important;
    border-top:1px solid rgba(255,255,255,.10)!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
    transform:translateX(100%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .28s cubic-bezier(.2,.72,.2,1),opacity .20s ease,visibility .20s!important;z-index:10002!important;
  }
  body.remato-mobile-nav-open>.main-nav.remato-mobile-drawer{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.remato-mobile-nav-open{overflow:hidden!important;touch-action:none}
  body.remato-mobile-nav-open>.main-nav.remato-mobile-drawer{touch-action:pan-y!important}
  body>.main-nav.remato-mobile-drawer>a,
  body>.main-nav.remato-mobile-drawer>.nav-corporate>.corporate-trigger,
  body>.main-nav.remato-mobile-drawer>.nav-solutions>.solutions-trigger,
  body>.main-nav.remato-mobile-drawer>.nav-news-dropdown>.nav-news-main{
    display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:68px!important;min-height:68px!important;
    margin:0!important;padding:0 5px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;
    color:#fff!important;background:transparent!important;font-size:18px!important;line-height:1.15!important;font-weight:760!important;
    letter-spacing:.08em!important;text-transform:uppercase!important;white-space:normal!important;
  }
  body>.main-nav.remato-mobile-drawer>.nav-corporate,
  body>.main-nav.remato-mobile-drawer>.nav-solutions,
  body>.main-nav.remato-mobile-drawer>.nav-news-dropdown{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
  body>.main-nav.remato-mobile-drawer .corporate-trigger:after,
  body>.main-nav.remato-mobile-drawer .solutions-trigger:after,
  body>.main-nav.remato-mobile-drawer .nav-news-main:after{content:"+"!important;display:block!important;margin-left:16px!important;color:#ff6a00!important;font-size:28px!important;line-height:1!important;font-weight:300!important}
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.corporate-trigger:after,
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.solutions-trigger:after,
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.nav-news-main:after{content:"−"!important}
  body>.main-nav.remato-mobile-drawer .corporate-menu,
  body>.main-nav.remato-mobile-drawer .mega-menu,
  body>.main-nav.remato-mobile-drawer .nav-news-menu{
    display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;
    transform:none!important;background:#0e141a!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    transition:max-height .36s ease,padding .26s ease!important;
  }
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.corporate-menu,
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.mega-menu,
  body>.main-nav.remato-mobile-drawer .mobile-sub-open>.nav-news-menu{max-height:1000px!important;padding:8px 0 11px!important;pointer-events:auto!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  body>.main-nav.remato-mobile-drawer .corporate-menu a,
  body>.main-nav.remato-mobile-drawer .nav-card-menu .news-menu-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) 24px!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:74px!important;padding:13px 10px!important;margin:0!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:transparent!important}
  body>.main-nav.remato-mobile-drawer .corporate-menu strong,
  body>.main-nav.remato-mobile-drawer .nav-card-menu strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.22!important;letter-spacing:.055em!important}
  body>.main-nav.remato-mobile-drawer .corporate-menu small,
  body>.main-nav.remato-mobile-drawer .nav-card-menu small{display:block!important;margin-top:4px!important;color:#8f9aa4!important;font-size:12px!important;line-height:1.38!important;letter-spacing:0!important}
  body>.main-nav.remato-mobile-drawer .corp-icon,
  body>.main-nav.remato-mobile-drawer .news-shape{width:32px!important;height:32px!important}
  body>.main-nav.remato-mobile-drawer .mega-menu{grid-template-columns:1fr!important}
  body>.main-nav.remato-mobile-drawer .mega-card{display:grid!important;grid-template-columns:54px minmax(0,1fr) 24px!important;align-items:center!important;width:100%!important;min-height:116px!important;padding:19px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
  body>.main-nav.remato-mobile-drawer .mega-icon,body>.main-nav.remato-mobile-drawer .mega-icon svg{width:43px!important;height:43px!important}
  body>.main-nav.remato-mobile-drawer .mega-card strong{display:block!important;font-size:20px!important;line-height:1.08!important;color:#fff!important}
  body>.main-nav.remato-mobile-drawer .mega-card small{display:block!important;margin-top:7px!important;font-size:12px!important;line-height:1.4!important;color:#8f9aa4!important}
  body>.main-nav.remato-mobile-drawer .mega-arrow,
  body>.main-nav.remato-mobile-drawer .corporate-menu i,
  body>.main-nav.remato-mobile-drawer .news-menu-card i{color:#ff6a00!important;font-size:18px!important;font-style:normal!important}
  body.lang-tr>.main-nav.remato-mobile-drawer>a,body.lang-de>.main-nav.remato-mobile-drawer>a,
  body.lang-tr>.main-nav.remato-mobile-drawer>.nav-corporate>.corporate-trigger,body.lang-de>.main-nav.remato-mobile-drawer>.nav-corporate>.corporate-trigger,
  body.lang-tr>.main-nav.remato-mobile-drawer>.nav-solutions>.solutions-trigger,body.lang-de>.main-nav.remato-mobile-drawer>.nav-solutions>.solutions-trigger,
  body.lang-tr>.main-nav.remato-mobile-drawer>.nav-news-dropdown>.nav-news-main,body.lang-de>.main-nav.remato-mobile-drawer>.nav-news-dropdown>.nav-news-main{font-size:18px!important}
}
@media(max-width:560px){
  body>.main-nav.remato-mobile-drawer{padding:8px 16px 34px!important}
  body>.main-nav.remato-mobile-drawer>a,
  body>.main-nav.remato-mobile-drawer>.nav-corporate>.corporate-trigger,
  body>.main-nav.remato-mobile-drawer>.nav-solutions>.solutions-trigger,
  body>.main-nav.remato-mobile-drawer>.nav-news-dropdown>.nav-news-main{height:64px!important;min-height:64px!important;font-size:17px!important}
}
@supports(height:100svh){@media(max-width:900px){body>.main-nav.remato-mobile-drawer{height:calc(100svh - 72px)!important}}}


/* REMATO V140 — Events mobile fair-image visibility fix. Desktop >=901px untouched.
   Also neutralizes the generic mobile .event-card rules that were overriding the
   newer Events-page card/media structure. */
@media (max-width:900px){
  .cards-grid .event-card,
  .cards-grid .event-card.reveal{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    opacity:1!important;
    transform:none!important;
  }
  .featured .featured-media,
  .cards-grid .event-card .media{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f5f5f5!important;
  }
  .featured .featured-media img,
  .cards-grid .event-card .media img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    visibility:visible!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  .cards-grid .event-card .copy{
    position:relative!important;
    inset:auto!important;
    padding:18px 19px 16px!important;
  }
}
@media (max-width:560px){
  .featured .featured-media,
  .cards-grid .event-card .media{
    height:200px!important;
    min-height:200px!important;
  }
}
