/* Direct Peptides — mobile / responsive fixes for offline Framer pages */

/* Framer SSR omits hidden-* utility rules; restore them for all breakpoints used on this site */
@media (max-width: 743.98px) {
  .hidden-r227nv,
  .hidden-xb3tse:not([data-framer-name="Superfields_Desktop"]),
  .hidden-1u0ehph,
  .hidden-6pjv5z,
  .hidden-15l3p21 { display: none !important; }
}

@media (min-width: 744px) and (max-width: 1023.98px) {
  .hidden-tluzpa,
  .hidden-1oaxx7a:not([data-framer-name="Superfields_Desktop"]),
  .hidden-1d7jbnl,
  .hidden-4mqil7,
  .hidden-17briq5 { display: none !important; }

  /* Tablet: show desktop shop/blog grids (no tablet SSR variants in mirror) */
  [data-framer-name="Superfields_Desktop"].hidden-1oaxx7a,
  .framer-a6xk0u-container[data-framer-name="Superfields_Desktop"] {
    display: block !important;
    width: 100% !important;
  }

  [data-framer-name="Grid-Desktop"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
  }

  [data-framer-name="Grid"].hidden-17briq5,
  .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    opacity: 1 !important;
  }

  [data-framer-name="Column"].hidden-15l3p21,
  .framer-ynhgbe[data-framer-name="Column"] {
    display: none !important;
  }

  [data-framer-name="Desktop Cards"].hidden-17briq5 {
    display: flex !important;
    width: 100% !important;
    opacity: 1 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
  .hidden-mwzwoz,
  .hidden-hl16j7,
  .hidden-12wnftm,
  .hidden-ealwq8 { display: none !important; }
}

@media (min-width: 1440px) and (max-width: 1919.98px) {
  .hidden-16rgau6 { display: none !important; }
}

@media (min-width: 1920px) {
  .hidden-8aenz8 { display: none !important; }
}

@media (min-width: 1440px) {
  .hidden-18a1evy,
  .hidden-xkw8db,
  .hidden-1o9ju5x { display: none !important; }
}

/* Base layout */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  overflow-x: clip;
  max-width: 100%;
}

img,
video,
svg,
canvas {
  max-width: 100%;
  height: auto;
}

