/** Shopify CDN: Minification failed

Line 172:0 Expected "}" to go with "{"

**/

/* =========================================================
   PEPTIDE BIOSCIENCES — Minimal OS 2.0 Theme
   ========================================================= */
:root{
  --pb-blue: #0B4A7C;
  --pb-teal: #0FB9C6;
  --pb-green: #6BCF63;
  --pb-graphite: #0E1B25;
  --pb-ice: #F6FAFC;
  --pb-white: #fff;

  --pb-radius-lg: 18px;
  --pb-radius-md: 12px;

  --pb-shadow-soft: 0 10px 30px rgba(10, 30, 45, 0.12);
  --pb-shadow-card: 0 14px 40px rgba(10, 30, 45, 0.14);

  --pb-ease: cubic-bezier(.2,.8,.2,1);
  --pb-font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --pb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --pb-container: 1200px;
}

*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; font-family: var(--pb-font-sans); color: var(--pb-graphite); }
body{
  background: radial-gradient(1200px 600px at 70% -10%, color-mix(in oklab, var(--pb-teal) 22%, transparent), transparent 55%),
              radial-gradient(900px 500px at 20% 10%, color-mix(in oklab, var(--pb-green) 16%, transparent), transparent 55%),
              linear-gradient(180deg, var(--pb-ice), #ffffff 30%);
}

a{ color: inherit; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover{ opacity: .92; }

.pb-container{ max-width: var(--pb-container); margin: 0 auto; padding: 0 18px; }

.pb-announce{
  background: linear-gradient(90deg, color-mix(in oklab, var(--pb-blue) 95%, #000), color-mix(in oklab, var(--pb-teal) 92%, #000));
  color:#fff;
  font-size: 14px;
}
.pb-announce .pb-container{ display:flex; justify-content:center; padding:10px 18px; gap:10px; }

.pb-header{
  position: sticky; top:0; z-index: 20;
  background: rgba(255,255,255,0.74);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,34,48,0.08);
}
.pb-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 0;
  gap: 16px;
}
.pb-brand{ display:flex; align-items:center; gap: 12px; text-decoration:none; }
.pb-brand img{ height: 42px; width:auto; display:block; }
.pb-brand__name{ font-weight: 800; letter-spacing:-0.02em; }
.pb-nav{ display:flex; align-items:center; gap: 14px; flex-wrap: wrap; }
.pb-nav a{ text-decoration:none; padding: 8px 10px; border-radius: 999px; }
.pb-nav a:hover{ background: rgba(15,34,48,0.06); }

.pb-actions{ display:flex; gap: 10px; align-items:center; }
.pb-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding: 12px 14px; border-radius: var(--pb-radius-md);
  border: 1px solid rgba(15,34,48,0.18);
  background: rgba(255,255,255,0.78);
  cursor:pointer;
  transition: transform .18s var(--pb-ease), box-shadow .18s var(--pb-ease), opacity .18s var(--pb-ease);
  text-decoration:none;
  font-weight: 700;
}
.pb-btn:hover{ transform: translateY(-1px); box-shadow: var(--pb-shadow-soft); }
.pb-btn--primary{
  background: linear-gradient(135deg, var(--pb-blue), var(--pb-teal));
  color:#fff;
  border:0;
  box-shadow: 0 0 0 1px rgba(15,185,198,0.25), 0 10px 35px rgba(15,185,198,0.18);
}
.pb-btn--primary:hover{
  box-shadow: 0 0 0 1px rgba(15,185,198,0.35), 0 18px 55px rgba(15,185,198,0.22);
}
.pb-btn--ghost{
  background: transparent;
}

.pb-main{ padding: 28px 0 40px; }
.pb-section{ padding: clamp(22px, 2.2vw, 42px) 0; }
.pb-card{
  border-radius: var(--pb-radius-lg);
  border: 1px solid rgba(15,34,48,0.12);
  background: rgba(255,255,255,0.78);
  box-shadow: var(--pb-shadow-card);
  overflow:hidden;
}
.pb-grid{ display:grid; gap: 16px; }
.pb-grid--2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.pb-grid--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.pb-grid--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 940px){
  .pb-grid--4, .pb-grid--3, .pb-grid--2{ grid-template-columns: 1fr; }
  .pb-brand img{ height: 36px; }
}

.pb-hero{
  border-radius: clamp(18px, 2vw, 28px);
  overflow:hidden;
  background: radial-gradient(900px 380px at 65% 10%, color-mix(in oklab, var(--pb-teal) 26%, transparent), transparent 55%),
              radial-gradient(700px 340px at 25% 15%, color-mix(in oklab, var(--pb-green) 18%, transparent), transparent 60%),
              linear-gradient(135deg, color-mix(in oklab, var(--pb-blue) 18%, #fff), rgba(255,255,255,0.72));
  border: 1px solid rgba(15,34,48,0.10);
  box-shadow: var(--pb-shadow-card);
  padding: clamp(22px, 3vw, 40px);
}
.pb-hero h1{ margin: 0 0 10px; font-size: clamp(30px, 3.6vw, 52px); letter-spacing:-0.03em; }
.pb-hero p{ margin: 0 0 18px; font-size: 16px; max-width: 62ch; color: rgba(14,27,37,0.82); }
.pb-pillrow{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 18px; }
.pb-pill{
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(15,34,48,0.14);
  box-shadow: 0 8px 18px rgba(10,30,45,0.08);
  font-weight: 700;
  font-size: 14px;
}

.pb-product-card{ padding: 16px; display:flex; flex-direction:column; gap: 10px; }
.pb-product-card img{ width:100%; height:auto; border-radius: 14px; }
.pb-product-title{ font-weight: 800; letter-spacing:-0.02em; text-decoration:none; }
.pb-price{ font-weight: 900; letter-spacing:-0.01em; }
.pb-muted{ color: rgba(14,27,37,0.72); }

.pb-footer{
  background: radial-gradient(1000px 600px at 20% 0%, rgba(15,185,198,0.14), transparent 55%),
              linear-gradient(180deg, #0C1C27, #08131A);
  color: rgba(255,255,255,0.88);
  border-top: 1px solid rgba(255,255,255,0.08);
}
.pb-footer a{ color: rgba(255,255,255,0.92); }
.pb-footer__inner{ padding: 34px 0; display:grid; gap: 18px; }
.pb-footer__cols{ display:grid; grid-template-columns: 2fr 1fr 1fr; gap: 18px; }
@media (max-width: 940px){ .pb-footer__cols{ grid-template-columns: 1fr; } }
.pb-small{ font-size: 12px; color: rgba(255,255,255,0.70); line-height: 1.5; }

/* Forms */
.pb-input{
  width:100%;
  padding: 12px 14px;
  border-radius: var(--pb-radius-md);
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.92);
}
.pb-input::placeholder{ color: rgba(255,255,255,0.60); }

/* Utility */
.pb-divider{
  height:1px; width:100%;
  background: linear-gradient(90deg, transparent, rgba(15,185,198,0.55), transparent);
  border:0; margin: 18px 0;
  .header__logo img {
  max-width: 200px !important;
  height: auto !important;
}
