:root{
  --ks27ph-header-bg:#0f766e;
  --ks27ph-header-bg-soft:rgba(15,118,110,0.88);
  --ks27ph-header-bg-softer:rgba(15,118,110,0.74);
  --ks27ph-menu-text:#ecfeff;
  --ks27ph-menu-text-soft:rgba(236,254,255,0.8);
  --ks27ph-neon:#ffffff;
  --ks27ph-neon-soft:rgba(255,255,255,0.62);
  --ks27ph-neon-hard:rgba(255,255,255,0.95);
  --ks27ph-button:#14b8a6;
  --ks27ph-button-text:#ffffff;
  --ks27ph-button-glow:rgba(20,184,166,0.34);
  --ks27ph-link:#0f766e;
  --ks27ph-hover-text:#ffffff;
  --ks27ph-topbar-bg:#0f766e;
  --ks27ph-topbar-bg-soft:rgba(15,118,110,0.92);
  --ks27ph-topbar-bg-softer:rgba(15,118,110,0.76);
  --ks27ph-topbar-text:#ecfeff;
  --ks27ph-topbar-text-soft:rgba(236,254,255,0.94);
  --ks27ph-topbar-icon:#ecfeff;
  --ks27ph-topbar-icon-soft:rgba(236,254,255,0.98);
  --ks27ph-topbar-accent:#14b8a6;
  --ks27ph-topbar-accent-soft:rgba(20,184,166,0.30);
  --ks27ph-topbar-accent-hard:rgba(20,184,166,0.72);
  --ks27ph-topbar-social-bg:#0f766e;
  --ks27ph-topbar-social-bg-soft:rgba(15,118,110,0.84);
  --ks27ph-glass:rgba(255,255,255,.10);
  --ks27ph-glass-soft:rgba(255,255,255,.045);
  --ks27ph-border:rgba(255,255,255,.16);
  --ks27ph-item-bg:rgba(255,255,255,.060);
  --ks27ph-item-border:rgba(255,255,255,.085);
  --ks27ph-item-hover:rgba(255,255,255,.155);
  --ks27ph-main-shadow:0 16px 38px rgba(0,0,0,.24);
  --ks27ph-text-shadow:0 0 14px rgba(255,255,255,.18);
  --ks27ph-header-h:82px;
}

*{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body.ks27ph-menu-open{
  overflow:hidden!important;
  touch-action:none;
}

/* ================= HEADER ================= */

.ks27ph-header,
.ks27ph-header *{
  box-sizing:border-box;
}

.ks27ph-header{
  width:100%;
  position:sticky;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  isolation:isolate;
  background:
    radial-gradient(circle at top left,var(--ks27ph-glass),transparent 32%),
    linear-gradient(135deg,var(--ks27ph-glass-soft),rgba(255,255,255,0)),
    var(--ks27ph-header-bg);
  color:var(--ks27ph-menu-text);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--ks27ph-border);
  box-shadow:
    var(--ks27ph-main-shadow),
    0 0 0 1px rgba(255,255,255,.04) inset;
  font-family:Arial, Helvetica, sans-serif;
}

.ks27ph-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0%,
    var(--ks27ph-neon-soft) 16%,
    var(--ks27ph-neon-hard) 50%,
    var(--ks27ph-neon-soft) 84%,
    transparent 100%
  );
  box-shadow:
    0 0 12px var(--ks27ph-neon-soft),
    0 0 24px var(--ks27ph-neon-soft),
    0 0 42px var(--ks27ph-neon-soft);
}

.ks27ph-header::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:18px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(to bottom,var(--ks27ph-neon-soft),transparent);
  opacity:.42;
  filter:blur(10px);
}


.ks27ph-topbar{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 0% 50%, rgba(24,184,232,.15), transparent 30%),
    linear-gradient(135deg, rgba(2,8,23,.98), rgba(6,28,63,.96));
  border-bottom:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.84);
  position:relative;
  overflow:hidden;
}

.ks27ph-topbar::before{
  content:"";
  position:absolute;
  left:-120px;
  top:0;
  width:420px;
  height:100%;
  background:
    radial-gradient(circle at 18px 18px, rgba(255,255,255,.14) 1px, transparent 1.8px);
  background-size:16px 16px;
  opacity:.20;
  pointer-events:none;
}

.ks27ph-topbar::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:260px;
  height:100%;
  background:linear-gradient(135deg, transparent 10%, rgba(24,184,232,.16) 45%, rgba(0,87,184,.30) 100%);
  clip-path:polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  opacity:.72;
  pointer-events:none;
}

.ks27ph-topbar-inner{
  width:100%;
  max-width:1780px;
  min-height:42px;
  margin:0 auto;
  padding:0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  position:relative;
  z-index:2;
}

.ks27ph-topbar-item{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:rgba(255,255,255,.84);
  font-size:13px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.01em;
  text-decoration:none;
  white-space:nowrap;
}

.ks27ph-topbar-item:hover{
  color:#ffffff;
  text-decoration:none;
}

.ks27ph-topbar-item .ks27ph-icon{
  width:17px;
  height:17px;
  color:#93c5fd;
}

.ks27ph-topbar-item .ks27ph-icon svg{
  width:17px;
  height:17px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}

.ks27ph-topbar-separator{
  width:1px;
  height:18px;
  background:rgba(255,255,255,.24);
  flex:0 0 1px;
}

.ks27ph-inner{
  width:100%;
  max-width:1780px;
  min-height:var(--ks27ph-header-h);
  margin:0 auto;
  padding:0 38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}

.ks27ph-logo{
  flex:0 0 auto;
  min-width:320px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.ks27ph-logo-link{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:66px;
  max-width:340px;
  text-decoration:none;
  color:var(--ks27ph-menu-text);
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.62))
    drop-shadow(0 0 14px var(--ks27ph-neon-soft));
  transition:transform .22s ease, filter .22s ease;
}

.ks27ph-logo-link:hover{
  transform:translateY(-1px) scale(1.015);
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.82))
    drop-shadow(0 0 18px var(--ks27ph-neon-hard));
}

.ks27ph-logo-link img{
  display:block;
  width:auto;
  max-width:328px;
  max-height:72px;
  object-fit:contain;
}

.ks27ph-logo-text{
  display:none;
  color:var(--ks27ph-menu-text);
  font-size:21px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:-.03em;
}

.ks27ph-logo-link.is-text-logo .ks27ph-logo-text{
  display:block;
}

/* ================= DESKTOP MENU ================= */

.ks27ph-nav{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-family:"Rajdhani","Orbitron","Montserrat","Arial",sans-serif;
}

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  position:relative;
  min-height:48px;
  padding:0 8px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--ks27ph-menu-text);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
  box-shadow:none!important;
  border:1px solid transparent!important;
  text-decoration:none;
  font-size:14px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:
    0 1px 0 rgba(0,0,0,.28),
    0 0 10px rgba(255,255,255,.22),
    var(--ks27ph-text-shadow);
  transition:color .18s ease, transform .18s ease, opacity .18s ease, background .18s ease, border-color .18s ease;
}

.ks27ph-nav-link::after,
.ks27ph-drop-trigger::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:5px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--ks27ph-neon),var(--ks27ph-button),transparent);
  box-shadow:
    0 0 8px var(--ks27ph-neon-soft),
    0 0 18px var(--ks27ph-neon-soft),
    0 0 26px rgba(255,255,255,.30);
  transform:scaleX(.72);
  transform-origin:center;
  opacity:.78;
  transition:height .2s ease, opacity .2s ease, transform .2s ease;
}

.ks27ph-nav-link:hover,
.ks27ph-drop:hover .ks27ph-drop-trigger,
.ks27ph-drop:focus-within .ks27ph-drop-trigger,
.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active{
  color:var(--ks27ph-hover-text)!important;
  background:linear-gradient(180deg,var(--ks27ph-item-hover),rgba(255,255,255,.018))!important;
  border-color:var(--ks27ph-item-border)!important;
  box-shadow:
    0 0 16px rgba(255,255,255,.10),
    0 0 22px var(--ks27ph-neon-soft)!important;
  transform:translateY(-1px);
  text-decoration:none;
}

.ks27ph-nav-link:hover::after,
.ks27ph-drop:hover .ks27ph-drop-trigger::after,
.ks27ph-drop:focus-within .ks27ph-drop-trigger::after,
.ks27ph-nav-link.is-active::after,
.ks27ph-drop-trigger.is-active::after{
  height:3px;
  opacity:1;
  transform:scaleX(1);
}

.ks27ph-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
}

.ks27ph-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ================= DROPDOWN ================= */

.ks27ph-drop{
  position:relative;
}

.ks27ph-drop::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:22px;
  background:transparent;
  z-index:99998;
}

.ks27ph-drop-panel{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  width:max-content;
  min-width:292px;
  max-width:430px;
  max-height:70vh;
  overflow:auto;
  border-radius:24px;
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.16),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    var(--ks27ph-header-bg);
  border:1px solid var(--ks27ph-border);
  box-shadow:
    0 30px 75px rgba(0,0,0,.36),
    0 0 24px var(--ks27ph-neon-soft);
  padding:12px;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, 12px);
  pointer-events:none;
  transition:.22s ease;
  z-index:99999;
}

.ks27ph-drop-panel::before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  width:16px;
  height:16px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--ks27ph-header-bg);
  border-left:1px solid rgba(255,255,255,.18);
  border-top:1px solid rgba(255,255,255,.18);
}

.ks27ph-drop:hover .ks27ph-drop-panel,
.ks27ph-drop:focus-within .ks27ph-drop-panel,
.ks27ph-drop-panel:hover{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
  pointer-events:auto;
}

.ks27ph-drop-panel a{
  position:relative;
  z-index:2;
  min-height:46px;
  padding:12px 14px;
  border-radius:16px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ks27ph-menu-text);
  background:var(--ks27ph-item-bg);
  border:1px solid var(--ks27ph-item-border);
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  line-height:1.35;
  transition:.18s ease;
  margin-bottom:6px;
}

.ks27ph-drop-panel a:last-child{
  margin-bottom:0;
}

.ks27ph-drop-panel a::before{
  content:"";
  width:8px;
  height:8px;
  min-width:8px;
  border-radius:999px;
  background:var(--ks27ph-neon);
  box-shadow:
    0 0 0 4px rgba(255,255,255,.10),
    0 0 16px var(--ks27ph-neon-soft);
}

.ks27ph-drop-panel a:hover{
  background:var(--ks27ph-item-hover);
  border-color:var(--ks27ph-border);
  color:var(--ks27ph-hover-text);
  text-decoration:none;
  transform:translateX(3px);
  box-shadow:0 0 18px rgba(255,255,255,.08);
}

.ks27ph-drop-footer{
  padding-top:8px;
  margin-top:8px;
  border-top:1px solid rgba(255,255,255,.16);
}

.ks27ph-drop-footer a{
  justify-content:center;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  color:var(--ks27ph-button-text)!important;
  font-weight:950;
  box-shadow:0 14px 30px var(--ks27ph-button-glow);
}

.ks27ph-drop-footer a::before{
  display:none;
}

/* ================= ACTIONS ================= */

