html {
    scroll-behavior: smooth;
    transition: scroll 0.5s ease-in-out;
    color-scheme: light dark;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans Caption';
    src: url('fonts/PTSansCaption-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Caption';
    src: url('fonts/PTSansCaption-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('fonts/PTSerif-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('fonts/PTSerif-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'PT Serif';
    src: url('fonts/PTSerif-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PT Serif';
    src: url('fonts/PTSerif-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'PT Serif Caption';
    src: url('fonts/PTSerifCaption-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px;
    z-index: 1000;
    text-decoration: none;
}

.skip-link:focus {
    top: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.social-media-menu,
.sticky-share {
    display: none
}

.menu .dropdown {
    right: 0;
    left: auto;
}

.menu ul li a svg {
    margin: 0 0 -5px 0;
    width: 32px;
    fill: #a0a0a0;
    stroke: #000;
    stroke-width: 2;
}

.paketBuyukTitle {
    text-wrap-style: balance
}

#paketBuyukFoto .unsurlar span {
    align-self: center;
}

/* Hybrid Authentication & Subscription Classes */
.auth-guest,
.auth-user {
    display: none !important;
}

body.is-guest .auth-guest,
html.is-guest .auth-guest {
    display: block !important;
}

body.is-guest span.auth-guest,
html.is-guest span.auth-guest {
    display: inline-block !important;
}

body.is-guest a.auth-guest,
html.is-guest a.auth-guest {
    display: inline-flex !important;
}

body.is-guest li.auth-guest,
html.is-guest li.auth-guest {
    display: list-item !important;
}

body.is-user .auth-user,
html.is-user .auth-user {
    display: block !important;
}

body.is-user span.auth-user,
html.is-user span.auth-user {
    display: inline-block !important;
}

body.is-user a.auth-user,
html.is-user a.auth-user {
    display: inline-flex !important;
}

body.is-user li.auth-user,
html.is-user li.auth-user {
    display: list-item !important;
}

/* Ad Hiding for Subscribers */
body.is-subscriber .advertisement-area,
html.is-subscriber .advertisement-area,
body.is-subscriber .mastheadHaber,
html.is-subscriber .mastheadHaber,
body.is-subscriber .advertisement-scripts,
html.is-subscriber .advertisement-scripts,
body.is-subscriber .adm-ads-area,
html.is-subscriber .adm-ads-area,
body.is-subscriber .full-reklam,
html.is-subscriber .full-reklam,
body.is-subscriber .topBanner,
html.is-subscriber .topBanner,
body.is-subscriber .desktop-banner,
html.is-subscriber .desktop-banner,
body.is-subscriber .mobile-banner,
html.is-subscriber .mobile-banner,
body.is-subscriber #div-gpt-ad-1753341605989-0,
html.is-subscriber #div-gpt-ad-1753341605989-0,
body.is-subscriber #div-gpt-ad-1753341511875-0,
html.is-subscriber #div-gpt-ad-1753341511875-0,
body.is-subscriber [id^="div-gpt-ad-"],
html.is-subscriber [id^="div-gpt-ad-"] {
    display: none !important;
}

body.dark-mode {
    background-color: #000;
    color: #f1f1f1;
}

.dark-mode .block:nth-child(odd),
.dark-mode .sticky-menu {
    background: #000 !important;
}

.dark-mode .block:nth-child(even),
.dark-mode .gundemBar,
.dark-mode article .full-gray,
.dark-mode .sondakikaBar,
.dark-mode .hidden-content,
.dark-mode .accordion-header {
    background: #272829;
}

.dark-logo {
    display: none !important;
}

.dark-mode .light-logo {
    display: none !important;
}

.dark-mode .dark-logo {
    display: block !important;
}

.dark-mode .reklamKapat a,
.dark-mode .pazarColor a,
.dark-mode .etiketYazi .red a,
.dark-mode #yazilar .block-title .red,
.dark-mode #videoBant .block-title .red,
.dark-mode .manset-side .block-title .red,
.dark-mode .paket-buyuk-foto a .red,
.dark-mode .paket-buyuk-foto .takip-call a,
.dark-mode .sondakika .red,
.dark-mode .blockTitle .red,
.mobile-menu .red,
.dark-mode .gundemBar .red,
.dark-mode .haber a,
.videobg .red,
.dark-mode .haberYazi .yazarlar .red a {
    color: #f6292f !important;
}

.dark-mode .big-title,
.dark-mode .sondakika a,
.dark-mode .big-title a,
.dark-mode .gundem .tekhaber-text .title {
    color: #fff !important;
}

.dark-mode .spot,
.dark-mode .menu ul li a,
.dark-mode #scrollTopBtn,
.dark-mode .title,
.dark-mode .title a,
.dark-mode .breadcrumb a,
.dark-mode .article,
.dark-mode .gundemBar span a:hover,
.dark-mode .takip-text a,
.dark-mode .tarih,
.dark-mode .yazi-item a span,
.dark-mode .sticky-share span,
.dark-mode .sticky-share span a {
    color: #f1f1f1 !important;
}

.dark-mode .paket-tekhaber .takip-et,
.dark-mode .paket-tekhaber .takip-et span,
.dark-mode .paket-tekhaber .takip-call {
    background: #333;
}

.dark-mode .menu .dropdown {
    box-shadow: 0 1px 3px #666;
    background: #121212;
}

.dark-mode .sticky-menu {
    box-shadow: 0 1px 2px #d0d0d0;
}

.dark-mode .blinking-dot {
    background-color: #f6292f !important;
}

.dark-mode .topbar .red,
.dark-mode .block .blockTitle .red a,
.dark-mode .unsurlar a .red,
.dark-mode .unsurlar .red a,
.dark-mode .evrensel-manset a .red,
.dark-mode #yazilar a .red,
.dark-mode #yazilar .red a,
.dark-mode .etiketPaket .etiketLink a,
.dark-mode .etiketPaket .blockTitle .red,
.dark-mode #aboneBant .blockTitle .red,
.dark-mode #oyunBant .blockTitle .red,
.dark-mode #scrollTopBtn:hover,
.dark-mode .sicakManset .red a,
.dark-mode .tekhaber-text .red a,
.dark-mode .article h3,
.dark-mode .gundemBar span a:hover,
.dark-mode .menu a:hover,
.dark-mode .haberYazilar .yazar-text .title a,
.dark-mode .kategoriHaberler a .red,
.dark-mode #yazar .yaziBant .title,
.dark-mode .yaziBant .red a,
.dark-mode .manset-text .red,
.dark-mode .article .basliklar ul li .active,
.dark-mode .gundem .tekhaber-text .red,
.dark-mode .yazarlar-grid .red a,
.dark-mode #isciSendika .manset-tip1 .red a,
.dark-mode #dunya .manset-tip1 .red a,
.dark-mode .fotograf .takip-text a .red,
.dark-mode .fotograf .takip-call a,
.dark-mode .geceManset .sicakMansetSol .red,
.dark-mode .geceManset .sicakMansetorta .red,
.dark-mode #geceManset .red a,
.dark-mode #geceManset .manset-side .sub-title,
.dark-mode .cast .title {
    color: #f89336 !important
}

.dark-mode .paket-buyuk-foto .takip-text a {
    color: #333 !important;
}

.mobile-menu .social-icons a,
.dark-mode .social-icons a {
    border: 2px solid #d0d0d0;
}

.mobile-menu .social-icons .icon,
.dark-mode .social-icons .icon {
    stroke-width: 2;
}

.mobile-menu .social-icons .icon,
.dark-mode .social-icons .icon,
.dark-mode .takip-et .icon,
.dark-mode .mobileMenu .menu-icon .icon {
    stroke: #d0d0d0;
}

.dark-mode .menu ul li a svg {
    stroke: #fff;
    fill: #fff;
}

.dark-mode .breadcrumb svg {
    fill: #f6292f;
}

.dark-mode .tarih svg {
    stroke: #f1f1f1;
    stroke-width: 2;
}

.dark-mode .kategoriHaberler .tarih svg {
    stroke: #d0d0d0;
}

.dark-mode .article .paylas {
    background: transparent
}

.dark-mode .article .paylas svg,
.dark-mode .fotograf .paylas svg {
    stroke: #d0d0d0 !important;
    stroke-width: 2 !important;
    fill: transparent !important;
}

.dark-mode .paylas .twitter-x {
    stroke: #fff;
    fill: #000;
    stroke-width: 1;
}

.dark-mode .paylas .facebook {
    stroke: #fff;
    fill: #4267B2;
    stroke-width: 1;
}

.dark-mode .paylas .whatsapp {
    stroke: #fff;
    fill: #4EC85C;
    stroke-width: 1;
}

.dark-mode .paylas .bluesky {
    stroke: #fff;
    stroke-width: 1;
}

.dark-mode .paylas .share {
    stroke: #fff;
    fill: #f6292f;
    stroke-width: 1;
}

.dark-mode .ctPazar .etiketYazi img,
.dark-mode .yazar img,
.dark-mode .etiketPaket .etiketYazi img,
.dark-mode .ikisutunhaber div img,
.dark-mode .etiketPaket .etiketKapak img,
.dark-mode .accordion-item {
    border: 1px solid #666;
}

.dark-mode .cumartesiColor a,
.dark-mode .cumartesiBg .etiketPaket .etiketLink a {
    color: #9bcd9b !important;
}

.dark-mode .sicakMansetOrta,
.dark-mode .unsurlar span,
.dark-mode .carousel-item,
.dark-mode .menu ul li,
.dark-mode .unsurlar .unsur-item,
.dark-mode .article .basliklar {
    border-right: 1px solid #666;
}

.dark-mode .sicakMansetSag,
.dark-mode .sicakManset .manset-side,
.dark-mode .evrensel-manset .manset-side,
.dark-mode .aksamSag .manset-side {
    border-left: 1px solid #666;
}

.dark-mode .sicakMansetSol span:nth-child(1),
.dark-mode .sicakMansetSag span:nth-child(1),
.dark-mode .sidehaber,
.dark-mode .ikisutunhaber div,
.dark-mode .gundemBar,
.dark-mode .sicakMansetSol .manset-article:nth-child(1),
.dark-mode .sicakMansetSag .manset-article:nth-child(1),
.dark-mode .ikisutunhaber .haber-item,
.dark-mode .fotoManset .manset-spot,
.dark-mode #gazeteManset .manset-tip2 .kutular {
    border-bottom: 1px solid #666 !important;
}

.dark-mode .blockLine,
.dark-mode .tekhaber::before,
.dark-mode .paket-tekhaber::before,
.dark-mode .paket-tekhaber::after,
.dark-mode .paket-tekhaber .takip-et::after,
.dark-mode .paket-buyuk-foto::before,
.dark-mode .paket-buyuk-foto::after,
.dark-mode .paket-buyuk-foto .takip-et::after,
.dark-mode .fotoManset .unsurlar::after,
.dark-mode .takipsiz .tekhaber::after {
    background: #666;
}

.dark-mode .unsurlar,
.dark-mode .haberSonuReklam .full-reklam {
    border-top: 1px solid #666;
}

.dark-mode .arrow .icon {
    fill: #000;
}

.dark-mode .gundemTitle,
.dark-mode .gundemTitle a,
.dark-mode .paket-tekhaber .takip-et .red,
.dark-mode .paket-tekhaber .takip-et .red a,
.dark-mode .paket-buyuk-foto .oku a,
.dark-mode .paketBuyukTitle a,
.dark-mode .gundem .haberTarih span,
.dark-mode .gundem .yaziTarih span {
    color: #7FFFD4 !important
}

.dark-mode .gundem .haberTarih .icon,
.dark-mode .gundem .yaziTarih .icon {
    stroke: #7FFFD4;
    fill: #7FFFD4;
}

.dark-mode .gundemBar .icon {
    stroke: #7FFFD4;
    fill: #7FFFD4;
    background: #272829;
}

.dark-mode .yaziBant div a,
.dark-mode .gundem .tablink a {
    color: #a0a0a0 !important;
}

.dark-mode .yaziBant .email svg {
    fill: #a0a0a0;
}

.dark-mode .plyr__control svg,
.dark-mode .pagination svg {
    fill: #fff !important;
}

.dark-mode .yazarlar .sub-title a,
.dark-mode .fotoManset .manset-spot,
.dark-mode .yaziBant span a,
.dark-mode .gundem .tekhaber-text .spot {
    color: #d0d0d0 !important;
}

.dark-mode .mastheadHaber,
.dark-mode .gundem .haberler,
.dark-mode .basliklar {
    background: #000 !important;
}

.dark-mode .footer {
    background: #000 !important;
    box-shadow: none;
    margin: 1px 0 0 0;
}

.dark-mode .haber figure {
    background: #666;
    border: 1px solid #666;
}

.dark-mode .article-image p,
.dark-mode .article-image a,
.dark-mode .article figcaption p,
.dark-mode .article figcaption a,
.cumartesiBg .manset-foto span,
.pazarBg .manset-foto span,
.dark-mode .basliklar .block-title,
.dark-mode .article .basliklar ul li a {
    color: #d0d0d0;
}

.dark-mode .gazeteManset {
    background-color: #f89336 !important;
}

.dark-mode .gazeteManset .blockTitle,
.dark-mode .gazeteManset .big-title a,
.dark-mode #gazeteManset .big-title,
.dark-mode .gazeteManset .manset-spot,
.dark-mode .gazeteManset .title a,
.dark-mode .birincisayfa .sub-title,
.dark-mode .gazeteManset .spot,
.dark-mode #gazeteManset .unsurlar .title,
.cumartesiBg .red,
.pazarBg .red {
    color: #000 !important
}

.dark-mode .gazeteManset .blockTitle .red,
.dark-mode .gazeteManset .blockTitle .sub-title,
.dark-mode .gazeteManset .unsurlar .red a,
.dark-mode .gazeteManset .evrensel-manset a .red,
.dark-mode #gazeteManset .manset-text .red,
.dark-mode .live-blog-content h3 {
    color: #aa1218 !important
}

.dark-mode .article .basliklar ul li .active {
    border-right: 3px solid #f89336 !important
}

.dark-mode .takipetBox .icon,
.dark-mode #scrollTopBtn svg {
    fill: #f89336;
}

.dark-mode .sticky-share svg {
    background: #f89336;
    stroke: #000;
}

.dark-mode .fotograf .takip-et,
.dark-mode .fotograf .takip-et span,
.dark-mode .fotograf .takip-call {
    background: transparent;
}

.dark-mode .live-blog-item,
.dark-mode .live-sol {
    background-color: #d0d0d0;
    color: #202126;
}

body {
    margin: 0;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    color: #333;
}

/* ::-webkit-scrollbar {
    width: 0;
    height: 0;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Switch (On/Off Butonu) Stilleri */
.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 15px 0 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switcher {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #202126;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

/* İkon Stilleri (Güneş ve Ay) */
.switcher .icon {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
}

.switcher:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #202126;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

input:checked+.switcher:before {
    background-color: #f1f1f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-sun'><path stroke='none' d='M0 0h24v24H0z' fill='none'/>%3Cpath d='M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0' /><path d='M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7' /></svg>");
}

.block:nth-child(even) {
    background-color: #f1f1f1;
}

.block:nth-child(odd) {
    background-color: #fff;
}

.block:last-child {
    margin: 0 0 -25px 0;
}

.blokKapali div {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
}

#message-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.message-box {
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;
}

.error {
    background-color: #f08080;
    color: #fff;
}

.yenile-butonu {
    pointer-events: auto;
}

.takip-button {
    position: static !important;
    rotate: 0deg !important
}

.hs-iframe {
    display: none !important
}

body {
    margin: 0;
    font-family: 'PT Serif';
}

a {
    text-decoration: none;
    color: #333;
}

.red,
.red a {
    color: #aa1218
}

.red-button {
    background-color: #fff;
    color: #aa1218;
    padding: 9px;
    border: 1px solid #aa1218;
    cursor: pointer;
    border-radius: 5px;
}

.red-button:hover {
    background-color: #aa1218;
    color: #fff;
    border: 1px solid #fff;
}

.bold {
    font-weight: 700 !important
}

.big-title,
.big-title a {
    font-family: 'PT Serif Caption';
    font-size: clamp(1.0rem, calc(1.0rem + 2vw), 2.2rem);
    font-weight: 400;
    line-height: 130%;
    text-wrap-style: balance;
    color: #000;
}

.spot {
    font-family: 'PT Serif';
    font-size: 1rem;
    color: #202126;
    line-height: 150%;
    padding: 0 30px 0 0;
    text-wrap-style: pretty;
}

.title,
.title a {
    font-family: 'PT Serif';
    font-size: clamp(0.8rem, calc(0.8rem + 1vw), 1rem);
    font-weight: 400;
    line-height: 140%;
    overflow-wrap: anywhere;
    text-wrap-style: balance;
}

.small-title,
.small-title a {
    font-family: 'PT Serif';
    font-size: 1rem;
    overflow-wrap: break-word;
    text-wrap-style: balance;
}

.sub-title,
.sub-title a {
    font-family: 'PT Serif';
    font-size: 1rem;
    font-weight: 400;
    overflow-wrap: break-word;
    text-wrap-style: balance;
}

.mt30 {
    margin-top: 30px !important
}

.mt60 {
    margin-top: 60px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt15 {
    padding-top: 15px !important
}

.relative {
    position: relative
}

.container {
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
    display: flow
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 15px 0;
}

.logo {
    height: 50px;
}

.logo img {
    width: 150px;
    padding: 0;
    margin: 0;
    align-items: center;
    display: flex;
}

.subscribe {
    display: inline-flex;
    margin: 10px 0 0 0;
}

.giris {
    font-family: 'PT Sans Caption';
    margin: 5px auto 0 auto;
    font-size: 14px
}

.subscribe-button {
    font-size: 12px;
    font-family: 'PT Sans Caption';
}

.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.menu {
    text-align: center;
    padding: 10px 0 15px 0;
    border-top: 0.5px solid #ddd;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.menu ul li {
    display: block;
    position: relative;
    padding: 0 15px;
    border-right: 1px solid #d0d0d0;
    white-space: nowrap;
}

.menu ul li:last-child,
.menu .dropdown li {
    border-right: none !important;
}

.menu ul li a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
    font-family: 'PT Sans Caption';
}

.menu .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 1px 3px #d0d0d0;
    min-width: 200px;
    z-index: 3;
    padding: 0 0 30px 0
}

.menu .dropdown a {
    display: block;
    padding: 10px 10px 0 10px;
    text-decoration: none;
}

.menu a:hover {
    color: #aa1218
}

.menu ul li:hover .dropdown {
    display: block;
}

.menu ul li:hover>a svg {
    transform: rotate(180deg)
}

.menu ul li a svg {
    margin: 0 -7px -4px -5px;
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    fill: #a0a0a0;
}

.menu .dropdown li a {
    margin: 15px 0 -15px 15px !important;
    text-align: left
}

.gundemBar {
    padding: 15px 15px 15px 0;
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #d0d0d0 !important;
    background: #f1f1f1;
}

.gundemBar .container {
    display: inline-flex;
}

.gundemBar div {
    width: 100%;
    display: inline-flex;
}

.gundemBar div p {
    margin: 0;
    font-size: 22px;
    line-height: 22px;
    ;
}

.gundemTitle,
.gundemTitle a {
    color: #008080;
}

.gundemBar div a {
    font-family: 'PT Sans Caption';
    font-size: 14px;
    margin: 3px 0 0 3px;
}

.gundemBar div:nth-child(2) {
    padding: 1px 30px 0 15px;
    text-align: start;
}

.gundemBar div:last-child {
    padding: 1px 0 0 30px !important;
    text-align: end !important;
}

.gundemBar div:nth-child(3),
.gundemBar div:nth-child(4) {
    padding: 1px 30px 0 30px;
    text-align: center;
}

.gundemBar div a:hover {
    color: #aa1218;
}

.gundemBar .icon {
    width: 126px;
    height: 26px;
    stroke: #008080;
    margin: 0 0 0 -6px;
    fill: #008080;
    background: inherit;
}

.gundemBar .gundemlerBar {
    margin: 3px 30px 0 -15px;
}

.full-gray {
    background: #f1f1f1;
}

.carousel {
    display: inline-flex;
    padding: 30px 0
}

.carousel .title a {
    line-height: 140%
}

.usthaber {
    text-align: left;
    display: inline-flex;
    width: 33.33%;
}

.usthaber span {
    width: calc(100% - 115px);
}

.usthaber .title,
.manset-article .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.usthaber:first-child {
    padding: 0 15px 0 0
}

.usthaber:nth-child(2) {
    padding: 0 0 0 15px
}


.usthaber:last-child {
    padding: 0 0 0 15px;
    border-right: none
}

.usthaber img {
    width: 100px;
    height: 66px
}

.usthaber:first-child img,
.usthaber:last-child img {
    margin: 0 0 0 15px
}

.usthaber:nth-child(2) img {
    margin: 0 15px 0 5px
}

.evrensel-manset,
.aksamManset {
    display: inline-flex;
    width: 100%;
}

.evrensel-manset .manset-main,
.aksamManset .aksamSol {
    padding: 0 30px 0 0;
    width: 72.22%
}

.evrensel-manset .manset-side,
.aksamSag .manset-side {
    padding: 0 0 0 29px;
    border-left: 1px solid #d0d0d0;
    width: 22.22%
}

.manset-side .spot {
    font-size: 14px;
    margin: 0 0 15px 30px;
    color: #666;

}

.block-title {
    display: flex;
    align-items: baseline;
    width: 100%;
    height: 1px;
}

.blockTitle {
    white-space: nowrap;
    font-family: 'PT Sans Caption';
    font-weight: 700;
    font-size: 16px;
}

.blockTitle .red {
    margin: 0 5px 0 0;
}

.blockLine {
    flex-grow: 1;
    height: 1px;
    background: #d0d0d0;
    border-width: 0;
}

.ozelHaberler {
    padding: 0 0 30px 0 !important;
}

.ozelHaberler .unsurlar {
    border-top: none;
    padding: 0;
}

.unsurlar {
    display: inline-flex;
    padding: 30px 0 0 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
}

.ozelHaberler span img,
.ozelHaberler .unsur-item img {
    width: 100%;
    margin: 0 auto 10px auto;
}

.ozelHaberler span:last-child img,
.ozelHaberler .unsur-item:last-child img {
    width: 240px;
    height: 145px;
    margin: 0 0 10px 0;
}

.ozelHaberler span:last-child .title,
.ozelHaberler span:last-child .sub-title,
.ozelHaberler .unsur-item:last-child .title,
.ozelHaberler .unsur-item:last-child .sub-title {
    margin: 0;
}


.ozelHaberler span:first-child,
.ozelHaberler .unsur-item:first-child {
    padding: 0 30px 0 0
}

.ozelHaberler span:last-child,
.ozelHaberler .unsur-item:last-child {
    padding: 0 0 0 30px !important;
}

.unsurlar span,
.unsurlar .unsur-item {
    border-right: 1px solid #d0d0d0;
    padding: 0 30px;
    width: 100%;
    display: grid;
}

.unsurlar span .title,
.unsurlar .unsur-item .title {
    align-self: center;
    margin: 5px 0 0 0;
}

.manset-tip1 .unsurlar span:first-child {
    padding: 0 60px 0 0
}

.unsurlar span:first-child,
.unsurlar .unsur-item:first-child {
    padding: 0 30px 0 0;
}

.unsurlar span:last-child,
.unsurlar .unsur-item:last-child {
    border-right: none;
    border-bottom: none !important;
    padding: 0 0 0 30px;
}

.gazeteManset {
    background-color: #FCE3AB !important;
}

.gazeteManset .manset {
    display: flex;
}

.gazeteManset .manset .manset-foto {
    align-self: center;
}

#gazeteManset .manset-tip1 .unsurlar {
    margin: 15px 0 0 0;
}

#gazeteManset .unsurlar .unsur-item:first-child {
    padding: 30px 0 0 0;
}

#gazeteManset .manset-tip2 .unsurlar .unsur-item:first-child {
    padding: 0;
}

