:root{
    --red:#e13833;
    --red-dark:#d52825;
    --navy:#2e3d44;
    --navy-deep:#24343c;
    --text:#2e3d44;
    --muted:#969ea1;
    --line:#eceff1;
    --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:#fff;
    color:var(--text);
    font-family:"Rubik",Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
.live-container{width:min(var(--max),calc(100% - 40px));margin:auto}

/* =========================================================
   HEADER - 20px top strip + 60px live main menu
   ========================================================= */
.live-header{
    position:relative;
    z-index:80;
    background:#fff;
}
.header-top{
    height:20px;
    background:#2d3d44;
    color:rgba(255,255,255,.75);
    font-size:12px;
}
.header-top-inner{
    width:min(var(--max),calc(100% - 40px));
    height:20px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.ticker{display:flex;align-items:center;gap:7px}
.ticker-dot{width:4px;height:4px;border-radius:50%;background:var(--red)}
.top-social{display:flex;height:20px}
.top-social a{
    width:25px;height:20px;
    display:grid;place-items:center;
    border-left:1px solid rgba(255,255,255,.10);
    font-size:9px;font-weight:600;
}
.header-main{
    height:60px;
    background:#fff;
    border-bottom:1px solid #e7eaec;
    box-shadow:0 6px 14px rgba(35,52,60,.04);
}
.header-main-inner{
    width:min(var(--max),calc(100% - 40px));
    height:60px;
    margin:auto;
    display:flex;
    align-items:stretch;
    position:relative;
}
.live-logo{
    width:118px;
    position:relative;
    flex:0 0 118px;
    z-index:5;
}
.live-logo img{
    position:absolute;
    top:0;
    left:0;
    width:96px;
    height:auto;
    max-height:none;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.08));
}
.live-nav{
    height:60px;
    display:flex;
    align-items:stretch;
    margin-left:10px;
}
.live-nav>a,.nav-item>a{
    height:60px;
    display:flex;
    align-items:center;
    padding:0 25px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#2e3d44;
    white-space:nowrap;
    transition:.15s;
}
.live-nav>a:hover,.nav-item:hover>a{color:var(--red)}
.nav-item{position:relative}
.nav-item>a b{
    margin-left:7px;
    font-size:10px;
    font-weight:500;
}
.dropdown{
    position:absolute;
    top:60px;left:0;
    min-width:235px;
    padding:9px 0;
    background:#fff;
    box-shadow:0 13px 32px rgba(18,34,42,.14);
    border-top:2px solid var(--red);
    opacity:0;
    visibility:hidden;
    transform:translateY(7px);
    transition:.18s;
}
.nav-item:hover .dropdown{
    opacity:1;
    visibility:visible;
    transform:none;
}
.dropdown a{
    display:block;
    padding:10px 18px;
    font-size:12px;
    border-bottom:1px solid #f0f2f3;
}
.dropdown a:hover{color:var(--red);background:#fafafa}

.panel-toggle{
    width:76px;
    margin-left:auto;
    border:0;
    background:#2e3d44;
    display:grid;
    place-content:center;
    grid-template-columns:repeat(3,5px);
    grid-template-rows:repeat(3,5px);
    gap:5px;
    cursor:pointer;
}
.panel-toggle i{
    display:block;
    width:5px;height:5px;
    background:#fff;
    border-radius:50%;
}
.mobile-toggle{display:none}

/* =========================================================
   HOME REVOLUTION-STYLE HERO
   Exact source assets from old Revolution Slider.
   ========================================================= */
.live-hero{
    position:relative;
    height:700px;
    overflow:hidden;
    background:#f7f7f7;
    border-bottom:1px solid var(--red);
}
.live-hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .55s ease;
    background-image:var(--hero-bg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.live-hero-slide.is-active{
    opacity:1;
    visibility:visible;
}
.hero-grid{
    position:relative;
    width:min(var(--max),calc(100% - 40px));
    height:700px;
    margin:auto;
}
.hero-copy{
    position:absolute;
    z-index:4;
    left:50px;
    top:138px;
    width:580px;
}
.hero-copy h1{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:64px;
    line-height:67px;
    letter-spacing:-2.5px;
    font-weight:700;
    color:#2e3d44;
}
.hero-copy h1 span{color:var(--red)}
.hero-text{
    width:548px;
    margin:28px 0 25px 22px;
    padding-left:19px;
    border-left:3px solid var(--red);
    font-size:22px;
    line-height:28px;
    color:#2e3d44;
}
.hero-button{
    display:inline-flex;
    align-items:stretch;
    height:46px;
    margin-left:1px;
    background:var(--red);
    border-radius:4px;
    overflow:hidden;
    color:#fff;
    font-family:"Rubik",Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    box-shadow:0 7px 18px rgba(225,56,51,.16);
}
.hero-button span{
    display:flex;
    align-items:center;
    padding:0 29px;
}
.hero-button b{
    width:46px;
    display:grid;
    place-items:center;
    color:var(--red);
    background:#fff;
    font-size:19px;
}
.hero-button:hover{background:#2e3d44}
.hero-person{
    position:absolute;
    z-index:3;
    bottom:0;
    object-fit:contain;
    object-position:bottom center;
}
.hero-person-about{
    width:618px;
    height:694px;
    right:34px;
}
.hero-person-current{
    width:510px;
    max-height:680px;
    right:82px;
}
.hero-person-tbmm{
    width:618px;
    max-height:688px;
    right:34px;
}
.hero-current .hero-copy{
    top:194px;
}
.hero-current .hero-copy h1{
    font-size:64px;
}
.hero-current .hero-text{
    margin-top:28px;
}
.hero-tbmm .hero-copy{
    top:165px;
}
.hero-tbmm .hero-copy h1{
    font-size:58px;
    line-height:63px;
}
.hero-side-nav{
    position:absolute;
    z-index:12;
    left:28px;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    gap:16px;
}
.hero-side-nav button{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0;
    border:0;
    background:transparent;
    color:#8e989d;
    cursor:pointer;
    font-size:12px;
}
.hero-side-nav i{
    width:8px;height:8px;
    border:1px solid #69777d;
    transform:rotate(45deg);
}
.hero-side-nav button.is-active i{
    background:var(--red);
    border-color:var(--red);
}
.hero-side-nav button.is-active span{color:var(--red)}
.hero-progress{
    position:absolute;
    z-index:15;
    left:0;right:0;bottom:0;
    height:3px;
    background:transparent;
}
.hero-progress span{
    display:block;
    width:0;
    height:3px;
    background:var(--red);
}

/* =========================================================
   GÜNCEL - denser Politono-like cards
   ========================================================= */
.current-section{
    background:#fafafa;
    padding:38px 0 66px;
}
.live-section-title{margin-bottom:25px}
.live-section-title>span{
    display:block;
    margin-bottom:4px;
    color:#5f6d74;
    font-family:"Rubik",Arial,sans-serif;
    font-size:14px;
    font-weight:400;
}
.live-section-title h2{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:36px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.4px;
    color:#2e3d44;
}
.current-featured{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}
.current-featured-card{
    position:relative;
    height:340px;
    overflow:hidden;
    border-radius:2px;
    background:#263840;
}
.current-featured-card>img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s;
}
.current-featured-card:hover>img{transform:scale(1.025)}
.card-darken{
    position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(14,26,33,.84) 0%,rgba(14,26,33,.05) 72%);
}
.current-featured-copy{
    position:absolute;
    z-index:3;
    left:0;right:0;bottom:0;
    padding:25px 26px;
    color:#fff;
}
.current-featured-copy small{
    display:inline-block;
    margin-bottom:8px;
    padding:5px 8px;
    background:var(--red);
    font-size:10px;
    font-weight:500;
}
.current-featured-copy h3{
    margin:0 0 9px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:23px;
    line-height:1.25;
    font-weight:600;
}
.current-featured-copy time{
    color:rgba(255,255,255,.72);
    font-size:10px;
}
.current-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:24px;
}
.current-card{
    background:#fff;
    border:1px solid #edf0f1;
    min-height:390px;
}
.current-card>a{display:block;height:100%}
.current-card-image{
    position:relative;
    height:190px;
    overflow:hidden;
    background:#e8ebed;
}
.current-card-image img{
    width:100%;height:100%;
    object-fit:cover;
}
.current-card-image span{
    position:absolute;
    right:8px;
    top:8px;
    padding:5px 8px;
    background:var(--red);
    color:#fff;
    font-size:9px;
    text-transform:uppercase;
}
.current-card h3{
    margin:18px 18px 9px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:600;
    color:#2e3d44;
}
.current-card p{
    margin:0 18px;
    color:#7b868b;
    font-size:12px;
    line-height:1.6;
}
.card-meta{
    margin:17px 18px 18px;
    padding-top:12px;
    border-top:1px solid #eff1f2;
    display:flex;
    justify-content:space-between;
    font-size:10px;
}
.card-meta time{color:#9aa2a5}
.card-meta b{color:var(--red);font-weight:500}
.current-compact{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px 24px;
    margin-top:25px;
}
.compact-news{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:14px;
    min-height:80px;
    background:#fff;
    border:1px solid #edf0f1;
}
.compact-news img{
    width:130px;height:80px;
    object-fit:cover;
}
.compact-news>div{padding:9px 10px 7px 0}
.compact-news small{
    display:block;
    color:var(--red);
    font-size:9px;
    margin-bottom:4px;
}
.compact-news strong{
    display:block;
    font-family:"Poppins",Arial,sans-serif;
    font-size:12px;
    line-height:1.3;
}
.compact-news time{
    display:block;
    margin-top:4px;
    color:#9aa2a5;
    font-size:12px;
}

/* =========================================================
   Existing lower sections - normalized to live width
   ========================================================= */
.tbmm-band{
    position:relative;
    padding:80px 0 66px;
    color:#fff;
    background:
        linear-gradient(rgba(39,49,63,.90),rgba(39,49,63,.90)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2023/12/meclis-t08.png') center/cover no-repeat;
}
.tbmm-title span{
    color:#fff;
    font-size:15px;
    font-weight:500;
}
.tbmm-title h2{
    margin:5px 0 10px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:34px;
    font-weight:600;
}
.tbmm-title p{
    max-width:650px;
    color:#d7dde0;
    font-size:13px;
    line-height:1.6;
}
.tbmm-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
    margin-top:28px;
}
.tbmm-card{
    grid-column:span 2;
    background:#fff;
    color:#2e3d44;
}
.tbmm-card.large{grid-column:span 3}
.tbmm-card img{
    width:100%;height:190px;object-fit:cover;
}
.tbmm-card.large img{height:260px}
.tbmm-card>div{padding:16px 17px}
.tbmm-card small{color:var(--red);font-size:9px}
.tbmm-card h3{
    margin:6px 0 8px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:15px;
    line-height:1.35;
    font-weight:600;
}
.tbmm-card.large h3{font-size:19px}
.tbmm-card time{color:#90999d;font-size:9px}

.proposal-wrap{
    width:min(var(--max),calc(100% - 40px));
    margin:54px auto 66px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    border-left:8px solid #edf0f1;
    border-right:8px solid #edf0f1;
}
.proposal-column{
    padding:24px 34px;
    border-right:1px solid #e7eaec;
}
.proposal-column:last-child{border-right:0}
.proposal-column h3{
    margin:0 0 10px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:17px;
}
.proposal-column p{
    min-height:38px;
    color:#7f898e;
    font-size:10px;
    line-height:1.5;
}
.proposal-column>a{
    display:block;
    padding:8px 0;
    border-top:1px solid #edf0f1;
    font-size:10px;
    line-height:1.35;
}
.proposal-column .more-link{color:var(--red)}

.latest-section{padding:20px 0 72px}
.latest-list{border-top:1px solid #edf0f1}
.latest-row{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:12px 0;
    border-bottom:1px solid #edf0f1;
}
.latest-row small{color:var(--red);font-size:9px}
.latest-row h3{
    margin:4px 0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    font-weight:600;
}
.latest-row time{font-size:9px;color:#969ea1}
.latest-row img{width:125px;height:68px;object-fit:cover}

/* Offcanvas */
.panel-backdrop{
    position:fixed;z-index:110;inset:0;
    background:rgba(22,32,38,.58);
    opacity:0;visibility:hidden;
    transition:.25s;
}
.panel-backdrop.is-open{opacity:1;visibility:visible}
.bio-panel{
    position:fixed;z-index:111;
    top:0;right:-420px;
    width:min(410px,92vw);
    height:100vh;
    padding:32px 30px 40px;
    overflow:auto;
    background:#2e3d44;
    color:#fff;
    transition:right .28s;
}
.bio-panel.is-open{right:0}
.panel-close{
    position:absolute;right:18px;top:10px;
    border:0;background:transparent;color:#fff;
    font-size:34px;cursor:pointer;
}
.bio-panel-sign{width:210px;margin:14px 0 25px}
.bio-panel-photo{width:100%;margin-bottom:25px}
.bio-panel small{color:#cfd6da}
.bio-panel h2{
    margin:6px 0 4px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:24px;
}
.bio-panel p{color:#dce2e4}
.panel-button{
    display:inline-block;
    margin:10px 0 22px;
    padding:11px 17px;
    background:var(--red);
    font-size:12px;
    text-transform:uppercase;
}
.panel-contact{display:grid;gap:8px;color:#d4dcdf;font-size:12px}

/* Interior pages retained from v0.3.0 */
.page-hero{background:#24343d;color:#fff;padding:70px 20px}
.page-hero-inner{width:min(var(--max),100%);margin:auto}
.page-hero h1{font-family:"Poppins",Arial,sans-serif;font-size:46px;margin:8px 0}
.page-hero p{max-width:760px;line-height:1.7;color:#d3dde2}
.archive-grid{width:min(var(--max),calc(100% - 40px));margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.archive-card{border-bottom:1px solid var(--line);padding-bottom:20px}
.archive-card img{width:100%;height:220px;object-fit:cover;margin-bottom:16px}
.archive-card h2{font-family:"Poppins";font-size:21px;line-height:1.25;margin:7px 0}
.archive-card p{color:#7b868b;line-height:1.55;font-size:13px}
.archive-card time{color:#969ea1;font-size:10px}
.content-detail{padding:66px 20px}
.content-detail-inner{max-width:900px;margin:auto}
.content-detail h1{font-family:"Poppins";font-size:48px;line-height:1.12;margin:12px 0 14px}
.content-meta{display:flex;gap:8px;flex-wrap:wrap}
.content-meta a{font-size:11px;color:var(--red);font-weight:500}
.detail-cover{width:100%;max-height:590px;object-fit:cover;margin:32px 0}
.detail-lead{font-size:19px;line-height:1.65;font-weight:600;margin-bottom:24px}
.detail-body,.page-content{font-size:16px;line-height:1.8;color:#263943}

.site-footer{
    margin-top:0;
    background:#263740;
    color:#fff;
}
.footer-inner{
    width:min(var(--max),calc(100% - 40px));
    margin:auto;
    padding:48px 0;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:40px;
}
.footer-brand img{width:210px}
.footer-brand p,.footer-contact{color:#cbd4d9;font-size:11px}
.footer-contact{display:grid;gap:8px}

/* =========================================================
   Responsive
   ========================================================= */
@media(max-width:1050px){
    .live-nav>a,.nav-item>a{padding:0 15px;font-size:12px}
    .live-logo{width:105px;flex-basis:105px}
    .live-logo img{width:85px}
    .hero-person-about{right:-25px}
}
@media(max-width:900px){
    .header-top{display:none}
    .header-main,.header-main-inner{height:70px}
    .live-logo{width:95px;flex-basis:95px}
    .live-logo img{width:78px}
    .mobile-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:5px;
        margin-left:auto;
        width:48px;border:0;background:#fff;
    }
    .mobile-toggle span{width:24px;height:2px;background:#2e3d44;margin:0 auto}
    .live-nav{
        display:none;
        position:absolute;
        top:70px;left:0;right:0;
        height:auto;
        flex-direction:column;
        background:#fff;
        box-shadow:0 18px 28px rgba(0,0,0,.14);
    }
    .live-nav.is-open{display:flex}
    .live-nav>a,.nav-item>a{height:48px;padding:0 20px;border-bottom:1px solid #edf0f1}
    .nav-item{display:block}
    .dropdown{
        position:static;
        display:none;
        opacity:1;visibility:visible;transform:none;
        box-shadow:none;border-top:0;padding-left:14px;
    }
    .nav-item:hover .dropdown{display:block}
    .panel-toggle{width:66px}
    .live-hero,.hero-grid{height:600px}
    .hero-copy{left:30px;top:130px;width:50%}
    .hero-copy h1{font-size:47px;line-height:51px;letter-spacing:-1.5px}
    .hero-text{width:390px;font-size:17px;line-height:24px}
    .hero-person-about{width:510px;height:auto;right:-80px}
    .hero-person-current,.hero-person-tbmm{right:-40px}
}
@media(max-width:700px){
    .live-container{width:calc(100% - 28px)}
    .header-main-inner{width:calc(100% - 20px)}
    .live-hero{height:510px}
    .hero-grid{height:510px;width:100%}
    .hero-copy{
        top:55px;
        left:20px;
        width:68%;
    }
    .hero-copy h1{
        font-size:30px;
        line-height:35px;
        letter-spacing:0;
    }
    .hero-text{
        width:285px;
        margin:20px 0 18px;
        padding-left:12px;
        font-size:14px;
        line-height:20px;
    }
    .hero-button{height:38px;font-size:11px}
    .hero-button span{padding:0 18px}
    .hero-button b{width:38px}
    .hero-person-about{
        width:330px;
        right:-100px;
        height:auto;
    }
    .hero-person-current{
        width:300px;
        right:-80px;
    }
    .hero-person-tbmm{
        width:320px;
        right:-100px;
    }
    .hero-current .hero-copy,.hero-tbmm .hero-copy{top:75px}
    .hero-current .hero-copy h1,.hero-tbmm .hero-copy h1{font-size:30px;line-height:35px}
    .hero-side-nav{display:none}
    .current-section{padding-top:30px}
    .live-section-title h2{font-size:30px}
    .current-featured{grid-template-columns:1fr}
    .current-featured-card{height:280px}
    .current-grid{grid-template-columns:1fr}
    .current-card{min-height:0}
    .current-card-image{height:210px}
    .current-compact{grid-template-columns:1fr}
    .tbmm-grid{grid-template-columns:1fr}
    .tbmm-card,.tbmm-card.large{grid-column:auto}
    .tbmm-card img,.tbmm-card.large img{height:210px}
    .proposal-wrap{width:calc(100% - 28px);grid-template-columns:1fr;border-left:0;border-right:0}
    .proposal-column{border-right:0;border-bottom:1px solid #e7eaec}
    .archive-grid{width:calc(100% - 28px);grid-template-columns:1fr}
    .content-detail h1{font-size:34px}
    .footer-inner{width:calc(100% - 28px);grid-template-columns:1fr}
}


/* =========================================================
   v0.3.2 — readable typography + exact UI details
   ========================================================= */
body{
    font-size:15px;
    line-height:1.55;
}

/* Top ticker + complete icon row */
.header-top{
    font-size:12px;
}
.header-top-inner{
    overflow:hidden;
}
.ticker{
    min-width:0;
    flex:1;
    padding-right:18px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
}
.top-social{
    flex:0 0 auto;
    display:flex;
    align-items:stretch;
}
.top-social a,
.top-social button{
    width:30px;
    height:20px;
    padding:0;
    border:0;
    border-left:1px solid rgba(255,255,255,.13);
    background:transparent;
    color:#fff;
    display:grid;
    place-items:center;
    cursor:pointer;
}
.top-social svg{
    width:12px;
    height:12px;
    fill:currentColor;
}
.top-social a:hover,
.top-social button:hover{
    color:#b8c0c4;
}

/* Live Elementor menu is 15px */
.live-nav>a,
.nav-item>a{
    font-size:15px;
}
.dropdown a{
    font-size:13px;
}

/* Slider number indicators: circles, exactly 01 / 02 / 03 */
.hero-side-nav{
    left:36px;
    gap:11px;
}
.hero-side-nav button{
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #596a73;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff;
    color:#596a73;
    font-size:12px;
    font-weight:500;
    line-height:1;
    transition:.18s ease;
}
.hero-side-nav button i{
    display:none;
}
.hero-side-nav button span{
    display:block;
}
.hero-side-nav button.is-active{
    background:#2e3d44;
    color:#fff;
    border-color:#2e3d44;
}
.hero-side-nav button.is-active span{
    color:#fff;
}

/* General content readability */
.live-section-title>span{
    font-size:15px;
}
.live-section-title h2{
    font-size:38px;
}
.current-featured-copy small{
    font-size:12px;
}
.current-featured-copy h3{
    font-size:25px;
}
.current-featured-copy time{
    font-size:12px;
}
.current-card-image span{
    font-size:11px;
}
.current-card h3{
    font-size:19px;
}
.current-card p{
    font-size:14px;
    line-height:1.65;
}
.card-meta{
    font-size:11px;
}
.compact-news small{
    font-size:11px;
}
.compact-news strong{
    font-size:14px;
    line-height:1.4;
}
.compact-news time{
    font-size:11px;
}
.tbmm-title span{
    font-size:14px;
}
.tbmm-title p{
    font-size:14px;
}
.tbmm-card small{
    font-size:11px;
}
.tbmm-card h3{
    font-size:17px;
}
.tbmm-card.large h3{
    font-size:21px;
}
.tbmm-card time{
    font-size:11px;
}
.proposal-column h3{
    font-size:19px;
}
.proposal-column p{
    font-size:13px;
    line-height:1.6;
}
.proposal-column>a{
    font-size:12.5px;
    line-height:1.45;
}
.latest-row small{
    font-size:11px;
}
.latest-row h3{
    font-size:16px;
}
.latest-row time{
    font-size:11px;
}
.archive-card p{
    font-size:14px;
}
.archive-card time{
    font-size:11px;
}
.footer-brand p,
.footer-contact{
    font-size:13px;
}

/* =========================================================
   LIVE OFFCANVAS — white, current Elementor content
   ========================================================= */
.bio-panel{
    top:0;
    right:-390px;
    width:min(390px,94vw);
    height:100vh;
    padding:36px 25px 46px;
    overflow-y:auto;
    background:#fff;
    color:#2e3d44;
    box-shadow:-18px 0 42px rgba(25,39,47,.14);
    transition:right .28s ease;
}
.bio-panel.is-open{
    right:0;
}
.panel-close{
    position:absolute;
    z-index:3;
    top:18px;
    right:18px;
    width:36px;
    height:36px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #d9dee1;
    border-radius:50%;
    background:#fff;
    color:#2e3d44;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}
.panel-close:hover{
    color:var(--red);
    border-color:var(--red);
}
.bio-panel-image{
    display:block;
    margin:20px 0 22px;
}
.bio-panel-image img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    border:1px solid var(--red);
}
.bio-heading small{
    display:block;
    margin-bottom:5px;
    color:var(--red);
    font-size:16px;
    font-weight:400;
}
.bio-heading h2{
    margin:0;
    color:#2e3d44;
    font-family:"Poppins",Arial,sans-serif;
    font-size:20px;
    line-height:40px;
    font-weight:600;
}
.bio-heading p{
    margin:0 0 17px;
    color:#969ea1;
    font-size:16px;
    font-weight:300;
    line-height:24px;
}
.bio-text{
    margin:0 0 20px;
    color:#6f777b;
    font-size:14px;
    line-height:1.65;
    text-align:justify;
}
.panel-button{
    height:44px;
    margin:0 0 34px;
    padding:0;
    display:inline-flex;
    align-items:stretch;
    background:var(--red);
    color:#fff;
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;
    border-radius:3px;
    overflow:hidden;
}
.panel-button span{
    display:flex;
    align-items:center;
    padding:0 22px;
}
.panel-button b{
    width:44px;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--red);
    font-size:24px;
    font-weight:300;
    border:1px solid var(--red);
}
.panel-section{
    margin-top:0;
    margin-bottom:34px;
}
.panel-section h3{
    position:relative;
    margin:0 0 20px;
    padding-bottom:9px;
    color:#2e3d44;
    font-family:"Poppins",Arial,sans-serif;
    font-size:20px;
    font-weight:500;
    border-bottom:1px solid #d9dee1;
}
.panel-section h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:38px;
    height:1px;
    background:#2e3d44;
}
.contact-list{
    display:grid;
    gap:11px;
}
.contact-list a{
    display:grid;
    grid-template-columns:18px 1fr;
    align-items:start;
    gap:10px;
    color:#6f777b;
    font-size:13px;
    line-height:1.4;
}
.contact-list svg{
    width:16px;
    height:16px;
    fill:#2e3d44;
    margin-top:1px;
}
.contact-list a:hover{
    color:var(--red);
}
.panel-social-section{
    margin-bottom:0;
}
.panel-social{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.panel-social a{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#2e3d44;
    color:#fff;
    transition:.18s ease;
}
.panel-social svg{
    width:16px;
    height:16px;
    fill:currentColor;
}
.panel-social a:hover{
    background:var(--red);
}

/* Search overlay */
.search-overlay{
    position:fixed;
    z-index:130;
    inset:0;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(32,47,55,.95);
    opacity:0;
    visibility:hidden;
    transition:.2s;
}
.search-overlay.is-open{
    opacity:1;
    visibility:visible;
}
.search-close{
    position:absolute;
    top:25px;
    right:30px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:38px;
    cursor:pointer;
}
.search-box{
    width:min(680px,100%);
}
.search-box label{
    display:block;
    margin-bottom:12px;
    color:#fff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:25px;
    font-weight:500;
}
.search-box>div{
    display:grid;
    grid-template-columns:1fr 60px;
}
.search-box input{
    min-width:0;
    height:56px;
    padding:0 18px;
    border:0;
    outline:0;
    font-size:17px;
}
.search-box button{
    border:0;
    background:var(--red);
    color:#fff;
}
.search-box svg{
    width:22px;
    fill:currentColor;
}

/* Tablet/mobile readability */
@media(max-width:900px){
    body{
        font-size:15px;
    }
    .live-nav>a,
    .nav-item>a{
        font-size:14px;
    }
    .bio-panel{
        width:min(390px,100vw);
    }
}

@media(max-width:700px){
    .bio-panel{
        width:100vw;
        right:-100vw;
        padding:36px 22px 44px;
    }
    .bio-heading h2{
        font-size:20px;
    }
    .bio-text{
        font-size:14px;
    }
    .contact-list a{
        font-size:13px;
    }
}


/* =========================================================
   v0.3.3 — 37px top header + social visibility + panel text
   ========================================================= */

/* Canlı sitedeki üst şerit yüksekliği */
.header-top{
    height:37px !important;
    min-height:37px !important;
    font-size:12px;
}

.header-top-inner{
    height:37px !important;
    min-height:37px !important;
    align-items:center;
}

/* Haber/ticker yazısı 37px şeritte ortalı */
.ticker{
    height:37px;
    display:flex;
    align-items:center;
    font-size:12px;
    line-height:37px;
}

/* Sosyal ikon kutuları canlıdaki gibi daha belirgin */
.top-social{
    height:37px !important;
    align-items:stretch;
}

.top-social a,
.top-social button{
    width:36px !important;
    height:37px !important;
    min-height:37px !important;
    display:grid;
    place-items:center;
    color:#fff;
    opacity:1;
}

.top-social svg{
    width:15px !important;
    height:15px !important;
    fill:currentColor;
}

.top-social a:hover,
.top-social button:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
}

/* Üst şerit büyüdüğü için ana header kendi 60px ölçüsünü korur */
.header-main,
.header-main-inner{
    height:60px;
}

/* Sağ panel Hakkımda metni:
   eski .bio-panel p kuralı daha yüksek specificity ile rengi eziyordu. */
.bio-panel .bio-text{
    color:#6f777b !important;
    font-size:14px !important;
    line-height:1.65 !important;
    font-weight:400 !important;
    opacity:1 !important;
    text-align:justify;
}

/* Alt başlık da canlıdaki gri yoğunlukta */
.bio-panel .bio-heading p{
    color:#969ea1 !important;
    font-size:16px !important;
    line-height:24px !important;
    font-weight:300 !important;
    opacity:1 !important;
}

/* Başlık netliği */
.bio-panel .bio-heading h2{
    color:#2e3d44 !important;
    font-size:20px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    opacity:1 !important;
    margin:0 0 5px !important;
}

/* Kırmızı üst ifade */
.bio-panel .bio-heading small{
    color:#e13833 !important;
    font-size:16px !important;
    line-height:1.35 !important;
    opacity:1 !important;
}

/* Panel içeriğinin beyaz fonda hiçbir yerde solmaması */
.bio-panel .contact-list a,
.bio-panel .contact-list span{
    opacity:1 !important;
}

@media(max-width:900px){
    /* Mobilde mevcut davranış korunur; üst koyu bar zaten gizli */
    .header-top{
        display:none;
    }
}


/* =========================================================
   v0.3.4 — LIVE HEADER / TBMM / ÖNERGELER / AYM / BASIN
   ========================================================= */

/* Menü: canlıdaki büyük harf / tok görünüm */
.live-nav > a,
.nav-item > a{
    text-transform:uppercase !important;
    font-weight:700 !important;
    letter-spacing:-.15px;
}

/* 9 nokta butonu header altına hafif taşar */
.panel-toggle{
    position:relative;
    z-index:95;
    height:72px !important;
    min-height:72px;
    align-self:flex-start;
    margin-bottom:-12px;
}

/* Güncel başlığı */
.live-section-title--divider > span{
    color:#e13833 !important;
    font-size:14px;
    font-weight:400;
}
.live-section-title--divider h2{
    margin-bottom:10px;
}
.section-divider{
    position:relative;
    width:100%;
    height:1px;
    margin:10px 0 24px;
    background:#d9dfe2;
}
.section-divider i{
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:1px;
    background:#e13833;
}

/* =========================================================
   ORTAK TBMM / AYM / BASIN BLOKLARI
   ========================================================= */
.parliament-showcase{
    position:relative;
    overflow:hidden;
    padding:72px 0 70px;
}

.parliament-showcase--dark{
    color:#fff;
    background:
        linear-gradient(rgba(32,32,51,.72),rgba(32,32,51,.72)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2023/12/BG-GG-Kursu-BW-2-1-jpg.webp')
        center center / cover no-repeat;
}

.parliament-showcase--light{
    color:#2e3d44;
    background:
        linear-gradient(rgba(250,250,250,.96),rgba(250,250,250,.96)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2023/12/meclis-t08.png')
        center center / auto no-repeat;
}

.parliament-showcase-inner{
    position:relative;
    z-index:2;
}

.parliament-heading{
    margin-bottom:24px;
}
.parliament-heading > span{
    display:block;
    margin-bottom:4px;
    color:#969ea1;
    font-size:14px;
    font-weight:400;
}
.parliament-showcase--light .parliament-heading > span{
    color:#e13833;
}
.parliament-heading h2{
    margin:0 0 4px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:36px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.4px;
}
.parliament-heading p{
    max-width:900px;
    margin:0;
    color:#969ea1;
    font-size:14px;
    line-height:1.55;
}
.parliament-showcase--dark .section-divider{
    background:rgba(255,255,255,.45);
}
.parliament-showcase--dark .section-divider i{
    background:#fff;
}

/* 2 büyük görsel */
.parliament-featured-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
    margin-bottom:26px;
}
.parliament-featured-card{
    position:relative;
    height:330px;
    overflow:hidden;
    background:#25353d;
    box-shadow:0 3px 14px rgba(20,35,43,.12);
}
.parliament-featured-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}
.parliament-featured-card:hover img{
    transform:scale(1.025);
}
.parliament-featured-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(14,27,34,.84) 0%,rgba(14,27,34,.05) 70%);
}
.parliament-featured-copy{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:22px 24px;
    color:#fff;
}
.parliament-featured-copy small{
    display:inline-block;
    padding:5px 8px;
    margin-bottom:7px;
    background:#e13833;
    color:#fff;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}
.parliament-featured-copy h3{
    margin:0 0 8px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:22px;
    line-height:1.25;
    font-weight:700;
}
.parliament-featured-copy time{
    font-size:11px;
    color:rgba(255,255,255,.78);
}

/* 3 kolon kartlar */
.parliament-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.parliament-card{
    min-width:0;
    background:#fff;
    color:#2e3d44;
    border:1px solid #edf0f1;
    box-shadow:0 2px 9px rgba(32,48,56,.10);
}
.parliament-card > a{
    height:100%;
    display:flex;
    flex-direction:column;
}
.parliament-card-image{
    position:relative;
    height:205px;
    overflow:hidden;
    background:#e9edef;
}
.parliament-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.video-badge{
    position:absolute;
    top:0;
    right:0;
    padding:7px 14px;
    background:#e13833;
    color:#fff;
    font-size:10px;
    font-weight:700;
}
.parliament-card-body{
    flex:1;
    padding:22px 24px 15px;
}
.parliament-card-body h3{
    margin:0 0 13px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:20px;
    line-height:1.25;
    font-weight:700;
}
.parliament-card-body p{
    margin:0 0 15px;
    color:#7d8589;
    font-size:14px;
    line-height:1.65;
}
.read-more{
    color:#e13833;
    font-size:11px;
    font-weight:700;
}
.parliament-card footer{
    padding:0 24px 18px;
    color:#969ea1;
    font-size:10px;
}

/* 4 yatay kart = 2x2 */
.parliament-horizontal-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 28px;
    margin-top:28px;
}
.parliament-horizontal-card{
    min-height:112px;
    display:grid;
    grid-template-columns:185px 1fr;
    background:#fff;
    color:#2e3d44;
    border:1px solid #edf0f1;
    box-shadow:0 2px 10px rgba(32,48,56,.10);
}
.parliament-horizontal-card img{
    width:185px;
    height:112px;
    object-fit:cover;
}
.parliament-horizontal-card > div{
    padding:16px 18px;
}
.parliament-horizontal-card strong{
    display:block;
    margin-bottom:7px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:700;
}
.parliament-horizontal-card time{
    display:block;
    color:#969ea1;
    font-size:11px;
}

/* Ortadaki outline buton */
.parliament-button-row{
    display:flex;
    justify-content:center;
    margin-top:34px;
}
.outline-section-button{
    min-width:410px;
    min-height:72px;
    padding:20px 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e13833;
    border-radius:4px;
    background:transparent;
    color:#e13833;
    font-size:14px;
    font-weight:500;
    text-align:center;
    transition:.18s ease;
}
.outline-section-button:hover{
    background:#e13833;
    color:#fff;
}
.parliament-showcase--dark .outline-section-button{
    border-color:#fff;
    color:#fff;
}
.parliament-showcase--dark .outline-section-button:hover{
    background:#fff;
    color:#2e3d44;
}

/* =========================================================
   ÖNERGELER / KANUN TEKLİFLERİ
   Canlı Elementor'da kullanılan gerçek meclis-t08.png
   ========================================================= */
.live-proposals-section{
    position:relative;
    padding:72px 0 65px;
    background:
        linear-gradient(rgba(250,250,250,.90),rgba(250,250,250,.90)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2023/12/meclis-t08.png')
        center bottom / auto no-repeat;
}
.live-proposals-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:46px;
}
.live-proposal-column{
    min-width:0;
}
.live-proposal-column header h3{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.4px;
}
.live-proposal-column header p{
    min-height:47px;
    margin:3px 0 0;
    color:#969ea1;
    font-size:15px;
    line-height:1.55;
}
.proposal-divider{
    position:relative;
    height:1px;
    margin:11px 0 10px;
    background:#d9dfe2;
}
.proposal-divider:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:1px;
    background:#e13833;
}
.proposal-items{
    display:grid;
}
.proposal-item{
    min-height:91px;
    display:grid;
    grid-template-columns:25px 1fr;
    gap:10px;
    padding:17px 0;
    border-bottom:1px solid rgba(218,223,226,.65);
}
.proposal-main-icon{
    padding-top:2px;
}
.proposal-main-icon svg{
    width:22px;
    height:22px;
    fill:#e13833;
}
.proposal-item-copy strong{
    display:block;
    color:#17313d;
    font-size:15px;
    line-height:1.45;
    font-weight:400;
}
.proposal-item-copy time{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:5px;
    color:#879298;
    font-size:11px;
}
.proposal-item-copy time svg{
    width:13px;
    height:13px;
    fill:#879298;
}
.proposal-more{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    color:#e13833;
    font-size:15px;
    font-weight:400;
}
.proposal-more svg{
    width:18px;
    height:18px;
    fill:#e13833;
}

/* AYM/Basın başlıklarının canlıdaki açık bölüm görünümü */
.parliament-showcase--light .parliament-heading{
    color:#2e3d44;
}
.parliament-showcase--light .section-divider{
    margin-bottom:24px;
}

/* Bu sürümde Basın son blok; footer ile gereksiz büyük boşluk oluşmasın */
.parliament-showcase:last-of-type{
    margin-bottom:0;
}

@media(max-width:980px){
    .parliament-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .live-proposals-grid{
        gap:25px;
    }
    .panel-toggle{
        height:70px !important;
        margin-bottom:0;
    }
}

@media(max-width:760px){
    .live-nav > a,
    .nav-item > a{
        font-weight:700 !important;
    }

    .panel-toggle{
        height:70px !important;
        min-height:70px;
    }

    .parliament-showcase{
        padding:48px 0;
    }
    .parliament-heading h2{
        font-size:29px;
    }
    .parliament-featured-grid,
    .parliament-card-grid,
    .parliament-horizontal-grid,
    .live-proposals-grid{
        grid-template-columns:1fr;
    }
    .parliament-featured-card{
        height:285px;
    }
    .parliament-card-image{
        height:220px;
    }
    .parliament-horizontal-card{
        grid-template-columns:125px 1fr;
    }
    .parliament-horizontal-card img{
        width:125px;
        height:100%;
        min-height:105px;
    }
    .parliament-horizontal-card strong{
        font-size:14px;
    }
    .outline-section-button{
        width:100%;
        min-width:0;
        min-height:58px;
        padding:16px 18px;
        font-size:12px;
    }

    .live-proposals-section{
        padding:50px 0;
        background-size:auto 70%;
    }
    .live-proposals-grid{
        gap:42px;
    }
    .live-proposal-column header h3{
        font-size:24px;
    }
}


/* =========================================================
   v0.3.5 — Anasayfanın kalan bölümü + full footer
   ========================================================= */

.home-about-band{
    position:relative;
    overflow:hidden;
    padding:96px 0;
    color:#fff;
    background:
        linear-gradient(90deg,rgba(235,38,42,.96),rgba(190,27,31,.82)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2023/07/hakkimda-scaled.jpg')
        center center / cover no-repeat;
}
.home-about-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}
.home-about-photo{
    padding-left:80px;
}
.home-about-photo img{
    width:100%;
    max-width:530px;
    aspect-ratio:16/9;
    object-fit:cover;
    border:2px solid #fff;
    border-radius:20px;
    box-shadow:0 18px 38px rgba(90,0,0,.22);
}
.home-about-copy{
    max-width:540px;
}
.home-about-copy>span{
    display:block;
    margin-bottom:4px;
    color:rgba(255,255,255,.75);
    font-size:15px;
}
.home-about-copy h2{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:27px;
    line-height:1.2;
    font-weight:700;
}
.home-about-line{
    height:1px;
    margin:12px 0 13px;
    background:rgba(255,255,255,.72);
}
.home-about-copy p{
    margin:0 0 18px;
    font-size:15px;
    line-height:1.62;
    font-weight:500;
}
.home-about-button{
    display:inline-flex;
    height:52px;
    align-items:stretch;
    margin-bottom:25px;
    background:#b7181c;
    color:#fff;
    border-radius:4px;
    overflow:hidden;
}
.home-about-button span{
    display:flex;
    align-items:center;
    padding:0 20px;
    font-weight:700;
}
.home-about-button b{
    width:48px;
    display:grid;
    place-items:center;
    font-size:23px;
}
.home-about-signature{
    width:160px;
    height:auto;
}

/* Etkinlikler/TV açık bloklarında beyaz/açık görünüm */
.home-about-band + .parliament-showcase--light,
.follow-directory + .parliament-showcase--light{
    background:#fafafa;
}

/* Abone Olun / Takip Edin */
.follow-directory{
    position:relative;
    padding:72px 0 74px;
    background:#fff;
    border-top:1px solid #ef3136;
    border-bottom:1px solid #ef3136;
    box-shadow:0 4px 18px rgba(28,43,51,.08);
}
.follow-directory-inner{
    width:min(720px,calc(100% - 40px));
    margin:auto;
    display:grid;
    grid-template-columns:220px 1fr;
    gap:28px;
}
.follow-directory-column{
    display:grid;
    gap:26px;
    align-content:start;
}
.follow-block h3{
    position:relative;
    margin:0 0 12px;
    padding-bottom:8px;
    color:#ef3136;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid #d9dfe2;
}
.follow-block h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:86px;
    height:1px;
    background:#ef3136;
}
.follow-block>a,
.follow-links-grid>a{
    display:flex;
    align-items:center;
    gap:9px;
    color:#172e39;
    font-size:15px;
    line-height:1.3;
}
.follow-block strong,
.follow-links-grid strong{
    font-weight:400;
}
.follow-icon{
    min-width:16px;
    color:#ef3136;
    font-weight:700;
    text-align:center;
}
.follow-links-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:46px;
    row-gap:18px;
}

/* Koyu sosyal medya / paylaşım */
.social-share-band{
    padding:76px 20px 78px;
    color:#fff;
    background:
        linear-gradient(rgba(37,55,64,.96),rgba(37,55,64,.96)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2019/12/footer-bg.png')
        center / cover repeat;
}
.social-share-inner{
    max-width:620px;
    margin:auto;
    text-align:center;
}
.social-share-inner h3,
.social-share-inner h4{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-weight:600;
}
.social-share-inner h3{
    margin-bottom:18px;
    font-size:16px;
}
.social-platform-boxes{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:42px;
}
.social-platform-boxes a{
    width:49px;
    height:49px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#fff;
    color:#162f3b;
    font-size:17px;
    font-weight:700;
    box-shadow:0 3px 8px rgba(0,0,0,.08);
}
.social-share-inner h4{
    margin-bottom:15px;
    font-size:14px;
}
.page-share-links{
    display:flex;
    justify-content:center;
    gap:24px;
}
.page-share-links button{
    width:28px;
    height:28px;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    font-size:19px;
    cursor:pointer;
    font-weight:700;
}

/* FULL FOOTER */
.live-footer{
    background:#fff;
    color:#1e333d;
}
.footer-search-row{
    padding:38px 20px 28px;
}
.footer-search-form{
    width:min(680px,100%);
    height:60px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 62px;
    border-radius:35px;
    overflow:hidden;
    background:#f0f2f3;
}
.footer-search-form input{
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:0 22px;
    font-family:"Rubik",Arial,sans-serif;
    font-size:14px;
}
.footer-search-form button{
    border:0;
    background:#ef3136;
    color:#fff;
    font-size:24px;
    cursor:pointer;
}
.footer-main-grid{
    width:min(860px,calc(100% - 40px));
    margin:0 auto;
    display:grid;
    grid-template-columns:365px 255px 240px;
    gap:20px;
    align-items:stretch;
}
.footer-contact-card{
    min-height:575px;
    padding:40px 40px 35px;
    color:#fff;
    background:
        linear-gradient(rgba(236,31,35,.94),rgba(220,24,28,.94)),
        url('https://www.gokhangunaydin.net/wp-content/uploads/2019/12/footer-red-bg.jpg')
        center/cover no-repeat;
}
.footer-contact-mark img{
    width:205px;
    max-height:105px;
    object-fit:contain;
    object-position:left center;
    margin-bottom:32px;
}
.footer-contact-card>strong{
    display:block;
    margin-bottom:28px;
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    line-height:1.45;
}
.footer-contact-lines{
    display:grid;
}
.footer-contact-lines a,
.footer-contact-lines span{
    min-height:35px;
    display:flex;
    align-items:center;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.27);
    font-size:13px;
}
.footer-contact-signature{
    width:190px;
    margin:55px auto 0;
}
.footer-quick-menu,
.footer-side-column{
    padding-top:24px;
}
.footer-quick-menu h3,
.footer-side-column h3{
    margin:0;
    font-family:"Poppins",Arial,sans-serif;
    font-size:18px;
    font-weight:700;
}
.footer-heading-line{
    position:relative;
    height:1px;
    margin:8px 0 10px;
    background:#d8dde0;
}
.footer-heading-line:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:1px;
    background:#ef3136;
}
.footer-quick-menu>a,
.footer-links-block>a{
    display:block;
    padding:5px 0;
    color:#20343e;
    font-size:13px;
}
.footer-quick-menu>a b{
    color:#ef3136;
}
.footer-quick-menu .footer-sub{
    padding-left:12px;
    font-size:12.5px;
}
.footer-side-column{
    display:grid;
    align-content:start;
    gap:25px;
}
.footer-links-block{
    display:grid;
}
.footer-social-circles{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.footer-social-circles a{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#2d424c;
    color:#fff;
    font-weight:700;
}
.footer-subscribe form{
    display:grid;
}
.footer-subscribe input{
    height:43px;
    border:1px solid #2d424c;
    padding:0 15px;
    outline:0;
}
.footer-subscribe button{
    height:45px;
    margin-top:8px;
    padding:0;
    display:grid;
    grid-template-columns:1fr 43px;
    align-items:stretch;
    border:0;
    background:#2d424c;
    color:#fff;
    box-shadow:0 4px 6px rgba(0,0,0,.16);
    cursor:pointer;
}
.footer-subscribe button span{
    display:grid;
    place-items:center;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
}
.footer-subscribe button b{
    display:grid;
    place-items:center;
    margin:4px;
    background:#fff;
    color:#2d424c;
    border-radius:2px;
}
.footer-bottom{
    min-height:64px;
    padding:12px 20px 10px;
    background:#2d424c;
    color:#98a6ad;
    text-align:center;
}
.footer-bottom nav{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:36px;
}
.footer-bottom a{
    color:#98a6ad;
    font-size:11px;
}
.footer-bottom p{
    margin:13px 0 0;
    font-size:10px;
}

/* Scroll progress başa dön */
.back-to-top{
    --scroll-progress:0%;
    position:fixed;
    z-index:120;
    right:20px;
    bottom:20px;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    background:conic-gradient(#ef3136 var(--scroll-progress),#e3e7e9 0);
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    cursor:pointer;
    transition:.18s ease;
}
.back-to-top:before{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:50%;
    background:#fff;
}
.back-to-top span{
    position:relative;
    z-index:2;
    color:#263d47;
    font-size:24px;
    line-height:1;
}
.back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:none;
}
.back-to-top:hover span{
    color:#ef3136;
}
.newsletter-confirm{
    margin-top:7px;
    color:#26734d;
    font-size:11px;
}

@media(max-width:980px){
    .home-about-photo{padding-left:0}
    .footer-main-grid{
        width:min(820px,calc(100% - 30px));
        grid-template-columns:310px 1fr 220px;
    }
}
@media(max-width:760px){
    .home-about-band{padding:55px 0}
    .home-about-inner{grid-template-columns:1fr;gap:32px}
    .home-about-photo img{max-width:none}
    .home-about-copy h2{font-size:25px}

    .follow-directory{padding:50px 0}
    .follow-directory-inner{
        width:calc(100% - 32px);
        grid-template-columns:1fr;
        gap:30px;
    }
    .follow-links-grid{grid-template-columns:1fr;gap:12px}

    .social-share-band{padding:55px 18px}

    .footer-main-grid{
        width:calc(100% - 28px);
        grid-template-columns:1fr;
        gap:25px;
    }
    .footer-contact-card{min-height:0}
    .footer-quick-menu,.footer-side-column{padding-top:0}
    .footer-bottom nav{gap:14px 22px}
}


/* =========================================================
   v0.3.6 — Slider final: bottom nav + Revolution-like motion
   ========================================================= */

/* Arka planı ayrı katmana al; böylece zoom/fade animasyonu yapılabilir. */
.live-hero-slide{
    background-image:none !important;
    overflow:hidden;
}

.live-hero-slide::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-2%;
    background-image:var(--hero-bg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    opacity:0;
    transform:scale(1.055);
    will-change:transform,opacity;
}

.live-hero-slide.is-active::before{
    animation:ggHeroBgIn 1.35s cubic-bezier(.22,.61,.36,1) both;
}

.live-hero-slide .hero-grid{
    z-index:2;
}

/* Metin katmanları canlı Revolution hissine yakın kademeli girer. */
.live-hero-slide .hero-copy h1,
.live-hero-slide .hero-text,
.live-hero-slide .hero-button{
    opacity:0;
    transform:translate3d(-34px,0,0);
    will-change:transform,opacity;
}

.live-hero-slide.is-active .hero-copy h1{
    animation:ggHeroTextIn .72s cubic-bezier(.2,.72,.28,1) .18s both;
}

.live-hero-slide.is-active .hero-text{
    animation:ggHeroTextIn .72s cubic-bezier(.2,.72,.28,1) .34s both;
}

.live-hero-slide.is-active .hero-button{
    animation:ggHeroTextIn .66s cubic-bezier(.2,.72,.28,1) .50s both;
}

/* Portre sağdan ve hafif aşağıdan girer. */
.live-hero-slide .hero-person{
    opacity:0;
    transform:translate3d(62px,18px,0) scale(.985);
    transform-origin:bottom center;
    will-change:transform,opacity;
}

.live-hero-slide.is-active .hero-person{
    animation:ggHeroPersonIn .95s cubic-bezier(.16,.84,.29,1) .10s both;
}

/* Slide kapanırken mevcut opacity geçişi yumuşakça devam eder. */
.live-hero-slide{
    transition:
        opacity .62s cubic-bezier(.4,0,.2,1),
        visibility .62s cubic-bezier(.4,0,.2,1);
}

/* Alt orta kırmızı önceki/sonraki kontrolü */
.hero-bottom-nav{
    position:absolute;
    z-index:25;
    left:50%;
    bottom:0;
    width:88px;
    height:44px;
    display:grid;
    grid-template-columns:1fr 1fr;
    transform:translateX(-50%);
    background:#ef3833;
    box-shadow:0 -1px 0 rgba(255,255,255,.12);
}

.hero-bottom-nav button{
    position:relative;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    background:#ef3833;
    cursor:pointer;
    transition:background .18s ease;
}

.hero-bottom-nav button + button{
    border-left:1px solid rgba(255,255,255,.16);
}

.hero-bottom-nav button:hover{
    background:#d92824;
}

.hero-bottom-nav button span{
    position:absolute;
    left:50%;
    top:50%;
    width:11px;
    height:11px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}

.hero-bottom-prev span{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.hero-bottom-next span{
    transform:translate(-65%,-50%) rotate(45deg);
}

.hero-bottom-nav button:focus-visible{
    outline:2px solid #fff;
    outline-offset:-4px;
}

/* Animasyonlar */
@keyframes ggHeroBgIn{
    0%{
        opacity:.35;
        transform:scale(1.075);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes ggHeroTextIn{
    0%{
        opacity:0;
        transform:translate3d(-34px,0,0);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0);
    }
}

@keyframes ggHeroPersonIn{
    0%{
        opacity:0;
        transform:translate3d(62px,18px,0) scale(.985);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

/* Mobilde kontrol biraz daha kompakt. */
@media(max-width:700px){
    .hero-bottom-nav{
        width:80px;
        height:40px;
    }

    .hero-bottom-nav button{
        width:40px;
        height:40px;
    }
}

/* Hareket azaltma tercihini koru. */
@media(prefers-reduced-motion:reduce){
    .live-hero-slide,
    .live-hero-slide::before,
    .live-hero-slide .hero-copy h1,
    .live-hero-slide .hero-text,
    .live-hero-slide .hero-button,
    .live-hero-slide .hero-person{
        animation:none !important;
        transition:none !important;
        transform:none !important;
    }

    .live-hero-slide.is-active::before,
    .live-hero-slide.is-active .hero-copy h1,
    .live-hero-slide.is-active .hero-text,
    .live-hero-slide.is-active .hero-button,
    .live-hero-slide.is-active .hero-person{
        opacity:1 !important;
    }
}


/* =========================================================
   v0.3.7
   - Sticky full header
   - Dynamic headline ticker
   - Stronger menu chevrons
   - Slide 2 live alignment
   ========================================================= */

/* ---------------------------------------------------------
   STICKY HEADER
   Logo + top ticker + menu + 9-dot button birlikte sabit.
   --------------------------------------------------------- */
.live-header{
    position:sticky !important;
    top:0;
    z-index:1000 !important;
    width:100%;
    isolation:isolate;
}

.header-top,
.header-main{
    position:relative;
}

.live-header::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:rgba(31,48,56,.08);
    pointer-events:none;
}

/* Sticky halde logo ve 9 nokta slider üzerinde kalır. */
.live-logo{
    z-index:1004 !important;
}

.panel-toggle{
    z-index:1005 !important;
}

/* ---------------------------------------------------------
   DYNAMIC ANNOUNCEMENT / HEADLINE TICKER
   --------------------------------------------------------- */
.ticker{
    position:relative;
    flex:1;
    min-width:0;
    height:37px;
    display:flex;
    align-items:center;
    gap:8px;
    padding-right:18px;
    overflow:hidden;
    line-height:normal !important;
}

.ticker-dot{
    flex:0 0 auto;
}

.ticker-viewport{
    position:relative;
    flex:1;
    min-width:0;
    height:37px;
    overflow:hidden;
}

.ticker-item{
    position:absolute;
    inset:0;
    min-width:0;
    display:flex;
    align-items:center;
    color:rgba(255,255,255,.96);
    font-size:12px;
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:0;
    transform:translate3d(0,9px,0);
    pointer-events:none;
    transition:
        opacity .34s ease,
        transform .34s ease;
}

.ticker-item.is-active{
    opacity:1;
    transform:translate3d(0,0,0);
    pointer-events:auto;
}

.ticker-item.is-leaving{
    opacity:0;
    transform:translate3d(0,-9px,0);
}

a.ticker-item:hover{
    color:#fff;
    text-decoration:underline;
}

/* ---------------------------------------------------------
   MENU DROPDOWN ARROWS
   --------------------------------------------------------- */
.nav-item>a{
    gap:9px !important;
}

.nav-chevron{
    position:relative;
    display:inline-block !important;
    width:12px;
    height:12px;
    flex:0 0 12px;
    margin:0 0 4px 1px !important;
}

.nav-chevron::before{
    content:"";
    position:absolute;
    left:1px;
    top:1px;
    width:7px;
    height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transform-origin:center;
    transition:transform .18s ease;
}

.nav-item:hover .nav-chevron::before{
    transform:translateY(3px) rotate(225deg);
}

/* Eski b arrow ayarının yeni chevronu küçültmesini engelle. */
.nav-item>a .nav-chevron{
    font-size:inherit !important;
    font-weight:inherit !important;
}

/* ---------------------------------------------------------
   SLIDE 2 — GÜNCEL
   Canlı yapı: Gökhan+çocuk solda, metin sağda.
   --------------------------------------------------------- */
.hero-current .hero-grid{
    position:relative;
}

/* Metin sağ blok */
.hero-current .hero-copy,
.hero-current .hero-copy-current{
    left:auto !important;
    right:70px !important;
    top:176px !important;
    width:470px !important;
    text-align:right;
}

.hero-current .hero-copy h1{
    margin-left:auto;
    font-size:64px !important;
    line-height:1.05 !important;
}

.hero-current .hero-text{
    width:410px !important;
    margin:25px 0 27px auto !important;
    padding-left:0 !important;
    padding-right:18px !important;
    border-left:0 !important;
    border-right:3px solid var(--red);
    text-align:right;
    font-size:21px;
    line-height:27px;
}

.hero-current .hero-button{
    margin-left:auto !important;
    margin-right:0 !important;
}

/* Transparan Gökhan + çocuk katmanı sola */
.hero-current .hero-person-current{
    left:80px !important;
    right:auto !important;
    bottom:0 !important;
    width:650px !important;
    max-height:690px !important;
    object-position:bottom left;
}

/* Slide 2 animasyon yönleri de canlıdaki kompozisyona göre ters. */
.hero-current .hero-copy h1,
.hero-current .hero-text,
.hero-current .hero-button{
    transform:translate3d(38px,0,0);
}

.hero-current.is-active .hero-copy h1{
    animation:ggHeroTextInRight .72s cubic-bezier(.2,.72,.28,1) .18s both !important;
}

.hero-current.is-active .hero-text{
    animation:ggHeroTextInRight .72s cubic-bezier(.2,.72,.28,1) .34s both !important;
}

.hero-current.is-active .hero-button{
    animation:ggHeroTextInRight .66s cubic-bezier(.2,.72,.28,1) .50s both !important;
}

.hero-current .hero-person{
    transform:translate3d(-64px,18px,0) scale(.985);
}

.hero-current.is-active .hero-person{
    animation:ggHeroPersonInLeft .95s cubic-bezier(.16,.84,.29,1) .10s both !important;
}

@keyframes ggHeroTextInRight{
    0%{
        opacity:0;
        transform:translate3d(38px,0,0);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0);
    }
}

@keyframes ggHeroPersonInLeft{
    0%{
        opacity:0;
        transform:translate3d(-64px,18px,0) scale(.985);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */
@media(max-width:1050px){
    .hero-current .hero-copy,
    .hero-current .hero-copy-current{
        right:35px !important;
        width:410px !important;
    }

    .hero-current .hero-person-current{
        left:10px !important;
        width:570px !important;
    }
}

@media(max-width:900px){
    /* Mobil/tablette top bar gizli olsa bile ana header sticky kalır. */
    .live-header{
        top:0;
    }

    .hero-current .hero-copy,
    .hero-current .hero-copy-current{
        right:24px !important;
        top:128px !important;
        width:45% !important;
    }

    .hero-current .hero-copy h1{
        font-size:46px !important;
    }

    .hero-current .hero-text{
        width:100% !important;
        font-size:17px;
        line-height:23px;
    }

    .hero-current .hero-person-current{
        left:-55px !important;
        width:520px !important;
    }
}

@media(max-width:700px){
    /* Küçük ekranda taşmayı önlemek için slide 2 okunabilir kompozisyona döner. */
    .hero-current .hero-copy,
    .hero-current .hero-copy-current{
        left:auto !important;
        right:18px !important;
        top:66px !important;
        width:62% !important;
        text-align:right;
    }

    .hero-current .hero-copy h1{
        font-size:30px !important;
        line-height:35px !important;
    }

    .hero-current .hero-text{
        width:100% !important;
        margin-top:17px !important;
        padding-right:10px !important;
        font-size:13px;
        line-height:18px;
    }

    .hero-current .hero-person-current{
        left:-105px !important;
        right:auto !important;
        width:340px !important;
    }

    .ticker-item{
        font-size:11px;
    }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
    .ticker-item{
        transition:none !important;
    }

    .hero-current.is-active .hero-copy h1,
    .hero-current.is-active .hero-text,
    .hero-current.is-active .hero-button,
    .hero-current.is-active .hero-person{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}


/* =========================================================
   v0.3.8 — Sticky header collapse behavior
   ========================================================= */

/*
 * Sayfanın tepesinde:
 *   37px top header + 60px ana header
 *
 * Sayfa aşağı kayınca:
 *   top header yukarı kayarak kapanır
 *   60px ana header / logo / menü / 9 nokta sabit kalır
 *
 * Yeniden scrollY = 0 olduğunda:
 *   top header geri açılır.
 */
.live-header{
    position:sticky !important;
    top:0;
    z-index:1000 !important;
    background:#fff;
}

.header-top{
    position:relative;
    z-index:2;
    height:37px !important;
    min-height:37px !important;
    max-height:37px;
    overflow:hidden;
    opacity:1;
    transform:translate3d(0,0,0);
    transition:
        max-height .28s cubic-bezier(.4,0,.2,1),
        min-height .28s cubic-bezier(.4,0,.2,1),
        height .28s cubic-bezier(.4,0,.2,1),
        opacity .18s ease,
        transform .28s cubic-bezier(.4,0,.2,1);
    will-change:max-height,height,transform,opacity;
}

.header-top-inner{
    height:37px !important;
    min-height:37px !important;
    transition:transform .28s cubic-bezier(.4,0,.2,1);
}

/* JS bu class'ı scroll başladıktan hemen sonra ekler. */
.live-header.is-scrolled .header-top{
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    opacity:0;
    transform:translate3d(0,-37px,0);
    pointer-events:none;
}

.live-header.is-scrolled .header-top-inner{
    transform:translate3d(0,-37px,0);
}

/* Ana menü her durumda 60px ve ekranın tepesinde kalır. */
.header-main,
.header-main-inner{
    height:60px !important;
    min-height:60px;
}

.live-header.is-scrolled .header-main{
    box-shadow:0 7px 20px rgba(31,48,56,.11);
}

/* Logo ana header ile birlikte sticky kalır. */
.live-header.is-scrolled .live-logo{
    transform:translateZ(0);
}

/*
 * 9 nokta butonu mevcut aşağı sarkma davranışını korur.
 * Header küçülürken herhangi bir z-index kaybı yaşamaz.
 */
.live-header.is-scrolled .panel-toggle{
    z-index:1005 !important;
}

/* Tablet/mobilde top header zaten gizli; ana header sticky kalır. */
@media(max-width:900px){
    .header-top{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
    }

    .live-header,
    .live-header.is-scrolled{
        top:0;
    }
}

/* Hareket azaltma tercihi */
@media(prefers-reduced-motion:reduce){
    .header-top,
    .header-top-inner{
        transition:none !important;
    }
}


/* =========================================================
   v0.3.9 — OFFCANVAS PANEL LIVE MATCH
   ========================================================= */

/*
 * Layering:
 * Sticky header: 1000
 * Backdrop:      1200
 * Bio panel:     1201
 * 9-dot button:  1202
 *
 * Böylece panel header'ın ALTINDA gizlenmez.
 * Sadece 9 nokta butonu panelin üzerinde görünür kalır.
 */
.panel-backdrop{
    z-index:1200 !important;
}

.bio-panel{
    z-index:1201 !important;

    top:0 !important;
    right:-380px;

    width:min(347px, calc(100vw - 104px)) !important;
    max-width:347px !important;
    min-width:280px;

    height:100dvh !important;

    padding:64px 22px 46px !important;

    overflow-x:hidden;
    overflow-y:auto;

    background:#fff !important;
    color:#2e3d44 !important;

    box-shadow:-12px 0 35px rgba(18,34,42,.16);

    transition:right .28s cubic-bezier(.4,0,.2,1) !important;
}

.bio-panel.is-open{
    right:0 !important;
}

/*
 * 9 nokta butonu panel açıldığında panelin DIŞINDA kalır.
 * Canlı referanstaki gibi ayrı bir koyu kutu olarak görünür.
 */
.panel-toggle{
    z-index:1202 !important;
}

/* Panel açılırken hamburger düğmesinin görünürlüğü korunur. */
.live-header{
    isolation:auto !important;
}

/* Kapatma tuşu: referanstaki ince gri yuvarlak */
.panel-close{
    z-index:5 !important;
    top:41px !important;
    right:31px !important;

    width:44px !important;
    height:44px !important;

    padding:0 !important;

    display:grid !important;
    place-items:center !important;

    border:1px solid #cfd5d8 !important;
    border-radius:50% !important;

    background:#fff !important;
    color:#2e3d44 !important;

    font-family:Arial,sans-serif;
    font-size:29px !important;
    font-weight:300 !important;
    line-height:1 !important;

    cursor:pointer;
}

.panel-close:hover{
    color:#e13833 !important;
    border-color:#e13833 !important;
}

/* Orijinal kullanıcı görseli */
.bio-panel-image{
    display:block !important;

    width:100%;
    margin:22px 0 27px !important;
}

.bio-panel-image img{
    width:100% !important;
    height:auto !important;

    aspect-ratio:16 / 9 !important;

    display:block;

    object-fit:cover !important;
    object-position:center center !important;

    border:1px solid #ef3833 !important;
    border-radius:0 !important;
}

/* Referanstaki başlık aralıkları */
.bio-heading small{
    margin-bottom:3px !important;

    color:#e13833 !important;

    font-size:16px !important;
    line-height:1.35 !important;
}

.bio-heading h2{
    margin:0 0 4px !important;

    color:#2e3d44 !important;

    font-size:20px !important;
    line-height:1.28 !important;
}

.bio-heading p{
    margin:0 0 20px !important;

    color:#9aa1a5 !important;

    font-size:15px !important;
    line-height:1.45 !important;
}

.bio-panel .bio-text{
    margin:0 0 22px !important;

    color:#70797d !important;

    font-size:14px !important;
    line-height:1.62 !important;

    text-align:justify;
}

/* Panel overlay header'ın üstüne çıktığı için backdrop da doğru görünür. */
.panel-backdrop.is-open{
    opacity:1 !important;
    visibility:visible !important;
}

/*
 * Masaüstünde panel solda yaklaşık 104px boşluk bırakmaya zorlanmaz;
 * max 347px kullanılır. Dar ekranlarda hamburger için alan bırakır.
 */
@media(min-width:452px){
    .bio-panel{
        width:347px !important;
        min-width:347px !important;
    }
}

@media(max-width:451px){
    .bio-panel{
        width:calc(100vw - 104px) !important;
        min-width:260px;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .panel-close{
        right:20px !important;
    }
}

/* Çok dar telefonlarda okunabilirliği koru. */
@media(max-width:365px){
    .bio-panel{
        width:calc(100vw - 74px) !important;
        min-width:0;
    }
}

/* Mobil hamburger ile offcanvas katman sırası bozulmasın. */
@media(max-width:900px){
    .panel-toggle{
        z-index:1202 !important;
    }

    .bio-panel{
        right:-100vw;
    }
}


/* =========================================================
   v0.3.10 — HAKKIMDA LIVE MATCH + COLLAPSIBLE BIOGRAPHY
   ========================================================= */

.about-live{
    padding:48px 0 58px;
    background:#fff;
}

.about-live-container{
    width:min(1040px,calc(100% - 40px));
    margin:auto;
}

.about-breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:25px;
    color:#9aa2a6;
    font-size:11px;
    text-transform:uppercase;
}

.about-breadcrumb a{
    color:#738087;
}

.about-breadcrumb span{
    color:#e13833;
}

.about-breadcrumb strong{
    color:#2e3d44;
    font-weight:500;
}

.about-intro-grid{
    display:grid;
    grid-template-columns:38% 1fr;
    gap:28px;
    align-items:end;
    margin-bottom:28px;
}

.about-intro-photo{
    margin:0;
    border:1px solid #edf0f1;
    background:#f4f5f5;
}

.about-intro-photo img{
    width:100%;
    height:auto;
    aspect-ratio:905 / 714;
    object-fit:cover;
}

.about-intro-video{
    min-width:0;
}

.about-kicker{
    display:block;
    margin-bottom:3px;
    color:#e13833;
    font-size:12px;
    font-weight:500;
}

.about-intro-video h1{
    margin:0 0 13px;
    font-family:"Poppins",Arial,sans-serif;
    color:#2e3d44;
    font-size:30px;
    line-height:1.16;
    font-weight:700;
    letter-spacing:-.5px;
}

.about-youtube{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#19272e;
    box-shadow:0 10px 30px rgba(24,39,47,.09);
}

.about-youtube iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.about-bio-heading{
    padding:0 0 19px;
    border-bottom:1px solid #eceff0;
}

.about-bio-heading span{
    display:block;
    margin-bottom:4px;
    color:#e13833;
    font-size:14px;
    font-weight:500;
}

.about-bio-heading h2{
    margin:0 0 4px;
    font-family:"Poppins",Arial,sans-serif;
    color:#2e3d44;
    font-size:23px;
    line-height:1.25;
    font-weight:600;
}

.about-bio-heading p{
    margin:0;
    color:#90999d;
    font-size:13px;
}

.about-biography{
    position:relative;
    max-width:920px;
    margin:25px auto 0;
    color:#43545c;
    font-size:14px;
    line-height:1.86;
}

.about-biography p{
    margin:0 0 17px;
    font:inherit;
    color:inherit;
}

.about-biography a{
    color:#e13833;
}

.about-bio-visible{
    position:relative;
}

.about-bio-visible::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-15px;
    height:54px;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 84%);
}

.about-biography.is-open .about-bio-visible::after{
    display:none;
}

.about-bio-rest{
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:
        max-height .72s cubic-bezier(.4,0,.2,1),
        opacity .28s ease,
        visibility 0s linear .72s;
}

.about-biography.is-open .about-bio-rest{
    opacity:1;
    visibility:visible;
    transition:
        max-height .72s cubic-bezier(.4,0,.2,1),
        opacity .32s ease .08s,
        visibility 0s linear 0s;
}

.about-more-row{
    display:flex;
    justify-content:center;
    margin-top:29px;
}

.about-more-button{
    min-width:190px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:0 23px;
    border:1px solid #e13833;
    background:#fff;
    color:#e13833;
    font-size:11px;
    font-weight:700;
    letter-spacing:.45px;
    cursor:pointer;
    transition:.2s ease;
}

.about-more-button:hover{
    background:#e13833;
    color:#fff;
}

.about-more-button b{
    font-size:17px;
    line-height:1;
    transition:transform .25s ease;
}

.about-biography.is-open .about-more-button b{
    transform:rotate(180deg);
}

.about-signature{
    padding:10px 0 4px;
}

.about-signature img{
    width:225px;
    max-width:54%;
    height:auto;
}

.about-current-section{
    border-top:1px solid #f0f1f2;
    padding-top:54px;
}

.about-current-grid .current-card{
    min-height:405px;
}

.about-section-button-row{
    display:flex;
    justify-content:center;
    margin-top:32px;
}

.about-section-button-row .outline-section-button{
    color:#e13833;
    border-color:#e13833;
    background:#fff;
}

.about-section-button-row .outline-section-button:hover{
    color:#fff;
    background:#e13833;
}

.about-social-band{
    margin-top:0;
}

.about-tbmm-heading-section{
    padding:58px 0 0;
    background:#fafafa;
}

.about-tbmm-heading-section .live-section-title{
    margin-bottom:0;
}

.about-proposals{
    padding-top:32px !important;
}

/* Desktop About page should stay tighter than homepage. */
@media(min-width:901px){
    .about-current-section .live-container,
    .about-tbmm-heading-section .live-container,
    .about-proposals .live-container{
        width:min(1120px,calc(100% - 40px));
    }
}

@media(max-width:900px){
    .about-live{
        padding-top:34px;
    }

    .about-intro-grid{
        grid-template-columns:1fr;
        align-items:start;
    }

    .about-intro-photo{
        max-width:620px;
        margin:auto;
    }

    .about-intro-video h1{
        font-size:27px;
    }

    .about-biography{
        max-width:100%;
    }
}

@media(max-width:700px){
    .about-live-container{
        width:min(100% - 30px,1040px);
    }

    .about-breadcrumb{
        margin-bottom:18px;
    }

    .about-intro-grid{
        gap:22px;
    }

    .about-intro-video h1{
        margin-bottom:11px;
        font-size:23px;
    }

    .about-bio-heading h2{
        font-size:20px;
    }

    .about-biography{
        margin-top:21px;
        font-size:13px;
        line-height:1.78;
    }

    .about-biography p{
        margin-bottom:15px;
    }

    .about-more-button{
        min-width:174px;
        height:45px;
        font-size:10px;
    }

    .about-signature img{
        max-width:70%;
    }

    .about-current-section{
        padding-top:42px;
    }
}

@media(prefers-reduced-motion:reduce){
    .about-bio-rest,
    .about-more-button,
    .about-more-button b{
        transition:none !important;
    }
}


/* =========================================================
   v0.3.11 — Hakkımda üst hizalama + Son Eklenen İçerikler
   ========================================================= */

/* ---------------------------------------------------------
   Hakkımda üst bölüm:
   Fotoğrafın üst çizgisi büyük "Doç. Dr. Gökhan Günaydın"
   başlığının üst çizgisine yaklaşır.
   --------------------------------------------------------- */
.about-intro-grid{
    align-items:start !important;
}

.about-intro-photo{
    margin-top:23px !important;
}

/* ---------------------------------------------------------
   SON EKLENEN İÇERİKLER
   --------------------------------------------------------- */
.about-latest-section{
    padding:54px 0 68px;
    background:#fff;
}

.about-latest-section .live-container{
    width:min(1120px,calc(100% - 40px));
}

.about-latest-heading{
    margin-bottom:23px;
}

.about-latest-heading>span{
    display:block;
    margin-bottom:3px;
    color:#e13833;
    font-family:"Rubik",Arial,sans-serif;
    font-size:13px;
    font-weight:500;
}

.about-latest-heading p{
    margin:0;
    color:#6f7b80;
    font-size:11px;
    line-height:1.55;
}

.about-latest-line{
    position:relative;
    width:100%;
    height:1px;
    margin-top:10px;
    background:#e5e8e9;
}

.about-latest-line::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:58px;
    height:1px;
    background:#e13833;
}

.about-latest-grid{
    margin-top:0 !important;
    gap:22px 24px;
}

.about-latest-card{
    min-height:395px !important;
}

.about-latest-card .current-card-image{
    height:185px;
}

.about-latest-card h3{
    min-height:46px;
    margin-top:16px;
    font-size:16px;
    line-height:1.33;
}

.about-latest-card p{
    min-height:77px;
    font-size:11px;
    line-height:1.58;
}

.about-latest-card .card-meta{
    margin-top:14px;
}

.about-latest-card .card-meta time{
    font-size:9px;
}

.about-latest-card .card-meta b{
    font-size:9px;
}

.about-latest-compact{
    margin-top:24px;
    gap:11px 22px;
}

.about-latest-compact .compact-news{
    min-height:82px;
}

.about-latest-compact .compact-news img{
    height:82px;
}

.about-latest-button-row{
    display:flex;
    justify-content:center;
    margin-top:31px;
}

.about-latest-button{
    min-width:212px;
    height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e13833;
    background:#fff;
    color:#e13833;
    font-size:10px;
    font-weight:600;
    letter-spacing:.35px;
    transition:.18s ease;
}

.about-latest-button:hover{
    background:#e13833;
    color:#fff;
}

/* Eski about Yasama Faaliyetleri artık render edilmiyor. */
.about-tbmm-heading-section,
.about-proposals{
    display:none;
}

@media(max-width:900px){
    .about-intro-photo{
        margin-top:0 !important;
    }

    .about-latest-section{
        padding-top:45px;
    }
}

@media(max-width:700px){
    .about-latest-section .live-container{
        width:min(100% - 30px,1120px);
    }

    .about-latest-card{
        min-height:0 !important;
    }

    .about-latest-card h3,
    .about-latest-card p{
        min-height:0;
    }

    .about-latest-button{
        min-width:190px;
    }
}


/* =========================================================
   v0.3.12 — Social icon correction + About Latest typography
   ========================================================= */

/* ---------------------------------------------------------
   SON EKLENEN İÇERİKLER: okunabilir punto
   --------------------------------------------------------- */
.about-latest-heading>span{
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
}

.about-latest-heading p{
    font-size:13px !important;
    line-height:1.55 !important;
}

.about-latest-card h3{
    min-height:50px !important;
    font-size:17px !important;
    line-height:1.34 !important;
    font-weight:600 !important;
}

.about-latest-card p{
    min-height:88px !important;
    font-size:13px !important;
    line-height:1.62 !important;
    color:#68767c !important;
}

.about-latest-card .card-meta time,
.about-latest-card .card-meta b{
    font-size:11px !important;
    line-height:1.4 !important;
}

.about-latest-card .current-card-image>span{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:600 !important;
}

.about-latest-compact .compact-news strong{
    font-size:13px !important;
    line-height:1.35 !important;
}

.about-latest-compact .compact-news small,
.about-latest-compact .compact-news time{
    font-size:10px !important;
    line-height:1.4 !important;
}

/* ---------------------------------------------------------
   SOCIAL MEDIA BAND — same markup on homepage + About
   --------------------------------------------------------- */
.social-platform-boxes{
    gap:23px !important;
}

.social-platform-boxes .social-platform{
    width:60px !important;
    height:60px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;

    border:1px solid #dce1e4 !important;
    border-radius:11px !important;

    background:#fff !important;
    box-shadow:0 3px 10px rgba(0,0,0,.10) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}

.social-platform-boxes .social-platform:hover{
    transform:translateY(-2px);
    box-shadow:0 7px 16px rgba(0,0,0,.14) !important;
}

.social-platform-boxes .social-platform svg{
    width:23px !important;
    height:23px !important;
    display:block;
    fill:currentColor;
}

.social-platform--x{
    color:#111 !important;
}

.social-platform--bluesky{
    color:#1185fe !important;
}

.social-platform--facebook{
    color:#4267b2 !important;
}

.social-platform--youtube{
    color:#ff0000 !important;
}

.social-platform--tiktok{
    color:#00d4d8 !important;
}

.social-platform--instagram{
    color:#a23ac3 !important;
}

/* Ekran görüntüsündeki hafif platform rengi çerçevesi */
.social-platform--youtube{
    border-color:#f3b7b7 !important;
}

.social-platform--tiktok{
    border-color:#b6ecec !important;
}

.social-platform--instagram{
    border-color:#dbc2e1 !important;
}

.social-platform--facebook{
    border-color:#c7d0e2 !important;
}

.social-platform--bluesky{
    border-color:#c1def7 !important;
}

/* Share icons: all real SVG icons, white on dark background */
.page-share-links{
    gap:27px !important;
    align-items:center;
}

.page-share-links .share-icon-button{
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;

    border:0 !important;
    border-radius:50%;

    background:transparent !important;
    color:#fff !important;

    cursor:pointer;

    transition:
        background .18s ease,
        transform .18s ease !important;
}

.page-share-links .share-icon-button:hover{
    background:rgba(255,255,255,.10) !important;
    transform:translateY(-1px);
}

.page-share-links .share-icon-button svg{
    width:20px !important;
    height:20px !important;
    display:block;
    fill:currentColor;
}

/* Facebook logo visually needs a slightly narrower footprint. */
.page-share-links .share-icon-button[data-share="facebook"] svg{
    width:18px !important;
    height:18px !important;
}

/* Telegram mark can read larger without looking heavy. */
.page-share-links .share-icon-button[data-share="telegram"] svg{
    width:21px !important;
    height:21px !important;
}

.social-share-inner h3{
    font-size:17px !important;
    line-height:1.4 !important;
}

.social-share-inner h4{
    font-size:15px !important;
    line-height:1.4 !important;
}

/* Mobile keeps the same icon language but fits smaller screens. */
@media(max-width:700px){
    .about-latest-heading>span{
        font-size:16px !important;
    }

    .about-latest-heading p{
        font-size:12px !important;
    }

    .about-latest-card h3{
        font-size:16px !important;
        min-height:0 !important;
    }

    .about-latest-card p{
        font-size:12.5px !important;
        min-height:0 !important;
    }

    .social-platform-boxes{
        gap:14px !important;
    }

    .social-platform-boxes .social-platform{
        width:52px !important;
        height:52px !important;
    }

    .social-platform-boxes .social-platform svg{
        width:21px !important;
        height:21px !important;
    }

    .page-share-links{
        gap:18px !important;
    }
}


/* =========================================================
   v0.3.13 — TBMM parent page live match
   ========================================================= */

.tbmm-page{
    padding:30px 0 58px;
    background:#fff;
}

.tbmm-container{
    width:min(1120px,calc(100% - 40px));
    margin:auto;
}

.tbmm-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 28px;
    color:#a1a9ad;
    font-size:11px;
}

.tbmm-breadcrumb a{
    color:#8d989d;
}

.tbmm-breadcrumb span{
    color:#e13833;
}

.tbmm-breadcrumb strong{
    color:#7a858a;
    font-weight:500;
}

/* ---------------------------------------------------------
   Latest TBMM spotlight
   --------------------------------------------------------- */
.tbmm-spotlight{
    position:relative;
    isolation:isolate;
    min-height:330px;
    display:grid;
    grid-template-columns:1.03fr .97fr;
    overflow:hidden;
    margin-bottom:72px;
    background:#f6f6f5;
    color:#2e3d44;
    box-shadow:0 1px 0 rgba(29,44,51,.03);
}

.tbmm-spotlight::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background-image:var(--tbmm-spotlight-image);
    background-position:center;
    background-size:cover;
    opacity:0;
    transform:scale(1.04);
    transition:
        opacity .35s ease,
        transform .65s cubic-bezier(.2,.7,.2,1);
}

.tbmm-spotlight::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:rgba(255,255,255,.90);
    opacity:0;
    transition:opacity .35s ease;
}

.tbmm-spotlight:hover::before{
    opacity:.13;
    transform:scale(1);
}

.tbmm-spotlight:hover::after{
    opacity:1;
}

.tbmm-spotlight-image{
    min-height:330px;
    overflow:hidden;
    background:#e8eaeb;
}

.tbmm-spotlight-image img{
    width:100%;
    height:100%;
    min-height:330px;
    display:block;
    object-fit:cover;
    transition:transform .6s cubic-bezier(.2,.7,.2,1);
}

.tbmm-spotlight:hover .tbmm-spotlight-image img{
    transform:scale(1.045);
}

.tbmm-spotlight-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:38px 44px;
}

.tbmm-spotlight-meta{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    color:#a0a6a9;
    font-size:11px;
    transition:color .24s ease;
}

.tbmm-spotlight-meta b{
    font-weight:500;
}

.tbmm-spotlight-copy h1{
    margin:0 0 20px;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:25px;
    line-height:1.32;
    font-weight:700;
    letter-spacing:-.35px;
    transition:color .24s ease;
}

.tbmm-spotlight-copy p{
    margin:0;
    color:#879196;
    font-size:13px;
    line-height:1.75;
    transition:color .24s ease;
}

.tbmm-spotlight:hover .tbmm-spotlight-meta,
.tbmm-spotlight:hover .tbmm-spotlight-copy h1,
.tbmm-spotlight:hover .tbmm-spotlight-copy p{
    color:#e13833;
}

/* ---------------------------------------------------------
   Page heading
   --------------------------------------------------------- */
.tbmm-title-block{
    margin:0 0 25px;
}

.tbmm-title-block>span{
    display:block;
    margin-bottom:2px;
    color:#e13833;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
}

.tbmm-title-block h2{
    margin:0;
    color:#2c3b42;
    font-family:"Poppins",Arial,sans-serif;
    font-size:31px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.55px;
}

.tbmm-title-block p{
    margin:4px 0 0;
    color:#858f94;
    font-size:12px;
}

.tbmm-title-divider{
    position:relative;
    height:1px;
    margin-top:16px;
    background:#e5e8e9;
}

.tbmm-title-divider i{
    position:absolute;
    left:0;
    top:0;
    width:94px;
    height:2px;
    background:#e13833;
}

/* ---------------------------------------------------------
   3-column content archive
   --------------------------------------------------------- */
.tbmm-archive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:25px 26px;
}

.tbmm-archive-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e6e9ea;
    background:#fff;
    box-shadow:0 6px 17px rgba(26,42,50,.055);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.tbmm-archive-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(26,42,50,.10);
}

.tbmm-archive-card>a{
    height:100%;
    display:flex;
    flex-direction:column;
    color:inherit;
}

.tbmm-card-image{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#eceeef;
}

.tbmm-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .38s ease;
}

.tbmm-archive-card:hover .tbmm-card-image img{
    transform:scale(1.035);
}

.tbmm-card-badge{
    position:absolute;
    top:0;
    right:0;
    max-width:72%;
    padding:5px 9px;
    overflow:hidden;
    background:#e13833;
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-transform:uppercase;
}

.tbmm-card-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:18px 18px 14px;
}

.tbmm-card-body h3{
    margin:0 0 13px;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:17px;
    line-height:1.34;
    font-weight:600;
    transition:color .18s ease;
}

.tbmm-archive-card:hover h3{
    color:#e13833;
}

.tbmm-card-body p{
    margin:0 0 18px;
    color:#78858a;
    font-size:12.5px;
    line-height:1.62;
}

.tbmm-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
    padding-top:13px;
    border-top:1px solid #eef0f1;
}

.tbmm-card-footer time{
    min-width:0;
    color:#9ba2a6;
    font-size:10px;
    white-space:nowrap;
}

.tbmm-card-footer b{
    flex:0 0 auto;
    color:#e13833;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}

.tbmm-empty{
    grid-column:1/-1;
    padding:45px 20px;
    text-align:center;
    color:#899399;
}

/* ---------------------------------------------------------
   Working custom pagination
   --------------------------------------------------------- */
.tbmm-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:45px 0 5px;
}

.tbmm-pagination a,
.tbmm-pagination span{
    min-width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:0 7px;
    color:#6e797e;
    font-size:11px;
    border:1px solid transparent;
    background:#fff;
}

.tbmm-pagination a{
    transition:.18s ease;
}

.tbmm-pagination a:hover{
    color:#e13833;
    border-color:#efc1bf;
}

.tbmm-pagination .is-current{
    color:#e13833;
    border-color:#e13833;
    font-weight:600;
}

.tbmm-pagination .is-disabled{
    opacity:.3;
}

.tbmm-pagination .tbmm-pagination-dots{
    min-width:22px;
    padding:0;
}

/* ---------------------------------------------------------
   Proposal strip
   --------------------------------------------------------- */
.tbmm-proposals-section{
    padding-top:55px !important;
    padding-bottom:58px !important;
}

.tbmm-proposals-section .live-container{
    width:min(1120px,calc(100% - 40px));
}

/* ---------------------------------------------------------
   Legislative activities
   --------------------------------------------------------- */
.tbmm-legislation-section{
    padding:54px 0 58px;
    background:#fff;
}

.tbmm-legislation-section .live-container{
    width:min(1120px,calc(100% - 40px));
}

.tbmm-legislation-heading{
    margin-bottom:27px;
}

.tbmm-legislation-heading span{
    display:block;
    margin-bottom:3px;
    color:#e13833;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
}

.tbmm-legislation-heading h2{
    margin:0;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:28px;
    line-height:1.2;
    font-weight:700;
}

.tbmm-legislation-divider{
    position:relative;
    height:1px;
    margin-top:13px;
    background:#e7e9ea;
}

.tbmm-legislation-divider::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:188px;
    height:2px;
    background:#e13833;
}

.tbmm-legislation-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px 62px;
}

