.sp-site .bag{gap:var(--space-8)}.sp-site .bag h1{font-size:var(--text-page-title);line-height:var(--text-page-title--line-height)}.sp-site .bag-head{gap:var(--space-2);flex-direction:column;display:flex}.sp-site .bag-head p{color:var(--color-body)}.sp-site .bag-note,.sp-site .bag-muted{color:var(--color-muted);font-size:var(--text-small)}.sp-site .bag-skel{gap:var(--space-6);flex-direction:column;display:flex}.sp-site .shop-skel.bag-skel-block{border-radius:var(--radius-xl);height:320px;display:block}.sp-site .bag-empty{gap:var(--space-2);padding:var(--space-8) var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;max-width:560px;display:flex}.sp-site .bag-empty p:first-child{font-family:var(--font-display);font-size:var(--text-section-title);color:var(--color-ink)}.sp-site .bag-undo{align-items:center;gap:var(--space-2);color:var(--color-body);flex-wrap:wrap;display:flex}.sp-site .bag-undo button{font:inherit;color:var(--color-slate);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.sp-site .bag-groups{gap:var(--space-8);flex-direction:column;display:flex}.sp-site .bag-group{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface-sunken);flex-direction:column;display:flex}.sp-site .bag-group-head{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-1) var(--space-1) 0;flex-wrap:wrap;display:flex}.sp-site .bag-logo{background:var(--color-surface);width:52px;height:52px;color:var(--color-slate);font-family:var(--font-display);font-size:var(--text-section-title);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.sp-site .bag-logo img{object-fit:cover;width:100%;height:100%}.sp-site .bag-group-name{flex-direction:column;flex:220px;min-width:0;display:flex}.sp-site .bag-group-name h2{font-size:var(--text-drawer-title);line-height:var(--text-drawer-title--line-height)}.sp-site .bag-group-where{align-items:center;gap:var(--space-3);display:flex}.sp-site .shop-public .bag-group-where a{font-weight:500}.sp-site .bag-group-body{gap:var(--space-6);flex-wrap:wrap;align-items:flex-start;display:flex}.sp-site .bag-card,.sp-site .bag-summary{min-width:0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;display:flex}.sp-site .bag-card{gap:var(--space-4);flex:999 560px}.sp-site .bag-card-row{gap:var(--space-4);flex-direction:column;display:flex}.sp-site .bag-rule{background:var(--color-divider);height:1px;display:block}.sp-site .bag-line{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sp-site .bag-photo{border-radius:var(--radius-lg);border:1px solid var(--color-divider);background:var(--color-surface-sunken);flex:none;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.sp-site .bag-photo img{object-fit:cover;width:100%;height:100%}.sp-site .bag-line-text{flex-direction:column;flex:180px;align-items:flex-start;min-width:0;display:flex}.sp-site .shop-public a.bag-line-name{color:var(--color-ink);font-weight:500}.sp-site .shop-public a.bag-line-name:hover{text-decoration:underline}.sp-site .bag-gone{margin-top:var(--space-1);border-radius:var(--radius-pill);background:var(--color-track);color:var(--color-ink);font-size:var(--text-tag);padding:2px 9px;font-weight:600}.sp-site .bag-line-gone .bag-photo,.sp-site .bag-line-gone .bag-line-name,.sp-site .bag-line-gone .bag-price{opacity:.55}.sp-site .bag-remove{min-height:var(--spacing-button-row);margin-top:var(--space-1);color:var(--color-danger);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:500;display:inline-flex}.sp-site .bag-step{height:var(--spacing-button);border:1px solid var(--color-field-border);border-radius:var(--radius-pill);align-items:center;display:inline-flex;overflow:hidden}.sp-site .bag-step button{width:var(--spacing-button);height:100%;color:var(--color-ink);font:inherit;font-size:var(--text-group-title);cursor:pointer;background:0 0;border:none}.sp-site .bag-step button:disabled{color:var(--color-muted);opacity:.5;cursor:default}.sp-site .bag-step span{text-align:center;min-width:24px;font-weight:500}.sp-site .bag-price{text-align:right;min-width:80px;margin-left:auto;font-weight:500}.sp-site .bag-ways legend{font-family:var(--font-display);font-size:var(--text-group-title);margin-bottom:10px;font-weight:600}.sp-site .bag-ways .shop-ways{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.sp-site .bag-ways-note{color:var(--color-body)}.sp-site .bag-summary{gap:var(--space-3);flex:300px}.sp-site .bag-summary h3{font-size:var(--text-section-title);line-height:var(--text-section-title--line-height)}.sp-site .bag-summary dl{row-gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;margin:0;display:grid}.sp-site .bag-summary dt{color:var(--color-body)}.sp-site .bag-summary dd{text-align:right;margin:0}.sp-site .bag-summary .bag-total-label,.sp-site .bag-summary .bag-total-amount{padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.sp-site .bag-summary .bag-total-label{color:var(--color-ink);font-weight:600}.sp-site .bag-summary .bag-total-amount{font-size:var(--text-price);line-height:var(--text-price--line-height);letter-spacing:-.02em;font-weight:500}.sp-site .shop-public a.bag-checkout,.sp-site .bag-checkout{margin-top:var(--space-1);color:var(--color-on-primary);justify-content:center;align-items:center;text-decoration:none;display:flex}.sp-site .shop-public a.bag-checkout:hover{color:var(--color-on-primary);filter:brightness(1.08)}@media (max-width:767px){.sp-site .bag,.sp-site .bag-groups{gap:var(--space-6)}.sp-site .bag-group{padding:var(--space-3);gap:var(--space-3)}.sp-site .bag-group-body{gap:var(--space-3)}.sp-site .bag-card,.sp-site .bag-summary{padding:var(--space-4)}.sp-site .bag-photo{width:64px;height:64px}}.sp-site .bag-summary .bag-total-label,.sp-site .bag-summary .bag-total-amount,.sp-site .checkout-order .checkout-total-label,.sp-site .checkout-order .checkout-total{align-self:stretch;align-items:flex-end;display:flex}.sp-site .bag-summary .bag-total-amount,.sp-site .checkout-order .checkout-total{justify-content:flex-end}
