/* Toneroffice product detail page ----------------------------------------- */
#result-wrapper:has(.to-pdp__header) {
    color: var(--color-neutral, #242424);
    font-family: var(--font-family-base, "Roboto Condensed", sans-serif);
}

#result-wrapper:has(.to-pdp__header) > form {
    margin-bottom: var(--spacing-6, 24px) !important;
}

#product-offer:has(.to-pdp__header) {
    align-items: flex-start;
    row-gap: 0;
}

.to-pdp__header {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: var(--spacing-4, 16px);
}

.to-pdp__title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 8px !important;
    color: var(--color-primary-100, #002293) !important;
    font-family: inherit;
    font-size: var(--font-size-h3) !important;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: var(--lh-h3, 1.2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
}

.to-pdp__sku {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1, 4px);
    min-width: 0;
    color: var(--color-neutral, #242424);
    font-size: 16px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
}

.to-pdp__sku-value {
    min-width: 0;
}

.to-pdp__sku-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    appearance: none;
}

.to-pdp__sku-copy svg {
    display: block;
    width: 12px;
    height: 12px;
    transition: transform .15s ease;
}

.to-pdp__sku-copy:hover .to-pdp__sku-copy-icon {
    transform: scale(1.18);
}

.to-pdp__sku-copy .to-pdp__sku-check-icon {
    display: none;
}

.to-pdp__sku-copy.is-copied .to-pdp__sku-copy-icon {
    display: none;
}

.to-pdp__sku-copy.is-copied .to-pdp__sku-check-icon {
    display: block;
}

.to-pdp__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.to-pdp__meta-pipe {
    display: block;
    align-self: stretch;
    width: 0;
    min-height: 16px;
    border-left: 1px solid var(--color-tertiary-50);
}

.to-pdp__rating {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--bod-s) !important;
    font-size: 16px;
    text-decoration: none !important;
}

.to-pdp__warranty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bod-s);
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
}

.to-pdp__warranty:hover,
.to-pdp__warranty:focus {
    color: var(--color-primary-100, #002293);
}

.to-pdp__warranty svg {
    display: block;
    width: 14px;
    height: 14px;
    stroke: currentColor;
}

.to-pdp__rating .rating {
    display: inline-flex;
    gap: 1px;
}

.to-pdp__rating .rating .icon {
    width: 18px;
    height: 18px;
    color: var(--color-warning, #ffae00);
    fill: var(--color-warning, #ffae00);
}

.to-pdp__rating .rating .icon.is-empty {
    overflow: visible;
    color: var(--color-tertiary-50);
}

.to-pdp__rating .rating .icon.is-empty svg,
.to-pdp__rating .rating .icon.is-empty path {
    fill: none !important;
    stroke: var(--color-primary-50);
    stroke-width: 6;
    stroke-linejoin: round;
}

.to-pdp__rating .rating small {
    color: var(--bod-s);
    font-size: 14px;
}

body:not(.lightbox-shown) #product-offer:has(.to-pdp__header) > .to-pdp__media,
#product-offer:has(.to-pdp__header) > .product-info {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}

body:not(.lightbox-shown) .to-pdp__media {
    position: relative;
    padding-right: 34px;
}

body:not(.lightbox-shown) .to-pdp__gallery {
    position: relative;
}

#product-offer:has(.to-pdp__header) > .product-info {
    position: static;
    padding-left: 34px;
}

.lightbox-shown .to-pdp__product-kind,
.lightbox-shown .to-pdp__xl-badge,
.lightbox-shown .to-pdp__xl-badges {
    display: none;
}

body:not(.lightbox-shown) .to-pdp__xl-badges {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

body:not(.lightbox-shown) .to-pdp__xl-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    grid-area: auto;
    justify-self: auto;
    align-self: auto;
    z-index: 3;
    border-radius: 0 var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 8px);
}

body:not(.lightbox-shown) .to-pdp__xl-badges .to-pdp__xl-badge {
    position: relative;
    top: auto;
    right: auto;
    border-radius: 0;
}

body:not(.lightbox-shown) .to-pdp__xl-badges .to-pdp__xl-badge:only-child {
    border-radius: 0 var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 8px);
}

body:not(.lightbox-shown) .to-pdp__xl-badges .to-pdp__xl-badge:first-child:not(:only-child) {
    border-radius: 0 0 0 var(--border-radius-xs, 8px);
}

body:not(.lightbox-shown) .to-pdp__xl-badges .to-pdp__xl-badge:last-child:not(:only-child) {
    border-radius: 0 var(--border-radius-sm, 8px) 0 0;
}

