body{font-family:"Inter",Arial,Helvetica,sans-serif !important}.mega-dropdown{background-color:white;box-shadow:0 8px 24px rgba(0,0,0,0.1);border-radius:0 0 8px 8px;z-index:1000;max-height:90vh;overflow-y:auto}.mega-dropdown-content{display:flex;width:100%;max-width:100%;margin:0}.products-section{flex:1;min-width:0;padding-top:35px;background-color:#f9f9fe;display:flex;flex-direction:column}.products-items{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.products-items .product-item{margin-bottom:0}.explore-section-two{flex:1;min-width:0;padding:30px;border-left:1px solid #f0f0f0;background-color:white}.products-section h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 0;padding-left:78px}.product-item{display:flex;align-items:flex-start;margin-bottom:18px;padding:8px;border-radius:6px;padding-left:70px;transition:background-color 0.2s;min-width:0}.product-icon{width:40px;height:40px;border-radius:50%;margin-right:12px;flex-shrink:0;background-position:center;background-repeat:no-repeat}.clinic-icon,.education-icon,.annotation-icon,.orthodontic-icon{background-image:url("/static/images/dropdowns/deactive-module.32434c0b2f97.svg")}.product-icon.active{background-image:url("/static/images/dropdowns/active-module.c435690aed33.svg")}.product-details h4{font-size:15px;margin:0 0 4px 0;color:#333;font-weight:500}.product-details p{font-size:13px;margin:0;color:#666;line-height:1.4;max-width:390px}.menu-actions{display:flex;margin-top:20px;gap:15px}.menu-action-link{display:flex;align-items:center;color:#333;text-decoration:none;font-size:14px;gap:8px}.action-icon{width:20px;height:20px;border-radius:50%;background-color:#e6e9f5;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:12px}.request-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235f6368'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E")}.contact-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235f6368'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}.explore-section{flex:1;min-width:0;padding:30px;border-left:1px solid #f0f0f0;background-color:white}.explore-section h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 75px}.explore-section-two h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 75px}.explore-link{display:block;padding:10px 0;color:#333;text-decoration:none;font-size:14px;transition:color 0.2s;margin-left:75px}.explore-link:hover{color:#4285F4}.banner-section{flex:2.2;display:flex;align-items:center}.banner-section-two{flex:2.2;display:flex;align-items:center}.banner-content{width:100%;aspect-ratio:3216/1820;overflow:hidden;display:block}.mega-drop-img{height:100%;width:auto;object-fit:cover;display:block;margin-left:auto}.arrow-icon{font-size:16px}.mega-dropdown{border-top:1px solid rgba(0,0,0,0.132);transform-origin:top center;animation:dropdownFade 0.3s ease-out;margin-top:12px}@keyframes dropdownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.mega-dropdown-content{flex-direction:column}.products-section,.explore-section,.learn-section,.banner-section,.banner-section-two{width:100%}.explore-section{border-left:none;border-top:1px solid #f0f0f0}}.sub-banner{width:100%;background-color:#f0f0fa;padding:20px 58px;margin-top:20px;}.sub-banner a{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:linear-gradient(90deg,#FF6262 0%,#7640E8 55%,#3291FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.sub-banner-arrow{flex:0 0 auto;display:inline-block;width:11px;height:12px;background-color:#FF6262;-webkit-mask-image:url("/static/images/svg/arrow-link.b33c6ab5d8fe.svg");mask-image:url("/static/images/svg/arrow-link.b33c6ab5d8fe.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.sub-banner-divider{display:inline-block;color:#0D0F2C;opacity:.15}a{text-decoration:none;color:black}.product-list li{padding:20px 20px;margin-bottom:10px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center}.product-list li:hover{background:#e9ecef}.product-list li.active{background:#000000;color:white;font-weight:400}.product-list li .icon{width:40px}.card-information{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,0.08)}.products-img-wrap{display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,#eeeafa,#e7ebfc,#dbe2fb);flex:1;min-height:0}.products-img{width:auto;max-width:100%;height:auto;object-fit:contain;display:block}.products-modal-animation{background:linear-gradient(to right,#edeaf6,#ededfb,#c9d0fb);padding:60px 0px}.all-container{background-color:white;padding:32px 40px;border-radius:16px}.product-item .icon{margin-right:20px}.card-information-text{padding:24px 28px;width:100%;background:#ffffff;flex:1;margin-top:85px;}.card-information-text #productTitle{font-size:17px;font-weight:700}.product-content{min-width:0;flex:1}.product-content p{font-weight:500 !important;color:#575C6B !important;white-space:normal;overflow:visible;text-overflow:clip}.product-list li.active .product-content p{color:#ffffff !important}.step-number{background:#ebecfd;padding:6px 14px;border-radius:100%;margin-right:20px;color:black}.ai-radiograph{background:linear-gradient(to right,#edeaf6,#ededfb,#c9d0fb);}.ai-texts{font-weight:700}.about-img{width:100%}.mission-box{background:white;padding:30px 25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08);height:100%;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex}.mission-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)}.mission-box h5{font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.4}.mission-box p{color:#6c757d;line-height:1.6;margin-bottom:0;font-size:14px}.mission-icon img{width:90%;height:auto}.craniocatch-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.craniocatch-modal-overlay.craniocatch-active{display:flex;animation:craniocatchFadeIn 0.4s cubic-bezier(0.4,0,0.2,1)}.craniocatch-modal-content{background:white;border-radius:20px;max-width:1300px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,0.15);animation:craniocatchModalSlideIn 0.5s cubic-bezier(0.34,1.56,0.64,1);position:relative;display:flex;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes craniocatchModalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes craniocatchFadeIn{from{opacity:0}to{opacity:1}}.craniocatch-modal-left{flex:0 0 350px;background:linear-gradient(135deg,#b4c0e9 0%,#e3ebf2 100%);color:black;padding:40px 30px;display:flex;flex-direction:column}.craniocatch-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:white;font-size:28px;cursor:pointer;line-height:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:10;transform:scale(1)}.craniocatch-modal-close:hover{background:rgba(255,255,255,0.2);transform:scale(1.1) rotate(90deg)}.craniocatch-modal-title{font-size:28px;font-weight:bold;margin-bottom:15px;line-height:1.2}.craniocatch-modal-subtitle{font-size:14px;opacity:0.9;margin-bottom:8px}.craniocatch-modal-description{font-size:13px;font-weight:600;margin-bottom:30px}.craniocatch-modal-center{flex:1;padding:40px 30px}.craniocatch-modal-right{flex:0 0 350px;border-radius:0 20px 20px 0}.craniocatch-product-selection{margin-bottom:30px}.craniocatch-product-item{display:flex;align-items:center;padding:15px 20px;margin-bottom:8px;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border-radius:12px;position:relative;overflow:hidden;transform:translateX(0)}.craniocatch-product-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:rgba(255,255,255,0.1);transition:width 0.4s cubic-bezier(0.4,0,0.2,1);border-radius:12px}.craniocatch-product-item.craniocatch-selected{background:rgba(255,255,255,0.2);transform:translateX(8px);box-shadow:0 4px 15px rgba(255,255,255,0.1)}.craniocatch-product-item.craniocatch-selected::before{width:100%}.craniocatch-product-checkbox{display:none}.craniocatch-product-icon{width:24px;height:24px;border-radius:6px;margin-right:15px;display:flex;align-items:center;justify-content:center;color:#373737;font-size:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:scale(1)}.craniocatch-product-item.craniocatch-selected .craniocatch-product-icon{background:rgba(255,255,255,0.3);transform:scale(1.1) rotate(5deg)}.craniocatch-product-name{font-size:15px;font-weight:500;color:black;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}.craniocatch-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.craniocatch-form-group{display:flex;flex-direction:column}.craniocatch-form-group.craniocatch-full-width{grid-column:1 / -1}.craniocatch-form-label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.craniocatch-form-input,.craniocatch-form-select,.craniocatch-form-textarea{padding:12px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:14px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:inherit;background:white;transform:translateY(0)}.craniocatch-form-input:focus,.craniocatch-form-select:focus,.craniocatch-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);transform:translateY(-2px)}.craniocatch-form-input:hover,.craniocatch-form-select:hover,.craniocatch-form-textarea:hover{border-color:#bbb}.craniocatch-form-textarea{resize:vertical;min-height:100px}.craniocatch-terms-section{margin:30px 0;display:flex;align-items:flex-start;gap:12px}.craniocatch-terms-checkbox{margin-top:2px;cursor:pointer}.craniocatch-terms-text{font-size:14px;color:#666;line-height:1.5}.craniocatch-terms-link{color:#667eea;text-decoration:none}.craniocatch-terms-link:hover{text-decoration:underline}.craniocatch-submit-section{display:flex;justify-content:flex-end;margin-top:20px}.craniocatch-submit-button{background:#333;color:white;border:none;padding:12px 30px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform:translateY(0) scale(1);width:auto;min-width:120px}.craniocatch-submit-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s}.craniocatch-submit-button:hover{background:#222;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.craniocatch-submit-button:hover::before{left:100%}.craniocatch-submit-button:active{transform:translateY(-1px) scale(0.98)}.craniocatch-submit-button:disabled{opacity:0.6;cursor:not-allowed;transform:none}@media (max-width:1024px){.products-section h3{padding-left:40px}.product-item{padding-left:40px}.product-details p{width:300px}.explore-section h3,.explore-section-two h3{margin:0 0 20px 40px}.explore-link{margin-left:40px}.sub-banner{padding:20px 30px}.craniocatch-modal-content{max-width:90%}.craniocatch-modal-left{flex:0 0 300px;padding:35px 25px}.craniocatch-modal-right{flex:0 0 300px}}@media (max-width:768px){.products-section h3{padding-left:20px}.product-item{padding-left:20px}.product-details p{width:100%}.explore-section h3,.explore-section-two h3{margin:0 0 20px 20px}.explore-link{margin-left:20px}.sub-banner{padding:20px 20px}.all-container{padding:20px}.craniocatch-modal-content{flex-direction:column;max-width:95%;margin:20px}.craniocatch-modal-left,.craniocatch-modal-right{flex:none;width:100%}.craniocatch-modal-left{padding:30px 20px}.craniocatch-modal-center{padding:20px}.craniocatch-form-row{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.mega-dropdown{margin:0;border-radius:0}.products-section,.explore-section,.explore-section-two{padding:20px 15px}.mission-box{padding:20px 15px;flex-direction:column;text-align:center}.craniocatch-modal-title{font-size:24px}.craniocatch-submit-button{width:100%}.ai-radiograph{padding:30px 0}.products-modal-animation{padding:40px 0}}.products-section .product-item.active .clinic-icon,.mega-dropdown .is-clinic-active .clinic-icon{background-image:url("/static/images/dropdowns/active-module.c435690aed33.svg")}.products-section .product-item.active .education-icon,.mega-dropdown .is-edu-active .education-icon{background-image:url("/static/images/dropdowns/active-module.c435690aed33.svg")}.products-section .product-item.active .annotation-icon,.mega-dropdown .is-annotation-active .annotation-icon{background-image:url("/static/images/dropdowns/active-module.c435690aed33.svg")}.products-section .product-item.active .orthodontic-icon,.mega-dropdown .is-orthodontic-active .orthodontic-icon{background-image:url("/static/images/dropdowns/active-module.c435690aed33.svg")}
/* Standart CranioCatch "pill" buton/sekme bileseni: hiw-tab, wu-tab,
   advanced-btn/key-features-btn, ai-btn, details-btn, blog-detail-btn,
   demo-request, craniocatch-submit-button gibi butun sayfalarda tekrarlanan
   ve her seferinde farkli padding/radius/renk degeriyle kopyalanan "aktif"
   buton tasarimi burada TEK yerden standartlastirildi. Kullanim: paylasilan
   olcum (padding/radius/font-size) icin butun durumlarda .cc-pill-btn ekle;
   gradyan renk/kenarlik gereken durumda (sekmelerde .active, tek-amacli CTA
   butonlarda .cc-pill-btn--filled) ikinci sinifi da ekle. */
.cc-pill-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 7px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: #666D7C;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease;
}
.cc-pill-btn.active,
.cc-pill-btn--filled {
  border-color: #7640E8;
  background-color: rgba(124, 98, 255, .04);
  background-image: linear-gradient(90deg, #FF6262 0%, #7640E8 55%, #3291FF 100%);
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.cc-pill-btn.active:hover,
.cc-pill-btn--filled:hover {
  background-color: rgba(124, 98, 255, .1);
}
@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
  .cc-pill-btn.active,
  .cc-pill-btn--filled {
    border-color: transparent;
  }
  .cc-pill-btn.active::before,
  .cc-pill-btn--filled::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, #FF6262 0%, #7640E8 55%, #3291FF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
  }
}
/* Kart/liste ici "Devamini Oku"/"Incele" gibi kucuk CTA'lar icin daha
   sikistirilmis olcum: Demo Talebi/tab gibi diger .cc-pill-btn kullanimlari
   bundan etkilenmesin diye ayri bir modifier - taban .cc-pill-btn'i degil,
   sadece bunu tasiyan elemanlari kucultur. */