.ks27ph-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.ks27ph-cta{
  min-height:50px;
  padding:0 26px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  color:var(--ks27ph-button-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  font-size:14px;
  font-weight:950;
  letter-spacing:.045em;
  white-space:nowrap;
  box-shadow:
    0 16px 34px var(--ks27ph-button-glow),
    0 0 18px rgba(255,255,255,.10);
  transition:.2s ease;
}

.ks27ph-cta:hover{
  color:var(--ks27ph-button-text);
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:
    0 20px 40px var(--ks27ph-button-glow),
    0 0 24px rgba(255,255,255,.16);
}

.ks27ph-phone{
  min-height:48px;
  padding:0 14px;
  border-radius:16px;
  background:var(--ks27ph-item-bg);
  color:var(--ks27ph-menu-text);
  border:1px solid var(--ks27ph-item-border);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  font-size:14px;
  font-weight:950;
  white-space:nowrap;
}

.ks27ph-phone:hover{
  color:var(--ks27ph-hover-text);
  text-decoration:none;
}

.ks27ph-menu-btn{
  width:48px;
  height:48px;
  min-width:48px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  color:var(--ks27ph-button-text);
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 14px 28px var(--ks27ph-button-glow);
  padding:0;
}

.ks27ph-menu-btn svg,
.ks27ph-close svg,
.ks27ph-mobile-toggle svg{
  width:24px;
  height:24px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ks27ph-menu-btn svg path,
.ks27ph-close svg path,
.ks27ph-mobile-toggle svg path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ================= PAGE BANNER ================= */

.ks27ph-page-banner{
  position:relative;
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    linear-gradient(135deg,var(--ks27ph-header-bg),rgba(2,8,23,.96));
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ks27ph-page-banner-inner{
  width:100%;
  max-width:1600px;
  min-height:46px;
  margin:0 auto;
  padding:0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.ks27ph-page-breadcrumb{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  white-space:nowrap;
}

.ks27ph-page-breadcrumb li,
.ks27ph-page-breadcrumb a{
  color:var(--ks27ph-menu-text);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
}

.ks27ph-page-breadcrumb a:hover{
  color:var(--ks27ph-hover-text);
}

/* ================= MOBILE DRAWER ================= */

.ks27ph-overlay{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.72);
  opacity:0;
  visibility:hidden;
  transition:.22s ease;
  z-index:10000;
}

.ks27ph-overlay.is-active{
  opacity:1;
  visibility:visible;
}

.ks27ph-mobile{
  position:fixed;
  top:0;
  right:0;
  width:430px;
  max-width:100vw;
  height:100dvh;
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.13),transparent 34%),
    var(--ks27ph-header-bg);
  z-index:10001;
  transform:translateX(105%);
  transition:transform .28s ease;
  box-shadow:
    -24px 0 65px rgba(0,0,0,.34),
    -8px 0 32px var(--ks27ph-neon-soft);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

.ks27ph-mobile.is-active{
  transform:translateX(0);
}

.ks27ph-mobile-head{
  min-height:78px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--ks27ph-border);
  background:var(--ks27ph-glass-soft);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

.ks27ph-mobile-logo{
  min-width:0;
  display:flex;
  align-items:center;
}

.ks27ph-mobile-logo img{
  max-width:210px;
  max-height:58px;
  object-fit:contain;
  display:block;
}

.ks27ph-mobile-logo-text{
  color:var(--ks27ph-menu-text);
  font-size:20px;
  font-weight:950;
  line-height:1.1;
  text-decoration:none;
}

.ks27ph-close{
  width:48px;
  height:48px;
  border:0;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ks27ph-button-text);
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  cursor:pointer;
  flex:0 0 auto;
  padding:0;
}

.ks27ph-mobile-body{
  flex:1;
  overflow:auto;
  padding:14px 16px 20px;
}

.ks27ph-mobile-list{
  display:grid;
  gap:9px;
}

.ks27ph-mobile-item{
  border:1px solid var(--ks27ph-border);
  border-radius:20px;
  background:var(--ks27ph-item-bg);
  overflow:hidden;
}

.ks27ph-mobile-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.ks27ph-mobile-row > a{
  flex:1;
  min-height:54px;
  padding:0 15px;
  display:flex;
  align-items:center;
  color:var(--ks27ph-menu-text);
  font-size:15px;
  font-weight:950;
  text-decoration:none;
}

.ks27ph-mobile-row > a.is-active{
  color:var(--ks27ph-hover-text);
}

.ks27ph-mobile-toggle{
  width:48px;
  height:48px;
  border:0;
  background:transparent;
  color:var(--ks27ph-neon);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.18s ease;
  flex:0 0 auto;
  padding:0;
}

.ks27ph-mobile-toggle.is-active{
  transform:rotate(90deg);
}

.ks27ph-mobile-sub{
  display:none;
  padding:0 12px 12px;
}

.ks27ph-mobile-sub.is-open{
  display:block;
}

.ks27ph-mobile-sub a{
  min-height:42px;
  padding:10px 12px;
  border-radius:14px;
  display:flex;
  align-items:center;
  color:var(--ks27ph-menu-text);
  background:var(--ks27ph-item-bg);
  border:1px solid var(--ks27ph-item-border);
  font-size:14px;
  font-weight:800;
  line-height:1.35;
  text-decoration:none;
  margin-bottom:6px;
}

.ks27ph-mobile-sub a:hover{
  background:var(--ks27ph-item-hover);
  color:var(--ks27ph-hover-text);
}

.ks27ph-mobile-sub .ks27ph-mobile-all{
  margin-top:7px;
  justify-content:center;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  color:var(--ks27ph-button-text)!important;
}

.ks27ph-mobile-contact{
  margin-top:16px;
  display:grid;
  gap:10px;
}

.ks27ph-contact-card{
  min-height:54px;
  padding:12px 14px;
  border-radius:18px;
  background:var(--ks27ph-item-bg);
  border:1px solid var(--ks27ph-border);
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ks27ph-menu-text);
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  word-break:break-word;
}

.ks27ph-contact-card:hover{
  color:var(--ks27ph-hover-text);
  text-decoration:none;
}

.ks27ph-mobile-social{
  margin-top:14px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.ks27ph-social-link{
  width:42px;
  height:42px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--ks27ph-item-bg);
  border:1px solid var(--ks27ph-border);
  color:var(--ks27ph-menu-text);
  text-decoration:none;
  font-size:12px;
  font-weight:950;
}

.ks27ph-social-link:hover{
  background:var(--ks27ph-button);
  color:var(--ks27ph-button-text);
  text-decoration:none;
}


/* ================= MOBILE SUBMENU FINAL FIX ================= */
body.ks27ph-menu-open .te-fast-contact,
body.ks27ph-menu-open .te-fixed-actions{
  display:none!important;
}

.ks27ph-mobile-item{
  overflow:visible;
}

.ks27ph-mobile-row{
  position:relative;
  z-index:2;
}

.ks27ph-mobile-row > a{
  letter-spacing:.045em;
}

.ks27ph-mobile-toggle{
  margin-right:8px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8);
  color:var(--ks27ph-button-text)!important;
  box-shadow:0 12px 24px rgba(0,87,184,.18);
}

.ks27ph-mobile-toggle svg,
.ks27ph-mobile-toggle svg path{
  stroke:currentColor!important;
}

.ks27ph-mobile-toggle.is-active{
  transform:rotate(90deg) scale(1.02);
  background:linear-gradient(135deg,#14b8a6,var(--ks27ph-button));
}

.ks27ph-mobile-item.is-sub-open{
  border-color:rgba(0,87,184,.28);
  box-shadow:0 18px 38px rgba(15,23,42,.10);
}

.ks27ph-mobile-item.is-sub-open > .ks27ph-mobile-row > a{
  color:var(--ks27ph-hover-text)!important;
}

.ks27ph-mobile-sub{
  display:none;
  margin:0 10px 12px;
  padding:12px;
  border-radius:18px;
  background:
    radial-gradient(circle at top left,rgba(24,184,232,.16),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,247,255,.96));
  border:1px solid rgba(0,87,184,.18);
  border-left:4px solid var(--ks27ph-button);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 14px 30px rgba(15,23,42,.08);
}

.ks27ph-mobile-sub.is-open{
  display:grid;
  gap:8px;
  animation:ks27phSubOpen .18s ease both;
}

@keyframes ks27phSubOpen{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}

.ks27ph-mobile-sub a{
  position:relative;
  min-height:46px;
  margin:0;
  padding:11px 14px 11px 38px;
  border-radius:15px;
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  font-size:14px;
  font-weight:900;
}

.ks27ph-mobile-sub a::before{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  width:9px;
  height:9px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--ks27ph-button),#18b8e8);
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(0,87,184,.09);
}

.ks27ph-mobile-sub a:hover,
.ks27ph-mobile-sub a:focus{
  color:#0057b8!important;
  border-color:rgba(0,87,184,.22)!important;
  transform:translateX(2px);
}

.ks27ph-mobile-sub .ks27ph-mobile-all{
  justify-content:center;
  padding-left:14px;
  margin-top:4px;
  background:linear-gradient(135deg,var(--ks27ph-button),#0057b8)!important;
  color:var(--ks27ph-button-text)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 14px 28px rgba(0,87,184,.22);
}

.ks27ph-mobile-sub .ks27ph-mobile-all::before{
  display:none;
}

@media(max-width:767px){
  .ks27ph-mobile{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  }

  .ks27ph-mobile-head{
    background:#ffffff;
    border-bottom:1px solid rgba(15,23,42,.10);
  }

  .ks27ph-mobile-body{
    padding:16px 10px 24px;
  }

  .ks27ph-mobile-list{
    gap:12px;
  }

  .ks27ph-mobile-item{
    border-radius:22px;
    background:#ffffff!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 14px 28px rgba(15,23,42,.055);
  }

  .ks27ph-mobile-row > a{
    min-height:58px;
    padding:0 18px;
    color:#07111f!important;
    font-size:15px;
    font-weight:950;
  }

  .ks27ph-mobile-row > a.is-active{
    color:#0057b8!important;
  }

  .ks27ph-mobile-toggle{
    width:44px;
    height:44px;
    min-width:44px;
  }

  .ks27ph-contact-card{
    background:#ffffff!important;
    color:#07111f!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 12px 24px rgba(15,23,42,.055);
  }

  .ks27ph-social-link{
    background:#ffffff!important;
    color:#07111f!important;
    border:1px solid rgba(15,23,42,.10)!important;
  }
}

/* ================= RESPONSIVE ================= */

@media(max-width:1600px){
  .ks27ph-inner{
    padding:0 30px;
    gap:20px;
  }

  .ks27ph-logo{
    min-width:250px;
  }

  .ks27ph-logo-link img{
    max-width:250px;
  }

  .ks27ph-nav{
    gap:18px;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:13.5px;
    letter-spacing:.065em;
  }

  .ks27ph-cta{
    padding:0 22px;
  }
}

@media(max-width:1480px){
  .ks27ph-inner{
    padding:0 22px;
    gap:15px;
  }

  .ks27ph-logo{
    min-width:220px;
  }

  .ks27ph-logo-link img{
    max-width:220px;
  }

  .ks27ph-nav{
    gap:13px;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:13px;
    letter-spacing:.05em;
  }

  .ks27ph-phone{
    display:none;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none!important;
  }
}

@media(max-width:1199px){
  :root{
    --ks27ph-header-h:70px;
  }

  .ks27ph-nav,
  .ks27ph-actions .ks27ph-cta,
  .ks27ph-phone{
    display:none;
  }

  .ks27ph-menu-btn{
    display:flex;
  }

  .ks27ph-inner{
    min-height:var(--ks27ph-header-h);
    padding:0 14px;
  }

  .ks27ph-logo{
    min-width:0;
    flex:1;
  }

  .ks27ph-logo-link{
    min-height:52px;
    max-width:230px;
  }

  .ks27ph-logo-link img{
    max-width:195px;
    max-height:52px;
  }
}

@media(max-width:767px){
  :root{
    --ks27ph-header-h:66px;
  }

  .ks27ph-inner{
    min-height:66px;
    padding:0 12px;
  }

  .ks27ph-logo-link{
    max-width:190px;
  }

  .ks27ph-logo-link img{
    max-width:165px;
    max-height:46px;
  }

  .ks27ph-logo-text{
    font-size:18px;
  }

  .ks27ph-menu-btn{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:15px;
  }

  .ks27ph-mobile{
    width:100vw;
  }

  .ks27ph-mobile-head{
    min-height:70px;
  }

  .ks27ph-page-banner{
    min-height:42px;
  }

  .ks27ph-page-banner-inner{
    min-height:42px;
    padding:0 12px;
  }

  .ks27ph-page-breadcrumb{
    gap:8px;
  }

  .ks27ph-page-breadcrumb li,
  .ks27ph-page-breadcrumb a{
    font-size:11px;
  }
}

@media(max-width:420px){
  .ks27ph-logo-link img{
    max-width:150px;
  }
}

/* =========================================================
   KURUMSAL2027 PUBLIC HEADER - MOBİL OK BUTONU DİNAMİK RENK FINAL
   Ok butonları artık sabit mavi değil; site/admin renk değişkenlerinden gelir.
   Harici dosya/kütüphane eklenmedi.
========================================================= */
.ks27ph-mobile-toggle{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:var(--ks27ph-button-text)!important;
  background:linear-gradient(135deg,var(--ks27ph-button),var(--ks27ph-link))!important;
  box-shadow:0 14px 30px var(--ks27ph-button-glow)!important;
}

.ks27ph-mobile-toggle svg{
  display:none!important;
}

.ks27ph-mobile-toggle::after{
  content:"›";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
  font-size:36px;
  line-height:1;
  font-weight:900;
  font-family:Arial, Helvetica, sans-serif;
  text-shadow:0 8px 18px rgba(0,0,0,.22);
  transform:translateY(-2px);
  pointer-events:none;
}

.ks27ph-mobile-toggle::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.34),transparent 66%);
  transform:translateX(-120%) rotate(14deg);
  transition:transform .55s ease;
  pointer-events:none;
}