.lightbox-shown .to-pdp__gallery #gallery .product-image,
.lightbox-shown .to-pdp__gallery #gallery .img-ct > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body:not(.lightbox-shown) .to-pdp__product-kind {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    min-height: 28px;
    margin: 0;
    padding: var(--spacing-2) var(--spacing-4);
    overflow: hidden;
    border-radius: 0 0 var(--border-radius-xs, 4px) 0;
    background: var(--color-white, #fff);
    color: var(--color-neutral, #242424);
    font-size: 16px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
}

body:not(.lightbox-shown) .to-pdp__product-kind--refill {
    color: var(--to-search-green, #00B831);
}

body:not(.lightbox-shown) .to-pdp__product-kind strong {
    overflow: hidden;
    font-size: inherit;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.lightbox-shown) .to-pdp__kind-logo {
    display: block;
    width: auto;
    max-width: calc(80px * var(--brand-logo-scale, 1));
    height: calc(18px * var(--brand-logo-scale, 1));
    object-fit: contain;
}

body:not(.lightbox-shown) .to-pdp__kind-logo[data-brand-logo="toneroffice"] {
    max-width: calc(75px * var(--brand-logo-scale, 1));
}

body:not(.lightbox-shown) .to-pdp__kind-logo[data-brand-logo="toneroffice-rebuilt"] {
    max-width: calc(75px * var(--brand-logo-scale, 1));
}

body:not(.lightbox-shown) .to-pdp__gallery > .row {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery,
body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs {
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 0;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery {
    --to-pdp-guarantee-space: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 565px;
    padding-bottom: var(--to-pdp-guarantee-space);
    overflow: hidden;
    background: var(--color-bg-gallery);
    border-radius: var(--border-radius-sm, 8px);
    transition: padding-bottom .45s ease;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery:has(.to-pdp__compat--guarantee.is-in) {
    --to-pdp-guarantee-space: 80px;
}

.lightbox-shown .to-pdp__compat--guarantee {
    display: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery > .inner,
body:not(.lightbox-shown) .to-pdp__gallery #gallery > .inner > a,
body:not(.lightbox-shown) .to-pdp__gallery #gallery .img-ct {
    width: 100%;
    height: 100%;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery > .inner {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    margin: 0;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery .zoomImg {
    display: none !important;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery .sl-ar {
    background: var(--color-white, #fff);
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-next {
    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-prev {
    border-radius: 0 var(--border-radius-xs) var(--border-radius-xs) 0;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery .img-ct::before {
    display: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery .product-image,
body:not(.lightbox-shown) .to-pdp__gallery #gallery .img-ct > img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 38px;
    object-fit: contain;
    mix-blend-mode: darken;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    margin-top: 20px;
    padding: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs::-webkit-scrollbar {
    display: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs .img-w {
    flex: 0 0 86px;
    box-sizing: border-box;
    width: 86px;
    height: 86px;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: var(--color-white);
    border: 2px solid transparent;
    border-radius: var(--border-radius-sm, 8px);
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs .img-ct {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    border-radius: inherit;
    box-shadow: none !important;
    transform: none !important;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs .img-ct::before {
    display: none;
    content: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery > .inner > a:not(.active) {
    display: none;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery > .inner > a {
    margin: 0;
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs .img-w.active {
    border-color: var(--color-tertiary-75);
}

body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs img,
body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs .img-ct img {
    position: static;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    border-radius: var(--border-radius-sm);
}

.to-pdp__facts-and-actions {
    position: relative;
    z-index: 8;
    margin: 0 0 var(--spacing-6, 24px);
}

.to-pdp__info-card {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 12px);
    margin: 0 0 var(--spacing-6, 24px);
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
    border: 1px solid var(--color-warning, #ffae00);
    border-radius: var(--border-radius-sm, 8px);
    background: color-mix(in srgb, var(--color-warning, #ffae00) 16%, var(--color-white));
    color: var(--color-neutral, #242424);
}

.to-pdp__info-card-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: var(--color-warning, #ffae00);
}

.to-pdp__info-card-icon svg {
    display: block;
    width: 25px;
    height: 25px;
}

.to-pdp__info-card-text {
    margin: 0;
    min-width: 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-normal, 14px);
    font-weight: var(--font-weight-regular, 400);
    line-height: var(--lh-paragraph, 1.45);
}

.to-pdp__info-card-text strong {
    font-weight: var(--font-weight-bold, 700);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__panels {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch,
#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch.is-group {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-1, 4px);
    padding: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i,
#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch.is-group i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 0;
    border-radius: var(--border-radius-sm, 8px);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch.is-group i {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i.is-black { background: var(--color-ink-black); color: var(--color-white, #fff); }
#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i.is-cyan { background: var(--color-ink-cyan); color: var(--color-white, #fff); }
#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i.is-magenta { background: var(--color-ink-magenta); color: var(--color-white, #fff); }
#snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i.is-yellow { background: var(--color-ink-yellow); color: var(--color-ink-yellow-text); }

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats,
#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats.is-active {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--spacing-2, 8px);
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2, 8px);
    min-width: 0;
    min-height: 50px;
    padding: 0 0 0 var(--spacing-4, 16px);
    overflow: visible;
    background: var(--color-white, #fff);
    border: 2px solid var(--color-tertiary-75);
    border-radius: var(--border-radius-sm, 8px);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats > .to-search-product__stat:last-child {
    gap: var(--spacing-1, 4px);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats.is-join-bottom {
    z-index: 2;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats.is-join-top {
    z-index: 1;
    margin-top: -2px;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats.is-join-bottom .to-search-product__stat {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stats.is-join-top .to-search-product__stat {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--arrow {
    z-index: 2;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--swatch.to-search-product__stat--arrow {
    z-index: 3;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--arrow.is-shaped {
    background: transparent;
    border: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: visible;
    pointer-events: none;
}

#snackys-tpl .to-search-product__stat-shape path {
    stroke: var(--color-tertiary-75);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--arrow > *:not(.to-search-product__stat-shape):not(.to-search-product__stat-label) {
    position: relative;
    z-index: 1;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-label {
    position: absolute;
    top: 0;
    left: var(--spacing-3, 12px);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 var(--spacing-1, 4px);
    background: var(--color-white, #fff);
    color: var(--color-neutral, #242424);
    font-size: var(--font-size-xs, 13px);
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    transform: translateY(-50%);
    white-space: nowrap;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-divider {
    display: none;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-icon {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--color-neutral);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    color: var(--color-neutral, #242424);
    font-size: var(--font-size-xs, 13px);
    line-height: 1;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat:not(.to-search-product__stat--swatch) .to-search-product__stat-copy {
    font-size: var(--font-size-h5);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-copy strong,
#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-copy span {
    color: var(--color-neutral, #242424);
    font-size: inherit;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-copy strong {
    font-weight: var(--font-weight-bold, 700);
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip {
    position: relative;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-neutral, #242424);
    cursor: pointer;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip svg {
    display: block;
    width: 14px;
    height: 14px;
    margin: 0;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip-text,
.to-search-product__stat-tip-text.is-floating {
    position: absolute;
    left: 0;
    right: auto;
    bottom: calc(100% + 8px);
    z-index: 10000;
    display: none;
    width: max-content;
    max-width: 220px;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--color-neutral, #242424);
    color: var(--color-white, #fff);
    font-size: 13px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
}

.to-search-product__stat-tip-text.is-floating {
    position: fixed;
    right: auto;
    bottom: auto;
    display: block;
    z-index: 10000;
}

#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip:hover .to-search-product__stat-tip-text,
#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip:focus .to-search-product__stat-tip-text,
#snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat-tip.is-open .to-search-product__stat-tip-text {
    display: block;
}

.to-pdp__price-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4, 16px);
    width: 100%;
}

.to-pdp__offer #product-actions {
    position: static;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    z-index: 2;
}

.to-pdp__offer #product-actions .btn:not(.wishlist),
.to-pdp__offer #product-actions .question {
    display: none;
}

.to-pdp__offer #product-actions .wishlist {
    width: 28px;
    height: 28px;
    padding: 0;
    color: var(--color-neutral, #242424);
    background: transparent;
    border: 0;
    box-shadow: none;
}

.to-pdp__offer #product-actions .wishlist .to-pdp__heart-icon {
    transition: transform .15s ease;
}

.to-pdp__offer #product-actions .wishlist:hover .to-pdp__heart-icon {
    transform: scale(1.18);
}

#snackys-tpl .to-pdp__heart-icon {
    display: block;
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.to-pdp__offer {
    position: relative;
    margin-bottom: 26px;
}

.to-pdp__price-box {
    --to-pdp-price-background: var(--color-tertiary-50, #e3f1ff);
    --to-pdp-price-accent: var(--color-danger, #FF0059);
    position: relative;
    display: block;
    margin: 0 0 var(--spacing-4, 16px);
    overflow: visible;
    background: transparent;
}

.to-pdp__price-box--single .to-pdp__main-price {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.to-pdp__main-price {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: 0;
    padding: var(--spacing-2, 8px) var(--spacing-3, 12px);
    overflow: visible;
    background: var(--to-pdp-price-background);
    border-radius: var(--border-radius-sm, 6px) var(--border-radius-sm, 6px) 0 0;
}

.to-pdp__price-box:not(.to-pdp__price-box--single) .to-pdp__main-price::after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: -1px;
    z-index: 0;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-color: var(--to-pdp-price-background);
    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: 15px 15px;
    -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%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%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 15px 15px;
    transform: rotate(180deg) scaleX(-1);
}

.to-pdp__main-price .price_wrapper,
.to-pdp__main-price .price-row {
    margin: 0;
}

.to-pdp__main-price .price-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-3, 12px);
    flex-wrap: wrap;
}

.to-pdp__main-price .price {
    color: var(--color-neutral, #242424);
    font-size: var(--font-size-h1);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1;
}

.to-pdp__main-price .price::after {
    content: '*';
    position: relative;
    top: -1.125em;
    margin-left: 1px;
    font-size: .4em;
    line-height: 0;
    vertical-align: baseline;
}

.to-pdp__gross-ref {
    --to-pdp-gross-ref-border: var(--color-tertiary-100);
    --to-pdp-gross-ref-label-color: var(--color-tertiary-100);
    position: relative;
    display: none;
    flex: 0 0 auto;
    padding: var(--spacing-2, 8px) var(--spacing-3, 12px) var(--spacing-1, 4px);
    border: 1px solid var(--to-pdp-gross-ref-border);
    border-radius: var(--border-radius-xs, 4px);
    color: var(--color-neutral, #242424);
    font-size: 1.25rem; /* 20px */
    font-weight: var(--font-weight-bold, 700);
    line-height: 1.2;
    white-space: nowrap;
}

html.to-price-mode-net .to-pdp__main-price .to-pdp__gross-ref {
    display: block;
}

.to-pdp__gross-ref-label {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 0 5px;
    background: var(--color-tertiary-50, #e3f1ff);
    color: var(--color-tertiary-100);
    font-size: var(--font-size-xs, 0.83125rem);
    font-weight: var(--font-weight-regular, 400);
    line-height: 1.2;
    letter-spacing: 0.02em;
    transform: translateY(-50%);
}

.to-pdp__price-box--single .to-pdp__gross-ref-label {
    background: var(--color-white, #fff);
}

.to-pdp__gross-ref-value {
    display: block;
    font-weight: var(--font-weight-regular, 400);
}

.to-pdp__main-price .footnote-reference,
.to-pdp__main-price .price-note {
    display: none;
}

.to-pdp__bulk-prices {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 8px);
    padding: var(--spacing-2, 8px) var(--spacing-3, 12px);
    background: var(--to-pdp-price-background);
    border-radius: 0 var(--border-radius-sm, 6px) var(--border-radius-sm, 6px) var(--border-radius-sm, 6px);
}

.to-pdp__bulk-prices > div {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--spacing-2, 8px);
    min-height: 0;
    align-items: center;
    padding: 0;
    color: var(--color-neutral, #242424);
    background: transparent;
    font-size: 16px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1.2;
    white-space: nowrap;
    transition: opacity var(--transition-fast, 150ms);
}

.to-pdp__bulk-prices > div.is-inactive {
    opacity: 0.5;
}

.to-pdp__bulk-prices > div:first-child,
.to-pdp__bulk-prices > div + div {
    border: 0;
    border-radius: 0;
}

.to-pdp__bulk-prices > div strong {
    display: inline-flex;
    justify-self: center;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-1, 4px);
    min-width: 118px;
    padding: var(--spacing-1, 4px) var(--spacing-3);
    color: var(--color-neutral, #242424);
    background: transparent;
    border-radius: var(--border-radius-sm, 6px);
    box-shadow: inset 0 0 0 1px var(--color-tertiary-75);
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    white-space: nowrap;
}

.to-pdp__bulk-prices > div.is-active strong {
    color: var(--color-white, #fff);
    background: var(--to-pdp-price-accent);
    box-shadow: none;
}

.to-pdp__tag-icon {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.to-pdp__bulk-prices > div > span:last-child {
    text-align: right;
    font-weight: var(--font-weight-regular, 400);
    white-space: nowrap;
}

.to-pdp__bulk-prices > div > span:last-child b {
    font-weight: var(--font-weight-bold, 700);
}

.to-pdp__delivery {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-2, 8px);
    margin-bottom: var(--spacing-4);
    color: var(--color-success, #00b831);
    font-size: 16px;
    line-height: 1;
}

.to-pdp__delivery-time,
.to-pdp__delivery > span {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1, 4px);
}

.to-pdp__delivery-unavailable {
    color: var(--color-danger, #ff0059);
}

.to-pdp__delivery-text,
.to-pdp__delivery-text strong,
.to-pdp__delivery .to-search-product__delivery-zip,
.to-pdp__delivery .to-delivery-zip {
    color: inherit !important;
}

.to-pdp__delivery-text {
    line-height: 1.25;
}

.to-pdp__delivery-text strong {
    font-weight: var(--font-weight-bold, 700);
}

.to-pdp__delivery-icon {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    overflow: visible;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.to-pdp__delivery-icon polyline,
.to-pdp__delivery-icon line {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.to-pdp__delivery > .delivery-status {
    display: contents;
}

.to-pdp__delivery .delivery-status > .small,
.to-pdp__delivery .estimated-delivery,
.to-pdp__delivery .shipping-progress {
    display: none;
}

.to-pdp__delivery .status {
    color: var(--color-success, #00b831);
}

.to-pdp__basket #add-to-cart {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: var(--spacing-2, 8px);
    align-items: stretch;
}

.to-pdp__basket #quantity-grp {
    grid-column: 1;
    display: flex;
    width: 92px !important;
    height: 100%;
    margin: 0 !important;
}

.to-pdp__basket #quantity-grp + hr {
    display: none;
}

.to-pdp__basket #quantity-grp .qty-btns {
    display: grid;
    grid-template-columns: 28px 36px 28px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid var(--color-tertiary-75);
    border-radius: var(--border-radius-sm, 6px);
}

.to-pdp__basket #quantity-grp .qty-btns .btn,
.to-pdp__basket #quantity-grp .qty-btns input {
    min-width: 0;
    height: 100%;
    margin-left: 0;
    padding: 0;
    color: var(--color-neutral, #242424);
    background: var(--color-white, #fff);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.to-pdp__basket #quantity-grp .qty-btns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.to-pdp__basket #quantity-grp .qty-btns .btn svg {
    display: block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
}

.to-pdp__basket #quantity-grp .qty-btns .qty-sub svg {
    transform: translateX(1px);
}

.to-pdp__basket #quantity-grp .qty-btns .qty-add svg {
    transform: translateX(-1px);
}

.to-pdp__basket #quantity-grp .qty-btns .qty-sub:disabled {
    opacity: 0.4;
    pointer-events: none;
}

.to-pdp__basket #quantity-grp .qty-btns input {
    border-right: 2px solid var(--color-tertiary-75);
    border-left: 2px solid var(--color-tertiary-75);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold, 700);
    text-align: center;
    -moz-appearance: textfield;
}

.to-pdp__basket #quantity-grp .qty-btns input::-webkit-inner-spin-button,
.to-pdp__basket #quantity-grp .qty-btns input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.to-pdp__basket .submit {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2, 8px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: var(--spacing-3, 8px) var(--spacing-3, 12px);
    color: var(--color-white, #fff);
    background: var(--color-success, #00b831);
    border-color: var(--color-success, #00b831);
    border-radius: var(--border-radius-sm, 6px);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold, 700);
}

.to-pdp__basket .submit:hover,
.to-pdp__basket .submit:focus,
.to-pdp__basket .submit:focus-visible {
    background: var(--color-success-hover, #009b2a);
    border-color: var(--color-success-hover, #009b2a);
    color: var(--color-white, #fff);
}

.to-pdp__basket .submit:active,
.to-pdp__basket .submit.active {
    background: var(--color-success, #00b831);
    border-color: var(--color-success, #00b831);
    color: var(--color-white, #fff);
}

.to-pdp__cart-icon,
.to-pdp__cart-icon svg {
    display: block;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
}

.to-pdp__cart-icon svg,
.to-pdp__cart-icon path {
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
}

.to-pdp__basket .purchase-info,
.to-pdp__basket .add-pays,
.to-pdp__basket .payplan {
    grid-column: 1 / -1;
}

#snackys-tpl .to-pdp-comparison {
    margin-top: 32px;
}

#snackys-tpl .to-pdp-comparison .to-search-tabs-row {
    display: flex;
    position: relative;
    z-index: 2;
    gap: 8px;
    width: 100%;
    margin: 0;
}

/* Same tab chrome as search-overlay (.to-search-tab), scoped for PDP specificity. */
#snackys-tpl .to-pdp-comparison .to-search-tab {
    position: relative;
    display: inline-flex;
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    max-width: none;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    margin: 0 0 -2px;
    padding: 8px 12px;
    overflow: visible;
    border: 2px solid var(--color-tertiary-75);
    border-radius: 8px 8px 0 0;
    background: var(--color-white);
    color: var(--to-search-ink, var(--color-neutral));
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    transform: none;
    transition: none;
}

#snackys-tpl .to-pdp-comparison .to-search-tabs-row > .to-search-tab:only-child {
    flex: 0 0 auto;
    width: 50%;
    max-width: none;
    min-width: max-content;
}

#snackys-tpl .to-pdp-comparison .to-search-tab__inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    transform: translateY(0);
    transition: transform .2s ease;
}

#snackys-tpl .to-pdp-comparison .to-search-tab__copy {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-tab__label {
    white-space: nowrap;
}

#snackys-tpl .to-pdp-comparison .to-search-tab:hover .to-search-tab__inner {
    transform: translateY(-2px);
}

/* Inactive = bottom line / depth; active = open into panel. */
#snackys-tpl .to-pdp-comparison .to-search-tab:not(.is-active) {
    z-index: 1;
    box-shadow: inset 0 -6px 3px -3px rgba(0, 0, 0, .05);
}

#snackys-tpl .to-pdp-comparison .to-search-tab.is-active {
    z-index: 3;
    border-bottom-color: var(--color-white);
    box-shadow: none;
}

/* Inter-tab ramp (same as search). */
#snackys-tpl .to-pdp-comparison .to-search-tab:has(~ .to-search-tab)::after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: -2px;
    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;
    transform: rotate(180deg) scaleX(-1);
}

/* When the trailing tab is active, add the mirrored left ramp. */
#snackys-tpl .to-pdp-comparison .to-search-tab.is-active:not(:first-child)::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: -2px;
    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;
    transform: rotate(180deg);
}

/* Hide the right-side ramp of the preceding tab while the trailing tab is active. */
#snackys-tpl .to-pdp-comparison .to-search-tabs-row:has(> .to-search-tab:last-child.is-active) > .to-search-tab:not(.is-active):has(~ .to-search-tab.is-active)::after {
    content: none;
}

#snackys-tpl .to-pdp-comparison .to-search-brand,
#snackys-tpl .to-pdp-comparison .to-search-tab img.to-search-brand {
    display: block;
    flex: 0 0 auto;
    width: 86px;
    height: 14px;
    object-fit: cover;
    object-position: left center;
}

#snackys-tpl .to-pdp-comparison .to-search-tab__oem {
    display: block;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(90px * var(--brand-logo-scale, 1));
    height: calc(18px * var(--brand-logo-scale, 1));
    object-fit: contain;
}

#snackys-tpl .to-pdp-comparison .to-search-tab__oem--wide {
    max-width: calc(110px * var(--brand-logo-scale, 1));
    height: calc(22px * var(--brand-logo-scale, 1));
}

#snackys-tpl .to-pdp-comparison .to-search-tab__oem-name {
    color: var(--to-search-ink, var(--color-neutral));
    font-size: 13.3px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1;
}

#snackys-tpl .to-pdp-comparison__body {
    position: relative;
    max-height: 570px;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid var(--color-tertiary-75);
    border-radius: 0 0 8px 8px;
    background: var(--color-white);
    box-sizing: border-box;
}

#snackys-tpl .to-pdp-comparison__tabs:has(> .to-search-tab:only-child) + .to-pdp-comparison__body {
    border-radius: 0 8px 8px 8px;
}

#snackys-tpl .to-pdp-comparison__scroll {
    max-height: inherit;
    height: 100%;
    padding: var(--spacing-4);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    scrollbar-width: thin;
    transform: translateZ(0);
    backface-visibility: hidden;
    isolation: isolate;
}

#snackys-tpl .to-pdp-comparison__body::after {
    content: "";
    position: absolute;
    right: var(--spacing-4);
    bottom: 0;
    left: var(--spacing-4);
    z-index: 2;
    height: 130px;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-white) 72%);
    transition: opacity .2s ease;
}

#snackys-tpl .to-pdp-comparison__body.show-swipe::after {
    opacity: 1;
}

#snackys-tpl .to-pdp-comparison__body.is-scrolling::after,
#snackys-tpl .to-pdp-comparison__body.is-scrolling .to-clp-swipe {
    opacity: 0 !important;
    visibility: hidden;
    transition: none !important;
}

#snackys-tpl .to-pdp-comparison__body.is-scrolling .to-clp-swipe__wheel,
#snackys-tpl .to-pdp-comparison__body.is-scrolling .to-clp-swipe__chevrons span {
    animation: none !important;
}

#snackys-tpl .to-pdp-comparison__body .to-clp-swipe {
    bottom: calc(var(--spacing-3) + 8px);
}

#snackys-tpl .to-pdp-comparison__body.show-swipe .to-clp-swipe {
    opacity: 1;
}

#snackys-tpl .to-pdp-comparison__body h2 {
    margin: 0 0 8px !important;
    color: var(--color-neutral, #242424) !important;
    font-size: 21px !important;
    line-height: 1.25;
}

#snackys-tpl .to-pdp-comparison__body h2 mark {
    color: var(--color-danger, #ff0059);
    background: transparent;
}

#snackys-tpl .to-pdp-comparison__intro > p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.4;
}

#snackys-tpl .to-pdp-comparison__panel {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

#snackys-tpl .to-pdp-comparison__panel.is-active {
    display: grid;
}

#snackys-tpl .to-pdp-comparison .to-search-product {
    position: relative;
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    align-items: start;
    align-self: stretch;
    column-gap: 12px;
    row-gap: 8px;
    height: auto;
    padding: 12px;
    border: 2px solid var(--color-tertiary-50);
    border-radius: 8px;
    background: var(--color-white);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .2s ease;
}

#snackys-tpl .to-pdp-comparison .to-search-product:hover {
    z-index: 1;
    border-color: var(--color-primary-100, #002293);
    color: inherit;
    text-decoration: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product.is-current {
    border-color: var(--color-primary-100, #002293);
    cursor: default;
}

#snackys-tpl .to-pdp-comparison .to-search-product.is-twin {
    z-index: 1;
    border-color: var(--color-primary-100, #002293);
    transform-origin: center;
    animation: to-twin-pulse 2.8s ease-in-out infinite;
}

@keyframes to-twin-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.025); }
}

@media (prefers-reduced-motion: reduce) {
    #snackys-tpl .to-pdp-comparison .to-search-product.is-twin {
        animation: none;
    }
}

#snackys-tpl .to-pdp-comparison .to-search-product__hit {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
}

#snackys-tpl .to-pdp-comparison .to-search-product.is-current .to-search-product__hit {
    pointer-events: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__image {
    position: relative;
    grid-column: 1;
    grid-row: 2 / -1;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 6px;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges {
    top: -1px;
    left: -1px;
    right: auto;
    bottom: auto;
    z-index: 2;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges.to-search-product__xl-badges--secondary {
    top: -1px;
    right: -1px;
    left: auto;
}

#snackys-tpl .to-pdp-comparison .to-search-product__xl-badge.to-product-card__xl-badge {
    top: -1px;
    left: -1px;
    right: auto;
    bottom: auto;
    z-index: 2;
    padding: var(--spacing-1) var(--spacing-2);
    border-radius: var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px) 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border-radius: 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:only-child {
    border-radius: var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px) 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:first-child:not(:only-child) {
    border-radius: var(--border-radius-sm, 8px) 0 0 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:last-child:not(:only-child) {
    border-radius: 0 0 var(--border-radius-xs, 4px) 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges.to-search-product__xl-badges--secondary .to-search-product__xl-badge.to-product-card__xl-badge:only-child {
    border-radius: 0 var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px);
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges.to-search-product__xl-badges--secondary .to-search-product__xl-badge.to-product-card__xl-badge:first-child:not(:only-child) {
    border-radius: 0 0 0 var(--border-radius-xs, 4px);
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badges.to-search-product__xl-badges--secondary .to-search-product__xl-badge.to-product-card__xl-badge:last-child:not(:only-child) {
    border-radius: 0 var(--border-radius-sm, 8px) 0 0;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badge--alternative {
    background: var(--color-primary-100, #002293);
    color: var(--color-white, #fff);
    --shimmer-hue-1: 210deg;
    --shimmer-hue-2: 230deg;
}

#snackys-tpl .to-pdp-comparison .to-product-card__xl-badge--alternative .to-product-card__xl-label-short {
    display: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__xl-badge.to-product-card__xl-badge.to-search-product__xl-badge--secondary {
    top: -1px;
    right: -1px;
    left: auto;
    border-radius: 0 var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px);
}

@media (max-width: 575px) {
    #snackys-tpl .to-pdp-comparison .to-product-card__xl-badge--alternative .to-product-card__xl-label-full {
        display: none;
    }

    #snackys-tpl .to-pdp-comparison .to-product-card__xl-badge--alternative .to-product-card__xl-label-short {
        display: inline;
    }

    #snackys-tpl .to-pdp-comparison .to-search-tab,
    #snackys-tpl .to-pdp-comparison .to-search-tab__inner {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 4px;
    }

    #snackys-tpl .to-pdp-comparison .to-search-tab {
        min-height: 52px;
        padding: 8px 6px;
        font-size: 13.3px;
    }

    #snackys-tpl .to-pdp-comparison .to-search-tab .to-search-brand,
    #snackys-tpl .to-pdp-comparison .to-search-tab img.to-search-brand {
        width: 72px;
        height: 12px;
    }

    #snackys-tpl .to-pdp-comparison .to-search-tab img {
        height: 17px;
        margin-bottom: -3px;
    }
}

#snackys-tpl .to-pdp-comparison .to-search-product__image .img-ct,
#snackys-tpl .to-pdp-comparison .to-search-product__image picture,
#snackys-tpl .to-pdp-comparison .to-search-product__image img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    transform: scale(1);
    transition: transform .2s ease;
}

#snackys-tpl .to-pdp-comparison .to-search-product:hover .to-search-product__image img {
    transform: scale(1.06);
}

#snackys-tpl .to-pdp-comparison .to-search-product__body {
    display: contents;
}

#snackys-tpl .to-pdp-comparison h3.to-search-product__title {
    display: -webkit-box;
    grid-column: 1 / -1;
    grid-row: 1;
    overflow: hidden;
    height: calc(1.25em * 2);
    margin: 0;
    color: var(--color-neutral, #1a1a1a);
    font-size: 14px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1.25;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: anywhere;
}

#snackys-tpl .to-pdp-comparison .to-search-product:has(.to-search-product__xl-badge) h3.to-search-product__title {
    margin-top: var(--spacing-4);
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta {
    position: relative;
    z-index: 2;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    align-self: start;
    width: 100%;
    margin-top: 0;
    overflow: visible;
    color: var(--color-tertiary-100);
    font-size: 13.3px;
    pointer-events: auto;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-end {
    align-items: end;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta:not(:has(.to-search-product__panels)) {
    grid-template-columns: max-content;
}

#snackys-tpl .to-pdp-comparison .to-search-product__tabs {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo {
    width: max-content;
    max-width: 100%;
}

#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo .to-search-product__variant,
#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo .to-search-product__variant.is-active {
    width: auto;
    border: 2px solid var(--color-tertiary-75);
    border-radius: 4px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__panels {
    position: relative;
    z-index: 1;
    min-width: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__variant {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 2px solid transparent;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    background: var(--color-white);
    color: inherit;
}

#snackys-tpl .to-pdp-comparison .to-search-product__variant.is-active {
    z-index: 2;
    border-color: var(--color-tertiary-75);
    border-right: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch {
    display: inline-flex;
    align-items: center;
    gap: 1.5px;
    min-width: 0;
    padding: 1.5px 5px;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch__label {
    flex: 0 0 auto;
    margin-right: 4px;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i {
    display: inline-grid;
    place-items: center;
    min-width: 1em;
    padding: 1.5px 5px;
    border-radius: 4px;
    color: var(--color-white);
    font-style: normal;
    font-size: 13.3px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch.is-group {
    gap: 1.5px;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch.is-group i {
    padding: 2px;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-dots {
    width: 22px;
    min-width: 22px;
    height: 22px;
    padding: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-black { background: var(--color-ink-black); }
#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-cyan { background: var(--color-ink-cyan); }
#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-magenta { background: var(--color-ink-magenta); }
#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-yellow { background: var(--color-ink-yellow); color: var(--color-ink-yellow-text); }

#snackys-tpl .to-pdp-comparison .to-search-product__stats {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 3px 8px;
    border: 2px solid var(--color-tertiary-50);
    border-radius: 0 4px 4px 4px;
    background: var(--color-white);
}

#snackys-tpl .to-pdp-comparison .to-search-product__stats.is-active {
    display: flex;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-end .to-search-product__stats.is-active {
    border-radius: 4px 4px 4px 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-icon {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    color: var(--color-neutral);
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-view {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-track,
#snackys-tpl .to-pdp-comparison .to-search-product__stat-text {
    display: block;
    white-space: nowrap;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-track {
    width: max-content;
    max-width: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-text {
    display: inline-block;
}

#snackys-tpl .to-pdp-comparison .to-search-product__foot {
    grid-column: 2;
    grid-row: 4;
    display: flex;
    align-items: flex-end;
    align-self: end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__price {
    grid-column: 2;
    grid-row: 3;
    align-self: end;
    color: var(--color-neutral, #1a1a1a);
    font-size: 16px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
}

#snackys-tpl .to-pdp-comparison .to-search-product__price small {
    position: relative;
    top: -0.22em;
    font-size: 13.3px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    vertical-align: baseline;
}

#snackys-tpl .to-pdp-comparison .to-search-product__buy {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    width: auto;
    margin: 0;
    pointer-events: auto;
}

#snackys-tpl .to-pdp-comparison .to-search-qty {
    display: grid;
    grid-template-columns: 22px 24px 22px;
    width: 68px;
    height: 25px;
    overflow: hidden;
    border: 1px solid var(--color-tertiary-75);
    border-radius: 4px;
    background: var(--color-white);
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn,
#snackys-tpl .to-pdp-comparison .to-search-qty__input {
    display: grid;
    place-items: center;
    width: 100%;
    min-width: 0;
    height: 25px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--color-white);
    color: var(--color-neutral, #1a1a1a);
    font-family: inherit;
    font-size: 13px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
    box-shadow: none;
    appearance: none;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn {
    cursor: pointer;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn svg {
    display: block;
    width: 12px;
    height: 12px;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn:hover {
    background: var(--color-tertiary-50);
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn:disabled {
    opacity: .35;
    background: var(--color-white);
    cursor: default;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__input {
    border-right: 1px solid var(--color-tertiary-75);
    border-left: 1px solid var(--color-tertiary-75);
    text-align: center;
    -moz-appearance: textfield;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__input::-webkit-inner-spin-button,
#snackys-tpl .to-pdp-comparison .to-search-qty__input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

#snackys-tpl .to-pdp-comparison .to-search-cart {
    display: grid;
    width: 32px;
    min-width: 32px;
    height: 25px;
    min-height: 25px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: var(--color-success, #00b831);
    color: var(--color-white);
    cursor: pointer;
    appearance: none;
}

#snackys-tpl .to-pdp-comparison .to-search-cart svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
    stroke: none;
}

#snackys-tpl .to-pdp-comparison .to-search-cart:hover,
#snackys-tpl .to-pdp-comparison .to-search-cart:focus,
#snackys-tpl .to-pdp-comparison .to-search-cart:focus-visible {
    background: var(--color-success-hover, #009b2a);
    color: var(--color-white);
}

.to-pdp__accordions {
    width: 100%;
    margin: 24px 0 0;
}

.to-pdp__accordions #tab-wp {
    margin: 0 !important;
}

.to-pdp__accordions #article-tab-nav {
    display: none !important;
}

.to-pdp__accordions #article-tabs > .tab-ct {
    display: none;
    width: 100%;
    height: auto !important;
    margin: 0 0 9px !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.to-pdp__accordions #article-tabs > #tab-description,
.to-pdp__accordions #article-tabs > #tab-votes,
.to-pdp__accordions #article-tabs > #tab-questionOnItem,
.to-pdp__accordions #article-tabs > #tab-manufacturerInfo,
.to-pdp__accordions #article-tabs > #tab-productSafety {
    display: block;
}

.to-pdp__accordions .tab-ct > .panel-heading {
    display: flex !important;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding: var(--spacing-3) !important;
    color: var(--color-neutral, #242424);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    background: var(--color-white) !important;
    border: 2px solid var(--color-tertiary-75) !important;
    border-radius: var(--border-radius-sm, 8px) !important;
    cursor: pointer;
}

.to-pdp__accordions .panel-title {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit;
}

.to-pdp__accordions .panel-heading .img-ct {
    width: 15px;
    min-width: 15px;
    transition: transform .2s ease;
}

.to-pdp__accordions #tab-description.show > .panel-heading .img-ct,
.to-pdp__accordions .tab-ct.is-open > .panel-heading .img-ct {
    transform: rotate(180deg);
}

.to-pdp__accordions .tab-ct > .panel-body {
    display: none !important;
    margin: 0;
    padding: var(--spacing-4);
    border: 2px solid var(--color-tertiary-75);
    border-top: 0;
    border-radius: 0 0 var(--border-radius-sm, 8px) var(--border-radius-sm, 8px);
}

.to-pdp__accordions #tab-description.show > .panel-body,
.to-pdp__accordions .tab-ct.is-open > .panel-body {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.to-pdp__accordions #tab-description.show > .panel-heading,
.to-pdp__accordions .tab-ct.is-open > .panel-heading {
    border-radius: var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) 0 0 !important;
}

.to-pdp__accordions #tab-votes .panel-body > .flx,
.to-pdp__accordions #tab-votes > .flx {
    flex-direction: column;
    align-items: stretch;
}

.to-pdp__accordions #tab-votes .panel-body > .flx.card,
.to-pdp__accordions #tab-votes > .flx.card {
    justify-content: flex-start;
    border: none !important;
    box-shadow: none;
    text-align: left !important;
}

.to-pdp__accordions #tab-votes.text-center,
.to-pdp__accordions #tab-votes .text-center,
.to-pdp__accordions #tab-votes .add-review,
.to-pdp__accordions #tab-votes .add-review h2,
.to-pdp__accordions #tab-votes .add-review p {
    text-align: left !important;
}

.to-pdp__accordions #reviews-overview .panel {
    border: none;
    box-shadow: none;
}

.to-pdp__accordions #reviews-overview {
    width: 100%;
    min-width: 0;
    order: 0;
    margin: 0 0 var(--spacing-6, 24px);
}

.to-pdp__accordions #rv-wp {
    width: 100%;
    margin-right: 0;
}

.to-pdp__accordions .review.panel.panel-default.mb-sm {
    margin-bottom: var(--spacing-2, 8px);
}

.to-pdp__accordions #tab-votes .panel {
    background: var(--color-tertiary-50, #e3f1ff);
}

.to-pdp__accordions #tab-questionOnItem,
.to-pdp__accordions #tab-questionOnItem .panel-wrap,
.to-pdp__accordions #tab-questionOnItem .panel {
    background: transparent !important;
    border-radius: 0 !important;
}

.to-pdp__accordions #tab-questionOnItem .panel {
    padding: 0;
}

.to-pdp__accordions #tab-questionOnItem > .panel-body {
    padding: var(--spacing-4);
    background: transparent !important;
    border-radius: 0 0 var(--border-radius-sm, 8px) var(--border-radius-sm, 8px);
}

.to-pdp__accordions #tab-questionOnItem .required-info.small.mt-xs {
    margin-top: 0;
}

.to-pdp-desc {
    position: relative;
}

.to-pdp-desc__clip {
    position: relative;
    overflow: hidden;
}

.to-pdp-desc__fade {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 88px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-white) 85%);
}

.to-pdp-desc.is-clamped .to-pdp-desc__fade {
    display: block;
}

.to-pdp-desc__more {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 2;
    margin: 0;
    padding: var(--spacing-2, 8px) var(--spacing-4, 16px);
    transform: translateX(-50%);
    border: 1px solid var(--color-primary-100, #002293);
    border-radius: var(--border-radius-sm, 8px);
    background: var(--color-white);
    color: var(--color-primary-100, #002293);
    font-family: var(--font-family-base, 'Roboto Condensed', sans-serif);
    font-size: var(--font-size-normal, 16px);
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.to-pdp-desc.is-clamped .to-pdp-desc__more,
.to-pdp-desc.is-expanded .to-pdp-desc__more {
    display: block;
}

.to-pdp-desc.is-expanded {
    padding-bottom: 52px;
}

.to-pdp-desc.is-expanded .to-pdp-desc__clip {
    overflow: visible;
}

.to-pdp-desc.is-expanded .to-pdp-desc__fade {
    display: none;
}

.to-pdp-desc.is-expanded .to-pdp-desc__more {
    bottom: 8px;
}

.to-pdp__accordions .desc {
    font-size: var(--font-size-normal, 16px);
    line-height: var(--lh-paragraph, 1.5);
}

.to-pdp__accordions .desc h2,
.to-pdp__accordions .desc h3 {
    margin: 0 0 var(--spacing-3, 12px);
    font-family: inherit;
    font-size: var(--font-size-h4, 24px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--lh-heading, 1.25);
}

.to-pdp__accordions .desc > h2:not(:first-child),
.to-pdp__accordions .desc > h3:not(:first-child) {
    margin-top: var(--spacing-8, 32px);
}

.to-pdp__accordions .desc p,
.to-pdp__accordions .desc ul,
.to-pdp__accordions .desc ol {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.to-pdp__accordions .desc p:empty {
    display: none;
}

.to-pdp__accordions .desc p + p {
    margin-top: var(--spacing-4, 16px);
}

.to-pdp__accordions .desc br + br {
    display: none;
}

.to-pdp__accordions .desc ul,
.to-pdp__accordions .desc ol {
    padding-left: var(--spacing-6, 24px);
}

.to-pdp__accordions .desc li + li {
    margin-top: var(--spacing-2, 8px);
}

#result-wrapper:has(.to-pdp__header) .partslist {
    display: none !important;
}

#result-wrapper:has(.to-pdp__header) .recommendations .x-related,
#result-wrapper:has(.to-pdp__header) .recommendations .x-sell {
    display: none !important;
}

/* Leer: kein Full-Bleed-Streifen (kein X-Sell / nur ausgeblendete Kauf/Related) */
#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print:not(:has(.panel-slider, .wi-crossselling-slider-section)) {
    display: none !important;
}

/* Wie .wi-crossselling-list-section: full-bleed, hellblau, Innenbreite */
#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print {
    --wi-crossselling-container-max: var(--max-container, 1400px);
    --wi-crossselling-inline-space: var(--spacing-32, 128px);
    --to-crossselling-surface: var(--color-tertiary-50, #e3f1ff);
    box-sizing: border-box;
    width: auto;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-block: var(--spacing-16);
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-8);
    background: var(--to-crossselling-surface);
}

#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print > .panel-slider,
#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print > .wi-crossselling-slider-section {
    box-sizing: border-box;
    width: calc(100% - var(--wi-crossselling-inline-space));
    max-width: var(--wi-crossselling-container-max);
    margin-right: auto !important;
    margin-left: auto !important;
    background: transparent;
}

#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print .panel-heading,
#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print .panel-title {
    background: transparent;
}

#result-wrapper:has(.to-pdp__header) .recommendations.hidden-print .panel-title {
    padding: var(--spacing-4) 0 var(--spacing-4) !important;
}

#result-wrapper:has(.to-pdp__header) .recommendations .x-supplies .panel-title h2 {
    font-size: 0 !important;
}

#result-wrapper:has(.to-pdp__header) .recommendations .x-supplies .panel-title h2::after {
    content: 'Ähnliche Produkte';
    font-size: 28px;
}

@media (max-width: 1399px) {
    #result-wrapper:has(.to-pdp__header) .recommendations.hidden-print {
        --wi-crossselling-inline-space: var(--spacing-16, 64px);
    }
}

@media (max-width: 767px) {
    #result-wrapper:has(.to-pdp__header) .recommendations.hidden-print {
        --wi-crossselling-inline-space: var(--spacing-8, 32px);
    }
}

.to-pdp-faq {
    margin: 0;
}

.to-pdp-faq h2 {
    margin-bottom: 22px !important;
    color: var(--color-primary-100, #002293) !important;
    font-size: 28px !important;
}

.to-pdp-faq__items {
    display: grid;
    gap: 9px;
}

.to-pdp-faq__item {
    border: 2px solid var(--color-tertiary-75);
    border-radius: var(--border-radius-sm, 8px);
    background: var(--color-white);
}

.to-pdp-faq__item summary {
    position: relative;
    padding: var(--spacing-3) var(--spacing-12) var(--spacing-3) var(--spacing-4);
    list-style: none;
    cursor: pointer;
    font-size: 17px;
}

.to-pdp-faq__item summary::-webkit-details-marker {
    display: none;
}

.to-pdp-faq__item summary::after {
    content: '';
    position: absolute;
    top: 50%;
    right: var(--spacing-4);
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background: center / contain no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    transition: transform .2s ease;
}

.to-pdp-faq__item[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

.to-pdp-faq__item > div {
    padding: 0 var(--spacing-4) var(--spacing-4);
    line-height: 1.5;
}

@media (max-width: 1199px) {
    body:not(.lightbox-shown) .to-pdp__media { padding-right: 22px; }
    #product-offer:has(.to-pdp__header) > .product-info { padding-left: 22px; }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery { height: 500px; }
    .to-pdp__accordions { width: 100%; }
    .to-pdp__main-price { width: auto; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .to-pdp__main-price .price {
        font-size: var(--font-size-h2);
    }
}

@media (max-width: 991px) {
    body:not(.lightbox-shown) .to-pdp__gallery #gallery { height: 420px; }
    .to-pdp__bulk-prices > div {
        grid-template-columns: 1fr auto 1fr;
        gap: var(--spacing-1, 4px);
        font-size: 15px;
    }
    .to-pdp__bulk-prices > div strong {
        justify-self: center;
        min-width: 100px;
        padding: var(--spacing-1, 4px) var(--spacing-2, 8px);
    }
    .to-pdp__delivery { align-items: flex-start; }
    #snackys-tpl .to-pdp-comparison .to-search-tabs-row > .to-search-tab:only-child {
        flex: 0 0 auto;
        width: 50%;
        min-width: max-content;
    }
}

@media (max-width: 767px) {
    .to-pdp__header,
    body:not(.lightbox-shown) #product-offer:has(.to-pdp__header) > .to-pdp__media,
    #product-offer:has(.to-pdp__header) > .product-info,
    #product-offer:has(.to-pdp__header) > .to-pdp__compat--finder {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    #result-wrapper:has(.to-pdp__header) > form { margin-bottom: 32px !important; }
    .to-pdp__header { order: 0; margin-top: 0; margin-bottom: 20px; }
    .to-pdp__title { font-size: var(--font-size-h3) !important; }
    body:not(.lightbox-shown) .to-pdp__media { order: 1; padding-right: 8px; }
    body:not(.lightbox-shown) .to-pdp__kind-logo {
        max-width: calc(60px * var(--brand-logo-scale, 1));
    }
    body:not(.lightbox-shown) .to-pdp__kind-logo[data-brand-logo="toneroffice"] {
        max-width: calc(75px * var(--brand-logo-scale, 1));
    }
    .to-pdp__xl-badge.to-product-card__xl-badge {
        font-size: 16px;
    }
    .to-pdp__rating-label {
        display: none;
    }
    .to-pdp__facts-and-actions {
        margin: var(--spacing-6, 24px) 0;
    }
    .to-pdp__main-price .price {
        font-size: var(--font-size-h3);
    }
    #snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat:not(.to-search-product__stat--swatch) .to-search-product__stat-copy {
        font-size: var(--font-size-h6);
    }
    #snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--arrow.is-shaped .to-search-product__stat-label .to-search-product__stat-tip {
        width: 12px;
        height: 12px;
    }
    #snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat--arrow.is-shaped .to-search-product__stat-label .to-search-product__stat-tip svg {
        width: 12px;
        height: 12px;
    }
    #snackys-tpl .to-pdp__heart-icon {
        width: 20px;
        height: 20px;
    }
    #snackys-tpl .to-pdp__facts-and-actions .to-search-swatch i,
    #snackys-tpl .to-pdp__facts-and-actions .to-search-swatch.is-group i {
        width: 25px;
        min-width: 25px;
        height: 25px;
        font-size: 16px;
    }

    #snackys-tpl .to-pdp__facts-and-actions .to-search-swatch.is-group i {
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
    }
    #snackys-tpl .to-pdp__facts-and-actions .to-search-product__stat {
        min-height: 45px;
    }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery .sl-ar {
        padding: .85rem .5rem;
        margin-left: 0;
        background: var(--color-white, #fff);
    }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery-next {
        border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
    }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery-prev {
        border-radius: 0 var(--border-radius-xs) var(--border-radius-xs) 0;
    }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery .sl-nx {
        margin-right: 0;
        right: 0;
    }
    #product-offer:has(.to-pdp__header) > .product-info { order: 2; padding-left: 8px; }
    #product-offer:has(.to-pdp__header) > .to-pdp__compat--finder {
        order: 3;
        padding-right: 8px;
        padding-left: 8px;
    }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery { height: min(86vw, 500px); }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery .product-image,
    body:not(.lightbox-shown) .to-pdp__gallery #gallery .img-ct > img { padding: 22px; }
    body:not(.lightbox-shown) .to-pdp__gallery #gallery-thumbs {
        display: none;
    }
    .to-pdp__bulk-prices > div { grid-template-columns: 1fr auto 1fr; }
    .to-pdp__bulk-prices > div strong { grid-column: auto; grid-row: auto; }
    .to-pdp__bulk-prices > div > span:last-child { grid-column: auto; }
    .to-pdp__accordions { width: 100%; margin-left: 0; }
    #snackys-tpl .to-pdp-comparison { margin-top: 40px; }
    #snackys-tpl .to-pdp-comparison__body { padding: var(--spacing-4); }
}

