/**/ .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-6); 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%; } /**/ #result-wrapper:has(.to-pdp__header) .recommendations .wi-crossselling-slider .p-sl { align-items: stretch; } #result-wrapper:has(.to-pdp__header) .recommendations .wi-crossselling-slider .p-sl > .p-w { display: flex; align-items: stretch; align-self: stretch; height: auto; } #result-wrapper:has(.to-pdp__header) .recommendations .wi-crossselling-slider .p-sl > .p-w > .to-crossselling-card { align-self: stretch; height: auto; } .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-crossselling-card__price-delivery { display: flex; flex-direction: column; gap: var(--spacing-1); min-width: 0; width: 100%; } .wi-crossselling-slider .to-crossselling-card__price-delivery > .to-crossselling-card__price-shipping { gap: 0; } .wi-crossselling-slider .to-crossselling-card__price-shipping { display: flex; flex-direction: column; gap: var(--spacing-1); min-width: 0; width: 100%; } .wi-crossselling-slider .to-crossselling-card__price-shipping > .to-product-card__price-box, .wi-crossselling-slider .to-crossselling-card__price-shipping > .to-shipping-info { margin: 0; } #snackys-tpl .wi-crossselling-slider .to-crossselling-card__price-shipping--unavailable .to-shipping-info--free, #snackys-tpl .wi-crossselling-slider .to-crossselling-card__price-shipping--unavailable .to-shipping-info--free a { color: var(--color-neutral) !important; font-weight: var(--font-weight-regular, 400) !important; } .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; align-self: flex-end; justify-content: flex-end; gap: 8px; font-size: var(--to-card-delivery-size, var(--font-size-xs)); line-height: 1.25; text-align: right; } .wi-crossselling-slider .to-crossselling-card__shipping-delivery { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-2) var(--spacing-3); width: 100%; } .wi-crossselling-slider .to-crossselling-card__shipping-delivery > .to-shipping-info, .wi-crossselling-slider .to-crossselling-card__shipping-delivery > .to-crossselling-card__delivery { display: flex; align-items: center; align-self: center; margin: 0; line-height: 1.25; } .wi-crossselling-slider .to-crossselling-card__availability { color: var(--color-danger); } .wi-crossselling-slider .to-crossselling-card__availability .to-crossselling-card__delivery-text { color: var(--color-danger) !important; } .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__sold-out { align-items: center; display: flex; flex: 1 1 auto; height: var(--to-card-add-height, 40px); justify-content: center; margin: 0; min-height: var(--to-card-add-height, 40px); min-width: 0; padding: var(--spacing-2) var(--spacing-3); width: 100%; } #snackys-tpl body[data-page="18"] .wi-crossselling-slider .to-product-card__sold-out { gap: var(--s