:root{
  --okly-bg:#fff8f6;
  --okly-soft:#fff2ee;
  --okly-soft-2:#f9ece8;
  --okly-rose:#d48577;
  --okly-rose-dark:#b6685d;
  --okly-brown:#4f3532;
  --okly-text:#6b5755;
  --okly-line:#eddcd6;
  --okly-card:#ffffff;
  --okly-shadow:0 24px 50px rgba(124,83,76,.10);
}
.okly-shopify-page{background:var(--okly-bg);color:var(--okly-text)}
.okly-shopify-page .okly-shell{width:min(1380px,calc(100% - 64px));margin:auto}
.okly-shopify-page h1,.okly-shopify-page h2,.okly-shopify-page h3{font-family:Arial,sans-serif;color:var(--okly-brown);font-weight:500}
.okly-kicker{margin:0 0 12px;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#c17b73}

.hero-shopify{position:relative;min-height:820px;overflow:hidden;background:#f6e6e5}
.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:center center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,246,.92) 0%,rgba(255,248,246,.88) 34%,rgba(255,248,246,.45) 60%,rgba(255,248,246,.18) 100%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) minmax(300px,380px);gap:34px;align-items:center;min-height:820px;padding:36px 0}
.hero-copy h1{font-size:62px;line-height:1.02;letter-spacing:-1.6px;margin:0 0 18px;max-width:760px}
.hero-copy p{font-size:18px;line-height:1.75;max-width:700px;margin:0;color:#675653}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.okly-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font:800 14px Arial,sans-serif;transition:.2s ease}
.okly-btn.primary{background:var(--okly-rose);color:#fff;box-shadow:0 16px 28px rgba(191,120,106,.22)}
.okly-btn.ghost{background:rgba(255,255,255,.72);border:1px solid rgba(205,163,153,.8);color:var(--okly-brown);backdrop-filter:blur(8px)}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.hero-tags span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(213,185,176,.8);font:800 12px Arial,sans-serif;color:#805d58}
.hero-note{display:grid;gap:14px}
.hero-note article{background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border:1px solid rgba(219,193,186,.92);border-radius:28px;padding:24px;box-shadow:var(--okly-shadow)}
.hero-note strong{display:block;font-size:22px;color:var(--okly-brown);margin-bottom:8px}
.hero-note p{margin:0;font-size:15px;line-height:1.7;color:#6e5a57}

.intro-band{padding:78px 0 28px;background:linear-gradient(180deg,#fff8f6 0%,#fff3ef 100%)}
.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}
.section-head.centered{display:block;text-align:center;max-width:1040px;margin:0 auto 28px}
.section-head h2{font-size:46px;line-height:1.08;margin:0 0 10px}
.section-head.centered p:last-child{margin:0 auto;color:#786360;max-width:860px;font-size:17px;line-height:1.7}
.section-side-note{max-width:380px;color:#8d7773;font-size:15px;line-height:1.7;margin:0}
.category-strip-frame{display:block;background:#fff;border-radius:36px;padding:18px;border:1px solid var(--okly-line);box-shadow:var(--okly-shadow);overflow:hidden}
.category-strip-frame img{display:block;width:100%;height:auto;border-radius:22px}

.family-cards{padding:32px 0 82px;background:#fff8f6}
.cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.collection-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--okly-line);border-radius:28px;box-shadow:var(--okly-shadow);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.collection-card img{display:block;width:100%;height:auto;background:#f8ede9}
.collection-card div{padding:18px 18px 22px}
.collection-card h3{font-size:24px;margin:0 0 6px}
.collection-card p{margin:0;font-size:15px;line-height:1.65;color:#7a6561}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(124,83,76,.15)}

.feature-banner{position:relative;min-height:820px;overflow:hidden}
.feature-media,.feature-media img{position:absolute;inset:0;width:100%;height:100%}
.feature-media img{object-fit:cover}
.feature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,246,.90) 0%,rgba(255,248,246,.84) 36%,rgba(255,248,246,.18) 78%,rgba(255,248,246,.08) 100%)}
.feature-copy{position:relative;z-index:2;min-height:820px;display:flex;flex-direction:column;justify-content:center;max-width:760px;padding:34px 0}
.feature-copy h2{font-size:74px;line-height:1.02;letter-spacing:-1.8px;margin:0 0 20px;max-width:680px}
.feature-copy p{font-size:19px;line-height:1.75;max-width:700px;margin:0;color:#645352}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill-row span{padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(214,181,175,.85);font:800 12px Arial,sans-serif;color:#7f5b56}

.detail-section{padding:86px 0;background:#fffdfc}
.detail-section.soft{background:linear-gradient(180deg,#fff8f6 0%,#fffdfc 100%)}
.detail-section.alt{background:linear-gradient(180deg,#fff2ef 0%,#fff8f6 100%)}
.detail-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:34px;align-items:center}
.detail-grid.reverse{grid-template-columns:minmax(0,1fr) minmax(320px,520px)}
.detail-grid.reverse .detail-image{order:2}.detail-grid.reverse .detail-copy{order:1}
.detail-image{background:#fff;border:1px solid var(--okly-line);border-radius:34px;overflow:hidden;box-shadow:var(--okly-shadow)}
.detail-image img{display:block;width:100%;height:auto}
.detail-copy h2{font-size:52px;line-height:1.06;letter-spacing:-1.3px;margin:0 0 16px;max-width:720px}
.detail-copy .lead{font-size:18px;line-height:1.8;color:#6f5c58;margin:0 0 24px}
.benefit-grid{display:grid;gap:14px;margin-bottom:22px}.benefit-grid.three{grid-template-columns:repeat(3,1fr)}.benefit-grid.two{grid-template-columns:repeat(2,1fr)}
.benefit-grid article{background:#fff;border:1px solid var(--okly-line);border-radius:24px;padding:18px;box-shadow:0 10px 22px rgba(124,83,76,.05)}
.benefit-grid strong{display:block;font-size:20px;color:var(--okly-brown);margin-bottom:8px}
.benefit-grid span{display:block;font-size:14px;line-height:1.7;color:#7a6661}
.info-box{background:#fff;border:1px solid var(--okly-line);border-radius:28px;padding:22px;box-shadow:0 10px 22px rgba(124,83,76,.05)}
.info-box h3{font-size:24px;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{padding:10px 14px;border-radius:999px;background:#fdf0ed;border:1px solid #eed9d3;font:800 12px Arial,sans-serif;color:#865d57}

.detail-section.banded{background:linear-gradient(180deg,#fff6f3 0%,#fffdfc 100%)}
.serum-band{display:block;background:#fff;border:1px solid var(--okly-line);border-radius:34px;padding:14px;box-shadow:var(--okly-shadow);overflow:hidden;margin-bottom:24px}
.serum-band img{display:block;width:100%;height:auto;border-radius:24px}
.text-panels{display:grid;gap:16px}.text-panels.three-col{grid-template-columns:repeat(3,1fr)}
.text-panels article{background:#fff;border:1px solid var(--okly-line);border-radius:26px;padding:24px;box-shadow:0 10px 22px rgba(124,83,76,.05)}
.text-panels h3{margin:0 0 10px;font-size:24px}.text-panels p{margin:0;font-size:16px;line-height:1.8;color:#705c59}

.closing-grid{padding:24px 0 82px;background:#fff8f6}
.close-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.close-panels article{background:#fff;border:1px solid var(--okly-line);border-radius:30px;padding:28px;box-shadow:var(--okly-shadow)}
.close-panels h3{font-size:30px;line-height:1.1;margin:0 0 12px}.close-panels p:last-child{margin:0;font-size:16px;line-height:1.8;color:#755f5b}

@media(max-width:1320px){.cards-grid{grid-template-columns:repeat(3,1fr)}.detail-grid,.detail-grid.reverse,.hero-inner{grid-template-columns:1fr}.detail-grid.reverse .detail-image,.detail-grid.reverse .detail-copy{order:initial}.feature-copy h2{font-size:60px}.hero-note{max-width:760px}.text-panels.three-col,.close-panels{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.benefit-grid.three,.benefit-grid.two,.text-panels.three-col,.close-panels{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-side-note{max-width:none;margin-top:10px}.detail-copy h2,.section-head h2{font-size:40px}.feature-copy h2{font-size:48px;max-width:560px}}
@media(max-width:720px){.okly-shopify-page .okly-shell{width:min(100% - 28px,760px)}.hero-shopify{min-height:1040px}.hero-inner{min-height:1040px;padding:54px 0 38px;align-items:flex-start}.hero-overlay{background:linear-gradient(180deg,rgba(255,248,246,.95) 0%,rgba(255,248,246,.90) 45%,rgba(255,248,246,.50) 100%)}.hero-copy h1{font-size:42px;line-height:1.04}.hero-copy p,.feature-copy p,.detail-copy .lead{font-size:16px}.hero-actions{flex-direction:column}.okly-btn{width:100%}.cards-grid{grid-template-columns:1fr}.feature-banner{min-height:960px}.feature-copy{min-height:960px;justify-content:flex-start;padding-top:54px}.feature-overlay{background:linear-gradient(180deg,rgba(255,248,246,.96) 0%,rgba(255,248,246,.92) 46%,rgba(255,248,246,.35) 100%)}.feature-copy h2{font-size:40px;max-width:360px}.detail-section{padding:60px 0}.detail-grid{gap:22px}.detail-copy h2{font-size:34px}.detail-image,.collection-card,.hero-note article,.category-strip-frame,.serum-band,.info-box,.text-panels article,.close-panels article{border-radius:24px}.pill-row span,.chips span,.hero-tags span{width:100%;border-radius:16px}.intro-band{padding-top:58px}}


/* V4 PUBLICA - refinamiento de diagramación y protección de proporciones */
.hero-public{padding:64px 0 72px;background:linear-gradient(135deg,#fff8f6 0%,#f9ecea 100%)}
.hero-public-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,610px);gap:50px;align-items:center}
.hero-public-copy h1{font-size:58px;line-height:1.04;letter-spacing:-1.5px;margin:0 0 18px;max-width:760px}
.hero-public-copy>p:not(.okly-kicker){font-size:18px;line-height:1.78;max-width:700px;margin:0;color:#6c5956}
.hero-public-image{display:block;overflow:hidden;border-radius:38px;border:1px solid var(--okly-line);box-shadow:var(--okly-shadow);background:#f8ebe8}
.hero-public-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}

.cards-grid .collection-card img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:center}

.feature-public{padding:86px 0;background:linear-gradient(180deg,#fffdfc 0%,#fff4f0 100%)}
.feature-public-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,610px);gap:50px;align-items:center}
.feature-public-copy h2{font-size:58px;line-height:1.05;letter-spacing:-1.4px;margin:0 0 18px;max-width:720px}
.feature-public-copy>p:not(.okly-kicker){font-size:18px;line-height:1.78;margin:0;color:#6c5956}
.feature-public-image{display:block;overflow:hidden;border-radius:38px;border:1px solid var(--okly-line);box-shadow:var(--okly-shadow);background:#f8ebe8}
.feature-public-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.mt{margin-top:18px}

.serum-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:42px;align-items:center}
.serum-copy h2{font-size:54px;line-height:1.05;letter-spacing:-1.2px;margin:0 0 16px}
.serum-copy .lead{font-size:18px;line-height:1.78;color:#6c5956;margin:0 0 20px}
.serum-highlights{display:grid;gap:12px}
.serum-highlights article{background:#fff;border:1px solid var(--okly-line);border-radius:22px;padding:18px;box-shadow:0 10px 22px rgba(124,83,76,.05)}
.serum-highlights strong{display:block;font-size:19px;color:var(--okly-brown);margin-bottom:6px}
.serum-highlights span{display:block;font-size:14px;line-height:1.65;color:#7a6661}
.serum-product-image{display:block;overflow:hidden;border-radius:34px;border:1px solid var(--okly-line);box-shadow:var(--okly-shadow);background:#fff}
.serum-product-image img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;object-position:center}
.serum-aromas{margin-top:22px}

.detail-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#fff}
.detail-image{background:#fff}
.detail-grid{align-items:center}

.brand-closing{padding:80px 0;background:linear-gradient(180deg,#fff7f4 0%,#fffdfc 100%)}
.brand-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.brand-values article{background:#fff;border:1px solid var(--okly-line);border-radius:28px;padding:26px;box-shadow:var(--okly-shadow)}
.brand-values strong{display:block;font-size:22px;color:var(--okly-brown);margin-bottom:8px}
.brand-values span{display:block;font-size:15px;line-height:1.7;color:#755f5b}

/* Ocultar antiguos componentes de la V3 si permanecieran por caché o markup legado */
.hero-shopify,.intro-band,.feature-banner,.closing-grid{display:none!important}

@media(max-width:1100px){
  .hero-public-grid,.feature-public-grid,.serum-layout{grid-template-columns:1fr}
  .hero-public-image,.feature-public-image,.serum-product-image{max-width:760px}
}
@media(max-width:900px){
  .brand-values{grid-template-columns:1fr}
}
@media(max-width:720px){
  .hero-public,.feature-public{padding:44px 0 54px}
  .hero-public-grid,.feature-public-grid,.serum-layout{gap:26px}
  .hero-public-copy h1,.feature-public-copy h2,.serum-copy h2{font-size:38px;line-height:1.06}
  .hero-public-copy>p:not(.okly-kicker),.feature-public-copy>p:not(.okly-kicker),.serum-copy .lead{font-size:16px}
  .hero-public-image,.feature-public-image,.serum-product-image{border-radius:26px}
  .hero-public-image img,.feature-public-image img{aspect-ratio:900/1120;object-fit:cover}
  .serum-product-image img{aspect-ratio:1/1;object-fit:cover}
  .cards-grid .collection-card img{aspect-ratio:5/4;object-fit:cover}
}

/* V5 - originales Shopify: conservar proporciones, nunca deformar */
.collection-card img,
.detail-image img,
.hero-public-image img,
.feature-public-image img,
.serum-product-image img{
  width:100%;
  height:auto !important;
  object-fit:contain !important;
  object-position:center;
}
.collection-card,
.detail-image,
.hero-public-image,
.feature-public-image,
.serum-product-image{
  background:#fff;
}
@media(max-width:720px){
  .collection-card img,
  .detail-image img,
  .hero-public-image img,
  .feature-public-image img,
  .serum-product-image img{
    width:100%;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   V6 · QUIMELIA / LENGUAJE VISUAL AZUL COMPACXPRESS
   Solo modifica fondos, contenedores, tipografía y acentos.
   NO modifica imágenes ni sus proporciones.
   ========================================================= */

:root{
  --qx-navy:#064b7f;
  --qx-navy-deep:#023a66;
  --qx-blue:#087fd0;
  --qx-cyan:#19c2c7;
  --qx-sky:#eaf6fc;
  --qx-sky-2:#f5fbfe;
  --qx-line:#cfe5f2;
  --qx-text:#385a70;
  --qx-white:#ffffff;
  --qx-shadow:0 16px 38px rgba(6,75,127,.10);
  --qx-shadow-soft:0 9px 24px rgba(6,75,127,.07);
}

.okly-shopify-page{
  background:var(--qx-sky-2);
  color:var(--qx-text);
}

.okly-shopify-page h1,
.okly-shopify-page h2,
.okly-shopify-page h3{
  color:var(--qx-navy);
  font-weight:700;
}

.okly-kicker{
  color:var(--qx-blue);
  letter-spacing:.20em;
}

/* HERO */
.hero-public{
  padding:66px 0 76px;
  background:
    radial-gradient(circle at 88% 14%, rgba(25,194,199,.12), transparent 32%),
    linear-gradient(135deg,#f8fcff 0%,#e7f5fb 100%);
  border-bottom:1px solid var(--qx-line);
}

.hero-public-grid{
  gap:54px;
}

.hero-public-copy{
  position:relative;
  background:rgba(255,255,255,.86);
  border:1px solid var(--qx-line);
  border-left:7px solid var(--qx-blue);
  border-radius:28px;
  padding:34px 36px;
  box-shadow:var(--qx-shadow);
}

.hero-public-copy h1{
  color:var(--qx-navy-deep);
}

.hero-public-copy>p:not(.okly-kicker){
  color:var(--qx-text);
}

.hero-tags span,
.pill-row span,
.chips span{
  background:#eef8fd;
  border:1px solid #cbe6f3;
  color:var(--qx-navy);
  box-shadow:none;
}

.okly-btn.primary{
  background:linear-gradient(135deg,var(--qx-blue),var(--qx-cyan));
  color:#fff;
  box-shadow:0 12px 24px rgba(8,127,208,.20);
}
.okly-btn.ghost{
  background:#fff;
  border:1px solid #b9dceb;
  color:var(--qx-navy);
}

/* BLOQUE DE COLECCIONES */
.family-cards{
  padding:58px 0 86px;
  background:#eef7fc;
  border-top:1px solid #d8ebf5;
  border-bottom:1px solid #d8ebf5;
}

.section-head.centered{
  background:#fff;
  border:1px solid var(--qx-line);
  border-radius:28px;
  padding:28px 32px;
  box-shadow:var(--qx-shadow-soft);
}

.section-head.centered p:last-child{
  color:var(--qx-text);
}

.collection-card{
  background:#fff;
  border:1px solid var(--qx-line);
  border-radius:24px;
  box-shadow:var(--qx-shadow-soft);
  position:relative;
}
.collection-card:before{
  content:"";
  display:block;
  height:5px;
  background:linear-gradient(90deg,var(--qx-blue),var(--qx-cyan));
}
.collection-card div{
  background:#fff;
  padding:20px 20px 23px;
}
.collection-card h3{
  color:var(--qx-navy);
  font-weight:800;
}
.collection-card p{
  color:#527087;
}
.collection-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(6,75,127,.14);
}

/* SECCIONES DE PRODUCTO */
.detail-section,
.detail-section.soft,
.detail-section.alt,
.detail-section.banded{
  background:var(--qx-sky-2);
  border-bottom:1px solid #e0edf5;
}

.detail-section.soft{
  background:linear-gradient(180deg,#ffffff 0%,#f1f9fd 100%);
}

.detail-section.alt{
  background:linear-gradient(180deg,#eaf6fc 0%,#f8fcff 100%);
}

.detail-section.banded{
  background:
    radial-gradient(circle at 8% 20%,rgba(25,194,199,.09),transparent 32%),
    linear-gradient(180deg,#f7fcff 0%,#eaf6fc 100%);
}

/* Los textos toman forma de panel profesional */
.detail-copy,
.feature-public-copy,
.serum-copy{
  background:#fff;
  border:1px solid var(--qx-line);
  border-left:6px solid var(--qx-blue);
  border-radius:28px;
  padding:30px 32px;
  box-shadow:var(--qx-shadow);
}

.detail-copy h2,
.feature-public-copy h2,
.serum-copy h2{
  color:var(--qx-navy-deep);
}

.detail-copy .lead,
.feature-public-copy>p:not(.okly-kicker),
.serum-copy .lead{
  color:var(--qx-text);
}

/* Body Mist */
.feature-public{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 15%,rgba(25,194,199,.10),transparent 34%),
    linear-gradient(180deg,#edf8fd 0%,#ffffff 100%);
  border-top:1px solid #dcecf5;
  border-bottom:1px solid #dcecf5;
}

/* Tarjetas de beneficios */
.benefit-grid article,
.serum-highlights article,
.info-box,
.text-panels article,
.brand-values article{
  background:#fff;
  border:1px solid var(--qx-line);
  border-radius:20px;
  box-shadow:var(--qx-shadow-soft);
}

.benefit-grid article{
  position:relative;
  overflow:hidden;
}
.benefit-grid article:before,
.serum-highlights article:before,
.brand-values article:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--qx-blue),var(--qx-cyan));
}
.benefit-grid strong,
.serum-highlights strong,
.brand-values strong{
  color:var(--qx-navy);
  font-weight:800;
}
.benefit-grid span,
.serum-highlights span,
.brand-values span,
.text-panels p{
  color:#557186;
}

/* Caja de aromas */
.info-box{
  background:linear-gradient(145deg,#ffffff 0%,#f2faff 100%);
  border-color:#c7e2ef;
}
.info-box h3{
  color:var(--qx-navy);
  font-weight:800;
}

/* Imágenes: SOLO contenedor azul sutil. La imagen no cambia. */
.hero-public-image,
.feature-public-image,
.detail-image,
.serum-product-image{
  background:#fff;
  border:1px solid #bcdceb;
  border-radius:28px;
  box-shadow:var(--qx-shadow);
  outline:6px solid rgba(255,255,255,.55);
}

/* Serum */
.serum-layout{
  gap:46px;
}
.serum-aromas{
  background:#fff;
  border-left:6px solid var(--qx-cyan);
}

/* Cierre */
.brand-closing{
  padding:82px 0;
  background:linear-gradient(180deg,#e9f6fc 0%,#f8fcff 100%);
  border-top:1px solid #d8eaf4;
}
.brand-values article{
  position:relative;
  overflow:hidden;
  padding:28px 28px 28px 32px;
}

/* Separadores visuales */
.detail-section .okly-shell,
.feature-public .okly-shell{
  position:relative;
}

@media(max-width:1100px){
  .hero-public-copy,
  .detail-copy,
  .feature-public-copy,
  .serum-copy{
    max-width:none;
  }
}

@media(max-width:720px){
  .hero-public{
    padding:34px 0 48px;
  }
  .hero-public-copy,
  .detail-copy,
  .feature-public-copy,
  .serum-copy{
    padding:24px 22px;
    border-left-width:5px;
    border-radius:22px;
  }
  .family-cards{
    padding:42px 0 58px;
  }
  .section-head.centered{
    padding:22px 20px;
    border-radius:22px;
  }
  .collection-card,
  .benefit-grid article,
  .serum-highlights article,
  .info-box,
  .brand-values article{
    border-radius:18px;
  }
  .hero-public-image,
  .feature-public-image,
  .detail-image,
  .serum-product-image{
    border-radius:22px;
    outline-width:4px;
  }
  .chips span,
  .pill-row span,
  .hero-tags span{
    background:#eef8fd;
    color:var(--qx-navy);
    border-color:#c8e4f1;
  }
}