/* Рецепты diazizova.ru — список и карточка. Подключается после blog.css. Источник: projects/azizova/work/editor/theme/css/recipes.css */
/* Переключатель разделов */
.dz-rchips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.dz-rchip{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;background:#fff;border:2px solid #fff;font:800 15px/1 var(--dz-f-body);color:var(--dz-ink);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.dz-rchip small{font-size:12px;font-weight:800;color:var(--dz-muted);background:var(--dz-pink-soft);border-radius:99px;padding:4px 7px}
.dz-rchip:hover{border-color:var(--dz-berry);color:var(--dz-ink);text-decoration:none}
.dz-rchip.is-on{background:var(--dz-berry);border-color:var(--dz-berry);color:#fff}
.dz-rchip.is-on small{background:rgba(255,255,255,.25);color:#fff}
.dz-rchip.is-small{padding:8px 14px;font-size:13px;background:var(--dz-pink-soft);border-color:var(--dz-pink-soft);color:var(--dz-berry-deep)}
@media (max-width:639px){.dz-rchips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:22px -18px 0;padding:0 18px 4px;scrollbar-width:none}.dz-rchips::-webkit-scrollbar{display:none}.dz-rchip{flex:0 0 auto}}

/* Подраздел на общей странице */
.dz-rsec{margin:0 0 56px;scroll-margin-top:100px}
.dz-rsec-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0 0 22px}
.dz-rsec-title{margin:0;font-size:clamp(26px,3vw,34px)}
.dz-rsec-head .dz-hand{font-size:26px}
.dz-rsec-more{margin-left:auto;font-weight:800;color:var(--dz-berry-deep);text-decoration:none;white-space:nowrap}
.dz-rall{text-align:center;margin:40px 0 0}

/* Карточки рецептов */
.dz-rgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
@media (max-width:1199px){.dz-rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
@media (max-width:767px){.dz-rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.dz-rcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dz-line);border-radius:26px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.dz-rcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(46,127,168,.14)}
.dz-rcard-media{position:relative;display:block;aspect-ratio:1/1;background:var(--dz-pink-soft);overflow:hidden}
.dz-rcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.dz-rcard:hover .dz-rcard-media img{transform:scale(1.04)}
.dz-rcard-media.is-empty{display:grid;place-items:center;font:800 54px/1 var(--dz-f-round);color:var(--dz-berry);text-decoration:none}
.dz-rcard-badge{position:absolute;left:12px;top:12px;font:800 11px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:99px;background:#fff;color:var(--dz-berry-deep)}
.dz-rcard-body{display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;flex:1;min-width:0}
.dz-rcard-cat{font:800 11px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--dz-sky-deep)}
.dz-rcard-title{margin:0;font-size:15.5px;line-height:1.25;letter-spacing:-.01em;hyphens:manual;overflow-wrap:break-word}
.dz-rcard-title a{white-space:normal}
.dz-rcard-title a{color:var(--dz-ink);text-decoration:none}
.dz-rcard-title a:hover{color:var(--dz-berry-deep)}
.dz-rcard-tag{margin:0;font:700 21px/1.1 var(--dz-f-hand);color:var(--dz-berry-deep)}
.dz-rcard-kbju{margin:auto 0 0;padding-top:6px;font-size:13px;font-weight:700;color:var(--dz-muted)}
@media (max-width:767px){.dz-rcard{border-radius:20px}.dz-rcard-body{padding:12px 12px 14px}.dz-rcard-title{font-size:15.5px}.dz-rcard-tag{font-size:18px}.dz-rcard-kbju{font-size:11.5px}}

/* Карточка рецепта */
.dz-recipe{max-width:1140px;margin:0 auto;font-family:var(--dz-f-body);color:var(--dz-ink)}
.dz-rtop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.dz-rtop .dz-post-back{margin:0}
.dz-rlayout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:start}
.dz-rphoto{margin:0;position:sticky;top:110px;border-radius:32px;overflow:hidden;aspect-ratio:1/1;background:var(--dz-pink-soft);box-shadow:0 18px 44px rgba(46,127,168,.16)}
.dz-rphoto img{width:100%;height:100%;object-fit:cover;display:block}
.dz-rphoto.is-empty{display:grid;place-items:center;font:800 80px/1 var(--dz-f-round);color:var(--dz-berry)}
@media (max-width:959px){.dz-rlayout{grid-template-columns:1fr;gap:28px}.dz-rphoto{position:static;border-radius:26px}}
.dz-rtitle{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.1}
.dz-rtagline{margin:8px 0 0;font:700 32px/1.1 var(--dz-f-hand);color:var(--dz-berry-deep)}
.dz-rpills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dz-rpills span{font:800 12px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;padding:9px 13px;border-radius:99px;background:var(--dz-pink-soft);color:var(--dz-berry-deep)}
.dz-rh{display:flex;align-items:baseline;gap:12px;font-size:20px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.02em}
.dz-rh .dz-hand{font-size:24px;text-transform:none;letter-spacing:0}
.dz-rmain>section,.dz-rmain>aside,.dz-rmain>.dz-rbanner,.dz-rmain>.dz-rgroups{margin-top:30px}
/* Ингредиенты */
.dz-ring{background:var(--dz-pink-soft);border-radius:26px;padding:24px 26px}
.dz-ring-sub{font:800 13px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--dz-berry-deep);margin:20px 0 6px}
.dz-ring-list{list-style:none;margin:0;padding:0}
.dz-ring-list li{display:flex;align-items:baseline;padding:7px 0;font-size:17px;line-height:1.4}
.dz-ring-list li i{flex:1 1 24px;min-width:24px;margin:0 8px;border-bottom:2px dotted rgba(184,57,106,.3);transform:translateY(-4px)}
.dz-ring-list li b{flex:0 1 auto;text-align:right;font-weight:800}
@media (max-width:639px){.dz-ring{padding:20px 18px}.dz-ring-list li{font-size:16px}.dz-ring-list li b{max-width:48%}}
/* Шаги */
.dz-rsteps ol{list-style:none;counter-reset:dzs;margin:0;padding:0}
.dz-rsteps li{counter-increment:dzs;position:relative;padding:4px 0 4px 50px;margin:0 0 14px;font-size:17.5px;line-height:1.55}
.dz-rsteps li::before{content:counter(dzs);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--dz-berry);color:#fff;display:grid;place-items:center;font:800 15px/1 var(--dz-f-body)}
/* КБЖУ */
.dz-rkb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dz-rkb div{border-radius:20px;padding:14px 14px 12px;color:#fff;display:flex;flex-direction:column;gap:6px}
.dz-rkb span{font:800 11px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;opacity:.92}
.dz-rkb b{font:800 34px/1 var(--dz-f-round)}
.dz-rkb small{font-size:15px;margin-left:2px}
.dz-rkb .is-k{background:var(--dz-berry)}.dz-rkb .is-p{background:#5DB574}.dz-rkb .is-f{background:#EE8FB1}.dz-rkb .is-c{background:#4BACDC}
@media (max-width:639px){.dz-rkb{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-rkb b{font-size:30px}}
/* Совет */
.dz-rtip{border:2px dashed var(--dz-pink);border-radius:22px;padding:16px 20px;display:flex;gap:12px;align-items:baseline}
.dz-rtip b{flex:0 0 auto;font:800 13px/1.4 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--dz-berry)}
.dz-rtip p{margin:0;font-size:16.5px;line-height:1.55}
@media (max-width:639px){.dz-rtip{flex-direction:column;gap:6px}}
/* Конструктор (боулы) */
.dz-rbanner{margin:0;padding:16px 22px;border-radius:20px;background:var(--dz-berry);color:#fff;font-weight:800;font-size:17px}
.dz-rgroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dz-rgroup{border-radius:22px;padding:20px 22px;margin:0!important}
.dz-rgroup h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;text-transform:uppercase;letter-spacing:.02em}
.dz-rgroup h2 i{font-style:normal;flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 14px/1 var(--dz-f-body)}
.dz-rgroup ul{margin:0;padding-left:1.1em}
.dz-rgroup li{margin:0 0 6px;font-size:16px;line-height:1.4}
.dz-rgroup.is-c0{background:var(--dz-pink-soft)}.dz-rgroup.is-c0 h2{color:var(--dz-berry-deep)}.dz-rgroup.is-c0 i{background:var(--dz-berry)}.dz-rgroup.is-c0 li::marker{color:var(--dz-berry)}
.dz-rgroup.is-c1{background:#E9F5EE}.dz-rgroup.is-c1 h2{color:#2F7A49}.dz-rgroup.is-c1 i{background:#5DB574}.dz-rgroup.is-c1 li::marker{color:#5DB574}
.dz-rgroup.is-c2{background:#FCE8F0}.dz-rgroup.is-c2 h2{color:var(--dz-berry-deep)}.dz-rgroup.is-c2 i{background:#EE8FB1}.dz-rgroup.is-c2 li::marker{color:#EE8FB1}
.dz-rgroup.is-c3{background:#E3F2FB}.dz-rgroup.is-c3 h2{color:var(--dz-sky-deep)}.dz-rgroup.is-c3 i{background:#4BACDC}.dz-rgroup.is-c3 li::marker{color:#4BACDC}
@media (max-width:639px){.dz-rgroups{grid-template-columns:1fr}}
.dz-rtext{margin-top:30px}
/* Ещё рецепты */
.dz-rmore{margin:64px 0 0}
.dz-recipe .dz-post-cta{margin:56px 0 28px}
@media print{.dz-rtop,.dz-rmore,.dz-recipe .dz-post-cta,.dz-post-foot{display:none!important}.dz-rlayout{grid-template-columns:2fr 3fr}.dz-rphoto{position:static;box-shadow:none}}
/* Навигация по разделам ежедневника */
.dz-diary-nav{margin:56px 0 0;padding:28px 24px;border-radius:28px;background:var(--dz-pink-soft);text-align:center}
.dz-diary-nav .dz-hand{font-size:28px}
.dz-diary-nav .dz-rchips{margin-top:14px}
.dz-diary-nav .dz-rchip{border-color:#fff}
@media (max-width:639px){.dz-diary-nav{padding:22px 18px}.dz-diary-nav .dz-rchips{margin:14px -18px 0;flex-wrap:wrap;justify-content:center;overflow:visible}}