.browse-actions{display:flex;gap:14px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.browse-actions a,.browse-details{display:block;text-decoration:none;border:1px solid #ab318d;border-radius:10px;padding:12px 18px;background:linear-gradient(110deg,#253f9f,#b90b75);color:#fff;font-weight:750}.browse-actions a:nth-child(2){background:#101b30;border-color:#396999}.browse-toolbar{padding:22px 0}.browse-toolbar>label{display:block;font-weight:750;margin-bottom:8px}.browse-toolbar input{width:100%;max-width:540px;padding:14px 16px;background:#101b30;color:#fff;border:1px solid #53658c;border-radius:10px;font:inherit}.browse-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.browse-filters button{font:650 .85rem/1.4 system-ui;border:1px solid #485b83;border-radius:24px;padding:10px 15px;background:#111b30;color:#d8e7fa;cursor:pointer}.browse-filters button[aria-pressed=true]{background:linear-gradient(110deg,#25499e,#c20a79);border-color:#ff2d95;color:white}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:28px}.browse-card{display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid #354568;border-top:3px solid #fe168e;border-radius:16px;color:#f4f7ff;background:radial-gradient(ellipse at top right,#e61a871c,transparent 65%),#0a1223;box-shadow:0 12px 28px #060c1915}.browse-card[hidden]{display:none}.browse-tag{color:#74d9ef;font-size:.72rem;letter-spacing:.04em}.browse-card h3{font-size:1.22rem;line-height:1.3;overflow-wrap:anywhere;margin:12px 0 24px;min-height:3.9em}.browse-card label{font-size:.82rem;color:#c9d4e9;margin-bottom:7px}.browse-card select{width:100%;font:inherit;color:white;background:#17253d;border:1px solid #63769b;border-radius:9px;padding:12px}.browse-pack{font-size:.8rem;color:#aabbda;margin:9px 0}.browse-price{font-weight:850;font-size:1.4rem;margin:8px 0;color:#ff70b6}.browse-stock{color:#bacee6;font-size:.82rem;margin:0 0 22px}.browse-details{margin-top:auto;text-align:center;font-size:.9rem}.browse-card a:hover,.browse-actions a:hover{filter:brightness(1.15)}.browse-toolbar :focus-visible,.browse-card :focus-visible,.browse-actions :focus-visible{outline:3px solid #64e4ff;outline-offset:4px}#browse-count{font-size:.87rem;color:#586679}#browse-empty{padding:24px;border:1px dashed #526689;border-radius:12px}@media(max-width:850px){.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.browse-grid{grid-template-columns:1fr}.browse-card h3{min-height:0}.browse-actions a{flex:1;text-align:center}.browse-filters{gap:7px}}

.vial-stage{position:relative;height:265px;display:flex;align-items:center;justify-content:center;margin:-8px -8px 18px;border-radius:12px;background:radial-gradient(ellipse at 35% 45%,#057abb26,transparent 65%),radial-gradient(ellipse at 80% 70%,#ff008819,transparent 60%);overflow:hidden}.product-vial{position:relative;width:128px;height:224px;filter:drop-shadow(10px 13px 12px #0008)}.vial-cap{position:absolute;z-index:3;left:12px;top:3px;width:104px;height:30px;border-radius:10px 10px 4px 4px;background:repeating-linear-gradient(90deg,transparent 0 5px,#ffffff17 5px 6px),linear-gradient(90deg,#124670,#158ac0 35%,#39529f 65%,#122c50);border-top:4px solid #67c5ef;box-shadow:inset 0 -4px 5px #0005}.vial-neck{position:absolute;top:32px;left:18px;width:92px;height:19px;background:linear-gradient(90deg,#596b80,#dae4ea 30%,#7d93a4 70%,#334c64);border-radius:0 0 6px 6px}.vial-glass{position:absolute;top:45px;left:0;width:128px;height:170px;border-radius:23px 23px 15px 15px;border:1px solid #a4c9e685;background:linear-gradient(90deg,#435e7350,#daeef173 13%,#8fbbcd25 26%,#7d99b722 73%,#c8eaff77 89%,#42648260);box-shadow:inset 0 -9px 6px #d7e4ee55,inset 3px 0 3px #eefaff44}.vial-label{position:absolute;top:29px;left:2px;right:2px;min-height:114px;padding:8px 7px;background:linear-gradient(90deg,#071020,#15223a 30%,#0a1426 80%,#050d1b);border-top:3px solid #fd218f;border-bottom:2px solid #285da1;text-align:center}.vial-label img{display:block;width:102px;height:36px;object-fit:contain;margin:auto auto 5px}.vial-name{display:block;font:750 10px/1.25 system-ui;color:white;overflow-wrap:anywhere}.vial-size{display:block;font:600 9px/1.4 system-ui;color:#7cd6ef;margin:5px 0}.vial-label small{display:block;font:650 6px/1.4 system-ui;letter-spacing:.5px;color:#e7e9f4}.vial-caption{position:absolute;bottom:5px;font:10px system-ui;color:#9babc3}.browse-card h3{margin-top:10px}

/* Compact product cards while keeping controls comfortable to use. */
.browse-card { padding:18px; }
.vial-stage { height:205px; margin-bottom:10px; }
.product-vial { transform:scale(.8); transform-origin:center; }
.browse-card h3 { margin:8px 0 14px; min-height:2.6em; font-size:1.12rem; }
.browse-card select { padding:10px 12px; }
.browse-pack { margin:6px 0; }
.browse-price { margin:5px 0; }
.browse-stock { margin:0 0 14px; }
@media(max-width:560px) { .browse-card h3 { min-height:0; } }

/* Lift and expand cards on devices with a hovering pointer. */
.browse-card { position:relative; transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease; transform-origin:center; }
@media (hover:hover) and (pointer:fine) {
  .browse-card:hover { transform:scale(1.035); z-index:2; border-color:#ff3ea5; box-shadow:0 18px 42px #050b1955,0 0 22px #ff168f20; }
}
.browse-card:focus-within { border-color:#64d8ef; }
@media (prefers-reduced-motion:reduce) {
  .browse-card { transition:none; }
  .browse-card:hover { transform:none; }
}

/* Further compact the product cards. */
.browse-card { padding:15px; }
.vial-stage { height:155px; margin-bottom:6px; }
.product-vial { transform:scale(.6); }
.vial-caption { bottom:1px; font-size:9px; }
.browse-card h3 { margin:6px 0 10px; min-height:0; font-size:1.06rem; }
.browse-tag { font-size:.68rem; }
.browse-card label { margin-bottom:5px; }
.browse-pack { margin:4px 0; }
.browse-price { margin:4px 0; font-size:1.25rem; }
.browse-stock { margin:0 0 10px; }
.browse-details { padding:10px 12px; }

.browse-card .order-controls { margin-top:10px; padding-top:10px; border-top:1px solid #344264; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.browse-card .order-controls p { width:100%; font-size:.75rem; color:#c3d3e8; margin:0 0 4px; }
.browse-card .order-controls label { font-size:.8rem; }
.browse-card .order-controls input { width:60px; padding:8px; background:#17253d; color:white; border:1px solid #63769b; border-radius:7px; }
.browse-card .order-controls button { padding:10px 12px; border:1px solid #e62790; border-radius:9px; background:#b91370; color:white; font-weight:750; cursor:pointer; }
.browse-card .order-controls button:disabled { opacity:.55; cursor:not-allowed; }

/* Carry the selected catalog size into the existing inquiry form. */
.product-request-link{margin-top:16px;}

/* Research notices and reference specifications remain readable on small cards. */
.browse-grid{align-items:start;}
.browse-notice{font-size:.78rem;line-height:1.5;color:#c9d4e9;margin:12px 0 0;overflow-wrap:anywhere;}
.browse-price{font-size:1rem;line-height:1.5;overflow-wrap:anywhere;}
.product-specs{margin:12px 0;}.product-specs dt{font-weight:700;margin-top:8px;}.product-specs dd{margin-left:0;overflow-wrap:anywhere;}
.copy-section{padding-top:30px;padding-bottom:30px;max-width:1120px;}.copy-section details{padding:12px 0;border-bottom:1px solid #354568;}.copy-section summary{cursor:pointer;font-weight:700;}.copy-section p,.copy-section li,.physical-form,.copy-trust{line-height:1.6;overflow-wrap:anywhere;}.copy-trust{font-size:.85rem;}.physical-form{font-size:.95rem;}.copy-footer{padding:22px;font:14px/1.6 system-ui;}

/* Approved public variant pricing; pack saving is included once. */
.browse-from{font-size:.95rem;font-weight:750;line-height:1.5;margin:6px 0;}.public-price-note{line-height:1.6;overflow-wrap:anywhere;}.browse-price,#request-retail-price{line-height:1.5;white-space:normal;overflow-wrap:anywhere;}