.tbmm-legislation-link{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:7px 0;
    color:#4b5b62;
    font-size:13px;
    line-height:1.45;
    transition:color .18s ease;
}

.tbmm-legislation-link span{
    flex:0 0 auto;
    color:#e13833;
    font-size:12px;
    line-height:1.45;
}

.tbmm-legislation-link strong{
    font-weight:500;
}

.tbmm-legislation-link:hover{
    color:#e13833;
}

/* ---------------------------------------------------------
   Latest content on TBMM
   --------------------------------------------------------- */
.tbmm-latest-section{
    padding-top:52px !important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:900px){
    .tbmm-spotlight{
        grid-template-columns:1fr;
        min-height:0;
        margin-bottom:52px;
    }

    .tbmm-spotlight-image,
    .tbmm-spotlight-image img{
        min-height:0;
    }

    .tbmm-spotlight-image{
        aspect-ratio:16/9;
    }

    .tbmm-spotlight-copy{
        padding:28px 28px 31px;
    }

    .tbmm-archive-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .tbmm-legislation-grid{
        gap-left:34px;
    }
}

@media(max-width:700px){
    .tbmm-page{
        padding-top:22px;
    }

    .tbmm-container,
    .tbmm-proposals-section .live-container,
    .tbmm-legislation-section .live-container{
        width:min(100% - 30px,1120px);
    }

    .tbmm-breadcrumb{
        margin-bottom:19px;
    }

    .tbmm-spotlight{
        margin-bottom:40px;
    }

    .tbmm-spotlight-copy{
        padding:23px 20px 26px;
    }

    .tbmm-spotlight-copy h1{
        font-size:21px;
    }

    .tbmm-spotlight-copy p{
        font-size:12px;
    }

    .tbmm-title-block h2{
        font-size:25px;
    }

    .tbmm-archive-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .tbmm-card-body h3{
        font-size:16px;
    }

    .tbmm-pagination{
        flex-wrap:wrap;
        margin-top:34px;
    }

    .tbmm-legislation-grid{
        grid-template-columns:1fr;
        gap:7px;
    }

    .tbmm-legislation-heading h2{
        font-size:24px;
    }
}


