/**
 * Desktop HTML shell (.page-shell) — narrow viewport (see config/viewports.php).
 */

.page-blog .blog-latest-carousel__grid {
  grid-template-columns: minmax(0, 1fr);
}

.page-blog .blog-latest-carousel__dots {
  gap: 2px 4px;
}

/* Blog feedback modal — narrow desktop viewport (phones in desktop shell) */
html[data-site-variant="desktop"] .swal2-container.blog-feedback-modal-container {
  padding: 0.5rem !important;
  align-items: flex-end !important;
}

html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup {
  width: min(100%, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  margin: 0 auto 0.5rem !important;
  border-radius: 14px 14px 10px 10px !important;
}

html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup .swal2-title.blog-feedback-modal-title {
  padding: 1rem 1rem 0.375rem !important;
  padding-right: 2.75rem !important;
}

html[data-site-variant="desktop"] .swal2-popup.blog-feedback-modal-popup .swal2-html-container.blog-feedback-modal-html {
  padding: 0.375rem 1rem 0 !important;
}

html[data-site-variant="desktop"] .blog-feedback-modal__post {
  padding: 0.75rem 0.875rem;
}

html[data-site-variant="desktop"] .blog-feedback-modal__input,
html[data-site-variant="desktop"] .blog-feedback-modal__textarea,
html[data-site-variant="desktop"] .blog-feedback-modal__select {
  font-size: 16px;
}