/* King Joker — elmas desenli sahne perdesi, iskambil kartları */
:root{
  --vis:#6e0f2a;
  --vis-koyu:#4a0a1d;
  --krem:#fbf3e2;
  --krem2:#f1e2c0;
  --gece:#1b1022;
  --turkuaz:#0e7c86;
  --petrol:#0b4f56;
  --hardal:#ffc21a;
  --kirmizi:#b80f2c;
  --yazi:#2a1a2e;
  --baslik:Baskerville,"Baskerville Old Face","Libre Baskerville","Palatino Linotype",Georgia,serif;
  --govde:Optima,"Lucida Sans Unicode","Lucida Grande","DejaVu Sans",Verdana,sans-serif;
  --etiket:Copperplate,"Copperplate Gothic Bold","Gill Sans MT",Optima,sans-serif;
  --elmas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M36 0L72 36 36 72 0 36z' fill='%23ffffff' fill-opacity='.055'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--govde);font-size:1.0625rem;line-height:1.65;color:var(--yazi);background:var(--krem);overflow-x:clip}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--baslik);line-height:1.12;margin:0 0 .6em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.1rem,5.4vw,4.1rem);letter-spacing:-.01em}
h1 em{font-style:italic;color:var(--hardal);font-weight:700}
h2{font-size:clamp(1.8rem,4vw,3rem)}
h3{font-size:clamp(1.2rem,2vw,1.45rem)}
p{margin:0 0 1em}
a{color:inherit}
.ic{width:min(100% - 2.5rem,72rem);margin-inline:auto}
.atla{position:absolute;left:-999px;top:0;background:var(--hardal);color:var(--gece);padding:.7rem 1rem;z-index:100;font-weight:700}
.atla:focus{left:0}
:focus-visible{outline:3px solid var(--turkuaz);outline-offset:3px;box-shadow:0 0 0 3px #fff}
.ust :focus-visible,.hero :focus-visible,.hizmetler :focus-visible,.neden :focus-visible,.iletisim :focus-visible,.alt :focus-visible,.atmosfer :focus-visible{outline-color:var(--hardal);box-shadow:none}

.etiket{font-family:var(--etiket);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;margin-bottom:.9rem;color:var(--vis)}
.hero .etiket,.hizmetler .etiket,.neden .etiket,.iletisim .etiket{color:var(--hardal)}
.giris{font-size:1.15rem;max-width:44rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1.4rem;border-radius:999px;border:2px solid var(--gece);background:var(--hardal);color:var(--gece);font:700 .98rem/1.2 var(--govde);text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--gece);transition:transform .15s,box-shadow .15s,background .15s;text-align:center}
.btn:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--gece)}
.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--gece)}
.btn-ikinci{background:transparent;color:var(--krem);border-color:var(--krem);box-shadow:0 4px 0 rgba(251,243,226,.5)}
.btn-ikinci:hover{background:rgba(251,243,226,.12)}
.btn-koyu{background:var(--vis);color:var(--krem);border-color:var(--vis-koyu);box-shadow:0 4px 0 var(--vis-koyu)}
.btn-koyu:hover{background:#85163a}

/* Header */
.ust{position:sticky;top:0;z-index:50;background:var(--gece);color:var(--krem);border-bottom:4px solid var(--hardal)}
.ust::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:8px;background:linear-gradient(135deg,var(--hardal) 25%,transparent 25%) -4px 0,linear-gradient(225deg,var(--hardal) 25%,transparent 25%) -4px 0;background-size:8px 8px;opacity:.0}
.ust-ic{width:min(100% - 1.5rem,76rem);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.55rem 0}
.marka{display:flex;align-items:center;gap:.6rem;text-decoration:none;order:1}
.marka-yazi{display:flex;flex-direction:column;line-height:1.1}
.marka-yazi strong{font-family:var(--baslik);font-size:1.3rem;letter-spacing:.01em}
.marka-yazi small{font-family:var(--etiket);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hardal)}
.ust-cta{order:2;margin-left:auto;min-height:42px;padding:.45rem 1rem;font-size:.9rem}
.menu-dugme{display:none;order:3;min-height:44px;align-items:center;gap:.5rem;background:transparent;color:var(--krem);border:2px solid var(--krem);border-radius:10px;padding:.3rem .8rem;font:700 .9rem var(--govde);cursor:pointer}
.menu-cizgi,.menu-cizgi::before,.menu-cizgi::after{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:transform .2s}
.menu-cizgi::before,.menu-cizgi::after{content:"";position:absolute;left:0}
.menu-cizgi::before{top:-6px}.menu-cizgi::after{top:6px}
.menu-dugme[aria-expanded="true"] .menu-cizgi{background:transparent}
.menu-dugme[aria-expanded="true"] .menu-cizgi::before{transform:translateY(6px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] .menu-cizgi::after{transform:translateY(-6px) rotate(-45deg)}
.js .menu-dugme{display:inline-flex}
.menu{order:4;width:100%;display:flex;flex-wrap:wrap;gap:.2rem .3rem}
.menu a{text-decoration:none;font-weight:700;font-size:.95rem;padding:.55rem .8rem;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
.menu a:hover{background:rgba(255,194,26,.18);color:var(--hardal)}
.js .menu{display:none;flex-direction:column;padding:.4rem 0 .6rem;border-top:1px solid rgba(251,243,226,.2)}
.js .menu.open{display:flex}
@media (min-width:900px){
  .ust-ic{flex-wrap:nowrap;gap:1rem}
  .menu,.js .menu{display:flex;flex-direction:row;width:auto;order:2;margin-left:auto;border:0;padding:0}
  .ust-cta{order:3;margin-left:0}
  .menu-dugme,.js .menu-dugme{display:none}
}

/* Section base + zigzag edges */
main > :where(.wp-block-post-content) >section{position:relative}
main > :where(.wp-block-post-content) >section+section::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;z-index:2;background:linear-gradient(135deg,var(--prev,transparent) 25%,transparent 25%) -14px 0,linear-gradient(225deg,var(--prev,transparent) 25%,transparent 25%) -14px 0;background-size:28px 28px;pointer-events:none}
.hikaye{--prev:var(--vis)}.hizmetler{--prev:var(--krem)}.detay{--prev:var(--gece)}.fiyatlar{--prev:var(--krem2)}.neden{--prev:var(--krem)}.atmosfer{--prev:var(--petrol)}.surec{--prev:var(--gece)}.sss{--prev:var(--krem)}.iletisim{--prev:var(--krem2)}
.hikaye,.hizmetler,.detay,.fiyatlar,.neden,.surec,.sss,.iletisim{padding:clamp(4rem,9vw,7rem) 0}

/* Hero */
.hero{background:var(--vis) var(--elmas);color:var(--krem);padding:clamp(2.5rem,6vw,5rem) 0 clamp(4rem,8vw,6.5rem);overflow:hidden;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;top:0;bottom:0;width:clamp(18px,4.5vw,64px);z-index:1;background:repeating-linear-gradient(90deg,#8d1636 0 8px,#5a0c22 8px 16px,#7a1130 16px 22px);box-shadow:0 0 24px rgba(0,0,0,.45)}
.hero::before{left:0;transform:translateX(calc(var(--p,0) * -100%))}
.hero::after{right:0;transform:translateX(calc(var(--p,0) * 100%))}
.hero-ic{width:min(100% - 2.5rem - 8vw,72rem);margin-inline:auto;display:grid;gap:2.2rem;align-items:center;position:relative;z-index:2}
.hero-metin .giris{color:#fbeed1;max-width:36rem}
.dugmeler{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}
.hero-foto{margin:0;position:relative;background:var(--krem);padding:.7rem;border-radius:1.1rem;box-shadow:0 22px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(110,15,42,.4);rotate:2deg}
.hero-foto img{border-radius:.5rem;width:100%;aspect-ratio:16/9;object-fit:cover}
.indeks{position:absolute;font-family:var(--baslik);font-weight:700;font-size:1.05rem;line-height:1.05;text-align:center;color:var(--gece);background:rgba(251,243,226,.9);padding:.2rem .35rem;border-radius:.4rem}
.ust-sol{top:1.1rem;left:1.1rem}.alt-sag{bottom:1.1rem;right:1.1rem;transform:rotate(180deg)}
.suit{position:absolute;z-index:0;font-size:clamp(3rem,9vw,7rem);color:rgba(251,243,226,.1);line-height:1;pointer-events:none;translate:calc(var(--px,0) * var(--d,10) * 1px) calc(var(--py,0) * var(--d,10) * 1px);transition:translate .4s ease-out}
.s1{top:8%;left:9%}.s2{top:12%;right:10%}.s3{bottom:6%;left:34%}.s4{bottom:10%;right:6%}
@media (min-width:900px){
  .hero-ic{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem}
}

/* Tilt + foil sheen (signature) */
.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;position:relative}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.4),transparent 45%),linear-gradient(115deg,transparent 30%,rgba(255,194,26,.28) 44%,rgba(14,124,134,.25) 56%,transparent 70%);background-size:100% 100%,220% 100%;background-position:0 0,calc(var(--mx,50%) * 1) 0;mix-blend-mode:soft-light}
.tilt.aktif::after{opacity:1}
.tilt.aktif{transition:transform .06s linear}

