/* ===== Ana sayfa: tam ekran makro bölümler (Rolex), düzenli ürün şeridi (Tek Saat) ===== */
body.home{background:var(--deep);overflow-x:hidden}
body.home.loading{overflow:hidden}
html{scroll-snap-type:y proximity}

/* yükleme */
.loader{position:fixed;inset:0;z-index:100;background:var(--deep);display:grid;place-items:center;color:var(--accent);transition:opacity .8s .1s,visibility .8s .1s}
.loader svg{width:92px;height:92px}
.loader svg *{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.3s cubic-bezier(.6,0,.2,1) forwards}
.loader svg *:nth-child(2){animation-delay:.15s}.loader svg *:nth-child(3){animation-delay:.3s}.loader svg *:nth-child(4){animation-delay:.45s}
@keyframes draw{to{stroke-dashoffset:0}}
body:not(.loading) .loader{opacity:0;visibility:hidden}

/* tam ekran bölüm */
.cine{position:relative;height:100svh;min-height:520px;overflow:hidden;scroll-snap-align:start;perspective:1400px;background:var(--bg)}
.cine .frame{position:absolute;inset:-6%;transform-style:preserve-3d;will-change:transform}
.cine .bg{width:100%;height:100%;object-fit:cover;display:block;will-change:transform;filter:saturate(.92) contrast(1.04)}
.cine::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(14,22,48,.62) 0,rgba(14,22,48,0) 20%),linear-gradient(0deg,rgba(14,22,48,.92) 0,rgba(14,22,48,.55) 26%,rgba(14,22,48,0) 52%),linear-gradient(90deg,rgba(14,22,48,.55) 0,rgba(14,22,48,0) 45%)}
.cine::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:#16213f;mix-blend-mode:soft-light;opacity:.45}
.cap{position:absolute;z-index:3;left:6vw;bottom:9svh;text-align:left;max-width:min(680px,88vw)}
.kicker{font:italic 400 22px var(--serif);color:var(--gold2);margin-bottom:6px}
.cap h1,.cap h2{font:400 clamp(48px,7.2vw,120px)/.95 var(--serif);letter-spacing:-.02em;color:var(--text);margin-bottom:26px}
.pill{display:inline-block;padding:13px 30px;border-radius:99px;background:rgba(239,230,208,.16);backdrop-filter:blur(10px);color:var(--text);font-size:15px;border:1px solid rgba(239,230,208,.35);transition:background .3s,color .3s,border-color .3s}
.pill:hover{background:var(--accent);color:var(--deep);border-color:var(--accent)}
.down{position:absolute;z-index:3;left:50%;bottom:3.2svh;width:11px;height:11px;border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text);transform:translateX(-50%) rotate(45deg);animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateX(-50%) translateY(7px) rotate(45deg)}}
/* tek orkestre edilmiş an: açılışta başlık yükselir */
body:not(.loading) .cine.first .cap>*{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
body:not(.loading) .cine.first .cap h1{animation-delay:.12s}
body:not(.loading) .cine.first .cap .pill{animation-delay:.28s}
@keyframes rise{from{opacity:0;transform:translateY(34px)}}

/* ilke cümlesi */
.statement{padding:16vh 0 10vh;background:var(--bg)}
.statement .wrap{padding:0 6vw}
.statement h2{font:400 clamp(46px,7.4vw,120px)/.98 var(--serif);letter-spacing:-.02em;color:var(--accent);max-width:12ch;margin-bottom:7vh}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:30px}
.facts p{color:var(--muted);font-size:16px;line-height:1.6;max-width:300px}
.facts b{display:block;font:500 24px var(--serif);color:var(--text);margin-bottom:6px}

