/* shop: v11-site.css rules. Keep selectors scoped to this section. */
.v11-compass-invite {background:#e5e8dc;display:flex;justify-content:space-between;align-items:center;gap:35px;margin:0 6%;padding:45px 5%;max-width:none}
.v11-compass-invite h2 {margin-bottom:12px}
.v11-compass-invite p {color:#606b5d}
.v11-shop-compass {display:flex;justify-content:space-between;align-items:center;background:#e5e8dc;padding:28px 35px;margin:30px 0}
.v11-shop-compass h2 {font-family:var(--serif);font-size:34px;margin:5px 0;font-weight:400}
.v11-compass-layout {display:grid;grid-template-columns:1fr 1.4fr;gap:80px;max-width:1250px;margin:auto}
.v11-compass-layout aside h1 {font-family:var(--serif);font-size:62px;font-weight:400;line-height:1.05;margin:22px 0}
.v11-compass-layout aside>p {line-height:1.8}
.v11-compass-layout aside img {width:100%;height:230px;object-fit:cover;margin-top:20px}
.v11-progress {display:flex;gap:8px;margin-bottom:42px}
.v11-progress span {border-bottom:3px solid #d9decc;flex:1;padding-bottom:10px;font-size:11px;color:#969b91}
.v11-progress .done {border-color:#344e37;color:var(--ink)}
.v11-question h2 {font-family:var(--serif);font-size:43px;font-weight:400;margin:18px 0}
.v11-options {display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}
.v11-options button {padding:24px 20px;text-align:left;display:flex;justify-content:space-between;gap:15px;border:1px solid #d3d8c8;background:transparent;cursor:pointer;color:inherit;font-size:14px}
.v11-options button[aria-pressed=true] {background:#dfe6d3;border-color:#344e37}
.v11-step-actions {display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}
.v11-matches {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}
.v11-matches .product-grid {display:block}
.v11-match-reasons {padding-top:24px;border-top:1px solid var(--line)}
.v11-match-reasons h3 {font-family:var(--serif);font-size:30px;font-weight:400}
.v11-match-reasons p {font-size:12px;line-height:1.7}
.v11-match-reasons a {margin-right:15px}
.v11-why {padding:45px 0;border-top:1px solid var(--line);max-width:850px;line-height:1.85}
.v11-why h2 {font-family:var(--serif);font-size:40px;font-weight:400}
@media(max-width:900px) {
.v11-compass-layout {gap:40px}
.v11-compass-layout aside h1 {font-size:49px}
}
@media(max-width:600px) {
.v11-compass-invite {display:block;margin:0 5%;padding:35px 8%}
.v11-compass-invite h2 {font-size:38px}
.v11-compass-invite>.button {margin-top:15px}
.v11-shop-compass {display:block;padding:25px}
.v11-shop-compass>.button {margin-top:20px}
.v11-compass-layout {display:block}
.v11-compass-layout aside h1 {font-size:44px}
.v11-compass-layout aside img {display:none}
.v11-question {margin-top:35px}
.v11-progress {margin-bottom:28px}
.v11-question h2 {font-size:36px}
.v11-options {grid-template-columns:1fr}
.v11-options button {padding:20px}
.v11-matches {grid-template-columns:1fr}
.v11-why h2 {font-size:34px}
.ed-shop-heading {gap:30px}
}