/* HiGuppy Fry Pack merchandising — isolated to fry category/product surfaces.
 * Editorial archive redesign 2026-09-28. Product/PDP rules below this block
 * remain unchanged and continue to own single-product fry components.
 */
@layer higuppy-category-shell {
  body.hg-fry-pack-surface.higuppy-category-landing {
    --hg-fry-coral: #c74b2f !important;
    --hg-fry-coral-hover: #a83d25 !important;
    --hg-fry-green: #214f3d !important;
    --hg-fry-green-hover: #173c2e !important;
    --hg-fry-cream-archive: #f5f1e7 !important;
    --hg-fry-paper: #fffdf8 !important;
    --hg-fry-line: #d9dfd3 !important;
  }

  /* Hero: one editorial story instead of another white category panel. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr) !important;
    align-items: center !important;
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 30px auto 20px !important;
    padding: clamp(34px, 4.5vw, 58px) !important;
    gap: clamp(32px, 5vw, 68px) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 34px !important;
    background:
      radial-gradient(circle at 4% 0%, rgba(255,255,255,.09), transparent 33%),
      linear-gradient(135deg, #173d30 0%, #235743 100%) !important;
    box-shadow: 0 24px 70px rgba(23, 61, 48, .16) !important;
    color: #fff !important;
  }
  /* A 1px circle outline bled off the hero corner and read as a rendering
   * artifact. Depth now comes from a soft edge glow with no visible border. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero::after {
    position: absolute !important;
    right: -140px !important;
    bottom: -170px !important;
    width: 460px !important;
    height: 460px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 50%, rgba(255, 200, 154, 0.16), rgba(255, 200, 154, 0) 62%) !important;
    content: '' !important;
    pointer-events: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__content,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media {
    position: relative !important;
    z-index: 1 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__breadcrumb {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 22px !important;
    padding: 5px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    color: #dce9e2 !important;
    font-size: 13px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__breadcrumb a {
    min-height: 30px !important;
    padding: 0 11px !important;
    background: #fffdf8 !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__breadcrumb a:is(:hover,:focus-visible) {
    background: #f2e7d6 !important;
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__eyebrow {
    margin: 0 0 12px !important;
    color: #ffc59b !important;
    -webkit-text-fill-color: #ffc59b !important;
    font-size: 13px !important;
    letter-spacing: .14em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 {
    max-width: 660px !important;
    margin: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(46px, 5.25vw, 74px) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__intro {
    max-width: 60ch !important;
    margin: 22px 0 0 !important;
    color: #dce9e2 !important;
    -webkit-text-fill-color: #dce9e2 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions {
    gap: 10px !important;
    margin-top: 28px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button {
    min-height: 50px !important;
    padding-inline: 20px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 15px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button--primary {
    border-color: #c74b2f !important;
    background: #c74b2f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button--secondary {
    border-color: rgba(255,255,255,.34) !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button--primary:is(:hover,:focus-visible) {
    border-color: #a83d25 !important;
    background: #a83d25 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button--secondary:is(:hover,:focus-visible) {
    border-color: rgba(255,255,255,.55) !important;
    background: rgba(255,255,255,.18) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual {
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 18px !important;
    background: #102c24 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media figcaption {
    margin: 9px 5px 1px !important;
    color: #dce9e2 !important;
    -webkit-text-fill-color: #dce9e2 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* Category switcher becomes a calm secondary rail, not another CTA wall. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav {
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 0 auto 34px !important;
    padding: 12px 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #d9dfd3 !important;
    background: transparent !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__label { display: none !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item {
    min-height: 40px !important;
    padding: 8px 13px !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 999px !important;
    background: #fffdf8 !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item:is(:hover,:focus-visible) {
    border-color: #214f3d !important;
    background: #f0f4ef !important;
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item.is-active,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item.is-active:is(:hover,:focus-visible) {
    border-color: #214f3d !important;
    background: #214f3d !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item.is-active::before { display: none !important; }

  /* Format chooser: the live 25-pack is the visual anchor; 10/50 are compact. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: none !important;
    margin: 0 auto 58px !important;
    padding: clamp(28px, 4vw, 46px) !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 30px !important;
    background: #f2efe5 !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr) !important;
    align-items: end !important;
    max-width: none !important;
    margin: 0 0 28px !important;
    gap: 24px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > .hg-fry-kicker,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > h2,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > p { grid-column: 1 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > p:last-of-type {
    max-width: 62ch !important;
    margin: 10px 0 0 !important;
    color: #53655c !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program h2 {
    margin: 0 !important;
    color: #173d30 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(38px, 4vw, 56px) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -.04em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-self: end !important;
    gap: 8px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals span {
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    padding: 7px 11px !important;
    border: 1px solid #cbd4c8 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.68) !important;
    color: #214f3d !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr) !important;
    grid-template-areas: 'featured starter' 'featured breeder' !important;
    gap: 14px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 22px !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 20px !important;
    background: #fffdf8 !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--starter { grid-area: starter !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder { grid-area: breeder !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
    grid-area: featured !important;
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr) !important;
    align-items: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #173d30 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__media {
    position: relative !important;
    min-height: 100% !important;
    overflow: hidden !important;
    background: #0f2d24 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__flag {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #c74b2f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: clamp(24px, 3vw, 38px) !important;
    color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy .hg-fry-size-card__flag {
    position: static !important;
    align-self: flex-start !important;
    margin-bottom: 14px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__count {
    display: block !important;
    margin: 0 0 5px !important;
    color: #214f3d !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(46px, 5vw, 64px) !important;
    font-weight: 500 !important;
    line-height: .9 !important;
    letter-spacing: -.05em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__count {
    color: #ffc59b !important;
    -webkit-text-fill-color: #ffc59b !important;
    font-size: clamp(58px, 6vw, 84px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__eyebrow {
    margin: 4px 0 8px !important;
    color: #b7472c !important;
    -webkit-text-fill-color: #b7472c !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .09em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__eyebrow {
    color: #ffc59b !important;
    -webkit-text-fill-color: #ffc59b !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card h3 {
    margin: 0 0 10px !important;
    color: #173d30 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured h3 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: clamp(28px, 3vw, 40px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price),
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
    margin: 0 0 16px !important;
    color: #53655c !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
    color: #dce9e2 !important;
    -webkit-text-fill-color: #dce9e2 !important;
    font-size: 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__price {
    margin: auto 0 14px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 28px !important;
    font-weight: 850 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-button {
    min-height: 48px !important;
    margin-top: auto !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__links { gap: 6px !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__links a {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-color: #d9dfd3 !important;
    background: #f7f5ef !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    font-size: 12px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    margin: 16px 0 0 !important;
    padding: 18px 20px !important;
    gap: 16px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #214f3d !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip .hg-fry-kicker {
    color: #ffc59b !important;
    -webkit-text-fill-color: #ffc59b !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 15px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links { justify-content: flex-end !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a {
    min-height: 36px !important;
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a:is(:hover,:focus-visible) {
    border-color: #ffc59b !important;
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__note {
    margin: 14px 2px 0 !important;
    color: #617067 !important;
    font-size: 13px !important;
  }

  /* Product section and lower content use bigger editorial hierarchy. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading {
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 0 auto 24px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #d9dfd3 !important;
    scroll-margin-top: 110px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading h2,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust h2,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy h2,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq h2 {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: 500 !important;
    letter-spacing: -.035em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading h2 {
    color: #173d30 !important;
    font-size: clamp(36px, 4vw, 54px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading__count {
    min-height: 36px !important;
    padding: 7px 11px !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 999px !important;
    background: #fffdf8 !important;
    color: #53655c !important;
    font-size: 13px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
    width: min(1180px, calc(100% - 40px)) !important;
    margin: 64px auto 0 !important;
    padding: clamp(30px, 4vw, 46px) !important;
    border: 0 !important;
    border-radius: 28px !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust {
    background: #f2efe5 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust__grid {
    gap: 0 !important;
    border-top: 1px solid #d9dfd3 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article {
    padding: 24px !important;
    border: 0 !important;
    border-right: 1px solid #d9dfd3 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article:last-child { border-right: 0 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article h3 {
    color: #173d30 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 22px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article p,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy p,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq p {
    color: #53655c !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article a {
    min-height: 42px !important;
    margin-top: 16px !important;
    padding-inline: 14px !important;
    border-radius: 10px !important;
    background: #c74b2f !important;
    border-color: #c74b2f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    font-size: 13px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
    display: grid !important;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr) !important;
    column-gap: clamp(34px, 6vw, 80px) !important;
    row-gap: 14px !important;
    background: transparent !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > .hg-category-kicker,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > h2 { grid-column: 1 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > p:not(.hg-category-seo-copy__links) { grid-column: 2 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > .hg-category-kicker { align-self: end !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy h2 {
    align-self: start !important;
    color: #173d30 !important;
    font-size: clamp(34px, 4vw, 52px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links {
    grid-column: 1 / -1 !important;
    margin-top: 14px !important;
    padding-top: 18px !important;
    border-top: 1px solid #d9dfd3 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
    margin-bottom: 70px !important;
    background: #173d30 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq > .hg-category-kicker {
    color: #ffc59b !important;
    -webkit-text-fill-color: #ffc59b !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq > h2 {
    margin-bottom: 22px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: clamp(36px, 4vw, 52px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq__list { gap: 8px !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq details {
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: none !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq summary {
    min-height: 54px !important;
    padding: 15px 18px !important;
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq details p {
    margin: 0 !important;
    padding: 0 18px 18px !important;
    color: #dce9e2 !important;
    -webkit-text-fill-color: #dce9e2 !important;
  }

  @media (max-width: 900px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
      grid-template-columns: 1fr !important;
      width: min(100% - 24px, 760px) !important;
      padding: 28px !important;
      border-radius: 26px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media { max-width: none !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading,
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-category-trust,.hg-category-seo-copy,.hg-category-faq) {
      width: min(100% - 24px, 760px) !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
      grid-template-columns: 1fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals {
      grid-column: 1 !important;
      grid-row: auto !important;
      justify-content: flex-start !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__grid {
      grid-template-columns: 1fr !important;
      grid-template-areas: 'featured' 'starter' 'breeder' !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
      grid-template-columns: .85fr 1.15fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
      grid-template-columns: 1fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > * { grid-column: 1 !important; }
  }

  @media (max-width: 600px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
      margin-top: 12px !important;
      padding: 22px 18px !important;
      gap: 22px !important;
      border-radius: 22px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 { font-size: clamp(40px, 12vw, 54px) !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__intro { font-size: 16px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions { display: grid !important; grid-template-columns: 1fr !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-button { width: 100% !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual { aspect-ratio: 16 / 10 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav { margin-bottom: 24px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__items {
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      padding-bottom: 4px !important;
      scrollbar-width: none !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__items::-webkit-scrollbar { display: none !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item { flex: 0 0 auto !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program {
      margin-bottom: 42px !important;
      padding: 22px 14px !important;
      border-radius: 22px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program h2 { font-size: 40px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals { gap: 6px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals span { min-height: 32px !important; font-size: 11px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
      grid-template-columns: 1fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__media { aspect-ratio: 16 / 10 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__image { aspect-ratio: 16 / 10 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy { padding: 24px 20px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--starter,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder {
      display: grid !important;
      grid-template-columns: 58px minmax(0, 1fr) !important;
      column-gap: 12px !important;
      padding: 18px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > * { grid-column: 2 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > .hg-fry-size-card__count {
      grid-column: 1 !important;
      grid-row: 1 / span 3 !important;
      font-size: 42px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder .hg-fry-button { grid-column: 1 / -1 !important; margin-top: 10px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip {
      grid-template-columns: 1fr !important;
      padding: 18px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links { justify-content: flex-start !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading { display: block !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading__count { display: inline-flex !important; margin-top: 12px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
      margin-top: 42px !important;
      padding: 22px 16px !important;
      border-radius: 22px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust__grid { grid-template-columns: 1fr !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article {
      padding: 20px 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid #d9dfd3 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article:last-child { border-bottom: 0 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq { margin-bottom: 42px !important; }
  }
}

/* Product cards: deliberately larger editorial cards on desktop while keeping
 * the owner's two-column mobile catalog preference. */
@layer hg-shop-mobile {
  body.hg-fry-pack-surface.higuppy-category-landing ul.wc-block-product-template {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product {
    min-width: 0 !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 24px !important;
    background: #fffdf8 !important;
    box-shadow: 0 12px 34px rgba(23,61,48,.06) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product:is(:hover,:focus-within) {
    border-color: #aebcaf !important;
    box-shadow: 0 18px 42px rgba(23,61,48,.11) !important;
    transform: translateY(-3px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-group.pos-relative {
    width: calc(100% - 16px) !important;
    margin: 8px 8px 0 !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 18px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .nb-card-meta {
    width: calc(100% - 36px) !important;
    margin: 14px 18px 7px !important;
    font-size: 12px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title {
    width: calc(100% - 36px) !important;
    min-height: 0 !important;
    margin: 0 18px 14px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title,
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title a {
    max-height: none !important;
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    -webkit-line-clamp: 3 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-card-cta {
    width: calc(100% - 36px) !important;
    margin: auto 18px 8px !important;
    padding-top: 14px !important;
    gap: 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .higuppy-shop-card-cta :is(.wp-block-woocommerce-product-price,.wc-block-components-product-price),
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .woocommerce-Price-amount {
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
    font-size: 26px !important;
    font-weight: 850 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product :is(.wc-block-components-product-button__button,.higuppy-shop-buy-now) {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-buy-now {
    width: calc(100% - 36px) !important;
    margin: 0 18px 18px !important;
  }

  @media (max-width: 600px) {
    body.hg-fry-pack-surface.higuppy-category-landing ul.wc-block-product-template { gap: 10px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product { border-radius: 16px !important; box-shadow: none !important; }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-group.pos-relative {
      width: calc(100% - 8px) !important;
      margin: 4px 4px 0 !important;
      aspect-ratio: 1 / 1 !important;
      border-radius: 12px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .nb-card-meta {
      width: calc(100% - 20px) !important;
      margin: 9px 10px 5px !important;
      font-size: 10px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title {
      width: calc(100% - 20px) !important;
      margin: 0 10px 9px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title,
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title a {
      font-family: var(--hg-shop-body) !important;
      font-size: 15px !important;
      font-weight: 750 !important;
      line-height: 1.28 !important;
      -webkit-line-clamp: 3 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-card-cta {
      width: calc(100% - 20px) !important;
      margin: auto 10px 5px !important;
      padding-top: 8px !important;
      gap: 6px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .higuppy-shop-card-cta :is(.wp-block-woocommerce-product-price,.wc-block-components-product-price),
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .woocommerce-Price-amount {
      font-size: 19px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product :is(.wc-block-components-product-button__button,.higuppy-shop-buy-now) {
      min-height: 40px !important;
      padding: 7px 6px !important;
      border-radius: 9px !important;
      font-size: 11px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-buy-now {
      width: calc(100% - 20px) !important;
      margin: 0 10px 10px !important;
    }
  }
}


/* Fry Packs archive polish v4 — owner requested even rhythm + 4-column desktop catalog. */
@layer higuppy-category-shell {
  body.hg-fry-pack-surface.higuppy-category-landing {
    --hg-fry-page-width: 1240px;
    --hg-fry-section-gap: 56px;
  }

  body.hg-fry-pack-surface.higuppy-category-landing :is(
    .hg-category-hero,
    .hg-category-nav,
    .hg-fry-program,
    .hg-category-products-heading,
    .hg-category-trust,
    .hg-category-seo-copy,
    .hg-category-faq
  ) {
    width: min(var(--hg-fry-page-width), calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
    margin-top: 26px !important;
    margin-bottom: 18px !important;
    padding: clamp(38px, 4vw, 54px) !important;
    border-radius: 30px !important;
    gap: clamp(34px, 4vw, 58px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 {
    max-width: 620px !important;
    font-size: clamp(46px, 4.8vw, 70px) !important;
    line-height: 1 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__intro {
    max-width: 58ch !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media {
    padding: 8px !important;
    border-radius: 22px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual {
    border-radius: 16px !important;
  }

  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav {
    margin-bottom: 32px !important;
    padding: 10px 0 18px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__items {
    gap: 7px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-nav__item {
    min-height: 38px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  /* The format chooser should read as one designed module, not four separate boxes. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program {
    margin-bottom: var(--hg-fry-section-gap) !important;
    padding: clamp(28px, 3.2vw, 40px) !important;
    border-radius: 26px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
    margin-bottom: 24px !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr) !important;
    gap: 24px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program h2 {
    font-size: clamp(36px, 3.5vw, 50px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals {
    gap: 6px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals span {
    min-height: 32px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, .65fr) !important;
    gap: 12px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card {
    padding: 19px !important;
    border-radius: 17px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
    min-height: 350px !important;
    border-radius: 20px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__media {
    min-height: 350px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__image {
    aspect-ratio: 1 / 1 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy {
    padding: clamp(24px, 2.6vw, 34px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured h3 {
    font-size: clamp(27px, 2.5vw, 36px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__count {
    font-size: clamp(42px, 4vw, 56px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__count {
    font-size: clamp(54px, 5vw, 72px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip {
    margin-top: 12px !important;
    padding: 15px 18px !important;
    border-radius: 14px !important;
  }

  /* Product section title + native Woo controls align to the same rhythm. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading {
    margin-bottom: 14px !important;
    padding-bottom: 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading h2 {
    font-size: clamp(34px, 3.2vw, 46px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .wc-block-product-results-count,
  body.hg-fry-pack-surface.higuppy-category-landing .woocommerce-ordering {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .wc-block-product-results-count .woocommerce-result-count {
    display: inline-flex !important;
    min-height: 36px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 999px !important;
    background: #fffdf8 !important;
    color: #596b61 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .woocommerce-ordering .orderby {
    min-height: 38px !important;
    padding: 7px 34px 7px 12px !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 10px !important;
    background-color: #fffdf8 !important;
    color: #214f3d !important;
    font-size: 12px !important;
  }

  /* Delivery, editorial copy and FAQ use one consistent section cadence. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
    margin-top: var(--hg-fry-section-gap) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust {
    padding: clamp(28px, 3vw, 38px) !important;
    border-radius: 24px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust .hg-category-section-heading {
    margin-bottom: 20px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust h2 {
    font-size: clamp(30px, 3vw, 42px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    border-top: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article {
    display: flex !important;
    min-height: 238px !important;
    padding: 22px !important;
    flex-direction: column !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 16px !important;
    background: #fffdf8 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article h3 {
    min-height: 2.35em !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 1.16 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article p {
    margin: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article a {
    align-self: flex-start !important;
    margin-top: auto !important;
  }

  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr) !important;
    column-gap: clamp(34px, 5vw, 64px) !important;
    row-gap: 12px !important;
    padding: 32px !important;
    border: 1px solid #e1e2da !important;
    border-radius: 22px !important;
    background: #f7f4ec !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy h2 {
    max-width: 10ch !important;
    font-size: clamp(34px, 3.5vw, 46px) !important;
    line-height: 1.02 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > p:not(.hg-category-seo-copy__links) {
    max-width: 72ch !important;
    margin-bottom: 6px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links {
    margin-top: 12px !important;
    padding-top: 16px !important;
  }

  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
    margin-bottom: 34px !important;
    padding: clamp(28px, 3vw, 38px) !important;
    border-radius: 24px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq > h2 {
    margin-bottom: 18px !important;
    font-size: clamp(32px, 3vw, 44px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq details {
    border-radius: 11px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq summary {
    min-height: 50px !important;
    padding: 13px 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-site-footer {
    margin-top: 0 !important;
  }

  @media (max-width: 1023px) {
    body.hg-fry-pack-surface.higuppy-category-landing {
      --hg-fry-section-gap: 44px;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
      grid-template-columns: 1fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals {
      grid-column: 1 !important;
      grid-row: auto !important;
      justify-content: flex-start !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__grid {
      grid-template-columns: 1fr !important;
      grid-template-areas: 'featured' 'starter' 'breeder' !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust__grid {
      grid-template-columns: 1fr !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article {
      min-height: 0 !important;
    }
  }

  @media (max-width: 700px) {
    body.hg-fry-pack-surface.higuppy-category-landing {
      --hg-fry-section-gap: 36px;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(
      .hg-category-hero,
      .hg-category-nav,
      .hg-fry-program,
      .hg-category-products-heading,
      .hg-category-trust,
      .hg-category-seo-copy,
      .hg-category-faq
    ) {
      width: calc(100% - 20px) !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
      margin-top: 10px !important;
      padding: 22px 16px !important;
      border-radius: 20px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 {
      font-size: clamp(38px, 11vw, 50px) !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program {
      padding: 20px 13px !important;
      border-radius: 20px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program h2 {
      font-size: 36px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
      grid-template-columns: 1fr !important;
      min-height: 0 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__media {
      min-height: 0 !important;
      aspect-ratio: 16 / 10 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__image {
      aspect-ratio: 16 / 10 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
      grid-template-columns: 1fr !important;
      padding: 22px 16px !important;
      border-radius: 18px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy > * {
      grid-column: 1 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy h2 {
      max-width: 14ch !important;
    }
  }
}

@layer hg-shop-mobile {
  /* Three columns: the live fry catalog holds six listings, so four columns
   * left a two-card orphan row with dead slots at the end of the shelf. */
  body.hg-fry-pack-surface.higuppy-category-landing ul.wc-block-product-template {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product {
    height: 100% !important;
    border-radius: 17px !important;
    box-shadow: 0 8px 24px rgba(23,61,48,.055) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-group.pos-relative {
    width: calc(100% - 10px) !important;
    margin: 5px 5px 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 13px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .nb-card-meta {
    width: calc(100% - 26px) !important;
    min-height: 20px !important;
    margin: 10px 13px 5px !important;
    font-size: 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title {
    width: calc(100% - 26px) !important;
    min-height: 2.6em !important;
    margin: 0 13px 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title,
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title a {
    display: -webkit-box !important;
    max-height: 2.6em !important;
    overflow: hidden !important;
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
    font-family: var(--hg-shop-body) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    letter-spacing: -.015em !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-card-cta {
    width: calc(100% - 26px) !important;
    margin: auto 13px 6px !important;
    padding-top: 10px !important;
    gap: 7px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .higuppy-shop-card-cta :is(
    .wp-block-woocommerce-product-price,
    .wc-block-components-product-price
  ),
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .woocommerce-Price-amount {
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
    font-size: 19px !important;
    font-weight: 850 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product :is(
    .wc-block-components-product-button__button,
    .higuppy-shop-buy-now
  ) {
    min-height: 41px !important;
    padding: 8px 8px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-buy-now {
    width: calc(100% - 26px) !important;
    margin: 0 13px 13px !important;
  }

  /* With six current products, center the incomplete final desktop row. The
   * selector remains generic for any future 4n+2 product count. */
  @media (min-width: 1024px) {
    body.hg-fry-pack-surface.higuppy-category-landing
      li.wc-block-product:nth-last-child(2):nth-child(4n + 1) {
      grid-column: 2 !important;
    }
  }

  @media (max-width: 1023px) {
    body.hg-fry-pack-surface.higuppy-category-landing ul.wc-block-product-template {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 14px !important;
    }
  }

  @media (max-width: 700px) {
    body.hg-fry-pack-surface.higuppy-category-landing ul.wc-block-product-template {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product {
      border-radius: 13px !important;
      box-shadow: none !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-group.pos-relative {
      width: calc(100% - 6px) !important;
      margin: 3px 3px 0 !important;
      border-radius: 10px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .nb-card-meta {
      width: calc(100% - 16px) !important;
      margin: 8px 8px 4px !important;
      font-size: 9px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title {
      width: calc(100% - 16px) !important;
      margin: 0 8px 8px !important;
      min-height: 2.65em !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title,
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-post-title a {
      max-height: 2.65em !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-card-cta {
      width: calc(100% - 16px) !important;
      margin: auto 8px 4px !important;
      padding-top: 7px !important;
      gap: 5px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .higuppy-shop-card-cta :is(
      .wp-block-woocommerce-product-price,
      .wc-block-components-product-price
    ),
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .woocommerce-Price-amount {
      font-size: 17px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product :is(
      .wc-block-components-product-button__button,
      .higuppy-shop-buy-now
    ) {
      min-height: 38px !important;
      padding: 6px 5px !important;
      font-size: 10px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .higuppy-shop-buy-now {
      width: calc(100% - 16px) !important;
      margin: 0 8px 8px !important;
    }
  }
}

body.hg-fry-pack-surface {
  --hg-fry-ink: #12352a;
  --hg-fry-muted: #617067;
  --hg-fry-green: #174d3a;
  --hg-fry-green-hover: #103c2d;
  --hg-fry-coral: #ff6847;
  --hg-fry-coral-hover: #f45132;
  --hg-fry-cream: #fffaf1;
  --hg-fry-sand: #f3eadb;
  --hg-fry-border: rgba(23, 77, 58, 0.16);
  --hg-fry-card: #fff;
  --hg-fry-shadow: 0 16px 42px rgba(18, 53, 42, 0.09);
}

body.hg-fry-pack-surface .hg-fry-program,
body.hg-fry-pack-surface .hg-fry-after-cart,
body.hg-fry-pack-surface .hg-fry-format-guide,
body.hg-fry-pack-surface .hg-fry-single-badge {
  box-sizing: border-box;
}

body.hg-fry-pack-surface .hg-fry-program *,
body.hg-fry-pack-surface .hg-fry-after-cart *,
body.hg-fry-pack-surface .hg-fry-format-guide * {
  box-sizing: border-box;
}

.hg-fry-program {
  width: min(1160px, calc(100% - 32px));
  margin: 20px auto 36px;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--hg-fry-border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 5%, rgba(255, 104, 71, 0.10), transparent 30%),
    linear-gradient(180deg, #fffdf8 0%, var(--hg-fry-cream) 100%);
  box-shadow: var(--hg-fry-shadow);
  color: var(--hg-fry-ink);
}

.hg-fry-program__head {
  max-width: 760px;
  margin-bottom: 24px;
}

.hg-fry-kicker {
  margin: 0 0 6px !important;
  color: var(--hg-fry-coral) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}

.hg-fry-program h2,
.hg-fry-program h3,
.hg-fry-transparency h3,
.hg-fry-delivered-card h3 {
  color: var(--hg-fry-ink) !important;
}

.hg-fry-program h2 {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3.5vw, 44px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

.hg-fry-program__head > p:last-child {
  margin: 0 !important;
  max-width: 700px;
  color: var(--hg-fry-muted);
  font-size: 16px;
  line-height: 1.65;
}

.hg-fry-program__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.hg-fry-size-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 300px;
  padding: 22px;
  flex-direction: column;
  border: 1px solid var(--hg-fry-border);
  border-radius: 20px;
  background: var(--hg-fry-card);
}

.hg-fry-size-card--featured {
  border-color: rgba(255, 104, 71, 0.55);
  background: linear-gradient(180deg, #fff 0%, #fff6f1 100%);
  box-shadow: 0 14px 32px rgba(255, 104, 71, 0.12);
}

.hg-fry-size-card__flag {
  align-self: flex-start;
  margin: -8px 0 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--hg-fry-coral);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.hg-fry-size-card__count {
  display: block;
  margin-bottom: 2px;
  color: var(--hg-fry-green);
  font-size: clamp(42px, 6vw, 64px);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.hg-fry-size-card__eyebrow {
  margin: 4px 0 8px !important;
  color: var(--hg-fry-coral) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.hg-fry-size-card h3 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.hg-fry-size-card > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
  margin: 0 0 16px !important;
  color: var(--hg-fry-muted);
  font-size: 15px;
  line-height: 1.55;
}

.hg-fry-size-card__price {
  margin: auto 0 12px !important;
  color: var(--hg-fry-ink) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

.hg-fry-size-card__links {
  display: flex;
  margin-top: auto;
  flex-wrap: wrap;
  gap: 8px;
}

.hg-fry-size-card__links a,
.hg-fry-request-strip__links a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid var(--hg-fry-border);
  border-radius: 999px;
  background: #fff;
  color: var(--hg-fry-green) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.hg-fry-size-card__links a:hover,
.hg-fry-size-card__links a:focus-visible,
.hg-fry-request-strip__links a:hover,
.hg-fry-request-strip__links a:focus-visible {
  border-color: var(--hg-fry-coral);
  color: var(--hg-fry-coral) !important;
  outline: none;
}

.hg-fry-button {
  display: inline-flex;
  min-height: 44px;
  margin-top: auto;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

.hg-fry-button--coral,
.hg-fry-button--coral:visited {
  background: var(--hg-fry-coral) !important;
  color: #fff !important;
}

.hg-fry-button--coral:hover,
.hg-fry-button--coral:focus-visible {
  background: var(--hg-fry-coral-hover) !important;
  color: #fff !important;
  outline: none;
}

.hg-fry-button--green,
.hg-fry-button--green:visited {
  background: var(--hg-fry-green) !important;
  color: #fff !important;
}

.hg-fry-button--green:hover,
.hg-fry-button--green:focus-visible {
  background: var(--hg-fry-green-hover) !important;
  color: #fff !important;
  outline: none;
}

.hg-fry-request-strip {
  display: flex;
  margin-top: 18px;
  padding: 18px 20px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px dashed rgba(23, 77, 58, 0.28);
  border-radius: 18px;
  background: rgba(255,255,255,0.72);
}

.hg-fry-request-strip strong {
  display: block;
  color: var(--hg-fry-ink);
  font-size: 15px;
  line-height: 1.45;
}

.hg-fry-request-strip__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.hg-fry-program__note {
  margin: 14px 0 0 !important;
  color: var(--hg-fry-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.hg-fry-single-badge {
  display: inline-flex;
  min-height: 30px;
  margin: 0 0 10px;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid rgba(23, 77, 58, 0.18);
  border-radius: 999px;
  background: #edf6f1;
  color: var(--hg-fry-green);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.hg-fry-format-guide {
  margin: 12px 0 16px;
  padding: 14px;
  border: 1px solid var(--hg-fry-border);
  border-radius: 16px;
  background: var(--hg-fry-cream);
}

.hg-fry-format-guide__heading {
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.hg-fry-format-guide__heading strong {
  color: var(--hg-fry-ink);
  font-size: 15px;
}

.hg-fry-format-guide__heading span {
  color: var(--hg-fry-muted);
  font-size: 12px;
  text-align: right;
}

.hg-fry-format-guide__sizes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.hg-fry-format-guide__sizes > span {
  display: grid;
  min-height: 56px;
  place-items: center;
  padding: 7px;
  border: 1px solid var(--hg-fry-border);
  border-radius: 12px;
  background: #fff;
  color: var(--hg-fry-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.1;
}

.hg-fry-format-guide__sizes > span b {
  display: block;
  color: var(--hg-fry-ink);
  font-size: 18px;
  line-height: 1;
}

.hg-fry-format-guide__sizes > span.is-current {
  border-color: var(--hg-fry-coral);
  background: #fff3ed;
  color: var(--hg-fry-coral);
  box-shadow: inset 0 0 0 1px rgba(255,104,71,0.10);
}

.hg-fry-format-guide__sizes > span.is-current b {
  color: var(--hg-fry-coral);
}

.hg-fry-format-guide > p {
  margin: 10px 0 0 !important;
  color: var(--hg-fry-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.hg-fry-format-guide > p a {
  color: var(--hg-fry-green) !important;
  font-weight: 800;
}

.hg-fry-after-cart {
  display: grid;
  margin: 14px 0 18px;
  gap: 12px;
}

.hg-fry-transparency,
.hg-fry-delivered-card {
  padding: 18px;
  border: 1px solid var(--hg-fry-border);
  border-radius: 18px;
  background: #fff;
}

.hg-fry-transparency__head h3,
.hg-fry-delivered-card h3 {
  margin: 0 0 8px !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
}

.hg-fry-batch-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 14px 0 0;
  gap: 8px;
}

.hg-fry-batch-facts > div {
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7faf8;
}

.hg-fry-batch-facts dt {
  margin: 0 0 2px;
  color: var(--hg-fry-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.hg-fry-batch-facts dd {
  margin: 0;
  color: var(--hg-fry-ink);
  font-size: 14px;
  font-weight: 800;
}

.hg-fry-media-links {
  display: grid;
  margin-top: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.hg-fry-media-links a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--hg-fry-border);
  border-radius: 12px;
  color: var(--hg-fry-green) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.hg-fry-media-links a:hover,
.hg-fry-media-links a:focus-visible {
  border-color: var(--hg-fry-coral);
  color: var(--hg-fry-coral) !important;
  outline: none;
}

.hg-fry-transparency__note {
  margin: 12px 0 0 !important;
  color: var(--hg-fry-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.hg-fry-delivered-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg, #fffaf1 0%, #f7fbf8 100%);
}

.hg-fry-delivered-card p:not(.hg-fry-kicker) {
  margin: 0 !important;
  color: var(--hg-fry-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.hg-fry-delivered-card__actions {
  display: grid;
  min-width: 190px;
  gap: 8px;
}

.hg-fry-delivered-card__actions .hg-fry-button {
  margin-top: 0;
}

.hg-fry-text-link {
  color: var(--hg-fry-green) !important;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  text-decoration: none !important;
}

.hg-fry-text-link:hover,
.hg-fry-text-link:focus-visible {
  color: var(--hg-fry-coral) !important;
  outline: none;
}

@media (max-width: 820px) {
  .hg-fry-program__grid {
    grid-template-columns: 1fr;
  }

  .hg-fry-size-card {
    min-height: 0;
  }

  .hg-fry-request-strip,
  .hg-fry-delivered-card {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .hg-fry-request-strip__links {
    justify-content: flex-start;
  }

  .hg-fry-delivered-card__actions {
    min-width: 0;
  }
}

@media (max-width: 520px) {
  .hg-fry-program {
    width: calc(100% - 20px);
    margin: 12px auto 24px;
    padding: 18px 14px;
    border-radius: 20px;
  }

  .hg-fry-format-guide__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .hg-fry-format-guide__heading span {
    text-align: left;
  }

  .hg-fry-batch-facts,
  .hg-fry-media-links {
    grid-template-columns: 1fr;
  }

  .hg-fry-delivered-card,
  .hg-fry-transparency {
    padding: 15px;
  }
}

/* ------------------------------------------------------------------
 * Visual remediation 2026-09-28 — fry archive only.
 *
 * `hg-shop-mobile` is the last important-declaration layer on this surface
 * (category-landing.css opens it before any layer block in this file), so the
 * pass is appended to that layer rather than `higuppy-category-shell`.
 * ------------------------------------------------------------------ */
@layer hg-shop-mobile {
  /* The archive ran three container widths at once — 1180 panels, a 1240 nav
   * and heading band, and the theme's 1280 alignwide product grid — so no two
   * sections shared an edge. One measure matches the theme's wide content. */
  body.hg-fry-pack-surface.higuppy-category-landing {
    --hg-fry-measure: min(1280px, 100%) !important;
    --hg-fry-page-width: 1280px !important;
  }

  /* The archive was set with Georgia metrics (weight 500, ~-0.04em tracking,
   * 0.98 leading) while the site type contract resolves headlines to Baloo 2.
   * Rounded display faces close up: restore the house headline settings. */
  body.hg-fry-pack-surface.higuppy-category-landing :is(h1, h2, h3) {
    font-family: var(--hg-shared-heading) !important;
    font-weight: 800 !important;
    letter-spacing: -0.012em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing :is(h2, h3) {
    line-height: 1.14 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 {
    max-width: 15ch !important;
    font-size: clamp(38px, 4.1vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.015em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program h2 {
    font-size: clamp(28px, 2.9vw, 40px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.012em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust h2,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq h2 {
    font-size: clamp(26px, 2.5vw, 34px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__eyebrow,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-kicker {
    font-family: var(--hg-shared-body) !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
  }
  /* Section kickers resolved to near-black and muted grey-green, so the same
   * label role looked like three different systems down one page. Terra keeps
   * the accent readable on cream (5.5:1) instead of the coral that fails it. */
  body.hg-fry-pack-surface.higuppy-category-landing :is(
    .hg-fry-kicker,
    .hg-category-kicker,
    .hg-category-section-heading
  ) {
    color: #b7472c !important;
    -webkit-text-fill-color: #b7472c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-section-heading {
    margin-bottom: 4px !important;
  }

  /* One measure down the page so panels stop shifting width section to section.
   * The category nav, the products band and the WooCommerce collection are
   * included so the shelf shares an edge with the panels above it. */
  body.hg-fry-pack-surface.higuppy-category-landing :is(
    .hg-category-hero,
    .hg-fry-program,
    .hg-category-nav,
    .hg-category-products-heading,
    .hg-category-trust,
    .hg-category-seo-copy,
    .hg-category-faq,
    .wp-block-woocommerce-product-collection
  ) {
    width: var(--hg-fry-measure) !important;
    max-width: var(--hg-fry-measure) !important;
    margin-inline: auto !important;
  }

  /* Hero: let the photograph carry the right column instead of floating in a
   * taller translucent frame. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
    align-items: stretch !important;
    gap: clamp(26px, 3.4vw, 44px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__content {
    display: flex !important;
    align-self: center !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media {
    display: flex !important;
    padding: 0 !important;
    border-radius: 22px !important;
    background: none !important;
    overflow: hidden !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual {
    flex: 1 !important;
    min-height: 300px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__media figcaption {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 26px 16px 11px !important;
    background: linear-gradient(180deg, transparent, rgba(12, 38, 29, 0.82)) !important;
    color: #f2f7f3 !important;
    -webkit-text-fill-color: #f2f7f3 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
  }

  /* Program head: the qualifier chips were centred against a two-line
   * headline, which read as an unrelated floating row. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
    align-items: start !important;
    max-width: none !important;
    gap: 18px 26px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > p:last-of-type {
    grid-column: 1 !important;
  }

  /* Featured offer: the price was pinned to the card foot with the copy at the
   * head, opening a waist of empty green through the middle of the card. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured {
    justify-content: start !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__price {
    margin-top: 18px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__links {
    margin-top: auto !important;
    padding-top: 22px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card {
    min-height: 0 !important;
  }

  /* Strain request strip: the last chip was being cut by the panel edge. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip {
    flex-wrap: wrap !important;
    min-width: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links {
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a {
    max-width: 100% !important;
    min-height: 40px !important;
  }

  /* Product card: one decisive action, a readable provenance line, and an
   * image that keeps the 4:3 framing the photographs were shot in. */
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product > .wp-block-group.pos-relative {
    aspect-ratio: 4 / 3 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .wc-block-components-product-image,
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product .wc-block-components-product-image img {
    height: 100% !important;
    object-fit: cover !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .nb-card-meta {
    gap: 8px !important;
    color: #53655c !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .nb-stock {
    padding-left: 8px !important;
    border-left: 1px solid var(--hg-fry-line) !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-block-product-buy-row {
    align-items: center !important;
    gap: 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product button.wc-block-components-product-button__button {
    min-height: 44px !important;
    border-radius: 10px !important;
    background: var(--hg-fry-coral) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product button.wc-block-components-product-button__button:is(:hover, :focus-visible) {
    background: var(--hg-fry-coral-hover) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  /* Eight saturated buttons competed in one screen, so Buy Now keeps the
   * green/white pairing but carries less type weight and padding than the
   * coral primary beside it. */
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product a.higuppy-shop-buy-now {
    min-height: 44px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--hg-fry-green) !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product a.higuppy-shop-buy-now:is(:hover, :focus-visible) {
    background: var(--hg-fry-green-hover, #1d4636) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  @media (hover: hover) {
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product:is(:hover, :focus-within) {
      transform: translateY(-3px) !important;
      box-shadow: 0 16px 34px rgba(23, 61, 48, 0.11) !important;
    }
  }

  /* Trust cards: the accent bar was absolutely positioned against the section,
   * so it hovered over the cards in the old archive orange, and a fixed
   * min-height left the lower third of every card empty. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article {
    position: relative !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article::before {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: auto !important;
    height: 3px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #c74b2f, #e08a5a) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article:hover {
    border-color: var(--hg-fry-line) !important;
    box-shadow: 0 12px 26px rgba(23, 61, 48, 0.08) !important;
    transform: translateY(-2px) !important;
  }
  /* Three filled policy buttons read as three more purchase actions. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article a {
    margin-top: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #a83d25 !important;
    -webkit-text-fill-color: #a83d25 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    min-height: 32px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article a:is(:hover, :focus-visible) {
    background: none !important;
    color: #173d30 !important;
    -webkit-text-fill-color: #173d30 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  /* Keep the fry grow-out heading on one line while preserving a readable size. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__lead > h2 {
    max-width: none !important;
    font-size: clamp(20px, 5.6vw, 32px) !important;
    line-height: 1.14 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links {
    align-self: start !important;
    margin-top: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    gap: 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links a {
    min-height: 44px !important;
    border: 1px solid var(--hg-fry-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links a:is(:hover, :focus-visible) {
    border-color: var(--hg-fry-green) !important;
    background: var(--hg-fry-green) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  /* Grow-out notes ran as a heading-only left column, leaving ~270px of blank
   * cream under it while the copy column carried the whole section. The kicker
   * is a <p>, so the shell layer's `> p:not(.hg-category-seo-copy__links)`
   * placement rule outranked the kicker rule on specificity and moved the label
   * into the right column, splitting it from the heading it belongs to. The
   * section now renders two real column wrappers when it carries an image, and
   * the copy column is centred against the taller image column so the leftover
   * space reads as margin rather than as a hole under the last paragraph. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
    grid-template-columns: minmax(300px, .86fr) minmax(0, 1.14fr) !important;
    column-gap: clamp(30px, 4.6vw, 62px) !important;
    align-items: start !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__lead > .hg-category-kicker {
    align-self: start !important;
    margin-bottom: 6px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media {
    margin: 20px 0 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
    border: 1px solid #e1e2da !important;
    border-radius: 14px !important;
    background: #efeade !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media figcaption {
    margin-top: 10px !important;
    color: #4f6259 !important;
    -webkit-text-fill-color: #4f6259 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    max-width: 46ch !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__body {
    align-self: center !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__body > p {
    margin: 0 0 16px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__body > p:last-child {
    margin-bottom: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links {
    display: flex !important;
    flex-wrap: wrap !important;
    width: auto !important;
    margin: 22px 0 0 !important;
    text-align: left !important;
  }

  /* Below the split the section stacks: label, heading, setup image, then the
   * copy. The image drops to 16:10 so the rack still reads at phone width. */
  @media (max-width: 900px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy {
      grid-template-columns: minmax(0, 1fr) !important;
      row-gap: 0 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media {
      margin-top: 14px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media img {
      aspect-ratio: 16 / 10 !important;
      border-radius: 12px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__media figcaption {
      font-size: 12px !important;
    }
  }

  /* FAQ: the toggle was a pale-blue chip with a blue glyph on deep green,
   * which is off-palette and below the contrast the control needs. */
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq {
    padding: clamp(26px, 3vw, 36px) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq summary {
    padding-block: 15px !important;
    padding-right: 54px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq summary::after {
    top: 50% !important;
    right: 16px !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq details[open] summary::after {
    border-color: #c74b2f !important;
    background: #c74b2f !important;
    color: #fff !important;
    transform: translateY(-50%) rotate(45deg) !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq details:is(:hover) summary {
    background: rgba(255, 255, 255, 0.05) !important;
  }

  /* Mobile card CTAs inherited a 40px block that also squeezed the label to
   * 11px, which is under the touch minimum for a purchase action. */
  @media (max-width: 600px) {
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product button.wc-block-components-product-button__button {
      min-height: 44px !important;
      font-size: 13px !important;
      font-weight: 700 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing li.wc-block-product a.higuppy-shop-buy-now {
      min-height: 44px !important;
      font-size: 12px !important;
      font-weight: 600 !important;
    }
  }

  @media (max-width: 900px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
      align-items: start !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__visual {
      min-height: 240px !important;
    }
  }

  /* The mobile hero centered a six-line paragraph under a two-line headline,
   * which read as a poster instead of a shelf. Left alignment gives the
   * headline, the copy and the photo one start edge. */
  @media (max-width: 600px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero {
      padding: 22px 18px 20px !important;
      gap: 20px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__content {
      align-items: flex-start !important;
      text-align: left !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero h1 {
      max-width: none !important;
      font-size: clamp(30px, 8.4vw, 38px) !important;
      line-height: 1.1 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__intro {
      font-size: 15px !important;
      line-height: 1.6 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions {
      width: 100% !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions .hg-category-button {
      width: 100% !important;
    }
  }
}

/* Fry Packs archive follow-up: compact offer rhythm and balanced request routes. */
@layer higuppy-category-shell {
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy {
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > :is(.hg-fry-size-card__flag,.hg-fry-size-card__count,.hg-fry-size-card__eyebrow,h3,.hg-fry-size-card__price),
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > .hg-fry-button {
    margin: 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__price {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__price :is(.amount,bdi,.woocommerce-Price-currencySymbol) {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 8px 12px !important;
    padding: 18px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder > .hg-fry-size-card__count {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid #cbd7ca !important;
    border-radius: 50% !important;
    background: #e8eee7 !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder > .hg-fry-size-card__eyebrow { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder > h3 { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin: 4px 0 0 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder > .hg-fry-button {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
    gap: 16px !important;
    padding: 18px !important;
    border: 1px solid #d5ded4 !important;
    border-radius: 16px !important;
    background: #e8eee7 !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip .hg-fry-kicker { margin: 0 0 4px !important; color: #a83d25 !important; -webkit-text-fill-color: #a83d25 !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip strong { color: #214f3d !important; -webkit-text-fill-color: #214f3d !important; }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    border: 1px solid #cbd7ca !important;
    border-radius: 10px !important;
    background: #fffdf8 !important;
    color: #214f3d !important;
    -webkit-text-fill-color: #214f3d !important;
    text-align: center !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a:is(:hover,:focus-visible) {
    border-color: #214f3d !important;
    background: #214f3d !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a:focus-visible,
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-button:focus-visible { outline: 3px solid #c74b2f !important; outline-offset: 3px !important; }
  @media (max-width: 700px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured { min-height: 0 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__media,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__image { min-height: 0 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy {
      display: grid !important;
      grid-template-columns: max-content minmax(0, 1fr) !important;
      align-content: start !important;
      gap: 12px !important;
      padding: 18px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__count {
      display: inline-flex !important;
      grid-column: 1 !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 34px !important;
      padding: 6px 11px !important;
      border-radius: 999px !important;
      background: #c74b2f !important;
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
      font-size: 16px !important;
      line-height: 1 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__eyebrow {
      display: flex !important;
      grid-column: 2 !important;
      align-items: center !important;
      min-height: 34px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > :is(.hg-fry-size-card__flag,h3,.hg-fry-size-card__price,.hg-fry-button),
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) { grid-column: 1 / -1 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > h3 { font-size: clamp(24px, 7vw, 30px) !important; line-height: 1.12 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-button { width: 100% !important; min-height: 44px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--starter > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) { margin-bottom: 12px !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--starter > .hg-fry-size-card__links { margin-top: 0 !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip { grid-template-columns: 1fr !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links { grid-template-columns: 1fr !important; }
  }
}

@layer hg-shop-mobile {
  body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > .hg-fry-size-card__price {
    margin-top: 0 !important;
  }
}

@layer hg-shop-mobile {
  @media (max-width: 700px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__content {
      align-items: center !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero :is(h1,.hg-category-hero__eyebrow,.hg-category-hero__intro) {
      margin-inline: auto !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      gap: 10px !important;
      width: 100% !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions .hg-category-button {
      width: auto !important;
      min-width: 220px !important;
      max-width: 100% !important;
      text-align: center !important;
    }

    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head {
      justify-items: center !important;
      text-align: center !important;
      row-gap: 10px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__head > :is(.hg-fry-kicker,h2,p:last-of-type) {
      grid-column: 1 !important;
      justify-self: center !important;
      margin-inline: auto !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-program__signals {
      justify-content: center !important;
    }

    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card__feature-copy {
      grid-template-columns: minmax(0,1fr) max-content max-content minmax(0,1fr) !important;
      justify-items: stretch !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__count {
      grid-column: 2 !important;
      justify-self: end !important;
      width: fit-content !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__eyebrow {
      grid-column: 3 !important;
      justify-self: start !important;
      width: fit-content !important;
      text-align: left !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > :is(.hg-fry-size-card__flag,h3,.hg-fry-size-card__price,.hg-fry-button),
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
      grid-column: 1 / -1 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__feature-copy > h3,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-size-card__price,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-button {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--featured .hg-fry-button {
      justify-content: center !important;
    }

    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) {
      grid-template-columns: minmax(0,1fr) !important;
      gap: 8px !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > * {
      grid-column: 1 !important;
      grid-row: auto !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > .hg-fry-size-card__count {
      display: grid !important;
      justify-self: center !important;
      width: 54px !important;
      height: 54px !important;
      margin: 0 !important;
      padding: 0 !important;
      place-items: center !important;
      border: 1px solid #cbd7ca !important;
      border-radius: 50% !important;
      background: #e8eee7 !important;
      color: #214f3d !important;
      -webkit-text-fill-color: #214f3d !important;
      font-size: 26px !important;
      line-height: 1 !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > :is(.hg-fry-size-card__eyebrow,h3) {
      justify-self: center !important;
      margin: 0 !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-fry-size-card--starter,.hg-fry-size-card--breeder) > p:not(.hg-fry-size-card__eyebrow):not(.hg-fry-size-card__price) {
      margin: 4px 0 0 !important;
      text-align: left !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--starter .hg-fry-size-card__links {
      justify-content: center !important;
      margin-top: 4px !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-size-card--breeder .hg-fry-button {
      width: 100% !important;
      justify-content: center !important;
      margin-top: 4px !important;
      text-align: center !important;
    }

    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip > div {
      justify-items: center !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-fry-request-strip__links a {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__lead,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__lead > :is(.hg-category-kicker,h2),
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__lead > h2 { margin-inline: auto !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__links { justify-content: center !important; }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-seo-copy__body { text-align: left !important; }

    body.hg-fry-pack-surface.higuppy-category-landing :is(.hg-category-trust .hg-category-section-heading,.hg-category-trust h2,.hg-category-trust h3,.hg-category-faq > h2,.hg-category-products-heading h2) {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-trust article a {
      display: flex !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin-inline: auto !important;
      justify-content: center !important;
      align-self: center !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq > .hg-category-kicker,
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq > .hg-fry-kicker {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-products-heading {
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-faq :is(details,summary,p) {
      text-align: left !important;
    }
  }
}

@layer hg-shop-mobile {
  @media (max-width: 900px) {
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__content {
      align-items: center !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__breadcrumb {
      display: flex !important;
      align-self: center !important;
      justify-content: center !important;
      margin-inline: auto !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero :is(h1,.hg-category-hero__eyebrow,.hg-category-hero__intro) {
      margin-inline: auto !important;
      text-align: center !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions {
      display: grid !important;
      grid-template-columns: minmax(0,1fr) !important;
      justify-content: center !important;
      width: 100% !important;
    }
    body.hg-fry-pack-surface.higuppy-category-landing .hg-category-hero__actions .hg-category-button {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      justify-content: center !important;
      text-align: center !important;
    }
  }
}