@layer components{.clarte-eyebrow{margin:0;font-family:var(--font-body);font-size:var(--fs-xsmall);font-weight:var(--font-body-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold-text)}.clarte-head{max-width:44rem;margin:0 auto var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-2xs)}.clarte-head__title,.section-clarte-usages .section-header__title,.section-clarte-steps .section-header__title,.section-clarte-benefits .section-header__title,.section-clarte-compare .section-header__title,.section-clarte-packs .section-header__title{margin:0;font-size:var(--fs-h2);line-height:1.14;letter-spacing:-.01em;text-wrap:balance}.clarte-head__sub{margin:0;color:var(--scheme-text-muted, var(--color-text-muted));font-size:var(--fs-body)}.clarte-hero{background:linear-gradient(160deg,var(--color-bg-alt) 0%,var(--color-bg) 62%)}.clarte-hero__inner{display:grid;gap:var(--space-sm)}.clarte-hero__intro,.clarte-hero__buy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);max-width:36rem}.clarte-hero__intro{gap:var(--space-xs)}@media screen and (min-width:900px){.clarte-hero__buy .button--full{width:auto;min-width:17rem;padding-inline:var(--space-lg)}}@media screen and (min-width:900px){.clarte-hero__inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"intro media" "buy   media";column-gap:var(--space-xl);row-gap:var(--space-lg);align-items:center}.clarte-hero__intro{grid-area:intro;align-self:end}.clarte-hero__buy{grid-area:buy;align-self:start}.clarte-hero__media{grid-area:media}.clarte-hero--media-left .clarte-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"media intro" "media buy"}}.clarte-hero__title{margin:0;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}.clarte-hero__subtitle{margin:0;font-size:var(--fs-body);line-height:var(--body-line-height);color:var(--color-text-muted);max-width:38ch}.clarte-hero__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-sm);margin:var(--space-3xs) 0 0;padding:0;list-style:none;width:100%}@media screen and (min-width:560px){.clarte-hero__specs{grid-template-columns:repeat(4,minmax(0,1fr))}}.clarte-hero__specs li{display:flex;flex-direction:column;gap:.15em}.clarte-hero__specs svg{color:var(--color-gold-dark);margin-bottom:var(--space-3xs)}.clarte-hero__spec-label{font-size:var(--fs-xsmall);font-weight:var(--font-body-weight-bold);line-height:1.25}.clarte-hero__spec-note{font-size:var(--fs-xsmall);color:var(--color-text-muted);line-height:1.25}.clarte-hero__form{width:100%;max-width:21rem}.clarte-hero__form .product-form__form{margin:0}.clarte-hero__reassurance{margin:0;font-size:var(--fs-xsmall);color:var(--color-text-muted)}.clarte-hero__media{position:relative}.clarte-hero__frame{position:relative;aspect-ratio:16 / 10;border-radius:var(--media-radius);overflow:hidden;background:var(--color-bg-alt)}@media screen and (min-width:900px){.clarte-hero__frame{aspect-ratio:5 / 4}}.clarte-hero__frame img,.clarte-hero__frame svg{display:block;width:100%;height:100%;object-fit:cover}.clarte-hero__badge{position:absolute;top:var(--space-sm);right:var(--space-sm);display:none;width:7.5rem;height:7.5rem;padding:var(--space-2xs);border-radius:50%;background:var(--color-bg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.6875rem;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.clarte-hero__badge em{display:block;margin-bottom:.35em;font-style:normal;font-size:.625rem;letter-spacing:.14em;color:var(--color-gold-text)}@media screen and (min-width:750px){.clarte-hero__badge{display:flex}}.clarte-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2xs)}.clarte-price__now{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.clarte-price__was{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--fs-body)}.clarte-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-sm);margin:0;padding:var(--space-md);list-style:none;border:1px solid var(--color-border);border-radius:var(--media-radius);background:var(--color-bg)}@media screen and (min-width:750px){.clarte-features{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.clarte-features{grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:var(--space-md) var(--space-lg)}}.clarte-feature{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon note";column-gap:var(--space-2xs);align-items:center}.clarte-feature svg{grid-area:icon;color:var(--color-gold-dark)}.clarte-feature__label{grid-area:label;font-size:var(--fs-xsmall);font-weight:var(--font-body-weight-bold);line-height:1.3}.clarte-feature__note{grid-area:note;font-size:var(--fs-xsmall);color:var(--color-text-muted);line-height:1.3}.clarte-usages{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.clarte-usages{grid-template-columns:repeat(3,minmax(0,1fr))}}.clarte-usage{display:flex;flex-direction:column;border-radius:var(--media-radius);overflow:hidden;background:var(--color-bg-alt)}.clarte-usage__media{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg)}.clarte-usage__media img{width:100%;height:100%;object-fit:cover;display:block}.clarte-usage__icon{color:var(--color-gold-dark);margin-bottom:var(--space-2xs)}.clarte-usage__body{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md)}.clarte-usage__label{font-size:var(--fs-xsmall);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-text)}.clarte-usage__title{margin:0;font-size:var(--fs-h4);line-height:1.2}.clarte-usage__text{margin:0;color:var(--color-text-muted);font-size:var(--fs-small)}.clarte-usage--photo{position:relative;isolation:isolate;min-height:22rem}.clarte-usage--photo .clarte-usage__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.clarte-usage--photo .clarte-usage__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#00000073 42%,#0000000d 75%)}.clarte-usage--photo .clarte-usage__body{position:relative;z-index:1;margin-top:auto;padding:var(--space-md);color:#fff}.clarte-usage--photo .clarte-usage__label{color:var(--color-gold)}.clarte-usage--photo .clarte-usage__title{color:#fff}.clarte-usage--photo .clarte-usage__text{color:#ffffffd9}.clarte-steps{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.clarte-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.clarte-step{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md);border:1px solid var(--scheme-border, var(--color-border));border-radius:var(--media-radius);background:var(--color-bg)}.clarte-step__dot{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-heading);font-size:var(--fs-small);color:var(--color-dark);background:var(--color-gold);opacity:var(--step-opacity, 1);margin-bottom:var(--space-2xs)}.clarte-step:nth-child(1){--step-opacity: .42}.clarte-step:nth-child(2){--step-opacity: .7}.clarte-step:nth-child(3){--step-opacity: 1}.clarte-step__time{font-size:var(--fs-xsmall);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold-text)}.clarte-step__title{margin:0;font-size:var(--fs-h4);line-height:1.2}.clarte-step__text{margin:0;font-size:var(--fs-small);color:var(--color-text-muted)}.clarte-benefits{display:grid;gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:990px){.clarte-benefits--4{grid-template-columns:repeat(4,minmax(0,1fr))}.clarte-benefits--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.clarte-benefit{display:flex;flex-direction:column;gap:var(--space-3xs)}.clarte-benefit__icon{color:var(--color-gold-dark);margin-bottom:var(--space-2xs)}.clarte-benefit__title{margin:0;font-size:var(--fs-h5);line-height:1.25}.clarte-benefit__text{margin:0;font-size:var(--fs-small);color:var(--color-text-muted)}.clarte-compare{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.clarte-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.clarte-compare__col{padding:var(--space-lg) var(--space-md);border-radius:var(--media-radius)}.clarte-compare__col--theirs{background:var(--color-bg-alt);color:var(--color-text-muted)}.clarte-compare__col--ours{background:var(--color-dark);color:var(--color-on-dark)}.clarte-compare__label{display:inline-block;padding:.3em .8em;border-radius:999px;font-size:var(--fs-xsmall);letter-spacing:.1em;text-transform:uppercase}.clarte-compare__col--theirs .clarte-compare__label{background:var(--color-bg);color:var(--color-text-muted)}.clarte-compare__col--ours .clarte-compare__label{background:var(--color-gold);color:var(--color-dark)}.clarte-compare__title{margin:var(--space-2xs) 0 var(--space-sm);font-size:var(--fs-h4);line-height:1.2}.clarte-compare__col--theirs .clarte-compare__title{color:var(--color-text)}.clarte-compare__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.clarte-compare__list li{display:grid;grid-template-columns:1.15rem 1fr;gap:var(--space-2xs);align-items:start;font-size:var(--fs-small)}.clarte-compare__list svg{margin-top:.2em;flex:none}.clarte-compare__col--theirs svg{color:var(--color-text-muted)}.clarte-compare__col--ours svg{color:var(--color-gold)}.clarte-showcase{display:grid;gap:var(--space-lg);grid-template-columns:minmax(0,1fr);align-items:center}@media screen and (min-width:900px){.clarte-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,.8fr);gap:var(--space-xl)}}.clarte-showcase__media{border-radius:var(--media-radius);overflow:hidden;background:var(--color-bg-alt)}.clarte-showcase__media img{display:block;width:100%;height:auto}.clarte-showcase__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.clarte-showcase__title{margin:0;font-size:var(--fs-h2);line-height:1.14;letter-spacing:-.01em;text-wrap:balance}.clarte-showcase__text{margin:0;color:var(--color-text-muted)}.clarte-showcase__form{width:100%;max-width:22rem}.clarte-showcase__form .product-form__form{margin:0}.clarte-showcase__payments{opacity:.75}.clarte-showcase__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.clarte-showcase__list li{display:grid;grid-template-columns:1.1rem 1fr;gap:var(--space-2xs);align-items:start;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:var(--fs-small)}.clarte-showcase__list li:last-child{border-bottom:0;padding-bottom:0}.clarte-showcase__list svg{color:var(--color-gold-dark);margin-top:.15em;flex:none}.clarte-packs{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-items:start}@media screen and (min-width:750px){.clarte-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.clarte-packs:has(>.clarte-pack:only-child){grid-template-columns:minmax(0,460px);justify-content:center}}.clarte-pack{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) var(--space-md) var(--space-md);border:1px solid var(--color-border);border-radius:var(--media-radius);background:var(--color-bg)}.clarte-pack--featured{border-color:var(--color-gold)}.clarte-pack__flag{position:absolute;top:0;left:var(--space-md);transform:translateY(-50%);padding:.3em .85em;border-radius:999px;background:var(--color-gold);color:var(--color-dark);font-size:var(--fs-xsmall);letter-spacing:.08em;text-transform:uppercase}.clarte-pack__title{margin:0;font-size:var(--fs-h4)}.clarte-pack__desc{margin:0;color:var(--color-text-muted);font-size:var(--fs-small)}.clarte-pack__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2xs)}.clarte-pack__price-now{font-family:var(--font-heading);font-size:var(--fs-h3);line-height:1}.clarte-pack__price-was{color:var(--color-text-muted);text-decoration:line-through}.clarte-pack__save{color:var(--color-sale);font-size:var(--fs-small)}.clarte-pack__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2xs)}.clarte-pack__list li{display:grid;grid-template-columns:1.05rem 1fr;gap:var(--space-2xs);align-items:start;font-size:var(--fs-small)}.clarte-pack__list svg{color:var(--color-gold-dark);margin-top:.2em;flex:none}.clarte-pack .button{margin-top:auto}.color-scheme--dark .button--primary{background-color:var(--color-on-dark);border-color:var(--color-on-dark);color:var(--color-dark)}.color-scheme--dark .button--primary:after{background-color:var(--color-gold)}.color-scheme--dark .button--primary:hover,.color-scheme--dark .button--primary:focus-visible{color:var(--color-dark);border-color:var(--color-gold)}.color-scheme--dark .button--secondary{border-color:var(--color-on-dark);color:var(--color-on-dark)}.clarte-sticky{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header) - 1);display:none;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--gutter);padding-bottom:max(var(--space-2xs),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--color-border);transform:translateY(110%);transition:transform var(--duration-base) var(--ease-out)}@supports not (backdrop-filter: blur(1px)){.clarte-sticky{background:var(--color-bg)}}.clarte-sticky[data-visible=true]{transform:translateY(0)}@media screen and (max-width:989px){.clarte-sticky{display:flex}}@media(prefers-reduced-motion:reduce){.clarte-sticky{transition:none}}.clarte-sticky__info{display:flex;flex-direction:column;min-width:0}.clarte-sticky__name{font-size:var(--fs-xsmall);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clarte-sticky__price{font-family:var(--font-heading);font-size:var(--fs-h5);line-height:1.1}.clarte-sticky .button{flex:1 1 auto;white-space:nowrap;--button-padding-y: .85em}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-clarte.css.map */