.manset-tip1 .unsurlar {
    margin: 25px 0 0 0;
    padding: 0;
}

#gazeteManset .manset-tip2 .kutular {
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 30px 0 !important;
}


.kutular {
    margin: 0 0 30px 0 !important;
}

.kutular .title {
    font-family: 'PT Sans Caption';
    text-align: left;
    font-weight: bold;
}

#gazeteManset .manset-tip1 .manset-spot {
    padding: 0 30px 0 0;
}

.manset-tip1 .manset-spot {
    padding: 0 20px 0 0
}

.fotoManset .manset-spot {
    width: 72.2%;
    margin: 10px auto 0 auto;
    padding: 0 0 30px 0;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
}

.manset-spot {
    font-size: 17px;
    font-style: italic;
}

.manset-tip1 .ust {
    display: inline-flex;
    width: 100%;
}

.manset-tip1 .ust .manset-text,
.manset-tip1 .manset-foto {
    width: 50%;
}

#gazeteManset .manset-tip1 .ust .manset-text,
#gazeteManset .manset-tip1 .manset-foto {
    margin: 15px 0 30px 0;
    float: left;
}

#gazeteManset .manset-tip1 .manset-text {
    padding: 30px 0 0 0;
}

.manset-tip1 .manset-article {
    display: inline-flex;
}

.manset-tip1 .manset-text {
    padding: 30px 15px 15px 0;
    align-self: center;
}

.manset-tip1 .manset-foto img {
    width: 100%;
    margin: 30px 0 0 0
}

#gazeteManset .manset-tip2 .manset-foto {
    margin: 10px 0 0 0
}

#gazeteManset .manset-tip2 .unsurlar .unsur-item {
    padding: 0 0 0 30px;
}

#gazeteManset .unsurlar .unsur-item {
    padding: 30px 0 0 30px;
    align-self: center;
}

.manset-tip2 .manset-foto {
    margin: -10px 0 0 0
}

.manset-tip2 .manset-foto img {
    width: 100%;
    margin: 15px 0 0 0;
}

.manset-tip2 .manset-text {
    text-align: center;
    margin: 10px 0 0 0
}

#gazeteManset .manset-tip2 .unsurlar {
    border-top: 0;
    padding: 0;
}

#gazeteManset .kutular .title {
    text-align: center !important;
}

.manset-tip2 .unsurlar {
    text-align: center;
    padding: 30px 0;
}

.manset-reklam img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 728px
}

.full-reklam {
    padding: 0 0 30px 0;
    text-align: center;
}

.full-reklam img,
.full-reklam iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 970px;
    position: relative !important;
}

.haberSonuReklam .full-reklam {
    border-top: 1px solid #d0d0d0;
}

.yazarlar {
    display: inline-flex;
    padding: 10px 0 0 0;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}

.yazarGenislik33 .yazar {
    width: 33.33%;
}

.yazarGenislik50 .yazar {
    width: 50%;
}

.yazarGenislik100 .yazar {
    width: 50%;
}

.yazarGenislik100 .yazar::after {
    border-right: none !important
}

.yazarlar .yazar {
    display: flex;
    box-sizing: border-box;
    padding: 30px 0 0 15px;
    position: relative;
    margin: 0 auto 10px auto;
}

.yazarlar .yazar figure {
    margin: 0;
    display: flex;
}

.yazar-text {
    display: inline-grid;
    order: 1;
    max-width: calc(100% - 80px);
    align-self: center;
}

.yazar-text .sub-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 15px 0 0;
}

.yazar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    order: 2;
    max-width: 80px;
    float: inline-end;
    margin: 0 15px 0 0;
    align-self: center;
}

.yazarGenislik50 .yazar:nth-child(even) {
    padding: 30px 0 0 30px
}

.yazarGenislik50 .yazar:nth-child(odd) .yazar-text {
    max-width: calc(100% - 130px);
}

.yazarGenislik25 .yazar {
    width: 25%;
    float: left
}

.yazarGenislik33 .yazar:last-child::after {
    border-right: none
}


.yazarGenislik3-2 .yazar:nth-child(-n+3) {
    width: 33.33%;
    float: left;
}

.yazarGenislik3-2 .yazar:nth-child(n+4) {
    width: 33.33%;
    margin: 0 auto;
    float: left;
    clear: left;
}

.yazarGenislik4-3 .yazar:nth-child(-n+4) {
    width: 25%;
    float: left;
}

.yazarGenislik4-3 .yazar:nth-child(n+5) {
    width: 33.33%;
    margin: 30px auto 0 auto;
    float: left;
    clear: left;
}

.yazarGenislik3-3-4 .yazar:nth-child(-n+6) {
    width: 33.33%;
    float: left;
}

.yazarGenislik3-3-4 .yazar:nth-child(n+7) {
    width: 25%;
    margin: 0 auto 0 auto;
    float: left;
    clear: left;
}

.yazarGenislik4-4-3 .yazar:nth-child(-n+8) {
    width: 25%;
    float: left;
}

.yazarGenislik4-4-3 .yazar:nth-child(n+9) {
    width: 33.33%;
    margin: 0 auto 0 auto;
    float: left;
    clear: left;
}

.ilgiliEtiket .etiketYazi:nth-child(-n+4) {
    border-right: none !important;
}

.ilgiliEtiket .etiketYazi:nth-child(-n+4) img {
    width: 50% !important;
    height: auto !important;
}

.manset-side .adv img {
    width: 100%;
    display: block;
    margin: 0 auto 20px auto
}

.birincisayfa {
    margin: 9px 0 14px 0;
    display: inline-flex
}

.birincisayfa img {
    border: 3px solid #aa1218;
    margin: 0 0px 10px 0 !important;
    width: 110px !important
}

.birincisayfa .bstext {
    margin: 200px 0 0 0
}

.aboneol {
    margin: 135px 0 0 10px
}

.karikatur img {
    width: 240px;
    margin: 0 0 15px 0;
    display: block;
}

.socialbar {
    display: flex;
    gap: 20px;
    padding: 0 20px;
    margin: 20px auto
}

.newsletter,
.gamebox,
.abonebox {
    background: #ededed;
    padding: 20px;
    width: calc(23% - 25px)
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px;
    margin: 6px 0 -11px 0
}

.social-icons .icon {
    width: 18px;
    height: 18px;
    margin: 0 0 0 -2px;
    fill: none;
    stroke: #000;
    stroke-width: 1;
}

.social-media-icons .icon {
    width: 32px;
    height: 32px;
    margin: 15px 10px;
    fill: none;
    stroke: #000;
    stroke-width: 1;
}

.social-icons .icon:hover,
.social-media-icons .icon:hover {
    stroke: #000;
}

.social-icons a {
    text-decoration: none;
    color: #202126;
    padding: 4px 11px 12px 6px;
    border: 1px solid #a0a0a0;
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.social-media-icons a {
    text-decoration: none;
    color: #202126;
    padding: 4px 11px 12px 6px;
    border: 0;
    border-radius: 50%;
    width: 16px;
    height: 16px
}

/* Old Sıcak Manset styles - disabled to use 7-news structure */
/*.sicakManset {
    display: inline-flex;
}
... */

.sicakMansetOrta .sub-title a,
#dunya .manset-tip1 .red a,
#isciSendika .manset-tip1 .red a,
#politika .manset-text .red,
#kultur .manset-text .red,
#guncel .manset-text .red,
#ekonomi .manset-text .red {
    font-size: clamp(0.95rem, calc(0.95rem + 1vw), 1.4rem);
}

.sicakManset img {
    width: 100%;
    margin: 0 0 15px 0
}

.sicakManset .spot {
    line-height: 150%;
    text-align: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.sicakMansetSol span:nth-child(1),
.sicakMansetSag span:nth-child(1),
.sicakMansetSol .manset-article:nth-child(1),
.sicakMansetSag .manset-article:nth-child(1) {
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 15px 0;
    display: inline-block;
    margin: 0 0 15px 0
}

.sicakMansetSol span:nth-child(3),
.sicakMansetSol .manset-article:nth-child(3) {
    border-top: 1px solid #d0d0d0;
    padding: 15px 0 0 0;
    display: inline-block;
    margin: 15px 0 0 0
}

.sicakMansetSag span,
.sicakMansetSag .manset-article {
    text-align: end
}

.sicakManset span,
.sicakManset .manset-article {
    min-height: 255px
}

.sicakMansetSag span:nth-child(2) img,
.sicakMansetSag .manset-article:nth-child(2) img {
    margin: 10px 0 15px 0
}

.sicakMansetSol span:nth-child(2) img,
.sicakMansetSol .manset-article:nth-child(2) img {
    margin: 10px 0 15px 0
}

.sicakManset figure,
.carousel-item figure,
.etiketBox figure,
.ozelHaberler figure {
    margin: 0;
}

.geceManset .sicakMansetOrta {
    width: 50%;
    padding: 0 30px;
    border-left: 1px solid #d0d0d0
}

.geceManset .sicakMansetOrta .big-title a {
    line-height: 120%
}

.geceManset .sicakMansetSol .sub-title {
    margin: 0 0 10px 0
}

.geceManset .sicakMansetSol {
    padding: 0 30px 0 0;
}

.sicakMansetIki .unsurlar::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 30px;
    width: calc(100% - 60px);
    height: 2px;
    background-color: #d0d0d0;
    z-index: 1
}

.sicakMansetIki .article-spot {
    padding: 30px 0 0 0
}

.sicakMansetIki .unsurlar span:nth-child(2) {
    text-align: center;
}

.sicakMansetIki .unsurlar span:nth-child(3) {
    text-align: right;
}

.sicakMansetIki .unsurlar img {
    margin: 0 0 15px 0;
}

.blok .engelle {
    rotate: -90deg;
    position: absolute;
    top: 75px;
    left: -150px;
    width: 180px;
    line-height: 24px;
    z-index: 2;
}

#saveButton {
    cursor: pointer;
    width: 150px;
    position: fixed;
    bottom: 135px;
    background: #000;
    color: #fff;
    padding: 5px 0;
    font-weight: 700;
    font-size: 20px;
    z-index: 3;
    right: 0
}

.sidehaber {
    display: inline-flex;
    width: 100%
}

.sidehaber span {
    width: calc(100% - 85px)
}

.sidehaber img {
    width: 100px;
    height: 66px;
    margin: 5px 0 0 5px
}

.sidehaber:nth-child(1) {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d0d0d0
}

.sidehaber:nth-child(2) {
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0
}

.sidehaber:nth-child(3) {
    padding: 15px 0;
}

.manset-main .sidehaberler {
    width: 100% !important;
    display: inline-flex;
}

.manset-main .sidehaber {
    width: 100% !important;
    border-bottom: none
}

.manset-main .sidehaber span {
    border-right: 1px solid #d0d0d0;
    width: 100%
}

.manset-main .sidehaber:nth-child(2) {
    padding: 0 30px
}

.manset-main .sidehaber:nth-child(3) {
    padding: 0 0 30px 0;
}

.manset-main .sidehaber:nth-child(3) span {
    border-right: none
}

.manset-main .sidehaber img {
    display: none;
}

.manset-main .sidehaber:nth-child(2) .small-title {
    padding: 0 30px 0 0
}

.paket-buyuk-foto {
    margin-bottom: 30px
}

.paket-buyuk-foto .buyuk-foto {
    position: relative
}

.paket-buyuk-foto img {
    width: 100%
}

/* .paket-buyuk-foto .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 5px);
    opacity: 0.3;
    box-sizing: border-box;
    background:#000
} */

.paket-buyuk-foto .block-title {
    position: absolute;
    top: 40px;
    z-index: 1;
    left: 20px;
    padding: 5px 10px 10px 10px;
    width: calc(100% - 60px);
    background: transparent;
    color: #fff;
    font-size: clamp(1rem, calc(1rem + 1vw), 1.5rem);
}

.fotoManset .paket-buyuk-foto .block-title {
    margin: -10px 0 0 0;
}

.fotoManset .paket-buyuk-foto .block-title span {
    background: #000;
    font-size: 25px;
}

.fotoManset .unsurlar::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 30px;
    height: 2px;
    width: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.fotoManset .unsurlar span {
    align-self: flex-start;
}

.fotoManset .unsurlar span .title,
.fotoManset .unsurlar span .title a {
    margin: 0;
    text-wrap-style: pretty;
}

.paket-buyuk-foto .block-title span {
    background: rgba(0, 0, 0, 0.8);
    width: fit-content;
    padding: 0 10px;
}

.paket-buyuk-foto .block-title::after {
    border-bottom: 2px solid #d0d0d0;
    margin: 0
}

.paket-buyuk-foto::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 30px;
    width: 2px;
    height: calc(100% - 30px);
    background-color: #d0d0d0;
    z-index: 1
}

.paket-buyuk-foto::after {
    content: "";
    position: absolute;
    top: 60px;
    right: 30px;
    width: 2px;
    height: calc(100% - 30px);
    background-color: #d0d0d0;
    z-index: 1
}

.fotoManset .paketBuyukTitle {
    padding: 5px 0 0 0;
    text-wrap-style: balance;
}

.paketBuyukTitle {
    margin: 0 auto;
    padding: 15px 0 0 0;
    text-align: center;
    font-size: clamp(1.2rem, calc(1.2rem + 2vw), 2.2rem);
    line-height: 130%;
    font-weight: 400;
    width: 90%;
    color: #000;
    font-family: 'PT Serif Caption';
    text-wrap-style: balance;
}

.dark-mode .paketBuyukTitle {
    color: #fff;
}

.paket-buyuk-foto .unsurlar {
    border-top: none;
    padding: 30px 30px 0 30px;
    width: calc(100% - 90px);
}

.paket-buyuk-foto .unsurlar span:first-child {
    padding: 0 30px 0 30px;
}

.paket-buyuk-foto .oku {
    text-align: center;
    padding: 30px;
    font-weight: 700;
}

.paket-buyuk-foto .takip-et,
.fotograf .takip-et {
    background-color: #ddd;
    padding: 30px;
    width: calc(100% + 60px);
    display: inline-flex;
    margin: 0 -60px
}

article .takip-et {
    padding: 15px 0;
    width: 100%;
    display: inline-flex;
    margin: -10px 0 0 0;
    border-top: 1px solid #d0d0d0;
}

.fotograf .takip-et {
    border-top: 1px solid #a0a0a0
}

.paket-buyuk-foto .takip-et span,
.fotograf .takip-et span {
    margin: 0 30px 0 35px;
    z-index: 1;
    padding: 5px 0;
    background: #ddd;
    font-family: 'PT Sans Caption';
}

article .takip-et span {
    margin: 0 30px 0 0;
    z-index: 1;
    padding: 5px 0;
}

.paket-buyuk-foto .takip-et span svg,
.fotograf .takip-et span svg,
.article .takip-et span svg,
.paket-tekhaber .takip-et span svg,
article .takip-et span svg {
    stroke: #272829;
    width: 42px;
    height: 42px;
    margin: 0 0 0 5px;
    fill: transparent
}

.tekhaber iframe {
    margin: -12px -15px 0 5px;
}

.paket-buyuk-foto .takip-call,
.fotograf .takip-call {
    font-family: 'PT Sans Caption';
    background-color: #ddd;
    position: absolute;
    right: 50px;
    top: 35px;
    padding: 17px 0;
    z-index: 2;
}

article .takip-call {
    font-family: 'PT Sans Caption';
    position: absolute;
    right: 5px;
    top: 40px;
    padding: 0;
    z-index: 2;
}

.paket-buyuk-foto .takip-text,
.fotograf .takip-text {
    position: absolute;
    left: 150px;
    top: 37px
}

article .takip-text {
    position: absolute;
    left: 65px;
    top: 20px
}

.paket-buyuk-foto .takip-text span,
.fotograf .takip-text span,
.article .takip-text span {
    margin: 0
}

.paket-buyuk-foto .takip-et::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 90px;
    height: 2px;
    width: calc(100% - 180px);
    background-color: #d0d0d0;
    z-index: 1
}

