:root{--johar-product-card-surface: #fafafa}html body :is(product-card.product-card,.johar-featured-products__item.product-card,.johar-most-loved__card,.johar-color-product-card,.johar-engagement-tile){background-color:var(--johar-product-card-surface)!important}html body:has(#MainContent) :is(product-card.product-card,.johar-featured-products__item.product-card) :is(.product-card__content,.product-grid__card,.johar-product-card-heading-shell,.johar-product-card-meta,.card-gallery,.johar-collection-card-gallery,slideshow-component,slideshow-container,slideshow-slides,slideshow-slide,.product-media-container,.product-media){background-color:var(--johar-product-card-surface)!important}html body:has(#MainContent) .johar-featured-products :is(.johar-featured-products__gallery-shell,.johar-featured-products__details),html body:has(#MainContent) .johar-most-loved :is(.johar-most-loved__image-frame,.johar-most-loved__info),html body:has(#MainContent) .johar-heirloom :is(.johar-color-product-card__image-frame,.johar-color-product-card__info){background-color:var(--johar-product-card-surface)!important}html body:has(#MainContent) :is(product-card.product-card,.johar-featured-products__item.product-card) .card-gallery img,html body:has(#MainContent) :is(.johar-most-loved__image,.johar-color-product-card__image,.johar-engagement-tile__image){background-color:transparent!important;mix-blend-mode:multiply}:root{--johar-card-grid-column-gap: 24px;--johar-grid-row-gap: 64px;--johar-card-media-ratio: 302 / 347;--johar-card-info-height: 171px;--johar-card-title-size: 18px;--johar-card-price-size: 20px;--johar-card-material-size: 16px;--johar-card-action-size: 18px;--johar-card-title-line: 24px;--johar-card-price-line: 27px;--johar-card-material-line: 22px;--johar-card-action-line: 26px}html body:has(#MainContent) #MainContent :is(.johar-plp,.collection-wrapper,.main-collection-grid,.johar-most-loved,.johar-heirloom,.johar-featured-products){background:#fff!important}html body:has(#MainContent) #MainContent :is(.product-grid,.johar-most-loved__grid,.johar-heirloom__products,.johar-featured-products__grid){column-gap:var(--johar-card-grid-column-gap)!important;row-gap:var(--johar-grid-row-gap)!important;grid-auto-rows:auto!important;align-items:stretch!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__inner,.johar-heirloom__inner,.johar-featured-products__inner){width:100%!important;max-width:1280px!important;margin-inline:auto!important}html body:has(#MainContent) #MainContent .facets-block-wrapper--horizontal,html body:has(#MainContent) #MainContent .facets-block-wrapper--horizontal :is(.facets--horizontal,.facets__form-wrapper,.facets__form){background:#fff!important;min-height:76px!important}html body:has(#MainContent) #MainContent :is(product-card.product-card,.johar-featured-products__item,.johar-most-loved__card){width:100%!important;min-width:0!important;min-height:0!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent :is(.product-card__content,.product-grid__card){display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;height:100%!important;background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent :is(product-card.product-card,.johar-featured-products__item) .card-gallery,html body:has(#MainContent) #MainContent .johar-most-loved__image-frame{flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--johar-card-media-ratio)!important;border-radius:0!important;margin:0!important;background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent .johar-most-loved__image{object-fit:contain!important;padding:0!important;transform:none!important}html body:has(#MainContent) #MainContent .johar-most-loved__info{box-sizing:border-box!important;display:grid!important;grid-template-rows:var(--johar-card-title-line) var(--johar-card-price-line) var(--johar-card-material-line) var(--johar-card-action-line)!important;gap:8px!important;flex:none!important;height:var(--johar-card-info-height)!important;margin:0!important;padding:16px 12px 32px!important;background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent .johar-most-loved__heading-row{min-height:0!important;gap:12px!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__title,.johar-featured-products__product-title){font-size:var(--johar-card-title-size)!important;line-height:var(--johar-card-title-line)!important;font-weight:500!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;min-width:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__price,.johar-featured-products__price,.johar-product-card-price){position:static!important;display:block!important;font-size:var(--johar-card-price-size)!important;line-height:var(--johar-card-price-line)!important;font-weight:500!important;margin:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__meta,.johar-featured-products__meta,.johar-product-card-meta){display:flex!important;align-items:center!important;min-height:var(--johar-card-material-line)!important;height:var(--johar-card-material-line)!important;gap:12px!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__material,.johar-featured-products__material,.johar-product-card-meta__material){font-size:var(--johar-card-material-size)!important;line-height:var(--johar-card-material-line)!important;font-weight:300!important;color:#777!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html body:has(#MainContent) #MainContent .johar-most-loved__price,html body:has(#MainContent) #MainContent .johar-most-loved__meta,html body:has(#MainContent) #MainContent .johar-most-loved__form,html body:has(#MainContent) #MainContent .johar-most-loved__add{margin:0!important;padding:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__add,.product-card .add-to-cart-button){font-size:var(--johar-card-action-size)!important;line-height:var(--johar-card-action-line)!important;height:var(--johar-card-action-line)!important;min-height:var(--johar-card-action-line)!important;padding:0!important;border:0!important;background:transparent!important;text-decoration:underline!important;text-underline-offset:4px!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-shell{box-sizing:border-box!important;flex:none!important;height:79px!important;padding:16px 48px 4px 12px!important;margin:0!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row :is(.text-block,.text-block *,[class*=product-title],p[role=heading]){font-size:var(--johar-card-title-size)!important;line-height:var(--johar-card-title-line)!important;font-weight:500!important;-webkit-line-clamp:1!important;line-clamp:1!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row{padding:0!important}html body:has(#MainContent) #MainContent .johar-product-card-price{margin-top:8px!important}html body:has(#MainContent) #MainContent .johar-product-card-meta{flex:none!important;margin:8px 12px 0!important}html body:has(#MainContent) #MainContent .product-grid__card>.buy-buttons-block,html body:has(#MainContent) #MainContent .johar-featured-products__buy{flex:none!important;margin:16px 12px 20px!important;padding:0!important;height:var(--johar-card-action-line)!important}html body:has(#MainContent) #MainContent .johar-featured-products__details{padding:16px 12px 0!important;height:109px!important;box-sizing:border-box!important}html body:has(#MainContent) #MainContent .johar-featured-products__title-price{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}html body:has(#MainContent) #MainContent .johar-featured-products__meta{margin:12px 0 0!important}html body:has(#MainContent) #MainContent .johar-heirloom__layout{gap:var(--johar-card-grid-column-gap)!important;align-items:stretch!important}html body:has(#MainContent) #MainContent .johar-heirloom__editorial{position:relative!important;height:auto!important;aspect-ratio:auto!important;align-self:stretch!important}html body:has(#MainContent) #MainContent .johar-heirloom__editorial-image{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}@media(min-width:990px){html body:has(#MainContent) #MainContent :is(.product-grid--grid,.johar-most-loved__grid,.johar-featured-products__grid){grid-template-columns:repeat(4,minmax(0,1fr))!important}html body:has(#MainContent) #MainContent .johar-heirloom__layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:989px){:root{--johar-card-grid-column-gap: 12px;--johar-grid-row-gap: 28px;--johar-card-title-size: 14px;--johar-card-price-size: 16px;--johar-card-material-size: 12px;--johar-card-action-size: 14px;--johar-card-title-line: 20px;--johar-card-price-line: 22px;--johar-card-material-line: 18px;--johar-card-action-line: 22px;--johar-card-info-height: 146px}html body:has(#MainContent) #MainContent :is(.product-grid--grid,.johar-most-loved__grid,.johar-featured-products__grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}html body:has(#MainContent) #MainContent .johar-most-loved__info{padding:16px 12px 24px!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-shell{height:70px!important}html body:has(#MainContent) #MainContent .johar-featured-products__details{height:96px!important}html body:has(#MainContent) #MainContent .product-grid__card>.buy-buttons-block,html body:has(#MainContent) #MainContent .johar-featured-products__buy{margin:12px 12px 16px!important}html body:has(#MainContent) #MainContent .facets-block-wrapper--horizontal,html body:has(#MainContent) #MainContent .facets-block-wrapper--horizontal :is(.facets--horizontal,.facets__form-wrapper,.facets__form){min-height:56px!important}html body:has(#MainContent) #MainContent .johar-heirloom__layout{grid-template-columns:1fr!important}html body:has(#MainContent) #MainContent .johar-heirloom__editorial{aspect-ratio:885 / 1100!important}}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--unknown{--johar-material-swatch: #ccc !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--yellow-gold{--johar-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--white-gold{--johar-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--platinum{--johar-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--silver{--johar-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--rose-gold{--johar-material-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--two-tone{--johar-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--two-tone-yellow-white{--johar-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch--two-tone-rose-white{--johar-material-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--unknown{--jfp-material-swatch: #ccc !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--yellow-gold{--jfp-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--white-gold{--jfp-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--platinum{--jfp-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--silver{--jfp-material-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--rose-gold{--jfp-material-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--two-tone{--jfp-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--two-tone-yellow-white{--jfp-material-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch--two-tone-rose-white{--jfp-material-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--unknown{--most-swatch: #ccc !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--yellow-gold{--most-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--white-gold{--most-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--platinum{--most-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--silver{--most-swatch: #d7d7d5 !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--rose-gold{--most-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--two-tone{--most-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--two-tone-yellow-white{--most-swatch: #f8c46c !important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch--two-tone-rose-white{--most-swatch: #d8a08a !important}html body:has(#MainContent) #MainContent :is(.johar-product-card-meta__swatch,.johar-product-card-meta__fallback-swatch,.johar-featured-products__swatch,.johar-featured-products__fallback-swatch,.johar-most-loved__swatch){width:18px!important;height:21px!important;flex:0 0 18px!important;border-radius:0!important}html body:has(#MainContent) #MainContent .johar-product-card-meta__fallback-swatch:after{background:var(--johar-material-swatch, #ccc)!important}html body:has(#MainContent) #MainContent .johar-featured-products__fallback-swatch:after{background:var(--jfp-material-swatch, #ccc)!important}html body:has(#MainContent) #MainContent .johar-most-loved__swatch:after{background:var(--most-swatch, #ccc)!important}html body:has(#MainContent) #MainContent .johar-most-loved :is(.johar-most-loved__card,.johar-most-loved__image-frame,.johar-most-loved__info){background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent :is(.product-grid,.main-collection-grid>div){background:#fff!important}html body:has(#MainContent) #MainContent[data-template=search] .product-grid{width:calc(100% - 48px)!important;max-width:1280px!important;margin-inline:auto!important}html body:has(#MainContent) #MainContent[data-template=search] .johar-product-card-heading-row :is(.group-block-content,.text-block){width:100%!important;max-width:none!important;padding:0!important}html body:has(#MainContent) #MainContent[data-template=search] .johar-product-card-heading-row p[role=heading]{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}@media(max-width:989px){html body:has(#MainContent) #MainContent[data-template=search] .product-grid{width:calc(100% - 24px)!important}}html body:has(#MainContent) #MainContent .facets-block-wrapper--horizontal button{border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important}@media(max-width:989px){html body:has(#MainContent) #MainContent :is(.johar-most-loved,.johar-heirloom,.johar-featured-products){padding-inline:16px!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__inner,.johar-heirloom__inner,.johar-featured-products__inner,.johar-most-loved__grid,.johar-heirloom__products){width:100%!important;max-width:none!important;margin-inline:0!important}html body:has(#MainContent) #MainContent[data-template=search] .product-grid{width:100%!important}html body:has(#MainContent) #MainContent :is(.johar-product-card-meta__swatch,.johar-product-card-meta__fallback-swatch,.johar-featured-products__swatch,.johar-featured-products__fallback-swatch,.johar-most-loved__swatch){width:14px!important;height:17px!important;flex-basis:14px!important}}html body:has(#MainContent) #MainContent :is(product-card.product-card .card-gallery,.johar-plp .johar-collection-card-gallery,.johar-most-loved__image-frame,.johar-color-product-card__image-frame){box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;overflow:hidden!important}html body:has(#MainContent) #MainContent :is(product-card.product-card .card-gallery img,.johar-plp .johar-collection-card-gallery .product-media-container :is(img,.product-media__image),.johar-most-loved__image,.johar-color-product-card__image,.johar-engagement-tile__image){width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;padding:0!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/johar-product-card-surface.css.map */