/* PlugTide visual signature — subtle storefront/packaging recognition cues.
   Two slender cyan-blue rails, restrained metallic light and controlled geometry.
   No product photographs, vial silhouettes, packaging replicas or medical claims.
   The printed art remains unchanged. */
/* Keep the compact PT mark together: older letter-spacing/grid styles dropped ›
   onto an orphaned second line on narrow Android layouts. */
.brand-icon {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  white-space:nowrap;
  flex:0 0 45px;
  width:45px;
  height:43px;
  padding:0;
  letter-spacing:-5px;
  line-height:1;
  vertical-align:middle;
  overflow:visible;
  font-variant-ligatures:none;
}
.brand-icon > span {
  display:inline-block;
  position:relative;
  flex:none;
  top:3px;
  left:-4px;
  font-size:.83em;
  line-height:1;
  letter-spacing:-2px;
}
.footer .brand-icon.mini {
  flex-basis:36px;
  width:36px;
  height:34px;
  font-size:31px;
}
.footer .brand-icon.mini > span {top:2px;left:-4px;font-size:.81em}

/* A quiet pair of blue foil-like lines: a hint of the locked packaging's
   light language without illustrating or exposing the actual packaging. */
.hero-art::after {
  content:'';
  position:absolute;
  left:23px;
  bottom:22px;
  width:80px;
  height:9px;
  background:
    linear-gradient(90deg,transparent 0,#4bc9ff 18%,#b6ecff 55%,transparent 100%) 0 1px / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 0,#1767ac 25%,#43cfff 66%,transparent 100%) 0 6px / 100% 1px no-repeat;
  opacity:.68;
  pointer-events:none;
}
.product::after {
  content:'';
  position:absolute;
  right:23px;
  top:24px;
  width:35px;
  height:8px;
  background:
    linear-gradient(90deg,transparent,#54c9fa,transparent) 0 1px / 100% 1px no-repeat,
    linear-gradient(90deg,transparent,#2c78bc,transparent) 0 6px / 100% 1px no-repeat;
  transform:skewX(-22deg);
  opacity:.56;
  pointer-events:none;
}
.product .ptype {padding-right:48px}
.product:hover {border-color:#35647e}
.product:hover::after {opacity:.83}
/* A single matching signature at the catalog section label, not repeated
   across every heading or marketing surface. */
#catalog > .section-kicker::after {
  content:'';
  display:inline-block;
  width:24px;
  height:7px;
  vertical-align:middle;
  margin-left:14px;
  background:
    linear-gradient(90deg,#2388c8,#7de1fb) 0 1px / 100% 1px no-repeat,
    linear-gradient(90deg,#154c85,#299dd1) 0 5px / 100% 1px no-repeat;
  opacity:.62;
}
@media(max-width:740px){
  .brand-icon {flex-basis:38px;width:38px;height:38px;font-size:35px;letter-spacing:-5px}
  .brand-icon > span {top:3px;left:-5px;font-size:.82em}
  .hero-art::after {left:19px;bottom:17px;width:60px}
  .product::after{right:20px;top:22px}
  .footer .brand-icon.mini{flex-basis:32px;width:32px;font-size:29px}
}
.footer-wordmark b{font-size:21px;letter-spacing:-.65px}
@media(max-width:740px){.site-header .brand small{display:none}.site-header .nav{gap:9px}.site-header .brand{gap:5px;min-width:0}.site-header .brand-icon{flex:0 0 31px;width:31px;font-size:31px}.site-header .nav-actions{gap:8px}.site-header .cart-btn{font-size:13px;padding:9px 10px}.footer-wordmark b{font-size:19px}}
@media(max-width:360px){.site-header .brand b{font-size:17px}.site-header .brand-icon{flex-basis:28px;width:28px;font-size:28px}.site-header .cart-btn{font-size:12px;padding:8px}}
/* PlugTide Matte Signature: preserve the approved interlocking symbol
   geometry while using a flat, non-glossy treatment on digital surfaces.
   The website vector is traced from the supplied high-resolution logo. */
.brand-matte-symbol {
  display:block;
  width:45px;
  height:37px;
  flex:0 0 45px;
  object-fit:contain;
}
.hero-matte-symbol {
  display:block;
  width:clamp(160px,43%,248px);
  height:auto;
  max-height:200px;
  margin:0 auto 9px;
  object-fit:contain;
  flex:none;
}
@media(max-width:740px){
  .site-header .brand-matte-symbol{width:35px;height:30px;flex-basis:35px}
  .hero-matte-symbol{width:clamp(140px,48%,185px);max-height:165px;margin-bottom:9px}
  .hero-art .art-center{padding-top:4px}
  .hero-art .art-name{font-size:clamp(31px,9vw,40px)}
}
@media(max-width:360px){
  .site-header .brand-matte-symbol{width:30px;height:26px;flex-basis:30px}
}

@media(prefers-reduced-motion:reduce){.product:hover{transition:none}}