/* =========================================================
   v0.3.14 — TBMM spotlight hover persistence hotfix
   ========================================================= */

/*
 * Eski hover katmanları mouse hit-testing'e karışabiliyordu.
 * Hover artık sadece parent karta bağlıdır; dekoratif katmanlar
 * hiçbir şekilde pointer olayı alamaz.
 */
.tbmm-spotlight{
    position:relative;
    isolation:isolate;
    background:#f5f5f4 !important;
    transform:none !important;
    overflow:hidden;
}

/* Tüm dekoratif pseudo katmanlar mouse olaylarından tamamen çıkar. */
.tbmm-spotlight::before,
.tbmm-spotlight::after{
    pointer-events:none !important;
}

/*
 * Arka plan görseli çok hafif görünür.
 * Kart hover boyunca stabil kalır; hover bitene kadar kaybolmaz.
 */
.tbmm-spotlight::before{
    z-index:0 !important;
    opacity:0 !important;
    transform:scale(1.035) !important;
    transition:
        opacity .28s ease,
        transform .55s cubic-bezier(.2,.7,.2,1) !important;
}

/* Sağ tarafta okunabilirliği koruyan açık katman. */
.tbmm-spotlight::after{
    z-index:1 !important;
    opacity:0 !important;
    background:rgba(245,245,244,.87) !important;
    transition:opacity .28s ease !important;
}

