
/* MEDSAM Cam Tasarım 2 — tüm public site ortak tasarım sistemi */
:root{
  --mg-navy:#062d52;
  --mg-deep:#031c35;
  --mg-blue:#0a467d;
  --mg-sky:#1797d3;
  --mg-ice:#eef8fc;
  --mg-white:#ffffff;
  --mg-text:#17364f;
  --mg-muted:#60788b;
  --mg-line:rgba(10,70,125,.13);
  --mg-glass:rgba(255,255,255,.70);
  --mg-glass-strong:rgba(255,255,255,.84);
  --mg-shadow:0 18px 44px rgba(6,45,82,.10);
  --mg-shadow-soft:0 10px 28px rgba(6,45,82,.08);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
  color:var(--mg-text)!important;
  background:
    radial-gradient(circle at 6% 10%,rgba(23,151,211,.13),transparent 23rem),
    radial-gradient(circle at 94% 27%,rgba(10,70,125,.10),transparent 28rem),
    radial-gradient(circle at 28% 76%,rgba(105,198,228,.09),transparent 22rem),
    linear-gradient(180deg,#fbfdff 0%,#eff8fc 48%,#f9fcfe 100%)!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.30;
  background:
    linear-gradient(118deg,transparent 0 35%,rgba(255,255,255,.88) 36%,transparent 37% 100%),
    repeating-linear-gradient(90deg,rgba(6,45,82,.018) 0 1px,transparent 1px 48px);
}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}

