/*!
 * GentlePup theme — section-problem-solution.css
 * Copyright © 2026 Murilo Scigliano. All rights reserved.
 * Proprietary. See LICENSE. dev@murilo.design
 */.problem-solution .section-header{margin-inline:auto;justify-items:center;text-align:center}.problem-solution .section-header__text{margin-inline:auto}.problem-solution{padding-bottom:0;background:var(--cream)}.problem-solution__steps{display:grid;gap:1.2rem;list-style:none;margin:var(--space-6) 0 0;padding:0}.problem-solution__steps-wrap{padding-inline:18px}.problem-solution__step{position:relative;display:grid;grid-template-rows:auto 1fr;align-content:stretch;aspect-ratio:var(--step-aspect, 3 / 4);min-width:0;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--cocoa);color:var(--cream);overflow:hidden;isolation:isolate}.problem-solution__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.problem-solution__image{width:100%;height:100%;object-fit:cover}@media(hover:hover)and (prefers-reduced-motion:no-preference){.problem-solution__image{transition:transform var(--duration-slow) var(--ease)}.problem-solution__step:hover .problem-solution__image{transform:scale(1.025)}}.problem-solution__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim)}.problem-solution__step-number{align-self:start;justify-self:start;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--glacier);color:var(--cocoa);font-family:var(--heading-font);font-size:1.6rem;font-weight:800;line-height:1;letter-spacing:-.02em}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.problem-solution__step-number{background:color-mix(in srgb,var(--glacier) 82%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}}.problem-solution__body{display:grid;align-content:end;gap:var(--space-2);min-width:0}.problem-solution__step-title{margin:0;font-size:1.9rem;line-height:1.05;letter-spacing:-.02em}.problem-solution__step-text{margin:0;max-width:34ch;color:color-mix(in srgb,var(--cream) 86%,transparent);font-size:1.0625rem;line-height:1.45}@media(min-width:768px){.problem-solution__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.problem-solution{background:var(--sand)}.problem-solution>.container{--container-width: var(--content-width)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-problem-solution.css.map */