/* Gerçek içerik pseudo katmanların üstünde kalır. */
.tbmm-spotlight-image,
.tbmm-spotlight-copy{
    position:relative;
    z-index:2;
}

.tbmm-spotlight:hover,
.tbmm-spotlight:focus-within{
    background:#f1f1f0 !important;
}

/* Hover aktif olduğu sürece dekoratif arka plan görünür. */
.tbmm-spotlight:hover::before,
.tbmm-spotlight:focus-within::before{
    opacity:.12 !important;
    transform:scale(1) !important;
}

.tbmm-spotlight:hover::after,
.tbmm-spotlight:focus-within::after{
    opacity:1 !important;
}

/*
 * Sol görsel normal görünür; sadece kendi kutusu içinde hafif zoom.
 * Kartın geometrisi hiç değişmediği için pointer karttan düşmez.
 */
.tbmm-spotlight-image{
    overflow:hidden;
}

.tbmm-spotlight-image img{
    transform:scale(1) !important;
    transform-origin:center center;
    transition:transform .55s cubic-bezier(.2,.7,.2,1) !important;
    will-change:transform;
}

.tbmm-spotlight:hover .tbmm-spotlight-image img,
.tbmm-spotlight:focus-within .tbmm-spotlight-image img{
    transform:scale(1.035) !important;
}

