@charset "UTF-8";
/* ==========================================================================
   Blitzschnell Replica — DESIGN TOKENS
   Every value below is MEASURED from the source harvest, not eyeballed.
   Evidence:
     E:\blitzschnell\scrape\source-cdp\design-tokens-measured.json
     E:\blitzschnell\scrape\source-cdp\design-tokens-card.json
     E:\blitzschnell\scrape\source-cdp\css\_bricks-theme-settings.css
     E:\blitzschnell\scrape\source-cdp\css\_wp-custom-css.css
     E:\blitzschnell\scrape\source-cdp\css\_inline-style-tags.css  (Bricks colour vars)
     E:\blitzschnell\scrape\_shots\home-1440.png | home-820.png | home-390.png
   ========================================================================== */

/* ---------- Self-hosted webfonts ------------------------------------------
   Source loads Barlow from fonts.googleapis.com (CDN). We SELF-HOST it.
   DIN / Satoshi / Blitz1 / Gorilla1 are declared by the source's Bricks theme
   settings; at runtime document.fonts reports them "unloaded" on the homepage
   (RECON §10.2) — DIN is the only one actually referenced by a homepage rule
   (#brxe-gfxcbr, the "PEPTIDES" banner eyebrow). All are shipped so later
   phases can use them without another font hunt.
   -------------------------------------------------------------------------- */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Display faces, verbatim from _bricks-theme-settings.css (re-hosted in-theme) */
@font-face{font-family:"DIN";font-weight:400;font-display:swap;src:url(../fonts/DIN-Regular.ttf) format("truetype")}
@font-face{font-family:"DIN";font-weight:500;font-display:swap;src:url(../fonts/DIN-Medium.ttf) format("truetype")}
@font-face{font-family:"DIN";font-weight:700;font-display:swap;src:url(../fonts/DIN-Bold.ttf) format("truetype")}
@font-face{font-family:"DIN";font-weight:900;font-display:swap;src:url(../fonts/DIN-BlackAlternate.ttf) format("truetype")}
@font-face{font-family:"Satoshi";font-weight:400;font-display:swap;src:url(../fonts/Satoshi-Regular.ttf) format("truetype")}
@font-face{font-family:"Satoshi";font-weight:500;font-display:swap;src:url(../fonts/Satoshi-Medium.ttf) format("truetype")}
@font-face{font-family:"Satoshi";font-weight:700;font-display:swap;src:url(../fonts/Satoshi-Bold.ttf) format("truetype")}
@font-face{font-family:"Satoshi";font-weight:900;font-display:swap;src:url(../fonts/Satoshi-Black.ttf) format("truetype")}
@font-face{font-family:"Satoshi";font-weight:900;font-style:italic;font-display:swap;src:url(../fonts/Satoshi-BlackItalic.ttf) format("truetype")}
@font-face{font-family:"Blitz1";font-weight:400;font-display:swap;src:url(../fonts/Future-Edge-Italic.ttf) format("truetype")}
@font-face{font-family:"Gorilla1";font-weight:400;font-display:swap;src:url(../fonts/E-Muse-Bold.ttf) format("truetype")}

