/* Pedal Bisiklet Atölyesi — jant doğrultma sehpası */
:root{
  --cream:#f5efe0;
  --paper:#fbf7ec;
  --ink:#161616;
  --celeste:#8fd6cc;
  --teal:#0c5f5a;
  --red:#c21d15;
  --refl:#ff6a45;
  --muted:#3d3d38;
  --head:"Gill Sans","Gill Sans MT","Avenir Next","Calibri","Segoe UI",system-ui,sans-serif;
  --body:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --tread:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' viewBox='0 0 28 18'%3E%3Cpath d='M0 3l14 10L28 3' fill='none' stroke='%23000' stroke-width='5'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;overflow-x:clip}
img,svg{max-width:100%}
img{display:block;height:auto;width:100%}
h1,h2,h3,p,figure,ol,ul{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus,#161616);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:.5rem;top:-4rem;background:var(--ink);color:var(--cream);padding:.7rem 1rem;z-index:100;font-family:var(--head);font-weight:700}
.skip:focus{top:.5rem}

.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,3rem)}
.label{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}
h1,h2,h3{font-family:var(--head);font-weight:800;letter-spacing:-.025em;line-height:1.02}
h2{font-size:clamp(2rem,4.6vw,3.6rem)}
h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.15;letter-spacing:-.015em}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;max-width:38rem}

.btn{display:inline-block;background:var(--ink);color:var(--cream);font-family:var(--head);font-weight:700;font-size:1.05rem;padding:.9rem 1.6rem;border:3px solid var(--ink);border-radius:999px;text-decoration:none;box-shadow:4px 4px 0 var(--red);transition:transform .15s,box-shadow .15s;cursor:pointer}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}
.btn-small{padding:.5rem 1rem;font-size:.95rem;box-shadow:3px 3px 0 var(--celeste);white-space:nowrap}
.btn-small:hover{box-shadow:1px 1px 0 var(--celeste)}
.btn-refl{background:var(--refl);color:var(--ink);box-shadow:4px 4px 0 var(--celeste);border-color:var(--celeste)}
.btn-refl:hover{box-shadow:2px 2px 0 var(--celeste)}
.textlink{font-family:var(--head);font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.25em;text-decoration-color:var(--red)}
.textlink:hover{text-decoration-color:currentColor}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:3px solid var(--ink)}
.header-inner{max-width:1280px;margin-inline:auto;padding:.6rem clamp(1.1rem,4vw,3rem);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);margin-right:auto}
.brand-mark{width:38px;height:38px;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.05;font-family:var(--head)}
.brand-text strong{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.brand-text small{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.nav{display:flex;flex-wrap:wrap;gap:.2rem 1.3rem;order:5;width:100%;padding:.4rem 0}
.nav a{font-family:var(--head);font-weight:600;text-decoration:none;padding:.35rem 0;border-bottom:3px solid transparent}
.nav a:hover{border-bottom-color:var(--red)}
.gauge{display:none;align-items:center;gap:.6rem}
.gauge svg{width:42px;height:42px;overflow:visible}
.gauge .ideal{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:3 5}
.gauge .rim{fill:none;stroke:var(--ink);stroke-width:6}
.gauge .g-spokes{stroke:var(--ink);stroke-width:1.6;fill:none}
.gauge .g-hub{fill:var(--ink)}
.gauge-text{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;max-width:6.5rem}
.gauge-val{font-weight:700;color:var(--red)}
.menu-btn{display:none;width:46px;height:46px;border:3px solid var(--ink);background:var(--cream);border-radius:50%;cursor:pointer;padding:0;position:relative;color:var(--ink)}
.menu-lines,.menu-lines::before,.menu-lines::after{position:absolute;left:11px;right:11px;height:3px;background:var(--ink);content:"";border-radius:2px}
.menu-lines{top:50%;margin-top:-1.5px}
.menu-lines::before{left:0;right:0;top:-7px}
.menu-lines::after{left:0;right:0;top:7px}
.menu-btn[aria-expanded="true"] .menu-lines{background:transparent}
.menu-btn[aria-expanded="true"] .menu-lines::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-lines::after{top:0;transform:rotate(-45deg)}

.js .menu-btn{display:block}
.js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:3px solid var(--ink);flex-direction:column;padding:.5rem clamp(1.1rem,4vw,3rem) 1rem;gap:0}
.js .nav.open{display:flex}
.js .nav a{padding:.85rem 0;border-bottom:1px solid rgba(22,22,22,.2);font-size:1.1rem}

@media (min-width:1000px){
  .nav{order:0;width:auto;padding:0}
  .brand{margin-right:0}
  .header-inner{flex-wrap:nowrap}
  .nav{margin-left:auto}
  .gauge{display:flex}
  .js .menu-btn{display:none}
  .js .nav{display:flex;position:static;flex-direction:row;background:none;border:0;padding:0;gap:.2rem 1.3rem}
  .js .nav a{padding:.35rem 0;border-bottom:3px solid transparent;font-size:1rem}
}
@media (min-width:1000px) and (max-width:1199px){.gauge-text{display:none}}
@media (max-width:480px){.brand-text small{display:none}.btn-small{padding:.45rem .8rem;font-size:.88rem}.header-inner{gap:.6rem}}

/* Tread divider */
main section:not(.hero):not(.atmosphere){position:relative;padding:calc(18px + clamp(3.5rem,8vw,6.5rem)) 0 clamp(3.5rem,8vw,6.5rem);background:var(--bg);color:var(--fg)}
main section:not(.hero):not(.atmosphere)::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:var(--trd);-webkit-mask:var(--tread) repeat-x left top;mask:var(--tread) repeat-x left top}