html.to-warranty-modal-open,
html.to-warranty-modal-open body {
    overflow: hidden;
}

#snackys-tpl .to-warranty-overlay,
.to-warranty-overlay {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-6, 24px);
}

#snackys-tpl .to-warranty-overlay[hidden],
.to-warranty-overlay[hidden] {
    display: none !important;
}

.to-warranty-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--color-primary-100, #002293) 60%, transparent);
}

.to-warranty-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(880px, 100%);
    max-height: min(90vh, 960px);
    overflow: hidden;
    background: var(--color-white, #fff);
    border-radius: var(--border-radius-md, 12px);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));
}

.to-warranty-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4, 16px);
    padding: var(--spacing-3, 12px) var(--spacing-6, 24px);
    border-bottom: 1px solid var(--color-tertiary-100, #b3d7ff);
}

.to-warranty-dialog__title {
    margin: 0;
    color: var(--color-primary-100, #002293);
    font-family: var(--font-family-base, inherit);
    font-size: 20px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1.2;
}

.to-warranty-dialog__close {
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-primary-100, #002293);
    cursor: pointer;
}

.to-warranty-dialog__close svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    fill: none;
}

.to-warranty-dialog__close:hover,
.to-warranty-dialog__close:focus {
    color: var(--color-secondary-100, #2d54af);
}

.to-warranty-dialog__body {
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.to-warranty-dialog__image {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    #snackys-tpl .to-warranty-overlay,
    .to-warranty-overlay {
        padding: var(--spacing-4, 16px);
        align-items: flex-end;
    }

    .to-warranty-dialog {
        width: 100%;
        max-height: min(92vh, 100%);
        border-radius: var(--border-radius-md, 12px) var(--border-radius-md, 12px) 0 0;
    }
}

@media (max-width: 479px) {
    .to-pdp__bulk-prices > div {
        grid-template-columns: 1fr auto 1fr;
        gap: var(--spacing-1, 4px);
        font-size: 14px;
    }
    .to-pdp__bulk-prices > div strong {
        justify-self: center;
        min-width: 100px;
        padding: 3px var(--spacing-2, 8px);
        font-size: 13px;
    }
    .to-pdp__basket #add-to-cart { grid-template-columns: 84px minmax(0, 1fr); }
    .to-pdp__basket #quantity-grp { width: 84px !important; }
    .to-pdp__basket #quantity-grp .qty-btns { grid-template-columns: 24px 32px 24px; }
    .to-pdp__basket .submit { padding: var(--spacing-3, 8px) var(--spacing-3, 12px); }
}

#snackys-tpl #stck-bskt {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    padding-right: 0;
    overflow: visible;
    border-radius: 0;
    border-top: 2px solid var(--color-tertiary-50);
    border-bottom: 0;
    background: var(--color-white);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: translateY(100%);
    transition: transform .3s ease-in-out;
    z-index: 9010;
}

#snackys-tpl #stck-bskt.show {
    transform: translateY(0);
}

