/* ============ SodaSlim — components.css ============ */
.ss-trust{background:var(--ss-paper);border-bottom:1px solid var(--ss-line);padding:22px 0}
.ss-trust-row{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.ss-trust-row img{height:36px;width:auto;opacity:.88}

.ss-card{background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:28px 24px;height:100%;box-shadow:var(--ss-shadow-sm);transition:transform .22s var(--ss-ease)}
.ss-card:hover{transform:translateY(-5px)}
.ss-card .ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--ss-mint-100);color:var(--ss-teal-700);font-size:1.3rem;margin-bottom:16px}
.ss-card h3{margin-bottom:.5rem}.ss-card p{margin-bottom:0;font-size:.96rem}

.ss-step{position:relative;padding-left:60px;margin-bottom:30px}
.ss-step .num{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:12px;background:var(--ss-teal-800);color:var(--ss-lime-400);font-weight:800;font-family:var(--ss-font-head);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.ss-step h3{margin-bottom:.3rem}.ss-step p{margin-bottom:0}
.ss-step-line{position:absolute;left:20px;top:42px;bottom:-30px;width:2px;background:var(--ss-line)}

.ss-offer{background:var(--ss-paper);border-radius:var(--ss-r-lg);border:1px solid var(--ss-line);box-shadow:var(--ss-shadow-md);padding:30px;text-align:center;position:relative}
.ss-offer.best{border:2px solid var(--ss-lime-500)}
.ss-offer-flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--ss-lime-400);color:var(--ss-teal-900);font-weight:800;font-size:.74rem;padding:7px 18px;border-radius:var(--ss-r-pill);box-shadow:var(--ss-shadow-lime);white-space:nowrap}
.ss-offer img{max-height:180px;margin:6px auto 16px}
.ss-offer-price{font-family:var(--ss-font-head);font-size:2rem;color:var(--ss-teal-900);font-weight:800}
.ss-offer-price small{font-size:1rem;color:var(--ss-ink-soft);font-weight:400}
.ss-offer-strike{text-decoration:line-through;color:#a9bab1;font-size:.92rem}
.ss-offer ul{list-style:none;padding:0;margin:14px 0;text-align:left}
.ss-offer ul li{padding:6px 0 6px 26px;position:relative;font-size:.92rem}
.ss-offer ul li::before{content:"✓";position:absolute;left:0;color:var(--ss-success);font-weight:800}
.ss-guarantee{display:flex;align-items:center;gap:22px;background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:22px;box-shadow:var(--ss-shadow-sm)}
.ss-guarantee img{width:76px;flex:none}
@media(max-width:767px){.ss-guarantee{flex-direction:column;text-align:center}}

.ss-review{background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:24px;box-shadow:var(--ss-shadow-sm);height:100%}
.ss-review-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.ss-review-top img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.ss-review-name{font-weight:800;color:var(--ss-teal-900);font-family:var(--ss-font-head)}
.ss-verified{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;color:var(--ss-success);background:#e4f8ec;padding:4px 10px;border-radius:var(--ss-r-pill);margin-top:8px}
.ss-stars{color:var(--ss-lime-600);letter-spacing:2px}

.ss-ing{display:flex;gap:16px;background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:22px;height:100%;box-shadow:var(--ss-shadow-sm)}
.ss-ing-badge{width:48px;height:48px;border-radius:12px;background:var(--ss-teal-800);color:var(--ss-lime-400);font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-family:var(--ss-font-head);font-size:.95rem}
.ss-ing h3{font-size:1.02rem;margin-bottom:4px}.ss-ing p{font-size:.92rem;margin-bottom:0}

.ss-cta-band{background:var(--ss-teal-800);border-radius:var(--ss-r-lg);padding:48px 38px;text-align:center;color:#fff;box-shadow:var(--ss-shadow-md)}
.ss-cta-band h2{color:#fff}.ss-cta-band p{color:rgba(255,255,255,.85)}

.ss-table-wrap{overflow-x:auto;border-radius:var(--ss-r-md);border:1px solid var(--ss-line)}
table.ss-table{width:100%;border-collapse:collapse;background:var(--ss-paper);min-width:520px}
table.ss-table th{background:var(--ss-teal-900);color:#fff;padding:13px 16px;text-align:left;font-size:.84rem}
table.ss-table td{padding:12px 16px;border-top:1px solid var(--ss-line);font-size:.92rem;color:var(--ss-ink-soft)}
table.ss-table tr:nth-child(even) td{background:var(--ss-mint-50)}

.ss-author{display:flex;gap:18px;align-items:flex-start;background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:22px}
.ss-author img{width:60px;height:60px;border-radius:50%;flex:none;object-fit:cover}
.ss-author h4{margin:0 0 2px;font-weight:800;color:var(--ss-teal-900);font-size:1rem}
.ss-author .role{font-size:.8rem;color:var(--ss-teal-700);font-weight:700;margin-bottom:8px}
.ss-author p{font-size:.88rem;margin-bottom:0}
@media(max-width:767px){.ss-author{flex-direction:column;align-items:center;text-align:center}}

.ss-blog-card{background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);overflow:hidden;box-shadow:var(--ss-shadow-sm);height:100%;display:flex;flex-direction:column}
.ss-blog-card .body{padding:20px;display:flex;flex-direction:column;flex:1}
.ss-blog-card .tag{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-teal-700);margin-bottom:8px}
.ss-blog-card h3{font-size:1.02rem;margin-bottom:8px}
.ss-blog-card p{font-size:.88rem;flex:1}
.ss-blog-card .meta{font-size:.76rem;color:#8d9f96;margin-top:12px}

.ss-faq-item{border:1px solid var(--ss-line);border-radius:var(--ss-r-sm);margin-bottom:12px;overflow:hidden;background:var(--ss-paper)}
.ss-faq-btn{width:100%;text-align:left;background:var(--ss-paper);border:0;padding:18px 20px;font-weight:800;color:var(--ss-teal-900);display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;font-size:.98rem}
.ss-faq-btn .plus{transition:transform .25s var(--ss-ease);color:var(--ss-teal-600);font-size:1.3rem;flex:none}
.ss-faq-btn[aria-expanded="true"] .plus{transform:rotate(45deg)}
.ss-faq-panel{max-height:0;overflow:hidden;transition:max-height .3s var(--ss-ease)}
.ss-faq-panel-inner{padding:0 20px 18px}