@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body {font-family: -apple-system,BlinkMacSystemFont,Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 16px; color: #000; font-weight: 700; box-sizing: border-box;}

.ramadan-band-widget {width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
        .ramadan-band-widget.turkTelekom .ramadan-band-widget-2026 {width: 100%; height: 100px; display:flex; justify-content: space-between; align-items:center; padding: 0 5px; position: relative; background: url('../i/TTelekom_432x100-bg.jpg') right no-repeat;}
        .ramadan-band-widget-2026 .link {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
        .ramadan-band-widget-2026 .coutdown-widget-block {width: 100%; height:100%; display: flex;justify-content: space-around;color: #fff;align-items: center;}
        .coutdown-widget-block-right { display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select {width: 100%;height: 28px;max-width: 100%; position: relative; z-index: 12; margin-bottom: 5px;}
        .countdown-widget-left { display: flex; flex-direction: column; justify-content: flex-start; gap:5px; align-items: flex-start;}
        .ramadan-band-widget-2026 .countdown-thumb {width: 121px;height: 40px; background: url('../i/TTelekom-logo-220x72.svg') no-repeat; background-size: contain;}
        .ramadan-band-widget-2026 .countdown-logo {width: 100%;height: 100%; object-fit: contain;}
        .ramadan-band-widget-2026 .countdown-message {font-weight: 700;font-size: 14px;line-height: normal;color: #fff;max-width: 145px;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select select {width:100%; height: 100%; margin-bottom: 5px; border: 1px solid #fff;padding: 0 18px 0 5px;position: relative;z-index: 2;background-color: #002F5D;font-size: 11px;font-weight: 600;color:#fff;text-overflow: ellipsis;cursor: pointer;-webkit-appearance: none;border-radius: 4px;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select select option {color:#fff; background-color: #002F5D;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select select option{color:#fff !important; background-color: #002F5D;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select:after {content: ''; width: 26px;  height: 100%; position: absolute; z-index: 13; top: 0; right: 0; pointer-events: none; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;utf8,<svg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path id='Vector' d='M1 1.28711L5.34644 4.90915L9.69289 1.28711' stroke='%23ffffff' stroke-width='1.42795' stroke-linecap='round' stroke-linejoin='round'/></svg>");}
        .ramadan-band-widget-2026 .coutdown-widget-block .title {font-size: 16px; color: #FDFF99; font-weight: 700; text-align: center;}
        .ramadan-band-widget-2026 .coutdown-widget-block .time-title {color: #ffff;font-weight: 700;font-size: 9px;line-height: 12px;}
        .ramadan-band-widget-2026 .countdown-item {display: flex;flex-direction: column; position: relative; padding-right: 10px;}
        .ramadan-band-widget-2026 .countdown {display: flex;}
        .ramadan-band-widget-2026 .countdown-value {font-size: 30px; line-height: 25px; font-weight: 700;}
        .countdown-item:last-child {padding: 0;}
        .countdown-item:last-child .countdown-value::before { display: none; }
        .ramadan-band-widget-2026 .countdown-label {font-size: 9px; font-weight: 700; text-align: center;}
        .countdown-text { display: flex; justify-content: space-evenly; font-size: 9px; }
		.countdown-new {width:120px;}

        @media (min-width:425px) {
        .ramadan-band-widget{width: 100%;}
        .ramadan-band-widget.turkTelekom .ramadan-band-widget-2026 {background-size: cover; padding:0 15px;}
        .ramadan-band-widget-2026 .coutdown-widget-block {gap: 16px; justify-content: space-between;}
        .countdown-widget-left {flex-direction: row; align-items: center; gap: 10px;}
        .ramadan-band-widget-2026 .countdown-message{max-width: 80px;}
        .ramadan-band-widget-2026 .countdown-thumb {width: 115px;}
        .ramadan-band-widget-2026 .countdown-widget-content {display: flex;flex-direction: row;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select select{font-size: 11px;}
        .ramadan-band-widget-2026 .time-title {max-width: 40px;}
        .ramadan-band-widget-2026 .countdown-value{font-size: 26px;}
		.countdown-new {width:110px;}

        }
          @media (min-width:768px) {
             .ramadan-band-widget-2026 .coutdown-widget-block{justify-content: space-between;}
        .ramadan-band-widget.turkTelekom .ramadan-band-widget-2026 {width: 1138px; height: 120px; background: url('../i/TTelekom_1138x120-bg.jpg') left; padding: 0 25px;}
        .ramadan-band-widget-2026 .countdown-message {max-width: 150px; font-size: 26px;}
        .ramadan-band-widget-2026 .countdown-thumb { width: 220px; height: 72px;}
       .ramadan-band-widget-2026 .coutdown-widget-block .header-select select{font-size: 15px;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select {width: 230px;height: 40px;}
        .ramadan-band-widget-2026 .coutdown-widget-block .header-select select { padding: 0 12px;}
        .ramadan-band-widget-2026 .countdown-value {font-size: 43px; line-height: 35px;}
        .ramadan-band-widget-2026 .countdown-label {font-size: 12px;}
        .ramadan-band-widget-2026 .coutdown-widget-block .time-title {font-size: 14px; max-width: 60px; line-height: 18px;}
        .countdown-text { font-size: 12px; }
		.countdown-new {width:180px;}
          }
@media (min-width:992px) {
     .ramadan-band-widget-2026 .countdown-message {max-width: 320px; font-size: 30px;}
        .coutdown-widget-block-right {flex-direction: row;gap: 20px; align-items: center;}
        .ramadan-band-widget-2026 .countdown-widget-content {flex-direction: column;}
        .ramadan-band-widget-2026 .coutdown-widget-block .time-title {width: 100%;max-width: 100%;}
        .ramadan-band-widget-2026 .countdown-value{line-height: 45px;}
        .countdown-text { font-size: 14px; }
		.countdown-new {width:180px;}
}