/* Ruka promo popup – home */
.ruka-pop-root{
  position:fixed;inset:0;z-index:2147483646;
  display:grid;place-items:center;
  padding:24px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}
.ruka-pop-root.is-open{
  opacity:1;visibility:visible;pointer-events:auto;
}
.ruka-pop-backdrop{
  position:absolute;inset:0;
  background:#171717b8;
  backdrop-filter:blur(6px);
}
.ruka-pop{
  position:relative;
  z-index:1;
  width:min(920px,100%);
  display:grid;
  grid-template-columns:1.05fr 1fr;
  background:#fff;
  color:#414141;
  box-shadow:0 24px 80px #00000055;
  overflow:hidden;
  transform:translateY(18px) scale(.98);
  transition:transform .4s cubic-bezier(.2,.7,.2,1);
}
.ruka-pop-root.is-open .ruka-pop{transform:none}
.ruka-pop-media{
  min-height:420px;
  background:
    linear-gradient(180deg,transparent 35%,#171717aa 100%),
    var(--ruka-pop-img) center/cover no-repeat;
}
.ruka-pop-body{
  padding:40px 36px 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ruka-pop-kicker{
  margin:0 0 14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#a09a6a;
  font-family:"Open Sans",system-ui,sans-serif;
}
.ruka-pop-body h2{
  margin:0 0 14px;
  font-size:clamp(26px,3vw,34px);
  line-height:1.15;
  letter-spacing:-.035em;
  color:#171717;
  font-family:"Open Sans",system-ui,sans-serif;
  font-weight:700;
}
.ruka-pop-body > p{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.65;
  color:#6f6f6f;
  font-family:"Open Sans",system-ui,sans-serif;
}
.ruka-pop-meta{
  list-style:none;
  margin:0 0 26px;
  padding:0;
  display:grid;
  gap:8px;
  font-size:13px;
  color:#414141;
  font-family:"Open Sans",system-ui,sans-serif;
}
.ruka-pop-meta li{
  display:flex;
  gap:10px;
  align-items:baseline;
}
.ruka-pop-meta strong{
  min-width:52px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#a09a6a;
  font-weight:700;
}
.ruka-pop-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.ruka-pop-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:999px;
  background:#a09a6a;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:600;
  font-family:"Open Sans",system-ui,sans-serif;
  transition:background .2s ease, transform .2s ease;
}
.ruka-pop-btn:hover{background:#878050;transform:translateY(-1px)}
.ruka-pop-dismiss{
  appearance:none;
  border:0;
  background:transparent;
  color:#6f6f6f;
  font-size:13px;
  font-family:"Open Sans",system-ui,sans-serif;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
  padding:8px 4px;
}
.ruka-pop-close{
  position:absolute;
  top:12px;right:12px;
  width:40px;height:40px;
  border:0;
  border-radius:50%;
  background:#ffffffdd;
  color:#171717;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.ruka-pop-close:hover{background:#fff}

@media (max-width:800px){
  .ruka-pop{grid-template-columns:1fr}
  .ruka-pop-media{min-height:200px}
  .ruka-pop-body{padding:28px 22px 26px}
  .ruka-pop-root{padding:16px;align-items:end}
}

@media (prefers-reduced-motion:reduce){
  .ruka-pop-root,.ruka-pop{transition:none}
}