:root{--bg:#080b12;--panel:#111722;--panel2:#161d2a;--text:#f8f9fc;--muted:#8f9aab;--line:rgba(255,255,255,.08);--accent:#745bff;--accent2:#a466ff;--green:#38d9a9;--gold:#ffc857}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(116,91,255,.12),transparent 28%),radial-gradient(circle at 92% 28%,rgba(80,215,255,.06),transparent 26%),linear-gradient(180deg,#080b12,#0a0e16 48%,#080b12)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{position:sticky;top:0;z-index:2000;min-height:72px;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:22px;padding:12px 5%;background:rgba(8,11,18,.86);border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.brand-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#9c68ff,#7151ff);font-size:14px;font-weight:950;box-shadow:0 10px 26px rgba(116,91,255,.24)}.brand-text{font-size:22px;font-weight:950;letter-spacing:-1px}.header-search{height:46px;display:flex;align-items:center;gap:10px;max-width:650px;width:100%;justify-self:center;padding:0 15px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}.header-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.header-link{padding:10px 9px;color:#9da7b7;text-decoration:none;font-size:13px;font-weight:700}.icon-button,.account-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:800}.icon-button{position:relative;padding:9px 12px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff}.account-button{padding:10px 15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#8e64ff,#6953ff);color:#fff;box-shadow:0 9px 25px rgba(116,91,255,.2)}#cartCount{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#fff;color:#151726;font-size:10px}
.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:78px 7% 92px}.hero-copy{max-width:680px}.hero-badge,.eyebrow{color:#9e8bff;font-size:11px;font-weight:950;letter-spacing:1.7px}.hero-badge{display:inline-flex;padding:8px 11px;border:1px solid rgba(116,91,255,.2);border-radius:999px;background:rgba(116,91,255,.06)}.hero h1{margin:18px 0 20px;font-size:clamp(48px,6vw,78px);line-height:1.01;letter-spacing:-3px;font-weight:950}.hero h1 span{display:block;background:linear-gradient(90deg,#8f78ff,#a965ff,#d074ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{max-width:620px;margin:0;color:#a1aabd;font-size:18px;line-height:1.7}.hero-search{width:min(640px,100%);min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:30px;padding:6px 7px 6px 17px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.045)}.hero-search input{min-width:0;height:44px;border:0;outline:0;background:transparent;color:#fff}.hero-search button{height:46px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(135deg,#9468ff,#6e56ff);color:#fff;font-weight:900}.hero-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-quick-links button{padding:9px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);color:#a7b0c1;font-size:12px;font-weight:700}.hero-visual{position:relative;min-height:500px}.market-preview{position:absolute;inset:20px 0 20px 28px;padding:24px;border:1px solid rgba(116,91,255,.22);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(116,91,255,.14),transparent 32%),linear-gradient(145deg,rgba(20,26,41,.98),rgba(11,15,25,.99));box-shadow:0 38px 90px rgba(0,0,0,.4),0 0 48px rgba(116,91,255,.08);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.preview-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.preview-head small{display:block;color:#766a9e;font-size:9px}.preview-head strong{font-size:18px}.preview-head span{padding:6px 9px;border-radius:999px;color:#5ce0b7;background:rgba(56,217,169,.07);font-size:9px}.preview-feature{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:18px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:rgba(255,255,255,.025)}.preview-big{height:160px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#151c29;font-size:72px}.preview-feature h3{margin:8px 0 14px;font-size:23px}.preview-feature del{margin-left:7px;color:#657084;font-size:12px}.preview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-row>div{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}.preview-row b{font-size:10px}.preview-row small{grid-column:2;color:#9a7fff}.floating-chip{position:absolute;z-index:3;padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(17,23,34,.94);font-size:11px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.28);animation:floatChip 5.5s ease-in-out infinite}.chip-one{left:0;top:70px;color:#ffd06c}.chip-two{right:-14px;top:130px;animation-delay:-2s;color:#ffc857}@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.section{padding:82px 7%}.section-tight{padding-top:40px}.section-heading{max-width:1180px;margin:0 auto 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading h2{margin:7px 0 0;font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px}.section-heading p{max-width:620px;margin:10px 0 0;color:var(--muted)}.text-link{color:#a595ff;text-decoration:none;font-size:13px;font-weight:800}.category-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:20px;text-align:left;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(20,26,40,.8),rgba(12,16,25,.9));color:#fff;transition:.18s}.category-card:hover,.category-card.active{transform:translateY(-3px);border-color:rgba(116,91,255,.32);box-shadow:0 18px 40px rgba(0,0,0,.22)}.category-card>span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:7px;border-radius:13px;background:rgba(116,91,255,.09);font-size:22px}.category-card small{color:#768194;font-size:11px}.store-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.store-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(145deg,rgba(19,25,38,.86),rgba(11,15,24,.94))}.store-logo{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:17px;font-weight:950}.store-logo.tech{background:linear-gradient(135deg,#755fff,#3e9dff)}.store-logo.urban{background:linear-gradient(135deg,#ff7f78,#b05cff)}.store-logo.home{background:linear-gradient(135deg,#38d9a9,#32a4e8)}.store-card h3{margin:0 0 7px}.store-card p{margin:0 0 11px;color:#8792a5;font-size:13px}.store-card small{color:#a5afbf}.store-card button{grid-column:1/-1;min-height:42px;border:1px solid rgba(116,91,255,.18);border-radius:11px;background:rgba(116,91,255,.06);color:#dcd5ff;font-weight:850}.catalog-section{background:rgba(255,255,255,.012);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.catalog-section select{min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#101622;color:#fff}.catalog-toolbar{max-width:1180px;margin:0 auto 18px;display:flex;justify-content:space-between;gap:16px;color:#c7c0ff;font-size:12px}.catalog-toolbar button{border:0;background:transparent;color:#7f8a9d}.product-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(145deg,rgba(19,25,38,.9),rgba(11,15,24,.98));transition:.18s}.product-card:hover{transform:translateY(-4px);border-color:rgba(116,91,255,.24);box-shadow:0 24px 50px rgba(0,0,0,.26)}.product-image{position:relative;height:210px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(116,91,255,.12),transparent 38%),linear-gradient(145deg,#181f2d,#111722);font-size:76px}.product-badge{position:absolute;top:13px;left:13px;padding:6px 8px;border-radius:8px;background:#745bff;font-size:9px;font-weight:950}.favorite-button{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(10,14,23,.74);color:#fff}.product-body{flex:1;display:flex;flex-direction:column;padding:17px}.product-store{color:#7f8a9d;font-size:10px;font-weight:800}.product-title{margin:6px 0 7px;font-size:16px}.product-rating,.rating{color:#ffc857;font-size:11px}.product-description{min-height:42px;margin:10px 0;color:#818c9e;font-size:12px;line-height:1.55}.product-price-row{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:10px}.product-price{font-size:21px;font-weight:950}.product-old-price{margin-left:6px;color:#5f6a7b;font-size:11px;text-decoration:line-through}.product-stock{color:#55d9b3;font-size:9px}.product-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.add-cart-button,.quick-view-button{min-height:42px;border-radius:11px;font-weight:900}.add-cart-button{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,#8d64ff,#6953ff);color:#fff}.quick-view-button{min-width:44px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff}
.benefit-section{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:55px 0}.benefit-section>div{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:23px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:rgba(255,255,255,.018)}.benefit-section>div>span{grid-row:1/3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(116,91,255,.07)}.benefit-section p{margin:0;color:#7c879a;font-size:12px}.cart-overlay{position:fixed;inset:0;z-index:5000;opacity:0;visibility:hidden;background:rgba(3,5,10,.68);backdrop-filter:blur(6px);transition:.22s}.cart-overlay.active{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:5100;width:min(430px,100%);display:flex;flex-direction:column;padding:24px;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111722,#0a0e16);box-shadow:-30px 0 80px rgba(0,0,0,.42);transform:translateX(105%);transition:.25s}.cart-drawer.active{transform:translateX(0)}.cart-header{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}.cart-header h2{margin:5px 0 0}.close-circle{width:39px;height:39px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.035);color:#fff}.cart-items{flex:1;overflow-y:auto;padding:16px 0}.empty-cart{text-align:center;padding:50px 15px;color:#808b9e}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.cart-item-image{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#171e2b;font-size:28px}.cart-item h4{margin:2px 0 5px;font-size:13px}.cart-item small{color:#7f8a9d}.cart-item-controls{display:flex;align-items:center;gap:6px;margin-top:8px}.cart-item-controls button{width:26px;height:26px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03);color:#fff}.cart-item-price{font-size:13px;font-weight:900}.cart-summary{padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:12px;color:#8e99aa}.cart-total{padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}.cart-total b{font-size:21px}.checkout-button{width:100%;min-height:50px;margin-top:8px;border:0;border-radius:13px;background:linear-gradient(135deg,#8f65ff,#6853ff);color:#fff;font-weight:950}
.product-modal{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;background:rgba(3,5,10,.78);backdrop-filter:blur(10px);transition:.22s}.product-modal.active{opacity:1;visibility:visible}.product-modal-card{position:relative;width:min(860px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:#111722;box-shadow:0 24px 70px rgba(0,0,0,.42)}.product-modal-close{position:absolute;top:16px;right:16px}.product-modal-image{min-height:360px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#171f2d;font-size:120px}.product-modal-copy{display:flex;flex-direction:column;justify-content:center}.product-modal-copy h2{margin:8px 0;font-size:34px}.product-modal-copy p{color:#909bad;line-height:1.7}.product-modal-price{font-size:32px;font-weight:950}.product-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:22px}.secondary-shop-button,.primary-shop-button{min-height:50px;border-radius:12px;font-weight:900}.secondary-shop-button{border:1px solid rgba(116,91,255,.22);background:rgba(116,91,255,.07);color:#ddd7ff}.primary-shop-button{border:0;background:linear-gradient(135deg,#8f65ff,#6853ff);color:#fff}
.modal{display:none;position:fixed;inset:0;z-index:7000;align-items:center;justify-content:center;padding:18px;background:rgba(3,5,10,.8);backdrop-filter:blur(12px);overflow-y:auto}.modal-content{position:relative;width:100%;max-width:520px;margin:auto;padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:#111722;box-shadow:0 24px 70px rgba(0,0,0,.42)}.dashboard-modal{max-width:650px}.modal-close{position:absolute;top:15px;right:15px;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.035);color:#fff}.modal-content>p{color:#8f9aac}.modal-content input,.modal-content select{width:100%;margin:8px 0 14px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;outline:0;background:#0c111a;color:#fff}.modal-content label{display:block;margin-top:6px;color:#b1b9c7;font-size:13px}.modal-buttons{display:flex;flex-direction:column;gap:9px}.login-submit,.secondary-btn{min-height:46px;border-radius:11px;font-weight:900}.login-submit{border:0;background:linear-gradient(135deg,#8f65ff,#6853ff);color:#fff}.secondary-btn{border:1px solid rgba(116,91,255,.18);background:rgba(116,91,255,.06);color:#ddd7ff}.form-message{min-height:20px;color:#ffc857;text-align:center;font-size:12px}.dashboard-header span{color:#8792a4}.dashboard-header h2{margin:5px 0 0}.dashboard-balance{margin:22px 0;padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(255,255,255,.025)}.dashboard-balance span{display:block;color:#8994a5}.dashboard-balance strong{font-size:34px}.dashboard-menu{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dashboard-menu button{min-height:44px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);color:#fff}.dashboard-menu .logout-btn{grid-column:1/-1;color:#ffb1bf}.legacy-hidden{display:none!important}.statistics-list>div{display:flex;justify-content:space-between;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:11px;margin-bottom:10px}.footer{padding:48px 7% 28px;display:grid;grid-template-columns:1fr auto;gap:30px;border-top:1px solid rgba(255,255,255,.045);background:#070a10}.footer p{color:#6d7889}.footer-links{display:flex;gap:18px}.footer-links a{color:#8792a3;text-decoration:none;font-size:12px}.footer>small{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.04);color:#596474}
@media(max-width:1100px){.header-link{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr;gap:30px;padding-left:5%;padding-right:5%}}@media(max-width:850px){.header-search{display:none}.site-header{grid-template-columns:auto 1fr}.header-actions{justify-self:end}.button-label{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center;max-width:none}.hero-search{margin-left:auto;margin-right:auto}.hero-quick-links{justify-content:center}.hero-visual{min-height:470px}.market-preview{inset:20px 5%;transform:none}.store-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.benefit-section{grid-template-columns:1fr;padding-left:5%;padding-right:5%}.product-modal-card{grid-template-columns:1fr;max-height:92vh;overflow-y:auto}.product-modal-image{min-height:260px}}@media(max-width:650px){.site-header{min-height:64px;padding:10px 12px}.brand-mark{width:34px;height:34px}.brand-text{font-size:19px}.account-button{padding:9px 10px;font-size:11px}.icon-button{width:42px;padding:0}#cartCount{position:absolute;top:-5px;right:-6px}.hero{padding:48px 16px 60px}.hero h1{font-size:clamp(39px,11vw,52px);letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-search{grid-template-columns:auto 1fr;height:auto;padding:8px 10px 8px 14px}.hero-search button{grid-column:1/-1;width:100%}.hero-visual{min-height:420px}.market-preview{inset:15px 0;padding:16px;border-radius:22px}.preview-feature{grid-template-columns:100px 1fr}.preview-big{height:135px;font-size:55px}.preview-feature h3{font-size:18px}.preview-row{grid-template-columns:1fr}.preview-row>div:nth-child(3){display:none}.floating-chip{display:none}.section{padding:62px 16px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:160px;font-size:58px}.product-body{padding:13px}.product-title{font-size:14px}.product-description{display:none}.product-price{font-size:18px}.product-stock{display:none}.product-modal{padding:10px}.product-modal-card{padding:18px;gap:18px}.product-modal-image{min-height:220px;font-size:85px}.product-modal-copy h2{font-size:26px}.product-modal-actions{grid-template-columns:1fr}.modal{padding:10px}.modal-content{max-height:94vh;overflow-y:auto;padding:24px 17px}.dashboard-menu{grid-template-columns:1fr}.dashboard-menu .logout-btn{grid-column:auto}.footer{padding-left:16px;padding-right:16px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>small{grid-column:1}}@media(max-width:390px){.brand-text{display:none}.account-button{font-size:0;width:42px;padding:0}.product-grid{grid-template-columns:1fr}.product-image{height:210px}.category-grid{grid-template-columns:1fr 1fr}}
/* =========================================================
   AI MARKET — STORE SHOWCASE
   Mobile premium design
========================================================= */

.store-showcase {
    position: relative;
    overflow: hidden;
    margin: 22px 0;
    padding: 22px;
    border-radius: 30px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(124, 92, 255, .20),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(24, 27, 42, .98),
            rgba(12, 15, 25, .98)
        );

    border: 1px solid rgba(255,255,255,.09);

    box-shadow:
        0 24px 60px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.04);
}


/* ---------- STORE HEADER ---------- */

.store-showcase-head {
    display: flex;
    align-items: center;
    gap: 18px;
}


.store-showcase-logo {
    width: 82px;
    height: 82px;
    flex: 0 0 82px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 25px;

    overflow: hidden;

    font-size: 25px;
    font-weight: 900;

    color: white;

    background:
        linear-gradient(
            135deg,
            #795cff,
            #24d6ff
        );

    box-shadow:
        0 12px 35px rgba(88,90,255,.28),
        inset 0 1px 0 rgba(255,255,255,.25);
}


.store-showcase-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.store-showcase-logo span {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}


.store-showcase-info {
    min-width: 0;
    flex: 1;
}


.store-showcase-title {
    display: flex;
    align-items: center;
    gap: 8px;
}


.store-showcase-title h3 {
    margin: 0;

    font-size: clamp(20px, 4vw, 28px);
    line-height: 1.15;

    color: #f7f9ff;
}


.store-showcase-title span {
    color: #43e7b3;
    font-size: 21px;
}


.store-showcase-info p {
    margin: 9px 0 0;

    color: #8f98aa;

    font-size: 14px;
    line-height: 1.55;
}


/* ---------- META ---------- */

.store-showcase-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-top: 13px;
}


.store-showcase-meta span {
    display: inline-flex;
    align-items: center;

    min-height: 35px;

    padding: 7px 12px;

    border-radius: 999px;

    color: #dce2ef;

    background: rgba(255,255,255,.045);

    border: 1px solid rgba(255,255,255,.08);

    font-size: 12px;
}


/* ---------- CATEGORIES ---------- */

.store-showcase-categories {
    display: flex;

    gap: 9px;

    margin: 22px -4px 17px;

    padding: 4px;

    overflow-x: auto;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}


.store-showcase-categories::-webkit-scrollbar {
    display: none;
}


.store-category {
    flex: 0 0 auto;

    padding: 10px 17px;

    border-radius: 999px;

    border: 1px solid rgba(255,255,255,.10);

    background: rgba(255,255,255,.035);

    color: #cbd2df;

    font-size: 13px;

    cursor: pointer;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}


.store-category.active {
    color: white;

    border-color: rgba(124,92,255,.75);

    background:
        linear-gradient(
            135deg,
            rgba(124,92,255,.28),
            rgba(76,102,255,.15)
        );

    box-shadow:
        0 8px 25px rgba(124,92,255,.12);
}


.store-category:active {
    transform: scale(.96);
}


/* =========================================================
   PRODUCT SLIDER
========================================================= */

.store-preview-grid {
    display: flex;

    gap: 14px;

    overflow-x: auto;
    overflow-y: hidden;

    padding:
        3px 3px 15px;

    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}


.store-preview-grid::-webkit-scrollbar {
    display: none;
}


/* ---------- PRODUCT CARD ---------- */

.store-preview-product {
    flex:
        0 0
        min(82vw, 310px);

    scroll-snap-align: start;

    overflow: hidden;

    border-radius: 23px;

    background:
        linear-gradient(
            155deg,
            rgba(29,33,47,.98),
            rgba(19,22,33,.98)
        );

    border:
        1px solid
        rgba(255,255,255,.075);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.18);
}


/* ---------- PRODUCT IMAGE ---------- */

.store-preview-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1.25 / 1;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(124,92,255,.12),
            rgba(36,214,255,.07)
        );

    font-size: 52px;
}


