/* Тренировки, медитации, бьюти (kind media). Поверх blog.css и recipes.css. Источник: projects/azizova/work/editor/theme/css/media.css */
.dz-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.dz-media .dz-mgrid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:959px){.dz-mgrid,.dz-media .dz-mgrid:has(> :nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.dz-mcard{container-type:inline-size;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-mcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(46,127,168,.14)}
.dz-mcard-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;text-decoration:none!important}
.dz-mcard-media img{width:100%;height:100%;object-fit:cover;display:block}
.dz-mcard-media.is-empty{background:linear-gradient(150deg,var(--dz-sky) 0 55%,var(--dz-pink) 55% 100%)}
.dz-mcard.is-n1 .dz-mcard-media.is-empty{background:linear-gradient(150deg,var(--dz-pink) 0 55%,var(--dz-sky) 55% 100%)}
.dz-mcard.is-n2 .dz-mcard-media.is-empty{background:linear-gradient(150deg,#E9F5EE 0 55%,var(--dz-pink) 55% 100%)}
.dz-mcard.is-n3 .dz-mcard-media.is-empty{background:linear-gradient(150deg,var(--dz-pink-soft) 0 55%,var(--dz-sky-mid) 55% 100%)}
.dz-mcard-num{position:absolute;left:18px;top:14px;font:800 15px/1 var(--dz-f-body);letter-spacing:.06em;color:var(--dz-berry-deep)}
.dz-mcard-word{position:absolute;left:18px;right:18px;bottom:16px;font:800 clamp(14px,9.6cqi,30px)/1.05 var(--dz-f-round);color:#fff;text-shadow:0 2px 12px rgba(34,40,58,.18);hyphens:manual;overflow-wrap:break-word}
.dz-mcard-icon{position:absolute;right:16px;top:14px;width:46px;height:46px;border-radius:50%;background:#fff center/20px no-repeat;box-shadow:0 8px 20px rgba(34,40,58,.15)}
.dz-mcard.is-video .dz-mcard-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z' fill='%23E0628F'/%3E%3C/svg%3E");background-position:56% 50%}
.dz-mcard.is-audio .dz-mcard-icon,.dz-audio-icon,.dz-soon.is-audio .dz-soon-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E0628F' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1v-6h3zM3 19a2 2 0 0 0 2 2h1v-6H3z' fill='%23E0628F'/%3E%3C/svg%3E")}
.dz-mcard-dur,.dz-mcard-soon{position:absolute;font:800 11px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:99px}
.dz-mcard-dur{left:14px;top:12px;background:#fff;color:var(--dz-berry-deep)}
.dz-mcard-media.is-empty .dz-mcard-dur{top:auto;left:auto;right:14px;bottom:16px;display:none}
.dz-mcard-soon{right:14px;bottom:14px;background:rgba(34,40,58,.72);color:#fff}
.dz-mcard-media.is-empty .dz-mcard-soon{bottom:auto;top:68px}
.dz-mcard-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.dz-mcard-title{margin:0;font-size:19px;line-height:1.2}
.dz-mcard-title a{color:var(--dz-ink);text-decoration:none}
.dz-mcard-title a:hover{color:var(--dz-berry-deep)}
@media (max-width:639px){.dz-mcard{border-radius:20px}.dz-mcard-body{padding:12px 12px 14px}.dz-mcard-title{font-size:16px}.dz-mcard-word{left:12px;bottom:12px}.dz-mcard-num{left:12px}.dz-mcard-icon{width:38px;height:38px;right:10px;top:10px;background-size:17px}.dz-mcard-media.is-empty .dz-mcard-soon{top:56px;right:10px}}
/* Материал */
.dz-mpost .dz-post-head .dz-rpills{margin:0 0 14px}
.dz-mpost .dz-rtagline{margin-top:-4px}
.dz-soon,.dz-audio{display:flex;align-items:center;gap:18px;padding:26px 28px;border-radius:28px;margin:0 0 36px;background:linear-gradient(135deg,var(--dz-sky),var(--dz-pink))}
.dz-soon{flex-direction:column;text-align:center;padding:48px 24px;aspect-ratio:16/7;justify-content:center;gap:10px}
.dz-soon b{font:800 22px/1.2 var(--dz-f-round)}
.dz-soon span{max-width:420px}
.dz-soon-icon,.dz-audio-icon{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#fff center/26px no-repeat;box-shadow:0 10px 26px rgba(34,40,58,.18)}
.dz-soon.is-video .dz-soon-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z' fill='%23E0628F'/%3E%3C/svg%3E");background-position:56% 50%}
.dz-audio>div{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.dz-audio b{font:800 20px/1.2 var(--dz-f-round)}
.dz-audio audio{width:100%;margin-top:10px}
@media (max-width:639px){.dz-soon{aspect-ratio:auto;padding:36px 18px}.dz-audio{flex-direction:column;align-items:flex-start;padding:22px 18px}}
.dz-post-cta.is-one{grid-template-columns:1fr}
/* «Ещё …» внутри узкой записи — три колонки */
.dz-mpost .dz-mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:639px){.dz-mpost .dz-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dz-mcard-soon{white-space:nowrap}
@container (max-width:200px){.dz-mcard-soon{font-size:9.5px;padding:6px 8px}.dz-mcard-icon{width:36px;height:36px;background-size:16px}}
