.about-products{background-color:var(--color-paper-white, #FAFAF8);padding:96px 24px}.about-products__container{max-width:var(--container-wide, 1080px);margin:0 auto}.about-products__header{text-align:center;margin-bottom:3rem}.about-products__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.5rem,3vw,1.9375rem);font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);margin:0 0 .75rem;letter-spacing:var(--tracking-tight, -.02em)}.about-products__subtitle{font-family:var(--font-body, "Inter", sans-serif);font-size:1.125rem;font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #6B6B68);margin:0;line-height:var(--leading-relaxed, 1.618)}.about-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:2.5rem}.about-products__card{display:block;text-decoration:none;background-color:var(--color-sage-light, #E8EDE6);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.about-products__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1a1a1814}.about-products__card:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.about-products__image-wrapper{aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-paper-white, #FAFAF8)}.about-products__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.about-products__card:hover .about-products__image{transform:scale(1.03)}.about-products__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-sage-light, #E8EDE6)}.about-products__placeholder svg{width:48px;height:48px;color:var(--color-muted-gray, #6B6B68);opacity:.5}.about-products__content{padding:20px}.about-products__cause-tag{display:inline-block;font-family:var(--font-body, "Inter", sans-serif);font-size:.75rem;font-weight:var(--font-medium, 500);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:100px;margin-bottom:8px;background-color:#1a7b7b1a;color:var(--color-deep-teal, #1A7B7B)}.about-products__cause-tag[data-cause=dehydration]{background-color:#7b99711f;color:var(--color-sage-green, #7B9971)}.about-products__cause-tag[data-cause=pigmentation]{background-color:#8b73551f;color:#8b7355}.about-products__cause-tag[data-cause=collagen]{background-color:#9b6b8c1f;color:#9b6b8c}.about-products__cause-tag[data-cause=inflammation]{background-color:#7b8b9b1f;color:#7b8b9b}.about-products__cause-tag[data-cause=maternal]{background-color:#c65d0014;color:var(--color-terracotta, #C65D00)}.about-products__name{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-semibold, 600);color:var(--color-warm-black, #1A1A18);margin:0 0 4px;line-height:1.3}.about-products__price{font-family:var(--font-body, "Inter", sans-serif);font-size:.9375rem;font-weight:var(--font-medium, 500);color:var(--color-muted-gray, #6B6B68)}.about-products__cta{text-align:center}.about-products__btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-semibold, 600);color:var(--color-deep-teal, #1A7B7B);text-decoration:none;padding:12px 24px;border:1.5px solid var(--color-deep-teal, #1A7B7B);border-radius:var(--radius-md, 6px);transition:all .25s ease}.about-products__btn:hover{background-color:var(--color-deep-teal, #1A7B7B);color:var(--color-paper-white, #FAFAF8)}.about-products__btn:hover svg{transform:translate(4px)}.about-products__btn svg{transition:transform .25s ease}.about-products__btn:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}@media(max-width:900px){.about-products__grid{grid-template-columns:repeat(3,1fr);gap:16px}.about-products__content{padding:16px}.about-products__name{font-size:.9375rem}}@media(max-width:768px){.about-products{padding:64px 24px}.about-products__grid{grid-template-columns:repeat(2,1fr)}.about-products__card:nth-child(3){display:none}}@media(max-width:639px){.about-products{padding:48px 20px}.about-products__subtitle{font-size:1rem}.about-products__grid{grid-template-columns:1fr 1fr;gap:12px}.about-products__content{padding:12px}.about-products__cause-tag{font-size:.6875rem;padding:3px 8px}.about-products__name{font-size:.875rem}.about-products__price{font-size:.8125rem}.about-products__btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/about-products.css.map */