/* ═══════════════════════════════════════════
   ЦВЕТОВЫЕ ТЕМЫ
═══════════════════════════════════════════ */
:root,[data-theme="paper"]{
  --bg:#FAF6F0;--card-bg:#FFFFFF;--nav-bg:rgba(250,246,240,0.97);
  --nav-border:rgba(14,20,32,0.07);--text:#0E1420;--text-muted:#7A7268;
  --accent:#1A56DB;--accent-lt:#D6E4FF;--accent-text:#FFFFFF;
  --cta-bg:#1A56DB;--cta-text:#FFFFFF;--cta-shadow:rgba(26,86,219,0.28);
  --filter-off:#FFFFFF;--filter-border:rgba(14,20,32,0.09);
  --filter-on:#1A56DB;--filter-on-t:#FFFFFF;
  --card-border:rgba(14,20,32,0.05);--card-shadow:rgba(26,86,219,0.09);
  --search-bg:#F2EDE3;--logo-dot:#FF5A1F;--badge-dot:#1A56DB;
  --panel-bg:#FFFFFF;--panel-border:rgba(14,20,32,0.07);--star:#FFB800;
  --tab-bg:#FFFFFF;--tab-border:rgba(14,20,32,0.08);
}
[data-theme="night"]{
  --bg:#0B1018;--card-bg:#141C2C;--nav-bg:rgba(11,16,24,0.97);
  --nav-border:rgba(255,255,255,0.06);--text:#EDE8DF;--text-muted:rgba(237,232,223,0.38);
  --accent:#FF5A1F;--accent-lt:rgba(255,90,31,0.15);--accent-text:#FFFFFF;
  --cta-bg:#FF5A1F;--cta-text:#FFFFFF;--cta-shadow:rgba(255,90,31,0.25);
  --filter-off:rgba(255,255,255,0.05);--filter-border:rgba(255,255,255,0.08);
  --filter-on:#FF5A1F;--filter-on-t:#FFFFFF;
  --card-border:rgba(255,255,255,0.06);--card-shadow:rgba(0,0,0,0.3);
  --search-bg:rgba(255,255,255,0.07);--logo-dot:#FF5A1F;--badge-dot:#5B8FFF;
  --panel-bg:#141C2C;--panel-border:rgba(255,255,255,0.06);--star:#FFB800;
  --tab-bg:#141C2C;--tab-border:rgba(255,255,255,0.07);
}
[data-theme="dopamine"]{
  --bg:#FFF8DB;--card-bg:#FFFFFF;--nav-bg:rgba(255,248,219,0.97);
  --nav-border:rgba(255,90,31,0.1);--text:#0E1420;--text-muted:#7A7268;
  --accent:#FF5A1F;--accent-lt:#FFE8DE;--accent-text:#FFFFFF;
  --cta-bg:#FF5A1F;--cta-text:#FFFFFF;--cta-shadow:rgba(255,90,31,0.28);
  --filter-off:#FFFFFF;--filter-border:rgba(255,90,31,0.12);
  --filter-on:#FF5A1F;--filter-on-t:#FFFFFF;
  --card-border:rgba(255,90,31,0.07);--card-shadow:rgba(255,90,31,0.1);
  --search-bg:#FFE8DE;--logo-dot:#FF5A1F;--badge-dot:#FF5A1F;
  --panel-bg:#FFFFFF;--panel-border:rgba(255,90,31,0.1);--star:#FFB800;
  --tab-bg:#FFFFFF;--tab-border:rgba(255,90,31,0.1);
}
[data-theme="blue"]{
  --bg:#F8F8F8;--card-bg:#FFFFFF;--nav-bg:#1A56DB;
  --nav-border:rgba(255,255,255,0.12);--text:#0E1420;--text-muted:#7A7268;
  --accent:#FF5A1F;--accent-lt:#FFE8DE;--accent-text:#FFFFFF;
  --cta-bg:#FFFFFF;--cta-text:#1A56DB;--cta-shadow:rgba(0,0,0,0.15);
  --filter-off:#FFFFFF;--filter-border:rgba(14,20,32,0.09);
  --filter-on:#1A56DB;--filter-on-t:#FFFFFF;
  --card-border:rgba(14,20,32,0.06);--card-shadow:rgba(14,20,32,0.1);
  --search-bg:#ECECEC;--logo-dot:#FFD84D;--badge-dot:#FF5A1F;
  --panel-bg:#FFFFFF;--panel-border:rgba(14,20,32,0.07);--star:#FFB800;
  --tab-bg:#FFFFFF;--tab-border:rgba(14,20,32,0.08);
}
[data-theme="sunset"]{
  --bg:#FFFBF5;--card-bg:#FFFFFF;--nav-bg:rgba(255,251,245,0.97);
  --nav-border:rgba(14,20,32,0.07);--text:#0E1420;--text-muted:#7A7268;
  --accent:#FF5A1F;--accent-lt:rgba(255,90,31,0.10);--accent-text:#FFFFFF;
  --cta-bg:#FF5A1F;--cta-text:#FFFFFF;--cta-shadow:rgba(255,90,31,0.38);
  --filter-off:#FFFFFF;--filter-border:rgba(14,20,32,0.09);
  --filter-on:#FF5A1F;--filter-on-t:#FFFFFF;
  --card-border:rgba(14,20,32,0.05);--card-shadow:rgba(255,90,31,0.12);
  --search-bg:#F5EEE4;--logo-dot:#FF5A1F;--badge-dot:#FF5A1F;
  --panel-bg:#FFFFFF;--panel-border:rgba(14,20,32,0.07);--star:#FFB800;
  --tab-bg:#FFFFFF;--tab-border:rgba(14,20,32,0.07);
}
[data-theme="sunset"] .nav-cta{background:linear-gradient(135deg,#FF5A1F 0%,#FFD84D 100%);box-shadow:0 3px 16px rgba(255,90,31,0.38);color:#fff;}
[data-theme="blue"] .nav-logo{color:#fff;}
[data-theme="blue"] .logo-dot{background:#FFD84D;}
[data-theme="blue"] .nav-link{color:rgba(255,255,255,0.6);}
[data-theme="blue"] .nav-link:hover{color:#fff;}
[data-theme="blue"] .nav-link.active{color:#fff;border-bottom-color:rgba(255,255,255,0.7);}
[data-typo="C"] .nav-link{font-family:'Onest',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;}

/* ═══ BASE ═══ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{background:var(--bg);color:var(--text);font-family:'Onest',sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;}
body.no-scroll{overflow:hidden;}

/* ═══ NAV ═══ */
.nav{position:sticky;top:0;z-index:200;height:58px;padding:0 28px;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;gap:4px;flex-shrink:0;}
.nav-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.04em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:4px;margin-right:12px;flex-shrink:0;}
.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--logo-dot);display:inline-block;animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
@keyframes shimmer{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
.nav-link{padding:0 14px;height:58px;display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .18s;font-family:'Onest',sans-serif;text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:0.07em;}
.nav-link:hover{color:var(--text);}
.nav-link.active{color:var(--text);border-bottom-color:var(--accent);}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.nav-cart-btn{position:relative;width:40px;height:40px;border-radius:12px;background:none;border:1.5px solid var(--filter-border);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .18s;color:var(--text);}
.nav-cart-btn:hover{border-color:var(--accent);color:var(--accent);}
.nav-cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:100px;background:var(--accent);color:var(--accent-text);font-size:9px;font-weight:800;display:none;align-items:center;justify-content:center;padding:0 4px;}
.nav-cta{padding:8px 18px;border-radius:100px;background:var(--cta-bg);color:var(--cta-text);font-family:'Onest',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 12px var(--cta-shadow);transition:opacity .18s;}
.nav-cta:hover{opacity:.88;}

/* ═══ СТРАНИЦЫ ═══ */
.page{display:none;flex:1;}
.page.active{display:block;}
.page.active.studio-page{display:flex;flex-direction:column;height:calc(100vh - 58px);overflow:hidden;}

/* ═══ PROTO BAR ═══ */
.proto-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:999;background:rgba(14,20,32,0.92);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:5px 8px 5px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(0,0,0,0.3);white-space:nowrap;}
.pb-label{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.3);}
.pb-dot{width:8px;height:8px;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .2s;}
.pb-dot:hover{transform:scale(1.3);}

/* ═══════════════════════════════════════
   ИНТЕРЬЕРЫ — страница
═══════════════════════════════════════ */
.feed-page{max-width:1400px;margin:0 auto;padding:32px 32px 80px;}
.feed-hero{margin-bottom:28px;}
.feed-title{font-family:'Syne',sans-serif;font-size:32px;font-weight:800;letter-spacing:-0.04em;line-height:1.1;margin-bottom:6px;}
.feed-title em{font-style:normal;color:var(--accent);}
.feed-sub{font-size:14px;color:var(--text-muted);}
.feed-topbar{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.feed-search{flex:1;min-width:200px;max-width:340px;padding:9px 16px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--search-bg);font-family:'Onest',sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .18s;}
.feed-search::placeholder{color:var(--text-muted);}
.feed-search:focus{border-color:var(--accent);}
.feed-pills-wrap{position:relative;flex:1;min-width:0;}
.feed-pills-wrap .scroll-hint{position:absolute;right:0;top:0;bottom:0;width:32px;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:2;background:linear-gradient(to right,transparent,var(--bg) 70%);}
.feed-pills-wrap .scroll-hint svg{width:16px;height:16px;opacity:.5;animation:hintBounce 1.2s infinite;}
@keyframes hintBounce{0%,100%{transform:translateX(0);}50%{transform:translateX(4px);}}
.feed-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1;}
.feed-pill{padding:7px 16px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-family:'Onest',sans-serif;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .18s;white-space:nowrap;}
.feed-pill:hover{border-color:var(--accent);color:var(--accent);}
.feed-pill.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);}
.feed-sort{padding:8px 14px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-family:'Onest',sans-serif;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A7268' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}

/* Dynamic Grid — CSS columns masonry */
#feedGrid{column-count:4;column-gap:16px;}
.feed-card{position:relative;cursor:pointer;border-radius:18px;overflow:hidden;break-inside:avoid;margin-bottom:16px;}
.feed-card-img{position:relative;width:100%;overflow:hidden;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);}
.feed-card-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;opacity:0;transition:opacity .3s,transform .3s;}
.feed-card-img img.loaded{opacity:1;}
.feed-card:hover .feed-card-img img.loaded{transform:scale(1.04);}
.feed-card-skeleton{position:absolute;inset:0;background:var(--search-bg);border-radius:18px;animation:shimmer 1.2s infinite;}
.feed-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,20,32,0.6) 0%,transparent 50%);border-radius:18px;opacity:0;transition:opacity .25s;pointer-events:none;}
.feed-card:hover .feed-card-overlay{opacity:1;}
.feed-card-actions{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .2s;}
.feed-card:hover .feed-card-actions{opacity:1;}
.feed-card-info{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 10px;opacity:0;transition:opacity .25s;}
.feed-card:hover .feed-card-info{opacity:1;}
.feed-card-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.feed-card-tags{display:flex;gap:4px;flex-wrap:wrap;}
.feed-card-tag{padding:2px 8px;border-radius:100px;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);color:rgba(255,255,255,0.9);font-size:9px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;}
@media(max-width:1200px){#feedGrid{column-count:3;column-gap:14px;}}
@media(max-width:767px){#feedGrid{column-count:2;column-gap:10px;}.feed-card{margin-bottom:10px;-webkit-tap-highlight-color:transparent;}.feed-card-info{display:none;}.feed-card-overlay{display:none;}.feed-card-actions{opacity:1;}.feed-card-img img.loaded{transition:transform .25s ease;}.feed-card:active .feed-card-img img.loaded{transform:scale(1.03);}}

.int-card{position:relative;cursor:pointer;}
.int-card-inner{border-radius:18px;overflow:hidden;position:relative;background:var(--card-bg);border:1px solid var(--card-border);}
.int-img{width:100%;display:block;}
.int-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,20,32,0.65) 0%,rgba(14,20,32,0.1) 50%,transparent 100%);opacity:0;transition:opacity .25s;}
.int-card:hover .int-overlay{opacity:1;}
.int-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;}
.int-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border:none;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .18s;box-shadow:0 2px 8px rgba(0,0,0,0.12);color:#0E1420;}
.int-btn:hover{transform:scale(1.1);}
.int-btn.wish{color:rgba(14,20,32,0.35);}
.int-btn.wish.on{background:#FF5A1F;color:#fff;}
.int-btn.wish:hover{color:rgba(14,20,32,0.6);}
.int-info{position:absolute;bottom:0;left:0;right:0;padding:20px 14px 12px;opacity:0;transition:opacity .25s;}
.int-card:hover .int-info{opacity:1;}
.int-info .int-meta-name{font-size:14px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:8px;}
.int-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px;}
.int-tag{padding:3px 9px;border-radius:100px;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);color:rgba(255,255,255,0.9);font-size:9px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}
.int-author{font-size:11px;font-weight:600;color:rgba(255,255,255,0.7);}
.int-meta{padding:8px 2px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.int-meta-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.25;}
.int-meta-room{font-size:11px;color:var(--text-muted);margin-top:2px;}
.int-meta-like{font-size:11px;color:var(--text-muted);font-weight:600;white-space:nowrap;}

