/* generated by scripts/css-min.php from ../shop-archive.css — edit the source, never this file */
.hero-section[data-type="type-1"] .page-title { font-size: var(--vonnik-text-display); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); } .hero-section[data-type="type-1"] .page-description { max-width: 70ch; font-size: var(--vonnik-text-m); } .woo-listing-top .woocommerce-result-count { margin-left: auto; margin-right: var(--vonnik-space-5); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-regular); text-transform: none; letter-spacing: var(--vonnik-tracking-none); } .woo-listing-top .woocommerce-ordering { margin-left: 0; } .ct-shop-toolbar, .woocommerce .ct-toolbar { align-items: center; } .woo-listing-top .ct-toggle-filter-panel { --toggle-button-background: var(--vonnik-grey-card); --toggle-button-border-color: transparent; --toggle-button-radius: var(--vonnik-radius); padding: var(--vonnik-space-2) var(--vonnik-space-4); font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-ink); text-transform: none; letter-spacing: var(--vonnik-tracking-none); } .woo-listing-top .ct-toggle-filter-panel:hover, .woo-listing-top .ct-toggle-filter-panel:active { --toggle-button-background: var(--vonnik-border); --toggle-button-border-color: transparent; color: var(--vonnik-ink); } .woo-listing-top > .ct-toggle-filter-panel { order: 3; } .woo-listing-top > .woocommerce-result-count { order: 4; } .woo-listing-top > .woocommerce-ordering { order: 5; } #woo-filters-panel .vonnik-filter-heading { margin: 0 0 var(--vonnik-stack-s); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-medium); color: var(--vonnik-ink-soft); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); } #woo-filters-panel .vonnik-filter-hint { margin: calc(-1 * var(--vonnik-space-1)) 0 var(--vonnik-stack-s); font-size: var(--vonnik-text-s); color: var(--vonnik-ink-muted); } #woo-filters-panel .ct-panel-heading { font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; } ul.products li.product { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "img img" "brand brand" "title title" "avail avail" "note note" "price actions"; align-content: start; gap: 0 var(--vonnik-space-4); padding: 0 0 var(--vonnik-card-pad); border: var(--vonnik-border-hairline) solid var(--vonnik-border); border-radius: var(--vonnik-radius); background: var(--vonnik-surface); position: relative; } ul.products li.product .ct-woo-card-extra { position: absolute; top: var(--vonnik-space-3); right: var(--vonnik-space-3); z-index: var(--vonnik-layer-base); } ul.products li.product > figure { grid-area: img; margin: 0 0 var(--vonnik-space-4); } ul.products li.product .ct-media-container { width: 100%; } ul.products li.product .ct-media-container img { width: 100%; height: auto; background: var(--vonnik-surface); border-radius: var(--vonnik-radius) var(--vonnik-radius) 0 0; --theme-object-fit: contain; } ul.products li.product .ct-media-container img[src$=".svg"] { --theme-object-fit: cover; } ul.products li.product .vonnik-card-brand { grid-area: brand; margin: 0 var(--vonnik-space-5) var(--vonnik-space-1); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-medium); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); color: var(--vonnik-ink-soft); } ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { grid-area: title; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2 * 1.3em); margin: 0 var(--vonnik-space-5) var(--vonnik-space-3); font-size: var(--vonnik-text-xl); line-height: 1.3; font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); } ul.products li.product .entry-meta, ul.products li.product .product-category { display: none; } ul.products li.product .vonnik-avail { grid-area: avail; margin: 0 var(--vonnik-space-5) var(--vonnik-space-3); } ul.products li.product .vonnik-card-note { grid-area: note; margin: 0 var(--vonnik-space-5) var(--vonnik-space-3); font-size: var(--vonnik-text-s); line-height: 1.3; color: var(--vonnik-ink-muted); } ul.products li.product .price { grid-area: price; align-self: center; margin: 0 0 0 var(--vonnik-space-5); font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); color: var(--vonnik-ink); } ul.products li.product .price .vonnik-from { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); color: var(--vonnik-ink-soft); margin-right: var(--vonnik-space-1); } ul.products li.product .price .woocommerce-Price-amount { white-space: nowrap; } ul.products li.product .ct-woo-card-actions { grid-area: actions; display: flex; align-items: center; justify-content: flex-end; margin: 0 var(--vonnik-space-5) 0 0; } ul.products li.product .ct-woo-card-actions .button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--vonnik-control-tap); min-width: 0; min-height: var(--vonnik-control-tap); padding: 0; border-radius: var(--vonnik-radius); font-size: 0; line-height: 0; background-color: var(--vonnik-grey-card); color: var(--vonnik-navy); --vonnik-i: var(--lucide-cart); } ul.products li.product .ct-woo-card-actions .button:hover { background-color: var(--vonnik-border); } ul.products li.product .ct-woo-card-actions .button.loading { opacity: 0.7; } ul.products li.product .ct-woo-card-actions .added_to_cart { display: none; } .vonnik-dome-chooser__q { margin: var(--vonnik-space-2) 0 0; font-size: var(--vonnik-text-xl); text-transform: none; } .vonnik-dome-chooser__hint { margin: 0; color: var(--vonnik-ink-soft); } .vonnik-dome-chooser__opts { display: grid; gap: var(--vonnik-space-5); } .vonnik-dome-chooser__opt { display: flex; align-items: center; color: var(--vonnik-ink); text-decoration: none; } .vonnik-dome-chooser__pic { flex: 0 0 calc(var(--vonnik-space-10) * 1.5); width: calc(var(--vonnik-space-10) * 1.5); height: auto; aspect-ratio: 4 / 3; object-fit: contain; padding: var(--vonnik-space-2); } .vonnik-dome-chooser__text { flex: 1 1 auto; align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: var(--vonnik-space-1); border-top: 0; border-left: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-dome-chooser__text strong { font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-bold); overflow-wrap: anywhere; } .vonnik-dome-chooser__text small { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-dome-chooser__count { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); color: var(--vonnik-blue); } .vonnik-dome-chooser__count span { white-space: nowrap; } .vonnik-dome-chooser__skip { margin: 0; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-dome-chooser__skip a { font-weight: var(--vonnik-weight-bold); } @media (min-width: 690px) { .vonnik-dome-chooser__opts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--vonnik-space-5); } .vonnik-dome-chooser__opt { flex-direction: column; align-items: stretch; } .vonnik-dome-chooser__pic { flex: none; width: 100%; aspect-ratio: 16 / 10; padding: var(--vonnik-space-6) var(--vonnik-space-7) var(--vonnik-space-3); } .vonnik-dome-chooser__text { border-left: 0; border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-dome-chooser__text strong { font-size: var(--vonnik-text-l); } .vonnik-dome-chooser__text { justify-content: flex-start; } .vonnik-dome-chooser__count { margin-top: auto; } } .vonnik-dome-chooser__result { margin: 0 0 var(--vonnik-stack-l); } .vonnik-dome-chooser__title { margin: 0 0 var(--vonnik-space-2); } .vonnik-dome-chooser__result p { margin: 0; color: var(--vonnik-ink-soft); } .vonnik-dome-chooser__result a { font-weight: var(--vonnik-weight-bold); } #kies, #koepels { scroll-margin-top: calc(var(--header-height, 120px) + var(--vonnik-space-5)); } .vonnik-xh--dome .vonnik-xh__in { padding-top: calc(var(--vonnik-space-10) * 2); } .vonnik-xh--dome .vonnik-xh__bg { bottom: auto; height: calc(var(--vonnik-space-10) * 6); } .vonnik-xh--dome .vonnik-xh__bg img { --vonnik-xh-pos: 55% 0%; } .vonnik-xh--dome .vonnik-xh__bg picture { display: contents; } @media (min-width: 690px) { .vonnik-xh--dome .vonnik-xh__bg img { --vonnik-xh-pos: 50% 45%; } .vonnik-xh--dome .vonnik-xh__in { padding-top: calc(var(--vonnik-space-10) * 1.5); } .vonnik-xh--dome .vonnik-xh__bg { height: calc(var(--vonnik-space-10) * 5); } } .vonnik-xh--dome { min-height: 0; } .vonnik-xh--dome .vonnik-xh__in > * { max-width: none; } .ct-wishlist-button-archive .ct-icon-container, .ct-wishlist-button-single .ct-icon-container { position: relative; width: var(--vonnik-icon); height: var(--vonnik-icon); } .ct-wishlist-button-archive .ct-icon-container svg, .ct-wishlist-button-single .ct-icon-container svg { display: none; } .ct-wishlist-button-archive .ct-icon-container::before, .ct-wishlist-button-single .ct-icon-container::before { content: ""; position: absolute; inset: 0; margin: auto; width: var(--vonnik-icon); height: var(--vonnik-icon); -webkit-mask: var(--lucide-bookmark) center / contain no-repeat; mask: var(--lucide-bookmark) center / contain no-repeat; background-color: var(--vonnik-ink); } .ct-wishlist-button-archive[data-button-state="active"] .ct-icon-container::before, .ct-wishlist-button-single[data-button-state="active"] .ct-icon-container::before { background-color: var(--vonnik-on-action); } .ct-wishlist-button-archive:not([data-button-state="active"]):hover .ct-icon-container::before, .ct-wishlist-button-single:not([data-button-state="active"]):hover .ct-icon-container::before { background-color: var(--vonnik-on-action); } .single-product .entry-summary-items { position: relative; } .single-product .entry-summary-items > .ct-product-additional-actions { position: absolute; top: calc(var(--vonnik-space-4) * -1); right: calc(var(--vonnik-space-2) * -1); margin: 0; } .single-product .entry-summary-items > .ct-product-additional-actions .ct-wishlist-button-single { display: flex; align-items: center; justify-content: center; width: var(--vonnik-control-tap); height: var(--vonnik-control-tap); } .ct-wishlist-button-single .ct-icon-container { width: var(--vonnik-space-8); height: var(--vonnik-space-8); border-radius: var(--vonnik-radius-round); background-color: var(--vonnik-surface); transition: background-color var(--vonnik-motion-fast) var(--vonnik-motion-ease); } .ct-wishlist-button-single:hover .ct-icon-container, .ct-wishlist-button-single[data-button-state="active"] .ct-icon-container { background-color: var(--vonnik-blue); } @media (max-width: 767.98px) { ul.products li.product { grid-template-columns: clamp(calc(var(--vonnik-space-9) * 2.4), 30vw, calc(var(--vonnik-space-9) * 2.75)) minmax(0, 1fr) auto; grid-template-areas: "img brand brand" "img title title" "img avail avail" "img note note" "img price actions"; gap: 0 var(--vonnik-space-4); padding: var(--vonnik-space-4); } ul.products li.product > figure { margin: 0; } ul.products li.product .ct-media-container img { border-radius: var(--vonnik-radius); } ul.products li.product .vonnik-card-brand { margin: 0 0 var(--vonnik-space-1); } ul.products li.product .vonnik-avail { margin: 0 0 var(--vonnik-space-2); } ul.products li.product .vonnik-card-note { margin: 0 0 var(--vonnik-space-2); } ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { margin: 0 0 var(--vonnik-space-3); min-height: 0; font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-bold); } ul.products li.product .price { margin: 0; } ul.products li.product .ct-woo-card-actions { margin: 0; } ul.products li.product > figure { position: static; } ul.products li.product .ct-woo-card-extra { top: var(--vonnik-space-3); right: var(--vonnik-space-3); } ul.products li.product .ct-woo-card-extra .ct-button { width: var(--vonnik-icon); height: var(--vonnik-icon); min-height: var(--vonnik-icon); background: transparent; box-shadow: none; } .woo-listing-top .woocommerce-ordering { position: relative; } .woo-listing-top .woocommerce-ordering .ct-sort-icon { inset: 0; margin: auto; width: var(--vonnik-icon); height: var(--vonnik-icon); --theme-icon-color: var(--vonnik-ink); pointer-events: none; } #main .woo-listing-top .woocommerce-ordering select.orderby { width: var(--vonnik-control-tap); min-height: var(--vonnik-control-tap); background-image: none; } .woo-listing-top .ct-toggle-filter-panel { white-space: nowrap; } .woo-listing-top { position: sticky; top: var(--vonnik-sticky-top, 103px); z-index: var(--vonnik-layer-sticky); background: var(--vonnik-surface); padding: var(--vonnik-space-3) var(--vonnik-space-5); margin-left: calc(var(--vonnik-space-5) * -1); margin-right: calc(var(--vonnik-space-5) * -1); box-shadow: 0 6px 12px -8px rgba(0, 10, 60, .18); } .hero-section .page-description.is-clamped:not(.is-open) p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .vonnik-desc-toggle { display: inline-block; margin: var(--vonnik-space-1) 0 var(--vonnik-space-5); padding: 0; background: none; border: 0; font: inherit; font-weight: var(--vonnik-weight-bold); color: var(--vonnik-blue); text-decoration: underline; text-underline-offset: var(--vonnik-space-1); cursor: pointer; } } ul.products li.product .vonnik-chip--card { z-index: var(--vonnik-layer-base); } .vonnik-size-search-banner { margin: 0 0 var(--vonnik-space-6); } .vonnik-size-search-banner a { font-weight: var(--vonnik-weight-bold); } .vonnik-cat-text { max-width: 70ch; margin: var(--vonnik-space-10) 0 var(--vonnik-space-3); } .vonnik-cat-text h2 { font-size: var(--vonnik-text-xxl); margin: 0 0 var(--vonnik-gap-control); } .vonnik-cat-text p { font-size: var(--vonnik-text-l); line-height: var(--vonnik-line-prose); } .vonnik-cat-text p + p { margin-top: var(--vonnik-space-4); } @media (max-width: 689.98px) { .vonnik-cat-text { margin-top: var(--vonnik-space-9); } } .entries > .vonnik-notice { grid-column: 1 / -1; margin: 0 0 var(--vonnik-space-5); }