body {
  background:
    radial-gradient(circle at top left, rgba(132, 176, 204, 0.14), transparent 24%),
    radial-gradient(circle at top right, rgba(213, 180, 128, 0.16), transparent 26%),
    linear-gradient(180deg, #fffcf7 0%, #f7f2ea 100%);
}

.wp-site-blocks {
  overflow-x: clip;
}

.wp-block-button__link {
  box-shadow: 0 18px 30px rgba(30, 26, 23, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.wp-block-button__link:hover {
  box-shadow: 0 22px 40px rgba(30, 26, 23, 0.18);
  transform: translateY(-1px);
}

.stads-japie-frame {
  border: 1px solid rgba(30, 26, 23, 0.1);
  box-shadow: 0 18px 50px rgba(30, 26, 23, 0.08);
}

.stads-japie-accent-line {
  display: inline-block;
  width: 88px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #bf6258 0%, #d9a22b 100%);
}

.stads-japie-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(30, 26, 23, 0.08);
  backdrop-filter: blur(6px);
}

.stads-japie-shadow-soft {
  box-shadow: 0 16px 35px rgba(30, 26, 23, 0.09);
}

.stads-japie-stack > * + * {
  margin-block-start: 1rem;
}

.wp-block-post {
  border-radius: 24px;
}

.wp-block-search__button {
  border-radius: 999px;
}

.stads-japie-shopify-slot {
  border: 1px dashed rgba(61, 31, 0, 0.2);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
  padding: 1.5rem;
}

.stads-japie-shopify-note {
  color: #8b5e3c;
  font-size: 0.95rem;
}

@media (max-width: 781px) {
  .stads-japie-mobile-center {
    text-align: center;
  }

  .stads-japie-mobile-center .wp-block-buttons {
    justify-content: center;
  }
}