.ks27ph-mobile-toggle:hover::before,
.ks27ph-mobile-toggle:focus::before{
  transform:translateX(120%) rotate(14deg);
}

.ks27ph-mobile-toggle.is-active{
  transform:rotate(90deg) scale(1.02)!important;
  background:linear-gradient(135deg,var(--ks27ph-link),var(--ks27ph-button))!important;
  box-shadow:0 16px 34px var(--ks27ph-button-glow)!important;
}

.ks27ph-mobile-item.is-sub-open{
  border-color:var(--ks27ph-button)!important;
  box-shadow:0 18px 42px var(--ks27ph-button-glow)!important;
}

.ks27ph-mobile-item.is-sub-open > .ks27ph-mobile-row > a,
.ks27ph-mobile-row > a.is-active{
  color:var(--ks27ph-button)!important;
}

.ks27ph-mobile-sub{
  border-left-color:var(--ks27ph-button)!important;
  border-color:rgba(0,0,0,.08)!important;
}

.ks27ph-mobile-sub a::before{
  background:linear-gradient(135deg,var(--ks27ph-button),var(--ks27ph-link))!important;
  box-shadow:0 0 0 4px var(--ks27ph-button-glow)!important;
}

.ks27ph-mobile-sub a:hover,
.ks27ph-mobile-sub a:focus{
  color:var(--ks27ph-button)!important;
  border-color:var(--ks27ph-button)!important;
}

.ks27ph-mobile-sub .ks27ph-mobile-all{
  background:linear-gradient(135deg,var(--ks27ph-button),var(--ks27ph-link))!important;
  color:var(--ks27ph-button-text)!important;
  box-shadow:0 14px 30px var(--ks27ph-button-glow)!important;
}

body.ks27ph-menu-open .te-fast-contact,
body.ks27ph-menu-open .te-fixed-actions,
body:has(.ks27ph-mobile.is-active) .te-fast-contact,
body:has(.ks27ph-mobile.is-active) .te-fixed-actions{
  display:none!important;
}

@media(max-width:767px){
  .ks27ph-mobile-toggle{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    margin-right:8px!important;
    border-radius:16px!important;
  }

  .ks27ph-mobile-toggle::after{
    font-size:34px!important;
  }

  .ks27ph-mobile-row > a.is-active,
  .ks27ph-mobile-item.is-sub-open > .ks27ph-mobile-row > a{
    color:var(--ks27ph-button)!important;
  }
}

/* =========================================================
   HEADER FINAL RÖTUŞ
   Türkçe menü, 4 hizmet dropdown ve daha canlı buton görünümü
========================================================= */
.ks27ph-drop-panel{
  padding:14px!important;
  border-radius:26px!important;
}

.ks27ph-drop-panel a{
  font-weight:920!important;
}

.ks27ph-drop-panel a:hover{
  transform:translateX(5px)!important;
}

.ks27ph-drop-footer{
  padding-top:10px!important;
  margin-top:10px!important;
}

.ks27ph-drop-footer a{
  min-height:52px!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--ks27ph-button),var(--ks27ph-link))!important;
  color:var(--ks27ph-button-text)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 16px 34px var(--ks27ph-button-glow)!important;
  letter-spacing:.02em!important;
  text-shadow:0 8px 18px rgba(0,0,0,.24)!important;
}

.ks27ph-drop-footer a::before{
  display:none!important;
}

.ks27ph-drop-footer a::after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  margin-left:2px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:currentColor;
  font-size:21px;
  font-weight:950;
  line-height:1;
}

.ks27ph-drop-footer a:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.12)!important;
  box-shadow:0 20px 42px var(--ks27ph-button-glow)!important;
}


/* =========================================================
   PUBLIC HEADER SABİT KALMA FINAL FIX
   Desktop + Mobil aşağı kayınca header kaybolmasın
   Dosya: inc/header.php
========================================================= */

html{
  scroll-padding-top:var(--ks27ph-header-h)!important;
}

body{
  padding-top:var(--ks27ph-header-h)!important;
}

body.ks27ph-menu-open{
  padding-top:var(--ks27ph-header-h)!important;
}

.ks27ph-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  z-index:99999!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  will-change:auto!important;
}

/* Herhangi bir JS/tema aşağı kayınca header'ı gizlemeye çalışırsa engelle */
.ks27ph-header.is-hidden,
.ks27ph-header.hide,
.ks27ph-header.header-hidden,
.ks27ph-header.scroll-hide,
.ks27ph-header.nav-up,
.ks27ph-header.nav-down,
.ks27ph-header.header-up,
.ks27ph-header.is-sticky-hidden{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  top:0!important;
  pointer-events:auto!important;
}

.ks27ph-drop-panel{
  z-index:100000!important;
}

.ks27ph-overlay{
  z-index:100001!important;
}

.ks27ph-mobile{
  z-index:100002!important;
}

.ks27ph-page-banner{
  margin-top:0!important;
}

/* Anchor / sayfa içi linklerde sabit header altında kalma engeli */
[id]{
  scroll-margin-top:calc(var(--ks27ph-header-h) + 18px);
}

@media(max-width:1199px){
  html{
    scroll-padding-top:var(--ks27ph-header-h)!important;
  }

  body{
    padding-top:var(--ks27ph-header-h)!important;
  }

  .ks27ph-header{
    position:fixed!important;
    top:0!important;
    transform:translateY(0)!important;
  }
}

@media(max-width:767px){
  html{
    scroll-padding-top:66px!important;
  }

  body{
    padding-top:66px!important;
  }

  body.ks27ph-menu-open{
    padding-top:66px!important;
  }

  .ks27ph-header{
    position:fixed!important;
    top:0!important;
    min-height:66px!important;
    transform:translateY(0)!important;
  }

  [id]{
    scroll-margin-top:84px;
  }
}


/* =========================================================
   HEADER ALT NEON FINAL
   Admin header rengine göre otomatik kontrast neon çalışır.
   Koyu/siyah header: beyaz neon | Açık/beyaz header: mavi neon
========================================================= */
.ks27ph-header::after{
  height:4px!important;
  bottom:-2px!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    var(--ks27ph-neon-soft) 12%,
    var(--ks27ph-neon-hard) 36%,
    var(--ks27ph-neon) 50%,
    var(--ks27ph-neon-hard) 64%,
    var(--ks27ph-neon-soft) 88%,
    transparent 100%
  )!important;
  box-shadow:
    0 0 10px var(--ks27ph-neon-hard),
    0 0 22px var(--ks27ph-neon-soft),
    0 0 42px var(--ks27ph-neon-soft),
    0 0 66px var(--ks27ph-neon-soft)!important;
  opacity:1!important;
}

.ks27ph-header::before{
  bottom:-24px!important;
  height:24px!important;
  background:linear-gradient(to bottom,var(--ks27ph-neon-soft),transparent 78%)!important;
  opacity:.55!important;
  filter:blur(12px)!important;
}

.ks27ph-header .ks27ph-inner::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(680px,70vw);
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:var(--ks27ph-neon);
  box-shadow:
    0 0 14px var(--ks27ph-neon-hard),
    0 0 34px var(--ks27ph-neon-soft);
  pointer-events:none;
  opacity:.72;
}


/* =========================================================
   SEO MAKİNESİ 2027 - KURUMSAL SABİT HEADER RENK / MENÜ FINAL
   Amaç:
   - Admin panelden gelen ana renge uyumlu kurumsal görünüm
   - Menülerin kutu/kart gibi ayrı ayrı görünmemesi
   - Tüm menülerin aynı hizada, sade ve sabit görünmesi
   - Üst bar masaüstünde dinamik, mobilde gizli kalır
========================================================= */

.ks27ph-header{
  background:
    radial-gradient(circle at 0% 0%, var(--ks27ph-glass), transparent 34%),
    linear-gradient(135deg, var(--ks27ph-header-bg-soft) 0%, var(--ks27ph-header-bg) 56%, var(--ks27ph-header-bg-softer) 100%) !important;
  border-bottom:1px solid var(--ks27ph-border) !important;
  box-shadow:0 16px 36px rgba(2,8,23,.18), 0 1px 0 rgba(255,255,255,.06) inset !important;
}

.ks27ph-header::after{
  height:2px !important;
  background:linear-gradient(90deg, transparent 0%, var(--ks27ph-button) 22%, var(--ks27ph-neon) 50%, var(--ks27ph-button) 78%, transparent 100%) !important;
  box-shadow:0 0 12px var(--ks27ph-neon-soft) !important;
  opacity:.74 !important;
}

.ks27ph-header::before{
  bottom:-10px !important;
  height:10px !important;
  opacity:.24 !important;
  filter:blur(8px) !important;
}

.ks27ph-topbar{
  min-height:38px !important;
  background:
    radial-gradient(circle at left center, var(--ks27ph-button-glow), transparent 32%),
    linear-gradient(135deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 64%, var(--ks27ph-header-bg) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.ks27ph-topbar-inner{
  min-height:38px !important;
}

.ks27ph-topbar-item{
  font-size:12.8px !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.86) !important;
}

.ks27ph-topbar-item .ks27ph-icon{
  color:var(--ks27ph-neon) !important;
}

.ks27ph-logo-link{
  filter:drop-shadow(0 10px 22px rgba(2,8,23,.22)) !important;
}

.ks27ph-logo-link:hover{
  transform:translateY(-1px) !important;
  filter:drop-shadow(0 12px 24px rgba(2,8,23,.28)) !important;
}

.ks27ph-nav{
  gap:24px !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
}

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  min-height:54px !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ks27ph-menu-text) !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
  text-shadow:none !important;
  opacity:.92 !important;
}

.ks27ph-nav-link::after,
.ks27ph-drop-trigger::after{
  left:0 !important;
  right:0 !important;
  bottom:7px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent 0%, var(--ks27ph-button) 50%, transparent 100%) !important;
  box-shadow:none !important;
  transform:scaleX(0) !important;
  opacity:0 !important;
}

.ks27ph-nav-link:hover,
.ks27ph-drop:hover .ks27ph-drop-trigger,
.ks27ph-drop:focus-within .ks27ph-drop-trigger,
.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active{
  color:#ffffff !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
}

.ks27ph-nav-link:hover::after,
.ks27ph-drop:hover .ks27ph-drop-trigger::after,
.ks27ph-drop:focus-within .ks27ph-drop-trigger::after,
.ks27ph-nav-link.is-active::after,
.ks27ph-drop-trigger.is-active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

.ks27ph-drop-panel{
  border-radius:18px !important;
  background:
    linear-gradient(180deg, var(--ks27ph-header-bg-soft), var(--ks27ph-header-bg)) !important;
  border:1px solid var(--ks27ph-border) !important;
  box-shadow:0 26px 60px rgba(2,8,23,.34) !important;
}

.ks27ph-drop-panel::before{
  background:var(--ks27ph-header-bg) !important;
  border-left:1px solid var(--ks27ph-border) !important;
  border-top:1px solid var(--ks27ph-border) !important;
}

.ks27ph-drop-panel a{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}

.ks27ph-drop-panel a:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:var(--ks27ph-border) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