/* ═══════════════════════════════════════
   ТОВАРЫ — каталог
═══════════════════════════════════════ */
.catalog-page{display:flex;min-height:calc(100vh - 58px);--fp-width:272px;}
.filter-panel{width:var(--fp-width);flex-shrink:0;background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto;overflow-x:hidden;transition:width .32s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(14,20,32,0.08) transparent;}
.filter-panel::-webkit-scrollbar{width:3px;}
.filter-panel::-webkit-scrollbar-thumb{background:rgba(14,20,32,0.1);border-radius:3px;}
.filter-panel-inner{width:var(--fp-width);flex-shrink:0;padding:20px 0 32px;}
.fp-head{padding:0 20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel-border);margin-bottom:8px;}
.fp-head-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.14em;color:var(--text-muted);}
.fp-reset{font-size:11px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;font-family:'Onest',sans-serif;}
.fp-sec{padding:16px 20px;border-bottom:1px solid var(--panel-border);}
.fp-sec-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.fp-sec-head::after{content:'−';font-size:14px;font-weight:400;color:var(--text-muted);}
.fp-sec.collapsed .fp-sec-head::after{content:'+';}
.fp-sec.collapsed .fp-sec-body{display:none;}
.fp-opt{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;}
.fp-chk{width:18px;height:18px;border-radius:5px;flex-shrink:0;border:1.5px solid var(--filter-border);background:var(--filter-off);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:transparent;transition:all .15s;}
.fp-opt:hover .fp-chk{border-color:var(--accent);}
.fp-chk.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);}
.fp-opt-label{font-size:13px;color:var(--text);font-weight:500;flex:1;}
.fp-opt-count{font-size:11px;color:var(--text-muted);}
.fp-apply{margin:20px 20px 0;width:calc(100% - 40px);padding:12px;border-radius:12px;background:var(--cta-bg);color:var(--cta-text);font-family:'Onest',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 12px var(--cta-shadow);transition:opacity .18s;}
.fp-apply:hover{opacity:.88;}
.filter-toggle-col{flex-shrink:0;width:0;position:sticky;top:58px;height:calc(100vh - 58px);display:flex;align-items:center;justify-content:flex-start;overflow:visible;z-index:10;}
.ftt-btn{display:flex;align-items:center;gap:5px;background:var(--panel-bg);border:1px solid var(--panel-border);border-left:none;border-radius:0 10px 10px 0;padding:10px 8px 10px 6px;font-family:'Onest',sans-serif;font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;box-shadow:3px 0 12px rgba(14,20,32,0.06);transition:all .18s;writing-mode:vertical-rl;white-space:nowrap;margin-left:-1px;}
.ftt-btn:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent);}
.ftt-arrow{writing-mode:initial;font-size:13px;font-weight:700;flex-shrink:0;}
.catalog-page:not(.fp-open) .ftt-btn .ftt-arrow::before{content:'›';}
.catalog-page.fp-open .ftt-btn .ftt-arrow::before{content:'‹';}
.cat-content{flex:1;min-width:0;padding:24px 32px 48px;}
.cat-topbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;}
.cat-heading{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--text);flex:1;min-width:160px;}
.cat-heading em{font-style:normal;color:var(--accent);}
.cat-count{font-size:13px;color:var(--text-muted);font-weight:500;}
.cat-topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;}
.cat-sort{padding:8px 14px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-family:'Onest',sans-serif;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A7268' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.cat-view-btns{display:flex;border:1.5px solid var(--filter-border);border-radius:10px;overflow:hidden;}
.cat-view-btn{padding:7px 10px;background:var(--filter-off);border:none;font-size:14px;cursor:pointer;color:var(--text-muted);transition:all .15s;}
.cat-view-btn.on{background:var(--accent);color:var(--accent-text);}
.cat-filter-mob-btn{display:none;align-items:center;gap:6px;padding:8px 14px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-family:'Onest',sans-serif;font-size:12px;font-weight:700;color:var(--text);cursor:pointer;}
.cat-active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.af-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 12px;border-radius:100px;background:var(--accent-lt);color:var(--accent);font-size:11px;font-weight:700;}
.af-tag button{background:none;border:none;cursor:pointer;color:var(--accent);font-size:13px;line-height:1;padding:0;}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;transition:opacity .2s;}
.cat-grid.list-view{grid-template-columns:1fr;gap:12px;}
.prod-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);overflow:hidden;cursor:pointer;transition:transform .22s,box-shadow .22s;position:relative;}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--card-shadow);}
.pc-imgs{position:relative;overflow:hidden;}
.pc-img-area{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:52px;}
.pc-badges{position:absolute;top:10px;left:10px;display:flex;gap:5px;flex-wrap:wrap;}
.pc-badge{padding:3px 9px;border-radius:100px;font-size:9px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}
.pb-new{background:#1A56DB;color:#fff;}
.pb-hit{background:#FFD84D;color:#0E1420;}
.pb-sale{background:#FF5A1F;color:#fff;}
.pb-style{background:rgba(14,20,32,0.65);backdrop-filter:blur(6px);color:rgba(255,255,255,0.9);}
.pc-wish{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .18s;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:#0E1420;}
.pc-wish:hover,.pc-wish.on{background:#FF5A1F;color:#fff;}
.pc-body{padding:14px 16px 16px;}
.pc-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:4px;}
.pc-name{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.02em;color:var(--text);line-height:1.2;margin-bottom:3px;}
.pc-brand{font-size:11px;color:var(--text-muted);font-weight:500;margin-bottom:8px;}
.pc-rating{display:flex;align-items:center;gap:5px;margin-bottom:10px;}
.pc-stars{color:var(--star);font-size:11px;}
.pc-rating-val{font-size:11px;font-weight:700;color:var(--text);}
.pc-rating-cnt{font-size:11px;color:var(--text-muted);}
.pc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.pc-price-wrap{display:flex;flex-direction:column;}
.pc-price{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;letter-spacing:-0.02em;color:var(--text);}
.pc-price-old{font-size:11px;color:var(--text-muted);text-decoration:line-through;}
.pc-cart{width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--accent-text);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0;box-shadow:0 3px 10px var(--cta-shadow);}
.pc-cart:hover{transform:scale(1.08);}
.cat-grid.list-view .prod-card{display:flex;border-radius:16px;}
.cat-grid.list-view .pc-imgs{width:160px;flex-shrink:0;}
.cat-grid.list-view .pc-imgs .pc-img-area{aspect-ratio:auto;height:100%;}
.cat-grid.list-view .pc-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px 20px;}
.cat-pagination{display:flex;justify-content:center;gap:6px;margin-top:40px;}
.cat-page{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-family:'Onest',sans-serif;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;}
.cat-page:hover{border-color:var(--accent);color:var(--accent);}
.cat-page.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);}
.cat-page.dots{border:none;background:none;font-size:16px;cursor:default;}