/* Canlıdaki hover görünümü: sağ metinlerin tamamı kırmızı. */
.tbmm-spotlight:hover .tbmm-spotlight-meta,
.tbmm-spotlight:hover .tbmm-spotlight-meta time,
.tbmm-spotlight:hover .tbmm-spotlight-meta b,
.tbmm-spotlight:hover .tbmm-spotlight-copy h1,
.tbmm-spotlight:hover .tbmm-spotlight-copy p,
.tbmm-spotlight:focus-within .tbmm-spotlight-meta,
.tbmm-spotlight:focus-within .tbmm-spotlight-meta time,
.tbmm-spotlight:focus-within .tbmm-spotlight-meta b,
.tbmm-spotlight:focus-within .tbmm-spotlight-copy h1,
.tbmm-spotlight:focus-within .tbmm-spotlight-copy p{
    color:#ef3833 !important;
}

/* Link kartı içindeki hiçbir öğe hover alanını bozmasın. */
.tbmm-spotlight *{
    pointer-events:none;
}

/*
 * Parent'ın kendisi link olduğu için tıklama aynen çalışır.
 * İç öğelerin pointer-events:none olması hover flicker'ını bitirir.
 */
.tbmm-spotlight{
    pointer-events:auto;
    cursor:pointer;
}

