/* Doldurma katmani: Rakamlar + Poster Eslestir bolumu, Hakkinda ve Iletisim bos alanlari.
   Dil: kirmizi / siyah / beyaz, sert golge, hafif egik kartlar. Metinler fill.js'de (TR / EN / FR). */
.p6{width:100vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-inline:var(--gut)}
.p6__stats{display:grid;gap:clamp(14px,2.4vh,26px);min-width:0;align-content:center}
.p6 h2{font-size:clamp(56px,9vw,132px);line-height:1}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.stat{--r:-2deg;position:relative;display:grid;align-content:space-between;gap:6px;padding:clamp(10px,1.6vh,16px) 16px;min-height:clamp(96px,17vh,150px);border:2px solid #080808;background:#fff;box-shadow:6px 6px 0 #080808;transform:rotate(var(--r));transition:transform .25s var(--ease),box-shadow .25s}
.stat:nth-child(2){--r:1.5deg}.stat:nth-child(3){--r:-1deg}.stat:nth-child(4){--r:2deg}.stat:nth-child(5){--r:-1.5deg}.stat:nth-child(6){--r:1deg}
.stat:hover{transform:rotate(0) translateY(-4px);box-shadow:9px 11px 0 #ed171f}
.stat b{font-weight:800;font-stretch:66%;font-size:clamp(46px,8.4vh,88px);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat span{font-weight:800;font-stretch:80%;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.stat--red{background:#ed171f;color:#fff}.stat--black{background:#080808;color:#fff;box-shadow:6px 6px 0 #ed171f}
.stat--black:hover{box-shadow:9px 11px 0 #ed171f}.stat--red:hover{box-shadow:9px 11px 0 #080808}
.cities{overflow:hidden;background:#080808;color:#fff;transform:rotate(-1.2deg);margin-inline:-8px;border-block:2px solid #080808}
.cities__track{display:flex;width:max-content;animation:cities 26s linear infinite}
.cities__track span{display:flex;align-items:center;flex:none;padding:12px 0;font-weight:800;font-stretch:66%;font-size:clamp(20px,3.4vh,32px);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}
.cities__track span::after{content:'✱';color:#ed171f;padding-inline:.9em;font-stretch:100%}
@keyframes cities{to{transform:translateX(-50%)}}

/* Poster Eslestir */
.memo{display:grid;gap:12px;min-width:0;justify-items:center}
.memo__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid #080808;background:#fff;padding:9px 14px;transform:rotate(.8deg);box-shadow:5px 5px 0 #080808}
.memo__head h3{font-weight:800;font-stretch:66%;font-size:clamp(20px,3.4vh,30px);letter-spacing:-.02em;text-transform:uppercase;line-height:1}
.memo__meta{display:flex;align-items:center;gap:14px;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.memo__meta b{color:#ed171f}
.memo__reset{border:0;background:#ed171f;color:#fff;padding:8px 14px;font:800 11px Archivo,Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.memo__reset:hover{background:#080808}
.memo__board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,14px);width:min(100%,calc((100vh - 330px) * 4 / 3));min-width:280px;perspective:900px}
.memo__card{position:relative;padding:0;border:0;background:none;aspect-ratio:1;cursor:pointer;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.memo__card.is-up{transform:rotateY(180deg)}
.memo__card:disabled{cursor:default}
.memo__face,.memo__back{position:absolute;inset:0;border:2px solid #080808;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.memo__back{display:grid;place-items:center;background:#ed171f;color:#fff;font-weight:800;font-stretch:66%;font-size:clamp(20px,4.4vh,40px);letter-spacing:-.02em;box-shadow:4px 4px 0 #080808}
.memo__back::before{content:'';position:absolute;inset:7px;border:1.5px dashed #ffffffaa}
.memo__card:hover .memo__back{background:#080808}
.memo__face{transform:rotateY(180deg);background:#080808}
.memo__face img{width:100%;height:100%;object-fit:cover}
.memo__face span{position:absolute;left:0;right:0;bottom:0;padding:16px 6px 5px;background:linear-gradient(transparent,#000d);color:#fff;font-weight:800;font-size:clamp(10px,1.2vw,13px);text-transform:uppercase;text-align:left;line-height:1.1}
.memo__card.is-done .memo__face{outline:3px solid #ed171f;outline-offset:-3px}
.memo__win{position:absolute;inset:0;z-index:4;display:none;place-content:center;justify-items:center;gap:10px;background:#ed171f;color:#fff;text-align:center;padding:16px}
.memo__win.is-on{display:grid;animation:pop .5s var(--ease) both}
.memo__win b{font-weight:800;font-stretch:66%;font-size:clamp(40px,8vh,84px);line-height:.9;text-transform:uppercase;letter-spacing:-.03em}
.memo__win p{font-weight:700;font-size:14px}
.memo__win .memo__reset{background:#080808;padding:10px 18px}.memo__win .memo__reset:hover{background:#fff;color:#080808}
.memo__note{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}
.memo__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* Hakkinda: fotografin uzerine cikartmalar */
.p4__photo .photo-tape{position:absolute;left:-6px;bottom:22px;z-index:2;background:#ed171f;color:#fff;padding:9px 22px;border:2px solid #080808;font-weight:800;font-stretch:66%;font-size:clamp(20px,3.2vh,30px);letter-spacing:-.01em;text-transform:uppercase;transform:rotate(-6deg);box-shadow:4px 4px 0 #080808}
.spin{position:absolute;z-index:2;width:clamp(96px,15vh,134px);aspect-ratio:1;border-radius:50%;background:#fff;border:2px solid #080808;box-shadow:4px 4px 0 #080808;display:grid;place-items:center}
.spin svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}
.spin text{font:800 11.5px Archivo,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;fill:#080808}
.spin i{position:relative;font-style:normal;color:#ed171f;font-size:clamp(22px,4vh,34px)}
.spin--red{background:#ed171f}.spin--red text{fill:#fff}.spin--red i{color:#fff}
.p4__photo .spin{top:14px;right:14px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Iletisim: sag tarafa saatler + donen rozet */
.contact-side{position:absolute;right:clamp(24px,5vw,90px);top:50%;transform:translateY(-52%);display:grid;gap:18px;justify-items:start;z-index:2}
.contact-side .spin{position:relative;justify-self:end;margin-right:24px}
.clock{display:grid;gap:2px;padding:12px 20px;border:2px solid #080808;background:#fff;box-shadow:5px 5px 0 #080808;transform:rotate(-3deg)}
.clock:nth-of-type(2){transform:rotate(2.5deg);background:#080808;color:#fff;box-shadow:5px 5px 0 #ed171f;margin-left:34px}
.clock small{font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ed171f}
.clock b{font-weight:800;font-stretch:66%;font-size:clamp(40px,7vh,68px);line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.clock span{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}

@media(min-width:1000px) and (max-height:760px){.stat{min-height:86px}.stat b{font-size:44px}.memo__board{width:min(100%,calc((100vh - 270px) * 4 / 3))}.contact-side .spin{width:88px}.clock b{font-size:38px}}
@media(max-width:1180px) and (min-width:1000px){.contact-side{right:20px}.clock b{font-size:44px}}
@media(max-width:999px){
 .p6{display:flex;flex-direction:column;align-items:stretch}
 .p6 h2{font-size:clamp(3.4rem,19vw,9rem)}
 .stat{min-height:96px}.stat b{font-size:clamp(40px,12vw,64px)}
 .memo__board{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
 .memo__head{flex-wrap:wrap}
 .contact-side{position:relative;right:auto;top:auto;transform:none;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
 .contact-side .spin{margin:0;order:3}
 .clock:nth-of-type(2){margin-left:0}
 .p4__photo .spin{width:90px}
}
@media(max-width:420px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.cities__track,.spin svg{animation:none}.memo__card,.stat{transition:none}.memo__win.is-on{animation:none}}