/* ═══════════════════════════════════════
   ИЗБРАННОЕ
═══════════════════════════════════════ */
.fav-page{max-width:1280px;margin:0 auto;padding:40px 32px 80px;}
.fav-hero{margin-bottom:32px;}
.fav-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.18em;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.fav-eyebrow::before{content:'';width:16px;height:2px;background:var(--accent);border-radius:2px;}
.fav-title{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;letter-spacing:-0.04em;line-height:1.05;color:var(--text);margin-bottom:6px;}
.fav-title em{font-style:normal;color:var(--accent);}
.fav-subtitle{font-size:14px;color:var(--text-muted);}
.fav-tabs-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:28px;gap:16px;flex-wrap:wrap;position:relative;}
.fav-tabs{display:flex;background:var(--tab-bg);border:1px solid var(--tab-border);border-radius:16px;padding:5px;gap:4px;min-width:480px;}
.fav-tab{flex:1;padding:12px 36px;border-radius:12px;font-family:'Onest',sans-serif;font-size:14px;font-weight:700;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;}
.fav-tab .tab-count{font-size:11px;padding:1px 7px;border-radius:100px;background:var(--filter-border);color:var(--text-muted);font-weight:800;transition:all .2s;}
.fav-tab.active{background:var(--accent);color:var(--accent-text);box-shadow:0 3px 12px var(--cta-shadow);}
.fav-tab.active .tab-count{background:rgba(255,255,255,0.25);color:inherit;}
.fav-tabs-right{display:flex;align-items:center;gap:10px;position:absolute;right:0;}
.fav-sort{padding:8px 14px;border-radius:100px;border:1.5px solid var(--filter-border);background:var(--card-bg);font-family:'Onest',sans-serif;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237A7268' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.fav-clear-btn{padding:8px 14px;border-radius:100px;border:1.5px solid var(--filter-border);background:none;font-family:'Onest',sans-serif;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .18s;}
.fav-clear-btn:hover{border-color:#FF5A1F;color:#FF5A1F;}
.fav-section{display:none;}
.fav-section.active{display:block;}
.interiors-grid{columns:4;column-gap:16px;}
@media(max-width:1100px){.interiors-grid{columns:3;}}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(3,1fr);}}
.empty-state{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;}
.empty-icon{font-size:64px;opacity:.25;margin-bottom:4px;}
.empty-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--text);}
.empty-sub{font-size:14px;color:var(--text-muted);max-width:320px;line-height:1.6;}
.empty-btn{margin-top:8px;padding:12px 24px;border-radius:100px;background:var(--accent);color:var(--accent-text);font-family:'Onest',sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px var(--cta-shadow);}