/* ---------- Tokens -------------------------------------------------------- */
:root{
  /* Colour — measured rgb() (RECON §10.1) */
  --bs-page:            #f2f2f2;   /* html/body computed bg */
  --bs-surface:         #ffffff;   /* .product-card computed bg */
  --bs-surface-alt:     #f1f1f1;   /* Bricks --bricks-color-iunwkl */
  --bs-ink:             #000000;   /* body colour */
  --bs-ink-soft:        #222222;   /* --bricks-color-hkvtzh */
  --bs-yellow:          #ffcc00;   /* header top bar bg + badge text */
  --bs-yellow-soft:     #ffd64f;   /* Bricks --bricks-color-primary */
  --bs-grey-100:        #e6e6e6;   /* --bricks-color-nxxddi */
  --bs-grey-200:        #e0e0e0;   /* --bricks-color-rfiivp (card cart border) */
  --bs-grey-250:        #dddedf;   /* --bricks-border-color (Bricks default) */
  --bs-grey-400:        #a1a1a1;   /* --bricks-color-jwcqxv (mega sub-links) */
  --bs-grey-500:        #9e9e9e;   /* del .amount — struck old price */
  --bs-grey-600:        #787878;   /* .product-card_tax */
  --bs-grey-700:        #777777;   /* --bricks-color-ptgidx */
  --bs-search-bg:       #eeeeee;   /* search input computed bg */
  --bs-secondary:       #fc5778;   /* Bricks --bricks-color-secondary */
  --bs-error:           #ff1414;   /* Bricks --bricks-color-error */
  --bs-scrim-17:        rgba(0,0,0,.17);
  --bs-scrim-25:        rgba(0,0,0,.25);
  --bs-scrim-50:        rgba(0,0,0,.50);
  --bs-scrim-75:        rgba(0,0,0,.75);
  --bs-glass:           rgba(60,60,60,.5);
  --bs-glass-hover:     rgba(60,60,60,.7);

  /* Type */
  --bs-font:            "Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bs-font-din:        "DIN","Barlow",sans-serif;
  --bs-font-satoshi:    "Satoshi","Barlow",sans-serif;

  --bs-fs-body:         16px;      /* body computed */
  --bs-lh-body:         1.7;       /* 27.2px / 16px */
  --bs-fs-h1:           clamp(3rem,2.2rem + 3.2vw,5rem);   /* Bricks h1 rule */
  --bs-fs-h2:           clamp(2.5rem,.833rem + 2.444vw,3rem);
  --bs-fs-h3:           36px;
  --bs-fs-hero:         64px;      /* hero H3, uppercase, lh 1 */
  --bs-fs-section:      36px;      /* .archiv-heading */
  --bs-fs-eyebrow:      16px;      /* .archiv-sub */
  --bs-fs-nav:          15px;      /* nav item, weight 500, capitalize */
  --bs-fs-card-title:   16px;      /* weight 700 */
  --bs-fs-card-tax:     12px;      /* weight 600, #787878 */
  --bs-fs-price:        17px;
  --bs-fs-badge:        15px;      /* weight 700 */
  --bs-fs-footer-head:  clamp(2.25rem,1.4rem + 2.6vw,3.125rem); /* 50px @1440 */
  --bs-fs-footer-link:  15px;

  /* Spacing / layout */
  --bs-content:         1600px;    /* .brxe-container width */
  --bs-gutter:          40px;      /* section side padding @desktop */
  --bs-gap:             10px;      /* shop grid gap */
  --bs-space-8:         8px;
  --bs-space-16:        16px;
  --bs-space-20:        20px;
  --bs-space-32:        32px;
  --bs-space-40:        40px;
  --bs-space-64:        64px;

  /* Radii — measured scale (RECON §10.3) */
  --bs-r-6:             6px;   /* card image, sold-out badge */
  --bs-r-8:             8px;   /* card img inner, countdown chip */
  --bs-r-10:            10px;  /* product card, add-to-cart */
  --bs-r-12:            12px;  /* sale badge, hero CTA */
  --bs-r-15:            15px;  /* footer link pill */
  --bs-r-16:            16px;  /* BButton, glass card */
  --bs-r-20:            20px;  /* search, select, ticker, sale box, footer card */
  --bs-r-24:            24px;  /* hero card */
  --bs-r-32:            32px;  /* banners, mega photo card */

  /* Elevation */
  --bs-shadow-card:     3px 4px 12px 0 rgba(0,0,0,.1);

  /* Header metrics — measured total 172px */
  --bs-topbar-h:        35px;
  --bs-navrow-h:        54px;

  /* Carousel card widths — measured off _shots at each breakpoint */
  --bs-carousel-card:   252px;

  --bs-ease:            all .3s ease;
}

