/* Key1 içerik sayfaları — about.html yapısı (page-header + about-section) */
.about-section{padding:1rem 0 2.5rem;color:#7b858a;font-size:1.5rem;line-height:1.8}
.about-section .subtitle{margin-bottom:1.7rem}
.about-section p{margin-bottom:2rem;font-weight:400;font-size:14px;line-height:24px}
.about-section .lead{font-family:Poppins,sans-serif;color:#21293c;font-size:1.8rem;line-height:1.5;font-weight:400}
.page-header-bg{padding:8.3rem 0 8.7rem}
.page-header-bg h1{color:#1e3636;font-size:3.6rem;font-weight:900;margin-bottom:2.4rem;letter-spacing:0}
.page-header-bg h1 span{display:block;color:#1e3636;font-size:11px;font-weight:normal;line-height:1.2;font-family:Poppins,sans-serif;letter-spacing:0}
.page-header-bg .btn{padding:11px 29px;font-family:Oswald,sans-serif;font-weight:inherit;font-size:inherit;letter-spacing:0;z-index:3}
.features-section{padding:5.1rem 0 2rem}
.features-section .subtitle{margin-bottom:1.7rem}
.features-section h3{font-family:Poppins,sans-serif}
.features-section .feature-box{padding:3rem 4rem}
.counters-section{padding:5rem 0 2.4rem}
.testimonials-section{padding:5.1rem 0 7rem}
.testimonials-section .subtitle{margin-bottom:5.2rem}
.subtitle{color:#21293c;font-size:1.9rem}
.count-container{margin-bottom:4rem}
.count-container .count-wrapper{color:#0087cb;font-size:3.2rem;font-weight:800;line-height:3.2rem;font-family:"Open Sans",sans-serif}
.count-container span:not(.count-to){font-size:1.9rem}
.count-container .count-title{color:#7b858a;font-size:1.4rem;font-weight:600}

/* TicaretKEY içerik kabuğu */
.tk-content-page .page-header.page-header-bg{
  background-color:#f4f4f4;
  background-position:50%;
  background-size:cover;
  position:relative;
}
.tk-content-page .page-header.page-header-bg.page-header-bg--plain{
  padding:4rem 0 3.5rem;
}
.tk-content-page .breadcrumb-nav{
  margin:1.6rem 0 0;
  padding:0;
}
.tk-content-page .breadcrumb{
  margin:0;
  padding:0;
  background:transparent;
  font-size:1.3rem;
}
.tk-content-page .breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  color:#999;
  padding:0 .6rem;
}
.tk-content-page .breadcrumb-item a{color:#08c;text-decoration:none}
.tk-content-page .breadcrumb-item.active{color:#777}
.tk-content-page .about-section .tk-content-body{
  color:#7b858a;
  font-size:1.5rem;
  line-height:1.8;
}
.tk-content-page .about-section .tk-content-body :is(h2,h3,h4){
  color:#21293c;
  font-family:Poppins,sans-serif;
  margin:2rem 0 1rem;
}
.tk-content-page .about-section .tk-content-body p{margin-bottom:1.6rem}
.tk-content-page .about-section .tk-content-body img{
  max-width:100%;
  height:auto;
  margin:1.5rem 0;
}
.tk-content-page .about-section .tk-content-body a{color:var(--key-primary,#08c)}
.tk-content-page .tk-content-empty,
.tk-content-page .tk-content-loading{
  padding:6rem 0;
  text-align:center;
  color:#777;
}
.tk-content-page .tk-faq details{
  border:1px solid #e7e7e7;
  background:#fff;
  margin-bottom:1rem;
  padding:1.4rem 1.8rem;
}
.tk-content-page .tk-faq summary{
  cursor:pointer;
  list-style:none;
  font-weight:600;
  color:#222529;
  font-size:1.5rem;
  font-family:Poppins,sans-serif;
}
.tk-content-page .tk-faq summary::-webkit-details-marker{display:none}
.tk-content-page .tk-faq .tk-faq__answer{
  margin-top:1rem;
  color:#7b858a;
  font-size:1.4rem;
  line-height:1.7;
  white-space:pre-wrap;
}
.tk-content-page .tk-blog-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:1fr;
}
@media (min-width:576px){
  .tk-content-page .tk-blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:992px){
  .tk-content-page .tk-blog-grid{grid-template-columns:repeat(3,1fr)}
}
.tk-content-page .tk-blog-card{
  display:block;
  text-decoration:none;
  color:inherit;
  border:1px solid #e7e7e7;
  background:#fff;
  transition:box-shadow .15s;
}
.tk-content-page .tk-blog-card:hover{
  box-shadow:0 4px 18px rgba(0,0,0,.08);
  text-decoration:none;
  color:inherit;
}
.tk-content-page .tk-blog-card__media{
  aspect-ratio:16/10;
  background:#f0f0f0;
  background-size:cover;
  background-position:center;
}
.tk-content-page .tk-blog-card__body{padding:1.6rem 1.8rem 2rem}
.tk-content-page .tk-blog-card__meta{font-size:1.2rem;color:#999;margin-bottom:.6rem}
.tk-content-page .tk-blog-card__title{
  margin:0 0 .8rem;
  font-size:1.6rem;
  font-family:Poppins,sans-serif;
  font-weight:600;
  color:#222529;
}
.tk-content-page .tk-blog-card__excerpt{margin:0;font-size:1.3rem;color:#7b858a;line-height:1.6}
.tk-content-page .tk-sections-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:1fr;
  margin-top:1rem;
}
@media (min-width:768px){
  .tk-content-page .tk-sections-grid{grid-template-columns:repeat(2,1fr)}
}
.tk-content-page .tk-section-card{
  border:1px solid #e7e7e7;
  background:#fff;
  overflow:hidden;
}
.tk-content-page .tk-section-card img{width:100%;height:180px;object-fit:cover;display:block}
.tk-content-page .tk-section-card__body{padding:1.6rem 1.8rem}
.tk-content-page .tk-section-card h3{
  margin:0 0 .8rem;
  font-size:1.6rem;
  font-family:Poppins,sans-serif;
  color:#222529;
}
.tk-content-page .tk-section-card p{margin:0;font-size:1.3rem;color:#7b858a;white-space:pre-wrap}
@media (max-width:767px){
  .page-header-bg{padding:4.5rem 0}
  .page-header-bg h1{font-size:2.4rem;margin-bottom:1.4rem}
}

/* CMS form select — metin alanıyla aynı kutu (Key1 select görünümünü sıfırlar) */
.tk-cms-form select.form-select{
  display:block;
  width:100%;
  height:46px;
  margin:0;
  padding:0 3.2rem 0 1.2rem;
  border:1px solid #dfdfdf;
  border-radius:0;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1.2rem center;
  background-size:12px 8px;
  color:#777;
  font-family:"Open Sans",sans-serif;
  font-size:1.2rem;
  font-weight:400;
  line-height:1.5;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.tk-cms-form select.form-select:focus{
  border-color:#dfdfdf;
  background-color:#fff;
  color:#777;
  outline:none;
  box-shadow:none;
}
.tk-cms-form select.form-select:disabled{
  background-color:#f5f5f5;
  color:#999;
}
