.sec-diwe {
  text-align: center;
  padding: 6em 1em;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(38em 26em at 78% 8%, rgba(231, 171, 141, 0.55) 0%, rgba(251, 247, 242, 0) 62%),
    radial-gradient(30em 22em at 8% 92%, rgba(143, 168, 153, 0.4) 0%, rgba(251, 247, 242, 0) 60%),
    linear-gradient(178deg, #fbf7f2 0%, #f2e7dc 100%);
  background-size: cover;
  background-position: center;
}
.sec-diwe::after {
  content: "";
  position: absolute;
  right: -8em;
  bottom: -12em;
  width: 26em;
  height: 26em;
  border-radius: 50%;
  background: rgba(192, 96, 60, 0.08);
}
.diwe-ct { position: relative; z-index: 1; }

.srch-frm { position: relative; }
.srch {
  display: flex;
  max-width: 38.75em;
  margin: 2em auto 0;
  flex-wrap: wrap;
  gap: 0.5em;
  background: var(--surface);
  border-radius: 2.4em;
  padding: 0.45em;
  box-shadow: 0 0.5em 2em var(--glow-soft);
}
.srch-in {
  flex: 1 1 100%;
  min-width: 0;
  padding: 1em 1.25em;
  border: 0.0625em solid var(--line);
  border-radius: 999em;
  background: transparent;
  color: var(--text-neutral);
}
.srch-in:focus { outline: none; box-shadow: 0 0 0 0.1875em var(--glow-soft); }
.srch-btn {
  flex: 1 1 100%;
  padding: 0 1.5em;
  min-height: 3.4em;
  border-radius: 999em;
  background: var(--accent);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 0.25em 0 var(--accent-deep), 0 0.25em 0.9375em var(--glow);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.srch-btn:hover { transform: translateY(-0.125em); box-shadow: 0 0.25em 0 var(--accent-deep), 0 0.375em 1.5625em var(--glow); }
.srch-btn:active { transform: translateY(0.1875em); box-shadow: 0 0.0625em 0 var(--accent-deep); }
.chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6em; margin-top: 1.6em; }

.diwe-shot {
  width: 100%;
  max-width: 21em;
  height: auto;
  margin: 2.6em auto 0;
  filter: drop-shadow(0 1.4em 2.4em rgba(36, 28, 38, 0.22));
}


.sldr { position: relative; border-radius: 1em; overflow: hidden; }
.sldr-tr { position: relative; min-height: 24em; }
.slide {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  padding: var(--sp-4) var(--sp-3);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease;
}
.slide.is-on { opacity: 1; visibility: visible; }
.slide-1 { background: linear-gradient(150deg, #f7ece2 0%, #e7ab8d 130%); }
.slide-2 { background: linear-gradient(150deg, #33283a 0%, #241c26 70%); color: var(--text-invert); }
.slide-3 { background: linear-gradient(150deg, #e8efe9 0%, #8fa899 140%); }
.slide img { width: 100%; max-width: 14em; height: auto; margin: 0 auto; filter: drop-shadow(0 0.8em 1.6em rgba(36, 28, 38, 0.25)); }
.slide svg { width: 7em; height: 7em; }
.dots { display: flex; justify-content: center; gap: 0.35em; margin-top: 0.6em; }
.dot {
  position: relative;
  width: 2.75em;
  height: 2.75em;
  border-radius: 50%;
  background: transparent;
}
.dot::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.6em;
  height: 0.6em;
  margin: -0.3em 0 0 -0.3em;
  border-radius: 50%;
  background: var(--line);
  transition: background 0.3s ease;
}
.dot.is-on::before { background: var(--accent); }


.ing { display: flex; flex-direction: column; gap: 0.9em; }
.ing-i {
  display: flex;
  gap: 0.9em;
  padding-bottom: 0.9em;
  border-bottom: 0.0625em solid var(--line);
}
.ing-i:last-child { border-bottom: none; }
.ing-i svg { width: 1.6em; height: 1.6em; flex: none; margin-top: 0.2em; }
.ing-n { font-weight: 700; display: block; }


.stp { display: flex; gap: var(--sp-2); align-items: flex-start; }
.stp-n {
  flex: none;
  width: 2.6em;
  height: 2.6em;
  border-radius: 50%;
  background: var(--accent);
  color: #ffffff;
  font-family: 'Merriweather', Georgia, serif;
  display: flex;
  align-items: center;
  justify-content: center;
}


.sec-vius { background: linear-gradient(168deg, #f2e7dc 0%, #fbf7f2 60%); }
.ordr {
  background: var(--surface);
  border-radius: 1em;
  padding: var(--sp-3);
  box-shadow: 0 0.5em 2.5em var(--glow-soft);
}
.ordr-fl { display: flex; flex-direction: column; gap: 0.9em; }
.ordr-fl li { display: flex; gap: 0.8em; align-items: flex-start; font-size: 0.9em; color: var(--text-secondary); }


.doc { max-width: 46em; }
.doc h2 { font-size: 1.35em; margin: var(--sp-3) 0 var(--sp-1); }
.doc h3 { margin: var(--sp-2) 0 0.4em; }
.doc p, .doc li { color: var(--text-secondary); }
.doc ul { margin: 0 0 var(--sp-2) 1.2em; list-style: disc; }
.doc li { margin-bottom: 0.35em; }
.doc a { color: var(--accent-deep); text-decoration: underline; }

@media (min-width: 48em) {
  .sec-diwe { padding: 7.2em 2em 6em; }
  .srch { flex-wrap: nowrap; border-radius: 999em; }
  .srch-in { flex: 1 1 0%; min-width: 11em; }
  .srch-btn { flex: 0 1 auto; }
  .diwe-shot { max-width: 25em; }
  .sldr-tr { min-height: 28em; }
}


.sec-diex { border-bottom: 0.0625em solid var(--line); }
.sec-guhi { background: linear-gradient(196deg, #241c26 0%, #33283a 100%); }
.sec-amga { padding-top: var(--sp-4); }
.sec-cust { border-top: 0.1875em solid var(--accent-soft); }
.sec-exbe { border-top: 0.1875em solid var(--tone-soft); }


@media (min-width: 48em) {
  .sec-exbe { display: flex; flex-direction: column; }
  .sec-exbe > .wrp { flex: 1; display: flex; flex-direction: column; }
  .sec-exbe .acc-p { flex: 1; display: flex; }
  .sec-exbe .ing { flex: 1; justify-content: space-between; }
}
.sec-seap { border-bottom: 0.0625em solid var(--line); }
.sec-mequ { background: linear-gradient(8deg, #241c26 0%, #33283a 120%); }