.cc-pill-btn--sm {
  padding: 8px 10px;
  border-radius: 12px;
}

/* --- site-audit 2026-08, madde 31 --- */

/* Genis tablolar (cerez politikasi) dar ekranda kabin disina tasiyor ve
   body'deki overflow-x:clip yuzunden kaydirilamiyordu. Kendi yatay kaydirma
   kabi + klavyeyle gezilebilmesi icin gorunur odak halkasi. */
.cc-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.cc-table-scroll:focus-visible {
    outline: 2px solid #3291FF;
    outline-offset: 2px;
}

/* .section-two--ai .switch-btn-wrapper'a flex:0 0 auto veriliyor, yani ogenin
   kuculmesi engelleniyordu; buton metninin dogal genisligi (273px) 320px
   ekranda kabin icerik kutusundan (213px) genis kalip sayfayi 6px tasiriyordu.
   Kuculmesine izin veriyoruz - butonlar zaten width:100%. */
.section-two--ai .switch-btn-wrapper {
    min-width: 0;
    max-width: 100%;
}

/* --- site-audit 2026-08, madde 29: tek kaynakli icerik genisligi --- */

/* 1320px, Bootstrap'in kendi xxl sinirinin ayni degeri; boylece hicbir kurala
   dokunmadigimiz .container'lar da otomatik olarak ayni hizada kaliyor.
   Yalnizca 1400px ustunde devreye giriyor - altinda Bootstrap'in kademeli
   genislikleri (540/720/960/1140) oldugu gibi kaliyor. */