.ks27ph-cta{
  border-radius:16px !important;
  background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
  box-shadow:0 14px 28px var(--ks27ph-button-glow) !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

.ks27ph-cta:hover{
  box-shadow:0 18px 34px var(--ks27ph-button-glow) !important;
}

@media(max-width:1600px){
  .ks27ph-nav{
    gap:19px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:14px !important;
    letter-spacing:.018em !important;
  }
}

@media(max-width:1480px){
  .ks27ph-nav{
    gap:15px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:13.5px !important;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - ÜST BAR KURUMSAL KAPSÜL FINAL
   Görsel referans yapısı:
   - Üst bar masaüstünde kapsül/kart gibi görünür
   - Admin renginden otomatik uyum alır
   - Mobil/tablet üst bar gizli kalır
========================================================= */

@media(min-width:1200px){
  .ks27ph-topbar{
    min-height:48px !important;
    padding:0 34px !important;
    background:transparent !important;
    border-bottom:0 !important;
    overflow:visible !important;
  }

  .ks27ph-topbar::before,
  .ks27ph-topbar::after{
    display:none !important;
  }

  .ks27ph-topbar-inner{
    width:100% !important;
    max-width:1640px !important;
    min-height:48px !important;
    margin:0 auto !important;
    padding:0 70px !important;
    justify-content:flex-start !important;
    gap:0 !important;
    border-radius:22px 22px 0 0 !important;
    position:relative !important;
    overflow:hidden !important;
    background:
      linear-gradient(135deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 58%, var(--ks27ph-header-bg) 100%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-bottom:0 !important;
    box-shadow:
      0 22px 45px rgba(2,8,23,.14),
      0 1px 0 rgba(255,255,255,.07) inset !important;
  }

  .ks27ph-topbar-inner::before{
    content:"" !important;
    position:absolute !important;
    left:-80px !important;
    top:0 !important;
    bottom:0 !important;
    width:310px !important;
    background:
      radial-gradient(circle at 12px 12px, rgba(255,255,255,.16) 1px, transparent 1.9px) !important;
    background-size:15px 15px !important;
    opacity:.18 !important;
    pointer-events:none !important;
  }

  .ks27ph-topbar-inner::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:320px !important;
    background:
      linear-gradient(135deg, transparent 0%, var(--ks27ph-button-glow) 46%, rgba(255,255,255,.07) 100%) !important;
    clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;
    opacity:.74 !important;
    pointer-events:none !important;
  }

  .ks27ph-topbar-item{
    min-height:48px !important;
    padding:0 28px !important;
    position:relative !important;
    z-index:2 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:13.2px !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  }

  .ks27ph-topbar-item:first-child{
    padding-left:0 !important;
  }

  .ks27ph-topbar-item:hover{
    color:#ffffff !important;
  }

  .ks27ph-topbar-item .ks27ph-icon{
    color:#bfdbfe !important;
    opacity:.96 !important;
  }

  .ks27ph-topbar-separator{
    width:1px !important;
    height:22px !important;
    position:relative !important;
    z-index:2 !important;
    background:rgba(255,255,255,.22) !important;
    flex:0 0 1px !important;
  }

  .ks27ph-header{
    padding-top:0 !important;
  }
}

@media(max-width:1399px) and (min-width:1200px){
  .ks27ph-topbar{
    padding:0 22px !important;
  }

  .ks27ph-topbar-inner{
    padding:0 44px !important;
  }

  .ks27ph-topbar-item{
    padding:0 20px !important;
    font-size:12.8px !important;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - ÜST BAR SOSYAL İKON + SABİT PREMIUM LACİVERT FINAL
   - Üst bar rengi sabit Premium Lacivert olarak ayarlandı
   - Sağ üst köşeye DB sosyal medya ikonları eklendi
   - Admin ana rengi değişse bile üst bar net ve okunur kalır
========================================================= */

@media(min-width:1200px){
  .ks27ph-topbar{
    min-height:48px !important;
    padding:0 34px !important;
    background:transparent !important;
    border-bottom:0 !important;
    overflow:visible !important;
  }

  .ks27ph-topbar::before,
  .ks27ph-topbar::after{
    display:none !important;
  }

  .ks27ph-topbar-inner{
    width:100% !important;
    max-width:1640px !important;
    min-height:48px !important;
    margin:0 auto !important;
    padding:0 54px !important;
    justify-content:space-between !important;
    gap:18px !important;
    border-radius:22px 22px 0 0 !important;
    position:relative !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 0% 50%, rgba(24,184,232,.16), transparent 30%),
      linear-gradient(135deg, #07111f 0%, #09285d 58%, #0a4aa8 100%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-bottom:0 !important;
    box-shadow:
      0 22px 45px rgba(2,8,23,.16),
      0 1px 0 rgba(255,255,255,.08) inset !important;
  }

  .ks27ph-topbar-inner::before{
    content:"" !important;
    position:absolute !important;
    left:-70px !important;
    top:0 !important;
    bottom:0 !important;
    width:300px !important;
    background:
      radial-gradient(circle at 12px 12px, rgba(255,255,255,.18) 1px, transparent 1.9px) !important;
    background-size:15px 15px !important;
    opacity:.18 !important;
    pointer-events:none !important;
  }

  .ks27ph-topbar-inner::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:330px !important;
    background:
      linear-gradient(135deg, transparent 0%, rgba(24,184,232,.24) 45%, rgba(255,255,255,.08) 100%) !important;
    clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;
    opacity:.80 !important;
    pointer-events:none !important;
  }

  .ks27ph-topbar-left{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .ks27ph-topbar-social{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:9px !important;
    position:relative !important;
    z-index:3 !important;
  }

  .ks27ph-topbar-social-link{
    width:30px !important;
    height:30px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    background:rgba(255,255,255,.09) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    text-decoration:none !important;
    box-shadow:0 10px 22px rgba(2,8,23,.16) !important;
    transition:transform .18s ease, background .18s ease, border-color .18s ease;
  }

  .ks27ph-topbar-social-link:hover{
    transform:translateY(-1px) !important;
    background:rgba(24,184,232,.24) !important;
    border-color:rgba(255,255,255,.32) !important;
    color:#ffffff !important;
    text-decoration:none !important;
  }

  .ks27ph-topbar-social-link svg{
    width:16px !important;
    height:16px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .ks27ph-topbar-social-link[data-social="facebook"] svg,
  .ks27ph-topbar-social-link[data-social="youtube"] svg,
  .ks27ph-topbar-social-link[data-social="telegram"] svg{
    fill:currentColor !important;
    stroke:none !important;
  }

  .ks27ph-topbar-item{
    min-height:48px !important;
    padding:0 25px !important;
    color:rgba(255,255,255,.90) !important;
    font-size:13.2px !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  }

  .ks27ph-topbar-item:first-child{
    padding-left:0 !important;
  }

  .ks27ph-topbar-item:hover{
    color:#ffffff !important;
  }

  .ks27ph-topbar-item .ks27ph-icon{
    color:#bfdbfe !important;
    opacity:.98 !important;
  }

  .ks27ph-topbar-separator{
    width:1px !important;
    height:22px !important;
    background:rgba(255,255,255,.24) !important;
    flex:0 0 1px !important;
  }
}

@media(max-width:1399px) and (min-width:1200px){
  .ks27ph-topbar{
    padding:0 22px !important;
  }

  .ks27ph-topbar-inner{
    padding:0 34px !important;
  }

  .ks27ph-topbar-item{
    padding:0 18px !important;
    font-size:12.7px !important;
  }

  .ks27ph-topbar-social{
    gap:7px !important;
  }

  .ks27ph-topbar-social-link{
    width:28px !important;
    height:28px !important;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - TAM FULL EKRAN HEADER FINAL
   - Üst bar ve ana header 100% / 100vw tam genişlik
   - Kapsül kenarlar kaldırıldı
   - Premium lacivert / petrol mavi kurumsal final görünüm
   - Sosyal ikonlar sağ üstte kalır
   - Mobilde üst bar gizli, mobil menü bozulmaz
========================================================= */

html,
body{
  overflow-x:hidden !important;
}

.ks27ph-header{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(24,184,232,.15), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.13), transparent 32%),
    linear-gradient(135deg, #07111f 0%, #082b47 48%, #063c5c 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 34px rgba(2,8,23,.24), 0 1px 0 rgba(255,255,255,.06) inset !important;
}

.ks27ph-header::after{
  left:0 !important;
  right:0 !important;
  height:2px !important;
  background:linear-gradient(90deg, transparent 0%, #22d3ee 22%, #ffffff 50%, #0ea5e9 78%, transparent 100%) !important;
  box-shadow:0 0 14px rgba(34,211,238,.36) !important;
  opacity:.65 !important;
}

.ks27ph-header::before{
  display:none !important;
}

.ks27ph-topbar{
  width:100vw !important;
  max-width:100vw !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  background:
    radial-gradient(circle at left center, rgba(24,184,232,.14), transparent 32%),
    linear-gradient(135deg, #061123 0%, #082f68 58%, #0756b8 100%) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

.ks27ph-topbar::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:330px !important;
  display:block !important;
  background:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.14) 1px, transparent 1.8px) !important;
  background-size:15px 15px !important;
  opacity:.16 !important;
  pointer-events:none !important;
}

.ks27ph-topbar::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:360px !important;
  display:block !important;
  background:linear-gradient(135deg, transparent 0%, rgba(24,184,232,.22) 44%, rgba(255,255,255,.08) 100%) !important;
  clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;
  opacity:.78 !important;
  pointer-events:none !important;
}

.ks27ph-topbar-inner{
  width:100% !important;
  max-width:none !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 46px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  position:relative !important;
  z-index:2 !important;
}

.ks27ph-topbar-inner::before,
.ks27ph-topbar-inner::after{
  display:none !important;
}

.ks27ph-topbar-left{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  position:relative !important;
  z-index:2 !important;
}

.ks27ph-topbar-item{
  min-height:46px !important;
  padding:0 24px !important;
  color:rgba(255,255,255,.90) !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
}

.ks27ph-topbar-item:first-child{
  padding-left:0 !important;
}

.ks27ph-topbar-item:hover{
  color:#ffffff !important;
}

.ks27ph-topbar-item .ks27ph-icon{
  color:#bfdbfe !important;
  opacity:1 !important;
}

.ks27ph-topbar-separator{
  width:1px !important;
  height:21px !important;
  background:rgba(255,255,255,.22) !important;
  flex:0 0 1px !important;
}

.ks27ph-topbar-social{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  position:relative !important;
  z-index:3 !important;
}

.ks27ph-topbar-social-link{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  text-decoration:none !important;
  box-shadow:0 10px 22px rgba(2,8,23,.16) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.ks27ph-topbar-social-link:hover{
  transform:translateY(-1px) !important;
  background:rgba(24,184,232,.24) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
  text-decoration:none !important;
}

.ks27ph-topbar-social-link svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
}

.ks27ph-inner{
  width:100% !important;
  max-width:none !important;
  min-height:84px !important;
  margin:0 !important;
  padding:0 46px !important;
  gap:28px !important;
}

.ks27ph-logo{
  min-width:310px !important;
}

.ks27ph-logo-link{
  max-width:330px !important;
  filter:drop-shadow(0 10px 22px rgba(2,8,23,.24)) !important;
}

.ks27ph-logo-link:hover{
  transform:translateY(-1px) !important;
  filter:drop-shadow(0 14px 26px rgba(2,8,23,.30)) !important;
}

.ks27ph-nav{
  gap:25px !important;
  justify-content:center !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
}

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  min-height:54px !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.92) !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
  text-shadow:none !important;
  opacity:.94 !important;
}

.ks27ph-nav-link::after,
.ks27ph-drop-trigger::after{
  left:0 !important;
  right:0 !important;
  bottom:7px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent 0%, #22d3ee 50%, transparent 100%) !important;
  box-shadow:none !important;
  transform:scaleX(0) !important;
  opacity:0 !important;
}

.ks27ph-nav-link:hover,
.ks27ph-drop:hover .ks27ph-drop-trigger,
.ks27ph-drop:focus-within .ks27ph-drop-trigger,
.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active{
  color:#ffffff !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
}

.ks27ph-nav-link:hover::after,
.ks27ph-drop:hover .ks27ph-drop-trigger::after,
.ks27ph-drop:focus-within .ks27ph-drop-trigger::after,
.ks27ph-nav-link.is-active::after,
.ks27ph-drop-trigger.is-active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

.ks27ph-cta{
  min-height:52px !important;
  padding:0 32px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, #16b7e8 0%, #0b64c7 100%) !important;
  box-shadow:0 16px 30px rgba(14,165,233,.24) !important;
  color:#ffffff !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
}

.ks27ph-cta:hover{
  box-shadow:0 20px 38px rgba(14,165,233,.30) !important;
}

@media(max-width:1600px){
  .ks27ph-topbar-inner{
    padding:0 34px !important;
  }

  .ks27ph-inner{
    padding:0 34px !important;
    gap:22px !important;
  }

  .ks27ph-logo{
    min-width:250px !important;
  }

  .ks27ph-logo-link img{
    max-width:250px !important;
  }

  .ks27ph-nav{
    gap:20px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:14px !important;
  }
}

@media(max-width:1480px){
  .ks27ph-topbar-inner{
    padding:0 24px !important;
  }

  .ks27ph-inner{
    padding:0 24px !important;
    gap:18px !important;
  }

  .ks27ph-topbar-item{
    padding:0 18px !important;
    font-size:12.8px !important;
  }

  .ks27ph-logo{
    min-width:220px !important;
  }

  .ks27ph-logo-link img{
    max-width:220px !important;
  }

  .ks27ph-nav{
    gap:15px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:13.5px !important;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none !important;
  }

  .ks27ph-header{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .ks27ph-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:70px !important;
    padding:0 14px !important;
  }

  .ks27ph-logo{
    min-width:0 !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - TAM FULL EKRAN DİNAMİK RENK FINAL
   - Tüm mevcut PHP / DB / menü / iletişim / sosyal medya dinamik yapısı korunur
   - Header ve üst bar renkleri admin ayarlarından gelen CSS değişkenlerini kullanır
   - Sabit lacivert / yeşil / mavi dayatması yoktur
   - Admin rengi değişince header otomatik uyum sağlar
========================================================= */

html,
body{
  overflow-x:hidden !important;
}

.ks27ph-header{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 0% 0%, var(--ks27ph-glass), transparent 34%),
    radial-gradient(circle at 100% 0%, var(--ks27ph-button-glow), transparent 32%),
    linear-gradient(135deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 50%, var(--ks27ph-header-bg-softer) 100%) !important;
  border-bottom:1px solid var(--ks27ph-border) !important;
  box-shadow:
    0 14px 34px rgba(2,8,23,.24),
    0 1px 0 rgba(255,255,255,.06) inset !important;
}

.ks27ph-header::after{
  left:0 !important;
  right:0 !important;
  height:2px !important;
  background:
    linear-gradient(90deg, transparent 0%, var(--ks27ph-button) 22%, var(--ks27ph-neon) 50%, var(--ks27ph-button) 78%, transparent 100%) !important;
  box-shadow:0 0 14px var(--ks27ph-neon-soft) !important;
  opacity:.70 !important;
}

.ks27ph-header::before{
  display:none !important;
}

/* ÜST BAR - DİNAMİK RENK */
.ks27ph-topbar{
  width:100vw !important;
  max-width:100vw !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  background:
    radial-gradient(circle at left center, var(--ks27ph-glass), transparent 32%),
    linear-gradient(135deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 58%, var(--ks27ph-header-bg-softer) 100%) !important;
  border:0 !important;
  border-bottom:1px solid var(--ks27ph-border) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

.ks27ph-topbar::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:330px !important;
  display:block !important;
  background:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.16) 1px, transparent 1.8px) !important;
  background-size:15px 15px !important;
  opacity:.15 !important;
  pointer-events:none !important;
}

.ks27ph-topbar::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:360px !important;
  display:block !important;
  background:
    linear-gradient(135deg, transparent 0%, var(--ks27ph-button-glow) 44%, rgba(255,255,255,.08) 100%) !important;
  clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;
  opacity:.82 !important;
  pointer-events:none !important;
}

.ks27ph-topbar-inner{
  width:100% !important;
  max-width:none !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 46px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  position:relative !important;
  z-index:2 !important;
}

.ks27ph-topbar-inner::before,
.ks27ph-topbar-inner::after{
  display:none !important;
}

.ks27ph-topbar-left{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  position:relative !important;
  z-index:2 !important;
}

.ks27ph-topbar-item{
  min-height:46px !important;
  padding:0 24px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(0,0,0,.20) !important;
}

.ks27ph-topbar-item:first-child{
  padding-left:0 !important;
}

.ks27ph-topbar-item:hover{
  color:#ffffff !important;
}

.ks27ph-topbar-item .ks27ph-icon{
  color:var(--ks27ph-neon) !important;
  opacity:1 !important;
}

.ks27ph-topbar-separator{
  width:1px !important;
  height:21px !important;
  background:rgba(255,255,255,.24) !important;
  flex:0 0 1px !important;
}

.ks27ph-topbar-social{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  position:relative !important;
  z-index:3 !important;
}

.ks27ph-topbar-social-link{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  text-decoration:none !important;
  box-shadow:0 10px 22px rgba(2,8,23,.16) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.ks27ph-topbar-social-link:hover{
  transform:translateY(-1px) !important;
  background:var(--ks27ph-button-glow) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#ffffff !important;
  text-decoration:none !important;
}

.ks27ph-topbar-social-link svg{
  width:16px !important;
  height:16px !important;
  display:block !important;
}

/* ANA HEADER FULL WIDTH */
.ks27ph-inner{
  width:100% !important;
  max-width:none !important;
  min-height:84px !important;
  margin:0 !important;
  padding:0 46px !important;
  gap:28px !important;
}

.ks27ph-logo{
  min-width:310px !important;
}

.ks27ph-logo-link{
  max-width:330px !important;
  filter:drop-shadow(0 10px 22px rgba(2,8,23,.24)) !important;
}

.ks27ph-logo-link:hover{
  transform:translateY(-1px) !important;
  filter:drop-shadow(0 14px 26px rgba(2,8,23,.30)) !important;
}

/* MENÜ - DİNAMİK RENK VE SABİT SIRALI */
.ks27ph-nav{
  gap:25px !important;
  justify-content:center !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
}

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  min-height:54px !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--ks27ph-menu-text) !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
  text-shadow:none !important;
  opacity:.94 !important;
}

.ks27ph-nav-link::after,
.ks27ph-drop-trigger::after{
  left:0 !important;
  right:0 !important;
  bottom:7px !important;
  height:2px !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg, transparent 0%, var(--ks27ph-neon) 50%, transparent 100%) !important;
  box-shadow:none !important;
  transform:scaleX(0) !important;
  opacity:0 !important;
}