/* Deal animation (only enhances visible content) */
@media (prefers-reduced-motion:no-preference){
  .js .deal{translate:var(--dx,-1.5rem) 2.6rem;rotate:var(--dr,-5deg);transition:transform .18s ease-out,translate .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 90ms),rotate .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 90ms)}
  .js .deal:nth-child(even){--dr:4deg;--dx:1.5rem}
  .js .deal.in{translate:0 0;rotate:0deg}
  .hero-foto.deal{rotate:2deg}
  .suit{animation:yuz 7s ease-in-out infinite alternate}
  .s2{animation-delay:-2s}.s3{animation-delay:-4s}.s4{animation-delay:-1s}
}
@keyframes yuz{from{margin-top:0}to{margin-top:-14px}}

/* Story */
.hikaye{background:var(--krem)}
.hikaye-ic{display:grid;gap:2.5rem;align-items:center}
.hikaye-foto{margin:0;background:#fff;padding:.7rem .7rem 2.2rem;border-radius:.6rem;box-shadow:0 14px 34px rgba(42,26,46,.28);transform:rotate(-2.5deg)}
.hikaye-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hikaye h2{color:var(--vis)}
@media (min-width:900px){.hikaye-ic{grid-template-columns:1fr 1fr;gap:4.5rem}}

/* Cards */
.kartlar{display:grid;gap:1.6rem;margin-top:2.4rem;grid-template-columns:1fr}
.kart{position:relative;background:var(--krem);color:var(--yazi);border-radius:1rem;padding:2.7rem 1.5rem 3rem;box-shadow:inset 0 0 0 6px var(--krem),inset 0 0 0 7px rgba(110,15,42,.35),0 12px 28px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:flex-start}
.kart::before,.kart[data-rank]>*:first-child{}
.kart::before{content:attr(data-rank);position:absolute;top:.9rem;left:1.1rem;font-family:var(--baslik);font-weight:700;font-size:1.15rem;line-height:1;color:var(--gece)}
.kart.kirmizi::before{color:var(--kirmizi)}
.kart h3{color:var(--vis);margin-bottom:.5em}
.kart .fiyat{margin:auto 0 1rem;padding-top:.4rem;font-size:1.05rem}
.kart .fiyat strong{background:linear-gradient(transparent 60%,rgba(255,194,26,.7) 60%);padding:0 .2rem}
.kart .btn{margin-bottom:.4rem}
.kart.joker{background:linear-gradient(160deg,#fff7e0,var(--krem2))}
.kart.joker::before{color:var(--turkuaz);font-size:1.4rem}
@media (min-width:700px){.kartlar{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.kartlar{grid-template-columns:repeat(3,1fr)}}

/* Services */
.hizmetler{background:var(--gece) var(--elmas);color:var(--krem)}
.hizmetler h2{color:var(--krem)}
.hizmetler .giris{color:#eadcc0}
.hizmetler .kart h3{color:var(--vis)}
.serit{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;padding:1.5rem 1.6rem;border:2px dashed var(--hardal);border-radius:1rem;background:rgba(255,194,26,.07)}
.serit p{margin:0;flex:1 1 20rem;font-size:1.1rem}
.serit-ince{border-color:var(--vis);background:rgba(110,15,42,.06);margin-top:2rem}

/* Detail */
.detay{background:var(--krem2)}
.detay-ic{display:grid;gap:2rem;align-items:start}
.detay h2{color:var(--vis)}
.detay figure{margin:0;border-radius:.9rem;overflow:hidden;box-shadow:0 14px 30px rgba(42,26,46,.3);border:6px solid #fff;background:#fff}
.detay img{width:100%;height:auto}
.detay-1{max-width:22rem}
.detay-2{max-width:20rem;justify-self:end}
@media (min-width:900px){
  .detay-ic{grid-template-columns:repeat(12,1fr);gap:2rem}
  .detay-metin{grid-column:1/6;align-self:center}
  .detay-1{grid-column:6/10;max-width:none;margin-top:3rem;rotate:-2deg}
  .detay-2{grid-column:10/13;max-width:none;justify-self:stretch;rotate:3deg}
}

/* Pricing */
.fiyatlar{background:var(--krem)}
.fiyatlar h2{color:var(--vis)}
.fiyatlar .kart{box-shadow:inset 0 0 0 6px var(--krem),inset 0 0 0 7px rgba(110,15,42,.35),0 10px 24px rgba(42,26,46,.25);background:#fffaf0}
.paket p:not(.tutar):not(.rozet){margin-bottom:1.4rem}
.tutar{font-family:var(--baslik);font-weight:700;font-size:1.65rem;line-height:1.15;color:var(--gece);margin-bottom:.8rem}
.paket .btn{margin-top:auto}
.one-cikan{background:var(--vis)!important;color:var(--krem)}
.one-cikan::before{color:var(--hardal)!important}
.one-cikan h3,.one-cikan .tutar{color:var(--krem)}
.one-cikan .tutar{color:var(--hardal)}
.rozet{font-family:var(--etiket);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;background:var(--hardal);color:var(--gece);padding:.25rem .7rem;border-radius:999px;margin:0 0 .8rem}
.one-cikan{box-shadow:inset 0 0 0 6px var(--vis),inset 0 0 0 7px rgba(255,194,26,.7),0 16px 34px rgba(110,15,42,.45)!important}
@media (min-width:1060px){.one-cikan{margin-top:-1rem;margin-bottom:-1rem}}

/* Why */
.neden{background:var(--petrol) var(--elmas);color:var(--krem)}
.neden h2{color:var(--krem)}
.dortlu{display:grid;gap:1.6rem;margin-top:2.4rem;grid-template-columns:1fr}
.dortlu article{border-top:3px solid var(--hardal);padding-top:1rem}
.dortlu h3{color:var(--krem)}
.dortlu p{color:#e6f3f2;margin:0}
.sembol{display:block;font-size:2.6rem;line-height:1;color:var(--hardal);margin-bottom:.4rem}
@media (min-width:640px){.dortlu{grid-template-columns:repeat(2,1fr);gap:2rem 2.5rem}}
@media (min-width:1060px){.dortlu{grid-template-columns:repeat(4,1fr)}}

/* Atmosphere */
.atmosfer{background:var(--gece);color:var(--krem)}
.atmosfer-foto{margin:0}
.atmosfer-foto img{width:100%;aspect-ratio:16/9;object-fit:cover;min-height:260px}
.atmosfer-metin{padding:2rem 1.25rem 3rem;background:var(--gece)}
.atmosfer-metin h2{color:var(--hardal);font-size:clamp(1.6rem,3.4vw,2.6rem)}
.atmosfer-metin p{margin:0;max-width:34rem}
@media (min-width:900px){
  .atmosfer{padding:0}
  .atmosfer-metin{position:absolute;right:max(1.5rem,6vw);bottom:12%;width:min(30rem,42%);background:rgba(27,16,34,.88);padding:2rem;border-radius:1rem;border:2px solid var(--hardal);backdrop-filter:blur(4px)}
  .atmosfer-foto img{max-height:84vh}
}

/* Process */
.surec{background:var(--krem)}
.surec-ic{display:grid;gap:2.5rem;align-items:center}
.surec h2{color:var(--vis)}
.surec-foto{margin:0;border-radius:1rem;overflow:hidden;border:6px solid #fff;box-shadow:0 14px 34px rgba(42,26,46,.3);rotate:-1.5deg}
.surec-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.adimlar{list-style:none;margin:0;padding:0;counter-reset:adim}
.adimlar li{counter-increment:adim;position:relative;padding:0 0 1.2rem 3.4rem;min-height:2.6rem}
.adimlar li::before{content:counter(adim);position:absolute;left:0;top:-.1rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;font:700 1.15rem var(--baslik);background:var(--vis);color:var(--hardal);border-radius:.45rem;transform:rotate(45deg)}
.adimlar li::before{border-radius:.35rem}
.adimlar strong{display:block;font-family:var(--baslik);font-size:1.15rem;color:var(--vis)}
@media (min-width:900px){.surec-ic{grid-template-columns:.9fr 1.1fr;gap:4.5rem}}

/* FAQ */
.sss{background:var(--krem2)}
.sss-ic{display:grid;gap:2.2rem}
.sss h2{color:var(--vis)}
.sss-liste details{background:#fffaf0;border:2px solid var(--vis);border-radius:.8rem;margin-bottom:.8rem;box-shadow:3px 3px 0 var(--vis)}
.sss-liste summary{cursor:pointer;list-style:none;font-weight:700;padding:1rem 3.2rem 1rem 1.2rem;position:relative;min-height:48px;display:flex;align-items:center}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::after{content:"+";position:absolute;right:1.1rem;top:50%;translate:0 -50%;font:700 1.6rem var(--baslik);color:var(--vis);transition:rotate .2s}
.sss-liste details[open] summary::after{rotate:45deg}
.sss-liste details p{padding:0 1.2rem 1.1rem;margin:0}
@media (min-width:900px){.sss-ic{grid-template-columns:.7fr 1.3fr;gap:4rem}.sss-baslik{position:sticky;top:6rem;align-self:start}}

/* Contact */
.iletisim{background:var(--vis) var(--elmas);color:var(--krem)}
.iletisim-ic{display:grid;gap:2.5rem;align-items:start}
.iletisim h2{color:var(--krem)}
.iletisim .not{font-size:.98rem;color:#f3dfc4}
.form{background:var(--krem);color:var(--yazi);padding:1.6rem;border-radius:1rem;box-shadow:inset 0 0 0 6px var(--krem),inset 0 0 0 7px rgba(110,15,42,.4),0 18px 40px rgba(0,0,0,.4);padding:2.2rem 2rem}
.form label{display:block;font-weight:700;margin:0 0 .3rem;font-size:.95rem}
.form input,.form textarea{width:100%;font:inherit;color:var(--yazi);background:#fff;border:2px solid #6b5a6e;border-radius:.6rem;padding:.7rem .85rem;min-height:48px;margin-bottom:1.1rem}
.form textarea{resize:vertical;min-height:9rem}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--turkuaz);outline-offset:2px;box-shadow:none}
.form .btn{width:100%;background:var(--vis);color:var(--krem);border-color:var(--vis-koyu);box-shadow:0 4px 0 var(--vis-koyu)}
.iletisim .form :focus-visible{outline-color:var(--turkuaz)}
@media (min-width:900px){.iletisim-ic{grid-template-columns:1fr 1fr;gap:4rem}}

/* Footer */
.alt{background:var(--gece);color:var(--krem);padding:2.8rem 0;border-top:4px solid var(--hardal)}
.alt-ic{display:flex;flex-wrap:wrap;gap:1.6rem 3rem;justify-content:space-between;align-items:flex-start}
.alt-ic p{margin:0 0 .3rem;color:#d9ccb3}
.alt-marka{font-family:var(--baslik);font-size:1.35rem;color:var(--hardal)!important;font-weight:700}
.alt nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;max-width:30rem}
.alt nav a{padding:.6rem .2rem;min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.alt nav a:hover{color:var(--hardal)}

/* Small screens */
@media (max-width:480px){
  body{font-size:1rem}
  .hero-ic{width:min(100% - 2rem - 8vw,72rem)}
  .kart{padding:2.6rem 1.2rem 2.6rem}
  .form{padding:1.8rem 1.3rem}
  .marka-yazi small{display:none}
  .ust-cta{padding:.4rem .8rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero::before,.hero::after{transform:none}
}

/* inner pages */
/* Inner pages: small additions, all prefixed pg- */

/* Compact hero: single column, less padding */
.hero.pg-hero{padding:clamp(2rem,5vw,3.5rem) 0 clamp(3.5rem,7vw,5rem)}
.hero-ic.pg-hero-ic{grid-template-columns:1fr}
.pg-hero h1{font-size:clamp(1.9rem,4.6vw,3.2rem)}
.pg-hero-ic .hero-metin{max-width:46rem}

/* Zigzag edge colour when the previous section differs from the default */
.pg-prev-vis{--prev:var(--vis)}
.pg-prev-petrol{--prev:var(--petrol)}
.pg-prev-gece{--prev:var(--gece)}
.pg-prev-krem{--prev:var(--krem)}
.pg-prev-krem2{--prev:var(--krem2)}

/* Darker backdrop for the contact form band (keeps the diamond pattern) */
.pg-zemin-gece{background-color:var(--gece)}

/* Closing call-to-action block */
.pg-kapanis{max-width:42rem}
.pg-kapanis .dugmeler{margin-top:1.4rem}

/* Plain bullet list */
.pg-liste{margin:0 0 1.2em;padding-left:1.25rem}
.pg-liste li{margin-bottom:.55rem;padding-left:.2rem}
.pg-liste li::marker{color:var(--hardal)}
.sss .pg-liste li::marker{color:var(--vis)}

@media (max-width:480px){
  .pg-kapanis .dugmeler .btn{width:100%}
}

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