/* 2026-09-29: one aligned footer replaces incomplete legal links on Form pages.
   All institution links identify information sources, never certification. */
.form-footer {
  --footer-kenar: clamp(24px, 4vw, 72px);
  display: block;
  position: relative;
  padding: 32px var(--footer-kenar) 22px;
  background: #eeece8;
  color: #454953;
  border-top: 1px solid #c7c8c3;
  font:
    12px/1.6 FormBody,
    Arial,
    sans-serif;
}
.form-footer *,
.form-footer *::before,
.form-footer *::after {
  box-sizing: border-box;
}
.form-footer__inner {
  max-width: 1440px;
  margin: 0 auto;
}
/* 18.10.2026 (operator, after React Bits' "Social Proof 9": "uber dem footer bauen und unsere marken anzeigen ... in
   schwarz weiss"): the technology we use, in two rows running opposite ways across the whole width, black and white,
   without links (no partnership is claimed). Each row holds its list twice, so it runs on without a seam; it rests
   under the pointer. Without motion the rows stand still, wrapped, once.
   20.10.2026 (operator: "ein shoppanel mit dem roboter app icon daneben ... sichtbar ... zur shoppanel landing page"):
   ShopPanel's robot sits on its own surface, so the rows show it grey rather than as a black block; under the rows our
   own product stands still, in colour, as the band's one link. */
.form-teknoloji {
  margin: -8px calc(-1 * var(--footer-kenar)) 30px;
  padding-bottom: 26px;
  border-bottom: 1px solid #c7c8c3;
}
.form-teknoloji h2 {
  margin: 0 var(--footer-kenar) 18px;
  font:
    600 11px/1.4 FormBody,
    Arial,
    sans-serif;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
  color: #454953;
}
.form-teknoloji__serit {
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.form-teknoloji__serit + .form-teknoloji__serit {
  margin-top: 16px;
}
/* A list is at least as wide as the row, or a wide screen saw a gap before the round began again; spare room goes
   evenly between the names, the seam between the two copies keeps the same space. */
.form-teknoloji__liste {
  display: flex;
  flex: none;
  justify-content: space-around;
  align-items: center;
  gap: 52px;
  min-width: 100%;
  margin: 0;
  padding: 0 26px;
  list-style: none;
  animation: form-teknoloji 180s linear infinite;
}
/* Operator 18.10.2026: "viel langsamer ... und das untere band dann nochmal langsamer als das obere". */
.form-teknoloji__serit--ters .form-teknoloji__liste {
  animation-duration: 270s;
  animation-direction: reverse;
}
.form-teknoloji__serit:hover .form-teknoloji__liste {
  animation-play-state: paused;
}
.form-teknoloji li {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  font:
    600 17px/1 FormBody,
    Arial,
    sans-serif;
  color: #3b3f49;
  opacity: 0.62;
}
.form-teknoloji img {
  display: block;
  width: auto;
  height: 22px;
  filter: brightness(0);
}
.form-teknoloji img.form-teknoloji__alanli {
  filter: grayscale(1);
}
.form-teknoloji__rozet {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 24px auto 0;
  font:
    600 13px/1.3 FormBody,
    Arial,
    sans-serif;
}
.form-teknoloji__rozet img {
  height: 28px;
  filter: none;
}
@keyframes form-teknoloji {
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-teknoloji__serit {
    mask-image: none;
  }
  .form-teknoloji__liste {
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 16px;
    padding: 0 var(--footer-kenar);
    animation: none;
  }
  .form-teknoloji__liste[aria-hidden='true'] {
    display: none;
  }
}
.form-footer a {
  color: inherit;
  text-decoration: none;
  padding: 0;
}
.form-footer a:hover {
  color: #284d72;
}
.form-footer a:focus-visible {
  outline: 2px solid #386080;
  outline-offset: 4px;
}
.form-footer__top {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(240px, 1fr) minmax(340px, 1fr);
  align-items: center;
  gap: 24px;
  padding-bottom: 22px;
}
.form-footer__brand {
  width: 190px;
  height: 56px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.form-footer__brand img {
  display: block;
  width: 190px;
  height: auto;
  flex: 0 0 190px;
}
.form-footer__payment {
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.form-footer__label {
  font-size: 11px;
  letter-spacing: 0.03em;
}
.form-footer__cards {
  display: flex;
  gap: 8px;
  align-items: center;
}
.form-footer__cards > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 30px;
  border: 1px solid #d2d3cf;
  border-radius: 3px;
  background: #f8f7f3;
}
.form-footer__cards img {
  display: block;
  width: 36px;
  height: 22px;
  object-fit: contain;
}
/* Payment badges as in the EkstreX footer. */
.form-footer__badges {
  display: flex;
  gap: 6px;
  align-items: center;
}
.form-footer__badges > span {
  padding: 4px 8px;
  border: 1px solid #d2d3cf;
  border-radius: 3px;
  background: #f8f7f3;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.form-footer__institutions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}
.form-footer__kvkk,
.form-footer__etbis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
}
.form-footer__kvkk img {
  display: block;
  width: 130px;
  height: 48px;
  object-fit: contain;
}
.form-footer__etbis img {
  display: block;
  width: 168px;
  height: 70px;
  object-fit: contain;
}
.form-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 20px;
  margin: 0;
  padding: 4px 0;
  border-top: 1px solid #d6d6d0;
  border-bottom: 1px solid #d6d6d0;
}
.form-footer__links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 12px;
}
/* FORM-31 (27.10.2026), the legal ground of this block: every sales offer names seller and manufacturer with postal and
   e-mail address (Uzaktan İletişim Araçları Yoluyla Piyasaya Arz Edilen Ürünlerin Piyasa Gözetimi ve Denetimi
   Yönetmeliği, RG 30.10.2024/32707, md. 6/1-a). The ministry's Uygulama Rehberi lets them stand off the offer itself when
   they are easily reached ("doğrudan yer almalı veya kolayca erişilebilir olmalıdır"); this footer ends every page. Until
   16.10.2026 a collapsible field under each purchase box held them (operator: "steht doch alles im footer"). */
