/* Fitil Mum Atölyesi — kenarda yanan fitil, kül, balmumu damlaları */
:root{
  --soya:#f7f1e6;
  --balmumu:#eadfc8;
  --kul:#2a2522;
  --lavanta:#5b4b7d;
  --lavanta-acik:#e6e0f0;
  --tarcin:#9b4a2c;
  --adacayi:#56664e;
  --alev:#ee9b2f;
  --alev-acik:#f4b866;
  --baslik:"Bookman Old Style","Bookman","URW Bookman","ITC Bookman",Georgia,"Times New Roman",serif;
  --govde:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",Verdana,sans-serif;
  --gutter:clamp(1.5rem,5vw,3rem);
  --bosluk:clamp(4.5rem,9vw,8.5rem);
  --damla:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V16C1160 16 1150 22 1140 36C1130 56 1112 56 1104 38C1098 24 1080 16 1050 16C990 16 980 20 970 24C960 28 950 28 940 22C930 16 900 16 860 16C820 16 812 26 806 42C800 58 782 58 778 42C774 26 760 16 720 16C640 16 600 18 580 18C560 18 556 30 552 40C548 50 534 50 530 40C526 28 520 18 500 18C440 18 420 16 380 16C340 16 330 22 322 34C314 46 300 46 294 34C288 22 276 16 240 16C180 16 150 20 120 20C100 20 96 30 92 40C88 52 72 52 68 40C64 28 56 20 40 18C20 17 10 16 0 16Z'/%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;background:var(--soya);color:var(--kul);font:1.0625rem/1.68 var(--govde);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--baslik);line-height:1.12;letter-spacing:-.01em;margin:0 0 1rem;font-weight:700}
h1{font-size:clamp(2.1rem,5.6vw,4.2rem)}
h2{font-size:clamp(1.75rem,4vw,3rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}
p{margin:0 0 1.1rem;max-width:62ch}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}

:focus-visible{outline:3px solid var(--lavanta);outline-offset:3px;border-radius:3px}
.koyu :focus-visible,.cta-bant :focus-visible{outline-color:var(--alev-acik)}

.atla{position:absolute;left:-999px;top:0;background:var(--kul);color:var(--soya);padding:.7rem 1rem;z-index:100}
.atla:focus{left:1rem;top:1rem}

.kap{width:min(1180px,100% - 2*var(--gutter));margin-inline:auto}
.etiket{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--lavanta);margin-bottom:.9rem}
.koyu .etiket{color:var(--alev-acik)}

