/* =====================================================================
   DOUBLE UP — FOOTER
   ---------------------------------------------------------------------
   Modelled on the reference the client supplied: a light cream block with a
   newsletter column and three link columns across the top, a hairline rule,
   one very large brand statement, and two centred lines underneath.

   What carries over from the reference: the cream ground, the near-black type,
   the rule spanning the full width, the newsletter line with a bare arrow, and
   above all the confidence of the oversized wordmark - the block is mostly
   empty on purpose.

   What is Double Up's own: the palette, the wordmark itself (the script
   signature rather than a set line of type), the opening-hours note where the
   reference puts its legal warning, and Turkish throughout.

   The previous dark video footer is gone.
   ===================================================================== */
.du-footer{position:relative;overflow:hidden;
  background:var(--paper);
  color:var(--ink);
  padding:clamp(34px,4.4vw,64px) 0 clamp(20px,2.4vw,32px);
  text-align:left;
  border-top:1px solid rgba(19,19,17,.14)}

.du-f-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;
  padding:0 clamp(20px,4vw,56px)}

/* ------------------------------------------------------------ ust blok --
   Newsletter left, links right. On a narrow screen they stack and the links
   stay three even columns, which is what the reference does. */
/* everything in the top block is centred: the mascot, then the links beneath it
   as one block, with each column centred inside its own track */
.du-f-top{display:flex;flex-direction:column;align-items:center;
  gap:clamp(26px,3.4vw,46px)}

.du-f-title{font-family:var(--font-display);
  letter-spacing:-.02em;line-height:1.05;
  font-size:clamp(1.15rem,1.7vw,1.5rem);margin:0 0 1.1em}

/* the email field is a line with an arrow, not a padded input: that is the
   reference's move and it keeps the block light */
.du-f-form{display:flex;align-items:center;gap:10px;
  border-bottom:1px solid rgba(19,19,17,.4);
  max-width:420px;padding-bottom:.5em}
.du-f-form input{flex:1 1 auto;min-width:0;border:0;background:none;
  font-family:var(--font-body);font-size:.95rem;color:var(--ink);
  padding:.35em 0;outline:none}
.du-f-form input::placeholder{color:rgba(19,19,17,.42)}
.du-f-form button{flex:none;border:0;background:none;cursor:pointer;
  color:var(--ink);padding:.3em;line-height:1;
  transition:transform .25s cubic-bezier(.165,.84,.44,1)}
.du-f-form button:hover{transform:translateX(4px)}
.du-f-form button svg{width:22px;height:22px;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.du-f-form:focus-within{border-color:var(--ink)}

/* the little script mark under the newsletter, echoing the reference's
   illustration sitting in the same spot */
/* the reference's own stamp, used as supplied: width 452, height 291 */
.du-f-sig{display:block;width:clamp(132px,14vw,196px);height:auto;margin:0}

/* fixed tracks so the three columns are the same width and the whole group sits
   centred; without a width the grid stretched to the footer and the items read
   as left-aligned */
.du-f-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,28px);width:100%;max-width:680px;justify-items:center}
.du-f-links ul{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:center}
.du-f-links a{display:inline-flex;align-items:center;min-height:34px;
  font-family:var(--font-body);font-size:clamp(.86rem,1vw,.95rem);
  color:rgba(19,19,17,.72);text-decoration:none;
  transition:color .22s,transform .22s cubic-bezier(.165,.84,.44,1)}
.du-f-links a:hover{color:var(--ink)}

/* --------------------------------------------------------------- cizgi -- */
.du-f-rule{height:1px;background:rgba(19,19,17,.85);
  margin:clamp(28px,3.6vw,54px) 0 clamp(18px,2.4vw,34px)}

/* ------------------------------------------------------- buyuk amblem --
   The statement. It is the script signature rather than a line of type, so it
   is an image; width is the only size control that matters. */
.du-f-statement{display:block;margin:0 auto;
  width:min(74vw,660px);height:auto}

