/* Shared front + editor */
.s-card{max-width:64rem;margin:0 auto 4rem;padding:1.5rem;border:1px solid #d1d5db;border-radius:0.5rem;box-shadow:0 10px 20px rgba(0,0,0,.06);background:#fff}
.s-card--editor{opacity:.9}
.s-top{display:flex;gap:2rem;flex-direction:column;margin-bottom:2rem}
@media (min-width:768px){.s-top{flex-direction:row}}
.s-left,.s-right{flex:1}
.s-kicker{color:#ef4444;font-weight:700;margin:0;font-size:1rem}
.s-title{margin:.25rem 0 1rem;font-size:1.75rem;line-height:1.1}
.s-title a{color:#111;text-decoration:none}
.s-title a:hover{color:#ef4444;text-decoration:underline}
.s-rating{display:flex;align-items:center;gap:.75rem;color:#ef4444;font-weight:700}
.s-badge{display:inline-block;border-radius:.25rem;background:#eb002e;color:#fff;padding:.2rem .5rem;font-size:.75rem}
.s-dots .dot,.s-dots .half,.s-dots .empty{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.2rem;background:#ef4444}
.s-dots .half{background:linear-gradient(90deg,#ef4444 50%,#e5e7eb 50%)}
.s-dots .empty{background:#e5e7eb}
.s-score{color:#ef4444}
.s-score strong{color:#111;margin-right:.25rem}
.swiper{width:100%}
.swiper .swiper-slide{display:flex;flex-direction:column;gap:.5rem}
.s-img{aspect-ratio:16/9;width:100%;object-fit:contain;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer}
.s-img--ghost{display:flex;align-items:center;justify-content:center;color:#6b7280}
.s-credit{font-size:.8rem;color:#111}
.s-accordion{border-top:1px solid #d1d5db}
.s-accordion+.s-accordion{border-top:none;border-bottom:1px solid #d1d5db}
.s-acc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem;margin:1rem 0;background:transparent;border:0;padding:0;text-align:left;font:inherit;cursor:pointer}
.s-acc-btn h3{margin:0}
.s-acc-panel{display:flex;gap:2rem;margin:0 0 1.5rem}
.s-list{list-style:none;margin:0;padding:0;flex:1}
.s-list li{display:flex;gap:.5rem;align-items:flex-start;font-weight:600;margin:.4rem 0}
.s-list--pros li::before{content:"+";color:#22c55e;font-weight:900}
.s-list--cons li::before{content:"–";color:#ef4444;font-weight:900}
.s-rich p{margin:0}
.s-specs{display:grid;grid-template-columns:1fr 2fr;gap:.75rem 1.5rem}
.s-specs .k{font-weight:700}
.s-buy{display:flex;flex-direction:column;gap:1rem;border-top:1px solid #d1d5db;padding:2rem 0;margin-top:.5rem}
.s-buy-kicker{font-size:.75rem;font-weight:800;color:#6b7280;text-align:center}
.s-button{display:inline-block;margin:0 auto;min-width:16rem;text-align:center;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #111;box-shadow:2px 2px 0 #111;font-weight:700;background:#fff}
.s-button:hover{transform:translateY(-1px)}
.s-more{text-align:center;margin:1.5rem 0}
.s-learn-kicker{font-size:.75rem;font-weight:800;color:#6b7280;text-transform:uppercase}
.s-learn{color:#ef4444;text-decoration:underline;font-weight:600}
.s-modal{border:0;border-radius:.5rem;padding:1rem;max-width:56rem;width:calc(100% - 2rem)}
.s-modal::backdrop{background:rgba(0,0,0,.5)}
.s-modal-close{position:absolute;top:.75rem;right:.75rem;border:0;background:transparent;font-size:1.25rem;cursor:pointer}