

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Marine Collagen Skin Protein (Chocolate)</title>
       <link rel="canonical" href="//health.drmorepen.com/products/marine-collagen-skin-protein" />	
	   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
       <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
	<script async src="https://cdn.ampproject.org/v0.js"></script>
       <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
	<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> 
       <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
       <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
       <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
 
       <link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
       <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> 
       <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>

              <style amp-custom>
@font-face {
 font-family: 'icons';
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041");
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.woff?15517948492144861041") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.ttf?15517948492144861041") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.svg?15517948492144861041#timber-icons") format("svg");font-weight: normal;font-style: normal;} 
 
.icon:before {display: inline;font-family: "icons";text-decoration: none;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-cart:before {content: "\5b"}.icon-facebook:before {content: "\66"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e905"}.icon-hamburger:before {content: "\e600"}.icon-instagram:before {content: "\e903"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\70"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e906"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901"}.icon-plus:before {content: "\e605"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}

body{margin:0;padding:0;font-size: 17px;line-height: 1.7;font-family: "Assistant", sans-serif;color: #000;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
.cf:before, .cf:after, .wrap:before, .wrap:after, .row:before, .row:after{content:" ";display:table;}
.cf:after, .wrap:after, .row:after{clear:both;}
a{text-decoration: none;cursor: pointer;}
ul,ol{list-style-type: none;margin: 0;padding: 0;}
.wrapper{max-width: 767px;margin: 0 auto;display: block;padding: 0 15px;}
.mainContentBlock{width: 100%;display: block;}
.pageTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;line-height: 1.2;font-size: 1.88235em;font-weight: 700;margin: 0px 0px 15px;font-size: 1.88235em;line-height: 1.2;}
.hrSmall{border-top: solid #1c1d1d;border-width: 1px 0 0;margin: 20px auto;height: 0;width: 50px;}
                @font-face{font-family:'icons';src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592");
                  src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592#iefix") format("embedded-opentype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.woff?2479011992275620592") format("woff"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.ttf?2479011992275620592") format("truetype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.svg?2479011992275620592#timber-icons") format("svg");font-weight:normal;font-style:normal}.icon-fallback-text .icon{display:none}.supports-fontface .icon-fallback-text .icon{display:inline-block}.supports-fontface .icon-fallback-text .fallback-text{clip:rect(0 0 0 0);overflow:hidden;position:absolute;height:1px;width:1px}.icon:before{display:none}.supports-fontface .icon:before{display:inline;font-family:"icons";text-decoration:none;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-amazon_payments:before{content:"\e908"}.icon-american_express:before{content:"\41"}.icon-apple_pay:before{content:"\e907"}.icon-arrow-down:before{content:"\34"}.icon-bitcoin:before{content:"\42"}.icon-cart:before{content:"\5b"}.icon-cirrus:before{content:"\43"}.icon-dankort:before{content:"\64"}.icon-diners_club:before{content:"\63"}.icon-discover:before{content:"\44"}.icon-dogecoin:before{content:"\e900"}.icon-dwolla:before{content:"\e901"}.icon-facebook:before{content:"\66"}.icon-fancy:before{content:"\46"}.icon-forbrugsforeningen:before{content:"\e902"}.icon-google_plus:before{content:"\e905"}.icon-grid-view:before{content:"\e603"}.icon-hamburger:before{content:"\e600"}.icon-instagram:before{content:"\e903"}.icon-interac:before{content:"\49"}.icon-jcb:before{content:"\4a"}.icon-list-view:before{content:"\e604"}.icon-litecoin:before{content:"\e904"}.icon-maestro:before{content:"\6d"}.icon-master:before{content:"\4d"}.icon-minus:before{content:"\e602"}.icon-paypal:before{content:"\50"}.icon-pinterest:before{content:"\70"}.icon-plus:before{content:"\e605"}.icon-rss:before{content:"\72"}.icon-search:before{content:"\73"}.icon-snapchat:before{content:"\e906"}.icon-tumblr:before{content:"\74"}.icon-twitter:before{content:"\54"}.icon-vimeo:before{content:"\76"}.icon-visa:before{content:"\56"}.icon-x:before{content:"\78"}
.icon-cart {
  line-height: 0;
}
    span.icon.icon-cart {
    position: absolute;
    right: 50px;
    top: 14px;
}
    span.cart-text {
    display: inline-block;
    position: relative;
    left: -15px;
}
.icon-cart:before {
  position: relative;
  top: -2px;
  font-size: 1.4em;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
.icon-cart-product-page {
  line-height: 0;
}
.icon-cart-product-page:before {
  position: relative;
  top: -2px;
  font-size: 19px;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
 .icon:before {
    display: inline;
    font-family: "icons";
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, input, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}                
 body{background-color:white}
amp-img{background-color:white;max-width:100%}
.mlveda-ampimg amp-img{height:400px;width:800px}
a.product_name{
	width:100%;
    float:left;
	color:#000;
	padding:0px 0;
  	text-decoration:none;
  	font-weight:400;
	text-align:left;
	font-size:30px;
  	margin:0 0 15px;
       line-height:35px;
	}
	.product-title {
    width: 100%;
    float: left;    
    margin-top: 10px;
    

}

*{
box-sizing: border-box;	
}
.carousel-preview {
    width: 100%;
    margin: 15px auto 0px;
    display: block;
    text-align: center;   
}

header.header {
    text-align: center;
    height: 48px;    
    /* background-color: #cbd5cc; */
  background-color: #fff;
    line-height: 48px;
  border-bottom: 0px solid #ddd;
      border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
button.ampstart-btn.caps.m2 {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 38px;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
     background-position: right center;
       width: 40px;
    background-size: 30px;    font-size: 1.4em;
  height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle;
}
                
span.mlveda-menu-span {
position: absolute;
top: 7px;
left: 45px;
font-size: 16px;
font-weight: bold;
}                
                
a.cart {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 0px;
  	text-decoration: none;
  	font-weight: bold;
}
/* a.cart svg {
    width: 30px;
    height: 30px;
} */
                a.cart svg {
    width: 50px;
    height: 50px;
}
.selector-wrapper {
	 margin-top: 15px;
	}
.selector-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    
    border:1px solid #666;
    padding: 7px 25px 7px 10px;
  
   background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve"> <path fill="#000" d="M0,0c0,0,3.4,4.4,3.5,4.4C3.7,4.4,7.1,0,7.1,0H0z"/></svg>')  no-repeat;
   
  background-position: right 7px center;
}
.selector-wrapper label{
	width:100%;
	float:left;
	margin-bottom:3px;
}
     amp-selector [option][selected] {
    cursor: auto;
    outline: 0px solid rgba(0,0,0,.7);
    border:1px solid #0077b5;
}
.main-contain {
    width: 100%;
    float: left;
}
.container {
    max-width: 768px;
    margin: auto;
    display: block;
   padding :0 15px;
}
a.logotext {
    text-decoration: none;
    color: #fff;
}
a.logotext {
    text-decoration: none;
    color: #000;
}
.logo {
    width: 100%;
    float: left;
    /* padding: 10px; */
    color: #000;
    text-align: center;
}    
.productTitleInfo {
    width: 100%;
    float: left;    position: relative;
}
.productTitleInfo span{
   
}  
.productTitleInfo {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #0077b5;
    color: #0077b5;
}
span.nameInfo {
    width: auto;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    float: left;
    padding: 7px;
    position: absolute;
    top: -18px;
    background: #fff;
    border: 1px solid #0077b5;
       z-index: 999;
    left: 36%;
  font-size:14px;

}     
h3.mlveda-related-product-title {
        font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height: 1.3;
   
  
}
      .h4.grid-view-item__title {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    
    /* font-weight: bold; */
}
      span.product-price__price {
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
        margin-top:3px;
}
 span.visually-hidden {
    display: none;
}
 .amp-scrollable-carousel-slide:first-child {
    margin-left: 15px;
}  
.desCription ul {
    padding: 0;
    display: inline-block;
    margin-left: 35px;
   list-style-type: disc;
}  
.desCription amp-iframe {width:100%}
    footer {
    width: 100%;
    float: left;
    padding:0px;
    text-align: center;
    margin-top: 15px;
    border-top:1px solid #eee;
    padding-top: 40px;
      
}
.desCription ul li{
  
  margin-bottom: 6.8px

 } 
       [fallback] {
      display: block;
      /* @alternative */ display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
    }
    .spacer {
      height: 100%;
    }
    amp-youtube {
    margin: 10px 0;
}
    .desCription {
    margin-top: 0px;
    padding-top: 5px;
    font-size: 17px;
    font-family: 'Assistant';
}
    @media only screen and (max-width: 450px) {
      span.nameInfo {
       left: 33%;
     }
    }
 .animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}    
 @keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}    
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}    
   @keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}  
 .carousel-preview .amp-carousel-button-prev,.carousel-preview .amp-carousel-button-next{
    border-radius: 50%;
   margin-top: -18px;
    background-size: 14px;
    height: 24px;
    width: 24px;
 }
      @media only screen and (max-width: 400px) {
     .carousel-preview .amp-carousel-button-next{
     right: 10px;
    }
     .carousel-preview .amp-carousel-button-prev{
     left: 0;
    }
    }
/*Sidebar*/
.sideBar{background-color: #fff;width: 300px;}
.childDropdown div{display: none;}
ul.mainMenu{}
.mainMenu li{display: block;}
.mainMenu li a {
      display: block;
    font-family: "Assistant", sans-serif;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #000;
    line-height: 1.3;
    color: rgb(18, 18, 18);
}
.childDropdown{position: relative;}
.mainMenu li  .childDropdownTitle{padding-right: 45px;}
.toggleMenu{background-color: transparent;height: 45px;width: 45px;line-height: 45px;color: #000;text-align: center;position: absolute;top: 0px;right: 0px;border: 0px;z-index: 999999;padding: 0px;cursor: pointer;font-size: 10px;}
.childDropdown ul{background-color: #fff;}
.childDropdown ul li{background-color: #fff;border-top:0px;}
.childDropdown ul li a{display: block;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;border-top: 1px solid #ebebeb;padding-left: 30px;padding-right: 30px;text-transform: capitalize;}
li.secondMenuSpace{margin-bottom: 15px;}
.searchBlock{position: relative; margin: 12px 15px;}
.searchBtn{position: absolute;top: 0;left: 0;background: transparent;border: 0;color: #555;width: 35px;height: 32px;line-height: 32px;font-size: 16px;}
.searchBox{font-family: "PT Serif",serif;width: 100%;padding: 5px 0px 5px 35px;border-color: transparent;line-height: 1.42;font-size: 12.5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-sizing: border-box;}
.breadcrumbSec{margin: 15px 0px 12px 0px;}
.breadcrumbBlock{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: bold;line-height: 20.6px;}
.breadcrumbBlock li{display: inline;color: #000;font-size: .75em;}
.breadcrumbBlock li a{color: #000;padding-right: 5px;margin-right: 5px;}
.breadcrumbBlock li .divider{font-size: 1.4em;padding-right: 5px;margin-right: 5px;}
.productPriceBlock{margin-bottom: 15px;}
 .pwBml {
    width: 100%;
    float: left;
    padding: 3px 0;
    background: #cbd5cc;
    font-size: 10px;
   color:#000;
}  
.col30 {
    width: 100%;
    text-align: center;
}  
     .col30 ul{
      list-style:none;
       padding:0;
       width: 100%;
     }  
     .col30 ul li{
     text-align: center;
       
       letter-spacing:1px;
       line-height: 2;
     }
     
     
.mlveda-carousel-preview-image{
background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 55px;
    margin-bottom: 0;
    width: 55px;
   }

.carousel-preview button{
background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin-left: 10px;
    outline: medium none;
    padding: 0;
    text-align: center;
}
 /*button.selected {
      border-width: 1px;
      border-style: solid;
    }
button.not-selected {
      border-width: 0px;
      border-style: solid;
      border-color:#7796a8; 
    }     
    */
a.logotext img {
width: auto;
height: auto;
min-height: unset;
min-width: unset;
}
                a.logotext {
height: auto;
display: block;
margin: auto;
}
.mlveda-related-products  img{
       height:auto;
    max-height:unset;
    max-width: 100%;
    min-height: unset;
    min-width: 120px;
    width: 120px;
    margin: auto;
     }          
                
     .logotext   *{
         max-height: 100px;
       margin: auto;
    }
    .grid-view-item__link *{
     width: 150px;
      margin:auto;
    }
    a.grid-view-item__link {
        text-decoration:none;
    }

    .mlveda-related-products img {
   height: auto;
   max-height: 100%;
   max-width: 100%;
   min-height: unset;
   min-width: unset;
   width: auto;
   margin: auto;
}           
.mlveda-social-share{
text-align: center;
}
footer h3 {
  font-size: 15px;
}
    
    
.mlveda-footer a {
    text-decoration: none;
    color: #000;
  font-size: 14.45px;
    line-height: 1.7;
}           
.footerSocial{margin-bottom: 25px;}
.footerSocial li{display: inline-block;margin-right: 15px;margin-bottom: 5px;}
.footerSocial li a .icon{ font-size: 24px;}
.footerMenuTitle{   
   font-family: "Assistant, sans-serif", sans-serif;
    font-size: 0.94118em;
    /* font-weight: bold; */
    margin: 0px 0px 15px;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(18, 18, 18, 0.7);}
.footerMenu{display: block;margin-bottom: 30px;}
.footerMenu li{display: block;margin-bottom: 0.25em;font-size: 0.85em;}
.footerInputGrp{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;border-collapse: separate;position: relative;text-align: left;margin-bottom: 30px;    border: 1px solid #000;}
.inputBox{font-family: "Assistant", sans-serif;font-size: 0.85em;height: 37px;line-height: 1.3;width:100%;max-width: 100%;border: 0;padding: 8px 10px;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius: 2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;}
/* .subscribeBtn{display: inline-block;padding: 8px 16px;margin: 0;font-size: 0.94118em;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;height: 37px;line-height: 1.3;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;background-color: #000;color: #fff;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius: 0px 2px 2px 0px;border-radius: 0px 2px 2px 0px;} */
.endFooter{margin-bottom: 10px;font-size: 0.85em;}
.endFooter a{color:#000000;}
.endFooterPaymentIcons{margin-bottom: 10px; }
.endFooterPaymentIcons li{margin: 0 3px 7px 3px;display: inline-block;width:30px}
.endFooterPaymentIcons li .icon-fallback-text{display:none;}
.endFooterPaymentIcons .icon {width: 38px;height: 24px;}
.endFooter{padding: 10px 0;font-size: 14px;}
.icon-cart:before {content:"\5b";}.icon-facebook:before {content: "\e609"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e90a"}.icon-hamburger:before {content: "\e601"}.icon-instagram:before {content: "\e907"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-minus:before {content: "\e602"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\e608"}.icon-plus:before {content: "\e603"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e90b"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901";}.icon-plus:before {content: "\e603"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}
@font-face{
	 font-family:'icons';
	 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.eot?7240412311646561149#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.woff?7240412311646561149") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.ttf?7240412311646561149") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.svg?7240412311646561149#timber-icons") format("svg");font-weight:normal;font-style:normal;}
footer a{text-decoration: none;cursor: pointer;}
body, input, textarea, button, select{
  font-family: "PT Serif",serif;
}
header,h1,h2,h3,h4,h5,h6, a.product_name, .product-price, .addtocart, .mlveda-related-product-title,.productSingleVendor {
  font-family: "Assistant", sans-serif;
  
}
                
                
#mlveda-carousel-preview-image-0{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard_1_fe0d98e4-1081-4fa6-a64b-07f80a694555_320x400.jpg');}#mlveda-carousel-preview-image-1{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard3_20_320x400.jpg');}#mlveda-carousel-preview-image-2{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard4_14_320x400.jpg');}#mlveda-carousel-preview-image-3{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard1_10_320x400.jpg');}#mlveda-carousel-preview-image-4{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard5_3_320x400.jpg');}#mlveda-carousel-preview-image-5{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard6_7_320x400.jpg');}#mlveda-carousel-preview-image-6{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard2_14_320x400.jpg');}#mlveda-carousel-preview-image-7{background-image: url('//health.drmorepen.com/cdn/shop/files/61QF8VnTq6L._SX679_320x400.jpg');}#mlveda-carousel-preview-image-8{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard_8_copy_3_320x400.jpg');}#mlveda-carousel-preview-image-9{background-image: url('//health.drmorepen.com/cdn/shop/files/Artboard_8_a0ff9b7b-3277-4bc3-8bb1-73f57cf8c6a9_320x400.jpg');}
.mlveda-product-image-wrapper-0{height:400px;}.mlveda-product-image-wrapper-1{height:400px;}.mlveda-product-image-wrapper-2{height:400px;}.mlveda-product-image-wrapper-3{height:400px;}.mlveda-product-image-wrapper-4{height:400px;}.mlveda-product-image-wrapper-5{height:400px;}.mlveda-product-image-wrapper-6{height:400px;}.mlveda-product-image-wrapper-7{height:400px;}.mlveda-product-image-wrapper-8{height:400px;}.mlveda-product-image-wrapper-9{height:400px;}                
                .mlveda-product-image-wrapper-default{width:100%;position:relative;}

/*****************collectionCSS****************/
.mlveda-showallbutton {
  font: bold 16px Arial;
  text-decoration: none;
height: 35px;
line-height: 35px;
padding: 0 10px;
margin-bottom: 5px;
background-color: #ddd;
color: #000;
margin-top: 15px;
border: 1px solid #ccc;
display: inline-block;
width: auto;
box-sizing: border-box;
}
.mlveda-showallbutton-div{
   text-align: center;
   padding-bottom: 15px;
}
.pwBml > a {
    color: #000;
}
        
    .mlveda-image-wrapper-default{position:relative;width:80%;}    
    amp-img.mlveda-image img {object-fit: contain;}
span#ProductPrice {
      
    font-family: 'Assistant';
   
}
span#SpecialPrice {
       display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    font-family: 'Assistant';
    color: #121212;
    text-decoration: line-through;
	
} 
input#addcart {display: block;padding: 8px 16px;margin: 0;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;line-height: 1.42;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid #eee;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;min-height: 48px;width: 100%;}	
.single-option-selector{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-position: right center;background-image: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/ico-select.svg?15517948492144861041");background-repeat: no-repeat;background-position: right 10px center;background-color: #fff;padding: 8px 28px 8px 10px;text-indent: 0.01px;text-overflow: '';cursor: pointer;line-height: 1.42;border: 1px solid rgba(0,0,0,0.15);width: 100%;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.optionSelectBlock{margin-bottom: 17px;}
.optionSelectBlock label{display: block;margin-bottom: 2px;}
.qtyBlock{margin-bottom: 32px;}
.qtyBlock label{display: block;margin-bottom: 2px;    font-size: 12px;
    color: rgba(18, 18, 18, 0.75);}
.quantityBox{padding: 8px 10px;line-height:1.42;border: 1px solid #ebebeb;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;width: 100%;display: block;box-sizing: border-box;}
.socialSharing{margin-bottom: 30px;margin-top: 30px;}
.shareName{    font-size: 14px;
    display: flex;
    align-items: center;
    color: rgb(18, 18, 18);
    margin-left: 0;
    padding-left: 0;
    min-height: 0.2rem;
    font-weight: unset;
    font-family: Arial;}
.socialSharing a{display: inline-block;color: #fff;margin: 5px 10px 5px 0px;height: 22px;line-height: 22px;text-decoration: none;font-weight: normal;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.socialSharing a span.icon{padding: 0px 5px 0px 10px;display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;}
.socialSharing a .shareTitle{display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;font-weight: 900;padding-right: 10px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.socialSharing .fbIcon{background-color: #3b5998;}
.socialSharing .twtIcon{background-color: #00aced;}
.socialSharing .pinIcon{background-color: #cb2027;}
.relatedProductSec{text-align: left;margin-bottom: 15px;}
.relatedPrdTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.relatedProductBlock{position: relative;float: left;width: 45%;margin-bottom: 30px;}
.relatedProductBlock:nth-child(even){float: right;}
.relatedProductBlock:nth-child(2n+1){clear:both;}    
.relatedProductSale{position: absolute;top: -12px;right: -12px;width: 60px;height: 60px;background-color: #59756f;color: #fff;line-height: 60px;text-transform: uppercase;font-weight: bold;text-align: center;font-size: 0.70588em;z-index: 9999;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} 
.relatedProductImgLink{display: block;line-height: 0;}
.relatedProductLink{display: block;padding-bottom: 30px;}
.relatedProductLink .relatedProductTitle{display: block;color: #000;font-size: .9em;line-height: 1.4;margin-top: 10px;margin-bottom: 5px;    font-family: Assistant, sans-serif;}
.relatedProductLink .relatedProductBrand{display: block;font-size: .85em;color: #000;line-height: 1.4;margin-bottom: 5px;}
.relatedProductLink .relatedProductCmpPrice{text-decoration: line-through;font-size: .75em;line-height: 1.5;color: #1a1a1a;opacity: 0.95;display: inherit;}
.relatedProductLink .relatedProductPrice{font-size: .75em;line-height: 1.5;color: #1a1a1a;display: inherit;}
.hideSave{display:none;}


                .swatchGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.swatchLabel {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.swatchInput {
  display: none;
}

.swatchValue {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:#000;
  background: #ffffff;
}

.swatchInput:checked + .swatchValue {
  border-color: #000;
  background: #000;
  color:#fff;
}
                .productSingleVendor{
   font-size: 12px;
    letter-spacing: .13rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
                }


<style>
  
  .swatchGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
    .optionSwatchBlock {
    margin-bottom: 15px;
  }
   .optionSwatchBlock label{
         font-size: 12px;
    color: rgba(18, 18, 18, 0.75);
   }
  .swatchLabel {
    display: inline-block;
    cursor: pointer;
  }
  .swatchInput {
    display: none;
  }
  .swatchValue {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 40px;
    background-color: #fff;
    transition: all 0.3s ease;
        font-family: Assistant, sans-serif;
  }
  .swatchInput:checked + .swatchValue {
    background-color: #000;
    color: #fff;
    border-color: #000;
  }
  .swatchValue:hover {
    border-color: #000;
  }

                
/* Existing logo styles (unchanged) */
.logo {
  width: 100%;
  float: left;
  text-align: center;
}
a.logotext {
  text-decoration: none;
  color: #000;
  height: auto;
  display: block;
  margin: auto;
}
a.logotext img {
  width: auto;
  height: auto;
  min-height: unset;
  min-width: unset;
}
.logotext * {
  max-height: 100px;
  margin: auto;
}
.centerLogo {
  display: inline-block;
}

/* Existing cart styles (adjusted for positioning) */
a.cart {
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 0px;
  text-decoration: none;
  
  font-weight: bold;
}
a.cart svg {
  width: 50px;
  height: 50px;
}

/* Search-specific styles */
.search-amp {
  position: absolute;
  right: 60px; /* Adjusted to position left of cart */
  top: -1px;
  display: inline-flex;
  align-items: center;
  height: 49px; /* Match header height */
}
.search-link {
  text-decoration: none;
  color: #000;
  display: inline-block;
   position:relative;
        bottom:2px;
}
.search-link svg {
  width: 24px; /* Smaller than cart for balance */
  height: 23px;
  fill: currentColor; /* Ensure SVG inherits color */
  vertical-align: middle;
}

/* Existing animated styles (applied to both cart and search) */
.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% { opacity: 0; transform: scale3d(.3, .3, .3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(.97, .97, .97); }
  to { opacity: 1; transform: scale3d(1, 1, 1); }
}
.bounceIn {
  animation-name: bounceIn;
}

/* Responsive adjustments */
@media only screen and (max-width: 450px) {
  .search-amp {
    right: 50px; /* Adjust for smaller screens */
  }
  .search-link svg {
          width: 24px;
        height: 23px;
  }
  a.cart svg {
          width: 47px;
        height: 53px;
  }
}
.left-align{
  text-align:left;
}
 footer li.footer-main-links{
                  text-align:left;
       font-family: Assistant, sans-serif;
                }
                .email-text{
                  font-family: Assistant, sans-serif;
                }
                svg.mlv-svg{
        color: #000;
    width: 15px;
    position: absolute;
    right: 11px;
    top: 12px;
        height: 14px;
                }
                button.subscribeBtn {
        border: 1px solid transparent;
    background-color: transparent;
    width: 40px;
                }
                .contact-form-amp{
                      display: flex;
    align-items: center;
    justify-content: center;
                      flex-direction: column;
                }

                .socialSharingTitle{
   background: transparent;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0px;
                }
                .svg-wrapper-share{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 9px;
                }


/* layout the header like the screenshot */
header.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  height:auto;            /* visually similar to your image */
  line-height:normal;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  position:relative;
  z-index:9999;
}

/* left/right rails — equal width so center stays perfectly centered */
.header__side{
  width:88px;             /* tweak if you want more/less right-side room */
  display:flex;
  align-items:center;
}
.header__left{justify-content:flex-start;}
.header__right{justify-content:flex-end; gap:16px;}

/* center brand */
.header__center{flex:1; text-align:center;}
.brand{margin:0; font:400 24px/1.2 "Assistant", sans-serif; letter-spacing:.2px; color:#121212;}
.brand__link{color:inherit; text-decoration:none;}

/* icons */
.icon-btn{background:transparent; border:0; padding:8px; line-height:0; cursor:pointer;}
.icon-link{display:inline-flex; align-items:center; justify-content:center; padding:6px; line-height:0; color:#000; text-decoration:none;}
.icon{width:24px; height:24px;}

/* remove legacy absolute positioning from previous header rules */
button.ampstart-btn.caps.m2{position:static; height:auto; width:auto; top:auto; left:auto; font-size:inherit; background:none;}
.search-amp, a.cart{position:static;}
    /* old wrapper not used in the new header */

/* responsive small tweak */
@media (max-width: 420px){
  .header__side{width:72px;}
  .brand{font-size:20px;}
}


/* Center area holds the logo and gives it width */
.siteLogoBlock{
  flex: 1;                      /* let the center grow */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Size the logo; tweak width to taste (height follows the aspect ratio) */
.siteLogo{
  display: block;
  width: 40px;                  /* 40px -> ~40px tall for a square logo */
}

/* Make sure AMP image participates as a block inside */
.siteLogo amp-img{
  display: block;
}


/* layout the header like the screenshot */
header.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  height:56px;            /* visually similar to your image */
  line-height:normal;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  position:relative;
  z-index:9999;
}

/* left/right rails — equal width so center stays perfectly centered */
.header__side{
  width:88px;             /* tweak if you want more/less right-side room */
  display:flex;
  align-items:center;
}
.header__left{justify-content:flex-start;}
.header__right{justify-content:flex-end; gap:16px;}

/* center brand */
.header__center{flex:1; text-align:center;}
.brand{margin:0; font:400 24px/1.2 "Assistant", sans-serif; letter-spacing:.2px; color:#121212;}
.brand__link{color:inherit; text-decoration:none;}

/* icons */
.icon-btn{background:transparent; border:0; padding:8px; line-height:0; cursor:pointer;}
.icon-link{display:inline-flex; align-items:center; justify-content:center; padding:6px; line-height:0; color:#000; text-decoration:none;}
.icon{width:24px; height:24px;}

/* remove legacy absolute positioning from previous header rules */
button.ampstart-btn.caps.m2{position:static; height:auto; width:auto; top:auto; left:auto; font-size:inherit; background:none;}
.search-amp, a.cart{position:static;}
    /* old wrapper not used in the new header */

/* responsive small tweak */
@media (max-width: 420px){
  .header__side{width:72px;}
  .brand{font-size:20px;}
}


/* Center area holds the logo and gives it width */
.siteLogoBlock{
  flex: 1;                      /* let the center grow */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Size the logo; tweak width to taste (height follows the aspect ratio) */
.siteLogo{
  display: block;
  width: 40px;                  /* 40px -> ~40px tall for a square logo */
}

/* Make sure AMP image participates as a block inside */
.siteLogo amp-img{
  display: block;
}
  
  a.search-link.animated{
  position: relative;
    bottom: 1px;
  }
  
  .socialSharing a span.icon{
  position:relative;
    top:4px;
  }
.instock{
        letter-spacing: 2px;
    }
.menu-sidebar{
background: #ffffff;   background-repeat: no-repeat;
   background-position: right center;
   background-size:100%;
}
  </style>

</head>
<body>
	<!-- Sidebar -->
	<amp-sidebar id="sidebar-left" layout="nodisplay" side="left" class="sideBar">
        <nav toolbar="(min-width: 3333333px)" toolbar-target="target-element-left">
          	<ul class="mainMenu">
            	

                    	 <li><a href="/collections/shop?ref=fireamp" >Shop All</a></li>
                     
                   
                    	 <li><a href="https://health.drmorepen.com/collections/buy-best-gut-health-products-online-by-dr-morepen?ref=fireamp" >Gut Health</a></li>
                     
                   
                    	 <li><a href="/collections/health-supplements?ref=fireamp" >Health Supplements</a></li>
                     
                   
                    	 <li><a href="/collections/sexual-wellness?ref=fireamp" >Sexual Wellness</a></li>
                     
                   
                    	 <li><a href="/collections/health-food-drinks?ref=fireamp" >Health Food & Drinks</a></li>
                     
                   
                    	 <li><a href="/collections/gym-nutrition?ref=fireamp" >Muscle Food</a></li>
                     
                   
                    	 <li><a href="/collections/personal-care?ref=fireamp" >Personal Care</a></li>
                     
                   
                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="#?ref=fireamp">Sale </a>              
                            
                               
                            <button on="tap:autosuggestList7.toggleVisibility, AMP.setState({ comboExpanded7: !comboExpanded7 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded7 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList7" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/buy-3-999?ref=fireamp" >Buy 3 @999</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/buy-2-699?ref=fireamp" >Buy 2 @699</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/free-gift?ref=fireamp" >Free Gift Offer</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                    	 <li><a href="/collections/special-offers?ref=fireamp" >Special Offers</a></li>
                     
                   
              	<!-- <li>
                	<div class="searchBlock cf">
						<form method="get" action="/search" target="_top">
							<button type="submit" class="searchBtn"><span class="icon icon-search"></span></button>
							<input type="search" name="q" class="searchBox" placeholder="Search"/>
						</form>
					</div>
                </li> -->
            </ul>
        </nav>
    </amp-sidebar><!-- Sidebar -->	
<!---
<header class="header">
--->
<header class="siteHeader header container">
  <button on="tap:sidebar-left.toggle" class="ampstart-btn caps m2">
    <span>
      <div class="burgerBtn">
<svg
        xmlns="http://www.w3.org/2000/svg"
        aria-hidden="true"
        focusable="false"
        class="icon icon-hamburger"
        fill="none"
        viewBox="0 0 18 16"
      >
        <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
      </svg>
  </div>
    </span>
  </button>
  <div id="target-element-left"></div>
  <div class="siteLogoBlock">
        
        
            <a href="/?ref=fireamp" class="siteLogo">
            <amp-img src="//health.drmorepen.com/cdn/shop/files/ampLogo.png?v=2697874035747148067" alt="Dr Morepen" width="100" height="100" layout="responsive"></amp-img>
            </a>

        
        </div>
  <div class="search-amp">
    <a href="/search?ref=fireamp" class="search-link animated">
      
      <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path></svg>
</span>
    </a>
  </div>
<a class="cart animated siteCart" href="/cart?ref=fireamp">
    <svg
      class="icon icon-cart-empty"
      aria-hidden="true"
      focusable="false"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 40 40"
      fill="none"
    >
      <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
    </svg>
  </a>  
</header>    


<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": ""
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackMenuClick": {
      "on": "click",
      "selector": ".header_ml",
      "request": "event",
      "vars": {
        "eventCategory": "ui-components",
        "eventAction": "menu"
      }
    },
"trackAddToCart": {
      "on": "click",
      "selector": "#addtocartmlveda",
      "request": "event",
      "vars": {
        "eventCategory": "button",
        "eventAction": "add-to-cart"
      }
    },
"trackIFrame": {
      "on": "click",
      "selector": "#mlveda-iframe",
      "request": "event",
      "vars": {
        "eventCategory": "iframe",
        "eventAction": "iframe click"
      }
    }
  }
}
</script>
</amp-analytics>
           	<amp-analytics>
<script type="application/json">
{
  "requests": {
    "pageview": "https://health.drmorepen.com/apps/fireamp/analytics/page",
    "event": "https://health.drmorepen.com/apps/fireamp/analytics/page?category=${eventCategory}&action=${eventAction}"
  },
  "vars": {
    "account": "ABC123"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackMenuClick": {
      "on": "click",
      "selector": ".header_ml",
      "request": "event",
      "vars": {
        "eventCategory": "ui-components",
        "eventAction": "menu"
      }
    },
   "trackIframeClick": {
      "on": "click",
      "selector": ".mlveda-iframe",
      "request": "event",
      "vars": {
        "eventCategory": "iframe",
        "eventAction": "click"
      }
    },
   "trackAddToCartClick": {
      "on": "click",
      "selector": "#addtocartmlveda",
      "request": "event",
      "vars": {
        "eventCategory": "addtocart",
        "eventAction": "click"
      }
    }
  }
}
</script>
</amp-analytics>

 <main class="mainContentBlock">
  <div class="main-contain">
    <div class="container">

      
<amp-carousel height="400px" type="slides" layout="fixed-height" id="mlveda-carousel" loop [slide]="selected.index" on="slideChange:AMP.setState({selectedSlide: event.index})" >


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-0">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard_1_fe0d98e4-1081-4fa6-a64b-07f80a694555_1500x1500.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-1">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard3_20_1080x1080.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-2">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard4_14_1080x1080.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-3">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard1_10_1080x1080.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-4">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard5_3_1082x1082.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-5">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard6_7_1080x1080.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-6">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard2_14_1080x1080.jpg?v=1748588017"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-7">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/61QF8VnTq6L._SX679_679x679.jpg?v=1753181214"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-8">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard_8_copy_3_2000x2000.jpg?v=1763097846"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-9">  
    <amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard_8_a0ff9b7b-3277-4bc3-8bb1-73f57cf8c6a9_2000x2000.jpg?v=1763097847"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>

 
</amp-carousel>  
      	<div class="carousel-preview">
<amp-carousel class="carousel-preview" width="auto" height="100px" layout="fixed-height" type="carousel">  


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 0),AMP.setState({selectedSlide: 0})" tabindex="0" [class]="selectedSlide == 0 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-0" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 1),AMP.setState({selectedSlide: 1})" tabindex="1" [class]="selectedSlide == 1 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-1" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 2),AMP.setState({selectedSlide: 2})" tabindex="2" [class]="selectedSlide == 2 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-2" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 3),AMP.setState({selectedSlide: 3})" tabindex="3" [class]="selectedSlide == 3 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-3" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 4),AMP.setState({selectedSlide: 4})" tabindex="4" [class]="selectedSlide == 4 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-4" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 5),AMP.setState({selectedSlide: 5})" tabindex="5" [class]="selectedSlide == 5 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-5" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 6),AMP.setState({selectedSlide: 6})" tabindex="6" [class]="selectedSlide == 6 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-6" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 7),AMP.setState({selectedSlide: 7})" tabindex="7" [class]="selectedSlide == 7 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-7" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 8),AMP.setState({selectedSlide: 8})" tabindex="8" [class]="selectedSlide == 8 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-8" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 9),AMP.setState({selectedSlide: 9})" tabindex="9" [class]="selectedSlide == 9 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-9" > </div>
</button>

 
</amp-carousel>
</div>

      <div class="product-contain">
        <!---
        <h1 class="product-title"><a href="#" class="product_name">Marine Collagen Skin Protein (Chocolate)</a></h1>
        --->
        <a href="#" class="product_name">
          <h1 class="productSingleTitle">Marine Collagen Skin Protein (Chocolate)</h1>
        </a>

        <!---
        IFrame property start with <span id=productPrice
        end at <!-- /Add to Cart
        --->
        
<section class="productVarSec">
  
  
  <div class="productPriceBlock">
    <span class="productPrice" id="ProductPrice" [text]="selected.price">
      ₹819.00
    </span>
    <span id="SpecialPrice">
      <span
        class="productComPrice"
        [class]="selected.onSale ? 'productComPrice' : 'hideSave'"
        [text]="selected.compareAtPrice"
      >
        ₹1,599.00
      </span>
    </span>
  </div>

  <form method="get" action="//health.drmorepen.com/cart/add" target="_top">
    
    
      <div class="optionSwatchBlock">
        <label>Pack</label>
        <div class="swatchGroup">
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Pack of 1 (250g)"
                on="change:AMP.setState({ options: { Pack: 'Pack of 1 (250g)' }, selected: productMap[event.value] })"
                class="swatchInput"
                [checked]="options.Pack == 'Pack of 1 (250g)'"
              >
              <span class="swatchValue">Pack of 1 (250g)</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Pack of 2 (500g)"
                on="change:AMP.setState({ options: { Pack: 'Pack of 2 (500g)' }, selected: productMap[event.value] })"
                class="swatchInput"
                [checked]="options.Pack == 'Pack of 2 (500g)'"
              >
              <span class="swatchValue">Pack of 2 (500g)</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Multivitamin Women Combo"
                on="change:AMP.setState({ options: { Pack: 'Multivitamin Women Combo' }, selected: productMap[event.value] })"
                class="swatchInput"
                [checked]="options.Pack == 'Multivitamin Women Combo'"
              >
              <span class="swatchValue">Multivitamin Women Combo</span>
            </label>
          
            <label class="swatchLabel">
              <input
                type="radio"
                name="option-1"
                value="Biotin+ Advanced Combo"
                on="change:AMP.setState({ options: { Pack: 'Biotin+ Advanced Combo' }, selected: productMap[event.value] })"
                class="swatchInput"
                [checked]="options.Pack == 'Biotin+ Advanced Combo'"
              >
              <span class="swatchValue">Biotin+ Advanced Combo</span>
            </label>
          
        </div>
      </div>

      
    <div class="qtyBlock">
      <label>Quantity</label>
      <input type="number" step="1" name="quantity" min="1" value="1" required class="quantityBox" />
    </div>

    <input type="hidden" name="id" [value]="selected.variantId" value="50246645645618" />
    <input
      type="submit"
      class="addToCartBtn product-form__submit button button--full-width button--secondary"
      id="addcart"
      [disabled]="!selected.variantId || !selected.available"
      value="Add To Cart"
      [value]="selected.variantId ? selected.addToCartLable : 'Unavailable'"
    />
  </form>
</section>

        <!-- description -->
        <div class="desCription productDetailsCnt">
          <p><span><strong>Features:</strong></span></p><ul><li><p><strong>Hydrolyzed Marine Collagen</strong> – Enriched with Type 1 Collagen, Hyaluronic Acid, Vitamin C, Biotin &amp; Sesabania Extract.</p></li><li><p><strong>Anti-Aging &amp; Hydration</strong> – Reduces wrinkles, boosts skin elasticity &amp; deeply hydrates for a youthful glow.</p></li><li><p><strong>Stronger Hair &amp; Nails</strong> – Promotes hair growth, thickness &amp; strengthens brittle nails.</p></li><li><p><strong>Bone &amp; Joint Support</strong> – Enhances bone density, muscle strength &amp; joint flexibility.</p></li><li><p><strong>Immunity &amp; Digestion Boost</strong> – Fights free radicals, supports gut health &amp; overall wellness.</p></li><li><p><strong>Low-Calorie &amp; Stevia-Sweetened</strong> – Delicious chocolate flavor with zero added sugar.</p></li><li><p><strong>Certified &amp; Safe</strong> – Free from heavy metals &amp; impurities, tested for purity &amp; effectiveness.</p></li></ul>
          
        </div>
        <!-- /description -->

        <amp-accordion id="social-share-accordion" disable-session-states>
  <section>
  
    <h5 class="socialSharingTitle">  <span class="svg-wrapper-share"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-share" viewBox="0 0 13 12"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.625 8.125v2.167a1.083 1.083 0 0 0 1.083 1.083h7.584a1.083 1.083 0 0 0 1.083-1.083V8.125"></path><path fill="currentColor" fill-rule="evenodd" d="M6.148 1.271a.5.5 0 0 1 .707 0L9.563 3.98a.5.5 0 0 1-.707.707L6.501 2.332 4.147 4.687a.5.5 0 1 1-.708-.707z" clip-rule="evenodd"></path><path fill="currentColor" fill-rule="evenodd" d="M6.5 1.125a.5.5 0 0 1 .5.5v6.5a.5.5 0 0 1-1 0v-6.5a.5.5 0 0 1 .5-.5" clip-rule="evenodd"></path></svg>
</span>Share</h5>
    <div class="socialSharing">
      
      <a target="_blank" class="fbIcon" href="//www.facebook.com/sharer.php?u=https://health.drmorepen.com/products/marine-collagen-skin-protein" title="Share on Facebook">
        <span class="icon icon-facebook" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Share</span>
      </a>
      <a target="_blank" class="twtIcon" href="//twitter.com/share?url=https://health.drmorepen.com/products/marine-collagen-skin-protein" title="Tweet on Twitter">
        <span class="icon icon-twitter" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Tweet</span>
      </a>
      <a target="_blank" class="pinIcon" href="//pinterest.com/pin/create/button/?url=https://health.drmorepen.com/products/marine-collagen-skin-protein&amp;media=////health.drmorepen.com/cdn/shop/files/Artboard_1_fe0d98e4-1081-4fa6-a64b-07f80a694555_large.jpg?v=1748588017" title="Pin on Pinterest">
        <span class="icon icon-pinterest" aria-hidden="true"></span>
        <span class="shareTitle" aria-hidden="true">Pin it</span>
      </a>
    </div>
  </section>
</amp-accordion>
        <!--related -->
        		<!--related -->
			  
        <section class="relatedProductSec">
        	<div>
              <h3 class="relatedPrdTitle mlveda-related-product-title">You may also like this</h3>
    

    <div class="relatedProductMainBlock cf">      
    
      
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/omega-3-1250mg-deep-sea-fish-oil-triple-strength-60-softgel-capsules" class="relatedProductImgLink">
							<amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard_8_31e0a990-39d5-4bf4-845c-fb1a1419003f_large.jpg?v=1748588360" alt="Omega-3 1250mg Deep Sea Fish Oil Triple Strength" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Omega-3 1250mg Deep Sea Fish Oil Triple Strength</span>
                          <!--<span class="relatedProductBrand">Dr Morepen</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>₹ 975.00</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>₹ 666.00</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/muscle-food-whey-protein" class="relatedProductImgLink">
							<amp-img src="//health.drmorepen.com/cdn/shop/files/1_6_large.jpg?v=1757333253" alt="Muscle Food Whey Protein - 1.81kg" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Muscle Food Whey Protein - 1.81kg</span>
                          <!--<span class="relatedProductBrand">Muscle Food</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>₹ 7,117.00</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>₹ 5,836.00</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/multivitamin-tablets-for-women" class="relatedProductImgLink">
							<amp-img src="//health.drmorepen.com/cdn/shop/files/Artboard_5_4d1f7261-6848-450d-ae64-4d1a9a71b621_large.jpg?v=1748588178" alt="Multivitamin For Women" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Multivitamin For Women</span>
                          <!--<span class="relatedProductBrand">Dr Morepen</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>₹ 879.00</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>₹ 456.00</span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<div class="relatedProductSale">Sale</div>
						<a href="/apps/fireamp/products/dr-morepen-exygra-spray-delay-spray-for-men-climax-delay" class="relatedProductImgLink">
							<amp-img src="//health.drmorepen.com/cdn/shop/files/Exygra_Delay_Sprays_combo_large.jpg?v=1758088705" alt="Delay Exygra Spray - 20g  Pack Of 2" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Delay Exygra Spray - 20g  Pack Of 2</span>
                          <!--<span class="relatedProductBrand">Dr Morepen</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span>₹ 748.00</span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span>₹ 322.00</span></span>
						</a>
    					</div>
					</div>
               
                   
        		</div>
        	</div>
        </section>
  

			<!--related -->
        <!--related -->
      </div> <!-- end product-contain -->

    </div> <!-- end container -->
  </div> <!-- end main-contain -->
</main>
<footer class="siteFooter">
<div class="col30 wrapper">
  <div class="left-align">
  
  <h3 class="footerMenuTitle">Quick Links</h3>
  
      <ul class="mlveda-footer footerMenu">
      
              
<li class="footer-main-links"><a href="/search" title="Search">Search</a></li>
 

      </ul>
  </div>
          	
		   	
			<h3 class="footerMenuTitle">Follow us</h3>
          	  <ul class="footerSocial mlveda-footer">
                  
                  
                    <li>
                      <a href="https://www.facebook.com/drmorepenlimited/" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-facebook" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://x.com/dr_morepen" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-twitter" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.instagram.com/drmorepen_health/" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-instagram" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
                    <li>
                      <a href="https://www.youtube.com/@DrMorepen" title="Translation missing: en.layout.footer.social_platform">
                        <span class="icon icon-youtube" aria-hidden="true"></span>
                      </a>
                    </li>
                    
                  
	          	</ul>
           
			<h4 class="footerMenuTitle">Newsletter</h4>
			<p class="email-text">Subscribe to our emails</p>
            <form method="post" action-xhr="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form contact-form-amp" target="_top">
              <input type="hidden" name="form_type" value="customer">
              <input type="hidden" name="utf8" value="?">
                        <div class="footerInputGrp">
                            <input type="hidden" name="contact[tags]" value="newsletter">
                            <input type="email" name="contact[email]" placeholder="Email" value="" class="inputBox" required>
                            <button type="submit" class="subscribeBtn">
                              <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow mlv-svg" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
                            </button>
                        </div>
                <div submitting>
                    Please wait..
                </div>
                <div submit-success>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
                <div submit-error>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
            </form>  
			<div class="endFooter">Copyright &copy; 2025, <a href="/" title="">Dr Morepen.</a> 
			</div>
          
</div>
</footer>	
</div>
	<amp-state id="selected">
      <script type="application/json">
         {
            "variantId" : 50246645645618,
            "addToCartLable" : "Add To Cart" ,
            "available" : true,
            "price" : "₹819.00" ,
            "soldOut" : "",
            "compareAtPrice" : "₹1,599.00"
         }
      </script>
    </amp-state>  
	<amp-state id="options">
	  <script type="application/json">
		 {"Pack":"Pack of 1 (250g)"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"Pack of 1 (250g)":{"price":"₹819.00","compareAtPrice":"₹1,599.00","index":0,"addToCartLable":"Add To Cart","variantId":50246645645618,"available":true,"onSale":true,"hidden":"false"},"Pack of 2 (500g)":{"price":"₹1,459.00","compareAtPrice":"₹3,198.00","index":7,"addToCartLable":"Add To Cart","variantId":50246645678386,"available":true,"onSale":true,"hidden":"false"},"Multivitamin Women Combo":{"price":"₹1,275.00","compareAtPrice":"₹2,478.00","index":9,"addToCartLable":"Add To Cart","variantId":50625828749618,"available":true,"onSale":true,"hidden":"false"},"Biotin+ Advanced Combo":{"price":"₹1,319.00","compareAtPrice":"₹2,478.00","index":8,"addToCartLable":"Add To Cart","variantId":50625828782386,"available":true,"onSale":true,"hidden":"false"}}
	  </script>
	</amp-state>
</body>
</html>