/* ═══════════════════════════════════════
   AI-ДИЗАЙН — студия
═══════════════════════════════════════ */
.studio{flex:1;display:flex;overflow:hidden;min-height:0;}
.left-panel{width:497px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(14,20,32,0.1) transparent;}
.left-panel::-webkit-scrollbar{width:4px;}
.left-panel::-webkit-scrollbar-thumb{background:rgba(14,20,32,0.1);border-radius:4px;}
.lp-hero{padding:28px 28px 24px;border-bottom:1px solid var(--panel-border);background:linear-gradient(160deg,rgba(26,86,219,0.04) 0%,transparent 60%);}
.lp-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.lp-badge-dot{width:18px;height:2px;background:linear-gradient(135deg,#FF5A1F,#FFD84D);border-radius:2px;}
.lp-title{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:10px;}
.lp-title em{font-style:normal;background:linear-gradient(135deg,#FF5A1F,#FFD84D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.lp-sub{font-size:13px;color:var(--text-muted);line-height:1.55;}
.lp-section{padding:20px 28px;border-bottom:1px solid var(--panel-border);}
.lp-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);margin-bottom:12px;}
.upload-zone{border:2px dashed rgba(26,86,219,0.2);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .22s;background:rgba(26,86,219,0.02);position:relative;overflow:hidden;}
.upload-zone:hover{border-color:rgba(26,86,219,0.45);background:rgba(26,86,219,0.05);}
.upload-icon{font-size:32px;margin-bottom:8px;display:block;}
.upload-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;}
.upload-link{font-size:12px;color:var(--accent);cursor:pointer;font-weight:600;}
.scroll-wrap{position:relative;}
.scroll-wrap .scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:28px;height:28px;border-radius:50%;background:var(--card-bg);border:1px solid var(--panel-border);box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);transition:all .18s;opacity:0;pointer-events:none;}
.scroll-wrap:hover .scroll-arrow.visible{opacity:1;pointer-events:all;}
.scroll-arrow:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent);}
.scroll-arrow.left{left:-6px;}
.scroll-arrow.right{right:-6px;}
.products-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-behavior:smooth;}
.products-row::-webkit-scrollbar{display:none;}
.prod{flex-shrink:0;width:88px;height:88px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid var(--panel-border);cursor:pointer;transition:all .18s;position:relative;overflow:hidden;}
.prod.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt);}
.prod .prod-check{position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-radius:0 0 0 10px;background:var(--accent);color:var(--accent-text);font-size:9px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;}
.prod.selected .prod-check{opacity:1;}
.prod-add{flex-shrink:0;width:88px;height:88px;border-radius:14px;border:2px dashed var(--panel-border);background:none;cursor:pointer;font-size:22px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .18s;}
.prod-add:hover{border-color:var(--accent);color:var(--accent);}
.prod-count{font-size:11px;color:var(--text-muted);margin-top:8px;}
.prompt-block{background:var(--bg);border:1.5px solid var(--panel-border);border-radius:16px;padding:4px 4px 4px 14px;display:flex;align-items:flex-end;gap:8px;transition:all .2s;}
.prompt-block:focus-within{border-color:rgba(26,86,219,0.4);box-shadow:0 0 0 3px rgba(26,86,219,0.08);background:var(--card-bg);}
.prompt-textarea{flex:1;border:none;background:none;outline:none;resize:none;font-family:'Onest',sans-serif;font-size:13px;color:var(--text);line-height:1.55;min-height:44px;max-height:110px;padding:10px 0;}
.prompt-textarea::placeholder{color:var(--text-muted);}
.prompt-send{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#FF5A1F,#FFD84D);border:none;cursor:pointer;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(255,90,31,0.32);transition:all .2s;align-self:flex-end;}
.prompt-send:hover{transform:scale(1.08);}
.prompt-hints{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
.prompt-hint{padding:4px 10px;border-radius:100px;background:rgba(26,86,219,0.07);border:1px solid rgba(26,86,219,0.12);font-size:10px;font-weight:600;color:var(--accent);cursor:pointer;transition:all .15s;}
.prompt-hint:hover{background:rgba(26,86,219,0.14);}
.lp-footer{padding:20px 28px 28px;margin-top:auto;}
.gen-btn{width:100%;padding:15px;border-radius:16px;background:linear-gradient(135deg,#FF5A1F,#FFD84D);color:#fff;font-family:'Onest',sans-serif;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(255,90,31,0.35);transition:all .22s;display:flex;align-items:center;justify-content:center;gap:10px;}
.gen-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,90,31,0.45);}
.credits-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:11px;color:var(--text-muted);font-weight:500;}
.right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);}
.rp-header{height:52px;padding:0 28px;flex-shrink:0;background:var(--card-bg);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;gap:10px;}
.rp-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);flex:1;}
.rp-action{padding:6px 14px;border-radius:100px;font-family:'Onest',sans-serif;font-size:12px;font-weight:600;border:1.5px solid var(--panel-border);background:none;cursor:pointer;color:var(--text-muted);transition:all .18s;}
.rp-action:hover{border-color:var(--accent);color:var(--accent);}
.rp-action.primary{background:var(--accent);border-color:transparent;color:var(--accent-text);box-shadow:0 2px 8px var(--cta-shadow);}
.rp-result{flex:1;padding:24px 28px 16px;display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.result-area{flex:1;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#EDE8E0,#D8D0C4);display:flex;align-items:center;justify-content:center;position:relative;min-height:0;}
.result-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}
.result-empty-icon{font-size:52px;opacity:.3;}
.result-empty-label{font-size:15px;font-weight:600;color:rgba(122,114,104,0.7);}
.progress-wrap{padding:12px 16px;border-radius:14px;background:var(--card-bg);border:1px solid var(--panel-border);display:none;align-items:center;gap:12px;flex-shrink:0;}
.progress-wrap.visible{display:flex;}
.progress-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;}
.progress-bar-wrap{flex:1;height:6px;background:rgba(14,20,32,0.08);border-radius:100px;overflow:hidden;}
.progress-bar{height:100%;background:linear-gradient(135deg,#FF5A1F,#FFD84D);border-radius:100px;transition:width .4s ease;width:0%;}
.progress-pct{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;min-width:32px;text-align:right;}
.variants-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-behavior:smooth;}
.variants-row::-webkit-scrollbar{display:none;}
.variant-thumb{flex-shrink:0;width:calc((100% - 20px) / 3);aspect-ratio:3/2;border-radius:14px;display:flex;align-items:flex-end;justify-content:stretch;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .22s;position:relative;min-width:120px;}
.variant-thumb:hover{border-color:rgba(26,86,219,0.45);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,20,32,0.12);}
.variant-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt);}
.vt-label{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);font-size:9px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.85);}
.history-block{flex-shrink:0;border-top:1px solid var(--panel-border);padding:16px 28px 20px;background:var(--card-bg);}
.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.history-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);}
.history-count{font-size:11px;font-weight:500;color:var(--text-muted);}
.history-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.history-row::-webkit-scrollbar{display:none;}
.history-thumb{flex-shrink:0;width:138px;height:103px;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;}
.history-thumb:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(14,20,32,0.14);}
.history-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-lt);}
.history-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 8px 7px;background:linear-gradient(to top,rgba(0,0,0,0.65),transparent);}
.history-date{font-size:9px;font-weight:600;color:rgba(255,255,255,0.85);white-space:nowrap;}
.mob-studio-tabs{display:none;flex-shrink:0;background:var(--card-bg);border-bottom:1px solid var(--panel-border);}
.mob-studio-tab{flex:1;padding:13px;text-align:center;font-size:13px;font-weight:700;color:var(--text-muted);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:all .18s;font-family:'Onest',sans-serif;}
.mob-studio-tab.active{color:var(--text);border-bottom-color:var(--accent);}

