:root{--deal-accent:#ec3ca6;--deal-accent-soft:#ec3ca61d}
.deal-area{min-width:0;height:100%;overflow-y:auto;padding:26px 30px 60px;background:radial-gradient(circle at 75% 0,#40123424,transparent 34%)}
.deal-shell{width:min(1120px,100%);margin:auto}
.deal-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.deal-hero h1{margin:0 0 6px;font-size:32px}
.deal-hero p{margin:0;color:var(--muted)}
.deal-primary,.deal-secondary,.deal-tab,.deal-chip,.empty-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-weight:800;cursor:pointer}
.deal-primary{border-color:transparent;background:linear-gradient(120deg,#c62b91,var(--deal-accent));color:#fff}
.deal-primary svg,.deal-secondary svg{width:16px;height:16px}
.deal-tabs{display:flex;gap:4px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--line);overflow-x:auto}
.deal-tab{flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.deal-tab.active{background:var(--deal-accent-soft);color:#ff72c2}
.deal-tools{display:grid;grid-template-columns:minmax(220px,1fr) 230px;gap:10px;margin-bottom:14px}
.deal-field{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.deal-field svg{width:17px;height:17px;color:var(--muted)}
.deal-field input,.deal-field select{width:100%;min-height:44px;border:0;outline:0;background:transparent;color:var(--text)}
.deal-categories{display:flex;gap:8px;margin-bottom:28px;overflow-x:auto;scrollbar-width:none}
.deal-chip{flex:0 0 auto;border-radius:999px;color:var(--muted)}
.deal-chip.active{border-color:#ec3ca677;background:var(--deal-accent-soft);color:#ff78c6}
.deal-section{margin-top:26px}
.deal-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}
.deal-section h2{margin:0;font-size:20px}
.deal-section-head p{margin:4px 0 0;color:var(--muted)}
.deal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.listing-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),var(--panel2))}
.listing-media{display:grid;place-items:center;aspect-ratio:4/3;background:#111922;color:var(--muted)}
.listing-media img{width:100%;height:100%;object-fit:cover}
.catalog-sprite{width:100%;height:100%;background-image:url('/assets/marketplace-catalog-15-v1.png');background-repeat:no-repeat;background-size:500% 300%;background-position:calc(var(--catalog-col) * 25%) calc(var(--catalog-row) * 50%)}
.listing-body{padding:13px}
.listing-body h3{margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listing-body p,.listing-body small{display:block;margin:3px 0;color:var(--muted)}
.listing-price{display:flex;align-items:center;justify-content:space-between}
.listing-price strong{font-size:19px}
.icon-button{display:grid;place-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--muted)}
.icon-button svg{width:17px;height:17px}
.icon-button.active{color:var(--deal-accent);background:var(--deal-accent-soft)}
.empty-state{display:grid;justify-items:center;gap:10px;padding:42px 20px;border:1px dashed #ffffff24;border-radius:14px;background:#090e14;text-align:center}
.empty-state svg{width:34px;height:34px;color:#ff69ba}
.empty-state h3,.empty-state p{margin:0}
.empty-state p{max-width:520px;color:var(--muted)}
.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.how-grid,.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.how-grid article,.category-grid button{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);text-align:left}
.how-grid svg,.category-grid svg{width:24px;height:24px;color:#ff62b7}
.how-grid span{display:grid;place-content:center;width:26px;height:26px;margin-bottom:14px;border-radius:50%;background:var(--deal-accent-soft);color:#ff70bf;font-weight:900}
.how-grid h3,.how-grid p{margin:5px 0}
.how-grid p{color:var(--muted)}
.ae-backdrop{position:fixed;z-index:80;inset:0;background:#000a;backdrop-filter:blur(3px)}
.ae-drawer{position:fixed;z-index:81;right:0;top:0;width:min(510px,100%);height:100%;box-sizing:border-box;padding:25px;overflow-y:auto;border-left:1px solid var(--line);background:#080d13;box-shadow:-20px 0 50px #000b}
.drawer-close{position:absolute;right:18px;top:18px;display:grid;place-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text)}
.drawer-close svg{width:17px;height:17px;transform:rotate(45deg)}
.deal-form{display:grid;gap:13px}
.deal-form h2{margin:0 45px 0 0}
.deal-form>p{margin:0;color:var(--muted)}
.deal-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.deal-form input,.deal-form select,.deal-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.deal-form textarea{min-height:100px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.ae-notice{position:fixed;z-index:90;right:22px;bottom:22px;max-width:360px;padding:13px 16px;border:1px solid #b43683;border-radius:11px;background:#2d1024;color:#ffd8ee;box-shadow:0 16px 34px #000b}
.status-badge{width:max-content;padding:5px 8px;border-radius:999px;background:var(--deal-accent-soft);color:#ff77c3;font-size:10px;font-weight:900}
.deal-old-price{text-decoration:line-through;color:var(--muted)}
@media(max-width:900px){.deal-area{padding:18px 16px 50px}
.deal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.deal-hero{align-items:flex-start;flex-direction:column}
.deal-tools{grid-template-columns:1fr}
.how-grid,.category-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.deal-area{padding:14px 12px 40px}
.deal-hero h1{font-size:27px}
.deal-hero .deal-primary{width:100%}
.deal-grid{grid-template-columns:1fr}
.how-grid{grid-template-columns:1fr}
.deal-section{margin-top:22px}
.deal-tabs,.deal-categories{margin-right:-12px;padding-right:12px}
.form-row{grid-template-columns:1fr}
.ae-notice{left:12px;right:12px;bottom:12px}
.ae-drawer{padding:22px 16px}
}

/* Approved 2026 mobile Marketplace / Bedrijven visual language. */
body[data-view="marketplace"] .deal-area{background:linear-gradient(180deg,#07101bbb 0,#070b11 340px),radial-gradient(circle at 74px 20px,#17304e 0,transparent 320px)}
body[data-view="businesses"] .deal-area{background:linear-gradient(180deg,#07101baa 0,#070b11 340px),radial-gradient(circle at 75% 30px,#60362455 0,transparent 350px)}
.deal-hero{min-height:118px;padding:20px 22px;border:1px solid #ffffff0d;border-radius:18px;background:linear-gradient(110deg,#07101a99,#151017aa);box-sizing:border-box}
.deal-tabs{gap:10px;border-bottom:0}
.deal-tab{min-height:44px;padding-inline:20px;border-radius:14px;font-size:14px}
.deal-tab.active{background:linear-gradient(120deg,#ff3d72,#ed3b9b);color:#fff;box-shadow:0 8px 22px #ec3ca62b}
.deal-field{min-height:52px;border-color:#ffffff12;border-radius:14px;background:#ffffff08}
.deal-categories{gap:22px;padding:6px 2px 10px}
.deal-chip{flex-direction:column;width:86px;min-height:86px;padding:0;border-color:#ffffff20;background:#ffffff03;color:#c3bec8;white-space:normal;text-align:center}
.deal-chip svg{width:25px;height:25px;color:#f27ab9}
.deal-chip.active{border-color:#ec3ca666;background:radial-gradient(circle,#ec3ca626,transparent 68%);color:#ff75b8}
.listing-card{border-color:#ffffff0e;background:linear-gradient(145deg,#13171d,#0b0f15);box-shadow:0 12px 26px #0005}
.how-panel{padding:20px;border:1px solid #ffffff0d;border-radius:16px;background:linear-gradient(145deg,#13171c,#0a0e14)}
.how-panel .deal-section-head p{display:none}
.how-grid article{border:0;background:transparent;text-align:center}
.how-grid svg{width:30px;height:30px;margin-bottom:8px}
.how-grid span{margin:0 auto 10px}
.mobile-marketplace-cta{display:none}
.listing-detail-media{aspect-ratio:5/3;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#111922}
.listing-detail-price{font-size:28px;font-weight:900}
.listing-detail dl{display:grid;gap:7px;margin:0}
.listing-detail dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}
.listing-detail dt{color:var(--muted)}
.listing-detail dd{margin:0;font-weight:800;text-align:right}
.wallet-paused{padding:13px;border:1px solid #d89b2c55;border-radius:11px;background:#d89b2c12;color:#f2d293}
.wallet-paused p,.receipt-note{margin:5px 0 0;line-height:1.5}
.receipt-note{color:var(--muted);font-size:12px}
@media(max-width:560px){
  body[data-view="marketplace"] .top-actions .live-now-indicator,
  body[data-view="marketplace"] .top-actions .make,
  body[data-view="businesses"] .top-actions .live-now-indicator,
  body[data-view="businesses"] .top-actions .make{display:none}
  .deal-area{padding:0 16px 34px;background-attachment:scroll!important}
  .deal-shell{padding-top:20px}
  .deal-hero{min-height:184px;margin:0 -16px 12px;padding:62px 20px 18px;border:0;border-radius:0;background:linear-gradient(180deg,transparent,#070b11 95%),linear-gradient(100deg,#132133,#271322)}
  body[data-view="businesses"] .deal-hero{background:linear-gradient(180deg,transparent,#070b11 95%),linear-gradient(110deg,#1b2932,#38231e)}
  .deal-hero h1{font-size:30px;letter-spacing:-.5px}
  .deal-hero p{font-size:15px;line-height:1.5}
  .deal-hero>.deal-primary{display:none}
  .deal-tabs{margin:0 -16px 16px;padding:0 16px 4px;gap:8px}
  .deal-tab{min-height:44px;padding-inline:17px}
  .deal-tools{grid-template-columns:minmax(0,1fr) 126px;gap:9px}
  .deal-field{min-width:0;padding-inline:12px}
  .deal-field select{font-size:0}
  .deal-field select option{font-size:14px}
  .deal-categories{margin:4px -16px 22px;padding:4px 16px 8px;gap:17px}
  .deal-chip{width:72px;min-height:72px;font-size:11px}
  .deal-section-head{align-items:center}
  .deal-section h2{font-size:19px}
  .deal-grid{display:flex;gap:12px;margin-right:-16px;padding-right:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .deal-grid>.listing-card,.deal-grid>.empty-state{flex:0 0 74%;scroll-snap-align:start}
  .deal-grid>.empty-state{box-sizing:border-box;min-height:230px}
  .category-grid{display:flex;margin-right:-16px;padding-right:16px;overflow-x:auto;scrollbar-width:none}
  .category-grid button{flex:0 0 132px;min-height:126px;text-align:center}
  .how-panel{padding:17px 12px 18px}
  .how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .how-grid article{padding:8px 5px}
  .how-grid h3{font-size:12px}
  .how-grid p{font-size:10px;line-height:1.4}
  .how-grid svg{width:25px;height:25px}
  .mobile-marketplace-cta{display:flex;width:100%;margin-top:14px;min-height:52px;border-radius:12px}
}