@import url('./store-case-study.css');

.redesign-intro,.redesign-product,.redesign-pages { background:#fff; }
.redesign-intro__copy { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; margin-bottom:30px; }
.redesign-intro__copy h2 { max-width:540px; margin-bottom:0; }
.redesign-intro__copy .body-copy { margin:0 0 14px; }
.redesign-intro__copy .body-copy:last-child { margin-bottom:0; }
.redesign-presentation { margin:0; background:#42102f; border:1px solid #e2e8f4; border-radius:12px; overflow:hidden; }
.redesign-presentation img { display:block; width:100%; height:auto; margin:auto; }
.redesign-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:26px 0 0; gap:24px; }
.redesign-scope > div { border-left:3px solid #ff4800; padding-left:16px; }
.redesign-scope dt { font-size:.78rem; color:#4d5f7e; margin-bottom:6px; }
.redesign-scope dd { margin:0; font-size:.9rem; font-weight:700; }
.redesign-case .store-case-challenges { grid-template-columns:repeat(3,minmax(0,1fr)); }
.redesign-case .store-case-number { margin-bottom:12px; font-size:1.4rem; }
.redesign-case .store-case-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.redesign-case .store-case-steps h3 { font-size:1rem; }
.redesign-case .store-case-steps .body-copy { font-size:.85rem; }
.redesign-desktop { background:#f5f8fc; }
.redesign-comparison + .redesign-comparison { margin-top:38px; }
.redesign-comparison__heading { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:22px; }
.redesign-comparison__heading h3 { margin:0; }
.redesign-comparison__heading p { margin:0; }
.redesign-comparison__grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.redesign-proof { min-width:0; margin:0; background:white; border:1px solid #e2e8f4; border-top:4px solid #4d5f7e; border-radius:10px; box-shadow:0 12px 30px rgb(13 26 58 / 6%); }
.redesign-proof--after { border-top-color:#13287e; }
.redesign-proof figcaption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:15px 18px; border-bottom:1px solid #e2e8f4; }
.redesign-proof figcaption > span { color:#0d1a3a; font:700 .85rem var(--font-heading); }
.redesign-proof figcaption a { color:#13287e; font-size:.7rem; font-weight:700; text-underline-offset:4px; }
.redesign-proof__screen { padding:10px; }
.redesign-proof img { display:block; width:100%; height:auto; }
.redesign-product > .site-shell > .redesign-proof { max-width:1000px; margin-inline:auto; }
.redesign-detail-list { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 28px; list-style:none; padding:0; margin:24px 0 0; font-size:.85rem; font-weight:600; }
.redesign-detail-list li::before { content:'+'; margin-right:10px; color:#ff4800; font-weight:800; }
.redesign-mobile { background:linear-gradient(120deg,#f5f8fc,#f9eff3); }
.redesign-mobile__grid { display:grid; grid-template-columns:repeat(2,minmax(0,370px)); justify-content:center; align-items:start; gap:64px; }
.redesign-mobile .redesign-proof__screen { padding:14px; }
.redesign-mobile img { border:5px solid #0d1a3a; border-radius:18px; }
.redesign-pages__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:0; padding:0; gap:18px; }
.redesign-pages__grid li { border:1px solid #e2e8f4; border-radius:10px; padding:20px; background:#f5f8fc; }
.redesign-pages__grid li > span { color:#ff4800; font:700 .8rem var(--font-heading); }
.redesign-pages__grid h3 { margin:12px 0 8px; font-size:1rem; }
.redesign-pages__grid p { margin:0; color:#4d5f7e; font-size:.75rem; }
.redesign-system-heading { display:flex; justify-content:space-between; align-items:center; gap:40px; margin-bottom:28px; }
.redesign-system-heading h2 { max-width:650px; }
.redesign-system-heading > p { color:#e2e8f4; font-size:.9rem; line-height:1.8; max-width:270px; }
.redesign-case .store-case-tools { grid-template-columns:repeat(3,minmax(0,1fr)); }
.redesign-case .store-case-result .store-case-visit + .body-copy { margin:18px 0 0; font-size:.8rem; }
@media(max-width:980px) {
 .redesign-intro__copy,.redesign-comparison__heading { grid-template-columns:1fr; gap:18px; }
 .redesign-case .store-case-challenges { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .redesign-case .store-case-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .redesign-comparison__grid { grid-template-columns:1fr; }
 .redesign-mobile__grid { gap:24px; }
 .redesign-scope,.redesign-pages__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .redesign-system-heading { display:block; }
 .redesign-system-heading > p { max-width:none; margin-bottom:0; }
}
@media(max-width:650px) {
 .redesign-case .store-case-challenges,.redesign-case .store-case-steps,.redesign-case .store-case-tools { grid-template-columns:1fr; }
 .redesign-mobile__grid { grid-template-columns:minmax(0,370px); gap:28px; }
 .redesign-pages__grid { gap:12px; }
 .redesign-pages__grid li { padding:16px; }
 .redesign-scope { gap:20px 12px; }
 .redesign-scope > div { padding-left:10px; }
 .redesign-proof figcaption { padding:12px; }
 .redesign-proof__screen { padding:6px; }
}