/* ------------------------------------------------------------ ® isareti --
   Isaret eskiden kelime markasinin PNG'sinin icine gomuluydu; buyutuldugunde
   pikselli gorunuyordu. Gorselden temizlendi ve yerine gercek bir tipografik
   isaret kondu - her olcekte keskin kaliyor. Konum, isaretin gorseldeki eski
   yerinden hesaplandi: 667x274'luk resimde (642,53), yani sagdan %4,
   yukaridan %19. */
.du-f-statement-wrap{position:relative;display:block;
  width:min(74vw,660px);margin:0 auto}
.du-f-statement-wrap .du-f-statement{width:100%;margin:0}
.du-f-reg{position:absolute;top:6%;right:0.5%;
  font-family:var(--font-body);font-weight:700;
  font-size:clamp(18px,2.6vw,34px);line-height:1;
  color:var(--ink);pointer-events:none;user-select:none}
@media (max-width:560px){ .du-f-reg{top:4%;right:0;font-size:clamp(15px,4.4vw,22px)} }

/* --------------------------------------------------------- alt satirlar -- */
.du-f-note{font-family:var(--font-body);font-size:clamp(.8rem,.95vw,.9rem);
  color:rgba(19,19,17,.62);text-align:center;
  margin:clamp(20px,2.6vw,36px) 0 .5em}
.du-f-copy{font-family:var(--font-body);font-size:clamp(.72rem,.85vw,.8rem);
  color:rgba(19,19,17,.5);text-align:center;margin:0}
.du-f-copy a{color:inherit;text-decoration:none;
  border-bottom:1px solid rgba(19,19,17,.25);transition:border-color .25s,color .25s}
.du-f-copy a:hover{color:var(--ink);border-color:var(--ink)}
/* the credit sits on its own line at the very bottom, centred, with the logo in
   ink: the original white wordmark had nothing to show against this ground */
.du-f-credit{display:flex;align-items:center;justify-content:center;gap:7px;
  margin:.7em 0 0;font-family:var(--font-body);
  font-size:clamp(.72rem,.85vw,.8rem);color:rgba(19,19,17,.62)}
.du-f-credit .onlyfive{display:inline-block;height:14px;width:auto}

/* Onlyfive wordmarku baglanti: tiklaninca ajansin sitesine gidiyor. Alt cizgi
   yok - logo zaten bir kelime markasi, cizgi gorseli bozuyor. */
.du-f-credit-link{display:inline-flex;align-items:center;
  text-decoration:none;color:inherit;
  transition:opacity .2s ease}
.du-f-credit-link:hover,.du-f-credit-link:focus-visible{opacity:.7}
.du-f-credit-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}

@media (max-width:900px){
  .du-f-top{gap:clamp(22px,4vw,34px)}
}
@media (max-width:560px){
  .du-f-links{gap:12px}
  .du-f-links a{min-height:38px;font-size:.82rem}
  .du-f-statement{width:min(84vw,420px)}
  /* the sticky order bar sits over the last ~84px of every page */
  .du-footer{padding-bottom:calc(clamp(20px,2.4vw,32px) + 84px)}
}

/* ---- onlyfive buyut ---- */
.du-f-credit{font-size:clamp(15px,1.5vw,17px)!important;
  letter-spacing:.03em!important;margin-top:6px}
.du-f-credit a,.du-f-credit img{font-size:1em!important}
/* ONLYFIVE logosu yazi ile ayni yukseklikte olsun */
.du-f-credit .onlyfive,.du-f-credit img.onlyfive{
  height:1.15em!important;width:auto!important;display:inline-block!important;
  vertical-align:-0.24em!important;margin-left:2px}
/* hero arka plani masaustunde daha buyuk: SADECE genislik,
   transform'a DOKUNULMUYOR (nesneler konumlarini transform ile aliyor) */
/* hero arka plani: EKRANA SIGACAK sekilde yukseklikle sinirla.
   Genislikle sinirlayinca kare gorsel ekrandan tasiyordu. */
@media (min-width:761px){
  #hero .scene-lime{height:min(760px,86vh)!important;width:auto!important}}
@media (min-width:1500px){
  #hero .scene-lime{height:min(820px,88vh)!important}}
@media (max-width:560px){.du-f-credit{font-size:14px!important}
  .du-f-credit .onlyfive{height:1.15em!important}}