/* =========================================================================
   DaveTheDavil — Front theme (baza strukturalna, współdzielona przez wszystkie
   3 skórki). Kolory/typografia specyficzne dla skórki nadpisywane są przez
   pliki w /skins/ (ładowane PO tym pliku) — patrz active_theme() w helpers.php
   i partials/layout.php. Zmienne poniżej to wartości domyślne skórki "spade".
   ========================================================================= */
:root{
  --bg:#0b0b0d;
  --bg-alt:#141416;
  --card:#18181b;
  --card-2:#1e1e22;
  --text:#f2f1ee;
  --muted:#9a9aa2;
  --accent:#e0112c;
  --accent2:#ff2d47;
  --on-accent:#ffffff;
  --border:#2a2a30;
  --border-soft:#232327;
  --danger:#ff4d4d;
  --success:#35c26b;
  --radius:14px;
  --radius-sm:8px;
  --header-h:70px;
  --font-body:'Poppins',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --font-display:'Bebas Neue',var(--font-body);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --safe-right:env(safe-area-inset-right,0px);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  padding-left:var(--safe-left);
  padding-right:var(--safe-right);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1220px;margin:0 auto;padding:0 24px;}
h1,h2,h3{font-weight:600;margin:0 0 12px;letter-spacing:.2px;}
::selection{background:var(--accent);color:#fff;}

.spade-mark{color:var(--accent);}
.eyebrow{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-size:.85rem;}

/* ===== Header / nawigacja ===== */
.site-header{
  background:rgba(11,11,13,.85);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:200;
  padding-top:var(--safe-top);
}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px;min-height:var(--header-h);}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px;line-height:1;}
.logo img{height:36px;width:auto;display:block;}
.logo .name b{color:var(--accent);}
nav.main-nav{display:flex;gap:26px;font-size:.92rem;font-weight:500;align-items:center;}
nav.main-nav a{opacity:.85;position:relative;padding:6px 0;}
nav.main-nav a:hover,nav.main-nav a.active{opacity:1;color:var(--accent);}
.header-icons{display:flex;gap:16px;align-items:center;}
.header-icons a{opacity:.8;font-size:1.05rem;}
.header-icons a:hover{opacity:1;}
.cart-icon{position:relative;}
.cart-badge{position:absolute;top:-8px;right:-10px;background:var(--accent);color:#fff;font-size:.65rem;padding:1px 6px;border-radius:10px;}

/* ===== Wybór skórki przez ODWIEDZAJĄCEGO (osobista preferencja, patrz ThemeController) =====
   Uwaga: kolory tego widżetu są CELOWO na sztywno (nie przez var(--card) itp.), a nie zależne
   od aktualnie wybranej skórki. Skórka „plakat” jest jasna/kremowa — gdyby to menu dziedziczyło
   jej kolory, u każdego, kto ją wybrał (choćby przez chwilę), samo menu wyboru skórki robiłoby się
   jasne/kontrastowe. To menu to element narzędziowy, więc zawsze wygląda tak samo: dyskretnie,
   ciemno, niezależnie od tego, jaka skórka jest aktualnie aktywna. */
.theme-picker{position:relative;}
.theme-picker summary{list-style:none;cursor:pointer;width:34px;height:34px;border-radius:50%;border:1px solid #2a2a30;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#18181b;color:#f2f0ee;}
.theme-picker summary::-webkit-details-marker{display:none;}
.theme-picker[open] summary{border-color:#e0112c;}
.theme-picker .picker-menu{position:absolute;top:calc(100% + 10px);right:0;background:#18181b;border:1px solid #2a2a30;border-radius:12px;padding:10px;width:236px;box-shadow:0 20px 45px -10px rgba(0,0,0,.5);z-index:250;}
.theme-picker .picker-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:#9a9aa2;padding:4px 8px 8px;}
.theme-picker .picker-option{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid transparent;color:#f2f0ee;padding:9px 8px;border-radius:8px;font-size:.85rem;font-family:inherit;cursor:pointer;text-align:left;}
.theme-picker .picker-option:hover{background:#232327;}
.theme-picker .picker-option.active{border-color:#e0112c;background:#232327;font-weight:600;}
.theme-picker .picker-reset{color:#9a9aa2;border-top:1px solid #29292e;margin-top:4px;padding-top:12px;border-radius:0;}
.theme-picker .swatch{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;border:1px solid rgba(255,255,255,.15);}
.swatch-spade{background:linear-gradient(135deg,#0b0b0d,#e0112c);}
.swatch-photo{background:linear-gradient(135deg,#0c0b0c,#c81e3a);}
.swatch-trident{background:linear-gradient(135deg,#000,#e2172c);}
.swatch-neon{background:linear-gradient(135deg,#0a0715,#ff2e6d 55%,#00e5ff);}
.swatch-plakat{background:linear-gradient(135deg,#f2ead9,#b31217);color:#211a12;}
@media(max-width:880px){
  .theme-picker .picker-menu{right:-10px;}
}

/* --- Mobile drawer nav (hamburger), działa na front i w panelu admina --- */
.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:8px;font-size:1.2rem;align-items:center;justify-content:center;cursor:pointer;}
.nav-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:299;}
@media(max-width:880px){
  .nav-toggle{display:inline-flex;}
  nav.main-nav{
    position:fixed;top:0;right:0;height:100vh;width:78%;max-width:340px;
    background:#101012;border-left:1px solid var(--border);
    flex-direction:column;align-items:flex-start;justify-content:flex-start;
    padding:calc(24px + var(--safe-top)) 26px 26px;gap:6px;
    transform:translateX(100%);transition:transform .25s ease;z-index:300;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  nav.main-nav.open{transform:translateX(0);}
  nav.main-nav a{width:100%;padding:13px 0;border-bottom:1px solid var(--border-soft);font-size:1.02rem;}
  body.nav-open .nav-scrim{display:block;}
  body.nav-open{overflow:hidden;}
}

/* ===== Przyciski ===== */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);border:none;padding:13px 24px;border-radius:9px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:.15s;white-space:nowrap;}
.btn:hover{background:var(--accent2);transform:translateY(-1px);}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);}
.btn-outline:hover{background:var(--card);border-color:var(--accent);color:var(--accent);}
.btn-sm{padding:8px 16px;font-size:.8rem;}
.btn-danger{background:var(--danger);}
.btn-block{width:100%;justify-content:center;}
.btn-ghost{background:transparent;color:var(--accent);padding:8px 4px;}

/* ===== Hero — skórka "spade" (domyślna): wideo na pierwszym planie ===== */
.hero-spade{position:relative;padding:64px 0 40px;overflow:hidden;}
.hero-spade::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 75% 10%,rgba(224,17,44,.18),transparent 70%);pointer-events:none;}
.hero-spade .inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.hero-spade h1{font-family:var(--font-display);font-size:3.2rem;line-height:1;letter-spacing:1px;margin-bottom:14px;}
.hero-spade p.lead{color:var(--muted);max-width:440px;font-size:1.02rem;margin-bottom:26px;}
.hero-spade .hero-media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:9/13;background:var(--card);box-shadow:0 30px 60px -20px rgba(224,17,44,.35);}
.hero-spade .hero-media img,.hero-spade .hero-media video{width:100%;height:100%;object-fit:cover;}
.hero-spade .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:28px;margin-top:30px;}
.hero-stats div b{display:block;font-family:var(--font-display);font-size:1.6rem;color:var(--accent);}
.hero-stats div span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}

/* ===== Hero — skórka "photo": duży portret ===== */
.hero-photo{position:relative;background:linear-gradient(180deg,#000,var(--bg) 85%);padding:0 0 10px;}
.hero-photo .frame{position:relative;height:min(78vh,640px);overflow:hidden;}
.hero-photo .frame img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);}
.hero-photo .frame::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,rgba(11,11,13,.15) 40%,rgba(11,11,13,.05) 100%),radial-gradient(45% 55% at 18% 30%,rgba(224,17,44,.28),transparent 70%);}
.hero-photo .caption{position:absolute;left:0;right:0;bottom:0;padding:0 0 46px;}
.hero-photo .caption .container{position:relative;}
.hero-photo h1{font-family:var(--font-display);font-size:3.4rem;letter-spacing:1px;line-height:1;margin-bottom:10px;}
.hero-photo h1 b{color:var(--accent);}
.hero-photo p.lead{color:#d8d6d2;max-width:460px;margin-bottom:22px;}
.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:34px 0;}
.quicklink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:flex-start;}
.quicklink .ic{font-size:1.4rem;color:var(--accent);}
.quicklink strong{display:block;margin-bottom:3px;}
.quicklink span{font-size:.82rem;color:var(--muted);}
.facts-grid,.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;}
.fact-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;}
.fact-card .ic{font-size:1.5rem;color:var(--accent);margin-bottom:8px;}
.fact-card b,.fact-card .t{display:block;font-size:1.02rem;}
.fact-card span,.fact-card .d{font-size:.8rem;color:var(--muted);}
@media(max-width:640px){.facts-grid,.fact-grid{grid-template-columns:repeat(2,1fr);}}
.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:20px 0 50px;}
.about-sidebar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;align-self:start;position:sticky;top:calc(var(--header-h) + 24px);}
.about-sidebar h4{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:14px;}
.about-sidebar a{display:block;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:.9rem;}
.quote-block{border-left:3px solid var(--accent);padding:6px 0 6px 20px;margin:30px 0;font-style:italic;color:#d8d6d2;font-size:1.05rem;}
.quote-block cite,.quote-block .who{display:block;margin-top:8px;color:var(--accent);font-style:normal;font-size:.85rem;}
.quote-block .spade{color:var(--accent);font-size:1.3rem;font-style:normal;margin-right:6px;}

/* ===== Hero — skórka "trident": Creator Hub, pełnoekranowe zdjęcie + tabsy ===== */
body[data-theme="trident"] .site-header{background:#000;}
.tabs-top{letter-spacing:2px;text-transform:uppercase;font-size:.8rem;}
.tabs-top a{padding:8px 2px;}
.hero-trident{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#000;}
.hero-trident .bg{position:absolute;inset:0;}
.hero-trident .bg img{width:100%;height:100%;object-fit:cover;opacity:.55;}
.hero-trident .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 20%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,#000,transparent 60%);}
.hero-trident .trident-glyph{position:absolute;left:2%;top:8%;font-size:9rem;color:var(--accent);opacity:.5;font-family:Georgia,serif;transform:rotate(8deg);}
.hero-trident .content{position:relative;padding:70px 0;width:100%;}
.hero-trident h1{font-family:var(--font-display);font-size:4rem;letter-spacing:1px;line-height:.95;margin-bottom:6px;}
.hero-trident h1 b{color:var(--accent);}
.hero-trident .sub{letter-spacing:4px;text-transform:uppercase;font-size:.85rem;color:#d8d6d2;margin-bottom:20px;}
.hero-trident p.lead{color:#c9c7c3;max-width:480px;margin-bottom:26px;}
.side-words{position:absolute;right:5%;bottom:12%;text-align:right;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:.95rem;color:#d8d6d2;}
.side-words .hl{color:var(--accent);}
.hosting-panel{background:linear-gradient(135deg,#16070a,var(--card));border:1px solid var(--accent);border-radius:var(--radius);padding:26px;}
.hosting-panel h3{font-family:var(--font-display);letter-spacing:1px;}
.hosting-panel ul{list-style:none;margin:14px 0 20px;padding:0;font-size:.9rem;}
.hosting-panel li{padding:5px 0;color:#d8d6d2;}
.hosting-panel li::before{content:'✔';color:var(--accent);margin-right:8px;}
.trident-triple{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;padding:10px 0 46px;align-items:start;}

/* ===== Hero — skórka "neon": nocny tryb, dwukolorowa poświata, linie skanowania ===== */
.hero-neon{position:relative;overflow:hidden;padding:82px 0 54px;background:radial-gradient(60% 60% at 18% 0%,rgba(255,46,109,.22),transparent 60%),radial-gradient(50% 50% at 88% 15%,rgba(0,229,255,.14),transparent 65%);}
.hero-neon .scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none;}
.hero-neon .neon-glyph{position:absolute;right:0%;top:-10%;font-size:20rem;line-height:1;color:var(--accent);opacity:.07;font-family:Georgia,serif;pointer-events:none;}
.hero-neon .content{position:relative;}
.neon-tag{display:inline-block;font-family:'Courier New',monospace;background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.4);color:#5eead4;padding:4px 12px;border-radius:30px;letter-spacing:1px;font-size:.78rem;}
.hero-neon h1{font-family:var(--font-display);font-size:3.6rem;line-height:1;letter-spacing:1px;margin:18px 0 14px;text-shadow:0 0 16px rgba(224,17,44,.5),0 0 42px rgba(224,17,44,.22);}
.hero-neon h1 b{color:var(--accent);}
.hero-neon p.lead{color:#cfc9e0;max-width:480px;margin-bottom:26px;}
.neon-stats{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.neon-stats div{background:rgba(255,255,255,.03);border:1px solid rgba(0,229,255,.25);border-radius:10px;padding:12px 18px;}
.neon-stats div b{display:block;font-family:var(--font-display);font-size:1.5rem;color:#5eead4;}
.neon-stats div span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}

/* ===== Hero — skórka "plakat": jasna, filmowy plakat w ramce ===== */
.hero-plakat{padding:56px 0 26px;}
.hero-plakat .inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center;}
.poster-frame{position:relative;border:10px solid #1c140c;border-radius:4px;aspect-ratio:3/4;overflow:hidden;background:#000;box-shadow:0 24px 50px -18px rgba(28,20,12,.35);}
.poster-frame img{width:100%;height:100%;object-fit:cover;}
.poster-frame a{display:block;position:relative;height:100%;}
.poster-frame .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;background:rgba(0,0,0,.25);opacity:0;transition:.2s;}
.poster-frame a:hover .play{opacity:1;}
.poster-text .eyebrow{display:block;margin-bottom:10px;}
.hero-plakat h1{font-family:var(--font-display);font-size:3.4rem;line-height:.98;letter-spacing:1px;margin:0 0 16px;}
.hero-plakat h1 b{color:var(--accent);}
.hero-plakat p.lead{max-width:440px;margin-bottom:24px;color:var(--muted);}
.poster-credits{margin-top:26px;font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;font-size:.8rem;color:var(--muted);border-top:2px solid #1c140c;padding-top:14px;}
@media(max-width:1000px){
  .hero-plakat .inner{grid-template-columns:1fr;}
  .poster-frame{max-width:320px;margin:0 auto;}
}

/* ===== Sekcje ogólne ===== */
.section{padding:46px 0;}
.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px;gap:12px;}
.section-title h2{font-family:var(--font-display);letter-spacing:.5px;font-size:1.7rem;}
.section-title a{font-size:.85rem;color:var(--accent);font-weight:600;white-space:nowrap;}
.section-title a:hover{color:var(--accent2);}

/* ===== Siatka wideo ===== */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.video-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--border);}
.video-card .thumb{position:relative;aspect-ratio:9/16;background:#000;overflow:hidden;}
.video-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.3s;}
.video-card:hover .thumb img{transform:scale(1.04);}
.video-card .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;opacity:0;transition:.2s;background:rgba(0,0,0,.25);}
.video-card:hover .play{opacity:1;}
.video-card .duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:.72rem;padding:2px 7px;border-radius:5px;}
.video-card .feat-badge{position:absolute;left:8px;top:8px;background:var(--accent);color:#fff;font-size:.65rem;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;}
.video-card .body{padding:13px 14px;}
.video-card .title{font-weight:600;font-size:.92rem;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.video-card .meta{font-size:.76rem;color:var(--muted);display:flex;gap:12px;}

/* Skórka "trident": kafle wideo poziome, z czasem trwania — patrz też skins/trident.css */
body[data-theme="trident"] .video-grid{grid-template-columns:repeat(3,1fr);}
body[data-theme="trident"] .video-card .thumb{aspect-ratio:16/9;}

/* Skórka "photo": kafle wideo także poziome, mniejsza siatka boczna */
body[data-theme="photo"] .video-grid{grid-template-columns:repeat(4,1fr);}
body[data-theme="photo"] .video-card .thumb{aspect-ratio:4/3;}

/* Skórka "neon": subtelna dwukolorowa poświata na obwódce kafla przy najechaniu */
body[data-theme="neon"] .video-card{border-color:#241a3d;transition:border-color .2s,box-shadow .2s;}
body[data-theme="neon"] .video-card:hover{border-color:#00e5ff;box-shadow:0 0 0 1px rgba(0,229,255,.35),0 14px 30px -10px rgba(255,46,109,.4);}
body[data-theme="neon"] .news-card{border-color:#241a3d;transition:border-color .2s,box-shadow .2s;}
body[data-theme="neon"] .news-card:hover{border-color:#00e5ff;box-shadow:0 0 0 1px rgba(0,229,255,.35),0 14px 30px -10px rgba(255,46,109,.4);}

/* Skórka "plakat": grubsza, "drukowana" obwódka kafli, 3 kolumny */
body[data-theme="plakat"] .video-grid{grid-template-columns:repeat(3,1fr);}
body[data-theme="plakat"] .video-card{border-width:2px;border-color:#1c140c;border-radius:6px;}
body[data-theme="plakat"] .graphics-card{border-width:2px;border-color:#1c140c;border-radius:6px;}
body[data-theme="plakat"] .news-card{border-width:2px;border-color:#1c140c;border-radius:6px;}

@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}

.video-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;}
.video-filters a{padding:8px 16px;border:1px solid var(--border);border-radius:30px;font-size:.82rem;color:var(--muted);}
.video-filters a:hover{color:var(--text);border-color:var(--accent);}
.video-filters a.active{background:var(--accent);border-color:var(--accent);color:#fff;}

/* ===== Widok filmu ===== */
.watch-layout{display:grid;grid-template-columns:2fr 1fr;gap:36px;padding:36px 0 60px;}
.player-wrap{border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border);}
.player-wrap video{width:100%;display:block;max-height:78vh;background:#000;}
.player-error{padding:22px;background:var(--card);border-top:1px solid var(--border);}
.player-error p{margin:0 0 14px;color:var(--muted);font-size:.9rem;line-height:1.5;}
.watch-title{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.4px;margin:20px 0 6px;}
.watch-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.88rem;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:18px;}
.like-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:30px;cursor:pointer;font-weight:600;font-size:.88rem;}
.like-btn.liked{background:var(--accent);border-color:var(--accent);color:#fff;}
.watch-desc{color:#d8d6d2;white-space:pre-line;font-size:.92rem;}
.related-list{display:flex;flex-direction:column;gap:14px;}
.related-card{display:flex;gap:12px;}
.related-card .thumb{width:120px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;flex-shrink:0;}
.related-card .thumb img{width:100%;height:100%;object-fit:cover;}
.related-card .title{font-size:.86rem;font-weight:600;line-height:1.3;}
.related-card .meta{font-size:.75rem;color:var(--muted);margin-top:4px;}
@media(max-width:900px){.watch-layout{grid-template-columns:1fr;}}

/* ===== Siatka grafik / memów ===== */
.graphics-grid{column-count:4;column-gap:16px;}
.graphics-card{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card);position:relative;}
.graphics-card img{width:100%;display:block;}
.graphics-card .cap{padding:10px 12px;font-size:.82rem;color:var(--muted);}
.graphics-card .feat-badge{position:absolute;left:8px;top:8px;background:var(--accent);color:#fff;font-size:.65rem;padding:3px 9px;border-radius:20px;text-transform:uppercase;}
@media(max-width:1000px){.graphics-grid{column-count:3;}}
@media(max-width:640px){.graphics-grid{column-count:2;}}

/* ===== Placeholder dla brakującego zdjęcia (zamiast rozciągania małego loga) ===== */
.img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--card-2),var(--card));}
.img-placeholder svg{width:32%;height:32%;max-width:60px;max-height:60px;opacity:.38;color:var(--muted);}
.post-cover .img-placeholder{aspect-ratio:16/7;}

/* ===== Aktualności / blog ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.news-card{display:block;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--border);}
.news-card .thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.3s;}
.news-card:hover .thumb img{transform:scale(1.04);}
.news-card .feat-badge{position:absolute;left:8px;top:8px;background:var(--accent);color:#fff;font-size:.65rem;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;}
.news-card .body{padding:15px 16px;}
.news-card .title{font-weight:600;font-size:.98rem;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .excerpt{font-size:.82rem;color:var(--muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .meta{font-size:.76rem;color:var(--muted);display:flex;gap:12px;}
@media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.news-grid{grid-template-columns:1fr;gap:12px;}}

.post-cover{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000;margin-bottom:20px;}
.post-cover img{width:100%;display:block;max-height:460px;object-fit:cover;}
.post-content{color:#d8d6d2;font-size:1.12rem;line-height:1.7;margin-bottom:28px;}
.post-content p{margin:0 0 16px;}
.post-content a{color:var(--accent);}
.post-content img{max-width:100%;border-radius:10px;}

.share-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:28px;}
.share-label{color:var(--muted);font-size:.85rem;margin-right:4px;}
.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:30px;border:1px solid var(--border);color:var(--text);font-size:.82rem;text-decoration:none;background:var(--card);cursor:pointer;font-family:inherit;}
.share-btn:hover{border-color:var(--accent);color:var(--accent);}

.comments-section{margin-top:8px;}
.comment-list{display:flex;flex-direction:column;gap:16px;margin-bottom:26px;}
.comment{padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);}
.comment-head{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;margin-bottom:6px;}
.comment-head span{color:var(--muted);}
.comment p{margin:0;font-size:.9rem;color:#d8d6d2;white-space:pre-line;}
.comment-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;}

/* ===== Sklep (moduł opcjonalny — style zachowane na wypadek włączenia) ===== */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.value-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr);}}
.product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;}
.product-card .img{aspect-ratio:3/4;background:var(--bg-alt);overflow:hidden;}
.product-card .img img{width:100%;height:100%;object-fit:cover;}
.product-card .body{padding:14px;}
.product-card .name{font-weight:500;font-size:.95rem;margin-bottom:4px;}
.product-card .price{font-weight:600;}
.product-card .price .old{color:var(--muted);text-decoration:line-through;font-weight:400;font-size:.85rem;margin-right:6px;}
.badge{position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;font-size:.65rem;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;}
.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:36px;padding:36px 0;}
.filters{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;align-self:start;}
.filters h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;}
.filters label{display:block;margin:6px 0;font-size:.88rem;}
.filters select,.filters input[type=number]{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;margin-bottom:14px;background:var(--card-2);color:var(--text);}
@media(max-width:900px){.shop-layout{grid-template-columns:1fr;}}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:36px 0;}
.gallery-main{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:var(--bg-alt);margin-bottom:12px;}
.gallery-main img{width:100%;height:100%;object-fit:cover;}
.gallery-thumbs{display:flex;gap:10px;}
.gallery-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);}
.product-info .price-row{font-size:1.4rem;font-weight:600;margin:10px 0 18px;}
.option-group{margin-bottom:18px;}
.option-group label.title{font-size:.85rem;font-weight:600;display:block;margin-bottom:8px;}
.pill{display:inline-block;border:1px solid var(--border);padding:7px 14px;border-radius:6px;margin:0 6px 6px 0;cursor:pointer;font-size:.85rem;}
.pill input{display:none;}
.pill:has(input:checked){background:var(--accent);color:#fff;border-color:var(--accent);}
.qty-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;width:fit-content;}
.qty-input button{background:none;border:none;padding:10px 14px;cursor:pointer;font-size:1rem;color:var(--text);}
.qty-input input{width:50px;border:none;text-align:center;font-family:inherit;background:transparent;color:var(--text);}
.tabs{margin-top:20px;border-top:1px solid var(--border);padding-top:20px;}
.cart-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;}
.cart-table th,.cart-table td{padding:14px;border-bottom:1px solid var(--border);text-align:left;font-size:.9rem;}
.cart-summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;align-self:start;}
.cart-summary .row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:var(--muted);}
.cart-summary .row.total{color:var(--text);font-weight:700;font-size:1.2rem;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;}
.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:36px 0;}
@media(max-width:900px){.cart-layout,.product-page{grid-template-columns:1fr;}}

