/* Optional Community Commerce add-on. No core page depends on these styles. */
.commerce-notify-button{position:relative;min-width:104px}
.commerce-notify-count{display:none;position:absolute;top:-6px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#b9404a;color:#fff;font-size:10px;line-height:18px;text-align:center}
.commerce-notify-count.has-unread{display:block}
.commerce-notify-panel{position:fixed;z-index:9000;right:22px;top:126px;width:min(390px,calc(100vw - 24px));max-height:62vh;overflow:auto;padding:12px;border:1px solid #d7d2ad;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.commerce-notify-panel.hidden{display:none}
.commerce-notify-item{display:block;padding:10px;border-bottom:1px solid #ece9d3;color:inherit;text-decoration:none}
.commerce-notify-item.unread{background:rgba(243,242,215,.55)}
.commerce-notify-item strong{display:block;font-size:13px;margin-bottom:3px}.commerce-notify-item small{display:block;line-height:1.3}
.commerce-ad-rail{display:none;position:fixed;z-index:40;top:160px;bottom:18px;width:170px;min-height:0;flex-direction:column;gap:12px}
.commerce-ad-left{left:8px}.commerce-ad-right{right:8px}
.commerce-ad-slot{flex:1 1 0;min-height:0}.commerce-ad-card{display:flex;height:100%;min-height:0;box-sizing:border-box;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #d7d2ad;border-radius:15px;background:#fff;padding:7px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden}
.commerce-ad-card img{display:block;width:100%;height:calc(100% - 20px);min-height:0;object-fit:contain;border-radius:10px}.commerce-ad-label{display:block;flex:0 0 auto;margin-top:5px;font-size:9px;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1480px){.commerce-ad-rail{display:flex}}@media(min-width:1800px){.commerce-ad-rail{width:220px}}
.commerce-shell{max-width:1120px;margin:0 auto;padding:18px 14px 50px}.commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.commerce-card{border:1px solid #d7d2ad;border-radius:16px;background:#fff;padding:15px;min-width:0}.commerce-card h2,.commerce-card h3{margin:0 0 8px;line-height:1.2}.commerce-card p{line-height:1.4}.commerce-kpis{display:flex;flex-wrap:wrap;gap:8px}.commerce-kpi{padding:7px 10px;border:1px solid #d7d2ad;border-radius:999px;background:rgba(243,242,215,.65);font-size:12px}.commerce-money{font-weight:700}.commerce-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.commerce-table{width:100%;border-collapse:collapse;font-size:12px}.commerce-table th,.commerce-table td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid #e6e2c8}.commerce-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.commerce-actions{display:flex;gap:7px;flex-wrap:wrap}.commerce-actions .btn{min-width:105px}.commerce-note{font-size:11px;line-height:1.35;color:#666}.commerce-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.commerce-market-card{border:1px solid #d7d2ad;border-radius:15px;padding:14px;background:#fff;min-width:0}.commerce-market-card h3{font-size:16px;line-height:1.2;margin:7px 0}.commerce-market-price{font-size:18px;font-weight:700}.commerce-search-result{display:block;padding:12px;border:1px solid #dedabd;border-radius:13px;background:#fff;color:inherit;text-decoration:none}.commerce-search-result+.commerce-search-result{margin-top:8px}.commerce-search-result .type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#2877d4}.commerce-report-btn{margin-top:7px}.commerce-paid-content{border:1px dashed #c6c19f;border-radius:13px;padding:12px;background:#faf9ef}.commerce-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid #e6e2c8}.commerce-fee-warning{padding:10px;border:1px solid #e0bd6c;border-radius:12px;background:#fff5d8;color:#76530a}.commerce-plan-status{white-space:nowrap}.commerce-modal{max-width:720px;width:calc(100vw - 30px);border:0;border-radius:18px;padding:0}.commerce-modal::backdrop{background:rgba(0,0,0,.45)}.commerce-modal-body{padding:18px}.commerce-close{float:right}.commerce-listing-form textarea{min-height:90px}

/* Native Coxy Wallet payment review. The wallet iframe keeps signing inside Coxy Wallet. */
.coxy-direct-wallet-dialog{width:min(920px,calc(100vw - 24px));height:min(860px,calc(100vh - 24px));max-width:920px;max-height:860px;border:0;border-radius:18px;padding:0;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.28)}
.coxy-direct-wallet-dialog::backdrop{background:rgba(48,48,48,.58)}
.coxy-direct-wallet-shell{display:grid;grid-template-rows:auto auto auto auto minmax(360px,1fr);height:100%;padding:18px;gap:10px;box-sizing:border-box}
.coxy-direct-wallet-heading h2{margin:2px 0 6px;font-size:22px}.coxy-direct-wallet-heading p{margin:0;max-width:690px;line-height:1.35}
.coxy-direct-wallet-summary{padding:9px 12px;border:1px solid #d7d2ad;border-radius:12px;background:#faf9ef;font-size:12px;overflow-wrap:anywhere}
.coxy-direct-wallet-auth{display:grid;grid-template-columns:minmax(220px,320px) auto;gap:10px;align-items:end}.coxy-direct-wallet-auth .label{margin:0}
.coxy-direct-wallet-frame{width:100%;height:100%;min-height:360px;border:1px solid #d7d2ad;border-radius:14px;background:#f3f2d0}
[data-coxy-wallet-status].error{color:#a92835;font-weight:700}
@media(max-width:700px){.coxy-direct-wallet-dialog{width:calc(100vw - 12px);height:calc(100vh - 12px)}.coxy-direct-wallet-shell{padding:12px;grid-template-rows:auto auto auto auto minmax(300px,1fr)}.coxy-direct-wallet-auth{grid-template-columns:1fr}.coxy-direct-wallet-heading{align-items:flex-start}.coxy-direct-wallet-frame{min-height:300px}}

/* Audio and Video subscription controls stay isolated inside the optional commerce add-on. */
.commerce-event-plan{display:grid;gap:12px}
.commerce-subsection{display:grid;gap:9px;padding:13px;border:1px solid #e2dec2;border-radius:14px;background:#fcfbf3}
.commerce-subsection.video-plan{background:#faf9ef}
.commerce-subsection .check{margin:0}
.commerce-subsection .commerce-kpis{margin-top:2px}
.advert-manage-card{display:grid;gap:12px}
.advert-manage-card .advert-edit-form{margin-top:2px}

/* v1.2.2: keep adverts below the sticky header while preserving the shared gradient/nav treatment. */
.site-header{z-index:80!important;border-bottom:0!important;box-shadow:none!important;overflow:visible!important}
.nav-utility-row{width:100%!important;max-width:none!important;margin-inline:0!important;background:rgba(255,255,255,0.08)!important;position:relative;z-index:81;border:0!important;box-shadow:none!important}
.nav-history-actions{background:transparent!important}
.commerce-ad-rail{z-index:30;top:210px;bottom:18px}

/* v1.3.0: three independent advert boxes per desktop side rail. */
.commerce-ad-slot:empty{display:none}
@media(min-width:1480px) and (max-height:700px){.commerce-ad-rail{gap:8px;top:175px;bottom:10px}.commerce-ad-card{padding:5px}.commerce-ad-label{font-size:8px}}


/* v1.4.0: guided monetization UX. Add-on only; core event flows are untouched. */
.commerce-guide-card{background:linear-gradient(180deg,#fff 0%,#fcfbf3 100%)}
.commerce-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.commerce-guide-step{display:grid;grid-template-columns:34px 1fr;column-gap:9px;row-gap:3px;align-items:start;padding:12px;border:1px solid #dedabd;border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.commerce-guide-step:hover{border-color:#9fc9ef;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.commerce-guide-step strong{font-size:13px;line-height:1.2}.commerce-guide-step small{grid-column:2;font-size:11px;line-height:1.35;color:#666}
.commerce-step-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#2877d4;color:#fff;font-size:12px;font-weight:800;flex:0 0 28px}
.commerce-guide-actions{margin-top:8px}.commerce-guide-actions .btn{min-width:132px}
.commerce-mini-steps,.commerce-buyer-steps{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.commerce-mini-steps span,.commerce-buyer-steps span{padding:7px 10px;border:1px solid #dedabd;border-radius:999px;background:#faf9ef;font-size:11px}.commerce-mini-steps b,.commerce-buyer-steps b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:999px;background:#2877d4;color:#fff;font-size:9px}
.commerce-step-block{display:grid;gap:10px;padding:13px;border:1px solid #e2dec2;border-radius:14px;background:#fff}
.commerce-step-heading{display:flex;align-items:flex-start;gap:10px}.commerce-step-heading>div{display:grid;gap:2px}.commerce-step-heading strong{font-size:13px}.commerce-step-heading small{font-size:11px;line-height:1.3;color:#666}
.commerce-publish-step{background:#fcfbf3}.commerce-plan-explainer{display:flex;flex-wrap:wrap;gap:5px 10px;padding:9px 11px;border-radius:11px;background:#f7f8fb;font-size:11px;line-height:1.35}.commerce-plan-explainer span{color:#666}.commerce-plan-meta{align-items:flex-end;gap:4px}
.commerce-offer{display:flex;flex-wrap:wrap;gap:7px}.commerce-offer span{padding:7px 9px;border:1px solid #dedabd;border-radius:10px;background:#fff;font-size:11px}
.commerce-seller-empty,.commerce-market-empty{display:grid;gap:4px}.commerce-seller-empty span,.commerce-market-empty span{font-size:11px;color:#666;line-height:1.4}
@media(max-width:760px){.commerce-guide{grid-template-columns:1fr}.commerce-guide-actions .btn{width:100%}.commerce-plan-meta{align-items:flex-start}.commerce-buyer-steps{display:grid;grid-template-columns:1fr 1fr}.commerce-mini-steps{display:grid;grid-template-columns:1fr 1fr}}

/* V5.65: identify the organizer account behind every public advert. */
.commerce-ad-card img{height:0;flex:1 1 auto;min-height:0}
.commerce-ad-advertiser{display:block;flex:0 0 auto;margin-top:3px;font-size:9px;line-height:1.2;text-align:center;color:#4b4b4b;font-weight:700;overflow-wrap:anywhere}
@media(min-width:1480px) and (max-height:700px){.commerce-ad-advertiser{font-size:8px}}

/* V5.69: transparent, non-flickering side advert rails. */
.commerce-ad-rail,
.commerce-ad-slot{
  background:transparent!important;
}
.commerce-ad-card{
  background:transparent!important;
  box-shadow:none!important;
  border-color:rgba(255,255,255,.34)!important;
  padding:7px;
}
.commerce-ad-media{
  position:relative;
  display:block;
  flex:1 1 auto;
  width:100%;
  min-height:0;
  overflow:hidden;
  border-radius:10px;
  background:transparent;
  isolation:isolate;
}
.commerce-ad-card .commerce-ad-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%!important;
  min-height:0;
  object-fit:contain;
  border-radius:10px;
  opacity:0;
  visibility:visible;
  transform:translateZ(0);
  transition:opacity .55s ease;
  will-change:opacity;
  backface-visibility:hidden;
}
.commerce-ad-card .commerce-ad-image.is-visible{
  opacity:1;
}
.commerce-ad-card:not(.is-ready) .commerce-ad-label,
.commerce-ad-card:not(.is-ready) .commerce-ad-advertiser{
  opacity:0;
}
.commerce-ad-label,
.commerce-ad-advertiser{
  transition:opacity .35s ease;
  text-shadow:0 1px 2px rgba(255,255,255,.72);
}
@media(prefers-reduced-motion:reduce){
  .commerce-ad-card .commerce-ad-image,
  .commerce-ad-label,
  .commerce-ad-advertiser{transition:none!important}
}

/* V5.93: five compact adverts per desktop side, using the remaining rail space without stretched gaps. */
.commerce-ad-rail{
  bottom:auto!important;
  max-height:calc(100vh - 224px);
  gap:6px!important;
  justify-content:flex-start;
  align-content:flex-start;
  overflow:hidden;
}
.commerce-ad-slot{
  flex:0 0 auto!important;
  width:100%;
  min-height:0;
}
.commerce-ad-card{
  height:auto!important;
  min-height:0;
  padding:5px!important;
}
.commerce-ad-media{
  flex:0 0 auto!important;
  height:clamp(72px,11vh,108px);
  min-height:0;
}
.commerce-ad-label{
  margin-top:4px;
  font-size:8px;
  line-height:1.05;
}
.commerce-ad-advertiser{
  margin-top:2px;
  font-size:8px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(min-width:1480px) and (max-height:820px){
  .commerce-ad-rail{
    top:175px;
    max-height:calc(100vh - 185px);
    gap:4px!important;
  }
  .commerce-ad-card{padding:4px!important}
  .commerce-ad-media{height:clamp(66px,10.5vh,86px)}
  .commerce-ad-label,.commerce-ad-advertiser{font-size:7.5px;line-height:1.02}
  .commerce-ad-label{margin-top:3px}
  .commerce-ad-advertiser{margin-top:1px}
}
@media(min-width:1480px) and (max-height:650px){
  .commerce-ad-rail{top:155px;max-height:calc(100vh - 163px);gap:3px!important}
  .commerce-ad-media{height:60px}
  .commerce-ad-card{padding:3px!important}
  .commerce-ad-label,.commerce-ad-advertiser{font-size:7px}
}


/* V5.92: mobile/tablet fallback - stack adverts at the page end under Commercials. */
.commerce-mobile-commercials{
  display:none;
  box-sizing:border-box;
  width:min(900px,calc(100% - 20px));
  margin:18px auto 12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:18px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.commerce-mobile-commercials-title{
  margin:0 0 10px;
  text-align:center;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}
.commerce-mobile-commercials-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.commerce-mobile-commercials .commerce-ad-slot{
  width:100%;
  min-width:0;
}
.commerce-mobile-commercials .commerce-ad-card{
  width:100%;
  min-width:0;
  border-color:rgba(255,255,255,.48)!important;
  background:rgba(255,255,255,.16)!important;
}
.commerce-mobile-commercials .commerce-ad-media{
  height:clamp(118px,24vw,190px);
}
.commerce-mobile-commercials .commerce-ad-label,
.commerce-mobile-commercials .commerce-ad-advertiser{
  font-size:9px;
  line-height:1.15;
}
@media(max-width:1479px){
  .commerce-mobile-commercials.has-ad{display:block}
}
@media(max-width:600px){
  .commerce-mobile-commercials{
    width:calc(100% - 14px);
    margin:12px auto 8px;
    padding:8px;
    border-radius:14px;
  }
  .commerce-mobile-commercials-title{
    margin-bottom:8px;
    font-size:17px;
  }
  .commerce-mobile-commercials-grid{
    grid-template-columns:1fr;
    gap:6px;
  }
  .commerce-mobile-commercials .commerce-ad-card{padding:5px!important}
  .commerce-mobile-commercials .commerce-ad-media{height:clamp(132px,42vw,190px)}
  .commerce-mobile-commercials .commerce-ad-label,
  .commerce-mobile-commercials .commerce-ad-advertiser{font-size:9px}
}

/* V5.96: fluid full-width advert images with original aspect ratio. */
.commerce-ad-media,
.commerce-mobile-commercials .commerce-ad-media{
  display:block;
  width:100%!important;
  max-width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:var(--commerce-ad-aspect,16 / 9);
  border-radius:8px!important;
  overflow:hidden;
}
.commerce-ad-card .commerce-ad-image{
  width:100%!important;
  height:100%!important;
  max-width:100%;
  object-fit:contain!important;
  object-position:center center;
  border-radius:8px!important;
}

/* V5.100: compact Organizer monetization page only.
   CSS-only presentation upgrade. Marketplace, Participant and public commerce pages are untouched. */
body:has(#commerceOrganizerMsg) .commerce-shell{
  max-width:1120px;
  padding:12px 14px 32px;
}
body:has(#commerceOrganizerMsg) .commerce-shell > .eyebrow{
  margin-bottom:2px;
}
body:has(#commerceOrganizerMsg) .commerce-shell > .page-title{
  margin-top:0;
  margin-bottom:4px;
}
body:has(#commerceOrganizerMsg) .commerce-shell > .lead{
  margin:0 0 10px;
  max-width:980px;
  font-size:14px;
  line-height:1.35;
}

/* Keep one clean line of space between the main section cards. */
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card{
  padding:11px 12px;
  margin:0;
}
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card + section.commerce-card{
  margin-top:12px;
}
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card h2,
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card h3{
  margin:0 0 4px;
  line-height:1.18;
}
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card p{
  margin:4px 0 8px;
  line-height:1.35;
}
body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card .eyebrow{
  margin-bottom:2px;
}

/* Compact internal grids/forms without changing field names or behavior. */
body:has(#commerceOrganizerMsg) .commerce-grid{
  gap:10px;
}
body:has(#commerceOrganizerMsg) .commerce-form-row{
  gap:8px;
}
body:has(#commerceOrganizerMsg) .commerce-event-plan{
  gap:8px;
}
body:has(#commerceOrganizerMsg) .commerce-subsection{
  gap:6px;
  padding:10px;
}
body:has(#commerceOrganizerMsg) .commerce-guide{
  gap:8px;
  margin:8px 0;
}
body:has(#commerceOrganizerMsg) .commerce-guide-step{
  column-gap:8px;
  row-gap:2px;
  padding:9px 10px;
}
body:has(#commerceOrganizerMsg) .commerce-guide-actions{
  margin-top:5px;
}
body:has(#commerceOrganizerMsg) .commerce-mini-steps{
  gap:6px;
  margin:7px 0 9px;
}
body:has(#commerceOrganizerMsg) .commerce-mini-steps span{
  padding:5px 8px;
}
body:has(#commerceOrganizerMsg) .commerce-step-block{
  gap:7px;
  padding:10px;
}
body:has(#commerceOrganizerMsg) .commerce-step-heading{
  gap:8px;
}
body:has(#commerceOrganizerMsg) .commerce-listing-form{
  gap:9px;
}
body:has(#commerceOrganizerMsg) .commerce-listing-form textarea{
  min-height:70px;
}
body:has(#commerceOrganizerMsg) .commerce-kpis{
  gap:6px;
}
body:has(#commerceOrganizerMsg) .commerce-kpi{
  padding:5px 8px;
}
body:has(#commerceOrganizerMsg) .advert-manage-card{
  gap:8px;
}

/* Center Organizer monetization actions while retaining all existing controls. */
body:has(#commerceOrganizerMsg) .commerce-actions{
  justify-content:center;
  align-items:center;
}
body:has(#commerceOrganizerMsg) .commerce-guide-actions{
  justify-content:center;
}
body:has(#commerceOrganizerMsg) #fees > .btn{
  display:block;
  width:max-content;
  max-width:100%;
  margin:8px auto 0;
}
body:has(#commerceOrganizerMsg) #advertForm > .label:last-child{
  align-items:center;
  justify-items:center;
}
body:has(#commerceOrganizerMsg) #advertForm > .label:last-child > span{
  display:none;
}
body:has(#commerceOrganizerMsg) #advertForm > .label:last-child .btn{
  justify-self:center;
  align-self:end;
}
body:has(#commerceOrganizerMsg) #moderation > .spread{
  align-items:center;
}
body:has(#commerceOrganizerMsg) #moderation > .spread > .btn{
  margin-inline:auto;
}

/* Keep generated management/list cards compact too, without changing their structure. */
body:has(#commerceOrganizerMsg) #commerceEventPlans .commerce-card,
body:has(#commerceOrganizerMsg) #organizerListings .commerce-card,
body:has(#commerceOrganizerMsg) #advertList .commerce-card,
body:has(#commerceOrganizerMsg) #moderationList .commerce-card{
  padding:10px 11px;
}
body:has(#commerceOrganizerMsg) #organizerListings > * + *,
body:has(#commerceOrganizerMsg) #advertList > * + *,
body:has(#commerceOrganizerMsg) #moderationList > * + *{
  margin-top:10px;
}

@media(max-width:760px){
  body:has(#commerceOrganizerMsg) .commerce-shell{
    padding:9px 9px 24px;
  }
  body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card{
    padding:10px;
  }
  body:has(#commerceOrganizerMsg) .commerce-shell > section.commerce-card + section.commerce-card{
    margin-top:10px;
  }
  body:has(#commerceOrganizerMsg) .commerce-shell > .lead{
    font-size:13px;
  }
  body:has(#commerceOrganizerMsg) .commerce-guide-actions .btn{
    width:auto;
  }
  body:has(#commerceOrganizerMsg) .commerce-actions{
    justify-content:center;
  }
  body:has(#commerceOrganizerMsg) #moderation > .spread{
    gap:8px;
  }
}

/* V5.101: compact Marketplace seller card on Organizer dashboard only.
   CSS-only. Organizer Event Videos and all non-market dashboard sections are untouched. */
#marketSellerSection{
  margin-top:14px;
  padding:12px 14px;
  scroll-margin-top:150px;
}
#marketSellerSection .dashboard-market-heading{
  display:block;
  margin:0 0 10px;
}
#marketSellerSection .dashboard-market-heading > div:first-child{
  text-align:center;
}
#marketSellerSection .dashboard-market-heading h2{
  margin:1px 0 3px;
  line-height:1.18;
}
#marketSellerSection .dashboard-market-heading p{
  max-width:900px;
  margin:0 auto;
  line-height:1.32;
}
#marketSellerSection .dashboard-market-links{
  width:100%;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:8px;
}

/* Keep one clean line of space between the Marketplace section cards. */
#marketSellerSection > .commerce-card{
  margin:0;
  padding:10px 11px;
}
#marketSellerSection > .commerce-card + .shop-seller-layout,
#marketSellerSection > .notice + .commerce-card{
  margin-top:10px;
}
#marketSellerSection .shop-payout-settings{
  margin-bottom:10px;
  padding:10px 11px;
}
#marketSellerSection .dashboard-shop-seller-layout,
#marketSellerSection .shop-seller-layout{
  gap:10px;
  margin-top:10px;
}
#marketSellerSection .dashboard-shop-form,
#marketSellerSection .dashboard-my-products,
#marketSellerSection .shop-product-form,
#marketSellerSection .shop-my-products{
  padding:10px 11px;
}

/* Compact titles, notes and form rhythm. */
#marketSellerSection .shop-form-title-row{
  align-items:center;
  gap:8px;
}
#marketSellerSection .shop-form-title-row h3,
#marketSellerSection .dashboard-my-products h3,
#marketSellerSection .shop-my-products h3{
  margin:1px 0 3px;
  line-height:1.18;
}
#marketSellerSection .commerce-note{
  margin:3px 0 6px;
  line-height:1.3;
}
#marketSellerSection .shop-payout-form{
  gap:7px;
  margin-top:6px;
}
#marketSellerSection .shop-payout-form .shop-form-grid{
  padding:8px;
}
#marketSellerSection .shop-product-form{
  gap:8px;
}
#marketSellerSection .shop-form-grid{
  gap:6px 8px;
}
#marketSellerSection .shop-form-grid label{
  line-height:1.22;
}
#marketSellerSection .shop-form-grid .input,
#marketSellerSection .shop-payout-form .input{
  min-height:34px;
  margin-top:2px;
  padding:6px 8px;
}
#marketSellerSection .shop-product-form textarea.input{
  height:72px;
  min-height:72px;
  padding:7px 9px;
  resize:vertical;
}
#marketSellerSection .shop-product-form input[type="file"].input{
  min-height:36px;
  padding:5px 7px;
}
#marketSellerSection .shop-payment-hint{
  min-height:48px;
  padding:7px 9px;
}

/* Payment/shipping blocks remain separate but use much less vertical space. */
#marketSellerSection .shop-form-section{
  gap:5px;
  padding:8px 9px;
}
#marketSellerSection .shop-form-section h3{
  margin:0 0 1px;
  line-height:1.18;
}
#marketSellerSection .shop-form-section p{
  margin:0 0 3px;
}
#marketSellerSection .shop-form-section > .spread{
  gap:8px;
  align-items:center;
}
#marketSellerSection .shop-fee-summary{
  margin:5px 0;
  padding:6px;
  gap:5px;
}

