@font-face{
  font-family:"Seagram TFB";
  src:url("../fonts/seagram-tfb.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}

:root{
  --kk-ink:#1b1209;
  --kk-ink-80:#2a1b0e;
  --kk-ink-accent:#7a5325;
  --kk-shadow:rgba(0,0,0,.35);
}

html,body{height:100%;}
body.kk-body{
  background:#000;
  color:var(--kk-ink);
  font-family:"IM Fell English", serif;
  font-size: 1.15rem; /* oli aiemmin oletuksena 1rem */
  line-height: 1.65;
}


/* Header & Navbar */
.kk-parchment-top{
  position: relative;
  width: 100%;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.10) 18%, rgba(0,0,0,0) 42%, rgba(0,0,0,.18)),
    url("../img/pergamentti_ohut.png") center / cover no-repeat;
  box-shadow: 0 8px 18px var(--kk-shadow);
  border-top: 2px solid rgba(0,0,0,.6);
  border-bottom: 3px solid rgba(0,0,0,.75);
}
.kk-parchment-top .kk-header{ padding: 1.1rem 0 .5rem; }
.kk-logo{
  font-family:"Seagram TFB","UnifrakturCook",serif;
  font-size: clamp(2.6rem, 6vw, 4.6rem);
  line-height:1;
  color:#0e0a06;
  text-shadow: 0 1px 0 rgba(255,235,200,.35), 0 2px 6px rgba(0,0,0,.35);
  margin:0;
}

.kk-parchment-top .navbar{
  background: transparent;
  padding-top:.35rem;
  padding-bottom:.55rem;
}
.kk-parchment-top .nav-link,
.kk-parchment-top .navbar-brand{
  font-family:"Seagram TFB","UnifrakturCook",serif;
  font-size: clamp(1rem, 1.8vw, 1.35rem);
  letter-spacing:.3px;
  color:#140c06;
  text-shadow: 0 1px 0 rgba(255,235,200,.35);
}
.kk-parchment-top .nav-link:hover,
.kk-parchment-top .nav-link:focus{ color:var(--kk-ink-80); }
.kk-parchment-top .nav-link.active{
  color:var(--kk-ink-80);
  text-decoration: underline;
  text-underline-offset:.3em;
}

/* Dropdown pergamenttitaustalla */
.navbar .dropdown-menu{
  --bs-dropdown-bg: transparent;
  --bs-dropdown-border-color: rgba(0,0,0,.55);
  position: absolute;
  z-index: 1030;
  padding: .35rem;
  border: 2px solid var(--bs-dropdown-border-color);
  border-radius: .25rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,235,200,.15);
  background:
    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.05) 30%, rgba(0,0,0,.2)),
    url("../img/iso_pergamentti.png") center / cover no-repeat;
}
.navbar .dropdown-menu::before,
.navbar .dropdown-menu::after{
  content:"";
  position:absolute; left:0; right:0; height:2px; pointer-events:none;
  background: linear-gradient(to right, rgba(0,0,0,.85), rgba(0,0,0,.6) 15%, rgba(0,0,0,.6) 85%, rgba(0,0,0,.85));
}
.navbar .dropdown-menu::after{ bottom:0; height:3px; opacity:.85; }

.navbar .dropdown-item{
  font-family:"Seagram TFB","UnifrakturCook",serif;
  font-size: 1.05rem;
  color:#1a0f06;
  padding:.4rem .65rem;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
  color:#1a0f06;
  background:linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,.06));
  text-decoration:underline;
  text-underline-offset:.2em;
}

/* Collapse rescue */
@media (max-width: 991.98px){
  .navbar .collapse:not(.show){ display:none !important; }
  .navbar .collapse.show{ display:block !important; width:100%; }
  .navbar .navbar-nav{ flex-direction:column !important; gap:.25rem; padding:.5rem 0; }
  .navbar .nav-link{ padding:.5rem .25rem; }
  .navbar .dropdown-menu{ position: static; width:100%; }
}

/* Panel & Content */
.kk-imgstack img{
  display:block; width:100%; height:auto; margin-bottom:.75rem;
  outline:2px solid #000; box-shadow:0 4px 12px rgba(0,0,0,.35);
}
.kk-panel{
  background:
    linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.05) 25%, rgba(0,0,0,.18)),
    url("../img/iso_pergamentti2.png") center / cover no-repeat;
  border:2px solid rgba(0,0,0,.55);
  box-shadow:0 10px 26px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,235,200,.15);
}
.kk-panel-inner{
  max-width: 90%;
  margin: 0 auto;
  padding: 2rem 2rem 2.25rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(1px);
  border-radius: 6px;
}

.kk-panel-title{
  font-family:"Seagram TFB","UnifrakturCook",serif;
  font-size:clamp(1.6rem,2.6vw,2.1rem);
  color:#1b1209;
  text-shadow:0 1px 0 rgba(255,235,200,.35);
  margin-bottom:.65rem;
}
.kk-panel-sub{
  font-family:"IM Fell English",serif;
  font-size:1.25rem;
  margin-bottom:.75rem;
}
.kk-btn{
  background:#1b1209; color:#fff; border:2px solid #1b1209;
  font-family:"Seagram TFB","UnifrakturCook",serif;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
}
.kk-btn:hover{ background:#2a1b0e; border-color:#2a1b0e; color:#fff; }
.kk-btn-outline{
  background:transparent; color:#1b1209; border:2px solid #1b1209;
  font-family:"Seagram TFB","UnifrakturCook",serif;
}
.kk-btn-outline:hover{ background:#1b1209; color:#fff; }


.kk-footer{
  font-family:"IM Fell English",serif;
  color:#cdb79a;
}

/* ===== HINNASTO ===== */
.kk-price-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kk-price-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px dashed rgba(0,0,0,.45);
  padding: .55rem 0;
  font-family: "Seagram TFB","UnifrakturCook",serif;
  font-size: 1.25rem;        /* aiemmin n. 1rem */
  letter-spacing: .3px;
  color: #1a0f06;
  text-shadow: 0 1px 0 rgba(255,235,200,.35);
}

.kk-discounts{ font-family:"IM Fell English",serif; }


/* Mobiilissa näkyvä sivukohtainen kuva */
.kk-mobile-imgwrap {
  border: 2px solid #000;
  box-shadow: 0 6px 18px rgba(0,0,0,.6);
  overflow: hidden;
}

.kk-mobile-img {
  display:block;
  width:100%;
  height: 200px;       /* sopii sivuun ilman loputonta scrollia */
  object-fit: cover;   /* crop, ei venytä */
}