.ks27ph-nav-link:hover,
.ks27ph-drop:hover .ks27ph-drop-trigger,
.ks27ph-drop:focus-within .ks27ph-drop-trigger,
.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active{
  color:var(--ks27ph-hover-text) !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1 !important;
}

.ks27ph-nav-link:hover::after,
.ks27ph-drop:hover .ks27ph-drop-trigger::after,
.ks27ph-drop:focus-within .ks27ph-drop-trigger::after,
.ks27ph-nav-link.is-active::after,
.ks27ph-drop-trigger.is-active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

/* TEKLİF BUTONU - ADMIN RENKLERİNE UYUMLU */
.ks27ph-cta{
  min-height:52px !important;
  padding:0 32px !important;
  border-radius:16px !important;
  background:
    linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
  box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
  color:var(--ks27ph-button-text) !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
}

.ks27ph-cta:hover{
  box-shadow:0 20px 38px var(--ks27ph-button-glow) !important;
}

/* DROPDOWN - ADMIN RENK UYUMLU */
.ks27ph-drop-panel{
  background:
    linear-gradient(180deg, var(--ks27ph-header-bg-soft), var(--ks27ph-header-bg)) !important;
  border:1px solid var(--ks27ph-border) !important;
  box-shadow:0 26px 60px rgba(2,8,23,.34) !important;
}

.ks27ph-drop-panel::before{
  background:var(--ks27ph-header-bg) !important;
  border-left:1px solid var(--ks27ph-border) !important;
  border-top:1px solid var(--ks27ph-border) !important;
}

.ks27ph-drop-panel a{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--ks27ph-menu-text) !important;
}

.ks27ph-drop-panel a:hover{
  background:var(--ks27ph-item-hover) !important;
  border-color:var(--ks27ph-border) !important;
  color:var(--ks27ph-hover-text) !important;
}

/* RESPONSIVE */
@media(max-width:1600px){
  .ks27ph-topbar-inner{
    padding:0 34px !important;
  }

  .ks27ph-inner{
    padding:0 34px !important;
    gap:22px !important;
  }

  .ks27ph-logo{
    min-width:250px !important;
  }

  .ks27ph-logo-link img{
    max-width:250px !important;
  }

  .ks27ph-nav{
    gap:20px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:14px !important;
  }
}

@media(max-width:1480px){
  .ks27ph-topbar-inner{
    padding:0 24px !important;
  }

  .ks27ph-inner{
    padding:0 24px !important;
    gap:18px !important;
  }

  .ks27ph-topbar-item{
    padding:0 18px !important;
    font-size:12.8px !important;
  }

  .ks27ph-logo{
    min-width:220px !important;
  }

  .ks27ph-logo-link img{
    max-width:220px !important;
  }

  .ks27ph-nav{
    gap:15px !important;
  }

  .ks27ph-nav-link,
  .ks27ph-drop-trigger{
    font-size:13.5px !important;
  }
}

@media(max-width:1199px){
  .ks27ph-topbar{
    display:none !important;
  }

  .ks27ph-header{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .ks27ph-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:70px !important;
    padding:0 14px !important;
  }

  .ks27ph-logo{
    min-width:0 !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - MOBİL MENÜ DİNAMİK RENK FINAL
   - Mobil menü seçilen admin rengine göre değişir
   - Beyaz/uyumsuz mobil menü görünümü engellenir
   - İstenen koyu premium mobil menü kart yapısı korunur
   - Desktop header ve üst bar dinamik yapısı korunur
========================================================= */

@media(max-width:1199px){
  body.ks27ph-menu-open,
  body.ks27-mobile-menu-open,
  body.menu-open{
    overflow:hidden !important;
  }

  .ks27ph-mobile-menu,
  .ks27ph-mobile-panel,
  #ks27phMobileMenu{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-button-glow), transparent 30%),
      radial-gradient(circle at 100% 0%, var(--ks27ph-glass), transparent 28%),
      linear-gradient(145deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 55%, var(--ks27ph-header-bg) 100%) !important;
    color:var(--ks27ph-menu-text) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  .ks27ph-mobile-menu::before,
  .ks27ph-mobile-panel::before,
  #ks27phMobileMenu::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      radial-gradient(circle at 12px 12px, rgba(255,255,255,.08) 1px, transparent 1.9px) !important;
    background-size:18px 18px !important;
    opacity:.10 !important;
    pointer-events:none !important;
  }

  .ks27ph-mobile-menu-inner,
  .ks27ph-mobile-inner,
  .ks27ph-drawer-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    max-height:100dvh !important;
    padding:20px 14px 22px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:thin !important;
    scrollbar-color:var(--ks27ph-button) rgba(255,255,255,.08) !important;
  }

  .ks27ph-mobile-head,
  .ks27ph-mobile-header,
  .ks27ph-drawer-head{
    min-height:78px !important;
    margin:0 0 18px !important;
    padding:0 8px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    border-bottom:1px solid var(--ks27ph-border) !important;
    background:transparent !important;
  }

  .ks27ph-mobile-logo,
  .ks27ph-mobile-logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    max-width:270px !important;
    text-decoration:none !important;
  }

  .ks27ph-mobile-logo img,
  .ks27ph-mobile-head img,
  .ks27ph-mobile-header img{
    max-width:235px !important;
    max-height:62px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 22px rgba(2,8,23,.30)) !important;
  }

  .ks27ph-close,
  .ks27ph-mobile-close,
  .ks27ph-menu-close{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    border:0 !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
  }

  .ks27ph-close svg,
  .ks27ph-mobile-close svg,
  .ks27ph-menu-close svg{
    width:24px !important;
    height:24px !important;
    stroke:currentColor !important;
  }

  .ks27ph-mobile-nav,
  .ks27ph-mobile-links,
  .ks27ph-drawer-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:0 0 18px !important;
    margin:0 !important;
    list-style:none !important;
  }

  .ks27ph-mobile-nav a,
  .ks27ph-mobile-link,
  .ks27ph-mobile-toggle,
  .ks27ph-drawer-menu a,
  .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link){
    min-height:72px !important;
    width:100% !important;
    padding:0 24px !important;
    border-radius:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    text-decoration:none !important;
    color:var(--ks27ph-menu-text) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
    border:1px solid var(--ks27ph-border) !important;
    box-shadow:
      0 14px 28px rgba(2,8,23,.16),
      0 1px 0 rgba(255,255,255,.06) inset !important;
    font-size:20px !important;
    font-weight:850 !important;
    letter-spacing:.01em !important;
    line-height:1.2 !important;
    text-transform:none !important;
    text-shadow:none !important;
  }

  .ks27ph-mobile-nav a:hover,
  .ks27ph-mobile-link:hover,
  .ks27ph-mobile-toggle:hover,
  .ks27ph-drawer-menu a:hover,
  .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link):hover{
    color:var(--ks27ph-hover-text) !important;
    background:
      linear-gradient(180deg, var(--ks27ph-item-hover), rgba(255,255,255,.040)) !important;
    border-color:var(--ks27ph-border) !important;
    text-decoration:none !important;
  }

  .ks27ph-mobile-nav a.is-active,
  .ks27ph-mobile-link.is-active,
  .ks27ph-drawer-menu a.is-active{
    color:var(--ks27ph-hover-text) !important;
    border-color:var(--ks27ph-border) !important;
    background:
      linear-gradient(180deg, var(--ks27ph-item-hover), rgba(255,255,255,.045)) !important;
  }

  .ks27ph-mobile-toggle,
  .ks27ph-mobile-has-child > a,
  .ks27ph-mobile-parent > a{
    position:relative !important;
  }

  .ks27ph-mobile-toggle .ks27ph-icon,
  .ks27ph-mobile-has-child > a .ks27ph-icon,
  .ks27ph-mobile-parent > a .ks27ph-icon,
  .ks27ph-mobile-arrow{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    margin-right:-12px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
  }

  .ks27ph-mobile-toggle .ks27ph-icon svg,
  .ks27ph-mobile-has-child > a .ks27ph-icon svg,
  .ks27ph-mobile-parent > a .ks27ph-icon svg,
  .ks27ph-mobile-arrow svg{
    width:22px !important;
    height:22px !important;
    stroke:currentColor !important;
  }

  .ks27ph-mobile-sub,
  .ks27ph-mobile-dropdown,
  .ks27ph-drawer-submenu{
    display:none;
    margin:8px 0 0 !important;
    padding:0 0 0 12px !important;
    border-left:2px solid var(--ks27ph-border) !important;
  }

  .ks27ph-mobile-sub.is-open,
  .ks27ph-mobile-dropdown.is-open,
  .ks27ph-mobile-item.open > .ks27ph-mobile-sub,
  .ks27ph-mobile-item.open > .ks27ph-mobile-dropdown,
  .ks27ph-drawer-item.open > .ks27ph-drawer-submenu{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
  }

  .ks27ph-mobile-sub a,
  .ks27ph-mobile-dropdown a,
  .ks27ph-drawer-submenu a{
    min-height:58px !important;
    border-radius:18px !important;
    padding:0 18px !important;
    font-size:16px !important;
    font-weight:750 !important;
    background:rgba(255,255,255,.045) !important;
  }

  .ks27ph-mobile-contact,
  .ks27ph-mobile-info,
  .ks27ph-drawer-contact{
    margin-top:12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  .ks27ph-mobile-contact a,
  .ks27ph-mobile-info a,
  .ks27ph-mobile-info span,
  .ks27ph-drawer-contact a,
  .ks27ph-drawer-contact span{
    min-height:66px !important;
    padding:0 22px !important;
    border-radius:22px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    color:var(--ks27ph-menu-text) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
    border:1px solid var(--ks27ph-border) !important;
    text-decoration:none !important;
    font-size:18px !important;
    font-weight:850 !important;
  }

  .ks27ph-mobile-contact .ks27ph-icon,
  .ks27ph-mobile-info .ks27ph-icon,
  .ks27ph-drawer-contact .ks27ph-icon{
    color:var(--ks27ph-neon) !important;
  }

  .ks27ph-mobile-social,
  .ks27ph-drawer-social{
    margin-top:14px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }

  .ks27ph-mobile-social a,
  .ks27ph-drawer-social a{
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 14px 26px var(--ks27ph-button-glow) !important;
  }
}