@media (min-width: 1400px) {
    :root {
        --cc-max-content: 1320px;
    }

    main .container,
    .site-footer .container {
        max-width: var(--cc-max-content) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* ----------------------------------------------------------------------
       "Gri sahne + beyaz kart" bilesenleri icin istisna
       ----------------------------------------------------------------------
       Sitedeki bu kartlarin HEPSI ayni formulle tasarlanmis:

           margin: 0 20px;
           padding: clamp(28px, 4vw, 48px) clamp(20px, 10.5vw, 150px);
           max-width: none;

       Yani kart tam genislige acilir, yan boslugu viewport'a gore olceklenir
       ve 150px'te durur. SSS bolumu bunu koruyor, cunku .faq-stage
       "margin: calc(50% - 50vw)" ile .container'dan tasip yukaridaki
       sinirlarin disinda kaliyor.

       Diger bolumler ise ya "main .container" kuralina ya da eski bilesen
       listesine takilip 1320px'e sabitleniyordu. Sonuc: SSS genis, digerleri
       dar; ustelik kart icindeki .container'lar bir kez daha ortalandigi icin
       icerik iyice ice kayiyordu (partner seridinde ~450px'ten basliyordu).

       Asagida bu bilesenleri kendi dogal formullerine birakiyoruz; boylece tum
       sayfalarda tum bolumler SSS ile ayni genislik ve ayni kenar cizgisinde.
       Genel/duz .container'lar (orn. etkinlik listesi) 1320px sinirini korur.
       ---------------------------------------------------------------------- */

    /* 1) Beyaz kartin KENDISI: gri sahne uzerinde 20px yan bosluk */
    .edu-trust,
    .section-two__card,
    .edu-scope,
    .edu-cta,
    .doctor-carts,
    .home-blogs-card,
    .section-two > .container,
    .ai-radiograph > .container,
    .why-used-section > .container,
    .our-mission-stage > .container,
    .how-it-works-section > .container,
    .why-us-section > .container,
    .press-section > .container {
        width: auto !important;
        max-width: none !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    /* 2) Kartin ICINDEKI kapsayici: yan boslugu zaten kart veriyor, bu yuzden
          burada margin 0 olmali. Aksi halde icerik kartin icinde ikinci kez
          ortalanip diger bolumlerden daha ice kaciyor. */
    .edu-trust > .container,
    .blog-content-stage > .container,
    #blog-cards {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 3) Hero'lar: kendi tasarimlari tam genislik + 150px yan dolgu (navbar
          logosuyla ayni sol cizgi). Bolumler tam genislige dondugu icin
          hero'yu 1320px'e sikistiran eski kural onlari tek basina dar bir
          ada birakiyordu.

          #edu-hero da ayni kaliba sahip ("max-width: none" + 150px dolgu) ama
          "main .container" kurali onu da eziyordu. Orada gorsel kolonu
          genisligin %46'si oldugu icin sonuc daha da belirgindi: 1320px'lik
          kapsayicida gorsel ~470px'de kalip genis ekranda kuculuyordu.
          Kapsayici tam genislige donunce gorsel ekranla birlikte olcekleniyor. */
    #home-main > .container,
    #edu-hero .container {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

}

/* --- site-audit 2026-08, madde 28 --- */

/* Sablonlardaki gorsellere gercek width/height ozniteligi eklendi; bu, resim
   inmeden once yer ayirir. Ancak CSS genisligi ezip (ornegin
   .about-img{width:100%}) yukseklige dokunmadiginda, height ozniteligi
   olceklenmeden birebir uygulaniyor ve gorsel eziliyor. Bu kural yalnizca
   kendi yuksekligi tanimlanmamis gorselleri etkiler: ozgullugu (0,0,1)
   oldugu icin bilerek yukseklik veren her sinif kurali bunu ezer. */
img {
    height: auto;
}

/* --- site-audit 2026-08, madde 27: cerez bandi --- */

/* "Ayarlar" ikincil bir eylem; Kabul ve Reddet'in gorsel agirligini
   dusurmemek icin cerceveli, dolgusuz. */
.cookie-btn--ghost {
    background: transparent;
    color: #021838;
    border: 1px solid rgba(0, 0, 0, .25);
}

.cookie-btn--ghost:hover {
    background: rgba(0, 0, 0, .05);
}

.cookie-settings {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px 14px;
}

.cookie-settings[hidden] {
    display: none;
}

.cookie-settings__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin: 0 0 12px;
    padding: 12px 0 0;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.cookie-settings__row {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cookie-settings__row label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #2b2f3a;
    cursor: pointer;
}

.cookie-settings__row input[disabled] + span {
    color: #6F7688;
}

.cookie-settings__row input {
    /* WCAG 2.5.8: dokunma hedefi en az 24x24. */
    width: 18px;
    height: 18px;
    margin: 3px;
    accent-color: #021838;
}

.cookie-settings__hint {
    font-size: 12px;
    color: #666d7c;
    padding-left: 32px;
}

/* Footer'daki kalici giris noktasi; cevresindeki politika linkleriyle ayni
   gorunumde dursun diye dugme stilleri sifirlaniyor. */
.site-footer__cookie-settings {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: #6F7688;
    cursor: pointer;
}

.site-footer__cookie-settings:hover {
    color: #7640E8;
}

@media (max-width: 991px) {
    .cookie-settings__list {
        flex-direction: column;
        gap: 10px;
    }
}

/* Ucuncu dugme ("Ayarlar") eklenince dugmeler telefonda alt alta dusup bandi
   153px'ten 182px'e cikariyordu. Daralt: uc dugme tek satirda kalsin. */
@media (max-width: 575px) {
    /* Onceden uc dugme tek satira sigsin diye kirpiliyordu; 320px'de
       "Tumunu Kabul Et" ucu noktali cikiyordu. Onay metni kirpilamaz:
       iki sutun + saran metin. */
    .bar-cookie .cookie-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        width: 100%;
    }

    .bar-cookie .cookie-btn {
        flex: none;
        min-width: 0;
        padding: 8px 6px;
        font-size: 12px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .bar-cookie #cookieSettingsToggle {
        grid-column: 1 / -1;
    }
}

/* --- site-audit 2026-08, madde 26: liste araclari --- */

.list-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 20px;
    margin: 0 0 28px;
}

