/* Dodatki dla wersji PHP (podstrony, formularz, film, menu językowe) */
.page .sec-head{padding-top:12px}
.page .sec-head h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.01em;margin:14px 0 18px}
.phero{padding:40px 0 10px}
.prose{max-width:860px;margin:0 auto clamp(48px,6vw,96px);font-size:17px;line-height:1.75;color:var(--ink,#2E3238)}
.prose h2{font-size:clamp(22px,2.6vw,30px);margin:40px 0 14px;letter-spacing:-.01em}
.prose h3{font-size:19px;margin:28px 0 10px}
.prose p{margin:0 0 16px}
.prose ul{margin:0 0 18px 20px;padding:0}
.prose li{margin:6px 0}
.prose a{border-bottom:1px solid var(--gold,#C48C2A)}
.prose strong{font-weight:600}
.video.big{aspect-ratio:16/9;max-width:980px;margin:0 auto 48px;position:relative;border-radius:4px;overflow:hidden;background:#111}
.video video{width:100%;height:100%;object-fit:cover;display:block}
.video.playing .play,.video.playing .cap{display:none}
.filters a.chip{text-decoration:none;display:inline-block}
.f.err input,.f.err textarea{border-color:#b43b2e}
.check.err span{color:#b43b2e}
.ferr{grid-column:1/-1;background:#fbe9e6;color:#8b2a20;padding:14px 18px;border-radius:4px;font-size:14px}
.sent.full{grid-column:1/-1}
.m-lang{display:flex;gap:18px;padding:24px 0 0;font-size:13px;letter-spacing:.2em}
.m-lang a.on{color:var(--gold,#C48C2A)}
.crumbs span:last-child{color:#8E939B}
.nav a.active::after{width:100%}
@media (max-width:900px){.prose{font-size:16px}}

/* mapa dojazdu z Google Maps */
.map a.maplink{display:block;position:absolute;inset:0}
.map a.maplink img,.map>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.map a.maplink:hover img{transform:scale(1.03)}
.map .mapcap{position:absolute;right:12px;bottom:12px;background:rgba(46,50,56,.85);color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:3px}
/* potwierdzenie wysłania formularza */
.form .sent{background:#fff;padding:28px 0;font-size:1.25rem;font-weight:600;line-height:1.5;color:var(--ink,#2E3238)}
/* atrybut hidden ma pierwszeństwo przed display:flex/grid */
[hidden]{display:none!important}
/* wyróżnienia produktów (Bestseller, Nowość...) */
.card .badge{position:absolute;top:14px;right:14px;z-index:2;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 11px;background:#fff;border:1.5px solid #C48C2A;color:#2E3238;border-radius:2px}
.badge.dark{border-color:#2E3238;background:#2E3238;color:#fff}
.badge.outline{background:transparent;border-color:#2E3238;color:#2E3238}
.badge.solid{background:#C48C2A;border-color:#C48C2A;color:#fff}
.badge.big{display:inline-block;margin-bottom:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;background:#fff;border:1.5px solid #C48C2A;color:#2E3238;border-radius:2px}

/* pasek targowy */
.fairbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:14px;padding:12px clamp(16px,4vw,48px);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#2E3238;color:#F4EBDE;font-size:.92rem;letter-spacing:.02em;box-shadow:0 -6px 24px rgba(0,0,0,.18);animation:fairin .6s var(--ease,ease) both}
.fairbar.live{background:#C48C2A;color:#fff}
.fairbar .dot{flex:none;width:9px;height:9px;border-radius:50%;background:#C48C2A;box-shadow:0 0 0 0 rgba(196,140,42,.6);animation:fairpulse 1.8s infinite}.fairbar.live .dot{background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6)}
.fairbar .txt{flex:1;min-width:0}.fairbar .more{flex:none;color:inherit;border:1px solid currentColor;padding:6px 12px;border-radius:2px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.fairbar .more:hover{background:rgba(255,255,255,.14)}
.fairbar .x{flex:none;background:none;border:0;color:inherit;font-size:1rem;cursor:pointer;opacity:.75;padding:4px 6px}.fairbar .x:hover{opacity:1}
@keyframes fairin{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fairpulse{0%{box-shadow:0 0 0 0 rgba(196,140,42,.6)}70%{box-shadow:0 0 0 10px rgba(196,140,42,0)}100%{box-shadow:0 0 0 0 rgba(196,140,42,0)}}
@media(max-width:700px){.fairbar{font-size:.84rem;gap:10px}.fairbar .more{display:none}}
.fairbar .collab{flex:none;display:flex;align-items:center;gap:10px;padding-right:14px;margin-right:4px;border-right:1px solid rgba(255,255,255,.25)}.fairbar .collab img{height:26px;width:auto;max-width:130px;object-fit:contain}.fairbar .collab i{font-style:normal;opacity:.7;font-size:1.1rem}
@media(max-width:700px){.fairbar .collab{display:none}}
body:has(#fairbar:not([hidden])) .cookie{bottom:calc(72px + env(safe-area-inset-bottom,0px))}

/* baner targowy (wariant duży, u góry na hero) */
.fairbar.banner{bottom:auto;top:clamp(84px,11vh,120px);left:50%;right:auto;transform:translateX(-50%);width:min(1100px,calc(100% - 32px));flex-wrap:wrap;justify-content:center;text-align:center;gap:12px 22px;padding:clamp(14px,2.2vw,22px) clamp(20px,4vw,48px) clamp(16px,2.4vw,24px);background:none;border:0;box-shadow:none;color:#fff;font-size:clamp(1.15rem,2.1vw,1.7rem);font-weight:300;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.6);animation:bannerin .8s var(--ease,ease) both}
.fairbar.banner.live{color:#fff}.fairbar.banner.live .txt{color:#F2D59A}.fairbar.banner .collab img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.fairbar.banner .more{backdrop-filter:blur(6px);background:rgba(0,0,0,.25);text-shadow:none}.fairbar.banner .x{text-shadow:0 1px 6px rgba(0,0,0,.7)}
.fairbar.banner .dot{display:none}
.fairbar.banner .collab{width:100%;justify-content:center;border-right:0;padding:0;margin:0 0 4px}.fairbar.banner .collab img{height:38px;max-width:200px}
.fairbar.banner .txt{flex:1 1 100%}.fairbar.banner .txt::before{content:"";display:block;width:36px;height:1px;background:#C48C2A;margin:0 auto 12px}.fairbar.banner.live .txt::before{background:#fff}
.fairbar.banner .more{font-size:.82rem;padding:9px 18px}.fairbar.banner .x{position:absolute;top:8px;right:8px}
@keyframes bannerin{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:700px){.fairbar.banner{top:76px;font-size:1rem;padding:18px 16px 16px}.fairbar.banner .collab{display:flex}.fairbar.banner .collab img{height:28px;max-width:140px}.fairbar.banner .more{display:inline-block}}
body:has(#fairbar.banner:not([hidden])) .cookie{bottom:max(18px,env(safe-area-inset-bottom,0px))}