/* ===== Formularze ===== */
form .form-row{margin-bottom:16px;}
form label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;}
form input[type=text],form input[type=email],form input[type=tel],form input[type=password],form input[type=number],form select,form textarea{
  width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:9px;font-family:inherit;font-size:16px;background:var(--card-2);color:var(--text);
}
form input::placeholder,form textarea::placeholder{color:var(--muted);}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--accent);}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
@media(max-width:640px){.grid2{grid-template-columns:1fr;}}

/* ===== Komunikaty ===== */
.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px;font-size:.9rem;}
.alert.success{background:rgba(53,194,107,.12);color:var(--success);border:1px solid rgba(53,194,107,.35);}
.alert.error{background:rgba(255,77,77,.12);color:var(--danger);border:1px solid rgba(255,77,77,.35);}

/* ===== Stopka ===== */
.site-footer{background:#000;color:#c9c7c3;margin-top:60px;padding:50px 0 calc(26px + var(--safe-bottom));border-top:1px solid var(--border);}
.site-footer a{color:#c9c7c3;}
.site-footer a:hover{color:var(--accent);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;margin-bottom:32px;}
.footer-brand{display:flex;align-items:center;gap:12px;}
.footer-brand img{height:40px;}
.footer-brand .name{font-family:var(--font-display);font-size:1.5rem;letter-spacing:1px;color:#fff;}
.footer-brand .name b{color:var(--accent);}
.footer-tag{color:var(--muted);font-size:.85rem;max-width:320px;margin-top:6px;}
.footer-social{display:flex;gap:14px;}
.footer-social a{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;}
.footer-social a:hover{border-color:var(--accent);}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:28px;}
.footer-grid h4{color:#fff;font-size:.82rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
.footer-grid ul{list-style:none;padding:0;margin:0;}
.footer-grid li{margin-bottom:8px;font-size:.85rem;opacity:.85;}
.footer-bottom{border-top:1px solid var(--border);padding-top:18px;font-size:.78rem;opacity:.7;text-align:center;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;} .footer-bottom{justify-content:center;text-align:center;}}

.empty-state{text-align:center;padding:60px 0;color:var(--muted);}
.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:16px;}
.breadcrumb a:hover{color:var(--accent);}
.page-content{padding:40px 0;max-width:820px;margin:0 auto;}
.page-content img{border-radius:var(--radius);}

.pager{display:flex;gap:8px;justify-content:center;margin-top:34px;}
.pager a,.pager span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;font-size:.85rem;}
.pager a:hover{border-color:var(--accent);color:var(--accent);}
.pager .current{background:var(--accent);border-color:var(--accent);color:#fff;}

/* =========================================================================
   DailyStory — pasek "storek" pod nagłówkiem (tylko strona główna) i
   pełnoekranowy podgląd. Kolory oparte wyłącznie o zmienne skórki, więc
   wygląda spójnie na wszystkich 5 skórkach bez dodatkowego kodu.
   ========================================================================= */
.story-strip-wrap{background:var(--bg-alt);border-bottom:1px solid var(--border-soft);}
.story-strip{display:flex;gap:16px;overflow-x:auto;padding:16px 0;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;}
.story-strip::-webkit-scrollbar{display:none;}
.story-bubble{flex:0 0 auto;width:74px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;scroll-snap-align:start;position:relative;}
.story-ring{width:66px;height:66px;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;transition:opacity .15s;}
.story-bubble.seen .story-ring{background:var(--border);}
.story-ring>img,.story-ring>video{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid var(--bg-alt);background:#000;}
.story-bubble-ic{position:absolute;top:44px;right:2px;font-size:.72rem;background:var(--card);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);}
.story-bubble:hover .story-ring{opacity:.85;}

.story-viewer{display:none;position:fixed;inset:0;background:#000;z-index:9999;}
.story-viewer.open{display:block;}
.story-viewer-inner{position:relative;width:100%;height:100%;max-width:480px;margin:0 auto;background:#000;overflow:hidden;}
.story-progress{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:calc(10px + var(--safe-top)) 10px 0;z-index:4;}
.story-progress-seg{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;}
.story-progress-seg-fill{height:100%;width:0%;background:#fff;}
.story-progress-seg-fill.animate{transition:width linear;}
.story-close{position:absolute;top:calc(16px + var(--safe-top));right:14px;z-index:5;background:rgba(0,0,0,.45);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem;line-height:1;cursor:pointer;}
.story-media-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.story-media-wrap img,.story-media-wrap video{max-width:100%;max-height:100%;object-fit:contain;}
.story-unmute{position:absolute;left:14px;bottom:calc(70px + var(--safe-bottom));z-index:5;background:rgba(0,0,0,.45);color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:1rem;cursor:pointer;}
.story-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px calc(20px + var(--safe-bottom));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:.95rem;z-index:3;min-height:20px;pointer-events:none;}
.story-nav-zone{position:absolute;top:0;bottom:0;background:transparent;border:none;z-index:2;}
.story-nav-prev{left:0;width:34%;}
.story-nav-next{right:0;left:34%;}

@media(max-width:1000px){
  .hero-spade .inner{grid-template-columns:1fr;}
  .hero-spade .hero-media{max-width:340px;margin:0 auto;}
  .quicklinks{grid-template-columns:repeat(2,1fr);}
  .facts-grid{grid-template-columns:repeat(2,1fr);}
  .about-layout{grid-template-columns:1fr;}
  .about-sidebar{position:static;}
  .trident-triple{grid-template-columns:1fr;}
  .hero-trident h1{font-size:2.6rem;}
  .side-words{display:none;}
  .hero-neon h1{font-size:2.8rem;}
  .hero-neon .neon-glyph{font-size:13rem;}
  body[data-theme="plakat"] .video-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .hero-spade h1{font-size:2.3rem;}
  .hero-photo h1{font-size:2.3rem;}
  .hero-neon h1{font-size:2.2rem;}
  .hero-plakat h1{font-size:2.2rem;}
  .quicklinks{grid-template-columns:1fr 1fr;}
}