/* Petal — shopping/cart.blade.php; page layout, shared tokens. */

.sbp-flow{min-height:68vh;padding:48px 0 90px;background:linear-gradient(180deg,var(--sb-snow) 0,var(--sb-snow) 100%);color:var(--sb-navy)}
.sbp-cart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.sbp-cart-head h1{margin:0;font-size:30px;color:var(--sb-navy)}
.sbp-cart-head p{margin:7px 0 0;color:var(--sb-text);font-size:.9rem}
.sbp-cart-back{display:inline-flex;align-items:center;gap:7px;color:var(--sb-rose-600);font-size:.9rem;font-weight:800}
.sbp-flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}
.sbp-box{border:1px solid var(--sb-line);border-radius:20px;background:var(--sb-white);box-shadow:0 12px 34px rgba(24,50,75,.055)}
.sbp-cart-list{padding:6px 24px}
.sbp-cart-item{display:grid;grid-template-columns:112px minmax(0,1fr) 154px;gap:20px;align-items:center;min-height:0;padding:22px 0;border-bottom:1px solid var(--sb-steel-50)}
.sbp-cart-item:last-child{border:0}
.sbp-cart-media{display:flex;align-items:center;justify-content:center;width:112px;height:112px;border:1px solid var(--sb-steel-50);border-radius:16px;background:var(--sb-white)}
.sbp-cart-item img{display:block;width:100px;height:100px;object-fit:contain;background:var(--sb-white)}
.sbp-cart-copy{min-width:0}
.sbp-cart-item h2{margin:0 0 8px;font-size:.95rem;line-height:1.8;color:var(--sb-navy)}
.sbp-cart-item h2 a{color:inherit}
.sbp-cart-meta{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--sb-rose-600);font-size:.82rem;font-weight:700}
.sbp-cart-meta .sb-ico{font-size:.9rem}
.sbp-cart-price{font-weight:900;color:var(--sb-navy)}
.sbp-cart-price small{margin-right:4px;color:var(--sb-text);font-size:.8rem;font-weight:500}
.sbp-cart-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.sbp-qty{display:grid;grid-template-columns:42px 1fr 42px;height:44px;border:1px solid var(--sb-line);border-radius:12px;overflow:hidden;background:var(--sb-white)}
.sbp-qty button,.sbp-qty input{display:grid;place-items:center;width:100%!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--sb-white)!important;color:var(--sb-navy)!important;text-align:center;font-size:18px;font-weight:800;box-shadow:none!important}
.sbp-qty input{color:var(--sb-navy)!important;font-size:.9375rem;opacity:1!important;-webkit-text-fill-color:var(--sb-navy)}
.sbp-qty button:hover{background:var(--sb-rose-50)!important;color:var(--sb-rose-600)!important}
.sbp-remove{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:var(--sb-danger);font-size:.875rem;font-weight:700}
.sbp-summary{position:sticky;top:120px;padding:24px}
.sbp-summary h2{margin:0 0 14px;font-size:17px;color:var(--sb-navy)}
.sbp-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;color:var(--sb-text);font-size:.9rem}
.sbp-row strong{color:var(--sb-navy)}
.sbp-total{margin-top:5px;padding-top:17px;border-top:1px solid var(--sb-line);font-size:17px;font-weight:900}
.sbp-total span,.sbp-total strong{color:var(--sb-navy)}
.sbp-discount-title{display:flex;align-items:center;gap:7px;margin:18px 0 9px;color:var(--sb-navy);font-size:.875rem;font-weight:800}
.sbp-code{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px}
.sbp-code input{width:100%;min-width:0;height:48px;border:1px solid var(--sb-line);border-radius:11px;padding:0 13px;background:var(--sb-snow);color:var(--sb-navy)}
.sbp-code input:focus{border-color:var(--sb-rose-600);outline:3px solid rgba(11,146,82,.09)}
.sbp-code button,.sbp-next{border:0;border-radius:11px;background:var(--sb-navy);color:var(--sb-white);font-weight:800;transition:.2s}
.sbp-code button:hover,.sbp-next:hover{background:var(--sb-rose-600);color:var(--sb-white)}
.sbp-next{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:15px;width:100%}
.sbp-secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;color:var(--sb-text);font-size:.8rem}
.sbp-empty{text-align:center;padding:70px 20px}
.sbp-message{min-height:18px;margin-top:7px;font-size:.82rem}
.sbp-remove-modal{position:fixed;z-index:10060;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}
.sbp-remove-modal.is-open{visibility:visible;opacity:1}
.sbp-remove-modal__backdrop{position:absolute;inset:0;background:rgba(6,22,48,.58);backdrop-filter:blur(3px)}
.sbp-remove-modal__dialog{position:relative;width:min(100%,430px);padding:28px;border:1px solid var(--sb-line);border-radius:22px;background:var(--sb-white);box-shadow:0 28px 75px rgba(5,25,57,.24);transform:translateY(14px) scale(.98);transition:.22s}
.sbp-remove-modal.is-open .sbp-remove-modal__dialog{transform:translateY(0) scale(1)}
.sbp-remove-modal__close{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;color:var(--sb-text);background:var(--sb-steel-50);font-size:1rem}
.sbp-remove-modal__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:18px;color:var(--sb-danger);background:var(--sb-danger-bg);font-size:24px}
.sbp-remove-modal h2{margin:0 0 9px;color:var(--sb-navy);font-size:20px}
.sbp-remove-modal p{margin:0;color:var(--sb-text);font-size:.875rem;line-height:1.9}
.sbp-remove-modal__product{display:block;margin-top:4px;color:var(--sb-navy);font-weight:800}
.sbp-remove-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}
.sbp-remove-modal__actions button{height:48px;border-radius:12px;font-size:.9rem;font-weight:800}
.sbp-remove-modal__cancel{border:1px solid var(--sb-line);color:var(--sb-navy);background:var(--sb-white)}
.sbp-remove-modal__confirm{border:0;color:var(--sb-white);background:var(--sb-danger)}
.sbp-remove-modal__confirm:hover{background:var(--sb-danger)}
.sbp-remove-modal__confirm:disabled{background:var(--sb-danger);cursor:wait}
body.sbp-modal-open{overflow:hidden}
@media(max-width:900px){.sbp-flow-grid{grid-template-columns:1fr}.sbp-summary{position:static}.sbp-cart-head{align-items:center}}
@media(max-width:600px){
 .sbp-flow{padding:28px 0 65px}.sbp-cart-head{align-items:flex-start;margin-bottom:17px}.sbp-cart-head h1{font-size:24px}.sbp-cart-head p{font-size:.82rem}.sbp-cart-back span{display:none}
 .sbp-cart-list{padding:4px 15px}.sbp-cart-item{grid-template-columns:86px minmax(0,1fr);gap:13px;padding:17px 0}
 .sbp-cart-media{width:86px;height:86px;border-radius:13px}.sbp-cart-item img{width:78px;height:78px}.sbp-cart-item h2{font-size:.9rem;margin-bottom:4px}.sbp-cart-meta{margin-bottom:5px}
 .sbp-cart-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-right:99px}.sbp-qty{width:145px}.sbp-remove{padding:8px}
 .sbp-summary{padding:20px}.sbp-code{grid-template-columns:minmax(0,1fr) 68px}
}
@media(max-width:390px){.sbp-cart-actions{padding-right:0}.sbp-cart-head p{display:none}}