/**/ .to-crossselling-card__visual, .to-crossselling-card__media { display: contents; } .to-crossselling-card__content { display: flex; flex: 1 1 auto; flex-direction: column; } .to-crossselling-card__commerce { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: flex-end; } .to-crossselling-card__kind, .to-crossselling-card__facts, .to-crossselling-card__rating-row, .to-crossselling-card__delivery, .to-crossselling-card__bulk { display: none; } .to-crossselling-card__buy-row { display: flex; gap: 8px; } .to-crossselling-card__buy-row .to-product-card__quantity, .to-crossselling-card__buy-row .to-product-card__quantity.btn-group, .to-crossselling-card__buy-row .quantity { display: none; } .to-crossselling-card__add { align-items: center; border-radius: 50%; bottom: .8rem; display: flex; height: 2.8rem; justify-content: center; padding: 0; position: absolute; right: .8rem; width: 2.8rem; } .to-crossselling-card__add-label { display: none; } .to-crossselling-card__details { border-radius: .5rem; position: static; width: 100%; } /**/ #snackys-tpl .to-series-stream, .wi-crossselling-list-section, #result-wrapper:has(.to-pdp__header) .recommendations.hidden-print { position: relative; } .wi-crossselling-list-section::after, #snackys-tpl .to-series-stream::after, #result-wrapper:has(.to-pdp__header) .recommendations.hidden-print::after { content: ""; display: block; position: absolute; top: 0; width: calc(100vw / var(--page-zoom)); left: calc(50% - (50vw / var(--page-zoom))); height: 100%; background: var(--color-secondary-50); z-index: -1; } .wi-crossselling-slider-section { background: var(--color-white, #fff); } #snackys-tpl #content .wi-crossselling-slider-inner { padding: 0; } .wi-crossselling-slider-section > .wi-crossselling-slider-header, .wi-crossselling-slider-section > .opc-product-slider, .wi-crossselling-list-section > .wi-crossselling-list-header, .wi-crossselling-list-section > .wi-crossselling-list-headline, .wi-crossselling-list-section > .wi-crossselling-list { width: calc(100% - var(--wi-crossselling-inline-space)); max-width: var(--wi-crossselling-container-max); margin-right: auto !important; margin-left: auto !important; } .wi-crossselling-slider-header { margin: 0 !important; padding: 0 !important; } .wi-crossselling-slider-headline { --to-crossselling-blue: var(--color-primary-100, #002293); --to-crossselling-border: var(--color-tertiary-75); --to-crossselling-surface: var(--color-tertiary-50, #e3f1ff); align-items: center; display: flex; gap: var(--spacing-8, 32px); justify-content: space-between; margin: 0 0 var(--spacing-10, 40px) !important; padding: var(--spacing-8, 32px) 0 0 !important; color: var(--to-crossselling-blue); font-family: var(--font-family-base, 'Roboto Condensed', sans-serif); } .wi-crossselling-slider-headline .wi-crossselling-slider-title, .wi-crossselling-slider-headline h2 { flex: 1 1 auto; margin: 0 !important; color: inherit !important; font-family: inherit; font-size: var(--font-size-h4, 28px) !important; font-weight: var(--font-weight-bold, 700); line-height: var(--lh-heading, 1.25); } .wi-crossselling-slider-headline .right { align-items: center; display: flex; flex: 0 0 auto; margin-left: 0; } .wi-crossselling-slider-headline .ar-ct, .wi-crossselling-slider-headline .btn-group.ar-ct { display: flex !important; gap: 8px; margin: 0; padding: 0; width: auto; } .wi-crossselling-slider-headline .ar-ct[hidden], .wi-crossselling-slider .ar-ct[hidden] { display: none !important; } .wi-crossselling-slider-headline .sl-ar { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin: 0; padding: 0; border: 0; border-radius: var(--border-radius-xs); background: var(--color-white); color: var(--color-neutral, #242424); box-shadow: none; box-sizing: border-box; font-size: 0; line-height: 1; } .wi-crossselling-slider-headline .sl-ar .ar, .wi-crossselling-slider-headline .sl-ar .ar::before, .wi-crossselling-slider-headline .sl-ar .ar::after { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; height: auto !important; width: auto !important; transform: none !important; } .wi-crossselling-slider-headline .sl-ar .ar { width: 8px !important; height: 8px !important; border-top: 1.5px solid currentColor !important; border-right: 1.5px solid currentColor !important; } .wi-crossselling-slider-headline .sl-ar .ar::before, .wi-crossselling-slider-headline .sl-ar .ar::after { content: none !important; display: none !important; } .wi-crossselling-slider-headline .sl-ar.to-crossselling-previous .ar, .wi-crossselling-slider-headline .sl-ar:first-child .ar { transform: rotate(-135deg) !important; } .wi-crossselling-slider-headline .sl-ar.to-crossselling-next .ar, .wi-crossselling-slider-headline .sl-ar.sl-nx .ar, .wi-crossselling-slider-headline .sl-ar:last-child .ar { transform: rotate(45deg) !important; } .wi-crossselling-slider-headline .sl-ar::after { content: none; display: none; } .wi-crossselling-slider-headline .sl-ar:not(.inactive):hover, .wi-crossselling-slider-headline .sl-ar:focus-visible { background: var(--color-primary-100, #002293); color: var(--color-white); } .wi-crossselling-slider-headline .sl-ar.inactive { cursor: default; opacity: .45; } .wi-crossselling-slider--external-heading > .panel-heading { display: none; } .wi-crossselling-slider.panel-slider.wi-crossselling-slider--external-heading, .wi-crossselling-slider .panel-slider.wi-crossselling-slider--external-heading { padding: 0; } .wi-crossselling-slider { --to-crossselling-blue: var(--color-primary-100, #002293); --to-crossselling-green: var(--color-success, #00b831); --to-crossselling-border: var(--color-tertiary-75); --to-crossselling-surface: var(--color-tertiary-50, #e3f1ff); --to-crossselling-gap: var(--spacing-10, 40px); color: var(--color-neutral, #242424); overflow: hidden; } .wi-crossselling-slider.panel-slider, .wi-crossselling-slider .panel-slider { margin: 0; max-width: none; padding: 0; } .wi-crossselling-slider .panel-heading { margin: 0 0 19px; padding: 0; } .wi-crossselling-slider .panel-title { align-items: center; display: flex; justify-content: space-between; margin: 0; min-height: 40px; } .wi-crossselling-slider .panel-title h2, .wi-crossselling-slider .to-crossselling-heading { color: var(--to-crossselling-blue); font-family: var(--font-family-base, 'Roboto Condensed', sans-serif); font-size: 28px !important; font-weight: 700; line-height: 1.2; margin: 0; } .wi-crossselling-slider .panel-title .right { align-items: center; display: flex; margin-left: auto; } .wi-crossselling-slider .panel-title .ar-ct, .wi-crossselling-slider .panel-title .btn-group.ar-ct { display: flex !important; gap: 8px; margin: 0; padding: 0; width: auto; } .wi-crossselling-slider .panel-body > .ar-ct-m { display: none; } .wi-crossselling-slider .sl-ar, .wi-crossselling-slider .panel-heading .ar-ct .sl-ar { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: var(--border-radius-sm); background: var(--color-white); color: var(--color-neutral, #242424); box-sizing: border-box; box-shadow: none; font-size: 0; line-height: 1; } .wi-crossselling-slider .sl-ar + .sl-ar { margin-left: 0; } .wi-crossselling-slider .sl-ar .ar, .wi-crossselling-slider .sl-ar .ar::before, .wi-crossselling-slider .sl-ar .ar::after { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; height: auto !important; width: auto !important; transform: none !important; } .wi-crossselling-slider .sl-ar .ar { width: 8px !important; height: 8px !important; border-top: 1.5px solid currentColor !important; border-right: 1.5px solid currentColor !important; } .wi-crossselling-slider .sl-ar .ar::before, .wi-crossselling-slider .sl-ar .ar::after { content: none !important; display: none !important; } .wi-crossselling-slider .sl-ar.to-crossselling-previous .ar, .wi-crossselling-slider .sl-ar:first-child .ar { transform: rotate(-135deg) !important; } .wi-crossselling-slider .sl-ar.to-crossselling-next .ar, .wi-crossselling-slider .sl-ar.sl-nx .ar, .wi-crossselling-slider .sl-ar:last-child .ar { transform: rotate(45deg) !important; } .wi-crossselling-slider .sl-ar::after { content: none; display: none; } .wi-crossselling-slider .sl-ar:not(.inactive):hover, .wi-crossselling-slider .sl-ar:focus-visible { background: var(--color-primary-100, #002293); color: var(--color-white); } .wi-crossselling-slider .sl-ar.inactive { cursor: default; opacity: .45; } .wi-crossselling-slider .panel-body { overflow: visible; padding: 0; position: relative; } @media (min-width: 1200px) { .wi-crossselling-slider .panel-body::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-white) 92%); bottom: 0; content: ''; pointer-events: none; position: absolute; right: 0; top: 0; width: 120px; z-index: 2; } .wi-crossselling-slider.is-at-end .panel-body::after { display: none; } } .wi-crossselling-slider .p-sl { display: flex; gap: var(--to-crossselling-gap); margin: 0; -ms-overflow-style: none; overflow-x: auto; overflow-y: hidden; padding: 0; pointer-events: auto; scroll-behavior: smooth; scroll-padding-left: 0; scrollbar-width: none; scroll-snap-type: x mandatory; touch-action: pan-x pan-y; } .wi-crossselling-slider .p-sl::-webkit-scrollbar { display: none; } .wi-crossselling-slider .p-sl > .p-w { flex: 0 0 600px !important; max-width: 600px; min-width: 600px !important; padding: 0; scroll-snap-align: start; width: 600px !important; } .wi-crossselling-slider .to-crossselling-card { --to-card-price-bg: var(--color-secondary-50); --to-card-price-accent: var(--color-danger); background: var(--color-white, #fff); border: 2px solid var(--to-crossselling-border); border-radius: var(--border-radius-sm); box-shadow: none; color: var(--color-neutral, #242424); display: grid; gap: 0 30px; grid-template-columns: 185px minmax(0, 1fr); height: auto; min-height: 198px; overflow: visible; padding: var(--spacing-4); position: relative; width: 100%; } .wi-crossselling-slider .to-crossselling-card__visual { align-self: stretch; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 0; grid-column: 1; grid-row: 1; height: 100%; min-width: 0; overflow: visible; position: relative; width: 100%; } .wi-crossselling-slider .to-crossselling-card__media { align-self: start; aspect-ratio: 1 / 1; background: transparent; border-radius: var(--border-radius-sm); display: flex; flex-direction: column; height: auto; min-width: 0; overflow: visible; position: relative; width: 100%; } .wi-crossselling-slider .to-crossselling-card__kind { display: flex; } .wi-crossselling-slider .to-crossselling-card__image { align-items: center; display: flex; height: 100%; inset: 0; justify-content: center; margin: 0; min-height: 0; overflow: hidden; border-radius: var(--border-radius-sm); padding: 0; position: absolute; width: 100%; } .wi-crossselling-slider .to-crossselling-card:hover .to-crossselling-card__image .img-ct, .wi-crossselling-slider .to-crossselling-card__image:hover .img-ct { box-shadow: none; transform: none; } .wi-crossselling-slider .to-crossselling-card__image .img-ct { align-items: center; background: var(--color-bg-surface); border: 0; border-radius: var(--border-radius-sm); display: flex; height: 100%; justify-content: center; min-height: 0; min-width: 0; overflow: hidden; position: relative; width: 100%; } .wi-crossselling-slider .to-crossselling-card__image .img-ct::before { display: none; } .wi-crossselling-slider .to-crossselling-card__image picture { align-items: center; display: flex; width: 100%; height: 100%; justify-content: center; } .wi-crossselling-slider .to-crossselling-card__image .img-ct img { box-sizing: border-box; inset: 0; mix-blend-mode: darken; object-fit: contain !important; object-position: center; padding: var(--spacing-3); width: 100% !important; height: 100% !important; } .wi-crossselling-slider .to-crossselling-card__image .ov-t { display: none; } .wi-crossselling-slider .to-crossselling-card__facts, .wi-crossselling-list .to-product-card__facts { align-self: start; display: block; margin: 0; max-width: 100%; position: relative; width: 100%; z-index: 2; } .wi-crossselling-slider .to-crossselling-card__facts { align-self: end; margin-top: 0; margin-bottom: 0; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__variant.is-active::before { content: none; display: none; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__meta, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__meta.is-end { align-items: stretch; background: transparent; border: 0; color: var(--color-neutral); display: flex; flex-direction: column; margin: 0; max-width: 100%; overflow: visible; padding: 0; width: 100%; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo { align-items: flex-end; align-self: start; display: flex; flex-direction: row; margin-top: -14px; max-width: 100%; min-width: 0; position: relative; width: auto; z-index: 2; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__panels { display: block; min-width: 0; position: relative; width: 100%; z-index: 1; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant.is-active, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant.is-active { align-items: center; background: var(--color-white); border: 2px solid var(--color-tertiary-75); border-bottom: 0; border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0; box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, .2); color: inherit; display: flex; height: 30px; justify-content: center; margin-bottom: -2px; overflow: visible; padding: 3px; position: relative; width: auto; z-index: 1; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant.is-active { z-index: 2; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant.is-active { border-bottom: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs:not(.is-solo) .to-search-product__variant.is-active::before { content: ""; position: absolute; left: 100%; bottom: 0; z-index: 0; display: block; width: 15px; height: 15px; pointer-events: none; background-color: var(--color-tertiary-75); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 12px 12px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 15px 15px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 15px 15px; box-shadow: 0 -2px 0 0 var(--color-white); transform: rotate(180deg) scaleX(-1); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant.is-active::after { background: var(--color-white); bottom: -2px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: calc(100% + 2px); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts:not(:has(.to-search-product__stats.is-active)) .to-search-product__variant.is-active::after { background: transparent; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch.is-group { align-items: center; display: inline-flex; gap: 2px; justify-content: center; min-width: 0; padding: 0; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i { align-items: center; background-image: none; border-radius: var(--border-radius-sm); display: inline-flex; font-family: var(--font-family-base); font-size: 14px; font-style: normal; font-weight: var(--font-weight-bold); height: 22px; justify-content: center; line-height: 1; min-width: 22px; padding: 0; width: 22px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch__times { height: 22px; min-width: 22px; font-size: 14px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch.is-group i { flex: 0 0 auto; width: auto; white-space: nowrap; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-black { background: var(--color-ink-black); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-cyan { background: var(--color-ink-cyan); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-magenta { background: var(--color-ink-magenta); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-yellow { background: var(--color-ink-yellow); color: var(--color-white, #111); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-info { background: var(--color-tertiary-50, #f2f2f2); color: var(--color-neutral, #242424); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i.is-info svg { display: block; height: 16px; width: 16px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stats, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__meta.is-end .to-search-product__stats { align-items: center; background: var(--color-white); border: 2px solid var(--color-tertiary-75); border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm); display: none; flex-direction: row; gap: 0; justify-content: flex-start; margin: 0; min-height: 40px; padding: 0 var(--spacing-2); width: 100%; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stats.is-active, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__meta.is-end .to-search-product__stats.is-active { border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm); display: flex; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat { align-items: center; display: flex; flex: 1 1 0; gap: var(--spacing-2); justify-content: flex-start; min-width: 0; overflow: visible; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-divider { align-self: center; background: var(--color-tertiary-50); flex: 0 0 auto; height: 22px; margin: 0 var(--spacing-2); width: 1px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-icon { display: block; flex: 0 0 16px; height: 16px; width: 16px; color: var(--color-neutral); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy { align-items: flex-start; color: var(--color-neutral); display: flex; flex-direction: column; font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: 13px; min-width: 0; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy strong { color: var(--color-neutral); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: 13px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy span { color: var(--color-neutral); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: 13px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label { display: block; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label-mobile { display: none !important; } .wi-crossselling-slider .to-crossselling-card__content { display: flex; flex-direction: column; grid-column: 2; grid-row: 1; min-width: 0; padding: 3px 0 0; } .wi-crossselling-slider .to-crossselling-card__rating-row { align-items: flex-start; display: flex; justify-content: space-between; min-height: 28px; padding-right: 0; position: relative; } .wi-crossselling-slider .to-crossselling-card__rating { align-items: center; color: var(--color-tertiary-100); display: inline-flex; font-size: 13px; gap: 7px; min-width: 0; white-space: nowrap; } .wi-crossselling-slider .to-crossselling-card__rating .rating { gap: 2px; } .wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--to-card-title-color, #111); display: -webkit-box; font-size: var(--to-card-title-size, var(--font-size-h6)); font-weight: var(--to-card-title-weight, 400); line-height: var(--to-card-title-line, 1.18); margin: var(--spacing-1) 0 var(--spacing-3) !important; max-height: 48px; overflow: hidden; } .wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title:hover { color: var(--to-crossselling-blue); } .wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title::after { display: none; } .wi-crossselling-slider .to-crossselling-card__commerce { align-items: stretch; display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--spacing-3); justify-content: flex-end; margin-top: auto; min-width: 0; width: 100%; } .wi-crossselling-slider .to-crossselling-card__price, .wi-crossselling-slider .to-product-card__price-box { align-self: stretch; margin: 0; max-width: 100%; min-width: 0; width: 100%; } .wi-crossselling-slider .to-product-card__price-box:not(.to-product-card__price-box--single) .to-product-card__price { display: inline-block; width: auto; overflow: visible; margin: 0; padding: var(--spacing-2) var(--spacing-3); color: var(--color-neutral); font-size: var(--to-card-price-size, 24px); font-weight: var(--to-card-price-weight, 700); line-height: 1; text-align: left; background: var(--to-card-price-bg); border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0; } .wi-crossselling-slider .to-product-card__price-box--single .to-product-card__price { display: block; margin: 0; padding: 0; color: var(--color-neutral); font-size: var(--to-card-price-size, 24px); font-weight: var(--to-card-price-weight, 700); line-height: 1; text-align: left; background: transparent; border-radius: 0; } .wi-crossselling-slider .to-product-card__price sup { position: relative; top: -1.125em; margin-left: 1px; font-size: .4em; line-height: 0; vertical-align: baseline; } .wi-crossselling-slider .to-product-card__bulk-prices { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--spacing-2); padding: var(--spacing-2) var(--spacing-3); background: var(--to-card-price-bg); border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm); } .wi-crossselling-slider .to-product-card__bulk-prices .to-product-card__bulk-window, .to-crossselling-card .to-product-card__bulk-prices .to-product-card__bulk-window { display: block; flex: 0 0 auto; min-height: 0; } .wi-crossselling-slider .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-window, .to-crossselling-card .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-window { height: var(--spacing-6); overflow: hidden; } .wi-crossselling-slider .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-track, .to-crossselling-card .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-track { gap: 0; } .wi-crossselling-slider .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-row, .to-crossselling-card .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-row { height: var(--spacing-6); line-height: var(--spacing-6); } .wi-crossselling-slider .to-crossselling-card__price .price_wrapper, .wi-crossselling-slider .to-crossselling-card__price .price-row { margin: 0; } .wi-crossselling-slider .to-crossselling-card__price .price { color: var(--to-card-title-color, #111); display: block; font-size: var(--to-card-price-size, 24px); font-weight: var(--to-card-price-weight, 600); letter-spacing: -.4px; line-height: 1; } .wi-crossselling-slider .to-crossselling-card__price .price-note, .wi-crossselling-slider .to-crossselling-card__price .bulk-prices, .wi-crossselling-slider .to-crossselling-card__price .base-price { display: none; } @media (min-width: 768px) { .wi-crossselling-slider .to-crossselling-card__price .footnote-reference { top: -0.7em; } } .wi-crossselling-slider .to-crossselling-card__bulk { color: var(--color-neutral); display: block; font-size: 12px; line-height: 1.2; margin-top: 5px; white-space: normal; } .wi-crossselling-slider .to-crossselling-card__basket { align-items: stretch; display: flex; flex-direction: column; gap: var(--to-card-basket-gap, 7px); margin: 0; min-width: 0; width: 100%; } .wi-crossselling-slider .to-crossselling-card__delivery { color: var(--to-card-delivery-color, var(--to-crossselling-green)); display: inline-flex; align-items: center; gap: 8px; font-size: var(--to-card-delivery-size, var(--font-size-xs)); line-height: 1.25; } .wi-crossselling-slider .to-crossselling-card__delivery-text, .wi-crossselling-slider .to-crossselling-card__delivery-text strong, .wi-crossselling-slider .to-crossselling-card__delivery .to-search-product__delivery-zip, .wi-crossselling-slider .to-crossselling-card__delivery .to-delivery-zip { color: inherit !important; } .wi-crossselling-slider .to-crossselling-card__delivery-text strong { font-weight: var(--font-weight-bold); } .wi-crossselling-slider .to-crossselling-card__buy-row { --to-card-qty-width: 44px; align-items: center; display: grid; gap: var(--spacing-2); grid-template-columns: calc(56px + var(--to-card-qty-width, 44px)) minmax(0, 1fr); justify-content: stretch; width: 100%; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity.btn-group { display: grid !important; flex: 0 0 auto; grid-template-columns: 28px var(--to-card-qty-width, 44px) 28px; width: calc(56px + var(--to-card-qty-width, 44px)); height: var(--to-card-add-height, 40px); margin: 0; overflow: hidden; border: 2px solid var(--to-card-qty-border, #9cb7ee); border-radius: var(--border-radius-sm); } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity { display: flex; align-items: center; justify-content: center; flex: none !important; min-width: 0; min-height: 0; margin: 0; padding: 0; color: var(--color-neutral); background: var(--color-white); border: 0; border-radius: 0; box-shadow: none; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn { width: 28px; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn svg { display: block; width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .qty-sub:disabled { opacity: 0.4; pointer-events: none; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .qty-sub svg { transform: translateX(1px); } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .qty-add svg { transform: translateX(-1px); } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn + .quantity, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity + .btn { margin-left: 0 !important; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity { width: 100%; height: 100%; border-right: 2px solid var(--to-card-qty-border, #9cb7ee); border-left: 2px solid var(--to-card-qty-border, #9cb7ee); color: var(--color-neutral); font-size: var(--to-card-qty-size, var(--font-size-h6)); font-weight: var(--font-weight-bold); text-align: center; appearance: textfield; -moz-appearance: textfield; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity::-webkit-inner-spin-button, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .wi-crossselling-slider .to-crossselling-card__add { align-items: center; background: var(--to-crossselling-green) !important; border-color: var(--to-crossselling-green) !important; border-radius: var(--border-radius-sm); color: var(--color-white) !important; display: flex; flex: 1 1 auto; font-size: var(--to-card-add-size, var(--font-size-h6)); font-weight: var(--to-card-add-weight, var(--font-weight-bold)); gap: var(--spacing-2); height: var(--to-card-add-height, 40px); justify-content: center; margin: 0; max-width: none; min-height: var(--to-card-add-height, 40px); min-width: 0; padding: var(--spacing-2) var(--spacing-3); position: static; width: 100%; } .wi-crossselling-slider .to-crossselling-card__add-label { display: inline; font-size: inherit; min-width: 0; } .wi-crossselling-slider .to-crossselling-card__add:hover, .wi-crossselling-slider .to-crossselling-card__add:focus, .wi-crossselling-slider .to-crossselling-card__add:focus-visible { background: var(--color-success-hover, #009b2a) !important; border-color: var(--color-success-hover, #009b2a) !important; color: var(--color-white, #fff) !important; } .wi-crossselling-slider .to-crossselling-card__add:active, .wi-crossselling-slider .to-crossselling-card__add.active { background: var(--color-success, #00b831) !important; border-color: var(--color-success, #00b831) !important; color: var(--color-white, #fff) !important; } .opc-product-slider .sl-dots, .wi-crossselling-slider .sl-dots { display: none !important; } .wi-crossselling-slider .sl-dots[hidden] { display: none; } .wi-crossselling-slider .sl-dots button { background: var(--to-crossselling-border); border: 0; border-radius: 999px; height: 8px; opacity: 1; padding: 0; transition: background-color 150ms ease, width 150ms ease; width: 8px; } .wi-crossselling-slider .sl-dots button[aria-current='true'] { background: var(--to-crossselling-blue); width: 24px; } .wi-crossselling-slider .sl-dots button.active:not([aria-current='true']), .wi-crossselling-slider .sl-dots button:hover:not([aria-current='true']) { background: var(--to-crossselling-border); width: 8px; } @media (max-width: 1399px) { .wi-crossselling-slider-section, .wi-crossselling-list-section { --wi-crossselling-inline-space: var(--spacing-16, 64px); } } @media (max-width: 1199px) { .wi-crossselling-slider .p-sl > .p-w { flex-basis: calc((100% - var(--to-crossselling-gap)) / 2) !important; max-width: calc((100% - var(--to-crossselling-gap)) / 2); min-width: calc((100% - var(--to-crossselling-gap)) / 2) !important; width: calc((100% - var(--to-crossselling-gap)) / 2) !important; } .wi-crossselling-slider .to-crossselling-card { gap: 0 18px; grid-template-columns: 185px minmax(0, 1fr); } .wi-crossselling-slider .to-crossselling-card__commerce { grid-template-columns: 1fr; } .wi-crossselling-slider .to-crossselling-card__price { display: none; } } @media (max-width: 991.98px) { .wi-crossselling-slider .to-crossselling-card { display: flex; flex-direction: column; gap: 0; height: auto; padding: var(--spacing-3); --to-card-title-size: 16px; --to-card-price-size: 16px; --to-card-qty-size: 16px; --to-card-add-size: 13.3px; --to-card-add-height: 34px; } } @media (max-width: 767px) { .wi-crossselling-slider-section, .wi-crossselling-list-section { --wi-crossselling-inline-space: var(--spacing-8, 32px); } .wi-crossselling-slider-headline { gap: var(--spacing-3, 12px); margin-bottom: 22px !important; padding-top: var(--spacing-6, 24px) !important; } .wi-crossselling-slider-headline .wi-crossselling-slider-title, .wi-crossselling-slider-headline h2 { font-size: var(--font-size-h5, 23px) !important; } .wi-crossselling-slider-headline .ar-ct, .wi-crossselling-slider-headline .btn-group.ar-ct { gap: 8px; } .wi-crossselling-slider-headline .sl-ar { width: 25px; height: 25px; } .wi-crossselling-slider { --to-crossselling-gap: 12px; } .wi-crossselling-slider.panel-slider.wi-crossselling-slider--external-heading, .wi-crossselling-slider .panel-slider.wi-crossselling-slider--external-heading { padding: 0; } .wi-crossselling-slider.panel-slider, .wi-crossselling-slider .panel-slider { padding: 0; } .wi-crossselling-slider .panel-heading { margin-bottom: 29px; } .wi-crossselling-slider .panel-title h2, .wi-crossselling-slider .to-crossselling-heading { font-size: 28px !important; } .wi-crossselling-slider .sl-ar, .wi-crossselling-slider .panel-heading .ar-ct .sl-ar { width: 25px; height: 25px; } .wi-crossselling-slider .sl-ar .ar { padding: 0; } .wi-crossselling-slider .to-crossselling-card__media { align-items: center; display: flex; flex: none; justify-content: center; width: 100%; aspect-ratio: 1 / 1; height: auto; } .wi-crossselling-slider .to-crossselling-card__visual { display: flex; flex: none; flex-direction: column; height: auto; width: 100%; } .wi-crossselling-slider .to-crossselling-card__facts { align-self: stretch; } .wi-crossselling-slider .to-crossselling-card__image { align-items: center; display: flex; justify-content: center; padding: 0; } .wi-crossselling-slider .to-crossselling-card__image .img-ct { align-items: center; display: flex; justify-content: center; margin: 0; transform: none; } .wi-crossselling-slider .to-crossselling-card__image .img-ct img { display: block; margin: auto; object-fit: contain !important; object-position: center center; padding: var(--spacing-2); } .wi-crossselling-slider .to-crossselling-card__kind { padding: var(--spacing-1) var(--spacing-2); font-size: 11px; min-height: 20px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo { margin-top: -14px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__variant.is-active, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__tabs.is-solo .to-search-product__variant.is-active { height: 30px; padding: 3px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch.is-group { gap: 2px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch i { font-size: 14px; height: 22px; min-width: 22px; width: 22px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-swatch.is-group i { flex: 0 0 auto; width: auto; white-space: nowrap; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stats, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__meta.is-end .to-search-product__stats { min-height: 40px; padding: 0 var(--spacing-2); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-icon { flex: 0 0 16px; height: 16px; width: 16px; color: var(--color-neutral); } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label-desktop { display: none !important; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label-mobile { display: block !important; } .wi-crossselling-slider .to-crossselling-card__content { display: flex; flex: 1 1 auto; min-height: 0; padding: var(--spacing-3) 0 0; } .wi-crossselling-slider .to-crossselling-card__rating-row { display: none; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__content > a.title.h4.to-crossselling-card__title { font-size: 16px !important; height: auto; line-height: 1.25; margin: 0 0 var(--spacing-3); max-height: 2.5em; min-height: 0; } .wi-crossselling-slider .to-crossselling-card__commerce { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--spacing-3); margin-top: 0; } .wi-crossselling-slider .to-crossselling-card__price { align-self: stretch; display: block; margin: var(--spacing-2) 0 var(--spacing-1); } .wi-crossselling-slider .to-crossselling-card__price .price { font-size: 16px; } .wi-crossselling-slider .to-crossselling-card__bulk, .wi-crossselling-slider .to-crossselling-card__delivery { display: none; } .wi-crossselling-slider .to-crossselling-card__basket, .wi-crossselling-slider .to-crossselling-card__buy-row { display: flex; flex: 0 0 auto; align-items: stretch; justify-content: flex-start; gap: var(--spacing-2); margin-top: auto; min-width: 0; width: 100%; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity.btn-group { display: grid !important; flex: 0 0 auto; grid-template-columns: 24px 36px 24px; width: 88px; height: 34px; min-height: 34px; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn { display: flex !important; align-items: center; justify-content: center; width: 24px; height: 100%; margin: 0; padding: 0; border: 0; background: var(--color-white); } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity { display: flex; width: 100%; height: 100%; border-right: 2px solid var(--to-card-qty-border, #9cb7ee); border-left: 2px solid var(--to-card-qty-border, #9cb7ee); font-size: 16px !important; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .btn svg { width: 14px; height: 14px; } .wi-crossselling-slider .to-crossselling-card__add { flex: 1 1 auto; font-size: 13.3px; height: 34px; min-height: 34px; min-width: 0; padding-top: 0; padding-bottom: 0; padding-right: var(--spacing-2); padding-left: var(--spacing-2); width: auto; gap: 0; } .wi-crossselling-slider .to-crossselling-card__add-label { display: none; } .wi-crossselling-slider .to-crossselling-card__add .to-product-card__cart-icon, .wi-crossselling-slider .to-crossselling-card__add .to-product-card__cart-icon svg { width: 22px; height: 22px; } } @media (max-width: 479px) { .wi-crossselling-slider { --to-crossselling-gap: 16px; } .wi-crossselling-slider .to-crossselling-card { padding: var(--spacing-3); --to-card-title-size: 16px; --to-card-price-size: 16px; --to-card-qty-size: 16px; --to-card-add-size: 12px; --to-card-add-height: 32px; } .wi-crossselling-slider .panel-title h2, .wi-crossselling-slider .to-crossselling-heading { font-size: 24px !important; } .wi-crossselling-slider .panel-title .ar-ct, .wi-crossselling-slider .panel-title .btn-group.ar-ct { gap: 8px; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__content > a.title.h4.to-crossselling-card__title { font-size: 16px !important; margin-bottom: var(--spacing-3); } .wi-crossselling-slider .to-crossselling-card__price .price { font-size: 16px; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity, .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity.btn-group { height: 32px; min-height: 32px; } .wi-crossselling-slider .to-crossselling-card__buy-row .to-product-card__quantity .quantity { font-size: 16px !important; } .wi-crossselling-slider .to-crossselling-card__add { gap: 0; font-size: 12px; height: 32px; min-height: 32px; padding-top: 0; padding-bottom: 0; } .wi-crossselling-slider .to-crossselling-card__add .to-product-card__cart-icon, .wi-crossselling-slider .to-crossselling-card__add .to-product-card__cart-icon svg { width: 22px; height: 22px; } } /**/ .wi-crossselling-list-section, .wi-crossselling-list-headline, .wi-crossselling-list { --to-crossselling-blue: var(--color-primary-100); --to-crossselling-green: var(--color-success); --to-crossselling-border: var(--color-tertiary-75); --to-crossselling-surface: var(--color-secondary-50); --to-crossselling-card-padding: 14px; box-sizing: border-box; background: var(--to-crossselling-surface); } .wi-crossselling-list-section { padding-bottom: var(--spacing-16); } .wi-crossselling-list-section > .wi-crossselling-list-header, .wi-crossselling-list-section > .wi-crossselling-list-headline, .wi-crossselling-list-section > .wi-crossselling-list { background: transparent; } .wi-crossselling-list-header { padding: 0 !important; } .wi-crossselling-list-headline { align-items: center; display: flex; justify-content: space-between; gap: var(--spacing-8); width: 100%; margin: 0 !important; padding: var(--spacing-12) 0 var(--spacing-8) !important; color: var(--to-crossselling-blue) !important; font-family: var(--font-family-base); font-size: var(--font-size-h2) !important; font-weight: var(--font-weight-bold); line-height: var(--lh-heading); text-align: left !important; } .wi-crossselling-list-headline .wi-crossselling-list-title { margin: 0 !important; color: inherit !important; } .wi-crossselling-list-subline { flex: 0 1 auto; margin: 0 !important; color: inherit; font-size: var(--font-size-h4); font-weight: var(--font-weight-regular); line-height: var(--lh-heading); text-align: right; } .wi-crossselling-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: var(--spacing-8); width: 100%; margin: 0 !important; padding: 0; } .wi-crossselling-list > .product-wrapper, .wi-crossselling-list > .product-wrapper[class*='col-'] { display: flex; flex-direction: column; align-self: stretch; flex: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; height: auto; margin: 0 !important; padding: 0 !important; } .wi-crossselling-list > .product-wrapper[hidden] { display: none !important; } .to-crossselling-reveal-sentinel { width: 100%; height: 1px; } .wi-crossselling-list > .product-wrapper.is-skeleton-loading { position: relative; } .wi-crossselling-list > .product-wrapper.is-skeleton-loading > :not(.to-crossselling-list-skeleton) { visibility: hidden; pointer-events: none; } .to-crossselling-list-skeleton { position: absolute; inset: 0; z-index: 5; display: grid; grid-template-columns: minmax(0, 165px) minmax(0, 1fr); gap: var(--spacing-6); padding: var(--to-crossselling-card-padding, var(--spacing-4)); border: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); background: var(--color-white); pointer-events: none; } .to-crossselling-list-skeleton__copy { display: flex; flex-direction: column; gap: var(--spacing-2); min-width: 0; min-height: 0; } .to-crossselling-list-skeleton .to-listing-skel--button { height: var(--spacing-10); flex: 0 0 auto; } @media (max-width: 1199px) { .to-crossselling-list-skeleton { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: var(--spacing-3); } } .wi-crossselling-list .to-product-card { --to-card-padding: var(--to-crossselling-card-padding); display: grid !important; grid-template-columns: 165px minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: 0 30px; flex: 1 1 auto; width: 100%; height: auto; min-height: 198px; padding: var(--to-crossselling-card-padding); overflow: hidden !important; background: var(--color-white); border: 2px solid var(--to-crossselling-border); border-radius: var(--border-radius-sm); box-shadow: none; } .wi-crossselling-list .to-product-card__media { align-self: start; aspect-ratio: 1 / 1; grid-column: 1; grid-row: 1 / -1; height: auto; min-height: 0; overflow: visible; width: 100%; background: transparent; border-radius: var(--border-radius-sm); z-index: 0; } .wi-crossselling-list .to-product-card__kind { display: flex; } .wi-crossselling-list .to-product-card__image { min-height: 0; padding: var(--spacing-2); overflow: hidden; border-radius: var(--border-radius-sm); } .wi-crossselling-list .to-product-card__main { display: none; } .wi-crossselling-list .to-product-card__rating { grid-column: 2; grid-row: 1; min-height: 28px; margin: 0; padding-right: 118px; white-space: nowrap; } .wi-crossselling-list .to-product-card__title { display: -webkit-box; grid-column: 2; grid-row: 2; max-height: 46px; margin: var(--spacing-1) 0 0 !important; overflow: hidden; font-size: var(--font-size-h6) !important; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wi-crossselling-list .to-product-card__visual { display: contents; } .wi-crossselling-list .to-product-card__facts, .wi-crossselling-list .to-product-card__wishlist-form { display: none; } .to-product-card .to-crossselling-card__page-price-label-mobile { display: none; } .wi-crossselling-list .to-product-card__color-badge { position: absolute; top: var(--to-crossselling-card-padding); right: var(--to-crossselling-card-padding); z-index: 3; display: flex; align-items: center; gap: var(--spacing-2); min-height: 28px; padding: var(--spacing-1) var(--spacing-2); color: var(--color-neutral); font-size: var(--font-size-xs); line-height: 1; background: var(--to-crossselling-surface); border-radius: var(--border-radius-xs); } .wi-crossselling-list .to-product-card__color-badge .to-product-card__ink-set { gap: var(--spacing-1); } .wi-crossselling-list .to-product-card__color-badge .to-product-card__ink-set i { width: 14px; height: 14px; } .wi-crossselling-list .to-product-card__commerce { grid-column: 2; grid-row: 3; display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: end; gap: var(--spacing-4); min-width: 0; padding: 0; position: relative; z-index: 4; } .wi-crossselling-list .to-product-card__price-box, .wi-crossselling-list .to-product-card__price-box--single { align-self: end; justify-self: start; width: auto; max-width: 100%; min-width: 0; margin: 0; padding: 0; overflow: hidden; background: transparent; border-radius: 0; z-index: 0; } .wi-crossselling-list .to-product-card__price-box::before { display: none; } .wi-crossselling-list .to-product-card__price-box:not(.to-product-card__price-box--single) .to-product-card__price, .wi-crossselling-list .to-product-card__price, .wi-crossselling-list .to-product-card__price-box--single .to-product-card__price { display: block; height: auto; min-width: 0; margin: 0; padding: 0; color: var(--color-neutral); font-size: var(--to-card-price-size, 24px); font-weight: var(--to-card-price-weight, 600); line-height: 1.1; text-align: left; background: transparent; border-radius: 0; } .wi-crossselling-list .to-product-card__price sup { position: relative; top: -.35em; margin-left: 2px; font-size: .5em; line-height: 1; vertical-align: baseline; } @media (min-width: 768px) { .wi-crossselling-list .to-product-card__price sup { top: -0.7em; } } .wi-crossselling-list .to-product-card__bulk-prices { display: block; max-width: 100%; padding: var(--spacing-1) 0 0; overflow: hidden; background: transparent; border-radius: 0; z-index: 0; } .wi-crossselling-list .to-product-card__bulk-prices > .to-product-card__bulk-window { display: block; } .wi-crossselling-list .to-product-card__bulk-prices .to-product-card__bulk-track { height: auto !important; animation: none !important; transform: none !important; } .wi-crossselling-list .to-product-card__bulk-prices.has-cycle .to-product-card__bulk-window { height: auto; overflow: visible; } .wi-crossselling-list .to-product-card__bulk-prices .to-product-card__bulk-track > .to-product-card__bulk-row { display: none; } .wi-crossselling-list .to-product-card__bulk-prices .to-product-card__bulk-track > .to-product-card__bulk-row[data-to-bulk-clone] { display: none !important; } .wi-crossselling-list .to-product-card__bulk-prices .to-product-card__bulk-track > .to-product-card__bulk-row:first-child { display: flex; gap: var(--spacing-1); font-size: var(--font-size-xs); line-height: 1.2; white-space: nowrap; } .wi-crossselling-list .to-product-card__bulk-prices strong { display: none; } .wi-crossselling-list .to-product-card__bulk-prices span:last-child { text-align: left; } .wi-crossselling-list .to-product-card__basket { position: relative; z-index: 2; width: 250px; min-width: 250px; margin: 0; pointer-events: auto; } .wi-crossselling-list .to-product-card__delivery { justify-content: flex-end; margin-bottom: 0; max-width: 100%; overflow: hidden; white-space: nowrap; } .wi-crossselling-list .to-product-card__buy-row { position: relative; z-index: 1; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--spacing-2); } .wi-crossselling-list .to-product-card__quantity, .wi-crossselling-list .to-product-card__quantity.btn-group { display: block !important; width: 44px; height: 40px; margin: 0; border-color: var(--color-tertiary-75); border-radius: var(--border-radius-sm); } .wi-crossselling-list .to-product-card__quantity .btn { display: none; } .wi-crossselling-list .to-product-card__quantity .quantity { width: 42px; height: 38px; border: 0; } .wi-crossselling-list .to-product-card__add { position: relative; z-index: 1; width: 100%; min-width: 0; max-width: none; min-height: 40px; height: 40px; pointer-events: auto; } @media (max-width: 1279px) { .wi-crossselling-list { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 991px) { .wi-crossselling-list-headline { align-items: flex-start; flex-direction: column; gap: var(--spacing-2); font-size: var(--font-size-h3) !important; } .wi-crossselling-list-subline { font-size: var(--font-size-h5); text-align: left; } } @media (max-width: 1399px) { .wi-crossselling-list-headline { align-items: flex-start; flex-direction: column; gap: var(--spacing-2); padding: var(--spacing-8) 0 var(--spacing-6) !important; font-size: var(--font-size-h4) !important; } .wi-crossselling-list-subline { font-size: var(--font-size-h6); text-align: left; } #snackys-tpl .wi-crossselling-list.product-list.list, #snackys-tpl .wi-crossselling-list.opc-ProductStream.list, .wi-crossselling-list { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: var(--spacing-4); box-sizing: border-box; width: min( calc(100% - var(--wi-crossselling-inline-space, var(--spacing-8))), var(--wi-crossselling-container-max, var(--max-container, 1400px)) ); max-width: var(--wi-crossselling-container-max, var(--max-container, 1400px)); margin-right: auto !important; margin-left: auto !important; } .wi-crossselling-list.product-list.list > .product-wrapper, .wi-crossselling-list.opc-ProductStream.list > .product-wrapper, .wi-crossselling-list > .product-wrapper[class*='col-'] { flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .wi-crossselling-list .to-product-card { display: flex !important; flex: 1 1 auto; flex-direction: column; grid-template-areas: none; grid-template-columns: none; gap: 0; height: auto; min-height: 0; padding: var(--spacing-3); overflow: visible !important; --to-card-title-size: 16px; --to-card-price-size: 16px; --to-card-qty-size: 16px; --to-card-add-size: 16px; } #snackys-tpl .wi-crossselling-list .to-product-card__visual { display: flex !important; flex-direction: column; order: 1; width: 100%; overflow: visible; } .wi-crossselling-list .to-product-card__media { align-self: start; aspect-ratio: 1 / 1; grid-column: auto; grid-row: auto; width: 100%; height: auto; min-height: 0; background: transparent; } .wi-crossselling-list .to-product-card__image { padding: var(--spacing-2); background: transparent; } #snackys-tpl .wi-crossselling-list .to-product-card__facts { display: block !important; align-self: start; margin: 0; max-width: 100%; position: relative; width: 100%; z-index: 2; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__meta, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__meta.is-end { align-items: stretch; background: transparent; border: 0; color: var(--color-neutral); display: flex; flex-direction: column; margin: 0; max-width: 100%; overflow: visible; padding: 0; width: 100%; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs.is-solo { align-items: flex-end; align-self: start; display: flex; flex-direction: row; margin-top: -14px; max-width: 100%; min-width: 0; position: relative; width: auto; z-index: 2; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__panels { display: block; min-width: 0; position: relative; width: 100%; z-index: 1; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__variant, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__variant.is-active, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs.is-solo .to-search-product__variant, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs.is-solo .to-search-product__variant.is-active { align-items: center; background: var(--color-white); border: 2px solid var(--color-tertiary-75); border-bottom: 0; border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0; box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, .2); color: inherit; display: flex; height: 30px; justify-content: center; margin-bottom: -2px; overflow: visible; padding: 3px; position: relative; width: auto; z-index: 2; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs.is-solo .to-search-product__variant, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__tabs.is-solo .to-search-product__variant.is-active { border-bottom: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); margin-bottom: 0; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__variant.is-active::after { background: var(--color-white); bottom: -1px; content: ""; display: block; height: 2px; left: 0; position: absolute; width: calc(100% + 2px); } #snackys-tpl .wi-crossselling-list .to-product-card__facts:not(:has(.to-search-product__stats.is-active)) .to-search-product__variant.is-active::after { background: transparent; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch.is-group { align-items: center; display: inline-flex; gap: 2px; justify-content: center; min-width: 0; padding: 0; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch i { align-items: center; background-image: none; border-radius: var(--border-radius-sm); display: inline-flex; font-family: var(--font-family-base); font-size: 14px; font-style: normal; font-weight: var(--font-weight-bold); height: 22px; justify-content: center; line-height: 1; min-width: 22px; padding: 0; width: 22px; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch.is-group i { flex: 0 0 auto; width: auto; white-space: nowrap; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch i.is-black { background: var(--color-ink-black); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch i.is-cyan { background: var(--color-ink-cyan); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch i.is-magenta { background: var(--color-ink-magenta); color: var(--color-white, #fff); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-swatch i.is-yellow { background: var(--color-ink-yellow); color: var(--color-white, #111); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stats, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__meta.is-end .to-search-product__stats { align-items: center; background: var(--color-white); border: 1.5px solid var(--color-tertiary-50); border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm); display: none; flex-direction: row; gap: 0; justify-content: flex-start; margin: 0; min-height: 40px; padding: 0 var(--spacing-2); width: 100%; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stats.is-active, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__meta.is-end .to-search-product__stats.is-active { border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm); display: flex; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat { align-items: center; display: flex; flex: 1 1 0; gap: var(--spacing-1); justify-content: flex-start; min-width: 0; overflow: visible; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-divider { align-self: center; background: var(--color-tertiary-50); flex: 0 0 auto; height: 28px; margin: 0 var(--spacing-2); width: 1px; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-icon { display: block; flex: 0 0 16px; height: 16px; width: 16px; color: var(--color-neutral); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy strong, #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy span { align-items: flex-start; color: var(--color-neutral); display: flex; flex-direction: column; font-size: 13.3px; font-weight: var(--font-weight-regular); line-height: 16px; min-width: 0; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy strong { font-weight: var(--font-weight-bold); } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label-desktop { display: none !important; } #snackys-tpl .wi-crossselling-list .to-product-card__facts .to-search-product__stat-copy .to-crossselling-card__page-price-label-mobile { display: block !important; } .wi-crossselling-list .to-product-card__color-badge, .wi-crossselling-list .to-product-card__rating { display: none; } #snackys-tpl .wi-crossselling-list .to-product-card__title { order: 2; display: -webkit-box; margin: var(--spacing-3) 0 !important; overflow: hidden; font-size: 16px !important; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wi-crossselling-list .to-product-card__commerce { order: 3; display: flex; flex-direction: column; align-items: stretch; gap: var(--spacing-2); width: 100%; margin-top: auto; padding: 0; } .wi-crossselling-list .to-product-card__price-box, .wi-crossselling-list .to-product-card__price-box--single { align-self: stretch; width: 100%; margin: 0; padding: 0; background: transparent; } #snackys-tpl .wi-crossselling-list .to-product-card__price, #snackys-tpl .wi-crossselling-list .to-product-card__price-box--single .to-product-card__price { font-size: 16px !important; text-align: left; } .wi-crossselling-list .to-product-card__bulk-prices, .wi-crossselling-list .to-product-card__delivery, .wi-crossselling-list .to-product-card__alt-offer { display: none !important; } .wi-crossselling-list .to-product-card__basket { width: 100%; min-width: 0; margin-top: 0; } .wi-crossselling-list .to-product-card__buy-row { display: flex !important; flex: 0 0 auto; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: var(--spacing-2); width: 100%; min-width: 0; margin-top: auto; } #snackys-tpl .wi-crossselling-list .to-product-card__quantity, #snackys-tpl .wi-crossselling-list .to-product-card__quantity.btn-group { display: grid !important; flex: 0 0 auto; grid-template-columns: 24px 36px 24px; width: 88px; height: 34px; min-height: 34px; margin: 0; overflow: hidden; border: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); } #snackys-tpl .wi-crossselling-list .to-product-card__quantity .btn, #snackys-tpl .wi-crossselling-list .to-product-card__quantity .quantity { display: flex !important; align-items: center; justify-content: center; flex: none !important; width: auto; min-width: 0; height: 100%; min-height: 0; margin: 0; padding: 0; color: var(--color-neutral); background: var(--color-white); border: 0; border-radius: 0; box-shadow: none; } #snackys-tpl .wi-crossselling-list .to-product-card__quantity .btn { width: 24px; } #snackys-tpl .wi-crossselling-list .to-product-card__quantity .quantity { appearance: textfield; -moz-appearance: textfield; width: 100%; border-right: 2px solid var(--color-tertiary-75); border-left: 2px solid var(--color-tertiary-75); color: var(--color-neutral); font-size: 16px !important; font-weight: var(--font-weight-bold); text-align: center; } #snackys-tpl .wi-crossselling-list .to-product-card__quantity .btn svg { display: block; width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; } #snackys-tpl .wi-crossselling-list .to-product-card__quantity .quantity::-webkit-inner-spin-button, #snackys-tpl .wi-crossselling-list .to-product-card__quantity .quantity::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } #snackys-tpl .wi-crossselling-list .to-product-card__add { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 0; width: auto; min-width: 0; height: 34px; min-height: 34px; padding: 0 var(--spacing-2); font-size: 13.3px; } #snackys-tpl .wi-crossselling-list .to-product-card__add-label { display: none; } #snackys-tpl .wi-crossselling-list .to-product-card__add .to-product-card__cart-icon, #snackys-tpl .wi-crossselling-list .to-product-card__add .to-product-card__cart-icon svg { width: 22px; height: 22px; } } @media (max-width: 767px) { .wi-crossselling-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 575px) { .wi-crossselling-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 420px) { .wi-crossselling-list .to-product-card { padding: var(--spacing-2); } .wi-crossselling-list .to-product-card__quantity, .wi-crossselling-list .to-product-card__quantity.btn-group { height: 32px; min-height: 32px; } } @media (prefers-reduced-motion: reduce) { .wi-crossselling-slider .p-sl { scroll-behavior: auto; } .wi-crossselling-slider .sl-dots button { transition: none; } } /**/ @media (max-width: 1199px) { html#snackys-tpl .opc-ProductStream-list.wi-crossselling-list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { #snackys-tpl .wi-crossselling-list.product-list.list, #snackys-tpl .wi-crossselling-list.opc-ProductStream-list, html#snackys-tpl .opc-ProductStream-list.wi-crossselling-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 575px) { #snackys-tpl .wi-crossselling-list.product-list.list, #snackys-tpl .wi-crossselling-list.opc-ProductStream-list, html#snackys-tpl .opc-ProductStream-list.wi-crossselling-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }