html body.template-collection #MainContent .template-collection .wella-child-product-card:after{top:clamp(.8rem,1.4vw,1.8rem)!important;left:calc(50% + clamp(2rem,2.4vw,4rem))!important;right:auto!important;transform:translate(-12%)!important}html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=koleston-rtu-spray]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=wellaflex]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=welloxon]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=hair-oxidant]):after{top:clamp(.6rem,1vw,1.4rem)!important;left:calc(50% + clamp(.45rem,.8vw,1.35rem))!important;right:auto!important;transform:translate(-8%)!important}html body.template-collection #MainContent .template-collection .main-collection-grid .product-card-wrapper .card--block-media.wella-current-card-badge-canvas .ratio>.card__content>.card__badge,html body.template-collection #MainContent .template-collection .main-collection-grid .card-wrapper .card--block-media.wella-current-card-badge-canvas .ratio>.card__content>.card__badge{top:var(--wella-shade-badge-top, clamp(1.2rem, 1.8vw, 2.4rem))!important;left:calc(50% + var(--wella-shade-badge-x, clamp(1.25rem, 1.7vw, 2.8rem)))!important;right:auto!important;transform:translate(-12%)!important}html body.template-collection #MainContent .template-collection .main-collection-grid .card--block-media.wella-badge-anchor--slim .ratio>.card__content>.card__badge{top:clamp(.7rem,1.1vw,1.6rem)!important;left:calc(50% + clamp(.45rem,.8vw,1.35rem))!important;right:auto!important;transform:translate(-8%)!important}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray],a[href*=wellaflex],a[href*=welloxon]) .card--block-media:not(.wella-current-card-badge-canvas),html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray],a[href*=wellaflex],a[href*=welloxon]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio{overflow:visible!important}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray],a[href*=wellaflex],a[href*=welloxon]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio{position:relative!important}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray],a[href*=wellaflex],a[href*=welloxon]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{position:absolute;top:clamp(.7rem,1.1vw,1.6rem);left:calc(50% + clamp(.45rem,.8vw,1.35rem));right:auto;transform:translate(-8%);display:inline-flex;align-items:center;justify-content:center;min-height:24px;max-width:min(14rem,calc(100vw - 3rem));padding:6px 12px;border:1px solid #d1ad4c;background:#f6e4a5;color:#4b3209;border-radius:0;box-shadow:0 1px #0000000a;font-size:1.02rem;font-weight:700;letter-spacing:.055em;line-height:1.08;text-align:center;text-transform:uppercase;white-space:normal;z-index:8;pointer-events:none}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=medium-to-dark-brown]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"MEDIUM DARK BROWN";background:#ead2bd;border-color:#9a6942;color:#4a2a16}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=medium-blonde]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"MEDIUM BLONDE"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=dark-blonde-to-light-brown]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"DARK BLONDE"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray-black]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"BLACK";background:#111;border-color:#111;color:#fff}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=gel-spray]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"GEL SPRAY"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=matte-paste]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"MATTE PASTE"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=hairspray]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"HAIRSPRAY"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=mousse]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"MOUSSE"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=welloxon-developer-10]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"9% DEVELOPER"}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=welloxon-developer-7]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{content:"6% DEVELOPER"}@media screen and (max-width:749px){html body.template-collection #MainContent .template-collection .wella-child-product-card:after{top:6px!important;left:calc(50% + 2.4rem)!important;right:auto!important;transform:translate(-10%)!important}html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=koleston-rtu-spray]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=wellaflex]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=welloxon]):after,html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=hair-oxidant]):after{left:calc(50% + 1.1rem)!important}html body.template-collection #MainContent .template-collection .main-collection-grid .product-card-wrapper .card--block-media.wella-current-card-badge-canvas .ratio>.card__content>.card__badge,html body.template-collection #MainContent .template-collection .main-collection-grid .card-wrapper .card--block-media.wella-current-card-badge-canvas .ratio>.card__content>.card__badge{top:var(--wella-shade-badge-top-mobile, 6px)!important;left:calc(50% + var(--wella-shade-badge-x-mobile, 1.6rem))!important;right:auto!important;transform:translate(-10%)!important}html body.template-collection #MainContent .template-collection .main-collection-grid .card--block-media.wella-badge-anchor--slim .ratio>.card__content>.card__badge{left:calc(50% + 1rem)!important;right:auto!important}html body.template-collection #MainContent .template-collection :is(.main-collection-grid,.wella-featured-bestsellers) :is(.product-card-wrapper,.card-wrapper):has(a[href*=root-touch-up-spray],a[href*=wellaflex],a[href*=welloxon]) .card--block-media:not(.wella-current-card-badge-canvas) .ratio:after{top:6px;left:calc(50% + 1rem);right:auto;transform:translate(-8%);min-height:22px;max-width:min(11.5rem,calc(100vw - 2rem));padding:5px 8px;font-size:.82rem;letter-spacing:.04em}}.template-collection .wella-child-product-card .card--block-media .ratio:after{display:none!important;content:none!important}html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=welloxon]):after{left:calc(50% + clamp(2rem,2.4vw,4rem))!important;right:auto!important;transform:translate(-12%)!important}@media screen and (max-width:749px){html body.template-collection #MainContent .template-collection .wella-child-product-card:has(.wella-child-product-card__link[href*=welloxon]):after{left:calc(50% + 2.4rem)!important;right:auto!important;transform:translate(-10%)!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wella-badge-hotfix.css.map */