.store-preview-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 0 !important;
}


/* ---------- PRODUCT BODY ---------- */

.store-preview-body {
    padding: 16px;
}


.store-preview-body small {
    display: block;

    margin-bottom: 6px;

    color: #858fa1;

    font-size: 11px;
}


.store-preview-body strong {
    display: block;

    min-height: 24px;

    color: #f4f6fb;

    font-size: 16px;
    line-height: 1.35;
}


.store-preview-price {
    margin-top: 13px;

    color: white;

    font-size: 20px;
    font-weight: 850;
}


/* ---------- PRODUCT BUTTONS ---------- */

.store-preview-actions {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

    margin-top: 15px;
}


.store-preview-actions button {
    min-height: 43px;

    padding: 9px 10px;

    border-radius: 13px;

    border:
        1px solid
        rgba(255,255,255,.09);

    color: white;

    background:
        rgba(255,255,255,.045);

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    transition:
        transform .18s ease,
        opacity .18s ease;
}


.store-preview-actions button:first-child {
    border: none;

    background:
        linear-gradient(
            135deg,
            #795cff,
            #4d68ff
        );
}


.store-preview-actions button:active {
    transform: scale(.97);
}


.store-preview-actions button:disabled {
    opacity: .42;

    cursor: not-allowed;
}