@media(max-width:575.98px){
  .ks27ph-mobile-menu-inner,
  .ks27ph-mobile-inner,
  .ks27ph-drawer-inner{
    padding:18px 10px 20px !important;
  }

  .ks27ph-mobile-nav a,
  .ks27ph-mobile-link,
  .ks27ph-mobile-toggle,
  .ks27ph-drawer-menu a,
  .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link){
    min-height:72px !important;
    padding:0 24px !important;
    border-radius:22px !important;
    font-size:20px !important;
  }

  .ks27ph-mobile-logo img,
  .ks27ph-mobile-head img,
  .ks27ph-mobile-header img{
    max-width:245px !important;
    max-height:64px !important;
  }

  .ks27ph-close,
  .ks27ph-mobile-close,
  .ks27ph-menu-close{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
  }
}

/* Light theme seçili olsa bile mobil menü okunaklı kalsın */
@media(max-width:1199px){
  html[data-theme="light"] .ks27ph-mobile-menu,
  html[data-theme="light"] .ks27ph-mobile-panel,
  html[data-theme="light"] #ks27phMobileMenu{
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-button-glow), transparent 30%),
      linear-gradient(145deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 55%, var(--ks27ph-header-bg) 100%) !important;
  }

  html[data-theme="light"] .ks27ph-mobile-nav a,
  html[data-theme="light"] .ks27ph-mobile-link,
  html[data-theme="light"] .ks27ph-mobile-toggle,
  html[data-theme="light"] .ks27ph-drawer-menu a,
  html[data-theme="light"] .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link){
    color:var(--ks27ph-menu-text) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border-color:var(--ks27ph-border) !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - TÜM MENÜ BAŞLIKLARI DİNAMİK RENK FINAL
   - Anasayfa / Kurumsal / Galeri gibi aktif veya normal kalan menüler dahil
   - Menü yazıları sabit beyaz kalmaz
   - Admin panelden seçilen vurgu rengine göre yazı/alt çizgi/ikon renkleri uyum sağlar
   - Hover/aktif durumda aynı dinamik renk kullanılır
========================================================= */

.ks27ph-nav-link,
.ks27ph-drop-trigger{
  color:var(--ks27ph-menu-text) !important;
}

.ks27ph-nav-link.is-active,
.ks27ph-drop-trigger.is-active,
.ks27ph-nav-link:hover,
.ks27ph-drop:hover .ks27ph-drop-trigger,
.ks27ph-drop:focus-within .ks27ph-drop-trigger{
  color:var(--ks27ph-neon) !important;
}

.ks27ph-nav-link::after,
.ks27ph-drop-trigger::after{
  background:linear-gradient(90deg, transparent 0%, var(--ks27ph-neon) 50%, transparent 100%) !important;
  box-shadow:0 0 10px var(--ks27ph-neon-soft) !important;
}

.ks27ph-drop-trigger .ks27ph-icon,
.ks27ph-nav-link .ks27ph-icon{
  color:currentColor !important;
}

.ks27ph-drop-trigger .ks27ph-icon svg,
.ks27ph-nav-link .ks27ph-icon svg{
  stroke:currentColor !important;
}

.ks27ph-mobile-nav a,
.ks27ph-mobile-link,
.ks27ph-mobile-toggle,
.ks27ph-drawer-menu a,
.ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link){
  color:var(--ks27ph-menu-text) !important;
}

.ks27ph-mobile-nav a.is-active,
.ks27ph-mobile-link.is-active,
.ks27ph-drawer-menu a.is-active,
.ks27ph-mobile-nav a:hover,
.ks27ph-mobile-link:hover,
.ks27ph-mobile-toggle:hover,
.ks27ph-drawer-menu a:hover,
.ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link):hover{
  color:var(--ks27ph-neon) !important;
}

.ks27ph-mobile-toggle .ks27ph-icon,
.ks27ph-mobile-has-child > a .ks27ph-icon,
.ks27ph-mobile-parent > a .ks27ph-icon,
.ks27ph-mobile-arrow,
.ks27ph-close,
.ks27ph-mobile-close,
.ks27ph-menu-close{
  background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
  color:var(--ks27ph-button-text) !important;
  box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
}

.ks27ph-cta{
  background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
  color:var(--ks27ph-button-text) !important;
  box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
}

.ks27ph-topbar-item .ks27ph-icon,
.ks27ph-mobile-contact .ks27ph-icon,
.ks27ph-mobile-info .ks27ph-icon,
.ks27ph-drawer-contact .ks27ph-icon{
  color:var(--ks27ph-neon) !important;
}

/* Light tema seçili olsa bile menü vurgu rengi admin renginden gelsin */
html[data-theme="light"] .ks27ph-nav-link.is-active,
html[data-theme="light"] .ks27ph-drop-trigger.is-active,
html[data-theme="light"] .ks27ph-nav-link:hover,
html[data-theme="light"] .ks27ph-drop:hover .ks27ph-drop-trigger,
html[data-theme="light"] .ks27ph-drop:focus-within .ks27ph-drop-trigger{
  color:var(--ks27ph-neon) !important;
}

@media(max-width:1199px){
  html[data-theme="light"] .ks27ph-mobile-nav a,
  html[data-theme="light"] .ks27ph-mobile-link,
  html[data-theme="light"] .ks27ph-mobile-toggle,
  html[data-theme="light"] .ks27ph-drawer-menu a,
  html[data-theme="light"] .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link){
    color:var(--ks27ph-menu-text) !important;
  }

  html[data-theme="light"] .ks27ph-mobile-nav a.is-active,
  html[data-theme="light"] .ks27ph-mobile-link.is-active,
  html[data-theme="light"] .ks27ph-drawer-menu a.is-active,
  html[data-theme="light"] .ks27ph-mobile-nav a:hover,
  html[data-theme="light"] .ks27ph-mobile-link:hover,
  html[data-theme="light"] .ks27ph-mobile-toggle:hover,
  html[data-theme="light"] .ks27ph-drawer-menu a:hover,
  html[data-theme="light"] .ks27ph-mobile-menu a:not(.ks27ph-topbar-social-link):hover{
    color:var(--ks27ph-neon) !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - DESKTOP + MOBİL MENÜ RENK KESİN FINAL
   - Desktop'ta Anasayfa / Kurumsal / Galeri dahil tüm ana menüler admin vurgu rengine bağlandı
   - Mobilde beyaz kart/patlama engellendi
   - Mobil menü kartları koyu premium + admin rengi uyumlu hale getirildi
   - Mevcut PHP/DB/dinamik menü yapısı korunur
========================================================= */

/* DESKTOP ANA MENÜLER - HEPSİ DİNAMİK RENK */
#ks27PublicHeader .ks27ph-nav .ks27ph-nav-link,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger,
#ks27PublicHeader .ks27ph-nav .ks27ph-nav-link:visited,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger:visited{
  color:var(--ks27ph-neon) !important;
  opacity:1 !important;
}

#ks27PublicHeader .ks27ph-nav .ks27ph-nav-link:hover,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop:hover .ks27ph-drop-trigger,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop:focus-within .ks27ph-drop-trigger,
#ks27PublicHeader .ks27ph-nav .ks27ph-nav-link.is-active,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger.is-active{
  color:var(--ks27ph-neon) !important;
  opacity:1 !important;
}

#ks27PublicHeader .ks27ph-nav .ks27ph-nav-link::after,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger::after{
  background:linear-gradient(90deg, transparent 0%, var(--ks27ph-neon) 50%, transparent 100%) !important;
  box-shadow:0 0 12px var(--ks27ph-neon-soft) !important;
}

#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger .ks27ph-icon,
#ks27PublicHeader .ks27ph-nav .ks27ph-drop-trigger .ks27ph-icon svg{
  color:var(--ks27ph-neon) !important;
  stroke:currentColor !important;
}

