:root{--johar-layout-width: 1680px;--johar-layout-gutter: max(clamp(24px, 5.56vw, 80px), calc((100vw - var(--johar-layout-width)) / 2));--johar-layout-space: clamp(32px, 2.78vw, 48px);--johar-layout-gap: clamp(16px, 1.67vw, 24px)}html body #MainContent[data-template=index]>.shopify-section+.shopify-section{margin-block-start:0!important}html body #MainContent .home-showcase__story-hero{min-height:0!important;padding-block-end:clamp(48px,5.56vw,80px)}html body #MainContent .home-showcase__story-copy{padding:clamp(40px,3.89vw,64px) var(--johar-layout-gutter) 0!important}html body #MainContent .home-showcase__story-heading{width:min(100%,var(--story-heading-width))!important;font-size:clamp(40px,4.45vw,72px)!important;line-height:1.02!important;text-wrap:pretty!important;max-width:12.2em}html body #MainContent .home-showcase__story-stage{width:min(100%,1920px)!important;height:auto!important;min-height:0!important;flex:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--story-column-gap)!important;margin:clamp(32px,3.34vw,56px) auto 0!important}html body #MainContent .home-showcase__story-slot{height:auto!important;min-width:0}html body #MainContent .home-showcase__story-image-wrap{position:relative!important;inset:auto!important;display:flex!important;align-items:flex-start;justify-content:center;width:100%;height:auto!important}html body #MainContent .home-showcase__story-image{position:relative!important;inset:auto!important;flex:none;width:110%!important;height:auto!important;max-width:none!important;max-height:none!important;transform:none!important}html body #MainContent .home-showcase__story-slot--1 .home-showcase__story-image{transform:translate(clamp(-70px,-4.86vw,-24px))!important}html body #MainContent .home-showcase__story-slot--3 .home-showcase__story-image{transform:translate(clamp(24px,4.86vw,70px))!important}html body #MainContent :is(.johar-editorial-split,.johar-shop-tabs,.johar-most-loved,.johar-heirloom,.johar-engagement-feature,.johar-social-editorial,.johar-service-cards,.johar-about-hero,.johar-about-legacy,.johar-about-handoff,.johar-about-manifesto,.johar-about-love){padding-inline:var(--johar-layout-gutter)!important;padding-block:var(--johar-layout-space)!important;box-sizing:border-box}html body #MainContent :is(.johar-editorial-split__panel,.johar-shop-tabs__inner,.johar-most-loved__inner,.johar-heirloom__inner,.johar-engagement-feature__inner,.johar-social-editorial__inner,.johar-service-cards__inner,.johar-about-hero__inner,.johar-about-legacy__outer,.johar-about-handoff__inner,.johar-about-manifesto__inner,.johar-about-love__inner){width:100%!important;max-width:var(--johar-layout-width)!important;margin-inline:auto!important;min-width:0}html body #MainContent .johar-editorial-split__panel{height:auto!important;min-height:0!important;padding:clamp(24px,3.34vw,48px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(24px,3.34vw,48px)!important;align-items:center}html body #MainContent .johar-editorial-split__media{height:auto!important;min-height:0!important;aspect-ratio:1 / 1;overflow:hidden!important}html body #MainContent .johar-editorial-split__image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important}html body #MainContent .johar-editorial-split__content{padding:0!important}html body #MainContent :is(.johar-editorial-split__heading,.johar-story-split__heading,.johar-heirloom__heading,.johar-engagement-feature__heading,.johar-live-reviews__heading){font-size:clamp(36px,3.89vw,56px)!important;line-height:1.05!important}html body #MainContent .johar-editorial-split__body{margin-block-start:24px!important}html body #MainContent :is(.johar-editorial-split__button,.johar-story-split__button,.johar-most-loved__cta,.johar-heirloom__cta,.johar-engagement-feature__button,.johar-social-editorial__cta){width:fit-content!important;max-width:100%;min-height:54px!important;height:auto!important;padding:14px 28px!important;font-size:16px!important;line-height:1.3!important;margin-block-start:32px!important;text-align:center}@media screen and (min-width:750px){html body #MainContent[data-template=index] .johar-social-editorial__cta{margin-block-start:0!important}}html body #MainContent .johar-story-split{padding-block:var(--johar-layout-space)}html body #MainContent .johar-story-split__inner{min-height:clamp(480px,57vw,820px)!important;max-width:1920px!important;margin-inline:auto!important}html body #MainContent .johar-story-split__media{min-height:0!important}html body #MainContent .johar-most-loved__grid{gap:var(--johar-layout-gap)!important}html body #MainContent .johar-heirloom__layout{margin-block-start:36px!important;gap:var(--johar-layout-gap)!important}html body #MainContent .johar-heirloom__products{column-gap:var(--johar-layout-gap)!important;row-gap:clamp(32px,4.45vw,64px)!important}html body #MainContent .johar-color-product-card{aspect-ratio:auto!important;overflow:visible!important}html body #MainContent .johar-color-product-card__image-link{flex:none!important;height:auto!important;aspect-ratio:auto!important}html body #MainContent .johar-color-product-card__image-frame{aspect-ratio:1 / 1.35!important;height:auto!important}html body #MainContent .johar-color-product-card__info{flex:none!important;padding:12px 14px 20px!important}html body #MainContent .johar-engagement-feature__stage{margin-block-start:40px!important}@media screen and (min-width:900px){html body #MainContent[data-template=index] .johar-engagement-feature__editorial{left:calc(-1 * var(--johar-layout-gutter))!important}}html body #MainContent .johar-live-reviews{padding-block:var(--johar-layout-space)!important}@media screen and (min-width:750px){html body #MainContent[data-template=index] .johar-live-reviews{padding-block-start:120px!important}}html body #MainContent .johar-live-review-card{height:auto!important;min-height:var(--live-card-height)}html body #MainContent .johar-service-cards__inner{gap:var(--johar-layout-gap)!important}html body #MainContent .johar-service-card{display:flex;align-items:flex-end;height:auto!important;min-height:clamp(440px,41vw,620px)!important;padding:clamp(18px,1.95vw,28px)}html body #MainContent .johar-service-card__copy{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important}html body #MainContent .johar-service-card__title{font-size:clamp(24px,2.09vw,30px)!important;line-height:1.1!important;text-wrap:balance;overflow-wrap:normal!important;word-break:normal}html body #MainContent .johar-service-card__body{font-size:15px!important;line-height:1.4!important}html body #MainContent .johar-collection-hero{min-height:205px!important}html body #MainContent .product-card .add-to-cart-button{min-height:32px!important;height:auto!important}html body #MainContent[data-template="page.custom"] .hero{--hero-min-height: clamp(420px, 45.7vw, 720px) !important}html body #MainContent:is([data-template="page.custom"],[data-template="page.location"])>.shopify-section>.section .section-content-wrapper{padding-block:var(--johar-layout-space)!important}html body #MainContent[data-template="page.location"]>.shopify-section>.section{--section-min-height: 0px !important}html body #MainContent[data-template="page.location"] .section-content-wrapper{gap:clamp(28px,3.34vw,48px)!important}html body #MainContent[data-template="page.contact"]>.shopify-section:first-child .section-content-wrapper{padding-block:clamp(32px,4.45vw,64px)!important;gap:32px!important}html body #MainContent[data-template="page.contact"]>.shopify-section:last-child .section-content-wrapper{padding-block-end:clamp(32px,4.45vw,64px)!important}@media(min-width:750px)and (max-width:1099px){html body #MainContent .johar-service-cards__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #MainContent .johar-editorial-split__heading{font-size:clamp(32px,4vw,44px)!important}}@media(min-width:750px)and (max-width:899px){html body #MainContent .johar-story-split__media{height:auto!important;aspect-ratio:6 / 5}}@media(max-width:749px){:root{--johar-layout-gutter: 16px;--johar-layout-space: 28px;--johar-layout-gap: 12px}html body #MainContent .home-showcase__story-hero{padding-block-end:32px}html body #MainContent .home-showcase__story-copy{padding:28px 20px 0!important}html body #MainContent .home-showcase__story-heading{width:min(100%,360px)!important;font-size:clamp(30px,8.72vw,38px)!important;text-align:center;line-height:1.04!important}html body #MainContent .home-showcase__story-stage{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:20px!important;margin-block-start:28px!important;padding:0!important}html body #MainContent .home-showcase__story-image{width:min(59vw,240px)!important;transform:none!important}html body #MainContent :is(.home-showcase__story-slot--1,.home-showcase__story-slot--3) .home-showcase__story-image{transform:none!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index]{background:#f5f6de!important;overflow-x:clip!important}html body #MainContent[data-template=index]>.shopify-section+.shopify-section{margin-block-start:0!important}html body #MainContent[data-template=index] .johar-editorial-split{padding:18px 12px 0!important;background:#f5f6de!important}html body #MainContent[data-template=index] .johar-editorial-split__panel{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:26px 22px 18px!important;gap:0!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-editorial-split__content{order:1!important;align-items:flex-start!important;padding:0!important}html body #MainContent[data-template=index] .johar-editorial-split__copy{width:100%!important}html body #MainContent[data-template=index] .johar-editorial-split__heading{max-width:310px!important;font-size:clamp(31px,8.7vw,35px)!important;line-height:1!important;letter-spacing:-.025em!important;text-wrap:balance!important}html body #MainContent[data-template=index] .johar-editorial-split__body{width:100%!important;max-width:305px!important;margin-block-start:13px!important;font-size:13px!important;line-height:1.4!important}html body #MainContent[data-template=index] .johar-editorial-split__button{width:min(100%,226px)!important;min-height:44px!important;margin-block-start:20px!important;padding-inline:16px!important;font-size:11px!important}html body #MainContent[data-template=index] .johar-editorial-split__media{order:2!important;display:grid!important;place-items:center!important;width:100%!important;height:auto!important;min-height:var(--editorial-mobile-media-height)!important;margin-block-start:14px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-editorial-split__image{display:block!important;width:var(--editorial-mobile-image-width)!important;height:auto!important;max-width:100%!important;max-height:none!important;margin-inline:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important}html body #MainContent[data-template=index] .johar-shop-tabs{padding:44px 14px 12px!important}html body #MainContent[data-template=index] .johar-shop-tabs__inner{width:100%!important;max-width:none!important;margin-inline:0!important}html body #MainContent[data-template=index] .johar-shop-tabs__label{margin-block-end:17px!important;font-size:var(--shop-label-size)!important;letter-spacing:.14em!important;text-align:center!important}html body #MainContent[data-template=index] .johar-shop-tabs__item{text-align:center!important}html body #MainContent[data-template=index] .johar-shop-tabs__title{font-size:clamp(35px,9.8vw,39px)!important;line-height:.98!important}html body #MainContent[data-template=index] .johar-shop-tabs__description{width:min(100%,325px)!important;margin:10px auto 0!important;font-size:12px!important;line-height:1.38!important;text-align:center!important}html body #MainContent[data-template=index] .johar-shop-tabs__meta{margin-block:14px 9px!important}html body #MainContent[data-template=index] .johar-shop-tabs__shop-now{font-size:12px!important}html body #MainContent[data-template=index] .johar-shop-tabs__dots{gap:5px!important}html body #MainContent[data-template=index] .johar-shop-tabs__dots span{width:9px!important;height:9px!important}html body #MainContent[data-template=index] .johar-shop-tabs__images{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin-block-start:0!important}html body #MainContent[data-template=index] .johar-shop-tabs__image-frame{min-width:0!important;aspect-ratio:6 / 5!important}html body #MainContent[data-template=index] .johar-shop-tabs__item+.johar-shop-tabs__item,html body #MainContent[data-template=index] .johar-shop-tabs__item.is-active+.johar-shop-tabs__item{margin-block-start:15px!important}html body #MainContent[data-template=index] .johar-story-split{padding-inline:12px!important}html body #MainContent[data-template=index] .johar-story-split__inner{width:100%!important;max-width:none!important;min-height:0!important;margin-inline:0!important}html body #MainContent[data-template=index] .johar-story-split__copy-wrap{padding:24px 14px!important}html body #MainContent[data-template=index] .johar-story-split__copy{width:min(100%,350px)!important;margin-inline:auto!important;text-align:center!important}html body #MainContent[data-template=index] .johar-story-split__heading{font-size:clamp(33px,9.2vw,37px)!important;line-height:.99!important;text-wrap:balance!important}html body #MainContent[data-template=index] .johar-story-split__body{margin-block-start:15px!important;font-size:13px!important;line-height:1.43!important}html body #MainContent[data-template=index] .johar-story-split__button{width:min(100%,220px)!important;min-height:44px!important;margin-block-start:20px!important;padding-inline:18px!important;font-size:11px!important}html body #MainContent[data-template=index] .johar-story-split__media{width:100%!important;height:465px!important;min-height:465px!important;margin-block-start:0!important}html body #MainContent[data-template=index] .johar-color-command{padding:46px 12px 48px!important;background:#f5f6de!important}html body #MainContent[data-template=index] .johar-heirloom__inner{width:100%!important;max-width:none!important}html body #MainContent[data-template=index] .johar-heirloom__heading{width:min(100%,345px)!important;font-size:clamp(32px,9vw,36px)!important;line-height:.99!important;letter-spacing:-.025em!important;text-wrap:balance!important}html body #MainContent[data-template=index] .johar-heirloom__cta{display:flex!important;width:min(100%,230px)!important;min-height:46px!important;margin:20px auto 0!important;padding-inline:16px!important;font-size:11px!important}html body #MainContent[data-template=index] .johar-heirloom__layout{grid-template-columns:1fr!important;gap:16px!important;margin-block-start:26px!important}html body #MainContent[data-template=index] .johar-heirloom__editorial{width:100%!important;aspect-ratio:885 / 1550!important}html body #MainContent[data-template=index] .johar-heirloom__products{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:20px 10px!important;width:100%!important}html body #MainContent[data-template=index] .johar-color-product-card{aspect-ratio:auto!important;min-height:0!important}html body #MainContent[data-template=index] .johar-color-product-card__image-link,html body #MainContent[data-template=index] .johar-color-product-card__image-frame{flex:0 0 auto!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important}html body #MainContent[data-template=index] .johar-color-product-card__image{padding:12px!important;transform:scale(1.04)!important}html body #MainContent[data-template=index] .johar-color-product-card__info{padding:0 6px 12px!important}html body #MainContent[data-template=index] .johar-color-product-card__title-row{gap:5px!important}html body #MainContent[data-template=index] .johar-color-product-card__title,html body #MainContent[data-template=index] .johar-color-product-card__price{font-size:12px!important;line-height:1.2!important}html body #MainContent[data-template=index] .johar-color-product-card__price{margin-block-start:6px!important}html body #MainContent[data-template=index] .johar-color-product-card__meta{gap:6px!important;margin-block-start:7px!important}html body #MainContent[data-template=index] .johar-color-product-card__material{font-size:10px!important}html body #MainContent[data-template=index] .johar-color-product-card__add{margin-block-start:8px!important;font-size:11px!important}html body #MainContent[data-template=index] .johar-color-product-card__swatch{width:15px!important;height:15px!important;flex-basis:15px!important}html body #MainContent[data-template=index] .johar-color-product-card__heart,html body #MainContent[data-template=index] .johar-color-product-card__heart svg{width:17px!important;height:17px!important}html body #MainContent[data-template=index] .johar-engagement-feature{padding:54px 12px 44px!important;background:#f5f6de!important;overflow-x:clip!important}html body #MainContent[data-template=index] .johar-engagement-feature__inner{width:100%!important;max-width:none!important;margin-inline:0!important}html body #MainContent[data-template=index] .johar-engagement-feature__intro{position:relative!important;width:min(100%,350px)!important;margin-inline:auto!important;text-align:center!important}html body #MainContent[data-template=index] .johar-engagement-feature__heading{font-size:clamp(35px,9.8vw,40px)!important;line-height:1!important;text-wrap:balance!important}html body #MainContent[data-template=index] .johar-engagement-feature__body{margin-block-start:14px!important;font-size:13px!important;line-height:1.42!important}html body #MainContent[data-template=index] .johar-engagement-feature__button{position:static!important;display:inline-flex!important;min-height:46px!important;width:min(100%,235px)!important;margin:22px auto 0!important;padding-inline:16px!important;font-size:11px!important;background:transparent!important;border:1px solid #111111!important;color:#111!important}html body #MainContent[data-template=index] .johar-engagement-feature__stage{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;margin-block-start:10px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-engagement-feature__editorial{position:relative!important;left:auto!important;bottom:auto!important;width:calc(100% + 24px)!important;height:500px!important;min-height:500px!important;margin-left:-12px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-engagement-feature__editorial-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left bottom!important}html body #MainContent[data-template=index] .johar-engagement-feature__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin-left:0!important;gap:10px!important}html body #MainContent[data-template=index] .johar-engagement-tile{aspect-ratio:1 / 1!important}html body #MainContent[data-template=index] .johar-live-reviews{padding:52px 12px 46px!important;background:#f5f6de!important;overflow:hidden!important}html body #MainContent[data-template=index] .johar-live-reviews__intro{width:min(100%,350px)!important;margin-inline:auto!important}html body #MainContent[data-template=index] .johar-live-reviews__heading{font-size:clamp(34px,9.5vw,39px)!important;line-height:1!important}html body #MainContent[data-template=index] .johar-live-reviews__body{margin-block-start:13px!important;font-size:13px!important;line-height:1.42!important}html body #MainContent[data-template=index] .johar-live-reviews__marquee{width:100%!important;margin-block-start:28px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-live-reviews__row{width:100%!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-live-reviews__row+.johar-live-reviews__row{margin-block-start:12px!important}html body #MainContent[data-template=index] .johar-live-reviews__track{display:block!important;width:100%!important;transform:none!important;animation:none!important}html body #MainContent[data-template=index] .johar-live-reviews__group{display:block!important;width:100%!important;padding:0!important}html body #MainContent[data-template=index] .johar-live-reviews__group:not(:first-child){display:none!important}html body #MainContent[data-template=index] .johar-live-reviews__group:first-child .johar-live-review-card{display:none!important}html body #MainContent[data-template=index] .johar-live-reviews__group:first-child .johar-live-review-card:first-child{display:grid!important}html body #MainContent[data-template=index] .johar-live-review-card{grid-template-columns:minmax(0,44%) minmax(0,56%)!important;width:100%!important;height:205px!important;min-height:205px!important;overflow:hidden!important}html body #MainContent[data-template=index] .johar-live-review-card--image-right{grid-template-columns:minmax(0,56%) minmax(0,44%)!important}html body #MainContent[data-template=index] .johar-live-review-card__media,html body #MainContent[data-template=index] .johar-live-review-card--image-right .johar-live-review-card__media{align-self:stretch!important;height:100%!important;margin:0!important}html body #MainContent[data-template=index] .johar-live-review-card__content{padding:14px!important}html body #MainContent[data-template=index] .johar-live-review-card__stars{gap:2px!important;font-size:14px!important}html body #MainContent[data-template=index] .johar-live-review-card__review{margin-block-start:9px!important;font-size:11px!important;line-height:1.34!important}html body #MainContent[data-template=index] .johar-live-review-card__name{padding-block-start:8px!important;font-size:10px!important}html body #MainContent[data-template=index] .johar-social-editorial{padding:50px 0 44px!important;background:#f5f6de!important}html body #MainContent[data-template=index] .johar-social-editorial__inner{grid-template-columns:1fr!important;gap:24px!important;width:100%!important;max-width:none!important;margin-inline:0!important}html body #MainContent[data-template=index] .johar-social-editorial__copy{padding-inline:16px!important}html body #MainContent[data-template=index] .johar-social-editorial__heading{gap:5px!important;font-size:clamp(38px,10.7vw,44px)!important;line-height:.97!important;letter-spacing:-.03em!important}html body #MainContent[data-template=index] .johar-social-editorial__viewport{margin-inline:0!important;padding-inline:12px!important;overflow-x:auto!important}html body #MainContent[data-template=index] .johar-social-editorial__track{gap:8px!important}html body #MainContent[data-template=index] .johar-social-editorial__tile{flex:0 0 78vw!important;width:78vw!important;min-width:0!important;aspect-ratio:3 / 4!important}html body #MainContent[data-template=index] .johar-social-editorial__cta-wrap{margin-block-start:2px!important}html body #MainContent[data-template=index] .johar-social-editorial__cta{width:min(100%,215px)!important;min-height:46px!important;padding-inline:20px!important;font-size:11px!important}html body #MainContent[data-template=index] .johar-service-cards{padding:20px 8px 42px!important;background:#f5f6de!important}html body #MainContent[data-template=index] .johar-service-cards__inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}html body #MainContent[data-template=index] .johar-service-card{flex:none!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:10 / 17!important;overflow:hidden!important;scroll-snap-align:none!important}html body #MainContent[data-template=index] .johar-service-card__copy{right:12px!important;bottom:14px!important;left:12px!important;max-width:calc(100% - 24px)!important;overflow:hidden!important}html body #MainContent[data-template=index] .johar-service-card__title{font-size:clamp(16px,4.2vw,20px)!important;line-height:1.02!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important}html body #MainContent[data-template=index] .johar-service-card__body{margin-block-start:8px!important;font-size:clamp(9px,2.45vw,12px)!important;line-height:1.28!important;overflow-wrap:anywhere!important}}@media screen and (max-width:749px){html body #MainContent .johar-most-loved{padding:5vw 5vw 4vw!important}html body #MainContent .johar-most-loved__heading{margin-block-end:5vw!important;font-size:clamp(26px,8vw,32px)!important;line-height:1!important}html body #MainContent .johar-most-loved__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:2.5vw!important;row-gap:4vw!important;align-items:stretch!important}html body #MainContent .johar-most-loved__card{min-width:0!important;min-height:0!important;height:auto!important;background-color:#f7f7f7!important}html body #MainContent .johar-most-loved__image-frame{aspect-ratio:1.08 / 1!important;border-radius:0!important;background-color:#f7f7f7!important}html body #MainContent .johar-most-loved__image{object-fit:contain!important;object-position:center!important}html body #MainContent .johar-most-loved__info{flex:none!important;margin-block-start:5px!important;gap:0!important;padding:3px 7px 8px!important;background-color:#f7f7f7!important}html body #MainContent .johar-most-loved__heading-row{min-height:0!important;gap:4px!important}html body #MainContent .johar-most-loved__title{min-width:0!important;overflow:hidden!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;text-overflow:ellipsis!important}html body #MainContent .johar-most-loved__wishlist-slot,html body #MainContent .johar-most-loved__wishlist-fallback,html body #MainContent .johar-most-loved__wishlist-slot>.Vtl-CollectionCardWidget{flex:0 0 15px!important;width:15px!important;height:15px!important}html body #MainContent .johar-most-loved__wishlist-fallback svg,html body #MainContent .johar-most-loved__wishlist-slot>.Vtl-CollectionCardWidget svg{width:13px!important;height:13px!important}html body #MainContent .johar-most-loved__price{margin-block-start:3px!important;font-size:10px!important;line-height:1.2!important}html body #MainContent .johar-most-loved__meta{min-height:0!important;gap:4px!important;margin-block-start:5px!important}html body #MainContent .johar-most-loved__swatch,html body #MainContent .johar-most-loved__stone{flex:0 0 9px!important;width:9px!important;height:11px!important}html body #MainContent .johar-most-loved__stones{gap:4px!important}html body #MainContent .johar-most-loved__material{min-width:0!important;overflow:hidden!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important;text-overflow:ellipsis!important}html body #MainContent .johar-most-loved__form{margin:0!important;padding:5px 0 0!important}html body #MainContent .johar-most-loved__add{margin:0!important;font-size:9px!important;line-height:1.2!important}}html body #MainContent .johar-most-loved__meta{min-width:0!important}html body #MainContent .johar-most-loved__swatch,html body #MainContent .johar-most-loved__stones{flex:0 0 auto!important}html body #MainContent .johar-most-loved__material{display:block!important;flex:1 1 0%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}html body:has(#MainContent) #MainContent .johar-most-loved .johar-most-loved__card,html body:has(#MainContent) #MainContent .johar-most-loved .johar-most-loved__image-frame,html body:has(#MainContent) #MainContent .johar-most-loved .johar-most-loved__info{background-color:#f7f7f7!important}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-editorial-split__panel{height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:20px 18px 24px!important}html body #MainContent[data-template=index] .johar-editorial-split__media{height:auto!important;min-height:0!important;margin-block-start:14px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-editorial-split__image{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-most-loved__cta{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-heirloom__cta{width:fit-content!important;max-width:100%!important;margin:20px 0 0!important;justify-self:start!important;align-self:flex-start!important}}@media screen and (max-width:749px){html body #MainContent .johar-heirloom__products{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:stretch!important;column-gap:10px!important;row-gap:20px!important}html body #MainContent .johar-color-product-card{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;background-color:#f7f7f7!important}html body #MainContent .johar-color-product-card__image-link,html body #MainContent .johar-color-product-card__image-frame{flex:0 0 auto!important;width:100%!important;aspect-ratio:1 / 1!important;min-height:0!important;background-color:#f7f7f7!important}html body #MainContent .johar-color-product-card__info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;padding:5px 7px 12px!important;background-color:#f7f7f7!important}html body #MainContent .johar-color-product-card__title-row{min-height:2.4em!important;align-items:flex-start!important;gap:5px!important}html body #MainContent .johar-color-product-card__title{min-width:0!important;font-size:12px!important;line-height:1.2!important}html body #MainContent .johar-color-product-card__heart,html body #MainContent .johar-color-product-card__heart svg{width:17px!important;height:17px!important;flex:0 0 17px!important}html body #MainContent .johar-color-product-card__price{min-height:1.2em!important;margin-block-start:6px!important;font-size:12px!important;line-height:1.2!important}html body #MainContent .johar-color-product-card__meta{min-height:32px!important;align-items:center!important;gap:6px!important;margin-block-start:7px!important}html body #MainContent .johar-color-product-card__swatch{width:15px!important;height:15px!important;flex:0 0 15px!important}html body #MainContent .johar-color-product-card__material{min-width:0!important;font-size:10px!important;line-height:1.25!important}html body #MainContent .johar-color-product-card__form{margin-block-start:auto!important;padding-block-start:8px!important}html body #MainContent .johar-color-product-card__add{margin-block-start:auto!important;font-size:11px!important;line-height:1.2!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-engagement-feature,html body #MainContent .johar-engagement-feature{padding:24px 12px 20px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-engagement-feature__intro,html body #MainContent .johar-engagement-feature__intro{position:relative!important;z-index:3!important;width:min(100%,350px)!important;margin-inline:auto!important;text-align:center!important}html body #MainContent[data-template=index] .johar-engagement-feature__heading,html body #MainContent .johar-engagement-feature__heading{font-size:clamp(22px,8.5vw,34px)!important;line-height:1!important;white-space:nowrap!important;text-wrap:nowrap!important}html body #MainContent[data-template=index] .johar-engagement-feature__body,html body #MainContent .johar-engagement-feature__body{margin-block-start:10px!important;font-size:clamp(11px,4vw,14px)!important;line-height:1.3!important}html body #MainContent[data-template=index] .johar-engagement-feature__button,html body #MainContent .johar-engagement-feature__button{position:relative!important;z-index:4!important;width:min(100%,230px)!important;max-width:100%!important;min-height:32px!important;margin:14px auto 0!important;padding-inline:10px!important;font-size:clamp(10px,3.6vw,12px)!important;line-height:1!important;white-space:nowrap!important}html body #MainContent[data-template=index] .johar-engagement-feature__stage,html body #MainContent .johar-engagement-feature__stage{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;margin-block-start:-36px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-engagement-feature__editorial,html body #MainContent .johar-engagement-feature__editorial{position:relative!important;inset:auto!important;width:calc(100% + 24px)!important;height:clamp(250px,100vw,380px)!important;min-height:0!important;margin-inline:-12px!important;overflow:visible!important}html body #MainContent[data-template=index] .johar-engagement-feature__editorial-image,html body #MainContent .johar-engagement-feature__editorial-image{display:block!important;width:120%!important;height:120%!important;max-width:none!important;object-fit:contain!important;object-position:left top!important}html body #MainContent[data-template=index] .johar-engagement-feature__grid,html body #MainContent .johar-engagement-feature__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin-inline-start:0!important;gap:6px!important}html body #MainContent[data-template=index] .johar-engagement-tile,html body #MainContent .johar-engagement-tile{aspect-ratio:3 / 4!important}html body #MainContent[data-template=index] .johar-engagement-tile img,html body #MainContent .johar-engagement-tile img{object-fit:contain!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-social-editorial,html body #MainContent .johar-social-editorial{padding:20px 0!important}html body #MainContent[data-template=index] .johar-social-editorial__inner,html body #MainContent .johar-social-editorial__inner{grid-template-columns:minmax(0,1fr)!important;row-gap:12px!important;column-gap:0!important;width:100%!important;max-width:none!important;margin-inline:0!important;align-items:start!important}html body #MainContent[data-template=index] .johar-social-editorial__copy,html body #MainContent .johar-social-editorial__copy{padding-inline:12px!important;align-items:flex-start!important}html body #MainContent[data-template=index] .johar-social-editorial__heading,html body #MainContent .johar-social-editorial__heading{gap:4px!important;font-size:clamp(20px,9vw,28px)!important;line-height:1.05!important;letter-spacing:-.025em!important}html body #MainContent[data-template=index] .johar-social-editorial__heading span,html body #MainContent .johar-social-editorial__heading span{white-space:nowrap!important}html body #MainContent[data-template=index] .johar-social-editorial__viewport,html body #MainContent .johar-social-editorial__viewport{width:calc(100% + 24px)!important;margin-inline:-12px!important;padding:0 0 0 12px!important;overflow-x:auto!important}html body #MainContent[data-template=index] .johar-social-editorial__track,html body #MainContent .johar-social-editorial__track{gap:8px!important}html body #MainContent[data-template=index] .johar-social-editorial__tile,html body #MainContent .johar-social-editorial__tile{flex:0 0 74vw!important;width:74vw!important;min-width:0!important;aspect-ratio:3 / 4!important}html body #MainContent[data-template=index] .johar-social-editorial__cta-wrap,html body #MainContent .johar-social-editorial__cta-wrap{margin-block-start:0!important}html body #MainContent[data-template=index] .johar-social-editorial__cta,html body #MainContent .johar-social-editorial__cta{width:auto!important;min-height:30px!important;padding-inline:14px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}html body #MainContent[data-template=index] .johar-social-editorial__heading,html body #MainContent .johar-social-editorial__heading{gap:10px!important}html body #MainContent[data-template=index] .johar-social-editorial__inner,html body #MainContent .johar-social-editorial__inner{row-gap:12px!important}html body #MainContent[data-template=index] .johar-social-editorial__cta-wrap,html body #MainContent .johar-social-editorial__cta-wrap{margin-block-start:30px!important}html body #MainContent[data-template=index] .johar-service-cards,html body #MainContent .johar-service-cards{padding:0 8px 28px!important}html body #MainContent[data-template=index] .johar-service-cards__inner,html body #MainContent .johar-service-cards__inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}html body #MainContent[data-template=index] .johar-service-card,html body #MainContent .johar-service-card{flex:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:.52!important;padding:8px!important;overflow:hidden!important;scroll-snap-align:none!important}html body #MainContent[data-template=index] .johar-service-card__copy,html body #MainContent .johar-service-card__copy{right:8px!important;bottom:10px!important;left:8px!important;width:auto!important;max-width:none!important;overflow:hidden!important}html body #MainContent[data-template=index] .johar-service-card__title,html body #MainContent .johar-service-card__title{font-size:clamp(12px,4.8vw,14px)!important;line-height:1.04!important;letter-spacing:-.015em!important;overflow-wrap:normal!important;word-break:normal!important}html body #MainContent[data-template=index] .johar-service-card__body,html body #MainContent .johar-service-card__body{margin-block-start:5px!important;font-size:clamp(9px,3.2vw,10px)!important;line-height:1.22!important;overflow-wrap:normal!important;word-break:normal!important}}@media screen and (min-width:750px){html body #MainContent[data-template=index] .johar-engagement-feature{overflow:clip!important}}@media screen and (max-width:749px){html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved,.johar-heirloom){background:#f5f6de!important;padding-block:40px!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__grid,.johar-heirloom__products){column-gap:12px!important;row-gap:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__card{display:flex!important;flex-direction:column!important;overflow:hidden!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__image-frame{aspect-ratio:1 / 1!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__info{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:40px 22px 30px 22px!important;height:162px!important;padding:10px 8px 14px!important;gap:8px!important;min-width:0!important;width:100%!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__info>*{width:100%!important;min-width:0!important;max-width:100%!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__heading-row{display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;align-items:start!important;gap:6px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__title{display:block!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:20px!important;font-weight:500!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__wishlist-slot,.johar-most-loved__wishlist-fallback,.johar-most-loved__wishlist-slot svg){width:20px!important;height:20px!important;min-width:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__meta{align-items:center!important;gap:6px!important;height:30px!important;min-height:30px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__material{font-size:12px!important;line-height:16px!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__cta-wrap{margin-block-start:28px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__cta{min-height:44px!important;max-width:100%!important;padding-inline:16px!important;font-size:12px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__button{transform:translateY(36px)!important}}@media screen and (max-width:749px){html body:has(#MainContent[data-template=index]){--johar-mobile-reference-bg: #f3f3da}html body:has(#MainContent[data-template=index]) :is(#MainContent,.home-showcase__story-hero,#MainContent>.shopify-section,.johar-editorial-split,.johar-shop-tabs,.johar-story-split,.johar-most-loved,.johar-heirloom,.johar-engagement-feature,.johar-live-reviews,.johar-social-editorial,.johar-service-cards,.johar-footer,.header__row){background-color:var(--johar-mobile-reference-bg)!important}html body:has(#MainContent[data-template=index]) .johar-header-wishlist{display:none!important}html body:has(#MainContent) #MainContent[data-template=index] .home-showcase__story-hero{padding-block-end:44px!important}html body:has(#MainContent) #MainContent[data-template=index] .home-showcase__story-copy{padding-inline:16px!important}html body:has(#MainContent) #MainContent[data-template=index] .home-showcase__story-heading{width:100%!important;max-width:358px!important;font-size:clamp(30px,9.23vw,36px)!important;line-height:1!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split{padding:18px 16px 0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__panel{padding:40px 24px 24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__heading{font-size:32px!important;line-height:36px!important;max-width:none!important;text-wrap:wrap!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__body{font-size:16px!important;line-height:22px!important;margin-top:12px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__button{width:220px!important;max-width:100%!important;height:44px!important;min-height:44px!important;padding:0 16px!important;margin-top:24px!important;font-size:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__media{display:block!important;height:auto!important;min-height:0!important;margin-top:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__image{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs{padding:64px 16px 0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__label{font-size:14px!important;letter-spacing:0!important;margin-bottom:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__title{font-size:38px!important;line-height:40px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__description{width:100%!important;max-width:none!important;font-size:14px!important;line-height:20px!important;margin-top:8px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__meta{margin:16px 0 4px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__shop-now{font-size:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-shop-tabs__images{gap:8px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split{padding:64px 16px 0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__copy-wrap{padding:0 0 24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__heading{font-size:32px!important;line-height:36px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__body{margin-top:12px!important;font-size:16px!important;line-height:22px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__button{width:auto!important;min-height:44px!important;margin-top:24px!important;padding-inline:20px!important;font-size:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__media{height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__image{height:100%!important;width:100%!important;object-fit:contain!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved{padding:64px 16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__heading{font-size:32px!important;line-height:36px!important;margin-bottom:24px!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved__grid,.johar-heirloom__products){column-gap:8px!important;row-gap:16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__grid>:nth-child(1){order:2}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__grid>:nth-child(2){order:1}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__grid>:nth-child(3){order:4}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__grid>:nth-child(4){order:3}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__info{grid-template-rows:36px 20px 18px 20px!important;height:122px!important;padding:8px 10px!important;gap:4px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__title{font-size:14px!important;line-height:18px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__price{font-size:16px!important;line-height:20px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__meta{height:18px!important;min-height:18px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__material{font-size:12px!important;line-height:18px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__add{font-size:14px!important;height:20px!important;min-height:20px!important;line-height:20px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__cta-wrap{margin-top:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__cta{min-height:44px!important;padding-inline:20px!important;font-size:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-heirloom{padding:0 16px 64px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-heirloom__heading{width:100%!important;max-width:none!important;font-size:32px!important;line-height:36px!important;text-wrap:wrap!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-heirloom__cta{min-height:44px!important;margin-top:24px!important;font-size:14px!important;padding-inline:20px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-heirloom__layout{margin-top:24px!important;row-gap:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-heirloom__editorial{aspect-ratio:628 / 1100!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature{padding:0 16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__intro{width:100%!important;max-width:none!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__heading{font-size:clamp(27px,8.2vw,32px)!important;line-height:36px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__body{margin-top:8px!important;font-size:14px!important;line-height:22px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__button{min-height:44px!important;height:44px!important;width:250px!important;max-width:100%!important;margin-top:24px!important;transform:none!important;font-size:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__stage{margin-top:-42px!important;gap:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__editorial{height:calc(100vw * .854)!important;min-height:0!important;width:calc(100% + 32px)!important;margin-inline:-16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__editorial-image{width:120%!important;height:116.923vw!important;object-fit:contain!important;object-position:left top!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__grid{gap:16px 8px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-tile{aspect-ratio:35 / 48!important;background:#fff!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews{padding:64px 16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__intro{width:100%!important;max-width:none!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__heading{font-size:32px!important;line-height:36px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__body{margin-top:12px!important;font-size:14px!important;line-height:22px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__marquee{margin-top:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__row+.johar-live-reviews__row{margin-top:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__group:first-child .johar-live-review-card:first-child{position:relative!important;display:block!important;width:calc(100% - 54px)!important;height:220px!important;min-height:220px!important;margin-left:54px!important;overflow:visible!important;background:#fff!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__group:first-child .johar-live-review-card--image-right:first-child{margin-left:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__media{position:absolute!important;top:24px!important;left:-54px!important;width:146px!important;height:170px!important;margin:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card--image-right .johar-live-review-card__media{left:auto!important;right:-54px!important;height:170px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__content{display:flex!important;flex-direction:column!important;height:100%!important;padding:24px 14px 24px 108px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card--image-right .johar-live-review-card__content{padding:24px 108px 24px 14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__stars{font-size:20px!important;gap:4px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__review{font-size:10px!important;line-height:13px!important;margin-top:8px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__name{font-size:10px!important;line-height:13px!important;margin-top:auto!important;padding-top:10px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial{padding:0 0 64px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__inner{row-gap:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__copy{padding-inline:16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__heading{gap:22px!important;font-size:clamp(28px,9.23vw,36px)!important;line-height:40px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__viewport{width:100%!important;margin:0!important;padding:0 16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__track{gap:14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__tile{width:73.333vw!important;flex-basis:73.333vw!important;aspect-ratio:3 / 4!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__cta-wrap{margin-top:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-social-editorial__cta{min-height:44px!important;font-size:14px!important;padding-inline:20px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-cards{padding:0 16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-cards__inner{gap:16px 12px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card{aspect-ratio:4 / 5!important;padding:clamp(16px,3vw,24px)!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card__copy{inset:auto!important;width:100%!important;max-width:100%!important;overflow:visible!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card__title{font-size:clamp(17px,3.4vw,24px)!important;line-height:1.15!important;overflow-wrap:normal!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card__body{margin-top:8px!important;font-size:clamp(12px,2.4vw,15px)!important;line-height:1.35!important;overflow-wrap:normal!important}html body:has(#MainContent[data-template=index]) .johar-footer{padding:64px 12px 16px!important}html body:has(#MainContent[data-template=index]) .johar-footer__shell{aspect-ratio:1 / 1!important;min-height:0!important}html body:has(#MainContent[data-template=index]) .johar-footer__content{min-height:0!important;height:100%!important;padding:20px 24px 40px!important;justify-content:flex-start!important}html body:has(#MainContent[data-template=index]) .johar-footer__logo{width:112px!important;max-height:32px!important}html body:has(#MainContent[data-template=index]) .johar-footer__menus{width:100%!important;margin-top:28px!important;gap:20px!important}html body:has(#MainContent[data-template=index]) .johar-footer__menu a{font-size:clamp(9px,3.08vw,12px)!important;line-height:14px!important}html body:has(#MainContent[data-template=index]) .johar-footer__menu--primary{row-gap:20px!important;column-gap:8px!important}html body:has(#MainContent[data-template=index]) .johar-footer__menu--policies{row-gap:20px!important;column-gap:8px!important}html body:has(#MainContent[data-template=index]) .johar-footer__copyright{margin-top:auto!important;font-size:10px!important;line-height:14px!important}}@media screen and (max-width:479px){html body:has(#MainContent) #MainContent[data-template=index] .johar-service-cards__inner{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card{aspect-ratio:auto!important;height:clamp(300px,80vw,380px)!important;min-height:0!important;padding:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card__title{font-size:clamp(23px,6vw,28px)!important;line-height:1.12!important;overflow-wrap:normal!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-service-card__body{font-size:clamp(14px,4vw,16px)!important;line-height:1.4!important;overflow-wrap:normal!important}}@media screen and (max-width:749px){html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__panel{display:flex!important;flex-direction:column!important}html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-editorial-split__content,.johar-editorial-split__media){flex:none!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__image{object-fit:cover!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__button{transform:translateY(36px)!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__grid>:nth-child(2){order:3}html body:has(#MainContent) #MainContent[data-template=index] .johar-engagement-feature__grid>:nth-child(3){order:2}html body:has(#MainContent[data-template=index]) .johar-footer__content{padding-inline:12px!important}}@media screen and (max-width:749px){html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__media{aspect-ratio:auto!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-story-split__image{transform:scale(1.1)!important}}@media screen and (max-width:359px){html body:has(#MainContent) #MainContent[data-template=index] .johar-live-reviews__group:first-child .johar-live-review-card:first-child{height:auto!important;min-height:240px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-live-review-card__content{height:auto!important;min-height:240px!important}}.johar-home-mobile-picture{display:contents}@media screen and (max-width:749px){html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__media--mobile-reference{width:calc(100% + 48px)!important;height:calc((100vw - 32px)*1.118)!important;margin-inline:-24px!important;overflow:hidden!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split__media--mobile-reference .johar-editorial-split__image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:left top!important}}@media screen and (max-width:749px){html body #MainContent[data-template=index] .johar-editorial-split__content{align-self:stretch!important;width:auto!important;max-width:100%!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-editorial-split .johar-editorial-split__button:not(#johar-override-a):not(#johar-override-b):not(#johar-override-c){width:100%!important;min-width:0!important;max-width:100%!important}}@media screen and (max-width:749px){html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__card{position:relative!important;display:flex!important;flex-direction:column!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__info{flex:1 0 auto!important;height:auto!important;min-height:158px!important;grid-template-rows:minmax(36px,auto) 20px minmax(36px,auto) 24px!important;align-content:start!important;gap:6px!important;padding:10px 10px 14px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__heading-row{display:block!important;position:static!important;height:auto!important;min-height:36px!important;padding:0!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__title{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;font-size:14px!important;line-height:18px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot{position:absolute!important;top:8px!important;right:8px!important;z-index:2!important;width:28px!important;height:28px!important;background:var(--johar-product-card-surface)!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot :is(a,button,.Vtl-CollectionCardWidget){width:28px!important;height:28px!important;min-width:0!important;min-height:0!important;padding:4px!important;box-sizing:border-box!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__wishlist-slot svg{width:18px!important;height:18px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__meta{height:auto!important;min-height:36px!important;align-items:center!important;gap:6px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__material{height:auto!important;max-height:none!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:18px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__form{height:24px!important;min-height:24px!important}html body:has(#MainContent) #MainContent[data-template=index] .johar-most-loved__add{display:inline-flex!important;align-items:center!important;height:24px!important;min-height:24px!important;font-size:14px!important;line-height:24px!important}}@media screen and (min-width:750px){html body:has(#MainContent) #MainContent[data-template=index] :is(.johar-most-loved,.johar-heirloom){background:#f3f3da!important}}html:has(#MainContent) body:has(#MainContent){--font-heading--family: "Venose", serif !important;--font-h1--family: "Venose", serif !important;--font-h2--family: "Venose", serif !important;--font-h3--family: "Venose", serif !important;--font-h4--family: "Venose", serif !important;--font-h5--family: "Venose", serif !important;--font-h6--family: "Venose", serif !important}html:has(#MainContent) body:has(#MainContent) :is(h1,h2,h3,h4,h5,h6,[role=heading],.h1,.h2,.h3,.h4,.h5,.h6,.johar-shop-tabs__title,.johar-social-editorial__heading){font-family:Venose,serif!important}html:has(#MainContent) body:has(#MainContent) :is(h1,h2,h3,h4,h5,h6,[role=heading],.h1,.h2,.h3,.h4,.h5,.h6,.johar-shop-tabs__title,.johar-social-editorial__heading) :is(span,a,strong,em,b,i){font-family:inherit!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/johar-layout.css.map */