@supports (container-type: inline-size){#MainContent[data-compact-products]{--otf-home-compact-width: min(320px, calc((min(100vw, 1440px) - 64px) / 3))}@media(max-width:749px){#MainContent[data-compact-products]{--otf-home-compact-width: min(320px, calc((100vw - 24px)*.64) )}}#MainContent[data-compact-products] li:has(>.product-grid-item.otf-card:not(.otf-card--standard-horizontal)),#MainContent[data-compact-products] li[data-headwear-loading]{flex:0 0 var(--otf-home-compact-width);width:var(--otf-home-compact-width);max-width:var(--otf-home-compact-width);min-width:0;padding:0}#MainContent[data-compact-products] li[data-headwear-loading]{height:calc((var(--otf-home-compact-width) - 2px) * 16 / 9 + 50px);border-radius:12px}#MainContent[data-compact-products] li:has(>.product-grid-item.otf-card:not(.otf-card--standard-horizontal)){container-type:inline-size;container-name:otf-compact-product}#MainContent[data-compact-products] li:has(>.product-grid-item.otf-card:not(.otf-card--standard-horizontal))>.product-grid-item.otf-card:not(.otf-card--standard-horizontal){box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:calc((100cqw - 2px) * 16 / 9 + 50px);min-height:0;margin:0;padding:0;--otf-card-title-size: 13px;--otf-card-title-lh: 1.2;--otf-card-title-lines: 1;--otf-card-price-size: 12px;--otf-card-compare-size: 11px;--otf-card-brand-h: 20px;--otf-card-brand-art-h: 20px;--otf-card-gap-brand: 0px;--otf-card-gap-title: 0px;--otf-card-gap-price: 0px;--otf-card-gap-colors: 0px;--otf-card-gap-actions: 0px}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal)>.card:not(.card--horizontal){display:flex;flex-direction:column;height:100%;min-height:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal)>.card>.card__inner{flex:1 1 auto;width:100%;height:auto;min-height:0;aspect-ratio:4 / 5}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal)>.card>.card__inner:before{display:none}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .card__media .media img{object-fit:contain;object-position:center}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal)>.card>.card__content{display:flex;flex:0 0 auto;min-height:0;margin:0;padding:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal)>.card>.card__content>.card__information{display:flex;flex:0 0 auto;min-height:0;width:100%;margin:0;padding:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__body{box-sizing:border-box;display:grid;flex:0 0 auto;grid-template-columns:minmax(0,62px) minmax(0,1fr);grid-template-rows:minmax(28px,auto) auto minmax(44px,auto) minmax(44px,auto);align-content:space-between;align-items:center;column-gap:6px;row-gap:2px;height:auto;min-height:calc((100cqw - 2px) * 19 / 36 + 48px);padding:4px 8px;text-align:left}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=brand]{grid-area:1 / 1;justify-content:flex-start;min-height:28px;height:auto;padding:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand--optical{min-height:0;max-width:100%}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand__art,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand--optical .otf-card-brand__art{max-width:100%;max-height:24px;padding:2px 3px}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand__logo,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-brand--optical .otf-card-brand__logo{width:auto;max-width:100%;height:20px;max-height:20px;object-fit:contain}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=price]{grid-area:1 / 2;align-self:center;min-height:0;height:auto;padding:0;text-align:right;overflow:visible;overflow-wrap:normal}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price-item{font-size:12px;line-height:1.15}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price__sale{flex-direction:column;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price-item,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price__sale>span:has(>s){white-space:normal;overflow-wrap:anywhere}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price__sale>span:has(>s),#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__price .price__sale>span:has(>s)>s{font-size:11px;line-height:1.15}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=title]{grid-area:2 / 1 / auto / -1;height:calc(var(--otf-card-title-size) * var(--otf-card-title-lh) * var(--otf-card-title-lines));min-height:0;margin:0;padding:0;align-self:center}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__title-link{display:-webkit-box;-webkit-line-clamp:var(--otf-card-title-lines);-webkit-box-orient:vertical;max-height:calc(var(--otf-card-title-size) * var(--otf-card-title-lh) * var(--otf-card-title-lines));overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=colors]{grid-area:3 / 1 / auto / -1;justify-content:flex-start;height:auto;min-height:44px;padding:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=actions]{grid-area:4 / 1 / auto / -1;grid-template-columns:minmax(0,1fr) 44px;height:auto;min-height:44px;padding:0}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__actions .otf-card__primary,#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__actions .otf-card__quick-add{height:auto;min-height:44px}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-color-more{height:auto;min-height:44px}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-color-more__name{display:block;max-height:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card-color-more__count{white-space:normal;overflow-wrap:anywhere}@container otf-compact-product (min-width: 220px){#MainContent[data-compact-products] li:has(>.product-grid-item.otf-card:not(.otf-card--standard-horizontal))>.product-grid-item.otf-card:not(.otf-card--standard-horizontal){--otf-card-title-size: 14px;--otf-card-title-lines: 2}}@container otf-compact-product (min-width: 280px){#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__body{padding:8px 10px;grid-template-columns:minmax(0,82px) minmax(0,1fr)}#MainContent[data-compact-products] li:has(>.product-grid-item.otf-card:not(.otf-card--standard-horizontal))>.product-grid-item.otf-card:not(.otf-card--standard-horizontal){--otf-card-title-size: 15px}}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal):has([data-otf-band=match]) .otf-card__body{grid-template-rows:minmax(28px,auto) auto minmax(44px,auto) auto minmax(44px,auto)}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) [data-otf-band=match],#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal) .otf-card__status:not([hidden]){grid-column:1 / -1;grid-row:5}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal):has([data-otf-band=match]) [data-otf-band=actions]{grid-row:5}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal):has([data-otf-band=match]) [data-otf-band=match]{grid-row:4}#MainContent[data-compact-products] .product-grid-item.otf-card:not(.otf-card--standard-horizontal):has([data-otf-band=match]) .otf-card__status:not([hidden]){grid-row:6}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-compact-product-card.css.map */