/*
Theme Name: Provocation Pleasure
Description: Luksusowy dark-fashion sklep-galeria — provocationpleasure.pl. Czarna skóra, monogram PP, burgund i złoto.
Version: 5.1.0
Author: Kurator
Text Domain: pornfigur
*/

/* ============ TOKENY ============ */
:root{
  --pp-black:#0B0909;
  --pp-black2:#131010;
  --pp-leather:#161213;
  --pp-burgund:#5E1122;
  --pp-burgund-l:#8A1B33;
  --pp-gold:#C2A05E;
  --pp-gold-l:#E3CD96;
  --pp-gold-d:#7A6234;
  --pp-ivory:#EAE5DB;
  --pp-dim:rgba(234,229,219,.58);
  --pp-line:rgba(194,160,94,.26);
  --gold-grad:linear-gradient(135deg,var(--pp-gold-d) 0%,var(--pp-gold) 35%,var(--pp-gold-l) 52%,var(--pp-gold) 68%,var(--pp-gold-d) 100%);
  --pf-display:'Cormorant Garamond',Georgia,serif;
  --pf-body:'Manrope',system-ui,sans-serif;
  --pf-ease:cubic-bezier(.22,.08,.22,1);
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(95% 65% at 50% 0%, #241C1D, transparent 62%),
    radial-gradient(70% 55% at 85% 85%, rgba(138,27,51,.16), transparent 65%),
    radial-gradient(60% 50% at 8% 70%, rgba(138,27,51,.10), transparent 65%),
    linear-gradient(180deg,#1A1516,var(--pp-black2) 45%, #0C0A0A);
  color:var(--pp-ivory);
  font-family:var(--pf-body);
  font-size:16px;font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;min-height:100vh;
}
/* Skóra: ziarno + winieta (fotograficzna głębia, nie wzorek) */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:var(--noise);background-size:180px;opacity:.06;mix-blend-mode:overlay}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(135% 120% at 50% 34%, transparent 58%, rgba(0,0,0,.45))}
/* Mgła jak w lookbooku — powolny dryf */
.pf-fog{position:fixed;inset:-25%;z-index:0;pointer-events:none;
  background:
    radial-gradient(42% 30% at 28% 68%, rgba(138,27,51,.05), transparent 70%),
    radial-gradient(36% 26% at 74% 34%, rgba(194,160,94,.04), transparent 70%);
  animation:pp-fog 52s ease-in-out infinite alternate}
@keyframes pp-fog{from{transform:translate(-2.5%,-1.5%)}to{transform:translate(2.5%,2%) scale(1.06)}}

::selection{background:var(--pp-burgund);color:var(--pp-ivory)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--pp-black)}
::-webkit-scrollbar-thumb{background:#241d1e;border-radius:4px}

img{max-width:100%;height:auto;display:block}
a{color:var(--pp-ivory);text-decoration:none;transition:color .4s var(--pf-ease)}
a:hover{color:var(--pp-gold-l)}
button{font-family:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:1px solid var(--pp-gold);outline-offset:4px}

h1,h2,h3{font-family:var(--pf-display);font-weight:500;letter-spacing:.05em;color:var(--pp-ivory)}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.12}
h2{font-size:clamp(1.4rem,3vw,2.1rem)}

/* Złoty tytuł sekcji z liniami po bokach */
.pp-sect{display:flex;align-items:center;gap:1.6rem;justify-content:center;
  font-size:.74rem;letter-spacing:.42em;text-transform:uppercase;color:var(--pp-gold);text-indent:.42em}
.pp-sect::before,.pp-sect::after{content:"";height:1px;width:min(120px,18vw);
  background:linear-gradient(to var(--dir,right), transparent, var(--pp-line))}
.pp-sect::after{--dir:left}

