/* Isolated redesign: no selectors outside the supermarket challenges section. */
.problems.problems-refresh { padding-block: 96px 110px; }
.problems-refresh .challenges-layout { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: clamp(48px, 6vw, 88px); }
.problems-refresh .challenges-copy { max-width: 530px; }
.problems-refresh .eyebrow { gap: 12px; margin-bottom: 24px; letter-spacing: .12em; }
.problems-refresh .eyebrow::before { content: ''; width: 26px; height: 2px; background: var(--brand-gradient); }
.problems-refresh h2 { max-width: 530px; font-size: clamp(32px, 3.1vw, 46px); line-height: 1.23; letter-spacing: -.055em; text-wrap: balance; }
.problems-refresh h2 em { display: inline; color: #a52f68; }
.problems-refresh .challenges-intro { margin: 28px 0 14px; color: #33283c; font-size: 17px; font-weight: 700; line-height: 1.6; letter-spacing: -.02em; }
.problems-refresh .challenges-support { max-width: 420px; margin-bottom: 30px; color: #726878; font-size: 15px; line-height: 1.85; }
.problems-refresh .challenges-cta { justify-content: space-between; gap: 20px; padding: 18px 23px; min-height: 58px; border-radius: 999px; color: #fff; background: #74369b; font-size: 11px; box-shadow: 0 7px 20px #74369b14; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.problems-refresh .challenges-cta:focus-visible { outline: 3px solid #b280ce; outline-offset: 4px; }
.problems-refresh .challenges-visual { position: relative; isolation: isolate; min-width: 0; padding: 20px 28px 64px 40px; }
.problems-refresh .challenges-visual::before { content: ''; position: absolute; z-index: -1; inset: 6% -2% 1% 0; background: radial-gradient(ellipse at 65% 55%, #eadcf1a8, #fcf6f66b 55%, transparent 72%); border-radius: 50%; }
.problems-refresh .manager-photo { position: relative; margin: 0; padding: 4px; border: 1px solid #eee5ef; border-radius: 22px 88px 22px 22px; background: #fff; box-shadow: 0 22px 55px #472d5117; overflow: hidden; }
.problems-refresh .manager-photo picture, .problems-refresh .manager-photo img { display: block; width: 100%; }
.problems-refresh .manager-photo img { aspect-ratio: 4/5; height: auto; object-fit: cover; border-radius: 17px 83px 17px 17px; }
.problems-refresh .manager-photo figcaption { position: absolute; bottom: 13px; left: 15px; color: #fff; font-size: 8px; line-height: 1.6; padding: 4px 8px; border-radius: 5px; background: #2b203bc9; }
.problems-refresh .challenge-panels { list-style: none; padding: 0; margin: 0; }
.problems-refresh .challenge-panel { position: absolute; z-index: 1; width: max-content; max-width: 230px; }
.problems-refresh .challenge-panel-inner { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border: 1px solid #eadfe8; border-radius: 13px; color: #48364e; background: #fff; box-shadow: 0 12px 30px #3c214a12; font-size: 11px; font-weight: 700; line-height: 1.55; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.problems-refresh .challenge-icon { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; color: #aa466a; background: #fcf0f3; border: 1px solid #f4e0e8; border-radius: 9px; }
.problems-refresh .challenge-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.problems-refresh .challenge-panel:nth-child(1) { top: 9%; left: 0; max-width: 195px; }
.problems-refresh .challenge-panel:nth-child(2) { top: 52%; right: -12px; max-width: 225px; }
.problems-refresh .challenge-panel:nth-child(3) { top: 66%; left: -22px; max-width: 218px; }
.problems-refresh .challenge-panel:nth-child(4) { bottom: 5%; left: 15px; max-width: 190px; }
.problems-refresh .challenge-panel:nth-child(5) { bottom: -2%; right: -2px; max-width: 206px; }
.problems-refresh .challenge-panel:nth-child(5) .challenge-panel-inner { border-color: #dfc8e9; background: #fbf6fe; }
.problems-refresh .challenge-panel:nth-child(5) .challenge-icon { background: #f1e5f9; color: #74369b; border-color: #e8d5f1; }
@media (hover: hover) and (pointer: fine) {
 .problems-refresh .challenge-panel:hover .challenge-panel-inner { transform: translateY(-4px); box-shadow: 0 17px 34px #3c214a1c; border-color: #cda9d9; }
 .problems-refresh .challenges-cta:hover { background: #602782; transform: translateY(-2px); box-shadow: 0 12px 26px #74369b26; }
 .problems-refresh .challenges-cta:hover > span { transform: translate(2px, -2px); }
}
.problems-refresh .challenges-cta:active { transform: translateY(0); }
@keyframes j7-challenge-arrive { from { opacity: .45; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
 .problems-refresh.challenges-visible .challenge-panel { animation: j7-challenge-arrive .65s both cubic-bezier(.2,.7,.2,1); }
 .problems-refresh.challenges-visible .challenge-panel:nth-child(2) { animation-delay: .07s; }
 .problems-refresh.challenges-visible .challenge-panel:nth-child(3) { animation-delay: .14s; }
 .problems-refresh.challenges-visible .challenge-panel:nth-child(4) { animation-delay: .21s; }
 .problems-refresh.challenges-visible .challenge-panel:nth-child(5) { animation-delay: .28s; }
}
@media (max-width: 1150px) {
 .problems-refresh .challenges-layout { gap: 42px; grid-template-columns: .95fr 1fr; }
 .problems-refresh .challenges-visual { padding: 16px 16px 74px 22px; }
 .problems-refresh .challenge-panel-inner { padding: 11px 12px; font-size: 10px; gap: 8px; }
 .problems-refresh .challenge-panel:nth-child(2) { right: -10px; max-width: 190px; }
 .problems-refresh .challenge-panel:nth-child(3) { left: -14px; max-width: 185px; }
 .problems-refresh .challenge-panel:nth-child(4) { left: 0; bottom: 9%; max-width: 175px; }
 .problems-refresh .challenge-panel:nth-child(5) { right: 0; bottom: -1%; max-width: 190px; }
}
@media (max-width: 960px) {
 .problems.problems-refresh { padding-block: 72px 86px; }
 .problems-refresh .challenges-layout { grid-template-columns: 1fr; gap: 32px; }
 .problems-refresh .challenges-copy { max-width: 630px; }
 .problems-refresh h2 { max-width: 610px; font-size: clamp(32px, 4.7vw, 42px); }
 .problems-refresh .challenges-support { max-width: 520px; }
 .problems-refresh .challenges-visual { width: 100%; max-width: 550px; justify-self: center; padding: 15px 48px 65px; }
 .problems-refresh .challenge-panel-inner { padding: 13px 15px; font-size: 11px; }
 .problems-refresh .challenge-panel:nth-child(1) { left: 10px; }
 .problems-refresh .challenge-panel:nth-child(2) { right: 0; max-width: 215px; }
 .problems-refresh .challenge-panel:nth-child(3) { left: 0; max-width: 215px; }
 .problems-refresh .challenge-panel:nth-child(4) { left: 24px; bottom: 5%; max-width: 190px; }
 .problems-refresh .challenge-panel:nth-child(5) { bottom: -2%; right: 4px; max-width: 205px; }
}
@media (max-width: 600px) {
 .problems.problems-refresh {padding-block:48px 52px}
 .problems-refresh .challenges-layout {gap:24px}
 .problems-refresh h2 {font-size:clamp(29px,7.5vw,38px)}
 .problems-refresh .eyebrow {font-size:10px;margin-bottom:18px}
 .problems-refresh .challenges-intro {margin-top:20px;font-size:16px}
 .problems-refresh .challenges-support {font-size:14px;margin-bottom:0}
 .problems-refresh .challenges-visual {max-width:400px;padding:0}
 .problems-refresh .manager-photo {width:min(100%,300px);margin-inline:auto;border-radius:18px 62px 18px 18px;box-shadow:0 12px 30px #472d5110}
 .problems-refresh .manager-photo img {aspect-ratio:4/5;object-fit:contain;border-radius:14px 58px 14px 14px}
 .problems-refresh .challenge-panels {position:static;display:block;margin:20px 0 0}
 .problems-refresh .challenge-panel:nth-child(n) {position:static;width:auto;max-width:none;animation:none}
 .problems-refresh .challenge-panel .challenge-panel-inner {padding:12px 0;gap:12px;border:0;border-bottom:1px solid #e9dfee;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:600;line-height:1.6;transform:none}
 .problems-refresh .challenge-panel:last-child .challenge-panel-inner {border:0;background:none}
 .problems-refresh .challenge-icon,.problems-refresh .challenge-panel:last-child .challenge-icon {flex:0 0 24px;width:24px;height:24px;background:none;border:0;border-radius:0;color:#8f456e}
 .problems-refresh .challenge-icon svg {width:18px;height:18px}
 .problems-refresh .manager-photo figcaption {bottom:12px;left:12px;font-size:8px}
}
@media (prefers-reduced-motion: reduce) {
 .problems-refresh .challenge-panel, .problems-refresh .challenge-panel-inner, .problems-refresh .challenges-cta, .problems-refresh .challenges-cta > span { animation: none !important; transition: none; transform: none !important; }
}