.grid-imagebox{background:var(--Light-Grey);border-radius:2px 2px 0 0}.snippet-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .grid-imagebox,.product-images{position:relative}.grid-imagebox .product-images img{object-fit:contain}.grid-highlight{border-top:1px solid var(--White);background:var(--Light-Grey);border-radius:0 0 2px 2px}.snippet-product-grid:not(.horizontal-product-grid) .grid-meta-left{display:grid;gap:8px}.snippet-product-grid:not(.horizontal-product-grid) .grid-meta-left span{font-weight:400;color:var(--Steel)}.grid-meta-left .grid-title{font-weight:700;font-size:12px}.grid-meta:has(.grid-meta-btm){display:grid;gap:16px}.grid-price:has(.compare-price){display:flex;align-items:center;gap:8px}.grid-price:has(.compare-price) .regular-price{font-weight:700;color:#a30909;display:inline-block}.compare-price{letter-spacing:.12px;text-decoration:line-through;color:var(--Cement);display:inline-block}.grid-fit{font-weight:400;letter-spacing:.2px;color:#8d8d8d}.quick_btn{position:absolute;background:var(--Steel);border-radius:2px;display:flex;align-items:center;justify-content:center}.quick_btn span{position:absolute;top:5px;right:6px;font-size:10px;font-weight:500;line-height:12.21px;color:var(--White)}.horizontal-product-grid{gap:1px;position:relative}.horizontal-product-grid .grid-meta{border:0}.horizontal-product-grid .grid-meta-left span{font-weight:400;line-height:140%}.horizontal-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .grid-price:not(:has(.compare-price)) .regular-price{line-height:140%}.horizontal-prod-grid-size .grid-highlight{padding:41px 16px 16px}.horizontal-prod-grid-size .grid-meta-top{gap:16px}.grid-size-picker{display:flex;gap:16px;align-items:center}.grid-size-picker .swym-button{padding:0;flex:0 0 18px;max-width:18px;opacity:1!important}.grid-size-picker .swym-button:after{display:none}.grid-size-picker .swym-button.swym-added:not(.swym-removing) svg path{fill:var(--Black);stroke:var(--Black)}.grid-size-picker .swym-button svg path{stroke:var(--Cement)}@media (min-width:992px){.snippet-product-grid:not(.horizontal-product-grid) .grid-imagebox{padding:24px}.collection-grid[data-desk="2"] .snippet-product-grid:not(.horizontal-product-grid) .grid-imagebox{padding:32px 96px}.product-images{aspect-ratio:13/15}.collection-grid[data-desk="2"] .grid-imagebox{aspect-ratio:1/1}.collection-grid[data-desk="2"] .product-images{aspect-ratio:4/5.1}.collection-grid[data-desk="2"] .product-link{height:100%;display:flex;align-items:center;justify-content:center}.grid-meta{flex:1}.grid-meta-top{display:flex;align-items:flex-start;justify-content:space-between}.snippet-product-grid:not(.horizontal-product-grid) .grid-meta-top{gap:16px}.snippet-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .grid-fit{padding-top:4px}.snippet-product-grid:not(.horizontal-product-grid) .grid-highlight{padding:24px 16px}.quick_btn{bottom:16px;right:16px;width:36px;height:36px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.grid-badge-wrap .product-badge{top:8px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.grid-badge-left{left:8px}.grid-badge-rgt{right:8px}.snippet-product-grid:hover .quick_btn,.snippet-product-grid:hover .grid-badge-wrap:has(.grid-badge-rgt) .grid-badge-left,.grid-badge-wrap:has(.grid-badge-left) .grid-badge-rgt{opacity:1;visibility:visible;pointer-events:auto}.grid-price:not(:has(.compare-price)) .regular-price{letter-spacing:.14px;font-weight:500;display:inline-block}.snippet-product-grid:not(.horizontal-product-grid) .grid-price:has(.compare-price) .regular-price{letter-spacing:.14px}.horizontal-product-grid{display:flex}.horizontal-product-grid:not(.horizontal-prod-grid-size) .grid-highlight{padding:32px 16px}.prod-grid-highlighted-look .grid-highlight{display:flex;flex-direction:column;justify-content:center}.horizontal-product-grid .grid-meta-top{flex-direction:column}.horizontal-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .grid-meta-top{gap:25px}.prod-grid-highlighted-look .grid-meta-top{gap:16px}.horizontal-product-grid:not(.prod-grid-highlighted-look) .grid-meta-left{display:grid;gap:6px}.prod-grid-highlighted-look .grid-meta-left{display:grid;gap:3px}.horizontal-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .grid-imagebox{width:132px}.horizontal-prod-grid-size .grid-imagebox{width:170px}.prod-grid-highlighted-look .grid-imagebox{max-width:180px;width:46.202%}.horizontal-product-grid:not(.horizontal-prod-grid-size):not(.prod-grid-highlighted-look) .product-images{aspect-ratio:14/17}.horizontal-prod-grid-size .product-images{aspect-ratio:7/8}.prod-grid-highlighted-look .product-images{aspect-ratio:9/10}.horizontal-product-grid .grid-price:has(.compare-price) .regular-price{letter-spacing:.12px}.horizontal-prod-grid-size .grid-price:not(:has(.compare-price)) .regular-price{line-height:125%}.prod-grid-highlighted-look .grid-meta-left .grid-title,.prod-grid-highlighted-look .grid-price:not(:has(.compare-price)) .regular-price{line-height:125%}.horizontal-product-grid.prod-grid-highlighted-look .grid-meta-left span{line-height:117%}.prod-grid-highlighted-look .grid-fit{padding-top:5px;line-height:120%}.vertical-product-grid .grid-meta{padding:11px 4px}.grid-imagebox:has(.grid-variant-outer){overflow:hidden}.grid-variant-outer{position:absolute;bottom:0;left:0;width:100%;padding:12px;background:var(--Off-White);transform:translateY(100%);transition:transform .3s ease-in-out;overflow:auto}.snippet-product-grid:hover .grid-variant-outer{transform:translateY(0)}.grid-size-variants{display:flex;align-items:center;gap:4px;overflow:auto}.grid-size-variants li{padding:4px;min-width:32px;white-space:nowrap;height:32px;background:transparent;border-radius:2px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:normal;cursor:pointer}.grid-size-variants li:hover{background:var(--Charcoal);color:var(--Off-White)}.grid-meta-color{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.grid-color-wrap .grid-meta-color{opacity:0;visibility:hidden;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;pointer-events:none;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;padding:2px 1px;flex:1}.snippet-product-grid:hover .grid-color-wrap .grid-meta-color{opacity:1;visibility:visible;pointer-events:auto}.grid-size-variants::-webkit-scrollbar-track,.grid-color-wrap .grid-meta-color::-webkit-scrollbar-track,.grid-variant-outer::-webkit-scrollbar-track{background-color:var(--Light-Grey)}.grid-size-variants::-webkit-scrollbar,.grid-color-wrap .grid-meta-color::-webkit-scrollbar,.grid-variant-outer::-webkit-scrollbar{height:1px;background-color:#efefef}.grid-size-variants::-webkit-scrollbar-thumb,.grid-color-wrap .grid-meta-color::-webkit-scrollbar-thumb,.grid-variant-outer::-webkit-scrollbar-thumb{background-color:var(--Steel)}.grid-meta-color li{flex:0 0 22px;height:22px;border-radius:1px;border:1px solid var(--White);position:relative;transition:border .3s ease-in-out}.grid-meta-color li:hover{border-color:var(--Light-Grey)}.grid-meta-color li.active:after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:1px solid var(--Charcoal);border-radius:1px;z-index:-1}.grid-meta-color li a{display:block;height:100%}.grid-meta-btm:has(.grid-color-wrap){overflow:hidden}}@media (max-width:991px){.snippet-product-grid:not(.horizontal-product-grid){height:100%;display:flex;flex-direction:column}.grid-meta{flex:1}.snippet-product-grid:not(:has(.grid-highlight)):not(.horizontal-product-grid) .grid-imagebox{padding:12px}.snippet-product-grid:not(.horizontal-product-grid):has(.grid-highlight) .grid-imagebox{padding:16px 28px}.snippet-product-grid:not(:has(.grid-highlight)):not(.horizontal-product-grid) .product-images{aspect-ratio:8/11}.snippet-product-grid:not(.horizontal-product-grid):has(.grid-highlight) .product-images{aspect-ratio:var(--grid-product-ratio)}.product-images .second-image{display:none}.snippet-product-grid:not(.horizontal-product-grid) .grid-highlight{padding:16px 12px 16px 16px}.grid-meta-top{display:flex;flex-direction:column;max-width:calc(100% - 48px)}.snippet-product-grid:not(.horizontal-product-grid) .grid-meta-top{gap:12px}.grid-badge-left{left:6px;top:6px}.grid-badge-rgt{top:6px;right:6px}.quick_btn{bottom:-52px;right:12px;width:40px;height:40px}.grid-price{font-size:12px;line-height:100%;letter-spacing:.12px}.grid-price:not(:has(.compare-price)) .regular-price{font-weight:500;display:inline-block}.vertical-product-grid .grid-meta{padding:12px 0 4px}.vertical-product-grid .grid-meta-top{max-width:100%}.vertical-product-grid .grid-title{font-size:12px;line-height:125%;font-weight:700}.horizontal-product-grid{display:flex;flex-direction:row}.horizontal-product-grid:not(.horizontal-prod-grid-size) .grid-highlight{padding:24px 16px}.horizontal-product-grid:not(.horizontal-prod-grid-size) .grid-imagebox{width:128px}.horizontal-prod-grid-size .grid-imagebox{width:149px}.horizontal-product-grid:not(.horizontal-prod-grid-size) .product-images{aspect-ratio:10/11}.horizontal-prod-grid-size .product-images{aspect-ratio:13/17}.horizontal-product-grid .grid-meta-left{display:grid;gap:4px}.horizontal-product-grid:not(.horizontal-prod-grid-size) .grid-fit{padding-top:4px}.horizontal-prod-grid-size .grid-fit{padding-top:2px}.horizontal-product-grid:not(.horizontal-prod-grid-size) .grid-meta-top{gap:24px}.horizontal-prod-grid-size .grid-price:not(:has(.compare-price)) .regular-price{line-height:140%}.grid-meta:has(.grid-meta-btm .grid-meta-color){display:block;gap:0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-grid.css.map */