:root { 
    --lightblue: #cbe1fc; 
    --blue: #0535a8; 
    --darkblue: #10003e; 
    --text: #686677; 
    --darktext: #04001d; 
    --blue100: #cbe1fc; 
    --blue200: #99c2f9; 
    --gray800: #36334a; 
    --gray500: #81808e; 
    --gray600: #686677; 
    --white: #ffffff; 
    --figma-page: #ffffff; 
    --figma-soft: #e7edfa; 
    --figma-soft-alt: #f3f6fc; 
    --figma-ink: #10003e; 
    --figma-muted: #686677; 
    --figma-accent: #649aed; 
    --color-border:#E7ECF8;
    --font-body: "Lato", sans-serif;
    --padding-md:0.8rem;
    --padding-sm:0.7rem;
    --padding-2xs:0.25rem;
    --padding-xs:0.5rem;
    --icon-size-sm: 1.25rem;

  }
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--ocean-90); transition: var(--transition);}
a:hover{transition: var(--transition); color:var(--accentpink);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: var(--font-body); font-weight:400;}
input[type=submit], button{ cursor:pointer;transition: var(--trns);}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow-y: scroll;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
input::-webkit-input-placeholder { opacity: 1; }
input::-moz-placeholder { opacity: 1; }

body{color: var(--black); font-family: var(--font-body); font-weight:400; font-size:18px; line-height:1.4; position:relative;}
strong, b{ font-weight:700;}
html {scroll-behavior: smooth;}

button { font-family: var(--font-body); font-weight: 500; cursor: pointer; }


.btnwrap { width: 100%; margin: 56px 0 0; }
.btn { display: inline-block; background: var(--lightblue); color: var(--darkblue); font-size: 16px; line-height: 22px; font-weight: 500; border-radius: 40px; padding: 12px 32px 14px; }
.btn.darkbtn { background: var(--darkblue); color: #fff; }
.btn:hover, .btn.darkbtn:hover { background: var(--blue); color: var(--white); }
.peptik-gateway { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 800px; max-width: 1440px; margin: 0 auto; background: var(--figma-page); }
.peptik-gateway__panel { display: flex; flex-direction: column; align-items: center; min-height: 800px; padding: 54px 64px; text-decoration: none; color: inherit; cursor: pointer; transition: transform 0.45s ease; transform-origin: center center; will-change: transform; }
.peptik-gateway__panel:hover { text-decoration: none; color: inherit; transition: transform 0.45s ease; }

:last-child:is(p, h1, h2, h3, h4, h5, h6), :where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) {
	margin-block-end: 0!important;
  margin-bottom: 0!important;
}



