/** Shopify CDN: Minification failed

Line 181:0 Unexpected "}"
Line 183:2 Unexpected "0%"
Line 184:2 Unexpected "50%"

**/

/* Product-only styles for the Sea Glass storefront. */
.ng-pdp-wrap { width: min(1180px, calc(100% - 40px)); margin: clamp(32px, 6vw, 72px) auto; color: #173f48; scroll-margin-top: calc(var(--header-height, 75px) + 16px); }
.ng-pdp-wrap :is(h2,h3,p,figure,blockquote) { margin: 0; }
.ng-pdp-heading { display: grid; gap: 8px; margin-block-end: 20px; }
.ng-pdp-heading > p:first-child { font-size: .73rem; font-weight: 700; letter-spacing: .12em; color: #08636a; }
.ng-pdp-heading h2 { color: #173f48; font-size: clamp(1.65rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -.04em; }
.ng-pdp-flags, .ng-pdp-checks, .ng-pdp-trust { list-style: none; padding: 0; margin: 0; }
.ng-pdp-flags, .ng-pdp-trust { display: flex; flex-wrap: wrap; gap: 6px; }
.ng-pdp-flags:empty, .ng-pdp-trust:empty { display: none; }
.ng-pdp-flags li, .ng-pdp-trust li { border: 1px solid #c7e9e6; border-radius: 99px; padding: 5px 11px; background: #e1f5f3; color: #164e55; font-size: .77rem; font-weight: 650; }
.ng-pdp-flags li:nth-child(2) { background: #eff7ed; border-color: #d8e9d6; }
.ng-pdp-flags li:nth-child(3) { background: #edf7fb; border-color: #d7e9f2; }
.ng-pdp-rating { display: inline-flex; gap: 7px; align-items: center; min-height: 28px; font-size: .88rem; color: #244f55; }
.ng-pdp-rating span { color: #8a5e14; }
.ng-pdp-overview { display: grid; gap: 11px; width: 100%; font-size: .9rem; color: #35575d; }
.ng-pdp-overview p { margin: 0; }
.ng-pdp-summary { line-height: 1.55; }
.ng-pdp-checks { display: grid; gap: 5px; }
.ng-pdp-checks li, .ng-pdp-delivery, .ng-pdp-pick { background: #edf8f6; border: 1px solid #d4e9e6; padding: 8px 12px; border-radius: 11px; }
.ng-pdp-checks span, .ng-pdp-pick span { margin-inline-end: 5px; color: #08636a; }
.ng-pdp-delivery { display: grid; gap: 2px; }
.ng-pdp-trust li { background: #fff; }
.ng-pdp-guide { background: #eef8f7; border: 1px solid #d6eeeb; border-radius: 24px; padding: clamp(16px, 4vw, 42px); }
.ng-pdp-proof-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; margin-block-end: 18px; }
.ng-pdp-proof-card, .ng-pdp-expert { display: grid; gap: 9px; background: #fff; border: 1px solid #d7eae8; padding: clamp(13px, 3vw, 24px); border-radius: 16px; }
.ng-pdp-feature-grid h3 { color: #173f48; font-size: 1.08rem; }
.ng-pdp-feature-copy { margin-block-end: 14px; }
.ng-pdp-accordion details { border-block-end: 1px solid #c4e0dd; }
.ng-pdp-accordion summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 52px; color: #173f48; font-weight: 680; cursor: pointer; list-style: none; }
.ng-pdp-accordion summary::-webkit-details-marker, .ng-pdp-consult summary::-webkit-details-marker { display: none; }
.ng-pdp-accordion details > div { display: grid; gap: 10px; padding-block-end: 14px; color: #35575d; }
.ng-pdp-accordion summary span { font-size: 1.2rem; transition: transform .18s ease; }
.ng-pdp-accordion details[open] summary span { transform: rotate(45deg); }
.ng-pdp-expert { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; background: #f2faf9; }
.ng-pdp-expert img { width: clamp(66px, 15vw, 144px); height: auto; border-radius: 14px; }
.ng-pdp-expert > div:only-child { grid-column: 1 / -1; }
.ng-pdp-proof-card figcaption, .ng-pdp-expert figcaption { color: #3b6267; font-size: .9rem; }
.ng-pdp-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.ng-pdp-comparison img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.ng-pdp-proof-card video { display: block; width: 100%; max-height: 420px; border-radius: 10px; background: #e9f5f4; }
.ng-pdp-link { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; color: #08636a; font-weight: 650; }
.ng-pdp-consult { background: linear-gradient(120deg,#d7f1ed,#f1fbfa); border-radius: 24px; padding: clamp(20px, 5vw, 56px); }
.ng-pdp-consult .ng-pdp-quiz-copy { color: #35575d; letter-spacing: normal; }
.ng-pdp-consult summary { cursor: pointer; list-style: none; }
.ng-pdp-consult details > p { margin-block: 14px 8px; }
.ng-pdp-quiz-options { display: flex; flex-wrap: wrap; gap: 8px; }
.ng-pdp-quiz-options a { background: #fff; border: 1px solid #b9deda; border-radius: 99px; padding: 8px 12px; color: #164e55; }
#MainContent[data-template^='product'] .product-information h1 { color: #173f48; font-size: clamp(1.65rem, 3.4vw, 2.8rem); line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; }
#MainContent[data-template^='product'] .product-information product-price { color: #08636a; font-size: clamp(1.3rem,2.6vw,1.85rem); font-weight: 700; }
#MainContent[data-template^='product'] .product-information .product-form-buttons { gap: 8px; }
#MainContent[data-template^='product'] .product-information .add-to-cart-button { min-height: 48px; border-radius: 999px; }
#MainContent[data-template^='product'] .product-information .accelerated-checkout-block { --shopify-accelerated-checkout-button-block-size: 48px; --shopify-accelerated-checkout-button-border-radius: 999px; }
#MainContent[data-template^='product'] .ng-price-pending { color: #345d62; background: #e8f5f4; border-radius: 12px; margin: 0; padding: 10px 13px; font-size: .88rem; }
#MainContent[data-template^='product'] .ng-ingredients__track { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 12px; overflow: visible; }
#MainContent[data-template^='product'] .ng-ingredients .ng-routines__nav { display: none; }
@media (max-width: 749px) {
  .ng-pdp-wrap { width: calc(100% - 28px); }
  .ng-pdp-flags li { padding: 4px 8px; font-size: .71rem; }
  #MainContent[data-template^='product'] .ng-ingredients__track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #MainContent[data-template^='product'] .product-information .product-information__media { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .ng-pdp-accordion summary span { transition: none; } }

.ng-pdp-flags li { background: #a7efe1; border-color: #7edbcc; color: #073e42; }
.ng-pdp-flags li:nth-child(2) { background: #ffe7a4; border-color: #f0ce6a; color: #514010; }
.ng-pdp-flags li:nth-child(3) { background: #d0e2ff; border-color: #adcafa; color: #223b67; }
.ng-pdp-delivery__dates { color: #07585a; font-size: 1.12rem; font-weight: 720; }
.ng-pdp-delivery small { color: #45656a; font-size: .8rem; }

#MainContent[data-template^='product'] .product-information .add-to-cart-button {
  background: #07575b;
  border: 1px solid #07575b;
  color: #fff;
}
#MainContent[data-template^='product'] .product-information .add-to-cart-button:hover:not(:disabled) {
  background: #063f43;
}
.ng-pdp-buy-now {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 8px 16px;
  border: 1.5px solid #07575b;
  border-radius: 999px;
  background: #fff;
  color: #07575b;
  font-weight: 700;
  text-decoration: none;
}
.ng-pdp-buy-now:hover { background: #eaf8f6; color: #063f43; }
.ng-pdp-buy-now:focus-visible { outline: 2px solid #07575b; outline-offset: 3px; }
.ng-pdp-guide { padding: 0; border: 0; background: none; }
.ng-pdp-guide .ng-pdp-feature-copy {
  max-width: 67ch;
  margin-block-end: clamp(20px, 3.5vw, 36px);
  color: #315b5c;
  font-size: clamp(1.02rem, 1.65vw, 1.21rem);
  line-height: 1.65;
}
.ng-pdp-feature-copy strong { color: #184e4d; font-weight: 700; }
.ng-pdp-benefits, .ng-pdp-study {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(18px, 5vw, 64px);
  row-gap: clamp(17px, 3.5vw, 30px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ng-pdp-benefit {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-block-start: 12px;
  border-block-start: 1px solid #cee6e1;
}
.ng-pdp-benefit h3 { margin-block-end: 4px; font-size: 1.09rem; color: #164f50; }
.ng-pdp-benefit p, .ng-pdp-metric p { font-size: .96rem; line-height: 1.5; color: #3e6165; }
.ng-pdp-guide .ng-pdp-benefit-note { margin-block-start: 22px; font-size: .84rem; color: #45656a; }
.ng-pdp-benefits-panel {
  border: 1px solid #cae7e3;
  border-radius: 24px;
  background: radial-gradient(ellipse at top right, #e1f5f1 0%, transparent 55%), #f2faf9;
}
.ng-pdp-benefits-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  padding: clamp(17px, 3vw, 34px) clamp(18px, 4vw, 42px);
  color: #154f50;
  list-style: none;
}
.ng-pdp-benefits-panel > summary::-webkit-details-marker { display: none; }
.ng-pdp-benefits-panel > summary h2 {
  color: inherit;
  font-size: clamp(1.36rem, 3vw, 2rem);
  line-height: 1.12;
  letter-spacing: -.025em;
  font-weight: 700;
}
.ng-pdp-benefits-panel > summary svg { flex: none; }
.ng-pdp-benefits-panel:not([open]) > summary svg { transform: rotate(-90deg); }
.ng-pdp-benefits-panel__body { padding: 0 clamp(18px, 4vw, 42px) clamp(20px, 4vw, 38px); }
.ng-pdp-guide .ng-pdp-accordion { margin-block-start: 16px; padding-inline: clamp(10px, 2vw, 22px); }
.ng-pdp-metric__top { display: flex; align-items: center; gap: 9px; margin-block-end: 5px; color: #167a71; }
.ng-pdp-metric__top svg { width: 31px; height: 31px; }
.ng-pdp-metric__value { font-size: clamp(1.9rem, 4.7vw, 3.3rem); line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.045em; }
.ng-pdp-guide .ng-pdp-sample-label { margin-block-end: 12px; font-size: .84rem; color: #385a58; font-weight: 700; }
#MainContent[data-template^='product'] :is(.product-information, .ng-pdp-wrap, .ng-ingredients, .product-recommendations) {
  font-family: var(--ng-pdp-font, "Avenir Next", system-ui, sans-serif);
}
#MainContent[data-template^='product'] :is(.product-information, .ng-pdp-wrap, .ng-ingredients, .product-recommendations) :is(h1,h2,h3,p,li,summary,button,product-price,.price,.ng-pdp-buy-now) {
  font-family: var(--ng-pdp-font, "Avenir Next", system-ui, sans-serif);
}
@media (max-width: 520px) {
  .ng-pdp-benefits, .ng-pdp-study { column-gap: 12px; }
  .ng-pdp-benefit { display: grid; gap: 8px; }
  .ng-pdp-metric__top svg { width: 25px; height: 25px; }
}
@media (prefers-reduced-motion: no-preference) {
  .ng-pdp-benefit:nth-child(2) svg { animation-delay: .22s; }
  .ng-pdp-benefit:nth-child(3) svg { animation-delay: .44s; }
  @supports (animation-timeline: view()) {
        animation: ng-pdp-bob 1s ease-in-out both;
      animation-timeline: view();
      animation-range: entry 0% cover 48%;
    }
  }
}
@keyframes ng-pdp-bob {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.08); }
}

.ng-benefit-motion {
  display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 16px;
  background: #fff6dd;
}
.ng-benefit-motion svg { width: 36px; height: 36px; overflow: visible; }
.ng-benefit-motion--cleanse { background: #d7f7ef; }
.ng-benefit-motion--moisture { background: #e0f2ff; }
.ng-benefit-motion--soft { background: #f2eaff; }
.ng-benefit-motion--tone { background: #fff0e7; }
.ng-benefit-motion :is(.ng-motion-main, .ng-motion-accent) { transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
  .ng-benefit-motion--cleanse .ng-motion-accent { animation: ng-benefit-bubbles 3.2s ease-out infinite; }
  .ng-benefit-motion--moisture .ng-motion-main { animation: ng-benefit-drop 2.9s ease-in-out infinite; }
  .ng-benefit-motion--moisture .ng-motion-accent { animation: ng-benefit-ripple 2.9s ease-out infinite; }
  .ng-benefit-motion--soft svg { transform-origin: center; animation: ng-benefit-feather 3.8s ease-in-out infinite; }
  .ng-benefit-motion--tone .ng-motion-accent, .ng-benefit-motion--glow .ng-motion-main { animation: ng-benefit-shine 3.3s ease-in-out infinite; }
  .ng-benefit-motion--glow .ng-motion-accent { animation: ng-benefit-shine 3.3s .3s ease-in-out infinite; }
}
@keyframes ng-benefit-bubbles { 0%, 100% { transform: translateY(2px) scale(.7); opacity: .55; } 55% { transform: translateY(-3px) scale(1.05); opacity: 1; } }
@keyframes ng-benefit-drop { 0%, 100% { transform: translateY(-2px) scaleY(1.05); } 55% { transform: translateY(2px) scaleY(.91); } }
@keyframes ng-benefit-ripple { 0%, 100% { transform: scale(.72); opacity: .5; } 60% { transform: scale(1.12); opacity: .95; } }
@keyframes ng-benefit-feather { 0%, 100% { transform: rotate(-7deg); } 50% { transform: translateY(-2px) rotate(7deg); } }
@keyframes ng-benefit-shine { 0%, 100% { transform: scale(.83) rotate(-7deg); } 50% { transform: scale(1.12) rotate(7deg); } }
@media (max-width: 520px) { .ng-benefit-motion { width: 40px; height: 40px; border-radius: 12px; } .ng-benefit-motion svg { width: 30px; height: 30px; } }