/* ==========================================================================
   TAŞFIRIN BAHÇE — KOLAJ TEMASI
   Bütün site bir bahçe panosu: mantar pano, kraft kâğıt, gazete kupürü,
   milimetrik kâğıt, fiş ve kartotek. Fotoğraflar bantla/raptiyeyle asılı.
   Bu katman styles.css + collage-kit.css üzerine biner.
   ========================================================================== */

:root{
  /* kolaj kit paleti — bahçe tonlarına ayarlandı */
  --kk-paper:#F2E9D4;
  --kk-paper-2:#E6DABD;
  --kk-kraft:#C9AE82;
  --kk-cork:#B5834F;
  --kk-ink:#241C14;
  --kk-accent:#B8431A;
  --kk-tape:rgba(246,226,150,.74);
  --kk-hand-font:'Caveat','Segoe Script','Bradley Hand',cursive;
  --kk-stamp-font:'Arial Narrow','Franklin Gothic Medium',Impact,sans-serif;

  /* site tokenleri kolaja çekildi */
  --bg:#3A2A1C;
  --paper:#F2E9D4;
  --surface:#E6DABD;
  --surface-2:#EFE4CA;
  --ink:#241C14;
  --ink-soft:#4A3A2A;
  --ink-faint:#6B5641;
  --accent:#D69A2D;
  --accent-text:#8C3A12;
  --accent2:#5B4026;
  --line:rgba(36,28,20,.18);
  --line-strong:rgba(36,28,20,.38);
}

/* ---------- pano zemini: tahta sırt ---------- */
body.kk-board{
  background-color:#3A2A1C;
  background-image:
    repeating-linear-gradient(90deg,rgba(0,0,0,.20) 0 2px,transparent 2px 7px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 140px),
    radial-gradient(ellipse at 50% 0%,rgba(255,220,160,.10),transparent 60%);
  color:var(--ink);
}
main{padding-top:var(--header-h)}
main > section{padding-block:clamp(54px,7vw,92px)}
main > section + section{margin-top:-2px}

/* ==========================================================================
   HEADER — kraft şerit, bantla tutturulmuş
   ========================================================================== */