/* ürün şeridi */
.rail-sec{padding:6vh 0 14vh;background:var(--bg)}
.rail-sec .wrap{padding:0 6vw;max-width:none}
.rail-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}
.rail-head h2{font:400 clamp(34px,4vw,60px)/1 var(--serif);color:var(--accent)}
.rail-head a{color:var(--text);font-size:15px;border-bottom:1px solid var(--accent);padding-bottom:2px}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}
.rail .pcard{flex:0 0 clamp(210px,21vw,300px);scroll-snap-align:start}
.rail-foot{display:flex;align-items:center;gap:30px;margin-top:30px}
.bar{flex:1;height:2px;background:var(--line);position:relative}
.bar i{position:absolute;left:0;top:0;height:100%;width:20%;background:var(--accent);transition:transform .15s}
.arrows{display:flex;gap:10px}
.arrows button{width:46px;height:46px;border-radius:50%;background:none;border:1px solid var(--line);color:var(--text);font-size:24px;cursor:pointer;line-height:1;transition:border-color .25s,background .25s}
.arrows button:hover{border-color:var(--accent);background:rgba(201,160,74,.12)}

/* iki büyük kapı */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--deep)}
.door{position:relative;display:block;height:78svh;min-height:440px;overflow:hidden}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);filter:saturate(.9)}
.door::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,22,48,.1),rgba(14,22,48,.88))}
.door:hover img{transform:scale(1.05)}
.cap2{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 5vw 6svh}
.cap2 h3{font:400 clamp(38px,4.6vw,76px)/1 var(--serif);color:var(--text);margin-bottom:10px}
.cap2 p{color:var(--text);max-width:380px;margin-bottom:22px;line-height:1.55;font-size:16px}

/* bir günün akışı */
.day{padding:18vh 0;background:var(--bg)}
.day .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;max-width:1400px;padding:0 6vw}
.day h2{font:400 clamp(50px,6.5vw,110px)/.98 var(--serif);color:var(--accent);position:sticky;top:18vh;align-self:start;letter-spacing:-.015em}
.day ol{list-style:none}
.day li{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:20px;padding:34px 0;border-top:1px solid var(--line);align-items:baseline}
.day time{font:400 clamp(34px,4vw,60px)/1 var(--serif);color:var(--accent);font-feature-settings:"tnum"}
.day h3{font:400 28px var(--serif);margin-bottom:6px;color:var(--text)}
.day p{color:var(--muted);max-width:440px}

/* kargo */
.ship{padding:16vh 0;background:var(--deep);overflow:hidden}
.ship .wrap{display:flex;align-items:center;gap:6vw;padding:0 6vw;max-width:1400px}
.ship .big{font:400 clamp(160px,32vw,520px)/.75 var(--serif);color:transparent;-webkit-text-stroke:1px var(--accent);font-feature-settings:"tnum"}
.ship h2{font:400 clamp(40px,5vw,80px)/1 var(--serif);color:var(--accent);margin-bottom:20px}
.ship p{max-width:460px;color:var(--text);line-height:1.65;margin-bottom:28px}
.btn.ghost{background:none;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.btn.ghost:hover{background:var(--accent);color:var(--deep)}

/* imleç */
.cursor{position:fixed;left:0;top:0;z-index:90;pointer-events:none;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;display:grid;place-items:center;opacity:0}
.cursor span{font-size:13px;color:var(--deep);opacity:0;white-space:nowrap;font-weight:500}
.cursor.big{width:84px;height:84px}
.cursor.big span{opacity:1}
@media(hover:none),(pointer:coarse){.cursor{display:none}}

@media(max-width:800px){
  html{scroll-snap-type:none}
  .cine .frame{inset:-3%}
  .cap{bottom:10svh;left:6vw;right:6vw}
  .cap h1,.cap h2{font-size:clamp(48px,15vw,76px);margin-bottom:20px}
  .kicker{font-size:19px}
  .statement{padding:10vh 0 7vh}
  .statement h2{font-size:clamp(44px,13vw,68px)}
  .facts{grid-template-columns:1fr;gap:22px}
  .rail-sec{padding:4vh 0 9vh}
  .rail .pcard{flex-basis:62vw}
  .arrows{display:none}
  .duo{grid-template-columns:1fr}
  .door{height:62svh}
  .day{padding:10vh 0}
  .day .wrap{grid-template-columns:1fr}
  .day h2{position:static}
  .day li{grid-template-columns:96px 1fr}
  .ship .wrap{flex-direction:column;align-items:flex-start;gap:30px}
  .ship .big{font-size:48vw}
}
@media(prefers-reduced-motion:reduce){.loader svg *{animation:none;stroke-dashoffset:0}.down{animation:none}body:not(.loading) .cine.first .cap>*{animation:none}}