/* Scoped to products-health; do not alter the site's other share dialogs. */
#products-health-page { min-width: 0; direction: rtl; }
#products-health-page .my-tabs { isolation: isolate; overflow: clip; }
#products-health-page .tabby-content {
 min-width: 0; width: 100% !important; max-width: 100%;
 grid-column: 1 / -1 !important; box-sizing: border-box; animation: none;
}
#products-health-page .tabby-content > .d-flex,
#products-health-page .tabby-content > .content-tab1 {
 width: 100% !important; max-width: 100%; box-sizing: border-box;
}
#products-health-page .ph-tab-ghost {
 display: block !important; position: absolute; inset-inline: 0; width: 100%;
 box-sizing: border-box; z-index: 3; pointer-events: none; margin: 0;
}
#products-health-page .tabby-content > .d-flex > div { min-width: 0; flex: 1; }
#products-health-page .content-tab1 p { width: auto; max-width: 100%; margin: 6px 0; }
#products-health-page .main-icon,
#products-health-page .main-icon-sub { display: flex; align-items: center; justify-content: center; margin-inline: auto; }
#products-health-page .desc-sec:empty { display: none; }
#products-health-page .share-box { margin: 12px 0 0 !important; max-width: 100%; }
#products-health-page button.share-icon {
 background: var(--ph-brand-tint); border: 1px solid var(--ph-border-strong);
 padding: 8px 16px; min-height: 44px; border-radius: 12px;
 box-shadow: 0 2px 6px rgb(8 123 73 / 8%);
 transition: background .18s ease, box-shadow .18s ease;
}
#products-health-page button.share-icon:hover { background: var(--ph-brand-soft); box-shadow: 0 3px 10px rgb(8 123 73 / 14%); }
#products-health-page .share-box .modal-dialog { max-width: 540px; margin-inline: auto; padding: 12px; }
#products-health-page .share-box .modal-header { justify-content: center; padding: 16px; border-bottom: 1px solid var(--ph-border); }
#products-health-page .share-box .modal-header h6 { margin: 0; font: inherit; font-weight: 700; }
#products-health-page .share-box .modal-body-content { padding: 16px !important; }
#products-health-page .share-box .list-item-link { min-height: 100px; justify-content: center; }
#products-health-page .share-box .modal-footer { padding: 12px 16px; justify-content: flex-start; }
#products-health-page .link-copy { max-width: calc(100% - 24px); text-align: center; white-space: normal; }
#products-health-page video { max-width: 100%; height: auto; }
@media (max-width: 576px) {
 #products-health-page .tabby-content { padding: 12px 8px; }
 #products-health-page .content-tab1-icon { min-width: 0; min-height: 0; width: 100%; height: auto; padding: 4px; }
 #products-health-page .main-icon { width: clamp(64px, 22vw, 100px); height: auto; }
 #products-health-page .main-icon-sub { width: min(76px, 100%); height: 76px; padding: 4px; }
 #products-health-page .content-tab2-icon { width: 100%; height: 100%; object-fit: contain; }
 #products-health-page .tabby-content__text,
 #products-health-page .content-tab1 p { font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
 #products-health-page .share-box.w-75 { width: 100% !important; }
 #products-health-page .share-box .list > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 #products-health-page .share-box .modal-dialog { width: 100%; padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
 #products-health-page *, #products-health-page *::before, #products-health-page *::after { animation: none !important; transition: none !important; }
}