:root{
  --mp-primary:#111111;
  --mp-accent:#003b71;
  --mp-accent-strong:#79c800;
  --mp-bg:#ffffff;
  --mp-surface:#f7f8fa;
  --mp-surface-2:#f3f5f7;
  --mp-border:#e7eaf0;
  --mp-border-2:#dfe5ec;
  --mp-text:#111111;
  --mp-muted:#6b7280;
  --mp-shadow:0 12px 30px rgba(17,17,17,.05);
  --mp-shadow-soft:0 8px 22px rgba(17,17,17,.035);
  --mp-radius-xl:24px;
  --mp-radius-lg:20px;
  --mp-radius-md:16px;
  --mp-radius-sm:14px;
}
html,body{background:var(--mp-bg)!important;color:var(--mp-text)!important}
body{font-family:Inter,Arial,sans-serif!important}
.page-shell,.wrap,.container{position:relative}
.page-shell::before,.wrap::before,.container::before{content:none!important}

.site-header{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:none!important;
  border-bottom:1px solid var(--mp-border)!important;
  box-shadow:0 6px 18px rgba(17,17,17,.035)!important;
}
.site-header-inner{max-width:1280px!important}
.site-brand{color:var(--mp-text)!important;letter-spacing:-.045em!important}
.site-brand span{color:var(--mp-accent)!important}
.site-links{gap:8px!important}
.site-link{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:14px!important;
  color:#4b5563!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
.site-link:hover,.site-link.is-active{
  background:var(--mp-surface)!important;
  color:var(--mp-text)!important;
  border-color:var(--mp-border)!important;
}
.site-link.is-cart{
  background:var(--mp-primary)!important;
  border-color:var(--mp-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.site-link.is-cart:hover,.site-link.is-cart.is-active{
  background:#242424!important;
  border-color:#242424!important;
}
.site-cart-badge{background:rgba(255,255,255,.18)!important;color:#fff!important}

.topbar{padding:18px 0!important}
.brand,.grid-title,.product-name,.order-id,h1{color:var(--mp-text)!important}
.brand span{color:var(--mp-accent)!important}
.hero{gap:24px!important;padding:10px 0 34px!important}
.hero-card,.side-card,.product-card,.summary-card,.designer-panel,.designer-stage,.detail-card,
.card,.order-card,.summary,.form-card,.cta{
  background:#fff!important;
  backdrop-filter:none!important;
  border:1px solid var(--mp-border)!important;
  box-shadow:var(--mp-shadow)!important;
}
.hero-card,.detail-card,.summary-card,.card,.order-card,.form-card,.summary,.cta{border-radius:24px!important}
.side-card,.product-card{border-radius:22px!important}
.hero-card{padding:34px!important}
.hero-kicker,.eyebrow,.section-title{color:#9aa3af!important;letter-spacing:.18em!important}
.hero h1{font-size:clamp(36px,4.2vw,60px)!important;line-height:.96!important;margin:12px 0 14px!important}
.hero p,.grid-subtitle,.product-desc,.muted,.hero .muted,.hero p,.card p,.hero p,.mini-note,.order-card .muted,p{color:var(--mp-muted)!important}
.hero-badges,.meta{gap:10px!important}
.pill,.summary-pill,.status,.hero-badge{
  background:var(--mp-surface)!important;
  border:1px solid var(--mp-border)!important;
  color:#4b5563!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.status{color:#365314!important;background:#f5faea!important;border-color:#dbe7bb!important}
.side-preview,.product-visual,.detail-preview,.thumb,.mockup-shell{
  background:var(--mp-surface)!important;
  border:1px solid var(--mp-border)!important;
  box-shadow:none!important;
}
.products-grid{gap:22px!important}
.product-card{padding:18px!important}
.product-visual{border-radius:20px!important}
.price{color:var(--mp-text)!important}
.small-note,.thumb-label,.inline-note,.range-read{color:#7b8794!important}

.primary-btn,.btn-primary,.cta .btn-primary,.action-btn.primary,
button[type="submit"],.btn.btn-primary{
  background:var(--mp-accent)!important;
  color:var(--mp-primary)!important;
  border:1px solid var(--mp-accent)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.primary-btn:hover,.btn-primary:hover,.action-btn.primary:hover,button[type="submit"]:hover,.btn.btn-primary:hover{
  background:var(--mp-accent-strong)!important;
  border-color:var(--mp-accent-strong)!important;
  transform:translateY(-1px);
}
.ghost-btn,.soft-btn,.btn-secondary,.btn,.cta .btn-secondary,.back-shop-btn{
  background:#fff!important;
  color:var(--mp-primary)!important;
  border:1px solid var(--mp-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.soft-btn{background:var(--mp-surface)!important}
.preview-switch button.active,.side-toggle button.active,.tab-btn.active,.chip.active,.size-chip.active{
  background:var(--mp-surface)!important;
  color:var(--mp-primary)!important;
  border-color:var(--mp-border-2)!important;
  box-shadow:0 0 0 3px rgba(144,222,0,.13)!important;
}
.chip,.size-chip,.tab-btn,.preview-switch button,.qty-box button{
  border-radius:14px!important;
  border:1px solid var(--mp-border)!important;
}
.swatch.active{box-shadow:0 0 0 2px var(--mp-accent)!important}
.summary-row,.item,.asset-item,.layer-item,.panel-card,.radio-card,.field-wrap{
  background:#fff!important;
  border:1px solid var(--mp-border)!important;
  box-shadow:none!important;
}
.field,.field-textarea,.field-color,.designer-input,.designer-select,
input:not([type="color"]):not([type="range"]):not([type="radio"]):not([type="checkbox"]),textarea,select{
  background:#fff!important;
  border:1px solid var(--mp-border)!important;
  border-radius:14px!important;
  color:var(--mp-primary)!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus,.field:focus,.field-textarea:focus,.designer-input:focus,.designer-select:focus{
  outline:none!important;
  border-color:#cfe89a!important;
  box-shadow:0 0 0 4px rgba(144,222,0,.14)!important;
}
.radio-card,.panel-card,.asset-thumb,.thumb,.thumb-wrap,.item,.card,.order-card{border-radius:18px!important}
.cta,.summary,.form-card,.card,.order-card{padding:22px!important}
.list-head,.order-top,.product-meta{gap:14px!important}
.summary-total,.total{color:var(--mp-text)!important}
.color-dot{border-color:rgba(17,17,17,.08)!important}

/* Home hero + product emphasis */
.hero-card .topbar-actions,.hero-card .hero-actions{margin-top:24px!important}
.hero-card .topbar-actions .primary-btn,.hero-card .topbar-actions .ghost-btn{min-height:50px!important;padding:0 20px!important}
.side-card .section-title{margin-bottom:10px!important}

/* cart / checkout */
.layout{gap:24px!important}
.summary-list{gap:12px!important}
.summary-row{border-radius:16px!important}
.total,.summary-total{font-weight:900!important}
.radio-grid{gap:12px!important}
.radio-card{padding:16px!important;border-radius:18px!important}
.success,.error{
  border-radius:16px!important;
  border:1px solid var(--mp-border)!important;
  background:#fff!important;
  color:var(--mp-primary)!important;
}

/* generic spacing */
.wrap{padding-top:24px!important}

@media (max-width:760px){
  .site-header-inner{padding:12px 16px!important}
  .site-link{width:auto!important}
  .hero-card{padding:24px!important}
}