.tt-next-section { padding: 8px 0 16px; }
.tt-next-wrap { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.tt-next-card { position: relative; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 28px 30px; box-shadow: 0 8px 28px rgba(0,0,0,0.06); overflow: hidden; }
.tt-next-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient(90deg, #c1000f, #d4af37); }
.tt-next-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 0% 0%, rgba(193,0,15,0.05) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(212,175,55,0.05) 0%, transparent 55%); pointer-events: none; }
.tt-next-header { position:relative; z-index:1; margin-bottom: 18px; }
.tt-next-grid { position:relative; z-index:1; display:grid; grid-template-columns: 1fr auto; gap:24px; align-items:center; }
.tt-next-card-with-img .tt-next-grid { grid-template-columns: 160px 1fr auto; }
/* Otel thumbnail — sol köşeye float dekoratif */
.tt-next-thumb {
    display: block;
    width: 160px; height: 160px;
    border-radius: 12px;
    background-size: cover; background-position: center; background-repeat: no-repeat;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
    border: 3px solid #fff;
    outline: 1px solid #e5e7eb;
    transition: transform .25s;
}
.tt-next-thumb:hover { transform: scale(1.03); }
@media (max-width: 900px) {
    .tt-next-grid { grid-template-columns: 1fr; gap: 18px; }
    .tt-next-card { padding: 22px 18px; }
    .tt-next-thumb { display: none !important; }
    .tt-next-header { margin-bottom: 4px; }
}
.tt-next-eyebrow { display:inline-flex; align-items:center; gap:8px; background:rgba(193,0,15,0.08); color:#c1000f; padding:6px 12px; border-radius:100px; font-size:10.5px; font-weight:800; letter-spacing:2px; border:1px solid rgba(193,0,15,0.18); margin-bottom:14px; text-transform:uppercase; }
.tt-next-dot { width:7px; height:7px; background:#c1000f; border-radius:50%; box-shadow:0 0 0 3px rgba(193,0,15,0.18); animation:tt-pulse 1.5s infinite; }
@keyframes tt-pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.7;transform:scale(1.15);} }
.tt-next-title { margin:0 0 14px; font-size: clamp(20px, 2.4vw, 28px); font-weight:800; letter-spacing:-0.01em; line-height:1.2; color:#1f2937 !important; }
.tt-next-title a { color:inherit !important; text-decoration:none !important; transition:color .2s; }
.tt-next-title a:hover { color:#c1000f !important; }
.tt-next-meta { margin:0; display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; }
/* Resim yoksa daha fazla yer var, 4'lü tek satıra yay */
/* Default 2x2 grid resim olmadığında da geçerli — meta column 1fr genişler */
.tt-next-mi { display:flex; align-items:center; gap:12px; padding:12px 14px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; transition:transform .2s, border-color .2s, box-shadow .2s; box-shadow:0 2px 8px rgba(0,0,0,0.03); }
.tt-next-mi:hover { transform:translateY(-2px); border-color:rgba(193,0,15,0.25); box-shadow:0 8px 20px rgba(0,0,0,0.06); }
.tt-next-mi-icon { flex-shrink:0; width:38px; height:38px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:15px; background: linear-gradient(135deg, #c1000f 0%, #8b0000 100%); box-shadow:0 4px 10px rgba(193,0,15,0.25); }
.tt-next-mi-date .tt-next-mi-icon { background: linear-gradient(135deg, #d4af37 0%, #b8941d 100%); box-shadow:0 4px 10px rgba(212,175,55,0.30); }
.tt-next-mi-count .tt-next-mi-icon { background: linear-gradient(135deg, #0f7a3e 0%, #0a5a2c 100%); box-shadow:0 4px 10px rgba(15,122,62,0.25); }
.tt-next-mi-rights .tt-next-mi-icon { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); box-shadow:0 4px 10px rgba(37,99,235,0.25); }
.tt-next-mi-body { display:flex; flex-direction:column; min-width:0; line-height:1.2; }
.tt-next-mi-lbl { font-size:9.5px; font-weight:800; letter-spacing:1.5px; color:#6b7280; text-transform:uppercase; margin-bottom:4px; }
.tt-next-mi-val { font-size:13.5px; font-weight:700; color:#1f2937; line-height:1.3; word-break:normal; overflow-wrap:break-word; }
.tt-next-mi-val strong { font-size:16px; font-weight:900; color:#c1000f; margin-right:2px; letter-spacing:-0.01em; }
.tt-next-mi-date .tt-next-mi-val { color:#1f2937; }
@media (max-width: 540px) { .tt-next-meta { grid-template-columns: 1fr; } .tt-next-mi { padding:10px 12px; } .tt-next-mi-icon { width:34px; height:34px; font-size:14px; } }
.tt-next-cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; padding-top:18px; border-top:1px solid #f0f0f0; }
.tt-next-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; border-radius:12px; font-size:14px; font-weight:700; line-height:1; transition:transform .2s, box-shadow .2s, background .2s, color .2s; border:1.5px solid transparent; text-align:center; white-space:nowrap; text-decoration:none !important; cursor:pointer; }
.tt-next-btn-primary { background: linear-gradient(135deg, #c1000f 0%, #8b0000 100%); color:#fff !important; box-shadow: 0 4px 14px rgba(193,0,15,0.30); }
.tt-next-btn-primary:hover { transform:translateY(-2px); box-shadow: 0 8px 22px rgba(193,0,15,0.45); color:#fff !important; }
.tt-next-btn-outline { background:#fff; color:#1f2937 !important; border-color:#cbd5e1; }
.tt-next-btn-outline:hover { border-color:#c1000f; color:#c1000f !important; transform:translateY(-2px); }
/* FLIP BOARD */
.tt-flip-board { display:inline-flex; align-items:flex-end; gap:8px; padding:14px 16px; background:linear-gradient(180deg, #1a1a20 0%, #0f0f14 100%); border-radius:14px; box-shadow: 0 12px 30px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -2px 6px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.06); }
.tt-flip-unit { display:flex; flex-direction:column; align-items:center; gap:7px; }
.tt-flip-card { display:inline-flex; background:linear-gradient(180deg, #2a2a32 0%, #181820 50%, #181820 50.01%, #0e0e14 100%); border-radius:6px; padding:10px 6px; box-shadow: 0 3px 10px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 2px rgba(0,0,0,0.5); position:relative; overflow:hidden; }
.tt-flip-card::after { content:''; position:absolute; left:4px; right:4px; top:50%; height:1px; background:rgba(0,0,0,0.85); box-shadow: 0 1px 0 rgba(255,255,255,0.05); }
.tt-flip-digit { display:inline-block; width:30px; text-align:center; color:#f0f0f0; font-family:'Courier New','Consolas','Roboto Mono',monospace; font-size:38px; font-weight:800; line-height:1; text-shadow: 0 2px 8px rgba(0,0,0,0.7), 0 0 1px rgba(255,255,255,0.5); transform-origin:center center; backface-visibility:hidden; letter-spacing:-1px; }
.tt-flip-digit.flipped { animation: tt-flip-down 0.55s cubic-bezier(0.4, 0, 0.2, 1); }
@keyframes tt-flip-down { 0%{transform:rotateX(0deg);} 45%,55%{transform:rotateX(-90deg);opacity:0.5;} 100%{transform:rotateX(0deg);opacity:1;} }
.tt-flip-label { font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.75); margin-top:2px; }
.tt-flip-sep { color:#c1000f; font-size:32px; font-weight:800; line-height:1; padding-bottom:28px; align-self:center; opacity:0.85; text-shadow: 0 0 8px rgba(193,0,15,0.5); }
.tt-flip-board.tt-flip-ended .tt-flip-card { background: linear-gradient(180deg, #1a3a2a 0%, #0e2a1a 50%, #0e2a1a 50.01%, #052015 100%); }
/* TT-RINGS: 3 daire progress countdown */
.tt-rings { display: inline-flex; align-items: center; gap: 16px; padding: 14px 18px; background: linear-gradient(180deg, #fff 0%, #fafbfc 100%); border-radius: 16px; border: 1px solid #ececef; box-shadow: 0 8px 22px rgba(0,0,0,0.06); }
.tt-ring { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: 4px; }
.tt-ring-svg { width: 88px; height: 88px; transform: rotate(-90deg); }
.tt-ring-bg { fill: none; stroke: #e8eaee; stroke-width: 7; }
.tt-ring-fg { fill: none; stroke-width: 7; stroke-linecap: round;
              stroke-dasharray: 213.628; stroke-dashoffset: 0;
              transition: stroke-dashoffset .9s ease-out, stroke .3s; }
.tt-ring-h .tt-ring-fg { stroke: #c1000f; filter: drop-shadow(0 0 4px rgba(193,0,15,0.30)); }
.tt-ring-m .tt-ring-fg { stroke: #d4af37; filter: drop-shadow(0 0 4px rgba(212,175,55,0.30)); }
.tt-ring-s .tt-ring-fg { stroke: #2563eb; filter: drop-shadow(0 0 4px rgba(37,99,235,0.30)); }
.tt-ring-num { position: absolute; top: 32px; left: 0; right: 0; text-align: center;
               font-size: 26px; font-weight: 900; color: #1f2937;
               font-feature-settings: 'tnum'; letter-spacing: -0.02em; line-height: 1; }
.tt-ring-lbl { margin-top: 2px; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; color: #6b7280; text-transform: uppercase; }
.tt-rings.tt-rings-ended .tt-ring-fg { stroke: #0f7a3e; filter: drop-shadow(0 0 6px rgba(15,122,62,0.40)); }
@media (max-width: 600px) {
    .tt-rings { gap: 8px; padding: 10px 12px; }
    .tt-ring-svg { width: 64px; height: 64px; }
    .tt-ring-bg, .tt-ring-fg { stroke-width: 6; }
    .tt-ring-num { top: 22px; font-size: 18px; }
    .tt-ring-lbl { font-size: 9px; letter-spacing: 1.2px; }
}
@media (max-width: 600px) { .tt-flip-board { padding:12px; gap:5px; } .tt-flip-digit { width:22px; font-size:28px; } .tt-flip-card { padding:7px 4px; } .tt-flip-sep { font-size:24px; padding-bottom:22px; } .tt-flip-label { font-size:10.5px; letter-spacing:1.4px; } }
.tt-next-stack { display:flex; flex-direction:column; gap:14px; }
.tt-next-clock { display: flex; align-items: stretch; gap: 10px; }
/* TAKVİM YAPRAĞI */
.tt-cal { display: inline-flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 22px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.6); width: 92px; border: 1px solid rgba(0,0,0,0.10); position: relative; }
.tt-cal-head { background: linear-gradient(180deg, #c1000f 0%, #8b0000 100%); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; padding: 8px 6px; text-align: center; line-height: 1; position: relative; }
.tt-cal-head::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: repeating-linear-gradient(90deg, #c1000f 0 5px, transparent 5px 9px); }
.tt-cal-head::before { content: ''; position: absolute; top: 3px; left: 12px; right: 12px; height: 2px; background: rgba(255,255,255,0.35); border-radius: 1px; }
.tt-cal-num { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 56px; font-weight: 900; color: #1f2937; padding: 4px 6px 8px; text-align: center; line-height: 1; font-feature-settings: 'tnum'; letter-spacing: -0.03em; background: linear-gradient(180deg, #fff 0%, #fafbfc 100%); }
@media (max-width: 600px) {
    .tt-next-clock { gap: 6px; }
    .tt-cal { width: 64px; border-radius: 10px; }
    .tt-cal-head { font-size: 9px; letter-spacing: 1.6px; padding: 6px 4px; }
    .tt-cal-num { font-size: 36px; padding: 4px 4px 6px; }
}