/* Hero */
.hero{position:relative;padding:clamp(2rem,5vw,4rem) 0 clamp(2.5rem,6vw,5rem);background:
  radial-gradient(circle at 85% 8%,rgba(143,214,204,.45),transparent 40%),var(--cream);overflow:hidden}
.hero .wrap{display:grid;gap:2.2rem}
.hero-text{position:relative;z-index:2;max-width:46rem;margin-bottom:28vw}
.hero h1{font-size:clamp(2.6rem,8.2vw,6.2rem);line-height:.95;letter-spacing:-.035em;margin:.8rem 0 1.4rem}
.stripe{background:linear-gradient(transparent 62%,var(--celeste) 62%,var(--celeste) 92%,transparent 92%);padding:0 .08em}
.hero .lead{margin-bottom:1.8rem}
.actions{display:flex;flex-wrap:wrap;gap:1.2rem 1.8rem;align-items:center}
.hero-photo{position:relative}
.hero-photo img{border:3px solid var(--ink);aspect-ratio:16/9;object-fit:cover;box-shadow:10px 10px 0 var(--ink)}
.hero-photo figcaption{position:absolute;left:.8rem;bottom:.8rem;background:var(--paper);padding:.3rem .6rem;border:2px solid var(--ink);color:var(--ink)}
.hero-wheel{position:absolute;right:3%;top:0;width:46%;max-width:520px;transform:translateY(-52%);overflow:visible}
.hero-wheel .disc{fill:rgba(251,247,236,.82)}
.hero-wheel .ideal{fill:none;stroke:var(--red);stroke-width:2.5;stroke-dasharray:4 8}
.hero-wheel .rim{fill:none;stroke:var(--ink);stroke-width:15;stroke-linejoin:round}
.hero-wheel .spokes line{stroke:var(--ink);stroke-width:1.6}
.hero-wheel .hub{fill:var(--ink)}
.hero-wheel .hub-in{fill:var(--celeste)}
@media (min-width:900px){
  .hero-text{margin-bottom:0;max-width:56%}
  .hero-wheel{width:40%;right:2%;transform:translateY(-60%)}
  .hero .wrap{gap:3.4rem}
}

/* Story */
.story{--bg:var(--ink);--fg:var(--cream);--trd:var(--celeste);--focus:var(--celeste)}
.story-grid{display:grid;gap:2rem;align-items:center}
.story-photo img{border:3px solid var(--celeste)}
.story-text{display:grid;gap:1.1rem;align-content:start}
.story-text .label{color:var(--celeste)}
.story-text p:not(.label){max-width:34rem}
.story .textlink{text-decoration-color:var(--refl);justify-self:start}
@media (min-width:960px){
  .story-grid{grid-template-columns:7fr 5fr;gap:4rem}
  .story-photo{transform:translateY(1.5rem)}
}

/* Services */
.services{--bg:var(--celeste);--fg:var(--ink);--trd:var(--ink);--focus:var(--ink)}
.section-head{display:grid;gap:1rem;margin-bottom:clamp(2rem,4vw,3.5rem)}
.section-head h2{max-width:14em}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem}
.card{grid-column:span 6;background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:1.5rem 1.4rem 1.7rem;display:grid;gap:.7rem;align-content:start;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink)}
.card .label{color:var(--red)}
.card p{font-size:1rem}
.more{margin-top:2.4rem}
.services .textlink{text-decoration-color:var(--ink)}
@media (min-width:640px){.card{grid-column:span 3}.card:last-child{grid-column:span 6}}
@media (min-width:1000px){
  .card{grid-column:span 2}
  .card:nth-child(4),.card:nth-child(5){grid-column:span 3}
  .card:last-child{grid-column:span 3}
  .card:nth-child(2){margin-top:2.2rem}
  .card:nth-child(5){margin-top:-1rem}
}

