.post-type-archive-product .hero-section,
.post-type-archive-product .entry-header,
.post-type-archive-product .page-title,
.woocommerce-shop .hero-section,
.woocommerce-shop .entry-header,
.woocommerce-shop .page-title,
.tax-product_cat .hero-section,
.tax-product_cat .entry-header,
.tax-product_cat .page-title {
  display: none !important;
}

.meta-categories,
.posted_in,
.woocommerce-loop-product__categories {
  display: none !important;
}

/* Hide Uncategorized */
.meta-categories,
.posted_in,
.woocommerce-loop-product__categories {
  display: none !important;
}

/* ==== Simple, bulletproof quantity input ==== */
/* Hide Blocksy's broken +/- overlays entirely */
.single-product .quantity .ct-decrease,
.single-product .quantity .ct-increase {
  display: none !important;
}

/* Clean number input, matches the ADD TO CART button style */
.single-product .quantity {
  display: inline-block !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
  border: none !important;
  background: transparent !important;
}
.single-product .quantity input.qty,
.single-product .quantity input[type="number"] {
  width: 80px !important;
  height: 52px !important;
  padding: 0 12px !important;
  border: 1px solid #0B1628 !important;
  border-radius: 6px !important;
  text-align: center !important;
  font-family: Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #0B1628 !important;
  background: #fff !important;
  -moz-appearance: textfield !important;
  appearance: auto !important;
}
.single-product .quantity input.qty:focus {
  outline: 2px solid #C9A84C !important;
  outline-offset: 1px !important;
}

.af-announcement-bar { font-size: 0 !important; }
.af-announcement-bar::before {
  content: "\26A0\FE0F" "  RESEARCH CHEMICALS - NOT FOR HUMAN OR VETERINARY USE - 18+ ONLY";
  font-size: 11px;
  letter-spacing: .18em;
  color: #0B1628;
  font-weight: 700;
  text-transform: uppercase;
}

/* ============================================================
   AMINO FORMULATIONS — MOBILE PATCH v1
   ============================================================
   Paste into: WordPress Admin → Appearance → Customize
                → Additional CSS
   Then click Publish.

   Fixes:
   1. Product page columns don't stack on mobile (right column
      is clipped off the screen)
   2. Header nav doesn't collapse on narrow screens
   3. Homepage feature bar overflows sideways
   4. Homepage product grid too cramped on mobile
   5. Horizontal overflow / clipping across the site

   Applies below 900px viewport width.
   ============================================================ */


/* --- Global: prevent horizontal scroll / overflow --- */
html,
body {
  overflow-x: hidden !important;
  max-width: 100vw;
}

/* Everything inside main should respect viewport width */
main img,
main video,
main iframe,
main table {
  max-width: 100% !important;
  height: auto;
}


/* ============================================================
   MOBILE BREAKPOINT: below 900px
   ============================================================ */
@media (max-width: 900px) {

  /* --- Product page: stack image and buy box --- */
  .woocommerce div.product,
  main .product,
  .product-type-simple {
    display: block !important;
  }

  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .images,
  .product-gallery {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }

  .woocommerce div.product .summary,
  .summary.entry-summary,
  .entry-summary-items {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    clear: both !important;
    padding: 0 16px !important;
    margin: 0 0 24px 0 !important;
    box-sizing: border-box;
  }

  /* Product title readable */
  .woocommerce div.product .product_title,
  .entry-title,
  .product-title,
  .summary h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    word-wrap: break-word;
  }

  /* Price size on mobile */
  .woocommerce div.product .price,
  .summary .price {
    font-size: 28px !important;
  }

  /* Add-to-cart button full width on mobile */
  .woocommerce div.product form.cart .button,
  .single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
  }

  /* Quantity input full width so it isn't tiny next to a big button */
  .woocommerce .quantity {
    width: 100% !important;
    margin-bottom: 12px !important;
  }
  .woocommerce .quantity .qty {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    font-size: 16px !important;
  }

  /* Product gallery thumbnails: cleaner grid */
  .woocommerce-product-gallery__wrapper {
    width: 100% !important;
  }
  .flex-control-thumbs,
  .woocommerce-product-gallery ol {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .flex-control-thumbs li,
  .woocommerce-product-gallery ol li {
    width: calc(25% - 6px) !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Disclaimer box word-wrap */
  .research-use-disclaimer,
  .summary > div,
  .entry-summary-items > div {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* --- Header nav: stack + wrap --- */
  .af-site-header {
    padding: 12px 16px !important;
  }

  .af-site-header > * {
    max-width: 100vw !important;
  }

  .af-header-nav,
  header nav,
  .primary-navigation {
    flex-wrap: wrap !important;
    justify-content: center !important;
    row-gap: 4px !important;
    column-gap: 16px !important;
    padding: 8px 0 !important;
    font-size: 13px !important;
  }

  .af-header-nav a,
  header nav a {
    padding: 6px 8px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }

  /* Logo / brand block */
  .af-site-header .logo,
  .site-branding,
  .site-title {
    text-align: center !important;
    margin: 0 auto 8px !important;
  }

  /* Cart button — keep it visible + tappable */
  .af-site-header .cart,
  header .cart-link,
  .header-cart {
    display: inline-block !important;
    margin-top: 8px !important;
  }


  /* --- Homepage: feature banner (≥99% PURITY etc.) — stack items --- */
  main .feature-bar,
  main .features,
  main .icon-row,
  main .home-features,
  main [class*="feature"][class*="bar"],
  main [class*="feature"][class*="row"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    padding: 24px 16px !important;
  }

  main .feature-bar > *,
  main .features > *,
  main .icon-row > *,
  main .home-features > * {
    text-align: center !important;
    padding: 0 !important;
    border: none !important;
    max-width: 100% !important;
  }


  /* --- Homepage: product grid single column --- */
  ul.products,
  .products,
  .woocommerce ul.products,
  main .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 0 16px !important;
  }

  ul.products li.product,
  .products li,
  .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }


  /* --- Homepage: hero + about section text scale --- */
  main h1,
  main .hero h1,
  main [class*="hero"] h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  main h2,
  main .about h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  main p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }


  /* --- Homepage: about stats grid to 2 columns --- */
  main .stats,
  main [class*="stats"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }


  /* --- Footer: stack columns --- */
  footer,
  .site-footer,
  [class*="footer"] {
    padding: 32px 16px !important;
  }

  footer .footer-columns,
  footer .footer-grid,
  footer [class*="grid"],
  .site-footer > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: left !important;
  }


  /* --- Product page tabs (Description / Reviews) --- */
  .woocommerce-tabs,
  .woocommerce div.product .woocommerce-tabs {
    padding: 0 16px !important;
  }

  .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
  }

  .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
  }
}


/* ============================================================
   NARROW MOBILE: below 480px (small phones)
   ============================================================ */
@media (max-width: 480px) {

  /* Feature banner: single column on very small screens */
  main .feature-bar,
  main .features,
  main .icon-row,
  main .home-features {
    grid-template-columns: 1fr !important;
  }

  main .stats {
    grid-template-columns: 1fr 1fr !important;
  }

  main h1,
  main [class*="hero"] h1 {
    font-size: 28px !important;
  }

  main h2 {
    font-size: 22px !important;
  }

  /* Age gate disclaimer bar — smaller text so it doesn't wrap oddly */
  main .disclaimer-bar,
  body > [class*="disclaimer"],
  body > [class*="warning"] {
    font-size: 11px !important;
    padding: 8px 12px !important;
    line-height: 1.4 !important;
  }
}


/* ============================================================
   END OF PATCH
   ============================================================ */