/* ═══════════════════════════════════════
   МОДАЛЬНОЕ ОКНО ТОВАРА
═══════════════════════════════════════ */
.modal-overlay{position:fixed;inset:0;z-index:500;background:rgba(14,20,32,0.5);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .28s;display:flex;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal-box{background:var(--panel-bg);border-radius:28px;width:100%;max-width:960px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(16px) scale(0.98);transition:transform .28s;box-shadow:0 32px 80px rgba(14,20,32,0.25);}
.modal-overlay.open .modal-box{transform:translateY(0) scale(1);}
.modal-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;background:rgba(14,20,32,0.08);border:none;cursor:pointer;font-size:18px;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .18s;z-index:10;}
.modal-close:hover{background:rgba(14,20,32,0.16);}
.modal-inner{display:flex;overflow:hidden;flex:1;min-height:0;position:relative;}
.modal-gallery{width:420px;flex-shrink:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--search-bg);}
.mg-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font-size:80px;position:relative;}
.mg-thumbs{display:flex;gap:8px;padding:12px;background:rgba(0,0,0,0.04);}
.mg-thumb{width:56px;height:44px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s;flex-shrink:0;background:rgba(0,0,0,0.04);display:flex;align-items:center;justify-content:center;font-size:18px;}
.mg-thumb.on{border-color:var(--accent);}
.modal-details{flex:1;padding:28px 32px;overflow-y:auto;position:relative;scrollbar-width:thin;}
.md-breadcrumb{font-size:11px;color:var(--text-muted);margin-bottom:14px;}
.md-breadcrumb a{color:var(--accent);text-decoration:none;}
.md-brand{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);margin-bottom:6px;}
.md-name{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;letter-spacing:-0.03em;line-height:1.1;color:var(--text);margin-bottom:10px;}
.md-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.md-stars{color:var(--star);font-size:14px;}
.md-rating-score{font-size:14px;font-weight:800;color:var(--text);}
.md-rating-cnt{font-size:12px;color:var(--text-muted);}
.md-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;}
.md-price{font-family:'Syne',sans-serif;font-size:30px;font-weight:800;letter-spacing:-0.03em;color:var(--text);}
.md-price-old{font-size:16px;color:var(--text-muted);text-decoration:line-through;}
.md-price-badge{padding:3px 10px;border-radius:100px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:800;}
.md-divider{height:1px;background:var(--panel-border);margin:16px 0;}
.md-desc{font-size:13px;line-height:1.7;color:var(--text-muted);margin-bottom:20px;}
.md-actions{display:flex;gap:10px;}
.md-cart-btn{flex:1;padding:14px;border-radius:14px;background:var(--cta-bg);color:var(--cta-text);font-family:'Onest',sans-serif;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px var(--cta-shadow);transition:all .2s;}
.md-wish-btn{width:52px;height:52px;border-radius:14px;border:1.5px solid var(--filter-border);background:var(--filter-off);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;color:var(--text);}
.md-wish-btn:hover,.md-wish-btn.on{border-color:#FF5A1F;background:#FF5A1F;color:#fff;}
.md-specs{margin-top:16px;}
.md-spec{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--panel-border);font-size:12px;}
.md-spec-key{color:var(--text-muted);font-weight:500;}
.md-spec-val{font-weight:700;color:var(--text);}

