.commerce-shell{min-height:100vh;background:radial-gradient(circle at top,#25182f 0,#100c16 42%,#07050b 100%);color:#f8f2fb}
.commerce-main{padding:48px 0 80px}
.commerce-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.commerce-head h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}
.commerce-head p{max-width:640px;color:#cdbfd9;margin:0}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commerce-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(143,92,255,.12),rgba(255,255,255,.035));border-radius:24px;padding:20px;box-shadow:0 22px 70px rgba(0,0,0,.28)}
.commerce-art{height:180px;border-radius:18px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(135deg,#5c2ed2,#1d1226 55%,#07050b)}
.commerce-kicker{margin:18px 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#d1b8ff}
.commerce-card h2{margin:0 0 8px;font-size:1.45rem}
.commerce-source,.commerce-cost,.commerce-status{color:#cdbfd9}
.commerce-status{min-height:44px}
.commerce-card button[disabled]{opacity:.52;cursor:not-allowed}
.bag-count{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;border-radius:99px;background:#8f5cff;color:#fff;font-size:.72rem;margin-left:6px}
.cart-panel{max-width:760px;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;background:rgba(255,255,255,.04)}
.cart-line{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.checkout-gate{margin-top:24px;padding:18px;border-radius:18px;background:rgba(143,92,255,.12);border:1px solid rgba(143,92,255,.28)}
@media (max-width:900px){.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-head{align-items:start;flex-direction:column}}
@media (max-width:620px){.commerce-main{padding-top:28px}.commerce-grid{grid-template-columns:1fr}.commerce-card{border-radius:20px}.commerce-art{height:150px}}

.commerce-card{padding:0;overflow:hidden;border-radius:18px}
.commerce-art{position:relative;height:210px;border-radius:0;overflow:hidden;font-size:1rem;letter-spacing:.14em;font-weight:900;color:#f2ddd2;background:radial-gradient(circle at 70% 25%,rgba(237,216,184,.32),transparent 22%),radial-gradient(circle at 28% 80%,rgba(143,92,255,.45),transparent 35%),linear-gradient(145deg,#281837,#100c16 58%,#07050b)}
.commerce-art::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 28px rgba(143,92,255,.04),0 0 0 58px rgba(237,216,184,.025)}
.commerce-art::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.08)}
.commerce-art span{position:relative;z-index:2;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.12);background:rgba(7,5,11,.62);backdrop-filter:blur(8px)}
.commerce-card-body{padding:0 20px 20px}
.commerce-description{min-height:4.5em;margin:.65rem 0 0;color:#ebedf4;font-size:.94rem}
.commerce-price{margin:.9rem 0 .7rem;color:#f2ddd2;font-size:1.18rem;font-weight:800}
.commerce-facts{display:grid;gap:.38rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#aa9db9;font-size:.8rem}
.commerce-cta{width:100%;min-width:0;margin-top:1.1rem;border-radius:10px}
.commerce-card button[disabled]{opacity:.62;cursor:not-allowed;box-shadow:none}
.commerce-card button[disabled]:hover{transform:none}
.featured-commerce-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem}
.commerce-card-compact .commerce-art{height:170px}
.commerce-card-compact .commerce-description{min-height:5.8em}
.empty-state h2{font-size:2rem}
.empty-state p{margin-top:.75rem}
.checkout-gate p{margin-top:.65rem}
@media(max-width:1100px){.featured-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.featured-commerce-grid{grid-template-columns:1fr}.commerce-art{height:180px}.commerce-card-compact .commerce-art{height:160px}.commerce-description,.commerce-card-compact .commerce-description{min-height:0}}