Pleťový olej proti vráskám – 50 ml – Bioherba

.hb-product.hb-description, .hb-product.hb-description *{box-sizing: border-box; font-family: "Open Sans", Arial, sans-serif !important;}

.hb-product.hb-description{--hb-deep: #071b34; --hb-accent: #1f568d; --hb-soft: #eaf2f8; --hb-highlight: #f3c85f; --hb-overlay: linear-gradient(90deg,rgba(5,19,38,.95),rgba(5,19,38,.72) 45%,transparent 78%); --hb-navy: var(--hb-deep); --hb-blue: var(--hb-accent); --hb-blue-soft: var(--hb-soft); --hb-gold: #d9ad45; --hb-cream: #f8f4ea; --hb-ink: #172231; --hb-muted: #5f6b78; --hb-line: #dce3e9; max-width: 1180px; margin: 0px auto; color: var(--hb-ink); font-size: 17px; line-height: 1.65;}

.hb-product.hb-description.hb-theme-berry{--hb-deep: #42131d; --hb-accent: #9b253b; --hb-soft: #fbebee; --hb-highlight: #ffd293; --hb-gold: #c98f3e; --hb-cream: #fcf5ed; --hb-overlay: linear-gradient(90deg,rgba(55,14,23,.95),rgba(55,14,23,.72) 45%,transparent 78%);}

.hb-product.hb-description h2, .hb-product.hb-description h3{overflow-wrap: break-word; margin: 0px !important; color: var(--hb-navy) !important; line-height: 1.18 !important;}

.hb-product.hb-description h2{letter-spacing: -0.02em; font-size: clamp(28px, 3.5vw, 42px) !important; font-weight: 700 !important;}

.hb-product.hb-description h3{font-size: 20px !important; font-weight: 700 !important;}

.hb-product.hb-description p{margin: 0px; overflow-wrap: break-word;}

.hb-product.hb-description a{color: var(--hb-blue); overflow-wrap: anywhere; text-underline-offset: 3px;}

.hb-product.hb-description img{display: block; max-width: 100%; height: auto;}

.hb-product.hb-description .hb-section{padding: 68px 32px;}

.hb-product.hb-description .hb-section--soft{background: var(--hb-cream); border-radius: 24px;}

.hb-product.hb-description .hb-kicker{display: inline-block; margin-bottom: 12px; color: var(--hb-navy); font-size: 13px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase;}

.hb-product.hb-description .hb-hero{position: relative; display: grid; min-height: 560px; overflow: hidden; isolation: isolate; border-radius: 24px; background: var(--hb-navy); color: rgb(255, 255, 255);}

.hb-product.hb-description .hb-hero > img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 70% center;}

.hb-product.hb-description .hb-hero::after{content: ""; position: absolute; inset: 0px; z-index: 1; background: var(--hb-overlay);}

.hb-product.hb-description .hb-hero__copy{position: relative; z-index: 2; align-self: center; width: 54%; padding: 56px 20px 56px 56px;}

.hb-product.hb-description .hb-hero h2{color: rgb(255, 255, 255) !important; font-size: clamp(34px, 4.4vw, 52px) !important;}

.hb-product.hb-description .hb-hero h2 strong, .hb-product.hb-description .hb-hero .hb-kicker{color: var(--hb-highlight) !important;}

.hb-product.hb-description .hb-hero p{margin-top: 18px; color: rgb(237, 244, 251); font-size: 18px;}

.hb-product.hb-description .hb-benefits{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px…