/* ═══ МОБИЛЬНЫЙ ФИЛЬТР ═══ */
.mob-filter-overlay{position:fixed;inset:0;z-index:400;pointer-events:none;}
.mob-filter-bg{position:absolute;inset:0;background:rgba(14,20,32,0.45);opacity:0;transition:opacity .3s;backdrop-filter:blur(3px);}
.mob-filter-drawer{position:absolute;left:0;top:0;bottom:0;width:300px;max-width:88vw;background:var(--panel-bg);overflow-y:auto;overflow-x:hidden;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:6px 0 32px rgba(14,20,32,0.15);}
.mob-filter-head{position:sticky;top:0;z-index:5;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);}
.mob-filter-title{font-size:15px;font-weight:800;color:var(--text);}
.mob-filter-close{width:32px;height:32px;border-radius:50%;background:rgba(14,20,32,0.06);border:none;cursor:pointer;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;}
.mob-filter-overlay.open{pointer-events:all;}
.mob-filter-overlay.open .mob-filter-bg{opacity:1;}
.mob-filter-overlay.open .mob-filter-drawer{transform:translateX(0);}
.mob-filter-footer{padding:16px 20px;position:sticky;bottom:0;background:var(--panel-bg);border-top:1px solid var(--panel-border);}
.mob-fp-apply{width:100%;padding:13px;border-radius:12px;background:var(--cta-bg);color:var(--cta-text);font-family:'Onest',sans-serif;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 3px 12px var(--cta-shadow);}