.form-footer__identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 18px;
  padding-top: 10px;
  font-size: 10px;
  letter-spacing: 0.01em;
}
.form-footer__identity > span,
.form-footer__identity > a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
/* 2026-09-29: only real footer links need touch height; detected number links displaced VKN. */
.form-footer__identity > a {
  min-height: 44px;
}
.form-footer__parent {
  gap: 12px;
}
.form-footer__parent img {
  display: block;
  width: 88px;
  height: auto;
}
.form-footer__parent span {
  font-size: 10px;
}
@media (max-width: 980px) {
  .form-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .form-footer__brand {
    grid-column: 1 / -1;
    justify-self: center;
  }
  .form-footer__payment {
    justify-self: center;
  }
  .form-footer__institutions {
    justify-content: center;
  }
  .form-footer__links,
  .form-footer__identity {
    justify-content: center;
  }
}
@media (max-width: 580px) {
  .form-footer__institutions {
    gap: 12px;
  }
  .form-footer__kvkk img {
    width: 112px;
    height: 42px;
  }
  .form-footer__etbis img {
    width: 152px;
    height: 64px;
  }
  /* The side margin as a value of its own: the technology band reaches as far out (Codex 18.10.2026: with 20 px here
     and 24 px in the band it stood 4 px past the film page's edge). */
  .form-footer {
    --footer-kenar: 20px;
    padding: 28px var(--footer-kenar) 20px;
  }
  .form-footer__top {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .form-footer__brand {
    grid-column: auto;
  }
  .form-footer__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    padding: 12px 0;
  }
  .form-footer__links a {
    justify-content: center;
    text-align: center;
  }
  .form-footer__identity {
    gap: 0 12px;
    text-align: center;
    overflow-wrap: anywhere;
  }
  .form-footer__identity > span {
    /* Keep detected inline links on the text baseline, including the space after VKN. */
    display: block;
    line-height: 36px;
    white-space: nowrap;
  }
  /* The full address (16.10.2026, in place of the products' seller box) is wider than a narrow phone (Opus 16.10.2026). */
  .form-footer__identity > .form-footer__adres {
    line-height: 1.5;
    padding: 8px 0;
    white-space: normal;
  }
  .form-footer__parent {
    width: 100%;
    justify-content: center;
  }
}

/* 07.11.2026: the footer stays off paper; the documents name the seller in their own first section. The print rule
   lived in legal.css, which loads before this file, so the display above won it in every order document. */
@media print {
  .form-footer {
    display: none;
  }
}