/* POTA — site geneli katman (8 Kas 2026).
   lx-* tasarım sisteminin ÜSTÜNE, sayfa CSS'lerinden SONRA yüklenir.
   Palet ve fontun asıl kaynağı lx-tokens.css; burada kabuk ve bileşen biçimi var.
   Bilerek wwwroot/css dışında: WebOptimizer (NUglify) rgb(var()/a) ve font: kısaltmalarını
   bozabildiği için bu dosya minify hattına girmiyor. */

@font-face{font-family:"Manrope";src:url("/pota/v3/fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";src:url("/pota/v3/fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --lac0:#040A18;--lac1:#081430;--lac2:#0D1D42;--lac3:#14285A;--lacline:#1C2E5E;--lactext:#EEF3FB;--lacmuted:#8E9CBC;
  --acc:#3B9DFF;--acc2:#8CC6FF;--acc-rgb:59 157 255;--acc2-rgb:140 198 255;--on-acc:#03122A;
  --ink:var(--lac1);--ink2:#0B1A3C;--deep:var(--lac0);--panel:var(--lac2);--line:var(--lacline);--text:var(--lactext);--muted:var(--lacmuted);
  --lac-ink-rgb:8 20 48;
  --display:"Mona Sans",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif;
  --gut:clamp(16px,4vw,56px);--max:1560px;--ease:cubic-bezier(.2,.7,.2,1);
  --pt-top:88px;
  --lx-text-h1:clamp(34px,5.2vw,80px);
  --lx-text-h2:clamp(26px,3.4vw,52px);
  --lx-text-h3:clamp(20px,1.7vw,26px);
  --lx-text-h4:clamp(18px,1.3vw,22px);
}

/* ---- zemin + yazı ---- */
html{scrollbar-width:thin;scrollbar-color:rgb(var(--acc-rgb)/.5) transparent}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(var(--acc-rgb)/.5);border-radius:6px}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{background:var(--ink);background-image:none;color:var(--text);font:500 17px/1.6 var(--body)}
::selection{background:var(--acc);color:var(--on-acc)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
p,.lx-p,.lx-lead{font-family:var(--body)}
p,.lx-p{font-size:inherit}

/* büyük başlık Mona Sans Geniş büyük harf; kart ve alt başlık düz */
h1,h2,.lx-h1,.lx-h2,.lx-display,.lx-section__title{font-family:var(--display);font-stretch:125%;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.02;overflow-wrap:break-word}
h3,h4,h5,.lx-h3,.lx-h4,.lx-h5{font-family:var(--display);font-stretch:112%;font-weight:700;letter-spacing:0;line-height:1.25}
h6,.lx-h6{font-family:var(--body);text-transform:none;letter-spacing:.02em;font-weight:800}

/* uzun metin ve araç yüzeylerinde büyük harf yok */
:is(.lx-prose,.lx-legal,.lx-cart-sidebar,.lx-dolfin,.lx-cookie,.lx-notification,.pt-foot,.lx-product-detail__section) :is(h1,h2){font-stretch:112%;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.25;font-size:clamp(21px,1.8vw,28px)}
.lx-prose{font-size:18px;line-height:1.75}
.lx-prose :is(p,li){color:#C9D2E4}
.lx-prose a{color:var(--acc2);text-decoration:underline;text-underline-offset:4px}

/* gradyan yazı POTA'da yok: başlığın tamamıysa beyaz, parçaysa elektrik mavi */
.lx-text-gradient,.lx-text-gradient--brand,.lx-text-gradient--aurora{background:none;color:var(--acc);-webkit-text-fill-color:currentColor;animation:none}
:is(h1,h2) .lx-text-gradient:only-child{color:inherit}

.lx-eyebrow{gap:12px;padding:0;border:0;border-radius:0;background:none;text-shadow:none;text-transform:none;letter-spacing:0;font:800 14px/1 var(--body);color:var(--acc)}
.lx-eyebrow::before{order:2;width:60px;height:1px;border-radius:0;background:rgb(var(--acc-rgb)/.5);box-shadow:none;animation:none}

/* ---- üst ---- */
.lx-header{padding-block:0;background:transparent;box-shadow:none}
.lx-header--fixed{background:rgb(var(--lac-ink-rgb)/.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;border-bottom:1px solid var(--line);padding-block:0}
.lx-header .lx-container{max-width:var(--max);padding-inline:var(--gut)}
.lx-nav{min-height:var(--pt-top)}
.lx-nav__logo,.lx-header--fixed .lx-nav__logo{width:clamp(150px,12vw,184px);height:auto}
.lx-nav__menu{gap:clamp(14px,1.7vw,28px);margin-left:auto;align-items:center}
.lx-nav__link{padding:0;font:500 15px/1.4 var(--body);letter-spacing:0;text-transform:none;color:#C3CDE2;background:none}
.lx-nav__link:hover,.lx-nav__link[aria-current='page']{color:#fff;background:none}
.lx-nav__link::after{display:none}
.lx-nav__cta .lx-btn{padding:13px 20px;font-size:15px;white-space:nowrap}
.lx-hamburger{background:none;border:0}
.lx-mobile-menu{background:var(--deep);border-top:1px solid var(--line)}
.lx-mobile-menu__link{font:700 22px/1.3 var(--display);font-stretch:112%;color:var(--text)}
.lx-mobile-menu__link--cta{color:var(--acc)}
@media (max-width:900px){:root{--pt-top:72px}.lx-nav__logo,.lx-header--fixed .lx-nav__logo{width:132px}}
@media (min-width:1024px) and (max-width:1240px){.lx-nav__link{font-size:14px}.lx-nav__cta{display:none}}

/* ---- sayfa başı: kendi başlığı olan sayfada ince konum şeridi, olmayanda fotoğraflı bant ---- */
.lx-page-holder{position:relative;padding:calc(var(--pt-top) + 14px) 0 14px;margin:0;background:none;border-bottom:1px solid var(--line);text-align:left;overflow:hidden;isolation:isolate}
.lx-page-holder::before,.lx-page-holder::after{display:none}
.lx-page-holder .lx-container{max-width:var(--max);padding-inline:var(--gut)}
p.lx-page-holder__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lx-breadcrumb{justify-content:flex-start;margin:0;padding:0;background:none;border:0;font:700 13px/1.3 var(--body)}
.lx-breadcrumb__item,.lx-breadcrumb__item a{color:var(--muted)}
.lx-breadcrumb__item a:hover{color:#fff}
.lx-breadcrumb__item--active{color:var(--text)}
.lx-page-holder--band{display:flex;align-items:flex-end;min-height:clamp(340px,52svh,560px);padding:calc(var(--pt-top) + 40px) 0 clamp(28px,4vw,52px);border-bottom:0}
.lx-page-holder--band .pt-holder__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:pt-kb 9s cubic-bezier(.33,0,.2,1) both}
.lx-page-holder--band::after{display:block;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--lac-ink-rgb)/.6),rgb(var(--lac-ink-rgb)/0) 62%),linear-gradient(180deg,rgb(var(--lac-ink-rgb)/.55),rgb(var(--lac-ink-rgb)/.12) 40%,rgb(var(--lac-ink-rgb)/.92) 86%,var(--ink))}
.lx-page-holder--band .lx-container{width:100%}
h1.lx-page-holder__title{margin:0 0 16px;font-size:clamp(36px,6vw,92px);line-height:.98;max-width:16ch;text-shadow:none;background:none;color:var(--text);-webkit-text-fill-color:currentColor}
@keyframes pt-kb{from{transform:scale(1.12)}to{transform:scale(1)}}

/* ---- düğme ---- */
.lx-btn{border-radius:999px;font:800 15px/1.2 var(--body);letter-spacing:0;text-transform:none;box-shadow:none;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.lx-btn--lg{font-size:16px}
.lx-btn--sm{font-size:14px}
.lx-btn--primary,.lx-btn--glow{background:var(--acc);color:var(--on-acc);border:0;box-shadow:none}
.lx-btn--primary::before,.lx-btn--primary::after,.lx-btn--glow::before,.lx-btn--glow::after{display:none}
.lx-btn--primary:hover,.lx-btn--glow:hover{background:var(--acc2);color:var(--on-acc);transform:translateY(-2px);box-shadow:none}
.lx-btn--secondary,.lx-btn--ghost{background:transparent;color:var(--text);border:0;box-shadow:inset 0 0 0 1.5px rgba(238,243,251,.45)}
.lx-btn--secondary:hover,.lx-btn--ghost:hover{background:rgba(238,243,251,.08);color:var(--text);transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px rgba(238,243,251,.6)}

/* ---- kart yüzeyi ---- */
.lx-card{border:0;border-radius:18px;background:linear-gradient(160deg,var(--panel),var(--ink2));box-shadow:inset 0 0 0 1px var(--line)}
.lx-card::before{display:none}
.lx-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb)/.5),0 24px 60px rgba(0,0,0,.35)}
.lx-card__icon{color:var(--acc);background:rgb(var(--acc-rgb)/.1);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb)/.35),0 0 30px rgb(var(--acc-rgb)/.18);border:0;border-radius:14px}
.lx-section{border-top:1px solid var(--line)}
main>.lx-section:first-child,.lx-page-holder+*{border-top:0}
.lx-container{max-width:min(var(--max),var(--lx-container-2xl))}
.lx-aurora,.lx-grid-bg{display:none}