/* Detail */
.detail{--bg:var(--paper);--fg:var(--ink);--trd:var(--red);--focus:var(--ink)}
.detail-grid{display:grid;gap:2rem}
.detail figure img{border:3px solid var(--ink)}
.detail figcaption{margin-top:.6rem;color:var(--muted)}
.detail-text{display:grid;gap:1rem;align-content:start}
.detail-text .label{color:var(--red)}
.detail-text p:not(.label){max-width:34rem}
@media (min-width:960px){
  .detail-grid{grid-template-columns:repeat(12,1fr);column-gap:2rem;row-gap:2.5rem}
  .detail-a{grid-column:1/6;grid-row:1/3}
  .detail-text{grid-column:7/13;grid-row:1;padding-top:2rem}
  .detail-b{grid-column:8/12;grid-row:2}
  .detail-b img{box-shadow:-10px 10px 0 var(--celeste)}
}

/* Why */
.why{--bg:var(--red);--fg:var(--paper);--trd:var(--ink);--focus:var(--paper)}
.why-grid{display:grid;gap:2rem}
.why-head{display:grid;gap:1rem;align-content:start}
.why-list{list-style:none;padding:0;display:grid}
.why-list li{padding:1.3rem 0;border-top:2px solid rgba(251,247,236,.7);font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.5}
.why-list li:last-child{border-bottom:2px solid rgba(251,247,236,.7)}
@media (min-width:960px){.why-grid{grid-template-columns:5fr 7fr;gap:4rem}.why-head{position:sticky;top:6rem}}

/* Process */
.process{--bg:var(--ink);--fg:var(--cream);--trd:var(--refl);--focus:var(--celeste)}
.process-grid{display:grid;gap:2.2rem}
.process-photo img{border:3px solid var(--celeste)}
.process-text{display:grid;gap:1.2rem;align-content:start}
.process-text .label{color:var(--celeste)}
.steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:1.6rem;margin-top:.8rem}
.steps li{counter-increment:step;display:grid;grid-template-columns:3.6rem 1fr;column-gap:1rem;row-gap:.3rem;padding-top:1.2rem;border-top:2px solid rgba(245,239,224,.35)}
.steps li::before{content:counter(step,decimal-leading-zero);grid-row:1/3;font-family:var(--head);font-weight:800;font-size:2.6rem;line-height:1;color:var(--celeste);letter-spacing:-.04em}
.steps h3{font-size:1.35rem}
.steps p{grid-column:2;max-width:32rem}
@media (min-width:960px){
  .process-grid{grid-template-columns:5fr 6fr;gap:4.5rem;align-items:start}
  .process-photo{position:sticky;top:6rem}
}

/* Atmosphere */
.atmosphere{position:relative;background:var(--ink);color:var(--ink)}
.atmo-photo img{aspect-ratio:16/9;object-fit:cover;max-height:78vh}
.atmo-card{background:var(--celeste);border-top:3px solid var(--ink);padding:1.6rem clamp(1.1rem,4vw,3rem) 2rem;display:grid;gap:.7rem}
.atmo-card h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.atmo-card p{max-width:32rem}
@media (min-width:860px){
  .atmo-card{position:absolute;left:clamp(1.5rem,5vw,4rem);bottom:clamp(1.5rem,4vw,3rem);max-width:30rem;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.6rem 1.8rem 1.8rem}
}

/* FAQ */
.faq{--bg:var(--cream);--fg:var(--ink);--trd:var(--teal);--focus:var(--ink)}
.faq-grid{display:grid;gap:2rem}
.faq-head{display:grid;gap:1rem;align-content:start}
.faq-head .label{color:var(--red)}
.faq-head p:not(.label){max-width:24rem}
.faq-list{display:grid;border-top:3px solid var(--ink)}
.faq details{border-bottom:3px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;font-family:var(--head);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.25;padding:1.15rem 3.2rem 1.15rem 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;width:2.2rem;height:2.2rem;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:1.4rem;line-height:1;background:var(--celeste);transition:rotate .25s}
.faq details[open] summary::after{content:"−";background:var(--refl)}
.faq details p{padding:0 3.2rem 1.4rem 0;max-width:38rem}
@media (min-width:960px){.faq-grid{grid-template-columns:4fr 7fr;gap:4.5rem}.faq-head{position:sticky;top:6rem;align-self:start}}