/* Monogram PP — SVG, bez przycinania */
.ppm{display:block;height:100%;width:auto;overflow:visible}
.ppm text{font-family:var(--pf-display);font-weight:500;fill:#C2A05E}

/* ============ VEIL SCREEN — czarna skóra, plakietka, sylwetka ============ */
#pf-veil{position:fixed;inset:0;z-index:9999;
  background:
    radial-gradient(74% 60% at 50% 44%, #262021, transparent 76%),
    radial-gradient(120% 90% at 50% 112%, rgba(138,27,51,.16), transparent 60%),
    #100D0E;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  transition:opacity 1.6s var(--pf-ease),visibility 1.6s}
#pf-veil::before{content:"";position:absolute;inset:0;background:var(--noise);background-size:160px;
  opacity:.07;mix-blend-mode:overlay;pointer-events:none}
#pf-veil::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 110% at 50% 45%, transparent 56%, rgba(0,0,0,.55))}
#pf-veil.pf-hidden{opacity:0;visibility:hidden;pointer-events:none}
#pf-veil.pf-fast{transition-duration:.75s}
#pf-veil .pf-curtain{display:none}
.pf-veil-light{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    /* snop z góry */
    linear-gradient(180deg, rgba(234,229,219,.06), transparent 42%),
    radial-gradient(34% 50% at 50% 46%, rgba(234,229,219,.20), transparent 72%),
    radial-gradient(15% 62% at 50% 48%, rgba(227,205,150,.12), transparent 82%),
    radial-gradient(24% 16% at 50% 82%, rgba(234,229,219,.12), transparent 75%);
  filter:blur(2px);animation:pf-lightbreathe 7s ease-in-out infinite}
@keyframes pf-lightbreathe{0%,100%{opacity:.8}50%{opacity:1}}

#pf-sil{position:absolute;z-index:2;left:50%;top:44%;height:min(70vh,600px);width:auto;
  transform:translate(-50%,-50%);opacity:.2;pointer-events:auto;cursor:pointer;
  animation:pf-silsway 10s ease-in-out infinite;will-change:transform,opacity,filter}
@keyframes pf-silsway{0%,100%{opacity:.18;transform:translate(-50%,-50%) rotate(-.5deg)}
  50%{opacity:.26;transform:translate(-50.5%,-50.3%) rotate(.5deg)}}

/* Plakietka — metalowa tabliczka z lookbooku */
.pf-logo{position:absolute;z-index:3;left:50%;top:78%;transform:translate(-50%,-50%);
  background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:1.2rem;
  animation:pf-fadein 2.4s var(--pf-ease)}