.takipsiz .paket-buyuk-foto {
    margin-bottom: 0 !important
}

.takipsiz .unsurlar::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 30px;
    height: 2px;
    width: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.takipsiz .paket-buyuk-foto::before,
.takipsiz .paket-buyuk-foto::after {
    height: calc(100% - 60px)
}

.paket-tekhaber {
    padding: 0 0 60px 0
}

.takipsiz .paket-tekhaber {
    padding: 0 0 30px 0;
}

.tekhaber {
    width: 100%;
    display: inline-flex;
    padding: 30px 0 0 0
}

.tekhaber .tekhaber-text {
    width: 50%;
    padding: 60px 0 0 60px
}

.tekhaber .oku {
    text-align: end;
    padding: 30px 45px;
    font-weight: 700;
}

.tekhaber .tekhaber-foto {
    width: 50%;
}

.tekhaber .tekhaber-foto video {
    z-index: 2;
    position: relative;
    height: auto;
}

.takipsiz .tekhaber-foto {
    z-index: 2
}

.tekhaber .tekhaber-foto img {
    margin: 5px 0 0 40px;
    width: 100%;
    max-width: 420px;
    max-height: 280px;
}

.tekhaber-foto .player {
    margin: 30px 60px 30px 0;
    width: calc(100% - 60px);
}

.paket-tekhaber .block-title {
    position: absolute;
    top: 30px;
    z-index: 1;
    left: 20px;
    padding: 5px 10px 10px 10px;
    width: calc(100% - 60px);
    background: transparent;
    font-size: 19px;
}

.paket-tekhaber .block-title::after {
    border-bottom: 2px solid #d0d0d0;
    margin: 0
}

.tekhaber::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    height: 2px;
    width: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.takipsiz .tekhaber::after {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 30px;
    height: 2px;
    width: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.paket-tekhaber::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 2px;
    height: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.paket-tekhaber::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 2px;
    height: calc(100% - 60px);
    background-color: #d0d0d0;
    z-index: 1
}

.takipsiz .paket-tekhaber::after,
.takipsiz .paket-tekhaber::before {
    height: calc(100% - 90px)
}

.takipsiz .tekhaber .oku {
    padding: 0 45px 30px 0;
    margin: 0 0 30px 0;
}

.paket-tekhaber .takip-et {
    background-color: #ddd;
    padding: 30px 30px 15px 30px;
    width: calc(100% + 60px);
    display: inline-flex;
    margin: 0 -60px
}

.paket-tekhaber .takip-et span {
    margin: 0 30px 0 35px;
    z-index: 1;
    padding: 5px 0;
    background: #ddd;
    font-family: 'PT Sans Caption';
}

.paket-tekhaber .takip-call {
    font-family: 'PT Sans Caption';
    background-color: #ddd;
    position: absolute;
    right: 50px;
    top: 30px;
    padding: 10px 0;
    z-index: 2;
    font-weight: 400
}

.paket-tekhaber .takip-text {
    position: absolute;
    left: 150px;
    top: 30px
}

.paket-tekhaber .takip-text span {
    margin: 0
}

.paket-tekhaber .takip-et::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 90px;
    height: 2px;
    width: calc(100% - 180px);
    background-color: #d0d0d0;
    z-index: 1
}

.takipsiz .tekhaber .title {
    margin: 15px 0
}

.takipsiz .takip-et {
    display: none
}

.etiketPaket .block-title {
    background: transparent;
}

.etiketPaket .etiketTitle {
    position: relative
}

.etiketPaket .etiketTitle::before {
    content: "";
    background: #aa1218;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 150px
}

.etiketPaket .etiketTitle::after {
    content: "";
    background: #aa1218;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 330px;
    height: 30px
}

.etiketPaket .etiketTitle span {
    position: absolute;
    top: 3px;
    left: 30px;
    color: #fff;
    z-index: 1;
    font-size: 16px
}

.etiketPaket .etiketBox {
    display: inline-flex;
    width: 100%;
    margin: 15px 0 0 0;
}

.etiketPaket .etiketKapak {
    width: 300px;
}

.etiketPaket .etiketKapak img {
    width: 270px;
    margin: 30px 30px 0 0;
}

.etiketPaket .spot {
    display: block;
    margin: 0 0 0 30px
}

.etiketPaket .etiketYazilar {
    width: 100%;
    padding: 30px 0 0 0;
    margin: 0;
}

.etiketPaket .etiketYazi {
    width: calc(50% - 10px);
    display: inline-flex;
    margin: 0 auto 35px auto
}

.etiketPaket .etiketYazi span,
.etiketPaket .etiketYazi div {
    width: 97%;
    align-self: center;
}

.etiketPaket .etiketYazi img,
.etiketPaket .etiketYazi figure {
    width: 80px !important;
    height: 60px;
    margin: 0 15px 0 0;
}

.etiketPaket .etiketYazilar .etiketLink {
    position: absolute;
    bottom: -10px;
    right: 30px;
    font-family: 'PT Sans Caption';
    font-weight: 700;
}

.etiketLink svg {
    margin: 0px 0px -10px 0px;
    width: 30px;
    height: 32px;
    fill: none;
    stroke: currentColor;
}

.ctPazar .etiketTitle img {
    margin: 0 auto;
    display: block;
    height: 110px;
}

.ctPazar .etiketBox {
    margin: 0;
}

.ctPazar .etiketBox ul {
    list-style: none;
}

.ctPazar .etiketBox ul li:nth-child(even) .etiketYazi {
    border-left: 1px solid #d0d0d0;
    padding: 0 0 0 15px;
    width: calc(50% - 15px);
}

.ctPazar .etiketYazilar {
    width: calc(100% + 15px);
    margin: 0 -15px 0 0;
}

.ctPazar .etiketYazi {
    width: calc(50% - 2px);
    float: left;
    max-height: 60px;
}

.ctPazar .etiketYazi span {
    width: calc(100% - 105px)
}

.ctPazar .etiketYazi .yazar img {
    height: 60px;
    border-radius: 50%;
    margin: 0 20px 0 0
}

.ctPazar .etiketYazi img {
    height: 60px;
    width: 60px !important;
    border-radius: 50%;
    margin: 0 0 0 5px
}

.ctPazar .etiketLink {
    bottom: -10px !important;
}

.cumartesiColor a {
    color: #676733
}

.ctPazar .etiketTitle::before,
.ctPazar .etiketTitle::after,
.ctPazar .yazar::after {
    display: none
}

.pazarColor a {
    color: #981C14
}

article header {
    padding: 0 0 15px 0;
}

.haber-nav {
    display: flex;
    position: relative;
}

.haber-kategori {
    width: 50%;
    position: relative;
}

.breadcrumb {
    list-style: none;
    display: flex;
    gap: 0 5px;
    margin: 15px auto 13px -40px;
}

.breadcrumb svg {
    margin: 2px -5px -2px 0;
    fill: #aa1218;
    width: 20px;
    height: 20px;
}

.haber-nav::after {
    content: '';
    display: block;
    border-bottom: 1px solid #d0d0d0;
    width: 100%;
    position: absolute;
    bottom: 0
}

.kategori .haber-nav::after {
    border-bottom: none
}

.breadcrumb a {
    color: #202126;
    font-family: 'PT Sans Caption';
    font-size: 15px;
    font-weight: 400;
}

.tarih {
    width: 50%;
    text-align: end;
    font-family: 'PT Sans Caption';
    font-size: 12px;
    padding: 15px 0 0 0;
    color: #666;
}

.tarih svg {
    margin: 0 0 -5px 0;
    fill: none;
    stroke: #a0a0a0;
    width: 20px;
    height: 20px;
}

.article {
    font-family: 'PT Serif';
    color: #202126;
    padding: 10px 0 0 0;
    position: relative;
}

.gundem .article {
    display: inline-block;
}


article .h1 {
    margin: 0 auto 0 0 !important;
    width: calc(100% - 330px);
    text-wrap-style: auto;
}

.fotograf .h1 {
    margin: 30px auto 0 auto !important;
}

.h1 {
    margin: 0 auto !important;
    text-align: center;
}

.article h3 {
    color: #aa1218;
    font-weight: 700;
    text-wrap-style: balance;
    margin: 0 0 -15px 0;
    line-height: normal;
    overflow-wrap: break-word
}

.article-image {
    padding: 30px 0 40px 0
}

.article-image img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.article-image span {
    position: absolute;
    right: 5px;
    bottom: 0;
}

.article-spot {
    margin: 0 auto;
    font-size: 17px;
    line-height: 27px;
    font-style: italic;
    font-weight: 400;
    text-wrap-style: balance;
    overflow-wrap: break-word;
}

article .mastheadHaber .full-reklam {
    padding: 0 0 15px 0;
}

.yazi .evrensel-manset .manset-main {
    width: 100%;
}

article .evrensel-manset .manset-main {
    padding: 0;
    width: calc(100% - 330px);
}

article .evrensel-manset .manset-side {
    padding: 0 0 0 30px;
    width: 300px;
    border-left: none !important;
}

article .blockTitle {
    display: flex;
}

article .tarih {
    width: auto;
    margin: -25px 0 0 0;
    font-size: 11px;
    padding: 0;
    display: ruby;
    float: inline-end;
}

article .tarih .noMobile {
    margin: 0 5px 0 0;
}

article .tarih svg {
    margin: 0 0 -4px 0;
    width: 16px;
    height: 16px;
    ;
}

article .manset-tip1 .ust {
    display: block;
}

article .manset-tip1 .ust .manset-text {
    width: 25%;
    text-align: left;
}

article .manset-tip1 .manset-foto {
    margin: 0 0 0 15px;
    width: 75%;
}

article .manset-tip1 .manset-foto span {
    margin: 0;
    color: #7a7a7a;
    font-family: 'PT Sans Caption';
    font-size: 12px !important;
    text-align: right;
}

article .manset-side .haberYazilar {
    margin: 25px 0 30px 30px;
    padding: 0;
    position: relative;
    top: auto;
}

.dark-mode .article-spot {
    color: #f1f1f1;
}

.article p {
    line-height: 150%;
}

.font-resizer {
    margin: -20px auto 20px 20px;
}

.font-resizer button {
    padding: 8px 15px;
    margin-right: 10px;
    cursor: pointer;
}

.article img {
    width: 100%;
    height: auto;
    max-width: 550px;
    display: block;
    margin: 0 auto
}

.article figure,
.haber figure {
    margin: 30px auto;
    max-width: 550px;
    background: #f1f1f1;
    width: 100%;
    padding: 0 0 1px 0;
}

.article-image p,
.article-image a,
.article figcaption p,
.article figcaption a {
    text-align: right;
    font-size: 12px !important;
    font-family: 'PT Sans Caption';
}

.article figcaption p,
.article figcaption a {
    line-height: 16px
}

.ilgili_haber,
.ilgiliYazi {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f8f8f8;
    background-clip: border-box;
    border-left: 2px solid #d0d0d0;
    border-radius: 0;
    padding: 15px;
    margin: 15px auto;
}

.ilgili_haber img,
.ilgiliYazi img {
    float: left;
    width: 60px;
}



.dark-mode .ilgili_vizyon {
    background-color: #272829;
    border-left: 2px solid #666;
}

.vizyonMedia img {
    max-width: 100%;
    width: 720px;
}

.manset-side .ilgili_haber h4 {
    font-size: 13px;
}

.ilgili_haber h4,
.ilgiliYazi a p,
.ilgiliYazi h4 {
    margin: 0 auto 0 80px;
    color: #202126;
    font-weight: 400;
}

.haber .ilgili_haber h4,
.haber .ilgiliYazi a p {
    font-weight: 700;
}

.twitter-tweet {
    margin: 30px auto !important
}

.article .paylas {
    float: left;
    position: sticky;
    top: 120px;
    width: 30px;
    padding: 5px 0 0 0;
    margin: 15px 30px 0 -60px;
    background: #fff;
    left: 0;
}

.yazi .paylas {
    padding: 5px 0 0 0;
    margin: 15px 30px 0 -60px;
}

.haber .paylas {
    margin: 0 30px 0 -60px;
}

.gundem .paylas {
    left: auto;
    right: 0;
    float: right;
    margin: 7px -40px 0 0;
    background: transparent;
    padding: 0;
}

.article .basliklar {
    float: left;
    position: sticky;
    top: 120px;
    min-width: 250px;
    padding: 0 15px 5px 15px;
    background: #fff;
    max-width: min-content;
    margin: 10px 15px 0 0;
    font-family: 'PT Sans Caption';
    font-weight: 700;
    border-right: 1px solid #d0d0d0;
}

.article .basliklar ul {
    list-style: none;
    padding: 0;
}

.article .basliklar ul li {
    margin: 15px auto;
}

.article .basliklar ul li a {
    color: #666;
    font-weight: 400;
    width: calc(100% - 2px)
}

.article .basliklar ul li .active {
    color: #aa1218;
    border-right: 3px solid #666;
    padding: 0 15px 0 0;
    margin: 0 -17px 0 0;
    display: inline-flex;
}

.article .basliklar ul li a:hover {
    color: #202126;
}

.article .paylas svg {
    margin: 0 0 30px 0;
    width: 32px;
    height: 32px;
    stroke: #666 !important;
    stroke-width: 2 !important;
    fill: transparent !important;
}

.article .paylas svg:hover {
    stroke: #666;
}

.paylas .twitter-x:hover {
    stroke: #000 !important;
    fill: #fff;
    stroke-width: 2;
}

.paylas .facebook:hover {
    stroke: #4267B2 !important;
}

.paylas .whatsapp:hover {
    stroke: #4EC85C !important;
    fill: #fff;
    stroke-width: 2;
}

.paylas .bluesky:hover {
    stroke: #0a7aff !important;
}

.paylas .share:hover {
    stroke: #aa1218 !important;
    fill: #fff;
    stroke-width: 2;
}

.videobg {
    background: #003f6b !important;
    padding: 0 0 30px 0;
    color: #d0d0d0;
}

.videobg .h1,
.cumartesiBg .h1,
.pazarBg .h1,
.pazarBg .red,
.videobg .article-spot,
.cumartesiBg .article-spot,
.pazarBg .article-spot {
    color: #f1f1f1;
}

.videobg .manset-article {
    display: flow;
}

.videobg .manset-tip1 .manset-foto {
    width: 100%;
    margin: 30px 0 0 0;
}

.videobg .manset-tip1 .ust .manset-text {
    width: 100%;
    text-align: center;
}

.cumartesiBg .manset-tip1 .manset-foto span,
.pazarBg .manset-tip1 .manset-foto span {
    color: #d0d0d0;
}

.videobg iframe,
.videobg video {
    max-height: 394px;
    max-width: 700px;
    margin: 0 auto;
    display: block;
}

.cumartesiBg {
    background: #676733 !important;
    color: #d0d0d0;
}

.pazarBg {
    background: #981C14 !important;
    color: #d0d0d0;
}

.haber {
    padding: 0 0 30px 0;
    max-width: calc(100% - 330px);
    margin: 0;
    min-height: 1200px;
}

.haber hr {
    border: 0.5px solid #eee;
    margin: -15px 0 30px 0;
}

.haber a {
    color: #aa1218;
}

.haber table,
.yazi table {
    width: 100% !important;
    margin: 30px auto 15px auto;
}

.sayfa .h1 {
    width: 100%;
}

.sayfa .haberler table {
    width: 95% !important;
    margin: 0 auto 30px auto !important;
}

.yazi .h1 {
    text-wrap-style: pretty;
    text-align: left;
}

.yazi .evrensel-manset,
.yazi .manset-tip1 .manset-article {
    width: 100%;
}

#yazar .manset-text {
    width: 100% !important;
}

#yazar .yaziBant span {
    margin: 20px;
}

.yazi .manset-tip1 .ust .manset-text {
    width: 45%;
    display: block;
    align-self: end;
    padding: 30px 15px 30px 0;
}

.yazi .manset-tip1 .manset-foto {
    width: 55%;
    margin: 0 0 30px 0;
}

.yazi .audio {
    margin: 25px 0 0 auto;
}

.takipetBox {
    border: 4px solid #d0d0d0;
    padding: 0 5px 30px 5px;
    margin: 30px 0;
}

.takipetBox .icon {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    fill: #aa1218;
}

.takipetBox span {
    font-family: 'PT Sans Caption';
    font-weight: 700;
    text-align: center;
    margin: 30px auto;
    display: block;
}

.takipetBox p {
    text-align: center;
}

.sidebarReklam {
    max-height: 300px;
}

.yazi .sidebarReklam img,
.manset-side .sidebarReklam img {
    width: 100%;
}

.yazi .haber {
    margin: 0 auto;
    max-width: 850px;
}

.yazi .haber p {
    font-size: clamp(1.1rem, 5vw, 1.2rem) !important;
    line-height: 150% !important;
}

.haber ul li,
.haber ol li {
    font-size: clamp(0.8rem, calc(0.8rem + 1vw), 1.15rem);
    margin: 0 auto 15px auto
}

.haber .videoEmbed {
    margin: 30px 0 15px 0;
}

.haber video {
    width: 100% !important;
    height: auto !important;
}

.haber .videoEmbed iframe,
.haber video {
    max-height: 422px;
}

.videoEmbed {
    margin: 0 0 15px 0;
}

.etiketBaslik {
    margin: -27px auto;
    width: 200px;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-weight: 700;
    z-index: 2;
    position: relative;
    background: #202126
}

.etiketBaslik a {
    color: #fff;
}

.yazi .ctBaslik {
    display: block;
    padding: 60px 0 0 0;
}

.yazi .ctBaslik img {
    margin: -100px auto -30px auto;
}

.ctBaslik {
    display: flex;
    margin: 0 0 -30px 0;
}

.ctBaslik img {
    width: 300px;
    margin: -45px auto -30px auto;
    display: block;
    position: relative;
}

.haberSonuEtiket .etiketBaslik {
    margin: -30px 0 0 -30px;
    width: -webkit-fill-available;
}

.haberSonuEtiket {
    border: 2px solid #d0d0d0;
    padding: 0 30px;
    margin: 60px auto 30px auto;
    display: block;
}

.haberSonuEtiket .title a {
    color: #333;
}

.ilgiliEtiket .haberSonuEtiket {
    border: none;
    padding: 30px 0;
}

.haberSonuEtiket .etiketTitle::before,
.haberSonuEtiket .etiketTitle::after {
    content: none
}

.haberSonuEtiket .etiketTitle img {
    margin: -30px auto
}

.haberSonuEtiket .etiketBox {
    margin: 20px 0 0 0;
    padding: 0 0 30px 0;
    width: 100%;
}

.ilgiliEtiket .etiketBox {
    padding: 0;
    width: calc(100% + 30px);
}

.haberSonuEtiket .etiketYazi {
    width: 100%;
    margin: 0 0px 15px auto;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 15px 0;
}

.haberSonuEtiket .etiketYazi .sub-title {
    width: 99%
}

.haberSonuEtiket .etiketYazilar {
    width: 100%;
    margin: 0 0 -30px 0;
    padding: 30px 0 45px 0;
}

.ilgiliEtiket .etiketYazilar {
    padding: 30px 0 45px 0
}

.ilgiliEtiket .etiketYazi {
    width: 49%;
    margin: 0 0 45px 0;
}

.ilgiliEtiket .etiketYazi:nth-child(odd) {
    border-right: 1px solid #a0a0a0;
}

.ilgiliEtiket .etiketYazi:nth-child(even) span {
    padding: 0 0 0 15px;
    width: calc(100% - 147px);
}

.haberSonuEtiket .etiketYazi img {
    margin: 0 auto;
}

.haberSonuEtiket .etiketYazilar .etiketLink {
    bottom: 15px;
    right: 5px;
}

.footer {
    box-shadow: 0 -2px 10px 0px rgba(0, 0, 0, 0.2);
    background: #fff !important;
    margin: 0;
}

.footer .menu {
    padding: 15px 0 30px 0;
    border-bottom: none;
}

