/* Astra — existing component modifiers; shared assets remain unchanged. */ body.theme-astra.signal-home { --ink: #15171b; --text: #393c41; --muted: #565b63; --surface: #f6f6f7; --line: #e3e3e5; --red: #e52c33; --red-ink: #b61e26; --orange: #f28c28; --orange-ink: #914409; --orange-soft: #fff1e3; --warn: #914409; --c-text: #393c41; --c-muted: #565b63; --c-line: #e3e3e5; --c-bg: #f6f6f7; --c-panel: #fff; --c-panel-2: #eeeef0; --c-median: #f28c28; --max: 1240px; color: var(--text); background: #fff; font-weight: 400; } html[lang] body.theme-astra.signal-home .hero .display { font-size: 44px; font-weight: 300; line-height: 1.16; letter-spacing: -.025em; opacity: 1; transform: none; text-wrap: balance; } body.theme-astra.signal-home h2 { font-weight: 400; } body.theme-astra.signal-home .site-footer h2.foot-h { font-size: 12px; font-weight: 400; } body.theme-astra.signal-home .hero :is(.eyebrow,.lede,.hero-actions,.hero-meta) { opacity: 1; transform: none; } body.theme-astra.signal-home .hero-copy, body.theme-astra.signal-home .hero-deck { min-width: 0; } body.theme-astra.signal-home .btn { white-space: normal; line-height: 1.4; padding-block: 12px; } body.theme-astra.signal-home .btn-primary { background: #d6262d; color: #fff; border-color: #d6262d; } body.theme-astra.signal-home .btn-primary:hover { background: #b91e26; border-color: #b91e26; } body.theme-astra.signal-home .btn-ghost { color: #15171b; background: #fff; border-color: #8e949e; } body.theme-astra.signal-home .btn-ghost:hover { border-color: #15171b; background: #f6f6f7; } body.theme-astra.signal-home :focus-visible { outline: 2px solid #15171b; outline-offset: 3px; } body.theme-astra.signal-home :is(.card,.tile,.matrix-card,.board,.aud,.dash) { box-shadow: none; } body.theme-astra.signal-home .hero-meta { gap: 9px 22px; line-height: 1.5; } body.theme-astra.signal-home .hero-meta b { color: #b61e26; } body.theme-astra.signal-home .dash-bar { flex-wrap: wrap; } body.theme-astra.signal-home .dash-bar .tag { margin-left: auto; } body.theme-astra.signal-home .dash-light .seg { display: flex; flex-wrap: wrap; } body.theme-astra.signal-home .dash-light .seg button { min-height: 36px; } body.theme-astra.signal-home .chart .bubble rect { fill: #d6262d; } body.theme-astra.signal-home .dash-aside { background: #f6f6f7; } body.theme-astra.signal-home .dash-aside-head small { font-weight: 500; color: #565b63; } body.theme-astra.signal-home .pill.price { color: #914409; background: #fff1e3; } body.theme-astra.signal-home .pill.stop { color: #a91c24; background: #fff0f0; } body.theme-astra.signal-home .pill.open { color: #393c41; background: #eeeef0; } body.theme-astra.signal-home .g-tabs { min-width: 0; padding: 7px 4px; } body.theme-astra.signal-home #home-charts { background: #f6f6f7; border-top: 0; } body.theme-astra.signal-home #home-charts :is(.lead-head,.h2,.g-copy h3) { color: #15171b; } body.theme-astra.signal-home #home-charts :is(.head-row .body,.section-summary,.g-copy p) { color: #565b63; } body.theme-astra.signal-home #home-charts .head-row .link-arrow { color: #b61e26; } body.theme-astra.signal-home #home-charts .head-row .link-arrow:focus-visible { outline-color: #15171b; } body.theme-astra.signal-home #home-charts .g-tabs button, body.theme-astra.signal-home #home-audiences .g-tabs button { background: #fff; color: #393c41; border: 1px solid #8e949e; border-radius: 7px; line-height: 1.4; min-height: 44px; padding: 10px 14px; } body.theme-astra.signal-home #home-charts .g-tabs button:hover, body.theme-astra.signal-home #home-audiences .g-tabs button:hover { background: #fff0f0; color: #a91c24; border-color: #b61e26; } body.theme-astra.signal-home #home-charts .g-tabs button[aria-selected=true], body.theme-astra.signal-home #home-audiences .g-tabs button[aria-selected=true] { background: #d6262d; color: #fff; border-color: #d6262d; box-shadow: none; } body.theme-astra.signal-home #home-charts .g-tabs button:focus-visible, body.theme-astra.signal-home #home-audiences .g-tabs button:focus-visible { outline: 2px solid #15171b; outline-offset: 2px; } body.theme-astra.signal-home #home-charts .g-panel { min-width: 0; } body.theme-astra.signal-home #home-charts .card { border-color: #d4d6da; } body.theme-astra.signal-home #home-charts .card-bar { background: #fff; color: #565b63; } body.theme-astra.signal-home #home-charts .card-bar b { color: #15171b; font-weight: 500; } body.theme-astra.signal-home #home-charts .card-bar .tag { color: #565b63; } body.theme-astra.signal-home #home-audiences .g-tabs { flex-wrap: wrap; justify-content: center; } body.theme-astra.signal-home #home-audiences .g-tabs button { flex: 0 1 auto; min-width: 0; white-space: normal; } body.theme-astra.signal-home #home-audiences .aud-split { border-color: #d4d6da; } body.theme-astra.signal-home .cta h2 { font-weight: 300; } body.theme-astra.signal-home .cta p { color: #565b63; } body.theme-astra.signal-home .site-footer { background: #fff; border-color: #e3e3e5; } body.theme-astra.signal-home .totop { background: #fff; color: #15171b; border-color: #8e949e; } @media (max-width: 980px) { html[lang] body.theme-astra.signal-home .hero-grid { grid-template-columns: minmax(0,1fr); } body.theme-astra.signal-home .hero-visual { width: 100%; max-width: none; margin-inline: 0; } body.theme-astra.signal-home .hero .dash-body { grid-template-columns: 44px minmax(0,1fr); } body.theme-astra.signal-home .hero .dash-aside { grid-column: 1 / -1; border-left: 0; } body.theme-astra.signal-home #home-charts .g-tabs { flex-wrap: nowrap; justify-content: flex-start; } } @media (max-width: 640px) { html[lang] body.theme-astra.signal-home .hero .display { font-size: 32px; } body.theme-astra.signal-home .hero .dash-body { grid-template-columns: minmax(0,1fr); } body.theme-astra.signal-home .hero .dash-main { padding: 18px 14px; } body.theme-astra.signal-home .hero .dash-side { display: none; } body.theme-astra.signal-home .hero .lede { font-size: 16px; } body.theme-astra.signal-home .hero .hero-actions { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; } body.theme-astra.signal-home .hero .hero-actions .btn { width: 100%; white-space: nowrap; padding-inline: 16px; } body.theme-astra.signal-home #home-audiences .g-tabs { display: grid; grid-template-columns: minmax(0,1fr); } body.theme-astra.signal-home .board-row { grid-template-columns: 30px minmax(0,1fr) minmax(40px,.5fr) 28px; gap: 8px; padding-inline: 12px; font-size: 13px; } body.theme-astra.signal-home .board-row.head { font-size: 10px; } } /* 01 — Signal: red product frame, two-column introduction, a compact red data band. */ body.theme-astra.signal-home.signal-layout .hero.hero-light { background: #fff; padding-block: 64px 60px; } html[lang] body.theme-astra.signal-home.signal-layout .hero-grid { grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr); gap: 44px; text-align: left; align-items: center; } body.theme-astra.signal-home.signal-layout .hero-copy { max-width: 500px; } body.theme-astra.signal-home.signal-layout .hero .eyebrow { color: #b61e26; margin-bottom: 20px; } body.theme-astra.signal-home.signal-layout .hero .lede { margin: 22px 0 0; max-width: 31em; } body.theme-astra.signal-home.signal-layout .hero-actions { justify-content: flex-start; } body.theme-astra.signal-home.signal-layout .hero-meta { justify-content: flex-start; font-size: 13px; } body.theme-astra.signal-home.signal-layout .hero-visual { padding: 20px; background: #e52c33; border-radius: 18px; } body.theme-astra.signal-home.signal-layout .hero .dash { border-top: 0; border-radius: 10px; } body.theme-astra.signal-home.signal-layout .hero .dash-body { grid-template-columns: 44px minmax(0,1fr); } body.theme-astra.signal-home.signal-layout .dash-bar { background: #fff6f6; } body.theme-astra.signal-home.signal-layout #platform-figures { background: #d6262d; padding-block: 0; } body.theme-astra.signal-home.signal-layout #platform-figures .figures { border: 0; } body.theme-astra.signal-home.signal-layout #platform-figures .figure { border-color: #ffffff55; padding: 27px 24px; } body.theme-astra.signal-home.signal-layout #platform-figures .figure :is(.n,.l) { color: #fff; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .n { font-size: 30px; } body.theme-astra.signal-home.signal-layout #home-daily .head-row { text-align: left; max-width: 800px; } body.theme-astra.signal-home.signal-layout #home-daily .body-center { margin-left: 0; } body.theme-astra.signal-home.signal-layout #home-daily .lead-head::before { margin-left: 0; width: 64px; background: #f28c28; } body.theme-astra.signal-home.signal-layout #home-daily .tile:nth-child(2) { background: #fff1e3; border-color: #e8c5a2; } body.theme-astra.signal-home.signal-layout #home-charts { background: #fff1f1; } body.theme-astra.signal-home.signal-layout #home-charts .g-panel { grid-template-columns: minmax(0,.36fr) minmax(0,.64fr); gap: 36px; align-items: center; } body.theme-astra.signal-home.signal-layout #home-charts .g-copy { text-align: left; } body.theme-astra.signal-home.signal-layout #home-control .matrix-wrap { gap: 40px; } body.theme-astra.signal-home.signal-layout #home-control .market-feed-wide { grid-column: 1 / -1; border: 1px solid #e3e3e5; border-left: 3px solid #f28c28; border-radius: 8px; padding: 22px; } body.theme-astra.signal-home.signal-layout .market-feed-wide .feed { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 26px; } body.theme-astra.signal-home.signal-layout .market-feed-wide .dash-aside-note { margin-top: 14px; } body.theme-astra.signal-home.signal-layout #home-markets { background: #fff1e3; } body.theme-astra.signal-home.signal-layout #home-markets .board-row.head { background: #fff7ef; } body.theme-astra.signal-home.signal-layout #home-audiences .aud { border-top: 3px solid #e52c33; } body.theme-astra.signal-home.signal-layout .cta.cta-light { background: #fff1f1; border-top: 4px solid #e52c33; } @media (max-width: 1100px) { html[lang] body.theme-astra.signal-home.signal-layout .hero-grid { gap: 28px; } body.theme-astra.signal-home.signal-layout .hero-visual { padding: 12px; } } @media (max-width: 980px) { html[lang] body.theme-astra.signal-home.signal-layout .hero-grid { grid-template-columns: minmax(0,1fr); gap: 36px; } body.theme-astra.signal-home.signal-layout .hero-copy { max-width: 720px; } body.theme-astra.signal-home.signal-layout #home-charts .g-panel { grid-template-columns: minmax(0,1fr); } body.theme-astra.signal-home.signal-layout .market-feed-wide .feed { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 640px) { body.theme-astra.signal-home.signal-layout .hero.hero-light { padding-block: 38px; } body.theme-astra.signal-home.signal-layout .hero .dash-body { grid-template-columns: minmax(0,1fr); } body.theme-astra.signal-home.signal-layout #platform-figures .figure { padding: 24px 14px; } body.theme-astra.signal-home.signal-layout .market-feed-wide .feed { grid-template-columns: minmax(0,1fr); } } /* Redline: fine red outlines, pale red statistics and a cool neutral analysis floor. */ body.theme-astra.signal-home.signal-redline .hero.hero-light { padding-block: 58px 54px; } body.theme-astra.signal-home.signal-redline .hero-visual { padding: 8px; background: #fff5f5; border: 2px solid #e52c33; border-radius: 15px; } body.theme-astra.signal-home.signal-redline .hero .dash { border: 1px solid #e8d9db; border-radius: 8px; } body.theme-astra.signal-home.signal-redline .dash-bar { background: #fff; } body.theme-astra.signal-home.signal-redline #platform-figures { background: #fff1f1; border-block: 1px solid #e9c7c9; } body.theme-astra.signal-home.signal-redline #platform-figures .figure { border-color: #e9c7c9; padding-block: 26px; } body.theme-astra.signal-home.signal-redline #platform-figures .figure .n { color: #b61e26; } body.theme-astra.signal-home.signal-redline #platform-figures .figure .l { color: #565b63; } body.theme-astra.signal-home.signal-redline #home-daily .bento { gap: 22px; } body.theme-astra.signal-home.signal-redline #home-daily .tile { border: 1px solid #e3e3e5; border-top: 2px solid #e6babd; border-radius: 10px; } body.theme-astra.signal-home.signal-redline #home-daily .tile:first-child { border-top-color: #e52c33; } body.theme-astra.signal-home.signal-redline #home-daily .tile:nth-child(2) { background: #f6f6f7; border-color: #e3e3e5; border-top-color: #f28c28; } body.theme-astra.signal-home.signal-redline #home-daily .tile .viz { background: #fff; } body.theme-astra.signal-home.signal-redline #home-daily .lead-head::before { width: 48px; background: #e52c33; } body.theme-astra.signal-home.signal-redline #home-charts { background: #f6f6f7; border-block: 1px solid #e3e3e5; } body.theme-astra.signal-home.signal-redline #home-charts .g-copy { border-left: 2px solid #e52c33; padding-left: 20px; } body.theme-astra.signal-home.signal-redline #home-charts .g-chart { border-radius: 10px; } body.theme-astra.signal-home.signal-redline #home-charts .g-tabs button { border-color: #c9cbd0; border-radius: 6px; } body.theme-astra.signal-home.signal-redline #home-charts .g-tabs button[aria-selected=true] { border-color: #d6262d; } body.theme-astra.signal-home.signal-redline #home-control .matrix-top { background: #fff5f5; } body.theme-astra.signal-home.signal-redline #home-control .market-feed-wide { background: #fff; border-left: 2px solid #e52c33; border-radius: 10px; } body.theme-astra.signal-home.signal-redline #home-markets { background: #fff; border-top: 1px solid #e3e3e5; } body.theme-astra.signal-home.signal-redline #home-markets .board { border: 1px solid #e3e3e5; border-top: 2px solid #f28c28; } body.theme-astra.signal-home.signal-redline #home-markets .board-row.head { background: #f6f6f7; } body.theme-astra.signal-home.signal-redline #home-audiences { background: #fff5f5; } body.theme-astra.signal-home.signal-redline #home-audiences .aud { background: #fff; border: 1px solid #e9c7c9; border-radius: 10px; } body.theme-astra.signal-home.signal-redline .cta.cta-light { background: #fff; border-top: 3px solid #e52c33; } body.theme-astra.signal-home.signal-redline .cta-inner-center { padding-block: 64px; } @media (max-width: 640px) { body.theme-astra.signal-home.signal-redline .hero.hero-light { padding-block: 38px; } body.theme-astra.signal-home.signal-redline .hero-visual { padding: 6px; } body.theme-astra.signal-home.signal-redline .cta-inner-center { padding-block: 44px; } } /* Redline R3 / Ledger: one red band, fine rules and neutral analysis surfaces. */ body.theme-astra.signal-home.signal-redline.signal-ledger { & #platform-figures { background: #d6262d; border-color: #d6262d; } & #platform-figures .figure { background: transparent; border-color: #ffffff55; } & #platform-figures .figure :is(.n,.l) { color: #fff; opacity: 1; } & #home-daily .tile { background: #fff; border: 1px solid #dfe1e5; border-top: 2px solid #e52c33; } & #home-daily .tile:nth-child(2) { background: #fff5f5; border-color: #ead5d6; border-top-color: #e52c33; } & #home-daily .tile:nth-child(3) { background: #f6f6f7; border-top-color: #8e949e; } & #home-daily .tile .viz { background: #fff; } & #home-charts { background: #f3f4f5; border-block: 1px solid #dfe1e5; } & #home-charts .g-copy { border-left: 1px solid #d6262d; } & #home-charts .g-chart { background: #fff; border-color: #dfe1e5; border-radius: 8px; } & #home-charts .card-bar { background: #fff; border-bottom: 1px solid #ead5d6; } & :is(#home-charts,#home-audiences) .g-tabs button { background: #fff; color: #41464e; border: 1px solid #bfc3c9; border-radius: 4px; } & :is(#home-charts,#home-audiences) .g-tabs button:hover { background: #fff5f5; color: #a91c24; border-color: #b61e26; } & :is(#home-charts,#home-audiences) .g-tabs button[aria-selected=true] { background: #fff1f1; color: #a91c24; border-color: #b61e26; box-shadow: inset 0 -2px #b61e26; } & :is(#home-charts,#home-audiences) .g-tabs button:focus-visible { outline: 2px solid #15171b; outline-offset: 2px; } & #home-control .matrix-card { border-color: #dfe1e5; } & #home-control .matrix-top { background: #f6f6f7; border-bottom: 1px solid #dfe1e5; } & #home-control .market-feed-wide { background: #fff5f5; border-left: 1px solid #d6262d; } & #home-markets { background: #fff; } & #home-markets .board { border-top: 2px solid #8e949e; } & #home-markets .board-row.head { background: #f6f6f7; } & #home-audiences { background: #fff; border-top: 1px solid #e4e5e8; } & #home-audiences .aud { background: #fff5f5; border: 1px solid #ead5d6; border-left: 2px solid #e52c33; border-radius: 8px; } & .cta.cta-light { background: #f6f6f7; border-top: 1px solid #dfe1e5; } } body.signal-effects [data-motion-scene] { position: relative; isolation: isolate; } body.signal-effects [data-motion-scene]::before, body.signal-effects [data-motion-scene]::after { pointer-events: none; } body.signal-effects [data-motion-scene] > .wrap, body.signal-effects [data-motion-scene] > .dash { position: relative; z-index: 1; } @media (prefers-reduced-motion: reduce) { body.signal-effects [data-motion-scene], body.signal-effects [data-motion-scene]::before, body.signal-effects [data-motion-scene]::after, body.signal-effects [data-motion-scene] *, body.signal-effects [data-motion-scene] *::before, body.signal-effects [data-motion-scene] *::after { animation: none !important; transition: none !important; } } /* Claude R4-1 "Kor Camı": bantta çapraz cam ışığı, hero çerçevesinde dolaşan kor kenar ışığı, gri zeminlerde radyal sis. Yalnız dekoratif ::before/::after katmanları; metin, rakam, panel ve SVG sabit. Tek seferlik, sonlu hareket. */ @property --cfx1-a { syntax: ''; inherits: false; initial-value: 0deg; } body.signal-effects.signal-ember [data-motion-scene]::before, body.signal-effects.signal-ember [data-motion-scene]::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; width: auto; height: auto; border: 0; border-radius: 0; opacity: 1; background-repeat: no-repeat; } /* Hero: sıcak köşe parıltısı + panel altında yumuşak kırmızı gölge (statik) */ body.signal-ember .hero-visual[data-motion-scene] { box-shadow: 0 22px 46px -34px rgba(182, 30, 38, .55); } body.signal-ember .hero-visual[data-motion-scene]::before, body.signal-ember .hero-visual[data-motion-scene]::after { border-radius: 13px; } body.signal-ember .hero-visual[data-motion-scene]::before { background: radial-gradient(70% 120% at 0% 0%, rgba(242, 140, 40, .34), transparent 60%), radial-gradient(70% 120% at 100% 100%, rgba(229, 44, 51, .30), transparent 60%); } body.signal-ember .hero-visual[data-motion-scene]::after { opacity: 0; background: conic-gradient(from var(--cfx1-a), transparent 0deg 250deg, rgba(242, 140, 40, .75) 318deg, #e52c33 348deg, transparent 360deg); } @media (prefers-reduced-motion: no-preference) { body.signal-ember.motion-ready .hero-visual[data-motion-scene].fx-active::after { animation: cfx1-orbit 5.2s .8s cubic-bezier(.4, .1, .25, 1) 1 backwards !important; } } @keyframes cfx1-orbit { 0% { --cfx1-a: -40deg; opacity: 0; } 14% { opacity: 1; } 78% { opacity: 1; } 100% { --cfx1-a: 330deg; opacity: 0; } } /* Kırmızı bant: kenarlarda daha koyu kırmızı cam derinliği + çapraz ince faset çizgileri (yalnız koyu ton, kontrastı artırır) */ body.signal-ember #platform-figures[data-motion-scene]::before { background: linear-gradient(112deg, rgba(120, 14, 20, .22) 0%, rgba(120, 14, 20, 0) 34%, rgba(120, 14, 20, 0) 66%, rgba(120, 14, 20, .2) 100%), repeating-linear-gradient(112deg, transparent 0 58px, rgba(110, 12, 18, .1) 58px 59px); } /* Geçen cam ışığı (cfx1-glass) 11.11.2026 kullanıcı isteğiyle kaldırıldı: bant açılışta sabit kalır. */ /* Gri zeminler: beyaz ışık sisi + çok açık kırmızı/turuncu sıcaklık (statik) */ body.signal-ember #home-charts[data-motion-scene]::before { background: radial-gradient(48% 62% at 10% 4%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 72%), radial-gradient(42% 55% at 94% 96%, rgba(229, 44, 51, .07), rgba(229, 44, 51, 0) 72%), radial-gradient(36% 44% at 78% 12%, rgba(242, 140, 40, .06), rgba(242, 140, 40, 0) 72%); } body.signal-ember .cta[data-motion-scene]::before { background: radial-gradient(46% 80% at 50% 0%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 74%), radial-gradient(34% 70% at 4% 100%, rgba(242, 140, 40, .07), rgba(242, 140, 40, 0) 72%), radial-gradient(34% 70% at 96% 100%, rgba(229, 44, 51, .07), rgba(229, 44, 51, 0) 72%); } /* Giriş anında sürüklenen sis bulutu; sonunda tamamen kaybolur */ body.signal-ember :is(#home-charts, .cta)[data-motion-scene]::after { opacity: 0; background: radial-gradient(closest-side, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0)) 0% 40% / 58% 120% no-repeat, radial-gradient(closest-side, rgba(242, 140, 40, .08), rgba(242, 140, 40, 0)) 100% 60% / 46% 110% no-repeat; } @media (prefers-reduced-motion: no-preference) { body.signal-ember.motion-ready :is(#home-charts, .cta)[data-motion-scene].fx-active::after { animation: cfx1-fog 5s .3s ease-in-out 1 backwards !important; } } @keyframes cfx1-fog { 0% { opacity: 0; background-position: 0% 40%, 100% 60%; } 40% { opacity: 1; } 100% { opacity: 0; background-position: 70% 50%, 30% 45%; } } /* Existing figures component: daily volume joins the four coverage measures. */ body.theme-astra.signal-home #platform-figures .figures.figures-with-volume { grid-template-columns: repeat(5, minmax(0, 1fr)); } @media (max-width: 980px) { body.theme-astra.signal-home #platform-figures .figures.figures-with-volume { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.theme-astra.signal-home #platform-figures .figures-with-volume .figure:nth-child(odd) { border-left: 0; } body.theme-astra.signal-home #platform-figures .figures-with-volume .figure:nth-child(n+3) { border-top: 1px solid #ffffff55; } body.theme-astra.signal-home #platform-figures .figures-with-volume .figure-daily-volume { grid-column: 1 / -1; text-align: center; } } /* Rakam bandı ikonları (fig_icon): çerçevesiz, ince çizgili; ikon solda. Düzen: her hücrede aynı sol boşluk, ikonlar ve rakamlar tüm bantta aynı yatay çizgide (ortalanmış dağınık gruplar yerine). */ body.theme-astra.signal-home.signal-layout #platform-figures .figure { display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto 1fr; justify-content: start; align-items: start; column-gap: 16px; text-align: left; padding: 30px 24px 30px 28px; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .figure-ico { grid-row: 1 / 3; width: 44px; height: 44px; margin: -3px 0 0; border: 0; border-radius: 0; background: none; color: #fff; opacity: .9; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .figure-ico svg { width: 44px; height: 44px; stroke-width: .9; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .n { line-height: 38px; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .l { margin-top: 6px; max-width: 22ch; line-height: 1.45; } @media (max-width: 640px) { body.theme-astra.signal-home.signal-layout #platform-figures .figure { grid-template-columns: 34px minmax(0, 1fr); column-gap: 10px; padding: 22px 12px; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .figure-ico, body.theme-astra.signal-home.signal-layout #platform-figures .figure .figure-ico svg { width: 34px; height: 34px; } body.theme-astra.signal-home.signal-layout #platform-figures .figure .n { line-height: 32px; } } /* Hero hedef destinasyonlar: mevcut .tags bileşeni; rakam satırlarının yerine (11.11.2026). Liste canlı sistemdeki aktif ülkelerden, otel sayısına göre sıralı. */ body.theme-astra.signal-home .hero .hero-dest { display: block; margin-top: 28px; max-width: 560px; } body.theme-astra.signal-home .hero .hero-dest-h { margin: 0 0 10px; font-size: 13px; font-weight: 500; letter-spacing: .02em; color: var(--muted); } body.theme-astra.signal-home .hero .hero-dest-h b { color: #b61e26; font-weight: 600; } body.theme-astra.signal-home .hero .hero-dest .tags { margin-top: 0; gap: 6px; } body.theme-astra.signal-home .hero .hero-dest .tags span { font-size: 12.5px; padding: 5px 10px; border-radius: 999px; background: #fff; transition: border-color .25s ease, color .25s ease; } body.theme-astra.signal-home .hero .hero-dest .tags span:hover { border-color: #e2a5a8; color: #b61e26; } @media (max-width: 640px) { body.theme-astra.signal-home .hero .hero-dest { margin-top: 22px; } } /* Giriş paragrafında destinasyonlar öne çıkar (11.11.2026). */ body.theme-astra.signal-home .hero .lede .dest-hl { color: #b61e26; font-weight: 500; } body.theme-astra.signal-home .hero .hero-dest-h { font-size: 14px; color: var(--ink); } /* "Güne başladığınızda" görselleri (dv-*): mevcut .card / .feed / .sheet / .pill bileşenleri üzerine ürün ekranı görünümü (11.11.2026). */ body.theme-astra.signal-home #home-daily .tile .viz.dv-viz { padding: 0; border: 0; background: none; margin-bottom: 14px; } body.theme-astra.signal-home #home-daily .dv-viz .card { box-shadow: 0 1px 2px rgba(21, 23, 27, .04), 0 12px 28px -18px rgba(21, 23, 27, .22); border-color: #e3e5e8; } body.theme-astra.signal-home #home-daily .dv-viz .card-bar { background: #fff; font-size: 12.5px; padding: 11px 16px; } body.theme-astra.signal-home #home-daily .dv-viz .card-bar .tag { margin-left: auto; font-size: 11px; } body.theme-astra.signal-home #home-daily .dv-viz .card-body { padding: 14px 16px 12px; background: #fff; } .dv-chart { display: block; width: 100%; height: auto; } .dv-chart .dv-grid line { stroke: #eceef1; stroke-dasharray: 2 4; } .dv-chart .dv-axis text { font: 500 10.5px/1 var(--font); fill: #8e949e; letter-spacing: .04em; font-variant-numeric: tabular-nums; } .dv-chart .dv-val { font: 600 11px/1 var(--font); fill: #fff; } .dv-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 8px; font-size: 12px; color: #565b63; } .dv-legend span { display: inline-flex; align-items: center; gap: 7px; } .dv-legend i { display: inline-block; width: 14px; height: 2px; background: #e52c33; border-radius: 2px; } .dv-legend i.avg { background: repeating-linear-gradient(90deg, #f28c28 0 4px, transparent 4px 7px); } .dv-legend i.band { height: 8px; background: rgba(142, 148, 158, .3); } .dv-feed li { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; padding: 11px 0; } .dv-feed b { font-size: 13px; } .dv-feed small { display: block; margin-top: 2px; font-size: 11.5px; } .dv-ico { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #f3f4f6; color: #565b63; } .dv-ico svg { width: 16px; height: 16px; } .dv-ico-stop { background: #fdecec; color: #b61e26; } .dv-ico-open { background: #eef1f4; color: #15171b; } .dv-ico-price { background: #fff1e3; color: #b55d0c; } .dv-side { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } .dv-side .t { font-size: 11px; color: #8e949e; font-variant-numeric: tabular-nums; } .dv-sheet { min-width: 640px; } .dv-sheet td { vertical-align: middle; } .dv-num { font-variant-numeric: tabular-nums; color: #15171b; font-weight: 500; } .dv-d { margin-left: 4px; font-size: 11.5px; font-variant-numeric: tabular-nums; } .dv-min { color: #b61e26; } /* ========================================================================== DENGELİ RENK + YUMUŞAK HAREKET KATMANI (11.11.2026). Önceki "kurumsal sade" katman fazla renksiz bulundu. Marka kırmızısı ölçülü geri geldi, turuncu ikincil vurgu; hareketler yavaş ve tek seferlik ya da çok yavaş döngülü. Hareket azaltma tercihi olan kullanıcıda hiçbiri çalışmaz. ========================================================================== */ body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember { --b-red: #c8202a; --b-red-deep: #a3151d; --b-orange: #f28c28; --b-ink: #15171b; --b-line: #e6e3e3; --b-soft: #fff6f5; /* Hero: ince kırmızı→turuncu degrade çerçeve, yumuşak kırmızı gölge (açılıştaki yavaş ışık turu korunur) */ /* Hero çerçevesi: özgün kırmızı çizgili çerçeve korunur; açılıştaki ışık turu (cfx1-orbit) bu çerçevede görünür. */ & .hero .lede .dest-hl { color: var(--b-red); font-weight: 600; } & .hero .hero-dest-h b { color: var(--b-red); } /* Rakam bandı: derin kırmızı degrade, beyaz ikon ve rakamlar; zemin çok yavaş nefes alır */ & #platform-figures { background: linear-gradient(110deg, var(--b-red-deep) 0%, var(--b-red) 45%, #d8392f 75%, var(--b-red-deep) 100%); background-size: 220% 100%; border: 0; } & #platform-figures .figure { border-color: rgba(255, 255, 255, .22); } & #platform-figures .figure .n, & #platform-figures .figure:first-child .n, & #platform-figures .figure .l { color: #fff; } & #platform-figures .figure .l { opacity: .88; } & #platform-figures .figure .figure-ico { color: #fff; opacity: .92; } /* Güne başladığınızda: beyaz kartlar, her kartın üstünde ince renk şeridi */ & #home-daily .tile { background: #fff; border: 1px solid var(--b-line); border-radius: 12px; border-top: 3px solid var(--b-red); } & #home-daily .tile:nth-child(2) { background: linear-gradient(180deg, #fff8f1 0%, #fff 55%); border-top-color: var(--b-orange); } & #home-daily .tile:nth-child(3) { background: #fff; border-top-color: var(--b-ink); } & #home-daily .lead-head::before { width: 56px; height: 3px; background: linear-gradient(90deg, var(--b-red), var(--b-orange)); } /* Grafik sekmeleri: seçili sekme marka kırmızısı dolgulu */ & #home-charts { background: linear-gradient(180deg, #f6f6f7 0%, #fbfbfb 100%); border-block: 1px solid #e4e5e8; } & #home-charts .g-copy { border-left: 2px solid var(--b-red); } & :is(#home-charts,#home-audiences) .g-tabs button { transition: background .3s ease, color .3s ease, border-color .3s ease; } & :is(#home-charts,#home-audiences) .g-tabs button:hover { background: var(--b-soft); color: var(--b-red-deep); border-color: var(--b-red); } & :is(#home-charts,#home-audiences) .g-tabs button[aria-selected=true] { background: var(--b-red); color: #fff; border-color: var(--b-red); box-shadow: 0 6px 16px -8px rgba(200, 32, 42, .6); } /* Hedef kitle kartları ve kapanış alanı */ & #home-control .market-feed-wide { background: #fff; border-left: 3px solid var(--b-orange); } & #home-audiences .aud { background: #fff; border: 1px solid var(--b-line); border-top: 3px solid var(--b-red); border-radius: 12px; } & #home-audiences .aud .who { color: var(--b-red); } & .cta.cta-light { background: radial-gradient(60% 120% at 0% 0%, rgba(242, 140, 40, .14), transparent 60%), radial-gradient(60% 120% at 100% 100%, rgba(200, 32, 42, .12), transparent 60%), #fff7f6; border-top: 3px solid var(--b-red); } } /* Yumuşak hareketler: yalnız hareket azaltma tercihi yoksa */ @media (prefers-reduced-motion: no-preference) { body.signal-ember.signal-ledger #platform-figures { animation: b-breathe 22s ease-in-out infinite alternate; } body.signal-ember.signal-ledger .cta.cta-light { background-size: 100% 100%; animation: b-warm 18s ease-in-out infinite alternate; } /* Destinasyon etiketleri açılışta sırayla, yavaşça belirir */ body.signal-ember.signal-ledger .hero .hero-dest .tags span { animation: b-chip .9s cubic-bezier(.2, .7, .2, 1) both; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(1) { animation-delay: 1.07s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(2) { animation-delay: 1.14s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(3) { animation-delay: 1.21s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(4) { animation-delay: 1.28s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(5) { animation-delay: 1.35s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(6) { animation-delay: 1.42s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(7) { animation-delay: 1.49s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(8) { animation-delay: 1.56s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(9) { animation-delay: 1.63s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(10) { animation-delay: 1.70s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(11) { animation-delay: 1.77s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(12) { animation-delay: 1.84s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(13) { animation-delay: 1.91s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(14) { animation-delay: 1.98s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(15) { animation-delay: 2.05s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(16) { animation-delay: 2.12s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(17) { animation-delay: 2.19s; } body.signal-ember.signal-ledger .hero .hero-dest .tags span:nth-child(18) { animation-delay: 2.26s; } /* Kartlar üzerine gelince hafifçe yükselir */ body.signal-ember.signal-ledger :is(#home-daily .tile, #home-audiences .aud) { transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease, border-color .3s ease; } body.signal-ember.signal-ledger :is(#home-daily .tile, #home-audiences .aud):hover { transform: translateY(-4px); box-shadow: 0 22px 40px -28px rgba(21, 23, 27, .35); } /* Rakam bandı ikonları çok yavaş süzülür */ body.signal-ember.signal-ledger #platform-figures .figure .figure-ico { animation: b-float 7s ease-in-out infinite; } body.signal-ember.signal-ledger #platform-figures .figure:nth-child(2) .figure-ico { animation-delay: -1.75s; } body.signal-ember.signal-ledger #platform-figures .figure:nth-child(3) .figure-ico { animation-delay: -3.5s; } body.signal-ember.signal-ledger #platform-figures .figure:nth-child(4) .figure-ico { animation-delay: -5.25s; } } @keyframes b-breathe { from { background-position: 0% 0; } to { background-position: 100% 0; } } @keyframes b-warm { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 6% 4%, -6% -4%, 0 0; } } @keyframes b-chip { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } @keyframes b-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } /* ========================================================================== RENK GEÇİŞLERİ (11.11.2026): butonlar, bölüm zeminleri ve trend grafikleri degrade; her rakip kendi renginde. ========================================================================== */ body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember { /* Ana buton: kırmızıdan turuncuya degrade, üzerine gelince renk kayar */ & .btn-primary { background: linear-gradient(120deg, #b3141c 0%, #d3252e 45%, #e85a35 100%); background-size: 180% 100%; background-position: 0% 0; border-color: transparent; transition: background-position .6s ease, transform .15s, box-shadow .3s ease; } & .btn-primary:hover { background-position: 100% 0; box-shadow: 0 10px 24px -12px rgba(200, 32, 42, .7); } /* Pazara hâkim olun: renkli, yumuşak degrade zemin */ & #home-charts { background: radial-gradient(45% 55% at 8% 12%, rgba(229, 44, 51, .10), transparent 70%), radial-gradient(40% 50% at 92% 88%, rgba(242, 140, 40, .13), transparent 70%), radial-gradient(35% 45% at 70% 10%, rgba(84, 104, 231, .07), transparent 70%), linear-gradient(180deg, #fbf8f7 0%, #f6f4f6 100%); background-size: 140% 140%, 140% 140%, 140% 140%, 100% 100%; } & #home-charts .lead-head::after, & #home-charts h2::after { content: ''; display: block; width: 72px; height: 3px; margin: 18px auto 0; border-radius: 3px; background: linear-gradient(90deg, #c8202a, #f28c28); } & #home-charts .g-copy { border-left: 0; position: relative; } & #home-charts .g-copy::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #c8202a, #f28c28); } & #home-charts .g-chart { box-shadow: 0 30px 60px -40px rgba(120, 30, 40, .35); } & #home-charts .card-bar .dot { background: linear-gradient(135deg, #c8202a, #f28c28); } /* Trend kartları: her otelin kendi rengi, kartta o renkten beyaza geçen zemin */ & .smgrid .sm { --c: #e52c33; position: relative; overflow: hidden; border-color: color-mix(in srgb, var(--c) 28%, #e4e5e8); background: linear-gradient(180deg, color-mix(in srgb, var(--c) 7%, #fff) 0%, #fff 70%); box-shadow: inset 0 3px 0 var(--c); } & .smgrid .sm:nth-child(2) { --c: #f28c28; } & .smgrid .sm:nth-child(3) { --c: #12a58f; } & .smgrid .sm:nth-child(4) { --c: #5468e7; } & .smgrid .sm:nth-child(5) { --c: #b04a9e; } & .smgrid .sm:nth-child(6) { --c: #d89a12; } & .smgrid .sm svg path:first-child { fill: var(--c); fill-opacity: .16; } & .smgrid .sm svg .sm-line { stroke: var(--c); stroke-width: 2; } & .smgrid .sm .sm-top b { color: #15171b; } & .smgrid .sm .sm-top b::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--c); vertical-align: 1px; } /* Hedef kitle bölümü ve rakam bandı arası geçişler */ & #home-audiences { background: linear-gradient(180deg, #fff 0%, #fff8f6 100%); } & #home-daily { background: linear-gradient(180deg, #fff 0%, #fbfaf9 100%); } } @media (prefers-reduced-motion: no-preference) { body.signal-ember.signal-ledger #home-charts { animation: b-drift 26s ease-in-out infinite alternate; } } @keyframes b-drift { from { background-position: 0% 0%, 100% 100%, 60% 0%, 0 0; } to { background-position: 30% 20%, 70% 70%, 90% 30%, 0 0; } } /* ===== Grafik galerisi · C2 "kart şeridi" (tek kutu: üstte numaralı ince ikonlu şerit, altta açıklama + grafik) ===== */ html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery { display: block; gap: 0; background: #fff; border: 1px solid #eadede; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(120,20,25,.25), 0 2px 6px rgba(20,20,30,.04); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 0; margin: 0; padding: 0; flex-wrap: nowrap; overflow: visible; border-bottom: 1px solid #f0e4e3; background: linear-gradient(180deg, #fffaf9, #fff4f2); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] { all: unset; box-sizing: border-box; cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 20px 20px; border-right: 1px solid #f3e7e6; color: #3a3e45; transition: background .45s ease, color .45s ease; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:last-child { border-right: 0; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(90deg, #d6262d, #f28c28); transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.4,0,.2,1); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-n { font-size: 11.5px; font-weight: 600; letter-spacing: .08em; color: #b0898b; transition: color .45s ease; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-ico { display: block; width: 46px; height: 46px; color: #8a6a6d; transition: color .45s ease, transform .6s ease; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-t { font-size: 14.5px; font-weight: 500; line-height: 1.3; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:hover { background: #fff; color: #15171b; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:hover .cs-ico { color: #d6262d; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab][aria-selected=true] { background: #fff; color: #15171b; box-shadow: none; border-color: #f3e7e6; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab][aria-selected=true]::after { transform: scaleX(1); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab][aria-selected=true] .cs-ico { color: #d6262d; transform: translateY(-2px); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab][aria-selected=true] .cs-t { font-weight: 600; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab][aria-selected=true] .cs-n { color: #d6262d; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:focus-visible { outline: 2px solid #15171b; outline-offset: -4px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 0; align-items: stretch; justify-items: stretch; min-height: 420px; } html.tabs-ready body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel[hidden] { display: none; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy { display: flex; flex-direction: column; gap: 14px; max-width: none; text-align: left; align-self: stretch; padding: 34px 30px; margin: 0; border: 0; border-right: 1px solid #f3ebea; background: linear-gradient(180deg, #fff, #fff8f6); } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy::before { content: none; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy .cs-k { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: #d6262d; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy h3 { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -.015em; line-height: 1.2; color: #15171b; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy p { margin: 0; font-size: 15px; line-height: 1.7; color: #565b63; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-chart { max-width: none; width: auto; margin: 0; padding: 26px 30px 30px; border: 0; border-radius: 0; box-shadow: none; background: transparent; align-self: center; } html.tabs-ready body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel:not([hidden]) > * { animation: cs-in .6s ease both; } html.tabs-ready body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel:not([hidden]) > .g-chart { animation-delay: .1s; } @keyframes cs-in { from { opacity: 0; transform: translateY(8px); } } @media (max-width: 980px) { html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(150px,1fr); overflow-x: auto; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] { padding: 16px 16px 14px; gap: 10px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-ico { width: 38px; height: 38px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel { grid-template-columns: minmax(0,1fr); min-height: 0; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-copy { border-right: 0; border-bottom: 1px solid #f3ebea; padding: 24px 22px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-chart { padding: 20px; } } @media (prefers-reduced-motion: reduce) { html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab], html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]::after, html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-ico { transition: none; } html.tabs-ready body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-panel:not([hidden]) > * { animation: none; } } /* C2 düzeltme: kompakt sekme başlıkları (ikon solda, numara + başlık sağda), daha büyük ince ikon, sade odak çizgisi */ html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] { display: grid; grid-template-columns: 54px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 14px; row-gap: 2px; align-items: center; align-content: center; padding: 16px 16px 15px; min-height: 0; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-ico { grid-column: 1; grid-row: 1 / span 2; width: 54px; height: 54px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-n { grid-column: 2; grid-row: 1; align-self: end; font-size: 11px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-t { grid-column: 2; grid-row: 2; align-self: start; font-size: 14px; line-height: 1.28; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:focus { outline: none; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab]:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgba(214,38,45,.35); } @media (max-width: 1200px) { html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] { grid-template-columns: 44px minmax(0,1fr); column-gap: 10px; padding: 14px 12px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-ico { width: 44px; height: 44px; } html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] button[role=tab] .cs-t { font-size: 13px; } } @media (max-width: 980px) { html body.theme-astra.signal-home.signal-ember #home-charts .chart-shell.gallery .g-tabs[role=tablist] { grid-auto-columns: minmax(200px,1fr); } } /* ===== Ana sayfa girişi — kutusuz dil + sıcak zemin (Çözümler girişiyle aynı). Ürün ekranı ve çerçeve ışık animasyonu korunur. ===== */ html body.theme-astra.signal-home.signal-ember .hero.hero-light { background: radial-gradient(1000px 560px at 0% 0%, #fff0ed, transparent 60%), radial-gradient(900px 620px at 100% 90%, #fff4ea, transparent 60%), #fcf9f8; border-bottom: 1px solid #f0e6e4; padding-block: clamp(40px, 5vw, 60px) clamp(40px, 5vw, 56px); } html body.theme-astra.signal-home.signal-ember .hero.hero-light .eyebrow { font-size: 12px; letter-spacing: .09em; text-transform: uppercase; font-weight: 600; color: #d6262d; margin-bottom: 14px; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .eyebrow::before, html body.theme-astra.signal-home.signal-ember .hero.hero-light .eyebrow::after { content: none; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .display { font-weight: 500; letter-spacing: -.03em; line-height: 1.06; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .display .brand-word { background: linear-gradient(90deg, #d6262d, #f28c28); -webkit-background-clip: text; background-clip: text; color: transparent; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .lede { color: #565b63; line-height: 1.75; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest { margin-top: 26px; padding-top: 16px; border-top: 1px solid #e9dcda; max-width: 600px; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest-h { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: #15171b; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest-h b { color: #d6262d; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hd-ico { display: block; width: 30px; height: 30px; color: #d6262d; flex: none; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest .tags { display: flex; flex-wrap: wrap; gap: 4px 0; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest .tags span { position: relative; padding: 2px 14px 2px 0; margin-right: 10px; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; color: #3b4048; transition: color .5s ease; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest .tags span::after { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: #f2b27a; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest .tags span:last-child::after { content: none; } html body.theme-astra.signal-home.signal-ember .hero.hero-light .hero-dest .tags span:hover { color: #d6262d; border: 0; } /* ===== "Güne başladığınızda" — kutusuz dil, beyaz zemin ===== */ html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily { background: #fff; padding-block: clamp(48px, 6vw, 72px); } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .lead-head { font-weight: 500; letter-spacing: -.025em; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .lead-head::before { content: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .head-row { margin-bottom: 28px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento { gap: 36px 48px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile { background: #fff; border: 0; border-radius: 0; box-shadow: none; padding: 22px 0 0; position: relative; transform: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile:nth-child(n) { background: #fff; border: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, #d6262d, #f28c28 40%, #f0e6e4); opacity: 1; inset: 0 0 auto 0; width: auto; border-radius: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile::after { content: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile:hover { transform: none; box-shadow: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .tile .viz.dv-viz { margin-bottom: 18px; background: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card { border: 0; border-radius: 0; box-shadow: none; background: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-bar { background: none; padding: 0 0 10px; border-bottom: 1px solid #e9dcda; font-size: 13px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-bar .dot { display: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-bar .tag { border: 0; background: none; padding: 0; color: #9a8f91; font-size: 12px; display: inline-flex; align-items: center; gap: 7px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-bar .tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #f28c28; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-body { background: none; padding: 14px 0 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .scroll { border: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-feed li { border-color: #f0e6e4; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-sheet th { background: none; border-bottom: 1px solid #e9dcda; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-sheet td { border-color: #f0e6e4; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-sheet tr.me td { background: linear-gradient(90deg, rgba(255,236,232,.7), transparent); } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily h3.has-ico { display: flex; align-items: center; gap: 14px; font-weight: 500; letter-spacing: -.01em; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-h-ico { display: block; width: 40px; height: 40px; color: #d6262d; flex: none; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .tile p { color: #565b63; } /* "Güne başladığınızda" kompakt: grafik ve bildirimler eşit genişlikte (grafik daha alçak), sık satırlar */ html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily { padding-block: clamp(36px, 4.5vw, 56px); } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .head-row { margin-bottom: 20px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .lead-head { font-size: clamp(26px, 2.8vw, 36px); margin-bottom: 8px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .head-row .body { font-size: 15.5px; line-height: 1.65; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento { gap: 28px 40px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile { padding-top: 16px; } @media (min-width: 981px) { html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile.w4:first-child, html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .bento .tile:nth-child(2) { grid-column: span 3; } } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .tile .viz.dv-viz { margin-bottom: 12px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-bar { padding-bottom: 8px; font-size: 12.5px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-viz .card-body { padding-top: 10px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-legend { margin-top: 6px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-feed li { padding: 7px 0; gap: 10px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-feed li b { font-size: 13.5px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-feed li small { font-size: 12px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-sheet th, html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-sheet td { padding-block: 8px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily h3.has-ico { font-size: 18px; gap: 12px; margin: 0 0 6px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .dv-h-ico { width: 32px; height: 32px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily .tile p { font-size: 14.5px; line-height: 1.6; margin: 0; } /* "Pazara hâkim olun" kompakt: daha az üst/alt boşluk, sıkı başlık bloğu */ html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts { padding-block: clamp(36px, 4.5vw, 52px) clamp(36px, 4.5vw, 52px); } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .head-row { margin-bottom: 22px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .lead-head { font-size: clamp(28px, 3vw, 38px); font-weight: 500; letter-spacing: -.025em; margin-bottom: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .lead-head::before, html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .lead-head::after { margin-top: 12px !important; margin-bottom: 12px !important; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .head-row .body { margin: 0 auto 6px; font-size: 15.5px; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .head-row .body + .body { margin-bottom: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-charts .gallery { margin-top: 0; } html body.theme-astra.signal-home.signal-redline.signal-ledger.signal-ember #home-daily { padding-bottom: clamp(28px, 3.5vw, 40px); }