/* Center all Marketplace action rows without changing button behavior. */
#marketSellerSection .commerce-actions,
#marketSellerSection .dashboard-market-links,
#marketSellerSection .shop-card-actions{
  justify-content:center;
  align-items:center;
}
#marketSellerSection .commerce-actions{
  gap:6px;
  margin-top:2px;
}
#marketSellerSection .commerce-actions .btn{
  min-width:110px;
}
#marketSellerSection .dashboard-market-links .btn,
#marketSellerSection .commerce-actions .btn,
#marketSellerSection .shop-form-section .btn,
#marketSellerSection .shop-my-products > .spread .btn{
  padding:7px 12px;
}
#marketSellerSection .shop-form-section > .spread > .btn{
  flex:0 0 auto;
}

/* Compact the seller-owned listing area and empty/product states. */
#marketSellerSection .shop-my-products > .spread{
  gap:8px;
  align-items:center;
}
#marketSellerSection #myProducts{
  margin-top:7px;
}
#marketSellerSection .shop-seller-products{
  gap:7px;
}
#marketSellerSection .shop-seller-product{
  gap:8px;
  padding:7px;
}
#marketSellerSection .shop-seller-product h3{
  margin:2px 0 4px;
}
#marketSellerSection .shop-empty,
#marketSellerSection .commerce-seller-empty{
  padding-block:8px;
}

