.tonis-product{--tonis-product-badges-inset: 0;display:block;background:var(--tonis-color-surface);color:var(--tonis-color-text);box-shadow:var(--tonis-shadow-product-inset)}.tonis-product__layout{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-product__breadcrumb{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest);color:var(--tonis-color-text)}.tonis-product__breadcrumb a{color:inherit;text-decoration:none}.tonis-product__breadcrumb strong{font-weight:var(--tonis-weight-bold);text-transform:uppercase}.tonis-product__breadcrumb--desktop{display:none}.tonis-product__gallery{display:flex;min-width:0;flex-direction:column;gap:var(--tonis-space-3)}.tonis-product__media-stage{position:relative;order:1;width:100%;height:var(--tonis-product-media-mobile-height);overflow:hidden;border-radius:var(--tonis-radius-12);background:var(--tonis-color-surface-muted)}.tonis-product__media-panel,.tonis-product__media-frame{width:100%;height:100%}.tonis-product__media-frame{display:flex;align-items:center;justify-content:center}.tonis-product__media-image,.tonis-product__placeholder{display:block;width:100%;height:100%;object-fit:cover}@media(hover:hover)and (pointer:fine){.tonis-product__media-stage{cursor:var(--tonis-cursor-zoom-in),zoom-in}.tonis-product__media-stage:hover .tonis-product__media-image{transform:scale(var(--tonis-product-zoom-scale));transform-origin:var(--tonis-product-zoom-x, 50%) var(--tonis-product-zoom-y, 50%)}@media(prefers-reduced-motion:no-preference){.tonis-product__media-image{transition:transform var(--tonis-duration-base) var(--tonis-ease-out)}}}.tonis-product__thumbnails{order:2;display:grid;grid-auto-rows:var(--tonis-product-thumbnail-mobile-height);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tonis-space-3);overflow-x:auto;scrollbar-width:thin}.tonis-product__thumbnail{display:flex;min-width:0;height:var(--tonis-product-thumbnail-mobile-height);padding:0;align-items:center;justify-content:center;overflow:hidden;border:var(--tonis-border-thin) solid transparent;border-radius:var(--tonis-radius-8);background:var(--tonis-color-surface-muted);cursor:pointer}.tonis-product__thumbnail[aria-current=true]{border-color:var(--tonis-color-accent)}.tonis-product__thumbnail img{width:100%;height:100%;object-fit:cover}.tonis-product__thumbnail:focus-visible,.tonis-product__quantity-button:focus-visible,.tonis-product__button:focus-visible,.tonis-product__accordion summary:focus-visible{outline:var(--tonis-border-thick) solid var(--tonis-color-accent);outline-offset:var(--tonis-space-1)}.tonis-product__info{min-width:0;border-radius:var(--tonis-radius-12);background:var(--tonis-color-surface)}.tonis-product__content,.tonis-product__heading-group,.tonis-product__purchase,.tonis-product__quantity-group,.tonis-product__stock,.tonis-product__actions,.tonis-product__checkout{display:flex;flex-direction:column}.tonis-product__content{gap:var(--tonis-space-6)}.tonis-product__heading-group{gap:var(--tonis-space-3)}.tonis-product__title{margin:0;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-32);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-snug);color:var(--tonis-color-text);text-transform:uppercase}.tonis-product__rating{display:flex;gap:var(--tonis-space-2);color:var(--tonis-color-accent)}.tonis-product__rating .tonis-icon{width:var(--tonis-space-6);height:var(--tonis-space-6)}.tonis-product__price{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-32);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-snug);color:var(--tonis-color-text)}.tonis-product__description{font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest);color:var(--tonis-color-text)}.tonis-product__description>*:first-child{margin-top:0}.tonis-product__description>*:last-child{margin-bottom:0}.tonis-product__badges{display:flex;margin:0;padding:0;padding-right:var(--tonis-product-badges-inset, 0);flex-wrap:wrap;align-items:flex-start;gap:var(--tonis-space-3);list-style:none}.tonis-product__badge{display:flex;padding:var(--tonis-space-2) var(--tonis-space-3);align-items:center;gap:var(--tonis-space-2);border-radius:var(--tonis-radius-12);background:var(--tonis-color-product-badge);font-family:var(--tonis-font-body);font-size:var(--tonis-text-16);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-relaxed);letter-spacing:var(--tonis-tracking-normal);color:var(--tonis-color-product-badge-text)}.tonis-product__badge .tonis-icon{width:var(--tonis-product-badge-icon-width);height:var(--tonis-product-badge-icon-height);flex:0 0 auto}.tonis-product__purchase{gap:var(--tonis-space-6)}.tonis-product__option{display:flex;flex-direction:column;gap:var(--tonis-space-3)}.tonis-product__option-label{margin:0;font-family:var(--tonis-font-body);font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest)}.tonis-product__option-value,.tonis-product__variant-select{width:fit-content;padding:var(--tonis-space-1) var(--tonis-space-3);border:var(--tonis-border-thin) solid var(--tonis-color-accent);border-radius:var(--tonis-radius-12);background:var(--tonis-color-surface);font-family:var(--tonis-font-body);font-size:var(--tonis-text-16);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest);color:var(--tonis-color-accent)}.tonis-product__variant-select{min-height:var(--tonis-product-control-height)}.tonis-product__quantity-group{gap:var(--tonis-space-3);margin-top:var(--tonis-space-10)}.tonis-product__quantity-label{font-family:var(--tonis-font-body);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-loosest)}.tonis-product__quantity-control{display:grid;width:var(--tonis-product-quantity-width);height:var(--tonis-product-control-height);grid-template-columns:var(--tonis-space-12) 1fr var(--tonis-space-12);align-items:center;border:var(--tonis-border-thin) solid var(--tonis-color-text);border-radius:var(--tonis-radius-12)}.tonis-product__quantity-button{display:flex;width:100%;height:100%;padding:0;align-items:center;justify-content:center;border:0;background:transparent;color:var(--tonis-color-text);cursor:pointer}.tonis-product__quantity-button .tonis-icon{width:var(--tonis-space-6);height:var(--tonis-space-6)}.tonis-product__quantity-input{width:100%;padding:0;border:0;-webkit-appearance:textfield;appearance:textfield;background:transparent;font-family:var(--tonis-font-body);font-size:var(--tonis-text-20);line-height:var(--tonis-leading-loosest);color:var(--tonis-color-text);text-align:center}.tonis-product__quantity-input::-webkit-inner-spin-button,.tonis-product__quantity-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.tonis-product__stock{--tonis-product-stock-bar-color: var(--tonis-color-stock);--tonis-product-stock-dot-outer: var(--tonis-color-stock);--tonis-product-stock-dot-inner: var(--tonis-color-label);gap:var(--tonis-space-3);margin-top:var(--tonis-space-6);padding-bottom:var(--tonis-space-8)}.tonis-product__stock[data-empty=true]{--tonis-product-stock-bar-color: var(--tonis-color-accent);--tonis-product-stock-dot-outer: var(--tonis-color-accent);--tonis-product-stock-dot-inner: var(--tonis-color-accent)}.tonis-product__stock-label{display:flex;align-items:center;gap:var(--tonis-space-3);font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-bold);line-height:var(--tonis-leading-loosest)}.tonis-product__stock-dot{display:flex;width:var(--tonis-product-stock-icon-size);height:var(--tonis-product-stock-icon-size);flex:0 0 auto;align-items:center;justify-content:center}.tonis-product__stock-dot svg{display:block;width:100%;height:100%}.tonis-product__stock-dot rect{fill:var(--tonis-product-stock-dot-outer)}.tonis-product__stock-dot circle{fill:var(--tonis-product-stock-dot-inner)}.tonis-product__stock-track{position:relative;width:100%;height:var(--tonis-product-stock-bar-height);overflow:hidden;border-radius:var(--tonis-radius-full);background:var(--tonis-color-stock-track)}.tonis-product__stock-bar{display:block;width:var(--tonis-product-stock-level);height:100%;border-radius:inherit;background:var(--tonis-product-stock-bar-color)}@media(prefers-reduced-motion:no-preference){.tonis-product__stock-bar{transition:width var(--tonis-duration-base) var(--tonis-ease-out),background-color var(--tonis-duration-fast) var(--tonis-ease-out)}}.tonis-product__accordions{border-top:var(--tonis-border-hairline) solid var(--tonis-color-brand)}.tonis-product__accordion{border-bottom:var(--tonis-border-hairline) solid var(--tonis-color-brand)}.tonis-product__accordion summary{display:flex;padding:var(--tonis-space-5) var(--tonis-space-3);align-items:center;justify-content:space-between;gap:var(--tonis-space-4);list-style:none;cursor:pointer;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-semibold);line-height:var(--tonis-leading-snug);text-transform:uppercase}.tonis-product__accordion summary::-webkit-details-marker{display:none}.tonis-product__accordion summary .tonis-icon{width:var(--tonis-space-4);height:var(--tonis-space-4);transition:transform var(--tonis-duration-fast) var(--tonis-ease-out)}.tonis-product__accordion[open] summary .tonis-icon{transform:rotate(180deg)}.tonis-product__accordion-content{padding:0 var(--tonis-space-3) var(--tonis-space-5);font-family:var(--tonis-font-body);font-size:var(--tonis-text-18);line-height:var(--tonis-leading-loosest)}@media(prefers-reduced-motion:no-preference){@supports selector(::details-content) and (interpolate-size: allow-keywords){.tonis-product__accordion{interpolate-size:allow-keywords}.tonis-product__accordion::details-content{block-size:0;overflow:hidden;transition:block-size var(--tonis-duration-base) var(--tonis-ease-out),content-visibility var(--tonis-duration-base) allow-discrete}.tonis-product__accordion[open]::details-content{block-size:auto}}}@media(prefers-reduced-motion:reduce){.tonis-product__accordion summary .tonis-icon,.tonis-product__accordion::details-content{transition:none}}.tonis-product__actions{gap:var(--tonis-space-3);margin-top:var(--tonis-space-10)}.tonis-product__button{display:flex;width:100%;min-height:var(--tonis-product-control-height);padding:var(--tonis-space-3) var(--tonis-space-6);align-items:center;justify-content:center;border:var(--tonis-border-thin) solid var(--tonis-color-accent);border-radius:var(--tonis-radius-12);font-family:var(--tonis-font-body);font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-medium);line-height:var(--tonis-leading-snug);text-transform:uppercase;cursor:pointer}.tonis-product__button--add{position:relative;background:var(--tonis-color-surface);color:var(--tonis-color-accent)}.tonis-product__button--buy{background:var(--tonis-color-accent);color:var(--tonis-color-on-accent);font-weight:var(--tonis-weight-semibold)}.tonis-product__button[disabled]{opacity:.45;cursor:not-allowed}.tonis-product__button .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:auto;height:auto;align-items:center;justify-content:center}.tonis-product__button .spinner{width:2.4rem;height:2.4rem}.tonis-product__button .path{stroke:currentColor}.tonis-product__button.loading [data-tonis-add-label]{opacity:0}.tonis-product__buy-form{margin:0}.tonis-product__checkout{align-items:center;gap:var(--tonis-space-6)}.tonis-product__payments{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--tonis-space-3)}.tonis-product__payment-mark{display:flex;width:4.4rem;height:2.9rem;align-items:center;justify-content:center}.tonis-product__payment-mark svg{width:100%;height:100%;filter:drop-shadow(var(--tonis-shadow-mark))}.tonis-product__secure{display:flex;align-items:center;gap:var(--tonis-space-3);font-family:var(--tonis-font-body);font-size:var(--tonis-text-22);line-height:var(--tonis-leading-loosest)}.tonis-product__secure svg{width:var(--tonis-space-6);height:var(--tonis-space-6)}@media screen and (min-width:750px){.tonis-product__layout{max-width:var(--tonis-product-gallery-column);margin-inline:auto}.tonis-product__gallery{display:grid;width:100%;grid-template-columns:var(--tonis-product-thumbnail-size) minmax(0,var(--tonis-product-media-width));gap:var(--tonis-space-6)}.tonis-product__media-stage{order:2;width:100%;height:var(--tonis-product-media-height);border-radius:var(--tonis-radius-24)}.tonis-product__thumbnails{order:1;display:flex;width:var(--tonis-product-thumbnail-size);flex-direction:column;gap:var(--tonis-space-6);overflow:visible}.tonis-product__thumbnail{width:var(--tonis-product-thumbnail-size);height:var(--tonis-product-thumbnail-size);flex:0 0 var(--tonis-product-thumbnail-size)}.tonis-product__info{padding:var(--tonis-space-6)}.tonis-product__title{font-size:var(--tonis-text-40)}.tonis-product__rating .tonis-icon{width:var(--tonis-space-8);height:var(--tonis-space-8)}.tonis-product__price{font-size:var(--tonis-text-55)}.tonis-product__description{font-size:var(--tonis-text-22)}.tonis-product__button{font-size:var(--tonis-text-25)}}@media screen and (min-width:1400px){.tonis-product{--tonis-product-badges-inset: 9rem}.tonis-product__layout{display:grid;max-width:none;margin-inline:0;grid-template-columns:var(--tonis-product-gallery-column) minmax(0,1fr);align-items:start;gap:var(--tonis-space-6)}.tonis-product__breadcrumb--mobile{display:none}.tonis-product__breadcrumb--desktop{display:block}.tonis-product__gallery{position:sticky;top:var(--tonis-space-6);width:var(--tonis-product-gallery-column);grid-template-columns:var(--tonis-product-thumbnail-size) var(--tonis-product-media-width)}.tonis-product__media-stage{width:var(--tonis-product-media-width)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tonis-product.css.map */