html body #MainContent .johar-listing-intro{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:auto!important;min-height:205px!important;padding:24px max(24px,calc((100% - 1280px)/2))!important;background:#fff!important;color:#0d0701!important}html body #MainContent .johar-listing-intro__inner{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:1280px!important;margin-inline:auto!important}html body #MainContent .johar-listing-breadcrumb{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;min-height:22px!important;margin:0!important;padding:0!important;font:400 14px/22px "GeneralSans",var(--font-body--family, sans-serif)!important;letter-spacing:0!important;text-transform:none!important;color:#666!important}html body #MainContent .johar-listing-breadcrumb a{color:inherit!important;text-decoration:none!important}html body #MainContent .johar-listing-breadcrumb a:hover{text-decoration:underline!important;text-underline-offset:3px}html body #MainContent .johar-listing-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;height:auto!important;min-height:119px!important;width:100%!important}html body #MainContent .johar-listing-title{flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;font:400 64px/75px "Venose",var(--font-heading--family, serif)!important;letter-spacing:0!important;white-space:normal!important}html body #MainContent .johar-listing-title:before,html body #MainContent .johar-listing-title:after{content:none!important}html body #MainContent .johar-listing-categories{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:36px!important;width:auto!important;margin:0!important;padding:0!important}html body #MainContent .johar-listing-categories .johar-reference-category{display:flex!important;flex-direction:column!important;align-items:center!important;flex:0 0 88px!important;width:88px!important;min-width:88px!important;padding:0!important;gap:12px!important;text-decoration:none!important;color:inherit!important;background:transparent!important}html body #MainContent .johar-listing-categories .johar-collection-hero__media{display:block!important;position:relative!important;width:88px!important;height:88px!important;overflow:hidden!important;background:transparent!important}html body #MainContent .johar-listing-categories .johar-collection-hero__image{display:block!important;position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}html body #MainContent .johar-listing-categories .johar-collection-hero__label{display:block!important;visibility:visible!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;font:400 14px/19px "GeneralSans",var(--font-body--family, sans-serif)!important;text-transform:uppercase!important;white-space:nowrap!important;color:inherit!important}html body #MainContent .johar-listing-categories .johar-collection-hero__label:after{content:none!important}html body #MainContent .johar-listing-categories a:has(img[src*="thumbnail.jpg"]){flex-basis:144px!important;width:144px!important;min-width:144px!important}html body #MainContent .johar-listing-categories .johar-reference-crop--rings-photo img{height:134.1%!important;top:-17.05%;object-fit:cover!important}html body #MainContent .johar-listing-categories .johar-reference-crop--earrings-photo img{width:125.2%!important;height:165.9%!important;top:-37.5%;left:-12.6%;object-fit:cover!important}html body #MainContent .johar-listing-categories .johar-reference-crop--necklaces-photo img{width:169.7%!important;height:227.3%!important;bottom:0;top:auto;left:-34.85%;object-fit:cover!important}html body #MainContent .johar-listing-categories .johar-reference-crop--bracelets-photo img,html body #MainContent .johar-listing-categories .johar-reference-crop--mens-category img{height:133%!important;top:0;object-fit:cover!important}html body #MainContent .johar-listing-categories .johar-reference-crop--mens-photo img{width:119.6%!important;height:160.2%!important;top:-43.18%;left:-9.8%;object-fit:cover!important}.johar-edition-banner--crop-caption .johar-edition-banner__image{height:112.5%!important;transform:translateY(-11.11112%)!important;object-fit:cover!important}@media(min-width:990px)and (max-width:1300px){html body #MainContent .johar-listing-title{font-size:48px!important;line-height:58px!important}html body #MainContent .johar-listing-categories{gap:12px!important}html body #MainContent .johar-listing-categories .johar-reference-category{flex-basis:80px!important;width:80px!important;min-width:80px!important}}@media(max-width:989px){html body #MainContent .johar-listing-intro{min-height:0!important;padding:24px 16px!important}html body #MainContent .johar-listing-intro__inner{gap:20px!important}html body #MainContent .johar-listing-breadcrumb{font-size:12px!important;line-height:18px!important;min-height:18px!important}html body #MainContent .johar-listing-row{flex-direction:column!important;align-items:stretch!important;gap:20px!important;min-height:0!important}html body #MainContent .johar-listing-title{font-size:32px!important;line-height:38px!important}html body #MainContent .johar-listing-categories{width:calc(100% + 16px)!important;justify-content:flex-start!important;gap:16px!important;padding-right:16px!important;overflow-x:auto!important;scrollbar-width:none}html body #MainContent .johar-listing-categories .johar-collection-hero__label{font-size:12px!important;line-height:16px!important}html body #MainContent .johar-listing-categories a:has(img[src*="thumbnail.jpg"]){flex-basis:130px!important;width:130px!important;min-width:130px!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/johar-listing-intro.css.map */