compare-toggle,compare-tray,compare-page{display:block}compare-tray[hidden]{display:none}.compare-toggle{position:relative;z-index:2;align-self:flex-start;margin-block-start:.5rem}.compare-toggle__button{display:inline-flex;align-items:center;gap:.55rem;min-height:32px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:color .2s var(--ease)}.compare-toggle__button:hover,.compare-toggle.is-selected .compare-toggle__button{color:var(--fg)}.compare-toggle__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.compare-toggle__box{position:relative;flex:none;width:14px;height:14px;border:1px solid currentColor;transition:background-color .2s var(--ease),border-color .2s var(--ease)}.compare-toggle.is-selected .compare-toggle__box{border-color:var(--color-accent);background:var(--color-accent)}.compare-toggle.is-selected .compare-toggle__box:after{content:"";position:absolute;inset-block-start:1px;inset-inline-start:4px;width:4px;height:8px;border:solid var(--color-bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.compare-tray{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;background:var(--color-bg);color:var(--color-text);border-block-start:1px solid var(--color-border);box-shadow:0 -18px 40px -32px #00000059}@media(prefers-reduced-motion:no-preference){.compare-tray{animation:compare-tray-in .45s var(--ease) both}}@keyframes compare-tray-in{0%{transform:translateY(100%)}}.compare-tray__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading actions" "items items" "message message";gap:.75rem 1rem;padding-block:.85rem}.compare-tray__heading{grid-area:heading;align-self:center}.compare-tray__title{margin:0;font-size:var(--text-2xs);font-weight:var(--font-body-weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase}[dir=rtl] .compare-tray__title{font-size:var(--text-sm)}.compare-tray__count{margin:.15rem 0 0;font-size:var(--text-xs);color:var(--color-text-secondary);transition:color .3s var(--ease)}.compare-tray.is-full .compare-tray__count{color:var(--color-accent)}.compare-tray__items{grid-area:items;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.compare-tray__item{position:relative;display:flex;align-items:center;min-width:0;min-height:56px;background:var(--color-bg-secondary)}.compare-tray__item--empty{background:none;border:1px dashed var(--color-border)}.compare-tray__product{display:flex;flex:1 1 auto;align-items:center;gap:.6rem;min-width:0;padding:.35rem;padding-inline-end:2rem;color:inherit}.compare-tray__product img{flex:none;width:44px;height:44px;object-fit:cover;background:var(--color-bg)}.compare-tray__name{display:-webkit-box;overflow:hidden;font-size:var(--text-xs);line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;unicode-bidi:plaintext}.compare-tray__remove{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--color-text-secondary);font-size:1.15rem;line-height:1;cursor:pointer}.compare-tray__remove:hover{color:var(--color-text)}.compare-tray__remove:focus-visible,.compare-tray__product:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.compare-tray__actions{grid-area:actions;display:flex;align-items:center;gap:1rem}.compare-tray__clear{min-height:40px;font-size:var(--text-xs)}.compare-tray__go{min-height:44px;padding-inline:1.25rem;white-space:nowrap}.compare-tray__go[aria-disabled=true]{opacity:.4;cursor:not-allowed}.compare-tray__message{grid-area:message;margin:0;font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-tray__message:empty{display:none}body.has-compare-tray{padding-block-end:var(--compare-tray-height, 150px)}body.has-compare-tray .whatsapp-float{inset-block-end:calc(var(--compare-tray-height, 150px) + 12px)}@media(min-width:990px){.compare-tray__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading items actions" "message message message";gap:.5rem 2rem;align-items:center}.compare-tray__items{gap:.75rem}}@media(max-width:479px){.compare-tray__product{flex-direction:column;align-items:flex-start;gap:.3rem;padding-inline-end:.35rem}.compare-tray__product img{width:40px;height:40px}.compare-tray__name{-webkit-line-clamp:1;font-size:var(--text-2xs)}.compare-tray__item{min-height:72px;align-items:flex-start}.compare-tray__clear{display:none}}.compare-page__header{max-width:40rem;margin:0 auto clamp(2rem,5vw,3.5rem);text-align:center}.compare-page__header .h1{margin:0}.compare-page__intro{color:var(--muted)}.compare-page__status{margin:0 0 1.5rem;text-align:center;color:var(--muted)}.compare-page__status:empty{display:none}.compare-page__empty{max-width:32rem;margin:0 auto 2.5rem;text-align:center}.compare-page__empty p{margin-block-end:1.25rem;color:var(--muted)}.compare-page__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.25rem}.compare-page__swipe{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-page__arrows{display:flex;align-items:center;gap:.5rem}.compare-page__position{min-width:4.5rem;font-size:var(--text-xs);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums}.compare-page__arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color .2s var(--ease),opacity .2s var(--ease)}.compare-page__arrow:hover:not(:disabled){border-color:var(--color-accent)}.compare-page__arrow:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.compare-page__arrow:disabled{opacity:.35;cursor:default}.compare-page__arrow .icon{width:16px;height:16px}.compare-page__arrow[data-compare-prev] .icon,[dir=rtl] .compare-page__arrow[data-compare-next] .icon{transform:scaleX(-1)}[dir=rtl] .compare-page__arrow[data-compare-prev] .icon{transform:none}compare-page [hidden]{display:none!important}.compare-table-wrapper{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@media(prefers-reduced-motion:reduce){.compare-table-wrapper{scroll-behavior:auto}}.compare-table{width:100%;border-collapse:collapse}.compare-table__label{padding:1.25rem 1rem 1.25rem 0;padding-inline:0 1rem;background:var(--bg);font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);text-align:start;color:var(--fg);vertical-align:top}.compare-table__cell{padding:1.25rem 0;vertical-align:top;font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.compare-table__row+.compare-table__row>*{border-block-start:1px solid var(--color-border)}.compare-table__row--product>*{padding-block-start:0}.compare-table__cell p{margin:0}.compare-table__cell p+p{margin-block-start:.6rem}.compare-table__empty{color:var(--color-text-secondary)}.compare-table__sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-spec{display:grid;gap:.1rem}.compare-spec__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-spec__value{color:var(--color-text);unicode-bidi:plaintext}.compare-spec__source{font-size:var(--text-2xs);color:var(--color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:start}.compare-table__source{font-size:var(--text-2xs);font-style:italic;color:var(--color-text-secondary)}.compare-option--unavailable{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:var(--color-border)}.compare-table__status--available:before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:.5rem;border-radius:50%;background:var(--color-accent);vertical-align:middle}.compare-price .price{font-size:var(--text-md);font-weight:var(--font-body-weight-medium)}.compare-product__media{display:block;aspect-ratio:4 / 3;overflow:hidden;margin-block-end:1rem;background:var(--color-card);border:1px solid var(--color-border)}.compare-product__media img,.compare-product__media .placeholder-svg{width:100%;height:100%;object-fit:contain;padding:4%;transition:transform .8s var(--ease)}.compare-product__media .placeholder-svg{padding:0;object-fit:cover}@media(hover:hover){.compare-product__media:hover img{transform:scale(1.03)}}.compare-product__title{margin:0 0 .25rem;font-family:var(--font-heading-family);font-size:var(--text-md);font-weight:var(--font-body-weight-medium);line-height:var(--leading-snug);letter-spacing:0;text-transform:none}.compare-product__title a{color:inherit}.compare-product__remove{min-height:32px;font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-actions,.compare-actions__form{display:grid;gap:.6rem}.compare-actions__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-actions__message{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-actions__message:empty{display:none}@media(max-width:989px){.compare-table-wrapper{scroll-snap-type:x mandatory;container-type:inline-size}.compare-table,.compare-table tbody{display:block}.compare-table colgroup{display:none}.compare-table__row{--col: calc((100cqi - 1rem)/2) ;display:grid;grid-template-columns:repeat(var(--compare-columns, 2),var(--col));column-gap:1rem;width:max-content;min-width:100%}compare-page[data-count="1"] .compare-table__row{--col: 100cqi}.compare-table__row+.compare-table__row>*{border-block-start:0}.compare-table__row+.compare-table__row{border-block-start:1px solid var(--color-border)}.compare-table__label{position:sticky;inset-inline-start:0;grid-column:1 / -1;width:100cqi;padding:1rem 0 .25rem;font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-table__row--product .compare-table__label,.compare-table__row--actions .compare-table__label{padding:0}.compare-table__cell{padding:.25rem 0 1rem;scroll-snap-align:start}.compare-table__row--product .compare-table__cell{padding-block-start:0}.compare-product__title,.compare-price .price{font-size:var(--text-base)}}@media(min-width:990px){.compare-table{--label-width: 180px;table-layout:fixed;min-width:calc(var(--label-width) + 220px * var(--compare-columns, 3));max-width:calc(var(--label-width) + 400px * var(--compare-columns, 3));margin-inline:auto}.compare-table__col-label{width:var(--label-width)}.compare-table__label{position:sticky;inset-inline-start:0;z-index:1}.compare-table__cell{padding-inline:1.25rem}}@media(max-width:749px){.compare-tray__title{display:none}.compare-tray__count{margin:0;color:var(--color-text)}.compare-tray__inner{padding-block:.65rem;gap:.5rem 1rem}}.compare-actions .select__input{padding-inline:.75rem 2rem;font-size:var(--text-sm);text-overflow:ellipsis}.compare-table__row--actions .compare-table__cell{vertical-align:bottom}.compare-actions{height:100%;align-content:end}@media(max-width:989px){.section-main-compare .section-spacing{padding-block-end:calc(var(--pb, 96px) * .65 + 72px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/compare.css.map */