.cc-hero{background:linear-gradient(90deg,#f7fbff 0%,#eef7ff 55%,#dff0ff 100%);border-bottom:1px solid #dbe7f4;position:relative;overflow:hidden}
.cc-hero:after{content:"";position:absolute;right:0;top:0;width:44%;height:100%;background:linear-gradient(90deg,rgba(238,247,255,.95),rgba(238,247,255,.22)),url("/uploads/emlak/20260927010832-081ff19dc44f.webp") center/cover no-repeat;opacity:.78}
.cc-hero-inner{min-height:185px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.cc-hero-copy{max-width:760px}.cc-hero h1{font-size:46px;line-height:1;margin:10px 0 8px;color:#062754}.cc-hero p{font-size:17px;color:#60738e;margin:0 0 20px}
.cc-hero-note{font-family:cursive;font-size:24px;color:#143e74;transform:rotate(-5deg);margin-right:20%;text-align:center}
.cc-trust{display:flex;gap:9px;flex-wrap:wrap}.cc-trust span{background:#fff;border:1px solid #dbe7f4;border-radius:20px;padding:9px 13px;font-size:12px;font-weight:700;color:#244467;box-shadow:0 5px 18px rgba(22,72,130,.05)}
.cc-shell{background:#f7fbff;padding:0 0 36px}.cc-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;transform:translateY(-18px);position:relative;z-index:3}
.cc-tab{display:flex;align-items:center;gap:10px;min-height:72px;background:#fff;border:1px solid #dce8f5;border-radius:14px;padding:11px;text-align:left;color:#0a2b56;box-shadow:0 8px 22px rgba(20,70,120,.06);cursor:pointer}
.cc-tab.active{color:#fff;background:linear-gradient(135deg,#1674ff,#14a5f4);border-color:transparent;box-shadow:0 12px 28px rgba(22,116,255,.25)}
.cc-tab-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#1674ff;font-size:20px;flex:0 0 auto}.cc-tab.active .cc-tab-icon{background:rgba(255,255,255,.16);color:#fff}
.cc-tab strong,.cc-tab small{display:block}.cc-tab strong{font-size:13px}.cc-tab small{font-size:10px;margin-top:3px;opacity:.72}
.cc-alert{padding:13px 16px;border-radius:12px;margin:0 0 14px;font-weight:700}.cc-alert.success{background:#e9fbf2;color:#087a4b}.cc-alert.error{background:#fff0f0;color:#a72f2f}
.cc-alert-success{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #b8ead4;background:linear-gradient(135deg,#effcf6,#f8fffb);color:#0a6544;box-shadow:0 10px 28px rgba(8,122,75,.08)}
.cc-alert-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#0b9f68;color:#fff;font-size:22px;font-weight:900;box-shadow:0 6px 16px rgba(11,159,104,.22)}
.cc-alert-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.cc-alert-kicker{font-size:10px;line-height:1;letter-spacing:.16em;font-weight:900;color:#0b9f68}.cc-alert-copy strong{font-size:15px;line-height:1.35;color:#085b3e}.cc-alert-copy small{font-size:11px;line-height:1.5;font-weight:500;color:#4a7565}.cc-alert-copy small b{color:#0a6544;font-weight:800;white-space:nowrap}
@media(max-width:767px){.cc-alert-success{align-items:flex-start;padding:14px}.cc-alert-icon{width:36px;height:36px;flex-basis:36px;font-size:18px}.cc-alert-copy strong{font-size:14px}}
.cc-layout{display:grid;grid-template-columns:265px minmax(0,1fr) 250px;gap:14px;align-items:start}
.cc-info-card,.cc-form-card,.cc-mini-card{background:#fff;border:1px solid #dce8f5;border-radius:16px;box-shadow:0 12px 30px rgba(17,65,120,.06)}
.cc-info-card{padding:20px}.cc-info-card h2{font-size:22px;margin:0 0 5px;color:#082956}.cc-info-card>p{color:#71819a;font-size:13px;margin:0 0 14px}
.cc-info-row{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:11px 0;border-bottom:1px solid #edf2f8;text-decoration:none;color:#163354}
.cc-info-row>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#edf5ff;color:#1674ff;display:grid;place-items:center}.cc-info-row b{font-size:13px}.cc-info-row small{font-size:11px;color:#71819a}.cc-info-row.whatsapp>span{background:#e9fff2;color:#0bbf65}

.cc-form-card{padding:18px}.cc-panel{display:none}.cc-panel.active{display:block}.cc-panel-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.cc-panel-icon{width:45px;height:45px;border-radius:12px;background:#edf5ff;color:#1674ff;display:grid;place-items:center;font-size:21px;flex:0 0 auto}
.cc-panel-head h2{font-size:22px;color:#082956;margin:2px 0 3px}.cc-panel-head p{font-size:12px;color:#71819a;margin:0;line-height:1.5}
.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-form-grid label{display:block;position:relative}.cc-form-grid label.full,.cc-submit-row.full{grid-column:1/-1}
.cc-form label>span{display:block;font-size:12px;font-weight:700;color:#183656;margin-bottom:5px}.cc-form input,.cc-form select,.cc-form textarea{width:100%;border:1px solid #cfdeee;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:#173552;outline:none;box-sizing:border-box}
.cc-form input:focus,.cc-form select:focus,.cc-form textarea:focus{border-color:#1784ff;box-shadow:0 0 0 3px rgba(23,132,255,.08)}.cc-form textarea{min-height:95px;resize:vertical}
.cc-counter{position:absolute;right:8px;bottom:8px;color:#7c8ba0;font-size:10px}.cc-upload{border:1.5px dashed #8fc3ff;border-radius:12px;padding:14px;background:#f8fbff}.cc-upload input{border:0;padding:8px 0;background:transparent}.cc-upload small{color:#789}
.cc-kvkk{display:flex!important;gap:9px;align-items:flex-start}.cc-kvkk input{width:16px!important;margin-top:3px}.cc-kvkk span{font-size:11px!important;font-weight:500!important;color:#6e7e92!important;margin:0!important}
.cc-submit-row{display:flex;align-items:center;gap:16px}.cc-submit{border:0;border-radius:10px;padding:13px 28px;background:linear-gradient(135deg,#1375ff,#129cf4);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(19,117,255,.2)}.cc-submit-row small{color:#71819a;font-size:10px}
.cc-side-stack{display:grid;gap:14px}.cc-mini-card{padding:17px}.cc-mini-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f1efff;color:#744cff;font-size:21px}.cc-mini-card h3{margin:10px 0 5px;color:#0a2b56;font-size:18px}.cc-mini-card p{font-size:12px;color:#71819a;line-height:1.5;min-height:48px}.cc-mini-card button{width:100%;border:1px solid #cfe0f2;background:#f8fbff;color:#1674ff;border-radius:9px;padding:10px;font-weight:800;cursor:pointer}

.cc-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:1100px){.cc-layout{grid-template-columns:230px 1fr}.cc-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.cc-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){
 .cc-hero:after,.cc-hero-note{display:none}.cc-hero-inner{min-height:165px;padding-top:18px;padding-bottom:18px}.cc-hero h1{font-size:34px}.cc-hero p{font-size:14px}.cc-trust{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cc-trust span{font-size:9px;padding:7px}
 .cc-shell{padding-bottom:20px}.cc-tabs{display:flex;overflow-x:auto;gap:8px;margin:0 -14px;padding:0 14px 7px;transform:translateY(-12px);scrollbar-width:none}.cc-tab{min-width:120px;min-height:68px;flex-direction:column;text-align:center;gap:5px;padding:8px}.cc-tab-icon{width:34px;height:34px}.cc-tab small{display:none}
 .cc-layout{grid-template-columns:1fr}.cc-info-card{order:2}.cc-form-card{order:1;padding:14px}.cc-side-stack{order:3;grid-template-columns:1fr}
 .cc-panel-head h2{font-size:20px}.cc-form-grid{grid-template-columns:1fr}.cc-form-grid label.full,.cc-submit-row.full{grid-column:auto}.cc-submit-row{align-items:stretch;flex-direction:column}.cc-submit{width:100%}
 .cc-info-card{padding:16px}
}


/* FINAL v46 — İletişim bilgileri altında gerçek harita */
.cc-map-box{
  margin-top:14px;
  border:1px solid #dce8f5;
  border-radius:12px;
  overflow:hidden;
  background:#f8fbff;
}
.cc-map-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 11px;
  border-bottom:1px solid #e4edf7;
}
.cc-map-head strong{
  font-size:12px;
  color:#173552;
}
.cc-map-head a{
  font-size:11px;
  font-weight:800;
  color:#1674ff;
  text-decoration:none;
}
.cc-map-frame{
  display:block;
  width:100%;
  height:185px;
  border:0;
  background:#edf4fb;
}
@media(max-width:767px){
  .cc-map-frame{height:220px}
}


/* FINAL v47 — Admin ayarlarındaki adresi haritaya bağla */
.cc-map-head>div{
  min-width:0;
}
.cc-map-head small{
  display:block;
  margin-top:2px;
  font-size:9px;
  line-height:1.35;
  color:#71819a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-map-empty{
  margin-top:14px;
  min-height:185px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:18px;
  text-align:center;
  border:1px dashed #c8d9eb;
  border-radius:12px;
  background:#f8fbff;
  color:#173552;
}
.cc-map-empty span{
  max-width:210px;
  font-size:11px;
  line-height:1.5;
  color:#71819a;
}


/* FINAL v48 — SQL/API bağlı il / ilçe / mahalle alanları */
.cc-form select:disabled{
  background:#f4f7fb;
  color:#98a5b5;
  cursor:not-allowed;
}
.cc-form input[type="hidden"]{display:none!important}

/* FINAL v49 — İletişim Merkezi masaüstü spacing / hizalama polish */
@media (min-width: 768px){
  .cc-hero-inner{min-height:160px}
  .cc-hero h1{margin:6px 0 6px}
  .cc-hero p{margin-bottom:14px}
  .cc-trust span{padding:7px 11px}

  .cc-shell{padding-bottom:28px}
  .cc-tabs{gap:8px;transform:translateY(-14px);margin-bottom:-2px}
  .cc-tab{min-height:66px;padding:9px 10px}
  .cc-tab-icon{width:38px;height:38px;border-radius:11px;font-size:18px}

  .cc-layout{gap:12px}
  .cc-info-card{padding:17px}
  .cc-info-card>p{margin-bottom:10px}
  .cc-info-row{padding:9px 0}

  .cc-form-card{padding:16px}
  .cc-panel-head{margin-bottom:12px;gap:10px}
  .cc-panel-icon{width:41px;height:41px;font-size:19px}
  .cc-panel-head h2{margin-top:0}
  .cc-form-grid{gap:10px 12px}
  .cc-form label>span{margin-bottom:4px}
  .cc-form input,.cc-form select,.cc-form textarea{padding:10px 12px}
  .cc-form textarea{min-height:84px}
  .cc-upload{padding:11px 12px}
  .cc-submit-row{gap:12px}
  .cc-submit{padding:11px 24px}

  .cc-side-stack{gap:12px}
  .cc-mini-card{padding:15px}
  .cc-mini-card h3{margin:8px 0 4px}
  .cc-mini-card p{min-height:40px;margin-top:0;margin-bottom:10px}
  .cc-mini-card button{padding:9px}

  .cc-map-box{margin-top:11px}
  .cc-map-head{padding:8px 10px}
  .cc-map-frame{height:170px}
}

/* Küçük dizüstü / tablet yatayda da sıkışmadan dengeli kalır */
@media (min-width:768px) and (max-width:1100px){
  .cc-hero-inner{min-height:150px}
  .cc-layout{gap:10px}
  .cc-form-card{padding:15px}
}



/* FINAL v50 — Desktop kolon dengesi, uzayan harita ve stabil alt hizalar */
@media (min-width: 1101px){
  .cc-layout{align-items:stretch;}
  .cc-info-card,
  .cc-form-card,
  .cc-side-stack{min-height:610px;}

  .cc-info-card{
    display:flex;
    flex-direction:column;
  }
  .cc-info-card .cc-map-box{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:245px;
  }
  .cc-info-card .cc-map-frame{
    flex:1 1 auto;
    height:auto;
    min-height:205px;
  }
  .cc-info-card .cc-map-empty{
    flex:1 1 auto;
    min-height:245px;
  }

  .cc-side-stack{
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .cc-side-stack .cc-mini-card{
    flex:0 0 auto;
  }
  .cc-side-stack .cc-why-card{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-height:170px;
  }
  .cc-why-card>span{
    background:#edf9f3;
    color:#0a9b62;
  }
  .cc-why-card h3{
    margin-bottom:10px;
  }
  .cc-why-card ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:9px;
  }
  .cc-why-card li{
    position:relative;
    padding-left:20px;
    font-size:12px;
    line-height:1.45;
    color:#546b84;
  }
  .cc-why-card li:before{
    content:'✓';
    position:absolute;
    left:0;
    top:0;
    color:#0a9b62;
    font-weight:800;
  }
}

@media (max-width:1100px){
  .cc-why-card{display:none;}
}

/* FINAL v51 — kompakt güvenlik notu */
.cc-security-note{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:250px;
  max-width:430px;
  padding:8px 11px;
  border:1px solid #d7e6f5;
  border-radius:10px;
  background:#f6faff;
  color:#526b83;
}
.cc-security-icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e8f3ff;
  font-size:13px;
}
.cc-security-note>span:last-child{display:grid;gap:1px;min-width:0}
.cc-security-note strong{font-size:11px;line-height:1.25;color:#0a3159}
.cc-security-note small{font-size:9px;line-height:1.35;color:#71849a}
@media(max-width:767px){
  .cc-submit-row{align-items:stretch!important}
  .cc-security-note{width:100%;max-width:none;min-width:0}
}

/* Frontend gece modu — yalnız İletişim Merkezi */
html[data-fe-theme="dark"] body .cc-hero{background:#0e1c2f!important}
html[data-fe-theme="dark"] body .cc-shell{background:#0b1728!important}
html[data-fe-theme="dark"] body .cc-tab,
html[data-fe-theme="dark"] body .cc-info-card,
html[data-fe-theme="dark"] body .cc-form-card,
html[data-fe-theme="dark"] body .cc-mini-card{background:#12233a!important;border-color:#263b55!important;color:#eaf2fb!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
html[data-fe-theme="dark"] body .cc-tab:not(.active){color:#dbe8f6!important}
html[data-fe-theme="dark"] body .cc-tab small,
html[data-fe-theme="dark"] body .cc-info-card>p,
html[data-fe-theme="dark"] body .cc-info-row small,
html[data-fe-theme="dark"] body .cc-panel-head p,
html[data-fe-theme="dark"] body .cc-mini-card p,
html[data-fe-theme="dark"] body .cc-why-card li{color:#94a8bf!important}
html[data-fe-theme="dark"] body .cc-info-row,
html[data-fe-theme="dark"] body .cc-map-box{border-color:#263b55!important}
html[data-fe-theme="dark"] body .cc-form label>span,
html[data-fe-theme="dark"] body .cc-form-card h2,
html[data-fe-theme="dark"] body .cc-info-card h2,
html[data-fe-theme="dark"] body .cc-mini-card h3{color:#eaf2fb!important}
html[data-fe-theme="dark"] body .cc-form input,
html[data-fe-theme="dark"] body .cc-form select,
html[data-fe-theme="dark"] body .cc-form textarea,
html[data-fe-theme="dark"] body .cc-upload{background:#0d1d31!important;border-color:#314964!important;color:#eaf2fb!important}
html[data-fe-theme="dark"] body .cc-form input::placeholder,
html[data-fe-theme="dark"] body .cc-form textarea::placeholder{color:#71849b!important}
html[data-fe-theme="dark"] body .cc-form select:disabled{background:#101d2d!important;color:#657991!important}
html[data-fe-theme="dark"] body .cc-map-head{background:#12233a!important;color:#eaf2fb!important}
html[data-fe-theme="dark"] body .cc-map-empty{background:#0d1d31!important;border-color:#314964!important;color:#cbd8e7!important}
html[data-fe-theme="dark"] body .cc-security-note{background:#0e2238!important;border-color:#2d4c69!important;color:#a9bad0!important}
html[data-fe-theme="dark"] body .cc-security-icon{background:#17324f!important}
html[data-fe-theme="dark"] body .cc-security-note strong{color:#dcecff!important}
html[data-fe-theme="dark"] body .cc-security-note small{color:#91a7be!important}

/* FINAL v70 — contact center unified dark surfaces */
html[data-fe-theme="dark"] body .cc-hero{background:#10243a!important;border-color:#2b4662!important}
html[data-fe-theme="dark"] body .cc-hero:after{background:linear-gradient(90deg,rgba(16,36,58,.96),rgba(16,36,58,.32)),url("/uploads/emlak/20260927010832-081ff19dc44f.webp") center/cover no-repeat!important;opacity:.78!important}
html[data-fe-theme="dark"] body .cc-hero h1{color:#fff!important}
html[data-fe-theme="dark"] body .cc-hero p{color:#c1cfdd!important}
html[data-fe-theme="dark"] body .cc-hero-note{color:#7fbbff!important;text-shadow:0 1px 10px rgba(0,0,0,.18)}
html[data-fe-theme="dark"] body .cc-trust span{background:#142a42!important;border-color:#2f4b67!important;color:#dce8f4!important}
html[data-fe-theme="dark"] body .cc-shell{background:#091827!important}
html[data-fe-theme="dark"] body .cc-info-card,
html[data-fe-theme="dark"] body .cc-form-card,
html[data-fe-theme="dark"] body .cc-mini-card{background:#142a42!important;border-color:#2f4b67!important}
html[data-fe-theme="dark"] body .cc-info-card h2,
html[data-fe-theme="dark"] body .cc-form-card h2,
html[data-fe-theme="dark"] body .cc-mini-card h3,
html[data-fe-theme="dark"] body .cc-panel-head h2{color:#fff!important}
html[data-fe-theme="dark"] body .cc-info-card>p,
html[data-fe-theme="dark"] body .cc-info-row small,
html[data-fe-theme="dark"] body .cc-panel-head p,
html[data-fe-theme="dark"] body .cc-mini-card p,
html[data-fe-theme="dark"] body .cc-why-card li{color:#a7bacd!important}
html[data-fe-theme="dark"] body .cc-info-row{color:#e9f1f9!important;border-color:#314d69!important}
html[data-fe-theme="dark"] body .cc-mini-card button{background:#10243a!important;border-color:#426687!important;color:#72b5ff!important}



/* =========================================================
   v115 — İLETİŞİM GECE MODU ÜST KARTLAR + MOBİL SCROLL FINAL
   Yalnız üst 6 iletişim kartının dark görünümü ve mobil yatay scrollbar.
========================================================= */

/* Gece modunda üst 6 kartın tamamı aynı koyu ailede */
html[data-fe-theme="dark"] body .cc-tabs .cc-tab{
  background:#142a42!important;
  border:1px solid #35536f!important;
  color:#eef6ff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 24px rgba(0,0,0,.16)!important;
}

/* İkon kutuları da koyu ailede, temiz ve sakin */
html[data-fe-theme="dark"] body .cc-tabs .cc-tab .cc-tab-icon{
  background:#f2f6fb!important;
  color:#167cff!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:none!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab strong{
  color:#f5f9fd!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab small{
  color:#93a8bc!important;
  opacity:1!important;
}

/* Aktif kart artık aşırı parlak mavi blok değil;
   aynı koyu ailede, yalnızca hafif mavi vurgu ile anlaşılır. */
html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{
  background:linear-gradient(180deg,#173653 0%,#142d47 100%)!important;
  border-color:#4e91d2!important;
  color:#fff!important;
  box-shadow:
    inset 0 0 0 1px rgba(105,183,255,.13),
    0 9px 22px rgba(0,0,0,.18)!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active .cc-tab-icon{
  background:#eef6ff!important;
  color:#0d78e7!important;
}

/* Mobilde sayfanın altındaki yatay scrollbar görünmesin.
   Kartların yatay kaydırma davranışı bozulmaz. */
@media(max-width:767px){
  .cc-hero,
  .cc-shell{
    overflow-x:hidden!important;
  }

  .cc-tabs{
    max-width:100%!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior-x:contain!important;
  }

  .cc-tabs::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }

  .cc-tab{
    box-sizing:border-box!important;
  }
}




/* =========================================================
   v116 — İLETİŞİM ÜST KARTLAR SARI ÇERÇEVE FINAL
   Kullanıcının referansındaki sarı kenar geri getirildi.
========================================================= */
html[data-fe-theme="dark"] body .cc-tabs .cc-tab{
  border-color:#ffb900!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,185,0,.08),
    0 8px 20px rgba(0,0,0,.14)!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab:hover{
  border-color:#ffb900!important;
}

/* Aktif kart aynı koyu ailede, sarı çerçevesi biraz daha belirgin */
html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{
  background:linear-gradient(180deg,#173653 0%,#142d47 100%)!important;
  border-color:#ffb900!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,185,0,.14),
    0 0 0 1px rgba(255,185,0,.05),
    0 9px 22px rgba(0,0,0,.18)!important;
}




/* =========================================================
   v118 — MOBİL İLETİŞİM ÜST KART HİZA FINAL
   Kartları hero alanına tekrar hafif bindirir.
   Sayfa yatay scroll oluşturmaz.
========================================================= */
@media(max-width:767px){
  /* Önceki overflow-x:hidden cc-shell kuralı, yukarı taşan kartı kırpıyordu.
     Shell dikey taşmayı serbest bırakır. */
  .cc-shell{
    overflow:visible!important;
    max-width:100%!important;
  }

  /* Yatay scroll sadece kart şeridinin kendi içinde kalsın;
     sayfanın kendisi sağa-sola taşmasın. */
  .cc-tabs{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:6px!important;
    transform:translateY(-20px)!important;
    margin-bottom:-14px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  .cc-tabs::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }

  .cc-tab{
    flex:0 0 120px!important;
  }
}




/* =========================================================
   v119 — AKTİF İLETİŞİM KARTI RENK PALETİ / IŞIK YANSIMASI
   Her sekmenin kendi vurgu rengi vardır.
   Seçili kartta çok hafif soldan sağa yansıma çalışır.
========================================================= */
.cc-tabs .cc-tab{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab{
  border-color:#ffb900!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{
  background:
    linear-gradient(112deg,
      color-mix(in srgb,var(--cc-accent,#1593ff) 23%,#142a42) 0%,
      #142a42 52%,
      color-mix(in srgb,var(--cc-accent,#1593ff) 10%,#142a42) 100%)!important;
  border-color:var(--cc-accent,#ffb900)!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--cc-accent,#1593ff) 22%,transparent),
    0 8px 22px rgba(0,0,0,.18)!important;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-45%;
  bottom:-45%;
  left:-46%;
  width:34%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  animation:ccActiveSweep 3.8s ease-in-out infinite;
  pointer-events:none;
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active .cc-tab-icon{
  color:var(--cc-accent,#1593ff)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--cc-accent,#1593ff) 18%,transparent)!important;
}

@keyframes ccActiveSweep{
  0%,58%{left:-46%;opacity:0}
  65%{opacity:.8}
  88%{left:118%;opacity:.5}
  100%{left:118%;opacity:0}
}

@media (prefers-reduced-motion:reduce){
  html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active::after{
    animation:none!important;
    display:none!important;
  }
}

/* Talep formu alt kategori disabled görünümü */
.cc-form select[data-contact-property-subtype]:disabled{
  opacity:.72;
  cursor:not-allowed;
}

html[data-fe-theme="dark"] body .cc-form select[data-contact-property-subtype]:not(:disabled){
  border-color:#365875;
}

/* color-mix desteklemeyen tarayıcılar için güvenli fallback */
@supports not (color:color-mix(in srgb,red,blue)){
  html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{
    background:linear-gradient(110deg,#173653,#142a42 64%,#17304a)!important;
  }
}


/* FINAL v122 — İletişim hero güven rozetleri daha ferah / narin */
@media (min-width:768px){
  .cc-trust{
    display:flex;
    align-items:center;
    gap:8px 10px;
    margin-top:12px;
    margin-bottom:7px;
    flex-wrap:wrap;
  }
  .cc-trust span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:6px 12px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.005em;
    white-space:nowrap;
    box-shadow:0 4px 12px rgba(22,72,130,.04);
  }
}

@media (max-width:767px){
  .cc-trust{
    margin-top:10px;
    margin-bottom:5px;
    gap:7px;
  }
  .cc-trust span{
    min-height:29px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:7px 10px;
    line-height:1.15;
  }
}


/* FINAL v123 — Aktif buton kenar rengi + daha belirgin dalga efekti */
.cc-tab,
.cc-submit,
.cc-mini-card button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:border-color .22s ease,box-shadow .22s ease,transform .18s ease,background .22s ease,color .22s ease;
}

.cc-tab:focus-visible,
.cc-submit:focus-visible,
.cc-mini-card button:focus-visible{
  outline:none;
}

.cc-tabs .cc-tab{
  border-color:color-mix(in srgb,var(--cc-accent,#ffb900) 86%,#dce8f5);
}

.cc-tabs .cc-tab.active{
  border-color:var(--cc-accent,#1593ff)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 0 0 1px color-mix(in srgb,var(--cc-accent,#1593ff) 52%,transparent),
    0 0 0 4px color-mix(in srgb,var(--cc-accent,#1593ff) 16%,transparent),
    0 14px 30px rgba(20,70,120,.18)!important;
}

.cc-tabs .cc-tab:hover{
  transform:translateY(-1px);
}

.cc-tab .cc-tab-icon{
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
}

.cc-submit{
  border:1px solid #1484ff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 0 1px rgba(19,117,255,.16),
    0 12px 24px rgba(19,117,255,.22);
}

.cc-submit:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 0 0 1px rgba(19,117,255,.24),
    0 14px 28px rgba(19,117,255,.26);
}

.cc-mini-card button{
  border-color:#3e90ff;
  box-shadow:
    inset 0 0 0 1px rgba(22,116,255,.04),
    0 0 0 1px rgba(22,116,255,.08);
}

.cc-mini-card button:hover{
  transform:translateY(-1px);
  border-color:#1674ff;
  box-shadow:
    inset 0 0 0 1px rgba(22,116,255,.06),
    0 0 0 1px rgba(22,116,255,.14),
    0 10px 20px rgba(22,116,255,.12);
}

.cc-tab.active::before,
.cc-submit::before,
.cc-mini-card button::before{
  content:"";
  position:absolute;
  top:-58%;
  bottom:-58%;
  left:-42%;
  width:36%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  pointer-events:none;
  animation:ccButtonSweep 2.8s ease-in-out infinite;
  opacity:.95;
}

.cc-mini-card button::before{
  background:linear-gradient(90deg,transparent,rgba(22,116,255,.14),transparent);
}

.cc-submit::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
}

@keyframes ccButtonSweep{
  0%,54%{left:-42%;opacity:0}
  60%{opacity:.95}
  88%{left:118%;opacity:.44}
  100%{left:118%;opacity:0}
}

.cc-click-wave{
  position:absolute;
  border-radius:999px;
  transform:translate(-50%,-50%) scale(.12);
  pointer-events:none;
  opacity:.52;
  background:radial-gradient(circle,rgba(255,255,255,.60) 0%,rgba(255,255,255,.34) 34%,rgba(255,255,255,.10) 62%,rgba(255,255,255,0) 72%);
  animation:ccWavePulse .72s ease-out forwards;
  z-index:0;
}

.cc-mini-card button .cc-click-wave{
  background:radial-gradient(circle,rgba(22,116,255,.32) 0%,rgba(22,116,255,.18) 42%,rgba(22,116,255,.07) 64%,rgba(22,116,255,0) 72%);
  opacity:.72;
}

@keyframes ccWavePulse{
  0%{transform:translate(-50%,-50%) scale(.12);opacity:.65}
  55%{opacity:.38}
  100%{transform:translate(-50%,-50%) scale(1);opacity:0}
}

.cc-tab > *:not(.cc-click-wave),
.cc-submit > *:not(.cc-click-wave),
.cc-mini-card button > *:not(.cc-click-wave){
  position:relative;
  z-index:1;
}

/* v125 — ripple elemanı asla buton yüksekliğini büyütmesin */
.cc-tab > .cc-click-wave,
.cc-submit > .cc-click-wave,
.cc-mini-card button > .cc-click-wave{
  position:absolute!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  flex:none!important;
  z-index:0!important;
}

@media (prefers-reduced-motion:reduce){
  .cc-tab.active::before,
  .cc-submit::before,
  .cc-mini-card button::before,
  .cc-click-wave{
    animation:none!important;
    display:none!important;
  }
}

html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{
  border-color:var(--cc-accent,#ffb900)!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--cc-accent,#1593ff) 24%,rgba(255,255,255,.06)),
    0 0 0 1px color-mix(in srgb,var(--cc-accent,#1593ff) 34%,transparent),
    0 0 0 4px color-mix(in srgb,var(--cc-accent,#1593ff) 12%,transparent),
    0 10px 24px rgba(0,0,0,.22)!important;
}

html[data-fe-theme="dark"] body .cc-submit{
  border-color:#35a4ff!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(53,164,255,.18),
    0 12px 24px rgba(0,0,0,.22)!important;
}

html[data-fe-theme="dark"] body .cc-mini-card button{
  border-color:#5caeff!important;
  box-shadow:
    inset 0 0 0 1px rgba(92,174,255,.06),
    0 0 0 1px rgba(92,174,255,.16)!important;
}

html[data-fe-theme="dark"] body .cc-mini-card button:hover{
  box-shadow:
    inset 0 0 0 1px rgba(92,174,255,.10),
    0 0 0 1px rgba(92,174,255,.22),
    0 10px 20px rgba(0,0,0,.18)!important;
}

@supports not (color:color-mix(in srgb,red,blue)){
  .cc-tabs .cc-tab{border-color:#ffb900}
  .cc-tabs .cc-tab.active{border-color:#1593ff!important}
  html[data-fe-theme="dark"] body .cc-tabs .cc-tab.active{border-color:#1593ff!important}
}


/* FINAL v124 — Aktif üst sekme rengi form kenarlarına yansısın */
.cc-form-card{
  --cc-panel-accent:#1674ff;
  border-color:color-mix(in srgb,var(--cc-panel-accent) 42%,#dce8f5);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--cc-panel-accent) 10%,transparent),
    0 12px 30px rgba(17,65,120,.06);
  transition:border-color .24s ease,box-shadow .24s ease;
}

.cc-form-card .cc-panel-icon{
  background:color-mix(in srgb,var(--cc-panel-accent) 14%,#edf5ff);
  color:var(--cc-panel-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc-panel-accent) 22%,transparent);
}

.cc-form-card .cc-form label>span,
.cc-form-card .cc-panel-head h2{
  color:color-mix(in srgb,var(--cc-panel-accent) 26%,#eaf2fb);
}

.cc-form-card .cc-form input,
.cc-form-card .cc-form select,
.cc-form-card .cc-form textarea{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 36%,#cfdeee);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.cc-form-card .cc-form input:hover,
.cc-form-card .cc-form select:hover,
.cc-form-card .cc-form textarea:hover{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 52%,#cfdeee);
}

.cc-form-card .cc-form input:focus,
.cc-form-card .cc-form select:focus,
.cc-form-card .cc-form textarea:focus{
  border-color:var(--cc-panel-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-panel-accent) 18%,transparent)!important;
}

.cc-form-card .cc-counter{
  color:color-mix(in srgb,var(--cc-panel-accent) 32%,#7c8ba0);
}

.cc-form-card .cc-kvkk input{
  accent-color:var(--cc-panel-accent);
}

.cc-form-card .cc-security-note{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 34%,#d7e6f5);
  background:color-mix(in srgb,var(--cc-panel-accent) 5%,#f6faff);
}

.cc-form-card .cc-security-icon{
  background:color-mix(in srgb,var(--cc-panel-accent) 12%,#e8f3ff);
  color:var(--cc-panel-accent);
}

html[data-fe-theme="dark"] body .cc-form-card{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 58%,#2f4b67)!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--cc-panel-accent) 14%,transparent),
    0 0 0 1px color-mix(in srgb,var(--cc-panel-accent) 24%,transparent),
    0 14px 32px rgba(0,0,0,.18)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-panel-icon{
  background:color-mix(in srgb,var(--cc-panel-accent) 16%,#17324f)!important;
  color:color-mix(in srgb,var(--cc-panel-accent) 78%,#ffffff)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc-panel-accent) 34%,transparent)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-form label>span,
html[data-fe-theme="dark"] body .cc-form-card .cc-panel-head h2{
  color:#f3f8fd!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-form input,
html[data-fe-theme="dark"] body .cc-form-card .cc-form select,
html[data-fe-theme="dark"] body .cc-form-card .cc-form textarea,
html[data-fe-theme="dark"] body .cc-form-card .cc-upload{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 42%,#314964)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-form input:hover,
html[data-fe-theme="dark"] body .cc-form-card .cc-form select:hover,
html[data-fe-theme="dark"] body .cc-form-card .cc-form textarea:hover{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 58%,#314964)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-form input:focus,
html[data-fe-theme="dark"] body .cc-form-card .cc-form select:focus,
html[data-fe-theme="dark"] body .cc-form-card .cc-form textarea:focus{
  border-color:var(--cc-panel-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-panel-accent) 20%,transparent)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-security-note{
  border-color:color-mix(in srgb,var(--cc-panel-accent) 42%,#2d4c69)!important;
  background:color-mix(in srgb,var(--cc-panel-accent) 8%,#0e2238)!important;
}

html[data-fe-theme="dark"] body .cc-form-card .cc-security-icon{
  background:color-mix(in srgb,var(--cc-panel-accent) 16%,#17324f)!important;
  color:color-mix(in srgb,var(--cc-panel-accent) 82%,#ffffff)!important;
}

@supports not (color:color-mix(in srgb,red,blue)){
  .cc-form-card{border-color:#1674ff}
  .cc-form-card .cc-form input,.cc-form-card .cc-form select,.cc-form-card .cc-form textarea{border-color:#2e86ff}
  html[data-fe-theme="dark"] body .cc-form-card{border-color:#2e86ff!important}
  html[data-fe-theme="dark"] body .cc-form-card .cc-form input,
  html[data-fe-theme="dark"] body .cc-form-card .cc-form select,
  html[data-fe-theme="dark"] body .cc-form-card .cc-form textarea{border-color:#2e86ff!important}
}


/* FINAL v129 — İLETİŞİM MERKEZİ DESKTOP GÜNDÜZ ADMIN PALETİ */
.cc-tab[data-contact-tab="general"]{--cc-accent:#1593ff}
.cc-tab[data-contact-tab="demand"]{--cc-accent:#ffb900}
.cc-tab[data-contact-tab="portfolio"]{--cc-accent:#23c7b7}
.cc-tab[data-contact-tab="valuation"]{--cc-accent:#34c77b}
.cc-tab[data-contact-tab="career"]{--cc-accent:#8c6cff}
.cc-tab[data-contact-tab="appointment"]{--cc-accent:#e15ac8}
@media (min-width:901px){
  html[data-fe-theme="light"] .cc-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--fe-primary) 8%,var(--fe-surface)),var(--fe-surface))!important}
  html[data-fe-theme="light"] .cc-hero h1,
  html[data-fe-theme="light"] .cc-info-card h2,
  html[data-fe-theme="light"] .cc-panel-head h2,
  html[data-fe-theme="light"] .cc-mini-card h3{color:var(--fe-text)!important}
  html[data-fe-theme="light"] .cc-hero-note{color:var(--fe-primary)!important}
  html[data-fe-theme="light"] .cc-trust span,
  html[data-fe-theme="light"] .cc-info-card,
  html[data-fe-theme="light"] .cc-form-card,
  html[data-fe-theme="light"] .cc-mini-card,
  html[data-fe-theme="light"] .cc-tab{background:var(--fe-surface)!important;border-color:color-mix(in srgb,var(--fe-primary) 16%,#dce8f5)!important;color:var(--fe-text)!important}
  html[data-fe-theme="light"] .cc-tab.active{background:linear-gradient(135deg,var(--cc-accent),color-mix(in srgb,var(--cc-accent) 72%,#ffffff))!important;color:#fff!important;border-color:transparent!important}
  html[data-fe-theme="light"] .cc-tab:not(.active) .cc-tab-icon,
  html[data-fe-theme="light"] .cc-info-row>span,
  html[data-fe-theme="light"] .cc-panel-icon{background:color-mix(in srgb,var(--fe-primary) 9%,var(--fe-surface))!important;color:var(--fe-primary)!important}
  html[data-fe-theme="light"] .cc-form input,
  html[data-fe-theme="light"] .cc-form select,
  html[data-fe-theme="light"] .cc-form textarea{background:var(--fe-surface)!important;color:var(--fe-text)!important;border-color:color-mix(in srgb,var(--fe-primary) 17%,#cfdeee)!important}
  html[data-fe-theme="light"] .cc-form input:focus,
  html[data-fe-theme="light"] .cc-form select:focus,
  html[data-fe-theme="light"] .cc-form textarea:focus{border-color:var(--fe-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fe-primary) 10%,transparent)!important}
  html[data-fe-theme="light"] .cc-submit{background:linear-gradient(135deg,var(--fe-primary),var(--fe-accent))!important;box-shadow:0 10px 22px color-mix(in srgb,var(--fe-primary) 20%,transparent)!important}
  html[data-fe-theme="light"] .cc-mini-card button{border-color:color-mix(in srgb,var(--fe-primary) 30%,#cfe0f2)!important;background:color-mix(in srgb,var(--fe-primary) 5%,var(--fe-surface))!important;color:var(--fe-primary)!important}
  html[data-fe-theme="light"] .cc-shell{background:color-mix(in srgb,var(--fe-primary) 3%,var(--fe-surface))!important}
}


/* FINAL v155 — İLETİŞİM BANNER BAŞLIK AİLESİ */
@media (min-width:768px){
  .cc-hero-copy{max-width:720px}
  .cc-hero .fe-breadcrumb{
    margin-bottom:8px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  .cc-hero h1{
    margin:4px 0 7px!important;
    font-size:38px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
  }
  .cc-hero p{
    margin:0 0 12px!important;
    max-width:700px!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }
}
@media (max-width:767px){
  .cc-hero .fe-breadcrumb{margin-bottom:7px!important}
  .cc-hero h1{
    margin:4px 0 7px!important;
    font-size:29px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
  }
  .cc-hero p{
    margin:0 0 11px!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
}


/* FINAL v156 — İLETİŞİM BAŞLIK TİPOGRAFİSİ İLAN BANNER AİLESİ */
@media (min-width:768px){
  .cc-hero-copy{max-width:760px!important}
  .cc-hero .fe-breadcrumb{
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .cc-hero h1{
    margin:0 0 8px!important;
    font-size:38px!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
    font-family:inherit!important;
  }
  .cc-hero p{
    margin:0 0 14px!important;
    max-width:700px!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:400!important;
    letter-spacing:0!important;
    font-family:inherit!important;
  }
}
@media (max-width:767px){
  .cc-hero .fe-breadcrumb{
    margin:0 0 8px!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:400!important;
  }
  .cc-hero h1{
    margin:0 0 7px!important;
    font-size:28px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
    font-family:inherit!important;
  }
  .cc-hero p{
    margin:0 0 11px!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:400!important;
    font-family:inherit!important;
  }
}


/* FINAL v157 — İLETİŞİM HERO BAŞLIK / AÇIKLAMA DİKEY ORTALAMA */
@media (min-width:768px){
  .cc-hero-inner{
    min-height:194px!important;
    align-items:center!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  .cc-hero-copy{
    max-width:760px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:138px!important;
  }
  .cc-hero .fe-breadcrumb{margin:0 0 12px!important}
  .cc-hero h1{margin:0 0 10px!important}
  .cc-hero p{margin:0 0 16px!important}
}
@media (max-width:767px){
  .cc-hero-inner{
    min-height:172px!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}

/* v158 — Form başarı bildirimi: popup + PRG akışı */
.cc-success-popover{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
  animation:ccPopFade .18s ease-out both;
}
.cc-success-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  background:rgba(3,16,30,.66);
  backdrop-filter:blur(4px);
  cursor:default;
}
.cc-success-dialog{
  position:relative;
  z-index:1;
  width:min(470px,100%);
  padding:30px 30px 26px;
  border:1px solid rgba(92,219,160,.28);
  border-radius:22px;
  background:linear-gradient(180deg,#122c42 0%,#0d2235 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.025) inset;
  text-align:center;
  color:#fff;
  animation:ccPopIn .22s cubic-bezier(.2,.75,.2,1) both;
}
.cc-success-close{
  position:absolute;
  top:13px;
  right:15px;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:#9fb4c8;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.cc-success-mark{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(135deg,#16c784,#09a66d);
  color:white;
  font-size:34px;
  font-weight:800;
  box-shadow:0 12px 30px rgba(16,190,124,.28);
}
.cc-success-kicker{
  margin-bottom:7px;
  color:#54dda5;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.cc-success-dialog h2{
  margin:0 0 10px;
  color:#fff;
  font-size:23px;
  line-height:1.2;
  font-weight:800;
}
.cc-success-dialog p{
  margin:0 auto 16px;
  max-width:390px;
  color:#aac0d2;
  font-size:14px;
  line-height:1.65;
}
.cc-success-track{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 20px;
  padding:8px 12px;
  border:1px solid rgba(86,180,255,.18);
  border-radius:999px;
  background:rgba(43,143,232,.08);
  color:#9eb8ce;
  font-size:12px;
}
.cc-success-track strong{color:#fff}
.cc-success-ok{
  display:block;
  width:100%;
  min-height:46px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#2398ff,#2879e9);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(35,152,255,.22);
}
.cc-success-popover.is-closing{animation:ccPopFadeOut .18s ease both}
.cc-success-popover.is-closing .cc-success-dialog{animation:ccPopOut .18s ease both}
@keyframes ccPopFade{from{opacity:0}to{opacity:1}}
@keyframes ccPopFadeOut{to{opacity:0}}
@keyframes ccPopIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ccPopOut{to{opacity:0;transform:translateY(8px) scale(.98)}}
@media(max-width:560px){
  .cc-success-popover{padding:16px}
  .cc-success-dialog{padding:28px 20px 22px;border-radius:18px}
  .cc-success-dialog h2{font-size:20px}
}