@media(max-width:760px){
  #marketSellerSection{
    margin-top:10px;
    padding:9px;
    scroll-margin-top:120px;
  }
  #marketSellerSection .dashboard-market-heading{
    margin-bottom:8px;
  }
  #marketSellerSection .dashboard-market-links{
    margin-top:7px;
    gap:6px;
  }
  #marketSellerSection .dashboard-market-links .btn{
    width:auto;
  }
  #marketSellerSection .shop-payout-settings,
  #marketSellerSection .dashboard-shop-form,
  #marketSellerSection .dashboard-my-products,
  #marketSellerSection .shop-product-form,
  #marketSellerSection .shop-my-products{
    padding:9px;
  }
  #marketSellerSection .dashboard-shop-seller-layout,
  #marketSellerSection .shop-seller-layout{
    gap:9px;
    margin-top:9px;
  }
  #marketSellerSection .commerce-actions{
    justify-content:center;
  }
}

/* V5.102: compact Event Resources marketplace page only.
   Scope is the public event-resources.php shell that owns #marketSearch.
   No marketplace, payment, wallet, purchase, report, or unlock behavior changes. */
.commerce-shell:has(> #marketSearch){
  padding:10px 12px 30px;
}
.commerce-shell:has(> #marketSearch) > .eyebrow{
  margin:0 0 2px;
  text-align:center;
}
.commerce-shell:has(> #marketSearch) > .page-title{
  margin:0 0 4px;
  text-align:center;
  line-height:1.16;
}
.commerce-shell:has(> #marketSearch) > .lead{
  max-width:820px;
  margin:0 auto 7px;
  text-align:center;
  line-height:1.32;
}
.commerce-shell:has(> #marketSearch) > .commerce-buyer-steps{
  justify-content:center;
  gap:6px;
  margin:6px 0 9px;
}
.commerce-shell:has(> #marketSearch) > .commerce-buyer-steps span{
  padding:5px 8px;
}
.commerce-shell:has(> #marketSearch) > .commerce-buyer-steps b{
  width:17px;
  height:17px;
  margin-right:4px;
}