.footer .menu ul li a {
    font-size: 12px
}

.footer .social-icons {
    width: fit-content;
    margin: 0 auto;
    padding: 0 0 30px 0
}

#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 2;
    border: none;
    cursor: pointer;
    background: transparent
}

#scrollTopBtn svg {
    width: 36px;
    height: 36px;
    fill: #aa1218;
    stroke: transparent;
    stroke-width: 2;
}

#scrollTopBtn svg:hover {
    fill: #202126;
}

.blogBaslik {
    background-color: #aa1218;
    color: #fff;
    padding: 10px;
    width: 100px;
    margin: 0px auto -5px auto;
    display: block;
    z-index: 1;
    position: relative;
    text-align: center;
    font-family: 'PT Sans Caption';
}

.canliBg {
    background: #000
}

.canliBg .article-spot {
    color: #fff;
    border-bottom: none;
    font-weight: 700;
    padding: 30px;
    text-align: center;
}

.live-blog {
    display: inline-flex;
    max-width: 100%
}

.live-blog-item {
    border-top: 2px solid #aa1218;
    padding-top: 0.375rem;
    padding-bottom: 0.75rem;
    background-color: #ffffff;
    border-bottom: 0.0625rem solid #ededed;
    display: inline-block;
    width: 100%;
    margin: 0 0 15px 0
}

.live-blog-time {
    width: 50px;
    float: left;
    padding: 15px 5px 15px 10px;
}

.live-blog-content {
    width: calc(100% - 85px);
    float: left;
    padding: 0 10px;
}

.live-blog-content video {
    width: 100%;
    height: auto;
}

.live-social svg {
    width: 32px;
    fill: #202126;
}

.live-social img {
    margin: 30px 0px 5px 9px;
    width: 20px;
    opacity: 0.6
}

.live-social img:hover {
    opacity: 1
}

.live-blog-time span {
    padding: 0 0 3px;
    border-bottom: 1px solid #202126;
    color: #aa1218;
    font-weight: 700;
    font-family: 'PT Sans Caption';
}

.haber-live {
    float: left;
    width: max(calc(100% - 350px), 270px);
    margin: 0 0 0 30px
}

.live-blog-video-title {
    padding: 0 0 3px;
    color: #aa1218;
    font-weight: 700;
}

.live-sol {
    width: 300px;
    float: left;
    border: 2px double #aa1218;
    padding: 10px 10px 10px 30px;
    background-color: #fff;
    margin: 0;
    position: sticky;
    top: 0;
    height: 100%
}

.live-sol iframe {
    height: 190px;
    max-width: 320px
}

.live-spot {
    color: #fff;
    font-size: 18px
}

.short_link_id {
    display: none
}

.fotograf .article-image {
    min-height: 300px
}

.fotograf .article-image img {
    max-width: 550px;
    margin: -95px auto 0 auto;
}

.fotograf .geri,
.fotograf .ileri {
    position: sticky;
    height: 100px;
    display: block;
    width: 64px
}

.fotograf .geri {
    right: 0;
    left: 100%;
    top: 50%;
    margin: -100px 0 0 0
}

.fotograf .ileri {
    left: 0;
    top: 50%;
}

.fotograf .article-spot {
    max-width: 100%;
    margin: -30px auto 30px auto;
    text-align: center;
}

.fotograf .paylas {
    margin: 0 auto 30px auto;
    display: flex;
    width: max-content;
    gap: 0 60px
}

.mastheadHaber {
    margin: 0 auto;
    background: #fff !important;
    position: relative;
    z-index: 90; /* Lower than sticky menu's z-index (100) */
}

/* For mobile view */
@media (max-width: 768px) {
    .mastheadHaber {
        margin-top: 70px !important; /* Adjust based on your sticky menu height */
    }
}

.reklamKapat a {
    color: #aa1218;
    font-family: 'PT Sans Caption';
    font-size: 12px;
    margin: 0 auto 10px auto;
    display: block;
    width: max-content;
}

.modal {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vH;
    overflow: hidden;
    background-color: #000;
}

.modal-content {
    color: #fff;
    margin: 25%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.reklamKapat a:hover {
    cursor: pointer;
}

.ikisutunhaber {
    display: inline-flex;
    flex-wrap: wrap;
}

.ikisutunhaber div,
.ikisutunhaber .haber-item {
    display: inline-flex;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 30px 0
}

.ikisutunhaber .haber-item figure {
    width: 100%;
    margin: 0 30px 0 0;
    padding: 0;
}

.ikisutunhaber div:nth-child(odd),
.ikisutunhaber .haber-item:nth-child(odd) {
    width: calc(50% - 30px);
    margin: 0 30px 30px 0;
}

.ikisutunhaber div:nth-child(even),
.ikisutunhaber .haber-item:nth-child(even) {
    width: calc(50%);
    margin: 0 0 30px 0;
}

.ikisutunhaber div img,
.ikisutunhaber .haber-item img {
    width: 100%;
    height: auto;
    margin: 5px 30px 0 0;
}

.avrupaGundemi img {
    width: 50%;
    margin: 0 15px 0 0;
    float: inline-start;
}

.avrupaText {
    width: 47%;
    float: inline-end;
    padding: 0;
}

.ikisutunhaber div span,
.ikisutunhaber .haber-item .title {
    margin: 15px 0 0 0;
    width: 100%;
}

.ikisutunhaber div:nth-child(7),
.ikisutunhaber .haber-item:nth-child(7) {
    border-bottom: none;
    margin: 0 30px 0 0;
    padding: 0;
}

.ikisutunhaber div:nth-child(8),
.ikisutunhaber .haber-item:nth-child(8) {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.sidehaber .small-title,
.ikisutunhaber .small-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#isciSendika .block-title,
#dunya .block-title,
#kultur .block-title {
    margin: 0 0 45px 0;
}

#spor .block-title,
#sicakManset .block-title,
#politika .block-title,
#guncel .block-title {
    margin: 0 0 15px 0;
}

#spor table {
    font-family: 'PT Sans Caption';
    width: 100%;
}

#isciSendika .evrensel-manset,
#dunya .evrensel-manset {
    margin: -30px 0 0 0;
}

#ekonomi .evrensel-manset {
    margin: 30px 0 0 0;
}

#isciSendika .unsurlar,
#sicakManset .unsurlar,
#politika .unsurlar,
#dunya .unsurlar,
#ekonomi .unsurlar {
    padding: 30px 0 0 0;
}

#isciSendika .unsurlar .title,
#isciSendika .unsurlar .sub-title {
    text-align: center;
}

#isciSendika .manset-tip1 .manset-foto,
#dunya .manset-tip1 .manset-foto,
#ekonomi .manset-tip1 .manset-foto {
    margin: 0;
}

#kultur .manset-tip1 .manset-text {
    padding: 0 30px 15px 0;
}

#kultur .manset-tip1 .manset-foto {
    margin: -30px 0 30px 0;
}

#kultur .sidehaber:nth-child(2) {
    margin: 0 !important;
}

#isciSendika .unsurlar img,
#sicakManset .unsurlar img,
#politika .unsurlar img,
#dunya .unsurlar img,
#ekonomi .unsurlar img,
#spor .unsurlar img,
#kultur .unsurlar img,
#guncel .unsurlar img {
    width: 100%;
    margin: 0 0 15px 0;
}

#isciSendika .unsurlar span:last-child,
#sicakManset .unsurlar span:last-child,
#politika .unsurlar span:last-child,
#dunya .unsurlar span:last-child,
#ekonomi .unsurlar span:last-child,
#kultur .unsurlar span:last-child {
    padding: 0 0 0 30px
}

#isciSendika .sidehaber img,
#sicakManset .sidehaber img,
#politika .sidehaber img,
#dunya .sidehaber img,
#ekonomi .sidehaber img,
#kultur .sidehaber img,
#guncel .sidehaber img {
    width: 100%;
    height: auto;
    margin: 0 0 15px 0
}

#isciSendika .sidehaber,
#sicakManset .sidehaber,
#politika .sidehaber,
#dunya .sidehaber,
#ekonomi .sidehaber,
#kultur .sidehaber,
#guncel .sidehaber {
    border-bottom: 1px solid #d0d0d0;
    padding: 30px 0;
    display: inline-block;
}

#isciSendika .sidehaber .title,
#politika .sidehaber .title,
#dunya .sidehaber .title,
#ekonomi .sidehaber .title,
#kultur .sidehaber .title,
#guncel .sidehaber .title,
#isciSendika .sidehaber .sub-title,
#politika .sidehaber .sub-title,
#dunya .sidehaber .sub-title,
#ekonomi .sidehaber .sub-title,
#kultur .sidehaber .sub-title,
#guncel .sidehaber .sub-title {
    text-align: right;
    float: right;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#isciSendika .sidehaber:last-child,
#sicakManset .sidehaber:last-child,
#politika .sidehaber:last-child,
#dunya .sidehaber:last-child,
#ekonomi .sidehaber:last-child,
#kultur .sidehaber:last-child,
#guncel .sidehaber:last-child {
    border-bottom: none !important;
}

#sicakManset .sidehaberler,
#politika .sidehaberler,
#ekonomi .sidehaberler,
#kultur .sidehaberler,
#guncel .sidehaberler {
    margin: -20px 0 0 0;
}

#sicakManset .unsurlar span:first-child,
#politika .unsurlar span:first-child,
#ekonomi .unsurlar span:first-child,
#kultur .unsurlar span:first-child {
    padding: 0 30px 0 0;
}

#kultur .manset-tip1 .unsurlar {
    padding: 30px 0 0 0;
}

.yaziBant {
    display: flex;
    font-size: 15px;
}

.yaziBant img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    margin: 0 15px 0 0;
    border-radius: 50%;
    border: 2px solid #fff;
}

.yaziBant .title {
    margin: 10px 0 0 0;
}

.yaziBant .paylas {
    position: absolute;
    padding: 0;
    right: 0;
    width: max-content;
    margin: 10px 0 0 0;
}

.yaziBant .paylas svg {
    margin: 0 2px -5px 30px;
    width: 24px;
    height: 24px;
}

.yaziBant span {
    margin: 15px 0 0 0;
    padding: 0;
}

.yaziBant .email svg {
    width: 16px;
    height: 16px;
    fill: #666;
}

.yaziBant .twitter svg {
    width: 16px;
    height: 16px;
    stroke: #666;
    fill: #666;
    stroke-width: 1;
}

.yaziBant .paylas span {
    margin: 0 -15px 0 0;
    font-size: 14px;
    border-left: none;
}

.yaziBant span a {
    color: #666;
}

.yaziBant span a svg {
    margin: 0 0 -4px 0;
}

.plyr__controls {
    padding: 15px 0 !important;
    background: transparent !important;
}

:root {
    --plyr-color-main: #aa1218;
    --plyr-control-icon-size: 24px;
}

.audio {
    position: relative;
    margin: 0 0 0 auto;
}

.audio .dinle {
    position: absolute;
    top: 25px;
    left: -25px;
    rotate: -90deg;
    border-left: 0;
    font-weight: 700;
    font-size: 14px;
    color: #666;
}

.plyr__volume input[type=range] {
    max-width: 60px !important;
}

.plyr__menu__container {
    min-width: 200px;
}

.plyr__menu__container .plyr__control>span:hover {
    color: #fff !important;
}

.yazi .yazarb {
    padding: 0;
    float: inline-end;
    margin: 0 auto 15px auto;
    max-width: 300px;
}

.yazi .yazarb img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.yazi .yazarb .title,
.muhabirb .title {
    text-align: center;
}

.yazi .yazarIletisim {
    text-align: center;
    display: block;
    margin: -10px 0 0 0;
}

.yazi .yazarIletisim a,
.yazi .yazarIletisim {
    color: #a0a0a0;
    margin: 0 auto 10px auto;
    display: block;
}

.muhabirAnasayfa {
    display: block;
    margin: 10px auto 0 0;
}

.muhabirAnasayfa p {
    margin: -5px auto 5px 20px;
    font-size: 13px;
    font-family: 'PT Sans Caption';
    font-style: italic;
}

.muhabirAnasayfa svg {
    float: inline-start;
    margin: 1px 0 0 0;
}

.muhabirImza {
    width: fit-content;
    margin: 0 auto 30px auto;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 60px
}

.muhabirAnasayfa p,
.muhabirAnasayfa p a,
.muhabirAnasayfa svg,
.muhabirb svg {
    color: #a0a0a0 !important;
}

.muhabirb {
    margin: 15px 0 0 0;
    display: flex;
}

.muhabirb svg {
    margin: 15px 15px 15px 0;
}

.muhabirb p {
    margin: 0 30px 0 0px;
    font-weight: 700;
    font-family: 'PT Sans Caption';
    font-style: italic;
    font-size: 15px;
}

.muhabirb p:last-child {
    margin: 0
}

.muhabirb p a {
    color: #666 !important;
}

.haberIl {
    margin: -15px auto 0 0px;
}

.haberIl p a {
    font-weight: 700;
    font-family: 'PT Sans Caption';
    font-style: italic;
    font-size: 13px;
    color: #aaa;
}

.large-first-letter::first-letter {
    font-size: 60px;
    font-weight: 700;
    margin: 6px 5px 0px 0;
    float: inline-start;
    line-height: 45px;
}

.gundemler {
    width: 95%;
    margin: -15px auto;
    padding: 0 0 15px 0;
    display: flex;
    z-index: 2;
    position: relative;
}

.gundemler span {
    display: flow;
    width: 100%
}

.gundemler span a {
    color: #666;
}

.gundemler span:first-child {
    text-align: start;
}

.gundemler span:nth-child(2) {
    text-align: center;
}

.gundemler span:last-child {
    padding: 0 0 0 15px;
    text-align: end;
}

.haberYazilar {
    float: inline-end;
    width: 300px;
    margin: 15px 0 30px 30px;
    position: sticky;
    top: 120px;
    padding: 5px 0 0 0;
    right: 0;
}

.yaziYazilar {
    float: inline-end;
    width: 300px;
    margin: 15px 0 30px 30px;
    position: sticky;
    top: 120px;
    display: grid;
    padding: 5px 0 0 0;
    right: 0;
}

.haberYazilar .sidebarReklam img {
    width: 100% !important;
    margin: 0 auto 30px auto;
}

.haberYazilar img {
    width: 60px !important
}

.haberYazilar .yazarlar .yazar,
.yaziYazilar .yazarlar .yazar {
    width: 100%;
    padding: 10px 0;
}

.haberYazilar .yazarlar .yazar-text {
    width: 100%;
    max-width: 100%;
}

.yaziYazilar .yazarlar,
.haberYazilar .yazarlar {
    width: 100%;
    margin: -15px 0 0 0;
}

.yaziYazilar .yazar-text {
    max-width: 100%;
}

.yaziYazilar .yazar-text span {
    color: #666;
    margin: 5px 0 0 0;
    font-size: 13px
}

.yaziYazilar span {
    font-family: 'PT Sans Caption';
    font-weight: 700;
}

.yaziYazilar svg {
    margin: 15px 5px -7px 0;
    width: 24px;
    height: 24px;
    fill: #fff;
    stroke: #aa1218;
    stroke-width: 2;
}

.yazarlar-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-family: 'PT Sans Caption';
}

.yazarlar-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 20px;
    /* Yazar öğeleri arasındaki boşluk */
}

.yazar-item {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    text-align: center;
}

.yazar-item a {
    display: block;
    text-decoration: none;
}

.yazar-item img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.yazar-item span {
    display: block;
    font-size: 14px;
}

.accordion {
    margin-top: 30px;
}

.accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
}

.accordion-header {
    display: block;
    padding: 10px;
    background-color: #f5f5f5;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.accordion-content {
    padding: 30px 0;
    display: none;
}

.accordion input[type="checkbox"] {
    display: none;
}

.accordion input[type="checkbox"]:checked~.accordion-content {
    display: block;
}

.yazilar-container {
    padding: 30px 0;
}

.yazi-item {
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
}

.yazi-item a span {
    color: #272829;
    display: inline-block;
    font-size: 18px;
    font-family: 'PT Serif Caption';
    width: calc(100% - 150px);
}

.yazi-item a span:hover {
    color: #aa1218;
}

.yazi-item p {
    float: inline-end;
    font-size: 14px;
    color: #666;
}


.haberCarousel {
    margin: -10px 0 0 0;
}

.puanDurumu {
    font-size: 15px;
}

.puanDurumu tr:nth-child(odd) {
    background: #d0d0d0;
    color: #000;
}

.aboneTakip,
.oyunOyna {
    display: inline-flex;
}

.oyun-item {
    padding: 0 90px;
}

.aboneTakip img,
.oyunOyna img {
    width: 100%;
    margin: 15px 0 0 0;
}

.sondakikaBar {
    padding: 15px 15px 15px 0;
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #d0d0d0 !important;
    background: #f1f1f1;
}

.sondakika {
    font-family: 'PT Sans Caption';
    font-weight: 700;
    width: max-content !important;
    margin: 0 auto;
    display: flex;
}

.sondakika a {
    color: #202126;
    font-size: 16px !important;
    margin: 0 auto 0 5px !important;
    font-weight: normal;
}

.blink {
    width: fit-content !important;
    display: flex;
}