#snackys-tpl #stck-bskt .to-stck-bskt__top {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100px;
    margin: 0;
    padding: var(--spacing-1) 0;
    color: var(--color-neutral);
    background: var(--color-white);
    border: 2px solid var(--color-tertiary-50);
    border-bottom: 0;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    box-shadow: 0px -15px 20px -10px rgb(0 0 0 / 20%);
    cursor: pointer;
    transform: translateX(-50%);
}

#snackys-tpl #stck-bskt.show.is-past-cart .to-stck-bskt__top {
    display: flex;
}

#snackys-tpl #stck-bskt .to-stck-bskt__top::before,
#snackys-tpl #stck-bskt .to-stck-bskt__top::after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-color: var(--color-tertiary-50);
    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;
}

#snackys-tpl #stck-bskt .to-stck-bskt__top::before {
    right: 100%;
    transform: rotate(180deg);
}

#snackys-tpl #stck-bskt .to-stck-bskt__top::after {
    left: 100%;
    transform: rotate(180deg) scaleX(-1);
}

#snackys-tpl #stck-bskt .to-stck-bskt__top svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 22px;
    height: 22px;
    animation: to-stck-bskt-top-bob 1.8s ease-in-out infinite;
}

#snackys-tpl #stck-bskt .to-stck-bskt__top:hover svg,
#snackys-tpl #stck-bskt .to-stck-bskt__top:focus svg {
    animation-play-state: paused;
}

