{"id":15,"date":"2026-07-14T09:26:38","date_gmt":"2026-07-14T09:26:38","guid":{"rendered":"http:\/\/www.us-vsl3.shop\/?page_id=15"},"modified":"2026-07-14T10:41:42","modified_gmt":"2026-07-14T10:41:42","slug":"home","status":"publish","type":"page","link":"https:\/\/www.us-vsl3.shop\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9aed7 e-con e-atomic-element e-flexbox-base e-15fa55f \" data-id=\"7c9aed7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c9aed7\" data-e-type=\"e-flexbox\" data-id=\"7c9aed7\">\n    \t\t<div class=\"elementor-element elementor-element-32da4d2 elementor-widget elementor-widget-html\" data-id=\"32da4d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================\r\n     VSL#3 PREMIUM HERO\r\n     \u76f4\u63a5\u590d\u5236\u5230 Elementor HTML \u7ec4\u4ef6\r\n======================================================= -->\r\n\r\n<section class=\"vsl-page\">\r\n\r\n  <!-- ==================== HERO ==================== -->\r\n  <div class=\"vsl-hero\">\r\n\r\n    <!-- \u9876\u90e8\u5bfc\u822a -->\r\n    <header class=\"vsl-header\">\r\n\r\n      <a href=\"\/\" class=\"vsl-logo\" aria-label=\"VSL3 Home\">\r\n  <img decoding=\"async\"\r\n    src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/DM_20260714164846_001.png\"\r\n    alt=\"VSL#3\"\r\n  >\r\n<\/a>\r\n\r\n      <nav class=\"vsl-nav\" aria-label=\"Main navigation\">\r\n        <a href=\"#about\">About VSL#3<\/a>\r\n        <a href=\"#science\">Science<\/a>\r\n        <a href=\"#ingredients\">Ingredients<\/a>\r\n        <a href=\"#reviews\">Reviews<\/a>\r\n        <a href=\"#faq\">FAQs<\/a>\r\n      <\/nav>\r\n\r\n      <button\r\n        class=\"vsl-menu-button\"\r\n        type=\"button\"\r\n        aria-label=\"Open menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n\r\n    <\/header>\r\n\r\n    <!-- \u624b\u673a\u83dc\u5355 -->\r\n    <div class=\"vsl-mobile-menu\">\r\n      <a href=\"#about\">About VSL#3<\/a>\r\n      <a href=\"#science\">Science<\/a>\r\n      <a href=\"#ingredients\">Ingredients<\/a>\r\n      <a href=\"#reviews\">Reviews<\/a>\r\n      <a href=\"#faq\">FAQs<\/a>\r\n      <a href=\"http:\/\/www.us-vsl3.shop\/?product=vsl3-capsules\" class=\"vsl-mobile-shop\">Shop VSL#3<\/a>\r\n    <\/div>\r\n\r\n    <!-- Hero \u5185\u5bb9 -->\r\n    <div class=\"vsl-hero-inner\">\r\n\r\n      <div class=\"vsl-hero-copy\">\r\n\r\n        <div class=\"vsl-eyebrow\">\r\n          Science-backed probiotics\r\n        <\/div>\r\n\r\n        <h1>\r\n          The probiotic<br>\r\n          trusted by<br>\r\n          physicians<br>\r\n          worldwide.\r\n        <\/h1>\r\n\r\n        <p class=\"vsl-description\">\r\n          Clinically studied. Doctor recommended. Formulated to support\r\n          gut health, digestive balance, and overall well-being.\r\n        <\/p>\r\n\r\n        <div class=\"vsl-rating\">\r\n\r\n          <div class=\"vsl-stars\" aria-label=\"5 star rating\">\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n            <span>\u2605<\/span>\r\n          <\/div>\r\n\r\n          <strong>5.0<\/strong>\r\n\r\n          <span class=\"vsl-rating-divider\"><\/span>\r\n\r\n          <span>20,000+ Happy Customers<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsl-actions\">\r\n\r\n          <a href=\"http:\/\/www.us-vsl3.shop\/?product=vsl3-capsules\" class=\"vsl-primary-button\">\r\n            Shop VSL#3\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u5355\u4ea7\u54c1\u60ac\u6d6e\u5c55\u793a -->\r\n      <div class=\"vsl-product-stage\" id=\"shop\">\r\n\r\n        <div class=\"vsl-product-glow\"><\/div>\r\n\r\n        <img decoding=\"async\"\r\n          class=\"vsl-product-image\"\r\n          src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/DM_20260714164846_002.png\"\r\n          alt=\"VSL#3 Probiotic Medical Food\"\r\n        >\r\n\r\n        <div class=\"vsl-research-badge\">\r\n          <strong>30+<\/strong>\r\n          <span>Years of<br>research<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"vsl-capsules\" aria-hidden=\"true\">\r\n          <span class=\"vsl-capsule capsule-one\"><\/span>\r\n          <span class=\"vsl-capsule capsule-two\"><\/span>\r\n          <span class=\"vsl-capsule capsule-three\"><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u5e95\u90e8\u767d\u8272\u66f2\u7ebf -->\r\n    <div class=\"vsl-hero-wave\" aria-hidden=\"true\"><\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ==================== TRUST BAR ==================== -->\r\n  <section class=\"vsl-trust-bar\" id=\"science\">\r\n\r\n    <div class=\"vsl-trust-grid\">\r\n\r\n      <!-- 1 -->\r\n      <article class=\"vsl-trust-item\">\r\n\r\n        <div class=\"vsl-trust-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M18 5h12\"><\/path>\r\n            <path d=\"M21 5v10L11 35a5 5 0 0 0 4.5 7h17a5 5 0 0 0 4.5-7L27 15V5\"><\/path>\r\n            <path d=\"M16 31h16\"><\/path>\r\n            <circle cx=\"21\" cy=\"27\" r=\"1.5\"><\/circle>\r\n            <circle cx=\"28\" cy=\"34\" r=\"1.5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>900 Billion CFU<\/h3>\r\n          <p>High potency formula for optimal probiotic support.<\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- 2 -->\r\n      <article class=\"vsl-trust-item\">\r\n\r\n        <div class=\"vsl-trust-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M21 7h8\"><\/path>\r\n            <path d=\"M25 7v8\"><\/path>\r\n            <path d=\"m29 15 8 8\"><\/path>\r\n            <path d=\"M20 21 9 32\"><\/path>\r\n            <path d=\"M16 38h21\"><\/path>\r\n            <path d=\"M12 32a9 9 0 0 0 9 9\"><\/path>\r\n            <path d=\"M24 18 13 29\"><\/path>\r\n            <circle cx=\"32\" cy=\"27\" r=\"5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Clinically Studied<\/h3>\r\n          <p>Backed by decades of microbiome research.<\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- 3 -->\r\n      <article class=\"vsl-trust-item\">\r\n\r\n        <div class=\"vsl-trust-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 5 39 11v11c0 10-6 17-15 21C15 39 9 32 9 22V11z\"><\/path>\r\n            <path d=\"m17 24 5 5 10-11\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Quality Focused<\/h3>\r\n          <p>Manufactured to strict quality and safety standards.<\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- 4 -->\r\n      <article class=\"vsl-trust-item\">\r\n\r\n        <div class=\"vsl-trust-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M5 13h24v23H5z\"><\/path>\r\n            <path d=\"M29 21h8l6 7v8H29z\"><\/path>\r\n            <circle cx=\"14\" cy=\"37\" r=\"4\"><\/circle>\r\n            <circle cx=\"36\" cy=\"37\" r=\"4\"><\/circle>\r\n            <path d=\"M29 28h13\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Fast Shipping<\/h3>\r\n          <p>Carefully packed and delivered directly to your door.<\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- ==================== BRAND STRIP ==================== -->\r\n  <section class=\"vsl-brand-strip\">\r\n\r\n    <span class=\"vsl-seen-label\">As seen in<\/span>\r\n\r\n    <div class=\"vsl-publications\">\r\n      <span>WebMD<\/span>\r\n      <span>healthline<\/span>\r\n      <span>Gastroenterology<\/span>\r\n      <span>Health<\/span>\r\n      <span>Verywell<\/span>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ======================================================\r\n   \u8bf7\u5728\u8fd9\u91cc\u66f4\u6362\u80cc\u666f\u56fe\r\n====================================================== *\/\r\n\r\n.vsl-page{\r\n  --navy:#102d69;\r\n  --navy-dark:#08214f;\r\n  --blue:#64b6ed;\r\n  --light-blue:#e9f6ff;\r\n  --gold:#f4bd2c;\r\n  --white:#ffffff;\r\n\r\n  --hero-bg:url('http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/DM_20260714164846_003-scaled.jpg');\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  color:var(--navy);\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vsl-page,\r\n.vsl-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsl-page a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n\/* ==================== HERO ==================== *\/\r\n\r\n.vsl-hero{\r\n  min-height:910px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(235,247,255,.97) 0%,\r\n      rgba(213,238,255,.83) 34%,\r\n      rgba(95,179,235,.10) 68%,\r\n      rgba(43,145,220,.04) 100%\r\n    ),\r\n    var(--hero-bg) center right \/ cover no-repeat;\r\n}\r\n\r\n\/* \u8f7b\u5fae\u5149\u611f *\/\r\n.vsl-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(\r\n      circle at 55% 46%,\r\n      rgba(255,255,255,.44),\r\n      transparent 19%\r\n    );\r\n}\r\n\r\n\/* ==================== HEADER ==================== *\/\r\n\r\n.vsl-header{\r\n  width:min(1440px, calc(100% - 100px));\r\n  height:98px;\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:20;\r\n  display:grid;\r\n  grid-template-columns:1fr auto 1fr;\r\n  align-items:center;\r\n  gap:40px;\r\n}\r\n\r\n.vsl-logo{\r\n  width:180px;\r\n  max-width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  line-height:0;\r\n}\r\n\r\n.vsl-logo img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n  object-fit:contain;\r\n}\r\n\r\n.vsl-nav{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:45px;\r\n}\r\n\r\n.vsl-nav a{\r\n  position:relative;\r\n  padding:12px 0;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  white-space:nowrap;\r\n}\r\n\r\n.vsl-nav a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:5px;\r\n  height:1px;\r\n  background:currentColor;\r\n  transform:scaleX(0);\r\n  transform-origin:right center;\r\n  transition:transform .35s ease;\r\n}\r\n\r\n.vsl-nav a:hover::after{\r\n  transform:scaleX(1);\r\n  transform-origin:left center;\r\n}\r\n\r\n.vsl-header-button{\r\n  justify-self:end;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:142px;\r\n  height:54px;\r\n  padding:0 26px;\r\n  border-radius:999px;\r\n  background:var(--gold);\r\n  color:var(--navy-dark);\r\n  font-size:15px;\r\n  font-weight:700;\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.vsl-header-button:hover{\r\n  transform:translateY(-3px);\r\n  background:#ffc83f;\r\n  box-shadow:0 13px 28px rgba(75,64,12,.18);\r\n}\r\n\r\n.vsl-menu-button,\r\n.vsl-mobile-menu{\r\n  display:none;\r\n}\r\n\r\n\/* ==================== HERO INNER ==================== *\/\r\n\r\n.vsl-hero-inner{\r\n  width:min(1440px, calc(100% - 100px));\r\n  min-height:720px;\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:4;\r\n  display:grid;\r\n  grid-template-columns:minmax(390px, .86fr) minmax(540px, 1.14fr);\r\n  align-items:center;\r\n}\r\n\r\n\/* ==================== COPY ==================== *\/\r\n\r\n.vsl-hero-copy{\r\n  position:relative;\r\n  z-index:5;\r\n  max-width:640px;\r\n  padding:55px 0 215px;\r\n}\r\n\r\n.vsl-eyebrow{\r\n  margin-bottom:24px;\r\n  font-size:16px;\r\n  font-weight:700;\r\n  letter-spacing:2.1px;\r\n  text-transform:uppercase;\r\n  color:#337cad;\r\n}\r\n\r\n.vsl-hero-copy h1{\r\n  max-width:620px;\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(60px, 5.6vw, 92px);\r\n  font-weight:400;\r\n  line-height:.94;\r\n  letter-spacing:-4.5px;\r\n  color:var(--navy-dark);\r\n}\r\n\r\n.vsl-description{\r\n  max-width:565px;\r\n  margin:35px 0 0;\r\n  font-size:18px;\r\n  line-height:1.62;\r\n  color:#183b71;\r\n}\r\n\r\n.vsl-rating{\r\n  margin-top:31px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-size:16px;\r\n  color:#173568;\r\n}\r\n\r\n.vsl-stars{\r\n  display:flex;\r\n  gap:2px;\r\n  color:var(--gold);\r\n  font-size:22px;\r\n  letter-spacing:0;\r\n}\r\n\r\n.vsl-rating-divider{\r\n  width:1px;\r\n  height:24px;\r\n  margin:0 2px;\r\n  background:rgba(16,45,105,.32);\r\n}\r\n\r\n.vsl-actions{\r\n  margin-top:37px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n}\r\n\r\n.vsl-primary-button,\r\n.vsl-secondary-button{\r\n  height:58px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:999px;\r\n  font-size:16px;\r\n  font-weight:700;\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    background .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n.vsl-primary-button{\r\n  min-width:190px;\r\n  padding:0 31px;\r\n  background:var(--gold);\r\n  color:var(--navy-dark);\r\n}\r\n\r\n.vsl-primary-button:hover{\r\n  transform:translateY(-3px);\r\n  background:#ffc83f;\r\n  box-shadow:0 14px 30px rgba(77,67,11,.18);\r\n}\r\n\r\n.vsl-secondary-button{\r\n  min-width:190px;\r\n  padding:0 29px;\r\n  gap:27px;\r\n  border:1px solid rgba(16,45,105,.62);\r\n  color:var(--navy);\r\n}\r\n\r\n.vsl-secondary-button svg{\r\n  width:21px;\r\n  height:21px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.vsl-secondary-button:hover{\r\n  background:var(--navy);\r\n  color:#fff;\r\n  transform:translateY(-3px);\r\n  box-shadow:0 14px 30px rgba(16,45,105,.16);\r\n}\r\n\r\n.vsl-secondary-button:hover svg{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\/* ==================== PRODUCT ==================== *\/\r\n\r\n.vsl-product-stage{\r\n  width:650px;\r\n  height:460px;\r\n  position:absolute;\r\n  z-index:6;\r\n  right:7%;\r\n  bottom:-15px;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsl-product-glow{\r\n  width:500px;\r\n  height:220px;\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:40px;\r\n  border-radius:50%;\r\n  transform:translateX(-50%);\r\n  background:rgba(255,255,255,.7);\r\n  filter:blur(38px);\r\n}\r\n\r\n.vsl-product-image{\r\n  width:min(540px, 100%);\r\n  height:auto;\r\n  max-height:430px;\r\n  object-fit:contain;\r\n  position:absolute;\r\n  z-index:3;\r\n  left:50%;\r\n  bottom:5px;\r\n  transform:translateX(-50%);\r\n  filter:drop-shadow(0 28px 25px rgba(28,63,101,.22));\r\n}\r\n\r\n.vsl-research-badge{\r\n  width:142px;\r\n  height:142px;\r\n  position:absolute;\r\n  z-index:5;\r\n  right:-17px;\r\n  bottom:52px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(16,45,105,.26);\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.46);\r\n  backdrop-filter:blur(13px);\r\n  -webkit-backdrop-filter:blur(13px);\r\n  box-shadow:\r\n    inset 0 0 0 8px rgba(255,255,255,.16),\r\n    0 20px 45px rgba(30,70,105,.12);\r\n  text-align:center;\r\n}\r\n\r\n.vsl-research-badge strong{\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:41px;\r\n  font-weight:400;\r\n  line-height:1;\r\n}\r\n\r\n.vsl-research-badge span{\r\n  margin-top:8px;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  line-height:1.35;\r\n  letter-spacing:.7px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-capsules{\r\n  position:absolute;\r\n  z-index:7;\r\n  left:118px;\r\n  bottom:20px;\r\n}\r\n\r\n.vsl-capsule{\r\n  width:76px;\r\n  height:25px;\r\n  position:absolute;\r\n  display:block;\r\n  border-radius:999px;\r\n  border:1px solid rgba(174,177,175,.75);\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #eee 0%,\r\n      #fff 45%,\r\n      #e4e5e3 50%,\r\n      #fff 55%,\r\n      #ececea 100%\r\n    );\r\n  box-shadow:0 8px 15px rgba(35,52,64,.18);\r\n}\r\n\r\n.capsule-one{\r\n  left:0;\r\n  bottom:0;\r\n  transform:rotate(12deg);\r\n}\r\n\r\n.capsule-two{\r\n  left:56px;\r\n  bottom:10px;\r\n  transform:rotate(-18deg);\r\n}\r\n\r\n.capsule-three{\r\n  left:31px;\r\n  bottom:25px;\r\n  transform:rotate(4deg) scale(.85);\r\n}\r\n\r\n\/* ==================== WAVE ==================== *\/\r\n\r\n.vsl-hero-wave{\r\n  width:115%;\r\n  height:175px;\r\n  position:absolute;\r\n  z-index:3;\r\n  left:-7.5%;\r\n  bottom:-95px;\r\n  border-radius:50% 50% 0 0 \/ 100% 100% 0 0;\r\n  background:#fff;\r\n  transform:rotate(.3deg);\r\n}\r\n\r\n\/* ==================== TRUST BAR ==================== *\/\r\n\r\n.vsl-trust-bar{\r\n  position:relative;\r\n  z-index:10;\r\n  padding:61px 50px 63px;\r\n  background:#fff;\r\n}\r\n\r\n.vsl-trust-grid{\r\n  width:min(1440px, 100%);\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(4, 1fr);\r\n}\r\n\r\n.vsl-trust-item{\r\n  min-height:110px;\r\n  padding:0 35px;\r\n  display:grid;\r\n  grid-template-columns:76px 1fr;\r\n  align-items:center;\r\n  gap:20px;\r\n  border-right:1px solid #dbe2ec;\r\n}\r\n\r\n.vsl-trust-item:first-child{\r\n  padding-left:0;\r\n}\r\n\r\n.vsl-trust-item:last-child{\r\n  padding-right:0;\r\n  border-right:0;\r\n}\r\n\r\n.vsl-trust-icon{\r\n  width:68px;\r\n  height:68px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(16,45,105,.35);\r\n  border-radius:50%;\r\n}\r\n\r\n.vsl-trust-icon svg{\r\n  width:39px;\r\n  height:39px;\r\n  fill:none;\r\n  stroke:var(--navy);\r\n  stroke-width:1.6;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-trust-item h3{\r\n  margin:0 0 8px;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:20px;\r\n  font-weight:600;\r\n  line-height:1.15;\r\n}\r\n\r\n.vsl-trust-item p{\r\n  margin:0;\r\n  font-size:13px;\r\n  line-height:1.55;\r\n  color:#4b6085;\r\n}\r\n\r\n\/* ==================== BRAND STRIP ==================== *\/\r\n\r\n.vsl-brand-strip{\r\n  min-height:112px;\r\n  padding:25px 60px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:85px;\r\n  background:\r\n    linear-gradient(90deg, #2877ac, #58a8dc);\r\n  color:#fff;\r\n}\r\n\r\n.vsl-seen-label{\r\n  font-size:15px;\r\n  font-weight:700;\r\n  white-space:nowrap;\r\n}\r\n\r\n.vsl-publications{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:62px;\r\n}\r\n\r\n.vsl-publications span{\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:26px;\r\n  font-weight:600;\r\n  color:rgba(255,255,255,.93);\r\n}\r\n\r\n\/* ==================== TABLET ==================== *\/\r\n\r\n@media (max-width:1180px){\r\n\r\n  .vsl-header,\r\n  .vsl-hero-inner{\r\n    width:calc(100% - 64px);\r\n  }\r\n\r\n  .vsl-nav{\r\n    gap:24px;\r\n  }\r\n\r\n  .vsl-hero{\r\n    min-height:880px;\r\n  }\r\n\r\n  .vsl-hero-copy h1{\r\n    font-size:67px;\r\n  }\r\n\r\n  .vsl-product-stage{\r\n    width:530px;\r\n    right:-10px;\r\n  }\r\n\r\n  .vsl-trust-grid{\r\n    grid-template-columns:repeat(2, 1fr);\r\n    gap:35px 0;\r\n  }\r\n\r\n  .vsl-trust-item:nth-child(2){\r\n    border-right:0;\r\n  }\r\n\r\n  .vsl-trust-item:nth-child(3){\r\n    padding-left:0;\r\n  }\r\n\r\n  .vsl-publications{\r\n    gap:35px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==================== MOBILE NAV ==================== *\/\r\n\r\n@media (max-width:900px){\r\n\r\n  .vsl-header{\r\n    width:calc(100% - 40px);\r\n    height:76px;\r\n    grid-template-columns:1fr auto;\r\n  }\r\n\r\n  .vsl-logo{\r\n    font-size:34px;\r\n  }\r\n\r\n  .vsl-nav,\r\n  .vsl-header-button{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-menu-button{\r\n    width:48px;\r\n    height:48px;\r\n    justify-self:end;\r\n    position:relative;\r\n    z-index:40;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    border:0;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.52);\r\n    color:var(--navy);\r\n    cursor:pointer;\r\n  }\r\n\r\n  .vsl-menu-button span{\r\n    width:22px;\r\n    height:1.5px;\r\n    display:block;\r\n    background:currentColor;\r\n    transition:\r\n      transform .3s ease,\r\n      opacity .3s ease;\r\n  }\r\n\r\n  .vsl-menu-button.is-open span:first-child{\r\n    transform:translateY(4.75px) rotate(45deg);\r\n  }\r\n\r\n  .vsl-menu-button.is-open span:last-child{\r\n    transform:translateY(-4.75px) rotate(-45deg);\r\n  }\r\n\r\n  .vsl-mobile-menu{\r\n    position:absolute;\r\n    z-index:30;\r\n    top:0;\r\n    right:0;\r\n    width:min(390px, 90%);\r\n    height:100%;\r\n    padding:115px 35px 45px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:0;\r\n    background:rgba(239,248,255,.97);\r\n    backdrop-filter:blur(20px);\r\n    -webkit-backdrop-filter:blur(20px);\r\n    box-shadow:-20px 0 50px rgba(10,46,88,.15);\r\n    transform:translateX(105%);\r\n    transition:transform .4s cubic-bezier(.22,.75,.25,1);\r\n  }\r\n\r\n  .vsl-mobile-menu.is-open{\r\n    transform:translateX(0);\r\n  }\r\n\r\n  .vsl-mobile-menu a{\r\n    padding:17px 0;\r\n    border-bottom:1px solid rgba(16,45,105,.12);\r\n    font-family:Georgia, \"Times New Roman\", serif;\r\n    font-size:26px;\r\n  }\r\n\r\n  .vsl-mobile-menu .vsl-mobile-shop{\r\n    margin-top:25px;\r\n    padding:17px 25px;\r\n    border:0;\r\n    border-radius:999px;\r\n    background:var(--gold);\r\n    font-family:Arial, sans-serif;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    text-align:center;\r\n  }\r\n\r\n}\r\n\r\n\/* ==================== MOBILE HERO ==================== *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsl-hero{\r\n    min-height:auto;\r\n    padding-bottom:0;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(228,244,255,.92) 0%,\r\n        rgba(125,195,239,.26) 55%,\r\n        rgba(62,161,224,.15) 100%\r\n      ),\r\n      var(--hero-bg) 64% top \/ auto 64% no-repeat,\r\n      #c7e9ff;\r\n  }\r\n\r\n  .vsl-hero::after{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(230,246,255,.42),\r\n        transparent 40%\r\n      );\r\n  }\r\n\r\n  .vsl-hero-inner{\r\n    width:calc(100% - 38px);\r\n    min-height:960px;\r\n    display:block;\r\n  }\r\n\r\n  .vsl-hero-copy{\r\n    max-width:100%;\r\n    padding:65px 0 420px;\r\n  }\r\n\r\n  .vsl-eyebrow{\r\n    margin-bottom:18px;\r\n    font-size:12px;\r\n    letter-spacing:1.7px;\r\n  }\r\n\r\n  .vsl-hero-copy h1{\r\n    max-width:390px;\r\n    font-size:clamp(48px, 14vw, 69px);\r\n    line-height:.94;\r\n    letter-spacing:-3px;\r\n  }\r\n\r\n  .vsl-description{\r\n    max-width:390px;\r\n    margin-top:25px;\r\n    font-size:15px;\r\n    line-height:1.58;\r\n  }\r\n\r\n  .vsl-rating{\r\n    margin-top:25px;\r\n    flex-wrap:wrap;\r\n    gap:9px;\r\n    font-size:13px;\r\n  }\r\n\r\n  .vsl-stars{\r\n    width:100%;\r\n    font-size:20px;\r\n  }\r\n\r\n  .vsl-actions{\r\n    margin-top:29px;\r\n    gap:10px;\r\n  }\r\n\r\n  .vsl-primary-button,\r\n  .vsl-secondary-button{\r\n    min-width:0;\r\n    height:53px;\r\n    padding:0 20px;\r\n    font-size:14px;\r\n  }\r\n\r\n  .vsl-primary-button{\r\n    flex:1.15;\r\n  }\r\n\r\n  .vsl-secondary-button{\r\n    flex:1;\r\n    gap:12px;\r\n  }\r\n\r\n  .vsl-product-stage{\r\n    width:100%;\r\n    height:350px;\r\n    right:auto;\r\n    left:50%;\r\n    bottom:10px;\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n  .vsl-product-image{\r\n    width:370px;\r\n    max-width:90%;\r\n    max-height:335px;\r\n  }\r\n\r\n  .vsl-product-glow{\r\n    width:340px;\r\n    height:160px;\r\n  }\r\n\r\n  .vsl-research-badge{\r\n    width:100px;\r\n    height:100px;\r\n    right:5px;\r\n    bottom:48px;\r\n  }\r\n\r\n  .vsl-research-badge strong{\r\n    font-size:29px;\r\n  }\r\n\r\n  .vsl-research-badge span{\r\n    font-size:9px;\r\n  }\r\n\r\n  .vsl-capsules{\r\n    left:28px;\r\n    bottom:22px;\r\n    transform:scale(.78);\r\n  }\r\n\r\n  .vsl-hero-wave{\r\n    width:140%;\r\n    height:110px;\r\n    left:-20%;\r\n    bottom:-68px;\r\n  }\r\n\r\n  .vsl-trust-bar{\r\n    padding:55px 20px 45px;\r\n  }\r\n\r\n  .vsl-trust-grid{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n  }\r\n\r\n  .vsl-trust-item,\r\n  .vsl-trust-item:first-child,\r\n  .vsl-trust-item:nth-child(3),\r\n  .vsl-trust-item:last-child{\r\n    min-height:126px;\r\n    padding:22px 0;\r\n    grid-template-columns:66px 1fr;\r\n    border-right:0;\r\n    border-bottom:1px solid #dde5ef;\r\n  }\r\n\r\n  .vsl-trust-item:last-child{\r\n    border-bottom:0;\r\n  }\r\n\r\n  .vsl-trust-icon{\r\n    width:58px;\r\n    height:58px;\r\n  }\r\n\r\n  .vsl-trust-icon svg{\r\n    width:34px;\r\n    height:34px;\r\n  }\r\n\r\n  .vsl-trust-item h3{\r\n    font-size:19px;\r\n  }\r\n\r\n  .vsl-brand-strip{\r\n    padding:35px 20px;\r\n    flex-direction:column;\r\n    gap:25px;\r\n  }\r\n\r\n  .vsl-publications{\r\n    gap:20px 28px;\r\n  }\r\n\r\n  .vsl-publications span{\r\n    font-size:19px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==================== SMALL MOBILE ==================== *\/\r\n\r\n@media (max-width:420px){\r\n\r\n  .vsl-hero-inner{\r\n    min-height:940px;\r\n  }\r\n\r\n  .vsl-hero-copy{\r\n    padding-top:50px;\r\n  }\r\n\r\n  .vsl-hero-copy h1{\r\n    font-size:49px;\r\n  }\r\n\r\n  .vsl-actions{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .vsl-primary-button,\r\n  .vsl-secondary-button{\r\n    width:100%;\r\n    flex:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  const pages = document.querySelectorAll('.vsl-page');\r\n\r\n  pages.forEach(function (page) {\r\n\r\n    const menuButton = page.querySelector('.vsl-menu-button');\r\n    const mobileMenu = page.querySelector('.vsl-mobile-menu');\r\n    const menuLinks = page.querySelectorAll('.vsl-mobile-menu a');\r\n\r\n    if (!menuButton || !mobileMenu) return;\r\n\r\n    function closeMenu() {\r\n      menuButton.classList.remove('is-open');\r\n      mobileMenu.classList.remove('is-open');\r\n      menuButton.setAttribute('aria-expanded', 'false');\r\n    }\r\n\r\n    menuButton.addEventListener('click', function () {\r\n\r\n      const isOpen = mobileMenu.classList.toggle('is-open');\r\n\r\n      menuButton.classList.toggle('is-open', isOpen);\r\n      menuButton.setAttribute('aria-expanded', String(isOpen));\r\n\r\n    });\r\n\r\n    menuLinks.forEach(function (link) {\r\n      link.addEventListener('click', closeMenu);\r\n    });\r\n\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6edf4d8 e-con e-atomic-element e-flexbox-base e-eb2fe20 \" data-id=\"6edf4d8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6edf4d8\" data-e-type=\"e-flexbox\" data-id=\"6edf4d8\">\n    \t\t<div class=\"elementor-element elementor-element-3794be3 elementor-widget elementor-widget-html\" data-id=\"3794be3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     VSL SCIENCE \/ LEGACY FEATURE SECTION\r\n     \u53ef\u76f4\u63a5\u590d\u5236\u5230 Elementor HTML \u5c0f\u5de5\u5177\r\n========================================== -->\r\n\r\n<section class=\"vsl-legacy-section\">\r\n\r\n  <div class=\"vsl-legacy-container\">\r\n\r\n    <!-- \u9876\u90e8\u6807\u9898 -->\r\n    <div class=\"vsl-legacy-heading\">\r\n\r\n      <div class=\"vsl-legacy-eyebrow\">\r\n        Science. Trust. Results.\r\n      <\/div>\r\n\r\n      <span class=\"vsl-legacy-line\"><\/span>\r\n\r\n      <h2>\r\n        <span>VSL<sup>\u00ae<\/sup> Probiotics:<\/span>\r\n        A Legacy of Science in Every Strain.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Building on the trusted heritage of\r\n        <strong>VSL#3<sup>\u00ae<\/sup><\/strong>,\r\n        VSL<sup>\u00ae<\/sup> Probiotics now includes innovative supplements\r\n        designed for everyday wellness.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u56db\u9879\u4f18\u52bf -->\r\n    <div class=\"vsl-legacy-grid\">\r\n\r\n      <!-- ITEM 1 -->\r\n      <article class=\"vsl-legacy-item\">\r\n\r\n        <div class=\"vsl-legacy-icon\">\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 7 49 13v14c0 13-7 23-17 29C22 50 15 40 15 27V13z\"><\/path>\r\n            <path d=\"M32 21v18\"><\/path>\r\n            <path d=\"M23 30h18\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Trusted worldwide<\/h3>\r\n\r\n        <p>\r\n          A legacy built on trust<br>\r\n          and expertise.\r\n        <\/p>\r\n\r\n        <span class=\"vsl-item-line\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- ITEM 2 -->\r\n      <article class=\"vsl-legacy-item\">\r\n\r\n        <div class=\"vsl-legacy-icon\">\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <circle cx=\"32\" cy=\"32\" r=\"23\"><\/circle>\r\n\r\n            <path d=\"M21 20c4-3 8 0 7 4s-6 4-7 0\"><\/path>\r\n            <path d=\"M39 18c5 0 6 6 2 8s-7-2-5-5\"><\/path>\r\n            <path d=\"M42 35c4-3 8 1 6 5s-7 4-9 0\"><\/path>\r\n            <path d=\"M22 40c3-5 9-4 10 1s-5 7-9 5\"><\/path>\r\n            <path d=\"M30 28c2-5 9-4 10 1s-5 8-9 5\"><\/path>\r\n\r\n            <circle cx=\"18\" cy=\"31\" r=\"1.6\"><\/circle>\r\n            <circle cx=\"28\" cy=\"15\" r=\"1.6\"><\/circle>\r\n            <circle cx=\"48\" cy=\"29\" r=\"1.6\"><\/circle>\r\n            <circle cx=\"36\" cy=\"49\" r=\"1.6\"><\/circle>\r\n            <circle cx=\"16\" cy=\"44\" r=\"1.6\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Rooted in science<\/h3>\r\n\r\n        <p>\r\n          Guided by probiotic<br>\r\n          research.\r\n        <\/p>\r\n\r\n        <span class=\"vsl-item-line\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- ITEM 3 -->\r\n      <article class=\"vsl-legacy-item\">\r\n\r\n        <div class=\"vsl-legacy-icon\">\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 7 49 13v14c0 13-7 23-17 29C22 50 15 40 15 27V13z\"><\/path>\r\n            <path d=\"m23 31 6 6 13-14\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Commitment to quality<\/h3>\r\n\r\n        <p>\r\n          Ensuring potency<br>\r\n          and reliability.\r\n        <\/p>\r\n\r\n        <span class=\"vsl-item-line\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- ITEM 4 -->\r\n      <article class=\"vsl-legacy-item\">\r\n\r\n        <div class=\"vsl-legacy-icon\">\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n            <circle cx=\"32\" cy=\"15\" r=\"5\"><\/circle>\r\n            <circle cx=\"17\" cy=\"27\" r=\"5\"><\/circle>\r\n            <circle cx=\"47\" cy=\"27\" r=\"5\"><\/circle>\r\n            <circle cx=\"21\" cy=\"46\" r=\"5\"><\/circle>\r\n            <circle cx=\"43\" cy=\"46\" r=\"5\"><\/circle>\r\n            <circle cx=\"32\" cy=\"34\" r=\"5\"><\/circle>\r\n\r\n            <path d=\"M29 19 20 24\"><\/path>\r\n            <path d=\"m35 19 9 5\"><\/path>\r\n            <path d=\"M20 31 24 42\"><\/path>\r\n            <path d=\"m44 31-4 11\"><\/path>\r\n            <path d=\"m25 45 12 0\"><\/path>\r\n            <path d=\"m21 29 8 3\"><\/path>\r\n            <path d=\"m43 29-8 3\"><\/path>\r\n            <path d=\"m29 37-5 6\"><\/path>\r\n            <path d=\"m35 37 5 6\"><\/path>\r\n\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Designed for diverse needs<\/h3>\r\n\r\n        <p>\r\n          Supporting gut health<br>\r\n          and everyday wellness.\r\n        <\/p>\r\n\r\n        <span class=\"vsl-item-line\"><\/span>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u5e95\u90e8\u88c5\u9970\u66f2\u7ebf -->\r\n  <div class=\"vsl-legacy-wave vsl-wave-left\"><\/div>\r\n  <div class=\"vsl-legacy-wave vsl-wave-right\"><\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.vsl-legacy-section{\r\n  --vsl-navy:#0c2f73;\r\n  --vsl-blue:#2868b8;\r\n  --vsl-text:#526178;\r\n  --vsl-gold:#dcae35;\r\n  --vsl-border:#dce7f4;\r\n\r\n  width:100%;\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:80px 40px 72px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 15% 20%,\r\n      rgba(189,224,252,.28),\r\n      transparent 28%\r\n    ),\r\n    radial-gradient(\r\n      circle at 84% 15%,\r\n      rgba(204,228,251,.42),\r\n      transparent 31%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #ffffff 54%,\r\n      #f3f9ff 100%\r\n    );\r\n  color:var(--vsl-navy);\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vsl-legacy-section,\r\n.vsl-legacy-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsl-legacy-container{\r\n  width:min(1480px, 100%);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.vsl-legacy-heading{\r\n  max-width:1050px;\r\n  margin:0 auto;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-legacy-eyebrow{\r\n  color:var(--vsl-blue);\r\n  font-size:16px;\r\n  font-weight:700;\r\n  line-height:1.2;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-legacy-line{\r\n  width:88px;\r\n  height:2px;\r\n  display:block;\r\n  margin:18px auto 34px;\r\n  background:var(--vsl-gold);\r\n}\r\n\r\n.vsl-legacy-heading h2{\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(48px, 4.7vw, 76px);\r\n  font-weight:400;\r\n  line-height:1.05;\r\n  letter-spacing:-2.5px;\r\n  color:var(--vsl-navy);\r\n}\r\n\r\n.vsl-legacy-heading h2 span{\r\n  display:block;\r\n  color:#2156a1;\r\n}\r\n\r\n.vsl-legacy-heading sup{\r\n  position:relative;\r\n  top:-.25em;\r\n  font-family:Arial, Helvetica, sans-serif;\r\n  font-size:.4em;\r\n  line-height:0;\r\n}\r\n\r\n.vsl-legacy-heading p{\r\n  max-width:800px;\r\n  margin:30px auto 0;\r\n  color:var(--vsl-text);\r\n  font-size:18px;\r\n  line-height:1.75;\r\n}\r\n\r\n.vsl-legacy-heading p strong{\r\n  color:#2e6bb8;\r\n  font-weight:700;\r\n}\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.vsl-legacy-grid{\r\n  margin-top:62px;\r\n  display:grid;\r\n  grid-template-columns:repeat(4, minmax(0, 1fr));\r\n}\r\n\r\n.vsl-legacy-item{\r\n  min-height:270px;\r\n  position:relative;\r\n  padding:0 42px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:flex-start;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-legacy-item:not(:last-child)::after{\r\n  content:\"\";\r\n  width:1px;\r\n  height:185px;\r\n  position:absolute;\r\n  top:12px;\r\n  right:0;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      var(--vsl-border) 18%,\r\n      var(--vsl-border) 82%,\r\n      transparent\r\n    );\r\n}\r\n\r\n.vsl-legacy-icon{\r\n  width:104px;\r\n  height:104px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(20,70,140,.08);\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.86);\r\n  box-shadow:\r\n    0 13px 35px rgba(25,78,135,.12),\r\n    inset 0 0 0 8px rgba(255,255,255,.42);\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.vsl-legacy-icon svg{\r\n  width:58px;\r\n  height:58px;\r\n  fill:none;\r\n  stroke:var(--vsl-navy);\r\n  stroke-width:1.6;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-legacy-item h3{\r\n  margin:24px 0 9px;\r\n  color:#0b2d67;\r\n  font-size:19px;\r\n  font-weight:700;\r\n  line-height:1.35;\r\n}\r\n\r\n.vsl-legacy-item p{\r\n  margin:0;\r\n  color:#657087;\r\n  font-size:16px;\r\n  line-height:1.55;\r\n}\r\n\r\n.vsl-item-line{\r\n  width:35px;\r\n  height:2px;\r\n  margin-top:21px;\r\n  background:var(--vsl-gold);\r\n  transition:width .35s ease;\r\n}\r\n\r\n.vsl-legacy-item:hover .vsl-legacy-icon{\r\n  transform:translateY(-8px);\r\n  box-shadow:\r\n    0 22px 48px rgba(25,78,135,.18),\r\n    inset 0 0 0 8px rgba(255,255,255,.55);\r\n}\r\n\r\n.vsl-legacy-item:hover .vsl-item-line{\r\n  width:68px;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE WAVES\r\n========================================= *\/\r\n\r\n.vsl-legacy-wave{\r\n  width:520px;\r\n  height:120px;\r\n  position:absolute;\r\n  bottom:-75px;\r\n  border:2px solid rgba(255,255,255,.88);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsl-wave-left{\r\n  left:-110px;\r\n  transform:rotate(10deg);\r\n}\r\n\r\n.vsl-wave-right{\r\n  right:-120px;\r\n  transform:rotate(-9deg);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .vsl-legacy-section{\r\n    padding:70px 28px 60px;\r\n  }\r\n\r\n  .vsl-legacy-heading h2{\r\n    font-size:56px;\r\n  }\r\n\r\n  .vsl-legacy-grid{\r\n    grid-template-columns:repeat(2, minmax(0, 1fr));\r\n    row-gap:45px;\r\n  }\r\n\r\n  .vsl-legacy-item{\r\n    min-height:250px;\r\n  }\r\n\r\n  .vsl-legacy-item:nth-child(2)::after{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-legacy-item:nth-child(3)::before,\r\n  .vsl-legacy-item:nth-child(4)::before{\r\n    content:\"\";\r\n    width:75%;\r\n    height:1px;\r\n    position:absolute;\r\n    top:-22px;\r\n    left:12.5%;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--vsl-border),\r\n        transparent\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsl-legacy-section{\r\n    padding:58px 20px 50px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 0%,\r\n        rgba(189,224,252,.35),\r\n        transparent 24%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        #fff 0%,\r\n        #f4f9ff 100%\r\n      );\r\n  }\r\n\r\n  .vsl-legacy-eyebrow{\r\n    font-size:12px;\r\n    letter-spacing:2.2px;\r\n  }\r\n\r\n  .vsl-legacy-line{\r\n    width:62px;\r\n    margin:15px auto 26px;\r\n  }\r\n\r\n  .vsl-legacy-heading h2{\r\n    max-width:420px;\r\n    font-size:clamp(38px, 11.5vw, 52px);\r\n    line-height:1.02;\r\n    letter-spacing:-1.8px;\r\n  }\r\n\r\n  .vsl-legacy-heading p{\r\n    margin-top:23px;\r\n    font-size:15px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .vsl-legacy-grid{\r\n    margin-top:43px;\r\n    grid-template-columns:1fr;\r\n    row-gap:0;\r\n  }\r\n\r\n  .vsl-legacy-item{\r\n    min-height:0;\r\n    padding:32px 10px 34px;\r\n  }\r\n\r\n  .vsl-legacy-item:not(:last-child)::after{\r\n    width:78%;\r\n    height:1px;\r\n    top:auto;\r\n    right:auto;\r\n    left:11%;\r\n    bottom:0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--vsl-border),\r\n        transparent\r\n      );\r\n  }\r\n\r\n  .vsl-legacy-item:nth-child(3)::before,\r\n  .vsl-legacy-item:nth-child(4)::before{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-legacy-icon{\r\n    width:88px;\r\n    height:88px;\r\n  }\r\n\r\n  .vsl-legacy-icon svg{\r\n    width:49px;\r\n    height:49px;\r\n  }\r\n\r\n  .vsl-legacy-item h3{\r\n    margin-top:20px;\r\n    font-size:18px;\r\n  }\r\n\r\n  .vsl-legacy-item p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .vsl-item-line{\r\n    margin-top:17px;\r\n  }\r\n\r\n  .vsl-legacy-wave{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width:390px){\r\n\r\n  .vsl-legacy-heading h2{\r\n    font-size:39px;\r\n  }\r\n\r\n  .vsl-legacy-heading p{\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-23cc0ee e-con e-atomic-element e-flexbox-base e-2696c69 \" data-id=\"23cc0ee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"23cc0ee\" data-e-type=\"e-flexbox\" data-id=\"23cc0ee\">\n    \t\t<div class=\"elementor-element elementor-element-2bff905 elementor-widget elementor-widget-html\" data-id=\"2bff905\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     VSL SCIENCE CARDS\r\n     \u76f4\u63a5\u590d\u5236\u5230 Elementor HTML \u5c0f\u5de5\u5177\r\n====================================================== -->\r\n\r\n<section class=\"vsl-science-section\" id=\"vsl-science\">\r\n\r\n  <!-- \u6807\u9898\u533a\u57df -->\r\n  <div class=\"vsl-science-heading\">\r\n\r\n    <div class=\"vsl-science-eyebrow\">\r\n      Science Over Hype. Purpose Over Promises.\r\n    <\/div>\r\n\r\n    <span class=\"vsl-science-heading-line\"><\/span>\r\n\r\n    <h2>Rooted in Science. Driven by Purpose.<\/h2>\r\n\r\n    <p>\r\n      Built on the legacy of <strong>VSL#3<sup>\u00ae<\/sup><\/strong> \u2014\r\n      a probiotic trusted by healthcare professionals and recognized\r\n      for its scientific rigor \u2014 VSL<sup>\u00ae<\/sup> Probiotics advances\r\n      microbiome science through targeted, high-quality formulations.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u5361\u7247\u6ed1\u52a8\u533a\u57df -->\r\n  <div class=\"vsl-science-slider\">\r\n\r\n    <div class=\"vsl-science-track\">\r\n\r\n      <!-- ================= CARD 1 ================= -->\r\n      <article class=\"vsl-science-card\">\r\n\r\n        <!-- \u56fe\u7247\u6b63\u9762 -->\r\n        <div class=\"vsl-card-face vsl-card-front\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/IMG_5_1.png\"\r\n            alt=\"Committed to Potency\"\r\n          >\r\n\r\n          <div class=\"vsl-card-overlay\"><\/div>\r\n\r\n          <div class=\"vsl-card-front-content\">\r\n\r\n            <div class=\"vsl-card-number\">\r\n              <span>01<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <h3>Committed<br>to Potency<\/h3>\r\n\r\n            <p>\r\n              Potent probiotic formulations designed to maintain\r\n              labeled CFU counts through expiration.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"vsl-card-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open Committed to Potency details\"\r\n          >\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u6587\u5b57\u80cc\u9762 -->\r\n        <div class=\"vsl-card-face vsl-card-back\">\r\n\r\n          <div class=\"vsl-card-back-head\">\r\n\r\n            <div class=\"vsl-card-number vsl-card-number-dark\">\r\n              <span>01<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"vsl-card-close\"\r\n              type=\"button\"\r\n              aria-label=\"Close details\"\r\n            >\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"vsl-card-back-scroll\">\r\n\r\n            <h3>Committed<br>to Potency<\/h3>\r\n\r\n            <span class=\"vsl-card-gold-line\"><\/span>\r\n\r\n            <p>\r\n              Potency is fundamental to probiotic performance. Each\r\n              formulation is carefully developed to deliver the labeled\r\n              quantity of live microorganisms through the end of its\r\n              stated shelf life.\r\n            <\/p>\r\n\r\n            <p>\r\n              Manufacturing controls, stability testing and carefully\r\n              selected packaging help protect the formulation from\r\n              production through storage and delivery.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- ================= CARD 2 ================= -->\r\n      <article class=\"vsl-science-card\">\r\n\r\n        <div class=\"vsl-card-face vsl-card-front\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/7_a27611d7-b54a-4953-b86a-67012cb35f5a.png\"\r\n            alt=\"Designed for Viability\"\r\n          >\r\n\r\n          <div class=\"vsl-card-overlay\"><\/div>\r\n\r\n          <div class=\"vsl-card-front-content\">\r\n\r\n            <div class=\"vsl-card-number\">\r\n              <span>02<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <h3>Designed for<br>Viability<\/h3>\r\n\r\n            <p>\r\n              Carefully designed formulations that help safeguard live\r\n              bacteria from production to delivery.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"vsl-card-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open Designed for Viability details\"\r\n          >\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsl-card-face vsl-card-back\">\r\n\r\n          <div class=\"vsl-card-back-head\">\r\n\r\n            <div class=\"vsl-card-number vsl-card-number-dark\">\r\n              <span>02<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"vsl-card-close\"\r\n              type=\"button\"\r\n              aria-label=\"Close details\"\r\n            >\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"vsl-card-back-scroll\">\r\n\r\n            <h3>Designed for<br>Viability<\/h3>\r\n\r\n            <span class=\"vsl-card-gold-line\"><\/span>\r\n\r\n            <p>\r\n              For probiotics to work, live microorganisms must survive\r\n              storage and digestion before reaching the gut intact.\r\n            <\/p>\r\n\r\n            <p>\r\n              VSL formulations are developed with carefully selected\r\n              strains, stability-focused formulation design and\r\n              packaging intended to help maintain viability through\r\n              manufacturing, shipping and use.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- ================= CARD 3 ================= -->\r\n      <article class=\"vsl-science-card\">\r\n\r\n        <div class=\"vsl-card-face vsl-card-front\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/8.png\"\r\n            alt=\"Science-Led Strain Selection\"\r\n          >\r\n\r\n          <div class=\"vsl-card-overlay\"><\/div>\r\n\r\n          <div class=\"vsl-card-front-content\">\r\n\r\n            <div class=\"vsl-card-number\">\r\n              <span>03<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <h3>Science-Led<br>Strain Selection<\/h3>\r\n\r\n            <p>\r\n              Complementary probiotic strains chosen for function,\r\n              stability and intended use.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"vsl-card-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open Science-Led Strain Selection details\"\r\n          >\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsl-card-face vsl-card-back\">\r\n\r\n          <div class=\"vsl-card-back-head\">\r\n\r\n            <div class=\"vsl-card-number vsl-card-number-dark\">\r\n              <span>03<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"vsl-card-close\"\r\n              type=\"button\"\r\n              aria-label=\"Close details\"\r\n            >\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"vsl-card-back-scroll\">\r\n\r\n            <h3>Science-Led<br>Strain Selection<\/h3>\r\n\r\n            <span class=\"vsl-card-gold-line\"><\/span>\r\n\r\n            <p>\r\n              Probiotic strains are not interchangeable. Each strain may\r\n              possess distinct characteristics that influence how it\r\n              performs within a formulation.\r\n            <\/p>\r\n\r\n            <p>\r\n              Our formulations combine carefully selected strains based\r\n              on compatibility, stability, scientific evidence and the\r\n              intended purpose of the finished product.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- ================= CARD 4 ================= -->\r\n      <article class=\"vsl-science-card\">\r\n\r\n        <div class=\"vsl-card-face vsl-card-front\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/9_04a68552-19a5-4d11-8897-be81a5d13c06.png\"\r\n            alt=\"A Legacy of Expertise\"\r\n          >\r\n\r\n          <div class=\"vsl-card-overlay\"><\/div>\r\n\r\n          <div class=\"vsl-card-front-content\">\r\n\r\n            <div class=\"vsl-card-number\">\r\n              <span>04<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <h3>A Legacy<br>of Expertise<\/h3>\r\n\r\n            <p>\r\n              A probiotic heritage recognized for consistency,\r\n              credibility and professional trust.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"vsl-card-toggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open A Legacy of Expertise details\"\r\n          >\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsl-card-face vsl-card-back\">\r\n\r\n          <div class=\"vsl-card-back-head\">\r\n\r\n            <div class=\"vsl-card-number vsl-card-number-dark\">\r\n              <span>04<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"vsl-card-close\"\r\n              type=\"button\"\r\n              aria-label=\"Close details\"\r\n            >\r\n              <span><\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"vsl-card-back-scroll\">\r\n\r\n            <h3>A Legacy<br>of Expertise<\/h3>\r\n\r\n            <span class=\"vsl-card-gold-line\"><\/span>\r\n\r\n            <p>\r\n              Our probiotic heritage is built on long-standing scientific\r\n              experience, rigorous formulation standards and a commitment\r\n              to quality.\r\n            <\/p>\r\n\r\n            <p>\r\n              From ingredient selection to finished-product testing, each\r\n              stage is approached with precision to support consistency,\r\n              reliability and professional confidence.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u5e95\u90e8\u63a7\u5236\u5668 -->\r\n  <div class=\"vsl-science-controls\">\r\n\r\n    <button\r\n      class=\"vsl-slider-arrow vsl-slider-prev\"\r\n      type=\"button\"\r\n      aria-label=\"Previous card\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"m15 5-7 7 7 7\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"vsl-slider-dots\" aria-label=\"Slider pagination\"><\/div>\r\n\r\n    <button\r\n      class=\"vsl-slider-arrow vsl-slider-next\"\r\n      type=\"button\"\r\n      aria-label=\"Next card\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"m9 5 7 7-7 7\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =====================================================\r\n   VARIABLES \/ BASE\r\n===================================================== *\/\r\n\r\n.vsl-science-section{\r\n  --vsl-navy:#0c2f73;\r\n  --vsl-blue:#2869b7;\r\n  --vsl-text:#53627d;\r\n  --vsl-gold:#d8aa2f;\r\n  --vsl-light:#f6f9fd;\r\n  --vsl-border:#dce5f1;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  padding:82px 40px 52px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(205,230,250,.22),\r\n      transparent 34%\r\n    ),\r\n    #fff;\r\n  color:var(--vsl-navy);\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vsl-science-section,\r\n.vsl-science-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* =====================================================\r\n   HEADING\r\n===================================================== *\/\r\n\r\n.vsl-science-heading{\r\n  width:min(920px, 100%);\r\n  margin:0 auto 58px;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-science-eyebrow{\r\n  color:var(--vsl-blue);\r\n  font-size:15px;\r\n  font-weight:700;\r\n  line-height:1.3;\r\n  letter-spacing:2.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-science-heading-line{\r\n  width:72px;\r\n  height:2px;\r\n  display:block;\r\n  margin:17px auto 25px;\r\n  background:var(--vsl-gold);\r\n}\r\n\r\n.vsl-science-heading h2{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(45px, 4vw, 66px);\r\n  font-weight:400;\r\n  line-height:1.05;\r\n  letter-spacing:-2px;\r\n  color:var(--vsl-navy);\r\n}\r\n\r\n.vsl-science-heading p{\r\n  max-width:790px;\r\n  margin:25px auto 0;\r\n  color:var(--vsl-text);\r\n  font-size:16px;\r\n  line-height:1.75;\r\n}\r\n\r\n.vsl-science-heading strong{\r\n  color:var(--vsl-blue);\r\n}\r\n\r\n.vsl-science-heading sup{\r\n  font-size:.55em;\r\n}\r\n\r\n\/* =====================================================\r\n   SLIDER\r\n===================================================== *\/\r\n\r\n.vsl-science-slider{\r\n  width:min(1480px, 100%);\r\n  margin:0 auto;\r\n  overflow:hidden;\r\n}\r\n\r\n.vsl-science-track{\r\n  display:grid;\r\n  grid-template-columns:repeat(4, minmax(0, 1fr));\r\n  gap:18px;\r\n}\r\n\r\n\/* =====================================================\r\n   CARD\r\n===================================================== *\/\r\n\r\n.vsl-science-card{\r\n  min-width:0;\r\n  height:585px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:6px;\r\n  background:#f5f7fa;\r\n  box-shadow:0 8px 28px rgba(15,48,93,.07);\r\n}\r\n\r\n.vsl-card-face{\r\n  width:100%;\r\n  height:100%;\r\n  position:absolute;\r\n  inset:0;\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .55s cubic-bezier(.22,.75,.25,1),\r\n    visibility .45s ease;\r\n}\r\n\r\n\/* =====================================================\r\n   CARD FRONT\r\n===================================================== *\/\r\n\r\n.vsl-card-front{\r\n  z-index:2;\r\n  overflow:hidden;\r\n  background:#222;\r\n}\r\n\r\n.vsl-card-front img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  filter:grayscale(1);\r\n  transition:\r\n    transform .8s cubic-bezier(.2,.7,.2,1),\r\n    filter .5s ease;\r\n}\r\n\r\n.vsl-card-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(3,13,28,.08) 5%,\r\n      rgba(3,13,28,.05) 38%,\r\n      rgba(3,13,28,.83) 100%\r\n    );\r\n}\r\n\r\n.vsl-card-front-content{\r\n  width:calc(100% - 46px);\r\n  position:absolute;\r\n  z-index:3;\r\n  left:24px;\r\n  bottom:27px;\r\n  padding-right:45px;\r\n  color:#fff;\r\n}\r\n\r\n.vsl-card-number{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-bottom:13px;\r\n}\r\n\r\n.vsl-card-number span{\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:22px;\r\n  line-height:1;\r\n}\r\n\r\n.vsl-card-number i{\r\n  width:38px;\r\n  height:1px;\r\n  display:block;\r\n  background:var(--vsl-gold);\r\n}\r\n\r\n.vsl-card-front h3{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:31px;\r\n  font-weight:400;\r\n  line-height:1.08;\r\n  letter-spacing:-.7px;\r\n}\r\n\r\n.vsl-card-front-content > p{\r\n  margin:15px 0 0;\r\n  color:rgba(255,255,255,.88);\r\n  font-size:13px;\r\n  line-height:1.55;\r\n}\r\n\r\n.vsl-card-toggle,\r\n.vsl-card-close{\r\n  margin:0;\r\n  padding:0;\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n  cursor:pointer;\r\n}\r\n\r\n.vsl-card-toggle{\r\n  width:42px;\r\n  height:42px;\r\n  position:absolute;\r\n  z-index:5;\r\n  right:18px;\r\n  bottom:20px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(255,255,255,.65);\r\n  border-radius:50%;\r\n  background:rgba(15,26,40,.16);\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.vsl-card-toggle span{\r\n  width:14px;\r\n  height:1px;\r\n  position:absolute;\r\n  display:block;\r\n  background:#fff;\r\n}\r\n\r\n.vsl-card-toggle span:last-child{\r\n  transform:rotate(90deg);\r\n}\r\n\r\n.vsl-science-card:hover .vsl-card-front img{\r\n  transform:scale(1.045);\r\n  filter:grayscale(.82);\r\n}\r\n\r\n.vsl-card-toggle:hover{\r\n  transform:rotate(90deg);\r\n  background:rgba(255,255,255,.18);\r\n}\r\n\r\n\/* =====================================================\r\n   CARD BACK\r\n===================================================== *\/\r\n\r\n.vsl-card-back{\r\n  z-index:1;\r\n  padding:32px 30px 30px;\r\n  background:\r\n    linear-gradient(145deg, #fff 0%, #f8fbff 100%);\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transform:translateY(22px);\r\n}\r\n\r\n.vsl-card-back-head{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n}\r\n\r\n.vsl-card-number-dark{\r\n  margin:0;\r\n  color:var(--vsl-navy);\r\n}\r\n\r\n.vsl-card-close{\r\n  width:40px;\r\n  height:40px;\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(12,47,115,.42);\r\n  border-radius:50%;\r\n  background:transparent;\r\n  transition:\r\n    background .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.vsl-card-close span{\r\n  width:14px;\r\n  height:1px;\r\n  display:block;\r\n  background:var(--vsl-navy);\r\n}\r\n\r\n.vsl-card-close:hover{\r\n  transform:rotate(180deg);\r\n  background:#edf4fc;\r\n}\r\n\r\n.vsl-card-back-scroll{\r\n  height:calc(100% - 55px);\r\n  margin-top:34px;\r\n  padding-right:7px;\r\n  overflow-y:auto;\r\n  overscroll-behavior:contain;\r\n  scrollbar-width:thin;\r\n  scrollbar-color:#bccce0 transparent;\r\n}\r\n\r\n.vsl-card-back-scroll::-webkit-scrollbar{\r\n  width:4px;\r\n}\r\n\r\n.vsl-card-back-scroll::-webkit-scrollbar-track{\r\n  background:transparent;\r\n}\r\n\r\n.vsl-card-back-scroll::-webkit-scrollbar-thumb{\r\n  border-radius:99px;\r\n  background:#bccce0;\r\n}\r\n\r\n.vsl-card-back h3{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:34px;\r\n  font-weight:400;\r\n  line-height:1.08;\r\n  letter-spacing:-.7px;\r\n}\r\n\r\n.vsl-card-gold-line{\r\n  width:38px;\r\n  height:2px;\r\n  display:block;\r\n  margin:22px 0;\r\n  background:var(--vsl-gold);\r\n}\r\n\r\n.vsl-card-back p{\r\n  margin:0 0 17px;\r\n  color:#24477e;\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* \u6253\u5f00\u72b6\u6001 *\/\r\n\r\n.vsl-science-card.is-open .vsl-card-front{\r\n  opacity:0;\r\n  visibility:hidden;\r\n  transform:translateY(-20px);\r\n}\r\n\r\n.vsl-science-card.is-open .vsl-card-back{\r\n  z-index:4;\r\n  opacity:1;\r\n  visibility:visible;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* =====================================================\r\n   CONTROLS\r\n===================================================== *\/\r\n\r\n.vsl-science-controls{\r\n  width:min(580px, 100%);\r\n  margin:34px auto 0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:38px;\r\n}\r\n\r\n.vsl-slider-arrow{\r\n  width:42px;\r\n  height:42px;\r\n  padding:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(12,47,115,.55);\r\n  border-radius:50%;\r\n  background:#fff;\r\n  color:var(--vsl-navy);\r\n  cursor:pointer;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n.vsl-slider-arrow svg{\r\n  width:19px;\r\n  height:19px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.7;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-slider-arrow:hover{\r\n  transform:translateY(-2px);\r\n  background:var(--vsl-navy);\r\n  color:#fff;\r\n}\r\n\r\n.vsl-slider-dots{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n}\r\n\r\n.vsl-slider-dot{\r\n  width:8px;\r\n  height:8px;\r\n  padding:0;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:#cdd8e8;\r\n  cursor:pointer;\r\n  transition:\r\n    width .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.vsl-slider-dot.is-active{\r\n  width:23px;\r\n  border-radius:99px;\r\n  background:var(--vsl-navy);\r\n}\r\n\r\n\/* \u7535\u8111\u7aef\u4e0d\u9700\u8981\u5de6\u53f3\u5207\u6362\u6309\u94ae *\/\r\n\r\n@media (min-width:1001px){\r\n\r\n  .vsl-science-controls{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width:1000px){\r\n\r\n  .vsl-science-section{\r\n    padding:70px 28px 50px;\r\n  }\r\n\r\n  .vsl-science-slider{\r\n    overflow:visible;\r\n  }\r\n\r\n  .vsl-science-track{\r\n    display:flex;\r\n    gap:16px;\r\n    overflow-x:auto;\r\n    scroll-snap-type:x mandatory;\r\n    scroll-behavior:smooth;\r\n    scrollbar-width:none;\r\n    overscroll-behavior-x:contain;\r\n  }\r\n\r\n  .vsl-science-track::-webkit-scrollbar{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-science-card{\r\n    flex:0 0:calc(50% - 8px);\r\n    scroll-snap-align:start;\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsl-science-section{\r\n    padding:56px 18px 42px;\r\n  }\r\n\r\n  .vsl-science-heading{\r\n    margin-bottom:36px;\r\n  }\r\n\r\n  .vsl-science-eyebrow{\r\n    font-size:11px;\r\n    line-height:1.5;\r\n    letter-spacing:1.8px;\r\n  }\r\n\r\n  .vsl-science-heading-line{\r\n    width:54px;\r\n    margin:14px auto 21px;\r\n  }\r\n\r\n  .vsl-science-heading h2{\r\n    font-size:clamp(38px, 11vw, 48px);\r\n    line-height:1.02;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .vsl-science-heading p{\r\n    margin-top:20px;\r\n    font-size:14px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .vsl-science-slider{\r\n    width:100%;\r\n    overflow:visible;\r\n  }\r\n\r\n  .vsl-science-track{\r\n    gap:14px;\r\n    padding:0;\r\n    scroll-padding-left:0;\r\n  }\r\n\r\n  \/* \u624b\u673a\u7aef\u4e00\u6b21\u53ea\u663e\u793a\u4e00\u5f20 *\/\r\n\r\n  .vsl-science-card{\r\n    flex:0 0:100%;\r\n    width:100%;\r\n    height:500px;\r\n    scroll-snap-align:center;\r\n    border-radius:5px;\r\n  }\r\n\r\n  .vsl-card-front-content{\r\n    width:calc(100% - 38px);\r\n    left:20px;\r\n    bottom:22px;\r\n    padding-right:44px;\r\n  }\r\n\r\n  .vsl-card-front h3{\r\n    font-size:29px;\r\n  }\r\n\r\n  .vsl-card-front-content > p{\r\n    max-width:270px;\r\n    margin-top:12px;\r\n    font-size:12px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  .vsl-card-toggle{\r\n    width:39px;\r\n    height:39px;\r\n    right:16px;\r\n    bottom:17px;\r\n  }\r\n\r\n  .vsl-card-back{\r\n    padding:25px 22px 24px;\r\n  }\r\n\r\n  .vsl-card-back-scroll{\r\n    height:calc(100% - 48px);\r\n    margin-top:24px;\r\n  }\r\n\r\n  .vsl-card-back h3{\r\n    font-size:31px;\r\n  }\r\n\r\n  .vsl-card-back p{\r\n    font-size:14px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .vsl-science-controls{\r\n    margin-top:27px;\r\n    gap:25px;\r\n  }\r\n\r\n  .vsl-slider-arrow{\r\n    width:39px;\r\n    height:39px;\r\n  }\r\n\r\n}\r\n\r\n\/* \u5c0f\u5c4f\u624b\u673a\u8fdb\u4e00\u6b65\u964d\u4f4e\u9ad8\u5ea6 *\/\r\n\r\n@media (max-width:390px){\r\n\r\n  .vsl-science-card{\r\n    height:470px;\r\n  }\r\n\r\n  .vsl-card-front h3{\r\n    font-size:27px;\r\n  }\r\n\r\n  .vsl-card-back h3{\r\n    font-size:29px;\r\n  }\r\n\r\n}\r\n\r\n\/* \u51cf\u5c11\u52a8\u6001\u6548\u679c\u6a21\u5f0f *\/\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .vsl-science-track,\r\n  .vsl-card-face,\r\n  .vsl-card-front img,\r\n  .vsl-card-toggle,\r\n  .vsl-card-close{\r\n    scroll-behavior:auto;\r\n    transition:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n  document.querySelectorAll('.vsl-science-section').forEach(function (section) {\r\n\r\n    const track = section.querySelector('.vsl-science-track');\r\n    const cards = Array.from(section.querySelectorAll('.vsl-science-card'));\r\n    const prevButton = section.querySelector('.vsl-slider-prev');\r\n    const nextButton = section.querySelector('.vsl-slider-next');\r\n    const dotsContainer = section.querySelector('.vsl-slider-dots');\r\n\r\n    if (!track || !cards.length) return;\r\n\r\n    let activeIndex = 0;\r\n    let scrollTimer = null;\r\n\r\n    \/* ===============================\r\n       \u521b\u5efa\u5206\u9875\u5706\u70b9\r\n    =============================== *\/\r\n\r\n    cards.forEach(function (_, index) {\r\n\r\n      const dot = document.createElement('button');\r\n\r\n      dot.type = 'button';\r\n      dot.className = 'vsl-slider-dot';\r\n      dot.setAttribute('aria-label', 'Go to card ' + (index + 1));\r\n\r\n      if (index === 0) {\r\n        dot.classList.add('is-active');\r\n      }\r\n\r\n      dot.addEventListener('click', function () {\r\n        goToCard(index);\r\n      });\r\n\r\n      dotsContainer.appendChild(dot);\r\n\r\n    });\r\n\r\n    const dots = Array.from(\r\n      dotsContainer.querySelectorAll('.vsl-slider-dot')\r\n    );\r\n\r\n    \/* ===============================\r\n       \u6253\u5f00 \/ \u5173\u95ed\u5361\u7247\r\n    =============================== *\/\r\n\r\n    cards.forEach(function (card) {\r\n\r\n      const openButton = card.querySelector('.vsl-card-toggle');\r\n      const closeButton = card.querySelector('.vsl-card-close');\r\n\r\n      if (openButton) {\r\n        openButton.addEventListener('click', function (event) {\r\n\r\n          event.stopPropagation();\r\n\r\n          cards.forEach(function (otherCard) {\r\n            if (otherCard !== card) {\r\n              otherCard.classList.remove('is-open');\r\n            }\r\n          });\r\n\r\n          card.classList.add('is-open');\r\n\r\n        });\r\n      }\r\n\r\n      if (closeButton) {\r\n        closeButton.addEventListener('click', function (event) {\r\n\r\n          event.stopPropagation();\r\n          card.classList.remove('is-open');\r\n\r\n        });\r\n      }\r\n\r\n    });\r\n\r\n    \/* ===============================\r\n       \u79fb\u52a8\u5230\u6307\u5b9a\u5361\u7247\r\n    =============================== *\/\r\n\r\n    function goToCard(index) {\r\n\r\n      if (index < 0) {\r\n        index = cards.length - 1;\r\n      }\r\n\r\n      if (index >= cards.length) {\r\n        index = 0;\r\n      }\r\n\r\n      activeIndex = index;\r\n\r\n      cards.forEach(function (card, cardIndex) {\r\n\r\n        if (cardIndex !== activeIndex) {\r\n          card.classList.remove('is-open');\r\n        }\r\n\r\n      });\r\n\r\n      cards[activeIndex].scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'nearest',\r\n        inline:'start'\r\n      });\r\n\r\n      updateDots();\r\n\r\n    }\r\n\r\n    function updateDots() {\r\n\r\n      dots.forEach(function (dot, index) {\r\n        dot.classList.toggle('is-active', index === activeIndex);\r\n      });\r\n\r\n    }\r\n\r\n    \/* ===============================\r\n       \u5de6\u53f3\u6309\u94ae\r\n    =============================== *\/\r\n\r\n    prevButton.addEventListener('click', function () {\r\n      goToCard(activeIndex - 1);\r\n    });\r\n\r\n    nextButton.addEventListener('click', function () {\r\n      goToCard(activeIndex + 1);\r\n    });\r\n\r\n    \/* ===============================\r\n       \u624b\u6307\u6ed1\u52a8\u540e\u81ea\u52a8\u66f4\u65b0\u5706\u70b9\r\n    =============================== *\/\r\n\r\n    track.addEventListener('scroll', function () {\r\n\r\n      clearTimeout(scrollTimer);\r\n\r\n      scrollTimer = setTimeout(function () {\r\n\r\n        const trackLeft = track.getBoundingClientRect().left;\r\n\r\n        let nearestIndex = 0;\r\n        let nearestDistance = Infinity;\r\n\r\n        cards.forEach(function (card, index) {\r\n\r\n          const cardLeft = card.getBoundingClientRect().left;\r\n          const distance = Math.abs(cardLeft - trackLeft);\r\n\r\n          if (distance < nearestDistance) {\r\n            nearestDistance = distance;\r\n            nearestIndex = index;\r\n          }\r\n\r\n        });\r\n\r\n        activeIndex = nearestIndex;\r\n        updateDots();\r\n\r\n      }, 80);\r\n\r\n    }, { passive:true });\r\n\r\n  });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-43959e8 e-con e-atomic-element e-flexbox-base e-e64a56f \" data-id=\"43959e8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43959e8\" data-e-type=\"e-flexbox\" data-id=\"43959e8\">\n    \t\t<div class=\"elementor-element elementor-element-6ef2e29 elementor-widget elementor-widget-html\" data-id=\"6ef2e29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     VSL#3 PREMIUM REVIEWS\r\n     \u76f4\u63a5\u590d\u5236\u5230 Elementor HTML \u5c0f\u5de5\u5177\r\n====================================================== -->\r\n\r\n<section class=\"vsl-reviews-section\">\r\n\r\n  <div class=\"vsl-reviews-container\">\r\n\r\n    <!-- \u6807\u9898 -->\r\n    <div class=\"vsl-reviews-heading\">\r\n\r\n      <div class=\"vsl-reviews-eyebrow\">\r\n        Trusted by thousands\r\n      <\/div>\r\n\r\n      <span class=\"vsl-reviews-heading-line\"><\/span>\r\n\r\n      <h2>What Our Customers Say<\/h2>\r\n\r\n      <p>\r\n        Real experiences from customers who have made\r\n        VSL#3<sup>\u00ae<\/sup> part of their daily routine.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u8f6e\u64ad -->\r\n    <div class=\"vsl-reviews-slider\">\r\n\r\n      <div class=\"vsl-reviews-track\">\r\n\r\n        <!-- REVIEW 1 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Works Great!<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              Really calms my gut. I\u2019m so thankful my doctor recommended\r\n              this product. It works well every day and has become an\r\n              important part of my routine.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Carol F.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 2 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Best Probiotic Ever!<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              Can\u2019t live without it. It keeps my digestive system balanced\r\n              and I no longer feel like I have to worry about discomfort\r\n              after every meal.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Awilda G.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 3 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Improved My Routine<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              My doctor recommended VSL#3 probiotics. It has honestly\r\n              improved my quality of life and helped me feel more confident\r\n              in my daily digestive routine.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Sharon R.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 4 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Made a Real Difference<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              I noticed a meaningful difference after adding this product\r\n              to my routine. It has been dependable, easy to use and worth\r\n              continuing.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>James T.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 5 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Highly Recommended<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              This is one of the most reliable probiotic products I have\r\n              tried. The quality feels consistent and I am very satisfied\r\n              with the results.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Linda M.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 6 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Part of My Daily Routine<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              I have used this consistently and it has become part of my\r\n              everyday routine. The product arrived carefully packaged and\r\n              was easy to order.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Michael D.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 7 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Excellent Daily Support<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              I have been taking this product consistently and it has\r\n              provided dependable daily support. The quality has remained\r\n              consistent with every order.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Patricia K.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 8 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Reliable and Effective<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              This has been one of the most reliable products I have used.\r\n              Ordering was simple, delivery was fast and the product\r\n              arrived carefully packaged.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Robert H.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 9 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Worth Staying With<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              After trying several different probiotic products, this is\r\n              the one I decided to continue using. It fits easily into my\r\n              routine and feels dependable.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Donna B.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REVIEW 10 -->\r\n        <article class=\"vsl-review-card\">\r\n\r\n          <div class=\"vsl-review-stars\" aria-label=\"5 out of 5 stars\">\r\n            \u2605\u2605\u2605\u2605\u2605\r\n          <\/div>\r\n\r\n          <h3>Very Satisfied<\/h3>\r\n\r\n          <div class=\"vsl-review-content\">\r\n            <span class=\"vsl-review-quote\">\u201c<\/span>\r\n\r\n            <p>\r\n              I am very satisfied with both the product and the service.\r\n              It was delivered quickly, arrived in excellent condition and\r\n              has become part of my regular routine.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"vsl-review-footer\">\r\n\r\n            <span class=\"vsl-review-gold-line\"><\/span>\r\n\r\n            <div class=\"vsl-review-author\">\r\n              <strong>Steven C.<\/strong>\r\n\r\n              <span class=\"vsl-verified-badge\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 2.7 14.3 5l3.2-.2.8 3.1 2.7 1.7-1.2 3 1.2 3-2.7 1.7-.8 3.1-3.2-.2L12 22.3l-2.3-2.1-3.2.2-.8-3.1L3 15.6l1.2-3-1.2-3 2.7-1.7.8-3.1 3.2.2z\"><\/path>\r\n                  <path d=\"m8.5 12.4 2.2 2.2 4.8-5\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n\r\n              <span>Verified buyer<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u63a7\u5236\u5668 -->\r\n    <div class=\"vsl-reviews-controls\">\r\n\r\n      <button\r\n        class=\"vsl-review-arrow vsl-review-prev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous reviews\"\r\n      >\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m15 5-7 7 7 7\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"vsl-review-dots\"><\/div>\r\n\r\n      <button\r\n        class=\"vsl-review-arrow vsl-review-next\"\r\n        type=\"button\"\r\n        aria-label=\"Next reviews\"\r\n      >\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m9 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =====================================================\r\n   BASE\r\n===================================================== *\/\r\n\r\n.vsl-reviews-section{\r\n  --review-navy:#0b2d6b;\r\n  --review-blue:#1d68b4;\r\n  --review-text:#59677c;\r\n  --review-gold:#efb400;\r\n  --review-quote:#afd2f7;\r\n  --review-border:#e3e8ef;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  padding:82px 40px 64px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(215,231,247,.2),\r\n      transparent 32%\r\n    ),\r\n    #faf9f6;\r\n  color:var(--review-navy);\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vsl-reviews-section,\r\n.vsl-reviews-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsl-reviews-container{\r\n  width:min(1260px, 100%);\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =====================================================\r\n   HEADING\r\n===================================================== *\/\r\n\r\n.vsl-reviews-heading{\r\n  max-width:820px;\r\n  margin:0 auto 52px;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-reviews-eyebrow{\r\n  color:var(--review-blue);\r\n  font-size:14px;\r\n  font-weight:700;\r\n  line-height:1.3;\r\n  letter-spacing:2.7px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-reviews-heading-line{\r\n  width:68px;\r\n  height:2px;\r\n  display:block;\r\n  margin:16px auto 22px;\r\n  background:var(--review-gold);\r\n}\r\n\r\n.vsl-reviews-heading h2{\r\n  margin:0;\r\n  color:var(--review-navy);\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(46px, 4.8vw, 68px);\r\n  font-weight:400;\r\n  line-height:1.04;\r\n  letter-spacing:-2px;\r\n}\r\n\r\n.vsl-reviews-heading p{\r\n  max-width:650px;\r\n  margin:22px auto 0;\r\n  color:var(--review-text);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n.vsl-reviews-heading sup{\r\n  font-size:.55em;\r\n}\r\n\r\n\/* =====================================================\r\n   SLIDER\r\n===================================================== *\/\r\n\r\n.vsl-reviews-slider{\r\n  width:100% !important;\r\n  max-width:1260px !important;\r\n  margin:0 auto !important;\r\n  overflow:hidden !important;\r\n}\r\n\r\n.vsl-reviews-track{\r\n  width:100% !important;\r\n  display:flex !important;\r\n  flex-direction:row !important;\r\n  flex-wrap:nowrap !important;\r\n  align-items:stretch !important;\r\n  gap:20px !important;\r\n  overflow-x:auto !important;\r\n  overflow-y:hidden !important;\r\n  scroll-behavior:smooth !important;\r\n  scroll-snap-type:x mandatory !important;\r\n  scrollbar-width:none !important;\r\n  overscroll-behavior-x:contain;\r\n}\r\n\r\n.vsl-reviews-track::-webkit-scrollbar{\r\n  display:none !important;\r\n}\r\n\r\n\/* =====================================================\r\n   CARD \u2014 \u7535\u8111\u7aef\u4e25\u683c\u663e\u793a\u4e09\u5f20\r\n===================================================== *\/\r\n\r\n.vsl-review-card{\r\n  flex-grow:0 !important;\r\n  flex-shrink:0 !important;\r\n  flex-basis:calc((100% - 40px) \/ 3) !important;\r\n\r\n  width:calc((100% - 40px) \/ 3) !important;\r\n  min-width:calc((100% - 40px) \/ 3) !important;\r\n  max-width:calc((100% - 40px) \/ 3) !important;\r\n\r\n  min-height:335px;\r\n  padding:32px 31px 28px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  scroll-snap-align:start;\r\n  border:1px solid rgba(17,49,99,.08);\r\n  border-radius:10px;\r\n  background:linear-gradient(145deg,#fff,#fdfefe);\r\n  box-shadow:\r\n    0 10px 28px rgba(33,54,79,.08),\r\n    0 2px 5px rgba(33,54,79,.04);\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.vsl-review-card:hover{\r\n  transform:translateY(-7px);\r\n  box-shadow:\r\n    0 22px 42px rgba(33,54,79,.12),\r\n    0 4px 8px rgba(33,54,79,.05);\r\n}\r\n\r\n.vsl-review-stars{\r\n  color:var(--review-gold);\r\n  font-size:21px;\r\n  line-height:1;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.vsl-review-card h3{\r\n  margin:23px 0 17px;\r\n  color:var(--review-navy);\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:29px;\r\n  font-weight:400;\r\n  line-height:1.12;\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.vsl-review-content{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:25px minmax(0,1fr);\r\n  gap:12px;\r\n}\r\n\r\n.vsl-review-quote{\r\n  position:relative;\r\n  top:-6px;\r\n  color:var(--review-quote);\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:49px;\r\n  font-weight:700;\r\n  line-height:1;\r\n}\r\n\r\n.vsl-review-content p{\r\n  margin:0;\r\n  overflow:hidden;\r\n  display:-webkit-box;\r\n  -webkit-box-orient:vertical;\r\n  -webkit-line-clamp:4;\r\n  color:#3f4652;\r\n  font-size:15px;\r\n  line-height:1.65;\r\n}\r\n\r\n.vsl-review-footer{\r\n  margin-top:auto;\r\n  padding-top:28px;\r\n}\r\n\r\n.vsl-review-gold-line{\r\n  width:40px;\r\n  height:2px;\r\n  display:block;\r\n  margin-bottom:15px;\r\n  background:var(--review-gold);\r\n  transition:width .35s ease;\r\n}\r\n\r\n.vsl-review-card:hover .vsl-review-gold-line{\r\n  width:72px;\r\n}\r\n\r\n.vsl-review-author{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:7px;\r\n  color:#748198;\r\n  font-size:14px;\r\n}\r\n\r\n.vsl-review-author strong{\r\n  color:var(--review-navy);\r\n  font-size:15px;\r\n}\r\n\r\n.vsl-verified-badge{\r\n  width:18px;\r\n  height:18px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#1d73bf;\r\n}\r\n\r\n.vsl-verified-badge svg{\r\n  width:100%;\r\n  height:100%;\r\n  fill:currentColor;\r\n  stroke:#fff;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-verified-badge svg path:last-child{\r\n  fill:none;\r\n}\r\n\r\n\/* =====================================================\r\n   CONTROLS\r\n===================================================== *\/\r\n\r\n.vsl-reviews-controls{\r\n  margin-top:36px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:30px;\r\n}\r\n\r\n.vsl-review-arrow{\r\n  width:42px;\r\n  height:42px;\r\n  margin:0;\r\n  padding:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(11,45,107,.35);\r\n  border-radius:50%;\r\n  background:#fff;\r\n  color:var(--review-navy);\r\n  box-shadow:0 6px 16px rgba(27,47,75,.07);\r\n  cursor:pointer;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    color .25s ease,\r\n    opacity .25s ease;\r\n}\r\n\r\n.vsl-review-arrow svg{\r\n  width:19px;\r\n  height:19px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-review-arrow:hover{\r\n  transform:translateY(-2px);\r\n  background:var(--review-navy);\r\n  color:#fff;\r\n}\r\n\r\n.vsl-review-arrow:disabled{\r\n  opacity:.35;\r\n  cursor:not-allowed;\r\n  transform:none;\r\n}\r\n\r\n.vsl-review-dots{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:9px;\r\n}\r\n\r\n.vsl-review-dot{\r\n  width:8px;\r\n  height:8px;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:#d5d8dc;\r\n  cursor:pointer;\r\n  transition:\r\n    width .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.vsl-review-dot.is-active{\r\n  width:24px;\r\n  border-radius:99px;\r\n  background:var(--review-blue);\r\n}\r\n\r\n\/* =====================================================\r\n   TABLET \u2014 \u4e24\u5f20\r\n===================================================== *\/\r\n\r\n@media (max-width:1000px){\r\n\r\n  .vsl-reviews-section{\r\n    padding:70px 28px 54px;\r\n  }\r\n\r\n  .vsl-reviews-track{\r\n    gap:18px !important;\r\n  }\r\n\r\n  .vsl-review-card{\r\n    flex-basis:calc((100% - 18px) \/ 2) !important;\r\n\r\n    width:calc((100% - 18px) \/ 2) !important;\r\n    min-width:calc((100% - 18px) \/ 2) !important;\r\n    max-width:calc((100% - 18px) \/ 2) !important;\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   MOBILE \u2014 \u4e00\u5f20\r\n===================================================== *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsl-reviews-section{\r\n    padding:56px 18px 42px;\r\n  }\r\n\r\n  .vsl-reviews-heading{\r\n    margin-bottom:36px;\r\n  }\r\n\r\n  .vsl-reviews-eyebrow{\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n  }\r\n\r\n  .vsl-reviews-heading-line{\r\n    width:54px;\r\n    margin:14px auto 20px;\r\n  }\r\n\r\n  .vsl-reviews-heading h2{\r\n    font-size:clamp(39px,11.5vw,50px);\r\n    line-height:1.02;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .vsl-reviews-heading p{\r\n    margin-top:18px;\r\n    font-size:14px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .vsl-reviews-track{\r\n    gap:14px !important;\r\n  }\r\n\r\n  .vsl-review-card{\r\n    flex-basis:100% !important;\r\n\r\n    width:100% !important;\r\n    min-width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    min-height:325px;\r\n    padding:27px 23px 24px;\r\n    scroll-snap-align:center;\r\n  }\r\n\r\n  .vsl-review-stars{\r\n    font-size:19px;\r\n  }\r\n\r\n  .vsl-review-card h3{\r\n    margin:19px 0 15px;\r\n    font-size:27px;\r\n  }\r\n\r\n  .vsl-review-content{\r\n    grid-template-columns:22px minmax(0,1fr);\r\n    gap:9px;\r\n  }\r\n\r\n  .vsl-review-quote{\r\n    font-size:42px;\r\n  }\r\n\r\n  .vsl-review-content p{\r\n    font-size:14px;\r\n    line-height:1.65;\r\n    -webkit-line-clamp:5;\r\n  }\r\n\r\n  .vsl-review-footer{\r\n    padding-top:24px;\r\n  }\r\n\r\n  .vsl-reviews-controls{\r\n    margin-top:27px;\r\n    gap:23px;\r\n  }\r\n\r\n  .vsl-review-arrow{\r\n    width:40px;\r\n    height:40px;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width:390px){\r\n\r\n  .vsl-review-card{\r\n    min-height:315px;\r\n  }\r\n\r\n  .vsl-review-card h3{\r\n    font-size:25px;\r\n  }\r\n\r\n  .vsl-review-content p{\r\n    font-size:13.5px;\r\n  }\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .vsl-reviews-track{\r\n    scroll-behavior:auto !important;\r\n  }\r\n\r\n  .vsl-review-card,\r\n  .vsl-review-gold-line,\r\n  .vsl-review-arrow,\r\n  .vsl-review-dot{\r\n    transition:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initializeVslReviews() {\r\n\r\n    document.querySelectorAll('.vsl-reviews-section').forEach(function (section) {\r\n\r\n      if (section.dataset.sliderInitialized === 'true') {\r\n        return;\r\n      }\r\n\r\n      section.dataset.sliderInitialized = 'true';\r\n\r\n      const track = section.querySelector('.vsl-reviews-track');\r\n      const cards = Array.from(\r\n        section.querySelectorAll('.vsl-review-card')\r\n      );\r\n\r\n      const previousButton = section.querySelector('.vsl-review-prev');\r\n      const nextButton = section.querySelector('.vsl-review-next');\r\n      const dotsContainer = section.querySelector('.vsl-review-dots');\r\n\r\n      if (\r\n        !track ||\r\n        !cards.length ||\r\n        !previousButton ||\r\n        !nextButton ||\r\n        !dotsContainer\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      let currentPage = 0;\r\n      let currentCardsPerView = getCardsPerView();\r\n      let scrollTimer = null;\r\n      let resizeTimer = null;\r\n\r\n      function getCardsPerView() {\r\n\r\n        if (window.innerWidth <= 767) {\r\n          return 1;\r\n        }\r\n\r\n        if (window.innerWidth <= 1000) {\r\n          return 2;\r\n        }\r\n\r\n        return 3;\r\n\r\n      }\r\n\r\n      function getStartIndexes() {\r\n\r\n        const cardsPerView = getCardsPerView();\r\n        const maximumStartIndex = Math.max(\r\n          0,\r\n          cards.length - cardsPerView\r\n        );\r\n\r\n        const indexes = [];\r\n\r\n        for (\r\n          let index = 0;\r\n          index <= maximumStartIndex;\r\n          index += cardsPerView\r\n        ) {\r\n          indexes.push(index);\r\n        }\r\n\r\n        \/*\r\n         * 10\u5f20\u5361\u7247\u3001\u7535\u8111\u7aef3\u5f20\uff1a\r\n         * \u6b63\u5e38\u7ed3\u679c\u662f 0\u30013\u30016\u30019\u3002\r\n         * \u628a\u6700\u540e\u4e00\u4e2a9\u66ff\u6362\u62107\uff0c\r\n         * \u6700\u540e\u4e00\u9875\u663e\u793a\u7b2c8\u30019\u300110\u5f20\u3002\r\n         *\/\r\n        if (\r\n          indexes[indexes.length - 1] !== maximumStartIndex\r\n        ) {\r\n          indexes.push(maximumStartIndex);\r\n        } else if (\r\n          indexes.length > 1 &&\r\n          indexes[indexes.length - 1] -\r\n          indexes[indexes.length - 2] < cardsPerView\r\n        ) {\r\n          indexes[indexes.length - 1] = maximumStartIndex;\r\n        }\r\n\r\n        return Array.from(new Set(indexes));\r\n\r\n      }\r\n\r\n      function getDots() {\r\n        return Array.from(\r\n          dotsContainer.querySelectorAll('.vsl-review-dot')\r\n        );\r\n      }\r\n\r\n      function createDots() {\r\n\r\n        dotsContainer.innerHTML = '';\r\n\r\n        const startIndexes = getStartIndexes();\r\n\r\n        startIndexes.forEach(function (_, index) {\r\n\r\n          const dot = document.createElement('button');\r\n\r\n          dot.type = 'button';\r\n          dot.className = 'vsl-review-dot';\r\n          dot.setAttribute(\r\n            'aria-label',\r\n            'Go to review group ' + (index + 1)\r\n          );\r\n\r\n          dot.addEventListener('click', function () {\r\n            goToPage(index);\r\n          });\r\n\r\n          dotsContainer.appendChild(dot);\r\n\r\n        });\r\n\r\n        updateControls();\r\n\r\n      }\r\n\r\n      function scrollToCard(cardIndex, behavior) {\r\n\r\n        const card = cards[cardIndex];\r\n\r\n        if (!card) {\r\n          return;\r\n        }\r\n\r\n        const leftPosition = card.offsetLeft - track.offsetLeft;\r\n\r\n        track.scrollTo({\r\n          left:leftPosition,\r\n          behavior:behavior || 'smooth'\r\n        });\r\n\r\n      }\r\n\r\n      function goToPage(pageIndex) {\r\n\r\n        const startIndexes = getStartIndexes();\r\n        const lastPage = startIndexes.length - 1;\r\n\r\n        if (pageIndex < 0) {\r\n          pageIndex = 0;\r\n        }\r\n\r\n        if (pageIndex > lastPage) {\r\n          pageIndex = lastPage;\r\n        }\r\n\r\n        currentPage = pageIndex;\r\n\r\n        scrollToCard(\r\n          startIndexes[currentPage],\r\n          'smooth'\r\n        );\r\n\r\n        updateControls();\r\n\r\n      }\r\n\r\n      function updateControls() {\r\n\r\n        const dots = getDots();\r\n        const startIndexes = getStartIndexes();\r\n\r\n        if (currentPage > startIndexes.length - 1) {\r\n          currentPage = startIndexes.length - 1;\r\n        }\r\n\r\n        dots.forEach(function (dot, index) {\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            index === currentPage\r\n          );\r\n        });\r\n\r\n        previousButton.disabled = currentPage === 0;\r\n        nextButton.disabled =\r\n          currentPage === startIndexes.length - 1;\r\n\r\n      }\r\n\r\n      function detectCurrentPage() {\r\n\r\n        const startIndexes = getStartIndexes();\r\n        const trackLeft = track.getBoundingClientRect().left;\r\n\r\n        let nearestPage = 0;\r\n        let nearestDistance = Infinity;\r\n\r\n        startIndexes.forEach(function (cardIndex, pageIndex) {\r\n\r\n          const card = cards[cardIndex];\r\n\r\n          if (!card) {\r\n            return;\r\n          }\r\n\r\n          const distance = Math.abs(\r\n            card.getBoundingClientRect().left - trackLeft\r\n          );\r\n\r\n          if (distance < nearestDistance) {\r\n            nearestDistance = distance;\r\n            nearestPage = pageIndex;\r\n          }\r\n\r\n        });\r\n\r\n        currentPage = nearestPage;\r\n        updateControls();\r\n\r\n      }\r\n\r\n      previousButton.addEventListener('click', function () {\r\n        goToPage(currentPage - 1);\r\n      });\r\n\r\n      nextButton.addEventListener('click', function () {\r\n        goToPage(currentPage + 1);\r\n      });\r\n\r\n      track.addEventListener('scroll', function () {\r\n\r\n        clearTimeout(scrollTimer);\r\n\r\n        scrollTimer = setTimeout(function () {\r\n          detectCurrentPage();\r\n        }, 100);\r\n\r\n      }, { passive:true });\r\n\r\n      window.addEventListener('resize', function () {\r\n\r\n        clearTimeout(resizeTimer);\r\n\r\n        resizeTimer = setTimeout(function () {\r\n\r\n          const newCardsPerView = getCardsPerView();\r\n\r\n          if (newCardsPerView !== currentCardsPerView) {\r\n\r\n            currentCardsPerView = newCardsPerView;\r\n            currentPage = 0;\r\n\r\n            createDots();\r\n            scrollToCard(0, 'auto');\r\n\r\n          } else {\r\n\r\n            updateControls();\r\n\r\n          }\r\n\r\n        }, 180);\r\n\r\n      });\r\n\r\n      createDots();\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initializeVslReviews\r\n    );\r\n\r\n  } else {\r\n\r\n    initializeVslReviews();\r\n\r\n  }\r\n\r\n  \/*\r\n   * Elementor \u7f16\u8f91\u5668\u4e2d\u7ec4\u4ef6\u53ef\u80fd\u5ef6\u8fdf\u6e32\u67d3\uff0c\r\n   * \u518d\u6267\u884c\u4e00\u6b21\u521d\u59cb\u5316\u3002\r\n   *\/\r\n  setTimeout(initializeVslReviews, 700);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b1e051e e-con e-atomic-element e-flexbox-base e-cee7b65 \" data-id=\"b1e051e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b1e051e\" data-e-type=\"e-flexbox\" data-id=\"b1e051e\">\n    \t\t<div class=\"elementor-element elementor-element-2473d9d elementor-widget elementor-widget-html\" data-id=\"2473d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     VSL CLEAN INGREDIENTS + DIFFERENCE SECTION\r\n     \u53ef\u76f4\u63a5\u590d\u5236\u5230 Elementor HTML \u5c0f\u5de5\u5177\r\n====================================================== -->\r\n\r\n<section class=\"vsl-premium-difference\">\r\n\r\n  <!-- =========================================\r\n       TOP\uff1aCLEAN INGREDIENTS\r\n  ========================================== -->\r\n  <div class=\"vsl-clean-section\">\r\n\r\n    <div class=\"vsl-clean-inner\">\r\n\r\n      <div class=\"vsl-clean-copy\">\r\n\r\n        <div class=\"vsl-clean-eyebrow\">\r\n          Pure by design\r\n        <\/div>\r\n\r\n        <h2>\r\n          Clean Ingredients.<br>\r\n          Trusted Standards.\r\n        <\/h2>\r\n\r\n        <p>\r\n          We believe what\u2019s not in your probiotic\r\n          is just as important as what is.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsl-clean-features\">\r\n\r\n        <!-- FEATURE 1 -->\r\n        <div class=\"vsl-clean-feature\">\r\n\r\n          <div class=\"vsl-clean-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M50 13C30 14 17 25 13 48c12-2 22-7 28-16\"><\/path>\r\n              <path d=\"M15 48c7-11 17-20 31-27\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Dairy-Free<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- FEATURE 2 -->\r\n        <div class=\"vsl-clean-feature\">\r\n\r\n          <div class=\"vsl-clean-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M25 8h14\"><\/path>\r\n              <path d=\"M28 8v12L14 45a7 7 0 0 0 6 11h24a7 7 0 0 0 6-11L36 20V8\"><\/path>\r\n              <path d=\"M21 42h22\"><\/path>\r\n              <circle cx=\"27\" cy=\"37\" r=\"2\"><\/circle>\r\n              <circle cx=\"37\" cy=\"47\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Gluten-Free<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- FEATURE 3 -->\r\n        <div class=\"vsl-clean-feature\">\r\n\r\n          <div class=\"vsl-clean-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M23 10c9 7 9 15 0 22s-9 15 0 22\"><\/path>\r\n              <path d=\"M41 10c-9 7-9 15 0 22s9 15 0 22\"><\/path>\r\n              <path d=\"M25 17h14\"><\/path>\r\n              <path d=\"M25 27h14\"><\/path>\r\n              <path d=\"M25 37h14\"><\/path>\r\n              <path d=\"M25 47h14\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>No GMOs<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- FEATURE 4 -->\r\n        <div class=\"vsl-clean-feature\">\r\n\r\n          <div class=\"vsl-clean-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M16 46 43 19\"><\/path>\r\n              <path d=\"m39 15 10 10\"><\/path>\r\n              <path d=\"M13 49c-3-3-3-8 0-11l17-17 11 11-17 17c-3 3-8 3-11 0Z\"><\/path>\r\n              <path d=\"m12 52 5-5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Soy-Free<\/h3>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =========================================\r\n       BOTTOM\uff1aTHE VSL DIFFERENCE\r\n  ========================================== -->\r\n  <div class=\"vsl-difference-section\">\r\n\r\n    <div class=\"vsl-difference-inner\">\r\n\r\n      <div class=\"vsl-difference-heading\">\r\n\r\n        <div class=\"vsl-difference-eyebrow\">\r\n          Science. Quality. Trust.\r\n        <\/div>\r\n\r\n        <h2>The VSL<sup>\u00ae<\/sup> Probiotics Difference<\/h2>\r\n\r\n        <span class=\"vsl-difference-line\"><\/span>\r\n\r\n        <p>\r\n          Thoughtfully formulated probiotics built on scientific\r\n          experience, quality standards and professional confidence.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsl-difference-grid\">\r\n\r\n        <!-- CARD 1 -->\r\n        <article class=\"vsl-difference-card\">\r\n\r\n          <div class=\"vsl-difference-image\">\r\n            <img decoding=\"async\"\r\n              src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/3_1c825f6a-9068-4080-8d49-7f6901824436.png\"\r\n              alt=\"Medical Foods and Supplements\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"vsl-difference-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M24 8h16\"><\/path>\r\n              <path d=\"M27 8v9L18 25v28h28V25l-9-8V8\"><\/path>\r\n              <path d=\"M25 35h14\"><\/path>\r\n              <path d=\"M32 28v14\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Medical Foods &amp; Supplements<\/h3>\r\n\r\n          <p>\r\n            From medical foods formulated for dietary management\r\n            to supplements for daily wellness, every product is\r\n            developed with care, consistency and quality.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <!-- CARD 2 -->\r\n        <article class=\"vsl-difference-card\">\r\n\r\n          <div class=\"vsl-difference-image\">\r\n            <img decoding=\"async\"\r\n              src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/2_9263c34e-29f2-4619-8002-7983d0861a8d.png\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"vsl-difference-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M28 8h9\"><\/path>\r\n              <path d=\"M32 8v12\"><\/path>\r\n              <path d=\"m37 20 10 10\"><\/path>\r\n              <path d=\"M27 23 13 37\"><\/path>\r\n              <path d=\"M17 49h29\"><\/path>\r\n              <path d=\"M14 37a11 11 0 0 0 11 11\"><\/path>\r\n              <circle cx=\"40\" cy=\"34\" r=\"7\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Proven Potency<\/h3>\r\n\r\n          <p>\r\n            High-potency formulations developed to maintain\r\n            labeled CFU counts through expiration when stored\r\n            and handled as recommended.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <!-- CARD 3 -->\r\n        <article class=\"vsl-difference-card\">\r\n\r\n          <div class=\"vsl-difference-image\">\r\n            <img decoding=\"async\"\r\n              src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/Desktop_2_21952021-dcc3-49b8-a12a-093c8c7ccf21.png\"\r\n              alt=\"Evidence Based Formulations\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"vsl-difference-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M20 10h24v44H20z\"><\/path>\r\n              <path d=\"M26 10V7h12v3\"><\/path>\r\n              <path d=\"m26 26 4 4 8-9\"><\/path>\r\n              <path d=\"M26 38h12\"><\/path>\r\n              <path d=\"M26 45h12\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Evidence-Based Formulations<\/h3>\r\n\r\n          <p>\r\n            Carefully selected probiotic strains and combinations\r\n            supported by research and guided by microbiome science.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <!-- CARD 4 -->\r\n        <article class=\"vsl-difference-card\">\r\n\r\n          <div class=\"vsl-difference-image\">\r\n            <img decoding=\"async\"\r\n              src=\"http:\/\/www.us-vsl3.shop\/wp-content\/uploads\/2026\/07\/white_pill_update_1.png\"\r\n              alt=\"Trusted by Professionals\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"vsl-difference-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M32 7 50 14v14c0 14-8 23-18 29-10-6-18-15-18-29V14z\"><\/path>\r\n              <path d=\"m23 32 6 6 13-14\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Trusted by Professionals<\/h3>\r\n\r\n          <p>\r\n            Rooted in a long-standing probiotic heritage and\r\n            trusted by healthcare professionals for scientific\r\n            rigor, consistency and quality.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =====================================================\r\n   GLOBAL\r\n===================================================== *\/\r\n\r\n.vsl-premium-difference{\r\n  --vsl-navy:#06296a;\r\n  --vsl-navy-dark:#031f57;\r\n  --vsl-blue:#2d6dc0;\r\n  --vsl-light:#eff7ff;\r\n  --vsl-gold:#e5b43a;\r\n  --vsl-white:#ffffff;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  color:var(--vsl-navy);\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vsl-premium-difference,\r\n.vsl-premium-difference *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsl-premium-difference a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n\/* =====================================================\r\n   CLEAN INGREDIENTS\r\n===================================================== *\/\r\n\r\n.vsl-clean-section{\r\n  position:relative;\r\n  padding:76px 42px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 3% 85%,\r\n      rgba(146,194,239,.45),\r\n      transparent 15%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 12%,\r\n      rgba(153,198,241,.5),\r\n      transparent 19%\r\n    ),\r\n    linear-gradient(\r\n      110deg,\r\n      #ffffff 0%,\r\n      #f6faff 41%,\r\n      #dceeff 100%\r\n    );\r\n}\r\n\r\n.vsl-clean-section::before,\r\n.vsl-clean-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  border:2px solid rgba(76,132,196,.13);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsl-clean-section::before{\r\n  width:225px;\r\n  height:225px;\r\n  left:-115px;\r\n  bottom:-100px;\r\n  box-shadow:\r\n    inset 0 0 45px rgba(124,174,226,.08),\r\n    0 0 40px rgba(124,174,226,.08);\r\n}\r\n\r\n.vsl-clean-section::after{\r\n  width:330px;\r\n  height:330px;\r\n  right:-165px;\r\n  top:-165px;\r\n  box-shadow:\r\n    inset 0 0 60px rgba(124,174,226,.1),\r\n    0 0 50px rgba(124,174,226,.07);\r\n}\r\n\r\n.vsl-clean-inner{\r\n  width:min(1400px,100%);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(270px,.72fr) minmax(700px,1.75fr);\r\n  align-items:center;\r\n  gap:65px;\r\n}\r\n\r\n.vsl-clean-copy{\r\n  padding-right:25px;\r\n}\r\n\r\n.vsl-clean-eyebrow{\r\n  margin-bottom:15px;\r\n  color:var(--vsl-blue);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:2.3px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-clean-copy h2{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(43px,3.6vw,61px);\r\n  font-weight:400;\r\n  line-height:1.04;\r\n  letter-spacing:-1.8px;\r\n  color:var(--vsl-navy);\r\n}\r\n\r\n.vsl-clean-copy p{\r\n  max-width:360px;\r\n  margin:22px 0 0;\r\n  color:#587094;\r\n  font-size:16px;\r\n  line-height:1.7;\r\n}\r\n\r\n.vsl-clean-features{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n}\r\n\r\n.vsl-clean-feature{\r\n  min-height:160px;\r\n  position:relative;\r\n  padding:0 24px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-clean-feature:not(:last-child)::after{\r\n  content:\"\";\r\n  width:1px;\r\n  height:105px;\r\n  position:absolute;\r\n  right:0;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      rgba(53,94,151,.22),\r\n      transparent\r\n    );\r\n}\r\n\r\n.vsl-clean-icon{\r\n  width:82px;\r\n  height:82px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border:1px solid rgba(30,80,150,.09);\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.78);\r\n  box-shadow:0 12px 30px rgba(36,87,141,.11);\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.vsl-clean-icon svg{\r\n  width:45px;\r\n  height:45px;\r\n  fill:none;\r\n  stroke:#3271c5;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-clean-feature h3{\r\n  margin:20px 0 0;\r\n  font-size:17px;\r\n  font-weight:700;\r\n  color:var(--vsl-navy);\r\n}\r\n\r\n.vsl-clean-feature:hover .vsl-clean-icon{\r\n  transform:translateY(-7px);\r\n  box-shadow:0 20px 38px rgba(36,87,141,.16);\r\n}\r\n\r\n\/* =====================================================\r\n   DIFFERENCE SECTION\r\n===================================================== *\/\r\n\r\n.vsl-difference-section{\r\n  position:relative;\r\n  padding:78px 42px 72px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(53,113,195,.12),\r\n      transparent 37%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--vsl-navy-dark),\r\n      #083179 55%,\r\n      #062967\r\n    );\r\n  color:#fff;\r\n}\r\n\r\n.vsl-difference-inner{\r\n  width:min(1400px,100%);\r\n  margin:0 auto;\r\n}\r\n\r\n.vsl-difference-heading{\r\n  max-width:860px;\r\n  margin:0 auto 47px;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-difference-eyebrow{\r\n  margin-bottom:14px;\r\n  color:#8ebdf0;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:2.5px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsl-difference-heading h2{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:clamp(43px,3.8vw,61px);\r\n  font-weight:400;\r\n  line-height:1.05;\r\n  letter-spacing:-1.5px;\r\n  color:#fff;\r\n}\r\n\r\n.vsl-difference-heading h2 sup{\r\n  position:relative;\r\n  top:-.35em;\r\n  font-family:Arial, Helvetica, sans-serif;\r\n  font-size:.4em;\r\n  line-height:0;\r\n}\r\n\r\n.vsl-difference-line{\r\n  width:62px;\r\n  height:2px;\r\n  display:block;\r\n  margin:22px auto;\r\n  background:var(--vsl-gold);\r\n}\r\n\r\n.vsl-difference-heading p{\r\n  max-width:700px;\r\n  margin:0 auto;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n.vsl-difference-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n}\r\n\r\n.vsl-difference-card{\r\n  min-width:0;\r\n  position:relative;\r\n  padding:0 34px;\r\n  text-align:center;\r\n}\r\n\r\n.vsl-difference-card:not(:last-child)::after{\r\n  content:\"\";\r\n  width:1px;\r\n  height:350px;\r\n  position:absolute;\r\n  top:10px;\r\n  right:0;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      rgba(255,255,255,.32) 17%,\r\n      rgba(255,255,255,.32) 83%,\r\n      transparent\r\n    );\r\n}\r\n\r\n.vsl-difference-image{\r\n  width:190px;\r\n  height:190px;\r\n  margin:0 auto 24px;\r\n  overflow:hidden;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.14);\r\n  box-shadow:\r\n    0 20px 38px rgba(0,0,0,.17),\r\n    inset 0 0 0 7px rgba(255,255,255,.03);\r\n}\r\n\r\n.vsl-difference-image img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  transition:transform .65s ease;\r\n}\r\n\r\n.vsl-difference-icon{\r\n  width:35px;\r\n  height:35px;\r\n  margin:0 auto 14px;\r\n  color:var(--vsl-gold);\r\n}\r\n\r\n.vsl-difference-icon svg{\r\n  width:100%;\r\n  height:100%;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.65;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.vsl-difference-card h3{\r\n  margin:0;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:22px;\r\n  font-weight:400;\r\n  line-height:1.25;\r\n  color:#fff;\r\n}\r\n\r\n.vsl-difference-card p{\r\n  max-width:245px;\r\n  margin:14px auto 0;\r\n  color:rgba(255,255,255,.74);\r\n  font-size:13px;\r\n  line-height:1.7;\r\n}\r\n\r\n.vsl-difference-card:hover .vsl-difference-image img{\r\n  transform:scale(1.07);\r\n}\r\n\r\n.vsl-difference-action{\r\n  margin-top:48px;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.vsl-difference-button{\r\n  min-width:250px;\r\n  height:56px;\r\n  padding:0 27px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:32px;\r\n  border:1px solid var(--vsl-gold);\r\n  border-radius:999px;\r\n  color:var(--vsl-gold) !important;\r\n  font-size:15px;\r\n  font-weight:700;\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.vsl-difference-button svg{\r\n  width:20px;\r\n  height:20px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.vsl-difference-button:hover{\r\n  transform:translateY(-3px);\r\n  background:var(--vsl-gold);\r\n  color:var(--vsl-navy-dark) !important;\r\n  box-shadow:0 15px 30px rgba(0,0,0,.16);\r\n}\r\n\r\n.vsl-difference-button:hover svg{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .vsl-clean-section,\r\n  .vsl-difference-section{\r\n    padding-left:28px;\r\n    padding-right:28px;\r\n  }\r\n\r\n  .vsl-clean-inner{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n  }\r\n\r\n  .vsl-clean-copy{\r\n    max-width:700px;\r\n    margin:auto;\r\n    padding:0;\r\n    text-align:center;\r\n  }\r\n\r\n  .vsl-clean-copy p{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .vsl-difference-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:48px 0;\r\n  }\r\n\r\n  .vsl-difference-card:nth-child(2)::after{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-difference-card:nth-child(3)::before,\r\n  .vsl-difference-card:nth-child(4)::before{\r\n    content:\"\";\r\n    width:78%;\r\n    height:1px;\r\n    position:absolute;\r\n    top:-24px;\r\n    left:11%;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.22),\r\n        transparent\r\n      );\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsl-clean-section{\r\n    padding:58px 18px 52px;\r\n  }\r\n\r\n  .vsl-clean-copy h2{\r\n    font-size:clamp(40px,11vw,50px);\r\n    letter-spacing:-1.4px;\r\n  }\r\n\r\n  .vsl-clean-copy p{\r\n    margin-top:18px;\r\n    font-size:14px;\r\n  }\r\n\r\n  .vsl-clean-features{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:30px 0;\r\n  }\r\n\r\n  .vsl-clean-feature{\r\n    min-height:135px;\r\n    padding:0 15px;\r\n  }\r\n\r\n  .vsl-clean-feature:nth-child(2)::after{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-clean-feature:nth-child(3)::before,\r\n  .vsl-clean-feature:nth-child(4)::before{\r\n    content:\"\";\r\n    width:76%;\r\n    height:1px;\r\n    position:absolute;\r\n    top:-15px;\r\n    left:12%;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(53,94,151,.18),\r\n        transparent\r\n      );\r\n  }\r\n\r\n  .vsl-clean-icon{\r\n    width:70px;\r\n    height:70px;\r\n  }\r\n\r\n  .vsl-clean-icon svg{\r\n    width:39px;\r\n    height:39px;\r\n  }\r\n\r\n  .vsl-clean-feature h3{\r\n    margin-top:15px;\r\n    font-size:15px;\r\n  }\r\n\r\n  .vsl-difference-section{\r\n    padding:61px 18px 52px;\r\n  }\r\n\r\n  .vsl-difference-heading{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .vsl-difference-heading h2{\r\n    font-size:clamp(39px,11vw,49px);\r\n  }\r\n\r\n  .vsl-difference-heading p{\r\n    font-size:14px;\r\n  }\r\n\r\n  .vsl-difference-grid{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n  }\r\n\r\n  .vsl-difference-card{\r\n    padding:35px 5px 38px;\r\n  }\r\n\r\n  .vsl-difference-card:not(:last-child)::after{\r\n    width:78%;\r\n    height:1px;\r\n    top:auto;\r\n    right:auto;\r\n    left:11%;\r\n    bottom:0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.22),\r\n        transparent\r\n      );\r\n  }\r\n\r\n  .vsl-difference-card:nth-child(3)::before,\r\n  .vsl-difference-card:nth-child(4)::before{\r\n    display:none;\r\n  }\r\n\r\n  .vsl-difference-image{\r\n    width:178px;\r\n    height:178px;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .vsl-difference-card h3{\r\n    font-size:23px;\r\n  }\r\n\r\n  .vsl-difference-card p{\r\n    max-width:315px;\r\n    font-size:13.5px;\r\n  }\r\n\r\n  .vsl-difference-action{\r\n    margin-top:35px;\r\n  }\r\n\r\n  .vsl-difference-button{\r\n    width:min(100%,315px);\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width:390px){\r\n\r\n  .vsl-clean-features{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsl-clean-feature{\r\n    min-height:120px;\r\n  }\r\n\r\n  .vsl-clean-feature:not(:last-child)::after{\r\n    width:70%;\r\n    height:1px;\r\n    top:auto;\r\n    right:auto;\r\n    left:15%;\r\n    bottom:-15px;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(53,94,151,.18),\r\n        transparent\r\n      );\r\n  }\r\n\r\n  .vsl-clean-feature:nth-child(3)::before,\r\n  .vsl-clean-feature:nth-child(4)::before{\r\n    display:none;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About VSL#3 Science Ingredients Reviews FAQs About VSL#3 Science Ingredients Reviews FAQs Shop VSL#3 Science-backed probiotics The probiotic trusted by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":19,"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/www.us-vsl3.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}