/* Compact and center the public resource search controls. */
#marketSearch{
  grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr) auto;
  gap:7px 9px;
  align-items:end;
  margin:0 auto 9px;
}
#marketSearch .label{
  margin:0;
  line-height:1.2;
}
#marketSearch .input{
  min-height:34px;
  margin-top:3px;
  padding:6px 8px;
}
#marketSearch > .label:last-child{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}
#marketSearch > .label:last-child > span{
  display:none;
}
#marketSearch .btn{
  min-width:112px;
  padding:7px 13px;
}

/* Keep search results neat and compact. */
#marketMsg{
  margin:0;
}
#marketGrid{
  gap:9px;
  margin-top:8px;
}
#marketGrid .commerce-market-card{
  padding:10px 11px;
  border-radius:13px;
}
#marketGrid .commerce-market-card .row{
  gap:5px;
}
#marketGrid .commerce-market-card h3{
  margin:5px 0 3px;
  font-size:15px;
  line-height:1.18;
}
#marketGrid .commerce-market-card p{
  margin:3px 0 5px;
  line-height:1.3;
}
#marketGrid .commerce-market-card .small{
  line-height:1.25;
}
#marketGrid .commerce-market-price{
  margin-top:5px;
  font-size:16px;
}
#marketGrid .commerce-actions{
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:6px;
}
#marketGrid .commerce-actions .btn{
  min-width:104px;
  padding:6px 10px;
}
#marketGrid .commerce-market-empty{
  padding:10px 12px;
  text-align:center;
}