@media (hover: hover) and (min-width: 980px) {
  .peptik-gateway__panel:hover { transform: scale(1.02); }
  .peptik-gateway__panel:hover .peptik-gateway__button { background: var(--blue); color: #fff; }
}



#peptik-announce{background:#cbe1fc; color:#10003e; overflow:hidden; white-space:nowrap; position:relative;font-size:11px; letter-spacing:.16em; font-weight:500; text-transform:uppercase;border-bottom:1px solid rgba(16,0,62,.14);}
#peptik-announce .peptik-announce__track{display:inline-flex; align-items:center; padding:8px 0;animation:peptik-announce-scroll 60s linear infinite; will-change:transform;}
#peptik-announce .peptik-announce__item{display:inline-flex; gap:5px; align-items:center; flex:0 0 auto; margin-right:2.4rem; padding-right:2.4rem; position:relative;}
#peptik-announce .peptik-announce__item::after{content:""; position:absolute; right:-2px; top:50%; transform:translateY(-50%);width:3px; height:3px; border-radius:50%; background:rgba(16,0,62,.42);}
#peptik-announce span b{ color:#10003e; font-weight:600; letter-spacing:.16em; }

.peptik-announce__item{color: #10003e;white-space: nowrap; font-size: 11px;letter-spacing: .16em;font-weight: 500; text-transform: uppercase;}




#peptik-announce:hover .peptik-announce__track{ animation-play-state:paused; }
@keyframes peptik-announce-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion: reduce){
#peptik-announce .peptik-announce__track{ animation:none; }
}



.peptik-legal-page { background: #fff; color: var(--darkblue); padding: 126px 0 100px; }
.peptik-legal-page .container { max-width: 860px; }
.peptik-legal-page__header { margin: 0 auto 74px; max-width: 720px; text-align: center; }
.peptik-legal-page__header h1 { margin: 0; color: var(--darkblue); font-size: 88px; font-weight: 400; line-height: 0.95; letter-spacing: -5px; }
.peptik-legal-page__header p { margin: 28px auto 0; max-width: 650px; color: var(--gray600); font-size: 22px; line-height: 32px; }
.peptik-legal-page__sections { display: grid; gap: 78px; }
.peptik-legal-item { display: block; }
.peptik-legal-item summary { display: block; color: var(--darkblue); cursor: default; list-style: none; }
.peptik-legal-item summary::-webkit-details-marker { display: none; }
.peptik-legal-item summary span:first-child { display: block; font-size: 28px; font-weight: 400; line-height: 36px; letter-spacing: -1.4px; }
.peptik-legal-item__icon { display: none; }
.peptik-legal-item__body { margin-top: 28px; }
.peptik-legal-item__body p { margin: 0; color: var(--darkblue); font-size: 18px; font-weight: 400; line-height: 28px; }
.faq-item--mobile-extra { display: none; }
@media screen and (max-width: 749px) {
  .peptik-legal-page { padding: 42px 0 56px; }
  .peptik-legal-page .container { padding: 0 16px; }
  .peptik-legal-page__header { margin: 0 0 58px; max-width: none; text-align: left; }
  .peptik-legal-page__header h1 { font-size: 45px; line-height: 52px; letter-spacing: -2.8px; }
  .peptik-legal-page__header p { margin-top: 18px; max-width: none; font-size: 16px; line-height: 24px; }
  .peptik-legal-page__sections { gap: 36px; }
  .peptik-legal-item summary { align-items: flex-start; cursor: pointer; display: flex; gap: 22px; justify-content: space-between; }
  .peptik-legal-item summary span:first-child { font-size: 30px; line-height: 38px; letter-spacing: -1.8px; }
  .peptik-legal-item__icon { display: block; flex: 0 0 20px; height: 20px; margin-top: 10px; position: relative; width: 20px; }
  .peptik-legal-item__icon::before, .peptik-legal-item__icon::after { background: var(--darkblue); content: ""; left: 0; position: absolute; top: 9px; }
  .peptik-legal-item__icon::before { height: 1px; width: 20px; }
  .peptik-legal-item__icon::after { height: 20px; left: 9px; top: 0; width: 1px; }
  .peptik-legal-item[open] .peptik-legal-item__icon::after { display: none; }
  .peptik-legal-item:not([open]) .peptik-legal-item__body { display: none; }
  .peptik-legal-item__body { margin-top: 28px; }
  .peptik-legal-item__body p { font-size: 16px; line-height: 24px; }
  .faqpage { padding: 48px 0 0; }
  .faqpage .section-title { font-size: 43px; line-height: 50px; letter-spacing: -2.6px; }
  .faqpage .section-subtitle { font-size: 16px; line-height: 24px; margin-top: 16px; }
  .faqpage .faq-wrapper { padding-top: 34px; }
  .faqpage .faq-item { margin: 0 0 29px; }
  .faqpage .faq-item--mobile-extra { display: block; }
  .faqpage .faq-question { font-size: 19px; font-weight: 500; line-height: 25px; min-height: 25px; padding: 0 0 0 36px; }
  .faqpage .faq-question::after { left: 0; right: auto; top: 0; }
}

.peptik-gateway__panel--spray {background: var(--figma-soft-alt);}
.peptik-gateway__panel--pen { background: var(--figma-soft); }
.peptik-gateway__panel--vial { background: var(--figma-soft-alt); }
.peptik-gateway__copy { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 582px; min-height: 152px; text-align: center; }
.peptik-gateway__copy h1, .peptik-gateway__copy h2 { margin: 0; color: var(--figma-ink); font-family: Lato, sans-serif; font-size: 64px; font-weight: 500; line-height: 64px; letter-spacing: -4px; }
.peptik-gateway__copy p { margin: 0; color: var(--figma-muted); font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: -1px; }
.peptik-gateway__image-card { position: relative; width: min(100%, 536px); margin: 24px 0 40px; border-radius: 12px; overflow: hidden; background: #fff; }
.peptik-gateway__image-card img { display: block; width: 100%; height: auto; }
.peptik-gateway__badge { display: none; position: absolute; z-index: 2; top: 0; left: 20px; display: flex; min-width: 84px; min-height: 60px; flex-direction: column; align-items: center; justify-content: center; background: var(--figma-accent); color: #fff; border-radius: 0 0 4px 4px; font-size: 22px; font-weight: 700; line-height: 20px; letter-spacing: -0.5px; }
.peptik-gateway__badge small { display: block; margin-top: 2px; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0; }
.peptik-gateway__button { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; width: 171px; min-height: 58px; padding: 13px 24px; border-radius: 40px; background: var(--figma-ink); color: #fff; font-size: 16px; font-weight: 500; line-height: 22px; text-align: center; text-decoration: none; }
.peptik-gateway__button:hover { background: var(--blue); color: #fff; }
.peptik-dual { background: #fff; padding: 90px 0 88px; }
.peptik-dual h2 { max-width: 1180px; margin: 0 auto 64px; color: var(--figma-ink); font-size: 64px; font-weight: 400; line-height: 68px; letter-spacing: -4px; text-align: center; }
.peptik-dual__panel { background: #f3f6fc; border-radius: 12px; padding: 64px 60px; }
.peptik-dual__top { display: grid; grid-template-columns: 1fr 1.1fr 1.1fr; align-items: end; gap: 48px; margin-bottom: 32px; padding: 0 16px; }
.peptik-dual__top h3 { margin: 0; color: var(--figma-ink); font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: -2px; }
.peptik-dual__visuals { grid-column: 2 / span 2; display: grid; grid-template-columns: 1fr 1fr; align-items: end; justify-items: center; gap: 48px; }
.peptik-dual__visuals img { display: block; width: auto; height: auto; object-fit: contain; }
.peptik-dual__visuals img:nth-child(1) { max-width: 220px; max-height: 90px; }
.peptik-dual__visuals img:nth-child(2) { max-width: 340px; max-height: 124px; }
.peptik-dual__table { display: grid; color: var(--figma-ink); }
.peptik-dual__row { display: grid; grid-template-columns: 1fr 1.1fr 1.1fr; gap: 48px; padding: 22px 16px; align-items: start; font-size: 18px; line-height: 26px; }
.peptik-dual__row:nth-child(even) { background: #fff; }
.peptik-dual__row--head { background: transparent !important; padding-top: 0; font-size: 22px; line-height: 30px; letter-spacing: -1px; }
.peptik-dual__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
.peptik-dual__cards article { min-height: 205px; border: 1px solid var(--blue200); border-radius: 8px; padding: 28px 24px; color: var(--figma-ink); }
.peptik-dual__icon { display: block; margin-bottom: 24px; color: var(--figma-ink); font-size: 38px; line-height: 38px; }
.peptik-dual__cards h3 { margin: 0 0 14px; color: var(--figma-ink); font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: -2px; }
.peptik-dual__cards h4 { margin: 0 0 8px; color: var(--gray800); font-size: 18px; font-weight: 400; line-height: 26px; }
.peptik-dual__cards p { margin: 0; color: var(--gray500); font-size: 14px; line-height: 20px; }
.peptik-dual__star { font-size: 1.1em; line-height: 1; display: inline-block; }
.peptik-dual__star--filled { color: #ea9c0b; }
.peptik-dual__star--empty { color: #e5dbc8; }
.peptik-dual__icon img { display: block; width: 56px; height: 56px; }
.peptik-dual__tabs { display: none; }
.peptik-dual__feature, .peptik-dual__traditional, .peptik-dual__peptik { display: block; }
.peptik-dual__row { display: grid; grid-template-columns: 1fr 1.1fr 1.1fr; gap: 48px; padding: 22px 16px; align-items: start; font-size: 18px; line-height: 26px; border-bottom: 1px solid #eaeef6; }
.peptik-dual__row:last-child { border-bottom: 0; }
.peptik-dual__row--head { border-bottom: 1px solid #d6dceb; color: var(--figma-ink); font-weight: 500; }

.peptik-reviews__stars { color: #ff8d00; letter-spacing: 1px; font-size: 14px; line-height: 1; }
.peptik-reviews__stars span { color: #d6d1df; }
.peptik-product-inner .peptik-dual {padding-top: 4px; padding-bottom: 8px;}






@media (max-width: 768px) {
  .peptik-dual { padding: 48px 0 56px; }
  .peptik-dual .container { padding: 0 16px; }
  .container .peptik-dual .container{ padding: 0!important; }
  .product-information__media{ position: initial;}
  .peptik-dual h2 { font-size: 32px; line-height: 40px; letter-spacing: -1px; margin: 0 0 24px; }
  .peptik-dual__panel { padding: 0; background: transparent; border: 0; border-radius: 0; }
  .peptik-dual__top { display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; }
  .peptik-dual__top h3 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; margin: 0; }
  .peptik-dual__visuals { display: flex; gap: 16px; justify-content: center; align-items: flex-end; }
  .peptik-dual__visuals img { height: auto; width: auto; max-height: 96px; max-width: 46%; object-fit: contain; }
  .peptik-dual__tabs { display: flex; gap: 12px; margin-bottom: 12px; }
  .peptik-dual__tab { flex: 1 1 0; padding: 10px 10px; border: none; border-radius: 6px; background: #ffffff; color: var(--figma-ink); font-family: Lato, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; cursor: pointer; }
  .peptik-dual__tab.is-active { background: #cbe1fc; font-weight: 500; }
  .peptik-dual__row--head { display: none !important; }
  .peptik-dual__row { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-bottom: 1px solid #eaeef6; font-size: 14px; line-height: 20px; }
  .peptik-dual__feature { font-weight: 500; color: var(--figma-ink); }
  .peptik-dual--peptik-active .peptik-dual__traditional { display: none; }
  .peptik-dual--traditional-active .peptik-dual__peptik { display: none; }
  .peptik-dual__cards { grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
  .peptik-dual__cards article { padding: 20px; }
  .peptik-dual__cards h3 { font-size: 24px; line-height: 32px; letter-spacing: -1px; }
  .peptik-dual__cards h4 { font-size: 16px; line-height: 24px; }
  .peptik-dual__cards p { font-size: 14px; line-height: 20px; }
}
.peptik-marketing-hero { position: relative; width: min(1440px, 100%); max-width: 1440px; height: 830px; margin: 0 auto; background: #f2f5fc; overflow: hidden; isolation: isolate; box-sizing: border-box; }
.peptik-marketing-hero__copy { position: relative; z-index: 2; width: 50%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 40px; background: #f2f5fc; text-align: center; box-sizing: border-box; }
.peptik-marketing-hero__visual { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1; overflow: hidden; }
.peptik-marketing-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.peptik-marketing-hero__button--mobile { display: none !important; }
.peptik-marketing-hero__flag { display: inline-flex; align-items: center; justify-content: center; gap: 0; width: 72px; height: 72px; margin: 0 auto 24px; border-radius: 50%; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); overflow: hidden; }
.peptik-marketing-hero__flag span { display: block; width: 14px; height: 32px; }
.peptik-marketing-hero__flag span:nth-child(1) { background: #0535a8; }
.peptik-marketing-hero__flag span:nth-child(2) { background: #fff; }
.peptik-marketing-hero__flag span:nth-child(3) { background: #fe2b36; }
.peptik-marketing-hero h1 { margin: 0; color: #10003e; font-family: Lato, sans-serif; font-size: 72px; font-weight: 400; line-height: 1.1; letter-spacing: -3px; white-space: pre-line; text-align: center; }
.peptik-marketing-hero__lead { max-width: 493px; margin: 20px auto 0; color: #686677; font-size: 18px; line-height: 26px; letter-spacing: -0.2px; text-align: center; }
.peptik-marketing-hero__lead-flag { display: none; }
.peptik-marketing-hero__visual-img--mobile { display: none; }
.peptik-marketing-hero__features { display: grid; grid-template-columns: repeat(3, max-content); justify-content: center; column-gap: 28px; row-gap: 12px; margin: 28px auto 0; padding: 0; list-style: none; }
.peptik-marketing-hero__features li { display: flex; align-items: center; gap: 6px; margin: 0; list-style: none; color: #686677; font-size: 12px; line-height: 16px; white-space: nowrap; }
.peptik-marketing-hero__features li img { width: 16px; height: 16px; flex: 0 0 16px; }
.peptik-marketing-hero__features li span { color: #686677; font-size: 12px; line-height: 16px; font-weight: 400; }
.peptik-marketing-hero__button { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; width: 284px; height: 68px; margin: 32px auto 0; padding: 0; border-radius: 9999px; background: #10003e; color: #fff; font-family: Lato, sans-serif; font-size: 18px; font-weight: 500; line-height: 1; text-decoration: none; transition: background 0.15s; }
.peptik-marketing-hero__button:hover { background: var(--blue); color: #fff; }
.peptik-marketing-hero__subnote { max-width: none; margin: 14px auto 0; color: #686677; font-size: 14px; line-height: 22px; text-align: center; }
.peptik-marketing-hero__disclaimer { margin: 24px auto 0; color: #686677; font-size: 14px; line-height: 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }



.peptik-marketing-hero__disclaimer:before { content: "\f05a"; font-family: "Font Awesome 6 Free"; font-weight: 900; flex: 0 0 auto; color: #686677; font-size: 14px; line-height: 1; }



.container, .header__row { max-width: 1248px; margin: 0 auto; }

.header__row .header__columns { padding: 18px 0; }
.menu-list__list-item .menu-list__link-title { padding: 0; padding-inline: 0px; }
.menu-list__list-item { padding: 0 20px; }
.header .menu-list__list-item a { font-size: 16px; line-height: 22px; color: #686677; font-weight: 400; }
.header .menu-list__list-item a:hover { color: #0745c4; }
.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link--active, .menu-list .menu-list__list-item:where(:hover, :focus-within) .menu-list__link, .menu-list .menu-list__list-item[slot="overflow"] .menu-list__link[aria-expanded="true"] { color: #0745c4 !important; }

.headermain { width:100%; box-shadow: 0 2px 4px rgba(16, 0, 62, 0.09); position:relative; z-index:100; background:var(--white); padding:20px 0;}
.header .container { display:flex; justify-content:space-between; align-items:center; }
.header-logo{ width:200px; }
.header-logo img{ width:98px; display:block; }


.navigation{ width:calc(100% - 400px);}
.navigation ul{ display:flex; justify-content:center; align-items:center; margin-top: -4px;}
.navigation ul li{ padding:0 20px; }
.navigation ul li a {font-size: 16px;line-height: 22px;color: #686677;font-weight: 400;}
.navigation ul li a:hover, .navigation ul li.current_page_item a{ color: #0745c4; }

.header-action{ width:200px; display:flex; justify-content:flex-end; align-items:center; gap:2px;}
.header-action .header-actions__action{ width:44px; height:44px; display:flex; justify-content:center; align-items:center; }
.header-action .header-actions__action svg{ width:24px; height:24px; display:block; }
.header-action button{ border:0; background:none; cursor:pointer; }
.header-action .header-actions__action.account-button{ width: 48px; margin-right: 6px; margin-left: -4px;}
.header-action .header-actions__action.action__cart{ margin-top: -1px;}







.default_section { padding: 100px 0; color: var(--darktext); }
.default_section .container { max-width: 822px; }
.default_section h1 { text-align: center; font-size: 96px; line-height: 1; letter-spacing: -6px; color: var(--darkblue); margin: 0; }
.default_section h1 + p { text-align: center; font-size: 24px; line-height: 32px; color: #686677; letter-spacing: -1px; margin: 25px auto 0; max-width: 650px; }
.default_section h2 { margin: 80px 0 0; font-size: 38px; line-height: 44px; color: var(--darkblue); font-weight: 400; letter-spacing: -2px; }
.default_section h3 { margin: 80px 0 0; font-size: 28px; line-height: 36px; color: var(--darkblue); font-weight: 400; letter-spacing: -2px; }
.default_section h4 { margin: 30px 0; font-size: 24px; line-height: 32px; color: var(--darkblue); font-weight: 400; letter-spacing: -2px; }
.default_section h5 { margin: 24px 0; font-size: 20px; line-height: 28px; color: var(--darkblue); font-weight: 400; letter-spacing: -1px; }
.default_section h6 { margin: 24px 0; font-size: 18px; line-height: 26px; color: var(--darkblue); font-weight: 400; letter-spacing: -1px; }
.default_section p { margin: 24px 0; font-size: 18px; line-height: 26px; color: var(--darktext); }
.default_section li { margin: 5px 0; font-size: 16px; line-height: 22px; color: var(--darktext); list-style: disc; list-style-position: outside; }
.default_section ul, .default_section ol { margin: 24px 0; padding: 0; list-style: none; padding-left: 30px; }
.default_section a { color: #0745c4; text-decoration: underline; }
.default_section a:hover { text-decoration: none; }
.default_section strong { font-weight: 700; }
.default_section i, .default_section em { font-style: italic; }
.default_section u { text-decoration: underline; }
.faq-wrapper { width: 100%; padding: 42px 0 0; }
.faq-item { width: 100%; margin: 38px 0 0; }
.faq-question { width: 100%; padding: 10px 50px 10px 0; position: relative; text-align: left; background: none; font-weight: 400; border: 0; font-size: 26px; line-height: 34px; letter-spacing: -1px; color: #10003e; cursor: pointer; }
.faq-answer { display: none; font-size: 18px; line-height: 26px; color: #10003e; }
.faq-item.active .faq-answer { display: block; }
.faq-question:after { content: ""; position: absolute; top: 12px; right: 0; width: 32px; height: 32px; background: url(../images/add-icon.svg) no-repeat; background-size: 100%; }
.faq-item.active .faq-question:after { background-image: url(../images/minus-icon.svg); }
.default_section .faq-answer p { color: #10003e; margin: 24px 0 0; }
.faqhighlight { padding: 60px 0 120px; }
.faqhighlight .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.bodytext h2 { font-size: 64px; line-height: 68px; font-weight: 400; color: var(--darkblue); font-weight: 400; letter-spacing: -4px; margin: 0 0 24px; }
.bodytext p { font-size: 18px; line-height: 26px; color: var(--text); margin: 24px 0 0; }
.faqleft { width: 41%; }
.faqright { width: 49%; }
.faqright .faq-item:nth-child(1) { margin-top: 0; }
.faqright .faq-question { padding-left: 50px; padding-right: 0px; }
.faqright .faq-question::after { left: 0; right: auto; }
.faqright .faq-answer p { margin: 14px 0 0; }
.regulatory-section { padding: 120px 0 60px; background: var(--white); }
.regulatory-header { text-align: center; max-width: 750px; margin: 0 auto 64px; }
.regulatory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.regulatory-card { background: #fff; padding: 32px 16px; border-radius: 12px; border: 1px solid var(--blue200); }
.regulatory-icon { width: 40px; margin-bottom: 24px; }
.regulatory-card h4 { font-size: 26px; line-height: 34px; letter-spacing: -1px; color: var(--darkblue); margin-bottom: 24px; }
.regulatory-card p { color: var(--gray800); font-size: 16px; line-height: 22px; }
.regulatory-card h5 { font-size: 20px; line-height: 28px; letter-spacing: -1px; color: var(--gray800); margin-bottom: 8px; }
.regulatory-section.qualitySctn { padding: 120px 0 88px; }
.qualitySctn .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.qualitySctn .regulatory-grid { grid-template-columns: repeat(2, 1fr); width: 66%; }
.qualitySctn .regulatory-card p { font-size: 14px; color: var(--gray500); }
.qualitySctn .regulatory-card h4 { font-size: 42px; line-height: 50px; }
.qualitySctn .regulatory-header { max-width: auto; text-align: left; width: 31%; margin: 0; }
.qualitySctn .regulatory-icon { width: 56px; margin-bottom: 24px; }
.home-hero { padding: 0; background: #f1f1f1; position: relative; width: 100%; overflow: hidden; }
.hero-content { width: 60%; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.hero-title { font-size: 96px; line-height: 98px; letter-spacing: -7px; margin-bottom: 24px; color: var(--darkblue); }
.hero-text { color: var(--gray600); font-size: 20px; line-height: 28px; margin-bottom: 24px; max-width: 582px; }
.hero-features { display: flex; flex-direction: column; gap: 4px; margin: 0 0 32px; padding: 0; }
.hero-features li { margin: 0px; color: var(--gray500); font-size: 14px; line-height: 22px; display: flex; align-items: center; gap: 8px; }
.hero-features li img { display: block; max-width: 16px; }
.hero-btn { display: inline-block; background: #12004b; color: #fff; padding: 14px 26px; border-radius: 30px; text-decoration: none; }
.hero-note { color: var(--gray600); font-size: 14px; line-height: 22px; margin: 16px 0 0; }
.hero-trust { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; color: var(--gray600); font-size: 14px; line-height: 22px; margin: 56px 0 0; }
.hero-trust img { display: block; max-width: 92px; }
.hero-image img { display: block; width: 100%; }
.home-hero .hero-image { width: 42%; margin-left: auto; margin-right: 0; }
.home-hero .container { position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.about-features { width: 100%; background: #fff; padding: 88px 0; }
.about-left { width: 40%; }
.about-left .btn { margin-top: 24px; }
.about-right { width: 49%; }
.about-item { padding: 48px 0; border-top: 1px solid var(--blue200); }
.about-item:nth-child(1) { padding-top: 0; border: 0; }
.about-item:last-child { padding-bottom: 0; }
.about-item h3 { font-size: 42px; line-height: 50px; color: var(--darkblue); letter-spacing: -2px; margin: 0; }
.about-item p { color: var(--gray800); font-size: 18px; line-height: 26px; }
.text-image-features { width: 100%; background: rgba(7, 69, 196, 0.05); padding: 88px 0; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.tif-content { width: 42%; }
.tif-list { width: 100%; padding: 16px 0 0; }
.tif-item { margin: 56px 0 0; width: 100%; }
.tif-item h4 { font-size: 26px; line-height: 34px; letter-spacing: -1px; color: var(--darkblue); font-weight: 400; margin: 0; }
.tif-item p { font-size: 16px; line-height: 22px; color: var(--gray800); margin: 16px 0 0; }
.tif-image { width: 50%; }
.tif-image img { width: 100%; display: block; border-radius: 12px; }
.home-products { width: 100%; padding: 88px 0; background: rgba(7, 69, 196, 0.05); position: relative; }
.products-header .bodytext { text-align: left; }
.products-header { align-items: center; margin-bottom: 64px; }
.home-products--compact-top { padding-top: 56px; }
.home-products__groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: 72px; }
.home-products__group { min-width: 0; }
.home-products__group h3 { margin: 0 0 28px; color: var(--darkblue); font-size: 42px; font-weight: 400; line-height: 50px; letter-spacing: -2px; }
.home-products__group-text { max-width: 620px; margin: -12px 0 28px; color: var(--gray600); font-size: 18px; line-height: 26px; }
.home-products__group--mobile-only { display: none; }
.home-products__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.home-products__grid .productcard { background: #fff; border-radius: 12px; border: 1px solid var(--blue200); overflow: hidden; position: relative; }
.home-products__grid .productcard img { width: 100%; display: block; border-radius: 12px 12px 0 0; }
.product-tags { width: 100%; display: flex; margin: 0 0 12px; padding: 0; flex-wrap: wrap; gap: 12px; }
.product-tags span { border: 1px solid var(--blue100); font-size: 12px; line-height: 16px; color: var(--gray800); border-radius: 4px; display: inline-block; padding: 4px 12px; }


.productcard{position: relative; height: 100%; display: flex; flex-direction: column;}
.productinfo { padding: 0 24px 130px; width: 100%; position: relative;}

.productinfo h4 { margin: 0; font-size: 26px; line-height: 34px; color: var(--darkblue); letter-spacing: -2px; transition: all 0.3s ease-in-out; }
.productinfo h4 .peptik-card-compound {display: block;font-size: 14px;line-height: 18px;font-weight: 400;letter-spacing: -.2px;color: #686677;margin-top: 4px;}

.productinfo h6 { margin: 0; font-size: 16px; line-height: 22px; color: var(--darkblue); }
.productinfo p { margin: 8px 0 0; font-size: 14px; line-height: 22px; color: var(--gray800); }
.productinfo .shipfrom { margin: 12px 0 0; display: block; width: 100%; font-size: 14px; line-height: 22px; color: var(--gray500); }
.productinfo .price { position: absolute; bottom: 74px; left: 24px; display: block; width: 100%; font-size: 32px; line-height: 40px; letter-spacing: -2px; color: var(--darkblue); }
.btmbtns { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 24px 20px; display: flex; gap: 10px; }
.btmbtns .btn1 { width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; border-radius: 40px; font-size: 16px; color: var(--darkblue); height: 42px; text-align: center; }
.btmbtns .btn2 { width: 100%; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; background: var(--darkblue); border-radius: 40px; font-size: 16px; color: var(--white); height: 42px; text-align: center; }
.btmbtns span { width: 100%; }
.btmbtns .btn1:hover, .btmbtns .btn2:hover { background: var(--blue); border-color: var(--blue); color: var(--white); }
.home-products__grid .productcard a:hover .productinfo h4 { color: var(--blue); transition: all 0.3s ease-in-out; }
.product-recommendations .btmbtns, .home-products.rst .btmbtns { display: none; }
.peptik-calculator { background: #fff; padding: 132px 0 150px; }
.peptik-calculator header { text-align: center; margin: 0 auto 100px; }
.peptik-calculator h1 { margin: 0; color: var(--figma-ink); font-size: 96px; font-weight: 400; line-height: 98px; letter-spacing: -7px; }
.peptik-calculator header p { margin: 30px 0 0; color: var(--figma-muted); font-size: 24px; line-height: 32px; letter-spacing: -1px; }
.peptik-calculator__card { max-width: 822px; margin: 0 auto; border: 1px solid var(--blue200); border-radius: 12px; padding: 38px 32px 32px; }
.peptik-calculator__card h2 { margin: 0; color: var(--figma-ink); font-size: 42px; font-weight: 400; line-height: 50px; letter-spacing: -2px; }
.peptik-calculator__card p { margin: 14px 0 24px; color: var(--figma-muted); font-size: 18px; line-height: 26px; }
.peptik-calculator__search { position: relative; display: flex; align-items: center; gap: 14px; border: 1px solid #e7e7ec; border-radius: 999px; min-height: 54px; padding: 0 18px; background: #fff; }
.peptik-calculator__search-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--gray600); }
.peptik-calculator__search-icon svg { width: 20px; height: 20px; }
.peptik-calculator__search input { flex: 1; border: 0; outline: 0; color: var(--figma-ink); font-size: 16px; line-height: 24px; background: transparent; padding: 14px 0; min-width: 0; }
.peptik-calculator__search-toggle { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; background: transparent; color: var(--darkblue); line-height: 1; cursor: pointer; padding: 0; }
.peptik-calculator__search-toggle svg { width: 14px; height: 9px; }
.peptik-calculator__list { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 5; max-height: 340px; overflow-y: auto; margin: 0; padding: 8px; list-style: none; background: #fff; border: 1px solid var(--blue100); border-radius: 16px; box-shadow: 0 12px 28px rgba(16, 0, 62, 0.12); }
.peptik-calculator__list li { padding: 12px 14px; border-radius: 10px; cursor: pointer; color: var(--darkblue); font-size: 15px; line-height: 22px; transition: background 0.12s; }
.peptik-calculator__list li:hover, .peptik-calculator__list li:focus { background: #f3f6fc; }
.peptik-calculator__output { margin: 48px auto 0; max-width: 1100px; padding: 0; }
.peptik-calculator__product {}
.peptik-calculator__product-head { display: flex; align-items: center; gap: 24px; margin: 0 0 24px; padding: 24px; background: #f3f6fc; border-radius: 12px; }
.peptik-calculator__product-head img { width: 120px; height: 120px; object-fit: contain; background: #fff; border-radius: 8px; padding: 8px; }
.peptik-calculator__product-head h3 { margin: 0; font-size: 28px; line-height: 36px; letter-spacing: -1px; color: var(--darkblue); font-weight: 500; }
@media (max-width: 768px) {
  .peptik-calculator__product-head { flex-direction: column; align-items: flex-start; padding: 18px; }
  .peptik-calculator__product-head img { width: 80px; height: 80px; }
  .peptik-calculator__product-head h3 { font-size: 20px; line-height: 26px; }
}
.peptik-product-inner { background: #fff; padding: 0 0 96px; }
.peptik-product-inner__tabs { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; column-gap: 48px; row-gap: 8px; margin-bottom: 40px; padding: 0; border: 0; border-bottom: 1px solid var(--blue100); }
.peptik-product-inner__pen-hero, .peptik-product-inner__vial-hero { width: 100%; min-height: 120px; margin: 0 0 16px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.peptik-product-inner__pen-hero[hidden], .peptik-product-inner__vial-hero[hidden] { display: none; }
.peptik-product-inner__pen-hero img { display: block; width: 100%; max-width: 435px; height: auto; object-fit: contain; margin: 0 auto; }
.peptik-product-inner__pen-hero img.peptik-pen-hero--product { width: auto; max-width: 200px; height: auto; max-height: 170px; object-fit: contain; margin: 0 auto; }
.peptik-product-inner__vial-hero img { display: block; width: 180px; height: 90px; max-width: 100%; object-fit: cover; object-position: center; margin: 0 auto; }
.peptik-product-inner__tab { background: transparent; border: none; border-bottom: 2px solid transparent; border-radius: 0; padding: 14px 8px; color: var(--gray500); font-family: Lato, sans-serif; font-size: 24px; line-height: 32px; letter-spacing: -1px; font-weight: 400; cursor: pointer; margin-bottom: -1px; white-space: nowrap; transition: color 0.15s, border-color 0.15s; }
.peptik-product-inner__tab:hover { color: var(--figma-ink); }
.peptik-product-inner__tab.is-active { color: var(--figma-ink); font-weight: 500; border-bottom-color: var(--figma-ink); }
.peptik-product-inner__panels { position: relative; }
.peptik-product-inner__panel { display: none !important; padding: 48px 64px; background: #f3f6fc; border: 0; border-radius: 12px; }
.peptik-product-inner__panel.is-active { display: grid !important; grid-template-columns: 1.05fr 1fr; align-items: stretch; gap: 64px; }
.peptik-product-inner__panel:has(.peptik-product-inner__panel-body--full) { grid-template-columns: 1fr !important; }
.peptik-product-inner__panel--faq.is-active { grid-template-columns: 516px 1fr !important; gap: 48px; }
.peptik-product-inner__panel--faq .peptik-product-inner__panel-body h2 { margin: 0 0 16px; }
.peptik-product-inner__panel--faq .peptik-product-inner__panel-body p { margin: 0 0 32px; color: var(--gray800); }
.peptik-faq-tab__link { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px; background: var(--blue100); color: var(--figma-ink); border-radius: 999px; text-decoration: none; font-size: 15px; font-weight: 500; transition: background 0.15s; }
.peptik-faq-tab__link:hover { background: var(--blue200); }
.peptik-faq-tab__questions { display: flex; flex-direction: column; }
.peptik-faq-tab__questions details > summary::after { content: none !important; }
.peptik-faq-tab__questions details { border-bottom: 1px solid var(--blue100); padding: 14px 0; }
.peptik-faq-tab__questions details:last-child { border-bottom: 0; }
.peptik-faq-tab__questions summary { cursor: pointer; list-style: none; display: flex; align-items: flex-start; gap: 14px; font-size: 18px; line-height: 26px; font-weight: 400; color: var(--figma-ink); }
.peptik-faq-tab__questions summary::-webkit-details-marker { display: none; }
.peptik-faq-tab__questions summary::before { content: "+"; flex-shrink: 0; width: 24px; text-align: center; font-size: 22px; line-height: 24px; font-weight: 300; color: var(--figma-ink); }
.peptik-faq-tab__questions details[open] summary::before { content: "−"; }
.peptik-faq-tab__questions details > p { margin: 8px 0 0 38px; color: var(--gray800); font-size: 15px; line-height: 24px; }
#product-specifications #igfc-host { width: 100% !important; display: block !important; }
.peptik-recs { background: #fff; padding: 64px 0 96px; }
.peptik-recs .container { max-width: 1248px; margin: 0 auto; padding: 0 16px; }
.peptik-recs__header { display: flex; justify-content: space-between; align-items: center; gap: 32px; margin-bottom: 40px; }
.peptik-recs__intro h2 { margin: 0 0 6px; color: var(--figma-ink); font-size: 44px; font-weight: 400; line-height: 52px; letter-spacing: -2px; }
.peptik-recs__intro p { margin: 0; color: var(--gray500); font-size: 15px; line-height: 22px; }
.peptik-recs__cta { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; padding: 13px 26px; background: var(--blue100); color: var(--figma-ink); border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 500; }
.peptik-recs__cta:hover { background: var(--blue200); }
.peptik-recs__card { border: 1px solid var(--blue100); border-radius: 8px; overflow: hidden; background: #fff; display: flex; flex-direction: column; transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease; }
.peptik-recs__card-image { display: block; width: 100%; aspect-ratio: 395/333; background: #fff; overflow: hidden; }
.peptik-recs__card-image img { width: 100%; height: 100%; object-fit: contain; padding: 20px; transition: transform 0.35s ease; will-change: transform; }
@media (hover: hover) {
  .peptik-recs__card:hover { border-color: var(--blue200, var(--blue100)); box-shadow: 0 8px 24px -10px rgba(7, 69, 196, 0.18); transform: translateY(-2px); }
  .peptik-recs__card:hover .peptik-recs__card-image img { transform: scale(1.06); }
}
.peptik-recs__card-body { padding: 20px 24px 24px; border-top: 1px solid var(--blue100); }
.peptik-recs__card-tags { display: flex; gap: 6px; margin-bottom: 10px; }
.peptik-badge-bestseller { background: #b08d57 !important; border-color: #b08d57 !important; color: #fff !important; font-weight: 600 !important; letter-spacing: 0.02em; }
.peptik-badge-bestseller::before { content: "\2605"; margin-right: 4px; font-size: 0.92em; line-height: 1; }
.peptik-recs__card-tags span { display: inline-block; padding: 3px 10px; border: 1px solid var(--blue100); border-radius: 4px; font-size: 11px; line-height: 16px; color: var(--gray800); text-transform: uppercase; letter-spacing: 0.5px; }
.peptik-recs__card-title { margin: 0 0 4px; font-size: 20px; line-height: 26px; letter-spacing: -0.6px; font-weight: 500; }
.peptik-recs__card-title a { color: var(--figma-ink); text-decoration: none; }
.peptik-recs__card-purity { margin: 0; color: var(--gray500); font-size: 13px; line-height: 20px; font-weight: 700; }
.peptik-recs__card-ship { margin: 4px 0 14px; color: var(--gray500); font-size: 12px; line-height: 18px; }
.peptik-recs__card-price { margin: 0; color: var(--figma-ink); font-size: 20px; line-height: 28px; letter-spacing: -0.5px; font-weight: 500; }



.cart-related-products__grid, .home-products__grid, .peptik-recs__grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px;}
.cart-related-products__grid .productcard, .home-products__grid .productcard, .peptik-recs__grid .productcard{ width: 100%; margin: 0; padding: 0; border: 1px solid var(--blue100); border-radius: 12px;  background: #fff; overflow: hidden;}



@media (hover: hover) {
  .peptik-recs__card:hover { border-color: var(--blue200, var(--blue100)); box-shadow: 0 8px 24px -10px rgba(7, 69, 196, 0.18); transform: translateY(-2px); }
  .peptik-recs__card:hover .peptik-recs__card-image img { transform: scale(1.06); }
}

@media (max-width: 768px) {
  .peptik-recs { padding: 40px 0 64px; }
  .peptik-recs__header { flex-direction: column; align-items: flex-start; margin-bottom: 24px; }
  .peptik-recs__intro h2 { font-size: 32px; line-height: 40px; letter-spacing: -1px; }
  .peptik-recs__intro p { font-size: 14px; line-height: 20px; }
  .peptik-recs__cta { padding: 10px 22px; font-size: 14px; }
  .cart-related-products__grid, .home-products__grid, .peptik-recs__grid { grid-template-columns: 1fr; gap: 16px; }
  .peptik-product-inner { padding: 0 0 48px; }
  .peptik-product-inner__tabs { justify-content: flex-start; align-items: center; overflow-x: auto; flex-wrap: nowrap; gap: 24px; padding: 0 16px 8px; margin-bottom: 24px; scrollbar-width: none; -ms-overflow-style: none; border-bottom: 1px solid var(--blue100); }
  .peptik-product-inner__tabs::-webkit-scrollbar { display: none; }
  .peptik-product-inner__tab { flex: 0 0 auto; padding: 8px 0; font-size: 16px; line-height: 24px; letter-spacing: -0.5px; }
  .peptik-product-inner__panels { padding: 0 16px; }
  .peptik-product-inner__panel { padding: 24px 16px; border-radius: 8px; }
  .peptik-product-inner__panel.is-active { grid-template-columns: 1fr !important; gap: 20px; }
  .peptik-product-inner__panel--faq.is-active { grid-template-columns: 1fr !important; gap: 20px; }
  .peptik-product-inner__panel h2 { font-size: 24px; line-height: 32px; letter-spacing: -1px; margin: 0 0 16px; }
  .peptik-product-inner__panel h3 { font-size: 17px; line-height: 24px; margin: 16px 0 8px; }
  .peptik-product-inner__panel p { font-size: 14px; line-height: 22px; }
  .peptik-product-inner__panel ul li { font-size: 14px; line-height: 22px; }
  .peptik-product-inner__panel-media { min-height: 0; height: 212px; order: 99; }
  .peptik-faq-tab__link { padding: 10px 22px; font-size: 14px; }
  .peptik-faq-tab__questions summary { font-size: 15px !important; }
  .peptik-product-inner__panel--faq .peptik-product-inner__panel-body p { margin: 0 0 20px; }
}
.peptik-product-inner__panel-body { min-width: 0; }
.peptik-product-inner__panel-media { min-height: 280px; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, #dbe6f7, #a9c7ee); align-self: stretch; background-size: cover; background-position: center; }
.peptik-product-inner__panel h2 { font-size: 34px; line-height: 40px; letter-spacing: -1.5px; color: var(--figma-ink); margin: 0 0 24px; font-weight: 400; }
.peptik-product-inner__panel h3 { font-size: 20px; line-height: 28px; color: var(--figma-ink); margin: 24px 0 12px; font-weight: 500; }
.peptik-product-inner__panel p { color: var(--gray800); font-size: 16px; line-height: 26px; margin: 0 0 12px; }
.peptik-product-inner__panel ul { margin: 0 0 12px; padding-left: 20px; }
.peptik-product-inner__panel ul li { color: var(--gray800); font-size: 16px; line-height: 26px; margin: 4px 0; list-style: disc;     list-style-position: outside; }
.peptik-product-inner__panel .peptik-howto-note { margin-top: 18px; color: #6b6a78; font-size: 13.5px; line-height: 20px; }
.peptik-product-inner__panel ol.peptik-howto-steps { counter-reset: howto-step; list-style: none; margin: 0 0 16px; padding: 0; }
.peptik-product-inner__panel ol.peptik-howto-steps li { counter-increment: howto-step; position: relative; padding: 14px 16px 14px 56px; margin: 0 0 10px; background: rgba(7, 69, 196, 0.04); border: 1px solid var(--blue100); border-radius: 10px; color: var(--gray800); font-size: 16px; line-height: 26px; }
.peptik-product-inner__panel ol.peptik-howto-steps li:before { content: counter(howto-step); position: absolute; top: 14px; left: 16px; width: 28px; height: 28px; border-radius: 50%; background: var(--darkblue, #10003e); color: #fff; font-size: 14px; font-weight: 600; line-height: 28px; text-align: center; }
.peptik-product-inner__specs { display: grid; grid-template-columns: max-content 1fr; column-gap: 32px; row-gap: 14px; margin: 0; }
.peptik-product-inner__specs dt { font-weight: 500; color: var(--figma-ink); font-size: 15px; line-height: 22px; }
.peptik-product-inner__specs dd { margin: 0; color: var(--gray800); font-size: 15px; line-height: 22px; word-break: break-word; }
.peptik-product-inner__panel details { border-bottom: 1px solid var(--blue100); padding: 16px 0; }
.peptik-product-inner__panel details:last-child { border-bottom: 0; }
.peptik-product-inner__panel details > summary { cursor: pointer; font-size: 18px; line-height: 26px; font-weight: 500; color: var(--figma-ink); list-style: none; padding-right: 32px; position: relative; }
.peptik-product-inner__panel details > summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; color: var(--figma-ink); }
.peptik-product-inner__panel details[open] > summary::after { content: "−"; }
.peptik-product-inner__panel details summary::-webkit-details-marker { display: none; }
.peptik-product-inner__panel details > p { margin: 12px 0 0; }
.peptik-product-inner h2 { margin: 0 0 16px; color: var(--figma-ink); font-size: 34px; font-weight: 400; line-height: 40px; letter-spacing: -1.5px; }
.peptik-product-inner p, .peptik-product-inner li { color: var(--gray800); font-size: 16px; line-height: 24px; }
.collectionmain .productinfo, .product-recommendations .productinfo, .home-products.rst .productinfo { padding-bottom: 42px; }
.collectionmain .productinfo .price, .product-recommendations .productinfo .price, .home-products.rst .productinfo .price { position: static; padding: 22px 0 0; }
.ourmission { background: rgba(7, 69, 196, 0.05); padding: 88px 0; }
.ourmission .hero-features li img { max-width: 20px; width: 20px; }
.ourmission .hero-features { margin: 24px 0 0; gap: 8px; }
.ourmission .hero-features li { color: var(--text); font-size: 16px; }
.qualitySctn.ourmission .regulatory-icon { margin-bottom: 56px; display: block; }
.regulatory-section.aboutpeptik { background: rgba(7, 69, 196, 0.05); padding: 88px 0; }
.aboutpeptik .regulatory-card { padding: 24px; }
.aboutpeptik .regulatory-card h4 { margin-bottom: 16px; }
.aboutpeptik .regulatory-header { margin-bottom: 32px; }
.aboutus-section { width: 100%; background: #fff; padding: 100px 0 90px; text-align: center; }
.aboutus-section .bodytext { max-width: 645px; margin: 0 auto; }
.aboutus-section .bodytext p { font-size: 24px; line-height: 32px; letter-spacing: -1px; color: var(--gray600); margin: 24px 0 0; }
.bodytext h1 { font-size: 96px; line-height: 98px; letter-spacing: -7px; color: var(--darkblue); margin: 0; font-weight: 400 !important; font-family: Lato, sans-serif !important; }
.aboutus-section .bodytext h5 { font-size: 16px; line-height: 22px; color: var(--gray600); margin: 16px 0; font-weight: 400; }
.text-image-features.whowe { padding: 88px 0; background: #fff; }
.tiflist2 { width: 100%; display: flex; flex-direction: column; gap: 32px; margin: 72px 0 0; padding: 0; }
.tiflist2 li { background: url(../images/check-circle.svg) no-repeat; background-size: 24px; background-position: 0 50%; position: relative; padding-left: 32px; color: var(--darkblue); font-size: 28px; letter-spacing: -2px; line-height: 36px; font-weight: 400; list-style: none; }
.scientific-standards { width: 100%; padding: 88px 0 0; }
.standards-header .bodytext { text-align: left; }
.standards-header { align-items: center; margin-bottom: 64px; }
.standards-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding-bottom: 120px; }
.standard-card { border: 1px solid var(--blue200); border-radius: 12px; padding: 24px; }
.standard-card h4 { font-size: 24px; line-height: 32px; letter-spacing: -1px; color: var(--darkblue); margin: 12px 0 0; }
.standard-card p { font-size: 14px; line-height: 22px; color: var(--gray800); margin: 8px 0 0; }
.standard-card .label { display: inline-block; padding: 4px 12px; border: 1px solid var(--blue100); border-radius: 4px; font-size: 12px; line-height: 16px; color: var(--gray800); text-transform: uppercase; }
.standards-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.standard-content.bodytext { text-align: left; }
.standard-content.bodytext p { color: var(--gray800); }
.standard-content ul { display: flex; flex-direction: column; gap: 16px; margin: 32px 0 0; padding: 0; }
.standard-content ul li { background: url(../images/check-circle.svg) no-repeat; background-size: 24px; background-position: 0 50%; position: relative; padding-left: 32px; color: var(--darkblue); font-size: 20px; line-height: 28px; font-weight: 400; list-style: none; }
.custom-section-content .h2 p { font-size: 96px; line-height: 96px; letter-spacing: -7px; }
.custom-section-content .paragraph p { font-size: 24px; line-height: 32px; letter-spacing: -1px; }
.collectionmain { width: 100%; position: relative; padding: 0 0 60px; }
.collection-tabs { width: 100%; display: flex; gap: 12px; flex-wrap: wrap; position: relative; padding-right: 220px; padding: 0 0 20px; }
@media (min-width: 990px) {
  .collection-tabs { flex-wrap: wrap !important; gap: 8px; row-gap: 8px; padding-right: 0 !important; }
  .collection-tabs .tab { padding: 10px 14px; white-space: nowrap; flex: 0 0 auto; }
  .collection-tabs .tab[data-filter="complete-cycles"], .collection-tabs .tab[data-filter="brain-focus"], .collection-tabs .tab[data-filter="sleep-stress"], .collection-tabs .tab[data-filter="longevity-mitochondria"], .collection-tabs .tab[data-filter="hormone-optimization"], .collection-tabs .tab[data-filter="immune-inflammation"] { order: 2; }
}
.collection-tabs .tab { cursor: pointer; border: 1px solid var(--blue100); color: var(--darkblue); background: #fff; font-size: 16px; line-height: 22px; padding: 12px 16px; border-radius: 4px; }
.collection-tabs .tab.active { background: var(--blue100); border-color: var(--blue200); font-weight: 500; }
.collectionmain .product-grid-container { margin: 0 !important; grid-template-columns: initial; padding: 0 !important; position: relative; }
.products-count-wrapper { display: none !important; }
.collection-wrapper { width: 100%; max-width: 100%; }
.collectionmain .product-grid { grid-template-columns: repeat(3, 1fr); }
.collectionmain .product-grid li { border: 1px solid var(--blue100); border-radius: 12px; background: #fff; overflow: hidden; }
.peptik-format-switcher { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; max-width: 1034px; margin: 0 auto 56px; }
.peptik-format-card { min-height: 196px; display: grid; grid-template-columns: 38% 1fr; align-items: center; gap: 26px; padding: 28px 44px; border: 1px solid var(--blue200); border-radius: 12px; background: #fff; }
.peptik-format-card--active { border-color: var(--blue); }
.peptik-format-card img { width: 100%; max-height: 120px; object-fit: contain; }
.peptik-format-card h2 { margin: 0; color: var(--darkblue); font-size: 44px; line-height: 48px; letter-spacing: -3px; font-weight: 400; }
.peptik-format-card p { margin: 14px 0 0; color: var(--gray600); font-size: 18px; line-height: 26px; }
.card-image { width: 100%; position: relative; overflow: hidden; }
.card-image img { width: 100%; display: block; }
.kit_includes { margin: 8px 0 0; font-size: 14px; line-height: 22px; color: var(--gray800); }
.kit_includes ul, .productinfo .kit_includes ul { margin: 0; padding: 0 0 0 20px; }
.kit_includes ul li, .productinfo .kit_includes ul li { margin: 0; padding: 0; border: 0; list-style: disc; overflow: initial; }
.sorting-filter { position: absolute; top: -67px; right: 0; width: 215px; border-radius: 40px; border: 1px solid var(--blue100); color: var(--darkblue); background: #fff; }
.sorting-filter__options-inner { border: 1px solid var(--blue100); border-radius: 12px; }
.sorting-filter .facets__summary { padding: 10px 16px; }
.sorting-filter .sorting-filter__option { font-size: 16px; line-height: 22px; color: var(--darkblue); }
.sorting-filter .sorting-filter__options { width: 100%; top: 52px !important; }
.sorting-filter .facets__label { font-size: 16px; line-height: 22px; color: var(--darkblue); font-weight: 500; }
.collection-all-categories .sorting-filter .sorting-filter__options { display: block; opacity: 1 !important; visibility: visible !important; height: auto !important; min-height: 244px; pointer-events: auto; z-index: 9999 !important; background: #fff; }
.collection-all-categories .sorting-filter .sorting-filter__label { font-size: 16px !important; }
.product-recommendations .section-resource-list__content { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.peptik-recommendations-intro { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.peptik-recommendations-intro p { margin: 0; color: var(--gray500); font-size: 16px; line-height: 24px; }
.peptik-recommendations-intro a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; border: 1px solid var(--blue100); border-radius: 999px; padding: 0 28px; color: var(--darkblue); background: #fff; font-size: 15px; line-height: 20px; text-decoration: none; }
.footer-main { width: min(1440px, 100%); max-width: 1440px; margin: 0 auto; background: var(--darkblue); color: #fff; padding: 60px 0 48px; box-sizing: border-box; }
.footer-main > .container { width: min(1248px, 100%); max-width: 1248px; margin: 0 auto; box-sizing: border-box; padding-left: 24px; padding-right: 24px; }
.footer-grid { display: flex; justify-content: space-between; }
.footer-about { width: 44%; }
.footer-links { width: 12%; }
.footer-contact { width: 24%; }
.footer-logo { width: 200px; margin-bottom: 35px; }
.footer-logo img { display: block; width: 100%; height: auto; }
.footer-text { max-width: 393px; font-size: 14px; line-height: 22px; color: #fff; opacity: 0.7; margin: 0; }
.footer-company { max-width: 450px; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.7); margin: 16px 0 0; }
.footer-company strong { color: #fff; font-weight: 700; font-size: 16px; }
.footer-col h4 { color: #fff; font-size: 24px; line-height: 32px; letter-spacing: -1px; margin: 0 0 24px; font-weight: 500; }
.footer-col ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.footer-col ul li { width: 100%; font-size: 16px; line-height: 22px; color: rgba(255, 255, 255, 0.7); }
.footer-col ul li a { color: rgba(255, 255, 255, 0.7); }
.footer-col ul li a:hover { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.footer-contact ul li { display: flex; gap: 12px; align-items: center; }
.footer-contact ul li img { display: block; max-width: 20px; }
.footer-search { display: flex; margin-top: 16px; max-width: 320px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.06); }
.footer-search__input { flex: 1; padding: 10px 14px; background: transparent; border: 0; color: #fff; font-family: inherit; font-size: 14px; outline: none; }
.footer-search__input::placeholder { color: rgba(255, 255, 255, 0.5); }
.footer-search__button { display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; background: transparent; border: 0; color: rgba(255, 255, 255, 0.85); cursor: pointer; }
.footer-search__button:hover { color: #fff; }
.footer-grid--cols { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 36px 40px; }
.footer-grid--cols .footer-col { width: auto; }
.footer-grid--cols .footer-brand { flex: 1 1 300px; max-width: 360px; }
.footer-grid--cols .footer-links { flex: 1 1 190px; }
.footer-grid--cols .footer-company-info { flex: 1 1 250px; }
.footer-grid--cols .footer-legal { flex: 1 1 220px; }
.footer-grid--cols .footer-col h4 { font-size: 14px; line-height: 20px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; margin: 0 0 20px; color: #fff; }
.footer-brand__label { color: rgba(255, 255, 255, 0.9); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; margin: 16px 0 14px; }
.footer-brand .footer-text { max-width: none; margin: 0 0 12px; }
.footer-text--ruo { color: #fff !important; opacity: 0.9 !important; font-weight: 600; }
.footer-company-info ul li a span { font-size: 0.85em; }
.footer-trust { text-align: center; margin: 34px 0 0; padding: 16px 12px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); font-size: 12px; letter-spacing: 0.07em; text-transform: uppercase; font-weight: 600; }
.footer-trust__compact { display: none; }
.footer-payments { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 24px 0 0; padding-top: 0; border-top: 0; }
.footer-payments__icon { height: 24px; width: auto; border-radius: 4px; background: #fff; padding: 2px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }
.footer-legal-fine { margin: 26px 0 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 19px; }
.footer-legal-fine p { margin: 0 0 8px; max-width: 1100px; }
.footer-legal-fine__copy { color: rgba(255, 255, 255, 0.85); font-weight: 600; }

.peptik-wa-fab { position: fixed; right: 20px; bottom: 20px; width: 72px; height: 72px; border-radius: 50%; background: #25d366; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); display: inline-flex; align-items: center; justify-content: center; z-index: 9999; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.peptik-wa-fab:hover { transform: scale(1.05); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.28); }
.peptik-wa-fab svg { display: block; width: 36px; height: 36px; }
.peptik-ig-fab { position: fixed; right: 20px; bottom: 86px; width: 56px; height: 56px; border-radius: 50%; background: radial-gradient( circle at 30% 110%, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100% ); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); display: inline-flex; align-items: center; justify-content: center; z-index: 9999; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.peptik-ig-fab:hover { transform: scale(1.05); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.28); }
.peptik-ig-fab svg { display: block; }
.peptik-ig-fab { display: none !important; }
.peptik-cart-fab { position: fixed; right: 20px; bottom: 102px; width: 60px; height: 60px; border-radius: 50%; background: #10003e; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); display: none; align-items: center; justify-content: center; z-index: 9999; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.peptik-cart-fab.is-visible { display: inline-flex; }
.peptik-cart-fab:hover { transform: scale(1.05); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.28); }
.peptik-cart-fab svg { display: block; width: 26px; height: 26px; }
.peptik-cart-fab__count { position: absolute; top: -5px; right: -5px; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 999px; background: #b08d57; color: #fff; font-size: 12.5px; font-weight: 700; line-height: 23px; text-align: center; box-sizing: border-box; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28); }

.woocommerce-privacy-policy-text{ margin-bottom: 10px;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ font-size:14px;}
.peptik-checkout-layout.peptik-checkout-layout form.peptik-coupon{ flex-wrap:wrap; gap:10px;}


@media (max-width: 768px) {
  .peptik-wa-fab { right: auto; left: 14px; bottom: 14px; width: 58px; height: 58px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }
  .peptik-wa-fab svg { width: 30px; height: 30px; }
  .peptik-ig-fab { right: auto; left: 14px; bottom: 66px; width: 44px; height: 44px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }
  .peptik-ig-fab svg { width: 22px; height: 22px; }
  .peptik-cart-fab { right: auto; left: 14px; bottom: 80px; width: 50px; height: 50px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }
  .peptik-cart-fab svg { width: 23px; height: 23px; }
  .peptik-cart-fab__count { min-width: 19px; height: 19px; line-height: 19px; font-size: 11px; top: -4px; right: -4px; }
}
.visually-hidden { position: absolute; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
.footer-bottom { margin-top: 120px; display: flex; justify-content: space-between; font-size: 14px; line-height: 22px; }
.footer-policy { display: flex; gap: 22px; }
.footer-policy a { color: #fff; opacity: 0.4; }
.footer-policy a:hover { color: #fff; opacity: 1; text-decoration: underline; text-underline-offset: 2px; }
.footer-note { color: #fff; opacity: 0.4; }
.contactcustom { width: 100%; padding: 0 0 120px; }
.contactcustom .container { display: flex; flex-wrap: wrap; row-gap: 40px; justify-content: space-between; }
.contact-custom__info { width: calc(50% - 15px); border: 1px solid var(--blue100); border-radius: 12px; padding: 24px; height: 100%; }
.contactcustom h2 { font-size: 44px; line-height: 52px; letter-spacing: -3px; color: var(--darkblue); margin: 0; }
.contactcustom p { color: var(--gray500); font-size: 14px; line-height: 22px; margin: 16px 0 0; }
.contact-info-item { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 18px; line-height: 26px; color: var(--darkblue); margin: 20px 0 0; }
.contact-info-item a { color: var(--darkblue); }
.contact-info-item a:hover { text-decoration: underline; text-underline-offset: 2px; color: var(--blue); }
.contact-custom__form { width: calc(50% - 15px); background: #f2f5fc; padding: 24px; border-radius: 12px; }
.contact-form { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 16px; margin: 48px 0 0; }
.contact-form .form-row { width: calc(50% - 15px); display: flex; flex-direction: column; gap: 8px; }
.contact-form .form-row.w100 { width: 100%; }
.contact-form .form-row label { width: 100%; font-size: 14px; line-height: 22px; color: var(--gray500); font-weight: 500; }
.contact-form input, .contact-form textarea { font-family: var(--font-paragraph--family); box-shadow: none !important; outline: none !important; width: 100%; height: 48px; background: #fff; border-radius: 45px; border: 1px solid #f2f2f4; padding: 0 16px; font-size: 16px; line-height: 22px; color: var(--darkblue); }
.contact-form textarea { padding: 16px; resize: none; height: 120px; border-radius: 16px; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--darkblue); }
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color: var(--gray600); opacity: 1; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { color: var(--gray600); opacity: 1; }
.contact-form .btn { width: 160px; height: 48px; padding: 0 0 2px; font-size: 16px; font-weight: 500; border: 0; box-shadow: none !important; cursor: pointer; font-family: var(--font-paragraph--family); }
.contactcustom p.form-success { display: flex; align-items: center; gap: 10px; background: #e6f9ec; color: #1a7f37; border: 1px solid #b7ebc6; border-left: 4px solid #28a745; padding: 15px 20px; border-radius: 10px; font-size: 16px; margin-bottom: 15px; width: 100%; }
.contactcustom p.form-success::before { content: "✔"; font-size: 16px; color: #28a745; }





.ctform .evf-frontend-grid{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 16px; margin: 32px 0 0; padding: 0 !important;}
.ctform .evf-frontend-grid .evf-field{ width: calc(50% - 15px); display: flex!important; margin: 0!important; flex-direction: column; gap: 8px; }
.ctform .evf-frontend-grid .evf-field.w100 { width: 100%; }
.ctform .evf-frontend-grid .evf-field label.evf-field-label { width: 100%; font-size: 14px; line-height: 22px; color: var(--gray500); font-weight: 500; margin: 0!important; }

.ctform .evf-frontend-grid .evf-field .input-text{ font-family: var(--font-paragraph--family); box-shadow: none !important; outline: none !important; width: 100%; height: 48px; background: #fff; border-radius: 45px; border: 1px solid #f2f2f4; padding: 0 16px; font-size: 16px; line-height: 22px; color: var(--darkblue); margin: 0!important;}
.ctform .evf-frontend-grid .evf-field textarea.input-text{ padding: 16px; resize: none; height: 120px; border-radius: 16px; }

.ctform .evf-submit-container{ padding: 0!important; margin: 16px 0 0!important;}
.ctform .evf-submit-container button.evf-submit{ width: 160px; background: var(--lightblue)!important; color: var(--darkblue)!important; height: 48px!important; padding: 0 0 2px!important; font-size: 16px!important; font-weight: 500!important; border: 0!important; border-radius: 60px!important; box-shadow: none !important; cursor: pointer; font-family: var(--font-paragraph--family)!important; }
.ctform .evf-submit-container button.evf-submit:hover{ background: var(--blue)!important; color: #fff!important;}


.ctform .evf-frontend-grid .required{ display: none!important;}
.ctform label.evf-error{ margin: 0!important; font-size: 13px; line-height: 16px;}












.cart-bubble__background { background: var(--blue) !important; }
.mycart { padding: 64px 0 120px;}

.mycart .bodytext h2 { font-size: 44px; line-height: 52px; letter-spacing: -3px; margin: 0; }
.mycart .section { width: 100%; display: block; }
.cart-items__wrapper .cart-items__table .cart-items__table-row { display: flex; align-items: center; justify-content: space-between; gap: 28px !important; }
.cart-items__wrapper .cart-items__media { width: 32%; }
.cart-items__wrapper .cart-items__details { width: 38%; margin-left: 0; margin-right: auto; }
.cart-items__wrapper .cart-items__details .cart-items__title { font-size: 28px; line-height: 36px; letter-spacing: -2px; color: var(--darkblue); }
.cart-items__wrapper .cart-items__unit-price-wrapper span { font-size: 16px; line-height: 22px; font-weight: 700; color: var(--darkblue); display:flex; gap:4px }

.cart-items__wrapper .cart-items__unit-price-wrapper { margin: 20px 0 0; }
.cart-items__wrapper .cart-items__details .cart-includes { width: 100%; display: block; font-size: 18px; line-height: 26px; color: var(--darkblue); }
.cart-items__wrapper .cart-items__details .cart-sku { width: 100%; display: block; font-size: 12px; line-height: 16px; color: var(--gray600); margin: 4px 0 0; }
.cart-items__wrapper .cart-items__media .cart-items__media-container { aspect-ratio: initial; }
.mycart .cart-items .quantity-selector { border: 1px solid var(--blue100); border-radius: 55px; }
.mycart .cart-items__price { display: none; }
.mycart .cart-items__quantity-controls { gap: 25px; }
.cart-page { display: grid; grid-template-columns: 1fr; gap: 0 var(--padding-5xl);}

.hidden { display: none!important;}

.mycart .cart-items__quantity-controls {
    gap: 25px;
}
.quantity-selector input[type=number] {
    margin: 0;
    text-align: center;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 0;
    border:0;
    color: #000;
    background-color: transparent;
}
.quantity-selector :is(.quantity-minus,.quantity-plus) {
    padding: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: #000;
    border:0;
}

.quantity-selector input[type="number"] {
    border: 0;
    outline: none;
    background: transparent;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
}

.quantity-selector input[type="number"],
.quantity-selector input[type="number"]:hover,
.quantity-selector input[type="number"]:focus {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    background-image: none !important;
}

/* Chromium browsers */
.quantity-selector input[type="number"]::-webkit-inner-spin-button,
.quantity-selector input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}

.cart-mobile-top { display: none;}
.mycart .cart-page__summary { display: block; }
.mycart .cart-page__summary .section-background { display: none; }
.mycart .cart-page__summary .cart-summary__inner { height: auto; background: #f3f6fc; border-radius: 16px; padding: 24px; width: 400px;}
.mycart .cart-page__summary .cart-actions { border-color: var(--blue100); }
.mycart .cart-page__summary .cart-discount__input { background: #fff; color: rgba(0, 0, 0, 0.06); font-size: 14px; border-radius: 40px; height: 48px; padding: 0 16px; color: var(--darkblue); border: 1px solid var(--blue100); box-shadow: none; outline: none; }
.mycart .cart-page__summary .cart-discount__button { border: 0; border-radius: 50px; background: var(--blue100); color: var(--darkblue); height: 48px; font-size: 16px; min-width: 120px; font-weight: 500; padding: 0 25px 2px; }
.mycart .cart-page__summary .cart-discount__button:hover { background: var(--blue); color: #fff; }
.mycart .cart__checkout-button { width: 100%; height: 52px; display: flex; align-items: center; justify-content: center; background: var(--darkblue); color: #fff; border-radius: 50px; font-size: 16px; line-height: 22px; font-weight: 500; padding: 0; }
.mycart .cart__checkout-button:hover { background: var(--blue); }
.extracart_text { width: 100%; margin: 0; padding: 6px 0 0; }
.extracart_text ul { width: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.extracart_text ul li { color: var(--gray600); font-size: 12px; line-height: 16px; list-style: none; padding: 0 0 0 15px; background: url(tick1.svg) no-repeat; background-size: 7px; background-position: 0 50%; }
.extracart_text p { color: var(--gray600); font-size: 12px; line-height: 16px; margin: 10px 0 0; }
.mycart .cart-totals__total .cart-totals__total-label, .mycart .cart-totals__total .cart-totals__total-value { font-size: 20px; line-height: 28px; color: var(--darkblue); }
.mycart .cart-totals__total .cart-totals__total-value { font-weight: 700; }
.orsumry { width: 100%; font-size: 24px; line-height: 32px; letter-spacing: -1px; color: var(--darkblue); }
.mycart .cart__ctas { padding: 14px 0 0; }
.mycart .cart-totals { gap: 24px; }
.mycart .cart-totals__tax-note { display: none !important; }
.cartsubtotal { width: 100%; display: flex; flex-direction: column; border-top: 1px solid var(--blue100); gap: 16px; padding: 24px 0 0;}
.cartsubtotal .cartrow { width: 100%; display: flex; justify-content: space-between; font-size: 16px; line-height: 22px; color: var(--gray800); }
.header__icon--menu { cursor: pointer; }
.btnwrap.mobile, .btn.mobile { display: none; }
.hero-trust.mobile { display: none; }
.features-mobile { display: none; }
.products-slider .swiper-pagination { display: none; }
.collection-tabs { padding-right: 0; }
.product-recommendations { background: rgba(7, 69, 196, 0.05); padding: 88px 0; }
.product-recommendations .section { padding: 0; display: block; width: 100%; }
.product-recommendations .product-card { border: 1px solid var(--blue100); border-radius: 12px; background: #fff; overflow: hidden; }
.product-recommendations .resource-list--grid { margin: 64px 0 0; }
.product-recommendations .h2 h3 { font-size: 64px; line-height: 64px; letter-spacing: -4px; color: var(--darkblue); }
.sticky-add-to-cart .add-to-cart-button, .product-form-buttons button.shopify-payment-button__button { border-radius: 50px !important; }
.sticky-add-to-cart .add-to-cart-button:hover, .product-form-buttons button.shopify-payment-button__button:hover { background: var(--blue) !important; }
.recommendproducts .section-resource-list__header h3 { font-size: 44px; line-height: 48px; color: var(--darkblue); font-weight: 400; letter-spacing: -2px; margin: 0 0 24px; }
.recommendproducts .resource-list__item { border: 1px solid var(--blue100); border-radius: 12px; background: #fff; overflow: hidden; }
.variant-option__button-label { border-radius: 50px; min-height: 48px; }
.productmain .variant-option--buttons, .productmain .variant-option--buttons.variant-option--equal-width-buttons { display: flex !important; flex-wrap: wrap; align-items: stretch; gap: 16px; grid-template-columns: none !important; width: auto; max-width: none; margin: 8px 0 0; padding: 0; background: transparent; border: 0; }
.productmain .variant-option--buttons legend { width: 100%; margin: 0 0 12px; padding: 0; color: #10003e; font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.3px; }
.productmain .variant-option__button-label { flex: 0 0 200px; box-sizing: border-box; width: 200px; min-width: 0 !important; height: 52px; min-height: 52px !important; padding: 0 16px; border: 1px solid #cbe1fc !important; border-radius: 4px !important; background: #fff !important; color: #10003e; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.3px; cursor: pointer; transition: background 0.15s, border-color 0.15s, font-weight 0.15s; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin: 0; }

.lxs-material-image{ height: 100%!important;}
.page-template-cart-page .peptik-cart-fab{ display: none !important;}



















@media (max-width: 768px) {
  .productmain .variant-option--buttons, .productmain .variant-option--buttons.variant-option--equal-width-buttons { gap: 15px; max-width: 100%; }
  .productmain .variant-option--buttons legend { margin-bottom: 8px; font-size: 18px; line-height: 24px; }
  .productmain .variant-option__button-label { flex: 1 1 0; width: auto; height: 42px; min-height: 42px !important; font-size: 16px; line-height: 22px; padding: 0 12px; }
}
.productmain .variant-option__button-label:hover { border-color: #99c2f9 !important; }
.productmain .variant-option__button-label:has(input:checked) { background: #cbe1fc !important; border-color: #99c2f9 !important; color: #10003e; font-weight: 500; }
.productmain .variant-option__button-label input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.productmain .variant-option__button-label__pill { display: none !important; }
.productmain { width: 100%; position: relative; padding: 72px 0 68px; }
.productmain .product-information { width: 100%; display: block; }
.productmain .product-information__grid { display: flex; justify-content: space-between; }
.productmain .product-information__media { width: calc(50% - 16px); max-width: 608px; min-width: auto !important; padding: 0 !important; }
.productmain .product-details { width: calc(50% - 16px); max-width: 608px; padding: 0 !important; flex-direction: column; }
.productmain .product-details h1 { margin: 0; font-size: 40px; line-height: 48px; letter-spacing: -3px; font-weight: 500; color: var(--darkblue); }
.productmain .product-includes { margin: 0; font-size: 20px; line-height: 28px; color: var(--darkblue); }
.peptik-dosage-panel__boxnote { min-height: 64px; }
.peptik-dosage-panel__grid > article { min-height: 78px; }
.peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-panel__note--pen { visibility: hidden !important; display: block !important; }
.productmain .variant-picker { margin-top: -8px; }
.productmain .trustedby { margin: 16px 0 0; font-size: 14px; line-height: 22px; color: var(--gray600); }
.product-description { width: 100%; }
.product-description p { font-size: 16px; line-height: 22px; color: var(--gray800); margin: 16px 0 0; }
.productmain .product-description { margin: 16px 0 0; color: var(--gray800); font-size: 16px; line-height: 24px; letter-spacing: 0; }
.productmain .product-description p { margin: 0 0 12px; color: var(--gray800); font-size: 16px; line-height: 24px; }
.productmain .product-description p:last-child { margin-bottom: 0; }
.peptik-dosage-panel { width: 100%; margin: 0 0 24px; padding: 24px; background: #f3f6fc; color: var(--darkblue); }
.peptik-dosage-panel__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.peptik-dosage-panel__title img { width: 20px; height: 20px; object-fit: contain; }
.peptik-dosage-panel__title h2 { margin: 0; color: var(--darkblue); font-size: 18px; line-height: 24px; letter-spacing: -0.3px; font-weight: 500; }
.peptik-bundle-overview { margin: 0 0 16px; }
.peptik-bundle-overview__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.peptik-bundle-overview__card { padding: 12px 14px; background: #f4f1fe; border-radius: 12px; display: flex; flex-direction: column; gap: 6px; }
.peptik-bundle-overview__head { display: flex; align-items: center; gap: 6px; }
.peptik-bundle-overview__icon { width: 24px; height: 24px; border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.peptik-bundle-overview__icon svg { width: 12px; height: 12px; }
.peptik-bundle-overview__label { margin: 0; font-size: 9px; line-height: 12px; font-weight: 700; letter-spacing: 0.4px; color: #7b61ff; text-transform: uppercase; }
.peptik-bundle-overview__value { margin: 0; font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: -0.2px; color: #10003e; }
.peptik-bundle-overview__value--small { font-size: 11px; line-height: 15px; font-weight: 500; color: #10003e; }
.peptik-bundle-overview__note { margin: 0; font-size: 10px; line-height: 14px; color: #686677; }
.peptik-bundle-overview__tagline { margin: 8px 0 0; padding: 12px 16px; background: #f4f1fe; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #10003e; font-size: 11px; line-height: 15px; text-align: center; }
.peptik-bundle-overview__tagline svg { width: 14px; height: 14px; flex: 0 0 auto; }
.peptik-bundle-overview__tagline span { display: inline; }
@media (max-width: 768px) {
  .peptik-bundle-overview__grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .peptik-bundle-overview__card { padding: 12px 14px; }
  .peptik-bundle-overview__value { font-size: 14px; line-height: 18px; }
  .peptik-bundle-overview__tagline { font-size: 11px; line-height: 15px; padding: 12px 14px; }
}
.peptik-bundle-calc-toggle { display: inline-flex; gap: 8px; padding: 4px; margin: 0 0 16px; background: #eef1f8; border-radius: 9999px; }
.peptik-bundle-calc-toggle__btn { appearance: none; border: 0; padding: 8px 18px; border-radius: 9999px; background: transparent; color: #10003e; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }
.peptik-bundle-calc-toggle__btn.is-active { background: #10003e; color: #fff; }
.peptik-bundle-calc-toggle__btn:hover:not(.is-active) { background: rgba(16, 0, 62, 0.06); }
@media (max-width: 768px) {
  .peptik-bundle-calc-toggle { width: 100%; }
  .peptik-bundle-calc-toggle__btn { flex: 1; padding: 10px 12px; font-size: 13px; text-align: center; }
}
.peptik-dosage-panel__size-stack { margin-left: auto; display: inline-grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-items: end; }
.peptik-dosage-panel__size-stack > .peptik-dosage-panel__size { grid-area: 1 / 1 / 2 / 2; margin-left: 0; }
.peptik-dosage-panel__size { margin-left: auto; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 9999px; background: #0745c4 !important; color: #ffffff !important; font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: -0.1px; white-space: nowrap; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
.peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-panel__size[data-mode="vial"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-panel__size[data-mode="pen"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-panel__size[data-mode="vial"] { visibility: hidden; }
.peptik-dosage-panel__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.peptik-dosage-panel__boxnote { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 10px 14px; border: 1px solid #99c2f9; border-radius: 4px; background: #f5f9ff; color: #1e2a44; font-size: 14px; line-height: 18px; }
.peptik-dosage-panel__boxnote svg { flex: none; width: 18px; height: 18px; color: #3964c8; }
.peptik-dosage-panel__boxnote strong { font-weight: 600; }
.peptik-dosage-panel article { min-height: 0; padding: 10px 12px; border: 1px solid #99c2f9; border-radius: 4px; background: #fff; }
.peptik-dosage-panel__highlight { background: #cbe1fc; }
[data-peptik-fmt-host][data-fmt="pen"] [data-mode="vial"], [data-peptik-fmt-host][data-fmt="pen"] [data-mode="spray"], [data-peptik-fmt-host][data-fmt="vial"] [data-mode="pen"], [data-peptik-fmt-host][data-fmt="vial"] [data-mode="spray"], [data-peptik-fmt-host][data-fmt="bundle"] [data-mode="vial"], [data-peptik-fmt-host][data-fmt="bundle"] [data-mode="spray"], [data-peptik-fmt-host][data-fmt="spray"] [data-mode="pen"], [data-peptik-fmt-host][data-fmt="spray"] [data-mode="vial"] { display: none; }
@media (min-width: 980px) {
  .collectionmain .productinfo h4 { margin-bottom: 8px; }
}
@media (hover: hover) and (min-width: 980px) {
  .productcard .product-image, .home-products__grid .productcard .product-image, .collectionmain .product-grid li .product-card__image-wrapper, .collectionmain .product-grid li product-card a:has(img) { overflow: hidden; }
  .productcard .product-image img, .home-products__grid .productcard .product-image img, .collectionmain .product-grid li img { transition: transform 0.45s ease; transform-origin: center center; will-change: transform; }
  .productcard:hover .product-image img, .home-products__grid .productcard:hover .product-image img, .collectionmain .product-grid li:hover img { transform: scale(1.05); }
}
.peptik-dosage-panel span { display: block; color: #36334a; font-size: 11px; line-height: 14px; letter-spacing: 0.2px; font-weight: 400; }
.peptik-dosage-panel small { display: block; color: #686677; font-size: 11px; line-height: 14px; }
.peptik-dosage-panel strong { display: block; margin: 3px 0 1px; color: #04001d; font-size: 15px; line-height: 20px; font-weight: 500; }
.peptik-dosage-panel__note { margin: 10px 0 0; color: #686677; font-size: 12px; line-height: 16px; }
.addto-bottom { width: 100%; }
.addto-bottom p { font-size: 14px; line-height: 22px; color: var(--gray600); margin: 8px 0 0; }
.productmain .product_blocks { padding: 42px 0 0; width: 100%; }
.productmain .product_blocks .group-block { padding: 0 !important; margin: 0 0 16px; width: 100%; }
.product-details .quantity-selector, .quick-add-modal .quantity-selector { border-radius: 50px; border-color: var(--blue100); }
.productmain .add-to-cart-button { border-radius: 50px; background: var(--darkblue); color: #fff; font-size: 16px; line-height: 22px; font-weight: 500; }
.productmain .add-to-cart-button:hover { background: var(--blue); color: #fff; }
.productmain .add-to-cart-button .add-to-cart-icon { display: none; }
.productmain .product-description { padding: 32px 0 0; }
.productmain .hero-features { margin: 8px 0 0; }
.peptik-product-tabs { width: 100%; background: #fff; border-bottom: 1px solid rgba(16, 0, 62, 0.1); }
.peptik-product-tabs .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; overflow-x: auto; }
.peptik-product-tabs a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 8px; color: var(--gray500); border-bottom: 2px solid transparent; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: -1px; white-space: nowrap; }
.peptik-product-tabs a.active, .peptik-product-tabs a:hover { color: var(--darkblue); border-bottom-color: var(--blue); }
.product_overview { padding-top: 32px; background: #f3f6fc; }
.product_overview .container { align-items: flex-start; }
.product_overview .tif-content { width: 46%; }
.product_overview .tif-image { width: 49%; }
.product_overview .tif-image img { min-height: 360px; object-fit: cover; }
.peptik-product-info-section { width: 100%; padding: 88px 0; background: #fff; }
.peptik-product-info-section--soft { background: #f3f6fc; }
.peptik-product-info-grid { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.peptik-product-info-section .bodytext h2 { margin: 0 0 24px; font-size: 64px; line-height: 64px; letter-spacing: -4px; font-weight: 400; color: var(--darkblue); }
.peptik-product-info-section .bodytext p { max-width: 520px; color: var(--gray600); }
.peptik-product-kicker { display: inline-flex; align-items: center; min-height: 30px; margin: 0 0 16px !important; padding: 4px 12px; border: 1px solid var(--blue100); border-radius: 999px; background: #fff; color: var(--blue) !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0 !important; }
.peptik-product-info-list { display: grid; gap: 16px; }
.peptik-product-info-list--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.peptik-product-info-card, .peptik-product-info-panel { border: 1px solid var(--blue100); border-radius: 12px; background: #fff; padding: 24px; color: var(--darkblue); }
.peptik-product-info-card span { display: inline-flex; margin: 0 0 24px; color: var(--blue); font-size: 14px; line-height: 20px; }
.peptik-product-info-card h4, .peptik-product-info-panel h4 { margin: 0 0 12px; color: var(--darkblue); font-size: 24px; line-height: 32px; letter-spacing: -1px; font-weight: 400; }
.peptik-product-info-card p, .peptik-product-info-panel li { margin: 0; color: var(--gray600); font-size: 16px; line-height: 24px; }
.peptik-product-info-panel ul { display: grid; gap: 12px; margin: 0; padding-left: 20px; }
.peptik-product-info-heading { max-width: 760px; margin: 0 0 40px; }
.peptik-product-faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.peptik-calculator-page { background: #fff; padding: 110px 0 120px; }
.peptik-calculator-page__hero { text-align: center; margin: 0 auto 96px; }
.peptik-calculator-page__hero h1 { margin: 0; color: var(--darkblue); font-size: 96px; line-height: 100px; letter-spacing: -7px; font-weight: 400; }
.peptik-calculator-page__hero p { margin: 28px 0 0; color: var(--gray600); font-size: 24px; line-height: 32px; }
.peptik-calculator-card { position: relative; max-width: 822px; margin: 0 auto; padding: 32px 24px 22px; border: 1px solid #67a0ff; border-radius: 10px; background: #fff; }
.peptik-calculator-card__intro h2 { margin: 0; color: var(--darkblue); font-size: 40px; line-height: 48px; letter-spacing: -3px; font-weight: 400; }
.peptik-calculator-card__intro p { margin: 12px 0 24px; color: var(--gray600); font-size: 18px; line-height: 26px; }
.peptik-calculator-search { display: grid; grid-template-columns: 28px 1fr 42px; align-items: center; min-height: 54px; padding: 0 14px; border: 1px solid rgba(16, 0, 62, 0.1); border-radius: 999px; background: #fff; }
.peptik-calculator-search svg { width: 28px; height: 28px; stroke: var(--darkblue); stroke-width: 1.8; fill: none; }
.peptik-calculator-search input { width: 100%; min-width: 0; border: 0; outline: 0; padding: 0 14px; color: var(--darkblue); font-size: 16px; line-height: 24px; background: transparent; }
.peptik-calculator-search input::placeholder { color: #9a99a8; }
.peptik-calculator-search button { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-left: 1px solid rgba(16, 0, 62, 0.1); background: transparent; cursor: pointer; }
.peptik-calculator-search button svg { width: 22px; height: 22px; }
.peptik-calculator-dropdown { position: absolute; left: 24px; right: 24px; top: calc(100% - 18px); z-index: 2; display: grid; gap: 0; padding: 10px; border: 1px solid rgba(16, 0, 62, 0.1); border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(16, 0, 62, 0.12); }
.peptik-calculator-dropdown[hidden] { display: none; }
.peptik-calculator-dropdown button { width: 100%; border: 0; border-radius: 10px; background: transparent; padding: 14px 16px; color: var(--darkblue); text-align: left; font-size: 16px; line-height: 24px; cursor: pointer; }
.peptik-calculator-dropdown button:hover { background: #f3f6fc; }
.peptik-calculator-results { margin: 32px 0 0; }
.peptik-calculator-results__subtitle { margin: 0 0 18px; color: var(--darkblue); font-size: 24px; line-height: 32px; letter-spacing: -1px; }
.peptik-calculator-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.peptik-calculator-results__grid article { min-height: 180px; padding: 20px; border: 1px solid var(--blue100); border-radius: 12px; background: #f3f6fc; }
.peptik-calculator-results__grid span { color: var(--blue); font-size: 12px; line-height: 18px; }
.peptik-calculator-results__grid h3 { margin: 18px 0 10px; color: var(--darkblue); font-size: 20px; line-height: 26px; letter-spacing: -0.5px; font-weight: 400; }
.peptik-calculator-results__grid p { margin: 0; color: var(--gray600); font-size: 14px; line-height: 22px; }
.productspecifications { width: 100%; padding: 88px 0 60px; }
.spec-table { width: 100%; padding: 40px 0 0; }
.spec-row { width: 100%; display: flex; font-size: 18px; line-height: 26px; color: var(--darkblue); background: #f3f6fc; }
.spec-row:nth-child(2n) { background: #fff; }
.spec-value { width: 100%; }
.spec-value ul { display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; padding: 0; margin: 0; }
.spec-value li { padding: 16px; border-right: 1px solid var(--blue100); }
.spec-value li:last-child { border-right: 0; }
.spec-table.cols-3 .spec-value ul { grid-template-columns: repeat(4, 1fr); }
.spec-table.cols-2 .spec-value ul { grid-template-columns: repeat(3, 1fr); }
.spec-table.cols-4 .spec-value ul { grid-template-columns: repeat(5, 1fr); }
.spec-table.cols-5 .spec-value ul { grid-template-columns: repeat(6, 1fr); }
.spec-table.cols-6 .spec-value ul { grid-template-columns: repeat(7, 1fr); }
#shopify-section-template--17180492988513__home_products_QTjfw7 { display: none; }
.home-hero .hero-image .mobile, .herobtns { display: none; }
.flex { gap: 0; }
.headerAction, .carttext { display: none; }
.header-actions__action:not(.account-button) svg { width: 24px !important; height: 24px !important; }
.header-actions__cart-icon .cart-bubble { top: -10px !important; right: 1px !important; }
.aboutus-section.clctnmain .bodytext { max-width: 100%; margin: 0 auto; }
.collection-tabs .tab { text-transform: capitalize; }
.notfor { color: var(--darkblue) !important; font-weight: 500; }
.search-action svg path, .search-action svg circle { stroke: var(--blue); }
.request-peptide { padding: 0 0 80px; }
.request-peptide .contact-custom__form { width: 60%; margin: 0 auto; }
.request-peptide .contact-custom__form .contact-form { margin: 0; }
.request-peptide .center { text-align: center; justify-content: center; align-items: center; }
.skip-to-content-link { display: none !important; }
.page-knowledge-research-guide .scientific-standards { padding: 48px 0; }
.mb_knowledge_guide { width: 100%; padding: 16px 0 0; }
.mb_knowledge_guide h1 { color: var(--darkblue); margin: 0 0 24px; font-size: 46px; line-height: 54px; letter-spacing: -2px; font-weight: 500; padding-right: 5%; }
.kg-features { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.kg-item { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--blue200); border-radius: 12px; }
.kg-icon { width: 20px; height: 20px; }
.kg-text { font-size: 15px; color: var(--darkblue); }
.mobileonly { display: none !important; }
#igfc-host { width: 100%; }
.mobile_breadcrumb { display: none; }
#dosage-calculator-tab > p { display: none; }
.myproduct-grid { gap: 32px 24px; }
.home-products.rst { padding: 48px 0 0 !important; background: #fff !important; }
.home-products.rst .products-header h2 { padding: 0; margin: 0; }
.home-products.rst .ppleft { max-width: 60% !important; }
.home-products.rst .ppright { position: static !important; }
.onlytitle { padding: 0 0 40px; }
.onlytitle h2 { font-size: 44px; line-height: 52px; letter-spacing: -3px; margin: 0; color: var(--darkblue); font-weight: 400; }
.age-gate { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 2147483647; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }
.age-gate.active { opacity: 1; visibility: visible; }
.age-gate__box { background: #f7f7f7; padding: 30px; max-width: 520px; width: 94%; border-radius: 12px; text-align: center; transform: translateY(20px) scale(0.95); opacity: 0; transition: all 0.4s ease; }
.age-gate.active .age-gate__box { transform: translateY(0) scale(1); opacity: 1; }
.age-gate__box h2 { color: var(--darkblue); font-size: 38px; letter-spacing: -2px; margin: 0; }
.age-gate__text { margin: 15px 0; line-height: 1.6; font-size: 15px; color: var(--darkblue); }
.age-gate__check { display: flex; align-items: flex-start !important; gap: 8px; margin: 5px 0 15px; font-size: 16px; font-weight: 600; color: var(--darkblue); text-align: left; }
.age-gate__check span { padding-left: 10px; }
.age-gate__check input { margin-top: 5px; }
.age-gate__actions { display: flex; gap: 10px; justify-content: center; margin-top: 10px; }
#enterSite, #exitSite { padding: 12px 26px; border: none; border-radius: 40px; cursor: pointer; font-weight: 500; font-size: 15px; transition: all 0.3s ease; }
#enterSite { background: var(--blue); color: #fff; }
#enterSite:hover { background: var(--darkblue); color: #fff; }
#enterSite:disabled { cursor: not-allowed; }
#exitSite { background: var(--blue100); color: var(--darkblue); }
#exitSite:hover { background: var(--darkblue); color: #fff; }
body.age-gate-open { overflow: hidden; }
html.design-mode #age-gate { display: none !important; }
.atlogo { width: 100%; margin: 0 0 20px; text-align: center; }
.atlogo img { display: block; margin: 0 auto; max-height: 40px; width: auto; }
body .announcement-bar__text { line-height: 20px; }
.hero-content .notfor { display: none !important; }
.announcement-bar { transition: all 0.4s ease-in-out; }
.announcement-bar.is-fixed { position: fixed; top: 0; z-index: 999; background: #fff !important; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.05); transition: all 0.4s ease-in-out; }
.announcement-bar__slider { width: 100%; position: relative; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.announcement-bar__slide { width: 100%; text-align: center; }
.announcement-bar__slide .announcement-bar__text { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--darktext); }
.announcement-prev, .announcement-next { width: 34px; height: 34px; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; }
.swiper-button-next::after, .swiper-button-prev::after { color: var(--darktext); font-size: 14px !important; opacity: 0.8; }

.cart-page .cart-page__items{ max-width: 800px; }
@media (min-width: 1410px) {
  .cart-page .cart-page__items { min-width: 800px; }
}
@media (max-width: 1410px) {
  .home-hero .hero-image { width: 48%; }
}
@media (max-width: 1270px) {
  .container, .header__row { padding: 0 16px; }
  .footer-links { width: 15%; }
  .default_section { padding: 80px 0 60px; }
  .default_section h1 { font-size: 62px; letter-spacing: -4px; line-height: 1.2; }
  .default_section h1 + p { font-size: 20px; line-height: 28px; }
  .mycart { padding: 40px 0 80px !important; }
  .products-header { margin-bottom: 40px; }
  .cart-items__wrapper .cart-items__details .cart-items__title { font-size: 18px; line-height: 24px; letter-spacing: 0; }
  .cart-items__wrapper .cart-items__details .cart-includes { font-size: 14px; line-height: 20px; }
  .bodytext h2 { font-size: 34px; line-height: 42px; letter-spacing: -0.5px; margin-bottom: 16px; }
  .bodytext p { font-size: 16px; line-height: 24px; margin: 16px 0 0; }
  .qualitySctn .regulatory-icon { width: 44px; }
  .qualitySctn .regulatory-card h4 { font-size: 26px; line-height: 34px; margin-bottom: 16px; letter-spacing: -0.5px; }
  .regulatory-card h5 { font-size: 18px; line-height: 26px; letter-spacing: 0px; margin-bottom: 8px; margin-top: 16px; }
  .qualitySctn .regulatory-card p { font-size: 14px; line-height: 18px; }
  .home-products, .regulatory-section.qualitySctn, .about-features, .regulatory-section, .text-image-features.whowe { padding: 48px 0; }
  .about-item h3 { font-size: 26px; line-height: 34px; letter-spacing: -0.5px; }
  .about-item p { margin: 16px 0 0; font-size: 16px; line-height: 24px; }
  .about-item { padding: 32px 0; }
  .tif-item h4 { font-size: 22px; line-height: 30px; letter-spacing: -0.5px; }
  .tif-item p { font-size: 16px; line-height: 24px; }
  .tif-item { margin: 40px 0 0; }
  .regulatory-icon { width: 32px; margin-bottom: 16px; display: block; }
  .regulatory-card h4 { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; margin-bottom: 16px; }
  .regulatory-card p { font-size: 14px; line-height: 20px; margin: 16px 0 0; }
  .faqright .faq-answer p { font-size: 16px; line-height: 24px; }
  .footer-text, .footer-company { font-size: 16px; line-height: 24px; }
  .hero-title { font-size: 48px; line-height: 56px; letter-spacing: -2px; margin-bottom: 12px; }
  .hero-trust { margin: 20px 0 0; }
  .hero-text { font-size: 18px; line-height: 26px; margin: 12px 0 16px; }
  .hero-features li { font-size: 15px; line-height: 22px; }
  .qualitySctn.ourmission .regulatory-icon { margin-bottom: 24px; }
  .tiflist2 { margin: 40px 0 0; gap: 24px; }
  .tiflist2 li { background-size: 20px; padding-left: 30px; font-size: 20px; letter-spacing: -0.5px; line-height: 28px; }
  .regulatory-section.aboutpeptik { padding: 48px 0 !important; }
  .scientific-standards { padding: 48px 0 0; }
  .standards-header { margin-bottom: 40px; }
  .standards-cards { gap: 16px; }
  .standards-cards { padding-bottom: 48px; }
  .collectionmain .product-grid { gap: 16px; }
  .custom-section-content .h2 p { font-size: 44px; line-height: 52px; letter-spacing: -2px; }
  .custom-section-content .paragraph p { font-size: 16px; line-height: 24px; letter-spacing: 0px; }
  .product-recommendations, .productmain, .productspecifications { padding: 48px 0; }
  .product-recommendations .resource-list--grid { margin: 40px 0 0; }
  .product-recommendations .h2 h3 { font-size: 32px; line-height: 40px; letter-spacing: -0.5px; }
  .spec-row { font-size: 16px; line-height: 24px; }
  .spec-table { padding: 30px 0 0; }
  .collectionmain .product-grid .product-grid__card.product-grid__card { padding: 0 !important; gap: 0 !important; }
  .product-recommendations .btmbtns, .home-products.rst .btmbtns { display: none; }
  .collectionmain .productinfo, .product-recommendations .productinfo, .home-products.rst .productinfo { padding-bottom: 42px; }
  .collectionmain .productinfo .price, .product-recommendations .productinfo .price, .home-products.rst .productinfo .price { position: static; padding: 22px 0 0; }
}
@media (max-width: 1024px) {
  .products-slider .swiper-pagination { display: flex; position: static; padding: 20px 0 0; justify-content: center; }
  .swiper-pagination-bullet { background: var(--blue100) !important; opacity: 1; }
  .swiper-pagination-bullet-active { background: #649aed !important; }
  .products-slider .productcard { margin: 2px 0; }
  .menu-list__list-item { padding: 0 12px; }
}
@media (max-width: 979px) {
  .navigation{ display: none; }
  .mbcart .carttext{ display: none; }
  .peptik-gateway { display: flex; flex-direction: column; min-height: 0; }
  .peptik-gateway__panel { min-height: auto; padding: 28px 32px 32px; }
  .peptik-gateway__copy { gap: 16px; min-height: 0; }
  .peptik-gateway__copy h1, .peptik-gateway__copy h2 { font-size: 44px; line-height: 52px; letter-spacing: -2px; }
  .peptik-gateway__copy p { font-size: 16px; line-height: 24px; letter-spacing: 0; }
  .peptik-gateway__image-card { width: 100%; margin: 16px 0 20px; border-radius: 6px; }
  .peptik-gateway__image-card img { height: auto; }
  .peptik-gateway__badge { left: 12px; min-width: 52px; min-height: 36px; font-size: 14px; line-height: 13px; border-radius: 0 0 2px 2px; }
  .peptik-gateway__badge small { font-size: 8px; line-height: 10px; }
  .peptik-gateway__button { width: 215px; min-height: 58px; font-size: 16px; }
  .peptik-gateway__panel--pen .peptik-gateway__button, .peptik-gateway__panel--vial .peptik-gateway__button { font-size: 0; }
  .peptik-gateway__panel--pen .peptik-gateway__button::before { content: "Buy pens"; font-size: 16px; }
  .peptik-gateway__panel--vial .peptik-gateway__button::before { content: "Buy vials"; font-size: 16px; }
  .peptik-dual { padding: 56px 0 48px; }
  .peptik-dual h2 { font-size: 43px; line-height: 50px; letter-spacing: -2.6px; margin-bottom: 32px; }
  .peptik-dual__panel { padding: 28px 16px; border-radius: 8px; }
  .peptik-dual__top { display: block; margin-bottom: 24px; }
  .peptik-dual__top h3 { font-size: 30px; line-height: 38px; letter-spacing: -1.8px; margin-bottom: 22px; }
  .peptik-dual__visuals { gap: 16px; }
  .peptik-dual__visuals img { max-height: 95px; }
  .peptik-dual__row, .peptik-dual__row--head { grid-template-columns: 1fr; gap: 8px; padding: 18px 12px; font-size: 15px; line-height: 22px; }
  .peptik-dual__row--head span:not(:first-child) { display: none; }
  .peptik-dual__row span:first-child { font-weight: 700; }
  .peptik-dual__cards { grid-template-columns: 1fr; gap: 16px; }
  .peptik-dual__cards h3 { font-size: 30px; line-height: 38px; letter-spacing: -1.8px; }
  .home-products__group--mobile-only { display: block; order: -1; }
  .home-products__groups { gap: 48px; }
  .home-products__group h3 { font-size: 30px; line-height: 38px; letter-spacing: -1.8px; margin-bottom: 20px; }
  .home-products__grid { display: flex; gap: 16px; overflow-x: auto; padding: 2px 16px 8px 0; scroll-snap-type: x mandatory; }
  .home-products__grid .productcard { flex: 0 0 83%; scroll-snap-align: start; }
  .peptik-calculator { padding: 68px 0 82px; }
  .peptik-calculator header { text-align: left; margin-bottom: 54px; }
  .peptik-calculator h1 { font-size: 56px; line-height: 60px; letter-spacing: -3.6px; }
  .peptik-calculator header p, .peptik-calculator__card p { font-size: 16px; line-height: 24px; letter-spacing: 0; }
  .peptik-calculator__card { padding: 28px 20px 24px; }
  .peptik-calculator__card h2 { font-size: 34px; line-height: 40px; letter-spacing: -1.8px; }
  .peptik-product-inner { padding: 0 0 64px; }
  .peptik-product-inner__tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; }
  .peptik-product-inner__tabs a { white-space: nowrap; }
  .peptik-product-inner__grid { grid-template-columns: 1fr; }
  .peptik-marketing-hero { display: block; position: relative; width: 100%; height: auto; min-height: 0; overflow: visible; background-color: #f2f5fc; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; padding: 64vw 20px 28px; }
  .peptik-marketing-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 115vw; background: linear-gradient( 180deg, rgba(242, 245, 252, 0) 30%, rgba(242, 245, 252, 0.72) 62%, rgba(242, 245, 252, 0.96) 82%, #f2f5fc 100% ); pointer-events: none; }
  .peptik-marketing-hero__visual { display: none; }
  .peptik-marketing-hero__copy { position: relative; z-index: 2; width: 100%; max-width: 100%; height: auto; min-height: auto; margin: 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; align-items: center; text-align: center; }
  .peptik-marketing-hero__flag { display: none; }
  .peptik-marketing-hero__lead-flag { display: inline; }
  .peptik-marketing-hero__features li[data-feature-index="1"], .peptik-marketing-hero__features li[data-feature-index="2"], .peptik-marketing-hero__features li[data-feature-index="3"], .peptik-marketing-hero__features li[data-feature-index="4"], .peptik-marketing-hero__features li[data-feature-index="7"] { display: none; }
  .peptik-marketing-hero h1 { order: -3; }
  .peptik-marketing-hero__button--mobile { order: -2; margin: 20px 0 8px; }
  .peptik-marketing-hero h1 { font-size: 48px; line-height: 54px; letter-spacing: -3px; text-align: center; }
  .peptik-marketing-hero__lead { margin: 16px auto 0; font-size: 16px; line-height: 22px; text-align: center; max-width: 343px; }
  .peptik-marketing-hero__features { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: max-content; margin: 24px auto 0; padding: 0; }
  .peptik-marketing-hero__features li { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 18px; white-space: normal; }
  .peptik-marketing-hero__features li img { width: 16px; height: 16px; flex: 0 0 16px; }
  .peptik-marketing-hero__features li span { font-size: 13px; line-height: 18px; white-space: normal; }
  .peptik-marketing-hero__button { width: 100%; max-width: 343px; min-height: 58px; font-size: 16px; margin: 24px auto 0; }
  .peptik-marketing-hero__button--desktop { display: none !important; }
  .peptik-marketing-hero__button--mobile { display: inline-flex !important; }
  .peptik-marketing-hero__subnote { max-width: none; margin: 14px auto 0; text-align: center; }
  .peptik-marketing-hero__disclaimer { display: none; }
  .peptik-marketing-hero__visual { position: relative; top: auto; right: auto; width: 100%; height: auto; background: #fff; padding: 0; min-height: 0; overflow: hidden; }
  .peptik-marketing-hero__visual:has(.peptik-marketing-hero__visual-img--mobile) .peptik-marketing-hero__visual-img--desktop { display: none; }
  .peptik-marketing-hero__visual-img--mobile { display: block; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; object-fit: cover !important; }
  .peptik-marketing-hero__visual img { position: relative; inset: auto; display: block; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; object-fit: cover !important; }
  .footer-bottom { flex-direction: column; gap: 40px; margin-top: 80px; }
  .footer-main { padding: 48px 0 32px; }
  .footer-grid { flex-direction: column; gap: 40px; }
  .footer-about, .footer-links, .footer-contact { width: 100%; }
  .footer-col.footer-links ul { flex-direction: initial; flex-wrap: wrap; column-gap: 0; }
  .footer-col.footer-links ul li { width: 50%; }
  .footer-text, .footer-company { max-width: 100%; }
  .footer-logo{ width: 100%; margin-bottom: 20px;}
  .footer-logo img{  max-height: 40px; width: auto;}
  .faq-item { margin: 15px 0 0; }
  .faq-wrapper { padding: 12px 0 20px; }
  .faq-question { font-size: 20px; line-height: 28px; letter-spacing: -0.5px; padding: 10px 34px 10px 0; }
  .faq-question::after { width: 24px; height: 24px; }
  .default_section .faq-answer p { margin: 15px 0 0; }
  .faqleft { width: 100%; }
  .faqright { width: 100%; }
  .faqhighlight { padding: 50px 0; }
  .default_section .container { max-width: 100%; }
  .mycart .cart-page { display: flex; flex-direction: column; gap: 40px; }
  .cart-summary--extend .cart-summary__inner { width: 100% !important; }
  .extracart_text ul { flex-wrap: wrap; flex-direction: initial; justify-content: space-between; }
  .extracart_text ul li { width: 48%; }
  .btnwrap.desktop { display: none; }
  .btnwrap.mobile { display: block; }
  .faqright { padding: 40px 0 0; }
  .faqright .btnwrap { margin: 40px 0 0; width: 100%; }
  .faqright .btnwrap a { width: 100%; text-align: center; }
  .regulatory-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .home-hero { background: #fff; }
  .home-hero .container { position: static; }
  .home-hero .hero-image { width: 100%; background: #f1f1f1; }
  .hero-content { width: 100%; padding: 32px 0 24px; }
  .hero-trust.desktop { display: none; }
  .hero-trust.mobile { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
  .collectionmain .product-grid { grid-template-columns: repeat(2, 1fr); }
  .peptik-format-switcher { display: none; }
  .collection-tabs { display: none !important; }
  .sorting-filter { display: none !important; }
  .peptik-mobile-filter-sort { display: block; margin: 14px 0 12px; position: relative; z-index: 5; }
  .peptik-mobile-fs__toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--blue200); border-radius: 8px; padding: 12px 16px; color: var(--darkblue); font-size: 15px; font-weight: 500; cursor: pointer; }
  .peptik-mobile-fs__chevron { display: inline-flex; transition: transform 0.2s ease; }
  .peptik-mobile-fs--open .peptik-mobile-fs__chevron { transform: rotate(180deg); }
  .peptik-mobile-fs__panel { display: grid; grid-template-columns: 1fr; gap: 0; background: #fff; border: 1px solid var(--blue200); border-top: none; border-radius: 0 0 8px 8px; margin-top: -1px; max-height: 60vh; overflow: hidden; }
  .peptik-mobile-fs__panel[hidden] { display: none !important; }
  .peptik-mobile-fs__col { display: flex; flex-direction: column; padding: 12px; overflow-y: auto; }
  .peptik-mobile-fs__col--cat { display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px; row-gap: 0; align-content: start; }
  .peptik-mobile-fs__col--cat .peptik-mobile-fs__col-title { grid-column: 1 / -1; }
  .peptik-mobile-fs__col + .peptik-mobile-fs__col { border-left: 1px solid var(--blue100); }
  .peptik-mobile-fs__col-title { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gray800); margin: 0 0 8px; padding: 0 4px; }
  .peptik-mobile-fs__opt { appearance: none; background: transparent; border: none; text-align: left; font-size: 13px; line-height: 18px; color: var(--darkblue); padding: 8px 8px; border-radius: 6px; cursor: pointer; display: block; width: 100%; }
  .peptik-mobile-fs__opt:hover { background: var(--blue100); }
  .peptik-mobile-fs__opt.is-active { background: var(--blue100); color: var(--darkblue); font-weight: 600; }
  .collectionmain .product-grid { padding-top: 8px !important; }
  .collectionmain .product-grid li { margin-top: 0 !important; }
  .collectionmain .productcard .product-image, .collectionmain .product-card .product-image { padding-top: 0 !important; }
  .collectionmain .product-grid li .productcard { padding-top: 0 !important; }
  .productmain .product-information__grid { flex-wrap: wrap; }
  .productmain .product-information__media { width: 100%; margin-top: 0 !important; padding-top: 0 !important; }
  .productmain .product-information__media .product-card, .productmain .product-information__media .product-card__content, .productmain .product-information__media [class*="image"] { padding-top: 0 !important; margin-top: 0 !important; }
  .productmain .product-information__media, .productmain .product-information__media media-gallery, .productmain .product-information__media slideshow-component { aspect-ratio: 1 / 1; }
  .productmain .product-information__media img.product-media__image2, .productmain .product-information__media img[class*="product-media__image"] { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  .productmain .product-details { width: 100%; padding: 24px 0 0; }
  .productmain .product-details h1 { font-size: 26px; line-height: 30px; letter-spacing: -0.5px; }
  .peptik-product-tabs .container { justify-content: flex-start; gap: 28px; padding: 0 16px; }
  .peptik-product-tabs a { min-height: 48px; font-size: 20px; line-height: 28px; letter-spacing: -0.5px; }
  .product_overview .tif-content, .product_overview .tif-image { width: 100%; }
  .peptik-product-info-section { padding: 48px 0; }
  .peptik-product-info-grid, .peptik-product-info-list--compact, .peptik-product-faq-grid { grid-template-columns: 1fr; gap: 24px; }
  .peptik-product-info-section .bodytext h2 { font-size: 36px; line-height: 40px; letter-spacing: -1.5px; }
  .peptik-product-info-card, .peptik-product-info-panel { padding: 20px; }
  .peptik-calculator-page { padding: 64px 0 72px; }
  .peptik-calculator-page__hero { margin: 0 auto 52px; }
  .peptik-calculator-page__hero h1 { font-size: 52px; line-height: 54px; letter-spacing: -3px; }
  .peptik-calculator-page__hero p { margin-top: 20px; font-size: 18px; line-height: 26px; }
  .peptik-calculator-card { padding: 22px 16px 18px; border-radius: 10px; }
  .peptik-calculator-card__intro h2 { font-size: 32px; line-height: 38px; letter-spacing: -1.5px; }
  .peptik-calculator-card__intro p { font-size: 16px; line-height: 24px; }
  .peptik-calculator-search { grid-template-columns: 24px 1fr 34px; min-height: 52px; padding: 0 10px; }
  .peptik-calculator-search input { padding: 0 10px; font-size: 14px; }
  .peptik-calculator-search button { width: 34px; height: 34px; }
  .peptik-calculator-dropdown { left: 16px; right: 16px; }
  .peptik-calculator-results__grid { grid-template-columns: 1fr; }
  .productmain .product_blocks { padding: 24px 0 0; }
  .productmain .product_blocks .layout-panel-flex { padding: 0 !important; }
  .productmain .product-description { padding: 24px 0 0; }
  .productmain .product-includes { font-size: 16px; line-height: 24px; }
  .productmain .product-title[data-peptik-product-title] { min-height: auto; margin-bottom: 4px; }
  .productmain .hero-features li:nth-child(n + 8) { display: none; }
  .product-recommendations .section-resource-list__content { align-items: flex-start; flex-direction: column; gap: 14px; }
  .peptik-recommendations-intro { width: 100%; margin-left: 0; justify-content: space-between; gap: 16px; }
  .peptik-recommendations-intro p { max-width: 210px; font-size: 14px; line-height: 22px; }
  .peptik-recommendations-intro a { min-height: 48px; padding: 0 22px; white-space: nowrap; }
  .product-recommendations .resource-list--grid { display: flex; grid-template-columns: none; gap: 12px; margin-top: 28px; overflow-x: auto; padding: 0 16px 18px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .product-recommendations .resource-list--grid::-webkit-scrollbar { display: none; }
  .product-recommendations .resource-list__item { flex: 0 0 313px; scroll-snap-align: start; }
  .product-recommendations .product-card { height: 100%; }
  .product_overview .tif-content { order: 1; }
  .product_overview .tif-image { order: 2; margin: 28px 0 0; }
  .productmain .add-to-cart-button { font-size: 15px; line-height: 20px; }
  .productmain .quantity-selector { flex-shrink: initial; }
  .productmain { padding-top: 0 !important; padding-bottom: 12px !important; }
  .request-peptide .contact-custom__form { width: 100%; }
}
@media (max-width: 749px) {
  .header__columns .search-action { position: absolute; right: 100px; }
  .search-action svg path, .search-action svg circle { stroke: var(--darkblue); }
  .footer-bottom { font-size: 14px; line-height: 20px; }
  .footer-policy { flex-direction: column; gap: 12px; }
  .footer-col h4 { font-size: 18px; line-height: 24px; letter-spacing: 0px; margin: 0 0 20px; }
  .default_section p { margin: 20px 0; font-size: 14px; line-height: 20px; }
  .default_section h3 { margin: 40px 0 0; }
  .default_section h1 + p { text-align: left; font-size: 16px; line-height: 24px; margin: 20px auto 0; max-width: 100%; }
  .default_section h1 { text-align: left; font-size: 44px; line-height: 52px; letter-spacing: -2px; }
  .default_section { padding: 40px 0 40px; }
  .aboutus-section { padding: 20px 0 40px; text-align: left; }
  .bodytext h1 { text-align: left; font-size: 44px; line-height: 52px; letter-spacing: -2px; font-weight: 500; }
  .aboutus-section .bodytext h5 { font-size: 14px; line-height: 20px; margin: 16px 0; }
  .aboutus-section .bodytext p { text-align: left; font-size: 18px; line-height: 26px; margin: 20px 0 0; max-width: 100%; }
  .contact-custom__info, .contact-custom__form { width: 100%; }
  .contactcustom h2 { font-size: 32px; line-height: 40px; letter-spacing: -0.5px; }
  .contact-info-item { flex-direction: column; gap: 15px; align-items: initial; }
  .contact-info-item div { font-weight: 700; }
  .contact-form .form-row { width: 100%; }
  .contact-form { row-gap: 20px; margin: 40px 0 0; }
  .contact-custom__form { min-width: calc(100% + 32px); margin-left: -16px; border-radius: 0px; padding: 40px 16px; }
  .contactcustom { padding: 0 0 88px; }
  .cart-items__wrapper .cart-items__unit-price-wrapper span { font-size: 20px; line-height: 28px; }
  .cart-items__wrapper .cart-items__media { width: 140px; }
  .cart-items__wrapper .cart-items__table .cart-items__table-row { gap: 0 !important; flex-wrap: wrap; }
  .cart-items__wrapper .cart-items__details { width: calc(100% - 140px); margin: 0; padding-left: 10px; }
  .cart-items__wrapper .cart-items__quantity { width: calc(100% - 140px); margin-left: auto; margin-right: 0; }
  .cart-items__media-image { width: 98%; }
  .cart-items__wrapper .cart-items__unit-price-wrapper { margin: 10px 0 0; }
  .cart-items__variants-wrapper { margin: 10px 0 0 !important; }
  .mycart { padding: 40px 0 60px !important; }
  .quantity-selector .quantity-minus, .quantity-selector .quantity-plus { width: 36px; height: 36px; }
  .quantity-selector input[type="number"] { width: 28px; height: 36px; }
  .cart-items__quantity-controls .quantity-selector { flex-shrink: initial; }
  .mycart .cart-items__quantity-controls { gap: 20px; width: 100%; justify-content: space-between; }
  .mycart .bodytext h2 { font-size: 40px; line-height: 48px; letter-spacing: -2px; margin: 0; }
  .mycart .cart-page__summary .cart-summary__inner { background: #fff; border-radius: 0; padding: 0; }
  .mycart .cart-page__summary, .mycart .cart__ctas { padding: 0 !important; }
  .orsumry { display: none; }
  .header__row .header__columns { padding: 0; }
  .header-drawer .menu-drawer__menu-item--mainlist { font-size: 20px; line-height: 28px; color: var(--gray800) !important; }
  .header-drawer .menu-drawer__menu-item--mainlist:hover { color: var(--blue) !important; }
  .menu-drawer__menu .menu-drawer__list-item--flat { margin: 0 !important; }
  .regulatory-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; }
  .regulatory-header { margin: 0 auto 40px; text-align: left; }
  .qualitySctn .regulatory-header { width: 100%; }
  .qualitySctn .regulatory-grid { grid-template-columns: repeat(1, 1fr); width: 100%; margin: 40px 0 0; }
  .home-products .container { padding-right: 0; }
  .home-products .products-header { padding-right: 16px; }
  .productinfo { padding: 0 16px 130px; width: 100%; }
  .productinfo .price { bottom: 74px; left: 0; padding: 0 16px; font-size: 28px; line-height: 38px; letter-spacing: -0.5px; }
  .productinfo h4 { font-size: 26px; line-height: 34px; letter-spacing: -0.5px; font-weight: 500; }
  .productinfo p { font-size: 15px; }
  .btmbtns { padding: 0 16px 20px; }
  .spec-table { overflow-x: auto; padding-bottom: 10px; }
  .spec-row { min-width: 800px; }
  .spec-table.cols-1 .spec-row { min-width: auto; }
  .about-left { width: 100%; }
  .btn.mobile { display: block; text-align: center; }
  .btn.desktop { display: none; }
  .about-right { width: 100%; margin: 40px 0 0; }
  .tif-content { width: 100%; order: 2; margin: 40px 0 0; }
  .tif-image { width: 100%; order: 1; }
  .product_overview .tif-content { order: 1; margin: 0; }
  .product_overview .tif-image { order: 2; margin: 28px 0 0; }
  .productmain .variant-option__button-label { min-height: 42px !important; border-radius: 4px !important; }
  .text-image-features.product_overview { margin: 0 16px !important; padding: 48px 16px 24px !important; width: auto !important; }
  .product_overview .container { padding: 0 !important; }
  .text-image-features { padding: 48px 0; }
  .hero-note { display: none; }
  .hero-features.features-desktop { display: none; }
  .features-mobile { display: flex; flex-wrap: wrap; flex-direction: initial; gap: 8px; margin: 0 0 16px; }
  .features-mobile li:nth-child(1), .features-mobile li:nth-child(3) { min-width: 210px; }
  .features-mobile li span br { display: none; }
  .features-mobile li span { white-space: nowrap; }
  .btn { font-size: 17px; }
  .hero-features li { color: var(--gray800); width: auto; }
  .hero-features li img { max-width: 20px; width: 20px; }
  .hero-content .btn.darkbtn { width: 100%; text-align: center; }
  .aboutpeptik .regulatory-card h4 br, .regulatory-card h4 br { display: none; }
  .aboutpeptik .regulatory-card h4 { font-weight: 500; }
  .regulatory-card h4 { font-size: 24px; line-height: 32px; letter-spacing: 0.5px; font-weight: 500; }
  .page-about-us .regulatory-section { padding-bottom: 0; }
  .faqright .faq-question { padding-left: 35px; }
  .standards-cards { grid-template-columns: repeat(1, 1fr); }
  .standard-card { padding: 16px; }
  .standards-columns { grid-template-columns: repeat(1, 1fr); }
  .standard-content ul li { background-size: 20px; padding-left: 28px; font-size: 16px; line-height: 24px; background-position: 0 4px; }
  .standard-content ul { gap: 12px; }
  .header__icon.header__icon--menu { padding: 8px !important; }
  .header__icon.header__icon--menu .svg-wrapper svg, .header__icon--summary .header-drawer-icon { width: 24px !important; height: 24px !important; }
  .aboutus-section .bodytext { max-width: 100%; }
  .btnmobile .btn { width: 100%; text-align: center; display: block; }
  .standards-cards { padding-bottom: 32px; }
  .standards-columns.type2 { min-width: calc(100% + 32px); margin-left: -16px; margin-top: 32px; padding: 48px 16px; background: rgba(7, 69, 196, 0.05); }
  .collectionmain .product-grid { grid-template-columns: repeat(1, 1fr); }
  .custom-section-content .h2 p { text-align: left; }
  .custom-section-content .paragraph p { text-align: left; }
  .custom-section-content .paragraph p br { display: none; }
  .productmain .hero-features li { color: var(--gray600); }
  #shopify-section-template--17180492988513__home_products_QTjfw7 { display: block; }
  #shopify-section-template--17180492988513__home_products_QTjfw7 .home-products { background: #fff; padding-bottom: 8px; }
  .tif-list { padding: 0; }
  .regulatory-card { padding: 24px; }
  .products-header { position: relative; }
  .products-header h2 { padding-right: 140px; }
  .products-header .ppright { position: absolute; top: 0; right: 16px; }
  .products-header .btn { background: transparent; border: 1px solid var(--blue100); font-size: 14px; line-height: 22px; font-weight: 500; min-width: auto; padding: 11px 20px; }
  .products-header .btn:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
  .products-header h2 { padding: 4px 0; }
  .home-hero .hero-image .mobile { display: block; }
  .home-hero .hero-image .desktop { display: none; }
  #shopify-section-template--17180492988513__home_products_QTjfw7 .productinfo h4 { min-height: 64px; }
  .about-item p { margin: 12px 0 0; }
  .tif-image img { height: 232px; object-fit: cover; object-position: center; }
  .header-section { box-shadow: none; }
  .hero-content { padding: 12px 0 24px; }
  .hero-title { padding-right: 20px; }
  .herobtns { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 12px; }
  .herobtns .btn { width: 100%; padding: 17px 20px 19px; text-align: center; }
  .herobtns .btn.light { width: calc(50% - 6px); }
  .menu-drawer__navigation .mbmenu { display: none !important; }
  .mumobilemenu { width: 100%; margin: 0; padding: 0 16px; display: flex; gap: 16px; flex-direction: column; }
  .mumobilemenu li { list-style: none; font-size: 20px; line-height: 28px; color: var(--gray600); }
  .mumobilemenu li a { color: var(--gray600); }
  .mumobilemenu li a:hover, .mumobilemenu li a.active { color: var(--blue); }
  .header, header-component { position: relative; z-index: 60; }
  .header .menu-drawer { position: absolute; top: 100%; width: 100%; max-width: 100%; z-index: 80; }
  .mobile_breadcrumb { z-index: 1 !important; }
  .header .menu-drawer__backdrop { display: none; }
  html.peptik-drawer-open .peptik-wa-fab, html.peptik-drawer-open .peptik-ig-fab, html.peptik-drawer-open .peptik-cart-fab, html.peptik-drawer-open .loox-pn, html.peptik-drawer-open .loox-float-toggler-container { display: none !important; }
  html.peptik-drawer-open header.shopify-section { z-index: 1000 !important; }
  .header__column.header__column--right .account-button { display: none !important; }
  .header__column.header__column--right .carttext { display: none; }
  .header__column--center { display: none !important; }
  .header__column--left { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
  .header__row .header__columns { padding: 0; display: flex; width: 100%; justify-content: space-between; padding-right: 44px !important; }
  .header__column--left .header__drawer { order: 2; min-height: 57px !important; }
  .header__column--left .header-logo { order: 1; }
  .menu-drawer .close-button { display: none; }
  .menu-open .header__icon .header-drawer-icon--close { display: block !important; }
  .menu-drawer { box-shadow: none !important; padding: 24px 0 0 !important; background: #fff !important; opacity: 1 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .headerAction { display: block; padding: 25px 16px; }
  .headerAction header-actions { display: flex; flex-direction: column; align-items: flex-start; }
  .headerAction .account-button svg, .headerAction .header-actions__action:not(.account-button) .svg-wrapper { width: 40px; height: 40px; }
  .headerAction .account-button span, .mbcart { display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--blue); font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 0.5px; }
  .carttext { display: block; }
  .headerAction .header-actions__cart-icon .cart-bubble { top: 10px !important; right: -75px !important; }
  .productmain .trustedby { font-size: 15px; line-height: 22px; }
  .clctnmain .features-mobile { margin: 16px 0 0; }
  .clctnmain.aboutus-section { padding: 20px 0 25px; }
  .clctnmain .hero-features li { gap: 12px; width: 100%; }
  .header__row .header__column--right { position: absolute; top: -50px; right: 15px; display: block !important; }
  .header__column--right .header-actions__cart-icon .cart-bubble { top: 2px !important; right: 1px !important; }
  .header__column--right .header-actions__cart-icon .svg-wrapper svg path:nth-child(1) { stroke: var(--darkblue); }
  .header__column--right .header-actions__cart-icon .svg-wrapper svg path:nth-child(2) { stroke: var(--darkblue); }
  .header__column--right .header-actions__cart-icon .svg-wrapper svg path:nth-child(3) { fill: var(--darkblue); }
  .faqhighlight .faq-item { display: none; }
  .faqhighlight .faq-item:nth-child(1), .faqhighlight .faq-item:nth-child(2), .faqhighlight .faq-item:nth-child(3) { display: block; }
  .facets-toggle--no-filters { margin: 0; padding: 0; }
  #ResultsList { position: relative; }
  .page-about-us .scientific-standards { display: none; }
  .page-knowledge-research-guide .scientific-standards { padding: 48px 0 0; }
  .standard-card p { font-size: 16px; line-height: 24px; }
  .desktoponly { display: none !important; }
  .mobileonly { display: block !important; }
  .addto-bottom.mobileonly { display: flex !important; align-items: center; justify-content: center; gap: 12px; }
  .addto-bottom p { color: var(--gray600); font-size: 14px; line-height: 20px; display: flex; gap: 8px; margin: 4px 0 0; }
  .addto-bottom p img { display: block; width: 20px; }
  .productmain { padding-top: 0; }
  .product-information { position: relative; }
  .mobile_breadcrumb { display: flex; position: absolute; top: 12px; z-index: 11; left: 0; width: 100%; }
  .mobile_breadcrumb ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; }
  .mobile_breadcrumb ul li { margin: 0; padding: 0; display: flex; font-size: 15px; line-height: 20px; color: var(--gray800); }
  .mobile_breadcrumb ul li a { color: var(--blue); font-weight: 500; }
  .mobile_breadcrumb ul li a:after { content: ""; width: 16px; height: 16px; position: relative; top: 2px; background: url(../images/br-icon.svg) no-repeat; background-size: 100%; display: inline-block; margin: 0 8px; }
  .rstack .container { position: relative; }
  .rstack .mobile_breadcrumb { position: static; margin: 0 0 12px; }
  #ResultsList2 { padding-top: 15px; }
  .customproducts .collectionmain { padding: 0 0 10px; }
  .onlytitle { padding: 0 0 20px; }
  .onlytitle h2 { font-size: 40px; line-height: 44px; letter-spacing: -2px; }
  .age-gate__box { padding: 20px; }
  .age-gate__box h2 { font-size: 32px; }
  .page-template-about-us-page .regulatory-section {padding-bottom: 0;}
  .productmain .product-information { padding-top: 4px; }

}
@media (max-width: 768px) {
    .productmain .product-information__grid > .product-information__media { margin-top: 8px !important; }
}

.peptik-card-delivery {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 700;
    color: #10003e;
    background: #eef4ff;
    border-radius: 999px;
    padding: 7px 14px;
    margin: 8px 0 2px;
    line-height: 1;
    white-space: nowrap;
}
.peptik-card-delivery__ic {
    display: inline-flex;
}
.peptik-benefit-stickers {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    pointer-events: none;
}
.peptik-benefit-sticker {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    background: #b08d57;
    border-radius: 9999px;
}
.peptik-benefit-sticker .pk-benefit-ico {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    color: #fff;
    stroke-width: 2;
} 
.peptik-benefit-sticker__t {
    line-height: 1;
}






.woocommerce .collectionmain ul li .card-image img {
    transition: transform .45s ease;
    transform-origin: center center;
    will-change: transform;
}
.woocommerce .collectionmain ul li:hover .card-image img {
    transform: scale(1.05);
}




.woocommerce-products-header,
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-breadcrumb{ display: none!important;}


.woocommerce .collectionmain ul { display: grid; gap: 32px 24px;  grid-template-columns: repeat(3,1fr);} 
.woocommerce .collectionmain ul::after, .woocommerce .collectionmain ul::before{ display: none;}
.woocommerce .collectionmain ul li{ width: 100%!important; margin: 0!important; padding: 0!important;}
.woocommerce .collectionmain ul li { border: 1px solid var(--blue100); border-radius: 12px;  background: #fff; overflow: hidden;}


.peptik-card-delivery .pkdlv-body, .peptik-card-delivery .pkdlv-wheel {
    fill: #e11d2a;
}
.peptik-card-delivery .pkdlv-lines line {
    stroke: #e11d2a;
    stroke-width: 1.6;
    stroke-linecap: round;
}





.peptik-type-toggle { padding: 24px 0 24px; position: relative; z-index: 5; background: #fff; }
.peptik-type-toggle__heading { margin: 0 0 32px; font-size: 32px; color: var(--figma-ink); text-align: center; font-weight: 400; line-height: 40px; letter-spacing: -1px; }
.peptik-type-toggle__cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
.peptik-type-toggle__card { display: flex; align-items: center; text-align: left; gap: 18px; padding: 16px 24px; background: var(--figma-soft-alt); border: 1px solid transparent; border-radius: 12px; color: var(--figma-ink); text-decoration: none; transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.peptik-type-toggle__card:hover { border-color: var(--figma-ink); transform: translateY(-2px); box-shadow: 0 6px 24px rgba(16, 0, 62, 0.08); }
.peptik-type-toggle__card--active, .peptik-type-toggle__card.is-active { border-color: var(--figma-ink); background: #ffffff; }
.peptik-type-toggle__image { width: 80px; flex: none; }
.peptik-type-toggle__image img { width: 100%; height: auto; display: block; }
.peptik-type-toggle__image--mobile { display: none; }
.peptik-type-toggle__copy { flex: 1; }
.peptik-type-toggle__title { margin: 0; font-size: 32px; font-weight: 500; color: var(--figma-ink); line-height: 1.1; letter-spacing: -0.5px; }
.peptik-type-toggle__subtitle { margin: 8px 0 0; font-size: 16px; color: var(--figma-muted); line-height: 22px; }
.peptik-type-toggle__card { position: relative; }
.peptik-type-toggle__new { position: absolute; top: 10px; right: 10px; z-index: 2; display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 9999px; background: var(--figma-accent); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1; }
.product-card__new-badge { position: absolute; top: 12px; right: 12px; z-index: 3; display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 9999px; background: var(--figma-accent); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1; pointer-events: none; }
.product-card__bestseller-badge { position: absolute; top: 12px; right: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 9999px; background: #b08d57; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1; pointer-events: none; }
.product-card__bestseller-badge::before { content: "\2605"; font-size: 0.92em; line-height: 1; }
.product-card__new-badge ~ .product-card__bestseller-badge { top: 44px; }
.custom-product-card .product-tags { gap: 6px; }

.product-card__sold-out-badge, .product-card__new-badge {
    left: 12px!important;
    right: auto!important;
}

@media (max-width: 768px) {
  .footer-grid--cols { flex-direction: column; gap: 32px; }
  .footer-grid--cols .footer-col { flex: 1 1 auto; width: 100%; max-width: none; }
  .footer-trust__full { display: none; }
  .footer-trust__compact { display: inline; }
  .footer-col.footer-links ul { column-gap: 26px; }
  .footer-col.footer-links ul li { width: calc(50% - 13px); }
}

@media (max-width: 749px) {
  .custom-product-card .product-tags { flex-wrap: nowrap; overflow: hidden; }
}
.custom-product-card .product-tags span { white-space: nowrap; font-size: var(--peptik-tag-fs, 11px); padding: 3px 8px; flex: 0 0 auto; }
.productinfo .price { white-space: nowrap; }
.productinfo .price .price__compare { display: inline; margin: 0 8px 0 0; }
.productinfo .price .price__current { display: inline; font-size: 32px; line-height: 40px; letter-spacing: -2px; color: var(--darkblue)!important;}

.productinfo .price .price__current .amount { font-size: 32px; line-height: 40px; letter-spacing: -2px; display:block; color: var(--darkblue)!important; display: flex; gap:4px }

.peptik-card-price-value{ width: 100%; display: flex; flex-wrap:wrap; align-items: center;}
.product-card.peptik-product-hidden {
    display: none !important;
}

.peptik-filter-no-results{ width: 100%; text-align: center; padding: 40px 20px; font-size: 18px; line-height: 28px; color: var(--gray600); }
.cartsubtotal .cartrow--saved { color: #14804a; font-weight: 600;}


.peptik-card-cycle { width: 100%; display: flex; flex-wrap: wrap; margin-left: 0; margin-top: 10px;  gap:6px;}
.peptik-card-dose__b {border: 1px solid var(--color-border,#E7ECF8); background: #fff; color: #10003e; border-radius: 9999px; padding: 6px 14px;  font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer; letter-spacing: normal;  white-space: nowrap;  transition: background .15s ease,border-color .15s ease,color .15s ease;}
.peptik-card-cycle .peptik-card-dose__b { text-decoration: none; display: inline-flex; align-items: center; font-size: 17px; padding: 9px 18px;}
.peptik-card-dose__b.is-active { background: #10003e; border-color: #10003e; color: #fff;}
.peptik-card-dose__b:hover:not(.is-active):not(.is-out) { border-color: #10003e;}


.cart-action{ position:relative;}
.cart-action .peptik-cart-count{ position: absolute; top: 2px; right: 1px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 9999px; background: var(--blue); color: #fff; font-size: 10px; font-weight: 400; line-height: 1; pointer-events: none;}
.woocommerce-notices-wrapper{ display: none;}

.woocommerce .cart .single_add_to_cart_button{ height: 52px; min-height: 52px; border-radius: 50px;  background: var(--darkblue)!important;  color: #fff; font-size: 16px; line-height: 22px; font-weight: 500;}
.woocommerce .cart .single_add_to_cart_button:hover{ background: var(--blue)!important;}

.peptik-btn-price__sep{width: 32px;}

.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce .quantity .qty, .peptik-qty-stepper .qty{
    -moz-appearance: textfield;
    appearance: textfield;
}

.peptik-qty-stepper .qty::-webkit-inner-spin-button,
.peptik-qty-stepper .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.peptik-select-variant__row, .peptik-pdp-cycle__row { display: flex; gap: 10px; flex-wrap: wrap; margin:0; }
.peptik-pdp-cycle__b {flex: 1 1 0; min-width: 120px; min-height: 42px; border-radius: 4px; border: 1px solid var(--color-border); background: #fff; color: var(--darkblue); display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-decoration: none; padding: 8px 14px; cursor: pointer;
    transition: border-color .15s ease, background .15s ease,color .15s ease;
}

.peptik-pdp-cycle__b.is-active {background: var(--darkblue); border-color: var(--darkblue); color: #fff; cursor: default;}
a.peptik-select-variant__b:hover { border-color: var(--darkblue); }
.peptik-select-variant__b.is-unavailable{cursor: not-allowed; color: #9aa0af; opacity: 0.45;}

.peptik-type-toggle__card[data-format="sprays"] .peptik-type-toggle__image img{
    mix-blend-mode: multiply;
}

.peptik-cart-actions{flex: 1; flex-direction:column; position: relative; display: flex;}
.btn2--notify-restock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(12, 90, 251, 0.55);
    border-radius: 999px;
    background: rgba(12, 90, 251, 0.08);
    color: #0C5AFB;
    font-family: 'Lato', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    height: 52px;
    width: 100%;
}
.btn2--notify-restock:hover {
    background: rgba(12, 90, 251, 0.16);
    border-color: #0C5AFB;
}


.woocommerce .peptik-xo__img {height: 100%!important;}



/* Hide WooCommerce's default stock text - not part of the target design. */
.cart .stock { display: none; }

/* Quantity input + Add to Cart button side by side, not stacked. */
.cart { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin: 0 0 20px;}
.cart div.quantity { margin: 0; }
.cart .qty {width: 70px; height: 52px; text-align: center; border: 1px solid #d8d6e3; border-radius: 999px; font-size: 16px;}
.single_add_to_cart_button {flex: 1; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 200px;}



.peptik-product-inner__panel.peptik-howto--sheet.is-active { grid-template-columns: 1fr!important;}



.peptik-btn-price { display: inline-flex; align-items: center; gap: 6px;}
.peptik-btn-price__sep { opacity: .5; font-weight: 400; }
.single_add_to_cart_button.is-loading { opacity: .7; cursor: wait; }
.single_add_to_cart_button.is-added { background: #1a7f37 !important; }

/* +/- stepper wrapping the native quantity input. */
.peptik-qty-stepper {  display: inline-flex; align-items: center; border: 1px solid var(--blue100); border-radius: 999px; overflow: hidden; }
.peptik-qty-stepper .qty { border: none; border-radius: 0; width: 40px!important; height: 50px; background: transparent; text-align: center; }
.peptik-qty-stepper__btn {width: 44px; height: 50px; border: none; background: transparent; cursor: pointer;font-size: 18px; color: #10003E; display: flex; align-items: center; justify-content: center;}
.peptik-qty-stepper__btn:hover { background: #f2f1f7; }


.variant-option.peptik-pdp-cycle{ margin:18px 0 26px!important; }
.variant-option.peptik-select-variant{ margin: 25px 0;}

.peptik-select-variant__b{
    flex: 0 0 200px;
    box-sizing: border-box;
    width: 200px;
    min-width: 0;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid #cbe1fc;
    border-radius: 4px;
    background: #fff;
    color: #10003e;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -.3px;
    cursor: pointer;
    transition: background .15s,border-color .15s,font-weight .15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
}

.peptik-select-variant__b.is-active{ background: #cbe1fc!important; border-color: #99c2f9!important;  color: #10003e; font-weight: 500;}
a.peptik-select-variant__b:hover { border-color: #99c2f9!important; }
a.peptik-pdp-cycle__b:has(.variant-option__strikethrough) { opacity: .45; color: #9aa0af;}


.peptik-post-add-modal__btn--primary{ background: var(--darkblue)!important;}
.peptik-post-add-modal__btn--primary:hover{ background: var(--blue)!important; color: var(--white)!important;}






@media (min-width: 750px) {
  .collectionmain .custom-product-card { position: relative; height: 100%; display: flex; flex-direction: column; }
  .collectionmain .productinfo { flex: 1 1 auto; display: flex; flex-direction: column; }
  .collectionmain .productinfo .price { margin-top: auto; margin-bottom: 0; }

}
.variant-option[data-testid="variant-option-single"] { display: none; }
.product-grid__item[data-format="spray"] .card-image img, .peptik-recs__card[data-format="spray"] .peptik-recs__card-image img { aspect-ratio: 1584/1332; object-fit: contain; background: #fff; }
@media (max-width: 979px) {

  .peptik-type-toggle { padding: 12px 0 0; }
  .peptik-type-toggle__cards { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .peptik-type-toggle__card { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; padding: 18px 6px 8px; text-align: center; min-height: 0;}
  .peptik-type-toggle__image { width: auto; max-width: none; height: 40px; display: flex;  align-items: center;   justify-content: center;    justify-self: auto;}
  .peptik-type-toggle__image img { max-height: 40px; height: auto; width: auto; max-width: 88px; display: block;}
  .peptik-type-toggle__card[data-format="sprays"] .peptik-type-toggle__image { width: 58px; height: 58px; max-width: 100%;}
  .peptik-type-toggle__card[data-format=vials] .peptik-type-toggle__image {max-width: 48px;}
  .peptik-type-toggle__card[data-format=pens] .peptik-type-toggle__image { max-width: 72px;}
  .peptik-type-toggle__card[data-format="pens"] .peptik-type-toggle__image--desktop img {content: url('../images/peptik-toggle-pen-m.png');}
  .peptik-type-toggle__card[data-format="vials"] .peptik-type-toggle__image--desktop img {content: url('../images/peptik-toggle-vial-m.png');}
  .peptik-type-toggle__card[data-format="sprays"] .peptik-type-toggle__image--desktop img {content: url('../images/peptik-toggle-spray-cream-spaced.png');

  .peptik-collection-consult{padding: 0 16px;}


}

@media (max-width:600px) {
  .peptik-wa-consult {flex-wrap: wrap;}
  .peptik-wa-consult__cta { width: 100%; text-align: center; margin-top: 8px;}
  .peptik-wa-consult__body {flex-basis: calc(100% - 58px);}


}



  .peptik-type-toggle__copy { padding-top: 0; align-self: center; display: flex; flex-direction: column; justify-content: center; height: 100%; }
  .peptik-type-toggle__title { font-size: 16px; margin: 0; line-height: 20px; font-weight: 600; margin: 0; }
  .peptik-type-toggle__subtitle { margin: 6px 0 0; min-height: 0; display: none !important; }
  .peptik-type-toggle__card:has(.peptik-type-toggle__image--mobile) .peptik-type-toggle__image--desktop { display: none; }
  .peptik-type-toggle__image--mobile { display: block; }
  .peptik-cat-tabs { padding: 8px 0 0; }
  .collection-tabs { padding-top: 8px !important; }
  .collection-tabs-wrapper { padding-top: 0 !important; }
  .collectionmain .product-grid-container, .product-grid-container { padding-block-start: 16px !important; }
  .facets-toggle--no-filters { display: none !important; }
}
@media (max-width: 749px) {
  media-gallery.media-gallery--slideshow slideshow-slides { overflow: hidden !important; touch-action: pan-y !important; scroll-snap-type: none !important; }
  media-gallery.media-gallery--slideshow slideshow-controls, media-gallery.media-gallery--slideshow slideshow-arrows { display: none !important; }

  .aboutus-section.clctnmain { padding-top: 8px; padding-bottom: 0; }
  .aboutus-section.clctnmain .bodytext > p:not(.peptik-clctn-social-proof) { display: none; }
  .headermain{ box-shadow: none; padding: 7px 0;}

}
.peptik-cat-tabs { padding: 24px 0 16px; }
.peptik-cat-tabs__list { display: flex; flex-wrap: wrap; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.peptik-cat-tabs__list::-webkit-scrollbar { display: none; }
.peptik-cat-tabs__tab { display: inline-flex; align-items: center; padding: 10px 18px; border: 1px solid rgba(16, 0, 62, 0.15); border-radius: 40px; background: #ffffff; color: var(--figma-ink); font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; white-space: nowrap; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.peptik-cat-tabs__tab:hover { border-color: var(--figma-ink); }
.peptik-cat-tabs__tab--active { background: var(--figma-ink); border-color: var(--figma-ink); color: #ffffff; }

@media (max-width: 768px) {
  .peptik-cat-tabs__list { flex-wrap: nowrap; padding-bottom: 4px; }
  .peptik-cat-tabs__tab { padding: 8px 14px; font-size: 13px; }

}

:root { --font-size--h1: clamp(2.5rem, 4.4vw, 4rem) !important; --font-size--h2: clamp( 1.75rem, 3.1vw, 2.75rem ) !important; --style-border-radius-buttons-primary: 12px !important; --style-border-radius-buttons-secondary: 12px !important; --style-border-radius-popover: 12px !important; }
.peptik-kr { background: #fff; padding: 96px 0 80px; color: var(--darkblue); }
.peptik-kr .container { max-width: 1248px; padding: 0 16px; margin: 0 auto; }
.peptik-kr__intro { margin: 0 0 72px; }
.peptik-kr__intro h1 { margin: 0 0 32px; font-size: 96px; line-height: 1; letter-spacing: -5px; font-weight: 400; color: var(--darkblue); max-width: 980px; }
.peptik-kr__signals { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; padding: 0; list-style: none; }
.peptik-kr__signals li { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border: 1px solid var(--blue100); border-radius: 999px; color: var(--darkblue); font-size: 16px; line-height: 20px; background: #fff; }
.peptik-kr__signals img { width: 20px; height: 20px; flex: 0 0 20px; }
.peptik-kr__pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; margin: 0 0 96px; }
.peptik-kr__pillar h2 { margin: 0 0 16px; font-size: 40px; line-height: 48px; letter-spacing: -2px; font-weight: 400; color: var(--darkblue); }
.peptik-kr__pillar > p { margin: 0 0 28px; font-size: 18px; line-height: 28px; color: var(--gray600); max-width: 540px; }
.peptik-kr__pillar ul { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
.peptik-kr__pillar ul li { display: flex; align-items: center; gap: 12px; color: var(--darkblue); font-size: 18px; line-height: 28px; }
.peptik-kr__pillar ul li img { width: 20px; height: 20px; flex: 0 0 20px; }
.peptik-kr__standards { margin: 0; }
.peptik-kr__standards-head { margin: 0 0 56px; text-align: center; max-width: 760px; margin-left: auto; margin-right: auto; }
.peptik-kr__standards-head h2 { margin: 0 0 16px; font-size: 56px; line-height: 60px; letter-spacing: -3px; font-weight: 400; color: var(--darkblue); }
.peptik-kr__standards-head p { margin: 0; font-size: 18px; line-height: 28px; color: var(--gray600); }
.peptik-kr__standards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 0 56px; }
.peptik-kr__standard-card { padding: 32px 28px; background: #f3f6fc; border-radius: 12px; display: flex; flex-direction: column; gap: 16px; }
.peptik-kr__standard-tag { display: inline-block; align-self: flex-start; padding: 6px 14px; background: #fff; border: 1px solid var(--blue100); border-radius: 6px; font-size: 12px; line-height: 16px; letter-spacing: 0.5px; color: var(--darkblue); text-transform: uppercase; }
.peptik-kr__standard-card h3 { margin: 0; font-size: 24px; line-height: 32px; letter-spacing: -1px; font-weight: 500; color: var(--darkblue); }
.peptik-kr__standard-card p { margin: 0; font-size: 15px; line-height: 22px; color: var(--gray600); }
.peptik-kr__cta { display: block; width: fit-content; margin: 0 auto; padding: 14px 32px; background: var(--darkblue); color: #fff; border-radius: 999px; text-decoration: none; font-size: 16px; line-height: 22px; font-weight: 500; transition: background 0.15s; }
.peptik-kr__cta:hover { background: var(--blue); color: #fff; }
@media (max-width: 980px) {
  .peptik-kr { padding: 48px 0 56px; }
  .peptik-kr__intro { margin: 0 0 56px; }
  .peptik-kr__intro h1 { font-size: 56px; letter-spacing: -2.5px; margin-bottom: 24px; }
  .peptik-kr__signals { gap: 8px; }
  .peptik-kr__signals li { padding: 10px 16px; font-size: 14px; }
  .peptik-kr__pillars { grid-template-columns: 1fr; gap: 48px; margin: 0 0 64px; }
  .peptik-kr__pillar h2 { font-size: 32px; line-height: 40px; letter-spacing: -1px; }
  .peptik-kr__pillar > p { font-size: 15px; line-height: 22px; }
  .peptik-kr__pillar ul li { font-size: 16px; line-height: 22px; }
  .peptik-kr__standards-head { margin-bottom: 32px; text-align: left; }
  .peptik-kr__standards-head h2 { font-size: 38px; line-height: 44px; letter-spacing: -1.5px; }
  .peptik-kr__standards-head p { font-size: 15px; line-height: 22px; }
  .peptik-kr__standards-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 32px; }
  .peptik-kr__standard-card { padding: 24px 20px; }
  .peptik-kr__standard-card h3 { font-size: 20px; line-height: 28px; }
  .peptik-kr__cta { width: 100%; text-align: center; }
  .woocommerce .collectionmain ul { grid-template-columns: repeat(2,1fr);}
}
.peptik-dual__visuals--mobile { display: none; }
@media (max-width: 768px) {
  .peptik-dual__visuals--desktop { display: none; }
  .peptik-dual__visuals--mobile { display: flex; gap: 12px; justify-content: center; align-items: center; margin-bottom: 16px; }
  .peptik-dual__visual-btn { background: none; border: 0; padding: 6px 4px; margin: 0; cursor: pointer; opacity: 0.5; transition: opacity 0.2s ease, transform 0.2s ease; flex: 0 1 auto; }
  .peptik-dual__visual-btn.is-active { opacity: 1; }
  .peptik-dual__visual-btn img { height: auto; object-fit: contain; display: block; }
  .peptik-dual__visual-btn--peptik img { width: 160px; max-width: 46vw; }
  .peptik-dual__visual-btn--traditional img { width: 120px; max-width: 34vw; }
}
@media (max-width: 768px) {
  .peptik-dosage-panel { padding: 16px 14px; margin: 0 0 16px; }
  .peptik-dosage-panel__title { gap: 6px; margin: 0 0 10px; }
  .peptik-dosage-panel__title img { width: 16px; height: 16px; }
  .peptik-dosage-panel__title h2 { font-size: 15px; line-height: 20px; }
  .peptik-dosage-panel__grid { gap: 6px; }
  .peptik-dosage-panel article { padding: 8px 10px; }
  .peptik-dosage-panel span { font-size: 9px; line-height: 12px; }
  .peptik-dosage-panel strong { font-size: 13px; line-height: 16px; margin: 2px 0 0; }
  .peptik-dosage-panel small { font-size: 10px; line-height: 12px; }
  .peptik-dosage-panel__note { font-size: 10px; line-height: 14px; margin-top: 8px; }
}
.peptik-recs__card-actions { display: flex; gap: 8px; margin-top: 14px; }
.peptik-recs__card-form { margin: 0; flex: 1; }
.peptik-recs__card-view, .peptik-recs__card-cart { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 10px 14px; border-radius: 999px; font-family: Lato, sans-serif; font-size: 14px; line-height: 18px; font-weight: 500; text-decoration: none; cursor: pointer; box-sizing: border-box; border: 1px solid var(--darkblue); }
.peptik-recs__card-view { background: #fff; color: var(--darkblue); }
.peptik-recs__card-view:hover { background: var(--blue100); }
.peptik-recs__card-cart { background: var(--darkblue); color: #fff; }
.peptik-recs__card-cart:hover { background: var(--blue); }
.peptik-recs__card-cart[disabled] { opacity: 0.5; cursor: not-allowed; }
.peptik-recs__card-actions > .peptik-recs__card-view { flex: 1; }
@media (max-width: 768px) {
  .peptik-recs__card-actions { flex-direction: column; gap: 6px; }
  .peptik-recs__card-view, .peptik-recs__card-cart { min-height: 40px; font-size: 13px; }
}
.collectionmain .btmbtns { position: static !important; padding: 14px 0 0 !important; display: flex !important; gap: 8px; }
.collectionmain .btmbtns .btn1, .collectionmain .btmbtns .btn2 { font-size: 14px; height: 42px; }
@media (max-width: 768px) {
  .collectionmain .btmbtns { flex-direction: column; gap: 6px; }
  .collectionmain .btmbtns .btn1, .collectionmain .btmbtns .btn2 { height: 40px; font-size: 13px; }
}
.peptik-mkt-hero { position: relative; overflow: hidden; background: #04001d; color: #fff; padding: 0; min-height: 900px; }
.peptik-mkt-hero__gradient { position: absolute; top: -30%; left: -30%; width: 160%; height: 160%; background: radial-gradient( ellipse at 30% 50%, rgba(58, 90, 220, 0.45) 0%, rgba(10, 6, 50, 0.95) 55%, #04001d 80% ); pointer-events: none; z-index: 0; }
.peptik-mkt-hero__inner { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; padding: 80px 6vw; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; min-height: 900px; }
.peptik-mkt-hero__copy h1 { margin: 0 0 24px; font-family: Lato, sans-serif; font-size: 72px; line-height: 78px; letter-spacing: -3.5px; font-weight: 400; color: #fff; max-width: 580px; }
.peptik-mkt-hero__lead { margin: 0 0 28px; max-width: 520px; font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, 0.74); }
.peptik-mkt-hero__pledge { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; margin: 0 0 24px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; color: rgba(255, 255, 255, 0.92); font-size: 15px; line-height: 20px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.peptik-mkt-hero__pledge svg { flex: 0 0 20px; color: rgba(255, 255, 255, 0.7); }
.peptik-mkt-hero__income { padding: 24px 28px; margin: 0 0 32px; max-width: 420px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.peptik-mkt-hero__income-amount { margin: 0; display: flex; align-items: baseline; gap: 8px; color: #fff; font-family: Lato, sans-serif; }
.peptik-mkt-hero__income-amount strong { font-size: 48px; line-height: 52px; letter-spacing: -2px; font-weight: 500; }
.peptik-mkt-hero__income-amount span { font-size: 18px; line-height: 24px; color: rgba(255, 255, 255, 0.7); font-weight: 400; }
.peptik-mkt-hero__income-detail { margin: 8px 0 0; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); }
.peptik-mkt-hero__cta { display: inline-flex; align-items: center; justify-content: center; padding: 16px 38px; background: #fff; color: #04001d; border-radius: 999px; text-decoration: none; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; font-weight: 500; transition: background 0.15s, color 0.15s, transform 0.15s; }
.peptik-mkt-hero__cta:hover { background: rgba(255, 255, 255, 0.92); color: #04001d; transform: translateY(-1px); }
.peptik-mkt-hero__visual { position: relative; display: flex; align-items: center; justify-content: center; }
.peptik-mkt-hero__visual img { width: 100%; max-width: 680px; height: auto; display: block; }
@media (max-width: 980px) {
  .peptik-mkt-hero { min-height: 0; padding: 32px 0 56px; }
  .peptik-mkt-hero__inner { grid-template-columns: 1fr; gap: 32px; padding: 48px 24px; min-height: 0; }
  .peptik-mkt-hero__copy { text-align: left; }
  .peptik-mkt-hero__copy h1 { font-size: 44px; line-height: 48px; letter-spacing: -1.8px; margin-bottom: 16px; }
  .peptik-mkt-hero__lead { font-size: 15px; line-height: 22px; margin-bottom: 20px; }
  .peptik-mkt-hero__pledge { padding: 10px 18px; font-size: 13px; margin-bottom: 20px; }
  .peptik-mkt-hero__pledge svg { width: 16px; height: 16px; flex-basis: 16px; }
  .peptik-mkt-hero__income { padding: 18px 22px; margin-bottom: 24px; }
  .peptik-mkt-hero__income-amount strong { font-size: 36px; line-height: 40px; letter-spacing: -1.4px; }
  .peptik-mkt-hero__income-amount span { font-size: 16px; }
  .peptik-mkt-hero__cta { width: 100%; max-width: none; padding: 14px 24px; }
  .peptik-mkt-hero__visual img { width: 100%; max-width: 420px; }
}
.peptik-lab { background: #fff; padding: 96px 0 88px; color: var(--darkblue); }
.peptik-lab .container { max-width: 1248px; padding: 0 16px; margin: 0 auto; }
.peptik-lab__intro { max-width: 920px; margin: 0 auto 56px; text-align: center; }
.peptik-lab__intro h1 { margin: 0 0 16px; font-size: 72px; line-height: 1.05; letter-spacing: -3px; font-weight: 400; color: var(--darkblue); }
.peptik-lab__lead { margin: 0; font-size: 18px; line-height: 28px; color: var(--gray600); }
.peptik-lab__hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; margin: 0 0 88px; }
.peptik-lab__hero-image { border-radius: 16px; overflow: hidden; aspect-ratio: 533/666; max-height: 560px; background: #f3f6fc; }
.peptik-lab__hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.peptik-lab__hero-copy p { margin: 0 0 20px; font-size: 18px; line-height: 28px; color: var(--gray600); }
.peptik-lab__hero-copy p:last-child { margin-bottom: 0; }
.peptik-lab__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 0 88px; }
.peptik-lab__card { padding: 32px; background: #f3f6fc; border-radius: 12px; display: flex; flex-direction: column; }
.peptik-lab__card-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 24px; }
.peptik-lab__card-icon img { width: 56px; height: 56px; }
.peptik-lab__card h2 { margin: 0 0 12px; font-size: 24px; line-height: 32px; letter-spacing: -1px; color: var(--darkblue); font-weight: 500; }
.peptik-lab__card-desc { margin: 0 0 16px; font-size: 15px; line-height: 22px; color: var(--gray600); }
.peptik-lab__card-tag { margin: auto 0 0; padding: 6px 14px; align-self: flex-start; background: #fff; border: 1px solid var(--blue100); border-radius: 999px; font-size: 12px; line-height: 16px; color: var(--darkblue); }
.peptik-lab__docs { margin: 0; }
.peptik-lab__docs-head { display: flex; flex-direction: column; gap: 20px; margin: 0 0 32px; }
.peptik-lab__docs-head h2 { margin: 0; font-size: 36px; line-height: 44px; letter-spacing: -1.5px; color: var(--darkblue); font-weight: 400; }
.peptik-lab__docs-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 520px; padding: 0 16px; border: 1px solid var(--blue100); border-radius: 12px; background: #fff; }
.peptik-lab__docs-search input { flex: 1; border: 0; outline: none; padding: 14px 0; font-size: 15px; line-height: 22px; background: transparent; color: var(--darkblue); }
.peptik-lab__docs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.peptik-lab__doc { display: flex; align-items: center; gap: 16px; padding: 24px; background: #f3f6fc; border: 1px solid transparent; border-radius: 12px; text-decoration: none; color: var(--darkblue); transition: border-color 0.15s, background 0.15s; }
.peptik-lab__doc:hover { background: #fff; border-color: var(--blue100); }
.peptik-lab__doc-icon { flex: 0 0 40px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.peptik-lab__doc-icon img { width: 40px; height: 40px; }
.peptik-lab__doc-name { font-size: 16px; line-height: 22px; color: var(--darkblue); font-weight: 500; }
@media (max-width: 980px) {
  .peptik-lab { padding: 48px 0 56px; }
  .peptik-lab__intro { margin-bottom: 32px; text-align: left; }
  .peptik-lab__intro h1 { font-size: 40px; line-height: 46px; letter-spacing: -1.5px; }
  .peptik-lab__lead { font-size: 15px; line-height: 22px; }
  .peptik-lab__hero { grid-template-columns: 1fr; gap: 32px; margin-bottom: 48px; }
  .peptik-lab__hero-image { aspect-ratio: 343/214; max-height: none; }
  .peptik-lab__hero-copy p { font-size: 15px; line-height: 22px; margin-bottom: 16px; }
  .peptik-lab__cards { grid-template-columns: 1fr; gap: 16px; margin-bottom: 48px; }
  .peptik-lab__card { padding: 24px; }
  .peptik-lab__card h2 { font-size: 22px; line-height: 28px; }
  .peptik-lab__docs-head h2 { font-size: 26px; line-height: 32px; }
  .peptik-lab__docs-grid { grid-template-columns: 1fr; }
  .peptik-lab__doc { padding: 18px; }
  .peptik-lab__doc-name { font-size: 15px; line-height: 20px; }
}
.peptik-kr__docs { margin: 72px 0 0; }
.peptik-kr__docs-head { display: flex; flex-direction: column; gap: 20px; margin: 0 0 32px; }
.peptik-kr__docs-head h2 { margin: 0; font-size: 36px; line-height: 44px; letter-spacing: -1.5px; color: var(--darkblue); font-weight: 400; }
.peptik-kr__docs-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 520px; padding: 0 16px; border: 1px solid var(--blue100); border-radius: 12px; background: #fff; }
.peptik-kr__docs-search input { flex: 1; border: 0; outline: none; padding: 14px 0; font-size: 15px; line-height: 22px; background: transparent; color: var(--darkblue); }
.peptik-kr__docs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.peptik-kr__doc { display: flex; align-items: center; gap: 16px; padding: 24px; background: #f3f6fc; border: 1px solid transparent; border-radius: 12px; text-decoration: none; color: var(--darkblue); transition: border-color 0.15s, background 0.15s; cursor: pointer; font: inherit; text-align: left; width: 100%; }
.peptik-kr__doc:hover { background: #fff; border-color: var(--blue100); }
.peptik-kr__doc-icon { flex: 0 0 40px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
.peptik-kr__doc-icon img { width: 40px; height: 40px; }
.peptik-kr__doc-name { font-size: 16px; line-height: 22px; color: var(--darkblue); font-weight: 500; }
@media (max-width: 980px) {
  .peptik-kr__docs { margin-top: 48px; }
  .peptik-kr__docs-head h2 { font-size: 26px; line-height: 32px; }
  .peptik-kr__docs-grid { grid-template-columns: 1fr; }
  .peptik-kr__doc { padding: 18px; }
  .peptik-kr__doc-name { font-size: 15px; line-height: 20px; }
}
.peptik-lab__doc { border: 0; background: #f3f6fc; cursor: pointer; font: inherit; text-align: left; width: 100%; }
.peptik-lab__modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.peptik-lab__modal[hidden] { display: none; }
.peptik-lab__modal-backdrop { position: absolute; inset: 0; background: rgba(16, 0, 62, 0.55); }
.peptik-lab__modal-panel { position: relative; z-index: 1; width: 100%; max-width: 720px; max-height: 90vh; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 24px 64px rgba(16, 0, 62, 0.32); display: flex; flex-direction: column; }
.peptik-lab__modal-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--blue100); }
.peptik-lab__modal-head h3 { margin: 0; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; color: var(--darkblue); font-weight: 500; }
.peptik-lab__modal-close { border: 0; background: transparent; cursor: pointer; padding: 8px; display: inline-flex; align-items: center; justify-content: center; }
.peptik-lab__modal-body { flex: 1 1 auto; overflow: auto; padding: 0; background: #f3f6fc; }
.peptik-lab__modal-body img { display: block; width: 100%; height: auto; }
@media (max-width: 768px) {
  .peptik-lab__modal { padding: 8px; align-items: flex-start; padding-top: 48px; }
  .peptik-lab__modal-panel { max-height: 90vh; border-radius: 12px; }
}

@media (min-width: 601px) and (max-width: 979px) {
  .peptik-marketing-hero { display: block; position: relative; min-height: 0; }
  .peptik-marketing-hero__copy { position: relative; z-index: 2; width: 100%; height: 100%; padding: 60px 40px; align-items: center; text-align: center; }
  .peptik-marketing-hero__flag { display: inline-flex; }
  .peptik-marketing-hero h1 { font-size: 72px; line-height: 1.1; letter-spacing: -3px; }
  .peptik-marketing-hero__lead { max-width: 493px; font-size: 18px; line-height: 26px; }
  .peptik-marketing-hero__features { display: grid; grid-template-columns: repeat(3, max-content); column-gap: 28px; row-gap: 12px; width: auto; margin: 28px auto 0; }
  .peptik-marketing-hero__features li, .peptik-marketing-hero__features li span { font-size: 12px; line-height: 16px; white-space: nowrap; }
  .peptik-marketing-hero__button { width: 284px; height: 68px; min-height: 0; font-size: 18px; max-width: none; }
  .peptik-marketing-hero__button--desktop { display: inline-flex !important; }
  .peptik-marketing-hero__button--mobile { display: none !important; }
  .peptik-marketing-hero__disclaimer { display: inline-flex; }
  .peptik-marketing-hero__visual { position: absolute; top: 0; right: 0; width: 50%; height: 100%; padding: 0; background: #fff; }
  .peptik-marketing-hero__visual img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0 !important; max-height: none !important; object-fit: cover !important; }
}
.product-card--sold-out .card-image { position: relative; }
.product-card--sold-out .card-image img { opacity: 0.55; filter: grayscale(0.35); }
.product-card__sold-out-badge { position: absolute; top: 12px; left: 12px; z-index: 3; display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 9999px; background: #10003e; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1; pointer-events: none; }
.product-card--sold-out .price { opacity: 0.6; }
.btn2--sold-out { cursor: not-allowed; background: #9b99a5 !important; border-color: #9b99a5 !important; color: #fff !important; }
.btn2--sold-out:hover { background: #9b99a5 !important; }
.product-grid > .product-grid__item { order: 0; }
.product-grid > .product-grid__item:has(.product-card--sold-out) { order: 1; }
.productinfo .price__compare, .price__compare { display: block; color: #9b99a5; font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 4px; text-decoration: line-through !important; text-decoration-color: #9b99a5; text-decoration-thickness: 2px; }
.productinfo .price__current, .price__current { display: block; }
.peptik-marketing-hero__feature-flag { display: inline-block; line-height: 1; font-size: 20px; flex: 0 0 auto; }
.peptik-marketing-hero__social-proof { display: inline-flex; align-items: center; gap: 10px; margin: 24px 0 16px; padding: 10px 18px; background: #eef1f8; border: 1px solid rgba(16, 0, 62, 0.06); border-radius: 9999px; color: #10003e; font-size: 15px; line-height: 1.2; font-weight: 600; letter-spacing: -0.1px; }
.peptik-marketing-hero__social-proof-dot { width: 9px; height: 9px; border-radius: 50%; background: #00b074; box-shadow: 0 0 0 4px rgba(0, 176, 116, 0.18); flex: 0 0 auto; animation: peptik-pulse 1.8s ease-out infinite; }
@keyframes peptik-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 176, 116, 0.45); }
  70% { box-shadow: 0 0 0 8px rgba(0, 176, 116, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 176, 116, 0); }
}
@media (max-width: 768px) {
  .peptik-marketing-hero__social-proof { margin: 18px auto 4px; padding: 9px 16px; font-size: 14px; }
  .peptik-marketing-hero__copy .peptik-marketing-hero__social-proof + .peptik-marketing-hero__button { margin-top: 8px; }
}
.aboutus-section.clctnmain { padding-bottom: 0; }
.aboutus-section.clctnmain .bodytext > p:last-child { margin-bottom: 0; }
.page-search .productinfo { padding-bottom: 0 !important; }
.page-search .productinfo .price { position: static !important; left: auto !important; bottom: auto !important; padding: 14px 16px 0 !important; font-size: 24px !important; line-height: 32px !important; letter-spacing: -1px !important; }
.page-search .btmbtns { position: static !important; left: auto !important; bottom: auto !important; padding: 14px 16px 18px !important; display: flex !important; gap: 8px; }
.page-search .btmbtns .btn1, .page-search .btmbtns .btn2 { height: 42px; font-size: 14px; }
.page-search .facets-toggle { margin: 0 0 24px !important; padding-bottom: 8px; }
@media (max-width: 768px) {
  .page-search .productinfo { padding: 0 16px 0 !important; }
  .page-search .productinfo .price { font-size: 22px !important; line-height: 28px !important; padding: 12px 0 0 !important; }
  .page-search .btmbtns { padding: 12px 0 14px !important; flex-direction: column; gap: 8px; }
  .page-search .btmbtns .btn1, .page-search .btmbtns .btn2 { height: 40px; font-size: 13px; }
  .page-search .facets-toggle { margin: 0 0 18px !important; padding-bottom: 4px; }
}
.collection-tabs sorting-filter-component, .collection-tabs .sorting-filter { display: none !important; position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; order: 1; margin-left: auto; flex: 0 0 auto; display: inline-flex; align-items: center; border: 1px solid var(--blue100); border-radius: 4px; background: #fff; padding: 0; font-size: 16px; line-height: 22px; color: var(--darkblue); white-space: nowrap; z-index: 5; }
.collection-tabs .sorting-filter__label-wrap, .collection-tabs .sorting-filter > details > summary, .collection-tabs .sorting-filter accordion-custom > details > summary { padding: 12px 16px; }
.collection-tabs .sorting-filter floating-panel-component, .collection-tabs .sorting-filter__options { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: auto !important; min-width: 200px; z-index: 50; }
.collection-tabs { padding-right: 0 !important; position: relative !important; }
.peptik-empty-facets { display: none !important; }
.predictive-search-results__card, .predictive-search-results__card *, .predictive-search-results__card .resource-card, .predictive-search-results__card .card-image, .predictive-search-results__card .card-image img, .predictive-search-results__card .product-card, .predictive-search-results__card .product-card__image, .predictive-search-results__card .resource-card__image, .predictive-search-results__card .card-gallery, .predictive-search-results__card img { transform: none !important; transition: none !important; animation: none !important; }
.predictive-search-results__card:hover, .predictive-search-results__card:hover *, .predictive-search-results__card:hover .resource-card, .predictive-search-results__card:hover .product-card, .predictive-search-results__card:hover .card-image, .predictive-search-results__card:hover img, .predictive-search-results__card:hover .card-gallery, .predictive-search-results__card:hover .product-card__image, .predictive-search-results__card:hover .resource-card__image { transform: none !important; box-shadow: none !important; filter: none !important; }
.predictive-search-results__card .resource-card__image-hover, .predictive-search-results__card .product-media__image2, .predictive-search-results__card img.product-media__image2 { display: none !important; opacity: 0 !important; }
.peptik-marketing-hero__researchers { display: flex; align-items: center; gap: 0; margin: 14px 0 0; font-size: 16px; line-height: 22px; color: var(--gray800); }
.peptik-marketing-hero__researchers .peptik-researcher-avatars { margin-right: 6px; }
.peptik-marketing-hero__researchers-text { display: inline-block; }
@media (max-width: 768px) {
  .peptik-marketing-hero__researchers { margin: 10px 0 0; font-size: 14px; }
}
.peptik-researcher-avatars { display: inline-flex; align-items: center; vertical-align: middle; margin-right: 10px; }
.peptik-researcher-avatars__face { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(16, 0, 62, 0.06); object-fit: cover; display: inline-block; flex: 0 0 auto; background: #fff; }
.peptik-researcher-avatars__face + .peptik-researcher-avatars__face { margin-left: -9px; }
.peptik-fuzzy { padding: 12px 16px 16px; border-bottom: 1px solid rgba(16, 0, 62, 0.08); }
.peptik-fuzzy__label { font-size: 13px; font-weight: 600; color: var(--gray600); letter-spacing: 0.4px; text-transform: uppercase; margin: 0 0 8px; }
.peptik-fuzzy__list { display: flex; flex-direction: column; gap: 6px; }
.peptik-fuzzy__hit { display: flex; align-items: center; gap: 12px; padding: 8px 8px; border-radius: 8px; color: var(--darkblue); text-decoration: none; }
.peptik-fuzzy__thumb { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 6px; overflow: hidden; background: #f3f6fc; display: flex; align-items: center; justify-content: center; }
.peptik-fuzzy__thumb img { width: 100%; height: 100%; object-fit: contain; }
.peptik-fuzzy__title { font-size: 15px; line-height: 20px; font-weight: 500; color: var(--darkblue); }
@media (max-width: 768px) {
  .productmain .mobile_breadcrumb { position: static !important; padding: 0 16px 16px !important; margin: 0 !important; }
}
.peptik-shipping-pill { display: none !important; }
@media (max-width: 768px) {
  .peptik-shipping-pill { display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 6px 0 !important; padding: 10px 16px !important; background: #eef1f8 !important; border: 1px solid rgba(16, 0, 62, 0.06) !important; border-radius: 9999px !important; color: #10003e !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; width: auto !important; align-self: flex-start; }
  .peptik-shipping-pill__dot { display: inline-flex; align-items: center; justify-content: center; width: 9px; height: 9px; border-radius: 50%; background: #00b074; box-shadow: 0 0 0 4px rgba(0, 176, 116, 0.18); flex: 0 0 9px; animation: peptik-pulse 1.8s ease-out infinite; }
  .peptik-shipping-pill__text { display: inline-block; }
  .peptik-feat-hide-mobile { display: none !important; }
}
.aboutus-section .bodytext p.peptik-clctn-social-proof { display: none; }
@media (max-width: 768px) {
  .aboutus-section .bodytext p.peptik-clctn-social-proof { display: flex; align-items: center; gap: 12px; margin: 8px 0 24px; padding: 0; background: transparent; border: 0; border-radius: 0; color: var(--gray800); font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: normal; max-width: 100%; text-align: left; }
  .peptik-clctn-social-proof__dot { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 16px; position: relative; background: transparent; box-shadow: none; animation: none; }
  .peptik-clctn-social-proof__dot::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #00b074; box-shadow: 0 0 0 3px rgba(0, 176, 116, 0.18); animation: peptik-pulse 1.8s ease-out infinite; }
}
.peptik-cat-search { display: flex; align-items: center; gap: 10px; width: 100%; max-width: none; margin: 6px 0 0; padding: 8px 8px 8px 18px; background: #fff; border: 1px solid rgba(16, 0, 62, 0.12); border-radius: 9999px; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.peptik-cat-search:focus-within { border-color: #10003e; box-shadow: 0 0 0 3px rgba(16, 0, 62, 0.08); }
.peptik-cat-search__icon { display: inline-flex; align-items: center; flex: 0 0 auto; }
.peptik-cat-search__input { flex: 1; border: 0; background: transparent; outline: none; padding: 10px 4px; font-size: 15px; line-height: 20px; color: #10003e; min-width: 0; }
.peptik-cat-search__input::placeholder { color: #9b99a5; }
.peptik-cat-search__btn { flex: 0 0 auto; border: 0; background: #10003e; color: #fff; padding: 10px 22px; border-radius: 9999px; font-size: 14px; font-weight: 600; letter-spacing: 0.2px; cursor: pointer; transition: background 0.15s ease; }
.peptik-cat-search__btn:hover { background: #1d0c5a; }
@media (max-width: 768px) {
  .peptik-cat-search { margin: 4px 0 0; padding: 6px 6px 6px 14px; gap: 6px; }
  .peptik-cat-search__input { font-size: 14px; padding: 8px 2px; }
  .peptik-cat-search__btn { padding: 8px 16px; font-size: 13px; }
}
.collection-tabs-wrapper .peptik-cat-search { margin-bottom: 24px; }
@media (max-width: 768px) {
  .collection-tabs-wrapper .peptik-cat-search { margin-bottom: 16px; }
}
.peptik-cat-search-wrap { position: relative; margin-bottom: 24px; }
.peptik-cat-search-wrap .peptik-cat-search { margin-bottom: 0; }
.peptik-cat-search__results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 50; max-height: 520px; overflow-y: auto; background: #fff; border: 1px solid rgba(16, 0, 62, 0.12); border-radius: 16px; box-shadow: 0 12px 32px rgba(16, 0, 62, 0.12); padding: 6px; }
.peptik-cat-search__hit { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; text-decoration: none; color: #10003e; transition: background 0.12s ease; }
.peptik-cat-search__hit:hover, .peptik-cat-search__hit:focus { background: #f4f1fe; outline: none; }
.peptik-cat-search__thumb { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 8px; background: #f4f1fe; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.peptik-cat-search__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.peptik-cat-search__meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.peptik-cat-search__title { font-size: 14px; line-height: 18px; font-weight: 600; color: #10003e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.peptik-cat-search__price { font-size: 13px; line-height: 16px; color: #686677; }
.peptik-cat-search__empty { padding: 14px 12px; color: #686677; font-size: 14px; }
@media (max-width: 768px) {
  .peptik-cat-search-wrap { margin-bottom: 16px; }
  .peptik-cat-search__results { max-height: 60vh; padding: 4px; }
  .peptik-cat-search__hit { padding: 8px; gap: 10px; }
  .peptik-cat-search__thumb { width: 44px; height: 44px; }
}
.btn-price s.btn-price__compare { opacity: 0.65; margin-right: 6px; text-decoration: line-through; }
.btn-price .btn-price__current { font-weight: 600; }
.peptik-bundle-overview--v2 { margin: 0 0 18px; border: 1px solid #e2dbf8; border-radius: 16px; background: #fff; overflow: hidden; }
.peptik-bundle-overview--v2 .peptik-bundle-overview__top { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.4fr); gap: 0; border-bottom: 1px solid #efeafb; }
.peptik-bundle-overview__savings { position: relative; padding: 18px 22px; background: linear-gradient(135deg, #3c2baa 0%, #7b61ff 100%); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; }
.peptik-bundle-overview__savings::after { content: ""; position: absolute; inset: 0; border-radius: 0; background: radial-gradient( 120% 80% at 100% 0%, rgba(255, 255, 255, 0.18) 0%, transparent 60% ); pointer-events: none; }
.peptik-bundle-overview__savings-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.85; }
.peptik-bundle-overview__savings-value { font-size: 38px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; margin-top: 2px; }
.peptik-bundle-overview__savings-note { font-size: 11px; line-height: 14px; opacity: 0.78; }
.peptik-bundle-overview__includes { padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; min-height: 160px; }
.peptik-bundle-overview__includes-head { display: flex; align-items: center; gap: 8px; color: #7b61ff; }
.peptik-bundle-overview__includes-icon { display: inline-flex; }
.peptik-bundle-overview__includes-icon svg { width: 16px; height: 16px; }
.peptik-bundle-overview__includes-title { margin: 0; font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #7b61ff; }
.peptik-bundle-overview__includes-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; min-height: 108px; }
@media (max-width: 768px) {
  .peptik-bundle-overview__includes { min-height: auto !important; padding: 14px 18px; }
  .peptik-bundle-overview__includes-list { min-height: 62px !important; }
}
.peptik-bundle-overview__includes-list li { position: relative; padding-left: 18px; font-size: 13px; line-height: 18px; color: #10003e; font-weight: 500; }
.peptik-bundle-overview__includes-list li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: #7b61ff; }
.peptik-bundle-overview__strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; background: #fbfafe; }
.peptik-bundle-overview__chip { display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-size: 11px; line-height: 14px; color: #10003e; }
.peptik-bundle-overview__chip + .peptik-bundle-overview__chip { border-left: 1px solid #efeafb; }
.peptik-bundle-overview__chip svg { flex: none; width: 18px; height: 18px; color: #7b61ff; }
.peptik-bundle-overview__chip strong { display: block; font-weight: 600; font-size: 13px; color: #10003e; line-height: 16px; }
.peptik-bundle-overview__chip em { display: block; font-style: normal; font-size: 10px; color: #686677; line-height: 13px; }
.peptik-bundle-overview--v2 .peptik-bundle-overview__tagline { margin: 0; padding: 10px 20px; background: #f4f1fe; border-top: 1px solid #efeafb; display: flex; align-items: center; gap: 8px; font-size: 12px; color: #3c2baa; font-weight: 500; }
.peptik-bundle-overview--v2 .peptik-bundle-overview__tagline svg { width: 14px; height: 14px; color: #7b61ff; flex: none; }
@media (max-width: 768px) {
  .peptik-bundle-overview--v2 .peptik-bundle-overview__top { grid-template-columns: 1fr; }
  .peptik-bundle-overview__savings { padding: 14px 18px; }
  .peptik-bundle-overview__savings-value { font-size: 32px; }
  .peptik-bundle-overview__includes { padding: 14px 18px; }
  .peptik-bundle-overview__strip { grid-template-columns: 1fr; }
  .peptik-bundle-overview__chip + .peptik-bundle-overview__chip { border-left: none; border-top: 1px solid #efeafb; }
}
.add-to-cart-text__label { margin-right: 10px; }
.btn-price { display: inline-flex; align-items: center; gap: 6px; }
.btn-price__sep { opacity: 0.55; padding: 0 4px; }
.peptik-post-add-modal { position: fixed; inset: 0; z-index: 9999; background: rgba(16, 0, 62, 0.55); display: none; align-items: center; justify-content: center; padding: 24px; }
.peptik-post-add-modal[data-open="true"] { display: flex; }
.peptik-post-add-modal__panel { background: #fff; border-radius: 16px; max-width: 420px; width: 100%; padding: 28px 28px 24px; box-shadow: 0 30px 80px rgba(16, 0, 62, 0.25); text-align: center; color: #10003e; }
.peptik-post-add-modal__icon { width: 56px; height: 56px; border-radius: 50%; background: #e7edfa; color: #0535a8; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.peptik-post-add-modal__title { font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: -0.3px; margin: 0 0 4px; }
.peptik-post-add-modal__subtitle { font-size: 14px; line-height: 1.45; color: #686677; margin: 0 0 22px; }
.peptik-post-add-modal__actions { display: flex; flex-direction: column; gap: 10px; }
.peptik-post-add-modal__btn { appearance: none; border: 0; cursor: pointer; padding: 14px 18px; border-radius: 9999px; font: inherit; font-size: 15px; font-weight: 600; transition: background 0.15s ease, color 0.15s ease; }
.peptik-post-add-modal__btn--primary { background: #10003e; color: #fff; }
.peptik-post-add-modal__btn--primary:hover { background: #0535a8; }
.peptik-post-add-modal__btn--ghost { background: transparent; color: #10003e; border: 1px solid rgba(16, 0, 62, 0.16); }
.peptik-post-add-modal__btn--ghost:hover { background: rgba(16, 0, 62, 0.05); }
.peptik-post-add-modal__close { position: absolute; top: 14px; right: 14px; background: transparent; border: 0; cursor: pointer; color: #686677; font-size: 20px; line-height: 1; }
.sticky-add-to-cart__bar .compare-at-price, .sticky-add-to-cart__bar s, .sticky-add-to-cart__bar .price__compare, .sticky-add-to-cart__bar [class*="compare-at"] { display: none !important; }
.peptik-dosage-panel.peptik-dosage-panel { width: 100%; margin: 0 0 24px; padding: 0; background: transparent; color: var(--darkblue, #10003e); }
.peptik-dosage-panel__heading { margin: 0 0 14px; font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.3px; color: var(--darkblue, #10003e); }
.peptik-dosage-panel .peptik-dosage-panel__grid { display: grid; grid-template-columns: 1fr 1fr; background: #cbe1fc; border: 1px solid #cbe1fc; border-radius: 8px; overflow: hidden; gap: 1px; }
.peptik-dosage-panel article.peptik-dosage-cell { display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: #f3f6fc; border: 0; border-radius: 0; min-height: 96px; box-sizing: border-box; }
.peptik-dosage-cell__icon { flex: 0 0 auto; width: 42px; height: 54px; object-fit: contain; display: block; }
.peptik-dosage-cell__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__label { display: block; margin: 0; color: var(--darkblue, #10003e); font-size: 18px; line-height: 22px; font-weight: 600; letter-spacing: -0.2px; text-transform: none !important; }
.peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__value, .peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__sub { display: block; margin: 0; color: #686677; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0; text-transform: none !important; }
.peptik-dosage-panel .peptik-dosage-panel__note { margin: 14px 0 0; color: #36334a; font-size: 13px; line-height: 18px; font-weight: 400; text-align: center; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r2c1"] .peptik-dosage-cell__value { font-weight: 600; color: var(--darkblue, #10003e); }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r1c1"] .peptik-dosage-cell__value { font-weight: 600; font-size: 15px; line-height: 20px; color: var(--darkblue, #10003e); }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r3c1"] .peptik-dosage-cell__value { white-space: normal; }
.peptik-dosage-panel .peptik-dose-list { display: block; }
.peptik-dosage-panel .peptik-dose-list__item:last-of-type { margin-bottom: 4px; }
.peptik-dosage-panel .peptik-dose-list__units { line-height: 1.2; font-weight: 700; color: var(--darkblue, #10003e); }
.peptik-dosage-panel .peptik-dose-list__mg { margin-top: 4px; opacity: 0.6; }
.peptik-dosage-panel .peptik-dose-list__caption { margin-top: 2px; font-size: 0.82em; opacity: 0.5; text-transform: uppercase;}
.peptik-dose-list__caption--empty{ display: none!important; }
.product-information__media { position: sticky;  top: 0px;  align-self: start;}




@media (max-width: 768px) {
  .peptik-dosage-panel.peptik-dosage-panel { margin: 0 0 16px; }
  .peptik-dosage-panel__heading { font-size: 18px; line-height: 24px; margin: 0 0 10px; }
  .peptik-dosage-panel .peptik-dosage-panel__grid { grid-template-columns: 1fr 1fr; gap: 1px; }
  .peptik-dosage-panel article.peptik-dosage-cell { padding: 14px 12px; gap: 10px; min-height: 72px; }
  .peptik-dosage-cell__icon { width: 28px; height: 36px; }
  .peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__label { font-size: 13px; line-height: 16px; }
  .peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__value, .peptik-dosage-panel .peptik-dosage-cell .peptik-dosage-cell__sub { font-size: 10.5px; line-height: 14px; }
  .peptik-dosage-panel .peptik-dosage-cell[data-slot="r1c1"] .peptik-dosage-cell__value { font-size: 12.5px; line-height: 16px; }
  .peptik-dosage-panel .peptik-dosage-panel__note { font-size: 11px; line-height: 15px; }
}
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r1c1"] { grid-row: 1; grid-column: 1; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r1c2"] { grid-row: 1; grid-column: 2; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r2c1"] { grid-row: 2; grid-column: 1; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r2c2"] { grid-row: 2; grid-column: 2; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r3c1"] { grid-row: 3; grid-column: 1; }
.peptik-dosage-panel .peptik-dosage-cell[data-slot="r3c2"] { grid-row: 3; grid-column: 2; }
.peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-mode="vial"], .peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-mode="spray"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-mode="pen"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-mode="spray"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-mode="vial"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-mode="spray"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-mode="pen"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-mode="vial"] { visibility: hidden; pointer-events: none; }
.peptik-product-inner__consult { margin: 0 0 22px; }
.peptik-wa-consult { display: flex; align-items: center; gap: 14px; max-width: 600px; margin: 10px auto 0; padding: 13px 15px; background: #fff; border: 1px solid #e7eef0; border-left: 4px solid #25d366; border-radius: 12px; text-decoration: none; box-shadow: 0 6px 20px rgba(16, 0, 62, 0.05); transition: box-shadow 0.2s, transform 0.2s; }
.peptik-product-inner__consult { text-align: center; }
.peptik-wa-consult:hover { box-shadow: 0 12px 30px rgba(16, 0, 62, 0.1); transform: translateY(-1px); }
.peptik-wa-consult__ic { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; }
.peptik-wa-consult__body { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.peptik-wa-consult__title { color: #10003e; font-size: 15px; font-weight: 600; line-height: 1.3; }
.peptik-wa-consult__sub { color: #6b6a78; font-size: 13px; line-height: 1.4; }
.peptik-wa-consult__cta { flex: 0 0 auto; background: #10003e; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 18px; border-radius: 999px; white-space: nowrap; }

.compare-at-price {
    opacity: .4;
    text-decoration-line: line-through;
    text-decoration-thickness: 1.5px;
    color: rgba(54, 51, 74, 0.7);
}
.price, .compare-at-price, .unit-price {
    white-space: nowrap;
}


.cart-items__wrapper .cart-items__unit-price-wrapper .compare-at-price span{ font-size: 14px; color: rgba(54, 51, 74, 0.7); }
.cart-items__wrapper .cart-items__unit-price-wrapper div{ display: flex; align-items: center; gap: 4px; }

.cart-items__details .cart-items__variants{ text-transform: capitalize; font-size: 14px; color:var(--gray600); }
.stock, .in-stock{ display: none !important;}
.peptik-bundle-discount { position: absolute; top: 12px; left: 12px; z-index: 4; display: inline-flex;align-items: center;padding: 7px 14px;border-radius: 9999px;background: #78a8d8; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; line-height: 1; pointer-events: none;}

.woocommerce-variation-price, .woocommerce-variation-availability{ display: none !important;}


@media (max-width: 600px) {
  .peptik-wa-consult { flex-wrap: wrap; }
  .peptik-wa-consult__body { flex-basis: calc(100% - 58px); }
  .peptik-wa-consult__cta { width: 100%; text-align: center; margin-top: 8px; }
}
.peptik-lowstock { display: inline-flex; align-items: center; gap: 7px; margin: 6px 0; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: #b8860b; }
.peptik-lowstock__dot { width: 8px; height: 8px; border-radius: 50%; background: #e0a82e; box-shadow: 0 0 0 0 rgba(224, 168, 46, 0.6); animation: peptik-ls-pulse 1.7s ease-out infinite; }
@keyframes peptik-ls-pulse {
  0% { box-shadow: 0 0 0 0 rgba(224, 168, 46, 0.55); }
  70% { box-shadow: 0 0 0 7px rgba(224, 168, 46, 0); }
  100% { box-shadow: 0 0 0 0 rgba(224, 168, 46, 0); }
}
.product-card .peptik-lowstock { margin: 4px 0 0; font-size: 11px; }
.peptik-collection-consult { margin: 14px 0 6px; }
.peptik-gateway--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.peptik-gateway--three .peptik-gateway__panel { min-height: 640px; padding: 46px 38px; }
.peptik-gateway__panel--spray { background: var(--figma-soft-alt); }
@media (max-width: 980px) {
  .peptik-gateway--three { grid-template-columns: 1fr; }
  .peptik-gateway--three .peptik-gateway__panel { min-height: auto; }
}
/* Audit F07: pointer-events:none removed from #product-certificate so the certificate viewer scrolls. */

.peptik-coa__pages { min-width: 0; max-width: 100%; height: 65vh; max-height: 640px; overflow-y: auto; overflow-x: hidden;  -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 10px;  box-sizing: border-box; background: #F3F3F6; border: 1px solid #E6E5E8;  border-radius: 12px;}
.peptik-bundle-overview__chip--duration-inline>span {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    gap: 4px;
}


.extracart_text p { display: none !important; }

.peptik-howto-sheet { display: flex; flex-direction: column; gap: 0; max-width: 480px; margin: 0 auto; }
.peptik-coa { width: 100%; margin-top: 6px; border: 1px solid #e6e6ea; border-radius: 12px; overflow: hidden; background: #f6f6f8; box-shadow: 0 4px 18px rgba(16, 0, 62, 0.06); }
.peptik-coa__frame { width: 100%; max-height: 760px; height: 70vh; border: 0; display: block; padding: 10px;  box-sizing: border-box; background: #F3F3F6; border: 1px solid #E6E5E8;}
.peptik-coa__open { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 22px; background: #10003e; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; transition: background 0.2s ease; }
.peptik-coa__open:hover { background: #1d0c5a; }
@media (max-width: 749px) {
  .peptik-coa__frame { height: 460px; }
}
.peptik-howto-sheet__top, .peptik-howto-sheet__bottom { width: 100%; background-size: 100% auto; background-repeat: no-repeat; }
.peptik-howto-sheet__top { background-position: left top; border-radius: 14px 14px 0 0; aspect-ratio: 840/605; }
.peptik-howto-sheet__bottom { background-position: left bottom; border-radius: 0 0 14px 14px; aspect-ratio: 840/585; }
@media (min-width: 750px) {
  .peptik-howto-sheet { flex-direction: row; gap: 28px; max-width: none; align-items: center; justify-content: center; }
  .peptik-howto-sheet__top, .peptik-howto-sheet__bottom { flex: 1 1 0; max-width: 520px; border-radius: 14px; }
}
@media (max-width: 749px) {
  .peptik-product-inner__panel.peptik-howto--sheet.is-active { width: 100vw; margin-left: 50%; transform: translateX(-50%); padding-left: 0; padding-right: 0; border-radius: 0; }
  .peptik-howto--sheet .peptik-howto-sheet { max-width: none; margin: 0; }
  .peptik-howto-sheet__top, .peptik-howto-sheet__bottom { border-radius: 0; }
}
.peptik-track { max-width: 820px; margin: 0 auto; padding: 48px 20px 80px; }
.peptik-track [hidden] { display: none !important; }
.peptik-track__title { font-size: 34px; color: var(--darkblue, #10003e); margin: 0 0 26px; }
.peptik-track__form { background: #fff; border: 1px solid #e7eaf6; border-radius: 16px; padding: 22px; box-shadow: 0 8px 26px rgba(16, 0, 62, 0.05); }
.peptik-track__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 640px) {
  .peptik-track__fields { grid-template-columns: 1fr; }
}
.peptik-track__form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6a78; font-weight: 600; }
.peptik-track__form input { border: 1px solid #dfe3f0; border-radius: 10px; padding: 12px 14px; font-size: 15px; color: var(--darkblue, #10003e); }
.peptik-track__form input:focus { outline: none; border-color: #649aed; }
.peptik-track__btn { display: inline-flex; align-items: center; justify-content: center; background: var(--darkblue, #10003e); color: #fff; border: 0; cursor: pointer; border-radius: 999px; font-size: 15px; font-weight: 600; padding: 13px 26px; margin-top: 16px; }
.peptik-track__btn:hover { background: #1d0c5a; }
.peptik-track__btn--sm { padding: 10px 20px; font-size: 13px; margin-top: 0; text-decoration: none; background: #cfe0fb; color: var(--darkblue, #10003e); }
.peptik-track__btn--sm:hover { background: #bcd4f8; }
.peptik-track__error { color: #b42318; font-size: 14px; margin: 12px 0 0; }
.peptik-track__result { margin-top: 28px; }
.peptik-track__chip { display: inline-flex; align-items: center; gap: 8px; background: #eef2fb; border-radius: 999px; padding: 8px 16px; font-size: 13px; color: #6b6a78; margin-bottom: 22px; }
.peptik-track__chip strong { color: #2a58a8; }
.peptik-track__steps { display: flex; margin: 0 0 26px; }
.pt-step { flex: 1; position: relative; text-align: left; padding-top: 22px; }
.pt-step::before { content: ""; position: absolute; top: 7px; left: 18px; right: 0; height: 2px; background: #dfe3f0; }
.pt-step:last-child::before { right: 8px; }
.pt-step.is-done::before { background: #649aed; }
.pt-step__dot { position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid #dfe3f0; }
.pt-step.is-done .pt-step__dot { background: #2a58a8; border-color: #2a58a8; box-shadow: inset 0 0 0 3px #fff; }
.pt-step__label { display: block; font-size: 14px; font-weight: 600; color: var(--darkblue, #10003e); }
.pt-step__date { display: block; font-size: 11.5px; color: #9b99a5; margin-top: 2px; }
.peptik-track__card { background: #f6f8fe; border: 1px solid #e7eaf6; border-radius: 16px; padding: 24px; }
.peptik-track__card h2 { font-size: 17px; color: var(--darkblue, #10003e); margin: 22px 0 12px; }
.peptik-track__card h2:first-child { margin-top: 0; }
.pt-item { display: flex; align-items: center; gap: 14px; background: #fff; border-radius: 12px; padding: 12px; margin-bottom: 10px; }
.pt-item img { width: 72px; height: 60px; object-fit: contain; border-radius: 8px; background: #fff; flex-shrink: 0; }
.pt-item__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.pt-item__body strong { font-size: 14.5px; color: var(--darkblue, #10003e); line-height: 1.35; }
.pt-item__body span { font-size: 12.5px; color: #6b6a78; }
.pt-item__price { white-space: nowrap; color: var(--darkblue, #10003e); }
.pt-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-top: 1px solid #e7eaf6; font-size: 14px; color: #6b6a78; }
.pt-row strong { color: var(--darkblue, #10003e); }
.pt-row:empty { display: none; border: 0; padding: 0; }
.pt-pill { background: #efe6fa; color: #7a3ff2; border-radius: 999px; padding: 5px 14px; font-size: 12px; font-weight: 600; }
.pt-note { font-size: 13.5px; color: #6b6a78; line-height: 1.6; margin: 0; white-space: pre-line; }
.pt-track-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid #e7eaf6; padding: 16px 0 6px; margin-top: 16px; }
.pt-legal { font-size: 11px; color: #9b99a5; margin: 18px 0 0; }
.peptik-marketing-hero__consult { margin: 18px 0 6px; max-width: 560px; }
.peptik-marketing-hero__consult .peptik-wa-consult { margin: 0; }
@media (max-width: 749px) {
  .peptik-marketing-hero__consult { max-width: 100%; }
  .woocommerce .collectionmain ul { grid-template-columns: repeat(1,1fr);}

}
.peptik-howto-sheet--spray { display: block !important; }

.peptik-howto-sheet__img { display: block; width: 100%; max-width: 720px; height: auto; margin: 0 auto; border-radius: 12px; }
.peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="vial"], .peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="vial"], .peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="spray"], .peptik-dosage-panel[data-fmt="pen"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="spray"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="vial"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="vial"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="spray"], .peptik-dosage-panel[data-fmt="bundle"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="spray"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="pen"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="pen"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="spray"], .peptik-dosage-panel[data-fmt="vial"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="spray"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="pen"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="pen"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-slot="r2c1"][data-mode="vial"], .peptik-dosage-panel[data-fmt="spray"] .peptik-dosage-cell[data-slot="r2c2"][data-mode="vial"] { display: none !important; }

/* How To Use Page */
.peptik-howto-library { background: #f7f7fb; color: #10003e; min-height: 70vh; padding: 72px 24px 96px; }
.peptik-howto-library .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.peptik-howto-library__inner { margin: 0 auto; max-width: 1320px; }
.peptik-howto-library__header { margin: 0 auto 36px; max-width: 720px; text-align: center; }
.peptik-howto-library__eyebrow { color: #5346d1; font-size: 13px; font-weight: 700; letter-spacing: .12em; margin: 0 0 10px; text-transform: uppercase; }
.peptik-howto-library__header h1 { font-size: clamp(36px, 5vw, 60px); letter-spacing: -.04em; line-height: 1; margin: 0 0 16px; }
.peptik-howto-library__header > p:last-child { color: #686677; font-size: 17px; line-height: 1.6; margin: 0; }
.peptik-howto-library__tools { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 30px; }
.peptik-howto-library__search { align-items: center; background: #fff; border: 1px solid #dedde8; border-radius: 14px; color: #686677; display: flex; gap: 10px; max-width: 470px; padding: 0 16px; width: 100%; }
.peptik-howto-library__search input { background: transparent; font-size:18px; line-height:26px; border: 0; color: #10003e; height: 52px; outline: 0; padding: 0; width: 100%; }
.peptik-howto-library__filters { display: flex; gap: 8px; }
.peptik-howto-library__filters button { background: #fff; border: 1px solid #dedde8; border-radius: 999px; color: #4f4c5e; cursor: pointer; font-size: 14px; font-weight: 650; min-height: 42px; padding: 8px 18px; }
.peptik-howto-library__filters button.is-active { background: #10003e; border-color: #10003e; color: #fff; }
.peptik-howto-library__grid { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.peptik-howto-card { background: #fff; border: 1px solid #e3e2eb; border-radius: 20px; box-shadow: 0 14px 36px rgba(16, 0, 62, .06); min-width: 0; overflow: hidden; }
.peptik-howto-card[hidden] { display: none; }
.peptik-howto-card__heading { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; min-height: 112px; padding: 22px 24px 18px; }
.peptik-howto-card__format { color: #5346d1; display: block; font-size: 12px; font-weight: 750; letter-spacing: .08em; margin-bottom: 7px; text-transform: uppercase; }
.peptik-howto-card h2 { font-size: 18px; line-height: 1.3; margin: 0; }
.peptik-howto-card__heading > a { color: #5346d1; flex: 0 0 auto; font-size: 13px; font-weight: 650; margin-top: 2px; text-decoration: none; }
.peptik-howto-card__leaflet { background: #f2f1f7; border-top: 1px solid #ecebf2; display: block; overflow: hidden; }
.peptik-howto-card__leaflet img { display: block; height: auto; transition: transform 180ms ease; width: 100%; }
.peptik-howto-card__leaflet:hover img { transform: scale(1.012); }
.peptik-howto-library__empty { color: #686677; font-size: 16px; padding: 60px 20px; text-align: center; }
.peptik-howto-library__empty[hidden] { display: none; }

.peptik-howto-library__search input::-webkit-input-placeholder {color: #10003e; opacity: 1;}
.peptik-howto-library__search input::-moz-placeholder {color: #10003e; opacity: 1;}




/* Reviews page header (page.happy-customers via peptik-page-router). Mirrors the
   store's light surface + navy ink; the Loox wall renders directly underneath. */
.peptik-reviews-hero{ background:#FAF8F5; border-bottom:1px solid rgba(16,0,62,.07); }
.peptik-reviews-hero__inner{ max-width:1440px; margin:0 auto; padding:56px 96px 44px; text-align:center; }
.peptik-reviews-hero__eyebrow{ display:inline-block; padding:7px 16px; border-radius:999px; background:#EDEAF7; color:#3C2BAA; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.peptik-reviews-hero__title{ margin:18px 0 0; font-size:64px; line-height:1.04; letter-spacing:-2.5px; font-weight:500; color:#10003e; }
.peptik-reviews-hero__sub{ margin:16px auto 0; max-width:660px; font-size:17px; line-height:1.55; color:#686677; }
.peptik-reviews-hero__points{ list-style:none; margin:28px 0 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.peptik-reviews-hero__points li{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(16,0,62,.10); font-size:13.5px; font-weight:600; color:#10003e; }
.peptik-reviews-hero__points svg{ flex:0 0 auto; color:#b08d57; }

.header .menu-action { display: none; }

@media (max-width: 1099px) {
    .header .menu-action { display: flex; align-items: center; }
    .header .peptik-menu-toggle { display: inline-flex; align-items: center; justify-content: center; -webkit-appearance: none; appearance: none; background: transparent; border: 0; border-radius: 0; margin: 0; padding: 0; cursor: pointer; color: #10003e; line-height: 0; }
    .header .peptik-menu-toggle .header-drawer-icon { display: inline-flex; }
    .header .peptik-menu-toggle .header-drawer-icon--close { display: none; }
    .peptik-drawer-open .header .peptik-menu-toggle .header-drawer-icon--open { display: none; }
    .peptik-drawer-open .header .peptik-menu-toggle .header-drawer-icon--close { display: inline-flex; }
    .header .navigation { display: none; }
    html.peptik-drawer-open{ overflow: hidden;}
    html.peptik-drawer-open .header{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; }
    .headermain{ box-shadow:none;}
    .headermain .container{ flex-wrap: wrap;}
    .headermain .header-logo{ order: 1;}
    .headermain .header-action{ order: 2;}
    .headermain .navigation{ order: 3; width: 100%;}
    html.peptik-drawer-open .header .navigation{ display: flex; flex-wrap: wrap; padding: 24px 0;}
    .navigation ul{ flex-wrap: wrap; gap: 16px; flex-direction: column; align-items: flex-start; margin: 0;}
    .navigation ul li a{ font-size: 20px; line-height: 28px;}
    .navigation ul li{ padding: 0;}
    .menu-header-menu-container{ width: 100%;}
    .account-action{ display:none;}

    .header-action .search-action svg path, .header-action .search-action svg circle{stroke: var(--darkblue);}
    .header-action .header-actions__cart-icon svg path:nth-child(3){fill: var(--darkblue);}
    .header-action .header-actions__cart-icon svg path:nth-child(1),
    .header-action .header-actions__cart-icon svg path:nth-child(2){stroke: var(--darkblue);}



    #peptik-primary-nav .headerAction{ display: block; padding: 25px 0;}
    #peptik-primary-nav .headerAction .account-button{ display: block;}
    #peptik-primary-nav .headerAction .account-button .carttext{ display: block;}
    #peptik-primary-nav .headerAction svg{ width: 40px; height: 40px;}
    #peptik-primary-nav .headerAction a{ display: flex;align-items: center;justify-content: center;gap: 4px;color: var(--blue);font-weight: 500;font-size: 20px;line-height: 28px;letter-spacing: .5px;}







}


@media (max-width: 979px) {
  .header-logo{ width: 98px;}
  .mycart .cart-page__summary .cart-summary__inner{ width: 100%;container-type: initial;}
  .peptik-reviews-hero__inner{ padding:40px 40px 32px; }
  .peptik-reviews-hero__title{ font-size:clamp(34px,7vw,64px); letter-spacing:-1.5px; }
}


@media (max-width: 749px) {
  .peptik-howto-library { padding: 48px 16px 72px; }
  .peptik-howto-library__header { margin-bottom: 28px; }
  .peptik-howto-library__header > p:last-child { font-size: 15px; }
  .peptik-howto-library__tools { align-items: stretch; flex-direction: column; margin-bottom: 22px; }
  .peptik-howto-library__search { max-width: none; }
  .peptik-howto-library__filters { overflow-x: auto; padding-bottom: 2px; }
  .peptik-howto-library__filters button { flex: 0 0 auto; }
  .peptik-howto-library__grid { grid-template-columns: 1fr; }
  .peptik-howto-card__heading { min-height: 0; padding: 18px; }
  .peptik-howto-card h2 { font-size: 16px; }
  .peptik-howto-library__search input{ font-size:16px;}

  .peptik-reviews-hero__inner{ padding:32px 20px 26px; }
  .peptik-reviews-hero__sub{ font-size:15px; }
  .peptik-reviews-hero__points{ gap:8px; }
  .peptik-reviews-hero__points li{ font-size:12.5px; padding:8px 13px; }




}

/* =========================================================
   Cart delivery pills (ported from the Shopify theme: peptik-cart-delivery.css)
   ========================================================= */
/* ABOUTME: Cart delivery pills use the sticky cart's pink bubble and animated van.
 * ABOUTME: Keep mobile estimates on one line and respect reduced motion.
 * DATA FLOW: Cart delivery snippet -> scoped pill styles.
 * DEPENDENCIES: snippets/peptik-cart-delivery.liquid.
 */
.peptik-cart-delivery {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 10px 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff1f2;
  color: #10003e;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  text-align: left;
}
.peptik-cart-delivery[hidden] { display: none; }
.peptik-cart-delivery span { min-width: 0; overflow-wrap: anywhere; }
.peptik-cart-delivery svg { flex: 0 0 17px; overflow: visible; animation: peptik-cart-van-bob 1.8s ease-in-out infinite; }
.peptik-cart-delivery .pkdlv-body, .peptik-cart-delivery .pkdlv-wheel { fill: #e11d2a; }
.peptik-cart-delivery .pkdlv-hub { fill: #fff; }
.peptik-cart-delivery .pkdlv-lines line { stroke: #e11d2a; stroke-width: 1.6; stroke-linecap: round; animation: peptik-cart-van-streak 1.2s ease-in-out infinite; }
.peptik-cart-delivery .pkdlv-lines line:nth-child(2) { animation-delay: .15s; }
.peptik-cart-delivery .pkdlv-lines line:nth-child(3) { animation-delay: .3s; }
.cart-mobile-top > .peptik-cart-delivery, .cart__ctas > .peptik-cart-delivery { margin: 10px auto; }
.mycart .cart-items__mobile-delivery { display: none; }
@media (max-width: 749px) {
  .mycart .cart-items__details > .peptik-cart-delivery { display: none; }
  .mycart .cart-items__mobile-delivery {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    justify-content: flex-end;
  }
  .mycart .cart-items__mobile-delivery .peptik-cart-delivery { font-size: 12px; }
  .mycart [data-peptik-delivery-date] { white-space: nowrap; overflow-wrap: normal; }
}
@keyframes peptik-cart-van-bob { 0%,100% { transform: translateX(-1.5px); } 50% { transform: translateX(1.5px); } }
@keyframes peptik-cart-van-streak { 0%,100% { opacity: .2; transform: translateX(2px); } 50% { opacity: 1; transform: translateX(-1px); } }
@media (prefers-reduced-motion: reduce) {
  .peptik-cart-delivery svg, .peptik-cart-delivery .pkdlv-lines line { animation: none; }
}

/* =========================================================
   Cart: accepted payment methods, shipping policy line, hidden states
   (ported from the live Shopify cart)
   ========================================================= */
.peptik-pay__temporary-methods { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:340px; gap:7px; }
.peptik-pay__method { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:42px; padding:5px 6px; border:1px solid #e6e6ea; border-radius:5px; background:#fff; color:#10003e; font-size:10px; font-weight:700; line-height:1.2; text-align:left; box-shadow:0 1px 2px rgba(16,0,62,.05); }
.peptik-pay__method svg { width:23px; height:23px; flex-shrink:0; }
.peptik-pay__method--tabby { background:#d6f9ec; border-color:#7fdcb0; }
.peptik-pay__tabby-wordmark { font-size:24px; font-weight:800; letter-spacing:-1.2px; color:#173f35; }

/* "UAE delivery: AED 40. Free from AED 500." under the free-shipping message */
.peptik-cart-offer__policy { display:block; margin-top:3px; font-size:12px; line-height:1.4; color:#686677; }

/* the [hidden] attribute must win over the display rules of these elements */
.mycart .cartrow[hidden],
.mycart .peptik-total-aed[hidden] { display:none !important; }
.pk-coach{ width: 100%;}
.pk-coach__input {background: transparent;border-radius: 10px!important;}
.cart-items__details .peptik-cart-delivery *{ color: #10003e!important; font-size: 12.5px!important;  line-height: 1.35!important;}
.cart-items__details .peptik-cart-delivery{ margin: 10px 0!important;}

/* =========================================================
   Search results page (Shopify's .searchtop / .mysearch rules, base.css)
   ========================================================= */
.searchtop { padding-top: 64px; }

.mysearch .product-grid .product-grid__item,
.mysearch ul.products > li.product-card {
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--blue200);
	overflow: hidden;
}

.peptik-search-empty { margin: 8px 0 48px; font-size: 16px; line-height: 1.5; color: var(--darkblue, #10003e); text-align: center; }

/* The search box on the results page. Shopify's own rules for it use design-token variables
   (--icon-size-lg, --color-input-text ...) that this theme does not have, so they are restated here. */
.searchtop .bodytext h2 { margin-bottom: 24px; }
.searchtop search-page-input-component { position: relative; display: block; width: 100%; }
.searchtop .search-page-input {
	display: block; width: 100%; height: 48px; margin: 0; padding: 0 52px 0 46px; box-sizing: border-box;
	border: 1px solid #dcd9e6; border-radius: 6px; background: #fff; color: #10003e;
	font: inherit; font-size: 15px; line-height: 1.2; -webkit-appearance: none; appearance: none;
}
.searchtop .search-page-input::placeholder { color: #8a879a; opacity: 1; }
.searchtop .search-page-input:focus { outline: none; border-color: #10003e; box-shadow: 0 0 0 3px rgba(16, 0, 62, .08); }
.searchtop .search-page-input::-webkit-search-cancel-button { display: none; }
/* The magnifier. Same conflict as the clear button (Shopify's `.search__icon, .search__icon:hover { top:auto ... }`), so the
   position is pinned with !important and centred with top/bottom/margin instead of a transform. */
.searchtop .bodytext search-page-input-component .search__icon,
.searchtop .bodytext search-page-input-component .search__icon:hover {
	position: absolute !important; top: 0 !important; bottom: 0 !important; margin: auto 0 !important; left: 15px;
	width: 20px !important; height: 20px !important; transform: none !important;
	display: flex; align-items: center; justify-content: center; background: transparent; color: #686677; pointer-events: none;
}
.searchtop search-page-input-component .search__icon svg { width: 20px; height: 20px; color: #686677; }
/* The clear (x) button. Shopify's style2.css has `.search__reset-button:hover { top:auto }` at the same specificity and it loads
   later, so on hover the button used to jump away from the pointer and back, forever (the "dance"). These selectors out-rank it
   in EVERY state, and the button is centred with top/bottom/margin (no transform), so nothing can shift it vertically. */
.searchtop .bodytext search-page-input-component a.search__reset-button,
.searchtop .bodytext search-page-input-component a.search__reset-button:hover,
.searchtop .bodytext search-page-input-component a.search__reset-button:focus,
.searchtop .bodytext search-page-input-component a.search__reset-button:active {
	position: absolute !important; top: 0 !important; bottom: 0 !important; margin: auto 0 !important; right: 12px;
	width: 28px !important; height: 28px !important; transform: none !important; animation: none !important;
	display: flex; align-items: center; justify-content: center; background: transparent; text-decoration: none;
}
.searchtop .bodytext search-page-input-component a.search__reset-button { color: #686677; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease, color .15s ease; }
.searchtop .bodytext search-page-input-component:has(.search-page-input:not(:placeholder-shown)) a.search__reset-button { opacity: 1; visibility: visible; pointer-events: auto; }
.searchtop .bodytext search-page-input-component a.search__reset-button:hover { color: #10003e; }
.searchtop search-page-input-component .search__reset-button-icon { display: flex; width: 22px; height: 22px; }
.searchtop search-page-input-component .search__reset-button svg { width: 22px; height: 22px; }
.searchtop search-page-input-component .search__reset-button-text { display: none; }
.searchtop + .container, .mysearch { margin-top: 24px; }

/* PDP on phones: the dosage panel / bundle overview is moved above the product image (script at the end of
   content-single-product.php) and so becomes a direct child of the flex grid - give it the full row. */
@media (max-width: 768px) {
	.productmain .product-information__grid > .peptik-dosage-panel,
	.productmain .product-information__grid > .peptik-bundle-overview { flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; }
}

/* =========================================================
   PDP: "View other peptides" button (replaces the old breadcrumb) and the two
   Certificate-of-Analysis / secure-checkout blocks (desktop + mobile). Shopify's rules.
   ========================================================= */
.peptik-other-peptides { display: none; }
@media (max-width: 749px) {
	.peptik-other-peptides { display: flex; grid-column: 1 / -1; margin: 4px 0 18px; }
}
.peptik-other-peptides__button {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; max-width: 100%;
	padding: 10px 16px; border: 1px solid #ccdafa; border-radius: 8px; background: #f4f7ff; color: #110640;
	font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: none; letter-spacing: 0;
	transition: background-color 150ms ease, border-color 150ms ease;
}
.peptik-other-peptides__button .svg-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 18px; }
.peptik-other-peptides__button .svg-wrapper svg { display: block; width: 100%; height: 100%; }
.peptik-other-peptides__button:hover { background: #e8efff; border-color: #9ab8f5; color: #110640; }
.peptik-other-peptides__button:focus-visible { outline: 2px solid #1645bc; outline-offset: 3px; }

.addto-bottom.desktoponly,
.addto-bottom.mobileonly { flex-direction: column; align-items: flex-start; }

/* Filled, brand-coloured, animated fast-dispatch van (mobile buy box). */
.addto-bottom.mobileonly .peptik-dispatch-ic { display: inline-flex; align-items: center; vertical-align: middle; margin-inline-end: 2px; }
.addto-bottom.mobileonly .peptik-dispatch-ic svg { width: 24px; height: 17px; overflow: visible; animation: peptik-van-bob 1.8s ease-in-out infinite; }
.addto-bottom.mobileonly .peptik-dispatch-ic__body,
.addto-bottom.mobileonly .peptik-dispatch-ic__wheel { fill: #e11d2a; }
.addto-bottom.mobileonly .peptik-dispatch-ic__hub { fill: #ffffff; }
.addto-bottom.mobileonly .peptik-dispatch-ic__lines line { stroke: #e11d2a; stroke-width: 1.6; stroke-linecap: round; animation: peptik-van-streak 1.2s ease-in-out infinite; }
.addto-bottom.mobileonly .peptik-dispatch-ic__lines line:nth-child(2) { animation-delay: 0.15s; }
.addto-bottom.mobileonly .peptik-dispatch-ic__lines line:nth-child(3) { animation-delay: 0.3s; }

.features-mobile .peptik-dispatch-ic { display: inline-flex; align-items: center; vertical-align: middle; margin-inline-end: 2px; }
.features-mobile .peptik-dispatch-ic svg { width: 24px; height: 17px; overflow: visible; animation: peptik-van-bob 1.8s ease-in-out infinite; }
.features-mobile .peptik-dispatch-ic__body,
.features-mobile .peptik-dispatch-ic__wheel { fill: #e11d2a; }
.features-mobile .peptik-dispatch-ic__hub { fill: #ffffff; }
.features-mobile .peptik-dispatch-ic__lines line { stroke: #e11d2a; stroke-width: 1.6; stroke-linecap: round; animation: peptik-van-streak 1.2s ease-in-out infinite; }
.features-mobile .peptik-dispatch-ic__lines line:nth-child(2) { animation-delay: 0.15s; }
.features-mobile .peptik-dispatch-ic__lines line:nth-child(3) { animation-delay: 0.3s; }


@keyframes peptik-van-bob { 0%, 100% { transform: translateX(-1.5px); } 50% { transform: translateX(1.5px); } }
@keyframes peptik-van-streak { 0% { opacity: 0.2; transform: translateX(2px); } 50% { opacity: 1; transform: translateX(-1px); } 100% { opacity: 0.2; transform: translateX(2px); } }
@media (prefers-reduced-motion: reduce) {
	.addto-bottom.mobileonly .peptik-dispatch-ic svg,
	.addto-bottom.mobileonly .peptik-dispatch-ic__lines line { animation: none; }
	.addto-bottom.mobileonly .peptik-dispatch-ic__lines line { opacity: 1; }
}

/* =========================================================
   STICKY ADD-TO-CART BAR (product page)
   Shopify's stylesheet (sections/product-information.liquid), unchanged, plus what it relies on:
   its design tokens with their real values, the button's base look, and the "added" tick animation.
   Markup: woocommerce/parts/sticky-add-to-cart.php   Behaviour: assets/js/peptik-sticky-atc.js
   ========================================================= */

/* Shopify's design tokens, with the values from its theme settings - in PIXELS: this site sets html{font-size:62.5%}, so a
   rem here is 10px, not the 16px Shopify's rem-based values assume. (--font-weight-semibold and the
   --font-paragraph-small/-medium--size tokens are deliberately NOT defined: they are undefined in Shopify too,
   so those lines simply inherit the page font, which is what the store shows.) */
.sticky-add-to-cart {
	--layer-sticky: 8;
	--padding-sm: 11.2px;
	--padding-lg: 16px;
	--gap-md: 14.4px;
	--margin-3xs: 2px;
	--icon-size-sm: 20px;
	--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
	--style-border-radius-buttons-primary: 12px;
	--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
	--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
	--animation-speed: 0.125s;
	--animation-easing: ease-in-out;
	--color-background: #ffffff;
	--color-foreground-rgb: 54 51 74;
	--opacity-subdued-text: 0.7;
	--shadow-popover: 0px 4px 20px rgb(0 0 0 / 0.15);
	--font-paragraph--size: 18px;
}

/* Text colour of the bar: the colour scheme's foreground (#36334a), which Shopify applies through .color-scheme-1.
   The title is an <h3>, so it is told to follow it instead of the site's own heading colour. */
/* Shopify's body text is 18px (this site's is 16px), and the title / variant / price lines inherit it. */
.sticky-add-to-cart__bar { color: rgb(var(--color-foreground-rgb)); font-size: 18px; line-height: 1.2; }
.sticky-add-to-cart__title { color: inherit; }

/* The button's base look (Shopify's .button). Listed BEFORE Shopify's own rules below so that its
   mobile overrides (round 52px button) win. */
.sticky-add-to-cart__button {
	--button-color: #ffffff;
	--button-background-color: #10003e;
	display: grid;
	align-content: center;
	width: fit-content;
	margin-block: 0;
	padding-block: 16px;
	padding-inline: 24px;
	box-sizing: border-box;
	border: none;
	border-radius: var(--style-border-radius-buttons-primary);
	appearance: none;
	text-align: center;
	text-decoration: none;
	color: var(--button-color);
	background-color: var(--button-background-color);
	font-family: inherit;
	font-style: normal;
	font-weight: 400;
	font-size: var(--font-paragraph--size);
	line-height: 1.2;
	cursor: pointer;
	user-select: none;
	transition-property: color, box-shadow, background-color, scale, translate;
	transition-duration: var(--animation-speed);
	transition-timing-function: var(--ease-out-cubic);
}
.sticky-add-to-cart__button:active { scale: 0.99; translate: 0 1px; }
.sticky-add-to-cart__button:disabled { opacity: 0.5; cursor: not-allowed; }

/* ---- Shopify's stylesheet for the bar, verbatim ---- */
.sticky-add-to-cart__bar {
  position: fixed;
  bottom: 20px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(calc(100% + 40px));
  z-index: calc(var(--layer-sticky) - 1); /* Below sticky header */
  display: block;
  width: 600px;
  border-radius: calc(
    var(--style-border-radius-buttons-primary) + min(var(--padding-sm), var(--style-border-radius-buttons-primary))
  );
  box-shadow: var(--shadow-popover);
  padding: var(--padding-sm);
  /* Layout styling */
  display: flex;
  align-items: center;
  gap: var(--gap-md);

  @starting-style {
    opacity: 0;
    transform: translateX(-50%) translateY(calc(100% + 40px));
  }

  &::before {
    --border: 2px;
    content: '';
    position: absolute;
    inset: calc(var(--border) * -1);
    background: linear-gradient(var(--color-background) 0 100%), linear-gradient(hsl(0 0% 0% / 0.15) 0 100%);
    background-clip: content-box, border-box;
    border: var(--border) solid #0000;
    border-radius: inherit;
    z-index: -1;
    backdrop-filter: blur(20px) saturate(180%) brightness(1.5);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .sticky-add-to-cart__bar {
    transition-property: transform, opacity, display;
    transition-duration: 0.3s;
    transition-timing-function: var(--ease-out-quad);
    transition-behavior: allow-discrete;
  }
}

.sticky-add-to-cart__bar[data-stuck='true'] {
  transform: translateX(-50%) translateY(0%);
  opacity: 1;
}

sticky-add-to-cart:not([data-variant-available='true']) .sticky-add-to-cart__bar {
  opacity: 0;
  transform: translateX(-50%) translateY(calc(100% + 40px));
  display: none;
}

.sticky-add-to-cart__info[data-has-image='false'] {
  padding-left: var(--padding-lg);
}

.sticky-add-to-cart__image {
  flex-shrink: 0;
  aspect-ratio: 1;
  height: var(--height-buy-buttons);
  overflow: hidden;
  border-radius: var(--style-border-radius-buttons-primary);
  background: var(--color-background-secondary);
}

.sticky-add-to-cart__image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sticky-add-to-cart__info {
  flex: 1;
  min-width: 0; /* Allow text truncation */
}

.sticky-add-to-cart__title {
  font-size: var(--font-paragraph-medium--size);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sticky-add-to-cart__variant {
  color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  font-size: var(--font-paragraph-small--size);
  margin-top: var(--margin-3xs);
}

.sticky-add-to-cart__delivery {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin-top: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff1f2;
  color: #10003e;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible;
}

.sticky-add-to-cart__delivery-ic {
  display: inline-flex;
  align-items: center;
  color: #e11d2a;
}

.sticky-add-to-cart__delivery-ic svg {
  width: 17px;
  height: 14px;
  overflow: visible;
  animation: peptik-sticky-van-bob 1.8s ease-in-out infinite;
}

.sticky-add-to-cart__delivery .pkdlv-body,
.sticky-add-to-cart__delivery .pkdlv-wheel {
  fill: #e11d2a;
}

.sticky-add-to-cart__delivery .pkdlv-hub {
  fill: #ffffff;
}

.sticky-add-to-cart__delivery .pkdlv-lines line {
  stroke: #e11d2a;
  stroke-width: 1.6;
  stroke-linecap: round;
  animation: peptik-sticky-van-streak 1.2s ease-in-out infinite;
}

.sticky-add-to-cart__delivery .pkdlv-lines line:nth-child(2) {
  animation-delay: 0.15s;
}

.sticky-add-to-cart__delivery .pkdlv-lines line:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes peptik-sticky-van-bob {
  0%, 100% { transform: translateX(-1.5px); }
  50% { transform: translateX(1.5px); }
}

@keyframes peptik-sticky-van-streak {
  0% { opacity: 0.2; transform: translateX(2px); }
  50% { opacity: 1; transform: translateX(-1px); }
  100% { opacity: 0.2; transform: translateX(2px); }
}

@media (prefers-reduced-motion: reduce) {
  .sticky-add-to-cart__delivery-ic svg,
  .sticky-add-to-cart__delivery .pkdlv-lines line {
    animation: none;
  }
  .sticky-add-to-cart__delivery .pkdlv-lines line {
    opacity: 1;
  }
}

.sticky-add-to-cart__price {
  font-weight: var(--font-weight-semibold);
}

.sticky-add-to-cart__button {
  height: var(--height-buy-buttons);
  position: relative;
}

/* Mobile adjustments */
@media screen and (max-width: 749px) {
  .sticky-add-to-cart__bar {
    bottom: 0;
    width: 100%;
    max-width: none;
    border-radius: 0;
    align-items: center;
    gap: 8px;
    min-height: 82px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    overflow: visible;

    &::before {
      --border: 1px;
    }
  }

  .sticky-add-to-cart__info {
    min-width: 0;
    overflow: visible;
  }

  .sticky-add-to-cart__delivery {
    max-width: min(100%, 196px);
    padding: 5px 8px;
    font-size: 11.5px;
    line-height: 1.15;
    white-space: normal;
    overflow: visible;
  }

  .sticky-add-to-cart__delivery-ic {
    flex: 0 0 auto;
  }

  .sticky-add-to-cart__delivery-ic svg {
    width: 16px;
    height: 13px;
  }

  .sticky-add-to-cart__delivery [data-peptik-delivery-text] {
    min-width: 0;
  }

  .sticky-add-to-cart__bar .add-to-cart-text__content {
    display: none;
  }

  .sticky-add-to-cart__info[data-has-image='false'] {
    padding-left: 0;
  }

  .sticky-add-to-cart__title {
    font-size: var(--font-paragraph--size);
  }

  .sticky-add-to-cart__button {
    padding: var(--padding-lg);
  }

  .sticky-add-to-cart__price {
    font-size: var(--font-paragraph-small--size);
  }

  .sticky-add-to-cart__button {
    width: var(--height-buy-buttons);
  }

  sticky-add-to-cart:not([data-variant-available='true']) .add-to-cart-text__content {
    display: initial;
  }

  sticky-add-to-cart:not([data-variant-available='true']) .sticky-add-to-cart__button {
    width: auto;
  }
}

/* Small mobile - hide text content and compare price */
@media screen and (max-width: 389px) {
  .sticky-add-to-cart__bar {
    .compare-at-price {
      display: none;
    }
  }

  .sticky-add-to-cart__title {
    display: none;
  }

  /* For product with only default variant show title */
  .sticky-add-to-cart__info[data-singleton='true'] .sticky-add-to-cart__title {
    display: block;
  }

  /* For single variant show title and variant, truncate both. variant should be identifiable with truncation */
  .sticky-add-to-cart__info[data-single-option='true'] .sticky-add-to-cart__title {
    display: block;
  }

  .sticky-add-to-cart__info[data-single-option='true'] .sticky-add-to-cart__variant {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* The button icons. Shopify sizes every .svg-wrapper icon to --icon-size-sm (20px); this site's .svg-wrapper has no size,
   so the desktop icon collapsed to nothing. */
.sticky-add-to-cart .svg-wrapper { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.sticky-add-to-cart .add-to-cart-icon--desktop svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }

/* Icon swap on phones / tablets (Shopify's "product mobile polish" rules for the bar). */
.sticky-add-to-cart .add-to-cart-icon--mobile{ display:none; }
.sticky-add-to-cart .add-to-cart-icon--mobile svg path{ stroke:currentColor; fill:none; }
@media (max-width: 979px) {
	.sticky-add-to-cart .add-to-cart-icon--desktop{ display:none !important; }
	.sticky-add-to-cart .add-to-cart-icon--mobile{ display:inline-flex !important; }
	.sticky-add-to-cart .add-to-cart-icon--mobile svg{ width:22px; height:22px; }
}

/* The "added" tick animation (Shopify base.css), scoped to the bar's button. */
.sticky-add-to-cart__button {
	--text-speed: 0.26;
	--base-delay: calc(var(--text-speed) * 0.25);
	--tick-speed: 0.1;
	--ring-speed: 0.2;
	--check-speed: 0.2;
	--burst-speed: 0.32;
	--step-delay: 3;
}
.sticky-add-to-cart__button .svg-wrapper .checkmark-burst { width: 30px; height: 30px; }
.sticky-add-to-cart .add-to-cart-text {
	--atc-opacity: 0;
	--atc-destination: -1em;
	display: flex;
	gap: 4.8px;
	align-items: center;
	justify-content: center;
	animation-duration: var(--animation-speed);
	animation-timing-function: var(--animation-easing);
	animation-fill-mode: forwards;
	transition: width var(--animation-speed) var(--animation-easing), opacity var(--animation-speed) var(--animation-easing);
	clip-path: circle(100% at 50% 50%);
}
.sticky-add-to-cart .add-to-cart__added {
	--atc-opacity: 1;
	--atc-destination: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4.8px;
}
.sticky-add-to-cart .add-to-cart__added-icon { width: 32px; height: 32px; }
.sticky-add-to-cart [data-added='true'] .add-to-cart-text,
.sticky-add-to-cart [data-added='true'] .add-to-cart__added,
.sticky-add-to-cart [data-added='true'].add-to-cart-text,
.sticky-add-to-cart [data-added='true'].add-to-cart__added { animation-name: peptik-atc-slide; }
.sticky-add-to-cart__button[data-added='true'] .add-to-cart-text,
.sticky-add-to-cart__button[data-added='true'] .add-to-cart__added { animation-name: peptik-atc-slide; }
.sticky-add-to-cart .checkmark-burst {
	opacity: 0;
	overflow: visible;
}
.sticky-add-to-cart .checkmark-burst .burst { rotate: 20deg; }
.sticky-add-to-cart .checkmark-burst .check { opacity: 0.2; scale: 0.8; filter: blur(2px); transform: translateZ(0); }
.sticky-add-to-cart .checkmark-burst :is(.ring, .line, .check, .burst, .tick) { transform-box: fill-box; transform-origin: center; }
.sticky-add-to-cart .checkmark-burst .line { stroke-dasharray: 1.5 1.5; stroke-dashoffset: -1.5; translate: 0 -180%; }
.sticky-add-to-cart .checkmark-burst g { transform-origin: center; rotate: calc(var(--index) * (360 / 8) * 1deg); }
.sticky-add-to-cart__button[data-added='true'] .checkmark-burst { opacity: 1; }
.sticky-add-to-cart__button[data-added='true'] .check { opacity: 1; scale: 1; filter: blur(0); }
.sticky-add-to-cart__button[data-added='true'] .tick { scale: 1.75; }
.sticky-add-to-cart__button[data-added='true'] .ring { opacity: 0; scale: 1; }
.sticky-add-to-cart__button[data-added='true'] .line { stroke-dashoffset: 1.5; }
.sticky-add-to-cart__button[data-added='true'] .add-to-cart-text { clip-path: circle(0% at 50% 50%); filter: blur(2px); opacity: 0; translate: 0 4px; }
@media (prefers-reduced-motion: no-preference) {
	.sticky-add-to-cart__button[data-added='true'] .check { transition-property: opacity, scale, filter; transition-duration: calc(var(--check-speed) * 1s); transition-delay: calc(var(--base-delay) * 1s); transition-timing-function: var(--ease-out-quad); }
	.sticky-add-to-cart__button[data-added='true'] .tick { transition-property: scale; transition-duration: calc(var(--tick-speed) * 1s); transition-delay: calc((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s); transition-timing-function: ease-out; }
	.sticky-add-to-cart__button[data-added='true'] .ring { transition-property: opacity, scale; transition-duration: calc(var(--ring-speed) * 1s); transition-delay: calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s); transition-timing-function: var(--ease-out-quad); }
	.sticky-add-to-cart__button[data-added='true'] .line { transition-property: stroke-dashoffset; transition-duration: calc(var(--burst-speed) * 1s); transition-delay: calc((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s); transition-timing-function: var(--ease-out-cubic); }
	.sticky-add-to-cart .add-to-cart-text { transition-property: clip-path, opacity, filter, translate; transition-duration: calc(var(--text-speed) * 0.6s), calc(var(--text-speed) * 1s); transition-timing-function: ease-out; }
}
@keyframes peptik-atc-slide {
	to { opacity: var(--atc-opacity, 1); translate: 0px var(--atc-destination, 0px); }
}

/* While the bar is showing, the floating WhatsApp / cart buttons sit above it (like the store's consultation
   widget). The script sets --peptik-sticky-atc-offset (bar height + 12px) only while the bar is visible. */
@media (max-width: 979px) {
	.peptik-wa-fab, .peptik-ig-fab, .peptik-cart-fab {
		margin-bottom: var(--peptik-sticky-atc-offset, 0px);
		transition: transform 0.15s ease, box-shadow 0.15s ease, margin-bottom 0.3s cubic-bezier(0.32, 0.72, 0, 1);
	}
}

/* =========================================================
   Floating "Book a consultation with Dr Hani" button (Shopify: snippets/peptik-consultation-fab.liquid, unchanged except that
   its bottom offset reads --peptik-sticky-atc-offset, which the sticky add-to-cart bar sets while it is showing).
   ========================================================= */
.peptik-consultation-fab {
  position: fixed;
  right: 104px;
  bottom: max(20px, var(--peptik-sticky-atc-offset, 0px));
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px 6px 6px;
  border: 1px solid #dce4eb;
  border-radius: 999px;
  background: #fff;
  color: #142b43;
  box-shadow: 0 4px 20px #142b4326;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.peptik-consultation-fab img {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 20%;
}
.peptik-consultation-fab:hover { background: #f3f7fa; color: #142b43; } /* colour kept: this site turns links pink on hover */
.peptik-consultation-fab:focus-visible { outline: 3px solid #142b43; outline-offset: 3px; }
html.peptik-drawer-open .peptik-consultation-fab { display: none; }
@media (max-width: 749px) {
  .peptik-consultation-fab {
    right: 14px;
    /* Align the 58px pill with the 50px cart icon positioned 80px from the bottom. */
    bottom: max(76px, var(--peptik-sticky-atc-offset, 0px));
    gap: 8px;
    padding-right: 12px;
    font-size: 13px;
  }
  .header .peptik-menu-toggle{
    margin: 0 -1px 0 -2px;
  }
  .header-action .header-actions__action.action__cart{ margin-right: -1px;}
  .ctform .evf-frontend-grid{ margin: 24px 0 0;}

  
}

@media (max-width: 430px) {
.clctnmain .hero-features li{
	font-size: 13.5px;
	letter-spacing: -0.01em;
}

}