  }

  .feature-grid {
    grid-template-columns: 1fr;
  }

  .trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  .trust-item:nth-child(2) {
    border-right: 0;
  }

  .trust-item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--missola-line);
  }

  .newsletter form {
    flex-direction: column;
  }

  .newsletter input[type="email"] {
    min-width: 0;
    width: 100%;
  }

  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 560px) {

  .container {
    width: min(calc(100% - 28px), var(--missola-max));
  }

  .section {
    padding: 62px 0;
  }

  .site-announcement {
    font-size: 0.65rem;
  }

  .brand-name {
    font-size: 1.45rem;
  }

  .brand-tagline {
    font-size: 0.5rem;
    letter-spacing: 0.1em;
  }

  .hero {
    padding-top: 44px;
  }

  .hero h1 {
    font-size: 3.3rem;
  }

  .hero-visual {
    min-height: 360px;
    padding: 24px;
    border-radius: 28px;
  }

  .hero-product-image {
    max-width: 94%;
    max-height: 320px;
  }

  .trust-grid {
    grid-template-columns: 1fr;
  }

  .trust-item {
    border-right: 0;
    border-bottom: 1px solid var(--missola-line) !important;
  }

  .trust-item:last-child {
    border-bottom: 0 !important;
  }

  .soft-panel {
    min-height: 380px;
    padding: 26px;
  }
  
  .soft-panel {
  background: #efe4df;
  border-radius: 32px;
  min-height: 520px;
  padding: 50px;
  display: flex;
  align-items: flex-end;
  box-shadow: var(--missola-shadow);
}

.soft-panel--ritual {
  background:
    linear-gradient(
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.08)
    ),
    url('assets/images/missola-middle.png') center center / cover no-repeat;
}

.soft-panel-inner {
  background: rgba(255, 255, 255, 0.78);
  padding: 26px;
  border-radius: 20px;
  max-width: 420px;
}

  .newsletter-box {
    padding: 34px 24px;
  }

  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }
}