/* Compact the resource detail/purchase dialog while retaining its behavior. */
#listingDialog .commerce-modal-body{
  padding:12px 14px 14px;
}
#listingDialog .commerce-close{
  padding:6px 10px;
}
#listingDetail > .eyebrow{
  margin:0 0 2px;
}
#listingDetail > h2{
  margin:2px 0 5px;
  line-height:1.18;
}
#listingDetail > p{
  margin:4px 0 7px;
  line-height:1.32;
}
#listingDetail .commerce-kpis{
  gap:5px;
  margin:5px 0 7px;
}
#listingDetail .commerce-kpi{
  padding:5px 8px;
}
#listingDetail .commerce-paid-content,
#listingDetail .commerce-fee-warning{
  margin-top:7px;
  padding:9px 10px;
}
#listingDetail .commerce-paid-content h3{
  margin:0 0 5px;
}
#listingDetail .commerce-file{
  gap:7px;
  padding:6px;
}
#listingDetail .commerce-file .btn{
  padding:5px 9px;
}
#listingDetail > button[data-buy-listing]{
  display:block;
  min-width:150px;
  margin:8px auto 0;
  padding:7px 12px;
}

@media(max-width:760px){
  .commerce-shell:has(> #marketSearch){
    padding:8px 9px 22px;
  }
  .commerce-shell:has(> #marketSearch) > .commerce-buyer-steps{
    gap:5px;
    margin:6px 0 8px;
  }
  #marketSearch{
    grid-template-columns:1fr;
    gap:6px;
    margin-bottom:8px;
  }
  #marketSearch > .label:last-child{
    align-items:center;
  }
  #marketSearch .btn{
    min-width:130px;
  }
  #marketGrid{
    gap:8px;
    margin-top:7px;
  }
  #marketGrid .commerce-market-card{
    padding:9px;
  }
  #listingDialog .commerce-modal-body{
    padding:10px 11px 12px;
  }
}

