.smb{--smb-r:20px;display:grid;gap:18px;color:var(--sm-ink,#141516);max-width:1120px;margin-inline:auto}
.smb:not(.smb--compact){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:48px;align-items:center;background:var(--sm-soft,#f5f6f7);border-radius:28px;padding:44px}
.smb:not(.smb--compact) .smb__head{grid-column:1 / -1;margin-bottom:6px}
.smb:not(.smb--compact) .smb__left{grid-row:2 / span 5}
.smb__left{display:grid;gap:14px;min-width:0}
.smb__use{background:#fff;border:1px solid var(--sm-rule,#dcdee1);border-radius:16px;padding:16px 18px}
.smb__use-t{margin:0 0 10px;font-family:var(--sm-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-sub,#55595e)}
.smb__use dl{margin:0;display:grid;gap:10px}
.smb__use dl>div{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;align-items:baseline}
.smb__use dt{font-family:var(--heading-font-family);font-weight:800;font-size:15px;letter-spacing:.02em;color:var(--sm-a,#141516)}
.smb__use dd{margin:0;font-size:14px;line-height:1.45}
.smb__items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.smb__item{background:#fff;border:1px solid var(--sm-rule,#dcdee1);border-radius:16px;padding:12px;display:grid;gap:10px;align-content:start}
.smb__shot{position:relative;display:block;background:var(--sm-a-w,#ecedee);border-radius:12px;aspect-ratio:1/1;overflow:hidden}
.smb__shot img{position:absolute;inset:0;margin:auto;width:80%;height:80%;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.smb__vt{font-size:12.5px;color:var(--sm-sub,#55595e)}
.smb__meta{display:grid;gap:3px}
.smb__when{font-family:var(--sm-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-a,#141516)}
.smb__name{font-family:var(--heading-font-family);font-weight:800;font-size:20px;letter-spacing:.02em;line-height:1.05}
.smb__serv{font-size:12.5px;color:var(--sm-sub,#55595e)}
.smb__modes{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.smb__mode{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:start;background:#fff;border:1px solid var(--sm-rule,#dcdee1);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.smb__mode:has(input:checked){border-color:var(--sm-ink,#141516);box-shadow:inset 0 0 0 1px var(--sm-ink,#141516)}
.smb__mode input{margin:3px 0 0;accent-color:var(--sm-ink,#141516);width:16px;height:16px}
.smb__mode-l,.smb__mode-r{display:grid;gap:2px}
.smb__mode-l b{font-size:15px}
.smb__mode small{font-size:12.5px;color:var(--sm-sub,#55595e)}
.smb__mode-r{text-align:right}
.smb__mode-r b{font-size:16px}
.smb__day{grid-column:2 / -1;justify-self:start;margin-top:6px;font-family:var(--sm-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--sm-soft,#f5f6f7);border-radius:999px;padding:4px 10px}
.smb__mode:has(input:checked) .smb__day{background:var(--sm-ink,#141516);color:#fff}
.smb__add{width:100%;justify-content:space-between;padding:16px 22px;font-size:16px;cursor:pointer}
.smb__add[disabled]{opacity:.55;cursor:default}
.smb__add.is-busy{opacity:.7}
.smb__ship{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500}
.smb__ship svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.smb__fine{margin:0;font-size:12.5px;color:var(--sm-sub,#55595e)}
.smb__err{margin:0;font-size:13.5px;color:#a3281f}
.smb--compact{gap:12px;margin-top:6px;padding:16px;border:1px solid var(--sm-rule,#dcdee1);border-radius:18px;background:var(--sm-soft,#f5f6f7)}
.smb--compact .smb__title{margin:0;font-weight:700;font-size:16px}
.smb--compact .smb__sub{margin:2px 0 0;font-size:13.5px;color:var(--sm-sub,#55595e)}
.smb--compact .smb__items{gap:8px}
.smb--compact .smb__item{padding:8px;gap:6px;border-radius:12px}
.smb--compact .smb__shot{aspect-ratio:16/10}
.smb--compact .smb__shot img{width:86%;height:86%}
.smb--compact .smb__modes{gap:8px}
.smb--compact .smb__name{font-size:15px}
.smb--compact .smb__when{font-size:10px}
.smb--compact .smb__mode{padding:11px 13px}
.smb--compact .smb__mode-l small{display:none}
.smb--compact .smb__day{margin-top:4px}
.smb--compact .smb__add{padding:14px 18px;font-size:15px}
.smb--compact .smb__fine{font-size:11.5px}
@media (max-width:899px){.smb:not(.smb--compact){grid-template-columns:minmax(0,1fr);padding:24px 18px;border-radius:22px}.smb:not(.smb--compact) .smb__left{grid-row:auto}}
@media (max-width:480px){.smb__vt{font-size:11.5px}.smb__items{gap:8px}.smb__item{padding:8px}.smb__name{font-size:16px}.smb__mode{grid-template-columns:18px minmax(0,1fr) auto;padding:12px}.smb__mode-l small{font-size:12px}}