:root{--dark:#0b1215;--dark2:#141d21;--orange:#cc3f00;--white:#fff;--off:#f5f5f2;--text:#171c1e;--muted:#687174;--line:#dfe2df;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.5}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(11,18,21,.97);border-bottom:1px solid #293235}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;color:#fff;font-size:27px;font-weight:800;letter-spacing:-1.5px}.logo b{color:var(--orange)}.logo small{display:block;font-size:7px;letter-spacing:5px;color:#cbd0d1;text-align:center;margin-top:-4px}.mark{width:34px;height:34px;margin-right:9px;position:relative}.mark:before,.mark:after{content:"";position:absolute;transform:skewY(-25deg);clip-path:polygon(0 0,100% 30%,100% 100%,0 70%)}.mark:before{background:#fff;width:10px;height:33px;left:4px}.mark:after{background:var(--orange);width:10px;height:28px;right:3px;top:5px}
nav{display:flex;gap:29px;color:#ccd2d3;font-size:12px;font-weight:600}nav a:hover{color:#fff}.wa{border:1px solid var(--orange);border-radius:30px;padding:10px 16px;color:#fff;font-size:12px;font-weight:700}.wa:hover{background:var(--orange)}
.hero{min-height:510px;color:#fff;background:linear-gradient(90deg,rgba(7,12,14,.98),rgba(7,12,14,.88) 38%,rgba(7,12,14,.18) 78%),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1900&q=85") center/cover}.hero-inner{min-height:510px;display:flex;align-items:center}.copy{max-width:650px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:#dce0e0;margin-bottom:10px}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}h1{font-size:clamp(42px,5vw,65px);line-height:1.03;letter-spacing:-3px}h1 span{color:var(--orange)}.hero p{color:#d0d6d7;max-width:570px;margin:18px 0 25px;font-size:15px}.meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px;font-size:12px;font-weight:600}.meta span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin:0 7px 2px 0}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--orange);padding:12px 19px;border-radius:28px;font-size:12px;font-weight:800}.primary{background:var(--orange);color:#fff}.light{color:#fff;border-color:#8c9799;margin-left:8px}
section{padding:78px 0}.services{background:var(--off)}.section-grid{display:grid;grid-template-columns:270px 1fr;gap:60px}.label{font-size:10px;letter-spacing:3px;color:var(--orange);font-weight:900;margin-bottom:10px}.title{font-size:34px;line-height:1.12;letter-spacing:-1.6px}.desc{color:var(--muted);font-size:13px;margin-top:12px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:10px;min-height:160px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000012}.icon{color:var(--orange);font-size:22px;margin-bottom:18px}.arrow{float:right;color:var(--orange);font-size:18px}.card h3{font-size:15px;margin-bottom:6px}.card p{font-size:12px;color:var(--muted)}
.corporate{padding:0;background:var(--dark);color:#fff}.corp{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.corp-img{background:linear-gradient(90deg,#080d0f22,#080d0f55),url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=85") center/cover}.corp-content{padding:65px 55px;display:flex;flex-direction:column;justify-content:center}.corp-content .label{color:#f0783e}.corp-content h2{font-size:36px;line-height:1.08;letter-spacing:-1.5px}.corp-content p{color:#aeb8ba;font-size:13px;margin:15px 0 25px}.corp-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.corp-list div{border-left:1px solid #394245;padding-left:13px}.corp-list b{display:block;font-size:12px}.corp-list span{font-size:11px;color:#8f9a9d}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit{padding:25px;border-right:1px solid var(--line)}.benefit:last-child{border:0}.num{color:var(--orange);font-size:23px;font-weight:900;margin-bottom:12px}.benefit h3{font-size:14px;margin-bottom:5px}.benefit p{font-size:11px;color:var(--muted)}
/* REFERANSLAR */
.refs{
  background:#111b20;
  color:#fff;
  padding:42px 0;
  overflow:hidden;
}

.refrow{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:35px;
  align-items:center;
}

.reflabel{
  font-size:10px;
  letter-spacing:3px;
  color:#aeb9bd;
  font-weight:800;
  white-space:nowrap;
}

.refcontent{
  display:flex;
  align-items:center;
  gap:28px;
  min-width:0;
}

.refstats{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:330px;
  padding-right:25px;
  border-right:1px solid #364247;
  flex-shrink:0;
}

.refstat{
  min-width:85px;
  text-align:center;
}

.refstat strong{
  display:block;
  color:#fff;
  font-size:25px;
  line-height:1;
  letter-spacing:-1px;
  white-space:nowrap;
}

.refstat span{
  display:block;
  color:#8d9a9e;
  font-size:9px;
  letter-spacing:1px;
  margin-top:7px;
  text-transform:uppercase;
  white-space:nowrap;
}

.refstat strong{
  display:block;
  color:#fff;
  font-size:25px;
  line-height:1;
  letter-spacing:-1px;
}

.refstat span{
  display:block;
  color:#8d9a9e;
  font-size:9px;
  letter-spacing:1px;
  margin-top:7px;
  text-transform:uppercase;
}

@media(max-width:600px){
  .refstats{
    width:100%;
    min-width:0;
    padding:0 0 18px;
    border-right:0;
    border-bottom:1px solid #364247;
    justify-content:flex-start;
    gap:20px;
  }

  .refstat{
    min-width:80px;
  }
}

.refcounter strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
  letter-spacing:-1px;
}

.refcounter span{
  display:block;
  color:#8d9a9e;
  font-size:9px;
  letter-spacing:1px;
  margin-top:6px;
  text-transform:uppercase;
}

.refnames{
  position:relative;
  display:flex;
  overflow:hidden;
  flex:1;
  min-width:0;
  mask-image:linear-gradient(
    to right,
    transparent,
    black 5%,
    black 95%,
    transparent
  );
  -webkit-mask-image:linear-gradient(
    to right,
    transparent,
    black 5%,
    black 95%,
    transparent
  );
}

.ref-track{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  animation:refScroll 30s linear infinite;
}

.ref-track:hover{
  animation-play-state:paused;
}

.refnames span{
  border:1px solid #344147;
  background:#182328;
  color:#d7dddf;
  padding:10px 15px;
  border-radius:7px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

@keyframes refScroll{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }
}
.refnames span:hover{
  border-color:var(--orange);
  color:#fff;
  transform:translateY(-2px);
}

@media(max-width:900px){
  .refrow{
    grid-template-columns:1fr;
    gap:20px;
  }

  .refcontent{
    align-items:flex-start;
  }
}

@media(max-width:600px){
  .refcontent{
    flex-direction:column;
    gap:20px;
  }

  .refcounter{
    border-right:0;
    border-bottom:1px solid #364247;
    padding:0 0 15px;
    width:100%;
  }

  .refnames{
    width:100%;
  }
}
.store{background:var(--off)}.storegrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo{height:350px;border-radius:12px;background:linear-gradient(#00000005,#00000035),url("https://images.unsplash.com/photo-1571857089544-64fc3877749d?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") center/cover}.store h2{font-size:36px;line-height:1.1;letter-spacing:-1.5px}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.detail{border-top:1px solid #d4d6d3;padding-top:12px}.detail b{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:block}.detail span{font-size:12px;color:var(--muted)}
.cta{background:#f0efeb}.ctabox{background:var(--dark);color:#fff;border-radius:15px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:25px}.ctabox h2{font-size:28px}.ctabox p{color:#aeb8ba;font-size:13px;margin-top:5px}
/* FOOTER */

footer{
  background:#0a1012;
  color:#fff;
  padding:50px 0 22px;
}

.foot{
  display:flex;
  justify-content:space-between;
  gap:60px;
  padding-bottom:32px;
  border-bottom:1px solid #2a3235;
}

.footer-brand{
  max-width:310px;
}

.footer-brand .logo img{
  width:190px;
  height:auto;
}

.footer-brand p{
  color:#899396;
  font-size:11px;
  line-height:1.7;
  max-width:300px;
  margin-top:14px;
}

.footer-right{
  display:flex;
  align-items:flex-start;
  gap:55px;
  padding-top:8px;
}

.footer-links{
  display:flex;
  gap:14px 25px;
  flex-wrap:wrap;
  max-width:520px;
}

.footer-links a{
  font-size:13px;
  color:#d5dbdd;
  font-weight:700;
  transition:.2s;
  white-space:nowrap;
}

.footer-links a:hover{
  color:var(--orange);
}

.footer-contact{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:155px;
}

.footer-contact-item{
  display:flex;
  align-items:center;
  gap:10px;
  color:#aeb6b8;
  font-size:12px;
  font-weight:600;
  transition:.2s;
}

.footer-contact-item:hover{
  color:#fff;
}

.contact-icon{
  width:32px;
  height:32px;
  border:1px solid #394447;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:.2s;
}

.contact-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.instagram-icon svg circle:last-child{
  fill:currentColor;
  stroke:none;
}

.footer-contact-item:hover .contact-icon{
  border-color:var(--orange);
  color:var(--orange);
}

.copyright{
  display:flex;
  justify-content:space-between;
  color:#697275;
  font-size:10px;
  padding-top:18px;
}
@media(max-width:900px){nav{display:none}.section-grid,.corp,.storegrid{grid-template-columns:1fr}.corp-img{min-height:300px}.corp-content{padding:50px 25px}.benefits{grid-template-columns:repeat(2,1fr)}.refrow{flex-direction:column;align-items:flex-start}.refnames{width:100%;flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.nav{height:66px}.logo{font-size:22px}.wa{font-size:10px;padding:8px 12px}.hero,.hero-inner{min-height:570px}.hero{background-position:60%}.hero-inner{align-items:flex-end;padding-bottom:55px}h1{font-size:43px}.cards{grid-template-columns:1fr}section{padding:58px 0}.benefits{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.corp-list,.details{grid-template-columns:1fr}.photo{height:240px}.store h2,.corp-content h2{font-size:30px}.ctabox{padding:32px 24px;flex-direction:column;align-items:flex-start}.foot,.copyright{flex-direction:column;gap:20px}}
/* WEB TASARIM */
.web-design{
  background:#e9f0f3;
  padding:85px 0;
  overflow:hidden;
}

.web-design-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  align-items:center;
}

.web-design-content{
  max-width:570px;
}

.web-design-label{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#176b87;
  font-size:10px;
  letter-spacing:3px;
  font-weight:900;
  margin-bottom:14px;
}

.web-design-label:before{
  content:"";
  width:25px;
  height:2px;
  background:#176b87;
}

.web-design h2{
  color:#10252d;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-2px;
  margin-bottom:16px;
}

.web-design h2 span{
  color:#176b87;
}

.web-design-text{
  color:#5e6d72;
  font-size:14px;
  max-width:510px;
  margin-bottom:28px;
}

.web-design-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-bottom:30px;
}

.web-design-item{
  background:#fff;
  border:1px solid #d5e0e4;
  border-radius:9px;
  padding:16px;
}

.web-design-item b{
  display:block;
  color:#20343b;
  font-size:12px;
  margin-bottom:4px;
}

.web-design-item span{
  color:#718087;
  font-size:11px;
}

.web-design-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#176b87;
  color:#fff;
  padding:13px 21px;
  border-radius:28px;
  font-size:12px;
  font-weight:800;
  transition:.2s;
}

.web-design-btn:hover{
  background:#12566d;
  transform:translateY(-2px);
}

/* Web tasarım görsel alanı */
.web-design-visual{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.browser{
  width:100%;
  max-width:510px;
  background:#fff;
  border-radius:13px;
  box-shadow:0 25px 60px #16323d25;
  overflow:hidden;
  transform:rotate(1.5deg);
}

.browser-top{
  height:38px;
  background:#172a31;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
}

.browser-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8fa0a5;
}

.browser-content{
  padding:25px;
  background:#f8fafb;
}

.fake-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:30px;
}

.fake-logo{
  width:90px;
  height:10px;
  border-radius:5px;
  background:#176b87;
}

.fake-links{
  display:flex;
  gap:8px;
}

.fake-links span{
  width:30px;
  height:5px;
  border-radius:3px;
  background:#cbd7da;
}

.fake-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
}

.fake-title{
  width:85%;
}

.fake-title div{
  height:11px;
  background:#20343b;
  border-radius:4px;
  margin-bottom:8px;
}

.fake-title div:nth-child(2){
  width:75%;
}

.fake-title p{
  width:90%;
  height:6px;
  background:#cbd5d8;
  border-radius:3px;
  margin:15px 0;
}

.fake-button{
  width:75px;
  height:23px;
  border-radius:12px;
  background:#176b87;
}

.fake-image{
  height:145px;
  border-radius:9px;
  background:linear-gradient(135deg,#b9dce5,#6da8bb);
  position:relative;
  overflow:hidden;
}

.fake-image:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  background:#ffffff55;
  right:-35px;
  top:-45px;
}

.web-badge{
  position:absolute;
  right:-15px;
  bottom:25px;
  background:#fff;
  padding:13px 17px;
  border-radius:9px;
  box-shadow:0 15px 35px #16323d22;
  color:#176b87;
  font-size:11px;
  font-weight:800;
}

/* Mobil */
@media(max-width:900px){
  .web-design-box{
    grid-template-columns:1fr;
    gap:45px;
  }

  .web-design-content{
    max-width:none;
  }

  .web-design-visual{
    min-height:320px;
  }
}

@media(max-width:600px){
  .web-design{
    padding:60px 0;
  }

  .web-design h2{
    font-size:32px;
  }

  .web-design-list{
    grid-template-columns:1fr;
  }

  .web-design-visual{
    min-height:260px;
  }

  .browser{
    transform:none;
  }

  .browser-content{
    padding:18px;
  }

  .fake-image{
    height:110px;
  }

  .web-badge{
    right:0;
    bottom:10px;
  }
}
.logo img{
  width:220px;
  height:auto;
  display:block;
}
@media(max-width:600px){
  .logo img{
    width:135px;
  }
}

/* Dynamic page additions */
.card-link{display:block;height:100%}
.card-link .card{height:100%}
.page-hero{background:var(--dark);color:#fff;padding:72px 0 60px}
.page-hero .breadcrumbs{font-size:11px;color:#9aa5a8;margin-bottom:18px}
.page-hero .breadcrumbs a{color:#d9e0e2}
.page-hero h1{max-width:900px;font-size:clamp(38px,5vw,58px)}
.page-hero p{max-width:760px;color:#b7c0c2;margin-top:18px}
.content-section{background:#fff}
.content-wrap{max-width:850px}
.content-wrap h2{font-size:30px;margin:34px 0 12px;letter-spacing:-1px}
.content-wrap h3{font-size:21px;margin:28px 0 9px}
.content-wrap p{margin:0 0 16px;color:#4f5a5e}
.content-wrap ul,.content-wrap ol{margin:0 0 18px 22px;color:#4f5a5e}
.content-wrap li{margin:7px 0}
.content-wrap a{color:#b93900;text-decoration:underline}
.service-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card,.post-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}
.service-card h2,.post-card h2{font-size:19px;margin-bottom:9px}
.service-card p,.post-card p{font-size:13px;color:var(--muted)}
.service-card .more,.post-card .more{display:inline-block;margin-top:15px;color:var(--orange);font-weight:800;font-size:12px}
.faq{margin-top:38px}
.faq-item{border-top:1px solid var(--line);padding:18px 0}
.faq-item h3{font-size:16px;margin:0 0 7px}
.faq-item p{margin:0;color:var(--muted)}
.notice{background:#fff7f2;border:1px solid #f0c9b6;border-radius:10px;padding:17px;margin:24px 0;color:#5d3a2b}
.site-search{display:flex;gap:8px;margin-top:24px;max-width:520px}
.site-search input{flex:1;border:1px solid #394447;background:#111b20;color:#fff;border-radius:28px;padding:12px 16px}
.site-search button{border:0;background:var(--orange);color:#fff;border-radius:28px;padding:12px 18px;font-weight:800;cursor:pointer}
@media(max-width:900px){.service-grid,.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-grid,.post-grid{grid-template-columns:1fr}.page-hero{padding:52px 0 44px}}


/* V2 PREMIUM CONTENT */


/* V3 — HARİTA / İLETİŞİM */
.map-shell{height:390px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}.map-shell iframe{width:100%;height:100%;border:0;display:block}.store-actions{display:flex;gap:10px;flex-wrap:wrap}.outline-dark{border-color:#aeb5b7;color:var(--text)}

.contact-hero h1{max-width:820px}.contact-hero p{max-width:760px}
.contact-section{background:#f3f4f1;padding:72px 0}
.contact-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:stretch}
.contact-copy,.contact-map-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0711160a}
.contact-copy{padding:34px}.contact-copy h2{font-size:34px;line-height:1.1;letter-spacing:-1.4px;margin-bottom:10px}.contact-lead{color:var(--muted);font-size:13px;line-height:1.75;max-width:610px;margin-bottom:24px}
.contact-methods{display:grid;grid-template-columns:1fr;gap:10px}.contact-method{min-width:0;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:15px 16px;transition:.2s;background:#fff}.contact-method:hover{transform:translateY(-2px);border-color:#c4cac8;box-shadow:0 10px 25px #00000009}.contact-method-icon{width:38px;height:38px;border-radius:50%;background:#f3f4f1;color:var(--orange);display:grid;place-items:center;font-size:16px;font-weight:900;flex:0 0 38px}.contact-method-body{display:block;min-width:0}.contact-method-body small,.contact-method-body b,.contact-method-body em{display:block}.contact-method-body small{font-size:8px;letter-spacing:1.7px;color:var(--orange);font-weight:900}.contact-method-body b{font-size:13px;margin:3px 0;overflow-wrap:anywhere;word-break:normal}.contact-method-body em{font-style:normal;color:var(--muted);font-size:10px;line-height:1.5}
.business-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:18px}.business-info{min-width:0;background:var(--dark);color:#fff;border-radius:12px;padding:17px}.business-info small,.business-info b,.business-info span{display:block}.business-info small{color:#93a0a3;font-size:8px;letter-spacing:1.6px;font-weight:900}.business-info b{font-size:12px;margin:6px 0 3px;overflow-wrap:anywhere}.business-info span{font-size:10px;color:#bcc4c6;line-height:1.5}.contact-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.contact-map-card{padding:16px;display:flex;flex-direction:column}.contact-map-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 6px 15px}.contact-map-head small,.contact-map-head b{display:block}.contact-map-head small{color:var(--orange);font-size:8px;letter-spacing:1.8px;font-weight:900}.contact-map-head b{font-size:13px;margin-top:3px}.contact-map-head a{font-size:10px;font-weight:900;color:var(--orange);white-space:nowrap}.contact-map{height:455px;border-radius:12px;box-shadow:none;flex:1}.map-address{padding:14px 6px 5px}.map-address span{display:block;font-size:8px;letter-spacing:1.7px;color:var(--orange);font-weight:900}.map-address p{color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}
.contact-help{background:#e8edef;padding:62px 0}.contact-help-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:70px;align-items:center}.contact-help h2{font-size:32px;line-height:1.12;letter-spacing:-1.3px}.contact-help p{font-size:13px;color:var(--muted);margin-top:10px;max-width:590px}.contact-help-points{display:grid;gap:8px}.contact-help-points span{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #d7dfe1;border-radius:10px;padding:13px 15px;color:var(--orange);font-size:10px;font-weight:900}.contact-help-points b{color:var(--text);font-size:11px}

@media(max-width:900px){.premium-grid{grid-template-columns:repeat(2,1fr)}.contact-shell,.contact-help-grid,.content-grid.two,.content-split,.blog-intro-row{grid-template-columns:1fr}.info-panel{position:static}.contact-map{height:430px}.contact-map-card{min-height:0}}
@media(max-width:600px){.feature-list,.premium-grid,.business-info-grid{grid-template-columns:1fr}.service-lead,.article-intro{font-size:15px;padding:20px}.content-card{padding:20px}.map-shell{height:300px}.contact-section{padding:52px 0}.contact-copy{padding:22px}.contact-copy h2{font-size:29px}.contact-map-card{padding:11px}.contact-map-head{align-items:flex-start;flex-direction:column;gap:7px}.contact-map{height:350px}.contact-buttons{align-items:stretch;flex-direction:column}.contact-buttons .btn{justify-content:center}.contact-help{padding:48px 0}.contact-help-grid{gap:28px}.contact-help h2{font-size:27px}.service-hero-points{flex-direction:column;gap:6px}.article-grid{display:block}.article-grid .content-card{margin-bottom:14px}}


/* V4 — PREMIUM SERVICE + KNOWLEDGE PAGES */
.premium-detail-page{background:#f3f4f1}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:90;background:transparent}.reading-progress i{display:block;width:0;height:100%;background:var(--orange);transition:width .08s linear}
.premium-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,#344147 0,#1a2529 22%,transparent 46%),linear-gradient(135deg,#091013 0%,#111b20 58%,#0c1417 100%);padding:76px 0 68px}.premium-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff0c;border-radius:50%;right:-120px;top:-170px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03;pointer-events:none}.premium-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.62fr);gap:64px;align-items:center;position:relative;z-index:1}.premium-hero-copy{min-width:0}.premium-hero .breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#879397;margin-bottom:22px}.premium-hero .breadcrumbs span{color:#657276}.premium-hero h1{font-size:clamp(40px,5vw,64px);max-width:880px;line-height:1.02;letter-spacing:-2.8px}.premium-hero-copy>p{font-size:15px;line-height:1.8;max-width:760px;color:#b9c3c5;margin:20px 0 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-secondary{border-color:#526165;color:#fff}.hero-secondary:hover{border-color:#fff}.hero-service-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff1c;border-radius:20px;padding:27px;color:#fff;backdrop-filter:blur(8px);box-shadow:0 25px 70px #00000025}.hero-card-kicker{display:block;color:#f17a42;font-size:9px;font-weight:900;letter-spacing:2.2px;margin-bottom:12px}.hero-service-card strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-.7px}.hero-service-card p{font-size:12px;line-height:1.75;color:#aebabc;margin:12px 0 18px}.hero-card-lines{display:grid;gap:8px;border-top:1px solid #ffffff16;padding-top:15px}.hero-card-lines span{font-size:10px;color:#d0d7d8}.article-side-card strong{font-size:21px}
.detail-section{padding:62px 0 76px;background:#f3f4f1}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.detail-surface{min-width:0;background:#fff;border:1px solid #dde2df;border-radius:20px;padding:42px 46px;box-shadow:0 18px 55px #0711160a}.detail-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e7eae8;padding-bottom:18px;margin-bottom:30px}.detail-topline span{font-size:9px;letter-spacing:2.4px;color:var(--orange);font-weight:900}.detail-topline em{font-style:normal;font-size:10px;color:#929b9e}.detail-sidebar{display:grid;gap:14px;position:sticky;top:96px}.sidebar-card{background:#fff;border:1px solid #dde2df;border-radius:16px;padding:23px;box-shadow:0 12px 35px #07111608}.sidebar-card.dark{background:#111b20;border-color:#111b20;color:#fff}.sidebar-card small{display:block;font-size:8px;letter-spacing:2px;color:var(--orange);font-weight:900;margin-bottom:9px}.sidebar-card h3{font-size:18px;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px}.sidebar-card p{font-size:11px;line-height:1.7;color:#6b7578}.sidebar-card.dark p{color:#aeb8bb}.sidebar-card ul{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:10px}.sidebar-card li{font-size:11px;color:#c7d0d2;padding-left:16px;position:relative}.sidebar-card li:before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;left:0;top:6px}.sidebar-card a{display:inline-flex;margin-top:12px;font-size:11px;font-weight:900;color:var(--orange)}
.rich-content{font-size:15px;line-height:1.82;color:#3e494d}.rich-content>h2{font-size:29px;line-height:1.2;letter-spacing:-1.1px;color:#172125;margin:46px 0 15px}.rich-content>h2:first-child{margin-top:0}.rich-content>h3{font-size:21px;line-height:1.25;margin:32px 0 12px;color:#1d282c}.rich-content>p{font-size:14px;line-height:1.85;color:#566165;margin:0 0 19px}.service-lead,.article-intro{position:relative;background:linear-gradient(135deg,#f7f7f3,#f1f4f3);border:1px solid #e0e5e2;border-radius:16px;padding:27px 29px 27px 32px;margin:0 0 38px;overflow:hidden}.service-lead:before,.article-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}.service-lead p,.article-intro p{font-size:16px!important;line-height:1.85!important;color:#354145!important;margin:0!important}.intro-label{display:block;font-size:8px;letter-spacing:2px;font-weight:900;color:var(--orange);margin-bottom:9px}.subsection-label{font-size:8px;letter-spacing:2.2px;color:#899397;font-weight:900;margin:22px 0 11px}
.content-grid{display:grid;gap:16px;margin:30px 0 40px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{min-width:0;border:1px solid #dde2df;border-radius:15px;padding:27px;background:#fff;box-shadow:0 13px 32px #00000007}.content-card.accent-card{background:#fff8f4;border-color:#efd6c9}.content-card .kicker{display:block;margin-bottom:8px}.content-card h2{font-size:21px!important;line-height:1.25!important;letter-spacing:-.55px!important;margin:0 0 11px!important}.content-card p{font-size:13px!important;line-height:1.78!important;margin:0 0 12px!important}.content-card p:last-child{margin-bottom:0!important}.kicker{font-size:8px;letter-spacing:2px;color:var(--orange);font-weight:900}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 40px}.feature-list>div{position:relative;min-width:0;border:1px solid #e0e4e2;border-radius:13px;padding:19px 19px 18px;background:#fafbf9;transition:.2s}.feature-list>div:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 28px #00000008}.feature-list b{display:block;font-size:13px;line-height:1.35;margin-bottom:6px;color:#202a2e}.feature-list span{display:block;font-size:11px;line-height:1.65;color:#747f82}.feature-list p{font-size:11px!important;line-height:1.65!important;color:#747f82!important;margin:7px 0 0!important}.feature-no{font-size:8px!important;letter-spacing:1.3px!important;color:var(--orange)!important;font-weight:900;margin-bottom:8px}.content-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:20px;align-items:start;margin:42px 0}.content-split>div>h2{margin-top:7px!important}.info-panel{background:#111b20;color:#fff;border-radius:15px;padding:25px;position:relative!important;top:auto!important;box-shadow:0 16px 38px #07111616}.info-panel>b{display:block;font-size:14px;margin-bottom:12px}.info-panel ul{margin:0!important;padding:0!important;list-style:none;color:#bdc7c9}.info-panel li{position:relative;margin:10px 0!important;padding-left:16px;font-size:11px}.info-panel li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--orange);border-radius:50%}
.steps{list-style:none!important;padding:0!important;margin:18px 0 42px!important;display:grid;gap:10px}.steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;border:1px solid #e0e4e2;border-radius:14px;padding:17px 19px;background:#fbfcfa;margin:0!important}.steps li>span{width:34px;height:34px;border-radius:50%;background:#111b20;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.steps b{display:block;font-size:13px;line-height:1.5;color:#222c30}.steps p{font-size:11px!important;line-height:1.65!important;color:#788184!important;margin:4px 0 0!important}.article-separator{height:1px;background:#e5e8e6;margin:44px 0}.article-callout{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;align-items:start;background:#edf2f2;border:1px solid #dbe4e3;border-radius:15px;padding:22px 24px;margin:34px 0 4px}.callout-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.article-callout b{display:block;font-size:13px;margin:0 0 5px}.article-callout p{font-size:12px!important;line-height:1.75!important;margin:0!important}.article-author{display:flex;align-items:center;gap:12px;border-top:1px solid #e3e7e5;padding-top:24px;margin-top:42px}.author-mark{width:43px;height:43px;border-radius:50%;background:#111b20;color:#fff;display:grid;place-items:center;font-weight:900}.article-author b,.article-author span{display:block}.article-author b{font-size:12px}.article-author span{font-size:10px;color:#7f898c;margin-top:3px}.notice{background:#fff7f2;border:1px solid #efd1c2;border-radius:12px;padding:17px 19px;margin:22px 0 0;color:#664333;font-size:12px;line-height:1.7}
.premium-faq{margin:50px 0 0;padding-top:38px;border-top:1px solid #e4e7e5}.section-mini span{font-size:8px;letter-spacing:2px;color:var(--orange);font-weight:900}.section-mini h2{font-size:27px;letter-spacing:-.8px;margin:6px 0 18px}.premium-faq .faq-item{border:1px solid #e0e4e2;border-radius:12px;padding:0;background:#fbfcfa;margin:9px 0}.premium-faq summary{cursor:pointer;list-style:none;font-size:13px;font-weight:800;padding:17px 19px}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq .faq-item p{padding:0 19px 17px;margin:0;color:#687377;font-size:12px;line-height:1.7}
.related-section{background:#e9eeed;padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-heading>p{max-width:420px;font-size:12px;line-height:1.7;color:#6f7a7d}.text-link{font-size:11px;color:var(--orange);font-weight:900}.related-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-link-card{display:block;min-height:225px;transition:.2s}.premium-link-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0000000b}.premium-link-card .mini-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff4ef;color:var(--orange);margin-bottom:22px}.premium-link-card h3{font-size:17px;line-height:1.28;margin-bottom:8px}.premium-link-card b{display:inline-block;font-size:11px;color:var(--orange);margin-top:15px}
.premium-blog-index{background:#f3f4f1;padding:72px 0}.blog-heading{align-items:center}.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.premium-post-card{display:flex;flex-direction:column;min-height:300px;padding:25px;border-radius:16px;border:1px solid #dde2df;background:#fff;transition:.2s;box-shadow:0 10px 28px #07111606}.premium-post-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0711160c}.post-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.post-kicker{font-size:8px;letter-spacing:1.8px;color:var(--orange);font-weight:900}.post-dot{width:7px;height:7px;border-radius:50%;background:#dfe4e2}.premium-post-card h2{font-size:18px;line-height:1.32;letter-spacing:-.45px;margin-bottom:11px}.premium-post-card p{font-size:12px;line-height:1.72;color:#748084;flex:1}.premium-post-card .more{font-size:11px;color:var(--orange);font-weight:900;margin-top:22px}.hero-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-stats span{border:1px solid #ffffff1c;border-radius:10px;padding:10px 13px;font-size:9px;color:#aeb9bb}.hero-stats b{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.article-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.article-meta span{font-size:9px;color:#c4ccce;border:1px solid #ffffff18;border-radius:20px;padding:7px 10px}.article-detail .detail-surface{padding-bottom:36px}.article-rich>h2{font-size:28px}.article-rich .article-intro{margin-bottom:40px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.premium-hero-grid{grid-template-columns:1fr;gap:30px}.hero-service-card{max-width:620px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.related-service-grid,.premium-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.premium-hero{padding:56px 0 48px}.premium-hero h1{font-size:39px;letter-spacing:-1.8px}.premium-hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center;margin:0}.detail-section{padding:35px 0 52px}.detail-surface{padding:25px 20px;border-radius:15px}.detail-topline{margin-bottom:24px}.detail-sidebar{grid-template-columns:1fr}.rich-content{font-size:14px}.rich-content>h2{font-size:25px;margin:37px 0 13px}.service-lead,.article-intro{padding:22px 20px 22px 23px}.service-lead p,.article-intro p{font-size:14px!important}.content-grid.two,.feature-list,.content-split,.related-service-grid,.premium-grid,.related-grid{grid-template-columns:1fr}.content-card{padding:21px}.feature-list{gap:9px}.steps li{grid-template-columns:36px 1fr;padding:15px}.steps li>span{width:31px;height:31px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.related-section,.premium-blog-index{padding:52px 0}.premium-post-card{min-height:0}.article-callout{grid-template-columns:34px 1fr;padding:18px}.callout-icon{width:32px;height:32px}.ctabox{border-radius:14px}}
/* =========================================================
   MOBİL MENÜ
   ========================================================= */

.menu-toggle{
    display:none;
    width:44px;
    height:44px;
    border:1px solid #354044;
    border-radius:12px;
    background:#141d21;
    cursor:pointer;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    transition:.2s ease;
}

.menu-toggle:hover{
    border-color:var(--orange);
}

.menu-toggle span{
    display:block;
    width:20px;
    height:2px;
    background:#fff;
    border-radius:5px;
    transition:
        transform .25s ease,
        opacity .2s ease,
        width .2s ease;
}

.menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0;
    width:0;
}

.menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

.mobile-menu{
    display:none;
}

/* TELEFON + TABLET */
@media(max-width:900px){

    .header-wa{
        display:none;
    }

    .menu-toggle{
        display:flex;
        flex-shrink:0;
    }

    .site-header .nav{
        position:relative;
    }

    .mobile-menu{
        display:block;
        position:absolute;
        left:0;
        right:0;
        top:100%;
        background:rgba(11,18,21,.99);
        border-top:1px solid #273135;
        border-bottom:1px solid #273135;
        box-shadow:0 22px 45px rgba(0,0,0,.28);

        max-height:0;
        opacity:0;
        visibility:hidden;
        overflow:hidden;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            visibility .25s ease;
    }

    .mobile-menu.open{
        max-height:650px;
        opacity:1;
        visibility:visible;
    }

    .mobile-menu-inner{
        padding-top:12px;
        padding-bottom:18px;
    }

    .mobile-menu-inner > a:not(.mobile-wa){
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding:15px 4px;

        color:#dce2e3;
        border-bottom:1px solid #263034;

        font-size:14px;
        font-weight:700;

        transition:.2s ease;
    }

    .mobile-menu-inner > a:not(.mobile-wa) span{
        color:var(--orange);
        font-size:18px;
        transition:.2s ease;
    }

    .mobile-menu-inner > a:not(.mobile-wa):hover{
        color:#fff;
        padding-left:8px;
    }

    .mobile-menu-inner > a:not(.mobile-wa):hover span{
        transform:translateX(3px);
    }

    .mobile-wa{
        display:flex;
        align-items:center;
        justify-content:center;

        margin-top:18px;
        padding:14px 20px;

        background:var(--orange);
        color:#fff;

        border-radius:30px;

        font-size:13px;
        font-weight:800;

        transition:.2s ease;
    }

    .mobile-wa:hover{
        transform:translateY(-2px);
    }
}

@media(max-width:600px){

    .menu-toggle{
        width:41px;
        height:41px;
        border-radius:10px;
    }

    .mobile-menu-inner{
        width:calc(100% - 28px);
    }

    .mobile-menu-inner > a:not(.mobile-wa){
        font-size:13px;
        padding:14px 3px;
    }
}