@media (max-width:1250px){ :root{ --bs-carousel-card:230px; --bs-gutter:20px; } }
@media (max-width:992px){  :root{ --bs-fs-section:30px; --bs-fs-hero:48px; } }
@media (max-width:767px){  :root{ --bs-carousel-card:150px; --bs-gutter:10px; --bs-fs-section:24px; --bs-fs-hero:24px; --bs-fs-eyebrow:12px; } }

/* ---------- Base ---------------------------------------------------------- */
html,body{background-color:var(--bs-page)}
body{
  margin:0;
  font-family:var(--bs-font);
  font-size:var(--bs-fs-body);
  line-height:var(--bs-lh-body);
  color:var(--bs-ink);
  overflow-x:hidden;
  width:100%;
  max-width:100%;
  -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--bs-font);color:var(--bs-ink);margin:0}
h1{font-size:var(--bs-fs-h1);font-weight:700;line-height:1.1}
h2{font-size:var(--bs-fs-h2);font-weight:700;line-height:1.1}
h3{font-size:var(--bs-fs-h3);font-weight:700}
h4{font-size:21px;font-weight:600}
h5{font-size:18px;font-weight:600}
h6{font-size:17px;font-weight:600}

.bs-container{width:100%;max-width:var(--bs-content);margin-inline:auto}
.bs-screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- Primitives: buttons ------------------------------------------- */
/* Woo default button — measured: padding 13px 20px, #000 on #fff, 16px */
.bs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 20px;background:var(--bs-ink);color:var(--bs-surface);
  font-size:16px;font-weight:600;border:0;border-radius:var(--bs-r-20);
  cursor:pointer;transition:var(--bs-ease);
}
.bs-btn:hover{background:var(--bs-ink-soft)}

/* .BButton — the white pill CTA beside every carousel heading */
.bs-btn-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 20px;border-radius:var(--bs-r-16);
  background:var(--bs-surface);color:var(--bs-ink);
  font-size:15px;font-weight:500;white-space:nowrap;transition:var(--bs-ease);
}
.bs-btn-pill:hover{gap:20px}
@media (max-width:767px){ .bs-btn-pill{font-size:14px;padding:10px 15px} }

/* .button-hero-big / .button-hero-small — white CTA inside hero + banners */
.bs-btn-hero{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  padding:8px 24px 8px 32px;border-radius:var(--bs-r-12);
  background:var(--bs-surface);color:var(--bs-ink);
  font-size:16px;font-weight:500;transition:var(--bs-ease);
}
.bs-btn-hero:hover{gap:18px}

/* .button-peptides — ghost CTA on the dark peptide cards */
.bs-btn-ghost{
  display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  padding:4px 8px 4px 16px;margin-top:var(--bs-space-32);
  border:2px solid var(--bs-grey-250);border-radius:var(--bs-r-12);
  background:transparent;color:var(--bs-surface);font-size:16px;font-weight:500;
  transition:var(--bs-ease);
}
.bs-btn-ghost:hover{gap:18px;background:rgba(255,255,255,.08)}

/* ---------- Primitives: badges -------------------------------------------- */
/* measured: bg #000, colour #ffcc00, 15px/700, radius 6px, padding 8px 12px */
.bs-badge{
  display:inline-block;background:var(--bs-ink);color:var(--bs-yellow);
  font-family:var(--bs-font);font-size:var(--bs-fs-badge);font-weight:700;
  line-height:1.2;padding:8px 12px;border-radius:var(--bs-r-6);
}
/* measured on the "Angebote des Monats" cards: radius 12px, padding 4px 12px, 16px */
.bs-badge--offer{font-size:16px;padding:4px 12px;border-radius:var(--bs-r-12)}

/* ---------- Primitives: surfaces ------------------------------------------ */
.bs-card-surface{background:var(--bs-surface);border-radius:var(--bs-r-10);overflow:hidden}
.bs-glass{background:var(--bs-glass);backdrop-filter:blur(12px);border-radius:var(--bs-r-16);transition:var(--bs-ease)}
.bs-glass:hover{background:var(--bs-glass-hover)}