/* NIXBOT marketplace — structure copied from the existing NIXBOT blog/community
   src/components/public/content/blog-home.html and community-home.html.
   Original Printful CSS utilities/cards and archived Uiverse component declarations
   remain authoritative; this file supplies only page positioning and responsive states. */
.nixbot-master-marketplace{max-width:1370px;min-width:0}
.nixbot-master-marketplace .nixbot-marketplace-hero.nixbot-public-hero{
 position:relative;isolation:isolate;overflow:hidden;min-height:450px;display:flex;align-items:center;
 background:#0a0d12;color:#fff;border-radius:10px
}
.nixbot-marketplace-hero .nixbot-public-hero__media{position:absolute;inset:0;z-index:-2}
.nixbot-marketplace-hero .nixbot-public-hero__media::after{display:none}
.nixbot-marketplace-hero .nixbot-public-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.nixbot-marketplace-hero__tint{
 position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,12,21,.93) 0%,rgba(5,12,21,.79) 45%,rgba(5,12,21,.29) 100%)
}
html[data-theme=dark] .nixbot-marketplace-hero__tint{
 background:linear-gradient(90deg,rgba(3,7,13,.97) 0%,rgba(3,7,13,.88) 53%,rgba(3,7,13,.36) 100%)
}
.nixbot-marketplace-hero__inner{position:relative;width:100%;padding:clamp(40px,5vw,76px);z-index:1}
.nixbot-marketplace-hero .nixbot-public-hero__content{padding:0;max-width:710px}
.nixbot-marketplace-hero h2{color:#fff!important;font-size:clamp(30px,3.6vw,52px);line-height:1.07;letter-spacing:-.03em}
.nixbot-marketplace-hero .nixbot-public-hero__eyebrow{color:#96f8f9!important;font-size:12px;letter-spacing:.12em;margin-bottom:16px}
.nixbot-marketplace-hero .pf-ui-subheading{color:#eaf1f4!important;max-width:660px;line-height:1.6}
.nixbot-marketplace-hero__actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.nixbot-marketplace-hero__actions>.pf-btn{flex:0 1 auto}
.nixbot-marketplace-hero .pf-btn-outline-white{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(0,0,0,.2)}
/* The original satyamchaudharydev animated search form is deliberately not
   resized, re-bordered, or restyled. Its @scope root is a separate wrapper. */
.nixbot-master-marketplace .nixbot-marketplace-searchbar{
 box-sizing:border-box;max-width:900px;margin:-26px auto 42px;position:relative;z-index:4;
 display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;
 padding:14px 20px;
}
.nixbot-marketplace-searchbar__form{flex:0 0 auto;max-width:100%}
.nixbot-marketplace-searchbar__form .form{max-width:100%}
.nixbot-marketplace-searchbar .pf-ui-caption{flex:1 1 230px;max-width:450px}
.nixbot-master-invite-trigger{display:inline-flex;max-width:100%;justify-content:center}
.nixbot-master-invite-trigger .btn-wrapper{max-width:100%}
.nixbot-market-invite-modal .nixbot-master-modal__dialog{max-width:560px}
.nixbot-market-invite-modal .nixbot-invite-input .form{max-width:100%}
.nixbot-marketplace-searchbar .pf-ui-caption{font-size:12px;line-height:1.45}
.nixbot-marketplace-view-options{align-items:center;flex-wrap:wrap;max-width:100%}
.nixbot-marketplace-view-options [data-market-list-toggle]{cursor:pointer}
.nixbot-market-shelf__head{max-width:100%;text-align:left;margin:0 0 20px}
.nixbot-market-shelf__head p{font-size:14px;line-height:1.5}
.nixbot-market-shelf__actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nixbot-market-shelf__actions .pf-btn{min-height:40px}
.nixbot-master-marketplace .nixbot-market-shelf__track.nixbot-printful-catalog{
 width:100%;display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:20px;
 margin:0;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;
 scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:2px;
 padding:0 2px 18px;
 -webkit-overflow-scrolling:touch;
}
.nixbot-market-shelf__track>.nixbot-printful-master-card{
 flex:0 0 clamp(214px,30%,275px);min-width:0;scroll-snap-align:start;
}
.nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;
 scroll-snap-type:none;row-gap:30px;column-gap:20px
}
.nixbot-market-shelf__track.is-expanded>.nixbot-printful-master-card{width:auto;flex:unset}
.nixbot-marketplace-shelves.is-list .nixbot-market-shelf__track.is-expanded{
 grid-template-columns:1fr
}
.nixbot-marketplace-shelves.is-list .nixbot-market-shelf__track.is-expanded>.nixbot-printful-master-card{
 display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);column-gap:20px;
 padding:12px;border:1px solid var(--nx-line,#e3e5e8);border-radius:6px
}
.nixbot-marketplace-shelves.is-list .nixbot-market-shelf__track.is-expanded .catalog-product-card__image{margin:0!important}
.nixbot-master-marketplace .nixbot-master-card-save{display:flex;justify-content:flex-start}
.nixbot-master-marketplace .nixbot-master-card-save .bookmarkBtn{max-width:100%}
.nixbot-master-marketplace .nixbot-marketplace-learning{
 padding:32px;border:1px solid var(--nx-line,#e3e5e8);border-radius:10px;
 background:var(--nx-light,#f8f8f8)
}
.nixbot-marketplace-learning .nixbot-public-section__head{text-align:left;max-width:none;margin:0 0 22px}
.nixbot-marketplace-learning .nixbot-public-section__head p{font-size:15px}
.nixbot-marketplace-learning [data-uiverse-component="Yaya12085/quiet-bear-76"]{width:min(100%,540px);max-width:100%}
.nixbot-marketplace-learning [data-uiverse-component="Yaya12085/quiet-bear-76"] .title{overflow-wrap:anywhere}
html[data-theme=dark] .nixbot-marketplace-searchbar{color:#eaf1f4;box-shadow:0 14px 36px rgba(0,0,0,.25)}
html[data-theme=dark] .nixbot-marketplace-learning [data-uiverse-component="Yaya12085/quiet-bear-76"]{
 background:#f8fafc
}
html[data-theme=dark] .nixbot-master-marketplace .nixbot-marketplace-learning{background:var(--nx-light,#202833)}
@media(max-width:1050px){
 .nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .nixbot-master-marketplace .nixbot-marketplace-hero{min-height:420px}
 .nixbot-market-shelf__track>.nixbot-printful-master-card{flex-basis:clamp(205px,42%,275px)}
 .nixbot-marketplace-searchbar__form{flex-basis:100%}
}
@media(max-width:600px){
 .nixbot-marketplace-hero__inner{padding:38px 24px}
 .nixbot-master-marketplace .nixbot-marketplace-hero.nixbot-public-hero{min-height:440px}
 .nixbot-marketplace-hero__tint,html[data-theme=dark] .nixbot-marketplace-hero__tint{
  background:linear-gradient(90deg,rgba(4,10,18,.91),rgba(4,10,18,.78))
 }
 .nixbot-marketplace-hero__actions{gap:8px;align-items:stretch}
 .nixbot-master-marketplace .nixbot-marketplace-searchbar{
  width:100%;margin-top:-12px;padding:12px
 }
 .nixbot-market-shelf__head{gap:14px}
 .nixbot-market-shelf__actions{justify-content:flex-start}
 .nixbot-market-shelf__track>.nixbot-printful-master-card{flex:0 0 min(75vw,260px)}
 .nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .nixbot-marketplace-shelves.is-list .nixbot-market-shelf__track.is-expanded>.nixbot-printful-master-card{
   grid-template-columns:90px minmax(0,1fr);gap:12px
 }
 .nixbot-master-marketplace .nixbot-marketplace-learning{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 .nixbot-master-marketplace .nixbot-market-shelf__track{scroll-behavior:auto!important}
}

/* Preserve the original Uiverse switch visuals while making its checkbox keyboard-reachable. */
.nixbot-master-marketplace [data-uiverse-component="Galahhad/heavy-dog-14"] input{
 display:block!important;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none
}
.nixbot-master-marketplace [data-uiverse-component="Galahhad/heavy-dog-14"]:focus-within .slider{
 outline:2px solid #00dde3;outline-offset:4px
}

/* 2026-10-17 — source-first master carousel as real slide-by-slide cards.
   Actual renderer creates .nixbot-market-master, not .nixbot-printful-master-card:
   old basis rules missed the real cards, so flexbox shrank/overlapped them. */
.nixbot-master-marketplace .nixbot-market-shelf__track.nixbot-printful-catalog:not(.is-expanded){
 display:flex!important;flex-flow:row nowrap!important;align-items:stretch;
 gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
 scroll-padding-inline:2px;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
}
.nixbot-master-marketplace .nixbot-market-shelf__track:not(.is-expanded)>.nixbot-market-master{
 flex:0 0 214px!important;width:214px;max-width:214px;min-width:214px;
 scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;
}
.nixbot-master-marketplace .nixbot-market-shelf__track>.nixbot-market-master .nixbot-market-uiverse,
.nixbot-master-marketplace .nixbot-market-shelf__track>.nixbot-market-master .nixbot-master-card-quick{
 max-width:100%;box-sizing:border-box;
}
.nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded>.nixbot-market-master{
 width:auto;min-width:0;max-width:100%;box-sizing:border-box;
}
.nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;
 align-items:start;overflow:visible;scroll-snap-type:none;
}
.nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded>.nixbot-market-master{
 justify-self:center;
}
.nixbot-master-marketplace .nixbot-market-shelf__track .nixbot-market-uiverse .card-image img{
 display:block;width:100%;height:100%;object-fit:cover;
}
.nixbot-master-marketplace .nixbot-market-shelf__track .nixbot-master-card-initial{
 display:grid;place-items:center;width:100%;height:100%;font-size:46px;font-weight:700;
}
@media(max-width:850px){
 .nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .nixbot-master-marketplace .nixbot-market-shelf__track:not(.is-expanded)>.nixbot-market-master{
  flex-basis:214px!important;width:214px;max-width:min(214px,85vw);min-width:min(214px,85vw);
 }
 .nixbot-master-marketplace .nixbot-market-shelf__track.is-expanded{grid-template-columns:repeat(1,minmax(0,1fr))}
}

/* Category choices enter from below on mobile; reduced motion remains immediate. */
@media(max-width:767px){
 .nixbot-market-category-grid .nixbot-market-category{animation:nixbot-category-slide-up .5s ease-out both}
 .nixbot-market-category-grid .nixbot-market-category:nth-child(2){animation-delay:.08s}
 .nixbot-market-category-grid .nixbot-market-category:nth-child(3){animation-delay:.16s}
}
@keyframes nixbot-category-slide-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nixbot-market-category-grid .nixbot-market-category{animation:none!important}}