/* внутренние страницы, сторис-диски из базы, таблица и панель */
.dr{--hi:#8c1a18;--lo:#531314;--ic:#f2e5d7;--ac:#e0bd78}
.ds{--hi:#ecd3c2;--lo:#cfa996;--ic:#531314;--ac:#a51e1b}
.story .disc img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:0;filter:grayscale(.3) contrast(1.1) brightness(1.5)}
.story .disc:has(img)::before{mix-blend-mode:multiply;background:linear-gradient(135deg,#a02a25,#6c0f10);opacity:.55;inset:0;z-index:1;border:0}
.story .disc:has(img){background:none}
.rows .empty,.cards .empty{list-style:none;padding:28px 0;opacity:.7}
.row .empty{display:block}
.demo-note{margin-top:14px}
.fine{margin-top:18px;max-width:78ch;font-size:12px;line-height:1.6;opacity:.6;color:var(--blush)}

.inner{max-width:1200px;margin:0 auto;padding:clamp(28px,4vw,60px) clamp(16px,3vw,48px) clamp(48px,6vw,96px)}
.inner-head{margin-bottom:clamp(24px,3vw,44px)}
.inner-head .kicker,.inner .kicker{color:var(--gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px}
.inner .sh{font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,96px);line-height:.95;letter-spacing:-.02em;color:var(--cream)}
.inner .sh em{font-style:italic}
.inner .lead{margin-top:16px;max-width:60ch;font-size:clamp(15px,1.2vw,18px);line-height:1.55;opacity:.85}
.crumbs{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blush);margin-bottom:22px;opacity:.85}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3vw,40px);margin:clamp(28px,4vw,48px) 0 16px;color:var(--cream)}

.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px;background:rgba(243,230,220,.12)}
.card{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:22px;background:var(--b800);color:var(--cream);transition:background-color .4s}
.card:hover{background:var(--b700)}
.card-top{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blush)}
.card-t{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);line-height:1.1;flex:1}
.card-pr{font-family:var(--serif);font-size:20px}
.card-pr s{opacity:.5}
.card-d{font-size:11px;letter-spacing:.14em;opacity:.6;text-transform:uppercase}
.vi{width:14px;height:14px;stroke-width:1;fill:currentColor}

.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:2px;background:rgba(243,230,220,.14);margin-top:8px}
.versus .side,.versus .mid{background:var(--b800);padding:clamp(18px,2.6vw,34px);color:var(--cream)}
.versus .side:last-child{background:var(--cream);color:var(--b800)}
.versus .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.7}
.versus .nm{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);line-height:1.1;margin:10px 0}
.versus .pr{font-family:var(--serif);font-size:clamp(34px,4.4vw,60px);line-height:1}
.versus .side:first-child .pr{opacity:.5;text-decoration:line-through;text-decoration-thickness:1px}
.versus .u{margin-top:10px;font-size:13px;opacity:.75}
.versus .mid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-width:150px;background:var(--b900)}
.vbig .vi{width:38px;height:38px;color:var(--gold)}
.vtxt{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.8vw,24px)}
.save{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blush)}
.cover{margin-top:2px;background:var(--b900)}
.cover img{display:block;width:100%;max-height:640px;object-fit:cover}
.ingr-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(243,230,220,.12)}
.ingr-grid>div{background:var(--b800);padding:clamp(16px,2vw,26px)}
.ingr-grid .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.ingr-grid ol{padding-left:22px;font-size:15px;line-height:1.7;color:var(--cream)}
.note{margin-top:12px;font-size:13px;opacity:.65;color:var(--blush)}
.prose{max-width:70ch;margin-top:clamp(24px,3vw,40px);font-size:clamp(16px,1.3vw,19px);line-height:1.7}
.prose p{margin-bottom:1.1em}
.partner{margin-top:26px}
.partner a{border-bottom:1px solid var(--gold);padding-bottom:3px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.more{margin-top:clamp(28px,4vw,56px)}

/* ---------- панель управления (телефон) ---------- */
.empty{opacity:.7}