.commerce-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 34px;margin-bottom:22px;border:1px solid #6c5548;border-radius:18px;background:radial-gradient(circle at 90% 15%,#ff734f24,transparent 34%),linear-gradient(120deg,#29221f,#1c1d1f)}
.commerce-hero h2{font-size:32px;margin:8px 0}.commerce-hero p{max-width:700px;color:var(--muted);line-height:1.6}.commerce-hero>span{color:var(--orange)}.commerce-hero>span svg{width:70px;height:70px;stroke-width:1}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.commerce-card{min-width:0}.commerce-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--orange);color:#251812;font-size:22px;font-weight:850}.commerce-card h2{margin:8px 0}.commerce-card>a{color:var(--muted);font-size:12px;text-decoration:none;overflow-wrap:anywhere}.commerce-card>a svg{width:14px;vertical-align:middle}
.commerce-numbers{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:baseline;margin:24px 0}.commerce-numbers strong{font-size:25px;color:var(--ink)}.commerce-numbers small{color:var(--muted)}
.commerce-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.commerce-shop-form{padding:18px;border:1px solid var(--line);border-radius:12px;background:#171819;min-width:0}.commerce-shop-form h3{margin:5px 0 12px;font-size:20px}.commerce-shop-form label{margin:12px 0}.commerce-shop-form>button{width:100%}.commerce-enabled{display:flex!important;align-items:center}.commerce-enabled input{min-height:0;width:18px;height:18px}.commerce-shop-form details{margin-top:14px}.commerce-shop-form code{display:block;margin-top:9px;padding:10px;background:#0f1011;border-radius:7px;color:var(--muted);overflow-wrap:anywhere;font-size:10px;white-space:normal}
@media(max-width:1000px){.commerce-grid,.commerce-settings-grid{grid-template-columns:1fr 1fr}}html[data-layout=mobile] .commerce-grid,html[data-layout=mobile] .commerce-settings-grid{grid-template-columns:1fr}html[data-layout=mobile] .commerce-hero{padding:22px}html[data-layout=mobile] .commerce-hero>span{display:none}

.commerce-admin-link{display:inline-block;margin-top:14px;padding:10px 16px;border-radius:10px;background:var(--orange);color:#24150f;font-weight:800;text-decoration:none}