.geo-fit-specs{--geo-gap: 1.6rem;--geo-panel-radius: .8rem;--geo-tab-radius: 999px;--geo-divider: rgba(var(--color-foreground), .1);--geo-card-bg: color-mix(in srgb, rgba(var(--color-background)) 96%, transparent);--geo-metric-bg: var(--geo-card-bg)}.geo-fit-specs__layout{display:grid;grid-template-columns:1fr;gap:1.6rem}.geo-fit-specs__panels{display:grid;gap:1.2rem}.geo-fit-specs__panel{border:.1rem solid var(--geo-divider);border-radius:var(--geo-panel-radius);background:var(--geo-card-bg);overflow:hidden}.geo-fit-specs__image .xo-image,.geo-fit-specs__image img,.geo-fit-specs__image .xo-image__placeholder{width:100%;height:100%}.geo-fit-specs__image img{object-fit:cover}.geo-fit-specs__image--desktop{display:none}.geo-fit-specs__image--mobile{display:block}.geo-fit-specs__tabs{display:none;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.geo-fit-specs__tab{-webkit-appearance:none;appearance:none;border:.1rem solid rgba(var(--color-foreground),.2);background:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);color:rgb(var(--color-foreground));border-radius:var(--geo-tab-radius);min-height:4.2rem;padding:.8rem 1.2rem;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:600;line-height:1.2;cursor:pointer;transition:all .25s ease}.geo-fit-specs__tab:hover{border-color:rgba(var(--color-foreground),.4)}.geo-fit-specs__tab:active{transform:translateY(.1rem)}.geo-fit-specs__tab.is-active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2) inset}.geo-fit-specs__info{display:grid;gap:1.6rem}.geo-fit-specs__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.geo-fit-specs__metric{min-height:10.8rem;border-radius:.8rem;border:.1rem solid var(--geo-divider);background:var(--geo-metric-bg);padding:1rem 1.2rem;text-align:center;transition:box-shadow .25s ease,border-color .25s ease}.geo-fit-specs__metric--scheme{--geo-metric-bg: rgb(var(--color-background));border-color:rgba(var(--color-foreground),.12)}.geo-fit-specs__metric:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 .8rem 2.4rem #0000000f}.geo-fit-specs__metric:active{box-shadow:0 .3rem 1.2rem #00000014}.geo-fit-specs__metric-icon{width:2.6rem;height:2.6rem;margin:0 auto .6rem}.geo-fit-specs__metric-label{margin:0;color:color-mix(in srgb,rgba(var(--color-foreground)) 60%,transparent);font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1.2}.geo-fit-specs__metric-value{margin:.4rem 0 0;color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 2.2rem);line-height:1.15;font-weight:700}.geo-fit-specs__dimensions{border-top:.1rem solid var(--geo-divider);padding-top:1rem;display:grid;grid-template-columns:1fr}.geo-fit-specs__dimension{min-height:5.2rem;border-bottom:.1rem solid var(--geo-divider);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem 0}.geo-fit-specs__dimension-key{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent);color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:700}.geo-fit-specs__dimension-label{color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * 1.6rem)}.geo-fit-specs__dimension-value{color:rgb(var(--color-accent));font-size:calc(var(--font-body-scale) * 2.5rem);line-height:1;font-weight:700}@media(max-width:991px){.geo-fit-specs__info--hide-mobile{display:none}.geo-fit-specs__metric-value{font-size:calc(var(--font-body-scale) * 1.6rem)}}@media(min-width:992px){.geo-fit-specs__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:2.2rem;align-items:stretch}.geo-fit-specs__tabs{display:grid}.geo-fit-specs__panel{display:none}.geo-fit-specs__panel.is-active,.geo-fit-specs__image--desktop{display:block}.geo-fit-specs__image--mobile{display:none}.geo-fit-specs__metrics{gap:1.2rem}.geo-fit-specs__info{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.geo-fit-specs__dimensions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem;row-gap:0}.geo-fit-specs__dimension-key{font-size:calc(var(--font-body-scale) * 1.3rem)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/geometry-size-fit-specs.css.map */