/* odoo.vekosis.com tema katmanı (2026-11-04)
   Mevcut sayfaların en son stil dosyası olarak yüklenir; HTML yapısı, adresler ve içerik değişmez. */
/* yazı tipleri kendi sunucumuzdan (assets/fonts; Google Fonts, OFL). latin + latin-ext: ğ, ş, İ latin-ext'te */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("../assets/fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("../assets/fonts/inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:600 700;font-display:swap;src:url("../assets/fonts/caveat-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:600 700;font-display:swap;src:url("../assets/fonts/caveat-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --t-plum:#714B67; --t-plum-d:#5F3F56; --t-teal:#017E84; --t-gold:#FFC14B; --t-gold-d:#E9A92A; --t-coral:#E46F78;
  --t-ink:#111827; --t-text:#374151; --t-muted:#6B7280; --t-band:#F3F4F6; --t-line:#E5E7EB; --t-chip:#F3F4F6;
  --t-foot:#252733; --t-foot2:#1A1C24; --t-foot-t:#ADB5BD;
  --t-shadow:0 1px 2px rgba(17,24,39,.06),0 8px 24px -12px rgba(17,24,39,.18);
  --t-shadow-l:0 2px 4px rgba(17,24,39,.05),0 24px 48px -20px rgba(17,24,39,.28);
  --t-script:"Caveat","Segoe Print",cursive;
  --t-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font:var(--t-sans); --ink:#111827; --light-ink:#111827; --paper:#fff; --hero-paper:#fff; --muted:#6B7280; --line:#E5E7EB; --dark:#252733;
}
html body{font-family:var(--t-sans);background:#fff;color:var(--t-text);font-weight:400;-webkit-font-smoothing:antialiased}
::selection{background:var(--t-gold);color:var(--t-ink)}
a{color:inherit}

/* ---------- kaydırma çizgisi ---------- */
.t-prog{position:fixed;inset:0 0 auto;height:3px;z-index:100;background:linear-gradient(90deg,var(--t-plum),var(--t-teal),var(--t-gold));transform-origin:left;transform:scaleX(0);pointer-events:none}

/* ---------- üst menü ---------- */
.header{background:rgba(255,255,255,.94)!important;color:var(--t-ink);border-bottom:1px solid transparent;height:72px;transition:border-color .2s,box-shadow .2s}
.header.t-scrolled{border-bottom-color:var(--t-line);box-shadow:0 6px 20px -16px rgba(17,24,39,.45)}
.header .brand,.header .brand-light{color:var(--t-ink)}
.header .mark-gold,.footer .mark-gold{fill:var(--t-gold)}
.navigation>a{font:500 15px/1 var(--t-sans);letter-spacing:0;text-transform:none;color:var(--t-text);position:relative}
.navigation>a:not(.mobile-contact)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--t-teal);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.navigation>a:hover{color:var(--t-ink)}
.navigation>a:hover::after,.navigation>a[aria-current="page"]::after{transform:scaleX(1)}
.navigation>a[aria-current="page"]{color:var(--t-ink);font-weight:600}
.header-cta,.header .header-cta{border-radius:7px;font:600 14.5px/1 var(--t-sans);letter-spacing:0;text-transform:none;box-shadow:none}
.menu-toggle>span{background:var(--t-ink)}
a.header-phone{border:0;padding:10px 6px;background:transparent;color:var(--t-ink);font:600 15.5px/1 var(--t-sans);letter-spacing:0}
a.header-phone svg{color:var(--t-teal)}
a.header-phone:hover{background:transparent;color:var(--t-plum)}
@media (max-width:1120px){a.header-phone{font-size:14px;padding:10px 2px}}
@media (min-width:961px) and (max-width:1100px){a.header-phone{font-size:0;gap:0;padding:10px}a.header-phone svg{width:20px;height:20px}}  /* dar masaüstünde yalnız telefon simgesi: başlık taşmasın */
/* WhatsApp dahil ana düğmeler mor (beğenilen önizlemedeki gibi); eski yeşil kurallar çok özgül olduğu için !important */
a.whatsapp-button,a.header-cta.whatsapp-button,.navigation a.mobile-contact.whatsapp-button,.odoo-page .article-body .callout a.whatsapp-link.whatsapp-button,.odoo-page .article-body a.case-cta-link{background:var(--t-plum)!important;border-color:var(--t-plum)!important;color:#fff!important}
a.whatsapp-button:hover,a.header-cta.whatsapp-button:hover,.navigation a.mobile-contact.whatsapp-button:hover,.odoo-page .article-body .callout a.whatsapp-link.whatsapp-button:hover{background:var(--t-plum-d)!important;border-color:var(--t-plum-d)!important}
.lead-sticky{background:var(--t-line);border-top-color:var(--t-line)}
.lead-sticky-wa{background:var(--t-plum)!important;color:#fff}
.lead-sticky-call{background:var(--t-ink)!important;color:#fff!important}
.whatsapp-link:focus-visible{outline-color:var(--t-teal)}
.surec-link,.katalog-link,.katalog-bos a{color:var(--t-plum)}

/* ---------- düğmeler ---------- */
.button{font:600 15.5px/1.3 var(--t-sans);letter-spacing:0;text-transform:none;border-radius:7px;min-height:48px;padding:12px 22px;gap:10px;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-gold,.hero .button-gold,.closing-inner .button,.closing-inner .button-gold{background:var(--t-plum);color:#fff;border-color:var(--t-plum);box-shadow:none;position:relative;overflow:hidden}
.button-gold:hover,.hero .button-gold:hover,.closing-inner .button:hover{background:var(--t-plum-d);color:#fff}
.button-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.button-gold:hover::after{transition:transform .7s;transform:translateX(120%)}
.button.lead-outline,.button:where(:not(.button-gold):not(.whatsapp-button)){background:var(--t-chip);color:var(--t-plum);border-color:transparent}
.button.lead-outline:hover{background:var(--t-line)}
.whatsapp-arrow{opacity:.8}
.text-link,.text-link-dark,.module-text-link,.spotlight-cta,.spotlight-all,.card-link,.panel-link{color:var(--t-plum);font-weight:600}

/* ---------- üst etiket (eyebrow) ---------- */
.eyebrow,.dark-eyebrow,.hero .eyebrow,.closing-inner .eyebrow{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;font:700 12px/1.2 var(--t-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--t-plum);background:#fff;padding:9px 14px;border-radius:999px;box-shadow:var(--t-shadow)}
.eyebrow .tiny-square{display:none}
.eyebrow::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--t-teal);animation:t-blink 1.4s ease-in-out infinite}
@keyframes t-blink{50%{opacity:.25}}

/* ---------- el yazısı başlıklar ---------- */
.inner-hero h1,.module-hero h1,.module-catalog h1,
.section-heading h2,.module-section-heading h2,.closing-inner h2,.surec-section h2,.module-spotlight h2,
.module-final-cta h2,.veko-custom-modules h3#veko-modules-heading,.related-posts h2,.katalog-grup h2{
  font-family:var(--t-script);font-weight:700;letter-spacing:0;color:var(--t-ink)}
.inner-hero h1,.module-hero h1,.module-catalog h1{font-size:clamp(46px,5.2vw,72px);line-height:1.04;margin:20px 0 22px}
.blog-article .inner-hero h1,.text-hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.06}
.section-heading h2,.module-section-heading h2,.closing-inner h2,.surec-section h2,.module-final-cta h2,.related-posts h2{font-size:clamp(40px,4.4vw,60px);line-height:1.04;margin-top:16px}
.module-spotlight h2{font-size:clamp(34px,3.2vw,46px);line-height:1.05}
.katalog-grup h2{font-size:clamp(32px,3vw,42px);line-height:1.05}
.veko-custom-modules h3#veko-modules-heading{font-size:clamp(34px,3.4vw,48px);line-height:1.08}
.inner-hero h1 span,.module-hero h1 span,.section-heading h2 span:not([class^="t-"]),.module-spotlight h2>span{color:var(--t-teal)}
.section-intro,.inner-lead,.module-lead{color:var(--t-text)}

/* vurgu işaretleri (yalnız ana sayfa başlıklarında, sözcük sarmalanır) */
.t-hl,.t-hl-c{white-space:nowrap;padding:0 .12em;margin:0 -.04em;background-repeat:no-repeat;background-position:0 64%;background-size:100% 84%}
.t-hl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M3 18C52 9 128 7 197 13l-3 30C128 51 58 52 6 47z' fill='%23FFC14B'/%3E%3C/svg%3E")}
.t-hl-c{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M2 22C50 12 130 10 198 16l-4 26C130 50 60 50 5 46z' fill='%23E46F78' fill-opacity='.8'/%3E%3C/svg%3E")}
.t-ul{position:relative;white-space:nowrap}
.t-ul::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.1em;height:.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13C60 5 140 4 197 9' fill='none' stroke='%23017E84' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;transform-origin:left}
.t-circ{position:relative;white-space:nowrap}
.t-circ::after{content:"";position:absolute;inset:-.16em -.22em -.06em -.16em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M150 8C90 0 20 10 8 38c-10 26 60 38 120 34 50-3 70-20 64-38C186 14 140 6 96 9' fill='none' stroke='%23017E84' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;pointer-events:none}
.t-js .t-hl,.t-js .t-hl-c{background-size:0 84%;transition:background-size .9s cubic-bezier(.6,0,.2,1) .25s}
.t-js .t-in .t-hl,.t-js .t-in .t-hl-c{background-size:100% 84%}
.t-js .t-ul::after{transform:scaleX(0);transition:transform .8s ease-out .6s}
.t-js .t-in .t-ul::after{transform:scaleX(1)}
.t-js .t-circ::after{clip-path:inset(0 100% 0 0);transition:clip-path 1s ease-out .4s}
.t-js .t-in .t-circ::after{clip-path:inset(0 0 0 0)}

/* ---------- açılış ve iç sayfa başlıkları ---------- */
.inner-hero,.module-hero{background:#fff;border-bottom:0}
.breadcrumbs,.breadcrumbs a{color:var(--t-muted)}
.breadcrumbs li[aria-current]{color:var(--t-ink)}
.text-hero{padding-bottom:40px}
.article-meta{color:var(--t-muted)}
.odoo-trust>span{background:var(--t-chip);color:var(--t-ink);border-color:transparent;border-radius:999px}
.lead-promise{color:var(--t-plum)}
.lead-phone,.demo-phone{color:var(--t-ink)}

/* ana sayfa: Odoo × Vekosis ortaklık görseli */
.t-ortak{position:relative;width:min(470px,100%);aspect-ratio:1;margin:0 auto}
.t-ortak-blob{position:absolute;inset:6% -4% 4% -6%;width:110%;height:90%;fill:var(--t-gold)}
.t-ortak-halka{position:absolute;inset:6%;border-radius:50%;border:3px dashed rgba(113,75,103,.5);animation:t-spin 48s linear infinite}
@keyframes t-spin{to{transform:rotate(360deg)}}
.t-ortak-kart{position:absolute;inset:20% 12%;background:#fff;border-radius:26px;box-shadow:var(--t-shadow-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 18px;text-align:center}
.t-ortak-logolar{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}
.t-ortak-logolar .t-v{display:inline-flex;align-items:center;gap:6px;color:var(--t-ink)}
.t-ortak-logolar .t-v .brand-mark{width:34px;height:34px}
.t-ortak-logolar .t-v .brand-word{height:24px;width:auto}
.t-ortak-logolar .t-o{height:30px;width:auto}
.t-ortak-x{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t-chip);color:var(--t-plum);font:700 16px/1 var(--t-sans);flex:none}
.t-ortak-kart strong{font:700 clamp(30px,3vw,40px)/1 var(--t-script);color:var(--t-ink)}
.t-ortak-kart strong em{font-style:normal;color:var(--t-plum)}
.t-ortak-kart small{font:500 13px/1.45 var(--t-sans);color:var(--t-muted);max-width:280px}
.t-rozet{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:9px 13px;box-shadow:var(--t-shadow-l);font:600 13px/1.25 var(--t-sans);color:var(--t-ink);animation:t-float 6s ease-in-out infinite;white-space:nowrap}
.t-rozet small{display:block;font-weight:500;color:var(--t-teal)}
.t-rozet i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;font:700 12px/1 var(--t-sans);font-style:normal;flex:none}
.t-rozet.r1{left:-6%;top:12%}.t-rozet.r1 i{background:#3E9B47}
.t-rozet.r2{right:-7%;bottom:3%;animation-delay:-2s}.t-rozet.r2 i{background:var(--t-teal)}
.t-rozet.r3{left:-7%;bottom:15%;animation-delay:-4s}.t-rozet.r3 i{background:var(--t-plum)}
@keyframes t-float{50%{transform:translateY(-8px)}}
.t-not{position:absolute;right:-2%;top:-2%;display:inline-flex;align-items:flex-start;gap:2px;font:700 24px/1 var(--t-script);color:var(--t-plum);transform:rotate(6deg)}
.t-not svg{width:40px;height:34px;stroke:var(--t-plum);fill:none;stroke-width:2;stroke-linecap:round;margin-top:12px}

.inner-actions a.lead-phone{background:var(--t-ink);color:#fff;border-radius:7px}
.inner-actions a.lead-phone:hover{background:#1F2937}

/* ana sayfa: açılıştan taşınan modül vitrini */
.t-vitrin{padding:8px 0 72px}
.t-vitrin .spotlight-rail{max-width:1060px;margin:0 auto}
.module-spotlight{background:linear-gradient(135deg,#7C5571 0%,#5F3F56 60%,#4E3447 100%);border-color:#8A6680;box-shadow:0 20px 44px -18px rgba(95,63,86,.55)}
.module-spotlight h2{color:#fff}
.module-spotlight h2>span{color:var(--t-gold)}
.module-spotlight .spotlight-byline,.module-spotlight .spotlight-product{color:#F1DDEB}
.module-spotlight .spotlight-cta{color:var(--t-gold)}
.spotlight-device{background:#3B2836;border-color:#8A6680}
.showcase-zoom{background:var(--t-plum)}
.spotlight-switcher [role="tab"][aria-selected="true"]{background:#F3EDF1;border-color:var(--t-plum);color:var(--t-plum);box-shadow:inset 0 2px var(--t-plum)}
.module-hero-showcase{background:var(--t-band);border-color:var(--t-line)}
.module-hero-showcase .visual-open{border-color:var(--t-line)}
.module-hero-showcase .spotlight-byline:before{background:var(--t-gold-d)}

/* süreç kartlarındaki örnek ekran zemini */
.surec-stage{background:radial-gradient(120% 90% at 0% 0%,#6A4A60 0%,#553B4D 55%,#432E3E 100%)}
.rack{background:linear-gradient(#6A4A60,#4E3447);border-color:#8A6680}
.bar i,.chk li:before,.apv li:before{background:var(--t-teal)}
.surec-more{border-color:var(--t-plum);color:var(--t-plum)}
.surec-more:hover{background:var(--t-plum);color:#fff}
.toast{background:var(--t-gold)}

/* ---------- bölümler ve bantlar ---------- */
.landing-section:nth-of-type(odd){background:transparent}
.landing-section#neden-biz,.landing-section#sss{background:var(--t-band);border-radius:clamp(48px,10vw,160px) 0}
.landing-section#moduller{background:var(--t-band);border-radius:50% 50% 0 0/clamp(60px,9vw,130px) clamp(60px,9vw,130px) 0 0;padding-top:clamp(90px,10vw,140px)}
.veko-custom-modules{background:var(--t-band)}
.spotlight-home .t-ortak{order:6}
.spotlight-home .lead-reading{order:7}
.surec-section{background:#fff}
.module-tint,.module-section.module-tint{background:var(--t-band)}

/* ---------- kartlar ---------- */
.service-card,.feature-card,.case-story,.veko-module-card,.odoo-contact-card,.odoo-blog-card,.katalog-kart,
.module-benefits>article,.side-services,.toc,.company-note,.side-facts,.contact-form-card,.office-card,.lead-form{
  background:#fff;border:1px solid var(--t-line);border-radius:14px;box-shadow:none;transition:box-shadow .25s,transform .25s,border-color .25s}
.service-card:hover,.feature-card:hover,.case-story:hover,.veko-module-card:hover,.odoo-blog-card:hover,.katalog-kart:hover,.module-benefits>article:hover{box-shadow:var(--t-shadow-l);transform:translateY(-3px);border-color:transparent}
.landing-section#neden-biz .feature-card,.landing-section#sss .faq{border-color:transparent;box-shadow:var(--t-shadow)}
.service-icon,.feature-icon,.feature-icon-wrap,.veko-module-icon,.contact-card-mark{background:#F3EDF1;color:var(--t-plum);border-radius:10px;border:0}
.service-icon svg,.feature-icon-wrap svg,.veko-module-icon svg{color:var(--t-plum);stroke:currentColor}
.service-card h3,.feature-card h3,.case-story h3,.veko-module-card h4,.katalog-kart h3,.module-benefits h3{color:var(--t-ink);font-family:var(--t-sans);letter-spacing:-.2px}
.case-number,.service-card-no,.contact-card-no,.module-benefit-number{color:var(--t-plum);font-family:var(--t-sans)}
.case-platform,.pill,.katalog-filtre a{background:var(--t-chip);color:var(--t-ink);border-color:transparent;border-radius:999px}
.katalog-filtre a[aria-pressed="true"]{background:var(--t-plum);color:#fff;border-color:var(--t-plum)}
.katalog-filtre a[aria-pressed="true"] span{color:var(--t-gold)}
.katalog-grup-bas>span{color:var(--t-plum)}
.katalog-ozellik li::before{background:var(--t-gold-d)}
.katalog-link,.module-card-action{color:var(--t-plum)}
.katalog-arama{border-color:var(--t-line);border-radius:12px}
.katalog-arama:focus-within{border-color:var(--t-teal);box-shadow:0 0 0 3px rgba(1,126,132,.14)}

/* Odoo uygulama ızgarası */
.landing-content .module-card{background:transparent;border:0;box-shadow:none}
.module-card .module-icon-img{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--t-shadow);transition:transform .25s,box-shadow .25s;box-sizing:content-box}
.module-card:hover .module-icon-img{transform:translateY(-4px) rotate(-3deg);box-shadow:var(--t-shadow-l)}
.module-card span{color:var(--t-ink);font-weight:500}

/* sayaçlar */
.landing-content .stats-row{background:transparent;border:0;padding:30px 0 0;margin-top:48px}
.landing-content .stat-item{background:transparent;border:0;color:var(--t-text)}
.landing-content .stat-num,.landing-content .stat-plus{font-family:var(--t-script);font-weight:700;color:var(--t-plum);font-size:clamp(48px,5.4vw,66px);line-height:1;letter-spacing:0}
.landing-content .stat-desc{display:block;margin-top:8px;color:var(--t-text);font-family:var(--t-sans);font-size:15px}
.landing-content .case-proof{background:#FBF7FA;border-color:#E2D3DE;color:var(--t-ink);border-radius:12px}

/* süreç adımları */
.landing-content .process-number{font-family:var(--t-script);font-weight:700;font-size:46px;line-height:1;color:var(--t-plum);background:transparent;border:0}
.landing-content .process-step{border-top-color:var(--t-line)}
.process-connector{border-color:#C9CDD3;background:transparent}

/* sık sorulanlar */
.faq{background:#fff;border-radius:14px}
.faq summary{color:var(--t-ink);font-family:var(--t-sans);font-weight:600}
.faq summary:after{color:var(--t-plum)}
.faq[open]{box-shadow:var(--t-shadow-l)}

/* son çağrı ve form */
.closing-cta{background:#fff;color:var(--t-text)}
.closing-inner h2{color:var(--t-ink)}
.closing-inner p:not(.eyebrow),.lead-points li{color:var(--t-text)}
.lead-form{box-shadow:var(--t-shadow-l);border-color:transparent;border-radius:22px}
.lead-form h3{font:700 34px/1.05 var(--t-script);color:var(--t-ink)}
.form-group label{color:var(--t-ink)}
.form-group input,.form-group select,.form-group textarea{border-color:#D1D5DB;border-radius:8px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--t-teal);outline-offset:1px;border-color:transparent}
.lead-form button[type="submit"],.lead-form button.button,.contact-form-card button[type="submit"]{background:var(--t-plum);color:#fff;border-color:var(--t-plum)}
.lead-form button.button:hover{background:var(--t-plum-d)}

/* iletişim kartları */
.odoo-contact{background:#fff}
.contact-channel-1,.contact-channel-2,.contact-channel{background:#fff}
.contact-card-value{color:var(--t-ink)}
.contact-card-action,.contact-map-link{color:var(--t-plum)}

/* ---------- yazı ve modül sayfaları ---------- */
.article-body a{color:var(--t-plum)}
.article-body h2,.article-body h3{color:var(--t-ink);font-family:var(--t-sans)}
.article-body p,.article-body li{color:var(--t-text)}
.article-body strong{color:var(--t-ink)}
.odoo-page .article-body .callout,.article-body blockquote,.article-body .info-box,.key-points{background:#FBF7FA;border:0;border-left:4px solid var(--t-plum);border-radius:12px}
.toc a:hover,.side-services>a[aria-current="page"]{color:var(--t-plum)}
.reading-progress{background:linear-gradient(90deg,var(--t-plum),var(--t-teal))}
.module-section-nav{background:rgba(255,255,255,.96);border-color:var(--t-line)}
.module-section-nav a{color:var(--t-text)}
.module-section-nav a:hover,.module-section-nav a.is-active{color:var(--t-plum)}
.spotlight-byline{color:var(--t-plum)}
.module-gallery-options button.is-active{background:#F3EDF1;border-color:var(--t-plum);box-shadow:inset 3px 0 var(--t-plum)}
.module-step{background:#F3EDF1;border-color:#E2D3DE;color:var(--t-plum)}
.module-flow{border-color:var(--t-line)}
.module-final-cta{background:#FFF6E0;border-color:#F3D58A}
.module-catalog .module-featured{border-color:#D9C7D4;background:#FBF7FA}
.veko-module-icon,.veko-module-card:nth-child(3n+2) .veko-module-icon{border-color:transparent;background:#F3EDF1;color:var(--t-plum)}
.module-catalog-end{background:#FBF7FA;border-left-color:var(--t-plum)}
.case-story.case-cta{background:transparent;border:2px dashed #D3C4CF}

/* ---------- alt bilgi ---------- */
.footer,.full-footer{background:var(--t-foot);color:var(--t-foot-t)}
.full-footer .footer-bottom{background:var(--t-foot2);color:var(--t-foot-t);border-color:transparent;box-shadow:0 0 0 100vmax var(--t-foot2);clip-path:inset(0 -100vmax)}  /* şerit sayfa genişliğine yayılır, yatay kaydırma yapmaz */
.footer-column h3{color:#fff;font-family:var(--t-sans)}
.footer-column>a,.full-footer .footer-bottom>a,.footer-lead p{color:var(--t-foot-t)}
.footer-column>a:hover{color:#fff}
.footer .brand{color:#fff}

/* ---------- duyarlı ---------- */
@media (max-width:980px){
  .header{height:64px}
  .t-ortak{width:min(400px,92%);margin-top:28px}
}
@media (max-width:620px){
  .t-rozet{font-size:12px;padding:7px 10px}.t-rozet i{width:28px;height:28px}
  .t-rozet.r1{left:-3%}.t-rozet.r2{right:-3%}
  .t-not{font-size:20px;right:0;top:-6%}
  .t-ortak-kart{inset:18% 9%}
  .t-ortak-logolar .t-v .brand-word{height:19px}.t-ortak-logolar .t-o{height:24px}.t-ortak-logolar .t-v .brand-mark{width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){
  .t-ortak-halka,.t-rozet,.eyebrow::before{animation:none}
  .t-js .t-hl,.t-js .t-hl-c{background-size:100% 84%;transition:none}
  .t-js .t-ul::after{transform:none;transition:none}
  .t-js .t-circ::after{clip-path:none;transition:none}
}

/* iç sayfalarda sabit "Ana sayfaya dön" düğmesi (sol alt; JS varken biraz aşağı inince görünür) */
.t-anasayfa{position:fixed;left:20px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;border-radius:999px;background:var(--t-plum);color:#fff!important;font:600 14.5px/1 var(--t-sans);text-decoration:none;box-shadow:0 12px 28px -10px rgba(17,24,39,.55),0 0 0 1px rgba(255,255,255,.18);transition:opacity .25s,transform .25s,background .2s}
.t-anasayfa:hover,.t-anasayfa:focus-visible{background:var(--t-plum-d)}
.t-anasayfa svg{width:18px;height:18px;flex:none}
/* başta gizli: tema.js yüklenene kadar görünüp sönmesin. JS kapalıysa ya da klavyeyle odaklanınca görünür */
.t-anasayfa:not(.t-gor):not(:focus-visible){opacity:0;transform:translateY(12px);pointer-events:none}
@media(scripting:none){.t-anasayfa:not(.t-gor):not(:focus-visible){opacity:1;transform:none;pointer-events:auto}}
.t-anasayfa+.full-footer .footer-bottom{padding-bottom:84px}  /* en altta düğme telif satırının üstüne binmesin */
@media(max-width:620px){.t-anasayfa{left:14px;bottom:14px;padding:11px 15px 11px 12px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.t-anasayfa{transition:none}}
@media print{.t-anasayfa{display:none}}

/* YouTube video anlatımları (2026-11-04): kapak resmi + oynat; YouTube oynatıcısı tıklanınca yüklenir (tema.js) */
.t-video{margin:0;min-width:0}
.t-video-ac{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111827;box-shadow:var(--t-shadow);isolation:isolate;text-decoration:none}
.t-video-ac img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover;transform:scale(1.045);transition:transform .35s ease}  /* büyük kapakta yanlarda ince siyah şerit var */
.t-video-ac::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,0) 55%,rgba(17,24,39,.42))}
.t-video-ac:hover img{transform:scale(1.075)}
.t-video-oynat{position:absolute;z-index:1;left:14px;bottom:14px;width:54px;height:54px;border-radius:50%;background:var(--t-plum);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.55);transition:transform .2s,background .2s}
.t-video-oynat svg{width:24px;height:24px;margin-left:3px;fill:currentColor}
.t-video-ac:hover .t-video-oynat,.t-video-ac:focus-visible .t-video-oynat{transform:scale(1.08);background:var(--t-plum-d)}
.t-video-ac:focus-visible{outline:3px solid var(--t-teal);outline-offset:3px}
.t-video-sure{position:absolute;z-index:1;right:12px;bottom:12px;padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.82);color:#fff;font:600 12.5px/1.3 var(--t-sans);letter-spacing:.02em}
.t-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px;background:#000}
.t-video figcaption{margin:12px 2px 0}
.t-video figcaption strong,.t-video figcaption h3{display:block;margin:0;font:600 16.5px/1.35 var(--t-sans);color:var(--t-ink)}
.t-video figcaption p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--t-muted)}
.t-video-ilgili{display:inline-block;margin-top:8px;font:600 14px/1.4 var(--t-sans);color:var(--t-plum);text-decoration:underline;text-decoration-color:rgba(113,75,103,.35);text-underline-offset:3px}
.t-video-izgara{display:grid;gap:28px 24px}
.t-video-izgara.n1{max-width:880px;margin:0 auto}
.t-video-izgara.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.t-video-izgara.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.t-video-bas{max-width:880px;margin:0 auto 28px;text-align:center}
.t-video-bas .eyebrow{margin:0 auto 12px}
.t-video-bas h2{margin:0 0 8px}
.t-video-bas p{margin:0;color:var(--t-muted)}
.t-video-kanal{margin:24px 0 0;text-align:center;font-size:14.5px;color:var(--t-muted)}
.t-video-kanal a{color:var(--t-plum);font-weight:600;text-decoration:underline;text-decoration-color:rgba(113,75,103,.35);text-underline-offset:3px}
#video,[id^="video-"],.t-video-grup{scroll-margin-top:96px}
/* blog yazısının içinde */
.article-body .t-video,.article-body .t-video-blog{margin:34px 0}
.t-video-blog.n2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.t-video-blog .t-video{margin:0}
/* Videolar sayfası */
.t-video-ust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px}
.t-video-ust>span{font-size:14.5px;color:var(--t-muted)}
.t-video-yt{padding:15px 22px;font-size:16px;box-shadow:0 10px 24px -12px rgba(113,75,103,.7)}
.t-video-yt svg{width:22px;height:22px;padding:4px 3px 4px 5px;border-radius:7px;background:#fff;fill:var(--t-plum);box-sizing:border-box}
.t-video-konular{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.t-video-konular a{padding:8px 14px;border:1px solid var(--t-line);border-radius:999px;background:#fff;font:600 14px/1.2 var(--t-sans);color:var(--t-ink);text-decoration:none}
.t-video-konular a:hover{border-color:var(--t-plum);color:var(--t-plum)}
.t-video-sayfa.section-space{padding-top:8px}
.t-video-sayfa .t-video-grup+.t-video-grup{margin-top:60px}
.t-video-grup>h2{margin:0 0 22px;font:700 clamp(26px,2.6vw,34px)/1.2 var(--t-sans);letter-spacing:-.01em;word-spacing:normal;color:var(--t-ink)}
.t-video-cta{margin-top:72px;padding:32px;border-radius:22px;background:var(--t-band);display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between}
.t-video-cta h2{margin:0 0 6px;font:700 24px/1.25 var(--t-sans);letter-spacing:-.01em;word-spacing:normal;color:var(--t-ink)}
.t-video-cta p{margin:0;max-width:560px;color:var(--t-muted)}
.t-video-cta-b{display:flex;flex-wrap:wrap;gap:12px}
.t-video-btn,.t-video-btn2{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font:600 15px/1 var(--t-sans);text-decoration:none}
.t-video-btn{background:var(--t-plum);color:#fff}
.t-video-btn:hover{background:var(--t-plum-d);color:#fff}
.t-video-btn2{background:#fff;color:var(--t-ink);border:1px solid var(--t-line)}
.t-video-btn2:hover{border-color:var(--t-plum);color:var(--t-plum)}
@media(max-width:1000px){.t-video-izgara.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.t-video-izgara.n2,.t-video-izgara.n3,.t-video-blog.n2{grid-template-columns:1fr}.t-video-oynat{width:46px;height:46px;left:10px;bottom:10px}.t-video-cta{padding:24px}}
@media(prefers-reduced-motion:reduce){.t-video-ac img,.t-video-oynat{transition:none}}