.blinking-dot {
    width: 10px !important;
    height: 10px;
    background-color: #aa1218;
    border-radius: 50%;
    margin: 6px 10px 0 0;
    animation: blink 1s infinite;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.desktop-banner,
.mobile-banner {
    display: none;
}

.desktop-banner {
    display: block;
}

.desktop-banner a img {
    width: 100%;
    margin: 10px auto 5px auto;
}

.gundem .haber-nav {
    display: flow;
}

.gundem .tarih {
    font-size: 15px;
}

.gundem .tarih .icon {
    margin: 0 5px 0 0;
    fill: #008080;
}

.gundem .tarih a {
    font-family: 'PT Sans Caption';
    font-weight: 700;
}

.gundem .haberTarih {
    display: inline-flex;
    margin: 0 0 5px -1px;
}

.gundem .yaziTarih {
    display: inline-flex;
    margin: 0 0 5px -1px;
}

.gundem .haberTarih .icon,
.gundem .yaziTarih .icon {
    stroke: #008080;
    stroke-width: 2;
    fill: transparent;
    width: 16px;
    height: 16px;
}

.gundem .haberTarih span,
.gundem .yaziTarih span {
    color: #008080;
    font-size: 13px;
    margin: 0 0 0 3px;
}

.gundem .h1 {
    margin: 30px auto !important;
    width: 100%;
    text-wrap-style: balance;
    border-top: 1px solid #d0d0d0;
    padding: 30px 0 0 0;
}

.gundem .tekhaber::before {
    display: none
}

.gundemHaber {
    margin: 15px 0 0 0;
}

.gundem .tekhaber {
    border-bottom: 1px solid #d0d0d0;
    padding: 0;
    display: grid;
}

.gundem .haberler .tekhaber:first-child .gundemHaber {
    margin: -5px 0 0 0;
}

.gundem .tekhaber-text {
    padding: 30px 0 0 0;
    float: inline-start;
    width: 72%;
}

.gundem .tekhaber-text .title {
    font-size: clamp(0.8rem, calc(0.8rem + 1vw), 1rem);
    text-wrap-style: balance;
    font-weight: 400;
    font-family: 'PT Serif Caption';
    color: #000;
    display: flex;
}

.gundem .tekhaber-text img {
    width: 60px;
    height: 60px;
    float: inline-start;
    margin: 5px 20px 0 0;
    border-radius: 50%;
}

.gundem .tekhaber-text .audio {
    margin: 0 auto 0 0;
}

.gundem .tekhaber-text .audio .dinle {
    left: -15px;
    top: 25px;
}

.gundem .plyr--audio .plyr__controls {
    margin: 0 auto 0 10px;
}

.gundem .tekhaber-foto {
    float: inline-end;
    margin: 30px 0 0 0;
    width: 25%;
}

.gundem .tekhaber-foto img {
    margin: 0;
    width: 100%;
}

.gundem .tablink {
    float: inline-start;
    margin: 0 auto 0 120px;
}

.gundem .tablink .icon {
    width: 16px;
    height: 16px;
    stroke: #666;
    fill: transparent;
    stroke-width: 2;
    margin: 2px 4px -3px 0;
}

.gundem .tablink a {
    color: #666;
    font-size: 13px;
}


.gundem .gundemYazar img {
    width: 60px !important;
    height: 60px;
    float: inline-start;
    margin: 0px 20px 0 0;
}

.gundem .haberler {
    float: inline-end;
    width: calc(100% - 360px);
    margin: 10px 0 0 0;
    background: #fff;
    padding: 0 30px 30px 30px;
}

.gundem .read-more-haber,
.gundem .read-more-yazi {
    cursor: pointer;
    margin: 15px auto -10px 15px;
    display: block;
}

.gundemDevam .red-button {
    border: 1px solid #d0d0d0;
    z-index: 1;
    position: relative;
    font-weight: 700;
    margin: 30px 15px -40px 5px;
}

.hidden-content {
    display: none;
    border: 1px solid #d0d0d0;
    padding: 45px 30px 15px 30px;
    border-radius: 6px;
    margin: 0 0 -5px 0;
    background: #fff;
}

.kategoriHaberler {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
}

.kategoriHaberler span {
    width: calc(33.33% - 30px);
    margin: 0 45px 45px 0;
}

.kategoriHaberler span .tarih {
    margin: 0 auto 20px 0;
}

.kategoriHaberler span .tarih div {
    margin: -17px 0 -10px 25px;
}

.kategoriHaberler span .tarih div:nth-child(odd) {
    margin: 0 0 -10px 25px;
}

.kategoriHaberler span:nth-child(3n) {
    margin: 0 0 45px 0;
}

.kategoriHaberler span img {
    width: 100%;
    margin: 0 0 5px 0;
}

.kategoriHaberler .title,
.kategoriHaberler .sub-title {
    text-wrap-style: pretty;
}

.pagination {
    margin: 0 auto;
    display: flex;
    width: fit-content
}

.haber .pagination {
    margin: 15px auto 0 auto;
}

.pagination svg {
    width: 32px;
    height: 32px;
    color: #aa1218;
    margin: 0 0 0 15px;
}

.kategori .geri .red {
    margin: 0 auto 0 25px;
    font-family: 'PT Sans Caption';
    font-weight: 700;
}

.kategori .tarih {
    width: 100%;
    padding: 0;
    margin: -10px auto 10px 0;
    text-align: start;
    color: #a0a0a0 !important;
}

.kategori .tarih span {
    margin: 0
}

.currencyBar {
    float: inline-end;
    display: inline-flex;
    margin: -5px 0 0 0;
}

.currencyBarLabel {
    margin: 0 0 0 15px;
    font-size: 14px
}

.currencyBarPositive {
    color: #08a94e;
}

.currencyBarNegative {
    color: #f6292f;
}

.currencyBarName {
    font-weight: bold;
}


:root {
    --plyr-color-main: #aa1218;
    --plyr-control-icon-size: 24px;
}

#videoBant .carousel-item .title {
    margin: 15px 0 0 0;
}

.carousel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 45px 0 0 0;
}

.carousel-container {
    display: flex;
    transition: transform 0.5s ease;
    gap: 30px;
}

.carousel-item {
    flex: 0 0 auto;
    width: calc(25% - 30px);
    /* Adjust for desktop */
    position: relative;
    overflow: hidden;
    border-right: 1px solid #d0d0d0;
    padding: 0 30px 0 0;
}


.carousel-item img {
    width: 100%;
    display: block;
}

.video-icon {
    position: absolute;
    top: 2px;
    left: 4px;
    display: flex;
}

.video-icon svg {
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 2;
}

.arrow {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    background-color: #fff;
    border: none;
    cursor: pointer;
    z-index: 1;
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.arrow .icon {
    width: 64px;
    height: 64px;
    fill: #d0d0d0;
    margin: -1px 0 0 -6px;
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 10px;
}

/* Desktop style */
@media (min-width: 768px) {
    .carousel-item {
        width: calc(25% - 10px);
        /* Each item 25%, minus gap adjustments */
    }

    .carousel-container {
        padding-left: 5%;
    }

    .carousel-container::after {
        content: '';
        width: 12.5%;
        flex-shrink: 0;
    }
}

/* Mobile style */
@media (max-width: 767px) {
    .carousel-item {
        width: calc(100% - 10px);
    }

    .carousel-container::after {
        content: '';
        width: 50%;
        flex-shrink: 0;
    }
}


/* Full-screen Video Section */
.videoSection {
    display: none;
    height: 100%;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 3;
}

.videoSection .plyr__video-embed iframe {
    position: relative;
    width: 1080px;
    max-width: 100%;
}

.videoSections {
    top: 0;
    left: 0;
    padding: 60px 0;
    width: 100%;
    height: 100%;
}

.videoSection .close-btn,
.videoSections .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
}

.videoSection .sections {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.videoSection .sections.active {
    display: flex;
}

.videoSection .video,
.videoSections .video {
    max-width: 1080px;
    object-fit: cover;
}

.videoSection #modalTitle,
.videoSection .modalLink a,
.videoSection #modalSpot,
.videoSections #modalTitle,
.videoSections .modalLink a,
.videoSections #modalSpot {
    max-width: 1080px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    display: block;
}

.videoSection .close,
.videoSections .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.videoSection .prev-section-button,
.videoSection .next-section-button,
.videoSections .prev-section-button,
.videoSections .next-section-button {
    background: transparent;
    color: #fff;
    top: 45%;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    border: 0
}

.videoSection .prev-section-button,
.videoSections .prev-section-button {
    left: 25px;
}

.videoSection .next-section-button,
.videoSections .next-section-button {
    right: 25px;
}

.videoSection .sections,
.videoSections .sections {
    opacity: 0;
    transition: transform 0.2s ease-in-out;
    background: #000;
    will-change: transform, opacity;
    /* Performans için */
}

.videoSection .sections.active,
.videoSections .sections.active {
    top: 0;
    /* Aktif bölüm ekrana gelir */
    opacity: 1;
    transform: translateY(0);
}

.videoSection .sections:not(.active),
.videoSections .sections:not(.active) {
    transform: translateY(100%);
    /* Adjust based on desired direction */
}

.videoSection .mobileUp,
.videoSections .mobileUp {
    color: #fff;
    position: absolute;
    bottom: 25px;
    left: 45%;
    text-align: center;
    display: none;
}

.videoSection .mobileUp span,
.videoSections .mobileUp span {
    display: none;
}

.moreVideoButton {
    position: absolute;
    bottom: 55px;
    right: 8px;
    z-index: 10000;
    background-color: #aa1218;
    color: white;
    padding: 3px 5px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-family: 'PT Sans Caption' !important
}

.sections {
    display: none;
    height: 100%;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 3;
}

.sections.active {
    display: block;
}

.menu-toggle {
    display: none;
}

.mobileMenu {
    display: none;
}

.mobile-menu,
.share-button {
    display: none;
}


