/* Dlinna / second chapter. Monochrome, no extra fonts or runtime dependencies. */
body { --bg-color:#fafafa; --sidebar-bg:#fff; --border-color:#e5e5e5; --muted-text:#656565; font-family:Arial,'Segoe UI',sans-serif; }
body[data-theme="dark"] { --bg-color:#111; --sidebar-bg:#161616; --card-bg:#1b1b1b; --border-color:#333; --muted-text:#aaa; }
body .sidebar { width:224px; padding:32px 18px; }
body .sidebar-logo { margin:0 12px 42px; }
body .nav-list { gap:7px; }
body .nav-item { border-radius:15px; padding:13px 16px; font-size:13px; font-weight:600; }
body .nav-item:hover { transform:none; }
body .nav-item.active { background:var(--accent-color); color:var(--accent-text); }
body .header { min-height:82px; padding:16px 32px; gap:16px; background:var(--bg-color); }
body .header-search { max-width:620px; margin:0 20px; }
body .search-input { border-radius:50px; background:var(--card-bg); min-height:46px; font-size:13px; }
body .filter-btn { width:46px; height:46px; border-radius:50%; }
body .container { max-width:1600px; padding:30px 32px 48px; }
body .btn-primary, body .filter-submit, body .mobile-filter-apply { border-radius:50px; padding:12px 22px; font-weight:700; font-size:13px; transition:transform .18s,opacity .18s; }
body .btn-primary:hover { transform:translateY(-2px); opacity:.85; }
body button, body input, body select, body textarea { font-family:inherit; }
body :is(a,button,input,textarea,select):focus-visible { outline:2px solid var(--text-color); outline-offset:4px; }
body .drop-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:1.4fr 1fr; background:#181818; color:#fff; border-radius:26px; min-height:326px; padding:38px 42px; margin-bottom:22px; }
body .drop-hero-copy { position:relative; z-index:2; }
body .drop-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:2px; font-weight:700; text-transform:uppercase; margin-bottom:22px; }
body .drop-eyebrow::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
body .drop-hero h1 { font-size:clamp(38px,4.6vw,72px); line-height:.96; font-weight:900; letter-spacing:-3px; margin:0 0 17px; text-transform:uppercase; }
body .drop-hero h1 span { color:#adadad; }
body .drop-hero p { color:#c5c5c5; font-size:13px; max-width:340px; line-height:1.6; }
body .drop-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:24px; }
body .drop-action { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; background:#fff; color:#111; border-radius:40px; padding:12px 20px; font-size:12px; font-weight:700; }
body .drop-action:hover { background:#ddd; }
body .drop-secondary { font-size:12px; color:#ddd; border-bottom:1px solid #666; padding:4px 0; }
body .drop-art { position:relative; display:grid; place-items:center; min-width:0; }
body .drop-orbit { position:absolute; width:260px; height:260px; border:1px solid #494949; border-radius:50%; transform:rotate(-28deg) scaleX(1.2); }
body .drop-orbit::before,body .drop-orbit::after { content:''; position:absolute; inset:24px -22px; border:1px solid #3a3a3a; border-radius:50%; transform:rotate(62deg); }
body .drop-orbit::after { inset:52px -42px; transform:rotate(-60deg); }
body .drop-ticket { position:relative; transform:rotate(9deg); width:190px; background:#e8e8e8; color:#171717; padding:22px; border-radius:3px; box-shadow:12px 14px 0 #08080866; }
body .drop-ticket-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:2px; border-bottom:1px solid #aaa; padding-bottom:14px; }
body .drop-ticket strong { display:block; font-size:28px; line-height:1; letter-spacing:-1.7px; padding:23px 0; text-transform:uppercase; }
body .drop-barcode { height:25px; background:repeating-linear-gradient(90deg,#181818 0 2px,transparent 2px 5px,#181818 5px 6px,transparent 6px 9px); }
body .drop-ticket-bottom { margin-top:8px; font-size:8px; letter-spacing:2px; }
body .drop-star { position:absolute; right:5px; top:3px; font-size:72px; line-height:1; color:#999; }
body .drop-categories { display:flex; gap:8px; overflow:auto; padding:0 0 18px; margin-bottom:13px; scrollbar-width:thin; }
body .drop-chip { flex-shrink:0; display:inline-flex; align-items:center; gap:10px; padding:10px 19px; font-size:12px; font-weight:600; background:var(--card-bg); border:1px solid var(--border-color); border-radius:30px; }
body .drop-chip:hover,body .drop-chip.active { background:var(--accent-color); color:var(--accent-text); border-color:var(--accent-color); }
body .page-header { align-items:end; margin:6px 0 20px; gap:16px; }
body .page-header h1,body .page-header h2 { font-size:27px; font-weight:800; line-height:1.1; letter-spacing:-1px; }
body .drop-section-kicker { display:block; color:var(--muted-text); text-transform:uppercase; letter-spacing:2px; font-size:9px; font-weight:700; margin-bottom:8px; }
body .drop-count { font-size:11px; color:var(--muted-text); white-space:nowrap; padding-bottom:3px; }
body .products-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
body .product-card { border:0; border-radius:18px; background:var(--card-bg); min-height:0; overflow:hidden; box-shadow:0 0 0 1px var(--border-color); transition:transform .2s,box-shadow .2s; }
body .product-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px #00000012,0 0 0 1px var(--border-color); }
body .product-img-wrap { height:auto; aspect-ratio:1 / 1.12; background:var(--hover-bg); }
body .product-info { padding:16px; height:auto; }
body .product-info .price { font-size:20px; letter-spacing:-.7px; margin-bottom:7px; }
body .product-info .title { color:var(--text-color); font-size:12px; line-height:1.5; min-height:3em; margin-bottom:12px; }
body .seller-info { padding-top:11px; font-size:10px; }
body .like-btn { width:38px; height:38px; top:11px; right:11px; border-radius:50%; box-shadow:none; }
body .drop-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; background:var(--hover-bg); color:var(--muted-text); }
body .drop-placeholder b { font-size:42px; font-weight:900; letter-spacing:-3px; opacity:.3; }
body .drop-placeholder span { text-transform:uppercase; font-size:8px; letter-spacing:2px; }
body .empty-state { border:1px dashed var(--border-color); border-radius:22px; background:var(--card-bg); }
body .auth-card { border-radius:28px; padding:38px; box-shadow:0 15px 65px #00000006; border:1px solid var(--border-color); }
body .auth-card h1,body .auth-card h2 { letter-spacing:-1.4px; font-weight:800; }
body .form-input,body .form-select,body .form-textarea { border-radius:13px; padding:13px 16px; background:var(--input-bg); }
body .form-label { font-size:12px; font-weight:700; }
body .detail-image-wrap { border-radius:24px; overflow:hidden; }
body .detail-info h1 { font-weight:800; letter-spacing:-1.4px; line-height:1.15; }
body .detail-price { font-weight:800; letter-spacing:-1px; }
body .profile-header { border-radius:24px; }
body .admin-section-card,body .stat-card { border-radius:20px; }
body .cookie-consent { width:420px; max-width:calc(100% - 32px); left:auto; right:20px; bottom:20px; border:1px solid var(--border-color); border-radius:22px; padding:20px; box-shadow:0 8px 40px #00000015; }
body .cookie-consent-content { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
body .cookie-consent-text { font-size:11px; line-height:1.6; }
body .cookie-consent-text i { display:none; }
body .cookie-consent-buttons { justify-content:space-between; gap:6px; }
body .cookie-btn { border-radius:30px; font-size:11px; padding:10px 13px; }
@media(min-width:1600px) { body .products-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
body .chat-container { border-radius:22px; }
body .mobile-theme-trigger { background:transparent; border:0; color:var(--text-color); width:36px; height:36px; font-size:18px; cursor:pointer; }
@media(max-width:1200px) { body .products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body .drop-hero { padding:30px; } body .drop-hero h1 { font-size:48px; } body .drop-ticket { width:160px; padding:18px; } body .drop-ticket strong { font-size:24px; } body .drop-orbit { width:200px; height:220px; } }
@media(max-width:1024px) {
 body .sidebar,body .header { display:none; }
 body .mobile-header { border-bottom:1px solid var(--border-color); padding:17px 20px; background:var(--bg-color); }
 body .container { padding:16px 16px 112px; }
 body .drop-hero { padding:25px; min-height:306px; display:block; border-radius:22px; margin-bottom:18px; }
 body .drop-eyebrow { font-size:8px; letter-spacing:1.5px; margin-bottom:23px; }
 body .drop-hero h1 { font-size:clamp(36px,8.7vw,54px); letter-spacing:-2px; max-width:400px; }
 body .drop-hero p { font-size:11px; max-width:230px; }
 body .drop-actions { gap:15px; margin-top:22px; }
 body .drop-action { font-size:11px; padding:12px 16px; gap:20px; }
 body .drop-secondary { font-size:10px; }
 body .drop-art { position:absolute; right:-95px; bottom:-60px; width:210px; height:200px; opacity:.23; z-index:0; pointer-events:none; }
 body .drop-ticket { display:none; }
 body .drop-star { right:70px; top:15px; font-size:85px; }
 body .drop-categories { margin-right:-16px; margin-bottom:7px; padding-right:16px; }
 body .drop-chip { font-size:11px; padding:9px 15px; }
 body .page-header h1,body .page-header h2 { font-size:23px; }
 body .drop-section-kicker { font-size:8px; }
 body .drop-count { font-size:9px; }
 body .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 body .product-card { border-radius:15px; min-height:0; }
 body .product-info { padding:12px; }
 body .product-info .price { font-size:17px; }
 body .product-info .title { font-size:11px; }
 body .seller-info { font-size:9px; }
 body .like-btn { width:34px; height:34px; top:8px; right:8px; font-size:14px; }
 body .mobile-nav { display:flex; position:fixed; left:14px; right:14px; bottom:calc(12px + env(safe-area-inset-bottom)); width:auto; height:66px; padding:7px 10px; align-items:center; justify-content:space-around; background:var(--card-bg); border:1px solid var(--border-color); border-radius:24px; box-shadow:0 5px 25px #00000018; z-index:1000; }
 body .mobile-nav-item { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; flex:1; min-height:44px; color:var(--muted-text); font-size:9px; border-radius:16px; }
 body .mobile-nav-item i { font-size:18px; }
 body .mobile-nav-item.active { background:var(--hover-bg); color:var(--text-color); }
 body .auth-container { padding:16px 0; }
 body .auth-card { padding:28px 22px; border-radius:24px; }
 body .cookie-consent { bottom:calc(90px + env(safe-area-inset-bottom)); right:16px; padding:16px; }
 body .container.full-height { padding-bottom:100px; }
 body .chat-container { bottom:calc(92px + env(safe-area-inset-bottom)); border-radius:0; }
}
@media(min-width:769px) and (max-width:1024px) { body .products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { body *,body *::before,body *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.mobile-header button[aria-label="Выйти"]{background:transparent;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:32px;cursor:pointer}