/* Ajustes dedicados à leitura em celular e a telas pequenas. */
input { font-size: 16px; min-height: 48px; }
button, .read-button { min-height: 48px; }
.vasperna { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(120deg, #7e211a 0%, #a4382d 48%, #742017 100%); }
.vasperna::before { content: ''; position: absolute; z-index: -1; width: min(62vw, 760px); height: min(62vw, 760px); right: -16vw; top: calc(-24% + var(--parallax-offset, 0px)); border-radius: 50%; background: radial-gradient(circle at 34% 35%, rgba(255,238,211,.2), rgba(255,238,211,0) 63%); filter: blur(2px); transition: top .12s linear; }
.vasperna::after { content: ''; position: absolute; z-index: -1; left: 4%; right: 4%; bottom: -45%; height: 75%; border: 1px solid rgba(255,239,216,.22); border-radius: 34px; background: linear-gradient(115deg, rgba(255,248,232,.12), rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.15); backdrop-filter: blur(7px); transform: translateY(var(--parallax-offset, 0px)); transition: transform .12s linear; }
.vasperna-layout { position: relative; z-index: 1; }
.amazon-section { background: #d9d0bc; color: #11100f; padding: 100px 0; }
.amazon-layout { display: grid; grid-template-columns: 160px minmax(0, 650px); gap: 80px; }
.amazon-section .section-label { color: #7f261e; }
.amazon-section h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 600; line-height: .84; letter-spacing: -.04em; margin: 0 0 24px; }
.amazon-section h2::first-line { color: #7f261e; }
.amazon-section div > p:not(.section-label) { max-width: 520px; color: #4b463d; }
.purchase-options { display: grid; gap: 10px; max-width: 520px; margin-top: 28px; }
.purchase-option { display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 62px; padding: 12px 16px; border: 1px solid #777062; color: #2d2924; text-decoration: none; font: 600 .84rem Inter, sans-serif; transition: transform .2s, background .2s, color .2s; }
.purchase-option small { display: block; margin-bottom: 2px; color: #71695c; font: 500 .62rem 'DM Mono', monospace; letter-spacing: .05em; text-transform: uppercase; }
.purchase-option b { color: #8f2d24; font-size: 1.05rem; }
.purchase-option:hover { transform: translateX(4px); background: #c7bda7; }
.purchase-option.primary { background: #11100f; border-color: #11100f; color: #f7ead6; }
.purchase-option.primary small { color: #d7c8ad; }
.purchase-option.primary:hover { background: #7e211a; border-color: #7e211a; }
.purchase-option.signed { border-color: #8f2d24; }

@media (max-width: 390px) {
  .container { width: calc(100% - 28px); }
  .hero-content { padding-top: 95px; }
  .case-number { right: 14px; bottom: 16px; font-size: .54rem; }
  .gate-card { padding: 25px 18px; }
  .optional-fields { grid-template-columns: 1fr 62px; column-gap: 10px; }
  .footer-content { grid-template-columns: 1fr; }
  .copyright { grid-column: auto; }
}

@media (max-width: 700px) {
  .amazon-section { padding: 75px 0; }
  .amazon-layout { grid-template-columns: 1fr; gap: 22px; }
  .vasperna::before { width: 110vw; height: 110vw; right: -48vw; }
}

@media (prefers-reduced-motion: reduce) {
  .vasperna::before, .vasperna::after { transition: none; }
}