/**
 * Approved final UI refinements: eight-tab desktop bar, nested Tableware
 * authority, unified desktop dropdowns, clean category-card interiors, and
 * mobile color-card rounding.
 */

@media (min-width: 768px) {
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar {
    box-sizing: border-box !important;
    inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    margin-inline: calc(50% - 50vw) !important;
    background: #000 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    inline-size: min(100%, 1440px) !important;
    max-inline-size: 1440px !important;
    margin-inline: auto !important;
    padding-inline: clamp(6px, 1.5vw, 24px) !important;
    background: #000 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li.pcnyc-final-nav-root {
    flex: 0 1 auto !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li.pcnyc-final-nav-root > a.mega-menu-link {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-block-size: 56px !important;
    padding-inline: clamp(7px, 1.2vw, 18px) !important;
    color: #fff !important;
    font: 800 clamp(12.5px, 1.18vw, 16px)/1.15 Poppins, Nunito, ui-rounded, system-ui, sans-serif !important;
    letter-spacing: 0.005em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar li.pcnyc-final-nav-tableware ul.mega-sub-menu {
    box-sizing: border-box !important;
    color: #171425 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar li.pcnyc-final-nav-tableware ul.mega-sub-menu a.mega-menu-link {
    min-block-size: 38px !important;
    color: #171425 !important;
    font: 650 clamp(15px, 1.2vw, 16px)/1.3 Poppins, Nunito, ui-rounded, system-ui, sans-serif !important;
    white-space: normal !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar li.pcnyc-final-nav-tableware li.pcnyc-final-nav-heading > a.mega-menu-link {
    color: #0b0910 !important;
    font-size: clamp(17px, 1.35vw, 18px) !important;
    font-weight: 800 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar li.pcnyc-final-nav-solid > ul.mega-sub-menu {
    min-inline-size: 210px !important;
  }

  /* One calm surface for each desktop dropdown instead of stacked white boxes. */
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li > ul.mega-sub-menu {
    box-sizing: border-box !important;
    padding: 8px !important;
    border: 1px solid #dfd9e5 !important;
    border-radius: 0 0 14px 14px !important;
    background: linear-gradient(145deg, #fff 0%, #faf8fc 100%) !important;
    color: #111 !important;
    box-shadow: 0 14px 34px rgba(18, 14, 24, 0.14) !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu {
    box-sizing: border-box !important;
    padding: 8px !important;
    border: 1px solid #ddd5e4 !important;
    border-inline-start: 3px solid #74269b !important;
    border-radius: 0 12px 12px 0 !important;
    background: #f6f2f9 !important;
    box-shadow: 10px 14px 28px rgba(24, 14, 31, 0.12) !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu li.mega-menu-item {
    background: transparent !important;
    color: #111 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu a.mega-menu-link {
    box-sizing: border-box !important;
    min-block-size: 40px !important;
    padding-block: 9px !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #111 !important;
    font-family: Poppins, Nunito, ui-rounded, system-ui, sans-serif !important;
    font-size: clamp(14px, 1.08vw, 16px) !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-align: start !important;
    text-shadow: none !important;
    white-space: normal !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu a.mega-menu-link:hover,
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu a.mega-menu-link:focus-visible,
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu li.mega-current-menu-item > a.mega-menu-link {
    background: #ece6f1 !important;
    color: #000 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link {
    font-weight: 800 !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar ul.mega-sub-menu :where(.mega-indicator, .mega-menu-description, .mega-block-title) {
    color: #111 !important;
    text-shadow: none !important;
  }
}

/* Desktop only: stronger tabs and the existing account/cart controls on-bar. */
@media (min-width: 1025px) {
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar {
    column-gap: clamp(1px, 0.28vw, 5px) !important;
    padding-inline-start: clamp(6px, 1vw, 16px) !important;
    padding-inline-end: clamp(104px, 9vw, 150px) !important;
  }

  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar #mega-menu-bar > li.pcnyc-final-nav-root > a.mega-menu-link {
    padding-inline: clamp(8px, 1.22vw, 19px) !important;
    font: 850 clamp(13px, 1.18vw, 17px)/1.15 Poppins, Nunito, ui-rounded, system-ui, sans-serif !important;
    letter-spacing: 0.012em !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo {
    position: absolute !important;
    inset-block-start: calc(100% + 11px) !important;
    inset-inline-start: auto !important;
    z-index: 100002 !important;
    block-size: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi {
    inset-inline-end: clamp(60px, 5.4vw, 86px) !important;
    inline-size: 44px !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo {
    inset-inline-end: clamp(10px, 1.1vw, 18px) !important;
    inline-size: 52px !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi .fl-module-content,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo .fl-module-content,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo .wpmenucart-shortcode,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo .reload_shortcode {
    display: grid !important;
    place-items: center !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi a,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo a.wpmenucart-contents {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    inline-size: 100% !important;
    block-size: 56px !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi :where(i, svg),
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo :where(i, svg) {
    color: #fff !important;
    fill: currentColor !important;
    font-size: 20px !important;
  }

  /* Beaver's account icon color can be set on a nested span/pseudo-element. */
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi a *,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi a::before,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi a *::before {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }

  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-xctdyq01knmi a:focus-visible,
  body.pcnyc-ui-update-v1 header.fl-builder-content-19 .fl-node-wvm1rt3shuxo a.wpmenucart-contents:focus-visible {
    border-radius: 8px !important;
    outline: 3px solid #fff !important;
    outline-offset: -5px !important;
  }
}

/* Shop-by-Color gradient order at every breakpoint. */
body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
  .pcnyc-grid.pcnyc-grid--four
  > [data-pcnyc-component="color-card"] {
  order: var(--pcnyc-gradient-order, 99) !important;
}

body.page-id-53004 .pcnyc-color-card-v23--color-ruby-red { --pcnyc-gradient-order: 1; }
body.page-id-53004 .pcnyc-color-card-v23--color-burgundy { --pcnyc-gradient-order: 2; }
body.page-id-53004 .pcnyc-color-card-v23--color-hot-pink { --pcnyc-gradient-order: 3; }
body.page-id-53004 .pcnyc-color-card-v23--color-lovely-pink { --pcnyc-gradient-order: 4; }
body.page-id-53004 .pcnyc-color-card-v23--color-neon-purple { --pcnyc-gradient-order: 5; }
body.page-id-53004 .pcnyc-color-card-v23--color-lavender { --pcnyc-gradient-order: 6; }
body.page-id-53004 .pcnyc-color-card-v23--color-royal-blue { --pcnyc-gradient-order: 7; }
body.page-id-53004 .pcnyc-color-card-v23--color-true-navy-blue { --pcnyc-gradient-order: 8; }
body.page-id-53004 .pcnyc-color-card-v23--color-powder-blue { --pcnyc-gradient-order: 9; }
body.page-id-53004 .pcnyc-color-card-v23--color-terrific-teal { --pcnyc-gradient-order: 10; }
body.page-id-53004 .pcnyc-color-card-v23--color-emerald-green { --pcnyc-gradient-order: 11; }
body.page-id-53004 .pcnyc-color-card-v23--color-neon-green { --pcnyc-gradient-order: 12; }
body.page-id-53004 .pcnyc-color-card-v23--color-neon-yellow { --pcnyc-gradient-order: 13; }
body.page-id-53004 .pcnyc-color-card-v23--color-sunshine-yellow { --pcnyc-gradient-order: 14; }
body.page-id-53004 .pcnyc-color-card-v23--color-pumpkin-orange { --pcnyc-gradient-order: 15; }
body.page-id-53004 .pcnyc-color-card-v23--color-gold { --pcnyc-gradient-order: 16; }
body.page-id-53004 .pcnyc-color-card-v23--color-vanilla-cream { --pcnyc-gradient-order: 17; }
body.page-id-53004 .pcnyc-color-card-v23--color-bright-white { --pcnyc-gradient-order: 18; }
body.page-id-53004 .pcnyc-color-card-v23--color-silver { --pcnyc-gradient-order: 19; }
body.page-id-53004 .pcnyc-color-card-v23--color-midnight-black { --pcnyc-gradient-order: 20; }
body.page-id-53004 .pcnyc-color-card-v23--color-clear { --pcnyc-gradient-order: 21; }
body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
  .pcnyc-grid.pcnyc-grid--four
  > .pcnyc-planned {
  order: 21 !important;
}
/* End Shop-by-Color gradient order. */

/*
 * Desktop-only Shop-by-Color gallery. One card intentionally occupies the
 * former four-column by two-row footprint. Tablet and mobile keep their
 * existing grid and card dimensions.
 */
@media (min-width: 1025px) {
  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-stw
    > .pcnyc-shell
    > .pcnyc-grid.pcnyc-grid--four {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(40px, 4vw, 60px) !important;
    align-items: stretch !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"] {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > .pcnyc-planned {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > .pcnyc-planned
    > .pcnyc-card-media {
    inline-size: 100% !important;
    block-size: clamp(430px, 44vw, 560px) !important;
    aspect-ratio: auto !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    > [data-pcnyc-window] {
    display: grid !important;
    grid-template-rows: clamp(430px, 44vw, 560px) auto !important;
    min-block-size: clamp(535px, 52vw, 665px) !important;
    overflow: hidden !important;
    border-radius: var(--pcnyc-card-radius) !important;
    background: #fff !important;
    background-clip: padding-box !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-image-frame] {
    display: grid !important;
    place-items: center !important;
    inline-size: 100% !important;
    block-size: clamp(430px, 44vw, 560px) !important;
    aspect-ratio: auto !important;
    background:
      radial-gradient(circle at 50% 48%, rgba(var(--pcnyc-accent-rgb), 0.12), transparent 68%),
      #fff !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-image-frame]
    > img {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    block-size: 100% !important;
    padding: clamp(12px, 2vw, 24px) !important;
    object-fit: contain !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-card-content] {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "count action"
      "title action" !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 5px clamp(24px, 4vw, 56px) !important;
    min-block-size: 105px !important;
    padding: clamp(22px, 2.8vw, 34px) clamp(24px, 4vw, 52px) !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-title] {
    font-size: clamp(2rem, 3.4vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-count] {
    font-size: clamp(0.82rem, 1.2vw, 1rem) !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--color_cards
    .pcnyc-grid.pcnyc-grid--four
    > [data-pcnyc-component="color-card"]
    [data-pcnyc-action="open-color"] {
    inline-size: auto !important;
    min-inline-size: clamp(180px, 18vw, 240px) !important;
    padding: clamp(0.75rem, 1.4vw, 1rem) clamp(1.2rem, 2.4vw, 2rem) !important;
    font-size: clamp(0.92rem, 1.25vw, 1.05rem) !important;
    text-align: center !important;
  }

}
/* End desktop-only Shop-by-Color gallery. */

@media (max-width: 767px) {
  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-root > a,
  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-root > .uabb-has-submenu-container > a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-root > a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-root > .uabb-has-submenu-container > a {
    box-sizing: border-box !important;
    min-block-size: 48px !important;
    padding-block: 12px !important;
    color: #15121d !important;
    font: 750 17px/1.3 Poppins, Nunito, ui-rounded, system-ui, sans-serif !important;
  }

  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-tableware a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-tableware a {
    color: #15121d !important;
  }

  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > a,
  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > .uabb-has-submenu-container > a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > .uabb-has-submenu-container > a {
    min-block-size: 48px !important;
    padding-inline-start: 24px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
  }

  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > ul.sub-menu > li > a,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-solid > ul.sub-menu > li > a {
    min-block-size: 46px !important;
    padding-inline-start: 40px !important;
    color: #15121d !important;
    font-size: 15.5px !important;
    font-weight: 650 !important;
  }

  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-tableware .uabb-menu-toggle,
  body.pcnyc-ui-update-v1 .uabb-creative-menu ul[id^="menu-mobile-category-menu"] li.pcnyc-final-nav-tableware .uabb-menu-toggle {
    color: #15121d !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-v23-feature--color_cards
    [data-pcnyc-component="color-card"]
    > [data-pcnyc-window] {
    overflow: hidden !important;
    border-radius: var(--pcnyc-card-radius) !important;
    background-clip: padding-box !important;
  }

  body.page-id-53004.pcnyc-ui-update-v1.pcnyc-v23-feature--color_cards
    [data-pcnyc-component="color-card"]
    [data-pcnyc-card-content] {
    overflow: hidden !important;
    border-radius: 0 0 var(--pcnyc-card-radius) var(--pcnyc-card-radius) !important;
    background-clip: padding-box !important;
  }
}

body.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  [data-pcnyc-solid-subcategory-card="canonical"]
  :where(
    [data-pcnyc-solid-subcategory-media="intrinsic"],
    [data-pcnyc-solid-subcategory-body="canonical"],
    .pcnyc-card-media,
    .pcnyc-card-body,
    picture,
    figure,
    img
  ) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  [data-pcnyc-solid-subcategory-card="canonical"]
  :where(
    [data-pcnyc-solid-subcategory-media="intrinsic"],
    [data-pcnyc-solid-subcategory-body="canonical"],
    .pcnyc-card-media,
    .pcnyc-card-body,
    picture,
    figure,
    img
  )::before,
body.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  [data-pcnyc-solid-subcategory-card="canonical"]
  :where(
    [data-pcnyc-solid-subcategory-media="intrinsic"],
    [data-pcnyc-solid-subcategory-body="canonical"],
    .pcnyc-card-media,
    .pcnyc-card-body,
    picture,
    figure,
    img
  )::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  content: none !important;
}

body.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  [data-pcnyc-solid-subcategory-card="canonical"]
  > :where([data-pcnyc-solid-subcategory-media="intrinsic"], [data-pcnyc-solid-subcategory-body="canonical"]) {
  margin: 0 !important;
  border-radius: 0 !important;
}

/*
 * Page 53006 is stored as a static card grid. Its public cache can predate the
 * reversible semantic markers above, so the exact page/class tuple also owns
 * a narrow presentation-only fallback. The outer anchor remains the sole
 * frame; only inherited media/body seams and their pseudo-elements are reset.
 */
body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card {
  --pcnyc-solid-category-glow-rgb: 94, 180, 190;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0;
  box-shadow:
    0 16px 34px rgba(var(--pcnyc-solid-category-glow-rgb), 0.2),
    0 0 28px rgba(var(--pcnyc-solid-category-glow-rgb), 0.2) !important;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card:nth-child(3n + 1) {
  --pcnyc-solid-category-glow-rgb: 224, 164, 71;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card:nth-child(3n + 2) {
  --pcnyc-solid-category-glow-rgb: 176, 91, 218;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card:hover {
  box-shadow:
    0 20px 40px rgba(var(--pcnyc-solid-category-glow-rgb), 0.28),
    0 0 34px rgba(var(--pcnyc-solid-category-glow-rgb), 0.26) !important;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card:focus-visible {
  outline: 3px solid rgba(var(--pcnyc-solid-category-glow-rgb), 0.55) !important;
  outline-offset: 4px;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card
  > :where(.pcnyc-card-media, .pcnyc-card-body),
body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card
  > .pcnyc-card-media
  :where(picture, figure, img) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card
  > :where(.pcnyc-card-media, .pcnyc-card-body)::before,
body.page-id-53006.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--solid_category_hub
  .pcnyc-grid
  > a.pcnyc-card.pcnyc-category-card
  > :where(.pcnyc-card-media, .pcnyc-card-body)::after {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  content: none !important;
}

/*
 * Keep every verified Beaver product image in the same square presentation
 * window. Source files remain uncropped and centered; only layout is unified.
 */
body.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions
  [data-pcnyc-beaver-product-grid="canonical-post-grid"]
  [data-pcnyc-product-window="canonical-beaver-product"]
  > .fl-post-grid-image
  > a
  > img[data-pcnyc-product-media="verified-responsive-source"][data-pcnyc-no-upscale="true"] {
  inline-size: min(100%, var(--pcnyc-product-source-width)) !important;
  width: auto !important;
  block-size: auto !important;
  height: auto !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  --pcnyc-catalog-card-shape: 1;
  aspect-ratio: var(--pcnyc-catalog-card-shape) !important;
  object-fit: contain !important;
  object-position: center !important;
}

/*
 * Two retained legacy canvases carry substantially more white safe area than
 * the approved transparent balloon files. Crop that safe area at presentation
 * time only; the attachment bytes, product records, links, and zoom source stay
 * unchanged.
 */
body.pcnyc-ui-update-v1.pcnyc-v23-feature--halloween_responsive
  [data-pcnyc-component="latex-product-carousel"]
  :is([data-pcnyc-latex-product="46559"], [data-pcnyc-latex-product="46547"])
  [data-pcnyc-latex-image-frame]
  > img {
  transform: scale(1.52) !important;
  transform-origin: 50% 42% !important;
}

body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions
  :is(.product.post-46559, .product.post-46547)
  :is(.fl-post-grid-image, [data-pcnyc-product-window-clip="true"]) {
  overflow: hidden !important;
}

body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions
  :is(.product.post-46559, .product.post-46547)
  img[data-pcnyc-product-media="verified-responsive-source"] {
  transform: scale(1.52) !important;
  transform-origin: 50% 42% !important;
}

body.single-product.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--single_product_media:is(.postid-46559, .postid-46547)
  .woocommerce-product-gallery.pcnyc-single-product-media-window,
body.single-product.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--single_product_media:is(.postid-46559, .postid-46547)
  .woocommerce-product-gallery__image
  > a {
  overflow: hidden !important;
}

body.single-product.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--single_product_media:is(.postid-46559, .postid-46547)
  .woocommerce-product-gallery__image
  > a
  > img:not(.zoomImg) {
  transform: scale(1.44) !important;
  transform-origin: 50% 42% !important;
}

/*
 * Keep archive controls close to the title/description on desktop. The exact
 * adjacent Beaver row remains the owner of search, ordering, and the product
 * loop; only its inherited top padding and the search-module margin change.
 */
@media (min-width: 768px) {
  body.tax-product_cat.pcnyc-ui-update-v1
    .prod-arch-main
    + .fl-row
    > .fl-row-content-wrap {
    padding-block: 24px 25px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1
    .prod-arch-main
    + .fl-row
    .fl-module-uabb-search
    .fl-module-content {
    margin: 0 20px 16px !important;
  }
}

@media (max-width: 767px) {
  /* Approved balloon heroes keep their image but no longer create a search gap. */
  body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-v23-feature--balloon_category_hero:has([data-pcnyc-component="balloon-category-hero"])
    .prod-arch-main
    > .fl-row-content-wrap {
    padding-block: 10px 8px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-v23-feature--balloon_category_hero:has([data-pcnyc-component="balloon-category-hero"])
    .prod-arch-main
    .fl-module-fl-woo-breadcrumb
    .fl-module-content {
    margin: 0 14px 6px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-v23-feature--balloon_category_hero:has([data-pcnyc-component="balloon-category-hero"])
    .prod-arch-main
    .fl-module-pp-heading
    .fl-module-content {
    margin: 6px 14px 8px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-v23-feature--balloon_category_hero:has([data-pcnyc-component="balloon-category-hero"])
    .prod-arch-main
    + .fl-row
    > .fl-row-content-wrap {
    padding-block: 12px 22px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-v23-feature--balloon_category_hero:has([data-pcnyc-component="balloon-category-hero"])
    .prod-arch-main
    + .fl-row
    .fl-module-uabb-search
    .fl-module-content {
    margin: 0 12px 12px !important;
  }

  /* Compact generated archive headers only when no approved hero is present. */
  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    > .fl-row-content-wrap {
    padding-block: 10px 8px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    .fl-module-fl-woo-breadcrumb
    .fl-module-content {
    margin: 0 14px 8px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    .fl-module-pp-heading
    .fl-module-content {
    margin: 8px 16px 12px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    .heading-title {
    font-size: clamp(25px, 7vw, 30px) !important;
    line-height: 1.14 !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    .pp-sub-heading {
    margin-block-start: 7px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    + .fl-row
    > .fl-row-content-wrap {
    padding-block: 18px 24px !important;
  }

  body.tax-product_cat.pcnyc-ui-update-v1:not(:has([data-pcnyc-component="balloon-category-hero"]))
    .prod-arch-main
    + .fl-row
    .fl-module-uabb-search
    .fl-module-content {
    margin: 0 14px 14px !important;
  }

  body.search.pcnyc-ui-update-v1 .post-arch-main > .fl-row-content-wrap {
    padding: 24px 16px 30px !important;
  }

  body.search.pcnyc-ui-update-v1 .post-arch-main .fl-module-content {
    margin-block: 8px 12px !important;
  }

  body.search.pcnyc-ui-update-v1 .post-arch-main :where(h1, .heading-title) {
    font-size: clamp(26px, 7.2vw, 32px) !important;
    line-height: 1.15 !important;
  }
}

/*
 * Task 5: keep every Latex archive image proportional and fully visible in
 * the same 4:5 media window used by the approved homepage carousel. This is
 * deliberately limited to the audited Latex taxonomy family; homepage and
 * single-product presentation remain owned by their existing contracts.
 */
body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions:is(
  .term-latex-balloons,
  .term-latex-all,
  .term-latex-solid-color,
  .term-latex-pearl,
  .term-latex-chrome,
  .term-latex-design,
  .term-latex-character,
  .term-latex-seasonal,
  .term-latex-special-occasions,
  .term-latex-baby-shower,
  .term-latex-wedding,
  .term-latex-bridal-shower,
  .term-latex-retirement,
  .term-latex-sweet-16,
  .term-latex-get-well,
  .term-latex-welcome,
  .term-latex-congrats
)
  [data-pcnyc-beaver-product-grid="canonical-post-grid"]
  [data-pcnyc-product-window="canonical-beaver-product"]
  > .fl-post-grid-image {
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
}

body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions:is(
  .term-latex-balloons,
  .term-latex-all,
  .term-latex-solid-color,
  .term-latex-pearl,
  .term-latex-chrome,
  .term-latex-design,
  .term-latex-character,
  .term-latex-seasonal,
  .term-latex-special-occasions,
  .term-latex-baby-shower,
  .term-latex-wedding,
  .term-latex-bridal-shower,
  .term-latex-retirement,
  .term-latex-sweet-16,
  .term-latex-get-well,
  .term-latex-welcome,
  .term-latex-congrats
)
  [data-pcnyc-beaver-product-grid="canonical-post-grid"]
  [data-pcnyc-product-window="canonical-beaver-product"]
  > .fl-post-grid-image
  > a {
  block-size: 100% !important;
  min-block-size: 0 !important;
}

body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions:is(
  .term-latex-balloons,
  .term-latex-all,
  .term-latex-solid-color,
  .term-latex-pearl,
  .term-latex-chrome,
  .term-latex-design,
  .term-latex-character,
  .term-latex-seasonal,
  .term-latex-special-occasions,
  .term-latex-baby-shower,
  .term-latex-wedding,
  .term-latex-bridal-shower,
  .term-latex-retirement,
  .term-latex-sweet-16,
  .term-latex-get-well,
  .term-latex-welcome,
  .term-latex-congrats
)
  [data-pcnyc-beaver-product-grid="canonical-post-grid"]
  [data-pcnyc-product-window="canonical-beaver-product"]
  > .fl-post-grid-image
  > a
  > img[data-pcnyc-product-media="verified-responsive-source"][data-pcnyc-no-upscale="true"] {
  inline-size: min(100%, var(--pcnyc-product-source-width)) !important;
  width: min(100%, var(--pcnyc-product-source-width)) !important;
  block-size: auto !important;
  height: auto !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  max-block-size: min(100%, var(--pcnyc-product-source-height)) !important;
  max-height: min(100%, var(--pcnyc-product-source-height)) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
}

/*
 * Native WooCommerce is the fail-closed archive fallback. The two legacy
 * safe-area images must remain fully visible there as well; all other native
 * product-window geometry stays under the existing canonical owner.
 */
body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions:is(
  .term-latex-balloons,
  .term-latex-all,
  .term-latex-solid-color,
  .term-latex-pearl,
  .term-latex-chrome,
  .term-latex-design,
  .term-latex-character,
  .term-latex-seasonal,
  .term-latex-special-occasions,
  .term-latex-baby-shower,
  .term-latex-wedding,
  .term-latex-bridal-shower,
  .term-latex-retirement,
  .term-latex-sweet-16,
  .term-latex-get-well,
  .term-latex-welcome,
  .term-latex-congrats
)
  ul.products[data-pcnyc-product-window-list="true"]
  > li.product.pcnyc-product-window-item:is(.post-46559, .post-46547)
  [data-pcnyc-product-window="canonical-native-product"]
  [data-pcnyc-product-window-clip="true"] {
  overflow: visible !important;
}

body.tax-product_cat.pcnyc-ui-update-v1.pcnyc-rollout-v23.pcnyc-v23-feature--actual_product_actions:is(
  .term-latex-balloons,
  .term-latex-all,
  .term-latex-solid-color,
  .term-latex-pearl,
  .term-latex-chrome,
  .term-latex-design,
  .term-latex-character,
  .term-latex-seasonal,
  .term-latex-special-occasions,
  .term-latex-baby-shower,
  .term-latex-wedding,
  .term-latex-bridal-shower,
  .term-latex-retirement,
  .term-latex-sweet-16,
  .term-latex-get-well,
  .term-latex-welcome,
  .term-latex-congrats
)
  ul.products[data-pcnyc-product-window-list="true"]
  > li.product.pcnyc-product-window-item:is(.post-46559, .post-46547)
  [data-pcnyc-product-window="canonical-native-product"]
  img[data-pcnyc-product-media="verified-responsive-source"] {
  inline-size: min(100%, var(--pcnyc-product-source-width)) !important;
  block-size: auto !important;
  max-inline-size: 100% !important;
  max-block-size: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
}

/*
 * Latex navigation is one unobstructed category window per row at every
 * mobile width. Parent-term scoping excludes Mylar and unrelated navigation.
 */
@media (max-width: 767px) {
  body.pcnyc-ui-update-v1
    [data-pcnyc-component="balloon-category-navigation"]:is(
      [data-pcnyc-parent-term-id="850"],
      [data-pcnyc-parent-term-id="853"],
      [data-pcnyc-parent-term-id="860"]
    )
    .pcnyc-balloon-category-navigation__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.pcnyc-ui-update-v1
    [data-pcnyc-component="balloon-category-navigation"]:is(
      [data-pcnyc-parent-term-id="850"],
      [data-pcnyc-parent-term-id="853"],
      [data-pcnyc-parent-term-id="860"]
    )
    .pcnyc-balloon-category-navigation__media {
    aspect-ratio: 4 / 3 !important;
  }

  body.pcnyc-ui-update-v1
    [data-pcnyc-component="balloon-category-navigation"]:is(
      [data-pcnyc-parent-term-id="850"],
      [data-pcnyc-parent-term-id="853"],
      [data-pcnyc-parent-term-id="860"]
    )
    .pcnyc-balloon-category-navigation__media
    > img {
    inline-size: 100% !important;
    width: 100% !important;
    block-size: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
}

/*
 * Reservation page 50037 keeps its existing internal scroll/load-more owner.
 * Only the Latex family grid count and non-cropping image contract change.
 */
body.page-id-50037.pcnyc-reservation-page
  .pcnyc-reservation-builder
  [data-catalog-family="latex"]
  .pcnyc-reservation-builder__product-card {
  border-width: 1px !important;
}

body.page-id-50037.pcnyc-reservation-page
  .pcnyc-reservation-builder
  [data-catalog-family="latex"]
  .pcnyc-reservation-builder__product-media
  > img {
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
}

@media (min-width: 768px) {
  body.page-id-50037.pcnyc-reservation-page
    .pcnyc-reservation-builder
    [data-catalog-family="latex"]
    [data-catalog-grid] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.page-id-50037.pcnyc-reservation-page
    .pcnyc-reservation-builder
    [data-catalog-family="latex"]
    [data-catalog-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/*
 * Task 6 mirrors the approved Latex reservation presentation for Mylar only.
 * The existing Mylar catalog owner, exact WooCommerce copy, and independent
 * internal scroll/load-more behavior remain unchanged.
 */
body.page-id-50037.pcnyc-reservation-page
  .pcnyc-reservation-builder
  [data-catalog-family="mylar"]
  .pcnyc-reservation-builder__product-card {
  border-width: 1px !important;
}

body.page-id-50037.pcnyc-reservation-page
  .pcnyc-reservation-builder
  [data-catalog-family="mylar"]
  .pcnyc-reservation-builder__product-media
  > img {
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
}

@media (min-width: 768px) {
  body.page-id-50037.pcnyc-reservation-page
    .pcnyc-reservation-builder
    [data-catalog-family="mylar"]
    [data-catalog-grid] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.page-id-50037.pcnyc-reservation-page
    .pcnyc-reservation-builder
    [data-catalog-family="mylar"]
    [data-catalog-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pcnyc-ui-update-v1 #mega-menu-wrap-bar *,
  body.pcnyc-ui-update-v1 .uabb-off-canvas-menu * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}