.sp-page{padding-block:var(--spacing-3xl) var(--spacing-4xl);background-color:var(--color-white);min-height:calc(100vh - var(--header-height, 70px))}.sp-head{text-align:center;max-width:760px;margin-inline:auto;margin-block-end:var(--spacing-2xl);padding-block-end:var(--spacing-xl);border-block-end:1px solid var(--color-border-light)}.sp-title{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm)}.sp-subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.7}.sp-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-block-end:var(--spacing-2xl)}.sp-tab{position:relative;display:flex;align-items:center;gap:var(--spacing-md);text-align:start;padding:var(--spacing-lg);background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.sp-tab:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--color-accent, var(--color-text));transform:scaleY(0);transition:transform var(--transition-fast)}.sp-tab:hover{border-color:var(--color-text)}.sp-tab.is-active{border-color:var(--color-accent, var(--color-text));background:var(--color-surface);box-shadow:var(--shadow-sm)}.sp-tab.is-active:before{transform:scaleY(1)}.sp-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.sp-tab.is-active .sp-tab-icon{background:var(--color-text);color:var(--color-white-static)}.sp-tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-tab-title{font-weight:600;font-size:1rem}.sp-tab-sub{font-size:.8rem;color:var(--color-text-muted)}.sp-panel[hidden]{display:none}.sp-cards{display:grid;gap:var(--spacing-lg)}.sp-card{background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.sp-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.sp-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-block-end:var(--spacing-lg);padding-block-end:var(--spacing-md);border-block-end:1px solid var(--color-border-light)}.sp-card-logo{height:44px;width:auto;max-width:90px;object-fit:contain}.sp-card-title{font-size:1.15rem;font-weight:700;color:var(--color-text);margin:0}.sp-section-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-block-end:var(--spacing-sm)}.sp-badge{margin-inline-start:auto;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-full);white-space:nowrap}.sp-badge--cod{background:var(--color-success, #38a169);color:var(--color-white-static, #fff)}.sp-cost-list{list-style:none;margin:0 0 var(--spacing-lg);padding:0;display:grid;gap:var(--spacing-xs)}.sp-cost-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-block:var(--spacing-xs);border-block-end:1px dashed var(--color-border-light)}.sp-cost-row:last-child{border-block-end:none}.sp-cost-title{color:var(--color-text-muted);font-size:.9rem}.sp-cost-value{font-weight:600;color:var(--color-text);white-space:nowrap}.sp-cities{margin-block-end:var(--spacing-lg)}.sp-cities-label{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.sp-cities-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-inline-start:var(--spacing-xs);font-size:.75rem;font-weight:700;background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-muted)}.sp-cities-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-block-start:var(--spacing-sm)}.sp-chip{font-size:.78rem;padding:.2rem .55rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-muted)}.sp-chip--extra{display:none}.sp-cities.is-expanded .sp-chip--extra{display:inline-block}.sp-cities-toggle{display:inline-flex;align-items:center;gap:4px;margin-block-start:var(--spacing-sm);padding:.3rem .6rem;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-accent, var(--color-text));font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.sp-cities-toggle:hover{border-color:var(--color-text);background:var(--color-surface)}.sp-cities-toggle-icon{transition:transform var(--transition-fast)}.sp-cities.is-expanded .sp-cities-toggle-icon{transform:rotate(180deg)}.sp-couriers{padding-block-start:var(--spacing-md);border-block-start:1px solid var(--color-border-light)}.sp-courier-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.sp-courier-icon{height:28px;width:auto;max-width:60px;object-fit:contain}.sp-pay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.sp-pay-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.sp-pay-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xs);min-height:40px}.sp-pay-icon{height:36px;width:auto;max-width:64px;object-fit:contain}.sp-pay-fees{font-size:.8rem;color:var(--color-text-muted)}.sp-pay-fees--free{color:var(--color-success, #38a169)}.sp-bank-rows{margin:0;display:grid;gap:var(--spacing-sm)}.sp-bank-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);padding-block:var(--spacing-sm);border-block-end:1px solid var(--color-border-light)}.sp-bank-row:last-child{border-block-end:none}.sp-bank-row dt{font-size:.85rem;color:var(--color-text-muted);margin:0}.sp-bank-row dd{margin:0;font-weight:600;color:var(--color-text)}.sp-copyable{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.sp-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.sp-copy:hover{color:var(--color-text);border-color:var(--color-text)}.sp-copy.is-copied{color:var(--color-success, #38a169);border-color:var(--color-success, #38a169)}.sp-empty{text-align:center;color:var(--color-text-muted);padding-block:var(--spacing-2xl)}@media (min-width: 768px){.sp-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sp-title{font-size:1.5rem}.sp-card{padding:var(--spacing-lg)}}