@keyframes to-stck-bskt-top-bob {
    0%,
    100% {
        transform: translateY(2px);
    }

    50% {
        transform: translateY(-3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #snackys-tpl #stck-bskt .to-stck-bskt__top svg {
        animation: none;
    }
}

#snackys-tpl #stck-bskt .to-stck-bskt__container {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
    width: 100%;
    max-width: var(--to-header-container, 1504px);
    margin: 0 auto;
    padding: var(--spacing-3) var(--spacing-16);
}

#snackys-tpl #stck-bskt .title,
#snackys-tpl #stck-bskt .title strong {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    line-height: var(--lh-h6, 1.2);
}

#snackys-tpl #stck-bskt .title {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#snackys-tpl #stck-bskt .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    flex: 1 1 auto;
    min-width: 0;
}

#snackys-tpl #stck-bskt .to-stck-bskt__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    flex: 1 1 auto;
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    margin: 0 0 2px;
    color: var(--color-neutral, #242424);
    font-size: 13.3px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind--refill {
    color: var(--to-search-green, #00B831);
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind strong {
    overflow: hidden;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind-logo {
    display: block;
    width: auto;
    max-width: calc(52px * var(--brand-logo-scale, 1));
    height: calc(12px * var(--brand-logo-scale, 1));
    object-fit: contain;
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind-logo[data-brand-logo="toneroffice"] {
    max-width: calc(60px * var(--brand-logo-scale, 1));
}

#snackys-tpl #stck-bskt .to-stck-bskt__kind-logo[data-brand-logo="toneroffice-rebuilt"] {
    max-width: calc(60px * var(--brand-logo-scale, 1));
}

#snackys-tpl #stck-bskt .text-right {
    flex: 0 0 auto;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts {
    position: relative;
    z-index: 6;
    width: auto;
    max-width: 100%;
    margin: var(--spacing-1) 0 0;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__panels,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stats,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stats.is-active {
    width: auto;
    max-width: 100%;
    gap: var(--spacing-1);
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__panels:has(> .to-search-product__stats:nth-child(2)) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--spacing-2, 8px);
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__panels:has(> .to-search-product__stats:nth-child(2)) > .to-search-product__stats,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__panels:has(> .to-search-product__stats:nth-child(2)) > .to-search-product__stats.is-active {
    flex: 0 1 auto;
    width: auto;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat {
    flex: 0 1 auto;
    min-height: 32px;
    padding: 0 var(--spacing-3);
    gap: var(--spacing-1);
    border-width: 1.5px;
    border-radius: 6px;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch.is-group {
    gap: 2px;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch i,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch.is-group i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 11px;
    font-style: normal;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch.is-group i {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch i.is-tri {
    width: auto;
    min-width: 0;
    height: 18px;
    padding: 0 3px;
    overflow: hidden;
    gap: 0;
    box-sizing: border-box;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-swatch__times {
    height: 18px;
    min-width: 18px;
    border-radius: 4px 0 0 4px;
    font-size: 11px;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: var(--color-neutral);
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-copy,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat:not(.to-search-product__stat--swatch) .to-search-product__stat-copy,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-copy strong,
#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-copy span {
    font-size: var(--font-size-xs, 13px);
    line-height: 1;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-label {
    display: none;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-tip {
    width: 14px;
    height: 14px;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-tip svg {
    width: 12px;
    height: 12px;
    margin-right: 0;
}

#snackys-tpl #stck-bskt .to-stck-bskt__facts .to-search-product__stat-shape path {
    stroke-width: 1.5;
}

#snackys-tpl #stck-bskt .price,
#snackys-tpl #stck-bskt .price_wrapper,
#snackys-tpl #stck-bskt .price-row {
    color: var(--color-neutral, #242424);
}

#snackys-tpl #stck-bskt .price {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-bold);
    line-height: var(--lh-h6, 1.2);
}

#snackys-tpl #stck-bskt .price::after {
    font-size: .5em;
    font-weight: var(--font-weight-regular, 400);
    line-height: 0;
    vertical-align: super;
}

#snackys-tpl #stck-bskt .left {
    flex: 1 1 auto;
    min-width: 0;
}

#snackys-tpl #stck-bskt .img-ct:not(.icon) {
    position: relative;
    flex: 0 0 5rem;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    margin-right: var(--spacing-4);
    overflow: hidden;
    background: var(--color-bg-surface);
    border-radius: var(--border-radius-sm);
}

#snackys-tpl #stck-bskt .img-ct:not(.icon)::before {
    display: none;
}

#snackys-tpl #stck-bskt .img-ct:not(.icon) img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    padding: var(--spacing-2);
    object-fit: contain;
    mix-blend-mode: darken;
    opacity: 1;
}

#snackys-tpl #stck-bskt .right {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    white-space: nowrap;
}

#snackys-tpl #stck-bskt .to-stck-bskt__buy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--spacing-2);
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty {
    display: flex;
    flex: 0 0 92px;
    width: 92px;
    align-self: stretch;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty .qty-btns {
    display: grid;
    grid-template-columns: 28px 36px 28px;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    border: 2px solid var(--color-tertiary-75);
    border-radius: var(--border-radius-sm);
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty .btn,
#snackys-tpl #stck-bskt .to-stck-bskt__qty-input {
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    color: var(--color-neutral);
    background: var(--color-white);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty .btn svg {
    display: block;
    width: 20px;
    height: 20px;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty-sub:disabled {
    opacity: 0.4;
    pointer-events: none;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty-input {
    border-right: 2px solid var(--color-tertiary-75);
    border-left: 2px solid var(--color-tertiary-75);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold);
    text-align: center;
    -moz-appearance: textfield;
}

#snackys-tpl #stck-bskt .to-stck-bskt__qty-input::-webkit-inner-spin-button,
#snackys-tpl #stck-bskt .to-stck-bskt__qty-input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

#snackys-tpl #stck-bskt #stck-bskt-add,
#snackys-tpl #stck-bskt .to-stck-bskt__submit.btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    min-height: 0;
    margin: 0;
    padding: var(--spacing-3) var(--spacing-3);
    color: var(--color-white) !important;
    background: var(--color-success) !important;
    background-color: var(--color-success) !important;
    border-color: var(--color-success) !important;
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    flex: 0 0 auto;
    align-self: stretch;
}

#snackys-tpl #stck-bskt #stck-bskt-add:hover,
#snackys-tpl #stck-bskt #stck-bskt-add:focus,
#snackys-tpl #stck-bskt #stck-bskt-add:focus-visible,
#snackys-tpl #stck-bskt .to-stck-bskt__submit.btn.btn-primary:hover,
#snackys-tpl #stck-bskt .to-stck-bskt__submit.btn.btn-primary:focus,
#snackys-tpl #stck-bskt .to-stck-bskt__submit.btn.btn-primary:focus-visible {
    color: var(--color-white) !important;
    background: var(--color-success-hover) !important;
    background-color: var(--color-success-hover) !important;
    border-color: var(--color-success-hover) !important;
}

#snackys-tpl #stck-bskt .btn {
    margin-left: 0;
}

@media (max-width: 1199px) {
    #snackys-tpl #stck-bskt .to-stck-bskt__container {
        padding: var(--spacing-3) var(--spacing-8);
    }
}

@media screen and (max-width: 899px) {
    #snackys-tpl #stck-bskt {
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        transform: translateY(100%);
    }

    #snackys-tpl #stck-bskt.show {
        transform: translateY(0);
    }
}

@media screen and (max-width: 767px) {
    #snackys-tpl #stck-bskt {
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        padding-right: 0;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__container {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "image meta"
            "buy buy";
        align-items: center;
        gap: var(--spacing-3, 12px) var(--spacing-3, 12px);
        padding: var(--spacing-3, 12px);
    }

    #snackys-tpl #stck-bskt .left {
        display: contents;
    }

    #snackys-tpl #stck-bskt .img-ct:not(.icon) {
        grid-area: image;
        flex: 0 0 3.5rem;
        width: 3.5rem;
        min-width: 3.5rem;
        height: 3.5rem;
        margin-right: 0;
    }

    #snackys-tpl #stck-bskt .info {
        grid-area: meta;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--spacing-2, 8px);
        min-width: 0;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__meta {
        min-width: 0;
        flex: 1 1 auto;
    }

    #snackys-tpl #stck-bskt .title {
        font-size: 13.3px;
        font-weight: var(--font-weight-regular, 400);
        line-height: 1.25;
    }

    #snackys-tpl #stck-bskt .title strong {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__facts {
        display: none;
    }

    #snackys-tpl #stck-bskt .text-right {
        flex: 0 0 auto;
    }

    #snackys-tpl #stck-bskt .price {
        font-size: var(--font-size-h6, 16px);
        white-space: nowrap;
    }

    #snackys-tpl #stck-bskt .right {
        grid-area: buy;
        width: 100%;
        min-width: 0;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__buy {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        gap: var(--spacing-2, 8px);
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__qty {
        display: flex;
        flex: 0 0 auto;
        width: 88px;
        align-self: stretch;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__qty .qty-btns {
        display: grid;
        grid-template-columns: 24px 36px 24px;
        width: 88px;
        height: 34px;
        min-height: 34px;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__qty .btn {
        width: 24px;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__qty .btn svg {
        width: 14px;
        height: 14px;
    }

    #snackys-tpl #stck-bskt .to-stck-bskt__qty-input {
        font-size: 16px;
    }

    #snackys-tpl #stck-bskt #stck-bskt-add,
    #snackys-tpl #stck-bskt .to-stck-bskt__submit.btn.btn-primary {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        gap: var(--spacing-2, 8px);
        width: auto;
        min-width: 0;
        height: 34px;
        min-height: 34px;
        padding: 0 var(--spacing-3, 12px);
        font-size: 16px;
    }

    #snackys-tpl #stck-bskt #stck-bskt-add .to-pdp__cart-icon {
        display: inline-flex;
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
    }

    #snackys-tpl #stck-bskt #stck-bskt-add .to-pdp__cart-icon svg {
        display: block;
        width: 18px;
        height: 18px;
    }
}

