/* Ana sayfada kısa ürün özeti; ayrıntılar Cosmos sayfasında. */
#cosmos.cosmos-embed .cx-message-preview{background:#191919;color:#f8fafc;border:1px solid #ffffff25;border-radius:14px;left:17%;right:4%}
#cosmos.cosmos-embed .cx-preview-head{display:none}
#cosmos.cosmos-embed .cx-preview-body{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
#cosmos.cosmos-embed .cx-preview-body>small{color:#94a3b8;font-size:7px;grid-column:1}
#cosmos.cosmos-embed .cx-preview-body h3{color:#f8fafc;font-size:16px;letter-spacing:-.02em;margin:0;grid-column:1}
#cosmos.cosmos-embed .cx-preview-body p{font-size:9px;color:#94a3b8;line-height:1.6;margin:0;grid-column:1}
#cosmos.cosmos-embed .cx-preview-cta{border:0;padding:0;font-size:0;grid-column:2;grid-row:1/4}
#cosmos.cosmos-embed .cx-preview-cta b{font-size:20px}
#cosmos.cosmos-embed .cx-cosmos-live .cx-flow-map{height:380px}
#cosmos.cosmos-embed .cx-flow-stage-foot{margin-top:35px}
#cosmos.cosmos-embed .cx-cosmos-detail-link{display:flex;justify-content:flex-end;margin-top:22px}
#cosmos.cosmos-embed .cx-cosmos-detail-link a{font-size:13px;color:#111;display:flex;gap:28px;text-decoration:none;border-bottom:1px solid #cbd5e1;padding-bottom:10px}
/* Üç HTML widget daha kısa, iki sıralı bir kompozisyonda. */
#mobil .mobile-widgets{grid-template-columns:.85fr 1.35fr;gap:16px;padding:0;margin-top:22px;background-size:90px 90px;align-items:start}
#mobil .mw-wide{grid-column:1/-1;padding:20px 22px}
#mobil .mw-top{margin-bottom:14px;font-size:10px}
#mobil .mw-updated{margin-top:18px;font-size:9px}
#mobil .mw-small-row{display:block;min-width:0}
#mobil .mw-small{padding:17px;border-radius:18px}
#mobil .mw-small>strong{font-size:27px}
#mobil .mw-small p{font-size:9px;margin-bottom:15px}
#mobil .mw-caption{font-size:12px;padding:0 12px;margin-top:18px}
#mobil .mw-detail{width:100%;padding:17px;border-radius:18px}
#mobil .mw-total{gap:8px;flex-wrap:wrap}
#mobil .mw-total strong{font-size:25px}
#mobil .mw-total em{font-size:9px}
#mobil .mw-detail dl{gap:12px;padding-top:12px;margin:12px 0 14px}
#mobil .mw-detail dt{font-size:8px}
#mobil .mw-detail dd{font-size:12px}
#mobil .mw-week{padding-top:10px}
#mobil .mw-bars{height:44px;gap:6px;margin-top:7px}
#mobil .mw-bars i{max-height:30px}
#mobil .mw-bars span{font-size:7px}
#mobil .mobile-widget-panel{padding:30px 28px 28px}
#mobil .mobile-widget-copy{padding:0}
#mobil .mobile-widget-copy h3{font-size:29px;margin-top:16px}
#mobil .mobile-life-copy{padding:32px 36px 0}
#mobil .mobile-life h2{font-size:35px;margin:18px 0 14px}
#mobil .mobile-life-portrait{min-height:240px;margin-top:12px}
@media(max-width:760px){#mobil .mobile-life-portrait{height:260px;flex:none}#mobil .mobile-life-copy{padding:30px 28px 0}#mobil .mobile-life h2{font-size:32px}#mobil .mobile-widget-panel{padding:28px 20px}#mobil .mobile-widget-copy h3{font-size:28px}#cosmos.cosmos-embed .cx-message-preview{left:6%;right:0}#cosmos.cosmos-embed .cx-cosmos-live .cx-flow-map{height:395px}}
@media(max-width:390px){#mobil .mobile-widgets{grid-template-columns:.8fr 1.2fr;gap:10px}#mobil .mw-small,#mobil .mw-detail{padding:12px}#mobil .mw-small>strong{font-size:22px}#mobil .mw-total strong{font-size:22px}}
#mobil .mw-card{line-height:1.4}#mobil .mw-card small,#mobil .mw-top,#mobil .mw-updated,#mobil .mw-detail dt,#mobil .mw-detail dd{line-height:1.4}#mobil .mw-wide{padding:17px 22px}#mobil .mw-detail dl{gap:9px 16px}#mobil .mobile-life-portrait img{width:100%;height:auto;left:0;top:0;bottom:auto;transform:translateY(-34%);object-fit:initial}
/* Magic kartı açık temada; diğer uygulama kartları kendi temasını korur. */
#uygulamalar .app-product-grid>a:first-child{background:#f8fafc;color:#111;border-color:#e2e8f0}
#uygulamalar .app-product-grid>a:first-child h3,#uygulamalar .app-product-grid>a:first-child .app-card-link,#uygulamalar .app-product-grid>a:first-child .app-demo-fields b{color:#111}
#uygulamalar .app-product-grid>a:first-child p,#uygulamalar .app-product-grid>a:first-child .app-card-top span,#uygulamalar .app-product-grid>a:first-child .app-demo-fields>span{color:#64748b}
#uygulamalar .app-product-grid>a:first-child .app-preview{background:#fff;border-color:#e2e8f0}
#uygulamalar .app-product-grid>a:first-child .demo-output{border-color:#e2e8f0}
#uygulamalar .app-product-grid>a:first-child .demo-output i{background:#e2e8f0}
@media(min-width:761px){#sorular .faq-layout>div:first-child{position:sticky;top:36px;align-self:start}}
/* Ana sayfada buton, seçim ve panel köşeleri için ortak ölçü. */
body:has(.home-product-curtain){--control-radius:12px}
body:has(.home-product-curtain) :is(button,.btn,[role="button"],input,select,textarea),
body:has(.home-product-curtain) :is(.ex-main-nav,.ex-menu-panel,.ex-menu-flyout,.ex-menu-columns a,.curtain-panel,.curtain-operation,.reference-card,.device-feature,.salient-features>article,.sector-showcase,.mobile-editorial-grid,.mw-card,.app-product-grid>a,.app-preview,.assistant-overview,.assistant-card,.mars-demo,.new-close,.faq-list details,.pricing-card),
#cosmos.cosmos-embed :is(.cx-cosmos-intro,.cx-event-card,.cx-message-preview,.cx-condition-chip,.cx-wait-chip,.cx-node-symbol),
#mobil .mw-card{border-radius:12px!important}
body:has(.home-product-curtain) :is(h1,h2,h3,h4,h5,h6,.eyebrow,[class*="kicker"],.app-card-top span){text-transform:none!important}