:root {
--primary-color: #de1e12;
--primary-dark: #c41820;
--secondary-color: #1a1a1a;
--text-color: #121212;
--text-light: #666;
--bg-color: #f7f7f7;
--white: #ffffff;
--border-color: #e1e1e1;
--breaking-bg: var(--primary-color);
--font-main: 'Poppins', sans-serif;
--container-width: 1170px;
--gap: 20px;
--radius: 0;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
font-size: 14px;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
font-family: var(--font-main);
font-size: 14px;
color: var(--text-color);
background: var(--bg-color);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
a { color: inherit; text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--primary-color); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.3; } .container,
.genelortala {
max-width: var(--container-width);
margin: 0 auto;
padding: 0 15px;
width: 100%;
} .home-section { margin-top: 20px; } .section-title-bar {
position: relative;
display: block;
margin-bottom: 20px;
}
.section-title-bar::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--border-color);
}
.section-title-bar h2 {
display: inline-block;
position: relative;
font-size: 22px;
font-weight: 700;
color: var(--text-color);
text-transform: uppercase;
padding-bottom: 8px;
z-index: 1;
}
.section-title-bar h2::before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 5px;
background: var(--primary-color);
}
.section-title-bar .see-all {
float: right;
font-size: 11px;
color: var(--text-color);
text-transform: uppercase;
font-weight: 600;
line-height: 46px;
}
.section-title-bar .see-all:hover { color: var(--primary-color); } .haber {
position: relative;
overflow: hidden;
border-radius: 0;
transition: transform 0.2s ease;
}
.haber:hover { transform: translateY(-2px); }
.haber .manset-resim {
position: relative;
overflow: hidden;
width: 100%;
}
.haber .manset-resim img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.haber:hover .manset-resim img { transform: scale(1.03); }
.haber .manset_baslik { padding: 8px 0; }
.haber .manset_baslik h3 {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: var(--text-color);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.haber .manset_baslik h3 a:hover { color: var(--primary-color); } .homepage .zaman-badge { display: none; } .haber.overlay-card .manset_baslik {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
padding: 40px 15px 15px;
}
.haber.overlay-card .manset_baslik h3 { color: #fff; font-size: 16px; }
.haber.overlay-card .manset_baslik h3 a { color: #fff; }
.haber.overlay-card .manset_baslik h3 a:hover { color: #ddd; } .haber .kategori-badge {
position: absolute;
top: 10px;
left: 10px;
background: var(--primary-color);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 3px;
text-transform: uppercase;
z-index: 2;
}
.haber .zaman-badge {
font-size: 12px;
color: var(--text-light);
margin-top: 5px;
} .clearfix::after { content: ""; display: table; clear: both; } .hidden { display: none !important; } .skeleton {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading 1.5s infinite;
border-radius: var(--radius);
}
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
} .reklam-alani { text-align: center; margin: 20px 0; }
.reklam-alani img { max-width: 100%; height: auto; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}.currency-ticker-bar {
background: #fff;
overflow: hidden;
height: 34px;
position: relative;
border-bottom: 1px solid #e5e7eb;
}
.currency-ticker-bar::before,
.currency-ticker-bar::after {
content: '';
position: absolute;
top: 0;
width: 50px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.currency-ticker-bar::before {
left: 0;
background: linear-gradient(90deg, #fff, transparent);
}
.currency-ticker-bar::after {
right: 0;
background: linear-gradient(-90deg, #fff, transparent);
}
.currency-ticker-track {
display: flex;
align-items: center;
height: 100%;
white-space: nowrap;
animation: tickerScroll 90s linear infinite;
width: max-content;
}
.currency-ticker-track:hover { animation-play-state: paused; }
.currency-ticker-item {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 22px;
font-size: 13px;
color: #64748b;
position: relative;
}
.currency-ticker-item::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background: #e2e8f0;
}
.currency-ticker-item strong {
color: #334155;
font-weight: 700;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.currency-val {
color: #0f172a;
font-weight: 700;
font-size: 13px;
font-variant-numeric: tabular-nums;
}
.currency-change { font-size: 11px; font-weight: 600; }
.currency-change.up { color: #34d399; }
.currency-change.down { color: #f87171; }
@keyframes tickerScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
} .breaking-weather {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: rgba(255,255,255,0.9);
padding-right: 10px;
border-right: 1px solid rgba(255,255,255,0.3);
margin-right: 10px;
white-space: nowrap;
}
.breaking-weather i { color: #ffd700; font-size: 14px; } .header-1 { position: relative; z-index: 100; } .header-main {
background: #fff;
height: 60px;
display: flex;
align-items: center;
border-bottom: 1px solid #e8e8e8;
}
.header-main__inner {
display: flex;
align-items: center;
gap: 20px;
}
.header-1 .hamburger-btn {
display: none;
background: none;
border: none;
color: var(--text-color);
font-size: 22px;
cursor: pointer;
padding: 5px;
line-height: 1;
}
.header-main__logo { flex-shrink: 0; }
.header-main__logo img,
.header-main__logo .custom-logo { max-height: 36px; width: auto; }
.header-main__logo .site-title-link { text-decoration: none; }
.header-main__logo .site-title {
font-size: 24px;
font-weight: 900;
color: var(--primary-color);
margin: 0;
white-space: nowrap;
}
.header-main__nav {
flex: 1;
display: flex;
align-items: center;
overflow: hidden;
min-width: 0;
position: relative;
}
.header-main__nav .nav-menu {
display: flex;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
flex-wrap: nowrap;
overflow: hidden;
}
.header-main__nav .nav-menu > li {
flex-shrink: 0;
position: relative;
}
.header-main__nav .nav-menu > li > a {
display: flex;
align-items: center;
gap: 4px;
padding: 8px 12px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: var(--text-color);
transition: color 0.2s;
white-space: nowrap;
height: 60px;
box-sizing: border-box;
}
.header-main__nav .nav-menu > li > a:hover,
.header-main__nav .nav-menu > li:hover > a {
color: var(--primary-color);
} .header-main__nav .nav-menu > li.menu-item-has-children > a::after {
content: '\f107';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 10px;
transition: transform 0.2s;
}
.header-main__nav .nav-menu > li.menu-item-has-children:hover > a::after {
transform: rotate(180deg);
} .header-main__nav .nav-menu > li > .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 220px;
border: 1px solid var(--border-color);
border-radius: 0 0 10px 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
padding: 6px 0;
z-index: 999;
animation: dropFade 0.2s ease;
}
@keyframes dropFade {
from { opacity: 0; transform: translateY(-6px); }
to { opacity: 1; transform: translateY(0); }
}
.header-main__nav .nav-menu > li:hover > .sub-menu {
display: block;
}
.header-main__nav .nav-menu .sub-menu li {
border: none;
}
.header-main__nav .nav-menu .sub-menu li a {
display: block;
padding: 10px 18px;
font-size: 13px;
font-weight: 600;
color: var(--text-color);
text-transform: none;
white-space: nowrap;
transition: background 0.15s, color 0.15s, padding-left 0.15s;
}
.header-main__nav .nav-menu .sub-menu li a:hover {
background: var(--bg-color);
color: var(--primary-color);
padding-left: 22px;
} .header-main__nav .nav-menu .sub-menu .sub-menu {
display: none;
position: absolute;
top: 0;
left: 100%;
border-radius: 10px;
}
.header-main__nav .nav-menu .sub-menu li:hover > .sub-menu {
display: block;
}
.header-main__nav .nav-menu .sub-menu li.menu-item-has-children > a::after {
content: '\f105';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 10px;
float: right;
margin-left: 10px;
} .nav-more-btn {
display: none;
align-items: center;
justify-content: center;
background: none;
border: none;
padding: 8px 10px;
font-size: 16px;
color: var(--text-color);
cursor: pointer;
flex-shrink: 0;
font-weight: 700;
transition: color 0.2s;
}
.nav-more-btn:hover { color: var(--primary-color); }
.nav-more-btn.active { color: var(--primary-color); } .nav-more-dropdown {
display: none;
position: absolute;
top: 100%;
right: 0;
background: #fff;
border: 1px solid var(--border-color);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
min-width: 200px;
z-index: 999;
padding: 6px 0;
max-height: 400px;
overflow-y: auto;
}
.nav-more-dropdown.show { display: block; }
.nav-more-dropdown a {
display: block;
padding: 10px 18px;
font-size: 13px;
font-weight: 600;
color: var(--text-color);
text-transform: uppercase;
transition: background 0.15s, color 0.15s;
white-space: nowrap;
}
.nav-more-dropdown a:hover {
background: var(--bg-color);
color: var(--primary-color);
}
.header-main__right {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.header-search {
display: flex;
align-items: center;
background: var(--bg-color);
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 0;
overflow: hidden;
transition: border-color 0.2s;
}
.header-search:focus-within {
border-color: var(--primary-color);
}
.header-search input {
border: none;
background: none;
padding: 8px 12px;
font-size: 13px;
width: 180px;
outline: none;
font-family: var(--font-main);
color: var(--text-color);
}
.header-search input::placeholder { color: var(--text-light); }
.header-search button {
background: var(--primary-color);
border: none;
color: #fff;
padding: 8px 12px;
cursor: pointer;
font-size: 13px;
transition: background 0.2s;
}
.header-search button:hover { background: var(--primary-dark); }
.header-user-btn {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--text-color);
font-size: 15px;
transition: all 0.2s;
background: var(--bg-color);
}
.header-user-btn:hover {
background: var(--primary-color);
color: #fff;
} .header-main.sticky-nav.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
} .header-1 .breaking-bar {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
padding: 0;
height: 40px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.header-1 .breaking-bar::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(231,76,60,0.5), transparent);
}
.header-1 .breaking-bar::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 2px;
background: linear-gradient(90deg, #e74c3c, transparent);
animation: breaking-scan 4s ease-in-out infinite;
}
@keyframes breaking-scan {
0% { left: -80px; }
100% { left: 100%; }
}
.header-1 .breaking-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
}
.header-1 .breaking-bar__left {
display: flex;
align-items: center;
gap: 0;
flex: 1;
min-width: 0;
}
.header-1 .breaking-label {
background: linear-gradient(135deg, #e74c3c, #c0392b);
color: #fff;
padding: 0 14px;
height: 40px;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
flex-shrink: 0;
white-space: nowrap;
display: flex;
align-items: center;
gap: 6px;
position: relative;
margin-left: -16px;
padding-right: 26px;
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}
.header-1 .breaking-label i {
font-size: 9px;
animation: breaking-pulse 2s ease-in-out infinite;
}
@keyframes breaking-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(0.85); }
}
.header-1 .breaking-nav-btn {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
color: rgba(255,255,255,0.5);
font-size: 9px;
cursor: pointer;
padding: 0;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
flex-shrink: 0;
transition: all 0.2s;
margin-left: 8px;
}
.header-1 .breaking-nav-btn:hover {
background: rgba(231,76,60,0.2);
border-color: rgba(231,76,60,0.5);
color: #e74c3c;
}
.header-1 .breaking-news-slider {
flex: 1;
overflow: hidden;
position: relative;
height: 40px;
margin-left: 12px;
}
.header-1 .breaking-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.5s ease, transform 0.5s ease;
height: 40px;
}
.header-1 .breaking-item.active {
opacity: 1;
transform: translateY(0);
}
.header-1 .breaking-item a {
color: rgba(255,255,255,0.85);
font-size: 13px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-1 .breaking-item a:hover { color: #e74c3c; }
.header-1 .breaking-bar__right {
flex-shrink: 0;
margin-left: 15px;
display: flex;
align-items: center;
gap: 10px;
}
.header-1 .breaking-date {
color: rgba(255,255,255,0.4);
font-size: 11px;
white-space: nowrap;
font-weight: 400;
} .mobile-sidebar {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100vh;
background: #fff;
z-index: 10000;
transition: left 0.3s ease;
overflow-y: auto;
box-shadow: 2px 0 10px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
}
.mobile-sidebar.active { left: 0; }
.mobile-sidebar__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid var(--border-color);
}
.mobile-sidebar__logo img,
.mobile-sidebar__logo .custom-logo { max-height: 28px; }
.mobile-sidebar__logo .site-title {
font-size: 18px;
font-weight: 900;
color: var(--primary-color);
}
.mobile-sidebar__close {
background: none;
border: none;
font-size: 22px;
cursor: pointer;
color: var(--text-color);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-sidebar__search {
padding: 12px 15px;
}
.mobile-sidebar__search form {
display: flex;
border: 1px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
}
.mobile-sidebar__search input {
flex: 1;
border: none;
padding: 10px 12px;
font-size: 14px;
outline: none;
font-family: var(--font-main);
}
.mobile-sidebar__search button {
background: var(--primary-color);
color: #fff;
border: none;
padding: 10px 14px;
cursor: pointer;
}
.mobile-menu {
padding: 0;
margin: 0;
flex: 1;
}
.mobile-menu li { border-bottom: 1px solid var(--border-color); }
.mobile-menu > li > a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
font-size: 15px;
font-weight: 600;
color: var(--text-color);
}
.mobile-menu li a:hover { background: var(--bg-color); color: var(--primary-color); } .mobile-menu li.menu-item-has-children > a::after {
content: '\f107';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 12px;
transition: transform 0.3s;
}
.mobile-menu li.menu-item-has-children.open > a::after {
transform: rotate(180deg);
}
.mobile-menu .sub-menu {
display: none;
padding: 0;
margin: 0;
background: var(--bg-color);
}
.mobile-menu li.menu-item-has-children.open > .sub-menu {
display: block;
}
.mobile-menu .sub-menu li {
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.mobile-menu .sub-menu li:last-child { border-bottom: none; }
.mobile-menu .sub-menu li a {
display: block;
padding: 12px 20px 12px 35px;
font-size: 14px;
font-weight: 500;
color: var(--text-light);
}
.mobile-menu .sub-menu li a:hover {
color: var(--primary-color);
background: rgba(0,0,0,0.03);
} .mobile-menu .sub-menu .sub-menu li a {
padding-left: 50px;
font-size: 13px;
}
.mobile-sidebar__footer {
padding: 15px 20px;
border-top: 1px solid var(--border-color);
margin-top: auto;
}
.mobile-sidebar__footer a {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: var(--primary-color);
}
.mobile-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 9999;
}
.mobile-overlay.active { display: block; } .header-2 { position: relative; z-index: 100; } .h2-topstrip {
background: var(--primary-color);
padding: 0;
height: 36px;
display: flex;
align-items: center;
}
.h2-topstrip__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.h2-topstrip__left { display: flex; align-items: center; }
.h2-topstrip__date {
color: rgba(255,255,255,0.9);
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
gap: 6px;
}
.h2-topstrip__date i { font-size: 11px; }
.h2-topstrip__right {
display: flex;
align-items: center;
gap: 6px;
}
.h2-topstrip__right a {
color: rgba(255,255,255,0.85);
font-size: 13px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.2s;
}
.h2-topstrip__right a:hover {
background: rgba(255,255,255,0.15);
color: #fff;
}
.h2-topstrip__login {
color: rgba(255,255,255,0.9) !important;
font-size: 12px !important;
font-weight: 600;
padding: 3px 12px !important;
border: 1px solid rgba(255,255,255,0.4);
border-radius: 14px;
margin-left: 8px;
width: auto !important;
display: inline-flex !important;
gap: 5px;
}
.h2-topstrip__login:hover {
background: rgba(255,255,255,0.15) !important;
border-color: #fff;
} .h2-middle {
background: #1a1a1a;
padding: 18px 0;
}
.h2-middle__inner {
display: flex;
align-items: center;
justify-content: center;
}
.h2-middle__logo img,
.h2-middle__logo .custom-logo { max-height: 48px; width: auto; }
.h2-middle__logo .site-title { font-size: 30px; font-weight: 900; color: #fff; margin: 0; }
.h2-middle__logo .site-title-link { text-decoration: none; } .h2-nav {
background: #242424;
height: 50px;
display: flex;
align-items: center;
}
.h2-nav__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.h2-nav .nav-menu {
display: flex;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
}
.h2-nav .nav-menu li a {
display: block;
padding: 14px 18px;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: rgba(255,255,255,0.85);
transition: all 0.2s;
white-space: nowrap;
}
.h2-nav .nav-menu li a:hover {
color: #fff;
background: rgba(255,255,255,0.08);
}
.h2-nav__actions {
display: flex;
align-items: center;
gap: 12px;
}
.h2-search form {
display: flex;
align-items: center;
background: rgba(255,255,255,0.08);
border-radius: 20px;
padding: 5px 14px;
gap: 8px;
}
.h2-search i { color: rgba(255,255,255,0.5); font-size: 13px; }
.h2-search input {
background: none;
border: none;
color: #fff;
font-size: 13px;
width: 110px;
outline: none;
font-family: var(--font-main);
}
.h2-search input::placeholder { color: rgba(255,255,255,0.4); }
.h2-nav .hamburger-btn--white {
background: none;
border: none;
color: rgba(255,255,255,0.8);
font-size: 20px;
cursor: pointer;
padding: 5px;
}
.h2-nav .hamburger-btn--white:hover { color: #fff; }
.h2-nav.sticky-nav.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: 0 2px 15px rgba(0,0,0,0.4);
} .header-2 .breaking-bar { background: var(--primary-color); padding: 5px 0; height: 44px; display: flex; align-items: center; }
.header-2 .breaking-bar__inner { display: flex; align-items: center; justify-content: space-between; }
.header-2 .breaking-bar__left { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.header-2 .breaking-label { background: rgba(0,0,0,0.2); color: #fff; padding: 5px 12px; border-radius: 4px; font-size: 12px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; flex-shrink: 0; white-space: nowrap; display: flex; align-items: center; gap: 5px; animation: breaking-pulse 2s ease-in-out infinite; }
.header-2 .breaking-nav-btn { background: none; border: none; color: rgba(255,255,255,0.7); font-size: 14px; cursor: pointer; padding: 5px; flex-shrink: 0; }
.header-2 .breaking-news-slider { flex: 1; overflow: hidden; position: relative; height: 36px; }
.header-2 .breaking-item { position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center; gap: 15px; opacity: 0; transition: opacity 0.4s ease; height: 36px; }
.header-2 .breaking-item.active { opacity: 1; }
.header-2 .breaking-item a { color: #fff; font-size: 14px; font-weight: 600; } .header-3 { position: relative; z-index: 100; }
.h3-bar {
background: #fff;
padding: 0;
height: 60px;
display: flex;
align-items: center;
border-bottom: 3px solid var(--primary-color);
transition: height 0.3s ease, box-shadow 0.3s ease;
}
.h3-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.h3-bar__logo { display: flex; align-items: center; flex-shrink: 0; }
.h3-bar__logo img,
.h3-bar__logo .custom-logo {
max-height: 36px;
width: auto;
transition: max-height 0.3s ease;
}
.h3-bar__logo .site-title {
font-size: 22px;
font-weight: 900;
color: var(--primary-color);
margin: 0;
transition: font-size 0.3s ease;
}
.h3-bar__nav {
flex: 1;
display: flex;
justify-content: center;
}
.h3-bar__nav .nav-menu--compact {
display: flex;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
}
.h3-bar__nav .nav-menu--compact li a {
display: block;
padding: 8px 14px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: var(--text-color);
transition: color 0.2s;
white-space: nowrap;
}
.h3-bar__nav .nav-menu--compact li a:hover {
color: var(--primary-color);
}
.h3-bar__right {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.h3-search-toggle,
.h3-user-btn,
.h3-hamburger {
background: none;
border: none;
color: var(--text-color);
font-size: 16px;
cursor: pointer;
padding: 6px;
border-radius: 50%;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
text-decoration: none;
}
.h3-search-toggle:hover,
.h3-user-btn:hover,
.h3-hamburger:hover {
background: var(--bg-color);
color: var(--primary-color);
} .h3-bar.sticky-nav.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
height: 50px;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
border-bottom-width: 2px;
}
.h3-bar.sticky-nav.fixed .h3-bar__logo img,
.h3-bar.sticky-nav.fixed .h3-bar__logo .custom-logo {
max-height: 28px;
}
.h3-bar.sticky-nav.fixed .h3-bar__logo .site-title {
font-size: 18px;
} .h3-breaking {
background: var(--primary-color);
padding: 0;
height: 40px;
display: flex;
align-items: center;
}
.h3-breaking__inner {
display: flex;
align-items: center;
gap: 10px;
}
.h3-breaking .breaking-label {
background: rgba(0,0,0,0.2);
color: #fff;
padding: 4px 10px;
border-radius: 4px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.5px;
text-transform: uppercase;
flex-shrink: 0;
white-space: nowrap;
display: flex;
align-items: center;
gap: 5px;
animation: breaking-pulse 2s ease-in-out infinite;
}
.h3-breaking .breaking-nav-btn {
background: none;
border: none;
color: rgba(255,255,255,0.7);
font-size: 13px;
cursor: pointer;
padding: 5px;
flex-shrink: 0;
}
.h3-breaking .breaking-news-slider {
flex: 1;
overflow: hidden;
position: relative;
height: 32px;
}
.h3-breaking .breaking-item {
position: absolute;
top: 0; left: 0; width: 100%;
display: flex;
align-items: center;
gap: 12px;
opacity: 0;
transition: opacity 0.4s ease;
height: 32px;
}
.h3-breaking .breaking-item.active { opacity: 1; }
.h3-breaking .breaking-item a {
color: #fff;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.h3-breaking .breaking-item a:hover { color: rgba(255,255,255,0.85); } .search-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.85);
z-index: 10001;
align-items: center;
justify-content: center;
}
.search-overlay.active { display: flex; }
.search-overlay__inner {
width: 90%;
max-width: 600px;
position: relative;
}
.search-overlay__inner form {
display: flex;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.search-overlay__inner input {
flex: 1;
padding: 18px 22px;
border: none;
font-size: 18px;
outline: none;
font-family: var(--font-main);
}
.search-overlay__inner button[type="submit"] {
background: var(--primary-color);
color: #fff;
border: none;
padding: 18px 24px;
font-size: 18px;
cursor: pointer;
}
.search-overlay__close {
position: absolute;
top: -50px;
right: 0;
background: none;
border: none;
color: #fff;
font-size: 28px;
cursor: pointer;
}.hdr { position: relative; z-index: 100; background: #fff; } .hdr-top {
background: #16181d;
color: #b6bcc6;
font-size: 12.5px;
}
.hdr-top__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 38px;
}
.hdr-top__left { display: flex; align-items: center; gap: 18px; }
.hdr-top__date i { color: var(--primary-color, #d32f2f); margin-right: 5px; } .hdr-top .breaking-weather { display: inline-flex; align-items: center; gap: 5px; color: #cfd4dc; }
.hdr-top .breaking-weather i { color: #f5b642; }
.hdr-top__right { display: flex; align-items: center; gap: 4px; }
.hdr-top__right a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px; height: 28px;
border-radius: 50%;
color: #b6bcc6;
transition: background .15s, color .15s;
}
.hdr-top__right a:hover { background: rgba(255,255,255,.12); color: #fff; } .hdr-main { background: #fff; border-bottom: 1px solid #ececf0; }
.hdr-main__inner {
display: flex;
align-items: center;
gap: 20px;
height: 78px;
}
.hdr-burger {
display: none;
background: none;
border: 0;
font-size: 22px;
color: #222;
cursor: pointer;
padding: 4px 8px;
}
.hdr-logo { flex-shrink: 0; }
.hdr-logo img, .hdr-logo .custom-logo { max-height: 52px; width: auto; display: block; }
.hdr-logo__text {
font-size: 30px;
font-weight: 900;
letter-spacing: -.5px;
color: var(--primary-color, #d32f2f);
text-decoration: none;
line-height: 1;
} .hdr-banner { flex: 0 1 auto; min-width: 0; }
.hdr-banner:empty { display: none; }
.hdr-banner .ad-area { margin: 0; }
.hdr-banner .ad-label { display: none; }
.hdr-banner img { max-height: 90px; width: auto; }
@media (max-width: 992px) { .hdr-banner { display: none; } }
.hdr-actions { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.hdr-search {
display: flex;
align-items: center;
background: #f2f3f5;
border: 1px solid transparent;
border-radius: 24px;
overflow: hidden;
transition: border-color .15s, background .15s;
width: 260px;
max-width: 40vw;
}
.hdr-search:focus-within { background: #fff; border-color: var(--primary-color, #d32f2f); }
.hdr-search input {
flex: 1;
min-width: 0;
border: 0;
background: transparent;
padding: 11px 16px;
font-size: 14px;
outline: none;
}
.hdr-search button {
border: 0;
background: none;
color: #888;
padding: 0 16px;
font-size: 15px;
cursor: pointer;
align-self: stretch;
}
.hdr-search button:hover { color: var(--primary-color, #d32f2f); }
.hdr-hesap {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
background: var(--primary-color, #d32f2f);
color: #fff;
border-radius: 24px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: filter .15s;
}
.hdr-hesap:hover { filter: brightness(1.08); color: #fff; } .hdr-nav { background: var(--primary-color, #d32f2f); } .hdr-nav.sticky-nav.fixed {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 999;
box-shadow: 0 2px 12px rgba(0,0,0,.18);
animation: hdrNavIn .25s ease;
}
@keyframes hdrNavIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.hdr-nav__inner {
display: flex;
align-items: stretch;
gap: 0;
}
.hdr-nav__home {
display: inline-flex;
align-items: center;
padding: 0 16px;
color: #fff;
background: rgba(0,0,0,.12);
font-size: 15px;
text-decoration: none;
transition: background .15s;
}
.hdr-nav__home:hover { background: rgba(0,0,0,.22); color: #fff; }
.hdr-menu {
display: flex;
align-items: stretch;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.hdr-menu::-webkit-scrollbar { display: none; }
.hdr-menu > li { position: relative; }
.hdr-menu > li > a {
display: flex;
align-items: center;
height: 48px;
padding: 0 18px;
color: #fff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: background .15s;
}
.hdr-menu > li > a:hover,
.hdr-menu > li:hover > a,
.hdr-menu > li.current-menu-item > a,
.hdr-menu > li.current-cat > a { background: rgba(0,0,0,.18); } .hdr-menu > li.menu-item-has-children > a::after {
content: '\f107';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 11px;
margin-left: 7px;
opacity: .8;
} .hdr-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 210px;
background: #fff;
list-style: none;
margin: 0;
padding: 6px 0;
box-shadow: 0 10px 30px rgba(0,0,0,.14);
border-radius: 0 0 8px 8px;
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity .15s, transform .15s, visibility .15s;
z-index: 50;
}
.hdr-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.hdr-menu .sub-menu li a {
display: block;
padding: 10px 18px;
color: #333;
font-size: 13.5px;
text-decoration: none;
transition: background .12s, color .12s;
}
.hdr-menu .sub-menu li a:hover { background: #f5f6f8; color: var(--primary-color, #d32f2f); } .hdr-breaking { background: #fff; border-bottom: 1px solid #ececf0; }
.hdr-breaking__inner { display: flex; align-items: center; height: 44px; gap: 14px; }
.hdr-breaking__label {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
background: var(--primary-color, #d32f2f);
color: #fff;
font-size: 12px;
font-weight: 800;
letter-spacing: .4px;
padding: 6px 12px;
border-radius: 4px;
}
.hdr-breaking__slider {
flex: 1;
min-width: 0;
position: relative;
height: 20px;
overflow: hidden;
}
.hdr-breaking__item {
position: absolute;
inset: 0;
display: flex;
align-items: center;
opacity: 0;
transform: translateY(100%);
transition: opacity .4s, transform .4s;
}
.hdr-breaking__item.active { opacity: 1; transform: translateY(0); }
.hdr-breaking__item a {
color: #222;
font-size: 14px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.hdr-breaking__item a:hover { color: var(--primary-color, #d32f2f); }
.hdr-breaking__nav { display: flex; gap: 4px; flex-shrink: 0; }
.hdr-breaking__btn {
width: 28px; height: 28px;
border: 1px solid #e0e0e0;
background: #fff;
border-radius: 6px;
color: #666;
cursor: pointer;
font-size: 11px;
transition: all .12s;
}
.hdr-breaking__btn:hover { border-color: var(--primary-color, #d32f2f); color: var(--primary-color, #d32f2f); } @media (max-width: 992px) {
.hdr-nav { display: none; } .hdr-burger { display: inline-flex; }
.hdr-main__inner { height: 64px; gap: 12px; }
.hdr-logo { margin-right: auto; }
.hdr-logo img, .hdr-logo .custom-logo { max-height: 40px; }
.hdr-logo__text { font-size: 24px; }
.hdr-hesap span { display: none; } .hdr-hesap { padding: 10px 12px; }
}
@media (max-width: 640px) {
.hdr-top__date { font-size: 11.5px; }
.hdr-top__left .breaking-weather { display: none; }
.hdr-search { width: auto; }
.hdr-search input { width: 130px; }
.hdr-breaking__label span { display: none; }
}
@media (max-width: 480px) {
.hdr-top__date { display: none; }
.hdr-search { display: none; } }.hero-slider {
position: relative;
overflow: hidden;
border-radius: 12px;
height: 380px;
background: #1a1a2e;
}
.hero-slide {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
opacity: 0;
transition: opacity 0.6s ease;
}
.hero-slide.active { opacity: 1; z-index: 1; }
.hero-slide__link {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
text-decoration: none;
}
.hero-slide__figure {
flex: 1 1 0%;
overflow: hidden;
margin: 0;
position: relative;
}
.hero-slide__figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 5s ease;
}
.hero-slide.active .hero-slide__figure img {
transform: scale(1.04);
} .hero-slide__content {
flex: 0 0 460px;
width: 460px;
background: linear-gradient(160deg, #c0392b 0%, #e74c3c 50%, #c0392b 100%);
padding: 35px 35px 35px 50px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%);
}
.hero-slide__content::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 8px,
rgba(255,255,255,0.04) 8px,
rgba(255,255,255,0.04) 16px
);
pointer-events: none;
}
.hero-slide__content h2 {
font-size: 26px;
font-weight: 800;
color: #fff;
line-height: 1.35;
margin-bottom: 12px;
width: 100%;
position: relative;
text-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.hero-slide__content p {
font-size: 15px;
color: rgba(255,255,255,0.85);
line-height: 1.6;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
} .hero-pagination {
position: absolute;
top: 16px;
right: 16px;
z-index: 10;
display: flex;
gap: 4px;
}
.hero-dot {
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255,255,255,0.15);
color: rgba(255,255,255,0.7);
font-size: 13px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.hero-dot.active,
.hero-dot:hover {
background: #fff;
color: #1a1a2e;
border-color: #fff;
} .sicak-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.sicak-grid .haber {
border-radius: var(--radius);
overflow: hidden;
}
.sicak-grid .haber .manset-resim {
height: 140px;
}
.sicak-grid .haber .manset-resim img {
height: 100%;
}
.sicak-grid .haber .manset_baslik {
padding: 10px 12px;
}
.sicak-grid .haber .manset_baslik h3 {
font-size: 14px;
-webkit-line-clamp: 2;
} .numbered-wrapper {
display: flex;
gap: var(--gap);
} .numbered-wrapper .manset-sol {
flex: 0 0 790px;
width: 790px;
position: relative;
} .numbered-wrapper .manset-sag {
flex: 0 0 360px;
width: 360px;
position: relative;
}
.numbered-slider {
position: relative;
overflow: hidden;
border-radius: var(--radius);
height: 444px;
background: #000;
}
.numbered-slide {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
opacity: 0;
transition: opacity 0.4s ease;
}
.numbered-slide.active { opacity: 1; z-index: 1; }
.numbered-slide a { display: block; width: 100%; height: 100%; }
.numbered-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.numbered-slide__title {
position: absolute;
bottom: 0;
left: 0; right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
padding: 60px 20px 20px;
}
.numbered-slide__title h2 {
font-size: 24px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
line-height: 1.3;
}
.numbered-slide__title h2 a { color: #fff; }
.numbered-slide__title h2 a:hover { color: #ddd; } .numbered-pagination {
display: flex;
gap: 0;
margin-top: 0;
background: var(--white);
border-radius: 0 0 var(--radius) var(--radius);
overflow: hidden;
}
.numbered-dot {
flex: 1;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: var(--text-color);
cursor: pointer;
transition: all 0.2s ease;
background: var(--white);
border-right: 1px solid var(--border-color);
}
.numbered-dot:last-child { border-right: none; }
.numbered-dot.active,
.numbered-dot:hover {
background: var(--primary-color);
color: #fff;
} .most-read-panel {
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
height: 484px;
display: flex;
flex-direction: column;
}
.most-read-header {
background: var(--primary-color);
color: #fff;
font-size: 14px;
font-weight: 800;
padding: 14px 18px;
text-transform: uppercase;
letter-spacing: 0.3px;
display: flex;
align-items: center;
gap: 8px;
}
.most-read-header i {
font-size: 16px;
}
.most-read-list {
list-style: none;
padding: 0;
margin: 0;
flex: 1;
overflow-y: auto;
}
.most-read-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 16px;
border-bottom: 1px solid var(--border-color);
transition: background 0.15s ease;
}
.most-read-item:last-child {
border-bottom: none;
}
.most-read-item:hover {
background: #f8f9fa;
}
.most-read-num {
flex-shrink: 0;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-color);
color: #fff;
font-size: 13px;
font-weight: 800;
border-radius: 4px;
margin-top: 1px;
}
.most-read-item:nth-child(n+4) .most-read-num {
background: #6c757d;
}
.most-read-link {
flex: 1;
font-size: 14px;
font-weight: 600;
color: var(--text-color);
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.15s ease;
}
.most-read-item:hover .most-read-link {
color: var(--primary-color);
} .service-widgets {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 15px;
}
.service-widget {
position: relative;
overflow: hidden;
border-radius: var(--radius);
height: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 20px;
text-align: center;
color: #fff;
cursor: pointer;
transition: transform 0.2s;
}
.service-widget::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: linear-gradient(transparent 30%, rgba(0,0,0,0.7));
z-index: 1;
}
.service-widget:hover { transform: translateY(-3px); }
.service-widget img {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: 0;
}
.service-widget__icon {
font-size: 36px;
color: #fff;
z-index: 2;
margin-bottom: 8px;
}
.service-widget__title {
font-size: 18px;
font-weight: 800;
z-index: 2;
color: #fff;
}
.service-widget__subtitle {
font-size: 13px;
z-index: 2;
color: rgba(255,255,255,0.8);
} .columnists-section {
position: relative;
}
.columnists-grid {
display: flex;
gap: var(--gap);
overflow: hidden;
}
.columnist-card {
flex: 0 0 calc(25% - 15px);
text-align: center;
background: var(--white);
border-radius: var(--radius);
padding: 20px 15px;
transition: transform 0.2s;
}
.columnist-card:hover { transform: translateY(-3px); }
.columnist-card .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 12px;
border: 3px solid var(--primary-color);
}
.columnist-card .name {
font-size: 16px;
font-weight: 700;
color: var(--text-color);
margin-bottom: 8px;
}
.columnist-card .excerpt {
font-size: 13px;
color: var(--text-light);
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .columnists-section .slider-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
background: var(--white);
border: 1px solid var(--border-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 5;
font-size: 14px;
color: var(--text-color);
transition: all 0.2s;
}
.columnists-section .slider-nav:hover {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
.columnists-section .slider-prev { left: -18px; }
.columnists-section .slider-next { right: -18px; }  .gundem-mosaic__top {
display: flex;
gap: var(--gap);
margin-bottom: var(--gap);
}
.gundem-mosaic__hero {
flex: 0 0 55%;
display: block;
position: relative;
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
}
.gundem-mosaic__hero-img {
width: 100%;
height: 320px;
overflow: hidden;
}
.gundem-mosaic__hero-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.gundem-mosaic__hero:hover .gundem-mosaic__hero-img img {
transform: scale(1.05);
}
.gundem-mosaic__hero-content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 50px 20px 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
}
.gundem-mosaic__hero-content h3 {
color: #fff;
font-size: 22px;
font-weight: 800;
line-height: 1.3;
margin: 0 0 6px;
}
.gundem-mosaic__hero-content p {
color: rgba(255,255,255,0.8);
font-size: 14px;
margin: 0 0 6px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gundem-mosaic__time {
font-size: 12px;
color: rgba(255,255,255,0.6);
}
.gundem-mosaic__side {
flex: 1;
display: flex;
flex-direction: column;
gap: var(--gap);
}
.gundem-mosaic__side-card {
display: flex;
gap: 12px;
padding: 10px;
background: var(--white);
border-radius: var(--radius);
text-decoration: none;
transition: box-shadow 0.2s, transform 0.2s;
flex: 1;
align-items: center;
}
.gundem-mosaic__side-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.gundem-mosaic__side-img {
flex: 0 0 110px;
height: 80px;
border-radius: 6px;
overflow: hidden;
}
.gundem-mosaic__side-img img {
width: 100%; height: 100%;
object-fit: cover;
}
.gundem-mosaic__side-info h4 {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
line-height: 1.4;
margin: 0 0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gundem-mosaic__side-info .gundem-mosaic__time {
color: var(--text-light);
}
.gundem-mosaic__bottom {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.gundem-mosaic__card {
display: block;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
transition: box-shadow 0.2s, transform 0.2s;
}
.gundem-mosaic__card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.gundem-mosaic__card-img {
height: 140px;
overflow: hidden;
}
.gundem-mosaic__card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.gundem-mosaic__card:hover .gundem-mosaic__card-img img {
transform: scale(1.05);
}
.gundem-mosaic__card-title {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
padding: 10px 12px 4px;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
}
.gundem-mosaic__card .gundem-mosaic__time {
display: block;
padding: 0 12px 10px;
color: var(--text-light);
} .tekno-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.tekno-card {
position: relative;
display: block;
border-radius: var(--radius);
overflow: hidden;
height: 200px;
text-decoration: none;
}
.tekno-card--featured {
grid-column: span 2;
grid-row: span 2;
height: auto;
min-height: 420px;
}
.tekno-card__bg {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.tekno-card__bg img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.tekno-card:hover .tekno-card__bg img {
transform: scale(1.08);
}
.tekno-card__overlay {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 50px 16px 16px;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.tekno-card__cat {
display: inline-block;
background: #00b4d8;
color: #fff;
font-size: 10px;
font-weight: 800;
padding: 2px 10px;
border-radius: 3px;
text-transform: uppercase;
margin-bottom: 6px;
align-self: flex-start;
}
.tekno-card__title {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tekno-card--featured .tekno-card__title {
font-size: 24px;
-webkit-line-clamp: 3;
}
.tekno-card__excerpt {
color: rgba(255,255,255,0.7);
font-size: 14px;
margin: 6px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tekno-card__time {
color: rgba(255,255,255,0.5);
font-size: 11px;
margin-top: 6px;
} .spor-modern__top {
display: flex;
gap: var(--gap);
margin-bottom: var(--gap);
}
.spor-hero-card {
flex: 1;
display: block;
position: relative;
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
min-height: 300px;
}
.spor-hero-card__img {
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
}
.spor-hero-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.spor-hero-card:hover .spor-hero-card__img img {
transform: scale(1.05);
}
.spor-hero-card__content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 50px 20px 20px;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
}
.spor-hero-card__content h3 {
color: #fff;
font-size: 22px;
font-weight: 800;
margin: 0 0 6px;
line-height: 1.3;
}
.spor-hero-card__content p {
color: rgba(255,255,255,0.8);
font-size: 14px;
margin: 0 0 6px;
}
.spor-time {
font-size: 12px;
color: rgba(255,255,255,0.6);
}
.spor-modern__side {
flex: 0 0 300px;
display: flex;
flex-direction: column;
gap: var(--gap);
}
.spor-side-card {
flex: 1;
position: relative;
display: block;
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
min-height: 140px;
}
.spor-side-card__img {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.spor-side-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.spor-side-card:hover .spor-side-card__img img {
transform: scale(1.05);
}
.spor-side-card__overlay {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 30px 14px 14px;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
}
.spor-side-card__overlay h4 {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.spor-modern__bottom {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.spor-bottom-card {
display: block;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
transition: box-shadow 0.2s, transform 0.2s;
}
.spor-bottom-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.spor-bottom-card__img {
height: 140px;
overflow: hidden;
}
.spor-bottom-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.spor-bottom-card:hover .spor-bottom-card__img img {
transform: scale(1.05);
}
.spor-bottom-card h4 {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
padding: 10px 12px 4px;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
}
.spor-bottom-card .spor-time {
display: block;
padding: 0 12px 10px;
color: var(--text-light);
} .team-logo--placeholder {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #e9ecef;
border-radius: 50%;
font-size: 12px;
color: var(--text-light);
flex-shrink: 0;
} .dunya-modern {}
.dunya-featured {
display: flex;
gap: 20px;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
margin-bottom: var(--gap);
transition: box-shadow 0.2s;
}
.dunya-featured:hover {
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.dunya-featured__img {
flex: 0 0 50%;
height: 280px;
overflow: hidden;
}
.dunya-featured__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.dunya-featured:hover .dunya-featured__img img {
transform: scale(1.05);
}
.dunya-featured__content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 20px 20px 0;
}
.dunya-featured__content h3 {
font-size: 22px;
font-weight: 800;
color: var(--text-color);
line-height: 1.35;
margin: 0 0 10px;
}
.dunya-featured__content p {
font-size: 14px;
color: var(--text-light);
line-height: 1.6;
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dunya-time {
font-size: 12px;
color: var(--text-light);
}
.dunya-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap);
}
.dunya-list__item {
display: flex;
gap: 12px;
padding: 12px;
background: var(--white);
border-radius: var(--radius);
text-decoration: none;
transition: box-shadow 0.2s, transform 0.2s;
align-items: center;
}
.dunya-list__item:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.dunya-list__img {
flex: 0 0 90px;
height: 70px;
border-radius: 6px;
overflow: hidden;
}
.dunya-list__img img {
width: 100%; height: 100%;
object-fit: cover;
}
.dunya-list__info h4 {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 4px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dunya-list__info .dunya-time {
color: var(--text-light);
} .ekonomi-modern {}
.ekonomi-live-ticker {
display: flex;
gap: 0;
overflow-x: auto;
margin-bottom: 15px;
background: var(--white);
border-radius: var(--radius);
border: 1px solid var(--border-color);
}
.ekonomi-live-ticker::-webkit-scrollbar { display: none; }
.ekonomi-tick {
flex-shrink: 0;
padding: 10px 18px;
text-align: center;
border-right: 1px solid var(--border-color);
min-width: 110px;
}
.ekonomi-tick:last-child { border-right: none; }
.ekonomi-tick__name {
display: block;
font-size: 11px;
font-weight: 700;
color: var(--text-light);
text-transform: uppercase;
margin-bottom: 2px;
}
.ekonomi-tick__value {
display: block;
font-size: 15px;
font-weight: 800;
color: var(--text-color);
}
.ekonomi-tick__change {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 11px;
font-weight: 700;
}
.ekonomi-tick__change.up { color: #27ae60; }
.ekonomi-tick__change.down { color: #e74c3c; }
.ekonomi-card-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.ekonomi-card {
position: relative;
display: block;
border-radius: var(--radius);
overflow: hidden;
height: 200px;
text-decoration: none;
}
.ekonomi-card--big {
grid-column: span 2;
grid-row: span 2;
height: auto;
min-height: 420px;
}
.ekonomi-card__img {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.ekonomi-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.ekonomi-card:hover .ekonomi-card__img img {
transform: scale(1.05);
}
.ekonomi-card__overlay {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 50px 16px 16px;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.ekonomi-card__overlay h3 {
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 0;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ekonomi-card--big .ekonomi-card__overlay h3 {
font-size: 22px;
-webkit-line-clamp: 3;
}
.ekonomi-card__overlay p {
color: rgba(255,255,255,0.7);
font-size: 14px;
margin: 6px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ekonomi-card__time {
color: rgba(255,255,255,0.5);
font-size: 11px;
margin-top: 6px;
}  .video-section-dark {
background: #121212;
padding: 20px 0;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
.video-layout {
display: flex;
gap: var(--gap);
max-width: var(--container-width);
margin: 0 auto;
}
.video-buyuk {
flex: 0 0 720px;
position: relative;
overflow: hidden;
}
.video-buyuk a { display: block; position: relative; }
.video-buyuk figure {
width: 100%;
height: 405px;
overflow: hidden;
}
.video-buyuk figure img { width: 100%; height: 100%; object-fit: cover; }
.video-buyuk .play-btn {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 70px; height: 70px;
background: rgba(222,30,18,0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
transition: transform 0.2s;
}
.video-buyuk:hover .play-btn { transform: translate(-50%, -50%) scale(1.1); }
.video-buyuk .play-btn i { color: #fff; font-size: 28px; margin-left: 3px; }
.video-buyuk strong {
display: block;
color: #fff;
font-size: 20px;
font-weight: 800;
padding: 12px 0 0;
line-height: 1.4;
}
.video-list {
flex: 1;
overflow-y: auto;
max-height: 405px;
}
.video-list-item {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.video-list-item a {
display: flex;
gap: 12px;
padding: 8px 0;
align-items: center;
}
.video-list-item figure {
flex: 0 0 125px;
height: 70px;
overflow: hidden;
}
.video-list-item figure img { width: 100%; height: 100%; object-fit: cover; }
.video-list-item strong {
flex: 1;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.video-list-item:hover strong { color: var(--primary-color); } .siyaset-layout {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: var(--gap);
}
.siyaset-hero {
position: relative;
display: block;
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
min-height: 400px;
}
.siyaset-hero__img {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.siyaset-hero__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.siyaset-hero:hover .siyaset-hero__img img {
transform: scale(1.04);
}
.siyaset-hero__overlay {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 60px 24px 24px;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
}
.siyaset-hero__badge {
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 10px;
font-weight: 800;
padding: 3px 10px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.siyaset-hero__overlay h3 {
color: #fff;
font-size: 22px;
font-weight: 800;
line-height: 1.3;
margin: 0 0 8px;
}
.siyaset-hero__overlay p {
color: rgba(255,255,255,0.75);
font-size: 14px;
margin: 0 0 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.siyaset-hero__time {
font-size: 12px;
color: rgba(255,255,255,0.6);
}
.siyaset-list {
display: flex;
flex-direction: column;
gap: 0;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
}
.siyaset-list-item {
display: flex;
gap: 14px;
padding: 14px;
border-bottom: 1px solid var(--border-color);
text-decoration: none;
transition: background 0.2s;
}
.siyaset-list-item:last-child { border-bottom: none; }
.siyaset-list-item:hover { background: #f9f9f9; }
.siyaset-list-item__img {
flex-shrink: 0;
width: 110px;
height: 80px;
border-radius: var(--radius);
overflow: hidden;
}
.siyaset-list-item__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.siyaset-list-item:hover .siyaset-list-item__img img {
transform: scale(1.05);
}
.siyaset-list-item__placeholder {
width: 100%; height: 100%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #ccc;
font-size: 20px;
}
.siyaset-list-item__content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.siyaset-list-item__content h4 {
font-size: 15px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 6px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.siyaset-list-item:hover .siyaset-list-item__content h4 {
color: var(--primary-color);
}
.siyaset-list-item__time {
font-size: 12px;
color: var(--text-light);
display: flex;
align-items: center;
gap: 4px;
} .magazin-modern {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.magazin-card {
display: block;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
transition: box-shadow 0.3s, transform 0.2s;
border: 1px solid var(--border-color);
}
.magazin-card:hover {
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
transform: translateY(-3px);
}
.magazin-card--large {
grid-column: span 2;
}
.magazin-card__img {
height: 180px;
overflow: hidden;
position: relative;
}
.magazin-card--large .magazin-card__img {
height: 250px;
}
.magazin-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.magazin-card:hover .magazin-card__img img {
transform: scale(1.06);
}
.magazin-card__info {
padding: 12px 14px;
}
.magazin-card__cat {
display: inline-block;
background: #ff69b4;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 8px;
border-radius: 3px;
text-transform: uppercase;
margin-bottom: 6px;
}
.magazin-card__info h3 {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 4px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.magazin-card--large .magazin-card__info h3 {
font-size: 18px;
}
.magazin-card__info p {
font-size: 13px;
color: var(--text-light);
margin: 0 0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.magazin-card__time {
font-size: 12px;
color: var(--text-light);
} .featured-modern {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.featured-card {
display: block;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
text-decoration: none;
transition: box-shadow 0.3s, transform 0.2s;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.featured-card:hover {
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
transform: translateY(-3px);
}
.featured-card__img {
height: 160px;
overflow: hidden;
}
.featured-card__img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.featured-card:hover .featured-card__img img {
transform: scale(1.05);
}
.featured-card__info {
padding: 12px 14px;
}
.featured-card__cat {
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 8px;
border-radius: 3px;
text-transform: uppercase;
margin-bottom: 6px;
}
.featured-card__info h3 {
font-size: 14px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 4px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-card__time {
font-size: 12px;
color: var(--text-light);
} .horoscope-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 10px;
}
.horoscope-item {
text-align: center;
padding: 15px 5px;
background: var(--white);
border-radius: var(--radius);
cursor: pointer;
transition: transform 0.2s;
}
.horoscope-item:hover { transform: translateY(-3px); }
.horoscope-item .icon {
font-size: 28px;
margin-bottom: 8px;
}
.horoscope-item .name {
font-size: 11px;
font-weight: 700;
color: var(--text-color);
}  .newspaper-slider {
display: flex;
gap: 15px;
overflow-x: auto;
padding: 10px 0;
scroll-snap-type: x mandatory;
}
.newspaper-slider::-webkit-scrollbar { display: none; }
.newspaper-item {
flex: 0 0 200px;
scroll-snap-align: start;
border-radius: var(--radius);
overflow: hidden;
background: var(--white);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.newspaper-item:hover { transform: translateY(-3px); }
.newspaper-item img { width: 100%; height: auto; }
.newspaper-item .name {
padding: 8px;
font-size: 12px;
font-weight: 700;
text-align: center;
} .newsletter-section {
background: var(--secondary-color);
padding: 40px;
border-radius: var(--radius);
text-align: center;
color: #fff;
}
.newsletter-section h3 {
font-size: 22px;
font-weight: 800;
margin-bottom: 10px;
}
.newsletter-section p {
font-size: 14px;
color: rgba(255,255,255,0.7);
margin-bottom: 20px;
}
.newsletter-form {
display: flex;
max-width: 500px;
margin: 0 auto;
gap: 0;
}
.newsletter-form input {
flex: 1;
padding: 12px 20px;
border: none;
border-radius: var(--radius) 0 0 var(--radius);
font-size: 14px;
font-family: var(--font-main);
outline: none;
}
.newsletter-form button {
background: var(--primary-color);
color: #fff;
border: none;
padding: 12px 25px;
border-radius: 0 var(--radius) var(--radius) 0;
font-size: 14px;
font-weight: 700;
cursor: pointer;
font-family: var(--font-main);
transition: background 0.2s;
}
.newsletter-form button:hover { background: var(--primary-dark); } .site-footer {
background: #121212;
color: rgba(255,255,255,0.8);
padding: 40px 0;
margin-top: 30px;
}
.footer__logo {
text-align: center;
margin-bottom: 30px;
}
.footer__logo img,
.footer__logo .custom-logo { max-height: 40px; width: auto; margin: 0 auto; }
.footer__logo a { text-decoration: none; display: inline-block; }
.footer__site-name { color: #fff; font-size: 22px; font-weight: 900; }
.footer__columns {
display: flex;
gap: 20px;
justify-content: space-between;
}
.footer__col { flex: 1; }
.footer__title {
color: #fff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid var(--primary-color);
display: inline-block;
}
.footer__links { list-style: none; padding: 0; margin: 0; }
.footer__links--flex {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.footer__links--flex li {
flex: 1 1 calc(50% - 10px);
}
.footer__links li a {
color: #fff;
font-size: 14px;
font-weight: 400;
transition: color 0.2s;
}
.footer__links li a:hover { color: var(--primary-color); }
.footer__text {
font-size: 14px;
line-height: 1.7;
color: #fff;
margin-top: 10px;
}
.footer__text strong { font-weight: 700; }
.footer__newsletter-form {
display: flex;
gap: 0;
margin-bottom: 5px;
}
.footer__newsletter-form input {
flex: 1;
padding: 0 20px;
height: 46px;
border: none;
background: rgba(0,0,0,0.25);
color: #fff;
font-size: 15px;
outline: none;
font-family: var(--font-main);
}
.footer__newsletter-form input::placeholder { color: rgba(255,255,255,0.4); }
.footer__newsletter-form button {
width: 46px;
height: 46px;
background: rgba(0,0,0,0.25);
color: rgba(255,255,255,0.7);
border: none;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s;
}
.footer__newsletter-form button:hover { color: var(--primary-color); }
.footer__copyright {
font-size: 14px;
color: #fff;
padding-top: 25px;
margin-top: 20px;
border-top: 1px solid rgba(255,255,255,0.25);
}
.footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
}
.footer__bottom-store { display: flex; gap: 10px; }
.footer__bottom-social {
display: flex;
gap: 15px;
}
.footer__bottom-social a {
color: rgba(255,255,255,0.8);
font-size: 18px;
transition: color 0.2s;
}
.footer__bottom-social a:hover { color: var(--primary-color); } .fixtures-bar {
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
margin-bottom: 20px;
}
.fixtures-header {
background: #1a472a;
color: #fff;
font-size: 13px;
font-weight: 800;
padding: 10px 16px;
display: flex;
align-items: center;
gap: 8px;
}
.fixtures-list {
display: flex;
gap: 0;
overflow-x: auto;
scroll-snap-type: x mandatory;
}
.fixtures-list::-webkit-scrollbar { display: none; }
.fixture-card {
flex: 0 0 280px;
padding: 12px 16px;
border-right: 1px solid var(--border-color);
scroll-snap-align: start;
}
.fixture-card:last-child { border-right: none; }
.fixture-date {
font-size: 11px;
font-weight: 600;
color: var(--text-light);
text-align: center;
margin-bottom: 8px;
}
.fixture-teams {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.fixture-team {
display: flex;
align-items: center;
gap: 6px;
flex: 1;
font-size: 13px;
font-weight: 700;
color: var(--text-color);
}
.fixture-team.away { justify-content: flex-end; text-align: right; }
.team-logo {
width: 28px;
height: 28px;
object-fit: contain;
flex-shrink: 0;
}
.fixture-score {
flex-shrink: 0;
text-align: center;
min-width: 50px;
}
.fixture-score .vs {
font-size: 12px;
font-weight: 800;
color: var(--text-light);
background: var(--bg-gray);
padding: 3px 8px;
border-radius: 3px;
}
.fixture-score .score {
font-size: 14px;
font-weight: 800;
color: var(--primary-color);
background: #ffeaea;
padding: 3px 8px;
border-radius: 3px;
} .horoscope-modal {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.horoscope-modal__overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
}
.horoscope-modal__content {
position: relative;
background: #fff;
border-radius: 12px;
padding: 40px;
max-width: 450px;
width: 90%;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
animation: modalIn 0.3s ease;
}
@keyframes modalIn {
from { opacity: 0; transform: scale(0.9) translateY(20px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
.horoscope-modal__close {
position: absolute;
top: 12px; right: 12px;
width: 32px; height: 32px;
border: none;
background: var(--bg-gray);
border-radius: 50%;
cursor: pointer;
font-size: 14px;
color: var(--text-light);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.horoscope-modal__close:hover {
background: var(--primary-color);
color: #fff;
}
.horoscope-modal__icon {
font-size: 48px;
margin-bottom: 10px;
}
.horoscope-modal__title {
font-size: 22px;
font-weight: 800;
color: var(--text-color);
margin-bottom: 5px;
}
.horoscope-modal__date {
font-size: 13px;
color: var(--text-light);
margin-bottom: 15px;
}
.horoscope-modal__text {
font-size: 15px;
color: var(--text-color);
line-height: 1.7;
} .section-date {
font-size: 13px;
color: var(--text-light);
font-weight: 600;
display: flex;
align-items: center;
gap: 5px;
} .newspaper-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
}
.newspaper-card {
display: block;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s;
text-decoration: none;
}
.newspaper-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.newspaper-card__image {
width: 100%;
aspect-ratio: 3/4;
overflow: hidden;
background: #f5f5f5;
}
.newspaper-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.newspaper-card:hover .newspaper-card__image img {
transform: scale(1.05);
}
.newspaper-card__info {
padding: 12px;
text-align: center;
}
.newspaper-card__name {
display: block;
font-size: 13px;
font-weight: 800;
color: var(--text-color);
margin-bottom: 3px;
}
.newspaper-card__date {
display: block;
font-size: 11px;
color: var(--text-light);
} .numbered-wrapper--fullwidth {
display: block;
position: relative;
}
.numbered-wrapper--fullwidth .manset-sol--full {
flex: none;
width: 100%;
position: relative;
}
.numbered-slider--full {
height: 520px;
border-radius: var(--radius) var(--radius) 0 0;
overflow: hidden;
}
.numbered-slider--full .numbered-slide {
border-radius: var(--radius) var(--radius) 0 0;
}
.numbered-slider--full .numbered-slide img {
border-radius: var(--radius) var(--radius) 0 0;
}
.numbered-wrapper--fullwidth .numbered-slide__title {
padding: 0 45px 35px;
background: linear-gradient(transparent 0%, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.92) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 60%;
bottom: 0;
}
.numbered-wrapper--fullwidth .numbered-slide__category {
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 11px;
font-weight: 800;
padding: 4px 14px;
border-radius: 4px;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
align-self: flex-start;
}
.numbered-wrapper--fullwidth .numbered-slide__title h2 {
font-size: 32px;
line-height: 1.25;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.numbered-wrapper--fullwidth .numbered-slide__title h2 a {
color: #fff;
}
.numbered-wrapper--fullwidth .numbered-slide__excerpt {
font-size: 15px;
color: rgba(255,255,255,0.8);
line-height: 1.55;
margin-top: 10px;
max-width: 650px;
}
.numbered-pagination--full {
display: flex;
gap: 0;
margin-top: 0;
background: var(--white);
border-radius: 0 0 var(--radius) var(--radius);
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.numbered-pagination--full .numbered-dot {
flex: 1;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 800;
color: var(--text-color);
cursor: pointer;
transition: all 0.25s ease;
background: var(--white);
border-right: 1px solid var(--border-color);
position: relative;
}
.numbered-pagination--full .numbered-dot:last-child { border-right: none; }
.numbered-pagination--full .numbered-dot.active {
background: var(--primary-color);
color: #fff;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
}
.numbered-pagination--full .numbered-dot:hover {
background: var(--primary-color);
color: #fff;
}
.numbered-pagination--full .numbered-dot::after {
content: '';
display: none;
}
@media (max-width: 768px) {
.numbered-slider--full { height: 350px; }
.numbered-wrapper--fullwidth .numbered-slide__title h2 { font-size: 22px; }
.numbered-wrapper--fullwidth .numbered-slide__title { padding: 0 20px 20px; }
.numbered-wrapper--fullwidth .numbered-slide__excerpt { display: none; }
.numbered-pagination--full .numbered-dot { height: 40px; font-size: 13px; }
} .stories-section {
padding: 15px 0;
}
.stories-scroll {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 5px 0;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
justify-content: center;
}
.stories-scroll::-webkit-scrollbar { display: none; }
.story-circle {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
cursor: pointer;
scroll-snap-align: start;
transition: transform 0.2s;
}
.story-circle:hover { transform: scale(1.05); }
.story-circle__ring {
width: 72px;
height: 72px;
border-radius: 50%;
border: 3px solid #e41e26;
padding: 3px;
overflow: hidden;
transition: border-color 0.3s;
}
.story-circle__ring img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.story-circle__placeholder {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--bg-gray);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: var(--text-light);
}
.story-circle__name {
font-size: 11px;
font-weight: 700;
color: var(--text-color);
text-align: center;
max-width: 72px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .story-modal {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
}
.story-modal__overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.9);
}
.story-modal__container {
position: relative;
width: 380px;
max-height: 680px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
z-index: 1;
}
.story-modal__close {
position: absolute;
top: 16px; right: 16px;
z-index: 20;
width: 36px; height: 36px;
border: none;
background: rgba(0,0,0,0.5);
border-radius: 50%;
color: #fff;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.story-modal__close:hover { background: rgba(0,0,0,0.8); }
.story-modal__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
width: 40px; height: 40px;
border: none;
background: rgba(255,255,255,0.2);
border-radius: 50%;
color: #fff;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
backdrop-filter: blur(4px);
}
.story-modal__nav:hover { background: rgba(255,255,255,0.4); }
.story-modal__nav--prev { left: -56px; }
.story-modal__nav--next { right: -56px; }
.story-modal__content {
position: relative;
width: 100%;
height: 680px;
background: #000;
overflow: hidden;
}
.story-modal__progress {
position: absolute;
top: 8px; left: 8px; right: 8px;
z-index: 15;
display: flex;
gap: 4px;
}
.story-modal__progress-bar {
flex: 1;
height: 3px;
background: rgba(255,255,255,0.3);
border-radius: 2px;
overflow: hidden;
}
.story-modal__progress-bar.active .story-modal__progress-fill,
.story-modal__progress-bar.done .story-modal__progress-fill {
width: 100%;
}
.story-modal__progress-fill {
height: 100%;
width: 0;
background: #fff;
border-radius: 2px;
transition: width 5s linear;
}
.story-modal__progress-bar.active .story-modal__progress-fill {
transition: width 5s linear;
}
.story-modal__header {
position: absolute;
top: 20px; left: 12px;
z-index: 15;
display: flex;
align-items: center;
gap: 10px;
}
.story-modal__avatar {
width: 36px; height: 36px;
border-radius: 50%;
border: 2px solid #fff;
overflow: hidden;
background: rgba(255,255,255,0.2);
}
.story-modal__avatar img {
width: 100%; height: 100%;
object-fit: cover;
}
.story-modal__info { display: flex; flex-direction: column; }
.story-modal__name {
font-size: 13px;
font-weight: 700;
color: #fff;
}
.story-modal__time {
font-size: 11px;
color: rgba(255,255,255,0.7);
}
.story-modal__image {
width: 100%; height: 100%;
}
.story-modal__image img {
width: 100%; height: 100%;
object-fit: cover;
}
.story-modal__bottom {
position: absolute;
bottom: 0; left: 0; right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.9));
padding: 60px 20px 24px;
z-index: 10;
}
.story-modal__title {
font-size: 18px;
font-weight: 800;
color: #fff;
line-height: 1.3;
margin-bottom: 6px;
}
.story-modal__excerpt {
font-size: 13px;
color: rgba(255,255,255,0.8);
line-height: 1.5;
margin-bottom: 12px;
}
.story-modal__link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 700;
color: #fff;
background: var(--primary-color);
padding: 8px 16px;
border-radius: 20px;
text-decoration: none;
transition: background 0.2s;
}
.story-modal__link:hover { background: #c4161d; } .poll-widget {
background: var(--white);
border-radius: var(--radius);
padding: 25px;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
max-width: 600px;
}
.poll-question {
font-size: 18px;
font-weight: 800;
color: var(--text-color);
margin-bottom: 20px;
line-height: 1.4;
}
.poll-options {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
}
.poll-option {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
background: #f8f9fa;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s;
border: 2px solid transparent;
}
.poll-option:hover {
background: #eef0f2;
}
.poll-option input[type="radio"] {
display: none;
}
.poll-option__radio {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #ccc;
flex-shrink: 0;
position: relative;
transition: border-color 0.2s;
}
.poll-option input:checked ~ .poll-option__radio {
border-color: var(--primary-color);
}
.poll-option input:checked ~ .poll-option__radio::after {
content: '';
position: absolute;
top: 3px; left: 3px;
width: 10px; height: 10px;
background: var(--primary-color);
border-radius: 50%;
}
.poll-option input:checked ~ .poll-option__text {
font-weight: 700;
color: var(--primary-color);
}
.poll-option__text {
font-size: 15px;
color: var(--text-color);
font-weight: 500;
}
.poll-vote-btn {
width: 100%;
padding: 12px;
background: var(--primary-color);
color: #fff;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
font-family: var(--font-main);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: background 0.2s;
}
.poll-vote-btn:hover { background: var(--secondary-color); }
.poll-vote-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.poll-total {
text-align: center;
font-size: 13px;
color: var(--text-light);
margin-top: 12px;
} .poll-results {
display: flex;
flex-direction: column;
gap: 12px;
}
.poll-result__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.poll-result__label {
font-size: 14px;
font-weight: 600;
color: var(--text-color);
}
.poll-result__pct {
font-size: 14px;
font-weight: 800;
color: var(--primary-color);
}
.poll-result__bar {
width: 100%;
height: 10px;
background: #e9ecef;
border-radius: 5px;
overflow: hidden;
}
.poll-result__fill {
height: 100%;
background: var(--primary-color);
border-radius: 5px;
transition: width 0.6s ease;
}
.poll-result__count {
font-size: 12px;
color: var(--text-light);
} .small-overlay-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 20px;
}
.small-overlay-card {
position: relative;
display: block;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
height: 180px;
}
.small-overlay-card__image {
width: 100%;
height: 100%;
position: absolute;
top: 0; left: 0;
}
.small-overlay-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.small-overlay-card:hover .small-overlay-card__image img {
transform: scale(1.08);
}
.small-overlay-card__placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #667eea, #764ba2);
}
.small-overlay-card__content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 12px;
background: linear-gradient(transparent 0%, rgba(0,0,0,0.85) 100%);
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.small-overlay-card__cat {
display: inline-block;
background: var(--primary-color);
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 8px;
border-radius: 3px;
text-transform: uppercase;
margin-bottom: 6px;
align-self: flex-start;
}
.small-overlay-card__title {
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 1.35;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.small-overlay-card__time {
font-size: 11px;
color: rgba(255,255,255,0.7);
margin-top: 4px;
}
@media (max-width: 768px) {
.small-overlay-grid { grid-template-columns: repeat(2, 1fr); }
.small-overlay-card { height: 150px; }
}
@media (max-width: 480px) {
.small-overlay-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.small-overlay-card { height: 130px; }
.small-overlay-card__title { font-size: 12px; }
} .footer-2 {
background: #0f0f0f;
color: rgba(255,255,255,0.8);
margin-top: 30px;
}
.footer-2__top-border {
height: 4px;
background: linear-gradient(90deg, var(--primary-color), #ff6b35, var(--primary-color));
}
.footer-2__grid {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr 1fr;
gap: 30px;
padding: 40px 0 30px;
}
.footer-2__title {
color: #fff;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 18px;
padding-bottom: 10px;
border-bottom: 2px solid var(--primary-color);
display: inline-block;
}
.footer-2__about p {
font-size: 14px;
line-height: 1.7;
color: rgba(255,255,255,0.65);
margin-bottom: 15px;
}
.footer-2__logo {
margin-bottom: 14px;
}
.footer-2__logo img,
.footer-2__logo-img {
max-height: 36px;
width: auto;
filter: brightness(1.5);
}
.footer-2__about img,
.footer-2__about .custom-logo {
max-height: 36px;
width: auto;
margin-bottom: 12px;
filter: brightness(1.5);
}
.footer-2__social {
display: flex;
gap: 10px;
margin-top: 12px;
}
.footer-2__social a {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.08);
color: rgba(255,255,255,0.7);
border-radius: 50%;
font-size: 15px;
transition: all 0.25s;
}
.footer-2__social a:hover {
background: var(--primary-color);
color: #fff;
transform: translateY(-2px);
}
.footer-2__links {
list-style: none;
padding: 0;
margin: 0;
}
.footer-2__links li {
margin-bottom: 10px;
}
.footer-2__links li a {
color: rgba(255,255,255,0.65);
font-size: 14px;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 8px;
}
.footer-2__links li a i {
font-size: 10px;
color: var(--primary-color);
transition: transform 0.2s;
}
.footer-2__links li a:hover {
color: #fff;
padding-left: 4px;
}
.footer-2__links li a:hover i {
transform: translateX(3px);
}
.footer-2__recent {
list-style: none;
padding: 0;
margin: 0;
}
.footer-2__recent li {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-2__recent li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.footer-2__recent li a {
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.75);
line-height: 1.45;
display: block;
transition: color 0.2s;
}
.footer-2__recent li a:hover {
color: #fff;
}
.footer-2__recent li span {
font-size: 11px;
color: rgba(255,255,255,0.35);
display: block;
margin-top: 3px;
}
.footer-2__contact p {
font-size: 14px;
color: rgba(255,255,255,0.6);
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.footer-2__contact p i {
color: var(--primary-color);
font-size: 14px;
width: 16px;
text-align: center;
flex-shrink: 0;
}
.footer-2__newsletter {
display: flex;
gap: 0;
margin-top: 15px;
border-radius: 6px;
overflow: hidden;
}
.footer-2__newsletter input {
flex: 1;
padding: 10px 14px;
border: none;
background: rgba(255,255,255,0.08);
color: #fff;
font-size: 13px;
outline: none;
font-family: var(--font-main);
}
.footer-2__newsletter input::placeholder {
color: rgba(255,255,255,0.35);
}
.footer-2__newsletter button {
padding: 10px 16px;
background: var(--primary-color);
color: #fff;
border: none;
font-size: 14px;
cursor: pointer;
transition: background 0.2s;
}
.footer-2__newsletter button:hover {
background: var(--primary-dark);
}
.footer-2__bottom {
border-top: 1px solid rgba(255,255,255,0.08);
padding: 18px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-2__bottom p {
font-size: 13px;
color: rgba(255,255,255,0.45);
margin: 0;
}
.footer-2__bottom-links {
display: flex;
gap: 15px;
}
.footer-2__bottom-links a {
font-size: 13px;
color: rgba(255,255,255,0.45);
transition: color 0.2s;
}
.footer-2__bottom-links a:hover {
color: #fff;
}
@media (max-width: 992px) {
.footer-2__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.footer-2__grid {
grid-template-columns: 1fr;
gap: 25px;
}
.footer-2__logo img,
.footer-2__logo-img {
max-height: 30px;
}
.footer-2__bottom {
flex-direction: column;
gap: 10px;
text-align: center;
}
} .footer-3 {
background: #fff;
border-top: 2px solid var(--border-color);
padding: 20px 0;
margin-top: 30px;
}
.footer-3__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-3__left {
display: flex;
align-items: center;
gap: 20px;
}
.footer-3__copyright {
font-size: 13px;
font-weight: 600;
color: var(--text-color);
white-space: nowrap;
}
.footer-3__links {
display: flex;
align-items: center;
gap: 0;
}
.footer-3__links a {
font-size: 13px;
color: var(--text-light);
padding: 0 12px;
border-left: 1px solid var(--border-color);
transition: color 0.2s;
white-space: nowrap;
}
.footer-3__links a:first-child {
border-left: none;
}
.footer-3__links a:hover {
color: var(--primary-color);
}
.footer-3__right {
display: flex;
align-items: center;
gap: 12px;
}
.footer-3__right a {
color: var(--text-light);
font-size: 16px;
transition: color 0.2s;
}
.footer-3__right a:hover {
color: var(--primary-color);
}
@media (max-width: 768px) {
.footer-3__inner {
flex-direction: column;
gap: 12px;
text-align: center;
}
.footer-3__left {
flex-direction: column;
gap: 10px;
}
.footer-3__links {
flex-wrap: wrap;
justify-content: center;
}
} .tum-haberler-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-bottom: 40px;
}
.th-card {
display: flex;
flex-direction: column;
background: #fff;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform 0.2s, box-shadow 0.2s;
border-bottom: 3px solid transparent;
}
.th-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
border-bottom-color: var(--primary-color);
}
.th-card__img {
position: relative;
width: 100%;
padding-top: 58%;
overflow: hidden;
}
.th-card__img img {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.th-card:hover .th-card__img img {
transform: scale(1.05);
}
.th-card__placeholder {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #ccc;
}
.th-card__cat {
position: absolute;
top: 10px;
left: 10px;
background: var(--primary-color);
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 3px 8px;
border-radius: 3px;
text-transform: uppercase;
z-index: 1;
}
.th-card__body {
padding: 12px 14px;
flex: 1;
display: flex;
flex-direction: column;
}
.th-card__title {
font-size: 15px;
font-weight: 700;
line-height: 1.4;
color: var(--text-color);
margin: 0 0 auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.th-card:hover .th-card__title {
color: var(--primary-color);
}
.th-card__time {
font-size: 11px;
color: var(--text-light);
margin-top: 8px;
display: flex;
align-items: center;
gap: 4px;
}
@media (max-width: 768px) {
.tum-haberler-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
@media (max-width: 480px) {
.tum-haberler-grid {
grid-template-columns: 1fr;
gap: 0;
}
.th-card {
flex-direction: row;
padding: 12px;
border-bottom: 1px solid var(--border-color);
}
.th-card:hover { transform: none; box-shadow: none; }
.th-card__img {
width: 100px;
min-width: 100px;
padding-top: 0;
height: 72px;
border-radius: 6px;
}
.th-card__img img {
position: static;
width: 100px;
height: 72px;
border-radius: 6px;
}
.th-card__cat { display: none; }
.th-card__body { padding: 0 0 0 12px; }
.th-card__title { font-size: 14px; -webkit-line-clamp: 2; }
} .search-main { padding: 20px 0 60px; min-height: 70vh; }
.search-header {
padding: 30px 0 20px;
border-bottom: 1px solid var(--border-color);
margin-bottom: 20px;
}
.search-header__title {
font-size: 22px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 10px;
}
.search-header__title i { color: var(--text-light); font-size: 18px; }
.search-header__title span { color: var(--primary-color); }
.search-header__form {
display: flex;
max-width: 500px;
border: 2px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
transition: border-color 0.2s;
}
.search-header__form:focus-within { border-color: var(--primary-color); }
.search-header__form input {
flex: 1;
border: none;
padding: 10px 16px;
font-size: 15px;
outline: none;
font-family: var(--font-main);
}
.search-header__form button {
background: var(--primary-color);
color: #fff;
border: none;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
font-family: var(--font-main);
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.search-count {
font-size: 13px;
color: var(--text-light);
margin-bottom: 16px;
}
.search-results {
display: flex;
flex-direction: column;
gap: 0;
}
.search-card {
display: flex;
gap: 16px;
padding: 16px 0;
border-bottom: 1px solid var(--border-color);
text-decoration: none;
color: inherit;
transition: background 0.15s;
}
.search-card:hover { background: #fafafa; }
.search-card__img {
flex-shrink: 0;
width: 200px;
height: 130px;
border-radius: 6px;
overflow: hidden;
}
.search-card__img img {
width: 100%; height: 100%;
object-fit: cover;
}
.search-card__placeholder {
width: 100%; height: 100%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #ccc;
font-size: 24px;
}
.search-card__content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.search-card__cat {
display: inline-block;
font-size: 11px;
font-weight: 700;
color: var(--primary-color);
text-transform: uppercase;
margin-bottom: 4px;
}
.search-card__title {
font-size: 17px;
font-weight: 700;
color: var(--text-color);
margin: 0 0 6px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.search-card:hover .search-card__title { color: var(--primary-color); }
.search-card__excerpt {
font-size: 14px;
color: var(--text-light);
margin: 0 0 8px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.search-card__meta {
display: flex;
gap: 14px;
font-size: 12px;
color: var(--text-light);
}
.search-card__meta span {
display: flex;
align-items: center;
gap: 4px;
}
.search-pagination {
margin-top: 30px;
}
.search-pagination .nav-links {
display: flex;
gap: 6px;
justify-content: center;
}
.search-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
padding: 0 10px;
border: 1px solid var(--border-color);
border-radius: 6px;
font-size: 14px;
font-weight: 600;
color: var(--text-color);
text-decoration: none;
transition: all 0.2s;
}
.search-pagination .page-numbers:hover,
.search-pagination .page-numbers.current {
background: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
}
.search-empty {
text-align: center;
padding: 60px 20px;
}
.search-empty i {
font-size: 48px;
color: #ddd;
display: block;
margin-bottom: 16px;
}
.search-empty h2 {
font-size: 20px;
color: var(--text-color);
margin: 0 0 8px;
}
.search-empty p {
font-size: 15px;
color: var(--text-light);
}
@media (max-width: 768px) {
.search-card__img { width: 120px; height: 90px; }
.search-card__title { font-size: 15px; }
.search-card__excerpt { display: none; }
.search-header__title { font-size: 18px; }
}
@media (max-width: 480px) {
.search-card__img { width: 90px; height: 68px; }
.search-card__title { font-size: 14px; }
.search-card { gap: 10px; padding: 12px 0; }
} .finans-ticker-section { padding: 0; }
.finans-ticker {
display: flex;
align-items: center;
gap: 0;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
border-radius: 10px;
overflow: hidden;
margin: 15px 0;
}
.finans-ticker__item {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
border-right: 1px solid rgba(255,255,255,0.08);
transition: background 0.2s;
}
.finans-ticker__item:last-child { border-right: none; }
.finans-ticker__item:hover { background: rgba(255,255,255,0.05); }
.finans-ticker__icon {
width: 32px; height: 32px;
display: flex; align-items: center; justify-content: center;
border-radius: 8px; font-size: 14px; flex-shrink: 0;
}
.finans-ticker__icon--usd { background: rgba(46,204,113,0.15); color: #2ecc71; }
.finans-ticker__icon--eur { background: rgba(52,152,219,0.15); color: #3498db; }
.finans-ticker__icon--gbp { background: rgba(155,89,182,0.15); color: #9b59b6; }
.finans-ticker__icon--btc { background: rgba(241,196,15,0.15); color: #f1c40f; }
.finans-ticker__label { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.5px; }
.finans-ticker__price { font-size: 14px; font-weight: 700; color: #fff; white-space: nowrap; }
.finans-ticker__arrow { font-size: 12px; color: rgba(255,255,255,0.4); font-weight: 700; }
.finans-ticker__arrow--up { color: #2ecc71; }
.finans-ticker__arrow--down { color: #e74c3c; }
@media (max-width: 768px) {
.finans-ticker { flex-wrap: wrap; border-radius: 8px; }
.finans-ticker__item { flex: 1 1 50%; min-width: 0; padding: 10px 12px; gap: 6px; }
.finans-ticker__item:nth-child(2) { border-right: none; }
.finans-ticker__icon { width: 28px; height: 28px; font-size: 12px; }
.finans-ticker__label { font-size: 9px; }
.finans-ticker__price { font-size: 13px; }
} .standings-section { padding: 20px 0; }
.standings-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.standings-card {
background: #fff;
border-radius: 12px;
border: 1px solid var(--border-color);
overflow: hidden;
}
.standings-card__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
background: var(--secondary-color);
color: #fff;
}
.standings-card__header h3 { font-size: 15px; font-weight: 700; margin: 0; }
.standings-select {
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.3);
color: #fff;
padding: 5px 10px;
border-radius: 6px;
font-size: 12px;
font-family: var(--font-main);
cursor: pointer;
}
.standings-select option { color: #333; background: #fff; }
.standings-date { font-size: 12px; opacity: 0.8; }
.standings-card__body { max-height: 420px; overflow-y: auto; }
.standings-table-head {
display: flex;
padding: 8px 16px;
background: var(--bg-color);
font-size: 11px;
font-weight: 700;
color: var(--text-light);
text-transform: uppercase;
position: sticky;
top: 0;
z-index: 1;
}
.standings-row {
display: flex;
padding: 8px 16px;
font-size: 13px;
border-bottom: 1px solid var(--border-color);
transition: background 0.15s;
}
.standings-row:hover { background: var(--bg-color); }
.standings-row--top { border-left: 3px solid var(--primary-color); }
.st-pos { width: 30px; font-weight: 700; color: var(--text-light); flex-shrink: 0; }
.st-team { flex: 1; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-val { width: 36px; text-align: center; flex-shrink: 0; }
.st-val--bold { font-weight: 800; color: var(--primary-color); } .fixture-row {
display: flex;
align-items: center;
padding: 10px 16px;
border-bottom: 1px solid var(--border-color);
gap: 8px;
font-size: 13px;
}
.fixture-row:last-child { border-bottom: none; }
.fixture-time {
width: 45px;
font-weight: 700;
color: var(--primary-color);
flex-shrink: 0;
font-size: 12px;
}
.fixture-team { flex: 1; font-weight: 600; }
.fixture-team--home { text-align: right; }
.fixture-team--away { text-align: left; }
.fixture-vs {
width: 30px;
text-align: center;
font-size: 11px;
color: var(--text-light);
font-weight: 700;
flex-shrink: 0;
}
@media (max-width: 768px) {
.standings-grid { grid-template-columns: 1fr; }
.standings-card__body { max-height: 320px; }
} .weather-section { padding: 10px 0; }
.weather-widget-wrap {
border-radius: 12px;
overflow: hidden;
min-height: 80px;
}@media (max-width: 1200px) {
.container, .genelortala { max-width: 960px; }
.numbered-wrapper .manset-sol { flex: 0 0 620px; width: 620px; }
.numbered-wrapper .manset-sag { flex: 0 0 320px; width: 320px; }
.video-buyuk { flex: 0 0 560px; }
.video-buyuk figure { height: 315px; }
.header-search input { width: 140px; }
} @media (max-width: 1024px) {
.container, .genelortala { max-width: 720px; } .header-main__nav { display: none; }
.header-1 .hamburger-btn { display: flex !important; }
.header-search { display: none; }
.header-user-btn { display: none; } .numbered-wrapper { flex-direction: column; }
.numbered-wrapper .manset-sol { flex: 1; width: 100%; }
.numbered-wrapper .manset-sag { flex: 1; width: 100%; }
.small-numbered-slider { height: 300px; }
.sicak-grid { grid-template-columns: repeat(2, 1fr); } .gundem-mosaic__top { flex-direction: column; }
.gundem-mosaic__hero { flex: none; }
.gundem-mosaic__hero-img { height: 260px; }
.gundem-mosaic__side { flex-direction: row; gap: 10px; }
.gundem-mosaic__side-card { flex: 1; }
.gundem-mosaic__bottom { grid-template-columns: repeat(2, 1fr); }
.tekno-grid { grid-template-columns: repeat(2, 1fr); }
.tekno-card--featured { grid-column: 1 / -1; min-height: 300px; }
.spor-modern__top { flex-direction: column; }
.spor-modern__side { flex: none; flex-direction: row; }
.spor-modern__bottom { grid-template-columns: repeat(2, 1fr); }
.dunya-featured { flex-direction: column; }
.dunya-featured__img { flex: none; height: 250px; }
.dunya-featured__content { padding: 16px; }
.dunya-list { grid-template-columns: repeat(2, 1fr); }
.ekonomi-card-grid { grid-template-columns: repeat(2, 1fr); }
.ekonomi-card--big { grid-column: 1 / -1; min-height: 300px; }
.siyaset-layout { grid-template-columns: 1fr; }
.siyaset-hero { min-height: 280px; }
.siyaset-list { flex-direction: row; flex-wrap: wrap; }
.siyaset-list-item { flex: 1 1 calc(50% - 7px); }
.magazin-modern { grid-template-columns: repeat(2, 1fr); }
.magazin-card--large { grid-column: 1; }
.featured-modern { grid-template-columns: repeat(2, 1fr); }
.video-layout { flex-direction: column; }
.video-buyuk { flex: none; }
.video-buyuk figure { height: 300px; }
.video-list { max-height: 300px; }
.service-widgets { grid-template-columns: repeat(3, 1fr); }
.horoscope-grid { grid-template-columns: repeat(6, 1fr); }
.columnist-card { flex: 0 0 calc(33.333% - 14px); }
.footer__columns { flex-wrap: wrap; }
.footer__col { flex: 1 1 calc(50% - 10px); }
.hero-slider { height: 320px; }
.hero-slide__content { flex: 0 0 360px; width: 360px; padding: 25px 25px 25px 45px; }
.hero-slide__content h2 { font-size: 22px; }
.numbered-slider { height: 350px; } .h2-nav .nav-menu { display: none !important; }
.h2-nav .hamburger-btn--white { display: flex !important; }
.h2-search { display: none; }
.h3-bar__nav { display: none; }
} @media (max-width: 768px) { html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
overscroll-behavior-x: none;
}
* { -webkit-overflow-scrolling: touch; }
.container, .genelortala { padding: 0 12px; max-width: 100vw; overflow-x: hidden; } .currency-ticker-bar { height: 26px; }
.currency-ticker-item { font-size: 10px; padding: 0 12px; gap: 4px; }
.currency-ticker-item strong { font-size: 9px; }
.breaking-weather { display: none; }
.breaking-date { font-size: 11px; } .header-main { height: 54px; }
.header-main__inner { gap: 10px; }
.header-main__logo img,
.header-main__logo .custom-logo { max-height: var(--mobile-logo-size, 30px); }
.header-main__logo .site-title { font-size: 18px; } .header-1 .breaking-bar {
height: 36px;
background: linear-gradient(135deg, #1a1a2e, #16213e);
}
.header-1 .breaking-bar::before,
.header-1 .breaking-bar::after { display: none; }
.header-1 .breaking-bar__right { display: none; }
.header-1 .breaking-label {
font-size: 9px;
padding: 0 10px;
height: 36px;
padding-right: 20px;
margin-left: -12px;
letter-spacing: 0.8px;
clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.header-1 .breaking-nav-btn { display: none; }
.header-1 .breaking-news-slider { margin-left: 6px; height: 36px; }
.header-1 .breaking-item { height: 36px; }
.header-1 .breaking-item a {
font-size: 13px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100vw - 130px);
} .h2-topstrip { height: 30px; }
.h2-topstrip__date { font-size: 11px; }
.h2-topstrip__right a { width: 24px; height: 24px; font-size: 12px; }
.h2-topstrip__login { display: none !important; }
.h2-middle { padding: 10px 0; }
.h2-middle__logo img,
.h2-middle__logo .custom-logo { max-height: var(--mobile-logo-size, 32px); }
.h2-middle__logo .site-title { font-size: 20px; }
.h2-nav { height: 42px; }
.header-2 .breaking-bar { height: 36px; }
.header-2 .breaking-label { font-size: 10px; }
.header-2 .breaking-item a { font-size: 13px; }
.header-2 .breaking-nav-btn { display: none; } .h3-bar { height: 50px; }
.h3-bar__logo img,
.h3-bar__logo .custom-logo { max-height: var(--mobile-logo-size, 28px); }
.h3-bar__logo .site-title { font-size: 18px; }
.h3-bar__right { gap: 4px; }
.h3-search-toggle, .h3-user-btn, .h3-hamburger { width: 40px; height: 40px; }
.h3-bar.sticky-nav.fixed { height: 46px; }
.h3-breaking { height: 36px; }
.h3-breaking .breaking-label { font-size: 10px; padding: 3px 8px; }
.h3-breaking .breaking-item a { font-size: 13px; }
.h3-breaking .breaking-nav-btn { display: none; } .stories-section { padding: 10px 0; }
.stories-scroll {
justify-content: flex-start;
padding: 0 10px;
gap: 10px;
scroll-snap-type: x mandatory;
scrollbar-width: none;
overflow-x: auto;
}
.stories-scroll::-webkit-scrollbar { display: none; }
.story-circle { width: 62px; scroll-snap-align: start; flex-shrink: 0; }
.story-circle__ring { width: 56px; height: 56px; }
.story-circle__img { width: 50px; height: 50px; }
.story-circle__name { font-size: 9px; margin-top: 4px; }
.story-modal__content { width: 95vw; max-width: 400px; } .hero-slider {
height: auto;
border-radius: 0;
margin: 0 -12px;
width: calc(100% + 24px);
}
.hero-slide__link { flex-direction: column; }
.hero-slide__figure { height: 220px; }
.hero-slide__content {
flex: none;
width: 100%;
clip-path: none;
padding: 14px 16px 18px;
background: linear-gradient(135deg, #c0392b, #e74c3c) !important;
}
.hero-slide__content::before { display: none; }
.hero-slide__content h2 { font-size: 16px; line-height: 1.4; margin-bottom: 6px; }
.hero-slide__content p { font-size: 13px; -webkit-line-clamp: 2; line-height: 1.5; }
.hero-pagination { top: 8px; right: 8px; }
.hero-dot { width: 24px; height: 24px; font-size: 10px; } .numbered-slider { height: 220px; border-radius: 8px; }
.small-numbered-slider { height: 220px; border-radius: 8px; }
.numbered-slide__title { padding: 40px 14px 14px; }
.numbered-slide__title h2 { font-size: 16px; }
.numbered-pagination {
overflow-x: auto; flex-wrap: nowrap;
scrollbar-width: none;
}
.numbered-pagination::-webkit-scrollbar { display: none; }
.numbered-dot { min-width: 34px; font-size: 12px; height: 34px; }
.small-numbered-dot { min-width: 34px; font-size: 12px; height: 34px; } .sicak-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.sicak-grid .haber .manset-resim { height: 110px; }
.sicak-grid .haber .manset_baslik { padding: 8px; }
.sicak-grid .haber .manset_baslik h3 { font-size: 13px; } .gundem-mosaic__hero-img { height: 220px; }
.gundem-mosaic__hero-content { padding: 40px 14px 14px; }
.gundem-mosaic__hero-content h3 { font-size: 18px; }
.gundem-mosaic__side { flex-direction: column; }
.gundem-mosaic__side-card { padding: 8px; }
.gundem-mosaic__side-img { flex: 0 0 80px; height: 65px; border-radius: 6px; }
.gundem-mosaic__side-info h4 { font-size: 13px; }
.gundem-mosaic__bottom { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.gundem-mosaic__card-img { height: 110px; }
.gundem-mosaic__card-title { font-size: 13px; padding: 8px 10px 4px; } .tekno-grid {
display: flex;
flex-direction: column;
gap: 10px;
}
.tekno-card {
height: auto;
display: flex;
flex-direction: row;
border-radius: 8px;
overflow: hidden;
background: #1a1a2e;
}
.tekno-card--featured {
flex-direction: column;
min-height: 200px;
}
.tekno-card--featured .tekno-card__bg { position: relative; height: 180px; }
.tekno-card--featured .tekno-card__overlay { position: relative; height: auto; padding: 14px; }
.tekno-card--featured .tekno-card__title { font-size: 17px; }
.tekno-card:not(.tekno-card--featured) .tekno-card__bg {
position: relative;
width: 110px;
min-height: 85px;
flex-shrink: 0;
}
.tekno-card:not(.tekno-card--featured) .tekno-card__overlay {
position: relative;
height: auto;
padding: 10px 12px;
background: none;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.tekno-card:not(.tekno-card--featured) .tekno-card__cat { font-size: 9px; margin-bottom: 4px; }
.tekno-card:not(.tekno-card--featured) .tekno-card__title { font-size: 13px; -webkit-line-clamp: 2; }
.tekno-card:not(.tekno-card--featured) .tekno-card__excerpt { display: none; }
.tekno-card:not(.tekno-card--featured) .tekno-card__time { font-size: 10px; } .spor-modern__top { flex-direction: column; }
.spor-hero-card { min-height: 200px; border-radius: 8px; }
.spor-hero-card__content h3 { font-size: 18px; }
.spor-modern__side { flex-direction: column; }
.spor-side-card { min-height: 100px; border-radius: 8px; }
.spor-modern__bottom { grid-template-columns: repeat(2, 1fr); gap: 10px; } .dunya-featured { flex-direction: column; border-radius: 8px; }
.dunya-featured__img { flex: none; height: 200px; }
.dunya-featured__content { padding: 14px; }
.dunya-featured__content h3 { font-size: 18px; }
.dunya-list { grid-template-columns: 1fr; gap: 10px; } .ekonomi-card-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.ekonomi-card { height: 150px; border-radius: 8px; }
.ekonomi-card--big { min-height: 200px; } .siyaset-layout { grid-template-columns: 1fr; gap: 10px; }
.siyaset-hero { min-height: 200px; border-radius: 8px; }
.siyaset-hero__overlay h3 { font-size: 17px; }
.siyaset-list { gap: 0; }
.siyaset-list-item { flex: 1 1 100%; padding: 8px 0; }
.siyaset-list-item__img { width: 80px; height: 60px; border-radius: 6px; }
.siyaset-list-item__content h4 { font-size: 13px; } .magazin-modern {
display: flex;
flex-direction: column;
gap: 10px;
}
.magazin-card--large {
border-radius: 8px;
overflow: hidden;
}
.magazin-card--large .magazin-card__img { height: 200px; }
.magazin-card--large .magazin-card__body { padding: 12px; }
.magazin-card--large .magazin-card__title { font-size: 16px; }
.magazin-card:not(.magazin-card--large) {
display: flex;
flex-direction: row;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.magazin-card:not(.magazin-card--large) .magazin-card__img {
width: 110px;
height: auto;
min-height: 85px;
flex-shrink: 0;
}
.magazin-card:not(.magazin-card--large) .magazin-card__body {
padding: 10px 12px;
display: flex;
flex-direction: column;
justify-content: center;
}
.magazin-card:not(.magazin-card--large) .magazin-card__title { font-size: 13px; -webkit-line-clamp: 2; }
.magazin-card:not(.magazin-card--large) .magazin-card__excerpt { display: none; } .th-grid { grid-template-columns: 1fr; gap: 10px; }
.th-card {
display: flex;
flex-direction: row;
height: auto;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.th-card__img {
width: 110px;
min-height: 85px;
flex-shrink: 0;
position: relative;
}
.th-card__cat {
position: absolute;
top: 6px;
left: 6px;
font-size: 8px;
padding: 2px 6px;
}
.th-card__body {
padding: 10px 12px;
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
.th-card__title { font-size: 13px; -webkit-line-clamp: 2; margin: 0 0 4px; }
.th-card__time { font-size: 11px; } .video-section-dark { padding: 14px 10px; border-radius: 0; margin: 0 -12px; width: calc(100% + 24px); }
.video-layout { flex-direction: column; gap: 10px; }
.video-buyuk { flex: none; }
.video-buyuk figure { height: 200px; border-radius: 8px; }
.video-list { max-height: 220px; } .service-widgets { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.service-widget { height: 120px; padding: 12px; border-radius: 8px; }
.service-widget__icon { font-size: 24px; }
.service-widget__title { font-size: 13px; }
.service-widget__subtitle { font-size: 10px; } .columnists-grid { gap: 10px; }
.columnist-card { flex: 0 0 calc(50% - 5px); padding: 14px 10px; border-radius: 8px; }
.columnist-card .avatar { width: 50px; height: 50px; }
.columnist-card .name { font-size: 13px; }
.columnist-card .excerpt { font-size: 11px; -webkit-line-clamp: 1; } .horoscope-grid { grid-template-columns: repeat(4, 1fr); } .most-read-panel { height: auto; max-height: 400px; border-radius: 8px; }
.most-read-header { padding: 12px 14px; font-size: 13px; }
.most-read-item { padding: 10px 12px; }
.most-read-num { width: 24px; height: 24px; font-size: 11px; }
.most-read-link { font-size: 13px; } .poll-widget { padding: 16px 14px; border-radius: 8px; }
.poll-question { font-size: 15px; } .footer__columns { flex-direction: column; gap: 20px; }
.footer__col { flex: 1 1 100%; }
.footer__logo img { max-height: 30px; }
.footer__bottom { flex-direction: column; gap: 10px; text-align: center; }
.footer__bottom-social { justify-content: center; }
.footer-2__logo img, .footer-2__logo-img { max-height: 30px; } .home-section { margin-top: 16px; }
.section-title-bar { margin-bottom: 12px; }
.section-title-bar h2 { font-size: 16px; padding-bottom: 6px; }
.section-title-bar h2::before { height: 3px; }
.section-title-bar .see-all { font-size: 10px; line-height: 36px; } .single-layout { grid-template-columns: 1fr; gap: 0; padding: 0 0 30px; }
.breadcrumb { padding: 10px 0 8px; font-size: 11px; gap: 5px; }
.breadcrumb .separator { font-size: 8px; }
.article-category-badge { font-size: 10px; padding: 3px 10px; margin-bottom: 10px; }
.article-title { font-size: 20px; line-height: 1.35; margin-bottom: 8px; }
.article-subtitle { font-size: 14px; line-height: 1.6; } .article-figure { border-radius: 0; margin: 0 -12px 16px; width: calc(100% + 24px); }
.article-main-img { max-height: 260px; }
.article-figure figcaption { font-size: 11px; padding: 6px 12px; } .article-meta-bar { padding: 10px 0; gap: 8px; flex-wrap: wrap; }
.article-meta-bar__avatar { width: 34px; height: 34px; }
.article-meta-bar__name { font-size: 13px; }
.article-meta-bar__info span { font-size: 11px; }
.article-meta-bar__right { width: 100%; margin-top: 4px; }
.article-actions { width: 100%; justify-content: space-between; } .share-btn { width: 32px; height: 32px; font-size: 13px; }
.font-btn { width: 32px; height: 32px; font-size: 12px; }
.print-btn { width: 32px; height: 32px; font-size: 13px; } .article-content { font-size: 15px; line-height: 1.75; }
.article-content h2 { font-size: 20px; margin: 22px 0 12px; }
.article-content h3 { font-size: 17px; margin: 18px 0 10px; }
.article-content blockquote { padding: 14px 16px; font-size: 15px; margin: 18px 0; }
.article-content img { border-radius: 0; margin: 14px -12px; width: calc(100% + 24px); max-width: calc(100% + 24px); } .article-tags { gap: 6px; margin: 18px 0; padding-top: 14px; }
.article-tags a { padding: 4px 10px; font-size: 11px; } .article-bottom-share { flex-direction: column; gap: 10px; padding: 14px 0; } .related-bottom { margin-top: 20px; }
.related-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.related-card__img { height: 100px; }
.related-card__title { font-size: 13px; padding: 8px; } .single-sidebar { margin-top: 20px; }
.sidebar-widget { margin-bottom: 16px; border-radius: 8px; } .comments-section { margin-top: 20px; }
.comment-form textarea { font-size: 14px; }
.comment-item { padding: 12px 0; }
.comment-avatar { width: 36px; height: 36px; } .account-layout { grid-template-columns: 1fr; }
.member-box { padding: 24px 16px; border-radius: 8px; }
.form-row { grid-template-columns: 1fr; } .reklam-alani { overflow: hidden; border-radius: 0; }
.reklam-alani img { max-width: 100%; height: auto; }
} @media (max-width: 480px) {
.container, .genelortala { padding: 0 10px; } .header-main { height: 50px; }
.header-main__logo img,
.header-main__logo .custom-logo { max-height: var(--mobile-logo-size, 26px); }
.header-main__logo .site-title { font-size: 16px; }
.hamburger-btn { min-width: 44px; min-height: 44px; } .header-1 .breaking-bar { height: 34px; }
.header-1 .breaking-label { font-size: 8px; height: 34px; padding-right: 16px; }
.header-1 .breaking-news-slider { height: 34px; }
.header-1 .breaking-item { height: 34px; }
.header-1 .breaking-item a { font-size: 12px; max-width: calc(100vw - 110px); } .h2-topstrip { height: 28px; }
.h2-topstrip__right a { width: 22px; height: 22px; font-size: 11px; }
.h2-middle { padding: 8px 0; }
.h2-middle__logo img,
.h2-middle__logo .custom-logo { max-height: var(--mobile-logo-size, 26px); }
.h2-middle__logo .site-title { font-size: 17px; }
.header-2 .breaking-bar { height: 34px; } .h3-bar { height: 46px; border-bottom-width: 2px; }
.h3-bar__logo img,
.h3-bar__logo .custom-logo { max-height: var(--mobile-logo-size, 24px); }
.h3-bar__logo .site-title { font-size: 16px; }
.h3-search-toggle, .h3-user-btn, .h3-hamburger {
width: 38px; height: 38px; font-size: 15px;
min-width: 44px; min-height: 44px;
} .story-circle { width: 56px; }
.story-circle__ring { width: 50px; height: 50px; }
.story-circle__img { width: 44px; height: 44px; }
.story-circle__name { font-size: 8px; } .hero-slide__figure { height: 180px; }
.hero-slide__content { padding: 12px 14px 16px; }
.hero-slide__content h2 { font-size: 15px; }
.hero-slide__content p { font-size: 12px; -webkit-line-clamp: 2; } .numbered-slider { height: 180px; }
.small-numbered-slider { height: 180px; } .sicak-grid .haber .manset-resim { height: 95px; }
.sicak-grid .haber .manset_baslik h3 { font-size: 12px; }
.gundem-mosaic__hero-img { height: 180px; }
.gundem-mosaic__bottom { grid-template-columns: 1fr 1fr; gap: 8px; }
.gundem-mosaic__card-img { height: 95px; } .tekno-card:not(.tekno-card--featured) .tekno-card__bg { width: 95px; min-height: 75px; }
.tekno-card--featured .tekno-card__bg { height: 160px; } .magazin-card:not(.magazin-card--large) .magazin-card__img { width: 95px; }
.magazin-card--large .magazin-card__img { height: 170px; } .th-card__img { width: 95px; min-height: 75px; }
.spor-hero-card { min-height: 180px; }
.spor-modern__bottom { grid-template-columns: 1fr 1fr; gap: 8px; }
.ekonomi-card-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.ekonomi-card { height: 130px; }
.ekonomi-card--big { min-height: 170px; }
.siyaset-hero { min-height: 180px; }
.service-widgets { grid-template-columns: repeat(2, 1fr); gap: 6px; }
.service-widget { height: 100px; }
.service-widget__title { font-size: 12px; }
.horoscope-grid { grid-template-columns: repeat(3, 1fr); }
.columnist-card .avatar { width: 44px; height: 44px; }
.video-buyuk figure { height: 170px; }
.video-buyuk .play-btn { width: 44px; height: 44px; }
.video-buyuk .play-btn i { font-size: 18px; }
.article-title { font-size: 20px; }
.home-section { margin-top: 14px; }
.section-title-bar h2 { font-size: 15px; }
} @media (max-width: 360px) {
.container, .genelortala { padding: 0 8px; }
.header-main__logo .site-title { font-size: 15px; }
.hero-slide__figure { height: 160px; }
.hero-slide__content h2 { font-size: 14px; }
.hero-slide__content p { display: none; }
.sicak-grid { grid-template-columns: 1fr; gap: 8px; }
.sicak-grid .haber .manset-resim { height: 160px; }
.sicak-grid .haber .manset_baslik h3 { font-size: 14px; }
.gundem-mosaic__bottom,
.spor-modern__bottom,
.ekonomi-card-grid { grid-template-columns: 1fr; gap: 8px; }
.tekno-card--featured { grid-column: span 1; }
.ekonomi-card--big { grid-column: span 1; }
.service-widgets { grid-template-columns: 1fr 1fr; gap: 6px; }
.horoscope-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
} @media (display-mode: standalone) { .header-main, .h2-topstrip, .h3-bar {
padding-top: env(safe-area-inset-top, 0);
}
.site-footer, .footer-2, .footer-3 {
padding-bottom: env(safe-area-inset-bottom, 0);
}
.scroll-top-btn { bottom: calc(20px + env(safe-area-inset-bottom, 0)); } html { scroll-behavior: smooth; }
body {
overscroll-behavior: none;
-webkit-user-select: none;
user-select: none;
} .article-content, .single-content, .comment-text,
.poll-question, input, textarea {
-webkit-user-select: text;
user-select: text;
} .header-main.sticky-nav.fixed,
.h2-nav.sticky-nav.fixed,
.h3-bar.sticky-nav.fixed {
top: env(safe-area-inset-top, 0);
}
} @media print {
.header-main, .breaking-bar, .h2-topstrip, .h2-middle, .h2-nav,
.h3-bar, .h3-breaking, .mobile-sidebar, .mobile-overlay,
.share-buttons, .site-footer, .footer-2, .footer-3,
.reklam-alani, .search-overlay { display: none !important; }
.article-content { font-size: 12pt; line-height: 1.6; }
.single-layout { grid-template-columns: 1fr !important; }
}.currency-change.artis,
.finans-ticker__arrow--artis,
.service-widget__change--artis { color: #16a34a; }
.currency-change.dusus,
.finans-ticker__arrow--dusus,
.service-widget__change--dusus { color: #dc2626; }
.currency-change.sabit,
.finans-ticker__arrow--sabit,
.service-widget__change--sabit { color: #9ca3af; } .wpd-hava__kutu {
display: grid;
grid-template-columns: minmax(220px, 300px) 1fr;
gap: 20px;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 10px;
padding: 20px;
}
.wpd-hava__simdi {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 18px;
border-radius: 10px;
background: linear-gradient(135deg, #1e3a8a, #2563eb);
color: #fff;
text-align: center;
}
.wpd-hava__ikon { font-size: 46px; line-height: 1; }
.wpd-hava__bilgi { display: flex; flex-direction: column; gap: 2px; }
.wpd-hava__il { font-size: 15px; font-weight: 600; opacity: .9; }
.wpd-hava__derece { font-size: 40px; font-weight: 800; line-height: 1; }
.wpd-hava__aciklama { font-size: 13px; opacity: .9; }
.wpd-hava__detay {
display: flex;
gap: 14px;
font-size: 13px;
opacity: .9;
margin-top: 4px;
}
.wpd-hava__tahmin {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.wpd-hava__gun {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 14px 8px;
border: 1px solid #ececec;
border-radius: 8px;
background: #fafafa;
}
.wpd-hava__gun i { font-size: 24px; color: #2563eb; }
.wpd-hava__gun-ad { font-size: 13px; font-weight: 700; color: #222; }
.wpd-hava__gun-tarih { font-size: 11px; color: #888; }
.wpd-hava__gun-derece { font-size: 14px; }
.wpd-hava__gun-derece strong { color: #111; }
.wpd-hava__gun-derece em { color: #999; font-style: normal; margin-left: 4px; } .wpd-namaz__konum { font-size: 13px; color: #666; }
.wpd-namaz__geri-sayim {
background: #6c3483;
color: #fff;
padding: 12px 18px;
border-radius: 8px;
font-size: 15px;
margin-bottom: 14px;
}
.wpd-namaz__geri-sayim span { font-weight: 800; font-variant-numeric: tabular-nums; }
.wpd-namaz__liste {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
.wpd-namaz__vakit {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 16px 8px;
border: 1px solid #ececec;
border-radius: 8px;
background: #fff;
transition: border-color .15s, background .15s;
}
.wpd-namaz__vakit.is-siradaki {
border-color: #6c3483;
background: #faf5ff;
}
.wpd-namaz__ad { font-size: 13px; color: #666; font-weight: 600; }
.wpd-namaz__saat {
font-size: 20px;
font-weight: 800;
color: #111;
font-variant-numeric: tabular-nums;
}
.wpd-namaz__vakit.is-siradaki .wpd-namaz__saat { color: #6c3483; } .wpd-eczane__liste {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 14px;
}
.wpd-eczane__kart {
border: 1px solid #e8e8e8;
border-left: 4px solid #16a34a;
border-radius: 8px;
padding: 16px;
background: #fff;
}
.wpd-eczane__ust {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 8px;
}
.wpd-eczane__ad { font-size: 16px; font-weight: 700; margin: 0; color: #111; }
.wpd-eczane__ilce {
flex-shrink: 0;
font-size: 11px;
font-weight: 700;
padding: 3px 8px;
border-radius: 20px;
background: #ecfdf5;
color: #15803d;
}
.wpd-eczane__adres { font-size: 13px; color: #555; margin: 0 0 6px; line-height: 1.5; }
.wpd-eczane__adres i { color: #999; margin-right: 4px; }
.wpd-eczane__tarif { font-size: 12px; color: #888; font-style: italic; margin: 0 0 10px; }
.wpd-eczane__tel {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 700;
color: #16a34a;
text-decoration: none;
}
.wpd-eczane__tel:hover { text-decoration: underline; } a.service-widget { text-decoration: none; cursor: pointer; }
a.service-widget:hover { transform: translateY(-2px); }
.service-widget { transition: transform .15s ease; }
.service-widget__change {
display: inline-block;
margin-left: 6px;
font-weight: 700;
font-size: 12px;
} @media (max-width: 900px) {
.wpd-hava__kutu { grid-template-columns: 1fr; }
.wpd-namaz__liste { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
.wpd-hava__tahmin { grid-template-columns: repeat(2, 1fr); }
.wpd-namaz__liste { grid-template-columns: repeat(2, 1fr); }
.wpd-eczane__liste { grid-template-columns: 1fr; }
}