:root {
  --smartc-safe-inline: max(16px, env(safe-area-inset-left));
}

html { scroll-behavior: smooth; }
body.smartc-modernized { overflow-x: hidden; text-rendering: optimizeLegibility; }
.smartc-modernized img { height: auto; }
.smartc-modernized a,
.smartc-modernized button,
.smartc-modernized input,
.smartc-modernized select,
.smartc-modernized textarea { touch-action: manipulation; }
.smartc-modernized a:focus-visible,
.smartc-modernized button:focus-visible,
.smartc-modernized input:focus-visible,
.smartc-modernized select:focus-visible,
.smartc-modernized textarea:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.smartc-modernizer-intro { position: relative; isolation: isolate; }
.smartc-modernizer-intro h1 { margin: 0; text-wrap: balance; }
.smartc-modernizer-intro p { text-wrap: pretty; }
.smartc-modernizer-intro ul { list-style: none; margin: 0; padding: 0; }
.smartc-modernizer-intro li { display: inline-flex; align-items: center; }
.smartc-modernizer-eyebrow { margin: 0; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 849px) {
  .smartc-modernized { font-size: 16px; }
  .smartc-modernized #main p:not(.price) { font-size: max(14px, 1em); line-height: 1.65; }
  .smartc-modernized #main .product-title,
  .smartc-modernized #main .box-text { font-size: max(13px, 1em); line-height: 1.45; }
  .smartc-modernized .button,
  .smartc-modernized button,
  .smartc-modernized input[type="submit"] { min-height: 44px; }
  .smartc-modernized input,
  .smartc-modernized select,
  .smartc-modernized textarea { font-size: 16px; }
  .smartc-modernizer-intro { padding-left: var(--smartc-safe-inline); padding-right: max(16px, env(safe-area-inset-right)); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .smartc-modernized *, .smartc-modernized *::before, .smartc-modernized *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
