/* ===== CAKA & CO. - özel stiller (temanın dosyalarına dokunmadan) ===== */
:root {
    --caka-red: #C91330;     /* marka kitindeki resmi kırmızı */
    --caka-red-hi: #FF2A4D;  /* vurgu / hover kırmızısı */
}

/* ===== Resmi logo (sembol + yazı) ===== */
.caka-logo-sym { fill: var(--caka-red); display: block; height: auto; }
.caka-logo-wm  { fill: #ffffff; display: block; height: auto; }

/* Navbar */
.header-menu-wrap .logo.caka-logo {
    display: flex;
    align-items: center;

}

/* Açılış ekranı */
.caka-preloader-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}
.caka-preloader-logo .caka-logo-sym { width: clamp(64px, 5vw, 88px); }
.caka-preloader-logo .caka-logo-wm  { width: clamp(170px, 14vw, 240px); }

/* Footer'daki büyük yazı logo */
.footer-area .footer-bottom .caka-footer-wm {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 40px;
    fill: #ffffff;
}

/* "Ekibimize Katılın" kutusundaki sembol */
.team-cv-box .team-cv-header .caka-cv-sym {
    display: block;
    width: 48px;
    height: auto;
    margin-bottom: 36px;
    fill: var(--caka-red);
}

/* ===== Kırmızı vurgular (tasarım siyah-beyaz kalır) ===== */

