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;
}

@font-face {
    font-family: 'PT Serif Caption';
    src: url('fonts/PTSerifCaption-Bold.woff2') format('woff2');
    font-weight: 700; 
    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
}

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 p,
.pazarBg .manset-foto p,
.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;
}

.menu ul li {
    display: inline;
    position: relative;
    padding: 0 10px;
    border-right:1px solid #d0d0d0;
}

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

.menu ul li a {
    text-decoration: none;
    color: #666;
    font-size: 13px;
    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;
    -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
}

.sicakManset {
    display: inline-flex;
}

.sicakMansetSol {
    width: 25%;
    padding: 0 30px;
}

.sicakMansetSag,
.sicakManset .manset-side {
    width: 25%;
    padding: 0 0 0 30px;
    border-left: 1px solid #d0d0d0
}

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

.sicakMansetOrta .sub-title, .sicakManset .sub-title {
    margin: 0 auto;
}

.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;
    line-height:110%;
    text-wrap-style: balance;
    margin:0 0 -15px 0;
}

.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 p {
    margin:0;
    color:#7a7a7a;
    font-family:'PT Sans Caption';
    font-size: 12px;
    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;
    color:#7a7a7a;
    font-size:12px;
    font-family:'PT Sans Caption';
}

.article figcaption p, .article figcaption a {
    margin:3px 5px 4px 0;
    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 p,
.pazarBg .manset-tip1 .manset-foto p, {
    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 {
    min-height:1530px;
    margin:0;
    max-width: calc(100% - 330px);
}

.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;
}

.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;
-webkit-box-orient: vertical;
overflow: hidden;
}

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

#spor .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, #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, 
#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, #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, #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, #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, #politika .sidehaber:last-child, #dunya .sidehaber:last-child, #ekonomi .sidehaber:last-child, #kultur .sidehaber:last-child, #guncel .sidehaber:last-child {
    border-bottom: none!important;
}

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

#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:20px 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:-17px 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;
}

.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;
    -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: inline-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: inline-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 {
    border-top:1px solid #d0d0d0;
    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;
}

#politika .manset-side {
    padding:20px 15px 0 15px;
    width:calc(100% - 30px);
    border-top:1px solid #d0d0d0;
}

#politika {
    margin-bottom:0!important;
    padding-bottom:0!important;
}

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

#isciSendika .manset-side, 
#dunya .manset-side, 
#kultur .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,
#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, 
#politika .sidehaber, 
#spor .sidehaber,
#ekonomi .sidehaber,
#guncel .sidehaber {
    padding:15px 0;
}

#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, 
#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, 
#politika .sidehaberler .title a, 
#ekonomi .sidehaberler .title a, 
#spor .sidehaberler .title a {
    text-align: center;
    float:none;
}

#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 {
    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, 
#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%;
}

#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;
}

#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 header {
    display:none;
}

.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);
    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 6px;
}

.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, #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, #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;
}

#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, #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: 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 6px;
}

.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;
        }