:root{
  --navy:#0b2946;
  --navy-dark:#07345d;
  --blue:#123e63;
  --muted:#667085;
  --text:#405166;
  --line:#d7e1ea;
  --soft:#f7fafc;
  --soft-blue:#eaf6ff;
  --sky:#9ed1f5;
  --orange:#f05223;
  --gutter:clamp(24px,5vw,92px);
  --font-display:"Sora",sans-serif;
  --font-body:"Manrope",sans-serif;
  --font-mono:"Sora",sans-serif;
  --e-global-typography-accent-font-family:"Manrope",sans-serif;
}

/* Shared request modal. It must not depend on the catalog-only front.css
   because this modal is rendered on every page, including the Elementor home. */
body.ucg-lead-modal-open,html.ucg-lead-modal-open{overflow:hidden!important}
.ucg-lead-modal{--ucg-modal-primary:#07345d;--ucg-modal-primary-2:#0b3155;--ucg-modal-soft:#eaf4ff;position:fixed;inset:0;z-index:10080;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(4,20,37,.42)}
.ucg-lead-modal.is-open{display:flex}
.ucg-lead-modal-backdrop{position:absolute;inset:0;background:rgba(4,20,37,.56)}
.ucg-lead-modal-panel{position:relative;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 44px);overflow:auto;background:var(--ucg-modal-primary)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px;box-shadow:0 34px 90px rgba(7,52,93,.34);padding:34px}
.ucg-lead-modal .ucg-lead-modal-close,.ucg-lead-modal button.ucg-lead-modal-close,.ucg-lead-modal-close:active,.ucg-lead-modal-close:focus,.ucg-lead-modal-close:focus-visible,.ucg-lead-modal-close:hover{all:unset;box-sizing:border-box!important;position:absolute!important;right:18px!important;top:16px!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;outline:0!important;text-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;place-items:center!important;cursor:pointer!important;font-size:0!important;line-height:1!important;padding:0!important;margin:0!important;min-width:44px!important;min-height:44px!important;transform:none!important}
.ucg-lead-modal-close::before{content:"×";display:block;color:#fff;font-size:31px;line-height:1;font-weight:400;transform:translateY(-1px)}
.ucg-lead-modal-close:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.5)!important}
.ucg-lead-modal-close::-moz-focus-inner{border:0!important;padding:0!important}
.ucg-lead-modal-head{padding-right:54px;margin:0 0 22px}
.ucg-lead-modal-head p{margin:0 0 8px;color:#9ec4e6!important;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ucg-lead-modal-head h2{margin:0;color:#fff!important;font-size:clamp(30px,3vw,42px);line-height:1.08;font-weight:900;letter-spacing:-.04em}
.ucg-lead-modal-head span{display:block;margin-top:10px;color:#dceaf7!important;font-size:16px;line-height:1.55}
.ucg-general-lead-form{margin:0!important;padding:0!important;background:0 0!important;border:0!important;box-shadow:none!important}
.ucg-general-lead-form .ucg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;margin-bottom:14px}
.ucg-general-lead-form label{display:flex;flex-direction:column;gap:8px;color:#fff!important;font-weight:900;font-size:13px}
.ucg-general-lead-form input,.ucg-general-lead-form textarea{box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.28)!important;border-radius:14px;background:rgba(255,255,255,.96)!important;color:#0f2f53!important;font:inherit;font-weight:700;padding:14px 15px;outline:0!important;box-shadow:none!important}
.ucg-general-lead-form input::placeholder,.ucg-general-lead-form textarea::placeholder{color:#8a97a6!important;opacity:.72}
.ucg-general-lead-form textarea{resize:vertical;min-height:130px}
.ucg-general-lead-form input:focus,.ucg-general-lead-form textarea:focus{border-color:#9ed2ff!important;box-shadow:0 0 0 4px rgba(158,210,255,.28)!important}
.ucg-general-lead-form .ucg-form-message{color:#eaf4ff!important}
.ucg-general-lead-form button[type=submit]{margin-top:16px;min-height:54px;border:0!important;border-radius:999px;background:#fff!important;color:var(--ucg-modal-primary)!important;font-weight:900;font-size:15px;padding:0 28px;cursor:pointer;box-shadow:none!important}
.ucg-general-lead-form button[type=submit]:hover{background:#eaf4ff!important;color:var(--ucg-modal-primary)!important}
@media (max-width:640px){.ucg-lead-modal{padding:14px;align-items:flex-end}.ucg-lead-modal-panel{width:100%;max-height:calc(100vh - 28px);border-radius:22px;padding:28px 20px 24px}.ucg-general-lead-form .ucg-form-grid{grid-template-columns:1fr}.ucg-lead-modal-head{padding-right:50px}.ucg-lead-modal-head h2{font-size:30px}}
@media (max-width:767px){.ucg-general-lead-form input,.ucg-general-lead-form textarea{font-size:16px!important}}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:#101828;background:#fff}
a{text-decoration:none;color:inherit}
.demo-spacer{min-height:84px}
.demo-hero{
  padding:clamp(68px,8vw,116px) var(--gutter);
  min-height:520px;
}
.demo-hero h1{
  font-family:var(--font-display);
  color:var(--navy-dark);
  font-size:clamp(42px,5vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:920px;
  margin:0 0 22px;
}
.demo-hero p{
  color:var(--text);
  font-size:18px;
  line-height:1.65;
  max-width:760px;
}
.ucg-header{
  position:sticky;
  top:0;
  z-index:var(--ucg-sticky-header-z,10000);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
}
.ucg-header-inner{
  min-height:84px;
  padding:0 var(--gutter);
  display:grid;
  grid-template-columns:180px minmax(0,1fr) 180px;
  align-items:center;
  gap:24px;
}
.ucg-logo{
  display:flex;
  align-items:center;
  justify-self:start;
}
.ucg-logo img{
  width:128px;
  height:auto;
  display:block;
}
.ucg-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.ucg-nav-link,
.ucg-nav-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  background:transparent;
  border-radius:999px;
  padding:0 16px;
  color:var(--navy);
  font-family:var(--font-body);
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.ucg-nav-link:hover,
.ucg-nav-button:hover{
  background:var(--soft-blue);
}
.ucg-nav-button:after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-top:-5px;
}
.ucg-menu{
  position:relative;
}
.ucg-mega{
  position:absolute;
  top:calc(100% + 16px);
  left:50%;
  width:min(1080px,calc(100vw - 48px));
  transform:translate(-50%,10px);
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 30px 80px rgba(12,34,56,.16);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.18s ease;
  overflow:hidden;
}
.ucg-menu:hover .ucg-mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.ucg-mega-products{
  display:grid;
  grid-template-columns:1.4fr 1fr;
}
.ucg-mega-left{
  padding:24px;
}
.ucg-mega-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.ucg-mega-title h3{
  margin:0;
  color:var(--navy-dark);
  font-family:var(--font-display);
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.ucg-mega-title p{
  margin:4px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.45;
}
.ucg-mega-badge{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:var(--soft-blue);
  color:var(--navy-dark);
  padding:0 13px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  white-space:nowrap;
}
.ucg-product-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.ucg-product-menu-card{
  min-height:86px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  transition:.18s ease;
}
.ucg-product-menu-card:hover{
  background:var(--soft-blue);
  border-color:#bfd6ea;
}
.ucg-product-menu-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:#eaf6ff;
  display:grid;
  place-items:center;
  color:var(--navy-dark);
  font-family:var(--font-display);
  font-size:15px;
  font-weight:900;
}
.ucg-product-menu-card strong{
  display:block;
  color:var(--navy-dark);
  font-family:var(--font-display);
  font-size:16px;
  font-weight:900;
  line-height:1.16;
}
.ucg-product-menu-card span{
  display:block;
  margin-top:4px;
  color:#74839a;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.ucg-mega-side{
  background:linear-gradient(145deg,#0b2946,#123e63);
  color:#fff;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ucg-mega-side small{
  display:block;
  color:var(--sky);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:14px;
}
.ucg-mega-side h3{
  color:#fff;
  font-family:var(--font-display);
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.04em;
  margin:0 0 14px;
}
.ucg-mega-side p{
  color:#c9d7e7;
  font-size:15px;
  line-height:1.55;
  margin:0;
}
.ucg-mega-side a{
  width:max-content;
  min-height:46px;
  margin-top:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  color:var(--navy-dark);
  padding:0 18px;
  font-weight:900;
}
.ucg-mega-side a:hover{
  background:var(--sky);
}
.ucg-mega-about{
  padding:24px;
}
.ucg-about-menu-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.ucg-about-menu-card{
  min-height:74px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  background:#fff;
  transition:.18s ease;
}
.ucg-about-menu-card:hover{
  background:var(--soft-blue);
  border-color:#bfd6ea;
}
.ucg-about-menu-card small{
  display:block;
  color:#7c8ca3;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:6px;
}
.ucg-about-menu-card strong{
  display:block;
  color:var(--navy-dark);
  font-family:var(--font-display);
  font-size:16px;
  line-height:1.18;
  font-weight:900;
}
.ucg-header-actions{
  justify-self:end;
  display:flex;
  gap:10px;
}
.ucg-header-cta{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 18px;
  background:var(--navy-dark);
  border:1px solid var(--navy-dark);
  color:#fff;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
.ucg-header-cta:hover{
  background:var(--sky);
  border-color:var(--sky);
  color:var(--navy-dark);
}
.ucg-mobile-lead-link,
.ucg-mobile-products-link,
.ucg-mobile-toggle{
  display:none;
}
.ucg-mobile-products-link{display:none!important;}
.ucg-footer{
  background:#0b2946;
  color:#fff;
}
.ucg-footer-top{
  padding:64px var(--gutter) 46px;
  display:grid;
  grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(160px,1fr));
  gap:clamp(30px,3.6vw,58px);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.ucg-footer-brand img{
  width:130px;
  height:auto;
  margin-bottom:22px;
}
.ucg-footer p{
  color:#c9d7e7;
  line-height:1.62;
  margin:0;
  max-width:420px;
}
.ucg-footer h3{
  font-family:var(--font-display);
  font-size:18px;
  margin:0 0 18px;
}
.ucg-footer a,
.ucg-footer span{
  display:block;
  color:#c9d7e7;
  font-size:15px;
  line-height:1.45;
  padding:6px 0;
}
.ucg-footer a:hover{color:var(--sky)}
.ucg-footer-bottom{
  min-height:72px;
  padding:0 var(--gutter);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#9fb2c8;
  font-size:13px;
}
.ucg-footer-bottom strong{color:#fff}
@media(max-width:1160px){
  .ucg-header-inner{grid-template-columns:auto 1fr auto;min-height:76px;padding-inline:clamp(16px,4vw,32px)}
  .ucg-nav,.ucg-header-actions{display:none}
  .ucg-mobile-toggle{display:inline-flex;justify-self:end;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--ucg-mobile-toggle-background,#fff);color:var(--ucg-mobile-toggle-color,var(--navy));font-size:22px;cursor:pointer;touch-action:manipulation}
  .ucg-mobile-toggle:hover,.ucg-mobile-toggle:focus-visible{background:var(--ucg-mobile-toggle-hover-background,#07345d)!important;border-color:var(--ucg-mobile-toggle-hover-background,#07345d)!important;color:var(--ucg-mobile-toggle-hover-color,#fff)!important}
  .ucg-header.is-mobile-open .ucg-mobile-toggle,.ucg-mobile-toggle[aria-expanded="true"]{background:var(--ucg-mobile-toggle-active-background,#07345d)!important;border-color:var(--ucg-mobile-toggle-active-background,#07345d)!important;color:var(--ucg-mobile-toggle-active-color,#fff)!important}
  .ucg-header.is-mobile-open .ucg-mobile-toggle:hover,.ucg-header.is-mobile-open .ucg-mobile-toggle:focus-visible,.ucg-mobile-toggle[aria-expanded="true"]:hover,.ucg-mobile-toggle[aria-expanded="true"]:focus-visible{background:var(--ucg-mobile-toggle-active-background,#07345d)!important;border-color:var(--ucg-mobile-toggle-active-background,#07345d)!important;color:var(--ucg-mobile-toggle-active-color,#fff)!important}
  .ucg-header.is-mobile-open .ucg-nav{display:flex;position:absolute;z-index:var(--ucg-mega-stack-z,10020);top:calc(100% + 1px);left:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);width:auto!important;justify-self:stretch;max-height:none;overflow:visible;overscroll-behavior:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(7,52,93,.18)}
  .ucg-header.is-mobile-open .ucg-nav-link,.ucg-header.is-mobile-open .ucg-nav-button,.ucg-header.is-mobile-open .ucg-mobile-lead-link{width:100%;min-height:44px;justify-content:space-between;border-radius:9px;padding:0 12px;text-align:left}
  .ucg-header.is-mobile-open .ucg-mobile-lead-link{display:flex;align-items:center;margin-top:8px;background:var(--navy-dark);color:#fff;font-weight:900}
  .ucg-header.is-mobile-open .ucg-menu{width:100%}
}
@media(max-width:900px){
  .ucg-mega{display:none}
  .ucg-product-menu-grid,.ucg-about-menu-grid{grid-template-columns:1fr}
  .ucg-footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .ucg-logo img{width:112px}
  .ucg-footer-top{grid-template-columns:1fr}
  .ucg-footer-bottom{flex-direction:column;align-items:flex-start;padding-top:22px;padding-bottom:22px}
}

body{background:#fff}
.ucg-header{background:rgba(255,255,255,.94)}
.demo-hero{background:#fff}



/* === v4 header düzeltmesi: mega menüler aynı pozisyon/genişlik + lacivert header alternatifi === */
.ucg-menu{position:static!important;}
.ucg-header-inner{position:relative!important;}
.ucg-mega{
  left:50%!important;
  top:calc(100% + 12px)!important;
  width:min(1180px, calc(100vw - 96px))!important;
  min-height:520px!important;
  transform:translate(-50%,10px)!important;
}
.ucg-menu:hover .ucg-mega{
  transform:translate(-50%,0)!important;
}
.ucg-mega-about,
.ucg-mega-products{
  padding:0!important;
}
.ucg-mega-about{
  display:block!important;
}
.ucg-mega-about .ucg-mega-title{
  padding:28px 28px 0!important;
  margin-bottom:20px!important;
}
.ucg-about-menu-grid{
  padding:0 28px 28px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.ucg-mega-products{
  grid-template-columns:1.4fr 1fr!important;
}
.ucg-mega-left{
  padding:28px!important;
}
.ucg-mega-side{
  min-height:520px!important;
}
.ucg-product-menu-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Primary varyasyon kuralları bu dosyada sınıf olmadığı için pasif */
.header-primary-bg .ucg-header{
  background:#07345d!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 36px rgba(7,52,93,.18)!important;
}
.header-primary-bg .ucg-logo img{
  content:url("../images/3g-logo-white.png")!important;
}
.header-primary-bg .ucg-nav{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.header-primary-bg .ucg-nav-link,
.header-primary-bg .ucg-nav-button{
  color:#fff!important;
}
.header-primary-bg .ucg-nav-link:hover,
.header-primary-bg .ucg-nav-button:hover,
.header-primary-bg .ucg-menu:hover > .ucg-nav-button{
  background:rgba(255,255,255,.14)!important;
}
.header-primary-bg .ucg-header-cta{
  background:#fff!important;
  border-color:#fff!important;
  color:#07345d!important;
  border-radius:14px!important;
}
.header-primary-bg .ucg-header-cta:hover{
  background:#9ed1f5!important;
  border-color:#9ed1f5!important;
}
.header-primary-bg .ucg-mobile-toggle{
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
}

@media(max-width:1160px){
  /* Header sticky kaldığı için uzun açık menü sayfa ile birlikte akmaz.
     Tüm menüyü viewport içinde kaydırmak, alt kategori alanına ayrı bir
     scroll vermeden en alttaki bağlantıları erişilebilir tutar. */
  .ucg-header.is-mobile-open .ucg-nav{
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }
  .ucg-menu{position:relative!important;}
  .ucg-header.is-mobile-open .ucg-mega{display:none!important;}
  .ucg-header.is-mobile-open .ucg-menu.is-open > .ucg-mega{display:block!important;position:static!important;width:100%!important;min-height:0!important;max-height:none!important;margin:6px 0 10px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important;}
  .ucg-header.is-mobile-open .ucg-brand-strip,.ucg-header.is-mobile-open .ucg-mega-title{display:none!important;}
  .ucg-header.is-mobile-open .ucg-about-menu-grid,.ucg-header.is-mobile-open .ucg-product-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important;gap:4px!important;}
  .ucg-header.is-mobile-open .ucg-about-menu-card,.ucg-header.is-mobile-open .ucg-product-menu-card{min-height:44px!important;padding:9px 10px!important;border-radius:8px!important;}
  .ucg-header.is-mobile-open .ucg-about-menu-card small,.ucg-header.is-mobile-open .ucg-product-menu-card > span:last-child > span{display:none!important;}
  .ucg-header.is-mobile-open .ucg-product-menu-card:nth-child(n+7):not(.ucg-mobile-products-link){display:none!important;}
  .ucg-header.is-mobile-open .ucg-mobile-products-link{display:flex!important;grid-column:1/-1!important;background:var(--soft-blue)!important;}
  .ucg-header.is-mobile-open .ucg-mega-left{padding:0!important;}
  .ucg-header.is-mobile-open .ucg-mega-side{display:none!important;}
}
@media(max-width:900px){
  .ucg-about-menu-grid,
  .ucg-product-menu-grid{
    grid-template-columns:1fr!important;
  }
}


/* === Chrome dynamic shortcode safeguards === */
.ucg-hoppe-chrome-wrap{width:100%;}
.hf-v6-brand-strip, .ucg-brand-strip{
  display:flex!important;align-items:center!important;gap:14px!important;padding:12px 16px!important;border-radius:16px!important;background:linear-gradient(90deg,#07345d,#0c4b85)!important;color:#fff!important;margin-bottom:16px!important;
}
.hf-v6-hoppe-logo, .ucg-hoppe-logo{display:flex!important;align-items:center!important;gap:10px!important;min-width:max-content!important}
.hf-v6-hoppe-logo b, .ucg-hoppe-logo b{font-family:var(--font-display)!important;font-size:18px!important;letter-spacing:-.03em!important;color:#9ed1f5!important}
.hf-v6-hoppe-logo span, .ucg-hoppe-logo span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%)!important;background:#e53935!important;color:#fff!important;font-family:var(--font-display)!important;font-size:14px!important;font-weight:900!important}
.hf-v6-brand-strip strong, .ucg-brand-strip strong{font-size:13px!important;font-weight:800!important;line-height:1.3!important}


/* === v4.3.4.4 1. Tasarım header/mega menü düzeltmeleri === */

/* Ana menü hover/aktif durum: açık mavi yerine 1. renk */
.ucg-nav .ucg-nav-link:hover,
.ucg-nav .ucg-nav-button:hover,
.ucg-nav .ucg-menu:hover > .ucg-nav-button,
.ucg-nav .ucg-nav-link.is-active,
.ucg-nav .ucg-nav-button.is-active{
  background:#07345d!important;
  color:#fff!important;
}

/* Mega menüye geçerken kapanma sorununu engelle: boşluk ve aşağı kayma kaldırıldı */
.ucg-header .ucg-menu{
  position:static!important;
}
.ucg-header .ucg-header-inner{
  position:relative!important;
}
.ucg-header .ucg-mega{
  top:calc(100% - 1px)!important;
  transform:translate(-50%,0)!important;
  transition:opacity .14s ease, visibility .14s ease!important;
  min-height:0!important;
  height:auto!important;
}
.ucg-header .ucg-menu:hover .ucg-mega{
  transform:translate(-50%,0)!important;
}

/* Menü ile mega arasında görünmez güvenli geçiş alanı */
.ucg-header .ucg-mega:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
  display:block;
}

/* Hakkımızda/Kurumsal mega menü: yükseklik içerik kadar olsun */
.ucg-header .ucg-mega-about,
.ucg-header .ucg-mega-products{
  min-height:0!important;
  height:auto!important;
}
.ucg-header .ucg-mega-side{
  min-height:0!important;
  height:auto!important;
}

/* HOPPE şeridi menü kartlarının başladığı/bittiği hizaya gelsin */
.ucg-header .ucg-mega-about > .ucg-brand-strip{
  margin-left:28px!important;
  margin-right:28px!important;
  margin-bottom:16px!important;
  width:auto!important;
  max-width:none!important;
}

/* Ürünler tarafında da şerit içerik kolonuyla aynı hizaya otursun */
.ucg-header .ucg-mega-left > .ucg-brand-strip{
  margin-left:0!important;
  margin-right:0!important;
  width:auto!important;
}

/* Alt boşluğu azaltmak için kart yükseklikleri daha kontrollü */
.ucg-header .ucg-about-menu-grid{
  padding-bottom:28px!important;
}
.ucg-header .ucg-about-menu-card{
  min-height:74px!important;
}
.ucg-header .ucg-product-menu-card{
  min-height:74px!important;
}

/* Mega menü hover alanı üstte kalsın */
.ucg-header .ucg-mega{
  z-index:1001!important;
}


/* === v4.3.4.11 1. Tasarım mega menü hover geçiş düzeltmesi === */

/* Mega menüyü header'a yaklaştır: fiziksel boşluğu azalt */
.ucg-header .ucg-mega{
  top:calc(100% - 1px)!important;
}

/* Hover dışında JS ile kısa süre açık tutma */
.ucg-header .ucg-menu.is-open > .ucg-mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}

/* Menüden mega menüye inerken aradaki küçük boşluk kapanma sebebi olmasın */
.ucg-header .ucg-menu > .ucg-mega:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-22px!important;
  height:22px!important;
  display:block!important;
}
.ucg-header .ucg-menu > .ucg-mega:before{height:18px!important;top:-18px!important;}

/* Hover çıkışında çok ani kapanmayı yumuşat */
.ucg-header .ucg-menu > .ucg-mega{
  transition:
    opacity .16s ease,
    visibility 0s linear .18s,
    transform .16s ease!important;
}
.ucg-header .ucg-menu:hover > .ucg-mega,
.ucg-header .ucg-menu.is-open > .ucg-mega{
  transition:
    opacity .12s ease,
    visibility 0s linear 0s,
    transform .12s ease!important;
}

/* === v4.3.4.34 HOPPE logo asset yerleşimi === */
.hf-v6-hoppe-logo img,
.ucg-hoppe-logo img{
  display:block!important;
  height:28px!important;
  width:auto!important;
  max-width:132px!important;
  object-fit:contain!important;
}


/* === 4.3.4.54 mega menü blur / stacking düzeltmesi === */
/* === v10 ürünler mega önizleme + teknik özellikler === */
.hf-v10-products-mega{
  grid-template-columns:minmax(0,1fr) minmax(250px,300px)!important;
  max-height:calc(100vh - 104px)!important;
  overflow:hidden!important;
}
.hf-v10-products-left{min-width:0!important;overflow:hidden!important}
.hf-v10-products-mega [hidden]{display:none!important}
.hf-v10-search{margin:-4px 0 12px!important}
.hf-v10-search label{display:block!important}
.hf-v10-search input{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #d7e1ea!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#07345d!important;
  padding:0 15px!important;
  font-size:14px!important;
  font-weight:800!important;
  outline:none!important;
  box-shadow:0 10px 24px rgba(7,52,93,.05)!important;
}
.hf-v10-search input:focus{border-color:#9ed1f5!important;box-shadow:0 0 0 3px rgba(158,209,245,.28)!important}
.hf-v10-search-results{
  min-height:310px!important;
  max-height:calc(100vh - 250px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.hf-v10-search-results h4{margin:0 0 10px!important;color:#07345d!important;font-family:var(--font-display)!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.hf-v10-search-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.hf-v10-search-card{
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #d7e1ea!important;
  border-radius:15px!important;
  background:#fff!important;
  padding:8px 9px!important;
  text-decoration:none!important;
}
.hf-v10-search-card:hover{border-color:#b9d8ee!important;box-shadow:0 14px 30px rgba(7,52,93,.08)!important;background:#f8fcff!important}
.hf-v10-search-thumb{width:38px!important;height:38px!important;border-radius:12px!important;background:#eef5fb!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.hf-v10-search-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.hf-v10-search-card strong{display:block!important;color:#07345d!important;font-family:var(--font-display)!important;font-size:15px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hf-v10-search-card em{display:block!important;margin-top:2px!important;color:#667085!important;font-size:11px!important;font-style:normal!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hf-v10-search-message{margin:0!important;border:1px dashed #cbd7e3!important;border-radius:16px!important;background:#fff!important;color:#667085!important;padding:16px!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important}
.hf-v10-product-layout{
  display:grid!important;
  grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;
  gap:14px!important;
  min-height:0!important;
}
.hf-v10-product-tabs{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:calc(100vh - 250px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding-right:4px!important;
}
.hf-v10-product-tabs a{
  min-height:58px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
  padding:9px 10px!important;
}
.hf-v10-product-tabs a{grid-template-columns:minmax(0,1fr)!important;}
.hf-v10-product-tabs a:hover,
.hf-v10-product-tabs a:focus,
.hf-v10-product-tabs a.is-active{
  background:#f4f8fc!important;
  border-color:#bfd6ea!important;
  box-shadow:0 12px 26px rgba(7,52,93,.08)!important;
}
.hf-v10-card-media{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#eef5fb!important;
  color:#07345d!important;
  font-family:var(--font-display)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.hf-v10-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.hf-v10-product-panels{
  min-width:0!important;
  max-height:calc(100vh - 250px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.hf-v10-product-panel{display:none!important;height:100%!important}
.hf-v10-product-panel.is-active{display:block!important}
.hf-v10-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:10px!important;
}
.hf-v10-panel-head small{
  display:block!important;
  color:#667085!important;
  font-family:var(--font-mono)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.hf-v10-panel-head h4{margin:2px 0 0!important;color:#07345d!important;font-family:var(--font-display)!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.hf-v10-panel-head a,
.hf-v10-overview-btn{
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#07345d!important;
  color:#fff!important;
  padding:0 13px!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.hf-v10-subcategory-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.hf-v10-subcategory-card{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #d7e1ea!important;
  border-radius:18px!important;
  background:#eaf6ff!important;
  padding:10px 12px!important;
}
.hf-v10-subcategory-card{grid-template-columns:minmax(0,1fr) auto!important;}
.hf-v10-subcategory-card:hover{background:#f3fbff!important;border-color:#b9d8ee!important;box-shadow:0 14px 30px rgba(7,52,93,.08)!important}
.hf-v10-subcategory-card strong{display:block!important;color:#07345d!important;font-family:var(--font-display)!important;font-size:15px!important;line-height:1.1!important}
.hf-v10-subcategory-card em{display:block!important;color:#667085!important;font-size:12px!important;font-style:normal!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hf-v10-subcategory-card b{color:#0b5da8!important;font-size:16px!important}
.hf-v10-subcategory-card .hf-v10-card-media{background:#fff!important;border:1px solid #d7e1ea!important}
.hf-v10-visual-panel{
  position:relative!important;
  display:block!important;
  min-height:310px!important;
  height:100%!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#eef5fb!important;
  color:inherit!important;
  text-decoration:none!important;
}
.hf-v10-visual-panel>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.hf-v10-visual-title{
  position:absolute!important;
  left:16px!important;
  top:16px!important;
  max-width:calc(100% - 32px)!important;
  border-radius:16px!important;
  background:#07345d!important;
  color:#fff!important;
  padding:12px 14px!important;
}
.hf-v10-visual-title h4{margin:0!important;color:#fff!important;font-family:var(--font-display)!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.hf-v10-visual-panel .hf-v10-overview-btn{position:absolute!important;right:16px!important;bottom:16px!important;background:#fff!important;color:#07345d!important}
.hf-v10-technical{
  background:#f4f8fc!important;
  border-left:1px solid var(--line)!important;
  padding:28px 22px 22px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.hf-v10-technical h3{margin:0 0 7px!important;color:#07345d!important;font-family:var(--font-display)!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.hf-v10-technical-note{margin:0 0 14px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.42!important}
.hf-v10-technical-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  max-height:calc(100vh - 190px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding-right:3px!important;
}
.hf-v10-technical-card{
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:9px!important;
  color:inherit!important;
  text-decoration:none!important;
}
.hf-v10-technical-card:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(7,52,93,.08)!important;border-color:#bfd6ea!important}
.hf-v10-technical-card img{display:block!important;width:100%!important;height:40px!important;object-fit:contain!important;filter:none!important}
.hf-v10-technical-card span{width:34px!important;height:34px!important;border-radius:10px!important;background:#eef5fb!important;display:block!important}
.hf-v10-technical-card .hf-v10-technical-card-fallback{display:grid!important;place-items:center!important;color:#07345d!important;font-size:15px!important;font-weight:800!important;line-height:1!important}
@media(max-width:1160px){
  .hf-v10-products-mega{max-height:none!important;overflow:hidden!important}
  .hf-v10-search-list{grid-template-columns:1fr!important}
  .hf-v10-product-layout{display:block!important}
  .hf-v10-product-panels,.hf-v10-technical{display:none!important}
  .hf-v10-product-tabs{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;padding-right:0!important}
  .hf-v10-product-tabs>a{min-height:88px!important;height:auto!important;align-items:center!important}
  .hf-v10-product-tabs>a>div em{display:none!important}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown{display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr!important;gap:6px!important;margin:-2px 0 8px!important;padding:0 4px!important;}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown .hf-v10-subcategory-card{min-height:46px!important;border-radius:12px!important;padding:8px 10px!important;}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown .hf-v10-subcategory-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown .hf-v10-subcategory-card>span{grid-column:1!important;grid-row:1!important;min-width:0!important;}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown .hf-v10-subcategory-card>b{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;margin:0!important;}
  .hf-v10-product-tabs .ucg-mobile-subcategory-dropdown .hf-v10-subcategory-card em{display:none!important;}
}

/* === 4.3.4.54 mega menü blur / stacking düzeltmesi === */
.ucg-header{
  z-index:var(--ucg-header-stack-z,10000)!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
}
.ucg-header .ucg-header-inner{
  z-index:1!important;
}
.ucg-header .ucg-mega{
  z-index:var(--ucg-mega-stack-z,10020)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  will-change:opacity!important;
  transform:translate3d(-50%,0,0)!important;
  transition:opacity .14s ease, visibility 0s linear .16s!important;
}
.ucg-header .ucg-menu:hover > .ucg-mega,
.ucg-header .ucg-menu.is-open > .ucg-mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(-50%,0,0)!important;
  transition:opacity .12s ease, visibility 0s linear 0s!important;
}
.ucg-header .ucg-menu > .ucg-mega:before{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.ucg-nav .ucg-menu.is-open > .ucg-nav-button{
  background:#07345d!important;
  color:#fff!important;
}

/* Klavye ile mobil menüde ilerlerken odak, mevcut görsel dili bozmadan görünür kalır. */
.ucg-header :is(a,button,input):focus-visible{
  outline:3px solid #79c7f2!important;
  outline-offset:3px!important;
}