/* Desktop-only corrections found while checking the recovered reference UI. */
@media (min-width:0px) {
  body {max-width:none;padding:20px}
  .hero {width:100%;max-height:360px}
  .hero {background-image:url('../assets/hero-reference-restored-v18.webp')}
  /* Same original badge pixels; avoid downloading a full product image for it. */
  .product-picture:after,.gallery .main-image-button:before {background-image:url('../assets/certified-badge-lossless.webp')}
  .card-add.primary-button,.purchase-row .primary-button,.hero-cta {background:linear-gradient(110deg,var(--brand),var(--brand-dark));box-shadow:none}
  .card-add.primary-button:hover,.purchase-row .primary-button:hover,.hero-cta:hover {background:var(--brand-dark)}
  .gallery-sale {background:#0b7b51}
  .catalog-toolbar .result-count,.source-facts small,.breadcrumb,.breadcrumb a,.gallery-caption,.detail-actions button,.line-total {color:#52677c}
  .wishlist-page {padding-top:28px;padding-bottom:50px}
  .wishlist-page .section-title-row {align-items:start;margin-bottom:24px}
  .wishlist-page .section-title-row p {margin-top:8px;color:#52677c;font-size:12px}
  .wishlist-remove {width:100%;padding:9px 12px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font-size:12px}
  .wishlist-remove:hover {color:var(--brand);background:#f0f5f7}
  .wishlist-page .empty-state {grid-column:1/-1}
  .product-picture {aspect-ratio:auto;height:clamp(176px,16vw,230px)}
  .catalog-help {right:32px}
  .header-nav {display:flex;margin-left:auto}
  .header-nav a {gap:5px;font-size:12px;font-weight:500;color:var(--ink)}
  .header-nav a svg {width:14px;height:14px;stroke-width:1.5}
  /* Use one real text style instead of mixing raster labels and HTML text. */
  .collection-tile {container-type:inline-size;padding:0;border:0}
  .collection-tile[data-collection="shop_peptides"] {background:#27b1b8}
  .collection-tile[data-collection="shop_bioregulators"] {background:#82adb7}
  .collection-tile[data-collection="shop_lipotropics"] {background:#12253d}
  .collection-tile[data-collection="shop_sale"] {background:#2aab93}
  .collection-tile.category-art img {position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(0 60% 0 0);mix-blend-mode:normal}
  .collection-tile[data-collection="shop_lipotropics"] img {clip-path:inset(0 56% 0 0)}
  .collection-tile[data-collection="shop_capsules"] img {position:absolute;left:0;top:-9%;width:43%;height:118%;object-fit:contain;mix-blend-mode:normal}
  .collection-tile:is(.category-art,[data-collection="shop_capsules"]) .tile-label {position:absolute;left:43.4%;right:4%;top:50%;transform:translateY(-50%);display:block;width:auto;height:auto;clip-path:none;overflow:visible;margin:0;color:white;font-family:Arial,sans-serif;font-size:6.25cqw;font-weight:600;line-height:1.12;letter-spacing:-.025em;white-space:normal}
  .collection-tile[data-collection="shop_lipotropics"] .tile-label {left:46%}
  .collection-tile[data-collection="shop_sale"] .tile-label {color:var(--ink)}
  .collection-tile .tile-label small {display:none}
  .header-nav a:hover {color:var(--brand)}
  .header-nav a[aria-current=page] {font-weight:500}
  .header-search {max-width:360px}
  .content-language {position:relative;height:auto;padding:0;border:0}
  #content-language {display:flex;align-items:center;gap:7px;height:36px;min-width:82px;padding:0 10px;border:1px solid var(--line);border-radius:18px;background:white;color:var(--ink);font-size:11px;line-height:1}
  #content-language:hover,#content-language[aria-expanded=true] {background:#f0f5f7;border-color:#cedce5}
  #content-language .language-chevron {width:12px;height:12px}
  .language-options {position:absolute;right:0;top:calc(100% + 10px);width:224px;padding:8px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #132d4d14;z-index:21}
  .language-options p {padding:6px 9px 9px;color:var(--muted);font-size:10px;line-height:1.5}
  .language-options button {display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:10px;border:0;border-radius:8px;background:none;color:var(--ink);font-size:12px;text-align:left}
  .language-options button:hover,.language-options button:focus-visible {background:#f0f5f7}
  .language-options button[aria-pressed=true] {color:var(--brand);background:#eaf3ee}
  .language-options button[aria-pressed=false] span {visibility:hidden}
  .sort-field select {appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%23132d4d' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:32px}
  .description-panel .detail-tabs button:not([aria-selected=true]) {color:#d5e7ef}
  .quantity-control input {min-width:calc(4ch + 12px);width:calc(4ch + 12px)}
  .cart-drawer {width:min(560px,calc(100vw - 48px));max-height:100dvh}
  .cart-item-title,.cart-item-info {overflow-wrap:anywhere}
  .cart-item>div {min-width:0}
  .cart-item-info {flex-wrap:wrap;gap:12px}
  .cart-item-unit {font-size:11px;color:#6c8194;margin-top:5px}
  .lightbox {height:calc(100dvh - 44px)}
  .lightbox-media {min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}
  .lightbox-bar,.lightbox-bottom {flex-shrink:0}
  .lightbox #lightbox-image {width:100%;height:100%;display:block;object-fit:contain}
  .lightbox #lightbox-image.mp-zoomed {max-width:none;max-height:none;width:200%;height:200%;object-fit:contain}
  #mp-image-error {text-align:center;padding:32px}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .collection-tile,.primary-button,.detail-tabs button {transition:none}
}
@media (min-width:1101px) {
  .product-grid,.related-section .product-grid {grid-template-columns:repeat(5,minmax(0,1fr))}
}
/* Product detail: one aligned gallery, with a scrollable thumbnail rail. */
@media (min-width:0px) {
  .detail-grid {--detail-stage-height:clamp(360px,26vw,420px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px 32px;align-items:start;padding-bottom:32px}
  .detail-grid .gallery {--gallery-height:var(--detail-stage-height);display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:var(--gallery-height) auto;gap:12px 16px;align-items:start;align-self:start}
  .gallery .gallery-thumbs {position:relative;grid-column:1;grid-row:1;display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;height:100%;max-height:var(--gallery-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:4px}
  .gallery .gallery-thumbs button {flex:0 0 76px;width:56px;height:76px;padding:4px;border-radius:8px}
  .gallery .gallery-stage {position:relative;grid-column:2;grid-row:1;min-width:0;height:100%}
  .gallery-stage .main-image-button {width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:auto;margin:0;padding:40px 32px;border-radius:16px}
  .gallery-stage .main-image-button .product-artwork,.gallery-stage .main-image-button>img {width:100%;height:100%;object-fit:contain;max-height:none}
  .gallery .main-image-button:has(.product-artwork):before {left:24px;top:16px}
  .gallery .main-image-button:has(.gallery-sale):before {left:72px}
  .gallery-stage .gallery-arrows {top:50%;left:12px;right:12px;transform:translateY(-50%)}
  .gallery-stage .gallery-arrows button {display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:none;color:var(--ink);font-size:0}
  .gallery-stage .gallery-arrows button:before {content:'';display:block;width:8px;height:8px;border-left:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateX(2px) rotate(45deg)}
  .gallery-stage .gallery-arrows button[data-gallery-step="1"]:before {transform:translateX(-2px) rotate(225deg)}
  .gallery-stage .gallery-arrows button:hover {background:#f0f6f8;border-color:#b4ccd7}
  .gallery-stage .zoom-label {width:44px;height:44px;right:12px;bottom:12px;padding:12px;border:1px solid var(--line);background:#fff;box-shadow:none;color:var(--ink)}
  .gallery-stage .zoom-label svg {width:20px;height:20px;stroke-width:1.7}
  .gallery .gallery-caption {grid-column:2;grid-row:2;width:100%;max-width:none;margin:0;padding:0 4px;font-size:11px;gap:16px;align-items:baseline;flex-wrap:wrap}
  .detail-grid .product-information {padding-top:0;min-height:var(--detail-stage-height);grid-template-columns:minmax(0,1fr) 224px;gap:24px}
  .detail-grid .product-information.details-only {grid-template-columns:minmax(0,1fr)}
  .detail-grid .detail-buying {display:flex;flex-direction:column;align-self:stretch;min-width:0}
  .detail-grid .detail-kicker {min-height:28px;gap:8px;letter-spacing:.04em}
  .detail-grid .detail-kicker a {padding:4px 8px;border-radius:4px;background:#edf6f7;color:#176879;font-size:10px;line-height:1.4}
  .detail-grid .detail-buying>.detail-title {margin:20px 0 8px;font-size:clamp(30px,2vw,40px);font-weight:650;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}
  .detail-grid .detail-buying>.detail-title.long-product-title {font-size:clamp(28px,1.8vw,36px)}
  .detail-grid .detail-buying>.detail-sku {font-size:12px;line-height:1.5;color:#52677c;overflow-wrap:anywhere}
  .detail-grid .detail-actions {top:0;gap:16px;min-height:28px}
  .detail-grid .detail-actions button {min-height:28px;font-size:12px;gap:6px}
  .detail-grid .detail-actions svg,.detail-grid .purchase-row .primary-button svg {width:20px;height:20px;stroke-width:1.7;flex-shrink:0}
  .detail-grid .detail-price {margin-top:24px}
  .detail-grid .product-information .purchase-row {display:grid;grid-template-columns:136px minmax(0,1fr);gap:12px;margin-top:8px}
  .detail-grid .purchase-row .primary-button {min-height:48px;font-size:16px;font-weight:600;padding:12px;min-width:0;border-radius:12px}
  .detail-grid .quantity-control {width:136px;min-width:0;justify-content:space-between;border-radius:12px;background:white}
  .detail-grid .quantity-control button {width:40px;height:48px;font-size:20px}
  .detail-grid .quantity-control input {width:48px;min-width:0;font-size:15px;font-variant-numeric:tabular-nums}
  .detail-grid .source-facts {margin-top:48px;min-height:0;padding:20px 16px;gap:20px;border:1px solid #e7eef3;border-radius:12px;background:#f7f9fb}
  .detail-grid .source-facts>div {gap:12px;align-items:flex-start}
  .detail-grid .source-facts p {min-width:0;overflow-wrap:anywhere}
  .detail-grid .source-facts b {font-size:14px;line-height:1.4}
  .detail-grid .source-facts small {font-size:12px;line-height:1.5;color:#52677c}
  .detail-grid .fact-symbol {width:24px;height:24px;background:none;border-radius:0}
  .detail-grid .fact-symbol svg {width:20px;height:20px;stroke-width:1.7}
  .detail-grid .source-facts .origin-flag {width:24px;height:18px;border-radius:3px;stroke:none}
  .detail-grid>.key-features {grid-column:1/-1;min-height:0;margin-top:0;padding:24px;border-radius:16px}
  .detail-grid>.key-features .spec-chips {margin:0}
  .detail-grid .key-features .detail-section-label {margin-bottom:16px}
  .detail-grid .feature-column {gap:16px}
  .detail-grid .feature-column+.feature-column {gap:8px}
  .detail-grid .tier-table {margin:16px 0 0}
  .detail-grid .purchase-price {display:block;margin-top:24px}
  .purchase-price .purchase-total-label {display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--text)}
  .purchase-total-label small {font-size:10px;color:var(--muted)}
  .purchase-total-amount {display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:8px}
  .purchase-total-amount #detail-total {order:-1;font-size:40px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .detail-grid .purchase-price .purchase-total-amount del {font-size:15px;margin:0}
  .detail-grid .purchase-price .saving-pill {min-width:0;padding:4px 8px;border-radius:4px;background:#edf6f2;color:#21674f;font-size:11px;line-height:1.4}
  .purchase-price .purchase-calculation {font-size:12px;font-weight:400;color:var(--muted);margin-top:8px}
  #price-sync-state {font-size:11px;font-weight:400;color:var(--text);margin-top:8px}
  .quantity-offers {display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
  .quantity-offers:empty {display:none}
  .quantity-offers button {flex:1;min-width:88px;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;text-align:left;color:var(--ink)}
  .quantity-offers button:hover {border-color:var(--brand)}
  .quantity-offers button[aria-pressed=true] {border-color:var(--brand);background:var(--mint);box-shadow:inset 0 0 0 1px var(--brand)}
  .quantity-offers strong {display:block;font-size:12px;line-height:1.4;font-weight:600}
  .quantity-offers span {display:block;font-size:11px;line-height:1.4;margin-top:4px;color:var(--brand-dark)}
  .quantity-offer-select-label {width:100%;font-size:12px;color:var(--text)}
  .quantity-offer-select-label select {appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:8px;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%23132d4d' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);font-size:12px}
  .quantity-label {display:block;font-size:13px;color:var(--text);margin-top:24px;padding-top:0}
  .detail-grid .product-information .quantity-label+.purchase-row {margin-top:8px}
}
@media (min-width:1251px) {
  .detail-grid .source-facts {align-self:stretch;justify-content:space-between;padding-block:24px}
}
@media (min-width:0px) and (max-width:1250px) {
  .detail-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
  .detail-grid .product-information {display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:20px}
  .detail-grid .detail-buying {grid-column:1;grid-row:auto}
  .detail-grid .detail-buying>.detail-title {margin-top:24px;font-size:28px}
  .detail-grid .detail-buying>.detail-title.long-product-title {font-size:24px}
  .detail-grid .source-facts {grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;gap:16px;padding:16px}
  .detail-grid .detail-kicker {padding-right:0}
  .detail-grid .detail-actions {position:static;grid-column:1;grid-row:1;justify-content:flex-end}
  .detail-grid .quantity-label {margin-top:20px;padding-top:0}
  .detail-grid>.key-features {grid-column:1/-1;margin-top:0;padding:20px}
  .detail-grid .gallery-stage .main-image-button {padding:40px 20px}
}