/* V5.106: Participant dashboard Marketplace seller card compact pass.
   CSS-only and explicitly scoped to participant/index.php by #participantAccountBar.
   Organizer Marketplace V5.101 and Event Resources V5.102 remain unchanged. */
body:has(#participantAccountBar) #marketSellerSection {
  margin-top: 10px;
  padding: 10px 11px;
}

body:has(#participantAccountBar) #marketSellerSection .dashboard-market-heading {
  margin-bottom: 7px;
}

body:has(#participantAccountBar) #marketSellerSection .dashboard-market-heading h2 {
  margin: 0 0 2px;
}

body:has(#participantAccountBar) #marketSellerSection .dashboard-market-heading p {
  margin: 0 auto;
  line-height: 1.28;
}

body:has(#participantAccountBar) #marketSellerSection .dashboard-market-links {
  gap: 6px;
  margin-top: 6px;
}

/* Keep only a single clean line between seller sub-cards. */
body:has(#participantAccountBar) #marketSellerSection .shop-payout-settings,
body:has(#participantAccountBar) #marketSellerSection .dashboard-shop-form,
body:has(#participantAccountBar) #marketSellerSection .dashboard-my-products,
body:has(#participantAccountBar) #marketSellerSection .shop-product-form,
body:has(#participantAccountBar) #marketSellerSection .shop-my-products {
  padding: 9px 10px;
}

body:has(#participantAccountBar) #marketSellerSection .dashboard-shop-seller-layout,
body:has(#participantAccountBar) #marketSellerSection .shop-seller-layout {
  gap: 9px;
  margin-top: 9px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-payout-settings {
  margin-bottom: 9px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-product-form,
body:has(#participantAccountBar) #marketSellerSection .shop-payout-form {
  gap: 6px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-form-grid {
  gap: 5px 7px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-form-grid .input,
body:has(#participantAccountBar) #marketSellerSection .shop-payout-form .input {
  min-height: 32px;
  margin-top: 2px;
  padding: 5px 7px;
  border-radius: 8px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-product-form textarea.input {
  height: 68px;
  min-height: 68px;
  padding: 6px 8px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-form-section {
  gap: 4px;
  padding: 7px 8px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-form-section + .shop-form-section {
  margin-top: 8px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-form-section p,
body:has(#participantAccountBar) #marketSellerSection .commerce-note {
  margin-top: 2px;
  margin-bottom: 4px;
  line-height: 1.28;
}

body:has(#participantAccountBar) #marketSellerSection .commerce-actions,
body:has(#participantAccountBar) #marketSellerSection .shop-card-actions,
body:has(#participantAccountBar) #marketSellerSection .dashboard-market-links {
  justify-content: center;
  align-items: center;
  gap: 6px;
}

body:has(#participantAccountBar) #marketSellerSection .btn {
  min-height: 32px;
  padding: 6px 11px;
  font-size: 11.5px;
}

body:has(#participantAccountBar) #marketSellerSection #myProducts {
  margin-top: 6px;
}

body:has(#participantAccountBar) #marketSellerSection .shop-seller-products {
  gap: 7px;
}

@media (max-width: 760px) {
  body:has(#participantAccountBar) #marketSellerSection {
    margin-top: 9px;
    padding: 9px;
  }

  body:has(#participantAccountBar) #marketSellerSection .shop-payout-settings,
  body:has(#participantAccountBar) #marketSellerSection .dashboard-shop-form,
  body:has(#participantAccountBar) #marketSellerSection .dashboard-my-products,
  body:has(#participantAccountBar) #marketSellerSection .shop-product-form,
  body:has(#participantAccountBar) #marketSellerSection .shop-my-products {
    padding: 8px;
  }
}

/* v1.112.0: Gallery media playback has priority over sponsored surfaces. */
body.coxy-gallery-media-playing .commerce-ad-rail,
body.coxy-gallery-media-playing .commerce-mobile-commercials {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* V5.116: guarantee lightweight advert surfaces on every isolated Gallery page. */
html[data-gallery-page] .commerce-ad-rail {
  z-index: 34;
  pointer-events: none;
}
html[data-gallery-page] .commerce-ad-rail .commerce-ad-card {
  pointer-events: auto;
}
@media (min-width:1480px) {
  html[data-gallery-page] .commerce-ad-rail.has-ad {
    display: flex;
  }
}
body.gallery-secondary-menus-hidden .commerce-ad-rail {
  top: 160px;
  max-height: calc(100vh - 172px);
}


/* V5.120.0 — Gallery advert isolation.
   Gallery uses one rotating card per side; do not pin every cross-fade image in
   a GPU layer. The worker handles timing while these tiny opacity swaps remain
   compositor-friendly on the main thread. */
html[data-gallery-page] .commerce-ad-rail,
html[data-gallery-page] .commerce-ad-slot {
  contain: layout paint style;
}

html[data-gallery-page] .commerce-ad-card .commerce-ad-image {
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

html[data-gallery-page] .commerce-mobile-commercials {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (min-width: 1480px) {
  html[data-gallery-page] .commerce-ad-rail {
    gap: 0 !important;
  }

  html[data-gallery-page] .commerce-ad-slot {
    flex: 1 1 auto;
    width: 100%;
  }

  html[data-gallery-page] .commerce-ad-card {
    height: auto;
    max-height: min(54vh, 520px);
  }

  html[data-gallery-page] .commerce-ad-media {
    height: auto !important;
    min-height: 120px;
    max-height: min(44vh, 420px);
    aspect-ratio: var(--commerce-ad-aspect, 16 / 9);
  }
}


/* V5.121.0 — five lightweight adverts per Gallery desktop side rail.
   Each Gallery slot owns one image only; worker timers are staggered in ui.js. */
@media (min-width: 1480px) {
  html[data-gallery-page] .commerce-ad-rail {
    gap: 6px !important;
    overflow: hidden;
  }
  html[data-gallery-page] .commerce-ad-slot {
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 0;
  }
  html[data-gallery-page] .commerce-ad-card {
    height: auto !important;
    max-height: none !important;
    padding: 4px !important;
  }
  html[data-gallery-page] .commerce-ad-media {
    min-height: 0 !important;
    max-height: 108px !important;
    height: auto !important;
  }
  html[data-gallery-page] .commerce-ad-label,
  html[data-gallery-page] .commerce-ad-advertiser {
    font-size: 8px;
    line-height: 1.05;
  }
  body.gallery-header-menu-hidden .commerce-ad-rail {
    top: 150px;
    max-height: calc(100vh - 162px);
  }
}
@media (min-width: 1480px) and (max-height: 820px) {
  html[data-gallery-page] .commerce-ad-rail { gap: 4px !important; }
  html[data-gallery-page] .commerce-ad-media { max-height: 84px !important; }
  html[data-gallery-page] .commerce-ad-label,
  html[data-gallery-page] .commerce-ad-advertiser { font-size: 7.5px; }
}
@media (min-width: 1480px) and (max-height: 650px) {
  html[data-gallery-page] .commerce-ad-rail { gap: 3px !important; }
  html[data-gallery-page] .commerce-ad-media { max-height: 60px !important; }
  html[data-gallery-page] .commerce-ad-label,
  html[data-gallery-page] .commerce-ad-advertiser { font-size: 7px; }
}

/* V5.123.0 — public Event page: five fully visible, lightweight adverts per side. */
@media (min-width: 1480px) {
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail {
    top: var(--commerce-smooth-rail-top, 220px) !important;
    bottom: 10px !important;
    max-height: none !important;
    height: auto !important;
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    align-content: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    overflow: hidden !important;
    contain: layout paint style;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-slot {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card {
    display: flex;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 4px !important;
    overflow: hidden !important;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-media {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card .commerce-ad-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
    transition: none !important;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-label,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-advertiser {
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 7.5px;
    line-height: 1.05;
  }
}
@media (min-width: 1480px) and (max-height: 820px) {
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail {
    gap: 4px !important;
    bottom: 6px !important;
  }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card { padding: 3px !important; }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-label,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-advertiser { font-size: 7px; }
}
@media (min-width: 1480px) and (max-height: 650px) {
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail { gap: 3px !important; }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-advertiser { display: none; }
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-label { font-size: 6.5px; }
}

/* V5.127.0 - corrected uniform advert frames.
   V5.126 used an indefinite-height grid on Gallery rails, which could collapse
   the absolutely positioned advert image area. V5.127 gives both Gallery and
   View Event rails a definite top/bottom box before splitting it into five
   equal rows. Card padding is restored as a real 3px top/left/right inset. */
@media (min-width: 1480px) {
  html[data-gallery-page] .commerce-ad-rail.has-ad {
    top: 210px !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
    align-content: stretch !important;
  }
  body.gallery-header-menu-hidden .commerce-ad-rail.has-ad {
    top: 150px !important;
  }

  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail.has-ad {
    top: var(--commerce-smooth-rail-top, 220px) !important;
    bottom: 10px !important;
    height: auto !important;
    max-height: none !important;
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
    align-content: stretch !important;
  }

  html[data-gallery-page] .commerce-ad-slot,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-slot {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-gallery-page] .commerce-ad-card,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    padding: 3px 3px 2px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
  }

  html[data-gallery-page] .commerce-ad-media,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-media {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.72) !important;
  }

  html[data-gallery-page] .commerce-ad-card .commerce-ad-image,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card .commerce-ad-image {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 10px !important;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  html[data-gallery-page] .commerce-ad-card.is-ready .commerce-ad-image-single,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-card.is-ready .commerce-ad-image-single {
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-gallery-page] .commerce-ad-label,
  html[data-gallery-page] .commerce-ad-advertiser,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-label,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-advertiser {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (min-width: 1480px) and (max-height: 820px) {
  html[data-gallery-page] .commerce-ad-rail.has-ad,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail.has-ad {
    gap: 4px !important;
    bottom: 6px !important;
  }
}

@media (min-width: 1480px) and (max-height: 650px) {
  html[data-gallery-page] .commerce-ad-rail.has-ad,
  html[data-commerce-smooth-ads]:not([data-gallery-page]) .commerce-ad-rail.has-ad {
    gap: 3px !important;
    bottom: 4px !important;
  }
}

/* V5.128: tablet/mobile commercials keep the 10px radius while the actual
   advert image stays at natural width inside its existing card frame. */
.commerce-mobile-commercials .commerce-ad-card {
  padding: 3px 3px 2px !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}
.commerce-mobile-commercials .commerce-ad-media {
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
}
.commerce-mobile-commercials .commerce-ad-card .commerce-ad-image {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  border-radius: 10px !important;
  object-fit: contain !important;
}


/* V5.128.0 - natural-width advert images.
   Frames remain equal-sized; images are centered and never stretched to width:100%. */