.product-variant-columns{padding:var(--variant-columns-padding, 16px);background:var(--variant-columns-bg, #f5f7fa);border:var(--variant-columns-border-width, 1px) solid var(--variant-columns-border-color, #d7dde4);border-radius:var(--variant-columns-radius, 0);color:var(--variant-columns-text-color, #243a53)}.product-variant-columns__divider{border-top:1px solid var(--variant-columns-border-color, #d7dde4);margin-bottom:14px}.product-variant-columns__header{margin-bottom:12px}.product-variant-columns__heading{margin:0;font-size:var(--variant-columns-heading-size, 22px);line-height:1.15;font-weight:700;color:var(--variant-columns-heading-color, #243a53)}.product-variant-columns__subheading{margin:6px 0 0;font-size:14px;line-height:1.35;color:var(--variant-columns-muted-color, #5f6f87)}.product-variant-columns__grid{display:grid;gap:var(--variant-columns-gap, 10px);grid-template-columns:repeat(var(--variant-columns-cols-desktop, 4),minmax(0,1fr))}.product-variant-columns__card{width:100%;text-align:left;border:var(--variant-columns-card-border-width, 1px) solid var(--variant-columns-card-border, #d7dde4);border-radius:var(--variant-columns-card-radius, 0);background:var(--variant-columns-card-bg, #fff);color:inherit;padding:var(--variant-columns-card-padding, 10px);display:flex;flex-direction:column;gap:0;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.product-variant-columns__card:hover{border-color:var(--variant-columns-card-active-border, #243a53)}.product-variant-columns__card.is-active{border-color:var(--variant-columns-card-active-border, #243a53);background:var(--variant-columns-card-active-bg, #f2f6fb)}.product-variant-columns__card.is-unavailable{opacity:.55;cursor:not-allowed}.product-variant-columns__summary-image-wrap{position:relative;border-radius:var(--variant-columns-summary-image-radius, 0);overflow:hidden;background:#0000000a;height:0;padding-bottom:var(--variant-columns-summary-image-padding, 100%)}.product-variant-columns__summary-layout{display:flex;flex-direction:column;gap:var(--variant-columns-summary-image-gap, 10px);min-width:0}.product-variant-columns__summary-layout--left{flex-direction:row;align-items:center}.product-variant-columns__summary-layout--right{flex-direction:row-reverse;align-items:center}.product-variant-columns__summary-layout--left .product-variant-columns__summary-image-wrap,.product-variant-columns__summary-layout--right .product-variant-columns__summary-image-wrap{width:min(100%,var(--variant-columns-summary-image-width, 96px));flex:0 0 min(100%,var(--variant-columns-summary-image-width, 96px))}.product-variant-columns__summary-layout--left .product-variant-columns__summary,.product-variant-columns__summary-layout--right .product-variant-columns__summary{flex:1 1 auto}.product-variant-columns__summary-layout--no-image .product-variant-columns__summary{width:100%}.product-variant-columns__active-image-wrap{position:relative;border-radius:var(--variant-columns-active-image-radius, 0);overflow:hidden;background:transparent;width:min(100%,var(--variant-columns-active-image-width, 96px));flex:0 0 min(100%,var(--variant-columns-active-image-width, 96px));align-self:var(--variant-columns-active-image-vertical-align, center)}.product-variant-columns__summary-image-wrap img{width:100%;height:100%;object-fit:var(--variant-columns-summary-image-fit, cover);position:absolute;top:0;right:0;bottom:0;left:0}.product-variant-columns__active-image-wrap img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;position:relative}.product-variant-columns--active-image-fit-cover .product-variant-columns__active-image-wrap{height:0;padding-bottom:var(--variant-columns-active-image-padding, 66.666%)}.product-variant-columns--active-image-fit-cover .product-variant-columns__active-image-wrap img{width:100%;height:100%;max-height:none;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.product-variant-columns__summary{display:flex;flex-direction:column;gap:0;min-width:0}.product-variant-columns__summary-main{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}.product-variant-columns__summary-left{flex:1 1 auto;min-width:0}.product-variant-columns__summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.product-variant-columns__title{margin:0;font-size:var(--variant-columns-title-size, 14px);line-height:1.2;font-weight:700;color:var(--variant-columns-text-color, #243a53);overflow-wrap:anywhere}.product-variant-columns__caption{margin:4px 0 0;font-size:var(--variant-columns-caption-size, 12px);line-height:1.35;color:var(--variant-columns-muted-color, #5f6f87)}.product-variant-columns__price-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.product-variant-columns__price{font-size:var(--variant-columns-price-size, 16px);line-height:1.2;font-weight:700;color:var(--variant-columns-price-color, #243a53)}.product-variant-columns__compare{font-size:calc(var(--variant-columns-price-size, 16px) - 2px);line-height:1.2;opacity:.7;text-decoration:line-through}.product-variant-columns__savings{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--variant-columns-savings-border, #cfd8e5);border-radius:var(--variant-columns-savings-radius, 999px);background:var(--variant-columns-savings-bg, #eaf0f7);color:var(--variant-columns-savings-text, #243a53);font-size:var(--variant-columns-savings-size, 10px);line-height:1;letter-spacing:.02em;font-weight:700;white-space:nowrap}.product-variant-columns__details{border-top:0;padding-top:0;margin-top:0;max-height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .26s ease,opacity .18s ease,margin-top .18s ease,padding-top .18s ease}.product-variant-columns__card.is-active .product-variant-columns__details{border-top:1px solid rgba(0,0,0,.08);max-height:520px;opacity:1;margin-top:var(--variant-columns-details-gap, 10px);padding-top:10px;pointer-events:auto}.product-variant-columns--details-false .product-variant-columns__details{display:none}.product-variant-columns__details-label{margin:0;font-size:var(--variant-columns-details-label-size, 11px);line-height:1.2;text-transform:var(--variant-columns-details-label-case, none);letter-spacing:.04em;font-weight:700;color:var(--variant-columns-details-label-color, #5f6f87)}.product-variant-columns__details-layout{display:flex;align-items:var(--variant-columns-active-image-vertical-align, center);gap:var(--variant-columns-active-image-gap, 10px);min-width:0}.product-variant-columns__details-layout--top{flex-direction:column;align-items:flex-start}.product-variant-columns__details-layout--right{flex-direction:row-reverse}.product-variant-columns__details-layout--top .product-variant-columns__active-image-wrap{width:100%;flex-basis:auto}.product-variant-columns__details-layout--no-image .product-variant-columns__details-copy{width:100%}.product-variant-columns__details-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.product-variant-columns__includes-title{margin:0;font-size:var(--variant-columns-details-title-size, 13px);line-height:1.2;font-weight:700;color:var(--variant-columns-details-title-color, #243a53)}.product-variant-columns__includes{margin-top:0;padding:0;background:transparent;border-radius:0;color:var(--variant-columns-includes-color, #243a53);border:0;font-size:var(--variant-columns-includes-size, 12px);line-height:1.35;overflow-wrap:anywhere}.product-variant-columns__includes>*:first-child{margin-top:0}.product-variant-columns__includes>*:last-child{margin-bottom:0}.product-variant-columns__includes ul,.product-variant-columns__includes ol{margin-left:0;padding-left:var(--variant-columns-includes-list-indent, 20px);list-style-position:inside}.product-variant-columns__includes ul ul,.product-variant-columns__includes ul ol,.product-variant-columns__includes ol ul,.product-variant-columns__includes ol ol{margin-left:0;padding-left:var(--variant-columns-includes-list-indent, 20px)}.product-variant-columns--includes-surface-true .product-variant-columns__includes{padding:var(--variant-columns-includes-padding, 10px);background:var(--variant-columns-detail-bg, #eef3f9);border-radius:var(--variant-columns-includes-radius, 8px)}.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ul,.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ol{list-style:none;margin-left:0;padding-left:0}.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ul li,.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ol li{position:relative;padding-left:calc(var(--variant-columns-includes-list-indent, 20px) + var(--variant-columns-includes-list-icon-size, 14px) + var(--variant-columns-includes-list-icon-gap, 8px))}.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ul li:before,.product-variant-columns--custom-list-icon-true .product-variant-columns__includes ol li:before{content:"";position:absolute;left:var(--variant-columns-includes-list-indent, 20px);top:.62em;width:var(--variant-columns-includes-list-icon-size, 14px);height:var(--variant-columns-includes-list-icon-size, 14px);transform:translateY(-50%);background-color:currentColor;-webkit-mask-image:var(--variant-columns-includes-list-icon-image);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:var(--variant-columns-includes-list-icon-image);mask-repeat:no-repeat;mask-position:center;mask-size:contain}.product-variant-columns__empty{margin:0;font-size:13px;opacity:.75}@media only screen and (max-width:768px){.product-variant-columns__grid{grid-template-columns:repeat(var(--variant-columns-cols-mobile, 2),minmax(0,1fr))}.product-variant-columns__card{gap:0}.product-variant-columns__title{font-size:calc(var(--variant-columns-title-size, 14px) - 1px)}.product-variant-columns__summary-main{gap:8px}.product-variant-columns__summary-layout--left,.product-variant-columns__summary-layout--right{flex-direction:column;align-items:stretch}.product-variant-columns__summary-layout--left .product-variant-columns__summary-image-wrap,.product-variant-columns__summary-layout--right .product-variant-columns__summary-image-wrap{width:100%;flex-basis:auto}.product-variant-columns__details-layout:not(.product-variant-columns__details-layout--top) .product-variant-columns__active-image-wrap{width:min(42vw,var(--variant-columns-active-image-width, 96px));flex-basis:min(42vw,var(--variant-columns-active-image-width, 96px))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-variant-columns.css.map */