/* Maya PTS product-page treatment. Scoped to this page only. */
body.page-maya .content-page>.content-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.08fr);align-items:center;gap:32px;min-height:590px;padding:78px max(32px,calc((100vw - 1240px)/2)) 78px!important;}
body.page-maya .content-page>.content-hero .hero-top{padding:32px 0 0!important;text-align:left;max-width:620px;margin:0;}
body.page-maya .content-page>.content-hero .hero-top .eyebrow{justify-content:flex-start;}
body.page-maya .content-page>.content-hero .vartag-hero-title{max-width:610px;margin:22px 0 16px;font-size:clamp(42px,5vw,64px);line-height:1.04;text-wrap:balance;}
body.page-maya .content-page>.content-hero .hero-top>p{max-width:560px;margin:0;color:#d2e2f6;font-size:17px;line-height:1.75;}
body.page-maya .content-page>.content-hero .hero-actions{justify-content:flex-start;margin-top:26px;}
body.page-maya .content-page>.content-hero .content-hero-badges{justify-content:flex-start;margin:24px 0 0;gap:10px 18px;}
body.page-maya .content-page>.content-hero .content-hero-preview{width:100%;max-width:none;margin:52px 0 0;padding:0;}
body.page-maya .content-page>.content-hero .content-hero-preview img{width:100%;height:auto;max-height:390px;object-fit:contain;border:1px solid #ffffff35;border-radius:18px;box-shadow:0 28px 75px #00102670;}
body.page-maya .maya-section-nav{position:sticky;top:var(--site-header-height,80px);z-index:39;background:#ffffffed;border-bottom:1px solid #dce6f2;backdrop-filter:blur(16px);box-shadow:0 8px 24px #1634590a;}
body.page-maya .maya-section-nav>.content-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);}
body.page-maya .maya-section-nav a{position:relative;display:inline-flex;align-items:center;gap:7px;padding:18px 0;color:#526d8e;font-size:12px;font-weight:600;white-space:nowrap;}
body.page-maya .maya-section-nav a:hover,body.page-maya .maya-section-nav a:focus-visible{color:#0756b8;}
body.page-maya .maya-section-nav .maya-nav-cta{margin-left:auto;color:#0756b8;}
body.page-maya .maya-nav-cta span{font-size:15px;}
body.page-maya #genel-bakis,body.page-maya #ozellikler,body.page-maya #moduller,body.page-maya #is-akisi,body.page-maya #ekranlar,body.page-maya body.page-maya #maya-yorumlar{scroll-margin-top:145px;}
body.page-maya .maya-overview .content-visual{padding:16px;background:#f0f5fc;border-color:#d9e5f4;box-shadow:0 20px 55px #0a2e5a12;}
body.page-maya .maya-overview .content-visual img{height:340px;}
body.page-maya #ozellikler{background:radial-gradient(ellipse at 88% 0,#1768bd45,transparent 48%),linear-gradient(125deg,#061b35,#0b3768 70%,#0a2a51)!important;color:#fff;}
body.page-maya #ozellikler .content-heading>.eyebrow,body.page-maya #ozellikler .content-heading>.eyebrow::before{color:#a8cbf6;background-color:#8ab8ef;}
body.page-maya #ozellikler h2{color:#fff;}
body.page-maya #ozellikler .content-feature{min-height:210px;padding:27px 24px;background:#ffffff0b;border:1px solid #c4ddf52a;border-radius:18px;box-shadow:inset 0 1px #ffffff0d;}
body.page-maya #ozellikler .content-feature h3{color:#f4f8ff;}
body.page-maya #ozellikler .content-feature p{color:#b6cce5;}
body.page-maya #ozellikler .content-feature-icon{color:#9bc5f5;background:#ffffff10;border-color:#c7e0ff2b;}
body.page-maya #moduller{background:#f3f7fc;}
body.page-maya #moduller .content-modules{gap:12px;}
body.page-maya #moduller .content-module{background:#fff;border:1px solid #dce6f2;border-radius:14px;box-shadow:0 8px 24px #0a2e5a06;}
body.page-maya .maya-workflow{padding:82px 0;background:linear-gradient(180deg,#fff,#f5f8fc);}
body.page-maya .maya-workflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px;}
body.page-maya .maya-workflow-heading>div{max-width:700px;}
body.page-maya .maya-workflow-heading .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.18em;color:#4774ab;}
body.page-maya .maya-workflow-heading .eyebrow:before{content:"";width:22px;height:1px;background:#6b94c8;}
body.page-maya .maya-workflow h2{margin:15px 0 0;color:#173659;font-size:clamp(29px,3.25vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.14;}
body.page-maya .maya-workflow-heading>p{max-width:390px;margin:0;color:#627b99;font-size:14px;line-height:1.75;}
body.page-maya .maya-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
body.page-maya .maya-workflow-grid article{min-height:210px;padding:25px 23px;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 12px 32px #14355a08;}
body.page-maya .maya-workflow-grid article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e9f2ff;color:#0756b8;font-size:13px;font-weight:700;}
body.page-maya .maya-workflow-grid h3{margin:22px 0 8px;color:#173659;font-size:17px;letter-spacing:-.02em;}
body.page-maya .maya-workflow-grid p{margin:0;color:#637b99;font-size:13px;line-height:1.7;}
body.page-maya .maya-screens .content-gallery-card{padding:10px 10px 0;border:1px solid #dce6f2;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0a2e5a0a;overflow:hidden;}
@media(max-width:900px){body.page-maya .content-page>.content-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding:112px 28px 70px!important;}body.page-maya .content-page>.content-hero .hero-top{padding-top:0!important;max-width:760px;}body.page-maya .content-page>.content-hero .content-hero-preview{max-width:780px;margin:10px auto -100px;}body.page-maya .content-page>.content-hero .content-hero-preview img{max-height:340px;}body.page-maya .maya-workflow-heading{display:block;}body.page-maya .maya-workflow-heading>p{margin-top:16px;}body.page-maya .maya-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){body.page-maya .content-page>.content-hero{padding:96px 20px 56px!important;}body.page-maya .content-page>.content-hero .vartag-hero-title{font-size:39px;}body.page-maya .content-page>.content-hero .hero-top>p{font-size:15px;}body.page-maya .content-page>.content-hero .content-hero-preview{margin-bottom:-78px;}body.page-maya .content-page>.content-hero .content-hero-preview img{max-height:250px;border-radius:12px;}body.page-maya .maya-section-nav>.content-wrap{justify-content:flex-start;gap:23px;overflow-x:auto;padding-inline:20px;scrollbar-width:none;}body.page-maya .maya-section-nav>.content-wrap::-webkit-scrollbar{display:none;}body.page-maya .maya-section-nav a{padding:15px 0;font-size:11px;}body.page-maya .maya-section-nav .maya-nav-cta{margin-left:0;}body.page-maya .maya-workflow{padding:56px 0;}body.page-maya .maya-workflow .content-wrap{padding-inline:20px;}body.page-maya .maya-workflow-grid{gap:10px;}body.page-maya .maya-workflow-grid article{min-height:195px;padding:18px 16px;}body.page-maya .maya-workflow-grid h3{margin-top:18px;font-size:15px;}body.page-maya .maya-workflow-grid p{font-size:12px;}body.page-maya #genel-bakis,body.page-maya #ozellikler,body.page-maya #moduller,body.page-maya #is-akisi,body.page-maya #ekranlar,body.page-maya body.page-maya #maya-yorumlar{scroll-margin-top:125px;}}
@media(max-width:420px){body.page-maya .maya-workflow-grid{grid-template-columns:1fr;}body.page-maya .maya-workflow-grid article{min-height:0;}body.page-maya .maya-workflow-grid h3{margin:14px 0 6px;}}

/* Center the shared CTA title on the Maya product page. */
body.page-maya .big-cta h2{width:100%;margin-inline:auto;text-align:center;}

/* Match the compact module typography and card grid used on the Oto page. */
body.page-maya #moduller{background:linear-gradient(180deg,#f7f9fc 0%,#eef4fb 100%);}
body.page-maya #moduller .content-heading h2{color:#173454;font-size:clamp(25px,2.5vw,32px);letter-spacing:-.05em;line-height:1.15;}
body.page-maya #moduller .content-heading>.eyebrow{color:#0b55b7;font-size:10px;letter-spacing:.16em;}
body.page-maya #moduller .content-heading>p{color:#637c9b;font-size:13px;line-height:1.6;}
body.page-maya #moduller .content-modules{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;}
body.page-maya #moduller .content-module{border-color:#dce6f2;border-radius:14px;background:#fff;}
body.page-maya #moduller .content-module>summary{padding:15px 17px;color:#355779;font-size:13px;}
body.page-maya #moduller .content-module-number{font-size:10px;}
body.page-maya #moduller .content-module-toggle{width:23px;height:23px;font-size:15px;}
body.page-maya #moduller .content-module>ul{gap:8px;padding:0 18px 18px 43px;color:#7186a1;font-size:12px;line-height:1.5;}
body.page-maya #moduller .content-module>ul>li{font-size:12px;line-height:1.5;}
@media(max-width:1050px){body.page-maya #moduller .content-modules{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){body.page-maya #moduller .content-modules{grid-template-columns:1fr;}}

/* Keep all Maya module details expanded, like the Oto product module section. */
body.page-maya #moduller .content-module>summary{cursor:default;}
body.page-maya #moduller .content-module-toggle{display:none;}

/* Separate module stacks prevent vertical gaps and allow manual card placement. */
body.page-maya #moduller .content-modules.maya-module-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;}
body.page-maya #moduller .maya-module-column{display:flex;min-width:0;flex-direction:column;gap:12px;}
body.page-maya #moduller .maya-module-column .content-module{display:block;width:100%;margin:0;}
@media(max-width:1050px){body.page-maya #moduller .content-modules.maya-module-columns{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){body.page-maya #moduller .content-modules.maya-module-columns{grid-template-columns:1fr;}}

/* Enforce the requested size for every feature bullet in Maya modules. */
body.page-maya #moduller .content-modules .content-module ul li{font-size:12px!important;line-height:1.5!important;}

/* Remove the frame around the Maya overview visual. */
body.page-maya .maya-overview .content-visual{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}

/* Keep the feature eyebrow label transparent on the dark band. */
body.page-maya #ozellikler .content-heading>.eyebrow{background:transparent;}
body.page-maya #ozellikler .content-heading>.eyebrow::before{background:#8ab8ef;}

/* Use 12px type for all text inside Maya feature cards. */
body.page-maya #ozellikler .content-feature h3,
body.page-maya #ozellikler .content-feature p{font-size:12px!important;line-height:1.55!important;}

body.page-maya .maya-workflow-heading>p{font-size:12px!important;line-height:1.6!important;}

/* Compact type inside the four Maya workflow cards. */
body.page-maya .maya-workflow-grid h3{font-size:15px!important;line-height:1.45!important;}
body.page-maya .maya-workflow-grid p{font-size:12px!important;line-height:1.55!important;}
body.page-maya .maya-workflow-grid article>span{font-size:12px;}

/* Dock the sticky Maya section menu directly under the main site header. */
body.page-maya .maya-section-nav{top:80px;}
@media(max-width:760px){body.page-maya .maya-section-nav{top:80px;}}

body.page-maya #ozellikler .content-feature h3{font-size:14px!important;line-height:1.45!important;}

/* Use VARTAG blue for Maya section eyebrow labels on light surfaces. */
body.page-maya .content-page .content-heading>.eyebrow,
body.page-maya .maya-workflow-heading .eyebrow{color:#054db6;}
body.page-maya .content-page .content-heading>.eyebrow::before,
body.page-maya .maya-workflow-heading .eyebrow::before{background:#054db6;}

body.page-maya main#main-content #is-akisi .maya-workflow-heading>p{font-size:12px!important;line-height:1.6!important;}

/* Borderless screenshots and a centered, light gallery. */
body.page-maya main#main-content .maya-workflow-grid>article>p{font-size:12px!important;line-height:1.7!important}
body.page-maya main#main-content #ekranlar .content-gallery-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.page-maya #ekranlar .maya-screen-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in;transition:transform .25s}
body.page-maya #ekranlar .maya-screen-open:hover{transform:translateY(-3px)}
body.page-maya main#main-content #ekranlar .content-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0}
body.page-maya main#main-content #ekranlar .content-gallery-card figcaption{padding:12px 0 18px;border:0;background:transparent}
body.page-maya .maya-screen-open:focus-visible,body.page-maya .maya-gallery-dialog button:focus-visible{outline:2px solid #054db6;outline-offset:4px}
body.page-maya dialog.maya-gallery-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1200px,calc(100vw - 48px));max-width:none;max-height:90dvh;border:1px solid #d9e3ef;border-radius:22px;background:#fff;color:#173454;box-shadow:0 28px 90px #16345630;overflow:auto}
body.page-maya .maya-gallery-dialog::backdrop{background:#142b4780;backdrop-filter:blur(10px)}
.maya-gallery-toolbar{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #e5edf6}
body.page-maya .maya-gallery-toolbar h2{font-size:14px;line-height:1.5;font-weight:550;margin:0;color:#355779}
.maya-gallery-counter{margin-inline-start:auto;font-size:11px;color:#7a92ad;white-space:nowrap;direction:ltr}
.maya-gallery-close{width:36px;height:36px;display:grid;place-items:center;flex:none;font-size:24px;line-height:1;background:#f3f6fa;color:#234566;border:1px solid #dce5ef;border-radius:50%;cursor:pointer}
.maya-gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 64px;min-height:220px;touch-action:pan-y}
.maya-gallery-stage>img{display:block;max-width:100%;max-height:calc(90dvh - 130px);width:auto;height:auto;object-fit:contain}
.maya-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d3e1f1;border-radius:50%;background:#f3f7fc;color:#16467f;font-size:30px;line-height:1;cursor:pointer;transition:background .2s}
.maya-gallery-prev{left:12px}.maya-gallery-next{right:12px}.maya-gallery-nav:hover{background:#e3eefe}
@media(max-width:600px){body.page-maya dialog.maya-gallery-dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:15px}.maya-gallery-toolbar{gap:8px;padding:12px}.maya-gallery-toolbar h2{max-width:66%;font-size:12px!important}.maya-gallery-stage{padding:16px 8px 63px;min-height:180px}.maya-gallery-stage>img{max-height:calc(92dvh - 165px)}.maya-gallery-nav{top:auto;bottom:10px;transform:none}.maya-gallery-prev{left:calc(50% - 48px)}.maya-gallery-next{right:calc(50% - 48px)}}
@media(prefers-reduced-motion:reduce){body.page-maya #ekranlar .maya-screen-open,.maya-gallery-nav{transition:none}body.page-maya #ekranlar .maya-screen-open:hover{transform:none}}

/* Keep the section menu attached to the measured main header at every size. */
body.page-maya{--maya-header-height:68px;--maya-nav-height:54px}
body.page-maya main#main-content{padding-top:var(--maya-header-height)}
body.page-maya .maya-section-nav{top:var(--maya-header-height);margin:0}
body.page-maya .content-page>section[id]{scroll-margin-top:calc(var(--maya-header-height) + var(--maya-nav-height) + 18px)}
body.page-maya #ekranlar .content-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media(max-width:700px){body.page-maya #ekranlar .content-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}