/* Alaeddin V2 — Vaktin C-eddin görsel referans uyarlaması, 24.10.2026
 * C-eddin hero smoke, layout, side rail, poster, responsive, motion language.
 * Vaktin only; no shared files, no database, and no media PNG modifications.
 */
:root{--vk-olive:#758046;--vk-deep:#394A2B;--vk-gold:#CCB36B;--vk-pale:#EDF2DF;--vk-fog:#F6F8F0;--vk-ink:#2F3B2D;
 --ce-green:#758046;--ce-green-strong:#394A2B;--ce-green-soft:#EDF2DF;--ce-accent:#758046;--ce-accent-deep:#394A2B;--ce-accent-soft:#EDF2DF;--ce-accent-glow:#CCB36B;
 --smoke-a:rgba(173,185,136,.62);--smoke-b:rgba(222,206,149,.48);
 --cechat-deep:#394A2B;--cechat-text:#344333;--cechat-leaf:#758046;--cechat-light:#F6F8F0;--cechat-line:#DBE4CA;--cechat-mute:#68765F;
}
body[data-modul="vaktin"] .ce-shell{background:#fff}
body[data-modul="vaktin"] .ce-page{--ce-accent:#758046;--ce-accent-soft:#EDF2DF}
/* SAME STAGE LANGUAGE AS C-EDDİN — full height, breathable smoke, airy layout. */
body[data-modul="vaktin"] .ce-home-layout.ce-hero-stage{
 min-height:max(780px,calc(100svh - var(--ce-shared-header-size,56px)));
 height:auto;display:grid;grid-template-columns:minmax(400px,45%) minmax(0,55%);
 position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 15%,#fff 58%,#FAFBF6 100%);
 align-items:center;
}
body[data-modul="vaktin"] .ce-home-layout .ce-hero-copy{
 z-index:5;position:relative;max-width:625px;padding:52px 10px 56px clamp(32px,4vw,78px);
}
body[data-modul="vaktin"] .ce-home-layout h1{font-size:clamp(43px,4.1vw,72px);line-height:1.085;letter-spacing:-.053em;max-width:635px;color:#302F30}
body[data-modul="vaktin"] .ce-home-layout .ce-lead{max-width:460px;color:#566177;font-weight:620}
body[data-modul="vaktin"] .ce-home-layout .ce-hero-copy>p:not(.ce-lead){max-width:485px;color:#67726b;font-size:14px;line-height:1.85}
body[data-modul="vaktin"] .ce-home-layout .ce-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 0;max-width:495px}
body[data-modul="vaktin"] .ce-hero-points span{background:#F0F3E7;border:1px solid #D8E1C5;color:#455634;box-shadow:0 4px 16px rgba(57,74,43,.06);padding:8px 11px;font-size:11px}
body[data-modul="vaktin"] .ce-readmore{color:#394A2B;border-bottom:1px solid #A1A969}
body[data-modul="vaktin"] .ce-readmore:hover{color:#758046}
body[data-modul="vaktin"] .ce-hero-art{
 position:absolute;z-index:2;right:0;top:0;bottom:0;width:59%;pointer-events:none;
 display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;
 transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .5s ease-out;
}
/* Not a solid disk: the same moving, multi-layer smoke technique as C-eddin */
body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke{
 position:absolute;right:-70px;bottom:-150px;width:min(88vw,980px);height:770px;opacity:.95;pointer-events:none;
 background:radial-gradient(ellipse at 47% 62%,rgba(117,128,70,.82) 0%,rgba(159,169,104,.67) 23%,rgba(200,208,151,.43) 40%,rgba(237,242,223,.20) 57%,transparent 76%),
 radial-gradient(ellipse at 70% 65%,rgba(204,179,107,.42),transparent 56%),
 radial-gradient(ellipse at 34% 42%,rgba(236,229,192,.43),transparent 60%);
 filter:blur(19px);animation:vk-smoke-breathe 9s ease-in-out infinite;
}
body[data-modul="vaktin"] .ce-hero-art img{
 position:absolute;z-index:2;width:auto;max-width:none;height:min(73vw,715px);right:clamp(2px,4.5vw,75px);bottom:-68px;
 object-fit:contain;transform-origin:60% 77%;filter:drop-shadow(0 13px 17px rgba(52,66,30,.20));
 animation:ce-gentle-float 6s ease-in-out infinite, vk-character-breathe 7s ease-in-out infinite;
}
@keyframes vk-character-breathe{0%,100%{scale:1}50%{scale:1.035}}
@keyframes vk-smoke-breathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-12px,-10px,0) scale(1.04)}}
/* Decorative floating shapes: gold/olive, never C-eddin green. */
body[data-modul="vaktin"] .ce-shape{color:#9FA96A}
body[data-modul="vaktin"] .ce-shape-square{background:#CCB36B;box-shadow:0 13px 30px rgba(173,144,68,.24)}
body[data-modul="vaktin"] .ce-shape-plus{color:#758046}
body[data-modul="vaktin"] .ce-shape-triangle{border-bottom-color:#D5BB76}
body[data-modul="vaktin"] .ce-shape-circle{border-color:#96A16F}
body[data-modul="vaktin"] .ce-hero-art:before{background:#F1D78D}
/* Sidebar in the canonical C-eddin proportions; small character stays in bounds. */
@media(min-width:691px){
 body[data-modul="vaktin"] .ce-rail-brand{height:210px!important;min-height:210px!important;flex:0 0 210px!important;width:var(--ce-rail-width,108px);background:linear-gradient(180deg,#758046 0 72px,#fff 72px)!important;overflow:visible}
 body[data-modul="vaktin"] .ce-rail-brand img{position:absolute;top:0!important;left:0!important;width:100%!important;height:190px!important;max-width:100%!important;max-height:190px!important;object-fit:contain!important;object-position:center top!important;filter:drop-shadow(0 5px 7px rgba(58,74,41,.22))}
 body[data-modul="vaktin"] .ce-rail-links{margin-top:0!important;padding-top:10px;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#C6CFB0 transparent}
}
body[data-modul="vaktin"] .ce-icon-links a{color:#56634F}
body[data-modul="vaktin"] .ce-icon-links a:hover,body[data-modul="vaktin"] .ce-icon-links a[aria-current="page"]{background:#F0F4E8;color:#394A2B}
body[data-modul="vaktin"] .ce-icon-links a[aria-current="page"]::after{background:#CCB36B}
body[data-modul="vaktin"] .ce-footer-toggle{color:#516436;background:linear-gradient(#fff,#F2F6E9);border-color:#DDE5D2}
body[data-modul="vaktin"] .ce-footer-toggle:hover{color:#394A2B;background:#E7EDD9}
/* C-eddin smooth cards and poster language using Vaktin tones. */
body[data-modul="vaktin"] .ce-home-poster{margin-top:26px}
body[data-modul="vaktin"] [data-zoom-poster]{border-color:#D8E1C7;box-shadow:0 12px 34px rgba(53,69,38,.08)}
body[data-modul="vaktin"] [data-zoom-poster]:hover{border-color:#A8B686;box-shadow:0 18px 42px rgba(53,69,38,.15)}
body[data-modul="vaktin"] .ce-feature:hover{border-color:#AAB889;box-shadow:0 16px 36px rgba(53,69,38,.12)}
/* Full-screen magic transition, particles, magic ring in olive/gold. */
body[data-modul="vaktin"] .ce-smoke{background:radial-gradient(ellipse 33% 62% at 35% 50%,rgba(194,205,156,.75),transparent 78%),radial-gradient(ellipse 29% 60% at 66% 45%,rgba(213,192,130,.58),transparent 80%),radial-gradient(ellipse 29% 60% at 80% 57%,rgba(246,248,231,.85),transparent 82%)}
body[data-modul="vaktin"] .ce-smoke:before,body[data-modul="vaktin"] .ce-smoke:after{background:radial-gradient(ellipse at 44% 58%,rgba(117,128,70,.62),transparent 77%),radial-gradient(ellipse at 65% 42%,rgba(204,179,107,.54),transparent 82%),radial-gradient(ellipse at 35% 30%,rgba(237,242,213,.82),transparent 78%)}
body[data-modul="vaktin"] .ce-smoke-ring{border-color:rgba(204,179,107,.5);box-shadow:0 0 90px rgba(117,128,70,.35)}
body[data-modul="vaktin"] .ce-smoke-brand{filter:drop-shadow(0 0 20px rgba(117,128,70,.4))}
body[data-modul="vaktin"] .ce-particle{background:radial-gradient(circle,#FFF7D8,#CCB36B 65%,transparent);box-shadow:0 0 18px rgba(204,179,107,.8)}
body[data-modul="vaktin"] .ce-hero-copy .ce-kicker{color:#394A2B}
body[data-modul="vaktin"] .ce-zoom-poster{background:radial-gradient(circle,#F5F6ED,#E7EDD9 43%,#fff 73%)}
@media(max-width:1150px){
 body[data-modul="vaktin"] .ce-home-layout.ce-hero-stage{grid-template-columns:minmax(350px,48%) minmax(0,52%)}
 body[data-modul="vaktin"] .ce-home-layout h1{font-size:clamp(38px,4.7vw,63px)}
 body[data-modul="vaktin"] .ce-hero-art img{height:min(67vw,620px);right:1vw;bottom:-45px}
 body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke{right:-155px;bottom:-140px;width:760px;height:650px}
}
@media(max-width:860px){
 body[data-modul="vaktin"] .ce-home-layout.ce-hero-stage{grid-template-columns:minmax(285px,48%) minmax(0,52%);min-height:700px}
 body[data-modul="vaktin"] .ce-hero-art img{height:490px;right:-18px;bottom:-25px}
 body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke{width:590px;height:530px;bottom:-145px}
 body[data-modul="vaktin"] .ce-home-layout .ce-hero-copy{padding-left:24px}
}
@media(max-width:690px){
 body[data-modul="vaktin"] .ce-home-layout.ce-hero-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;overflow:hidden}
 body[data-modul="vaktin"] .ce-home-layout .ce-hero-copy{padding:35px 22px 12px;max-width:100%;width:100%}
 body[data-modul="vaktin"] .ce-home-layout h1{font-size:clamp(36px,9vw,55px)}
 body[data-modul="vaktin"] .ce-hero-art{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:350px;min-height:350px;overflow:hidden}
 body[data-modul="vaktin"] .ce-hero-art img{height:390px;max-height:100%;max-width:100%;width:auto;right:4%;bottom:-32px;object-fit:contain}
 body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke{width:580px;height:450px;right:-115px;bottom:-170px}
 body[data-modul="vaktin"] .ce-rail-brand{height:63px!important;min-height:63px!important;width:70px!important;background:#EEF2E2!important}
 body[data-modul="vaktin"] .ce-rail-brand img{height:67px!important;width:66px!important;max-width:66px!important;top:0!important;left:0!important;object-fit:contain!important}
 body[data-modul="vaktin"] .ce-menu-toggle{color:#394A2B;border-color:#C8D5B2}
 body[data-modul="vaktin"] .ce-footer-toggle{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:99;width:70px;min-height:55px;border:1px solid #D6DDC7;border-radius:12px;box-shadow:0 8px 24px rgba(49,60,31,.15)}
}
@media(max-width:420px){
 body[data-modul="vaktin"] .ce-hero-art{height:285px;min-height:285px}
 body[data-modul="vaktin"] .ce-hero-art img{height:325px;right:0}
 body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke{height:370px;width:460px;bottom:-160px;right:-120px}
}
@media(prefers-reduced-motion:reduce){
 body[data-modul="vaktin"] .ce-hero-art .ce-hero-smoke,
 body[data-modul="vaktin"] .ce-hero-art img,
 body[data-modul="vaktin"] .ce-smoke,body[data-modul="vaktin"] .ce-particle{animation:none!important;transition:none!important}
}