@media(prefers-reduced-motion:reduce){
    .tbmm-spotlight::before,
    .tbmm-spotlight::after,
    .tbmm-spotlight-image img{
        transition:none !important;
    }
}


/* =========================================================
   v0.3.15 — TBMM parent menu / breadcrumb / route semantics
   ========================================================= */

/* ---------------------------------------------------------
   TBMM parent menu is a trigger, not a navigation link.
   Keep it visually identical to the other menu items.
   --------------------------------------------------------- */
.nav-parent-trigger{
    height:60px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 25px;

    border:0;
    background:transparent;

    font-family:"Poppins",Arial,sans-serif;
    font-size:15px;
    font-weight:500;
    color:#2e3d44;
    white-space:nowrap;

    cursor:pointer;
    transition:color .15s;
}

.nav-item:hover>.nav-parent-trigger,
.nav-item.is-open>.nav-parent-trigger,
.nav-parent-trigger:focus-visible{
    color:var(--red);
}

.nav-parent-trigger .nav-chevron{
    position:relative;
    display:inline-block !important;
    width:12px;
    height:12px;
    flex:0 0 12px;
    margin:0 0 4px 1px !important;
}

.nav-parent-trigger .nav-chevron::before{
    content:"";
    position:absolute;
    left:1px;
    top:1px;
    width:7px;
    height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transform-origin:center;
    transition:transform .18s ease;
}

