/* ==========================================================================
Alopoliçe — app.css
Design tokens + reset + shared components + homepage sections.
Mobile-first. Values are 1:1 with the approved v3 design. No framework.
========================================================================== */
/* ---- Tokens ------------------------------------------------------------- */
:root{
--blue:#033B86; --blue-700:#022A5F; --blue-tint:#E9EFF7;
--green:#52A02E; --green-700:#3F7D23; --green-tint:#EDF6E8;
--orange:#FF7A45; --orange-700:#E85F27; --orange-tint:#FFEDE4;
--ink:#0E1B2E; --muted:#5B6B80; --bg:#F5F7FA; --surface:#FFFFFF; --border:#E1E7EF;
/* Sabit (responsive olmayan) kompakt başlık ölçeği — owner: tüm H1'ler 24px sabit,
alt başlıklar orantılı ve H1'in altında kalır (hiyerarşi korunur). */
--h1:1.5rem; /* 24px */
--h2:1.25rem; /* 20px */
--h3:1rem; /* 16px */
--pad:clamp(3rem, 6vw, 5.5rem);
--gutter:clamp(1rem, 4vw, 1.4rem);
--shadow-sm:0 1px 2px rgba(3,59,134,.05), 0 6px 16px rgba(3,59,134,.05);
--shadow-md:0 14px 34px rgba(3,59,134,.11);
--shadow-lg:0 30px 66px rgba(3,59,134,.16);
--shadow-orange:0 10px 24px rgba(255,122,69,.32);
--r-lg:22px; --r-md:16px;
}
/* ---- Reset / base ------------------------------------------------------- */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
/* overflow-x:clip → yatay taşmayı keser AMA kaydırma-konteyneri OLUŞTURMAZ; böylece
sabit (position:sticky) başlık grubu çalışır. Eski tarayıcılar için hidden fallback
(clip desteklenmezse yatay kaymayı yine engeller; o tarayıcılarda sticky devre dışı). */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%;}
body{
margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
color:var(--ink);background:var(--bg);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
}
img,svg,video,iframe{max-width:100%;}
img{height:auto;}
h1,h2,h3,h4{margin:0;line-height:1.14;letter-spacing:-.03em;font-weight:700;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input,select,textarea{font-family:inherit;}
ul{margin:0;padding:0;list-style:none;}
::selection{background:var(--blue);color:#fff;}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px;}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none;}
.visually-hidden{
position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip-link{
position:fixed;top:-100px;left:12px;z-index:600;background:var(--blue);color:#fff;
padding:10px 16px;border-radius:10px;font-weight:600;transition:top .2s;
}
.skip-link:focus{top:12px;}
/* ---- Icons -------------------------------------------------------------- */
.ico{width:1em;height:1em;fill:currentColor;flex-shrink:0;vertical-align:-.125em;}
/* ---- Layout helpers ----------------------------------------------------- */
.container{max-width:1200px;margin:0 auto;padding:0 var(--gutter);}
.container--narrow{max-width:1100px;}
.section{padding:var(--pad) var(--gutter);}
.section--tint{background:var(--blue-tint);}
.section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section--dark{background:var(--blue-700);}
.eyebrow{display:inline-block;color:var(--blue);font-weight:600;font-size:13px;letter-spacing:.04em;}
.eyebrow--green{color:var(--green-700);}
.eyebrow--orange{color:var(--orange-700);}
.eyebrow--on-dark{color:#9FE07E;}
.eyebrow--dash{display:inline-flex;align-items:center;gap:9px;}
.eyebrow--dash::before{content:"";width:22px;height:2px;background:var(--green);display:inline-block;}
.section-head{max-width:64ch;}
.section-head--center{text-align:center;margin-inline:auto;}
.section-title{font-size:var(--h2);margin-top:10px;}
.section-lead{color:var(--muted);margin-top:12px;font-size:1.0625rem;}
/* Paragraf içi bağlantılar standart görünüm: mavi + altı çizgili (Revize 12.07.2026, s.4). */
.section-lead a,.tss__lead a{color:var(--blue);font-weight:600;text-decoration:underline;}
.text-blue{color:var(--blue);}
.text-strong{color:var(--ink);font-weight:600;}
/* ---- Buttons ------------------------------------------------------------ */
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
min-height:50px;padding:0 22px;border-radius:12px;font-weight:600;font-size:15px;
transition:background .2s,box-shadow .2s,transform .18s,border-color .2s;white-space:nowrap;
}
.btn--orange{background:var(--orange);color:#fff;box-shadow:var(--shadow-orange);}
.btn--orange:hover{background:var(--orange-700);}
.btn--blue{background:var(--blue);color:#fff;}
.btn--blue:hover{background:var(--blue-700);}
.btn--outline{border:1.5px solid var(--border);color:var(--blue);background:var(--surface);}
.btn--outline:hover{background:var(--blue-tint);}
.btn--outline-blue{border:1.5px solid var(--blue);color:var(--blue);background:var(--surface);}
.btn--outline-blue:hover{background:var(--blue-tint);}
.btn--lift:hover{transform:translateY(-2px);}
.btn--sm{min-height:44px;padding:0 16px;font-size:14px;}
.btn--lg{min-height:52px;font-size:16px;padding:0 26px;}
.btn--block{width:100%;}
.btn[disabled]{background:#B9C4D2;box-shadow:none;cursor:not-allowed;color:#fff;}
/* ---- Icon box ----------------------------------------------------------- */
.icon-box{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0;}
.icon-box--green{background:var(--green-tint);color:var(--green);}
.icon-box--blue{background:var(--blue-tint);color:var(--blue);}
.icon-box--orange{background:var(--orange-tint);color:var(--orange-700);}
.icon-box--44{width:44px;height:44px;font-size:20px;}
.icon-box--48{width:48px;height:48px;font-size:21px;border-radius:13px;}
/* ==========================================================================
Top bar
========================================================================== */
.topbar{background:var(--blue-700);color:rgba(255,255,255,.9);font-size:clamp(11.5px,3vw,13px);}
.topbar__row{max-width:1200px;margin:0 auto;padding:7px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;}
.topbar__note{display:flex;align-items:center;gap:8px;min-width:0;}
.topbar__note .ico{color:#8FD46A;}
.topbar__note span{white-space:nowrap;}
.topbar__phone{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap;flex-shrink:0;}
.topbar__phone .ico{color:#8FD46A;}
.topbar__short{display:inline;}
.topbar__full{display:none;}
/* ==========================================================================
Header / mega-menu
========================================================================== */
/* Duyuru şeridi + menü barı birlikte sabit (owner talebi): topbar ve header tek
sticky sarmalın içinde → kaydırmada ikisi de üstte kalır, kaybolmaz. */
.site-head{position:sticky;top:0;z-index:100;}
.header{position:relative;background:var(--surface);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:box-shadow .25s,background .25s;}
.header.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 4px 18px rgba(3,59,134,.07);}
.header__row{max-width:1200px;margin:0 auto;padding:0 var(--gutter);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.header__logo{display:flex;align-items:center;flex-shrink:0;}
.header__logo img{height:30px;width:auto;display:block;}
.header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.desk-nav{display:none;align-items:center;gap:1px;}
.nav-item{position:relative;}
.nav-item__link{display:flex;align-items:center;gap:5px;padding:8px 9px;border-radius:8px;font-weight:500;font-size:13.5px;color:var(--ink);}
.nav-item__link:hover{background:var(--bg);}
.nav-chev{font-size:11px;color:var(--muted);transition:transform .2s;}
.nav-panel{position:absolute;top:100%;left:0;padding-top:9px;min-width:272px;z-index:60;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s,transform .16s,visibility .16s;}
.nav-panel__inner{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:8px;}
.nav-panel__link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--ink);font-size:14px;transition:background .15s;}
.nav-panel__link:hover{background:var(--bg);}
.nav-panel__link .ico{color:var(--blue);font-size:16px;width:20px;}
.nav-item:hover .nav-panel,.nav-item:focus-within .nav-panel{opacity:1;visibility:visible;transform:none;}
.nav-item:hover .nav-chev,.nav-item:focus-within .nav-chev{transform:rotate(180deg);}
.burger{display:inline-flex;width:46px;height:46px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:21px;align-items:center;justify-content:center;}
.header__cta{display:none;}
/* ==========================================================================
Mobile off-canvas
========================================================================== */
.offcanvas{position:fixed;inset:0;z-index:400;visibility:hidden;}
.offcanvas.is-open{visibility:visible;}
.offcanvas__overlay{position:absolute;inset:0;background:rgba(14,27,46,.5);opacity:0;transition:opacity .28s;}
.offcanvas.is-open .offcanvas__overlay{opacity:1;}
.offcanvas__panel{position:absolute;top:0;right:0;height:100%;width:min(340px,90vw);background:var(--surface);box-shadow:-16px 0 50px rgba(14,27,46,.2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);}
.offcanvas.is-open .offcanvas__panel{transform:none;}
.offcanvas__head{display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);border-bottom:1px solid var(--border);}
.offcanvas__head img{height:26px;width:auto;}
.offcanvas__close{width:44px;height:44px;border-radius:10px;background:var(--bg);font-size:20px;display:inline-flex;align-items:center;justify-content:center;}
.offcanvas__body{flex:1;overflow-y:auto;padding:10px var(--gutter);}
.offcanvas__foot{padding:var(--gutter);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;}
.acc{border-bottom:1px solid var(--border);}
.acc>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;}
.acc>summary::-webkit-details-marker{display:none;}
.acc__chev{transition:transform .25s;color:var(--muted);}
.acc[open] .acc__chev{transform:rotate(180deg);}
.acc__links{padding:2px 2px 12px;}
.acc__link{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--muted);font-size:14px;}
.acc__link .ico{color:var(--blue);}
/* ==========================================================================
Breadcrumb (inner pages)
========================================================================== */
.breadcrumb{background:var(--surface);border-bottom:1px solid var(--border);}
.breadcrumb__row{max-width:1200px;margin:0 auto;padding:11px var(--gutter);display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-size:13px;color:var(--muted);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);}
.breadcrumb__row::-webkit-scrollbar{display:none;height:0;}
.breadcrumb a{color:var(--blue);}
.breadcrumb__sep{color:var(--blue);}
.breadcrumb [aria-current]{color:var(--ink);}
.breadcrumb a,.breadcrumb__sep,.breadcrumb [aria-current]{white-space:nowrap;flex-shrink:0;}
/* ==========================================================================
Hero
========================================================================== */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#E9EFF7 0%,#EDF6E8 55%,#F5F7FA 100%);background-size:180% 180%;}
.hero__blob{position:absolute;border-radius:50%;pointer-events:none;}
.hero__blob--a{top:-130px;right:-70px;width:400px;height:400px;background:radial-gradient(circle at 35% 35%,rgba(3,59,134,.22),transparent 68%);animation:floatA 18s ease-in-out infinite;}
.hero__blob--b{bottom:-140px;left:-90px;width:380px;height:380px;background:radial-gradient(circle at 60% 40%,rgba(82,160,46,.2),transparent 68%);animation:floatB 21s ease-in-out infinite;}
.hero__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(3,59,134,.05) 1px,transparent 1px);background-size:26px 26px;opacity:.55;}
.hero__grid{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:clamp(1.75rem,5vw,4.5rem) var(--gutter);display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px);align-items:center;}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(3,59,134,.16);color:var(--blue);font-weight:600;font-size:13px;padding:7px 14px;border-radius:99px;backdrop-filter:blur(8px);}
.hero__badge .ico{color:var(--green);}
.hero h1{font-size:var(--h1);margin-top:20px;}
.hero__lead{color:var(--muted);font-size:clamp(1rem,1.3vw,1.15rem);margin-top:16px;max-inline-size:52ch;}
.hero__media{display:none;position:relative;}
/* Decorative hero visual: a CSS background (NOT an ![]()
) on a display:none-on-mobile
element, so mobile — 95% of traffic — never downloads it. Brand-tinted overlay keeps
it atmospheric + on-brand regardless of the exact photo. Swap the file to rebrand. */
.hero__media-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(280px,38vw,420px);background:linear-gradient(160deg,rgba(3,59,134,.42),rgba(82,160,46,.24)),url(../img/hero-advisor.webp) center/cover no-repeat;border:1px solid var(--border);box-shadow:var(--shadow-lg);}
.hero__chip{position:absolute;background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px 15px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:9px;}
.hero__chip--tl{top:16px;left:-10px;animation:bob 5s ease-in-out infinite;}
.hero__chip--br{bottom:16px;right:-10px;animation:bob 6s ease-in-out infinite 1s;}
.hero__chip .icon-box{width:34px;height:34px;border-radius:9px;font-size:16px;}
.hero__chip b{font-weight:700;font-size:12.5px;display:block;line-height:1.2;}
.hero__chip small{font-size:11px;color:var(--muted);}
/* ==========================================================================
Products (bento grid)
========================================================================== */
.products{max-width:1200px;margin:-15px auto 0;padding:0 var(--gutter) clamp(1.75rem,6vw,2.75rem);position:relative;z-index:5;}
.products__head{display:none;max-width:62ch;margin-bottom:20px;}
.products__eyebrow{color:var(--blue);font-weight:600;font-size:13px;letter-spacing:.04em;}
.bento{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.p-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.p-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue);}
.p-card__body{margin-top:12px;}
.p-card h3{font-size:clamp(12.5px,3.6vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p-card p{color:var(--muted);font-size:13px;margin-top:3px;}
.bento__extra{display:contents;}
.bento__extra.is-hidden{display:none;}
.products__more{text-align:center;margin-top:24px;}
.show-all-chev{transition:transform .25s;}
[data-show-all].is-open .show-all-chev{transform:rotate(180deg);}
/* ==========================================================================
Carriers — marquee
========================================================================== */
.carriers-marquee{background:var(--green);padding:clamp(13px,2vw,19px) 0;}
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.marquee__track{display:flex;gap:12px;width:max-content;padding-left:12px;animation:marquee 34s linear infinite;}
.marquee:hover .marquee__track{animation-play-state:paused;}
.marquee__item{display:inline-flex;align-items:center;flex-shrink:0;padding:0 clamp(18px,4vw,40px);}
.marquee__item img{height:clamp(20px,5vw,30px);width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;}
/* ==========================================================================
Why Alopoliçe
========================================================================== */
.why{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;}
@media (max-width:479px){.why{gap:10px;}.why__card{padding:16px 14px;}.why__card h3{font-size:14px;margin-top:12px;}.why__card p{font-size:12.5px;margin-top:6px;}.why__num{top:13px;right:14px;font-size:13px;}} /* mobilde de 2 sütun (owner talebi): dar ekrana sığması için iç boşluk/font bir tık küçültülür */
.why__card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;transition:transform .22s,box-shadow .22s;}
.why__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.why__card--tint{background:var(--blue-tint);}
.why__num{position:absolute;top:18px;right:20px;font-weight:800;font-size:15px;color:#D7DFEA;}
.why__card--tint .why__num{color:#B9C7DB;}
.why__card h3{font-size:16px;margin-top:16px;}
.why__card p{color:var(--muted);font-size:14px;margin-top:7px;}
.why__rule{display:block;height:3px;width:30px;border-radius:99px;margin-top:14px;opacity:.5;}
.why__rule--blue{background:var(--blue);}
.why__rule--green{background:var(--green);}
.why__card--tint .icon-box{background:#fff;color:var(--blue);}
/* ==========================================================================
How it works — steps
========================================================================== */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2.2vw,28px);margin-top:clamp(26px,4vw,40px);}
.steps__line{position:absolute;top:clamp(23px,7vw,34px);left:16%;right:16%;height:2px;}
.steps__line-dash{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--blue) 0 8px,transparent 8px 16px);background-size:16px 2px;opacity:.3;animation:march 1.1s linear infinite;}
.steps__line-dot{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(82,160,46,.16);transform:translate(-50%,-50%);animation:flowDot 3.6s ease-in-out infinite;}
.step{position:relative;text-align:center;}
.step__num{display:inline-flex;width:clamp(46px,13vw,70px);height:clamp(46px,13vw,70px);border-radius:clamp(13px,3.5vw,18px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--blue);font-weight:700;font-size:clamp(17px,4.6vw,26px);align-items:center;justify-content:center;}
.step__num--final{background:var(--green);color:#fff;border:none;box-shadow:0 10px 22px rgba(82,160,46,.3);}
.step h3{font-size:clamp(13px,3.4vw,17px);margin-top:clamp(9px,2vw,16px);}
.step p{color:var(--muted);font-size:clamp(11px,2.8vw,14.5px);margin-top:6px;}
/* ==========================================================================
Stats
========================================================================== */
.stats{position:relative;overflow:hidden;}
.stats__blob{position:absolute;top:-90px;right:-60px;width:300px;height:300px;border-radius:50%;background:rgba(3,59,134,.05);animation:floatA 20s ease-in-out infinite;}
.stats__inner{position:relative;max-width:1100px;margin:0 auto;padding:clamp(32px,4.5vw,52px) var(--gutter);text-align:center;}
.stats h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:10px;max-inline-size:24ch;margin-inline:auto;}
.stats__row{display:flex;align-items:stretch;gap:clamp(18px,4vw,48px);flex-wrap:wrap;justify-content:center;margin-top:clamp(24px,3vw,36px);}
.stat{text-align:center;min-width:120px;}
.stat__num{font-weight:800;font-size:clamp(2.1rem,5vw,3rem);line-height:1;color:var(--blue);font-variant-numeric:tabular-nums;}
.stat__label{color:var(--muted);margin-top:6px;font-size:13.5px;}
.stat__div{width:1px;background:var(--border);}
/* ==========================================================================
Testimonials
========================================================================== */
.testi__top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.testi h2{font-size:var(--h2);margin-top:10px;color:#fff;}
.testi__rating{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:99px;box-shadow:var(--shadow-sm);margin-top:14px;}
.testi__rating .ico{color:var(--blue);font-size:14px;}
.testi__stars{color:var(--orange);font-size:13px;letter-spacing:1px;}
.testi__viewport{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:26px;padding-bottom:4px;}
.testi__viewport::-webkit-scrollbar{display:none;height:0;}
.testi__slide{flex:0 0 85%;scroll-snap-align:start;}
.testi-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px;height:100%;display:flex;flex-direction:column;}
.testi-card__quote{font-size:14.5px;flex:1;}
.testi-card__who{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);}
.testi-card__avatar{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.testi-card__name{font-weight:600;font-size:14px;}
.testi-card__verified{display:flex;align-items:center;gap:5px;color:var(--green-700);font-size:12px;}
.testi__dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}
.testi__dots button{width:9px;height:9px;border-radius:99px;border:none;background:var(--border);transition:all .3s;cursor:pointer;}
.testi__dots button.is-active{width:24px;background:var(--blue);}
/* ==========================================================================
Carriers — branded cards
========================================================================== */
.carriers-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px;}
.carrier-card{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;height:clamp(56px,16vw,80px);width:calc((100% - 16px) / 3);padding:0 clamp(10px,3vw,20px);transition:transform .22s,box-shadow .22s,border-color .22s;}
.carrier-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue);}
.carrier-card img{max-height:58%;max-width:100%;width:auto;object-fit:contain;display:block;}
/* ==========================================================================
Quote form
========================================================================== */
.quote{position:relative;overflow:hidden;background:linear-gradient(135deg,#E9EFF7 0%,#EDF6E8 60%,#F5F7FA 100%);background-size:180% 180%;}
.quote__blob{position:absolute;border-radius:50%;pointer-events:none;}
.quote__blob--a{top:-120px;left:-70px;width:360px;height:360px;background:radial-gradient(circle,rgba(3,59,134,.16),transparent 68%);animation:floatA 19s ease-in-out infinite;}
.quote__blob--b{bottom:-130px;right:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(82,160,46,.16),transparent 68%);animation:floatB 22s ease-in-out infinite;}
.quote__grid{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:var(--pad) var(--gutter);display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,44px);align-items:center;}
.quote__lead{color:var(--muted);margin-top:14px;font-size:1.0625rem;max-inline-size:52ch;}
.quote__points{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.quote__point{display:flex;align-items:center;gap:11px;font-size:14.5px;}
.quote__point .ico{color:var(--green);font-size:18px;}
.quote__phone{display:inline-flex;align-items:center;gap:9px;margin-top:24px;font-weight:700;font-size:1.125rem;color:var(--blue);}
.quote__phone .ico{color:var(--green);}
.quote__wa{display:inline-flex;align-items:center;gap:8px;margin-top:12px;margin-left:16px;font-weight:600;font-size:14.5px;color:var(--green-700);}
.quote__card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);padding:clamp(18px,3vw,26px) clamp(14px,2.4vw,22px);}
.form{display:flex;flex-direction:column;gap:16px;}
.form[hidden]{display:none;}
.form>h3{font-size:var(--h3);}
.form__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.form__control{width:100%;min-height:50px;padding:0 14px;border-radius:11px;border:1.5px solid var(--border);font-size:16px;outline:none;transition:border-color .18s,box-shadow .18s;background:#fff;}
.form__control::placeholder{color:var(--blue);opacity:1;}
.form__control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(3,59,134,.1);}
.form__control.is-invalid{border-color:var(--orange-700);}
.form__error{color:var(--orange-700);font-size:12.5px;display:block;margin-top:4px;}
.form__error[hidden]{display:none;}
/* İki değeri tek satırda gösteren alan (ör. Ruhsat: seri + no). Revize s.19. */
.field-row{display:flex;gap:10px;}
.field-row>*:first-child{flex:0 0 34%;}
.field-row>*:last-child{flex:1;}
/* Native date input — match the text fields + show a text placeholder while empty
(native date controls can't have a normal placeholder). */
.date-field{position:relative;}
.date-field__ph{position:absolute;inset:0;display:flex;align-items:center;padding:0 14px;font-size:16px;color:var(--blue);pointer-events:none;}
.form__control[type="date"]{-webkit-appearance:none;appearance:none;height:50px;line-height:normal;}
.form__control[type="date"]::-webkit-calendar-picker-indicator{margin-left:auto;opacity:.5;cursor:pointer;}
.form__control[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0;}
.form__control[type="date"]:not(.is-filled)::-webkit-datetime-edit{color:transparent;}
.form__control[type="date"].is-filled ~ .date-field__ph{display:none;}
.form__tip-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--blue);min-height:30px;margin-top:1px;padding:2px 0;}
.form__tip{background:var(--blue-tint);color:var(--muted);font-size:12px;border-radius:8px;padding:8px 11px;margin-top:6px;line-height:1.45;}
.form__consent{display:flex;gap:10px;align-items:flex-start;font-size:12.8px;color:var(--muted);cursor:pointer;line-height:1.45;}
.form__consent input{width:19px;height:19px;margin-top:1px;accent-color:var(--blue);flex-shrink:0;}
.form__consent a{color:var(--blue);font-weight:600;text-decoration:underline;}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.form__note{font-size:12px;color:var(--muted);text-align:center;}
/* custom select */
.select{position:relative;}
.select__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:0 14px;border-radius:11px;background:#fff;cursor:pointer;text-align:left;border:1.5px solid var(--border);transition:border-color .18s,box-shadow .18s;}
.select__btn[aria-expanded="true"]{border-color:var(--blue);box-shadow:0 0 0 4px rgba(3,59,134,.1);}
.select__value{display:flex;align-items:center;gap:10px;min-width:0;}
.select__value .icon-box{width:30px;height:30px;border-radius:8px;font-size:15px;}
.select__label{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:400;}
.select__label.is-selected{color:var(--ink);font-weight:600;}
.select__chev{color:var(--muted);font-size:14px;transition:transform .2s;}
.select__btn[aria-expanded="true"] .select__chev{transform:rotate(180deg);}
.select__menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:8px;max-height:300px;overflow-y:auto;}
.select__menu[hidden]{display:none;}
.select__opt{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 10px;border-radius:10px;transition:background .15s;cursor:pointer;background:transparent;}
.select__opt:hover,.select__opt.is-active{background:var(--bg);}
.select__opt .icon-box{width:32px;height:32px;border-radius:9px;font-size:16px;}
.select__opt-label{flex:1;text-align:left;font-weight:600;font-size:14.5px;color:var(--ink);}
.select__opt-check{color:var(--blue);}
.quote__success{text-align:center;padding:24px 8px;}
.quote__success .icon-box{width:66px;height:66px;border-radius:50%;background:var(--green-tint);color:var(--green);font-size:34px;animation:pop .5s ease;}
.quote__success h3{font-size:20px;margin-top:16px;}
.quote__success p{color:var(--muted);margin-top:8px;font-size:14.5px;}
.quote__success a{color:var(--blue);font-weight:600;}
/* ==========================================================================
Super Poliçe / Çözüm Merkezi previews
========================================================================== */
.sp{max-width:1200px;margin:0 auto;padding:var(--pad) var(--gutter) 0;}
.sp__grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px);align-items:center;}
.sp__panel{background:var(--blue-tint);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;}
.sp__icons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.sp__icon{width:54px;height:54px;border-radius:13px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-sm);animation:bob 3s ease-in-out infinite;}
.sp__icon--green{color:var(--green);}
.sp__icon--blue{color:var(--blue);}
.sp__arrow{text-align:center;color:var(--muted);margin:12px 0;font-size:20px;animation:bob 2s ease-in-out infinite;}
.sp__result{display:flex;align-items:center;gap:14px;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);}
.sp__result .icon-box{width:48px;height:48px;border-radius:12px;background:var(--blue);color:#fff;font-size:22px;}
.sp__result b{font-weight:700;font-size:15px;display:block;}
.sp__result small{color:var(--muted);font-size:13px;}
.cozum{margin-top:clamp(2.5rem,5vw,4.5rem);background:var(--green-tint);border-top:1px solid rgba(82,160,46,.2);border-bottom:1px solid rgba(82,160,46,.2);}
.cozum__row{max-width:1200px;margin:0 auto;padding:clamp(42px,6.75vw,72px) var(--gutter);display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.cozum__badge{width:60px;height:60px;flex-shrink:0;border-radius:16px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 24px rgba(82,160,46,.32);}
.cozum__body{flex:1;min-width:260px;}
.cozum h2{font-size:clamp(1.3rem,2.4vw,1.75rem);margin-top:8px;}
.cozum__list{margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.cozum__list li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:14.5px;line-height:1.5;}
.cozum__list li .ico{color:var(--green);flex-shrink:0;margin-top:3px;font-size:16px;}
/* ==========================================================================
Blog
========================================================================== */
.blog-scroll{margin-top:30px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none;}
.blog-scroll::-webkit-scrollbar{display:none;height:0;}
.blog-card{scroll-snap-align:start;flex:0 0 min(300px,82vw);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:transform .22s,box-shadow .22s;}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.blog-card__media{aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#033B86,#022A5F);}
.blog-card__media .ico{color:rgba(255,255,255,.9);font-size:42px;}
.blog-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.blog-card__date{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);color:var(--ink);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.blog-card__body{padding:20px;flex:1;display:flex;flex-direction:column;}
.blog-card__body h3{font-size:16px;line-height:1.35;}
.blog-card__body p{color:var(--muted);font-size:13.5px;margin-top:8px;flex:1;}
.blog-card__more{color:var(--orange-700);font-weight:600;font-size:13.5px;margin-top:14px;display:inline-flex;align-items:center;gap:6px;}
.blog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;}
.blog__hint{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;}
.blog__all{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:600;font-size:14px;}
.blog__dots{display:flex;gap:8px;align-items:center;}
.blog__dots button{width:9px;height:9px;border-radius:99px;border:none;background:var(--border);transition:all .3s;cursor:pointer;padding:0;}
.blog__dots button.is-active{width:24px;background:var(--blue);}
/* ==========================================================================
Final CTA
========================================================================== */
.final-cta{max-width:1200px;margin:0 auto;padding:var(--pad) var(--gutter);}
.final-cta__box{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--blue-700));padding:clamp(32px,5vw,52px) var(--gutter);text-align:center;}
.final-cta__box::before{content:"";position:absolute;top:-70px;right:-40px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.07);}
.final-cta h2{position:relative;color:#fff;font-size:var(--h2);}
.final-cta p{position:relative;color:rgba(255,255,255,.9);margin-top:10px;font-size:1.0625rem;}
.final-cta__actions{position:relative;display:flex;gap:10px;justify-content:center;flex-wrap:nowrap;margin-top:24px;max-width:520px;margin-inline:auto;}
.final-cta__actions .btn{flex:1 1 0;min-width:0;border-radius:9px;font-size:14.5px;padding-inline:12px;}
/* Dar ekranlarda uzun etiketler (ör. "Ücretsiz Teklif Al") tek satıra sığmıyor;
yan yana yerine eşit genişlikte alt alta. */
@media (max-width:519px){
.final-cta__actions{flex-wrap:wrap;}
.final-cta__actions .btn{flex:1 1 100%;}
}
.final-cta__actions .btn--ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);color:#fff;}
.final-cta__box--green{background:linear-gradient(135deg,var(--green-700),#2E5E1A);}
.final-cta__box--green::before{background:rgba(255,255,255,.08);}
.btn--white{background:#fff;color:var(--green-700);}
.btn--white:hover{background:#F1F5F9;}
/* ==========================================================================
Footer
========================================================================== */
.footer{background:var(--blue-700);color:rgba(255,255,255,.75);}
/* Mobil dahil TÜM genişliklerde en az 2 sütun (Revize 12.07.2026 s.2 "2 sütun yaptım").
Marka bloğu üstte tam genişlik; 5 içerik kolonu altında 2'li ızgaraya dizilir.
≥600px'te gap genişler, ≥992px'te 6 sütuna açılır (aşağıdaki media query'ler). */
.footer__grid{max-width:1200px;margin:0 auto;padding:var(--pad) var(--gutter) 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;}
.footer__grid>div{min-width:0;}
.footer__brand{grid-column:1 / -1;}
.footer__brand img{height:30px;width:auto;margin-bottom:14px;}
.footer__brand p{font-size:14px;max-inline-size:34ch;}
.footer__phone{display:inline-block;margin-top:14px;color:#fff;font-weight:700;font-size:1.35rem;letter-spacing:.5px;}
.footer__phone:hover{color:#8FD46A;}
.footer__social{display:flex;gap:10px;margin-top:16px;}
.footer__social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s;}
.footer__social a:hover{background:var(--blue);}
.footer__title{color:#fff;font-size:15px;margin-bottom:14px;}
.footer__col{display:flex;flex-direction:column;gap:10px;font-size:14px;overflow-wrap:break-word;}
.footer__col a:hover{color:#fff;}
/* "Çerez Tercihleri" onay panelini açan buton — footer bağlantılarıyla birebir aynı görünür. */
.footer__linkbtn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.footer__linkbtn:hover{color:#fff;}
.footer__contact a,.footer__contact div{display:flex;align-items:flex-start;gap:8px;}
.footer__contact .ico{color:#8FD46A;margin-top:3px;flex-shrink:0;}
.footer__contact a{align-items:center;}
.footer__contact a:hover{color:#fff;}
/* SSL/TLS bilgi satırı — mühür DEĞİL, olgusal metin (Ads "yanlış beyan" riski taşımasın
diye kalkan/mühür biçimi yok). Sade kilit + soluk metin, tıklanamaz, kutusuz. */
.footer__secure{max-width:1200px;margin:0 auto;padding:6px var(--gutter) 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.55);}
.footer__secure .ico{color:#8FD46A;flex-shrink:0;width:15px;height:15px;}
.footer__badges{max-width:1200px;margin:0 auto;padding:12px var(--gutter) 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.footer__badges img{height:44px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);}
.footer__bottom-row{max-width:1200px;margin:0 auto;padding:20px var(--gutter);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.55);}
/* ==========================================================================
WhatsApp float + sticky mobile CTA + cookie banner
========================================================================== */
.wa-float{display:none;position:fixed;right:22px;bottom:22px;z-index:180;align-items:center;gap:10px;background:var(--green);color:#fff;font-weight:600;font-size:15px;padding:0 22px;height:56px;border-radius:99px;box-shadow:0 14px 32px rgba(82,160,46,.42);transition:background .2s;}
.wa-float:hover{background:var(--green-700);}
.wa-float .ico{font-size:24px;}
.mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 20px rgba(14,27,46,.1);padding:10px var(--gutter);gap:8px;transform:translateY(120%);transition:transform .28s ease;will-change:transform;}
.mobile-cta.is-visible{transform:translateY(0);}
.mobile-cta__wa{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;min-height:50px;border-radius:11px;background:var(--green);color:#fff;font-size:22px;}
.mobile-cta__call{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 16px;min-height:50px;border-radius:11px;border:1px solid var(--border);font-weight:600;color:var(--blue);}
.mobile-cta__call .ico{color:var(--green);}
.mobile-cta__main{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:50px;border-radius:11px;background:var(--orange);color:#fff;font-weight:700;box-shadow:var(--shadow-orange);}
.cookie{position:fixed;left:14px;right:14px;bottom:14px;z-index:250;max-width:1000px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;transition:bottom .28s ease;}
.cookie[hidden]{display:none;}
.cookie__text{flex:1;min-width:220px;display:flex;gap:11px;align-items:center;}
.cookie__text .ico{color:var(--green);font-size:20px;}
.cookie__text p{font-size:13px;color:var(--muted);}
.cookie__text a{color:var(--blue);font-weight:600;text-decoration:underline;}
.cookie__actions{display:flex;gap:9px;flex-wrap:wrap;}
.cookie__actions button,.cookie__actions .cookie__manage{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:10px;border:1px solid var(--border);font-weight:600;font-size:13.5px;color:var(--ink);}
.cookie__actions .cookie__manage:hover{border-color:var(--blue);color:var(--blue);text-decoration:none;}
.cookie__actions .cookie__accept{border:none;background:var(--blue);color:#fff;padding:0 18px;}
/* Phones: keep all three cookie buttons on one line (smaller). */
@media (max-width:600px){
.cookie{padding:12px 14px;left:10px;right:10px;gap:10px;}
.cookie__actions{width:100%;flex-wrap:nowrap;gap:6px;}
.cookie__actions button,.cookie__actions .cookie__manage{flex:1 1 auto;min-height:38px;padding:0 8px;font-size:11.5px;white-space:nowrap;}
.cookie__actions .cookie__accept{padding:0 10px;}
}
/* ---- Cookie preferences panel (granular consent) --------------------- */
.cprefs{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,20,45,.55);}
.cprefs[hidden]{display:none;}
.cprefs__box{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-md);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:clamp(20px,4vw,28px);}
.cprefs__title{font-size:var(--h3);margin-bottom:6px;}
.cprefs__lead{font-size:13.5px;color:var(--muted);margin-bottom:14px;}
.cprefs__row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--border);}
.cprefs__info{flex:1;}
.cprefs__info b{display:block;font-size:14.5px;margin-bottom:3px;}
.cprefs__info span{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;}
.cprefs__sw{position:relative;flex-shrink:0;width:46px;height:26px;cursor:pointer;}
.cprefs__sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.cprefs__slider{position:absolute;inset:0;background:var(--border);border-radius:999px;transition:background .2s;}
.cprefs__slider::before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s;}
.cprefs__sw input:checked + .cprefs__slider{background:var(--green);}
.cprefs__sw input:checked + .cprefs__slider::before{transform:translateX(20px);}
.cprefs__sw input:disabled + .cprefs__slider{background:var(--green);opacity:.5;cursor:not-allowed;}
.cprefs__sw input:focus-visible + .cprefs__slider{outline:2px solid var(--blue);outline-offset:2px;}
.cprefs__actions{display:flex;gap:10px;margin-top:20px;}
.cprefs__btn{flex:1;min-height:46px;border-radius:11px;border:none;background:var(--blue);color:#fff;font-weight:600;font-size:14px;cursor:pointer;}
.cprefs__btn--ghost{background:transparent;border:1px solid var(--border);color:var(--ink);}
/* ---- Yasal onay pop-up modalı (Revize 12.07.2026, s.17) ------------------- */
.legal-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;}
.legal-modal[hidden]{display:none;}
.legal-modal__overlay{position:absolute;inset:0;background:rgba(3,20,45,.6);}
.legal-modal__dialog{position:relative;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-md);max-width:640px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;}
.legal-modal__head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);}
.legal-modal__title{font-size:var(--h3);margin:0;flex:1;}
.legal-modal__x{flex-shrink:0;width:36px;height:36px;border:none;background:var(--bg);border-radius:9px;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;}
.legal-modal__x:hover{background:var(--border);color:var(--ink);}
.legal-modal__body{overflow-y:auto;padding:20px;flex:1;-webkit-overflow-scrolling:touch;}
.legal-modal__body.prose,.legal-modal__body>*{max-width:none;}
.legal-modal__loading{color:var(--muted);text-align:center;padding:24px 0;}
.legal-modal__foot{border-top:1px solid var(--border);padding:14px 20px;background:var(--bg);}
.legal-modal__hint{font-size:12.5px;color:var(--muted);margin-bottom:10px;text-align:center;}
.legal-modal__hint[hidden]{display:none;}
.legal-modal__actions{display:flex;gap:10px;}
.legal-modal__actions .btn{flex:1;}
.legal-modal__actions .btn[disabled]{opacity:.5;cursor:not-allowed;}
/* Lift the cookie banner above the sticky mobile CTA bar while that bar is showing. */
@media (max-width:991px){
body.cta-visible .cookie{bottom:82px;}
}
/* ==========================================================================
Keyframes
========================================================================== */
@keyframes meshShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes floatA{0%,100%{transform:translate(0,0);}50%{transform:translate(16px,-20px);}}
@keyframes floatB{0%,100%{transform:translate(0,0);}50%{transform:translate(-18px,15px);}}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(7px);}}
@keyframes pop{0%{transform:scale(0);}70%{transform:scale(1.12);}100%{transform:scale(1);}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes march{from{background-position:0 0;}to{background-position:16px 0;}}
@keyframes flowDot{0%{left:0;}14%{left:0;}45%{left:50%;}58%{left:50%;}90%{left:100%;}100%{left:100%;}}
/* ==========================================================================
Responsive
========================================================================== */
@media (min-width:600px){
/* Izgara zaten 2 sütun (base); tablet+ genişlikte yalnızca boşluğu ferahlat. */
.footer__grid{gap:32px;}
.testi__slide{flex:0 0 calc(50% - 8px);}
}
@media (min-width:768px){
.bento{grid-template-columns:repeat(4,1fr);}
.why{display:grid;overflow:visible;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;}
.why__card{flex:none;}
.products__head{display:block;}
.products{margin:0 auto;padding:var(--pad) var(--gutter) clamp(2.5rem,4vw,3.5rem);}
.topbar__full{display:inline;}
.topbar__short{display:none;}
.hero__media{display:block;}
.sp__grid{grid-template-columns:1fr 1fr;}
.quote__grid{grid-template-columns:0.88fr 1.12fr;}
}
@media (min-width:992px){
.header__cta{display:inline-flex;}
.mobile-cta{display:none;}
.why{grid-template-columns:repeat(3,1fr);}
.hero__grid{grid-template-columns:1.06fr .94fr;}
.footer__grid{grid-template-columns:1.5fr repeat(5,1fr);}
.footer__brand{grid-column:auto;}
.wa-float{display:inline-flex;}
.carrier-card{width:calc((100% - 70px) / 6);}
.carriers-wrap{gap:14px;}
.testi__slide{flex:0 0 calc(33.333% - 11px);}
}
/* Desktop mega-menü yalnızca 7 grubun rahat sığdığı ≥1200px'te; altında off-canvas
(burger) devreye girer — böylece ürün-odaklı uzun başlıklar satıra taşmaz. */
@media (min-width:1200px){
.desk-nav{display:flex;}
.burger{display:none;}
}
@media (max-width:991px){
body{padding-bottom:72px;}
}
@media (prefers-reduced-motion: reduce){
*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition:none !important;scroll-behavior:auto !important;}
}
/* ==========================================================================
INNER PAGES — shared components (page-hero, callout, chip, faq, before/after,
prose, doc-card, calculator primitives). Built once, reused across all pages.
========================================================================== */
/* ---- Anchor offset (sabit duyuru şeridi + menü barı, ~103px grup) ------ */
[id]{scroll-margin-top:108px;}
/* ---- Utilities ---------------------------------------------------------- */
.btn-row{display:flex;gap:12px;flex-wrap:wrap;}
.btn-row--center{justify-content:center;}
/* Eşit genişlik butonlar (marka hero — owner talebi: "eşit genişlik ya da yan yana").
Telefon numarası uzun olduğundan okunur fontla mobilde yan yana sığmaz → mobilde EŞİT
tam genişlikte alt alta; yer olan ≥600px'te yan yana eşit. Hiçbir ekranda metin kırpılmaz. */
.btn-row--split{flex-wrap:wrap;max-width:440px;margin-inline:auto;}
.btn-row--split .btn{flex:1 1 100%;}
@media (min-width:600px){
.btn-row--split{max-width:520px;}
.btn-row--split .btn{flex:1 1 0;min-width:0;}
}
.btn--ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);color:#fff;}
.btn--ghost:hover{background:rgba(255,255,255,.22);}
.check-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;}
.check-row span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted);font-weight:500;}
.check-row .ico{color:var(--green);font-size:16px;flex-shrink:0;}
.form__control--area{min-height:112px;padding:12px 14px;resize:vertical;line-height:1.5;}
.form__opt{color:var(--muted);font-weight:400;}
/* ---- Page hero (inner pages) ------------------------------------------- */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#E9EFF7 0%,#EDF6E8 60%,#F5F7FA 100%);background-size:180% 180%;}
.page-hero__blob{position:absolute;border-radius:50%;pointer-events:none;}
.page-hero__blob--a{top:-120px;right:-70px;width:360px;height:360px;background:radial-gradient(circle at 35% 35%,rgba(3,59,134,.2),transparent 68%);animation:floatA 18s ease-in-out infinite;}
.page-hero__blob--b{bottom:-130px;left:-80px;width:340px;height:340px;background:radial-gradient(circle at 60% 40%,rgba(82,160,46,.18),transparent 68%);animation:floatB 21s ease-in-out infinite;}
.page-hero__inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:clamp(2.25rem,5vw,3.75rem) var(--gutter);}
.page-hero--center .page-hero__inner{max-width:820px;text-align:center;}
.page-hero--green{background:linear-gradient(135deg,#EDF6E8 0%,#E9EFF7 60%,#F5F7FA 100%);}
.hero__badge--green{border-color:rgba(82,160,46,.28);color:var(--green-700);}
.page-hero h1{font-size:var(--h1);margin-top:18px;}
.page-hero__lead{color:var(--muted);font-size:clamp(1rem,1.3vw,1.15rem);margin-top:14px;max-inline-size:64ch;}
.page-hero--center .page-hero__lead{margin-inline:auto;}
.page-hero__grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,44px);align-items:center;}
/* ---- Section head helpers (extend existing) ---------------------------- */
.section-head--center .section-lead{margin-inline:auto;}
/* ---- Chips (pill: icon + label) + filter bar --------------------------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chips--center{justify-content:center;}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;transition:border-color .18s,background .18s,color .18s;}
.chip .ico{font-size:15px;flex-shrink:0;}
.chip:hover{border-color:var(--blue);}
button.chip{cursor:pointer;}
.chip.is-active{background:var(--blue);border-color:var(--blue);color:#fff;}
.chip--green .ico{color:var(--green);}
.chip--blue .ico{color:var(--blue);}
.chip--orange .ico{color:var(--orange-700);}
.chip--on-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;}
.chip--on-dark .ico{color:#9FE07E;}
/* ---- Callout (tinted info box) ----------------------------------------- */
.callout{display:flex;gap:14px;align-items:flex-start;border-radius:var(--r-md);padding:18px 20px;}
.callout>.ico{font-size:22px;flex-shrink:0;margin-top:1px;}
.callout p{font-size:15px;color:#334155;}
.callout strong{color:var(--ink);font-weight:700;}
.callout__title{font-weight:700;color:var(--ink);margin-bottom:4px;}
.callout--info{background:var(--blue-tint);border:1px solid rgba(3,59,134,.18);}
.callout--info>.ico{color:var(--blue);}
.callout--success{background:var(--green-tint);border:1px solid rgba(82,160,46,.28);}
.callout--success>.ico{color:var(--green-700);}
.callout--warn{background:var(--orange-tint);border:1px solid rgba(255,122,69,.28);}
.callout--warn>.ico{color:var(--orange-700);}
.callout--error{background:#FEF3F2;border:1px solid #FBD5D0;}
.callout--error>.ico{color:#D92D20;}
.callout--error p{color:#B42318;}
.callout--dashed{background:var(--surface);border:1.5px dashed var(--border);}
.callout[hidden]{display:none;}
/* ---- Dark feature card ------------------------------------------------- */
.feature-card--dark{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--blue),var(--blue-700));color:#fff;padding:28px;box-shadow:var(--shadow-md);}
.feature-card--dark::before{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(82,160,46,.34),transparent 70%);}
.feature-card--dark>*{position:relative;}
.feature-card--dark h3{margin-top:14px;font-size:var(--h3);}
.feature-card--dark p{color:rgba(255,255,255,.85);margin-top:8px;font-size:14.5px;}
.feature-card--dark .icon-box{background:rgba(255,255,255,.12);color:#9FE07E;width:52px;height:52px;border-radius:14px;font-size:24px;}
/* ---- Generic card grid + info card ------------------------------------- */
.card-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.info-card--lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue);}
.info-card h3{font-size:16px;margin-top:14px;}
.info-card p{color:var(--muted);font-size:14.5px;margin-top:7px;}
.info-card__arrow{color:var(--orange-700);font-size:18px;margin-top:12px;}
/* ---- Before / after comparison ----------------------------------------- */
.cmp-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.cmp{border-radius:var(--r-lg);border:1px solid var(--border);padding:24px;background:var(--surface);}
.cmp--neg{background:#FEF3F2;border-color:#FBD5D0;}
.cmp--pos{background:linear-gradient(160deg,var(--green-tint),#fff);border-color:rgba(82,160,46,.3);}
.cmp__pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:6px 13px;border-radius:99px;margin-bottom:14px;}
.cmp--neg .cmp__pill{background:#FEE4E2;color:#B42318;}
.cmp--pos .cmp__pill{background:rgba(82,160,46,.16);color:var(--green-700);}
.cmp__row{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#334155;padding:9px 0;}
.cmp__row+.cmp__row{border-top:1px solid rgba(0,0,0,.05);}
.cmp__row .ico{font-size:18px;flex-shrink:0;margin-top:1px;}
.cmp--neg .cmp__row .ico{color:#D92D20;}
.cmp--pos .cmp__row .ico{color:var(--green);}
/* ---- FAQ (narrow accordion list) --------------------------------------- */
.faq{max-width:820px;margin:0 auto;}
.faq__count{color:var(--muted);font-size:13px;margin-bottom:14px;}
.faq__list{display:flex;flex-direction:column;gap:12px;}
.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;}
.faq__item>summary{display:flex;align-items:center;gap:11px;justify-content:space-between;padding:14px 20px;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;}
.faq__item>summary::-webkit-details-marker{display:none;}
.faq__q{display:flex;align-items:center;gap:11px;min-width:0;}
.faq__q>.ico{color:var(--blue);font-size:17px;flex-shrink:0;}
.faq__chev{color:var(--blue);transition:transform .25s;flex-shrink:0;}
.faq__item[open] .faq__chev{transform:rotate(180deg);}
.faq__a{padding:0 20px 18px 20px;color:var(--muted);font-size:14.5px;}
.faq__item[hidden]{display:none;}
/* ---- Empty state ------------------------------------------------------- */
.empty-state{max-width:820px;margin:0 auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:40px 20px;}
.empty-state__icon{width:60px;height:60px;border-radius:50%;background:var(--blue-tint);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:26px;}
.empty-state h3{margin-top:16px;font-size:18px;}
.empty-state p{color:var(--muted);margin-top:8px;font-size:14.5px;max-inline-size:46ch;margin-inline:auto;}
.empty-state .btn{margin-top:18px;}
.empty-state[hidden]{display:none;}
/* ---- Search box -------------------------------------------------------- */
.search-box{position:relative;max-width:520px;margin:22px auto 0;}
.search-box>.ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none;}
.search-box input{width:100%;min-height:56px;padding:0 46px;border-radius:15px;border:1.5px solid var(--border);background:#fff;font-size:16px;box-shadow:var(--shadow-sm);outline:none;transition:border-color .18s,box-shadow .18s;}
.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(3,59,134,.1);}
.search-box__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);}
.search-box__clear:hover{background:var(--bg);}
.search-box__clear[hidden]{display:none;}
/* ---- Prose (article body typography) ----------------------------------- */
.prose__lead{font-size:1.15rem;color:var(--ink);font-weight:500;margin-bottom:16px;}
.prose h2{font-size:var(--h2);margin:38px 0 12px;scroll-margin-top:108px;}
.prose h3{font-size:var(--h3);margin:26px 0 8px;}
.prose p{color:#334155;font-size:1.0625rem;margin:0 0 16px;}
.prose a{color:var(--blue);font-weight:600;text-decoration:underline;}
.prose ul{margin:0 0 18px;padding-left:2px;list-style:none;display:flex;flex-direction:column;gap:11px;}
.prose ul li{position:relative;padding-left:30px;color:#334155;font-size:1.0625rem;}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:50%;background:var(--green-tint);}
.prose ul li::after{content:"";position:absolute;left:5px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--green);}
.prose strong{color:var(--ink);font-weight:700;}
.prose blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--green);background:var(--green-tint);border-radius:0 var(--r-md) var(--r-md) 0;}
.prose blockquote p{font-size:1.075rem;color:var(--ink);font-style:italic;margin:0;}
.prose blockquote cite{display:block;margin-top:10px;font-weight:600;font-size:13.5px;color:var(--green-700);font-style:normal;}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border);}
.article-tags a{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:12.5px;font-weight:500;padding:6px 13px;border-radius:99px;transition:border-color .18s,color .18s;}
.article-tags a:hover{border-color:var(--blue);color:var(--blue);}
/* ---- Document cards (legal / certificates) ----------------------------- */
.doc-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.doc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue);}
.doc-card__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--orange-tint);color:var(--orange-700);font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;margin-top:14px;}
.doc-card h3{font-size:15.5px;margin-top:12px;}
.doc-card p{color:var(--muted);font-size:13.5px;margin-top:6px;flex:1;}
.doc-card__link{color:var(--blue);font-weight:600;font-size:13.5px;margin-top:14px;display:inline-flex;align-items:center;gap:6px;}
.doc-card--row{flex-direction:row;align-items:center;gap:14px;}
.doc-card--row .doc-card__badge-sq{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;}
.doc-card--row h3{margin-top:0;}
.doc-card--row .doc-card__meta{flex:1;min-width:0;}
.doc-card--row small{color:var(--muted);font-size:12.5px;}
/* ---- Legal document cards (Hukuki Belgelerimiz) ------------------------ */
.docs-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:26px;}
.pdf-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;}
.pdf-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue);}
.pdf-card__head{position:relative;height:120px;background:linear-gradient(135deg,var(--blue-tint),#F5F7FA);display:flex;align-items:center;justify-content:center;}
.pdf-card__tile{width:54px;height:54px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:24px;box-shadow:var(--shadow-sm);}
.pdf-card__badge{position:absolute;top:12px;right:12px;background:var(--blue);color:#fff;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px;}
.pdf-card__body{padding:18px;flex:1;display:flex;flex-direction:column;}
.pdf-card__body h3{font-size:15.5px;}
.pdf-card__body p{color:var(--muted);font-size:12.5px;margin-top:5px;flex:1;}
.pdf-card__dl{color:var(--blue);font-weight:600;font-size:13px;margin-top:14px;display:inline-flex;align-items:center;gap:6px;}
.cert-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;transition:transform .22s,box-shadow .22s,border-color .22s;}
.cert-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green);}
.cert-card__badge{width:48px;height:48px;border-radius:12px;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cert-card__logo{width:88px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:6px 9px;}
.cert-card__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}
.cert-card__body{flex:1;min-width:0;}
.cert-card__name{font-weight:700;font-size:14.5px;}
.cert-card__sub{display:inline-flex;align-items:center;gap:5px;color:var(--green-700);font-size:12px;margin-top:2px;}
.cert-card__dl{color:var(--blue);font-size:20px;flex-shrink:0;}
@media (min-width:600px){.docs-grid{grid-template-columns:1fr 1fr;}}
@media (min-width:992px){.docs-grid{grid-template-columns:repeat(3,1fr);}}
/* ---- Key/value identity card ------------------------------------------- */
.kv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(20px,4vw,32px);}
.kv-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;}
.kv{display:flex;gap:12px;align-items:flex-start;}
.kv .icon-box{flex-shrink:0;}
.kv__k{font-size:12.5px;color:var(--muted);}
.kv__v{font-weight:600;font-size:14.5px;margin-top:2px;}
/* ---- Calculator primitives --------------------------------------------- */
.calc-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,32px);}
.segmented{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px;}
.segmented button{flex:1;min-height:44px;padding:0 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .18s,color .18s,box-shadow .18s;}
.segmented button.is-active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-sm);}
.result-card{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--blue),var(--blue-700));color:#fff;padding:clamp(22px,4vw,30px);box-shadow:var(--shadow-md);}
.result-card::before{content:"";position:absolute;top:-70px;right:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(82,160,46,.3),transparent 70%);}
.result-card>*{position:relative;}
.result-card__label{font-size:13px;color:rgba(255,255,255,.8);}
.result-card__num{font-weight:800;font-size:clamp(2rem,6vw,2.75rem);line-height:1.05;margin-top:6px;}
.result-card__sub{color:rgba(255,255,255,.85);font-size:14px;margin-top:8px;}
.toggle-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;cursor:pointer;transition:border-color .18s,background .18s,color .18s;}
.toggle-chip.is-on{background:var(--blue-tint);border-color:var(--blue);color:var(--blue);}
.toggle-chip .ico{font-size:14px;}
.result-card__div{height:1px;background:rgba(255,255,255,.16);margin:18px 0;}
.result-card__seclabel{font-size:12px;letter-spacing:.05em;color:rgba(255,255,255,.7);margin-bottom:8px;}
.result-card__taksit{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.09);border-radius:12px;padding:12px 14px;}
.result-card__taksit+.result-card__taksit{margin-top:8px;}
.result-card__taksit .lead{display:flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,.92);}
.result-card__taksit .lead .ico{color:#9FE07E;}
.result-card__taksit b{font-weight:700;}
.result-card__cta{margin-top:20px;}
.native-select{position:relative;}
.native-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;background:var(--bg);cursor:pointer;}
.native-select>.ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);}
/* Teklif formundaki il/şehir