/* HEADER — beyaz logo alanı + buz cam menü */
.header,.site-header,header.main-header{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(6,45,82,.10)!important;
  box-shadow:0 10px 30px rgba(3,28,53,.09)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
.header .logo,.site-header .logo,.logo-mark,.logo-text{color:var(--mg-navy)!important}
.header .nav a,.site-header .nav a,.nav a{
  color:var(--mg-navy)!important;font-weight:750!important
}
.header .nav a:hover,.site-header .nav a:hover,.nav a:hover{color:var(--mg-sky)!important}
.btn-menu,.menu-toggle{
  background:linear-gradient(135deg,rgba(6,45,82,.96),rgba(10,70,125,.86))!important;
  color:#fff!important;border:1px solid rgba(168,223,239,.38)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(3,28,53,.14)!important
}

/* DRAWER / MOBILE MENU */
.drawer,.drawer-panel,.mobile-menu,.offcanvas{
  background:linear-gradient(165deg,rgba(3,28,53,.98),rgba(6,45,82,.96))!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
}
.drawer a,.drawer-panel a,.mobile-menu a,.offcanvas a{color:#eef8fc!important}

/* BUTON SİSTEMİ */
.btn,a.btn,button.btn,.svc-cta,a[class*="button"],button[class*="button"]{
  border:1px solid rgba(168,223,239,.42)!important;
  background:linear-gradient(135deg,rgba(6,45,82,.96),rgba(10,70,125,.84))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(3,28,53,.14)!important;
  border-radius:14px!important
}
.btn:hover,a.btn:hover,button.btn:hover,.svc-cta:hover{
  transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 15px 32px rgba(3,28,53,.18)!important
}

/* HERO */
.home-slider{
  position:relative;overflow:hidden!important;
  background:linear-gradient(145deg,#eff8fc,#fff)!important
}
.home-slider .hero-photo,.home-slider .hero-media,.home-slider .hero-image{overflow:hidden!important}
.home-slider .hero-photo img,.home-slider .hero-media img,.home-slider .hero-image img{
  width:100%!important;height:100%!important;object-fit:cover!important
}
.home-slider .banner-rhythm-title{
  background:linear-gradient(135deg,rgba(4,42,75,.90),rgba(9,92,138,.78))!important;
  border:1px solid rgba(168,223,239,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 32px rgba(3,28,53,.16)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  border-radius:18px!important
}
.home-slider .banner-rhythm-title span{color:#fff!important}
.banner-ecg-base{stroke:rgba(191,234,245,.34)!important}
.banner-ecg-pulse{stroke:#8ddcf3!important;filter:drop-shadow(0 0 4px rgba(141,220,243,.44))!important}
.home-slider-dots{display:none!important}

/* ANA SAYFA SERVİS KARTLARI */
#hizmetler .svc,.svc{
  overflow:hidden!important;
  border:1px solid rgba(10,70,125,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(235,247,252,.72))!important;
  box-shadow:var(--mg-shadow)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;-webkit-backdrop-filter:blur(14px) saturate(135%)!important
}
#hizmetler .svc:hover,.svc:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(6,45,82,.14)!important}
.svc-img{position:relative;overflow:hidden!important;background:linear-gradient(135deg,#dceef7,#f9fdff)!important}
.svc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(3,28,53,.16));pointer-events:none}
.svc-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.svc-body{padding:19px!important}
.svc-body h3{color:var(--mg-navy)!important;font-weight:900!important;letter-spacing:-.02em!important}
.svc-body p{color:var(--mg-muted)!important;line-height:1.62!important}

/* GENEL KARTLAR / PANELLER */
.card,.panel,.feature-card,.trust-card,.extra-card,.process-card,.region-card,.blog-card,
[class*="card"]:not(.mcb-card):not(.mpc-card){
  border:1px solid rgba(10,70,125,.11)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(238,248,252,.70))!important;
  box-shadow:var(--mg-shadow-soft)!important;
  border-radius:20px!important;
  backdrop-filter:blur(14px) saturate(135%)!important;-webkit-backdrop-filter:blur(14px) saturate(135%)!important
}
.card p,.panel p,.feature-card p,.trust-card p,.extra-card p,.process-card p,
.region-card p,.blog-card p{color:var(--mg-muted)!important;line-height:1.62!important}
.card h2,.card h3,.panel h2,.panel h3,.feature-card h3,.trust-card h3,.extra-card h3,.process-card h3,
.region-card h3,.blog-card h3{color:var(--mg-navy)!important}

/* SECTION BAŞLIKLARI */
.section-head h2,.section-title,h1,h2,h3{letter-spacing:-.02em}
.section-head h2,.section-title{color:var(--mg-navy)!important}
.section-head p,.section-subtitle{color:var(--mg-muted)!important}

/* ACİL DESTEK — ikinci alan */
.medsam-quick-center{
  position:relative!important;overflow:hidden!important;
  padding:38px 0!important;color:#fff!important;
  background:
    radial-gradient(circle at 10% 15%,rgba(105,198,228,.20),transparent 19rem),
    radial-gradient(circle at 90% 82%,rgba(255,255,255,.07),transparent 21rem),
    linear-gradient(145deg,#021a31,#062d52 58%,#0a467d)!important;
  border-top:1px solid rgba(168,223,239,.20)!important;border-bottom:1px solid rgba(168,223,239,.20)!important
}
.mqc-head h2,.mqc-emergency-copy h3{color:#fff!important}
.mqc-head p,.mqc-emergency-copy p{color:rgba(238,248,252,.82)!important}
.mqc-kicker,.mqc-live{color:#bfeaf5!important}
.mqc-emergency{
  border:1px solid rgba(168,223,239,.27)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(105,198,228,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 44px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important
}
.mqc-emergency-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.mqc-emergency-actions a{
  padding:16px!important;border-radius:16px!important;
  border:1px solid rgba(168,223,239,.22)!important;background:rgba(255,255,255,.08)!important;color:#fff!important
}
.mqc-emergency-actions a b{color:#fff!important}
.mqc-emergency-actions a span{color:rgba(238,248,252,.72)!important}

/* BAKIM PLANI CTA */
.vip-final-cta,.cta,.cta-box,.care-plan,.request-cta,section[class*="cta"]{
  overflow:hidden!important;
  border:1px solid rgba(168,223,239,.24)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(105,198,228,.14),transparent 21rem),
    linear-gradient(145deg,#031c35,#062d52 60%,#0a467d)!important;
  box-shadow:0 20px 44px rgba(3,28,53,.14)!important;
  color:#fff!important
}
.vip-final-cta h2,.cta h2,.cta-box h2,.care-plan h2,.request-cta h2,section[class*="cta"] h2{color:#fff!important}
.vip-final-cta p,.cta p,.cta-box p,.care-plan p,.request-cta p,section[class*="cta"] p{color:rgba(238,248,252,.82)!important}

/* İLETİŞİM BANNERI — tüm public sayfalarda */
.medsam-glass-contact{padding:20px 0!important;background:transparent!important}
.mgc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.mgc-card{
  position:relative;overflow:hidden;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;
  min-height:102px;padding:17px 18px;border-radius:20px;text-decoration:none!important;
  border:1px solid rgba(10,70,125,.12);box-shadow:var(--mg-shadow-soft);
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(238,248,252,.72));
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)
}
.mgc-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 35%,rgba(105,198,228,.07))}
.mgc-call{color:var(--mg-navy)!important}
.mgc-wa{color:#075b35!important;background:linear-gradient(145deg,rgba(244,255,249,.92),rgba(232,250,241,.78))!important}
.mgc-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#062d52,#0a467d);color:#fff;font-weight:900;border:1px solid rgba(168,223,239,.30)}
.mgc-wa .mgc-icon{background:linear-gradient(135deg,#0a9b53,#21c978)}
.mgc-copy{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}
.mgc-copy small{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--mg-blue)}
.mgc-wa .mgc-copy small{color:#078247}
.mgc-copy strong{margin-top:3px;font-size:17px;line-height:1.15;color:inherit}
.mgc-copy em{margin-top:5px;font-style:normal;font-size:11.5px;line-height:1.45;color:var(--mg-muted)}
.mgc-wa .mgc-copy em{color:#4c7461}
.mgc-action{position:relative;z-index:1;padding:9px 12px;border-radius:11px;background:rgba(6,45,82,.07);font-size:10.5px;font-weight:900;white-space:nowrap}
.mgc-wa .mgc-action{background:rgba(7,130,71,.08)}
.mgc-marquee{grid-column:1/-1;height:24px;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,rgba(6,45,82,.94),rgba(10,70,125,.90));color:#fff}
.mgc-track{height:24px;display:flex;align-items:center;gap:64px;width:max-content;min-width:150%;font-size:10px;font-weight:850;letter-spacing:.08em;animation:mgcRTL 2s linear infinite}
.mgc-track span{white-space:nowrap}
@keyframes mgcRTL{from{transform:translateX(18%)}to{transform:translateX(-18%)}}

/* FORM ELEMANLARI */
input,select,textarea{
  border:1px solid rgba(10,70,125,.14)!important;
  background:rgba(255,255,255,.82)!important;
  color:var(--mg-text)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(23,151,211,.48)!important;box-shadow:0 0 0 4px rgba(23,151,211,.09)!important}

/* FOOTER */
footer,.site-footer{
  background:
    radial-gradient(circle at 85% 15%,rgba(105,198,228,.10),transparent 20rem),
    linear-gradient(145deg,#021a31,#062d52)!important;
  color:#eef8fc!important;border-top:1px solid rgba(168,223,239,.20)!important
}
footer h4,.site-footer h4{color:#a8dfef!important}
footer a,.site-footer a{color:rgba(238,248,252,.80)!important}
footer a:hover,.site-footer a:hover{color:#fff!important}

/* MOBILE */
@media(max-width:767px){
  body{background:linear-gradient(180deg,#fbfdff,#eff8fc 48%,#fbfdff)!important}
  .header,.site-header,header.main-header{background:#fff!important;min-height:70px!important}
  .btn-menu,.menu-toggle{min-width:46px!important;height:42px!important}
  .home-slider .hero-in{padding-left:14px!important;padding-right:14px!important}
  .home-slider .hero-in>div:first-child{padding-bottom:16px!important;min-height:316px!important}
  .home-slider .banner-rhythm-title{
    margin-top:-24px!important;position:relative!important;z-index:6!important;
    min-height:64px!important;padding:10px 12px!important
  }
  .home-slider .hero-cta{transform:translateY(-4px)!important}
  .medsam-quick-center{padding:28px 0!important}
  .mqc-emergency-actions{grid-template-columns:1fr!important}
  .mqc-emergency-actions a{min-height:0!important;padding:13px 14px!important}
  #hizmetler .svc,.svc{border-radius:18px!important}
  .mgc-grid{grid-template-columns:1fr!important;gap:9px}
  .mgc-card{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"i c" "a a";min-height:0;padding:13px;border-radius:17px}
  .mgc-icon{grid-area:i;width:44px;height:44px}
  .mgc-copy{grid-area:c}.mgc-action{grid-area:a;text-align:center;margin-top:2px}
  .mgc-copy strong{font-size:15px}.mgc-copy em{font-size:10.5px}
  .section{padding-top:36px!important;padding-bottom:36px!important}
}
@media(prefers-reduced-motion:reduce){.mgc-track{animation:none}}
