/* Med Supply Lab — product detail page CSS.
 * Lives here, not in core_config_data design/head/includes: that column is MySQL TEXT,
 * 65,535 bytes, and was 81% full. Loaded by a <link> in the MSL-PDP-CSS block of that field.
 * Scope: the seven Dosing Supplies products, via body:is(...). :is() takes the specificity
 * of its most specific argument, so selector weight is unchanged from the single-product
 * version — the price rule relies on that to stay above MSL-PACK-CARDS.
 * Two values are per-product and stay pinned to one body class; see the comments inline.
 * Edit this file, then bump ?v= on the link so Sucuri and browsers refetch. */

/* ==================== MSL-PDP-SECTIONS ==================== */
/* 30cc Packer Bottle (product 7) trial. Scoped to this one product via the body class
   Magento derives from url_key. To roll out catalogue-wide, delete the
   "body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) " prefix from every selector below. */

/* hide the theme's H4 section labels; content fields supply their own headings */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item > .product-info-title { display: none; }

/* headings written into product content fields */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h2,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h3,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h4 { color:#1A3A6B; font-weight:700; line-height:1.25; margin:0 0 10px; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h2 { font-size:24px; margin-top:34px; padding-bottom:8px; border-bottom:2px solid #E3EAF2; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h3 { font-size:18px; margin-top:24px; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h4 { font-size:14px; margin-top:18px; letter-spacing:.04em; text-transform:uppercase; color:#4A5A72; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value > h2:first-child { margin-top:0; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value p { line-height:1.65; margin:0 0 14px; }

/* shared panel (also used by Product Highlights in the sidebar, which is outside
   .product-info-item — hence scoped to body only) */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-panel { background:#F5F8FB; border:1px solid #E3EAF2; border-radius:8px; padding:18px 28px; margin:0 0 18px; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-panel ul { margin:0; padding-left:20px; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-panel li { margin:10px 0; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-segs {
  font-size: 16px !important;
  line-height: 1.65 !important;
  max-width: none !important;
  margin: 0 0 14px;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-segs span { white-space: nowrap; display: inline-block; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-segs span:not(:last-child)::after {
  content: ' \00B7 ';
  white-space: pre;
  color: #9AA5B4;
}

@media (max-width:767px){
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h2 { font-size:20px; margin-top:26px; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-item .value h3 { font-size:16px; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-panel { padding:14px 20px; }
}

/* --- Pairs with --- */
.msl-x { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin: 4px 0 8px; }
.msl-x-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #E3EAF2;
  border-radius: 8px; overflow: hidden; text-decoration: none;
  transition: border-color .15s, box-shadow .15s; }
.msl-x-card:hover { border-color: #1A3A6B; box-shadow: 0 2px 10px rgba(26,58,107,.08); }
.msl-x-img { background: #F5F8FB; border-bottom: 1px solid #E3EAF2; aspect-ratio: 4/3;
  display: grid; place-items: center; min-height: 0; position: relative; }
.msl-x-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  padding: 14px; box-sizing: border-box; object-fit: contain; mix-blend-mode: multiply; }
.msl-x-tag { font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase;
  color: #7A8797; font-weight: 700; padding: 14px 16px 0; }
.msl-x-name { font-size: 16px; font-weight: 700; color: #1A3A6B; line-height: 1.3; padding: 5px 16px 0; }
.msl-x-spec { font-size: 13px; color: #4A5568; line-height: 1.55; padding: 7px 16px 16px; }

/* --- Volume Pricing --- */
.msl-vp { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap;
  background: linear-gradient(105deg,#1F5F86,#2E7CB0 55%,#3E93C7);
  border-radius: 10px; padding: 26px 28px; margin: 26px 0 8px; color: #fff; }
.msl-vp-ico { width: 50px; height: 50px; border-radius: 8px; background: rgba(255,255,255,.16);
  display: grid; place-items: center; flex: 0 0 auto; }
.msl-vp-body { flex: 1 1 420px; }
.msl-vp h2 { color: #fff !important; border: 0 !important; margin: 0 0 8px !important;
  padding: 0 !important; font-size: 23px !important; }
.msl-vp p { color: #DCEBF7 !important; margin: 0 0 8px !important; font-size: 15px;
  line-height: 1.6; max-width: 72ch; }
.msl-vp .msl-vp-sub { color: #BCD8EC !important; font-size: 13px !important; margin: 0 !important; }
.msl-vp-cta { background: #fff; color: #1F5F86; padding: 13px 26px; border-radius: 30px;
  font-weight: 700; font-size: 13px; letter-spacing: .04em; text-decoration: none;
  white-space: nowrap; align-self: center; }
.msl-vp-cta:hover { background: #EAF3FA; }

/* --- site-wide: remove the duplicated contact band. .ctaBg is the band alone;
       .footer-content-top one level up also holds Quick Links and takes the footer. --- */
.ctaBg { display: none !important; }

@media (max-width: 1024px) { .msl-x { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px)  { .msl-x { grid-template-columns: 1fr; } }

/* ==================== MSL-PDP-HERO ==================== */
/* MSL-PDP-HERO — final buy column. 30cc Packer Bottle (product 7).
   Scoped via the body class Magento derives from url_key; rollout = drop the prefix.
   NEVER build this block with an interpolating PHP heredoc: \00B7 becomes octal NUL and
   \0024 becomes 0x02. Nowdoc only. Escapes go in as separate concatenated strings so the
   terminator does not swallow the next digit.
   The order: values are load-bearing — box 1 is seven siblings sharing one border run. */

/* layout */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-sidebar-product-highlight { display: none !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .column.main { width: 100% !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .sidebar-additional { display: none !important; }

/* flatten wrappers into one flex context */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-left { display: flex; flex-direction: column; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-main-inner,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-price,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .product-info-content { display: contents !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .wk-rma-rule-wrap,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-social-links { order: 99; }

/* title alignment (per brief) */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-left { padding-top: 1px !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .page-title-wrapper { order: 0; margin-top: 0 !important; padding-top: 0 !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .page-title-wrapper .page-title { margin: 0 !important; line-height: 1.15 !important; }

/* ---- BOX 1: pricing. Seven siblings sharing one border run. ---- */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-caseline {
  order: 4; display: block; background: #fff;
  border: 1px solid #E3EAF2; border-bottom: 0; border-radius: 6px 6px 0 0;
  margin: 0; padding: 18px 18px 0;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-chip {
  display: inline-block; background: #1A3A6B; color: #fff;
  font-size: 10.5px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; padding: 5px 11px; border-radius: 3px;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-unit { display: none; }

body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .price-box {
  order: 5; background: #fff;
  border-left: 1px solid #E3EAF2; border-right: 1px solid #E3EAF2;
  margin: 0; padding: 10px 18px 0;
}
/* Price carries the buy box (Rajiv review). SCOPED deliberately: MSL-PACK-CARDS sets
   ".product-info-main .price-box .price" at (0,3,0) !important, so an unscoped
   ".price-box .price" at (0,2,0) would lose silently. This selector ties at (0,3,0)
   and wins on order. Navy, not the theme cyan — cyan is reserved for links. */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .price-box .price {
  font-size: 40px !important; font-weight: 800 !important;
  color: #1A3A6B !important; letter-spacing: -.02em; line-height: 1.05;
}
/* Per-unit price is CALCULATED (case price / data-qty) by MSL-UNIT-PRICE below, not written
   here — the old rule carried a literal "0.070" that went stale silently. Same appearance.
   Guests have no price in the DOM at all, so the script renders nothing and no guard is
   needed where the old :has(.login-to-see-price) one used to be. */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-unit-price {
  display: inline-block; margin-left: 12px;
  font-size: 15px; color: #5A6B7F; font-weight: 500;
}
/* At 40px the price plus the unit price want 371px against 279px of column, so the unit
   price takes its own line below <=600px -- a decision, not a wrap. */
@media (max-width: 600px) {
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-unit-price {
    display: block; margin-left: 0; margin-top: 2px;
  }
}

body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-stock-sku {
  order: 6; background: #fff;
  border-left: 1px solid #E3EAF2; border-right: 1px solid #E3EAF2;
  margin: 0; padding: 10px 18px 0;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-ship-badge { display: none !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-add-form {
  order: 7; background: #fff;
  border-left: 1px solid #E3EAF2; border-right: 1px solid #E3EAF2;
  margin: 0; padding: 14px 18px 0;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-add-form .box-tocart { margin-bottom: 0; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples {
  order: 8; background: #fff;
  border-left: 1px solid #E3EAF2; border-right: 1px solid #E3EAF2;
  margin: 0; padding: 12px 18px 16px;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples a {
  display: inline-block; border: 1px solid #1A3A6B; color: #1A3A6B; background: #fff;
  padding: 11px 22px; border-radius: 4px; font-size: 13.5px; font-weight: 600;
  text-decoration: none;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples a:hover { background: #1A3A6B; color: #fff; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-ship {
  order: 9; background: #fff;
  border: 1px solid #E3EAF2; border-top: 0; border-radius: 0 0 6px 6px;
  margin: 0 0 18px; padding: 0 18px 14px;
}

/* MSL-BORDER-RUN-FIX: earlier blocks in this same field set
   ".product-info-main .price-box { margin:0 0 8px !important; padding-bottom:0 !important }"
   and ".product-info-main .product-info-stock-sku { padding:2px 0 8px !important;
   margin:0 0 8px !important }". Those beat the rules above and reopen 8px/20px/2px gaps in
   the border run plus an 18px indent mismatch. The ships badge brings its own margins now
   that it sits inside the run. Re-assert all three, scoped. */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .price-box { margin: 0 !important; padding: 10px 18px 0 !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-info-stock-sku { margin: 0 !important; padding: 10px 18px 0 !important; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-ship-badge { margin: 0 !important; }

/* ---- BOX 2: specifications ---- */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .product-info-title {
  order: 2; display: block !important;
  background: #F5F8FB; border: 1px solid #E3EAF2; border-bottom: 0;
  border-radius: 6px 6px 0 0; margin: 0; padding: 9px 18px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: #1A3A6B;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel {
  order: 3; background: #fff; border: 1px solid #E3EAF2; border-top: 0;
  border-radius: 0 0 6px 6px; padding: 0; margin: 0 0 18px; overflow: hidden;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel ul {
  display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li {
  margin: 0; padding: 11px 16px; border-bottom: 1px solid #E3EAF2;
  font-size: 13.5px; font-weight: 600; color: #2B3440; line-height: 1.45;
  display: flex; gap: 10px;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li:nth-child(odd) { border-right: 1px solid #E3EAF2; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li:nth-last-child(-n+2) { border-bottom: 0; }
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li strong {
  font-weight: 500; color: #7A8797; flex: 0 0 auto; min-width: 80px;
}

/* ---- trust cards ---- */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-trust {
  order: 10; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 0 0 14px;
}
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-trust div {
  background: #F5F8FB; border: 1px solid #E3EAF2; border-radius: 6px;
  padding: 14px 10px; text-align: center; font-size: 13px; font-weight: 700;
  color: #1A3A6B; line-height: 1.3; display: grid; place-items: center;
}

/* ---- sticky image column ---- */
@media (min-width: 1025px) {
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-media-wrapper {
    position: sticky; top: 20px; align-self: flex-start;
  }
}

/* Job 1c 2026-08-16: image frame level with the Product Highlights box, not the H1.
   Measured delta at 1440. Assumes the H1 occupies ONE line — a two-line name needs a
   different value. Padding sits inside the sticky box, so the pinned image sits this
   much lower and sticky travel shortens by the same amount. */
@media (min-width: 1025px) {
  body.product-30cc-take-home-bottles .product-media-wrapper { padding-top: 42px !important; }
/* 28-400 foam cap — measured on its own page 2026-08-16. Frame 213, spec bar 254 -> 42.
   Its H1 is far longer than the 30cc's but the title block is the same 41px, so the
   number coincides; it was measured, not copied. */
body.product-45cc-30cc-pressure-sensitive-lids .product-media-wrapper { padding-top: 42px !important; }
/* 28-400 foil cap — measured on its own page: frame 213, spec bar 254. */
body.product-45cc-30cc-foil-lids .product-media-wrapper { padding-top: 42px !important; }
/* 32-400 foil cap — measured: frame 213, spec bar 254. */
body.product-60cc-foil-lids .product-media-wrapper { padding-top: 42px !important; }
/* 45cc square packer bottle — measured: frame 213, spec bar 254. */
body.product-45cc-take-home-bottles .product-media-wrapper { padding-top: 42px !important; }
/* 60cc packer bottle — measured: frame 213, spec bar 254. */
body.product-60cc-take-home-bottles .product-media-wrapper { padding-top: 42px !important; }
/* 32-400 foam liner cap (new product) — measured: frame 213, spec bar 254. */
body.product-60cc-pressure-sensitive-lids .product-media-wrapper { padding-top: 42px !important; }
}

@media (max-width: 767px) {
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel ul { grid-template-columns: 1fr; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li:nth-child(odd) { border-right: 0; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li:nth-last-child(-n+2) { border-bottom: 1px solid #E3EAF2; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .block-product-highlight .msl-panel li:last-child { border-bottom: 0; }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-trust { grid-template-columns: 1fr; }
}

/* --- Step 11: narrower image column + one-row cart. Tested live 15 Aug. --- */

@media (min-width: 1025px) {

  /* image column 37% -> 30% */
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-media-wrapper {
    width: 30% !important; flex: 0 0 30% !important; max-width: 30% !important;
  }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .product-main-wrapper {
    width: 70% !important; flex: 0 0 70% !important; max-width: 70% !important;
  }

  /* Fotorama sizes itself in JS on load and will overflow the narrowed column
     without these. Do not remove. */
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .fotorama,
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .fotorama__wrap,
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .fotorama__stage,
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .fotorama__stage__shaft {
    width: 100% !important; max-width: 100% !important;
  }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .fotorama__stage__frame { width: 100% !important; }

  /* one-row cart: reserve space at the right of the button row,
     then pull Request samples up into it.
     NOTE: the -50px is tuned to the theme's button-row height. If that height
     changes, or a product's Add to Cart label wraps to two lines, this misaligns.
     Re-check it on every product during rollout. */
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .actions {
    display: flex !important; gap: 10px; max-width: calc(100% - 210px);
  }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .actions .tocart {
    flex: 1 1 auto; width: 100% !important;
  }
  body.product-30cc-take-home-bottles .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* foam cap: the natural offset measures 62px, but applying that overcorrects to -12 --
     the overlap changes the geometry it was measured in, so the value is iterated on the
     residual, not derived in one step. Landed on -50 (residual 0). */
  body.product-45cc-30cc-pressure-sensitive-lids .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* 28-400 foil cap: natural offset 62, applied -50 (the pilot showed -62 overshoots). */
  body.product-45cc-30cc-foil-lids .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* 32-400 foil cap: natural offset 62, applied -50 per the pilot lesson. */
  body.product-60cc-foil-lids .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* 45cc bottle: natural offset 62, applied -50 per the pilot lesson. */
  body.product-45cc-take-home-bottles .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* 60cc bottle: natural offset 62, applied -50 per the pilot lesson. */
  body.product-60cc-take-home-bottles .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  /* 32-400 foam cap: natural offset 62, applied -50 per the pilot lesson. */
  body.product-60cc-pressure-sensitive-lids .msl-samples {
    margin-top: -50px !important; padding-top: 0 !important; text-align: right;
  }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples a {
    width: 196px; text-align: center; padding: 13px 0;
  }
}

/* remove Buy Now, Wish List and Compare at every width.
   Outside the media query on purpose — they stay hidden when the columns stack. */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .actions .buy-now,
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .product-addto-links {
  display: none !important;
}


/* MSL-DEFECT-3-4 2026-08-16: the Request-samples link rendered 46px against the theme's 40px
   Add to Cart (padding 13px 0 + line-height 18.2 + 2px border). Matched to the theme's own
   idiom -- fixed height + line-height, border-box -- on OUR element rather than restyling
   .tocart, which the theme reuses on cart, wishlist and category pages. */
body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples a {
  height: 40px !important; line-height: 38px !important;
  padding: 0 18px !important; box-sizing: border-box !important;
}
@media (max-width: 600px) {
  /* both controls full width and identically aligned, stacked */
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .actions,
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .box-tocart .tocart,
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples a {
    width: 100% !important; display: block !important; text-align: center !important;
  }
  body:is(.product-30cc-take-home-bottles, .product-45cc-take-home-bottles, .product-60cc-take-home-bottles, .product-45cc-30cc-pressure-sensitive-lids, .product-45cc-30cc-foil-lids, .product-60cc-foil-lids, .product-60cc-pressure-sensitive-lids, .product-3-5oz-dosing-cups) .msl-samples { text-align: center !important; }
}