.nav-item:hover>.nav-parent-trigger .nav-chevron::before,
.nav-item.is-open>.nav-parent-trigger .nav-chevron::before{
    transform:translateY(3px) rotate(225deg);
}

/* ---------------------------------------------------------
   TBMM breadcrumb clears the hanging CHP logo.
   Desktop logo extends below the white header, so breadcrumb
   begins to the right of that footprint.
   --------------------------------------------------------- */
.tbmm-breadcrumb{
    padding-left:112px !important;
}

/* ---------------------------------------------------------
   Responsive menu trigger
   --------------------------------------------------------- */
@media(max-width:1050px){
    .nav-parent-trigger{
        padding:0 15px;
        font-size:12px;
    }
}

@media(max-width:900px){
    .nav-parent-trigger{
        width:100%;
        height:48px;
        justify-content:flex-start;
        padding:0 20px;

        border-bottom:1px solid #edf0f1;
        font-size:12px;
        text-align:left;
    }

    /* Touch devices open TBMM dropdown by click instead of hover. */
    .nav-item.is-open .dropdown{
        display:block;
    }

    .tbmm-breadcrumb{
        padding-left:0 !important;
    }
}


/* =========================================================
   v0.3.16 — Basın Açıklamaları shared TBMM layout
   + promised TBMM parent menu bold fix
   ========================================================= */

/* TBMM parent was visually too thin after becoming a <button>. */
.nav-parent-trigger{
    font-weight:700 !important;
}

/* Preserve the bold parent on tablet/mobile too. */
@media(max-width:1050px){
    .nav-parent-trigger{
        font-weight:700 !important;
    }
}

/* Basın Açıklamaları is longer than the Meclis heading. */
.tbmm-title-block h2{
    text-wrap:balance;
}

@media(max-width:700px){
    .tbmm-title-block h2{
        overflow-wrap:anywhere;
    }
}


