html,body{max-width:100%;overflow-x:hidden}img,iframe,video,svg{max-width:100%}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff4d2e;outline-offset:3px}
@media(max-width:900px){
body:not(:has(.brand)) .top{height:auto;min-height:64px;display:grid;grid-template-columns:1fr auto;padding:9px 18px 0;gap:7px 12px;overflow:visible}body:not(:has(.brand)) .top .logo{margin:0}body:not(:has(.brand)) .top .search{display:none}body:not(:has(.brand)) .top .nav{display:flex;grid-column:1/-1;width:calc(100% + 36px);margin-left:-18px;padding:0 18px;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;border-top:1px solid var(--line)}body:not(:has(.brand)) .top .nav a{flex:none;min-height:44px;padding:13px 14px;display:grid;place-items:center;scroll-snap-align:start}
body .hero,body .hero-copy{min-height:0}.hero-index{overflow-x:auto;scroll-snap-type:x mandatory}.index-link{scroll-snap-align:start}.main,.market-panel,.sports-panel,.city-section,.media-section,.life-panel{min-width:0}.market-panel,.sports-panel{overflow-x:auto}
}
@media(max-width:620px){
:root{--pad:16px}body{font-size:15px}body:not(:has(.brand)) .logo>svg{width:28px;height:28px}body:not(:has(.brand)) .logo>span{font-size:17px}
body .hero-copy{padding:28px 16px 24px;grid-template-columns:38px 1fr;column-gap:11px}.page-icon{width:38px;height:38px}.page-icon svg{width:20px;height:20px}body .hero h1{font-size:clamp(38px,12vw,48px);line-height:.88;margin:13px 0 12px;overflow-wrap:anywhere}.hero p{font-size:13px;line-height:1.5}body .hero-index{display:flex}.index-link{flex:0 0 154px;min-height:84px;padding:13px 14px;border-bottom:0}.index-link b{font-size:12px}.index-link span{font-size:9px}.page-guide{display:none}.live{min-width:150px;padding:11px 14px}.live small{font-size:8px}.live strong{font-size:14px}body .main{padding:24px 14px 56px}.notice{padding:13px 14px;margin-bottom:18px}.block{padding:18px 0 42px}.block-title{margin-bottom:18px;padding-right:0}.block h2{font-size:34px}.result{padding:16px;min-height:132px}.foot{padding:28px 16px;gap:24px}
.market-tabs,.news-tabs,.sports-nav,.media-tabs,.life-nav{scroll-snap-type:x proximity}.market-tab,.news-tab,.sports-tab,.media-tab,.life-nav a{min-height:44px;scroll-snap-align:start}.market-tools{padding:10px}.only-favs{min-height:44px}.market-table{min-width:510px}.market-table th:nth-child(4),.market-table td:nth-child(4){display:table-cell}.converter,.cross{padding:16px}
.lead-news{padding:12px}.lead-news img{height:180px}.lead-news h2{font-size:29px}.side-news{min-height:104px;padding:14px}.cluster{padding:14px}.news-card{min-height:135px}
.city-shell{gap:12px}.city-toolbar{padding:12px}.city-cover{min-height:250px}.city-cover-copy{padding:18px}.city-cover-copy h2{font-size:42px}.weather-primary{padding:18px;grid-template-columns:62px 1fr;gap:14px}.weather-icon{width:62px;height:62px}.weather-temp{font-size:58px}.weather-metric{padding:14px;min-height:88px}.hour-card{flex-basis:98px;padding:14px 10px}.daily-grid{display:flex;overflow-x:auto}.day-card{flex:0 0 105px}.air-score{min-height:130px;padding:18px}.pharmacy{padding:14px}.city-services a{min-height:118px;padding:16px}
.sports-shell{gap:12px}.league-switch{width:100%;overflow-x:auto}.league-btn{flex:1;min-height:44px;white-space:nowrap}.sports-kpis div{padding:13px}.match-row{grid-template-columns:40px minmax(0,1fr) 38px minmax(0,1fr);gap:5px;padding:11px 7px}.match-team{gap:5px;line-height:1.15}.match-score{font-size:12px}.stand-table{min-width:500px}.stand-table th:nth-child(5),.stand-table td:nth-child(5),.stand-table th:nth-child(6),.stand-table td:nth-child(6){display:table-cell}.team-card{min-height:125px}.roster-head{grid-template-columns:70px 1fr;padding:17px}.roster-head img{width:68px;height:68px}
.media-shell{gap:12px}.media-searchbar{padding:6px}.media-searchbar span{display:none}.media-stage,.media-player,.media-player iframe,.player-empty{min-height:220px}.now-playing{padding:20px;min-height:190px}.media-watch,.media-hero-video,.media-watch .media-player,.media-watch .media-player iframe{min-height:220px}.media-kpis div{padding:12px}.media-video-card.featured b{font-size:18px}.album-card{flex-basis:132px}.tv-grid{grid-template-columns:1fr}.radio-grid{grid-template-columns:1fr 1fr}.tv-card{grid-template-columns:38px 1fr auto;padding:13px;min-height:78px}.pick-copy{padding:22px}.pick-result{grid-template-columns:95px 1fr;padding:16px}.pick-result img{width:95px}.audio-dock{bottom:0;padding:11px 13px}.guide-channel{grid-template-columns:28px 34px 1fr auto;padding:13px;gap:8px}
.learn-search{padding:20px}.learn-search h2,.mail-honest h2{font-size:36px}.learn-search form>div{display:grid}.learn-search button{min-height:44px}.learn-grid,.tools-lab,.learn-results{grid-template-columns:1fr}.learn-grid a{min-height:132px;padding:17px}.calc{padding:17px}.calc input,.calc select{min-height:44px}.mail-honest{padding:22px}.mail-create{width:100%;min-height:46px}.mail-external{display:block;margin-left:0;width:max-content}.mail-inbox-head{align-items:flex-start;flex-direction:column;padding:16px}.mail-inbox-head button{width:100%;min-height:44px}
body:has(.brand) .top{padding-inline:14px}.mobile-menu-button{width:44px;height:44px}body:has(.brand) .nav{max-height:calc(100dvh - 64px);overflow-y:auto;padding:8px 14px 14px}body:has(.brand) .nav a{min-height:46px}body:has(.brand) .hero-copy{min-height:300px;padding:28px 16px 24px;display:flex}body:has(.brand) .hero h1{font-size:clamp(46px,14vw,62px)}body:has(.brand) .hero-meta{margin-top:22px}.hero-meta b{font-size:20px}body:has(.brand) .hero-visual{grid-template-rows:190px auto}.hero-photo{min-height:190px}body:has(.brand) .brief{min-width:74vw;padding:14px 16px;min-height:92px;display:block}.brief small{margin-bottom:12px}.portal-index{padding:24px 16px}.portal-index-head h2{font-size:34px}.portal-link{min-height:86px;padding:13px}body:has(.brand) .section{padding:34px 16px}.section-head{display:flex;align-items:flex-end;gap:14px}.section h2{font-size:38px}.section-head>div,.section-head>a{margin-left:auto;text-align:right}.gundem-status{display:none}.story-media{height:190px}.story.big .story-body,.story-body{padding:17px 0 22px}.story h3,.story.big h3{font-size:24px}body:has(.brand) .city-copy{padding:28px 16px}.city-copy h2{font-size:38px}.weather{font-size:58px}.city-map{min-height:210px;padding:14px}.city-facts{display:flex;overflow-x:auto}.city-facts div{flex:0 0 48%}.timeline{display:flex;overflow-x:auto}.event{flex:0 0 82vw;min-height:112px}body:has(.brand) .media-section,body:has(.brand) .culture-section{padding-block:28px}.live-pill{display:none}.media-all{margin-left:auto}.channel-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.channel{flex:0 0 105px;min-width:105px;min-height:92px}.tv-panel{grid-template-columns:38px 1fr;padding:12px}.tv-watch{grid-column:1/-1;text-align:center;min-height:44px}.guide-grid{display:flex;overflow-x:auto}.guide-card{flex:0 0 82vw}.album{width:132px}.album img{width:132px;height:132px}.tools{grid-template-columns:1fr 1fr}.tool{min-height:76px;padding:12px}body:has(.brand) .mail{min-height:0;padding:26px 16px}.mail h2{font-size:40px}.mail-copy{padding:0}.mail-box{padding:16px 0 0}.cta{min-height:46px;text-align:center}.drawer-card{padding:20px}
}
@media(max-width:370px){body .hero h1{font-size:36px}.portal-links{grid-template-columns:1fr}.weather-temp{font-size:50px}.radio-grid,.tools{grid-template-columns:1fr}.match-row{grid-template-columns:34px minmax(0,1fr) 34px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}}
body .hero-photo:after{content:var(--hero-label,"İSTANBUL / CANLI")}
.city-network{display:grid;grid-template-columns:repeat(7,1fr);background:#10130f;color:#fff}.city-network a{padding:15px;border-right:1px solid #343a35}.city-network b,.city-network span{display:block}.city-network b{font-size:12px}.city-network span{font:8px "IBM Plex Mono";color:#aeb8b0;margin-top:5px}@media(max-width:760px){.city-network{display:flex;overflow-x:auto}.city-network a{flex:0 0 125px}}
.city-detail-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid currentColor;color:inherit;font:600 10px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