#snackys-tpl .product-attributes.p-att {
    font-size: 16px;
}

#snackys-tpl .product-attributes.p-att .tag,
#snackys-tpl .product-attributes.p-att a.tag,
#snackys-tpl .product-attributes.p-att a > .tag {
    display: inline;
    padding: 0;
    margin: 0;
    background: none;
    color: var(--color-neutral, #242424);
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    vertical-align: baseline;
}

#snackys-tpl .product-attributes.p-att a.tag:hover,
#snackys-tpl .product-attributes.p-att a.tag:focus,
#snackys-tpl .product-attributes.p-att a.tag:visited,
#snackys-tpl .product-attributes.p-att a > .tag:hover,
#snackys-tpl .product-attributes.p-att a > .tag:focus,
#snackys-tpl .product-attributes.p-att a > .tag:visited {
    background: none;
    color: var(--color-neutral, #242424);
    box-shadow: none;
}

#snackys-tpl .product-attributes.p-att .to-search-swatch,
html .product-attributes.p-att .to-search-swatch {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1, 4px);
    padding-left: 0;
}

#snackys-tpl .product-attributes.p-att .to-search-swatch i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 0;
    border-radius: var(--border-radius-sm, 8px);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
}

#snackys-tpl .product-attributes.p-att .to-search-swatch.is-group i {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #snackys-tpl .product-attributes.p-att .to-search-swatch i {
        width: 25px;
        min-width: 25px;
        height: 25px;
        font-size: 16px;
    }
}

