.tl-product,.tl-sticky,.tl-lightbox{--tl-text: var(--color-text-main, #161514);--tl-bg: var(--color-background-main, #efede6);--tl-line: rgba(22, 21, 20, .12);--tl-muted: rgba(22, 21, 20, .62);--tl-card: rgba(255, 255, 255, .55);--tl-radius: 14px;--tl-ease: cubic-bezier(.2, .7, .2, 1);--tl-heading: var(--font-stack-headings-primary, Georgia, serif);--tl-body: var(--font-stack-body-primary, system-ui, sans-serif);--tl-gap: clamp(1.25rem, 3vw, 3.5rem);--tl-thumb: 76px;--tl-atc-bg: var(--tl-text);--tl-atc-fg: var(--tl-bg)}.tl-product{display:block;max-width:var(--theme-max-width, 1600px);margin:0 auto;padding:clamp(.75rem,2vw,1.5rem) var(--gutter-container, 20px) clamp(3rem,6vw,5rem);color:var(--tl-text);font-family:var(--tl-body)}.tl-product *,.tl-product *:before,.tl-product *:after,.tl-lightbox,.tl-lightbox *,.tl-sticky,.tl-sticky *{box-sizing:border-box}.tl-product .tl-icon,.tl-lightbox .tl-icon,.tl-sticky .tl-icon{width:1.25em;height:1.25em;flex:none;display:block}.tl-muted{color:var(--tl-muted)}.tl-product [hidden],.tl-lightbox[hidden],.tl-sticky [hidden]{display:none!important}.tl-breadcrumb{display:flex;flex-wrap:wrap;gap:.5em;font-size:.8125rem;color:var(--tl-muted);margin-bottom:clamp(.75rem,2vw,1.5rem)}.tl-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.tl-breadcrumb a:hover{color:var(--tl-text)}.tl-breadcrumb [aria-current]{color:var(--tl-text);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-product__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem}@media(min-width:990px){.tl-product__grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:var(--tl-gap);align-items:start}.tl-info{position:sticky;top:calc(var(--header-height, 80px) + 1.5rem)}}.tl-gallery{display:grid;gap:.75rem;min-width:0}@media(min-width:990px){.tl-thumbs--left .tl-gallery{grid-template-columns:var(--tl-thumb) minmax(0,1fr);gap:1rem}.tl-thumbs--left .tl-gallery__main{grid-column:2;grid-row:1}.tl-thumbs--left .tl-thumbs{grid-column:1;grid-row:1;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:calc((100vw * .5) / var(--tl-ratio));align-self:start}}.tl-gallery__main{position:relative;border-radius:var(--tl-radius);overflow:hidden;background:var(--tl-media-bg)}.tl-gallery__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;aspect-ratio:var(--tl-ratio)}.tl-gallery__viewport::-webkit-scrollbar{display:none}.tl-gallery__viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--tl-accent)}.tl-slide{position:relative;flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden}.tl-slide>*{clip-path:inset(0 1px)}.tl-slide__zoom{width:100%;height:100%;overflow:hidden;cursor:zoom-in}.tl-slide__img,.tl-slide__video,.tl-slide__zoom img{display:block;width:100%;height:100%;object-fit:var(--tl-fit);transition:transform .45s var(--tl-ease),opacity .6s var(--tl-ease);will-change:transform}.tl-slide__video{object-fit:cover;background:#000}.tl-slide__embed,.tl-slide__embed iframe{width:100%;height:100%;border:0}.tl-slide.is-zooming .tl-slide__zoom img{transform:scale(var(--tl-zoom, 2));transition:transform .12s linear}.tl-slide__img[loading=lazy]{opacity:0}.tl-slide__img.is-loaded,.tl-slide__img[loading=eager]{opacity:1}.tl-gallery__badges{position:absolute;z-index:3;top:1rem;left:1rem;display:flex;flex-wrap:wrap;gap:.4rem;pointer-events:none}.tl-badge{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:.45em .8em;border-radius:999px;background:var(--tl-text);color:var(--tl-bg)}.tl-badge--accent{background:var(--tl-accent);color:#fff}.tl-badge--light{background:#ffffffd9;color:var(--tl-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tl-badge--dark{background:var(--tl-text)}.tl-gallery__arrow,.tl-gallery__expand{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#ffffffe0;color:var(--tl-text);box-shadow:0 6px 20px #00000014;transition:opacity .25s,transform .25s var(--tl-ease),background .2s}.tl-gallery__arrow:hover,.tl-gallery__expand:hover{background:#fff;transform:scale(1.06)}.tl-gallery__arrow{top:50%;margin-top:-22px}.tl-gallery__arrow--prev{left:1rem}.tl-gallery__arrow--prev .tl-icon{transform:rotate(180deg)}.tl-gallery__arrow--next{right:1rem}.tl-gallery__arrow[disabled]{opacity:0!important;pointer-events:none}.tl-gallery__expand{top:1rem;right:1rem;width:40px;height:40px}.tl-gallery__expand .tl-icon{width:1.05em;height:1.05em}@media(hover:hover)and (min-width:990px){.tl-gallery__arrow{opacity:0}.tl-gallery__main:hover .tl-gallery__arrow{opacity:1}}.tl-gallery__counter{position:absolute;z-index:3;right:1rem;bottom:1rem;font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;padding:.35em .75em;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tl-gallery__dots{position:absolute;z-index:3;left:50%;bottom:1.1rem;transform:translate(-50%);display:flex;gap:6px}.tl-dot{width:6px;height:6px;border-radius:99px;background:#ffffffb3;box-shadow:0 0 0 1px #00000014;transition:width .3s var(--tl-ease),background .3s}.tl-dot.is-active{width:20px;background:#fff}@media(min-width:990px){.tl-gallery__dots{display:none}}.tl-thumbs{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding:2px}.tl-thumbs::-webkit-scrollbar{display:none}.tl-thumb{position:relative;flex:0 0 var(--tl-thumb);width:var(--tl-thumb);aspect-ratio:var(--tl-ratio);padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--tl-media-bg);opacity:.55;box-shadow:0 0 0 1px transparent;transition:opacity .25s,box-shadow .25s,transform .25s var(--tl-ease)}.tl-thumb:hover{opacity:.9}.tl-thumb.is-active{opacity:1;box-shadow:0 0 0 1.5px var(--tl-text)}.tl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tl-thumb__play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}@media(max-width:989px){.tl-thumbs{--tl-thumb: 62px}.tl-gallery__main{margin-left:calc(var(--gutter-container, 20px) * -1);margin-right:calc(var(--gutter-container, 20px) * -1);border-radius:0}.tl-gallery__arrow{display:none}}.tl-info__inner{display:flex;flex-direction:column;gap:1.15rem}.tl-block{margin:0}.tl-vendor{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-muted)}.tl-title{margin:0;font-family:var(--tl-heading);font-weight:var(--font-weight-headings-primary, 400);font-size:clamp(1.75rem,1.2rem + 1.8vw,2.6rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}.tl-rating{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-size:.875rem;width:fit-content}.tl-rating:hover .tl-rating__text{text-decoration:underline}.tl-stars{position:relative;display:inline-block;line-height:0}.tl-stars__bg,.tl-stars__fg{display:flex;gap:2px}.tl-stars__bg{color:#1615142e}.tl-stars__fg{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--tl-accent);width:var(--tl-stars);overflow:hidden}.tl-stars .tl-icon{width:16px;height:16px}.tl-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .8rem}.tl-price__current{font-family:var(--tl-heading);font-size:clamp(1.4rem,1.1rem + .8vw,1.75rem);font-variant-numeric:tabular-nums}.tl-price__compare{color:var(--tl-muted);font-size:1rem}.tl-price__save{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--tl-accent);background:color-mix(in srgb,var(--tl-accent) 12%,transparent);padding:.35em .7em;border-radius:999px}.tl-price__note{flex-basis:100%;margin:0;font-size:.8125rem}.tl-price__note a{color:inherit}.tl-text p{margin:0}.tl-text--muted{color:var(--tl-muted);font-size:.9375rem}.tl-text--caps{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-muted)}.tl-text--quote{font-family:var(--tl-heading);font-style:italic;font-size:1.125rem;line-height:1.5;padding-left:1rem;border-left:2px solid var(--tl-accent)}.tl-feature{display:flex;align-items:center;gap:.7rem;font-size:.9375rem}.tl-feature .tl-icon{color:var(--tl-accent)}.tl-feature+.tl-feature{margin-top:-.6rem}.tl-divider{border:0;border-top:1px solid var(--tl-line);margin:.25rem 0}.tl-variants{display:grid;gap:1.1rem}.tl-option{border:0;margin:0;padding:0;min-width:0}.tl-option__label{padding:0;margin-bottom:.6rem;font-size:.875rem;font-weight:600}.tl-option__selected{font-weight:400;color:var(--tl-muted)}.tl-option__values{display:flex;flex-wrap:wrap;gap:.5rem}.tl-option__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.tl-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;min-height:2.75rem;padding:.55rem 1.1rem;border:1px solid var(--tl-line);border-radius:999px;background:var(--tl-card);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,background .2s,color .2s,transform .2s var(--tl-ease)}.tl-pill:hover{border-color:var(--tl-text)}.tl-option__input:checked+.tl-pill{background:var(--tl-text);border-color:var(--tl-text);color:var(--tl-bg)}.tl-option__input:focus-visible+.tl-pill,.tl-option__input:focus-visible+.tl-swatch{outline:2px solid var(--tl-accent);outline-offset:2px}.tl-option__input.is-unavailable+.tl-pill{color:var(--tl-muted);text-decoration:line-through;border-style:dashed}.tl-swatch{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--tl-line);transition:box-shadow .2s,transform .2s var(--tl-ease)}.tl-swatch:hover{transform:scale(1.06)}.tl-swatch__color{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;background-size:cover;background-position:center}.tl-option__input:checked+.tl-swatch{box-shadow:0 0 0 1.5px var(--tl-text)}.tl-option__input.is-unavailable+.tl-swatch{opacity:.4}.tl-stock{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.875rem}.tl-stock__dot{position:relative;width:8px;height:8px;border-radius:50%;background:#3f8f5b}.tl-stock__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#3f8f5b;animation:tl-pulse 2s infinite}.tl-stock.is-low .tl-stock__dot,.tl-stock.is-low .tl-stock__dot:after{background:#d58a1c}.tl-stock.is-out .tl-stock__dot{background:#b13c2e}.tl-stock.is-out .tl-stock__dot:after{display:none}.tl-stock__bar{flex-basis:100%;height:4px;border-radius:99px;background:var(--tl-line);overflow:hidden;display:none}.tl-stock.is-low .tl-stock__bar{display:block}.tl-stock__bar span{display:block;height:100%;width:30%;background:#d58a1c;border-radius:inherit;transition:width .8s var(--tl-ease)}@keyframes tl-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.6);opacity:0}}.tl-buy__row{display:flex;gap:.6rem}.tl-qty{display:flex;align-items:center;flex:none;border:1px solid var(--tl-line);border-radius:999px;background:var(--tl-card)}.tl-qty__btn{display:grid;place-items:center;width:2.6rem;height:3.4rem;border:0;background:none;color:inherit;cursor:pointer;border-radius:999px;transition:background .2s}.tl-qty__btn:hover{background:#0000000d}.tl-qty__btn .tl-icon{width:1rem;height:1rem}.tl-qty__input{width:2.2rem;text-align:center;border:0;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield;padding:0}.tl-qty__input::-webkit-outer-spin-button,.tl-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tl-atc{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.4rem;padding:0 1.5rem;border:0;border-radius:999px;cursor:pointer;overflow:hidden;background:var(--tl-atc-bg);color:var(--tl-atc-fg);font:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.04em;transition:transform .25s var(--tl-ease),box-shadow .25s var(--tl-ease),background .25s}.tl-atc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s var(--tl-ease)}.tl-atc:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 12px 28px #16151438}.tl-atc:hover:not([disabled]):before{transform:translate(100%)}.tl-atc:active:not([disabled]){transform:translateY(0) scale(.98)}.tl-atc[disabled],.tl-atc.is-disabled{background:#1615144d;cursor:not-allowed}.tl-atc__price{opacity:.7;font-weight:400;font-variant-numeric:tabular-nums}.tl-atc__price:before{content:"\b7";margin-right:.75rem}.tl-atc[disabled] .tl-atc__price{display:none}.tl-atc__spinner,.tl-atc__check{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:none;place-items:center}.tl-atc__spinner{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:tl-spin .7s linear infinite}.tl-atc__check .tl-icon{width:22px;height:22px}.tl-atc.working .tl-atc__text,.tl-atc.working .tl-atc__price,.tl-atc.is-added .tl-atc__text,.tl-atc.is-added .tl-atc__price{visibility:hidden}.tl-atc.working .tl-atc__spinner{display:block}.tl-atc.is-added{background:#3f8f5b}.tl-atc.is-added .tl-atc__check{display:grid;animation:tl-pop .4s var(--tl-ease)}@keyframes tl-spin{to{transform:rotate(360deg)}}@keyframes tl-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.tl-buy__dynamic{margin-top:.6rem}.tl-buy__dynamic .shopify-payment-button__button{border-radius:999px!important;min-height:3.4rem;overflow:hidden}.tl-buy__dynamic .shopify-payment-button__more-options{color:var(--tl-muted);font-size:.8125rem;margin-top:.5rem}.tl-delivery{display:flex;align-items:center;gap:.7rem;font-size:.875rem;padding:.85rem 1rem;border-radius:12px;background:var(--tl-card)}.tl-delivery .tl-icon{color:var(--tl-accent)}.tl-delivery strong{font-weight:600}.tl-trust{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tl-trust__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:1rem .5rem;border:1px solid var(--tl-line);border-radius:12px;transition:border-color .25s,transform .25s var(--tl-ease)}.tl-trust__item:hover{border-color:var(--tl-text);transform:translateY(-2px)}.tl-trust__item .tl-icon{width:1.6rem;height:1.6rem;margin-bottom:.2rem}.tl-trust__title{font-size:.8125rem;font-weight:600;line-height:1.25}.tl-trust__text{font-size:.75rem;color:var(--tl-muted);line-height:1.3}.tl-description{font-size:.9375rem;line-height:1.65}.tl-tab{border-top:1px solid var(--tl-line)}.tl-tab+.tl-tab{margin-top:-1.15rem}.tl-tab:last-child{border-bottom:1px solid var(--tl-line)}.tl-tab__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;cursor:pointer;list-style:none;font-size:.9375rem;font-weight:600}.tl-tab__summary::-webkit-details-marker{display:none}.tl-tab__heading{display:flex;align-items:center;gap:.6rem}.tl-tab__heading .tl-icon{color:var(--tl-accent)}.tl-tab__icon{transition:transform .35s var(--tl-ease)}.tl-tab__icon .tl-icon{width:1.1rem;height:1.1rem}.tl-tab[open] .tl-tab__icon{transform:rotate(45deg)}.tl-tab__content{overflow:hidden;padding-bottom:1.2rem;font-size:.9375rem;line-height:1.65;color:#161514d1}.tl-tab__content>:first-child{margin-top:0}.tl-tab__content>:last-child{margin-bottom:0}.tl-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--tl-bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--tl-ease)}.tl-lightbox.is-open{opacity:1}.tl-lightbox__track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.tl-lightbox__track::-webkit-scrollbar{display:none}.tl-lightbox__slide{flex:0 0 100%;height:100%;scroll-snap-align:center;display:grid;place-items:center;overflow:hidden;padding:3.5rem 1rem}.tl-lightbox__slide img{max-width:100%;max-height:calc(100dvh - 7rem);width:auto;height:auto;object-fit:contain;cursor:zoom-in;transition:transform .35s var(--tl-ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tl-lightbox__slide.is-zoomed img{transform:scale(2.4);cursor:zoom-out;transition:transform .1s linear}.tl-lightbox__close,.tl-lightbox__arrow{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:#fff;color:var(--tl-text);box-shadow:0 6px 20px #00000014}.tl-lightbox__close{top:1rem;right:1rem}.tl-lightbox__arrow{top:50%;margin-top:-24px}.tl-lightbox__arrow--prev{left:1rem}.tl-lightbox__arrow--prev .tl-icon{transform:rotate(180deg)}.tl-lightbox__arrow--next{right:1rem}.tl-lightbox__hint{position:absolute;bottom:1rem;left:0;right:0;margin:0;text-align:center;font-size:.75rem;color:var(--tl-muted);letter-spacing:.04em}html.tl-no-scroll,html.tl-no-scroll body{overflow:hidden}.tl-sticky{position:fixed;z-index:90;left:0;right:0;bottom:0;padding:.65rem var(--gutter-container, 16px) calc(.65rem + env(safe-area-inset-bottom));background:#efede6eb;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--tl-line);transform:translateY(110%);transition:transform .45s var(--tl-ease)}.tl-sticky.is-visible{transform:translateY(0)}.tl-sticky__inner{max-width:var(--theme-max-width, 1600px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.tl-sticky__product{display:flex;align-items:center;gap:.75rem;min-width:0}.tl-sticky__img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none}.tl-sticky__meta{display:flex;flex-direction:column;min-width:0}.tl-sticky__title{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-sticky__price{font-size:.8125rem;font-variant-numeric:tabular-nums}.tl-atc--sticky{flex:none;min-height:3rem;padding:0 2rem}@media(max-width:749px){.tl-sticky__product{display:none}.tl-atc--sticky{flex:1}}.tl-js .tl-reveal{opacity:0;transform:translateY(14px)}.tl-js .tl-reveal.is-in{opacity:1;transform:none;transition:opacity .7s var(--tl-ease),transform .7s var(--tl-ease);transition-delay:calc(var(--tl-i, 0) * 60ms)}@media(prefers-reduced-motion:reduce){.tl-product *,.tl-product *:before,.tl-product *:after,.tl-sticky,.tl-lightbox{animation:none!important;transition:none!important}.tl-js .tl-reveal{opacity:1;transform:none}.tl-gallery__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/tillila-product.css.map */