.pf-plate{position:relative;width:148px;height:148px;border-radius:12px;overflow:hidden;
  background:
    radial-gradient(130% 100% at 32% 16%, #363030, #191415 72%),
    var(--pp-leather);
  box-shadow:
    inset 0 0 0 1px rgba(194,160,94,.5),
    inset 0 0 0 3px rgba(0,0,0,.8),
    inset 0 0 0 4px rgba(194,160,94,.18),
    inset 0 14px 26px rgba(0,0,0,.6),
    0 18px 40px rgba(0,0,0,.7);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;
  transition:box-shadow .7s var(--pf-ease)}
.pf-plate::before{content:"";position:absolute;inset:0;background:var(--noise);background-size:110px;
  opacity:.12;mix-blend-mode:overlay}
.pf-plate::after{content:"";position:absolute;inset:-45%;
  background:linear-gradient(115deg, transparent 43%, rgba(234,229,219,.10) 50%, transparent 57%);
  transform:translateX(-75%);transition:transform 1.4s var(--pf-ease)}
.pf-logo:hover .pf-plate::after{transform:translateX(75%)}
.pf-logo:hover .pf-plate{box-shadow:
  inset 0 0 0 1px rgba(227,205,150,.8), inset 0 0 0 3px rgba(0,0,0,.8), inset 0 0 0 4px rgba(194,160,94,.3),
  inset 0 14px 26px rgba(0,0,0,.6), 0 18px 54px rgba(0,0,0,.8), 0 0 42px rgba(138,27,51,.25)}
.pf-plate .ppm{height:74px}
.pf-plate small{font-family:var(--pf-body);font-weight:300;font-size:.5rem;letter-spacing:.3em;
  color:rgba(234,229,219,.5);text-transform:uppercase;text-indent:.3em}
.pf-logo .word{font-family:var(--pf-body);font-weight:300;font-size:.68rem;letter-spacing:.5em;text-transform:uppercase;
  color:var(--pp-gold-l);text-indent:.5em;white-space:nowrap}
@keyframes pf-fadein{from{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}
.pf-veil-hint{position:absolute;z-index:3;left:50%;bottom:4.2vh;transform:translateX(-50%);
  color:rgba(234,229,219,.55);font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;text-indent:.34em;
  opacity:0;animation:pf-hint 2s 4s forwards;white-space:nowrap}
@keyframes pf-hint{to{opacity:1}}

/* Dym */
#pf-burst{position:absolute;z-index:4;inset:0;margin:auto;width:1px;height:1px;pointer-events:none;
  filter:url(#pf-smoke-f)}
#pf-burst .puff{position:absolute;left:50%;top:50%;opacity:0;will-change:transform,opacity;
  background:radial-gradient(closest-side, rgba(234,229,219,.36), rgba(180,168,150,.10) 55%, transparent 75%);
  filter:blur(13px)}
#pf-burst .puff:nth-child(1){width:190px;height:130px;border-radius:52% 48% 61% 39%/55% 44% 56% 45%}
#pf-burst .puff:nth-child(2){width:250px;height:150px;border-radius:38% 62% 47% 53%/60% 36% 64% 40%}
#pf-burst .puff:nth-child(3){width:150px;height:200px;border-radius:60% 40% 42% 58%/45% 60% 40% 55%}
#pf-burst .puff:nth-child(4){width:220px;height:120px;border-radius:45% 55% 66% 34%/52% 47% 53% 48%}
#pf-burst .puff:nth-child(5){width:130px;height:170px;border-radius:57% 43% 39% 61%/49% 58% 42% 51%}
#pf-burst .puff:nth-child(6){width:270px;height:140px;border-radius:41% 59% 54% 46%/63% 38% 62% 37%}
#pf-burst .puff:nth-child(7){width:170px;height:110px;border-radius:49% 51% 58% 42%/56% 41% 59% 44%}
#pf-burst .puff:nth-child(8){width:230px;height:160px;border-radius:36% 64% 44% 56%/58% 39% 61% 42%}

/* ============ AGE GATE ============ */
#pf-agegate{position:fixed;inset:0;z-index:10000;background:rgba(8,6,6,.97);
  display:flex;align-items:center;justify-content:center;padding:1.5rem}
#pf-agegate.pf-hidden{display:none}
.pf-agegate-box{max-width:460px;text-align:center;padding:3.2rem 2.6rem;position:relative;
  background:var(--pp-leather);border-radius:8px;
  box-shadow:inset 0 0 0 1px rgba(194,160,94,.4), inset 0 0 0 3px rgba(0,0,0,.7), 0 30px 70px rgba(0,0,0,.7)}
.pf-agegate-box h2{font-size:.86rem;letter-spacing:.42em;text-transform:uppercase;text-indent:.42em;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-agegate-box h2::after{content:"";display:block;width:44px;height:1px;background:var(--pp-line);margin:1.4rem auto 0}
.pf-agegate-box p{margin:1.8rem 0 2.4rem;color:var(--pp-dim);font-size:.95rem}

/* ============ NAGŁÓWEK — monogram centralnie ============ */
.pf-header{position:fixed;top:0;left:0;right:0;z-index:500;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:1.2rem 3rem;
  background:linear-gradient(to bottom, rgba(11,9,9,.94), rgba(11,9,9,.5) 65%, transparent)}
.pf-header .pf-lang{justify-self:start}
.pf-brand{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:.15rem}
.pf-brand .ppm{height:34px}
.pf-brand .sub{font-size:.5rem;letter-spacing:.46em;text-transform:uppercase;color:var(--pp-dim);text-indent:.46em;white-space:nowrap}
.pf-nav-right{justify-self:end;display:flex;align-items:center;gap:1.8rem}
.pf-lang{display:flex;gap:.7rem}
.pf-lang a{font-size:.68rem;letter-spacing:.2em;color:var(--pp-dim)}
.pf-lang a.current{color:var(--pp-gold)}
.pf-auth-toggle{background:none;border:0;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--pp-dim);
  padding-bottom:.3rem;position:relative;transition:color .4s var(--pf-ease)}
.pf-auth-toggle::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--gold-grad);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--pf-ease)}
.pf-auth-toggle:hover{color:var(--pp-ivory)}
.pf-auth-toggle:hover::after{transform:scaleX(1);transform-origin:left}

