.wella-blog-grid{background:var(--color-background, #fff);color:var(--color-foreground, #111)}.wella-blog-grid__hero{position:relative;min-height:var(--wella-blog-hero-height, 420px);display:flex;align-items:center;overflow:hidden;isolation:isolate;color:#fff}.wella-blog-grid__hero--fallback{background:radial-gradient(circle at 78% 30%,rgb(255 255 255 / .16),transparent 30%),linear-gradient(120deg,var(--color-primary, #cf1740),#8f0d2b)}.wella-blog-grid__hero-media,.wella-blog-grid__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.wella-blog-grid__hero-media{z-index:-2}.wella-blog-grid__hero-image{width:100%;height:100%;object-fit:cover;display:block}.wella-blog-grid__hero-overlay{z-index:-1;background:#000;opacity:var(--overlay-opacity, .2)}.wella-blog-grid__hero-content{width:100%;text-align:center;padding-block:48px}.wella-blog-grid__hero-title,.wella-blog-grid__page-title{margin:0;font-family:var(--font-heading--family, inherit);font-weight:600;letter-spacing:-.03em}.wella-blog-grid__hero-title{color:#fff;font-size:clamp(4rem,7vw,7.2rem);line-height:.98;text-shadow:0 2px 18px rgb(0 0 0 / .16)}.wella-blog-grid__heading-wrap{padding-top:38px;text-align:center}.wella-blog-grid__page-title{font-size:clamp(3rem,5vw,5.2rem);color:var(--color-foreground-heading, #111)}.wella-blog-grid__breadcrumbs{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 18px;font-size:1.3rem;line-height:1.4;color:#ffffffe6}.wella-blog-grid__breadcrumbs a{color:inherit;text-decoration:none}.wella-blog-grid__breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.wella-blog-grid__breadcrumbs--dark{color:var(--color-foreground, #111)}.wella-blog-grid__content{padding-top:36px;padding-bottom:72px}.wella-blog-grid__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}.wella-blog-grid__filter{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border:1px solid var(--wella-blog-filter-border, #cf1740);border-radius:999px;color:var(--wella-blog-filter-text, #cf1740);background:transparent;text-decoration:none;font-size:1.3rem;line-height:1;font-weight:600;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.wella-blog-grid__filter:hover,.wella-blog-grid__filter:focus-visible,.wella-blog-grid__filter.is-active{color:var(--wella-blog-filter-active-text, #fff);background:var(--wella-blog-filter-active-bg, #cf1740);border-color:var(--wella-blog-filter-active-bg, #cf1740)}.wella-blog-grid__filter:hover{transform:translateY(-1px)}.wella-blog-grid__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:52px}.wella-blog-card{min-width:0;display:flex;flex-direction:column}.wella-blog-card__image-link{display:block;text-decoration:none}.wella-blog-card__image-wrap{position:relative;width:100%;padding-bottom:var(--wella-blog-card-ratio, 62.5%);overflow:hidden;border-radius:18px;background:#f4f4f4}.wella-blog-card__image,.wella-blog-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wella-blog-card__image{object-fit:cover;transform:scale(1);transition:transform .42s cubic-bezier(.2,.7,.2,1)}.wella-blog-card:hover .wella-blog-card__image{transform:scale(1.035)}.wella-blog-card__placeholder{display:grid;place-items:center;background:radial-gradient(circle at 75% 25%,rgb(255 255 255 / .24),transparent 28%),linear-gradient(135deg,var(--color-primary, #cf1740),#8e0e2b);color:#fff;font-size:clamp(2rem,4vw,4.4rem);font-weight:800;letter-spacing:.08em}.wella-blog-card__body{display:flex;flex-direction:column;flex:1;padding-top:14px}.wella-blog-card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px;color:rgb(var(--color-foreground-rgb, 17 17 17) / .58);font-size:var(--wella-blog-meta-size, 12px);line-height:1.45}.wella-blog-card__title{margin:0;font-size:var(--wella-blog-title-size, 20px);line-height:1.28;font-weight:600}.wella-blog-card__title a{color:var(--color-primary, #cf1740);text-decoration:none;transition:color .18s ease;font-size:inherit}.wella-blog-card__title a:hover,.wella-blog-card__title a:focus-visible{color:var(--color-primary-hover, #000)}.wella-blog-card__excerpt{margin:10px 0 0;color:var(--color-foreground, #111);font-size:var(--wella-blog-text-size, 14px);line-height:1.6}.wella-blog-card__button{align-self:flex-start;display:inline-grid;grid-auto-flow:column;align-items:center;gap:8px;width:fit-content;min-height:38px;margin-top:16px;font-size:var(--wella-blog-button-font-size, 14px);--button-border-radius: var(--wella-blog-button-radius, 999px)}.wella-blog-card__button:hover,.wella-blog-card__button:focus-visible{transform:translateY(-1px)}.wella-blog-card__button span{font-size:inherit}.wella-blog-card__button-icon{font-size:1.5rem;line-height:1}.wella-blog-grid__pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:56px}.wella-blog-grid__page{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-bottom:2px solid transparent;color:var(--color-foreground, #111);text-decoration:none;font-size:1.35rem;font-weight:600;transition:color .18s ease,border-color .18s ease,background .18s ease}.wella-blog-grid__page:hover,.wella-blog-grid__page:focus-visible,.wella-blog-grid__page.is-current{color:var(--color-primary, #cf1740);border-bottom-color:var(--color-primary, #cf1740)}.wella-blog-grid__page--arrow{border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .2);border-radius:999px}.wella-blog-grid__page--arrow:hover,.wella-blog-grid__page--arrow:focus-visible{color:var(--wella-blog-filter-active-text, #fff);background:var(--wella-blog-filter-active-bg, #cf1740);border-color:var(--wella-blog-filter-active-bg, #cf1740)}.wella-blog-grid__page--ellipsis{border-bottom:0;opacity:.55}.wella-blog-grid__load-more-wrap{display:flex;justify-content:center;margin-top:56px}.wella-blog-grid__load-more{min-width:150px;min-height:44px;width:fit-content;justify-content:center;gap:10px;cursor:pointer;font-size:var(--wella-blog-button-font-size, 14px);--button-border-radius: var(--wella-blog-button-radius, 999px)}.wella-blog-grid__load-more span{font-size:inherit}.wella-blog-grid__load-more:hover:not(:disabled),.wella-blog-grid__load-more:focus-visible:not(:disabled){transform:translateY(-1px)}.wella-blog-grid__load-more:disabled{cursor:wait;opacity:.75}.wella-blog-grid__spinner{width:15px;height:15px;border:2px solid rgb(255 255 255 / .42);border-top-color:#fff;border-radius:50%;display:none;animation:wella-blog-spin .75s linear infinite}.wella-blog-grid__load-more.is-loading .wella-blog-grid__spinner{display:inline-block}.wella-blog-grid__empty{grid-column:1 / -1;text-align:center;padding:60px 20px}@keyframes wella-blog-spin{to{transform:rotate(360deg)}}@media screen and (max-width:989px){.wella-blog-grid__items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:42px}}@media screen and (max-width:749px){.wella-blog-grid__hero{min-height:min(var(--wella-blog-hero-height, 420px),360px)}.wella-blog-grid__hero-content{padding-block:36px}.wella-blog-grid__hero-title{font-size:clamp(3.5rem,15vw,5.2rem)}.wella-blog-grid__content{padding-top:26px;padding-bottom:52px}.wella-blog-grid__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--page-margin, 20px) * -1);padding-inline:var(--page-margin, 20px);padding-bottom:6px;scrollbar-width:none}.wella-blog-grid__filters::-webkit-scrollbar{display:none}.wella-blog-grid__filter{flex:0 0 auto}.wella-blog-grid__items{grid-template-columns:1fr;row-gap:38px}.wella-blog-card__image-wrap{border-radius:14px}.wella-blog-grid__pagination,.wella-blog-grid__load-more-wrap{margin-top:42px}}@media(prefers-reduced-motion:reduce){.wella-blog-card__image,.wella-blog-card__button,.wella-blog-grid__filter,.wella-blog-grid__load-more{transition:none}.wella-blog-grid__spinner{animation-duration:1.5s}}.wella-blog-grid a.wella-blog-card__button,.wella-blog-grid a.wella-blog-card__button:visited{color:var(--wella-blog-button-text, #ffffff)!important}.wella-blog-grid a.wella-blog-card__button:hover,.wella-blog-grid a.wella-blog-card__button:focus-visible{background:var(--wella-blog-button-hover-bg, #a80f33)!important;color:var(--wella-blog-button-hover-text, #ffffff)!important;border-color:var(--wella-blog-button-hover-border, #a80f33)!important}.wella-blog-grid a.wella-blog-card__button span,.wella-blog-grid a.wella-blog-card__button:hover span,.wella-blog-grid a.wella-blog-card__button:focus-visible span{color:inherit!important}.wella-blog-grid .wella-blog-grid__load-more{color:var(--wella-blog-button-text, #ffffff)!important}.wella-blog-grid .wella-blog-grid__load-more:hover,.wella-blog-grid .wella-blog-grid__load-more:focus-visible{background:var(--wella-blog-button-hover-bg, #a80f33)!important;color:var(--wella-blog-button-hover-text, #ffffff)!important;border-color:var(--wella-blog-button-hover-border, #a80f33)!important}.wella-blog-grid .wella-blog-card__button,.wella-blog-grid .wella-blog-grid__load-more{padding:var(--wella-blog-button-padding-y, 10px) var(--wella-blog-button-padding-x, 18px)!important;min-height:auto!important;line-height:1.2}.wella-blog-grid .wella-blog-grid__load-more{min-width:auto!important;width:fit-content}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wella-blog-grid.css.map */