/* Mobile portfolio only. Site-wide layout, navigation and typography remain owned by the theme. */
.ma-portfolio,.ma-public-page {
    --ma-ink:#142447;--ma-accent:#315bda;--ma-soft:#eef3ff;--ma-background:#f7f9fd;--ma-muted:#78859d;--ma-border:#e8edf7;
    color:var(--ma-ink);font-family:var(--site-font,system-ui),-apple-system,"Segoe UI",Arial,sans-serif;
}
.ma-container {margin-inline:auto;max-width:calc(100% - 40px);position:relative;z-index:1;}
.ma-portfolio {padding:56px 0 50px;position:relative;isolation:isolate;overflow:hidden;}
.ma-background-dekor {background:radial-gradient(ellipse at 100% 5%,#edf1fc 0,transparent 42%),radial-gradient(ellipse at 0 95%,#eef2fc 0,transparent 38%),var(--ma-background);}
.ma-background-duz {background:#fff;}
.ma-section-heading {max-width:930px;margin:0 auto 34px;text-align:center;}
.ma-eyebrow {display:block;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--ma-accent);margin-bottom:18px;line-height:1.6;}
.ma-section-heading h1,.ma-section-heading h2,.ma-section-heading .modul-baslik {font-size:clamp(28px,3.1vw,42px);font-weight:750;line-height:1.24;letter-spacing:-1.25px;margin:0 0 16px;color:var(--ma-ink);}
.ma-section-heading p,.ma-section-heading .modul-spot {font-size:17px;line-height:1.65;color:var(--ma-muted);max-width:800px;margin:0 auto;}
.ma-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
.ma-grid.ma-grid-count-1 {grid-template-columns:minmax(0,1fr);max-width:460px;margin-inline:auto;}
.ma-grid-count-2 {grid-template-columns:repeat(2,minmax(0,1fr));max-width:944px;margin-inline:auto;}
.ma-card {display:flex;flex-direction:column;min-width:0;padding:26px 26px 24px;border:1px solid var(--ma-border);border-radius:24px;background:#fff;box-shadow:0 10px 40px rgba(31,50,104,.045);position:relative;overflow:hidden;container-type:inline-size;transition:transform .2s,box-shadow .2s;}
.ma-card:hover {transform:translateY(-4px);box-shadow:0 16px 42px rgba(31,50,104,.09);}
.ma-card-top {position:relative;min-height:clamp(268px,85cqw,330px);flex:1;overflow:clip;overflow-clip-margin:12px;}
.ma-card-copy {width:54%;position:relative;z-index:2;}
.ma-badges {display:flex;align-items:center;flex-wrap:wrap;gap:7px;}
.ma-badge {display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;}
.ma-status-dot {height:6px;width:6px;border-radius:50%;background:currentColor;flex:0 0 6px;}
.ma-state-yayinda {color:#315bda;background:#ecf2ff;}.ma-state-yeni {color:#259a32;background:#eaf8e8;}.ma-state-yakinda {color:#7744d7;background:#f1ecff;}.ma-state-gelistirme {color:#a26c12;background:#fff6dd;}
.ma-custom-badge {color:var(--ma-badge-color);background:#f4f6fb;border:1px solid currentColor;}
.ma-app-icon {display:block;width:78px;height:78px;border-radius:20px;object-fit:contain;flex:0 0 78px;background:#fff;border:1px solid #edf0f7;}
.ma-app-initial {display:flex;align-items:center;justify-content:center;background:var(--ma-soft);color:var(--ma-accent);font-size:34px;font-weight:750;}
.ma-card-copy>.ma-app-icon {width:88px;height:88px;border-radius:22px;margin-top:0;margin-bottom:17px;}
.ma-card-copy>.ma-badges:not(:empty) {margin-bottom:20px;}
.ma-card h3 {font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px;overflow-wrap:anywhere;}
.ma-card h3 a {color:inherit;text-decoration:none;}
.ma-card-summary {color:var(--ma-muted);font-size:13px;line-height:1.75;margin:0 0 12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.ma-card-visual {position:absolute;inset-inline-end:-8px;top:0;width:50%;max-width:200px;aspect-ratio:1/2;max-height:100%;z-index:1;overflow:visible;clip-path:inset(-50% -70% 0 -70%);-webkit-mask-image:linear-gradient(#000 0,#000 85%,transparent 98%);mask-image:linear-gradient(#000 0,#000 85%,transparent 98%);pointer-events:none;isolation:isolate;}
.ma-card-halo {position:absolute;width:77.5%;max-width:310px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#eaf1ff 0,#f1f5ff 50%,transparent 72%);inset-inline-end:-12%;top:0;z-index:0;pointer-events:none;}
.ma-card[data-state="yeni"] .ma-card-halo {background:radial-gradient(circle,#fff5df,transparent 72%);}
.ma-card[data-state="yakinda"] .ma-card-halo {background:radial-gradient(circle,#eee7ff,transparent 72%);}
.ma-device {display:block;width:100%;height:auto;aspect-ratio:1/2;overflow:visible;filter:drop-shadow(5px 10px 8px rgba(14,21,43,.16));}
.ma-device-screen {width:700px;height:1600px;transform-origin:0 0;transform:matrix3d(.754877222129,-.169383612095,0,-.000145654223121,-.106338506945,.909680230302,0,-.000023783564828,0,0,1,0,199,150,0,1);background:#eef3f8;overflow:hidden;}
.ma-device-image {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;}
.ma-device-frame {pointer-events:none;}
.ma-device-empty {width:100%;height:100%;padding:90px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:50px;color:#99a8be;background:linear-gradient(160deg,#f7f9fc,#e4ebf5);font-size:51px;line-height:1.5;}
.ma-device-empty svg {width:170px;height:170px;opacity:.7;}
.ma-card-visual::after {content:"";position:absolute;inset-inline:-12%;bottom:-2px;height:32%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.82) 56%,#fff 96%);z-index:2;pointer-events:none;}
.ma-card-bottom {position:relative;z-index:3;display:flex;flex-direction:column;gap:12px;margin-top:10px;background:#fff;}
.ma-platforms {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;}
.ma-platforms-count-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
.ma-platforms-count-3>[data-platform="web"] {grid-column:1/-1;}
.ma-platform {display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px;border:1px solid #eff2f8;border-radius:11px;background:#f5f7fc;color:var(--ma-ink)!important;text-decoration:none!important;transition:background .16s,border-color .16s;}
a.ma-platform:hover {background:#eaf0ff;border-color:#ccd7fa;}
.ma-platform-icon {font-size:25px;flex:0 0 24px;width:24px;height:26px;display:flex;align-items:center;justify-content:center;}
.ma-platform-copy {min-width:0;display:flex;flex-direction:column;gap:3px;text-align:start;}
.ma-platform strong {font-size:13px;line-height:1.25;font-weight:700;overflow-wrap:anywhere;}
.ma-platform small {font-size:10px;line-height:1.3;opacity:.85;overflow-wrap:anywhere;}
.ma-platforms-count-3 .ma-platform {gap:7px;padding-inline:9px;}
.ma-platforms-count-3 .ma-platform strong {font-size:12px;}
.ma-platforms-count-3 .ma-platform small {font-size:9px;}
.ma-platform-soon {color:#929eb5!important;background:#f7f8fc;border-color:#f1f3f9;cursor:default;}
.ma-platform-soon .ma-play-icon {filter:grayscale(1);opacity:.55;}
.ma-button {display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:13px 24px;border:1px solid transparent;border-radius:11px;font-size:13px;line-height:1.5;font-weight:700;text-decoration:none!important;transition:background .16s,box-shadow .16s;}
.ma-primary {background:linear-gradient(105deg,var(--ma-accent),#4264ef);color:#fff!important;box-shadow:0 5px 16px rgba(49,91,218,.13);}
.ma-primary:hover {background:#254bc0;box-shadow:0 8px 20px rgba(49,91,218,.2);}
.ma-secondary {background:#fff;color:var(--ma-ink)!important;border-color:#dce4f6;box-shadow:0 6px 24px rgba(31,50,104,.035);border-radius:40px;padding-inline:26px;}
.ma-secondary:hover {border-color:#a3b6f0;background:#f8faff;}
.ma-card-detail {width:100%;margin:0;justify-content:space-between;min-height:48px;padding-inline:18px;}
.ma-section-footer {text-align:center;margin-top:34px;}
.ma-list-page {padding:30px 0 64px;}
.ma-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;line-height:1.5;color:var(--ma-muted);margin-bottom:26px;overflow-wrap:anywhere;}
.ma-breadcrumb a {color:var(--ma-muted);text-decoration:none;}.ma-breadcrumb a:hover {color:var(--ma-accent);}.ma-breadcrumb>span {color:var(--ma-ink);font-weight:600;}
.ma-detail-hero {padding:26px 0 30px;}
.ma-detail-hero-grid {display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.6fr);align-items:stretch;gap:18px;}
.ma-intro-panel,.ma-gallery-panel {background:#fff;border:1px solid var(--ma-border);border-radius:20px;min-width:0;box-shadow:0 9px 28px rgba(31,50,104,.025);}
.ma-intro-panel {padding:28px;display:flex;flex-direction:column;}
.ma-detail-eyebrow {font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ma-muted);display:flex;align-items:center;gap:10px;margin-bottom:22px;}
.ma-detail-eyebrow::before {content:"";width:26px;height:3px;background:var(--ma-accent);flex:0 0 26px;border-radius:3px;}
.ma-detail-title {display:flex;align-items:center;gap:18px;margin-bottom:18px;min-width:0;}.ma-detail-title>div {min-width:0;}
.ma-detail-title .ma-app-icon {width:94px;height:94px;flex-basis:94px;border-radius:23px;}
.ma-detail-title h1 {font-size:clamp(28px,2.8vw,42px);font-weight:750;letter-spacing:-1px;line-height:1.12;margin:0;overflow-wrap:anywhere;}
.ma-slogan {font-size:13px;line-height:1.65;color:#67748e;margin:12px 0 0;overflow-wrap:anywhere;}
.ma-lead {font-size:14px;line-height:1.85;color:#67748e;margin:22px 0 28px;overflow-wrap:anywhere;white-space:pre-line;}
.ma-platforms-detail {margin-top:auto;}
.ma-gallery-panel {padding:18px 14px 12px;}
.ma-gallery-heading {padding:0 7px 12px;}.ma-gallery-heading h2 {font-size:14px;line-height:1.4;margin:0 0 5px;font-weight:700;}.ma-gallery-heading p {font-size:10px;line-height:1.5;color:var(--ma-muted);margin:0;}
.ma-gallery {position:relative;}
.ma-gallery-track {display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d4ddf1 transparent;padding:2px 1px 10px;}
.ma-gallery-slide {display:block;flex:0 0 auto;scroll-snap-align:start;border-radius:11px;overflow:hidden;background:#f2f5fb;border:1px solid #eef1f6;}
.ma-gallery-slide img {display:block;height:365px;width:auto;max-width:75vw;object-fit:contain;}
.ma-gallery-controls {display:flex;align-items:center;justify-content:center;gap:14px;padding:5px 0 0;}.ma-gallery-controls[hidden] {display:none;}
.ma-gallery-arrow {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e0e7f5;border-radius:50%;background:#fff;color:var(--ma-ink);font-size:22px;cursor:pointer;padding:0;}
.ma-gallery-arrow:disabled {opacity:.3;cursor:default;}.ma-gallery-dots {display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;}
.ma-gallery-dot {width:8px;height:8px;border:0;border-radius:50%;background:#d7dfef;padding:0;cursor:pointer;}.ma-gallery-dot[aria-current="true"] {background:var(--ma-accent);width:16px;border-radius:5px;}
.ma-gallery-empty {min-height:280px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ma-muted);font-size:13px;text-align:center;background:linear-gradient(150deg,#f9fbfe,#f0f4fb);border-radius:12px;}.ma-gallery-empty>svg {width:54px;height:54px;color:#a5b4ce;}.ma-gallery-empty>p {max-width:260px;line-height:1.8;margin:0;}
.ma-detail-content {padding-top:44px;padding-bottom:44px;}
.ma-about-features {display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:46px;}.ma-about-features.ma-single-column {grid-template-columns:1fr;}
.ma-detail-section-title {font-size:23px;line-height:1.35;font-weight:750;margin:0 0 22px;position:relative;padding-bottom:14px;letter-spacing:-.5px;}
.ma-detail-section-title::after {content:"";position:absolute;bottom:0;inset-inline-start:0;width:28px;height:3px;border-radius:2px;background:var(--ma-accent);}
.ma-prose {font-size:14px;line-height:1.95;color:#67748e;overflow-wrap:anywhere;}.ma-prose p {margin-bottom:16px;}.ma-prose h2,.ma-prose h3,.ma-prose h4 {color:var(--ma-ink);line-height:1.4;margin-top:24px;margin-bottom:12px;}.ma-prose ul,.ma-prose ol {padding-inline-start:23px;}.ma-prose a {color:var(--ma-accent);text-decoration:underline;}.ma-prose blockquote {border-inline-start:3px solid #bbccff;padding:10px 18px;background:#f6f8ff;border-radius:0 10px 10px 0;}
.ma-features-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ma-feature-card {display:flex;align-items:flex-start;gap:12px;padding:16px 14px;border:1px solid var(--ma-border);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(31,50,104,.02);min-width:0;}
.ma-feature-icon {width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ma-soft);color:var(--ma-accent);font-size:20px;}.ma-feature-icon img {width:36px;height:36px;object-fit:contain;border-radius:8px;}
.ma-feature-card h3 {font-size:12px;font-weight:750;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere;}.ma-feature-card p {font-size:10px;line-height:1.6;color:var(--ma-muted);margin:0;overflow-wrap:anywhere;}
.ma-feature-badge {display:inline-block;margin-top:8px;font-size:9px;padding:3px 7px;border-radius:20px;color:var(--ma-badge-color);border:1px solid currentColor;}
.ma-related {padding:46px 0 54px;}.ma-related-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:28px;}.ma-related-heading h2 {font-size:26px;font-weight:750;line-height:1.35;margin:0;letter-spacing:-.5px;}.ma-inline-link {font-size:12px;font-weight:650;color:var(--ma-accent);text-decoration:none;}
.ma-back {padding-top:28px;padding-bottom:36px;}.ma-page-head {padding:56px 0;background:var(--ma-background);}.ma-page-head h1 {font-size:34px;font-weight:750;}.ma-page-head p {color:var(--ma-muted);line-height:1.7;margin:20px 0;}
.ma-empty {text-align:center;padding:40px 20px;color:var(--ma-muted);}.ma-empty>i {font-size:52px;color:var(--ma-accent);margin-bottom:20px;}.ma-empty h2 {font-size:24px;color:var(--ma-ink);font-weight:700;}.ma-empty p {font-size:14px;line-height:1.8;}
.ma-button:focus-visible,.ma-platform:focus-visible,.ma-card a:focus-visible,.ma-gallery-track:focus-visible,.ma-gallery-arrow:focus-visible,.ma-gallery-dot:focus-visible {outline:3px solid #91a8ed;outline-offset:4px;}
.ma-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(min-width:1500px) {.ma-features-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:1160px) {.ma-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.ma-detail-hero-grid {grid-template-columns:minmax(330px,.95fr) minmax(0,1.3fr);}.ma-intro-panel {padding:24px;}.ma-detail-title .ma-app-icon {width:76px;height:76px;flex-basis:76px;}.ma-about-features {gap:28px;}}
@media(max-width:900px) {.ma-detail-hero-grid {grid-template-columns:1fr;}.ma-about-features {grid-template-columns:1fr;gap:36px;}.ma-gallery-slide img {height:370px;}.ma-detail-title h1 {font-size:36px;}.ma-features-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px) {.ma-grid {grid-template-columns:1fr;gap:20px;max-width:460px;margin-inline:auto;}.ma-section-heading {margin-bottom:28px;}.ma-section-heading p,.ma-section-heading .modul-spot {font-size:15px;}.ma-portfolio {padding:42px 0 40px;}.ma-eyebrow {font-size:10px;letter-spacing:2.4px;margin-bottom:14px;}.ma-related-heading h2 {font-size:24px;}.ma-features-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px) {.ma-container {width:auto;max-width:calc(100% - 32px);}.ma-card {padding:22px 20px 20px;}.ma-card-copy>.ma-app-icon {width:72px;height:72px;border-radius:19px;margin-bottom:16px;}.ma-card-copy>.ma-badges:not(:empty) {margin-bottom:17px;}.ma-card h3 {font-size:24px;}.ma-card-summary {font-size:12px;line-height:1.8;}.ma-badge {font-size:10px;padding:6px 9px;}.ma-section-heading h1,.ma-section-heading h2,.ma-section-heading .modul-baslik {font-size:29px;letter-spacing:-.7px;}.ma-platform-icon {font-size:23px;flex-basis:22px;width:22px;}.ma-platforms-count-3 .ma-platform strong {font-size:11.5px;}.ma-detail-hero {padding-top:22px;}.ma-intro-panel {padding:23px 20px;}.ma-detail-title {gap:15px;}.ma-detail-title h1 {font-size:31px;}.ma-detail-title .ma-app-icon {width:76px;height:76px;flex-basis:76px;}.ma-gallery-slide img {height:335px;}.ma-gallery-panel {padding:16px 12px 10px;}.ma-gallery-heading p {font-size:10px;}.ma-detail-content {padding-top:34px;padding-bottom:34px;}.ma-features-grid {grid-template-columns:1fr;}.ma-feature-card h3 {font-size:14px;}.ma-feature-card p {font-size:12px;}.ma-feature-card {padding:17px;}.ma-related {padding:34px 0;}.ma-detail-section-title {font-size:23px;}.ma-breadcrumb {font-size:11px;gap:10px;}.ma-gallery-empty {min-height:240px;font-size:12px;}}
@media(max-width:360px) {.ma-card {padding:20px 17px 18px;}.ma-card h3 {font-size:21px;}.ma-card-summary {font-size:11.5px;}.ma-card-copy>.ma-app-icon {width:64px;height:64px;border-radius:17px;}.ma-platforms-count-3 .ma-platform {padding-inline:7px;gap:6px;}.ma-platforms-count-3 .ma-platform strong {font-size:11px;}.ma-detail-title {align-items:flex-start;gap:12px;}.ma-detail-title h1 {font-size:27px;}.ma-detail-title .ma-app-icon {width:62px;height:62px;flex-basis:62px;}}
@media(prefers-reduced-motion:reduce) {.ma-card,.ma-button,.ma-platform {transition:none;}.ma-card:hover {transform:none;}}

.ma-card .ma-badges:empty {display:none;}