/* ============ PIERŚCIEŃ ============ */
.pf-stage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 0 4rem;position:relative;z-index:2}
.pf-collections{display:flex;justify-content:center;gap:2.6rem;margin-bottom:3.2rem;flex-wrap:wrap;padding:0 1rem}
.pf-collections a{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--pp-dim);
  padding-bottom:.4rem;position:relative}
.pf-collections a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--gold-grad);transform:scaleX(0);transition:transform .5s var(--pf-ease)}
.pf-collections a.current,.pf-collections a:hover{color:var(--pp-gold-l)}
.pf-collections a.current::after,.pf-collections a:hover::after{transform:scaleX(1)}

.pf-ring-wrap{perspective:1600px;height:min(66vh,600px);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.pf-ring{position:relative;width:min(300px,70vw);height:100%;transform-style:preserve-3d;will-change:transform}

/* Karta produktu — lookbook: rim light, złota linia na hover */
.pf-card{position:absolute;inset:0;margin:auto;
  width:min(280px,64vw);height:min(440px,56vh);
  display:flex;flex-direction:column;
  backface-visibility:hidden;
  transition:filter .7s var(--pf-ease),opacity .7s var(--pf-ease)}
.pf-card .pf-fig,.pf-card>.pf-img{position:relative;flex:1;overflow:hidden;display:block;border-radius:3px;
  background:
    radial-gradient(70% 60% at 50% 42%, rgba(234,229,219,.07), transparent 70%),
    radial-gradient(110% 80% at 50% 115%, rgba(94,17,34,.22), transparent 62%),
    linear-gradient(180deg,#272021,#151011 82%);
  background-size:cover;background-position:center;
  box-shadow:inset 0 0 0 1px rgba(194,160,94,.12), 0 26px 55px -16px rgba(0,0,0,.8)}
.pf-card .pf-fig::before,.pf-card>.pf-img::before{content:"";position:absolute;inset:0;
  box-shadow:inset 0 0 0 1px rgba(227,205,150,.0);transition:box-shadow .6s var(--pf-ease);border-radius:3px;pointer-events:none}
.pf-card.is-front:hover .pf-fig::before,.pf-card.is-front:hover>.pf-img::before{box-shadow:inset 0 0 0 1px rgba(227,205,150,.45)}
.pf-card:not(.is-front){filter:brightness(.55) saturate(.7);opacity:.78}
.pf-card h3{order:2;font-size:1.06rem;letter-spacing:.09em;margin-top:1.2rem;font-weight:500}
.pf-card .pf-price{order:3;font-size:.72rem;letter-spacing:.16em;margin-top:.35rem;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.pf-card .pf-price.locked{background:none;color:var(--pp-dim);font-style:italic;letter-spacing:.06em}
.pf-badge{order:4;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--pp-dim);margin-top:.5rem;position:static;background:none;border:0;padding:0}
.pf-badge::before{content:"— "}
.pf-badge.wyprzedane,.pf-badge.brak{color:var(--pp-burgund-l)}
.pf-offer-btn{order:5;align-self:flex-start;margin-top:.7rem;background:none;border:0;
  font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--pp-dim);
  padding:0 0 .3rem;position:relative;transition:color .4s var(--pf-ease)}
.pf-offer-btn::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--gold-grad);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--pf-ease)}
.pf-offer-btn:hover{color:var(--pp-gold-l)}
.pf-offer-btn:hover::after{transform:scaleX(1);transform-origin:left}
.pf-ring-hint{text-align:center;margin-top:2.6rem;color:var(--pp-dim);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;opacity:.7}