#main,
[data-framer-root] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 743.98px) {
  #main,
  [data-framer-root] {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: clip;
  }

  /* Top “Need help” banner — compact on phone */
  .framer-k8whI[data-framer-name="Banner - Desktop"],
  .framer-k8whI[data-framer-name="Banner - Mobile"],
  .framer-k8whI.framer-1by40vx {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px 6px !important;
  }

  .framer-k8whI .framer-5v5n3x {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .framer-k8whI .framer-w4l6um,
  .framer-k8whI .framer-1ayxjd4 {
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .framer-k8whI h5.framer-text,
  .framer-k8whI .framer-styles-preset-qf346q {
    font-size: 9px !important;
    line-height: 1.2 !important;
    --framer-font-size: 9px !important;
    white-space: nowrap !important;
    text-align: center !important;
    letter-spacing: -0.01em !important;
  }

  .framer-k8whI a {
    font-size: inherit !important;
    white-space: nowrap !important;
  }

  .banner {
    font-size: 10px !important;
    padding: 4px 8px !important;
    line-height: 1.25 !important;
  }

  /* Home header — mobile row: menu | logo | language */
  .framer-ueux06-container {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  nav.framer-EX94o.framer-10utsrh {
    width: 100% !important;
    max-width: 100vw !important;
    flex-direction: column !important;
    gap: 0 !important;
    cursor: default !important;
  }

  nav.framer-EX94o .framer-1v9dmox {
    flex: none !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 8px 12px 8px 12px !important;
  }

  nav.framer-EX94o .framer-s5pmxp {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    order: 2;
  }

  nav.framer-EX94o .framer-4dfeqg {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    order: 2;
  }

  nav.framer-EX94o .framer-1wheugb {
    width: 127px !important;
    height: 17px !important;
  }

  nav.framer-EX94o .framer-m1z14k {
    display: none !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 0 !important;
    padding: 0 16px 12px !important;
  }

  nav.framer-EX94o.dp-header-open .framer-m1z14k {
    display: flex !important;
  }

  nav.framer-EX94o .framer-m1z14k > div {
    width: 100% !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0;
  }

  nav.framer-EX94o .framer-1y3lw3 {
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin-left: 0 !important;
    order: 3;
  }

  nav.framer-EX94o .framer-1v9dmox > .dp-header-lang-auth {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    order: 3;
    gap: 4px !important;
  }

  /* Mobile: auth lives in the slide-down menu, not beside language */
  nav.framer-EX94o .framer-1v9dmox .dp-header-auth-btn,
  nav.framer-EX94o .framer-1v9dmox .dp-header-auth-link,
  nav.framer-EX94o .framer-1y3lw3 .dp-header-auth-btn,
  nav.framer-EX94o .framer-1y3lw3 .dp-header-auth-link {
    display: none !important;
  }

  nav.framer-EX94o .dp-menu-auth-item {
    width: 100% !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0;
    display: flex !important;
    align-items: center !important;
  }

  nav.framer-EX94o .dp-menu-auth-item .dp-header-auth-btn,
  nav.framer-EX94o .dp-menu-auth-item .dp-header-auth-link {
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    color: #017eff !important;
    background: transparent !important;
  }

  nav.framer-EX94o .dp-header-auth-btn,
  nav.framer-EX94o .dp-header-auth-link {
    font-size: 10px !important;
    padding: 4px 5px !important;
  }

  nav.framer-EX94o .framer-locale-picker {
    position: relative !important;
    min-width: 104px !important;
    min-height: 36px !important;
    z-index: 5 !important;
  }

  nav.framer-EX94o .framer-locale-picker select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
    font-size: 16px !important;
  }

  nav.framer-EX94o .framer-locale-picker .input {
    min-height: 36px !important;
    padding: 6px 8px !important;
    pointer-events: none !important;
  }

  nav.framer-EX94o .framer-locale-picker .title {
    max-width: 72px !important;
    font-size: 13px !important;
  }

  .dp-header-menu-btn {
    appearance: none;
    border: none;
    background: transparent;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    margin: 0 8px 0 0;
    order: 1;
  }

  .dp-header-menu-btn span,
  .dp-header-menu-btn span::before,
  .dp-header-menu-btn span::after {
    display: block;
    width: 20px;
    height: 2px;
    background: #292e4c;
    border-radius: 2px;
    position: relative;
    transition: transform 0.2s ease, background 0.2s ease;
  }

  .dp-header-menu-btn span::before,
  .dp-header-menu-btn span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .dp-header-menu-btn span::before { top: -6px; }
  .dp-header-menu-btn span::after { top: 6px; }

  nav.framer-EX94o.dp-header-open .dp-header-menu-btn span {
    background: transparent;
  }

  nav.framer-EX94o.dp-header-open .dp-header-menu-btn span::before {
    top: 0;
    transform: rotate(45deg);
  }

  nav.framer-EX94o.dp-header-open .dp-header-menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* Shop: 2-column product grid on phone (not the Superfields wrapper) */
  .framer-zjF12 [data-framer-name="Grid-Desktop"],
  .framer-zjF12 .framer-zsx23n[data-framer-name="Grid-Desktop"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  /* Blog: 2-column grid (Grid = blog post cards) */
  .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"],
  [data-framer-name="Grid"].framer-1gjl2oi {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-4v1ll .framer-1ubvbxt[data-framer-name="Blog Cards"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .framer-4v1ll .framer-19i7h2q {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 8px !important;
  }

  .framer-4v1ll .framer-og7id1,
  .framer-4v1ll .framer-81miue {
    width: 100% !important;
    height: auto !important;
    min-height: 100px !important;
    padding-bottom: 12px !important;
  }

  .framer-4v1ll .framer-og7id1 img,
  .framer-4v1ll [data-framer-background-image-wrapper="true"] img {
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Desktop Cards on blog = footer CTA, not blog grid */
  .framer-4v1ll .framer-vwp4zw[data-framer-name="Desktop Cards"] {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
  }

  /* Offline mirror: only desktop shop/blog grids exist — show them on phone */
  [data-framer-name="Superfields_Desktop"].hidden-xb3tse,
  .framer-a6xk0u-container[data-framer-name="Superfields_Desktop"] {
    display: block !important;
    width: 100% !important;
  }

  [data-framer-name="Grid-Desktop"] {
    display: grid !important;
    width: 100% !important;
  }

  [data-framer-name="Column"].hidden-15l3p21,
  .framer-ynhgbe[data-framer-name="Column"] {
    display: none !important;
  }

  .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"] {
    display: grid !important;
    width: 100% !important;
    opacity: 1 !important;
  }
}

/* Framer slide-out catalog menu */
[data-framer-name="mobile-menu"] {
  z-index: 1000;
}

[data-framer-name="menu-button"] {
  cursor: pointer;
  z-index: 1001;
}

.dp-menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(41, 46, 76, 0.45);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.dp-menu-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

body.dp-menu-open {
  overflow: hidden;
}

/* Fallback mobile nav (pages without Framer hamburger) */
.dp-fallback-nav {
  display: none;
}

@media (max-width: 768px) {
  .dp-fallback-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 1100;
  }

  .dp-fallback-nav .dp-fallback-logo img {
    height: 26px;
    display: block;
  }

  .dp-fallback-toggle {
    appearance: none;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 8px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
  }

  .dp-fallback-toggle span,
  .dp-fallback-toggle span::before,
  .dp-fallback-toggle span::after {
    display: block;
    width: 18px;
    height: 2px;
    background: #292e4c;
    border-radius: 2px;
    position: relative;
  }

  .dp-fallback-toggle span::before,
  .dp-fallback-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .dp-fallback-toggle span::before { top: -6px; }
  .dp-fallback-toggle span::after { top: 6px; }

  .dp-fallback-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: min(88vw, 320px);
    height: 100%;
    background: #fff;
    z-index: 1101;
    transform: translateX(-105%);
    transition: transform 0.25s ease;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
    padding: 72px 20px 24px;
    overflow-y: auto;
  }

  .dp-fallback-panel.is-open {
    transform: translateX(0);
  }

  .dp-fallback-panel a {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #292e4c;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .dp-fallback-panel a:hover {
    color: #017eff;
  }

  /* Custom cart / checkout nav */
  .nav.dp-has-mobile-toggle .nav-links {
    display: none;
  }

  .nav.dp-has-mobile-toggle {
    padding: 12px 16px;
  }

  nav.admin-nav.dp-has-mobile-toggle,
  header.pv-header.dp-has-mobile-toggle {
    position: sticky;
    top: 0;
    z-index: 20;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #f0f0f0;
  }

  nav.admin-nav.dp-has-mobile-toggle .nav-actions,
  header.pv-header.dp-has-mobile-toggle nav {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 0;
    padding-top: 8px;
  }

  nav.admin-nav.dp-menu-open .nav-actions,
  header.pv-header.dp-menu-open nav {
    display: flex;
  }

  nav.admin-nav.dp-menu-open .nav-actions a,
  nav.admin-nav.dp-menu-open .nav-actions button,
  header.pv-header.dp-menu-open nav a {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
  }

  .dp-nav-toggle {
    appearance: none;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 8px;
    width: 42px;
    height: 42px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
  }

  .nav.dp-has-mobile-toggle .dp-nav-toggle,
  nav.admin-nav.dp-has-mobile-toggle .dp-nav-toggle,
  header.pv-header.dp-has-mobile-toggle .dp-nav-toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .dp-nav-toggle span,
  .dp-nav-toggle span::before,
  .dp-nav-toggle span::after {
    display: block;
    width: 18px;
    height: 2px;
    background: #292e4c;
    border-radius: 2px;
    position: relative;
  }

  .dp-nav-toggle span::before,
  .dp-nav-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .dp-nav-toggle span::before { top: -6px; }
  .dp-nav-toggle span::after { top: 6px; }

  .nav.dp-menu-open .nav-links,
  nav.admin-nav.dp-menu-open .nav-actions,
  header.pv-header.dp-menu-open nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 8px 16px 16px;
    gap: 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  }

  .nav.dp-menu-open .nav-links a {
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
  }

  .nav.dp-has-mobile-toggle {
    position: sticky;
    flex-wrap: wrap;
  }
}

/* FAQ accordion (offline Framer fix) */
.dp-faq-item {
  cursor: pointer;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  overflow: hidden;
}

.dp-faq-item.dp-faq-open {
  overflow: visible !important;
  height: auto !important;
}

.dp-faq-item .dp-faq-answer {
  display: none;
  flex: 0 0 100%;
  width: 100%;
  order: 10;
  padding: 4px 0 18px;
  color: rgba(41, 45, 76, 0.72);
  font-size: 15px;
  line-height: 1.65;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

.dp-faq-item.dp-faq-open .dp-faq-answer {
  display: block;
}

.dp-faq-item [data-framer-name="Arrow"] {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.dp-faq-item.dp-faq-open [data-framer-name="Arrow"] {
  transform: rotate(180deg);
}

@media (max-width: 743.98px) {
  .framer-4SpmX.framer-zf7vrc,
  .dp-faq-item.framer-4SpmX {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* COA interactive cards */
@media (max-width: 860px) {
  .coa-root .coa-grid {
    grid-template-columns: 1fr !important;
  }

  .coa-root .coa-card {
    padding: 16px !important;
  }

  .coa-root .coa-search {
    width: 100% !important;
  }
}

/* Shop + blog — offline Framer pages (desktop-only SSR on phone/tablet) */
@media (max-width: 1023.98px) {
  .framer-zjF12.framer-18a1evy,
  .framer-zjF12.framer-1yvzn89,
  .framer-4v1ll.framer-18a1evy,
  .framer-4v1ll.framer-1yvzn89,
  [data-framer-root].framer-18a1evy,
  [data-framer-root].framer-1yvzn89 {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  /* Shop page layout */
  .framer-zjF12 .framer-1ynwzf8 {
    padding: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
  }

  .framer-zjF12 .framer-161hfz7 {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .framer-zjF12 .framer-16n6r9,
  .framer-zjF12 .framer-1af49gz,
  .framer-zjF12 .framer-a6xk0u-container,
  .framer-zjF12 .framer-ygceuh {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .framer-zjF12 .framer-1o04mzc,
  .framer-zjF12 .framer-113u7p0 {
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-framer-name="Grid-Desktop"],
  .framer-zjF12 .framer-zsx23n[data-framer-name="Grid-Desktop"] {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-zjF12 [data-framer-name="Superfields_Desktop"],
  .framer-zjF12 .framer-a6xk0u-container[data-framer-name="Superfields_Desktop"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-zjF12 .framer-1geiqxg-container,
  .framer-zjF12 .framer-1wp79ct-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .framer-zjF12 .framer-17mtrc4,
  .framer-zjF12 .framer-WBSSF[data-framer-name="Desktop"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    padding: 12px 8px !important;
  }

  .framer-zjF12 .framer-17mtrc4 {
    min-height: 0 !important;
  }

  /* Blog page layout */
  .framer-4v1ll .framer-1dpgz8n,
  .framer-4v1ll .framer-cfn7q9 {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    padding: 16px !important;
  }

  /* Blog Grid — show 2-column post cards */
  .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"],
  [data-framer-name="Grid"].framer-1gjl2oi {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-4v1ll .framer-1nzjrna[data-framer-name="Column"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px !important;
  }

  .framer-4v1ll .framer-1ubvbxt[data-framer-name="Blog Cards"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .framer-4v1ll .framer-19i7h2q {
    width: 100% !important;
    max-width: 100% !important;
  }

  .framer-4v1ll .framer-og7id1 {
    width: 100% !important;
    height: auto !important;
  }

  [data-framer-name="Column"].hidden-15l3p21,
  .framer-ynhgbe[data-framer-name="Column"] {
    display: none !important;
  }

  [data-framer-name="Desktop Cards"],
  .framer-vwp4zw[data-framer-name="Desktop Cards"] {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
  }

  body.dp-offline-grids-fixed [data-framer-name="Grid-Desktop"] {
    display: grid !important;
  }

  body.dp-offline-grids-fixed .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.dp-offline-grids-fixed [data-framer-name="Superfields_Desktop"],
  body.dp-offline-grids-fixed [data-framer-name="Grid-Desktop"] {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Shop cards on tablet — same responsive card rules as phone */
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-k5ortu,
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-mwgqcc,
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-71vlok {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
    aspect-ratio: 328 / 214;
    position: relative !important;
    overflow: hidden !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc [data-framer-background-image-wrapper="true"] {
    position: absolute !important;
    inset: 0 !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    display: block !important;
    opacity: 1 !important;
  }
}

/* Phone only: 2×2 grid for shop products and blog posts */
@media (max-width: 743.98px) {
  .framer-zjF12 [data-framer-name="Grid-Desktop"],
  .framer-zjF12 .framer-zsx23n[data-framer-name="Grid-Desktop"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .framer-4v1ll .framer-1gjl2oi[data-framer-name="Grid"],
  [data-framer-name="Grid"].framer-1gjl2oi {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
  }

  .framer-4v1ll .framer-1nzjrna[data-framer-name="Column"] {
    padding: 0 12px !important;
    width: 100% !important;
  }

  .framer-4v1ll .framer-19i7h2q {
    width: 100% !important;
    padding: 10px 6px !important;
  }

  .framer-4v1ll .framer-vqj24a h1,
  .framer-4v1ll .framer-vqj24a a {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .framer-4v1ll .framer-1tzslv4 p,
  .framer-4v1ll .framer-1tzslv4 time {
    font-size: 10px !important;
  }

  .framer-zjF12 .framer-17mtrc4 {
    padding: 10px 6px !important;
  }

  /* Shop product cards — desktop SSR cards scaled for phone grid */
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-k5ortu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 6px 0 !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-mwgqcc,
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-71vlok {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-1n1m6a0,
  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-15gczod {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-1n1m6a0 p {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-15gczod h2 {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-kbq10u-container {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-hJpp0[data-framer-name="M - Desktop"] {
    transform: scale(0.82);
    transform-origin: center center;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 96px !important;
    aspect-ratio: 328 / 214;
    flex: 0 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc [data-framer-background-image-wrapper="true"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .framer-zjF12 [data-framer-name="Grid-Desktop"] .framer-WBSSF[data-framer-name="Desktop"] .framer-senhtc img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-height: 96px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .framer-zjF12 [data-framer-name="Title"] h2 {
    font-size: 11px !important;
  }
}

/* Final override — blog Grid must show on phone (beats .hidden-15l3p21) */
@media (max-width: 743.98px) {
  .framer-4v1ll .framer-1gjl2oi.hidden-15l3p21.hidden-17briq5[data-framer-name="Grid"],
  body.dp-blog-mobile-fixed .framer-1gjl2oi[data-framer-name="Grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.dp-blog-mobile-fixed [data-dp-dynamic-blog],
  .framer-4v1ll [data-dp-dynamic-blog][data-framer-name="Blog Cards"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Footer — "Verified compounds. Ready to ship." (Framer mobile variant not applied offline) */
@media (max-width: 743.98px) {
  .framer-2FXfj.framer-1j4zg97,
  .framer-2FXfj {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 24px 18px 32px !important;
    box-sizing: border-box !important;
  }

  .framer-2FXfj .framer-9yj8f9 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .framer-2FXfj .framer-16x37zm {
    order: 0 !important;
    gap: 21px !important;
    padding: 18px 24px 21px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .framer-2FXfj .framer-2csma {
    justify-content: center !important;
    gap: 18px !important;
    height: min-content !important;
    width: 100% !important;
  }

  .framer-2FXfj .framer-1a7f26b {
    width: 38px !important;
    order: 0 !important;
  }

  .framer-2FXfj .framer-1doqcu6,
  .framer-2FXfj [data-framer-name="Frame 427321953"] {
    flex-direction: column !important;
    flex-flow: column !important;
    order: 1 !important;
    gap: 21px !important;
    width: 100% !important;
    align-items: flex-start !important;
  }

  .framer-2FXfj .framer-9fmtiu {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .framer-2FXfj .framer-wm1uyj,
  .framer-2FXfj [data-framer-name="Easy click to order, and we will ship it same day."] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .framer-2FXfj .framer-wm1uyj h3,
  .framer-2FXfj [data-framer-name="Easy click to order, and we will ship it same day."] h3 {
    width: 100% !important;
    max-width: 100% !important;
    --framer-text-alignment: left !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .framer-2FXfj .framer-1cu2kw5 {
    flex: none !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .framer-2FXfj .framer-19z2r7h {
    order: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .framer-2FXfj .framer-1yb8yw {
    order: 1 !important;
    gap: 1px !important;
    width: 100% !important;
  }
}

/* Product pages — keep desktop hero/details visible on phone (offline mirror) */
@media (max-width: 1023.98px) {
  .framer-1o9ju5x .hidden-1u0ehph,
  .framer-1o9ju5x .hidden-ealwq8,
  .framer-1o9ju5x .hidden-4mqil7,
  #products .hidden-1u0ehph,
  #products .hidden-ealwq8,
  #products .hidden-4mqil7 {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .framer-1o9ju5x .framer-1wfxfii-container.hidden-1u0ehph,
  .framer-1o9ju5x .framer-1sol55u.hidden-ealwq8,
  #products .framer-1wfxfii-container.hidden-1u0ehph,
  #products .framer-1sol55u.hidden-ealwq8,
  .framer-1o9ju5x .framer-mjnyqu-container {
    display: block !important;
  }

  .framer-1o9ju5x .framer-mjnyqu-container {
    position: fixed !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    z-index: 200 !important;
    scale: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

/* Framer header — laptop / desktop: centred nav, auth beside language */
@media (min-width: 744px) {
  body.dp-laptop-header nav.framer-EX94o .framer-1v9dmox,
  nav.framer-EX94o.dp-laptop-header .framer-1v9dmox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 8px 24px !important;
    gap: 0 !important;
  }

  body.dp-laptop-header nav.framer-EX94o .framer-s5pmxp,
  nav.framer-EX94o.dp-laptop-header .framer-s5pmxp,
  body.dp-laptop-header nav.framer-EX94o .framer-4dfeqg,
  nav.framer-EX94o.dp-laptop-header .framer-4dfeqg {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex: none !important;
    width: auto !important;
    margin: 0 !important;
    order: unset !important;
    z-index: 2 !important;
  }

  body.dp-laptop-header nav.framer-EX94o .framer-m1z14k,
  body.dp-laptop-header nav.framer-EX94o [data-framer-name="Menu"],
  nav.framer-EX94o.dp-laptop-header .framer-m1z14k,
  nav.framer-EX94o.dp-laptop-header [data-framer-name="Menu"] {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: min(920px, calc(100% - 260px)) !important;
    margin: 0 !important;
    gap: 20px !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    flex: none !important;
  }

  body.dp-laptop-header nav.framer-EX94o .dp-menu-auth-item,
  nav.framer-EX94o.dp-laptop-header .dp-menu-auth-item {
    display: none !important;
  }

  body.dp-laptop-header nav.framer-EX94o .framer-1y3lw3,
  body.dp-laptop-header nav.framer-EX94o .dp-header-lang-auth,
  nav.framer-EX94o.dp-laptop-header .framer-1y3lw3,
  nav.framer-EX94o.dp-laptop-header .dp-header-lang-auth {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  body.dp-laptop-header nav.framer-EX94o .dp-header-lang-auth .dp-header-auth-btn,
  body.dp-laptop-header nav.framer-EX94o .dp-header-lang-auth .dp-header-auth-link,
  body.dp-laptop-header nav.framer-EX94o .framer-1y3lw3 .dp-header-auth-btn,
  body.dp-laptop-header nav.framer-EX94o .framer-1y3lw3 .dp-header-auth-link,
  nav.framer-EX94o.dp-laptop-header .dp-header-lang-auth .dp-header-auth-btn,
  nav.framer-EX94o.dp-laptop-header .dp-header-lang-auth .dp-header-auth-link {
    display: inline-flex !important;
  }

  body.dp-laptop-header nav.framer-EX94o .dp-header-menu-btn,
  nav.framer-EX94o.dp-laptop-header .dp-header-menu-btn {
    display: none !important;
  }
}

/* Framer header — language + logout cluster (mobile top bar only) */
@media (max-width: 743.98px) {
  nav.framer-EX94o .framer-1v9dmox > .dp-header-lang-auth {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: 8px !important;
  }
}

nav.framer-EX94o .dp-header-auth-btn,
nav.framer-EX94o .dp-header-auth-link {
  color: #017eff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 5px 7px !important;
}

a.dp-auth-link[data-dp-logout],
.nav-links a[data-dp-logout],
.dp-fallback-panel a[data-dp-logout] {
  cursor: pointer;
}