/* ---------- fitil rayı ---------- */
.fitil{position:fixed;left:10px;top:0;bottom:0;width:2px;z-index:40;pointer-events:none}
.fitil-ip{position:absolute;inset:0;background:repeating-linear-gradient(172deg,#b7a47a 0 4px,#8a7850 4px 7px);opacity:.85}
.fitil-kul{position:absolute;inset:0;background:var(--kul);transform-origin:top;transform:scaleY(0);box-shadow:0 0 0 1px rgba(247,241,230,.5)}
.fitil-alev{position:absolute;left:1px;top:0;width:0;height:0;transform:translateY(44px);will-change:transform}
.alev{position:absolute;left:-9px;bottom:0;width:18px;height:30px;transform-origin:50% 100%;transform:rotate(var(--egim,0deg)) scaleY(var(--tas,1));transition:transform .4s ease-out}
.alev::before{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.42),rgba(255,190,90,0) 66%)}
.alev-ic{position:absolute;left:2px;bottom:8px;width:14px;height:14px;border-radius:0 50% 50% 50%;background:radial-gradient(circle at 60% 62%,#fff8dc 0 22%,#ffd479 48%,var(--alev) 100%);transform:scaleY(1.5) rotate(45deg);box-shadow:0 0 12px 2px rgba(238,155,47,.55);animation:titre 2.4s ease-in-out infinite alternate}
@keyframes titre{
  0%{transform:scaleY(1.45) rotate(45deg)}
  35%{transform:scaleY(1.62) scaleX(.94) rotate(43deg)}
  70%{transform:scaleY(1.5) rotate(47deg)}
  100%{transform:scaleY(1.58) scaleX(.96) rotate(44deg)}
}

/* ---------- üst ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(247,241,230,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(42,37,34,.14)}
.ust-ic{width:min(1180px,100% - 2*var(--gutter));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 0}
.marka{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.marka-yazi{font-family:var(--baslik);font-size:1.05rem;line-height:1.1}
.marka-yazi strong{font-size:1.5rem;letter-spacing:-.02em}
.marka-yazi span{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-family:var(--govde);color:var(--lavanta);font-weight:700}
.nav ul{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,1.8rem);flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:600;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:not(.dugme):hover{border-bottom-color:var(--tarcin)}
.menu-dugme{display:none;align-items:center;gap:.6rem;background:none;border:2px solid var(--kul);border-radius:2rem;padding:.45rem .9rem;font:inherit;font-weight:700;color:var(--kul);cursor:pointer}
.menu-cizgi,.menu-cizgi::before{display:block;width:18px;height:2px;background:currentColor;position:relative}
.menu-cizgi::before{content:"";position:absolute;top:-6px;left:0;box-shadow:0 12px 0 currentColor}

/* ---------- düğmeler ---------- */
.dugme{display:inline-block;background:var(--tarcin);color:var(--soya);text-decoration:none;font-weight:700;padding:.85rem 1.5rem;border-radius:3rem;border:2px solid var(--tarcin);font-family:var(--govde);font-size:1rem;line-height:1.2;cursor:pointer;transition:transform .2s,background .2s}
.dugme:hover{background:var(--kul);border-color:var(--kul);transform:translateY(-2px)}
.dugme.kucuk{padding:.55rem 1.1rem;font-size:.95rem;border-bottom:2px solid var(--tarcin)}
.dugme.ikinci{background:transparent;color:var(--kul);border-color:var(--kul)}
.dugme.ikinci:hover{background:var(--kul);color:var(--soya)}
.dugme.acik{background:var(--soya);color:var(--kul);border-color:var(--soya)}
.dugme.acik:hover{background:var(--kul);color:var(--soya);border-color:var(--kul)}
.dugme.sicak{background:var(--alev-acik);color:var(--kul);border-color:var(--alev-acik)}
.dugme.sicak:hover{background:var(--soya);border-color:var(--soya)}
.baglanti{font-weight:700;text-decoration-thickness:2px;text-underline-offset:.3em;text-decoration-color:var(--tarcin)}
.baglanti:hover{text-decoration-color:currentColor}
.dugmeler{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}

/* ---------- bölümler ve damlalar ---------- */
main > :where(.wp-block-post-content) >section{position:relative;padding-block:var(--bosluk);background:var(--bg,var(--soya))}
.damla::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:clamp(22px,3.4vw,46px);background:var(--bg,var(--soya));-webkit-mask:var(--damla) center/100% 100% no-repeat;mask:var(--damla) center/100% 100% no-repeat;z-index:3;pointer-events:none}
.hero{--bg:var(--soya);overflow-x:clip;padding-top:clamp(2.5rem,6vw,5rem)}
.hikaye{--bg:var(--balmumu)}
.urunler{--bg:var(--soya)}
.hediyeler{--bg:var(--lavanta-acik)}
.atolye{--bg:var(--kul);color:var(--soya)}
.cta-bant.ilk{--bg:var(--tarcin)}
.fiyatlar{--bg:var(--soya)}
.neden{--bg:var(--balmumu)}
.surec{--bg:var(--kul);color:var(--soya)}
.cta-bant.ikinci-bant{--bg:var(--lavanta)}
.sss{--bg:var(--soya)}
.iletisim{--bg:var(--balmumu)}

.iki{display:grid;gap:2.5rem;align-items:center}
@media(min-width:860px){
  .iki{grid-template-columns:repeat(12,1fr);gap:3rem}
  .iki>:first-child{grid-column:1/span 6}
  .iki>:last-child{grid-column:7/span 6}
  .iki.ters>:first-child{grid-column:1/span 7}
  .iki.ters>:last-child{grid-column:8/span 5}
}

/* hero */
.hero::before{content:"fitil";position:absolute;right:-1vw;bottom:-.12em;font-family:var(--baslik);font-weight:700;font-size:clamp(8rem,26vw,22rem);line-height:.8;color:rgba(91,75,125,.08);pointer-events:none}
.hero-izgara{display:grid;gap:2.5rem;align-items:center;position:relative;z-index:1}
.hero-yazi h1{max-width:15ch}
.giris{font-size:1.2rem;max-width:52ch}
.not{font-size:.95rem;color:#4a423d;margin-top:1.4rem}
.hero-gorsel{margin:0;position:relative}
.hero-gorsel img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12rem 12rem 1.2rem 1.2rem;box-shadow:0 30px 50px -30px rgba(42,37,34,.5)}
.rozet{position:absolute;left:-.6rem;bottom:1.4rem;width:6.2rem;height:6.2rem;border-radius:50%;background:var(--lavanta);color:var(--soya);display:grid;place-items:center;text-align:center;font-family:var(--baslik);font-size:.95rem;line-height:1.15;font-weight:700;transform:rotate(-10deg);border:3px solid var(--soya)}
@media(min-width:860px){
  .hero-izgara{grid-template-columns:7fr 5fr;gap:3rem}
  .hero-gorsel img{aspect-ratio:4/5;border-radius:16rem 16rem 1.2rem 1.2rem}
  .rozet{left:-2rem;width:7.4rem;height:7.4rem;font-size:1.05rem}
}

/* hikaye */
.hikaye-gorsel{margin:0;position:relative}
.hikaye-gorsel::before{content:"";position:absolute;inset:1.1rem -1.1rem -1.1rem 1.1rem;border:2px solid var(--lavanta);border-radius:1.2rem}
.hikaye-gorsel img{position:relative;width:100%;border-radius:1.2rem}
@media(max-width:859px){.hikaye-gorsel::before{inset:.7rem -.5rem -.7rem .5rem}}

/* ürünler */
.urun-gorsel{margin:0}
.urun-gorsel img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:50vw 50vw 1.2rem 1.2rem;max-width:26rem;margin-inline:auto}
@media(min-width:860px){.urun-gorsel img{max-width:none}}