/* ============ KARTA FIGURY ============ */
.pf-single{max-width:1080px;margin:0 auto;padding:9.5rem 2rem 5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:4.5rem;position:relative;z-index:2}
@media(max-width:860px){.pf-single{grid-template-columns:1fr;padding-top:7.5rem}}
.pf-viewer{position:sticky;top:7.5rem;align-self:start}
.pf-viewer model-viewer,.pf-viewer>img{width:100%;aspect-ratio:3/4;border-radius:3px;background:#100C0D;
  box-shadow:inset 0 0 0 1px rgba(194,160,94,.14), 0 34px 70px -20px rgba(0,0,0,.85)}
.pf-meta{font-size:.72rem;color:var(--pp-dim);letter-spacing:.14em;text-transform:uppercase;margin:1.8rem 0;display:grid;gap:.55rem;
  padding-top:1.5rem;border-top:1px solid rgba(194,160,94,.18)}
.pf-story{font-family:var(--pf-display);font-size:1.16rem;line-height:1.95;color:var(--pp-ivory)}
.pf-story p{margin-bottom:1.2rem}
.pf-price-line{font-family:var(--pf-display);font-size:1.6rem;margin:2rem 0 .4rem;width:max-content;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-price-line.locked{font-size:.9rem;font-family:var(--pf-body);background:none;color:var(--pp-dim);font-style:italic;width:auto}
.pf-actions{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.8rem;align-items:center}

/* Przyciski: burgund CTA + złoty kontur */
.pf-btn{position:relative;overflow:hidden;
  background:linear-gradient(160deg,#6E1528,var(--pp-burgund) 60%,#470D1B);
  border:1px solid rgba(194,160,94,.4);color:var(--pp-ivory);
  padding:.95rem 2.3rem;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;text-indent:.3em;border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(234,229,219,.1), 0 10px 26px -8px rgba(0,0,0,.7);
  transition:box-shadow .5s var(--pf-ease),border-color .5s var(--pf-ease),transform .4s var(--pf-ease)}
.pf-btn::after{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg, transparent 42%, rgba(234,229,219,.14) 50%, transparent 58%);
  transform:translateX(-110%);transition:transform .8s var(--pf-ease)}
.pf-btn:hover{border-color:var(--pp-gold);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(234,229,219,.1), 0 14px 34px -8px rgba(0,0,0,.8), 0 0 30px rgba(138,27,51,.3)}
.pf-btn:hover::after{transform:translateX(110%)}
.pf-btn.ghost{background:none;border:1px solid rgba(194,160,94,.35);box-shadow:none;color:var(--pp-gold)}
.pf-btn.ghost:hover{border-color:var(--pp-gold-l);color:var(--pp-gold-l);background:rgba(194,160,94,.05)}

/* Sekwencja 360° */
.pf-seq{position:relative;width:100%;aspect-ratio:3/4;background:#100C0D;overflow:hidden;cursor:ew-resize;touch-action:pan-y;border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(194,160,94,.14), 0 34px 70px -20px rgba(0,0,0,.85)}
.pf-seq img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:none}
.pf-seq img.on{opacity:1}
.pf-seq .pf-seq-hint{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(234,229,219,.5);pointer-events:none}

/* ============ MODALE / DRAWER — skórzane panele ============ */
.pf-modal{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;
  background:rgba(8,6,6,.82);backdrop-filter:blur(3px);padding:1.2rem}
.pf-modal.open{display:flex;animation:pf-fade .5s var(--pf-ease)}
@keyframes pf-fade{from{opacity:0}to{opacity:1}}
.pf-modal-box{width:min(440px,100%);padding:3rem 2.6rem;border-radius:8px;position:relative;
  background:radial-gradient(120% 100% at 30% 0%, #1C1617, var(--pp-leather) 70%);
  box-shadow:inset 0 0 0 1px rgba(194,160,94,.35), inset 0 0 0 3px rgba(0,0,0,.6), 0 40px 90px rgba(0,0,0,.75);
  animation:pf-up .6s var(--pf-ease)}
.pf-modal-box::before{content:"";position:absolute;inset:0;border-radius:8px;background:var(--noise);background-size:140px;
  opacity:.08;mix-blend-mode:overlay;pointer-events:none}
@keyframes pf-up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.pf-modal-box h3{font-size:1.3rem;margin-bottom:.7rem}
.pf-modal-box .lead{color:var(--pp-dim);font-size:.88rem;margin-bottom:1.8rem;line-height:1.7}
.pf-close{position:absolute;top:1rem;right:1.2rem;background:none;border:0;color:var(--pp-dim);font-size:1.3rem;line-height:1;transition:color .3s;z-index:1}
.pf-close:hover{color:var(--pp-gold-l)}
.pf-field{margin-bottom:1.4rem;position:relative;z-index:1}
.pf-field label{display:block;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--pp-gold);margin-bottom:.5rem;opacity:.85}
.pf-field input,.pf-field textarea{width:100%;background:none;border:0;border-bottom:1px solid rgba(234,229,219,.18);
  color:var(--pp-ivory);padding:.55rem 0;font-family:inherit;font-size:.95rem;font-weight:300;
  transition:border-color .4s var(--pf-ease)}
.pf-field input:focus,.pf-field textarea:focus{border-color:var(--pp-gold);outline:none}
.pf-field textarea{min-height:96px;resize:vertical}
.pf-consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.75rem;color:var(--pp-dim);margin-bottom:1rem;line-height:1.6;position:relative;z-index:1}
.pf-consent input{margin-top:.25rem;accent-color:var(--pp-burgund)}
.pf-form-msg{margin-top:1.2rem;font-size:.82rem;color:var(--pp-gold-l);min-height:1.2em;position:relative;z-index:1}
.pf-hp{position:absolute;left:-9999px;opacity:0}

