/* Owner-approved gold brand and a stable collection filter row. */
img[src$="logo-gold-v1.png"] { object-fit: contain; filter: none !important; mix-blend-mode: normal !important; }
.site-header .header-brand { width: 112px; min-width: 112px; gap: 0; }
.site-header .header-brand .poseidon-header-logo,
.site-footer .poseidon-footer-brand .poseidon-header-logo {
  display: block; width: 106px; height: 80px; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; overflow: visible;
}
.site-header .header-brand .poseidon-header-logo img,
.site-footer .poseidon-footer-brand .poseidon-header-logo img { width: 100%; height: 100%; transform: none; }
.site-footer .poseidon-footer-brand .poseidon-header-logo { width: 158px; height: 136px; }
.atlas-card .atlas-card__folio img { width: 48px; height: 42px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.atlas-card .atlas-card__folio > span { display: none; }
.poseidon-help-hub__mark,
.poseidon-harbor__crest,
.account-welcome-mark { width: 112px; height: 98px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.poseidon-help-hub__mark img,
.poseidon-harbor__crest img,
.account-welcome-mark img { width: 100%; height: 100%; }
.poseidon-flow-heading > img { width: 120px; height: 104px; }
.ocean-bundles .bundle-kicker img { width: 54px; height: 47px; }
.ocean-bundles .bundle-summary-mark img { width: 90px; height: 78px; }
.ocean-bundles .bundle-summary-mark > span { display: none; }
.water-entry__brand .water-entry__brand-mark { width: 78px; height: 67px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.water-entry__brand-mark img { width: 100%; height: 100%; }
.water-entry__emblem { width: clamp(180px,24vw,340px); line-height: 0; }
.water-entry__emblem img { display: block; width: 100%; height: auto; }
.atlas-hero__image { background-image: url('/poseidon/ocean-hero-v2.png'); }
.atlas-hero h1 em { white-space: normal; }
.atlas-hero__actions { position: relative; z-index: 4; }
.water-entry::before { background-image: linear-gradient(90deg,#041b30f5 0%,#06283cdb 46%,#06354c77 100%),url('/poseidon/ocean-hero-v2.png'); }
.poseidon-harbor::before { background-image: linear-gradient(110deg,#062c3bea,#073e4bd9),url('/poseidon/ocean-hero-v2.png'); }

.atlas-home .spotlight-filter-bar button,
.atlas-home .spotlight-filter-bar button:hover,
.atlas-home .spotlight-filter-bar button:focus-visible {
  border-width: 1px; border-style: solid; transform: none; transition: color .18s, background-color .18s, border-color .18s;
}
.atlas-home .spotlight-filter-bar button:hover { border-color: #0a5966; background: #dae9e4; }
.atlas-home .spotlight-filter-bar button.active:hover { background: #0a5966; color: #fff; }
.atlas-home .spotlight-filter-bar button:focus-visible { outline: 2px solid #0a5966; outline-offset: -3px; }

/* Lining numerals and a calm, readable compound name. */
.atlas-product .atlas-product__copy h1 { font: 600 clamp(44px,5.4vw,88px)/1.08 'Manrope',Arial,sans-serif; font-variant-numeric: lining-nums; letter-spacing: -.045em; }
.atlas-product .atlas-product__copy h1 > span { display: none; }
.pp-catalog-intro { flex-wrap: wrap; gap: 16px; }
.pp-catalog-intro a { color: #0b6371; font: 700 13px/1.6 'Manrope',Arial,sans-serif; text-underline-offset: 4px; }

/* Laboratory water and supply kits have their own destination. */
.poseidon-lab-page { background: #f7f4e9; color: #093a46; padding-bottom: 90px; }
.poseidon-lab-hero { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; padding-top: 65px; padding-bottom: 55px; gap: 50px; }
.poseidon-lab-hero h1 { font: 500 clamp(60px,6.6vw,104px)/.98 'Cormorant Garamond',Georgia,serif; letter-spacing: -.045em; margin: 24px 0; }
.poseidon-lab-hero h1 em { color: #147b86; }
.poseidon-lab-hero p { max-width: 490px; font: 400 18px/1.7 'Manrope',Arial,sans-serif; color: #526e73; margin-bottom: 28px; }
.poseidon-lab-hero__vials { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 365px; border-radius: 50% 50% 8px 8px; background: radial-gradient(ellipse at 50% 90%,#2e8493aa,transparent 58%),#073b4b; }
.poseidon-lab-hero__vials .vial-art { display: block; height: 280px; width: 152px; filter: drop-shadow(0 15px 12px #001b28aa); }
.poseidon-lab-hero__vials .vial-art:first-child { transform: rotate(-8deg); }
.poseidon-lab-hero__vials .vial-art:last-child { transform: rotate(8deg) translateY(-12px); }
.poseidon-lab-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 25px 0 30px; }
.poseidon-lab-section-head h2 { font: 500 clamp(38px,3.6vw,57px)/1.1 'Cormorant Garamond',Georgia,serif; margin: 14px 0 0; letter-spacing: -.03em; }
.poseidon-lab-section-head p { font: 400 15px/1.7 'Manrope',Arial,sans-serif; color: #526e73; margin: 0; }
.poseidon-lab-water-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.poseidon-lab-kit-section { margin-top: 70px; }
.poseidon-lab-kit-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.poseidon-lab-kit-options article { padding: 28px; border: 1px solid #bacdc5; background: #e7efea; }
.poseidon-lab-kit-options article > span { font: 800 10px/1.5 'Manrope',Arial,sans-serif; letter-spacing: .12em; color: #167786; }
.poseidon-lab-kit-options h3 { font: 600 26px/1.25 'Manrope',Arial,sans-serif; margin: 20px 0; letter-spacing: -.03em; }
.poseidon-lab-kit-options p { font: 400 16px/1.8 'Manrope',Arial,sans-serif; color: #4d6a70; }
.poseidon-lab-kit-options article > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 25px; }
.poseidon-lab-kit-options strong { font: 800 25px/1.2 'Manrope',Arial,sans-serif; }
.poseidon-lab-kit-options .btn { font-size: 13px; padding: 13px 18px; min-height: 45px; background: #095e6c; border-color: #095e6c; }
.poseidon-payment-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,320px); gap: 38px; align-items: center; padding: 30px; margin: 30px 0; background: #e8f1ec; border: 1px solid #b8cdc6; border-radius: 12px; }
.poseidon-payment-card h3 { font: 700 30px/1.2 'Manrope',Arial,sans-serif; margin: 12px 0 20px; color: #073d4c; }
.poseidon-payment-card .poseidon-payment-total { font: 800 35px/1.2 'Manrope',Arial,sans-serif; color: #073d4c; margin: 16px 0; }
.poseidon-payment-card figure { margin: 0; text-align: center; background: #fff; padding: 18px; border-radius: 8px; }
.poseidon-payment-qr { display: block; width: 100%; max-width: 320px; height: auto; aspect-ratio: 1; object-fit: contain; margin: auto; }
.poseidon-payment-card figcaption { font-size: 13px; line-height: 1.5; margin: 10px 0; }
.poseidon-payment-card small { display: block; margin-top: 18px; color: #4d6970; font-size: 13px; line-height: 1.7; }
.poseidon-payment-network { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 18px 0; }
.poseidon-payment-network > span { font: 800 10px/1.5 'Manrope',Arial,sans-serif; letter-spacing: .12em; }
.poseidon-payment-network > strong { background: #c9e5e1; border-radius: 4px; padding: 5px 9px; }
.poseidon-crypto-settings-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 24px; }
.admin-page fieldset.poseidon-crypto-settings { min-width: 0; margin: 0; padding: 22px; background: var(--ops-card,#fffef8); border: 1px solid var(--ops-line,#cddcd9); border-radius: 8px; }
.poseidon-crypto-settings legend { font: 800 16px/1.5 'Manrope',Arial,sans-serif; padding: 0 8px; }
.poseidon-crypto-settings legend > span { display: inline-block; margin-left: 5px; padding: 3px 6px; background: #e7ece8; color: #547076; border-radius: 4px; font: 600 9px/1.4 'Manrope',Arial,sans-serif; }
.poseidon-crypto-settings legend > span.is-ready { background: #c9e8df; color: #0c655d; }
.poseidon-crypto-settings .commerce-field { margin-top: 15px; }
.poseidon-crypto-settings small { display: block; margin-top: 16px; line-height: 1.6; }
@media(max-width:850px) {
  .site-header .header-brand { width: 92px; min-width: 92px; }
  .site-header .header-brand .poseidon-header-logo { width: 86px; height: 70px; }
  .poseidon-lab-hero { gap: 25px; }
  .poseidon-lab-hero__vials .vial-art { width: 112px; height: 220px; }
  .poseidon-lab-kit-options { grid-template-columns: 1fr; }
  .poseidon-crypto-settings-grid { grid-template-columns: 1fr; }
}
@media(max-width:600px) {
  .site-header .header-brand { width: 75px; min-width: 75px; }
  .site-header .header-brand .poseidon-header-logo { width: 68px; height: 59px; }
  .water-entry__brand .water-entry__brand-mark { width: 52px; height: 45px; }
  .water-entry__emblem { width: 160px; }
  .poseidon-lab-hero { grid-template-columns: 1fr; padding-top: 38px; gap: 32px; }
  .poseidon-lab-hero h1 { font-size: 62px; }
  .poseidon-lab-hero__vials { min-height: 285px; }
  .poseidon-lab-hero__vials .vial-art { width: 122px; height: 240px; }
  .poseidon-lab-section-head { display: block; }
  .poseidon-lab-section-head p,.poseidon-lab-section-head > a { display: inline-block; margin-top: 20px; }
  .poseidon-lab-water-grid { grid-template-columns: 1fr; }
  .poseidon-payment-card { grid-template-columns: 1fr; padding: 20px; gap: 24px; }
}

/* A dark enamel backdrop gives the gold header lettering clear contrast. */
.site-header .header-brand { width: 138px; min-width: 138px; }
.site-header .header-brand .poseidon-header-logo {
  display: block; width: 138px; height: 80px; padding: 1px 10px;
  background: linear-gradient(145deg,#124653,#062938 75%);
  border: 1px solid #bca066; border-radius: 8px;
  box-shadow: inset 0 0 0 3px #ffffff06,0 3px 10px #092f3b14;
}
.site-header .header-brand:hover,
.site-header .header-brand:focus-visible { transform: none; }
.site-header .header-brand:hover .poseidon-header-logo { border-color: #d9bc80; }
.site-header .header-brand:focus-visible { outline: 2px solid #956d2d; outline-offset: 3px; }
@media(max-width:850px) {
  .site-header .header-brand { width: 108px; min-width: 108px; }
  .site-header .header-brand .poseidon-header-logo { width: 108px; height: 68px; padding: 2px 8px; border-radius: 6px; }
}
@media(max-width:600px) {
  .site-header .header-brand { width: 96px; min-width: 96px; }
  .site-header .header-brand .poseidon-header-logo { width: 96px; height: 60px; padding: 1px 7px; }
}