.section-product-comparison{--page-padding: var(--sp-4)}.section-product-comparison .title-wrapper .heading{font-weight:600}.section-product-comparison .section--padding{padding-block-start:calc(var(--section-padding-top) * .89);padding-block-end:calc(var(--section-padding-bottom) * .89)}@media screen and (min-width:768px){.section-product-comparison .section--padding{padding-block-start:var(--section-padding-top);padding-block-end:var(--section-padding-bottom)}}@media screen and (min-width:1024px){.section-product-comparison{--page-padding: var(--sp-10)}}.pcmp{display:block;max-width:1100px;margin-inline:auto}.pcmp__controls{display:flex;justify-content:center;margin-top:var(--sp-4)}.pcmp__hint{margin:var(--sp-4) 0 0;text-align:center;font-size:var(--text-xs);color:rgb(var(--color-slate-grey))}.pcmp__hint+.pcmp__picker{margin-top:var(--sp-2)}.pcmp__picker{display:grid;grid-auto-flow:column;grid-auto-columns:156px;justify-content:center;justify-content:safe center;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2);margin-top:var(--sp-4);scrollbar-width:none;-ms-overflow-style:none}.pcmp__picker::-webkit-scrollbar{display:none}.pcmp__picker.has-more-right{-webkit-mask-image:linear-gradient(to right,black calc(100% - 48px),transparent);mask-image:linear-gradient(to right,black calc(100% - 48px),transparent)}.pcmp__picker.has-more-left{-webkit-mask-image:linear-gradient(to left,black calc(100% - 48px),transparent);mask-image:linear-gradient(to left,black calc(100% - 48px),transparent)}.pcmp__picker.has-more-left.has-more-right{-webkit-mask-image:linear-gradient(to right,transparent,black 48px,black calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,black 48px,black calc(100% - 48px),transparent)}.pcmp__pick{display:grid;gap:4px;padding:var(--sp-2);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-block);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.pcmp__pick.is-on{border-color:rgb(var(--color-foreground));background:rgb(var(--color-highlight) / .35)}.pcmp__pick.is-full{opacity:.45;cursor:not-allowed}.pcmp__pick input{justify-self:start}.pcmp__pick-media{display:block;aspect-ratio:1;background:rgb(var(--color-border-light));border-radius:var(--rounded-block);overflow:hidden}.pcmp__pick-media img{display:block;width:100%;height:100%;object-fit:cover}.pcmp__pick-title{font-size:var(--text-sm);font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcmp__pick-price{font-size:var(--text-base);font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.pcmp__limit{margin:var(--sp-2) 0 0;font-size:var(--text-xs);color:rgb(var(--color-slate-grey))}.pcmp__diff{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:rgb(var(--color-foreground));cursor:pointer}.pcmp__scroll{margin-top:var(--sp-3);overflow-x:auto;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.pcmp__scroll::-webkit-scrollbar{display:none}.pcmp__table{border-collapse:collapse;overflow:visible;table-layout:fixed;width:max-content;min-width:100%}.pcmp__table th[scope=row],.pcmp__corner{position:sticky;left:0;z-index:2;background:rgb(var(--color-background));text-align:left;width:150px;min-width:150px;max-width:150px}.pcmp__table th,.pcmp__table td{padding:var(--sp-3);border-bottom:1px solid rgb(var(--color-border));vertical-align:top;font-size:var(--text-base);line-height:1.45;color:rgb(var(--color-foreground))}.pcmp__table th[scope=row]{font-size:var(--text-sm);font-weight:600}.pcmp__col{--pcmp-flag-space: 18px;position:relative;width:170px;min-width:170px;max-width:170px;padding-top:var(--pcmp-flag-space);text-align:left;vertical-align:bottom}.pcmp__col.is-anchor{box-shadow:inset 0 -3px rgb(var(--color-foreground))}.pcmp__flag{position:absolute;top:0;left:0;font-size:var(--text-2xs);font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-slate-grey))}.pcmp__col-img{display:block;width:100%;max-width:96px;aspect-ratio:1;object-fit:cover;border-radius:var(--rounded-block);margin-bottom:6px}.pcmp__col-title{display:block;font-size:var(--text-base);font-weight:600;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:underline}.pcmp__col-price{display:block;margin-top:2px;font-size:var(--text-base);font-weight:700;color:rgb(var(--color-foreground))}.pcmp__remove{position:absolute;top:2px;right:2px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-slate-grey));font-size:18px;line-height:1;cursor:pointer}.pcmp__remove:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.pcmp__row.is-diff th[scope=row]{box-shadow:inset 3px 0 rgb(var(--color-foreground))}.pcmp__row.is-diff td{background:none}.pcmp__blank{color:rgb(var(--color-slate-grey));font-style:italic}.pcmp__pick input:focus-visible,.pcmp__remove:focus-visible,.pcmp__diff input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:768px){.pcmp__picker{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(156px,200px));justify-content:center;overflow-x:visible}.pcmp__table th,.pcmp__table td{padding:var(--sp-3) var(--sp-4)}.pcmp__col-img{max-width:120px}}@media screen and (min-width:1024px){.pcmp__mount{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:2.5rem;align-items:start}.pcmp__hint{grid-column:2;grid-row:1;margin:0 0 .5rem;text-align:left}.pcmp__picker{grid-column:2;grid-row:2 / span 8;position:sticky;top:calc(var(--sticky-header-height, 0px) + var(--topbar-height, 0px) + 16px);display:flex;flex-direction:column;justify-content:flex-start;gap:0;margin-top:0;padding:.25rem .25rem .25rem 0;max-height:min(70vh,620px);overflow-y:auto;overflow-x:hidden;border:1px solid rgb(var(--color-border-light));border-radius:var(--rounded-block);background:#fff}.pcmp__picker.has-more-left,.pcmp__picker.has-more-right,.pcmp__picker.has-more-left.has-more-right{-webkit-mask-image:none;mask-image:none}.pcmp__picker{scrollbar-width:thin;scrollbar-color:#C9C2B6 transparent;scrollbar-gutter:stable}.pcmp__picker::-webkit-scrollbar{display:block;width:8px}.pcmp__picker::-webkit-scrollbar-thumb{background:#c9c2b6;border-radius:4px}.pcmp__picker::-webkit-scrollbar-track{background:transparent}.pcmp__pick{display:grid;grid-template-columns:auto 56px minmax(0,1fr);gap:0 .65rem;align-items:center;padding:.55rem .65rem;border:0;border-bottom:1px solid rgb(var(--color-border-light));border-radius:0}.pcmp__pick:last-child{border-bottom:0}.pcmp__pick input{justify-self:center;align-self:center}.pcmp__pick-media{width:56px;height:56px;aspect-ratio:auto;border-radius:4px}.pcmp__pick-title{font-size:.86rem;line-height:1.3;-webkit-line-clamp:2}.pcmp__pick-price{font-size:.86rem;grid-column:3;margin-top:2px}.pcmp__limit,.pcmp__controls,.pcmp__same,.pcmp__scroll,.pcmp__more{grid-column:1}}@media screen and (prefers-reduced-motion:reduce){.pcmp__pick{transition:none}}.pcmp__more{display:flex;justify-content:center;margin-top:var(--sp-4)}@media screen and (max-width:767px){.pcmp__scroll:not(.is-pcmp-wide){overflow-x:visible}.pcmp__table:not(.is-pcmp-wide){display:block;width:100%;min-width:0}.pcmp__table:not(.is-pcmp-wide) thead,.pcmp__table:not(.is-pcmp-wide) tbody{display:block}.pcmp__table:not(.is-pcmp-wide) thead{position:sticky;top:calc(var(--sticky-header-height, 0px) + var(--topbar-height, 0px));z-index:3;background:rgb(var(--color-background))}.pcmp__table:not(.is-pcmp-wide) thead tr{display:grid;grid-template-columns:repeat(var(--pcmp-cols, 2),1fr);gap:var(--sp-2);border-bottom:1px solid rgb(var(--color-foreground))}.pcmp__table:not(.is-pcmp-wide) .pcmp__corner{display:none}.pcmp__table:not(.is-pcmp-wide) th.pcmp__col{position:relative;width:auto;min-width:0;max-width:none;padding:var(--pcmp-flag-space) 0 var(--sp-3)}.pcmp__table:not(.is-pcmp-wide) .pcmp__row{display:grid;grid-template-columns:repeat(var(--pcmp-cols, 2),1fr);gap:var(--sp-2);padding-block:var(--sp-4d5);border-bottom:1px solid rgb(var(--color-border))}.pcmp__row:last-child{border-bottom:0}.pcmp__table:not(.is-pcmp-wide) th[scope=row]{position:static;grid-column:1 / -1;width:auto;min-width:0;max-width:none;padding:0 0 var(--sp-2d5);font-size:var(--text-xs);font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-slate-grey))}.pcmp__table:not(.is-pcmp-wide) td{min-width:0;padding:0;border:0;font-size:var(--text-sm);line-height:1.35;overflow-wrap:anywhere}.pcmp__table:not(.is-pcmp-wide) .pcmp__row.is-diff{background:none}.pcmp__table:not(.is-pcmp-wide) .pcmp__row.is-diff th[scope=row]{box-shadow:none}.pcmp__table:not(.is-pcmp-wide) .pcmp__row.is-diff{padding-left:var(--sp-3);border-left:3px solid rgb(var(--color-foreground))}.pcmp__table:not(.is-pcmp-wide) .pcmp__col-img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.pcmp__col-title,.pcmp__col-price{font-size:var(--text-sm)}.pcmp__flag{font-size:var(--text-2xs)}}.section-product-comparison{display:none}.section-product-comparison:has(product-comparison.is-pcmp-ready){display:block}@supports not selector(:has(*)){.section-product-comparison{display:block}}.pcmp-drawer .drawer__inner{max-width:min(1160px,100%)}.pcmp-drawer .drawer__scrollable{overflow-y:auto;padding:1rem 1.25rem 2rem}.pcmp-drawer .section-product-comparison{display:block}@media(min-width:1024px){.pcmp-drawer .pcmp__picker{top:8px;max-height:min(75vh,680px)}}.pcmp,.pcmp-drawer{font-family:var(--font-body-family),sans-serif;color:#313c38}.pcmp-drawer .drawer__title{font-family:var(--font-canela-family),Georgia,serif;font-weight:600;font-size:clamp(1.4rem,3vw,1.9rem);color:#313c38}.pcmp table,.pcmp th,.pcmp td{font-family:inherit}.pcmp__flag{letter-spacing:.06em}.pcmp__col-title{color:#313c38}.pcmp__more .button,.pcmp__more .button:after,.pcmp__more .button .btn-fill{border-radius:4px}.pcmp-drawer .drawer__inner{background:#f7f5f1}.pcmp-drawer .drawer__header{background:#f7f5f1;border-bottom:1px solid #E2DED6}@media(max-width:767px){.pcmp-drawer .pcmp__picker{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(2,1fr);overflow-x:visible;-webkit-mask-image:none;mask-image:none}.pcmp__pick input[type=checkbox]{width:22px;height:22px;accent-color:#313C38}}
/*# sourceMappingURL=/cdn/shop/t/587/assets/product-comparison.css.map */