/* Responsive */
@media (max-width: 767px) {

    body,
    html {
        overflow-x: hidden;
    }

    .noMobile {
        display: none !important;
    }

    .header {
        padding: 8px 0 0 0;
    }

    .mobileMenu {
        display: block;
    }

    .mobileMenu .menu-icon .icon {
        cursor: pointer;
        width: 34px;
        height: 34px;
        stroke: #202126;
        stroke-width: 2;
        margin: 0 0 0 5px;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vH;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 999;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        padding: 10% 0 0 0;
    }

    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0 0 5px 0;
        text-align: center;
    }

    .mobile-menu ul li {
        padding: 7px 0 2px 0;
        border-bottom: 1px solid #d0d0d0;
    }

    .mobile-menu ul li a {
        color: white;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
        font-family: 'PT Sans Caption';
    }

    .dropdown-content {
        display: none;
        list-style: none;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .dropdown-content li {
        margin: 10px 0;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .menu-toggle:checked~.mobile-menu {
        display: flex;
    }

    .close-icon {
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1001;
    }

    .close-icon svg {
        stroke: #fff;
        stroke-width: 2;
        cursor: pointer;
        width: 36px;
        height: 36px;
    }

    .logo {
        height: 44px;
    }

    .logo img {
        width: 120px;
    }

    .sticky-menu {
        width: 100%;
    }

    .sticky-menu.fixed,
    .sticky-share.fixed {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .sticky-share {
        position: fixed;
        background-color: #fff;
        width: 100% !important;
        z-index: 2;
        box-shadow: 0 -2px 10px 0px rgba(0, 0, 0, 0.5);
        bottom: 0;
        display: inline-flex;
        padding: 8px 0 5px 0;
    }

    .footerSticky {
        width: calc(100% - 50px);
        margin: 0 50px 0 5px;
        display: inline-flex;
    }

    .sticky-share.active {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        display: block;
        top: auto !important;
        bottom: 0 !important;
    }

    .sticky-menu.hide {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        display: none !important;
    }

    .share-button {
        background-color: transparent;
        border: none;
        display: flex;
        margin: 0 0 0 -7px;
    }

    .sticky-share svg {
        width: 24px;
        height: 24px;
        background: #aa1218;
        stroke: #fff;
        stroke-width: 2;
        fill: transparent;
        padding: 3px 4px 3px 2px;
        border-radius: 50%;
        margin: 0 3px 0 2px;
    }

    .sticky-share span {
        font-family: 'PT Sans Caption';
        font-weight: 700;
        font-size: 14px;
        margin: 3px 0 0 0;
        color: #272829;
    }

    .footerSubscribe {
        display: inline-flex;
        width: 100%;
    }

    .social-media-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 1000;
        justify-content: center;
        align-items: center;
    }

    .social-media-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
    }

    .social-media-content h2 {
        margin-bottom: 20px;
        color: #aa1218;
    }

    .social-media-content ul {
        list-style-type: none;
        padding: 0;
    }

    .social-media-content ul li {
        margin: 10px 0;
    }

    .social-media-content ul li a {
        text-decoration: none;
        color: #333;
        font-size: 18px;
    }

    .social-media-close-button {
        cursor: pointer;
        font-size: 32px;
        float: right;
        color: #000;
    }

    .switch {
        margin: 0 10px 0 0;
    }

    .gundemBar .icon {
        margin: 0;
    }

    .dark-mode .unsurlar .unsur-item {
        border-right: none !important;
    }

    .sondakikaBar {
        padding: 15px 30px 15px 15px;
        width: calc(100% - 30px);
    }

    .sondakika {
        display: contents;
    }

    .sondakika a {
        font-size: 15px !important;
        margin: 10px auto 0 0 !important;
    }

    .mobile-banner {
        display: block;
    }

    .mobile-banner a img {
        width: 100%;
        margin: 0 auto -5px auto;
    }

    .desktop-banner {
        display: none;
    }

    .container {
        width: 100%;
        max-width: 100%;
        display: inline-block;
    }

    .pt30 {
        padding-top: 15px !important;
    }

    .pb30 {
        padding-bottom: 15px !important;
    }

    .mt30 {
        margin-top: 15px !important;
    }

    .mb30 {
        margin-bottom: 15px !important;
    }

    .full-reklam {
        padding: 15px 0;
    }

    .full-reklam img {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .responsive-ad-box {
        min-height: 100px;
    }

    @media(min-width: 992px) {
        .responsive-ad-box {
            min-height: 280px;
        }
    }

    .block-title {
        width: calc(100% - 15px);
    }

    .blockTitle {
        padding: 0 0 0 15px;
    }

    #articleTitle {
        margin: -15px auto 0 0;
    }

    article .manset-tip1 .ust .manset-text {
        padding: 0 15px 0 0;
    }

    .title,
    .title a,
    .sub-title,
    .sub-title a {
        text-wrap-style: pretty;
        font-weight: 700;
    }

    .big-title,
    .big-title a {
        text-wrap-style: auto;
    }

    .paket-buyuk-foto .takip-et,
    .fotograf .takip-et,
    .paket-tekhaber .takip-et,
    .tekhaber .tekhaber-foto {
        width: 100% !important;
    }

    .fotoManset .unsurlar span {
        text-align: center;
    }

    #yazilar .yazarlar {
        margin: 20px 0 0 0;
    }

    .yazarlar {
        margin: 10px 0 0 0;
    }

    .yazarlar .yazar {
        padding: 15px 0 0 15px !important;
        width: 100% !important;
        margin: 5px auto !important
    }

    .yazarlar .yazar img {
        margin: 0 10px 0 0 !important;
    }

    .sicakManset {
        display: block;
        margin: -15px 0 0 0;
    }

    .sicakMansetOrta {
        width: 100% !important;
        padding: 0 !important;
        border-right: none !important;
        text-align: center;
        border-bottom: 1px solid #d0d0d0;
    }

    .sicakMansetOrta .big-title,
    .sicakMansetOrta .sub-title {
        padding: 0 15px 10px 15px !important;
    }

    .sicakManset img {
        margin: 0 0 7px 0;
    }

    .sicakManset .spot {
        padding: 0 15px;
        margin: 0 0 15px 0;
        font-size: 0.9rem;
        width: 90%;
        text-align: center;
    }

    .geceManset .sicakMansetSol {
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
    }

    .geceManset .sicakMansetOrta {
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
        padding: 0 !important;
        border-left: 0 !important;
    }

    .geceManset .manset-side {
        width: 100% !important;
        padding: 15px 0 0 10px !important;
    }

    .sicakMansetSol {
        width: 44%;
        float: inline-start;
        padding: 15px 0 0 15px;
    }

    .sicakMansetSag {
        width: 44%;
        float: inline-end;
        padding: 15px 15px 0 0;
        border-left: none;
    }

    .sicakMansetSag span,
    .sicakMansetSol span {
        min-height: 245px;
    }

    .sicakManset .manset-article {
        min-height: 230px;
    }

    .sicakMansetSol span:nth-child(1),
    .sicakMansetSag span:nth-child(1),
    .sicakMansetSol .manset-article:nth-child(1),
    .sicakMansetSag .manset-article:nth-child(1) {
        margin: 0 0 5px 0;
    }

    .sicakMansetSag .sub-title,
    .sicakMansetSol .sub-title,
    .sicakMansetSag .title,
    .sicakMansetSol .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .evrensel-manset,
    .manset-tip1 .ust {
        display: inline-block;
    }

    .yazi .evrensel-manset {
        width: calc(100% - 30px);
    }

    #gazeteManset .manset-tip1 {
        margin: 30px 0 0 0;
    }

    #gazeteManset .manset-tip1 .ust .manset-text {
        margin: 5px 0 0 0;
        order: 2;
        padding: 0 0 15px 0;
    }

    #gazeteManset .manset-tip1 .ust .manset {
        display: grid;
    }

    #gazeteManset .manset-tip1 .unsurlar {
        border-top: 1px solid #d0d0d0;
    }

    #gazeteManset .unsurlar {
        margin: 0 !important;
        padding: 0 0 5px 15px !important;
    }

    #gazeteManset .unsurlar .unsur-item {
        padding: 15px 30px 15px 0;
        border-bottom: 1px solid #d0d0d0;
    }

    #gazeteManset .unsurlar span:last-child,
    #paketBuyukFoto .unsurlar span:last-child {
        border-bottom: 0 !important;
    }

    #gazeteManset .manset-tip2 .kutular {
        width: 100%;
        padding: 0 !important;
    }

    .evrensel-manset .manset-main,
    .aksamManset .aksamSol,
    .evrensel-manset .manset-side,
    .aksamSag .manset-side,
    .manset-tip1 .ust .manset-text,
    .manset-tip1 .manset-foto,
    article .manset-tip1 .ust .manset-text {
        width: 100%;
    }

    .manset-text .sub-title {
        text-align: center;
    }

    .manset-text .big-title {
        padding: 0 15px 15px 15px;
        text-align: center;
    }

    #isciSendika .manset-text .big-title,
    #ekonomi .manset-text .spot {
        border-bottom: 1px solid #d0d0d0;
        padding: 0 15px 15px 15px;
        margin: 0 !important;
    }

    .manset-text .spot {
        padding: 0 15px 15px 15px;
        border-bottom: 1px solid #d0d0d0;
    }

    #guncel .manset-text .spot {
        margin: 0 !important;
    }

    #gazeteManset .manset-tip1 .manset-foto {
        margin: -30px 0 0 0;
        order: 1;
    }

    .manset-tip1 .unsurlar span {
        padding: 0 15px 0 0;
        border-right: 0;
    }

    .manset-tip1 .unsurlar .title {
        padding: 0 15px 15px 0;
    }

    .manset-reklam {
        padding: 15px;
    }

    .evrensel-manset .manset-side,
    .aksamSag .manset-side {
        border-left: none;
        padding: 0 15px;
    }

    .manset-side .block-title {
        margin: 0 0px 15px -15px;
    }

    .haberCarousel {
        margin: 45px 15px 0 0;
    }

    .birincisayfa {
        margin: 10px 0 15px 0;
        display: block;
        width: 50%;
        float: left;
    }

    .birincisayfa img {
        margin: 0 !important;
        width: 150px !important;
    }

    .birincisayfa .aboneol {
        margin: 15px 0 0 0;
        text-align: left;
        width: 150px
    }

    .birincisayfa .aboneol span {
        width: 99%;
        display: block;
        margin: -10px auto;
    }

    .karikatur {
        width: 50%;
        display: block;
        float: left;
    }

    .karikatur img {
        width: 160px !important;
        margin: 0 15px 5px -10px;
        display: block;
    }

    .karikatur .spot {
        padding: 0;
        margin: 0 30px 0 -10px;
        text-align: left;
    }

    #sicakManset {
        padding: 30px 0 0 0;
        margin: -15px 0 0 0;
    }

    .unsurlar {
        padding: 0 0 0 15px !important;
        display: inline-block;
        width: calc(100% - 30px);
        margin: 0 0 -20px 0 !important;
        border-top: 0;
    }

    .unsurlar span,
    .unsurlar .unsur-item {
        padding: 15px 0 !important;
        border-right: none;
        border-bottom: 1px solid #d0d0d0 !important;
        display: inline-flex;
    }

    .ozelHaberler {
        margin: -15px 0 5px 0;
        padding: 0 0 15px 0 !important
    }

    .ozelHaberler span img {
        margin: 5px auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .ozelHaberler span .sub-title a {
        margin: 0 15px !important;
    }

    .ozelHaberler span .title a {
        margin: 0 auto 15px 15px !important;
    }

    .ozelHaberler span:last-child img,
    .ozelHaberler .unsur-item:last-child img {
        width: 100% !important;
        height: auto !important;
    }

    .ozelHaberler span:last-child,
    .ozelHaberler .unsur-item:last-child {
        padding: 15px 0 !important;
    }

    .tekhaber::before {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .tekhaber {
        display: inline;
    }

    .paket-tekhaber::before {
        top: 15px;
        left: 15px;
        height: calc(100% - 30px);
    }

    .paket-tekhaber::after {
        top: 15px;
        right: 15px;
        height: calc(100% - 30px);
    }

    .paket-tekhaber .takip-et::after {
        bottom: -45px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .tekhaber .tekhaber-text {
        width: calc(100% - 60px);
        padding: 30px 0 0 30px;
    }

    .tekhaber .oku {
        padding: 0;
    }

    .tekhaber iframe {
        margin: 0 0 0 -19px;
        width: calc(100% - 40px);
    }

    .tekhaber .tekhaber-foto video {
        margin: 15px 15px 10px 30px;
    }

    .paket-tekhaber .takip-et {
        padding: 5px 0 0 0;
        margin: 0;
        background-color: #ddd;
        z-index: 1;
    }

    .paket-tekhaber .takip-et span {
        margin: 0;
        background-color: transparent;
    }

    .paket-tekhaber .takip-text {
        left: 60px;
        top: 5px;
        width: calc(100% - 45px);
        line-height: 17px;
    }

    .paket-tekhaber .takip-text a {
        font-size: 0.9rem;
    }

    .paket-tekhaber .takip-call {
        right: 30px;
        top: 60px;
        background-color: transparent;
    }

    #ctPazar .etiketBox ul li {
        display: inline-block;
    }

    .ctPazar .etiketBox ul li:nth-child(even) .etiketYazi {
        width: calc(100% - 30px);
        border-left: none;
        padding: 0;
    }

    .ctPazar .etiketTitle img {
        width: 100%;
        height: auto;
        margin: 0 auto 15px auto;
    }

    #ctPazar .etiketPaket .etiketYazi div {
        width: calc(100% - 100px);
        display: inline-block;
    }

    #ctPazar .etiketPaket .etiketYazi figure {
        width: 60px !important;
        float: left;
    }

    .ctPazar .etiketYazi img {
        width: 60px !important;
        height: 60px !important;
        margin: 0 !important;
    }

    .ctPazar .etiketYazi span {
        width: calc(100% - 85px);
    }

    .ctPazar .yazar {
        width: 60px !important;
    }

    .ctPazar .etiketLink {
        bottom: -15px !important;
    }

    .etiketLink svg {
        width: 24px;
        height: 28px;
        stroke-width: 2;
    }

    .paket-tekhaber .spot {
        padding: 0 30px 15px 0;
    }

    .tekhaber .tekhaber-foto img {
        width: calc(100% - 75px);
        margin: 15px 0 10px -1px;
    }

    .takipsiz::after {
        bottom: -15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .takipsiz .tekhaber .tekhaber-text {
        padding: 30px;
    }

    .takipsiz .tekhaber .tekhaber-foto {
        margin: -55px 0 0 39px;
    }

    .takipsiz .tekhaber .oku {
        margin: -15px 0 30px 0;
    }

    .takipsiz .paket-tekhaber::after,
    .takipsiz .paket-tekhaber::before {
        height: calc(100% - 30px);
    }

    .takipsiz .tekhaber::after {
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .aboneTakip {
        display: inline-block;
        margin: 0 0 -5px 0;
    }

    .oyunOyna {
        display: inline-block;
        margin: 0 0 0 -20px;
    }

    .abone-item {
        width: 50%;
        float: left;
    }

    .oyun-item {
        width: calc(25% - 60px);
        float: left;
        padding: 15px 20px 15px 40px;
    }

    .aboneTakip span {
        display: inline-block;
        width: 49%;
    }

    #aboneBant .block-title,
    #oyunBant .block-title {
        margin: 0 0 15px 0;
    }

    .aboneTakip img,
    .oyunOyna img {
        margin: 0;
    }

    #etiketPaket {
        padding-bottom: 30px !important;
    }

    .etiketPaket .etiketBox {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .etiketPaket .etiketKapak {
        width: 100%;
    }

    .etiketPaket .etiketKapak img {
        width: 33%;
        margin: 30px auto 15px auto;
        padding: 0;
        display: block
    }

    .etiketPaket .etiketYazilar {
        padding: 0;
    }

    .etiketPaket .etiketYazi {
        width: calc(100% - 30px);
        margin: 0 15px 15px 15px;
        display: inline-block;
        max-height: fit-content;
    }

    .etiketPaket .etiketYazi .title {
        width: calc(100% - 30px);
    }

    .etiketPaket .etiketYazi img {
        margin: 0 15px 0 0;
    }

    .etiketPaket .etiketYazilar .etiketLink {
        bottom: -15px;
    }

    #paketBuyukFoto {
        padding: 0 0 30px 0 !important;
        border-top: 1px solid #272829;
    }

    #paketBuyukFoto .unsurlar span,
    #gazeteManset .unsurlar .unsur-item {
        display: grid;
    }

    #gazeteManset .manset-tip2 .manset-foto img {
        margin: 20px 0 0 0;
    }

    .dark-mode #gazeteManset .manset-text .big-title {
        color: #000 !important;
    }

    #gazeteManset .manset-text .big-title {
        padding: 0 15px 0px 15px;
    }

    #gazeteManset .manset-text .spot {
        padding: 0 15px;
        border-bottom: none;
        text-align: center;
    }

    .paket-buyuk-foto {
        margin-bottom: 15px;
    }

    .fotoManset .paket-buyuk-foto .block-title span {
        font-size: 16px;
    }

    .fotoManset .paket-buyuk-foto .block-title {
        margin: 4px 0 0 0;
    }

    .fotoManset .paketBuyukTitle {
        padding: 5px 0 0 0;
        width: calc(100% - 60px);
    }

    .fotoManset .manset-spot {
        padding: 0 0 15px 0;
    }

    .fotoManset .unsurlar::after {
        bottom: -10px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .paket-buyuk-foto .block-title {
        left: -10px;
        top: 11px;
        width: calc(100% - 15px);
    }

    .paket-buyuk-foto::before {
        left: 15px;
        top: 40px;
    }

    .paket-buyuk-foto::after {
        top: 35px;
        right: 15px;
        height: calc(100% - 25px);
    }

    .paketBuyukTitle {
        padding: 10px 0 0 0;
    }

    .paket-buyuk-foto .unsurlar {
        padding: 0 30px !important;
        width: calc(100% - 60px);
    }

    .paket-buyuk-foto .unsurlar .title {
        margin: 0 auto 15px auto;
    }

    .paket-buyuk-foto .oku {
        padding: 15px;
    }

    .paket-buyuk-foto .takip-text {
        top: 15px;
        left: 115px;
        padding: 0 21px 0 0;
    }

    .paket-buyuk-foto .takip-call {
        top: 105px;
        right: 30px;
        background-color: transparent;
    }

    .paket-buyuk-foto .takip-et::after {
        bottom: -40px;
        left: 75px;
        width: calc(100% - 90px);
    }

    .gundemBar {
        padding: 15px 0;
    }

    .gundemBar .container {
        white-space: nowrap;
        overflow: auto;
    }

    .gundemBar span {
        display: inline-block;
    }

    .gundemBar .icon {
        width: 36px;
        position: absolute;
        background: #f1f1f1;
    }

    .gundemBar span:nth-child(2) {
        margin: 0 auto 0 40px;
        padding: 0 5px 0 5px
    }

    .gundemBar span:nth-child(3),
    .gundemBar span:nth-child(4) {
        padding: 0 20px;
    }

    .gundemBar span:last-child {
        padding: 0 15px 0 0px !important
    }

    .gundemBar span a {
        font-size: 13px;
    }

    .manset-tip1 .manset-article {
        display: grid;
    }

    #gazeteManset .unsurlar span:last-child,
    .unsurlar .unsur-item:last-child {
        border-bottom: 0 !important;
    }

    #spor {
        margin-bottom: 15px;
    }

    #isciSendika .evrensel-manset,
    #dunya .evrensel-manset,
    #kultur .evrensel-manset {
        margin: 5px 0 0 0;
    }

    #isciSendika .manset-tip1 .ust,
    #dunya .manset-tip1 .ust,
    #kultur .manset-tip1 .ust {
        display: inline-grid !important;
    }

    #kultur .manset-tip1 .ust {
        border-bottom: 1px solid #d0d0d0;
    }

    #dunya .manset-tip1 .ust .manset-text,
    #kultur .manset-tip1 .ust .manset-text {
        order: 2;
        padding: 0 15px 0 0;
    }

    #isciSendika .manset-tip1 .ust .manset-text {
        order: 2;
        padding: 0 15px 15px 0;
    }

    #isciSendika .manset-tip1 .ust .manset-foto,
    #dunya .manset-tip1 .ust .manset-foto,
    #kultur .manset-tip1 .ust .manset-foto {
        order: 1;
    }

    #isciSendika .block-title,
    #dunya .block-title,
    #kultur .block-title {
        margin: 0 0 30px 0;
    }

    #isciSendika .manset-foto img,
    #dunya .manset-foto img,
    #kultur .manset-foto img {
        margin: 0 0 10px 0;
    }

    #sicakManset .manset-side,
    #politika .manset-side {
        padding: 20px 15px 0 15px;
        width: calc(100% - 30px);
        border-top: 1px solid #d0d0d0;
    }

    #sicakManset,
    #politika {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #sicakManset .manset-text .spot,
    #politika .manset-text .spot {
        margin-top: 0 !important;
    }

    #isciSendika .manset-side,
    #dunya .manset-side,
    #kultur .manset-side,
    #sicakManset .manset-side,
    #politika .manset-side,
    #ekonomi .manset-side,
    #spor .manset-side {
        padding: 0 15px;
        width: calc(100% - 30px);
        margin: 15px 0 0 0;
    }

    #isciSendika .unsurlar,
    #sicakManset .unsurlar,
    #politika .unsurlar {
        margin: -15px 0 -20px 0 !important
    }

    #isciSendika .manset-side {
        display: block;
        border-top: 1px solid #d0d0d0;
    }

    #spor .manset-side .block-title {
        margin: 15px 0 30px -15px;
        width: calc(100% + 15px);
    }

    #spor .manset-side table {
        width: 100%;
    }

    #isciSendika .sidehaber,
    #dunya .sidehaber,
    #kultur .sidehaber,
    #sicakManset .sidehaber,
    #politika .sidehaber,
    #spor .sidehaber,
    #ekonomi .sidehaber,
    #guncel .sidehaber {
        padding: 15px 0;
    }

    #sicakManset .sidehaberler,
    #politika .sidehaberler {
        margin: 0;
    }

    #ekonomi .sidehaberler {
        margin: 0;
        border-top: 1px solid #d0d0d0;
    }

    #kultur .sidehaberler {
        margin: 15px 0 0 0;
        border-top: 1px solid #d0d0d0;
    }

    #guncel .sidehaberler {
        margin: 15px 30px 0 0;
        border-top: 1px solid #d0d0d0;
    }

    #isciSendika .sidehaberler .title,
    #dunya .sidehaberler .title,
    #kultur .sidehaberler .title,
    #sicakManset .sidehaberler .title,
    #politika .sidehaberler .title,
    #ekonomi .sidehaberler .title,
    #spor .sidehaberler .title,
    #guncel .sidehaberler .title {
        width: calc(100% - 15px);
        display: block;
        margin: 0 15px 0 0;
        text-align: left;
        text-wrap-style: auto;
    }

    #isciSendika .sidehaberler .title a,
    #dunya .sidehaberler .title a,
    #kultur .sidehaberler .title a,
    #sicakManset .sidehaberler .title a,
    #politika .sidehaberler .title a,
    #ekonomi .sidehaberler .title a,
    #spor .sidehaberler .title a {
        text-align: center;
        float: none;
    }

    #isciSendika .sidehaber .title,
    #sicakManset .sidehaber .title,
    #politika .sidehaber .title,
    #dunya .sidehaber .title,
    #ekonomi .sidehaber .title,
    #kultur .sidehaber .title,
    #guncel .sidehaber .title,
    #isciSendika .sidehaber .sub-title,
    #sicakManset .sidehaber .sub-title,
    #politika .sidehaber .sub-title,
    #dunya .sidehaber .sub-title,
    #ekonomi .sidehaber .sub-title,
    #kultur .sidehaber .sub-title,
    #guncel .sidehaber .sub-title {
        float: left;
        text-align: left;
    }

    #kultur .manset-tip1 .manset-foto {
        margin: 0
    }

    .unsurlar .unsur-item:last-child {
        border-bottom: 1px solid #d0d0d0;
    }

    #isciSendika .unsurlar img,
    #sicakManset .unsurlar img,
    #politika .unsurlar img,
    #dunya .unsurlar img,
    #ekonomi .unsurlar img,
    #spor .unsurlar img,
    #kultur .unsurlar img,
    #guncel .unsurlar img {
        margin: 0 15px 0 0;
        float: left;
        width: 30%;
    }

    #sicakManset .unsurlar .sub-title,
    #politika .unsurlar .sub-title,
    #isciSendika .unsurlar .sub-title,
    #dunya .unsurlar .sub-title,
    #ekonomi .unsurlar .sub-title,
    #spor .unsurlar .sub-title,
    #kultur .unsurlar .sub-title,
    #guncel .unsurlar .sub-title {
        display: block;
        text-align: left;
    }

    #sicakManset .unsurlar .title,
    #politika .unsurlar .title,
    #isciSendika .unsurlar .title,
    #dunya .unsurlar .title,
    #ekonomi .unsurlar .title,
    #spor .unsurlar .title,
    #kultur .unsurlar .title,
    #guncel .unsurlar .title {
        padding: 0 15px 0 0;
        margin: 0 0 0 115px;
        text-align: left;
        text-wrap-style: pretty;
        display: flex;
    }

    .currencyBar {
        margin: 30px 15px -25px 0;
    }

    .currencyBarLabel {
        font-size: 12px;
    }

    .avrupaGundemi img {
        width: 100%;
        margin: 5px 0 0 0;
    }

    .avrupaText {
        width: calc(100% - 30px);
        padding: 15px 15px 0 15px;
        border-bottom: 1px solid #d0d0d0;
        text-align: center;
    }

    .avrupaText .spot {
        padding: 0;
        text-align: center;
    }

    .ikisutunhaber {
        margin: 0;
        display: block;
    }

    .ikisutunhaber div {
        width: calc(100% - 30px) !important;
        padding: 10px 15px 15px 15px !important;
        margin: 0 !important;
    }

    .ikisutunhaber div img {
        height: fit-content;
        margin: 5px 15px 0 0;
    }

    .ikisutunhaber div span {
        margin: 0;
    }

    .ikisutunhaber div:nth-child(7) {
        border-bottom: 1px solid #d0d0d0;
    }

    .ikisutunhaber div:nth-child(8) {
        border-bottom: none !important;
    }

    .footer {
        padding-bottom: 10px;
    }

    .footer .menu {
        padding: 5px 0 45px 0;
        border-top: none;
    }

    .footer .social-icons {
        gap: 0 10px;
        padding: 10px 0 0 0;
        margin: 0 auto 5px auto;
    }

    .social-icons a {
        padding: 1px 7px 9px 5px;
    }

    .social-icons .icon {
        width: 16px;
        height: 16px;
    }

    #scrollTopBtn {
        bottom: 0;
        right: 0
    }

    .gundem .haber-nav {
        display: inline;
    }

    .gundem .haber-kategori {
        width: 100%;
    }

    .gundem .breadcrumb {
        margin: 5px auto 5px -25px;
    }

    .gundem .breadcrumb a {
        font-size: 12px;
    }

    .gundem .breadcrumb svg,
    .gundem .tarih .icon {
        width: 16px;
        height: 16px;
    }

    .gundem .tarih .icon {
        margin: 10px 5px -4px 0;
    }

    .gundem .tarih {
        width: calc(100% - 15px);
        text-align: left;
        margin: 0 0 0 15px;
        padding: 0;
        font-size: 14px;
    }

    .gundem h1 {
        margin: 0 auto 15px auto !important;
        padding: 0;
    }

    .canliBg .article-spot {
        font-size: 1rem;
        padding: 15px;
    }

    .dark-mode .canliBg .article-spot {
        padding: 0 15px 30px 15px;
    }

    .gundem .haberler {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
    }

    .gundem .tekhaber .tekhaber-foto {
        display: none;
    }

    .gundem .tekhaber-text .spot {
        padding: 0;
    }

    .gundem .paylas {
        display: none
    }

    .gundemDevam .red-button {
        margin: 5px 0 -40px 15px;
    }

    .gundem .tablink {
        float: inline-end;
        margin: 0 15px 0 auto;
    }

    #main-content {
        scroll-padding-top: 90px;
    }

    .gazeteManset header {
        display: flex !important;
    }

    .article .basliklar {
        height: 55px;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        max-width: 100%;
        position: fixed;
        top: auto;
        bottom: 0;
        z-index: 2;
        display: none;
    }

    .basliklar a.active {
        color: #aa1218;
    }

    .article .basliklar ul li .active {
        border-left: none;
        padding: 0;
        margin: 0
    }

    article .h1 {
        width: calc(100% - 30px);
        margin: 0 15px 15px 15px !important;
    }

    article .evrensel-manset .manset-main {
        width: calc(100% - 30px) !important;
        margin: 0 15px 0 15px !important;
    }

    .manset-tip1 .manset-text {
        padding: 15px 15px 0 0;
    }

    .article-spot {
        text-align: center;
    }

    article .manset-tip1 .manset-foto {
        width: 100%;
        margin: 0
    }

    .article .manset-tip1 .manset-foto img {
        margin: 15px 0 0 0;
    }

    article .evrensel-manset .manset-side,
    .article .paylas {
        display: none
    }

    .article {
        display: grid;
        padding: 0;
    }

    .etiketBaslik {
        margin: -10px auto -15px auto;
    }

    .haberSonuEtiket {
        padding: 0 15px
    }

    .haberSonuEtiket .etiketBox {
        margin: 45px 0 0 -15px !important;
    }

    .haberSonuEtiket .etiketYazi {
        width: 100% !important;
    }

    .haberSonuEtiket .etiketBox .etiketYazi span {
        width: calc(100% - 100px);
        float: left;
    }

    .haberSonuEtiket .etiketYazilar {
        margin: 0
    }

    .haber {
        order: 1;
        max-width: 100%;
        margin: 0 30px 0 15px;
        min-height: auto;
        padding: 0 0 15px 0;
    }

    .ilgili_vizyon .vizyonMedia iframe {
        height: auto
    }

    .vizyonFragman iframe {
        max-height: 186px;
        margin: 0 auto -60px auto;
    }

    .videobg iframe,
    .videobg video {
        max-height: 186px;
        margin: -15px auto 15px auto;
    }

    .haber div:not(".proads-space") iframe {
        height: auto;
    }

    .haberYazilar {
        order: 2;
        width: calc(100% - 30px);
        margin: 0 15px 15px 15px;
    }

    .haberYazilar .block-title {
        padding: 0 0 15px 0;
    }

    .haberYazilar .block-title .red {
        margin: 0 5px 0 -15px;
    }

    .haberYazi .blockTitle .red {
        margin: 0 5px 0 -5px !important;
    }

    article .tarih {
        margin: 15px 0 0 15px;
        float: left;
    }

    .breadcrumb svg {
        width: 16px;
        height: 16px;
        margin: 0 0 -3px 5px !important;
    }

    .breadcrumb a {
        font-size: 12px;
        display: block;
    }

    .haberYazi {
        margin: 30px 0 15px -15px;
        display: inline-block;
    }

    #yazilar .tarih {
        display: none
    }

    #yazilar .block-title {
        margin: 0 0 -15px 0 !important;
    }

    #yazar .manset-text {
        padding: 0;
    }

    #yazar .yaziBant {
        display: block !important;
        padding: 15px 0 0 0;
    }

    #yazar .yaziBant img {
        float: left;
    }

    #yazar .yaziBant .title {
        margin: 15px 0 0 0;
        align-items: center;
        display: inline-flex;
    }

    #yazar .yaziBant span {
        margin: 10px 0 0 0;
        width: 100%;
        display: block;
    }

    .yazi .yaziBant {
        display: inline-flex !important;
        font-size: 12px;
    }

    .yazi .yaziBant span {
        width: 50%;
        float: left;
        display: contents;
    }

    .yazi .haber {
        max-width: calc(100% - 30px);
        margin: -30px 15px 0 15px;
    }

    .yaziYazilar {
        order: 2;
        width: calc(100% - 30px);
        margin: 15px;
    }

    .yaziYazilar span {
        margin: 0 0 0 10px;
    }

    .yazi header {
        padding: 0;
    }

    .yazi .tarih {
        margin: 0 15px -5px auto;
        float: inline-end;
    }

    .yazi .manset-tip1 .ust .manset-text {
        padding: 0;
        width: 100%;
    }

    .yazi .manset-tip1 .manset-foto {
        width: 100%;
        margin: -15px 0 15px 0;
    }

    .yazi .manset-side {
        display: block !important;
        width: calc(100% - 30px) !important;
        margin: -30px 0 0 0;
        padding: 0 15px !important;
    }

    .takipetBox {
        border: 0;
        padding: 0 0 15px 0;
        margin: 30px 0 0 0;
    }

    .takipetBox .icon {
        width: 32px;
        height: 32px;
        float: inline-start;
        margin: 0 15px 0 0;
    }

    .takipetBox span {
        text-align: left;
        font-size: 12px;
        margin: 0;
    }

    .yazi .audio {
        margin: -5px 0 -15px -5px;
        display: inline-block;
        width: calc(100% + 10px);
    }

    .yazi .article {
        padding: 30px 0 0 0;
    }

    .yazi .yaziBant .title {
        margin: 5px 0 -5px 0;
    }

    .sicakManset figure,
    .carousel-item figure,
    .etiketBox figure,
    .ozelHaberler figure {
        width: 100%;
    }

    .dark-mode .share-button svg {
        background: #f89336;
        stroke: #000;
    }

    .dark-mode .share-button {
        color: #fff;
    }

    .dark-mode .sticky-share {
        background-color: #000;
        box-shadow: 0 -1px 5px 0px rgba(155, 155, 155, 0.5);
    }

    .footer-menu {
        margin: -15px 0 15px 0;
        border-top: none;
    }

    .carousel {
        display: block;
    }

    .carousel .usthaber {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .carousel .usthaber:nth-child(2) {
        margin: 15px 0;
        width: calc(100% - 15px);
    }

    .carousel .usthaber:last-child {
        padding: 0;
    }

    .fotograf .geri svg {
        margin: 70px 0 0 -5px;
    }

    .fotograf .ileri svg {
        margin: 70px 0 0 5px;
    }

    /* Dikey kaydırma çubuğunu özelleştir */
    .basliklar::-webkit-scrollbar {
        width: 6px;
        /* Kaydırma çubuğu genişliği */
    }

    .basliklar::-webkit-scrollbar-track {
        background: #f1f1f1;
        /* Kaydırma çubuğu arka plan rengi */
        border-radius: 3px;
    }

    .basliklar::-webkit-scrollbar-thumb {
        background: #888;
        /* Kaydırma çubuğu rengi */
        border-radius: 3px;
    }

    .basliklar::-webkit-scrollbar-thumb:hover {
        background: #555;
        /* Kaydırma çubuğu hover rengi */
    }

    .haber-kategori {
        width: 100%;
    }

    .kategoriHaberler {
        display: inline-block;
        width: calc(100% - 30px);
        margin: -15px 15px 0 15px;
    }

    .kategoriHaberler span {
        padding: 0 0 15px 0;
        display: block;
        width: 100%;
        margin: 15px 0 !important;
        border-bottom: 1px solid #d0d0d0;
    }

    .dark-mode .sicakMansetOrta,
    .dark-mode .unsurlar span {
        border-right: none;
    }

    .dark-mode .sicakMansetSag,
    .dark-mode .sicakManset .manset-side,
    .dark-mode .evrensel-manset .manset-side {
        border-left: none !important;
    }

    .dark-mode .paket-tekhaber .takip-call {
        background-color: transparent;
    }

    .dark-mode .unsurlar {
        border-top: none;
    }

    .dark-mode .unsurlar span,
    .dark-mode .kategoriHaberler span {
        border-bottom: 1px solid #666 !important;
    }

    .dark-mode .sicakMansetSol img,
    .dark-mode .sicakMansetSag img {
        border: 1px solid #666;
    }

    .dark-mode .sicakMansetSol span:nth-child(1),
    .dark-mode .sicakMansetSag span:nth-child(1) {
        border-bottom: none !important;
    }

    .live-sol {
        width: calc(100% - 60px);
        margin: 15px 5px 0 5px;
        height: fit-content
    }

    .haber-live {
        width: calc(100% - 15px);
        margin: 15px 0 0 5px;
    }

    .live-blog-content iframe {
        width: 250px;
    }



    .live-blog-content h3 {
        margin: 0 0 -10px 0 !important;
    }


}

