:root{--media-red:#d71920;--media-ink:#17191f;--media-muted:#68707d;--media-line:#e7e9ed}
.brand-image{display:flex;align-items:center;flex:0 0 auto;width:154px;height:66px;overflow:visible}
.brand-image picture{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:visible}
.brand-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}
.footer-logo{display:block;width:210px;height:86px;margin:-8px 0 10px;overflow:hidden}
.footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.site-footer{background:#fff!important;color:var(--media-ink)!important;border-top:1px solid var(--media-line)}
.site-footer h3,.site-footer strong{color:var(--media-ink)!important}.site-footer p,.site-footer a{color:#5d6570!important}.site-footer a:hover{color:var(--media-red)!important}
.site-footer .phone-link svg,.site-footer .social-row svg{fill:currentColor}.footer-bottom{border-top-color:var(--media-line)!important;color:#7b8189!important}
.header-actions .icon-button.social-youtube,.site-footer .social-row a.social-youtube{background:#ff0000;color:#fff!important}
.header-actions .icon-button.social-instagram,.site-footer .social-row a.social-instagram{background:linear-gradient(145deg,#405de6 0%,#833ab4 32%,#c13584 53%,#f56040 76%,#fcaf45 100%);color:#fff!important}
.header-actions .icon-button.social-tiktok,.site-footer .social-row a.social-tiktok{background:#111;color:#fff!important;box-shadow:2px 0 0 #25f4ee,-2px 0 0 #fe2c55}
.header-actions .icon-button.social-facebook,.site-footer .social-row a.social-facebook{background:#1877f2;color:#fff!important}
.header-actions .icon-button.social-x,.site-footer .social-row a.social-x{background:#050505;color:#fff!important}
.header-actions .icon-button.social-linkedin,.site-footer .social-row a.social-linkedin{background:#0a66c2;color:#fff!important}
.header-actions .icon-button.social-whatsapp,.site-footer .social-row a.social-whatsapp{background:#25d366;color:#fff!important}
.header-actions .icon-button[class*="social-"]{margin-inline:2px;padding:8px;box-shadow:0 4px 12px rgba(17,20,28,.13)}
.header-actions .icon-button[class*="social-"]:hover{filter:brightness(1.08);transform:translateY(-1px) scale(1.04)}
.site-footer .social-row a.social-link{border:0;box-shadow:0 5px 14px rgba(17,20,28,.16)}
.site-footer .social-row a.social-link:hover{filter:brightness(1.08);transform:translateY(-2px)}
.floating-socials{position:fixed;right:18px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.floating-social{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:15px;color:#fff!important;box-shadow:0 9px 24px rgba(17,20,28,.2);transition:transform .2s ease,box-shadow .2s ease;width:46px;overflow:hidden;text-decoration:none}
.floating-social svg{width:23px;height:23px;flex:0 0 23px;fill:currentColor}.floating-social span{position:absolute;right:55px;padding:7px 10px;border-radius:8px;background:#15171c;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(6px);transition:.2s}
.floating-social:hover,.floating-social:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,20,28,.28)}.floating-social:hover span,.floating-social:focus-visible span{opacity:1;transform:none}
.floating-youtube{background:#f00}.floating-instagram{background:linear-gradient(145deg,#5b51d8 5%,#c13584 42%,#f56040 72%,#fcaf45)}.floating-tiktok{background:#101116}.floating-facebook{background:#1877f2}
.floating-x{background:#050505}.floating-linkedin{background:#0a66c2}.floating-whatsapp{background:#25d366}
.media-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#16181e 0%,#272b34 70%,#3a1719 100%);color:#fff;padding:82px 0 76px}.media-hero:after{content:"";position:absolute;width:420px;height:420px;border:100px solid rgba(215,25,32,.13);border-radius:50%;right:-150px;top:-180px}.media-hero .container{position:relative;z-index:1}.media-hero .eyebrow{color:#ff7d82}.media-hero h1{max-width:760px;margin:12px 0 14px;font-size:clamp(42px,7vw,78px);line-height:.96}.media-hero p{max-width:700px;margin:0;color:#d8dbe1;font-size:clamp(17px,2vw,21px);line-height:1.65}
.media-section{padding:72px 0 92px;background:#f7f7f8}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.media-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid var(--media-line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(27,30,37,.06);transition:transform .25s ease,box-shadow .25s ease}.media-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(27,30,37,.12)}
.media-card-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,#f1f2f4,#fff);overflow:hidden}.media-card-visual img{width:100%;height:100%;object-fit:cover}.media-card-visual.logo-visual img{width:66%;height:66%;object-fit:contain}.media-card-play{position:absolute;width:58px;height:58px;border:0;border-radius:50%;background:rgba(215,25,32,.94);color:#fff;font-size:21px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.22)}
.media-card-body{display:flex;flex:1;flex-direction:column;padding:24px}.media-meta{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--media-red);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.media-meta i{width:4px;height:4px;border-radius:50%;background:#c9cdd3}.media-card h2{margin:0 0 11px;font-size:22px;line-height:1.25;color:var(--media-ink)}.media-card p{margin:0 0 20px;color:var(--media-muted);line-height:1.65}.media-card .text-link{display:inline-flex;align-self:flex-start;margin-top:auto;padding:0;border:0;background:none;color:var(--media-red);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.media-empty{grid-column:1/-1;padding:55px 28px;text-align:center;border:1px dashed #cfd3d9;border-radius:22px;background:#fff}.media-empty h2{margin:0 0 8px}.media-empty p{margin:0;color:var(--media-muted)}
.media-social-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px;padding:30px;border-radius:22px;background:#181a20;color:#fff}.media-social-callout h2{margin:0 0 6px}.media-social-callout p{margin:0;color:#c9ccd2}.media-social-links{display:flex;gap:9px;flex-wrap:wrap}.media-social-links a{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#2a2d35;color:#fff}.media-social-links svg{width:21px;height:21px;fill:currentColor}
@media(max-width:1180px){.desktop-nav{gap:10px!important}.desktop-nav a{font-size:10px!important}.brand-image{width:132px}.header-actions>a.icon-button{display:none!important}}
@media(max-width:900px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-image{width:145px;height:62px}.floating-socials{bottom:78px;right:11px;gap:7px}.floating-social{width:42px;height:42px;border-radius:13px}.floating-social svg{width:21px;height:21px}.floating-social span{display:none}}
@media(max-width:620px){.media-hero{padding:58px 0 54px}.media-section{padding:46px 0 76px}.media-grid{grid-template-columns:1fr}.media-social-callout{align-items:flex-start;flex-direction:column;padding:24px}.footer-logo{width:185px;height:74px}}
@media(prefers-reduced-motion:reduce){.floating-social,.media-card{transition:none}}

/* Hero metnini ve aksiyonlarını her ekran boyutunda banner sınırları içinde tutar. */
html,body{max-width:100%;overflow-x:hidden}
.hero-slider{width:100%;max-width:100vw}
.hero-copy{min-width:0}
.hero-copy h1{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.35rem,3.5vw,4rem)!important;line-height:1.02!important}
.hero-actions{max-width:100%}
.hero-actions .btn{min-width:0;white-space:normal;text-align:center}

@media(max-width:720px){
  .wide-container,.container{width:min(1380px,calc(100% - 28px))!important}
  .hero-slider{height:clamp(500px,125vw,590px)!important;min-height:0!important;max-height:none!important;isolation:isolate;z-index:20}
  .hero-slide{background-image:var(--hero-mobile-image,var(--hero-image));background-position:center center}
  .hero-content{align-items:flex-end!important;padding:30px 0 50px!important}
  .hero-copy{flex:0 0 calc(100vw - 28px)!important;width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;min-width:0!important;padding:0!important}
  .hero-copy h1{max-width:100%;margin:10px 0!important;font-size:clamp(1.25rem,5.5vw,1.6rem)!important;line-height:1.05!important;letter-spacing:-.035em!important;text-wrap:pretty}
  .hero-copy p{display:-webkit-box;margin:0 0 10px!important;overflow:hidden;font-size:.84rem!important;line-height:1.4!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .hero-meta{flex-wrap:wrap;row-gap:4px;font-size:.7rem}
  .hero-meta span+span:before{margin:0 7px}
  .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:8px!important;margin-top:14px!important}
  .hero-actions .btn{width:100%;max-width:100%;min-width:0;min-height:42px!important;padding:0 6px!important;overflow:hidden;font-size:.56rem!important;line-height:1.15;white-space:nowrap!important}
  .hero-actions .btn svg{width:17px;height:17px;flex:0 0 17px}
  .slider-dots{bottom:15px!important}
  .floating-socials{z-index:145!important;right:10px!important;bottom:82px!important}
  .bottom-nav{z-index:150!important;height:70px!important;padding:6px 8px calc(5px + env(safe-area-inset-bottom));background:var(--bottom-bg,#fff)!important;box-shadow:0 -8px 28px rgba(var(--bottom-shadow,17,20,28),.11)}
  .bottom-nav.no-shadow{box-shadow:none!important}
  .bottom-nav a{--nav-color:#e51c30;display:flex!important;flex:1;min-width:0;height:58px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--bottom-text,#30343b)!important;font-size:inherit!important;font-weight:700}
  .bottom-nav a.bottom-home{--nav-color:#e51c30}.bottom-nav a.bottom-videos{--nav-color:#ff0033}.bottom-nav a.bottom-live{--nav-color:#19a55a}.bottom-nav a.bottom-categories{--nav-color:#7c3aed}
  .bottom-nav svg{display:block;width:31px;height:31px;padding:7px;border-radius:11px;background:var(--nav-color);fill:#fff;filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--nav-color) 34%,transparent))}
  .bottom-nav svg .icon-cut{fill:var(--nav-color)}
  .bottom-nav svg .icon-stroke{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}
  .bottom-nav span{font-size:.66rem!important;line-height:1;white-space:nowrap}
  .page-home .bottom-home,.page-videos .bottom-videos,.page-live .bottom-live{color:var(--nav-color)!important}
}

/* =========================================================
   HEADER SOCIAL ICONS - CANLI MARKA RENKLERI
   Floating sosyal butonlarla ayni gorunum
   ========================================================= */

.header-actions a.icon-button[class*="social-"]{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:8px !important;
    border-radius:50% !important;

    opacity:1 !important;
    visibility:visible !important;

    color:#fff !important;
    border:0 !important;

    box-shadow:
        0 5px 14px rgba(17,20,28,.22),
        inset 0 0 0 1px rgba(255,255,255,.08) !important;

    transition:
        transform .2s ease,
        filter .2s ease,
        box-shadow .2s ease !important;
}

/* YouTube */
.header-actions a.icon-button.social-youtube{
    background:#ff0000 !important;
}

/* Instagram */
.header-actions a.icon-button.social-instagram{
    background:
        linear-gradient(
            145deg,
            #405de6 0%,
            #5851db 18%,
            #833ab4 35%,
            #c13584 52%,
            #e1306c 64%,
            #fd1d1d 76%,
            #f56040 86%,
            #fcaf45 100%
        ) !important;
}

/* TikTok */
.header-actions a.icon-button.social-tiktok{
    background:#101116 !important;

    box-shadow:
        2px 0 0 #25f4ee,
        -2px 0 0 #fe2c55,
        0 5px 14px rgba(17,20,28,.24) !important;
}

/* Facebook */
.header-actions a.icon-button.social-facebook{
    background:#1877f2 !important;
}

/* SVG'ler kesinlikle soluklasmasin */
.header-actions a.icon-button[class*="social-"] svg{
    width:20px !important;
    height:20px !important;
    display:block !important;

    fill:#ffffff !important;
    color:#ffffff !important;
    stroke:none !important;

    opacity:1 !important;
}

/* Hover */
.header-actions a.icon-button[class*="social-"]:hover{
    color:#fff !important;
    opacity:1 !important;
    filter:brightness(1.08) saturate(1.15) !important;
    transform:translateY(-2px) scale(1.06) !important;

    box-shadow:
        0 8px 20px rgba(17,20,28,.28),
        inset 0 0 0 1px rgba(255,255,255,.12) !important;
}

.header-actions a.icon-button.social-tiktok:hover{
    box-shadow:
        2px 0 0 #25f4ee,
        -2px 0 0 #fe2c55,
        0 8px 20px rgba(17,20,28,.30) !important;
}