/* Skintherx shared styles (was inlined on ~88 pages). */
.recharge-theme {
    /* App */
    --recharge-app-background: #F9F8F4;
    --recharge-app-container: 1200px;
    --recharge-app-vertical-padding: 32px;

    /* Brand colors */
    
--recharge-color-brand: #17873F;

    /* Tints */
    --recharge-color-brand-120: #10602d;
    --recharge-color-brand-20: #459f65;
    --recharge-color-brand-40: #74b78c;
    --recharge-color-brand-60: #a2cfb2;
    --recharge-color-brand-75: #c5e1cf;
    --recharge-color-brand-85: #dcede2;

    /* Neutral */
    --recharge-color-neutral: hsl(141, 35%, 7%);
    --recharge-color-neutral-80: hsl(141, 7%, 25%);
    --recharge-color-neutral-70: hsl(141, 5%, 35%);
    --recharge-color-neutral-40: hsl(141, 3%, 63%);
    --recharge-color-neutral-10: hsl(141, 2%, 91%);
    

    /* Links */
    --recharge-button-secondary: #17873F;
    --recharge-button-secondary-120: #10602d;
    --recharge-button-secondary-60: #74b78c;

    /* Images */
    --recharge-images-ratio: 1;

    /* Cards */
    
    --recharge-cards-background: #FFFFFF;
    

    
    --recharge-cards-border-color: RGBA(0,0,0,0);
    

    /* Fonts */
    --recharge-typography-scale: 16px;
    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));

    /** Text **/
    --recharge-typography-light: #FFFFFF;
    --recharge-typography-primary: var(--recharge-color-neutral);
    --recharge-typography-secondary: var(--recharge-color-neutral-70);

    /* Corners */
    --recharge-corners-radius: 8px;

    --recharge-button-border-radius: 8px;
    

    /* Views */
    
    --recharge-views-background: #F9F8F4;
    

    /* Buttons */
    --recharge-button-font-family: inherit;
    --recharge-button-brand: var(--recharge-color-brand);
    --recharge-button-color: #FFFFFF;
  }

/* Chat widget: keep the Send button its natural width on phones (site-wide button width rules were stretching it). */
#chi-pal-widget-skin .chi-pal-input-row .chi-pal-chat-button { width: auto; flex: 0 0 auto; }
#chi-pal-widget-skin .chi-pal-input-row .chi-pal-input { flex: 1 1 0; min-width: 0; }

/* Chat widget launcher: same position as vitatherx.com - corner on desktop, raised above the sticky buy bar on tablet/phone. */
@media (max-width: 1024px) { .chi-pal-minimized { bottom: 96px !important; } }
/* Product pages: lift the launcher above the sticky Add To Cart bar (bar is 89 px desktop / 124 px tablet / 117 px phone tall). */
body:has(#sticky-bottom-banner) .chi-pal-minimized { bottom: 108px !important; }
@media (max-width: 1024px) { body:has(#sticky-bottom-banner) .chi-pal-minimized { bottom: 140px !important; } }
@media (max-width: 700px) { body:has(#sticky-bottom-banner) .chi-pal-minimized { bottom: 133px !important; } }
/* Static product search results: shared desktop and mobile presentation. */
.skintherx-static-search-result {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 8px 12px;
  border-bottom: 1px solid #e5e5e5;
  color: #222;
  text-decoration: none;
  background: #fff;
}
.skintherx-static-search-result:hover,
.skintherx-static-search-result:focus-visible { background: #f7f7f5; }
.skintherx-static-search-thumb {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  object-fit: contain;
  border-radius: 4px;
  background: #f7f7f5;
}
.skintherx-static-search-title { font-size: 14px; line-height: 1.35; }
.skintherx-static-search-empty { margin: 0; padding: 16px 12px; font-size: 14px; color: #666; }
@media (max-width: 767px) {
  .skintherx-static-search-result { min-height: 68px; padding: 8px 4px; gap: 10px; }
  .skintherx-static-search-thumb { width: 52px; height: 52px; flex-basis: 52px; }
  .skintherx-static-search-title { font-size: 15px; }
}