.ph-collection-guide{color:#28231f;background:#fffefc;font-family:var(--font-body-family, sans-serif);font-size:16px;line-height:1.5;letter-spacing:normal}.ph-collection-guide__inner{padding-top:36px;padding-bottom:20px}.ph-collection-guide__heading{text-align:center}.ph-collection-guide__eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.ph-collection-guide h1{text-wrap:balance;margin:0;color:inherit;font-size:clamp(32px,3.3vw,48px);line-height:1.15;letter-spacing:-.025em}.ph-collection-guide__intro{max-width:62ch;margin:12px auto 0;font-size:17px}.ph-collection-nav{margin-top:25px}.ph-collection-nav ul{display:flex;justify-content:center;gap:8px;list-style:none;margin:0;padding:0 0 4px}.ph-collection-nav a{display:block;padding:9px 16px;min-height:44px;border:1px solid #d1c2ae;border-radius:2px;color:#28231f;background:#fffefc;text-decoration:none;font-size:14px;white-space:nowrap}.ph-collection-nav a:hover{background:#f3eee7}.ph-collection-nav a[aria-current=page]{background:#695846;border-color:#695846;color:#fff}.ph-collection-guide a:focus-visible,.ph-collection-guide summary:focus-visible{outline:3px solid #695846;outline-offset:4px;box-shadow:none}.ph-collection-compare{margin-top:18px;background:#f3eee7;border:1px solid #e3d9cc;border-radius:2px}.ph-collection-compare>summary{position:relative;padding:14px 50px 14px 20px;list-style:none;cursor:pointer;font-size:16px;font-weight:600}.ph-collection-compare>summary::-webkit-details-marker{display:none}.ph-collection-compare__toggle{position:absolute;right:22px;top:9px;font-size:24px;font-weight:400}.ph-collection-compare[open] .ph-collection-compare__toggle{transform:rotate(45deg)}.ph-collection-compare__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0 20px 22px;margin:0}.ph-collection-compare__grid--serums{grid-template-columns:repeat(4,minmax(0,1fr))}.ph-collection-compare__item{border-top:1px solid #d1c2ae;padding-top:13px;min-width:0}.ph-collection-compare h3{font-size:18px;line-height:1.3;color:inherit;margin:0 0 8px;letter-spacing:-.01em}.ph-collection-compare h3 a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.ph-collection-compare h3 span{white-space:nowrap}.ph-collection-compare__benefit{font-size:15px;margin:0}.ph-collection-compare__texture{font-size:14px;color:#554d46;margin:8px 0 0}.ph-collection-story{margin-top:12px;font-size:14px}.ph-collection-story>summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.ph-collection-guide__description{max-width:76ch;margin:18px auto 0}.ph-collection-guide__description,.ph-collection-guide__description p,.ph-collection-guide__description span{font-family:var(--font-body-family, sans-serif)!important;font-size:16px!important;line-height:1.6!important;color:#28231f!important}.ph-collection-guide__description p{margin-block:0 12px!important}.ph-collection-guide__description p:empty{display:none}.ph-collection-story--visible{margin-top:20px;padding:28px;background:#f3eee7;border:1px solid #e3d9cc;border-radius:2px}.ph-collection-story--visible .ph-collection-guide__description{max-width:none;margin:0}.ph-collection-story--visible :is(#phoefi-moisturiser-guide,#phoefi-serum-guide){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;max-width:none;margin:0;padding:0;color:#28231f;letter-spacing:normal}.ph-collection-story--visible #phoefi-serum-guide{grid-template-columns:repeat(4,minmax(0,1fr))}.ph-collection-story--visible :is(#phoefi-moisturiser-guide,#phoefi-serum-guide)>h2{grid-column:1 / -1;margin:0!important;font-family:var(--font-heading-family, sans-serif);font-size:clamp(21px,2vw,26px)!important;font-weight:var(--font-heading-weight, 400)!important;line-height:1.3;letter-spacing:-.015em;color:#28231f}.ph-collection-story--visible #phoefi-moisturiser-guide>.phoefi-guide-intro{grid-column:1 / -1;margin:-10px 0 0!important}.ph-collection-story--visible :is(#phoefi-moisturiser-guide .phoefi-cream,#phoefi-serum-guide .phoefi-serum){margin:0!important;padding-top:16px;border-top:1px solid #d1c2ae;min-width:0}.ph-collection-story--visible :is(#phoefi-moisturiser-guide,#phoefi-serum-guide) h3{margin:0 0 8px!important;color:#28231f;font-family:var(--font-heading-family, sans-serif);font-size:18px!important;font-weight:600!important;line-height:1.4;letter-spacing:normal}.ph-collection-story--visible :is(#phoefi-moisturiser-guide,#phoefi-serum-guide) p{margin:0!important;color:#554d46!important;font-size:15px!important;line-height:1.6!important}.ph-collection-formulation{max-width:76ch;margin:10px auto 0;color:#695846;font-size:14px;line-height:1.5;text-align:center}.ph-collection-reasons{margin-top:20px;padding:28px;background:#f3eee7;border:1px solid #e3d9cc;border-radius:2px;color:#28231f;text-align:center}.ph-collection-reasons__heading,.ph-collection-reasons__heading h2{margin:0;color:inherit;font-family:var(--font-heading-family, sans-serif);font-size:clamp(21px,2vw,26px);font-weight:var(--font-heading-weight, 400);line-height:1.3;letter-spacing:-.015em;text-wrap:balance}.ph-collection-reasons__story{max-width:82ch;margin:10px auto 0;color:#554d46;font-size:15px;line-height:1.6}.ph-collection-reasons__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:22px 0 0;padding:0;list-style:none}.ph-collection-reasons__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-collection-reasons__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-collection-reasons__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ph-collection-reasons__item{min-width:0;margin:0;padding-top:16px;border-top:1px solid #d1c2ae}.ph-collection-reasons__item h3{margin:0 0 8px;color:#28231f;font-family:var(--font-heading-family, sans-serif);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:normal;text-wrap:balance}.ph-collection-reasons__item p{margin:0;color:#554d46;font-size:15px;line-height:1.6}.ph-collection-reasons__item .ph-collection-reasons__steps{text-align:left}.ph-collection-reasons__note{max-width:88ch;margin:18px auto 0;color:#554d46;font-size:13px;line-height:1.5}#MainContent:has(.ph-collection-guide){background:#fffefc}#MainContent:has(.ph-collection-guide) #product-grid{--grid-desktop-horizontal-spacing: 24px;--grid-desktop-vertical-spacing: 36px;--grid-mobile-horizontal-spacing: 16px;--grid-mobile-vertical-spacing: 28px}#MainContent:has(.ph-collection-guide) #product-grid .card{border-radius:0;--image-padding: 0rem;--text-alignment: center}#MainContent:has(.ph-collection-guide) #product-grid .card__inner{border-radius:0;background:#f3eee7}#MainContent:has(.ph-collection-guide) #product-grid .card__media{border-radius:0;width:100%;margin:0}#MainContent:has(.ph-collection-guide) #product-grid .card__media .media>img{object-fit:contain}#MainContent:has(.ph-collection-guide) #product-grid .card__information{text-align:center;padding:15px 2px 6px}#MainContent:has(.ph-collection-guide) #product-grid .card__heading{font-size:18px;line-height:1.35;letter-spacing:-.015em}#MainContent:has(.ph-collection-guide) #product-grid .card-information{text-align:center}#MainContent:has(.ph-collection-guide) #product-grid .price{font-size:16px;line-height:1.4;color:#28231f}#MainContent:has(.ph-collection-guide) .facets-wrapper{color:#28231f}@media(max-width:989px){.ph-collection-reasons__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-collection-nav{overflow-x:auto;padding:4px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#d1c2ae transparent}.ph-collection-nav ul{justify-content:flex-start;width:max-content;min-width:100%}.ph-collection-compare__grid--serums,.ph-collection-story--visible #phoefi-serum-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.ph-collection-formulation{max-width:36ch;font-size:13px}.ph-collection-reasons{margin-top:16px;padding:22px 18px}.ph-collection-reasons__grid,.ph-collection-reasons__grid--2,.ph-collection-reasons__grid--3,.ph-collection-reasons__grid--4{grid-template-columns:1fr;gap:18px;margin-top:20px}.ph-collection-reasons__item{padding-top:14px}.ph-collection-reasons__item h3{font-size:17px}.ph-collection-reasons__note{margin-top:16px}.ph-collection-guide__inner{padding-top:26px;padding-bottom:15px}.ph-collection-guide__intro{font-size:16px;line-height:1.45;margin-top:10px}.ph-collection-nav{margin-top:18px}.ph-collection-nav a{padding-inline:14px}.ph-collection-compare{margin-top:14px}.ph-collection-compare>summary{padding-left:16px;font-size:15px}.ph-collection-compare__grid,.ph-collection-compare__grid--serums{grid-template-columns:1fr;gap:15px;padding-inline:16px}.ph-collection-compare__item{padding-top:11px}.ph-collection-compare h3{font-size:17px}.ph-collection-story{margin-top:8px}.ph-collection-story--visible{margin-top:16px;padding:22px 18px}.ph-collection-story--visible :is(#phoefi-moisturiser-guide,#phoefi-serum-guide){grid-template-columns:1fr;gap:18px}#MainContent:has(.ph-collection-guide) #product-grid .card__information{padding-top:12px}#MainContent:has(.ph-collection-guide) #product-grid .card__heading{font-size:16px}#MainContent:has(.ph-collection-guide) #product-grid .price{font-size:15px}}.ph-collection-reasons__item .ph-collection-reasons__extra{margin-top:10px;font-size:12px;font-weight:600;color:#695846}
/*# sourceMappingURL=/cdn/shop/t/5/assets/phoefi-collections.css.map */