/* Storefront layout: visual stories above a compact, truthful application catalog. */
.sai-wallet-page:has([data-sai-marketplace]){--marketplace-card:light-dark(#fff,#27231f);--marketplace-violet:light-dark(#eee7ff,#312944)}
.sai-marketplace-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px 20px}
.sai-marketplace-breadcrumb{display:flex;gap:12px;margin-bottom:18px;font-size:11px;color:var(--wallet-muted)}
.sai-marketplace-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.045em;margin:0 0 10px}
.sai-marketplace-heading p{margin:0;color:var(--wallet-muted);font-size:14px}
.sai-marketplace-wallet-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid var(--wallet-line);border-radius:99px;font-size:12px;font-weight:600;flex:none;background:var(--marketplace-card)}
.sai-marketplace-wallet-link svg{width:19px;height:19px;color:var(--wallet-accent)}
.sai-marketplace-navigation{margin-bottom:26px}.sai-marketplace-navigation nav{gap:32px}.sai-marketplace-navigation a{display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:48px}
.sai-marketplace-discover{position:relative;margin-bottom:44px}.sai-marketplace-feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/2.25);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 12px;scrollbar-width:none;overscroll-behavior-x:contain}
.sai-marketplace-feature-track::-webkit-scrollbar{display:none}.sai-marketplace-feature{position:relative;display:flex;flex-direction:column;min-width:0;min-height:420px;border:1px solid var(--wallet-line);border-radius:22px;overflow:hidden;scroll-snap-align:start;background:var(--marketplace-card);transition:box-shadow .2s ease}
.sai-marketplace-feature:hover{box-shadow:0 10px 30px light-dark(#68371918,#0004)}.sai-marketplace-feature:focus-visible{outline-offset:-4px!important}
.sai-marketplace-feature-art,.sai-marketplace-feature-media{position:relative;display:grid;place-items:center;height:225px;flex:none;isolation:isolate;overflow:hidden}
.sai-marketplace-feature-media{background:var(--wallet-soft)}.sai-marketplace-feature-media>img{width:100%;height:100%;object-fit:contain}.sai-marketplace-feature-media>span>svg{width:90px;height:90px;color:var(--wallet-accent)}
.sai-marketplace-feature-copy{position:relative;display:flex;flex-direction:column;flex:1;padding:24px}.sai-marketplace-feature-copy h2{font-size:clamp(21px,2.2vw,29px);line-height:1.2;letter-spacing:-.04em;margin:0 0 18px;font-weight:650;max-width:380px}.sai-marketplace-feature-copy>p:not(.sai-marketplace-feature-kicker){font-size:13px;line-height:1.6;margin:0 0 18px;color:var(--wallet-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sai-marketplace-feature-kicker{font-size:10px;letter-spacing:.04em;font-weight:650;margin:0 0 10px;text-transform:uppercase}
.sai-marketplace-feature-bottom{display:flex;align-items:center;gap:12px;margin-top:auto}.sai-marketplace-feature-bottom>img,.sai-marketplace-feature-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:12px;flex:none;background:#ffffff18;object-fit:contain}.sai-marketplace-feature-symbol svg{width:22px;height:22px}.sai-marketplace-feature-bottom>span:not(.sai-marketplace-feature-symbol){display:flex;flex-direction:column;gap:3px;min-width:0}.sai-marketplace-feature-bottom strong{font-size:12px;font-weight:650}.sai-marketplace-feature-bottom small{font-size:10px;line-height:1.5;opacity:.8}.sai-marketplace-feature-bottom b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:99px;font-size:10px;line-height:1.3;font-weight:600;flex:none;margin-inline-start:auto}.sai-marketplace-feature-bottom b svg{width:15px;height:15px}
.sai-marketplace-feature--wallet{background:light-dark(#ffdfc2,#4b2b18);color:light-dark(#4b200d,#ffe1c5)}.sai-marketplace-feature--wallet .sai-marketplace-feature-art{background:radial-gradient(ellipse at 50% 80%,#ffb16d,transparent 70%),linear-gradient(135deg,#ffc590,#ffe7ce)}
.sai-marketplace-orbit{position:absolute;width:320px;height:170px;border:1px solid #fff9;border-radius:50%;transform:rotate(-18deg)}.sai-marketplace-orbit:after{content:"";position:absolute;inset:-25px;border:1px solid #fff6;border-radius:50%}
.sai-marketplace-art-wallet{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:150px;height:108px;padding:18px;border:1px solid #ffca96;border-radius:17px;background:linear-gradient(135deg,#44220c,#8a461a);color:#ffddbd;box-shadow:18px 22px 0 #ad591b1c,0 20px 50px #9e4e1844;transform:rotate(-10deg)}.sai-marketplace-art-wallet svg{width:40px;height:40px}.sai-marketplace-art-wallet i{font-style:normal;font-size:15px;font-weight:650;letter-spacing:-.04em}
.sai-marketplace-art-app{position:absolute;display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#fff9;backdrop-filter:blur(10px);color:#8b410e;border:1px solid #fffc;box-shadow:0 12px 30px #5e290d16}.sai-marketplace-art-app svg{width:27px;height:27px}.sai-marketplace-art-app--one{inset-inline-start:18%;top:40px;transform:rotate(-12deg)}.sai-marketplace-art-app--two{inset-inline-end:13%;bottom:30px;transform:rotate(12deg)}
.sai-marketplace-feature--builders{background:light-dark(#eae3fc,#312944);color:light-dark(#362154,#eee4ff)}.sai-marketplace-feature--builders .sai-marketplace-feature-art{background:radial-gradient(ellipse at 30% 85%,#bca0f0,transparent 65%),linear-gradient(130deg,#e9dfff,#d0bcf0)}
.sai-marketplace-art-window{position:relative;width:190px;height:135px;padding:12px 16px;background:#fffc;border:1px solid #fff;border-radius:14px;transform:rotate(-7deg);box-shadow:16px 15px 0 #8961bb22,0 20px 60px #6e4c9e33;color:#66438b}.sai-marketplace-art-window>span{display:flex;gap:4px;padding-bottom:14px}.sai-marketplace-art-window i{width:5px;height:5px;border-radius:50%;background:#b49acb}.sai-marketplace-art-window b{font-size:28px;line-height:1}.sai-marketplace-art-window em{font-style:normal;position:absolute;inset-inline-end:16px;top:50px;font-size:12px;font-weight:650}.sai-marketplace-art-window>div{height:6px;border-radius:6px;background:#e9ddf5;margin-top:10px}.sai-marketplace-art-window>div:last-child{width:65%}.sai-marketplace-art-app--connect{inset-inline-end:14%;bottom:25px;color:#68418b;transform:rotate(10deg)}
.sai-marketplace-carousel-controls{position:absolute;inset-inline-end:-18px;top:190px;display:flex;gap:8px}.sai-marketplace-carousel-controls[hidden]{display:none}.sai-marketplace-carousel-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--wallet-line);border-radius:50%;background:var(--marketplace-card);color:var(--wallet-ink);box-shadow:0 4px 14px #0001;cursor:pointer}.sai-marketplace-carousel-controls button:disabled{display:none}.sai-marketplace-carousel-controls [data-carousel-prev] svg{transform:rotate(180deg)}
.sai-wallet-catalog{padding-bottom:44px}.sai-wallet-catalog-heading h2{font-size:25px;letter-spacing:-.035em}.sai-wallet-filters{margin-bottom:32px;grid-template-columns:minmax(0,1fr) 210px auto;gap:14px;align-items:end}.sai-wallet-filters label>span:first-child{font-size:11px}.sai-wallet-search>span:last-child{background:var(--marketplace-card)}.sai-wallet-filters select{background:var(--marketplace-card)}
.sai-wallet-app-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px 20px}.sai-wallet-page .sai-marketplace-app-tile{border:0;border-radius:0;background:transparent;overflow:visible;min-width:0}.sai-marketplace-app-tile>a{display:flex;flex-direction:column;align-items:flex-start;gap:0;height:100%;border-radius:14px;padding:6px;transition:background .2s}.sai-marketplace-app-tile>a:hover{background:var(--wallet-soft)}.sai-marketplace-app-icon{display:grid;place-items:center;width:min(100%,112px);height:auto;aspect-ratio:1;border-radius:24px;object-fit:contain;border:1px solid var(--wallet-line);background:var(--marketplace-card);box-shadow:0 3px 7px #0000000a;margin-bottom:14px}.sai-marketplace-app-monogram{background:linear-gradient(135deg,var(--wallet-soft),var(--marketplace-card));color:var(--wallet-accent);font-size:38px;font-weight:650}.sai-marketplace-app-tile h3{font-size:14px;line-height:1.5;letter-spacing:-.02em;margin:0 0 3px;font-weight:600;overflow-wrap:anywhere}.sai-marketplace-app-tile p{font-size:11px;line-height:1.6;color:var(--wallet-muted);margin:0 0 5px}.sai-marketplace-app-use{font-size:10px;line-height:1.5;color:var(--wallet-muted)}
.sai-wallet-empty{border-style:solid;align-items:flex-start;text-align:start;padding:32px;background:var(--marketplace-card)}.sai-wallet-empty>.sai-wallet-icon{width:48px;height:48px;margin-bottom:18px}.sai-wallet-empty>.sai-wallet-icon svg{width:24px;height:24px}.sai-wallet-empty h3{font-size:24px}.sai-wallet-empty>p{max-width:640px;margin-bottom:20px}.sai-marketplace-builder-invite{margin-top:40px;padding-top:30px}.sai-marketplace-builder-invite h2{font-size:23px}

@media(max-width:1080px){.sai-wallet-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sai-marketplace-feature-track{grid-auto-columns:calc((100% - 24px)/1.8)}}
@media(max-width:760px){.sai-marketplace-heading{align-items:flex-start;gap:16px;padding-block:24px 14px}.sai-marketplace-wallet-link{padding:10px;min-height:42px}.sai-marketplace-wallet-link>span,.sai-marketplace-wallet-link>svg:last-child{display:none}.sai-marketplace-heading h1{font-size:28px}.sai-marketplace-heading p{font-size:12px;max-width:270px}.sai-marketplace-feature-track{grid-auto-columns:86%;gap:16px}.sai-marketplace-feature{min-height:398px}.sai-marketplace-feature-art,.sai-marketplace-feature-media{height:205px}.sai-marketplace-feature-copy{padding:20px}.sai-marketplace-feature-copy h2{font-size:25px}.sai-marketplace-feature-bottom{gap:9px}.sai-marketplace-feature-bottom b{font-size:9px;padding:7px 9px}.sai-marketplace-feature-bottom small{font-size:9px}.sai-marketplace-feature-bottom>img,.sai-marketplace-feature-symbol{width:36px;height:36px;border-radius:10px}.sai-marketplace-carousel-controls{inset-inline-end:-10px;top:175px}.sai-wallet-filters{grid-template-columns:minmax(0,1fr) auto}.sai-wallet-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.sai-wallet-catalog-heading{flex-direction:row;align-items:center}.sai-wallet-catalog-heading h2{font-size:23px}.sai-wallet-empty{padding:24px}}
@media(max-width:440px){.sai-marketplace-feature-track{grid-auto-columns:94%}.sai-marketplace-feature-copy h2{font-size:23px}.sai-marketplace-feature-bottom b svg{display:none}.sai-wallet-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sai-wallet-filters{grid-template-columns:1fr}.sai-marketplace-heading h1{font-size:26px}.sai-marketplace-feature-art,.sai-marketplace-feature-media{height:185px}.sai-marketplace-feature{min-height:386px}.sai-marketplace-feature-bottom small{max-width:120px}}
@media(prefers-reduced-motion:reduce){.sai-marketplace-feature,.sai-marketplace-app-tile>a{transition:none}}

.sai-marketplace-feature-track:focus-visible{outline:3px solid var(--wallet-accent);outline-offset:3px}.sai-marketplace-feature--prosumer{background:light-dark(#e0f1eb,#19372f);color:light-dark(#1b4337,#ddf6ea)}.sai-marketplace-feature--prosumer .sai-marketplace-feature-art{background:radial-gradient(ellipse at 50% 80%,#a3cfc0,transparent 70%),linear-gradient(135deg,#e4f6eb,#badcd1)}.sai-marketplace-art-server{position:relative;display:flex;flex-direction:column;gap:10px;width:140px;padding:16px;border-radius:16px;background:#234b3d;box-shadow:16px 18px 0 #326b4a22,0 18px 40px #23524144;transform:rotate(-8deg);color:#e3f6e6}.sai-marketplace-art-server>svg{width:40px;height:40px}.sai-marketplace-art-server>span{font-size:13px;font-weight:650}.sai-marketplace-art-server>i{height:10px;border:1px solid #8dbda6;border-radius:3px;background:#ffffff0c}.sai-marketplace-feature--prosumer .sai-marketplace-art-app{color:#28573e}

[dir="rtl"] .sai-marketplace-carousel-controls [data-carousel-prev] svg{transform:none}[dir="rtl"] .sai-marketplace-carousel-controls [data-carousel-next] svg{transform:rotate(180deg)}
