:root{--gold:#d6a23c;--gold2:#efc66e;--silver:#aeb4bb;--silver2:#e0e4e8;--black:#030303}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:#fff;font-family:Georgia,"Times New Roman",serif}body{overflow:hidden;animation:fade .35s ease both}button{font:inherit}@keyframes fade{from{opacity:0}to{opacity:1}}
.desktop-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.master{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none}
/* KLASA -> FORMA bez ruszania mastera */
.tagline-fix{position:absolute;left:35.9%;top:20.1%;width:28.6%;height:3.2%;z-index:11;background:#030303;display:flex;align-items:center;justify-content:center;color:#d6a23c;letter-spacing:.17em;font-size:clamp(13px,1.55vw,25px);font-weight:600;white-space:nowrap}.tagline-fix b{font-weight:400;color:#9f772a;margin:0 .12em}
/* licznik zachowuje pozycje z V10 */
.num{position:absolute;top:28.35%;height:4.55%;width:5.2%;display:flex;align-items:center;justify-content:center;background:#030303;color:#efc66e;font-size:clamp(24px,3.2vh,44px);font-weight:400;line-height:1;z-index:12;pointer-events:none}.num.d{left:34.762%}.num.h{left:43.361%}.num.m{left:51.960%}.num.s{left:60.560%}.opened{display:none;position:absolute;left:39.2%;top:28.0%;width:21.6%;height:7.1%;align-items:center;justify-content:center;background:#030303;border:1px solid #936617;color:#e5b65d;letter-spacing:.12em;font-size:clamp(18px,2.5vh,30px);z-index:13}.desktop-stage.is-open .num{display:none}.desktop-stage.is-open .opened{display:flex}
/* GŁÓWNY TEST V11B: menu dokładnie pośrodku pustego pasa między ekranem i kaflem ZEGARKI. Overlay = zero wpływu na centrowanie. */
.side-nav{position:absolute;left:6.19%;top:59.665%;width:0;height:0;z-index:70}.menu-trigger{position:absolute;width:clamp(50px,4.5vw,72px);aspect-ratio:1;left:0;top:0;transform:translate(-50%,-50%);border:1px solid #a67624;background:linear-gradient(145deg,#111,#060606 65%,#101010);padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:filter .16s ease,border-color .16s ease}.menu-trigger span{width:42%;height:2px;background:linear-gradient(90deg,#777d83,#e1e5e8,#7d8389)}.menu-trigger:hover{filter:brightness(1.08)}.menu-trigger:focus-visible{outline:2px solid var(--silver2);outline-offset:3px}
.menu-panel{position:absolute;left:0;bottom:calc(clamp(50px,4.5vw,72px)/2 + 10px);width:clamp(120px,9vw,150px);transform:translateX(-50%) translateY(10px);display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid #aeb4bb;background:rgba(5,5,5,.97);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;box-shadow:0 8px 22px rgba(0,0,0,.45)}.side-nav.open .menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.menu-item{height:clamp(60px,7.7vh,82px);border:1px solid #8f969d;background:linear-gradient(145deg,#101010,#070707);color:#cfd4d8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:4px;letter-spacing:.03em;font-size:clamp(10px,1vw,14px);transition:border .12s ease,background .12s ease,filter .12s ease}.menu-item:hover{border-color:#e0e4e8;background:#111;filter:brightness(1.06)}.menu-item.active{border:3px solid #e0e4e8;background:#121212;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.menu-icon{height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;color:#cfd4d8}.menu-icon.mc{font-size:27px}.menu-icon.mc i{font-style:normal;color:#d4d8dc}.menu-icon.mc b{font-weight:400;color:#c89431}.menu-icon.sparkle{font-size:29px}.menu-icon.blocks{position:relative;width:36px}.menu-icon.blocks i{position:absolute;width:10px;height:8px;border:1px solid #c7cbd0}.menu-icon.blocks i:nth-child(1){left:13px;top:1px}.menu-icon.blocks i:nth-child(2){left:6px;top:10px}.menu-icon.blocks i:nth-child(3){left:19px;top:10px}.menu-icon.blocks i:nth-child(4){left:0;top:19px}.menu-icon.blocks i:nth-child(5){left:13px;top:19px}.fingerprint svg{width:31px;height:31px;fill:none;stroke:#cfd4d8;stroke-width:1.7;stroke-linecap:round}
/* kafle: pozycje V10 pozostają dokładnie wyśrodkowane */
.tile{position:absolute;padding:0;margin:0;border:0;background:none;appearance:none;-webkit-appearance:none;cursor:pointer;z-index:20;overflow:visible;outline:none}.tile img{width:100%;height:100%;object-fit:fill;display:block;opacity:0;transform-origin:center;transition:opacity .08s ease,transform .2s ease,filter .2s ease}.tile.watch{left:12.38%;top:38.18%;width:24.43%;height:42.97%}.tile.bracelet{left:37.65%;top:38.18%;width:24.30%;height:42.97%}.tile.details{left:62.87%;top:38.18%;width:24.50%;height:42.97%}.tile:hover img{opacity:1;transform:scale(1.025);filter:brightness(1.08)}.tile.active{z-index:50}.tile.active img{opacity:1;transform:scale(1.10);filter:brightness(1.10) drop-shadow(0 0 10px rgba(214,162,60,.52))}
/* DOLNE MENU V11F — układ zostaje, zmieniony wyłącznie styl ikon i typografii */
.desktop-benefits{position:absolute;left:6.2%;top:83.55%;width:87.0%;height:8.9%;z-index:14;display:grid;grid-template-columns:repeat(4,1fr);background:#050505;border-top:1px solid rgba(196,145,49,.42);border-bottom:1px solid rgba(196,145,49,.30);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif}
.benefit-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,16px);padding:0 clamp(8px,1vw,18px);border-right:1px solid rgba(206,211,217,.20)}
.benefit-item:last-child{border-right:0}
.benefit-icon{width:clamp(29px,3.0vw,45px);height:clamp(29px,3.0vw,45px);flex:0 0 auto;fill:none;stroke:#d7dbe0;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(255,255,255,.10))}
.benefit-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(2px,.35vh,4px);line-height:1.1;text-align:left}
.benefit-copy strong{color:#e4e7ea;font-size:clamp(9px,.87vw,14px);font-weight:600;letter-spacing:.045em;white-space:nowrap}
.benefit-copy span{color:#c6cbd0;font-size:clamp(7.5px,.72vw,11.5px);font-weight:400;line-height:1.23;letter-spacing:.005em}
/* mały footer mask: bez drugiej linii */
.desktop-footer{position:absolute;left:31%;bottom:0;width:38%;height:7.2%;z-index:15;background:#020202;display:flex;align-items:center;justify-content:center;color:#d6a23c;font-size:clamp(12px,1.1vw,18px)}
.mobile-page{display:none}
@media(max-width:700px){body{overflow-x:hidden;overflow-y:auto}.desktop-stage{display:none}.mobile-page{display:block;min-height:100vh;padding:22px 12px 28px;background:#020202 url("mobile-bg-v11b.jpg?v=11f") center top/cover fixed no-repeat;position:relative;overflow:hidden}.mobile-page::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.48);pointer-events:none}.mobile-page>*{position:relative;z-index:1}.mobile-page header{text-align:center}.mobile-logo{display:block;width:min(86vw,390px);margin:0 auto 4px}.tagline{color:#d4a041;letter-spacing:.15em;font-size:clamp(13px,4.2vw,18px);font-weight:600;white-space:nowrap}.tagline b{font-weight:400;color:#9f772a}.opening{color:#d8ad58;font-size:clamp(13px,3.8vw,16px);margin:18px 0 9px}.mobile-counter{width:min(80vw,320px);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-counter div{height:75px;border:1px solid #936617;background:rgba(3,3,3,.94);display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-counter strong{font-size:32px;color:#efc66e;font-weight:400}.mobile-counter span{font-size:12px;margin-top:5px}.mobile-opened{display:none}.mobile-page.is-open .mobile-counter{display:none}.mobile-page.is-open .mobile-opened{display:block}.mobile-cards{display:flex;flex-direction:column;gap:15px;align-items:center;margin:22px auto 0}.mobile-card{width:min(91vw,430px);border:0;padding:0;background:none}.mobile-card img{display:block;width:100%;height:auto}.mobile-benefits{width:min(95vw,470px);margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif}.mobile-benefits .benefit-item{min-height:82px;border:1px solid rgba(210,214,218,.20);background:rgba(5,5,5,.94);justify-content:flex-start;padding:10px 12px;gap:10px}.mobile-benefits .benefit-icon{width:30px;height:30px}.mobile-benefits .benefit-copy strong{font-size:10px}.mobile-benefits .benefit-copy span{font-size:8.5px;line-height:1.25}.mobile-footer{text-align:center;margin:16px auto 0;color:#d6a23c}.mobile-menu-trigger{position:fixed;left:12px;top:12px;width:46px;height:46px;border:1px solid #9f6f1e;background:#080808;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mobile-menu-trigger span{width:20px;height:2px;background:#d8dce0}.mobile-menu-panel{position:fixed;left:12px;top:66px;width:148px;padding:6px;background:#060606;border:1px solid #bfc3c8;z-index:89;display:flex;flex-direction:column;gap:5px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.16s ease}.mobile-menu-panel.open{opacity:1;visibility:visible;transform:none}.mobile-menu-panel button{height:62px;background:#0a0a0a;border:1px solid #8e9499;color:#d9dde1;display:grid;grid-template-columns:36px 1fr;align-items:center;text-align:left;padding:0 9px}.mobile-mc i{font-style:normal;color:#d9dde1}.mobile-mc b{font-weight:400;color:#c89431}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}