.jp-frr{background:var(--moon-grey, #F8F7F5);border-top:1px solid var(--platinum, #E8E6E3);border-bottom:1px solid var(--platinum, #E8E6E3);font-family:var(--jp-sans)}.jp-frr__in{list-style:none;margin:0 auto;padding:0;max-width:var(--jp-shell-max, 1280px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.jp-frr__item{min-width:0;margin:0}.jp-frr__item+.jp-frr__item{border-left:1px solid var(--platinum, #E8E6E3)}.jp-frr__a{display:flex;align-items:center;gap:16px;height:100%;padding:26px 24px;color:inherit;text-decoration:none;transition:background-color .2s}a.jp-frr__a:hover{background:var(--pure-white, #fff)}a.jp-frr__a:hover .jp-frr__t b{text-decoration:underline;text-underline-offset:3px}a.jp-frr__a:focus-visible{outline:2px solid var(--burgundy, #8B3A3A);outline-offset:-2px}.jp-frr__ic{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pure-white, #fff);border:1px solid var(--platinum, #E8E6E3);color:var(--burgundy, #8B3A3A)}.jp-frr__ic svg{width:26px;height:26px}.jp-frr__t{min-width:0}.jp-frr__t b{display:block;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:.01em;color:var(--charcoal, #2A2928)}.jp-frr__t small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--steel, #6B6866)}@media screen and (max-width:1099px){.jp-frr__a{padding:22px 18px;gap:12px}.jp-frr__ic{flex-basis:46px;width:46px;height:46px}.jp-frr__ic svg{width:23px;height:23px}}@media screen and (max-width:989px){.jp-frr__in{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-frr__item:nth-child(odd){border-left:0}.jp-frr__item:nth-child(n+3){border-top:1px solid var(--platinum, #E8E6E3)}.jp-frr__a{padding:16px 14px;align-items:flex-start}.jp-frr__ic{flex-basis:40px;width:40px;height:40px}.jp-frr__ic svg{width:21px;height:21px}.jp-frr__t b{font-size:14px}.jp-frr__t small{font-size:12.5px}}@media screen and (max-width:479px){.jp-frr__a{flex-direction:column;gap:8px;padding:14px 12px}.jp-frr__ic{flex-basis:auto;width:36px;height:36px}.jp-frr__ic svg{width:19px;height:19px}.jp-frr__t b{font-size:13.5px}.jp-frr__t small{font-size:12px}}@media screen and (max-width:299px){.jp-frr__in{grid-template-columns:minmax(0,1fr)}.jp-frr__item+.jp-frr__item{border-left:0;border-top:1px solid var(--platinum, #E8E6E3)}}.jp-pswitch [data-jp-persona-card=all]{--jp-fr-ic: var(--brass, #C9A961)}.jp-pswitch [data-jp-persona-card=salon]{--jp-fr-ic: var(--jp-salon, #C77D8E)}.jp-pswitch [data-jp-persona-card=barber]{--jp-fr-ic: var(--jp-barber, #5C7585)}.jp-pswitch [data-jp-persona-card=student]{--jp-fr-ic: var(--jp-student, #5B7C8A)}.jp-pswitch .jp-pswitch__card{gap:12px;padding:28px 24px 24px}.jp-pswitch .jp-pswitch__ic{width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--jp-fr-ic, #C9A961) 16%,#fff);color:color-mix(in srgb,var(--jp-fr-ic, #C9A961) 70%,var(--ink, #1A1918))}.jp-pswitch .jp-pswitch__ic svg{width:34px;height:34px}.jp-pswitch .jp-pswitch__card b{font-size:22px}.jp-pswitch .jp-pswitch__card small{display:block;font-size:14px;line-height:1.5;color:var(--steel, #6B6866)}.jp-pswitch .jp-pswitch__cta{margin-top:auto;padding-top:4px}@media screen and (max-width:989px){.jp-pswitch .jp-pswitch__card{padding:20px 16px 16px;gap:10px}.jp-pswitch .jp-pswitch__ic{width:56px;height:56px}.jp-pswitch .jp-pswitch__ic svg{width:28px;height:28px}.jp-pswitch .jp-pswitch__card b{font-size:19px}.jp-pswitch .jp-pswitch__card small{font-size:13px}}.jp-pgrid[hidden]{display:none!important}.jp-frs__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:56px;align-items:center}.jp-frs__main{display:block;aspect-ratio:1 / 1;background:var(--pure-white, #fff);border:1px solid var(--platinum, #E8E6E3);overflow:hidden}.jp-frs__main img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s ease}@media(hover:hover){.jp-frs__main:hover img{transform:scale(1.03)}}.jp-frs__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.jp-frs__thumbs a{display:block;aspect-ratio:1 / 1;background:var(--pure-white, #fff);border:1px solid var(--platinum, #E8E6E3);overflow:hidden}.jp-frs__thumbs img{width:100%;height:100%;object-fit:contain;display:block}.jp-frs__body{min-width:0;font-family:var(--jp-sans)}.jp-frs__vendor{margin:14px 0 0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--steel, #6B6866)}.jp-frs__title{margin:6px 0 0;font-family:var(--jp-serif);font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15;color:var(--ink, #1A1918)}.jp-frs__title a{color:inherit;text-decoration:none}.jp-frs__title a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.jp-frs__lede{margin:16px 0 0;font-size:16px;line-height:1.6;color:var(--charcoal, #2A2928)}.jp-frs__specs{margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--platinum, #E8E6E3)}.jp-frs__spec{padding:12px 12px 12px 0;border-bottom:1px solid var(--platinum, #E8E6E3);min-width:0}.jp-frs__spec dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel, #6B6866)}.jp-frs__spec dd{margin:3px 0 0;font-size:15px;line-height:1.4;color:var(--ink, #1A1918);overflow-wrap:anywhere}.jp-frs__price{margin:22px 0 0;font-size:14px;color:var(--steel, #6B6866)}.jp-frs__price b{display:inline-block;margin-left:4px;font-family:var(--jp-serif);font-size:28px;font-weight:500;color:var(--ink, #1A1918)}.jp-frs__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}@media screen and (max-width:989px){.jp-frs__grid{grid-template-columns:minmax(0,1fr);gap:28px}.jp-frs__media{max-width:560px;width:100%;margin:0 auto}}@media screen and (max-width:749px){.jp-frs__thumbs{display:none}[id$=__jp_fr_featured] .jp-pgrid>.jp-pcard:nth-child(n+7){display:none}}@media screen and (max-width:479px){.jp-frs__specs{grid-template-columns:minmax(0,1fr)}.jp-frs__ctas .jp-btn{flex:1 1 100%;text-align:center;justify-content:center}}@media(prefers-reduced-motion:reduce){.jp-frs__main img{transition:none}.jp-frs__main:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/jp-fr-home.css.map */