.list-toolbar[hidden] {
    display: none;
}

.list-toolbar__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.list-toolbar__field--search {
    flex: 1 1 260px;
}

.list-toolbar__label {
    font-size: 12px;
    font-weight: 600;
    color: #666D7C;
}

.list-toolbar input[type="search"],
.list-toolbar select {
    height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(179, 185, 194, .6);
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    color: #0B0B0F;
}

.list-toolbar input[type="search"]:focus-visible,
.list-toolbar select:focus-visible {
    outline: 2px solid #3291FF;
    outline-offset: 1px;
}

.list-toolbar__count {
    margin: 0 0 10px auto;
    font-size: 13px;
    color: #666D7C;
}

.list-empty {
    margin: 0 0 28px;
    font-size: 15px;
    color: #666D7C;
}

.list-empty[hidden] {
    display: none;
}

/* Numarali sayfa gecisi: ileri/geri oklarinin arasinda duruyor. */
.pagination-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
}

.pagination-number {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid rgba(179, 185, 194, .6);
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #0B0B0F;
    cursor: pointer;
}

.pagination-number:hover {
    border-color: #7640E8;
    color: #7640E8;
}

.pagination-number.is-current {
    background: #0B0B0F;
    border-color: #0B0B0F;
    color: #fff;
    cursor: default;
}