/* hediyeler */
.hediye-gorsel{margin:0;position:relative;max-width:30rem;margin-inline:auto;width:100%}
.hediye-gorsel::before{content:"";position:absolute;inset:-.9rem;border:2px dashed var(--lavanta);border-radius:50%}
.hediye-gorsel img{position:relative;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}

/* atölye */
.atolye-gorsel{margin:0}
.atolye-gorsel img{width:100%;border-radius:1.2rem 1.2rem 7rem 1.2rem}
.tum-hizmetler{margin-top:2.5rem}
.tum-hizmetler p{margin:0}
.koyu .baglanti{text-decoration-color:var(--alev-acik)}

/* atmosfer */
.atmosfer{position:relative;padding:0 !important;background:var(--kul);color:var(--soya)}
.atmosfer img{width:100%;height:clamp(26rem,75vh,42rem);object-fit:cover}
.atmosfer::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,20,.92) 0,rgba(26,22,20,.55) 45%,rgba(26,22,20,.1) 100%);z-index:1}
.atmosfer-yazi{position:absolute;z-index:2;left:max(var(--gutter),calc((100% - 1180px)/2));right:var(--gutter);bottom:clamp(1.8rem,5vw,4rem);max-width:36rem}
.atmosfer-yazi h2{color:#fff}
.atmosfer-yazi p{margin:0}

/* cta bantları */
.cta-bant{color:var(--soya)}
.cta-bant h2{max-width:22ch}
.cta-bant p{font-size:1.1rem}

/* başlık bloğu */
.baslik-blok{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.5rem)}