/* ---------- EXPAND ---------- */

.store-expand-button {
    width: 100%;

    margin-top: 8px;

    padding: 13px;

    border-radius: 15px;

    border:
        1px solid
        rgba(124,92,255,.25);

    color: #cfc8ff;

    background:
        rgba(124,92,255,.07);

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}


.store-no-products {
    width: 100%;

    padding: 35px 15px;

    text-align: center;

    color: #8792a4;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 850px) {

    .store-preview-grid {
        display: grid;

        grid-template-columns:
            repeat(4, minmax(0,1fr));

        overflow: visible;
    }


    .store-preview-product {
        min-width: 0;
        width: auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .store-showcase {
        margin:
            16px 0;

        padding:
            17px 14px 18px;

        border-radius:
            25px;
    }


    .store-showcase-head {
        align-items:
            flex-start;

        gap:
            13px;
    }


    .store-showcase-logo {
        width:
            67px;

        height:
            67px;

        flex-basis:
            67px;

        border-radius:
            20px;

        font-size:
            21px;
    }


    .store-showcase-title h3 {
        font-size:
            19px;
    }


    .store-showcase-info p {
        font-size:
            12px;
    }


    .store-showcase-meta {
        margin-top:
            10px;
    }


    .store-showcase-meta span {
        min-height:
            31px;

        padding:
            6px 10px;

        font-size:
            11px;
    }


    .store-showcase-categories {
        margin-top:
            18px;
    }


    /*
       На телефоне следующая карточка
       немного видна справа.
       Пользователь понимает, что
       товары можно листать пальцем.
    */

    .store-preview-product {
        flex-basis:
            82%;
    }


    .store-preview-image {
        aspect-ratio:
            1.45 / 1;
    }

}
/* =========================================================
   AI MARKET — FORCE MOBILE STORE SLIDER
   Должно быть САМЫМ ПОСЛЕДНИМ в style.css
========================================================= */

@media (max-width: 700px) {

    #stores .store-preview-grid {
        display: flex !important;
        grid-template-columns: none !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        gap: 14px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 4px 2px 16px !important;

        scroll-snap-type: x mandatory;
        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    #stores .store-preview-grid::-webkit-scrollbar {
        display: none;
    }

    #stores .store-preview-product {
        display: block !important;

        flex: 0 0 84% !important;

        width: 84% !important;
        min-width: 84% !important;
        max-width: 84% !important;

        scroll-snap-align: start;
    }

    #stores .store-preview-image {
        width: 100% !important;
        aspect-ratio: 1.45 / 1 !important;
    }
}

/* AI MARKET — STORE MOBILE FINAL TUNING */
@media (max-width:700px){
  #stores .store-showcase{padding-bottom:14px!important}
  #stores .store-preview-grid{gap:12px!important;padding-bottom:8px!important}
  #stores .store-preview-product{flex:0 0 78%!important;width:78%!important;min-width:78%!important;max-width:78%!important;border-radius:20px!important}
  #stores .store-preview-image{aspect-ratio:1.75/1!important;max-height:205px!important}
  #stores .store-preview-body{padding:13px!important}
  #stores .store-preview-body small{margin-bottom:4px!important;font-size:10px!important}
  #stores .store-preview-body strong{min-height:20px!important;font-size:15px!important}
  #stores .store-preview-price{margin-top:9px!important;font-size:18px!important}
  #stores .store-preview-actions{gap:7px!important;margin-top:11px!important}
  #stores .store-preview-actions button{min-height:39px!important;padding:7px 8px!important;font-size:11px!important}
}