@media (min-width: 768px) and (max-width: 991px) {

    body,
    html {
        overflow-x: hidden;
    }

    .container {
        max-width: 100%;
        width: calc(100% - 30px);
    }

    .menu .dropdown {
        right: 0;
        left: auto;
    }

    .menu ul {
        margin: 0 -5px;
    }

    .menu ul li {
        padding: 0 10px;
    }

    .menu ul li a {
        font-size: 10px;
    }

    .sondakika {
        width: fit-content !important;
    }

    .evrensel-manset,
    .aksamManset {
        display: block;
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .gazeteManset .evrensel-manset {
        width: 100%
    }

    .gazeteManset .evrensel-manset .manset-main,
    .aksamManset .aksamSol {
        width: 100%;
        padding: 0 0 15px 0;
    }

    .evrensel-manset .manset-side,
    .aksamSag .manset-side {
        padding: 0;
        border-left: none;
        width: 100%;
        display: inline-block;
    }

    .dark-mode .sicakMansetSag,
    .dark-mode .sicakManset .manset-side,
    .dark-mode .evrensel-manset .manset-side,
    .dark-mode .aksamSag .manset-side {
        border-left: none !important;
    }

    #gazeteManset .noMobile {
        display: none;
    }

    #gazeteManset .manset-side {
        margin: 0 15px 0 -10px;
    }

    .birincisayfa,
    .karikatur {
        width: 49%;
        float: left;
    }

    .birincisayfa img {
        margin: 5px 0px 10px 0 !important
    }

    .karikatur img {
        width: 110px;
        margin: 5px auto 15px auto;
    }

    .tekhaber .tekhaber-text {
        padding: 30px 0 0 60px;
    }

    .tekhaber .tekhaber-foto img {
        margin: 30px 0 10px -25px;
    }

    #isciSendika .evrensel-manset,
    #dunya .evrensel-manset {
        width: 100%;
        margin: -30px 10px 0 10px;
    }

    #isciSendika .sidehaber,
    #sicakManset .sidehaber,
    #politika .sidehaber,
    #dunya .sidehaber,
    #ekonomi .sidehaber,
    #kultur .sidehaber,
    #guncel .sidehaber {
        padding: 30px 15px 30px 0;
        width: calc(50% - 15px);
        float: left;
        border-bottom: 0;
    }

    #isciSendika .block-title,
    #dunya .block-title,
    #kultur .block-title {
        width: 100%;
    }

    .block-title {
        width: calc(100% - 10px);
        margin: 0 0 0 10px;
    }

    .currencyBar {
        margin: 30px 15px 0 15px;
        float: inline-start;
    }

    .manset-tip2 .manset-foto img {
        margin: 15px 0 0 10px;
    }

    #ekonomi .evrensel-manset {
        margin: 30px 0 0 010px;
        width: 100%;
    }

    #kultur .manset-tip1 .unsurlar {
        margin: 0;
        border-top: 0;
    }

    #isciSendika .unsurlar,
    #sicakManset .unsurlar,
    #politika .unsurlar,
    #dunya .unsurlar,
    #ekonomi .unsurlar {
        padding: 30px 0 0px 10px;
    }

    .spot {
        padding: 0;
    }

    .gazeteManset .big-title {
        padding: 0 0 0 15px;
    }

    .sicakManset .spot {
        padding: 0 0 0 15px;
    }

    .evrensel-manset .manset-main {
        width: 100%;
        margin: 0 0 0 -15px;
    }

    .gazeteManset .manset-tip1 .manset-spot {
        padding: 0 15px;
    }

    .full-reklam img,
    .full-reklam iframe {
        max-width: 728px;
    }

    #sicakManset .sidehaberler,
    #politika .sidehaberler,
    #ekonomi .sidehaberler,
    #kultur .sidehaberler,
    #guncel .sidehaberler {
        margin: 0;
        display: flex;
    }

    .oyun-item {
        padding: 0 30px;
    }

    article .h1 {
        width: 100%;
        margin: 0 !important;
        padding: 0;
    }

    article .evrensel-manset .manset-main {
        width: 100%;
        margin: 0;
        padding: 0 0 15px 0;
    }

    article .evrensel-manset .manset-side {
        display: none;
    }

    .haberYazilar {
        width: 250px;
        float: inline-end;
        position: sticky;
        right: 0;
        top: 120px;
    }

    .haber {
        max-width: calc(100% - 290px);
        margin: 0 0 0 30px;
    }

    #gazeteManset .manset-tip1 .unsurlar {
        margin: 0 0 0 10px;
    }

    #isciSendika .sidehaber .title,
    #sicakManset .sidehaber .title,
    #politika .sidehaber .title,
    #dunya .sidehaber .title,
    #ekonomi .sidehaber .title,
    #kultur .sidehaber .title,
    #guncel .sidehaber .title,
    #isciSendika .sidehaber .sub-title,
    #sicakManset .sidehaber .sub-title,
    #politika .sidehaber .sub-title,
    #dunya .sidehaber .sub-title,
    #ekonomi .sidehaber .sub-title,
    #kultur .sidehaber .sub-title,
    #guncel .sidehaber .sub-title {
        text-align: left;
        float: left;
        width: 100%;
    }

    .yazi .manset-tip1 .manset-foto {
        width: 51%;
    }

    .yaziYazilar {
        width: 250px;
    }

    .yazi .haber {
        max-width: calc(100% - 300px);
        margin: 0 0 0 40px;
    }

    .yazi .paylas {
        margin: 20px 0 0 -20px;
    }

    .yazi .h1 {
        padding: 0 0 0 15px;
    }

    .gundem .haberler {
        margin: 10px 30px 0 0;
        padding: 0;
        width: calc(100% - 300px);
    }

    .gundem .tekhaber-text {
        padding: 30px 0 0 30px !important;
        width: 60% !important;
    }

    article header {
        padding: 0 0 15px 0;
    }

    .article .basliklar {
        min-width: 220px;
    }

    .canliBg .article-spot {
        padding: 0 30px 30px 30px;
    }

    .gundem .paylas {
        right: 7px;
    }

}

@media (min-width: 992px) and (max-width: 1280px) {
    .container {
        max-width: 100%;
        width: calc(100% - 30px);
    }

    .menu .dropdown {
        right: 0;
        left: auto;
    }

    .menu ul li {
        padding: 0 10px;
    }

    .evrensel-manset .manset-main,
    .aksamManset .aksamSol,
    .evrensel-manset .manset-side,
    .aksamSag .manset-side {
        padding: 0 15px;
    }

    .tekhaber .tekhaber-foto img {
        margin: 30px 0 10px 0;
    }

    .article .paylas {
        margin: 15px 60px 0 -60px;
    }

    .haber,
    .yazi .haber {
        max-width: calc(100% - 360px);
        margin: 0 0 0 30px;
    }

    .gundem .haberler {
        width: calc(100% - 390px);
        margin: 10px 5px 0 0;
    }

    .gundem .paylas {
        right: 0;
        margin: 0 -5px 0 0;
        padding: 5px 0 0 0;
    }

}

@media (min-width: 1281px) and (max-width: 1600px) {
    /* 1281px ile 1600px arası için stil kuralları */
}

@media (min-width: 1601px) {
    /* 1601px ve üzeri için stil kuralları */
}

.carousel-video {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    height: 350px;
}

.carousel-slide {
    flex-shrink: 0;
    padding: 0 10px;
    height: 100%;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    background: #003f6b;
}

.play-icon {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.play-icon svg {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
    stroke: #d0d0d0;
    background: #aa1218;
    border-radius: 50%;
    padding: 5px;
}

.video-thumbnail {
    width: 100%;
    height: 207px;
    object-fit: cover;
    transition: transform 0.3s ease;
    margin: 0;
}

.video-container:hover .video-thumbnail {
    transform: scale(1.03);
}

.slide-title {
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    color: white;
    padding: 20px;
    font-size: 1.2rem;
    font-family: 'PT Serif Caption';
}

.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s ease;
    display: flex;
    /* Added to center the SVG icon */
    justify-content: center;
    /* Added to center the SVG icon */
    align-items: center;
    /* Added to center the SVG icon */
}

.carousel-arrow svg.icon {
    width: 2rem;
    /* Adjust size as needed */
    height: 2rem;
    /* Adjust size as needed */
}

.carousel-arrow:hover {
    background: rgba(0, 0, 0, 0.8);
}

.carousel-arrow.prev {
    left: 15px;
}

.carousel-arrow.next {
    right: 15px;
}

#videoContainer {
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100%;
}

.progress-bar {
    flex-grow: 1;
    max-width: 100%;
}

/* Tam Ekran Video Stilleri */
.fullscreen-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

#mainVideo,
#youtubePlayer {
    width: 72%;
    height: 72vh;
    margin: 0 auto;
    display: block;
}

.close-fullscreen-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.close-fullscreen-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.1);
}


.fullscreen-video-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Video bilgisi - KONTROL ÇUBUĞUNUN ALTINDA */
.video-info {
    position: absolute;
    bottom: 60px;
    /* Kontrol çubuğunun altında */
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    padding: 10px;
    margin-bottom: 60px;
    /* Kontrol çubuğu yüksekliği kadar boşluk */
}

/* Kontrol çubuğu */
.fullscreen-video-controls {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 11;
    /* video-info'dan daha üstte */
}

/* Video container */
#videoContainer {
    width: 100%;
    height: calc(100% - 100px);
    /* Alt kısım için yer bırak */
    display: flex;
    justify-content: center;
    align-items: self-start;
}

.video-info a {
    font-size: 1.5rem;
    max-width: 90%;
    color: #fff;
}

.video-info h2 {
    color: white;
    font-size: 1.3rem;
    margin: 0;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    display: inline-block;
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.scrolldown svg {
    stroke: #fff;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

/* Masaüstü görünümü - 3 öğe tam + 4. öğenin %25'i */
@media (min-width: 768px) {
    .carousel-slide {
        width: calc(100% / 3.25);
        /* 3 tam slide + 4. slide'ın %25'i */
    }
}

/* Mobil Görünüm */
@media (max-width: 768px) {
    .carousel-slide {
        width: calc(100% / 1.25);
        /* 1 tam slide + 2. slide'ın %25'i */
    }

    .slide-title {
        font-size: 1.1rem;
        padding: 15px;
    }

    .video-wrapper {
        width: 95%;
    }

    .close-fullscreen-btn {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }

    #videoContainer {
        height: calc(100% - 100px);
    }

    #mainVideo,
    #youtubePlayer {
        width: 100%;
        height: 35vh;
        margin: 0;
    }

}

/* Oynatma/Durdurma butonu stilleri */
.playing .play-icon {
    display: none;
}

.playing .pause-icon {
    display: block;
    width: 24px;
    cursor: pointer;
}

.pause-icon {
    display: none;
}

.play-pause-btn.playing .play-icon {
    display: none;
}

.play-pause-btn.playing .pause-icon {
    display: block;
}

.play-pause-btn:not(.playing) .play-icon {
    display: block;
    width: 24px;
    cursor: pointer;
}

.play-pause-btn:not(.playing) .pause-icon {
    display: none;
}

/* Ses Açma/Kapama butonu stilleri */
.volume-btn .volume-icon {
    display: block;
    width: 24px;
    cursor: pointer;
}

.volume-btn .volume-off-icon {
    display: none;
}

.volume-btn.muted .volume-icon {
    display: none;
}

.volume-btn.muted .volume-off-icon {
    display: block;
    cursor: pointer;
    width: 24px;
}

#mainVideo {
    cursor: pointer;
}

/* YouTube player için ek stiller */
#youtubePlayer {
    position: relative;
    z-index: 1;
}

#blackScreen {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#blackScreen::after {
    content: "▶";
    color: white;
    font-size: 60px;
    opacity: 0.8;
}

#blackScreen:hover::after {
    opacity: 1;
}

.video-transition-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

/*sesli köşe dinleme stilleri */

.audio-icon-container {
    width: 80px;
    /* Slightly smaller */
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 50px auto;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.audio-icon-container svg {
    margin: 24px;
    width: 32px;
    height: 32px;
    fill: #202129;
}

.audio-icon-container:hover {
    background-color: #f1f3f5;
    transform: scale(1.05);
}

.audio-icon {
    font-size: 35px;
    /* Slightly smaller */
    color: #aa1218;
}

/* --- Player Container --- */
.audio-player-container {
    position: fixed;
    bottom: 0;
    /* Start hidden below */
    left: 0;
    width: 100%;
    background-color: rgba(26, 26, 26, 0.95);
    color: white;
    transition: transform 0.5s ease, height 0.5s ease, background-color 0.5s ease, color 0.5s ease;
    z-index: 1000;
    display: flex;
    /* Use flex for centering */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    backdrop-filter: blur(5px);
    transform: translateY(100%);
    /* Initially hidden */
    height: 100vh;
    /* Full height when shown */
    padding: 0;
    box-sizing: border-box;
}

.audio-player-container.show {
    transform: translateY(0%);
    /* Slide in */
}

.audio-player-container.minimized {
    height: auto;
    /* Auto height for content */
    background-color: #ffffff;
    color: #333;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: none;
    align-items: stretch;
    /* Align items to stretch vertically */
    padding: 15px 0;
    /* Padding top/bottom */
    transform: translateY(0);
    /* Ensure it's visible */
}

/* --- Player Content Area --- */
.audio-player {
    width: 90%;
    /* Responsive width */
    max-width: 600px;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    color: #333;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    /* Ensure it doesn't exceed viewport height */
    max-height: 90vh;
    overflow-y: auto;
    /* Add scroll if content exceeds max-height */
}

/* Adjustments for minimized player content */
.audio-player-container.minimized .audio-player {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    /* Padding left/right */
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    max-height: none;
    /* Remove max-height */
    overflow-y: visible;
    /* Remove scroll */
}

/* --- Player Header (Full View) --- */
.player-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.player-header h2 {
    font-size: 20px;
    /* Slightly smaller */
    color: #aa1218;
    margin: 0;
    width: 83%;
    font-family: 'PT Sans Caption';
}

/* Hide elements in minimized view */
.audio-player-container.minimized .player-header,
.audio-player-container.minimized .song-info,
.audio-player-container.minimized .voice-selector,
.audio-player-container.minimized .progress-container:not(#progressContainerMin),
/* Hide full progress */
.audio-player-container.minimized .time-info:not(#timeInfoMin),
/* Hide full time info */
.audio-player-container.minimized .controls:not(#controlsMin),
/* Hide full controls */
.audio-player-container.minimized .speed-control:not(#speedControlMin)

/* Hide full speed control */
    {
    display: none;
}

/* --- Header Buttons (Close/Minimize) --- */
.close-player,
.minimize-player {
    background: none;
    border: none;
    color: #6c757d;
    font-size: 18px;
    /* Slightly smaller */
    cursor: pointer;
    padding: 5px;
    transition: color 0.3s ease;
    line-height: 1;
    /* Ensure icon aligns well */
}

.close-player:hover,
.minimize-player:hover {
    color: #333;
}

.minimize-player {
    margin-right: 0;
}

/* --- Minimized Controls Wrapper --- */
.minimized-controls-wrapper {
    display: none;
    /* Hidden by default */
    width: 100%;
    align-items: center;
    gap: 10px;
    /* Reduced gap */
    box-sizing: border-box;
}

.audio-player-container.minimized .minimized-controls-wrapper {
    display: contents;
    /* Shown in minimized view */
}

/* --- Minimized Left Section (Image, Title, Artist) --- */
.minimized-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    overflow: hidden;
    /* Hide overflowing text */
    min-width: 150px;
    /* Give it some minimum space */
}

.minimized-voice-image {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    object-fit: cover;
    flex-shrink: 0;
    /* Prevent image from shrinking */
    background-color: #eee;
    /* Placeholder background */
}

.minimized-text-info {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    /* Prevent wrapping */
    overflow: hidden;
    /* Hide overflow */
    text-overflow: ellipsis;
    /* Add ellipsis (...) */
    font-size: 12px;
    /* Smaller font */
    line-height: 1.3;
}

#minimizedSongTitle {
    font-weight: bold;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
}

#minimizedSongArtist {
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* --- Minimized Center Section (Controls) --- */
.minimized-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-grow: 1;
    /* Take up remaining space */
    flex-shrink: 1;
    /* Allow shrinking if needed */
    min-width: 120px;
    /* Minimum space for controls */
    width: 100%
}

.minimized-center .control-btn {
    padding: 0;
    /* Remove padding */
    font-size: 14px;
    background-color: transparent;
    color: #aa1218;
    border: 0;
    border-radius: 50%;
    width: 30px;
    /* Smaller buttons */
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
    /* Prevent buttons shrinking */
    line-height: 1;
}

.minimized-center .control-btn:hover {
    background-color: #e9ecef;
    color: #0056b3;
}

.minimized-center #playPauseBtnMin {
    font-size: 16px;
    background-color: #aa1218;
    color: white;
    border: none;
    width: 36px;
    /* Slightly larger play/pause */
    height: 36px;
}

.minimized-center #playPauseBtnMin:hover {
    background-color: #0056b3;
}