/* ═══ МОБИЛЬНЫЙ NAV ═══ */
.mob-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;background:#fff;box-shadow:0 -1px 12px rgba(0,0,0,.06);padding:6px 0 calc(8px + env(safe-area-inset-bottom, 0px));justify-content:space-around;border-top:none;}
.mbn-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 14px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s;}
.mbn-item:active{opacity:.6;}
.mbn-ico{width:24px;height:24px;color:#8b8b8b;transition:color .2s;}
.mbn-ico svg{width:100%;height:100%;}
.mbn-lbl{font-size:10px;font-weight:600;letter-spacing:0.01em;color:#8b8b8b;transition:color .2s;}
.mbn-item.active .mbn-ico{color:var(--accent);}
.mbn-item.active .mbn-ico svg{stroke:var(--accent);fill:none;}
.mbn-item.active .mbn-lbl{color:var(--accent);}

/* ═══ КОРЗИНА DRAWER ═══ */
.cart-overlay-bg{position:fixed;inset:0;z-index:400;background:rgba(14,20,32,0.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s;}
.cart-overlay-bg.open{opacity:1;pointer-events:all;}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;z-index:401;background:var(--panel-bg);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-6px 0 32px rgba(14,20,32,0.15);}
.cart-drawer.open{transform:translateX(0);}
.cart-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--panel-border);}
.cart-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;}
.cart-close{width:32px;height:32px;border-radius:50%;background:rgba(14,20,32,0.06);border:none;cursor:pointer;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;}
.cart-list{flex:1;overflow-y:auto;padding:16px 24px;}
.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--panel-border);position:relative;}
.cart-item-img{width:72px;height:72px;border-radius:12px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.cart-item-info{flex:1;min-width:0;}
.cart-item-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cart-item-price{font-size:14px;font-weight:800;color:var(--text);margin-bottom:8px;}
.cart-item-qty{display:flex;align-items:center;gap:10px;}
.cart-item-qty button{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--filter-border);background:var(--filter-off);cursor:pointer;font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .15s;}
.cart-item-qty button:hover{border-color:var(--accent);color:var(--accent);}
.cart-item-qty span{font-size:14px;font-weight:700;color:var(--text);min-width:20px;text-align:center;}
.cart-item-remove{position:absolute;top:14px;right:0;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;transition:color .15s;}
.cart-item-remove:hover{color:#FF5A1F;}
.cart-footer{padding:20px 24px;border-top:1px solid var(--panel-border);}
.cart-total-row{display:flex;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:800;color:var(--text);}
.cart-checkout{width:100%;padding:14px;border-radius:14px;background:var(--cta-bg);color:var(--cta-text);font-family:'Onest',sans-serif;font-size:14px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px var(--cta-shadow);transition:all .2s;}
.cart-checkout:hover{opacity:.88;}

/* ═══ DESCRIPTION PROMPT MODAL ═══ */
.desc-modal-overlay{position:fixed;inset:0;z-index:600;background:rgba(14,20,32,0.5);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center;padding:20px;}
.desc-modal-overlay.open{opacity:1;pointer-events:all;}
.desc-modal{background:var(--panel-bg);border-radius:24px;width:100%;max-width:440px;padding:32px;transform:translateY(12px) scale(0.97);transition:transform .25s;box-shadow:0 24px 64px rgba(14,20,32,0.25);}
.desc-modal-overlay.open .desc-modal{transform:translateY(0) scale(1);}
.desc-modal-icon{font-size:40px;margin-bottom:12px;text-align:center;}
.desc-modal-title{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;letter-spacing:-0.03em;color:var(--text);margin-bottom:8px;text-align:center;}
.desc-modal-text{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;text-align:center;}
.desc-modal-textarea{width:100%;min-height:80px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--panel-border);background:var(--bg);font-family:'Onest',sans-serif;font-size:13px;color:var(--text);resize:vertical;outline:none;transition:border-color .2s;margin-bottom:16px;}
.desc-modal-textarea:focus{border-color:var(--accent);}
.desc-modal-textarea::placeholder{color:var(--text-muted);}
.desc-modal-actions{display:flex;gap:10px;}
.desc-modal-actions button{flex:1;padding:13px;border-radius:14px;font-family:'Onest',sans-serif;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .18s;}
.desc-modal-skip{background:var(--filter-off);border:1.5px solid var(--filter-border) !important;color:var(--text-muted);}
.desc-modal-skip:hover{border-color:var(--accent) !important;color:var(--accent);}
.desc-modal-confirm{background:var(--cta-bg);color:var(--cta-text);box-shadow:0 3px 12px var(--cta-shadow);}
.desc-modal-confirm:hover{opacity:.88;}

