.johar-engagement-banner{position:relative;width:100%;aspect-ratio:1440 / 540;overflow:hidden;background:#f3f2ef}.johar-engagement-banner>.johar-engagement-banner__image{position:absolute;display:block;left:0;top:0;width:100%;max-width:none;height:100%;object-fit:fill}.johar-engagement-banner--engagement>.johar-engagement-banner__image{left:8.33333%;top:-52.40741%;width:105.90278%;height:211.85185%;clip-path:inset(0 0 0 1px)}.johar-engagement-banner--engagement{background:linear-gradient(180deg,#d0d1d5,#dfdfe3)}.johar-engagement-banner--gabriel>.johar-engagement-banner__image{top:-5.55556%;height:111.11111%}.johar-engagement-banner--benchmark>.johar-engagement-banner__image{height:114.25926%}.johar-engagement-banner--crownring>.johar-engagement-banner__image{top:-16.85185%;height:133.51852%}.johar-engagement-banner--noam>.johar-engagement-banner__image{top:-17.77778%;left:-.20833%;width:100.41667%;height:117.77778%}.johar-engagement-banner>.johar-engagement-banner__logo{position:absolute;left:60.06944%;top:46.11111%;width:34.375%;height:39.44444%;object-fit:contain;mix-blend-mode:screen}.johar-engagement-banner__headline{position:absolute;left:max(24px,calc((100% - 1280px)/2));top:29.07407%;width:min(614px,48%);margin:0;color:#0d0701;font:400 clamp(36px,4.44445vw,64px)/1.171875 "Venose",var(--font-heading--family, serif)}html body #MainContent .johar-engagement-banner .johar-engagement-banner__headline{font-family:"Venose",var(--font-heading--family, serif)!important;font-weight:400!important;font-size:clamp(36px,4.44445vw,64px)!important;line-height:1.171875!important}.johar-engagement-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;margin:0;font:400 14px/22px "GeneralSans",var(--font-body--family, sans-serif);color:#666}.johar-engagement-breadcrumb a{color:inherit;text-decoration:none}.johar-engagement-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.johar-engagement-banner .johar-engagement-breadcrumb{position:absolute;left:max(24px,calc((100% - 1280px)/2));top:24px;right:24px;color:#0d0701}.johar-engagement-banner--benchmark .johar-engagement-breadcrumb,.johar-engagement-banner--noam .johar-engagement-breadcrumb{color:#fff}html body #MainContent section.johar-engagement-intro{min-height:199px!important;height:auto!important;padding-block:40px!important;background:#fff!important}html body #MainContent section.johar-engagement-intro--later{min-height:234px!important;padding-top:24px!important;padding-bottom:53px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category{flex-basis:auto!important;flex-shrink:0!important;width:auto!important;min-width:88px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories{gap:32px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-collection-hero__label{width:max-content!important;max-width:none!important;text-align:center!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--engagement_rings{min-width:142px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--wedding_bands{min-width:115px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--anniversary_bands{min-width:146px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--mens_bands{min-width:93px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-plp .main-collection-grid{padding-top:40px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-plp .product-grid{grid-auto-rows:518px}html body.johar-jewelry-reference--engagement #MainContent .johar-plp .product-grid>.product-grid__item{min-height:0;height:100%}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta__material{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta img{width:18px!important;height:21px!important;object-fit:contain}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta{height:22px!important;min-height:22px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta__swatch{width:18px!important;height:21px!important;flex:0 0 18px!important}html body.johar-jewelry-reference--engagement #MainContent .product-grid .buy-buttons-block .add-to-cart-button{height:26px!important;min-height:26px!important;padding:0!important;border:0!important;font-size:18px!important;line-height:24px!important}html body #MainContent [data-johar-engagement-listing] .pagination{--pagination-size: 34px !important;--pagination-gap: 8px !important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:100%!important;margin:40px 0 0!important;padding:0 0 44px!important;background:#fff!important}html body #MainContent [data-johar-engagement-listing] .pagination__list{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:0!important}html body #MainContent [data-johar-engagement-listing] .pagination__item{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important}html body #MainContent [data-johar-engagement-listing] .pagination__link{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important;font-family:"GeneralSans",var(--font-body--family, sans-serif)!important;font-size:14px!important;font-weight:400!important;line-height:1!important;text-decoration:none!important}html body #MainContent [data-johar-engagement-listing] .pagination__link--current{background:#f3f1d9!important;color:#111!important}html body #MainContent [data-johar-engagement-listing] .pagination__link--arrow{display:flex!important;align-items:center!important;justify-content:center!important}html body #MainContent [data-johar-engagement-listing] .pagination__link--arrow svg{width:6px!important;height:11px!important}html body #MainContent [data-johar-engagement-listing] .pagination__link--disabled{opacity:.28!important}html body #MainContent [data-johar-engagement-listing] .pagination__back-to-top{display:inline-block!important;margin:0!important;padding:0!important;color:#111!important;font-family:"GeneralSans",var(--font-body--family, sans-serif)!important;font-size:14px!important;font-weight:400!important;line-height:1.1!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important}html body #MainContent [data-johar-engagement-listing]:has(.pagination) .johar-back-to-top{display:none!important}@media(max-width:989px){.johar-engagement-banner{aspect-ratio:390 / 220}.johar-engagement-banner>.johar-engagement-banner__image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.johar-engagement-banner--engagement{aspect-ratio:390 / 300}.johar-engagement-banner--engagement>.johar-engagement-banner__image{width:180%;height:auto;left:-15%;top:-30%}.johar-engagement-banner__headline{left:16px;top:40px;width:58%;font-size:28px;line-height:34px}html body #MainContent .johar-engagement-banner .johar-engagement-banner__headline{font-size:28px!important;line-height:34px!important}.johar-engagement-banner .johar-engagement-breadcrumb{top:16px;left:16px;right:16px;font-size:12px;line-height:16px}.johar-engagement-banner>.johar-engagement-banner__logo{left:54%;top:48%;width:42%;height:auto}html body #MainContent section.johar-engagement-intro,html body #MainContent section.johar-engagement-intro--later{min-height:0!important;padding-block:24px!important}html body #MainContent .johar-engagement-intro .johar-listing-row,html body #MainContent .johar-engagement-intro .johar-listing-categories{gap:16px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category{flex-shrink:0!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--engagement_rings{min-width:122px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--wedding_bands{min-width:99px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--anniversary_bands{min-width:125px!important}html body #MainContent .johar-engagement-intro .johar-listing-categories .johar-reference-category.johar-engagement-category--mens_bands{min-width:88px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-plp .main-collection-grid{padding-top:24px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-plp .product-grid{grid-auto-rows:auto}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta img{width:14px!important;height:17px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta{height:17px!important;min-height:17px!important}html body.johar-jewelry-reference--engagement #MainContent .johar-product-card-meta__swatch{width:14px!important;height:17px!important;flex-basis:14px!important}html body.johar-jewelry-reference--engagement #MainContent .product-grid .buy-buttons-block .add-to-cart-button{height:24px!important;min-height:24px!important;font-size:14px!important;line-height:19px!important}html body #MainContent [data-johar-engagement-listing] .pagination{--pagination-size: 32px !important;--pagination-gap: 7px !important;gap:22px!important;margin-top:34px!important;padding-bottom:36px!important}html body #MainContent [data-johar-engagement-listing] .pagination__item{width:32px!important;height:32px!important;flex-basis:32px!important}html body #MainContent [data-johar-engagement-listing] .pagination__link,html body #MainContent [data-johar-engagement-listing] .pagination__back-to-top{font-size:13px!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/johar-engagement.css.map */