/* Mr Winner — Podyum sahnesi + lazer kazıma */
:root{
  --sahne:#0d0e10;
  --grafit:#17191d;
  --grafit2:#22252b;
  --celik:#c9cdd2;
  --celik-acik:#eceff1;
  --buz:#e6f3f5;
  --altin:#d4a02a;
  --altin-acik:#f0c45a;
  --altin-koyu:#7a5410;
  --lazer:#ff4a3d;
  --lazer-koyu:#b3261b;
  --yazi-acik:#eceff1;
  --yazi-koyu:#14161a;
  --soluk-koyu:#b4bac1;
  --soluk-acik:#3b4047;
  --serif:Copperplate,"Copperplate Gothic Bold","Copperplate Gothic Light",Baskerville,"Baskerville Old Face","Times New Roman",serif;
  --sans:"Franklin Gothic Book","Franklin Gothic Medium","Arial Nova",Arial,Helvetica,sans-serif;
  --mono:"OCR A Std","OCR A Extended","Courier New",monospace;
  --wrap:1180px;
  --ang:0deg;
  --prog:0;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.65;background:var(--sahne);color:var(--yazi-acik);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.15;margin:0 0 .6em;letter-spacing:.02em;overflow-wrap:break-word}
h1{font-size:clamp(1.85rem,5vw,3.6rem);letter-spacing:.015em}
h2{font-size:clamp(1.55rem,3.6vw,2.6rem)}
h3{font-size:clamp(1.1rem,1.8vw,1.35rem)}
p{margin:0 0 1.1em}
a{color:inherit}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.wrap-wide{width:100%}
.skip{position:absolute;left:-999px;top:0;background:var(--altin);color:#000;padding:.7rem 1rem;z-index:100}
.skip:focus{left:.5rem;top:.5rem}

/* tonlar */
.koyu{--focus:#ffd166;--link:var(--altin-acik);--vurgu:var(--lazer);--soluk:var(--soluk-koyu);background:var(--sahne);color:var(--yazi-acik)}
.acik{--focus:#7a1710;--link:#7a1710;--vurgu:var(--lazer-koyu);--soluk:var(--soluk-acik);background:var(--celik-acik);color:var(--yazi-koyu)}
:focus-visible{outline:3px solid var(--focus,#ffd166);outline-offset:3px;border-radius:2px}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:#ffd166}

section{padding-block:clamp(3.5rem,9vw,7rem);position:relative}
.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vurgu);margin-bottom:1rem}
.intro{max-width:46rem;color:var(--soluk);font-size:1.1rem}

/* h2 lazer kazıma çizgisi */
h2::after{content:"";display:block;height:3px;width:min(150px,40%);margin-top:.6em;background:linear-gradient(90deg,var(--lazer),var(--altin));transform-origin:left center;box-shadow:0 0 8px rgba(255,74,61,.45)}
.js h2::after{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.js h2:not(.is-in)::after{transform:scaleX(0)}
.hero h1::after{display:none}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;font-family:var(--sans);font-weight:700;font-size:1rem;letter-spacing:.03em;text-decoration:none;color:#14110a;background:linear-gradient(180deg,#f0c45a,#cf9a22);border:2px solid #a9791a;cursor:pointer;transition:filter .2s,transform .2s;text-align:center}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-line{background:transparent;color:inherit;border-color:currentColor}
.btn-small{min-height:42px;padding:.5rem 1rem;font-size:.95rem}
.ok-link{display:inline-block;color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.ok-link::after{content:" →"}
.ok-link:hover{text-decoration-color:var(--vurgu)}

/* lazer şeridi */
.laser{display:none}
.js .laser{display:block;position:fixed;left:0;top:0;bottom:0;width:5px;z-index:60;pointer-events:none;background:rgba(140,146,154,.28)}
.laser-fill{position:absolute;inset:0;transform-origin:top;transform:scaleY(var(--prog));background:linear-gradient(180deg,#ff4a3d,#ff9a86);box-shadow:0 0 10px var(--lazer)}
.laser-dot{position:absolute;left:-3px;top:calc(var(--prog)*100%);width:11px;height:11px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--lazer),0 0 16px 6px rgba(255,74,61,.8)}

/* üst bilgi */
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,14,16,.94);backdrop-filter:blur(8px);border-bottom:1px solid #3a3e45;color:var(--yazi-acik)}
.header-inner{display:flex;align-items:center;gap:.75rem 1.2rem;flex-wrap:wrap;padding-block:.6rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--yazi-acik);margin-right:auto}
.brand-mark{color:var(--altin);flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font-family:var(--serif);font-size:1.15rem;letter-spacing:.06em}
.brand-text small{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk-koyu)}
.nav{display:flex;flex-wrap:wrap;gap:.2rem 1.3rem;order:3;flex-basis:100%;padding-bottom:.4rem}
.nav a{font-size:.95rem;text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--lazer)}
.header-cta{order:2}
.menu-btn{display:none;order:4;width:44px;height:44px;background:transparent;border:2px solid var(--celik);color:var(--yazi-acik);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:20px;height:2px;background:currentColor;transition:transform .25s,opacity .25s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.js .menu-btn{display:flex}
.js .nav{display:none}
.js .nav.is-open{display:flex;flex-direction:column;gap:0;padding:0 0 .6rem}
.js .nav.is-open a{padding:.8rem 0;border-bottom:1px solid #2c3036;font-size:1.05rem}
@media (min-width:900px){
  .header-inner{flex-wrap:nowrap}
  .nav,.js .nav{display:flex;flex-direction:row;order:2;flex-basis:auto;padding:0;gap:1.5rem}
  .js .nav a{padding:.35rem 0;border-bottom:2px solid transparent;font-size:.95rem}
  .js .nav a:hover{border-bottom-color:var(--lazer)}
  .header-cta{order:3}
  .menu-btn,.js .menu-btn{display:none}
  .brand{margin-right:1rem}
  .header-inner{justify-content:space-between}
  .brand{margin-right:auto}
}
@media (max-width:420px){.brand-text small{display:none}.header-inner{gap:.5rem}.header-cta{padding-inline:.8rem}}

/* fırçalı metal plaka */
.plate{position:relative;margin:0;padding:16px;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.05) 1px 3px),
  linear-gradient(135deg,#e5e8eb,#9ea4ab 45%,#d9dde1 70%,#8a9097);
  box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.4)}
.plate::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(circle at 8px 8px,#4d5258 0 3px,transparent 4px),
  radial-gradient(circle at calc(100% - 8px) 8px,#4d5258 0 3px,transparent 4px),
  radial-gradient(circle at 8px calc(100% - 8px),#4d5258 0 3px,transparent 4px),
  radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#4d5258 0 3px,transparent 4px)}
.plate::after,.kart::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:
  conic-gradient(from var(--ang) at var(--px,50%) var(--py,50%),
  rgba(255,255,255,0) 0deg,rgba(255,255,255,.34) 35deg,rgba(255,255,255,0) 85deg,
  rgba(40,50,60,.14) 140deg,rgba(255,255,255,0) 190deg,rgba(255,255,255,.26) 230deg,rgba(255,255,255,0) 285deg,rgba(40,50,60,.12) 330deg,rgba(255,255,255,0) 360deg);
  mix-blend-mode:soft-light}
.plate img{width:100%;position:relative;z-index:1;box-shadow:inset 0 0 0 1px #000}

/* HERO */
.hero{padding-block:clamp(2.5rem,6vw,5rem) 0;overflow:hidden;background:
  linear-gradient(180deg,rgba(255,255,255,.07),transparent 65%) 62% 0/60% 100% no-repeat,
  radial-gradient(ellipse at 75% 20%,#2a2e36 0,transparent 60%),var(--sahne)}
.hero::before{content:"";position:absolute;top:0;left:50%;width:46%;height:90%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none}
.hero-grid{display:grid;gap:2.5rem;align-items:center;position:relative;padding-bottom:3rem}
.hero-text,.hero-plate{min-width:0}
.lead{font-size:1.15rem;color:#d3d8dd;max-width:34rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.etiket{position:absolute;left:28px;bottom:-14px;z-index:4;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#14110a;background:linear-gradient(180deg,#f0c45a,#c8921f);padding:.45rem .8rem;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.band{margin:0;padding:.9rem 1.25rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 0;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#14161a;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,rgba(0,0,0,.03) 1px 3px),linear-gradient(180deg,#dfe3e6,#aeb4ba)}
.band span+span::before{content:"◆";color:var(--lazer-koyu);margin-inline:1rem;font-size:.6rem}
@media (min-width:900px){
  .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3.5rem}
  .hero-plate{transform:rotate(1.2deg)}
}

/* HİKÂYE */
.story{background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,rgba(0,0,0,.012) 1px 3px),#e3e7ea}
.story-grid{display:grid;gap:2.5rem;align-items:center}
.story-grid>*{min-width:0}
.story-fig{margin:0;position:relative;margin-right:14px}
.story-fig::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--altin-koyu)}
.story-fig img{position:relative;width:100%;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.pull{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:#14161a;border-left:4px solid var(--lazer-koyu);padding-left:1rem;margin:1.5rem 0}
@media (min-width:900px){.story-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4.5rem}}

/* HİZMETLER */
.hizmetler{background:radial-gradient(ellipse at 10% 0,#262a31,transparent 55%),var(--grafit);color:var(--yazi-acik)}
.hizmet-grid{display:grid;gap:2.5rem;margin-top:2.5rem}
.hizmet-grid>*{min-width:0}
.gorseller{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}
.gorseller .plate{padding:10px}
.teklif{display:grid;grid-template-columns:2.8rem minmax(0,1fr);column-gap:.8rem;padding:1.6rem 0;border-top:1px solid rgba(201,205,210,.28)}
.teklif .no{grid-row:1/span 3;font-family:var(--mono);color:var(--lazer);font-size:1.05rem;padding-top:.15rem}
.teklif h3{margin-bottom:.4em}
.teklif p{color:#d3d8dd}
.cta-blok{margin-top:1.5rem;padding:1.5rem;border:2px solid var(--altin);background:rgba(212,160,42,.08);display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.cta-blok p{margin:0;font-size:1.08rem}
@media (min-width:960px){
  .hizmet-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:4rem}
  .gorseller{display:block;position:sticky;top:6.5rem;align-self:start}
  .g1{width:82%}
  .g2{width:60%;margin:-22% 0 0 auto}
}

/* FİYATLAR / PODYUM */
.fiyatlar{background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,rgba(0,0,0,.012) 1px 3px),#dde1e5}
.podyum-grid{display:grid;gap:1.5rem;margin-top:3rem;align-items:end}
.kart{position:relative;padding:2rem 1.6rem 1.8rem;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,rgba(0,0,0,.015) 1px 3px),
  linear-gradient(160deg,#f6f8f9,#d1d6da);color:var(--yazi-koyu);border:1px solid #9aa1a8;box-shadow:0 14px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden}
.kart>*{position:relative;z-index:1}
.kart .btn{margin-top:auto;align-self:stretch}
.kart p{color:#2c3035}
.rank{position:absolute!important;right:1rem;top:.3rem;font-family:var(--serif);font-weight:700;font-size:5.5rem;line-height:1;color:rgba(20,22,26,.1);z-index:0!important}
.fiyat{font-size:1rem;margin-bottom:.8rem;color:#14161a!important}
.fiyat .num{display:block;font-family:var(--serif);font-weight:700;font-size:2.2rem;line-height:1.1;color:#7a1710}
.kart-bir{background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.05) 1px 3px),
  linear-gradient(160deg,#23262c,#0d0e10);color:var(--yazi-acik);border:2px solid var(--altin);box-shadow:0 0 0 4px rgba(212,160,42,.25),0 24px 50px rgba(0,0,0,.4);order:-1}
.kart-bir p{color:#d3d8dd}
.kart-bir .fiyat{color:var(--yazi-acik)!important}
.kart-bir .fiyat .num{color:var(--altin-acik)}
.kart-bir .rank{color:rgba(240,196,90,.18)}
.not{margin:2rem 0 0}
.js .podyum-grid .kart{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.js .podyum-grid:not(.is-in) .kart{transform:translateY(34px)}
.js .podyum-grid .kart:nth-child(2){transition-delay:.12s}
.js .podyum-grid .kart:nth-child(3){transition-delay:.24s}
@media (min-width:900px){
  .podyum-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .kart{padding-block:2.2rem 2rem}
  .kart-bir{order:0;padding-block:3.6rem 2.8rem;z-index:2}
  .kart:first-child{border-right-width:0}
  .kart:last-child{border-left-width:0}
}

/* NEDEN */
.buz-bolum{background:linear-gradient(135deg,#f1f9fa,var(--buz) 40%,#d3e8ec)}
.neden-grid{display:grid;gap:1.5rem;margin-top:2.5rem}
.neden-item{padding:1.8rem 1.6rem;background:rgba(255,255,255,.7);border-top:4px solid var(--lazer-koyu);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.neden-item p{margin:0;color:#2c3035}
@media (min-width:760px){.neden-grid{grid-template-columns:1fr 1fr;gap:1.8rem}.neden-item:nth-child(even){transform:translateY(1.8rem)}.neden-grid{padding-bottom:1.8rem}}

/* SÜREÇ */
.surec{background:radial-gradient(ellipse at 90% 10%,#262a31,transparent 55%),var(--sahne)}
.surec-grid{display:grid;gap:2.5rem;align-items:start}
.surec-grid>*{min-width:0}
@media (min-width:900px){.surec-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4rem}.surec-fig{position:sticky;top:6.5rem}}
.adimlar{list-style:none;margin:1.5rem 0 0;padding:0 0 0 2.6rem;counter-reset:adim;position:relative}
.adimlar::before{content:"";position:absolute;left:.95rem;top:.6rem;bottom:.6rem;width:2px;background:linear-gradient(180deg,var(--lazer),var(--altin));box-shadow:0 0 8px rgba(255,74,61,.5)}
.adimlar li{counter-increment:adim;position:relative;padding-bottom:1.6rem}
.adimlar li::before{content:counter(adim);position:absolute;left:-2.6rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--sahne);border:2px solid var(--altin);color:var(--altin-acik);font-family:var(--mono);font-size:.95rem;display:flex;align-items:center;justify-content:center}
.adimlar h3{margin-bottom:.3em}
.adimlar p{margin:0;color:#d3d8dd}

/* ATMOSFER */
.atmosfer{padding:0;min-height:clamp(430px,58vw,640px);display:flex;align-items:flex-end;overflow:hidden}
.atmosfer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.atmosfer::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,14,16,.15),rgba(13,14,16,.88) 78%)}
.atmosfer-text{position:relative;z-index:2;padding-block:3rem;max-width:var(--wrap)}
.atmosfer-text h2{max-width:30rem}
.atmosfer-text p{max-width:34rem;font-size:1.1rem}

/* SSS */
.sss-grid{display:grid;gap:2rem}
.sss-grid>*{min-width:0}
details{border-top:1px solid #8b929a;padding:0}
details:last-child{border-bottom:1px solid #8b929a}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.1rem 0;font-weight:700;font-size:1.08rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--lazer-koyu);color:var(--lazer-koyu);font-size:1.3rem;line-height:1;font-family:var(--mono)}
details[open] summary::after{content:"−";background:var(--lazer-koyu);color:#fff}
details p{padding:0 3rem 1.2rem 0;margin:0;color:#2c3035}
@media (min-width:900px){.sss-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:4.5rem}.sss-head{position:sticky;top:6.5rem;align-self:start}}

/* İLETİŞİM */
.iletisim{background:radial-gradient(ellipse at 15% 100%,rgba(212,160,42,.18),transparent 55%),var(--grafit)}
.iletisim-grid{display:grid;gap:2.5rem;align-items:start}
.iletisim-grid>*{min-width:0}
.form{padding:1.6rem 1.4rem 1.8rem;color:var(--yazi-koyu)}
.form>*{position:relative;z-index:1}
.alan{margin-bottom:1.1rem}
.form label{display:block;font-weight:700;font-size:.95rem;margin-bottom:.35rem;color:#14161a}
.form input,.form textarea{width:100%;font:inherit;padding:.8rem .9rem;background:#fff;color:#14161a;border:2px solid #4d5258;border-radius:0}
.form textarea{min-height:140px;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:#5b6068}
.form :focus-visible{outline:3px solid #7a1710;outline-offset:2px}
.form .btn{width:100%;margin-top:.4rem}
@media (min-width:900px){.iletisim-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4.5rem}.form{padding:2.2rem 2rem}}

/* ALT BİLGİ */
.site-footer{background:#08090a;color:#b4bac1;padding-block:2.5rem;border-top:3px solid var(--lazer)}
.footer-grid{display:grid;gap:1.5rem}
.footer-brand{font-family:var(--serif);font-size:1.2rem;color:var(--yazi-acik);margin-bottom:.4rem}
.site-footer p{margin:0}
.site-footer nav{display:flex;flex-direction:column;gap:.3rem}
.site-footer nav a{text-decoration:none;padding:.3rem 0;color:#e1e5e8}
.site-footer nav a:hover{text-decoration:underline;text-decoration-color:var(--lazer)}
@media (min-width:760px){.footer-grid{grid-template-columns:1fr auto;align-items:start}}

/* hareket azaltma */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .js h2:not(.is-in)::after{transform:none}
  .js .podyum-grid:not(.is-in) .kart{transform:none}
  .js .laser{display:none}
  .hero-plate{transform:none}
}

/* inner pages */
/* İç sayfalar: küçük ek kurallar (pg- önekli) */

/* kompakt sayfa başlığı */
.pg-hero{padding-block:clamp(2.2rem,5vw,3.8rem) 0}
.pg-hero .hero-grid.pg-solo{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(2rem,5vw,3.2rem)}
.pg-hero .hero-text{max-width:46rem}

/* hizmet kartı içeriği (sipariş kartlarında tek hücre) */
.pg-govde{min-width:0}
.pg-govde p:last-of-type{margin-bottom:1em}
.teklif .pg-fiyat{margin-bottom:.5rem;color:var(--altin-acik);font-family:var(--mono);font-size:.95rem;letter-spacing:.04em}
.teklif .pg-fiyat strong{font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.8rem);letter-spacing:.02em;color:var(--altin-acik)}
.teklif .pg-fiyat span{color:var(--soluk-koyu);font-size:.85rem}

/* sözler: iki sütunlu düz metin maddeleri */
.pg-notlar{display:grid;gap:0 3.5rem;margin-top:2.5rem}
.pg-madde{padding:1.5rem 0;border-top:1px solid rgba(201,205,210,.28);min-width:0}
.pg-madde h3{margin-bottom:.45em}
.pg-madde p{margin:0;color:#d3d8dd}
@media (min-width:760px){.pg-notlar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* madde imli kısa liste */
.pg-liste{margin:0 0 1.3em;padding-left:1.3rem}
.pg-liste li{margin-bottom:.5rem;padding-left:.3rem;color:#d3d8dd}
.pg-liste li::marker{color:var(--lazer)}

/* kapanış çağrısı */
.pg-son{padding-block:clamp(3rem,7vw,5rem)}
.pg-son-icerik{max-width:40rem}
.pg-son-icerik p:not(.eyebrow){font-size:1.1rem}

.wpf-legal { padding: clamp(3rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2rem); }
.wpf-legal .wpf-legal__inner { max-width: 72ch; margin: 0 auto; }
.wpf-legal .wpf-legal__inner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.1; margin: .2em 0 .8em; }
.wpf-legal .wpf-legal__inner h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.wpf-legal .wpf-legal__inner p, .wpf-legal .wpf-legal__inner li { line-height: 1.75; max-width: none; }
.wpf-legal .wpf-legal__inner ul { padding-left: 1.2em; margin: 0 0 1em; }
.wpf-legal .wpf-legal__inner li { margin: .35em 0; list-style: disc; }
.wpf-legal .wpf-legal__inner a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal .wpf-legal__meta { font-size: .875rem; opacity: .7; margin: 0; }
.wpf-legal .wpf-legal__table { overflow-x: auto; margin: 1em 0 1.5em; }
.wpf-legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wpf-legal th, .wpf-legal td { text-align: left; vertical-align: top; padding: .7em .8em; border-bottom: 1px solid rgba(127,127,127,.3); }
.wpf-legal code { font-size: .85em; word-break: break-word; }
.wpf-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.4rem; grid-column: 1 / -1;
  width: 100%; box-sizing: border-box; padding: 1.1rem clamp(1.25rem, 4vw, 2rem) 0; font-size: .875rem; }
.wpf-legal-links a { color: inherit; opacity: .85; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal-links a:hover, .wpf-legal-links a:focus-visible { opacity: 1; }

.wpf-consent { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 16px; max-width: 27rem; box-sizing: border-box;
  padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(127,127,127,.28); box-shadow: 0 14px 44px rgba(0,0,0,.24);
  font-size: 15px; line-height: 1.55; text-align: left; }
.wpf-consent[hidden] { display: none; }
.wpf-consent .wpf-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1.05em; }
.wpf-consent .wpf-consent__text { margin: 0 0 16px; max-width: none; }
.wpf-consent .wpf-consent__text a { color: inherit; text-decoration: underline; }
.wpf-consent .wpf-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wpf-consent .wpf-consent__actions button { cursor: pointer; margin: 0; width: auto; }
.wpf-consent .wpf-consent__primary, .wpf-consent .wpf-consent__secondary { font: inherit; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.wpf-consent .wpf-consent__primary { background: #1c1b19; color: #fff; border: 1px solid #1c1b19; }
.wpf-consent .wpf-consent__secondary { background: transparent; color: inherit; border: 1px solid currentColor; }
.wpf-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }