/* Kilit Oda — geri sayım saati ve açılan kilitler */
:root{
  --zift:#0b0c0f;
  --tas:#14161b;
  --tas2:#1c1f26;
  --cizgi:#343845;
  --kemik:#ece5d6;
  --sis:#b4afa3;
  --uv:#b79cff;
  --alarm:#ff7a3d;
  --yesil:#a7d676;
  --kirmizi:#ff6b5e;
  --baslik:Impact,Haettenschweiler,"Arial Narrow Bold","Franklin Gothic Condensed","Arial Narrow",sans-serif;
  --govde:Charter,"Bitstream Charter","Iowan Old Style","Sitka Text",Georgia,serif;
  --mono:Consolas,"SF Mono","Cascadia Mono",Menlo,"Liberation Mono",monospace;
  --kenar:max(1.25rem,calc((100% - 75rem) / 2));
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zift);color:var(--kemik);font-family:var(--govde);font-size:1.0625rem;line-height:1.65;overflow-x:clip;
  background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1.2px);background-size:5px 5px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--uv);outline-offset:3px}

.atla{position:absolute;left:1rem;top:-5rem;z-index:100;background:var(--kemik);color:var(--zift);padding:.7rem 1rem;font-weight:700}
.atla:focus{top:1rem}

/* Başlıklar */
h1,h2{font-family:var(--baslik);font-weight:400;text-transform:uppercase;letter-spacing:.012em;text-wrap:balance;overflow-wrap:break-word}
h2{font-size:clamp(2rem,5.2vw,3.7rem);line-height:1.03;max-width:18ch}
h3{font-family:var(--govde);font-size:1.28rem;line-height:1.25;font-weight:700;text-wrap:balance}
.etiket{position:relative;padding-left:2.1rem;margin-bottom:1rem;font-family:var(--mono);font-size:.82rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--uv)}
.etiket::before{content:"";position:absolute;left:0;top:.3rem;width:1.05rem;height:.75rem;background:currentColor;border-radius:2px}
.etiket::after{content:"";position:absolute;left:.2rem;top:-.25rem;width:.65rem;height:.56rem;border:2px solid currentColor;border-bottom:0;border-radius:.5rem .5rem 0 0;transform-origin:0 100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.etiket.acik::after{transform:translateY(-.18rem) rotate(-32deg)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1.45rem;background:var(--alarm);color:var(--zift);border:2px solid var(--alarm);border-radius:2px;font-family:var(--baslik);font-size:1.12rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--uv);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--uv)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
.btn.kucuk{min-height:2.7rem;padding:.5rem 1.1rem;font-size:1rem}
.btn.ikinci{background:transparent;color:var(--kemik);border-color:var(--kemik);box-shadow:none}
.btn.ikinci:hover{background:var(--kemik);color:var(--zift);transform:none}
.btn.koyu{background:var(--zift);color:var(--kemik);border-color:var(--zift);box-shadow:4px 4px 0 var(--alarm)}
.btn.koyu:hover{box-shadow:2px 2px 0 var(--alarm)}

/* Üst bar */
.ust{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding:.7rem max(1.25rem,calc((100% - 75rem) / 2));background:rgba(11,12,15,.94);border-bottom:1px solid var(--cizgi);backdrop-filter:blur(8px)}
.ust::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:calc(var(--ilerleme,0) * 100%);background:var(--alarm)}
.marka{display:inline-flex;align-items:center;gap:.6rem;color:var(--kemik);text-decoration:none;font-family:var(--baslik);font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
.marka svg{color:var(--alarm)}
.ust nav{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem}
.ust ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.ust ul a{display:inline-block;padding:.5rem 0;color:var(--kemik);text-decoration:none;font-family:var(--mono);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}
.ust ul a:hover{border-bottom-color:var(--uv)}
.menu-dugme{display:none;align-items:center;gap:.6rem;min-height:2.75rem;padding:.4rem .9rem;background:transparent;color:var(--kemik);border:2px solid var(--cizgi);border-radius:2px;font-family:var(--mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.menu-cizgi{width:1.1rem;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}

/* Geri sayım göstergesi (JS ekler) */
.sure{position:fixed;left:1rem;bottom:1rem;z-index:55;display:flex;align-items:baseline;gap:.6rem;padding:.4rem .8rem .5rem;background:rgba(11,12,15,.92);border:1px solid var(--cizgi);color:var(--kemik);pointer-events:none;overflow:hidden}
.sure small{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sis)}
.sure b{font-family:var(--baslik);font-weight:400;font-size:1.5rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;line-height:1}
.sure::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--ilerleme,0) * 100%);background:var(--uv)}
.sure.az b{color:var(--alarm);animation:nabiz 1s steps(2,jump-none) infinite}
.sure.bitti b{color:var(--yesil);animation:none}
@keyframes nabiz{50%{opacity:.55}}

/* Bölüm iskeleti */
section{padding:clamp(4rem,9vw,7.5rem) var(--kenar);position:relative}
section>*{min-width:0}

/* Hero */
.hero{min-height:min(92vh,54rem);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;isolation:isolate;overflow:hidden;padding-top:7rem}
.hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:translate3d(var(--hx,0px),var(--hy,0px),0) scale(1.08);will-change:transform}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,12,15,.93) 0%,rgba(11,12,15,.72) 48%,rgba(11,12,15,.2) 100%),linear-gradient(0deg,var(--zift) 0%,transparent 40%)}
.hero h1{font-size:clamp(2.45rem,8.4vw,6rem);line-height:.98;max-width:13ch;margin-bottom:1.2rem}
.hero h1 span{color:var(--alarm)}
.alt-baslik{font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.4;max-width:34rem;font-weight:700;margin-bottom:.9rem}
.lede{max-width:35rem;color:var(--sis);margin-bottom:1.8rem}
.dugmeler{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin-bottom:2.4rem}
.levha{display:flex;flex-wrap:wrap;gap:.6rem 2rem;padding-left:1rem;border-left:3px solid var(--uv);font-family:var(--mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sis)}
.levha b{font-family:var(--baslik);font-weight:400;font-size:2rem;letter-spacing:.03em;color:var(--kemik);margin-right:.2rem}

/* Hikâye */
.hikaye{display:grid;gap:1.2rem;padding-bottom:clamp(6rem,11vw,9.5rem)}
.hikaye p:not(.etiket){max-width:36rem}
.hikaye>img{margin-top:1.5rem;width:100%;border:1px solid var(--cizgi);box-shadow:14px 14px 0 -2px var(--tas2),14px 14px 0 -1px var(--uv)}
.hikaye h2{margin-bottom:.6rem}

/* Odalar */
.odalar{background:var(--tas);margin-top:-3.5rem;padding-top:calc(clamp(4rem,9vw,7.5rem) + 3.5rem);clip-path:polygon(0 3.5rem,100% 0,100% 100%,0 100%);display:grid;gap:1.5rem;counter-reset:oda;padding-bottom:clamp(6rem,11vw,9.5rem)}
.odalar .giris{max-width:38rem;color:var(--sis);margin-bottom:1rem}
.odalar article{--renk:var(--uv);position:relative;display:flex;flex-direction:column;gap:.9rem;padding:3.6rem 1.6rem 1.8rem;background:var(--tas2);border-top:4px solid var(--renk);counter-increment:oda}
.odalar article::before{content:counter(oda,upper-roman);position:absolute;right:1.1rem;top:.5rem;font-family:var(--baslik);font-size:3.2rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--renk);opacity:.8}
.odalar .korku{--renk:var(--kirmizi)}
.odalar .macera{--renk:var(--yesil)}
.odalar .gizem{--renk:var(--uv)}
.tur{position:absolute;left:1.6rem;top:1.25rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--renk)}
.odalar article p:not(.tur){color:#d8d2c4}
.odalar article .btn{margin-top:auto;align-self:flex-start}
.odalar article>h3{margin-top:.2rem}
.cagri{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:1.5rem;padding:1.6rem;border:2px dashed var(--uv);background:rgba(183,156,255,.07)}
.cagri p{max-width:40rem}

/* Ayrıntı */
.detay{display:grid;gap:1.4rem;padding-top:clamp(2rem,5vw,4rem)}
.detay p:not(.etiket){max-width:34rem}
.detay img{width:100%;border:1px solid var(--cizgi)}
.detay .uzun{max-width:24rem}
.detay .kare{max-width:22rem;justify-self:end;border-color:var(--uv)}

/* Atmosfer */
.atmosfer{padding:0;display:grid;background:var(--zift)}
.atmosfer img{grid-area:1/1;width:100%;aspect-ratio:4/3;object-fit:cover}
.atmosfer .metin{grid-area:2/1;padding:2.2rem max(1.25rem,calc((100% - 75rem) / 2)) 3rem;display:grid;gap:1rem}
.atmosfer .metin p:not(.etiket){max-width:34rem;color:#d8d2c4}
.atmosfer h2{max-width:14ch}

/* Fiyatlar */
.fiyatlar{background:var(--tas2);margin-top:-3.5rem;padding-top:calc(clamp(4rem,9vw,7.5rem) + 3.5rem);clip-path:polygon(0 3.5rem,100% 0,100% 100%,0 100%);display:grid;gap:1.5rem;padding-bottom:clamp(4rem,8vw,6.5rem)}
.fiyatlar .giris{max-width:36rem;color:var(--sis);margin-bottom:.8rem}
.fiyatlar article{display:flex;flex-direction:column;gap:1rem;padding:1.8rem 1.6rem;background:var(--kemik);color:var(--zift);border-radius:3px}
.fiyatlar article h3{font-family:var(--mono);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase}
.fiyat{padding:.7rem 0;border-top:2px dashed #8a8372;border-bottom:2px dashed #8a8372;font-size:1.05rem}
.fiyat b{display:block;font-family:var(--baslik);font-weight:400;font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;letter-spacing:.02em;color:var(--zift)}
.fiyatlar article p:not(.fiyat){color:#2a2a2e}
.fiyatlar article .btn{margin-top:auto;align-self:flex-start}
.fiyatlar :focus-visible{outline-color:var(--zift)}
.fiyatlar .btn:focus-visible{outline-color:var(--alarm)}
.not{max-width:40rem;padding-left:1rem;border-left:3px solid var(--alarm);margin-top:.5rem}

/* Neden */
.neden{display:grid;gap:1.8rem 2rem;counter-reset:n}
.neden h2{margin-bottom:.6rem}
.neden article{counter-increment:n;padding-left:1.2rem;border-left:2px solid var(--uv);display:grid;gap:.6rem;align-content:start}
.neden article::before{content:"0" counter(n);font-family:var(--mono);font-size:.85rem;letter-spacing:.14em;color:var(--uv)}
.neden article p{color:#d8d2c4}

/* Süreç */
.surec{background:var(--tas);display:grid;gap:1.2rem}
.surec>img{width:100%;border:1px solid var(--cizgi);margin-bottom:1rem}
.surec ol{list-style:none;padding:0;margin-top:.8rem;position:relative;counter-reset:adim;display:grid;gap:1.6rem}
.surec ol::before{content:"";position:absolute;left:1.35rem;top:1rem;bottom:1rem;width:2px;background:var(--cizgi)}
.surec li{position:relative;padding-left:4rem;counter-increment:adim}
.surec li::before{content:counter(adim);position:absolute;left:0;top:-.1rem;width:2.7rem;height:2.7rem;display:grid;place-items:center;background:var(--zift);border:2px solid var(--alarm);border-radius:50%;font-family:var(--baslik);font-size:1.3rem;color:var(--alarm)}
.surec li h3{margin-bottom:.3rem}
.surec li p{color:#d8d2c4}
.surec .cagri{margin-top:1rem}

/* SSS */
.sss{display:grid;gap:1.5rem}
.sss h2{margin-bottom:.4rem}
details{border-bottom:1px solid var(--cizgi)}
details:first-child{border-top:1px solid var(--cizgi)}
summary{position:relative;display:block;padding:1.1rem 2.8rem 1.1rem 0;font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.7rem;color:var(--uv)}
details[open] summary::after{content:"–"}
details p{padding:0 0 1.3rem;max-width:40rem;color:#d8d2c4}

/* İletişim */
.iletisim{display:grid;gap:1.2rem;background:radial-gradient(60rem 30rem at 85% 10%,rgba(183,156,255,.16),transparent 60%),var(--zift);border-top:1px solid var(--cizgi);padding-bottom:clamp(5rem,9vw,8rem)}
.iletisim p:not(.etiket){max-width:34rem;color:#d8d2c4}
.iletisim h2{margin-bottom:.4rem}
form{display:grid;gap:1.1rem;padding:1.6rem;background:var(--tas2);border:1px solid var(--cizgi);border-top:4px solid var(--alarm);margin-top:1rem}
form p{display:grid;gap:.4rem;max-width:none!important}
label{font-family:var(--mono);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sis)}
input,textarea{width:100%;padding:.8rem .9rem;background:var(--zift);color:var(--kemik);border:2px solid var(--cizgi);border-radius:2px;font:inherit;font-size:1rem}
textarea{resize:vertical;min-height:8rem}
input::placeholder,textarea::placeholder{color:#8f8a7e}
input:focus,textarea:focus{border-color:var(--uv)}
form .btn{justify-self:start}

/* Alt */
.alt{display:grid;gap:.8rem;padding:3rem var(--kenar) 5rem;background:var(--tas);border-top:1px solid var(--cizgi);color:var(--sis)}
.alt p{max-width:38rem}
.alt-marka{font-family:var(--baslik);font-size:1.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kemik)}
.alt-linkler{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}
.alt-linkler a{display:inline-block;padding:.4rem 0;color:var(--kemik)}
.kucuk-yazi{font-family:var(--mono);font-size:.8rem}

/* Orta ekran */
@media (min-width:640px){
  .odalar{grid-template-columns:repeat(3,1fr)}
  .odalar>.etiket,.odalar>h2,.odalar>.giris,.odalar>.cagri{grid-column:1/-1}
  .odalar article:nth-of-type(2){margin-top:2rem}
  .odalar article:nth-of-type(3){margin-top:4rem}
  .fiyatlar{grid-template-columns:repeat(3,1fr)}
  .fiyatlar>.etiket,.fiyatlar>h2,.fiyatlar>.giris,.fiyatlar>.not{grid-column:1/-1}
  .neden{grid-template-columns:repeat(2,1fr)}
  .neden>.etiket,.neden>h2{grid-column:1/-1}
  .cagri{flex-direction:row;align-items:center;justify-content:space-between}
  .atmosfer img{aspect-ratio:16/9}
}
@media (max-width:1000px) and (min-width:640px){
  .odalar,.fiyatlar{grid-template-columns:1fr 1fr}
  .odalar article:nth-of-type(2),.odalar article:nth-of-type(3){margin-top:0}
}
@media (max-width:760px){
  .odalar,.fiyatlar{grid-template-columns:1fr}
  .cagri{flex-direction:column;align-items:flex-start}
}
@media (min-width:860px){
  .hikaye{grid-template-columns:1.1fr .9fr;column-gap:5rem;align-content:center}
  .hikaye>*:not(img){grid-column:1}
  .hikaye>img{grid-column:2;grid-row:1/span 6;align-self:center;margin:0}
  .detay{grid-template-columns:repeat(12,1fr);column-gap:2rem}
  .detay>*:not(img){grid-column:7/-1}
  .detay .uzun{grid-column:1/6;grid-row:1/span 5;max-width:none;align-self:start}
  .detay .kare{grid-column:8/-1;grid-row:6;max-width:none;margin-top:2rem}
  .atmosfer .metin{grid-area:1/1;align-self:end;padding-top:9rem;background:linear-gradient(0deg,rgba(11,12,15,.96) 15%,rgba(11,12,15,.7) 55%,transparent)}
  .surec{grid-template-columns:.9fr 1.1fr;column-gap:4.5rem;align-content:start}
  .surec>img{grid-column:1;grid-row:1/span 4;position:sticky;top:6rem;align-self:start}
  .surec>.etiket,.surec>h2,.surec>ol{grid-column:2}
  .surec>.cagri{grid-column:1/-1}
  .sss{grid-template-columns:.8fr 1.2fr;column-gap:4.5rem;align-content:start}
  .sss>.etiket,.sss>h2{grid-column:1}
  .sss>.sorular{grid-column:2;grid-row:1/span 3}
  .iletisim{grid-template-columns:1fr 1fr;column-gap:4.5rem;align-content:start}
  .iletisim>*:not(form){grid-column:1}
  .iletisim>form{grid-column:2;grid-row:1/span 4;margin-top:0}
}
@media (min-width:1100px){
  .neden{grid-template-columns:repeat(4,1fr)}
}

/* Mobil menü */
@media (max-width:879px){
  .js .menu-dugme{display:inline-flex}
  .js .ust nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:.6rem 0 1rem}
  .js .ust.menu-acik nav{display:flex}
  .js .ust ul{flex-direction:column;gap:0}
  .js .ust ul a{display:block;padding:.85rem 0;border-bottom:1px solid var(--cizgi)}
  .js .ust nav .btn{align-self:flex-start;margin-top:.5rem}
}
@media (max-width:640px){
  body{font-size:1rem}
  .hero::after{background:linear-gradient(0deg,rgba(11,12,15,.97) 25%,rgba(11,12,15,.7) 70%,rgba(11,12,15,.5) 100%)}
  .sure{left:.6rem;bottom:.6rem;padding:.3rem .6rem .45rem}
  .sure small{display:none}
  .sure b{font-size:1.25rem}
}

/* Hareket tercihi */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .hero>img{transform:scale(1.04)}
}

/* inner pages */
/* Alt sayfalar: yalnızca pg- önekli sınıflar */

.pg-hero{
  padding-top:clamp(5.5rem,10vw,8rem);
  padding-bottom:clamp(3.5rem,6vw,5rem);
  background:radial-gradient(50rem 24rem at 90% 0%,rgba(183,156,255,.18),transparent 62%),var(--zift)
}
.pg-hero h1{
  font-size:clamp(2.1rem,6.4vw,4.5rem);
  line-height:1;
  max-width:17ch;
  margin-bottom:1.2rem
}

/* Hikâye bölümünün altındaki boşluğu daraltır */
.pg-dar{padding-bottom:clamp(3rem,6vw,4.5rem)}

/* Izgara içinde tam genişlik */
.pg-tam{grid-column:1/-1}

/* Sözler bölümü */
.pg-sozler{display:grid;gap:1.2rem;background:var(--tas)}
.pg-sozler>p:not(.etiket){max-width:34rem;color:#d8d2c4}
.pg-liste{list-style:none;padding:0;display:grid;margin-top:.4rem}
.pg-liste li{position:relative;padding:1.1rem 0 1.1rem 2.2rem;border-bottom:1px solid var(--cizgi);color:#d8d2c4;max-width:40rem}
.pg-liste li:first-child{border-top:1px solid var(--cizgi)}
.pg-liste li::before{content:"";position:absolute;left:0;top:1.65rem;width:.9rem;height:.65rem;background:var(--alarm);border-radius:2px}

/* Kapanış bölümü */
.pg-son{
  display:grid;
  gap:1.2rem;
  background:radial-gradient(60rem 30rem at 85% 10%,rgba(183,156,255,.14),transparent 60%),var(--zift);
  border-top:1px solid var(--cizgi);
  padding-bottom:clamp(5rem,9vw,8rem)
}
.pg-son>p:not(.etiket){max-width:36rem;color:#d8d2c4}
.pg-son>h2{margin-bottom:.2rem}

@media (min-width:860px){
  .pg-sozler{grid-template-columns:.8fr 1.2fr;column-gap:4.5rem;align-content:start}
  .pg-sozler>*:not(ul){grid-column:1}
  .pg-sozler>ul{grid-column:2;grid-row:1/span 3;margin-top:0}
}

.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; }