/* ─── Blog (saytda /blog) ─── */
.bl-ru { display: none; }
html[lang="ru"] .bl-az { display: none; }
html[lang="ru"] .bl-ru { display: revert; }
.bl-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 auto 26px; max-width: 900px; }
.bl-cat { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .12); color: var(--tx); text-decoration: none; font-size: .86rem; font-weight: 600; transition: .2s; }
.bl-cat em { font-style: normal; color: var(--gold); font-variant-numeric: tabular-nums; }
.bl-cat small { opacity: .6; font-weight: 500; }
.bl-cat:hover { border-color: var(--acc); }
.bl-cat.on { background: var(--acc); border-color: var(--acc); color: #1a0d11; }
.bl-cat.on em, .bl-cat.on small { color: inherit; }
.bl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.bl-card { display: flex; gap: 16px; align-items: flex-start; padding: 20px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .09); background: linear-gradient(155deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015)); color: var(--tx); text-decoration: none; transition: transform .25s cubic-bezier(.2, .8, .2, 1), border-color .25s; }
.bl-card:hover { transform: translateY(-3px); border-color: rgba(255, 130, 155, .35); }
.bl-card .bl-stk { width: 62px; height: 62px; flex: 0 0 auto; }
.bl-card h3 { margin: 4px 0 6px; font-size: 1.08rem; line-height: 1.3; }
.bl-card p { margin: 0 0 8px; color: var(--mut); font-size: .88rem; line-height: 1.55; }
.bl-card small, .bl-date { color: var(--mut2, var(--mut)); font-size: .78rem; }
.bl-ck { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-weight: 700; }
.bl-post { max-width: 760px; }
.bl-ph { display: flex; gap: 18px; align-items: center; margin-bottom: 26px; }
.bl-ph .bl-stk { width: 92px; height: 92px; flex: 0 0 auto; }
.bl-ph h1 { font-family: var(--serif); font-size: clamp(1.7rem, 4.6vw, 2.5rem); line-height: 1.15; margin: 6px 0; }
.bl-body { font-size: 1.04rem; line-height: 1.8; }
.bl-body h2 { font-family: var(--serif); font-size: 1.5rem; margin: 30px 0 10px; color: var(--acc2, var(--acc)); }
.bl-body p { margin: 0 0 16px; }
.bl-body ul { margin: 0 0 18px; padding-left: 22px; }
.bl-body li { margin: 6px 0; }
.bl-body li::marker { color: var(--acc); }
.bl-body b { color: var(--tx); }
.bl-cta { margin: 34px 0 10px; }
.bl-relh { font-family: var(--serif); margin: 34px 0 14px; }
.bl-rels { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.bl-rel { display: flex; gap: 12px; align-items: center; padding: 14px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .09); color: var(--tx); text-decoration: none; font-size: .9rem; line-height: 1.35; }
.bl-rel .bl-stk { width: 44px; height: 44px; flex: 0 0 auto; }
html[data-theme="light"] .bl-card, html[data-theme="light"] .bl-rel { background: #fff; border-color: rgba(120, 70, 88, .12); }
html[data-theme="light"] .bl-cat { border-color: rgba(120, 70, 88, .18); }
@media (max-width: 560px) { .bl-card { padding: 16px; gap: 12px; } .bl-card .bl-stk { width: 50px; height: 50px; } .bl-ph { flex-direction: column; align-items: flex-start; } .bl-ph .bl-stk { width: 70px; height: 70px; } }

/* ─── Pəhriz kartları: satış düymələri (qiymət WhatsApp-da) ─── */
.x-diet { position: relative; }
.xd-pop { position: absolute; top: -11px; right: 18px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 99px; background: linear-gradient(135deg, #f3d27a, #d9a43a); color: #2a1a05; font-size: .72rem; font-weight: 800; letter-spacing: .02em; box-shadow: 0 8px 18px -8px rgba(217, 164, 58, .8); }
.xd-foot { display: flex; flex-wrap: wrap; gap: 8px; }
.xd-foot .x-btn { flex: 1 1 auto; justify-content: center; }
.xd-foot .x-btn.main i.fa-whatsapp { font-size: 1.05rem; }
.xd-free { background: transparent !important; border: 1px solid rgba(255, 255, 255, .18) !important; color: var(--tx) !important; box-shadow: none !important; }
html[data-theme="light"] .xd-free { border-color: rgba(120, 70, 88, .25) !important; }
/* Blog şəkilləri */
.bl-cover { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; display: block; }
.bl-card.has-cover { display: flex; flex-direction: column; gap: 12px; padding-top: 12px; }
.bl-card.has-cover .bl-cover { aspect-ratio: 16 / 10; }
.bl-ph.has-cover { display: flex; flex-direction: column; gap: 18px; }
.bl-ph.has-cover .bl-cover { max-height: 460px; }
.bl-rel .bl-cover { width: 72px; height: 52px; aspect-ratio: auto; border-radius: 12px; flex: 0 0 auto; }
.bl-fig { margin: 22px 0; }
.bl-fig img { width: 100%; height: auto; border-radius: 16px; display: block; }
.bl-fig figcaption { margin-top: 8px; font-size: .84rem; opacity: .7; text-align: center; }