/* --- Minimized Right Section (Progress, Time, Speed, Voice, Close/Max) --- */
.minimized-right {
    display: flex;
    align-items: center;
    gap: 15px;
    /* Increased gap for spacing */
    flex-shrink: 0;
    /* Prevent shrinking */
}

/* Progress Bar and Time in Minimized View */
.minimized-progress-time {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    /* Allow progress bar to take space */
    min-width: 100px;
    /* Minimum width for progress + time */
}

.audio-player-container.minimized .progress-container {
    flex-grow: 1;
    /* Take available space */
    height: 6px;
    /* Thinner bar */
    background-color: #e9ecef;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    margin: 0;
    /* Remove margins */
}

.audio-player-container.minimized .progress-bar {
    background-color: #aa1218;
    height: 100%;
    width: 0%;
    border-radius: 3px;
    transition: width 0.1s linear;
}

.audio-player-container.minimized .time-info {
    display: flex;
    /* Show time */
    gap: 2px;
    /* Small gap between times */
    font-size: 11px;
    /* Smaller font */
    color: #6c757d;
    white-space: nowrap;
    /* Prevent wrapping */
}

#timeInfoMin {
    display: flex;
}

/* Ensure wrapper is flex */


/* Speed and Voice Controls in Minimized View */
.minimized-speed-voice {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Minimized Speed Control */
.audio-player-container.minimized .speed-control {
    display: flex;
    /* Show speed controls */
    align-items: center;
    gap: 5px;
    margin: 0;
    /* Remove margin */
}

.audio-player-container.minimized .speed-btn {
    padding: 2px 5px;
    /* Smaller padding */
    font-size: 11px;
    /* Smaller font */
    background-color: #666;
    color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    /* Smaller radius */
    line-height: 1;
}

.audio-player-container.minimized .speed-btn:hover {
    background-color: #e9ecef;
}

.audio-player-container.minimized .speed-display {
    font-size: 11px;
    font-weight: bold;
    color: #495057;
    min-width: 30px;
    /* Reduced width */
    text-align: center;
    padding: 2px 0;
    /* Add some vertical padding */
    line-height: 1;
}

/* Minimized Voice Selector Buttons */
.audio-player-container.minimized .minimized-voice-selector {
    display: flex;
    gap: 5px;
    /* Small gap between buttons */
    margin: 0;
    align-items: center;
}

.audio-player-container.minimized .voice-btn {
    padding: 5px;
    /* Add padding for click area */
    background-color: #f1f3f5;
    /* Default background */
    border: 1px solid transparent;
    /* Transparent border */
    border-radius: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6c757d;
    /* Icon color */
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.audio-player-container.minimized .voice-btn svg {
    width: 14px;
    /* Icon size */
    height: 14px;
}


.audio-player-container.minimized .voice-btn:hover {
    background-color: #e9ecef;
    color: #333;
}

.audio-player-container.minimized .voice-btn.active {
    background-color: #e7f1ff;
    border-color: #aa1218;
    color: #aa1218;
    /* Active icon color */
}


/* Close/Maximize buttons in minimized view */
.audio-player-container.minimized .minimized-right .minimize-player,
.audio-player-container.minimized .minimized-right .close-player {
    margin-left: 5px;
    /* Add some space */
    font-size: 16px;
    /* Adjust size */
}


/* --- Song Info (Full View) --- */
.song-info {
    text-align: center;
    margin-bottom: 15px;
}

#songTitle {
    font-weight: bold;
    font-size: 22px;
    /* Slightly smaller */
    margin-bottom: 5px;
    color: #333;
}

#songArtist {
    font-size: 16px;
    /* Slightly smaller */
    color: #555;
}


/* --- Voice Selector (Full View) --- */
.voice-selector {
    margin: 20px 0;
    /* Reduced margin */
    display: flex;
    justify-content: center;
    gap: 20px;
}

.voice-btn {
    /* Common styles for both views (some overridden for minimized) */
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none;
    font-weight: normal;
    position: relative;
    line-height: 1;
}

/* Full View Voice Button Images */
.voice-selector .voice-btn img {
    display: block;
    width: 80px;
    /* Smaller images */
    height: 80px;
    border-radius: 10px;
    opacity: 0.7;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    border: 3px solid transparent;
    /* Use border for active state */
    object-fit: cover;
}

.voice-selector .voice-btn:hover img {
    opacity: 0.9;
    transform: scale(1.03);
}

.voice-selector .voice-btn.active img {
    opacity: 1;
    border-color: #aa1218;
    /* Highlight with border */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.4);
    /* Subtle shadow */
}


/* --- Progress Bar (Full View) --- */
.progress-container {
    width: 100%;
    background-color: #e9ecef;
    height: 8px;
    border-radius: 4px;
    margin: 15px 0;
    /* Reduced margin */
    cursor: pointer;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    width: 0%;
    background-color: #aa1218;
    border-radius: 4px;
    transition: width 0.1s linear;
}

/* --- Time Info (Full View) --- */
.time-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #6c757d;
    width: 100%;
    margin-top: -5px;
    /* Pull up slightly */
    margin-bottom: 15px;
    max-width: 60px;
}

/* --- Controls (Full View) --- */
.controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    /* Reduced margin */
    gap: 15px;
}

.control-btn {
    /* Common styles */
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 12px;
    /* Adjusted padding */
    margin: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    line-height: 1;
    /* Align icons */
}

.control-btn:hover {
    background-color: #e9ecef;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Play/Pause Button (Full View) */
#playPauseBtn {
    background-color: #aa1218;
    color: white;
    font-size: 22px;
    width: 60px;
    height: 60px;
    border: none;
}

#playPauseBtn:hover {
    background-color: #0056b3;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.4);
}

/* --- Speed Control (Full View) --- */
.speed-control {
    margin-top: 20px;
    /* Reduced margin */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.speed-btn {
    /* Common styles */
    background-color: #e9ecef;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    color: #495057;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
    line-height: 1;
}

.speed-btn:hover {
    background-color: #dee2e6;
}

.speed-display {
    /* Common styles */
    min-width: 50px;
    display: inline-block;
    font-weight: bold;
    color: #495057;
    font-size: 15px;
    text-align: center;
    line-height: 1;
}

/* --- Modal --- */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1001;
    /* Above player */
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px);
}

/* Add .flex class when showing modal via JS if needed, or use inline style display: flex */
/* .modal.flex { display: flex; } */

.modal-content {
    background-color: white;
    padding: 30px;
    /* Slightly less padding */
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    /* Slightly smaller max-width */
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    color: #333;
    /* Ensure text color is set */
}

.modal-title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}

.modal-message {
    font-size: 15px;
    /* Slightly smaller */
    margin-bottom: 25px;
    color: #555;
    line-height: 1.6;
}

.modal-buttons {
    display: flex;
    flex-direction: column;
    /* Stack buttons vertically */
    gap: 10px;
    /* Gap between buttons */
}

.modal-btn {
    padding: 10px 20px;
    /* Adjusted padding */
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease;
    font-size: 14px;
    width: 100%;
    /* Make buttons full width */
    box-sizing: border-box;
}

.modal-btn:hover {
    transform: translateY(-2px);
}

.login-btn {
    background-color: #aa1218;
    color: white;
    order: 1;
    /* Order in stack */
}

.login-btn:hover {
    background-color: #0056b3;
}

.subscribe-btn {
    background-color: #28a745;
    color: white;
    order: 2;
    /* Order in stack */
}

.subscribe-btn:hover {
    background-color: #218838;
}

.close-modal {
    background-color: #6c757d;
    color: white;
    order: 3;
    /* Order in stack */
    margin-top: 5px;
    /* Add space above close button */
}

.close-modal:hover {
    background-color: #5a6268;
}


@media (max-width: 767px) {

    .geceManset .sicakMansetSol {
        width: calc(100% - 30px) !important;
        margin: 0 15px 15px 15px !important;
    }

    .geceManset .sicakMansetOrta {
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
        padding: 0 !important;
        border-left: 0 !important;
    }

    .geceManset .manset-side {
        width: 100% !important;
        padding: 15px 0 0 10px !important;
    }

    .geceManset .birincisayfa .aboneol {
        display: none
    }

    .dark-mode .geceManset .sicakMansetSol img,
    .dark-mode .geceManset .sicakMansetSag img {
        border: none
    }

}

.haber table,
.yazi table {
    width: 100% !important;
    margin: 30px auto 15px auto;
    border-collapse: collapse;
    /* Hücre kenarlıklarını birleştirir */
    font-size: clamp(0.3rem, calc(0.3rem + 1vw), 1.15rem)
}

#gazeteManset .kutular .title {
    font-style: italic;
    font-weight: normal !important;
    padding: 0 30px 0 0;
}

#cookie-consent {
    /* Sabit konumlandırma, altta */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Tam genişlik */
    /* Görünüm */
    background-color: #272829;
    /* Koyu gri-mavi arka plan */
    color: #ffffff;
    /* Beyaz metin */
    padding: 6rem 2rem;
    /* İç boşluk */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    /* Üstte hafif gölge */
    text-align: center;
    /* Metni ortala */
    z-index: 1000;
    /* Diğer elementlerin üzerinde kalmasını sağla */
    font-family: sans-serif;
    /* Genel bir font */
    font-size: 0.9rem;
    /* Biraz daha küçük font boyutu */
    box-sizing: border-box;
    /* Padding ve border genişliğe dahil edilsin */
    line-height: 1.5rem;
    /* Başlangıçta gizli, JS ile gösterilecek */
    display: none;
}

/* Banner içindeki metin için ek boşluk */
#cookie-consent p {
    margin: 0 0 0.75rem 0;
    /* Butonlardan önce biraz boşluk */
    line-height: 1.4;
    /* Satır yüksekliği */
}

/* Genel Buton Stilleri */
#cookie-consent button {
    /* Görünüm */
    color: white;
    /* Beyaz metin */
    padding: 0.6rem 1.2rem;
    /* İç boşluk (dikey/yatay) */
    border: none;
    /* Kenarlık yok */
    border-radius: 5px;
    /* Yuvarlatılmış köşeler */
    margin: 0.25rem 0.5rem;
    /* Butonlar arası boşluk */
    cursor: pointer;
    /* Tıklanabilir imleç */
    font-size: 0.85rem;
    /* Buton font boyutu */
    font-weight: bold;
    /* Kalın yazı */
    transition: background-color 0.2s ease, transform 0.1s ease;
    /* Yumuşak geçiş efekti */
}

/* Kabul Butonu */
#cookie-accept {
    background-color: #aa1218;
}

#cookie-accept:hover {
    background-color: #f56565;
}

/* Reddet Butonu */
#cookie-decline {
    background-color: #a0a0a0;
}

#cookie-decline:hover {
    background-color: #666;
}

/* Butonlara tıklandığında hafif küçülme efekti */
#cookie-consent button:active {
    transform: scale(0.98);
}

/* Opsiyonel: Çerez Politikası Linki Stili */
#cookie-consent a#cookie-policy-link {
    /* Eğer bir link eklerseniz */
    color: #a0aec0;
    /* Açık gri tonu */
    text-decoration: underline;
    /* Altı çizili */
    font-size: 0.85rem;
}

#cookie-consent a#cookie-policy-link:hover {
    color: #cbd5e0;
    /* Hover'da biraz daha açık renk */
}


.custom-ad-unit {
    max-height: 300px;
    display: inline-block;
}

/* Küçük ekranlar için */
@media (max-width: 767px) {
    #cookie-consent {
        font-size: 0.85rem;
        padding: 3rem 2rem;
        /* İç boşluk */
    }

    #cookie-consent p {
        margin-bottom: 0.5rem;
    }

    #cookie-consent button {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        display: block;
        width: 80%;
        margin: 1.5rem auto;
    }

    .custom-ad-unit {
        max-height: 150px;
    }
}


/* Ana Notify Button Container */
.os-notify-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 10000;
}

/* Mobil için responsive ayarlar */
@media (max-width: 768px) {
    .os-notify-container {
        bottom: 55px;
        left: 15px;
    }
}

/* Ana Button */
.os-notify-button {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(255, 107, 107, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: visible;
}

.os-notify-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(255, 107, 107, 0.6);
}

.os-notify-button:active {
    transform: scale(0.95);
}

/* Bell İkonu */
.os-bell-icon {
    width: 28px;
    height: 28px;
    fill: white;
    transition: transform 0.3s ease;
}

.os-notify-button:hover .os-bell-icon {
    transform: rotate(-15deg);
}

/* Pulse animasyonu */
.os-notify-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    70% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

/* Status Badge */
.os-status-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
}

.os-status-subscribed {
    background: #27ae60;
}

.os-status-unsubscribed {
    background: #e74c3c;
}

.os-status-blocked {
    background: #95a5a6;
}

.os-notify-button.subscribed {
    width: 24px;
    height: 24px;
    opacity: 0.8;
    /* Biraz şeffaf yap */
    box-shadow: 0 2px 10px rgba(39, 174, 96, 0.3);
    /* Daha yumuşak gölge */
}

.os-notify-button.subscribed:hover {
    width: 32px;
    /* Hover'da biraz büyüt ama orijinalinden küçük */
    height: 32px;
    opacity: 1;
    /* Tam opak yap */
    transform: scale(1.05);
    /* Daha az büyütme efekti */
}

.os-notify-button.subscribed .os-bell-icon {
    width: 12px;
    /* 28px'den 24px'e küçült */
    height: 12px;
}

/* Tooltip */
.os-tooltip {
    position: absolute;
    bottom: 75px;
    /* Button'ın üzerinde */
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    /* Ortalanmış ve başlangıçta aşağıda */
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 10001;
    pointer-events: none;
    display: block !important;
}

.os-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 20px;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.9);
}

.os-notify-button:hover .os-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Modal */
.os-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding: 0;
}

.os-modal-overlay.active {
    opacity: 1 !important;
    visibility: visible;
}

.os-modal {
    background: white;
    border-radius: 16px;
    padding: 24px;
    max-width: 340px;
    width: 100%;
    text-align: center;
    transform: scale(0.9) translateY(20px);
    transition: all 0.3s ease;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.os-modal-overlay.active .os-modal {
    transform: scale(1) translateY(0);
}

.os-modal-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #aa1218, #ee5a24);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.os-modal-icon svg {
    width: 32px;
    height: 32px;
    fill: white;
}

.os-modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
    font-family: 'PT Sans Caption';
}

.os-modal-description {
    color: #7f8c8d;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 24px;
    font-family: 'PT Sans Caption';
}

.os-modal-buttons {
    display: grid;
    gap: 12px;
}

.os-modal-button {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: 'PT Sans Caption';
}

.os-modal-button.primary {
    background: linear-gradient(135deg, #aa1218, #ee5a24);
    color: white;
}

.os-modal-button.primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

.os-modal-button.secondary {
    background: #ecf0f1;
    color: #7f8c8d;
}

.os-modal-button.secondary:hover {
    background: #d5dbdb;
}

/* Başarı mesajı */
.os-success-message {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: #27ae60;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    z-index: 30000;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
    font-family: 'PT Sans Caption';
}

.os-success-message.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Mobil optimizasyonlar */
@media (max-width: 480px) {
    #main-content {
        scroll-padding-top: 70px;
    }
    
    .os-notify-button {
        width: 56px;
        height: 56px;
    }

    .os-bell-icon {
        width: 24px;
        height: 24px;
    }

    .os-modal {
        margin: 20px;
        padding: 20px;
    }

    .os-modal-buttons {
        flex-direction: column;
    }

    .os-tooltip {
        display: none;
        /* Mobilde tooltip gizle */
    }
}

/* Dark mode desteği */
@media (prefers-color-scheme: dark) {
    .os-modal {
        background: #2c3e50;
        color: white;
    }

    .os-modal-title {
        color: white;
    }

    .os-modal-description {
        color: #bdc3c7;
    }

    .os-modal-button.secondary {
        background: #34495e;
        color: #ecf0f1;
    }

    .os-modal-button.secondary:hover {
        background: #4a6741;
    }
}

/* ---------------------------------------------------- */
/* SPOR.HTML STYLES (Moved from template) */
/* ---------------------------------------------------- */
.match {
    display: flow;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.match:hover {
    background-color: #f8f9fa;
}

.team {
    flex: 1;
    text-align: center;
}

.home-team {
    float: inline-start;
    width: 27%;
    text-align: left;
    font-size: 14px;
}

.away-team {
    text-align: left;
    float: inline-end;
    width: 27%;
    font-size: 14px;
}

.score {
    font-weight: bold;
    margin: 0 15px;
    min-width: 5px;
    text-align: center;
    float: inline-start;
    width: 30%;
}

.stats-date-time {
    color: #666;
    font-size: 0.9em;
    min-width: 100px;
    text-align: center;
    display: flex;
    margin: 25px auto 0 auto;
    width: fit-content
}

.stats {
    display: inline-block;
    justify-content: center;
    margin-top: 20px;
}

.stat-item {
    background-color: #e9ecef;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

.stat-value {
    font-size: 1.5em;
    font-weight: bold;
    color: #007bff;
}

@media (max-width: 767px) {
    #ekonomi .manset-tip2 .manset-foto {
        margin: 5px 0 0 0;
    }
}

/* 9-item Manset Layout */
.evrensel-manset-9 {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
}

.manset-9-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.manset-9-left,
.manset-9-right {
    flex: 0 0 230px;
}

.manset-9-middle {
    flex: 1;
}

.manset-9-item-list {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.manset-9-item-list:last-child {
    border-bottom: none;
}

.manset-9-item-list a {
    display: block;
}

.manset-9-item-list .item-img {
    width: 100%;
    margin-bottom: 10px;
}

.manset-9-item-list .item-img img {
    width: 100%;
    object-fit: cover;
}

.manset-9-item-list .item-content {
    flex: 1;
}

.manset-9-item-list .title {
    font-size: 14px;
    line-height: 1.3;
    margin: 5px 0 0 0;
    font-weight: 400;
}

.manset-9-item-big {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.manset-9-item-big .big-title {
    text-align: center;
    margin: 15px 0 0 0;
}

.manset-9-item-big figure {
    margin: 0;
    padding: 0;
    width: 100%;
}

.manset-9-item-big img {
    width: 100%;
    height: auto;
    display: block;
}

.manset-9-middle .middle-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.manset-9-item-small img {
    width: 100%;
    object-fit: cover;
}

.manset-9-item-small .title {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 10px;
}

.dark-mode .manset-9-item-list {
    border-bottom-color: #333;
}

@media (max-width: 1200px) {
    .evrensel-manset-9 {
        flex-wrap: wrap;
    }

    .manset-9-left,
    .manset-9-right {
        flex: 1 1 45%;
    }

    .manset-9-middle {
        flex: 1 1 100%;
        order: -1;
    }
}

@media (max-width: 768px) {
    .evrensel-manset-9 {
        flex-direction: column;
    }

    .manset-9-left,
    .manset-9-right,
    .manset-9-middle {
        flex: 1 1 100%;
        width: 100%;
    }

    .manset-9-middle .middle-bottom {
        grid-template-columns: 1fr;
    }

    .subscribe {
        margin: 0 5px 0 0;
    }

    .haber .videoEmbed iframe {
        max-height: 190px !important;
    }
}