/* generated by scripts/css-min.php from ../adviseur.css — edit the source, never this file */
.vonnik-adv-page { margin: 0; background-color: var(--vonnik-surface); } .vonnik-adv { --vonnik-adv-col: calc(var(--vonnik-layout-sheet-max) * 1.5); position: fixed; inset: 0; display: flex; flex-direction: column; background-color: var(--vonnik-surface); color: var(--vonnik-navy); font-size: var(--vonnik-text-m); } .vonnik-adv--inline { position: static; inset: auto; display: block; } .vonnik-adv--inline .vonnik-adv__top { display: none; } .vonnik-adv__frame { display: flex; flex-direction: column; width: min(100%, var(--vonnik-adv-col)); margin: 0 auto; } .vonnik-adv--inline .vonnik-adv__convo { flex: none; overflow: visible; padding-left: 0; padding-right: 0; } .vonnik-adv--inline .vonnik-adv__convo > * { scroll-margin-top: calc(var(--vonnik-sticky-top, var(--vonnik-space-10)) + var(--vonnik-stack-m)); } .vonnik-adv--inline .vonnik-adv__foot { position: sticky; bottom: 0; z-index: 2; padding-left: 0; padding-right: 0; } .vonnik-adv--inline.is-empty .vonnik-adv__frame { min-height: 60dvh; justify-content: center; } .vonnik-adv--inline.is-empty .vonnik-adv__convo { align-items: center; } .vonnik-adv--inline.is-empty .sa-msg--bot { align-self: center; max-width: none; padding: 0; background: none; font-size: var(--vonnik-text-hero); font-weight: var(--vonnik-weight-black); line-height: var(--vonnik-line-tight); text-align: center; color: var(--vonnik-navy); } .vonnik-adv--inline.is-empty .vonnik-adv__foot { position: static; border-top: 0; } .vonnik-adv__aside { display: none; } .vonnik-adv--inline.has-aside .vonnik-adv__frame { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: var(--vonnik-space-6); align-items: start; width: min(100%, var(--vonnik-layout-content-max)); } .vonnik-adv--inline.has-aside .vonnik-adv__convo { grid-column: 1; grid-row: 1; } .vonnik-adv--inline.has-aside .vonnik-adv__foot { grid-column: 1; grid-row: 2; } .vonnik-adv--inline.has-aside .vonnik-adv__aside { display: flex; flex-direction: column; gap: var(--vonnik-space-5); grid-column: 2; grid-row: 1 / span 3; position: sticky; top: calc(var(--vonnik-sticky-top, var(--vonnik-space-10)) + var(--vonnik-stack-m)); padding-top: var(--vonnik-space-5); } @media (max-width: 999.98px) { .vonnik-adv--inline .vonnik-adv__foot { bottom: var(--vonnik-dock-h); } } @media (max-width: 689.98px) { body:has(.vonnik-adv--inline) #footer { display: none; } body:has(.vonnik-adv--inline) .ct-container-full { --theme-content-vertical-spacing: 0px; } .vonnik-section:has(> .vonnik-adv--inline) { padding-bottom: 0; } .vonnik-adv--inline { margin-bottom: 0; } } .vonnik-adv button { font-family: inherit; } .vonnik-adv__icon { width: var(--vonnik-icon); height: var(--vonnik-icon); flex: 0 0 auto; } .vonnik-adv__loading { padding: var(--vonnik-space-7) var(--vonnik-space-5); } .vonnik-adv__top { flex: 0 0 auto; display: flex; align-items: center; gap: var(--vonnik-space-2); padding: 0 var(--vonnik-space-3); background-color: var(--vonnik-surface); border-bottom: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-adv__back, .vonnik-adv__edit, .vonnik-adv__close, .vonnik-adv__count { display: inline-flex; align-items: center; justify-content: center; gap: var(--vonnik-space-2); min-width: var(--vonnik-control-tap); min-height: var(--vonnik-control-tap); padding: 0; border: 0; background: transparent; color: var(--vonnik-navy); cursor: pointer; } .vonnik-adv__brand { font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-text); color: var(--vonnik-navy); text-decoration: none; } .vonnik-adv__convo { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: var(--vonnik-space-5) max(var(--vonnik-space-5), (100% - var(--vonnik-adv-col)) / 2) var(--vonnik-space-7); display: flex; flex-direction: column; gap: var(--vonnik-stack-m); scroll-padding-top: var(--vonnik-space-5); } .vonnik-adv__overview { display: flex; flex-direction: column; gap: var(--vonnik-stack-m); } .vonnik-adv__card { position: relative; } .vonnik-adv .vonnik-adv__q { margin: 0 0 var(--vonnik-space-2); font-size: var(--vonnik-text-xxl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; line-height: var(--vonnik-line-tight); } .vonnik-adv__card .vonnik-cfg-hint { margin-left: 0; } .vonnik-adv__card:not(.vonnik-adv__set) > .vonnik-adv__q:has(+ :not(.vonnik-cfg-hint)) { margin-bottom: var(--vonnik-space-5); } .vonnik-adv__body { display: flex; flex-direction: column; gap: var(--vonnik-space-4); } .vonnik-adv__group { margin: var(--vonnik-space-3) 0 0; } .vonnik-adv__opts { display: flex; flex-direction: column; gap: var(--vonnik-space-3); } .vonnik-adv__price { font-weight: var(--vonnik-weight-black); font-variant-numeric: tabular-nums; white-space: nowrap; } .vonnik-adv__sub { display: block; font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-regular); line-height: var(--vonnik-line-text); color: var(--vonnik-ink-soft); } .vonnik-adv__done { display: flex; align-items: center; gap: var(--vonnik-space-3); padding: var(--vonnik-space-2) var(--vonnik-space-2) var(--vonnik-space-2) var(--vonnik-space-4); background-color: var(--vonnik-surface); border: var(--vonnik-border-hairline) solid var(--vonnik-border); border-radius: var(--vonnik-radius); } .vonnik-adv__ok { display: inline-flex; color: var(--vonnik-green); } .vonnik-adv__donetext { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; } .vonnik-adv__donetext small { font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); line-height: var(--vonnik-line-tight); } .vonnik-adv__donetext strong { font-weight: var(--vonnik-weight-bold); line-height: var(--vonnik-line-tight); overflow-wrap: anywhere; } .vonnik-adv__close { position: absolute; top: var(--vonnik-space-2); right: var(--vonnik-space-2); } .vonnik-adv__notice { margin: 0; } .vonnik-adv__body > .vonnik-adv__notice:first-child { margin-top: var(--vonnik-space-3); } .vonnik-adv__note { margin: 0; font-size: var(--vonnik-text-s); } .vonnik-adv a[href^="tel:"] { white-space: nowrap; } .vonnik-adv__drawing { display: block; width: 100%; height: auto; } .vonnik-adv__drawing path { fill: none; stroke: currentColor; stroke-linecap: round; } .vonnik-adv__drawing .vonnik-adv__m-head { fill: currentColor; stroke: none; } .vonnik-adv__drawing text { fill: currentColor; stroke: none; font-family: inherit; } .vonnik-adv__m-other { color: var(--vonnik-border-control); } .vonnik-adv__m-other text { fill: var(--vonnik-ink-soft); font-weight: var(--vonnik-weight-regular); } .vonnik-adv__m-day { color: var(--vonnik-green); } .vonnik-adv__m-day text { font-weight: var(--vonnik-weight-bold); } @media (prefers-reduced-motion: no-preference) { .vonnik-adv__drawing.is-play .vonnik-adv__m-other { animation: vonnik-adv-fade calc(var(--vonnik-motion-base) * 2) var(--vonnik-motion-ease) both; } .vonnik-adv__drawing.is-play .vonnik-adv__m-line { transform-box: fill-box; transform-origin: center; animation: vonnik-adv-grow calc(var(--vonnik-motion-base) * 3) var(--vonnik-motion-ease) var(--vonnik-motion-base) both; } .vonnik-adv__drawing.is-play .vonnik-adv__m-tick { animation: vonnik-adv-fade var(--vonnik-motion-base) var(--vonnik-motion-ease) calc(var(--vonnik-motion-base) * 3.5) both; } .vonnik-adv__drawing.is-play .vonnik-adv__m-day text { animation: vonnik-adv-rise calc(var(--vonnik-motion-base) * 2) var(--vonnik-motion-ease) calc(var(--vonnik-motion-base) * 3.5) both; } } @keyframes vonnik-adv-fade { from { opacity: 0; } } @keyframes vonnik-adv-grow { from { transform: scaleX(0); } } @keyframes vonnik-adv-rise { from { transform: translateY(var(--vonnik-space-7)); opacity: 0; } } .vonnik-adv__fields { display: flex; flex-direction: column; gap: var(--vonnik-space-4); } .vonnik-adv__field { margin: 0; } .vonnik-adv__field input { width: 100%; } .vonnik-adv__error { margin: 0; } .vonnik-adv__fit { display: flex; flex-direction: column; align-items: flex-start; gap: var(--vonnik-space-2); border-color: var(--vonnik-blue); border-width: var(--vonnik-border-select); } .vonnik-adv__fitsize { margin: 0; font-size: var(--vonnik-text-xxl); font-weight: var(--vonnik-weight-black); } .vonnik-adv__fit p { margin: 0; } .vonnik-adv__all summary { cursor: pointer; min-height: var(--vonnik-control-tap); display: flex; align-items: center; font-weight: var(--vonnik-weight-bold); color: var(--vonnik-blue); } .vonnik-adv__all .vonnik-adv__opts { margin-top: var(--vonnik-space-3); } .vonnik-adv__set { display: flex; flex-direction: column; align-items: stretch; gap: var(--vonnik-space-4); } .vonnik-adv__set > .vonnik-chip { align-self: flex-start; } .vonnik-adv__set .vonnik-adv__q { margin: 0; } .vonnik-adv__setgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--vonnik-space-6); align-items: start; } @media (max-width: 689.98px) { .vonnik-adv__setgrid { grid-template-columns: minmax(0, 1fr); } } .vonnik-adv__setinfo { display: flex; flex-direction: column; gap: var(--vonnik-space-4); } .vonnik-adv__product { display: flex; flex-direction: column; gap: var(--vonnik-space-3); } .vonnik-adv__product img { display: block; width: 100%; height: auto; background-color: var(--vonnik-surface); } .vonnik-adv__setname strong { display: block; font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); line-height: 1.3; text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); } .vonnik-adv__setname .vonnik-adv__sub { display: flex; align-items: center; gap: var(--vonnik-space-2); margin-top: var(--vonnik-space-1); } .vonnik-adv__setname .vonnik-adv__icon { width: var(--vonnik-space-5); height: var(--vonnik-space-5); } .vonnik-adv__sizes { display: flex; flex-direction: column; gap: var(--vonnik-space-1); } .vonnik-adv__kv { display: flex; justify-content: space-between; gap: var(--vonnik-space-4); font-size: var(--vonnik-text-s); } .vonnik-adv__kv strong { white-space: nowrap; } .vonnik-adv__lines { border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-adv__line { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--vonnik-space-4); padding: var(--vonnik-space-3) 0; border-bottom: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-adv__line > span:first-child { min-width: 0; overflow-wrap: anywhere; } .vonnik-adv__line .vonnik-eyebrow { display: block; } .vonnik-adv__tick { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--vonnik-space-4); cursor: pointer; } .vonnik-adv__tickextra { flex: 1 0 100%; } .vonnik-adv__ticktext { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; } .vonnik-adv__tickhead { display: flex; justify-content: space-between; align-items: baseline; gap: var(--vonnik-space-4); } .vonnik-adv__choose { display: flex; flex-direction: column; gap: var(--vonnik-space-1); margin: var(--vonnik-space-2) 0 0; } .vonnik-adv__choose select { width: 100%; } .vonnik-adv__total { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); } .vonnik-adv__tocart { display: inline-flex; align-items: center; justify-content: center; gap: var(--vonnik-space-3); } .vonnik-adv__foot { flex: 0 0 auto; padding: var(--vonnik-space-3) max(var(--vonnik-space-5), (100% - var(--vonnik-adv-col)) / 2) max(var(--vonnik-space-2), env(safe-area-inset-bottom)); background-color: var(--vonnik-surface); border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-adv__status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vonnik-space-3); margin-bottom: var(--vonnik-space-2); } .vonnik-adv__status .vonnik-adv__price { margin-left: auto; } .vonnik-adv__barcart { flex: 0 0 auto; } .vonnik-adv__tools { display: flex; flex-wrap: wrap; gap: var(--vonnik-space-5); } .vonnik-adv__tool { display: inline-flex; align-items: center; gap: var(--vonnik-space-2); min-height: var(--vonnik-control-tap); padding: 0; border: 0; background: transparent; color: var(--vonnik-navy); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-medium); cursor: pointer; } .vonnik-adv__article { font-size: var(--vonnik-text-m); line-height: var(--vonnik-line-prose); } .vonnik-adv__article > :first-child { margin-top: 0; } .vonnik-adv__article > :last-child { margin-bottom: 0; } .vonnik-adv__pcard { display: flex; align-items: center; gap: var(--vonnik-space-4); color: var(--vonnik-navy); text-decoration: none; } .vonnik-adv__pcard img, .vonnik-adv__pimg { flex: 0 0 auto; width: var(--vonnik-control-thumb); height: var(--vonnik-control-thumb); object-fit: contain; background-color: var(--vonnik-grey-card); } .vonnik-adv__ptext { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--vonnik-space-2); } .vonnik-adv__ptext .vonnik-adv__price { align-self: flex-end; } @media (max-width: 689.98px) { .vonnik-adv__pcard { flex-direction: column; align-items: stretch; } } .vonnik-adv__pname { font-weight: var(--vonnik-weight-bold); line-height: var(--vonnik-line-tight); overflow-wrap: anywhere; } .vonnik-adv__all-btn { display: inline-flex; align-items: center; min-height: var(--vonnik-control-tap); padding: 0; border: 0; background: transparent; color: var(--vonnik-blue); font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-bold); text-decoration: none; cursor: pointer; }