@charset "UTF-8";
/* =========================================================================
   ZT İş Güvenliği — dinamik sayfalarda kullanılan ek bileşenler
   style.css / sayfa.css / urun.css'teki tokenları ve dili kullanır.
   ========================================================================= */

/* --------------------------------------------------- ortak yardımcılar */
.prose--narrow { max-width: 68ch; margin-inline: auto; }

.article__cover {
  margin: 0 0 28px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--muted);
}
.article__cover img { display: block; width: 100%; height: auto; }

.hero__eyebrow { margin-bottom: 10px; }

.split__actions {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.brandrow__copy > .sec-eyebrow { display: block; margin-bottom: 8px; }
.cebar__body { min-width: 0; }
.footer__col--contact { min-width: 0; }

/* --------------------------------------------------- CTA bandı metni */
.ctaband__text {
  color: var(--on-dark);
  max-width: 56ch;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.65;
}
.ctaband--slim { padding-block: clamp(38px, 6vw, 62px); }

/* --------------------------------------------------- teklif formu ekleri */
.quote__row--contact { margin-bottom: 4px; }

/* --------------------------------------------------- sayfalama */
.pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 34px;
}
.pager__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pager__btn,
.pager__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.pager__btn:hover,
.pager__num:hover { border-color: var(--navy-800); }
.pager__num.is-current {
  background: var(--navy-800);
  border-color: var(--navy-800);
  color: #fff;
}
.pager__gap { display: inline-flex; align-items: center; padding: 0 4px; color: var(--ink-3); }

/* --------------------------------------------------- arama kutusu */
.searchbar {
  display: flex;
  gap: 10px;
  max-width: 520px;
  margin: 0 auto 26px;
}
.searchbar .input {
  flex: 1;
  min-width: 0;
  /* .input koyu teklif kutusu için beyaz kenarlıklı tasarlandı;
     açık zeminde görünür bir kenarlık gerekir */
  border-color: var(--line);
  min-height: 48px;
  padding: 11px 14px;
}
.searchbar .input:hover { border-color: #cfd6de; }
@media (max-width: 575.98px) {
  .searchbar { flex-direction: column; }
  .searchbar .btn { width: 100%; }
}

/* --------------------------------------------------- rehber kartı ekleri */
.post__excerpt {
  display: block;
  margin-top: 6px;
  color: var(--ink-2);
  font-size: 14px;
  line-height: 1.6;
}
.post__meta {
  display: block;
  margin-top: 10px;
  color: var(--ink-3);
  font-size: 12.5px;
  letter-spacing: .01em;
}

/* --------------------------------------------------- SSS grupları */
.faq__group {
  margin: 34px 0 14px;
  font-size: clamp(18px, 2.4vw, 22px);
}
.faq__group:first-of-type { margin-top: 0; }
.faq__chev {
  flex: 0 0 auto;
  margin-left: auto;
  transition: transform .2s ease;
}
.faq__item[open] .faq__chev { transform: rotate(180deg); }

/* --------------------------------------------------- marka sayfası */
.brands--page { margin-bottom: 40px; }
.tgrid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: 32px;
}
.testimonial--card {
  margin: 0;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

/* --------------------------------------------------- teşekkür sayfası */
.thanks {
  max-width: 560px;
  margin-inline: auto;
  text-align: center;
  padding: clamp(28px, 5vw, 52px) 0;
}
.thanks__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  margin-bottom: 22px;
  border-radius: 50%;
  background: #e9f7ee;
  color: #12833f;
}
.thanks__icon svg { width: 32px; height: 32px; }
.thanks__title {
  font-family: var(--f-head);
  font-size: clamp(24px, 4vw, 32px);
  letter-spacing: -.02em;
  margin: 0 0 12px;
}
.thanks__text {
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 26px;
}
.thanks__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/* --------------------------------------------------- mobil dokunma alanı */
@media (max-width: 767.98px) {
  /* iletişim kartlarındaki telefon / e-posta / WhatsApp bağlantıları */
  .cinfo__v a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

/* Footer — kurumsal künye ve slogan (Ayarlar > Genel) */
.footer__slogan{
  margin:0 0 8px;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em;
}
.footer__legalinfo{
  margin:6px 0 0;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.55);
}
@media (max-width:767.98px){ .footer__legalinfo{margin-top:4px} }

/* Rehber listesi — başlık bağlantıları mobilde dokunulabilir yükseklikte olsun */
.plink__title a{
  color:inherit;text-decoration:none;
}
.plink__title a:hover,.plink__title a:focus-visible{ color:var(--orange); }
@media (max-width:767.98px){
  .plink__title a{ display:inline-flex;align-items:center;min-height:44px; }
}

/* ===========================================================
   Ana sayfa ürün karuseli
   Kaydırmayı CSS scroll-snap yapar; oklar yalnızca yardımcıdır,
   JavaScript kapalıyken de parmakla/trackpad ile kaydırılabilir.
   =========================================================== */
.pcarousel{ position:relative; }
.pcarousel__track{
  display:flex; gap:12px; margin:0; padding:2px 0 6px; list-style:none;
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  scrollbar-width:none;
}
.pcarousel__track::-webkit-scrollbar{ display:none; }
.pcarousel__track:focus-visible{ outline:2px solid var(--orange); outline-offset:4px; border-radius:12px; }
.pcarousel__slide{
  flex:0 0 calc(50% - 6px); scroll-snap-align:start;
}
.pcarousel__slide .pcard{ height:100%; }

.pcarousel__nav{
  position:absolute; top:38%; z-index:2;
  width:42px; height:42px; border-radius:50%;
  display:none; place-items:center;
  background:#fff; color:var(--navy);
  border:1px solid var(--line); box-shadow:0 10px 24px -12px rgba(10,37,64,.45);
  cursor:pointer; transition:background .15s ease, color .15s ease;
}
.pcarousel__nav:hover{ background:var(--navy); color:#fff; }
.pcarousel__nav svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
.pcarousel__nav--prev{ left:-20px; transform:rotate(90deg); }
.pcarousel__nav--next{ right:-20px; transform:rotate(-90deg); }
.pcarousel__nav[disabled]{ opacity:.35; cursor:default; }
.pcarousel__nav[disabled]:hover{ background:#fff; color:var(--navy); }

@media (min-width:576px){ .pcarousel__slide{ flex-basis:calc(33.333% - 8px); } }
@media (min-width:992px){
  .pcarousel__slide{ flex-basis:calc(25% - 9px); }
  .pcarousel__nav{ display:grid; }
}