/* Contact */
.contact{--bg:var(--ink);--fg:var(--cream);--trd:var(--celeste);--focus:var(--celeste)}
.contact-grid{display:grid;gap:2.4rem}
.contact-text{display:grid;gap:1.1rem;align-content:start}
.contact-text .label{color:var(--celeste)}
.contact-text p:not(.label){max-width:32rem}
.note{font-style:italic;color:#d9d3c2}
.form{display:grid;gap:1.1rem;background:var(--paper);color:var(--ink);padding:clamp(1.3rem,3vw,2.2rem);border:3px solid var(--celeste);box-shadow:8px 8px 0 var(--refl);--focus:var(--ink)}
.field{display:grid;gap:.35rem}
.field label{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.field input,.field textarea{font:inherit;font-size:1.05rem;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:6px;padding:.75rem .85rem;width:100%}
.field textarea{resize:vertical;min-height:8rem}
.field input:focus,.field textarea:focus{outline:3px solid var(--red);outline-offset:2px}
.form .btn-refl{justify-self:start;background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:4px 4px 0 var(--red)}
.form .btn-refl:hover{box-shadow:2px 2px 0 var(--red)}
@media (min-width:960px){.contact-grid{grid-template-columns:5fr 6fr;gap:5rem;align-items:start}}

/* Footer */
.site-footer{background:var(--celeste);color:var(--ink);border-top:3px solid var(--ink);padding:2rem 0 2.4rem;--focus:var(--ink)}
.footer-inner{display:grid;gap:1.4rem}
.footer-brand{display:grid;font-family:var(--head)}
.footer-brand strong{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.footer-brand span{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.footer-nav a{font-family:var(--head);font-weight:700;text-underline-offset:.25em;text-decoration-thickness:2px}
@media (min-width:860px){.footer-inner{grid-template-columns:1fr auto;align-items:end}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

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

/* Kompakt sayfa girişi */
.pg-hero{
  --bg:radial-gradient(circle at 90% 0%,rgba(143,214,204,.45),transparent 45%),var(--cream);
  --fg:var(--ink);--trd:var(--celeste);--focus:var(--ink)
}
/* Ana bölüm dolgusunu ezmek için bilinçli olarak yüksek özgüllük */
main section.pg-hero.pg-hero.pg-hero{
  padding:calc(18px + clamp(1.8rem,4vw,3rem)) 0 clamp(2rem,4.5vw,3.2rem)
}
.pg-hero-in{display:grid;gap:1rem;max-width:50rem}
.pg-hero-in .label{color:var(--red)}
.pg-hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1;letter-spacing:-.03em;overflow-wrap:break-word}

/* Başlık + madde bölümü */
.pg-split{display:grid;gap:2rem;--pg-label:currentColor;--pg-line:currentColor;--pg-rule:currentColor}
.pg-head{display:grid;gap:1rem;align-content:start;min-width:0}
.pg-head .label{color:var(--pg-label)}
.pg-head h2{overflow-wrap:break-word}
.pg-photo{width:100%;max-width:28rem;margin-top:.6rem}
.pg-photo img{border:3px solid var(--pg-line)}
.pg-body{display:grid;min-width:0}
.pg-item{display:grid;gap:.7rem;padding:1.4rem 0;border-top:2px solid var(--pg-rule)}
.pg-item:last-child{border-bottom:2px solid var(--pg-rule)}
.pg-item p{max-width:36rem}

.pg-on-ink{--pg-label:var(--celeste);--pg-line:var(--celeste);--pg-rule:rgba(245,239,224,.35)}
.pg-on-paper{--pg-label:var(--red);--pg-line:var(--ink);--pg-rule:var(--ink)}
.pg-on-red{--pg-label:var(--paper);--pg-line:var(--paper);--pg-rule:rgba(251,247,236,.7)}

@media (min-width:960px){
  .pg-split{grid-template-columns:5fr 7fr;gap:4rem;align-items:start}
  .pg-flip{grid-template-columns:7fr 5fr}
  .pg-flip .pg-head{order:2}
}

/* Bağlantı ve düğme satırı */
.pg-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.8rem}
.pg-cta{max-width:40rem}
.pg-cta .pg-links{margin-top:.6rem}

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