:root{--johar-card-column-gap: 40px;--johar-card-row-gap: 12px;--johar-card-footer-height: 155px;--johar-card-title-size: 18px;--johar-card-price-size: 20px;--johar-card-material-size: 16px;--johar-card-action-size: 18px;--johar-card-line-height: 1}html body:has(#MainContent) #MainContent :is(.product-grid,.johar-most-loved__grid,.johar-heirloom__products,.johar-featured-products__grid){box-sizing:border-box!important;column-gap:var(--johar-card-column-gap)!important;row-gap:var(--johar-card-row-gap)!important}html body:has(#MainContent) #MainContent :is(.product-grid__item product-card.product-card,product-card.product-card,.johar-featured-products__item,.johar-most-loved__card,.johar-color-product-card){box-sizing:border-box!important;width:100%!important;max-width:302px!important;min-width:0!important;min-height:518px!important;height:518px!important;margin-inline:auto!important}html body:has(#MainContent) #MainContent :is(product-card.product-card .product-card__content,.johar-featured-products__item .product-card__content,.johar-most-loved__card,.johar-color-product-card){display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}html body:has(#MainContent) #MainContent :is(product-card.product-card .card-gallery,.johar-featured-products__item .card-gallery,.johar-most-loved__image-frame,.johar-color-product-card__image-frame){box-sizing:border-box!important;flex:1 1 auto!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__info,.johar-color-product-card__info,.johar-featured-products__details){box-sizing:border-box!important;flex:0 0 var(--johar-card-footer-height)!important;height:var(--johar-card-footer-height)!important;min-height:0!important;padding:0 12px 24px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:16px!important}html body:has(#MainContent) #MainContent .johar-most-loved__heading-row{min-height:0!important;flex:0 0 auto!important;gap:12px!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__title,.johar-featured-products__product-title,.johar-color-product-card__title,.johar-product-card-heading-row :is(.text-block,.text-block *,[class*=product-title],p[role=heading])){font-family:"GeneralSans",var(--font-body--family),sans-serif!important;font-size:var(--johar-card-title-size)!important;font-weight:500!important;font-style:normal!important;line-height:var(--johar-card-line-height)!important;letter-spacing:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__price,.johar-featured-products__price,.johar-color-product-card__price,.johar-product-card-price,product-card.product-card .price,product-card.product-card product-price){font-family:"GeneralSans",var(--font-body--family),sans-serif!important;font-size:var(--johar-card-price-size)!important;font-weight:500!important;font-style:normal!important;line-height:var(--johar-card-line-height)!important;letter-spacing:0!important;margin:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__meta,.johar-featured-products__meta,.johar-color-product-card__meta,.johar-product-card-meta){display:flex!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;min-height:0!important;height:auto!important;gap:4px!important;margin:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__material,.johar-featured-products__material,.johar-color-product-card__material,.johar-product-card-meta__material){font-family:"GeneralSans",var(--font-body--family),sans-serif!important;font-size:var(--johar-card-material-size)!important;font-weight:300!important;font-style:normal!important;line-height:var(--johar-card-line-height)!important;letter-spacing:0!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__add,.johar-featured-products__buy .add-to-cart-button,.johar-color-product-card__add,.product-card .add-to-cart-button,.product-card .johar-product-card-add){font-family:"GeneralSans",var(--font-body--family),sans-serif!important;font-size:var(--johar-card-action-size)!important;font-weight:500!important;font-style:normal!important;line-height:var(--johar-card-line-height)!important;letter-spacing:0!important}html body:has(#MainContent) #MainContent :is(.product-card__content>.buy-buttons-block,.johar-featured-products__buy){flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}@media(min-width:990px){html body:has(#MainContent) #MainContent .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:989px){:root{--johar-card-column-gap: 12px;--johar-card-row-gap: 12px;--johar-card-footer-height: 128px;--johar-card-title-size: 14px;--johar-card-price-size: 16px;--johar-card-material-size: 12px;--johar-card-action-size: 14px}html body:has(#MainContent) #MainContent :is(.product-grid,.johar-most-loved__grid,.johar-heirloom__products,.johar-featured-products__grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:var(--johar-card-column-gap)!important;row-gap:var(--johar-card-row-gap)!important}html body:has(#MainContent) #MainContent :is(.product-grid__item product-card.product-card,product-card.product-card,.johar-featured-products__item,.johar-most-loved__card,.johar-color-product-card){width:100%!important;max-width:none!important;min-height:0!important;height:auto!important}html body:has(#MainContent) #MainContent :is(.johar-most-loved__info,.johar-color-product-card__info,.johar-featured-products__details){flex-basis:128px!important;height:128px!important;padding:0 10px 16px!important;gap:16px!important}}@media(min-width:990px){html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card>.johar-most-loved__image-link{flex:1 1 auto!important;min-height:0!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card .johar-most-loved__image-frame{height:100%!important;min-height:0!important;aspect-ratio:auto!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card .johar-most-loved__info,html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-color-product-card__info{margin-top:8px!important}}@media(max-width:989px){html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card .johar-most-loved__info,html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-color-product-card__info{margin-top:8px!important}}html body:has(#MainContent) #MainContent .johar-product-card-heading-shell{box-sizing:border-box!important;display:flex!important;flex:0 0 65px!important;flex-direction:column!important;justify-content:flex-start!important;gap:16px!important;height:65px!important;padding:0 48px 0 12px!important;margin:0!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row{flex:0 0 auto!important;min-height:0!important;padding:0!important;line-height:1!important}html body:has(#MainContent) #MainContent .johar-product-card-price{display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;line-height:1!important}html body:has(#MainContent) #MainContent .johar-product-card-meta{box-sizing:border-box!important;flex:0 0 16px!important;height:16px!important;min-height:16px!important;margin:16px 12px 0!important;gap:4px!important}html body:has(#MainContent) #MainContent .product-card__content>.buy-buttons-block{flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:16px 12px 24px!important;padding:0!important;line-height:1!important}html body:has(#MainContent) #MainContent .product-card .add-to-cart-button{height:auto!important;min-height:0!important;padding:0!important;line-height:1!important;text-decoration:underline!important;text-underline-offset:3px!important}html body:has(#MainContent) #MainContent .johar-featured-products__title-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}@media(max-width:989px){html body:has(#MainContent) #MainContent .johar-product-card-heading-shell{flex-basis:54px!important;height:54px!important;gap:16px!important;padding:0 36px 0 10px!important}html body:has(#MainContent) #MainContent .johar-product-card-meta{flex-basis:12px!important;height:12px!important;min-height:12px!important;margin:16px 10px 0!important;gap:4px!important}html body:has(#MainContent) #MainContent .product-card__content>.buy-buttons-block{margin:16px 10px!important}}@media(min-width:990px){html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__card,.johar-color-product-card){box-sizing:border-box!important;width:100%!important;max-width:302px!important;height:518px!important;min-height:518px!important;display:flex!important;flex-direction:column!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__image-frame,.johar-color-product-card__image-frame){flex:1 1 auto!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important}}@media(max-width:989px){html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__card,.johar-color-product-card){width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__info,.johar-color-product-card__info){flex:0 0 128px!important;height:128px!important;padding:0 10px 16px!important;gap:16px!important}}@media(min-width:990px){html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card,html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-color-product-card{width:100%!important;max-width:302px!important;height:518px!important;min-height:518px!important;flex:none!important}}@media(max-width:749px){html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card{height:auto!important;min-height:0!important;max-width:none!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] article.johar-most-loved__card .johar-most-loved__info{box-sizing:border-box!important;display:flex!important;flex:0 0 128px!important;flex-direction:column!important;height:128px!important;min-height:0!important;padding:0 10px 16px!important;gap:16px!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__heading-row{display:flex!important;position:relative!important;flex:0 0 14px!important;height:14px!important;min-height:14px!important;gap:6px!important;padding:0!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__title{flex:1 1 auto!important;width:auto!important;height:14px!important;max-height:14px!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__price{flex:0 0 16px!important;height:16px!important;font-size:16px!important;line-height:1!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__meta{flex:0 0 12px!important;height:12px!important;min-height:12px!important;gap:4px!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__material{height:12px!important;max-height:12px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__form,html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__add{flex:0 0 14px!important;height:14px!important;min-height:14px!important;font-size:14px!important;line-height:1!important;margin:0!important}}@media(min-width:990px){html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__info,.johar-color-product-card__info){box-sizing:border-box!important;flex:0 0 155px!important;height:155px!important;margin-top:auto!important}}@media(min-width:990px){html body:has(#MainContent) #MainContent :is(product-card.product-card .card-gallery,.johar-featured-products__item .card-gallery){box-sizing:border-box!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-shell,html body:has(#MainContent) #MainContent :is(.johar-featured-products__details,.johar-most-loved__info,.johar-color-product-card__info){margin-top:auto!important}html body:has(#MainContent) #MainContent .johar-featured-products__item .product-card__content{gap:0!important}html body:has(#MainContent) #MainContent .johar-featured-products__gallery-shell{flex:0 0 auto!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important}html body:has(#MainContent) #MainContent .johar-featured-products__title-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}@media(max-width:989px){html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__heading-row,.johar-color-product-card__title-row){box-sizing:border-box!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;height:24px!important;min-height:24px!important;flex-basis:24px!important;gap:6px!important;padding:0!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__title,.johar-color-product-card__title){display:block!important;box-sizing:border-box!important;flex:1 1 0%!important;width:0!important;min-width:0!important;max-width:100%!important;height:18px!important;max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;line-height:18px!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot{position:static!important;inset:auto!important;z-index:2!important;display:flex!important;flex:0 0 24px!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin:0!important;background:transparent!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot :is(a,button,.Vtl-CollectionCardWidget){box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:2px!important}html:has(#MainContent) body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot svg{display:block!important;width:20px!important;height:20px!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row{width:100%!important;min-width:0!important;overflow:hidden!important}html body:has(#MainContent) #MainContent product-card.product-card .johar-product-card-heading-shell .johar-card-wishlist-slot{top:-3px!important;right:10px!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row .group-block-content{display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;overflow:hidden!important;padding-inline:0!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row :is(.text-block,.text-block>p,[class*=product-title],p[role=heading]){box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}}@media(min-width:990px){html body:has(#MainContent) #MainContent :is(product-card.product-card .card-gallery,.johar-featured-products__item .card-gallery,.johar-most-loved__image-frame,.johar-color-product-card__image-frame){flex:1 1 auto!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important}html body:has(#MainContent) #MainContent :is(.johar-product-card-heading-shell,.johar-featured-products__details,.johar-most-loved__info,.johar-color-product-card__info){margin-top:8px!important}}@media(max-width:989px){html body:has(#MainContent) #MainContent :is(.johar-product-card-heading-shell,.johar-featured-products__details,.johar-most-loved__info,.johar-color-product-card__info){margin-top:8px!important}}html body:has(#MainContent) #MainContent .johar-product-card-heading-row,html body:has(#MainContent) #MainContent .johar-product-card-heading-row .group-block-content,html body:has(#MainContent) #MainContent .johar-product-card-heading-row .text-block,html body:has(#MainContent) #MainContent .johar-product-card-heading-row .text-block>p{box-sizing:border-box!important;height:18px!important;min-height:0!important;max-height:18px!important;overflow:hidden!important}html body:has(#MainContent) #MainContent .johar-product-card-heading-row .text-block>p{display:flex!important;align-items:center!important;line-height:1!important;white-space:nowrap!important;text-overflow:ellipsis!important}html body:has(#MainContent) #MainContent product-card.product-card .johar-product-card-heading-shell .johar-card-wishlist-slot{top:-3px!important;right:12px!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/johar-product-card-specs.css.map */