/**/ /**/ .wi-marketing-topbar { position: relative; z-index: 1; padding: var(--spacing-2, 8px) var(--spacing-4, 16px); background: var(--color-tertiary-50, #e3e4e8); color: var(--color-primary-100, #002293); font-family: var(--font-family-base, "Roboto Condensed", Arial, sans-serif); text-align: center; } .wi-marketing-inner { max-width: var(--max-container, 1400px); margin: 0 auto; font-size: 18px; font-weight: var(--font-weight-regular, 400); line-height: 1.15; text-transform: uppercase; } .wi-marketing-topbar a, .wi-marketing-popup a { color: inherit; text-decoration: underline; } /**/ .wi-marketing-popup[hidden] { display: none !important; } .wi-marketing-popup { position: fixed; inset: 0; z-index: var(--z-modal, 1050); display: flex; align-items: center; justify-content: center; padding: var(--spacing-6, 24px) var(--spacing-4, 16px); font-family: var(--font-family-base, "Roboto Condensed", Arial, sans-serif); opacity: 0; transition: opacity var(--transition-base, 250ms ease-in-out); } .wi-marketing-popup.is-visible { opacity: 1; } .wi-marketing-popup__backdrop { position: absolute; inset: 0; background: rgba(36, 36, 36, 0.55); } .wi-marketing-popup__panel { position: relative; z-index: 1; width: min(92vw, 520px); max-height: calc(100vh - 48px); overflow-y: auto; padding: var(--spacing-8, 32px) var(--spacing-6, 24px) var(--spacing-6, 24px); border: 1px solid var(--color-tertiary-100, #9ba8d5); border-radius: var(--border-radius-sm, 8px); background: var(--color-white, #fff); box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)); color: var(--color-neutral, #242424); opacity: 0; transform: translateY(18px); transition: opacity var(--transition-base, 250ms ease-in-out), transform var(--transition-base, 250ms ease-in-out); } .wi-marketing-popup.is-visible .wi-marketing-popup__panel { opacity: 1; transform: translateY(0); } .wi-marketing-popup__close { position: absolute; top: var(--spacing-3, 12px); right: var(--spacing-3, 12px); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--border-radius-xs, 4px); background: transparent; color: var(--color-neutral, #242424); cursor: pointer; transition: background-color var(--transition-fast, 150ms ease-in-out); } .wi-marketing-popup__close:hover, .wi-marketing-popup__close:focus-visible { background: var(--color-secondary-50, #f1f2f4); } .wi-marketing-popup__close svg { display: block; width: 20px; height: 20px; } .wi-marketing-popup__title { margin: 0 0 var(--spacing-3, 12px); padding-right: var(--spacing-8, 32px); color: var(--color-primary-100, #002293); font-family: inherit; font-size: var(--font-size-h5, 1.4375rem); font-weight: var(--font-weight-bold, 700); line-height: var(--lh-heading, 1.25); } .wi-marketing-popup__image { display: block; width: 100%; height: auto; margin: 0 0 var(--spacing-4, 16px); border-radius: var(--border-radius-sm, 8px); } .wi-marketing-popup__content { font-size: var(--font-size-normal, 1rem); line-height: var(--lh-paragraph, 1.5); } /**/ .wi-marketing-popup__panel--image-only { width: auto; max-width: min(92vw, 920px); padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; } .wi-marketing-popup__panel--image-only .wi-marketing-popup__close { top: var(--spacing-3, 12px); right: var(--spacing-3, 12px); background: var(--color-white, #fff); box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)); } .wi-marketing-popup__panel--image-only .wi-marketing-popup__image { width: auto; max-width: min(92vw, 920px); max-height: calc(100vh - 48px); margin: 0; border-radius: var(--border-radius-sm, 8px); box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)); object-fit: contain; } /**/ .wi-marketing-notice[hidden] { display: none !important; } .wi-marketing-notice { margin: var(--spacing-4, 16px) 0; } .wi-marketing-notice__inner { padding: var(--spacing-3, 12px) var(--spacing-4, 16px); border: 1px solid var(--color-tertiary-100, #9ba8d5); border-radius: var(--border-radius-sm, 8px); background: var(--color-tertiary-50, #e3e4e8); color: var(--color-primary-100, #002293); font-size: var(--font-size-normal, 1rem); line-height: 1.35; } .wi-marketing-notice__title { display: block; margin-bottom: var(--spacing-1, 4px); font-weight: var(--font-weight-bold, 700); } .wi-marketing-notice__list { margin: 0; padding: 0; list-style: none; } .wi-marketing-notice__list li + li { margin-top: var(--spacing-1, 4px); } /**/ .wi-marketing-sale-price, #snackys-tpl .wi-marketing-sale-price { color: var(--color-sale, #d32f2f) !important; } .wi-marketing-price-meta { display: inline-flex; flex-wrap: nowrap; align-items: center; gap: var(--spacing-2, 8px); font-family: var(--font-family-base, "Roboto Condensed", Arial, sans-serif); line-height: 1; white-space: nowrap; } .wi-marketing-old-price { color: var(--color-neutral, #242424); font-size: var(--font-size-normal, 1rem); font-weight: var(--font-weight-regular, 400); text-decoration: line-through; text-decoration-thickness: 1px; opacity: .7; } .wi-marketing-badge { display: inline-flex; align-items: center; padding: 3px var(--spacing-2, 8px); border-radius: var(--border-radius-xs, 4px); background: var(--color-sale, #d32f2f); color: var(--color-white, #fff); font-size: var(--font-size-xs, 0.83125rem); font-weight: var(--font-weight-bold, 700); line-height: 1.2; } /**/ .to-pdp__main-price .wi-marketing-price-meta { flex: 0 0 auto; margin: 0; } .to-pdp__main-price .price-row:has(.wi-marketing-price-meta) { flex-wrap: nowrap; align-items: center; column-gap: var(--spacing-2, 8px); } .to-pdp__main-price .wi-marketing-old-price { font-size: var(--font-size-h6, 1.2rem); } .to-pdp__main-price .price_wrapper .wi-marketing-badge { font-size: 16px; } /**/ .to-product-card__main-price-wrap:has(.wi-marketing-price-meta) { display: inline-flex; align-items: center; gap: var(--spacing-2, 8px); } .to-product-card__main-price-wrap .wi-marketing-price-meta { display: inline-flex; flex: 0 0 auto; margin: 0; } /**/ .to-product-card__price-row:has(.wi-marketing-price-meta) { flex-wrap: nowrap; align-items: center; } /**/ #snackys-tpl .to-pdp-comparison .wi-marketing-price-meta { display: inline-flex; flex: 0 0 auto; gap: var(--spacing-1, 4px); margin: 0; } #snackys-tpl .to-pdp-comparison .to-pdp-comparison__prices:has(.wi-marketing-price-meta) { flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: var(--spacing-2, 8px); } .wi-crossselling-slider .to-crossselling-card__price .price-row:has(.wi-marketing-price-meta), .wi-crossselling-slider .to-crossselling-card__price .price_wrapper:has(.wi-marketing-price-meta) { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: var(--spacing-2, 8px); } .wi-crossselling-slider .to-crossselling-card__price .wi-marketing-price-meta { flex: 0 0 auto; margin: 0; } #snackys-tpl .to-pdp-comparison .wi-marketing-old-price { font-size: var(--font-size-xs, 0.83125rem); } /**/ #stck-bskt .wi-marketing-price-meta { justify-content: flex-end; margin-top: var(--spacing-1, 4px); } #snackys-tpl #stck-bskt .price-row:has(.wi-marketing-price-meta) { display: flex; flex-direction: column; align-items: flex-end; } .to-search-modal .to-search-product__price:has(> .wi-marketing-price-meta) { display: flex; align-items: center; gap: var(--spacing-2, 8px); white-space: nowrap; } .to-search-modal .to-search-product__price > .wi-marketing-price-meta { display: inline-flex; flex-wrap: nowrap; margin-top: 0; } .to-search-modal .to-search-product__price .wi-marketing-old-price { font-size: 16px; } /**/ .wi-marketing-discount-notice { display: flex; align-items: center; gap: var(--spacing-2, 8px); margin: var(--spacing-3, 12px) 0 var(--spacing-4, 16px); padding: var(--spacing-2, 8px) var(--spacing-3, 12px); border-radius: var(--border-radius-sm, 8px); background: var(--color-sale-soft, #fbeaea); color: var(--color-neutral, #242424); font-size: var(--font-size-normal, 1rem); line-height: 1.35; } .wi-marketing-discount-notice strong { color: var(--color-sale, #d32f2f); font-weight: var(--font-weight-bold, 700); } .wi-marketing-discount-notice svg { flex: 0 0 16px; width: 16px; height: 16px; color: var(--color-sale, #d32f2f); }