/* generated by scripts/css-min.php from ../product.css — edit the source, never this file */
.single-product .product_title { font-size: var(--vonnik-text-title); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); line-height: var(--vonnik-line-tight); } .single-product .entry-summary .price { font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); } .woocommerce-tabs .ct-accordion-tab button.ct-accordion-heading svg { width: 16px; height: 16px; } .single-product .related.products > h2 { font-size: var(--vonnik-text-xxl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; } .vonnik-eyebrow { margin: 0 0 var(--vonnik-space-1); } .vonnik-eyebrow a { color: var(--vonnik-blue); text-decoration: none; } .vonnik-clip { margin: 0 0 var(--vonnik-space-5); } .vonnik-clip video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--vonnik-radius); background: var(--vonnik-grey-card); } .vonnik-clip figcaption { margin: var(--vonnik-space-2) 0 0; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-artnr { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vonnik-space-1) var(--vonnik-space-3); margin: calc(-1 * var(--vonnik-space-2)) 0 var(--vonnik-space-4); font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } @media (min-width: 690px) { .vonnik-artnr .vonnik-avail::before { content: '·'; margin-right: var(--vonnik-space-3); } } .vonnik-fullname { margin: calc(-1 * var(--vonnik-space-3)) 0 var(--vonnik-space-3); font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .woocommerce-tabs .ct-accordion-heading { padding-top: var(--vonnik-space-6); padding-bottom: var(--vonnik-space-6); } .single-product .related.products { padding-top: var(--vonnik-section); padding-bottom: var(--vonnik-section); box-shadow: 0 0 0 100vmax var(--vonnik-grey-band); clip-path: inset(0 -100vmax); } .single-product article > .product:last-child { padding-bottom: var(--vonnik-section); } body.single-product .woocommerce-variation-price { display: none; } .vonnik-size-details { margin: var(--vonnik-space-4) 0 var(--vonnik-stack-m); } .vonnik-size-details[hidden] { display: none; } .vonnik-size-details__row { display: contents; } .vonnik-size-details__row[hidden] { display: none; } .vonnik-size-details__row span { overflow-wrap: break-word; } .vonnik-size-details__row strong { overflow-wrap: break-word; } .vonnik-specs__note { display: block; font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); } .vonnik-remarks .vonnik-remarks__title { margin: var(--vonnik-space-6) 0 var(--vonnik-stack-s); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); } .vonnik-remarks ul { list-style: disc; padding-left: var(--vonnik-space-6); } .vonnik-remarks ol { list-style: decimal; padding-left: var(--vonnik-space-6); } .vonnik-remarks__note { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-sizefinder { margin: var(--vonnik-stack-s) 0 var(--vonnik-space-6); } .vonnik-sizefinder__title { margin: 0 0 var(--vonnik-space-1); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); } .vonnik-sizefinder__hint { margin: 0 0 var(--vonnik-space-5); font-size: var(--vonnik-text-s); line-height: var(--vonnik-line-text); color: var(--vonnik-ink-soft); } .vonnik-sizefinder__shape { display: grid; gap: var(--vonnik-stack-s); margin: 0 0 var(--vonnik-gap-control); } .vonnik-sizefinder__fields { display: flex; align-items: flex-end; gap: var(--vonnik-gap-control); margin: 0 0 var(--vonnik-gap-control); } .vonnik-sizefinder__fields .vonnik-field { flex: 1 1 0; min-width: 0; } .vonnik-sizefinder__fields input::placeholder { color: var(--vonnik-ink-soft); font-weight: var(--vonnik-weight-regular); } .vonnik-sizefinder__fields input[type="number"] { -moz-appearance: textfield; appearance: textfield; } .vonnik-sizefinder__fields input::-webkit-outer-spin-button, .vonnik-sizefinder__fields input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .vonnik-sizefinder__x { padding-bottom: var(--vonnik-space-5); font-weight: var(--vonnik-weight-bold); } .vonnik-sizefinder__result { margin: 0; font-size: var(--vonnik-text-s); font-weight: 600; } .vonnik-sizefinder__result:empty { display: none; } .vonnik-sizefinder__result[data-state="warn"] { color: var(--vonnik-danger); } .vonnik-sizefinder__result[data-state="exact"], .vonnik-sizefinder__result[data-state="nearest"] { color: var(--vonnik-ink); } .vonnik-sizefinder__alt { margin: var(--vonnik-space-5) 0 0; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-sizerow > th { position: absolute; width: var(--vonnik-border-hairline); height: var(--vonnik-border-hairline); overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .vonnik-sizerow > td { display: block; } .vonnik-sizerow .vonnik-sizefinder { margin: 0 0 var(--vonnik-space-3); width: 100%; } .vonnik-sizefinder > select { display: block; width: 100%; margin: var(--vonnik-space-3) 0 var(--vonnik-space-4); } .vonnik-sizefinder__alt { margin-top: var(--vonnik-space-4); } .vonnik-sizefinder__result:not(:empty) + .vonnik-sizefinder__alt { margin-top: var(--vonnik-space-3); } .vonnik-delivery { display: flex; flex-direction: column; gap: var(--vonnik-stack-s); margin: var(--vonnik-stack-m) 0 var(--vonnik-space-6); } .vonnik-delivery__row--doc { text-decoration: underline; text-underline-offset: 2px; } .vonnik-delivery__row--doc i { background: var(--vonnik-ink); } .vonnik-delivery__more { font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); text-decoration: underline; text-underline-offset: 3px; margin-top: var(--vonnik-space-1); } .vonnik-buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--vonnik-layer-dock); background: var(--vonnik-surface); border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); box-shadow: 0 -4px 16px rgba(0, 10, 60, 0.08); } .vonnik-buybar[hidden] { display: none; } body:has(.cookie-notification) .vonnik-buybar { display: none; } .vonnik-buybar__inner { display: flex; align-items: center; gap: var(--vonnik-space-6); max-width: var(--vonnik-layout-content-max); margin: 0 auto; padding: var(--vonnik-space-4) var(--vonnik-space-7); } .vonnik-buybar__label { display: flex; flex-direction: column; line-height: 1.1; } .vonnik-buybar__label strong { font-size: var(--vonnik-text-m); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); } .vonnik-buybar__label small { font-size: var(--vonnik-text-xs); color: var(--vonnik-ink-soft); } .vonnik-buybar__price { margin-left: auto; font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-bold); white-space: nowrap; } .vonnik-buybar__price .price del { opacity: .6; margin-right: var(--vonnik-space-2); } .vonnik-buybar__button { min-width: 260px; } .vonnik-buybar__button .is-choose { display: none; } .vonnik-buybar__button[data-state="choose"] { opacity: .55; cursor: default; } .vonnik-buybar__button[data-state="choose"] .is-ready { display: none; } .vonnik-buybar__button[data-state="choose"] .is-choose { display: inline; } @media (max-width: 999.98px) { .vonnik-buybar__inner { padding: var(--vonnik-space-4) var(--vonnik-space-5); gap: var(--vonnik-space-4); flex-wrap: wrap; } .vonnik-buybar__button { min-width: 0; flex: 1 1 100%; } body.single-product { padding-bottom: 0; } body.single-product .vonnik-dock { display: none; } } @media (max-width: 767.98px) { body.single-product .ct-breadcrumbs { margin-bottom: 0; } body.single-product .hero-section { margin-bottom: var(--vonnik-space-4); } body.single-product .woocommerce-product-gallery { margin-left: calc(50% - 50vw); width: 100vw; } body.single-product .woocommerce-product-gallery .flexy-items img, body.single-product .woocommerce-product-gallery .ct-media-container img { border-radius: 0; max-height: 48vh; width: 100%; object-fit: cover; } body.single-product .woocommerce-product-gallery .flexy-pills { padding: 0 var(--vonnik-space-7); } body.single-product .product .entry-summary > h1, body.single-product .product_title { font-size: 24px; line-height: 1.25; } body.single-product .entry-summary .price { font-size: var(--vonnik-text-l); } body.single-product .vonnik-size-details { font-size: var(--vonnik-text-s); } } body.single-product.vonnik-buybar-on { padding-bottom: var(--vonnik-buybar-h, 0); } .woocommerce form.cart button.single_add_to_cart_button.disabled, .woocommerce form.cart button.single_add_to_cart_button:disabled { opacity: 1; cursor: pointer; } .vonnik-pdp-keuzehulp { margin: var(--vonnik-space-5) 0 0; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-pdp-keuzehulp a { font-weight: var(--vonnik-weight-bold); } .vonnik-quote { margin: var(--vonnik-stack-s) 0 var(--vonnik-stack-m); } .vonnik-quote__note { margin: 0 0 var(--vonnik-gap-control); font-size: var(--vonnik-text-m); } .vonnik-quote__actions { margin: 0; } .vonnik-quote__btn.button { display: inline-block; } .vonnik-options { margin: var(--vonnik-stack-m) 0 var(--vonnik-space-6); } .vonnik-options[hidden] { display: none; } .vonnik-options h3 { margin: 0 0 var(--vonnik-space-1); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); } .vonnik-options .vonnik-options__hint { margin: 0 0 var(--vonnik-space-4); font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-options__group ~ .vonnik-options__group { margin-top: var(--vonnik-space-8); padding-top: var(--vonnik-space-6); border-top: var(--vonnik-border-select) solid var(--vonnik-surface); } .vonnik-kerbstep { margin: 0 0 var(--vonnik-space-3); } .vonnik-kerbstep ~ .vonnik-options__group { margin-top: var(--vonnik-space-8); padding-top: var(--vonnik-space-6); border-top: var(--vonnik-border-select) solid var(--vonnik-surface); } .vonnik-kerb-tiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--vonnik-space-4); margin: 0 0 var(--vonnik-space-5); } .vonnik-kerb-tiles[hidden], .vonnik-kerb-tile[hidden] { display: none; } .vonnik-kerb-tiles__caption { grid-column: 1 / -1; margin: var(--vonnik-space-2) 0 -2px; } .vonnik-kerb-tiles__caption:first-child { margin-top: 0; } .vonnik-kerb-tiles__note { grid-column: 1 / -1; } .vonnik-kerb-tile { display: flex; align-items: center; gap: var(--vonnik-gap-control); text-align: left; font: inherit; line-height: 1.25; min-height: 64px; } .vonnik-kerb-tile__icon { flex: 0 0 auto; width: clamp(calc(var(--vonnik-space-9) * 2.2), calc(43.6vw - var(--vonnik-space-10) - var(--vonnik-space-1)), calc(var(--vonnik-space-9) * 2.8)); height: auto; } .vonnik-kerb-tile__text { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--vonnik-space-4); row-gap: var(--vonnik-space-1); } .vonnik-kerb-tile__label { font-weight: var(--vonnik-weight-bold); font-size: var(--vonnik-text-m); } .vonnik-kerb-tile__sub { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-kerb-tile__label, .vonnik-kerb-tile__sub { grid-column: 1; } .vonnik-kerb-tile__price { grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; white-space: nowrap; font-weight: var(--vonnik-weight-bold); font-size: var(--vonnik-text-s); } .vonnik-kerb-tile__price:empty { display: none; } .vonnik-kerbstep ~ .vonnik-options__item[data-group="kerb"]:not(.vonnik-options__item--sub) { display: none; } @media (max-width: 599.98px) { .vonnik-kerb-tile { min-height: 0; } .vonnik-kerb-tile__text { grid-template-columns: minmax(0, 1fr); } .vonnik-kerb-tile__price { grid-column: 1; grid-row: auto; text-align: left; } } .vonnik-options__item { display: flex; align-items: flex-start; gap: var(--vonnik-space-4); margin: 0 0 var(--vonnik-stack-s); font-size: var(--vonnik-text-m); line-height: 1.35; } .vonnik-options__item[hidden] { display: none; } .vonnik-options__item input { flex: 0 0 auto; } .vonnik-options__item--sub { margin-left: var(--vonnik-space-8); } .vonnik-options__thumb { width: var(--vonnik-control-thumb); height: var(--vonnik-control-thumb); object-fit: cover; flex: 0 0 auto; border-radius: var(--vonnik-radius); border: var(--vonnik-border-hairline) solid var(--vonnik-border); background: var(--vonnik-surface); } .vonnik-options__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--vonnik-space-1); } .vonnik-options__name { font-weight: var(--vonnik-weight-bold); } .vonnik-options__why { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-options__link { font-size: var(--vonnik-text-s); text-decoration: underline; text-underline-offset: 2px; color: var(--vonnik-navy); } .vonnik-options__price { flex: 0 0 auto; font-weight: var(--vonnik-weight-bold); white-space: nowrap; } @media (max-width: 479.98px) { .vonnik-options__thumb { width: var(--vonnik-control-tap); height: var(--vonnik-control-tap); } .vonnik-options__item { flex-wrap: wrap; } .vonnik-options__price { flex: 0 0 100%; order: 9; padding-left: 88px; margin-top: -2px; text-align: left; } .vonnik-options__item:not(:has(.vonnik-options__thumb)) .vonnik-options__price { padding-left: var(--vonnik-space-8); } .vonnik-options__item--sub { margin-left: var(--vonnik-space-6); } } .vonnik-option-only { margin: var(--vonnik-stack-m) 0 var(--vonnik-space-6); } .vonnik-option-only p { margin: 0 0 var(--vonnik-gap-control); font-size: var(--vonnik-text-m); } .vonnik-option-only .button { display: inline-block; } .vonnik-fit { margin: var(--vonnik-space-1) 0 var(--vonnik-space-3); font-size: var(--vonnik-text-m); } .vonnik-fit strong { font-weight: var(--vonnik-weight-bold); } body.single-product .summary .price.is-set, body.single-product .entry-summary .price.is-set { color: var(--vonnik-blue); } .vonnik-fabric__select { width: 100%; } .vonnik-options__fabric { margin: var(--vonnik-space-2) 0 var(--vonnik-space-1); max-width: 320px; } .vonnik-options__fabric.is-missing { border-color: var(--vonnik-danger); } .vonnik-options__item.is-excluded { opacity: .45; } .vonnik-options__excluded { display: block; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-needs { margin: var(--vonnik-space-4) 0 var(--vonnik-space-5); font-size: var(--vonnik-text-s); line-height: var(--vonnik-line-text); color: var(--vonnik-ink); } .vonnik-needs a { text-decoration: underline; text-underline-offset: 3px; } .vonnik-step__n { --vonnik-disc-size: var(--vonnik-control-tick); margin-right: var(--vonnik-space-3); background: var(--vonnik-blue); color: var(--vonnik-on-action); font-size: var(--vonnik-text-xs); font-weight: var(--vonnik-weight-black); line-height: 1; vertical-align: 2px; } .vonnik-step__help { margin: var(--vonnik-space-1) 0 var(--vonnik-space-3); font-size: var(--vonnik-text-s); line-height: 1.5; font-weight: var(--vonnik-weight-regular); text-transform: none; letter-spacing: var(--vonnik-tracking-none); color: var(--vonnik-ink-soft); } form.cart table.variations tr.vonnik-step, form.cart table.variations tr.vonnik-step:not(:last-child) { display: flex; flex-direction: column; margin: 0 0 var(--vonnik-stack-s); } form.cart table.variations tr.vonnik-step::after, form.cart table.variations tr.vonnik-step:not(:last-child)::after { content: none; } form.cart table.variations tr.vonnik-step > th label { font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); } form.cart table.variations tr.vonnik-step .vonnik-step__help { margin: var(--vonnik-space-1) 0 var(--vonnik-space-5); } form.cart table.variations tr.vonnik-step.vonnik-sizerow { padding: 0; } form.cart table.variations tr.vonnik-step.vonnik-sizerow .vonnik-sizefinder { margin: 0; } form.cart table.variations select, .vonnik-sizefinder > select, .vonnik-options__choice, .vonnik-fabric__select { background-color: var(--vonnik-surface); } form.cart .reset_variations[style*="hidden"] { display: none; } form.cart table.variations tr.vonnik-q-owned, form.cart table.variations tr.vonnik-step.vonnik-q-owned, form.cart table.variations tr.vonnik-step.vonnik-q-owned:not(:last-child) { display: none; } form.cart table.variations:has(+ .vonnik-questions:not([hidden])) { margin-bottom: 0; } .vonnik-size-details__title, .vonnik-size-details__total { grid-column: 1 / -1; } .vonnik-size-details__title { margin: 0 0 var(--vonnik-space-1); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); } .vonnik-size-details__total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--vonnik-space-1) var(--vonnik-gap-control); margin-top: var(--vonnik-gap-control); padding-top: var(--vonnik-gap-control); border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-size-details__total > span:first-child { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); } .vonnik-size-details__amount { display: flex; align-items: baseline; gap: var(--vonnik-space-2); } .vonnik-size-details__sum { letter-spacing: var(--vonnik-tracking-display); } .vonnik-size-details__parts { flex-basis: 100%; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-size-details__parts:empty { display: none; }