/* the base widget ships no stylesheet of its own (it styles from a shared Motion file) */
/* Mode 6 (the Figma frame). Every selector starts at .dfs-peptide-product-page; every value equals its control default (SPEC.md).
   Phone: the buy column loses its left space and the tab row swipes sideways; both come from responsive controls, so no media query here. */
.dfs-peptide-product-page { box-sizing: border-box; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 79px 64px 0 64px; background: transparent; }
.dfs-peptide-product-page *, .dfs-peptide-product-page *::before, .dfs-peptide-product-page *::after { box-sizing: inherit; }
/* DFS Performance wraps <img> in <picture class="dfs-avif">: the source must not take a layout slot */
.dfs-peptide-product-page picture[class="dfs-avif"] > source { display: none; }
/* an author display disarms [hidden]: state it for every part that sets one */
.dfs-peptide-product-page [hidden],
.dfs-peptide-product-page .dfs-peptide-product-page__panel[hidden],
.dfs-peptide-product-page .dfs-peptide-product-page__price-old[hidden] { display: none; }

/* top row: gallery beside the buy column (stacked on the phone by the Direction control) */
.dfs-peptide-product-page .dfs-peptide-product-page__top { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; }

/* gallery: a strip of thumbnails and the main image with arrows; the research button sits under the image */
.dfs-peptide-product-page .dfs-peptide-product-page__gallery { flex: 0 1 auto; width: 604px; min-width: 0; max-width: 100%; }
.dfs-peptide-product-page .dfs-peptide-product-page__gallery-row { display: flex; flex-direction: row; align-items: flex-start; gap: 6px; margin-top: 5px; }
.dfs-peptide-product-page .dfs-peptide-product-page__thumbs { flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px; max-width: 100%; overflow: auto; scrollbar-width: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__thumbs::-webkit-scrollbar { display: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__thumb { flex: 0 0 auto; display: block; width: 97px; height: 97px; margin: 0; padding: 0; border: 0; border-radius: 8px 8px 8px 8px; background: none; overflow: hidden; cursor: pointer; outline: 2px solid transparent; outline-offset: -2px; }
.dfs-peptide-product-page .dfs-peptide-product-page__thumb[aria-current="true"] { outline-color: rgba(20, 50, 69, 0); }
.dfs-peptide-product-page .dfs-peptide-product-page__thumb:hover, .dfs-peptide-product-page .dfs-peptide-product-page__thumb:focus { background: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.dfs-peptide-product-page .dfs-peptide-product-page__stage { flex: 1 1 0%; min-width: 0; width: 100%; }
.dfs-peptide-product-page .dfs-peptide-product-page__view { position: relative; }
.dfs-peptide-product-page .dfs-peptide-product-page__slides { display: grid; border-radius: 6px 6px 6px 6px; overflow: hidden; }
.dfs-peptide-product-page .dfs-peptide-product-page__slide { grid-area: 1 / 1; min-width: 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__slide:not(.is-current) { opacity: 0; visibility: hidden; }
.dfs-peptide-product-page .dfs-peptide-product-page__slide img { display: block; width: 100%; max-width: 100%; height: auto; }
.dfs-peptide-product-page .dfs-peptide-product-page__arrow { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -16px 14px 0 14px; padding: 0; border: 0; border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); color: #212125; cursor: pointer; }
.dfs-peptide-product-page .dfs-peptide-product-page__arrow:hover, .dfs-peptide-product-page .dfs-peptide-product-page__arrow:focus { background-color: #FFFFFF; color: #212125; }
.dfs-peptide-product-page .dfs-peptide-product-page__arrow--prev { left: 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__arrow--next { right: 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__research { display: block; width: 100%; height: 40px; margin: 18px 0 0; padding: 0 12px 0 12px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #D6D4D0; border-radius: 6px 6px 6px 6px; background-color: #F4F3F1; cursor: pointer; text-align: center; font-family: "Rythm Saans Medium", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0; text-transform: none; color: #212125; }
.dfs-peptide-product-page .dfs-peptide-product-page__research:hover, .dfs-peptide-product-page .dfs-peptide-product-page__research:focus { background-color: #F4F3F1; color: #212125; }

/* the image block is a column (image, then the research button); when the Button Placement dissolves it, the image keeps the full row width */
.dfs-peptide-product-page .dfs-peptide-product-page__stage { display: flex; flex-direction: column; }
.dfs-peptide-product-page .dfs-peptide-product-page__view { width: 100%; }

/* buy column: fills what the gallery leaves, never wider than its max width */
.dfs-peptide-product-page .dfs-peptide-product-page__buy { flex: 1 1 auto; width: min(340px, 100%); min-width: 0; max-width: 610px; margin-left: 20px; padding-top: 11.5px; }
.dfs-peptide-product-page .dfs-peptide-product-page__main { min-width: 0; margin-left: 6px; }

/* rating, tag, title: five stars (one picture, repeated) and the text on one line */
.dfs-peptide-product-page .dfs-peptide-product-page__rating { display: flex; align-items: flex-start; gap: 8.7px; }
.dfs-peptide-product-page .dfs-peptide-product-page__stars { display: flex; flex: 0 0 auto; align-items: flex-start; width: 91.3px; max-width: 100%; }
.dfs-peptide-product-page img.dfs-peptide-product-page__star { display: block; flex: 1 1 0%; min-width: 0; max-width: 100%; height: auto; }
.dfs-peptide-product-page .dfs-peptide-product-page__rating-text { margin-top: 5.5px; font-family: "Rythm Saans Bold", sans-serif; font-weight: 700; font-size: 14px; line-height: 14px; letter-spacing: 0; text-transform: none; color: #212125; }
.dfs-peptide-product-page .dfs-peptide-product-page__tag { width: fit-content; max-width: 100%; margin-top: 14px; padding: 6.1px 13px 6.1px 13px; border-radius: 6px 6px 6px 6px; background-color: #E5E5E5; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; line-height: 16.8px; letter-spacing: 0; text-transform: none; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__title { margin: 17px 0 0 2px; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 55px; line-height: 44px; letter-spacing: -1.2px; text-transform: none; color: #000000; }

/* purity banner: a clipped view, a track of two equal groups the script slides */
.dfs-peptide-product-page .dfs-peptide-product-page__marquee { position: relative; min-width: 0; max-width: none; margin-top: 22px; margin-right: calc(-1 * var(--dfs-pp-bleed, 0px)); contain: inline-size; }
.dfs-peptide-product-page .dfs-peptide-product-page__marquee-view { height: 33px; max-width: none; overflow: hidden; }
/* keyboard: every button shows a ring when reached by Tab */
.dfs-peptide-product-page button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.dfs-peptide-product-page .dfs-peptide-product-page__marquee-track { display: flex; width: max-content; margin-left: 21px; will-change: transform; }
.dfs-peptide-product-page .dfs-peptide-product-page__marquee-group { display: flex; flex: 0 0 auto; margin: 0; padding: 0; list-style: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__pill { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; margin: 0 12px 0 0; padding: 9.5px 13px 9.5px 13px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ECEAE7; border-radius: 6px 6px 6px 6px; background-color: #FFFFFF; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04); font-family: "Rythm Saans Regular", sans-serif; font-weight: 400; font-size: 12px; line-height: 8.5px; letter-spacing: -0.1px; text-transform: none; white-space: nowrap; color: #254A5A; }
.dfs-peptide-product-page .dfs-peptide-product-page__pill-icon { display: inline-flex; flex: 0 0 auto; align-items: center; font-size: 12px; line-height: 1; color: #254A5A; }
.dfs-peptide-product-page .dfs-peptide-product-page__pill-icon svg, .dfs-peptide-product-page .dfs-peptide-product-page__trust-icon svg { width: 1em; height: 1em; fill: currentColor; }
.dfs-peptide-product-page .dfs-peptide-product-page__fade { position: absolute; top: 0; left: 0; z-index: 2; width: 21px; height: 100%; background: linear-gradient(90deg, var(--dfs-peptide-product-page-fade, #FFFFFF), transparent); pointer-events: none; }

/* pack selector */
.dfs-peptide-product-page .dfs-peptide-product-page__qty-head { margin: 14px 0 19px; font-family: "Rythm Saans SemiBold", sans-serif; font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: 0; text-transform: none; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs { position: relative; display: flex; flex-wrap: wrap; column-gap: 15.5px; row-gap: 30px; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs.is-dense { column-gap: 11px; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs.is-dense .dfs-peptide-product-page__pack { min-width: 72px; padding: 0 8px 0 8px; }
.dfs-peptide-product-page .dfs-peptide-product-page__pack { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; height: 36px; min-width: 107px; margin: 0; padding: 0 14px 0 14px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000000; border-radius: 6px 6px 6px 6px; background-color: rgba(255, 255, 255, 0); cursor: pointer; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; text-transform: none; color: #143245; }
.dfs-peptide-product-page .dfs-peptide-product-page__pack:hover { background-color: #F4F3F1; color: #143245; }
.dfs-peptide-product-page .dfs-peptide-product-page__pack[aria-checked="true"] { border-color: #143245; border-radius: 5px 5px 5px 5px; background-color: #143245; font-size: 13px; color: #FFFFFF; }
/* the row can be dragged sideways when it does not wrap: a mouse drags it, a finger scrolls it, a vertical swipe still scrolls the page */
.dfs-peptide-product-page .dfs-peptide-product-page__packs { scrollbar-width: none; touch-action: pan-x pan-y; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs::-webkit-scrollbar { display: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs.is-draggable { cursor: grab; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs.is-dragging { cursor: grabbing; user-select: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__packs.is-dragging .dfs-peptide-product-page__pack { cursor: grabbing; }
.dfs-peptide-product-page .dfs-peptide-product-page__pack { flex: 0 0 auto; white-space: nowrap; }
.dfs-peptide-product-page .dfs-peptide-product-page__save { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); margin-left: 0; white-space: nowrap; font-family: "Rythm Saans SemiBold", sans-serif; font-weight: 600; font-size: 10px; line-height: 11px; letter-spacing: 0; text-transform: none; color: #FF0000; }

/* price */
.dfs-peptide-product-page .dfs-peptide-product-page__price { margin-top: 25px; }
.dfs-peptide-product-page .dfs-peptide-product-page__price-old { margin: 0; font-family: "Rythm Saans Regular", sans-serif; font-weight: 400; font-size: 16px; line-height: 4px; letter-spacing: 0; text-transform: none; text-decoration: line-through; color: #FF0000; }
.dfs-peptide-product-page .dfs-peptide-product-page__price-row { display: flex; align-items: center; margin-top: 15px; }
.dfs-peptide-product-page .dfs-peptide-product-page__price-now { font-family: "Rythm Saans SemiBold", sans-serif; font-weight: 600; font-size: 20.4px; line-height: 14px; letter-spacing: 0; text-transform: none; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__ship { min-width: 86px; margin-left: 6px; text-align: right; font-family: "Rythm Saans Regular", sans-serif; font-weight: 400; font-size: 10px; line-height: 7px; letter-spacing: 0; text-transform: none; color: #231F2099; }

/* benefits and privacy line */
.dfs-peptide-product-page .dfs-peptide-product-page__benefits { display: flex; flex-direction: column; gap: 10.7px; margin: 13px 0 0; padding: 0; list-style: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__benefit { display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; }
.dfs-peptide-product-page img.dfs-peptide-product-page__benefit-icon { display: block; flex: 0 0 auto; width: 7.2px; max-width: none; height: auto; }
.dfs-peptide-product-page .dfs-peptide-product-page__benefit-text { font-family: "Rythm Saans Medium", sans-serif; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: 0; text-transform: none; color: #231F20; }
.dfs-peptide-product-page .dfs-peptide-product-page__privacy { margin: 10.9px 0 0; font-family: "Rythm Saans Medium", sans-serif; font-weight: 500; font-size: 14px; line-height: 16.8px; letter-spacing: 0; text-transform: none; color: #186887; }

/* quantity stepper and Add to Cart */
.dfs-peptide-product-page .dfs-peptide-product-page__cart-row { display: flex; align-items: stretch; gap: 8px; margin-top: 16.2px; }
.dfs-peptide-product-page .dfs-peptide-product-page__stepper { display: flex; align-items: center; justify-content: space-between; min-width: 120px; padding: 0 10px 0 10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #E7E5E3; border-radius: 6px 6px 6px 6px; background-color: rgba(255, 255, 255, 0); font-family: "Poppins", sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0; text-transform: none; color: #143245; }
.dfs-peptide-product-page .dfs-peptide-product-page__step { margin: 0; padding: 0 8px; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
.dfs-peptide-product-page .dfs-peptide-product-page__step:hover, .dfs-peptide-product-page .dfs-peptide-product-page__step:focus { background: none; color: inherit; }
.dfs-peptide-product-page .dfs-peptide-product-page__cart { min-width: 0; max-width: 100%;flex: 1 1 auto; display: flex; align-items: center; justify-content: center; margin: 0; padding: 14.2px 10px 14.2px 10px; border: 0; column-gap: 10px; border-radius: 6px 6px 6px 6px; background-color: #143245; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04); cursor: pointer; text-align: center; font-family: "Rythm Saans SemiBold", sans-serif; font-weight: 600; font-size: 17.8px; line-height: 22.2px; letter-spacing: 0; text-transform: none; color: #FFFFFF; }
.dfs-peptide-product-page .dfs-peptide-product-page__cart:hover { background-color: #061E2F; color: #FFFFFF; }
.dfs-peptide-product-page .dfs-peptide-product-page__cart-price { white-space: pre; color: rgba(255, 255, 255, 0.7); }
.dfs-peptide-product-page .dfs-peptide-product-page__cart:hover .dfs-peptide-product-page__cart-price { color: rgba(255, 255, 255, 0.7); }

/* trust row and guarantee */
.dfs-peptide-product-page .dfs-peptide-product-page__trust { display: flex; flex-wrap: nowrap; justify-content: center; column-gap: 68.5px; margin: 22.4px 0 0; padding: 0; list-style: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__trust-item { flex: 0 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; text-align: center; }
.dfs-peptide-product-page .dfs-peptide-product-page__trust-icon { display: block; font-size: 18px; line-height: 1; color: #7CC4EE; }
.dfs-peptide-product-page .dfs-peptide-product-page__trust-text { max-width: 91px; margin-top: 8.3px; text-align: center; font-family: "Rythm Saans Medium", sans-serif; font-weight: 500; font-size: 12px; line-height: 14.4px; letter-spacing: 0; text-transform: none; color: #212125; }
.dfs-peptide-product-page .dfs-peptide-product-page__guarantee { max-width: 604px; margin: 24px 0 0 0; padding: 10px 12px 10px 12px; border-radius: 6px 6px 6px 6px; background-color: #F4F3F1; text-align: center; font-family: "Rythm Saans Bold", sans-serif; font-weight: 700; font-size: 12px; line-height: 14.4px; letter-spacing: 0; text-transform: none; color: #43413B; }

/* tabs band: one row of tabs over a full-width track; the row swipes on the phone */
.dfs-peptide-product-page .dfs-peptide-product-page__tabs-band { margin: 34.6px 42px 0 8px; }
.dfs-peptide-product-page .dfs-peptide-product-page__tabs-head { position: relative; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.dfs-peptide-product-page .dfs-peptide-product-page__tabs-head::-webkit-scrollbar { display: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__tabs { position: relative; z-index: 1; display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 19px; }
.dfs-peptide-product-page .dfs-peptide-product-page__tab { flex: 0 0 auto; white-space: nowrap; display: flex; flex-direction: column; margin: 0; padding: 0; border: 0; background-color: transparent; cursor: pointer; text-align: left; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: clamp(16px, 2.3vw, 32px); line-height: 44px; letter-spacing: -1.2px; text-transform: uppercase; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__tab:hover, .dfs-peptide-product-page .dfs-peptide-product-page__tab:focus { background-color: transparent; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__tab-text { display: block; padding: 0 0 0 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__tab-line { display: block; height: 5px; margin-top: 16px; background-color: transparent; }
.dfs-peptide-product-page .dfs-peptide-product-page__tab[aria-selected="true"] .dfs-peptide-product-page__tab-line { background-color: #061E2F; }
.dfs-peptide-product-page .dfs-peptide-product-page__track { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; margin-left: 0; background-color: #7D7D7D; }

/* tab panel: the text, and the spec rows beside it on the description tab */
.dfs-peptide-product-page .dfs-peptide-product-page__panel { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 64px; margin-top: 29px; padding-left: 5px; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text { flex: 0 1 auto; max-width: 480px; font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; font-weight: 300; font-size: 18px; line-height: 30px; letter-spacing: -0.4px; text-transform: none; color: #000000; }
.dfs-peptide-product-page .dfs-peptide-product-page__faqs { margin: 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__faq-q { margin: 0; }
.dfs-peptide-product-page .dfs-peptide-product-page__faq-a { margin: 0 0 12px; }
/* FAQs tab: the site's own <details> list. Closed by default (JS), bold primary-dark question, chevron that turns when open */
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details { margin: 0; padding-block: 14px; border-bottom: 1px solid #E3E6EA; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-weight: 600; font-size: 18px; line-height: 28px; letter-spacing: -0.2px; color: #143245; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details > summary::-webkit-details-marker { display: none; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details > summary::marker { content: ""; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details > summary::after { content: ""; flex: 0 0 auto; box-sizing: border-box; width: 10px; height: 10px; margin-right: 4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; color: #143245; transform: translateY(-3px) rotate(45deg); }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text details > :not(summary) { margin-top: 8px; }
.dfs-peptide-product-page .dfs-peptide-product-page__panel-text p { margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }
.dfs-peptide-product-page .dfs-peptide-product-page__specs { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 5px; margin-top: -4px; }
.dfs-peptide-product-page .dfs-peptide-product-page__spec-value { font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; font-weight: 300; font-size: 18px; line-height: 30px; letter-spacing: -0.4px; text-transform: none; color: #777777; }
.dfs-peptide-product-page .dfs-peptide-product-page__spec { margin: 0; overflow-wrap: anywhere; font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; font-weight: 700; font-size: 18px; line-height: 30px; letter-spacing: -0.4px; text-transform: none; color: #000000; }