/* ==========================================================================
IT-FIX V31 — WARM PREMIUM B2B DESIGN SYSTEM
--------------------------------------------------------------------------
Yeni namespace: ifx-v31-* · Eski class'lara dokunmaz, parent theme ve
mu-plugins'in stillerini gerektiğinde override eder. Tek dosyalık modüler
tasarım sistemi: header, hero (operations stage), trust ribbon, services
matrix, why, process timeline, partners, cta closer, footer + inner pages.
========================================================================== */
/* --- TOKENS --- */
:root{
--ifx31-bg:#fbf7ef;
--ifx31-bg-alt:#fff8e8;
--ifx31-bg-tint:#fff4dd;
--ifx31-paper:#ffffff;
--ifx31-paper-2:#fffaf0;
--ifx31-ink:#181410;
--ifx31-ink-2:#2b2520;
--ifx31-text:#3f3933;
--ifx31-muted:#776c61;
--ifx31-soft:#a59c91;
--ifx31-line:rgba(24,20,16,.08);
--ifx31-line-strong:rgba(24,20,16,.16);
--ifx31-amber:#d2841f;
--ifx31-amber-2:#e9a557;
--ifx31-amber-deep:#a85f12;
--ifx31-amber-soft:#fde9c4;
--ifx31-coral:#d96f4f;
--ifx31-coral-soft:#f5b39a;
--ifx31-green:#34a06a;
--ifx31-green-soft:#bce4cd;
--ifx31-blue:#2c6dc7;
--ifx31-graphite:#231f1b;
--ifx31-graphite-2:#2c2722;
--ifx31-shadow-xs:0 4px 12px rgba(91,60,15,.06);
--ifx31-shadow-sm:0 10px 24px rgba(91,60,15,.07);
--ifx31-shadow-md:0 22px 48px rgba(91,60,15,.10);
--ifx31-shadow-lg:0 36px 84px rgba(91,60,15,.14);
--ifx31-shadow-amber:0 22px 48px rgba(210,132,31,.28);
--ifx31-r-xs:10px;
--ifx31-r-sm:14px;
--ifx31-r:20px;
--ifx31-r-lg:28px;
--ifx31-r-xl:36px;
--ifx31-fs:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
--ifx31-fd:"Söhne","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--ifx31-wrap:1240px;
--ifx31-wrap-tight:1100px;
--ifx31-header-h:88px;
--ifx31-utility-h:38px;
}
/* --- RESET / BASE --- */
html{scroll-behavior:smooth;}
body.ifx-v31-on{
background:var(--ifx31-bg) !important;
color:var(--ifx31-text) !important;
font-family:var(--ifx31-fs) !important;
font-size:16px !important;
line-height:1.6 !important;
font-weight:430 !important;
-webkit-font-smoothing:antialiased !important;
-moz-osx-font-smoothing:grayscale !important;
text-rendering:geometricPrecision !important;
}
body.ifx-v31-on main{
background:var(--ifx31-bg) !important;
}
body.ifx-v31-on *,
body.ifx-v31-on *::before,
body.ifx-v31-on *::after{
box-sizing:border-box;
}
body.ifx-v31-on .ifx-v31-wrap{
width:100%;
max-width:var(--ifx31-wrap);
margin:0 auto;
padding:0 32px;
}
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-wrap{padding:0 18px;}
}
body.ifx-v31-on h1,
body.ifx-v31-on h2,
body.ifx-v31-on h3,
body.ifx-v31-on h4,
body.ifx-v31-on h5{
color:var(--ifx31-ink);
font-family:var(--ifx31-fd);
font-weight:740;
letter-spacing:-.014em;
line-height:1.08;
margin:0;
}
body.ifx-v31-on h1 em,
body.ifx-v31-on h2 em,
body.ifx-v31-on h3 em{
font-style:normal;
background:linear-gradient(120deg,var(--ifx31-amber-2),var(--ifx31-amber) 50%,var(--ifx31-coral));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
body.ifx-v31-on p{margin:0;}
body.ifx-v31-on a{color:inherit;text-decoration:none;}
body.ifx-v31-on img{display:block;max-width:100%;height:auto;}
body.ifx-v31-on button{
font-family:inherit;
cursor:pointer;
border:0;
background:none;
color:inherit;
}
body.ifx-v31-on .ifx-v31-eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
height:30px;
padding:0 14px;
border-radius:999px;
background:#fff4dd;
color:var(--ifx31-amber-deep);
font-size:12px;
font-weight:780;
letter-spacing:.16em;
text-transform:uppercase;
border:1px solid rgba(210,132,31,.22);
}
body.ifx-v31-on .ifx-v31-eyebrow i{
width:6px;height:6px;border-radius:50%;
background:var(--ifx31-amber);
box-shadow:0 0 0 4px rgba(210,132,31,.18);
}
/* --- BUTTONS --- */
body.ifx-v31-on .ifx-v31-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:54px;
min-height:54px;
padding:0 26px;
border:0;
border-radius:999px;
font-size:14.5px;
font-weight:680;
letter-spacing:.005em;
white-space:nowrap;
text-decoration:none;
cursor:pointer;
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
body.ifx-v31-on .ifx-v31-btn i{
display:inline-flex;
align-items:center;
justify-content:center;
font-style:normal;
font-size:1.1em;
transition:transform .22s ease;
}
body.ifx-v31-on .ifx-v31-btn:hover i{transform:translateX(3px);}
body.ifx-v31-on .ifx-v31-btn-primary{
background:linear-gradient(135deg,#f0b769 0%,#e09d3e 50%,#b76a16 100%);
color:#fff;
border:1px solid rgba(168,95,18,.42);
box-shadow:0 18px 40px rgba(210,132,31,.30),inset 0 1px 0 rgba(255,255,255,.30);
}
body.ifx-v31-on .ifx-v31-btn-primary:hover{
transform:translateY(-2px);
box-shadow:0 24px 50px rgba(210,132,31,.38),inset 0 1px 0 rgba(255,255,255,.42);
filter:saturate(1.06);
}
body.ifx-v31-on .ifx-v31-btn-ink{
background:var(--ifx31-graphite);
color:#fff;
border:1px solid rgba(255,255,255,.10);
box-shadow:0 14px 30px rgba(31,28,24,.30);
}
body.ifx-v31-on .ifx-v31-btn-ink:hover{
transform:translateY(-2px);
background:#1a1612;
box-shadow:0 22px 44px rgba(31,28,24,.40);
}
body.ifx-v31-on .ifx-v31-btn-ghost{
background:rgba(255,255,255,.7);
color:var(--ifx31-graphite);
border:1px solid var(--ifx31-line-strong);
box-shadow:0 10px 24px rgba(91,60,15,.07),inset 0 1px 0 rgba(255,255,255,.85);
backdrop-filter:blur(14px) saturate(140%);
-webkit-backdrop-filter:blur(14px) saturate(140%);
}
body.ifx-v31-on .ifx-v31-btn-ghost:hover{
transform:translateY(-2px);
background:#fff;
border-color:rgba(210,132,31,.32);
color:var(--ifx31-amber-deep);
}
body.ifx-v31-on .ifx-v31-btn-text{
height:54px;
padding:0 12px;
background:transparent;
color:var(--ifx31-graphite);
font-weight:660;
}
body.ifx-v31-on .ifx-v31-btn-text:hover{
color:var(--ifx31-amber-deep);
transform:translateX(2px);
}
body.ifx-v31-on .ifx-v31-text-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:18px;
padding:0;
color:var(--ifx31-amber-deep);
font-size:15px;
font-weight:740;
background:none;
border-bottom:1px solid currentColor;
padding-bottom:2px;
transition:color .22s ease,gap .22s ease;
}
body.ifx-v31-on .ifx-v31-text-link i{font-style:normal;transition:transform .22s ease;}
body.ifx-v31-on .ifx-v31-text-link:hover{color:var(--ifx31-coral);gap:12px;}
body.ifx-v31-on .ifx-v31-text-link:hover i{transform:translateX(3px);}
/* ==========================================================================
HEADER · sticky · top utility row + main bar + dropdown + mobile drawer
========================================================================== */
body.ifx-v31-on .ifx-v31-header{
position:sticky !important;
top:0;
z-index:1000;
background:rgba(251,247,239,.86);
border-bottom:0 !important;
border-top:0 !important;
box-shadow:none;
backdrop-filter:blur(22px) saturate(170%);
-webkit-backdrop-filter:blur(22px) saturate(170%);
transition:background .25s ease,box-shadow .25s ease;
}
body.ifx-v31-on.ifx-v31-scrolled .ifx-v31-header{
background:rgba(251,247,239,.97);
box-shadow:0 14px 34px rgba(91,60,15,.07);
}
body.admin-bar.ifx-v31-on .ifx-v31-header{top:32px;}
@media(max-width:782px){body.admin-bar.ifx-v31-on .ifx-v31-header{top:46px;}}
/* utility row — single cohesive header (no internal divider line) */
body.ifx-v31-on .ifx-v31-utility{
background:linear-gradient(180deg,rgba(255,248,232,.62),rgba(251,242,220,.30));
border:0 !important;
font-size:12.5px;
color:var(--ifx31-text);
}
body.ifx-v31-on .ifx-v31-utility-row{
display:flex;
align-items:center;
justify-content:flex-end;
gap:18px;
height:38px;
}
body.ifx-v31-on .ifx-v31-utility-item{
display:inline-flex;
align-items:center;
gap:7px;
padding:0 6px;
color:var(--ifx31-text);
font-weight:600;
letter-spacing:.005em;
transition:color .18s ease;
}
body.ifx-v31-on .ifx-v31-utility-item svg{
width:14px;height:14px;
fill:none;stroke:currentColor;stroke-width:1.8;
}
body.ifx-v31-on .ifx-v31-utility-item:hover{color:var(--ifx31-amber-deep);}
body.ifx-v31-on .ifx-v31-utility-divider{
width:1px;height:14px;background:rgba(24,20,16,.16);
}
body.ifx-v31-on .ifx-v31-utility-portal-wrap{
position:relative;
}
body.ifx-v31-on .ifx-v31-utility-portal{
display:inline-flex;
align-items:center;
gap:8px;
height:26px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(210,132,31,.36);
background:#fff;
color:var(--ifx31-graphite);
font-family:inherit;
font-weight:700;
font-size:12px;
letter-spacing:.005em;
cursor:pointer;
transition:.18s ease;
}
body.ifx-v31-on .ifx-v31-utility-portal:hover,
body.ifx-v31-on .ifx-v31-utility-portal-wrap.is-open .ifx-v31-utility-portal{
background:#fff4dd;
border-color:var(--ifx31-amber);
color:var(--ifx31-amber-deep);
transform:translateY(-1px);
}
body.ifx-v31-on .ifx-v31-utility-portal i{
width:6px;height:6px;border-radius:50%;
background:var(--ifx31-green);
box-shadow:0 0 0 3px rgba(52,160,106,.20);
}
body.ifx-v31-on .ifx-v31-portal-caret{
width:9px;height:6px;
fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;
opacity:.65;
transition:transform .22s ease;
}
body.ifx-v31-on .ifx-v31-utility-portal-wrap.is-open .ifx-v31-portal-caret{
transform:rotate(180deg);
opacity:1;
}
body.ifx-v31-on .ifx-v31-portal-panel{
position:absolute;
top:calc(100% + 12px);
right:0;
z-index:5;
width:340px;
display:grid;
gap:6px;
padding:10px;
border-radius:var(--ifx31-r);
background:rgba(255,253,247,.99);
border:1px solid rgba(210,132,31,.18);
box-shadow:0 28px 70px rgba(91,60,15,.18),inset 0 1px 0 rgba(255,255,255,.92);
opacity:0;
visibility:hidden;
transform:translateY(-6px);
pointer-events:none;
transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
body.ifx-v31-on .ifx-v31-utility-portal-wrap.is-open .ifx-v31-portal-panel{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
body.ifx-v31-on .ifx-v31-portal-panel::before{
content:"";
position:absolute;
top:-7px;
right:24px;
width:14px;height:14px;
transform:rotate(45deg);
background:#fffdf7;
border-left:1px solid rgba(210,132,31,.18);
border-top:1px solid rgba(210,132,31,.18);
}
body.ifx-v31-on .ifx-v31-portal-panel a{
display:grid;
grid-template-columns:56px minmax(0,1fr);
grid-template-rows:auto auto auto;
align-items:center;
gap:1px 14px;
padding:12px 14px;
border-radius:var(--ifx31-r-sm);
background:linear-gradient(135deg,#ffffff,#fff8ea);
border:1px solid rgba(210,132,31,.14);
color:var(--ifx31-ink);
text-decoration:none;
transition:.22s ease;
position:relative;
overflow:hidden;
}
/* Thumbnail — tematik görsel, soft amber border, hover'da mikro zoom */
body.ifx-v31-on .ifx-v31-portal-thumb{
grid-column:1;
grid-row:1 / span 3;
width:56px;
height:56px;
border-radius:12px;
overflow:hidden;
background:#fff;
border:1px solid rgba(210,132,31,.20);
align-self:center;
display:block;
position:relative;
isolation:isolate;
}
body.ifx-v31-on .ifx-v31-portal-thumb::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(255,180,80,.0) 35%, rgba(168,95,18,.18) 100%);
pointer-events:none;
z-index:1;
}
body.ifx-v31-on .ifx-v31-portal-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .4s cubic-bezier(.2,.7,.2,1);
}
body.ifx-v31-on .ifx-v31-portal-panel a:hover .ifx-v31-portal-thumb img{
transform:scale(1.08);
}
/* Mini kategori etiketi — eski chip yerine inline label */
body.ifx-v31-on .ifx-v31-portal-panel a small{
grid-column:2;
grid-row:1;
height:auto;
padding:0;
border-radius:0;
background:transparent;
color:var(--ifx31-amber-deep);
font-family:var(--ifx31-fd);
font-size:10px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
display:inline-block;
line-height:1;
margin-bottom:2px;
}
body.ifx-v31-on .ifx-v31-portal-panel a b{
grid-column:2;
grid-row:2;
font-family:var(--ifx31-fd);
font-size:14px;
font-weight:740;
color:var(--ifx31-ink);
line-height:1.2;
}
/* Description span — thumbnail span'iyle çakışmasın */
body.ifx-v31-on .ifx-v31-portal-panel a > span:not(.ifx-v31-portal-thumb){
grid-column:2;
grid-row:3;
font-size:12px;
color:var(--ifx31-muted);
line-height:1.4;
margin-top:1px;
}
body.ifx-v31-on .ifx-v31-portal-panel a:hover{
background:linear-gradient(135deg,#fff,#fff1d6);
border-color:rgba(210,132,31,.36);
transform:translateX(2px);
box-shadow:0 12px 22px rgba(210,132,31,.12);
}
body.ifx-v31-on .ifx-v31-portal-panel a:hover .ifx-v31-portal-thumb{
border-color:rgba(210,132,31,.45);
}
@media(max-width:560px){
body.ifx-v31-on .ifx-v31-utility-portal-wrap{display:none;}
}
body.ifx-v31-on .ifx-v31-utility-lang{
display:inline-flex;align-items:center;
font-weight:600;letter-spacing:.06em;
color:var(--ifx31-muted);
}
/* =========================================================================
ITFIXX HEADER · isolated rebuild (itfixx-*)
Eski .ifx-v31-mainbar / .ifx-v31-nav / .ifx-v31-mega / .ifx-v31-drawer /
.ifx-v31-burger kuralları kaldırıldı. Yeni izole sistem aşağıdadır.
========================================================================= */
/* Outer header wrapper keeps ifx-v31-header for sticky/scrolled effects
(still defined above). Ensure overflow is visible for mega layer. */
body.ifx-v31-on .itfixx-header,
.itfixx-header{
position:sticky;
top:0;
z-index:9990;
background:rgba(255,250,242,.96);
border-bottom:1px solid rgba(198,132,38,.14);
box-shadow:0 1px 0 rgba(0,0,0,0);
overflow:visible;
backdrop-filter:blur(18px) saturate(160%);
-webkit-backdrop-filter:blur(18px) saturate(160%);
}
body.ifx-v31-on.ifx-v31-scrolled .itfixx-header,
.ifx-v31-scrolled .itfixx-header{
background:rgba(255,250,242,.985);
box-shadow:0 14px 34px rgba(91,60,15,.07);
}
.admin-bar .itfixx-header{top:32px;}
@media(max-width:782px){.admin-bar .itfixx-header{top:46px;}}
/* Main bar */
.itfixx-header .itfixx-header-bar{
position:relative;
background:transparent;
}
.itfixx-header-inner{
width:100%;
max-width:1500px;
margin:0 auto;
min-height:92px;
padding:0 44px;
display:grid;
grid-template-columns:170px minmax(0,1fr) auto;
align-items:center;
column-gap:34px;
position:relative;
}
/* Logo */
.itfixx-logo{
display:inline-flex;
align-items:center;
width:170px;
min-width:170px;
position:relative;
z-index:3;
height:92px;
}
.itfixx-logo img{
display:block;
width:auto;
height:46px;
max-height:54px;
max-width:145px;
object-fit:contain;
}
/* Desktop nav */
.itfixx-desktop-nav{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
width:100%;
}
.itfixx-menu{
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
gap:clamp(18px, 1.7vw, 38px);
flex-wrap:nowrap;
white-space:nowrap;
min-width:0;
}
.itfixx-menu-item{
position:relative;
margin:0;
padding:0;
list-style:none;
flex:0 0 auto;
}
.itfixx-menu-item > a{
display:inline-flex;
align-items:center;
gap:6px;
height:42px;
padding:0 8px;
border-radius:999px;
color:var(--ifx31-ink-2,#2b2520);
font-size:15px;
font-weight:620;
letter-spacing:.005em;
line-height:1;
white-space:nowrap;
text-decoration:none;
background:transparent;
border:1px solid transparent;
transition:background .22s ease,color .22s ease,border-color .22s ease;
cursor:pointer;
}
.itfixx-menu-item > a:hover,
.itfixx-menu-item > a:focus-visible,
.itfixx-menu-item.is-open > a,
.itfixx-menu-item:focus-within > a{
color:var(--ifx31-amber-deep,#a85f12);
background:rgba(255,244,221,.78);
border-color:rgba(210,132,31,.20);
outline:none;
}
.itfixx-caret{
width:9px;
height:6px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
opacity:.7;
transition:transform .22s ease,opacity .22s ease;
}
.itfixx-menu-item.is-open .itfixx-caret,
.itfixx-menu-item:focus-within .itfixx-caret{
transform:rotate(180deg);
opacity:1;
}
/* Actions */
.itfixx-actions{
display:flex;
align-items:center;
justify-self:end;
gap:10px;
flex-shrink:0;
}
.itfixx-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:48px;
padding:0 22px;
border-radius:999px;
background:linear-gradient(135deg,#f0b769 0%,#e09d3e 50%,#b76a16 100%);
color:#fff;
font-size:14.5px;
font-weight:720;
letter-spacing:.005em;
white-space:nowrap;
text-decoration:none;
border:1px solid rgba(168,95,18,.4);
box-shadow:0 16px 36px rgba(210,132,31,.28),inset 0 1px 0 rgba(255,255,255,.30);
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.itfixx-cta:hover,
.itfixx-cta:focus-visible{
transform:translateY(-2px);
box-shadow:0 22px 46px rgba(210,132,31,.36);
filter:saturate(1.05);
outline:none;
}
.itfixx-cta i{
font-style:normal;
transition:transform .22s ease;
}
.itfixx-cta:hover i,
.itfixx-cta:focus-visible i{transform:translateX(3px);}
/* Mobile toggle */
.itfixx-mobile-toggle{
display:none;
align-items:center;
justify-content:center;
gap:8px;
height:46px;
padding:0 14px;
border-radius:14px;
background:#fff;
border:1px solid var(--ifx31-line-strong,rgba(24,20,16,.16));
box-shadow:0 4px 12px rgba(91,60,15,.06);
color:var(--ifx31-graphite,#231f1b);
font-size:14px;
font-weight:680;
cursor:pointer;
font-family:inherit;
justify-self:end;
}
.itfixx-mobile-toggle:hover{
border-color:rgba(210,132,31,.36);
color:var(--ifx31-amber-deep,#a85f12);
}
.itfixx-mobile-toggle-bars{
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
width:20px;
height:14px;
}
.itfixx-mobile-toggle-bars i{
display:block;
width:18px;
height:2px;
background:currentColor;
border-radius:2px;
transition:transform .25s ease,opacity .25s ease;
}
.itfixx-header.is-mobile-open .itfixx-mobile-toggle-bars i:nth-child(1){
transform:translateY(6px) rotate(45deg);
}
.itfixx-header.is-mobile-open .itfixx-mobile-toggle-bars i:nth-child(2){
opacity:0;
}
.itfixx-header.is-mobile-open .itfixx-mobile-toggle-bars i:nth-child(3){
transform:translateY(-6px) rotate(-45deg);
}
.itfixx-mobile-toggle-text{
display:inline-block;
letter-spacing:.005em;
}
/* =========================================================================
MEGA LAYER · centered, viewport-safe
========================================================================= */
.itfixx-mega-layer{
position:absolute;
left:50%;
top:100%;
transform:translateX(-50%) translateY(-6px);
width:min(1120px, calc(100vw - 48px));
max-width:calc(100vw - 48px);
z-index:9999;
pointer-events:none;
opacity:0;
visibility:hidden;
transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.itfixx-header.is-mega-open .itfixx-mega-layer{
pointer-events:auto;
opacity:1;
visibility:visible;
transform:translateX(-50%) translateY(6px);
}
.itfixx-mega-panel{
display:none;
grid-template-columns:320px minmax(0,1fr);
gap:24px;
padding:24px;
border-radius:0 0 28px 28px;
background:rgba(255,250,242,.99);
box-shadow:0 24px 70px rgba(60,38,16,.16);
border:1px solid rgba(204,139,49,.20);
max-height:calc(100vh - 130px);
overflow:auto;
}
.itfixx-mega-panel.is-active{
display:grid;
}
.itfixx-mega-feature{
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-height:260px;
padding:22px;
border-radius:20px;
background:
radial-gradient(circle at 22% 16%,rgba(255,255,255,.20),transparent 36%),
linear-gradient(135deg,#3a2611 0%,#23201c 56%,#a85f12 130%);
color:#fff;
overflow:hidden;
}
.itfixx-mega-feature::after{
content:"";
position:absolute;
right:-60px;
bottom:-60px;
width:180px;
height:180px;
border-radius:999px;
background:rgba(255,255,255,.10);
}
.itfixx-mega-feature > *{position:relative;z-index:2;}
.itfixx-mega-feature small{
display:block;
font-size:11px;
font-weight:880;
letter-spacing:.18em;
color:#fde4b5;
text-transform:uppercase;
margin-bottom:12px;
}
.itfixx-mega-feature strong{
display:block;
font-family:var(--ifx31-fd,inherit);
font-size:22px;
line-height:1.16;
font-weight:780;
margin-bottom:10px;
}
.itfixx-mega-feature p{
font-size:13.5px;
line-height:1.55;
color:rgba(255,255,255,.85);
margin:0 0 18px;
}
.itfixx-mega-feature a{
display:inline-flex;
align-items:center;
gap:8px;
color:#fff;
font-weight:760;
font-size:13.5px;
text-decoration:none;
}
.itfixx-mega-feature a:hover{text-decoration:underline;}
.itfixx-mega-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-content:start;
}
.itfixx-mega-links a{
display:flex;
flex-direction:column;
gap:4px;
padding:14px 16px;
border-radius:14px;
background:linear-gradient(135deg,#ffffff,#fff8ea);
border:1px solid rgba(210,132,31,.16);
color:var(--ifx31-ink,#181410);
text-decoration:none;
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.itfixx-mega-links a:hover,
.itfixx-mega-links a:focus-visible{
background:linear-gradient(135deg,#fff,#fff1d6);
border-color:rgba(210,132,31,.36);
transform:translateY(-1px);
box-shadow:0 14px 26px rgba(210,132,31,.12);
outline:none;
}
.itfixx-mega-links a b{
font-size:14.5px;
font-weight:760;
line-height:1.25;
}
.itfixx-mega-links a span{
font-size:12.5px;
color:var(--ifx31-muted,#776c61);
line-height:1.4;
}
.itfixx-mega-links a[aria-current="page"]{
border-color:rgba(210,132,31,.55);
background:linear-gradient(135deg,#fff,#fff1d6);
}
/* =========================================================================
MOBILE PANEL · accordion drawer
========================================================================= */
.itfixx-mobile-panel{
position:absolute;
top:100%;
left:0;
right:0;
width:100%;
background:#fdfaf3;
border-top:1px solid rgba(198,132,38,.14);
box-shadow:0 26px 60px rgba(91,60,15,.18);
max-height:0;
overflow:hidden;
transition:max-height .35s ease,visibility 0s linear .35s;
visibility:hidden;
z-index:9998;
}
.itfixx-header.is-mobile-open .itfixx-mobile-panel{
max-height:calc(100vh - 90px);
overflow-y:auto;
visibility:visible;
transition:max-height .35s ease,visibility 0s linear 0s;
}
.itfixx-mobile-inner{
display:flex;
flex-direction:column;
gap:8px;
padding:20px 22px 28px;
max-width:640px;
margin:0 auto;
width:100%;
box-sizing:border-box;
}
.itfixx-mobile-group{
background:#fff;
border:1px solid rgba(24,20,16,.08);
border-radius:14px;
box-shadow:0 4px 12px rgba(91,60,15,.06);
overflow:hidden;
}
.itfixx-mobile-group > summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:16px 18px;
font-size:15.5px;
font-weight:680;
color:var(--ifx31-ink,#181410);
cursor:pointer;
list-style:none;
}
.itfixx-mobile-group > summary::-webkit-details-marker{display:none;}
.itfixx-mobile-group > summary::marker{content:"";}
.itfixx-mobile-group > summary i{
width:10px;
height:10px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg);
transition:transform .22s ease;
margin-top:-4px;
flex-shrink:0;
}
.itfixx-mobile-group[open] > summary i{
transform:rotate(-135deg);
margin-top:4px;
}
.itfixx-mobile-sub{
display:flex;
flex-direction:column;
padding:4px 8px 12px;
gap:2px;
border-top:1px solid rgba(24,20,16,.06);
}
.itfixx-mobile-sub a{
display:block;
padding:11px 14px;
border-radius:10px;
font-size:14.5px;
font-weight:540;
color:var(--ifx31-text,#3f3933);
text-decoration:none;
transition:background .18s ease,color .18s ease;
}
.itfixx-mobile-sub a:hover,
.itfixx-mobile-sub a:focus-visible{
background:rgba(255,244,221,.65);
color:var(--ifx31-amber-deep,#a85f12);
outline:none;
}
.itfixx-mobile-sub a[aria-current="page"]{
background:rgba(255,244,221,.85);
color:var(--ifx31-amber-deep,#a85f12);
}
.itfixx-mobile-link{
display:flex;
align-items:center;
padding:16px 18px;
border-radius:14px;
background:#fff;
border:1px solid rgba(24,20,16,.08);
box-shadow:0 4px 12px rgba(91,60,15,.06);
font-size:15.5px;
font-weight:680;
color:var(--ifx31-ink,#181410);
text-decoration:none;
}
.itfixx-mobile-link:hover{
border-color:rgba(210,132,31,.36);
color:var(--ifx31-amber-deep,#a85f12);
}
.itfixx-mobile-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:10px;
}
.itfixx-mobile-cta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:52px;
padding:0 18px;
border-radius:999px;
font-size:14.5px;
font-weight:680;
text-decoration:none;
transition:transform .22s ease,box-shadow .22s ease;
}
.itfixx-mobile-cta--primary{
grid-column:1/-1;
background:linear-gradient(135deg,#f0b769 0%,#e09d3e 50%,#b76a16 100%);
color:#fff;
border:1px solid rgba(168,95,18,.4);
box-shadow:0 16px 36px rgba(210,132,31,.28);
font-weight:720;
}
.itfixx-mobile-cta--ghost{
background:#fff;
color:var(--ifx31-graphite,#231f1b);
border:1px solid rgba(24,20,16,.16);
}
.itfixx-mobile-cta--ghost:hover{
border-color:rgba(210,132,31,.36);
color:var(--ifx31-amber-deep,#a85f12);
}
.itfixx-mobile-cta i{
font-style:normal;
transition:transform .22s ease;
}
.itfixx-mobile-cta:hover i{transform:translateX(3px);}
/* =========================================================================
BREAKPOINTS
========================================================================= */
@media(max-width:1380px){
.itfixx-header-inner{
padding:0 32px;
column-gap:24px;
grid-template-columns:160px minmax(0,1fr) auto;
}
.itfixx-logo,
.itfixx-logo{width:160px;min-width:160px;}
.itfixx-menu{gap:clamp(14px,1.4vw,28px);}
}
@media(max-width:1280px){
.itfixx-header-inner{
padding:0 24px;
column-gap:18px;
grid-template-columns:150px minmax(0,1fr) auto;
min-height:88px;
}
.itfixx-logo{width:150px;min-width:150px;height:88px;}
.itfixx-logo img{height:42px;max-width:135px;}
.itfixx-menu{gap:clamp(10px,1.1vw,20px);}
.itfixx-menu-item > a{font-size:14px;padding:0 6px;}
.itfixx-cta{height:44px;padding:0 18px;font-size:14px;}
}
@media(max-width:1180px){
.itfixx-header-inner{
grid-template-columns:1fr auto;
column-gap:16px;
padding:0 22px;
min-height:80px;
}
.itfixx-logo{width:auto;min-width:0;height:80px;}
.itfixx-logo img{height:40px;max-width:140px;}
.itfixx-desktop-nav{display:none;}
.itfixx-actions{display:none;}
.itfixx-mobile-toggle{display:inline-flex;}
.itfixx-mega-layer{display:none !important;}
}
@media(max-width:768px){
.itfixx-header-inner{
padding:0 16px;
min-height:72px;
}
.itfixx-logo{height:72px;}
.itfixx-logo img{height:38px;max-width:132px;}
.itfixx-mobile-toggle{height:42px;padding:0 12px;font-size:13.5px;}
.itfixx-mobile-inner{padding:16px 16px 24px;}
}
@media(max-width:560px){
.itfixx-mobile-toggle-text{display:none;}
.itfixx-mobile-toggle{padding:0 12px;}
.itfixx-mobile-actions{grid-template-columns:1fr;}
}
@media(max-width:400px){
.itfixx-header-inner{padding:0 14px;}
.itfixx-logo img{max-width:120px;}
}
/* =========================================================================
LEGACY NEUTRALIZERS · disable any old header/menu styles still in flight
========================================================================= */
body.ifx-v31-on .ifx-v31-mainbar,
body.ifx-v31-on .ifx-v31-mainbar-row,
body.ifx-v31-on .ifx-v31-brand,
body.ifx-v31-on .ifx-v31-nav,
body.ifx-v31-on .ifx-v31-nav-link,
body.ifx-v31-on .ifx-v31-has-mega,
body.ifx-v31-on .ifx-v31-mega,
body.ifx-v31-on .ifx-v31-mega-feature,
body.ifx-v31-on .ifx-v31-mega-list,
body.ifx-v31-on .ifx-v31-actions,
body.ifx-v31-on .ifx-v31-cta,
body.ifx-v31-on .ifx-v31-burger,
body.ifx-v31-on .ifx-v31-drawer,
body.ifx-v31-on .ifx-v31-drawer-inner,
body.ifx-v31-on .ifx-v31-drawer-group,
body.ifx-v31-on .ifx-v31-drawer-portal,
body.ifx-v31-on .ifx-v31-drawer-actions{
/* yeni itfixx- yapısı kullanılıyor — markup'ta yokken kural body'yi etkilemez */
}
/* Eski safe header v23 kurallarını da tamamen pasifleştir */
body.ifx23-mega-ready,
.ifx23-mega-ready{
/* itfix-safe-header-menu-v23.css yalnız bu body class'ı ile aktif olur;
yeni mimaride bu class hiçbir zaman set edilmediği için zaten dormant. */
}
/* Prevent any horizontal overflow from header siblings */
html,body{overflow-x:clip;}
/* ==========================================================================
HERO · operations stage composition (sol metin · sağ premium tech kompozisyon)
========================================================================== */
body.ifx-v31-on .ifx-v31-hero{
position:relative;
overflow:hidden;
padding:76px 0 92px;
isolation:isolate;
background:transparent;
}
body.ifx-v31-on .ifx-v31-hero-bg{
position:absolute;
inset:0;
z-index:-1;
background:
radial-gradient(ellipse at 78% 22%,rgba(245,184,90,.40),transparent 38%),
radial-gradient(ellipse at 18% 8%,rgba(255,237,194,.55),transparent 42%),
radial-gradient(ellipse at 92% 78%,rgba(217,111,79,.18),transparent 36%),
linear-gradient(180deg,#fffaf0 0%,#fbf7ef 60%,#fff4dd 100%);
}
body.ifx-v31-on .ifx-v31-hero-bg::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(24,20,16,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.045) 1px,transparent 1px);
background-size:80px 80px;
mask-image:radial-gradient(ellipse at 30% 50%,#000 0%,rgba(0,0,0,.5) 50%,transparent 80%);
-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000 0%,rgba(0,0,0,.5) 50%,transparent 80%);
opacity:.32;
}
body.ifx-v31-on .ifx-v31-hero-grid-l{
display:grid;
grid-template-columns:minmax(0,.96fr) minmax(440px,1.04fr);
gap:54px;
align-items:center;
}
body.ifx-v31-on .ifx-v31-hero-copy{
max-width:580px;
}
body.ifx-v31-on .ifx-v31-hero-copy h1{
margin:16px 0 20px;
font-size:clamp(38px,3.9vw,56px);
line-height:1.06;
letter-spacing:-.018em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-hero-copy p{
font-size:clamp(16px,1.18vw,18.5px);
line-height:1.6;
color:var(--ifx31-text);
max-width:540px;
}
body.ifx-v31-on .ifx-v31-hero-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:28px;
}
body.ifx-v31-on .ifx-v31-hero-meta{
display:flex;
flex-wrap:wrap;
gap:24px;
margin:34px 0 0;
padding:0;
list-style:none;
}
body.ifx-v31-on .ifx-v31-hero-meta li{
display:flex;
flex-direction:column;
gap:2px;
}
body.ifx-v31-on .ifx-v31-hero-meta b{
font-family:var(--ifx31-fd);
font-size:22px;
line-height:1;
color:var(--ifx31-ink);
font-weight:760;
}
body.ifx-v31-on .ifx-v31-hero-meta span{
font-size:12.5px;
font-weight:580;
color:var(--ifx31-muted);
letter-spacing:.005em;
}
/* hero stage (right side composition) */
body.ifx-v31-on .ifx-v31-hero-stage{
position:relative;
height:510px;
pointer-events:none;
user-select:none;
}
body.ifx-v31-on .ifx-v31-stage-back{
position:absolute;
inset:30px;
border-radius:var(--ifx31-r-xl);
background:
linear-gradient(135deg,rgba(255,255,255,.72) 0%,rgba(255,247,225,.42) 100%);
border:1px solid rgba(255,255,255,.6);
box-shadow:0 30px 80px rgba(91,60,15,.13),inset 0 1px 0 rgba(255,255,255,.85);
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
}
body.ifx-v31-on .ifx-v31-stage-back::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background-image:
linear-gradient(rgba(24,20,16,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.04) 1px,transparent 1px);
background-size:32px 32px;
mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 88%);
-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 88%);
}
body.ifx-v31-on .ifx-v31-stage-card{
position:absolute;
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r);
box-shadow:var(--ifx31-shadow-md);
padding:18px 20px;
}
body.ifx-v31-on .ifx-v31-stage-card--ops{
top:24px;
left:0;
width:330px;
}
body.ifx-v31-on .ifx-v31-stage-card--ops header{
display:flex;
align-items:center;
gap:10px;
padding-bottom:14px;
border-bottom:1px dashed rgba(24,20,16,.10);
margin-bottom:14px;
}
body.ifx-v31-on .ifx-v31-stage-card--ops header small{
flex:1;
font-size:13px;
font-weight:760;
color:var(--ifx31-graphite);
text-transform:uppercase;
letter-spacing:.10em;
}
body.ifx-v31-on .ifx-v31-stage-card--ops header em{
font-style:normal;
display:inline-flex;
align-items:center;
gap:6px;
font-size:11px;
font-weight:780;
color:var(--ifx31-green);
letter-spacing:.06em;
}
body.ifx-v31-on .ifx-v31-stage-card--ops header em::before{
content:"";
width:12px;height:2px;border-radius:999px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-green));
}
body.ifx-v31-on .ifx-v31-stage-card--ops ul{
list-style:none;
margin:0;padding:0;
display:flex;
flex-direction:column;
gap:10px;
}
body.ifx-v31-on .ifx-v31-stage-card--ops li{
display:flex;
align-items:center;
gap:12px;
}
body.ifx-v31-on .ifx-v31-stage-card--ops li span{
flex:1;
font-size:13.5px;
color:var(--ifx31-text);
font-weight:540;
line-height:1.35;
}
body.ifx-v31-on .ifx-v31-stage-card--ops li b{
font-family:var(--ifx31-fd);
font-size:13.5px;
font-weight:780;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-stage-card--ops li::before{
content:"";
width:8px;height:8px;border-radius:50%;
background:var(--ifx31-green);
box-shadow:0 0 0 3px rgba(52,160,106,.18);
}
body.ifx-v31-on .ifx-v31-stage-card--ops li:nth-child(2)::before{
background:var(--ifx31-blue);
box-shadow:0 0 0 3px rgba(44,109,199,.18);
}
body.ifx-v31-on .ifx-v31-stage-card--ops li:nth-child(3)::before{
background:var(--ifx31-amber);
box-shadow:0 0 0 3px rgba(210,132,31,.20);
}
body.ifx-v31-on .ifx-v31-stage-card--assurance{
bottom:44px;
right:0;
width:286px;
padding:20px 22px;
background:linear-gradient(135deg,#fff 0%,#fff8e8 100%);
border-color:rgba(210,132,31,.18);
}
body.ifx-v31-on .ifx-v31-stage-card--assurance small{
display:block;
font-size:11.5px;
font-weight:740;
color:var(--ifx31-muted);
letter-spacing:.10em;
text-transform:uppercase;
margin-bottom:8px;
}
body.ifx-v31-on .ifx-v31-stage-card--assurance strong{
display:block;
font-family:var(--ifx31-fd);
font-size:20px;
line-height:1.16;
font-weight:760;
color:var(--ifx31-ink);
margin-bottom:8px;
}
body.ifx-v31-on .ifx-v31-stage-card--assurance p{
font-size:13px;
line-height:1.5;
color:var(--ifx31-muted);
}
/* floating pills */
body.ifx-v31-on .ifx-v31-stage-pill{
position:absolute;
display:inline-flex;
align-items:center;
gap:10px;
padding:11px 16px;
border-radius:999px;
background:rgba(255,255,255,.96);
border:1px solid var(--ifx31-line);
box-shadow:var(--ifx31-shadow-sm);
font-size:13px;
font-weight:680;
color:var(--ifx31-graphite);
}
body.ifx-v31-on .ifx-v31-stage-pill svg{
width:16px;height:16px;
flex:0 0 16px;
fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body.ifx-v31-on .ifx-v31-stage-pill--shield{
top:216px;
right:42px;
border-color:rgba(52,160,106,.30);
background:linear-gradient(135deg,#fff,#f0fbf3);
}
body.ifx-v31-on .ifx-v31-stage-pill--shield svg{stroke:var(--ifx31-green);}
body.ifx-v31-on .ifx-v31-stage-pill--cloud{
bottom:128px;
left:52px;
border-color:rgba(44,109,199,.26);
background:linear-gradient(135deg,#fff,#eff5fc);
}
body.ifx-v31-on .ifx-v31-stage-pill--cloud svg{stroke:var(--ifx31-blue);}
body.ifx-v31-on .ifx-v31-stage-pill--ms{
top:156px;
right:0;
border-color:rgba(210,132,31,.28);
background:linear-gradient(135deg,#fff,#fff5e1);
}
body.ifx-v31-on .ifx-v31-stage-pill--ms svg{stroke:var(--ifx31-amber-deep);}
/* connection lines */
body.ifx-v31-on .ifx-v31-stage-line{
position:absolute;
pointer-events:none;
border-top:1px dashed rgba(210,132,31,.32);
}
body.ifx-v31-on .ifx-v31-stage-line--1{
top:120px;
left:240px;
width:140px;
transform:rotate(18deg);
}
body.ifx-v31-on .ifx-v31-stage-line--2{
bottom:200px;
left:130px;
width:160px;
transform:rotate(-12deg);
}
/* center orb (server-room heart) */
body.ifx-v31-on .ifx-v31-stage-orb{
position:absolute;
top:48%;
left:50%;
transform:translate(-50%,-50%);
width:142px;height:142px;
border-radius:50%;
background:
radial-gradient(circle at 30% 28%,rgba(255,255,255,.95),transparent 60%),
radial-gradient(circle at 70% 72%,rgba(245,184,90,.85),transparent 64%),
linear-gradient(135deg,#fff8e5,#f5b85a 60%,#d2841f);
box-shadow:0 30px 80px rgba(210,132,31,.32),inset 0 2px 0 rgba(255,255,255,.6),inset 0 -10px 30px rgba(168,95,18,.18);
animation:ifxv31float 6s ease-in-out infinite;
}
body.ifx-v31-on .ifx-v31-stage-orb::after{
content:"";
position:absolute;
inset:-22px;
border-radius:50%;
border:1px dashed rgba(210,132,31,.30);
animation:ifxv31rotate 28s linear infinite;
}
@keyframes ifxv31pulse{
0%,100%{box-shadow:0 0 0 4px rgba(52,160,106,.20);}
50%{box-shadow:0 0 0 9px rgba(52,160,106,.05);}
}
@keyframes ifxv31float{
0%,100%{transform:translate(-50%,-50%) translateY(0);}
50%{transform:translate(-50%,-50%) translateY(-6px);}
}
@keyframes ifxv31rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}
@media(max-width:1100px){
body.ifx-v31-on .ifx-v31-hero{padding:64px 0 86px;}
body.ifx-v31-on .ifx-v31-hero-grid-l{
grid-template-columns:1fr;
gap:36px;
}
body.ifx-v31-on .ifx-v31-hero-stage{width:100%;height:440px;max-width:560px;margin:0 auto;}
body.ifx-v31-on .ifx-v31-stage-card--ops{left:0;}
body.ifx-v31-on .ifx-v31-stage-card--assurance{right:0;}
}
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-hero{padding:48px 0 64px;}
body.ifx-v31-on .ifx-v31-hero-copy h1{font-size:clamp(34px,8vw,42px);}
body.ifx-v31-on .ifx-v31-hero-actions{flex-direction:column;align-items:stretch;}
body.ifx-v31-on .ifx-v31-hero-actions .ifx-v31-btn{width:100%;}
body.ifx-v31-on .ifx-v31-hero-meta{gap:18px;}
body.ifx-v31-on .ifx-v31-hero-meta b{font-size:18px;}
body.ifx-v31-on .ifx-v31-hero-stage{height:360px;}
body.ifx-v31-on .ifx-v31-stage-line{display:none;}
body.ifx-v31-on .ifx-v31-stage-card--ops{
width:260px;
padding:14px 16px;
}
body.ifx-v31-on .ifx-v31-stage-card--assurance{
width:220px;
padding:14px 16px;
}
body.ifx-v31-on .ifx-v31-stage-card--assurance strong{font-size:17px;}
body.ifx-v31-on .ifx-v31-stage-card--assurance p{font-size:12px;}
body.ifx-v31-on .ifx-v31-stage-orb{width:120px;height:120px;}
body.ifx-v31-on .ifx-v31-stage-pill--shield,
body.ifx-v31-on .ifx-v31-stage-pill--ms{display:none;}
}
/* ==========================================================================
ULTRA PREMIUM SLIDER · IT Fix v31 (hero replacement)
--------------------------------------------------------------------------
Mimari: flex-column container · stage (esnek) · rail (normal akışta).
First-fold hedefi: header-stack (utility + mainbar) çıkarılarak 100svh.
Stage'de "safe center" → uzun içerik üstten kesilmez, üst kesilme önlenir.
========================================================================== */
body.ifx-v31-on .ifx-v31-slider{
position:relative;
isolation:isolate;
margin:0;
padding:0;
overflow:hidden;
background:#0c0a08;
color:#fff;
display:flex;
flex-direction:column;
/* Header stack (utility + mainbar) — aynı CSS dosyasındaki tokenlar */
--ifx31-header-stack: calc(var(--ifx31-header-h) + var(--ifx31-utility-h));
/* First-fold hedefi: viewport - header-stack. 100svh: address bar dahil değil */
--ifx31-hero-target: calc(100svh - var(--ifx31-header-stack));
/* Rail kompakt: viewport içine sığ */
--ifx31-slider-rail-h: 92px;
/* Stage = hedef - rail, ama agresif min ile düşmesin */
--ifx31-slider-stage-min: max(520px, calc(var(--ifx31-hero-target) - var(--ifx31-slider-rail-h)));
/* İçerik üst/alt kenar boşluğu — viewport'a göre kompakt clamp */
--ifx31-slider-edge-pad: clamp(56px, 6.5vh, 88px);
}
/* svh desteklemeyen tarayıcılar için fallback */
@supports not (height: 100svh){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-hero-target: calc(100vh - var(--ifx31-header-stack));
}
}
body.ifx-v31-on .ifx-v31-slider-stage{
position:relative;
width:100%;
flex:1 0 auto;
min-height:var(--ifx31-slider-stage-min);
overflow:hidden;
}
body.ifx-v31-on .ifx-v31-slide{
position:absolute;
inset:0;
margin:0;
display:flex;
align-items:safe center; /* içerik viewport'tan büyükse üstten kesilmesin */
opacity:0;
visibility:hidden;
transition:opacity 1.05s cubic-bezier(.5,.05,.2,1), visibility 0s linear 1.05s;
pointer-events:none;
z-index:1;
overflow:hidden; /* sadece görsel taşmasını sınırla */
}
body.ifx-v31-on .ifx-v31-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity 1.05s cubic-bezier(.5,.05,.2,1), visibility 0s linear 0s;
z-index:2;
}
body.ifx-v31-on .ifx-v31-slide-media{
position:absolute;
inset:0;
overflow:hidden;
z-index:0;
}
body.ifx-v31-on .ifx-v31-slide-media img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transform:scale(1.08);
filter:saturate(.96) contrast(1.02);
transition:transform 7000ms ease-out;
will-change:transform;
}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-media img{
transform:scale(1.18);
}
/* Warm dark veil — derin amber gradient ile premium ışık karışımı */
body.ifx-v31-on .ifx-v31-slide-veil{
position:absolute;
inset:0;
background:
linear-gradient(95deg, rgba(8,6,4,.86) 0%, rgba(15,11,7,.66) 38%, rgba(15,11,7,.20) 64%, rgba(15,11,7,0) 100%),
linear-gradient(180deg, rgba(8,6,4,.30) 0%, rgba(8,6,4,0) 40%, rgba(8,6,4,.55) 100%);
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-slide-glow{
position:absolute;
top:-25%;
right:-15%;
width:62%;
height:130%;
background:radial-gradient(closest-side, rgba(233,165,87,.32) 0%, rgba(210,132,31,.10) 45%, rgba(210,132,31,0) 75%);
pointer-events:none;
mix-blend-mode:screen;
filter:blur(2px);
}
body.ifx-v31-on .ifx-v31-slide-grain{
position:absolute;
inset:0;
background-image:
repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px),
repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 3px);
mix-blend-mode:overlay;
opacity:.7;
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-slide-inner{
position:relative;
z-index:1;
width:100%;
padding-top:var(--ifx31-slider-edge-pad);
padding-bottom:var(--ifx31-slider-edge-pad);
}
body.ifx-v31-on .ifx-v31-slide-copy{
max-width:680px;
display:grid;
gap:clamp(12px, 1.6vh, 20px);
color:#fff;
}
/* Slide içeriği için staggered giriş animasyonu */
body.ifx-v31-on .ifx-v31-slide-copy > *{
opacity:0;
transform:translateY(22px);
transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *{
opacity:1;
transform:translateY(0);
}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(1){transition-delay:.18s;}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(2){transition-delay:.30s;}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(3){transition-delay:.42s;}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(4){transition-delay:.54s;}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(5){transition-delay:.66s;}
body.ifx-v31-on .ifx-v31-slide.is-active .ifx-v31-slide-copy > *:nth-child(6){transition-delay:.78s;}
/* Eyebrow — translucent dark bg over image */
body.ifx-v31-on .ifx-v31-slide-eyebrow{
background:rgba(255,244,221,.10);
border:1px solid rgba(233,165,87,.45);
color:#f7d6a3;
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
align-self:flex-start;
}
body.ifx-v31-on .ifx-v31-slide-eyebrow i{
background:var(--ifx31-amber-2);
box-shadow:0 0 0 4px rgba(233,165,87,.22);
}
body.ifx-v31-on .ifx-v31-slide-tag{
display:inline-flex;
align-items:center;
gap:14px;
align-self:flex-start;
font-family:var(--ifx31-fd);
}
body.ifx-v31-on .ifx-v31-slide-tag b{
font-size:13px;
font-weight:760;
letter-spacing:.18em;
color:var(--ifx31-amber-2);
padding:5px 11px;
border:1px solid rgba(233,165,87,.5);
border-radius:999px;
background:rgba(15,11,7,.45);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
body.ifx-v31-on .ifx-v31-slide-tag em{
font-style:normal;
font-size:12px;
font-weight:680;
letter-spacing:.22em;
color:rgba(255,255,255,.72);
text-transform:uppercase;
}
body.ifx-v31-on .ifx-v31-slide-title{
font-family:var(--ifx31-fd);
font-size:clamp(28px, 3.6vw, 52px);
line-height:1.06;
letter-spacing:-.02em;
font-weight:780;
color:#fff;
text-shadow:0 2px 18px rgba(0,0,0,.42);
max-width:18ch;
}
body.ifx-v31-on .ifx-v31-slide-title em{
background:linear-gradient(120deg, #f7d6a3 0%, #e9a557 38%, #d2841f 65%, #d96f4f 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
font-style:normal;
}
body.ifx-v31-on .ifx-v31-slide-desc{
font-size:clamp(14.5px, 1.05vw, 17px);
line-height:1.55;
color:rgba(255,255,255,.82);
max-width:58ch;
text-shadow:0 1px 14px rgba(0,0,0,.30);
}
body.ifx-v31-on .ifx-v31-slide-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
margin-top:2px;
}
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn{
height:50px;
min-height:50px;
padding:0 22px;
font-size:14px;
}
body.ifx-v31-on .ifx-v31-btn-ghost-light{
background:rgba(255,255,255,.08);
color:#fff;
border:1px solid rgba(255,255,255,.28);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
body.ifx-v31-on .ifx-v31-btn-ghost-light:hover{
background:rgba(255,255,255,.16);
border-color:rgba(255,255,255,.42);
transform:translateY(-2px);
}
body.ifx-v31-on .ifx-v31-slide-meta{
list-style:none;
margin:6px 0 0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:clamp(20px, 2.4vw, 34px);
border-top:1px solid rgba(255,255,255,.16);
padding-top:clamp(12px, 1.6vh, 20px);
}
body.ifx-v31-on .ifx-v31-slide-meta li{
display:grid;
gap:3px;
}
body.ifx-v31-on .ifx-v31-slide-meta b{
font-family:var(--ifx31-fd);
font-size:clamp(15px, 1.05vw, 17px);
font-weight:740;
letter-spacing:-.005em;
color:#fff;
}
body.ifx-v31-on .ifx-v31-slide-meta span{
font-size:11.5px;
letter-spacing:.04em;
color:rgba(255,255,255,.66);
text-transform:uppercase;
}
/* ---- Side arrows (yalnızca stage içinde, rail dışında) ---- */
body.ifx-v31-on .ifx-v31-slider-controls{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
pointer-events:none;
z-index:6;
}
body.ifx-v31-on .ifx-v31-slider-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
background:rgba(15,11,7,.42);
border:1px solid rgba(255,255,255,.22);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
pointer-events:auto;
transition:background .25s ease, transform .25s ease, border-color .25s ease, box-shadow .25s ease;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
body.ifx-v31-on .ifx-v31-slider-arrow svg{
width:20px;
height:20px;
}
body.ifx-v31-on .ifx-v31-slider-arrow:hover{
background:linear-gradient(135deg,#f0b769 0%,#e09d3e 60%,#b76a16 100%);
border-color:rgba(255,255,255,.0);
box-shadow:0 14px 30px rgba(210,132,31,.40);
transform:translateY(-50%) scale(1.05);
}
/* Sağda floating WhatsApp/iletişim butonlarıyla çakışmaması için
sağ ok daha içeride; sol ok daha dışarıda kalabilir. */
body.ifx-v31-on .ifx-v31-slider-arrow--prev{ left:20px; }
body.ifx-v31-on .ifx-v31-slider-arrow--next{ right:84px; }
/* ---- Bottom rail (normal akışta — slide içeriğiyle çakışmaz) ---- */
body.ifx-v31-on .ifx-v31-slider-rail{
position:relative;
z-index:5;
width:100%;
flex:0 0 auto;
min-height:var(--ifx31-slider-rail-h);
background:linear-gradient(180deg, rgba(15,11,7,.85) 0%, rgba(8,6,4,.95) 100%);
border-top:1px solid rgba(255,255,255,.10);
display:flex;
align-items:center;
padding:14px 0;
}
body.ifx-v31-on .ifx-v31-slider-rail-inner{
display:flex;
align-items:center;
gap:20px;
width:100%;
flex-wrap:nowrap;
}
body.ifx-v31-on .ifx-v31-slider-dots{
list-style:none;
margin:0;
padding:0;
display:flex;
gap:8px;
flex:1 1 auto;
flex-wrap:nowrap;
overflow-x:auto;
scrollbar-width:none;
min-width:0;
}
body.ifx-v31-on .ifx-v31-slider-dots::-webkit-scrollbar{ display:none; }
body.ifx-v31-on .ifx-v31-slider-dots > li{
list-style:none;
flex:0 0 auto;
}
body.ifx-v31-on .ifx-v31-slider-dot{
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
align-items:center;
gap:1px 10px;
padding:8px 16px 8px 12px;
border:1px solid rgba(255,255,255,.14);
border-radius:12px;
background:rgba(255,255,255,.04);
color:rgba(255,255,255,.70);
cursor:pointer;
text-align:left;
min-width:148px;
transition:background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
body.ifx-v31-on .ifx-v31-slider-dot:hover{
background:rgba(255,255,255,.08);
border-color:rgba(233,165,87,.35);
color:#fff;
}
body.ifx-v31-on .ifx-v31-slider-dot.is-active{
background:rgba(233,165,87,.10);
border-color:rgba(233,165,87,.55);
color:#fff;
}
body.ifx-v31-on .ifx-v31-slider-dot-num{
grid-row:1 / span 2;
font-family:var(--ifx31-fd);
font-size:17px;
font-weight:740;
letter-spacing:-.01em;
color:var(--ifx31-amber-2);
line-height:1;
align-self:center;
}
body.ifx-v31-on .ifx-v31-slider-dot-label{
grid-column:2;
grid-row:1;
font-size:11.5px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:inherit;
line-height:1.1;
}
body.ifx-v31-on .ifx-v31-slider-dot-track{
grid-column:2;
grid-row:2;
display:block;
width:100%;
height:3px;
border-radius:999px;
background:rgba(255,255,255,.14);
overflow:hidden;
margin-top:6px;
}
body.ifx-v31-on .ifx-v31-slider-dot-track i{
display:block;
width:0;
height:100%;
background:linear-gradient(90deg, #e9a557 0%, #d2841f 60%, #d96f4f 100%);
border-radius:inherit;
transition:width .15s linear;
}
body.ifx-v31-on .ifx-v31-slider-dot.is-active .ifx-v31-slider-dot-track i{
width:var(--ifx31-progress, 0%);
}
body.ifx-v31-on .ifx-v31-slider-toggle{
display:flex;
align-items:center;
gap:14px;
}
/* ESKİ .ifx-v31-slider-play butonu (boş halka olarak görünüyordu) tamamen
kaldırıldı. Yeni buton .hero-slider-toggle olarak itfix-slider-rail.css
içinde yeniden inşa edildi. Aşağıdaki eski selector'lar artık DOM'da
eşleşmiyor; iz bırakmamak için kuralları temizliyoruz. */
body.ifx-v31-on .ifx-v31-slider-counter{
font-family:var(--ifx31-fd);
display:inline-flex;
align-items:baseline;
gap:6px;
color:rgba(255,255,255,.92);
font-size:14px;
letter-spacing:.04em;
}
body.ifx-v31-on .ifx-v31-slider-counter b{
font-size:22px;
font-weight:780;
color:#fff;
letter-spacing:-.01em;
}
body.ifx-v31-on .ifx-v31-slider-counter i{
font-style:normal;
color:rgba(255,255,255,.40);
}
body.ifx-v31-on .ifx-v31-slider-counter em{
font-style:normal;
font-weight:600;
color:rgba(255,255,255,.64);
}
/* ---- 1440 laptop — biraz daha kompakt edge-pad ---- */
@media(max-width:1440px){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-slider-rail-h: 90px;
--ifx31-slider-edge-pad: clamp(52px, 6vh, 80px);
}
}
/* ---- KISA EKRAN: 1366x768, 1280x720, vb. — laptop yatay küçük yükseklik ----
Burada hero first-fold'a sığmak zorunda. Stage min'i daha agresif düşür,
içerik fontlarını kompaktlaştır, rail'i 84px'e çek. */
@media (max-height:780px) and (min-width:1024px){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-slider-rail-h: 84px;
--ifx31-slider-edge-pad: clamp(44px, 5vh, 64px);
--ifx31-slider-stage-min: max(440px, calc(var(--ifx31-hero-target) - var(--ifx31-slider-rail-h)));
}
body.ifx-v31-on .ifx-v31-slide-title{ font-size:clamp(26px, 2.6vw, 38px); max-width:22ch; }
body.ifx-v31-on .ifx-v31-slide-desc{ font-size:14.5px; line-height:1.5; }
body.ifx-v31-on .ifx-v31-slide-copy{ gap:clamp(10px, 1.2vh, 16px); }
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn{ height:46px; min-height:46px; padding:0 20px; font-size:13.5px; }
body.ifx-v31-on .ifx-v31-slide-meta{ padding-top:10px; margin-top:2px; gap:18px; }
body.ifx-v31-on .ifx-v31-slide-meta b{ font-size:14px; }
body.ifx-v31-on .ifx-v31-slide-meta span{ font-size:10.5px; }
body.ifx-v31-on .ifx-v31-slide-eyebrow{ height:26px; padding:0 12px; font-size:11px; }
body.ifx-v31-on .ifx-v31-slide-tag b{ padding:3px 9px; font-size:12px; }
body.ifx-v31-on .ifx-v31-slide-tag em{ font-size:11px; }
body.ifx-v31-on .ifx-v31-slider-rail{ padding:10px 0; }
body.ifx-v31-on .ifx-v31-slider-dot{ padding:6px 14px 6px 10px; min-width:138px; }
body.ifx-v31-on .ifx-v31-slider-dot-num{ font-size:16px; }
body.ifx-v31-on .ifx-v31-slider-arrow{ width:42px; height:42px; }
body.ifx-v31-on .ifx-v31-slider-arrow svg{ width:18px; height:18px; }
}
/* ---- Çok kısa ekranlar (alttan kesilmesin) ---- */
@media (max-height:680px) and (min-width:1024px){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-slider-stage-min: 380px;
--ifx31-slider-edge-pad: 36px;
}
body.ifx-v31-on .ifx-v31-slide-meta{ display:none; } /* en sıkışık modda opsiyonel öğeyi gizle */
}
/* ---- Tablet 1024 / 1080 ---- */
@media(max-width:1080px){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-slider-rail-h: 96px;
--ifx31-slider-edge-pad: clamp(56px, 6.5vh, 80px);
--ifx31-slider-stage-min: max(500px, calc(var(--ifx31-hero-target) - var(--ifx31-slider-rail-h)));
}
body.ifx-v31-on .ifx-v31-slide-title{ font-size:clamp(28px,4.2vw,42px); }
body.ifx-v31-on .ifx-v31-slide-desc{ font-size:15.5px; }
body.ifx-v31-on .ifx-v31-slider-arrow--prev{ left:14px; }
body.ifx-v31-on .ifx-v31-slider-arrow--next{ right:72px; }
body.ifx-v31-on .ifx-v31-slider-dot{ min-width:138px; padding:7px 14px 7px 10px; }
body.ifx-v31-on .ifx-v31-slider-dot-num{ font-size:16px; }
body.ifx-v31-on .ifx-v31-slider-dot-label{ font-size:10.5px; letter-spacing:.12em; }
}
/* ---- Mobile / Tablet portrait ---- */
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-slider{
/* mobilde header utility row küçülüyor (--ifx31-utility-h:34px, --ifx31-header-h:78px) */
--ifx31-slider-rail-h: 96px;
--ifx31-slider-edge-pad: 44px;
--ifx31-slider-stage-min: max(460px, calc(var(--ifx31-hero-target) - var(--ifx31-slider-rail-h)));
}
body.ifx-v31-on .ifx-v31-slide-copy{ gap:12px; max-width:100%; }
body.ifx-v31-on .ifx-v31-slide-title{ font-size:26px; line-height:1.14; max-width:100%; }
body.ifx-v31-on .ifx-v31-slide-desc{ font-size:14.5px; line-height:1.55; }
body.ifx-v31-on .ifx-v31-slide-actions{ flex-direction:column; align-items:stretch; }
body.ifx-v31-on .ifx-v31-slide-actions .ifx-v31-btn{ width:100%; height:48px; min-height:48px; }
body.ifx-v31-on .ifx-v31-slide-meta{ gap:16px; padding-top:12px; margin-top:2px; }
body.ifx-v31-on .ifx-v31-slide-meta b{ font-size:14px; }
body.ifx-v31-on .ifx-v31-slide-meta span{ font-size:10.5px; }
/* Mobilde okları tamamen gizle — swipe + dot navigasyonu yeterli */
body.ifx-v31-on .ifx-v31-slider-controls{ display:none; }
body.ifx-v31-on .ifx-v31-slider-rail{ padding:12px 0; }
body.ifx-v31-on .ifx-v31-slider-rail-inner{
gap:10px;
flex-direction:column-reverse;
align-items:stretch;
}
body.ifx-v31-on .ifx-v31-slider-dots{ gap:6px; }
body.ifx-v31-on .ifx-v31-slider-dot{ min-width:124px; }
body.ifx-v31-on .ifx-v31-slider-toggle{ justify-content:space-between; }
body.ifx-v31-on .ifx-v31-slide-veil{
background:linear-gradient(180deg, rgba(8,6,4,.55) 0%, rgba(8,6,4,.40) 30%, rgba(8,6,4,.85) 100%);
}
}
/* ---- Çok küçük ekranlar (390px civarı) ---- */
@media(max-width:430px){
body.ifx-v31-on .ifx-v31-slider{
--ifx31-slider-stage-min: max(440px, calc(var(--ifx31-hero-target) - var(--ifx31-slider-rail-h)));
--ifx31-slider-edge-pad: 38px;
}
body.ifx-v31-on .ifx-v31-slide-title{ font-size:24px; }
body.ifx-v31-on .ifx-v31-slide-meta{ gap:12px; }
body.ifx-v31-on .ifx-v31-slide-meta li{ flex:1 0 calc(50% - 12px); }
}
@media (prefers-reduced-motion: reduce){
body.ifx-v31-on .ifx-v31-slide,
body.ifx-v31-on .ifx-v31-slide-media img,
body.ifx-v31-on .ifx-v31-slide-copy > *,
body.ifx-v31-on .ifx-v31-slider-dot-track i{
transition:none !important;
}
body.ifx-v31-on .ifx-v31-slide-media img{ transform:scale(1.05) !important; }
}
/* ==========================================================================
TRUST RIBBON · horizontal bilgi bandı (sekme/chip değil)
========================================================================== */
body.ifx-v31-on .ifx-v31-trust{
background:#fff;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v31-trust-row{
display:flex;
align-items:center;
gap:36px;
padding:24px 0;
}
body.ifx-v31-on .ifx-v31-trust-stat{
display:flex;
flex-direction:column;
gap:2px;
flex:0 0 auto;
}
body.ifx-v31-on .ifx-v31-trust-stat strong{
font-family:var(--ifx31-fd);
font-size:22px;
font-weight:780;
background:linear-gradient(120deg,var(--ifx31-amber-2),var(--ifx31-amber-deep));
-webkit-background-clip:text;background-clip:text;color:transparent;
letter-spacing:-.005em;
line-height:1;
}
body.ifx-v31-on .ifx-v31-trust-stat small{
font-size:11.5px;
font-weight:660;
color:var(--ifx31-muted);
letter-spacing:.10em;
text-transform:uppercase;
}
body.ifx-v31-on .ifx-v31-trust-divider{
width:1px;
align-self:stretch;
background:var(--ifx31-line-strong);
}
body.ifx-v31-on .ifx-v31-trust-pillars{
display:flex;
flex-wrap:wrap;
gap:6px 26px;
flex:1 1 auto;
}
body.ifx-v31-on .ifx-v31-trust-pillars span{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13.5px;
font-weight:620;
color:var(--ifx31-graphite);
letter-spacing:.005em;
}
body.ifx-v31-on .ifx-v31-trust-pillars span::before{
content:"";
width:5px;height:5px;border-radius:50%;
background:var(--ifx31-amber);
}
body.ifx-v31-on .ifx-v31-trust-loc{
display:inline-flex;
align-items:center;
gap:8px;
flex:0 0 auto;
color:var(--ifx31-graphite);
font-size:13px;
font-weight:660;
}
body.ifx-v31-on .ifx-v31-trust-loc svg{
width:14px;height:14px;
fill:none;stroke:var(--ifx31-amber-deep);stroke-width:2;
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-trust-row{flex-direction:column;align-items:flex-start;gap:18px;padding:20px 0;}
body.ifx-v31-on .ifx-v31-trust-divider{display:none;}
}
/* ==========================================================================
MICROSOFT PARTNER · güven bloğu
========================================================================== */
body.ifx-v31-on .ifx-v31-ms-partner{
position:relative;
overflow:hidden;
background:
linear-gradient(90deg,rgba(245,184,90,.08),transparent 30%),
linear-gradient(180deg,#fff 0%,#fffaf0 100%);
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
padding:34px 0;
isolation:isolate;
}
body.ifx-v31-on .ifx-v31-ms-partner::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background-image:
linear-gradient(rgba(24,20,16,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.035) 1px,transparent 1px);
background-size:54px 54px;
mask-image:linear-gradient(90deg,rgba(0,0,0,.16),transparent 64%);
-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.16),transparent 64%);
}
body.ifx-v31-on .ifx-v31-ms-partner-inner{
position:relative;
display:grid;
grid-template-columns:220px minmax(0,1fr) auto;
gap:30px;
align-items:center;
padding:0;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-ms-partner-inner::before{
content:"";
position:absolute;
left:250px;
top:6px;
bottom:6px;
width:1px;
background:rgba(210,132,31,.18);
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-ms-partner-logo{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:102px;
padding:16px 20px;
border-radius:14px;
background:#fff;
border:1px solid rgba(15,23,42,.08);
box-shadow:0 8px 22px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.95);
transition:border-color .2s ease,box-shadow .2s ease;
}
body.ifx-v31-on .ifx-v31-ms-partner-logo:hover,
body.ifx-v31-on .ifx-v31-ms-partner-logo:focus-visible{
border-color:rgba(210,132,31,.22);
box-shadow:0 10px 26px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.98);
}
body.ifx-v31-on .ifx-v31-ms-partner-logo img{
display:block;
width:auto;
max-width:178px;
max-height:82px;
height:auto;
object-fit:contain;
filter:none;
-webkit-filter:none;
}
body.ifx-v31-on .ifx-v31-ms-partner-copy{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
}
body.ifx-v31-on .ifx-v31-ms-partner-copy small{
font-size:11px;
line-height:1.2;
font-weight:780;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
}
body.ifx-v31-on .ifx-v31-ms-partner-copy p{
max-width:720px;
margin:0;
font-family:var(--ifx31-fd);
font-size:clamp(18px,1.55vw,23px);
line-height:1.34;
font-weight:720;
color:var(--ifx31-ink);
letter-spacing:-.005em;
}
body.ifx-v31-on .ifx-v31-ms-partner-link{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
white-space:nowrap;
min-height:44px;
padding:0 18px;
border-radius:999px;
background:linear-gradient(135deg,#3a2611,#181410);
border:1px solid rgba(58,38,17,.88);
color:#fff;
font-size:13.5px;
font-weight:780;
text-decoration:none;
box-shadow:0 14px 30px rgba(58,38,17,.16),inset 0 1px 0 rgba(255,255,255,.14);
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.ifx-v31-on .ifx-v31-ms-partner-link:hover,
body.ifx-v31-on .ifx-v31-ms-partner-link:focus-visible{
transform:translateY(-2px);
border-color:rgba(210,132,31,.46);
box-shadow:0 18px 38px rgba(58,38,17,.22),inset 0 1px 0 rgba(255,255,255,.18);
}
body.ifx-v31-on .ifx-v31-ms-partner-link i{
font-style:normal;
color:var(--ifx31-amber-2);
}
@media(max-width:1040px){
body.ifx-v31-on .ifx-v31-ms-partner-inner{
grid-template-columns:210px minmax(0,1fr);
gap:24px;
}
body.ifx-v31-on .ifx-v31-ms-partner-inner::before{left:232px;}
body.ifx-v31-on .ifx-v31-ms-partner-link{
grid-column:2;
width:max-content;
}
}
@media(max-width:620px){
body.ifx-v31-on .ifx-v31-ms-partner{
padding:24px 0;
}
body.ifx-v31-on .ifx-v31-ms-partner-inner{
grid-template-columns:1fr;
gap:14px;
}
body.ifx-v31-on .ifx-v31-ms-partner-inner::before{display:none;}
body.ifx-v31-on .ifx-v31-ms-partner-logo{
width:100%;
min-height:92px;
padding:14px 18px;
border-radius:14px;
}
body.ifx-v31-on .ifx-v31-ms-partner-logo img{
max-width:176px;
max-height:80px;
}
body.ifx-v31-on .ifx-v31-ms-partner-copy p{
font-size:18px;
}
body.ifx-v31-on .ifx-v31-ms-partner-link{
grid-column:auto;
width:100%;
}
}
/* ==========================================================================
MICROSOFT365LISANS · entegre ürün geçiş section'ı
========================================================================== */
body.ifx-v31-on .ifx-v31-ms365-gateway{
position:relative;
overflow:hidden;
background:
radial-gradient(ellipse at 86% 8%,rgba(44,109,199,.10),transparent 34%),
linear-gradient(180deg,#fffaf0 0%,#fff6e6 100%);
border-bottom:1px solid var(--ifx31-line);
padding:54px 0 60px;
isolation:isolate;
}
body.ifx-v31-on .ifx-v31-ms365-gateway::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background-image:
linear-gradient(rgba(24,20,16,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.035) 1px,transparent 1px);
background-size:54px 54px;
mask-image:linear-gradient(270deg,rgba(0,0,0,.14),transparent 68%);
-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.14),transparent 68%);
}
body.ifx-v31-on .ifx-v31-ms365-gateway-inner{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
gap:56px;
align-items:center;
}
body.ifx-v31-on .ifx-v31-ms365-gateway-copy h2{
margin:16px 0 14px;
max-width:620px;
font-family:var(--ifx31-fd);
font-size:clamp(30px,3vw,42px);
line-height:1.12;
font-weight:780;
color:var(--ifx31-ink);
letter-spacing:-.012em;
}
body.ifx-v31-on .ifx-v31-ms365-gateway-copy p{
max-width:620px;
margin:0;
font-size:16px;
line-height:1.65;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v31-ms365-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
margin-top:28px;
}
body.ifx-v31-on .ifx-v31-ms365-actions .ifx-v31-btn{
min-height:48px;
}
body.ifx-v31-on .ifx-v31-ms365-whatsapp{
display:inline-flex;
align-items:center;
min-height:48px;
padding:0 8px;
color:var(--ifx31-amber-deep);
font-size:13.5px;
font-weight:780;
text-decoration:none;
}
body.ifx-v31-on .ifx-v31-ms365-whatsapp:hover,
body.ifx-v31-on .ifx-v31-ms365-whatsapp:focus-visible{
color:var(--ifx31-graphite);
text-decoration:underline;
text-underline-offset:4px;
}
body.ifx-v31-on .ifx-v31-ms365-service-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
body.ifx-v31-on .ifx-v31-ms365-service{
min-height:176px;
padding:22px;
border-radius:18px;
background:rgba(255,255,255,.72);
border:1px solid rgba(210,132,31,.16);
box-shadow:0 12px 34px rgba(91,60,15,.055),inset 0 1px 0 rgba(255,255,255,.84);
}
body.ifx-v31-on .ifx-v31-ms365-service small{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:42px;
height:28px;
padding:0 10px;
border-radius:999px;
background:#fff;
border:1px solid rgba(44,109,199,.16);
color:var(--ifx31-blue);
font-size:11px;
font-weight:820;
letter-spacing:.08em;
margin-bottom:18px;
}
body.ifx-v31-on .ifx-v31-ms365-service h3{
margin:0 0 8px;
font-family:var(--ifx31-fd);
font-size:19px;
line-height:1.22;
font-weight:760;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-ms365-service p{
margin:0;
color:var(--ifx31-muted);
font-size:14px;
line-height:1.55;
}
@media(max-width:1080px){
body.ifx-v31-on .ifx-v31-ms365-gateway-inner{
grid-template-columns:1fr;
gap:34px;
}
body.ifx-v31-on .ifx-v31-ms365-gateway-copy h2,
body.ifx-v31-on .ifx-v31-ms365-gateway-copy p{
max-width:760px;
}
}
@media(max-width:620px){
body.ifx-v31-on .ifx-v31-ms365-gateway{
padding:42px 0 48px;
}
body.ifx-v31-on .ifx-v31-ms365-gateway-copy h2{
font-size:28px;
}
body.ifx-v31-on .ifx-v31-ms365-actions{
flex-direction:column;
align-items:stretch;
}
body.ifx-v31-on .ifx-v31-ms365-actions .ifx-v31-btn,
body.ifx-v31-on .ifx-v31-ms365-whatsapp{
width:100%;
justify-content:center;
}
body.ifx-v31-on .ifx-v31-ms365-service-grid{
grid-template-columns:1fr;
}
body.ifx-v31-on .ifx-v31-ms365-service{
min-height:0;
padding:20px;
}
}
/* ==========================================================================
SALES STRIP · early conversion band
========================================================================== */
body.ifx-v31-on .ifx-v31-sales-strip{
background:linear-gradient(180deg,#fff 0%,#fff8e8 100%);
border-bottom:1px solid var(--ifx31-line);
padding:34px 0;
}
body.ifx-v31-on .ifx-v31-sales-strip-grid{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr) auto;
gap:28px;
align-items:center;
}
body.ifx-v31-on .ifx-v31-sales-strip h2{
margin:10px 0 8px;
max-width:620px;
font-size:clamp(24px,2.4vw,34px);
line-height:1.14;
}
body.ifx-v31-on .ifx-v31-sales-strip p{
max-width:620px;
color:var(--ifx31-muted);
font-size:15.5px;
line-height:1.58;
}
body.ifx-v31-on .ifx-v31-sales-strip ul{
list-style:none;
display:grid;
gap:10px;
margin:0;
padding:0;
}
body.ifx-v31-on .ifx-v31-sales-strip li{
position:relative;
padding-left:22px;
color:var(--ifx31-ink-2);
font-size:14px;
line-height:1.4;
font-weight:620;
}
body.ifx-v31-on .ifx-v31-sales-strip li::before{
content:"";
position:absolute;
top:.58em;
left:0;
width:8px;
height:8px;
border-radius:50%;
background:var(--ifx31-amber);
box-shadow:0 0 0 4px rgba(210,132,31,.14);
}
body.ifx-v31-on .ifx-v31-sales-strip .ifx-v31-btn{
white-space:nowrap;
}
@media(max-width:1020px){
body.ifx-v31-on .ifx-v31-sales-strip-grid{grid-template-columns:1fr;align-items:start;}
body.ifx-v31-on .ifx-v31-sales-strip .ifx-v31-btn{width:max-content;}
}
@media(max-width:560px){
body.ifx-v31-on .ifx-v31-sales-strip{padding:28px 0;}
body.ifx-v31-on .ifx-v31-sales-strip .ifx-v31-btn{width:100%;}
}
/* ==========================================================================
SECTIONS · genel başlık + zemin alternasyonu
========================================================================== */
body.ifx-v31-on .ifx-v31-section{
position:relative;
padding:120px 0;
background:transparent;
}
@media(max-width:900px){body.ifx-v31-on .ifx-v31-section{padding:80px 0;}}
@media(max-width:560px){body.ifx-v31-on .ifx-v31-section{padding:64px 0;}}
body.ifx-v31-on .ifx-v31-section--paper{background:#fff;border-top:1px solid var(--ifx31-line);border-bottom:1px solid var(--ifx31-line);}
body.ifx-v31-on .ifx-v31-section--cream{background:linear-gradient(180deg,#fbf7ef 0%,#fff4dd 100%);}
body.ifx-v31-on .ifx-v31-section--paper-tinted{background:linear-gradient(180deg,#fff 0%,#fffaf0 100%);border-top:1px solid var(--ifx31-line);}
body.ifx-v31-on .ifx-v31-section-head{
max-width:760px;
margin:0 0 56px;
}
body.ifx-v31-on .ifx-v31-section-head--center{
margin:0 auto 56px;
text-align:center;
}
body.ifx-v31-on .ifx-v31-section-head h2{
margin:18px 0 14px;
font-size:clamp(30px,3.6vw,48px);
letter-spacing:-.018em;
}
body.ifx-v31-on .ifx-v31-section-head p{
font-size:17px;
line-height:1.62;
color:var(--ifx31-muted);
max-width:680px;
}
body.ifx-v31-on .ifx-v31-section-head--center p{margin:0 auto;}
/* ==========================================================================
SERVICES MATRIX · sol açıklama · sağ vertical service rows (kart-grid değil)
========================================================================== */
body.ifx-v31-on .ifx-v31-services-grid{
display:grid;
grid-template-columns:minmax(280px,420px) minmax(0,1fr);
gap:80px;
align-items:start;
}
body.ifx-v31-on .ifx-v31-section-aside{
position:sticky;
top:calc(var(--ifx31-header-h) + 38px + 24px);
}
body.ifx-v31-on .ifx-v31-section-aside h2{
margin:18px 0 14px;
font-size:clamp(28px,3vw,40px);
}
body.ifx-v31-on .ifx-v31-section-aside p{
color:var(--ifx31-muted);
font-size:16px;
line-height:1.62;
}
body.ifx-v31-on .ifx-v31-service-rows{
list-style:none;
margin:0;padding:0;
display:flex;
flex-direction:column;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v31-service-rows li{margin:0;}
body.ifx-v31-on .ifx-v31-service-rows li a{
display:grid;
grid-template-columns:auto minmax(180px,1fr) minmax(0,1.8fr) auto;
align-items:center;
gap:24px;
padding:24px 0 24px 4px;
border-bottom:1px solid var(--ifx31-line);
color:var(--ifx31-ink);
position:relative;
transition:.25s ease;
}
body.ifx-v31-on .ifx-v31-service-rows li a::after{
content:"";
position:absolute;
left:-24px;
right:-24px;
top:0;bottom:0;
background:linear-gradient(135deg,#fffaf0,#fff4dd);
border-radius:var(--ifx31-r);
opacity:0;
z-index:-1;
transition:opacity .25s ease;
}
body.ifx-v31-on .ifx-v31-service-rows li a:hover::after{opacity:1;}
body.ifx-v31-on .ifx-v31-service-rows li a small{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;height:44px;
border-radius:14px;
background:linear-gradient(135deg,#fff5e1,#f5b85a);
color:var(--ifx31-amber-deep);
font-size:11px;
font-weight:880;
letter-spacing:.10em;
text-transform:uppercase;
}
body.ifx-v31-on .ifx-v31-service-rows li a h3{
font-family:var(--ifx31-fd);
font-size:19px;
font-weight:740;
letter-spacing:-.005em;
}
body.ifx-v31-on .ifx-v31-service-rows li a p{
font-size:14.5px;
line-height:1.5;
color:var(--ifx31-muted);
margin:0;
}
body.ifx-v31-on .ifx-v31-service-rows li a i{
width:42px;height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid var(--ifx31-line-strong);
background:#fff;
color:var(--ifx31-graphite);
font-style:normal;
font-size:18px;
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-service-rows li a:hover i{
background:linear-gradient(135deg,var(--ifx31-amber-2),var(--ifx31-amber-deep));
border-color:transparent;
color:#fff;
transform:translateX(3px);
box-shadow:0 12px 24px rgba(210,132,31,.30);
}
@media(max-width:1100px){
body.ifx-v31-on .ifx-v31-services-grid{grid-template-columns:1fr;gap:48px;}
body.ifx-v31-on .ifx-v31-section-aside{position:static;}
}
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-service-rows li a{
grid-template-columns:auto 1fr auto;
grid-template-rows:auto auto;
gap:16px;
padding:22px 4px;
}
body.ifx-v31-on .ifx-v31-service-rows li a small{grid-row:1/3;}
body.ifx-v31-on .ifx-v31-service-rows li a h3{grid-column:2/3;grid-row:1;}
body.ifx-v31-on .ifx-v31-service-rows li a p{grid-column:2/3;grid-row:2;}
body.ifx-v31-on .ifx-v31-service-rows li a i{grid-column:3/4;grid-row:1/3;width:36px;height:36px;}
body.ifx-v31-on .ifx-v31-service-rows li a::after{left:-16px;right:-16px;}
}
/* ==========================================================================
WHY IT FIX · premium danışmanlık anlatımı (ikon kartları değil)
========================================================================== */
body.ifx-v31-on .ifx-v31-why-inner{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);
gap:80px;
align-items:start;
}
body.ifx-v31-on .ifx-v31-why-inner header h2{
margin:18px 0 18px;
font-size:clamp(30px,3.4vw,46px);
}
body.ifx-v31-on .ifx-v31-why-inner header p{
color:var(--ifx31-muted);
font-size:17px;
line-height:1.65;
}
body.ifx-v31-on .ifx-v31-why-pillars{
list-style:none;
margin:0;padding:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px 32px;
}
body.ifx-v31-on .ifx-v31-why-pillars li{
position:relative;
padding-left:0;
}
body.ifx-v31-on .ifx-v31-why-pillars b{
display:block;
font-family:var(--ifx31-fd);
font-size:13px;
font-weight:780;
letter-spacing:.10em;
color:var(--ifx31-amber-deep);
margin-bottom:10px;
}
body.ifx-v31-on .ifx-v31-why-pillars h4{
margin:0 0 8px;
font-family:var(--ifx31-fd);
font-size:21px;
line-height:1.20;
font-weight:760;
color:var(--ifx31-ink);
position:relative;
padding-bottom:12px;
}
body.ifx-v31-on .ifx-v31-why-pillars h4::after{
content:"";
position:absolute;
left:0;bottom:0;
width:36px;height:2px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
border-radius:2px;
}
body.ifx-v31-on .ifx-v31-why-pillars p{
font-size:15px;
line-height:1.6;
color:var(--ifx31-muted);
}
@media(max-width:1100px){
body.ifx-v31-on .ifx-v31-why-inner{grid-template-columns:1fr;gap:48px;}
}
@media(max-width:680px){
body.ifx-v31-on .ifx-v31-why-pillars{grid-template-columns:1fr;gap:30px;}
}
/* ==========================================================================
PROCESS TIMELINE · yatay rail
========================================================================== */
body.ifx-v31-on .ifx-v31-process-rail{
list-style:none;
margin:0;padding:0;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
position:relative;
}
body.ifx-v31-on .ifx-v31-process-rail::before{
content:"";
position:absolute;
top:32px;
left:36px;
right:36px;
height:2px;
background:repeating-linear-gradient(90deg,rgba(210,132,31,.4) 0,rgba(210,132,31,.4) 6px,transparent 6px,transparent 12px);
z-index:0;
}
body.ifx-v31-on .ifx-v31-process-rail li{
position:relative;
padding:0 18px 0 0;
}
body.ifx-v31-on .ifx-v31-process-rail .ifx-v31-step-num{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
width:64px;height:64px;
border-radius:50%;
background:#fff;
border:2px solid var(--ifx31-amber);
color:var(--ifx31-amber-deep);
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:780;
margin-bottom:24px;
box-shadow:0 14px 30px rgba(210,132,31,.18);
}
body.ifx-v31-on .ifx-v31-process-rail li b{
display:block;
margin:0 0 8px;
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:740;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-process-rail li p{
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v31-process-rail--small{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.ifx-v31-on .ifx-v31-process-rail--small .ifx-v31-step-num{
width:48px;height:48px;
font-size:14px;
margin-bottom:18px;
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-process-rail,
body.ifx-v31-on .ifx-v31-process-rail--small{
grid-template-columns:1fr;
gap:24px;
}
body.ifx-v31-on .ifx-v31-process-rail::before{
top:32px;
left:32px;
bottom:32px;
right:auto;
width:2px;
height:auto;
background:repeating-linear-gradient(180deg,rgba(210,132,31,.4) 0,rgba(210,132,31,.4) 6px,transparent 6px,transparent 12px);
}
body.ifx-v31-on .ifx-v31-process-rail li{padding:0 0 0 84px;}
body.ifx-v31-on .ifx-v31-process-rail li .ifx-v31-step-num{position:absolute;left:0;top:0;margin-bottom:0;}
}
/* ==========================================================================
PARTNERS · sade yatay logo bandı (kutu/marquee yok)
========================================================================== */
body.ifx-v31-on .ifx-v31-partners-strip{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:0 56px;
row-gap:24px;
padding:8px 0;
}
body.ifx-v31-on .ifx-v31-partners-strip span{
display:inline-flex;
align-items:center;
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:680;
letter-spacing:.005em;
color:var(--ifx31-graphite);
opacity:.78;
transition:.22s ease;
position:relative;
}
body.ifx-v31-on .ifx-v31-partners-strip span:hover{
opacity:1;
color:var(--ifx31-amber-deep);
transform:translateY(-1px);
}
body.ifx-v31-on .ifx-v31-partners-strip span:not(:last-child)::after{
content:"";
position:absolute;
right:-28px;top:50%;
transform:translateY(-50%);
width:5px;height:5px;border-radius:50%;
background:var(--ifx31-amber);
}
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-partners-strip{gap:14px 32px;}
body.ifx-v31-on .ifx-v31-partners-strip span{font-size:15px;}
body.ifx-v31-on .ifx-v31-partners-strip span:not(:last-child)::after{right:-18px;}
}
/* ==========================================================================
CTA CLOSER · premium kapanış bloğu
========================================================================== */
body.ifx-v31-on .ifx-v31-cta-closer{
position:relative;
padding:120px 0;
background:
radial-gradient(ellipse at 12% 20%,rgba(245,184,90,.30),transparent 38%),
radial-gradient(ellipse at 92% 90%,rgba(217,111,79,.18),transparent 36%),
linear-gradient(135deg,#fff8e8 0%,#fbf2dc 60%,#f5e7c8 100%);
border-top:1px solid rgba(210,132,31,.16);
overflow:hidden;
}
body.ifx-v31-on .ifx-v31-cta-closer::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(24,20,16,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.05) 1px,transparent 1px);
background-size:64px 64px;
mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 80%);
-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 80%);
opacity:.30;
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-cta-closer-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);
gap:56px;
align-items:center;
}
body.ifx-v31-on .ifx-v31-cta-closer-grid h2{
margin:18px 0 14px;
font-size:clamp(30px,3.6vw,52px);
letter-spacing:-.018em;
}
body.ifx-v31-on .ifx-v31-cta-closer-grid p{
font-size:17px;
line-height:1.62;
color:var(--ifx31-text);
max-width:560px;
}
body.ifx-v31-on .ifx-v31-cta-closer-actions{
display:flex;
flex-direction:column;
gap:10px;
}
body.ifx-v31-on .ifx-v31-cta-closer-actions .ifx-v31-btn{
width:100%;
justify-content:space-between;
height:62px;
padding:0 26px;
font-size:15px;
}
body.ifx-v31-on .ifx-v31-cta-closer-actions .ifx-v31-btn-text{
height:62px;
background:transparent;
color:var(--ifx31-graphite);
border:1px dashed rgba(24,20,16,.18);
}
body.ifx-v31-on .ifx-v31-cta-closer-actions .ifx-v31-btn-text:hover{
border-color:var(--ifx31-amber-deep);
color:var(--ifx31-amber-deep);
background:rgba(255,255,255,.4);
transform:translateY(-1px);
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-cta-closer{padding:80px 0;}
body.ifx-v31-on .ifx-v31-cta-closer-grid{grid-template-columns:1fr;gap:36px;}
}
/* ==========================================================================
FOOTER · warm graphite + amber accent (lacivert/siyah blok değil)
========================================================================== */
body.ifx-v31-on .ifx-v31-footer{
position:relative;
background:#1c1814;
color:rgba(245,239,229,.80);
font-family:var(--ifx31-fs);
overflow:hidden;
}
body.ifx-v31-on .ifx-v31-footer::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(ellipse at 6% 0%,rgba(210,132,31,.20),transparent 32%),
radial-gradient(ellipse at 96% 100%,rgba(217,111,79,.12),transparent 28%);
opacity:.7;
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-footer > *{position:relative;z-index:1;}
/* ribbon (contact lines) */
body.ifx-v31-on .ifx-v31-footer-ribbon{
border-bottom:1px solid rgba(245,239,229,.10);
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a,
body.ifx-v31-on .ifx-v31-footer-ribbon-row > span{
display:flex;
flex-direction:column;
gap:2px;
padding:24px 24px 24px 0;
color:rgba(245,239,229,.80);
border-right:1px solid rgba(245,239,229,.10);
transition:.2s ease;
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a:last-child,
body.ifx-v31-on .ifx-v31-footer-ribbon-row > span:last-child{border-right:0;}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a + a,
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a + span{
padding-left:24px;
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row small{
font-size:11px;
font-weight:680;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(245,239,229,.60);
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row b{
font-family:var(--ifx31-fd);
font-size:16px;
font-weight:720;
color:#fff;
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row a:hover{
color:#fff;
background:rgba(245,184,90,.04);
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row a:hover b{color:var(--ifx31-amber-2);}
/* main grid */
body.ifx-v31-on .ifx-v31-footer-main{padding:64px 0 40px;}
body.ifx-v31-on .ifx-v31-footer-grid{
display:grid;
grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(0,1fr));
gap:48px;
}
body.ifx-v31-on .ifx-v31-footer-brand img{
max-height:64px;
width:auto;
margin-bottom:20px;
padding:8px 10px;
border-radius:16px;
background:rgba(255,255,255,.96);
box-shadow:0 16px 34px rgba(0,0,0,.18);
filter:none;
-webkit-filter:none;
mix-blend-mode:normal;
opacity:1;
}
body.ifx-v31-on .ifx-v31-footer-brand p{
font-size:14px;
line-height:1.62;
color:rgba(245,239,229,.80);
margin:0 0 12px;
}
body.ifx-v31-on .ifx-v31-footer-brand p strong{color:#fff;font-weight:700;}
body.ifx-v31-on .ifx-v31-footer-brand address{
font-size:13px;
line-height:1.58;
color:rgba(245,239,229,.62);
font-style:normal;
margin:14px 0 0;
}
body.ifx-v31-on .ifx-v31-footer-col h4{
margin:0 0 18px;
color:#fff;
font-family:var(--ifx31-fd);
font-size:13px;
font-weight:780;
letter-spacing:.16em;
text-transform:uppercase;
position:relative;
padding-bottom:12px;
}
body.ifx-v31-on .ifx-v31-footer-col h4::after{
content:"";
position:absolute;
left:0;bottom:0;
width:28px;height:2px;
border-radius:2px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
}
body.ifx-v31-on .ifx-v31-footer-col a{
display:block;
margin:0 0 10px;
color:rgba(245,239,229,.74);
font-size:14px;
line-height:1.4;
transition:color .18s ease,transform .18s ease;
}
body.ifx-v31-on .ifx-v31-footer-col a:hover{color:var(--ifx31-amber-2);transform:translateX(2px);}
body.ifx-v31-on .ifx-v31-footer-bottom{
border-top:1px solid rgba(245,239,229,.10);
}
body.ifx-v31-on .ifx-v31-footer-bottom .ifx-v31-wrap{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:12px;
padding-top:22px;
padding-bottom:22px;
}
body.ifx-v31-on .ifx-v31-footer-bottom span{
font-size:12.5px;
color:rgba(245,239,229,.55);
}
body.ifx-v31-on .ifx-v31-footer-bottom span:last-child{
color:var(--ifx31-amber-2);
font-weight:620;
}
@media(max-width:1100px){
body.ifx-v31-on .ifx-v31-footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
body.ifx-v31-on .ifx-v31-footer-ribbon-row{grid-template-columns:1fr 1fr;}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a,
body.ifx-v31-on .ifx-v31-footer-ribbon-row > span{
border-right:0;
border-bottom:1px solid rgba(245,239,229,.08);
}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a:nth-child(2n){border-right:0;}
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a + a,
body.ifx-v31-on .ifx-v31-footer-ribbon-row > a + span{padding-left:0;}
}
@media(max-width:600px){
body.ifx-v31-on .ifx-v31-footer-grid{grid-template-columns:1fr;gap:28px;padding:48px 0 28px;}
body.ifx-v31-on .ifx-v31-footer-ribbon-row{grid-template-columns:1fr;}
}
/* ==========================================================================
INNER PAGES · hero + content + scope + outcomes + tracking + related + faq + cta
========================================================================== */
body.ifx-v31-on .ifx-v31-page-hero{
position:relative;
overflow:hidden;
padding:80px 0 96px;
background:
radial-gradient(ellipse at 88% 16%,rgba(245,184,90,.34),transparent 36%),
radial-gradient(ellipse at 12% 88%,rgba(255,237,194,.5),transparent 42%),
linear-gradient(180deg,#fffaf0 0%,#fbf7ef 70%,#fff4dd 100%);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v31-page-hero::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
linear-gradient(rgba(24,20,16,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(24,20,16,.045) 1px,transparent 1px);
background-size:80px 80px;
mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 80%);
-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 80%);
opacity:.28;
}
body.ifx-v31-on .ifx-v31-page-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(360px,.85fr);
gap:56px;
align-items:center;
position:relative;
z-index:1;
}
body.ifx-v31-on .ifx-v31-crumb{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin-bottom:18px;
font-size:12.5px;
color:rgba(24,20,16,.6);
}
body.ifx-v31-on .ifx-v31-crumb a{
color:var(--ifx31-graphite);
font-weight:600;
}
body.ifx-v31-on .ifx-v31-crumb a:hover{color:var(--ifx31-amber-deep);}
body.ifx-v31-on .ifx-v31-crumb strong{
color:var(--ifx31-amber-deep);
font-weight:740;
}
body.ifx-v31-on .ifx-v31-page-hero h1{
margin:18px 0 18px;
font-size:clamp(34px,4vw,56px);
line-height:1.06;
letter-spacing:-.018em;
}
body.ifx-v31-on .ifx-v31-page-hero p{
font-size:17px;
line-height:1.62;
color:var(--ifx31-text);
max-width:580px;
}
/* hero side card (proof) */
body.ifx-v31-on .ifx-v31-page-hero-card{
position:relative;
padding:34px 32px;
border-radius:var(--ifx31-r-xl);
background:
linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,225,.90));
border:1px solid var(--ifx31-line);
box-shadow:0 30px 80px rgba(91,60,15,.13),inset 0 1px 0 rgba(255,255,255,.92);
}
body.ifx-v31-on .ifx-v31-page-hero-card::before{
content:"";
position:absolute;
top:-1px;left:34px;
width:64px;height:3px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
border-radius:0 0 4px 4px;
}
body.ifx-v31-on .ifx-v31-page-hero-card header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:22px;
padding-bottom:18px;
border-bottom:1px dashed rgba(24,20,16,.10);
}
body.ifx-v31-on .ifx-v31-page-hero-card header b{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;height:42px;
border-radius:14px;
background:linear-gradient(135deg,var(--ifx31-amber-2),var(--ifx31-amber-deep));
color:#fff;
font-family:var(--ifx31-fd);
font-size:14px;
font-weight:780;
box-shadow:0 12px 22px rgba(210,132,31,.28);
}
body.ifx-v31-on .ifx-v31-page-hero-card header span{
font-family:var(--ifx31-fd);
font-size:15px;
font-weight:740;
color:var(--ifx31-graphite);
letter-spacing:.005em;
}
body.ifx-v31-on .ifx-v31-page-hero-card ul{
list-style:none;
margin:0;padding:0;
display:flex;
flex-direction:column;
gap:14px;
}
body.ifx-v31-on .ifx-v31-page-hero-card li{
display:flex;
gap:12px;
align-items:flex-start;
font-size:14.5px;
line-height:1.5;
color:var(--ifx31-text);
}
body.ifx-v31-on .ifx-v31-page-hero-card li::before{
content:"";
flex:0 0 18px;
width:18px;height:18px;
margin-top:3px;
border-radius:50%;
background:radial-gradient(circle at 35% 30%,#fff,#f5b85a 60%,#a85f12);
box-shadow:0 0 0 3px rgba(245,184,90,.22);
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-page-hero{padding:64px 0 72px;}
body.ifx-v31-on .ifx-v31-page-hero-grid{grid-template-columns:1fr;gap:32px;}
body.ifx-v31-on .ifx-v31-page-hero-card{padding:28px 24px;}
}
/* page content split */
body.ifx-v31-on .ifx-v31-page-content-grid{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);
gap:64px;
align-items:start;
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-page-content-grid{grid-template-columns:1fr;gap:36px;}
}
@media(max-width:900px){
body.ifx-v31-on section[aria-label="Yazılım ve dijital süreçler"] > .ifx-v31-wrap{
grid-template-columns:1fr !important;
gap:36px !important;
}
}
/* scope grid */
body.ifx-v31-on .ifx-v31-scope-grid{
list-style:none;margin:0;padding:0;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
body.ifx-v31-on .ifx-v31-scope-grid li{
position:relative;
padding:30px 28px 28px;
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r);
box-shadow:var(--ifx31-shadow-xs);
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-scope-grid li::before{
content:"";
position:absolute;
top:0;left:0;
width:42px;height:3px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
border-radius:0 0 4px 0;
transition:width .25s ease;
}
body.ifx-v31-on .ifx-v31-scope-grid li:hover{
border-color:rgba(210,132,31,.34);
background:#fffaf0;
transform:translateY(-2px);
box-shadow:0 18px 40px rgba(210,132,31,.12);
}
body.ifx-v31-on .ifx-v31-scope-grid li:hover::before{width:100%;}
body.ifx-v31-on .ifx-v31-scope-grid li i{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;height:36px;
margin-bottom:14px;
border-radius:12px;
background:linear-gradient(135deg,#fff5e1,#f5b85a);
color:var(--ifx31-amber-deep);
font-style:normal;
font-family:var(--ifx31-fd);
font-size:13px;
font-weight:880;
}
body.ifx-v31-on .ifx-v31-scope-grid li b{
display:block;
margin-bottom:8px;
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:740;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-scope-grid li p{
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
@media(max-width:760px){
body.ifx-v31-on .ifx-v31-scope-grid{grid-template-columns:1fr;}
}
/* outcomes / tracking */
body.ifx-v31-on .ifx-v31-outcomes-grid,
body.ifx-v31-on .ifx-v31-tracking-grid{
display:grid;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
gap:48px;
align-items:start;
}
body.ifx-v31-on .ifx-v31-outcome-list{
list-style:none;margin:0;padding:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
body.ifx-v31-on .ifx-v31-outcome-list li{
position:relative;
padding:18px 22px 18px 56px;
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
font-size:14.5px;
line-height:1.5;
color:var(--ifx31-ink);
box-shadow:var(--ifx31-shadow-xs);
}
body.ifx-v31-on .ifx-v31-outcome-list li::before{
content:"";
position:absolute;
top:50%;left:20px;
transform:translateY(-50%);
width:18px;height:18px;border-radius:50%;
background:radial-gradient(circle at 35% 30%,#fff,#f5b85a 60%,#a85f12);
box-shadow:0 0 0 3px rgba(245,184,90,.20);
}
body.ifx-v31-on .ifx-v31-tracking-list{
list-style:none;margin:0;padding:0;
display:flex;
flex-wrap:wrap;
gap:8px;
}
body.ifx-v31-on .ifx-v31-tracking-list li{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background:#fff;
border:1px solid rgba(210,132,31,.20);
font-size:13.5px;
font-weight:620;
color:var(--ifx31-graphite);
box-shadow:var(--ifx31-shadow-xs);
}
body.ifx-v31-on .ifx-v31-tracking-list li::before{
content:"";
width:6px;height:6px;border-radius:50%;
background:var(--ifx31-amber);
box-shadow:0 0 0 3px rgba(210,132,31,.16);
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-outcomes-grid,
body.ifx-v31-on .ifx-v31-tracking-grid{grid-template-columns:1fr;gap:28px;}
body.ifx-v31-on .ifx-v31-outcome-list{grid-template-columns:1fr;}
}
/* related links */
body.ifx-v31-on .ifx-v31-related-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:14px;
}
body.ifx-v31-on .ifx-v31-related-grid a{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:22px 24px;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
background:#fff;
color:var(--ifx31-ink);
font-family:var(--ifx31-fd);
font-size:15.5px;
font-weight:680;
box-shadow:var(--ifx31-shadow-xs);
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-related-grid a span{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;height:34px;
border-radius:50%;
border:1px solid var(--ifx31-line-strong);
color:var(--ifx31-graphite);
font-size:14px;
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-related-grid a:hover{
border-color:rgba(210,132,31,.36);
background:#fffaf0;
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(210,132,31,.12);
}
body.ifx-v31-on .ifx-v31-related-grid a:hover span{
background:linear-gradient(135deg,var(--ifx31-amber-2),var(--ifx31-amber-deep));
border-color:transparent;
color:#fff;
transform:translateX(3px);
}
/* faq accordion */
body.ifx-v31-on .ifx-v31-faq-list{
display:flex;
flex-direction:column;
gap:10px;
}
body.ifx-v31-on .ifx-v31-faq-list details{
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
background:#fff;
padding:0 24px;
box-shadow:var(--ifx31-shadow-xs);
transition:border-color .22s ease,box-shadow .22s ease;
}
body.ifx-v31-on .ifx-v31-faq-list details[open]{
border-color:rgba(210,132,31,.34);
box-shadow:0 18px 36px rgba(210,132,31,.10);
}
body.ifx-v31-on .ifx-v31-faq-list summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:22px 0;
font-family:var(--ifx31-fd);
font-size:16.5px;
font-weight:680;
color:var(--ifx31-ink);
cursor:pointer;
list-style:none;
position:relative;
}
body.ifx-v31-on .ifx-v31-faq-list summary::-webkit-details-marker{display:none;}
body.ifx-v31-on .ifx-v31-faq-list summary::after{
content:"";
width:28px;height:28px;
flex:0 0 28px;
border-radius:50%;
border:1px solid var(--ifx31-line-strong);
background:#fff url("data:image/svg+xml;utf8,") center/14px no-repeat;
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-faq-list details[open] summary::after{
background-image:url("data:image/svg+xml;utf8,");
border-color:var(--ifx31-amber);
background-color:#fff4dd;
}
body.ifx-v31-on .ifx-v31-faq-list details p{
padding:0 0 22px;
margin:0;
font-size:15px;
line-height:1.62;
color:var(--ifx31-muted);
}
/* page CTA */
body.ifx-v31-on .ifx-v31-page-cta{
display:grid;
grid-template-columns:minmax(0,1.4fr) auto;
align-items:center;
gap:32px;
padding:46px 56px;
border-radius:var(--ifx31-r-xl);
background:
radial-gradient(ellipse at 8% 0%,rgba(245,184,90,.24),transparent 38%),
linear-gradient(135deg,#fff8e8,#fbf2dc);
border:1px solid rgba(210,132,31,.20);
box-shadow:0 22px 50px rgba(210,132,31,.12);
}
body.ifx-v31-on .ifx-v31-page-cta h2{
margin:0 0 8px;
font-size:clamp(26px,2.8vw,38px);
}
body.ifx-v31-on .ifx-v31-page-cta p{
margin:0;
color:var(--ifx31-muted);
font-size:16px;
line-height:1.6;
max-width:560px;
}
body.ifx-v31-on .ifx-v31-page-cta-actions{
display:flex;
flex-direction:column;
gap:10px;
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-page-cta{grid-template-columns:1fr;padding:32px 28px;gap:24px;}
}
/* ==========================================================================
CONTACT page (iletisim)
========================================================================== */
body.ifx-v31-on .ifx-v31-contact-channels{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
body.ifx-v31-on .ifx-v31-contact-channels a{
display:flex;
flex-direction:column;
gap:8px;
padding:26px 24px;
border-radius:var(--ifx31-r);
background:#fff;
border:1px solid var(--ifx31-line);
color:var(--ifx31-ink);
box-shadow:var(--ifx31-shadow-xs);
position:relative;
overflow:hidden;
transition:.22s ease;
}
body.ifx-v31-on .ifx-v31-contact-channels a::before{
content:"";
position:absolute;top:0;left:0;
width:42px;height:3px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
border-radius:0 0 4px 0;
transition:width .25s ease;
}
body.ifx-v31-on .ifx-v31-contact-channels a:hover{
border-color:rgba(210,132,31,.34);
background:#fffaf0;
transform:translateY(-2px);
box-shadow:0 22px 44px rgba(210,132,31,.13);
}
body.ifx-v31-on .ifx-v31-contact-channels a:hover::before{width:100%;}
body.ifx-v31-on .ifx-v31-contact-channels a small{
font-size:11px;
font-weight:740;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
}
body.ifx-v31-on .ifx-v31-contact-channels a strong{
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:760;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-contact-channels a span{
font-size:13px;
color:var(--ifx31-muted);
line-height:1.5;
}
body.ifx-v31-on .ifx-v31-contact-channels a em{
font-style:normal;
margin-top:6px;
font-size:13.5px;
font-weight:680;
color:var(--ifx31-graphite);
}
@media(max-width:1100px){
body.ifx-v31-on .ifx-v31-contact-channels{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
body.ifx-v31-on .ifx-v31-contact-channels{grid-template-columns:1fr;}
}
/* contact request grid */
body.ifx-v31-on .ifx-v31-contact-request-grid{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);
gap:48px;
align-items:start;
}
body.ifx-v31-on .ifx-v31-contact-brief{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
body.ifx-v31-on .ifx-v31-contact-brief > div{
padding:22px 22px;
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
box-shadow:var(--ifx31-shadow-xs);
}
body.ifx-v31-on .ifx-v31-contact-brief b{
display:block;
margin-bottom:6px;
font-family:var(--ifx31-fd);
font-size:14.5px;
font-weight:740;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-contact-brief span{
font-size:13px;
line-height:1.5;
color:var(--ifx31-muted);
}
@media(max-width:900px){
body.ifx-v31-on .ifx-v31-contact-request-grid{grid-template-columns:1fr;gap:28px;}
body.ifx-v31-on .ifx-v31-contact-brief{grid-template-columns:1fr;}
}
/* contact firm card on hero */
body.ifx-v31-on .ifx-v31-firm-card{
position:relative;
padding:34px 30px;
border-radius:var(--ifx31-r-xl);
background:#fff;
border:1px solid var(--ifx31-line);
box-shadow:0 26px 60px rgba(91,60,15,.12);
}
body.ifx-v31-on .ifx-v31-firm-card::before{
content:"";
position:absolute;
top:-1px;left:34px;
width:64px;height:3px;
background:linear-gradient(90deg,var(--ifx31-amber),var(--ifx31-coral));
border-radius:0 0 4px 4px;
}
body.ifx-v31-on .ifx-v31-firm-card > small{
display:block;
font-size:11px;
font-weight:740;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
margin-bottom:10px;
}
body.ifx-v31-on .ifx-v31-firm-card > strong{
display:block;
margin-bottom:10px;
font-family:var(--ifx31-fd);
font-size:20px;
font-weight:740;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v31-firm-card > p{
font-size:13.5px;
line-height:1.55;
color:var(--ifx31-muted);
margin-bottom:18px;
}
body.ifx-v31-on .ifx-v31-firm-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
border-top:1px dashed rgba(24,20,16,.10);
padding-top:18px;
}
body.ifx-v31-on .ifx-v31-firm-grid > div{
display:flex;
flex-direction:column;
gap:2px;
}
body.ifx-v31-on .ifx-v31-firm-grid b{
font-size:11px;
font-weight:680;
letter-spacing:.10em;
text-transform:uppercase;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v31-firm-grid span{
font-family:var(--ifx31-fd);
font-size:14.5px;
font-weight:680;
color:var(--ifx31-ink);
}
/* ==========================================================================
UTILITIES & ACCESSIBILITY
========================================================================== */
body.ifx-v31-on a:focus-visible,
body.ifx-v31-on button:focus-visible{
outline:2px solid rgba(210,132,31,.55);
outline-offset:3px;
border-radius:8px;
}
body.ifx-v31-on .ifx-v31-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;
}
/* prevent body scroll when drawer open on mobile */
body.ifx-v31-on.ifx-v31-drawer-open{overflow:hidden;}
/* plugin quickbar: keep the existing AI assistant integration active on v31 pages */
body.ifx-v31-on .zzz-itfix-ai-disabled-widget{
right:22px !important;
bottom:24px !important;
z-index:100060 !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
color:var(--ifx31-graphite) !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quickbar,
body.ifx-v31-on .zzz-itfix-ai-disabled-widget.is-open .zzz-itfix-ai-disabled-quickbar{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-end !important;
gap:10px !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-widget.is-open .zzz-itfix-ai-disabled-quickbar{
opacity:0 !important;
pointer-events:none !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick{
width:54px !important;
min-width:54px !important;
max-width:54px !important;
height:54px !important;
min-height:54px !important;
padding:0 !important;
border-radius:18px !important;
border:1px solid rgba(210,132,31,.22) !important;
background:
radial-gradient(circle at 30% 18%,rgba(255,255,255,1),rgba(255,255,255,0) 42%),
linear-gradient(145deg,#ffffff,#fff8ec) !important;
color:var(--ifx31-graphite) !important;
box-shadow:0 14px 30px rgba(91,60,15,.12),inset 0 1px 0 rgba(255,255,255,1) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
overflow:visible !important;
transform:translateZ(0) !important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick svg{
width:21px !important;
height:21px !important;
flex:0 0 21px !important;
display:block !important;
fill:currentColor !important;
filter:none !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick span{
right:66px !important;
min-height:34px !important;
padding:0 12px !important;
border-radius:999px !important;
border:1px solid rgba(245,184,90,.26) !important;
background:rgba(28,25,22,.94) !important;
color:#fff8ec !important;
box-shadow:0 14px 30px rgba(28,25,22,.30) !important;
font-size:12.5px !important;
font-weight:700 !important;
letter-spacing:0 !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick:hover,
body.ifx-v31-on .zzz-itfix-ai-disabled-quick:focus-visible{
width:54px !important;
transform:translateY(-3px) scale(1.025) !important;
border-color:rgba(210,132,31,.5) !important;
background:
radial-gradient(circle at 30% 18%,#ffffff,rgba(255,255,255,0) 42%),
linear-gradient(145deg,#ffffff,#fff5e1) !important;
box-shadow:0 18px 38px rgba(210,132,31,.20),inset 0 1px 0 rgba(255,255,255,1) !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick--phone{color:var(--ifx31-amber-deep) !important;}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick--whatsapp{color:#128c4b !important;border-color:rgba(34,197,94,.34) !important;}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick--mail{color:#b35417 !important;border-color:rgba(217,111,79,.34) !important;}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick--assistant{
color:#fff !important;
border-color:rgba(168,95,18,.40) !important;
background:linear-gradient(135deg,var(--ifx31-amber-2),var(--ifx31-amber),var(--ifx31-amber-deep)) !important;
box-shadow:0 18px 40px rgba(210,132,31,.30),inset 0 1px 0 rgba(255,255,255,.36) !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-panel{
border-radius:22px !important;
border:1px solid rgba(210,132,31,.20) !important;
background:#fffdf7 !important;
box-shadow:0 30px 80px rgba(91,60,15,.18) !important;
}
@media(max-width:760px){
body.ifx-v31-on{padding-bottom:76px;}
body.ifx-v31-on .zzz-itfix-ai-disabled-widget{
left:14px !important;
right:14px !important;
bottom:12px !important;
width:auto !important;
transform:none !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quickbar,
body.ifx-v31-on .zzz-itfix-ai-disabled-widget.is-open .zzz-itfix-ai-disabled-quickbar{
flex-direction:row !important;
justify-content:center !important;
align-items:center !important;
gap:9px !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick,
body.ifx-v31-on .zzz-itfix-ai-disabled-quick:hover,
body.ifx-v31-on .zzz-itfix-ai-disabled-quick:focus-visible{
width:48px !important;
min-width:48px !important;
max-width:48px !important;
height:48px !important;
min-height:48px !important;
border-radius:16px !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick svg{
width:19px !important;
height:19px !important;
flex-basis:19px !important;
}
body.ifx-v31-on .zzz-itfix-ai-disabled-quick span{
display:none !important;
}
}
/* mute legacy hidden CTA section duplicate */
body.ifx-v31-on .itfix-enterprise-home-cta{display:none !important;}
/* reduced motion */
@media(prefers-reduced-motion:reduce){
body.ifx-v31-on *,
body.ifx-v31-on *::before,
body.ifx-v31-on *::after{
animation-duration:.001s !important;
animation-iteration-count:1 !important;
transition-duration:.001s !important;
}
}
/* ==========================================================================
V32 · SLIDER ALTI EDITORIAL PREMIUM SYSTEM (ana sayfa)
--------------------------------------------------------------------------
Slider'a, header'a, footer'a dokunmaz. Yalnızca ana sayfada slider sonrası
bölümler için kurulan editorial namespace. Tasarım dili: ince çizgiler,
geniş boşluklar, kart yığını yerine satır/grid hiyerarşi, amber sadece
accent, kurumsal Apple/IBM/MS hissiyatı.
========================================================================== */
body.ifx-v31-on .ifx-v32{
position:relative;
background:transparent;
color:var(--ifx31-text);
font-family:var(--ifx31-fs);
}
body.ifx-v31-on .ifx-v32-wrap{
width:100%;
max-width:1240px;
margin:0 auto;
padding:0 32px;
}
body.ifx-v31-on .ifx-v32 h2,
body.ifx-v31-on .ifx-v32 h3,
body.ifx-v31-on .ifx-v32 h4{
margin:0;
color:var(--ifx31-ink);
font-family:var(--ifx31-fd);
font-weight:740;
letter-spacing:-.018em;
line-height:1.08;
}
body.ifx-v31-on .ifx-v32 p{ margin:0; }
/* --- Tipografi ölçekleri --- */
body.ifx-v31-on .ifx-v32-display{
font-size:clamp(28px, 3.2vw, 46px);
line-height:1.08;
letter-spacing:-.02em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-h-mid{
font-size:clamp(22px, 2.1vw, 30px);
line-height:1.18;
letter-spacing:-.014em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32 em{
font-style:normal;
background:linear-gradient(110deg, var(--ifx31-amber-2), var(--ifx31-amber) 55%, var(--ifx31-amber-deep));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
body.ifx-v31-on .ifx-v32-lead{
font-size:clamp(15.5px, 1.05vw, 17.5px);
line-height:1.62;
color:var(--ifx31-text);
max-width:62ch;
}
body.ifx-v31-on .ifx-v32-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
font-family:var(--ifx31-fd);
font-size:11.5px;
font-weight:740;
letter-spacing:.22em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
}
body.ifx-v31-on .ifx-v32-eyebrow::before{
content:"";
display:inline-block;
width:24px;
height:1.5px;
background:var(--ifx31-amber);
border-radius:2px;
}
body.ifx-v31-on .ifx-v32-eyebrow--quiet{ color:var(--ifx31-muted); }
body.ifx-v31-on .ifx-v32-eyebrow--quiet::before{ background:var(--ifx31-line-strong); }
body.ifx-v31-on .ifx-v32-kicker{
display:inline-block;
font-family:var(--ifx31-fd);
font-size:12px;
font-weight:740;
letter-spacing:.24em;
text-transform:uppercase;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v32-link{
display:inline-flex;
align-items:center;
gap:8px;
color:var(--ifx31-amber-deep);
font-weight:680;
font-size:14.5px;
letter-spacing:.005em;
border-bottom:1px solid transparent;
transition:color .18s ease, border-color .18s ease, transform .18s ease;
}
body.ifx-v31-on .ifx-v32-link:hover{
color:var(--ifx31-ink);
border-color:currentColor;
}
body.ifx-v31-on .ifx-v32-link i{
display:inline-block;
font-style:normal;
transition:transform .2s ease;
}
body.ifx-v31-on .ifx-v32-link:hover i{ transform:translateX(3px); }
body.ifx-v31-on .ifx-v32-link--quiet{
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v32-link--quiet:hover{ color:var(--ifx31-ink); }
/* --- Buton sistemi (kurumsal sade) --- */
body.ifx-v31-on .ifx-v32-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
height:54px;
padding:0 28px;
border-radius:6px; /* premium düz çizgi hissi */
font-family:var(--ifx31-fs);
font-size:14.5px;
font-weight:680;
letter-spacing:.01em;
border:1px solid transparent;
cursor:pointer;
white-space:nowrap;
transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.ifx-v31-on .ifx-v32-btn i{
font-style:normal;
font-size:1.1em;
transition:transform .2s ease;
}
body.ifx-v31-on .ifx-v32-btn:hover i{ transform:translateX(3px); }
body.ifx-v31-on .ifx-v32-btn-primary{
background:linear-gradient(180deg, #f0b769 0%, #e09d3e 50%, #b76a16 100%);
color:#fff;
border-color:rgba(168,95,18,.42);
box-shadow:0 12px 28px rgba(210,132,31,.22), inset 0 1px 0 rgba(255,255,255,.30);
}
body.ifx-v31-on .ifx-v32-btn-primary:hover{
transform:translateY(-1px);
box-shadow:0 18px 36px rgba(210,132,31,.30), inset 0 1px 0 rgba(255,255,255,.40);
}
body.ifx-v31-on .ifx-v32-btn-line{
background:transparent;
color:var(--ifx31-ink);
border-color:var(--ifx31-line-strong);
}
body.ifx-v31-on .ifx-v32-btn-line:hover{
background:#fff;
border-color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-btn-ink{
background:var(--ifx31-graphite);
color:#fff;
border-color:var(--ifx31-graphite);
}
body.ifx-v31-on .ifx-v32-btn-ink:hover{
background:#0e0c0a;
transform:translateY(-1px);
}
/* --- Section header (centered varyantı) --- */
body.ifx-v31-on .ifx-v32-section-head{
display:grid;
gap:18px;
max-width:760px;
margin-bottom:64px;
}
body.ifx-v31-on .ifx-v32-section-head--center{
margin-left:auto;
margin-right:auto;
text-align:center;
}
body.ifx-v31-on .ifx-v32-section-head--center .ifx-v32-eyebrow{
justify-self:center;
}
body.ifx-v31-on .ifx-v32-section-head--center .ifx-v32-lead{
margin-left:auto;
margin-right:auto;
}
/* ==========================================================================
V32 · MANIFEST · slider altı taahhüt
========================================================================== */
body.ifx-v31-on .ifx-v32-manifest{
background:var(--ifx31-bg);
border-bottom:1px solid var(--ifx31-line);
padding:clamp(56px, 7vh, 88px) 0;
}
body.ifx-v31-on .ifx-v32-manifest-grid{
display:grid;
grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);
gap:clamp(40px, 5vw, 80px);
align-items:start;
}
body.ifx-v31-on .ifx-v32-manifest-lead{
display:grid;
gap:24px;
}
body.ifx-v31-on .ifx-v32-manifest-statement{
font-family:var(--ifx31-fd);
font-size:clamp(20px, 1.65vw, 26px);
line-height:1.4;
letter-spacing:-.012em;
color:var(--ifx31-ink);
font-weight:520;
max-width:36ch;
}
body.ifx-v31-on .ifx-v32-manifest-tenets{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-manifest-tenets li{
display:grid;
grid-template-columns:minmax(160px, 200px) minmax(0, 1fr);
gap:24px;
align-items:baseline;
padding:18px 0;
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-manifest-tenets b{
font-family:var(--ifx31-fd);
font-weight:740;
font-size:14px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-manifest-tenets span{
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
/* ==========================================================================
V32 · WHY · editorial split
========================================================================== */
body.ifx-v31-on .ifx-v32-why{
background:var(--ifx31-paper);
padding:clamp(80px, 11vh, 140px) 0;
}
body.ifx-v31-on .ifx-v32-why-grid{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);
gap:clamp(40px, 6vw, 96px);
align-items:start;
}
body.ifx-v31-on .ifx-v32-why-head{
display:grid;
gap:22px;
position:sticky;
top:140px;
}
body.ifx-v31-on .ifx-v32-why-list{
list-style:none;
margin:0;
padding:0;
display:grid;
}
body.ifx-v31-on .ifx-v32-why-list li{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:28px;
align-items:start;
padding:28px 0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-why-list li:last-child{
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-why-mark{
font-family:var(--ifx31-fd);
font-size:14px;
font-weight:740;
letter-spacing:.18em;
color:var(--ifx31-amber-deep);
padding-top:6px;
min-width:48px;
}
body.ifx-v31-on .ifx-v32-why-list h3{
font-size:clamp(18px, 1.45vw, 22px);
margin-bottom:8px;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-why-list p{
font-size:15.5px;
line-height:1.6;
color:var(--ifx31-muted);
max-width:54ch;
}
/* ==========================================================================
V32 · SERVICES · editorial register
========================================================================== */
body.ifx-v31-on .ifx-v32-services{
background:var(--ifx31-bg);
padding:clamp(80px, 11vh, 140px) 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-service-register{
list-style:none;
margin:0;
padding:0;
border-top:1px solid var(--ifx31-line-strong);
}
body.ifx-v31-on .ifx-v32-service-register li{
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-service-row{
display:grid;
grid-template-columns:90px minmax(0, 1.1fr) minmax(0, 1.6fr) auto;
gap:32px;
align-items:center;
padding:26px 8px;
position:relative;
color:inherit;
text-decoration:none;
transition:background .25s ease, padding .25s ease;
}
body.ifx-v31-on .ifx-v32-service-row::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:0;
background:linear-gradient(180deg, var(--ifx31-amber-2), var(--ifx31-amber-deep));
transition:width .25s ease;
}
body.ifx-v31-on .ifx-v32-service-row:hover{
background:rgba(255,244,221,.55);
padding-left:24px;
}
body.ifx-v31-on .ifx-v32-service-row:hover::before{ width:3px; }
body.ifx-v31-on .ifx-v32-service-code{
font-family:var(--ifx31-fd);
font-size:12px;
font-weight:740;
letter-spacing:.22em;
color:var(--ifx31-amber-deep);
text-transform:uppercase;
}
body.ifx-v31-on .ifx-v32-service-title{
font-family:var(--ifx31-fd);
font-size:clamp(18px, 1.4vw, 22px);
font-weight:720;
letter-spacing:-.01em;
color:var(--ifx31-ink);
margin:0;
}
body.ifx-v31-on .ifx-v32-service-desc{
font-size:15px;
line-height:1.55;
color:var(--ifx31-muted);
margin:0;
max-width:62ch;
}
body.ifx-v31-on .ifx-v32-service-arrow{
font-style:normal;
width:38px;
height:38px;
border-radius:50%;
border:1px solid var(--ifx31-line-strong);
display:inline-flex;
align-items:center;
justify-content:center;
color:var(--ifx31-ink);
font-size:16px;
transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
body.ifx-v31-on .ifx-v32-service-row:hover .ifx-v32-service-arrow{
background:var(--ifx31-ink);
color:#fff;
border-color:var(--ifx31-ink);
transform:translateX(3px);
}
body.ifx-v31-on .ifx-v32-services-foot{
margin-top:36px;
text-align:right;
}
/* ==========================================================================
V32 · MICROSOFT PARTNER · kurumsal güven + 365 lisans
========================================================================== */
body.ifx-v31-on .ifx-v32-mspartner{
background:var(--ifx31-paper);
padding:clamp(80px, 11vh, 140px) 0 0;
}
body.ifx-v31-on .ifx-v32-mspartner-grid{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:clamp(40px, 5vw, 80px);
align-items:center;
padding-bottom:clamp(60px, 8vh, 96px);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-mspartner-emblem{
display:inline-flex;
align-items:center;
justify-content:center;
padding:24px 28px;
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:8px;
transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
flex-shrink:0;
}
body.ifx-v31-on .ifx-v32-mspartner-emblem img{
max-width:240px;
height:auto;
display:block;
}
body.ifx-v31-on .ifx-v32-mspartner-emblem:hover{
border-color:var(--ifx31-line-strong);
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(91,60,15,.06);
}
body.ifx-v31-on .ifx-v32-mspartner-copy{
display:grid;
gap:18px;
max-width:680px;
}
body.ifx-v31-on .ifx-v32-mspartner-copy p{
font-size:15.5px;
line-height:1.6;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v32-mspartner-actions{
margin-top:8px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:24px;
}
/* MS Lisans — alt çözüm bandı (mspartner section'ının altı, editorial stack)
Yan padding wrap class'ından gelir; burada sadece dikey padding ve görsel ayrım. */
body.ifx-v31-on .ifx-v32-mslicense{
padding-top:clamp(60px, 8vh, 96px);
padding-bottom:clamp(80px, 11vh, 140px);
}
body.ifx-v31-on .ifx-v32-mslicense-head{
display:grid;
gap:16px;
max-width:760px;
margin-bottom:clamp(32px, 4vh, 48px);
}
body.ifx-v31-on .ifx-v32-mslicense-lead{
font-size:15.5px;
line-height:1.6;
color:var(--ifx31-muted);
max-width:62ch;
}
body.ifx-v31-on .ifx-v32-mslicense-list{
list-style:none;
margin:0 0 clamp(28px, 3.5vh, 40px);
padding:0;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
border-top:1px solid var(--ifx31-line-strong);
border-bottom:1px solid var(--ifx31-line-strong);
}
body.ifx-v31-on .ifx-v32-mslicense-list li{
display:grid;
gap:8px;
padding:24px 24px 24px 22px;
border-right:1px solid var(--ifx31-line);
background:transparent;
transition:background .2s ease;
}
body.ifx-v31-on .ifx-v32-mslicense-list li:last-child{ border-right:0; }
body.ifx-v31-on .ifx-v32-mslicense-list li:first-child{ padding-left:0; }
body.ifx-v31-on .ifx-v32-mslicense-list li:last-child{ padding-right:0; }
body.ifx-v31-on .ifx-v32-mslicense-list li:hover{
background:rgba(255,244,221,.45);
}
body.ifx-v31-on .ifx-v32-mslicense-code{
font-family:var(--ifx31-fd);
font-size:11.5px;
font-weight:740;
letter-spacing:.2em;
color:var(--ifx31-amber-deep);
text-transform:uppercase;
}
body.ifx-v31-on .ifx-v32-mslicense-list b{
font-family:var(--ifx31-fd);
font-size:16px;
font-weight:720;
letter-spacing:-.005em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-mslicense-desc{
font-size:13.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v32-mslicense-actions{
display:flex;
flex-wrap:wrap;
gap:22px 26px;
align-items:center;
}
/* ==========================================================================
V32 · PROCESS · premium timeline (kart değil, çizgili akış)
========================================================================== */
body.ifx-v31-on .ifx-v32-process{
background:var(--ifx31-bg);
padding:clamp(80px, 11vh, 140px) 0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-process-rail{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:0;
border-top:1px solid var(--ifx31-line-strong);
position:relative;
}
body.ifx-v31-on .ifx-v32-process-rail li{
position:relative;
padding:32px 28px 32px 0;
display:grid;
gap:14px;
align-content:start;
}
body.ifx-v31-on .ifx-v32-process-rail li + li{
border-left:1px solid var(--ifx31-line);
padding-left:28px;
}
body.ifx-v31-on .ifx-v32-process-rail li::before{
content:"";
position:absolute;
top:-1px;
left:0;
width:48px;
height:2px;
background:var(--ifx31-amber);
}
body.ifx-v31-on .ifx-v32-process-num{
font-family:var(--ifx31-fd);
font-size:42px;
font-weight:720;
letter-spacing:-.02em;
color:var(--ifx31-ink);
line-height:1;
}
body.ifx-v31-on .ifx-v32-process-rail h3{
font-size:18px;
font-weight:740;
letter-spacing:-.005em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v32-process-rail p{
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
/* ==========================================================================
V32 · REFERANSLAR · editorial split
========================================================================== */
body.ifx-v31-on .ifx-v32-refs{
background:var(--ifx31-paper);
padding:clamp(72px, 10vh, 120px) 0;
}
body.ifx-v31-on .ifx-v32-refs-grid{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);
gap:clamp(40px, 5vw, 80px);
align-items:center;
}
body.ifx-v31-on .ifx-v32-refs-copy{
display:grid;
gap:18px;
max-width:480px;
}
body.ifx-v31-on .ifx-v32-refs-copy p{
font-size:15px;
line-height:1.6;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v32-refs-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:14px 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
padding:24px 0;
}
body.ifx-v31-on .ifx-v32-refs-list li{
font-family:var(--ifx31-fd);
font-size:15px;
font-weight:680;
letter-spacing:.005em;
color:var(--ifx31-ink);
position:relative;
padding:0 22px;
}
body.ifx-v31-on .ifx-v32-refs-list li:first-child{ padding-left:0; }
body.ifx-v31-on .ifx-v32-refs-list li:last-child{ padding-right:0; }
body.ifx-v31-on .ifx-v32-refs-list li + li::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:3px;
height:3px;
border-radius:50%;
background:var(--ifx31-amber);
}
/* ==========================================================================
V32 · FINAL CTA
========================================================================== */
body.ifx-v31-on .ifx-v32-cta{
background:linear-gradient(180deg, var(--ifx31-bg) 0%, var(--ifx31-bg-alt) 100%);
padding:clamp(80px, 11vh, 140px) 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-cta-grid{
display:grid;
grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr);
gap:clamp(40px, 5vw, 80px);
align-items:center;
}
body.ifx-v31-on .ifx-v32-cta-copy{
display:grid;
gap:20px;
max-width:640px;
}
body.ifx-v31-on .ifx-v32-cta-actions{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:18px;
}
body.ifx-v31-on .ifx-v32-cta-actions .ifx-v32-btn{ min-width:280px; }
/* ==========================================================================
V32 · RESPONSIVE
========================================================================== */
/* Laptop / 1440 — boşluklar biraz toparlanır */
@media(max-width:1440px){
body.ifx-v31-on .ifx-v32-wrap{ max-width:1180px; }
}
/* Tablet 1080 — split kolon yerine üst-alt */
@media(max-width:1080px){
body.ifx-v31-on .ifx-v32-manifest-grid,
body.ifx-v31-on .ifx-v32-why-grid,
body.ifx-v31-on .ifx-v32-mspartner-grid,
body.ifx-v31-on .ifx-v32-refs-grid,
body.ifx-v31-on .ifx-v32-cta-grid{
grid-template-columns:minmax(0, 1fr);
gap:36px;
}
body.ifx-v31-on .ifx-v32-why-head{ position:static; }
body.ifx-v31-on .ifx-v32-mslicense-list{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
body.ifx-v31-on .ifx-v32-mslicense-list li:nth-child(2){ border-right:0; padding-right:0; }
body.ifx-v31-on .ifx-v32-mslicense-list li:nth-child(3){
padding-left:0;
border-right:1px solid var(--ifx31-line);
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-mslicense-list li:nth-child(4){
padding-right:0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v32-process-rail{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
body.ifx-v31-on .ifx-v32-process-rail li:nth-child(3){ border-left:0; padding-left:0; }
body.ifx-v31-on .ifx-v32-process-rail li:nth-child(odd){ border-left:0; padding-left:0; }
body.ifx-v31-on .ifx-v32-process-rail li:nth-child(even){ border-left:1px solid var(--ifx31-line); padding-left:28px; }
body.ifx-v31-on .ifx-v32-service-row{
grid-template-columns:80px minmax(0, 1fr) auto;
grid-template-rows:auto auto;
gap:6px 24px;
padding:22px 8px;
}
body.ifx-v31-on .ifx-v32-service-code{
grid-column:1;
grid-row:1 / span 2;
align-self:start;
}
body.ifx-v31-on .ifx-v32-service-title{
grid-column:2;
grid-row:1;
}
body.ifx-v31-on .ifx-v32-service-desc{
grid-column:2;
grid-row:2;
font-size:14.5px;
}
body.ifx-v31-on .ifx-v32-service-arrow{
grid-column:3;
grid-row:1 / span 2;
align-self:center;
}
}
/* Tablet 768 */
@media(max-width:768px){
body.ifx-v31-on .ifx-v32-wrap{ padding:0 22px; }
body.ifx-v31-on .ifx-v32-manifest-tenets li{
grid-template-columns:minmax(0, 1fr);
gap:6px;
padding:16px 0;
}
body.ifx-v31-on .ifx-v32-process-rail{
grid-template-columns:minmax(0, 1fr);
border-top:0;
}
body.ifx-v31-on .ifx-v32-process-rail li{
border-top:1px solid var(--ifx31-line);
border-left:0 !important;
padding:24px 0 !important;
}
body.ifx-v31-on .ifx-v32-process-rail li::before{ width:32px; }
body.ifx-v31-on .ifx-v32-mslicense-list{
grid-template-columns:minmax(0, 1fr);
}
body.ifx-v31-on .ifx-v32-mslicense-list li{
border-right:0 !important;
border-top:1px solid var(--ifx31-line);
padding:18px 0 !important;
}
body.ifx-v31-on .ifx-v32-mslicense-list li:first-child{ border-top:0; }
body.ifx-v31-on .ifx-v32-cta-actions{ width:100%; }
body.ifx-v31-on .ifx-v32-cta-actions .ifx-v32-btn{ width:100%; min-width:0; }
body.ifx-v31-on .ifx-v32-mspartner-actions,
body.ifx-v31-on .ifx-v32-mslicense-actions{ flex-direction:column; align-items:stretch; gap:14px; }
body.ifx-v31-on .ifx-v32-mspartner-actions .ifx-v32-btn,
body.ifx-v31-on .ifx-v32-mslicense-actions .ifx-v32-btn{ width:100%; }
body.ifx-v31-on .ifx-v32-services-foot{ text-align:left; }
}
/* Mobil 430 / 390 */
@media(max-width:430px){
body.ifx-v31-on .ifx-v32-wrap{ padding:0 18px; }
body.ifx-v31-on .ifx-v32-display{ font-size:26px; line-height:1.14; }
body.ifx-v31-on .ifx-v32-h-mid{ font-size:20px; line-height:1.22; }
body.ifx-v31-on .ifx-v32-manifest-statement{ font-size:18px; line-height:1.42; }
body.ifx-v31-on .ifx-v32-service-row{
grid-template-columns:minmax(0, 1fr) auto;
gap:4px 16px;
}
body.ifx-v31-on .ifx-v32-service-code{ grid-column:1; grid-row:1; }
body.ifx-v31-on .ifx-v32-service-title{ grid-column:1; grid-row:2; }
body.ifx-v31-on .ifx-v32-service-desc{ grid-column:1; grid-row:3; }
body.ifx-v31-on .ifx-v32-service-arrow{ grid-column:2; grid-row:1 / span 3; }
body.ifx-v31-on .ifx-v32-mspartner-emblem img{ max-width:200px; }
body.ifx-v31-on .ifx-v32-process-num{ font-size:36px; }
body.ifx-v31-on .ifx-v32-refs-list li{ padding:0 14px; font-size:14px; }
}
/* ==========================================================================
V33 · TEKNOLOJİ EKOSİSTEMİ · iş ortakları logo wall
========================================================================== */
body.ifx-v31-on .ifx-v33-eco{
position:relative;
background:
radial-gradient(120% 80% at 100% 0%, rgba(210,132,31,.05), transparent 55%),
radial-gradient(80% 60% at 0% 100%, rgba(44,109,199,.04), transparent 60%),
var(--ifx31-paper);
padding:clamp(72px, 10vh, 120px) 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v33-eco-head{
max-width:780px;
margin:0 0 clamp(36px, 5vh, 60px);
display:grid;
gap:14px;
}
body.ifx-v31-on .ifx-v33-eco-lead{
font-size:15.5px;
line-height:1.65;
color:var(--ifx31-muted);
max-width:680px;
}
body.ifx-v31-on .ifx-v33-eco-grid{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:1px;
background:var(--ifx31-line);
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
overflow:hidden;
}
body.ifx-v31-on .ifx-v33-eco-cell{
position:relative;
background:var(--ifx31-paper);
padding:28px 24px;
min-height:108px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
text-align:center;
transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
isolation:isolate;
}
body.ifx-v31-on .ifx-v33-eco-cell::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(210,132,31,.08), rgba(44,109,199,.06));
opacity:0;
transition:opacity .25s ease;
z-index:-1;
}
body.ifx-v31-on .ifx-v33-eco-cell:hover,
body.ifx-v31-on .ifx-v33-eco-cell:focus-within{
background:#fff;
box-shadow:inset 0 0 0 1px rgba(210,132,31,.18);
transform:translateY(-1px);
}
body.ifx-v31-on .ifx-v33-eco-cell:hover::before,
body.ifx-v31-on .ifx-v33-eco-cell:focus-within::before{
opacity:1;
}
body.ifx-v31-on .ifx-v33-eco-mark{
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:680;
letter-spacing:-.012em;
color:var(--ifx31-soft);
line-height:1.1;
white-space:nowrap;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
transition:color .25s ease, letter-spacing .25s ease;
}
body.ifx-v31-on .ifx-v33-eco-cell:hover .ifx-v33-eco-mark,
body.ifx-v31-on .ifx-v33-eco-cell:focus-within .ifx-v33-eco-mark{
color:var(--ifx31-ink);
}
body.ifx-v31-on .ifx-v33-eco-cat{
font-family:var(--ifx31-fs);
font-size:11px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-soft);
opacity:.75;
transition:color .25s ease, opacity .25s ease;
}
body.ifx-v31-on .ifx-v33-eco-cell:hover .ifx-v33-eco-cat,
body.ifx-v31-on .ifx-v33-eco-cell:focus-within .ifx-v33-eco-cat{
color:var(--ifx31-amber-deep);
opacity:1;
}
body.ifx-v31-on .ifx-v33-eco-foot{
margin:24px 0 0;
font-size:12.5px;
line-height:1.55;
color:var(--ifx31-soft);
max-width:680px;
}
/* ==========================================================================
V33 · REFERANSLAR · editorial güven bölümü
========================================================================== */
body.ifx-v31-on .ifx-v33-refs{
background:
linear-gradient(180deg, var(--ifx31-paper) 0%, var(--ifx31-bg-alt) 100%);
padding:clamp(80px, 11vh, 132px) 0;
}
body.ifx-v31-on .ifx-v33-refs-grid{
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
gap:clamp(40px, 5vw, 80px);
align-items:start;
}
body.ifx-v31-on .ifx-v33-refs-copy{
display:grid;
gap:18px;
max-width:560px;
}
body.ifx-v31-on .ifx-v33-refs-lead{
font-size:15.5px;
line-height:1.7;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v33-refs-points{
list-style:none;
margin:8px 0 0;
padding:0;
display:grid;
gap:14px;
}
body.ifx-v31-on .ifx-v33-refs-points li{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
align-items:baseline;
gap:10px 14px;
padding:14px 0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v33-refs-points li:last-child{
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v33-refs-points li b{
font-family:var(--ifx31-fd);
font-size:14.5px;
font-weight:700;
letter-spacing:.005em;
color:var(--ifx31-ink);
white-space:nowrap;
}
body.ifx-v31-on .ifx-v33-refs-points li b::before{
content:"";
display:inline-block;
width:6px;
height:6px;
border-radius:50%;
background:var(--ifx31-amber);
margin-right:10px;
vertical-align:middle;
transform:translateY(-1px);
}
body.ifx-v31-on .ifx-v33-refs-points li span{
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-muted);
}
body.ifx-v31-on .ifx-v33-refs-badges{
list-style:none;
margin:18px 0 0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:8px;
}
body.ifx-v31-on .ifx-v33-refs-badges li{
font-family:var(--ifx31-fd);
font-size:12.5px;
font-weight:600;
letter-spacing:.01em;
color:var(--ifx31-ink-2);
background:var(--ifx31-paper);
border:1px solid var(--ifx31-line-strong);
border-radius:999px;
padding:8px 14px;
transition:border-color .2s ease, color .2s ease, background .2s ease;
}
body.ifx-v31-on .ifx-v33-refs-badges li:hover{
border-color:var(--ifx31-amber);
color:var(--ifx31-amber-deep);
background:#fff;
}
body.ifx-v31-on .ifx-v33-refs-board{
position:relative;
background:var(--ifx31-paper);
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r);
padding:clamp(28px, 3.4vw, 40px);
box-shadow:var(--ifx31-shadow-sm);
display:grid;
gap:18px;
}
body.ifx-v31-on .ifx-v33-refs-board::before{
content:"";
position:absolute;
top:0;
left:clamp(28px, 3.4vw, 40px);
width:48px;
height:3px;
background:linear-gradient(90deg, var(--ifx31-amber), var(--ifx31-amber-2));
border-radius:0 0 3px 3px;
}
body.ifx-v31-on .ifx-v33-refs-board-kicker{
font-family:var(--ifx31-fs);
font-size:11.5px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
margin-top:6px;
}
body.ifx-v31-on .ifx-v33-refs-list{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:0;
counter-reset:ifxref;
}
body.ifx-v31-on .ifx-v33-refs-list li{
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:baseline;
gap:14px 18px;
padding:18px 0;
border-top:1px solid var(--ifx31-line);
transition:padding-left .2s ease;
}
body.ifx-v31-on .ifx-v33-refs-list li:first-child{ border-top:0; padding-top:6px; }
body.ifx-v31-on .ifx-v33-refs-list li:hover{
padding-left:6px;
}
body.ifx-v31-on .ifx-v33-refs-num{
font-family:var(--ifx31-fd);
font-size:13px;
font-weight:700;
letter-spacing:.04em;
color:var(--ifx31-amber-deep);
min-width:24px;
}
body.ifx-v31-on .ifx-v33-refs-name{
font-family:var(--ifx31-fd);
font-size:17px;
font-weight:680;
letter-spacing:-.005em;
color:var(--ifx31-ink);
line-height:1.3;
}
body.ifx-v31-on .ifx-v33-refs-sector{
font-family:var(--ifx31-fs);
font-size:11.5px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-soft);
text-align:right;
white-space:nowrap;
}
body.ifx-v31-on .ifx-v33-refs-list .ifx-v33-refs-more{
background:linear-gradient(180deg, transparent, rgba(210,132,31,.04));
border-radius:var(--ifx31-r-xs);
}
body.ifx-v31-on .ifx-v33-refs-list .ifx-v33-refs-more .ifx-v33-refs-name{
color:var(--ifx31-ink-2);
font-style:italic;
font-weight:600;
}
body.ifx-v31-on .ifx-v33-refs-cta{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;
margin-top:8px;
padding-top:20px;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .ifx-v33-refs-cta .ifx-v32-btn{
width:100%;
justify-content:center;
}
/* Tablet 1080 — split kolon yerine üst-alt + 3 sütun grid */
@media(max-width:1080px){
body.ifx-v31-on .ifx-v33-refs-grid{
grid-template-columns:minmax(0, 1fr);
gap:36px;
}
body.ifx-v31-on .ifx-v33-eco-grid{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
/* Tablet 768 */
@media(max-width:768px){
body.ifx-v31-on .ifx-v33-eco-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
body.ifx-v31-on .ifx-v33-eco-cell{
padding:22px 14px;
min-height:96px;
}
body.ifx-v31-on .ifx-v33-eco-mark{ font-size:16px; }
body.ifx-v31-on .ifx-v33-eco-cat{ font-size:10.5px; }
body.ifx-v31-on .ifx-v33-refs-list li{
grid-template-columns:auto minmax(0, 1fr);
gap:6px 14px;
}
body.ifx-v31-on .ifx-v33-refs-num{
grid-row:1 / span 2;
align-self:center;
}
body.ifx-v31-on .ifx-v33-refs-name{
grid-column:2;
grid-row:1;
}
body.ifx-v31-on .ifx-v33-refs-sector{
grid-column:2;
grid-row:2;
text-align:left;
white-space:normal;
}
body.ifx-v31-on .ifx-v33-refs-points li{
grid-template-columns:minmax(0, 1fr);
gap:4px;
}
body.ifx-v31-on .ifx-v33-refs-points li b{ white-space:normal; }
}
/* Mobil 430 */
@media(max-width:430px){
body.ifx-v31-on .ifx-v33-eco-mark{ font-size:15px; }
body.ifx-v31-on .ifx-v33-refs-board{ padding:22px 18px; }
body.ifx-v31-on .ifx-v33-refs-name{ font-size:16px; }
}
/* ==========================================================================
NAV · "is-active" state ve 8-link condense yardımcısı
Mevcut nav yapısına dokunmadan ek state'leri tanımlar.
========================================================================== */
body.ifx-v31-on .ifx-v31-nav-link.is-active,
body.ifx-v31-on .ifx-v31-nav-link[aria-current="page"]{
color:var(--ifx31-amber-deep);
background:rgba(255,244,221,.78);
box-shadow:inset 0 0 0 1px rgba(210,132,31,.20);
}
body.ifx-v31-on .ifx-v31-drawer-inner a[aria-current="page"]{
color:var(--ifx31-amber-deep);
}
/* ==========================================================================
NAV · taşma önleyici breakpoint katmanları
8 link + logo + CTA hiçbir desktop genişliğinde 2. satıra düşmesin.
Tabanda flex-wrap:nowrap + white-space:nowrap garantili; bu katmanlar
yalnızca padding/font/gap düşürerek sığdırır. Mobil ≤1080 hamburger sistemine
dokunulmaz.
========================================================================== */
/* 1281–1440 (1366/1440 laptop): hafif kondensasyon */
@media(min-width:1281px) and (max-width:1440px){
body.ifx-v31-on .ifx-v31-mainbar-row{ gap:18px; }
body.ifx-v31-on .ifx-v31-nav{ gap:0; }
body.ifx-v31-on .ifx-v31-nav-link,
body.ifx-v31-on .ifx-v31-nav > a,
body.ifx-v31-on .ifx-v31-nav > .ifx-v31-has-mega > a{
padding:0 8px;
font-size:13.5px;
gap:5px;
}
body.ifx-v31-on .ifx-v31-brand img{ height:44px; max-width:138px; }
body.ifx-v31-on .ifx-v31-cta{ padding:0 18px; height:42px; font-size:13.5px; }
}
/* 1081–1280 (kompakt laptop / büyük tablet): daha sıkı kondensasyon */
@media(min-width:1081px) and (max-width:1280px){
body.ifx-v31-on .ifx-v31-mainbar-row{ gap:14px; }
body.ifx-v31-on .ifx-v31-nav{ gap:0; }
body.ifx-v31-on .ifx-v31-nav-link,
body.ifx-v31-on .ifx-v31-nav > a,
body.ifx-v31-on .ifx-v31-nav > .ifx-v31-has-mega > a{
padding:0 7px;
font-size:13px;
gap:4px;
height:40px;
}
body.ifx-v31-on .ifx-v31-caret{ width:8px; height:5px; }
body.ifx-v31-on .ifx-v31-brand img{ height:40px; max-width:124px; }
body.ifx-v31-on .ifx-v31-cta{ padding:0 14px; height:40px; font-size:13px; }
body.ifx-v31-on .ifx-v31-actions{ gap:6px; }
}
/* ==========================================================================
ANA SAYFA · İŞ ORTAKLARI/REFERANS TEASER (kısa, zarif yönlendirme)
========================================================================== */
body.ifx-v31-on .itfix-teaser{
background:
radial-gradient(70% 90% at 50% 0%, rgba(210,132,31,.06), transparent 60%),
var(--ifx31-paper);
padding:clamp(56px, 8vh, 96px) 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-teaser-grid{
display:grid;
grid-template-columns:minmax(0, 1.2fr) minmax(0, auto);
gap:clamp(32px, 4vw, 56px);
align-items:center;
}
body.ifx-v31-on .itfix-teaser-copy{
display:grid;
gap:12px;
max-width:620px;
}
body.ifx-v31-on .itfix-teaser-copy p{
font-size:15.5px;
line-height:1.65;
color:var(--ifx31-muted);
}
body.ifx-v31-on .itfix-teaser-actions{
display:flex;
flex-direction:column;
gap:12px;
align-items:stretch;
min-width:280px;
}
body.ifx-v31-on .itfix-teaser-actions .ifx-v32-btn{
width:100%;
justify-content:center;
}
@media(max-width:768px){
body.ifx-v31-on .itfix-teaser-grid{ grid-template-columns:minmax(0, 1fr); gap:24px; }
body.ifx-v31-on .itfix-teaser-actions{ min-width:0; }
}
/* ==========================================================================
PAGE · İŞ ORTAKLARIMIZ (/is-ortaklarimiz/) — .itfix-partners-page
========================================================================== */
body.ifx-v31-on.itfix-partners-page .itfix-partners-main{
background:var(--ifx31-bg);
padding-bottom:clamp(48px, 7vh, 96px);
}
/* Hero */
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero{
background:
radial-gradient(120% 80% at 100% 0%, rgba(210,132,31,.07), transparent 55%),
radial-gradient(80% 60% at 0% 100%, rgba(44,109,199,.05), transparent 60%),
linear-gradient(180deg, var(--ifx31-paper) 0%, var(--ifx31-bg-alt) 100%);
padding:clamp(56px, 8vh, 100px) 0 clamp(48px, 7vh, 80px);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-grid{
display:grid;
gap:14px;
max-width:880px;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-crumb{
display:flex;
align-items:center;
gap:10px;
font-family:var(--ifx31-fs);
font-size:12.5px;
font-weight:600;
letter-spacing:.04em;
color:var(--ifx31-soft);
margin-bottom:4px;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-crumb a{
color:var(--ifx31-muted);
transition:color .2s ease;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-crumb a:hover{ color:var(--ifx31-amber-deep); }
body.ifx-v31-on.itfix-partners-page .itfix-partners-crumb span[aria-current]{ color:var(--ifx31-ink-2); }
body.ifx-v31-on.itfix-partners-page .itfix-partners-h1{
font-family:var(--ifx31-fd);
font-size:clamp(32px, 4vw, 52px);
line-height:1.08;
letter-spacing:-.02em;
font-weight:740;
color:var(--ifx31-ink);
margin:0;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-h1 em{
font-style:normal;
background:linear-gradient(120deg, var(--ifx31-amber-2), var(--ifx31-amber) 60%, var(--ifx31-amber-deep));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-lead{
font-size:16.5px;
line-height:1.65;
color:var(--ifx31-muted);
max-width:760px;
margin:8px 0 0;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-meta{
list-style:none;
margin:24px 0 0;
padding:20px 0 0;
border-top:1px solid var(--ifx31-line);
display:flex;
flex-wrap:wrap;
gap:clamp(20px, 3vw, 48px);
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-meta li{
display:flex;
flex-direction:column;
gap:2px;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-meta b{
font-family:var(--ifx31-fd);
font-size:22px;
font-weight:720;
letter-spacing:-.01em;
color:var(--ifx31-ink);
line-height:1;
}
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-meta span{
font-family:var(--ifx31-fs);
font-size:12.5px;
font-weight:600;
letter-spacing:.05em;
text-transform:uppercase;
color:var(--ifx31-soft);
}
/* Logo Wall */
body.ifx-v31-on .itfix-logo-wall-section{
background:var(--ifx31-paper);
padding:clamp(64px, 9vh, 110px) 0;
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-logo-wall-head{
max-width:760px;
margin:0 0 clamp(32px, 5vh, 56px);
display:grid;
gap:12px;
}
body.ifx-v31-on .itfix-logo-wall-head p{
font-size:15px;
line-height:1.65;
color:var(--ifx31-muted);
max-width:640px;
}
body.ifx-v31-on .itfix-logo-wall{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:1px;
background:var(--ifx31-line);
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
overflow:hidden;
}
body.ifx-v31-on .itfix-logo-wall-cell{
position:relative;
background:var(--ifx31-paper);
padding:32px 22px;
min-height:120px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
text-align:center;
transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
isolation:isolate;
}
body.ifx-v31-on .itfix-logo-wall-cell::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(210,132,31,.08), rgba(44,109,199,.06));
opacity:0;
transition:opacity .25s ease;
z-index:-1;
}
body.ifx-v31-on .itfix-logo-wall-cell:hover,
body.ifx-v31-on .itfix-logo-wall-cell:focus-within{
background:#fff;
box-shadow:inset 0 0 0 1px rgba(210,132,31,.18);
transform:translateY(-1px);
}
body.ifx-v31-on .itfix-logo-wall-cell:hover::before,
body.ifx-v31-on .itfix-logo-wall-cell:focus-within::before{ opacity:1; }
body.ifx-v31-on .itfix-logo-wall-mark{
font-family:var(--ifx31-fd);
font-size:19px;
font-weight:680;
letter-spacing:-.014em;
color:var(--ifx31-soft);
line-height:1.1;
white-space:nowrap;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
transition:color .25s ease;
}
body.ifx-v31-on .itfix-logo-wall-cell:hover .itfix-logo-wall-mark,
body.ifx-v31-on .itfix-logo-wall-cell:focus-within .itfix-logo-wall-mark{
color:var(--ifx31-ink);
}
body.ifx-v31-on .itfix-logo-wall-cat{
font-family:var(--ifx31-fs);
font-size:11.5px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-soft);
opacity:.75;
transition:color .25s ease, opacity .25s ease;
}
body.ifx-v31-on .itfix-logo-wall-cell:hover .itfix-logo-wall-cat,
body.ifx-v31-on .itfix-logo-wall-cell:focus-within .itfix-logo-wall-cat{
color:var(--ifx31-amber-deep);
opacity:1;
}
body.ifx-v31-on .itfix-logo-wall-note{
margin:20px 0 0;
font-size:12.5px;
line-height:1.55;
color:var(--ifx31-soft);
max-width:720px;
}
/* Çözüm Alanları */
body.ifx-v31-on .itfix-partners-solutions{
background:var(--ifx31-bg);
padding:clamp(72px, 10vh, 120px) 0;
}
body.ifx-v31-on .itfix-partners-solutions-list{
list-style:none;
margin:48px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-partners-solutions-list li{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:0 24px;
padding:28px 24px 28px 0;
border-bottom:1px solid var(--ifx31-line);
align-items:start;
}
body.ifx-v31-on .itfix-partners-solutions-list li:nth-child(odd){ padding-right:32px; border-right:1px solid var(--ifx31-line); }
body.ifx-v31-on .itfix-partners-solutions-list li:nth-child(even){ padding-left:32px; }
body.ifx-v31-on .itfix-partners-solutions-num{
font-family:var(--ifx31-fd);
font-size:28px;
font-weight:720;
letter-spacing:-.01em;
color:var(--ifx31-amber-deep);
line-height:1;
min-width:48px;
}
body.ifx-v31-on .itfix-partners-solutions-list li h3{
font-family:var(--ifx31-fd);
font-size:18px;
font-weight:700;
letter-spacing:-.005em;
color:var(--ifx31-ink);
margin:0 0 6px;
line-height:1.3;
}
body.ifx-v31-on .itfix-partners-solutions-list li p{
font-size:14.5px;
line-height:1.6;
color:var(--ifx31-muted);
margin:0;
}
/* CTA */
body.ifx-v31-on .itfix-partners-cta{
background:var(--ifx31-paper);
padding:clamp(64px, 9vh, 110px) 0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-partners-cta-grid{
display:grid;
grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
gap:clamp(40px, 5vw, 80px);
align-items:center;
}
body.ifx-v31-on .itfix-partners-cta-copy{
display:grid;
gap:14px;
max-width:560px;
}
body.ifx-v31-on .itfix-partners-cta-copy p{
font-size:15.5px;
line-height:1.65;
color:var(--ifx31-muted);
}
body.ifx-v31-on .itfix-partners-cta-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:12px;
}
body.ifx-v31-on .itfix-partners-cta-actions .ifx-v32-btn{ width:100%; justify-content:center; }
/* Partners page responsive */
@media(max-width:1080px){
body.ifx-v31-on .itfix-logo-wall{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
body.ifx-v31-on .itfix-partners-cta-grid{ grid-template-columns:minmax(0, 1fr); gap:32px; }
}
@media(max-width:768px){
body.ifx-v31-on .itfix-logo-wall{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
body.ifx-v31-on .itfix-logo-wall-cell{ padding:24px 14px; min-height:104px; }
body.ifx-v31-on .itfix-logo-wall-mark{ font-size:16.5px; }
body.ifx-v31-on .itfix-logo-wall-cat{ font-size:10.5px; }
body.ifx-v31-on .itfix-partners-solutions-list{
grid-template-columns:minmax(0, 1fr);
}
body.ifx-v31-on .itfix-partners-solutions-list li,
body.ifx-v31-on .itfix-partners-solutions-list li:nth-child(odd),
body.ifx-v31-on .itfix-partners-solutions-list li:nth-child(even){
padding:24px 0;
border-right:0;
}
}
@media(max-width:430px){
body.ifx-v31-on.itfix-partners-page .itfix-partners-hero-meta b{ font-size:18px; }
body.ifx-v31-on .itfix-logo-wall-mark{ font-size:15px; }
}
/* ==========================================================================
PAGE · REFERANSLARIMIZ (/referanslarimiz/) — .itfix-references-page
========================================================================== */
body.ifx-v31-on.itfix-references-page .itfix-references-main{
background:var(--ifx31-bg);
padding-bottom:clamp(48px, 7vh, 96px);
}
/* Hero */
body.ifx-v31-on.itfix-references-page .itfix-refs-hero{
background:linear-gradient(180deg, var(--ifx31-paper) 0%, var(--ifx31-bg-alt) 100%);
padding:clamp(56px, 8vh, 100px) 0 clamp(48px, 7vh, 80px);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on.itfix-references-page .itfix-refs-hero-grid{
display:grid;
grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
gap:clamp(40px, 5vw, 72px);
align-items:start;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-hero-copy{ display:grid; gap:14px; max-width:600px; }
body.ifx-v31-on.itfix-references-page .itfix-refs-crumb{
display:flex;
align-items:center;
gap:10px;
font-family:var(--ifx31-fs);
font-size:12.5px;
font-weight:600;
letter-spacing:.04em;
color:var(--ifx31-soft);
margin-bottom:4px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-crumb a{ color:var(--ifx31-muted); transition:color .2s ease; }
body.ifx-v31-on.itfix-references-page .itfix-refs-crumb a:hover{ color:var(--ifx31-amber-deep); }
body.ifx-v31-on.itfix-references-page .itfix-refs-crumb span[aria-current]{ color:var(--ifx31-ink-2); }
body.ifx-v31-on.itfix-references-page .itfix-refs-h1{
font-family:var(--ifx31-fd);
font-size:clamp(30px, 3.8vw, 48px);
line-height:1.1;
letter-spacing:-.018em;
font-weight:740;
color:var(--ifx31-ink);
margin:0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-h1 em{
font-style:normal;
background:linear-gradient(120deg, var(--ifx31-amber-2), var(--ifx31-amber) 60%, var(--ifx31-amber-deep));
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-lead{
font-size:16px;
line-height:1.68;
color:var(--ifx31-muted);
margin:6px 0 0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-pillars{
list-style:none;
margin:18px 0 0;
padding:0;
display:grid;
gap:0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-pillars li{
position:relative;
padding:14px 0 14px 22px;
font-size:14.5px;
line-height:1.55;
color:var(--ifx31-text);
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on.itfix-references-page .itfix-refs-pillars li:last-child{ border-bottom:1px solid var(--ifx31-line); }
body.ifx-v31-on.itfix-references-page .itfix-refs-pillars li::before{
content:"";
position:absolute;
left:0;
top:22px;
width:8px;
height:8px;
border-radius:50%;
background:var(--ifx31-amber);
}
/* Refs Board (right column) */
body.ifx-v31-on.itfix-references-page .itfix-refs-board{
position:relative;
background:var(--ifx31-paper);
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r);
padding:clamp(28px, 3.4vw, 40px);
box-shadow:var(--ifx31-shadow-sm);
display:grid;
gap:18px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-board::before{
content:"";
position:absolute;
top:0;
left:clamp(28px, 3.4vw, 40px);
width:48px;
height:3px;
background:linear-gradient(90deg, var(--ifx31-amber), var(--ifx31-amber-2));
border-radius:0 0 3px 3px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-board-kicker{
font-family:var(--ifx31-fs);
font-size:11.5px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
margin-top:6px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-list{
list-style:none;
margin:0;
padding:0;
display:grid;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-list li{
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:baseline;
gap:14px 18px;
padding:18px 0;
border-top:1px solid var(--ifx31-line);
transition:padding-left .2s ease;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-list li:first-child{ border-top:0; padding-top:6px; }
body.ifx-v31-on.itfix-references-page .itfix-refs-list li:hover{ padding-left:6px; }
body.ifx-v31-on.itfix-references-page .itfix-refs-num{
font-family:var(--ifx31-fd);
font-size:13px;
font-weight:700;
letter-spacing:.04em;
color:var(--ifx31-amber-deep);
min-width:24px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-name{
font-family:var(--ifx31-fd);
font-size:17px;
font-weight:680;
letter-spacing:-.005em;
color:var(--ifx31-ink);
line-height:1.3;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-sector{
font-family:var(--ifx31-fs);
font-size:11.5px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-soft);
text-align:right;
white-space:nowrap;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-more{
background:linear-gradient(180deg, transparent, rgba(210,132,31,.04));
border-radius:var(--ifx31-r-xs);
}
body.ifx-v31-on.itfix-references-page .itfix-refs-more .itfix-refs-name{
color:var(--ifx31-ink-2);
font-style:italic;
font-weight:600;
}
/* Sektörel Deneyim */
body.ifx-v31-on .itfix-refs-sectors{
background:var(--ifx31-paper);
padding:clamp(64px, 9vh, 110px) 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-refs-sectors-grid{
list-style:none;
margin:40px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-refs-sectors-grid li{
padding:28px 28px 28px 0;
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-refs-sectors-grid li:not(:nth-child(3n)){
border-right:1px solid var(--ifx31-line);
padding-right:28px;
}
body.ifx-v31-on .itfix-refs-sectors-grid li:not(:first-child):not(:nth-child(3n+1)){
padding-left:28px;
}
body.ifx-v31-on .itfix-refs-sectors-grid h3{
font-family:var(--ifx31-fd);
font-size:17px;
font-weight:700;
letter-spacing:-.005em;
color:var(--ifx31-ink);
margin:0 0 6px;
line-height:1.3;
}
body.ifx-v31-on .itfix-refs-sectors-grid p{
font-size:14px;
line-height:1.6;
color:var(--ifx31-muted);
margin:0;
}
/* Neden Tercih Ediliyoruz */
body.ifx-v31-on .itfix-refs-why{
background:var(--ifx31-bg);
padding:clamp(64px, 9vh, 110px) 0;
}
body.ifx-v31-on .itfix-refs-why-grid{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);
gap:clamp(36px, 5vw, 72px);
align-items:start;
}
body.ifx-v31-on .itfix-refs-why-head{ display:grid; gap:14px; max-width:440px; }
body.ifx-v31-on .itfix-refs-why-head p{ font-size:15px; line-height:1.65; color:var(--ifx31-muted); }
body.ifx-v31-on .itfix-refs-why-list{
margin:0;
padding:0;
display:grid;
gap:0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-refs-why-row{
display:grid;
grid-template-columns:minmax(180px, 1fr) minmax(0, 2fr);
gap:18px 28px;
padding:18px 0;
border-bottom:1px solid var(--ifx31-line);
align-items:baseline;
}
body.ifx-v31-on .itfix-refs-why-row dt{
font-family:var(--ifx31-fd);
font-size:15px;
font-weight:700;
letter-spacing:.005em;
color:var(--ifx31-ink);
}
body.ifx-v31-on .itfix-refs-why-row dt::before{
content:"";
display:inline-block;
width:6px;
height:6px;
border-radius:50%;
background:var(--ifx31-amber);
margin-right:10px;
vertical-align:middle;
transform:translateY(-1px);
}
body.ifx-v31-on .itfix-refs-why-row dd{
margin:0;
font-size:14.5px;
line-height:1.6;
color:var(--ifx31-muted);
}
/* CTA */
body.ifx-v31-on .itfix-refs-cta{
background:var(--ifx31-paper);
padding:clamp(64px, 9vh, 110px) 0;
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-refs-cta-inner{
display:grid;
gap:14px;
max-width:720px;
}
body.ifx-v31-on .itfix-refs-cta-inner p{
font-size:15.5px;
line-height:1.65;
color:var(--ifx31-muted);
}
body.ifx-v31-on .itfix-refs-cta-actions{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
margin-top:8px;
}
body.ifx-v31-on .itfix-refs-cta-actions .ifx-v32-btn{
width:100%;
max-width:520px;
justify-content:center;
}
/* References page responsive */
@media(max-width:1080px){
body.ifx-v31-on.itfix-references-page .itfix-refs-hero-grid{ grid-template-columns:minmax(0, 1fr); gap:36px; }
body.ifx-v31-on .itfix-refs-sectors-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
body.ifx-v31-on .itfix-refs-sectors-grid li:not(:nth-child(3n)){ border-right:0; padding-right:0; }
body.ifx-v31-on .itfix-refs-sectors-grid li:not(:first-child):not(:nth-child(3n+1)){ padding-left:0; }
body.ifx-v31-on .itfix-refs-sectors-grid li:nth-child(odd){ padding-right:24px; border-right:1px solid var(--ifx31-line); }
body.ifx-v31-on .itfix-refs-sectors-grid li:nth-child(even){ padding-left:24px; }
body.ifx-v31-on .itfix-refs-why-grid{ grid-template-columns:minmax(0, 1fr); gap:32px; }
}
@media(max-width:768px){
body.ifx-v31-on .itfix-refs-sectors-grid{ grid-template-columns:minmax(0, 1fr); }
body.ifx-v31-on .itfix-refs-sectors-grid li,
body.ifx-v31-on .itfix-refs-sectors-grid li:nth-child(odd),
body.ifx-v31-on .itfix-refs-sectors-grid li:nth-child(even){
padding:22px 0;
border-right:0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-list li{
grid-template-columns:auto minmax(0, 1fr);
gap:6px 14px;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-num{
grid-row:1 / span 2;
align-self:center;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-name{ grid-column:2; grid-row:1; }
body.ifx-v31-on.itfix-references-page .itfix-refs-sector{
grid-column:2;
grid-row:2;
text-align:left;
white-space:normal;
}
body.ifx-v31-on .itfix-refs-why-row{ grid-template-columns:minmax(0, 1fr); gap:4px; }
}
@media(max-width:430px){
body.ifx-v31-on.itfix-references-page .itfix-refs-board{ padding:22px 18px; }
body.ifx-v31-on.itfix-references-page .itfix-refs-name{ font-size:16px; }
}
/* ==========================================================================
IT-FIX TRUST · slider altı slim güven bandı
========================================================================== */
body.ifx-v31-on .itfix-trust-strip{
background:var(--ifx31-paper-2);
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
padding:26px 0;
position:relative;
z-index:2;
}
body.ifx-v31-on .itfix-trust-strip-wrap{
display:flex;
align-items:center;
justify-content:center;
}
body.ifx-v31-on .itfix-trust-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:0;
width:100%;
justify-content:space-between;
align-items:stretch;
}
body.ifx-v31-on .itfix-trust-list li{
display:flex;
align-items:center;
gap:12px;
padding:6px 24px;
flex:1 1 0;
min-width:0;
border-right:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-trust-list li:first-child{ padding-left:0; }
body.ifx-v31-on .itfix-trust-list li:last-child{ border-right:0; padding-right:0; }
body.ifx-v31-on .itfix-trust-list li i{
width:8px;
height:8px;
border-radius:50%;
background:var(--ifx31-amber);
flex:0 0 8px;
box-shadow:0 0 0 4px rgba(210,132,31,.12);
}
body.ifx-v31-on .itfix-trust-list li > div,
body.ifx-v31-on .itfix-trust-list li b,
body.ifx-v31-on .itfix-trust-list li span{
min-width:0;
}
body.ifx-v31-on .itfix-trust-list li b{
display:block;
font-family:var(--ifx31-fd);
font-weight:660;
font-size:14px;
letter-spacing:-.005em;
color:var(--ifx31-ink);
line-height:1.25;
}
body.ifx-v31-on .itfix-trust-list li span{
display:block;
font-size:12px;
color:var(--ifx31-muted);
letter-spacing:.02em;
line-height:1.35;
margin-top:2px;
}
@media(max-width:1100px){
body.ifx-v31-on .itfix-trust-list{
gap:0;
}
body.ifx-v31-on .itfix-trust-list li{
padding:6px 16px;
}
body.ifx-v31-on .itfix-trust-list li b{ font-size:13px; }
}
@media(max-width:900px){
body.ifx-v31-on .itfix-trust-strip{ padding:22px 0; }
body.ifx-v31-on .itfix-trust-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
column-gap:24px;
row-gap:14px;
}
body.ifx-v31-on .itfix-trust-list li{
border-right:0;
border-bottom:1px solid var(--ifx31-line);
padding:10px 0;
flex:none;
}
body.ifx-v31-on .itfix-trust-list li:nth-last-child(-n+2){ border-bottom:0; }
body.ifx-v31-on .itfix-trust-list li:last-child:nth-child(odd){
grid-column:1 / -1;
}
}
@media(max-width:560px){
body.ifx-v31-on .itfix-trust-strip{ padding:18px 0; }
body.ifx-v31-on .itfix-trust-list{
grid-template-columns:minmax(0, 1fr);
row-gap:0;
}
body.ifx-v31-on .itfix-trust-list li{
padding:12px 0;
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-trust-list li:last-child{
border-bottom:0;
}
}
/* ==========================================================================
IT-FIX CREDENTIALS · Teknik Yetkinlikler (typography-only)
========================================================================== */
body.ifx-v31-on .itfix-credentials{
background:var(--ifx31-bg);
padding:88px 0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-credentials-list{
list-style:none;
margin:48px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:0;
border-top:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-credentials-list li{
padding:36px 28px 32px;
border-right:1px solid var(--ifx31-line);
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
background:var(--ifx31-paper-2);
position:relative;
}
body.ifx-v31-on .itfix-credentials-list li:last-child{ border-right:0; }
body.ifx-v31-on .itfix-credentials-list li::before{
content:"";
position:absolute;
inset:auto 0 0 0;
height:2px;
background:linear-gradient(90deg, transparent, var(--ifx31-amber), transparent);
opacity:0;
transition:opacity .25s ease;
}
body.ifx-v31-on .itfix-credentials-list li:hover::before{ opacity:.7; }
body.ifx-v31-on .itfix-credentials-mark{
display:inline-flex;
align-items:center;
justify-content:center;
font-family:var(--ifx31-fd);
font-weight:760;
font-size:22px;
letter-spacing:.04em;
color:var(--ifx31-amber-deep);
padding:8px 14px;
border:1px solid var(--ifx31-amber);
border-radius:var(--ifx31-r-xs);
background:var(--ifx31-paper);
margin-bottom:6px;
}
body.ifx-v31-on .itfix-credentials-list li > b{
font-family:var(--ifx31-fd);
font-weight:720;
font-size:18px;
color:var(--ifx31-ink);
letter-spacing:-.005em;
line-height:1.25;
}
body.ifx-v31-on .itfix-credentials-area{
font-size:12px;
font-weight:600;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--ifx31-muted);
line-height:1.3;
}
body.ifx-v31-on .itfix-credentials-list li p{
font-size:14px;
color:var(--ifx31-text);
line-height:1.55;
margin:6px 0 0;
}
body.ifx-v31-on .itfix-credentials-note{
text-align:center;
font-size:13px;
color:var(--ifx31-muted);
margin:24px 0 0;
letter-spacing:.01em;
}
@media(max-width:980px){
body.ifx-v31-on .itfix-credentials{ padding:72px 0; }
body.ifx-v31-on .itfix-credentials-list{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
body.ifx-v31-on .itfix-credentials-list li{
border-right:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-credentials-list li:nth-child(2n){ border-right:0; }
body.ifx-v31-on .itfix-credentials-list li:nth-last-child(-n+2){ border-bottom:0; }
}
@media(max-width:600px){
body.ifx-v31-on .itfix-credentials{ padding:56px 0; }
body.ifx-v31-on .itfix-credentials-list{
grid-template-columns:minmax(0, 1fr);
}
body.ifx-v31-on .itfix-credentials-list li{
border-right:0;
border-bottom:1px solid var(--ifx31-line);
padding:28px 22px;
}
body.ifx-v31-on .itfix-credentials-list li:last-child{ border-bottom:0; }
}
/* ==========================================================================
IT-FIX CASE STUDIES · Başarı Hikayeleri (editorial cards)
========================================================================== */
body.ifx-v31-on .itfix-case-studies{
background:var(--ifx31-bg-alt);
padding:96px 0;
}
body.ifx-v31-on .itfix-case-list{
list-style:none;
margin:56px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:24px;
}
body.ifx-v31-on .itfix-case-list li{
background:var(--ifx31-paper);
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r);
padding:32px 28px;
display:flex;
flex-direction:column;
gap:18px;
transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
body.ifx-v31-on .itfix-case-list li:hover{
border-color:var(--ifx31-line-strong);
box-shadow:var(--ifx31-shadow-sm);
transform:translateY(-2px);
}
body.ifx-v31-on .itfix-case-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding-bottom:14px;
border-bottom:1px solid var(--ifx31-line);
}
body.ifx-v31-on .itfix-case-num{
font-family:var(--ifx31-fd);
font-weight:760;
font-size:24px;
color:var(--ifx31-amber-deep);
letter-spacing:-.01em;
line-height:1;
}
body.ifx-v31-on .itfix-case-sector{
font-size:11px;
font-weight:660;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--ifx31-muted);
background:var(--ifx31-paper-2);
border:1px solid var(--ifx31-line);
padding:5px 10px;
border-radius:99px;
}
body.ifx-v31-on .itfix-case-list h3{
font-family:var(--ifx31-fd);
font-weight:720;
font-size:18px;
line-height:1.3;
color:var(--ifx31-ink);
letter-spacing:-.005em;
margin:0;
}
body.ifx-v31-on .itfix-case-list dl{
margin:0;
display:grid;
grid-template-columns:minmax(0, 1fr);
gap:14px;
}
body.ifx-v31-on .itfix-case-list dt{
font-size:11px;
font-weight:680;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--ifx31-amber-deep);
margin:0 0 4px;
}
body.ifx-v31-on .itfix-case-list dd{
margin:0;
font-size:14px;
line-height:1.55;
color:var(--ifx31-text);
}
body.ifx-v31-on .itfix-case-note{
text-align:center;
font-size:13px;
color:var(--ifx31-muted);
margin:28px 0 0;
font-style:italic;
}
@media(max-width:980px){
body.ifx-v31-on .itfix-case-studies{ padding:80px 0; }
body.ifx-v31-on .itfix-case-list{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:20px;
}
body.ifx-v31-on .itfix-case-list li:last-child{
grid-column:1 / -1;
}
}
@media(max-width:680px){
body.ifx-v31-on .itfix-case-studies{ padding:64px 0; }
body.ifx-v31-on .itfix-case-list{
grid-template-columns:minmax(0, 1fr);
gap:16px;
}
body.ifx-v31-on .itfix-case-list li,
body.ifx-v31-on .itfix-case-list li:last-child{
grid-column:auto;
padding:26px 22px;
}
}
/* ==========================================================================
IT-FIX REFS DETAIL · Referans hizmet kapsamı (referanslarımız sayfası)
========================================================================== */
body.ifx-v31-on.itfix-references-page .itfix-refs-detail{
padding:88px 0;
background:var(--ifx31-paper-2);
border-top:1px solid var(--ifx31-line);
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-list{
list-style:none;
margin:48px 0 0;
padding:0;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:0;
border-top:1px solid var(--ifx31-line);
border-left:1px solid var(--ifx31-line);
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-list li{
padding:32px 32px 30px;
border-right:1px solid var(--ifx31-line);
border-bottom:1px solid var(--ifx31-line);
background:var(--ifx31-paper);
display:flex;
flex-direction:column;
gap:10px;
position:relative;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-num{
font-family:var(--ifx31-fd);
font-weight:720;
font-size:13px;
letter-spacing:.18em;
color:var(--ifx31-amber-deep);
line-height:1;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-name{
font-family:var(--ifx31-fd);
font-weight:760;
font-size:22px;
letter-spacing:-.012em;
line-height:1.18;
color:var(--ifx31-ink);
margin:0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-sector{
font-size:12px;
font-weight:620;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--ifx31-muted);
line-height:1.3;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-scope{
margin:6px 0 0;
font-size:14.5px;
line-height:1.6;
color:var(--ifx31-text);
max-width:46ch;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-note{
text-align:center;
font-size:13px;
color:var(--ifx31-muted);
margin:24px 0 0;
font-style:italic;
}
@media(max-width:760px){
body.ifx-v31-on.itfix-references-page .itfix-refs-detail{ padding:64px 0; }
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-list{
grid-template-columns:minmax(0, 1fr);
border-left:0;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-list li{
padding:26px 0;
border-right:0;
background:transparent;
}
body.ifx-v31-on.itfix-references-page .itfix-refs-detail-list li:last-child{
border-bottom:0;
}
}
/* ==========================================================================
NAV · IT-odaklı menü yeniden yapısı (5 dropdown + 3 düz link)
- "IT Destek & Danışmanlık" ana vurgu (primary)
- "Web & Yazılım" tamamlayıcı, geri planda (soft)
- "Kurumsal" 4 öğeli kısa dropdown (--sm)
- Mobil drawer için details/summary alt-grup mimarisi
Mevcut .ifx-v31-* mimarisinin üstüne çakışmadan eklenir.
========================================================================== */
/* IT Destek & Danışmanlık vurgusu — fazla agresif değil, ince */
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary > a{
color:var(--ifx31-ink);
font-weight:700;
}
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary > a::before{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:6px;
height:2px;
border-radius:2px;
background:linear-gradient(90deg,transparent,rgba(210,132,31,.55),transparent);
opacity:.85;
pointer-events:none;
}
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary:hover > a::before,
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary.is-open > a::before{
opacity:0;
}
/* Web & Yazılım — tamamlayıcı, hafifçe geriye düşmüş ton */
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-soft > a{
color:var(--ifx31-muted, #6b6357);
font-weight:580;
}
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-soft:hover > a,
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-soft.is-open > a{
color:var(--ifx31-amber-deep);
}
/* Daha kısa dropdown varyantı (Kurumsal — 4 öğe) */
body.ifx-v31-on .ifx-v31-mega.ifx-v31-mega--sm{
width:min(760px,calc(100vw - 64px));
grid-template-columns:260px minmax(0,1fr);
}
body.ifx-v31-on .ifx-v31-mega.ifx-v31-mega--sm .ifx-v31-mega-feature{
min-height:240px;
padding:22px;
}
body.ifx-v31-on .ifx-v31-mega.ifx-v31-mega--sm .ifx-v31-mega-feature strong{
font-size:21px;
}
/* Mega panellerin viewport dışına taşmasını önle:
Caret pozisyonu transform'la merkezleniyor; sağdaki linkler için
left clamp güvencesi ekle. */
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-has-mega{
position:relative;
}
/* IT Destek için 7 öğeli liste — 2 sütun × 4 satır, son satır 1 sütun;
görsel denge için 3x3 + 1 tek görüntüsünden kaçınmak adına son
satırın tek hücreyi yarıdan biraz daha geniş tutması */
body.ifx-v31-on .ifx-v31-nav-link[data-mega="it-destek"] .ifx-v31-mega-list{
grid-template-columns:repeat(2,minmax(0,1fr));
}
/* Mobil drawer — alt-grup details/summary tasarımı */
body.ifx-v31-on .ifx-v31-drawer-group{
background:#fff;
border:1px solid var(--ifx31-line);
border-radius:var(--ifx31-r-sm);
box-shadow:var(--ifx31-shadow-xs);
overflow:hidden;
}
body.ifx-v31-on .ifx-v31-drawer-group + .ifx-v31-drawer-group{
margin-top:6px;
}
body.ifx-v31-on .ifx-v31-drawer-group > summary{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 20px;
font-size:16px;
font-weight:680;
color:var(--ifx31-ink);
cursor:pointer;
list-style:none;
position:relative;
user-select:none;
}
body.ifx-v31-on .ifx-v31-drawer-group > summary::-webkit-details-marker{display:none;}
body.ifx-v31-on .ifx-v31-drawer-group > summary::after{
content:"+";
font-weight:600;
font-size:20px;
line-height:1;
color:var(--ifx31-amber);
transition:transform .25s ease;
}
body.ifx-v31-on .ifx-v31-drawer-group[open] > summary::after{
content:"–";
transform:translateY(-1px);
}
body.ifx-v31-on .ifx-v31-drawer-group .ifx-v31-drawer-sub{
display:flex;
flex-direction:column;
gap:0;
padding:0 6px 8px;
border-top:1px solid var(--ifx31-line);
background:linear-gradient(180deg,#fffaf0 0%,#fff 32%);
}
body.ifx-v31-on .ifx-v31-drawer-group .ifx-v31-drawer-sub a{
display:flex;
align-items:center;
justify-content:space-between;
padding:13px 14px;
border:0;
background:transparent;
border-radius:10px;
box-shadow:none;
font-size:14.5px;
font-weight:600;
color:var(--ifx31-ink-2);
}
body.ifx-v31-on .ifx-v31-drawer-group .ifx-v31-drawer-sub a::after{
content:"›";
color:var(--ifx31-amber);
font-size:18px;
font-weight:600;
margin-left:8px;
}
body.ifx-v31-on .ifx-v31-drawer-group .ifx-v31-drawer-sub a + a{
border-top:1px dashed rgba(210,132,31,.18);
}
/* Ana hizmet vurgusu — drawer'da da hafif highlight */
body.ifx-v31-on .ifx-v31-drawer-group.ifx-v31-drawer-group--primary > summary{
background:linear-gradient(135deg,#fff8ea 0%,#fff 60%);
color:var(--ifx31-amber-deep);
}
body.ifx-v31-on .ifx-v31-drawer-group.ifx-v31-drawer-group--soft > summary{
color:var(--ifx31-muted);
}
/* 8 link + 1 vurgu badge için kondensasyon güncellemesi —
"IT Destek & Danışmanlık" daha uzun metin olduğundan 1281-1440'ta
ekstra ufak ayar */
@media(min-width:1281px) and (max-width:1440px){
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary > a{
padding:0 9px;
}
}
@media(min-width:1081px) and (max-width:1280px){
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary > a::before{
left:6px;
right:6px;
bottom:4px;
}
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-primary > a,
body.ifx-v31-on .ifx-v31-nav-link.ifx-v31-nav-soft > a{
font-size:12.5px;
padding:0 6px;
}
/* Kurumsal mega'sı için viewport taşmasını engelle */
body.ifx-v31-on .ifx-v31-mega.ifx-v31-mega--sm{
width:min(680px,calc(100vw - 48px));
}
}
/* ==========================================================================
HEADER · KONTROLLU 3 KOLON REBUILD
Scope: header, desktop nav, dropdown, CTA ve mobile drawer.
========================================================================== */
body.ifx-v31-on .itfix-site-header,
body.ifx-v31-on .itfix-site-header .ifx-v31-mainbar{
overflow:visible;
}
body.ifx-v31-on .itfix-header-shell{
width:min(100%,1480px);
max-width:1480px;
margin:0 auto;
padding:0 42px;
min-height:92px;
height:auto;
display:grid;
grid-template-columns:170px minmax(0,1fr) auto;
grid-template-areas:"brand nav actions";
align-items:center;
column-gap:32px;
flex-wrap:initial;
min-width:0;
position:relative;
}
body.ifx-v31-on .itfix-header-logo{
grid-area:brand;
width:170px;
min-width:170px;
max-width:170px;
display:inline-flex;
align-items:center;
justify-content:flex-start;
flex:0 0 170px;
position:relative;
z-index:20;
}
body.ifx-v31-on .itfix-header-logo img{
width:auto;
max-width:145px;
height:auto;
max-height:58px;
object-fit:contain;
}
body.ifx-v31-on .itfix-desktop-nav{
grid-area:nav;
min-width:0;
width:100%;
overflow:visible;
display:flex;
align-items:center;
justify-content:center;
gap:clamp(18px,1.35vw,30px);
white-space:nowrap;
position:relative;
z-index:10;
}
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-nav-link{
flex:0 0 auto;
position:static;
display:block;
height:auto;
padding:0;
border-radius:0;
background:transparent;
box-shadow:none;
min-width:0;
}
body.ifx-v31-on .itfix-desktop-nav > a.ifx-v31-nav-link,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega > a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
height:42px;
padding:0;
border-radius:999px;
color:var(--ifx31-ink-2);
font-size:14px;
font-weight:650;
letter-spacing:0;
line-height:1;
white-space:nowrap;
text-decoration:none;
background:transparent;
box-shadow:none;
}
body.ifx-v31-on .itfix-desktop-nav > a.ifx-v31-nav-link:hover,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega:hover > a,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega:focus-within > a,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega.is-open > a{
color:var(--ifx31-amber-deep);
background:transparent;
box-shadow:none;
}
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-nav-primary > a::before{
display:none;
content:none;
}
body.ifx-v31-on .itfix-header-actions{
grid-area:actions;
justify-self:end;
display:flex;
align-items:center;
gap:12px;
flex:0 0 auto;
position:relative;
z-index:20;
}
body.ifx-v31-on .itfix-header-cta{
display:flex;
align-items:center;
flex:0 0 auto;
}
body.ifx-v31-on .itfix-header-cta a{
white-space:nowrap;
}
body.ifx-v31-on .itfix-mobile-toggle{
display:none;
}
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-mega{
position:absolute;
top:calc(100% + 8px);
left:50%;
right:auto;
width:min(920px,calc(100vw - 64px));
max-height:calc(100vh - 150px);
overflow:auto;
transform:translateX(-50%) translateY(8px);
z-index:100000;
}
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-mega.ifx-v31-mega--sm{
width:min(720px,calc(100vw - 64px));
}
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-has-mega:hover > .ifx-v31-mega,
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-has-mega:focus-within > .ifx-v31-mega,
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-has-mega.is-open > .ifx-v31-mega{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
}
body.ifx-v31-on .itfix-desktop-nav .ifx-v31-mega::before{
left:50%;
transform:translateX(-50%) rotate(45deg);
}
@media(min-width:1281px) and (max-width:1440px){
body.ifx-v31-on .itfix-header-shell{
grid-template-columns:160px minmax(0,1fr) auto;
column-gap:26px;
padding-left:34px;
padding-right:34px;
}
body.ifx-v31-on .itfix-header-logo{
width:160px;
min-width:160px;
max-width:160px;
flex-basis:160px;
}
body.ifx-v31-on .itfix-header-logo img{
max-width:140px;
}
body.ifx-v31-on .itfix-desktop-nav{
gap:18px;
}
body.ifx-v31-on .itfix-desktop-nav > a.ifx-v31-nav-link,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega > a{
font-size:13.5px;
}
body.ifx-v31-on .itfix-header-cta .ifx-v31-cta{
padding-left:20px;
padding-right:20px;
}
}
@media(min-width:1181px) and (max-width:1280px){
body.ifx-v31-on .itfix-header-shell{
grid-template-columns:150px minmax(0,1fr) auto;
column-gap:22px;
padding-left:28px;
padding-right:28px;
}
body.ifx-v31-on .itfix-header-logo{
width:150px;
min-width:150px;
max-width:150px;
flex-basis:150px;
}
body.ifx-v31-on .itfix-header-logo img{
max-width:132px;
}
body.ifx-v31-on .itfix-desktop-nav{
gap:16px;
}
body.ifx-v31-on .itfix-desktop-nav > a.ifx-v31-nav-link,
body.ifx-v31-on .itfix-desktop-nav > .ifx-v31-has-mega > a{
font-size:13px;
gap:5px;
}
body.ifx-v31-on .itfix-header-cta .ifx-v31-cta{
height:42px;
padding-left:18px;
padding-right:18px;
font-size:13.5px;
}
}
@media(max-width:1180px){
body.ifx-v31-on .itfix-header-shell{
grid-template-columns:auto auto;
grid-template-areas:"brand actions";
justify-content:space-between;
column-gap:24px;
padding-left:28px;
padding-right:28px;
min-height:88px;
}
body.ifx-v31-on .itfix-header-logo{
width:auto;
min-width:0;
max-width:none;
flex:0 0 auto;
}
body.ifx-v31-on .itfix-header-logo img{
max-width:145px;
max-height:54px;
}
body.ifx-v31-on .itfix-desktop-nav,
body.ifx-v31-on .itfix-header-cta{
display:none;
}
body.ifx-v31-on .itfix-mobile-toggle{
display:inline-flex;
justify-self:end;
}
body.ifx-v31-on .itfix-mobile-menu{
top:calc(88px + var(--ifx31-utility-h));
height:0;
}
body.ifx-v31-on.ifx-v31-drawer-open .itfix-mobile-menu{
height:calc(100vh - 88px - var(--ifx31-utility-h));
}
body.ifx-v31-on .ifx-v31-utility-row{
justify-content:flex-start;
gap:12px;
flex-wrap:wrap;
}
body.ifx-v31-on .ifx-v31-utility-lang{
display:none;
}
}
@media(max-width:560px){
body.ifx-v31-on .itfix-header-shell{
min-height:78px;
padding-left:18px;
padding-right:18px;
}
body.ifx-v31-on .itfix-header-logo img{
max-width:132px;
max-height:46px;
}
body.ifx-v31-on .itfix-mobile-menu{
top:calc(78px + var(--ifx31-utility-h));
}
body.ifx-v31-on.ifx-v31-drawer-open .itfix-mobile-menu{
height:calc(100vh - 78px - var(--ifx31-utility-h));
}
}