/* ═══ SKELETON ═══ */
.skeleton-card{pointer-events:none;}
.skeleton-block{background:var(--search-bg);animation:shimmer 1.2s infinite;border-radius:4px;}

/* ═══ MOBILE ═══ */
@media(max-width:767px){
  .nav{padding:0 16px;}
  .nav-link{display:none;}
  .mob-bottom-nav{display:flex;}
  .proto-bar{display:none;}
  .feed-page{padding:20px 16px 80px;}
  .feed-title{font-size:24px;}
  .feed-topbar{flex-direction:column;align-items:stretch;gap:10px;}
  .feed-search{max-width:100%;min-width:0;width:100%;}
  .feed-pills-wrap{overflow:visible;}
  .feed-pills{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;padding-right:28px;}
  .feed-pills::-webkit-scrollbar{display:none;}
  .feed-pills-wrap .scroll-hint{display:flex;}
  .filter-panel{display:none;}
  .filter-toggle-col{display:none;}
  .cat-content{padding:16px 16px 80px;}
  .cat-filter-mob-btn{display:flex;}
  .cat-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px;}
  .fav-page{padding:24px 16px 80px;}
  .fav-title{font-size:26px;}
  .fav-tabs-wrap{flex-direction:column;align-items:center;gap:12px;}
  .fav-tabs{min-width:unset;width:100%;}
  .fav-tab{padding:11px 16px;font-size:13px;}
  .fav-tabs-right{position:static;width:100%;}
  .fav-sort{flex:1;}
  .interiors-grid{columns:2;column-gap:10px;}
  .products-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px;}
  .mob-studio-tabs{display:flex;}
  .left-panel{position:absolute;inset:0;width:100%;border-right:none;transform:translateX(0);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;}
  .right-panel{position:absolute;inset:0;overflow-y:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
  [data-studio-tab="result"] .left-panel{transform:translateX(-100%);}
  [data-studio-tab="result"] .right-panel{transform:translateX(0);}
  .rp-result{overflow-y:auto;overflow-x:hidden;padding:14px 16px 16px;gap:12px;}
  .result-area{flex:none;height:56vw;min-height:200px;border-radius:14px;}
  .rp-header{padding:0 16px;}
  .history-block{padding:12px 16px 14px;}
  .lp-footer{position:sticky;bottom:0;background:var(--card-bg);border-top:1px solid var(--panel-border);}
  .lp-hero{padding:20px 20px 16px;}
  .lp-section{padding:14px 20px;}
  .modal-box{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin:auto 0 0;}
  .modal-inner{flex-direction:column;}
  .modal-gallery{width:100%;height:260px;flex-shrink:0;}
  .modal-details{padding:20px 20px 24px;}
  .md-name{font-size:20px;}
  .md-price{font-size:24px;}
  .cart-drawer{width:100%;max-width:100%;}
}