.pagination-number:focus-visible {
    outline: 2px solid #3291FF;
    outline-offset: 2px;
}

.pagination-gap {
    align-self: center;
    color: #6F7688;
}

@media (max-width: 575px) {
    .list-toolbar__count {
        margin-left: 0;
    }
}

/* --- site-audit 2026-08, madde 20: dokunma hedefleri --- */

/* Footer politika ve dil baglantilari 19-20px yuksekligindeydi. Dikey dolgu
   kutuyu 24px'e cikariyor; satir yuksekligi ve gorunum degismiyor. */
.site-footer__policies a,
.site-footer__cookie-settings,
.site-footer__language a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Iletisim formunun gonder butonu 22px yuksekligindeydi - formun en kritik
   ogesi. */
.craniocatch-submit-button {
    min-height: 44px;
}

/* Liste sayfalarindaki ileri/geri oklari 18px genislikteydi. */
.pagination-btn {
    min-width: 38px;
    min-height: 38px;
}

/* Fiyatlandirmadaki Aylik/Yillik anahtari 21px, "veya Demo Al" 18px. */
.toggle-btn {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.demo-link {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero oynaticisindaki hiz dugmesi 13x13'tu; digerleri ::after ile
   genisletilmisti, bu atlanmis. */
.hero-player__btn {
    min-width: 24px;
    min-height: 24px;
}

@media (max-width: 991px) {
    /* Telefonda konfor olcusune yaklastir; masaustunde imlecle zaten sorun yok. */
    .site-footer__policies a,
    .site-footer__cookie-settings,
    .site-footer__language a {
        min-height: 32px;
    }
}

/* Dil baglantilarinin yuksekligi duzeldi ama genisligi 18px kaldi. */
.site-footer__language a {
    min-width: 24px;
    justify-content: center;
    padding-left: 3px;
    padding-right: 3px;
}

/* role="button" tasiyan donem anahtari 36x20'ydi; buraya konan
   "min-height: 24px" dokunma hedefini buyutuyordu ama ayni zamanda pill'in
   KENDISINI de 24px'e sisirip kalin gosteriyordu. Anahtar artik 44x18 ve
   24px'lik dokunma hedefi new_pricing_page CSS'indeki seffaf
   ".plan-toggle-container::before" katmaniyla saglaniyor; boylece erisilebilir
   alan korunurken gorsel incelebiliyor. Kural bilerek bos birakilmadi,
   kaldirildi - burada min-height vermek gorseli tekrar bozar. */

.demo-link a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}

/* Blog kartinin gorseli bir baglantinin icinde ama baglanti satir ici oldugu
   icin kutusu 20px'lik bir seride sikisiyordu; gorselin tamami zaten
   tiklanabilirdi, olcum yaniltiyordu. Blok yapinca kutu gercegi gosteriyor. */
.blog-card__img a {
    display: block;
}

/* --- site-audit 2026-08, madde 19: en kucuk metinler --- */

/* Mobilde 10-11px'e dusen ogeler. Rozet ve etiketler kucuk kalabilir ama
   12px'in altina inmemeli; okunabilirligin pratik tabani orasi. */
.tooth-badge,
.ai-modal-badge,
.upload-text,
.detection-color,
.test-plan-slug,
.plan-price .period,
.period {
    font-size: 12px;
}

/* Kart tarihleri ve benzeri ikincil metinler 12px'ti; bir basamak yukari. */
.text-muted.small,
span.text-muted {
    font-size: 13px;
}

/* Etkinlik karti rozeti ("Webinar") ve klinik sayfasindaki vurgular 11px'ti. */
.event-card__tag,
.event-card__tag span,
b.detection-color,
.detection-color {
    font-size: 12px;
}

/* --- 9. madde: urun kartlarinin basligi artik <a>. Gorunum aynen kalsin;
   kazanc yalnizca gercek bir href'in bulunmasi (arama motoru, orta tik,
   yeni sekmede ac). --- */
.product-item__link,
.product-item__link:hover,
.product-item__link:focus {
    color: inherit;
    text-decoration: none;
}
a.details-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================================
   Buton olcusu: tek standart
   --------------------------------------------------------------------------
   Ayni is yapan butonlar dosyadan dosyaya farkli olculerle tanimlanmisti:

     .cc-pill-btn              6px 7px   / 14px   (Demo Talebi, sekmeler)
     .cc-pill-btn--sm          8px 10px  / 12px   (Incele, Devamini oku)
     .home-btn                 6px 9px   / 10px   (Kesfetmeye Baslayin, Videoyu Izle)
     .blog-detail-btn          8px 50px  / 24px   (Detaylar; ayrica iki responsive ezme)
     .craniocatch-submit-button 12px 30px / 8px   (Gonder; demo-modal.css'te 10px 26px/10px)

   Hepsi ayni olcuye cekiliyor: padding 6px 8px, border-radius 9px.

   !important gerekiyor cunku bazi ezmeler daha ozgul secicilerde duruyor
   (ornegin newContact.css'teki ".craniocatch-contact-form-section
   .craniocatch-submit-button{padding:0}") ve homepage.css'teki
   .blog-detail-btn responsive kurallari. Dosya en son yuklendigi icin
   sadece bu iki ozellik tek noktadan sabitleniyor.

   DIKKAT: gradyan kenarligi ureten ::before/::after katmanlarinin kendi
   "padding:1px" degeri kenarlik kalinligidir; bu kural onlara DEGMEZ.
   Erisilebilirlik icin konulan min-height degerleri de korunur.
   ========================================================================== */
.cc-pill-btn,
.cc-pill-btn--sm,
.home-btn,
.home-btn-one,
.home-btn-two,
.blog-detail-btn,
.demo-request,
.craniocatch-submit-button {
    padding: 6px 8px !important;
    border-radius: 9px !important;
}

/* ==========================================================================
   Iletisim formundaki "Gonder" butonu: animasyon yok
   --------------------------------------------------------------------------
   base.css bu butona iki efekt veriyordu:

     .craniocatch-submit-button::before        -> left:-100%, transition:left .6s
     .craniocatch-submit-button:hover::before  -> left:100%          (parlama)
     .craniocatch-submit-button:hover          -> translateY(-2px) scale(1.02)
     .craniocatch-submit-button:active         -> translateY(-1px) scale(.98)

   Parlama efekti ::before'u soldan saga kaydiriyordu. Iletisim sayfasinda
   gradyan KENARLIK da ::before ile ciziliyor; yani kayan sey parlama degil,
   kenarligin kendisi oluyordu. Ustelik buton hover'da zipliyordu.

   Ayni ozgullukteki kurallari sirayla ezmek yetmedigi icin (base.css,
   newContact.css'ten SONRA yukleniyor) kurallar burada, dosyanin sonunda ve
   bir kademe daha ozgul yazildi. */
.craniocatch-contact-form-section .craniocatch-submit-button,
.craniocatch-contact-form-section .craniocatch-submit-button:hover,
.craniocatch-contact-form-section .craniocatch-submit-button:active {
    transform: none;
    box-shadow: none;
}

/* Kenarlik halkasi yerinde kalsin: kaymayi ve gecisi sifirla. */
.craniocatch-contact-form-section .craniocatch-submit-button::before,
.craniocatch-contact-form-section .craniocatch-submit-button:hover::before,
.craniocatch-contact-form-section .craniocatch-submit-button:active::before {
    left: 0;
    transition: none;
}

/* ==========================================================================
   Partner (universite) seridi: her sayfada footer'in hemen ustunde,
   ust ve alt bosluk TAM 30px
   --------------------------------------------------------------------------
   Serit 15 sablonda satir ici tekrarlandigi ve ".home-trust-stage" yalnizca
   5 CSS dosyasinda tanimli oldugu icin bosluklar sayfadan sayfaya
   degisiyordu. Burada tek kaynaktan sabitleniyor (base.css en son yuklenen
   dosya, sayfa CSS'lerini eziyor).

   Ikinci sorun: seritten hemen onceki sahne kendi alt boslugunu da veriyor.
   .faq-stage'in "padding: 30px 0" degeri seridin 30px ust boslugu ile ust
   uste binip araya 60px koyuyordu. SSS'ten sonra gelen durumda ust bosluk
   sifirlaniyor; boylece bosluk her iki durumda da 30px:

     SSS'ten sonra (index, clinic, angle, about, ailab, contact)
        30px (faq-stage alt) + 0 (serit ust)            = 30px
     Diger sayfalarda (writers, blogs, news, academic, events, detaylar)
        onceki sahnenin alt boslugu yok + 30px (serit ust) = 30px
   ========================================================================== */
.home-trust-stage {
    background: #F5F6F8;
    margin: 0;
    padding: 30px 0;
}

/* Beyaz kartin kendi DIKEY marjlari sifirlanir; bosluk tek kaynaktan
   (sahnenin padding'i) gelsin. edu.css bu karta "margin: 30px 20px 0"
   veriyordu; sahne icinde kalinca ust bosluk 30+30=60 oluyor, altta ise
   hicbir sey kalmiyordu. Yan marj (20px) korunuyor. */
.home-trust-stage > .edu-trust {
    margin-top: 0;
    margin-bottom: 0;
}

/* SSS sahnesi seritten hemen once geliyorsa ust boslugu zaten o veriyor.
   Kardes secici ("~") kullanilamiyor: .faq-stage sayfadan sayfaya farkli
   derinlikte sarmalanmis (index/about: .cta-section, clinic: .product-faq-stage,
   angle: bir seviye daha derin, ailab/contact: dogrudan). Bu yuzden sayfa
   duzeyinde bakiliyor - SSS'i olan sayfalarda serit ust boslugunu eklemiyor. */
body:has(.faq-stage) .home-trust-stage {
    padding-top: 0;
}

/* :has() desteklemeyen eski tarayicilarda en azindan kardes olan sayfalar
   dogru kalsin (index, about, clinic, ailab, contact). */
.cta-section ~ .home-trust-stage,
.product-faq-stage ~ .home-trust-stage,
.faq-stage ~ .home-trust-stage {
    padding-top: 0;
}

/* --- Seritten onceki/sonraki sahnelerin kendi bosluklari ------------------
   Yukaridaki kural seridin KENDI padding'ini 30px'e sabitliyor, ama komsu
   sahneler de bosluk ekleyince toplam 30px'i asiyordu. Iki kaynak vardi: */

/* 1) SSS sahnesi: "margin: 40px calc(50% - 50vw)" - yani ALT marj da 40px.
      Sayfalar yalnizca margin-top'u sifirlamis. Gri SSS bandi ile gri serit
      bandi arasinda 40px'lik BEYAZ bir serit kaliyordu (kenarlari keskin,
      yuvarlatilmamis bir cizgi gibi gorunuyordu).
      Yalnizca ikisinin birlikte bulundugu sayfalarda sifirlaniyor; SSS'i olup
      seridi olmayan sayfada (fiyatlandirma) alt marj korunuyor. */
body:has(.faq-stage):has(.home-trust-stage) .faq-stage {
    margin-bottom: 0;
}

/* 2) edu sayfasi: serit .edu-stage'in son cocugu. Bu sahne kendi
      "padding-bottom: 30px" ve "margin-bottom: clamp(48px, 7vw, 90px)"
      degerlerini de ekliyordu; serit ile footer arasi 108-150px'e cikiyordu.
      Serit zaten 30px veriyor, sahnenin alt boslugu gereksiz. */
.edu-stage:has(> .home-trust-stage) {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   TIPOGRAFI OLCEGI - tek kaynak
   --------------------------------------------------------------------------
   Kurumsal olcek:
       Masaustu (>=1200px)  H1 40  H2 32  H3 24  Body 16  Small 14
       Tablet   (>=768px)   H1 32  H2 28  H3 22  Body 16  Small 14
       Mobil    (<768px)    H1 28  H2 24  H3 20  Body 15  Small 13

   Neden !important: ayni basliklar 6 ayri CSS dosyasinda farkli ozgulluklerle
   tanimli (ornegin ".edu-scope .edu-scope__title" (0,2,0) ile
   ".edu-scope__title" (0,1,0)). Her birini ayri ayri eslemek yerine olcek tek
   noktadan sabitleniyor; boylece yeni bir sayfa CSS'i eklendiginde de standart
   bozulmuyor. Yalnizca font-size/line-height'a dokunuluyor, renk ve agirlik
   sayfalarin kendi kurallarinda kaliyor.

   KAPSAM: yalnizca BOLUM basliklari. Kart/bileşen basliklari (.press-headline,
   .product-content h3, .hiw-step-card h3, .wu-card h3, .edu-steps-step__title,
   .ai-content h3, .card-title, #productTitle) bilerek DISARIDA - onlar 14-16px
   olarak tasarlanmis, olcege cekilirse kart duzenleri bozulur.
   ========================================================================== */
:root {
    --cc-h1: 28px;
    --cc-h2: 24px;
    --cc-h3: 20px;
    --cc-body: 15px;
    --cc-small: 13px;
}

@media (min-width: 768px) {
    :root {
        --cc-h1: 32px;
        --cc-h2: 28px;
        --cc-h3: 22px;
        --cc-body: 16px;
        --cc-small: 14px;
    }
}

@media (min-width: 1200px) {
    :root {
        --cc-h1: 40px;
        --cc-h2: 32px;
        --cc-h3: 24px;
    }
}

/* --- H1: sayfa basligi (her sayfada tek) --- */
h1,
.titles,
.edu-hero__title,
.edu-slide__title {
    font-size: var(--cc-h1) !important;
    line-height: 1.15;
}

/* --- H2: bolum basliklari --- */
.section-two-title,
.edu-scope__title,
.edu-faq__title,
.edu-steps__title,
.edu-webinar__title,
.why-used-title,
.hiw-header h2,
.wu-header h2,
.press-header h2,
.home-blogs-header h2,
.middle-banner h2,
.home-mid-stage .middle-banner h2,
.section-two h2,
.products-modal-animation h2,
.ai-text h2,
.anno-banner-context h2,
.annotation-main h2 {
    font-size: var(--cc-h2) !important;
    line-height: 1.25;
}

/* --- H3: bolum ici alt basliklar --- */
.edu-showcase__title,
.edu-screen-text h3,
.edu-screen-two-text h3 {
    font-size: var(--cc-h3) !important;
    line-height: 1.3;
}

/* --- Body: bolum aciklama/lead metinleri --- */
.section-two-description,
.edu-scope__lead,
.edu-faq__lead,
.edu-showcase__lead,
.edu-webinar__lead,
.hiw-header p,
.wu-header p,
.press-header p,
.home-blogs-header p,
.text-sm {
    font-size: var(--cc-body) !important;
    line-height: 1.6;
}

/* --- Etkilesim metni: butonlar --------------------------------------------
   Butonlar olcegin Small basamagina bagli (mobil 13px / tablet ustu 14px);
   eskiden bunun da altindaydilar ve kendi
   aralarinda da tutarsizdi:

       .cc-pill-btn        13px   (Demo Talebi, sekmeler, .ai-btn bundan miras alir)
       .edu-login-btn      13px
       .home-btn           12px   (Kesfetmeye Baslayin, Videoyu Izle)
       .blog-detail-btn    12px
       .cookie-btn         12px

   Hepsi Small tabanina cekiliyor. Ust sinir gerekmiyor: bu butonlarin hicbiri
   14px'in uzerinde degildi. Yalnizca font-size'a dokunuluyor; olculer
   (padding 6px 8px / radius 9px) yukaridaki buton standardinda kaliyor.
   .cc-pill-btn zaten "white-space: nowrap" tasidigi icin 1px'lik buyume
   satir kaydirmaz. */
.cc-pill-btn,
.cc-pill-btn--sm,
.home-btn,
.home-btn-one,
.home-btn-two,
.blog-detail-btn,
.edu-login-btn,
.edu-video-btn,
.see-more-btn,
.edu-cta__btn,
.details-btn,
.cookie-btn,
.craniocatch-submit-button {
    font-size: var(--cc-small) !important;
}

/* --- Govde ve ikincil metinler ---------------------------------------------
   Yukaridaki katman basliklari ve bolum lead'lerini kapsiyordu; sayfa
   taramasi govde metinlerinin hala 11.5-13.5px arasinda dagildigini gosterdi.
   Asagisi olcegin kalan iki basamagini uyguluyor.

   Body: okunan duz metinler - SSS cevaplari, urun aciklamalari,
   ozellik kartlarinin metni.
   Small: etiket, tarih, rozet, kaynak adi gibi ikincil bilgiler ve
   kucuk kalmis etkilesim ogeleri.
   -------------------------------------------------------------------------- */

/* Body */
.edu-faq .accordion-content,
.edu-faq .accordion-header,
.edu-scope .product-item .product-content p,
.edu-scope .product-item.active .product-content p,
.edu-scope .card-information-text p,
.feature-card-text p,
.feature-card-text-2 p,
.feature-card-text-3 p,
.feature-card-text h3,
.feature-card-text-2 h3,
.feature-card-text-3 h3 {
    font-size: var(--cc-body) !important;
}

/* Tarama sirasinda 28px'te kalan tek bolum basligi (Kullanici Deneyimleri) */
.doctor-carts .text-center h2 {
    font-size: var(--cc-h2) !important;
}

/* Small */
.cookie-settings__hint,
.press-outlet,
.press-date,
.press-link,
.see-more,
.edu-faq__cta,
.upload-text,
.tooth-badge,
.ai-modal-badge,
.dr-name p,
.ai-texts p,
.edu-login-or,
b.detection-color {
    font-size: var(--cc-small) !important;
}

/* Video oynaticinin menu butonu 11px'ti; tiklanabilir bir kontrol oldugu icin
   Small tabanina cekiliyor.
   BILEREK DISARIDA: .hero-player__title (12px) ve .hero-player__time (10px).
   Bunlar oynatici cubugunun icindeki salt-okunur gostergeler; cubuk sabit
   yukseklikte ve monitor mockup'inin ekranina oturuyor, 14px'e cikarmak
   cubugu tasiriyor. Tiklanabilir olmadiklari icin erisilebilirlik acisindan
   da bir kayip yok. */
.hero-player__menu button {
    font-size: var(--cc-small) !important;
}

/* --- Tablet ve mobilde olcek altina dusen metinler -------------------------
   Olcek degerleri degiskenlerden geliyor; asagidaki kurallar dar
   ekranlarda 11-13px'e iniyordu (tarama: 800px ve 500px).
   Mobilde metni kucultmek okunabilirligi dusuruyor; boyut sabit tutulup
   satir yuksekligi korunuyor. */
@media (max-width: 1199px) {
    .edu-trust__text {
        font-size: var(--cc-small) !important;
    }
}

@media (max-width: 767px) {
    .why-used-text p,
    .edu-card__text,
    .img-titles b,
    .img-titles.img-titles-fast b,
    .img-titles.integrated b {
        font-size: var(--cc-body) !important;
    }

    .why-used-text h3 {
        font-size: var(--cc-body) !important;
    }

    /* Mobilde genel <p> 13px'e dusuyordu */
    #main-content p {
        font-size: var(--cc-body);
    }
}

/* Cerez cubugu metni main disinda; yukaridaki "#main-content p" ona ulasmiyor.
   Kucuk yazi = Small. */
.cookie-text {
    font-size: var(--cc-small) !important;
}

/* --- Liste sayfalari (academic / events / blogs / news) --------------------
   Bu dort sayfa tarandiginda 106 ihlal cikti; degerler 0.8rem-13px arasinda
   dagilmisti. Ayni olcege baglaniyor.

   .section-title ozellikle onemliydi: bir <h2> ama 0.9rem (14.4px) ile
   govde metninden bile kucuk kaliyordu - "Yaklasan Etkinlikler" bir bolum
   basligi, H2 olmali. */
.section-title {
    font-size: var(--cc-h2) !important;
    line-height: 1.25;
}

/* Etiket, tarih, sayac, konusmaci adi gibi ikincil bilgiler -> Small */
.text-muted.small,
.list-toolbar__label,
.list-toolbar__count,
.pagination-info__hint,
.speaker-name,
.event-card__tag span,
.event-date-time,
.event-time {
    font-size: var(--cc-small) !important;
}

/* Etkinlikler sayfasinin liste govdesi de artik beyaz kart; "main .container"
   sinirina takilmasin (2560px'te iki yanda ~620px bos alan biraliyordu).
   :has() ile yalnizca o sayfaya nisan aliniyor - #content id'si blogs/news/
   academic sayfalarinda da var ve onlarin kendi kart kurallari zaten var. */
@media (min-width: 1400px) {
    #content:has(#upcoming-events) > .container {
        width: auto !important;
        max-width: none !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

/* --- Gradyan CTA seridi: 150px KART DISI bosluk ---------------------------
   Serit tam genisligin 20px iceriden basliyordu; istenen, kartin kendisinin
   soldan ve sagdan 150px iceride durmasi (ic dolgu degil, dis bosluk).
   Yukaridaki tam-genislik kurali .edu-cta'ya 20px yan marj veriyor,
   burada 150px ile eziliyor; ic dolgu kendi sayfa CSS'indeki degerinde
   birakildi.

   Sabit 150px yerine clamp: dar ekranda serit yok olmasin diye oransal
   kuculuyor, genis ekranda tam 150px. */
.edu-cta {
    margin-left: clamp(20px, 10.5vw, 150px) !important;
    margin-right: clamp(20px, 10.5vw, 150px) !important;
}


/* Edu hero'sunda Demo Talebi butonu. .home-main-buttons anasayfadan geliyor ve
   orada hero ortali oldugu icin justify-content:center tasiyor; Edu hero'su
   sola hizali oldugundan buton giris butonlarindan 229 px sagda kaliyordu.
   Mobilde blok tam genislik ve ortali, orasi dogru. (A2-C1 sonrasi duzeltme) */
@media (min-width: 992px) {
    .edu-hero-cta {
        /* satir modu */
        justify-content: flex-start !important;
        /* sutun modu (kap 1200 px altinda column'a geciyor) */
        align-items: flex-start !important;
    }
}