@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/dm-sans/dm-sans-latin.woff2") format("woff2");
}

/* Final review identity and header flag interaction cleanup. */
.clv-home-proof-reviewer{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.clv-home-review-flag{
  display:block;
  width:25px;
  height:15px;
  flex:0 0 auto;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(9,25,25,.12);
}

.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.flagSwitchBtn:focus-visible,
.clova-hdr .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn,
.clvWHeader .flagSwitchBtn.is-active{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

.flagSwitchBtn .flag,
.flagSwitchBtn.is-active .flag,
.flagSwitchBtn:hover .flag,
.flagSwitchBtn:focus .flag{
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

:root {
  --concept-ink: #111513;
  --concept-muted: #6b716b;
  --concept-soft: #f5f6f1;
  --concept-soft-2: #ebece6;
  --concept-line: #dfe2d8;
  --concept-green: #a7d800;
  --concept-footer: #172a33;
  --concept-wrap: 1228px;
  --concept-ui: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --concept-body: "DM Sans", system-ui, sans-serif;
  --clv-font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --clv-h1-size: clamp(40px, 5.2vw, 72px);
  --clv-h2-size: clamp(30px, 3.7vw, 52px);
  --clv-h3-size: clamp(18px, 1.8vw, 24px);
  --clv-body-size: 15px;
  --clv-sub-size: 12px;
  --clv-h1-weight: 700;
  --clv-h2-weight: 680;
  --clv-h3-weight: 680;
  --clv-body-weight: 430;
  --clv-sub-weight: 760;
}

html {
  background: #fff;
  overflow-x: clip;
}

body {
  margin: 0;
  background: #fff !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-body) !important;
  overflow-x: clip;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

button,
input,
select,
textarea {
  font-family: var(--concept-body) !important;
}

img {
  max-width: 100%;
}

.clv-visually-retained {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.clova-hdr + .clv-abovehdr,
.clvWHeader + .clv-abovehdr {
  display: none !important;
}

#clvPopRoot,
.clvPopOverlay,
.clvPopCard {
  display: none !important;
}

.clvMobileOverlay:not(.open),
.clvMobileDrawer:not(.open),
.clvMOverlay:not(.open),
.clvMDrawer:not(.open) {
  display: none !important;
}

.drawer:not(.on),
.drawerOverlay:not(.on) {
  display: none !important;
}

.clv-fomo,
.clvFomoToast,
[class*="FomoToast"],
.clova-footer .waFloatWrap,
.clova-footer .waFloat,
.clova-footer .waFloatMsg {
  display: none !important;
}

/* Header */
.clova-hdr,
.clvWHeader {
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  right: auto !important;
  width: min(1156px, calc(100vw - 48px)) !important;
  height: 88px !important;
  min-height: 88px !important;
  max-width: none !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(17, 21, 19, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .98) !important;
  color: var(--concept-ink) !important;
  box-shadow: 0 18px 44px rgba(17, 21, 19, .10) !important;
  backdrop-filter: none !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

.clova-hdr[data-mode="top"]:not(.is-scrolled):not(.mega-open):not(.search-open):not(.mobile-open),
.clova-hdr.is-scrolled,
.clova-hdr.mega-open,
.clova-hdr.search-open,
.clova-hdr.mobile-open,
.clvWHeader {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(17, 21, 19, .08) !important;
  box-shadow: 0 18px 44px rgba(17, 21, 19, .10) !important;
}

.clova-hdr .inner,
.clvWHeader .wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 86px !important;
  height: 86px !important;
  padding: 0 28px 0 34px !important;
  gap: 42px !important;
}

.clova-hdr nav,
.clvWHeader nav {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 34px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.clova-hdr .logoWrap,
.clvWHeader .logoWrap {
  order: 1 !important;
  position: static !important;
  height: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
}

.clova-hdr .logo,
.clova-hdr .logo img,
.clvWHeader .logo,
.clvWHeader .logo img {
  width: 158px !important;
  height: auto !important;
  max-width: 158px !important;
  max-height: 56px !important;
  object-fit: contain !important;
}

.clova-hdr #clovaLogoTop {
  display: none !important;
}

.clova-hdr #clovaLogoScrolled {
  display: block !important;
}

.clova-hdr .right,
.clvWHeader .right {
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  flex: 0 0 auto !important;
  color: var(--concept-ink) !important;
}

.clova-hdr a.navlink,
.clvWHeader nav a {
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.clova-hdr a.navlink::after,
.clvWHeader nav a::after {
  bottom: -9px !important;
  height: 2px !important;
  background: var(--concept-green) !important;
}

.clova-hdr .flagSwitch,
.clvWHeader .flagSwitch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 32px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.clova-hdr .country:not(.flagSwitch),
.clvWHeader .countryWrap {
  display: none !important;
}

.flagSwitchBtn,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn {
  width: 28px !important;
  height: 22px !important;
  min-width: 28px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: transparent !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.flagSwitchBtn.is-active {
  background: transparent !important;
  box-shadow: none !important;
}

.clova-hdr .flag,
.clvWHeader .flag {
  width: 22px !important;
  height: 14px !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(17, 21, 19, .18) !important;
}

.clova-hdr .flag svg,
.clvWHeader .flag svg {
  width: 22px !important;
  height: 14px !important;
  display: block !important;
}

.flagDivider {
  width: 1px !important;
  height: 20px !important;
  background: rgba(17, 21, 19, .22) !important;
  display: block !important;
}

.clova-hdr .searchBtn,
.clova-hdr .cartBtn,
.clvWHeader .iconBtn,
.clvWHeader .cartBtn,
.clova-hdr .clvHamBtn,
.clvWHeader .hamburger {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--concept-ink) !important;
}

.clova-hdr .searchBtn svg,
.clova-hdr .cartBtn svg,
.clvWHeader .iconBtn svg {
  width: 22px !important;
  height: 22px !important;
}

.shopMega,
.clvShopMega,
.clvSearch {
  top: 124px !important;
  border: 1px solid rgba(17, 21, 19, .10) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(17, 21, 19, .15) !important;
}

/* Homepage concept */
.afterHeader {
  padding-top: 0 !important;
}

#clovaBody {
  --wrap: var(--concept-wrap);
  --padX: clamp(22px, 4vw, 56px);
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
}

#clovaBody > .clv-hero { order: 1 !important; }
#clovaBody > section[aria-label="Categories"] { order: 2 !important; }
#clovaBody > .clv-split { order: 3 !important; }
#clovaBody > section[aria-label="Best sellers desktop"] { order: 4 !important; }
#clovaBody > .clv-mbest { order: 4 !important; }
#clovaBody > section[aria-label="The ultimate hydration system"] { order: 5 !important; }
#clovaBody > .clv-concept-reviews { order: 6 !important; }
#clovaBody > section[aria-label="Wellness benefits"] { order: 7 !important; }
#clovaBody > section[aria-label="Featured products"],
#clovaBody > .clv-faq,
#clovaBody > .clv-ticker {
  display: none !important;
}

#clovaBody .clv-wrap {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#clovaBody .clv-hero {
  min-height: 760px !important;
  height: 760px !important;
  max-height: none !important;
  padding: 158px 0 18px !important;
  background: #fff !important;
  overflow: visible !important;
}

#clovaBody .clv-hero-inner {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  min-height: 568px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 430px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 54px !important;
}

#clovaBody .clv-hero-copy {
  align-self: center !important;
  max-width: 470px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}

#clovaBody .clv-hero-copy h1 {
  margin: 0 !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(62px, 5.25vw, 82px) !important;
  line-height: .93 !important;
  font-weight: 800 !important;
  color: var(--concept-ink) !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#clovaBody .clv-hero-copy h1 .clv-concept-line {
  display: block !important;
}

#clovaBody .clv-hero-copy h1 .accent {
  color: var(--concept-green) !important;
}

#clovaBody .clv-hero-copy p {
  margin: 24px 0 0 !important;
  max-width: 410px !important;
  color: #4e554e !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 430 !important;
}

#clovaBody .clv-hero-actions {
  margin-top: 33px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

#clovaBody .clv-hero-actions .clv-btn:not(.black) {
  display: none !important;
}

#clovaBody .clv-btn,
.btnMain,
.btnAdd,
.applyBtn {
  border-radius: 999px !important;
  font-family: var(--concept-ui) !important;
}

#clovaBody .clv-hero-actions .clv-btn.black {
  min-width: 170px !important;
  height: 48px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #111513 !important;
  color: #fff !important;
  border: 1px solid #111513 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

#clovaBody .clv-hero-product {
  display: block !important;
  align-self: stretch !important;
  min-height: 560px !important;
  height: 560px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
}

#clovaBody .clv-hero-product img {
  content: url("/assets/concept-1to1/hero-lab-stack.jpg");
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#clovaBody .clv-hero-product::after,
#clovaBody .clv-hero-product-meta,
#clovaBody .clv-evidence {
  display: none !important;
}

#clovaBody > section[aria-label="Categories"] {
  padding: 20px 0 58px !important;
  background: #fff !important;
}

#clovaBody > section[aria-label="Categories"] .clv-centerHead {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 0 0 16px !important;
}

#clovaBody > section[aria-label="Categories"] .title {
  margin: 0 !important;
  text-align: left !important;
  font-family: var(--concept-ui) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: var(--concept-ink) !important;
}

#clovaBody > section[aria-label="Categories"] .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#clovaBody .clv-cats {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
}

#clovaBody .clv-cat {
  min-height: 184px !important;
  height: 184px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#clovaBody .clv-cat .img {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 132px !important;
  object-fit: cover !important;
  filter: saturate(.95) contrast(1.02) !important;
}

#clovaBody .clv-cat:nth-child(1) .img { content: url("/assets/concept-1to1/cat-peptides.jpg?v=20260609"); }
#clovaBody .clv-cat:nth-child(2) .img { content: url("/assets/concept-1to1/cat-research.jpg?v=20260609"); }
#clovaBody .clv-cat:nth-child(3) .img { content: url("/assets/concept-1to1/cat-supplements.jpg?v=20260609"); }
#clovaBody .clv-cat:nth-child(4) .img { content: url("/assets/concept-1to1/cat-bulk.jpg?v=20260609"); }
#clovaBody .clv-cat:nth-child(5) .img { content: url("/assets/concept-1to1/cat-lab.jpg?v=20260609"); }
#clovaBody .clv-cat:nth-child(6) .img { content: url("/assets/concept-1to1/cat-kits.jpg?v=20260609"); }

#clovaBody .clv-cat .content {
  position: static !important;
  inset: auto !important;
  min-height: 52px !important;
  padding: 15px 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
}

#clovaBody .clv-cat .name {
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
  max-width: 130px !important;
}

#clovaBody .clv-cat .miniBtn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  border: 1px solid rgba(17, 21, 19, .14) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: transparent !important;
  overflow: hidden !important;
  position: relative !important;
}

#clovaBody .clv-cat .miniBtn::after {
  content: ">";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--concept-ink);
  font-size: 14px;
  font-family: var(--concept-ui);
  font-weight: 700;
}

#clovaBody .clv-split {
  padding: 74px max(32px, calc((100vw - var(--concept-wrap)) / 2)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 418px !important;
  gap: 54px !important;
  align-items: center !important;
  background: #111513 !important;
  color: #fff !important;
  min-height: 480px !important;
  position: relative !important;
  overflow: hidden !important;
}

#clovaBody .clv-split::after {
  content: "";
  position: absolute;
  right: max(32px, calc((100vw - var(--concept-wrap)) / 2));
  top: 70px;
  width: 385px;
  height: 345px;
  background: url("/assets/concept-1to1/performance-vials.jpg") center / cover no-repeat;
  border-radius: 0;
  opacity: .98;
}

#clovaBody .clv-split .left {
  display: none !important;
}

#clovaBody .clv-split .right {
  grid-column: 1 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

#clovaBody .clv-panel {
  width: 100% !important;
  max-width: 560px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: none !important;
}

#clovaBody .clv-panel .mark {
  display: none !important;
}

#clovaBody .clv-clarity-kicker {
  margin: 0 0 18px !important;
  color: rgba(255, 255, 255, .62) !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-panel-title {
  margin: 0 !important;
  max-width: 520px !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-panel-desc {
  margin: 20px 0 0 !important;
  max-width: 500px !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#clovaBody .clv-panel .clv-btn {
  margin-top: 24px !important;
  min-width: 138px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  border-color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#clovaBody > section[aria-label="Best sellers desktop"],
#clovaBody > .clv-mbest {
  padding: 70px 0 78px !important;
  background: #fff !important;
}

#clovaBody .clv-carousel {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#clovaBody .clv-carouselTop {
  margin: 0 0 24px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#clovaBody .clv-carouselTop .label,
#clovaBody .clv-mbest .head .t {
  font-family: var(--concept-ui) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: var(--concept-ink) !important;
}

#clovaBody .clv-carouselBtns {
  display: flex !important;
  gap: 8px !important;
}

#clovaBody .clv-cbtn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(17, 21, 19, .14) !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
}

#clovaBody .clv-track {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  overflow: visible !important;
  transform: none !important;
}

#clovaBody .clv-card,
#clovaBody .clv-mbest-card {
  min-height: 430px !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer !important;
}

#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media {
  height: 310px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  overflow: hidden !important;
}

#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
}

#clovaBody .clv-cardBody,
#clovaBody .clv-mbest-body {
  min-height: 120px !important;
  padding: 16px 0 0 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

#clovaBody .clv-cardBody .nm,
#clovaBody .clv-mbest-body .nm {
  margin: 0 !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#clovaBody .clv-priceRow {
  margin: 0 !important;
  color: #60665f !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#clovaBody .clv-cardBody .clv-btn,
#clovaBody .clv-mbest-btn {
  margin-top: auto !important;
  height: 44px !important;
  width: 100% !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  border: 0 !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-transform: none !important;
}

#clovaBody .clv-pill {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  border: 1px solid rgba(17, 21, 19, .10) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] {
  padding: 76px 0 80px !important;
  background: var(--concept-soft) !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] .clv-centerHead {
  margin: 0 0 30px !important;
  text-align: left !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] .title,
#clovaBody .clv-concept-reviews .title,
#clovaBody > section[aria-label="Wellness benefits"] .title {
  margin: 0 !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(34px, 3.7vw, 56px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: var(--concept-ink) !important;
}

#clovaBody .clv-ultimate-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  align-items: stretch !important;
}

#clovaBody .clv-ultimate-left,
#clovaBody .clv-ultimate-right {
  min-height: 344px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

#clovaBody .clv-ultimate-left img {
  width: 100% !important;
  height: 100% !important;
  min-height: 344px !important;
  object-fit: cover !important;
}

#clovaBody .clv-ultimate-right {
  padding: 38px !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#clovaBody .clv-standards-kicker {
  margin: 0 0 12px !important;
  color: #71776f !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-ultimate-right h3 {
  margin: 0 !important;
  max-width: 430px !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 34px !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-ultimate-right p:not(.clv-standards-kicker) {
  margin: 14px 0 0 !important;
  max-width: 460px !important;
  color: #626860 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#clovaBody .clv-standards-points {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 18px !important;
}

#clovaBody .clv-standards-points span {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: var(--concept-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#clovaBody .clv-standards-points i {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: var(--concept-green) !important;
  position: relative !important;
  flex: 0 0 22px !important;
}

#clovaBody .clv-standards-points i::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 6px;
  height: 10px;
  border: solid #111513;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#clovaBody .clv-ultimate-actions {
  display: none !important;
}

#clovaBody .clv-concept-reviews {
  padding: 76px 0 72px !important;
  background: #fff !important;
}

#clovaBody .clv-concept-reviews .clv-centerHead {
  text-align: left !important;
  margin: 0 0 24px !important;
}

#clovaBody .clv-concept-review-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#clovaBody .clv-concept-review {
  min-height: 210px !important;
  padding: 24px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

#clovaBody .clv-concept-stars {
  display: flex !important;
  gap: 2px !important;
  color: var(--concept-green) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#clovaBody .clv-concept-stars .muted {
  color: #cbd1c4 !important;
}

#clovaBody .clv-concept-review h3 {
  margin: 16px 0 8px !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

#clovaBody .clv-concept-review p {
  margin: 0 !important;
  color: #626860 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#clovaBody .clv-concept-reviewer {
  margin-top: 18px !important;
  color: var(--concept-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#clovaBody > section[aria-label="Wellness benefits"] {
  padding: 74px 0 86px !important;
  background: var(--concept-soft) !important;
}

#clovaBody > section[aria-label="Wellness benefits"] .clv-centerHead {
  margin: 0 0 28px !important;
  text-align: left !important;
}

#clovaBody .clv-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  overflow: visible !important;
}

#clovaBody .clv-benefit {
  min-height: 392px !important;
  padding: 0 0 24px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#clovaBody .clv-benefit .img {
  height: 230px !important;
  overflow: hidden !important;
  background: var(--concept-soft-2) !important;
}

#clovaBody .clv-benefit:nth-child(1) .img img { content: url("/assets/concept-1to1/why-quality.jpg"); }
#clovaBody .clv-benefit:nth-child(2) .img img { content: url("/assets/concept-1to1/why-shipping.jpg"); }
#clovaBody .clv-benefit:nth-child(3) .img img { content: url("/assets/concept-1to1/why-support.jpg"); }

#clovaBody .clv-benefit .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#clovaBody .clv-benefit h4 {
  margin: 22px 22px 10px !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

#clovaBody .clv-benefit p {
  margin: 0 22px !important;
  color: #626860 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Product listing concept */
main .hero {
  padding: 76px 0 26px !important;
  text-align: left !important;
  background: #fff !important;
}

main .hero .wrap {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  padding: 0 !important;
}

main .hero h1 {
  margin: 0 !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(46px, 4.2vw, 64px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: var(--concept-ink) !important;
}

main .hero p {
  margin: 14px 0 0 !important;
  max-width: 560px !important;
  color: #5f665f !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.bar {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  min-height: 44px !important;
  margin: -74px auto 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

.bar .left,
.bar .right {
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.bar .left {
  margin-left: auto !important;
}

.barBtn,
.sortBtn {
  height: 42px !important;
  width: auto !important;
  min-width: 112px !important;
  padding: 0 16px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.sortWrap {
  padding-right: 0 !important;
}

.sortMenu {
  border: 1px solid var(--concept-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 48px rgba(17, 21, 19, .12) !important;
  overflow: hidden !important;
}

.catsRow {
  padding: 0 0 24px !important;
  background: #fff !important;
}

.fullInner {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

.pills {
  justify-content: flex-start !important;
  gap: 9px !important;
}

.pill {
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

.pill.active {
  background: #111513 !important;
  border-color: #111513 !important;
  color: #fff !important;
}

.gridWrap {
  padding: 4px 0 22px !important;
}

.grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.card {
  min-height: 438px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  overflow: visible !important;
}

.imgArea {
  height: 318px !important;
  flex: 0 0 318px !important;
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  padding: 18px !important;
  overflow: hidden !important;
}

.pimg {
  min-height: 0 !important;
  height: 100% !important;
  background: transparent !important;
}

.pimg img {
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  background: transparent !important;
}

.imgArea .pack {
  right: 14px !important;
  top: 14px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid rgba(17, 21, 19, .10) !important;
  text-align: center !important;
}

.imgArea .pack .n {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.imgArea .pack .t {
  display: none !important;
}

.cap {
  min-height: 120px !important;
  padding: 15px 0 0 !important;
  border-top: 0 !important;
  text-align: left !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

.cap .name {
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  text-align: left !important;
}

.cap .prices {
  justify-content: flex-start !important;
  color: #5f665f !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.btnAdd {
  width: 100% !important;
  height: 44px !important;
  margin: auto 0 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.pager {
  padding: 34px 0 52px !important;
}

.pager a {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border-color: var(--concept-line) !important;
}

.feature {
  padding: 64px 0 !important;
  background: var(--concept-soft) !important;
}

.featRow {
  min-height: 440px !important;
  gap: 32px !important;
}

.fImg,
.fTxt {
  min-height: 440px !important;
  background: #fff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.fTxt .inner {
  padding: 42px !important;
}

.fTxt h2 {
  font-family: var(--concept-ui) !important;
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Product detail concept */
.pdTop {
  padding: 44px 0 40px !important;
}

.pdTop .wrap,
.rel .wrap,
#reviews .wrap,
.pdLabReportsMobileTop {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.pdGrid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 455px !important;
  gap: 44px !important;
  align-items: start !important;
  min-height: 0 !important;
}

.pdMedia {
  min-height: 620px !important;
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  background: transparent !important;
}

.pdMedia .imgShell {
  min-height: 620px !important;
  height: 620px !important;
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  padding: 36px !important;
  overflow: hidden !important;
}

.pdMedia .imgShell img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
}

.pdThumbRail {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  grid-column: 1 !important;
}

.pdThumb {
  width: 86px !important;
  height: 86px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  padding: 8px !important;
  overflow: hidden !important;
}

.pdThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
}

.pdMedia .imgShell:first-child {
  grid-column: 1 / -1 !important;
}

.pdMedia:has(.pdThumbRail) .imgShell {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.pdDosePill {
  top: 18px !important;
  right: 18px !important;
  width: 286px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: #111513 !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  color: #fff !important;
}

.pdDosePill::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: .92;
}

.pdDosePillText {
  padding: 0 18px 0 38px !important;
  font-family: var(--concept-ui) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.pdLabReportsMedia,
.tpReviewRow,
.afterCartSlot,
.badgeCard {
  display: none !important;
}

.pdInfo .crumb {
  margin: 0 0 17px !important;
  color: #7a8179 !important;
  font-size: 13px !important;
}

.pdInfo h1 {
  margin: 0 0 12px !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(34px, 3.2vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

.pdPrice {
  margin: 0 0 16px !important;
  color: var(--concept-ink) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.batchAuth {
  margin: 0 0 20px !important;
  color: #4f574f !important;
}

.varCard {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--concept-ink) !important;
}

.varCard .varLabel {
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.mgGrid {
  gap: 8px !important;
}

.mgOpt {
  height: 42px !important;
  min-width: 70px !important;
  padding: 0 16px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.mgOpt.active {
  background: #111513 !important;
  color: #fff !important;
  border-color: #111513 !important;
  box-shadow: none !important;
}

.ratingRow {
  margin: 16px 0 !important;
}

.pdDesc {
  margin: 0 0 20px !important;
  color: #5e655e !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.preCartActions {
  margin: 0 0 10px !important;
}

.shareLinkBtn {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
  border-radius: 50% !important;
  border: 1px solid var(--concept-line) !important;
}

.buyRow {
  grid-template-columns: 142px 1fr !important;
  gap: 10px !important;
  margin: 12px 0 16px !important;
}

.qtyStepper {
  height: 50px !important;
  border-radius: 999px !important;
  border: 1px solid var(--concept-line) !important;
}

.qtyBtn,
.qtyVal {
  border-color: var(--concept-line) !important;
}

.btnMain {
  height: 50px !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.acc.pdInfoTabs {
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  gap: 13px !important;
  margin-top: 18px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.pdTabList {
  gap: 8px !important;
}

.pdTabBtn {
  min-height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid var(--concept-line) !important;
  background: #fff !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  text-align: left !important;
}

.pdTabBtn.active {
  background: #111513 !important;
  color: #fff !important;
  border-color: #111513 !important;
}

.pdTabPanels {
  min-height: 178px !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 6px !important;
  padding: 18px !important;
}

.rel {
  padding: 58px 0 40px !important;
}

.relTabs {
  justify-content: flex-start !important;
  font-family: var(--concept-ui) !important;
  font-weight: 800 !important;
}

.relCard {
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  height: 430px !important;
  flex-basis: 286px !important;
}

.relCard .imgBox {
  border-radius: 6px !important;
  background: var(--concept-soft) !important;
  padding: 18px !important;
}

/* Footer concept */
.clova-footer {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--concept-footer) !important;
  color: #fff !important;
  border-radius: 38px 38px 0 0 !important;
  overflow: hidden !important;
}

.clova-footer .wrap {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  margin: 0 auto !important;
  padding: 74px 0 52px !important;
}

.clova-footer .grid {
  display: grid !important;
  grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr)) !important;
  gap: 58px !important;
}

.clova-footer .left {
  max-width: 330px !important;
}

.clova-footer .footerLogo img {
  width: 162px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.clova-footer .footerEmail {
  margin-top: 42px !important;
  display: inline-flex !important;
  color: #fff !important;
  font-family: var(--clv-font) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.clova-footer .social {
  margin-top: 22px !important;
  display: flex !important;
  gap: 10px !important;
}

.clova-footer .soc {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  background: transparent !important;
}

.clova-footer .colTitle {
  margin: 0 0 20px !important;
  color: rgba(255, 255, 255, .58) !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  text-transform: uppercase !important;
}

.clova-footer .legalTitle {
  margin-top: 38px !important;
}

.clova-footer .links {
  display: grid !important;
  gap: 14px !important;
}

.clova-footer .links a {
  color: rgba(255, 255, 255, .86) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  font-weight: 430 !important;
}

.clova-footer .bottom {
  width: min(var(--concept-wrap), calc(100% - 64px)) !important;
  max-width: var(--concept-wrap) !important;
  height: auto !important;
  min-height: 90px !important;
  margin: 0 auto !important;
  padding: 28px 0 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, .13) !important;
}

.clova-footer .copyright {
  position: static !important;
  color: rgba(255, 255, 255, .55) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.clova-footer .countryWrap {
  display: none !important;
}

.clova-footer .paymentRow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.clova-footer .paymentRow span {
  height: 26px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: var(--concept-footer) !important;
  font-family: var(--concept-ui) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

.clova-footer .toTop {
  right: 24px !important;
  bottom: 24px !important;
}

.clova-footer .waFloatWrap {
  right: 24px !important;
  bottom: 82px !important;
}

@media (max-width: 1180px) {
  .clova-hdr,
  .clvWHeader {
    width: calc(100vw - 32px) !important;
  }

  .clova-hdr .inner,
  .clvWHeader .wrap {
    gap: 24px !important;
    padding-inline: 24px !important;
  }

  .clova-hdr nav,
  .clvWHeader nav {
    gap: 22px !important;
  }

  #clovaBody .clv-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #clovaBody .clv-track,
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pdGrid {
    grid-template-columns: minmax(0, 1fr) 410px !important;
  }
}

/* 2026-06-13: final end-of-file PDP dosage pill lock. */
.clvProductDetailPage .pdMedia .pdDosePill,
.clvProductDetailPage .imgShell .pdDosePill,
.clvProductDetailPage #pdDosePill {
  top: 20px !important;
  right: 20px !important;
  width: min(238px, calc(100% - 40px)) !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border: 2px solid #8fe600 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101513 !important;
  box-shadow: 0 14px 32px rgba(17, 21, 19, .10), inset 0 0 0 1px rgba(255, 255, 255, .82) !important;
  transform: none !important;
}

.clvProductDetailPage .pdMedia .pdDosePill:hover,
.clvProductDetailPage .imgShell .pdDosePill:hover,
.clvProductDetailPage #pdDosePill:hover {
  transform: translateY(-1px) !important;
  border-color: #7fd400 !important;
  box-shadow: 0 18px 38px rgba(17, 21, 19, .14), inset 0 0 0 1px rgba(255, 255, 255, .88) !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon,
.clvProductDetailPage .imgShell .pdDosePillIcon,
.clvProductDetailPage #pdDosePill .pdDosePillIcon {
  flex: 0 0 31px !important;
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fbfff6 0%, #eefbdc 100%) !important;
  color: #121815 !important;
  border: 1px solid rgba(143, 230, 0, .38) !important;
  box-shadow: 0 7px 16px rgba(17, 21, 19, .08), inset 0 0 0 4px rgba(143, 230, 0, .08) !important;
  animation: clvPdpDoseIconBeat 3.2s ease-in-out infinite !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon svg,
.clvProductDetailPage .imgShell .pdDosePillIcon svg,
.clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
  width: 16px !important;
  height: 16px !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTrack,
.clvProductDetailPage .imgShell .pdDosePillTrack,
.clvProductDetailPage #pdDosePill .pdDosePillTrack {
  flex: 0 1 160px !important;
  width: 160px !important;
  max-width: 160px !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdMedia .pdDosePillText,
.clvProductDetailPage .imgShell .pdDosePillText,
.clvProductDetailPage #pdDosePill .pdDosePillText {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #101513 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

.clvProductDetailPage #pdDosePill:focus-visible {
  outline: 3px solid rgba(143, 230, 0, .32) !important;
  outline-offset: 4px !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage .pdMedia .pdDosePill,
  .clvProductDetailPage .imgShell .pdDosePill,
  .clvProductDetailPage #pdDosePill {
    top: 14px !important;
    right: 14px !important;
    width: min(218px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 11px !important;
    gap: 8px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon,
  .clvProductDetailPage .imgShell .pdDosePillIcon,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon svg,
  .clvProductDetailPage .imgShell .pdDosePillIcon svg,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
    width: 15px !important;
    height: 15px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillTrack,
  .clvProductDetailPage .imgShell .pdDosePillTrack,
  .clvProductDetailPage #pdDosePill .pdDosePillTrack {
    flex-basis: 145px !important;
    width: 145px !important;
    max-width: 145px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillText,
  .clvProductDetailPage .imgShell .pdDosePillText,
  .clvProductDetailPage #pdDosePill .pdDosePillText {
    font-size: 12.5px !important;
  }
}

.clvProductDetailPage .pdMedia .pdDosePillTextA,
.clvProductDetailPage .imgShell .pdDosePillTextA,
.clvProductDetailPage #pdDosePill .pdDosePillTextA {
  visibility: visible !important;
  animation: clvPdpDosePolishedTextA 6.4s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTextB,
.clvProductDetailPage .imgShell .pdDosePillTextB,
.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  visibility: visible !important;
  animation: clvPdpDosePolishedTextB 6.4s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

@keyframes clvPdpDosePolishedTextA {
  0%, 42% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  50%, 88% {
    opacity: 0;
    visibility: visible;
    transform: translateY(-7px) scale(.985);
  }
  96%, 100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
}

@keyframes clvPdpDosePolishedTextB {
  0%, 42% {
    opacity: 0;
    visibility: visible;
    transform: translateY(7px) scale(.985);
  }
  50%, 88% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  96%, 100% {
    opacity: 0;
    visibility: visible;
    transform: translateY(7px) scale(.985);
  }
}

/* 2026-06-13: PDP dosage pill final visual polish. */
.clvProductDetailPage .pdDosePill {
  top: 20px !important;
  right: 20px !important;
  width: min(292px, calc(100% - 40px)) !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 2px solid #8fe600 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101513 !important;
  box-shadow: 0 14px 32px rgba(17, 21, 19, .10), inset 0 0 0 1px rgba(255, 255, 255, .82) !important;
  transform: none !important;
}

.clvProductDetailPage .pdDosePill:hover {
  transform: translateY(-1px) !important;
  border-color: #7fd400 !important;
  box-shadow: 0 18px 38px rgba(17, 21, 19, .14), inset 0 0 0 1px rgba(255, 255, 255, .88) !important;
}

.clvProductDetailPage .pdDosePillIcon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fbfff6 0%, #eefbdc 100%) !important;
  color: #121815 !important;
  border: 1px solid rgba(143, 230, 0, .38) !important;
  box-shadow: 0 7px 16px rgba(17, 21, 19, .08), inset 0 0 0 4px rgba(143, 230, 0, .08) !important;
  animation: clvPdpDoseIconBeat 3.2s ease-in-out infinite !important;
}

.clvProductDetailPage .pdDosePillIcon svg {
  width: 18px !important;
  height: 18px !important;
}

.clvProductDetailPage .pdDosePillTrack {
  flex: 0 1 182px !important;
  width: 182px !important;
  max-width: 182px !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillText {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #101513 !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

.clvProductDetailPage .pdDosePill:focus-visible {
  outline: 3px solid rgba(143, 230, 0, .32) !important;
  outline-offset: 4px !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage .pdDosePill {
    top: 14px !important;
    right: 14px !important;
    width: min(252px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    gap: 10px !important;
  }

  .clvProductDetailPage .pdDosePillIcon {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .clvProductDetailPage .pdDosePillIcon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .clvProductDetailPage .pdDosePillTrack {
    flex-basis: 154px !important;
    width: 154px !important;
    max-width: 154px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    font-size: 13.2px !important;
  }
}

/* 2026-06-10 final polish pass: centered controls, inline cart feedback, PDP/checkout refinements. */
@media (min-width: 981px) {
  .clova-hdr nav,
  .clvWHeader nav {
    justify-content: center !important;
    text-align: center !important;
  }

  .clova-hdr .navMega,
  .clvWHeader .navMega {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (min-width: 721px) {
  .clvProductsPage .catsRow .pills,
  main .catsRow .pills,
  body main section.catsRow .pills {
    justify-content: center !important;
    text-align: center !important;
  }
}

#clovaBody .clv-hero-actions .clv-btn.black,
#clovaBody .clv-evidence .clv-btn {
  justify-content: center !important;
  gap: 12px !important;
}

#clovaBody .clv-hero-actions .clv-btn.black span[aria-hidden="true"],
#clovaBody .clv-evidence .clv-btn span[aria-hidden="true"] {
  display: inline-grid !important;
  place-items: center !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .14) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

#clovaBody .clv-evidence .clv-btn span[aria-hidden="true"] {
  background: rgba(17, 21, 19, .08) !important;
}

#clovaBody .clv-hero-product::after {
  content: "" !important;
  display: block !important;
  place-items: initial !important;
  width: 16px !important;
  height: 16px !important;
  left: calc(15.5% + 14px) !important;
  bottom: 34px !important;
  border: 0 !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: transparent !important;
  transform: rotate(45deg) !important;
  box-shadow: none !important;
}

main .card,
#clovaBody .clv-card,
#clovaBody .clv-mbest-card {
  position: relative !important;
}

main .card.is-added .imgArea,
main .card.is-added .cap,
#clovaBody .clv-card.is-added > :not(.cardAddedFx),
#clovaBody .clv-mbest-card.is-added > :not(.cardAddedFx) {
  filter: blur(2.4px) saturate(.92) !important;
  opacity: .62 !important;
  transition: filter .2s ease, opacity .2s ease !important;
}

.cardAddedFx {
  position: absolute !important;
  inset: -1px !important;
  z-index: 40 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(155,220,0,.24), transparent 32%),
    radial-gradient(circle at 82% 14%, rgba(255,223,93,.24), transparent 30%),
    rgba(255, 255, 255, .82) !important;
  box-shadow: inset 0 0 0 1px rgba(17, 21, 19, .10) !important;
  backdrop-filter: blur(7px) saturate(1.08) !important;
}

.cardAddedFx strong {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  background: #080b09 !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16) !important;
}

.cardAddedFx strong::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  border-radius: 50% !important;
  background: #9bdc00 !important;
  box-shadow: 0 0 0 4px rgba(155,220,0,.20) !important;
  transform-origin: center !important;
  animation: clvAddedCheckSpin .62s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx strong::after {
  content: "" !important;
  position: absolute !important;
  left: 27px !important;
  top: 50% !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #071006 !important;
  border-bottom: 2px solid #071006 !important;
  transform: translateY(-58%) rotate(-45deg) !important;
  animation: clvAddedTickDraw .5s ease .16s both !important;
}

.cardAddedFx .confetti {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1px !important;
  height: 1px !important;
}

.cardAddedFx .confetti i {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 7px !important;
  height: 10px !important;
  border-radius: 2px !important;
  background: var(--c, #9bdc00) !important;
  transform-origin: center !important;
  animation: clvInlineConfetti 1.18s cubic-bezier(.19, 1, .22, 1) var(--d, 0ms) both !important;
}

@keyframes clvAddedCheckSpin {
  0% {
    opacity: 0;
    transform: scale(.35) rotate(-180deg);
  }
  58% {
    opacity: 1;
    transform: scale(1.16) rotate(20deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes clvAddedTickDraw {
  0% {
    opacity: 0;
    transform: translateY(-58%) rotate(-45deg) scale(.45);
  }
  100% {
    opacity: 1;
    transform: translateY(-58%) rotate(-45deg) scale(1);
  }
}

@keyframes clvInlineConfetti {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.32) rotate(0deg);
  }
  12% {
    opacity: 1;
  }
  68% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--x, 0px)), calc(-50% + var(--y, -88px))) scale(var(--s, 1)) rotate(var(--r, 180deg));
  }
}

main .btnAdd.is-added,
#clovaBody [data-add-cart].is-added {
  background: #94d500 !important;
  color: #071006 !important;
}

.stickyBuy {
  display: none !important;
}

.pagePadBottom {
  padding-bottom: 0 !important;
}

.clvProductDetailPage .pagePadBottom,
main.pagePadBottom {
  padding-bottom: 0 !important;
}

.clvProductDetailPage .pdPrice {
  gap: 9px !important;
  align-items: center !important;
}

.clvProductDetailPage .pdPrice .productSaleTag,
main .flashBadge.productSaleTag {
  border-radius: 3px !important;
}

.clvProductDetailPage .pdPrice .productSaleTag {
  min-height: 22px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

.clvProductDetailPage .btnMain {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 18px !important;
}

.clvProductDetailPage .btnMain::after {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 2px !important;
  transform: none !important;
}

.clvProductDetailPage .btnMain.is-added {
  background: #94d500 !important;
  color: #081008 !important;
}

.clvProductDetailPage .pdTrustStrip {
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
}

.clvProductDetailPage .pdTrustItem {
  flex: 0 0 auto !important;
  gap: 5px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdTrustItem:first-child {
  padding-left: 0 !important;
}

.clvProductDetailPage .pdTrustItem svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

.clvProductDetailPage .relTitle,
.clvProductDetailPage .relTabs {
  text-align: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .slider {
  justify-content: center !important;
}

.clvProductDetailPage .relCard {
  position: relative !important;
  text-align: center !important;
}

.clvProductDetailPage .relCard .cap,
.clvProductDetailPage .relCard .capText,
.clvProductDetailPage .relCard .capTitle,
.clvProductDetailPage .relCard .relPrice {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.clvProductDetailPage .relCard .relBatchAuth {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  max-width: calc(100% - 24px) !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #111513 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .10) !important;
  pointer-events: none !important;
}

.clvProductDetailPage .relCard .relBatchAuth .batchIcon {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

.clvProductDetailPage .relCard .relBatchAuth .tickCirc {
  display: none !important;
}

.clvProductDetailPage #reviews {
  background: #f7f8f5 !important;
  padding: 48px 0 64px !important;
}

.clvProductDetailPage .revTitle {
  margin: 0 0 22px !important;
  text-align: center !important;
  font-size: 30px !important;
  font-weight: 560 !important;
  letter-spacing: -.01em !important;
}

.clvProductDetailPage .revSummary {
  display: grid !important;
  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.28fr) minmax(170px, .52fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 150px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(17, 21, 19, .10) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(17, 21, 19, .06) !important;
}

.clvProductDetailPage .revSummary .revCol {
  min-height: 150px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .revSummary .revCol + .revCol {
  border-left: 1px solid rgba(17, 21, 19, .08) !important;
}

.clvProductDetailPage .revAvg {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  text-align: left !important;
}

.clvProductDetailPage .revAvgNum {
  line-height: 1 !important;
  font-weight: 620 !important;
}

.clvProductDetailPage .revAvgMeta {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
}

.clvProductDetailPage .revList {
  gap: 18px !important;
  margin-top: 22px !important;
}

.clvProductDetailPage .revItem {
  min-height: 214px !important;
  padding: 22px !important;
  border: 1px solid rgba(17, 21, 19, .10) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(17, 21, 19, .05) !important;
}

.clvProductDetailPage .revAction {
  align-items: center !important;
  justify-content: center !important;
}

.clv-checkout label[for] {
  display: inline-grid !important;
  grid-template-columns: 20px auto !important;
  align-items: center !important;
  gap: 8px !important;
  color: #111513 !important;
}

.clv-checkout label[for]::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  opacity: 1 !important;
  border-radius: 5px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  filter: none !important;
}

@media (max-width: 720px) {
  .cardAddedFx {
    inset: 7px !important;
    border-radius: 7px !important;
  }

  .cardAddedFx strong {
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
  }

  #clovaBody .clv-hero-product::after {
    left: calc(50% - 8px) !important;
    bottom: 24px !important;
  }

  .clvProductDetailPage .pdTrustStrip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 10px !important;
  }

  .clvProductDetailPage .pdTrustItem {
    padding: 0 6px !important;
    font-size: 8.8px !important;
  }

  .clvProductDetailPage .relCard .relBatchAuth {
    top: 9px !important;
    right: 9px !important;
    min-height: 24px !important;
    padding: 5px 7px !important;
    font-size: 8px !important;
    border-radius: 5px !important;
  }

  .clvProductDetailPage .revSummary {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .revSummary .revCol {
    min-height: 118px !important;
    padding: 20px !important;
  }

  .clvProductDetailPage .revSummary .revCol + .revCol {
    border-left: 0 !important;
    border-top: 1px solid rgba(17, 21, 19, .08) !important;
  }

  .clvProductDetailPage .revAvg {
    text-align: center !important;
  }
}

.clvProductDetailPage .pagePadBottom,
main.pagePadBottom {
  padding-bottom: 0 !important;
}

@media (max-width: 980px) {
  .clova-hdr,
  .clvWHeader {
    top: 14px !important;
    height: 70px !important;
    min-height: 70px !important;
  }

  .clova-hdr .inner,
  .clvWHeader .wrap {
    min-height: 68px !important;
    height: 68px !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }

  .clova-hdr nav,
  .clvWHeader nav,
  .clova-hdr .flagSwitch,
  .clvWHeader .flagSwitch {
    display: none !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 124px !important;
    max-width: 124px !important;
    max-height: 46px !important;
  }

  .clova-hdr .clvHamBtn,
  .clvWHeader .hamburger {
    display: inline-flex !important;
  }

  #clovaBody .clv-wrap,
  #clovaBody .clv-hero-inner,
  main .hero .wrap,
  .fullInner,
  .pdTop .wrap,
  .rel .wrap,
  #reviews .wrap,
  .pdLabReportsMobileTop,
  .clova-footer .wrap,
  .clova-footer .bottom {
    width: calc(100% - 36px) !important;
  }

  #clovaBody .clv-hero {
    min-height: auto !important;
    height: auto !important;
    padding: 116px 0 24px !important;
  }

  #clovaBody .clv-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  #clovaBody .clv-hero-copy {
    max-width: 640px !important;
  }

  #clovaBody .clv-hero-copy h1 {
    font-size: clamp(48px, 11vw, 76px) !important;
  }

  #clovaBody .clv-hero-product {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1.35 / 1 !important;
  }

  #clovaBody .clv-cats {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
    top: 0 !important;
  }

  #clovaBody .clv-cat {
    flex: 0 0 248px !important;
    scroll-snap-align: start !important;
  }

  #clovaBody .clv-split {
    grid-template-columns: 1fr !important;
    padding: 54px 18px 390px !important;
  }

  #clovaBody .clv-split::after {
    left: 18px !important;
    right: 18px !important;
    top: auto !important;
    bottom: 44px !important;
    width: auto !important;
    height: 300px !important;
  }

  #clovaBody .clv-track,
  #clovaBody .clv-mbest-grid {
    display: flex !important;
    overflow-x: auto !important;
    gap: 16px !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 8px !important;
  }

  #clovaBody .clv-card,
  #clovaBody .clv-mbest-card {
    flex: 0 0 290px !important;
    scroll-snap-align: start !important;
  }

  #clovaBody .clv-ultimate-grid,
  #clovaBody .clv-concept-review-grid,
  #clovaBody .clv-benefits {
    grid-template-columns: 1fr !important;
  }

  .bar {
    margin: 0 auto 18px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .bar > div:nth-child(2) {
    display: none !important;
  }

  .bar .left,
  .bar .right,
  .barBtn,
  .sortWrap,
  .sortBtn {
    width: 100% !important;
  }

  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .imgArea {
    height: 230px !important;
    flex-basis: 230px !important;
  }

  .pdTop {
    padding-top: 112px !important;
  }

  .pdGrid,
  .pdMedia {
    grid-template-columns: 1fr !important;
  }

  .pdMedia {
    min-height: 0 !important;
  }

  .pdThumbRail {
    order: 2 !important;
    flex-direction: row !important;
    overflow-x: auto !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell,
  .pdMedia .imgShell {
    grid-column: 1 !important;
    min-height: 430px !important;
    height: 430px !important;
  }

  .acc.pdInfoTabs {
    grid-template-columns: 1fr !important;
  }

  .pdTabList {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .clova-footer {
    border-radius: 28px 28px 0 0 !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1.2fr 1fr !important;
    gap: 34px 28px !important;
  }

  .clova-footer .left {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}

@media (max-width: 980px) {
  #clovaBody .clv-hero-copy h1,
  #clovaBody .clv-hero-copy p,
  main .hero h1,
  main .hero p {
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  #clovaBody .clv-hero-actions,
  #clovaBody .clv-hero-actions .clv-btn.black {
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: 0 !important;
  }

  .bar {
    display: grid !important;
    width: calc(100vw - 100px) !important;
    max-width: calc(100vw - 100px) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .barBtn,
  .sortBtn {
    width: calc((100vw - 120px) / 2) !important;
    max-width: calc((100vw - 120px) / 2) !important;
    min-width: 0 !important;
  }

  .grid {
    width: calc(100vw - 100px) !important;
    max-width: calc(100vw - 100px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pdDosePill {
    width: calc(100vw - 160px) !important;
    max-width: calc(100vw - 160px) !important;
    left: 12px !important;
    right: auto !important;
  }
}

@media (max-width: 800px) {
  .clova-hdr .right,
  .clvWHeader .right {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 96px !important;
    max-width: 96px !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  #clovaBody .clv-hero-inner,
  #clovaBody .clv-hero-copy,
  main .hero .wrap,
  .fullInner,
  .pdTop .wrap,
  .rel .wrap,
  #reviews .wrap,
  .pdLabReportsMobileTop {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
  }

  #clovaBody .clv-hero-copy h1,
  #clovaBody .clv-hero-copy p,
  main .hero h1,
  main .hero p {
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  #clovaBody .clv-hero-actions,
  #clovaBody .clv-hero-actions .clv-btn.black {
    width: calc(100vw - 140px) !important;
    max-width: calc(100vw - 140px) !important;
    min-width: 0 !important;
  }

  .bar {
    display: grid !important;
    width: calc(100vw - 100px) !important;
    max-width: calc(100vw - 100px) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .barBtn,
  .sortBtn {
    width: calc((100vw - 120px) / 2) !important;
    max-width: calc((100vw - 120px) / 2) !important;
    min-width: 0 !important;
  }

  .grid {
    width: calc(100vw - 100px) !important;
    max-width: calc(100vw - 100px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .card,
  .imgArea,
  .cap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .pdGrid,
  .pdMedia,
  .pdInfo,
  .pdMedia .imgShell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .pdDosePill {
    width: calc(100vw - 160px) !important;
    max-width: calc(100vw - 160px) !important;
    left: 12px !important;
    right: auto !important;
  }
}

@media (max-width: 560px) {
  html,
  body,
  #clovaBody {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .clova-hdr,
  .clvWHeader {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  .clova-hdr .inner,
  .clvWHeader .wrap {
    min-width: 0 !important;
    padding-inline: 14px !important;
  }

  .clova-hdr .right,
  .clvWHeader .right {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 96px !important;
    max-width: 96px !important;
    gap: 4px !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
  }

  .clova-hdr .searchBtn,
  .clova-hdr .cartBtn,
  .clova-hdr .clvHamBtn,
  .clvWHeader .iconBtn,
  .clvWHeader .cartBtn,
  .clvWHeader .hamburger {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  #clovaBody .clv-hero-inner,
  #clovaBody .clv-hero-copy,
  main .hero .wrap,
  .fullInner,
  .pdTop .wrap,
  .rel .wrap,
  #reviews .wrap,
  .pdLabReportsMobileTop {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
  }

  #clovaBody .clv-hero-copy,
  #clovaBody .clv-hero-copy h1,
  #clovaBody .clv-hero-copy p,
  main .hero h1,
  main .hero p {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  #clovaBody .clv-hero-copy h1 {
    font-size: 40px !important;
  }

  #clovaBody .clv-hero-copy p,
  main .hero p {
    font-size: 15px !important;
  }

  #clovaBody .clv-hero-actions {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
  }

  #clovaBody .clv-hero-actions .clv-btn.black {
    width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 36px) !important;
  }

  #clovaBody .clv-hero-product {
    aspect-ratio: 1 / .82 !important;
  }

  #clovaBody .clv-cardMedia,
  #clovaBody .clv-mbest-media {
    height: 250px !important;
  }

  main .hero {
    padding-top: 112px !important;
  }

  .bar {
    display: grid !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .bar .left,
  .bar .right,
  .barBtn,
  .sortWrap,
  .sortBtn {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .barBtn,
  .sortBtn {
    width: calc((100vw - 46px) / 2) !important;
    max-width: calc((100vw - 46px) / 2) !important;
  }

  .pills {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    overflow-x: auto !important;
  }

  .grid {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .card,
  .imgArea,
  .cap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .imgArea {
    height: 158px !important;
    flex-basis: 158px !important;
    padding: 12px !important;
  }

  .cap .name,
  .cap .prices {
    font-size: 12px !important;
  }

  .btnAdd {
    height: 40px !important;
    font-size: 12px !important;
  }

  .buyRow {
    grid-template-columns: 1fr !important;
  }

  .pdGrid,
  .pdMedia,
  .pdInfo,
  .pdMedia .imgShell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .pdMedia {
    overflow: visible !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell,
  .pdMedia .imgShell {
    min-height: 360px !important;
    height: 360px !important;
    padding: 26px !important;
  }

  .pdDosePill {
    width: calc(100vw - 60px) !important;
    max-width: none !important;
    left: 12px !important;
    right: auto !important;
    top: 12px !important;
  }

  .pdInfo h1 {
    font-size: 30px !important;
  }

  .clova-footer .wrap {
    padding: 52px 0 36px !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 20px !important;
  }

  .clova-footer .footerEmail {
    font-size: 20px !important;
  }

  .clova-footer .bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* 2026-06-09: navigation, currency, product media, and footer icon fixes. */
.conceptChevron {
  width: 12px !important;
  height: 8px !important;
  margin-left: 7px !important;
  vertical-align: middle !important;
  transform: translateY(-1px) !important;
}

.conceptChevron::before {
  display: none !important;
}

.conceptChevron svg {
  display: block !important;
  width: 12px !important;
  height: 8px !important;
  overflow: visible !important;
}

.clova-hdr .right,
.clvWHeader .right {
  gap: 14px !important;
}

.clova-hdr .flagSwitch,
.clvWHeader .flagSwitch {
  gap: 8px !important;
  margin-right: 8px !important;
}

.flagSwitchBtn,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.flagSwitchBtn.is-active,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active,
.clova-hdr.is-scrolled .flagSwitchBtn.is-active,
.clova-hdr.mega-open .flagSwitchBtn.is-active,
.clova-hdr.mobile-open .flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active {
  background: transparent !important;
  box-shadow: none !important;
}

.flagSwitchBtn:focus:not(:focus-visible) {
  outline: 0 !important;
}

.flagSwitchBtn:focus-visible {
  outline: 1px solid rgba(17, 21, 19, .42) !important;
  outline-offset: 2px !important;
}

.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 3px !important;
  box-shadow: 0 0 0 1px rgba(17, 21, 19, .20) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider,
.clova-hdr.is-scrolled .flagDivider {
  display: block !important;
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 18px !important;
  margin: 0 2px !important;
  background: rgba(17, 21, 19, .38) !important;
  opacity: 1 !important;
}

.clova-hdr #clvSearchOpen,
.clvWHeader #clvSearchBtn {
  display: none !important;
}

#clovaBody section[aria-label="Wellness benefits"] {
  display: none !important;
}

#clovaBody .clv-carouselTop {
  justify-content: center !important;
}

main #productsGrid .imgArea,
main .gridWrap .imgArea,
#productsGrid .imgArea,
.gridWrap .imgArea {
  padding: 0 !important;
  overflow: hidden !important;
  background: #f3f3f3 !important;
}

#productsGrid .pimg,
.gridWrap .pimg {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

#productsGrid .pimg img,
.gridWrap .pimg img,
.clvShopMega .imgBox img,
.shopMega .imgBox img,
.clvMProdGrid .img img,
.clvSearch .sImg img,
.clvSearch .img img,
.relCard .imgBox img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

.feature .fImg {
  padding: 0 !important;
  overflow: hidden !important;
}

.feature .fImg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

body main > section.hero,
body main > section.hero .wrap,
body main > section.hero h1,
body main > section.hero p {
  text-align: center !important;
}

body main > section.hero p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.clova-footer .footerLogo,
.clova-footer .footerLogo img {
  display: block !important;
}

.clova-footer .social {
  display: flex !important;
  align-items: center !important;
}

.clova-footer .soc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 4px !important;
}

.clova-footer .paymentRow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.clova-footer .paymentRow .paymentLogo {
  display: inline-flex !important;
  width: auto !important;
  height: 18px !important;
  padding: 0 !important;
  color: #fff !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  display: block !important;
  width: auto !important;
  height: 18px !important;
  overflow: visible !important;
}

.clova-footer .paymentRow .paymentMastercard svg {
  width: 74px !important;
}

.clova-footer .paymentRow .paymentGoogle svg {
  width: 58px !important;
}

@media (max-width: 640px) {
  .clova-footer .paymentRow {
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
  }
}

/* 2026-06-10 important UI pass: breadcrumbs, checkout, dosage, PDP, footer, mobile nav. */
.crumb,
.conceptCrumb,
.breadcrumb,
.breadcrumbs,
[aria-label="Breadcrumb"],
[aria-label="Breadcrumbs"] {
  display: none !important;
}

.conceptStockBadge,
main #productsGrid .conceptStockBadge,
main .gridWrap .conceptStockBadge {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  box-shadow: none !important;
}

.conceptStockBadge i,
main #productsGrid .conceptStockBadge i,
main .gridWrap .conceptStockBadge i {
  background: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.72) !important;
}

body main > section.hero:first-child {
  padding-top: clamp(118px, 12vw, 164px) !important;
  padding-bottom: 34px !important;
}

body main > section.hero:first-child .wrap {
  display: grid !important;
  justify-items: center !important;
}

body main > section.hero:first-child h1 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body main > section.hero:first-child p {
  max-width: 610px !important;
}

.flagSwitch,
.clova-hdr .flagSwitch,
.clvWHeader .flagSwitch {
  background: transparent !important;
}

.flagSwitchBtn,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.flagSwitchBtn.is-active,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.clova-hdr .flagSwitchBtn:hover,
.clvWHeader .flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.flagSwitchBtn .flag,
.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  overflow: hidden !important;
  border-radius: 4px !important;
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagSwitchBtn.is-active .flag {
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider {
  width: 1px !important;
  min-width: 1px !important;
  height: 20px !important;
  background: rgba(17,21,19,.38) !important;
  opacity: 1 !important;
}

.clova-footer .soc {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #fff !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

.clova-footer .soc:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.36) !important;
  transform: translateY(-1px) !important;
}

.clova-footer .soc svg {
  width: 15px !important;
  height: 15px !important;
}

.clova-footer .paymentRow {
  gap: 8px !important;
}

.clova-footer .paymentRow .paymentLogo {
  height: 24px !important;
  min-width: 44px !important;
  padding: 3px 7px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 7px !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  max-height: 16px !important;
}

.clv-checkout {
  background:
    radial-gradient(860px 420px at 94% 0%, rgba(164,211,0,.11), transparent 62%),
    radial-gradient(720px 360px at 0% 10%, rgba(17,21,19,.06), transparent 58%),
    #f7f8f5 !important;
}

.clv-checkout .clv-wrap {
  padding-top: clamp(112px, 10vw, 142px) !important;
}

.clv-checkout .clv-grid {
  align-items: start !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr) !important;
  gap: 22px !important;
}

.clv-formColumn form {
  display: grid !important;
  gap: 16px !important;
}

.clv-checkout .clv-card {
  border-radius: 18px !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 48px rgba(17,21,19,.07) !important;
}

.clv-checkout-panel {
  padding: 20px !important;
}

.clv-checkout .clv-card h2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  font-size: 21px !important;
  letter-spacing: -.01em !important;
}

.clv-checkout .clv-card h2::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #111513;
  box-shadow: inset 0 0 0 8px #111513;
}

.clv-delivery-card h2::before {
  background: #9bd500 !important;
  box-shadow: inset 0 0 0 8px #9bd500 !important;
}

.clv-checkout label[for] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #333 !important;
  letter-spacing: .02em !important;
}

.clv-checkout label[for]::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background: #111513;
  -webkit-mask: var(--clv-field-icon) center / contain no-repeat;
  mask: var(--clv-field-icon) center / contain no-repeat;
}

.clv-checkout label[for="name"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0M12 13a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="email"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16v12H4zM4 7l8 6 8-6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="phone"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4l3 3-2 2c1.4 2.7 3.3 4.6 6 6l2-2 3 3-1.4 3c-.3.6-.9 1-1.6.9C9.8 18.8 5.2 14.2 4.1 8c-.1-.7.3-1.3.9-1.6L7 4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="country"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="address1"], .clv-checkout label[for="address2"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.5 7-12A7 7 0 1 0 5 9c0 6.5 7 12 7 12Zm0-9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="city"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V7l6-4 6 4v14M16 10h4v11M8 10h4M8 14h4M8 18h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="state"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l5-2 6 2 5-2v14l-5 2-6-2-5 2V6Zm5-2v14M15 6v14' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="postal"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10l3 4v12H4V8l3-4Zm-3 5h16M8 14h8M8 17h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.clv-checkout label[for="notes"] { --clv-field-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h9l3 3v15H6V3Zm9 0v4h4M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.clv-checkout input,
.clv-checkout textarea,
.clv-checkout select {
  min-height: 46px !important;
  border-radius: 13px !important;
  border-color: rgba(17,21,19,.14) !important;
  background: #fff !important;
}

.clv-checkout input:focus,
.clv-checkout textarea:focus,
.clv-checkout select:focus {
  outline: 0 !important;
  border-color: rgba(17,21,19,.55) !important;
  box-shadow: 0 0 0 4px rgba(164,211,0,.16) !important;
}

.clv-submitCard {
  display: flex !important;
  justify-content: flex-end !important;
}

.clv-submitCard .clv-btn {
  min-width: 220px !important;
  min-height: 50px !important;
}

.dcWrap {
  font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background:
    radial-gradient(900px 460px at 100% 0%, rgba(164,211,0,.12), transparent 60%),
    linear-gradient(180deg, #fafbf8 0%, #f4f5f1 100%) !important;
  padding-top: clamp(110px, 10vw, 138px) !important;
}

.dcCard {
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(17,21,19,.07) !important;
}

.dcCard h2 {
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

.dcField select,
.dcSelectedBottom a,
.dcPill.on {
  background: #111513 !important;
  border-color: #111513 !important;
}

.dcDoseNotice {
  background: #ecffad !important;
  border-color: rgba(17,21,19,.16) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  letter-spacing: .02em !important;
}

.pdTop {
  padding-top: clamp(16px, 3vw, 34px) !important;
}

.pdGrid {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: clamp(24px, 4vw, 58px) !important;
  align-items: start !important;
}

.pdMedia {
  min-height: 610px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.pdMedia .imgShell {
  height: 610px !important;
  min-height: 610px !important;
  padding: 0 !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 7px !important;
  background: #f2f3f0 !important;
  box-shadow: 0 18px 42px rgba(17,21,19,.07) !important;
}

.pdMedia .imgShell img,
.pdThumb img,
.stickyThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
}

.pdThumb {
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  border-radius: 7px !important;
  background: #f2f3f0 !important;
  border-color: rgba(17,21,19,.12) !important;
}

.pdInfo {
  padding-top: 18px !important;
}

.pdInfo h1 {
  font-size: clamp(34px, 3.25vw, 48px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -.03em !important;
}

.pdInfo > .ratingRow {
  margin: 2px 0 20px !important;
}

.varRow + .ratingRow,
.batchAuth + .ratingRow {
  display: none !important;
}

.pdPrice {
  margin-bottom: 18px !important;
  font-size: 24px !important;
}

.pdPrice .nowPrice {
  font-weight: 850 !important;
}

.varCard {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  padding: 0 !important;
}

.varCard .varLabel {
  color: #111 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.mgGrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mgOpt {
  border-color: rgba(17,21,19,.14) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111 !important;
}

.mgOpt.active {
  border-color: #9bd500 !important;
  box-shadow: inset 0 0 0 1px #9bd500 !important;
  background: #fff !important;
  color: #111 !important;
}

.batchAuth {
  color: #4b504b !important;
}

.batchAuth .tickCirc {
  background: #9bd500 !important;
  color: #111 !important;
}

.buyRow {
  grid-template-columns: 126px 1fr !important;
}

.qtyStepper,
.btnMain,
.stickyBtn {
  border-radius: 6px !important;
}

.acc.pdInfoTabs {
  width: 100% !important;
  clear: both !important;
  margin: 30px 0 0 !important;
  padding-top: 0 !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 0 !important;
}

.pdTabList {
  gap: 0 !important;
  border-right: 1px solid rgba(17,21,19,.10) !important;
}

.pdTabBtn {
  min-height: 64px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 0 24px !important;
}

.pdTabBtn.active {
  background: #f8fbf0 !important;
  color: #111 !important;
  box-shadow: inset 4px 0 0 #9bd500 !important;
}

.pdTabPanels {
  min-height: 190px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 32px !important;
}

#reviews {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  padding-top: 50px !important;
}

.revList {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  border-top: 0 !important;
  padding-top: 18px !important;
}

.revItem {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 210px !important;
  padding: 18px !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.revRight {
  justify-content: flex-start !important;
}

.clvMobileQuickNav {
  display: none;
}

@media (max-width: 980px) {
  .clv-checkout .clv-grid,
  .pdGrid {
    grid-template-columns: 1fr !important;
  }

  .clv-checkout .clv-wrap {
    padding-top: 104px !important;
  }

  .pdMedia {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .pdThumbRail {
    grid-row: 2 !important;
    flex-direction: row !important;
    overflow-x: auto !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell {
    grid-column: 1 !important;
  }

  .pdMedia .imgShell {
    height: min(74vw, 520px) !important;
    min-height: 360px !important;
  }

  .mgGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .acc.pdInfoTabs {
    grid-template-columns: 1fr !important;
  }

  .pdTabList {
    flex-direction: row !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(17,21,19,.10) !important;
  }

  .pdTabBtn.active {
    box-shadow: inset 0 -3px 0 #9bd500 !important;
  }

  .revList {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body {
    padding-bottom: 82px !important;
  }

  html,
  body,
  #clovaBody {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #clovaBody .clv-wrap,
  #clovaBody .clv-hero-inner {
    width: min(354px, calc(100vw - 54px)) !important;
    max-width: min(354px, calc(100vw - 54px)) !important;
    min-width: 0 !important;
  }

  #clovaBody .clv-hero-copy,
  #clovaBody .clv-hero-copy p {
    width: min(320px, calc(100vw - 54px)) !important;
    max-width: min(320px, calc(100vw - 54px)) !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  #clovaBody .clv-hero-actions,
  #clovaBody .clv-hero-actions .clv-btn.black {
    width: min(320px, calc(100vw - 54px)) !important;
    max-width: min(320px, calc(100vw - 54px)) !important;
    min-width: 0 !important;
  }

  .clova-hdr,
  .clvWHeader {
    left: 18px !important;
    right: auto !important;
    width: min(354px, calc(100vw - 36px)) !important;
    max-width: min(354px, calc(100vw - 36px)) !important;
    transform: none !important;
  }

  .clvMobileQuickNav {
    position: fixed;
    left: 14px;
    right: auto;
    width: min(346px, calc(100vw - 44px));
    max-width: min(346px, calc(100vw - 44px));
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 2200;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-height: 60px;
    padding: 7px;
    border: 1px solid rgba(17,21,19,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 44px rgba(17,21,19,.18);
    backdrop-filter: blur(14px);
  }

  .clvMobileQuickNav a {
    display: grid;
    place-items: center;
    gap: 3px;
    min-width: 0;
    color: #111513;
    text-decoration: none;
    font-family: "DM Sans", system-ui, sans-serif;
    font-size: 10.5px;
    line-height: 1.05;
    font-weight: 800;
    border-radius: 999px;
  }

  .clvMobileQuickNav a:active {
    background: #f0f5df;
  }

  .clvMobileQuickNav svg {
    width: 18px;
    height: 18px;
  }

  .clova-footer .bottom {
    padding-bottom: 88px !important;
  }

  .buyRow {
    grid-template-columns: 1fr !important;
  }

  .revList {
    grid-template-columns: 1fr !important;
  }

  .clv-submitCard .clv-btn {
    width: 100% !important;
  }
}

/* 2026-06-10 true EOF lock: compact listing, cardless footer marks, mobile fit. */
.clvProductsPage main > section.hero:first-child {
  margin-top: 0 !important;
}

.clvProductsPage main section.gridWrap {
  padding-bottom: 24px !important;
}

.clvProductsPage .clova-footer {
  margin-top: 20px !important;
  border-top: 0 !important;
}

.clova-footer .social {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .soc {
  width: 31px !important;
  height: 20px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .soc:first-child {
  width: 23px !important;
  padding-left: 0 !important;
}

.clova-footer .soc + .soc {
  border-left: 1px solid rgba(255,255,255,.28) !important;
}

.clova-footer .soc svg {
  width: 15px !important;
  height: 15px !important;
}

.clova-footer .paymentRow {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .paymentRow .paymentLogo {
  min-width: 0 !important;
  height: 18px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .paymentRow .paymentLogo:first-child {
  padding-left: 0 !important;
}

.clova-footer .paymentRow .paymentLogo + .paymentLogo {
  border-left: 1px solid rgba(255,255,255,.25) !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  width: auto !important;
  max-width: 58px !important;
  height: 16px !important;
}

@media (max-width: 720px) {
  .clvWHeader .wrap,
  .clova-hdr .inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow: visible !important;
  }

  .clvProductsPage main > section.hero:first-child {
    margin-top: 0 !important;
  }

  .clvProductsPage main section.gridWrap {
    padding-bottom: 18px !important;
  }

  .clvProductsPage .clova-footer {
    margin-top: 16px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: min(100%, 344px) !important;
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clvProductDetailPage .pdThumbRail {
    width: min(100%, 344px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
  }

  .clova-footer .grid > div {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
  }

  .clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }

  .clova-footer .paymentRow {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .clova-footer .paymentRow .paymentLogo {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* 2026-06-10 true EOF request lock: flags, product cards, PDP buy row, footer mobile. */
.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.flagSwitchBtn .flag,
.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider {
  display: block !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 20px !important;
  background: rgba(17,21,19,.38) !important;
  opacity: 1 !important;
}

body.clvProductDetailPage,
body.clvProductDetailPage main,
body.clvProductDetailPage .pdTop,
body.clvProductDetailPage #reviews,
body.clvProductDetailPage .rel {
  background: #fff !important;
}

.clvProductDetailPage .pdStockRow {
  display: none !important;
}

.clvProductDetailPage .pdInfo h1 {
  font-weight: 720 !important;
}

.clvProductDetailPage .pdPrice,
.clvProductDetailPage .pdPrice .nowPrice {
  font-weight: 680 !important;
}

.clvProductDetailPage .buyRow {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) 48px !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 0 0 20px !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 1px solid rgba(17,21,19,.16) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111513 !important;
  box-shadow: none !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn svg {
  width: 18px !important;
  height: 18px !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn path,
.clvProductDetailPage .buyRow .shareLinkBtn circle {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clvProductDetailPage .pdDosePill {
  width: 190px !important;
  min-width: 190px !important;
  max-width: calc(100% - 36px) !important;
  height: 44px !important;
  min-height: 44px !important;
}

.clvProductDetailPage .pdDosePill::before {
  left: 17px !important;
  width: 19px !important;
  height: 19px !important;
}

.clvProductDetailPage .pdDosePillText {
  padding-left: 44px !important;
  padding-right: 10px !important;
  font-size: 10.5px !important;
}

.clvProductDetailPage .relTabs {
  justify-content: center !important;
  text-align: center !important;
}

.clvProductDetailPage .batchIcon,
.clvProductDetailPage .relBatchAuth .batchIcon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdTrustBatch .tickCirc,
.clvProductDetailPage .relBatchAuth .tickCirc {
  display: none !important;
}

@media (max-width: 720px) {
  .clova-footer .wrap,
  .clova-footer .bottom,
  .clova-footer .left,
  .clova-footer .grid > div,
  .clova-footer .connectLegal {
    text-align: center !important;
  }

  .clova-footer .footerLogo,
  .clova-footer .subtext,
  .clova-footer .footerEmail,
  .clova-footer .social,
  .clova-footer .links,
  .clova-footer .paymentRow {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .social,
  .clova-footer .paymentRow {
    justify-content: center !important;
  }

  .clova-footer .links {
    align-items: center !important;
  }

  .clova-footer .copyright {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge,
  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    height: 19px !important;
    min-height: 19px !important;
    padding: 0 5px !important;
    gap: 3px !important;
    border-radius: 5px !important;
    font-size: 8px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    max-width: calc(50% - 11px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    top: 7px !important;
    left: 7px !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge {
    top: 7px !important;
    right: 7px !important;
  }

  main #productsGrid .conceptStockBadge i,
  main .gridWrap .conceptStockBadge i {
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
  }

  .clvProductsPage #productsGrid .cap,
  main #productsGrid .cap,
  main .gridWrap .cap {
    position: relative !important;
    padding: 9px 7px 48px !important;
    min-height: 134px !important;
    height: 134px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  main #productsGrid .cap .name,
  main .gridWrap .cap .name {
    min-height: 33px !important;
    margin: 0 0 5px !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  main #productsGrid .cap .prices,
  main .gridWrap .cap .prices {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 39px !important;
    justify-content: center !important;
    min-height: 16px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  .clvProductsPage #productsGrid .btnAdd,
  main #productsGrid .btnAdd,
  main .gridWrap .btnAdd {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 5px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
    gap: 4px !important;
  }

  .clvProductsPage #productsGrid .btnAdd svg,
  main #productsGrid .btnAdd svg,
  main .gridWrap .btnAdd svg {
    width: 13px !important;
    height: 13px !important;
  }

  .clvProductDetailPage .buyRow {
    grid-template-columns: 92px minmax(0, 1fr) 42px !important;
    gap: 8px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn,
  .clvProductDetailPage .qtyStepper,
  .clvProductDetailPage .btnMain {
    height: 42px !important;
    min-height: 42px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn {
    width: 42px !important;
    min-width: 42px !important;
  }

  .clvProductDetailPage .pdDosePill {
    width: min(198px, calc(100% - 24px)) !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

/* 2026-06-10 flags, mobile footer, product-card and PDP polish lock. */
.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.flagSwitchBtn .flag,
.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider {
  display: block !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 20px !important;
  background: rgba(17,21,19,.38) !important;
  opacity: 1 !important;
}

body.clvProductDetailPage,
body.clvProductDetailPage main,
body.clvProductDetailPage .pdTop,
body.clvProductDetailPage #reviews,
body.clvProductDetailPage .rel {
  background: #fff !important;
}

.clvProductDetailPage .pdStockRow {
  display: none !important;
}

.clvProductDetailPage .buyRow {
  grid-template-columns: 110px minmax(0, 1fr) 48px !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  flex: 0 0 48px !important;
  border: 1px solid rgba(17,21,19,.16) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111513 !important;
  box-shadow: none !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn svg {
  width: 18px !important;
  height: 18px !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn.copied,
.clvProductDetailPage .buyRow .shareLinkBtn:hover {
  background: #f4f5f1 !important;
}

.clvProductDetailPage .pdDosePill {
  width: 210px !important;
  min-width: 210px !important;
  max-width: calc(100% - 32px) !important;
  height: 44px !important;
  min-height: 44px !important;
  border-width: 1px !important;
}

.clvProductDetailPage .pdDosePill::before {
  left: 18px !important;
  width: 20px !important;
  height: 20px !important;
}

.clvProductDetailPage .pdDosePillText {
  padding-left: 50px !important;
  padding-right: 12px !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
}

.clvProductDetailPage .pdInfo h1 {
  font-weight: 720 !important;
}

.clvProductDetailPage .pdPrice,
.clvProductDetailPage .pdPrice .nowPrice {
  font-weight: 680 !important;
}

.clvProductDetailPage .pdPrice {
  font-size: 30px !important;
}

.clvProductDetailPage .relTabs {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

.clvProductDetailPage .relTabs a {
  text-align: center !important;
}

.clvProductDetailPage .batchIcon,
.clvProductDetailPage .relBatchAuth .batchIcon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdTrustBatch .tickCirc,
.clvProductDetailPage .relBatchAuth .tickCirc {
  display: none !important;
}

@media (max-width: 720px) {
  .clova-footer .wrap,
  .clova-footer .bottom,
  .clova-footer .left,
  .clova-footer .grid > div,
  .clova-footer .connectLegal {
    text-align: center !important;
  }

  .clova-footer .wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .clova-footer .footerLogo,
  .clova-footer .subtext,
  .clova-footer .footerEmail,
  .clova-footer .social,
  .clova-footer .links,
  .clova-footer .paymentRow {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .subtext {
    max-width: 310px !important;
  }

  .clova-footer .social,
  .clova-footer .paymentRow {
    justify-content: center !important;
  }

  .clova-footer .links {
    align-items: center !important;
  }

  .clova-footer .copyright {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge,
  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 6px !important;
    gap: 4px !important;
    border-radius: 5px !important;
    font-size: 8.5px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    max-width: calc(50% - 10px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    top: 8px !important;
    left: 8px !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge {
    top: 8px !important;
    right: 8px !important;
  }

  main #productsGrid .conceptStockBadge i,
  main .gridWrap .conceptStockBadge i {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
  }

  main #productsGrid .cap,
  main .gridWrap .cap {
    padding: 10px 9px 52px !important;
    height: 142px !important;
    min-height: 142px !important;
  }

  main #productsGrid .cap .name,
  main .gridWrap .cap .name {
    min-height: 34px !important;
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  main #productsGrid .cap .prices,
  main .gridWrap .cap .prices {
    left: 9px !important;
    right: 9px !important;
    bottom: 44px !important;
    justify-content: center !important;
    font-size: 12px !important;
    gap: 5px !important;
  }

  main #productsGrid .btnAdd,
  main .gridWrap .btnAdd {
    left: 9px !important;
    right: 9px !important;
    bottom: 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    gap: 5px !important;
  }

  main #productsGrid .btnAdd svg,
  main .gridWrap .btnAdd svg {
    width: 14px !important;
    height: 14px !important;
  }

  .clvProductDetailPage .pdDosePill {
    width: 230px !important;
    min-width: 0 !important;
    max-width: calc(100% - 24px) !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  .clvProductDetailPage .buyRow {
    grid-template-columns: 92px minmax(0, 1fr) 44px !important;
    gap: 8px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn,
  .clvProductDetailPage .qtyStepper,
  .clvProductDetailPage .btnMain {
    height: 44px !important;
    min-height: 44px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn {
    width: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    font-weight: 720 !important;
  }
}

/* 2026-06-10 product-detail reference lock.
   Keep this at the end so older compatibility layers cannot change the concept geometry. */
@media (min-width: 1181px) {
  .clvProductDetailPage .pdTop > .wrap {
    width: min(1264px, calc(100% - 64px)) !important;
    max-width: 1264px !important;
  }

  .clvProductDetailPage .pdGrid {
    grid-template-columns: 740px minmax(0, 484px) !important;
    gap: 40px !important;
    align-items: start !important;
  }

  .clvProductDetailPage .pdMedia {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 480px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    padding: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
  }

  .clvProductDetailPage .pdThumb {
    width: 74px !important;
    height: 74px !important;
    border-radius: 4px !important;
  }

  .clvProductDetailPage .pdInfo {
    padding-top: 14px !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    margin: 0 0 14px !important;
    font-size: 38px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .clvProductDetailPage .pdTrustBatch {
    display: none !important;
  }
}

.clvProductDetailPage .pdMedia .imgShell {
  padding: 0 !important;
}

.clvProductDetailPage .pdTabPanels .ans {
  width: 100% !important;
  max-width: none !important;
}

/* 2026-06-10 final PDP reference geometry lock. */
@media (min-width: 981px) {
  .clvProductDetailPage .pdGrid {
    grid-template-columns: 740px minmax(0, 1fr) !important;
    gap: 40px !important;
  }

  .clvProductDetailPage .pdMedia {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 480px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    padding: 0 !important;
  }

  .clvProductDetailPage .pdThumb {
    width: 74px !important;
    height: 74px !important;
  }

  .clvProductDetailPage .pdInfo {
    padding-top: 14px !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    margin: 0 0 14px !important;
    font-size: 38px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .clvProductDetailPage .pdTrustBatch {
    display: none !important;
  }
}

.clvProductDetailPage .pdMedia .imgShell {
  padding: 0 !important;
}

.clvProductDetailPage .pdTabPanels .ans {
  width: 100% !important;
  max-width: none !important;
}

/* 2026-06-10 reference-matched product detail composition. */
.clvProductDetailPage .pagePadBottom {
  padding-bottom: 84px !important;
}

.clvProductDetailPage .pdTop {
  padding: 0 0 30px !important;
}

.clvProductDetailPage .pdTop > .wrap {
  width: min(1264px, calc(100% - 64px)) !important;
  max-width: 1264px !important;
  margin-top: 31px !important;
}

.clvProductDetailPage .pdGrid {
  grid-template-columns: minmax(0, 740px) minmax(0, 460px) !important;
  gap: 40px !important;
  align-items: start !important;
}

.clvProductDetailPage .pdMedia {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 480px !important;
}

.clvProductDetailPage .pdMedia .imgShell {
  width: 100% !important;
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.clvProductDetailPage .pdThumbRail {
  gap: 10px !important;
}

.clvProductDetailPage .pdThumb {
  width: 74px !important;
  height: 74px !important;
  border-radius: 4px !important;
  border-color: rgba(17,21,19,.12) !important;
}

.clvProductDetailPage .pdThumb:first-child {
  border-color: #9bd500 !important;
}

.clvProductDetailPage #pdMainImg {
  transform: scale(1.08) !important;
}

.clvProductDetailPage .pdDosePill {
  top: 20px !important;
  right: 18px !important;
  width: 190px !important;
  min-width: 190px !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #111513 !important;
  border-color: #9bd500 !important;
}

.clvProductDetailPage .pdDosePill::before {
  border-color: #111513 !important;
}

.clvProductDetailPage .pdDosePillText {
  padding-left: 45px !important;
  padding-right: 12px !important;
  font-size: 11px !important;
}

.clvProductDetailPage .pdInfo {
  min-width: 0 !important;
  padding: 14px 0 0 !important;
}

.clvProductDetailPage .pdInfo .crumb,
.clvProductDetailPage .tpReviewRow,
.clvProductDetailPage .preCartActionsShareOnly,
.clvProductDetailPage .afterCartSlot {
  display: none !important;
}

.clvProductDetailPage .pdInfo h1 {
  margin: 0 0 14px !important;
  font-size: 38px !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.clvProductDetailPage .pdInfo > .ratingRow {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 18px !important;
  min-height: 18px !important;
}

.clvProductDetailPage .ratingRow .stars {
  gap: 2px !important;
}

.clvProductDetailPage .ratingRow .stars svg {
  width: 17px !important;
  height: 17px !important;
  fill: #9bd500 !important;
  stroke: #9bd500 !important;
}

.clvProductDetailPage .reviewsLink,
.clvProductDetailPage .writeReviewInline {
  color: #606660 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.clvProductDetailPage .ratingDivider {
  width: 1px !important;
  height: 16px !important;
  background: rgba(17,21,19,.28) !important;
}

.clvProductDetailPage .pdPrice {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 38px !important;
  margin: 0 0 18px !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.clvProductDetailPage .pdPrice .nowPrice {
  font-weight: 850 !important;
}

.clvProductDetailPage .pdPrice s {
  color: #777c77 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.clvProductDetailPage .pdPrice .productSaleTag {
  min-height: 26px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 11px !important;
}

.clvProductDetailPage .pdDesc {
  max-width: 440px !important;
  margin: 0 0 32px !important;
  color: #5f655f !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

.clvProductDetailPage .varRow {
  margin: 0 0 24px !important;
}

.clvProductDetailPage .varCard .varLabel {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.clvProductDetailPage .mgGrid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.clvProductDetailPage .mgOpt {
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 8px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.clvProductDetailPage .pdStockRow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  min-height: 18px !important;
  color: #606660 !important;
  font-size: 12px !important;
}

.clvProductDetailPage .pdStockStatus {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #73a900 !important;
  font-weight: 700 !important;
}

.clvProductDetailPage .pdStockDot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #9bd500 !important;
}

.clvProductDetailPage .pdStockRow[data-stock-state="oos"] .pdStockStatus {
  color: #111513 !important;
}

.clvProductDetailPage .pdStockDot.isOos {
  background: #111513 !important;
}

.clvProductDetailPage .pdStockRow[data-stock-state="select"] .pdStockStatus {
  color: #777c77 !important;
}

.clvProductDetailPage .pdStockDivider {
  width: 1px !important;
  height: 16px !important;
  background: rgba(17,21,19,.24) !important;
}

.clvProductDetailPage .buyRow {
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 16px !important;
  margin: 0 0 20px !important;
}

.clvProductDetailPage .qtyStepper,
.clvProductDetailPage .btnMain {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 4px !important;
}

.clvProductDetailPage .qtyStepper {
  grid-template-columns: 36px 1fr 36px !important;
}

.clvProductDetailPage .qtyBtn,
.clvProductDetailPage .qtyVal {
  font-size: 13px !important;
}

.clvProductDetailPage .btnMain {
  position: relative !important;
  padding: 0 48px 0 20px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.clvProductDetailPage .btnMain::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L20 8H7M10 20h.01M17 20h.01' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L20 8H7M10 20h.01M17 20h.01' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.clvProductDetailPage .btnMain:disabled::after {
  display: none !important;
}

.clvProductDetailPage .pdTrustStrip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  width: 100% !important;
  padding-top: 1px !important;
  color: #666c66 !important;
}

.clvProductDetailPage .pdTrustItem {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 9px !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdTrustItem:first-child {
  padding-left: 0 !important;
}

.clvProductDetailPage .pdTrustItem + .pdTrustItem {
  border-left: 1px solid rgba(17,21,19,.22) !important;
}

.clvProductDetailPage .pdTrustItem svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

.clvProductDetailPage .pdTrustBatch .tickCirc {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  border-radius: 50% !important;
  background: #9bd500 !important;
  color: #111513 !important;
  font-size: 10px !important;
}

.clvProductDetailPage .pdTop .wrap > .pdInfoTabs {
  margin-top: 28px !important;
}

@media (max-width: 1180px) {
  .clvProductDetailPage .pdGrid {
    grid-template-columns: minmax(0, 58%) minmax(340px, 1fr) !important;
    gap: 28px !important;
  }

  .clvProductDetailPage .pdTrustBatch {
    display: none !important;
  }
}

@media (max-width: 980px) {
  .clvProductDetailPage .pdTop > .wrap {
    width: min(100% - 36px, 760px) !important;
  }

  .clvProductDetailPage .pdGrid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .clvProductDetailPage .pdMedia {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    height: min(72vw, 500px) !important;
    min-height: 360px !important;
    max-height: 500px !important;
  }

  .clvProductDetailPage .pdInfo {
    padding-top: 0 !important;
  }

  .clvProductDetailPage .pdTrustBatch {
    display: inline-flex !important;
  }
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdTop > .wrap {
    width: calc(100% - 24px) !important;
    margin-top: 20px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: 100% !important;
    height: 340px !important;
    min-height: 340px !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    font-size: 30px !important;
    margin-bottom: 12px !important;
  }

  .clvProductDetailPage .pdPrice {
    font-size: 30px !important;
  }

  .clvProductDetailPage .pdDesc {
    margin-bottom: 24px !important;
  }

  .clvProductDetailPage .mgGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .clvProductDetailPage .buyRow {
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .clvProductDetailPage .pdTrustStrip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
  }

  .clvProductDetailPage .pdTrustItem {
    padding: 0 !important;
    border-left: 0 !important;
    white-space: normal !important;
  }

  .clvProductDetailPage .pdDosePill {
    top: 12px !important;
    right: 12px !important;
    width: min(220px, calc(100% - 24px)) !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* 2026-06-10 actual EOF product artwork crop lock. */
#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media,
main #productsGrid .imgArea,
main .gridWrap .imgArea,
.relCard .imgBox {
  overflow: hidden !important;
}

#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img,
main #productsGrid .pimg img,
main .gridWrap .pimg img,
.relCard .imgBox img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.26) !important;
  transform-origin: center !important;
}

@media (max-width: 720px) {
  #clovaBody .clv-cardImg,
  #clovaBody .clv-mbest-media img,
  main #productsGrid .pimg img,
  main .gridWrap .pimg img,
  .relCard .imgBox img {
    transform: scale(1.18) !important;
  }
}

/* 2026-06-10 product artwork edge-to-edge cover lock. */
#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media,
main #productsGrid .imgArea,
main .gridWrap .imgArea,
.relCard .imgBox,
.clvShopMega .imgBox,
.shopMega .imgBox,
.clvMProdGrid .img,
.clvSearch .sImg,
.clvSearch .img {
  overflow: hidden !important;
}

#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img,
main #productsGrid .pimg img,
main .gridWrap .pimg img,
.relCard .imgBox img,
.clvShopMega .imgBox img,
.shopMega .imgBox img,
.clvMProdGrid .img img,
.clvSearch .sImg img,
.clvSearch .img img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.18) !important;
  transform-origin: center !important;
}

#clovaBody .clv-prod .imgA,
#clovaBody .clv-prod .imgB {
  background-size: 118% 118% !important;
  background-position: center !important;
}

.clvProductDetailPage .pdMedia .imgShell {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.clvProductDetailPage #pdMainImg {
  position: absolute !important;
  inset: -1px !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.14) !important;
  transform-origin: center !important;
}

.clvProductDetailPage .pdDosePill {
  z-index: 2 !important;
}

.clvProductDetailPage .pdThumb img,
.clvProductDetailPage .stickyThumb img {
  object-fit: cover !important;
  transform: scale(1.08) !important;
  transform-origin: center !important;
}

@media (max-width: 720px) {
  #clovaBody .clv-cardImg,
  #clovaBody .clv-mbest-media img,
  main #productsGrid .pimg img,
  main .gridWrap .pimg img,
  .relCard .imgBox img {
    transform: scale(1.14) !important;
  }

  .clvProductDetailPage #pdMainImg {
    transform: scale(1.10) !important;
  }
}

/* 2026-06-10 compact product, PDP, footer, and mobile navigation pass. */
.clvProductsPage main > section.hero:first-child {
  padding: 28px 0 8px !important;
}

.clvProductsPage main > section.hero:first-child .wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.clvProductsPage main > section.hero:first-child h1 {
  margin: 0 0 4px !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.02 !important;
}

.clvProductsPage main > section.hero:first-child p {
  max-width: 690px !important;
  margin: 4px auto 0 !important;
  line-height: 1.42 !important;
}

.clvProductsPage main section.catsRow {
  padding: 8px 0 7px !important;
  margin: 0 !important;
}

.clvProductsPage main section.gridWrap {
  padding: 6px 0 58px !important;
  margin: 0 !important;
}

.clvProductsPage .afterProductsDivider {
  display: none !important;
}

.clvProductsPage #productsGrid .cap,
.clvProductsPage #productsGrid .cap .name,
.clvProductsPage #productsGrid .cap .prices {
  text-align: center !important;
  justify-content: center !important;
}

.clvProductsPage .clova-footer {
  margin-top: 34px !important;
  border-top: 0 !important;
}

.clvProductDetailPage .pdTop {
  padding-top: 0 !important;
  padding-bottom: 26px !important;
}

.clvProductDetailPage .pdTop > .wrap {
  width: min(1264px, calc(100% - 48px)) !important;
  max-width: 1264px !important;
  padding: 0 !important;
}

.clvProductDetailPage .pdGrid {
  grid-template-columns: minmax(0, 700px) minmax(360px, 1fr) !important;
  gap: 40px !important;
  align-items: start !important;
  min-height: 0 !important;
}

.clvProductDetailPage .pdMedia {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 16px !important;
  min-height: 0 !important;
  align-items: start !important;
}

.clvProductDetailPage .pdMedia .imgShell {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  border-radius: 6px !important;
}

.clvProductDetailPage .pdThumb {
  width: 68px !important;
  height: 68px !important;
  border-radius: 5px !important;
}

.clvProductDetailPage .pdInfo {
  padding-top: 8px !important;
}

.clvProductDetailPage .pdInfo h1 {
  margin: 8px 0 12px !important;
  font-size: clamp(32px, 3.1vw, 46px) !important;
  line-height: 1.02 !important;
}

.clvProductDetailPage .pdMedia .imgShell img,
.clvProductDetailPage .pdThumb img {
  object-fit: cover !important;
  object-position: center !important;
}

.clvProductDetailPage .pdDosePill {
  top: 18px !important;
  right: 18px !important;
  width: min(252px, calc(100% - 36px)) !important;
  min-height: 46px !important;
}

.clvProductDetailPage .pdTop .wrap > .pdInfoTabs {
  margin-top: 28px !important;
}

.clova-footer .social {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .soc {
  width: 31px !important;
  height: 20px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .soc:first-child {
  padding-left: 0 !important;
  width: 23px !important;
}

.clova-footer .soc + .soc {
  border-left: 1px solid rgba(255,255,255,.28) !important;
}

.clova-footer .soc svg {
  width: 15px !important;
  height: 15px !important;
}

.clova-footer .paymentRow {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .paymentRow .paymentLogo {
  min-width: 0 !important;
  height: 18px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .paymentRow .paymentLogo:first-child {
  padding-left: 0 !important;
}

.clova-footer .paymentRow .paymentLogo + .paymentLogo {
  border-left: 1px solid rgba(255,255,255,.25) !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  width: auto !important;
  max-width: 58px !important;
  height: 16px !important;
}

@media (max-width: 1120px) {
  .clvProductDetailPage .pdGrid {
    grid-template-columns: minmax(0, 58%) minmax(340px, 1fr) !important;
    gap: 28px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    height: 470px !important;
    min-height: 470px !important;
    max-height: 470px !important;
  }
}

@media (max-width: 980px) {
  .clvProductDetailPage .pdTop {
    padding-top: 8px !important;
  }

  .clvProductDetailPage .pdTop > .wrap {
    width: min(100% - 36px, 760px) !important;
  }

  .clvProductDetailPage .pdGrid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .clvProductDetailPage .pdMedia {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    height: min(72vw, 500px) !important;
    min-height: 340px !important;
    max-height: 500px !important;
  }

  .clvProductDetailPage .pdThumb {
    width: 62px !important;
    height: 62px !important;
  }
}

@media (max-width: 720px) {
  .clova-hdr,
  .clvWHeader {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  .clvProductsPage main > section.hero:first-child {
    padding: 18px 0 5px !important;
  }

  .clvProductsPage main > section.hero:first-child .wrap,
  .clvProductsPage main section.catsRow > .fullInner,
  .clvProductsPage main section.gridWrap > .fullInner {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .clvProductsPage main > section.hero:first-child h1 {
    font-size: 32px !important;
  }

  .clvProductsPage main > section.hero:first-child p {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
  }

  .clvProductsPage main section.catsRow {
    padding: 5px 0 4px !important;
  }

  .clvProductsPage .catsRow .pills {
    gap: 6px !important;
    padding: 2px 0 4px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
  }

  .clvProductsPage .catsRow .pills::-webkit-scrollbar {
    display: none !important;
  }

  .clvProductsPage .catsRow .pill {
    flex: 0 0 auto !important;
    min-height: 32px !important;
    padding: 7px 11px !important;
    font-size: 10.5px !important;
  }

  .clvProductsPage main section.gridWrap {
    padding: 4px 0 32px !important;
  }

  .clvProductsPage main #productsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .clvProductsPage #productsGrid .card {
    min-width: 0 !important;
    border-radius: 6px !important;
  }

  .clvProductsPage #productsGrid .imgArea {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .clvProductsPage #productsGrid .cap {
    padding: 9px 7px 8px !important;
  }

  .clvProductsPage #productsGrid .cap .name {
    min-height: 30px !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .clvProductsPage #productsGrid .cap .prices {
    gap: 5px !important;
    min-height: 18px !important;
    font-size: 11.5px !important;
  }

  .clvProductsPage #productsGrid .btnAdd {
    min-height: 37px !important;
    padding: 8px 5px !important;
    font-size: 10.5px !important;
  }

  .clvProductsPage .clova-footer {
    margin-top: 24px !important;
  }

  .clvProductDetailPage .pdTop {
    padding: 8px 0 20px !important;
  }

  .clvProductDetailPage .pdTop > .wrap {
    width: calc(100% - 24px) !important;
  }

  .clvProductDetailPage .pdGrid {
    gap: 18px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    height: min(94vw, 390px) !important;
    min-height: 300px !important;
    max-height: 390px !important;
  }

  .clvProductDetailPage .pdInfo {
    padding-top: 0 !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    margin: 5px 0 10px !important;
    font-size: 30px !important;
  }

  .clvProductDetailPage .pdDosePill {
    top: 12px !important;
    right: 12px !important;
    width: min(230px, calc(100% - 24px)) !important;
    min-height: 42px !important;
  }

  .clvProductDetailPage .pdTop .wrap > .pdInfoTabs {
    margin-top: 20px !important;
  }

  .clova-footer .wrap,
  .clova-footer .bottom {
    width: calc(100% - 28px) !important;
  }

  .clova-footer .wrap {
    padding: 24px 0 14px !important;
  }

  .clova-footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
  }

  .clova-footer .grid > div {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
  }

  .clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }

  .clova-footer .subtext {
    max-width: 310px !important;
  }

  .clova-footer .bottom {
    min-height: 0 !important;
    padding: 12px 0 18px !important;
    gap: 11px !important;
  }

  .clova-footer .copyright {
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  .clova-footer .paymentRow {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .clova-footer .paymentRow .paymentLogo {
    padding: 0 7px !important;
  }

  .clvMobileQuickNav {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-height: 58px !important;
    padding: 6px !important;
    grid-template-columns: .82fr 1.36fr .82fr !important;
    gap: 4px !important;
    border-radius: 15px !important;
  }

  .clvMobileQuickNav a {
    min-width: 0 !important;
    padding: 3px 2px !important;
    border-radius: 10px !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    overflow: visible !important;
  }

  .clvMobileQuickNav span {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}

/* 2026-06-08 concept fidelity lock: final visual alignment pass */
.clova-hdr .inner,
.clvWHeader .wrap {
  padding: 0 38px 0 46px !important;
  gap: 70px !important;
}

.clova-hdr .logo,
.clova-hdr .logo img,
.clvWHeader .logo,
.clvWHeader .logo img {
  width: 190px !important;
  max-width: 190px !important;
  max-height: 58px !important;
}

.clova-hdr #clovaLogoScrolled,
.clova-hdr .logo img,
.clvWHeader .logo img {
  content: url("/assets/concept-1to1/logo-concept-black.png") !important;
}

.clova-hdr nav,
.clvWHeader nav {
  gap: 48px !important;
}

.clova-hdr a.navlink,
.clvWHeader nav a {
  font-family: var(--concept-ui) !important;
  font-size: 15px !important;
  font-weight: 520 !important;
}

.conceptChevron {
  width: 11px !important;
  height: 7px !important;
  margin-left: 6px !important;
  display: inline-block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: 2px !important;
  position: relative !important;
}

.conceptChevron::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-right: 1.6px solid currentColor !important;
  border-bottom: 1.6px solid currentColor !important;
  transform: rotate(45deg) translate(-1px, -3px) !important;
}

.clova-hdr .right,
.clvWHeader .right {
  gap: 18px !important;
}

.clova-hdr .flagSwitch,
.clvWHeader .flagSwitch {
  gap: 11px !important;
  margin-right: 76px !important;
}

.flagDivider {
  height: 24px !important;
  background: rgba(17, 21, 19, .20) !important;
}

.clova-hdr .cartCount,
.clvWHeader .cartCount {
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

#clovaBody .clv-hero {
  height: 790px !important;
  min-height: 790px !important;
  padding: 158px 0 0 !important;
}

#clovaBody .clv-hero-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 610px !important;
  padding-left: max(110px, calc((100vw - 1316px) / 2)) !important;
  padding-right: 0 !important;
  grid-template-columns: 438px minmax(0, 1fr) !important;
  gap: 68px !important;
  margin: 0 !important;
}

#clovaBody .clv-hero-copy {
  transform: translateY(27px) !important;
}

#clovaBody .clv-hero-copy h1 {
  font-size: 59px !important;
  line-height: 1.015 !important;
  font-weight: 850 !important;
  color: var(--concept-ink) !important;
}

#clovaBody .clv-hero-copy h1 .clv-concept-line:not(.accent) {
  color: var(--concept-ink) !important;
}

#clovaBody .clv-hero-copy h1 .accent {
  color: var(--concept-green) !important;
}

#clovaBody .clv-hero-copy p {
  max-width: 430px !important;
  margin-top: 24px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

#clovaBody .clv-hero-actions {
  margin-top: 31px !important;
}

#clovaBody .clv-hero-actions .clv-btn.black {
  width: 224px !important;
  min-width: 224px !important;
  height: 64px !important;
  border-radius: 6px !important;
  padding: 0 30px !important;
  justify-content: space-between !important;
  font-size: 17px !important;
  font-weight: 560 !important;
  text-transform: none !important;
}

#clovaBody .clv-hero-product {
  height: 610px !important;
  min-height: 610px !important;
}

#clovaBody .clv-hero-product::before {
  content: "" !important;
  position: absolute !important;
  left: 15.5% !important;
  bottom: 20px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  clip-path: circle(50% at 50% 50%) !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  background: rgba(17, 21, 19, .20) !important;
  z-index: 2 !important;
}

#clovaBody .clv-hero-product::after {
  content: "\2304" !important;
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  left: 15.5% !important;
  bottom: 20px !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  transform: none !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  z-index: 3 !important;
}

#clovaBody > section[aria-label="Categories"] {
  padding: 18px 0 56px !important;
}

#clovaBody > section[aria-label="Categories"] .clv-wrap {
  width: min(1384px, calc(100% - 92px)) !important;
  max-width: 1384px !important;
  display: grid !important;
  grid-template-columns: 218px minmax(0, 1fr) !important;
  gap: 62px !important;
  align-items: end !important;
}

#clovaBody > section[aria-label="Categories"] .clv-centerHead {
  margin: 0 0 83px !important;
  align-self: end !important;
}

#clovaBody > section[aria-label="Categories"] .title {
  font-size: 30px !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
}

#clovaBody > section[aria-label="Categories"] .title span {
  display: block !important;
}

#clovaBody > section[aria-label="Categories"] .title .accent {
  color: var(--concept-green) !important;
}

#clovaBody .clv-cats {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#clovaBody .clv-cat {
  min-height: 186px !important;
  height: 186px !important;
  width: 100% !important;
}

#clovaBody .clv-cat .img {
  height: 138px !important;
}

#clovaBody .clv-cat .content {
  min-height: 48px !important;
  padding: 13px 14px !important;
  background: #10100f !important;
  color: #fff !important;
}

#clovaBody .clv-cat .name {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

#clovaBody .clv-cat .miniBtn {
  border-color: rgba(255, 255, 255, .20) !important;
  background: transparent !important;
}

#clovaBody .clv-cat .miniBtn::after {
  color: #fff !important;
  content: ">" !important;
}

main .hero .wrap,
.bar,
.fullInner,
.featureInnerWrap,
.faq .wrap {
  width: min(1144px, calc(100% - 96px)) !important;
  max-width: 1144px !important;
}

section.full > .fullInner,
section.gridWrap > .fullInner,
section.catsRow > .fullInner,
section.feature > .featureInnerWrap {
  width: min(1144px, calc(100% - 96px)) !important;
  max-width: 1144px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

main .hero {
  padding: 0 0 26px !important;
}

.conceptCrumb {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  color: #4d554d !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.conceptCrumb a {
  color: inherit !important;
  text-decoration: none !important;
}

main .hero h1 {
  font-size: 52px !important;
  line-height: .98 !important;
}

main .hero p {
  max-width: 520px !important;
  margin-top: 12px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

.bar {
  margin: -78px auto 44px !important;
  position: relative !important;
  top: -130px !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 44px !important;
  height: 44px !important;
  background: transparent !important;
  pointer-events: none !important;
}

section.full.bar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bar > div:nth-child(2) {
  display: none !important;
}

.bar .left {
  margin-left: auto !important;
}

.barBtn,
.sortBtn {
  min-width: 108px !important;
  height: 40px !important;
  border-radius: 6px !important;
  border-color: var(--concept-green) !important;
  font-size: 14px !important;
  font-weight: 520 !important;
}

.barBtn,
.sortWrap,
.sortBtn,
.sortMenu {
  pointer-events: auto !important;
}

.sortBtn span {
  font-size: 0 !important;
}

.sortBtn span::after {
  content: "Sort: Featured" !important;
  font-size: 14px !important;
}

.catsRow {
  padding-bottom: 24px !important;
  margin-top: -174px !important;
  position: relative !important;
  top: -86px !important;
  z-index: 2 !important;
}

.pills {
  gap: 18px !important;
}

.pill {
  min-width: 146px !important;
  height: 36px !important;
  padding: 0 26px !important;
  font-size: 15px !important;
  font-weight: 520 !important;
}

.pill:first-child {
  font-size: 0 !important;
}

.pill:first-child::after {
  content: "All Products" !important;
  font-size: 15px !important;
}

.grid {
  width: 100% !important;
  max-width: 100% !important;
  gap: 14px !important;
}

#productsGrid,
.gridWrap .grid {
  width: min(1144px, calc(100vw - 96px)) !important;
  max-width: 1144px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gridWrap {
  position: relative !important;
  top: -86px !important;
  margin-bottom: -86px !important;
}

#productsGrid .card,
.gridWrap .card {
  min-height: 362px !important;
  height: 362px !important;
  border: 1px solid #e5e7e1 !important;
  overflow: hidden !important;
}

#productsGrid .imgArea,
.gridWrap .imgArea {
  height: 248px !important;
  flex-basis: 248px !important;
  min-height: 248px !important;
  padding: 18px !important;
  position: relative !important;
}

main #productsGrid .imgArea,
main .gridWrap .imgArea {
  height: 248px !important;
  min-height: 248px !important;
  flex: 0 0 248px !important;
  flex-basis: 248px !important;
  padding: 18px !important;
}

#productsGrid .pimg,
.gridWrap .pimg {
  min-height: 0 !important;
  height: 100% !important;
}

#productsGrid .pimg img,
.gridWrap .pimg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(1.12) !important;
}

#productsGrid .cap,
.gridWrap .cap {
  min-height: 112px !important;
  height: 112px !important;
  padding: 13px 14px 11px !important;
}

main #productsGrid .cap,
main .gridWrap .cap {
  display: block !important;
  position: relative !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  overflow: hidden !important;
}

main #productsGrid .btnAdd,
main .gridWrap .btnAdd {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 11px !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
}

main #productsGrid .cap .name,
main .gridWrap .cap .name {
  margin: 0 0 12px !important;
}

main #productsGrid .cap .prices,
main .gridWrap .cap .prices {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 54px !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}

#productsGrid .cap .name,
.gridWrap .cap .name {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

#productsGrid .cap .prices,
.gridWrap .cap .prices {
  margin-top: 8px !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}

.cap .prices s {
  color: #999 !important;
  font-weight: 500 !important;
}

.flashBadge {
  display: none !important;
}

.conceptStockBadge,
.conceptSaveBadge {
  position: absolute !important;
  z-index: 4 !important;
  height: 24px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 4px !important;
  font-family: var(--concept-ui) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
}

.conceptStockBadge {
  top: 10px !important;
  right: 10px !important;
  background: rgba(255, 255, 255, .90) !important;
  color: #6fb900 !important;
}

.conceptStockBadge i {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--concept-green) !important;
}

.conceptSaveBadge {
  top: 10px !important;
  left: 10px !important;
  background: #d70d0d !important;
  color: #fff !important;
}

.btnAdd {
  height: 36px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-transform: none !important;
}

.btnAdd svg {
  width: 17px !important;
  height: 17px !important;
}

.pdTop {
  padding: 0 0 40px !important;
}

.pdTop .wrap,
.rel .wrap,
#reviews .wrap,
.pdLabReportsMobileTop {
  width: min(1264px, calc(100% - 64px)) !important;
  max-width: 1264px !important;
}

.pdTop .wrap {
  position: relative !important;
  padding-bottom: 214px !important;
}

.pdGrid {
  grid-template-columns: minmax(0, 740px) 460px !important;
  gap: 39px !important;
}

.pdMedia {
  min-height: 480px !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.pdMedia .imgShell {
  min-height: 480px !important;
  height: 480px !important;
  padding: 30px !important;
}

.pdThumb {
  width: 74px !important;
  height: 74px !important;
}

.pdInfo {
  padding: 16px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pdInfo h1 {
  font-size: 38px !important;
  line-height: 1.02 !important;
  margin-bottom: 17px !important;
}

.pdPrice {
  font-size: 30px !important;
  font-weight: 850 !important;
  margin-bottom: 18px !important;
}

.pdDosePill {
  top: 20px !important;
  right: 18px !important;
  width: 286px !important;
  min-width: 286px !important;
  max-width: min(286px, calc(100% - 36px)) !important;
  height: 48px !important;
  border: 1px solid var(--concept-green) !important;
  background: #fff !important;
  color: #111513 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.pdDosePill::before {
  left: 18px !important;
  width: 18px !important;
  height: 18px !important;
  border-color: #111513 !important;
}

.pdDosePillText {
  padding: 0 16px 0 46px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  text-transform: none !important;
}

.buyRow {
  grid-template-columns: 109px 1fr !important;
  gap: 16px !important;
  margin-top: 18px !important;
}

.qtyStepper,
.btnMain {
  height: 48px !important;
  border-radius: 4px !important;
}

.btnMain {
  font-size: 16px !important;
  font-weight: 760 !important;
}

.pdInfo .acc.pdInfoTabs {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 508px !important;
  width: 100% !important;
  grid-template-columns: 254px minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.pdInfo .pdTabList {
  gap: 0 !important;
  border-right: 1px solid var(--concept-line) !important;
}

.pdInfo .pdTabBtn {
  min-height: 54px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--concept-line) !important;
  border-radius: 0 !important;
  padding: 0 24px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 520 !important;
}

.pdInfo .pdTabBtn.active {
  background: #fff !important;
  color: #111513 !important;
  box-shadow: inset 4px 0 0 var(--concept-green) !important;
}

.pdInfo .pdTabPanels {
  min-height: 160px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 22px 24px !important;
}

.clova-footer .wrap {
  width: min(1320px, calc(100% - 62px)) !important;
  max-width: 1320px !important;
  padding: 28px 0 18px !important;
}

.clova-footer .grid {
  grid-template-columns: 1.4fr repeat(5, minmax(0, 1fr)) !important;
  gap: 42px !important;
}

.clova-footer .left {
  max-width: 285px !important;
}

.clova-footer .footerLogo img {
  content: url("/assets/concept-1to1/logo-concept-white.png") !important;
  width: 145px !important;
}

.clova-footer .subtext {
  display: block !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  max-width: 250px !important;
  margin: 12px 0 0 !important;
}

.clova-footer .footerEmail {
  margin-top: 14px !important;
  font-family: var(--concept-body) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.clova-footer .social {
  margin-top: 13px !important;
}

.clova-footer .soc {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
}

.clova-footer .soc svg {
  width: 14px !important;
  height: 14px !important;
}

.clova-footer .colTitle {
  margin-bottom: 10px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.clova-footer .legalTitle {
  margin-top: 0 !important;
}

.clova-footer .links {
  gap: 7px !important;
}

.clova-footer .links a {
  font-size: 11px !important;
  line-height: 1.25 !important;
  color: rgba(255, 255, 255, .78) !important;
}

.clova-footer .bottom {
  width: min(1320px, calc(100% - 62px)) !important;
  max-width: 1320px !important;
  min-height: 36px !important;
  padding: 8px 0 15px !important;
}

.clova-footer .copyright {
  font-size: 12px !important;
}

.clova-footer .paymentRow span {
  height: 18px !important;
  padding: 0 5px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 11px !important;
}

@media (max-width: 980px) {
  .clova-hdr .inner,
  .clvWHeader .wrap {
    gap: 12px !important;
    padding: 0 16px !important;
  }

  .clova-hdr .flagSwitch,
  .clvWHeader .flagSwitch {
    margin-right: 0 !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 150px !important;
    max-width: 150px !important;
  }

  #clovaBody .clv-hero {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 118px !important;
  }

  #clovaBody .clv-hero-inner {
    width: calc(100% - 36px) !important;
    padding-left: 0 !important;
    margin: 0 auto !important;
    grid-template-columns: 1fr !important;
  }

  #clovaBody .clv-hero-copy {
    transform: none !important;
  }

  #clovaBody > section[aria-label="Categories"] .clv-wrap {
    width: calc(100% - 36px) !important;
    display: block !important;
  }

  #clovaBody > section[aria-label="Categories"] .clv-centerHead {
    margin-bottom: 18px !important;
  }

  main .hero .wrap,
  .bar,
  .fullInner,
  .featureInnerWrap,
  .faq .wrap,
  .pdTop .wrap,
  .rel .wrap,
  #reviews .wrap,
  .pdLabReportsMobileTop {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
  }

  main .hero {
    padding-top: 104px !important;
  }

  .bar {
    margin: 0 auto 18px !important;
    top: 0 !important;
  }

  .catsRow {
    margin-top: 0 !important;
    top: 0 !important;
  }

  .gridWrap {
    top: 0 !important;
    margin-bottom: 0 !important;
  }

  .pdTop {
    padding-top: 112px !important;
  }

  .pdTop .wrap {
    padding-bottom: 0 !important;
  }

  .pdGrid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .pdMedia {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell,
  .pdMedia .imgShell {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 430px !important;
    height: 430px !important;
    padding: 26px !important;
  }

  .pdThumbRail {
    grid-column: 1 !important;
    grid-row: 2 !important;
    flex-direction: row !important;
    overflow-x: auto !important;
  }

  .pdInfo {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
  }

  .pdInfo .acc.pdInfoTabs {
    position: static !important;
    width: auto !important;
    grid-template-columns: 1fr !important;
    border-radius: 6px !important;
  }

  .pdInfo .pdTabList {
    border-right: 0 !important;
  }

  .pdInfo .pdTabBtn.active {
    background: #111513 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1.2fr 1fr 1fr !important;
  }
}

@media (max-width: 560px) {
  .clvWHeader .wrap {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }

  .clvWHeader .wrap::after {
    display: none !important;
    content: none !important;
  }

  .clvWHeader .logo {
    grid-column: auto !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  .clvWHeader .right {
    position: static !important;
    grid-column: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    justify-content: flex-end !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 112px !important;
    max-width: 112px !important;
  }

  .clova-hdr .right,
  .clvWHeader .right {
    right: 8px !important;
    width: 102px !important;
    min-width: 0 !important;
    max-width: 102px !important;
    gap: 3px !important;
    overflow: visible !important;
  }

  .clvWHeader .iconBtn,
  .clvWHeader .hamburger {
    margin-left: 0 !important;
  }

  .clova-hdr .searchBtn,
  .clova-hdr .cartBtn,
  .clova-hdr .clvHamBtn,
  .clvWHeader .iconBtn,
  .clvWHeader .cartBtn,
  .clvWHeader .hamburger {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
  }

  .clvWHeader .iconBtn svg,
  .clvWHeader .cartBtn svg {
    width: 20px !important;
    height: 20px !important;
  }

  .clvWHeader .hamburger .lines {
    width: 17px !important;
  }

  main .hero h1,
  main .hero p {
    width: calc(100vw - 72px) !important;
    max-width: calc(100vw - 72px) !important;
    overflow-wrap: break-word !important;
  }

  body main .hero .wrap h1,
  body main .hero .wrap p {
    width: calc(100vw - 72px) !important;
    max-width: calc(100vw - 72px) !important;
  }

  section.full > .fullInner,
  section.gridWrap > .fullInner,
  section.catsRow > .fullInner,
  section.feature > .featureInnerWrap {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
  }

  .bar {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body main section.full.bar {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
  }

  .barBtn,
  .sortBtn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body main section.full.bar .barBtn,
  body main section.full.bar .sortWrap,
  body main section.full.bar .sortBtn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #productsGrid,
  .gridWrap .grid {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body main section.catsRow > .fullInner,
  body main section.gridWrap > .fullInner,
  body main #productsGrid {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
  }

  body main #productsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  main #productsGrid .imgArea,
  main .gridWrap .imgArea {
    height: 158px !important;
    min-height: 158px !important;
    flex: 0 0 158px !important;
    flex-basis: 158px !important;
    padding: 12px !important;
  }

  main #productsGrid .card,
  main .gridWrap .card {
    min-height: 308px !important;
    height: 308px !important;
  }

  main #productsGrid .cap,
  main .gridWrap .cap {
    height: 150px !important;
    min-height: 150px !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell,
  .pdMedia .imgShell {
    min-height: 360px !important;
    height: 360px !important;
    padding: 24px !important;
  }

  .pdDosePill {
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 24px) !important;
    left: 12px !important;
    right: auto !important;
    top: 12px !important;
  }

  .pdDosePillText {
    padding: 0 14px 0 42px !important;
    font-size: 11px !important;
    text-transform: none !important;
  }

  .pdDosePillTextA {
    animation: pdDoseMobileA 5.2s ease-in-out infinite !important;
  }

  .pdDosePillTextB {
    animation: pdDoseMobileB 5.2s ease-in-out infinite !important;
  }

  @keyframes pdDoseMobileA {
    0%, 46% { transform: translateY(0); opacity: 1; }
    54%, 100% { transform: translateY(-8px); opacity: 0; }
  }

  @keyframes pdDoseMobileB {
    0%, 46% { transform: translateY(8px); opacity: 0; }
    54%, 94% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-8px); opacity: 0; }
  }

  .pdInfo h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 30px !important;
    overflow-wrap: break-word !important;
  }

  #clovaBody .clv-hero-copy h1 {
    font-size: 42px !important;
    line-height: 1.02 !important;
  }

  #clovaBody .clv-hero-actions .clv-btn.black {
    height: 48px !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  #clovaBody .clv-cats {
    display: flex !important;
  }

  #productsGrid .card,
  .gridWrap .card {
    min-height: 306px !important;
    height: auto !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px 18px !important;
  }

  .clova-footer .left {
    grid-column: 1 / -1 !important;
  }
}

/* 2026-06-08 homepage correction pass: official logo + closer concept fidelity */
.clova-hdr #clovaLogoTop,
.clova-hdr #clovaLogoScrolled,
.clova-hdr .logo img,
.clvWHeader .logo img {
  content: url("/images/logo-cropped.png") !important;
  object-fit: contain !important;
}

.clova-footer .left img,
.clova-footer .brand img,
.clova-footer img[src*="logo-concept"],
.clova-footer img[src*="clovawhite"] {
  content: url("/images/clovawhite-cropped.png") !important;
  object-fit: contain !important;
}

#clovaBody .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0ms !important;
}

#clovaBody > section[aria-label="Categories"] {
  padding: 18px 0 56px !important;
  background: #fff !important;
}

#clovaBody > section[aria-label="Categories"] .clv-wrap {
  width: min(1384px, calc(100% - 92px)) !important;
  max-width: 1384px !important;
  display: grid !important;
  grid-template-columns: 218px minmax(0, 1fr) !important;
  gap: 62px !important;
  align-items: end !important;
}

#clovaBody .clv-cats {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

#clovaBody .clv-cat {
  height: 186px !important;
  min-height: 186px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #f4f4f1 !important;
  box-shadow: none !important;
  position: relative !important;
}

#clovaBody .clv-cat::after {
  display: none !important;
  content: none !important;
}

#clovaBody .clv-cat .img {
  height: 138px !important;
  width: 100% !important;
  object-fit: cover !important;
  filter: grayscale(.08) !important;
}

#clovaBody .clv-cat .content {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: #10100f !important;
  text-align: left !important;
}

#clovaBody .clv-cat .name {
  margin: 0 !important;
  flex: 1 1 auto !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 780 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#clovaBody .clv-cat .miniBtn {
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  background: transparent !important;
  transform: none !important;
  text-decoration: none !important;
}

#clovaBody .clv-cat .miniBtn::after {
  content: "" !important;
  position: absolute !important;
  right: 5px !important;
  top: 9px !important;
  width: 7px !important;
  height: 7px !important;
  border-top: 1.5px solid #fff !important;
  border-right: 1.5px solid #fff !important;
  transform: rotate(45deg) !important;
  color: transparent !important;
}

#clovaBody .clv-cat .miniBtn::before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 13px !important;
  width: 15px !important;
  height: 1.5px !important;
  background: #fff !important;
}

#clovaBody .clv-split {
  order: 3 !important;
  min-height: 480px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: #0e1513 !important;
  color: #fff !important;
  position: relative !important;
  overflow: hidden !important;
}

#clovaBody .clv-split::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 52% !important;
  height: auto !important;
  background: url("/assets/concept-1to1/performance-vials.jpg") center / cover no-repeat !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

#clovaBody .clv-split::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(14,21,19,1) 0%, rgba(14,21,19,1) 42%, rgba(14,21,19,.35) 62%, rgba(14,21,19,0) 100%) !important;
  z-index: 2 !important;
}

#clovaBody .clv-split .left {
  display: none !important;
}

#clovaBody .clv-split .right {
  grid-column: 1 / 2 !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 82px 42px 128px max(46px, calc((100vw - 1384px) / 2 + 10px)) !important;
  position: relative !important;
  z-index: 3 !important;
}

#clovaBody .clv-panel {
  width: min(480px, 100%) !important;
  max-width: 480px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#clovaBody .clv-clarity-kicker {
  margin: 0 0 20px !important;
  color: var(--concept-green) !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-panel-title {
  margin: 0 !important;
  max-width: 420px !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 36px !important;
  line-height: 1.07 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#clovaBody .clv-panel-desc {
  margin: 20px 0 0 !important;
  max-width: 430px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

#clovaBody .clv-panel .clv-btn {
  margin-top: 28px !important;
  width: 158px !important;
  min-width: 158px !important;
  height: 44px !important;
  border: 1px solid var(--concept-green) !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  text-decoration: none !important;
}

#clovaBody .clv-performance-strip {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 84px !important;
  padding: 0 max(46px, calc((100vw - 1384px) / 2 + 10px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 0 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(0,0,0,.16) !important;
  color: #fff !important;
  z-index: 4 !important;
}

#clovaBody .clv-performance-item {
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 24px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  align-content: center !important;
  border-right: 1px solid rgba(255,255,255,.22) !important;
}

#clovaBody .clv-performance-item:last-child {
  border-right: 0 !important;
}

#clovaBody .clv-performance-icon {
  grid-row: 1 / 3 !important;
  width: 26px !important;
  height: 26px !important;
  color: var(--concept-green) !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
  position: relative !important;
}

#clovaBody .clv-performance-icon::before,
#clovaBody .clv-performance-icon::after {
  content: "" !important;
  position: absolute !important;
  background: currentColor !important;
}

#clovaBody .clv-performance-icon::before {
  left: 6px !important;
  right: 6px !important;
  top: 11px !important;
  height: 2px !important;
}

#clovaBody .clv-performance-icon::after {
  top: 6px !important;
  bottom: 6px !important;
  left: 11px !important;
  width: 2px !important;
}

#clovaBody .icon-quality {
  border-radius: 5px !important;
  transform: rotate(45deg) !important;
}

#clovaBody .icon-system {
  border-radius: 3px !important;
}

#clovaBody .icon-focus::before,
#clovaBody .icon-focus::after {
  display: none !important;
}

#clovaBody .icon-focus {
  box-shadow: inset 0 0 0 5px #0e1513, inset 0 0 0 7px currentColor !important;
}

#clovaBody .clv-performance-item strong {
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
}

#clovaBody .clv-performance-item span:not(.clv-performance-icon) {
  color: rgba(255,255,255,.76) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] {
  padding: 0 !important;
  background: #f3f5f3 !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] > .clv-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

body #clovaBody section.clv-sec[aria-label="The ultimate hydration system"] > div.clv-wrap,
body #clovaBody section[aria-label="The ultimate hydration system"] .clv-ultimate-grid {
  width: 100vw !important;
  max-width: 100vw !important;
}

#clovaBody .clv-visually-retained {
  display: none !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] .clv-centerHead {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

#clovaBody .clv-ultimate-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 430px !important;
}

#clovaBody .clv-ultimate-left,
#clovaBody .clv-ultimate-right {
  min-height: 430px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

#clovaBody .clv-ultimate-left img {
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  object-fit: cover !important;
}

#clovaBody .clv-ultimate-right {
  padding: 78px max(44px, calc((100vw - 1384px) / 2 + 48px)) 70px 72px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#clovaBody .clv-standards-kicker {
  margin: 0 0 18px !important;
  color: var(--concept-green) !important;
  font-family: var(--concept-ui) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-ultimate-right h3 {
  margin: 0 !important;
  max-width: 430px !important;
  color: var(--concept-ink) !important;
  font-family: var(--concept-ui) !important;
  font-size: 40px !important;
  line-height: 1.02 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#clovaBody .clv-ultimate-right p:not(.clv-standards-kicker) {
  margin: 20px 0 0 !important;
  max-width: 470px !important;
  color: #515851 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

#clovaBody .clv-standards-points {
  margin-top: 36px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: 620px !important;
}

#clovaBody .clv-standards-points span {
  display: grid !important;
  justify-items: center !important;
  gap: 9px !important;
  color: var(--concept-ink) !important;
  font-size: 11px !important;
  line-height: 1.22 !important;
  font-weight: 720 !important;
  text-align: center !important;
}

#clovaBody .clv-standards-points i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1.6px solid var(--concept-ink) !important;
  background: transparent !important;
  position: relative !important;
}

@media (max-width: 980px) {
  html,
  body,
  #clovaBody {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #clovaBody .clv-hero-inner {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin: 0 !important;
    grid-template-columns: 1fr !important;
  }

  #clovaBody .clv-hero-copy,
  #clovaBody .clv-hero-copy h1,
  #clovaBody .clv-hero-copy p,
  #clovaBody .clv-hero-actions {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    min-width: 0 !important;
  }

  #clovaBody .clv-hero-actions .clv-btn.black {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #clovaBody > section[aria-label="Categories"] .clv-wrap {
    width: calc(100% - 36px) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  #clovaBody > section[aria-label="Categories"] .clv-centerHead {
    margin: 0 !important;
  }

  #clovaBody .clv-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #clovaBody .clv-split {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  #clovaBody .clv-split::after {
    position: relative !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 360px !important;
    display: block !important;
  }

  #clovaBody .clv-split::before {
    display: none !important;
  }

  #clovaBody .clv-split .right {
    padding: 58px 24px 34px !important;
  }

  #clovaBody .clv-performance-strip {
    position: static !important;
    height: auto !important;
    padding: 18px 24px 24px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 0 !important;
  }

  #clovaBody .clv-performance-item {
    padding: 0 14px !important;
  }

  #clovaBody .clv-ultimate-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body #clovaBody section.clv-sec[aria-label="The ultimate hydration system"] > div.clv-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  #clovaBody .clv-ultimate-left,
  #clovaBody .clv-ultimate-left img {
    min-height: 320px !important;
  }

  #clovaBody .clv-ultimate-right {
    padding: 46px 24px 54px !important;
  }

  #clovaBody .clv-standards-points {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Final mobile containment pass for the official-logo homepage concept */
@media (max-width: 560px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .clova-hdr,
  .clvWHeader {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  .clova-hdr .inner,
  .clvWHeader .wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 14px !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  .clova-hdr .right,
  .clvWHeader .right {
    margin-left: auto !important;
    width: auto !important;
    max-width: none !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }

  #clovaBody,
  #clovaBody > .clv-hero {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #clovaBody .clv-hero-inner {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  #clovaBody .clv-hero-copy,
  #clovaBody .clv-hero-copy h1,
  #clovaBody .clv-hero-copy p,
  #clovaBody .clv-hero-actions,
  #clovaBody .clv-hero-actions .clv-btn.black {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #clovaBody .clv-hero-copy {
    overflow: visible !important;
  }

  #clovaBody .clv-hero-copy h1 {
    font-size: 40px !important;
    line-height: 1.02 !important;
  }

  #clovaBody .clv-hero-copy p {
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  #clovaBody .clv-hero-actions .clv-btn.black {
    padding-left: 24px !important;
    padding-right: 24px !important;
    justify-content: center !important;
  }

  #clovaBody .clv-hero-product {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  #clovaBody .clv-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #clovaBody .clv-cat-label {
    font-size: 10px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
  }
}

#clovaBody .clv-cat .name,
#clovaBody .clv-cat-label {
  word-spacing: 2px !important;
}

/* 2026-06-08 final concept fidelity polish */
#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media {
  background: #f3f3f3 !important;
  padding: 0 !important;
}

#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

#clovaBody .clv-cardBody .clv-priceRow,
#clovaBody .clv-mbest-body .clv-priceRow,
#clovaBody .clv-featured .clv-priceRow {
  width: 100% !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  margin-left: 0 !important;
  align-self: flex-start !important;
}

#clovaBody .flashBadge.clv-saleTag,
main .flashBadge.productSaleTag,
.pdPrice .flashBadge.productSaleTag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 0 !important;
  clip-path: none !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#clovaBody .clv-cardMedia .clv-bestSaleTag,
#clovaBody .clv-mbest-media .clv-bestSaleTag {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 8 !important;
  min-width: 86px !important;
  height: 28px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

#clovaBody .clv-mbest-media .clv-bestSaleTag {
  top: 8px !important;
  right: 8px !important;
  min-width: 72px !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
}

#clovaBody .clv-concept-reviews .clv-centerHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
}

#clovaBody .clv-concept-review-controls {
  display: flex !important;
  gap: 9px !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

#clovaBody .clv-concept-review-controls .clv-cbtn {
  display: inline-grid !important;
  place-items: center !important;
}

#clovaBody .clv-concept-review-viewport {
  overflow: hidden !important;
  width: 100% !important;
}

#clovaBody .clv-concept-review-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 18px !important;
  transform: translateX(0);
  transition: transform .45s cubic-bezier(.2,.75,.2,1) !important;
  will-change: transform;
}

#clovaBody .clv-concept-review {
  flex: 0 0 calc((100% - 54px) / 4) !important;
  min-width: 0 !important;
}

.clova-footer {
  --concept-footer: #061116;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--concept-footer) !important;
  color: #fff !important;
  overflow: hidden !important;
}

.clova-footer .wrap {
  width: min(1320px, calc(100% - 76px)) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 34px 0 17px !important;
}

.clova-footer .grid {
  display: grid !important;
  grid-template-columns: minmax(270px, 1.45fr) repeat(5, minmax(105px, .72fr)) !important;
  gap: 38px !important;
  align-items: start !important;
}

.clova-footer .left {
  max-width: 300px !important;
}

.clova-footer .left::after {
  display: none !important;
  content: none !important;
}

.clova-footer .footerLogo {
  display: inline-flex !important;
}

.clova-footer .footerLogo img,
.clova-footer img[src*="clovawhite"] {
  content: url("/images/clovawhite-cropped.png") !important;
  width: 138px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}

.clova-footer .subtext {
  display: block !important;
  margin: 12px 0 0 !important;
  max-width: 270px !important;
  color: rgba(255,255,255,.72) !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
}

.clova-footer .footerEmail {
  margin-top: 13px !important;
  display: inline-flex !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  text-decoration: none !important;
}

.clova-footer .social {
  margin-top: 12px !important;
  display: flex !important;
  gap: 9px !important;
}

.clova-footer .soc {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
}

.clova-footer .soc svg {
  width: 14px !important;
  height: 14px !important;
}

.clova-footer .colTitle,
.clova-footer .legalTitle {
  margin: 0 0 9px !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}

.clova-footer .links {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.clova-footer .links a {
  color: rgba(255,255,255,.76) !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  font-weight: 460 !important;
  text-decoration: none !important;
}

.clova-footer .links a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.clova-footer .bottom {
  width: min(1320px, calc(100% - 76px)) !important;
  max-width: 1320px !important;
  min-height: 34px !important;
  margin: 0 auto !important;
  padding: 8px 0 13px !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.clova-footer .copyright {
  position: static !important;
  transform: none !important;
  color: rgba(255,255,255,.66) !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.clova-footer .paymentRow {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  padding-right: 66px !important;
}

.clova-footer .paymentRow span {
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.clova-footer .formRow,
.clova-footer .captchaNote,
.clova-footer .mailBadge,
.clova-footer .subBtn,
.clova-footer .subArrow,
.clova-footer .countryWrap {
  display: none !important;
}

.clova-footer .waFloatWrap {
  right: 22px !important;
  bottom: 72px !important;
}

.clova-footer .toTop {
  right: 22px !important;
  bottom: 18px !important;
}

@media (max-width: 1180px) {
  .clova-footer .grid {
    grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(120px, 1fr)) !important;
    gap: 28px 34px !important;
  }

  .clova-footer .connectLegal {
    grid-column: auto !important;
  }
}

@media (max-width: 900px) {
  #clovaBody .clv-concept-review {
    flex-basis: calc((100% - 18px) / 2) !important;
  }

  .clova-footer .wrap,
  .clova-footer .bottom {
    width: min(100% - 36px, 720px) !important;
  }

  .clova-footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 24px !important;
  }

  .clova-footer .left {
    grid-column: 1 / -1 !important;
    max-width: 380px !important;
  }
}

@media (max-width: 640px) {
  #clovaBody .clv-concept-reviews .clv-centerHead {
    align-items: flex-end !important;
  }

  #clovaBody .clv-concept-review {
    flex-basis: 100% !important;
  }

  .clova-footer .wrap {
    padding-top: 30px !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .clova-footer .bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding-bottom: 22px !important;
  }

  .clova-footer .paymentRow {
    justify-content: flex-start !important;
  }
}

/* 2026-06-09: soften the home hero seam and refine the header proportions. */
.clova-hdr,
.clvWHeader {
  border-radius: 26px !important;
}

.clova-hdr .logo,
.clova-hdr .logo img,
.clvWHeader .logo,
.clvWHeader .logo img {
  width: 142px !important;
  min-width: 0 !important;
  max-width: 142px !important;
  max-height: 46px !important;
}

@media (min-width: 981px) {
  #clovaBody .clv-hero-product > img {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      rgba(0, 0, 0, .18) 4%,
      rgba(0, 0, 0, .62) 10%,
      #000 18%,
      #000 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      rgba(0, 0, 0, .18) 4%,
      rgba(0, 0, 0, .62) 10%,
      #000 18%,
      #000 100%
    );
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}

@media (max-width: 980px) {
  .clova-hdr,
  .clvWHeader {
    border-radius: 22px !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 108px !important;
    min-width: 0 !important;
    max-width: 108px !important;
    max-height: 40px !important;
  }
}

@media (max-width: 560px) {
  .clova-hdr,
  .clvWHeader {
    border-radius: 18px !important;
  }

  .clova-hdr .logo,
  .clova-hdr .logo img,
  .clvWHeader .logo,
  .clvWHeader .logo img {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    max-height: 36px !important;
  }
}

/* 2026-06-09 live polish: footer fidelity, product controls, PDP spacing/reviews */
body main section.full.bar[aria-label="Filter and sort bar"],
body main .drawerOverlay,
body main #filtersDrawer,
body main .drawer {
  display: none !important;
}

body main section.catsRow {
  margin-top: 8px !important;
  padding: 0 0 22px !important;
  top: 0 !important;
}

body main section.gridWrap {
  top: 0 !important;
  padding-top: 6px !important;
}

#clovaBody .clv-mbest-media {
  overflow: hidden !important;
  background: var(--concept-soft) !important;
}

#clovaBody .clv-mbest-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

#clovaBody .clv-mbest-body,
#clovaBody .clv-mbest-body .clv-priceRow {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.pdInfo .acc.pdInfoTabs {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  grid-template-columns: minmax(148px, 176px) minmax(0, 1fr) !important;
  gap: 14px !important;
  margin-top: 18px !important;
  z-index: 2 !important;
}

.pdTop .wrap > .pdInfoTabs {
  display: grid !important;
  grid-template-columns: 254px minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  border: 1px solid var(--concept-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.pdTop .wrap > .pdInfoTabs .pdTabList {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-right: 1px solid var(--concept-line) !important;
}

.pdTop .wrap > .pdInfoTabs .pdTabBtn {
  min-height: 54px !important;
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid var(--concept-line) !important;
  border-radius: 0 !important;
  padding: 0 24px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  text-align: left !important;
}

.pdTop .wrap > .pdInfoTabs .pdTabBtn.active {
  background: #fff !important;
  color: #111513 !important;
  box-shadow: inset 4px 0 0 var(--concept-green) !important;
}

.pdTop .wrap > .pdInfoTabs .pdTabPanels {
  min-height: 160px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 22px 24px !important;
}

.pdTop .wrap > .pdInfoTabs .ans {
  max-width: none !important;
  margin-top: 0 !important;
}

.pdTop .wrap {
  padding-bottom: 0 !important;
}

#reviews {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

.revList {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  max-width: 1264px !important;
  border-top: 0 !important;
  padding-top: 18px !important;
}

.revItem {
  display: flex !important;
  min-height: 232px !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

.revLeft {
  width: 100% !important;
}

.revMid .rtop {
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.revMid .rtitle {
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
}

.revMid .rbody {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.revRight {
  margin-top: auto !important;
  justify-content: flex-start !important;
  color: #747970 !important;
}

.revLoadMoreWrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 22px !important;
}

.revLoadMore {
  min-width: 148px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  cursor: pointer !important;
}

.revLoadMore[hidden] {
  display: none !important;
}

.clova-footer {
  background: #061116 !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.clova-footer .wrap {
  width: min(1296px, calc(100% - 78px)) !important;
  max-width: 1296px !important;
  padding: 25px 0 12px !important;
}

.clova-footer .grid {
  grid-template-columns: minmax(245px, 1.38fr) repeat(5, minmax(92px, .72fr)) !important;
  gap: 36px !important;
}

.clova-footer .left {
  max-width: 270px !important;
}

.clova-footer .footerLogo img,
.clova-footer img[src*="clovawhite"] {
  content: url("/images/clovawhite-cropped.png") !important;
  width: 132px !important;
  max-width: 132px !important;
  height: auto !important;
  filter: none !important;
}

.clova-footer .subtext {
  margin: 9px 0 0 !important;
  max-width: 252px !important;
  font-size: 10.5px !important;
  line-height: 1.42 !important;
  font-weight: 440 !important;
  color: rgba(255,255,255,.70) !important;
}

.clova-footer .footerEmail {
  margin-top: 11px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
}

.clova-footer .social {
  margin-top: 10px !important;
  gap: 8px !important;
}

.clova-footer .soc {
  width: 20px !important;
  height: 20px !important;
}

.clova-footer .soc svg {
  width: 13px !important;
  height: 13px !important;
}

.clova-footer .colTitle,
.clova-footer .legalTitle {
  margin: 0 0 8px !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
}

.clova-footer .links {
  gap: 5.5px !important;
}

.clova-footer .links a {
  font-size: 10px !important;
  line-height: 1.22 !important;
  font-weight: 460 !important;
  color: rgba(255,255,255,.75) !important;
}

.clova-footer .bottom {
  width: min(1296px, calc(100% - 78px)) !important;
  max-width: 1296px !important;
  min-height: 30px !important;
  padding: 7px 0 9px !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
}

.clova-footer .copyright {
  font-size: 10px !important;
  color: rgba(255,255,255,.58) !important;
}

.clova-footer .paymentRow {
  gap: 11px !important;
  padding-right: 0 !important;
}

.clova-footer .paymentRow span {
  height: auto !important;
  padding: 0 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
}

.clova-footer .formRow,
.clova-footer .captchaNote,
.clova-footer .mailBadge,
.clova-footer .subBtn,
.clova-footer .subArrow,
.clova-footer .countryWrap,
.clova-footer .waFloatWrap,
.clova-footer .toTop {
  display: none !important;
}

@media (max-width: 1180px) {
  .revList {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .clova-footer .grid {
    grid-template-columns: minmax(230px, 1fr) repeat(3, minmax(116px, 1fr)) !important;
    gap: 24px 30px !important;
  }
}

@media (max-width: 980px) {
  .pdInfo .acc.pdInfoTabs {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  .pdTop .wrap > .pdInfoTabs {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  .pdTop .wrap > .pdInfoTabs .pdTabList {
    border-right: 0 !important;
  }

  #reviews {
    margin-top: 12px !important;
    padding-top: 26px !important;
  }

  .clova-footer .wrap,
  .clova-footer .bottom {
    width: min(100% - 36px, 720px) !important;
  }

  .clova-footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 22px !important;
  }

  .clova-footer .left {
    grid-column: 1 / -1 !important;
    max-width: 340px !important;
  }
}

@media (max-width: 640px) {
  .revList {
    grid-template-columns: 1fr !important;
  }

  .clova-footer .wrap {
    padding: 26px 0 12px !important;
  }

  .clova-footer .grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .clova-footer .bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding-bottom: 16px !important;
  }
}

/* Final 2026-06-09 navigation and product-media overrides. */
.conceptChevron {
  width: 12px !important;
  height: 8px !important;
  margin-left: 7px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transform: translateY(-1px) !important;
}

.conceptChevron::before {
  display: none !important;
}

.conceptChevron svg {
  display: block !important;
  width: 12px !important;
  height: 8px !important;
}

.clova-hdr .right,
.clvWHeader .right {
  gap: 14px !important;
}

.clova-hdr .flagSwitch,
.clvWHeader .flagSwitch {
  gap: 8px !important;
  margin-right: 8px !important;
}

.flagSwitchBtn,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.flagSwitchBtn.is-active,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active,
.clova-hdr.is-scrolled .flagSwitchBtn.is-active,
.clova-hdr.mega-open .flagSwitchBtn.is-active,
.clova-hdr.search-open .flagSwitchBtn.is-active,
.clova-hdr.mobile-open .flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active {
  background: transparent !important;
  box-shadow: none !important;
}

.flagSwitchBtn:focus:not(:focus-visible) {
  outline: 0 !important;
}

.flagSwitchBtn:focus-visible {
  outline: 1px solid rgba(17, 21, 19, .42) !important;
  outline-offset: 2px !important;
}

.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 3px !important;
  box-shadow: 0 0 0 1px rgba(17, 21, 19, .20) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider,
.clova-hdr.is-scrolled .flagDivider,
.clova-hdr.mega-open .flagDivider {
  display: block !important;
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 18px !important;
  margin: 0 2px !important;
  background: rgba(17, 21, 19, .38) !important;
  opacity: 1 !important;
}

.clova-hdr #clvSearchOpen,
.clvWHeader #clvSearchBtn {
  display: none !important;
}

#clovaBody section[aria-label="Wellness benefits"] {
  display: none !important;
}

#clovaBody .clv-carouselTop {
  justify-content: center !important;
}

main #productsGrid .imgArea,
main .gridWrap .imgArea {
  padding: 0 !important;
  overflow: hidden !important;
  background: #f3f3f3 !important;
}

main #productsGrid .pimg,
main .gridWrap .pimg {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

main #productsGrid .pimg img,
main .gridWrap .pimg img,
#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img,
.clvShopMega .imgBox img,
.shopMega .imgBox img,
.clvMProdGrid .img img,
.clvSearch .sImg img,
.clvSearch .img img,
.relCard .imgBox img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

.feature .fImg {
  padding: 0 !important;
  overflow: hidden !important;
}

.feature .fImg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

body main > section.hero,
body main > section.hero .wrap,
body main > section.hero h1,
body main > section.hero p {
  text-align: center !important;
}

body main > section.hero p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.clova-footer .footerLogo,
.clova-footer .footerLogo img {
  display: block !important;
}

.clova-footer .social {
  display: flex !important;
  align-items: center !important;
}

.clova-footer .soc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 4px !important;
}

.clova-footer .paymentRow {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.clova-footer .paymentRow .paymentLogo {
  display: inline-flex !important;
  width: auto !important;
  height: 18px !important;
  padding: 0 !important;
  color: #fff !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  display: block !important;
  width: auto !important;
  height: 18px !important;
  overflow: visible !important;
}

.clova-footer .paymentRow .paymentMastercard svg {
  width: 74px !important;
}

.clova-footer .paymentRow .paymentGoogle svg {
  width: 58px !important;
}

@media (max-width: 640px) {
  .clova-footer .paymentRow {
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
  }
}

/* 2026-06-10 final cascade lock. */
.crumb,
.conceptCrumb,
.breadcrumb,
.breadcrumbs,
[aria-label="Breadcrumb"],
[aria-label="Breadcrumbs"] {
  display: none !important;
}

body main section.full.bar[aria-label="Filter and sort bar"],
body main .drawerOverlay,
body main #filtersDrawer,
body main .drawer,
body main section.full.feature,
body main section.faq {
  display: none !important;
}

.conceptStockBadge,
main #productsGrid .conceptStockBadge,
main .gridWrap .conceptStockBadge {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  box-shadow: none !important;
}

.conceptStockBadge i,
main #productsGrid .conceptStockBadge i,
main .gridWrap .conceptStockBadge i {
  background: #fff !important;
}

body main > section.hero:first-child {
  padding-top: clamp(118px, 12vw, 164px) !important;
  padding-bottom: 34px !important;
}

body main > section.hero:first-child .wrap,
body main > section.hero:first-child h1,
body main > section.hero:first-child p {
  text-align: center !important;
}

body main > section.hero:first-child p {
  max-width: 610px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.flagSwitchBtn .flag,
.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 4px !important;
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider {
  display: block !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 20px !important;
  background: rgba(17,21,19,.38) !important;
  opacity: 1 !important;
}

.clv-checkout {
  background: radial-gradient(860px 420px at 94% 0%, rgba(164,211,0,.11), transparent 62%), #f7f8f5 !important;
}

.clv-checkout .clv-wrap {
  padding-top: clamp(112px, 10vw, 142px) !important;
}

.clv-checkout .clv-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

.clv-formColumn form {
  display: grid !important;
  gap: 16px !important;
}

.clv-checkout .clv-card {
  border-radius: 18px !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 18px 48px rgba(17,21,19,.07) !important;
}

.clv-checkout-panel {
  padding: 20px !important;
}

.clv-checkout .clv-card h2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  font-size: 21px !important;
}

.clv-checkout label[for] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.clv-checkout label[for]::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.clv-checkout label[for="name"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0M12 13a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z' fill='none' stroke='%23111513' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="email"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16v12H4zM4 7l8 6 8-6' fill='none' stroke='%23111513' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="phone"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4l3 3-2 2c1.4 2.7 3.3 4.6 6 6l2-2 3 3-1.4 3c-.3.6-.9 1-1.6.9C9.8 18.8 5.2 14.2 4.1 8c-.1-.7.3-1.3.9-1.6L7 4Z' fill='none' stroke='%23111513' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="country"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18' fill='none' stroke='%23111513' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="address1"]::before,
.clv-checkout label[for="address2"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.5 7-12A7 7 0 1 0 5 9c0 6.5 7 12 7 12Zm0-9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='none' stroke='%23111513' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="city"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V7l6-4 6 4v14M16 10h4v11M8 10h4M8 14h4M8 18h4' fill='none' stroke='%23111513' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="state"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l5-2 6 2 5-2v14l-5 2-6-2-5 2V6Zm5-2v14M15 6v14' fill='none' stroke='%23111513' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="postal"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10l3 4v12H4V8l3-4Zm-3 5h16M8 14h8M8 17h5' fill='none' stroke='%23111513' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
.clv-checkout label[for="notes"]::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h9l3 3v15H6V3Zm9 0v4h4M9 12h6M9 16h6' fill='none' stroke='%23111513' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }

.clv-checkout input,
.clv-checkout textarea,
.clv-checkout select {
  min-height: 46px !important;
  border-radius: 13px !important;
  border-color: rgba(17,21,19,.14) !important;
  background: #fff !important;
}

.clv-submitCard {
  display: flex !important;
  justify-content: flex-end !important;
}

.dcWrap {
  font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background: radial-gradient(900px 460px at 100% 0%, rgba(164,211,0,.12), transparent 60%), linear-gradient(180deg, #fafbf8 0%, #f4f5f1 100%) !important;
  padding-top: clamp(110px, 10vw, 138px) !important;
}

.dcCard {
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(17,21,19,.07) !important;
}

.dcField select,
.dcSelectedBottom a,
.dcPill.on {
  background: #111513 !important;
  border-color: #111513 !important;
}

.pdTop {
  padding-top: clamp(16px, 3vw, 34px) !important;
}

.pdGrid {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: clamp(24px, 4vw, 58px) !important;
}

.pdMedia {
  min-height: 610px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.pdMedia .imgShell {
  height: 610px !important;
  min-height: 610px !important;
  padding: 0 !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 7px !important;
  background: #f2f3f0 !important;
  box-shadow: 0 18px 42px rgba(17,21,19,.07) !important;
}

.pdMedia .imgShell img,
.pdThumb img,
.stickyThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
}

.pdThumb {
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  border-radius: 7px !important;
}

.pdInfo h1 {
  font-size: clamp(34px, 3.25vw, 48px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
}

.pdInfo > .ratingRow {
  margin: 2px 0 20px !important;
}

.varRow + .ratingRow,
.batchAuth + .ratingRow {
  display: none !important;
}

.varCard {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  padding: 0 !important;
}

.varCard .varLabel {
  color: #111 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.mgGrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mgOpt {
  border-color: rgba(17,21,19,.14) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111 !important;
}

.mgOpt.active {
  border-color: #9bd500 !important;
  box-shadow: inset 0 0 0 1px #9bd500 !important;
  background: #fff !important;
  color: #111 !important;
}

.buyRow {
  grid-template-columns: 126px 1fr !important;
}

.acc.pdInfoTabs,
.pdTop .wrap > .pdInfoTabs {
  width: 100% !important;
  clear: both !important;
  margin: 30px 0 0 !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 0 !important;
}

.pdTabList {
  gap: 0 !important;
  border-right: 1px solid rgba(17,21,19,.10) !important;
}

.pdTabBtn {
  min-height: 64px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.pdTabBtn.active {
  background: #f8fbf0 !important;
  color: #111 !important;
  box-shadow: inset 4px 0 0 #9bd500 !important;
}

.pdTabPanels {
  min-height: 190px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 28px 32px !important;
}

#reviews {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  padding-top: 50px !important;
}

.revList {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  border-top: 0 !important;
}

.revItem {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 210px !important;
  padding: 18px !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.clova-footer .soc {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

.clova-footer .paymentRow .paymentLogo {
  height: 24px !important;
  min-width: 44px !important;
  padding: 3px 7px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 7px !important;
}

.clvMobileQuickNav {
  display: none;
}

@media (max-width: 980px) {
  .clv-checkout .clv-grid,
  .pdGrid {
    grid-template-columns: 1fr !important;
  }

  .pdMedia {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
  }

  .pdThumbRail {
    grid-row: 2 !important;
    flex-direction: row !important;
    overflow-x: auto !important;
  }

  .pdMedia:has(.pdThumbRail) .imgShell {
    grid-column: 1 !important;
  }

  .pdMedia .imgShell {
    height: min(74vw, 520px) !important;
    min-height: 360px !important;
  }

  .mgGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .acc.pdInfoTabs,
  .pdTop .wrap > .pdInfoTabs {
    grid-template-columns: 1fr !important;
  }

  .pdTabList {
    flex-direction: row !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(17,21,19,.10) !important;
  }

  .pdTabBtn.active {
    box-shadow: inset 0 -3px 0 #9bd500 !important;
  }

  .revList {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body {
    padding-bottom: 82px !important;
  }

  .clvMobileQuickNav {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 2200;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-height: 60px;
    padding: 7px;
    border: 1px solid rgba(17,21,19,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 44px rgba(17,21,19,.18);
  }

  .clvMobileQuickNav a {
    display: grid;
    place-items: center;
    gap: 3px;
    min-width: 0;
    color: #111513;
    text-decoration: none;
    font-family: "DM Sans", system-ui, sans-serif;
    font-size: 10.5px;
    line-height: 1.05;
    font-weight: 800;
    border-radius: 999px;
    overflow: hidden;
    text-align: center;
  }

  .clvMobileQuickNav svg {
    width: 18px;
    height: 18px;
  }

  .clvMobileQuickNav span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .buyRow {
    grid-template-columns: 1fr !important;
  }

  .revList {
    grid-template-columns: 1fr !important;
  }

  .clv-submitCard .clv-btn {
    width: 100% !important;
  }
}

/* 2026-06-10 actual end-of-file responsive lock. */
@media (min-width: 1181px) {
  .clvProductDetailPage .pdTop > .wrap {
    width: min(1264px, calc(100% - 64px)) !important;
    max-width: 1264px !important;
  }

  .clvProductDetailPage .pdGrid {
    grid-template-columns: 740px minmax(0, 484px) !important;
    gap: 40px !important;
    align-items: start !important;
  }

  .clvProductDetailPage .pdMedia {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 480px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    padding: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
  }

  .clvProductDetailPage .pdThumb {
    width: 74px !important;
    height: 74px !important;
    border-radius: 4px !important;
  }

  .clvProductDetailPage .pdInfo {
    padding-top: 14px !important;
  }

  .clvProductDetailPage .pdInfo h1 {
    margin: 0 0 14px !important;
    font-size: 38px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .clvProductDetailPage .pdTrustBatch {
    display: none !important;
  }
}

.clvProductDetailPage .pdMedia .imgShell {
  padding: 0 !important;
}

.clvProductDetailPage .pdTabPanels .ans {
  width: 100% !important;
  max-width: none !important;
}

#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media,
main #productsGrid .imgArea,
main .gridWrap .imgArea,
.relCard .imgBox {
  overflow: hidden !important;
}

#clovaBody .clv-cardImg,
#clovaBody .clv-mbest-media img,
main #productsGrid .pimg img,
main .gridWrap .pimg img,
.relCard .imgBox img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.26) !important;
  transform-origin: center !important;
}

.clvProductsPage main > section.hero:first-child {
  margin-top: 0 !important;
}

.clvProductsPage main section.gridWrap {
  padding-bottom: 24px !important;
}

.clvProductsPage .clova-footer {
  margin-top: 20px !important;
  border-top: 0 !important;
}

.clova-footer .social {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .soc {
  width: 31px !important;
  height: 20px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .soc:first-child {
  width: 23px !important;
  padding-left: 0 !important;
}

.clova-footer .soc + .soc {
  border-left: 1px solid rgba(255,255,255,.28) !important;
}

.clova-footer .soc svg {
  width: 15px !important;
  height: 15px !important;
}

.clova-footer .paymentRow {
  gap: 0 !important;
  align-items: center !important;
}

.clova-footer .paymentRow .paymentLogo {
  min-width: 0 !important;
  height: 18px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clova-footer .paymentRow .paymentLogo:first-child {
  padding-left: 0 !important;
}

.clova-footer .paymentRow .paymentLogo + .paymentLogo {
  border-left: 1px solid rgba(255,255,255,.25) !important;
}

.clova-footer .paymentRow .paymentLogo svg {
  width: auto !important;
  max-width: 58px !important;
  height: 16px !important;
}

@media (max-width: 720px) {
  #clovaBody .clv-cardImg,
  #clovaBody .clv-mbest-media img,
  main #productsGrid .pimg img,
  main .gridWrap .pimg img,
  .relCard .imgBox img {
    transform: scale(1.18) !important;
  }

  .clvWHeader .wrap,
  .clova-hdr .inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow: visible !important;
  }

  .clvProductsPage main > section.hero:first-child {
    margin-top: 0 !important;
  }

  .clvProductsPage main section.gridWrap {
    padding-bottom: 18px !important;
  }

  .clvProductsPage .clova-footer {
    margin-top: 16px !important;
  }

  .clvProductDetailPage .pdMedia .imgShell {
    width: min(100%, 344px) !important;
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clvProductDetailPage .pdThumbRail {
    width: min(100%, 344px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
  }

  .clova-footer .grid > div {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
  }

  .clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }

  .clova-footer .paymentRow {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .clova-footer .paymentRow .paymentLogo {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* 2026-06-10 real EOF request lock: flags, product cards, PDP buy row, footer mobile. */
.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.clova-hdr .flagSwitchBtn,
.clvWHeader .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.flagSwitchBtn .flag,
.clova-hdr .flagSwitchBtn .flag,
.clvWHeader .flagSwitchBtn .flag {
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(17,21,19,.22) !important;
}

.flagDivider,
.clova-hdr .flagDivider,
.clvWHeader .flagDivider {
  display: block !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 20px !important;
  background: rgba(17,21,19,.38) !important;
  opacity: 1 !important;
}

body.clvProductDetailPage,
body.clvProductDetailPage main,
body.clvProductDetailPage .pdTop,
body.clvProductDetailPage #reviews,
body.clvProductDetailPage .rel {
  background: #fff !important;
}

.clvProductDetailPage .pdStockRow {
  display: none !important;
}

.clvProductDetailPage .pdInfo h1 {
  font-weight: 720 !important;
}

.clvProductDetailPage .pdPrice,
.clvProductDetailPage .pdPrice .nowPrice {
  font-weight: 680 !important;
}

.clvProductDetailPage .buyRow {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) 48px !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 0 0 20px !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 1px solid rgba(17,21,19,.16) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111513 !important;
  box-shadow: none !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn svg {
  width: 18px !important;
  height: 18px !important;
}

.clvProductDetailPage .buyRow .shareLinkBtn path,
.clvProductDetailPage .buyRow .shareLinkBtn circle {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clvProductDetailPage .pdDosePill {
  width: 190px !important;
  min-width: 190px !important;
  max-width: calc(100% - 36px) !important;
  height: 44px !important;
  min-height: 44px !important;
}

.clvProductDetailPage .pdDosePill::before {
  left: 17px !important;
  width: 19px !important;
  height: 19px !important;
}

.clvProductDetailPage .pdDosePillText {
  padding-left: 44px !important;
  padding-right: 10px !important;
  font-size: 10.5px !important;
}

.clvProductDetailPage .relTabs {
  justify-content: center !important;
  text-align: center !important;
}

.clvProductDetailPage .batchIcon,
.clvProductDetailPage .relBatchAuth .batchIcon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdTrustBatch .tickCirc,
.clvProductDetailPage .relBatchAuth .tickCirc {
  display: none !important;
}

@media (max-width: 720px) {
  .clova-footer .wrap,
  .clova-footer .bottom,
  .clova-footer .left,
  .clova-footer .grid > div,
  .clova-footer .connectLegal {
    text-align: center !important;
  }

  .clova-footer .footerLogo,
  .clova-footer .subtext,
  .clova-footer .footerEmail,
  .clova-footer .social,
  .clova-footer .links,
  .clova-footer .paymentRow {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .social,
  .clova-footer .paymentRow {
    justify-content: center !important;
  }

  .clova-footer .links {
    align-items: center !important;
  }

  .clova-footer .copyright {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge,
  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    height: 19px !important;
    min-height: 19px !important;
    padding: 0 5px !important;
    gap: 3px !important;
    border-radius: 5px !important;
    font-size: 8px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    max-width: calc(50% - 11px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    top: 7px !important;
    left: 7px !important;
  }

  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge {
    top: 7px !important;
    right: 7px !important;
  }

  main #productsGrid .conceptStockBadge i,
  main .gridWrap .conceptStockBadge i {
    width: 6px !important;
    height: 6px !important;
    flex: 0 0 6px !important;
  }

  .clvProductsPage #productsGrid .cap,
  main #productsGrid .cap,
  main .gridWrap .cap {
    position: relative !important;
    padding: 9px 7px 48px !important;
    min-height: 134px !important;
    height: 134px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  main #productsGrid .cap .name,
  main .gridWrap .cap .name {
    min-height: 33px !important;
    margin: 0 0 5px !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  main #productsGrid .cap .prices,
  main .gridWrap .cap .prices {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 39px !important;
    justify-content: center !important;
    min-height: 16px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  .clvProductsPage #productsGrid .btnAdd,
  main #productsGrid .btnAdd,
  main .gridWrap .btnAdd {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 5px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
    gap: 4px !important;
  }

  .clvProductsPage #productsGrid .btnAdd svg,
  main #productsGrid .btnAdd svg,
  main .gridWrap .btnAdd svg {
    width: 13px !important;
    height: 13px !important;
  }

  .clvProductDetailPage .buyRow {
    grid-template-columns: 92px minmax(0, 1fr) 42px !important;
    gap: 8px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn,
  .clvProductDetailPage .qtyStepper,
  .clvProductDetailPage .btnMain {
    height: 42px !important;
    min-height: 42px !important;
  }

  .clvProductDetailPage .buyRow .shareLinkBtn {
    width: 42px !important;
    min-width: 42px !important;
  }

  .clvProductDetailPage .pdDosePill {
    width: min(198px, calc(100% - 24px)) !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

/* 2026-06-10 dosage pill readability lock. */
.clvProductDetailPage .pdDosePillTrack {
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillTextA {
  animation: pdDosePromptAfterClicks 5.6s ease-in-out infinite !important;
  font-size: 9.4px !important;
}

.clvProductDetailPage .pdDosePillTextB {
  animation: pdDoseClicksFirst 5.6s ease-in-out infinite !important;
  font-size: 11px !important;
}

@keyframes pdDoseClicksFirst {
  0%, 48% {
    transform: translateX(0);
    opacity: 1;
  }
  56%, 100% {
    transform: translateX(-112%);
    opacity: 0;
  }
}

@keyframes pdDosePromptAfterClicks {
  0%, 52% {
    transform: translateX(112%);
    opacity: 0;
  }
  60%, 92% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-112%);
    opacity: 0;
  }
}

/* 2026-06-10 product card spacing and footer-logo alignment lock. */
main #productsGrid .conceptStockBadge,
main .gridWrap .conceptStockBadge,
main #productsGrid .conceptSaveBadge,
main .gridWrap .conceptSaveBadge {
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

main .flashBadge.productSaleTag {
  font-weight: 680 !important;
  letter-spacing: .02em !important;
}

.clova-footer .social,
.clova-footer .paymentRow {
  justify-content: center !important;
}

.clova-footer .paymentRow {
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.clova-footer .paymentRow .paymentLogo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 720px) {
  main #productsGrid .conceptStockBadge,
  main .gridWrap .conceptStockBadge,
  main #productsGrid .conceptSaveBadge,
  main .gridWrap .conceptSaveBadge {
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 5px !important;
    font-size: 7.8px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
  }

  main #productsGrid .conceptStockBadge i,
  main .gridWrap .conceptStockBadge i {
    width: 5.5px !important;
    height: 5.5px !important;
    flex-basis: 5.5px !important;
  }

  .clvProductsPage #productsGrid .cap,
  main #productsGrid .cap,
  main .gridWrap .cap {
    height: 146px !important;
    min-height: 146px !important;
    padding: 11px 7px 47px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  main #productsGrid .cap .name,
  main .gridWrap .cap .name {
    min-height: 36px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    font-weight: 620 !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  main #productsGrid .cap .prices,
  main .gridWrap .cap .prices {
    bottom: 43px !important;
    min-height: 18px !important;
    gap: 4px 6px !important;
    font-weight: 500 !important;
  }

  main .flashBadge.productSaleTag {
    min-height: 18px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
    font-weight: 680 !important;
  }

  .clvProductsPage #productsGrid .btnAdd,
  main #productsGrid .btnAdd,
  main .gridWrap .btnAdd {
    bottom: 9px !important;
    height: 31px !important;
    min-height: 31px !important;
  }

  .clova-footer .bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding-bottom: 96px !important;
    text-align: center !important;
  }

  .clova-footer .paymentRow {
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 0 !important;
  }
}

/* 2026-06-10 desktop product card overlap lock. */
@media (min-width: 721px) {
  .clvProductsPage #productsGrid .card,
  main #productsGrid .card,
  main .gridWrap .card {
    min-height: 436px !important;
    height: 436px !important;
  }

  .clvProductsPage #productsGrid .cap,
  main #productsGrid .cap,
  main .gridWrap .cap {
    position: relative !important;
    min-height: 188px !important;
    height: 188px !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  main #productsGrid .cap .name,
  main .gridWrap .cap .name {
    position: absolute !important;
    top: 17px !important;
    left: 18px !important;
    right: 18px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-align: center !important;
    font-size: 15.5px !important;
    line-height: 1.16 !important;
    font-weight: 620 !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  main #productsGrid .cap .prices,
  main .gridWrap .cap .prices {
    position: absolute !important;
    top: 66px !important;
    bottom: auto !important;
    left: 18px !important;
    right: 18px !important;
    min-height: 49px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 5px 8px !important;
    flex-wrap: wrap !important;
    color: #6f736f !important;
    font-size: 14.5px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    text-align: center !important;
  }

  .clvProductsPage #productsGrid .cap .prices .now,
  main #productsGrid .cap .prices .now,
  main .gridWrap .cap .prices .now {
    font-weight: 500 !important;
  }

  .clvProductsPage #productsGrid .cap .prices s,
  main #productsGrid .cap .prices s,
  main .gridWrap .cap .prices s {
    color: #a4a7a4 !important;
    font-weight: 450 !important;
  }

  main .flashBadge.productSaleTag,
  .clvProductsPage #productsGrid .flashBadge.productSaleTag {
    flex: 0 0 auto !important;
    margin: 3px auto 0 !important;
    min-height: 24px !important;
    padding: 0 13px !important;
    font-size: 11px !important;
    font-weight: 680 !important;
    line-height: 1 !important;
  }

  .clvProductsPage #productsGrid .btnAdd,
  main #productsGrid .btnAdd,
  main .gridWrap .btnAdd {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 13px !important;
    width: auto !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    font-weight: 620 !important;
  }
}

/* 2026-06-10 final cascade lock: keep the latest user-requested polish above all earlier layers. */
@media (min-width: 981px) {
  .clova-hdr nav,
  .clvWHeader nav {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (min-width: 721px) {
  .clvProductsPage .catsRow .pills,
  main .catsRow .pills,
  body main section.catsRow .pills {
    justify-content: center !important;
    text-align: center !important;
  }
}

#clovaBody .clv-hero-actions .clv-btn.black,
#clovaBody .clv-evidence .clv-btn {
  justify-content: center !important;
  gap: 12px !important;
}

#clovaBody .clv-hero-actions .clv-btn.black span[aria-hidden="true"],
#clovaBody .clv-evidence .clv-btn span[aria-hidden="true"] {
  display: inline-grid !important;
  place-items: center !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.14) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

#clovaBody .clv-evidence .clv-btn span[aria-hidden="true"] {
  background: rgba(17,21,19,.08) !important;
}

#clovaBody .clv-hero-product::after {
  content: "" !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  left: calc(15.5% + 14px) !important;
  bottom: 34px !important;
  border: 0 !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: transparent !important;
  transform: rotate(45deg) !important;
  box-shadow: none !important;
}

main .card,
#clovaBody .clv-card,
#clovaBody .clv-mbest-card {
  position: relative !important;
}

main .card.is-added .imgArea,
main .card.is-added .cap,
#clovaBody .clv-card.is-added > :not(.cardAddedFx),
#clovaBody .clv-mbest-card.is-added > :not(.cardAddedFx) {
  filter: blur(2.4px) saturate(.92) !important;
  opacity: .62 !important;
}

.cardAddedFx {
  position: absolute !important;
  inset: 0 !important;
  z-index: 40 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(155,220,0,.24), transparent 32%),
    radial-gradient(circle at 82% 14%, rgba(255,223,93,.24), transparent 30%),
    rgba(255,255,255,.82) !important;
  box-shadow: inset 0 0 0 1px rgba(17,21,19,.10) !important;
  backdrop-filter: blur(7px) saturate(1.08) !important;
}

.cardAddedFx strong {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  background: #080b09 !important;
  color: #fff !important;
  font-family: var(--concept-ui) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

.cardAddedFx strong::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  border-radius: 50% !important;
  background: #9bdc00 !important;
  box-shadow: 0 0 0 4px rgba(155,220,0,.20) !important;
  transform-origin: center !important;
  animation: clvAddedCheckSpin .62s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx strong::after {
  content: "" !important;
  position: absolute !important;
  left: 27px !important;
  top: 50% !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #071006 !important;
  border-bottom: 2px solid #071006 !important;
  transform: translateY(-58%) rotate(-45deg) !important;
  animation: clvAddedTickDraw .5s ease .16s both !important;
}

.cardAddedFx .confetti {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
}

.cardAddedFx .confetti i {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 7px !important;
  height: 10px !important;
  border-radius: 2px !important;
  background: var(--c, #9bdc00) !important;
  transform-origin: center !important;
  animation: clvInlineConfetti 1.18s cubic-bezier(.19, 1, .22, 1) var(--d, 0ms) both !important;
}

main .btnAdd.is-added,
#clovaBody [data-add-cart].is-added,
.clvProductDetailPage .btnMain.is-added {
  background: #94d500 !important;
  color: #081008 !important;
}

.stickyBuy {
  display: none !important;
}

.pagePadBottom {
  padding-bottom: 0 !important;
}

.clvProductDetailPage .pdPrice {
  gap: 9px !important;
  align-items: center !important;
}

.clvProductDetailPage .pdPrice .productSaleTag,
main .flashBadge.productSaleTag {
  border-radius: 3px !important;
}

.clvProductDetailPage .pdPrice .productSaleTag {
  min-height: 22px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

.clvProductDetailPage .btnMain {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 18px !important;
}

.clvProductDetailPage .btnMain::after {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 2px !important;
  transform: none !important;
}

.clvProductDetailPage .pdTrustStrip {
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
}

.clvProductDetailPage .pdTrustItem {
  flex: 0 0 auto !important;
  gap: 5px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdTrustItem:first-child {
  padding-left: 0 !important;
}

.clvProductDetailPage .pdTrustItem svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

.clvProductDetailPage .relTitle,
.clvProductDetailPage .relTabs {
  text-align: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .slider {
  justify-content: center !important;
}

.clvProductDetailPage .relCard {
  position: relative !important;
  text-align: center !important;
}

.clvProductDetailPage .relCard .cap,
.clvProductDetailPage .relCard .capText,
.clvProductDetailPage .relCard .capTitle,
.clvProductDetailPage .relCard .relPrice {
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.clvProductDetailPage .relCard .relBatchAuth {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  max-width: calc(100% - 24px) !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,.92) !important;
  color: #111513 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  pointer-events: none !important;
}

.clvProductDetailPage .relCard .relBatchAuth .batchIcon {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

.clvProductDetailPage .relCard .relBatchAuth .tickCirc {
  display: none !important;
}

.clvProductDetailPage #reviews {
  background: #f7f8f5 !important;
  padding: 48px 0 64px !important;
}

.clvProductDetailPage .revTitle {
  margin: 0 0 22px !important;
  text-align: center !important;
  font-size: 30px !important;
  font-weight: 560 !important;
}

.clvProductDetailPage .revSummary {
  display: grid !important;
  grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.28fr) minmax(170px, .52fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 150px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(17,21,19,.06) !important;
}

.clvProductDetailPage .revSummary .revCol {
  min-height: 150px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .revSummary .revCol + .revCol {
  border-left: 1px solid rgba(17,21,19,.08) !important;
}

.clvProductDetailPage .revAvg {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  text-align: left !important;
}

.clvProductDetailPage .revAvgNum {
  line-height: 1 !important;
  font-weight: 620 !important;
}

.clvProductDetailPage .revAvgMeta {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
}

.clvProductDetailPage .revList {
  gap: 18px !important;
  margin-top: 22px !important;
}

.clvProductDetailPage .revItem {
  min-height: 214px !important;
  padding: 22px !important;
  border: 1px solid rgba(17,21,19,.10) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(17,21,19,.05) !important;
}

.clv-checkout label[for] {
  display: inline-grid !important;
  grid-template-columns: 20px auto !important;
  align-items: center !important;
  gap: 8px !important;
  color: #111513 !important;
}

.clv-checkout label[for]::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  opacity: 1 !important;
  border-radius: 5px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  filter: none !important;
}

@media (max-width: 720px) {
  .cardAddedFx {
    inset: 7px !important;
    border-radius: 7px !important;
  }

  .cardAddedFx strong {
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
  }

  #clovaBody .clv-hero-product::after {
    left: calc(50% - 8px) !important;
    bottom: 24px !important;
  }

  .clvProductDetailPage .pdTrustStrip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 10px !important;
  }

  .clvProductDetailPage .pdTrustItem {
    padding: 0 6px !important;
    font-size: 8.8px !important;
  }

  .clvProductDetailPage .relCard .relBatchAuth {
    top: 9px !important;
    right: 9px !important;
    min-height: 24px !important;
    padding: 5px 7px !important;
    font-size: 8px !important;
    border-radius: 5px !important;
  }

  .clvProductDetailPage .revSummary {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .revSummary .revCol {
    min-height: 118px !important;
    padding: 20px !important;
  }

  .clvProductDetailPage .revSummary .revCol + .revCol {
    border-left: 0 !important;
    border-top: 1px solid rgba(17,21,19,.08) !important;
  }

  .clvProductDetailPage .revAvg {
    text-align: center !important;
  }
}

.clvProductDetailPage main.pagePadBottom,
.clvProductDetailPage .pagePadBottom,
body .clvProductDetailPage main.pagePadBottom {
  padding-bottom: 0 !important;
}

.clvProductDetailPage #reviews,
.clvProductDetailPage .rel {
  scroll-margin-top: 132px !important;
}

/* 2026-06-10 PDP trust row: centered, larger, and includes batch authentication. */
.clvProductDetailPage .pdTrustStrip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 7px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 14px auto 0 !important;
}

.clvProductDetailPage .pdTrustItem,
.clvProductDetailPage .pdTrustBatch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  color: #5f665f !important;
  font-size: 10.5px !important;
  font-weight: 470 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdTrustItem:first-child {
  padding-left: 0 !important;
}

.clvProductDetailPage .pdTrustItem + .pdTrustItem {
  border-left: 1px solid rgba(17,21,19,.20) !important;
}

.clvProductDetailPage .pdTrustBatch,
.clvProductDetailPage .pdTrustItem.pdTrustBatch {
  border-left: 0 !important;
}

.clvProductDetailPage .pdTrustItem svg,
.clvProductDetailPage .pdTrustBatch .batchIcon {
  width: 15.5px !important;
  height: 15.5px !important;
  flex: 0 0 15.5px !important;
}

.clvProductDetailPage .pdTrustBatch .tickCirc {
  display: none !important;
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdTrustStrip {
    gap: 8px 0 !important;
    margin-top: 12px !important;
  }

  .clvProductDetailPage .pdTrustItem,
  .clvProductDetailPage .pdTrustBatch {
    padding: 0 9px !important;
    font-size: 9.4px !important;
  }

  .clvProductDetailPage .pdTrustItem svg,
  .clvProductDetailPage .pdTrustBatch .batchIcon {
    width: 14px !important;
    height: 14px !important;
    flex-basis: 14px !important;
  }
}

/* 2026-06-10 PDP trust row single-line desktop lock. */
@media (min-width: 901px) {
  .clvProductDetailPage .pdTrustStrip {
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: max-content !important;
    max-width: none !important;
    margin: 14px auto 0 !important;
    white-space: nowrap !important;
  }

  .clvProductDetailPage .pdTrustItem,
  .clvProductDetailPage .pdTrustBatch {
    gap: 5px !important;
    padding: 0 8px !important;
    font-size: 9.4px !important;
    line-height: 1 !important;
  }

  .clvProductDetailPage .pdTrustItem:first-child {
    padding-left: 0 !important;
  }

  .clvProductDetailPage .pdTrustItem svg,
  .clvProductDetailPage .pdTrustBatch .batchIcon {
    width: 14px !important;
    height: 14px !important;
    flex-basis: 14px !important;
  }

  .clvProductDetailPage .pdTrustItem.pdTrustBatch {
    border-left: 1px solid rgba(17,21,19,.20) !important;
  }
}

/* 2026-06-14 PDP delivery estimate card under the purchase assurances. */
.clvProductDetailPage .pdArrivalCard {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(151, 220, 0, .18), transparent 34%),
    linear-gradient(135deg, #fbfff1 0%, #ffffff 52%, #f3f7ec 100%) !important;
  box-shadow: 0 18px 44px rgba(17, 21, 19, .08) !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdArrivalCard::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 0 auto !important;
  width: 112px !important;
  height: 64px !important;
  border-radius: 999px 999px 0 0 !important;
  background: rgba(151, 220, 0, .12) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}

.clvProductDetailPage .pdArrivalIcon {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 14px !important;
  background: #0b110e !important;
  color: #97dc00 !important;
  box-shadow: 0 10px 24px rgba(17, 21, 19, .14) !important;
}

.clvProductDetailPage .pdArrivalIcon svg {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clvProductDetailPage .pdArrivalText {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

.clvProductDetailPage .pdArrivalKicker {
  margin: 0 0 5px !important;
  color: rgba(17, 21, 19, .58) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.clvProductDetailPage .pdArrivalHeadline {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 6px !important;
  color: #0b110e !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  line-height: 1.18 !important;
}

.clvProductDetailPage .pdArrivalHeadline strong,
.clvProductDetailPage .pdArrivalHeadline time {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
  background: #97dc00 !important;
  color: #0b110e !important;
  font-size: 15px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdArrivalCopy {
  max-width: 650px !important;
  margin: 0 !important;
  color: rgba(17, 21, 19, .66) !important;
  font-size: 12.5px !important;
  font-weight: 470 !important;
  line-height: 1.45 !important;
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdArrivalCard {
    align-items: flex-start !important;
    gap: 11px !important;
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 15px !important;
  }

  .clvProductDetailPage .pdArrivalIcon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 12px !important;
  }

  .clvProductDetailPage .pdArrivalHeadline {
    font-size: 14.5px !important;
    gap: 6px !important;
  }

  .clvProductDetailPage .pdArrivalHeadline strong,
  .clvProductDetailPage .pdArrivalHeadline time {
    min-height: 26px !important;
    padding: 5px 9px !important;
    border-radius: 9px !important;
    font-size: 13.5px !important;
  }

  .clvProductDetailPage .pdArrivalCopy {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }
}

/* 2026-06-10 footer cleanup: remove Shop column and rebalance remaining links. */
.clova-footer .footerShopColumn {
  display: none !important;
}

.clova-footer .grid {
  grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr)) !important;
  gap: 58px !important;
}

@media (max-width: 980px) {
  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 22px !important;
  }

  .clova-footer .left {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 22px !important;
  }

  .clova-footer .grid > div:nth-child(3),
  .clova-footer .grid > div:nth-child(4),
  .clova-footer .grid > div:nth-child(5),
  .clova-footer .grid > div:nth-child(6) {
    grid-column: auto !important;
    grid-row: auto !important;
  }

.clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
  }
}

/* 2026-06-10 footer cleanup: remove Connect column, tighten logo spacing, refine icon hover. */
.clova-footer .footerConnectColumn {
  display: none !important;
}

.clova-footer .grid {
  grid-template-columns: 1.42fr repeat(3, minmax(0, 1fr)) !important;
  gap: 68px !important;
}

.clova-footer .footerLogo {
  display: inline-block !important;
  margin: 0 0 2px !important;
  line-height: 0 !important;
}

.clova-footer .footerLogo img {
  display: block !important;
  margin: 0 !important;
}

.clova-footer .left .subtext {
  margin-top: 3px !important;
}

.clova-footer .footerEmail {
  margin-top: 8px !important;
}

.clova-footer .soc,
.clova-footer .paymentRow .paymentLogo {
  transition: transform .18s ease, color .18s ease, opacity .18s ease, filter .18s ease, background-color .18s ease !important;
  will-change: transform !important;
}

.clova-footer .soc:hover {
  transform: translateY(-2px) scale(1.08) !important;
  color: var(--concept-green, #9bdc00) !important;
  opacity: 1 !important;
  background: transparent !important;
  filter: drop-shadow(0 5px 10px rgba(155, 220, 0, .16)) !important;
}

.clova-footer .soc:hover svg {
  transform: rotate(-3deg) !important;
  transition: transform .18s ease !important;
}

.clova-footer .paymentRow .paymentLogo:hover {
  transform: translateY(-1px) !important;
  opacity: .96 !important;
  filter: brightness(1.08) !important;
}

@media (max-width: 980px) {
  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 22px !important;
  }

  .clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
  }
}

/* 2026-06-10 footer full-width desktop lock. */
.clova-footer {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-top: 0 !important;
  overflow: hidden !important;
}

.clova-footer .wrap,
.clova-footer .bottom {
  width: min(1296px, calc(100vw - 78px)) !important;
  max-width: 1296px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 720px) {
  .clova-footer .wrap,
  .clova-footer .bottom {
    width: calc(100vw - 28px) !important;
  }
}

/* 2026-06-11 footer payment logos right alignment. */
.clova-footer .bottom {
  justify-content: space-between !important;
}

.clova-footer .paymentRow {
  margin-left: auto !important;
  margin-right: 0 !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

@media (max-width: 720px) {
  .clova-footer .paymentRow {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 640px) {
  .clova-footer .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px 20px !important;
  }

  .clova-footer .grid > div:nth-child(3),
  .clova-footer .grid > div:nth-child(4),
  .clova-footer .grid > div:nth-child(6) {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .clova-footer .grid > .left {
    grid-column: 1 / -1 !important;
  }
}

/* 2026-06-11 13-task polish lock */
.shopMega,
.clvShopMega,
.clvMShopBody {
  display: none !important;
}

.clvMShop {
  border: 0 !important;
}

.clvMShopHead {
  text-decoration: none !important;
}

.clv-checkout .clv-card h2::before {
  display: none !important;
}

.clv-checkout .clv-title-icon {
  width: 31px !important;
  height: 31px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111513 !important;
  color: #fff !important;
  flex: 0 0 31px !important;
}

.clv-checkout .clv-delivery-card .clv-title-icon {
  background: #9bd500 !important;
  color: #111513 !important;
}

.clv-checkout .clv-title-icon svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clv-checkout .clv-cart-card {
  position: sticky !important;
  top: calc(var(--clv-header-h, 78px) + 18px) !important;
  align-self: start !important;
}

.clv-checkout .clv-phone-single {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.clv-checkout .clv-phone-flag {
  width: 58px !important;
  height: 46px !important;
  flex-basis: 58px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  background: #fff !important;
}

.clv-checkout .clv-phone-flag img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.clv-checkout .clv-phone-flag svg,
.clv-checkout .clv-phone-flag-svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 12px !important;
}

.clv-checkout .clv-cart-item,
.clv-checkout .clv-cart-item * {
  animation: none !important;
  outline: 0 !important;
}

.clv-checkout .clv-cart-item {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .clv-checkout .clv-cart-card {
    position: static !important;
  }
}

.clvProductDetailPage .pdInfo h1 {
  font-size: clamp(28px, 2.35vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 640 !important;
}

.clvProductDetailPage .ratingRow .stars,
.clvProductDetailPage .revAvgMeta .stars,
.clvProductDetailPage .revItem .stars {
  color: #9bd500 !important;
}

.clvProductDetailPage .ratingRow .stars svg,
.clvProductDetailPage .ratingRow .stars svg path,
.clvProductDetailPage .revAvgMeta .stars svg,
.clvProductDetailPage .revAvgMeta .stars svg path,
.clvProductDetailPage .revItem .stars svg,
.clvProductDetailPage .revItem .stars svg path {
  fill: #9bd500 !important;
  stroke: #9bd500 !important;
}

.clvProductDetailPage .revSummary .revCol {
  align-items: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .revAvg {
  min-height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.clvProductDetailPage .distRow {
  grid-template-columns: 24px 16px minmax(120px, 1fr) 32px !important;
  align-items: center !important;
}

.clvProductDetailPage .distBar {
  display: block !important;
  width: 100% !important;
  min-width: 120px !important;
  height: 8px !important;
  background: #ecefeb !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.clvProductDetailPage .distFill {
  display: block !important;
  height: 100% !important;
  min-width: 2px !important;
  background: #9bd500 !important;
  border-radius: 999px !important;
}

.clvProductDetailPage .relTabs {
  margin-bottom: 10px !important;
}

.clvProductDetailPage .relCard {
  height: 430px !important;
}

.clvProductDetailPage .relCard .imgBox {
  flex: 1 1 auto !important;
  min-height: 270px !important;
}

.clvProductDetailPage .relCard .cap {
  min-height: 88px !important;
  padding: 7px 12px 12px !important;
  align-items: flex-start !important;
}

.clvProductDetailPage .relCard .capText {
  gap: 4px !important;
}

.clvProductDetailPage .pdTabPanels .ans {
  max-height: 150px !important;
  overflow: hidden !important;
  position: relative !important;
}

.clvProductDetailPage .pdTabPanels .ans.is-expanded {
  max-height: none !important;
}

.clvProductDetailPage .pdTabReadMore {
  margin-top: 14px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border: 1px solid #111513 !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.clvProductDetailPage .pdDoseModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 4000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(17,21,19,.44) !important;
  backdrop-filter: blur(10px) !important;
}

.clvProductDetailPage .pdDoseModal.on {
  display: flex !important;
}

.clvProductDetailPage .pdDoseModalCard {
  width: min(100%, 520px) !important;
  background: #fff !important;
  color: #111513 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17,21,19,.12) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.22) !important;
  padding: 18px !important;
}

.clvProductDetailPage .pdDoseModalHead {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.clvProductDetailPage .pdDoseModalHead b {
  display: block !important;
  font-size: 22px !important;
  font-weight: 640 !important;
  line-height: 1.1 !important;
}

.clvProductDetailPage .pdDoseModalHead span {
  display: block !important;
  margin-top: 5px !important;
  color: #626862 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.clvProductDetailPage .pdDoseModalClose {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(17,21,19,.12) !important;
  border-radius: 999px !important;
  background: #f6f7f3 !important;
  color: #111513 !important;
  cursor: pointer !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.clvProductDetailPage .pdDoseTableWrap {
  overflow: hidden !important;
  border: 1px solid rgba(17,21,19,.12) !important;
  border-radius: 14px !important;
}

.clvProductDetailPage .pdDoseTable {
  width: 100% !important;
  border-collapse: collapse !important;
}

.clvProductDetailPage .pdDoseTable th,
.clvProductDetailPage .pdDoseTable td {
  padding: 13px 15px !important;
  border-bottom: 1px solid rgba(17,21,19,.09) !important;
  text-align: left !important;
  font-size: 13px !important;
}

.clvProductDetailPage .pdDoseTable th {
  background: #f7f9f2 !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.clvProductDetailPage .pdDoseTable tr:last-child td {
  border-bottom: 0 !important;
}

.clvProductDetailPage .pdDoseTable td:last-child {
  font-weight: 760 !important;
}

.clvProductDetailPage .pdDoseModalCta {
  margin-top: 14px !important;
  width: 100% !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #111513 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdInfo h1 {
    font-size: clamp(24px, 6vw, 29px) !important;
  }

  .clvProductDetailPage .relCard {
    height: 390px !important;
  }

  .clvProductDetailPage .relCard .imgBox {
    min-height: 235px !important;
  }

  .clvProductDetailPage .relCard .cap {
    min-height: 108px !important;
  }
}

/* 2026-06-11 PDP dosage pill final readability lock. */
.clvProductDetailPage .pdDosePill {
  width: 186px !important;
  min-width: 186px !important;
  max-width: calc(100% - 36px) !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111513 !important;
  border: 1px solid #9bd500 !important;
  box-shadow: 0 16px 34px rgba(17, 21, 19, .12) !important;
}

.clvProductDetailPage .pdDosePill::before {
  left: 13px !important;
  width: 17px !important;
  height: 17px !important;
  border-color: #111513 !important;
  background: transparent !important;
}

.clvProductDetailPage .pdDosePillTrack {
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillText {
  padding: 0 12px 0 36px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdDosePillTextA {
  animation: pdDosePromptVertical 5.8s ease-in-out infinite !important;
  font-size: 10px !important;
}

.clvProductDetailPage .pdDosePillTextB {
  animation: pdDoseClicksVertical 5.8s ease-in-out infinite !important;
  font-size: 11px !important;
}

@keyframes pdDoseClicksVertical {
  0%, 48% {
    transform: translateY(0);
    opacity: 1;
  }
  56%, 100% {
    transform: translateY(-105%);
    opacity: 0;
  }
}

@keyframes pdDosePromptVertical {
  0%, 52% {
    transform: translateY(105%);
    opacity: 0;
  }
  60%, 92% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-105%);
    opacity: 0;
  }
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdDosePill {
    width: min(176px, calc(100% - 24px)) !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    font-size: 10px !important;
  }
}

/* 2026-06-11 dynamic comparison image sections. */
.clv-comparison-section,
.pdComparisonSection {
  padding-top: clamp(30px, 5vw, 72px) !important;
  padding-bottom: clamp(30px, 5vw, 72px) !important;
}

.pdComparisonSection {
  background: #f7f8f4 !important;
}

.clv-comparison-layout {
  display: grid !important;
  grid-template-columns: minmax(260px, .42fr) minmax(0, .88fr) !important;
  gap: clamp(18px, 3vw, 42px) !important;
  align-items: center !important;
}

.clv-comparison-copy {
  color: #111513 !important;
}

.clv-comparison-kicker {
  margin: 0 0 12px !important;
  color: #687062 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.clv-comparison-copy h2 {
  margin: 0 !important;
  max-width: 440px !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: .96 !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
}

.clv-comparison-copy p:not(.clv-comparison-kicker) {
  margin: 16px 0 0 !important;
  max-width: 390px !important;
  color: #555e52 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.clv-comparison-slider {
  min-width: 0 !important;
}

.clv-comparison-viewport {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(17, 21, 19, .10) !important;
}

.clv-comparison-track {
  display: flex !important;
  width: 100% !important;
  transform: translateX(0);
  transition: transform .58s cubic-bezier(.22, .61, .36, 1) !important;
}

.clv-comparison-slide {
  flex: 0 0 100% !important;
  min-width: 100% !important;
}

.clv-comparison-slide a,
.clv-comparison-slide > div {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  min-height: 430px !important;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.clv-comparison-slide img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  background: #eef0eb !important;
}

.clv-comparison-caption {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 2 !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: rgba(6, 10, 9, .78) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

.clv-comparison-caption span {
  display: block !important;
  margin-bottom: 7px !important;
  color: #9bd500 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.clv-comparison-caption h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(19px, 2vw, 28px) !important;
  line-height: 1.1 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

.clv-comparison-caption p {
  margin: 7px 0 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.clv-comparison-controls {
  margin-top: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.clv-comparison-dots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.clv-comparison-dot {
  width: 7px !important;
  height: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(17,21,19,.24) !important;
  cursor: pointer !important;
}

.clv-comparison-dot.on {
  width: 22px !important;
  background: #9bd500 !important;
}

@media (max-width: 900px) {
  .clv-comparison-layout {
    grid-template-columns: 1fr !important;
  }

  .clv-comparison-copy {
    text-align: center !important;
  }

  .clv-comparison-copy h2,
  .clv-comparison-copy p:not(.clv-comparison-kicker) {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clv-comparison-slide a,
  .clv-comparison-slide > div {
    min-height: 330px !important;
  }
}

@media (max-width: 560px) {
  .clv-comparison-copy h2 {
    font-size: 32px !important;
  }

  .clv-comparison-slide a,
  .clv-comparison-slide > div {
    aspect-ratio: 4 / 5 !important;
    min-height: 360px !important;
  }

  .clv-comparison-caption {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 14px !important;
    border-radius: 12px !important;
  }
}

/* 2026-06-12 DM Sans lock and About page reference redesign. */
:root {
  --concept-ui: var(--clv-font) !important;
  --concept-body: var(--clv-font) !important;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
body a,
body p,
body span,
body strong,
body small,
body label,
body li,
body dt,
body dd,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--clv-font) !important;
  letter-spacing: 0 !important;
}

body svg text {
  font-family: var(--clv-font) !important;
}

body h1 {
  font-size: var(--clv-h1-size);
  line-height: .96;
  font-weight: var(--clv-h1-weight);
}

body h2 {
  font-size: var(--clv-h2-size);
  line-height: 1;
  font-weight: var(--clv-h2-weight);
}

body h3 {
  font-size: var(--clv-h3-size);
  line-height: 1.1;
  font-weight: var(--clv-h3-weight);
}

body p {
  font-size: var(--clv-body-size);
  line-height: 1.55;
  font-weight: var(--clv-body-weight);
}

.clvAboutPage {
  --about-bg: #f3efe4;
  --about-panel: #ffffff;
  --about-soft: #eef7f4;
  --about-soft-2: #dcefed;
  --about-ink: #07100f;
  --about-muted: #43514d;
  --about-line: rgba(7, 16, 15, .14);
  --about-dark: #070b0a;
  --about-accent: #98d900;
  --about-teal: #79ded3;
  --about-wrap: 1392px;
  background:
    radial-gradient(900px 420px at 100% 2%, rgba(141, 221, 211, .22), transparent 60%),
    var(--about-bg) !important;
  color: var(--about-ink) !important;
  overflow: hidden !important;
  font-family: var(--clv-font) !important;
}

.clvAboutPage * {
  box-sizing: border-box;
}

.clvAboutWrap {
  width: min(var(--about-wrap), calc(100% - 64px));
  margin: 0 auto;
}

.clvAboutPage svg {
  width: 1em;
  height: 1em;
  display: block;
}

.clvAboutHero {
  padding: calc(var(--clv-header-h, 74px) + 54px) 0 36px;
}

.clvAboutHeroGrid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
  gap: 24px;
  align-items: stretch;
}

.clvAboutHeroCopy,
.clvAboutHeroMedia,
.clvAboutFeatureCard,
.clvAboutPanel,
.clvAboutImagePanel,
.clvAboutStep,
.clvAboutFaqIntro,
.clvAboutAccordion,
.clvAboutCta {
  border: 1px solid var(--about-line);
  box-shadow: 0 24px 70px rgba(7, 16, 15, .08);
}

.clvAboutHeroCopy {
  min-height: 560px;
  padding: clamp(34px, 5vw, 72px);
  border-radius: 28px;
  background:
    radial-gradient(560px 260px at 8% 10%, rgba(152, 217, 0, .18), transparent 62%),
    linear-gradient(135deg, #ffffff, #f7f8f2);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.clvAboutKicker {
  margin: 0 0 14px !important;
  color: var(--about-muted) !important;
  font-size: var(--clv-sub-size) !important;
  line-height: 1 !important;
  font-weight: var(--clv-sub-weight) !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
}

.clvAboutHero h1,
.clvAboutDarkStory h2,
.clvAboutCta h2 {
  margin: 0 !important;
  color: var(--about-ink) !important;
  font-size: var(--clv-h1-size) !important;
  line-height: .94 !important;
  font-weight: var(--clv-h1-weight) !important;
  letter-spacing: 0 !important;
}

.clvAboutHero h1 {
  max-width: 690px;
}

.clvAboutLead,
.clvAboutBody,
.clvAboutPanel p,
.clvAboutSectionHead p,
.clvAboutFaqIntro p,
.clvAboutCta p {
  margin: 0 !important;
  color: var(--about-muted) !important;
  font-size: clamp(16px, 1.45vw, 21px) !important;
  line-height: 1.5 !important;
  font-weight: 430 !important;
}

.clvAboutLead {
  max-width: 680px;
  margin-top: 24px !important;
}

.clvAboutBody {
  max-width: 610px;
  margin-top: 14px !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
}

.clvAboutActions,
.clvAboutCtaActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.clvAboutActions {
  margin-top: 32px;
}

.clvAboutButton {
  min-height: 56px;
  padding: 0 25px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.clvAboutButton svg {
  width: 18px;
  height: 18px;
}

.clvAboutButtonDark {
  background: var(--about-dark);
  border: 1px solid var(--about-dark);
  color: #fff !important;
  box-shadow: 0 16px 30px rgba(7, 16, 15, .18);
}

.clvAboutButtonLight {
  background: #fff;
  border: 1px solid rgba(7, 16, 15, .15);
  color: var(--about-ink) !important;
}

.clvAboutButton:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(7, 16, 15, .14);
}

.clvAboutHeroMedia {
  position: relative;
  min-height: 560px;
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  background: #101513;
}

.clvAboutHeroMedia img,
.clvAboutImagePanel img,
.clvAboutGallery img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.clvAboutHeroMedia::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 16, 15, .06) 35%, rgba(7, 16, 15, .60)),
    radial-gradient(440px 250px at 76% 18%, rgba(152, 217, 0, .18), transparent 62%);
  pointer-events: none;
}

.clvAboutHeroMedia figcaption {
  position: absolute;
  z-index: 2;
  left: 22px;
  right: 22px;
  bottom: 22px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  background: rgba(7, 11, 10, .76);
  color: #fff;
  backdrop-filter: blur(14px);
}

.clvAboutHeroMedia figcaption strong {
  display: block;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
}

.clvAboutHeroMedia figcaption span {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.clvAboutTrustStrip {
  padding: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
}

.clvAboutTrustInner {
  width: min(var(--about-wrap), calc(100% - 64px));
  min-height: 116px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  border-top: 1px solid rgba(7, 16, 15, .08);
  border-bottom: 1px solid rgba(7, 16, 15, .08);
}

.clvAboutTrustItem {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #002f2a;
  position: relative;
}

.clvAboutTrustItem:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 54px;
  transform: translateY(-50%);
  background: rgba(7, 16, 15, .14);
}

.clvAboutTrustIcon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #003b34 !important;
}

.clvAboutTrustIcon svg {
  width: 24px;
  height: 24px;
}

.clvAboutTrustItem strong {
  color: #07100f !important;
  font-size: clamp(16px, 1.4vw, 21px) !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}

.clvAboutSection {
  padding: clamp(34px, 5vw, 72px) 0;
}

.clvAboutFeatureSection {
  padding-top: clamp(42px, 5vw, 74px);
}

.clvAboutCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.clvAboutFeatureCard {
  min-height: 276px;
  padding: 42px clamp(22px, 3vw, 48px);
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.clvAboutFeatureCard.is-featured {
  background:
    radial-gradient(460px 280px at 72% 14%, rgba(121, 222, 211, .26), transparent 64%),
    #eef7f4;
}

.clvAboutCardIcon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e7f2f0;
  color: #003b34 !important;
  transition: transform .22s ease, background-color .22s ease, color .22s ease;
}

.clvAboutFeatureCard.is-featured .clvAboutCardIcon {
  background: var(--about-dark);
  color: #fff !important;
}

.clvAboutCardIcon svg {
  width: 32px;
  height: 32px;
}

.clvAboutFeatureCard h2,
.clvAboutPanel h2,
.clvAboutSectionHead h2,
.clvAboutFaqIntro h2 {
  margin: 0 !important;
  color: var(--about-ink) !important;
  font-size: var(--clv-h2-size) !important;
  line-height: 1.02 !important;
  font-weight: var(--clv-h2-weight) !important;
}

.clvAboutFeatureCard h2 {
  font-size: clamp(23px, 2.1vw, 31px) !important;
}

.clvAboutFeatureCard p,
.clvAboutStep p {
  max-width: 390px;
  margin: 16px auto 0 !important;
  color: var(--about-muted) !important;
  font-size: clamp(15px, 1.22vw, 19px) !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
}

.clvAboutFeatureCard:hover,
.clvAboutPanel:hover,
.clvAboutStep:hover,
.clvAboutImagePanel:hover,
.clvAboutGallery figure:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(7, 16, 15, .13);
}

.clvAboutFeatureCard:hover .clvAboutCardIcon,
.clvAboutTrustItem:hover .clvAboutTrustIcon {
  transform: translateY(-2px) scale(1.04);
}

.clvAboutPhilosophy,
.clvAboutQualityGrid,
.clvAboutFaqGrid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1fr);
  gap: 24px;
  align-items: stretch;
}

.clvAboutPanel {
  min-height: 330px;
  padding: clamp(30px, 4vw, 58px);
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
  transition: transform .22s ease, box-shadow .22s ease;
}

.clvAboutPanel h3,
.clvAboutStep h3 {
  margin: 0 !important;
  color: var(--about-ink) !important;
  font-size: var(--clv-h3-size) !important;
  line-height: 1.12 !important;
  font-weight: var(--clv-h3-weight) !important;
}

.clvAboutPanel p {
  margin-top: 18px !important;
}

.clvAboutStandardPanel {
  background:
    radial-gradient(450px 240px at 95% 0, rgba(121, 222, 211, .20), transparent 64%),
    #fff;
}

.clvAboutStandardGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.clvAboutStandardGrid span {
  min-height: 52px;
  border: 1px solid rgba(7, 16, 15, .12);
  border-radius: 999px;
  background: #f7f8f2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 18px;
  color: var(--about-ink) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
}

.clvAboutDarkStory {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: clamp(44px, 6vw, 80px);
  min-height: 426px;
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(420px, .92fr);
  gap: clamp(36px, 5vw, 78px);
  align-items: center;
  background:
    radial-gradient(420px 420px at 100% 100%, rgba(255, 255, 255, .07), transparent 64%),
    radial-gradient(520px 260px at 0 0, rgba(121, 222, 211, .06), transparent 60%),
    linear-gradient(135deg, #050706, #111816);
  color: #fff;
  box-shadow: 0 30px 90px rgba(7, 16, 15, .22);
}

.clvAboutDarkStory::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -165px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .055);
  pointer-events: none;
}

.clvAboutDarkCopy {
  position: relative;
  z-index: 1;
}

.clvAboutDarkCopy h2 {
  color: #d9fff7 !important;
}

.clvAboutDarkCopy p {
  max-width: 650px;
  margin: 26px 0 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  line-height: 1.36 !important;
  font-weight: 500 !important;
}

.clvAboutWhyList {
  position: relative;
  z-index: 1;
}

.clvAboutWhyItem {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.clvAboutWhyItem:first-child {
  padding-top: 0;
}

.clvAboutWhyItem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.clvAboutWhyItem span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--about-teal) !important;
}

.clvAboutWhyItem svg {
  width: 24px;
  height: 24px;
}

.clvAboutWhyItem p {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(17px, 1.65vw, 22px) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.clvAboutImagePanel {
  min-height: 430px;
  margin: 0;
  border-radius: 26px;
  overflow: hidden;
  background: #e9eee8;
  transition: transform .22s ease, box-shadow .22s ease;
}

.clvAboutQualityCopy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.clvAboutQualityCopy p + p {
  margin-top: 12px !important;
}

.clvAboutSectionHead {
  max-width: 720px;
  margin: 0 auto 28px;
  text-align: center;
}

.clvAboutSectionHead p {
  margin-top: 14px !important;
}

.clvAboutSteps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.clvAboutStep {
  min-height: 206px;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  transition: transform .22s ease, box-shadow .22s ease;
}

.clvAboutStep > span {
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  border-radius: 50%;
  background: var(--about-dark);
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.clvAboutStep p {
  margin: 12px 0 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.clvAboutGallery {
  display: grid;
  grid-template-columns: 1.1fr .9fr 1fr .86fr;
  gap: 16px;
  align-items: stretch;
}

.clvAboutGallery figure {
  min-height: 330px;
  margin: 0;
  border: 1px solid var(--about-line);
  border-radius: 24px;
  overflow: hidden;
  background: #e9eee8;
  box-shadow: 0 24px 70px rgba(7, 16, 15, .08);
  transition: transform .22s ease, box-shadow .22s ease;
}

.clvAboutGallery figure:nth-child(2) {
  min-height: 390px;
}

.clvAboutFaqGrid {
  align-items: start;
}

.clvAboutFaqIntro,
.clvAboutAccordion {
  border-radius: 26px;
  background: rgba(255, 255, 255, .92);
}

.clvAboutFaqIntro {
  position: sticky;
  top: calc(var(--clv-header-h, 74px) + 30px);
  padding: clamp(30px, 4vw, 56px);
}

.clvAboutFaqIntro p:not(.clvAboutKicker) {
  margin-top: 18px !important;
}

.clvAboutAccordion {
  padding: 10px 24px;
}

.clvAboutAccItem + .clvAboutAccItem {
  border-top: 1px solid rgba(7, 16, 15, .12);
}

.clvAboutAccBtn {
  width: 100%;
  min-height: 74px;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--about-ink) !important;
  cursor: pointer;
  text-align: left;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

.clvAboutAccBtn i {
  position: relative;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid rgba(7, 16, 15, .18);
}

.clvAboutAccBtn i::before,
.clvAboutAccBtn i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 11px;
  height: 1.5px;
  border-radius: 999px;
  background: var(--about-ink);
  transform: translate(-50%, -50%);
  transition: transform .2s ease, opacity .2s ease;
}

.clvAboutAccBtn i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.clvAboutAccItem[data-open="1"] .clvAboutAccBtn i::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}

.clvAboutAccPanel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s ease;
}

.clvAboutAccBody {
  padding: 0 0 24px;
  color: var(--about-muted) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  font-weight: 430 !important;
}

.clvAboutCtaSection {
  padding-bottom: clamp(54px, 7vw, 96px);
}

.clvAboutCta {
  min-height: 270px;
  padding: clamp(34px, 4.6vw, 60px);
  border-radius: 34px;
  background:
    radial-gradient(650px 300px at 88% 10%, rgba(121, 222, 211, .30), transparent 68%),
    linear-gradient(100deg, #ffffff, #dff2ef);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .58fr);
  gap: 34px;
  align-items: center;
}

.clvAboutCta h2 {
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.05 !important;
}

.clvAboutCta p {
  max-width: 720px;
  margin-top: 18px !important;
}

.clvAboutCtaActions {
  display: grid;
  gap: 16px;
}

.clvAboutCtaActions .clvAboutButton {
  width: 100%;
  min-height: 72px;
  font-size: 19px !important;
}

[data-about-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease;
}

[data-about-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1120px) {
  .clvAboutHeroGrid,
  .clvAboutPhilosophy,
  .clvAboutQualityGrid,
  .clvAboutFaqGrid,
  .clvAboutDarkStory,
  .clvAboutCta {
    grid-template-columns: 1fr;
  }

  .clvAboutHeroCopy,
  .clvAboutHeroMedia {
    min-height: 460px;
  }

  .clvAboutCards {
    grid-template-columns: 1fr;
  }

  .clvAboutFeatureCard {
    min-height: 232px;
  }

  .clvAboutSteps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clvAboutFaqIntro {
    position: static;
  }
}

@media (max-width: 820px) {
  .clvAboutWrap,
  .clvAboutTrustInner {
    width: min(100% - 28px, var(--about-wrap));
  }

  .clvAboutHero {
    padding-top: calc(var(--clv-header-h, 74px) + 28px);
  }

  .clvAboutHeroCopy,
  .clvAboutPanel,
  .clvAboutDarkStory,
  .clvAboutCta,
  .clvAboutFaqIntro,
  .clvAboutAccordion {
    border-radius: 22px;
  }

  .clvAboutHeroCopy {
    min-height: auto;
    padding: 30px 22px;
  }

  .clvAboutHeroMedia {
    min-height: 360px;
    border-radius: 22px;
  }

  .clvAboutHero h1,
  .clvAboutDarkStory h2 {
    font-size: clamp(42px, 12vw, 64px) !important;
  }

  .clvAboutTrustInner {
    min-height: 0;
    grid-template-columns: 1fr 1fr;
    padding: 16px 0;
  }

  .clvAboutTrustItem {
    min-height: 70px;
    gap: 10px;
  }

  .clvAboutTrustItem:not(:last-child)::after {
    display: none;
  }

  .clvAboutTrustItem:nth-child(odd)::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 46px;
    transform: translateY(-50%);
    background: rgba(7, 16, 15, .14);
  }

  .clvAboutTrustItem strong {
    font-size: 13px !important;
  }

  .clvAboutSection {
    padding: 30px 0;
  }

  .clvAboutFeatureCard {
    min-height: 220px;
    padding: 30px 20px;
  }

  .clvAboutCardIcon {
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
  }

  .clvAboutPanel {
    min-height: auto;
    padding: 28px 22px;
  }

  .clvAboutStandardGrid,
  .clvAboutSteps,
  .clvAboutGallery {
    grid-template-columns: 1fr;
  }

  .clvAboutStandardGrid span {
    min-height: 48px;
  }

  .clvAboutDarkStory {
    padding: 34px 24px;
    gap: 30px;
  }

  .clvAboutDarkCopy p {
    font-size: 18px !important;
  }

  .clvAboutWhyItem {
    gap: 14px;
    padding: 18px 0;
  }

  .clvAboutWhyItem p {
    font-size: 16px !important;
  }

  .clvAboutImagePanel,
  .clvAboutGallery figure,
  .clvAboutGallery figure:nth-child(2) {
    min-height: 300px;
  }

  .clvAboutCta {
    min-height: 0;
    padding: 30px 22px;
  }

  .clvAboutCtaActions .clvAboutButton {
    min-height: 60px;
    font-size: 16px !important;
  }
}

@media (max-width: 520px) {
  .clvAboutHeroMedia {
    min-height: 300px;
  }

  .clvAboutHeroMedia figcaption {
    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 14px;
  }

  .clvAboutActions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .clvAboutButton {
    width: 100%;
  }

  .clvAboutTrustInner {
    grid-template-columns: 1fr;
  }

  .clvAboutTrustItem:nth-child(odd)::after {
    display: none;
  }

  .clvAboutTrustItem + .clvAboutTrustItem {
    border-top: 1px solid rgba(7, 16, 15, .10);
  }

  .clvAboutAccBtn {
    min-height: 66px;
    font-size: 14px !important;
  }

  .clvAboutAccordion {
    padding: 4px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvAboutPage *,
  .clvAboutPage *::before,
  .clvAboutPage *::after,
  [data-about-reveal] {
    transition: none !important;
    animation: none !important;
  }

  [data-about-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Deterministic dosage pill transition, driven by the product page state class. */
.clvProductDetailPage #pdDosePill .pdDosePillTextA,
.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  animation: none !important;
  transition: opacity .34s ease, transform .34s cubic-bezier(.22, .75, .2, 1) !important;
}

.clvProductDetailPage #pdDosePill .pdDosePillTextA {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  opacity: 0 !important;
  transform: translateY(6px) !important;
}

.clvProductDetailPage #pdDosePill.is-showing-dose-value .pdDosePillTextA {
  opacity: 0 !important;
  transform: translateY(-6px) !important;
}

.clvProductDetailPage #pdDosePill.is-showing-dose-value .pdDosePillTextB {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* 2026-06-12 About hero single-card refinement. */
.clvAboutHeroCard {
  min-height: 600px !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--about-line) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(620px 300px at 5% 4%, rgba(152, 217, 0, .18), transparent 62%),
    linear-gradient(135deg, #fff, #f6f8f2) !important;
  box-shadow: 0 28px 82px rgba(7, 16, 15, .10) !important;
}

.clvAboutHeroCard .clvAboutHeroCopy,
.clvAboutHeroCard .clvAboutHeroMedia {
  min-height: 600px !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clvAboutHeroCard .clvAboutHeroCopy {
  position: relative !important;
  z-index: 2 !important;
  padding: clamp(38px, 5vw, 76px) clamp(28px, 4.4vw, 66px) !important;
}

.clvAboutHeroCard h1 {
  max-width: none !important;
  font-size: clamp(44px, 4.5vw, 64px) !important;
  line-height: .98 !important;
  font-weight: 700 !important;
}

.clvAboutHeroCard h1 span {
  display: block !important;
  white-space: nowrap !important;
}

.clvAboutHeroSummary {
  max-width: 660px !important;
  margin: 24px 0 0 !important;
  color: var(--about-muted) !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.5 !important;
  font-weight: 450 !important;
}

.clvAboutHeroSummary span {
  display: block !important;
}

.clvAboutHeroSummary span + span {
  margin-top: 7px !important;
}

.clvAboutHeroCard .clvAboutActions {
  margin-top: 28px !important;
}

.clvAboutHeroCard .clvAboutHeroMedia {
  overflow: hidden !important;
}

.clvAboutHeroCard .clvAboutHeroMedia::after {
  background:
    linear-gradient(90deg, rgba(246, 248, 242, .30), transparent 28%),
    linear-gradient(180deg, transparent 65%, rgba(7, 16, 15, .16)) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 106% !important;
  max-width: none !important;
  margin-left: -6% !important;
  object-position: center !important;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, .20) 5%,
    rgba(0, 0, 0, .72) 13%,
    #000 24%,
    #000 100%
  ) !important;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, .20) 5%,
    rgba(0, 0, 0, .72) 13%,
    #000 24%,
    #000 100%
  ) !important;
}

@media (max-width: 1120px) {
  .clvAboutHeroCard {
    grid-template-columns: 1fr !important;
  }

  .clvAboutHeroCard .clvAboutHeroCopy {
    min-height: auto !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia {
    min-height: 420px !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 100% !important;
    margin-left: 0 !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .72) 14%, #000 28%, #000 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .72) 14%, #000 28%, #000 100%) !important;
  }
}

@media (max-width: 820px) {
  .clvAboutHeroCard {
    min-height: 0 !important;
    border-radius: 22px !important;
  }

  .clvAboutHeroCard .clvAboutHeroCopy {
    padding: 30px 22px 20px !important;
  }

  .clvAboutHeroCard h1 {
    font-size: clamp(34px, 9vw, 46px) !important;
    line-height: 1 !important;
  }

  .clvAboutHeroSummary {
    margin-top: 20px !important;
    font-size: 14px !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia {
    min-height: 300px !important;
  }
}

@media (max-width: 420px) {
  .clvAboutHeroCard h1 {
    font-size: 29px !important;
  }
}

/* 2026-06-12 information pages, footer rhythm, and homepage hero arrow. */
.clvInfoPage {
  min-height: 62vh;
  padding: 154px 0 88px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 4%, rgba(158, 224, 0, .12), transparent 25%),
    #f5f7f2;
  color: #111513;
  font-family: "DM Sans", system-ui, sans-serif;
}

.clvInfoPage *,
.clvInfoPage *::before,
.clvInfoPage *::after {
  box-sizing: border-box;
}

.clvInfoShell {
  width: min(1216px, calc(100% - 48px));
  margin: 0 auto;
}

.clvInfoHero {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-bottom: 30px;
  padding: 42px 46px;
  border: 1px solid rgba(17, 21, 19, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(17, 21, 19, .06);
}

.clvInfoHeroIcon,
.clvInfoCardIcon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: #111513;
  background: #82b35a;
}

.clvInfoHeroIcon {
  width: 70px;
  height: 70px;
  border-radius: 12px;
}

.clvInfoHeroIcon svg {
  width: 34px;
  height: 34px;
}

.clvInfoHeroIcon svg,
.clvInfoCardIcon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.clvInfoHero h1 {
  max-width: 920px;
  min-width: 0;
  margin: 0 0 10px;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 520;
  line-height: .98;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.clvInfoHero p,
.clvInfoCard p,
.clvInfoNotice p,
.clvInfoFaqAnswer {
  color: #4d5550;
  font-size: 15px;
  line-height: 1.7;
}

.clvInfoHero p {
  max-width: 780px;
  min-width: 0;
  margin: 0;
}

.clvInfoHero > div,
.clvInfoCard,
.clvInfoNotice,
.clvInfoNoticeHead > div,
.clvInfoFaqItem,
.clvInfoFaqItem summary > span:first-child {
  min-width: 0;
}

.clvInfoHero p,
.clvInfoCard h2,
.clvInfoCard p,
.clvInfoNotice h2,
.clvInfoNotice p,
.clvInfoList li,
.clvInfoFaqItem summary,
.clvInfoFaqAnswer {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.clvInfoGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.clvInfoGridThree {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clvInfoCard,
.clvInfoNotice,
.clvInfoFaqItem {
  border: 1px solid rgba(17, 21, 19, .12);
  background: #fff;
}

.clvInfoCard {
  min-height: 236px;
  padding: 28px;
  border-radius: 14px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.clvInfoCard:hover {
  transform: translateY(-3px);
  border-color: rgba(17, 21, 19, .25);
  box-shadow: 0 16px 38px rgba(17, 21, 19, .07);
}

.clvInfoCardIcon {
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  border-radius: 8px;
}

.clvInfoCardIcon svg {
  width: 22px;
  height: 22px;
}

.clvInfoCard h2,
.clvInfoNotice h2 {
  margin: 0 0 9px;
  color: #111513;
  font-size: 20px;
  font-weight: 650;
  line-height: 1.2;
}

.clvInfoCard p,
.clvInfoNotice p {
  margin: 0;
}

.clvInfoNotice {
  margin-bottom: 18px;
  padding: 32px;
  border-radius: 14px;
}

.clvInfoNoticeHead {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 22px;
}

.clvInfoNoticeHead .clvInfoCardIcon {
  margin: 0;
}

.clvInfoNoticeHead > h2 {
  margin: 0 !important;
  line-height: 1.12 !important;
}

.clvInfoList {
  display: grid;
  gap: 0;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.clvInfoList li {
  position: relative;
  margin: 0;
  padding: 14px 8px 14px 32px;
  border-top: 1px solid rgba(17, 21, 19, .10);
  color: #3e4742;
  font-size: 14px;
  line-height: 1.6;
}

.clvInfoList li::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 8px;
  width: 9px;
  height: 5px;
  border-bottom: 1.8px solid #111513;
  border-left: 1.8px solid #111513;
  transform: rotate(-45deg);
}

.clvInfoFaq {
  display: grid;
  gap: 10px;
}

.clvInfoFaqItem {
  overflow: hidden;
  border-radius: 12px;
}

.clvInfoFaqItem summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 20px;
  align-items: center;
  min-height: 72px;
  padding: 16px 18px 16px 24px;
  color: #111513;
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  font-weight: 650;
}

.clvInfoFaqItem summary::-webkit-details-marker {
  display: none;
}

.clvInfoFaqPlus {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f0f3ed;
}

.clvInfoFaqPlus::before,
.clvInfoFaqPlus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1.5px;
  background: #111513;
  transform: translate(-50%, -50%);
  transition: transform .18s ease;
}

.clvInfoFaqPlus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.clvInfoFaqItem[open] {
  border-color: rgba(17, 21, 19, .25);
}

.clvInfoFaqItem[open] .clvInfoFaqPlus {
  background: #82b35a;
}

.clvInfoFaqItem[open] .clvInfoFaqPlus::after {
  transform: translate(-50%, -50%) rotate(0);
}

.clvInfoFaqAnswer {
  padding: 0 74px 24px 24px;
}

/* Keep the footer's geometry and type consistent regardless of the page above it. */
.clova-footer .wrap {
  padding-top: 54px !important;
  padding-bottom: 30px !important;
}

.clova-footer .grid {
  align-items: start !important;
  gap: 62px !important;
}

.clova-footer .footerLogo {
  margin-bottom: -4px !important;
}

.clova-footer .left .subtext {
  margin-top: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.clova-footer .footerEmail {
  margin-top: 7px !important;
  font-size: 12.5px !important;
}

.clova-footer .colTitle,
.clova-footer .legalTitle {
  margin-bottom: 13px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.clova-footer .links {
  gap: 9px !important;
}

.clova-footer .links a {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.clova-footer .social {
  margin-top: 16px !important;
}

.clova-footer .bottom {
  min-height: 62px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.clova-footer .copyright,
.clova-footer .countryBtn {
  font-size: 10.5px !important;
}

/* Clean, centered downward cue on the homepage hero media. */
#clovaBody .clv-hero-product::after {
  content: "" !important;
  left: 15.5% !important;
  bottom: 20px !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M7 13l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  transform: none !important;
  animation: clvHeroArrowFloat 1.8s ease-in-out infinite !important;
}

@keyframes clvHeroArrowFloat {
  0%, 100% { background-position: center 47%; }
  50% { background-position: center 56%; }
}

@media (max-width: 980px) {
  .clvInfoGridThree {
    grid-template-columns: 1fr;
  }

  .clova-footer .grid {
    gap: 30px 24px !important;
  }
}

@media (max-width: 720px) {
  .clvInfoPage {
    padding: 116px 0 66px;
  }

  .clvInfoShell {
    width: calc(100% - 28px);
  }

  .clvInfoHero {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 14px;
    padding: 24px 18px;
    border-radius: 14px;
  }

  .clvInfoHeroIcon {
    width: 48px;
    height: 48px;
    border-radius: 9px;
  }

  .clvInfoHeroIcon svg {
    width: 25px;
    height: 25px;
  }

  .clvInfoHero h1 {
    margin-bottom: 7px;
    font-size: clamp(28px, 9vw, 38px);
    line-height: 1.02;
  }

  .clvInfoHero p,
  .clvInfoCard p,
  .clvInfoNotice p,
  .clvInfoFaqAnswer {
    font-size: 13px;
    line-height: 1.6;
  }

  .clvInfoGrid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .clvInfoCard {
    min-height: 0;
    padding: 20px;
    border-radius: 12px;
  }

  .clvInfoCardIcon {
    width: 38px;
    height: 38px;
    margin-bottom: 20px;
  }

  .clvInfoCard h2,
  .clvInfoNotice h2 {
    font-size: 17px;
  }

  .clvInfoNotice {
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 12px;
  }

  .clvInfoNoticeHead {
    gap: 13px;
    margin-bottom: 16px;
  }

  .clvInfoList {
    margin-top: 18px;
  }

  .clvInfoList li {
    padding: 12px 2px 12px 26px;
    font-size: 12.5px;
  }

  .clvInfoList li::before {
    top: 17px;
    left: 3px;
  }

  .clvInfoFaqItem summary {
    min-height: 64px;
    padding: 14px 13px 14px 16px;
    font-size: 14px;
  }

  .clvInfoFaqAnswer {
    padding: 0 16px 20px;
  }

  .clova-footer .wrap {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    padding-top: 42px !important;
    padding-bottom: 25px !important;
  }

  .clova-footer .grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 20px !important;
  }

  .clova-footer .left {
    display: flex !important;
    grid-column: 1 / -1 !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .clova-footer .left .subtext {
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .clova-footer .grid > div:not(.left) {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .clova-footer .grid > div:not(.left) .links {
    align-items: center !important;
  }

  .clova-footer .social,
  .clova-footer .paymentRow {
    justify-content: center !important;
  }

  .clova-footer .bottom {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    flex-wrap: wrap !important;
  }

  .clova-footer .paymentRow {
    margin-right: auto !important;
    text-align: center !important;
  }

  #clovaBody .clv-hero-product::after {
    left: calc(50% - 22px) !important;
    bottom: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #clovaBody .clv-hero-product::after {
    animation: none !important;
  }
}

/* 2026-06-12: home hero product-image carousel override.
   The concept layer previously forced every hero img to hero-lab-stack.jpg. */
#clovaBody .clv-hero-product.clv-hero-showcase {
  isolation: isolate !important;
  overflow: hidden !important;
  background: #f2f5ff !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  overflow: hidden !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  content: normal !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 62% center !important;
  opacity: 0 !important;
  transform: scale(1.018) !important;
  filter: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition:
    opacity 2200ms cubic-bezier(.45, 0, .18, 1) !important,
    transform 7800ms linear !important;
  will-change: opacity, transform !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide.is-active {
  z-index: 1 !important;
  opacity: 1 !important;
  transform: scale(1.045) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-visually-retained {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 68% center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    transition: none !important;
    transform: none !important;
  }
}

/* 2026-06-12 about hero requested polish. */
.clvAboutHero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.clvAboutHero > .clvAboutWrap {
  width: min(1540px, calc(100% - 40px)) !important;
  max-width: none !important;
}

.clvAboutHeroCard {
  min-height: 570px !important;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
}

.clvAboutHeroCard .clvAboutHeroCopy,
.clvAboutHeroCard .clvAboutHeroMedia {
  min-height: 570px !important;
}

.clvAboutHeroCard .clvAboutHeroCopy {
  padding-top: clamp(38px, 4vw, 62px) !important;
  padding-bottom: clamp(38px, 4vw, 62px) !important;
}

.clvAboutHeroCard h1 {
  max-width: 650px !important;
  font-size: clamp(38px, 3.7vw, 54px) !important;
  line-height: 1.02 !important;
  font-weight: 680 !important;
}

.clvAboutHeroSummary {
  max-width: 620px !important;
  margin-top: 22px !important;
  font-size: clamp(14px, .98vw, 15.5px) !important;
}

.clvAboutHeroCard .clvAboutActions,
.clvAboutCtaActions {
  gap: 15px !important;
}

.clvAboutButton {
  min-height: 62px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  gap: 15px !important;
  font-size: 17px !important;
}

.clvAboutButton svg {
  width: 25px !important;
  height: 25px !important;
  stroke-width: 2 !important;
}

.clvAboutHeroCard .clvAboutHeroMedia::after {
  background:
    linear-gradient(90deg, rgba(246, 248, 242, .66), rgba(246, 248, 242, .20) 18%, transparent 36%),
    linear-gradient(180deg, transparent 70%, rgba(7, 16, 15, .10)) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 112% !important;
  margin-left: -8% !important;
  object-position: center !important;
}

.clova-footer .left .subtext {
  width: min(100%, 385px) !important;
  max-width: 385px !important;
}

@media (max-width: 1120px) {
  .clvAboutHero > .clvAboutWrap {
    width: min(100% - 32px, 820px) !important;
  }

  .clvAboutHeroCard {
    grid-template-columns: 1fr !important;
  }

  .clvAboutHeroCard .clvAboutHeroCopy,
  .clvAboutHeroCard .clvAboutHeroMedia {
    min-height: auto !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia {
    min-height: 390px !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    object-position: center !important;
  }
}

@media (max-width: 820px) {
  .clvAboutHero > .clvAboutWrap {
    width: calc(100% - 28px) !important;
  }

  .clvAboutHeroCard h1 {
    max-width: 100% !important;
    font-size: clamp(31px, 8.4vw, 39px) !important;
  }

  .clvAboutHeroSummary {
    margin-top: 17px !important;
    font-size: 13.5px !important;
  }

  .clvAboutButton {
    min-height: 54px !important;
    min-width: 214px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    font-size: 14.5px !important;
  }

  .clvAboutButton svg {
    width: 20px !important;
    height: 20px !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia {
    min-height: 285px !important;
  }
}

@media (max-width: 420px) {
  .clvAboutHeroCard h1 {
    font-size: 28px !important;
  }
}

.clvAboutPage [data-about-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 721px) {
  .clova-footer .grid {
    grid-template-columns: minmax(390px, 1.72fr) repeat(3, minmax(120px, .82fr)) !important;
    gap: 56px !important;
  }

  .clova-footer .left {
    width: 390px !important;
    max-width: 390px !important;
  }

  .clova-footer .subtext,
  .clova-footer .left .subtext {
    width: 385px !important;
    max-width: 385px !important;
  }
}

/* QA: keep add-to-cart feedback covering the full product card at every breakpoint. */
.cardAddedFx {
  inset: -1px !important;
  border-radius: inherit !important;
}

@media (max-width: 720px) {
  .cardAddedFx {
    inset: -1px !important;
    border-radius: inherit !important;
  }
}

/* 2026-06-12 legal page alignment, about slider, and tick-list polish. */
.clvInfoHero {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 36px 42px !important;
}

.clvInfoHeroIcon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 10px !important;
}

.clvInfoHeroIcon svg {
  width: 28px !important;
  height: 28px !important;
}

.clvInfoHero h1 {
  margin: 0 0 8px !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 1 !important;
}

.clvInfoHero p {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.clvInfoGrid {
  align-items: start !important;
  grid-auto-rows: auto !important;
}

.clvInfoCard {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  align-self: start !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 24px !important;
}

.clvNoReturnTitle {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  letter-spacing: -0.02em !important;
  font-weight: 520 !important;
}

.clvNoReturnTitle strong {
  font-weight: 850 !important;
}

.clvInfoNoticeHead .clvNoReturnTitle {
  margin-bottom: 0 !important;
  font-size: clamp(18px, 1.65vw, 22px) !important;
}

.clvInfoCardIcon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

.clvInfoCardIcon svg {
  width: 21px !important;
  height: 21px !important;
}

.clvInfoCard h2 {
  grid-column: 2 !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

.clvInfoCard p {
  grid-column: 2 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.clvInfoFaqItem summary {
  grid-template-columns: minmax(0, 1fr) 34px !important;
  align-items: center !important;
}

.clvInfoList li {
  padding-left: 48px !important;
}

.clvInfoList li::before {
  top: 50% !important;
  left: 4px !important;
  width: 26px !important;
  height: 26px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #151a17 0%, #050706 100%) !important;
  box-shadow:
    0 0 0 4px rgba(130, 179, 90, .10),
    0 10px 18px rgba(17, 21, 19, .15),
    inset 0 0 0 1px rgba(255, 255, 255, .10) !important;
  transform: translateY(-50%) !important;
}

.clvInfoList li::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 13px !important;
  width: 9px !important;
  height: 5px !important;
  border-left: 2.2px solid #fff !important;
  border-bottom: 2.2px solid #fff !important;
  border-radius: 1px !important;
  transform: translateY(-62%) rotate(-45deg) !important;
}

.clvAboutHeroMediaSlider {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #eef2ef !important;
}

.clvAboutHeroMediaSlider .clvAboutHeroSlide {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0 !important;
  transform: scale(1.035) !important;
  filter: saturate(.97) contrast(1.04) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  animation: clvAboutHeroImageCycle 20s infinite ease-in-out !important;
}

.clvAboutHeroMediaSlider .clvAboutHeroSlide:nth-child(1) {
  opacity: 1 !important;
  transform: scale(1.02) !important;
  animation: none !important;
}

.clvAboutHeroMediaSlider .clvAboutHeroSlide:nth-child(2) {
  animation-delay: 0s !important;
}

.clvAboutHeroMediaSlider .clvAboutHeroSlide:nth-child(3) {
  animation-delay: 5s !important;
}

.clvAboutHeroMediaSlider .clvAboutHeroSlide:nth-child(4) {
  animation-delay: 10s !important;
}

.clvAboutHeroMediaSlider::after {
  z-index: 2 !important;
}

.clvHeroGlitter {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: .46 !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, .95) 0 1px, transparent 2.5px),
    radial-gradient(circle at 72% 16%, rgba(155, 213, 0, .80) 0 1.5px, transparent 3px),
    radial-gradient(circle at 84% 70%, rgba(255, 255, 255, .88) 0 1px, transparent 2.5px),
    radial-gradient(circle at 44% 62%, rgba(185, 238, 222, .80) 0 1px, transparent 3px),
    linear-gradient(105deg, transparent 0 36%, rgba(255, 255, 255, .22) 47%, transparent 58%);
  animation: clvHeroGlitterSweep 5s ease-in-out infinite !important;
}

@keyframes clvAboutHeroImageCycle {
  0%,
  18% {
    opacity: 1;
    transform: scale(1.02);
  }

  25%,
  100% {
    opacity: 0;
    transform: scale(1.07);
  }
}

@keyframes clvHeroGlitterSweep {
  0%,
  100% {
    opacity: .24;
    transform: translateX(-8%);
  }

  45% {
    opacity: .56;
    transform: translateX(8%);
  }
}

@media (max-width: 720px) {
  .clvInfoHero {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 20px 16px !important;
  }

  .clvInfoHeroIcon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
  }

  .clvInfoHeroIcon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .clvInfoHero h1 {
    margin-bottom: 6px !important;
    font-size: clamp(25px, 7.8vw, 34px) !important;
  }

  .clvInfoHero h1.clvNoReturnTitle,
  .clvInfoNoticeHead .clvNoReturnTitle {
    font-size: clamp(10.5px, 2.9vw, 12px) !important;
    line-height: 1.18 !important;
  }

  .clvInfoHero p {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .clvInfoCard {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 0 !important;
    column-gap: 13px !important;
    padding: 18px !important;
  }

  .clvInfoCardIcon {
    width: 36px !important;
    height: 36px !important;
  }

  .clvInfoCardIcon svg {
    width: 19px !important;
    height: 19px !important;
  }

  .clvInfoCard h2 {
    font-size: 16px !important;
  }

  .clvInfoCard p {
    font-size: 12.5px !important;
  }

  .clvInfoList li {
    padding-left: 42px !important;
  }

  .clvInfoList li::before {
    left: 2px !important;
    width: 23px !important;
    height: 23px !important;
  }

  .clvInfoList li::after {
    left: 10px !important;
    width: 8px !important;
    height: 4.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvAboutHeroMediaSlider .clvAboutHeroSlide {
    animation: none !important;
    opacity: 0 !important;
    transform: none !important;
  }

  .clvAboutHeroMediaSlider .clvAboutHeroSlide:first-child {
    opacity: 1 !important;
  }

  .clvHeroGlitter {
    animation: none !important;
    opacity: .22 !important;
  }
}

/* QA: privacy page hero icon and content-fit policy cards. */
.clvPrivacyPage .clvInfoHero {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 24px !important;
}

.clvPrivacyPage .clvInfoHeroIcon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 14px !important;
}

.clvPrivacyPage .clvInfoHeroIcon svg {
  width: 38px !important;
  height: 38px !important;
  stroke-width: 1.85 !important;
}

.clvPrivacyPage .clvInfoGrid {
  align-items: start !important;
}

.clvPrivacyPage .clvInfoCard {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 23px 24px 27px !important;
  row-gap: 7px !important;
}

.clvPrivacyPage .clvInfoCardIcon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 9px !important;
}

.clvPrivacyPage .clvInfoCardIcon svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.85 !important;
}

@media (max-width: 720px) {
  .clvPrivacyPage .clvInfoHero {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 15px !important;
    padding: 22px 18px !important;
  }

  .clvPrivacyPage .clvInfoHeroIcon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 10px !important;
  }

  .clvPrivacyPage .clvInfoHeroIcon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .clvPrivacyPage .clvInfoCard {
    grid-template-columns: 43px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 18px 18px 21px !important;
  }

  .clvPrivacyPage .clvInfoCardIcon {
    width: 40px !important;
    height: 40px !important;
  }

  .clvPrivacyPage .clvInfoCardIcon svg {
    width: 22px !important;
    height: 22px !important;
  }
}

/* QA: desktop header nav dividers between primary links. */
@media (min-width: 981px) {
  .clvWHeader nav > a {
    position: relative !important;
  }

  .clvWHeader nav > a::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -17px !important;
    width: 1px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .18) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}

/* QA: mobile bottom quick-nav dividers between items. */
@media (max-width: 720px) {
  .clvMobileQuickNav {
    isolation: isolate !important;
  }

  .clvMobileQuickNav a {
    position: relative !important;
  }

  .clvMobileQuickNav a + a::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -3px !important;
    width: 1px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .14) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}

/* QA: remove mobile hamburger menu trigger from all header variants. */
@media (max-width: 980px) {
  .clvWHeader .hamburger,
  .clvWHeader #clvHamburger,
  .clova-hdr .clvHamBtn,
  .clova-hdr #clvHamburger {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* QA: checkout phone flag sizing and alignment. */
.clv-checkout .clv-phone-single {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}

.clv-checkout .clv-phone-flag {
  width: 56px !important;
  height: 38px !important;
  flex: 0 0 56px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(17, 21, 19, .14) !important;
  box-shadow: 0 8px 18px rgba(17, 21, 19, .055) !important;
}

.clv-checkout .clv-phone-flag img,
.clv-checkout .clv-phone-flag svg,
.clv-checkout .clv-phone-flag-svg {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 640px) {
  .clv-checkout .clv-phone-single {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .clv-checkout .clv-phone-flag {
    width: 54px !important;
    height: 38px !important;
    flex-basis: 54px !important;
    border-radius: 11px !important;
  }

  .clv-checkout .clv-phone-flag img,
  .clv-checkout .clv-phone-flag svg,
  .clv-checkout .clv-phone-flag-svg {
    border-radius: 10px !important;
  }
}

/* QA: checkout coupon input and apply button should match standard field height. */
.clv-checkout .clv-coupon-row input,
.clv-checkout .clv-coupon-row .clv-btn,
.clv-checkout .clv-coupon-row #applyCouponBtn {
  height: 46px !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
}

.clv-checkout .clv-coupon-row .clv-btn,
.clv-checkout .clv-coupon-row #applyCouponBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

/* 2026-06-12: homepage guidance sections, added without touching dynamic product logic. */
#clovaBody .clv-home-decision,
#clovaBody .clv-home-flow {
  font-family: var(--clv-font) !important;
}

#clovaBody > .clv-home-decision {
  order: 7 !important;
}

#clovaBody > .clv-home-flow {
  order: 8 !important;
}

#clovaBody .clv-home-decision {
  padding: clamp(38px, 5.4vw, 78px) 0 clamp(28px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(151, 220, 0, .12), transparent 31%),
    linear-gradient(180deg, #f7f9f4 0%, #ffffff 100%) !important;
  scroll-margin-top: calc(var(--clv-header-h, 74px) + 34px) !important;
}

#clovaBody .clv-home-decision-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr) !important;
  gap: clamp(24px, 4vw, 58px) !important;
  align-items: stretch !important;
}

#clovaBody .clv-home-decision-copy {
  align-self: center !important;
}

#clovaBody .clv-home-kicker {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #5d7300 !important;
}

#clovaBody .clv-home-decision h2,
#clovaBody .clv-home-flow h2 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #050b0a !important;
  font-size: clamp(30px, 4.15vw, 56px) !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
}

#clovaBody .clv-home-decision-copy > p:not(.clv-home-kicker),
#clovaBody .clv-home-flow-head > p:not(.clv-home-kicker) {
  max-width: 650px !important;
  margin: 18px 0 0 !important;
  color: rgba(5, 11, 10, .68) !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  line-height: 1.62 !important;
  font-weight: 430 !important;
}

#clovaBody .clv-home-guide-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
}

#clovaBody .clv-home-guide-card {
  min-height: 188px !important;
  padding: 18px !important;
  border: 1px solid rgba(5, 11, 10, .12) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 18px 48px rgba(5, 11, 10, .06) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

#clovaBody .clv-home-guide-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(151, 220, 0, .52) !important;
  box-shadow: 0 24px 62px rgba(5, 11, 10, .1) !important;
}

#clovaBody .clv-home-guide-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 18px !important;
  border-radius: 12px !important;
  color: #07100f !important;
  background: #97dc00 !important;
}

#clovaBody .clv-home-guide-icon svg {
  width: 23px !important;
  height: 23px !important;
}

#clovaBody .clv-home-guide-card h3 {
  margin: 0 0 8px !important;
  color: #050b0a !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  font-weight: 720 !important;
}

#clovaBody .clv-home-guide-card p {
  margin: 0 !important;
  color: rgba(5, 11, 10, .62) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  font-weight: 430 !important;
}

#clovaBody .clv-home-decision-product {
  position: relative !important;
  display: block !important;
  min-height: 520px !important;
  overflow: hidden !important;
  border: 1px solid rgba(5, 11, 10, .12) !important;
  border-radius: 28px !important;
  background: #eef1ec !important;
  box-shadow: 0 26px 72px rgba(5, 11, 10, .12) !important;
  isolation: isolate !important;
}

#clovaBody .clv-home-decision-product::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 45%, rgba(5, 11, 10, .72) 100%) !important;
  opacity: .92 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#clovaBody .clv-home-decision-product img {
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.01) !important;
  transition: transform .38s ease, filter .38s ease !important;
}

#clovaBody .clv-home-decision-product:hover img {
  transform: scale(1.055) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

#clovaBody .clv-home-product-tag,
#clovaBody .clv-home-product-panel {
  position: absolute !important;
  z-index: 2 !important;
}

#clovaBody .clv-home-product-tag {
  top: 18px !important;
  left: 18px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: #97dc00 !important;
  color: #07100f !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-home-product-panel {
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 20px !important;
  background: rgba(5, 11, 10, .82) !important;
  color: #fff !important;
  backdrop-filter: blur(14px) !important;
}

#clovaBody .clv-home-product-panel strong,
#clovaBody .clv-home-product-panel span {
  display: block !important;
}

#clovaBody .clv-home-product-panel strong {
  max-width: 70% !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
}

#clovaBody .clv-home-product-panel span {
  color: #cfff46 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

#clovaBody .clv-home-flow {
  padding: clamp(26px, 4vw, 54px) 0 clamp(34px, 5vw, 72px) !important;
  background: #ffffff !important;
}

#clovaBody .clv-home-flow-shell {
  overflow: hidden !important;
  padding: clamp(26px, 4.8vw, 62px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 96% 100%, rgba(151, 220, 0, .24), transparent 30%),
    linear-gradient(135deg, #050b0a 0%, #0d1715 100%) !important;
  color: #fff !important;
  box-shadow: 0 28px 90px rgba(5, 11, 10, .18) !important;
}

#clovaBody .clv-home-flow .clv-home-kicker {
  color: #cfff46 !important;
}

#clovaBody .clv-home-flow h2 {
  color: #fff !important;
}

#clovaBody .clv-home-flow-head > p:not(.clv-home-kicker) {
  color: rgba(255, 255, 255, .7) !important;
}

#clovaBody .clv-home-flow-head {
  text-align: center !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#clovaBody .clv-home-flow-head > p:not(.clv-home-kicker) {
  margin-left: auto !important;
  margin-right: auto !important;
}

#clovaBody .clv-home-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin-top: clamp(24px, 3.6vw, 42px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .14) !important;
}

#clovaBody .clv-home-flow-step {
  min-height: 210px !important;
  padding: 24px 22px !important;
  background: rgba(255, 255, 255, .065) !important;
}

#clovaBody .clv-home-flow-step span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 28px !important;
  border-radius: 12px !important;
  background: #97dc00 !important;
  color: #07100f !important;
  font-size: 13px !important;
  font-weight: 860 !important;
}

#clovaBody .clv-home-flow-step h3 {
  margin: 0 0 9px !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 720 !important;
}

#clovaBody .clv-home-flow-step p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .66) !important;
  font-size: 13.5px !important;
  line-height: 1.52 !important;
  font-weight: 430 !important;
}

#clovaBody .clv-home-flow-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
}

#clovaBody .clv-home-flow-actions .clv-btn {
  height: 56px !important;
  padding: 0 24px !important;
  gap: 10px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

#clovaBody .clv-home-flow-actions .clv-btn.black {
  background: #97dc00 !important;
  color: #07100f !important;
  border-color: #97dc00 !important;
}

#clovaBody .clv-home-flow-actions .clv-btn:not(.black) {
  background: rgba(255, 255, 255, .06) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

#clovaBody .clv-home-flow-actions .clv-btn svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

@media (max-width: 1120px) {
  #clovaBody .clv-home-decision-grid {
    grid-template-columns: 1fr !important;
  }

  #clovaBody .clv-home-decision-product {
    min-height: 430px !important;
  }

  #clovaBody .clv-home-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
  }

  #clovaBody {
    height: auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  #clovaBody .clv-home-decision {
    padding: 40px 0 24px !important;
    scroll-margin-top: calc(var(--clv-header-h, 74px) + 28px) !important;
  }

  #clovaBody .clv-home-decision .clv-wrap,
  #clovaBody .clv-home-flow .clv-wrap {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #clovaBody .clv-home-decision h2,
  #clovaBody .clv-home-flow h2 {
    max-width: 100% !important;
    font-size: clamp(24px, 7.7vw, 30px) !important;
    line-height: 1.02 !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
  }

  #clovaBody .clv-home-decision-copy,
  #clovaBody .clv-home-flow-head,
  #clovaBody .clv-home-guide-card > div {
    min-width: 0 !important;
  }

  #clovaBody .clv-home-decision-copy > p:not(.clv-home-kicker),
  #clovaBody .clv-home-flow-head > p:not(.clv-home-kicker) {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
    overflow-wrap: break-word !important;
  }

  #clovaBody .clv-home-guide-cards {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  #clovaBody .clv-home-guide-card {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 15px !important;
    border-radius: 15px !important;
  }

  #clovaBody .clv-home-guide-icon {
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  #clovaBody .clv-home-guide-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  #clovaBody .clv-home-guide-card h3 {
    font-size: 15.5px !important;
    margin-bottom: 5px !important;
  }

  #clovaBody .clv-home-guide-card p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  #clovaBody .clv-home-decision-product {
    min-height: 350px !important;
    border-radius: 20px !important;
  }

  #clovaBody .clv-home-product-tag {
    top: 14px !important;
    left: 14px !important;
    font-size: 10px !important;
    padding: 8px 10px !important;
  }

  #clovaBody .clv-home-product-panel {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    display: block !important;
    padding: 15px !important;
    border-radius: 16px !important;
  }

  #clovaBody .clv-home-product-panel strong {
    max-width: 100% !important;
    font-size: 18px !important;
  }

  #clovaBody .clv-home-product-panel span {
    margin-top: 8px !important;
    font-size: 11px !important;
  }

  #clovaBody .clv-home-flow {
    padding: 24px 0 42px !important;
  }

  #clovaBody .clv-home-flow-shell {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  #clovaBody .clv-home-flow-steps {
    grid-template-columns: 1fr !important;
    margin-top: 20px !important;
    border-radius: 16px !important;
  }

  #clovaBody .clv-home-flow-step {
    min-height: 0 !important;
    padding: 17px !important;
  }

  #clovaBody .clv-home-flow-step span {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 13px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  #clovaBody .clv-home-flow-step h3 {
    font-size: 16px !important;
  }

  #clovaBody .clv-home-flow-step p {
    font-size: 12.5px !important;
  }

  #clovaBody .clv-home-flow-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

#clovaBody .clv-home-flow-actions .clv-btn {
  width: 100% !important;
  height: 50px !important;
  justify-content: center !important;
  font-size: 14px !important;
  }
}

/* 2026-06-12: requested home sections, clearer flow dividers, and hero image blend. */
#clovaBody > .clv-home-added-0 { order: 7 !important; }
#clovaBody > .clv-home-added-1 { order: 8 !important; }
#clovaBody > .clv-home-added-2 { order: 9 !important; }
#clovaBody > .clv-home-added-3 { order: 10 !important; }
#clovaBody > .clv-home-flow { order: 11 !important; }

#clovaBody .clv-home-added {
  padding: clamp(18px, 2.4vw, 34px) 0 !important;
  background: #fff !important;
}

#clovaBody .clv-home-added:nth-of-type(even) {
  background: #f6f8f2 !important;
}

#clovaBody .clv-home-added-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr) !important;
  gap: clamp(18px, 3vw, 42px) !important;
  align-items: center !important;
  padding: clamp(24px, 3.5vw, 46px) !important;
  border: 1px solid rgba(7, 16, 15, .11) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 94% 18%, rgba(155, 213, 0, .18), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 248, 242, .96)) !important;
  box-shadow: 0 20px 58px rgba(7, 16, 15, .07) !important;
}

#clovaBody .clv-home-added-copy h2 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #07100f !important;
  font-size: clamp(26px, 3.15vw, 44px) !important;
  line-height: 1.02 !important;
  font-weight: 740 !important;
  letter-spacing: -.035em !important;
}

#clovaBody .clv-home-added-copy > p:not(.clv-home-kicker) {
  max-width: 710px !important;
  margin: 14px 0 0 !important;
  color: #43514d !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.58 !important;
}

#clovaBody .clv-home-added-points {
  display: grid !important;
  gap: 10px !important;
}

#clovaBody .clv-home-added-points span {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(7, 16, 15, .10) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #111513 !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
}

#clovaBody .clv-home-added-points svg {
  width: 34px !important;
  height: 34px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: #9bd500 !important;
  color: #07100f !important;
}

#clovaBody .clv-home-flow-shell {
  padding-bottom: clamp(26px, 4.8vw, 62px) !important;
}

#clovaBody .clv-home-flow-steps {
  gap: 0 !important;
  border-color: rgba(255, 255, 255, .25) !important;
  background: rgba(255, 255, 255, .18) !important;
}

#clovaBody .clv-home-flow-step {
  border-right: 1px solid rgba(255, 255, 255, .24) !important;
}

#clovaBody .clv-home-flow-step:last-child {
  border-right: 0 !important;
}

#clovaBody .clv-home-flow-actions {
  display: none !important;
}

.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 124% !important;
  margin-left: -19% !important;
  object-position: 40% center !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track::before {
  background:
    linear-gradient(90deg, rgba(246, 248, 242, .99) 0%, rgba(246, 248, 242, .90) 8%, rgba(246, 248, 242, .58) 18%, rgba(246, 248, 242, .18) 32%, rgba(246, 248, 242, 0) 46%),
    linear-gradient(180deg, transparent 72%, rgba(7, 16, 15, .08)) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  left: -5% !important;
  width: 110% !important;
  object-position: 57% center !important;
  opacity: 0 !important;
  transition:
    opacity 1350ms cubic-bezier(.45, 0, .18, 1),
    transform 6200ms linear !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide.is-active {
  opacity: 1 !important;
  transform: scale(1.038) !important;
}

@media (max-width: 1120px) {
  #clovaBody .clv-home-flow-step:nth-child(2n) {
    border-right: 0 !important;
  }

  #clovaBody .clv-home-flow-step:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, .24) !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 118% !important;
    margin-left: -14% !important;
    object-position: 58% center !important;
  }
}

@media (max-width: 900px) {
  #clovaBody .clv-home-added-card {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }
}

@media (max-width: 760px) {
  #clovaBody .clv-home-added {
    padding: 14px 0 !important;
  }

  #clovaBody .clv-home-added-card {
    padding: 22px !important;
  }

  #clovaBody .clv-home-added-copy h2 {
    font-size: 26px !important;
  }

  #clovaBody .clv-home-flow-step,
  #clovaBody .clv-home-flow-step:nth-child(2n) {
    border-right: 0 !important;
  }

  #clovaBody .clv-home-flow-step + .clv-home-flow-step {
    border-top: 1px solid rgba(255, 255, 255, .24) !important;
  }

  #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 63% center !important;
  }
}

/* 2026-06-12 equal-height legal/information cards on multi-column layouts. */
.clvInfoPage .clvInfoGrid {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

.clvInfoPage .clvInfoCard {
  align-self: stretch !important;
  height: 100% !important;
  min-height: 148px !important;
}

.clvInfoPage .clvInfoGridThree .clvInfoCard {
  min-height: 156px !important;
}

@media (max-width: 720px) {
  .clvInfoPage .clvInfoGrid {
    grid-auto-rows: auto !important;
  }

  .clvInfoPage .clvInfoCard {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* 2026-06-12 product catalogue reference layout. */
body.clvProductsPage,
body.clvProductsPage main {
  background: #f5f6ee !important;
}

.clvProductsPage main {
  padding-bottom: 52px !important;
}

.clvProductsPage main > .hero:first-child {
  margin: 0 !important;
  padding: calc(var(--clv-header-h, 74px) + 72px) 0 26px !important;
  background: transparent !important;
  text-align: center !important;
}

.clvProductsPage main > .hero:first-child .wrap {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
  padding: 0 !important;
}

.clvProductsPage main > .hero:first-child .conceptCrumb {
  display: none !important;
}

.clvProductsPage main > .hero:first-child h1 {
  max-width: 940px !important;
  margin: 0 auto !important;
  color: #06221d !important;
  font-family: var(--clv-font) !important;
  font-size: clamp(32px, 3.5vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  font-weight: 650 !important;
  text-wrap: balance !important;
}

.clvProductsPage main > .hero:first-child p {
  max-width: 860px !important;
  margin: 14px auto 0 !important;
  color: #56615c !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 430 !important;
}

.clvProductsPage .productBrowseTools {
  padding: 0 0 24px !important;
  background: transparent !important;
}

.clvProductsPage .productBrowseTools > .fullInner,
.clvProductsPage main section.gridWrap > .fullInner {
  width: min(1320px, calc(100% - 48px)) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.clvProductsPage .productBrowseRow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 270px !important;
  gap: 14px !important;
  align-items: center !important;
}

.clvProductsPage .productSearchField,
.clvProductsPage .productCategorySelect {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  min-width: 0 !important;
  border: 1px solid #cbd4ce !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.88) !important;
  color: #7d8d86 !important;
  box-shadow: 0 8px 30px rgba(20, 44, 37, .035) !important;
}

.clvProductsPage .productSearchField {
  padding: 0 18px !important;
  gap: 13px !important;
}

.clvProductsPage .productSearchField svg {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

.clvProductsPage .productSearchField input {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111513 !important;
  font: 500 14px/1 var(--clv-font) !important;
}

.clvProductsPage .productSearchField input::placeholder {
  color: #7c8882 !important;
  opacity: 1 !important;
}

.clvProductsPage .productCategorySelect select {
  width: 100% !important;
  height: 100% !important;
  padding: 0 44px 0 20px !important;
  border: 0 !important;
  outline: 0 !important;
  appearance: none !important;
  background: transparent !important;
  color: #08241f !important;
  cursor: pointer !important;
  font: 760 12px/1 var(--clv-font) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.clvProductsPage .productCategorySelect > svg {
  position: absolute !important;
  top: 50% !important;
  right: 17px !important;
  width: 18px !important;
  height: 18px !important;
  color: #08241f !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.clvProductsPage .productCountLine {
  display: grid !important;
  grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin-top: 26px !important;
}

.clvProductsPage .productCountLine span {
  height: 1px !important;
  background: #d4dbd6 !important;
}

.clvProductsPage .productCountLine strong {
  color: #49625a !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.clvProductsPage main section.gridWrap {
  top: 0 !important;
  margin: 0 !important;
  padding: 8px 0 34px !important;
  background: transparent !important;
}

.clvProductsPage main #productsGrid,
.clvProductsPage main .gridWrap .grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.clvProductsPage #productsGrid .card,
.clvProductsPage main .gridWrap .card {
  min-width: 0 !important;
  min-height: 520px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #d5dcd7 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgba(19, 44, 36, .045) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.clvProductsPage #productsGrid .card[hidden] {
  display: none !important;
}

.clvProductsPage #productsGrid .card:hover {
  transform: translateY(-4px) !important;
  border-color: #bec9c2 !important;
  box-shadow: 0 22px 52px rgba(19, 44, 36, .09) !important;
}

.clvProductsPage #productsGrid .imgArea,
.clvProductsPage main .gridWrap .imgArea {
  position: relative !important;
  height: 310px !important;
  min-height: 310px !important;
  flex: 0 0 310px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #e7e9e7 !important;
}

.clvProductsPage #productsGrid .pimg,
.clvProductsPage main .gridWrap .pimg {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  background: #e7e9e7 !important;
}

.clvProductsPage #productsGrid .pimg img,
.clvProductsPage main .gridWrap .pimg img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

.clvProductsPage #productsGrid .conceptStockBadge,
.clvProductsPage main .gridWrap .conceptStockBadge {
  display: none !important;
}

.clvProductsPage #productsGrid .conceptCategoryBadge,
.clvProductsPage main .gridWrap .conceptCategoryBadge,
.clvProductsPage #productsGrid .conceptSaveBadge,
.clvProductsPage main .gridWrap .conceptSaveBadge {
  position: absolute !important;
  top: 14px !important;
  z-index: 5 !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 13px !important;
  border-radius: 9px !important;
  font-family: var(--clv-font) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.clvProductsPage #productsGrid .conceptCategoryBadge,
.clvProductsPage main .gridWrap .conceptCategoryBadge {
  left: 14px !important;
  max-width: calc(100% - 92px) !important;
  overflow: hidden !important;
  background: #d9f7ef !important;
  color: #073c34 !important;
  text-overflow: ellipsis !important;
}

.clvProductsPage #productsGrid .conceptSaveBadge,
.clvProductsPage main .gridWrap .conceptSaveBadge {
  right: 14px !important;
  left: auto !important;
  background: #d91515 !important;
  color: #fff !important;
}

.clvProductsPage #productsGrid .imgArea .pack,
.clvProductsPage main .gridWrap .imgArea .pack {
  top: auto !important;
  right: 14px !important;
  bottom: 12px !important;
  color: rgba(7, 36, 31, .72) !important;
}

.clvProductsPage #productsGrid .cap,
.clvProductsPage main .gridWrap .cap {
  position: relative !important;
  min-height: 208px !important;
  height: auto !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 20px !important;
  overflow: visible !important;
  border-top: 0 !important;
  text-align: left !important;
  background: #fff !important;
}

.clvProductsPage #productsGrid .cap .name,
.clvProductsPage main .gridWrap .cap .name {
  position: static !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  color: #08241f !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  text-align: left !important;
}

.clvProductsPage #productsGrid .cardDesc,
.clvProductsPage main .gridWrap .cardDesc {
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 9px 0 14px !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #66716b !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 430 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.clvProductsPage #productsGrid .cardPurchaseRow,
.clvProductsPage main .gridWrap .cardPurchaseRow {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #e2e6e3 !important;
}

.clvProductsPage #productsGrid .cap .prices,
.clvProductsPage main .gridWrap .cap .prices {
  position: static !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px 7px !important;
  color: #08241f !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.clvProductsPage #productsGrid .cap .prices .now,
.clvProductsPage main .gridWrap .cap .prices .now {
  font-size: 19px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
}

.clvProductsPage #productsGrid .cap .prices s,
.clvProductsPage main .gridWrap .cap .prices s {
  color: #8d9691 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  align-self: center !important;
  text-decoration-line: line-through !important;
  text-decoration-thickness: 1.25px !important;
  text-decoration-skip-ink: none !important;
}

.clvProductsPage #productsGrid .flashBadge.productSaleTag,
.clvProductsPage main .gridWrap .flashBadge.productSaleTag {
  min-height: 20px !important;
  margin: 3px 0 0 !important;
  padding: 0 8px !important;
  border-radius: 5px !important;
  clip-path: none !important;
  transform: none !important;
  font-size: 8px !important;
  letter-spacing: .02em !important;
}

.clvProductsPage #productsGrid .btnAdd,
.clvProductsPage main .gridWrap .btnAdd {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: 126px !important;
  height: 43px !important;
  min-height: 43px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid #063f33 !important;
  border-radius: 10px !important;
  background: #063f33 !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.clvProductsPage #productsGrid .btnAdd:hover {
  background: #0b5747 !important;
}

.clvProductsPage #productsGrid .btnAdd.oos {
  border-color: #cfd6d1 !important;
  background: #edf0ed !important;
  color: #737d77 !important;
}

.clvProductsPage #productsGrid .btnAdd svg {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 1100px) {
  .clvProductsPage main #productsGrid,
  .clvProductsPage main .gridWrap .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.clvProductsPage,
  body.clvProductsPage main {
    overflow-x: hidden !important;
  }

  .clvProductsPage main {
    padding-bottom: 28px !important;
  }

  .clvProductsPage main > .hero:first-child {
    padding: calc(var(--clv-header-h, 70px) + 42px) 0 18px !important;
  }

  .clvProductsPage main > .hero:first-child .wrap,
  .clvProductsPage .productBrowseTools > .fullInner,
  .clvProductsPage main section.gridWrap > .fullInner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .clvProductsPage main > .hero:first-child h1 {
    font-size: 28px !important;
    line-height: 1.05 !important;
  }

  .clvProductsPage main > .hero:first-child p {
    margin-top: 9px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .clvProductsPage .productBrowseTools {
    padding-bottom: 18px !important;
  }

  .clvProductsPage .productBrowseRow {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .clvProductsPage .productSearchField,
  .clvProductsPage .productCategorySelect {
    height: 46px !important;
    border-radius: 13px !important;
  }

  .clvProductsPage .productCountLine {
    gap: 10px !important;
    margin-top: 17px !important;
  }

  .clvProductsPage .productCountLine strong {
    font-size: 9px !important;
    letter-spacing: .12em !important;
  }

  .clvProductsPage main section.gridWrap {
    padding-top: 2px !important;
  }

  .clvProductsPage main #productsGrid,
  .clvProductsPage main .gridWrap .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    min-height: 404px !important;
    border-radius: 13px !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 190px !important;
    min-height: 190px !important;
    flex-basis: 190px !important;
  }

  .clvProductsPage #productsGrid .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .conceptCategoryBadge,
  .clvProductsPage #productsGrid .conceptSaveBadge,
  .clvProductsPage main .gridWrap .conceptSaveBadge {
    top: 8px !important;
    min-height: 21px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 7px !important;
    letter-spacing: .04em !important;
  }

  .clvProductsPage #productsGrid .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .conceptCategoryBadge {
    left: 8px !important;
    max-width: calc(100% - 16px) !important;
  }

  .clvProductsPage #productsGrid .conceptSaveBadge,
  .clvProductsPage main .gridWrap .conceptSaveBadge {
    top: 34px !important;
    right: 8px !important;
  }

  .clvProductsPage #productsGrid .imgArea .pack,
  .clvProductsPage main .gridWrap .imgArea .pack {
    right: 8px !important;
    bottom: 7px !important;
  }

  .clvProductsPage #productsGrid .imgArea .pack .n {
    font-size: 16px !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    min-height: 214px !important;
    height: auto !important;
    padding: 13px 11px 11px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    font-size: 12px !important;
    line-height: 1.22 !important;
    text-align: left !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 7px 0 10px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 3 !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding-top: 10px !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  .clvProductsPage main .gridWrap .cap .prices {
    justify-content: flex-start !important;
    font-size: 11px !important;
  }

  .clvProductsPage #productsGrid .cap .prices .now,
  .clvProductsPage main .gridWrap .cap .prices .now {
    font-size: 14px !important;
  }

  .clvProductsPage #productsGrid .cap .prices s,
  .clvProductsPage main .gridWrap .cap .prices s {
    font-size: 12px !important;
    line-height: 1 !important;
    align-self: center !important;
    text-decoration-thickness: 1.15px !important;
    text-decoration-skip-ink: none !important;
  }

  .clvProductsPage #productsGrid .btnAdd,
  .clvProductsPage main .gridWrap .btnAdd {
    width: 100% !important;
    min-width: 0 !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
  }

  .clvProductsPage #productsGrid .btnAdd svg {
    width: 15px !important;
    height: 15px !important;
  }
}

/* 2026-06-12 product badge swap, custom category menu, and policy hero alignment. */
@media (min-width: 761px) {
  .clvProductsPage main > .hero:first-child p {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    white-space: nowrap !important;
  }
}

.clvProductsPage .productBrowseTools {
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
}

.clvProductsPage .productCategorySelect.productCategoryDropdown {
  position: relative !important;
  display: block !important;
  height: 50px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #08241f !important;
}

.clvProductsPage .productCategoryDropdown summary {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 17px 0 20px !important;
  border-radius: inherit !important;
  cursor: pointer !important;
  list-style: none !important;
  color: #08241f !important;
  font: 760 12px/1 var(--clv-font) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.clvProductsPage .productCategoryDropdown summary::-webkit-details-marker {
  display: none !important;
}

.clvProductsPage .productCategoryDropdown summary:hover,
.clvProductsPage .productCategoryDropdown[open] summary {
  background: #08241f !important;
  color: #fff !important;
}

.clvProductsPage .productCategoryDropdown summary:focus-visible {
  outline: 3px solid rgba(130, 179, 90, .45) !important;
  outline-offset: 2px !important;
}

.clvProductsPage .productCategoryDropdown summary > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.clvProductsPage .productCategoryDropdown summary > svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  transition: transform .2s ease !important;
}

.clvProductsPage .productCategoryDropdown[open] summary > svg {
  transform: rotate(180deg) !important;
}

.clvProductsPage .productCategoryMenu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 80 !important;
  width: min(320px, calc(100vw - 32px)) !important;
  display: grid !important;
  gap: 4px !important;
  padding: 8px !important;
  border: 1px solid #d4dcd6 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 24px 60px rgba(8, 36, 31, .16) !important;
  backdrop-filter: blur(16px) !important;
}

.clvProductsPage .productCategoryMenu a {
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  color: #263630 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  transition: background-color .16s ease, color .16s ease !important;
}

.clvProductsPage .productCategoryMenu a:hover {
  background: #eff4ef !important;
  color: #08241f !important;
}

.clvProductsPage .productCategoryMenu a.active {
  background: #82b35a !important;
  color: #0a1713 !important;
}

.clvProductsPage .productCategoryMenu a svg {
  width: 18px !important;
  height: 18px !important;
  opacity: 0 !important;
}

.clvProductsPage .productCategoryMenu a.active svg {
  opacity: 1 !important;
}

.clvProductsPage #productsGrid .imgArea,
.clvProductsPage main .gridWrap .imgArea,
.clvProductsPage #productsGrid .pimg,
.clvProductsPage main .gridWrap .pimg,
.clvProductsPage #productsGrid .pimg img,
.clvProductsPage main .gridWrap .pimg img {
  border-radius: 19px 19px 0 0 !important;
}

.clvProductsPage #productsGrid .cardBadgeRow,
.clvProductsPage main .gridWrap .cardBadgeRow {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: 14px !important;
  z-index: 6 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 7px !important;
  pointer-events: none !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  font-family: var(--clv-font) !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 790 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
  width: max-content !important;
  flex: 0 1 auto !important;
  justify-content: flex-start !important;
  max-width: 72% !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  overflow: hidden !important;
  background: #d9f7ef !important;
  color: #073c34 !important;
  font-size: 8px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
  width: max-content !important;
  flex: 0 0 auto !important;
  max-width: 46% !important;
  background: #050706 !important;
  color: #fff !important;
  text-align: center !important;
  white-space: normal !important;
}

.clvProductsPage #productsGrid .cap .prices,
.clvProductsPage main .gridWrap .cap .prices {
  flex-wrap: wrap !important;
}

.clvProductsPage #productsGrid .priceBadgeBreak,
.clvProductsPage main .gridWrap .priceBadgeBreak {
  width: 100% !important;
  height: 0 !important;
  flex: 0 0 100% !important;
}

.clvProductsPage #productsGrid .flashBadge.conceptSavePriceBadge,
.clvProductsPage main .gridWrap .flashBadge.conceptSavePriceBadge {
  min-height: 20px !important;
  width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 2px 0 0 !important;
  padding: 0 8px !important;
  border-radius: 5px !important;
  background: #82b35a !important;
  color: #0b1512 !important;
  clip-path: none !important;
  transform: none !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: .02em !important;
}

.clvProductsPage #productsGrid .btnAdd,
.clvProductsPage main .gridWrap .btnAdd {
  border-color: #050706 !important;
  background: #050706 !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(5, 7, 6, .12) !important;
}

.clvProductsPage #productsGrid .btnAdd span,
.clvProductsPage main .gridWrap .btnAdd span,
.clvProductsPage #productsGrid .btnAdd svg,
.clvProductsPage main .gridWrap .btnAdd svg {
  color: inherit !important;
  opacity: 1 !important;
}

.clvProductsPage #productsGrid .btnAdd:hover,
.clvProductsPage main .gridWrap .btnAdd:hover {
  border-color: #050706 !important;
  background: #fff !important;
  color: #050706 !important;
  opacity: 1 !important;
}

.clvProductsPage #productsGrid .btnAdd.oos,
.clvProductsPage main .gridWrap .btnAdd.oos {
  border-color: #cfd6d1 !important;
  background: #edf0ed !important;
  color: #737d77 !important;
  box-shadow: none !important;
}

.clvInfoPage .clvInfoHero {
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 36px 42px !important;
}

.clvInfoPage .clvInfoHeroIcon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 14px !important;
}

.clvInfoPage .clvInfoHeroIcon svg {
  width: 38px !important;
  height: 38px !important;
  stroke-width: 1.85 !important;
}

.clvInfoPage .clvInfoHero > div {
  align-self: center !important;
}

.clvInfoPage .clvInfoHero h1 {
  margin: 0 0 8px !important;
}

.clvInfoPage .clvInfoHero h1.clvNoReturnTitle {
  font-size: clamp(27px, 2.7vw, 38px) !important;
  line-height: 1.06 !important;
}

@media (max-width: 760px) {
  .clvProductsPage .productCategorySelect.productCategoryDropdown {
    height: 46px !important;
  }

  .clvProductsPage .productCategoryDropdown summary {
    padding: 0 14px 0 17px !important;
    font-size: 11px !important;
  }

  .clvProductsPage .productCategoryMenu {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea,
  .clvProductsPage #productsGrid .pimg,
  .clvProductsPage main .gridWrap .pimg,
  .clvProductsPage #productsGrid .pimg img,
  .clvProductsPage main .gridWrap .pimg img {
    border-radius: 12px 12px 0 0 !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow,
  .clvProductsPage main .gridWrap .cardBadgeRow {
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    gap: 4px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    min-height: 21px !important;
    padding: 5px 6px !important;
    border-radius: 5px !important;
    font-size: 6.5px !important;
    line-height: 1.12 !important;
    letter-spacing: .025em !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    width: max-content !important;
    flex: 0 0 auto !important;
    max-width: 48% !important;
  }

  .clvInfoPage .clvInfoHero,
  .clvPrivacyPage .clvInfoHero {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 15px !important;
    padding: 22px 18px !important;
  }

  .clvInfoPage .clvInfoHeroIcon,
  .clvPrivacyPage .clvInfoHeroIcon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 10px !important;
  }

  .clvInfoPage .clvInfoHeroIcon svg,
  .clvPrivacyPage .clvInfoHeroIcon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .clvInfoPage .clvInfoHero h1.clvNoReturnTitle {
    font-size: clamp(17px, 5vw, 22px) !important;
    line-height: 1.14 !important;
    white-space: normal !important;
  }
}

/* 2026-06-12 mobile policy-title and checkout phone-flag refinement. */
.clv-checkout .clv-phone-single {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.clv-checkout .clv-phone-flag {
  width: 42px !important;
  height: 30px !important;
  flex: 0 0 42px !important;
  border-radius: 7px !important;
}

.clv-checkout .clv-phone-flag img,
.clv-checkout .clv-phone-flag svg,
.clv-checkout .clv-phone-flag-svg {
  border-radius: 6px !important;
}

@media (max-width: 760px) {
  .clvInfoPage .clvInfoHero,
  .clvPrivacyPage .clvInfoHero {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 18px 14px !important;
  }

  .clvInfoPage .clvInfoHeroIcon,
  .clvPrivacyPage .clvInfoHeroIcon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
  }

  .clvInfoPage .clvInfoHeroIcon svg,
  .clvPrivacyPage .clvInfoHeroIcon svg {
    width: 20px !important;
    height: 20px !important;
  }

  .clvInfoPage .clvInfoHero h1,
  .clvPrivacyPage .clvInfoHero h1 {
    margin: 0 0 5px !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .clvInfoPage .clvInfoHero h1.clvNoReturnTitle {
    font-size: 11.5px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
  }

  .clv-checkout .clv-phone-single {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .clv-checkout .clv-phone-flag {
    width: 38px !important;
    height: 27px !important;
    flex-basis: 38px !important;
    border-radius: 6px !important;
  }

  .clv-checkout .clv-phone-flag img,
  .clv-checkout .clv-phone-flag svg,
  .clv-checkout .clv-phone-flag-svg {
    border-radius: 5px !important;
  }
}

/* 2026-06-12 product catalogue mobile fit-content cards. */
.clvProductsPage main > .hero:first-child h1 .clvProductsHeroLine {
  display: inline !important;
}

@media (min-width: 761px) {
  .clvProductsPage main > .hero:first-child {
    padding-top: 52px !important;
  }
}

@media (max-width: 760px) {
  .clvProductsPage main > .hero:first-child h1 {
    max-width: 340px !important;
    margin-inline: auto !important;
    font-size: 21.5px !important;
    line-height: 1.06 !important;
  }

  .clvProductsPage main > .hero:first-child h1 .clvProductsHeroLine {
    display: block !important;
    white-space: nowrap !important;
  }

  .clvProductsPage main > .hero:first-child p {
    max-width: 320px !important;
    margin-inline: auto !important;
  }

  .clvProductsPage main #productsGrid,
  .clvProductsPage main .gridWrap .grid {
    align-items: start !important;
    grid-auto-rows: auto !important;
  }

  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 176px !important;
    min-height: 176px !important;
    flex: 0 0 176px !important;
  }

  .clvProductsPage #productsGrid .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .conceptCategoryBadge,
  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
    left: 6px !important;
    max-width: calc(100% - 12px) !important;
    min-height: 20px !important;
    height: auto !important;
    padding: 3px 5px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    text-align: center !important;
    font-size: 5.6px !important;
    line-height: 1.08 !important;
    letter-spacing: -.01em !important;
  }

  .clvProductsPage #productsGrid .conceptSaveBadge,
  .clvProductsPage main .gridWrap .conceptSaveBadge {
    right: 6px !important;
    min-height: 19px !important;
    padding-inline: 5px !important;
    font-size: 6.4px !important;
    letter-spacing: 0 !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding: 11px 10px 10px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    font-size: 10.8px !important;
    line-height: 1.16 !important;
    letter-spacing: -.01em !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    min-height: 0 !important;
    max-height: none !important;
    margin: 6px 0 9px !important;
    display: block !important;
    overflow: visible !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    margin-top: 8px !important;
    gap: 8px !important;
    padding-top: 9px !important;
  }
}

@media (max-width: 360px) {
  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 164px !important;
    min-height: 164px !important;
    flex-basis: 164px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    font-size: 10.2px !important;
  }
}

/* 2026-06-12 checkout phone field: flag sits inside the normal-width input. */
.clv-checkout .clv-phone-single {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

.clv-checkout .clv-phone-single input#phone {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 62px !important;
}

.clv-checkout .clv-phone-single .clv-phone-flag {
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  z-index: 2 !important;
  width: 36px !important;
  height: 26px !important;
  flex: 0 0 36px !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.clv-checkout .clv-phone-single .clv-phone-flag img,
.clv-checkout .clv-phone-single .clv-phone-flag svg,
.clv-checkout .clv-phone-single .clv-phone-flag-svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 4px !important;
  object-fit: cover !important;
}

.clv-checkout .clv-phone-single .clv-phone-flag.invalid {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #fff3f3 !important;
  color: #b42318 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  .clv-checkout .clv-phone-single input#phone {
    padding-left: 58px !important;
  }

  .clv-checkout .clv-phone-single .clv-phone-flag {
    left: 12px !important;
    width: 34px !important;
    height: 24px !important;
  }
}

/* 2026-06-12 requested home/product refinements. */
#clovaBody > section[aria-label="Best sellers desktop"],
#clovaBody > .clv-mbest {
  order: 2 !important;
}

#clovaBody > section[aria-label="Categories"] {
  order: 3 !important;
}

#clovaBody > .clv-split {
  order: 4 !important;
}

#clovaBody > section[aria-label="The ultimate hydration system"] {
  order: 5 !important;
}

#clovaBody .clv-hero-actions .clv-btn.black span[aria-hidden="true"] {
  transition: transform .24s ease, background-color .24s ease !important;
  will-change: transform !important;
}

#clovaBody .clv-hero-actions .clv-btn.black:hover span[aria-hidden="true"],
#clovaBody .clv-hero-actions .clv-btn.black:focus-visible span[aria-hidden="true"] {
  transform: translate(5px, -1px) !important;
  background: rgba(255, 255, 255, .22) !important;
}

#clovaBody .clv-split > .left,
#clovaBody .clv-split > .right {
  display: none !important;
}

#clovaBody .clv-split {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: #050807 !important;
}

#clovaBody .clv-split::before,
#clovaBody .clv-split::after {
  display: none !important;
}

#clovaBody .clv-performance-strip {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}

/* 2026-06-12 reference-matched home performance strip */
#clovaBody .clv-performance-strip {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 112px !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0 clamp(34px, 6vw, 92px) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(90deg, rgba(3,8,7,.98) 0%, rgba(3,8,7,.96) 48%, rgba(3,8,7,.88) 72%, rgba(3,8,7,.82) 100%) !important;
  z-index: 3 !important;
}

#clovaBody .clv-performance-strip::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(166, 224, 0, .16), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 42%, rgba(0,0,0,.28)) !important;
  opacity: .82 !important;
}

#clovaBody .clv-performance-item {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 clamp(18px, 2.35vw, 34px) !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  row-gap: 4px !important;
  align-content: center !important;
  align-items: center !important;
  border-right: 1px solid rgba(255,255,255,.24) !important;
  background: transparent !important;
}

#clovaBody .clv-performance-item:last-child {
  border-right: 0 !important;
}

#clovaBody .clv-performance-icon {
  grid-row: 1 / 3 !important;
  width: 34px !important;
  height: 34px !important;
  color: #9bda00 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

#clovaBody .clv-performance-icon circle,
#clovaBody .clv-performance-icon ellipse,
#clovaBody .clv-performance-icon path {
  fill: none !important;
  stroke: currentColor !important;
}

#clovaBody .clv-performance-icon::before,
#clovaBody .clv-performance-icon::after {
  display: none !important;
}

#clovaBody .clv-performance-item strong {
  min-width: 0 !important;
  color: #fff !important;
  font-size: clamp(13px, .9vw, 15px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

#clovaBody .clv-performance-item span:not(.clv-performance-icon) {
  min-width: 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: clamp(11px, .78vw, 13px) !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
  max-width: 170px !important;
}

@media (max-width: 980px) {
  #clovaBody .clv-performance-strip {
    height: auto !important;
    padding: 16px 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    background: linear-gradient(90deg, rgba(3,8,7,.98), rgba(3,8,7,.92)) !important;
  }

  #clovaBody .clv-performance-item {
    min-height: 78px !important;
    padding: 0 18px !important;
  }

  #clovaBody .clv-performance-item:nth-child(2) {
    border-right: 0 !important;
  }

  #clovaBody .clv-performance-item:nth-child(n+3) {
    border-top: 1px solid rgba(255,255,255,.18) !important;
  }
}

@media (max-width: 540px) {
  #clovaBody .clv-performance-strip {
    grid-template-columns: 1fr !important;
    padding: 8px 18px !important;
  }

  #clovaBody .clv-performance-item {
    min-height: 72px !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
    padding: 0 4px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  #clovaBody .clv-performance-item:first-child {
    border-top: 0 !important;
  }

  #clovaBody .clv-performance-icon {
    width: 30px !important;
    height: 30px !important;
  }

  #clovaBody .clv-performance-item strong {
    white-space: normal !important;
  }

  #clovaBody .clv-performance-item span:not(.clv-performance-icon) {
    max-width: none !important;
  }
}

.clv-comparison-marquee-layout {
  display: grid !important;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1fr) !important;
  gap: clamp(16px, 2.6vw, 34px) !important;
  align-items: stretch !important;
}

.clv-comparison-feature {
  min-height: 430px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #eef0eb !important;
  box-shadow: 0 24px 70px rgba(17, 21, 19, .09) !important;
  display: block !important;
}

.clv-comparison-feature img {
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  object-fit: cover !important;
  display: block !important;
}

.clv-comparison-marquees {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
  align-content: center !important;
  overflow: hidden !important;
}

.clv-comparison-marquee-row {
  overflow: hidden !important;
  border-radius: 16px !important;
  min-height: 206px !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent) !important;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent) !important;
}

.clv-comparison-marquee-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: max-content !important;
  animation: clvComparisonMarquee 34s linear infinite !important;
}

.clv-comparison-marquee-row.is-ltr .clv-comparison-marquee-track {
  animation-name: clvComparisonMarqueeReverse !important;
}

.clv-comparison-marquee-card {
  width: clamp(220px, 24vw, 320px) !important;
  height: 206px !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #eef0eb !important;
  box-shadow: 0 14px 38px rgba(17, 21, 19, .08) !important;
  display: block !important;
}

.clv-comparison-marquee-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@keyframes clvComparisonMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 8px)); }
}

@keyframes clvComparisonMarqueeReverse {
  from { transform: translateX(calc(-50% - 8px)); }
  to { transform: translateX(0); }
}

@media (max-width: 900px) {
  .clv-comparison-marquee-layout {
    grid-template-columns: 1fr !important;
  }

  .clv-comparison-feature,
  .clv-comparison-feature img {
    min-height: 320px !important;
  }
}

@media (max-width: 760px) {
  .clvProductsPage main #productsGrid,
  .clvProductsPage main .gridWrap .grid {
    align-items: stretch !important;
    grid-auto-rows: 1fr !important;
  }

  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    height: 359px !important;
    min-height: 359px !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 170px !important;
    min-height: 170px !important;
    flex: 0 0 170px !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 11px 10px 10px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    min-height: 25px !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-height: 52px !important;
    min-height: 52px !important;
    margin: 6px 0 8px !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 8px !important;
    align-content: normal !important;
  }

  .clvProductsPage #productsGrid .flashBadge.conceptSavePriceBadge,
  .clvProductsPage main .gridWrap .flashBadge.conceptSavePriceBadge,
  .clvProductsPage #productsGrid .priceBadgeBreak,
  .clvProductsPage main .gridWrap .priceBadgeBreak {
    display: none !important;
  }

  .clvProductsPage #productsGrid .flashBadge.conceptSavePriceBadge,
  .clvProductsPage main .gridWrap .flashBadge.conceptSavePriceBadge {
    display: inline-flex !important;
    position: static !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 780 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
  }

  .clvProductsPage #productsGrid .cap .prices,
  .clvProductsPage main .gridWrap .cap .prices {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px 4px !important;
  }

  .clv-comparison-marquee-row {
    min-height: 154px !important;
  }

  .clv-comparison-marquee-card {
    width: 220px !important;
    height: 154px !important;
  }
}

@media (max-width: 360px) {
  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    height: 347px !important;
    min-height: 347px !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 158px !important;
    min-height: 158px !important;
    flex-basis: 158px !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    -webkit-line-clamp: 4 !important;
    max-height: 52px !important;
    min-height: 52px !important;
  }
}

/* 2026-06-12 product badges and PDP dose pill polish. */
@media (min-width: 761px) {
  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
    font-size: 9.6px !important;
    font-weight: 880 !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    font-size: 9.8px !important;
    font-weight: 880 !important;
  }

  .clvProductsPage #productsGrid .flashBadge.conceptSavePriceBadge,
  .clvProductsPage main .gridWrap .flashBadge.conceptSavePriceBadge {
    min-height: 22px !important;
    padding: 0 9px !important;
    font-size: 9.4px !important;
    font-weight: 880 !important;
  }
}

.clvProductDetailPage .pdDosePill {
  left: auto !important;
  right: 18px !important;
  width: auto !important;
  width: fit-content !important;
  min-width: 126px !important;
  max-width: calc(100% - 24px) !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111513 !important;
  border: 1px solid #9bd500 !important;
  box-shadow: 0 12px 24px rgba(17, 21, 19, .10) !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePill::before {
  display: none !important;
  content: none !important;
}

.clvProductDetailPage .pdDosePillIcon {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdDosePillIcon svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

.clvProductDetailPage .pdDosePillTrack {
  position: static !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.clvProductDetailPage .pdDosePillText {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111513 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 840 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}

.clvProductDetailPage .pdDosePillTextA {
  display: none !important;
}

.clvProductDetailPage .pdDosePillTextB {
  display: inline-flex !important;
}

@media (max-width: 720px) {
  .clvProductDetailPage .pdDosePill {
    left: auto !important;
    right: 12px !important;
    width: fit-content !important;
    min-width: 120px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    gap: 7px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    font-size: 10px !important;
  }
}

/* 2026-06-12 about page requested polish. */
.clvAboutPage {
  --about-bg: #f6f8f2;
  background: #f6f8f2 !important;
}

.clvAboutHero,
.clvAboutTrustStrip,
.clvAboutSection,
.clvAboutCtaSection {
  background: #f6f8f2 !important;
}

.clvAboutHeroCard .clvAboutHeroMedia::after {
  background:
    linear-gradient(90deg, #f6f8f2 0%, rgba(246, 248, 242, .96) 9%, rgba(246, 248, 242, .72) 20%, rgba(246, 248, 242, .34) 34%, rgba(246, 248, 242, 0) 52%),
    linear-gradient(180deg, transparent 70%, rgba(7, 16, 15, .08)) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 120% !important;
  max-width: none !important;
  margin-left: -16% !important;
  object-position: 43% center !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .04) 4%, rgba(0, 0, 0, .20) 11%, rgba(0, 0, 0, .52) 22%, rgba(0, 0, 0, .86) 36%, #000 50%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .04) 4%, rgba(0, 0, 0, .20) 11%, rgba(0, 0, 0, .52) 22%, rgba(0, 0, 0, .86) 36%, #000 50%, #000 100%) !important;
}

.clvAboutTrustInner {
  min-height: 86px !important;
  border-top-color: rgba(7, 16, 15, .10) !important;
  border-bottom-color: rgba(7, 16, 15, .10) !important;
}

.clvAboutTrustItem {
  min-height: 46px !important;
  gap: 10px !important;
}

.clvAboutTrustItem strong {
  font-size: clamp(12px, .95vw, 15px) !important;
  font-weight: 820 !important;
  letter-spacing: .06em !important;
}

.clvAboutTrustIcon,
.clvAboutTrustIcon svg {
  width: 18px !important;
  height: 18px !important;
}

.clvAboutTrustItem:not(:last-child)::after {
  height: 36px !important;
  background: rgba(7, 16, 15, .10) !important;
}

@media (min-width: 1121px) {
  .clvAboutFaqGrid {
    align-items: start !important;
  }

  .clvAboutFaqIntro {
    position: sticky !important;
    top: calc(var(--clv-header-h, 74px) + 24px) !important;
    align-self: start !important;
  }
}

.clvAboutCtaSection {
  padding-top: 34px !important;
  padding-bottom: 46px !important;
}

.clvAboutCta {
  min-height: 0 !important;
  padding: 26px 30px !important;
  gap: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.clvAboutCta h2 {
  white-space: nowrap !important;
  font-size: clamp(26px, 2.6vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
}

.clvAboutCta p {
  max-width: 540px !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.clvAboutCtaActions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.clvAboutCtaActions .clvAboutButton {
  width: auto !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
}

.clvAboutCtaActions .clvAboutButton svg {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 1120px) {
  .clvAboutCta {
    grid-template-columns: 1fr !important;
  }

  .clvAboutCta h2 {
    white-space: normal !important;
  }

  .clvAboutCtaActions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 600px) {
  .clvAboutTrustInner {
    min-height: 78px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .clvAboutTrustItem {
    min-height: 38px !important;
  }

  .clvAboutTrustItem strong {
    font-size: 11px !important;
  }

  .clvAboutCta {
    padding: 22px 18px !important;
  }

  .clvAboutCtaActions .clvAboutButton {
    min-height: 44px !important;
    padding: 0 18px !important;
  }
}

/* 2026-06-12 home proof strip and about mission cards. */
#clovaBody > .clv-home-proof {
  order: 6 !important;
}

#clovaBody .clv-home-proof {
  padding: clamp(58px, 7vw, 92px) 0 !important;
  background: #fff !important;
  overflow: hidden !important;
}

#clovaBody .clv-home-proof > .clv-wrap {
  width: 100% !important;
  max-width: none !important;
  padding-left: clamp(18px, 5vw, 96px) !important;
  padding-right: clamp(18px, 5vw, 96px) !important;
  box-sizing: border-box !important;
}

#clovaBody .clv-home-proof-grid {
  display: grid !important;
  grid-template-columns: minmax(310px, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(18px, 2.8vw, 38px) !important;
  align-items: stretch !important;
}

#clovaBody .clv-home-proof-grid.is-reviews-only {
  grid-template-columns: 1fr !important;
}

#clovaBody .clv-home-proof-visual {
  min-width: 0 !important;
  min-height: 420px !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 14px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 28px !important;
  background: #f6f8f2 !important;
  box-shadow: 0 24px 70px rgba(17, 21, 19, .09) !important;
  overflow: hidden !important;
}

#clovaBody .clv-home-proof-visual.no-head {
  grid-template-rows: minmax(0, 1fr) !important;
}

#clovaBody .clv-home-proof-card-head {
  padding: 6px 8px 0 !important;
  display: grid !important;
  gap: 5px !important;
}

#clovaBody .clv-home-proof-card-head span {
  color: #687062 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-home-proof-card-head strong {
  color: #07100f !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

#clovaBody .clv-home-proof-image-viewport {
  position: relative !important;
  min-height: 350px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #eef0eb !important;
}

#clovaBody .clv-home-proof-image-track {
  height: 100% !important;
  display: flex !important;
  transform: translateX(0);
  transition: transform .58s cubic-bezier(.22, .61, .36, 1) !important;
}

#clovaBody .clv-home-proof-image-slide {
  position: relative !important;
  flex: 0 0 100% !important;
  min-width: 100% !important;
  min-height: 350px !important;
  display: block !important;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

#clovaBody .clv-home-proof-image-slide img {
  width: 100% !important;
  height: 100% !important;
  min-height: 350px !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform .7s ease !important;
}

#clovaBody .clv-home-proof-image-slide::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 42% !important;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .74)) !important;
  pointer-events: none !important;
}

#clovaBody .clv-home-proof-image-slide span {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 5px !important;
}

#clovaBody .clv-home-proof-image-slide small {
  color: rgba(255, 255, 255, .72) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-home-proof-image-slide b {
  color: #fff !important;
  font-size: clamp(18px, 1.7vw, 25px) !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: -.02em !important;
}

#clovaBody .clv-home-proof-visual:hover .clv-home-proof-image-slide img {
  transform: scale(1.025) !important;
}

#clovaBody .clv-home-proof-reviews {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
  align-content: center !important;
  overflow: hidden !important;
}

#clovaBody .clv-home-proof-review-row {
  overflow: hidden !important;
  min-height: 178px !important;
  padding: 2px 0 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;
}

#clovaBody .clv-home-proof-review-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 22px !important;
  width: max-content !important;
  animation: clvHomeProofReviews 78s linear infinite !important;
  will-change: transform !important;
}

#clovaBody .clv-home-proof-review-row.is-ltr .clv-home-proof-review-track {
  animation-name: clvHomeProofReviewsReverse !important;
}

#clovaBody .clv-home-proof-review-card {
  width: clamp(290px, 28vw, 420px) !important;
  min-height: 174px !important;
  padding: 22px 26px 20px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 11px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-left: 4px solid #5e99af !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(17, 21, 19, .08) !important;
}

#clovaBody .clv-home-proof-review-card h3 {
  margin: 0 !important;
  color: #1d2a32 !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 840 !important;
  letter-spacing: -.01em !important;
}

#clovaBody .clv-home-proof-review-card p {
  margin: 0 !important;
  color: #26353d !important;
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 460 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#clovaBody .clv-home-proof-review-card div {
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
}

#clovaBody .clv-home-proof-review-card strong {
  color: #1d2a32 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

#clovaBody .clv-home-proof-review-card span {
  color: #5d8090 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

@keyframes clvHomeProofReviews {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 11px)); }
}

@keyframes clvHomeProofReviewsReverse {
  from { transform: translateX(calc(-50% - 11px)); }
  to { transform: translateX(0); }
}

.clvAboutMissionSection {
  padding-top: 24px !important;
  padding-bottom: 34px !important;
}

.clvAboutMissionGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.clvAboutMissionCard {
  min-width: 0 !important;
  min-height: 300px !important;
  padding: clamp(26px, 3.2vw, 42px) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 20px !important;
  border: 1px solid rgba(7, 16, 15, .11) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 20px 55px rgba(7, 16, 15, .07) !important;
}

.clvAboutMissionIcon {
  width: 58px !important;
  height: 58px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: #9bd500 !important;
  color: #07100f !important;
  box-shadow: 0 14px 34px rgba(155, 213, 0, .22) !important;
}

.clvAboutMissionIcon svg {
  width: 26px !important;
  height: 26px !important;
}

.clvAboutMissionCard .clvAboutKicker {
  margin-bottom: 10px !important;
}

.clvAboutMissionCard h2 {
  margin: 0 !important;
  color: #07100f !important;
  font-size: clamp(25px, 2.4vw, 36px) !important;
  line-height: 1.04 !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
}

.clvAboutMissionCard p:not(.clvAboutKicker) {
  margin: 14px 0 0 !important;
  color: #43514d !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.clvAboutMissionCard ul {
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
  list-style: none !important;
}

.clvAboutMissionCard li {
  position: relative !important;
  padding-left: 20px !important;
  color: #111513 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
}

.clvAboutMissionCard li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .45em !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #9bd500 !important;
}

@media (max-width: 980px) {
  #clovaBody .clv-home-proof-grid,
  .clvAboutMissionGrid {
    grid-template-columns: 1fr !important;
  }

  #clovaBody .clv-home-proof-visual {
    min-height: 340px !important;
  }

  #clovaBody .clv-home-proof-image-viewport,
  #clovaBody .clv-home-proof-image-slide,
  #clovaBody .clv-home-proof-image-slide img {
    min-height: 286px !important;
  }
}

@media (max-width: 640px) {
  #clovaBody .clv-home-proof {
    padding: 42px 0 !important;
  }

  #clovaBody .clv-home-proof .clv-wrap {
    width: 100% !important;
    max-width: none !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  #clovaBody .clv-home-proof-visual {
    min-height: 0 !important;
    border-radius: 22px !important;
  }

  #clovaBody .clv-home-proof-image-viewport,
  #clovaBody .clv-home-proof-image-slide,
  #clovaBody .clv-home-proof-image-slide img {
    min-height: 260px !important;
  }

  #clovaBody .clv-home-proof-reviews {
    gap: 14px !important;
  }

  #clovaBody .clv-home-proof-review-row {
    min-height: 160px !important;
  }

  #clovaBody .clv-home-proof-review-track {
    gap: 14px !important;
    animation-duration: 58s !important;
  }

  #clovaBody .clv-home-proof-review-card {
    width: 280px !important;
    min-height: 156px !important;
    padding: 18px 18px 16px !important;
  }

  #clovaBody .clv-home-proof-review-card h3 {
    font-size: 14px !important;
  }

  #clovaBody .clv-home-proof-review-card p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 3 !important;
  }

  .clvAboutMissionCard {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 24px !important;
  }

  .clvAboutMissionIcon {
    width: 52px !important;
    height: 52px !important;
  }
}

/* 2026-06-12 about page mission/standard revision. */
.clvAboutMissionSection {
  padding-top: 30px !important;
  padding-bottom: 38px !important;
}

.clvAboutMissionGrid {
  grid-template-columns: 1fr !important;
}

.clvAboutMissionCard {
  max-width: 1060px !important;
  min-height: 330px !important;
  margin: 0 auto !important;
  padding: clamp(34px, 4.4vw, 58px) !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 26px !important;
}

.clvAboutMissionIcon {
  width: 70px !important;
  height: 70px !important;
  border-radius: 22px !important;
}

.clvAboutMissionIcon svg {
  width: 31px !important;
  height: 31px !important;
}

.clvAboutMissionCard h2 {
  max-width: 820px !important;
  font-size: clamp(34px, 3.35vw, 48px) !important;
  line-height: 1.02 !important;
}

.clvAboutMissionCard h2 span {
  display: block !important;
  white-space: nowrap !important;
}

.clvAboutMissionCard p:not(.clvAboutKicker) {
  max-width: 780px !important;
  font-size: 16px !important;
}

.clvAboutMissionCard li {
  font-size: 14px !important;
}

.clvAboutDarkStory {
  align-items: center !important;
}

.clvAboutDarkStory .clvAboutDarkCopy p {
  max-width: 520px !important;
}

.clvAboutWhyItem {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 16px !important;
}

.clvAboutWhyItem span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: rgba(155, 213, 0, .14) !important;
  border: 1px solid rgba(155, 213, 0, .34) !important;
  color: #9bd500 !important;
}

.clvAboutWhyItem svg {
  width: 22px !important;
  height: 22px !important;
}

.clvAboutWhyItem p {
  font-size: clamp(16px, 1.35vw, 19px) !important;
  line-height: 1.36 !important;
}

.clvAboutCta {
  padding: 34px 38px !important;
  gap: 24px !important;
}

.clvAboutCta h2 {
  font-size: clamp(32px, 3.05vw, 46px) !important;
  line-height: 1.02 !important;
}

.clvAboutCta p {
  max-width: 650px !important;
  margin-top: 11px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.clvAboutCtaActions {
  gap: 12px !important;
}

.clvAboutCtaActions .clvAboutButton {
  min-height: 56px !important;
  padding: 0 28px !important;
  font-size: 14px !important;
}

.clvAboutCtaActions .clvAboutButton svg {
  width: 19px !important;
  height: 19px !important;
}

@media (max-width: 900px) {
  .clvAboutMissionCard h2 span {
    white-space: normal !important;
  }
}

@media (max-width: 640px) {
  .clvAboutMissionCard {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 28px 22px !important;
  }

  .clvAboutMissionIcon {
    width: 58px !important;
    height: 58px !important;
  }

  .clvAboutCta {
    padding: 26px 20px !important;
  }

  .clvAboutCta h2 {
    font-size: 30px !important;
  }

  .clvAboutCtaActions .clvAboutButton {
    min-height: 48px !important;
    padding: 0 20px !important;
  }
}

/* 2026-06-12: about hero right-side image with slight left crop and softer studio blend. */
.clvAboutHeroCard {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  background:
    radial-gradient(760px 420px at 82% 48%, rgba(216, 230, 243, .86), rgba(216, 230, 243, 0) 64%),
    radial-gradient(580px 320px at 44% 18%, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) 68%),
    linear-gradient(90deg, #f6f8f2 0%, #f2f7f7 46%, #eaf1f8 100%) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia {
  order: 2 !important;
  isolation: isolate !important;
  background: #eaf1f8 !important;
}

.clvAboutHeroCard .clvAboutHeroCopy {
  order: 1 !important;
  background:
    linear-gradient(90deg, #f6f8f2 0%, rgba(246, 248, 242, .98) 58%, rgba(242, 247, 247, .78) 100%) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, #f2f7f7 0%, rgba(242, 247, 247, .88) 8%, rgba(242, 247, 247, .36) 18%, rgba(242, 247, 247, 0) 31%) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia::after {
  z-index: 2 !important;
  background:
    linear-gradient(90deg, rgba(242, 247, 247, .92) 0%, rgba(242, 247, 247, .28) 17%, rgba(242, 247, 247, 0) 36%, rgba(234, 241, 248, 0) 78%, rgba(234, 241, 248, .30) 100%),
    linear-gradient(180deg, transparent 72%, rgba(7, 16, 15, .08)) !important;
}

.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 118% !important;
  max-width: none !important;
  margin-left: -10% !important;
  object-position: 48% center !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
}

@media (max-width: 1120px) {
  .clvAboutHeroCard {
    grid-template-columns: 1fr !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia {
    order: 2 !important;
  }

  .clvAboutHeroCard .clvAboutHeroCopy {
    order: 1 !important;
  }

  .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 112% !important;
    margin-left: -6% !important;
    object-position: 66% center !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .28) 8%, #000 21%, #000 100%) !important;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .28) 8%, #000 21%, #000 100%) !important;
  }
}

/* 2026-06-12: product sale pills, compact mobile copy, and header nav dividers. */
@media (min-width: 981px) {
  .clvWHeader nav > *,
  .clova-hdr nav > * {
    position: relative !important;
  }

  .clvWHeader nav > * + *::before,
  .clova-hdr nav > * + *::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -17px !important;
    width: 1px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .20) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  .clova-hdr:not(.is-scrolled):not(.mega-open):not(.search-open):not(.mobile-open) nav > * + *::before {
    background: rgba(255, 255, 255, .42) !important;
  }
}

/* 2026-06-12 hero image edge tuning. */
.clvAboutHeroCard .clvAboutHeroMedia img {
  width: 120% !important;
  margin-left: -14% !important;
  object-position: 45% center !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(246, 248, 242, .98) 0%, rgba(246, 248, 242, .82) 8%, rgba(246, 248, 242, .38) 19%, rgba(246, 248, 242, 0) 36%),
    linear-gradient(180deg, transparent 72%, rgba(7, 16, 15, .08)) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
}

/* 2026-06-13: match the Home hero's rendered left-edge blend to the About hero. */
@media (min-width: 761px) {
  #clovaBody .clv-hero-inner {
    background:
      radial-gradient(760px 420px at 82% 48%, rgba(216, 230, 243, .86), rgba(216, 230, 243, 0) 64%),
      radial-gradient(580px 320px at 44% 18%, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0) 68%),
      linear-gradient(90deg, #f6f8f2 0%, #f2f7f7 46%, #eaf1f8 100%) !important;
  }

  #clovaBody .clv-hero-product.clv-hero-showcase,
  #clovaBody .clv-hero-product.clv-hero-showcase::after {
    background: transparent !important;
  }
}

@media (max-width: 1120px) {
  .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 114% !important;
    margin-left: -9% !important;
    object-position: 63% center !important;
  }
}

.clvProductsPage #productsGrid .cardBadgeRow,
.clvProductsPage main .gridWrap .cardBadgeRow {
  align-items: flex-start !important;
  gap: 8px !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 122px) !important;
  white-space: nowrap !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
  flex: 0 0 112px !important;
  width: 112px !important;
  max-width: 112px !important;
  min-width: 112px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  background: #050706 !important;
  color: #fff !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .clvProductsPage #productsGrid .cardBadgeRow,
  .clvProductsPage main .gridWrap .cardBadgeRow {
    gap: 5px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
    max-width: calc(100% - 83px) !important;
    min-height: 20px !important;
    padding: 0 5px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    flex-basis: 78px !important;
    width: 78px !important;
    max-width: 78px !important;
    min-width: 78px !important;
    min-height: 20px !important;
    padding: 0 5px !important;
    border-radius: 5px !important;
    font-size: 5.9px !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    padding: 9px 9px 9px !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    margin-bottom: 0 !important;
    line-height: 1.12 !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    min-height: 0 !important;
    max-height: 28px !important;
    margin: 3px 0 6px !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 9.2px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    margin-top: 5px !important;
    gap: 6px !important;
    padding-top: 7px !important;
  }
}

/* 2026-06-12 final product-card badge layout lock.
   Sale rows get two stable desktop columns; rows without sale use full category width. */
.clvProductsPage #productsGrid .cardBadgeRow,
.clvProductsPage main .gridWrap .cardBadgeRow {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: 14px !important;
  z-index: 8 !important;
  width: auto !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, max-content) !important;
  align-items: start !important;
  justify-content: start !important;
  gap: 8px !important;
  pointer-events: none !important;
}

.clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge,
.clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge {
  grid-template-columns: minmax(0, 1fr) 120px !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 11px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  font-family: var(--clv-font) !important;
  font-size: 8.4px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
  width: max-content !important;
  max-width: 100% !important;
  background: #d9f7ef !important;
  color: #073c34 !important;
}

.clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge .conceptCategoryBadge,
.clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge .conceptCategoryBadge {
  width: 100% !important;
  max-width: 100% !important;
  justify-content: flex-start !important;
}

.clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
  padding-inline: 8px !important;
  background: #050706 !important;
  color: #fff !important;
}

@media (max-width: 760px) {
  body.clvProductsPage,
  body.clvProductsPage main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .clvProductsPage .productBrowseTools > .fullInner,
  .clvProductsPage main section.gridWrap > .fullInner {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .clvProductsPage main #productsGrid,
  .clvProductsPage main .gridWrap .grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 168px !important;
    min-height: 168px !important;
    flex-basis: 168px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow,
  .clvProductsPage main .gridWrap .cardBadgeRow {
    top: 6px !important;
    left: 6px !important;
    right: 6px !important;
    grid-template-columns: minmax(0, max-content) !important;
    justify-content: start !important;
    gap: 4px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge {
    grid-template-columns: minmax(0, max-content) !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    padding: 0 6px !important;
    border-radius: 5px !important;
    font-size: 5.8px !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge .conceptCategoryBadge {
    width: max-content !important;
    max-width: 100% !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    width: max-content !important;
    max-width: 100% !important;
  }
}

/* Product catalogue: readable pills and compact equal-height mobile cards. */
@media (min-width: 761px) {
  .clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge {
    grid-template-columns: minmax(0, 1fr) minmax(124px, .72fr) !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding-inline: 13px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: .045em !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .clvProductsPage #productsGrid .card,
  .clvProductsPage main .gridWrap .card {
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    align-self: start !important;
  }

  .clvProductsPage #productsGrid .imgArea,
  .clvProductsPage main .gridWrap .imgArea {
    height: 150px !important;
    min-height: 150px !important;
    flex: 0 0 150px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.hasSaleBadge {
    grid-template-columns: minmax(0, 1fr) 62px !important;
    width: auto !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptCategoryBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptCategoryBadge {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 3px 4px !important;
    font-size: 5.7px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow .conceptSaleMessageBadge {
    width: 100% !important;
    max-width: 100% !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    padding-inline: 5px !important;
    font-size: 6px !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 200px !important;
    padding: 10px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .clvProductsPage #productsGrid .cap .name,
  .clvProductsPage main .gridWrap .cap .name {
    min-height: 25px !important;
    max-height: 25px !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .clvProductsPage #productsGrid .cardDesc,
  .clvProductsPage main .gridWrap .cardDesc {
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 5px 0 7px !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 3 !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    margin-top: 4px !important;
    padding-top: 8px !important;
    gap: 7px !important;
  }
}

/* Keep country switches visually neutral in every header state. */
.flagSwitchBtn,
.flagSwitchBtn.is-active,
.flagSwitchBtn:hover,
.flagSwitchBtn:active,
.flagSwitchBtn:focus,
.flagSwitchBtn:focus-visible,
.clova-hdr .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn,
.clvWHeader .flagSwitchBtn.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

.flagSwitchBtn .flag,
.flagSwitchBtn.is-active .flag,
.flagSwitchBtn:hover .flag,
.flagSwitchBtn:focus .flag {
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Product detail final layout corrections. */
.clvProductDetailPage .pdTabReadMore {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111513 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  cursor: pointer !important;
}

.clvProductDetailPage .pdDosePill {
  width: auto !important;
  min-width: 176px !important;
  max-width: calc(100% - 36px) !important;
  padding: 0 16px !important;
  overflow: visible !important;
}

.clvProductDetailPage .pdDosePillTrack,
.clvProductDetailPage .pdDosePillText {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.clvProductDetailPage .pdDosePillText {
  padding-inline: 42px 14px !important;
}

.clvProductDetailPage .pdVerifyGrid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
}

.clvProductDetailPage .pdVerifyMedia {
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  background: #0e1110 !important;
}

.clvProductDetailPage .pdVerifyMedia img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 520px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.clvProductDetailPage .pdVerifyContent h2 {
  max-width: 720px !important;
  font-size: clamp(25px, 2.35vw, 34px) !important;
  line-height: 1.02 !important;
}

.clvProductDetailPage .pdVerifyContent h2 > span {
  display: block !important;
}

.clvProductDetailPage .pdVerifyContent h2 > span:first-child {
  white-space: nowrap !important;
}

.clvProductDetailPage .pdVerifyCta {
  gap: 9px !important;
}

.clvProductDetailPage .pdVerifyCta svg {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.clvProductDetailPage .revSummary {
  width: 100% !important;
  max-width: none !important;
  min-height: 184px !important;
  margin-top: 24px !important;
  padding: 32px 34px !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 24px !important;
  background: #f7f9f4 !important;
  box-shadow: 0 20px 52px rgba(17, 21, 19, .06) !important;
}

.clvProductDetailPage .revSummary .revCol {
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.clvProductDetailPage .relCard {
  flex-basis: 357px !important;
  width: 357px !important;
}

@media (max-width: 900px) {
  .clvProductDetailPage .pdVerifyGrid {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .pdVerifyContent h2 > span:first-child {
    white-space: normal !important;
  }

  .clvProductDetailPage .revSummary {
    min-height: 0 !important;
    padding: 24px 20px !important;
  }

  .clvProductDetailPage .revSummary .revCol {
    min-height: 96px !important;
  }
}

@media (max-width: 600px) {
  .clvProductDetailPage .pdDosePill {
    min-width: 168px !important;
    max-width: calc(100% - 28px) !important;
    padding-inline: 12px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    padding-inline: 39px 10px !important;
    font-size: 10.5px !important;
    letter-spacing: .02em !important;
  }

  .clvProductDetailPage .pdVerifyMedia {
    min-height: 0 !important;
    padding: 10px !important;
  }

  .clvProductDetailPage .pdVerifyMedia img {
    height: auto !important;
    max-height: none !important;
  }

  .clvProductDetailPage .relCard {
    flex-basis: min(90vw, 357px) !important;
    width: min(90vw, 357px) !important;
  }
}

/* Home review author row must stay horizontal after legacy card rules. */
#clovaBody .clv-home-proof-review-card .clv-home-proof-reviewer {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
}

#clovaBody .clv-home-proof-review-card .clv-home-review-flag {
  display: block !important;
  width: 25px !important;
  height: 15px !important;
  flex: 0 0 25px !important;
  border-radius: 3px !important;
}

/* 2026-06-13 PDP review controls, rating bars, and dosage pill. */
.clvProductDetailPage .relTabs > span {
  display: inline-block !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #111 !important;
  color: #111 !important;
  cursor: default !important;
  user-select: none !important;
}

.clvProductDetailPage .revDist {
  width: 100% !important;
}

@media (min-width: 901px) {
  .clvProductDetailPage .revSummary {
    grid-template-columns: minmax(180px, .65fr) minmax(420px, 1.8fr) minmax(150px, .55fr) !important;
  }

  .clvProductDetailPage .revSummary .revCol:nth-child(2) {
    padding-inline: 30px !important;
  }

  .clvProductDetailPage .distRow {
    grid-template-columns: 24px 16px minmax(250px, 1fr) 32px !important;
  }

  .clvProductDetailPage .distBar {
    min-width: 250px !important;
  }
}

.clvProductDetailPage .revModalCard {
  width: min(100%, 660px) !important;
  padding: 22px !important;
  border-radius: 20px !important;
}

.clvProductDetailPage .revFormGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.clvProductDetailPage .revModalRating {
  margin-top: 8px !important;
  text-align: center !important;
}

.clvProductDetailPage .revModalRating > label {
  width: 100% !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}

.clvProductDetailPage .revModalStars {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.clvProductDetailPage .revModalStar {
  width: 36px !important;
  height: 36px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: transform .18s ease !important;
}

.clvProductDetailPage .revModalStar:hover,
.clvProductDetailPage .revModalStar:focus-visible {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: translateY(-1px) scale(1.06) !important;
}

.clvProductDetailPage .revModalStar svg {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  overflow: visible !important;
}

.clvProductDetailPage .revModalStar svg path {
  fill: #fff !important;
  stroke: #111513 !important;
  stroke-width: 1.7 !important;
  stroke-linejoin: round !important;
  transition: fill .18s ease !important;
}

.clvProductDetailPage .revModalStar.is-active svg path {
  fill: #111513 !important;
  stroke: #111513 !important;
}

.clvProductDetailPage .pdDosePill {
  width: 154px !important;
  min-width: 154px !important;
  max-width: calc(100% - 28px) !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  display: grid !important;
  grid-template-columns: 17px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 6px !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillIcon,
.clvProductDetailPage .pdDosePillIcon svg {
  width: 17px !important;
  height: 17px !important;
}

.clvProductDetailPage .pdDosePillTrack {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillText {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 11.2px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdDosePillTextA {
  display: flex !important;
  animation: clvDosePrompt 5.6s ease-in-out infinite !important;
}

.clvProductDetailPage .pdDosePillTextB {
  display: flex !important;
  animation: clvDoseValue 5.6s ease-in-out infinite !important;
}

@keyframes clvDosePrompt {
  0%, 40% { opacity: 1; transform: translateY(0); }
  48%, 92% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes clvDoseValue {
  0%, 40% { opacity: 0; transform: translateY(6px); }
  48%, 92% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-6px); }
}

@media (max-width: 900px) {
  .clvProductDetailPage .distRow {
    grid-template-columns: 24px 16px minmax(0, 1fr) 32px !important;
  }

  .clvProductDetailPage .distBar {
    min-width: 0 !important;
  }
}

@media (max-width: 600px) {
  .clvProductDetailPage .revFormGrid {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .revModalStars {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .clvProductDetailPage .pdDosePill {
    width: 148px !important;
    min-width: 148px !important;
    height: 39px !important;
    min-height: 39px !important;
    padding-inline: 9px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    padding: 0 !important;
    font-size: 10.8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvProductDetailPage .pdDosePillTextA {
    display: none !important;
    animation: none !important;
  }

  .clvProductDetailPage .pdDosePillTextB {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* 2026-06-13 home hero rotator reliability lock. */
#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  z-index: 0 !important;
  opacity: 0 !important;
  transition:
    opacity 1600ms cubic-bezier(.45, 0, .18, 1),
    transform 7600ms linear !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide.is-active {
  z-index: 1 !important;
  opacity: 1 !important;
  transform: scale(1.04) !important;
}

@media (prefers-reduced-motion: reduce) {
  #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    transition: opacity .01ms linear !important;
  }
}

/* 2026-06-13: About page reference-led typography system. */
.clvAboutPage {
  --about-major-title-size: clamp(38px, 3.7vw, 54px);
  --about-major-title-weight: 680;
  --about-major-title-line: 1.02;
  --about-support-size: clamp(14px, .98vw, 15.5px);
  --about-support-weight: 450;
  --about-support-line: 1.28;
  --about-card-title-size: clamp(18px, 1.67vw, 24px);
  --about-card-title-weight: 680;
  --about-card-title-line: 1.12;
  --about-card-copy-size: 14px;
  --about-card-copy-weight: 500;
  --about-card-copy-line: 1.42;
}

.clvAboutPage .clvAboutHeroCard h1,
.clvAboutPage .clvAboutDarkStory h2,
.clvAboutPage .clvAboutSectionHead h2,
.clvAboutPage .clvAboutFaqIntro h2,
.clvAboutPage .clvAboutCta h2 {
  font-family: var(--clv-font) !important;
  font-size: var(--about-major-title-size) !important;
  line-height: var(--about-major-title-line) !important;
  font-weight: var(--about-major-title-weight) !important;
  letter-spacing: 0 !important;
}

.clvAboutPage .clvAboutHeroSummary,
.clvAboutPage .clvAboutMissionCard p:not(.clvAboutKicker),
.clvAboutPage .clvAboutDarkStory .clvAboutDarkCopy p,
.clvAboutPage .clvAboutSectionHead p,
.clvAboutPage .clvAboutCta p {
  font-family: var(--clv-font) !important;
  font-size: var(--about-support-size) !important;
  line-height: var(--about-support-line) !important;
  font-weight: var(--about-support-weight) !important;
  letter-spacing: 0 !important;
}

.clvAboutPage .clvAboutHeroSummary span + span {
  margin-top: 4px !important;
}

.clvAboutPage .clvAboutFeatureCard h2,
.clvAboutPage .clvAboutMissionCard h2,
.clvAboutPage .clvAboutPanel h2,
.clvAboutPage .clvAboutPanel h3,
.clvAboutPage .clvAboutStep h3,
.clvAboutPage .clvAboutAccBtn {
  font-family: var(--clv-font) !important;
  font-size: var(--about-card-title-size) !important;
  line-height: var(--about-card-title-line) !important;
  font-weight: var(--about-card-title-weight) !important;
  letter-spacing: 0 !important;
}

.clvAboutPage .clvAboutFeatureCard p,
.clvAboutPage .clvAboutStep p,
.clvAboutPage .clvAboutMissionCard li,
.clvAboutPage .clvAboutWhyItem p,
.clvAboutPage .clvAboutAccBody,
.clvAboutPage .clvAboutPanel p {
  font-family: var(--clv-font) !important;
  font-size: var(--about-card-copy-size) !important;
  line-height: var(--about-card-copy-line) !important;
  font-weight: var(--about-card-copy-weight) !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  .clvAboutPage {
    --about-major-title-size: 28px;
    --about-support-size: 13.5px;
    --about-card-title-size: 18px;
  }

  .clvAboutPage .clvAboutCta h2,
  .clvAboutPage .clvAboutMissionCard h2 {
    white-space: normal !important;
  }
}

/* 2026-06-13: Compact, reliable About FAQ sticky card. */
.clvAboutPage .clvAboutFaqGrid {
  align-items: start !important;
}

.clvAboutPage .clvAboutFaqIntro {
  align-self: start !important;
  height: fit-content !important;
  min-height: 0 !important;
  padding: 24px 28px !important;
  border-radius: 18px !important;
}

@media (min-width: 761px) {
  .clvAboutPage .clvAboutFaqIntro {
    position: sticky !important;
    top: calc(var(--clv-header-h, 74px) + 18px) !important;
    z-index: 2;
  }
}

@media (max-width: 760px) {
  .clvAboutPage .clvAboutFaqIntro {
    position: static !important;
    padding: 18px 20px !important;
  }
}

/* 2026-06-13: About page positioning, alignment, and motion polish. */
html:has(.clvAboutPage),
body:has(.clvAboutPage) {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.clvAboutPage {
  overflow: visible !important;
  overflow-x: clip !important;
}

.clvAboutPage .clvAboutHeroCard .clvAboutHeroMedia img {
  width: 128% !important;
  margin-left: -27% !important;
}

.clvAboutPage .clvAboutWhyItem {
  align-items: center !important;
}

.clvAboutPage .clvAboutWhyItem p {
  align-self: center !important;
}

.clvAboutPage .clvAboutStandardIcon {
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border: 1px solid rgba(155, 213, 0, .46);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9bd500;
  background: rgba(155, 213, 0, .12);
  box-shadow: 0 0 0 0 rgba(155, 213, 0, .18);
  animation: clvAboutStandardIconFloat 2.8s ease-in-out infinite;
}

.clvAboutPage .clvAboutStandardIcon svg {
  width: 27px;
  height: 27px;
}

.clvAboutPage .clvAboutCta h2 {
  font-size: clamp(34px, 3.2vw, 46px) !important;
}

.clvAboutPage .clvAboutFaqIntro {
  position: sticky !important;
  top: calc(var(--clv-header-h, 74px) + 36px) !important;
  z-index: 20;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(7, 16, 15, .12) !important;
}

@keyframes clvAboutStandardIconFloat {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 0 0 0 rgba(155, 213, 0, .16);
  }
  50% {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(155, 213, 0, .15);
  }
}

@media (max-width: 1120px) {
  .clvAboutPage .clvAboutHeroCard .clvAboutHeroMedia img {
    width: 122% !important;
    margin-left: -22% !important;
  }
}

@media (max-width: 760px) {
  .clvAboutPage .clvAboutFaqGrid {
    display: block !important;
  }

  .clvAboutPage .clvAboutFaqIntro {
    margin-bottom: 16px;
  }

  .clvAboutPage .clvAboutFaqIntro h2 {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .clvAboutPage .clvAboutCta h2 {
    font-size: 26px !important;
  }

  .clvAboutPage .clvAboutFaqIntro {
    top: calc(var(--clv-header-h, 74px) + 22px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvAboutPage .clvAboutStandardIcon {
    animation: none !important;
  }
}

/* 2026-06-14: stock, category arrows, and home lab report restore. */
html body #clovaBody .btnAdd.oos,
html body #clovaBody .clvProductsPage #productsGrid .btnAdd.oos,
html body #clovaBody .clvProductsPage main .gridWrap .btnAdd.oos,
html body #clovaBody .clv-btn.oos,
.clvProductDetailPage .btnMain:disabled,
.clvProductDetailPage .stickyBtn.isDisabled {
  background: #d9dcd8 !important;
  border-color: #c3c8c2 !important;
  color: #6d746e !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::after {
  content: "" !important;
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  background: currentColor !important;
  transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h13.2M12.4 6.2 18.2 12l-5.8 5.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h13.2M12.4 6.2 18.2 12l-5.8 5.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform .28s ease, background-color .28s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn::after,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn::after {
  transform: translateX(2px) !important;
}

/* 2026-06-14 end-of-file home correction: keep newest home polish above older accumulated locks. */
html body #clovaBody {
  --home-major-title-size: clamp(38px, 3.7vw, 54px);
  --home-major-title-weight: 680;
  --home-major-title-line: 1.02;
  --home-support-size: clamp(14px, .98vw, 15.5px);
  --home-support-weight: 450;
  --home-support-line: 1.28;
  --home-card-title-size: clamp(18px, 1.67vw, 24px);
  --home-card-title-weight: 680;
  --home-card-title-line: 1.12;
  --home-card-copy-size: 14px;
  --home-card-copy-weight: 500;
  --home-card-copy-line: 1.42;
}

html body #clovaBody .clv-hero-copy h1,
html body #clovaBody .clv-home-lab-head h2,
html body #clovaBody .clv-home-proof-head h2,
html body #clovaBody .clv-home-flow-head h2,
html body #clovaBody .clv-panel-title,
html body #clovaBody .clv-centerHead .title {
  font-size: var(--home-major-title-size) !important;
  line-height: var(--home-major-title-line) !important;
  font-weight: var(--home-major-title-weight) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #clovaBody .clv-hero-copy p,
html body #clovaBody .clv-home-lab-head p:not(.clv-home-kicker),
html body #clovaBody .clv-home-proof-head p,
html body #clovaBody .clv-home-flow-head p,
html body #clovaBody .clv-panel-desc,
html body #clovaBody .clv-centerHead p {
  font-size: var(--home-support-size) !important;
  line-height: var(--home-support-line) !important;
  font-weight: var(--home-support-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step h3,
html body #clovaBody .clv-home-proof-review-card h3,
html body #clovaBody .heroTpReviewTitle,
html body #clovaBody .clv-revTopic {
  font-size: var(--home-card-title-size) !important;
  line-height: var(--home-card-title-line) !important;
  font-weight: var(--home-card-title-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step p,
html body #clovaBody .clv-home-proof-review-card p,
html body #clovaBody .heroTpReviewBody,
html body #clovaBody .clv-revText {
  font-size: var(--home-card-copy-size) !important;
  line-height: var(--home-card-copy-line) !important;
  font-weight: var(--home-card-copy-weight) !important;
}

@media (min-width: 761px) {
  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track {
    inset: -18px 0 0 -24% !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 60% 44% !important;
  }
}

html body #clovaBody section[aria-label="Categories"] .clv-cat,
html body #clovaBody section[aria-label="Categories"] .clv-cat:hover,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #clovaBody > .clv-evidence > .clv-wrap {
  display: grid !important;
  grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr) !important;
  gap: clamp(22px, 3.4vw, 48px) !important;
  align-items: start !important;
}

html body #clovaBody .clv-home-lab-head {
  grid-column: 1 / -1 !important;
}

html body #clovaBody .clv-home-lab-visual {
  position: relative !important;
  min-height: 520px !important;
  margin: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: #101713 !important;
  box-shadow: 0 34px 82px rgba(0, 0, 0, .32) !important;
  isolation: isolate !important;
}

html body #clovaBody .clv-home-lab-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 55% center !important;
  filter: contrast(1.05) saturate(.9) brightness(.94) !important;
  animation: clvLabImageDrift 9s ease-in-out infinite alternate !important;
}

html body #clovaBody > .clv-evidence .clv-hero-side {
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

@media (max-width: 900px) {
  html body #clovaBody {
    --home-major-title-size: 28px;
    --home-support-size: 13.5px;
    --home-card-title-size: 18px;
  }

  html body #clovaBody > .clv-evidence > .clv-wrap {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 680px) !important;
  }

  html body #clovaBody .clv-home-lab-visual,
  html body #clovaBody .clv-home-lab-visual img {
    min-height: 360px !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 56% 43% !important;
  }
}

/* 2026-06-14 absolute EOF lock: user-requested PDP/header/card feedback state. */
@media (min-width: 981px) {
  html body .clova-hdr nav,
  html body .clvWHeader nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .clova-hdr nav > *,
  html body .clvWHeader nav > * {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 26px !important;
  }

  html body .clova-hdr nav > *:first-child,
  html body .clvWHeader nav > *:first-child { padding-left: 0 !important; }

  html body .clova-hdr nav > *:last-child,
  html body .clvWHeader nav > *:last-child { padding-right: 0 !important; }

  html body .clova-hdr nav > * + *::before,
  html body .clvWHeader nav > * + *::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 1px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .18) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}

@media (min-width: 901px) {
  .clvProductDetailPage .alsoBoughtSlider {
    --also-bought-gap: 22px !important;
    display: flex !important;
    gap: var(--also-bought-gap) !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard {
    flex: 0 0 calc(33.333333% - 14.667px) !important;
    flex-basis: calc(33.333333% - 14.667px) !important;
    width: calc(33.333333% - 14.667px) !important;
    min-width: calc(33.333333% - 14.667px) !important;
    max-width: calc(33.333333% - 14.667px) !important;
    scroll-snap-align: start !important;
  }
}

.cardAddedFx .cardAddedCheck,
.clvProductDetailPage .btnMain .pdAddCheck {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #9bdc00 !important;
  color: #071006 !important;
  box-shadow: 0 0 0 6px rgba(155, 220, 0, .18) !important;
  animation: clvAddedCheckLong .86s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx .cardAddedCheck svg,
.clvProductDetailPage .btnMain .pdAddCheck svg {
  width: 17px !important;
  height: 17px !important;
  overflow: visible !important;
}

.cardAddedFx .cardAddedCheck path,
.clvProductDetailPage .btnMain .pdAddCheck path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 22 !important;
  stroke-dashoffset: 22 !important;
  animation: clvAddedCheckPathLong .42s ease .18s both !important;
}

/* 2026-06-14 true EOF lock for PDP related cards, reviews, header dividers, and add-to-cart feedback. */
@media (min-width: 981px) {
  html body .clova-hdr nav,
  html body .clvWHeader nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .clova-hdr nav > *,
  html body .clvWHeader nav > * {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 26px !important;
  }

  html body .clova-hdr nav > *:first-child,
  html body .clvWHeader nav > *:first-child {
    padding-left: 0 !important;
  }

  html body .clova-hdr nav > *:last-child,
  html body .clvWHeader nav > *:last-child {
    padding-right: 0 !important;
  }

  html body .clova-hdr nav > * + *::before,
  html body .clvWHeader nav > * + *::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 1px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .18) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}

.clvProductDetailPage .alsoBoughtShell {
  overflow: hidden !important;
}

@media (min-width: 901px) {
  .clvProductDetailPage .alsoBoughtSlider {
    --also-bought-gap: 22px !important;
    display: flex !important;
    gap: var(--also-bought-gap) !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard {
    flex: 0 0 calc(33.333333% - 14.667px) !important;
    flex-basis: calc(33.333333% - 14.667px) !important;
    width: calc(33.333333% - 14.667px) !important;
    min-width: calc(33.333333% - 14.667px) !important;
    max-width: calc(33.333333% - 14.667px) !important;
    scroll-snap-align: start !important;
  }
}

.clvProductDetailPage .revItem {
  min-height: 178px !important;
  height: 100% !important;
}

.clvProductDetailPage .revMid {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.clvProductDetailPage .revMid .rbody.is-clamped {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.clvProductDetailPage .revReadMore {
  width: max-content !important;
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  background: transparent !important;
  color: #07100f !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
}

.cardAddedFx {
  animation: clvAddedFxHold 2.3s ease both !important;
}

.cardAddedFx strong {
  border-radius: 999px !important;
}

.cardAddedFx .cardAddedCheck,
.clvProductDetailPage .btnMain .pdAddCheck {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #9bdc00 !important;
  color: #071006 !important;
  box-shadow: 0 0 0 6px rgba(155, 220, 0, .18) !important;
  transform-origin: center !important;
  animation: clvAddedCheckLong .86s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx .cardAddedCheck svg,
.clvProductDetailPage .btnMain .pdAddCheck svg {
  width: 17px !important;
  height: 17px !important;
  overflow: visible !important;
}

.cardAddedFx .cardAddedCheck path,
.clvProductDetailPage .btnMain .pdAddCheck path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 22 !important;
  stroke-dashoffset: 22 !important;
  animation: clvAddedCheckPathLong .42s ease .18s both !important;
}

.cardAddedFx .confetti i {
  animation-duration: 1.58s !important;
}

@keyframes clvAddedFxHold {
  0% { opacity: 0; transform: scale(.985); }
  12%, 76% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(.995); }
}

@keyframes clvAddedCheckLong {
  0% { opacity: 0; transform: scale(.35) rotate(-150deg); }
  62% { opacity: 1; transform: scale(1.08) rotate(8deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes clvAddedCheckPathLong {
  to { stroke-dashoffset: 0; }
}

/* 2026-06-14 dark lab heading readability lock. */
html body #clovaBody > .clv-evidence .clv-home-lab-head .clv-home-kicker {
  color: #d8bd72 !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head h2 {
  color: #fff !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head p:not(.clv-home-kicker) {
  color: rgba(255, 255, 255, .68) !important;
}

/* Category action stays icon-only; hide the retained accessible link label visually. */
html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn {
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::after {
  text-indent: 0 !important;
}

/* 2026-06-14 final PDP/header/cart interaction fixes. */
@media (min-width: 981px) {
  html body .clova-hdr nav,
  html body .clvWHeader nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .clova-hdr nav > *,
  html body .clvWHeader nav > * {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 26px !important;
  }

  html body .clova-hdr nav > *:first-child,
  html body .clvWHeader nav > *:first-child {
    padding-left: 0 !important;
  }

  html body .clova-hdr nav > *:last-child,
  html body .clvWHeader nav > *:last-child {
    padding-right: 0 !important;
  }

  html body .clova-hdr nav > * + *::before,
  html body .clvWHeader nav > * + *::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 1px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: rgba(17, 21, 19, .18) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  html body .clova-hdr[data-mode="top"]:not(.is-scrolled):not(.mega-open):not(.search-open):not(.mobile-open) nav > * + *::before {
    background: rgba(17, 21, 19, .16) !important;
  }
}

.clvProductDetailPage .alsoBoughtShell {
  overflow: hidden !important;
}

@media (min-width: 901px) {
  .clvProductDetailPage .alsoBoughtSlider {
    --also-bought-gap: 22px !important;
    display: flex !important;
    gap: var(--also-bought-gap) !important;
    padding: 6px 0 18px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard {
    flex: 0 0 calc((100% - (var(--also-bought-gap) * 2)) / 3) !important;
    width: calc((100% - (var(--also-bought-gap) * 2)) / 3) !important;
    max-width: none !important;
    scroll-snap-align: start !important;
  }
}

.clvProductDetailPage .revList {
  align-items: stretch !important;
}

.clvProductDetailPage .revItem {
  min-height: 178px !important;
  height: 100% !important;
  align-items: stretch !important;
}

.clvProductDetailPage .revMid {
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.clvProductDetailPage .revMid .rbody {
  margin-top: 8px !important;
}

.clvProductDetailPage .revMid .rbody.is-clamped {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.clvProductDetailPage .revReadMore {
  width: max-content !important;
  margin-top: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #07100f !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
}

.clvProductDetailPage .revItem.is-expanded {
  min-height: 178px !important;
}

@media (max-width: 720px) {
  .clvProductDetailPage .revItem {
    min-height: 190px !important;
  }
}

.cardAddedFx {
  animation: clvAddedFxHold 2.3s ease both !important;
}

.cardAddedFx strong {
  border-radius: 999px !important;
}

.cardAddedFx .cardAddedCheck,
.clvProductDetailPage .btnMain .pdAddCheck {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #9bdc00 !important;
  color: #071006 !important;
  box-shadow: 0 0 0 6px rgba(155, 220, 0, .18) !important;
  transform-origin: center !important;
  animation: clvAddedCheckLong .86s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx .cardAddedCheck svg,
.clvProductDetailPage .btnMain .pdAddCheck svg {
  width: 17px !important;
  height: 17px !important;
  overflow: visible !important;
}

.cardAddedFx .cardAddedCheck path,
.clvProductDetailPage .btnMain .pdAddCheck path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 22 !important;
  stroke-dashoffset: 22 !important;
  animation: clvAddedCheckPathLong .42s ease .18s both !important;
}

.cardAddedFx .confetti i {
  animation-duration: 1.58s !important;
}

.clvProductDetailPage .btnMain.is-added {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

@keyframes clvAddedFxHold {
  0% { opacity: 0; transform: scale(.985); }
  12%, 76% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(.995); }
}

@keyframes clvAddedCheckLong {
  0% { opacity: 0; transform: scale(.35) rotate(-150deg); }
  62% { opacity: 1; transform: scale(1.08) rotate(8deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes clvAddedCheckPathLong {
  to { stroke-dashoffset: 0; }
}

/* 2026-06-14 home polish lock: hero placement, About-matched type, clean categories, animated lab visual, testimonial heading. */
html body #clovaBody {
  --home-major-title-size: clamp(38px, 3.7vw, 54px);
  --home-major-title-weight: 680;
  --home-major-title-line: 1.02;
  --home-support-size: clamp(14px, .98vw, 15.5px);
  --home-support-weight: 450;
  --home-support-line: 1.28;
  --home-card-title-size: clamp(18px, 1.67vw, 24px);
  --home-card-title-weight: 680;
  --home-card-title-line: 1.12;
  --home-card-copy-size: 14px;
  --home-card-copy-weight: 500;
  --home-card-copy-line: 1.42;
}

html body #clovaBody .clv-hero-copy h1,
html body #clovaBody .clv-home-lab-head h2,
html body #clovaBody .clv-home-proof-head h2,
html body #clovaBody .clv-home-flow-head h2,
html body #clovaBody .clv-panel-title,
html body #clovaBody .clv-centerHead .title {
  font-family: var(--concept-ui, "DM Sans", sans-serif) !important;
  font-size: var(--home-major-title-size) !important;
  line-height: var(--home-major-title-line) !important;
  font-weight: var(--home-major-title-weight) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #clovaBody .clv-hero-copy p,
html body #clovaBody .clv-home-lab-head p:not(.clv-home-kicker),
html body #clovaBody .clv-home-proof-head p,
html body #clovaBody .clv-home-flow-head p,
html body #clovaBody .clv-panel-desc,
html body #clovaBody .clv-centerHead p {
  font-size: var(--home-support-size) !important;
  line-height: var(--home-support-line) !important;
  font-weight: var(--home-support-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step h3,
html body #clovaBody .clv-home-proof-review-card h3,
html body #clovaBody .heroTpReviewTitle,
html body #clovaBody .clv-revTopic {
  font-size: var(--home-card-title-size) !important;
  line-height: var(--home-card-title-line) !important;
  font-weight: var(--home-card-title-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step p,
html body #clovaBody .clv-home-proof-review-card p,
html body #clovaBody .heroTpReviewBody,
html body #clovaBody .clv-revText {
  font-size: var(--home-card-copy-size) !important;
  line-height: var(--home-card-copy-line) !important;
  font-weight: var(--home-card-copy-weight) !important;
}

html body #clovaBody .clv-hero-copy h1 {
  max-width: 620px !important;
}

html body #clovaBody .clv-hero-copy h1 .clv-concept-line {
  display: block !important;
}

html body #clovaBody .clv-hero-copy p {
  max-width: 520px !important;
}

@media (min-width: 761px) {
  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track {
    inset: -18px 0 0 -24% !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 60% 44% !important;
  }
}

@media (max-width: 760px) {
  html body #clovaBody {
    --home-major-title-size: 28px;
    --home-support-size: 13.5px;
    --home-card-title-size: 18px;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 56% 43% !important;
  }
}

html body #clovaBody section[aria-label="Categories"] .clv-cat,
html body #clovaBody section[aria-label="Categories"] .clv-cat:hover,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within {
  transform: translateY(-3px) !important;
}

html body #clovaBody > .clv-evidence > .clv-wrap {
  display: grid !important;
  grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr) !important;
  gap: clamp(22px, 3.4vw, 48px) !important;
  align-items: start !important;
}

html body #clovaBody .clv-home-lab-head {
  grid-column: 1 / -1 !important;
}

html body #clovaBody .clv-home-lab-visual {
  position: relative !important;
  min-height: 520px !important;
  margin: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: #101713 !important;
  box-shadow: 0 34px 82px rgba(0, 0, 0, .32) !important;
  isolation: isolate !important;
}

html body #clovaBody .clv-home-lab-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    linear-gradient(180deg, rgba(3, 5, 4, 0) 42%, rgba(3, 5, 4, .68) 100%),
    linear-gradient(90deg, rgba(155, 255, 0, .13), rgba(216, 189, 114, .08), transparent 54%) !important;
  pointer-events: none !important;
}

html body #clovaBody .clv-home-lab-visual::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  top: 14% !important;
  height: 2px !important;
  z-index: 3 !important;
  background: linear-gradient(90deg, transparent, rgba(155, 255, 0, .88), transparent) !important;
  box-shadow: 0 0 22px rgba(155, 255, 0, .5) !important;
  opacity: .86 !important;
  animation: clvLabScanLine 4.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

html body #clovaBody .clv-home-lab-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 55% center !important;
  filter: contrast(1.05) saturate(.9) brightness(.94) !important;
  transform: scale(1.04) translate3d(0, 0, 0) !important;
  animation: clvLabImageDrift 9s ease-in-out infinite alternate !important;
}

html body #clovaBody .clv-home-lab-visual figcaption {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 18px !important;
  background: rgba(3, 5, 4, .72) !important;
  color: #fff !important;
  backdrop-filter: blur(10px) !important;
}

html body #clovaBody .clv-home-lab-visual figcaption span,
html body #clovaBody .clv-home-lab-visual figcaption strong {
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
}

html body #clovaBody .clv-home-lab-visual figcaption span {
  opacity: .76 !important;
  font-weight: 520 !important;
}

html body #clovaBody .clv-home-lab-visual figcaption strong {
  font-weight: 760 !important;
}

html body #clovaBody > .clv-evidence .clv-hero-side {
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-self: stretch !important;
}

html body #clovaBody > .clv-evidence .heroTpCol {
  align-content: start !important;
}

html body #clovaBody .clv-home-proof-head {
  width: min(760px, 100%) !important;
  margin: 0 auto clamp(18px, 2.6vw, 34px) !important;
  display: grid !important;
  gap: 8px !important;
  text-align: center !important;
}

html body #clovaBody .clv-home-proof-head h2 {
  margin: 0 !important;
  color: #07100f !important;
}

html body #clovaBody .clv-home-proof-head p:not(.clv-home-kicker) {
  max-width: 610px !important;
  margin: 0 auto !important;
  color: #556057 !important;
}

html body #clovaBody .clv-home-kicker {
  margin: 0 !important;
  color: #5a645b !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

@keyframes clvLabImageDrift {
  from {
    transform: scale(1.04) translate3d(-1%, -1%, 0);
  }
  to {
    transform: scale(1.08) translate3d(1%, 1%, 0);
  }
}

@keyframes clvLabScanLine {
  0%,
  100% {
    transform: translateY(0);
    opacity: .35;
  }
  48% {
    transform: translateY(280px);
    opacity: .9;
  }
  58% {
    transform: translateY(280px);
    opacity: .2;
  }
}

@media (max-width: 900px) {
  html body #clovaBody > .clv-evidence > .clv-wrap {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 680px) !important;
  }

  html body #clovaBody .clv-home-lab-visual,
  html body #clovaBody .clv-home-lab-visual img {
    min-height: 360px !important;
  }

  html body #clovaBody .clv-home-lab-visual::after {
    animation-duration: 5.6s !important;
  }

  html body #clovaBody .clv-home-lab-visual figcaption {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #clovaBody .clv-home-lab-visual img,
  html body #clovaBody .clv-home-lab-visual::after {
    animation: none !important;
  }
}

html body #clovaBody > .clv-evidence .clv-lab-verified-panel {
  display: none !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head,
html body #clovaBody > .clv-evidence .clv-hero-side,
html body #clovaBody > .clv-evidence .clv-lab-verified-panel ~ .clv-home-lab-head,
html body #clovaBody > .clv-evidence .clv-lab-verified-panel ~ .clv-hero-side {
  display: grid !important;
}

html body #clovaBody > .clv-evidence {
  background: #f6f8f2 !important;
  color: #07100f !important;
}

/* 2026-06-13: move home hero imagery left and match the About hero's soft edge. */
#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track::before {
  background:
    linear-gradient(90deg, #f6f8f2 0%, rgba(246, 248, 242, .96) 9%, rgba(246, 248, 242, .72) 20%, rgba(246, 248, 242, .34) 34%, rgba(246, 248, 242, 0) 52%),
    linear-gradient(180deg, transparent 70%, rgba(7, 16, 15, .08)) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  inset: 0 auto 0 -8% !important;
  width: 108% !important;
  max-width: none !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .04) 4%, rgba(0, 0, 0, .20) 11%, rgba(0, 0, 0, .52) 22%, rgba(0, 0, 0, .86) 36%, #000 50%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .04) 4%, rgba(0, 0, 0, .20) 11%, rgba(0, 0, 0, .52) 22%, rgba(0, 0, 0, .86) 36%, #000 50%, #000 100%) !important;
}

/* 2026-06-13: keep the About hero supporting statement to two deliberate lines. */
@media (min-width: 761px) {
  .clvAboutPage .clvAboutHeroSummary {
    max-width: none !important;
  }

  .clvAboutPage .clvAboutHeroSummary span {
    white-space: nowrap !important;
  }
}

/* 2026-06-13: give the single-column sticky FAQ card comfortable breathing room. */
@media (min-width: 761px) and (max-width: 1120px) {
  .clvAboutPage .clvAboutFaqIntro {
    top: calc(var(--clv-header-h, 74px) + 56px) !important;
    width: min(720px, calc(100% - 56px)) !important;
    margin: 0 auto 24px !important;
    padding: 22px 28px !important;
    border-radius: 20px !important;
  }

  .clvAboutPage .clvAboutFaqIntro h2 {
    font-size: clamp(34px, 6vw, 48px) !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 760px) {
  .clvAboutPage .clvAboutFaqIntro {
    top: calc(var(--clv-header-h, 74px) + 34px) !important;
    width: calc(100% - 28px) !important;
    margin: 0 auto 18px !important;
    padding: 18px 20px !important;
  }
}

/* 2026-06-13: keep the sticky FAQ title card inset at every viewport size. */
.clvAboutPage .clvAboutFaqSection {
  padding-top: clamp(48px, 6vw, 86px) !important;
}

.clvAboutPage .clvAboutFaqIntro {
  top: calc(var(--clv-header-h, 74px) + 72px) !important;
  width: min(640px, calc(100% - 64px)) !important;
  max-width: 640px !important;
  margin: 0 auto 28px !important;
  padding: 22px 28px !important;
}

.clvAboutPage .clvAboutFaqIntro h2 {
  font-size: clamp(32px, 3.5vw, 46px) !important;
  line-height: 1.02 !important;
}

@media (max-width: 760px) {
  .clvAboutPage .clvAboutFaqSection {
    padding-top: 42px !important;
  }

  .clvAboutPage .clvAboutFaqIntro {
    top: calc(var(--clv-header-h, 74px) + 44px) !important;
    width: calc(100% - 36px) !important;
    padding: 18px 20px !important;
  }

  .clvAboutPage .clvAboutFaqIntro h2 {
    font-size: 30px !important;
  }
}

/* 2026-06-13: polished 2x2 standards grid on mobile. */
@media (max-width: 600px) {
  .clvAboutPage .clvAboutTrustStrip {
    padding: 8px 0 4px !important;
  }

  .clvAboutPage .clvAboutTrustInner {
    width: calc(100% - 24px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .clvAboutPage .clvAboutTrustItem {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 10px 8px !important;
    gap: 8px !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .clvAboutPage .clvAboutTrustItem::after {
    display: none !important;
    content: none !important;
  }

  .clvAboutPage .clvAboutTrustItem:nth-child(odd) {
    border-right: 1px solid rgba(7, 16, 15, .12) !important;
  }

  .clvAboutPage .clvAboutTrustItem:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(7, 16, 15, .12) !important;
  }

  .clvAboutPage .clvAboutTrustIcon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .clvAboutPage .clvAboutTrustIcon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .clvAboutPage .clvAboutTrustItem strong {
    min-width: 0 !important;
    font-size: 9.8px !important;
    line-height: 1.15 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}

/* 2026-06-13: centered mobile About cards and non-sticky mobile FAQ. */
@media (max-width: 760px) {
  .clvAboutPage .clvAboutMissionCard {
    justify-items: center !important;
    text-align: center !important;
  }

  .clvAboutPage .clvAboutMissionCard > div {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .clvAboutPage .clvAboutMissionIcon,
  .clvAboutPage .clvAboutMissionCard h2,
  .clvAboutPage .clvAboutMissionCard p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .clvAboutPage .clvAboutMissionCard ul {
    width: fit-content !important;
    max-width: 100% !important;
    justify-items: center !important;
  }

  .clvAboutPage .clvAboutMissionCard li {
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .clvAboutPage .clvAboutMissionCard li::before {
    position: static !important;
    flex: 0 0 8px !important;
    margin-top: .28em !important;
  }

  .clvAboutPage .clvAboutDarkStory,
  .clvAboutPage .clvAboutDarkCopy,
  .clvAboutPage .clvAboutWhyList {
    text-align: center !important;
  }

  .clvAboutPage .clvAboutDarkStory {
    justify-items: center !important;
  }

  .clvAboutPage .clvAboutDarkCopy {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .clvAboutPage .clvAboutStandardIcon,
  .clvAboutPage .clvAboutDarkCopy h2,
  .clvAboutPage .clvAboutDarkCopy p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .clvAboutPage .clvAboutWhyList {
    width: 100% !important;
    text-align: left !important;
  }

  .clvAboutPage .clvAboutWhyItem {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    justify-items: stretch !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: left !important;
  }

  .clvAboutPage .clvAboutWhyItem p {
    text-align: left !important;
  }

  .clvAboutPage .clvAboutFaqIntro {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .clvAboutPage .clvAboutCtaActions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .clvAboutPage .clvAboutCtaActions .clvAboutButton {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }

  .clvAboutPage .clvAboutCtaActions .clvAboutButton svg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
  }
}

/* 2026-06-13: use the product-stack image behind the mobile About hero only. */
@media (max-width: 760px) {
  .clvAboutPage .clvAboutHeroCard {
    position: relative !important;
    min-height: 560px !important;
    display: block !important;
    background:
      linear-gradient(180deg, rgba(3, 8, 7, .76) 0%, rgba(3, 8, 7, .84) 52%, rgba(3, 8, 7, .94) 100%),
      url("/images/about.webp") 69% center / cover no-repeat !important;
  }

  .clvAboutPage .clvAboutHeroCard .clvAboutHeroCopy {
    min-height: 560px !important;
    padding: 38px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    background: transparent !important;
  }

  .clvAboutPage .clvAboutHeroCard h1,
  .clvAboutPage .clvAboutHeroSummary {
    color: #fff !important;
    text-shadow: 0 2px 20px rgba(0, 0, 0, .34) !important;
  }

  .clvAboutPage .clvAboutHeroSummary {
    color: rgba(255, 255, 255, .86) !important;
  }

  .clvAboutPage .clvAboutHeroCard .clvAboutHeroMedia {
    display: none !important;
  }

  .clvAboutPage .clvAboutHeroCard .clvAboutButtonDark {
    background: #9bd500 !important;
    color: #07100f !important;
  }

  .clvAboutPage .clvAboutHeroCard .clvAboutButtonLight {
    border-color: rgba(255, 255, 255, .40) !important;
    background: rgba(255, 255, 255, .94) !important;
  }
}

/* 2026-06-13: PDP requested detail-page QA lock. */
.clvProductDetailPage #pdMainImg {
  transform: translateY(-18px) scale(1.14) !important;
  object-position: center 43% !important;
}

.clvProductDetailPage .pdDosePill {
  width: min(348px, calc(100% - 36px)) !important;
  min-width: min(348px, calc(100% - 36px)) !important;
  max-width: calc(100% - 36px) !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #0c1210 !important;
  border: 1.5px solid #9cff00 !important;
  box-shadow: 0 18px 42px rgba(17, 21, 19, .12) !important;
}

.clvProductDetailPage .pdDosePill::before {
  display: none !important;
}

.clvProductDetailPage .pdDosePillIcon {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #f3ffe5 !important;
  color: #07100d !important;
  box-shadow: inset 0 0 0 1px rgba(126, 216, 0, .32) !important;
}

.clvProductDetailPage .pdDosePillIcon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.clvProductDetailPage .pdDosePillTrack {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 100% !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdDosePillText {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  color: #111513 !important;
}

.clvProductDetailPage .pdDosePillTextA {
  animation: clvPdpDosePromptLock 5.6s cubic-bezier(.22, 1, .36, 1) infinite both !important;
}

.clvProductDetailPage .pdDosePillTextB {
  visibility: hidden;
  animation: clvPdpDoseValueLock 5.6s cubic-bezier(.22, 1, .36, 1) infinite both !important;
}

@keyframes clvPdpDosePromptLock {
  0%, 38% { opacity: 1; visibility: visible; transform: translateX(0); }
  44% { opacity: 0; visibility: visible; transform: translateX(-110%); }
  45%, 100% { opacity: 0; visibility: hidden; transform: translateX(-110%); }
}

@keyframes clvPdpDoseValueLock {
  0%, 52% { opacity: 0; visibility: hidden; transform: translateX(110%); }
  53% { opacity: 0; visibility: visible; transform: translateX(110%); }
  59%, 90% { opacity: 1; visibility: visible; transform: translateX(0); }
  96% { opacity: 0; visibility: visible; transform: translateX(-110%); }
  97%, 100% { opacity: 0; visibility: hidden; transform: translateX(-110%); }
}

.clvProductDetailPage .acc.pdInfoTabs,
.clvProductDetailPage .pdInfo .pdInfoTabs {
  align-items: stretch !important;
}

.clvProductDetailPage .pdTabPanels {
  align-self: stretch !important;
  text-align: left !important;
}

.clvProductDetailPage .pdTabPanel.active {
  width: 100% !important;
}

.clvProductDetailPage .pdTabPanels .ans {
  margin-top: 0 !important;
  text-align: left !important;
}

.clvProductDetailPage .pdVerifyMedia {
  display: block !important;
  place-items: initial !important;
  padding: 0 !important;
  min-height: 430px !important;
  background: #0e1110 !important;
}

.clvProductDetailPage .pdVerifyMedia img {
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.clvProductDetailPage .revSummary {
  max-width: 1040px !important;
  grid-template-columns: minmax(180px, 1fr) minmax(300px, 420px) minmax(150px, .7fr) !important;
}

.clvProductDetailPage .revDist {
  width: min(100%, 360px) !important;
  margin: 0 auto !important;
}

.clvProductDetailPage .distRow {
  grid-template-columns: 24px 16px minmax(120px, 260px) 28px !important;
}

.clvProductDetailPage .distBar {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 260px !important;
}

.clvProductDetailPage .relTabs > span,
.clvProductDetailPage .relTabs > span.active {
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (max-width: 900px) {
  .clvProductDetailPage .pdVerifyGrid {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .pdVerifyMedia,
  .clvProductDetailPage .pdVerifyMedia img {
    min-height: 360px !important;
  }

  .clvProductDetailPage .revSummary {
    grid-template-columns: 1fr !important;
  }

  .clvProductDetailPage .revDist {
    width: min(100%, 330px) !important;
  }

  .clvProductDetailPage .distRow {
    grid-template-columns: 22px 15px minmax(120px, 1fr) 26px !important;
  }

  .clvProductDetailPage .distBar {
    max-width: none !important;
  }
}

@media (max-width: 600px) {
  .clvProductDetailPage .pdDosePill {
    width: min(318px, calc(100% - 28px)) !important;
    min-width: min(318px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 15px !important;
    gap: 10px !important;
  }

  .clvProductDetailPage .pdDosePillIcon {
    flex-basis: 26px !important;
    width: 26px !important;
    height: 26px !important;
  }

  .clvProductDetailPage .pdDosePillIcon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    padding: 0 !important;
    font-size: 13px !important;
    letter-spacing: -.01em !important;
  }

  .clvProductDetailPage .pdVerifyMedia,
  .clvProductDetailPage .pdVerifyMedia img {
    min-height: 280px !important;
  }

  .clvProductDetailPage .relTabs > span,
  .clvProductDetailPage .relTabs > span.active {
    font-size: clamp(20px, 5.4vw, 24px) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvProductDetailPage .pdDosePillTextA,
  .clvProductDetailPage .pdDosePillTextB {
    animation: none !important;
  }

  .clvProductDetailPage .pdDosePillTextA {
    opacity: 0 !important;
  }

  .clvProductDetailPage .pdDosePillTextB {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* 2026-06-13: PDP image, dosage pill, and comparison lightbox polish. */
.clvProductDetailPage #pdMainImg {
  transform: translateY(-10%) scale(1.14) !important;
  object-position: center 36% !important;
}

.clvProductDetailPage .pdDosePill {
  top: 20px !important;
  right: 20px !important;
  width: min(284px, calc(100% - 40px)) !important;
  min-width: min(284px, calc(100% - 40px)) !important;
  max-width: calc(100% - 40px) !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 15px !important;
  gap: 10px !important;
  border-width: 2px !important;
  box-shadow: 0 18px 38px rgba(17, 21, 19, .13) !important;
}

.clvProductDetailPage .pdDosePill:hover {
  transform: translateY(-2px) scale(1.015) !important;
}

.clvProductDetailPage .pdDosePillIcon {
  flex-basis: 28px !important;
  width: 28px !important;
  height: 28px !important;
  animation: clvPdpDoseIconBeat 2.8s ease-in-out infinite !important;
}

.clvProductDetailPage .pdDosePillTrack {
  height: 100% !important;
}

.clvProductDetailPage .pdDosePillText {
  justify-content: center !important;
  font-size: 14.5px !important;
  letter-spacing: -.015em !important;
}

.clvProductDetailPage .pdDosePillTextA {
  animation: clvPdpDoseFadeA 6.2s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

.clvProductDetailPage .pdDosePillTextB {
  visibility: hidden !important;
  animation: clvPdpDoseFadeB 6.2s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

@keyframes clvPdpDoseIconBeat {
  0%, 100% {
    transform: rotate(0deg) scale(1);
    box-shadow: inset 0 0 0 1px rgba(126, 216, 0, .32), 0 0 0 0 rgba(156, 255, 0, 0);
  }
  45% {
    transform: rotate(-7deg) scale(1.05);
    box-shadow: inset 0 0 0 1px rgba(126, 216, 0, .42), 0 0 0 8px rgba(156, 255, 0, .12);
  }
}

@keyframes clvPdpDoseFadeA {
  0%, 40% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  48% {
    opacity: 0;
    visibility: visible;
    transform: translateY(-12px) scale(.98);
  }
  49%, 100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(.98);
  }
}

@keyframes clvPdpDoseFadeB {
  0%, 50% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(.98);
  }
  58%, 88% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  96% {
    opacity: 0;
    visibility: visible;
    transform: translateY(-12px) scale(.98);
  }
  97%, 100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(.98);
  }
}

.clvProductDetailPage .pdComparisonResults {
  padding: 70px 0 78px !important;
}

.clvProductDetailPage .pdComparisonRow:hover .pdComparisonTrack,
.clvProductDetailPage .pdComparisonRow:focus-within .pdComparisonTrack {
  animation-play-state: paused !important;
}

.clvProductDetailPage .pdComparisonTrack {
  gap: 28px !important;
  animation-duration: 58s !important;
}

.clvProductDetailPage .pdComparisonRowReverse .pdComparisonTrack {
  animation-duration: 62s !important;
}

.clvProductDetailPage .pdComparisonTile {
  width: clamp(250px, 21.5vw, 318px) !important;
  height: clamp(168px, 15vw, 222px) !important;
  border-radius: 24px !important;
  cursor: pointer !important;
}

.clvProductDetailPage .pdComparisonLightboxTrigger {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdComparisonLightboxTrigger img,
.clvProductDetailPage .pdComparisonTile img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform .35s ease, filter .35s ease !important;
}

.clvProductDetailPage .pdComparisonLightboxTrigger:hover img,
.clvProductDetailPage .pdComparisonLightboxTrigger:focus-visible img {
  transform: scale(1.055) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

.clvProductDetailPage .pdComparisonLightboxTrigger:focus-visible {
  outline: 3px solid #9cff00 !important;
  outline-offset: 4px !important;
}

body.pdComparisonLightboxOpen {
  overflow: hidden !important;
}

.pdComparisonLightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 28px !important;
  background: rgba(3, 7, 6, .76) !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease !important;
}

.pdComparisonLightbox[hidden] {
  display: none !important;
}

.pdComparisonLightbox.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.pdComparisonLightboxPanel {
  position: relative !important;
  width: min(1040px, 94vw) !important;
  max-height: 90vh !important;
  padding: 16px !important;
  display: grid !important;
  gap: 12px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 28px !important;
  background: #f8fbf5 !important;
  box-shadow: 0 32px 100px rgba(0, 0, 0, .42) !important;
  transform: translateY(12px) scale(.985) !important;
  transition: transform .18s ease !important;
}

.pdComparisonLightbox.is-open .pdComparisonLightboxPanel {
  transform: translateY(0) scale(1) !important;
}

.pdComparisonLightboxImg {
  width: 100% !important;
  max-height: min(72vh, 720px) !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background: #e9ece7 !important;
}

.pdComparisonLightboxCaption {
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #07100d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.pdComparisonLightboxClose {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 2 !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #07100d !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
}

.pdComparisonLightboxClose svg {
  width: 21px !important;
  height: 21px !important;
}

.pdComparisonLightboxClose path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage #pdMainImg {
    transform: translateY(-10%) scale(1.12) !important;
    object-position: center 34% !important;
  }

  .clvProductDetailPage .pdDosePill {
    width: min(244px, calc(100% - 28px)) !important;
    min-width: min(244px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    height: 50px !important;
    min-height: 50px !important;
    top: 14px !important;
    right: 14px !important;
    padding: 0 12px !important;
  }

  .clvProductDetailPage .pdDosePillText {
    font-size: 12.5px !important;
  }

  .clvProductDetailPage .pdComparisonResults {
    padding: 48px 0 56px !important;
  }

  .clvProductDetailPage .pdComparisonTrack {
    gap: 16px !important;
    animation-duration: 46s !important;
  }

  .clvProductDetailPage .pdComparisonTile {
    width: min(66vw, 240px) !important;
    height: min(44vw, 160px) !important;
    border-radius: 18px !important;
  }

  .pdComparisonLightbox {
    padding: 14px !important;
  }

  .pdComparisonLightboxPanel {
    width: 96vw !important;
    padding: 10px !important;
    border-radius: 20px !important;
  }

  .pdComparisonLightboxImg {
    max-height: 74vh !important;
    border-radius: 15px !important;
  }
}

/* 2026-06-13: product listing two-line intro, inline category pills, compact cards. */
.clvProductsPage .clvProductsHeroIntroLine {
  display: block !important;
  white-space: nowrap !important;
}

.clvProductsPage main > .hero:first-child p {
  max-width: 760px !important;
  text-align: center !important;
}

.clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge,
.clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge {
  justify-content: end !important;
  grid-template-columns: minmax(0, 96px) !important;
}

.clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.clvProductsPage #productsGrid .cardMetaCategory,
.clvProductsPage main .gridWrap .cardMetaCategory {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
}

.clvProductsPage #productsGrid .cardMetaCategory .conceptCategoryBadgeInline,
.clvProductsPage main .gridWrap .cardMetaCategory .conceptCategoryBadgeInline {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 26px !important;
  max-height: none !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 8px !important;
  background: #d9f7ef !important;
  color: #073c34 !important;
  overflow: visible !important;
  font-size: 9px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.clvProductsPage #productsGrid .card,
.clvProductsPage main .gridWrap .card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  align-self: start !important;
}

.clvProductsPage #productsGrid .cap,
.clvProductsPage main .gridWrap .cap {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 16px !important;
}

.clvProductsPage #productsGrid .cardPurchaseRow,
.clvProductsPage main .gridWrap .cardPurchaseRow {
  margin-top: 8px !important;
  padding-top: 10px !important;
}

.clvProductsPage #productsGrid .btnAdd,
.clvProductsPage main .gridWrap .btnAdd {
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  .clvProductsPage main > .hero:first-child p {
    max-width: 100% !important;
    font-size: clamp(10.8px, 3.15vw, 13px) !important;
    line-height: 1.45 !important;
  }

  .clvProductsPage #productsGrid .cardMetaCategory,
  .clvProductsPage main .gridWrap .cardMetaCategory {
    margin-bottom: 7px !important;
  }

  .clvProductsPage #productsGrid .cardMetaCategory .conceptCategoryBadgeInline,
  .clvProductsPage main .gridWrap .cardMetaCategory .conceptCategoryBadgeInline {
    min-height: 22px !important;
    padding: 5px 7px !important;
    border-radius: 6px !important;
    font-size: 6.2px !important;
    line-height: 1.08 !important;
  }

  .clvProductsPage #productsGrid .cap,
  .clvProductsPage main .gridWrap .cap {
    padding: 9px 9px 10px !important;
  }

  .clvProductsPage #productsGrid .cardPurchaseRow,
  .clvProductsPage main .gridWrap .cardPurchaseRow {
    margin-top: 5px !important;
    padding-top: 7px !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge {
    grid-template-columns: minmax(0, 74px) !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge {
    min-height: 20px !important;
    padding: 0 5px !important;
    border-radius: 5px !important;
    font-size: 5.5px !important;
    line-height: 1 !important;
    letter-spacing: .015em !important;
    white-space: nowrap !important;
  }
}

/* 2026-06-13: compact mobile sale badge and stable add-to-cart check icon. */
.cardAddedFx {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 24% 24%, rgba(155, 220, 0, .30), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(255, 223, 93, .24), transparent 31%),
    rgba(255, 255, 255, .88) !important;
}

.cardAddedFx strong {
  position: relative !important;
  z-index: 4 !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 0 18px 0 14px !important;
  border-radius: 12px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
}

.cardAddedFx strong::before,
.cardAddedFx strong::after {
  content: none !important;
  display: none !important;
}

.cardAddedFx .cardAddedCheck {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #9bdc00 !important;
  color: #071006 !important;
  font-family: Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 5px rgba(155, 220, 0, .20) !important;
  transform-origin: center !important;
  animation: clvAddedCheckSpin .62s cubic-bezier(.18, .9, .22, 1.35) both !important;
}

.cardAddedFx .confetti {
  z-index: 2 !important;
}

.cardAddedFx .cardAddedCheck svg {
  width: 17px !important;
  height: 17px !important;
  overflow: visible !important;
}

.cardAddedFx .cardAddedCheck path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 3.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 22 !important;
  stroke-dashoffset: 22 !important;
  animation: clvAddedSvgCheckDraw .24s ease .08s both !important;
}

@keyframes clvAddedSvgCheckDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@media (max-width: 760px) {
  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge {
    grid-template-columns: minmax(0, 74px) !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge {
    width: 74px !important;
    max-width: 74px !important;
    min-height: 20px !important;
    padding: 0 5px !important;
    font-size: 5.5px !important;
    white-space: nowrap !important;
  }

  .cardAddedFx strong {
    min-height: 42px !important;
    padding: 0 14px 0 12px !important;
    font-size: 11px !important;
    border-radius: 11px !important;
  }

  .cardAddedFx .cardAddedCheck {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
    font-size: 16px !important;
  }
}

/* 2026-06-13: final best-seller/product badge geometry lock.
   Keeps admin-driven best sellers readable without category/save overlap. */
#clovaBody .clv-cardMedia,
#clovaBody .clv-mbest-media {
  position: relative !important;
  overflow: hidden !important;
}

#clovaBody .clv-cardMedia > .clv-pill {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 7 !important;
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 120px) !important;
  height: 29px !important;
  min-height: 29px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #141916 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9.2px !important;
  line-height: 29px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  transform: none !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .08) !important;
}

#clovaBody .clv-cardMedia > .clv-bestSaleTag {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 8 !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 29px !important;
  min-height: 29px !important;
  padding: 0 7px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  transform: none !important;
  clip-path: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12) !important;
}

#clovaBody .clv-mbest-media > .clv-bestSaleTag {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 5px !important;
  border-radius: 6px !important;
  font-size: 7px !important;
  letter-spacing: .005em !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .12) !important;
}

.clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge,
.clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 9px !important;
  border-radius: 7px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .015em !important;
}

@media (max-width: 760px) {
  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge {
    top: 7px !important;
    right: 8px !important;
    left: auto !important;
    width: 72px !important;
    display: flex !important;
    justify-content: flex-end !important;
    grid-template-columns: none !important;
  }

  .clvProductsPage #productsGrid .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge,
  .clvProductsPage main .gridWrap .cardBadgeRow.noCategoryBadge.hasSaleBadge .conceptSaleMessageBadge {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .005em !important;
    transform: none !important;
    clip-path: none !important;
  }
}

/* 2026-06-13: final end-of-file PDP dosage pill lock. */
.clvProductDetailPage .pdMedia .pdDosePill,
.clvProductDetailPage .imgShell .pdDosePill,
.clvProductDetailPage #pdDosePill {
  top: 20px !important;
  right: 20px !important;
  width: min(292px, calc(100% - 40px)) !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 2px solid #8fe600 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #101513 !important;
  box-shadow: 0 14px 32px rgba(17, 21, 19, .10), inset 0 0 0 1px rgba(255, 255, 255, .82) !important;
  transform: none !important;
}

.clvProductDetailPage .pdMedia .pdDosePill:hover,
.clvProductDetailPage .imgShell .pdDosePill:hover,
.clvProductDetailPage #pdDosePill:hover {
  transform: translateY(-1px) !important;
  border-color: #7fd400 !important;
  box-shadow: 0 18px 38px rgba(17, 21, 19, .14), inset 0 0 0 1px rgba(255, 255, 255, .88) !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon,
.clvProductDetailPage .imgShell .pdDosePillIcon,
.clvProductDetailPage #pdDosePill .pdDosePillIcon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fbfff6 0%, #eefbdc 100%) !important;
  color: #121815 !important;
  border: 1px solid rgba(143, 230, 0, .38) !important;
  box-shadow: 0 7px 16px rgba(17, 21, 19, .08), inset 0 0 0 4px rgba(143, 230, 0, .08) !important;
  animation: clvPdpDoseIconBeat 3.2s ease-in-out infinite !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon svg,
.clvProductDetailPage .imgShell .pdDosePillIcon svg,
.clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
  width: 18px !important;
  height: 18px !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTrack,
.clvProductDetailPage .imgShell .pdDosePillTrack,
.clvProductDetailPage #pdDosePill .pdDosePillTrack {
  flex: 0 1 182px !important;
  width: 182px !important;
  max-width: 182px !important;
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdMedia .pdDosePillText,
.clvProductDetailPage .imgShell .pdDosePillText,
.clvProductDetailPage #pdDosePill .pdDosePillText {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #101513 !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

.clvProductDetailPage #pdDosePill:focus-visible {
  outline: 3px solid rgba(143, 230, 0, .32) !important;
  outline-offset: 4px !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage .pdMedia .pdDosePill,
  .clvProductDetailPage .imgShell .pdDosePill,
  .clvProductDetailPage #pdDosePill {
    top: 14px !important;
    right: 14px !important;
    width: min(252px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    gap: 10px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon,
  .clvProductDetailPage .imgShell .pdDosePillIcon,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon svg,
  .clvProductDetailPage .imgShell .pdDosePillIcon svg,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillTrack,
  .clvProductDetailPage .imgShell .pdDosePillTrack,
  .clvProductDetailPage #pdDosePill .pdDosePillTrack {
    flex-basis: 154px !important;
    width: 154px !important;
    max-width: 154px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillText,
  .clvProductDetailPage .imgShell .pdDosePillText,
  .clvProductDetailPage #pdDosePill .pdDosePillText {
    font-size: 13.2px !important;
  }
}
.clvProductDetailPage .pdMedia .pdDosePillTextA,
.clvProductDetailPage .imgShell .pdDosePillTextA,
.clvProductDetailPage #pdDosePill .pdDosePillTextA {
  visibility: visible !important;
  animation: clvPdpDosePolishedTextA 6.4s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTextB,
.clvProductDetailPage .imgShell .pdDosePillTextB,
.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  visibility: visible !important;
  animation: clvPdpDosePolishedTextB 6.4s cubic-bezier(.2, .72, .2, 1) infinite both !important;
}

@keyframes clvPdpDosePolishedTextA {
  0%, 42% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  50%, 88% {
    opacity: 0;
    visibility: visible;
    transform: translateY(-7px) scale(.985);
  }
  96%, 100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
}

@keyframes clvPdpDosePolishedTextB {
  0%, 42% {
    opacity: 0;
    visibility: visible;
    transform: translateY(7px) scale(.985);
  }
  50%, 88% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  96%, 100% {
    opacity: 0;
    visibility: visible;
    transform: translateY(7px) scale(.985);
  }
}
.clvProductDetailPage .pdMedia .pdDosePillTextA,
.clvProductDetailPage .imgShell .pdDosePillTextA,
.clvProductDetailPage #pdDosePill .pdDosePillTextA {
  visibility: visible !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTextB,
.clvProductDetailPage .imgShell .pdDosePillTextB,
.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  display: flex !important;
  visibility: visible !important;
}

/* Compact PDP dosage pill: final cascade override. */
.clvProductDetailPage .pdMedia .pdDosePill,
.clvProductDetailPage .imgShell .pdDosePill,
.clvProductDetailPage #pdDosePill {
  width: min(178px, calc(100% - 40px)) !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 8px !important;
  gap: 4px !important;
  border-width: 1.5px !important;
  box-shadow: 0 8px 20px rgba(17, 21, 19, .08) !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon,
.clvProductDetailPage .imgShell .pdDosePillIcon,
.clvProductDetailPage #pdDosePill .pdDosePillIcon {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #101513 !important;
  animation: none !important;
  transform: none !important;
}

.clvProductDetailPage .pdMedia .pdDosePillIcon svg,
.clvProductDetailPage .imgShell .pdDosePillIcon svg,
.clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
  width: 17px !important;
  height: 17px !important;
  transform: none !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTrack,
.clvProductDetailPage .imgShell .pdDosePillTrack,
.clvProductDetailPage #pdDosePill .pdDosePillTrack {
  flex: 0 1 128px !important;
  width: 128px !important;
  max-width: 128px !important;
}

.clvProductDetailPage .pdMedia .pdDosePillText,
.clvProductDetailPage .imgShell .pdDosePillText,
.clvProductDetailPage #pdDosePill .pdDosePillText {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage .pdMedia .pdDosePill,
  .clvProductDetailPage .imgShell .pdDosePill,
  .clvProductDetailPage #pdDosePill {
    width: min(168px, calc(100% - 28px)) !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    gap: 3px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon,
  .clvProductDetailPage .imgShell .pdDosePillIcon,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon {
    flex-basis: 17px !important;
    width: 17px !important;
    height: 17px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillIcon svg,
  .clvProductDetailPage .imgShell .pdDosePillIcon svg,
  .clvProductDetailPage #pdDosePill .pdDosePillIcon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillTrack,
  .clvProductDetailPage .imgShell .pdDosePillTrack,
  .clvProductDetailPage #pdDosePill .pdDosePillTrack {
    flex-basis: 122px !important;
    width: 122px !important;
    max-width: 122px !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillText,
  .clvProductDetailPage .imgShell .pdDosePillText,
  .clvProductDetailPage #pdDosePill .pdDosePillText {
    font-size: 11.5px !important;
  }
}

/* Final UI locks: animated dosage copy, matched hero edge, stable category menu. */
.clvProductDetailPage .pdMedia .pdDosePillTrack,
.clvProductDetailPage .imgShell .pdDosePillTrack,
.clvProductDetailPage #pdDosePill .pdDosePillTrack {
  position: relative !important;
  overflow: hidden !important;
}

.clvProductDetailPage .pdMedia .pdDosePillText,
.clvProductDetailPage .imgShell .pdDosePillText,
.clvProductDetailPage #pdDosePill .pdDosePillText {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 0;
  transform: translateY(7px);
  will-change: opacity, transform !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTextA,
.clvProductDetailPage .imgShell .pdDosePillTextA,
.clvProductDetailPage #pdDosePill .pdDosePillTextA {
  display: flex !important;
  animation: clvDosePromptSwap 5.2s cubic-bezier(.22, .75, .2, 1) infinite both !important;
}

.clvProductDetailPage .pdMedia .pdDosePillTextB,
.clvProductDetailPage .imgShell .pdDosePillTextB,
.clvProductDetailPage #pdDosePill .pdDosePillTextB {
  display: flex !important;
  animation: clvDoseValueSwap 5.2s cubic-bezier(.22, .75, .2, 1) infinite both !important;
}

@keyframes clvDosePromptSwap {
  0%, 39% {
    opacity: 1;
    transform: translateY(0);
  }
  47%, 88% {
    opacity: 0;
    transform: translateY(-7px);
  }
  96%, 100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes clvDoseValueSwap {
  0%, 39% {
    opacity: 0;
    transform: translateY(7px);
  }
  47%, 88% {
    opacity: 1;
    transform: translateY(0);
  }
  96%, 100% {
    opacity: 0;
    transform: translateY(7px);
  }
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, #f2f7f7 0%, rgba(242, 247, 247, .88) 8%, rgba(242, 247, 247, .36) 18%, rgba(242, 247, 247, 0) 31%) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-track::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(242, 247, 247, .92) 0%, rgba(242, 247, 247, .28) 17%, rgba(242, 247, 247, 0) 36%, rgba(234, 241, 248, 0) 78%, rgba(234, 241, 248, .30) 100%),
    linear-gradient(180deg, transparent 72%, rgba(7, 16, 15, .08)) !important;
}

#clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .18) 6%, rgba(0, 0, 0, .78) 17%, #000 30%, #000 100%) !important;
}

.clvProductsPage .productCategoryDropdown summary:hover,
.clvProductsPage .productCategoryDropdown[open] summary {
  background: transparent !important;
  color: #08241f !important;
  box-shadow: none !important;
  transition: none !important;
}

.clvProductsPage .productCategoryMenu {
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.clvProductsPage .productCategoryMenu a:hover {
  background: #f4f7f4 !important;
  color: #08241f !important;
}

/* 2026-06-13: final Home hero geometry, soft image blend, arrow cue, and full-width categories. */
@media (min-width: 761px) {
  html body #clovaBody section.clv-hero {
    box-sizing: border-box !important;
    height: 768px !important;
    min-height: 768px !important;
    max-height: 768px !important;
    padding: 158px 0 0 !important;
  }

  html body #clovaBody section.clv-hero > .clv-hero-inner {
    height: 610px !important;
    min-height: 610px !important;
    max-height: 610px !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase {
    height: 610px !important;
    min-height: 610px !important;
    max-height: 610px !important;
    overflow: visible !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track {
    inset: 0 0 0 -20% !important;
    width: auto !important;
    overflow: hidden !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track::before,
  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track::after {
    background: none !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    inset: 0 !important;
    width: 100% !important;
    object-position: 64% center !important;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      rgba(0, 0, 0, .08) 8%,
      rgba(0, 0, 0, .28) 20%,
      rgba(0, 0, 0, .55) 32%,
      rgba(0, 0, 0, .82) 44%,
      #000 56%,
      #000 100%
    ) !important;
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      rgba(0, 0, 0, .08) 8%,
      rgba(0, 0, 0, .28) 20%,
      rgba(0, 0, 0, .55) 32%,
      rgba(0, 0, 0, .82) 44%,
      #000 56%,
      #000 100%
    ) !important;
  }
}

html body #clovaBody .clv-hero-product.clv-hero-showcase::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: 24px !important;
  left: 18% !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 50% !important;
  background: rgba(7, 16, 15, .52) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M7 13l5 5 5-5'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
  box-shadow: 0 8px 22px rgba(7, 16, 15, .16) !important;
  clip-path: none !important;
  z-index: 5 !important;
  pointer-events: none !important;
  animation: clvHeroCuePulse 2s ease-in-out infinite !important;
}

html body #clovaBody .clv-hero-product.clv-hero-showcase::after {
  content: none !important;
  display: none !important;
}

@keyframes clvHeroCuePulse {
  0%,
  100% {
    transform: translateY(0) scale(1);
    background-color: rgba(7, 16, 15, .52);
  }
  50% {
    transform: translateY(5px) scale(1.04);
    background-color: rgba(7, 16, 15, .68);
  }
}

html body #clovaBody section[aria-label="Categories"] {
  padding: 20px 0 58px !important;
}

html body #clovaBody section[aria-label="Categories"] > .clv-wrap {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 10px 6px !important;
  width: 100% !important;
  overflow: visible !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat {
  position: relative !important;
  width: 100% !important;
  height: 355px !important;
  min-height: 355px !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat > .img {
  content: normal !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat > .content {
  position: absolute !important;
  inset: auto 0 0 !important;
  min-height: 52px !important;
  background: linear-gradient(180deg, transparent, rgba(7, 16, 15, .82)) !important;
}

@media (max-width: 760px) {
  html body #clovaBody .clv-hero-product.clv-hero-showcase::before {
    left: calc(50% - 21px) !important;
    bottom: 18px !important;
  }

  html body #clovaBody section[aria-label="Categories"] > .clv-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body #clovaBody section[aria-label="Categories"] .clv-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 0 !important;
  }

  html body #clovaBody section[aria-label="Categories"] .clv-cat {
    height: 310px !important;
    min-height: 310px !important;
  }
}

/* 2026-06-14: place the trust strip immediately after the hero and tighten category image grid. */
html body #clovaBody section.clv-hero {
  margin-bottom: 0 !important;
}

html body #clovaBody > .clv-performance-strip {
  order: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #clovaBody > .clv-performance-strip + .clv-ticker {
  margin-top: 0 !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cats {
  column-gap: 6px !important;
}

/* 2026-06-13: remove testimonial background/card shadow and align trust-strip icons with the reference. */
#clovaBody .clv-home-proof-reviews,
#clovaBody .clv-home-proof-review-row,
#clovaBody .clv-home-proof-review-track,
#clovaBody .clv-home-proof-review-card {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

#clovaBody .clv-home-proof-review-card {
  box-shadow: none !important;
}

#clovaBody .clv-performance-icon {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#clovaBody .clv-performance-icon.icon-purity,
#clovaBody .clv-performance-icon.icon-clinical,
#clovaBody .clv-performance-icon.icon-gmp,
#clovaBody .clv-performance-icon.icon-shipping {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.85 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#clovaBody .clv-performance-icon.icon-purity path,
#clovaBody .clv-performance-icon.icon-clinical path,
#clovaBody .clv-performance-icon.icon-clinical circle,
#clovaBody .clv-performance-icon.icon-gmp path,
#clovaBody .clv-performance-icon.icon-shipping path {
  fill: none !important;
  stroke: currentColor !important;
}

/* 2026-06-14: move Lab Reports off the product detail page and surface them on home. */
html body #clovaBody > .clv-evidence {
  display: block !important;
  order: 7 !important;
  padding: clamp(46px, 6vw, 78px) 0 !important;
  background: #f6f8f2 !important;
  overflow: hidden !important;
}

html body #clovaBody > .clv-evidence > .clv-wrap {
  width: min(1228px, calc(100% - 64px)) !important;
  max-width: 1228px !important;
}

html body #clovaBody .clv-home-lab-head {
  max-width: 700px !important;
  margin: 0 auto 22px !important;
  display: grid !important;
  gap: 8px !important;
  text-align: center !important;
}

html body #clovaBody .clv-home-lab-head h2 {
  margin: 0 !important;
  color: #07100f !important;
  font-family: var(--concept-ui) !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  letter-spacing: -.04em !important;
}

html body #clovaBody .clv-home-lab-head p:not(.clv-home-kicker) {
  max-width: 620px !important;
  margin: 0 auto !important;
  color: #556057 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

html body #clovaBody > .clv-evidence .clv-hero-side {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(320px, .9fr) minmax(420px, 1.1fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
}

html body #clovaBody > .clv-evidence .heroTpCol,
html body #clovaBody > .clv-evidence .clv-review.heroLabCard {
  max-width: none !important;
}

html body #clovaBody > .clv-evidence .heroTpCol {
  align-content: center !important;
}

html body #clovaBody > .clv-evidence .clv-review.heroLabCard {
  width: 100% !important;
  justify-self: stretch !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  border: 1px solid rgba(17, 21, 19, .12) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body #clovaBody > .clv-evidence .heroLabCard table {
  border-color: rgba(17, 21, 19, .18) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #f4f5ef !important;
}

html body #clovaBody > .clv-evidence .heroLabCard th,
html body #clovaBody > .clv-evidence .heroLabCard td {
  background: #f4f5ef !important;
  border-color: rgba(17, 21, 19, .12) !important;
}

html body #clovaBody > .clv-evidence .heroLabCard a {
  color: #07100f !important;
  font-weight: 850 !important;
  text-decoration-thickness: 1px !important;
}

@media (max-width: 900px) {
  html body #clovaBody > .clv-evidence {
    padding: 38px 0 !important;
  }

  html body #clovaBody > .clv-evidence > .clv-wrap {
    width: min(100% - 28px, 620px) !important;
  }

  html body #clovaBody > .clv-evidence .clv-hero-side {
    grid-template-columns: 1fr !important;
  }

  html body #clovaBody > .clv-evidence .heroTpCard {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard {
    overflow-x: hidden !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard th,
  html body #clovaBody > .clv-evidence .heroLabCard td {
    padding: 8px 9px !important;
    font-size: 10.5px !important;
    line-height: 1.24 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard th:nth-child(1),
  html body #clovaBody > .clv-evidence .heroLabCard td:nth-child(1) {
    width: 54% !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard th:nth-child(2),
  html body #clovaBody > .clv-evidence .heroLabCard td:nth-child(2) {
    width: 20% !important;
  }

  html body #clovaBody > .clv-evidence .heroLabCard th:nth-child(3),
  html body #clovaBody > .clv-evidence .heroLabCard td:nth-child(3) {
    width: 26% !important;
  }
}

/* 2026-06-14: neutralize product-card hover tint and clean product-detail tabs on mobile. */
html body #clovaBody .clv-card,
html body #clovaBody .clv-card:hover,
html body #clovaBody .clv-card:focus-within,
html body #clovaBody .clv-mbest-card,
html body #clovaBody .clv-mbest-card:hover,
html body #clovaBody .clv-mbest-card:focus-within {
  background: #fff !important;
  color: #111513 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #clovaBody .clv-cardMedia,
html body #clovaBody .clv-card:hover .clv-cardMedia,
html body #clovaBody .clv-card:focus-within .clv-cardMedia,
html body #clovaBody .clv-mbest-media,
html body #clovaBody .clv-mbest-card:hover .clv-mbest-media,
html body #clovaBody .clv-mbest-card:focus-within .clv-mbest-media {
  background: #f3f3f1 !important;
  filter: none !important;
  box-shadow: none !important;
}

html body #clovaBody .clv-cardImg,
html body #clovaBody .clv-card:hover .clv-cardImg,
html body #clovaBody .clv-card:focus-within .clv-cardImg,
html body #clovaBody .clv-mbest-media img,
html body #clovaBody .clv-mbest-card:hover .clv-mbest-media img,
html body #clovaBody .clv-mbest-card:focus-within .clv-mbest-media img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 760px) {
  .clvProductDetailPage .acc.pdInfoTabs {
    width: 100% !important;
    display: block !important;
    margin-top: 16px !important;
    padding: 14px !important;
    border: 1px solid rgba(17, 21, 19, .10) !important;
    border-radius: 18px !important;
    background: #f7f8f5 !important;
  }

  .clvProductDetailPage .pdTabList {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: visible !important;
    padding: 4px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid rgba(17, 21, 19, .10) !important;
  }

  .clvProductDetailPage .pdTabBtn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111513 !important;
    font-size: 10.5px !important;
    line-height: 1.12 !important;
    font-weight: 850 !important;
    text-align: center !important;
    white-space: normal !important;
    letter-spacing: -.01em !important;
    transform: none !important;
  }

  .clvProductDetailPage .pdTabBtn:hover,
  .clvProductDetailPage .pdTabBtn:focus-visible {
    background: rgba(17, 21, 19, .06) !important;
    color: #111513 !important;
    transform: none !important;
    outline: none !important;
  }

  .clvProductDetailPage .pdTabBtn.active {
    background: #111513 !important;
    color: #fff !important;
  }

  .clvProductDetailPage .pdTabPanels {
    margin-top: 10px !important;
    padding: 15px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(17, 21, 19, .10) !important;
    background: #fff !important;
  }

  .clvProductDetailPage .pdTabPanels .ans {
    font-size: 13px !important;
    line-height: 1.58 !important;
  }
}

/* 2026-06-14 PDP customers-also-bought two-up auto slider. */
.clvProductDetailPage .alsoBoughtShell {
  overflow: hidden !important;
}

.clvProductDetailPage .alsoBoughtSlider {
  --also-bought-gap: 24px;
  gap: var(--also-bought-gap) !important;
  justify-content: flex-start !important;
  padding: 6px 0 18px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}

.clvProductDetailPage .alsoBoughtSlider::-webkit-scrollbar {
  display: none !important;
}

.clvProductDetailPage .alsoBoughtSlider .relCard {
  flex: 0 0 calc((100% - var(--also-bought-gap)) / 2) !important;
  width: calc((100% - var(--also-bought-gap)) / 2) !important;
  max-width: none !important;
  scroll-snap-align: start !important;
}

.clvProductDetailPage .alsoBoughtSlider .capTitle {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

@media (max-width: 600px) {
  .clvProductDetailPage .alsoBoughtSlider {
    --also-bought-gap: 10px;
    padding: 4px 0 14px !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard {
    height: 316px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard .imgBox {
    min-height: 174px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px 14px 0 0 !important;
    background: #d7d7d7 !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard .imgBox img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relCard .cap {
    min-height: 118px !important;
    padding: 9px 8px 10px !important;
    font-size: 12px !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .capText {
    gap: 5px !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .capTitle {
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relPrice {
    font-size: 11.5px !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relBatchAuth {
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    width: auto !important;
    max-width: calc(100% - 16px) !important;
    min-height: 21px !important;
    gap: 4px !important;
    padding: 5px 7px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(17, 21, 19, .08) !important;
    box-shadow: 0 8px 16px rgba(17, 21, 19, .08) !important;
    font-size: 7px !important;
    line-height: 1 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relBatchAuth .batchIcon {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relBatchAuth span:last-child {
    display: inline !important;
  }

  .clvProductDetailPage .alsoBoughtSlider .relBatchAuth::after {
    content: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .clvProductDetailPage .pdMedia .pdDosePillTextA,
  .clvProductDetailPage .imgShell .pdDosePillTextA,
  .clvProductDetailPage #pdDosePill .pdDosePillTextA {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .clvProductDetailPage .pdMedia .pdDosePillTextB,
  .clvProductDetailPage .imgShell .pdDosePillTextB,
  .clvProductDetailPage #pdDosePill .pdDosePillTextB {
    display: none !important;
    animation: none !important;
  }
}

/* 2026-06-14: home categories, comparison cards, and lab reports final polish. */
html body #clovaBody section[aria-label="Categories"] {
  padding: 18px 0 54px !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cats {
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
  gap: 8px 3px !important;
  column-gap: 3px !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat {
  height: 360px !important;
  min-height: 360px !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  cursor: pointer !important;
  background: #07100f !important;
  transition: transform .34s ease, box-shadow .34s ease, filter .34s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat::before {
  content: "" !important;
  position: absolute !important;
  inset: 38% 0 0 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(7, 16, 15, 0) 0%, rgba(7, 16, 15, .34) 30%, rgba(7, 16, 15, .9) 100%) !important;
  pointer-events: none !important;
  transition: opacity .32s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat > .img {
  content: normal !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.03) !important;
  transform: scale(1.01) !important;
  transition: transform .55s ease, filter .55s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat > .content {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 2 !important;
  min-height: 94px !important;
  height: auto !important;
  padding: 34px 15px 15px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: linear-gradient(180deg, rgba(7, 16, 15, 0) 0%, rgba(7, 16, 15, .78) 48%, rgba(7, 16, 15, .96) 100%) !important;
  color: #fff !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .name {
  max-width: calc(100% - 44px) !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: normal !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px !important;
  border: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .14) !important;
  color: transparent !important;
  overflow: hidden !important;
  backdrop-filter: blur(8px) !important;
  transition: transform .32s ease, background .32s ease, border-color .32s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::before {
  content: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::after {
  content: "→" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  color: #fff !important;
  font-family: var(--concept-ui, "DM Sans", sans-serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  transform: none !important;
  transition: transform .32s ease, color .32s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 54px rgba(7, 16, 15, .16) !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover > .img,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within > .img {
  transform: scale(1.075) !important;
  filter: saturate(1.08) contrast(1.05) !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn {
  transform: translateX(3px) !important;
  background: #9bff00 !important;
  border-color: #9bff00 !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn::before,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn::before {
  content: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn::after,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn::after {
  color: #07100f !important;
  transform: translateX(3px) !important;
}

#clovaBody .clv-home-proof-grid.has-visual {
  grid-template-columns: minmax(420px, .96fr) minmax(0, 1.04fr) !important;
  gap: clamp(22px, 3.2vw, 46px) !important;
}

#clovaBody .clv-home-proof-visual {
  min-height: 560px !important;
  padding: 16px !important;
}

#clovaBody .clv-home-proof-image-viewport,
#clovaBody .clv-home-proof-image-slide,
#clovaBody .clv-home-proof-image-slide img {
  min-height: 502px !important;
}

#clovaBody .clv-home-proof-image-slide {
  border-radius: 24px !important;
}

#clovaBody .clv-home-proof-image-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#clovaBody .clv-home-proof-image-slide::after {
  inset: 0 0 auto 0 !important;
  height: 35% !important;
  background: linear-gradient(180deg, rgba(7, 16, 15, .64), rgba(7, 16, 15, 0)) !important;
}

#clovaBody .clv-home-proof-image-slide span {
  left: 16px !important;
  right: 16px !important;
  top: 16px !important;
  bottom: auto !important;
  z-index: 3 !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

#clovaBody .clv-home-proof-image-slide small {
  display: none !important;
}

#clovaBody .clv-home-proof-image-slide b {
  display: inline-flex !important;
  max-width: min(92%, 420px) !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #07100f !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .16) !important;
  font-size: clamp(13px, 1.15vw, 17px) !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

html body #clovaBody > .clv-evidence {
  display: block !important;
  order: 7 !important;
  padding: clamp(54px, 7vw, 92px) 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(211, 177, 86, .32), transparent 28%),
    radial-gradient(circle at 72% 76%, rgba(155, 255, 0, .11), transparent 30%),
    linear-gradient(112deg, #030504 0%, #060907 48%, #14130c 100%) !important;
  color: #fff !important;
  overflow: hidden !important;
}

html body #clovaBody > .clv-evidence > .clv-wrap {
  width: min(1380px, calc(100% - 64px)) !important;
  max-width: 1380px !important;
}

html body #clovaBody > .clv-evidence .clv-lab-verified-panel ~ .clv-home-lab-head,
html body #clovaBody > .clv-evidence .clv-lab-verified-panel ~ .clv-hero-side {
  display: none !important;
}

#clovaBody .clv-lab-verified-panel {
  position: relative !important;
  min-height: 620px !important;
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(420px, 1.05fr) !important;
  align-items: center !important;
  gap: clamp(24px, 4vw, 78px) !important;
  overflow: hidden !important;
}

#clovaBody .clv-lab-verified-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 720px !important;
  padding: clamp(12px, 2vw, 26px) 0 !important;
}

#clovaBody .clv-lab-eyebrow {
  margin: 0 0 18px !important;
  color: #d8bd72 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#clovaBody .clv-lab-verified-copy h2 {
  max-width: 780px !important;
  margin: 0 0 26px !important;
  color: #fff !important;
  font-size: clamp(38px, 3.65vw, 54px) !important;
  line-height: .98 !important;
  font-weight: 520 !important;
  letter-spacing: -.055em !important;
}

#clovaBody .clv-lab-verified-copy h2 span {
  display: block !important;
  color: #d8bd72 !important;
}

#clovaBody .clv-lab-lead {
  max-width: 680px !important;
  margin: 0 0 22px !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.58 !important;
  font-weight: 430 !important;
}

#clovaBody .clv-lab-divider {
  width: 100% !important;
  height: 1px !important;
  margin: 36px 0 26px !important;
  background: linear-gradient(90deg, rgba(216, 189, 114, .34), rgba(255, 255, 255, .08), transparent) !important;
}

#clovaBody .clv-lab-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px 34px !important;
  margin-bottom: 34px !important;
}

#clovaBody .clv-lab-checks span {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(14px, 1vw, 17px) !important;
  line-height: 1.25 !important;
  font-weight: 520 !important;
}

#clovaBody .clv-lab-checks svg {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
  border: 1px solid rgba(216, 189, 114, .45) !important;
  border-radius: 999px !important;
  color: #d8bd72 !important;
  padding: 4px !important;
}

#clovaBody .clv-lab-checks path,
#clovaBody .clv-lab-certificate-btn path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#clovaBody .clv-lab-certificate-btn {
  width: fit-content !important;
  min-height: 54px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  background: #ffd35d !important;
  color: #080a07 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 44px rgba(255, 211, 93, .22) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

#clovaBody .clv-lab-certificate-btn svg {
  width: 18px !important;
  height: 18px !important;
  transition: transform .28s ease !important;
}

#clovaBody .clv-lab-certificate-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 54px rgba(255, 211, 93, .28) !important;
}

#clovaBody .clv-lab-certificate-btn:hover svg {
  transform: translateX(4px) !important;
}

#clovaBody .clv-lab-verified-visual {
  position: relative !important;
  align-self: stretch !important;
  min-height: 560px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  transform: rotate(-4deg) translateX(3%) !important;
  box-shadow: 0 40px 90px rgba(0, 0, 0, .38) !important;
}

#clovaBody .clv-lab-verified-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(3, 5, 4, .08), rgba(216, 189, 114, .18)) !important;
  pointer-events: none !important;
}

#clovaBody .clv-lab-verified-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 560px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: contrast(1.08) saturate(.9) brightness(.86) !important;
  transform: scale(1.08) !important;
}

@media (max-width: 900px) {
  html body #clovaBody section[aria-label="Categories"] .clv-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 4px !important;
  }

  html body #clovaBody section[aria-label="Categories"] .clv-cat {
    height: 270px !important;
    min-height: 270px !important;
    border-radius: 7px !important;
  }

  #clovaBody .clv-home-proof-grid.has-visual,
  #clovaBody .clv-lab-verified-panel {
    grid-template-columns: 1fr !important;
  }

  #clovaBody .clv-home-proof-visual {
    min-height: 470px !important;
  }

  #clovaBody .clv-home-proof-image-viewport,
  #clovaBody .clv-home-proof-image-slide,
  #clovaBody .clv-home-proof-image-slide img {
    min-height: 420px !important;
  }

  #clovaBody .clv-lab-verified-panel {
    min-height: 0 !important;
  }

  #clovaBody .clv-lab-verified-visual {
    min-height: 360px !important;
    transform: none !important;
  }

  #clovaBody .clv-lab-verified-visual img {
    min-height: 360px !important;
  }
}

@media (max-width: 560px) {
  html body #clovaBody > .clv-evidence > .clv-wrap {
    width: min(100% - 28px, 420px) !important;
  }

  #clovaBody .clv-lab-verified-copy h2 {
    font-size: 34px !important;
  }

  #clovaBody .clv-lab-checks {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #clovaBody .clv-lab-certificate-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  #clovaBody .clv-lab-verified-visual,
  #clovaBody .clv-lab-verified-visual img {
    min-height: 280px !important;
  }
}

/* Final currency switcher cleanup: flags should not show selected/hover highlight. */
.flagSwitch,
.flagSwitch:hover,
.flagSwitch:focus,
.flagSwitch:focus-within,
.flagSwitch:active,
.clova-hdr .flagSwitch,
.clova-hdr .flagSwitch:hover,
.clova-hdr .flagSwitch:focus,
.clova-hdr .flagSwitch:focus-within,
.clova-hdr .flagSwitch:active,
.clova-hdr.is-scrolled .flagSwitch,
.clova-hdr.is-scrolled .flagSwitch:hover,
.clova-hdr.mega-open .flagSwitch,
.clova-hdr.mega-open .flagSwitch:hover,
.clova-hdr.search-open .flagSwitch,
.clova-hdr.search-open .flagSwitch:hover,
.clova-hdr.mobile-open .flagSwitch,
.clova-hdr.mobile-open .flagSwitch:hover,
.clvWHeader .flagSwitch,
.clvWHeader .flagSwitch:hover,
.clvWHeader .flagSwitch:focus,
.clvWHeader .flagSwitch:focus-within,
.clvWHeader .flagSwitch:active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.flagSwitchBtn,
.flagSwitchBtn::before,
.flagSwitchBtn::after,
.flagSwitchBtn.is-active,
.flagSwitchBtn.is-active::before,
.flagSwitchBtn.is-active::after,
.flagSwitchBtn:hover,
.flagSwitchBtn:hover::before,
.flagSwitchBtn:hover::after,
.flagSwitchBtn:active,
.flagSwitchBtn:active::before,
.flagSwitchBtn:active::after,
.flagSwitchBtn:focus,
.flagSwitchBtn:focus::before,
.flagSwitchBtn:focus::after,
.flagSwitchBtn:focus-visible,
.flagSwitchBtn:focus-visible::before,
.flagSwitchBtn:focus-visible::after,
.clova-hdr .flagSwitchBtn,
.clova-hdr .flagSwitchBtn.is-active,
.clova-hdr .flagSwitchBtn:hover,
.clova-hdr .flagSwitchBtn:active,
.clova-hdr .flagSwitchBtn:focus,
.clova-hdr .flagSwitchBtn:focus-visible,
.clvWHeader .flagSwitchBtn,
.clvWHeader .flagSwitchBtn.is-active,
.clvWHeader .flagSwitchBtn:hover,
.clvWHeader .flagSwitchBtn:active,
.clvWHeader .flagSwitchBtn:focus,
.clvWHeader .flagSwitchBtn:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Home hero product visuals are decorative, not a clickable card. */
html body #clovaBody .clv-hero-product.clv-hero-showcase,
html body #clovaBody .clv-hero-product.clv-hero-showcase *,
html body #clovaBody .clv-hero-product.clv-hero-showcase::before,
html body #clovaBody .clv-hero-product.clv-hero-showcase::after {
  cursor: default !important;
}

/* 2026-06-14 final lock: grey OOS buttons and SVG-only category arrows. */
html body button.btnAdd.oos,
html body .btnAdd.oos[disabled],
html body #productsGrid .btnAdd.oos,
html body .clvProductsPage #productsGrid .btnAdd.oos,
html body .clvProductsPage main .gridWrap .btnAdd.oos,
html body #clovaBody .clv-btn.oos,
html body #clovaBody button.clv-btn.oos,
.clvProductDetailPage .btnMain:disabled,
.clvProductDetailPage .stickyBtn.isDisabled {
  background: #d9dcd8 !important;
  background-color: #d9dcd8 !important;
  border-color: #c3c8c2 !important;
  color: #6d746e !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn {
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::after {
  content: "" !important;
  position: relative !important;
  inset: auto !important;
  width: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: currentColor !important;
  border: 0 !important;
  transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h13.2M12.4 6.2 18.2 12l-5.8 5.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h13.2M12.4 6.2 18.2 12l-5.8 5.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform .28s ease, background-color .28s ease !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn {
  color: #07100f !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat:hover .miniBtn::after,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within .miniBtn::after {
  transform: translateX(2px) !important;
}

/* 2026-06-14 true EOF home correction: newest home polish must win after all legacy locks. */
html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn {
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
}

html body #clovaBody section[aria-label="Categories"] .clv-cat .miniBtn::after {
  text-indent: 0 !important;
}

html body #clovaBody > .clv-evidence {
  scroll-margin-top: 132px !important;
  padding-top: clamp(112px, 9vw, 148px) !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head .clv-home-kicker {
  color: #d8bd72 !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head h2 {
  color: #fff !important;
}

html body #clovaBody > .clv-evidence .clv-home-lab-head p:not(.clv-home-kicker) {
  color: rgba(255, 255, 255, .68) !important;
}

html body #clovaBody {
  --home-major-title-size: clamp(38px, 3.7vw, 54px);
  --home-major-title-weight: 680;
  --home-major-title-line: 1.02;
  --home-support-size: clamp(14px, .98vw, 15.5px);
  --home-support-weight: 450;
  --home-support-line: 1.28;
  --home-card-title-size: clamp(18px, 1.67vw, 24px);
  --home-card-title-weight: 680;
  --home-card-title-line: 1.12;
  --home-card-copy-size: 14px;
  --home-card-copy-weight: 500;
  --home-card-copy-line: 1.42;
}

html body #clovaBody .clv-hero-copy h1,
html body #clovaBody .clv-home-lab-head h2,
html body #clovaBody .clv-home-proof-head h2,
html body #clovaBody .clv-home-flow-head h2,
html body #clovaBody .clv-panel-title,
html body #clovaBody .clv-centerHead .title {
  font-size: var(--home-major-title-size) !important;
  line-height: var(--home-major-title-line) !important;
  font-weight: var(--home-major-title-weight) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #clovaBody .clv-hero-copy p,
html body #clovaBody .clv-home-lab-head p:not(.clv-home-kicker),
html body #clovaBody .clv-home-proof-head p,
html body #clovaBody .clv-home-flow-head p,
html body #clovaBody .clv-panel-desc,
html body #clovaBody .clv-centerHead p {
  font-size: var(--home-support-size) !important;
  line-height: var(--home-support-line) !important;
  font-weight: var(--home-support-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step h3,
html body #clovaBody .clv-home-proof-review-card h3,
html body #clovaBody .heroTpReviewTitle,
html body #clovaBody .clv-revTopic {
  font-size: var(--home-card-title-size) !important;
  line-height: var(--home-card-title-line) !important;
  font-weight: var(--home-card-title-weight) !important;
  letter-spacing: 0 !important;
}

html body #clovaBody .clv-home-flow-step p,
html body #clovaBody .clv-home-proof-review-card p,
html body #clovaBody .heroTpReviewBody,
html body #clovaBody .clv-revText {
  font-size: var(--home-card-copy-size) !important;
  line-height: var(--home-card-copy-line) !important;
  font-weight: var(--home-card-copy-weight) !important;
}

@media (min-width: 761px) {
  html body #clovaBody .clv-hero-product.clv-hero-showcase > .clv-hero-showcase-track {
    inset: -18px 0 0 -24% !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 60% 44% !important;
  }
}

html body #clovaBody section[aria-label="Categories"] .clv-cat,
html body #clovaBody section[aria-label="Categories"] .clv-cat:hover,
html body #clovaBody section[aria-label="Categories"] .clv-cat:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #clovaBody > .clv-evidence > .clv-wrap {
  display: grid !important;
  grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr) !important;
  gap: clamp(22px, 3.4vw, 48px) !important;
  align-items: start !important;
}

html body #clovaBody .clv-home-lab-head {
  grid-column: 1 / -1 !important;
}

html body #clovaBody .clv-home-lab-visual {
  position: relative !important;
  min-height: 520px !important;
  margin: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: #101713 !important;
  box-shadow: 0 34px 82px rgba(0, 0, 0, .32) !important;
  isolation: isolate !important;
}

html body #clovaBody .clv-home-lab-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 55% center !important;
  filter: contrast(1.05) saturate(.9) brightness(.94) !important;
  animation: clvLabImageDrift 9s ease-in-out infinite alternate !important;
}

html body #clovaBody > .clv-evidence .clv-hero-side {
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

@media (max-width: 900px) {
  html body #clovaBody {
    --home-major-title-size: 28px;
    --home-support-size: 13.5px;
    --home-card-title-size: 18px;
  }

  html body #clovaBody > .clv-evidence > .clv-wrap {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 680px) !important;
  }

  html body #clovaBody .clv-home-lab-visual,
  html body #clovaBody .clv-home-lab-visual img {
    min-height: 360px !important;
  }

  html body #clovaBody .clv-hero-product.clv-hero-showcase .clv-hero-showcase-slide {
    object-position: 56% 43% !important;
  }
}