.shop-page{flex:1;padding:40px 16px 72px}.shop-page-inner{max-width:1280px;margin:0 auto}.shop-page-header{text-align:center;max-width:680px;margin:0 auto 32px}.shop-page-eyebrow{color:var(--brand-accent);background:var(--brand-surface);border:1px solid var(--brand-accent-soft);border-radius:999px;margin:0;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.shop-page-header h1{color:var(--brand-ink);letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.2}.shop-page-header p:not(.shop-page-eyebrow){color:var(--brand-muted);margin:12px 0 0;font-size:15px;line-height:1.6}.shop-page-header .shop-page-notice{font-size:13px}.shop-stages{max-width:820px;margin:0 auto 28px}.shop-stages h2{color:var(--brand-ink);text-align:center;margin:0 0 14px;font-size:18px;font-weight:600}.shop-stages .shop-tabs{margin-bottom:0}.shop-stage-guide{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:16px;margin-top:16px;padding:16px 18px}.shop-stage-guide p{color:var(--brand-ink);margin:0;font-size:14px;line-height:1.6}.shop-stage-guide ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.shop-stage-guide li{gap:2px;font-size:13.5px;line-height:1.5;display:grid}.shop-stage-guide strong{color:var(--brand-ink);font-weight:600}.shop-stage-guide span{color:var(--brand-muted)}.shop-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.shop-tab{color:var(--brand-ink);background:var(--brand-surface);border:1px solid var(--brand-border);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.shop-tab--small{padding:6px 13px;font-size:13px}.shop-tab.is-active{color:#fff;background:var(--brand-accent);border-color:var(--brand-accent)}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.shop-card{height:100%;color:inherit;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.shop-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}.shop-card-media{aspect-ratio:1;color:var(--brand-accent-mid);background:var(--brand-blush);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shop-card-media img{object-fit:cover;width:100%;height:100%}.shop-card-ribbon{z-index:1;color:#fff;text-align:center;background:var(--brand-accent);width:150px;font-size:10.5px;font-weight:600;line-height:22px;position:absolute;top:27px;left:-37px;transform:rotate(-45deg);box-shadow:0 2px 6px #0003}.shop-card-body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.shop-card-name{color:var(--brand-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.shop-card-note{color:var(--brand-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.shop-card-cta{color:var(--brand-accent);align-items:center;gap:4px;margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;display:inline-flex}.shop-empty{color:var(--brand-muted);text-align:center;padding:48px 16px}.shop-page-disclosure{max-width:680px;color:var(--brand-muted);text-align:center;margin:32px auto 0;font-size:12.5px;line-height:1.6}@media (min-width:768px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1024px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
