.mandelic_acid_guide .page_width{padding-inline:20px;max-width:1530px;width:100%;margin-inline:auto}.page_mandelic_acid_wrapper .shopify-section{--content-width: 100%;--content-margin: 0}.mandelic_acid_guide{margin-top:-147px}.page_mandelic_banner{background-repeat:no-repeat;background-position:70% center;background-size:cover;padding-top:160px;padding-bottom:160px}.page_mandelic_banner .container{max-width:1530px;padding-inline:20px;margin-inline:auto}.page_mandelic_banner .context{max-width:770px;width:100%;font-size:18px;letter-spacing:normal}.page_mandelic_banner .context h2{margin-top:0;margin-bottom:48px;font-weight:700;text-transform:uppercase;font-size:26px;line-height:1.2}.mandelic_acid_guide h3{text-transform:uppercase;font-size:24px;color:#353535;margin-bottom:1rem}.mandelic_acid_guide p{margin-bottom:1.25rem;font-size:15px;line-height:1.25;color:#353535}.mandelic_acid_guide p:last-child{margin-bottom:0}.mandelic_acid_guide .divider{margin-block:48px;border-width:3px}.what_is_mandelic{padding-block:48px}.what_is_mandelic .divider{margin-block:1.5rem;display:block;height:1px}.ma_benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ma_benefits.list_with_title{margin-bottom:0}.ma_benefits.list_with_title ul li{margin-bottom:4px}.unique_properties{margin-bottom:48px}.split_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;align-items:center}.split_grid.reverse .split_image{order:2}.balanced_approach{margin-bottom:60px}.balanced_approach .list_with_title{margin-bottom:1.25rem}.balanced_approach .list_with_title ul li{margin-bottom:4px}.page_mandelic_acid_wrapper .about_section_with_image_context{padding-block:0;margin-top:0}.mandelic_skin_types .center{text-align:center}.mandelic_skin_types h3{margin-bottom:40px}.skin_card img{width:100%;aspect-ratio:1/.76;object-fit:cover;margin-bottom:20px}.skin_card h5{font-weight:700}.skin_swiper{overflow:hidden}.skin_card{height:100%}.skin_card img{width:100%;display:block}.skin_swiper .swiper-button-prev,.skin_swiper .swiper-button-next{width:48px;height:48px;top:40%}.skin_swiper .swiper-pagination{display:none;position:relative;margin-top:30px}#mandelic-acid-for-different-skin-types-and-concerns .mobile_product_slider .product_image{padding-top:0}.compare_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}#mandelic-acid-compared-to-other-acids-and-retinoids .column_grid_3{gap:60px}.ingredient_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:60px}.m_compare_acids h3,.m_ingredient_paired h3{margin-bottom:48px}.m_compare_acids .center,.m_ingredient_paired .center{text-align:center}.compare_card h5,.ingredient_card h5{text-transform:uppercase}.guide_nav{margin-top:-125px;margin-bottom:48px;background-color:#fff9;transition:.3s ease-in-out}.guide_nav__header{display:flex;justify-content:space-between;align-items:center;padding:12px 40px}.guide_nav__header h3{margin:0;text-transform:capitalize}.guide_nav__toggle{background:none;border:none;cursor:pointer;height:56px;width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.guide_nav_links{display:grid;grid-template-columns:repeat(2,1fr);gap:120px;padding:20px 12% 60px}.guide_nav_links{opacity:0;visibility:hidden;transition:.3s ease-in-out}.guide_nav ul{margin:0;padding-left:18px}.guide_nav li{margin-bottom:10px;color:#fff}.guide_nav a{color:#fff;border-bottom:rgba(255,255,255,.5) 1px solid}.guide_nav li:hover>a{opacity:.8}.guide_nav li ul{margin-top:8px;padding-left:25px}.guide_nav li ul li{margin-bottom:6px}.guide_nav__content{display:none}.guide_nav__toggle{transition:transform .3s ease}.guide_nav.active{background-color:#586a82}.guide_nav.active .guide_nav__toggle{transform:rotate(180deg)}.guide_nav.active .guide_nav__content{display:block}.guide_nav.active .guide_nav__header h3,.guide_nav.active .guide_nav__header button{color:#fff}.guide_nav.active .guide_nav__content .guide_nav_links{opacity:1;visibility:visible}.page_mandelic_acid_wrapper .collection_featured__image .collection-product__image{padding-top:120%;background-color:#f7f7f7}.page_mandelic_acid_wrapper .accordion{margin-inline:0px}.page_mandelic_acid_wrapper .column_grid_wrapper .column_grid_3{column-gap:28px;row-gap:50px}@media screen and (max-width:1439px){.skin_cards{gap:30px}.compare_grid,.ingredient_grid{gap:40px}}@media screen and (max-width:1199px){.guide_nav__header{padding:6px 30px}.guide_nav{margin-top:-104px}.split_grid{gap:30px;align-items:flex-start}.skin_cards{gap:20px}#ingredients-that-pair-well-with-mandelic-acid .column_grid.column_grid_4,#mandelic-acid-compared-to-other-acids-and-retinoids .column_grid_3{gap:28px}}@media screen and (max-width:991px){.split_grid{grid-template-columns:repeat(1,1fr)}.compare_grid,.ingredient_grid,.column_grid_4{grid-template-columns:repeat(2,1fr);gap:28px}.ma_benefits.list_with_title ul li,.balanced_approach .list_with_title ul li{font-size:15px}.split_image img{width:100%}}@media screen and (max-width:959px){.page_mandelic_acid_wrapper .column_grid_wrapper .column_grid_3{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 56px),1fr))}}@media screen and (max-width:767px){.page_mandelic_banner{padding-bottom:100px;padding-top:120px}.page_mandelic_banner .context h2{margin-bottom:20px;font-size:24px}.mandelic_acid_guide h3{font-size:20px}.ma_benefits{grid-template-columns:repeat(1,1fr);gap:0px}.guide_nav_links{grid-template-columns:repeat(1,1fr);gap:0px;padding:0 20px 40px}.m_compare_acids h3,.m_ingredient_paired h3{margin-bottom:28px}.compare_grid,.ingredient_grid,.column_grid_wrapper .column_grid_2,div#mandelic-acid-compared-to-other-acids-and-retinoids.column_grid_wrapper .column_grid_3,#ingredients-that-pair-well-with-mandelic-acid.column_grid_wrapper .column_grid_4{grid-template-columns:repeat(1,1fr);gap:20px}.column_grid_wrapper h3.column_heading.center{text-align:left}.page_mandelic_acid_wrapper .virtual_consultation_section{padding-inline:20px}#mandelic-acid-compared-to-other-acids-and-retinoids .column_grid_3{gap:20px}.skin_swiper .swiper-button-prev,.skin_swiper .swiper-button-next{display:none}.skin_swiper .swiper-pagination{display:block}}@media screen and (max-width:599px){.page_mandelic_acid_wrapper .column_grid_wrapper .column_grid_3{column-gap:14px;row-gap:30px;grid-template-columns:repeat(auto-fill,minmax(calc(50% - 14px),1fr))}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/mandelic-acid-guide.css.map */