/* ============================================================
   BLOB MASK — reusable clip-path class
   ============================================================ */

.blob-mask {
  clip-path: url(#blob-mask-default);
  overflow: hidden;
  position: relative;
  transition: clip-path 0.6s ease;
}

.blob-mask--wide  { clip-path: url(#blob-mask-wide); }
.blob-mask--tall  { clip-path: url(#blob-mask-tall); }
.blob-mask--round { clip-path: url(#blob-mask-round); }

/* ============================================================
   JETPACK SLIDESHOW BLOB — specific working implementation/* ============================================================
   BLOB MASK — reusable clip-path class
   ============================================================ */

.blob-mask {
  overflow: hidden;
  position: relative;
  transition: clip-path 0.6s ease;
  margin-left: auto;
  margin-right: auto;
}

/* Default blob variants */
.blob-mask--wide  { clip-path: url(#blob-mask-wide); }
.blob-mask--tall  { clip-path: url(#blob-mask-tall); }
.blob-mask--round { clip-path: url(#blob-mask-round); }

/* ============================================================
   JETPACK SLIDESHOW BLOB — desktop/tablet
   ============================================================ */

.wp-block-jetpack-slideshow.blob-mask {
  display: block !important;
  width: 100% !important;
  max-width: 1000px !important;
  height: 500px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  position: relative !important;
  clip-path: path("M 150,480 C 60,460 10,380 20,260 C 30,140 80,60 200,30 C 320,0 420,40 540,20 C 640,4 780,10 880,80 C 960,140 980,240 940,340 C 910,420 840,480 740,490 C 640,500 560,440 460,460 C 360,480 240,500 150,480 Z") !important;
}

.wp-block-jetpack-slideshow.blob-mask,
.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper,
.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
  height: 500px !important;
}

.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container {
  overflow: hidden !important;
  opacity: 1 !important;
}

.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper {
  width: 100% !important;
}

.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1024px) {
  .wp-block-jetpack-slideshow.blob-mask {
    max-width: 100% !important;
    height: 420px !important;
    clip-path: path("M 80,400 C 40,380 10,320 12,220 C 16,120 50,50 140,20 C 230,-5 330,20 420,18 C 520,15 610,0 700,25 C 820,60 900,120 910,210 C 920,300 870,370 790,390 C 700,412 620,385 540,392 C 450,400 370,415 290,410 C 200,405 130,420 80,400 Z") !important;
  }

  .wp-block-jetpack-slideshow.blob-mask,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    height: 420px !important;
  }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {
  .wp-block-jetpack-slideshow.blob-mask {
    width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    clip-path: path("M 20,150 C 20,75 55,25 120,15 C 185,5 245,28 300,20 C 360,10 420,0 475,20 C 535,42 585,85 590,145 C 595,205 560,260 500,280 C 435,302 380,280 320,286 C 255,292 190,310 130,298 C 70,286 20,230 20,150 Z") !important;
  }

  .wp-block-jetpack-slideshow.blob-mask,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    height: 300px !important;
  }

  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    align-items: stretch !important;
  }

  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_image {
    object-position: center center !important;
  }
}

/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {
  .wp-block-jetpack-slideshow.blob-mask {
    height: 240px !important;
    clip-path: path("M 15,120 C 15,65 40,20 90,12 C 140,4 185,18 230,15 C 280,12 325,0 370,16 C 418,33 450,68 454,118 C 458,168 430,205 386,220 C 338,236 295,220 250,225 C 200,230 150,246 105,238 C 58,230 15,185 15,120 Z") !important;
  }

  .wp-block-jetpack-slideshow.blob-mask,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    height: 240px !important;
  }
}
   ============================================================ */

.wp-block-jetpack-slideshow.blob-mask {
  display: block !important;
  margin: 0 auto !important;
  overflow: visible !important;
  height: 500px !important;
  max-width: 1000px !important;
  clip-path: path("M 150,480 C 60,460 10,380 20,260 C 30,140 80,60 200,30 C 320,0 420,40 540,20 C 640,4 780,10 880,80 C 960,140 980,240 940,340 C 910,420 840,480 740,490 C 640,500 560,440 460,460 C 360,480 240,500 150,480 Z") !important;
}

.wp-block-jetpack-slideshow.blob-mask
.wp-block-jetpack-slideshow_container {
  overflow: hidden !important;
  opacity: 1 !important;
  height: 500px !important;
}

.wp-block-jetpack-slideshow.blob-mask
.wp-block-jetpack-slideshow_swiper-wrapper {
  height: 500px !important;
}

.wp-block-jetpack-slideshow.blob-mask
.wp-block-jetpack-slideshow_slide {
  height: 500px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wp-block-jetpack-slideshow.blob-mask
.wp-block-jetpack-slideshow_slide figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.wp-block-jetpack-slideshow.blob-mask
.wp-block-jetpack-slideshow_image {
  width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 768px) {
  .wp-block-jetpack-slideshow.blob-mask {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    clip-path: path("M 20,150 C 20,75 55,25 120,15 C 185,5 245,28 300,20 C 360,10 420,0 475,20 C 535,42 585,85 590,145 C 595,205 560,260 500,280 C 435,302 380,280 320,286 C 255,292 190,310 130,298 C 70,286 20,230 20,150 Z") !important;
  }

  .wp-block-jetpack-slideshow.blob-mask,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_container,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_swiper-wrapper,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    height: 300px !important;
    width: 100% !important;
  }

  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_slide figure,
  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_image {
    width: 100% !important;
    height: 100% !important;
  }

  .wp-block-jetpack-slideshow.blob-mask .wp-block-jetpack-slideshow_image {
    object-fit: cover !important;
    object-position: 50% 50% !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
  }
}