/*! C2-UPSELL · Warenkorb-Upselling für C²Coating
 *  Alle Farben kommen aus den Theme-Variablen (snippets/css-variables.liquid).
 *  Das Theme gibt Farben als RGB-Tripel aus, deshalb immer rgb(var(--…) / a).
 *  Mobile zuerst. Keine horizontale Scrollleiste. Tap-Ziele mindestens 44px.
 */.c2{--c2-text: rgb(var(--color-base-text));--c2-muted: rgb(var(--color-base-text) / .62);--c2-bg: rgb(var(--color-base-background));--c2-brand: rgb(var(--color-base-button));--c2-brand-text: rgb(var(--color-base-button-text));--c2-tint: rgb(var(--color-base-button) / .07);--c2-tint-strong: rgb(var(--color-base-button) / .14);--c2-line: rgb(var(--color-base-text) / .12);--c2-line-brand: rgb(var(--color-base-button) / .28);--c2-soft: rgb(var(--color-base-text) / .04);--c2-accent: var(--c2-text);--c2-progress: var(--c2-brand);--c2-radius: var(--rounded-block, .875rem);--c2-radius-sm: var(--rounded-input, .375rem);--c2-radius-pill: var(--rounded-button, 3.75rem);font-family:var(--font-body-family);color:var(--c2-text)}@supports (color: color-mix(in srgb,red,blue)){.c2{--c2-accent: color-mix(in srgb, rgb(var(--color-base-button)) 68%, rgb(var(--color-base-text)))}}.c2 *,.c2 *:before,.c2 *:after{box-sizing:border-box}.c2[hidden]{display:none!important}.c2-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem .875rem;border:1.5px solid var(--c2-brand);border-radius:var(--c2-radius-pill);background:var(--c2-bg);color:var(--c2-accent);font-family:var(--font-button-family);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.c2-pill:hover:not([disabled]),.c2-pill:focus-visible{background:var(--c2-brand);color:var(--c2-brand-text)}.c2-pill[disabled],.c2-pill[aria-busy=true]{opacity:.6;cursor:default}.c2-pill__spinner{display:none;width:14px;height:14px;flex:none;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:c2-spin .7s linear infinite}.c2-pill[aria-busy=true] .c2-pill__spinner{display:block}@keyframes c2-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c2-pill__spinner{animation-duration:2s}}.c2-error{margin:.5rem 0 0;color:rgb(var(--color-error-text));font-size:var(--text-xs);line-height:1.35}.c2-error[hidden]{display:none}.c2-rewards{padding:.875rem .875rem .75rem;border:1px solid var(--c2-line-brand);border-radius:var(--c2-radius);background:var(--c2-tint)}.c2-rewards__message{margin:0 0 .875rem;font-size:var(--text-sm);line-height:1.4}.c2-rewards__message b{font-weight:700}.c2-rewards__track{position:relative;height:8px;margin:0 13px 1.875rem;border-radius:99px;background:var(--c2-tint-strong)}.c2-rewards__fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--c2-progress);transition:width .5s cubic-bezier(.2,.8,.2,1)}.c2-rewards .c2-rewards__fill{display:block}@media(prefers-reduced-motion:reduce){.c2-rewards__fill{transition:none}}.c2-rewards__step{position:absolute;top:50%;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--c2-line-brand);border-radius:50%;background:var(--c2-bg);color:var(--c2-muted);transform:translate(-50%,-50%);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.c2-rewards__step svg{width:13px;height:13px}.c2-rewards__step.is-reached{border-color:var(--c2-progress);background:var(--c2-progress);color:var(--c2-brand-text)}@supports (background: color-mix(in srgb,red 50%,blue)){.c2{--c2-progress: color-mix(in srgb, var(--c2-brand) 72%, var(--c2-text))}}.c2-rewards__label{position:absolute;top:30px;left:50%;color:var(--c2-muted);font-size:var(--text-xs);font-style:normal;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;transform:translate(-50%)}.c2-rewards__step--start .c2-rewards__label{left:0;transform:none;text-align:left}.c2-rewards__step--end .c2-rewards__label{left:auto;right:0;transform:none;text-align:right}.c2-rewards--staggered .c2-rewards__track{margin-bottom:3.5rem}.c2-rewards--staggered .c2-rewards__step:nth-child(odd) .c2-rewards__label{top:47px}.c2-rewards__step.is-reached .c2-rewards__label{color:var(--c2-text)}.c2-rewards__step:first-of-type .c2-rewards__label{left:0;transform:none;text-align:left}.c2-rewards__step:last-of-type .c2-rewards__label{right:0;left:auto;transform:none;text-align:right}.c2-rewards--page{background:var(--c2-bg)}.c2-slot--mobile{display:none}@media screen and (max-width:989px){.c2-slot--mobile{display:block}.c2-slot--desktop{display:none}}.c2-upgrade{display:flex;gap:.75rem;align-items:center;margin-top:.5rem;padding:.625rem .75rem;border:1px dashed var(--c2-line-brand);border-radius:var(--c2-radius-sm);background:var(--c2-soft)}.c2-upgrade__icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid var(--c2-line);border-radius:50%;background:var(--c2-bg);color:var(--c2-accent)}.c2-upgrade__icon svg{width:15px;height:15px}.c2-upgrade__body{flex:1 1 auto;min-width:0}.c2-upgrade__title{display:block;font-size:var(--text-2sm);font-weight:700;line-height:1.3}.c2-upgrade__note{display:block;color:var(--c2-muted);font-size:var(--text-xs);line-height:1.35}.c2-upgrade-item{margin-top:calc(var(--sp-5) * -1);margin-bottom:var(--sp-2)}.c2-upgrade-row>td{padding:0 0 1rem;border:0}@media screen and (max-width:479px){.c2-upgrade{flex-wrap:wrap}.c2-upgrade .c2-pill{width:100%}}.c2-bundle{display:flex;gap:.75rem;align-items:center;margin:1rem 0 .25rem;padding:.75rem .875rem;border-radius:var(--c2-radius);background:var(--c2-text);color:var(--c2-bg)}.c2-bundle__body{flex:1 1 auto;min-width:0}.c2-bundle__actions{flex:none}.c2-bundle__media{overflow:hidden;width:48px;height:48px;flex:none;border-radius:var(--c2-radius-sm);background:rgb(var(--color-base-background) / .1)}.c2-bundle__media img{display:block;width:100%;height:100%;object-fit:contain}.c2-bundle__title{display:block;margin-bottom:.125rem;font-size:var(--text-2sm);font-weight:700}.c2-bundle__note{margin:0;color:rgb(var(--color-base-background) / .78);font-size:var(--text-xs);line-height:1.4}.c2-bundle .c2-pill{border-color:var(--c2-brand);background:var(--c2-brand);color:var(--c2-brand-text)}.c2-bundle .c2-pill:hover:not([disabled]),.c2-bundle .c2-pill:focus-visible{background:var(--c2-bg);color:var(--c2-text)}.c2-bundle .c2-error{color:rgb(var(--color-base-background) / .9)}.c2-cross{margin-top:1.375rem}.c2-cross__heading{margin:0 0 .125rem;font-family:var(--font-heading-family);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;line-height:1.2}.c2-cross__subheading{margin:0 0 .625rem;color:var(--c2-muted);font-size:var(--text-2sm)}.c2-cross__list{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}.c2-cross__item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.625rem;border:1px solid var(--c2-line);border-radius:var(--c2-radius-sm)}.c2-cross__media{overflow:hidden;width:56px;height:56px;border-radius:var(--c2-radius-sm);background:var(--c2-soft)}.c2-cross__media img{display:block;width:100%;height:100%;object-fit:contain}.c2-cross__body{min-width:0}.c2-cross__title{display:block;color:inherit;font-size:var(--text-2sm);font-weight:600;line-height:1.3;text-decoration:none}.c2-cross__title:hover{text-decoration:underline}.c2-cross__benefit{display:block;margin-top:.125rem;color:var(--c2-muted);font-size:var(--text-xs);line-height:1.35}.c2-cross__price{display:block;margin-top:.1875rem;font-size:var(--text-2sm);font-weight:600}.c2-cross__price s{margin-right:.3125rem;color:var(--c2-muted);font-weight:400}.c2-cross__form{margin:0}.c2-cross--page .c2-cross__list{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:990px){.c2-cross--page .c2-cross__list{grid-template-columns:repeat(4,minmax(0,1fr))}.c2-cross--page .c2-cross__item{display:flex;flex-direction:column;text-align:center}.c2-cross--page .c2-cross__media{width:100%;height:auto;aspect-ratio:1}.c2-cross--page .c2-cross__form{width:100%;margin-top:auto;padding-top:.625rem}.c2-cross--page .c2-pill{width:100%}}@media screen and (max-width:749px){.c2-cross--page .c2-cross__list{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.c2-cross--page .c2-cross__list::-webkit-scrollbar{display:none}.c2-cross--page .c2-cross__item{position:relative;display:flex;flex:0 0 42%;flex-direction:column;gap:.25rem;padding:.375rem;scroll-snap-align:start}.c2-cross--page .c2-cross__media{width:100%;height:4.25rem}.c2-cross--page .c2-cross__title{display:-webkit-box;overflow:hidden;font-size:var(--text-xs);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.c2-cross--page .c2-cross__benefit{display:none}.c2-cross--page .c2-cross__price{margin-top:0;font-size:var(--text-xs)}.c2-cross--page .c2-cross__form{position:absolute;top:0;right:0}.c2-cross--page .c2-pill>span:not(.c2-pill__spinner){display:none}.c2-cross--page .c2-pill[aria-busy=true]:after{display:none}}.c2-savings{display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .625rem;border-radius:var(--c2-radius-sm);background:var(--c2-tint);color:var(--c2-accent);font-size:var(--text-2sm);font-weight:600}.c2-savings__amount{white-space:nowrap}.c2-trust{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;color:var(--c2-muted);font-size:var(--text-xs);line-height:1.3}.c2-trust__item{display:flex;gap:.3125rem;align-items:center}.c2-trust__item svg{width:13px;height:13px;flex:none;color:var(--c2-brand)}#CartDrawer .drawer__scrollable{gap:.875rem}#CartDrawer .c2-rewards{padding:.625rem .75rem .5rem}#CartDrawer .c2-rewards__message{margin-bottom:.625rem}#CartDrawer .c2-rewards__track{margin-bottom:1.5rem}#CartDrawer .c2-bundle{gap:.625rem;margin:0;padding:.625rem .75rem}#CartDrawer .c2-bundle__media{width:44px;height:44px}#CartDrawer .c2-upgrade{gap:.625rem;margin-top:.25rem;padding:.5rem .625rem}#CartDrawer .c2-upgrade__icon{width:26px;height:26px}#CartDrawer .c2-upgrade__icon svg{width:13px;height:13px}#CartDrawer .c2-upgrade-item{margin-top:calc(var(--sp-6) * -1);margin-bottom:var(--sp-3)}.c2-cross--compact{margin-top:0}.c2-cross--compact .c2-cross__heading{font-size:var(--text-base)}.c2-cross--compact .c2-cross__subheading{margin-bottom:.5rem}.c2-cross--compact .c2-cross__list{display:flex;gap:.5rem;margin-inline:calc(var(--sp-5) * -1);padding-inline:var(--sp-5);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.c2-cross--compact .c2-cross__list::-webkit-scrollbar{display:none}.c2-cross--compact .c2-cross__item{position:relative;display:flex;flex:0 0 7.25rem;flex-direction:column;gap:.25rem;padding:.375rem;scroll-snap-align:start}.c2-cross--compact .c2-cross__media{width:100%;height:4.25rem}.c2-cross--compact .c2-cross__title{display:-webkit-box;overflow:hidden;font-size:var(--text-xs);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.c2-cross--compact .c2-cross__benefit{display:none}.c2-cross--compact .c2-cross__price{margin-top:0;font-size:var(--text-xs)}.c2-cross--compact .c2-cross__form{position:absolute;top:0;right:0}.c2-cross--compact .c2-pill>span:not(.c2-pill__spinner){display:none}.c2-cross--compact .c2-pill[aria-busy=true]:after{display:none}#CartDrawer .drawer__footer-top{padding-block:.5rem}#CartDrawer .drawer__footer-bottom{gap:.625rem;padding-block:.75rem}#CartDrawer .drawer__footer-bottom>.grid{gap:.5rem}#CartDrawer .drawer__footer-bottom .grid-cols-2{grid-template-columns:minmax(0,1fr);gap:.125rem}#CartDrawer .drawer__footer-bottom .tax-note{order:2;font-size:var(--text-xs);line-height:1.3}#CartDrawer .drawer__footer-bottom .totals{order:1;display:flex;gap:.5rem;align-items:baseline;justify-content:space-between;place-self:auto}#CartDrawer .c2-bundle__title{overflow:hidden;margin-bottom:.125rem;text-overflow:ellipsis;white-space:nowrap}#CartDrawer .c2-bundle__note,#CartDrawer .horizontal-product__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}@media screen and (max-width:749px){.cart-item .cart__item-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}#CartDrawer .c2-cross__heading{line-height:1.2}#CartDrawer .c2-cross__subheading{margin-bottom:.375rem;line-height:1.2}#CartDrawer .drawer__scrollable{padding-block:1rem .5rem;gap:.75rem}#CartDrawer .c2-rewards__track{margin-bottom:1.25rem}#CartDrawer .c2-cross--compact .c2-cross__item{gap:.1875rem;padding:.25rem}#CartDrawer .c2-cross--compact .c2-cross__media{height:3.5rem}#CartDrawer .c2-rewards__track{margin-bottom:1.375rem}#CartDrawer .c2-rewards--staggered .c2-rewards__track{margin-bottom:3.25rem}#CartDrawer .drawer__scrollable{padding-block:.75rem .5rem}#CartDrawer .drawer__footer-bottom{gap:.5rem;padding-block:.625rem}@media screen and (max-width:479px){#CartDrawer .c2-bundle__media{display:none}#CartDrawer .c2-bundle .c2-pill{max-width:8.5rem;white-space:normal}}#CartDrawer .drawer__scrollable>cart-items{flex-grow:0}.c2-cross__media{background:var(--c2-bg)}.c2-cross--compact .c2-pill{position:relative;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}.c2-cross--compact .c2-pill:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid var(--c2-brand);border-radius:50%;background:var(--c2-bg);box-shadow:0 1px 4px rgb(var(--color-base-text) / .16);transition:background-color .2s ease}.c2-cross--compact .c2-pill:after{content:"+";position:relative;color:var(--c2-accent);font-size:1.125rem;font-weight:500;line-height:1}.c2-cross--compact .c2-pill:hover:before,.c2-cross--compact .c2-pill:focus-visible:before{background:var(--c2-brand)}.c2-cross--compact .c2-pill:hover:after,.c2-cross--compact .c2-pill:focus-visible:after{color:var(--c2-brand-text)}.c2-cross--compact .c2-pill__spinner{position:relative;color:var(--c2-accent)}@media screen and (max-width:749px){.c2-cross--page .c2-pill{position:relative;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}.c2-cross--page .c2-pill:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid var(--c2-brand);border-radius:50%;background:var(--c2-bg);box-shadow:0 1px 4px rgb(var(--color-base-text) / .16);transition:background-color .2s ease}.c2-cross--page .c2-pill:after{content:"+";position:relative;color:var(--c2-accent);font-size:1.125rem;font-weight:500;line-height:1}.c2-cross--page .c2-pill:hover:before,.c2-cross--page .c2-pill:focus-visible:before{background:var(--c2-brand)}.c2-cross--page .c2-pill:hover:after,.c2-cross--page .c2-pill:focus-visible:after{color:var(--c2-brand-text)}.c2-cross--page .c2-pill__spinner{position:relative;color:var(--c2-accent)}}.c2-rewards__again{padding:0;border:0;background:none;color:var(--c2-accent);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.c2-rewards__again:hover,.c2-rewards__again:focus-visible{text-decoration-thickness:2px}@media screen and (max-width:639px){#CartDrawer .drawer__inner{max-height:none;border-start-start-radius:0;border-start-end-radius:0}#CartDrawer .drawer__close{display:flex;opacity:1;pointer-events:auto}#CartDrawer .drawer__header{padding-block:1.125rem .625rem}#CartDrawer .drawer__title{font-size:1.375rem}#CartDrawer .drawer__footer-bottom{padding-block-end:calc(.625rem + env(safe-area-inset-bottom))}#CartDrawer .c2-upgrade{gap:.5rem;padding:.5rem .625rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/c2-upsell.css.map */