/* MOBİL MENÜ - KESİN KOYU / DİNAMİK RENK */
@media(max-width:1199px){
  .ks27ph-mobile,
  #ks27phMobileMenu{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-button-glow), transparent 32%),
      radial-gradient(circle at 100% 0%, var(--ks27ph-glass), transparent 30%),
      linear-gradient(145deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 54%, var(--ks27ph-header-bg) 100%) !important;
    color:var(--ks27ph-menu-text) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .ks27ph-mobile::before,
  #ks27phMobileMenu::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      radial-gradient(circle at 12px 12px, rgba(255,255,255,.08) 1px, transparent 1.9px) !important;
    background-size:18px 18px !important;
    opacity:.10 !important;
    pointer-events:none !important;
  }

  .ks27ph-mobile-head{
    min-height:88px !important;
    padding:16px 22px !important;
    background:rgba(255,255,255,.035) !important;
    border-bottom:1px solid var(--ks27ph-border) !important;
    box-shadow:none !important;
    position:relative !important;
    z-index:3 !important;
  }

  .ks27ph-mobile-logo img{
    max-width:270px !important;
    max-height:68px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 14px 26px rgba(2,8,23,.35)) !important;
  }

  .ks27ph-close{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border:0 !important;
    border-radius:20px !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 18px 34px var(--ks27ph-button-glow) !important;
  }

  .ks27ph-close svg,
  .ks27ph-close svg path{
    stroke:currentColor !important;
  }

  .ks27ph-mobile-body{
    position:relative !important;
    z-index:2 !important;
    padding:22px 22px 26px !important;
    background:transparent !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:thin !important;
    scrollbar-color:var(--ks27ph-button) rgba(255,255,255,.08) !important;
  }

  .ks27ph-mobile-list{
    display:grid !important;
    gap:14px !important;
  }

  .ks27ph-mobile-item{
    min-height:74px !important;
    border-radius:26px !important;
    overflow:hidden !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border:1px solid var(--ks27ph-border) !important;
    box-shadow:
      0 16px 34px rgba(2,8,23,.18),
      0 1px 0 rgba(255,255,255,.06) inset !important;
  }

  .ks27ph-mobile-row{
    min-height:74px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    background:transparent !important;
  }

  .ks27ph-mobile-row > a,
  .ks27ph-mobile-row > a:visited{
    min-height:74px !important;
    padding:0 28px !important;
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    color:var(--ks27ph-neon) !important;
    background:transparent !important;
    border:0 !important;
    text-decoration:none !important;
    font-size:21px !important;
    font-weight:900 !important;
    letter-spacing:.015em !important;
    line-height:1.2 !important;
    text-shadow:none !important;
  }

  .ks27ph-mobile-row > a:hover,
  .ks27ph-mobile-row > a.is-active,
  .ks27ph-mobile-item.is-sub-open > .ks27ph-mobile-row > a{
    color:var(--ks27ph-neon) !important;
    background:transparent !important;
  }

  .ks27ph-mobile-toggle{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    margin-right:8px !important;
    border:0 !important;
    border-radius:21px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 18px 34px var(--ks27ph-button-glow) !important;
  }

  .ks27ph-mobile-toggle svg,
  .ks27ph-mobile-toggle svg path{
    width:24px !important;
    height:24px !important;
    stroke:currentColor !important;
  }

  .ks27ph-mobile-toggle.is-active{
    transform:rotate(90deg) !important;
  }

  .ks27ph-mobile-sub{
    padding:0 16px 16px !important;
    background:transparent !important;
  }

  .ks27ph-mobile-sub.is-open{
    display:block !important;
  }

  .ks27ph-mobile-sub a,
  .ks27ph-mobile-sub a:visited{
    min-height:58px !important;
    margin:0 0 9px !important;
    padding:0 20px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    color:var(--ks27ph-menu-text) !important;
    background:rgba(255,255,255,.050) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:800 !important;
  }

  .ks27ph-mobile-sub a:hover{
    color:var(--ks27ph-neon) !important;
    background:var(--ks27ph-item-hover) !important;
    border-color:var(--ks27ph-border) !important;
  }

  .ks27ph-mobile-sub .ks27ph-mobile-all{
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    justify-content:center !important;
  }

  .ks27ph-contact-card,
  .ks27ph-contact-card:visited{
    min-height:70px !important;
    padding:0 24px !important;
    border-radius:24px !important;
    color:var(--ks27ph-neon) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border:1px solid var(--ks27ph-border) !important;
    text-decoration:none !important;
    font-size:19px !important;
    font-weight:900 !important;
    box-shadow:
      0 16px 34px rgba(2,8,23,.18),
      0 1px 0 rgba(255,255,255,.06) inset !important;
  }

  .ks27ph-contact-card:hover{
    color:var(--ks27ph-neon) !important;
    background:var(--ks27ph-item-hover) !important;
    text-decoration:none !important;
  }

  .ks27ph-contact-card .ks27ph-icon,
  .ks27ph-contact-card .ks27ph-icon svg{
    color:var(--ks27ph-neon) !important;
    stroke:currentColor !important;
  }

  .ks27ph-mobile-social{
    margin-top:18px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
  }

  .ks27ph-mobile-social .ks27ph-social-link,
  .ks27ph-mobile-social .ks27ph-social-link:visited{
    width:58px !important;
    height:58px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:900 !important;
    box-shadow:0 18px 34px var(--ks27ph-button-glow) !important;
  }

  /* Light theme kaynaklı beyaz kartları kesin kapat */
  html[data-theme="light"] .ks27ph-mobile,
  html[data-theme="light"] #ks27phMobileMenu{
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-button-glow), transparent 32%),
      linear-gradient(145deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 54%, var(--ks27ph-header-bg) 100%) !important;
  }

  html[data-theme="light"] .ks27ph-mobile-item,
  html[data-theme="light"] .ks27ph-contact-card{
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border-color:var(--ks27ph-border) !important;
  }

  html[data-theme="light"] .ks27ph-mobile-row > a,
  html[data-theme="light"] .ks27ph-contact-card{
    color:var(--ks27ph-neon) !important;
  }
}

