html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #400000;
   font-family: Garamond;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #400000;
   text-decoration: none;
}
a:hover
{
   color: #400000;
   text-decoration: none;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOver1
{
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   margin: 0;
}
#RollOver1 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver1 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver1 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver1 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOver1 .resize
{
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 50%;
}
#RollOver1 .splitter
{
   cursor: ew-resize;
   bottom: 0;
   left: 50%;
   position: absolute;
   top: 0;
   width: 3px;
}
#RollOver1 .splitter::before, #RollOver1 .splitter::after
{
   background: #FFFFFF;
   content: "";
   height: calc(50% - 20px);
   left: 0;
   position: absolute;
   width: 100%;
}
#RollOver1 .splitter::before
{
   top: 0;
}
#RollOver1 .splitter::after
{
   bottom: 0;
}
#RollOver1 .splitter .handle
{
   border: 3px solid #FFFFFF;
   border-radius: 50%;
   height: 40px;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 40px;
}
#RollOver1 .splitter .handle::before,
#RollOver1 .splitter .handle::after
{
   border: 10px solid transparent;
   border-bottom-width: 0px;
   border-right-width: 0px;
   content: "";
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
}
#RollOver1 .splitter .handle::before
{
   border-left-color: #FFFFFF;
   left: 40%;
}
#RollOver1 .splitter .handle::after
{
   border-top-color: #FFFFFF;
   left: 60%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text14 div
{
   text-align: left;
}
#wb_Extension2
{
   position: relative;
}
#Extension2
{
   overflow: hidden;
   background-color: #02ABB2;
   text-align: center;
;
}
#Extension2 a
{
   display: inline-block;
   font-family: Roboto;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   color: #FFFFFF;
   padding: 10px 12px 12px 12px;
   text-align: center;
   text-decoration: none;
   transition: all 200ms ease-out;
}
#Extension2 .secondlevel
{
   display: inline-block;
   overflow: hidden;
   vertical-align: top;
}
#Extension2 .secondlevel .secondlevelbtn
{
   font-family: Roboto;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   border: none;
   outline: none;
   color: #FFFFFF;
   padding: 10px 12px 12px 12px;
   background-color: inherit;
   margin: 0;
   transition: all 200ms ease-out;
}
#Extension2 a:hover, #Extension2 .secondlevel:hover .secondlevelbtn 
{
   background-color: #3E7DBD;
   color: #FFFFFF;
}
#Extension2 .secondlevel-content
{
   background-color: #3E7DBD;
   display: none;
   left: 0;
   opacity: 0;
   position: absolute;
   transition: opacity 200ms ease-out;
   width: 100%;
   z-index: 1;
}
#Extension2 .secondlevel-content a
{
   display: inline-block;
   color: #FFFFFF;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
}
#Extension2 .secondlevel-content a:hover 
{
   background-color: #F5F5F5;
   color: #454545;
}
#Extension2 .secondlevel:hover .secondlevel-content 
{
   display: block;
   opacity: 1;
}
#Extension2-align
{
   display:inline-block;
}
#wb_Text25 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text25 div
{
   text-align: left;
}
#wb_Image22
{
   vertical-align: top;
}
#Image22
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image19
{
   vertical-align: top;
}
#Image19
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image20
{
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image21
{
   vertical-align: top;
}
#Image21
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image23
{
   vertical-align: top;
}
#Image23
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image24
{
   vertical-align: top;
}
#Image24
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image25
{
   vertical-align: top;
}
#Image25
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image26
{
   vertical-align: top;
}
#Image26
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image27
{
   vertical-align: top;
}
#Image27
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image28
{
   vertical-align: top;
}
#Image28
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f7fa;
            color: #333;
        }
        h1 {
            color: #1a5276;
            text-align: center;
            margin-bottom: 10px;
            font-size: 2.5rem;
        }
        h2 {
            color: #1a5276;
            text-align: center;
            margin: 20px 0;
            font-size: 1.5rem;
        }
        h3 {
            color: #1a5276;
            text-align: center;
            margin: 15px 0;
            font-size: 1.3rem;
        }
        .search-container {
            max-width: 600px;
            margin: 20px auto;
            display: flex;
        }
        .search-input {
            flex: 1;
            padding: 12px 15px;
            border: 2px solid #d4e6f1;
            border-radius: 8px 0 0 8px;
            font-size: 1rem;
        }
        .search-button {
            background-color: #1a5276;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 0 8px 8px 0;
            cursor: pointer;
            font-weight: bold;
        }
        .search-button:hover {
            background-color: #154360;
        }
        .body-parts {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px 0;
            justify-content: center;
            max-width: 800px;
            margin: 0 auto;
        }
        .body-part {
            background-color: #eaf2f8;
            color: #1a5276;
            padding: 12px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: bold;
            border: 2px solid #d4e6f1;
            transition: all 0.3s;
        }
        .body-part:hover {
            background-color: #d4e6f1;
            transform: translateY(-2px);
        }
        .body-part.active {
            background-color: #1a5276;
            color: white;
            border-color: #1a5276;
        }
        .product-list {
            margin-top: 30px;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
        }
        .product {
            background-color: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .product:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        }
        .product h3 {
            background-color: #1a5276;
            color: white;
            margin: 0;
            padding: 15px;
            font-size: 1.5rem;
            text-align: left;
        }
        .product p {
            color: #555;
            padding: 0 15px;
            margin: 15px 0;
        }
        .product button {
            background-color: #1a5276;
            color: white;
            border: none;
            padding: 8px 15px;
            margin: 0 15px 15px;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
        }
        .product button:hover {
            background-color: #154360;
        }
        .product-benefits, .product-ingredients {
            padding: 0 15px;
        }
        .product-ingredients {
            border-top: 1px solid #eee;
            padding-top: 15px;
            margin-top: 15px;
        }
        .product ul {
            padding-left: 20px;
        }
        .product li {
            margin-bottom: 8px;
        }
        #results-header {
            text-align: center;
            margin: 30px 0;
            color: #1a5276;
            font-size: 1.5rem;
        }
        .tabs {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }
        .tab {
            padding: 10px 20px;
            background-color: #eaf2f8;
            color: #1a5276;
            border: 2px solid #d4e6f1;
            cursor: pointer;
            font-weight: bold;
        }
        .tab:first-child {
            border-radius: 8px 0 0 8px;
        }
        .tab:last-child {
            border-radius: 0 8px 8px 0;
        }
        .tab.active {
            background-color: #1a5276;
            color: white;
            border-color: #1a5276;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .system-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px auto;
            justify-content: center;
            max-width: 800px;
        }
        .system-button {
            background-color: #eaf2f8;
            color: #1a5276;
            padding: 12px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: bold;
            border: 2px solid #d4e6f1;
            transition: all 0.3s;
        }
        .system-button:hover {
            background-color: #d4e6f1;
            transform: translateY(-2px);
        }
        .system-button.active {
            background-color: #1a5276;
            color: white;
            border-color: #1a5276;
        }
        body { font-family: Arial, sans-serif; padding: 20px; }
    h2 { text-align: center; }
    .tabs, .body-parts { text-align: center; margin: 20px 0; }
    .tab, .body-part { margin: 5px; padding: 10px 20px; display: inline-block; background: #f0f0f0; border: 1px solid #ccc; cursor: pointer; }
    .tab.active, .body-part.active { background: #3C5F95; color: #fff; }
    .product { margin: 20px auto; padding: 10px; border: 1px solid #ccc; max-width: 400px; text-align: center; }
    .product a { text-decoration: none; color: #3C5F95; font-weight: bold; }
    :root{
    --la-brand:#D4AF37; --la-dark:#111; --la-light:#fff; --la-border:#e5e7eb;
    --la-shadow:0 10px 25px rgba(0,0,0,.15); --la-radius:14px; --la-z:2147480000
  }
  /* Skip link */
  .la-skip{position:fixed;left:-9999px;top:10px;background:#000;color:#fff;padding:10px 14px;border-radius:10px;z-index:var(--la-z)}
  .la-skip:focus{left:10px;outline:3px solid #fff}
  /* Global focus */
  :focus{outline:3px solid #0b5fff;outline-offset:2px}
  /* Launcher */
  #la-widget-launcher{
    position:fixed;right:18px;bottom:18px;z-index:var(--la-z);
    background:var(--la-brand);color:var(--la-light);border:none;border-radius:999px;
    padding:14px 18px;font:600 16px/1.1 system-ui,Arial,sans-serif;box-shadow:var(--la-shadow);
    display:inline-flex;align-items:center;gap:8px;cursor:pointer
  }
  #la-widget-launcher:focus{outline:3px solid #000;outline-offset:2px}
  /* Panel */
  #la-widget-panel{
    position:fixed;right:18px;bottom:74px;width:min(92vw,380px);z-index:var(--la-z);
    background:#fff;color:#111;border:1px solid var(--la-border);border-radius:var(--la-radius);
    box-shadow:var(--la-shadow);transform:translateY(20px);opacity:0;pointer-events:none;
    transition:transform .2s,opacity .2s
  }
  #la-widget-panel.la-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .la-hdr{padding:10px;background:#f8fafc;border-bottom:1px solid var(--la-border);text-align:center}
  .la-hdr h3{margin:0;font:700 16px/1.2 system-ui,Arial,sans-serif}
  .la-body{padding:10px 14px 14px;max-height:65vh;overflow:auto}
  .la-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed var(--la-border)}
  .la-row:last-child{border-bottom:0}
  .la-btn,.la-toggle{border:1px solid var(--la-border);background:#fff;border-radius:10px;padding:8px 10px;font:600 14px/1 system-ui;cursor:pointer}
  .la-btn:hover,.la-toggle:hover{background:#f3f4f6}
  .la-badge{font:600 12px/1 system-ui;padding:6px 8px;border-radius:8px;background:#eef2ff;border:1px solid #e0e7ff}
  .la-foot{padding:10px 14px;background:#f8fafc;border-top:1px solid var(--la-border);text-align:right}
  /* Modes */
  body.la-contrast *{color:#000!important;background:#fff!important;border-color:#000!important}
  body.la-readable{font-family:Arial,Helvetica,system-ui,-apple-system,"Segoe UI",sans-serif!important}
  body.la-lineheight{line-height:1.6!important}
  body.la-linkhighlight a,[role="link"]{outline:2px dashed #f59e0b!important;outline-offset:2px!important;background:#fff7ed!important}
  /* Full-page zoom */
  #la-zoom-root{transform-origin:top left}
  /* Auto-contrast helper */
  .la-force-dark{color:#111!important}
  .la-underline-links a{text-decoration:underline}
  @media (max-width:480px){#la-widget-panel{width:calc(100vw - 24px)}}
  :root{
    --la-brand:#D4AF37; --la-dark:#111; --la-light:#fff; --la-border:#e5e7eb;
    --la-shadow:0 10px 25px rgba(0,0,0,.15); --la-radius:14px; --la-z:2147480000
  }
  /* Skip link */
  .la-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .la-skip:focus{position:fixed;left:16px;top:16px;z-index:var(--la-z);background:#111;color:#fff;padding:10px 14px;border-radius:10px}
  /* Focus ring (only when it should show) */
  :where(a,button,[role="button"],input,select,textarea,summary):focus-visible{outline:3px solid #0B5FFF;outline-offset:2px}
  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
  /* Tappable target */
  :where(a,button,[role="button"]){min-height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center}
  /* Visually hidden helper */
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

  /* Launcher */
  #la-widget-launcher{
    position:fixed;right:18px;bottom:18px;z-index:var(--la-z);
    background:var(--la-brand);color:var(--la-light);border:none;border-radius:999px;
    padding:14px 18px;font:600 16px/1.1 system-ui,Arial,sans-serif;box-shadow:var(--la-shadow);
    display:inline-flex;align-items:center;gap:8px;cursor:pointer
  }
  #la-widget-launcher:focus-visible{outline:3px solid #000;outline-offset:2px}

  /* Panel */
  #la-widget-panel{
    position:fixed;right:18px;bottom:74px;width:min(92vw,380px);z-index:var(--la-z);
    background:#fff;color:#111;border:1px solid var(--la-border);border-radius:var(--la-radius);
    box-shadow:var(--la-shadow);transform:translateY(20px);opacity:0;pointer-events:none;
    transition:transform .2s,opacity .2s
  }
  #la-widget-panel.la-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .la-hdr{padding:10px;background:#f8fafc;border-bottom:1px solid var(--la-border);text-align:center}
  .la-hdr h3{margin:0;font:700 16px/1.2 system-ui,Arial,sans-serif}
  .la-body{padding:10px 14px 14px;max-height:65vh;overflow:auto}
  .la-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed var(--la-border)}
  .la-row:last-child{border-bottom:0}
  .la-btn,.la-toggle{border:1px solid var(--la-border);background:#fff;border-radius:10px;padding:8px 10px;font:600 14px/1 system-ui;cursor:pointer}
  .la-btn:hover,.la-toggle:hover{background:#f3f4f6}
  .la-badge{font:600 12px/1 system-ui;padding:6px 8px;border-radius:8px;background:#eef2ff;border:1px solid #e0e7ff}
  .la-foot{padding:10px 14px;background:#f8fafc;border-top:1px solid var(--la-border);text-align:right}

  /* Modes */
  body.la-contrast *{color:#000!important;background:#fff!important;border-color:#000!important}
  body.la-readable{font-family:Arial,Helvetica,system-ui,-apple-system,"Segoe UI",sans-serif!important}
  body.la-lineheight{line-height:1.6!important}
  body.la-linkhighlight a,[role="link"]{outline:2px dashed #f59e0b!important;outline-offset:2px!important;background:#fff7ed!important}

  /* Full-page zoom */
  #la-zoom-root{transform-origin:top left; width:100%; position:relative}
  html,body{max-width:100%}
  body{overflow-x:hidden}

  /* Auto-contrast helper */
  .la-force-dark{color:#111!important}
  .la-underline-links a{text-decoration:underline}

  @media (max-width:480px){#la-widget-panel{width:calc(100vw - 24px)}}