/* Organized reusable storefront components */
.commerce-breadcrumbs{margin:22px 0 14px}
.commerce-breadcrumbs ol{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:.82rem}
.commerce-breadcrumbs li{display:flex;align-items:center;gap:8px;color:var(--sc-muted)}
.commerce-breadcrumbs li:not(:last-child):after{content:"/";color:#c0c5cf}
.commerce-breadcrumbs a{color:var(--sc-muted);text-decoration:none}
.commerce-breadcrumbs a:hover{color:var(--sc-brand)}
.commerce-breadcrumbs .active span{color:var(--sc-ink);font-weight:650}

.commerce-page-hero{position:relative;overflow:hidden;min-height:280px;padding:48px;border-radius:var(--sc-radius-lg);display:flex;align-items:center;background:radial-gradient(circle at 78% 18%,rgba(124,92,246,.55),transparent 24%),linear-gradient(115deg,#0f172a 0%,#222b4d 58%,#5848e8 100%);box-shadow:var(--sc-shadow-md);margin-bottom:30px}
.commerce-page-hero .hero-copy{position:relative;z-index:2;max-width:790px}
.commerce-page-hero h1{color:#fff;font-size:clamp(2.3rem,4.8vw,4.4rem);line-height:.98;margin:.4rem 0 1rem}
.commerce-page-hero p{color:#d8dced;max-width:670px;font-size:1.04rem}
.commerce-page-hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-orbit{position:absolute;right:4%;top:50%;width:260px;height:260px;transform:translateY(-50%);opacity:.65}
.hero-orbit i{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset:0}
.hero-orbit i:nth-child(2){inset:35px}.hero-orbit i:nth-child(3){inset:75px;background:rgba(255,255,255,.05)}

.commerce-trust-strip{max-width:var(--sc-container);margin:54px auto 0;padding:20px 24px;border:1px solid var(--sc-line);border-radius:var(--sc-radius-md);background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;box-shadow:var(--sc-shadow-sm)}
.trust-item{display:flex;align-items:center;gap:12px;padding:8px 14px;border-right:1px solid var(--sc-line)}
.trust-item:last-child{border-right:0}
.trust-item>span{width:38px;height:38px;border-radius:12px;background:#f0efff;color:var(--sc-brand);display:grid;place-items:center;font-weight:800}
.trust-item div{display:flex;flex-direction:column}.trust-item b{font-size:.9rem}.trust-item small{color:var(--sc-muted)}

.commerce-product-card{border:1px solid var(--sc-line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(17,24,39,.035);transition:.28s}
.commerce-product-card:hover{transform:translateY(-7px);box-shadow:var(--sc-shadow-md);border-color:#d7d3ff}
.product-media{display:block;height:300px;position:relative;overflow:hidden;background:#f2f4f7}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.commerce-product-card:hover .product-media img{transform:scale(1.045)}
.product-label,.sale-label{position:absolute;top:12px;border-radius:999px;padding:6px 10px;font-size:.65rem;line-height:1;font-weight:800;letter-spacing:.055em;backdrop-filter:blur(10px)}
.product-label{left:12px;background:rgba(255,255,255,.9);color:#344054}
.sale-label{right:12px;background:#111827;color:#fff}
.product-body{padding:16px}.product-meta{font-size:.75rem;color:var(--sc-muted);margin-bottom:5px}
.product-body h3{font-size:1.02rem;line-height:1.35;margin:0 0 10px;min-height:2.75em}
.product-body h3 a{color:var(--sc-ink);text-decoration:none}
.product-price{display:flex;gap:8px;align-items:center;margin-bottom:14px}.product-price del{color:#98a2b3;font-size:.84rem}
.product-actions{display:grid;grid-template-columns:1fr 46px;gap:8px}.product-actions .btn{min-height:44px;display:grid;place-items:center}

.commerce-empty-state{padding:58px 24px;text-align:center;background:#fff;border:1px dashed #d5d9e2;border-radius:var(--sc-radius-md)}
.empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 16px;background:#f0efff;color:var(--sc-brand);font-size:1.8rem}
.commerce-empty-state h3{margin-bottom:7px}.commerce-empty-state p{max-width:520px;margin:0 auto 18px}

.commerce-section{padding:var(--sc-section) 0}.commerce-section.compact{padding:46px 0}
.section-shell{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:26px;box-shadow:var(--sc-shadow-sm)}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}
.section-head h2{margin:0}.section-head p{margin:5px 0 0}.section-head .section-action{white-space:nowrap}