@font-face{font-family:"Cormorant Garamond";src:url(fonts/cg-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cg-latin-ext-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cg-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cg-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Hanken Grotesk";src:url(fonts/hg-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Hanken Grotesk";src:url(fonts/hg-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Hanken Grotesk";src:url(fonts/hg-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Hanken Grotesk";src:url(fonts/hg-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
:root{--esp:#140d09;--esp2:#1f1510;--esp3:#2b1d15;--krem:#f6efe5;--krem2:#ede2d2;--zl:#c9a35c;--zl2:#e6c98c;--mied:#b8743c;--tx:#2a1d15;--tx2:#6b5848;--jasny:#f3e9dc;--szer:1240px}
[hidden]{display:none!important}*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--esp);color:var(--jasny);font:400 17px/1.65 "Hanken Grotesk",Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
h1,h2,h3,.h2,.h1m{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.08;margin:0;letter-spacing:.005em}
.kicker{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--zl)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:1px solid var(--zl);border-radius:999px;background:var(--zl);color:var(--esp);font:600 16px "Hanken Grotesk",sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,transform .25s,box-shadow .25s;white-space:nowrap}
.btn:hover{background:var(--zl2);box-shadow:0 10px 30px -10px rgba(201,163,92,.7);transform:translateY(-1px)}
.btn.jasny{background:transparent;color:var(--jasny);border-color:rgba(243,233,220,.45)}.btn.jasny:hover{background:rgba(243,233,220,.1);color:var(--jasny)}
.btn.mal{min-height:48px;padding:0 18px}.btn.szer{width:100%}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--zl2);outline-offset:3px}
.pokaz-pas{margin:0;padding:6px 14px;background:#0c0806;color:#a99582;font-size:13px;text-align:center;letter-spacing:.04em}
/* naglowek */
.gora{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:20px;padding:12px max(16px,3vw);background:rgba(20,13,9,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,163,92,.18)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--jasny)}
.logo b{display:block;font:600 26px/1 "Cormorant Garamond",serif;letter-spacing:.04em}.logo small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--zl);margin-top:3px}
.logo-z{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff3d6 0,#e6c98c 18%,#c9a35c 34%,transparent 36%),radial-gradient(circle at 50% 50%,transparent 58%,var(--zl) 60%,var(--zl) 66%,transparent 68%);box-shadow:0 0 18px rgba(230,201,140,.45)}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;color:#d9c9b4;transition:color .2s,background .2s}
.menu a:hover,.menu a.akt{color:var(--esp);background:var(--zl2)}
.ster{display:flex;gap:8px}
.kl{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,163,92,.5);background:transparent;color:var(--jasny);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .2s}
.kl:hover{background:rgba(201,163,92,.15)}
.kl svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.licz{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--zl);color:var(--esp);font-size:13px;font-weight:600;line-height:22px;text-align:center;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.licz.pyk{transform:scale(1.4)}
/* hero */
.hero{position:relative;height:230vh}
.hero-in{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(70% 70% at 62% 55%,#2a1a10 0,#140d09 60%,#0b0705 100%)}
.glowa{position:absolute;left:62%;top:54%;width:min(1300px,120vh);aspect-ratio:1600/1242;transform:translate(-50%,-50%) scale(var(--s,1));opacity:var(--o,0);transition:opacity 2.4s ease}
.glowa img{display:block;width:100%;height:100%;mask-image:radial-gradient(60% 62% at 50% 52%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(60% 62% at 50% 52%,#000 55%,transparent 100%)}
.oko{position:absolute;width:9%;height:6.5%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,246,220,var(--a1,0)) 0,rgba(240,200,120,var(--a2,0)) 45%,rgba(201,140,60,0) 100%);mix-blend-mode:screen;filter:blur(1px)}
.oko::after{content:"";position:absolute;left:50%;top:50%;width:420%;height:420%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(230,190,110,var(--a3,0)),transparent 70%);pointer-events:none}
#okoL{left:45.85%;top:53.1%}#okoP{left:63.55%;top:53.9%}
.para{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.h-tekst,.h-moc{position:absolute;left:max(20px,6vw);top:50%;transform:translateY(-50%);width:min(560px,44vw);transition:opacity .6s,transform .6s}
.h-tekst h1{font-size:clamp(64px,9vw,150px);letter-spacing:.01em;margin-bottom:30px;color:var(--jasny);text-shadow:0 2px 30px rgba(0,0,0,.6)}
.h-lead{margin:22px 0 30px;font-size:19px;color:#d9c9b4;max-width:440px}
.h-cta{display:flex;gap:12px;flex-wrap:wrap}
.h-moc{opacity:0;pointer-events:none;transform:translateY(-40%)}
.hero.f2 .h-tekst{opacity:0;transform:translateY(-60%);pointer-events:none}.hero.f2 .h-moc{opacity:1;pointer-events:auto;transform:translateY(-50%)}
.h-moc .h2{font-size:clamp(40px,4.4vw,66px);color:var(--jasny);margin-bottom:28px}
.suwak input{-webkit-appearance:none;appearance:none;width:100%;height:48px;background:transparent;cursor:pointer}
.suwak input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#6b4a2c,var(--zl2))}
.suwak input::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#6b4a2c,var(--zl2))}
.suwak input::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-14px;border-radius:50%;background:radial-gradient(circle,#fff6dc,var(--zl) 60%);box-shadow:0 0 0 6px rgba(201,163,92,.2),0 0 26px rgba(230,201,140,.8)}
.suwak input::-moz-range-thumb{width:34px;height:34px;border:0;border-radius:50%;background:radial-gradient(circle,#fff6dc,var(--zl) 60%);box-shadow:0 0 0 6px rgba(201,163,92,.2),0 0 26px rgba(230,201,140,.8)}
.skala{display:flex;justify-content:space-between;font-size:14px;color:#a99582;margin-top:2px}
.pol{display:inline-flex;align-items:baseline;gap:8px;margin-top:26px;padding:14px 22px;border:1px solid rgba(201,163,92,.45);border-radius:18px;text-decoration:none;transition:background .2s}
.pol:hover{background:rgba(201,163,92,.12)}.pol-t{color:#a99582;font-size:15px}.pol b{font:600 30px/1 "Cormorant Garamond",serif;color:var(--zl2)}.pol-s{color:var(--zl)}
.przewin{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#a99582;transition:opacity .5s}
.przewin::after{content:"";display:block;width:1px;height:34px;margin:8px auto 0;background:linear-gradient(var(--zl),transparent);animation:kap 2s ease-in-out infinite}
@keyframes kap{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* maska */
.maska-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;max-width:var(--szer);margin:0 auto;padding:120px max(20px,4vw)}
.maska-w{position:relative;border-radius:240px 240px 24px 24px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);transform:translateY(var(--my,0)) rotate(var(--mr,0deg));will-change:transform}
.maska-w img{display:block;width:100%;height:auto;transform:scale(1.06)}
.tryb{position:absolute;width:7%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,240,200,.65) 80%,transparent 90%);mix-blend-mode:screen;animation:kreci 3.2s linear infinite}
#trL{left:38.5%;top:38.8%}#trP{left:61.3%;top:38.4%;animation-direction:reverse;animation-duration:4.4s}
@keyframes kreci{to{transform:translate(-50%,-50%) rotate(360deg)}}
.maska-t h2{font-size:clamp(44px,5vw,78px);margin-bottom:26px}
.lin{margin:0 0 16px;font-size:19px;color:#d9c9b4;opacity:0;transform:translateY(20px);transition:opacity .9s,transform .9s}
.lin.wid{opacity:1;transform:none}.maska-t .btn{margin-top:18px}.maska-t .lin{font-size:21px;max-width:440px}
/* kawy */
.kawy-s{background:var(--krem);color:var(--tx);padding:110px max(20px,4vw)}
.sek-g{max-width:var(--szer);margin:0 auto 46px}.sek-g h2{font-size:clamp(44px,5vw,74px);color:var(--tx)}.sek-l{margin:14px 0 0;color:var(--tx2);max-width:620px}
.kawy-s .kicker,.parz-s .kicker{color:var(--mied)}
.siatka{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:var(--szer);margin:0 auto}
.karta{position:relative;display:flex;flex-direction:column;background:#fffaf3;border-radius:22px;overflow:hidden;box-shadow:0 1px 0 rgba(42,29,21,.06),0 24px 40px -30px rgba(42,29,21,.35);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.karta:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(42,29,21,.45)}
.k-foto{position:relative;display:block;aspect-ratio:4/5;background:radial-gradient(80% 70% at 50% 40%,#3a271b,#1a110c);overflow:hidden}
.k-foto svg,.k-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.3,1.2,.5,1)}
.karta:hover .k-foto svg,.karta:hover .k-foto img{transform:scale(1.05) rotate(-1deg)}
.k-moc{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(20,13,9,.7);color:var(--zl2);font-size:13px;font-weight:600;letter-spacing:.05em}
.k-tr{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1}
.k-tr h3{font-size:30px;color:var(--tx)}.k-tr h3 a{text-decoration:none}
.k-or{margin:0;font-size:14px;color:var(--tx2)}
.nuty{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.nuty span{padding:3px 10px;border-radius:999px;background:var(--krem2);font-size:13px;color:var(--tx)}
.k-dol{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.cena{font:600 24px/1 "Cormorant Garamond",serif;color:var(--tx);white-space:nowrap}.cena small{font:400 13px "Hanken Grotesk",sans-serif;color:var(--tx2)}
.dodaj{width:48px;height:48px;border-radius:50%;border:0;background:var(--esp);color:var(--zl2);font-size:24px;line-height:1;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.8,.5,1),background .2s}
.dodaj:hover{transform:scale(1.1);background:var(--esp3)}
/* parzenie */
.parz-s{background:var(--krem2);color:var(--tx);padding:110px max(20px,4vw)}
.zakl{display:flex;gap:8px;flex-wrap:wrap;max-width:var(--szer);margin:0 auto 28px}
.zakl button{min-height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(42,29,21,.25);background:transparent;color:var(--tx);font:600 15px "Hanken Grotesk",sans-serif;cursor:pointer}
.zakl button[aria-selected="true"]{background:var(--esp);color:var(--zl2);border-color:var(--esp)}
.parz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:var(--szer);margin:0 auto}
.parz div{padding:24px;border-radius:20px;background:#fffaf3}.parz b{display:block;font:600 34px/1.1 "Cormorant Garamond",serif;color:var(--tx);margin-top:6px}.parz span{font-size:14px;color:var(--tx2);letter-spacing:.06em;text-transform:uppercase}
.parz p{grid-column:1/-1;margin:6px 0 0;color:var(--tx2)}
.info-pas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(201,163,92,.25);border-top:1px solid rgba(201,163,92,.25);border-bottom:1px solid rgba(201,163,92,.25)}
.info-pas div{padding:30px max(16px,2vw);background:var(--esp2);text-align:center}.info-pas b{display:block;font:600 24px/1.2 "Cormorant Garamond",serif;color:var(--zl2)}.info-pas span{font-size:14px;color:#a99582}
/* produkt */
.prod{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);max-width:var(--szer);margin:0 auto;padding:60px max(20px,4vw) 100px;align-items:start}
.p-foto{position:sticky;top:110px;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:radial-gradient(80% 70% at 50% 40%,#3a271b,#140d09)}
.p-foto svg,.p-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-foto canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wroc{display:inline-block;margin-bottom:20px;color:#a99582;text-decoration:none;font-size:15px}.wroc:hover{color:var(--zl2)}
.prod h1{font-size:clamp(56px,6vw,96px)}
.p-or{margin:8px 0 18px;color:#a99582;font-size:17px}
.p-opis{color:#d9c9b4;font-size:18px;margin:0 0 26px}
.p-cena{display:flex;align-items:baseline;gap:12px;margin:0 0 22px;font:600 46px/1 "Cormorant Garamond",serif;color:var(--zl2)}.p-cena small{font:400 15px "Hanken Grotesk",sans-serif;color:#a99582}
.wyb{margin:0 0 20px}.wyb>span{display:block;margin-bottom:8px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#a99582}
.wyb-o{display:flex;flex-wrap:wrap;gap:8px}
.wyb-o button{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(201,163,92,.4);background:transparent;color:var(--jasny);font:600 15px "Hanken Grotesk",sans-serif;cursor:pointer;transition:background .2s,color .2s}
.wyb-o button[aria-pressed="true"]{background:var(--zl);color:var(--esp);border-color:var(--zl)}
.ilosc{display:flex;align-items:center;gap:14px;margin:0 0 24px}
.il{display:flex;align-items:center;border:1px solid rgba(201,163,92,.4);border-radius:999px}
.il button{width:48px;height:48px;border:0;background:none;color:var(--jasny);font-size:22px;cursor:pointer}.il output{min-width:34px;text-align:center;font-weight:600}
.profil{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;margin-top:34px;padding:24px;border:1px solid rgba(201,163,92,.25);border-radius:22px}
.profil svg{width:100%;height:auto}.profil ul{list-style:none;margin:0;padding:0;font-size:15px;color:#d9c9b4}.profil li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgba(201,163,92,.15)}.profil li b{color:var(--zl2)}
.inne{padding-top:80px}
/* o nas */
.onas-h{max-width:960px;margin:0 auto;padding:110px max(20px,4vw) 60px;text-align:center}
.onas-h h1{font-size:clamp(50px,6.4vw,100px)}.onas-l{margin:26px auto 0;max-width:680px;font-size:19px;color:#d9c9b4}
.onas-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:var(--szer);margin:0 auto;padding:30px max(20px,4vw) 110px}
.onas-k article{padding:34px 30px;border:1px solid rgba(201,163,92,.25);border-radius:26px;background:linear-gradient(180deg,rgba(201,163,92,.07),transparent)}
.num{font:600 46px/1 "Cormorant Garamond",serif;color:var(--zl)}.onas-k h3{font-size:34px;margin:12px 0 10px}.onas-k p{margin:0;color:#d9c9b4}
.kontakt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,70px);max-width:var(--szer);margin:0 auto;padding:110px max(20px,4vw);border-top:1px solid rgba(201,163,92,.2)}
.kontakt h2{font-size:clamp(44px,5vw,72px);margin-bottom:26px}
.dane{list-style:none;margin:0 0 20px;padding:0}.dane li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid rgba(201,163,92,.18)}
.dane span{color:#a99582;font-size:15px}.dane a,.dane b{font-weight:600;color:var(--jasny);text-decoration:none;white-space:nowrap;overflow-wrap:normal}.dane a:hover{color:var(--zl2)}
.soc{display:flex;gap:10px;margin-bottom:34px}.soc a{padding:10px 18px;border:1px solid rgba(201,163,92,.4);border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
.form label{display:block;margin:14px 0 6px;font-size:15px;font-weight:600;color:#d9c9b4}
input[type=text],input[type=email],input[type=tel],input:not([type]),textarea{width:100%;min-height:52px;padding:12px 18px;border:1px solid rgba(201,163,92,.35);border-radius:16px;background:rgba(243,233,220,.05);color:var(--jasny);font:400 17px "Hanken Grotesk",sans-serif}
textarea{resize:vertical}
.zgoda{display:flex!important;gap:12px;align-items:flex-start;margin:16px 0!important;font-weight:400!important;font-size:14px!important;color:#c8b8a4!important;cursor:pointer}
.zgoda input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--zl)}
.kom{min-height:24px;margin:10px 0 0;font-size:15px;color:var(--zl2)}
.mapa-w{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.mapa{width:100%;height:auto;border-radius:28px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);cursor:pointer}
#trasa{animation:trasa 2.2s linear infinite}@keyframes trasa{to{stroke-dashoffset:-36}}
.pin-f{animation:puls 2s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes puls{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
/* kasa */
.kasa{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,5vw,70px);max-width:var(--szer);margin:0 auto;padding:70px max(20px,4vw) 110px;align-items:start}
.h1m{font-size:clamp(46px,5vw,76px);margin-bottom:24px}
fieldset{margin:0 0 22px;padding:22px 24px 24px;border:1px solid rgba(201,163,92,.25);border-radius:24px}
legend{padding:0 10px;font:600 26px "Cormorant Garamond",serif;color:var(--zl2)}legend small{font:400 14px "Hanken Grotesk",sans-serif;color:#a99582}
fieldset label{display:block;margin:12px 0 6px;font-size:15px;font-weight:600;color:#d9c9b4}
.dwa{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opcje{display:grid;gap:10px}
.opcje label{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 18px;border:1px solid rgba(201,163,92,.3);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.opcje label:has(input:checked){border-color:var(--zl);background:rgba(201,163,92,.1)}
.opcje input{width:20px;height:20px;accent-color:var(--zl)}.opcje b{margin-left:auto;white-space:nowrap;color:var(--zl2)}
.kasa-p{position:sticky;top:110px;padding:28px;border-radius:26px;background:var(--esp2);border:1px solid rgba(201,163,92,.25)}
.kasa-p h2{font-size:34px;margin-bottom:14px}
.poz{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(201,163,92,.15);font-size:15px}
.poz .mini{width:56px;height:70px;border-radius:10px;overflow:hidden;background:#1a110c}.poz .mini svg,.poz .mini img{width:100%;height:100%;object-fit:cover;display:block}
.poz small{display:block;color:#a99582}.poz b{white-space:nowrap}
.sumy{display:grid;gap:6px;margin:14px 0 18px;font-size:15px}.sumy div{display:flex;justify-content:space-between;gap:10px}.sumy .raz{font:600 28px "Cormorant Garamond",serif;color:var(--zl2);margin-top:6px}
.sumy .rab{color:var(--zl2)}
/* dzieki */
.dzieki{max-width:720px;margin:0 auto;padding:90px max(20px,4vw) 110px;text-align:center}
.dzieki p{color:#d9c9b4}.nrz{font-weight:600;color:var(--zl2)!important;letter-spacing:.08em}
.filizanka{width:220px;height:auto;margin-bottom:20px;overflow:visible}
.nalew{animation:nalew 2.6s .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes nalew{to{transform:translateY(-104px)}}
.opary path{fill:none;stroke:rgba(243,233,220,.5);stroke-width:4;stroke-linecap:round;opacity:0;animation:opar 3s 2.4s ease-in-out infinite}
.opary path:nth-child(2){animation-delay:2.9s}.opary path:nth-child(3){animation-delay:3.4s}
@keyframes opar{0%{opacity:0;transform:translateY(10px)}40%{opacity:1}100%{opacity:0;transform:translateY(-24px)}}
/* koszyk */
.tlo-k{position:fixed;inset:0;z-index:80;background:rgba(8,5,3,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.koszyk{position:fixed;top:0;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;width:min(440px,100%);padding:22px 24px;background:var(--krem);color:var(--tx);transform:translateX(105%);transition:transform .5s cubic-bezier(.3,1,.3,1);box-shadow:-30px 0 60px rgba(0,0,0,.4)}
.koszyk.otw{transform:none}
.k-g{display:flex;align-items:center;justify-content:space-between}.k-g h2{font-size:40px;color:var(--tx)}
.zamk{width:48px;height:48px;border-radius:50%;border:1px solid rgba(42,29,21,.25);background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--tx)}
.prog{margin:12px 0 4px;font-size:14px;color:var(--tx2)}.prog i{display:block;height:6px;margin-top:8px;border-radius:3px;background:var(--krem2);overflow:hidden}.prog i b{display:block;height:100%;background:linear-gradient(90deg,var(--mied),var(--zl));transition:width .6s cubic-bezier(.3,1,.3,1)}
.k-lista{flex:1;overflow:auto;margin:10px -6px;padding:0 6px}
.k-lista .poz{border-color:rgba(42,29,21,.1)}.k-lista .poz small{color:var(--tx2)}
.k-il{display:flex;align-items:center;gap:2px;margin-top:6px}.k-il button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(42,29,21,.2);background:none;cursor:pointer;color:var(--tx)}.k-il span{min-width:26px;text-align:center;font-weight:600}
.usun{border:0;background:none;color:var(--tx2);font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 0 0}
.pusty{padding:40px 0;text-align:center;color:var(--tx2)}.pusty b{display:block;font:600 30px "Cormorant Garamond",serif;color:var(--tx);margin-bottom:6px}
.kod label{font-size:14px;font-weight:600}.kod-w{display:flex;gap:8px;margin-top:6px}.kod-w input{min-height:48px;background:#fffaf3;color:var(--tx);border-color:rgba(42,29,21,.2)}
.koszyk .btn.mal{background:var(--esp);color:var(--zl2);border-color:var(--esp)}
.koszyk .kom{color:var(--mied)}
.koszyk .sumy .raz,.koszyk .sumy .rab{color:var(--tx)}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,140%);padding:14px 22px;border-radius:999px;background:var(--zl2);color:var(--esp);font-weight:600;box-shadow:0 20px 40px -10px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.3,1.5,.5,1);white-space:nowrap}
.toast.on{transform:translate(-50%,0)}
.lec{position:fixed;z-index:95;width:44px;height:56px;pointer-events:none;border-radius:8px;overflow:hidden;transition:transform .8s cubic-bezier(.5,-.3,.6,1),opacity .8s}
/* wyslij, stopka */
.wyslij-s{max-width:var(--szer);margin:0 auto;padding:90px max(20px,4vw) 40px}
.zapr{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:40px 44px;border-radius:30px;background:linear-gradient(120deg,#2b1d15,#3a2618);border:1px solid rgba(201,163,92,.3)}
.zapr p{margin:0;font:600 clamp(28px,3vw,42px)/1.15 "Cormorant Garamond",serif;max-width:640px}
.mt{margin:40px 0 12px;font-weight:600;color:#d9c9b4}
.przyc{display:flex;flex-wrap:wrap;gap:8px}
.przyc a,.przyc button{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid rgba(201,163,92,.4);border-radius:999px;background:transparent;color:var(--jasny);font:600 15px "Hanken Grotesk",sans-serif;text-decoration:none;cursor:pointer}
.przyc a:hover,.przyc button:hover{background:rgba(201,163,92,.12)}
.stopka{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:30px;max-width:var(--szer);margin:0 auto;padding:50px max(20px,4vw) 40px;border-top:1px solid rgba(201,163,92,.2);font-size:15px}
.st-k{display:flex;flex-direction:column;gap:8px}.st-k a{color:#c8b8a4;text-decoration:none}.st-k a:hover{color:var(--zl2)}.st-k p{margin:8px 0 0;color:#a99582}
.lapa{display:flex;align-items:center;gap:12px;text-decoration:none}.lapa img{width:64px;height:auto}.lapa b{display:block;font-weight:600}.lapa small{color:#a99582}
html.pauza *,html.pauza *::before,html.pauza *::after{animation-play-state:paused!important}
@media(max-width:1100px){.siatka{grid-template-columns:repeat(3,minmax(0,1fr))}.parz{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){
 .gora{flex-wrap:wrap;gap:8px 10px;padding:10px 14px}.menu{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}.menu a{flex:none;padding:8px 12px;font-size:14px}.ster{margin-left:auto}.logo b{font-size:22px}
 .glowa{left:50%;top:40%;width:150vw}
 .h-tekst,.h-moc{left:20px;right:20px;top:auto;bottom:90px;width:auto;transform:none}.hero.f2 .h-tekst{transform:translateY(-20px)}.h-moc{transform:translateY(20px)}.hero.f2 .h-moc{transform:none}
 .h-tekst h1{font-size:48px}.h-lead{font-size:17px;margin:14px 0 20px}.h-moc .h2{font-size:38px;margin-bottom:16px}
 .maska-s,.kontakt,.kasa,.prod{grid-template-columns:minmax(0,1fr)}.maska-s{padding:80px 20px}
 .siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.k-tr{padding:14px}.k-tr h3{font-size:24px}.nuty{display:none}.cena{font-size:20px}
 .kawy-s,.parz-s{padding:80px 16px}.parz{grid-template-columns:minmax(0,1fr)}
 .info-pas{grid-template-columns:repeat(2,minmax(0,1fr))}
 .onas-k{grid-template-columns:minmax(0,1fr)}.mapa-w,.kasa-p,.p-foto{position:static}
 .profil{grid-template-columns:minmax(0,1fr)}.profil svg{max-width:220px;margin:0 auto}
 .stopka{grid-template-columns:minmax(0,1fr)}.zapr{padding:30px 24px}.dwa{grid-template-columns:minmax(0,1fr)}
 .dane li{grid-template-columns:minmax(0,1fr)}.toast{white-space:normal;width:calc(100% - 32px);text-align:center;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}}
.zapr p.zapr-m{margin:12px 0 0;font:400 16px/1.55 "Hanken Grotesk",sans-serif;color:#c8b8a4;max-width:620px}
.k-stopka{display:block}
@media(max-width:899px){.h-tekst{bottom:28px}.h-moc{bottom:40px}.przewin{display:none}.h-tekst h1{font-size:64px;margin-bottom:18px}.h-lead{margin:10px 0 16px}.glowa{top:36%}}
.hero-in{top:var(--hg,72px);height:calc(100vh - var(--hg,72px) - var(--pp,0px));height:calc(100svh - var(--hg,72px) - var(--pp,0px))}
.toast{transform:translate(-50%,220%);opacity:0;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .3s}.toast.on{transform:translate(-50%,0);opacity:1}
.etk{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;padding:4% 3%;text-align:center;color:#2a1d15;container-type:inline-size;pointer-events:none}
.etk i{width:14cqw;aspect-ratio:1;border-radius:50%;border:max(1px,1.2cqw) solid #c9a35c;box-shadow:inset 0 0 0 3cqw #f6efe5,inset 0 0 0 9cqw #c9a35c;margin-bottom:4cqw}
.etk b{font:600 17cqw/1 "Cormorant Garamond",serif;letter-spacing:.01em}
.etk small{font:600 6.4cqw/1.3 "Hanken Grotesk",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6b5848}
.etk em{margin-top:6cqw;font:600 6cqw/1 "Hanken Grotesk",sans-serif;font-style:normal;letter-spacing:.2em;color:#9a7a3e}
.k-foto img,.p-foto img{object-position:50% 50%}
.k-il button{width:44px;height:44px}
/* 7.11: zdjecie kawy w karcie produktu miesci sie w calosci na ekranie */
.prod{padding-top:40px}.p-foto{width:100%;justify-self:center;top:calc(var(--hg,84px) + 20px);max-width:calc((100vh - var(--hg,84px) - var(--pp,0px) - 110px)*.8);max-width:calc((100svh - var(--hg,84px) - var(--pp,0px) - 110px)*.8)}
@media(max-width:899px){.p-foto{max-width:min(100%,calc((100vh - var(--hg,70px) - 40px)*.8))}}
/* 7.11: oczy na starcie ciemne, rozzarzaja sie stopniowo */
.cien{position:absolute;width:11%;height:8.5%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#0d0806 0,#0d0806 68%,rgba(13,8,6,0) 100%);mix-blend-mode:multiply;opacity:var(--z,1);pointer-events:none}
#cienL{left:45.85%;top:53.1%}#cienP{left:63.55%;top:53.9%}
/* 7.11, 20:05: caly sklep ciemny, bez jasnych sekcji */
.kawy-s,.parz-s,.koszyk{--krem:#1f1510;--krem2:#2b1d15;--tx:#f3e9dc;--tx2:#bca88f}
.kawy-s{background:radial-gradient(70% 50% at 50% 0,rgba(201,163,92,.08),transparent 70%),var(--esp2)}
.parz-s{background:var(--esp);border-top:1px solid rgba(201,163,92,.18)}
.karta{background:linear-gradient(180deg,#2b1d15,#1c130e);border:1px solid rgba(201,163,92,.28);box-shadow:0 24px 40px -30px rgba(0,0,0,.8)}
.karta:hover{border-color:rgba(230,201,140,.75);box-shadow:0 30px 60px -28px rgba(0,0,0,.9),0 0 40px -8px rgba(201,163,92,.35)}
.k-tr h3,.cena{color:var(--zl2)}
.nuty span{background:rgba(201,163,92,.12);border:1px solid rgba(201,163,92,.25);color:#e9dccb}
.zakl button{border-color:rgba(201,163,92,.4);color:var(--jasny)}
.parz div{background:linear-gradient(180deg,#2b1d15,#1c130e);border:1px solid rgba(201,163,92,.25)}
.parz b{color:var(--zl2)}
.koszyk{background:#1a110c;border-left:1px solid rgba(201,163,92,.25);color:var(--jasny)}
.zamk,.k-il button{border-color:rgba(201,163,92,.4);color:var(--jasny)}
.k-lista .poz{border-color:rgba(201,163,92,.15)}
.prog i{background:rgba(201,163,92,.15)}
.kod-w input{background:#2b1d15;color:var(--jasny);border-color:rgba(201,163,92,.35)}
.kod-w button{border:1px solid rgba(201,163,92,.5)}
.zakl button[aria-selected="true"]{background:var(--zl);color:#1a110c;border-color:var(--zl)}
input[type=radio],input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:22px;height:22px;margin:0;border:1.5px solid rgba(201,163,92,.6);background:#2b1d15;cursor:pointer;display:inline-grid;place-content:center;vertical-align:middle}
input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:6px}
input[type=radio]:checked{background:radial-gradient(circle,var(--zl2) 0 40%,#2b1d15 46%)}
input[type=checkbox]:checked{background:var(--zl);border-color:var(--zl)}
input[type=checkbox]:checked::after{content:"";width:6px;height:11px;border:solid #1a110c;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--zl2);outline-offset:3px}
/* 7.11, 20:15: twarz nie rosnie i nie jest ucinana, dol intro miekko przechodzi w kolejna sekcje */
.glowa{top:50%;width:min(1150px,104vh);transform:translate(-50%,calc(-50% + var(--y,0%))) scale(var(--s,1))}
.hero-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to bottom,rgba(20,13,9,0),var(--esp) 92%);pointer-events:none;z-index:1}
.h-tekst,.h-moc,.przewin{z-index:2}
@media(max-width:899px){.glowa{top:36%;width:150vw}.hero-in::after{height:22%}}
/* 7.11, 21:00: filizanka w intro, para plynie do oczu */
.intro-fil{position:absolute;left:81%;bottom:3%;width:min(310px,23vw);transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 100%;z-index:2;pointer-events:none;opacity:0;animation:filWej 1.6s .2s ease forwards}
.intro-fil img{display:block;width:100%;height:auto}
@keyframes filWej{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.para{z-index:2}
@media(max-width:899px){.intro-fil{left:auto;right:2%;bottom:26px;width:36vw;transform:scale(var(--cs,1));transform-origin:100% 100%}}
@media(prefers-reduced-motion:reduce){.intro-fil{animation:none;opacity:1}}
@media(max-width:899px){.intro-fil img{transition:opacity .5s}.hero.f2 .intro-fil img{opacity:0}}
/* 7.11, 22:00: stany magazynowe w sklepie */
.k-stan{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(20,13,9,.82);border:1px solid rgba(230,201,140,.5);color:var(--zl2);font-size:13px;font-weight:600;white-space:nowrap}
.karta.brak .k-foto img,.karta.brak .k-foto svg{filter:grayscale(.7) brightness(.7)}
.dodaj:disabled,#pDodaj:disabled{opacity:.4;cursor:not-allowed}
.p-stan{margin:-10px 0 20px;font-size:15px;color:#a8c48a}.p-stan.malo{color:var(--zl2)}.p-stan.brak{color:#e59a7a}
/* panel wlasciciela: logowanie i tryb edycji */
.st-panel{display:inline-flex;align-items:center;min-height:48px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:rgba(201,163,92,.5);text-underline-offset:4px;cursor:pointer;text-align:left}
.st-panel:hover{color:var(--zl2)}
.ed-okno{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(8,5,3,.72);backdrop-filter:blur(6px)}
.ed-okno[hidden]{display:none}
.ed-k{width:min(480px,100%);padding:30px 28px;border-radius:24px;background:linear-gradient(180deg,#2b1d15,#1a110c);border:1px solid rgba(201,163,92,.4);box-shadow:0 40px 80px -30px #000}
.ed-k h2{font-size:clamp(30px,4vw,40px);margin:0 0 12px}
.ed-k p{color:#d9c9b4;margin:0 0 18px}
.ed-pole{display:block;margin:0 0 12px;font-size:14px;color:#bca88f}.ed-pole input{margin-top:6px;opacity:.75}
.ed-przyc{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ed-pasek{position:fixed;left:50%;bottom:16px;z-index:110;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:10px 12px 10px 18px;border-radius:999px;background:rgba(26,17,12,.94);border:1px solid rgba(201,163,92,.55);box-shadow:0 20px 50px -20px #000;backdrop-filter:blur(8px)}
.ed-pasek[hidden]{display:none}
.ed-t{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--jasny)}.ed-t small{color:#bca88f}
.ed-t i{width:9px;height:9px;border-radius:50%;background:transparent}.ed-t i.on{background:#e59a7a;box-shadow:0 0 10px #e59a7a}
.ed-p{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ed-b{flex:0 0 auto;display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(201,163,92,.45);background:transparent;color:var(--jasny);font:600 15px "Hanken Grotesk",sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.ed-b.zl{background:var(--zl);border-color:var(--zl);color:#1a110c}
.ed-b[aria-pressed=true]{background:rgba(201,163,92,.2)}
body.edycja [contenteditable=true]{outline:1px dashed rgba(230,201,140,.55);outline-offset:4px;border-radius:4px;cursor:text}
body.edycja [contenteditable=true]:hover,body.edycja [contenteditable=true]:focus{outline:2px solid var(--zl2);background:rgba(201,163,92,.08)}
.ed-foto{position:absolute;left:50%;top:14px;z-index:5;transform:translateX(-50%);display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--zl);color:#1a110c;font:600 14px "Hanken Grotesk",sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -8px #000}
body.ed-podglad .ed-foto{display:none}
body.edycja .stopka{padding-bottom:110px}
@media(max-width:899px){.ed-pasek{left:12px;right:12px;bottom:12px;transform:none;width:auto;max-width:none;flex-direction:column;align-items:stretch;gap:6px;padding:10px;border-radius:22px}.ed-t{justify-content:center}.ed-b{padding:0 14px}body.edycja .stopka{padding-bottom:170px}}
.ed-pole input{display:block;width:100%;min-height:48px;padding:10px 16px;border:1px solid rgba(201,163,92,.35);border-radius:14px;background:#24180f;color:var(--jasny);font:400 16px "Hanken Grotesk",sans-serif}
@media(max-width:899px){.ed-p{flex-wrap:wrap;justify-content:center;overflow:visible}.ed-b{min-height:44px;padding:0 12px;font-size:14px}body.edycja .stopka{padding-bottom:200px}}
/* 7.11, 22:25: platnosc pokazowa */
.pl-okno{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:16px;background:rgba(8,5,3,.78);backdrop-filter:blur(6px)}
.pl-okno[hidden]{display:none}
.pl-k{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:28px 26px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#2b1d15,#1a110c);border:1px solid rgba(201,163,92,.45);box-shadow:0 40px 90px -30px #000;animation:plWej .45s cubic-bezier(.2,1.2,.4,1)}
@keyframes plWej{from{opacity:0;transform:translateY(24px) scale(.96)}}
.pl-k h2{font-size:clamp(28px,4vw,34px);margin:6px 0 8px}
.pl-k p{color:#d9c9b4;margin:0 0 14px}
.pl-kw{font:600 48px/1 "Cormorant Garamond",serif;color:var(--zl2)!important;margin:4px 0 4px!important;white-space:nowrap}
.pl-nr{font-size:14px;color:#a99582!important}
.pl-mal{font-size:14px;color:#a99582!important;margin:10px 0 0!important}
.pl-tel{position:relative;width:64px;height:104px;margin:18px auto 14px;border:2px solid var(--zl);border-radius:14px}
.pl-tel::before{content:"";position:absolute;left:50%;top:6px;width:16px;height:3px;border-radius:2px;background:var(--zl);transform:translateX(-50%)}
.pl-tel i{position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:50%;background:var(--zl2);transform:translate(-50%,-50%);box-shadow:0 0 0 0 rgba(230,201,140,.6);animation:plPuls 1.2s ease-out infinite}
@keyframes plPuls{to{box-shadow:0 0 0 26px rgba(230,201,140,0)}}
.pl-bank{width:70px;height:70px;margin:18px auto 14px;border-radius:50%;border:2px solid var(--zl);background:radial-gradient(circle,rgba(230,201,140,.25),transparent 70%);position:relative}
.pl-bank::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:18px;border:2px solid var(--zl2);border-top-width:8px;border-radius:4px;transform:translate(-50%,-30%)}
.pl-pas{height:6px;margin:10px 0 0;border-radius:3px;background:rgba(201,163,92,.18);overflow:hidden}
.pl-pas i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#b8743c,var(--zl2));transform-origin:left;animation:plPas 3.2s linear both}
@keyframes plPas{from{transform:scaleX(0)}}
.pl-piecz{width:96px;height:96px;margin:18px auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f3d99a,#c9a35c 70%);box-shadow:0 0 0 8px rgba(201,163,92,.18),0 0 60px rgba(230,201,140,.55);animation:plPiecz .7s cubic-bezier(.2,1.6,.4,1)}
.pl-piecz svg{width:48px;height:48px;fill:none;stroke:#1a110c;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pl-piecz.zle{background:radial-gradient(circle,#f1b49a,#c9634a 70%);box-shadow:0 0 0 8px rgba(229,154,122,.18)}
@keyframes plPiecz{from{transform:scale(0) rotate(-40deg)}}
.pl-dol{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px}
.pl-link{min-height:44px;padding:0 4px;border:0;background:none;color:#bca88f;font:600 14px "Hanken Grotesk",sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.pl-link:hover{color:var(--zl2)}
.pl-k .btn.szer{width:100%;margin-top:6px}