:root { --spacing-size-xsmall: 4px; --font-family-body: "Inter"; --font-weight-body: 400; --font-family-headline: "Inter"; --font-weight-headline: 600; --spacing-size-small: 8px; --spacing-size-smadium: 16px; --spacing-size-medium: 24px; --spacing-size-large: 32px; --spacing-size-xlarge: 48px; --spacing-size-xxlarge: 128px; --bslr-gutter-x: 32px; --bslr-gutter-y: 0; --color-icon: #292F3A; --text-color: #292F3A; --input-color: #292F3A; --button-text-color: #fff; --display01-font-size: clamp(2.375rem,1.9634146341rem + 1.756097561vw,3.5rem); --h1-font-size: clamp(2.25rem,1.9756097561rem + 1.1707317073vw,3rem); --h2-font-size: clamp(1.75rem,1.5670731707rem + .7804878049vw,2.25rem); --h3-font-size: clamp(1.25rem,1.0670731707rem + .7804878049vw,1.75rem); --h4-font-size: clamp(1.125rem,1.0792682927rem + .1951219512vw,1.25rem); --h5-font-size: clamp(1.125rem,1.0792682927rem + .1951219512vw,1.25rem); --h6-font-size: clamp(1.125rem,1.0792682927rem + .1951219512vw,1.25rem); --bslr-color-element-interactive-inactive: #005DF3; --bslr-color-attraction: #005DF3; --button-background-color: #005DF3; --button-border-width: 1px; --button-border-color: #005DF3; --bslr-background-gradient: linear-gradient(180deg,#fbfbfb 25%,#fff); --bslr-background-full: #fff; --bslr-color-tab-item-text: 41 47 58; --bslr-color-lucent-text: #9DA4B0; --bslr-border-color: #9DA4B0; --bslr-color-element-background-hover: #fbfbfb; --base-font-size: clamp(1rem, 1rem + 0vw, 1rem); --fk-border-box-shadow: 0 0 0 var(--fk-border-width) var(--bslr-color-dark-alternate); --fk-bg-decorator: linear-gradient(0deg, rgba(0, 0, 0, .07), transparent); --fk-font-family: var(--font-family-body); --fk-font-family-input: var(--fk-font-family); --fk-font-family-label: var(--fk-font-family); --fk-color-disabled: rgb(var(--bslr-color-million-grey-100-rgb) / 90%); --fk-font-weight: 400; --fk-font-weight-input: var(--fk-font-weight); --fk-font-weight-label: 700; --fk-font-weight-legend: var(--fk-font-weight-label, bold); --fk-font-weight-help: var(--fk-font-weight); --fk-font-weight-option: var(--fk-font-weight); --fk-font-weight-message: var(--fk-font-weight); --fk-font-size: 1em; --fk-font-size-input: var(--fk-font-size); --fk-font-size-label: 0.875em; --fk-font-size-legend: 0.875em; --fk-font-size-help: 0.8125em; --fk-font-size-remove: 0.8125em; --fk-font-size-option: 0.9em; --fk-font-size-message: 0.8125em; --fk-font-size-button: 0.875em; --fk-font-size-summary: 1.25em; --fk-line-height: 1.1; --fk-line-height-label: var(--fk-line-height); --fk-line-height-help: var(--fk-line-height); --fk-line-height-option: var(--fk-line-height); --fk-line-height-message: var(--fk-line-height); --fk-line-height-textarea: var(--fk-line-height); --fk-line-height-input: 1.125em; --fk-line-height-button: 1.3; --fk-max-width-input: 25em; --fk-box-size: 1.25em; --fk-border-width: 1px; --fk-border-width-decorator: var(--fk-border-width); --fk-border-width-focus: 2px; --fk-border-width-checked: 1px; --fk-border-width-decorator-checked: 2px; --fk-border-width-decorator-focus: var(--fk-border-width-decorator-checked); --fk-border-width-decorator-focus-visible: var(--fk-border-width-focus); --fk-margin-decorator: 2px var(--fk-margin-decorator-r) 2px 2px; --fk-border-style: solid; --fk-color-border-focus: #005DF3; --fk-border: var(--fk-border-width) var(--fk-border-style) var(--fk-color-border); --fk-border-focus: var(--fk-border-width-focus) var(--fk-border-style) var(--fk-color-border-focus); --fk-border-decorator: var(--fk-border-width-decorator) var(--fk-border-style) var(--fk-color-border); --fk-border-decorator-focus: var(--fk-border-width-focus) var(--fk-border-style) var(--fk-color-border-focus); --fk-border-decorator-focus-visible: var(--fk-border-width-decorator-focus-visible) var(--fk-border-style) var(--fk-color-border-focus); --fk-border-decorator-checked: var(--fk-border-width-checked) var(--fk-border-style) var(--fk-color-border-focus); --fk-border-box-shadow: 0 0 0 var(--fk-border-width) var(--fk-color-border); --fk-border-box-shadow-focus: 0 0 0 var(--fk-border-width-focus) var(--fk-color-border-focus); --fk-border-box-shadow-decorator: 0 0 0 var(--fk-border-width-decorator); --fk-border-box-shadow-decorator-focus: 0 0 0 var(--fk-border-width-decorator-focus) var(--fk-color-border-focus); --fk-border-box-shadow-decorator-focus-visible: 0 0 0 var(--fk-border-width-decorator-focus-visible) var(--fk-color-border-focus); --fk-border-box-shadow-decorator-checked: 0 0 0 var(--fk-border-width-decorator-checked) var(--fk-color-border-focus); --fk-border-box-shadow-invalid: 0 0 0 var(--fk-border-width-decorator-focus-visible) var(--fk-error-ring-color); --fk-border-radius-tl: 0.25em; --fk-border-radius-tr: 0.25em; --fk-border-radius-bl: 0.25em; --fk-border-radius-br: 0.25em; --fk-border-radius: var(--fk-border-radius-tl, 0.25em) var(--fk-border-radius-tr, 0.25em) var(--fk-border-radius-br, 0.25em) var(--fk-border-radius-bl, 0.25em); --fk-border-radius-full: 999em; --fk-margin-decorator-x: inherit; --fk-margin-decorator-y: inherit; --fk-margin-decorator-t: var(--fk-margin-decorator-y, 0); --fk-margin-decorator-r: var(--fk-margin-decorator-x, 0.5em); --fk-margin-decorator-b: var(--fk-margin-decorator-y, 0); --fk-margin-decorator-l: var(--fk-margin-decorator-x, 0); --fk-border-box-shadow: 0 0 0 var(--fk-border-width) #000; } a { color: #292F3A; } ol, ul { list-style: ""; margin: 0; padding: 0; } *, :after, :before { box-sizing: border-box; } button, select { text-transform: none; } th, td, h1, h2, h3, h4, p, span { font-family: 'Inter'; } .h4, .h5, h4, h5 { margin-block-end: var(--spacing-size-small); } .h2, h2 { font-size: var(--h2-font-size); } .s2card2 { width: 400px; height: 460px; border-radius: 18px; background: #ECEDF1; } .s2cardname2 { font-family: Inter; display: inline-flex; justify-content: center; align-items: center; gap: 10px; border-radius: 32px; background: #FFF; padding: 16px 32px; width: 326px; min-height: 72px; } @media (max-width: 1440px) { .s2card2 { height: unset!important; padding-bottom: 20px; width: 350px; } .s2cardname2 { padding: 10px 20px; } .product-detail__headline .headline-module__text { font-size: 18px; } #breadcrumbs span { font-size: 10px; } .s2cardname2 span{ font-size: 14px; } } } @media (min-width: 1440px) { .s2cardname2 span { font-size: 20px; } } .s2cardname2 span { color: #000; font-size: 20px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.8px; text-align: center; } .promh2 { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: max(2.8vw, 24px); line-height: 54px; display: flex; align-items: center; letter-spacing: -1.8px; color: #292F3A; } .page-wrapper { margin: 0 auto; max-width: 1920px; background: transparent; } .row { display: flex; } .center { align-items: center; justify-content: center; align-content: center; } .mar40 { margin-top: 40px; } .mar8{ margin-left: 16px; } .bread { gap:2px; margin-bottom: 40px; } .catalognew { width: 100%; height: 100%; border-top: 1px solid #C7C7C7; } .maincat { height: 100%; border-right: 1px solid #C7C7C7; } .maincat p { position: relative; padding: 14px 14px 14px 0; color: var(--primary__black, #262B38); -webkit-transition: color .3s; transition: color .3s; cursor: pointer; } #breadcrumbs span { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 13px; /* identical to box height, or 72% */ color: #292F3A; display: flex; gap: 5px; } .product-detail-top { z-index: 10; position: relative; } .product-detail-top { padding-block-end:var(--spacing-size-xlarge) } .product-detail-top__inner { --page-padding: calc(var(--bslr-gutter-x)*0.5); /* margin-inline:auto;max-width: 1400px; */ padding-inline:var(--page-padding);width: 100%; } @media (min-width: 768px) { .product-detail-top__inner { --page-padding:var(--bslr-gutter-x) } } @media (min-width: 992px) { .product-detail-top__inner { --page-padding:calc(var(--bslr-gutter-x)*1.5); } } .product-detail-top__content { --bslr-gutter-x: 32px; --bslr-gutter-y: 0; display: flex; margin-left: calc(var(--bslr-gutter-x)*-.5); margin-right: calc(var(--bslr-gutter-x)*-.5); margin-top: calc(var(--bslr-gutter-y)*-1) } .product-detail-top__media { display: flex; flex-shrink: 0; justify-content: center; margin-bottom: var(--spacing-size-medium); margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } /* .product-detail-top__media>* { max-width: 508px!important } */ .product-detail-top__data { flex-shrink: 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .product-detail-top__media { flex:0 0 auto; padding-right: var(--spacing-size-medium); width: 41.66666667% } .product-detail-top__data { flex: 0 0 auto; width: 58.33333333%; display: flex; } } .product-list-layout { --bslr-gutter-x: 32px; --bslr-gutter-y: 0; display: flex; margin-left: calc(var(--bslr-gutter-x)*-.5); margin-right: calc(var(--bslr-gutter-x)*-.5); margin-top: calc(var(--bslr-gutter-y)*-1); /* max-width: 1400px; */ text-align: left } @media (max-width: 800px) { .product-list-layout { flex-direction: column; } } .product-list-layout__filter { flex-shrink: 0; flex: 0 0 auto; margin-bottom: var(--bslr-gutter-x); margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .product-list-layout__filter { flex:0 0 auto; margin-bottom: 0; width: 25% } } @media (min-width: 1200px) { .product-list-layout__filter { width:20% } } .product-list-layout__content { display: flex; flex-shrink: 0; flex: 0 0 auto; flex-direction: column; gap: var(--bslr-gutter-x); margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .product-list-layout__content { flex:0 0 auto; width: 75% } } @media (min-width: 1200px) { .product-list-layout__content { width:80% } } .product-list-layout--no-filter .product-list-layout__content { flex: 0 0 auto; width: 100% } .product-list-layout__meta-bar { align-items: center; color: var(--bslr-color-lucent-text); -moz-column-gap: var(--spacing-size-small); column-gap: var(--spacing-size-small); display: flex; flex-wrap: wrap; justify-content: space-between; margin-block-end:var(--spacing-size-small);min-height: 43px; row-gap: var(--spacing-size-smadium) } .product-list-layout__meta-bar b,.product-list-layout__meta-bar strong { font-weight: 600 } .product-list-layout__meta-bar-actions { display: flex; gap: 20px; max-height: none!important } .product-list-layout__meta-bar-actions .formkit-outer { margin: 0 } .product-list-layout__filter-tags { text-align: left } .download-list { display: flex; flex-direction: column; gap: 64px } .download-list__group-title { color: var(--bslr-color-headline); font-family: 'Inter'; font-size: clamp(1.125rem,1.0106707317rem + .487804878vw,1.4375rem); font-weight: 600; margin-bottom: 16px } .download-list__alert { margin-bottom: 16px } .download-list__list { border-top: 1px solid var(--bslr-table-border-color); list-style-type: none; margin: 0; padding: 0 } .download-list__item { align-items: flex-start; border-bottom: 1px solid var(--bslr-table-border-color); cursor: pointer; display: flex; flex-direction: column; gap: 16px; padding: 24px 0 24px 38px; position: relative; transition: background-color .4s ease-in-out; z-index: 1 } .download-list__item:hover { background-color: var(--bslr-color-lucent-background) } .download-list__title { color: var(--bslr-color-headline); display: flex; font-family: 'Inter'; font-size: clamp(1rem,.9085365854rem + .3902439024vw,1.25rem); font-weight: 600; line-height: 1.3; text-decoration: none; transition: color .2s ease-in-out } .download-list__title:after { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; width: 100%; z-index: 2 } .download-list__title h2,.download-list__title h3,.download-list__title h4,.download-list__title h5,.download-list__title h6 { font-family: inherit; font-size: inherit; margin: 0 } .download-list__title:hover,.download-list__title:hover .download-list__icon { color: var(--bslr-color-link-hover) } .download-list__icon { color: var(--bslr-color-link); height: 1.2em; left: 0; position: absolute; top: 24px; transform: translateY(-.05em); transition: color .2s ease-in-out; width: 1.2em } .download-list__details { align-items: flex-start; color: var(--bslr-color-lucent-text); -moz-column-gap: 24px; column-gap: 24px; display: flex; flex-direction: column; flex-wrap: wrap; font-size: clamp(.875rem,.8292682927rem + .1951219512vw,1rem); row-gap: 16px; width: 100% } @media (min-width: 768px) { .download-list__details { align-items:center; flex-direction: row; justify-content: space-between } } .download-list__share-icon { height: 1.25em; margin-inline-end:8px;transform: translateY(.25em); width: 1.25em } .download-list__share-icon svg { height: inherit; width: inherit } .download-list__copied,.download-list__share { background: transparent; border: 0; padding: 0; text-decoration: none; transition: color .2s ease-in-out } .download-list__share { color: var(--bslr-color-text); position: relative; z-index: 3 } .download-list__share:hover { text-decoration: underline } .download-list__copied { color: #4ec624 } .download-list__loading-group-title { height: 1.5em; margin-bottom: 14px; max-width: 300px; width: 100% } .download-list__loading-title { height: 1.3em; margin-bottom: 3px; max-width: 600px; width: 100% } .download-list__show-more { display: flex; justify-content: center; margin-top: 16px } .responsive-picture { display: contents } .responsive-picture source { display: none } .responsive-picture img { max-inline-size: 100%; width: 100%; block-size: auto } .media-image { font-size: 0; line-height: 100%; width: 100% } .media-image img { width: 100% } .media { height: auto; position: relative; width: 100% } .media__inner { height: 100%; margin: 0; width: 100% } .media figure>:first-child { border-radius: 16px; overflow: hidden; position: relative } .media--gradient-border.media figure>:first-child:before { --mask: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(#fff,#fff); --mask-clip: padding-box,border-box; background: linear-gradient(120deg,#f59d21,#ff21f8 40%,#9d00ff) 50%/calc(100% + 32px) calc(100% + 32px); border: 6px solid transparent; border-radius: 16px; content: ""; inset: 0; -webkit-mask-clip: var(--mask-clip); -webkit-mask: var(--mask); mask: var(--mask); mask-clip: var(--mask-clip); -webkit-mask-composite: source-in,xor; mask-composite: intersect; pointer-events: none; position: absolute; z-index: 1 } .media figcaption { color: var(--bslr-color-text); font-size: 14px; margin-top: 8px } .card--content { max-width: 700px } .card--content .card__title { margin-bottom: 24px } .card--content .card__footer { text-align: center } .content-cards,.content-cards__item { list-style: none; padding: 0 } .content-cards__item { margin-block-end:0} .content-cards__item:before { display: none } @media (min-width: 768px) { .content-cards { display:flex; flex-wrap: wrap; gap: calc(var(--bslr-gutter-x)/2) } } @media (min-width: 768px) and (min-width:1400px) { .content-cards { gap:var(--bslr-gutter-x) } } .content-cards__item { margin-block-end:var(--spacing-size-medium)} @media (min-width: 768px) { .content-cards__item { --list-columns:var(--columns,2); margin-block-end:0;width: calc(100%/var(--list-columns) - var(--bslr-gutter-x)/2*(var(--list-columns) - 1)/var(--list-columns)) } } @media (min-width: 768px) and (min-width:1400px) { .content-cards__item { width:calc(100%/var(--list-columns) - var(--bslr-gutter-x)*(var(--list-columns) - 1)/var(--list-columns)) } } @media (min-width: 768px) { .content-cards__item>.card { height:100% } } .content-cards-block { max-width: 1400px; --bslr-gutter-x: 32px; --bslr-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bslr-gutter-x)*-.5); margin-right: calc(var(--bslr-gutter-x)*-.5); margin-top: calc(var(--bslr-gutter-y)*-1); text-align: left } .content-cards-block--max-cols-4 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-4 .content-cards-block__inner { flex:0 0 auto; width: 33.33333333% } } .content-cards-block--max-cols-5 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-5 .content-cards-block__inner { flex:0 0 auto; width: 41.66666667% } } .content-cards-block--max-cols-6 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-6 .content-cards-block__inner { flex:0 0 auto; width: 50% } } .content-cards-block--max-cols-7 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-7 .content-cards-block__inner { flex:0 0 auto; width: 58.33333333% } } .content-cards-block--max-cols-8 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-8 .content-cards-block__inner { flex:0 0 auto; width: 66.66666667% } } .content-cards-block--max-cols-9 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-9 .content-cards-block__inner { flex:0 0 auto; width: 75% } } .content-cards-block--max-cols-10 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-10 .content-cards-block__inner { flex:0 0 auto; width: 83.33333333% } } .content-cards-block--max-cols-11 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-11 .content-cards-block__inner { flex:0 0 auto; width: 91.66666667% } } .content-cards-block--max-cols-12 .content-cards-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .content-cards-block--max-cols-12 .content-cards-block__inner { flex:0 0 auto; width: 100% } } .content-cards-block--cols-centered { display: flex; justify-content: center!important } .content-cards-block--content-centered { text-align: center } .content-cards-block--content-centered .content-cards__item>.card { margin: 0 auto; text-align: left } .headline-module.is-centered { align-items: center; display: flex; flex-direction: column } .headline-module__text { text-wrap: balance } .headline-module__text-inner { display: inline-block text-align: end; } .headline-module .badge { margin-block-end:16px} .headline-module .icon { margin-inline-end:8px;vertical-align: text-bottom } .headline-block { /* max-width: 1400px; */ --bslr-gutter-x: 32px; --bslr-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bslr-gutter-x)*-.5); margin-right: calc(var(--bslr-gutter-x)*-.5); margin-top: calc(var(--bslr-gutter-y)*-1); text-align: left } .headline-block--max-cols-4 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-4 .headline-block__inner { flex:0 0 auto; width: 33.33333333% } } .headline-block--max-cols-5 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-5 .headline-block__inner { flex:0 0 auto; width: 41.66666667% } } .headline-block--max-cols-6 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-6 .headline-block__inner { flex:0 0 auto; width: 50% } } .headline-block--max-cols-7 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-7 .headline-block__inner { flex:0 0 auto; width: 58.33333333% } } .headline-block--max-cols-8 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-8 .headline-block__inner { flex:0 0 auto; width: 66.66666667% } } .headline-block--max-cols-9 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-9 .headline-block__inner { flex:0 0 auto; width: 75% } } .headline-block--max-cols-10 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-10 .headline-block__inner { flex:0 0 auto; width: 83.33333333% } } .headline-block--max-cols-11 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-11 .headline-block__inner { flex:0 0 auto; width: 91.66666667% } } .headline-block--max-cols-12 .headline-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .headline-block--max-cols-12 .headline-block__inner { flex:0 0 auto; width: 100% } } .headline-block--cols-centered { display: flex; justify-content: center!important } .headline-block--content-centered { text-align: center } .headline-block h1,.headline-block h2,.headline-block h3,.headline-block h4,.headline-block h5,.headline-block h6 { margin-block:0} .product-detail-gallery__item-btn { background-color: transparent; border: 0; border-radius: 16px; display: block; height: 100%; outline-offset: -1px; padding: 0; width: 100% } .product-detail-gallery { max-width: 583.3333333333px; width: 100% } .product-detail-gallery__items { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 0 } .product-detail-gallery__item { align-items: center; background-color: #fff; border-radius: 16px; box-shadow: 0 14px 31px #0000001a,0 57px 57px #00000017,0 129px 77px #0000000d,0 229px 92px #00000003,0 358px 100px #0000; display: flex; overflow: hidden; /* width: calc(87% - .5rem) */ } #thumbsSlider { --f-carousel-slide-height: 24%; --f-carousel-spacing: 10px; } .product-detail-gallery__item img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } /* .product-detail-gallery__item:first-child { width: 100% } */ .fullwidth { width: 100%; } .product-detail-gallery__loading-image { aspect-ratio: 4/3; border-radius: 16px; height: auto; width: 100% } .product-detail { margin-block-end:var(--spacing-size-medium); width: 625px; } .product-detail__headline .headline-module__text { display: flex; flex-direction: column; font-size: var(--h3-font-size); gap: 4px; margin-block-end:var(--spacing-size-medium)} .product-detail__headline .badge { border-radius: 4px; font-size: var(--base-font-size); padding: 4px 8px; text-transform: uppercase } .product-detail__headline-variant { display: block; font-size: var(--h2-font-size); font-weight: var(--font-weight-body) } .product-detail__description { color: #292F3A; font-size: 16px; height: 115px; overflow: hidden; text-overflow: ellipsis; } .products-list-grid { display: flex; flex-wrap: wrap; gap: calc(var(--bslr-gutter-x)/2); max-width: 1400px } .products-list-grid,.products-list-grid__item { list-style: none; padding: 0 } .products-list-grid__item { margin-block-end:0} .products-list-grid__item:before { display: none } /* @media (min-width: 1400px) { .products-list-grid { gap:var(--bslr-gutter-x) } } */ .products-list-grid__item { --columns: 1; --list-columns: var(--columns,2); flex-shrink: 1; width: calc(100%/var(--list-columns) - var(--bslr-gutter-x)/2*(var(--list-columns) - 1)/var(--list-columns)) } @media (min-width: 1400px) { .products-list-grid__item { width:calc(100%/var(--list-columns) - var(--bslr-gutter-x)*(var(--list-columns) - 1)/var(--list-columns)) } } @media (min-width: 576px) { .products-list-grid__item { --columns:2 } } @media (min-width: 768px) { .products-list-grid__item { --columns:2 } } @media (min-width: 992px) { .products-list-grid__item { --columns:3 } } @media (min-width: 1200px) { .products-list-grid__item { --columns:4 } } .products-list-grid__item .card { height: 100% } .products-list-grid--three-quarters { /* max-width: 950px; */ } @media (min-width: 1200px) { .products-list-grid--three-quarters .products-list-grid__item { --columns:4 } } .product-table-item { border-radius: 16px; outline: var(--row-hover-outline-width) solid transparent; position: relative; transform: translate(0); transition-duration: .2s; transition-property: outline-color,transform,filter; transition-timing-function: ease-in-out } .product-table-item:has(.product-table-item__headline-link):has(:focus-visible),.product-table-item:has(.product-table-item__headline-link):hover { outline-color: var(--bslr-color-element-interactive-inactive); transform: translate3d(0,-4px,0) } .product-table-item td { background-color: var(--bslr-color-lucent-background); border-color: #0003; border-style: solid; border-width: 1px 0; height: 100%; max-width: 240px; min-width: 80px; padding-block:16px;z-index: 2 } .product-table-item td:first-child { border-radius: 16px 0 0 16px; border-width: 1px 0 1px 1px } .product-table-item td:last-child { border-radius: 0 16px 16px 0; border-width: 1px 1px 1px 0 } .product-table-item td.product-table-item__td-media { background-color: #fff; width: 120px } .product-table-item td.product-table-item__td-title { min-width: 150px } .product-table-item td.product-table-item__td-cta { min-width: 180px; text-align: right } .product-table-item__td-cta { position: relative; z-index: 3 } .product-table-item__td-cta .button { text-align: center } .product-table-item .loading-skeleton { width: 100px } .product-table-item__media { border-radius: 16px 0 0 16px; display: grid; grid-template-areas: "media"; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); height: 100%; overflow: clip; width: 120px; z-index: 1 } .product-table-item__media .media { display: flex; flex-direction: column; grid-area: media; justify-content: center } .product-table-item__media .media .media-image { border-radius: 0; height: 100% } .product-table-item__media .media img { aspect-ratio: 4/3; height: 100%; -o-object-fit: contain; object-fit: contain } @supports (hanging-punctuation: first) and (font:-apple-system-body) and (-webkit-appearance:none) { .product-table-item__media .media img { height:auto } } .product-table-item__media .loading-skeleton { width: 100% } .product-table-item__badge { align-self: end; grid-area: media; margin: 0 0 12px 12px; z-index: 2 } .product-table-item__badge .badge { padding-block:3px!important} .product-table-item__badge .badge.is-secondary { --badge-background-color: #e5e5e5; color: #000 } .product-table-item__badge .loading-skeleton { border-radius: 8px; display: block; height: 24px; width: 95px; z-index: 2 } .product-table-item__headline { color: var(--bslr-color-lucent-text-strong); font-family: 'Inter'; font-size: 16px; margin-block-end:0} .product-table-item__headline-part { display: block; z-index: 2 } .product-table-item__headline-part:first-child { font-weight: 600 } .product-table-item__headline-part:nth-child(2) { font-weight: 400; margin-block-start:4px} .product-table-item__headline .loading-skeleton { display: block; height: 19px; position: relative; z-index: 2 } .product-table-item__headline .loading-skeleton:first-child { width: 90px } .product-table-item__headline .loading-skeleton:nth-child(2) { margin-block-start:4px;width: 130px } .product-table-item__headline-link { color: inherit; display: block; text-decoration: none } .product-table-item__headline-link:focus-visible,.product-table-item__headline-link:hover { color: inherit; outline: none } .product-table-item__headline-link:after { background-color: transparent; content: ""; display: block; inset: 0; position: absolute; z-index: 2 } .product-table-item__description-box { max-width: 40vw } .product-table-item__description-box p { line-height: 1.2 } .product-table-item__description-box .loading-skeleton { display: block; height: 18px; margin-bottom: 6px; width: 100% } .product-table-item__description-box .loading-skeleton:last-child { margin-bottom: 0; width: 75% } .product-table-item__price-prefix-box { align-items: center; display: flex; flex-wrap: wrap; gap: 5px } .product-table-item__price-prefix { color: var(--bslr-color-lucent-text); display: block; font-size: 14px } .product-table-item__price-prefix-attention-text { color: #dc3545 } .product-table-item__price-text-box { align-items: center; display: flex; gap: 8px } .product-table-item__price-text { color: var(--bslr-color-lucent-text-strong); display: block; font-size: 18px; font-weight: 500; white-space: nowrap } .product-table-item.has-previous-price-text .product-table-item__price-text { color: #dc3545 } .product-table-item__previous-price-text { color: rgb(var(--bslr-color-text-rgb)/75%); margin-inline-end:var(--spacing-size-small);position: relative; white-space: nowrap } .product-table-item__previous-price-text:after { border-top: 2px solid var(--bslr-color-element-supplementary); content: ""; display: block; height: 0; left: 0; pointer-events: none; position: absolute; top: 50%; transform: rotate(-4deg); -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } .product-table-item__cta-box { display: flex; flex-direction: column; gap: 8px } .product-table-item__loading-media { --bslr-loading-skeleton-background: #fff; --bslr-loading-skeleton-indicator: #f0f0f0; aspect-ratio: 4/3; display: block; grid-area: media; height: auto; position: relative; width: 100%; z-index: 0 } .product-table-item__loading-media:after { background: linear-gradient(180deg,var(--bslr-loading-skeleton-background) 20%,transparent 50%,var(--bslr-loading-skeleton-background) 80%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .product-table-item .loading-skeleton.is-type-button { width: 100% } .products-list-table { --row-hover-outline-width: 4px; margin-inline-start:calc(var(--row-hover-outline-width)*-1)} .products-list-table__table-wrapper { -webkit-overflow-scrolling: touch; overflow-x: auto } .products-list-table__table { border-collapse: separate; border-spacing: 0 16px; color: var(--bslr-color-dark-alternate); height: 1px; margin-block-start:-16px;padding-inline:calc(var(--row-hover-outline-width) + 1px);vertical-align: top; width: 100% } .products-list-table__table>:not(caption)>*>* { padding-inline:6px} .products-list-table__table>:not(caption)>*>:first-child { padding-inline-start:24px} .products-list-table__table>:not(caption)>*>:last-child { padding-inline-end:24px} .products-list-table__table>:not(caption)>*>[class*=-media] { padding: 0!important } .products-list-table__table>:not(caption)>*>[class*=-media]+* { padding-inline-start:12px} .products-list-table__table th { color: var(--bslr-color-lucent-text-strong); font-weight: 600 } .product-list-pagination { margin: 0 auto } .product-list-pagination__list { display: flex; flex-wrap: wrap; gap: calc(var(--bslr-gutter-x)/2); gap: 12px!important; justify-content: center } .product-list-pagination__list,.product-list-pagination__list-item { list-style: none; padding: 0 } .product-list-pagination__list-item { margin-block-end:0} .product-list-pagination__list-item:before { display: none } @media (min-width: 1400px) { .product-list-pagination__list { gap:var(--bslr-gutter-x) } } .product-list-pagination__link { background-color: transparent; border: 2px solid var(--bslr-pagination-border-color); border-radius: 8px; color: var(--bslr-color-text); display: block; height: 38px; line-height: 34px; min-width: 38px; outline-offset: 4px; padding: 0 12px; text-decoration: none; transition-duration: .2s; transition-property: background-color,border-color,color; transition-timing-function: ease-in-out } .product-list-pagination__link:focus-visible,.product-list-pagination__link:hover { border-color: #0094ff; color: var(--bslr-color-text) } .product-list-pagination__link--more { border-color: transparent } .product-list-pagination__link--more:focus-visible,.product-list-pagination__link--more:hover { border-color: transparent } .product-list-pagination__link--active { background-color: #0094ff; border-color: #0094ff; color: #fff; pointer-events: none } .product-list-pagination__link--next,.product-list-pagination__link--prev { --color-icon: var(--bslr-color-text); align-items: center; border-color: transparent; display: inline-flex; justify-content: center; padding: 0 } .product-list-pagination__link--next:after,.product-list-pagination__link--prev:after { --mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'%3E%3Cpath d='M.22.226a.735.735 0 0 1 1.06 0L8 7.153 14.72.226a.735.735 0 0 1 1.06 0 .79.79 0 0 1 0 1.094L8.53 8.793a.733.733 0 0 1-1.06 0L.22 1.32a.79.79 0 0 1 0-1.094'/%3E%3C/svg%3E") no-repeat center center; background-color: var(--bslr-color-text); content: ""; display: block; height: 1rem; -webkit-mask: var(--mask); mask: var(--mask); transition: transform .35s ease; width: 1rem } .product-list-pagination__link--prev:after { transform: translate(-1px) rotate(90deg) } .product-list-pagination__link--next:after { transform: translate(1px) rotate(-90deg) } .product-specs__image-btn { background-color: transparent; border: 0; border-radius: 16px; display: block; height: 100%; outline-offset: -1px; padding: 0; width: 100% } .product-specs { --column-left-width: 120px; --column-right-max-width: 800px; --column-gap: var(--bslr-gutter-x) } @media (min-width: 576px) { .product-specs { --column-left-width:200px } } @media (min-width: 768px) { .product-specs { --column-left-width:240px } } .product-specs__group { margin-block-end:var(--spacing-size-xlarge)} @media (min-width: 768px) { .product-specs__group { display:flex; flex-wrap: nowrap; gap: var(--column-gap) } .product-specs__group-header { width: var(--column-left-width) } } .product-specs__group:last-child { margin-block-end:0} .product-specs__group-headline { border-bottom: 1px solid var(--bslr-border-color); font-size: var(--base-font-size); line-height: 2.25 } .product-specs__group-header h4{ margin: 0; } .product-specs__group-headline--images { border-bottom: 0 } .product-specs__group-content { font-size: var(--text-small-font-size); max-width: var(--column-right-max-width) } @media (min-width: 768px) { .product-specs__group-content { width:calc(100% - var(--column-left-width) - var(--column-gap)) } } .product-specs__image { margin-block-end:var(--spacing-size-medium)} .product-specs__image:last-child { margin-block-end:0 } .product-specs__image .media-image { border-radius: 16px; margin-block-end:var(--spacing-size-small);overflow: hidden } .product-specs__image-download-link { display: inline-block } .product-specs__checklist-list { border-bottom: 1px solid var(--bslr-border-color); display: flex; flex-wrap: wrap; gap: 1em; padding-left: 0 } .product-specs__checklist-list-item { line-height: 2.53; list-style: none; margin-block-end:0} .product-specs__checklist-list-item:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iV2Vic2l0ZSBJY29ucyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxwYXRoIGQ9Ik04NS4wOSAyNi40M2MxLjAxLjk5IDEuMDEgMi42MiAwIDMuNjJMNDEuNTcgNzMuNTdhMi41NCAyLjU0IDAgMCAxLTMuNjIgMEwxNC45MSA1MC41M2MtMS0uOTktMS0yLjYyIDAtMy42MiAxLTEuMDEgMi42Mi0xLjAxIDMuNjIgMGwyMS4yMyAyMS4yMyA0MS43MS00MS43MWMuOTktMSAyLjYyLTEgMy42MiAwIi8+PC9zdmc+); background-repeat: no-repeat; content: " "; display: inline-block; height: 24px; margin-inline-end:.5em;transform: translateY(6px); width: 24px } .product-specs__spec-table table { table-layout: fixed } @media (min-width: 992px) { .product-specs__spec-table table { max-width:var(--column-right-max-width); table-layout: fixed } } @media (max-width: 767px) { .product-specs__spec-table table tr { display:flex; flex-direction: column; margin-block-end:10px} } .product-specs__spec-table table td,.product-specs__spec-table table th { font-weight: 400 } @media (max-width: 767px) { .product-specs__spec-table table th { width:100% } } @media (min-width: 768px) { .product-specs__spec-table table th { width:var(--column-left-width) } } .product-specs__spec-table table th,.product-specs__spec-table table th * { color: #0009 } .product-specs__spec-table table td { color: var(--bslr-color-headline) } .product-specs__spec-table table>:not(caption)>*>* { padding-left: 0 } .product-specs .rte-text ul:last-child { margin-block-end:0} .product-specs .rte-text ul li { margin: 0 8px 8px } .product-variant-option { border: var(--variant-border-width,3px) solid var(--variant-border-color); border-radius: 12px; box-shadow: 0 2px 4px #0000001a,0 7px 7px #00000017,0 15px 9px #0000000d,0 27px 11px #00000003; outline: 4px solid var(--variant-outline-color); outline-offset: 0; padding: calc(11px - var(--variant-border-width, 1px)) calc(13px - var(--variant-border-width, 1px)); transition-duration: .2s; transition-property: outline-color,border,box-shadow; transition-timing-function: ease-in-out; --circle-radius: 26px; --variant-border-width: 1px; --variant-border-color: #f4f4f4; --variant-outline-color: transparent; background-color: var(--bslr-color-element-background); color: var(--bslr-color-text); display: flex; flex-direction: column; font-size: 14px; height: 100%; justify-content: center; text-align: center; text-decoration: none } .product-variant-option:hover { box-shadow: 0 2px 4px #00000014,0 7px 7px #00000012,0 15px 9px #00000008,0 27px 11px #0000 } .product-variant-option--is-link { color: var(--bslr-color-text)!important; cursor: pointer } .product-variant-option--is-link:focus-visible { --variant-outline-color: var(--bslr-color-element-interactive-inactive); --variant-border-color: #005DF3 } .product-variant-option--is-link:hover { --variant-outline-color: var(--bslr-color-element-interactive-inactive) } .product-variant-option--is-disabled { color: #0003; cursor:not-allowed } .product-variant-option--with-attributes { text-align: left } .product-variant-option--is-active:not(.is-disabled) { --variant-border-width: 3px; --variant-border-color: #005DF3 } .product-variant-option__label,.product-variant-option__subtitle { display: block } .product-variant-option__label { font-size: 16px; font-weight: 600; line-height: var(--circle-radius) } .product-variant-option__label--circle { align-items: center; display: flex; justify-content: center } .product-variant-option__label--circle:before { background-color: #0003; border-radius: 50%; content: ""; display: inline-block; height: var(--circle-radius); margin-right: var(--spacing-size-small); width: var(--circle-radius) } .product-variant-option__label--circle-color:before { background: #ff6961; background: linear-gradient(135deg,#ff6961 15%,#fdfd96 30%,#7d7 50%,#9dcaeb 70%,#957dad 85%) } .product-variant-option__attributes,.product-variant-option__subtitle { color: #222222bf; margin-top: 4px } .product-variant-option__attributes { display: grid; grid-template-columns: auto 1fr } .product-variant-option__attribute { display: grid; grid-column: 1/span 2; margin-block-end:4px} @media (min-width: 768px) { .product-variant-option__attribute { grid-template-columns:subgrid; margin-block-end:0} .product-variant-option__attribute-key,.product-variant-option__attribute-value { padding: 2px 0 } } .product-variant-option__attribute-key { font-weight: 400 } @media (min-width: 768px) { .product-variant-option__attribute-key { padding-right:var(--spacing-size-medium) } } .product-variant-option__attribute-key:after { content: ":" } .product-variant-option__attribute-value { font-weight: 600 } .product-variant-option-group { container-type: inline-size; --grid-gap: var(--spacing-size-medium); --min-column-width: 160px; --max-column-width: 1fr } @media (min-width: 464px) { .product-variant-option-group { --grid-gap:calc(var(--bslr-gutter-x)/2); --max-column-width: 180px } } @media (min-width: 576px) { .product-variant-option-group { --min-column-width:170px } } .product-variant-option-group__title { align-items: center; display: flex; flex-wrap: wrap; font-family: 'Inter'; font-size: var(--base-font-size); font-weight: 600; gap: 8px; line-height: var(--headline-line-height); margin-block-end:12px} .product-variant-option-group__title-text { display: inline-block; flex-shrink: 0 } .product-variant-option-group__title-info-text { color: #0009 } .product-variant-option-group__title-link { font-size: 16px; font-weight: var(--font-weight-body); margin-left: var(--spacing-size-xsmall); vertical-align: text-top } .product-variant-option-group__list { --grid-layout-gap: 20px; --grid-column-count: 4; --grid-item-min-width: 130px; --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count)*var(--grid-layout-gap)); --grid-item-max-width: calc((100% - var(--total-gap-width))/var(--grid-column-count)); display: grid; gap: var(--grid-layout-gap); grid-template-columns: repeat(auto-fill,minmax(max(var(--grid-item-min-width),var(--grid-item-max-width)),1fr)); width: 100% } .product-variant-option-group__list,.product-variant-option-group__list-item { list-style: none; padding: 0 } .product-variant-option-group__list-item { margin: 0 } .product-variant-option-group--with-attributes .product-variant-option-group__list { --grid-column-count: 2 } .product-variant-select { --variant-border-width: 1px; --variant-border-color: #f4f4f4; --variant-outline-color: transparent; color: var(--variant-text-color,var(--bslr-color-text)); display: inline-flex; flex-direction: column; font-size: 14px; gap: 8px; width: 100% } .product-variant-select.is-disabled { --variant-cursor:not-allowed; --variant-text-color: rgba(0,0,0,.4) } .product-variant-select.is-active:not(.is-disabled) { --variant-border-width: 3px; --variant-border-color: #0094ff } .product-variant-select__label { align-items: center; display: flex; font-size: var(--base-font-size); font-weight: 600; gap: 10px } .product-variant-select__select-box { position: relative } .product-variant-select__select-box select { cursor: pointer } .product-variant-select__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--bslr-body-bg) var(--icon-chevron-down) no-repeat calc(100% - 16px) 50%; background-size: 16px 9px; border: var(--variant-border-width,3px) solid var(--variant-border-color); border-radius: 12px; box-shadow: 0 2px 4px #0000001a,0 7px 7px #00000017,0 15px 9px #0000000d,0 27px 11px #00000003; color: var(--variant-text-color,#222); cursor: var(--variant-cursor,default); display: block; font-size: var(--base-font-size); font-weight: 600; height: 52px; line-height: 26px; outline: 4px solid var(--variant-outline-color); outline-offset: 0; padding: calc(11px - var(--variant-border-width, 1px)) calc(13px - var(--variant-border-width, 1px)); padding-block:calc(11px - var(--variant-border-width, 1px));padding-inline: calc(13px - var(--variant-border-width, 1px)) calc(46px - var(--variant-border-width, 1px)); text-align: left; transition-duration: .2s; transition-property: outline-color,border,box-shadow; transition-timing-function: ease-in-out; width: 100% } .product-variant-select__select:hover { box-shadow: 0 2px 4px #00000014,0 7px 7px #00000012,0 15px 9px #00000008,0 27px 11px #0000; --variant-outline-color: var(--bslr-color-element-interactive-inactive) } .is-disabled .product-variant-select__select:hover { --variant-outline-color: transparent; cursor:not-allowed } .product-variant-select__select:focus-visible { --variant-outline-color: var(--bslr-color-element-interactive-inactive) } .product-variant-select__select-overlay { align-items: center; background: var(--bslr-body-bg) var(--icon-chevron-down) no-repeat calc(100% - 16px) 50%; background-color: var(--bslr-body-bg); background-size: 16px 9px; border-radius: 9px; color: var(--variant-text-color,#222); cursor: var(--variant-cursor,default); display: flex; font-size: var(--base-font-size); font-weight: 600; inset: 3px; line-height: 26px; overflow: hidden; padding-block:calc(11px - var(--variant-border-width, 1px));padding-inline: calc(13px - var(--variant-border-width, 1px)) calc(46px - var(--variant-border-width, 1px)); pointer-events: none; position: absolute; text-align: left } .product-variant-select__select-overlay:hover { --variant-outline-color: var(--bslr-color-element-interactive-inactive) } .is-disabled .product-variant-select__select-overlay:hover { --variant-outline-color: transparent; cursor:not-allowed } .product-variant-select__select-overlay-option { align-items: center; display: none; justify-content: space-between; width: 100% } .product-variant-select__select-overlay-option.is-selected { display: flex } .product-variant-select__select-overlay-label-info { align-items: center; color: #2229; display: flex; font-size: var(--text-small-font-size); font-weight: 500; height: calc(100% - 6px); pointer-events: none } .product-variant-picker { border-top: 2px solid rgba(0,0,0,.2); display: grid; grid-template-areas: "content"; margin-block-start:52px} @media (min-width: 576px) { .product-variant-picker { border:2px solid rgba(0,0,0,.2); border-radius: 16px } } .product-variant-picker__title { align-self: start; background: transparent linear-gradient(90deg,#fff,#fff) 0 calc(50% + 1px) no-repeat; background-size: 100% 2px; color: #2229; font-size: var(--tag-pill-font-size); font-weight: 500; grid-area: content; justify-self: center; position: relative; transform: translateY(calc(-50% - 2px)) } .product-variant-picker__title span { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border-radius: 8px; display: block; padding-inline:5px} .product-variant-picker__items { display: flex; flex-direction: column; gap: 32px; padding-block-start:32px; } @media (min-width: 576px) { .product-variant-picker__items { padding:28px; padding-top: 0; } } .icon svg path { fill: var(--color-icon, currentColor); transition-duration: .2s; transition-property: fill; transition-timing-function: ease-in-out; } .icon svg { height: 1em; width: 1em; } .icon--dynamic { font-size: 1em; } .icon { align-items: center; display: inline-flex; justify-content: center; } .product-detail-compatibles__list-item { margin-block-end:0} .product-detail-compatibles__list-item:before { display: none } @media (min-width: 1400px) { .product-detail-compatibles__list { gap:var(--bslr-gutter-x) } } .product-detail-compatibles__list-item { width: calc(100%/var(--list-columns) - var(--gap)*(var(--list-columns) - 1)/var(--list-columns)) } @media (min-width: 768px) { .product-detail-compatibles__list-item { width:auto } } .product-detail-compatibles__image { display: block; max-height: 150px; max-width: 100% } .product-detail-header-features { margin-bottom: var(--spacing-size-medium) } .product-detail-header-features__list { --grid-layout-gap: 10px; --grid-column-count: 4; --grid-item-min-width: 130px; --gap-count: calc(var(--grid-column-count) - 1); --total-gap-width: calc(var(--gap-count)*var(--grid-layout-gap)); --grid-item-max-width: calc((100% - var(--total-gap-width))/var(--grid-column-count)); display: grid; gap: var(--grid-layout-gap); grid-template-columns: 1fr 1fr } .product-detail-header-features__list,.product-detail-header-features__list-item { list-style: none; padding: 0 } .product-detail-header-features__list-item { margin-block-end:0} .product-detail-header-features__list-item:before { display: none } .product-detail-header-features__list-item { align-items: center; display: flex; font-size: 16px; line-height: 1.4 } .product-detail-header-features__icon { flex-shrink: 0; font-size: 22px; line-height: 1; margin-inline-end:16px } .product-detail-header-features__text { display: inline-block; font-weight: 600; width: 100% } .product-detail-gallery__item-btn { background-color: transparent; border: 0; border-radius: 16px; display: block; height: 100%; outline-offset: -1px; padding: 0; width: 100% } .product-detail-add-to-cart { --box-padding-horizontal: 16px; --box-padding-vertical: 18px; --box-border-radius: 12px; background-color: #fff9; border: 2px solid rgba(0,0,0,.2); border-radius: var(--box-border-radius); color: var(--bslr-gray-700); font-size: 16px; height: 231px; overflow: hidden; padding: var(--box-padding-vertical) var(--box-padding-horizontal); position: relative } @media (min-width: 576px) { .product-detail-add-to-cart { --box-padding-horizontal:28px; --box-padding-vertical: 24px } } @media (min-width: 992px) { .product-detail-add-to-cart { font-size:16px } } .product-detail-add-to-cart--is-loading>* { pointer-events: none } @container (min-width: 700px) { .product-detail-add-to-cart__header { display: flex; gap: var(--spacing-size-small); justify-content: space-between } .product-detail-add-to-cart__attributes { width: 75% } } .product-detail-add-to-cart__header-link { margin-bottom: calc(var(--box-padding-vertical)/2); text-align: right } @container (min-width: 700px) { .product-detail-add-to-cart__header-link { position: absolute; right: var(--box-padding-horizontal); top: calc(var(--box-padding-vertical) + 8px); width: 30% } } .product-detail-add-to-cart__header-link .link { display: block; line-height: 1.2; overflow-wrap: anywhere } @container (min-width: 700px) { .product-detail-add-to-cart__header-link .link { font-size: 16px } } .product-detail-add-to-cart--is-loading .product-detail-add-to-cart__attribute-table { width: 100%ж font-family: var(--font-family-body); } .product-detail-add-to-cart__attribute-table td,.product-detail-add-to-cart__attribute-table th { line-height: 1.2; padding: 8px 0 } .product-detail-add-to-cart__attribute-table th { color: #292F3A; font-weight: var(--font-weight-body); line-height: var(--attribute-table-line-height,1.2); padding-inline-end:24px;vertical-align: var(--attribute-table-vertical-align,middle); white-space: nowrap; text-align: right; width: auto } .rus-currency { font-weight: var(--font-weight-body); line-height: var(--attribute-table-line-height,1.2); vertical-align: var(--attribute-table-vertical-align,middle); white-space: nowrap; text-align: center; width: auto; font-size: 16px; color: var(--bslr-border-color); width: 100%; display: block; } .product-detail-add-to-cart__attribute.is-type-delivery-options { --attribute-table-vertical-align: top; --attribute-table-line-height: 1.5 } .product-detail-add-to-cart__attribute-table td { color: #292F3A; font-weight: var(--font-weight-headline) } .product-detail-add-to-cart__attribute.is-type-delivery-options { --attribute-table-vertical-align: top; --attribute-table-line-height: 1.5 } .product-detail-add-to-cart__attribute--small { --value-font-size: var(--text-small-font-size) } .product-detail-add-to-cart__attribute--large { --value-font-size: var(--text-lead-font-size) } .product-detail-add-to-cart__attribute--xlarge { --value-font-size: 24px } @media (min-width: 992px) { .product-detail-add-to-cart__attribute--xlarge { --value-font-size:30px } } .product-detail-add-to-cart__attribute--traffic-light-green { --traffic-light-color: #4ec624 } .product-detail-add-to-cart__attribute--traffic-light-yellow { --traffic-light-color: #ffc107 } .product-detail-add-to-cart__attribute--traffic-light-red { --traffic-light-color: #dc3545 } .product-detail-add-to-cart__attribute.has-previous-value { --attribute-text-color: #dc3545 } .product-detail-add-to-cart__attribute-label:after { content: ":" } .product-detail-add-to-cart--is-loading .product-detail-add-to-cart__attribute-label:after { content: "" } .product-detail-add-to-cart__attribute-value-box { align-items: center; display: flex; flex-wrap: wrap; font-size: var(--value-font-size) } .product-detail-add-to-cart__attribute-value-prefix { margin-inline-end:var(--spacing-size-xsmall)} .product-detail-add-to-cart__attribute-value { align-items: center } .product-detail-add-to-cart__attribute-value:not(:last-child) { margin-inline-end:var(--spacing-size-small)} .product-detail-add-to-cart__attribute--traffic-light .product-detail-add-to-cart__attribute-value { display: inline-flex; gap: var(--spacing-size-small) } .product-detail-add-to-cart__attribute--traffic-light .product-detail-add-to-cart__attribute-value:before { background-color: var(--traffic-light-color); border-radius: 50%; content: ""; display: inline-block; flex-shrink: 0; height: 20px; width: 20px } .product-detail-add-to-cart__attribute-previous-value,.product-detail-add-to-cart__attribute-previous-value-postfix { font-size: max(12px,.75em) } .product-detail-add-to-cart__attribute-previous-value { color: rgb(var(--bslr-color-text-rgb)/75%); margin-inline-end:var(--spacing-size-small);position: relative } .product-detail-add-to-cart__attribute-previous-value:after { border-top: 2px solid var(--bslr-color-element-supplementary); content: ""; display: block; height: 0; left: 0; pointer-events: none; position: absolute; top: 50%; transform: rotate(-4deg); -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } .product-detail-add-to-cart__attribute-previous-value-postfix { color: #dc3545 } .product-detail-add-to-cart__delivery-options { display: flex; flex-direction: column; gap: 24px } .product-detail-add-to-cart__delivery-options li { align-items: flex-start; display: flex } .product-detail-add-to-cart__delivery-options li:before { background-color: #0003; content: ""; display: block; flex-shrink: 0; height: 8px; margin: 7px 10px 0 0; width: 8px } .product-detail-add-to-cart__delivery-options li:only-child:before { display: none } .product-detail-add-to-cart__delivery-option { display: flex; flex-direction: column; gap: 6px } .product-detail-add-to-cart__delivery-option-title-box { align-items: center; display: flex; flex-wrap: wrap; font-size: 18px; gap: 4px 10px } @media (min-width: 576px) { .product-detail-add-to-cart__delivery-option-title-box { -moz-column-gap:16px; column-gap: 16px } } .product-detail-add-to-cart__delivery-option-title { align-items: center; display: flex; flex-wrap: wrap } .product-detail-add-to-cart__delivery-option-title-icon { font-size: 20px; margin-inline-end:7px} .product-detail-add-to-cart__delivery-option-text { font-size: 14px; font-weight: var(--font-weight-body) } .product-detail-add-to-cart__footer { margin: var(--box-padding-vertical) calc(var(--box-padding-horizontal)*-1) calc(var(--box-padding-vertical)*-1) } .product-detail-add-to-cart__footer .link--configurator { --color-icon: var(--bslr-secondary); color: var(--bslr-color-text); font-weight: 600; text-decoration: none } .product-detail-add-to-cart__footer .link--configurator:focus,.product-detail-add-to-cart__footer .link--configurator:hover { text-decoration: underline } .product-detail-add-to-cart__footer .link--configurator .icon { font-size: 30px; margin-inline-end:10px} .product-detail-add-to-cart__footer-inner { align-items: center; background-color: #f4f4f4cc; border-top: 2px solid rgba(0,0,0,.2); color: var(--bslr-color-text); display: flex; font-size: var(--text-small-font-size); justify-content: center; padding: 20px var(--box-padding-horizontal) } .product-detail-add-to-cart__footer-inner a { color: inherit; text-decoration: none } .product-detail-add-to-cart__form { align-items: flex-start; display: flex; flex-wrap: wrap; font-size: 16px } @container (min-width: 576px) { .product-detail-add-to-cart__form { flex-wrap: nowrap; gap: var(--box-padding-horizontal); justify-content: flex-start } } .product-detail-add-to-cart__form--with-amount { margin-top: var(--box-padding-vertical) } .product-detail-add-to-cart--is-loading .product-detail-add-to-cart__form--with-amount { margin-top: 0 } .product-detail-add-to-cart__amount { text-align: center } .product-detail-add-to-cart--is-loading .product-detail-add-to-cart__amount { padding-top: var(--box-padding-horizontal) } @container (min-width: 576px) { .product-detail-add-to-cart--is-loading .product-detail-add-to-cart__amount { padding-top: 26px } } .product-detail-add-to-cart__amount input { background-color: #fff; border: 1px solid #222; border-radius: 8px; font-weight: var(--font-weight-headline); height: 42px; padding: 7px 5px 7px 18px; text-align: center; width: 62px; font-size: 1.2em; } .product-detail-add-to-cart__amount label { color: #222222bf; display: block; font-size: 14px; margin: 0 0 5px } .product-detail-add-to-cart__buttons { align-items: flex-start; -moz-column-gap: var(--box-padding-horizontal); column-gap: var(--box-padding-horizontal); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; padding-top: var(--box-padding-horizontal); row-gap: calc(var(--box-padding-vertical)/2); width: 100% } .product-detail-add-to-cart__attribute-label:after { content: ":"; } @container (min-width: 576px) { .product-detail-add-to-cart__buttons { flex-direction: row; padding-top: 26px } } .product-detail-add-to-cart__buttons>.button { box-shadow: 0 2px 4px #0000001a,0 7px 7px #00000017,0 15px 9px #0000000d,0 27px 11px #00000003; flex-grow: 1; width: 100% } @container (min-width: 576px) { .product-detail-add-to-cart__buttons>.button { width: auto } } .product-detail-add-to-cart__buttons>.button:hover { box-shadow: 0 2px 4px #00000014,0 7px 7px #00000012,0 15px 9px #00000008,0 27px 11px #0000 } .button { --button-border-width: 2px; --button-padding-block: 8px; --button-padding-inline: 20px; --button-background-color: #005DF3; --color-icon: var(--button-text-color); align-items: center; background-color: var(--button-background-color); border: var(--button-border-width) solid var(--button-border-color); border-radius: 40px; color: var(--button-text-color); cursor: pointer; display: inline-flex; font-family: var(--font-family-sans); font-weight: 600; justify-content: center; line-height: 1.3; position: relative; text-decoration: none; transition-duration: .2s; transition-property: background,border-color,box-shadow,opacity,color; transition-timing-function: ease-in-out } .button--attraction { --button-border-color: transparent; --button-text-color: #fff; --button-background-color: #005DF3; } .button--attraction.is-active,.button--attraction:active,.button--attraction:focus-visible,.inherit-link-states:has(:focus-visible) .button--attraction { --button-border-color: #fff; --button-background-color: #005DF3; box-shadow: 0 0 0 2px #005DF3; color: var(--button-text-color) } .button:not(:has(.button__content)) { padding-block:var(--button-padding-block);padding-inline: var(--button-padding-inline) } .button,.button--medium { padding: 0 } .button--small { --button-padding-block: 6px; --button-padding-inline: 14px; font-size: var(--text-small-font-size) } .button--large { --button-padding-block: 12px; --button-padding-inline: 24px; font-size: var(--text-lead-font-size) } .button--icon-only { --button-padding-block: .6em; --button-padding-inline: .6em; align-items: center; justify-content: center } .button__animated-border-box { background: transparent; border: 0; border-radius: 40px; bottom: -2px; -webkit-clip-path: inset(0 0 0 0 round 40px); clip-path: inset(0 0 0 0 round 40px); display: var(--btn-border-animation-display,none); left: -2px; position: absolute; right: -2px; top: -2px; z-index: 1 } .button__animated-border-trail { animation: btn-border-trail-animation 2s linear infinite; aspect-ratio: 4/1; background: radial-gradient(100% 100% at right,#f59d21,transparent 50%); offset-anchor: 100% 50%; offset-path: border-box; position: absolute; transform-style: preserve-3d; width: 100% } .button__content { align-items: center; border-radius: 40px; display: flex; justify-content: center; padding-block:var(--button-padding-block);padding-inline: var(--button-padding-inline); transition: background .2s ease-in-out; width: 100%; z-index: 2; font-size: 16px; } .button--attraction-secondary:not(:disabled,.is-disabled):hover, .inherit-link-states:hover .button--attraction-secondary { border: 1px solid #005DF3; } .button.button--attraction-secondary:focus-visible,.button.button--attraction:focus-visible,.button.button--primary:focus-visible,.button.button--remarkable:focus-visible,.button.button--secondary:focus-visible { outline: 0 transparent } .button--primary.is-disabled,.button--primary:disabled { box-shadow: none } .button--primary.is-active,.button--primary:active,.button--primary:focus-visible,.inherit-link-states:has(:focus-visible) .button--primary { --button-border-color: var(--bslr-color-light-alternate); --button-background-color: #005DF3; --button-text-color: var(--bslr-color-light-alternate); box-shadow: 0 0 0 2px var(--bslr-color-dark-alternate); color: var(--button-text-color) } .button--primary:not(:disabled,.is-disabled):hover,.inherit-link-states:hover .button--primary { --button-background-color: #005DF3; --button-text-color: var(--bslr-color-light-alternate); color: var(--button-text-color) } .button--secondary { --button-border-color: transparent; --button-background-color: rgb(var(--bslr-color-tab-item-text)/10%) } .button--secondary.is-active,.button--secondary:active,.button--secondary:focus-visible,.inherit-link-states:has(:focus-visible) .button--secondary { --button-border-color: var(--bslr-color-light-alternate); --button-background-color: rgb(var(--bslr-color-tab-item-text)/20%); box-shadow: 0 0 0 2px var(--bslr-color-dark-alternate); color: var(--button-text-color) } .button--secondary:not(:disabled,.is-disabled):hover,.inherit-link-states:hover .button--secondary { --button-background-color: rgb(var(--bslr-color-tab-item-text)/20%); color: var(--button-text-color) } .form-element { position: relative } .form-element__item { background-color: transparent; border: 1px solid var(--input-color); border-radius: 20px; color: var(--input-color); line-height: 1.5; padding: 7px 18px } .form-element__label--first { margin-right: var(--spacing-size-small) } .form-element__label--last { margin-left: var(--spacing-size-small) } .form-element__label--inside { color: var(--input-color); cursor: text; left: 18px; margin: 0; opacity: 1; position: absolute; top: 50%; transform: translateY(-50%); transition-duration: .2s; transition-property: top,transform,font-size,opacity; transition-timing-function: ease-in-out } .form-element__item--filled+.form-element__label--inside,.form-element__item:focus+.form-element__label--inside { color: var(--input-color); font-size: 12px; opacity: 0; top: 8px; transform: none } .button .icon { flex-shrink: 0 } [class*=--icon-left] .icon { margin-inline-end: max(.25em,6px) } [class*=--icon-right] .icon { margin-inline-start: max(.25em,6px) } .icon--dynamic { font-size: calc(1em*var(--scale-factor, 1)) } .icon--small { font-size: 16px } .icon--medium { font-size: 24px } .icon--large { font-size: 36px } .icon svg { height: 1em; width: 1em } .icon svg path { fill: var(--color-icon,currentColor); transition-duration: .2s; transition-property: fill; transition-timing-function: ease-in-out } .tabs-section { padding-block:64px;--background: var(--bslr-background-gradient); background: var(--background); color: var(--bslr-color-text); overflow-x: clip } .tabs-section2 { padding-block:64px;--background: var(--bslr-background-gradient); color: var(--bslr-color-text); overflow-x: clip } @media (min-width: 768px) { .tabs-section { padding-block:96px } } @media (min-width: 1200px) { .tabs-section { padding-block:128px } } .tabs-section--color-dark,.tabs-section--color-light { --background: var(--bslr-background-gradient) } .tabs-section--color-black,.tabs-section--color-white { --background: var(--bslr-background-full) } .tabs-section__inner { --page-padding: calc(var(--bslr-gutter-x)*0.5); margin-inline:auto; /*max-width: 1400px; */ padding-inline:var(--page-padding);width: 100% } .tabs-section .tab-panel__content { display: flex; flex-direction: column; gap: 24px } @media (min-width: 768px) { .tabs-section .tab-panel__content { gap:32px } } @keyframe fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 768px) { .has-tablist-bottom .tab-list__tabs,.has-tablist-top .tab-list__tabs { gap:32px } } .tab-list__scroll-button { background-color: transparent; border: 0; color: #0094ff; flex-shrink: 0; padding-inline:8px;transition: opacity .3s ease-in-out } .tab-list.is-overflowing .tab-list__scroll-button { display: block } .tab-list__scroll-button svg { display: block; height: auto; max-width: 100%; width: 16px; fill: currentcolor } .tab-list__item { --tab-item-color-alpha: 40%; --tab-item-subtitle-color-alpha: 40%; align-items: flex-start; background-color: transparent; border: 0; display: flex; flex-direction: column; font-size: var(--base-font-size); font-weight: 600; justify-content: flex-end; padding: 1px 0; scroll-snap-align: center; text-align: left } .has-tablist-bottom .tab-list__item,.has-tablist-top .tab-list__item { line-height: 1.2 } .has-tablist-bottom .tab-list__item { justify-content: flex-start } .has-tablist-left .tab-list__item,.has-tablist-right .tab-list__item { --tab-item-title-font-size: 18px; --tab-item-title-font-weight: 600; --tab-item-subtitle-font-size: 16px; --tab-item-subtitle-font-weight: 500; flex-direction: row; justify-content: flex-start; line-height: 1.5 } .tab-list__item:not(.has-img) { font-size: var(--h4-font-size) } .tab-list__item:focus-visible,.tab-list__item:hover { --tab-item-color-alpha: 60%; --tab-item-subtitle-color-alpha: 60% } .tab-list__item:first-child { scroll-snap-align: start; } .tab-list__item:last-child { scroll-snap-align: end; } .tab-list__item[aria-selected=true] { --tab-item-color-alpha: 100%; --tab-item-subtitle-color-alpha: 75%; --bslr-color-tab-item-text: 0 93 243; } .tab-list__item:after { background-color: rgb(var(--bslr-color-tab-item-text)/var(--tab-item-color-alpha)); content: ""; display: block; flex-shrink: 0; transition: background-color .35s ease } .has-tablist-bottom .tab-list__item:after,.has-tablist-top .tab-list__item:after { height: 3px; width: 100% } @media (min-width: 768px) { .has-tablist-bottom .tab-list__item:after,.has-tablist-top .tab-list__item:after { height:4px } } .has-tablist-top .tab-list__item:after { margin-block-start:10px;order: 0 } .has-tablist-bottom .tab-list__item:after { margin-block-end:10px;order: -1 } @media (min-width: 768px) { .has-tablist-bottom .tab-list__item:after { margin-block-end:16px } } .has-tablist-left .tab-list__item:after,.has-tablist-right .tab-list__item:after { height: 100%; margin-inline-end:10px;order: -1; width: 4px } @media (min-width: 768px) { .has-tablist-left .tab-list__item:after,.has-tablist-right .tab-list__item:after { margin-inline-end:16px } } .tab-list__item-inner { align-items: center; display: flex } .tab-list__item-icon,.tab-list__item-image { aspect-ratio: 1/1; flex-shrink: 0; margin-inline-end:15px} .tab-list__item-image { border-radius: 50%; filter: grayscale(1); transition: filter .35s ease; width: 40px } @media (min-width: 768px) { .tab-list__item-image { width:60px } } .tab-list__item[aria-selected=true] .tab-list__item-image { filter: grayscale(0) } .tab-list__item-content { display: flex; flex-direction: column; min-width: 125px } .tab-list__item.has-img .tab-list__item-content { min-width: max(28cqw,125px) } @media (min-width: 768px) { .tab-list__item.has-img .tab-list__item-content { min-width:0 } } .tab-list__item-icon,.tab-list__item-title { color: rgb(var(--bslr-color-tab-item-text)/var(--tab-item-color-alpha)); transition: color .35s ease } .tab-list__item-title { font-size: var(--tab-item-title-font-size,inherit); font-weight: var(--tab-item-title-font-weight,500); text-wrap: balance } .tab-list__item:not(.has-img) .tab-list__item-title { padding-inline-end:clamp(16px,3cqw,32px)} .tab-list__item-subtitle { color: var(--bslr-color-text); font-size: var(--tab-item-subtitle-font-size,inherit); font-weight: var(--tab-item-subtitle-font-weight,var(--font-weight-body)); margin-block-start:var(--spacing-size-xsmall);opacity: var(--tab-item-subtitle-color-alpha); transition: color .35s ease,opacity .35s ease } .tab-list__additional-content { order: -1; text-align: right } @media (min-width: 992px) { .tab-list__additional-content { order:2; padding-inline-start:16px} } @media (min-width: 1200px) { .tab-list__additional-content { flex-shrink:0 } } .tab-list__additional-content:empty { display: none } .tabs { --tabs-component-gap: 30px; display: flex; flex-direction: column; gap: var(--tabs-component-gap) } @media (min-width: 768px) { .tabs.has-tablist-left,.tabs.has-tablist-right { align-items:center; flex-direction: row; justify-content: space-between } } .tabs__panels { display: grid; flex-grow: 1; grid-template-areas: "content"; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,max-content) } .tabs__panels>* { grid-area: content } .tabs-switch-enter-active,.tabs-switch-leave-active { transition: transform .35s ease,opacity .35s ease; will-change: transform,opacity } .tabs-switch-enter-active { transition-delay: .2s } .tabs-switch-enter-from,.tabs-switch-leave-to { opacity: 0 } .tabs-switch-enter-from { transform: translate(30px) } .has-tablist-left .tabs-switch-enter-from,.has-tablist-right .tabs-switch-enter-from { transform: translateY(30px) } .tabs-switch-leave-to { transform: translate(-30px) } .has-tablist-left .tabs-switch-leave-to,.has-tablist-right .tabs-switch-leave-to { transform: translateY(-30px) } .tabs-media-block { max-width: 1400px } .tabs-media-block__media { border-radius: .5rem; overflow: hidden } .tabs-text-media-block { max-width: 1400px } .tabs-text-media-block .tabs { gap: var(--spacing-size-xlarge) } .tab-list { color: var(--bslr-color-text); container-type: inline-size; display: flex; flex-direction: column; row-gap: 24px } @media (min-width: 992px) { .tab-list { align-items:center; flex-flow: row; justify-content: space-between } } @media (min-width: 768px) { .has-tablist-left>.tab-list,.has-tablist-right>.tab-list { align-items:flex-start; flex-direction: column; flex-shrink: 0; width: calc(var(--tab-list-horizontal-width, 40%) - var(--tabs-component-gap)/2) } } .tab-list__wrapper { display: flex; min-width: 0; position: relative } .tab-list.is-fullwidth .tab-list__wrapper { width: 100% } .tab-list.is-overflowing.has-prev-tab .tab-list__wrapper { margin-inline-start:-16px} .tab-list.is-overflowing.has-next-tab .tab-list__wrapper { margin-inline-end:-16px} @media (min-width: 992px) { .tab-list.is-overflowing.has-next-tab .tab-list__wrapper { margin-inline-end:0 } } .tab-list .scroll-box__content { padding-block-end:4px;scroll-snap-type: x mandatory } .tab-list.is-fullwidth .scroll-box,.tab-list.is-fullwidth .scroll-box__content { width: 100% } .tab-list__tabs { display: grid; grid-auto-columns: 1fr; grid-template-rows: minmax(0,1fr) } .tab-list__tabs2 { display: flex; flex-wrap:wrap; gap: var(--tabs-component-gap); } } .tab-list.has-individual-tab-width .tab-list__tabs,.tab-list.is-overflowing .tab-list__tabs { grid-auto-columns: auto } @media (min-width: 992px) { .tab-list__tabs { order:0; display: flex; } .tab-list__tabs2 { order:0; display: flex; flex-wrap:wrap; justify-content: flex-start; } } .hero-overview .scroll-box__content { scroll-snap-type: x mandatory } .scroll-box { display: flex; overflow: hidden; position: relative } .scroll-box__content { display: grid; grid-template-columns: 0 1fr 0; grid-template-rows: minmax(0,max-content); max-width: 100%; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none } .scroll-box__content::-webkit-scrollbar { display: none } .scroll-box__content-edge-left,.scroll-box__content-edge-right { height: 100%; position: relative; width: 0 } .scroll-box__content-edge-left-ref,.scroll-box__content-edge-right-ref { height: 100%; pointer-events: none; position: absolute; top: 0; width: 20px } .scroll-box__content-edge-left-ref { left: 0 } .scroll-box__content-edge-right-ref { right: 0 } .scroll-box__shadow-left,.scroll-box__shadow-right { background: transparent no-repeat 0 50%; background-size: 12px 115%; height: 100%; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .4s ease; width: 12px; z-index: 1 } .scroll-box__shadow-left { background-image: radial-gradient(farthest-side at 0 50%,rgb(var(--shadow-color-rgb)/var(--shadow-intensity)),rgb(var(--shadow-color-rgb)/0)); left: 0 } .is-overflowing-left .scroll-box__shadow-left { opacity: 1 } .scroll-box__shadow-right { background-image: radial-gradient(farthest-side at 100% 50%,rgb(var(--shadow-color-rgb)/var(--shadow-intensity)),rgb(var(--shadow-color-rgb)/0)); right: 0 } .is-overflowing-right .scroll-box__shadow-right { opacity: 1 } .scroll-box__btn-left,.scroll-box__btn-right { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; display: none; height: 100%; padding: 0; position: absolute; top: 0; width: 40px; z-index: 3 } @media (min-width: 576px) { .scroll-box__btn-left,.scroll-box__btn-right { width:60px } } .scroll-box__btn-left { left: 0 } .scroll-box__btn-left,.scroll-box__btn-left:hover { cursor: w-resize!important } @media (hover: hover) { .is-overflowing-left .scroll-box__btn-left { display:block } } .scroll-box__btn-right { right: 0 } .scroll-box__btn-right,.scroll-box__btn-right:hover { cursor: e-resize!important } @media (hover: hover) { .is-overflowing-right .scroll-box__btn-right { display:block } } .product-specs__spec-table table td, .product-specs__spec-table table th { font-weight: 400; } .custom-table { margin-block-end:24px} .custom-table table { border-color: var(--bslr-table-border-color); color: var(--bslr-color-dark-alternate); vertical-align: top; width: 100% } .custom-table table>:not(caption)>*>* { background-color: var(--bslr-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bslr-table-accent-bg); padding: .5rem } .custom-table table>tbody { vertical-align: inherit } .custom-table table>thead { vertical-align: bottom } .custom-table table th { font-weight: 400 } .has-light-vertical-table-header.custom-table table tbody tr th { color: var(--bslr-table-header-light-color); font-weight: 400 } .has-light-vertical-table-header.custom-table table tbody tr th { color: var(--bslr-table-header-light-color); font-weight: 400 } .table-block { max-width: 1400px; --bslr-gutter-x: 32px; --bslr-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bslr-gutter-x)*-.5); margin-right: calc(var(--bslr-gutter-x)*-.5); margin-top: calc(var(--bslr-gutter-y)*-1); text-align: left } .table-block--max-cols-4 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-4 .table-block__inner { flex:0 0 auto; width: 33.33333333% } } .table-block--max-cols-5 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-5 .table-block__inner { flex:0 0 auto; width: 41.66666667% } } .table-block--max-cols-6 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-6 .table-block__inner { flex:0 0 auto; width: 50% } } .table-block--max-cols-7 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-7 .table-block__inner { flex:0 0 auto; width: 58.33333333% } } .table-block--max-cols-8 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-8 .table-block__inner { flex:0 0 auto; width: 66.66666667% } } .table-block--max-cols-9 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-9 .table-block__inner { flex:0 0 auto; width: 75% } } .table-block--max-cols-10 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-10 .table-block__inner { flex:0 0 auto; width: 83.33333333% } } .table-block--max-cols-11 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-11 .table-block__inner { flex:0 0 auto; width: 91.66666667% } } .table-block--max-cols-12 .table-block__inner { flex-shrink: 0; flex: 1 1 0; margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)*.5); padding-right: calc(var(--bslr-gutter-x)*.5); width: 100% } @media (min-width: 992px) { .table-block--max-cols-12 .table-block__inner { flex:0 0 auto; width: 100% } } .table-block--cols-centered { display: flex; justify-content: center!important } .table-block--content-centered { text-align: center } table { border-collapse: collapse; } .custom-table table tbody tr{ border-bottom: 1px solid #9DA4B0; } th { text-align: left; } @media (min-width: 1200px) { .product-list-layout__filter { width: 20%; } } @media (min-width: 992px) { .product-list-layout__filter { flex: 0 0 auto; margin-bottom: 0; width: 20%; } } .product-list-layout__filter { flex-shrink: 0; flex: 0 0 auto; margin-bottom: var(--bslr-gutter-x); margin-top: var(--bslr-gutter-y); max-width: 100%; padding-left: calc(var(--bslr-gutter-x)* .5); padding-right: calc(var(--bslr-gutter-x)* .5); } .filter-box__header:not(:empty) { margin-block-end: var(--spacing-size-large); } .filter-box__header { min-height: 41px; } .formkit-outer { font-family: var(--fk-font-family); font-size: var(--fk-font-size); font-weight: var(--fk-font-weight); line-height: var(--fk-line-height); margin: var(--fk-margin-outer); } .formkit-outer[data-disabled] { opacity: .5; } .filter-box__header .formkit-wrapper { max-width: 100%; } .filter-box__header button { display: inline-block; text-align: center; width: 100%; } button:focus:not(:focus-visible) { outline: 0; } .filter-box .accordion-item__header { border-bottom: 2px solid var(--bslr-border-color); font-family: var(--font-family-body); font-size: 16px; font-weight: 600; padding: 8px; } .accordion-item__header { border-bottom: 2px solid var(--bslr-color-text); margin: 0; padding-block-end: 4px; transition: border-bottom .2s ease; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } .filter-box .accordion-item__header>* { font-weight: inherit; } .filter-box .accordion-item__trigger { align-items: center; display: flex; justify-content: space-between; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } @media (min-width: 576px) { .accordion-item__trigger { padding-inline-start: 5px; } } .accordion-item__trigger { align-items: center; background-color: transparent; border: 0; color: var(--bslr-color-text); cursor: pointer; display: flex; gap: 15px; justify-content: space-between; padding: 5px 5px 5px 0; text-align: start; transition: color .2s ease; width: 100%; } .accordion-item__panel { display: grid; grid-template-rows: 0fr; transition: visibility 0ms, grid-template-rows .35s ease; transition-delay: .35s, 0ms; visibility: hidden; } .accordion-item__panel.is-active { grid-template-rows: 1fr; transition-delay: 0ms, 0ms; visibility: visible; } .accordion-item__panel-inner { overflow: hidden; } .filter-box .accordion-item__content { border-bottom: 2px solid var(--bslr-table-border-color); padding-left: 12px; padding-right: 12px; } .accordion-item__content { color: var(--bslr-color-text); padding-block: 15px; } .formkit-outer { margin: var(--fk-margin-outer); } .formkit-outer { font-family: var(--fk-font-family); font-size: var(--fk-font-size); font-weight: var(--fk-font-weight); line-height: var(--fk-line-height); } .formkit-outer, .formkit-outer * { box-sizing: border-box; } [data-type=checkbox] fieldset.formkit-fieldset, [data-type=radio] fieldset.formkit-fieldset { border: var(--fk-border); border-radius: var(--fk-border-radius); } .formkit-fieldset { border: var(--fk-border); border-radius: var(--fk-border-radius); margin: var(--fk-margin-fieldset); padding: var(--fk-padding-fieldset); } .formkit-fieldset, .formkit-wrapper { max-width: var(--fk-max-width-input); } fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } legend { float: left; font-size: calc(1.275rem + .3vw); line-height: inherit; margin-bottom: .5rem; padding: 0; width: 100%; } .filter-box .formkit-legend, .filter-box [data-type=select] .formkit-label { display: none; } .formkit-label, .formkit-legend { color: var(--bslr-color-headline); overflow-wrap: anywhere; } .formkit-legend { display: block; margin: var(--fk-margin-legend); padding: var(--fk-padding-legend); } .formkit-legend { font-family: var(--fk-font-family-legend); font-size: var(--fk-font-size-legend); font-weight: var(--fk-font-weight-legend); } [data-type=checkbox] .formkit-options, [data-type=radio] .formkit-options { margin: inherit; padding: 0; } [data-type=checkbox] .formkit-wrapper, [data-type=radio] .formkit-wrapper { align-items: center; display: flex; } .formkit-fieldset, .formkit-wrapper { max-width: var(--fk-max-width-input); } [data-type=checkbox] .formkit-inner, [data-type=radio] .formkit-inner { border: none; box-shadow: none; display: inline-block; } .formkit-inner { align-items: center; border-radius: var(--fk-border-radius); box-shadow: var(--fk-border-box-shadow); display: flex; position: relative; } .formkit-option .formkit-label, [data-type=checkbox] .formkit-label, [data-type=radio] .formkit-label { font-size: var(--fk-font-size-option); font-weight: var(--fk-font-weight-option); margin-bottom: .1em; } .formkit-label, .formkit-legend { color: var(--bslr-color-headline); overflow-wrap: anywhere; } .formkit-label { display: block; margin: var(--fk-margin-label); padding: var(--fk-padding-label); } .formkit-label { font-family: var(--fk-font-family-label); font-size: var(--fk-font-size-label); font-weight: var(--fk-font-weight-label); line-height: var(--fk-line-height-label); } [data-type=checkbox] .formkit-input, [data-type=radio] .formkit-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 0; left: -999em; opacity: 0; overflow: hidden; position: absolute; width: 0; } .formkit-input { border-radius: var(--fk-border-radius); display: block; padding: var(--fk-padding-input); width: 100%; } .formkit-input { font-family: var(--fk-font-family-input); font-size: var(--fk-font-size-input); font-weight: var(--fk-font-weight-input); line-height: var(--fk-line-height-input); } .formkit-input { background-color: var(--fk-bg-input); color: var(--fk-color-input); } .formkit-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } [data-type=checkbox] .formkit-input~.formkit-decorator, [data-type=radio] .formkit-input~.formkit-decorator { background: var(--fk-bg-decorator); border: none; border-radius: var(--fk-border-radius); box-shadow: var(--fk-border-box-shadow); box-sizing: content-box; display: block; flex: 0 0 var(--fk-box-size); height: var(--fk-box-size); margin: var(--fk-margin-decorator); position: relative; width: var(--fk-box-size); } [data-type=checkbox] .formkit-input~.formkit-decorator .formkit-icon, [data-type=radio] .formkit-input~.formkit-decorator .formkit-icon { height: 0; left: 50%; overflow: hidden; padding: 3px; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0; } .formkit-outer .formkit-icon { align-self: stretch; display: flex; flex-grow: 0; flex-shrink: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 2.5em; } [data-type=checkbox] .formkit-input~.formkit-decorator .formkit-icon svg, [data-type=radio] .formkit-input~.formkit-decorator .formkit-icon svg { height: 100%; } .formkit-outer .formkit-icon svg { margin: auto; max-height: 1em; max-width: 1em; width: 100%; } [data-type=checkbox] .formkit-option, [data-type=radio] .formkit-option { list-style-type: none; margin-bottom: 5px; } [data-type=checkbox] .formkit-input:checked~.formkit-decorator, [data-type=radio] .formkit-input:checked~.formkit-decorator { box-shadow: var(--fk-border-box-shadow-decorator-checked); } [data-type=checkbox] .formkit-input:checked~.formkit-decorator .formkit-icon, [data-type=radio] .formkit-input:checked~.formkit-decorator .formkit-icon { color: var(--fk-color-border-focus); height: 100%; width: 100%; } [data-type=checkbox] .formkit-input~.formkit-decorator .formkit-icon, [data-type=radio] .formkit-input~.formkit-decorator .formkit-icon { height: 0; left: 50%; overflow: hidden; padding: 3px; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0; } [data-type=checkbox] .formkit-input:checked~.formkit-decorator .formkit-icon, [data-type=radio] .formkit-input:checked~.formkit-decorator .formkit-icon { color: var(--fk-color-border-focus); height: 100%; width: 100%; } .product-list-layout__meta-bar-actions { max-height: 24px; } .actions__container { align-items: center; display: flex; gap: 1rem; } .segment-controls { background-color: var(--bslr-color-lucent-background); border-radius: 8px; padding: 7px; } .segment-controls__container { display: grid; grid-auto-columns: minmax(1px, 1fr); grid-auto-flow: column; grid-template-rows: minmax(1px, 1fr); position: relative; margin-right: 50px; } .segment-controls.is-secondary .segment-controls__btn { font-size: 16px; font-weight: 400; line-height: 1.25; padding: 7px 16px; } .segment-controls__btn { align-items: center; background-color: transparent; border: 0; border-radius: 5px; color: var(--bslr-color-dark-alternate); display: flex; font-size: 14px; font-weight: 600; gap: 4px; justify-content: center; padding: 8px 24px; position: relative; transition: background-color .3s ease; } .segment-controls__btn:first-of-type:before { background-color: white; border-radius: 5px; box-shadow: 0 2px 10px #00000026; content: ""; display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; transform: translate(calc(var(--active-control-index)* 100%)); transition: transform .26s cubic-bezier(.4,0,.2,1); width: 100%; will-change: transform; z-index: 1; } .segment-controls__btn .icon { font-size: 19px; } .segment-controls__btn span { position: relative; z-index: 2; } .card--has-link:active { transform: translateZ(0); } .card--has-link:has(:focus-visible), .card--has-link:hover { background-color: var(--bslr-color-element-background-hover); box-shadow: 0 11px 24px #00000014, 0 44px 44px #00000012, 0 99px 59px #00000008, 0 176px 70px #0000; transform: translate3d(0, -6px, 0); } .product-card { background-color: var(--bslr-color-lucent-background); } .product-card__header { background-color: #fff; display: grid; grid-template-areas: "card-header"; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 140px; } .card, .card>a, .card>span { display: flex; flex-direction: column; } .card--has-link { transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease; } .card, .card--large-gutter { --padding-h: 24px; --padding-v: 24px; } .card { background-color: var(--bslr-color-element-background); border-radius: 16px; box-shadow: 0 11px 24px #0000001a, 0 44px 44px #00000017, 0 99px 59px #0000000d, 0 176px 70px #00000003; overflow: hidden; position: relative; z-index: 1; } .product-card .media.has-spacing { margin-block: 8px; } .product-card .media { grid-area: card-header; } .card .media figure>:first-child { border-radius: 0; } .product-card__headline { align-self: end; color: #000c; font-family: var(--font-family-body); font-size: 16px; grid-area: card-header; margin-block-end: 0; } .product-card__headline-inner { display: block; padding-block-end: 16px; position: relative; z-index: 1; } .product-card .media.has-spacing img { -o-object-fit: contain; object-fit: contain; } .product-card .media img { aspect-ratio: 4 / 3; -o-object-fit: cover; object-fit: cover; } .product-card__headline-part:first-child { font-weight: 600; } .product-card__headline-part:nth-child(2) { font-weight: 400; margin-block-start: 4px; } .product-card__headline-part { display: block; margin-inline: 24px 4px; z-index: 2; } .product-card__headline-inner:after { background: linear-gradient(180deg, transparent, hsla(0, 0%, 100%, .8) 45%, #fff 90%); content: ""; height: 150%; left: 0; position: absolute; top: -50%; width: 100%; z-index: -1; } .product-card__headline-link:after { background-color: transparent; content: ""; display: block; inset: 0; position: absolute; z-index: 2; } .attribute-value span { max-height: 126px; display: block; overflow: hidden; } /* .card__content { min-height: 703px; }*/ @media (min-width: 1400px) { .products-list-grid__item { width: calc(100% / var(--list-columns) - var(--bslr-gutter-x)*(var(--list-columns) - 1) / var(--list-columns)); } } .products-list-grid__item { --columns: 1; --list-columns: var(--columns, 2); flex-shrink: 1; width: calc(100% / var(--list-columns) - var(--bslr-gutter-x) / 2*(var(--list-columns) - 1) / var(--list-columns)); } .card__content { padding: var(--padding-v) var(--padding-h); display: flex ; flex-direction: column; justify-content: space-between; height: 100%; } } .card__content .attributes { margin-block-end: var(--padding-v); } .attributes { --color-icon: var(--bslr-color-text); --icon-size: 36px; border: 0; margin-bottom: var(--spacing-size-medium); padding: 0; table-layout: fixed; width: 100%; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important; white-space: nowrap !important; } .attributes tr:first-child td { padding-block-start: 0; } .attributes .attribute-name { color: var(--bslr-color-lucent-text); -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; padding-inline-end: 6px; } .attributes td { color: var(--bslr-color-text); line-height: 1.3; padding: 8px 0; text-align: left; vertical-align: top; } .attributes .attribute-value { color: var(--bslr-color-lucent-text-strong); } .card__content :last-child { margin-block-end: 0; } .card__footer { margin-block-start: auto; } .card__footer:not(:empty) { padding: 0 var(--padding-h) var(--padding-v) var(--padding-h); } .product-card__price-prefix-box { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; } .product-card__price-prefix { color: var(--bslr-color-lucent-text); display: block; font-size: 14px; } .product-card__price-text-box { } .product-card__price-text { color: var(--bslr-color-lucent-text-strong); display: block; font-size: 20px; font-weight: 600; } .product-card__express-delivery { display: flex; justify-content: center; width: 100%; } .product-card__express-delivery--icon { margin-right: .5rem; } .icon--medium { font-size: 24px; } .product-card .card__footer { display: flex; flex-direction: column; position: relative; row-gap: 16px; z-index: 3; } .tagactive { background: #005DF3; color: #E1E4EA; } .ntagactive { background: var(--bslr-color-element-background-hover); color: #292F3A; } .slidertegresh2 { display: flex; cursor: pointer; justify-content: center; align-items: center; padding: 10px 16px; gap: 8px; border-radius: 100px; flex: none; order: 0; flex-grow: 0; min-height: 16px; border: 2px solid; } .categoryes2 { display: flex; cursor: pointer; justify-content: center; align-items: center; padding: 10px 16px; gap: 8px; flex: none; order: 0; flex-grow: 0; min-height: 16px; border: 2px solid; } .ntagactive:hover { background-color: #E1E4EA; } .acctab { position: relative; } .acctab input[type="checkbox" i] { position: absolute; opacity: 0; z-index: -1; } .tab__content { max-height: 0; overflow: hidden; transition: all 0.35s; } .acctab input:checked ~ .tab__content { margin-top: 1rem; max-height: 10rem; } /* Visual styles */ .accordion { color: var(--theme); overflow: hidden; } .tab__label, .tab__close { display: flex; cursor: pointer; } .tab__label { justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; font-family: var(--font-family-body); font-size: 14px; font-weight: 600; border-bottom: 2px solid grey; } .tab__label::after { content: "\276F"; width: 1em; height: 1em; text-align: center; transform: rotate(90deg); transition: all 0.35s; } .acctab input:checked + .tab__label::after { transform: rotate(270deg); } .tab__content p { margin: 0; padding: 1rem; } .tab__close { justify-content: flex-end; padding: 0.5rem 1rem; font-size: 0.75rem; } .accordion--radio { --theme: var(--secondary); } /* Arrow animation */ .acctab input:not(:checked) + .tab__label:hover::after { animation: bounce .5s infinite; } @keyframes bounce { 25% { transform: rotate(90deg) translate(.25rem); } 75% { transform: rotate(90deg) translate(-.25rem); } } .slidecontainer { width: 100%; /* Width of the outside container */ } :root{ --background-range:#a4a4a4; } .filter { padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 10px; } .filter>div { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .filter>div>div { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .filter .slider { margin-top: 10px; position: relative; height: 6px; background: #fff; border: 1px solid #000; } .filter .color-range { position: absolute; background: var(--button-background-color, #000); width: 95%; border: none; height: 6px; left: 15px; } .filter .block-min, .block-max { width: 15px; height: 25px; position: absolute; left: 0; top: -11.5px; background: #E1E4EA; border: 1px solid #000; border-radius: 4px; z-index: 1; } .filter .block-max{ left: 95%; } .zagh2 { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 64px; line-height: 54px; display: flex; align-items: center; letter-spacing: -5.6px; color: #292F3A; } .zagolovoresh, .bread { margin-left: 25px; } .padb40 { padding-bottom: 40px; } .zagolovoresh, .bread { margin-left: 25px; } @media (max-width: 800px) { .bread { display: none; } .mar40 { margin-top: 20px; } .zagh2 { font-size: 28px; letter-spacing: -1.6px; } .padb40 { padding-bottom: 20px; } .tabs-section2 { padding-block: 20px!important; } .mainmenutop { display: none; } .product-detail-gallery__items > .product-detail-gallery__item:not(:first-child) { display: none; } .product-detail-add-to-cart__attribute.is-type-delivery-options { display: none; } .product-detail-add-to-cart__footer { display: none; } .product-card__headline { width: 100%; } .product-detail-add-to-cart__buttons { width: unset!important; } .product-detail-add-to-cart__form { justify-content: space-between; } .product-detail-top__content { flex-direction: column; } }