/* ---- dalga + footer ---- */
.lx-wave--footer{position:relative;line-height:0;overflow:hidden;background:var(--ink);margin-top:-1px}
.lx-wave--footer .lx-wave__svg{display:block;width:100%;height:100px;margin-bottom:-7px}
.lx-wave--footer .lx-wave__parallax>use:nth-child(1){fill:rgb(var(--acc-rgb)/.7)}
.lx-wave--footer .lx-wave__parallax>use:nth-child(2){fill:rgb(var(--acc-rgb)/.45)}
.lx-wave--footer .lx-wave__parallax>use:nth-child(3){fill:rgb(var(--acc-rgb)/.25)}
.lx-wave--footer .lx-wave__parallax>use:nth-child(4){fill:var(--deep)}

.pt-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.pt-li{width:15px;height:15px;flex:none;color:var(--acc)}
.pt-foot{background:var(--deep);color:var(--muted);font-size:15px;padding:clamp(40px,5vw,72px) 0 0}
.pt-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr 1.3fr;gap:clamp(24px,3vw,48px)}
.pt-foot h2{display:flex;align-items:center;gap:8px;font:800 13px/1.2 var(--body);color:var(--text);margin:0 0 16px;letter-spacing:.02em;text-transform:none}
.pt-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pt-foot a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--muted);transition:color .2s}
.pt-foot a:hover{color:var(--acc2)}
.pt-foot__logo{width:150px;height:auto}
.pt-foot__about{margin:18px 0 22px;max-width:32ch;line-height:1.55;color:var(--muted);font-size:15px}
.pt-foot .lx-footer__social{display:flex;flex-wrap:wrap;gap:8px}
.pt-foot .lx-footer__social a{width:40px;height:40px;border-radius:50%;justify-content:center;box-shadow:inset 0 0 0 1px var(--line);color:#C3CDE2}
.pt-foot .lx-footer__social a:hover{background:rgb(var(--acc-rgb)/.14);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb)/.5);color:#fff}
.pt-foot .lx-footer__social .lx-icon{width:17px;height:17px}
.pt-foot .lx-footer__links--regions{grid-template-columns:1fr 1fr;column-gap:16px}
.pt-foot .lx-footer__contact a{color:var(--text);font-weight:700}
.pt-foot .lx-footer__contact .lx-icon{width:17px;height:17px;color:var(--acc)}
.pt-foot__sub{margin-top:28px}
.pt-foot__bottom{margin-top:clamp(36px,5vw,64px);border-top:1px solid var(--line);padding:22px 0 110px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
.pt-foot__legal{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:900px){.pt-foot__grid{grid-template-columns:1fr 1fr}.pt-foot__brand{grid-column:1/-1}}

/* ---- sabit düğmeler ---- */
.lx-quick{gap:10px;opacity:0;transform:translateY(16px);pointer-events:none;transition:transform .4s var(--ease),opacity .4s}
.lx-quick.on{opacity:1;transform:none;pointer-events:auto}
.lx-quick__btn{height:50px;padding:0 18px 0 15px;border:0;border-radius:999px;font:800 14px/1 var(--body);background:#25D366;color:#062A14;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.lx-quick__btn:hover{background:#25D366;color:#062A14;transform:translateY(-2px)}
.lx-quick__btn--call,.lx-quick__btn--call:hover{background:var(--acc);color:var(--on-acc)}
.lx-dolfin__bubble{background:radial-gradient(circle at 50% 40%,var(--lac3),var(--lac1));box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 0 0 2px rgb(var(--acc-rgb)/.6);border:0}
.lx-dolfin__label{background:#fff;color:var(--lac1);font:800 13px/1 var(--body);border:0;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.lx-dolfin__label-text{color:inherit;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
.lx-dolfin__panel{background:var(--lac2);border-color:var(--line)}

/* başlık harf harf (pota-site.js) */
.pt-split .ch{display:inline-block;will-change:transform}

@media print{.lx-header,.lx-quick,.lx-dolfin,.lx-wave--footer,.pt-foot{display:none}}

/* grid/flex öğesi içeriği kadar genişleyip mobilde sayfayı taşırmasın (overflow-x:clip gizliyordu) */
.lx-service__grid>*,.lx-service__content,.lx-service__content>*,main [class*="__grid"]>*{min-width:0}
/* çerez çubuğu Dolfin'in üstünde kalsın, "Tamam" düğmesi kapanmasın */
.lx-cookie{z-index:1100;background:var(--deep);backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--line)}
.lx-cookie{z-index:100000}
/* sayfaya özel gradyan başlıklar da POTA'da düz */
main :is(h1,h2){background:none!important;-webkit-text-fill-color:currentColor!important}
/* footer mobilde taşmasın: son sütun tam genişlik, bölgeler sığdığı kadar sütun */
.pt-foot__grid>div{min-width:0}
@media (max-width:900px){
  .pt-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-foot__grid>div:last-child{grid-column:1/-1}
  .pt-foot .lx-footer__links--regions{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* 9 Kas: fotografli bant her alt sayfada; baslik uzunluga gore olcekli */
.lx-page-holder .lx-page-holder__title{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 16px;font-family:var(--display);font-stretch:125%;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(36px,6vw,92px);line-height:.98;max-width:18ch;text-shadow:none;background:none;color:var(--text);-webkit-text-fill-color:currentColor;overflow-wrap:break-word}
.lx-page-holder .lx-page-holder__title--orta{font-size:clamp(30px,4.2vw,64px);line-height:1.02;max-width:24ch}
.lx-page-holder .lx-page-holder__title--uzun{font-size:clamp(25px,3vw,46px);line-height:1.08;max-width:36ch}

/* Icerik genis ekrana yayilir; kart izgaralari auto-fill oldugu icin sutunlar kendiliginden artar */
:root{--max:clamp(1560px,92vw,2240px)}
.lx-container{max-width:var(--max);padding-inline:var(--gut)}
.lx-page__container,.lx-page__container--xl,.lx-page__container--2xl{max-width:min(var(--max),1640px);padding-inline:var(--gut)}
/* yasal metin okuma genisliginde kalir */
.lx-page__container:has(.lx-legal){max-width:var(--lx-container-lg)}
/* lx-blog bu başlığı color:transparent + gradyanla boyuyordu; gradyan kalkınca rengi açıkça verilmeli */
.lx-blog__featured-title{color:var(--text)}