.tf-products{background:var(--tf-products-section-bg, transparent)}.tf-products__inner{width:100%;max-width:var(--tf-products-container, var(--tf-container));margin-inline:auto;padding:72px var(--tf-gutter-mobile)}@media screen and (min-width:750px){.tf-products__inner{padding-inline:var(--tf-gutter)}}.tf-products__heading{margin:0 0 8px}.tf-products__text{margin:0 0 40px;color:var(--tf-muted)}.tf-products--centre .tf-products__heading,.tf-products--centre .tf-products__text{text-align:center}.tf-products--left .tf-products__grid{--tf-products-justify: start}.tf-products--centre .tf-products__text{max-width:62ch;margin-inline:auto}.tf-products__grid{--tf-cols: var(--tf-cols-m, 2);--tf-col-w: calc( (100% - (var(--tf-cols) - 1) * var(--tf-products-gap, 24px)) / var(--tf-cols) - .5px );display:grid;justify-content:var(--tf-products-justify, center);gap:var(--tf-products-gap, 24px);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.tf-products__grid{--tf-cols: var(--tf-cols-t, 3)}}@media screen and (min-width:990px){.tf-products__grid{--tf-cols: var(--tf-cols-d, 4)}}.tf-products__grid--columns{grid-template-columns:repeat(auto-fit,var(--tf-col-w))}.tf-products__grid--auto{grid-template-columns:repeat(auto-fit,minmax(var(--tf-products-min, 240px),var(--tf-products-max, 340px)))}tf-carousel{position:relative;display:block}.tf-carousel__nav{display:none;align-items:center;justify-content:center;gap:16px;margin-top:24px}.tf-carousel__arrow,.tf-carousel__dots{display:none}@media screen and (max-width:749px){.tf-carousel--mobile .tf-products__grid{--tf-col-w: calc( (100% - var(--tf-cols) * var(--tf-products-gap, 24px)) / (var(--tf-cols) + .25) )}.tf-carousel--mobile .tf-products__grid,.tf-carousel--mobile .tf-products__grid--auto{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--tf-col-w);justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-block:6px 14px;margin-block:-6px -14px}.tf-carousel--mobile[data-active] .tf-carousel__nav{display:flex}.tf-carousel--arrows-m[data-active] .tf-carousel__arrow{display:inline-flex}.tf-carousel--dots-m[data-active] .tf-carousel__dots{display:flex}}@media screen and (min-width:750px){.tf-carousel--desktop .tf-products__grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--tf-col-w);justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:6px 14px;margin-block:-6px -14px}.tf-carousel--desktop .tf-products__grid--auto{grid-auto-columns:var(--tf-products-min, 240px)}.tf-carousel--desktop[data-active] .tf-carousel__nav{display:flex}.tf-carousel--arrows-d[data-active] .tf-carousel__arrow{display:inline-flex}.tf-carousel--dots-d[data-active] .tf-carousel__dots{display:flex}}.tf-carousel .tf-products__grid::-webkit-scrollbar{display:none}.tf-carousel .tf-products__grid>li{scroll-snap-align:start;min-width:0}.tf-carousel--mobile .tf-products__promo--full,.tf-carousel--desktop .tf-products__promo--full{grid-column:auto}.tf-carousel__arrow{flex-shrink:0;align-items:center;justify-content:center;width:var(--tf-arrow-size, 44px);height:var(--tf-arrow-size, 44px);padding:0;border:1px solid var(--tf-border);border-radius:50%;background:var(--tf-arrow-bg, var(--tf-surface));color:var(--tf-arrow-fg, var(--tf-text));box-shadow:var(--tf-shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));cursor:pointer;transition:transform var(--tf-dur) var(--tf-ease),opacity var(--tf-dur) var(--tf-ease),box-shadow var(--tf-dur) var(--tf-ease)}.tf-carousel__arrow .tf-icon{width:45%;height:45%}.tf-carousel__arrow:hover{transform:translateY(calc(var(--tf-hover-lift, 2px) * -1));box-shadow:var(--tf-shadow-md, 0 6px 16px rgba(0, 0, 0, .12))}.tf-carousel__arrow:focus-visible{outline:var(--tf-focus-width, 3px) solid var(--tf-focus, currentColor);outline-offset:var(--tf-focus-offset, 2px)}.tf-carousel__arrow:active{transform:translateY(0) scale(.96)}.tf-carousel__arrow:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.tf-carousel__dots{align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.tf-carousel__dot{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0;border:0;background:none;cursor:pointer}.tf-carousel__dot:before{content:"";display:block;width:var(--tf-dot-size, 8px);height:var(--tf-dot-size, 8px);border-radius:999px;background:var(--tf-dot-inactive, var(--tf-border));transition:width var(--tf-dur) var(--tf-ease),background-color var(--tf-dur) var(--tf-ease)}.tf-carousel__dot:hover:before{background:var(--tf-dot-active, var(--tf-accent));opacity:.6}.tf-carousel__dot[aria-current=true]:before{width:calc(var(--tf-dot-size, 8px) * 2.5);background:var(--tf-dot-active, var(--tf-accent));opacity:1}.tf-carousel__dot:focus-visible{outline:var(--tf-focus-width, 3px) solid var(--tf-focus, currentColor);outline-offset:0;border-radius:999px}.tf-carousel__dot:active:before{transform:scale(.9)}.tf-carousel__dot:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.tf-carousel .tf-products__grid{scroll-behavior:auto}}.tf-products__footer{display:flex;justify-content:var(--tf-products-footer-align, center);margin-top:36px}.tf-products__empty{padding:32px;border:1px dashed var(--tf-border);border-radius:var(--tf-radius-lg);color:var(--tf-muted);text-align:center}.tf-pcard{display:flex;flex-direction:column;height:100%;border:1px solid var(--tf-pcard-border, var(--tf-border));border-radius:var(--tf-pcard-radius, 18px);background:var(--tf-pcard-bg, var(--tf-surface));color:inherit;text-decoration:none;overflow:hidden;transition:transform var(--tf-dur) var(--tf-ease),box-shadow var(--tf-dur) var(--tf-ease),border-color var(--tf-dur) var(--tf-ease)}.tf-pcard:hover{transform:translateY(calc(var(--tf-hover-lift) * -1));box-shadow:var(--tf-shadow-lg);border-color:var(--tf-pcard-border-hover, var(--tf-accent-tint))}.tf-pcard:focus-visible{outline:var(--tf-focus-width, 3px) solid var(--tf-accent);outline-offset:2px}.tf-pcard__media{position:relative;display:block;background:var(--tf-accent-tint)}.tf-pcard__image,.tf-pcard__placeholder{display:block;width:100%;height:100%;object-fit:cover}.tf-pcard--square .tf-pcard__media{aspect-ratio:1}.tf-pcard--portrait .tf-pcard__media{aspect-ratio:2 / 3}.tf-pcard--natural .tf-pcard__media{aspect-ratio:auto}.tf-pcard--natural .tf-pcard__image{height:auto}.tf-pcard__placeholder svg{width:100%;height:100%;opacity:.4}.tf-pcard__flags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tf-pcard__badge{padding:.35em .7em;border-radius:var(--tf-radius-pill);background:var(--tf-accent);color:#fff;font-size:var(--tf-badge);font-weight:var(--tf-fw-black);line-height:1.2}.tf-pcard__badge--out{background:var(--tf-text)}.tf-pcard--inset .tf-pcard__media{display:flex;justify-content:center;aspect-ratio:auto;padding:var(--tf-pcard-inset-padding, 28px 28px 0);background:var(--tf-pcard-media-bg, var(--tf-accent-tint))}.tf-pcard--inset .tf-pcard__image,.tf-pcard--inset .tf-pcard__placeholder{width:var(--tf-pcard-inset-width, 78%);height:auto;object-fit:contain;border-radius:var(--tf-radius-sm);box-shadow:var(--tf-shadow-lg);transform:translateY(14px)}.tf-pcard--inset.tf-pcard--square .tf-pcard__image{aspect-ratio:1}.tf-pcard--inset.tf-pcard--portrait .tf-pcard__image{aspect-ratio:.72}.tf-pcard--inset .tf-pcard__body{padding-top:var(--tf-pcard-inset-body-top, 32px)}.tf-pcard__body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;padding:var(--tf-pcard-padding, 18px 20px 20px)}.tf-pcard__stock{display:flex;align-items:center;gap:6px;font-size:var(--tf-body-xs);font-weight:var(--tf-fw-bold);color:var(--tf-in-stock, #4C9A6A)}.tf-pcard__stock:before{content:"";width:7px;height:7px;border-radius:50%;background:currentcolor;flex-shrink:0}.tf-pcard__stock--out{color:var(--tf-muted)}.tf-pcard__cta{margin-top:12px;justify-content:center;text-align:center;pointer-events:none}.tf-pcard:hover .tf-pcard__cta{filter:brightness(.94)}.tf-pcard__vendor{font-size:var(--tf-body-xs);color:var(--tf-muted)}.tf-pcard__title{margin:0;font-family:var(--tf-heading-font);font-size:var(--tf-card-title);font-weight:var(--tf-fw-semi);line-height:var(--tf-leading-snug)}.tf-pcard__price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px;font-size:var(--tf-pcard-price-size, var(--tf-body))}.tf-pcard__price-now{font-weight:var(--tf-fw-black)}.tf-pcard__price-now--sale{color:var(--tf-accent)}.tf-pcard__price-was{font-size:var(--tf-body-sm);font-weight:var(--tf-fw-normal);color:var(--tf-muted)}.tf-pcard__foot{display:contents}.tf-pcard--inline-cta .tf-pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.tf-pcard--inline-cta .tf-pcard__price{margin-top:0;padding-top:0}.tf-pcard--inline-cta .tf-pcard__cta{margin-top:0;flex-shrink:0}.tf-products__promo--full{grid-column:1 / -1}.tf-products__promo--full .tf-promo-card{min-height:0}.tf-promo-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:var(--tf-promo-min-height, 380px);padding:32px;border-radius:var(--tf-pcard-radius, 18px);background:var(--tf-promo-bg, var(--tf-pcard-bg, var(--tf-surface)));text-align:center}.tf-promo-card--dashed{border:1.5px dashed var(--tf-promo-border, var(--tf-border-soft, var(--tf-border)))}.tf-promo-card--solid{border:1px solid var(--tf-promo-border, var(--tf-border))}.tf-promo-card__eyebrow{color:var(--tf-muted)}.tf-promo-card__title{margin:0;font-family:var(--tf-heading-font);font-size:var(--tf-h4);font-weight:var(--tf-font-display-weight);line-height:var(--tf-leading-snug);color:var(--tf-text)}.tf-promo-card__text{margin:0;font-size:var(--tf-body-sm);color:var(--tf-muted)}.tf-promo-card__btn{margin-top:4px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-products.css.map */