/* =========================================================
   v0.3.17 — All TBMM child archive pages on one shared engine
   ========================================================= */

/*
 * Long titles such as Araştırma Önergeleri remain balanced without
 * changing the Meclis/Basın layout.
 */
.tbmm-title-block h2{
    max-width:100%;
    text-wrap:balance;
}

/*
 * Long subtitles can wrap naturally while keeping the live separator
 * in the same position.
 */
.tbmm-title-block p{
    max-width:760px;
}

/* Keep TBMM parent bold from v0.3.16. */
.nav-parent-trigger{
    font-weight:700 !important;
}


/* =========================================================
   v0.3.18 — Güncel child pages on shared archive engine
   ========================================================= */

/* TBMM and Güncel parent triggers use the same main-nav weight. */
.nav-parent-trigger{
    font-weight:700 !important;
}

/*
 * Some Güncel kicker texts are longer than "TBMM".
 * Keep them compact and on one visual line where possible.
 */
.tbmm-title-block>span{
    max-width:100%;
    overflow-wrap:anywhere;
}

/* Live Güncel subtitles can be longer. */
.tbmm-title-block p{
    max-width:820px;
}

@media(max-width:700px){
    .tbmm-title-block>span{
        font-size:10px;
    }
}


/* =========================================================
   v0.3.19 — Güncel Haberler route + menu label hotfix
   ========================================================= */

/* TBMM ve GÜNCEL ana dropdown tetikleyicileri aynı görünür. */
.nav-parent-trigger{
    font-weight:700 !important;
    text-transform:uppercase !important;
}

/* Header'daki diğer ana menü öğeleriyle dikey hizayı koru. */
.live-nav .nav-item>.nav-parent-trigger{
    letter-spacing:0 !important;
}


/* =========================================================
   v0.3.20 — Haberler gerçek tüm-içerik arşivi
   ========================================================= */

/* GÜNCEL ve TBMM linksiz ana menüleri aynı kalınlıkta kalır. */
.nav-parent-trigger{
    font-weight:700 !important;
    text-transform:uppercase !important;
}


/* =========================================================
   v0.3.21 — Video Galeri + Foto Galeri
   ========================================================= */

/* ---------------- YouTube live widget ---------------- */
.youtube-live-section{
    padding:54px 0 62px;
    background:#f8f9f9;
    overflow:hidden;
}

.youtube-live-section .live-container{
    width:min(1120px,calc(100% - 40px));
}

.youtube-live-heading{
    text-align:center;
    margin:0 auto 28px;
}

.youtube-live-heading>span{
    display:block;
    margin-bottom:2px;
    color:#e13833;
    font-size:11px;
    font-weight:600;
}

.youtube-live-heading h2{
    margin:0;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:29px;
    line-height:1.2;
    font-weight:700;
}

.youtube-live-heading p{
    margin:5px 0 0;
    color:#8a9499;
    font-size:12px;
}

.youtube-live-line{
    width:78px;
    height:2px;
    margin:13px auto 0;
    background:#e13833;
}

.youtube-widget-shell{
    position:relative;
    min-height:220px;
    padding:8px 0 0;
}

.youtube-widget-fallback{
    text-align:center;
    color:#7d888d;
}

.youtube-channel-link-row{
    display:flex;
    justify-content:center;
    margin-top:18px;
}

.youtube-channel-link-row a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 24px;
    border:1px solid #e13833;
    color:#e13833;
    font-size:11px;
    font-weight:600;
    letter-spacing:.2px;
    transition:.18s ease;
}

.youtube-channel-link-row a:hover{
    color:#fff;
    background:#e13833;
}

/* ---------------- Photo gallery ---------------- */
.photo-gallery-page{
    padding:30px 0 62px;
    background:#fff;
}

.photo-gallery-group{
    margin-top:25px;
}

.photo-gallery-group--personal{
    margin-top:70px;
}

.photo-gallery-heading h1,
.photo-gallery-heading h2{
    margin:0;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:31px;
    line-height:1.18;
    font-weight:700;
    letter-spacing:-.5px;
}

.photo-gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.photo-gallery-item{
    position:relative;
    display:block;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#eceeef;
}

.photo-gallery-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:
        transform .38s ease,
        filter .38s ease;
}

.photo-gallery-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(225,56,51,.12);
    opacity:0;
    transition:opacity .25s ease;
}

.photo-gallery-item:hover img{
    transform:scale(1.045);
    filter:saturate(1.04);
}

.photo-gallery-item:hover::after{
    opacity:1;
}

.photo-gallery-zoom{
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#e13833;
    font-size:23px;
    line-height:1;
    opacity:0;
    transform:translate(-50%,-50%) scale(.8);
    transition:.22s ease;
    pointer-events:none;
}

.photo-gallery-item:hover .photo-gallery-zoom{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
}

/* ---------------- Lightbox ---------------- */
.photo-lightbox{
    position:fixed;
    z-index:99999;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:54px 80px;
    background:rgba(12,20,24,.94);
}

.photo-lightbox.is-open{
    display:flex;
}

.photo-lightbox figure{
    max-width:min(1200px,calc(100vw - 180px));
    max-height:calc(100vh - 90px);
    margin:0;
    text-align:center;
}

.photo-lightbox figure img{
    max-width:100%;
    max-height:calc(100vh - 130px);
    object-fit:contain;
    box-shadow:0 18px 55px rgba(0,0,0,.36);
}

.photo-lightbox figcaption{
    min-height:22px;
    margin-top:10px;
    color:#fff;
    font-size:12px;
    opacity:.82;
}

.photo-lightbox-close,
.photo-lightbox-nav{
    position:absolute;
    border:0;
    color:#fff;
    background:transparent;
    cursor:pointer;
}

.photo-lightbox-close{
    right:22px;
    top:15px;
    width:48px;
    height:48px;
    font-size:36px;
}

.photo-lightbox-nav{
    top:50%;
    width:56px;
    height:72px;
    margin-top:-36px;
    font-size:54px;
    font-weight:200;
    opacity:.82;
    transition:opacity .18s ease;
}

.photo-lightbox-nav:hover{
    opacity:1;
}

.photo-lightbox-prev{
    left:16px;
}

.photo-lightbox-next{
    right:16px;
}

body.photo-lightbox-open{
    overflow:hidden;
}

@media(max-width:900px){
    .photo-gallery-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .youtube-live-section .live-container{
        width:min(100% - 30px,1120px);
    }

    .youtube-live-heading h2{
        font-size:24px;
    }

    .photo-gallery-page{
        padding-top:22px;
    }

    .photo-gallery-heading h1,
    .photo-gallery-heading h2{
        font-size:25px;
    }

    .photo-gallery-group--personal{
        margin-top:48px;
    }

    .photo-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .photo-lightbox{
        padding:50px 46px;
    }

    .photo-lightbox figure{
        max-width:calc(100vw - 90px);
    }

    .photo-lightbox-nav{
        width:42px;
        font-size:44px;
    }

    .photo-lightbox-prev{
        left:2px;
    }

    .photo-lightbox-next{
        right:2px;
    }
}

/* =========================================================
   v0.3.22 — Native YouTube + source-order gallery + contact
   ========================================================= */

/* Native YouTube feed */
.youtube-native-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.youtube-native-card{
    display:block;
    width:100%;
    padding:0;
    border:0;
    background:#fff;
    color:#2d3c43;
    text-align:left;
    cursor:pointer;
    box-shadow:0 8px 28px rgba(28,43,50,.08);
    transition:transform .2s ease,box-shadow .2s ease;
}
.youtube-native-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 34px rgba(28,43,50,.13);
}
.youtube-native-thumb{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#dfe4e6;
}
.youtube-native-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .3s ease;
}
.youtube-native-card:hover .youtube-native-thumb img{transform:scale(1.035)}
.youtube-native-play{
    position:absolute;
    left:50%;
    top:50%;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(225,56,51,.94);
    color:#fff;
    font-size:22px;
    line-height:1;
    transform:translate(-50%,-50%);
    box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.youtube-native-body{
    display:grid;
    gap:8px;
    min-height:105px;
    padding:17px 18px 16px;
}
.youtube-native-body strong{
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
}
.youtube-native-body time{
    color:#929ba0;
    font-size:11px;
}
.youtube-native-empty{
    grid-column:1/-1;
    display:grid;
    gap:6px;
    padding:34px;
    background:#fff;
    border:1px solid #e5e9eb;
    color:#738087;
    text-align:center;
}
.youtube-native-empty strong{color:#2d3c43}
.youtube-video-modal{
    position:fixed;
    z-index:100000;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(9,16,20,.94);
}
.youtube-video-modal.is-open{display:flex}
.youtube-video-dialog{
    position:relative;
    width:min(1000px,100%);
    padding:0 0 18px;
    background:#11191d;
    box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.youtube-video-frame{aspect-ratio:16/9;background:#000}
.youtube-video-frame iframe{width:100%;height:100%;display:block;border:0}
.youtube-video-dialog h3{
    margin:15px 62px 0 20px;
    color:#fff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:500;
}
.youtube-video-close{
    position:absolute;
    z-index:2;
    right:10px;
    top:-48px;
    width:42px;
    height:42px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:34px;
    cursor:pointer;
}
body.youtube-modal-open{overflow:hidden}

/* Contact */
.contact-page{padding:30px 0 58px;background:#fff}
.contact-main-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
    gap:34px;
    margin-top:25px;
}
.contact-form-panel,
.contact-info-panel{min-width:0}
.contact-info-panel{
    padding:30px;
    background:#2d3c43;
    color:#fff;
}
.contact-section-heading{margin-bottom:26px}
.contact-section-heading>span{
    display:block;
    margin-bottom:4px;
    color:#e13833;
    font-size:11px;
    font-weight:600;
}
.contact-section-heading h1,
.contact-section-heading h2{
    margin:0;
    color:#2d3c43;
    font-family:"Poppins",Arial,sans-serif;
    font-size:30px;
    line-height:1.2;
    font-weight:700;
}
.contact-section-heading p{
    max-width:660px;
    margin:8px 0 0;
    color:#7c888e;
    font-size:13px;
    line-height:1.7;
}
.contact-section-heading>div{
    width:68px;
    height:2px;
    margin-top:14px;
    background:#e13833;
}
.contact-section-heading--light h2{color:#fff}
.contact-form{display:grid;gap:16px}
.contact-form label{display:grid;gap:7px}
.contact-form label>span{
    color:#48565d;
    font-size:12px;
    font-weight:600;
}
.contact-form input,
.contact-form textarea{
    width:100%;
    border:1px solid #dfe4e7;
    border-radius:0;
    outline:0;
    background:#f9fafa;
    color:#26343b;
    font:inherit;
    font-size:13px;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.contact-form input{height:48px;padding:0 14px}
.contact-form textarea{min-height:172px;padding:13px 14px;resize:vertical}
.contact-form input:focus,
.contact-form textarea:focus{
    border-color:#e13833;
    background:#fff;
    box-shadow:0 0 0 3px rgba(225,56,51,.08);
}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:3px}
.contact-form-footer small{color:#8b959a;font-size:10px}
.contact-form-footer button{
    min-width:142px;
    min-height:45px;
    border:1px solid #e13833;
    background:#e13833;
    color:#fff;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:.18s ease;
}
.contact-form-footer button:hover{background:#c92e2a;border-color:#c92e2a}
.contact-form-footer button:disabled{opacity:.65;cursor:wait}
.contact-honeypot{
    position:absolute!important;
    left:-10000px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}
.contact-alert{margin:0 0 20px;padding:13px 15px;font-size:12px;line-height:1.55}
.contact-alert--success{background:#ecf8ef;color:#1f6b35;border:1px solid #cce9d4}
.contact-alert--error{background:#fff0ef;color:#a72c28;border:1px solid #f1d0ce}
.contact-info-list{display:grid;gap:1px;margin-bottom:24px}
.contact-info-list a{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#eef2f3;
    font-size:12px;
    line-height:1.5;
}
.contact-info-list b{width:20px;color:#e13833;font-size:15px;text-align:center}
.contact-map{height:285px;overflow:hidden;background:#dfe4e6}
.contact-map iframe{width:100%;height:100%;display:block;border:0}
.contact-follow-section{padding:48px 0;background:#f5f7f8}
.contact-follow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe4e7}
.contact-follow-grid article{
    min-height:175px;
    padding:30px;
    background:#fff;
    text-align:center;
}
.contact-follow-grid article>span{display:block;color:#e13833;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.contact-follow-grid h3{margin:5px 0 15px;color:#2d3c43;font-family:"Poppins",Arial,sans-serif;font-size:19px}
.contact-follow-grid article>a{color:#e13833;font-size:11px;font-weight:600}
.contact-social-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.contact-social-links a{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#2d3c43;
    color:#fff;
    font-size:12px;
    font-weight:700;
    transition:.18s ease;
}
.contact-social-links a:hover{background:#e13833}
.contact-latest-section{padding-top:58px}

@media(max-width:900px){
    .youtube-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .contact-main-grid{grid-template-columns:1fr}
    .contact-info-panel{padding:26px}
    .contact-follow-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
    .youtube-native-grid{grid-template-columns:1fr;gap:13px}
    .youtube-native-body{min-height:0}
    .youtube-video-modal{padding:16px}
    .youtube-video-dialog h3{margin:12px 48px 0 14px;font-size:13px}
    .contact-page{padding-top:22px}
    .contact-main-grid{gap:24px}
    .contact-section-heading h1,
    .contact-section-heading h2{font-size:24px}
    .contact-form-row{grid-template-columns:1fr}
    .contact-form-footer{align-items:stretch;flex-direction:column}
    .contact-form-footer button{width:100%}
    .contact-info-panel{padding:22px 18px}
    .contact-map{height:235px}
    .contact-follow-section{padding:34px 0}
}