/* Vergleich: Listenkachel — Titel volle Breite, darunter Bild | Meta/Preis/WK */
#snackys-tpl .to-pdp-comparison .to-search-product {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    align-items: start;
    align-self: stretch;
    column-gap: 12px;
    row-gap: 8px;
    height: 100%;
    padding: var(--spacing-3, 12px);
}

#snackys-tpl .to-pdp-comparison .to-search-product__image {
    grid-column: 1;
    grid-row: 2 / -1;
    align-self: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    min-height: 0;
    padding: var(--spacing-1, 4px);
    box-sizing: border-box;
}

#snackys-tpl .to-pdp-comparison .to-search-product__image-link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    color: inherit;
    text-decoration: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__image .img-ct {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__image .img-ct::before {
    content: none;
    display: none;
    padding: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__image picture,
#snackys-tpl .to-pdp-comparison .to-search-product__image .img-ct > img,
#snackys-tpl .to-pdp-comparison .to-search-product__image img {
    position: static;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
}

#snackys-tpl .to-pdp-comparison .to-search-product__body {
    display: contents;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-end {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    grid-template-columns: none;
    width: 100%;
    margin: 0;
    align-self: start;
}

#snackys-tpl .to-pdp-comparison .to-search-product__tabs,
#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo {
    align-items: flex-end;
    align-self: start;
    display: flex;
    flex-direction: row;
    margin-top: 0;
    max-width: 100%;
    min-width: 0;
    position: relative;
    width: auto;
    z-index: 2;
}

#snackys-tpl .to-pdp-comparison .to-search-product__panels {
    display: block;
    min-width: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#snackys-tpl .to-pdp-comparison .to-search-product__fact-next {
    display: none;
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 3;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    color: var(--color-neutral);
    pointer-events: none;
    transform: translateY(-50%);
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-manual .to-search-product__fact-next {
    display: flex;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-manual .to-search-product__stats.is-active {
    padding-right: 22px;
    cursor: pointer;
}

#snackys-tpl .to-pdp-comparison .to-search-product__fact-next svg {
    display: block;
    width: 16px;
    height: 16px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__variant,
#snackys-tpl .to-pdp-comparison .to-search-product__variant.is-active,
#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo .to-search-product__variant,
#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .to-search-product__variant.is-active {
    z-index: 2;
}

#snackys-tpl .to-pdp-comparison .to-search-product__tabs.is-solo .to-search-product__variant,
#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .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: 10px;
    height: 5px;
    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 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 8px 8px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='%23fff'/%3E%3Cpath d='M10 0A10 10 0 0 0 0 10' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 10px 10px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='%23fff'/%3E%3Cpath d='M10 0A10 10 0 0 0 0 10' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 10px 10px;
    transform: rotate(180deg) scaleX(-1);
}

#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .to-search-product__meta:not(:has(.to-search-product__stats.is-active)) .to-search-product__variant.is-active::after {
    background: transparent;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch,