/* fiyatlar */
.kartlar{display:grid;gap:1.5rem}
.kart{background:#fffaf0;border:2px solid var(--kul);border-radius:1.2rem 1.2rem 5rem 1.2rem;padding:clamp(1.5rem,3vw,2.2rem);display:flex;flex-direction:column}
.kart .dugme{margin-top:auto}
.kart>p:last-child{margin:auto 0 0;padding-top:.6rem}
.kart.one-cikan{background:var(--lavanta);color:var(--soya);border-color:var(--lavanta)}
.kart.one-cikan .dugme{background:var(--soya);color:var(--kul);border-color:var(--soya)}
.kart.one-cikan .dugme:hover{background:var(--kul);color:var(--soya);border-color:var(--kul)}
.fiyat{display:flex;flex-direction:column;margin-bottom:1.1rem}
.fiyat strong{font-family:var(--baslik);font-size:clamp(1.6rem,3vw,2rem);line-height:1.1}
.fiyat span{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85;margin-top:.3rem}
@media(min-width:900px){
  .kartlar{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .kart.one-cikan{transform:translateY(-1.2rem)}
}

/* neden */
.neden-izgara{display:grid;gap:1.8rem 3rem}
.neden-kutu{border-top:3px solid var(--kul);padding-top:1rem}
.neden-kutu p{margin:0}
@media(min-width:760px){
  .neden-izgara{grid-template-columns:1.2fr 1fr}
  .neden-kutu:nth-child(even){transform:translateY(2rem)}
}

/* süreç */
.adimlar{display:grid;gap:1.5rem;counter-reset:adim}
.adimlar li{counter-increment:adim;position:relative;padding:1.2rem 0 0 0;border-top:1px solid rgba(247,241,230,.4)}
.adimlar li::before{content:counter(adim);display:block;font-family:var(--baslik);font-size:3.6rem;line-height:1;color:var(--alev-acik);margin-bottom:.6rem}
.adimlar p{margin:0}
@media(min-width:860px){
  .adimlar{grid-template-columns:repeat(4,1fr);gap:2rem}
  .adimlar li:nth-child(2){margin-top:2rem}
  .adimlar li:nth-child(3){margin-top:4rem}
  .adimlar li:nth-child(4){margin-top:6rem}
}

/* sss */
.iki-sss{display:grid;gap:2rem}
@media(min-width:900px){.iki-sss{grid-template-columns:5fr 7fr;gap:4rem}}
.sorular details{border-bottom:2px solid var(--kul);padding:1rem 0}
.sorular details:first-child{border-top:2px solid var(--kul)}
.sorular summary{cursor:pointer;font-family:var(--baslik);font-weight:700;font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.sorular summary::-webkit-details-marker{display:none}
.sorular summary::after{content:"+";font-size:1.8rem;line-height:1;color:var(--tarcin);flex:none}
.sorular details[open] summary::after{content:"–"}
.sorular details p{margin:.8rem 0 0}

/* iletişim */
.iki-iletisim{display:grid;gap:2.5rem}
@media(min-width:900px){.iki-iletisim{grid-template-columns:5fr 6fr;gap:4rem}}
.form{background:#fffaf0;border:2px solid var(--kul);border-radius:1.2rem;padding:clamp(1.3rem,3vw,2.2rem)}
.form p{margin:0 0 1.1rem;max-width:none}
.form label{display:block;font-weight:700;margin-bottom:.35rem}
.form input,.form textarea{width:100%;font:inherit;color:var(--kul);background:#fff;border:2px solid var(--kul);border-radius:.6rem;padding:.8rem .9rem}
.form textarea{resize:vertical;min-height:8rem}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--lavanta);outline-offset:2px}
.form p:last-child{margin:0}

/* alt */
.alt{background:var(--kul);color:var(--soya);padding:clamp(2.5rem,5vw,4rem) 0 2.5rem;position:relative}
.alt-izgara{display:grid;gap:1.6rem}
.alt-marka{font-family:var(--baslik);font-size:1.5rem;font-weight:700;margin-bottom:.4rem}
.alt p{margin:0}
.alt ul{display:flex;flex-direction:column;gap:.5rem}
.alt a{text-underline-offset:.25em}
@media(min-width:760px){.alt-izgara{grid-template-columns:1fr auto;align-items:start}}

/* ---------- mobil menü ---------- */
@media(max-width:859px){
  .js .menu-dugme{display:inline-flex}
  .js .nav{display:none;width:100%}
  .js .ust.acik .nav{display:block;padding:.4rem 0 1rem}
  .nav ul{flex-direction:column;align-items:flex-start;gap:.2rem}
  .js .nav ul{gap:.1rem}
  .js .nav a:not(.dugme){display:block;padding:.7rem 0;font-size:1.1rem}
  .nav .dugme{margin-top:.5rem}
  .nav ul{width:100%}
}

/* ---------- hareket tercihi ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .alev-ic{animation:none}
  .alev{transition:none}
  .dugme{transition:none}
  .dugme:hover{transform:none}
}
@media(max-width:380px){
  .rozet{width:5.4rem;height:5.4rem;font-size:.85rem}
  .marka-yazi span{display:none}
}

/* inner pages */
/* İç sayfalar için küçük eklemeler: yalnızca pg- önekli sınıflar */

main > :where(.wp-block-post-content) >section.pg-hero{
  padding-top:clamp(2rem,5vw,3.5rem);
  padding-bottom:clamp(3rem,6vw,5rem);
}
.pg-hero-ic{position:relative;z-index:1}
.pg-hero h1{
  font-size:clamp(1.9rem,4.6vw,3.3rem);
  max-width:22ch;
}
.pg-hero .giris{max-width:56ch}

/* iki kartlı fiyat alanı */
.pg-ikili{display:grid;gap:1.5rem}
@media(min-width:860px){
  .pg-ikili{grid-template-columns:repeat(2,1fr);align-items:stretch}
}

/* koyu bölümlerde kısa başlıklı paragraf ızgarası */
.pg-sozler{display:grid;gap:1.6rem 3rem}
.pg-sozler>div{
  border-top:1px solid rgba(247,241,230,.4);
  padding-top:1rem;
  min-width:0;
}
.pg-sozler h3{color:var(--alev-acik)}
.pg-sozler p{margin:0}
@media(min-width:760px){
  .pg-sozler{grid-template-columns:repeat(2,1fr)}
}

/* atölye ve ürün bölümlerinde fiyat satırı */
.urun-yazi .fiyat,.atolye-yazi .fiyat{margin:.4rem 0 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; }