/*
 * TheGrowns responsive catalog
 * Mobile: <=760px
 * Tablet: 761px–1024px
 * Desktop: untouched
 */

@media (min-width:761px) and (max-width:1024px) {
  body.tg-all-products-editorial .tg-all-gallery {
    padding-left:24px!important;
    padding-right:24px!important;
  }
  body.tg-all-products-editorial .tg-all-section>ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body.tg-all-products-editorial .tg-all-welcome-main {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:32px!important;
  }
  body.tax-product_cat ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px) {
  body.tg-all-products-editorial .entry-hero.product-archive-hero-section {
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    min-height:clamp(290px,83vw,420px)!important;
    background-position:center top!important;
    background-size:cover!important;
    overflow:hidden!important;
  }
  body.tg-all-products-editorial .tg-all-gallery {
    box-sizing:border-box;
    max-width:100%;
    padding:0 14px 48px!important;
  }
  body.tg-all-products-editorial .tg-all-section {
    margin-bottom:36px!important;
  }
  body.tg-all-products-editorial .tg-all-section-heading {
    gap:10px!important;
    min-width:0;
  }
  body.tg-all-products-editorial .tg-all-section-heading h2 {
    min-width:0;
    overflow-wrap:anywhere;
    font-size:clamp(20px,5.7vw,28px)!important;
  }
  body.tg-all-products-editorial .tg-all-section>ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.tg-all-products-editorial .tg-all-section li.product {
    box-sizing:border-box!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.tg-all-products-editorial .tg-all-section li.product img,
  body.tax-product_cat ul.products li.product img {
    max-width:100%;
    height:auto;
    object-fit:contain;
  }
  body.tg-all-products-editorial .tg-all-section li.product a.button {
    box-sizing:border-box;
    max-width:100%;
    min-height:44px;
    display:flex!important;
    align-items:center;
    justify-content:center;
  }
  body.tg-all-products-editorial .tg-all-welcome {
    box-sizing:border-box;
    width:100%!important;
    padding:38px 20px!important;
  }
  body.tg-all-products-editorial .tg-all-welcome h2 {
    font-size:clamp(40px,11vw,66px)!important;
    overflow-wrap:anywhere;
  }
  body.tax-product_cat ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  body.tax-product_cat ul.products li.product {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }
  body.tax-product_cat ul.products li.product .button {
    min-height:44px;
    max-width:100%;
    white-space:normal;
  }
}

@media (max-width:390px) {
  body.tg-all-products-editorial .tg-all-gallery {
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.tg-all-products-editorial .tg-all-section>ul.products {
    gap:9px!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.tg-all-products-editorial .tg-all-section li.product {
    transition:none!important;
  }
}


/* TG_MOBILE_CTA_CONTAINER_FIX */
@media screen and (max-width:760px) {

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product
  .product-action-wrap {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product
  .product-details {
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button,
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button.tg-all-premium-cta {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    height:52px!important;
    min-height:52px!important;
    padding:0 4px!important;
    margin:16px auto 12px!important;

    gap:0!important;
    overflow:hidden!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button::before,
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button.tg-all-premium-cta::before {
    content:"VIEW PRODUCT"!important;
    display:block!important;
    position:static!important;

    width:auto!important;
    max-width:100%!important;
    flex:0 1 auto!important;

    font:800 10px/1.2 Manrope,Arial,sans-serif!important;
    letter-spacing:0!important;
    white-space:nowrap!important;

    text-align:center!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    transform:none!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button::after {
    content:none!important;
    display:none!important;
  }
}
/* END TG_MOBILE_CTA_CONTAINER_FIX */

/* TG_MOBILE_CTA_TEXT_FINISH */
@media (max-width:760px) {
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button::before,
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button.tg-all-premium-cta::before {
    content:"VIEW PRODUCT"!important;
    font-family:Manrope,Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}
/* END TG_MOBILE_CTA_TEXT_FINISH */

/* TG_PREMIUM_MOBILE_CTA_ALIGNMENT */
@media screen and (max-width:760px) {

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button,
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button.tg-all-premium-cta {
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    padding:0!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button::before,
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button.tg-all-premium-cta::before {
    content:"VIEW PRODUCT"!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    max-width:calc(100% - 8px)!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    font:800 9px/1.2 Manrope,Arial,sans-serif!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section ul.products li.product a.button::after {
    content:none!important;
    display:none!important;
  }
}
/* END TG_PREMIUM_MOBILE_CTA_ALIGNMENT */

/* TG_PREMIUM_MOBILE_HEADER_V1 */
@media screen and (max-width:760px) {

  /* Header shell: pearl-white premium finish */
  body.tg-all-products-editorial #masthead,
  body.tax-product_cat #masthead,
  body.page-slug-peptides #masthead {
    background:linear-gradient(
      110deg,#fcfbfd 0%,#f7f4fb 58%,#faf8fd 100%
    )!important;
  }

  /* Consistent mobile header height */
  body.tg-all-products-editorial #masthead .site-header-row-container-inner,
  body.tax-product_cat #masthead .site-header-row-container-inner,
  body.page-slug-peptides #masthead .site-header-row-container-inner {
    min-height:76px!important;
  }

  /* Original handwritten logo */
  body.tg-all-products-editorial #masthead .site-branding img,
  body.tax-product_cat #masthead .site-branding img,
  body.page-slug-peptides #masthead .site-branding img {
    width:145px!important;
    max-width:145px!important;
    height:auto!important;
    object-fit:contain!important;
  }

  /* Navigation icon alignment */
  body.tg-all-products-editorial #masthead .menu-toggle-open,
  body.tax-product_cat #masthead .menu-toggle-open,
  body.page-slug-peptides #masthead .menu-toggle-open {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:36px!important;
    min-height:40px!important;
  }

  /* Account icon link */
  body.tg-all-products-editorial #masthead .mobile-html-inner a:has(img.wp-image-833),
  body.tax-product_cat #masthead .mobile-html-inner a:has(img.wp-image-833),
  body.page-slug-peptides #masthead .mobile-html-inner a:has(img.wp-image-833) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
  }

  /* Account artwork */
  body.tg-all-products-editorial #masthead .mobile-html-inner img.wp-image-833,
  body.tax-product_cat #masthead .mobile-html-inner img.wp-image-833,
  body.page-slug-peptides #masthead .mobile-html-inner img.wp-image-833 {
    display:block!important;
    float:none!important;
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    object-fit:contain!important;
    margin:0!important;
  }

  /* Keep the custom account element vertically aligned */
  body.tg-all-products-editorial #masthead .mobile-html-inner,
  body.tax-product_cat #masthead .mobile-html-inner,
  body.page-slug-peptides #masthead .mobile-html-inner {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
/* END TG_PREMIUM_MOBILE_HEADER_V1 */



/* TG_APPROVED_HERO_FINAL_V1 */
@media screen and (max-width:760px) {
  html body.tg-all-products-editorial
  .entry-hero.product-archive-hero-section {
    background-image:url('../images/tg-all-products-mobile-hero.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% 100%!important;

    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;

    height:calc(100vw * 1671 / 941)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:941 / 1671!important;

    padding:0!important;
    overflow:hidden!important;
    clip-path:none!important;
    margin:0!important;
  }
}
/* END TG_APPROVED_HERO_FINAL_V1 */

/* TG_TABLET_REFINEMENT_V1 */
@media screen and (min-width:761px) and (max-width:1024px) {

  /* Tablet hero: show the complete approved portrait artwork */
  body.tg-all-products-editorial
  .entry-hero.product-archive-hero-section {
    background-image:url('../images/tg-all-products-mobile-hero.png')!important;
    background-color:#10151d!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:auto 100%!important;

    width:100%!important;
    max-width:100%!important;
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;

    padding:0!important;
    overflow:hidden!important;
    clip-path:none!important;
    margin-bottom:0!important;
  }

  /* Premium two-column product grid */
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section>ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section li.product {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  /* Button wrapper and alignment */
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section li.product .product-action-wrap {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 20px!important;
    display:flex!important;
    justify-content:center!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section li.product a.button {
    box-sizing:border-box!important;
    width:192px!important;
    max-width:100%!important;
    min-height:57px!important;
    padding:0 18px!important;
    margin:22px auto 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  /* Ensure full button label and prevent clipping */
  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section li.product a.button::before {
    content:"VIEW PRODUCT"!important;
    display:block!important;
    width:auto!important;
    white-space:nowrap!important;
    font:800 11px/1.2 Manrope,Arial,sans-serif!important;
    letter-spacing:.045em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.tg-all-products-editorial
  .tg-all-gallery .tg-all-section li.product a.button::after {
    content:none!important;
    display:none!important;
  }

  /* Tablet category product archives */
  body.tax-product_cat ul.products {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }

  body.tax-product_cat ul.products li.product {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Tablet header logo proportions */
  body.tg-all-products-editorial #masthead .site-branding img,
  body.tax-product_cat #masthead .site-branding img,
  body.page-slug-peptides #masthead .site-branding img {
    width:165px!important;
    max-width:165px!important;
    height:auto!important;
    object-fit:contain!important;
  }

  /* Account icon alignment */
  body.tg-all-products-editorial #masthead .mobile-html-inner,
  body.tax-product_cat #masthead .mobile-html-inner,
  body.page-slug-peptides #masthead .mobile-html-inner {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.tg-all-products-editorial #masthead .mobile-html-inner img.wp-image-833,
  body.tax-product_cat #masthead .mobile-html-inner img.wp-image-833,
  body.page-slug-peptides #masthead .mobile-html-inner img.wp-image-833 {
    width:32px!important;
    height:32px!important;
    float:none!important;
    object-fit:contain!important;
  }
}
/* END TG_TABLET_REFINEMENT_V1 */

/* TG_TABLET_HERO_FIX_V2 */
@media screen and (min-width:761px) and (max-width:1024px) {

  body.tg-all-products-editorial
  .entry-hero.product-archive-hero-section {
    background-image:url('../images/tg-all-products-mobile-hero.png')!important;
    background-color:#10151d!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;

    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;

    height:calc(100vw * 1671 / 941)!important;
    min-height:0!important;
    max-height:none!important;

    padding:0!important;
    overflow:hidden!important;
    clip-path:none!important;
    margin-bottom:0!important;
  }

}
/* END TG_TABLET_HERO_FIX_V2 */



/* TG_TABLET_LANDSCAPE_HERO_LOCKED_START */
@media screen and (min-width:761px) and (max-width:1024px) {

  html body.tg-all-products-editorial
  .entry-hero.product-archive-hero-section {
    background-image:
      url('../images/tg-all-products-tablet-hero.png') !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-color:#10151d !important;

    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    aspect-ratio:1585 / 992 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    padding:0 !important;
    margin-bottom:0 !important;
    clip-path:none !important;
    overflow:hidden !important;
  }

  html body.tg-all-products-editorial
  .entry-hero.product-archive-hero-section
  .tg-all-hero-copy {
    display:none !important;
  }
}
/* TG_TABLET_LANDSCAPE_HERO_LOCKED_END */