.hb-product.hb-description, .hb-product.hb-description *{box-sizing: border-box; font-family: "Open Sans", Arial, sans-serif !important;} Celý popis ↓
Srovnání cen Olej na suché vlasy – 50 ml – Bioherba
Ceny jsou bez dopravy. Kolik doprava stojí a jestli je zdarma, ukáže košík obchodu.
Podobné zboží
Popis Olej na suché vlasy – 50 ml – Bioherba
.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;}
Zobrazit celý popis
.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; margin-top: 36px;}
.hb-product.hb-description .hb-card{min-width: 0px; padding: 26px; border: 1px solid var(--hb-line); border-radius: 18px; background: rgb(255, 255, 255); text-align: left;}
- .hb-product.hb-description .hb-card p{margin-top: 18px; color: var(--hb-muted);}
- .hb-product.hb-description .hb-prose{max-width: 900px; margin: 30px auto 0px; text-align: left;}
- .hb-product.hb-description .hb-prose > p + p{margin-top: 18px;}
.hb-product.hb-description .hb-table-wrap{margin-top: 32px; max-width: 100%; overflow-x: auto; border: 1px solid var(--hb-line); border-radius: 18px; background: rgb(255, 255, 255);}
.hb-product.hb-description table{width: 100%; border-collapse: collapse; text-align: left;}
.hb-product.hb-description th, .hb-product.hb-description td{padding: 16px 18px; border-bottom: 1px solid var(--hb-line); vertical-align: top;}
- .hb-product.hb-description th{background: var(--hb-blue-soft); color: var(--hb-navy);}
- .hb-product.hb-description .hb-faq{max-width: 900px; margin: 34px auto 0px; text-align: left;}
- .hb-product.hb-description details{border-bottom: 1px solid var(--hb-line); background: rgb(255, 255, 255);}
.hb-product.hb-description summary{padding: 22px 8px; color: var(--hb-navy); font-size: 18px; font-weight: 700; cursor: pointer; overflow-wrap: break-word;}
.hb-product.hb-description .hb-answer{padding: 0px 8px 22px; color: var(--hb-muted);}
.hb-product.hb-description .hb-warning{margin-top: 30px; padding: 24px; border-left: 5px solid var(--hb-gold); border-radius: 0px 16px 16px 0px; background: rgb(255, 250, 240); color: rgb(77, 68, 50);}
.hb-product.hb-description .hb-sources{padding: 34px 32px; border-top: 1px solid var(--hb-line); color: var(--hb-muted); font-size: 13px;}
| @media (max-width | 1050px) {.hb-product.hb-description .hb-hero__copy{padding-left: 36px;}} |
| @media (max-width | 820px) {.hb-product.hb-description{font-size: 16px;} |
.hb-product.hb-description .hb-section{padding: 56px 20px;}