@media(max-width:575.98px){
  .ks27ph-mobile-head{
    min-height:86px !important;
    padding:14px 20px !important;
  }

  .ks27ph-mobile-logo img{
    max-width:260px !important;
    max-height:66px !important;
  }

  .ks27ph-mobile-body{
    padding:20px 20px 26px !important;
  }

  .ks27ph-mobile-list{
    gap:13px !important;
  }

  .ks27ph-mobile-item,
  .ks27ph-mobile-row,
  .ks27ph-mobile-row > a{
    min-height:74px !important;
  }

  .ks27ph-mobile-row > a{
    padding:0 26px !important;
    font-size:21px !important;
  }

  .ks27ph-mobile-toggle{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    margin-right:8px !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - ÜST BAR İKON BÖLGESİ RENK KAT FINAL
   - Sağ üst ikon alanı görseldeki gibi renk katmanlı / ayrışmış görünür
   - Renkler admin seçilen dinamik tonlara göre uyum sağlar
   - Tüm mevcut PHP/DB/dinamik yapı korunur
========================================================= */

@media(min-width:1200px){
  #ks27PublicHeader .ks27ph-topbar{
    overflow:hidden !important;
  }

  #ks27PublicHeader .ks27ph-topbar-inner{
    position:relative !important;
    overflow:hidden !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social{
    position:relative !important;
    z-index:4 !important;
    min-height:46px !important;
    padding:0 10px 0 34px !important;
    margin-left:24px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    isolation:isolate !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social::before{
    content:"" !important;
    position:absolute !important;
    left:-42px !important;
    top:-14px !important;
    bottom:-14px !important;
    right:-42px !important;
    z-index:-2 !important;
    background:
      linear-gradient(135deg,
        transparent 0%,
        rgba(255,255,255,.03) 18%,
        var(--ks27ph-glass) 46%,
        var(--ks27ph-button-glow) 74%,
        rgba(255,255,255,.08) 100%
      ) !important;
    clip-path:polygon(14% 0,100% 0,100% 100%,0 100%) !important;
    opacity:.98 !important;
    border-left:1px solid rgba(255,255,255,.10) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social::after{
    content:"" !important;
    position:absolute !important;
    inset:0 -28px 0 0 !important;
    z-index:-1 !important;
    background:
      linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.02) 16%,
        rgba(255,255,255,.06) 100%
      ) !important;
    clip-path:polygon(16% 0,100% 0,100% 100%,2% 100%) !important;
    opacity:.90 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link{
    width:38px !important;
    height:38px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:
      0 12px 24px rgba(2,8,23,.18),
      0 0 0 1px rgba(255,255,255,.02) inset !important;
    backdrop-filter:blur(2px) !important;
    -webkit-backdrop-filter:blur(2px) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link:hover{
    transform:translateY(-1px) scale(1.03) !important;
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.34) !important;
    box-shadow:
      0 16px 28px rgba(2,8,23,.22),
      0 0 18px var(--ks27ph-button-glow) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link svg{
    width:17px !important;
    height:17px !important;
  }
}

@media(max-width:1399px) and (min-width:1200px){
  #ks27PublicHeader .ks27ph-topbar-social{
    padding-left:28px !important;
    margin-left:16px !important;
    gap:8px !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link{
    width:36px !important;
    height:36px !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - ÜST HEADER BAR SABİT MAVİ FINAL
   - Sadece üst header bar sabit mavi tona alınır
   - Ana header / menü / mobil yapı / DB dinamik yapı korunur
   - Kullanıcının verdiği görseldeki premium mavi tona sabitlenir
========================================================= */

@media(min-width:1200px){
  #ks27PublicHeader .ks27ph-topbar{
    background:
      linear-gradient(135deg, #0d4da4 0%, #1567c2 52%, #0e56b0 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }

  #ks27PublicHeader .ks27ph-topbar::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:320px !important;
    display:block !important;
    background:
      radial-gradient(circle at 12px 12px, rgba(255,255,255,.14) 1px, transparent 1.8px) !important;
    background-size:15px 15px !important;
    opacity:.15 !important;
    pointer-events:none !important;
  }

  #ks27PublicHeader .ks27ph-topbar::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:360px !important;
    display:block !important;
    background:
      linear-gradient(135deg, transparent 0%, rgba(255,255,255,.08) 42%, rgba(255,255,255,.16) 100%) !important;
    clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;
    opacity:.90 !important;
    pointer-events:none !important;
  }

  #ks27PublicHeader .ks27ph-topbar-inner{
    background:transparent !important;
    box-shadow:none !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item,
  #ks27PublicHeader .ks27ph-topbar-item:visited{
    color:rgba(255,255,255,.96) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item:hover{
    color:#ffffff !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item .ks27ph-icon,
  #ks27PublicHeader .ks27ph-topbar-item .ks27ph-icon svg{
    color:#ffffff !important;
    stroke:currentColor !important;
    opacity:.98 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-separator{
    background:rgba(255,255,255,.22) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social{
    position:relative !important;
    z-index:4 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social::before{
    content:"" !important;
    position:absolute !important;
    left:-38px !important;
    top:-16px !important;
    bottom:-16px !important;
    right:-36px !important;
    z-index:-2 !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.08) 32%, rgba(255,255,255,.15) 100%) !important;
    clip-path:polygon(16% 0,100% 0,100% 100%,0 100%) !important;
    border-left:1px solid rgba(255,255,255,.10) !important;
    opacity:.85 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:
      0 10px 20px rgba(7, 28, 68, .20),
      0 0 0 1px rgba(255,255,255,.03) inset !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link:hover{
    background:rgba(255,255,255,.20) !important;
    border-color:rgba(255,255,255,.34) !important;
    box-shadow:
      0 14px 26px rgba(7, 28, 68, .24),
      0 0 18px rgba(255,255,255,.10) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link,
  #ks27PublicHeader .ks27ph-topbar-social-link svg{
    color:#ffffff !important;
    stroke:currentColor !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="facebook"] svg,
  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="youtube"] svg,
  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="telegram"] svg{
    fill:currentColor !important;
    stroke:none !important;
  }
}

@media(max-width:1199px){
  #ks27PublicHeader .ks27ph-topbar{
    display:none !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - ÜST HEADER BAR ADMIN RENK FINAL
   - Üst bar artık sabit mavi değil, admin renk ayarlarından gelir.
   - header_topbar_bg_color / text / icon / accent / social kolonlarını kullanır.
   - Üst barda telefon tek yerde kalır; ana header aksiyonundaki ikinci telefon kaldırıldı.
========================================================= */

@media(min-width:1200px){
  #ks27PublicHeader .ks27ph-topbar{
    background:
      radial-gradient(circle at 0% 50%, var(--ks27ph-topbar-accent-soft), transparent 34%),
      linear-gradient(135deg, var(--ks27ph-topbar-bg) 0%, var(--ks27ph-topbar-social-bg) 54%, var(--ks27ph-topbar-bg-soft) 100%) !important;
    border-bottom:1px solid var(--ks27ph-topbar-accent-soft) !important;
    color:var(--ks27ph-topbar-text) !important;
  }

  #ks27PublicHeader .ks27ph-topbar::before{
    background:
      radial-gradient(circle at 12px 12px, var(--ks27ph-topbar-icon-soft) 1px, transparent 1.8px) !important;
    background-size:15px 15px !important;
    opacity:.13 !important;
  }

  #ks27PublicHeader .ks27ph-topbar::after{
    background:
      linear-gradient(135deg, transparent 0%, var(--ks27ph-topbar-accent-soft) 42%, var(--ks27ph-topbar-social-bg-soft) 100%) !important;
    opacity:.95 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-inner{
    background:transparent !important;
    box-shadow:none !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item,
  #ks27PublicHeader .ks27ph-topbar-item:visited{
    color:var(--ks27ph-topbar-text) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item:hover{
    color:var(--ks27ph-topbar-text) !important;
    filter:brightness(1.10) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-item .ks27ph-icon,
  #ks27PublicHeader .ks27ph-topbar-item .ks27ph-icon svg{
    color:var(--ks27ph-topbar-icon) !important;
    stroke:currentColor !important;
    opacity:1 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-separator{
    background:var(--ks27ph-topbar-accent-hard) !important;
    opacity:.42 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social::before{
    background:
      linear-gradient(135deg,
        rgba(255,255,255,.035) 0%,
        var(--ks27ph-topbar-accent-soft) 35%,
        var(--ks27ph-topbar-social-bg-soft) 100%
      ) !important;
    border-left:1px solid var(--ks27ph-topbar-accent-soft) !important;
    opacity:.98 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social::after{
    background:
      linear-gradient(90deg, transparent 0%, var(--ks27ph-topbar-accent-soft) 100%) !important;
    opacity:.72 !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link{
    color:var(--ks27ph-topbar-icon) !important;
    background:var(--ks27ph-topbar-social-bg-soft) !important;
    border:1px solid var(--ks27ph-topbar-accent-soft) !important;
    box-shadow:
      0 10px 20px rgba(2,8,23,.20),
      0 0 0 1px rgba(255,255,255,.035) inset !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link:hover{
    color:var(--ks27ph-topbar-icon) !important;
    background:var(--ks27ph-topbar-social-bg) !important;
    border-color:var(--ks27ph-topbar-accent-hard) !important;
    box-shadow:
      0 14px 26px rgba(2,8,23,.24),
      0 0 18px var(--ks27ph-topbar-accent-soft) !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link svg{
    color:currentColor !important;
    stroke:currentColor !important;
  }

  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="facebook"] svg,
  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="youtube"] svg,
  #ks27PublicHeader .ks27ph-topbar-social-link[data-social="telegram"] svg{
    fill:currentColor !important;
    stroke:none !important;
  }
}

@media(max-width:1199px){
  #ks27PublicHeader .ks27ph-topbar{
    display:none !important;
  }
}


/* =========================================================
   SEO MAKİNESİ 2027 - HEADER + FULL MOBİL MENÜ KESİN FINAL
   Dosya: /inc/header.php
   - Desktop dinamik yapı korunur.
   - Mobil header tam genişlik, çakışmasız, safe-area uyumlu çalışır.
   - Açılan mobil menü full ekran olur, kendi içinde scroll yapar.
   - Mobil menü renkleri admin header / buton / link renklerinden gelir.
   - Eski beyaz mobil kart kalıntıları ve taşmalar ezilir.
========================================================= */

.ks27ph-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

#ks27PublicHeader{
  width:100% !important;
  max-width:100% !important;
}

#ks27PublicHeader .ks27ph-inner{
  width:100% !important;
  max-width:100% !important;
}

@media(max-width:1199px){
  :root{
    --ks27ph-header-h:70px;
  }

  html.ks27ph-menu-open,
  body.ks27ph-menu-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
    touch-action:none !important;
  }

  body.ks27ph-menu-open .te-fast-contact,
  body.ks27ph-menu-open .te-fixed-contact,
  body.ks27ph-menu-open .te-floating-contact,
  body.ks27ph-menu-open .right-fixed-buttons,
  body.ks27ph-menu-open .social-fixed{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  #ks27PublicHeader .ks27ph-topbar{
    display:none !important;
  }

  #ks27PublicHeader .ks27ph-inner{
    min-height:var(--ks27ph-header-h) !important;
    height:var(--ks27ph-header-h) !important;
    padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right)) !important;
    gap:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:
      radial-gradient(circle at 12% 0%, var(--ks27ph-neon-soft), transparent 34%),
      linear-gradient(135deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 100%) !important;
    border-bottom:1px solid var(--ks27ph-border) !important;
    box-shadow:0 14px 34px rgba(2,8,23,.18) !important;
  }

  #ks27PublicHeader .ks27ph-nav{
    display:none !important;
  }

  #ks27PublicHeader .ks27ph-logo{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 118px) !important;
  }

  #ks27PublicHeader .ks27ph-logo-link{
    min-height:52px !important;
    max-width:100% !important;
    display:inline-flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  #ks27PublicHeader .ks27ph-logo-link img{
    max-width:min(230px, 58vw) !important;
    max-height:52px !important;
    object-fit:contain !important;
  }

  #ks27PublicHeader .ks27ph-logo-text{
    max-width:58vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:18px !important;
    line-height:1.05 !important;
  }

  #ks27PublicHeader .ks27ph-actions{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    min-width:auto !important;
  }

  #ks27PublicHeader .ks27ph-actions .ks27ph-cta{
    display:inline-flex !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 13px !important;
    border-radius:16px !important;
    font-size:12px !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
  }

  #ks27PublicHeader .ks27ph-actions .ks27ph-cta .ks27ph-icon{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
  }

  #ks27PublicHeader .ks27ph-menu-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid var(--ks27ph-border) !important;
    border-radius:17px !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 16px 32px var(--ks27ph-button-glow) !important;
  }

  #ks27PublicHeader .ks27ph-menu-btn svg{
    width:24px !important;
    height:24px !important;
    stroke:currentColor !important;
  }

  #ks27phMobileMenu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    z-index:1000000 !important;
    display:flex !important;
    flex-direction:column !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    color:var(--ks27ph-menu-text) !important;
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-button-glow), transparent 32%),
      radial-gradient(circle at 100% 0%, var(--ks27ph-neon-soft), transparent 28%),
      linear-gradient(145deg, var(--ks27ph-header-bg) 0%, var(--ks27ph-header-bg-soft) 58%, var(--ks27ph-header-bg) 100%) !important;
    border:0 !important;
    border-radius:0 !important;
    transform:translateX(104%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .30s cubic-bezier(.22,.61,.36,1), opacity .22s ease, visibility .22s ease !important;
    box-shadow:none !important;
  }

  #ks27phMobileMenu::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      radial-gradient(circle at 16px 16px, rgba(255,255,255,.09) 1px, transparent 1.8px) !important;
    background-size:18px 18px !important;
    opacity:.10 !important;
  }

  #ks27phMobileMenu.is-active{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #ks27phOverlay{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:block !important;
    background:rgba(2,8,23,.62) !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .22s ease, visibility .22s ease !important;
  }

  #ks27phOverlay.is-active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-head{
    position:relative !important;
    z-index:3 !important;
    min-height:auto !important;
    padding:calc(12px + env(safe-area-inset-top)) 14px 12px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
    border-bottom:1px solid var(--ks27ph-border) !important;
    box-shadow:0 16px 34px rgba(2,8,23,.12) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-logo,
  #ks27phMobileMenu .ks27ph-mobile-logo a{
    min-width:0 !important;
    max-width:calc(100vw - 92px) !important;
    display:flex !important;
    align-items:center !important;
    text-decoration:none !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-logo img{
    max-width:min(238px, 68vw) !important;
    max-height:58px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 22px rgba(2,8,23,.28)) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-logo-text{
    max-width:68vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:var(--ks27ph-menu-text) !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.05 !important;
  }

  #ks27phMobileMenu .ks27ph-close{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 16px 30px var(--ks27ph-button-glow) !important;
    cursor:pointer !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-body{
    position:relative !important;
    z-index:2 !important;
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    width:100% !important;
    padding:14px 12px calc(22px + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:var(--ks27ph-button) rgba(255,255,255,.08) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-item{
    overflow:hidden !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.036)) !important;
    border:1px solid var(--ks27ph-border) !important;
    box-shadow:
      0 14px 28px rgba(2,8,23,.16),
      inset 0 1px 0 rgba(255,255,255,.055) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-item.is-sub-open{
    border-color:var(--ks27ph-button) !important;
    box-shadow:
      0 18px 42px var(--ks27ph-button-glow),
      inset 0 1px 0 rgba(255,255,255,.075) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-row{
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 52px !important;
    align-items:center !important;
    gap:8px !important;
    padding:5px 6px 5px 14px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-row > a{
    min-width:0 !important;
    min-height:48px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    color:var(--ks27ph-menu-text) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:920 !important;
    letter-spacing:.01em !important;
    line-height:1.22 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-row > a.is-active,
  #ks27phMobileMenu .ks27ph-mobile-item.is-sub-open > .ks27ph-mobile-row > a{
    color:var(--ks27ph-neon) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-toggle{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:17px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button) 0%, var(--ks27ph-link) 100%) !important;
    box-shadow:0 14px 28px var(--ks27ph-button-glow) !important;
    transform:none !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-toggle.is-active{
    transform:rotate(90deg) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-toggle::after{
    font-size:32px !important;
    transform:translateY(-2px) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub{
    display:none !important;
    margin:0 10px 12px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 0% 0%, var(--ks27ph-neon-soft), transparent 34%),
      rgba(2,8,23,.18) !important;
    border:1px solid var(--ks27ph-border) !important;
    border-left:4px solid var(--ks27ph-button) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub.is-open{
    display:grid !important;
    gap:8px !important;
    animation:ks27phSubOpen .18s ease both !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub a{
    position:relative !important;
    min-height:46px !important;
    margin:0 !important;
    padding:10px 13px 10px 34px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    color:var(--ks27ph-menu-text) !important;
    background:rgba(255,255,255,.060) !important;
    border:1px solid var(--ks27ph-item-border) !important;
    box-shadow:none !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:840 !important;
    line-height:1.25 !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub a::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg, var(--ks27ph-button), var(--ks27ph-link)) !important;
    box-shadow:0 0 0 4px var(--ks27ph-button-glow) !important;
    transform:translateY(-50%) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub a:hover,
  #ks27phMobileMenu .ks27ph-mobile-sub a:focus{
    color:var(--ks27ph-neon) !important;
    border-color:var(--ks27ph-button) !important;
    transform:translateX(2px) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub .ks27ph-mobile-all{
    justify-content:center !important;
    padding-left:14px !important;
    margin-top:2px !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button), var(--ks27ph-link)) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 14px 28px var(--ks27ph-button-glow) !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-sub .ks27ph-mobile-all::before{
    display:none !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-contact{
    margin-top:14px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #ks27phMobileMenu .ks27ph-contact-card{
    min-height:54px !important;
    width:100% !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    color:var(--ks27ph-menu-text) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.036)) !important;
    border:1px solid var(--ks27ph-border) !important;
    box-shadow:0 12px 24px rgba(2,8,23,.12) !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:880 !important;
    line-height:1.25 !important;
    word-break:break-word !important;
  }

  #ks27phMobileMenu .ks27ph-contact-card .ks27ph-icon{
    color:var(--ks27ph-neon) !important;
    min-width:22px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-social{
    margin-top:14px !important;
    padding-top:12px !important;
    border-top:1px solid var(--ks27ph-border) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }

  #ks27phMobileMenu .ks27ph-social-link{
    width:44px !important;
    height:44px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--ks27ph-button-text) !important;
    background:linear-gradient(135deg, var(--ks27ph-button), var(--ks27ph-link)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 12px 24px var(--ks27ph-button-glow) !important;
    text-decoration:none !important;
    font-size:12px !important;
    font-weight:950 !important;
  }
}

@media(max-width:575.98px){
  :root{
    --ks27ph-header-h:66px;
  }

  #ks27PublicHeader .ks27ph-inner{
    min-height:66px !important;
    height:66px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #ks27PublicHeader .ks27ph-logo{
    max-width:calc(100% - 104px) !important;
  }

  #ks27PublicHeader .ks27ph-logo-link img{
    max-width:min(176px, 52vw) !important;
    max-height:46px !important;
  }

  #ks27PublicHeader .ks27ph-logo-text{
    max-width:52vw !important;
    font-size:16px !important;
  }

  #ks27PublicHeader .ks27ph-actions{
    gap:6px !important;
  }

  #ks27PublicHeader .ks27ph-actions .ks27ph-cta{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    font-size:0 !important;
    border-radius:15px !important;
  }

  #ks27PublicHeader .ks27ph-actions .ks27ph-cta .ks27ph-icon{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }

  #ks27PublicHeader .ks27ph-menu-btn{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:15px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-head{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-body{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-logo img{
    max-width:min(210px, 66vw) !important;
    max-height:52px !important;
  }

  #ks27phMobileMenu .ks27ph-close{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:16px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-row{
    grid-template-columns:minmax(0,1fr) 48px !important;
    min-height:56px !important;
    padding:5px 5px 5px 12px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-row > a{
    font-size:15px !important;
  }

  #ks27phMobileMenu .ks27ph-mobile-toggle{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:16px !important;
  }
}


.ks27-gtm-noscript{display:none!important;visibility:hidden!important;}