/* Public branch/shop polish only. The showroom does not load this stylesheet. */
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .deliverables {
  padding-inline: 0;
  list-style: none;
}

/* No font-rendered arrow: iOS can render it as a blue emoji over the first letter. */
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .deliverables li {
  padding-inline: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .deliverables li::before {
  content: none !important;
  display: none !important;
}

/* Keep the product availability dot as CSS geometry rather than a font symbol. */
body.product-shop .product-availability::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent, #efa9d0);
  margin-right: 8px;
  vertical-align: .1em;
}

/* The templates already provide their own disclosure indicator. */
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) details > summary {
  list-style: none;
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) details > summary::-webkit-details-marker {
  display: none;
}
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) details > summary::marker {
  content: "";
}

body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com) :is(.package-card,.package-card-copy,.case-card,.case-card-copy,.package-card-links) {
  min-width: 0;
}
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com) .package-card-links {
  flex-wrap: wrap;
}
body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com) .package-card-links :is(.button,.text-link) {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .filter-pills button {
    min-height: 44px;
    max-width: 100%;
    padding: 10px 14px;
    font-size: 11px;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) details > summary {
    min-height: 44px;
  }
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) :is(a,button,input,textarea,select,summary) {
    scroll-margin-bottom: calc(90px + env(safe-area-inset-bottom, 0px));
  }
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) :is(.site-footer,.shop-footer) {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
  }
  /* Optional JS collision-avoidance hook; 0 preserves the current corner position. */
  body:is(.branch-stu,.branch-models,.branch-wear,.branch-lab,.branch-digital,.branch-com,.product-shop) .xanbar-companion {
    bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + var(--xanbar-home-lift, 0px)) !important;
  }
}

/* Diagonal emoji arrows are removed from the markup; omit their empty decorative chips. */
body :is(a,button) > span[aria-hidden="true"]:empty {display:none}