/* Beauty benefits 1.0.0. Keep the original wrapper for compatibility with slideshow OCMOD. */
.vera-site .v-benefits{display:block;padding:0;border:0;gap:0}
.beauty-benefits{margin:var(--bb-margin-top) 0 var(--bb-margin-bottom);padding:var(--bb-padding-y) var(--bb-padding-x);background:var(--bb-background,transparent);border-radius:var(--bb-radius);border-bottom:var(--bb-divider) solid var(--bb-divider-color)}
.beauty-benefits *{box-sizing:border-box}
.beauty-benefits .bb-grid{list-style:none;display:grid;grid-template-columns:repeat(var(--bb-columns),minmax(0,1fr));column-gap:var(--bb-column-gap);row-gap:var(--bb-row-gap);margin:0;padding:0}
.beauty-benefits .bb-cell{min-width:0;list-style:none;margin:0;padding:0}
.beauty-benefits .bb-card{display:flex;align-items:var(--bb-vertical);gap:var(--bb-icon-gap);min-width:0;min-height:var(--bb-card-min-height);height:100%;padding:var(--bb-card-padding);border:var(--bb-card-border) solid var(--bb-card-border-color);border-radius:var(--bb-card-radius);background:var(--bb-card-bg,transparent);box-shadow:var(--bb-shadow);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.beauty-benefits .bb-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--bb-text-gap);text-align:var(--bb-align)}
.beauty-benefits .bb-title{display:block;font-size:var(--bb-title-size);font-weight:var(--bb-title-weight);line-height:var(--bb-line-height);color:var(--bb-title-color);white-space:pre-line;overflow-wrap:anywhere;transition:color .2s}
.beauty-benefits .bb-text{display:block;font-size:var(--bb-text-size);line-height:var(--bb-line-height);color:var(--bb-text-color);white-space:pre-line;overflow-wrap:anywhere}
.beauty-benefits .bb-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bb-icon-color);padding:var(--bb-icon-padding);border-radius:var(--bb-icon-radius);background:var(--bb-icon-bg,transparent)}
.beauty-benefits .bb-icon svg,.beauty-benefits .bb-icon img{display:block;width:var(--bb-icon-size);height:var(--bb-icon-size)}
.beauty-benefits .bb-icon svg{stroke-width:var(--bb-icon-stroke)}.beauty-benefits .bb-icon img{object-fit:contain}
.beauty-benefits.bb-icons-right .bb-icon{order:1}.beauty-benefits.bb-icons-top .bb-card{flex-direction:column;align-items:stretch}.beauty-benefits.bb-icons-top .bb-icon{align-self:var(--bb-icon-align);order:0}.beauty-benefits.bb-icons-top .bb-copy{flex:0}
.beauty-benefits .bb-link:hover,.beauty-benefits .bb-link:focus-visible{background:var(--bb-card-hover-bg,var(--bb-card-bg,transparent))}.beauty-benefits .bb-link:hover .bb-title,.beauty-benefits .bb-link:focus-visible .bb-title{color:var(--bb-title-hover-color)}
.beauty-benefits.bb-hover-lift .bb-link:hover,.beauty-benefits.bb-hover-lift .bb-link:focus-visible{transform:translateY(-3px)}
@media(min-width:951px){.beauty-benefits.bb-hide-desktop,.beauty-benefits .bb-hide-desktop{display:none}}
@media(min-width:561px) and (max-width:950px){.beauty-benefits .bb-grid{grid-template-columns:repeat(var(--bb-tablet-columns),minmax(0,1fr));gap:var(--bb-tablet-gap)}.beauty-benefits.bb-hide-tablet,.beauty-benefits .bb-hide-tablet{display:none}}
@media(max-width:560px){
 .beauty-benefits{padding:var(--bb-mobile-padding-y) var(--bb-mobile-padding-x)}
 .beauty-benefits .bb-grid{grid-template-columns:repeat(var(--bb-mobile-columns),minmax(0,1fr));column-gap:var(--bb-mobile-column-gap);row-gap:var(--bb-mobile-row-gap)}
 .beauty-benefits.bb-hide-mobile,.beauty-benefits .bb-hide-mobile{display:none}
 .beauty-benefits .bb-card{gap:var(--bb-mobile-icon-gap);padding:var(--bb-mobile-card-padding);align-items:flex-start}
 .beauty-benefits .bb-title{font-size:var(--bb-mobile-title-size)}.beauty-benefits .bb-text{font-size:var(--bb-mobile-text-size)}.beauty-benefits .bb-copy{text-align:var(--bb-mobile-align)}
 .beauty-benefits .bb-icon svg,.beauty-benefits .bb-icon img{width:var(--bb-mobile-icon-size);height:var(--bb-mobile-icon-size)}
 .beauty-benefits.bb-mobile-icons-left .bb-card,.beauty-benefits.bb-mobile-icons-right .bb-card{flex-direction:row;align-items:flex-start}
 .beauty-benefits.bb-mobile-icons-left .bb-icon{order:0;align-self:auto}.beauty-benefits.bb-mobile-icons-right .bb-icon{order:1;align-self:auto}
 .beauty-benefits.bb-mobile-icons-top .bb-card{flex-direction:column;align-items:stretch}.beauty-benefits.bb-mobile-icons-top .bb-icon{order:0;align-self:var(--bb-mobile-icon-align)}
 .beauty-benefits.bb-mobile-icons-left .bb-copy,.beauty-benefits.bb-mobile-icons-right .bb-copy{flex:1}
}
@media(prefers-reduced-motion:reduce){.beauty-benefits .bb-card,.beauty-benefits .bb-title{transition:none}.beauty-benefits.bb-hover-lift .bb-link:hover,.beauty-benefits.bb-hover-lift .bb-link:focus-visible{transform:none}}