/** Shopify CDN: Minification failed

Line 428:0 Unexpected "}"

**/
/* Clixo 190-piece set landing page (sections/clixo-190-set.liquid). Builds on the landing page styles (clixo-lp.css).
   Phone first; tablet from 700px; desktop from 1000px. */

.c190 { --c190-blue: #0049B5; --c190-yellow: #FFCB0A; --c190-cream: #F6F2EC; --c190-ink: #0B2A6B; --c190-muted: #3A4A6E;
  --c190-line: rgba(0, 73, 181, .18); --c190-grey: #EFEBE3; background: var(--c190-cream); }
.c190 .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.c190-empty { padding: 40px 20px; text-align: center; color: var(--c190-muted); }

/* Headings, as on the home page: small line, then Good Sans Medium */
.c190-head { margin-bottom: 28px; }
.c190-eyebrow { margin: 0 0 8px; font-family: GoodSans, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; color: var(--c190-blue); }
.c190-h2 { margin: 0; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 26px; line-height: 1.2; color: var(--c190-blue); letter-spacing: 0; text-wrap: balance; }
.c190-h3 { margin: 0 0 12px; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.3; color: var(--c190-blue); }
.c190-sub { margin: 10px 0 0; font-size: 16px; line-height: 1.5; color: var(--c190-muted); }
/* Hand-drawn yellow underline under the whole heading */
.c190-h2--line { display: inline-block; padding-bottom: 10px; position: relative; }
.c190-h2--line::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 14px;
  background: center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none' fill='none' stroke='%23FFCB0A' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M3 8 C 28 2, 52 2, 76 7 S 124 13, 150 7 S 186 3, 197 6'/%3E%3C/svg%3E"); }
.c190-sec { padding-top: 56px; }

/* Buttons: blue pill, white text (the add-on section restyles .clp-btn to the site's usual button; this keeps ours a bit bolder) */
.c190 .c190-btn.clp-btn { min-height: 48px; font-size: 16px; font-weight: 500; padding: 0 28px; }
.c190 .c190-btn.clp-btn:hover { filter: none; }

/* Trust line: icon + text, a thin divider between items */
.c190-trust { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 0; font-size: 13px; color: var(--c190-blue); }
.c190-trust li { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border-left: 1px solid var(--c190-line); line-height: 1.2; }
.c190-trust li:first-child { border-left: 0; padding-left: 0; }
.c190-trust li:last-child { padding-right: 0; }
.c190-trust .c190-ico { width: 18px; height: 18px; flex: none; }

/* Stars */
.c190-stars { display: inline-flex; gap: 1px; color: var(--c190-yellow); line-height: 0; }
.c190-stars .c190-ico { width: 15px; height: 15px; }

/* Yellow pill */
.c190-pill { display: inline-block; background: var(--c190-yellow); color: var(--c190-blue); font-size: 13px; font-weight: 700; line-height: 1; padding: 6px 9px; border-radius: 6px; white-space: nowrap; }

/* ---------------------------------------------------------------- HERO */
.c190 .clp-hero.c190-hero { background: var(--c190-cream); padding-bottom: 24px; }
.c190 .clp-hero.c190-hero > .clp-wave { display: none; }
.c190-hero .clp-hero__arch { background: #E9E2D6; }
.c190-hero .clp-hero__arch video { opacity: 0; transition: opacity .5s ease; }
.c190-hero .clp-hero__arch video.is-playing { opacity: 1; }
.c190-hero .clp-hero__arch video[poster] { opacity: 1; }
/* Round badge bottom-left, overlapping the arch (same place as the landing page badge) */
.c190-hero .c190-hero__badge { width: 112px; left: -8px; bottom: 36px; filter: none; border-radius: 50%; box-shadow: 0 6px 14px rgba(0, 0, 0, .18); animation: c190-pop .9s ease-out .4s both; }
/* Yellow sticker top-right of the arch: FREE / Creator Pack / worth $49.99 */
.c190-sticker { position: absolute; top: -6px; right: -14px; width: 112px; height: 112px; border-radius: 50%; background: var(--c190-yellow); color: var(--c190-blue);
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1; transform: rotate(8deg);
  box-shadow: 0 6px 16px rgba(11, 42, 107, .18); font-family: GoodSans, sans-serif; animation: c190-pop .9s ease-out .25s both; z-index: 2; }
.c190-sticker b { font-size: 30px; font-weight: 700; letter-spacing: -.01em; }
.c190-sticker span { font-size: 12px; font-weight: 700; margin-top: 3px; }
.c190-sticker small { font-size: 10px; font-weight: 500; margin-top: 2px; opacity: .9; }
@keyframes c190-pop { 0% { opacity: 0; transform: rotate(8deg) scale(.25); } 60% { opacity: 1; transform: rotate(8deg) scale(1.1); } 80% { transform: rotate(8deg) scale(.97); } 100% { opacity: 1; transform: rotate(8deg) scale(1); } }
.c190-hero .c190-hero__badge { animation-name: c190-pop-badge; }
@keyframes c190-pop-badge { 0% { opacity: 0; transform: rotate(-8deg) scale(.25); } 60% { opacity: 1; transform: rotate(-8deg) scale(1.1); } 80% { transform: rotate(-8deg) scale(.97); } 100% { opacity: 1; transform: rotate(-8deg) scale(1); } }
@media (prefers-reduced-motion: reduce) { .c190-sticker, .c190-hero .c190-hero__badge { animation: none; } }
.c190-hero .c190-hero__title, .c190-hero .c190-hero__title em { font-family: GoodSans, sans-serif; font-weight: 500; font-style: normal; font-size: 1em; color: var(--c190-blue); }
.c190-hero .c190-hero__title { font-size: 36px; line-height: 1.1; text-wrap: balance; letter-spacing: -.01em; }
.c190-hero .c190-hero__sub { color: var(--c190-muted); }
.c190 .c190-hero__btn.clp-btn { display: flex; width: 100%; margin-top: 22px; }
.c190-hero .c190-trust { margin-top: 16px; }

/* ---------------------------------------------------------------- BUY BOX */
.c190--buy { scroll-margin-top: calc(var(--header-height, 70px) + 8px); }
.c190-buy { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "gallery" "col"; row-gap: 20px; padding-top: 24px; padding-bottom: 8px; }
.c190-buy__head { grid-area: head; }
.c190-gallery { grid-area: gallery; }
.c190-buy__col { grid-area: col; display: flex; flex-direction: column; gap: 18px; }
.c190-rating { margin: 0 0 6px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 15px; color: var(--c190-blue); }
.c190-rating b { font-weight: 700; }
.c190-rating .c190-stars .c190-ico { width: 18px; height: 18px; }
.c190-buy__title { margin: 0; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 28px; line-height: 1.15; color: var(--c190-blue); }
.c190-buy__sub { margin: 6px 0 0; font-size: 15px; font-weight: 500; color: var(--c190-blue); display: none; }

/* Gallery: one photo at a time, swipe or arrows; thumbnails on desktop, dots on phones */
.c190-gallery { position: relative; }
.c190-gallery__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; background: #FFFFFF; border-radius: 20px; }
.c190-gallery__track::-webkit-scrollbar { display: none; }
.c190-gallery__track:focus-visible { outline: 2px solid var(--c190-blue); outline-offset: 2px; }
.c190-gallery__slide { flex: 0 0 100%; margin: 0; scroll-snap-align: start; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.c190-gallery__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c190-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: 0; background: #FFFFFF; color: var(--c190-blue); display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 10px rgba(11, 42, 107, .16); z-index: 2; }
.c190-gallery__arrow--prev { left: 14px; }
.c190-gallery__arrow--prev .c190-ico { transform: rotate(90deg); }
.c190-gallery__arrow--next { right: 14px; }
.c190-gallery__arrow--next .c190-ico { transform: rotate(-90deg); }
.c190-gallery__arrow[disabled] { opacity: .35; cursor: default; }
.c190-gallery__thumbs { display: none; gap: 12px; margin-top: 12px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
.c190-gallery__thumbs::-webkit-scrollbar { display: none; }
.c190-gallery__thumb { flex: 0 0 120px; width: 120px; height: 120px; padding: 0; border: 2px solid transparent; border-radius: 16px; overflow: hidden; background: #FFFFFF; cursor: pointer; }
.c190-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c190-gallery__thumb.is-active { border-color: var(--c190-blue); }
.c190-gallery__dots { display: flex; justify-content: center; gap: 8px; margin-top: 14px; }
.c190-gallery__dot { width: 10px; height: 10px; padding: 0; border: 1.5px solid var(--c190-blue); border-radius: 50%; background: transparent; cursor: pointer; }
.c190-gallery__dot.is-active { background: var(--c190-blue); }

/* Price, text, button */
.c190-price { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.c190-price strong { font-size: 36px; line-height: 1; font-weight: 500; color: var(--c190-blue); }
.c190-price s { font-size: 18px; color: #6B7896; }
.c190-buy__desc { font-size: 15px; line-height: 1.5; color: var(--c190-muted); }
.c190-buy__desc p { margin: 0 0 .6em; }
.c190-buy__desc p:last-child { margin: 0; }
.c190-buy__note { margin: -6px 0 0; font-size: 15px; line-height: 1.4; color: var(--c190-blue); text-align: center; }
.c190-form { margin: 0; }
.c190 .c190-atc.clp-btn { width: 100%; min-height: 56px; font-size: 18px; font-weight: 500; }
.c190-atc__price { margin-left: 4px; }
.c190-atc__price b { font-weight: 500; }
.c190-atc__price s { font-weight: 400; opacity: .7; margin-left: 2px; }
.c190-atc__dash { margin: 0 6px; }

/* Three trust items under the button */
.c190-buytrust { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.c190-buytrust li { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 4px 8px; text-align: center; font-size: 13px; line-height: 1.3; color: var(--c190-blue); border-left: 1px solid var(--c190-line); }
.c190-buytrust li:first-child { border-left: 0; }
.c190-buytrust b { font-weight: 400; }
.c190-buytrust .c190-ico { width: 24px; height: 24px; margin-bottom: 4px; }

/* 150 + 40 = 190 */
.c190-eq { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, .62fr); align-items: center; gap: 6px; background: var(--c190-grey); border-radius: 20px; padding: 10px; }
.c190-eq__card { background: #FFFFFF; border-radius: 14px; padding: 8px 6px 10px; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; min-width: 0; }
.c190-eq__img { position: relative; width: 100%; aspect-ratio: 1 / 1; max-width: 120px; }
.c190-eq__img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.c190-eq__pcs { position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); background: #E6E2DA; color: var(--c190-ink); font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 999px; white-space: nowrap; }
.c190-eq__name { font-size: 13px; font-weight: 700; color: var(--c190-blue); }
.c190-eq__price { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; font-size: 13px; color: var(--c190-blue); }
.c190-eq__price strong { font-weight: 700; }
.c190-eq__price s { color: #6B7896; }
.c190-eq__price .c190-pill { font-size: 12px; padding: 4px 7px; }
.c190-eq__op { font-size: 24px; font-weight: 700; color: var(--c190-blue); line-height: 1; }
.c190-eq__total { align-self: stretch; background: var(--c190-blue); color: #FFFFFF; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 10px 4px; }
.c190-eq__total b { font-size: 30px; font-weight: 700; line-height: 1; }
.c190-eq__total span { font-size: 11px; letter-spacing: .02em; margin-top: 4px; }

/* Watch it bend: upright videos, swipe sideways */
.c190 .c190-clips.clp-clips { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 0 4px; max-width: none; margin: 0; }
.c190 .c190-clip.clp-clip { flex: 0 0 38%; max-width: 213px; aspect-ratio: 9 / 16; border-radius: 16px; scroll-snap-align: start; background: #E9E2D6; }
.c190 .c190-clip .clp-clip__play { width: 48px; height: 48px; }
.c190-clip__caption { position: absolute; left: 10px; right: 10px; bottom: 12px; background: rgba(255, 255, 255, .92); color: var(--c190-ink); font-size: 11px; line-height: 1.3; font-weight: 500; padding: 5px 8px; border-radius: 8px; text-align: center; pointer-events: none; }

/* Accordions */
.c190-accs { border-top: 1px solid var(--c190-line); }
.c190-acc { border-bottom: 1px solid var(--c190-line); }
.c190-acc summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 19px; color: var(--c190-blue); }
.c190-acc summary::-webkit-details-marker { display: none; }
.c190-acc summary .c190-ico { flex: none; transition: transform .2s ease; }
.c190-acc[open] summary .c190-ico { transform: rotate(180deg); }
.c190-acc__body { padding: 0 0 20px; }
.c190-rte { font-size: 15px; line-height: 1.55; color: var(--c190-muted); }
.c190-rte p { margin: 0 0 .7em; }
.c190-rte p:last-child { margin: 0; }
.c190-rte ul { margin: 0 0 .7em; padding-left: 20px; }
.c190-rte a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.c190-box__img { width: 100%; height: auto; display: block; border-radius: 12px; }
.c190-box__note { margin: 10px 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--c190-line); font-size: 14px; color: var(--c190-blue); }

/* ---------------------------------------------------------------- COMPARISON TABLE */
.c190-vs .c190-head { margin-bottom: 70px; }
.c190-table { position: relative; background: #FFFFFF; border: 1px solid var(--c190-line); border-radius: 20px; }
.c190-table__row { display: grid; grid-template-columns: 24% 38% 38%; }
.c190-table__row + .c190-table__row .c190-table__label, .c190-table__row + .c190-table__row .c190-table__no { border-top: 1px solid var(--c190-line); }
.c190-table__label, .c190-table__no, .c190-table__yes { display: flex; align-items: center; gap: 6px; padding: 12px 8px; font-size: 12px; line-height: 1.3; color: var(--c190-blue); min-width: 0; }
.c190-table__label { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding-left: 12px; }
.c190-table__label b { font-weight: 700; }
.c190-table__label small { font-size: 11px; color: var(--c190-muted); display: none; }
.c190-table__yes { background: var(--c190-blue); color: #FFFFFF; position: relative; z-index: 1; }
.c190-table__yes--head { margin-top: -28px; border-radius: 22px 22px 0 0; flex-direction: column; justify-content: flex-end; padding-top: 44px; padding-bottom: 14px; }
.c190-table__yes--last { border-radius: 0 0 22px 22px; }
.c190-table__no--head { flex-direction: column; justify-content: flex-end; padding-top: 44px; padding-bottom: 14px; text-align: center; font-weight: 700; font-size: 13px; }
.c190-table__logo { font-family: GoodSans, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: .04em; color: #FFFFFF; }
.c190-table__logo-img { height: 24px; width: auto; }
.c190-table__art { position: absolute; left: 50%; bottom: calc(100% - 34px); transform: translateX(-50%); width: 64px; height: 64px; object-fit: contain; }
.c190-table__yes--head .c190-table__art { bottom: calc(100% - 26px); }
.c190-table .c190-ico { flex: none; width: 20px; height: 20px; }
.c190-table__yes .c190-ico__bg { fill: #FFFFFF; stroke: none; }
.c190-table__yes .c190-ico__mark { stroke: var(--c190-blue); }
.c190-table__no .c190-ico__bg { fill: #EEF2FA; stroke: none; }
.c190-table__no .c190-ico__mark { stroke: var(--c190-blue); }

/* ---------------------------------------------------------------- CURATED REVIEWS */
.c190-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.c190-stats li { background: #FFFFFF; border-radius: 16px; padding: 14px 10px; display: flex; flex-direction: column; gap: 4px; }
.c190-stats b { font-family: GoodSans, sans-serif; font-weight: 500; font-size: 22px; line-height: 1; color: var(--c190-blue); white-space: nowrap; letter-spacing: -.01em; }
.c190-stats b sup { font-size: .4em; line-height: 0; vertical-align: super; font-weight: 400; margin-left: 1px; }
.c190-stats span { font-size: 12px; color: var(--c190-muted); }
.c190-tabs { display: flex; gap: 8px; margin-top: 18px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.c190-tabs::-webkit-scrollbar { display: none; }
.c190-tab { flex: none; height: 36px; padding: 0 14px; border-radius: 999px; border: 1.5px solid transparent; background: #E9E5DC; color: var(--c190-blue); font-family: GoodSans, sans-serif; font-size: 14px; cursor: pointer; }
.c190-tab.is-active { background: #FFFFFF; border-color: var(--c190-blue); }
.c190-cards { display: flex; gap: 12px; margin-top: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.c190-cards::-webkit-scrollbar { display: none; }
.c190-card { flex: 0 0 82%; max-width: 320px; scroll-snap-align: start; background: #FFFFFF; border: 1px solid var(--c190-line); border-radius: 18px; padding: 20px 20px 16px; display: flex; flex-direction: column; }
.c190-card.is-hidden { display: none; }
.c190-card__stars .c190-ico { width: 14px; height: 14px; }
.c190-card__title { margin: 10px 0 0; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--c190-blue); }
.c190-card__quote { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: var(--c190-muted); }
/* Footer: icon, name and "Verified Buyer · Pack" run on one line (the meta wraps only when it has to) */
.c190-card__foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--c190-line); display: block; font-size: 13px; line-height: 1.5; color: var(--c190-muted); }
.c190-card__quote { margin-bottom: 16px; }
.c190-card__foot .c190-ico { color: var(--c190-blue); vertical-align: -4px; margin-right: 6px; }
.c190-card__foot b { color: var(--c190-blue); font-weight: 700; font-size: 14px; white-space: nowrap; }
.c190-card__foot span { margin-left: 10px; }

/* ---------------------------------------------------------------- REVIEWS WIDGET */
.c190-widget { padding-top: 32px; }

/* ---------------------------------------------------------------- FINAL CALL TO ACTION */
.c190-end { display: flex; flex-direction: column; gap: 28px; padding-bottom: 64px; text-align: center; }
.c190-arch { aspect-ratio: 1 / 1; border-radius: 999px 999px 24px 24px; overflow: hidden; background: #E9E2D6; }
.c190-arch img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c190-end__title { margin: 0; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 36px; line-height: 1.08; color: var(--c190-blue); letter-spacing: -.01em; }
.c190-end__text { margin: 14px auto 0; font-size: 17px; line-height: 1.45; color: var(--c190-muted); max-width: 32ch; }
.c190 .c190-end__btn.clp-btn { display: flex; width: 100%; margin-top: 20px; }
.c190-end .c190-trust { margin-top: 16px; }

/* ---------------------------------------------------------------- TABLET + */
@media screen and (min-width: 700px) {
  .c190-sec { padding-top: 72px; }
  .c190-h2 { font-size: 30px; }
  .c190-head { margin-bottom: 32px; }
  .c190-trust { justify-content: flex-start; font-size: 14px; }
  .c190 .c190-hero__btn.clp-btn, .c190 .c190-end__btn.clp-btn { display: inline-flex; width: auto; }
  .c190-sticker { width: 140px; height: 140px; top: -4px; right: -28px; }
  .c190-sticker b { font-size: 36px; }
  .c190-sticker span { font-size: 14px; }
  .c190-sticker small { font-size: 12px; }
  .c190-hero .c190-hero__badge { width: 150px; left: -24px; bottom: 24px; }
  .c190-hero .c190-hero__title { font-size: 52px; }
  .c190-buy__sub { display: block; }
  .c190-gallery__arrow { display: flex; }
  .c190-gallery__thumbs { display: flex; }
  .c190-gallery__dots { display: none; }
  .c190-buytrust li { font-size: 14px; }
  .c190-eq { gap: 10px; padding: 12px; }
  .c190-eq__name { font-size: 14px; }
  .c190-eq__price { font-size: 14px; }
  .c190-eq__total b { font-size: 36px; }
  .c190 .c190-clip.clp-clip { flex-basis: 213px; }
  .c190-table__row { grid-template-columns: 27% 36.5% 36.5%; }
  .c190-table__label, .c190-table__no, .c190-table__yes { font-size: 15px; padding: 16px 20px; gap: 10px; }
  .c190-table__label { padding-left: 24px; }
  .c190-table__label small { display: block; font-size: 12px; }
  .c190-table__yes--head { margin-top: -40px; border-radius: 26px 26px 0 0; padding-top: 70px; padding-bottom: 20px; }
  .c190-table__yes--last { border-radius: 0 0 26px 26px; }
  .c190-table__no--head { padding-top: 70px; padding-bottom: 20px; font-size: 17px; }
  .c190-table__logo { font-size: 30px; }
  .c190-table__logo-img { height: 34px; }
  .c190-table__art { width: 110px; height: 110px; bottom: calc(100% - 56px); }
  .c190-table__yes--head .c190-table__art { bottom: calc(100% - 44px); }
  .c190-vs .c190-head { margin-bottom: 110px; }
  .c190-stats { gap: 16px; }
  .c190-stats li { padding: 24px; border-radius: 20px; }
  .c190-stats b { font-size: 40px; }
  .c190-stats span { font-size: 14px; }
  .c190-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; overflow: visible; }
  .c190-card { flex: none; max-width: none; border-radius: 20px; padding: 24px 24px 18px; }
  .c190-end { flex-direction: row; align-items: center; gap: 48px; text-align: left; padding-bottom: 80px; }
  .c190-end__media { flex: 0 0 44%; max-width: 500px; }
  .c190-arch { aspect-ratio: 5 / 6; border-radius: 999px 999px 32px 32px; }
  .c190-end__copy { flex: 1; }
  .c190-end__title { font-size: 48px; }
  .c190-end__text { margin-left: 0; font-size: 19px; }
}

/* ---------------------------------------------------------------- DESKTOP */
@media screen and (min-width: 1000px) {
  .c190-sec { padding-top: 88px; }
  .c190-h2 { font-size: 34px; }
  .c190-h2--line::after { height: 16px; bottom: -4px; }
  .c190-eyebrow { font-size: 15px; }
  .c190-sub { font-size: 18px; }
  .c190 .clp-hero.c190-hero { padding-bottom: 32px; }
  .c190-hero .c190-hero__title { font-size: 64px; line-height: 1.04; }
  .c190-hero .c190-hero__sub { font-size: 21px; max-width: 32rem; }
  .c190-sticker { width: 160px; height: 160px; top: -2px; right: -40px; }
  .c190-sticker b { font-size: 40px; }
  .c190-sticker span { font-size: 16px; }
  .c190-sticker small { font-size: 13px; }
  .c190-hero .c190-hero__badge { width: 180px; left: -40px; bottom: 16px; }
  .c190-buy { grid-template-columns: minmax(0, 715fr) minmax(0, 533fr); grid-template-areas: "gallery head" "gallery col"; column-gap: 64px; row-gap: 16px; align-items: start; padding-top: 48px; padding-bottom: 32px; }
  .c190-buy__title { font-size: 32px; }
  .c190-price strong { font-size: 40px; }
  .c190-buy__desc { font-size: 15px; }
  .c190-eq__total b { font-size: 40px; }
  .c190-stats b { font-size: 46px; }
  .c190-end__title { font-size: 64px; }
}

/* Phones: a little tighter */
@media screen and (max-width: 699px) {
  .c190-hero .clp-hero__media { margin-inline: 4px 10px; }
  .c190-hero .clp-hero__grid { gap: 28px; }
  .c190 .c190-hero__copy .clp-eyebrow { display: none; }
  .c190-hero .c190-hero__sub { max-width: 34ch; font-size: 17px; }
  .c190-vs .c190-head, .c190-rev .c190-head { text-align: left; }
  .c190-vs .c190-head { margin-bottom: 64px; }
}

/* The landing add-on (clixo-lp-sans-extras) restyles every .clp-btn with a very specific rule; these keep ours the right size */
html body .c190 .c190-atc.clp-btn:not(#x1):not(#x2):not(#x3) { display: flex; width: 100%; height: 56px; min-width: 0; padding: 0 20px; font-size: 18px; }
html body .c190 .c190-end__btn.clp-btn:not(#x1):not(#x2):not(#x3) { margin: 20px 0 0; }
@media screen and (max-width: 699px) {
  html body .c190 :is(.c190-hero__btn, .c190-end__btn).clp-btn:not(#x1):not(#x2):not(#x3) { display: flex; width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
}

/* Press logos on this page: smaller, one row on desktop */
body.template-suffix-190-set .clp .clp-news__logo img { height: 40px; max-width: 170px; }
@media screen and (min-width: 1000px) { body.template-suffix-190-set .clp .clp-news__logos { gap: 16px 48px; } }
@media screen and (max-width: 699px) {
  body.template-suffix-190-set .clp .clp-news__logo img { height: 26px; max-width: 34vw; }
  /* Trust line on phones: no dividers (it may wrap), a little smaller */
  .c190-trust { gap: 6px 16px; font-size: 13px; }
  .c190-trust li { border-left: 0; padding: 0; }
  /* Stat cards: let long values wrap */
  .c190-stats b { white-space: normal; font-size: 20px; line-height: 1.1; }
}

/* ================================================================ Round 2 (feedback 2026-11-06) */

/* This template: no site header (own strip + logo bar in the hero, like the exclusive offer page) and the short footer */
body.template-suffix-190-set .shopify-section-group-header-group { display: none !important; }
body.template-suffix-190-set main .shopify-section--clixo-190:first-child { padding-top: 0 !important; margin-top: 0 !important; }
body.template-suffix-190-set footer :is(.footer__block_menu, .footer__bottom_email) { display: none !important; }
body.template-suffix-190-set footer :is(.footer__aside-top, .footer__aside-bottom, .footer__aside_pages, .footer__block-list) { justify-content: center; text-align: center; }
.c190-hero .clp-bar__logo-mask { width: 112px; }
@media screen and (min-width: 700px) { .c190-hero .clp-bar__logo-mask { width: 150px; } }

/* Round badge: lower, hanging off the bottom-left of the arch (as on the exclusive offer page and in the design) */
.c190-hero .c190-hero__badge { width: 112px; left: -16px; bottom: -30px; }
.c190-hero .clp-hero__grid { gap: 52px; }
@media screen and (min-width: 700px) {
  .c190-hero .c190-hero__badge { width: 150px; left: -30px; bottom: -40px; }
  .c190 .clp-hero.c190-hero { padding-bottom: 56px; }
}
@media screen and (min-width: 1000px) {
  .c190-hero .c190-hero__badge { width: 180px; left: -60px; bottom: -52px; }
  .c190 .clp-hero.c190-hero { padding-bottom: 72px; }
}

/* Gallery videos: poster until tapped, then plays with sound */
.c190-gallery__slide--video { position: relative; background: #FFFFFF; }
.c190-gallery__slide--video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.c190-gallery__play { position: absolute; inset: 0; margin: auto; width: 64px; height: 64px; border-radius: 50%; border: 0; background: #FFFFFF; color: var(--c190-blue); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, .2); }
.c190-gallery__play .c190-ico { width: 26px; height: 26px; margin-left: 3px; }
.c190-gallery__slide--video.is-playing .c190-gallery__play { opacity: 0; }
.c190-gallery__slide--video.is-playing:hover .c190-gallery__play { opacity: .9; }
.c190-gallery__thumb { position: relative; }
.c190-gallery__thumb-play { position: absolute; inset: 0; margin: auto; width: 32px; height: 32px; border-radius: 50%; background: #FFFFFF; color: var(--c190-blue); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, .18); pointer-events: none; }
.c190-gallery__thumb-play .c190-ico { width: 16px; height: 16px; margin-left: 2px; }

/* Comparison table: pictures sit above both columns; the other column reads in dark ink, the Clixo column in white */
.c190-table__no--head { position: relative; }
.c190-table__no { color: var(--c190-ink); }
.c190-table__no--head { color: var(--c190-blue); }
@media screen and (max-width: 699px) {
  .c190-table__art { width: 72px; height: 72px; bottom: calc(100% - 22px); }
  .c190-table__yes--head .c190-table__art { bottom: calc(100% - 30px); }
  .c190-table__yes--head { margin-top: -34px; padding-top: 52px; }
  .c190-table__no--head { padding-top: 56px; }
  .c190-vs .c190-head { margin-bottom: 80px; }
}

/* Review cards: the separator sits at the same height in every card (equal-height cards, footers two lines tall) */
.c190-card__foot { min-height: 54px; }
.c190-card__foot b { font-size: 13px; }
.c190-card__foot span { font-size: 12px; margin-left: 8px; }

/* Press on small screens: smaller logos, two or three per row */
@media screen and (min-width: 700px) and (max-width: 999px) {
  body.template-suffix-190-set .clp .clp-news__logo img { height: 30px; max-width: 150px; }
  body.template-suffix-190-set .clp .clp-news__logos { gap: 14px 28px; }
}
@media screen and (max-width: 699px) {
  body.template-suffix-190-set .clp .clp-news__logo img { height: 22px; max-width: 30vw; }
  body.template-suffix-190-set .clp .clp-news__logos { gap: 12px 20px; }
}

/* Phones: the buy box a size smaller so the button, trust row and equation sit neatly */
@media screen and (max-width: 699px) {
  .c190-buy__title { font-size: 26px; }
  .c190-rating { font-size: 14px; }
  .c190-price strong { font-size: 32px; }
  .c190-buy__desc { font-size: 14px; }
  .c190-buy__note { font-size: 14px; }
  html body .c190 .c190-atc.clp-btn:not(#x1):not(#x2):not(#x3) { height: 52px; font-size: 16px; padding: 0 12px; }
  .c190-atc__price s { font-size: 13px; }
  .c190-atc__dash { margin: 0 4px; }
  .c190-buytrust li { font-size: 12px; padding: 2px 4px; line-height: 1.25; }
  .c190-buytrust .c190-ico { width: 20px; height: 20px; margin-bottom: 2px; }
  .c190-eq { gap: 4px; padding: 8px; border-radius: 16px; }
  .c190-eq__card { padding: 6px 4px 8px; gap: 2px; border-radius: 12px; }
  .c190-eq__img { max-width: 92px; }
  .c190-eq__pcs { font-size: 10px; padding: 3px 6px; }
  .c190-eq__name { font-size: 12px; }
  .c190-eq__price { font-size: 12px; gap: 3px; }
  .c190-eq__price .c190-pill { font-size: 11px; padding: 3px 6px; }
  .c190-eq__op { font-size: 18px; }
  .c190-eq__total { padding: 8px 2px; border-radius: 12px; }
  .c190-eq__total b { font-size: 26px; }
  .c190-eq__total span { font-size: 10px; }
  .c190-h3 { font-size: 18px; }
  .c190-acc summary { font-size: 17px; padding: 14px 0; }
}

/* Phones: press as in the design, a full-width blue band with the logos in white scrolling sideways (no quote).
   The script clones the logo row twice so the loop is seamless; the clones stay hidden on wider screens. */
.c190-press-clone { display: none; }
@media screen and (max-width: 699px) {
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news { display: block; margin: 40px 0 0 !important; padding: 30px 0 !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; background: var(--c190-blue, #0049B5); border-radius: 0; overflow: hidden; }
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news > .clp-head, html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .clp-news__quotes { display: none !important; }
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .clp-news__logos { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0; width: max-content; margin: 0; padding: 0; animation: c190-press-scroll 26s linear infinite; }
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .c190-press-clone { display: block; }
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .clp-news__logo { padding: 0 26px; }
  html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .clp-news__logo img { height: 30px; max-width: none; filter: brightness(0) invert(1); opacity: 1 !important; }
  @keyframes c190-press-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-33.3333%, 0, 0); } }
  @media (prefers-reduced-motion: reduce) {
    html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news { overflow-x: auto; scrollbar-width: none; }
    html body.template-suffix-190-set .clp .clp-news.clp-news.clp-news .clp-news__logos { animation: none; }
  }
}
}

/* What's in the box from the piece-list metafield (snippets/clixo-parts): pack name above each list */
.c190-box__pack { margin: 4px 0 10px; font-family: GoodSans, sans-serif; font-weight: 500; font-size: 15px; color: var(--c190-blue); display: flex; align-items: center; gap: 8px; }
.c190-box__pack .c190-pill { font-size: 11px; padding: 4px 6px; }
.c190-box .cx-parts { margin-bottom: 6px; }
.c190-box__note--last { margin-top: 12px; border-bottom: 0; padding-bottom: 0; }

/* ================================================================ Round 3 (Jeff, 2026-11-06) */
/* Phones: no description under the price */
@media screen and (max-width: 699px) { .c190-buy__desc { display: none; } }
/* Comparison table: the two pictures a bit bigger, sitting on the table's top edge (as in the design) */
.c190-table__art { width: 92px; height: 92px; bottom: calc(100% - 46px); }
.c190-table__yes--head .c190-table__art { bottom: calc(100% - 48px); }
@media screen and (max-width: 699px) {
  .c190-table__yes--head { margin-top: -30px; padding-top: 64px; }
  .c190-table__no--head { padding-top: 70px; }
  .c190-vs .c190-head { margin-bottom: 84px; }
}
@media screen and (min-width: 700px) {
  .c190-table__art { width: 150px; height: 120px; bottom: calc(100% - 60px); }
  .c190-table__yes--head .c190-table__art { width: 110px; height: 110px; bottom: calc(100% - 52px); }
  .c190-table__yes--head { padding-top: 84px; }
  .c190-table__no--head { padding-top: 88px; }
  .c190-vs .c190-head { margin-bottom: 120px; }
}

/* ================================================================ Round 4: comparison table header as in the design */
/* The blue column pokes just above the table, the ball sits half over its top edge with the wordmark under it,
   the tiles overlap the table edge with their label right below. */
.c190-table__logo-mask { display: block; width: 150px; background: #FFFFFF; -webkit-mask: var(--logo) center / contain no-repeat; mask: var(--logo) center / contain no-repeat; }
.c190-table__yes--head, .c190-table__no--head { justify-content: flex-end; }
.c190-table__art { position: absolute; left: 50%; transform: translateX(-50%); object-fit: contain; }
@media screen and (max-width: 699px) {
  .c190-vs .c190-head { margin-bottom: 100px; }
  .c190-table__yes--head { margin-top: -20px; padding: 76px 8px 22px; border-radius: 24px 24px 0 0; }
  .c190-table__yes--head .c190-table__art { width: 100px; height: 100px; bottom: calc(100% - 60px); }
  .c190-table__no--head { padding: 54px 8px 18px; font-size: 14px; }
  .c190-table__no--head .c190-table__art { width: 108px; height: 92px; bottom: calc(100% - 30px); }
  .c190-table__logo-mask { width: 150px; }
  .c190-table__label, .c190-table__no, .c190-table__yes { font-size: 14px; padding: 14px 8px; }
  .c190-table__label { padding-left: 12px; font-size: 14px; }
}
@media screen and (min-width: 700px) {
  .c190-vs .c190-head { margin-bottom: 36px; }
  .c190-table__yes--head { margin-top: -6px; padding: 60px 20px 24px; border-radius: 26px 26px 0 0; }
  .c190-table__yes--head .c190-table__art { width: 92px; height: 92px; bottom: calc(100% - 32px); }
  .c190-table__no--head { padding: 64px 20px 24px; font-size: 17px; }
  .c190-table__no--head .c190-table__art { width: 190px; height: 100px; bottom: calc(100% - 36px); }
  .c190-table__logo-mask { width: 130px; }
}
/* Phones: wordmark fits the blue column, ball clear of it, cell text a touch smaller */
@media screen and (max-width: 699px) {
  .c190-table__logo-mask { width: min(112px, 86%); }
  .c190-table__yes--head { padding: 80px 6px 20px; }
  .c190-table__yes--head .c190-table__art { width: 96px; height: 96px; bottom: calc(100% - 56px); }
  .c190-table__label, .c190-table__no, .c190-table__yes { font-size: 13px; padding: 12px 6px; }
  .c190-table__label { padding-left: 10px; }
  .c190-table__no--head { font-size: 13px; }
}
/* The ball picture is a wide file (600x360) with the ball in its middle 46%: give it a box with the file's proportions so the ball
   itself comes out ~90px on desktop and ~80px on phones, sitting half over the blue column's top edge */
@media screen and (min-width: 700px) {
  .c190-table__yes--head { margin-top: 0; }
  .c190-table__yes--head .c190-table__art { width: 200px; height: 120px; bottom: calc(100% - 42px); }
}
@media screen and (max-width: 699px) {
  .c190-table__yes--head .c190-table__art { width: 176px; height: 106px; bottom: calc(100% - 66px); }
}
/* Phones: a little more air between the ball and the wordmark */
@media screen and (max-width: 699px) { .c190-table__yes--head { padding-top: 88px; } }