/* MAKHIJA HOME YOUTUBE V1
   Lightweight video section: thumbnails first, player loaded only on click.
*/
.mk-home-youtube{
  padding:82px 0;
  background:linear-gradient(135deg,#fff 0%,#fff7fa 58%,#fff 100%);
  border-top:1px solid #f2e3e7;
  border-bottom:1px solid #f2e3e7;
}
.mk-home-youtube .mk-yt-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
  margin-bottom:30px;
}
.mk-home-youtube .mk-yt-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:#f32b56;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mk-home-youtube .mk-yt-kicker i{font-size:18px}
.mk-home-youtube h2{
  margin:0 0 10px;
  max-width:760px;
  color:#202431;
  font-size:clamp(31px,3.6vw,48px);
  line-height:1.13;
  letter-spacing:-.035em;
  font-weight:750;
}
.mk-home-youtube .mk-yt-intro{
  max-width:720px;
  margin:0;
  color:#69707d;
  font-size:14px;
  line-height:1.75;
}
.mk-yt-channel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:0 18px;
  border:1px solid #f0d9df;
  border-radius:13px;
  background:#fff;
  color:#202431!important;
  box-shadow:0 10px 30px rgba(123,31,62,.06);
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.mk-yt-channel-btn i{color:#ff0033;font-size:20px}
.mk-yt-channel-btn:hover{
  transform:translateY(-2px);
  border-color:#f32b56;
  box-shadow:0 14px 34px rgba(123,31,62,.11);
}
.mk-yt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.mk-yt-card{
  overflow:hidden;
  border:1px solid #f0dde2;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(123,31,62,.075);
}
.mk-yt-player{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#151821;
}
.mk-yt-player img,
.mk-yt-player iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}
.mk-yt-play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0;
  border:0;
  background:linear-gradient(180deg,rgba(18,21,29,.04),rgba(18,21,29,.26));
  cursor:pointer;
}
.mk-yt-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.mk-yt-play-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  border-radius:50%;
  background:#f32b56;
  color:#fff;
  font-size:22px;
  box-shadow:0 14px 34px rgba(0,0,0,.26);
  transition:transform .2s ease,background .2s ease;
}
.mk-yt-play:hover .mk-yt-play-icon{transform:scale(1.07);background:#d91f4d}
.mk-yt-card-body{padding:21px 22px 23px}
.mk-yt-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:9px;
  color:#9a6876;
  font-size:10px;
  font-weight:800;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.mk-yt-meta span:first-child{
  padding:5px 8px;
  border-radius:999px;
  background:#fff0f4;
  color:#e32753;
}
.mk-yt-card h3{
  margin:0;
  color:#202431;
  font-size:18px;
  line-height:1.38;
  letter-spacing:-.02em;
  font-weight:750;
}
.mk-yt-card-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  color:#f32b56!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
}
.mk-yt-card-link:hover{text-decoration:underline!important}
.mk-yt-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:18px 0 0;
  color:#7c7077;
  font-size:11px;
  line-height:1.65;
}
.mk-yt-note i{margin-top:2px;color:#f32b56}
@media(max-width:1100px){
  .mk-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-yt-card:last-child{grid-column:1/-1;max-width:560px}
}
@media(max-width:991px){
  .mk-home-youtube{padding:64px 0}
  .mk-home-youtube .mk-yt-head{grid-template-columns:1fr;align-items:start}
  .mk-yt-channel-btn{justify-self:start}
}
@media(max-width:767px){
  .mk-home-youtube{padding:52px 0}
  .mk-yt-grid{grid-template-columns:1fr}
  .mk-yt-card:last-child{grid-column:auto;max-width:none}
  .mk-home-youtube h2{font-size:34px}
  .mk-yt-card-body{padding:18px}
  .mk-yt-play-icon{width:60px;height:60px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .mk-yt-channel-btn,.mk-yt-play-icon{transition:none}
}