/* Butonlar: hover'da kırmızı dolgu */
.theme-btn:before { background: var(--caka-red); }
.theme-btn:hover { color: #ffffff; border-color: var(--caka-red); }
.theme-btn:hover img { filter: none; }
.theme-btn:hover svg path { stroke: #ffffff; }

/* Menü linklerinin alt çizgisi */
.header-menu-wrap .navbar .menu li a:before,
a.with-border:before { background: var(--caka-red-hi); }

/* Sağdaki nokta menü: aktif nokta kırmızı */
.notch-bar-menu-wrap li a.active {
    background-color: var(--caka-red-hi);
    box-shadow: 0 0 8px var(--caka-red-hi);
}

/* Mobil menü butonu */
.hamburg-menu:hover { background: var(--caka-red); border-color: var(--caka-red); }
.hamburg-menu:hover span { background: #ffffff; }

/* Yıldız (*) işaretleri */
.pricing-box p .required,
.contact-sec .contact-content > p .required { color: var(--caka-red-hi); }

/* Fiyat paketlerindeki tikler */
.pricing-box .feature-lists li .icon { background: var(--caka-red); color: #ffffff; }

/* SSS: açık sorunun artı/eksi işareti */
.faq-item .accordion-header button[aria-expanded="true"] .plus-icon span { background: var(--caka-red-hi); }

/* Hizmet satırı aktif/hover: sol kenarda kırmızı çizgi */
.service-box { box-shadow: inset 0 0 0 transparent;  }
.service-box.active,
.service-box:hover { box-shadow: inset 3px 0 0 var(--caka-red); }

/* Sosyal medya yuvarlak ikonları */
.header-sidebar-wrap .header-sidebar-content .header-sidebar-bottom ul li a:hover {
    background: var(--caka-red); border-color: var(--caka-red); color: #ffffff;
}

/* Form gönderim mesajları */
.text-green-500 { color: #3ddc84; }
.text-red-500 { color: var(--caka-red-hi); }

/* Sayaç kutuları: fotoğraflar her zaman görünsün (sadece hover'da değil) */
.funfact-box .overlay {
    opacity: 1;
}
.funfact-box {
    border-color: transparent;
}
/* Beyaz yazılar fotoğraf üstünde okunsun diye hafif karartma */
.funfact-box::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.05) 45%, rgba(0, 0, 0, 0.55) 100%);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.funfact-box:hover::after {
    opacity: 0.4;
}

/* İkon fontu (tik, sosyal medya ikonları vb.) - assets/fonts klasörü yoksa internetten yüklenir */
@font-face {
    font-family: 'Line Awesome Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/la-solid-900.woff2) format("woff2"),
         url(https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/fonts/la-solid-900.woff2) format("woff2");
}
@font-face {
    font-family: 'Line Awesome Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/la-regular-400.woff2) format("woff2"),
         url(https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/fonts/la-regular-400.woff2) format("woff2");
}
@font-face {
    font-family: 'Line Awesome Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/la-brands-400.woff2) format("woff2"),
         url(https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/fonts/la-brands-400.woff2) format("woff2");
}

/* =========================================================
   07.10 istekleri
   ========================================================= */

/* 1) "İletişime Geç" butonları kırmızı */
.hero-sec .hero-bottom .theme-btn,
.footer-contact-infos .theme-btn {
    background: var(--caka-red);
    border-color: var(--caka-red);
    color: #ffffff;
}
.hero-sec .hero-bottom .theme-btn:before,
.footer-contact-infos .theme-btn:before { background: #ffffff; }
.hero-sec .hero-bottom .theme-btn:hover,
.footer-contact-infos .theme-btn:hover { color: var(--caka-red); border-color: #ffffff; }
.hero-sec .hero-bottom .theme-btn:hover img,
.footer-contact-infos .theme-btn:hover img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(83%) saturate(4800%) hue-rotate(340deg) brightness(88%);
}

/* 2) "CAKA & CO. / Kurucu ekip" kırmızı */

/* 3) Başlık: 1. satır beyaz, 2. satır kırmızı */
.hero-sec .hero-bottom :is(h1,h2):nth-child(1) {
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
}
.hero-sec .hero-bottom :is(h1,h2):nth-child(2) {
    background-image: linear-gradient(90deg, var(--caka-red-hi) 0%, var(--caka-red) 100%);
}

/* 4) Arkadaki video kırmızı tonda (beyaz parlamalar korunur) */
.hero-sec .hero-inner .hero-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--caka-red);
    mix-blend-mode: color;
    pointer-events: none;
}

/* 5) Menü linkleri ve telefon numarası kırmızı */

.header-menu-wrap .navbar .menu li a:before { background: #ffffff; }

/* =========================================================
   07.10 istekleri - 2. tur
   ========================================================= */

/* Video: kenarlar kırmızı olmasın (kırmızı sadece videonun üstünde) + biraz sağa */
.hero-sec .hero-inner .hero-video { background: #000000; isolation: isolate; }

/* Menü linkleri ve telefon: siyah gölge */

/* Navbar hep sabit; aşağı inince siyah arka plan */
.header-menu-wrap {
    position: fixed;
    transition: background 0.4s, padding 0.4s, box-shadow 0.4s;
}
.header-menu-wrap.caka-scrolled {
    background: #000000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* "CAKA & CO. / Kurucu ekip": yarısı kırmızı, yarısı siyah + gölge */
.hero-sec .hero-top .author-info h4,
.hero-sec .hero-top .author-info span {
    background-image: linear-gradient(90deg, var(--caka-red-hi) 0%, var(--caka-red) 50%, #000000 50%, #000000 100%);
    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

}

.hero-sec .hero-top .author-info span {

    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-style: normal;
    -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.5);
}

/* "Farklı disiplinler. / Ortak vizyon.": siyah gölge */
.hero-sec .hero-bottom :is(h1,h2) {
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
}

/* =========================================================
   07.10 istekleri - 3. tur
   ========================================================= */

/* Navbar linkleri + telefon: kırmızı yazı, arkasında belirgin siyah gölge */

/* Bölüm başlıkları (Hakkımızda, Disiplinlerimiz ... ve yanındaki büyük yazı): kırmızı + siyah gölge */
.section-header .section-subtitle,
.section-header .section-title {
    color: var(--caka-red-hi);

}
.section-header .section-title .char,
.section-header .section-title .word {
    color: var(--caka-red-hi);
}

/* =========================================================
   07.10 istekleri - 4. tur: siyah gölgeler beyaz oldu
   ========================================================= */

.header-menu-wrap .navbar .menu li a:hover,
.header-menu-wrap .header-right-info a.with-border:hover {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
.section-header .section-subtitle,
.section-header .section-title {
    text-shadow:
        0 0 1px rgba(255, 255, 255, 0.85),
        0 0 8px rgba(255, 255, 255, 0.45),
        0 0 22px rgba(255, 255, 255, 0.25);
}

/* =========================================================
   07.10 istekleri - 5. tur: navbar tamamen beyaz
   ========================================================= */

/* =========================================================
   07.10 istekleri - 5. tur: navbar yazıları tamamen beyaz
   ========================================================= */
.header-menu-wrap .navbar .menu li a,
.header-menu-wrap .navbar .menu li a:hover,
.header-menu-wrap .header-right-info a.with-border,
.header-menu-wrap .header-right-info a.with-border:hover {
    color: #ffffff;
    text-shadow: none;
}

/* =========================================================
   Navbar - eski projedeki gibi
   ========================================================= */

.header-menu-wrap .navbar .menu li a,
.header-menu-wrap .header-right-info a.with-border {
    font-family: "Outfit", var(--font_urbanist);

    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #A7A3AA;
    text-shadow: none;
    line-height: 1.7;
}
.header-menu-wrap .navbar .menu li a:hover,
.header-menu-wrap .header-right-info a.with-border:hover {
    color: #ffffff;
}
/* tema çizgisini kapat; sadece aktif sayfada kırmızı alt çizgi */
.header-menu-wrap .navbar .menu li a:before,
.header-menu-wrap .header-right-info a.with-border:before {
    display: none;
}
.header-menu-wrap .navbar .menu li a.active {
    color: #ffffff;
}
.header-menu-wrap .navbar .menu li a.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--caka-red);
}
/* sağ taraf: telefon + yuvarlak e-posta butonu */
.header-menu-wrap .header-right-info {
    gap: 28px;
}
.header-menu-wrap .header-right-info a.caka-mail-btn {

    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    transition: background 0.4s, color 0.4s, box-shadow 0.4s;
}
.header-menu-wrap .header-right-info a.caka-mail-btn:hover {
    background: #ffffff;
    color: #000000;
    box-shadow: inset 0 0 0 1px #ffffff;
}
.header-menu-wrap .header-right-info a.caka-mail-btn svg { display: block; }

/* Dizüstü ekranlarda da (1025-1439px) menü görünsün */
@media (min-width: 1025px) and (max-width: 1439px) {
    .header-menu-wrap .navbar > ul > li:not(.dropdown-menu-item) { display: block; }
    .header-menu-wrap .navbar { margin-left: 0; margin-right: 0; }

}
@media (max-width: 1100px) {
    .header-menu-wrap .header-right-info a.with-border { display: none; }
}
@media (max-width: 809px) {
    .header-menu-wrap .header-right-info a.caka-mail-btn { width: 48px; height: 48px; }
}

/* =========================================================
   07.10 - 6. tur: navbar büyüdü, giriş yazısı, başlık renkleri,
   özgün dokunuşlar (kırmızı / beyaz / siyah / gri)
   ========================================================= */
:root {
    --caka-white: #FFFFFF;
    --caka-soft: #EDEBEF;   /* başlıklar için yumuşak beyaz */
    --caka-text: #D6D2D8;   /* paragraf */
    --caka-grey: #A7A3AA;   /* ikincil yazı */
    --caka-dim: #8D8991;    /* soluk */
}

/* ---------- Navbar biraz daha büyük ---------- */
.header-menu-wrap { padding-top: 10px; padding-bottom: 10px; }
.header-menu-wrap.caka-scrolled { padding-top: 0; padding-bottom: 0; }
.header-menu-wrap .logo.caka-logo { gap: 16px; }
.header-menu-wrap .logo.caka-logo .caka-logo-sym { width: 42px; }
.header-menu-wrap .logo.caka-logo .caka-logo-wm  { width: 168px; }
.header-menu-wrap .navbar .menu { gap: 56px; }
.header-menu-wrap .navbar .menu li a,
.header-menu-wrap .header-right-info a.with-border { font-size: 17px; }
.header-menu-wrap .header-right-info a.caka-mail-btn { width: 70px; height: 70px; }
.header-menu-wrap .header-right-info a.caka-mail-btn svg { width: 20px; height: 20px; }
@media (min-width: 1025px) and (max-width: 1439px) {
    .header-menu-wrap .navbar .menu { gap: 36px; }
    .header-menu-wrap .navbar .menu li a { font-size: 16px; }
}
@media (max-width: 809px) {
    .header-menu-wrap .logo.caka-logo .caka-logo-sym { width: 32px; }
    .header-menu-wrap .logo.caka-logo .caka-logo-wm  { width: 128px; }
}

/* ---------- Giriş yazısı (ekran görüntüsündeki gibi) ---------- */
.hero-sec .hero-top { max-width: 470px; gap: 0; }
.hero-sec .hero-top .hero-top-desc { gap: 22px; }
.hero-sec .hero-top p {
    font-family: "Outfit", var(--font_urbanist);
    font-size: 17px;
    line-height: 1.75;
    font-weight: 300;
    color: var(--caka-text);
}
.hero-sec .hero-top .author-info { padding-top: 40px; gap: 4px; }
.hero-sec .hero-top .author-info::before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: var(--caka-red);
    margin-bottom: 26px;
}
.hero-sec .hero-top .author-info h4,
.hero-sec .hero-top .author-info span {
    background: none;
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    filter: none;
    display: block;
    font-family: "Outfit", var(--font_urbanist);
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
}

.hero-sec .hero-top .author-info span {
    color: var(--caka-grey);
    font-size: 17px;
    font-weight: 300;
}

/* ---------- Başlıklar: daha uygun renk ---------- */
/* küçük etiket: kırmızı çizgi + gri, aralıklı büyük harf */
.section-header .section-subtitle {
    color: var(--caka-grey);
    text-shadow: none;
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    gap: 14px;
}
.section-header .section-subtitle img { display: none; }
.section-header .section-subtitle::before {
    content: "";
    display: block;
    flex: none;
    width: 28px;
    height: 2px;
    background: var(--caka-red);
}
/* büyük açıklama başlığı: yumuşak beyaz, gölgesiz */
.section-header .section-title,
.section-header .section-title .char,
.section-header .section-title .word {
    color: var(--caka-soft);
    text-shadow: none;
}
/* büyük italik başlıklar: 1. kısım beyaz-gri, 2. kısım kırmızı
   (ana sayfadaki "Farklı disiplinler. / Ortak vizyon." ile aynı imza) */
.section-title.section-title2 {
    background: linear-gradient(90deg, #ffffff 30%, var(--caka-grey) 120%);
    -webkit-background-clip: text;
    background-clip: text;
}
.section-title.section-title2 span {
    background: linear-gradient(90deg, var(--caka-red-hi), var(--caka-red));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---------- Özgün dokunuşlar ---------- */
/* Sayaçlardaki "+" kırmızı */
.funfact-box .funfact-footer .number span { color: var(--caka-red-hi); }

/* SSS numaraları (I. II. III.) kırmızı */
.faq-item .accordion-header .number { color: var(--caka-red-hi); }

/* Projelerin üzerinde gezen "İncele" dairesi kırmızı */
.feature-project .hover_mouse a {
    background: var(--caka-red);
    color: #ffffff;
    backdrop-filter: none;
}
/* Yorumlarda gezen daire de aynı */
.testimonial-lists-wrap .hover_mouse span { background: rgba(201, 19, 48, 0.88); }

/* Proje kartı bilgileri: etiket gri, değer beyaz, proje adı kırmızıya döner */
.feature-project-info-box .title { color: var(--caka-dim); }
.feature-project:hover .feature-project-info-box a .subtitle { color: var(--caka-red-hi); }

/* Ödüller: üzerine gelince solda kırmızı çizgi */
.awards-box { box-shadow: inset 0 0 0 transparent; transition: box-shadow 0.3s; }
.awards-box.active,
.awards-box:hover { box-shadow: inset 3px 0 0 var(--caka-red); }

/* Ekip kartlarındaki küçük çizgi kırmızı */
.team-member-box .shape span { background: var(--caka-red); }

/* Footer başlıkları: gri, üstünde kısa kırmızı çizgi */
.footer-widget-top h4 { color: var(--caka-grey);  }
.footer-widget-top h4::before {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    background: var(--caka-red);
    margin-bottom: 14px;
}
/* sağa hizalı 3. sütun yalnızca masaüstü/geniş tablette; sütunlar alt alta dizilince (≤809px) sola hizalı kalsın */
@media (min-width: 810px) {
    .footer-area .footer-top > .row .col-md-3:nth-child(3) .footer-widget-top h4::before { margin-left: auto; }
}

/* =========================================================
   Müşteri logoları (kayan şerit), footer logosu, yorum avatarları
   ========================================================= */
/* Kayan logo şeridi: logo sayısı ne olursa olsun kesintisiz döner */
.our-partner-sec ul.caka-clients {
    width: max-content;
    gap: 0;
    animation: cakaClients 70s linear infinite;
}

.our-partner-sec ul.caka-clients li {

    padding-right: clamp(56px, 6vw, 110px);

}
.our-partner-sec ul.caka-clients li img {

    transition: opacity 0.3s;
}
.our-partner-sec ul.caka-clients li img:hover { opacity: 1; }
@keyframes cakaClients {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Footer: sembol + yazı logo */
.footer-area .footer-bottom .caka-footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

}
.footer-area .footer-bottom .caka-footer-logo .caka-logo-sym { width: clamp(56px, 10vw, 170px); }
.footer-area .footer-bottom .caka-footer-logo .caka-logo-wm  { width: clamp(220px, 46vw, 760px); }

/* Yorumlarda fotoğraf yerine baş harf */
.testimonial-box .testimonial-author .caka-avatar {
    width: 40px;
    height: 40px;
    flex: none;
    border-radius: 50%;
    background: var(--caka-red);
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

/* =========================================================
   İçerik zenginleştirme: yeni bileşenler
   ========================================================= */

/* --- Proje / disiplin detay sayfaları --- */
.project-single-wrap .caka-ps-cover { margin: 0 auto; max-width: calc(100% - 144px); border-radius: 20px; overflow: hidden; }
.project-single-wrap .caka-ps-cover .img-box { height: clamp(320px, 52vw, 720px); border-radius: 16px; overflow: hidden; }
.project-single-wrap .caka-ps-cover .feature-project-infos { padding: 36px 40px; border-bottom: 0; }
.project-single-content-wrap .section-header .section-title { margin-bottom: 0; }
.project-single-content-wrap .section-header .section-desc { color: var(--caka-text); }
.project-single-content-wrap .section-header .section-desc p { color: var(--caka-text); }
.project-single-content-wrap .section-header ul li { color: var(--caka-grey); }
.project-single-content-wrap .section-header ul li::before {  color: var(--caka-red); }
.caka-fill { color: var(--caka-dim) !important; font-style: italic; font-size: 16px !important; }

.caka-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 56px; }
.caka-step { border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 22px; position: relative; }
.caka-step::before { content: ""; position: absolute; left: 0; top: -1px; width: 40px; height: 2px; background: var(--caka-red); }
.caka-step-no { display: block; color: var(--caka-red-hi); font-size: 14px; margin-bottom: 26px; font-variant-numeric: tabular-nums; }
.caka-step h4 { color: #fff; font-size: 22px; font-weight: 400; margin: 0 0 10px; letter-spacing: -0.01em; }
.caka-step p { color: var(--caka-grey) !important; font-size: 15px !important; line-height: 1.6 !important; margin: 0; }

.caka-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 0 72px 24px; }
.caka-gallery-item {
    aspect-ratio: 4 / 3; border-radius: 16px; display: grid; place-items: center;
    background: linear-gradient(135deg, #141216 0%, #0a0a0c 60%, rgba(201, 19, 48, 0.18) 100%);
    border: 1px dashed rgba(255, 255, 255, 0.15); color: var(--caka-dim); font-size: 14px;
}
.caka-gallery-wide { grid-column: 1 / -1; aspect-ratio: 21 / 9; }

.caka-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0 48px; }
.caka-stats div { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; padding: 28px; }
.caka-stats strong { display: block; color: #fff; font-size: clamp(40px, 4vw, 64px); font-weight: 400; line-height: 1; letter-spacing: -0.03em; }
.caka-stats span { display: block; color: var(--caka-grey); margin-top: 12px; font-size: 15px; }
.caka-quote { margin: 0; border-left: 2px solid var(--caka-red); padding: 6px 0 6px 28px; color: #fff; font-family: var(--font_arapey); font-style: italic; font-size: clamp(24px, 2.2vw, 34px); line-height: 1.3; }
.caka-quote cite { display: block; margin-top: 16px; font-family: "Outfit", var(--font_urbanist); font-style: normal; font-size: 15px; color: var(--caka-grey); }

.caka-next {
    display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px 24px;
    margin: 40px 72px 0; padding: 48px 0 72px; border-top: 1px solid rgba(255, 255, 255, 0.12); color: #fff;
}
.caka-next-label { grid-column: 1 / -1; color: var(--caka-grey); font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; }
.caka-next-name { font-size: clamp(40px, 6vw, 96px); font-weight: 300; letter-spacing: -0.04em; line-height: 1; transition: color 0.3s; }
.caka-next-ic { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: var(--caka-red); transition: transform 0.5s; }
.caka-next-ic img { width: 18px; }
.caka-next:hover { color: #fff; }
.caka-next:hover .caka-next-name { color: var(--caka-red-hi); }
.caka-next:hover .caka-next-ic { transform: rotate(45deg); }

.caka-related .section-header { margin-bottom: 60px; }
.caka-other-disc { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 56px; }
.caka-other-disc span { color: var(--caka-grey); margin-right: 8px; }
.caka-other-disc a { color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 10px 20px; transition: 0.3s; }
.caka-other-disc a:hover { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }

/* --- Sektörler (ana sayfa) --- */
.caka-sectors-sec { padding: 40px 72px 90px; }
.caka-sectors-sec .custom-container { max-width: 100%; padding: 0; }
.caka-sectors-sec .section-header { margin-bottom: 60px; }
.caka-sectors { display: grid;   }
.caka-sector {
    border-radius: 16px;   display: flex; flex-direction: column;
    background: linear-gradient(180deg, #1f1f1f 0%, #000 60%); border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.3s, transform 0.4s;
}
.caka-sector:hover { border-color: rgba(201, 19, 48, 0.6); transform: translateY(-4px); }
.caka-sector-no { color: var(--caka-red-hi); font-size: 14px; }
.caka-sector h3 { color: #fff;  font-weight: 400; letter-spacing: -0.02em;  }
.caka-sector-logos {  flex-wrap: wrap;    }
.caka-sector-logos img {      transition: opacity 0.3s; }

/* --- Blog --- */
.caka-blog-sec { padding: 90px 72px; }
.caka-blog-sec .custom-container { max-width: 100%; padding: 0; }
.caka-blog-home .section-header { margin-bottom: 60px; }
.caka-blog-home .feature-more-btn-wrap { margin-top: 56px; }
.caka-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.caka-blog-grid-2 { grid-template-columns: repeat(2, 1fr); }
.caka-post-card { display: flex; flex-direction: column; color: #fff; border-radius: 16px; padding: 12px 12px 28px; background: linear-gradient(180deg, #1a1a1a 0%, #000 70%); transition: transform 0.4s; }
.caka-post-card:hover { color: #fff; transform: translateY(-4px); }
.caka-post-cover {
    position: relative; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; margin-bottom: 24px;
    background: radial-gradient(120% 90% at 85% 100%, rgba(201, 19, 48, 0.55) 0%, rgba(201, 19, 48, 0) 60%), linear-gradient(135deg, #18161a 0%, #050505 100%);
    display: grid; place-items: center;
}
.caka-post-cover svg { width: 26%; fill: var(--caka-red); opacity: 0.9; transition: transform 0.6s; }
.caka-post-card:hover .caka-post-cover svg { transform: scale(1.08) rotate(-4deg); }
.caka-post-cat { position: absolute; left: 16px; top: 16px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; background: rgba(0, 0, 0, 0.55); border: 1px solid rgba(255, 255, 255, 0.15); padding: 6px 12px; border-radius: 999px; }
.caka-post-meta { color: var(--caka-grey); font-size: 13px; padding: 0 12px; }
.caka-post-card h3 { font-size: 24px; font-weight: 400; line-height: 1.25; letter-spacing: -0.02em; margin: 10px 0 12px; padding: 0 12px; }
.caka-post-card p { color: var(--caka-grey); font-size: 15px; line-height: 1.6; margin: 0 0 22px; padding: 0 12px; }
.caka-post-more { margin-top: auto; padding: 0 12px; display: inline-flex; align-items: center; gap: 10px; color: var(--caka-red-hi); font-size: 15px; }
.caka-post-more img { width: 12px; filter: brightness(0) saturate(100%) invert(22%) sepia(93%) saturate(4700%) hue-rotate(340deg); }

.caka-article { max-width: 820px; margin: 0 auto; padding: 40px 24px 90px; }
.caka-article-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; color: var(--caka-grey); font-size: 14px; margin-bottom: 40px; }
.caka-article-meta .caka-post-cat { position: static; background: var(--caka-red); border-color: var(--caka-red); }
.caka-article-body p { color: var(--caka-text); font-family: "Outfit", var(--font_urbanist); font-size: 19px; line-height: 1.8; font-weight: 300; margin: 0 0 24px; }
.caka-article-body h2 { color: #fff; font-size: clamp(26px, 2.4vw, 34px); font-weight: 400; letter-spacing: -0.02em; margin: 48px 0 16px; }
.caka-article-body blockquote { margin: 40px 0; border-left: 2px solid var(--caka-red); padding: 4px 0 4px 28px; color: #fff; font-family: var(--font_arapey); font-style: italic; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.3; }
.caka-article-body a { color: var(--caka-red-hi); }
.caka-back { display: inline-block; margin-top: 24px; color: #fff; border-bottom: 1px solid var(--caka-red); padding-bottom: 4px; }
.caka-back:hover { color: var(--caka-red-hi); }
.caka-blog-more { padding-top: 0; }
.caka-more-title { width: auto; margin-bottom: 32px; }
.hero-sec .hero-bottom :is(h1,h2).caka-post-h { font-size: clamp(40px, 5vw, 76px); line-height: 1.08; max-width: 18ch; background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 100%); }
.caka-legal .caka-article-body p { font-size: 17px; }

/* --- Hakkımızda: kariyer --- */
.caka-career { padding: 40px 72px 90px; }
.caka-career .custom-container { max-width: 100%; padding: 0; }
.caka-career-inner {
    display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 48px; border-radius: 20px; padding: clamp(32px, 4vw, 64px);
    background: radial-gradient(80% 120% at 100% 100%, rgba(201, 19, 48, 0.35) 0%, rgba(201, 19, 48, 0) 60%), linear-gradient(180deg, #1a1a1a 0%, #050505 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
}
.caka-career .section-subtitle { width: auto; margin-bottom: 24px; }
.caka-career-title { color: #fff; font-size: clamp(44px, 5vw, 84px); font-weight: 300; letter-spacing: -0.04em; line-height: 1; margin: 0 0 24px; }
.caka-career-title span { color: var(--caka-red-hi); font-family: var(--font_arapey); font-style: italic; font-weight: 400; }
.caka-career-inner > div > p { color: var(--caka-text); font-size: 17px; line-height: 1.7; max-width: 60ch; margin: 0 0 28px; }
.caka-career-list { display: grid; gap: 0; max-width: 640px; }
.caka-career-list li { display: grid; grid-template-columns: 160px 1fr; gap: 16px; padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-size: 16px; }
.caka-career-list li span { color: var(--caka-grey); }
.caka-career-btn { width: clamp(160px, 13vw, 220px); aspect-ratio: 1; border-radius: 50%; background: var(--caka-red); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; font-size: 18px; transition: background 0.4s, color 0.4s; }
.caka-career-btn img { width: 16px; transition: transform 0.5s, filter 0.4s; }
.caka-career-btn:hover { background: #fff; color: #000; }
.caka-career-btn:hover img { transform: rotate(45deg); filter: brightness(0); }

/* --- İletişim: bilgiler + harita --- */
.caka-contact-info { padding: 0 72px 40px; }
.caka-contact-info .custom-container { max-width: 100%; padding: 0; }
.caka-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.caka-info { border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 22px; position: relative; }
.caka-info::before { content: ""; position: absolute; left: 0; top: -1px; width: 40px; height: 2px; background: var(--caka-red); }
.caka-info span { display: block; color: var(--caka-grey); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 14px; }
.caka-info p, .caka-info a { color: #fff; font-size: 18px; line-height: 1.6; margin: 0; }
.caka-info a:hover { color: var(--caka-red-hi); }
.caka-map { padding: 0 72px 90px; }
.caka-map iframe { display: block; width: 100%; height: 440px; border: 0; border-radius: 20px; filter: grayscale(1) invert(0.92) contrast(0.9); }
.checkbox-label a { color: var(--caka-red-hi); text-decoration: underline; }

/* --- WhatsApp butonu --- */
.caka-wa {
    position: fixed; left: 24px; bottom: 24px; z-index: 1020; width: 56px; height: 56px; border-radius: 50%;
     place-items: center; color: #fff; background: #000; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, transform 0.3s;
}
.caka-wa:hover { background: #25D366; color: #fff; transform: scale(1.06); }

/* --- Responsive --- */
@media (max-width: 1200px) {
    .caka-sectors { grid-template-columns: repeat(2, 1fr); }
    .caka-info-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
    .caka-sectors-sec, .caka-blog-sec, .caka-career { padding-left: 42px; padding-right: 42px; }
    .caka-blog-grid { grid-template-columns: repeat(2, 1fr); }
    .caka-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 809px) {
    .project-single-wrap .caka-ps-cover { max-width: calc(100% - 44px); }
    .caka-gallery, .caka-contact-info, .caka-map { padding-left: 22px; padding-right: 22px; }
    .caka-next { margin-left: 22px; margin-right: 22px; }
    .caka-sectors-sec, .caka-blog-sec, .caka-career { padding-left: 22px; padding-right: 22px; }
    .caka-sectors, .caka-blog-grid, .caka-blog-grid-2, .caka-info-grid, .caka-stats, .caka-gallery, .caka-steps { grid-template-columns: 1fr; }
    .caka-career-inner { grid-template-columns: 1fr; }
    .caka-career-list li { grid-template-columns: 1fr; gap: 4px; }
    .caka-map iframe { height: 320px; }
}

/* Tüm küçük etiketlerde aynı stil (bölüm başlığı dışındakiler dahil) */
.section-subtitle { color: var(--caka-grey); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; gap: 14px; text-shadow: none; }
.section-subtitle img { display: none; }
.section-subtitle::before { content: ""; display: block; flex: none; width: 28px; height: 2px; background: var(--caka-red); }

/* Hizmetler: görsel sadece üzerine gelinen satırda, diğerlerinin üstünde */
.service-box { position: relative; }
.service-box:hover { z-index: 2; }
/* Logo şeridi: sağdan sola kayar (Windows'ta animasyonlar kapalı olsa bile) */
.our-partner-sec ul.caka-clients { animation-name: cakaClients !important; animation-play-state: running; }
.our-partner-sec:hover ul.caka-clients { animation-play-state: paused; }

/* Büyük açıklama yazıları: ekrandan taşmasın, orantılı dursun */
.section-header .right { flex: 1 1 auto; min-width: 0; }
.section-header .section-title { max-width: 100%; overflow-wrap: break-word; }
.section-header .section-title .word { white-space: nowrap; }
.about-sec .section-header .section-title,
.service-sec .section-header .section-title { max-width: 30ch; }

/* =========================================================
   Hakkımızda: Misyon & Vizyon, Neden CAKA & CO., Manifesto
   Ana sayfa: "biz kimiz" etiketi
   ========================================================= */
.caka-hero-tag {
    display: flex !important; align-items: center; gap: 14px; margin: 0 0 26px !important;
    font-size: 12px !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--caka-grey) !important;
}
.caka-hero-tag::before { content: ""; width: 28px; height: 2px; background: var(--caka-red); flex: none; }

.caka-mv { padding: 20px 72px 90px; }
.caka-mv .custom-container, .caka-why .custom-container, .caka-manifesto .custom-container { max-width: 100%; padding: 0; }
.caka-mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.caka-mv-item {
    border-radius: 20px; padding: clamp(28px, 3vw, 48px);
    background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%); border: 1px solid rgba(255, 255, 255, 0.06);
}
.caka-mv-item:last-child { background: radial-gradient(90% 120% at 100% 100%, rgba(201, 19, 48, 0.32) 0%, rgba(201, 19, 48, 0) 60%), linear-gradient(180deg, #1a1a1a 0%, #050505 100%); }
.caka-mv-item .section-subtitle { width: auto; margin-bottom: 28px; }
.caka-mv-item p { color: #fff; font-size: clamp(22px, 2vw, 32px); font-weight: 300; line-height: 1.35; letter-spacing: -0.02em; margin: 0; }

.caka-why { padding: 40px 72px 90px; }
.caka-why .section-header { margin-bottom: 60px; }
.caka-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.caka-why-item { border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 24px; position: relative; }
.caka-why-item::before { content: ""; position: absolute; left: 0; top: -1px; width: 40px; height: 2px; background: var(--caka-red); }
.caka-why-no { display: block; color: var(--caka-red-hi); font-size: 14px; margin-bottom: 40px; }
.caka-why-item h3 { color: #fff; font-size: 26px; font-weight: 400; letter-spacing: -0.02em; margin: 0 0 12px; }
.caka-why-item p { color: var(--caka-grey); font-size: 16px; line-height: 1.65; margin: 0; }

.caka-manifesto { padding: 60px 72px 110px; text-align: center; }
.caka-manifesto .section-subtitle { width: auto; justify-content: center; margin-bottom: 48px; }
.caka-manifesto-text { max-width: 1100px; margin: 0 auto; }
.caka-manifesto-text p { color: #fff; font-size: clamp(28px, 3.4vw, 54px); font-weight: 300; letter-spacing: -0.03em; line-height: 1.2; margin: 0 0 18px; }
.caka-manifesto-text p:last-child { margin-bottom: 0; }
.caka-manifesto-text em { font-family: var(--font_arapey); font-style: italic; font-weight: 400; color: var(--caka-red-hi); }
.caka-manifesto-sign { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 48px; }
.caka-manifesto-sign span { color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 10px 22px; font-size: 15px; }

@media (max-width: 1200px) { .caka-why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 1024px) { .caka-mv, .caka-why, .caka-manifesto { padding-left: 42px; padding-right: 42px; } }
@media (max-width: 809px) {
    .caka-mv, .caka-why, .caka-manifesto { padding-left: 22px; padding-right: 22px; }
    .caka-mv-grid, .caka-why-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Hakkımızda: kurucu mesajı + yolculuğumuz, galeri görselleri
   ========================================================= */
.caka-founder { padding: 40px 72px 100px; }
.caka-founder .custom-container, .caka-timeline .custom-container { max-width: 100%; padding: 0; }
.caka-founder-grid {
    display: grid; grid-template-columns: 1fr 2fr; gap: 48px;
    border-radius: 20px; padding: clamp(28px, 4vw, 64px);
    background: radial-gradient(70% 120% at 0% 0%, rgba(201, 19, 48, 0.22) 0%, rgba(201, 19, 48, 0) 60%), linear-gradient(180deg, #161616 0%, #050505 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
}
.caka-founder-side .section-subtitle { width: auto; margin-bottom: 40px; }
.caka-founder-person { display: flex; align-items: center; gap: 16px; }
.caka-founder-person strong { display: block; color: #fff; font-size: 20px; font-weight: 500; }
.caka-founder-person span { color: var(--caka-grey); font-size: 15px; }
.caka-founder-person .caka-avatar { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 50%; background: var(--caka-red); color: #fff; display: grid; place-items: center; font-size: 26px; font-weight: 600; }
.caka-founder-text .caka-founder-lead { color: #fff; font-size: clamp(24px, 2.3vw, 38px); font-weight: 300; letter-spacing: -0.02em; line-height: 1.3; margin: 0 0 28px; }
.caka-founder-text p { color: var(--caka-text); font-size: 17px; line-height: 1.7; margin: 0 0 18px; max-width: 70ch; }
.caka-founder-sign { display: inline-block; margin-top: 12px; font-family: var(--font_arapey); font-style: italic; font-size: 34px; color: var(--caka-red-hi); }

.caka-timeline { padding: 20px 72px 100px; }
.caka-timeline .section-header { margin-bottom: 60px; }
.caka-tl { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; position: relative; }
.caka-tl::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 1px; background: rgba(255, 255, 255, 0.14); }
.caka-tl-item { position: relative; padding-top: 44px; }
.caka-tl-item::before { content: ""; position: absolute; left: 0; top: 4px; width: 11px; height: 11px; border-radius: 50%; background: #000; border: 2px solid var(--caka-red); }
.caka-tl-item:last-child::before { background: var(--caka-red); box-shadow: 0 0 0 6px rgba(201, 19, 48, 0.2); }
.caka-tl-year { display: block; font-family: var(--font_arapey); font-style: italic; font-size: 40px; color: #fff; line-height: 1; margin-bottom: 16px; }
.caka-tl-item h3 { color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 10px; }
.caka-tl-item p { color: var(--caka-grey); font-size: 15px; line-height: 1.6; margin: 0; }

.caka-gallery-item { overflow: hidden; }
.caka-gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 1200px) { .caka-tl { grid-template-columns: repeat(3, 1fr); row-gap: 48px; } .caka-tl::before { display: none; } }
@media (max-width: 1024px) { .caka-founder, .caka-timeline { padding-left: 42px; padding-right: 42px; } }
@media (max-width: 809px) {
    .caka-founder, .caka-timeline { padding-left: 22px; padding-right: 22px; }
    .caka-founder-grid { grid-template-columns: 1fr; gap: 32px; }
    .caka-tl { grid-template-columns: 1fr; row-gap: 36px; }
}

/* =========================================================
   Hareket katmanı (caka.js): sayfa geçişi, hero, başlıklar, görseller
   ========================================================= */
/* Kırmızı perde */
.caka-curtain {
    position: fixed; inset: 0; z-index: 100000;
    background: radial-gradient(120% 90% at 50% 45%, #D4163A 0%, var(--caka-red) 45%, #7E0A1D 100%);
    display: grid; place-items: center; overflow: hidden;
    visibility: hidden; pointer-events: none;
    will-change: transform;
}
.caka-curtain.is-on { visibility: visible; pointer-events: auto; }

/* Arka plan: logodaki açıyla kayan ışık bantları */
.caka-cu-bg { position: absolute; inset: -50%; transform: rotate(-31deg); pointer-events: none; }
.caka-cu-bg span {
    position: absolute; left: -50%; width: 200%; height: 14%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.10) 45%, rgba(255,255,255,0.02) 70%, transparent 100%);
    animation: cakaBand 2.6s linear infinite;
}
.caka-cu-bg span:nth-child(1) { top: 30%; }
.caka-cu-bg span:nth-child(2) { top: 47%; height: 6%; animation-duration: 1.9s; animation-delay: -0.6s; opacity: 0.8; }
.caka-cu-bg span:nth-child(3) { top: 60%; height: 10%; animation-duration: 3.2s; animation-delay: -1.4s; }
@keyframes cakaBand { from { transform: translateX(-50%); } to { transform: translateX(50%); } }

/* Logo + yazı */
.caka-cu-logo { position: relative; display: flex; flex-direction: column; align-items: center; gap: 26px; }
.caka-cu-sym { width: 84px; height: auto; overflow: visible; }
.caka-cu-sym polygon { fill: #ffffff; }
.caka-cu-wm { width: 230px; height: auto; fill: #ffffff; display: block; }
.caka-cu-line { display: block; width: 160px; height: 1px; background: rgba(255,255,255,0.25); overflow: hidden; }
.caka-cu-line i { display: block; height: 100%; background: #ffffff; transform-origin: left; transform: scaleX(0); }
/* Parlama: logonun üzerinden geçen ışık */
.caka-cu-logo::after {
    content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; width: 40%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,0.35), transparent);
    transform: skewX(-20deg); opacity: 0; pointer-events: none; mix-blend-mode: overlay;
}

/* Oynatma: parçalar üç yönden gelip birleşir, yazı soldan açılır, çizgi dolar */
.caka-curtain.is-playing .cu-p1 { animation: cuP1 0.6s 0.25s cubic-bezier(.2,.8,.2,1) both; }
.caka-curtain.is-playing .cu-p2 { animation: cuP2 0.6s 0.35s cubic-bezier(.2,.8,.2,1) both; }
.caka-curtain.is-playing .cu-p3 { animation: cuP3 0.6s 0.45s cubic-bezier(.2,.8,.2,1) both; }
.caka-curtain.is-playing .caka-cu-wm { animation: cuWm 0.6s 0.55s cubic-bezier(.6,0,.2,1) both; }
.caka-curtain.is-playing .caka-cu-line i { animation: cuLine 0.9s 0.3s cubic-bezier(.6,0,.2,1) both; }
.caka-curtain.is-playing .caka-cu-logo::after { animation: cuShine 0.7s 0.85s ease-out both; }
.caka-curtain.is-static .caka-cu-line i { transform: scaleX(1); }
@keyframes cuP1 { from { transform: translate(-24px, 14px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cuP2 { from { transform: translate(24px, 14px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cuP3 { from { transform: translate(0, 24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes cuWm { from { clip-path: inset(0 100% 0 0); opacity: 0.4; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes cuLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes cuShine { 0% { left: -60%; opacity: 0; } 30% { opacity: 1; } 100% { left: 120%; opacity: 0; } }

/* Perdeyle gelinen sayfa: ilk karede de kırmızı görünsün, preloader atlansın */
html.caka-entering body::after {
    content: ""; position: fixed; inset: 0; z-index: 100001;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22230%22%20height%3D%22181.43%22%20viewBox%3D%220%200%20230%20181.43%22%3E%3Cg%20fill%3D%22%23fff%22%20transform%3D%22translate%2873.00%200%29%20scale%281.13544%29%22%3E%3Cpolygon%20points%3D%220%2C40.8%2068%2C0%2068%2C22.3%200%2C63.1%22/%3E%3Cpolygon%20points%3D%2242.46%2C43.97%2073.98%2C62.89%2073.98%2C85.19%2042.46%2C66.28%22/%3E%3Cpolygon%20points%3D%220%2C69.45%2018.59%2C58.3%2053.95%2C79.51%2035.36%2C90.66%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23fff%22%20transform%3D%22translate%280%20128.94%29%20scale%283.01679%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.95%201.50C5.44%200.00%203.01%200.00%201.50%201.50C0.00%203.01%200.00%205.44%201.50%206.95C3.01%208.45%205.44%208.45%206.95%206.95L6.09%206.09C5.06%207.12%203.39%207.12%202.36%206.09C1.33%205.06%201.33%203.39%202.36%202.36C3.39%201.33%205.06%201.33%206.09%202.36L6.95%201.50ZM10.30%208.07L14.25%200.38L18.20%208.07L16.78%208.07L14.25%203.11L11.72%208.07L10.30%208.07ZM21.24%200.58L22.46%200.58L22.46%203.82L26.31%200.58L28.13%200.58L23.67%204.43L28.33%208.07L26.31%208.07L22.46%205.04L22.46%208.07L21.24%208.07L21.24%200.58ZM31.17%208.07L35.12%200.38L39.07%208.07L37.65%208.07L35.12%203.11L32.59%208.07L31.17%208.07ZM46.36%200.58C48.59%200.58%2049.40%202.81%2047.17%204.22L48.18%205.44L48.99%204.22L50.21%204.22L48.99%206.45L50.41%208.07L48.79%208.07L48.18%207.26C47.37%207.87%2046.56%208.28%2045.35%208.28C42.11%208.28%2041.70%205.44%2044.33%203.82C42.51%202.20%2043.73%200.58%2046.36%200.58M46.16%201.59C44.74%201.59%2044.54%202.60%2045.55%203.41L46.36%204.02C48.18%203.01%2047.98%201.59%2046.16%201.59M45.14%204.63C43.12%205.85%2043.93%207.26%2045.35%207.26C46.36%207.26%2047.17%206.86%2047.58%206.25L45.14%204.63ZM61.84%201.50C60.34%200.00%2057.90%200.00%2056.40%201.50C54.90%203.01%2054.90%205.44%2056.40%206.95C57.90%208.45%2060.34%208.45%2061.84%206.95L60.98%206.09C59.96%207.12%2058.29%207.12%2057.26%206.09C56.23%205.06%2056.23%203.39%2057.26%202.36C58.29%201.33%2059.96%201.33%2060.98%202.36L61.84%201.50ZM73.10%204.22C73.10%202.10%2071.38%200.38%2069.25%200.38C67.13%200.38%2065.40%202.10%2065.40%204.22C65.40%206.35%2067.13%208.07%2069.25%208.07C71.38%208.07%2073.10%206.35%2073.10%204.22M71.88%204.22C71.88%205.68%2070.71%206.86%2069.25%206.86C67.80%206.86%2066.62%205.68%2066.62%204.22C66.62%202.77%2067.80%201.59%2069.25%201.59C70.71%201.59%2071.88%202.77%2071.88%204.22ZM76.24%207.26C76.24%207.65%2075.92%207.97%2075.53%207.97C75.14%207.97%2074.82%207.65%2074.82%207.26C74.82%206.87%2075.14%206.55%2075.53%206.55C75.92%206.55%2076.24%206.87%2076.24%207.26Z%22/%3E%3C/g%3E%3Crect%20x%3D%2235%22%20y%3D%22180.43%22%20width%3D%22160%22%20height%3D%221%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E") center / 230px auto no-repeat,
        radial-gradient(120% 90% at 50% 45%, #D4163A 0%, var(--caka-red) 45%, #7E0A1D 100%);
}
html.caka-nav .preloader-wrap { display: none !important; }

/* Hero videosu küçülürken köşeleri yuvarlansın */
.hero-sec .hero-inner .hero-video { overflow: hidden; transform-origin: 50% 40%; will-change: transform; }

/* Başlık maskesi: alt harfler (ğ, y, ş) kesilmesin
   (hero başlıkları ve .section-title2 için kalıcı çözüm dosyanın sonundaki
   "Gradyan metin kesilmesi düzeltmesi" bloğundadır) */
.caka-h2, .caka-tl-year { padding-bottom: 0.06em; }

/* =========================================================
   Kurumsal menü (açılır liste) + kurumsal sayfalar
   ========================================================= */
/* Açılır menü */
.header-menu-wrap .navbar .menu li.caka-dd { position: relative; }
.header-menu-wrap .navbar .menu li.caka-dd::after { content: ""; position: absolute; left: -20px; right: -20px; top: 100%; height: 22px; }
.caka-dd-toggle { display: inline-flex !important; align-items: center; gap: 8px; }
.caka-dd-chev { transition: transform 0.3s; }
.caka-dd:hover .caka-dd-chev { transform: rotate(180deg); }
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list {
    top: calc(100% + 18px); left: 50%; transform: translate(-50%, 8px);
    width: 290px; padding: 10px; gap: 2px; border-radius: 16px;
    background: rgba(12, 12, 14, 0.94); border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
}
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list::before { display: none; }
.header-menu-wrap .navbar .menu li.caka-dd:hover > .dropdown-list.caka-dd-list,
.header-menu-wrap .navbar .menu li.caka-dd:focus-within > .dropdown-list.caka-dd-list { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.caka-dd-list li { width: 100%; }
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list li a {
    display: flex; flex-direction: column; gap: 4px; width: 100%;
    padding: 12px 16px 12px 18px; border-radius: 10px; position: relative; line-height: 1.2;
    transition: background 0.25s;
}
.caka-dd-list li a strong { color: #ffffff; font-size: 15px; font-weight: 500; }
.caka-dd-list li a small { color: var(--caka-grey); font-size: 13px; font-weight: 300; }
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list li a::after {
    content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 2px; border-radius: 2px;
    background: var(--caka-red); transform: scaleY(0); transition: transform 0.25s;
}
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list li a:hover { background: rgba(255, 255, 255, 0.05); }
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list li a:hover::after,
.header-menu-wrap .navbar .menu li .dropdown-list.caka-dd-list li a.is-current::after { transform: scaleY(1); }
.caka-dd-list li a.is-current strong { color: var(--caka-red-hi); }

/* Kurumsal alt menü (sayfa içinde) */
.caka-subnav { padding: 0 72px 40px; }
.caka-subnav-inner { display: flex; flex-wrap: wrap; gap: 10px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 28px; }
.caka-subnav a {
    color: var(--caka-text); font-size: 15px; padding: 10px 20px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16); transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.caka-subnav a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.5); }
.caka-subnav a.is-current { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }

/* Ortak ızgara varyantları */
.caka-why-grid.caka-cols-3 { grid-template-columns: repeat(3, 1fr); row-gap: 48px; }
.caka-mv-page { padding-top: 40px; }

/* Hedeflerimiz */
.caka-goals { padding: 40px 72px 90px; }
.caka-goals .custom-container, .caka-crew .custom-container, .caka-jobs .custom-container { max-width: 100%; padding: 0; }
.caka-goals .section-header, .caka-crew .section-header, .caka-jobs .section-header { margin-bottom: 60px; }
.caka-goals-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.caka-goal {
    border-radius: 20px; padding: clamp(28px, 3vw, 44px); min-height: 300px;
    display: flex; flex-direction: column; justify-content: flex-end;
    background: linear-gradient(180deg, #1a1a1a 0%, #050505 100%); border: 1px solid rgba(255, 255, 255, 0.06);
}
.caka-goal-year { font-family: var(--font_arapey); font-style: italic; font-size: clamp(48px, 5vw, 76px); color: var(--caka-red-hi); line-height: 1; margin-bottom: auto; }
.caka-goal h3 { color: #fff; font-size: 24px; font-weight: 400; margin: 40px 0 10px; }
.caka-goal p { color: var(--caka-grey); font-size: 16px; line-height: 1.65; margin: 0; }

/* Ekibimiz */
.caka-team-intro { padding-bottom: 40px; }
.caka-stats.caka-stats-5 { grid-template-columns: repeat(5, 1fr); margin: 0; }
.caka-stats.caka-stats-5 strong { font-size: clamp(36px, 3.4vw, 56px); }
.caka-team-page { padding-top: 40px; }
.caka-crew { padding: 60px 72px 60px; }
.caka-crew-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.caka-crew-item {
    display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08); background: #0b0b0c; position: relative;
}
.caka-crew-item .caka-avatar {
    width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: var(--caka-red); color: #fff;
    display: grid; place-items: center; font-weight: 600; font-size: 17px;
}
.caka-crew-item strong { display: block; color: #fff; font-size: 16px; font-weight: 500; }
.caka-crew-item div span { color: var(--caka-grey); font-size: 14px; }
.caka-crew-item em { position: absolute; top: 10px; right: 14px; font-style: normal; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--caka-dim); }

/* SSS sayfası */
.caka-faq-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 70px; max-width: 1100px; }
.caka-faq-chips a { color: var(--caka-text); font-size: 14px; padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.16); transition: all 0.3s; }
.caka-faq-chips a:hover { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }
.caka-faq-cat { margin-bottom: 70px; scroll-margin-top: 120px; }
.caka-faq-cat-title { display: flex; align-items: baseline; gap: 16px; color: #fff; font-size: clamp(24px, 2.2vw, 34px); font-weight: 300; letter-spacing: -0.02em; margin: 0 0 24px; max-width: 1100px; margin-left: auto; margin-right: auto; }
.caka-faq-cat-title span { color: var(--caka-red-hi); font-size: 14px; letter-spacing: 0; }

/* Kariyer: pozisyonlar */
.caka-jobs { padding: 40px 72px 90px; }
.caka-job-list { border-top: 1px solid rgba(255, 255, 255, 0.12); }
.caka-job {
    display: flex; justify-content: space-between; align-items: center; gap: 40px;
    padding: 34px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); transition: padding 0.4s;
}
.caka-job:hover { padding-left: 16px; padding-right: 16px; background: linear-gradient(90deg, rgba(201,19,48,0.10), transparent 60%); }
.caka-job-disc { color: var(--caka-red-hi); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }
.caka-job h3 { color: #fff; font-size: clamp(24px, 2.2vw, 34px); font-weight: 300; letter-spacing: -0.02em; margin: 8px 0 10px; }
.caka-job p { color: var(--caka-grey); font-size: 16px; line-height: 1.6; max-width: 70ch; margin: 0; }
.caka-job-side { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex: 0 0 auto; }
.caka-job-type { color: var(--caka-text); font-size: 14px; }
.caka-job-btn { display: inline-flex; align-items: center; gap: 10px; color: #fff; background: var(--caka-red); padding: 12px 22px; border-radius: 999px; font-size: 15px; transition: background 0.3s; }
.caka-job-btn:hover { background: var(--caka-red-hi); color: #fff; }
.caka-job-btn img { width: 14px; filter: brightness(0) invert(1); }
.caka-tl.caka-tl-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1200px) {
    .caka-crew-grid { grid-template-columns: repeat(3, 1fr); }
    .caka-tl.caka-tl-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
    .caka-subnav, .caka-goals, .caka-crew, .caka-jobs { padding-left: 42px; padding-right: 42px; }
    .caka-why-grid.caka-cols-3, .caka-goals-grid { grid-template-columns: repeat(2, 1fr); }
    .caka-stats.caka-stats-5 { grid-template-columns: repeat(3, 1fr); }
    .caka-crew-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 809px) {
    .caka-subnav, .caka-goals, .caka-crew, .caka-jobs { padding-left: 22px; padding-right: 22px; }
    .caka-why-grid.caka-cols-3, .caka-goals-grid, .caka-crew-grid, .caka-tl.caka-tl-4 { grid-template-columns: 1fr; }
    .caka-stats.caka-stats-5 { grid-template-columns: repeat(2, 1fr); }
    .caka-job { flex-direction: column; align-items: flex-start; gap: 18px; }
    .caka-job-side { align-items: flex-start; }
}
/* Hero videosu: tüm alanı doldursun, boşluk kalmasın */

/* Logo çevresi kırmızı, kenarlar siyaha dönsün */

/* 09.10: Kaushan Script kaldırıldı — başlıklar temanın orijinal fontuna (Arapey italik + Urbanist) döndü */

/* =========================================================
   08.10 - 2. tur istekleri
   ========================================================= */

/* Hero: "Farklı disiplinler. / Ortak vizyon." ekranın içinde, daha yukarıda
   (İletişime Geç butonu sağda kalır) */
.hero-sec:not(.about-hero-sec) .hero-inner {

    padding-bottom: clamp(56px, 11vh, 120px);
}

/* İlk açılış: kırmızı perde boş başlar, logo JS ile parça parça birleşir */
html.caka-first.caka-entering body::after {
    background: radial-gradient(120% 90% at 50% 45%, #D4163A 0%, var(--caka-red) 45%, #7E0A1D 100%);
}
.preloader-wrap { display: none !important; }

/* WhatsApp butonu kaldırıldı */
.caka-wa { display: none !important; }

/* Footer: yazılar baş harf büyük, gerisi küçük */
.footer-widget h4,
.footer-link ul li a,
.footer-widget .copyright { text-transform: none; }
.footer-widget-top h4 { letter-spacing: 0.04em; font-size: 15px; }
.footer-link ul li a { font-size: 16px; letter-spacing: 0.01em; }
.footer-widget .copyright { font-size: 13px; letter-spacing: 0.02em; }
.footer-contact-infos .caka-footer-addr {
    margin: 10px 0 0;
    max-width: 380px;
    color: var(--caka-grey);
    font-size: 15px;
    line-height: 1.6;
}

/* Footer: üst boşluk azaldı, CAKA & CO. yazısı (sembolsüz) tam ortada */
.footer-area .footer-top { padding: 40px 72px 32px; }
.footer-area .footer-bottom { height: auto; padding: 8px 0 48px; }
.footer-area .footer-bottom .caka-footer-logo { gap: 0; padding: 0 40px; }
.footer-area .footer-bottom .caka-footer-logo .caka-logo-sym { display: none; }
.footer-area .footer-bottom .caka-footer-logo .caka-logo-wm { width: clamp(240px, 52vw, 820px); margin: 0 auto; }

/* ---------- İletişim formu: ülke kodu + telefon ---------- */
.caka-phone { display: flex; gap: 10px; width: 100%; }
.contact-form .caka-phone-cc {
    flex: 0 0 auto;
    width: 128px;
    appearance: none; -webkit-appearance: none;
    background: #1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23999' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;
    color: var(--primary, #fff);
    border: 1px solid rgba(136, 136, 136, 0.1);
    border-radius: 12px;
    padding: 15px 34px 15px 18px;
    font-size: 15px;
    line-height: 24px;
    cursor: pointer;
}
.contact-form .caka-phone-cc option { background: #111; color: #fff; }
.contact-form .caka-phone-cc:focus { outline: none; border-color: var(--caka-red-hi); }
.contact-form .caka-phone .caka-phone-num { flex: 1 1 auto; min-width: 0; }
.contact-sec-2 .contact-form .caka-phone-cc { border: none; padding-top: 23px; padding-bottom: 23px; }
/* ana sayfa/kısa formda iki sütunun ikincisi telefon: dar ekranda sığsın */
.contact-form .col-2 .caka-phone-cc { width: 112px; padding-left: 14px; font-size: 14px; }

/* ---------- Doğrulama uyarıları ---------- */
.contact-form .caka-err {
    display: block;
    width: 100%;
    margin-top: 8px;
    color: var(--caka-red-hi);
    font-size: 13px;
    line-height: 1.4;
}
.contact-form .caka-invalid input:not([type=checkbox]),
.contact-form .caka-invalid textarea,
.contact-form .caka-invalid select {
    border: 1px solid var(--caka-red-hi) !important;
    box-shadow: 0 0 0 3px rgba(255, 42, 77, 0.12);
}
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--caka-red-hi); }
.contact-form .single-checkbox.caka-invalid .checkbox-marker { border-color: var(--caka-red-hi); }
.contact-form .single-checkbox { flex-wrap: wrap; }
.contact-form .single-checkbox .caka-err { flex-basis: 100%; }
.contact-form .caka-kvkk .checkbox-label { font-size: 14px; color: var(--caka-grey); flex: 1 1 0; min-width: 0; }
.contact-form .caka-kvkk .checkbox-label a,
.contact-form .single-checkbox .checkbox-label a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 809px) {
    .footer-area .footer-top { padding: 32px 22px 24px; }

    .contact-form .caka-phone-cc, .contact-form .col-2 .caka-phone-cc { width: 108px; }
}
.contact-form .col-2 .caka-phone .caka-phone-num { padding-left: 16px; padding-right: 12px; }
.contact-form .caka-kvkk .checkbox-marker { border: 1px solid rgba(255, 255, 255, 0.25); }

/* ---------- Projeler sayfası: filtreli, kompakt ızgara ---------- */
.caka-pf { padding: 40px 72px 120px; }
.caka-pf > .custom-container { max-width: 100%; padding: 0; }
.caka-pf-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 24px;

}
.caka-pf-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.caka-pf-chip {
    background: none; color: var(--caka-grey);
    border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px;
    padding: 9px 18px; font-size: 14px; line-height: 1; cursor: pointer;
    transition: color .3s, border-color .3s, background .3s;
}
.caka-pf-chip:hover { color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.caka-pf-chip.is-active { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }
.caka-pf-count { color: var(--caka-grey); font-size: 14px; white-space: nowrap; }
.caka-pf-count b { color: #fff; font-family: var(--font_arapey); font-style: italic; font-weight: 400; font-size: 28px; margin-right: 4px; }

.caka-pf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 28px; }
.caka-pcard { display: block; text-decoration: none; color: #fff; }
.caka-pcard.is-hidden { display: none; }
.caka-pcard.is-in { animation: cakaCardIn .6s cubic-bezier(.2,.8,.2,1) both; }
@keyframes cakaCardIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.caka-pcard-img { position: relative; aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; background: #111; }
.caka-pcard-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(.25); transition: transform .9s cubic-bezier(.2,.8,.2,1), filter .6s; }
.caka-pcard-img::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(201, 19, 48, 0.35) 100%);
    opacity: 0; transition: opacity .5s;
}
.caka-pcard:hover .caka-pcard-img img { transform: scale(1.06); filter: grayscale(0); }
.caka-pcard:hover .caka-pcard-img::after { opacity: 1; }
.caka-pcard-info { display: flex; align-items: flex-start; gap: 16px; padding-top: 18px; }
.caka-pcard-no { color: var(--caka-red-hi); font-size: 13px; padding-top: 6px; min-width: 22px; }
.caka-pcard-text { flex: 1; min-width: 0; }
.caka-pcard-text h3 { margin: 0 0 4px; font-size: 22px; font-weight: 400; letter-spacing: -0.01em; color: #fff; }
.caka-pcard-text span { color: var(--caka-grey); font-size: 14px; }
.caka-pcard-arrow {
    flex: none; width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15); display: grid; place-items: center;
    transition: background .3s, border-color .3s, transform .3s;
}
.caka-pcard-arrow img { width: 12px; height: 12px; }
.caka-pcard:hover .caka-pcard-arrow { background: var(--caka-red); border-color: var(--caka-red); transform: none; }
.caka-pf-more-wrap { display: flex; justify-content: center; margin-top: 64px; }
.caka-pf-more-wrap[hidden] { display: none; }

@media (max-width: 1199px) { .caka-pf-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 809px) {
    .caka-pf { padding: 24px 22px 80px; }
    .caka-pf-bar { flex-direction: column; align-items: flex-start; }
    .caka-pf-chips { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; padding-bottom: 4px; }
    .caka-pf-chip { flex: none; }
    .caka-pf-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 809px) {
    .footer-area .footer-bottom { height: auto; padding: 8px 0 40px; }
    .footer-area .footer-bottom .caka-footer-logo { padding: 0 22px; }
    .footer-area .footer-bottom .caka-footer-logo .caka-logo-wm { width: 100%; }
}
.notch-bar-menu-wrap { transition: opacity .4s, visibility .4s; }
.notch-bar-menu-wrap.caka-notch-off { opacity: 0; visibility: hidden; pointer-events: none; }
/* =========================================================
   Footer: telif + şehir yazısı en altta, solda
   ========================================================= */
.footer-area { position: relative; padding-bottom: 56px; }
.footer-area .footer-widget .copyright { display: none; }
.footer-area::after {

    position: absolute;
    left: 72px;
    bottom: 24px;
    color: var(--caka-grey);
    font-size: 13px;
    letter-spacing: 0.02em;
    white-space: pre;
}
@media (max-width: 809px) {
    .footer-area::after {
        left: 22px;

        line-height: 1.7;
    }

}

/* =========================================================
   09.10 istekleri
   ========================================================= */

/* 1) Hero: "CAKA & CO." imzası eğik (italik) serif — "Farklı disiplinler." ile aynı aile */
.hero-sec .hero-top .author-info h4 {
    font-family: var(--font_arapey);
    font-style: italic;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: var(--caka-white, #fff);
}

/* 2) Sektörler: logolar eşit hücreli düzenli ızgarada (sıra korunur) */
.caka-sector { min-height: 0; }
.caka-sector h3 { margin: 18px 0 0; min-height: 2.4em; line-height: 1.2; }
.caka-sector-logos {
    display: grid;

    align-items: stretch;
}
.caka-sector-logos .caka-logo-cell {
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.3s, background 0.3s;
}
.caka-sector-logos img {
    height: auto;
    width: auto;

    object-fit: contain;

}
.caka-sector:hover .caka-sector-logos .caka-logo-cell { border-color: rgba(255, 255, 255, 0.12); }
.caka-sector-logos .caka-logo-cell:hover { background: rgba(201, 19, 48, 0.12); border-color: rgba(201, 19, 48, 0.5); }

@media (max-width: 809px) {
    .caka-sector h3 { min-height: 0; }

    .caka-sector-logos .caka-logo-cell { height: 56px;  }
}

/* 3) Başarılarımız: tıklayınca detay açılır (akordeon) */
.caka-awards .awards-box { cursor: default; }
.caka-awards .caka-award-toggle { cursor: pointer; align-items: center; outline: none; }
.caka-awards .caka-award-toggle:focus-visible h4 { text-decoration: underline; text-decoration-color: var(--caka-red-hi); text-underline-offset: 8px; }
.caka-awards .awards-inner .date { align-self: flex-end; padding-bottom: 8px; }
.caka-award-plus {
    position: relative;
    flex: none;
    width: 56px;
    height: 56px;
    margin-left: auto;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: background 0.35s, border-color 0.35s, transform 0.45s cubic-bezier(.2,.8,.2,1);
}
.caka-award-plus span {
    position: absolute;
    left: 50%; top: 50%;
    width: 18px; height: 1.5px;
    margin: -0.75px 0 0 -9px;
    background: #fff;
    transition: transform 0.45s cubic-bezier(.2,.8,.2,1);
}
.caka-award-plus span + span { transform: rotate(90deg); }
.caka-awards .awards-box:hover .caka-award-plus { border-color: var(--caka-red); }
.caka-awards .awards-box.is-open .caka-award-plus { background: var(--caka-red); border-color: var(--caka-red); transform: rotate(180deg); }
.caka-awards .awards-box.is-open .caka-award-plus span + span { transform: rotate(0deg); }
.caka-awards .awards-box.is-open { box-shadow: inset 3px 0 0 var(--caka-red); }
.caka-awards .awards-box.is-open .awards-inner h4 {
    background: none; background-image: none !important;
    -webkit-text-fill-color: inherit; color: #fff;
}
.caka-awards .awards-box.is-open .awards-inner .date { color: var(--caka-red-hi); }

.caka-award-detail {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.55s cubic-bezier(.2,.8,.2,1);
}
.caka-awards .awards-box.is-open .caka-award-detail { grid-template-rows: 1fr; }
.caka-award-detail-wrap { overflow: hidden; min-height: 0; }
.caka-award-detail-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 36px 72px 20px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 2fr;
    gap: 56px;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s, transform 0.5s cubic-bezier(.2,.8,.2,1);
}
.caka-awards .awards-box.is-open .caka-award-detail-inner { opacity: 1; transform: none; transition-delay: 0.12s; }
.caka-award-meta { margin: 0; display: grid; gap: 18px; align-content: start; }
.caka-award-meta > div { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 14px; }
.caka-award-meta dt { color: var(--caka-grey); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 400; margin-bottom: 4px; }
.caka-award-meta dd { margin: 0; color: #fff; font-size: 17px; }
.caka-award-body p {
    margin: 0 0 24px;
    color: var(--caka-text, #cfcfcf);
    font-family: "Outfit", var(--font_urbanist);
    font-size: 19px; line-height: 1.75; font-weight: 300;
    max-width: 62ch;
}
.caka-award-body ul { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 12px; }
.caka-award-body li { position: relative; padding-left: 26px; color: #fff; font-size: 16px; line-height: 1.5; }
.caka-award-body li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 14px; height: 2px; background: var(--caka-red); }
.caka-award-link {
    display: inline-flex; align-items: center; gap: 10px;
    color: #fff; font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px;
    padding: 12px 22px;
    transition: background 0.3s, border-color 0.3s;
}
.caka-award-link img { width: 12px; height: 12px; }
.caka-award-link:hover { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }
@media (max-width: 1024px) {
    .caka-award-detail-inner { padding: 28px 42px 16px; gap: 32px; }
}
@media (max-width: 809px) {
    .caka-award-detail-inner { grid-template-columns: 1fr; padding: 22px 22px 10px; gap: 24px; }
    .caka-award-meta { grid-template-columns: 1fr 1fr; gap: 14px 18px; }
    .caka-award-plus { width: 40px; height: 40px; }
    .caka-award-plus span { width: 14px; margin-left: -7px; }
    .caka-award-body p { font-size: 17px; }
}
@media (max-width: 809px) {
    .caka-awards .awards-box .awards-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        column-gap: 16px;
        row-gap: 6px;
        align-items: center;
    }
    .caka-awards .awards-inner h4 { grid-column: 1; grid-row: 1; font-size: 30px; line-height: 36px; }
    .caka-awards .awards-inner .date { grid-column: 1; grid-row: 2; text-align: left; width: auto; padding: 0; align-self: start; }
    .caka-awards .caka-award-plus { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
}

/* 5) 3D görseller yerine CAKA & CO. logo PNG'leri */
.service-box .service-inner .service-img-box img {
    object-fit: contain;
    height: 200px;
    width: 220px;
    top: -20px;
    left: 20px;
    filter: drop-shadow(0 14px 30px rgba(201, 19, 48, 0.25));
}
.contact-sec .img-box img.caka-brand-png {
    object-fit: contain;
    width: 62%;
    height: auto;
    max-height: 70%;
    margin: auto;
    filter: drop-shadow(0 20px 50px rgba(201, 19, 48, 0.25));
}
.contact-sec .right .img-box:has(.caka-brand-png) {
    display: flex; align-items: center; justify-content: center;
    background: radial-gradient(60% 50% at 50% 50%, rgba(201, 19, 48, 0.10) 0%, transparent 70%);
}
.hero-sec .hero-inner img.hero-shape[src*="logo-sembol"] {
    width: 300px;
    height: 360px;
    right: 240px; /* "İletişime Geç" butonunun üstüne binmesin */
    bottom: 40px;
    opacity: 0.9;
}
@media (max-width: 809px) {
    .hero-sec .hero-inner img.hero-shape[src*="logo-sembol"] { width: 150px; height: 180px; right: 10px; bottom: 20px; opacity: 0.5; }
}

/* 6) İletişim formu: Ülke seçimi (diğer alanlarla aynı görünüm) */
.contact-form select.caka-country {
    width: 100%;
    appearance: none; -webkit-appearance: none;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23999' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 22px center;
    color: var(--primary, #fff);
    border: 1px solid rgba(136, 136, 136, 0.1);
    border-radius: 12px;
    padding: 15px 48px 15px 28px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}
.contact-form select.caka-country option { background: #111; color: #fff; }
.contact-form select.caka-country:focus { outline: none; border-color: var(--caka-red-hi); }
.contact-sec-2 .contact-form select.caka-country { background-color: #1a1a1a; border: none; padding-top: 23px; padding-bottom: 23px; }

/* 7) İletişim sayfası: iki harita yan yana */
.caka-maps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.caka-map-card {
    border-radius: 20px; overflow: hidden;
    background: #111; border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex; flex-direction: column;
}
.caka-map-head { display: flex; align-items: flex-start; gap: 18px; padding: 26px 28px; }
.caka-map-no { color: var(--caka-red-hi); font-size: 14px; padding-top: 6px; }
.caka-map-head > div { flex: 1; min-width: 0; }
.caka-map-head h3 { margin: 0 0 6px; color: #fff; font-size: 24px; font-weight: 400; letter-spacing: -0.01em; }
.caka-map-head p { margin: 0; color: var(--caka-grey); font-size: 15px; line-height: 1.6; }
.caka-map-dir {
    flex: none; display: inline-flex; align-items: center; gap: 8px;
    color: #fff; font-size: 14px; white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; padding: 10px 18px;
    transition: background .3s, border-color .3s;
}
.caka-map-dir img { width: 11px; height: 11px; }
.caka-map-dir:hover { background: var(--caka-red); border-color: var(--caka-red); color: #fff; }
.caka-maps .caka-map-card iframe { border-radius: 0; height: 400px; }
@media (max-width: 1024px) { .caka-maps { grid-template-columns: 1fr; } }
@media (max-width: 809px) {
    .caka-map-head { flex-wrap: wrap; padding: 22px; }
    .caka-map-dir { margin-left: 32px; }
    .caka-maps .caka-map-card iframe { height: 300px; }
}
.caka-maps .caka-map-card iframe { margin-top: auto; }

/* =========================================================
   09.10 — 2. tur
   ========================================================= */

/* Kırmızı başlıklar italik ("Ortak vizyon.", "Seçili İşler", alt sayfa başlıklarının kırmızı satırı) */
.hero-sec .hero-bottom :is(h1,h2):nth-child(2),
.about-hero-sec .hero-bottom :is(h1,h2):nth-child(2),
.section-title.section-title2 span {
    font-style: italic;
    padding-right: 0.12em;
}

/* Başarı detay sayfaları */
.caka-award-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 56px;
}
.caka-award-facts > div {
    border-top: 2px solid var(--caka-red);
    padding-top: 16px;
}
.caka-award-facts span { display: block; color: var(--caka-grey); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 6px; }
.caka-award-facts strong { color: #fff; font-weight: 400; font-size: 18px; line-height: 1.4; }
.caka-award-points { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 14px; }
.caka-award-points li { position: relative; padding-left: 30px; color: #fff; font-size: 19px; line-height: 1.6; font-weight: 300; }
.caka-award-points li::before { content: ""; position: absolute; left: 0; top: 0.8em; width: 16px; height: 2px; background: var(--caka-red); }
@media (max-width: 809px) {
    .caka-award-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 40px; }
}

/* Footer: adres ve "İstanbul, Türkiye" kaldırıldı */
.footer-contact-infos .caka-footer-addr { display: none; }
.footer-area::after { content: var(--caka-copy, "© 2026 CAKA & CO. Tüm hakları saklıdır"); }
@media (max-width: 809px) {
    .footer-area::after { content: var(--caka-copy, "© 2026 CAKA & CO. Tüm hakları saklıdır"); }
    .footer-area { padding-bottom: 56px; }
}

/* =========================================================
   09.10 — 3. tur: disiplin görselleri + animasyon kaymaları
   ========================================================= */

/* Disiplinler: her satıra kendi iş görseli (hover'da yumuşakça belirir) */
.service-box .service-inner .service-img-box img[src*="gorsel-disiplin"] {
    width: 306px;
    height: 280px;
    left: 0;
    top: -36px;
    object-fit: cover;
    border-radius: 18px;
    filter: none;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
    animation: none;
    transform: translateY(14px) scale(0.96);
    transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
}
.service-box:hover .service-inner .service-img-box img[src*="gorsel-disiplin"],
.service-box.active .service-inner .service-img-box img[src*="gorsel-disiplin"] { transform: none; }

/* Yüzen görseller: tema animasyonu ani yön değiştiriyordu → yumuşak, kesintisiz salınım */
@keyframes upDownAnim {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(12px); }
}
@keyframes upDownAnim2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(16px); }
}
.hero-sec .hero-inner .hero-shape,
.contact-sec .img-box img,
.service-box .service-inner .service-img-box img { animation-timing-function: ease-in-out; animation-duration: 4s; }

/* Hakkımızda > Değerler: mobil ve tablette görseller hiç gösterilmez (açılsa bile), metin tam genişlikte */
@media (max-width: 1199px) {
    .service-sec-2 .service-box .service-inner .service-img-box,
    .service-sec-2 .service-box.caka-open .service-inner .service-img-box { display: none !important; }
    .service-sec-2 .service-box .service-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
    .service-sec-2 .service-box .service-inner .service-feature-description { width: 100%; min-width: 0; }
    /* görseller kalktığı için "Görsel" sütun başlığı da gizlenir */
    .service-sec-2 .service-lists-header .service-header-th:first-child { display: none; }
    /* akordeon yok: "+ / –" simgesi, tıklama imleci ve açık satır arka planı kalkar */
    .service-sec-2 .service-box,
    .service-sec-2 .service-box.caka-open,
    .service-sec-2 .service-box.active { cursor: default !important; background: transparent !important; box-shadow: none !important; padding-right: 22px !important; }
    .service-sec-2 .service-box::after,
    .service-sec-2 .service-box.caka-open::after { display: none !important; content: none !important; }
}
@media (max-width: 809px) {
    .service-sec-2 .service-box .service-inner .service-img-box:first-child { width: 160px; height: 150px; }
    .service-sec-2 .service-box .service-inner .service-img-box img { width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; }
}
/* Genel güvenlik: hiçbir animasyon sayfayı yatay kaydırmasın */
html, body { overflow-x: clip; }
@media (max-width: 1199px) {
    .service-box .service-inner .service-img-box img[src*="gorsel-disiplin"] { width: 240px; height: 220px; }
}
@media (max-width: 809px) {
    .service-sec .service-box .service-inner .service-img-box { opacity: 1; padding-top: 18px; padding-bottom: 6px; }
    .service-box .service-inner .service-img-box img[src*="gorsel-disiplin"] {
        position: static;
        display: block;
        width: 100%;
        max-width: 360px;
        height: auto;
        aspect-ratio: 612 / 560;
        transform: none;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    }
}

/* =========================================================
   09.10 — Disiplin görselleri: kırmızı-siyah 3B objeler
   (temanın orijinal yüzen 3B objeleri gibi, her hizmete bir tane)
   ========================================================= */
/* Obje kendi satırının içinde kalsın: satır yüksekliğine göre boyutlanır */
.service-box .service-inner .service-img-box:has(img.caka-3d) { align-self: stretch; }
.service-box .service-inner .service-img-box img.caka-3d {
    top: -30px; left: 0;
    height: calc(100% + 60px); width: auto;
    aspect-ratio: 612 / 560;
    object-fit: contain;
    border-radius: 0; box-shadow: none;
    filter: drop-shadow(0 10px 22px rgba(201, 19, 48, 0.16));
    transform: translateY(8px) scale(.94);
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
    animation: none;
}
.service-box:hover .service-inner .service-img-box img.caka-3d,
.service-box.active .service-inner .service-img-box img.caka-3d {
    transform: none;
    animation: cakaFloat3d 4s ease-in-out .6s infinite;
}
@keyframes cakaFloat3d {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-3px) rotate(-2deg); }
}
@media (max-width: 809px) {
    .service-box .service-inner .service-img-box img.caka-3d {
        position: static; display: block;
        width: 100%; max-width: 300px; height: auto; aspect-ratio: 612 / 560;
        transform: none;
        animation: cakaFloat3d 4s ease-in-out infinite;
    }
}
@media (prefers-reduced-motion: reduce) {
    .service-box .service-inner .service-img-box img.caka-3d { animation: none !important; }
}

/* Sayaç kutuları: fotoğraf yerine kırmızı-siyah 3B objeler */
.funfact-box:has(.caka-3d-ff) {
    background: radial-gradient(90% 80% at 70% 45%, #2a0a10 0%, #141414 55%, #0b0b0b 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.funfact-box:has(.caka-3d-ff)::after { background: none; }
.funfact-box .overlay.caka-3d-ff {
    object-fit: contain;
    padding: 82px 20px 92px;
    box-sizing: border-box;
    filter: drop-shadow(0 14px 26px rgba(168, 0, 26, 0.25));
    transform: scale(.94);
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.funfact-box:hover .overlay.caka-3d-ff,
.funfact-box.active .overlay.caka-3d-ff {
    transform: none;
    animation: cakaFloatFF 4s ease-in-out .6s infinite;
}
@keyframes cakaFloatFF {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-8px) rotate(-3deg); }
}
.funfact-box:hover { border-color: rgba(201, 19, 48, 0.45) !important; }
@media (prefers-reduced-motion: reduce) {
    .funfact-box .overlay.caka-3d-ff { animation: none !important; }
}

/* Buton başlığın altına indiğinde (dar ekran) sembol tekrar sağa yaslanır */
@media (max-width: 1440px) and (min-width: 810px) {
    .hero-sec .hero-inner img.hero-shape[src*="logo-sembol"] { right: 40px; width: 260px; height: 312px; }
}

/* Kurumsal / Projeler / İletişim hero'ları: sayfaya özel kırmızı-siyah 3B obje */
.hero-sec .hero-inner img.hero-shape.hero-3d {
    width: 380px; height: 380px;
    right: 230px; bottom: 10px;
    opacity: 1;
    filter: drop-shadow(0 30px 60px rgba(158, 0, 24, 0.35));
}
@media (max-width: 1440px) and (min-width: 810px) {
    .hero-sec .hero-inner img.hero-shape.hero-3d { right: 20px; bottom: 50px; width: 280px; height: 280px; }
}
@media (max-width: 809px) {
    .hero-sec .hero-inner:has(.hero-3d) .hero-top { order: 0; }
    .hero-sec .hero-inner:has(.hero-3d) .hero-bottom { order: 2; }
    .hero-sec .hero-inner img.hero-shape.hero-3d {
        position: static; order: 1; align-self: flex-end;
        width: 140px; height: 140px; margin: -56px 0 -64px; opacity: 1; z-index: 0;
    }
}

/* Hakkımızda > Değerler: her değere kendi koyu kırmızı 3B objesi */
.service-sec-2 .service-box .service-inner .service-img-box img.caka-deger {
    width: 100%; height: 100%;
    left: 0; top: 0;
    object-fit: contain;
    filter: drop-shadow(0 18px 36px rgba(110, 0, 16, 0.35));
    animation: upDownAnim 4s ease-in-out infinite;
}

/* =========================================================
   12.10 — Disiplin + Değer görselleri: LottieFiles animasyonları
   (marka paletine göre yeniden renklendirildi; satır hover / active iken oynar)
   ========================================================= */
.caka-lottie { display: block; }
.caka-lottie svg { display: block; }
.service-box .service-inner .service-img-box:has(.caka-lottie) { align-self: stretch; }
.service-sec .service-box .service-inner .service-img-box .caka-lottie {
    position: absolute; top: -30px; left: 0;
    height: calc(100% + 60px); width: auto; aspect-ratio: 1 / 1;
    filter: drop-shadow(0 14px 30px rgba(201, 19, 48, 0.22));
    transform: translateY(8px) scale(.92);
    transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.service-box:hover .service-inner .service-img-box .caka-lottie,
.service-box.active .service-inner .service-img-box .caka-lottie { transform: none; }
.service-sec-2 .service-box .service-inner .service-img-box .caka-lottie {
    position: absolute; inset: 0; width: 100%; height: 100%; transform: none;
}
@media (max-width: 809px) {
    .service-sec .service-box .service-inner .service-img-box .caka-lottie {
        position: static; width: 100%; max-width: 220px; height: auto; transform: none;
    }
}

/* =========================================================
   12.10 — İç sayfa hero v2 (örnek: Vizyon & Misyon)
   Siyah düz zemin yerine: bordo ışık + film greni + ince ışık çizgisi,
   sağda gerçek fotoğraf (siyah-beyaz + kırmızı ton, kenarları siyaha erir)
   ========================================================= */
.caka-hero-v2 { position: relative; isolation: isolate; background: #070606; }
.caka-hero-atmo { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.caka-hero-v2 > .custom-container { position: relative; z-index: 1; }
.caka-hero-glow {
    position: absolute; inset: 0;
    background:
        radial-gradient(60% 70% at 88% 92%, rgba(150, 10, 32, 0.38) 0%, rgba(90, 6, 20, 0.16) 40%, transparent 70%),
        radial-gradient(40% 45% at 8% 6%, rgba(255, 255, 255, 0.045) 0%, transparent 70%),
        linear-gradient(180deg, #0b0909 0%, #070606 60%, #0a0506 100%);
    animation: cakaGlow 9s ease-in-out infinite alternate;
}
@keyframes cakaGlow { from { opacity: .85; } to { opacity: 1; } }
.caka-hero-line {
    position: absolute; left: 0; right: 0; top: 62%; height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 42, 77, 0) 10%, rgba(255, 42, 77, 0.55) 55%, rgba(255, 255, 255, 0.25) 70%, transparent 100%);
    opacity: .5;
}
.caka-hero-grain {
    position: absolute; inset: -50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: .07; mix-blend-mode: overlay;
    animation: cakaGrain 1.2s steps(4) infinite;
}
@keyframes cakaGrain {
    0% { transform: translate(0, 0); } 25% { transform: translate(-3%, 2%); }
    50% { transform: translate(2%, -3%); } 75% { transform: translate(-2%, -1%); } 100% { transform: translate(0, 0); }
}

.caka-hero-v2 .caka-hero-photo {
    position: absolute; z-index: -1; margin: 0;
    right: 0; top: 0; bottom: 0; width: 52%;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 38%), linear-gradient(0deg, transparent 0%, #000 30%);
    -webkit-mask-composite: source-in; mask-composite: intersect;
            mask-image: linear-gradient(90deg, transparent 0%, #000 38%), linear-gradient(0deg, transparent 0%, #000 30%);
}
.caka-hero-v2 .caka-hero-photo img {
    width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%;
    filter: grayscale(1) contrast(1.15) brightness(.62);
    transform: scale(1.06);
    animation: cakaKen 22s ease-out forwards;
}
@keyframes cakaKen { to { transform: scale(1); } }
.caka-hero-v2 .caka-hero-photo::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(200deg, rgba(201, 19, 48, 0.0) 30%, rgba(201, 19, 48, 0.55) 100%);
    mix-blend-mode: multiply;
}
.caka-hero-v2 .caka-hero-photo figcaption {
    position: absolute; right: 72px; top: 150px;
    font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    display: flex; align-items: center; gap: 10px;
}
.caka-hero-v2 .caka-hero-photo figcaption::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--caka-red-hi); }
@media (max-width: 1440px) and (min-width: 810px) { .caka-hero-v2 .caka-hero-photo { width: 58%; } }
@media (max-width: 809px) {
    .caka-hero-v2 .caka-hero-photo { width: 100%; top: 30%; opacity: .55; }
    .caka-hero-v2 .caka-hero-photo figcaption { display: none; }
}
/* Mobil + tablet: hero fotoğrafı kutu/kenar boşluğu içinde kalmasın, ekran kenarına kadar taşsın
   (.hero-inner'ın overflow:hidden'ı fotoğrafı yanlardan kırpıyor ve köşeleri belli ediyordu) */
@media (max-width: 1199px) {
    .caka-hero-v2 .hero-inner { overflow: visible; }
    .caka-hero-v2 .caka-hero-photo { overflow: hidden; }
}
@media (max-width: 1199px) and (min-width: 810px) {
    .caka-hero-v2 .caka-hero-photo { left: auto; right: calc(50% - 50vw); width: 58vw; }
}
@media (max-width: 809px) {
    .caka-hero-v2 .caka-hero-photo {
        left: calc(50% - 50vw); right: auto; width: 100vw;
        /* üst kenar da yumuşak geçsin (sert yatay çizgi kalmasın) */
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 38%), linear-gradient(0deg, transparent 0%, #000 30%), linear-gradient(180deg, transparent 0%, #000 22%);
                mask-image: linear-gradient(90deg, transparent 0%, #000 38%), linear-gradient(0deg, transparent 0%, #000 30%), linear-gradient(180deg, transparent 0%, #000 22%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .caka-hero-glow, .caka-hero-grain, .caka-hero-v2 .caka-hero-photo img { animation: none; }
}
/* Hakkımızda: logo sembolü atmosferin üstünde kalsın */
.caka-hero-v2 .hero-inner img.hero-shape[src*="logo-sembol"] { filter: drop-shadow(0 30px 70px rgba(150, 10, 32, 0.45)); }
.caka-hero-v2 .caka-hero-photo img.is-bright { filter: grayscale(1) contrast(1.15) brightness(.85); }

/* =========================================================
   12.10 istekleri
   ========================================================= */
/* Sektörler: her kartta 6 logo, 2x3 eşit ızgara; kartlar aynı boyda, logolar aynı görsel ağırlıkta */
.caka-sectors { align-items: stretch; }
.caka-sector { height: 100%; }

.caka-sector-logos .caka-logo-cell { height: 100%;  }
.caka-sector-logos img {   opacity: 0.75; }

.caka-sector:hover .caka-sector-logos img { opacity: 1; }
@media (min-width: 810px) and (max-width: 1199px) {
    .caka-sector-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 809px) {
    .caka-sector-logos { grid-template-columns: repeat(3, minmax(0, 1fr));  }
    .caka-sector-logos .caka-logo-cell { padding: 0 10px; }
}

/* Kırmızı vurgu yazıları: el yazısı (Arapey italik) yerine ana sayfadaki "Ortak vizyon." fontu — renkler aynı */
.caka-manifesto-text p em, .caka-founder-sign, .caka-career-title span, .caka-goal-year {
    font-family: var(--font_urbanist) !important; font-style: normal !important; font-weight: 300; letter-spacing: -0.01em;
}
.caka-goal-year { font-weight: 400; }

/* Değerler / disiplin listeleri: aktif satır kaydırmayla birlikte ilerler */
.service-box { transition: box-shadow .35s, background .35s; }
.service-box .service-inner .title, .service-box .service-inner .service-feature-description p,
.service-box .service-inner .service-img-box, .service-box .service-inner .service-feature-lists { transition: opacity .35s ease; }

/* CSS yumuşak kaydırma kapalı (GSAP ScrollTrigger ölçümlerini bozuyordu); bağlantılarda yumuşak kaydırma JS ile yapılır */
html, body { scroll-behavior: auto !important; }

/* =========================================================
   13.10 istekleri
   ========================================================= */

/* Kırmızı "CAKA & CO." başlıkları: harf arası açık, "&" daha yatık */

/* Sektörler: tek satırda 4 bölüm, bölüm içinde logolar 3 sütun (3x2) */
.caka-sectors-sec { padding-left: 72px; padding-right: 72px; }
.caka-sectors { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.caka-sector { padding: 26px 18px 20px; }
.caka-sector h3 { font-size: 22px; }
.caka-sector-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 64px; gap: 8px; margin-top: 22px; }
.caka-sector-logos .caka-logo-cell { padding: 0 8px; border-radius: 10px; }
.caka-sector-logos img { max-width: 92%; max-height: 22px; }
.caka-sector-logos img[src*="/ozdilek"], .caka-sector-logos img[src*="/koc"],
.caka-sector-logos img[src*="/huawei"], .caka-sector-logos img[src*="/karaca"],
.caka-sector-logos img[src*="/vestir"], .caka-sector-logos img[src*="/alfa-yapim"],
.caka-sector-logos img[src*="/bombacio"] { max-height: 28px; }
@media (max-width: 1199px) and (min-width: 810px) {
    .caka-sectors-sec { padding-left: 24px; padding-right: 24px; }
    .caka-sectors { gap: 10px; }
    .caka-sector { padding: 20px 12px 14px; }
    .caka-sector h3 { font-size: 18px; }
    .caka-sector-logos { grid-auto-rows: 52px; gap: 6px; }
    .caka-sector-logos img { max-height: 18px; }
}
@media (max-width: 809px) {
    .caka-sectors-sec { padding-left: 22px; padding-right: 22px; }
    .caka-sectors { grid-template-columns: 1fr; }
    .caka-sector-logos { grid-auto-rows: 60px; }
}

/* Başarı ve blog: siyah yerine kırmızı-siyah arka plan görseli */
.caka-bg-hero { background-color: #070606; background-size: cover; background-position: center; background-repeat: no-repeat; }
.caka-bg-basari { background-image: linear-gradient(90deg, rgba(5,4,4,.82) 0%, rgba(5,4,4,.35) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-blog   { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-legal  { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-cookie { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-gizlilik { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-riza    { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-basvuru { background-image: linear-gradient(90deg, rgba(5,4,4,.8) 0%, rgba(5,4,4,.3) 55%, rgba(5,4,4,.1) 100%), url("../images/bg-blog.webp"); }
.caka-bg-hero .hero-shape { display: none; }

.caka-post-card[href*="basari-"] .caka-post-cover { background-size: cover; background-repeat: no-repeat; }
.caka-post-card[href*="basari-"] .caka-post-cover { background-image: linear-gradient(0deg, rgba(0,0,0,.35), rgba(0,0,0,0) 60%), url("../images/bg-blog.webp"); background-position: 50% 50%; }
.caka-post-card[href*="basari-"] .caka-post-cover svg { fill: #fff; opacity: .92; filter: drop-shadow(0 10px 30px rgba(0,0,0,.55)); }

/* "Birlikte üretelim": logo yerine alt alta CAKA / & / CO. — JS ile sahneye girer */
.contact-sec .right .img-box:has(.caka-stack) {
    display: flex; align-items: center; justify-content: center;
    background: radial-gradient(55% 45% at 50% 52%, rgba(201, 19, 48, 0.16) 0%, transparent 70%);
}
.caka-stack {
    --h: clamp(56px, 5.6vw, 96px);
    position: relative; display: flex; flex-direction: column; align-items: center;
    gap: calc(var(--h) * 0.5);
    padding: calc(var(--h) * 0.6) calc(var(--h) * 0.8) calc(var(--h) * 0.9);
    perspective: 900px;
}
.caka-stack-line { display: block; overflow: hidden; padding: 4px 0; line-height: 0; }
.caka-stack-w {
    display: block; height: var(--h); width: auto; fill: #fff; overflow: hidden;
    transform: translate3d(0, 115%, 0) rotateX(-55deg); transform-origin: 50% 100%;
    opacity: 0;
    transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), opacity .9s ease;
}
.caka-stack-line:nth-child(2) .caka-stack-w { transition-delay: .16s; }
.caka-stack-line:nth-child(3) .caka-stack-w { transition-delay: .32s; }
.caka-stack-line.is-amp { overflow: visible; }
.caka-stack-line.is-amp .caka-stack-w {
    fill: var(--caka-red-hi, #ff2a4d);
    filter: drop-shadow(0 0 28px rgba(201, 19, 48, .55));
    transform: translate3d(0, 40%, 0) scale(.4) rotate(-30deg) skewX(-16deg);
}
.caka-stack-rule {
    position: absolute; left: 50%; bottom: calc(var(--h) * 0.2); margin-left: -35%;
    height: 2px; width: 70%; transform-origin: 50% 50% !important; transform: scaleX(0); transform-origin: 0 50%;
    background: linear-gradient(90deg, rgba(201, 19, 48, 0), var(--caka-red-hi, #ff2a4d), rgba(201, 19, 48, 0));
    transition: transform 1.2s cubic-bezier(.16, 1, .3, 1) .6s;
}
.caka-stack.is-in .caka-stack-w { transform: translate3d(var(--px, 0), var(--py, 0), 0) rotateX(0); opacity: 1; }
.caka-stack.is-in .caka-stack-line.is-amp .caka-stack-w {
    transform: translate3d(var(--px, 0), var(--py, 0), 0) scale(1) rotate(0) skewX(-16deg);
    animation: cakaAmpFloat 5s ease-in-out 1.4s infinite;
}
.caka-stack.is-in .caka-stack-rule { transform: scaleX(1); }
.caka-stack.is-in.is-settled .caka-stack-w { transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .9s ease; transition-delay: 0s; }
@keyframes cakaAmpFloat {
    0%, 100% { filter: drop-shadow(0 0 22px rgba(201, 19, 48, .45)); }
    50% { filter: drop-shadow(0 0 42px rgba(255, 42, 77, .8)); }
}
@media (max-width: 809px) {
    .caka-stack { --h: 54px; margin: 40px auto; }
    .contact-sec .right .img-box:has(.caka-stack) { height: auto; padding: 40px 0; }
}
@media (prefers-reduced-motion: reduce) {
    .caka-stack-w, .caka-stack-rule { transition: none !important; animation: none !important; }
}

/* Yazıların arkasında kırmızı geçiş */
.caka-stack::before {
    content: ""; position: absolute; inset: -12% -18%; z-index: -1;
    background:
        radial-gradient(50% 50% at 50% 48%, rgba(255, 42, 77, 0.42) 0%, rgba(201, 19, 48, 0.24) 38%, rgba(120, 8, 26, 0.10) 62%, rgba(120, 8, 26, 0) 72%),
        radial-gradient(35% 30% at 72% 22%, rgba(201, 19, 48, 0.22) 0%, rgba(201, 19, 48, 0) 70%);
    filter: blur(6px);
    opacity: 0; transform: scale(.85);
    transition: opacity 1.2s ease .2s, transform 1.4s cubic-bezier(.16, 1, .3, 1) .2s;
}
.caka-stack.is-in::before { opacity: 1; transform: scale(1); animation: cakaStackGlow 6s ease-in-out 1.6s infinite alternate; }
@keyframes cakaStackGlow {
    from { background-position: 0 0, 0 0; filter: blur(6px) brightness(1); }
    to   { filter: blur(10px) brightness(1.25); }
}
.caka-stack { isolation: isolate; }

/* "Birlikte üretelim" (ana sayfa): gerçekçi 3D kırmızı logo — sabit görsel, gölge görsele işlenmiş */
.contact-sec .right .img-box:has(.caka-logo3d-static) {
    display: flex; align-items: center; justify-content: center;

}

.contact-sec .img-box .caka-logo3d-static img {    animation: none; }

/* ---------- Telefon alan kodu: temaya uygun açılır liste ---------- */
.caka-cc { position: relative; flex: 0 0 auto; }
.caka-cc-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; border: 0 !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); }
.caka-cc-btn {
    display: flex; align-items: center; gap: 6px; height: 100%; width: 128px;
    background: #1a1a1a; color: var(--primary, #fff);
    border: 1px solid rgba(136, 136, 136, 0.1); border-radius: 12px;
    padding: 15px 16px 15px 18px; font: inherit; font-size: 15px; line-height: 24px; cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
.caka-cc-btn:hover { background: #202020; }
.caka-cc-btn:focus-visible, .caka-cc.is-open .caka-cc-btn { outline: none; border-color: var(--caka-red-hi, #ff2a4d); }
.caka-cc-btn .caka-cc-iso { font-weight: 500; }
.caka-cc-btn .caka-cc-code { color: rgba(255, 255, 255, .62); }
.caka-cc-chev { margin-left: auto; color: #999; transition: transform .25s ease; flex: none; }
.caka-cc.is-open .caka-cc-chev { transform: rotate(180deg); color: var(--caka-red-hi, #ff2a4d); }
.contact-sec-2 .caka-cc-btn { border-color: transparent; padding-top: 23px; padding-bottom: 23px; }
.contact-form .col-2 .caka-cc-btn { width: 112px; padding-left: 14px; padding-right: 12px; font-size: 14px; }
.contact-form .caka-invalid .caka-cc-btn { border-color: rgba(136, 136, 136, 0.1); box-shadow: none; }

.caka-cc-pop {
    position: absolute; z-index: 60; top: calc(100% + 8px); left: 0; width: 290px;
    background: #121212; border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .4);
    padding: 8px; animation: cakaCcIn .18s ease-out;
}
.caka-cc-pop[hidden] { display: none; }
@keyframes cakaCcIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.contact-form .caka-cc-pop .caka-cc-search {
    width: 100%; margin: 0 0 6px; padding: 10px 12px 10px 34px !important; height: auto;
    background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;
    border: 1px solid rgba(255, 255, 255, .06) !important; border-radius: 10px; color: #fff; font-size: 14px; line-height: 20px;
}
.contact-form .caka-cc-pop .caka-cc-search:focus { outline: none; border-color: rgba(255, 42, 77, .5) !important; }
.caka-cc-list { list-style: none; margin: 0; padding: 0 2px 0 0; max-height: 290px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #3a3a3a transparent; }
.caka-cc-list::-webkit-scrollbar { width: 6px; }
.caka-cc-list::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 6px; }
.caka-cc-list li[role=option] {
    position: relative; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px;
    padding: 9px 12px; border-radius: 9px; cursor: pointer; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, .82);
}
.caka-cc-list li[hidden] { display: none; }
.caka-cc-list .caka-cc-iso { font-size: 12px; letter-spacing: .06em; color: rgba(255, 255, 255, .45); font-weight: 500; }
.caka-cc-list .caka-cc-code { font-size: 13px; color: rgba(255, 255, 255, .5); font-variant-numeric: tabular-nums; }
.caka-cc-list li.is-active { background: rgba(255, 255, 255, .06); color: #fff; }
.caka-cc-list li.is-selected { color: #fff; background: rgba(201, 19, 48, .14); }
.caka-cc-list li.is-selected::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 2px; border-radius: 2px; background: var(--caka-red-hi, #ff2a4d); }
.caka-cc-list li.is-selected .caka-cc-code, .caka-cc-list li.is-selected .caka-cc-iso { color: var(--caka-red-hi, #ff2a4d); }
.caka-cc-empty { padding: 14px 12px; font-size: 13px; color: rgba(255, 255, 255, .45); }
@media (max-width: 809px) {
    .caka-cc-btn, .contact-form .col-2 .caka-cc-btn { width: 108px; }
    .caka-cc-pop { width: min(290px, calc(100vw - 48px)); }
}
/* İletişim sayfası (contact-sec-2): genel buton/input kuralları alan kodu listesini ezmesin */
.contact-sec-2 .contact-form .input-group button.caka-cc-btn {
    justify-content: flex-start; text-transform: none; background: #1a1a1a; color: #fff;
    font-size: 15px; line-height: 24px; padding: 23px 16px 23px 18px; width: 128px;
}
.contact-sec-2 .contact-form .input-group button.caka-cc-btn:hover { background: #202020; }
.contact-sec-2 .contact-form .input-group .caka-cc-pop input.caka-cc-search {
    background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center;
    padding: 10px 12px 10px 34px; border: 1px solid rgba(255, 255, 255, .06);
}
.contact-sec-2 .contact-form .input-group .caka-cc, .contact-sec-2 .contact-form .input-group .caka-cc-pop { width: auto; }
.contact-sec-2 .contact-form .input-group .caka-cc-pop { width: 290px; }
@media (max-width: 809px) { .contact-sec-2 .contact-form .input-group button.caka-cc-btn { width: 108px; } }

/* =========================================================
   Mobil / tablet menüsü (<=1199px; dil seçici için genişletildi) — masaüstünde hiç görünmez
   ========================================================= */
.caka-burger, .caka-mnav { display: none; }
@media (max-width: 1199px) {
    .header-menu-wrap .navbar { display: none; }
    /* index'teki eski "kaydırınca çıkan" hamburger yerine tüm sayfalarda aynı menü */
    .home-v2 .scroll-to-show-menu { display: none; }
    .header-menu-wrap .header-right-info { gap: 14px; }
    .caka-burger {
        display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
        width: 56px; height: 56px; padding: 0; flex: none; cursor: pointer;
        border: 0; border-radius: 50%; background: transparent; color: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
        transition: background 0.3s, box-shadow 0.3s;
        -webkit-tap-highlight-color: transparent;
    }
    .caka-burger span { display: block; width: 20px; height: 1.5px; background: currentColor; transition: background 0.3s; }
    .caka-burger:hover, .caka-burger:focus-visible { background: var(--caka-red); box-shadow: inset 0 0 0 1px var(--caka-red); }
    .header-menu-wrap .header-right-info a.caka-mail-btn { width: 56px; height: 56px; }

    .caka-mnav {
        display: flex; flex-direction: column;
        position: fixed; inset: 0; z-index: 99990;
        background: #000000; color: #ffffff;
        padding: 10px 52px 28px; overflow-y: auto; -webkit-overflow-scrolling: touch;
        opacity: 0; visibility: hidden; transform: translateY(-12px);
        transition: opacity 0.35s, transform 0.35s, visibility 0s linear 0.35s;
    }
    .caka-mnav.is-open { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
    html.caka-menu-open { overflow: hidden; }
    .caka-mnav-top { display: flex; align-items: center; justify-content: space-between; min-height: 76px; flex: none; }
    .caka-mnav-logo { display: flex; align-items: center; gap: 16px; }
    .caka-mnav-logo .caka-logo-sym { width: 36px; height: auto; fill: var(--caka-red); }
    .caka-mnav-logo .caka-logo-wm { width: 140px; height: auto; fill: #ffffff; }
    .caka-mnav-close {
        position: relative; width: 56px; height: 56px; padding: 0; cursor: pointer; flex: none;
        border: 0; border-radius: 50%; background: transparent;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    }
    .caka-mnav-close span { position: absolute; left: 50%; top: 50%; width: 20px; height: 1.5px; background: #ffffff; }
    .caka-mnav-close span:first-child { transform: translate(-50%, -50%) rotate(45deg); }
    .caka-mnav-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
    .caka-mnav-close:hover, .caka-mnav-close:focus-visible { background: var(--caka-red); box-shadow: inset 0 0 0 1px var(--caka-red); }
    .caka-mnav-body { flex: none; padding: 36px 0 8px; }
    .caka-mnav-body ul { list-style: none; margin: 0; padding: 0; }
    .caka-mnav-body > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 0; }
    .caka-mnav-link {
        display: block; padding: 14px 0; color: #ffffff;
         font-size: 38px; line-height: 1.15;
    }
    .caka-mnav-link.is-active, .caka-mnav-link:hover { color: var(--caka-red-hi); }
    .caka-mnav-sub { display: flex; flex-direction: column; gap: 0; margin: 0 0 16px 4px !important; padding: 2px 0 2px 18px !important; border-left: 2px solid var(--caka-red); }
    .caka-mnav-sub a { display: block; padding: 10px 0; color: var(--caka-grey, #A7A3AA); font-family: "Outfit", sans-serif; font-size: 18px; line-height: 1.3; }
    .caka-mnav-sub a:hover, .caka-mnav-sub a.is-active { color: #ffffff; }
    .caka-mnav-foot { flex: 1 0 auto; display: flex; flex-direction: column; gap: 6px; padding-top: 18px; font-family: "Outfit", sans-serif; font-size: 15px; }
    .caka-mnav-foot a { color: var(--caka-grey, #A7A3AA); overflow-wrap: anywhere; }
    .caka-mnav-foot a:hover { color: #ffffff; }
}
@media (max-width: 809px) {
    .caka-burger, .header-menu-wrap .header-right-info a.caka-mail-btn { width: 48px; height: 48px; }
    .header-menu-wrap .header-right-info { gap: 10px; }
    .caka-mnav { padding-left: 22px; padding-right: 22px; }
    .caka-mnav-top { min-height: 68px; }
    .caka-mnav-logo .caka-logo-sym { width: 30px; }
    .caka-mnav-logo .caka-logo-wm { width: 116px; }
    .caka-mnav-close { width: 48px; height: 48px; }
    .caka-mnav-link {  padding: 12px 0; }
}

/* Değerler başlık satırı (Görsel / Değerler): dar ekranda taşmasın */
@media (max-width: 809px) {
    .service-sec-2 .service-lists-header .custom-container { display: flex; flex-wrap: wrap; gap: 6px 28px; padding-left: 22px; padding-right: 22px; }
    .service-sec-2 .service-lists-header .service-header-th:first-child { width: auto; }
    .service-sec-2 .service-lists-header .service-header-th { flex: 0 1 auto; }
}

/* =========================================================
   Mobil: Disiplinler / Değerler görselleri varsayılan kapalı,
   satıra dokununca açılır (tek seferde bir satır)
   ========================================================= */
@media (max-width: 809px) {
    .service-sec .service-box {
        position: relative; cursor: pointer; background: transparent;
        padding-left: 22px; padding-right: 54px;
        -webkit-tap-highlight-color: transparent;
    }
    .service-sec .service-box:hover,
    .service-sec .service-box.active { background: transparent; }
    .service-sec .service-box.caka-open { background: #141414; }
    .service-sec .service-box:hover,
    .service-sec .service-box.active { box-shadow: none; }
    .service-sec .service-box.caka-open { box-shadow: inset 3px 0 0 var(--caka-red); }
    /* aktif/hover'a bağlı soluk-parlak geçişi mobilde kapalı: tüm yazılar okunur */
    .service-sec .service-box .service-inner .title,
    .service-sec .service-box .service-inner .service-feature-lists,
    .service-sec .service-box .service-inner .service-feature-description p { opacity: 1; }
    .service-sec .service-box .service-inner .service-feature-description p { color: rgba(255, 255, 255, 0.82); }
    /* görsel yalnızca açık satırda */
    .service-sec .service-box .service-inner .service-img-box { display: none; }
    .service-sec .service-box.caka-open .service-inner .service-img-box { display: block; }
    .service-sec .service-box.caka-open .service-inner .service-img-box img,
    .service-sec .service-box.caka-open .service-inner .service-img-box .caka-lottie { animation: none; }
    /* sağda + / – göstergesi */
    .service-sec .service-box::after {
        content: ""; position: absolute; right: 22px; top: 36px; width: 14px; height: 14px;
        background:
            linear-gradient(var(--caka-red-hi), var(--caka-red-hi)) center / 100% 1.5px no-repeat,
            linear-gradient(var(--caka-red-hi), var(--caka-red-hi)) center / 1.5px 100% no-repeat;
        transition: transform 0.3s;
    }
    .service-sec .service-box.caka-open::after {
        background: linear-gradient(var(--caka-red-hi), var(--caka-red-hi)) center / 100% 1.5px no-repeat;
        transform: rotate(180deg);
    }
}

/* =========================================================
   14.10 — Hero: kırmızı dönen yuvarlak videosu
   Video zaten kırmızı-siyah; gri tonlama ve kırmızı renk katmanı kaldırıldı.
   ========================================================= */
.hero-sec .hero-inner .hero-video::after { display: none; }
.hero-sec .hero-inner .hero-video video {
    filter: none;
    object-fit: cover;
    object-position: 50% 50%;
    transform: translateX(20%) scale(.82);
    -webkit-mask-image: radial-gradient(ellipse 48% 62% at 50% 50%, #000 55%, transparent 100%);
            mask-image: radial-gradient(ellipse 48% 62% at 50% 50%, #000 55%, transparent 100%);
}
@media (max-width: 809px) {
    .hero-sec .hero-inner .hero-video video {
        position: absolute; left: 0; bottom: 0; top: auto;
        width: 100%; height: 56%;
        object-fit: cover; object-position: 50% 50%;
        transform: none;
        opacity: .6;
    }
}

/* =========================================================
   14.10 — Mobil menü: masaüstü menüyle aynı font (Outfit),
   "Kurumsal" dokununca açılır; navbar üstte daha ferah
   ========================================================= */
@media (max-width: 1199px) {
    .header-menu-wrap { padding-top: 22px; }
    .caka-mnav-link {
        font-family: "Outfit", var(--font_urbanist), sans-serif !important;
        font-weight: 300; letter-spacing: -0.01em;
    }
    button.caka-mnav-link {
        display: flex; align-items: center; justify-content: space-between; width: 100%;
        background: none; border: 0; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;
    }
    .caka-mnav-chev { flex: none; transition: transform .3s; color: var(--caka-red-hi); }
    .caka-mnav-has-sub.is-open > .caka-mnav-toggle { color: var(--caka-red-hi); }
    .caka-mnav-has-sub.is-open .caka-mnav-chev { transform: rotate(180deg); }
    .caka-mnav-subwrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
    .caka-mnav-subwrap > .caka-mnav-sub { overflow: hidden; min-height: 0; margin-bottom: 0 !important; }
    .caka-mnav-has-sub.is-open > .caka-mnav-subwrap { grid-template-rows: 1fr; }
    .caka-mnav-has-sub.is-open > .caka-mnav-subwrap > .caka-mnav-sub { margin-bottom: 16px !important; }
}
@media (max-width: 809px) {
    .header-menu-wrap { padding-top: 20px; }
    .caka-mnav-link { font-size: 30px; }
}
@media (max-width: 1199px) {
    .caka-mnav-sub { border-left-width: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
    .caka-mnav-has-sub.is-open .caka-mnav-sub { border-left-width: 2px !important; padding-top: 2px !important; padding-bottom: 2px !important; }
}

/* Projeler: filtre çubuğundaki çizgi kaldırıldı; ok butonu hover'da dönmez */
.caka-pf-bar { border-bottom: 0; padding-bottom: 0; margin-bottom: 36px; }
.caka-pcard-arrow { transform: none !important; }
.caka-pcard-arrow img { display: block; margin: 0; }
/* Ana sayfa proje kartlarındaki "İncele" dairesi imleçle aynı merkezde */
.feature-project .hover_mouse a { margin: -10px 0 0 -10px; }

/* "Birlikte üretelim": gerçekçi kırmızı cam logo (video döngüsü) */
.contact-sec .img-box .caka-logo3d-static video {
    display: block; width: 100%; height: auto;  object-fit: cover; background: #000;

}

/* =========================================================
   14.10 — Mobil: Disiplinler satırlarında görsel hiç gösterilmez
   (Değerler / service-sec-2 etkilenmez)
   ========================================================= */
@media (max-width: 809px) {
    .service-sec:not(.service-sec-2) .service-box,
    .service-sec:not(.service-sec-2) .service-box.caka-open { cursor: default; background: transparent; box-shadow: none; padding-right: 22px; }
    .service-sec:not(.service-sec-2) .service-box::after { display: none; }
    .service-sec:not(.service-sec-2) .service-box .service-inner .service-img-box,
    .service-sec:not(.service-sec-2) .service-box.caka-open .service-inner .service-img-box { display: none !important; }
}
@media (max-width: 809px) {
    .service-sec:not(.service-sec-2) .service-lists-header .service-header-th:nth-child(3) { display: none; }
}
.header-menu-wrap .header-right-info a.with-border, .caka-mnav-foot, .caka-mnav-foot a { font-family: "Outfit", var(--font_urbanist), sans-serif; }

/* =========================================================
   14.10 (2. tur)
   ========================================================= */

/* Blog hero: kırmızı dalga görseli (.caka-bg-blog, bg-blog.webp) */

/* 3b) Mobil: navbar aşağı inince küçülmesin, ilk boyutta kalsın */
@media (max-width: 1199px) {
    .header-menu-wrap.caka-scrolled { padding-top: 22px; padding-bottom: 10px; }
}
@media (max-width: 809px) {
    .header-menu-wrap.caka-scrolled { padding-top: 20px; padding-bottom: 10px; }
}

/* 4) İletişim "Gönder" butonu: temadaki kenarlıklı buton, hover'da kırmızı dolgu */
.contact-sec-2 .contact-form .input-group button.theme-btn {
    background: transparent; color: #ffffff; border: 1.6px solid #ffffff; border-radius: 999px;
    width: 100%; justify-content: center; font-size: 14px; letter-spacing: .12em; padding: 18px 24px; line-height: 1.2;
}
.contact-sec-2 .contact-form .input-group button.theme-btn img { filter: none; }
.contact-sec-2 .contact-form .input-group button.theme-btn:hover { color: #ffffff; border-color: var(--caka-red); }

/* 5) "CAKA & CO." başlığı: kırmızı yerine sönük beyaz, daha küçük ve zarif */

.hero-sec .hero-bottom :is(h1,h2).caka-brand-h .caka-amp { background-image: linear-gradient(90deg, rgba(201, 19, 48, .85), rgba(201, 19, 48, .6));  }

/* 6) Menü yazı fontu: "Ortak vizyon." ile aynı (Urbanist) */
.header-menu-wrap .navbar .menu li a,
.header-menu-wrap .header-right-info a.with-border,
.caka-dd-list li a, .caka-dd-list li a strong, .caka-dd-list li a small,
.caka-mnav-link, .caka-mnav-sub a, .caka-mnav-foot, .caka-mnav-foot a,
.sidebar-menu .menu li a {
    font-family: "Urbanist", sans-serif !important;
}
.header-menu-wrap .navbar .menu li a { font-weight: 400; letter-spacing: .01em; }
.caka-mnav-link { font-weight: 300; }

/* =========================================================
   14.10 (3. tur)
   ========================================================= */
/* "CAKA & CO." başlığı: tek parça yazı (açılışta çıkan çift "&" hatası giderildi), "&" da beyaz; üstteki başlıkla arası açıldı */
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h {
    margin-top: 22px;

}
.hero-sec .hero-bottom .left { row-gap: 8px; }

/* "Birlikte üretelim" logosu: yuvarlak kırmızı hale yerine sayfaya yayılan yumuşak kenarlı alan */
.caka-logo3d-static { width: 100%;  }
.contact-sec .img-box .caka-logo3d-static video {
    aspect-ratio: 1 / 0.9; transform: scale(1.12);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 20%, #000 80%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 20%, #000 80%, transparent 100%);
    -webkit-mask-composite: source-in; mask-composite: intersect;
}

@media (max-width: 809px) { .caka-logo3d-static { width: 100%; max-width: 420px;  } }

/* 4. tur: "CAKA & CO." kırmızı, "&" beyaz (düz renkli span — eski çift "&" hatası geri gelmez) */
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h {
    background-image: linear-gradient(90deg, var(--caka-red-hi) 0%, var(--caka-red) 100%);
}
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h .caka-amp {
    display: inline;
    background: none; -webkit-background-clip: border-box; background-clip: border-box;

}

/* 5. tur: "CAKA & CO." yatık (italic), "&" da yatık */
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h,
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h .caka-amp { font-style: italic; }

/* 6. tur: "Birlikte üretelim" — kırmızı 3D logo mobilde de görünsün, formun altında */
@media (max-width: 1200px) {
    .contact-sec .right { display: block; }
    .contact-sec .right .img-box { height: auto; }
}
@media (max-width: 809px) {
    .contact-sec .custom-row { gap: 36px; }
    .contact-sec .right .img-box:has(.caka-logo3d-static) {
        padding: 28px 16px;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        background: radial-gradient(90% 70% at 50% 42%, rgba(201, 19, 48, 0.18) 0%, transparent 72%),
                    linear-gradient(180deg, #161616 0%, #0a0a0a 100%);
    }
    .caka-logo3d-static { width: min(300px, 78vw); margin: 0 auto; }
}

/* ===== Proje detay sayfaları: özel kırmızı-bordo arka plan + orantılı hero ===== */
.caka-bg-proje {
    background-color: #1a060b;
    background-image:
        linear-gradient(90deg, rgba(10,3,5,.78) 0%, rgba(10,3,5,.38) 42%, rgba(10,3,5,0) 75%),
        linear-gradient(180deg, rgba(10,3,5,0) 80%, rgba(10,3,5,.6) 100%),
        url("../images/bg-proje.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.caka-bg-proje .hero-inner { height: auto; min-height: clamp(460px, 64vh, 640px); gap: 64px; padding-top: 128px; padding-bottom: clamp(56px, 6vw, 88px); }
.caka-bg-proje .hero-bottom { width: 100%; }
.caka-bg-proje .hero-bottom :is(h1,h2) { font-size: clamp(44px, 5.6vw, 92px); line-height: 1.08; }
.caka-bg-proje .hero-bottom :is(h1,h2):nth-child(2) { color: #ff3b5c; }
.caka-bg-proje .hero-shape { display: none; }

@media (max-width: 809px) {
    .caka-bg-proje .hero-inner {  gap: 36px; padding: 104px 22px 40px; }
    .caka-bg-proje .hero-bottom :is(h1,h2) { font-size: clamp(34px, 10vw, 48px); }
}

/* "Ne yaptık?" listesi: eşit kolonlu, hizalı */
.project-single-content-wrap .section-header ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 48px;
    row-gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.project-single-content-wrap .section-header ul li {
    display: flex;
    align-items: baseline;
    gap: 14px;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.3;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.project-single-content-wrap .section-header ul li::before { content: "—"; flex: none; }
@media (max-width: 809px) {
    .project-single-content-wrap .section-header ul { grid-template-columns: 1fr; row-gap: 16px; }
    .project-single-content-wrap .section-header ul li { font-size: 20px; padding-bottom: 14px; }
}

/* =========================================================
   14.10 — 5. tur düzeltmeleri
   ========================================================= */

/* 1) İç sayfa hero'ları (Hakkımızda, Vizyon & Misyon, Ekibimiz…): ekran %100 iken
   başlık altta kesilmesin. Sabit 230px boşluk yerine ekran yüksekliğine göre esneyen boşluk;
   içerik ekrandan uzunsa sayfa doğal olarak uzar, hiçbir şey gizlenmez. */
.about-hero-sec .hero-inner {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    gap: clamp(20px, 5vh, 120px);
    padding-bottom: clamp(32px, 6vh, 80px);
    box-sizing: border-box;
}
.about-hero-sec .hero-top { padding-top: clamp(104px, 15vh, 136px); }
@media (max-height: 780px) and (min-width: 1025px) {
    .about-hero-sec .hero-bottom :is(h1,h2) { font-size: clamp(56px, 9.5vh, 96px); line-height: 1.02; }
}
.about-hero-sec .hero-bottom { flex-wrap: wrap; row-gap: 20px; }
@media (max-width: 1024px) {
    .about-hero-sec .hero-inner { min-height: 0; gap: clamp(36px, 8vh, 90px); }
}
/* Proje detay hero'su kendi kısa düzenini korur */
.caka-bg-proje .hero-inner { min-height: clamp(460px, 64vh, 640px); }
@media (max-width: 809px) { .caka-bg-proje .hero-inner { min-height: 0; } }

/* 2) Başarı + blog yazıları: içerik sayfaya yayılır (ortada dar bir sütun değil) */
.blog-detail-page .caka-article:not(.caka-legal) {
    max-width: none;
    margin: 0;
    padding: 56px 72px 100px;
}
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-meta { margin-bottom: 44px; font-size: 15px; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-award-facts { margin-bottom: 72px; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(0, 2.3fr);
    column-gap: clamp(40px, 6vw, 120px);
    row-gap: 0;
    align-items: start;
}
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > * { grid-column: 2; min-width: 0; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 {
    grid-column: 1; margin: 0 0 40px; padding-top: 6px;
    font-size: clamp(28px, 2.6vw, 44px); line-height: 1.15;
    border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 22px;
}
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 + p,
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 + ul { margin-top: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 22px; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > p { font-size: clamp(18px, 1.35vw, 22px); line-height: 1.85; max-width: 70ch; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > p:first-child {
    grid-column: 1 / -1; max-width: 62ch; margin-bottom: 64px;
    font-size: clamp(24px, 2.2vw, 36px); line-height: 1.5; color: #fff;
}
.blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > blockquote {
    margin: 8px 0 56px; max-width: 30ch; font-size: clamp(28px, 2.8vw, 46px);
}
.blog-detail-page .caka-article:not(.caka-legal) .caka-award-points { max-width: 70ch; }
.blog-detail-page .caka-article:not(.caka-legal) .caka-back { margin-top: 16px; }
@media (max-width: 1100px) {
    .blog-detail-page .caka-article:not(.caka-legal) { padding: 40px 42px 80px; }
}
@media (max-width: 991px) {
    .blog-detail-page .caka-article:not(.caka-legal) .caka-article-body { grid-template-columns: 1fr; }
    .blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > * { grid-column: 1; }
    .blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 { margin: 36px 0 14px; }
    .blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 + p,
    .blog-detail-page .caka-article:not(.caka-legal) .caka-article-body > h2 + ul { border-top: 0; padding-top: 0; }
}
@media (max-width: 809px) {
    .blog-detail-page .caka-article:not(.caka-legal) { padding: 32px 22px 64px; }
}

/* 3) "Birlikte üretelim": video yerine yüksek çözünürlüklü fotoğraf (kırmızı tema arka plan) */
.contact-sec .img-box .caka-logo3d-static img {
    display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover;

    transform: none;
}
.contact-sec .right .img-box:has(.caka-logo3d-static) { background: none; }
.caka-logo3d-static { max-width: 760px; }

/* 4) Referanslar: tüm logolar aynı boyutta kutuda, aynı hizada (dikey ortalı) */
.our-partner-sec ul.caka-clients { align-items: center; }
.our-partner-sec ul.caka-clients li {
    flex: none; width: auto; height: 72px;
    padding-right: clamp(20px, 2.4vw, 44px);
    display: flex; align-items: center; justify-content: center;
}
.our-partner-sec ul.caka-clients li img {
    display: block; width: 200px; height: 64px; max-width: none;
    object-fit: contain; object-position: center; opacity: 0.6;
}
@media (max-width: 809px) {
    .our-partner-sec ul.caka-clients li { height: 56px; }
    .our-partner-sec ul.caka-clients li img { width: 150px; height: 48px; }
}

/* Ana sayfa hero'su: kısa ekranlarda içerik kesilmesin, hero gerekirse uzasın */
.hero-sec:not(.about-hero-sec) .hero-inner {
    height: auto;
    min-height: 100vh;
    min-height: max(100svh, 620px);
    box-sizing: border-box;
    gap: 40px;
}

/* =========================================================
   15.10 — Düzeltmeler
   1) "CAKA & CO." başlığı: Montserrat Light Italic, "&" harflerle aynı kırmızının yumuşak tonu
   2) "Birlikte üretelim" görseli: kenar çerçevesi yok (arka plana karışır), mobilde gizli
   3) Mobil form alanları arası eşit boşluk
   4) Mobil ana sayfa hero: video yazının altında, üst üste binmez
   ========================================================= */
@font-face {
    font-family: "Montserrat"; font-style: italic; font-weight: 300; font-display: swap;
    src: url("../fonts/montserrat-latin-ext-300-italic.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Montserrat"; font-style: italic; font-weight: 300; font-display: swap;
    src: url("../fonts/montserrat-latin-300-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h {
    font-family: "Montserrat", "Urbanist", sans-serif;
    font-style: italic; font-weight: 300;
    font-size: 50px; line-height: 60px; letter-spacing: 0.14em;
}
.hero-sec .hero-bottom :is(h1,h2).caka-brand-h .caka-amp {
    font-family: inherit; font-style: italic; font-weight: inherit;
    transform: none; margin: 0 .06em;
    -webkit-text-fill-color: rgba(255, 42, 77, 0.5); color: rgba(255, 42, 77, 0.5);
}
@media (max-width: 1440px) { .hero-sec .hero-bottom :is(h1,h2).caka-brand-h { font-size: 44px; line-height: 52px; } }
@media (max-width: 809px)  { .hero-sec .hero-bottom :is(h1,h2).caka-brand-h { font-size: 28px; line-height: 36px; letter-spacing: .12em; } }

/* "Birlikte üretelim" görseli: siyah zemin sayfa rengine karışır, kenarlar dairesel erir */
.contact-sec .img-box .caka-logo3d-static img {
    mix-blend-mode: screen; background: none;
    -webkit-mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);
            mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);
    -webkit-mask-composite: source-over; mask-composite: add;
}
/* Telefon / küçük tablet: odak form; logo gösterilmez */
@media (max-width: 1024px) {
    .contact-sec .right { display: none !important; }
    .contact-sec .custom-row { gap: 0; }
}

/* Mobil form: alanlar arası eşit boşluk */
@media (max-width: 809px) {
    .contact-form .col-2 { gap: 0; }
    .contact-form .input-group { margin-bottom: 18px; }
}

/* Mobil ana sayfa hero: video akışta, yazıların ALTINDA durur */
@media (max-width: 809px) {
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-video {
        position: relative; top: auto; left: auto; order: 99; flex: none;
        width: 100%; height: min(78vw, 340px); margin-top: 8px; z-index: 0;
    }
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-video video {
        position: absolute; inset: 0; width: 100%; height: 100%;
        opacity: 1; transform: scale(1.2);
    }
}
@media (max-width: 809px) {
    .hero-sec:not(.about-hero-sec) .hero-inner { justify-content: flex-start; gap: 36px; min-height: 0; }
}

/* Ülke seçimi: temaya uygun açılır liste (alan kodu listesiyle aynı görünüm) */
.caka-cs { position: relative; width: 100%; }
.contact-form .input-group button.caka-cs-btn {
    display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%;
    background: transparent; color: var(--primary, #fff); text-transform: none; text-align: left;
    border: 1px solid rgba(136, 136, 136, 0.1); border-radius: 12px;
    padding: 15px 22px 15px 28px; font: inherit; font-size: 16px; line-height: 24px; cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
.contact-form .input-group button.caka-cs-btn:hover { background: rgba(255, 255, 255, .02); }
.contact-form .input-group button.caka-cs-btn:focus-visible,
.contact-form .caka-cs.is-open button.caka-cs-btn { outline: none; border-color: var(--caka-red-hi, #ff2a4d); }
.caka-cs-val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.caka-cs-chev { margin-left: auto; color: #999; flex: none; transition: transform .25s ease; }
.caka-cs.is-open .caka-cs-chev { transform: rotate(180deg); color: var(--caka-red-hi, #ff2a4d); }
.contact-sec-2 .contact-form .input-group button.caka-cs-btn { background: #1a1a1a; border-color: transparent; padding-top: 23px; padding-bottom: 23px; }
.contact-sec-2 .contact-form .input-group button.caka-cs-btn:hover { background: #202020; }
.contact-form .caka-invalid button.caka-cs-btn { border-color: rgba(136, 136, 136, 0.1); }
.caka-cs-pop { width: 100%; min-width: 240px; }
.contact-sec-2 .contact-form .input-group .caka-cs-pop { width: 100%; }
.caka-cs .caka-cc-list li[role=option] { grid-template-columns: 1fr; padding: 10px 14px; font-size: 15px; }
.caka-cs .caka-cc-list li.is-selected::after {
    content: ""; position: absolute; right: 14px; top: 50%; width: 5px; height: 9px; margin-top: -6px;
    border: solid var(--caka-red-hi, #ff2a4d); border-width: 0 1.6px 1.6px 0; transform: rotate(45deg);
}

/* Sağdaki dikey nokta menüsü: içerikle çakıştığı dar genişliklerde gizli */
@media (max-width: 1200px) { .notch-bar-menu-wrap { display: none !important; } }

/* Ekip kartları: telefonda 2 sütun */
@media (max-width: 809px) {
    .team-members { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .team-member-box { padding: 6px; gap: 14px; border-radius: 14px; }
    .team-member-box .img-box { height: auto; aspect-ratio: 4 / 5; }
    .team-member-box .content { padding: 0 8px; }
    .team-member-box .content .name { font-size: 15px; line-height: 20px; }
    .team-member-box .content .designation { font-size: 11.5px; line-height: 15px; margin-bottom: 14px; }
    .team-member-box .content p { font-size: 12.5px; line-height: 19px; padding: 14px 0 16px; }
}
@media (max-width: 809px) {
    .team-cv-box { min-height: 0; padding: 6px; border-radius: 14px; }
    .team-cv-box .team-cv-header { padding: 14px 10px 10px; }
    .team-cv-box .team-cv-header .caka-cv-sym { width: 30px; height: auto; margin-bottom: 18px; }
    .team-cv-box .team-cv-header .title { font-size: 24px; line-height: 30px; }
    .team-cv-box .team-cv-header p { font-size: 12.5px; line-height: 19px; margin-top: 10px; }
    .team-cv-box .team-cv-footer { padding: 10px 10px 14px; }
    .team-cv-box .team-cv-footer .theme-btn { padding: 10px 14px; font-size: 13px; white-space: nowrap; }
}
/* Ekip sayfası: tek kalan son kart telefonda ortalanır */
@media (max-width: 809px) {
    .team-members > .team-member-box:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 6px); }
}


/* Erişilebilirlik turu: width/height öznitelikli resimler CSS'teki otomatik yüksekliği korur (içerik kaymasını önler, görünümü değiştirmez) */
:where(img[width][height]) { height: auto; }


/* Vizyon & Misyon, SSS, Projelerimiz hero: Hakkımızda ile aynı düzen (h1 beyaz + h2 kırmızı, buton sağ altta) */
/* Projelerimiz: bordo atmosfer + sağda proje fotoğrafı (detay sayfalarındaki .caka-bg-proje etkilenmez) */
.caka-hero-projects .caka-hero-glow {
    background:
        radial-gradient(60% 70% at 88% 92%, rgba(150, 10, 32, 0.55) 0%, rgba(90, 6, 20, 0.22) 40%, transparent 70%),
        linear-gradient(180deg, #14060a 0%, #0b0507 100%);
}


/* Hero "İletişime Geç" butonu geniş ekranda her zaman sağ altta (Hakkımızda gibi) */
@media (min-width: 1201px) {
    .about-hero-sec .hero-bottom { flex-wrap: nowrap; align-items: flex-end; }
    .about-hero-sec .hero-bottom .left { min-width: 0; }
    .about-hero-sec .hero-bottom .theme-btn { margin-left: auto; flex: none; }
}


/* Vizyon & Misyon, SSS, Projelerimiz, İletişim hero: yazı + slogan solda, "İletişime Geç" her zaman sağda */
@media (min-width: 1025px) {
    .about-hero-sec.caka-hero-row .hero-bottom { flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; gap: 32px; row-gap: 32px; }
    .about-hero-sec.caka-hero-row .hero-bottom .left { flex: 1 1 auto; min-width: 0; }
    .about-hero-sec.caka-hero-row .hero-bottom .theme-btn { flex: none; margin-left: auto; }
    /* (boyut/satır yüksekliği Hakkımızda ile aynı kalsın diye burada ayrıca verilmiyor) */
}

/* =========================================================
   15.10 — Vizyon & Misyon / SSS hero: başlık biraz yukarı, kırmızı slogan daha küçük
   Fontlar Hakkımızda ile aynı: 1. satır Arapey italik, 2. satır Urbanist italik.
   Slogan + "İletişime Geç" butonu Hakkımızda/Ekibimiz'deki gibi aynı satırda (alta hizalı) kalır;
   yukarı alma, tüm alt satırın alt boşluğu artırılarak yapılır.
   ========================================================= */
/* Vizyon & Misyon başlığında süslü "Et" yerine standart "&": yalnızca & karakteri için düz Arapey,
   tarayıcı onu italik gibi eğer (HTML'e span eklemeye gerek yok, açılış animasyonunu bozmaz) */
@font-face { font-family: "ArapeyAmp"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/arapey-regular.woff2") format("woff2"); unicode-range: U+0026; }
.caka-hero-vm .hero-bottom h1 { font-family: "ArapeyAmp", var(--font_arapey); }
.caka-hero-sss .hero-bottom h1 { font-family: var(--font_arapey); }
.caka-hero-vm .hero-bottom h2, .caka-hero-sss .hero-bottom h2 { font-family: var(--font_urbanist); font-style: italic; }
/* Düzen (başlık, slogan, buton konumları) Hakkımızda/Ekibimiz ile birebir aynı kalır;
   kırmızı slogan yalnızca görsel olarak küçülür (kutu aynı olduğu için hiçbir şey kaymaz) */
.caka-hero-vm .hero-bottom h2, .caka-hero-sss .hero-bottom h2 {
    transform: translateY(-9px) scale(.72); transform-origin: 14px 50%;
}


/* =========================================================
   Dil seçici — globe + kod + ok, açılır liste (i18n.js üretir; yeni diller listeye eklenir)
   ========================================================= */
.caka-lang { position: relative; display: inline-block; flex: none; }
.caka-lang:empty { display: none; }
.caka-lang-toggle {
    appearance: none; border: 0; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); color: #ffffff;
    font-family: "Outfit", "Urbanist", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; line-height: 1;
    transition: box-shadow 0.3s, background 0.3s;
}
.caka-lang-toggle:hover, .caka-lang.is-open .caka-lang-toggle { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); }
.caka-lang-toggle:focus-visible, .caka-lang-opt:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.caka-lang-toggle svg { display: block; flex: none; }
.caka-lang-chev { transition: transform 0.25s; }
.caka-lang.is-open .caka-lang-chev { transform: rotate(180deg); }
.caka-lang-list {
    position: absolute; top: calc(100% + 14px); right: 0; z-index: 60; min-width: 210px; margin: 0; padding: 8px; list-style: none;
    background: #0a0a0a; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65);
}
.caka-lang-list[hidden] { display: none; }
.caka-lang-opt {
    appearance: none; border: 0; background: transparent; cursor: pointer; width: 100%; text-align: left;
    display: flex; align-items: center; gap: 14px; padding: 11px 12px; border-radius: 12px; color: #cfcfd3;
    font-family: "Outfit", "Urbanist", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: 0;
    transition: background 0.2s, color 0.2s;
}
.caka-lang-opt:hover { background: rgba(255, 255, 255, 0.06); color: #ffffff; }
.caka-lang-opt .c { width: 26px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: #8d8991; }
.caka-lang-opt.is-active { color: #ffffff; background: rgba(201, 19, 48, 0.16); }
.caka-lang-opt.is-active .c { color: #FF2A4D; }
.caka-lang-opt.is-active::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: #C91330; }
/* Mobil menü paneli: liste yukarı açılır */
.caka-mnav-foot .caka-lang { align-self: flex-start; margin-top: 14px; }
.caka-mnav-foot .caka-lang-list { top: auto; bottom: calc(100% + 10px); left: 0; right: auto; }
/* Header'da seçici sağ grubun DIŞINDA (absolute) durur: menü ortalaması ve logo/menü konumları kaymaz.
   Görsel konumu: telefon bağlantısının (veya e-posta butonunun) hemen solu. */
.header-menu-wrap .header-right-info { position: relative; }
.header-menu-wrap .header-right-info .caka-lang { position: absolute; top: 50%; right: calc(100% + 28px); transform: translateY(-50%); }
@media (max-width: 1199px) {
    .header-menu-wrap .header-right-info .caka-lang { right: calc(100% + 14px); }
}
/* Hamburger'a geçilmeyen en dar masaüstü aralığında seçici kompakt */
@media (min-width: 1200px) and (max-width: 1279px) {
    .header-menu-wrap .header-right-info .caka-lang { right: calc(100% + 16px); }
    .header-menu-wrap .caka-lang-toggle { height: 38px; padding: 0 12px; gap: 6px; }
}
@media (max-width: 809px) {
    .header-menu-wrap .header-right-info .caka-lang { right: calc(100% + 10px); }
    .header-menu-wrap .caka-lang-toggle { height: 38px; padding: 0 12px; gap: 6px; font-size: 12px; }
}
/* Dar ekranlar (telefon): seçici header'da kalır, her şey kompakt — menü paneline taşınmaz */
@media (max-width: 440px) {
    .header-menu-wrap .header-right-info { gap: 8px; }
    .header-menu-wrap .header-right-info .caka-lang { right: calc(100% + 8px); }
    .header-menu-wrap .caka-lang-toggle { height: 40px; padding: 0 11px; gap: 5px; font-size: 12px; }
    .header-menu-wrap .caka-lang-toggle > svg:first-child { width: 15px; height: 15px; }
    .caka-burger, .header-menu-wrap .header-right-info a.caka-mail-btn { width: 44px; height: 44px; }
    .header-menu-wrap .logo.caka-logo { gap: 11px; }
    .header-menu-wrap .logo.caka-logo .caka-logo-sym { width: 26px; }
    .header-menu-wrap .logo.caka-logo .caka-logo-wm { width: 104px; }
}
@media (max-width: 359px) {
    .header-menu-wrap .header-right-info { gap: 6px; }
    .header-menu-wrap .header-right-info .caka-lang { right: calc(100% + 6px); }
    .header-menu-wrap .caka-lang-toggle { height: 36px; padding: 0 9px; gap: 4px; }
    .header-menu-wrap .caka-lang-chev { display: none; }
    .caka-burger, .header-menu-wrap .header-right-info a.caka-mail-btn { width: 38px; height: 38px; }
    .header-menu-wrap .logo.caka-logo { gap: 9px; }
    .header-menu-wrap .logo.caka-logo .caka-logo-sym { width: 22px; }
    .header-menu-wrap .logo.caka-logo .caka-logo-wm { width: 88px; }
}

/* Dokunmatik cihazlarda (telefon/tablet) özel imleç (beyaz top) görünmez */
@media (hover: none), (pointer: coarse) {
    #magic-cursor, #ball { display: none !important; }
}

/* Mobil menü paneli — sosyal medya ikonları */
.caka-mnav-social { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-bottom: 4px; }
.caka-mnav-foot .caka-mnav-social a {
    display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%;
    color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    transition: background .3s, box-shadow .3s; -webkit-tap-highlight-color: transparent;
}
.caka-mnav-foot .caka-mnav-social a:hover, .caka-mnav-foot .caka-mnav-social a:focus-visible { background: var(--caka-red); box-shadow: inset 0 0 0 1px var(--caka-red); color: #ffffff; }
.caka-mnav-social svg { width: 19px; height: 19px; display: block; fill: currentColor; }

/* =========================================================
   16.10 — Düzenlemeler
   1) Hero videosu: masaüstünde ortalı; mobilde yazıların ARKASINDA
   2) Disiplinler: satır içeriği dikey ortalı
   3) Sektörler / Referanslar: logo ölçekleme (içerik oranına göre)
   4) Hakkımızda timeline: 5 kayıt
   ========================================================= */

/* 1) Hero — masaüstü: video yatayda ortalı (önceki +%20 kaydırma kaldırıldı) */
.hero-sec:not(.about-hero-sec) .hero-inner .hero-video video { transform: scale(.94, .82); }
/* Metnin videonun parlak kenarı üzerinde okunabilir kalması için sol tarafa yumuşak karartma */
.hero-sec:not(.about-hero-sec) .hero-inner .hero-video::after {
    display: block; content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.5) 32%, rgba(0,0,0,0) 58%);
    mix-blend-mode: normal;
}
.hero-sec:not(.about-hero-sec) .hero-inner .hero-top,
.hero-sec:not(.about-hero-sec) .hero-inner .hero-bottom { position: relative; z-index: 2; }

/* 1) Hero — mobil: video yazıların arka planında (tam alan), katman sırası: video < karartma < yazı */
@media (max-width: 809px) {
    .hero-sec:not(.about-hero-sec) .hero-inner {
        min-height: max(100svh, 620px);
        justify-content: space-between;
        gap: 28px;
        padding-top: 96px;
    }
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-video {
        position: absolute; inset: 0; top: 0; left: 0; order: 0;
        width: 100%; height: 100%; margin: 0; z-index: 0;
    }
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-video video {
        position: absolute; inset: auto; left: 50%; top: 38%;
        width: 192%; max-width: none; height: auto; aspect-ratio: 890 / 500;
        object-fit: cover; object-position: 50% 50%;
        opacity: .72; transform: translate(-50%, -50%);
    }
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-video::after {
        background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.18) 40%, rgba(0,0,0,.2) 62%, rgba(0,0,0,.6) 100%);
        z-index: 1;
    }
}

/* 2) Disiplinler — her satırda başlık ve kapsam dikey ortalı (üste yapışık durmaz) */
.service-box .service-inner { align-items: center; }
.service-box .service-inner .title { align-self: center; }
@media (max-width: 809px) {
    .service-sec .service-box .service-inner { align-items: flex-start; }
    .service-sec .service-box::after { top: 50%; margin-top: -7px; }
}

/* 3) Logo ölçekleme: --a (içerik en/boy), --sa (√a), --cw/--ch (görselin içerik oranı), --dx/--dy (içerik merkez sapması)
      Mantık: logonun GERÇEK içeriği; kutuya sığar ve eşit görsel ağırlıkta (alan) çizilir. */
.caka-sector-logos .caka-logo-cell { --tw: 90%; --th: 34px; --k: 44px; }
.caka-sector-logos .caka-logo-cell img,
.caka-sector-logos .caka-logo-cell img[src] {
    --cwid: min(var(--tw), calc(var(--th) * var(--a, 3)), calc(var(--k) * var(--sa, 1.7)));
    flex: none; max-width: none; max-height: none;
    width: calc(var(--cwid) / var(--cw, .6)); height: auto;
    transform: translate(calc(var(--dx, 0) * -100%), calc(var(--dy, 0) * -100%));
}
@media (min-width: 810px) and (max-width: 1199px) {
    .caka-sector-logos .caka-logo-cell { --tw: 92%; --th: 26px; --k: 34px; }
}
@media (max-width: 809px) {
    .caka-sector-logos .caka-logo-cell { --tw: 90%; --th: 34px; --k: 46px; }
}

.our-partner-sec ul.caka-clients li { --tw: 190px; --th: 50px; --k: 72px; height: 76px; }
.our-partner-sec ul.caka-clients li img {
    --cwid: min(var(--tw), calc(var(--th) * var(--a, 3)), calc(var(--k) * var(--sa, 1.7)));
    flex: none; max-width: none;
    width: calc(var(--cwid) / var(--cw, .6)); height: auto;
    margin-inline: calc((var(--cwid) - var(--cwid) / var(--cw, .6)) / 2);
    transform: translate(calc(var(--dx, 0) * -100%), calc(var(--dy, 0) * -100%));
}
@media (max-width: 809px) {
    .our-partner-sec ul.caka-clients li { --tw: 140px; --th: 38px; --k: 54px; height: 60px; }
}

/* 4) Timeline: 5 kayıt */
.caka-tl.caka-tl-5 { grid-template-columns: repeat(5, 1fr); }
.caka-tl-founding::before { background: var(--caka-red); box-shadow: 0 0 0 6px rgba(201, 19, 48, 0.2); }
.caka-tl-founding .caka-tl-year { color: var(--caka-red-hi); }
@media (max-width: 1200px) { .caka-tl.caka-tl-5 { grid-template-columns: repeat(3, 1fr); row-gap: 48px; } .caka-tl.caka-tl-5::before { display: none; } }
@media (max-width: 809px)  { .caka-tl.caka-tl-5 { grid-template-columns: 1fr; row-gap: 36px; } }

/* ===== 16.10 — Logo ölçekleme: her logonun gerçek içerik oranı (şeffaf boşluk hariç) ölçüldü ===== */
img[src$="musteriler/ac.png"]{--a:1.220;--sa:1.105;--cw:0.305;--dx:0.000;--dy:0.000}
img[src$="musteriler/alfa-yapim.png"]{--a:2.725;--sa:1.651;--cw:0.545;--dx:0.000;--dy:0.000}
img[src$="musteriler/apple.png"]{--a:2.885;--sa:1.698;--cw:0.562;--dx:-0.001;--dy:0.000}
img[src$="musteriler/arcelik.png"]{--a:4.045;--sa:2.011;--cw:0.667;--dx:-0.001;--dy:0.000}
img[src$="musteriler/avize-merkezi.png"]{--a:1.430;--sa:1.196;--cw:0.357;--dx:-0.001;--dy:0.000}
img[src$="musteriler/avon.png"]{--a:4.429;--sa:2.104;--cw:0.698;--dx:-0.001;--dy:-0.004}
img[src$="musteriler/banabikurye.png"]{--a:5.745;--sa:2.397;--cw:0.790;--dx:0.000;--dy:-0.004}
img[src$="musteriler/blawins.png"]{--a:3.189;--sa:1.786;--cw:0.590;--dx:0.000;--dy:0.000}
img[src$="musteriler/bombacio.png"]{--a:2.542;--sa:1.594;--cw:0.527;--dx:-0.001;--dy:-0.004}
img[src$="musteriler/carrefoursa.png"]{--a:7.391;--sa:2.719;--cw:0.850;--dx:0.000;--dy:0.000}
img[src$="musteriler/cekim.png"]{--a:2.372;--sa:1.540;--cw:0.510;--dx:0.000;--dy:0.000}
img[src$="musteriler/chanex.png"]{--a:2.859;--sa:1.691;--cw:0.557;--dx:-0.001;--dy:0.000}
img[src$="musteriler/colins.png"]{--a:3.970;--sa:1.992;--cw:0.655;--dx:-0.005;--dy:0.000}
img[src$="musteriler/cordinat.png"]{--a:3.765;--sa:1.940;--cw:0.640;--dx:0.000;--dy:0.000}
img[src$="musteriler/enpara.png"]{--a:2.974;--sa:1.725;--cw:0.573;--dx:-0.001;--dy:-0.004}
img[src$="musteriler/evenmod.png"]{--a:1.290;--sa:1.136;--cw:0.323;--dx:-0.001;--dy:0.000}
img[src$="musteriler/franke.png"]{--a:3.093;--sa:1.759;--cw:0.580;--dx:0.000;--dy:-0.004}
img[src$="musteriler/hepsiburada.png"]{--a:5.981;--sa:2.446;--cw:0.807;--dx:-0.001;--dy:0.000}
img[src$="musteriler/huawei.png"]{--a:0.980;--sa:0.990;--cw:0.245;--dx:0.000;--dy:0.000}
img[src$="musteriler/karaca.png"]{--a:1.740;--sa:1.319;--cw:0.435;--dx:0.000;--dy:0.000}
img[src$="musteriler/koc.png"]{--a:3.361;--sa:1.833;--cw:0.605;--dx:0.000;--dy:0.000}
img[src$="musteriler/korkmaz.png"]{--a:3.910;--sa:1.977;--cw:0.655;--dx:0.000;--dy:-0.004}
img[src$="musteriler/levendan.png"]{--a:1.730;--sa:1.315;--cw:0.432;--dx:-0.001;--dy:0.000}
img[src$="musteriler/macfit.png"]{--a:4.123;--sa:2.031;--cw:0.670;--dx:0.000;--dy:-0.004}
img[src$="musteriler/masmood.png"]{--a:5.241;--sa:2.289;--cw:0.760;--dx:0.000;--dy:0.000}
img[src$="musteriler/maysev-tekstil.png"]{--a:6.519;--sa:2.553;--cw:0.848;--dx:-0.001;--dy:0.000}
img[src$="musteriler/migros.png"]{--a:5.351;--sa:2.313;--cw:0.762;--dx:-0.001;--dy:-0.004}
img[src$="musteriler/misk-kokulu-cocuklar.png"]{--a:0.740;--sa:0.860;--cw:0.185;--dx:0.000;--dy:0.000}
img[src$="musteriler/oinon.png"]{--a:2.488;--sa:1.577;--cw:0.522;--dx:-0.001;--dy:0.000}
img[src$="musteriler/ozdilek.png"]{--a:4.000;--sa:2.000;--cw:0.660;--dx:-0.003;--dy:0.000}
img[src$="musteriler/pasabahce.png"]{--a:5.571;--sa:2.360;--cw:0.780;--dx:0.000;--dy:0.000}
img[src$="musteriler/rkn-suzer.png"]{--a:0.760;--sa:0.872;--cw:0.190;--dx:0.000;--dy:0.000}
img[src$="musteriler/story.png"]{--a:2.273;--sa:1.508;--cw:0.500;--dx:0.000;--dy:0.000}
img[src$="musteriler/toobees.png"]{--a:3.557;--sa:1.886;--cw:0.623;--dx:-0.001;--dy:0.000}
img[src$="musteriler/vestir-fashion.png"]{--a:1.410;--sa:1.187;--cw:0.352;--dx:-0.001;--dy:0.000}
img[src$="musteriler/yamaha.png"]{--a:5.351;--sa:2.313;--cw:0.762;--dx:-0.001;--dy:-0.004}
img[src$="musteriler/zula.png"]{--a:2.530;--sa:1.591;--cw:0.525;--dx:0.000;--dy:-0.004}

/* 16.10 — Mobil form: hizmet seçenekleri ve etiketler eşit 2 sütunlu ızgarada */
@media (max-width: 809px) {
    .checkbox-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
    .checkbox-btn { gap: 12px; min-width: 0; }
    .checkbox-btn .checkbox-label { min-width: 0; overflow-wrap: anywhere; line-height: 1.25; }
    .radio-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .radio-btns .radio-btn label { display: block; text-align: center; padding: 18px 12px; }
}

/* Mobil ana sayfa hero: "Türkiye merkezli kreatif ajans" bloğu yukarı alındı (gereksiz üst boşluk kaldırıldı) */
@media (max-width: 809px) {
    .hero-sec:not(.about-hero-sec) .hero-inner .hero-top { padding-top: 12px; }
}

/* =========================================================
   Gradyan metin kesilmesi düzeltmesi (tüm site)
   KÖK NEDEN: Hero başlıkları (h1/h2) ve .section-title2 "background-clip: text" ile
   boyanıyor. Bu teknikte metin yalnızca elemanın kendi kutusunun (padding dahil)
   içinde görünür; satır yüksekliği = punto (74/74, 96/96) olduğundan ğ ç ş y g p gibi
   alt uzantılar kutunun altına taşıp düz kesiliyordu. style.css her kenara 14px/7px
   tampon (padding + eşit negatif margin) veriyordu, ancak yukarıdaki
   "padding-bottom: 0.06em" satırı alt tamponu ~4px'e düşürmüştü.
   ÇÖZÜM: alt tamponu punto ile orantılı (em) geri veriyoruz; eşit negatif margin
   sayesinde sayfa düzeni (boşluklar, hizalar) değişmiyor. Üst/sağ/sol aynı kalır.
   ========================================================= */
.hero-sec .hero-bottom :is(h1,h2):not(.caka-brand-h) {
    padding-bottom: 0.3em;
    margin-bottom: -0.43em;
}
.section-title.section-title2 {
    padding-top: 0.12em;
    margin-top: -0.12em;
    padding-bottom: 0.2em;
    margin-bottom: -0.21em;
}

/* =========================================================
   Ana sayfa hero videosu — E-Katalog sayfasındaki slider ile aynı görünüm
   (tam genişlik, object-fit: cover, obje sağda; sol/alt karartma; açılışta 1.12 → 1 yerleşme).
   Aşağı kaydırınca küçülen GSAP animasyonu (.hero-video üzerinde) olduğu gibi çalışır.
   ========================================================= */
.hero-sec:has(.hero-video):not(.about-hero-sec) { overflow-x: clip; }
.hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner { overflow: visible; }
.hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner .hero-video {
    left: calc(50% - 50vw); right: auto; width: 100vw; top: 0; height: 100%; margin: 0; background: #000;
}
.hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner .hero-video video {
    position: absolute; inset: 0; left: 0; top: 0; width: 100%; max-width: none; height: 100%; aspect-ratio: auto;
    object-fit: cover; object-position: 72% 50%; opacity: 1; filter: none;
    -webkit-mask-image: none; mask-image: none;
    transform: scale(1.12); animation: cakaVideoSettle 7.5s cubic-bezier(.2, .6, .2, 1) forwards;
}
.hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner .hero-video::after {
    display: block; content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; mix-blend-mode: normal;
    background:
        linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.15) 100%),
        linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 45%);
}
@keyframes cakaVideoSettle { from { transform: scale(1.12); } to { transform: scale(1); } }
@media (max-width: 809px) {
    .hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner .hero-video video { object-position: 60% 50%; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-sec:has(.hero-video):not(.about-hero-sec) .hero-inner .hero-video video { animation: none; transform: none; }
}

/* ---------- Tema uyumlu tarih seçici (datepicker.js) ---------- */
.contact-form .caka-dp { position: relative; width: 100%; }
.contact-form .caka-dp input[type=date] { width: 100%; padding-right: 64px; }
.contact-form .caka-dp input[type=date]::-webkit-calendar-picker-indicator { display: none; }
.caka-dp-btn {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 50%; background: transparent; color: #c9c5cc; cursor: pointer;
    transition: background .25s, color .25s;
}
.caka-dp-btn:hover, .caka-dp-btn[aria-expanded="true"] { background: rgba(255, 255, 255, .08); color: #fff; }
.caka-dp-btn:focus-visible { outline: 2px solid var(--caka-red-hi); outline-offset: 2px; }
.caka-dp-pop {
    position: absolute; z-index: 60; left: 0; top: calc(100% + 10px); width: min(330px, calc(100vw - 32px));
    padding: 18px 18px 14px; border-radius: 20px; background: #0c0b0b; border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .65); color: #fff; font-size: 15px;
}
.caka-dp-pop.is-up { top: auto; bottom: calc(100% + 10px); }
.caka-dp-pop::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(70% 45% at 100% 0%, rgba(225, 25, 50, .16), transparent 70%); }
.caka-dp-head { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.caka-dp-title { font-size: 16px; text-transform: capitalize; letter-spacing: .01em; }
.caka-dp-nav { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .16); background: transparent; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; transition: border-color .25s, background .25s; }
.caka-dp-nav:hover:not(:disabled) { border-color: #fff; background: rgba(255, 255, 255, .07); }
.caka-dp-nav:disabled { opacity: .3; cursor: default; }
.caka-dp-grid { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.caka-dp-wd { padding: 6px 0 8px; text-align: center; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--caka-grey); }
.caka-dp-day { aspect-ratio: 1; border: 1px solid transparent; border-radius: 50%; background: transparent; color: #e9e6ec; font-size: 14px; cursor: pointer; transition: background .2s, border-color .2s; }
.caka-dp-day:hover:not(:disabled) { background: rgba(255, 255, 255, .1); }
.caka-dp-day:focus-visible { outline: 2px solid var(--caka-red-hi); outline-offset: 1px; }
.caka-dp-day.is-today { border-color: rgba(255, 255, 255, .4); }
.caka-dp-day.is-sel { background: var(--caka-red); border-color: var(--caka-red); color: #fff; font-weight: 600; }
.caka-dp-day:disabled { color: #4d4a50; cursor: default; }
.caka-dp-foot { position: relative; display: flex; justify-content: space-between; margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .1); }
.caka-dp-link { border: 0; background: transparent; padding: 6px 4px; color: var(--caka-red-hi); font-size: 14px; cursor: pointer; }
.caka-dp-link:hover { color: #fff; }

/* ---------- Form gönderim mesajları (başarılı / hatalı) ---------- */
:is(#result, .sp-result, .ct-result):not(:empty) {
    display: flex; align-items: flex-start; gap: 12px; margin-top: 18px; padding: 14px 18px; border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: #fff; font-size: 15px; line-height: 1.55;
}
:is(#result, .sp-result, .ct-result):not(:empty)::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 8px; border-radius: 50%; background: #9a96a0; }
:is(#result, .sp-result, .ct-result).text-red-500:not(:empty) { border-color: rgba(255, 42, 77, .5); background: rgba(255, 42, 77, .08); color: #fff; }
:is(#result, .sp-result, .ct-result).text-red-500:not(:empty)::before { background: var(--caka-red-hi); box-shadow: 0 0 10px var(--caka-red-hi); }
:is(#result, .sp-result, .ct-result).text-green-500:not(:empty) { border-color: rgba(61, 220, 132, .45); background: rgba(61, 220, 132, .07); color: #fff; }
:is(#result, .sp-result, .ct-result).text-green-500:not(:empty)::before { background: #3ddc84; box-shadow: 0 0 10px #3ddc84; }
:is(#result, .sp-result, .ct-result) a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* =========================================================
   17.10 — Hero: tarayıcı %100 iken (Windows %125 ölçekli dizüstü = ~1534×680 CSS px)
   ana sayfa girişi tek ekrana sığsın. Önce yazı ve boşluklar ekran YÜKSEKLİĞİNE göre
   küçülür; çok kısa ekranda bile hiçbir şey kesilmez (içerik uzunsa sayfa doğal uzar).
   ========================================================= */
@media (min-width: 901px) {
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-inner {
        height: auto;
        min-height: 100vh;
        min-height: 100svh;
        box-sizing: border-box;
        padding-bottom: clamp(20px, 5vh, 56px);
        gap: clamp(16px, 3vh, 48px);
    }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top {
        padding-top: clamp(108px, 15.5vh, 140px);
    }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top .hero-top-desc { gap: clamp(10px, 2.4vh, 22px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top p {
        font-size: clamp(14px, 2.1vh, 17px);
        line-height: 1.65;
    }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top .author-info { padding-top: clamp(14px, 3.4vh, 40px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top .author-info::before { margin-bottom: clamp(12px, 2.6vh, 26px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top .author-info h4 { font-size: clamp(22px, 3.6vh, 32px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top .author-info span { font-size: clamp(14px, 2.1vh, 17px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-bottom :is(h1,h2) {
        font-size: clamp(46px, 11.5vh, 96px);
        line-height: 1.04;
    }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-bottom :is(h1,h2).caka-brand-h { margin-top: clamp(8px, 2vh, 22px); }
}
/* Çok kısa ekran (≈600–660px) ve butonun başlığın altına indiği genişlikler: biraz daha sıkı */
@media (min-width: 901px) and (max-height: 700px) {
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-bottom { row-gap: clamp(10px, 2vh, 20px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-bottom :is(h1,h2) { font-size: clamp(42px, 9.6vh, 96px); }
    .hero-sec:not(.about-hero-sec):not(.caka-bg-proje) .hero-top p { line-height: 1.55; }
}

/* "Birlikte üretelim": sabit gerçekçi kırmızı logo (zemine düşen kendi gölgesiyle). Yalnızca masaüstünde görünür. */
.contact-sec .right .img-box:has(.caka-logo-static) {
    display: block; height: 620px; padding: 0; border: 0; border-radius: 0; background: none;
}
.caka-logo-static { width: 100%; height: 100%; }
.caka-logo-static img { display: block; width: 100%; height: 100%; object-fit: contain; animation: none; }
@media (max-width: 1200px) {
    .contact-sec .right { display: none !important; }
}

/* "Birlikte üretelim": düz kırmızı CAKA sembolü — bölüm yüksekliğinde, sağ kenara taşan büyük vektör (3D logo kaldırıldı) */
.contact-sec .right .img-box:has(.caka-logo-flat) { position: relative; display: block; height: 660px; overflow: visible; }
.caka-logo-flat { position: absolute; top: -20px; right: -72px; bottom: 0; width: auto; height: auto; pointer-events: none; }
.caka-logo-flat svg { display: block; height: 100%; width: auto; fill: #b7122d; }
@media (max-width: 1200px) { .contact-sec .right { display: none !important; } }

/* =========================================================
   Sponsorluk + Catering hero: fotoğraf arka planı
   Fotoğraf sağda geniş durur, sol taraf sayfa zemin rengine yumuşakça geçer.
   Maske kullanılmaz: kenar, zemin rengindeki örtüyle kapatıldığı için fotoğraf karesinin çizgisi görünmez.
   ========================================================= */
.sponsor-page .caka-hero-v2 .caka-hero-photo,
.catering-page .caka-hero-v2 .caka-hero-photo {
    left: calc(50% - 50vw); right: auto; width: 100vw; top: 0; bottom: 0; overflow: hidden;
    background: transparent; isolation: auto; -webkit-mask-image: none; mask-image: none;
}
.sponsor-page .caka-hero-v2 .caka-hero-photo img,
.catering-page .caka-hero-v2 .caka-hero-photo img {
    position: absolute; left: 26vw; top: 0; width: 74vw; height: 100%;
    object-fit: cover; mix-blend-mode: normal;
    filter: grayscale(1) contrast(1.1) brightness(.8);
}
.sponsor-page .caka-hero-v2 .caka-hero-photo img { object-position: 26% 50%; }
.catering-page .caka-hero-v2 .caka-hero-photo img { object-position: 75% 50%; }
/* kenar örtüsü (sol + alt): sayfa zemin rengi, fotoğrafın kenarından başlayıp yavaşça şeffaflaşır */
.sponsor-page .caka-hero-v2 .caka-hero-photo::before,
.catering-page .caka-hero-v2 .caka-hero-photo::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
        linear-gradient(0deg, #080808 0%, rgba(8,8,8,.8) 8%, rgba(8,8,8,.45) 16%, rgba(8,8,8,.15) 24%, rgba(8,8,8,0) 32%),
        linear-gradient(90deg, #080808 0, #080808 26vw, rgba(8,8,8,.97) 29vw, rgba(8,8,8,.9) 33vw, rgba(8,8,8,.78) 38vw,
            rgba(8,8,8,.6) 44vw, rgba(8,8,8,.4) 50vw, rgba(8,8,8,.22) 57vw, rgba(8,8,8,.08) 65vw, rgba(8,8,8,0) 74vw);
}
/* kırmızı ton + üst karartma (menü yazıları okunsun); örtünün ALTINDA kalır */
.sponsor-page .caka-hero-v2 .caka-hero-photo::after,
.catering-page .caka-hero-v2 .caka-hero-photo::after {
    inset: 0; z-index: 0; mix-blend-mode: multiply;
    background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 22%),
                linear-gradient(200deg, rgba(201,19,48,0) 35%, rgba(201,19,48,.5) 100%);
}
/* hero içindeki kırmızı ayraç çizgisi kaldırıldı */
.sponsor-page .hero-top .author-info::before,
.catering-page .hero-top .author-info::before { display: none; }
.sponsor-page .hero-top .author-info,
.catering-page .hero-top .author-info { padding-top: 0; margin-top: 34px; }
/* mobil: fotoğraf tüm genişlikte, üstte/solda karartma */
@media (max-width: 809px) {
    .sponsor-page .caka-hero-v2 .caka-hero-photo img,
    .catering-page .caka-hero-v2 .caka-hero-photo img { left: 0; width: 100%; opacity: .9; }
    .sponsor-page .caka-hero-v2 .caka-hero-photo::before,
    .catering-page .caka-hero-v2 .caka-hero-photo::before {
        background: linear-gradient(0deg, #080808 0%, rgba(8,8,8,.7) 30%, rgba(8,8,8,0) 60%),
                    linear-gradient(90deg, rgba(8,8,8,.85) 0%, rgba(8,8,8,.35) 100%);
    }
}
/* Fotoğraf iç kutuda kırpılmasın: ekranın iki kenarına kadar uzansın */
.sponsor-page .sp-hero, .catering-page .ct-hero { overflow-x: clip; }
.sponsor-page .sp-hero .hero-inner, .catering-page .ct-hero .hero-inner { overflow: visible; }

/* Mobil menü — merkez ofis adresi en altta */
.caka-mnav-foot .caka-mnav-addr {
    display: flex; flex-direction: column; gap: 6px; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px; line-height: 1.5; color: var(--caka-grey, #A7A3AA);
}
.caka-mnav-foot .caka-mnav-addr .caka-mnav-addr-t { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--caka-red-hi); }
.caka-mnav-foot .caka-mnav-social { margin-bottom: 28px; }

/* =========================================================
   18.10 — Proje detay hero'su ekranı %100 doldurur (kırmızı alan + yazılar tek ekrana sığar)
   İçerik ekrandan uzunsa sayfa doğal uzar, hiçbir şey kesilmez.
   ========================================================= */
@media (min-width: 810px) {
    .caka-bg-proje .hero-inner {
        height: auto;
        min-height: 100vh;
        min-height: 100svh;
        box-sizing: border-box;
        justify-content: space-between;
        gap: clamp(20px, 5vh, 120px);
        padding-top: 0;
        padding-bottom: clamp(32px, 7vh, 88px);
    }
    .caka-bg-proje .hero-top { padding-top: clamp(104px, 15vh, 140px); }
    .caka-bg-proje .hero-bottom :is(h1,h2) { font-size: clamp(44px, min(5.6vw, 10.5vh), 92px); }
}
@media (min-width: 810px) and (max-height: 700px) {
    .caka-bg-proje .hero-top { padding-top: clamp(92px, 14vh, 110px); }
}

/* =========================================================
   Takvim (özel tarih seçici) — sponsorluk formundaki genel buton stili
   (.contact-sec-2 .contact-form .input-group button: beyaz zemin) takvim düğmelerini boyuyordu.
   ========================================================= */
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-btn {
    width: 42px; height: 42px; padding: 0; border-radius: 50%; background: transparent; color: #c9c5cc;
    text-transform: none; font-size: inherit; line-height: normal;
}
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-btn:hover,
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-btn[aria-expanded="true"] { background: rgba(255, 255, 255, .08); color: #ffffff; }
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-nav {
    width: 36px; height: 36px; padding: 0; border-radius: 50%; background: transparent; color: #ffffff;
    text-transform: none; font-size: 22px; line-height: 1;
}
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-nav:hover:not(:disabled) { border-color: #ffffff; background: rgba(255, 255, 255, .07); }
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-day {
    padding: 0; border-radius: 50%; background: transparent; color: #e9e6ec;
    text-transform: none; font-size: 14px; line-height: normal;
}
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-day:hover:not(:disabled) { background: rgba(255, 255, 255, .1); }
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-day.is-sel { background: var(--caka-red); border-color: var(--caka-red); color: #ffffff; font-weight: 600; }
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-day:disabled { color: #4d4a50; background: transparent; }
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-link {
    padding: 6px 4px; border-radius: 0; background: transparent; color: var(--caka-red-hi);
    text-transform: none; font-size: 14px; line-height: normal;
}
.contact-sec-2 .contact-form .input-group .caka-dp .caka-dp-link:hover { color: #ffffff; background: transparent; }

/* Mobil menü — merkez ofis adresi biraz daha yukarıda */
.caka-mnav-foot .caka-mnav-addr { margin-bottom: clamp(56px, 12vh, 120px); }

/* Onay kutusu etiketindeki bağlantılar (KVKK / Başvuru Aydınlatma Metni): görünmez checkbox üstlerini kapatmasın, tıklanabilir olsun */
.checkbox-btn .checkbox-label a,
.single-checkbox .checkbox-label a { position: relative; z-index: 5; pointer-events: auto; cursor: pointer; }

/* Blog hero fotoğrafı: dikdörtgen kenar/köşe belli olmasın — oval (radyal) yumuşak geçiş + sağ kenarda da erime */
.blog-page .caka-hero-v2 .caka-hero-photo img { filter: grayscale(1) contrast(1.12) brightness(.8); }
@media (min-width: 810px) {
    .blog-page .caka-hero-v2 .caka-hero-photo {
        width: 66%;
        -webkit-mask-image:
            radial-gradient(ellipse 64% 66% at 66% 50%, #000 0%, rgba(0,0,0,.85) 28%, rgba(0,0,0,.5) 55%, rgba(0,0,0,.18) 78%, transparent 100%),
            linear-gradient(270deg, transparent 0%, rgba(0,0,0,.5) 8%, #000 24%);
        -webkit-mask-composite: source-in;
                mask-image:
            radial-gradient(ellipse 64% 66% at 66% 50%, #000 0%, rgba(0,0,0,.85) 28%, rgba(0,0,0,.5) 55%, rgba(0,0,0,.18) 78%, transparent 100%),
            linear-gradient(270deg, transparent 0%, rgba(0,0,0,.5) 8%, #000 24%);
                mask-composite: intersect;
    }
}
@media (max-width: 809px) {
    .blog-page .caka-hero-v2 .caka-hero-photo {
        width: 100vw; top: 28%; opacity: .9;
        -webkit-mask-image: radial-gradient(ellipse 85% 62% at 55% 50%, #000 0%, rgba(0,0,0,.8) 35%, rgba(0,0,0,.4) 65%, transparent 100%);
                mask-image: radial-gradient(ellipse 85% 62% at 55% 50%, #000 0%, rgba(0,0,0,.8) 35%, rgba(0,0,0,.4) 65%, transparent 100%);
    }
}