/* Homepage spacing pass: keep content, hero, navigation and links intact. */
@media (min-width: 851px) {
  #kurumsal.section { padding-block: 80px; }
  #urunler.section { padding-block: 85px; }
  #kullanim-alanlari.section { padding-block: 75px; }
  #neden-biz.section { padding-block: 80px; }
  #tedarik.section { padding-block: 70px; }
  #galeri.section { padding-block: 75px; }
  #sss.section { padding-block: 75px; }

  #kurumsal .about-layout {
    grid-template-columns: minmax(0, .48fr) minmax(0, .52fr);
    gap: 50px;
    align-items: start;
  }
  #kurumsal .about-image { height: 600px; margin-top: 0; }
  #kurumsal .about-image img { object-position: 52% center; }
  #kurumsal .about-copy h2 {
    font-size: clamp(38px, 3.15vw, 42px);
    line-height: 1.19;
  }
  #kurumsal .about-copy .lead { margin-top: 18px; }
  #kurumsal .about-copy .feature-pair { margin-top: 25px; padding-top: 23px; }
  #kurumsal .about-copy .feature-pair h3 { margin-top: 7px; }
  .section-heading { margin-bottom: 32px; }

  /* Prevent needlessly tall three-step cards. */
  #tedarik .process-step { min-height: 242px; padding: 29px; }
  #tedarik .step-symbol { margin: 20px 0 18px; }
}

/* Better legibility and consistent action alignment in product cards. */
#urunler .product-info { display: flex; flex-direction: column; }
#urunler .product-info .product-actions { margin-top: auto; }
#urunler .product-info .product-actions > a {
  font-size: 12px;
  line-height: 1.4;
  min-height: 43px;
  white-space: normal;
}
#urunler .product-info .product-actions > a.product-quote {
  background: #009eaa;
  border-color: #009eaa;
  color: #fff;
}
#urunler .product-info .product-actions > a.product-quote:hover {
  background: #087e8a;
  border-color: #087e8a;
}

/* Archive gallery: consistent photographic treatment without modifying photos. */
#galeri .gallery-item { border-radius: 3px; background: #173b4b; }
#galeri .gallery-item img {
  filter: saturate(.98) contrast(1.055);
  object-position: center;
}
#galeri .gallery-item::after {
  background: linear-gradient(0deg, rgba(3,25,40,.78) 0%, transparent 43%);
}
#galeri .gallery-item span {
  font-size: 12px;
  letter-spacing: 1.15px;
  text-shadow: 0 1px 7px rgba(0,0,0,.35);
}

/* FAQ: clear interactive affordance with restrained brand color. */
#sss .section-heading,
#sss .faq-list {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
#sss .section-heading {
  align-items: flex-start;
  margin-bottom: 34px;
}
#sss .section-heading h2 {
  font-size: clamp(36px, 3.2vw, 44px);
  line-height: 1.2;
  letter-spacing: -1.35px;
}
#sss .section-heading p { max-width: 900px; }
#sss .faq-list details {
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#sss .faq-list details:hover {
  border-color: #8ed7d7;
  box-shadow: 0 7px 20px rgba(6,48,62,.055);
}
#sss .faq-list details:focus-within {
  border-color: #00aab2;
  box-shadow: 0 0 0 3px rgba(0,170,178,.12);
}
#sss .faq-list summary { padding-block: 19px; line-height: 1.5; }
#sss .faq-list summary::after { top: 15px; }

/* Quote card: improve form readability without changing input semantics. */
#iletisim.contact-section { padding-block: 85px; }
#iletisim .contact-layout { gap: clamp(35px, 5vw, 70px); }
#iletisim .quote-form { padding: 36px; }
#iletisim .quote-form > p { font-size: 13px; }
#iletisim .fields label { font-size: 12px; }
#iletisim .fields input,
#iletisim .fields select,
#iletisim .fields textarea { font-size: 14px; }
#iletisim .quote-form > small { font-size: 12px; }
#iletisim .contact-method span { font-size: 11px; }
#iletisim .contact-method a { font-size: 15px; }

/* Keep every original square product photograph fully visible, edge-to-edge. */
#urunler .product-card { overflow: hidden; }
#urunler .product-image {
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #eaf0f2;
}
#urunler .product-image img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: normal;
}
#urunler .product-no { top: 18px; left: 18px; max-width: calc(100% - 36px); }

@media (min-width: 851px) {
  #galeri.section { padding-bottom: 55px; }
  #sss.section { padding-top: 55px; }
}

@media (min-width: 541px) and (max-width: 850px) {
  main > .section { padding-block: 65px; }
  #kurumsal .about-layout { gap: 36px; }
  #kurumsal .about-image { height: 340px; margin-top: 0; }
  .section-heading { margin-bottom: 30px; }
  #tedarik .process-step { min-height: 235px; }
  #sss .section-heading h2 { font-size: clamp(32px, 4.6vw, 39px); }
}

@media (max-width: 540px) {
  main > .section { padding-block: 54px; }
  #kurumsal .about-layout { gap: 28px; }
  #kurumsal .about-image { height: 300px; }
  .section-heading { margin-bottom: 26px; }
  .feature-pair { margin-top: 26px; padding-top: 24px; }
  #tedarik .process-step { min-height: 0; }
  #galeri .gallery-item span { font-size: 11px; }
  #sss .faq-list summary { padding-block: 17px; }
  #sss .faq-list summary::after { top: 13px; }
  #sss .section-heading { margin-bottom: 26px; }
  #sss .section-heading h2 { font-size: clamp(28px, 7.5vw, 34px); letter-spacing: -.85px; }
  #iletisim.contact-section { padding-block: 60px; }
  #iletisim .quote-form { padding: 22px; }
}