.site-header.kk-kraft{
  backdrop-filter:none;
  border-bottom:2px solid rgba(36,28,20,.38);
  box-shadow:0 10px 24px -18px rgba(0,0,0,.8);
}
.site-header.kk-kraft::after{
  content:"";position:absolute;left:12%;bottom:-11px;width:7rem;height:1.3rem;
  background:var(--kk-tape);rotate:-3deg;opacity:.9;pointer-events:none;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.site-header .brand{font-style:normal;gap:.35ch;font-size:1.2rem}
.site-header .brand .kk-ransom{font-weight:600;letter-spacing:.01em;padding:.08em .34em}
.site-header .brand .dot{background:var(--kk-accent)}
.nav-desktop a{font-style:normal;font-size:.95rem;color:var(--kk-ink)}
.nav-desktop a::after{background:var(--kk-accent);height:3px;bottom:2px;
  clip-path:polygon(0 30%,4% 0,100% 45%,97% 100%,0 80%)}
.nav-desktop a.nav-cta,header a.nav-cta{
  background:var(--kk-accent);color:#fff;border-radius:3px;border:2px solid #7d2c0f;
  font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.12em;
  font-size:.78rem;padding:10px 16px;rotate:-2deg;box-shadow:2px 3px 0 rgba(36,28,20,.28)}
.nav-desktop a.nav-cta:hover,header a.nav-cta:hover{background:#7d2c0f;color:#fff;rotate:0deg}
.nav-toggle{background:var(--kk-paper);border:2px solid rgba(36,28,20,.5);border-radius:3px;
  color:var(--kk-ink);rotate:-2deg;box-shadow:2px 3px 0 rgba(36,28,20,.22)}

/* drawer */
.drawer.kk-paper-2{border-left:3px solid rgba(36,28,20,.4)}
.drawer a{color:var(--kk-ink);font-style:normal}
.drawer a:hover,.drawer a.is-active{color:var(--kk-accent)}
.drawer .nav-cta{background:var(--kk-accent);color:#fff;border-radius:3px;
  font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;
  border:2px solid #7d2c0f}
.drawer-note{color:var(--kk-accent)}

/* ==========================================================================
   ORTAK KOLAJ TİPOGRAFİSİ
   ========================================================================== */
.sec-head h2{font-style:normal;font-weight:600;letter-spacing:-.01em}
.sec-head .sec-num{font-family:var(--kk-hand-font);color:var(--kk-accent);font-size:1.7rem;rotate:-4deg}
.sec-head p{color:var(--ink-soft)}
.kk-dark .sec-head h2,.kk-dark .sec-head p,.kk-dark .body-copy p{color:#F1E6D0}
.kk-dark .sec-head .sec-num{color:#FFC978}
.kk-cork .sec-head h2,.kk-kraft .sec-head h2{color:#2B1E12}
.kk-cork .sec-head p,.kk-kraft .sec-head p{color:#3D2C1C}
.kk-cork .sec-head .sec-num,.kk-kraft .sec-head .sec-num{color:#7A2E10}
.kk-cork .gallery-note,.kk-kraft .gallery-note{color:#3B2A19}

/* butonlar: damga ve kesik kâğıt */
.btn{border-radius:3px;font-family:var(--kk-stamp-font);text-transform:uppercase;
  letter-spacing:.12em;font-size:.82rem;padding:14px 22px;border-width:2px}
.btn-primary{background:var(--kk-accent);color:#fff;border-color:#7d2c0f;
  box-shadow:3px 4px 0 rgba(36,28,20,.3)}
.btn-primary:hover,.btn-primary:focus-visible{background:#7d2c0f;color:#fff;
  transform:translate(1px,1px);box-shadow:2px 2px 0 rgba(36,28,20,.3)}
.btn-ghost{background:rgba(255,255,255,.4);color:var(--kk-ink);border-color:var(--kk-ink)}
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--kk-ink);color:var(--kk-paper);transform:translate(1px,1px)}
.kk-dark .btn-ghost{background:rgba(255,255,255,.06);color:#F1E6D0;border-color:#C9B48E}
.kk-dark .btn-ghost:hover{background:#F1E6D0;color:#241C14}

/* kolaj fotoğrafları: kupon altyazı, absolute konumlandırma iptal */
.kk-photo{padding:.7rem .7rem 2.1rem}
.kk-photo figcaption{position:static;inset:auto;padding:.55rem .2rem 0;text-shadow:none;
  transform:none;color:var(--kk-ink);display:block;background:none}
.kk-photo figcaption b{display:block;font-style:normal;font-weight:600;font-size:1.15rem;color:var(--kk-ink)}
.kk-photo figcaption span{display:block;font-family:var(--kk-hand-font);font-size:1.1rem;
  color:#7A2E10;opacity:1}
.kk-photo img{border:1px solid rgba(36,28,20,.18)}

/* scrap iç boşlukları */
.kk-scrap{padding:clamp(20px,2.6vw,30px)}
.kk-scrap.kk-photo{padding:.7rem .7rem 2.1rem}

/* ==========================================================================
   HERO — mantar pano
   ========================================================================== */
.hero.kk-cork{padding-top:clamp(34px,5vw,60px);padding-bottom:clamp(44px,6vw,82px)}
.hero-board{display:grid;gap:clamp(20px,3vw,34px)}
@media (min-width:980px){
  .hero-board{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);
    grid-template-areas:"photo intro" "facts intro";align-items:start}
  .hero-figure{grid-area:photo}
  .hero-intro{grid-area:intro}
  .hero-facts{grid-area:facts}
}
/* eski full-bleed hero kuralını iptal et */
body.kk-board .hero-figure{width:auto;margin-left:0;border-radius:2px;overflow:visible}
body.kk-board .hero-figure img{height:auto;width:100%;aspect-ratio:var(--kk-ar,16/9);
  object-fit:cover;transform:none;border-radius:0}
body.kk-board .hero-eyebrow-row{position:static;margin:0 0 14px;z-index:auto}
body.kk-board .hero-eyebrow-row .eyebrow,body.kk-board .hero-eyebrow-row .hand{
  color:inherit;text-shadow:none}
.hero-figure .scrim,.hero-figure .sheen{inset:.7rem .7rem 2.1rem;border-radius:0}
.hero-figure .scrim{background:linear-gradient(180deg,rgba(36,28,20,.26) 0%,rgba(36,28,20,0) 38%,rgba(36,28,20,.34) 100%)}
.hero-figure figcaption{position:static;display:flex;justify-content:space-between;
  align-items:center;gap:12px;flex-wrap:wrap;padding:.6rem .2rem 0;text-shadow:none;color:var(--kk-ink)}
.hero-figure figcaption .loc{font-size:1.25rem;color:#7A2E10}
.hero-figure figcaption .est{font-family:var(--kk-stamp-font);font-size:.72rem;transform:none}

.hero-intro{margin-top:0}
.hero-intro h1{font-style:normal;font-weight:600;font-size:clamp(2rem,4.4vw,3.2rem);
  line-height:1.5;max-width:none;display:flex;flex-wrap:wrap;gap:.18em .3em}
.hero-intro h1 .kk-ransom{padding:.06em .26em;font-weight:600}
.hero-intro .lede{max-width:40ch;margin-top:20px;color:var(--ink-soft);font-size:1.1rem}
.hero-cta{margin-top:24px}
.trust{margin-top:20px;gap:10px}
.trust li{background:var(--kk-paper);border:1px solid rgba(36,28,20,.35);border-radius:2px;
  color:#3D2C1C;font-size:.82rem;padding:5px 11px;rotate:var(--kk-r,0deg);
  box-shadow:1px 2px 0 rgba(36,28,20,.16)}
.trust li::before{background:var(--kk-accent)}

.hero-facts{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-start;
  border-top:0;padding-top:0;margin-top:0;position:relative}
.hero-facts .f b{font-style:normal;font-weight:600;font-size:1.9rem;color:#2B1E12}
.hero-facts .f span{color:#4A3625;font-size:.82rem}
.hero-facts .divider{background:rgba(36,28,20,.3)}
.hero-facts .facts-note{position:absolute;right:14px;bottom:-4px;font-size:1.05rem}
@media (max-width:640px){.hero-facts .facts-note{position:static;display:block;margin-top:10px}}

/* ==========================================================================
   HİKÂYE — gazete kupürü + kenar notları
   ========================================================================== */
.story-board{display:grid;gap:clamp(22px,3vw,38px)}
@media (min-width:980px){.story-board{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:start}}
.story-col{padding:clamp(26px,3.4vw,44px)}
.story-col .sec-head{max-width:34ch;margin-bottom:22px}
.story-col .story{width:auto;max-width:none}
.story-col .story p{margin:0 0 1.15em;color:var(--kk-ink)}
.story-col .dropcap::first-letter{color:var(--kk-accent);font-style:normal;font-weight:600}
.pull{font-style:normal;font-weight:600;border-left:0;padding:16px 18px;color:var(--kk-ink);
  background:var(--kk-paper-2);box-shadow:2px 4px 0 rgba(36,28,20,.2);rotate:-.8deg;
  max-width:30ch;font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.35}
.note-aside{color:var(--kk-accent);margin:14px 0 22px}
.story-side{display:grid;gap:clamp(18px,2.4vw,26px);align-content:start}
.side-memo{padding:20px 22px}
.side-memo b{display:block;font-family:var(--kk-stamp-font);text-transform:uppercase;
  letter-spacing:.12em;font-size:.76rem;margin-bottom:10px;color:#7d2c0f}
.side-memo ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;
  font-family:var(--kk-hand-font);font-size:1.22rem;line-height:1.25;color:#2B1E12}
.side-memo li span{display:inline-block;min-width:3.6ch;color:#7d2c0f}

/* ==========================================================================
   BAHÇE — kartotek fişleri
   ========================================================================== */
.bahce-board{display:grid;gap:clamp(22px,3vw,40px)}
@media (min-width:980px){.bahce-board{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start}}
.bahce-left{display:grid;gap:clamp(18px,2.4vw,26px);align-content:start}
body.kk-board .split .media,body.kk-board .bahce-left .media{border-radius:2px;overflow:visible;box-shadow:none}
body.kk-board .bahce-left .media img{max-height:none;width:100%}
body.kk-board .bahce-left .media figcaption{position:static;left:auto;bottom:auto;
  color:#7A2E10;text-shadow:none;transform:none;padding:.55rem .2rem 0}
.feat-list{border:0;border-radius:0;background:none;gap:0;overflow:visible}
.feat-list li{background:none;padding:20px 24px;border-radius:2px;
  grid-template-columns:auto 1fr;gap:14px;align-items:baseline}
.feat-list li .k{font-family:var(--kk-hand-font);font-size:2rem;color:var(--kk-accent)}
.feat-list li h3{font-style:normal;font-weight:600;font-size:1.22rem}
.feat-list li p{color:#4A3A2A}
.side-note h4{font-style:normal;font-weight:600;font-size:1.15rem;color:#2B1E12;margin-bottom:10px;
  font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}
.mini-dl{display:grid;margin:0}
.mini-dl > div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;
  border-top:1px dashed rgba(36,28,20,.32)}
.mini-dl > div:first-child{border-top:0}
.mini-dl dt{margin:0;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#6B5641}
.mini-dl dd{margin:0;font-size:.98rem;color:#33261A;text-align:right}
.hand-line{margin:12px 0 0;font-size:1.2rem}

/* ==========================================================================
   SOFRADA NE VAR — polaroid yığını
   ========================================================================== */
#sofra .gallery{gap:0}
body.kk-board .plate{border-radius:2px;overflow:visible;background:#fff}
body.kk-board .plate img{aspect-ratio:4/5;border-radius:0}
body.kk-board .gallery .plate.tall img{aspect-ratio:4/6}
body.kk-board .plate::after{display:none}
body.kk-board .plate:hover{transform:rotate(0deg) translateY(-4px) scale(1.015)}
body.kk-board .plate:hover img{transform:none}
body.kk-board .plate figcaption{position:static;inset:auto;background:none;
  padding:.55rem .2rem 0;color:var(--kk-ink)}
.gallery-note{font-family:var(--kk-hand-font);font-size:1.6rem;rotate:-1.4deg;margin-top:34px}

/* ==========================================================================
   TAŞ FIRIN — kül panosu
   ========================================================================== */
.firin-board{display:grid;gap:clamp(22px,3vw,40px)}
@media (min-width:980px){.firin-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.firin-left{display:grid;gap:clamp(18px,2.4vw,26px);align-content:start}
body.kk-board .oven-figure{border-radius:2px;overflow:visible;box-shadow:none}
body.kk-board .oven-figure img{max-height:none;width:100%;aspect-ratio:var(--kk-ar,3/2)}
body.kk-board .oven-figure .heat,body.kk-board .oven-figure .embers,body.kk-board .oven-figure .haze{
  inset:.7rem .7rem 2.1rem}
body.kk-board .oven-figure figcaption{position:static;left:auto;bottom:auto;
  color:#7A2E10;text-shadow:none;padding:.55rem .2rem 0;font-style:normal}
.firin-log{list-style:none;margin:0;padding:22px 24px;display:grid;gap:0;border:0;overflow:visible}
.firin-log li{display:flex;gap:14px;align-items:baseline;background:none;
  padding:11px 0;border-bottom:1px dashed rgba(36,28,20,.3);font-size:.97rem;color:#33261A}
.firin-log li:last-child{border-bottom:0}
.firin-log .t{font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.08em;
  font-size:.78rem;color:#7d2c0f;min-width:5.6ch;flex:none}
.firin-right .body-copy{margin-top:18px}
.firin-right .body-copy p{color:#2B1E12}
.firin-right .note-aside{color:#FFC978;font-size:1.6rem}
.kk-dark .kk-fleck--hand{font-size:1.2rem}

/* ==========================================================================
   PLANLAYICI — milimetrik kâğıt üzerinde form + fiş
   ========================================================================== */
.planner{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.planner-grid{display:grid;gap:clamp(22px,3vw,40px)}
@media (min-width:900px){.planner-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start}}
.planner-form{border:0;padding:clamp(24px,3vw,34px)}
@media (min-width:880px){.planner-form{border-right:0}}
.planner-form h3{font-style:normal;font-weight:600;font-size:1.35rem;color:var(--kk-ink)}
.planner-form .hint{color:#5A4732;margin-bottom:20px}
.pf > span{color:#5A4732;font-family:var(--kk-stamp-font);text-transform:uppercase;
  letter-spacing:.1em;font-size:.74rem}
.pf input[type=text]{border:2px solid rgba(36,28,20,.4);border-radius:2px;background:#fffdf6;
  font-family:var(--kk-hand-font);font-size:1.3rem;padding:8px 12px}
.stepper{border:2px solid rgba(36,28,20,.4);border-radius:2px;background:#fffdf6}
.stepper button{color:var(--kk-ink)}
.stepper button:hover{background:var(--kk-paper-2);color:var(--kk-accent)}
.stepper output{font-style:normal;font-family:var(--kk-hand-font);font-size:1.5rem}
.check-inline{color:#33261A}
.pf-help{margin-top:22px;padding-top:16px;border-top:1px dashed rgba(36,28,20,.35)}
.pf-help h4{font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.1em;
  font-size:.76rem;color:#7d2c0f;margin:0 0 10px;font-style:normal}
.pf-help ol{margin:0;padding-left:1.15em;display:grid;gap:7px;color:#4A3A2A;font-size:.95rem}

.planner-out{padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;background:#fbfaf5}
.planner-out h4{font-family:var(--kk-stamp-font);letter-spacing:.16em;color:#7d2c0f}
.season-tag{background:transparent;border-radius:3px;margin-bottom:16px;font-style:normal}
.season-tag::before{display:none}
.season-menu li{color:#33261A}
.season-menu li::before{background:var(--kk-accent)}
.est-box{border-top:1px dashed rgba(36,28,20,.4)}
.est-line{color:#4A3A2A}
.est-total{border-top:1px dashed rgba(36,28,20,.4)}
.est-total .lbl{font-style:normal;font-family:var(--kk-stamp-font);text-transform:uppercase;
  letter-spacing:.1em;font-size:.8rem}
.est-total .val{font-style:normal;font-weight:600;color:#7d2c0f}
.planner-status{background:#F3EBD8;border:1px dashed rgba(36,28,20,.4);border-radius:2px;color:#33261A}
.planner-status.full{background:#F6E0D2;border-color:#B8431A;color:#7a2f10}
.planner-status.ok{background:#E7EED6;border-color:#6F8A3C;color:#3d4a15}
.est-disclaimer{font-style:normal;color:#6B5641}

/* ==========================================================================
   FİYAT — asılı etiketler
   ========================================================================== */
.price-wrap{display:grid;gap:clamp(22px,3vw,38px);align-items:start}
@media (min-width:880px){.price-wrap{grid-template-columns:1.08fr .92fr}}
.price-list{border:0;border-radius:0;background:none;overflow:visible;
  display:grid;gap:clamp(16px,2vw,22px)}
.price-row{border-bottom:0;padding:20px 26px 20px 46px;position:relative;
  grid-template-columns:1fr auto;gap:6px 18px}
.price-row.feature{background:none}
.price-row .n{font-style:normal;font-weight:600;font-size:1.22rem;color:var(--kk-ink)}
.price-row .p{font-style:normal;font-weight:600;font-size:1.5rem;color:#7d2c0f}
.price-row .p small{color:#6B5641}
.price-row .d{color:#4A3A2A;font-size:.95rem}
.price-row .price-stamp{grid-column:1/-1;justify-self:start;margin-top:8px}
.price-side{background:none;border-radius:2px;padding:26px 28px;color:var(--kk-ink)}
.price-side h3{font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.1em;
  font-size:.82rem;color:#7d2c0f;font-style:normal;margin-bottom:12px}
.price-side li{color:#2E2215}
.price-side li::before{background:var(--kk-accent)}
.price-side .excl li::before{background:transparent;border:1px solid rgba(36,28,20,.5)}
.price-side small{color:#4A3A2A}

/* ==========================================================================
   SÜREÇ — ipe dizili kartlar
   ========================================================================== */
.steps{border-left:0;margin-left:0;display:grid;gap:clamp(16px,2vw,22px);padding-top:1.6rem}
@media (min-width:860px){.steps{grid-template-columns:repeat(5,1fr);align-items:start}}
.step{padding:22px 20px}
.step::before{display:none}
.step .when{font-family:var(--kk-hand-font);color:var(--kk-accent);font-size:1.35rem;display:block}
.step h3{font-style:normal;font-weight:600;font-size:1.1rem;margin:6px 0 8px}
.step p{color:#4A3A2A;font-size:.94rem}

/* ==========================================================================
   YORUMLAR — pusulalar
   ========================================================================== */
.quotes{display:grid;gap:clamp(18px,2.4vw,26px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.quote{border:0;border-radius:2px;padding:24px 24px 26px;gap:12px}
.quote p{font-style:normal;color:var(--kk-ink);font-size:1.02rem}
.quote .who b{font-weight:600}
.quote .who span{color:#5A4732}
.quote .stars{letter-spacing:2px}

/* ==========================================================================
   SSS — kartotek
   ========================================================================== */
.faq{display:grid;gap:0}
.faq details{border:0;border-radius:2px;overflow:visible;padding:0}
.faq summary{font-style:normal;font-weight:600;font-size:1.08rem;color:var(--kk-ink);
  padding:18px clamp(18px,2.6vw,24px)}
.faq summary .ico::before,.faq summary .ico::after{background:var(--kk-accent)}
.faq details > .answer{padding-inline:clamp(18px,2.6vw,24px)}
.faq details[open] > .answer{padding-block-end:20px}
.faq .answer p{color:#4A3A2A}

/* ==========================================================================
   ZİYARET — etiketli zarf + sarı not
   ========================================================================== */
.visit-grid{align-items:start}
.visit-info{position:relative;padding-top:34px}
.visit-info .visit-stamp{position:absolute;right:18px;top:16px}
.visit-info .row{border-bottom:1px dashed rgba(36,28,20,.32)}
.visit-info .marker{font-family:var(--kk-hand-font);color:var(--kk-accent);font-size:1.5rem}
.visit-info dt{font-family:var(--kk-stamp-font);letter-spacing:.12em;color:#7d2c0f}
.visit-info dd{color:#2E2215}
.visit-info dd a{color:#2E2215;border-bottom:1px solid rgba(36,28,20,.4)}
.visit-info dd a:hover{color:var(--kk-accent)}
.form-card.cta-card{border:0;border-radius:2px}
.cta-card .sec-num{font-family:var(--kk-hand-font);color:var(--kk-accent);font-size:1.8rem;
  display:block;margin-bottom:6px}
.cta-card h3{font-style:normal;font-weight:600;color:var(--kk-ink)}
.cta-card > p{color:#4A3A2A}
.cta-card .hero-cta{margin-top:22px}

/* ==========================================================================
   FOOTER — pano altı
   ========================================================================== */
.site-footer.kk-dark{color:#E7DAC2;border-top:3px solid rgba(255,220,160,.2);
  padding-block:clamp(46px,6vw,76px) 30px}
.site-footer .brand{color:#F4ECDA;font-style:normal}
.site-footer .brand .dot{background:var(--kk-accent)}
.footer-brand p{color:#C3B396}
.footer-note{color:#FFC978}
.footer-col h4{font-family:var(--kk-stamp-font);letter-spacing:.14em;color:#FFC978}
.footer-col a{color:#DCCBAF}
.footer-col a:hover{color:#fff}

/* ==========================================================================
   ÇEREZ — panoya iğnelenmiş not
   ========================================================================== */
.cookie-banner{border:0;border-radius:2px;padding:22px 24px}
.cookie-banner h4{font-style:normal;font-weight:600;color:var(--kk-ink)}
.cookie-banner p{color:#3D2C1C}
.cookie-banner p a{color:#7d2c0f}
.cookie-actions button{border-radius:2px;font-family:var(--kk-stamp-font);
  text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;border-width:2px}
.cookie-actions button[data-consent=accept]{background:var(--kk-accent);color:#fff;border-color:#7d2c0f}
.cookie-actions button[data-consent=accept]:hover{background:#7d2c0f;color:#fff}
.cookie-actions button[data-consent=reject]{background:transparent;color:var(--kk-ink);border-color:var(--kk-ink)}
.cookie-actions button[data-consent=reject]:hover{background:var(--kk-ink);color:var(--kk-paper)}
.cookie-actions button[data-consent=settings]{color:#5A4732;border-color:transparent}

/* ==========================================================================
   ALT SAYFALAR — aynı pano dili
   ========================================================================== */
.doc-hero h1,.thanks h1,.err h1{font-style:normal;font-weight:600;color:var(--kk-ink)}
.doc-hero .updated{color:#6B5641}
.doc-body h2,.doc-body h3{font-style:normal;font-weight:600;color:var(--kk-ink)}
.doc-body p,.doc-body li{color:#3D2C1C}
.doc-body ul li::before{background:var(--kk-accent)}
.doc-toc{background:var(--kk-paper-2);border:0;border-radius:2px;
  box-shadow:2px 5px 12px rgba(0,0,0,.18);rotate:-.6deg}
.doc-toc h2{font-family:var(--kk-stamp-font);letter-spacing:.12em;color:#7d2c0f}
.doc-toc a{color:#7d2c0f}
.channel{border:0;border-radius:2px}
.channel .ic{background:var(--kk-paper-2);color:#7d2c0f;border-radius:2px;rotate:-3deg}
.channel .lab{font-family:var(--kk-stamp-font);letter-spacing:.12em;color:#7d2c0f}
.channel .val{font-style:normal;font-weight:600;color:var(--kk-ink)}
.channel .sub{color:#5A4732}
.hours-card{border:0;border-radius:2px}
.hours-card h3{font-style:normal;font-weight:600;color:var(--kk-ink)}
.hours-row{border-bottom:1px dashed rgba(36,28,20,.3)}
.hours-row.today{background:var(--kk-paper-2);border-radius:2px}
.hours-row.today .day{font-style:normal;font-weight:600;color:#7d2c0f}
.field > span{font-family:var(--kk-stamp-font);text-transform:uppercase;letter-spacing:.1em;
  font-size:.74rem;color:#5A4732}
.field input[type=text],.field input[type=email],.field input[type=tel],
.field select,.field textarea{border:2px solid rgba(36,28,20,.4);border-radius:2px;background:#fffdf6}
.sitemap-list h2{font-style:normal;font-weight:600}
.sitemap-list a{color:#2E2215;border-bottom:1px dashed rgba(36,28,20,.3)}
.thanks .mark,.err .big{font-family:var(--kk-hand-font);color:var(--kk-accent)}
table th{background:var(--kk-paper-2);font-style:normal;font-weight:600}
.table-scroll{border:1px solid rgba(36,28,20,.3);border-radius:2px}

/* ==========================================================================
   MOBİL — kolaj sakinleşir ama düz olmaz
   ========================================================================== */
@media (max-width:760px){
  main > section{padding-block:clamp(40px,8vw,60px)}
  .kk-scrap{padding:20px 18px}
  .hero-intro h1{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.45}
  .story-col{padding:22px 18px}
  .pull{max-width:none}
  .steps{padding-top:0}
  .price-row{padding-left:38px}
  .visit-info .visit-stamp{position:static;display:inline-block;margin-bottom:12px}
  .visit-info{padding-top:20px}
}
@media (prefers-reduced-motion:reduce){
  .kk-scrap{transition:none}
  .kk-scrap:hover{transform:rotate(var(--kk-r,0deg))}
}

/* ==========================================================================
   DÜZELTME TURU 1 — künye kartı, polaroid yığını, fiyat etiketleri, kartotek
   ========================================================================== */

/* hero künye kartı: üç sütun, taşan el yazısı notu içeride */
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;
  padding:24px 26px 34px;position:relative}
.hero-facts .divider{display:none}
.hero-facts .f{gap:2px}
.hero-facts .f b{font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.hero-facts .f span{font-size:.8rem;line-height:1.3}
.hero-facts .facts-note{position:absolute;right:20px;bottom:8px;font-size:1.1rem;
  color:#7d2c0f;rotate:-3deg}
@media (max-width:640px){
  .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-facts .facts-note{position:static;grid-column:1/-1;justify-self:end;margin-top:6px}
}

/* polaroid yığını: üst üste binme azaltıldı, altyazılar kapanmıyor */
.kk-stack{column-gap:clamp(8px,1vw,14px);row-gap:clamp(26px,3vw,44px);padding:0 1.5%}
.kk-stack > *{width:100%;margin-left:0}
.kk-stack > *:nth-child(6n+1){--kk-r:-2.6deg;z-index:2;margin-top:0}
.kk-stack > *:nth-child(6n+2){--kk-r:1.8deg;z-index:3;margin-top:2rem}
.kk-stack > *:nth-child(6n+3){--kk-r:-1.2deg;z-index:2;margin-top:-.6rem}
.kk-stack > *:nth-child(6n+4){--kk-r:2.2deg;z-index:2;margin-top:.8rem}
.kk-stack > *:nth-child(6n+5){--kk-r:-1.9deg;z-index:3;margin-top:-1rem}
.kk-stack > *:nth-child(6n+6){--kk-r:1.4deg;z-index:2;margin-top:1.4rem}

/* fiyat etiketleri: px tabanlı kesim + delik (uzun metinde şekil bozulmuyor) */
.price-row.kk-scrap{clip-path:polygon(0 38px, 30px 0, 100% 0, 100% 100%, 30px 100%);
  padding:22px 28px 24px 56px}
.price-row.kk-scrap::before{content:"";position:absolute;left:20px;top:30px;width:15px;height:15px;
  border-radius:50%;background:var(--kk-cork);box-shadow:inset 0 0 0 2px rgba(36,28,20,.45);
  z-index:3;transform:none}
.price-row .price-stamp{margin-top:10px}
@media (max-width:760px){
  .price-row.kk-scrap{clip-path:polygon(0 30px, 22px 0, 100% 0, 100% 100%, 22px 100%);
    padding:20px 18px 22px 42px}
  .price-row.kk-scrap::before{left:14px;top:24px;width:12px;height:12px}
}

/* SSS — kartotek genişledi, sekmeli kartlar */
#sss .faq.read{width:min(920px,100%)}
#sss .sec-head.read{width:min(920px,100%)}
.faq details{margin-top:1.8rem}
.faq details > summary{padding-right:clamp(22px,3vw,30px)}
.faq details::before{width:5.5rem;height:1.1rem}

/* footer: panonun alt kenarı — bant ve damga */
.site-footer.kk-dark{position:relative}
.site-footer.kk-dark::after{content:"";position:absolute;left:8%;top:-11px;width:7rem;height:1.3rem;
  background:var(--kk-tape);rotate:2.5deg;opacity:.85;pointer-events:none;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}

/* sayaç rakamları: etiket span kuralı sayacı küçültüyordu */
.hero-facts .f b span{font-size:inherit;color:inherit;letter-spacing:inherit}
.cookie-banner.kk-scrap{position:fixed;transform:translateY(140%) rotate(-1.4deg)}
.cookie-banner.kk-scrap.is-visible{transform:translateY(0) rotate(-1.4deg)}
.cookie-banner.kk-scrap:hover{transform:translateY(0) rotate(-1.4deg)}

/* alt sayfalar: bölüm kendisi .wrap ise zemin tam genişlik olsun, içerik ortada kalsın */
main > section.wrap{width:100%;max-width:none;margin-inline:0;
  padding-inline:max(var(--pad-x), calc(50% - var(--wrap) / 2))}
main > section.story > .wrap,main > section.band > .wrap{margin-inline:auto}
/* alt sayfa başlıkları ve gövdesi kolaj tonunda */
.doc-hero .eyebrow{font-family:var(--kk-stamp-font);letter-spacing:.16em;color:#7d2c0f}
.kk-kraft .doc-hero h1,.kk-cork .doc-hero h1{color:#2B1E12}
.team-card,.note-card{border:0;border-radius:2px}
.note-card::before{display:none}
.note-card time{font-family:var(--kk-stamp-font);letter-spacing:.12em;color:#7d2c0f}
.note-card h3{font-style:normal;font-weight:600}

/* alt sayfalarda da fotoğraflar polaroid: beyaz çerçeve + altta el yazısı künye */
main .split .media{background:#fff;padding:.7rem .7rem 2.1rem;border-radius:2px;overflow:visible;
  box-shadow:2px 6px 14px rgba(0,0,0,.22),0 22px 30px -20px rgba(0,0,0,.45);rotate:-1.6deg}
main .split .media img{max-height:none;width:100%;border:1px solid rgba(36,28,20,.18)}
main .split .media figcaption{position:static;left:auto;bottom:auto;transform:none;
  text-shadow:none;color:#7A2E10;font-family:var(--kk-hand-font);font-size:1.15rem;
  padding:.55rem .2rem 0}
/* rakam bandı: 3 ya da 4 künye yan yana */
.hero-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
main > section.band .hero-facts,main > section:not(.hero) .hero-facts{padding-block:0}
main > section.band .hero-facts .f b{font-size:2.4rem}
main > section.band .hero-facts .f > span{font-family:var(--kk-stamp-font);
  text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#4A3625}

/* hero künyesi her zaman üç sütun; alt sayfa bandı esnek kalsın */
.hero .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.hero .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* süreç kartları nefes alsın */
#surec > .wrap{width:min(1240px,100%)}
#surec .step{padding:22px 18px}
#surec .step p{font-size:.92rem;line-height:1.5}
/* SSS ve yorumlar panosuna birkaç iz */
#sss::after,#yorumlar::after{content:"";position:absolute;pointer-events:none;z-index:1;
  width:7rem;height:2.2rem;opacity:.75;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 44'><path d='M3 30c18-22 30-22 40-8s20 18 36-2 24-20 40-4 12 14 18 6' fill='none' stroke='%23B8431A' stroke-width='2.4' stroke-linecap='round'/></svg>") no-repeat center/contain}
#sss::after{right:7%;top:12%;rotate:9deg}
#yorumlar::after{right:8%;top:14%;rotate:-6deg}
@media (max-width:760px){#sss::after,#yorumlar::after{display:none}}