#snackys-tpl .to-pdp-comparison .to-search-swatch.is-group {
    align-items: center;
    display: inline-flex;
    gap: 2px;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .to-search-swatch.is-group i {
    flex: 0 0 auto;
    width: auto;
    min-width: 22px;
    white-space: nowrap;
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-black {
    background: var(--color-ink-black);
    color: var(--color-white, #fff);
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-cyan {
    background: var(--color-ink-cyan);
    color: var(--color-white, #fff);
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-magenta {
    background: var(--color-ink-magenta);
    color: var(--color-white, #fff);
}

#snackys-tpl .to-pdp-comparison .to-search-swatch i.is-yellow {
    background: var(--color-ink-yellow);
    color: var(--color-white, #111);
}

#snackys-tpl .to-pdp-comparison .to-search-product__stats,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-end .to-search-product__stats {
    align-items: center;
    background: var(--color-white);
    border: 2px 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: 30px;
    padding: 0 var(--spacing-2);
    width: 100%;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stats.is-active,
#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .to-search-product__stat {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    gap: var(--spacing-2);
    justify-content: flex-start;
    min-width: 0;
    overflow: visible;
}

#snackys-tpl .to-pdp-comparison .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 .to-pdp-comparison .to-search-product__stat-icon {
    display: block;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
    color: var(--color-neutral);
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-copy,
#snackys-tpl .to-pdp-comparison .to-search-product__stat-copy strong,
#snackys-tpl .to-pdp-comparison .to-search-product__stat-copy span {
    color: var(--color-neutral);
    font-size: var(--font-size-xs);
    line-height: 13px;
    white-space: nowrap;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-copy {
    align-items: baseline;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    font-weight: var(--font-weight-regular);
    min-width: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__stat-copy strong {
    font-weight: var(--font-weight-bold);
}

#snackys-tpl .to-pdp-comparison h3.to-search-product__title {
    grid-column: 1 / -1;
    grid-row: 1;
    height: auto;
    max-height: 2.5em;
    margin: 0;
    font-size: 13.3px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__price {
    grid-column: 2;
    grid-row: 3;
    align-self: end;
    margin: 0;
    font-size: 16px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__foot {
    grid-column: 2;
    grid-row: 4;
    display: block;
    align-self: end;
    width: 100%;
    margin-top: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-product__buy {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: 34px;
    align-items: stretch;
    gap: var(--spacing-2);
    width: 100%;
    min-width: 0;
    margin: 0;
}

#snackys-tpl .to-pdp-comparison .to-search-qty {
    display: grid !important;
    grid-column: 1;
    grid-row: 1;
    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 .to-pdp-comparison .to-search-qty__btn,
#snackys-tpl .to-pdp-comparison .to-search-qty__input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--color-white);
    box-shadow: none;
    color: var(--color-neutral);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn svg {
    display: block;
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__btn:disabled {
    opacity: 0.4;
}

#snackys-tpl .to-pdp-comparison .to-search-qty__input {
    width: 100%;
    border-right: 2px solid var(--color-tertiary-75);
    border-left: 2px solid var(--color-tertiary-75);
    color: var(--color-neutral);
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

#snackys-tpl .to-pdp-comparison .to-search-cart {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0 var(--spacing-2);
    gap: 0;
    border-radius: var(--border-radius-sm);
}

#snackys-tpl .to-pdp-comparison .to-search-cart svg {
    width: 22px;
    height: 22px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__selected {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 var(--spacing-2);
    border: 2px solid var(--color-primary-100, #002293);
    border-radius: var(--border-radius-sm);
    background: var(--color-primary-100, #002293);
    box-sizing: border-box;
    color: var(--color-white, #fff);
    font-size: 13.3px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
}

#snackys-tpl .to-pdp-comparison .to-search-product__sold-out {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    min-height: 34px;
    margin: 0;
    padding: 0 var(--spacing-2);
    box-sizing: border-box;
    border: 2px solid var(--color-tertiary-75);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--color-white, #fff);
    color: var(--to-card-soldout-color, var(--color-tertiary-100));
    font-family: inherit;
    font-size: 13.3px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1;
    cursor: default;
    pointer-events: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch i {
    box-sizing: border-box;
    border: 1.5px solid transparent;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i {
    background: none;
    box-shadow: none;
    border-style: dashed;
    border-color: currentColor;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-black { color: var(--color-ink-black); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-cyan { color: var(--color-ink-cyan); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-magenta { color: var(--color-ink-magenta); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-yellow { color: var(--color-ink-yellow); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-blue { color: var(--color-ink-blue); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-photo-cyan { color: var(--color-ink-photo-cyan); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-photo-magenta { color: var(--color-ink-photo-magenta); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-light-cyan { color: var(--color-ink-light-cyan); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-light-magenta { color: var(--color-ink-light-magenta); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-green { color: var(--color-ink-green); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-red { color: var(--color-ink-red); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-orange { color: var(--color-ink-orange); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-grey { color: var(--color-ink-grey); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-dark-grey { color: var(--color-ink-dark-grey); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-light-grey,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-silver,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-white,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-dots,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-clear,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-gloss { color: var(--color-ink-gloss); }

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri {
    color: var(--color-tertiary-100);
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri span {
    background: none;
    border: 1.5px dashed currentColor;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri span:nth-child(1) { color: var(--color-ink-cyan); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri span:nth-child(2) { color: var(--color-ink-magenta); }
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri span:nth-child(3) { color: var(--color-ink-yellow); }

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-search-product__panels {
    display: grid;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-search-product__stats,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-end .to-search-product__stats {
    display: flex;
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling .to-search-product__stats.is-active,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-end .to-search-product__stats.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy strong,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy > span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: transparent;
    background: var(--color-tertiary-50);
    border-radius: 4px;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy > span span {
    color: transparent;
}

#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy strong::after,
#snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy > span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, .85) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-140%);
    animation: to-card-fact-shimmer .85s ease-in-out infinite;
    pointer-events: none;
}

@keyframes to-card-fact-shimmer {
    100% {
        transform: translateX(280%);
    }
}

@media (prefers-reduced-motion: reduce) {
    #snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy strong::after,
    #snackys-tpl .to-pdp-comparison .to-search-product__meta.is-cycling.is-fact-skeleton .to-search-product__stats.is-active .to-search-product__stat-copy > span::after {
        animation: none;
        display: none;
    }
}

@media (max-width: 767px) {
    #snackys-tpl .to-pdp-comparison__panel {
        grid-template-columns: minmax(0, 1fr);
    }
}

#snackys-tpl .zx-free-shipping-ribbon {
    position: absolute;
    top: 15px;
    right: -1em;
    margin: 0;
    border-radius: 1em;
}

#snackys-tpl .zx-free-shipping-ribbon > span {
    border-radius: 1em;
    background: #e5f7ea;
    color: #05b831;
}

#snackys-tpl .to-info-article {
  max-width: var(--max-container);
  margin: 0 auto var(--spacing-16);
  color: var(--color-neutral);
  font-family: var(--font-family-base);
  font-size: var(--font-size-normal);
  line-height: var(--lh-paragraph);
}

#snackys-tpl .to-info-article__header {
  margin-bottom: var(--spacing-12);
}

#snackys-tpl .to-info-article h1 {
  margin: 0 0 var(--spacing-6);
  color: var(--color-primary-100);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  line-height: var(--lh-heading);
}

#snackys-tpl .to-info-article__intro {
  max-width: 85ch;
}

#snackys-tpl .to-info-article__body h2,
#snackys-tpl .to-info-article__body h3 {
  color: var(--color-primary-100);
  line-height: var(--lh-heading);
  scroll-margin-top: var(--spacing-32);
}

#snackys-tpl .to-info-article__body h2 {
  margin: var(--spacing-12) 0 var(--spacing-4);
  font-size: var(--font-size-h3);
}

#snackys-tpl .to-info-article__body h3 {
  margin: var(--spacing-8) 0 var(--spacing-3);
  font-size: var(--font-size-h5);
}

#snackys-tpl .to-info-article__body p {
  margin: 0 0 var(--spacing-4);
}

#snackys-tpl .to-info-article__body img {
  max-width: 100%;
  height: auto;
}

#snackys-tpl .to-info-article__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-6);
  margin-top: var(--spacing-12);
  padding-top: var(--spacing-8);
  border-top: 2px solid var(--color-primary-100);
}

#snackys-tpl .to-info-article__contact {
  color: var(--color-primary-100);
  font-weight: var(--font-weight-bold);
}

@media (max-width: 767px) {
  #snackys-tpl .to-info-article h1 {
    font-size: var(--font-size-h2);
  }
  #snackys-tpl .to-info-article__header {
    margin-bottom: var(--spacing-8);
  }
}

#snackys-tpl .to-info-article__body {
  max-width: 95ch;
}

#snackys-tpl .to-info-article__body a:not(.btn) {
  color: var(--color-primary-100);
  text-underline-offset: var(--spacing-1);
}

#snackys-tpl .to-info-article__body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: var(--spacing-6) 0;
}

#snackys-tpl .to-info-article__body th,
#snackys-tpl .to-info-article__body td {
  padding: var(--spacing-3) var(--spacing-4);
  border-bottom: 1px solid var(--color-tertiary-100);
  text-align: left;
}

#snackys-tpl .to-info-article__body th {
  color: var(--color-primary-100);
  background: var(--color-bg-surface);
}

#snackys-tpl .to-info-article__body details {
  margin: var(--spacing-3) 0;
  padding: var(--spacing-4) var(--spacing-6);
  border: 2px solid var(--color-primary-100);
  border-radius: var(--border-radius-sm);
}

#snackys-tpl .to-info-article__body summary {
  cursor: pointer;
  color: var(--color-primary-100);
  font-weight: var(--font-weight-bold);
}

#snackys-tpl .to-info-article__body details[open] summary {
  margin-bottom: var(--spacing-4);
}

#snackys-tpl .to-info-article__products {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
  margin: var(--spacing-6) 0;
}

#snackys-tpl body:has(.to-info-article) #bc-w .to-pdp__sku {
  display: none;
}

#snackys-tpl .to-info-article__callout {
  margin: var(--spacing-6) 0;
  padding: var(--spacing-6);
  border-left: var(--spacing-1) solid var(--color-primary-100);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-surface);
}

#snackys-tpl .to-info-article__callout > div:first-child {
  margin-bottom: var(--spacing-3);
  color: var(--color-primary-100);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-bold);
}

#snackys-tpl .to-info-article__callout > a {
  display: block;
  padding: var(--spacing-4);
  margin-top: var(--spacing-4);
  border: 2px solid var(--color-primary-100);
  border-radius: var(--border-radius-sm);
  background: var(--color-white);
  text-decoration: none;
}

#snackys-tpl .to-info-article__images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--spacing-6);
  max-width: 95ch;
  margin-bottom: var(--spacing-12);
}

#snackys-tpl .to-info-article__images a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4);
  border: 2px solid var(--color-primary-100);
  border-radius: var(--border-radius-sm);
}

#snackys-tpl .to-info-article__images img {
  width: auto;
  max-width: 100%;
  max-height: 360px;
  object-fit: contain;
}