html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  overflow-x:hidden;
}

img,svg,video,canvas{
  max-width:100%;
}

@media (max-width: 980px), (pointer: coarse), (hover: none) {
  html{
    scroll-behavior:auto !important;
  }

  body{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:auto;
  }

  body::before,
  body::after,
  .page::before,
  .page::after,
  .og-page::before,
  .og-page::after,
  .fg-page::before,
  .fg-page::after,
  .box::before,
  .box::after,
  .hero-photo::before,
  .hero-photo::after,
  .hero-ber::before,
  .hero-ber::after,
  .featured-media::before,
  .featured-media::after,
  .figure-box::before,
  .figure-box::after{
    animation:none !important;
    transition:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
  }

  .topbar,
  .smart-nav,
  .sticky-quicknav,
  .zoom-overlay,
  .zoom-shell,
  .fg-shell,
  .page,
  .box,
  .fg-card,
  .card,
  .warning-card,
  .tips-card,
  .tapa-info-box,
  .timeline-item,
  .tile-card,
  .plan-mini,
  .figure-box,
  .featured-media{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  .sticky-quicknav{
    position:static !important;
    top:auto !important;
  }

  .reveal,
  .reveal.visible,
  .reveal-on-scroll,
  .reveal-on-scroll.in-view{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
  }

  .card,
  .fg-card,
  .crop-card,
  .search-card,
  .result-card,
  .result-item,
  .thumb,
  .fg-thumb,
  .nav-pill,
  .nav-link,
  .quicknav-link,
  .chip,
  .smart-chip,
  .product-row,
  .sulfur-item,
  .timeline-item,
  .warning-card,
  .tips-card,
  .tapa-info-box,
  .plan-mini,
  .figure-box,
  .featured-media,
  .hero-card,
  .hero-photo,
  .hero-ber,
  .menu-card,
  .tile-card,
  .box,
  .btn,
  button,
  a{
    animation:none !important;
    transition:none !important;
  }

  .card:hover,
  .fg-card:hover,
  .crop-card:hover,
  .search-card:hover,
  .result-item:hover,
  .thumb:hover,
  .fg-thumb:hover,
  .quicknav-link:hover,
  .nav-pill:hover,
  .figure-box:hover,
  .featured-media:hover,
  .hero-card:hover,
  .box:hover{
    transform:none !important;
    box-shadow:inherit !important;
  }

  .hero-title h1,
  .fg-title h1,
  .og-title h1,
  .page-title,
  .title-glow{
    background:none !important;
    -webkit-text-fill-color:currentColor !important;
    text-shadow:none !important;
  }

  .smart-nav,
  .smart-nav .nav-panel,
  .smart-nav .nav-links,
  .smart-nav .nav-grid{
    max-width:100%;
  }

  .smart-nav .nav-panel{
    overflow-x:hidden;
  }

  .smart-nav details > summary,
  .smart-nav a,
  .nav-pill,
  .quicknav-link,
  button,
  [role="button"]{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  .zoom-overlay{
    padding:14px !important;
  }

  .zoom-shell,
  .zoom-stage{
    max-width:min(100vw - 20px, 1100px) !important;
    max-height:min(100vh - 20px, 1000px) !important;
    transform:translateZ(0);
  }

  .zoom-stage img,
  .zoom-image{
    max-height:calc(100vh - 120px) !important;
  }

  .box,
  .page,
  .og-shell,
  .fg-shell,
  .shell,
  .inner,
  .container{
    max-width:100%;
  }
}

.back-to-top-wrap{
  display:flex;
  justify-content:center;
  margin:32px auto 12px;
  width:100%;
}

.back-to-top-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:12px 20px;
  border-radius:999px;
  border:1px solid rgba(231,196,90,.34);
  background:linear-gradient(180deg, rgba(231,196,90,.20), rgba(231,196,90,.10));
  color:#fff2b8;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}

.back-to-top-button:hover{
  transform:translateY(-1px);
  border-color:rgba(241,203,85,.54);
}

.nav-direct-summary{
  cursor:pointer;
}

@media (max-width: 980px), (pointer: coarse), (hover: none) {
  .back-to-top-wrap{
    margin:26px auto 10px;
    padding:0 14px;
    box-sizing:border-box;
  }

  .back-to-top-button{
    width:100%;
    max-width:420px;
    min-height:48px;
  }
}