#pf-drawer{position:fixed;top:0;right:0;bottom:0;z-index:950;width:min(410px,92vw);
  background:radial-gradient(140% 90% at 0% 0%, #1C1617, var(--pp-leather) 65%);
  box-shadow:inset 1px 0 0 rgba(194,160,94,.3), -30px 0 80px rgba(0,0,0,.6);
  transform:translateX(102%);transition:transform .7s var(--pf-ease);
  padding:5rem 2.6rem 2rem;overflow-y:auto}
#pf-drawer::before{content:"";position:absolute;inset:0;background:var(--noise);background-size:150px;
  opacity:.07;mix-blend-mode:overlay;pointer-events:none}
#pf-drawer.open{transform:none}
#pf-drawer>*{position:relative;z-index:1}
#pf-drawer h3{font-size:1.25rem;margin-bottom:1.8rem}
.pf-tabs{display:flex;gap:1.8rem;margin-bottom:2rem}
.pf-tabs button{background:none;border:0;color:var(--pp-dim);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;
  padding-bottom:.35rem;border-bottom:1px solid transparent;transition:all .4s var(--pf-ease)}
.pf-tabs button.active{color:var(--pp-gold-l);border-color:var(--pp-gold)}

/* ============ KONTO / STRONY / STOPKA ============ */
.pf-page{max-width:720px;margin:0 auto;padding:9.5rem 2rem 5rem;position:relative;z-index:2}
.pf-page .pf-story{margin-top:1.6rem}
.pf-footer{padding:3.4rem 2rem 2.6rem;text-align:center;color:var(--pp-dim);font-size:.62rem;letter-spacing:.26em;
  position:relative;z-index:2}
.pf-footer::before{content:"";display:block;width:min(340px,60vw);height:1px;margin:0 auto 2rem;
  background:linear-gradient(to right, transparent, var(--pp-line), transparent)}
.pf-footer a{color:var(--pp-dim)}
.pf-footer a:hover{color:var(--pp-gold-l)}

/* ============ MOTION / RWD ============ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .pf-ring{transform:none !important}
  #pf-sil{animation:none}
}
@media(max-width:640px){
  .pf-header{padding:.9rem 1.2rem;grid-template-columns:auto 1fr auto}
  .pf-brand .ppm{height:26px}
  .pf-brand .sub{display:none}
  .pf-stage{padding-top:6.2rem}
  .pf-nav-right{gap:1rem}
  .pf-plate{width:118px;height:118px}
  .pf-plate .ppm{height:58px}
}