/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Hero background: consistent mobile position (Telegram / Safari / Chrome) */
@media (max-width: 767px) {
  .elementor-2617 .elementor-element.elementor-element-49a57ba8:not(.elementor-motion-effects-element-type-background),
  .elementor-2617 .elementor-element.elementor-element-49a57ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
  #hero32.hero:not(.elementor-motion-effects-element-type-background),
  #hero32.hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: -12vw 0% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}

@media (max-width: 390px) {
  .elementor-2617 .elementor-element.elementor-element-49a57ba8:not(.elementor-motion-effects-element-type-background),
  .elementor-2617 .elementor-element.elementor-element-49a57ba8 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
  #hero32.hero:not(.elementor-motion-effects-element-type-background),
  #hero32.hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: -14vw 0% !important;
  }
}

/* Homepage cases section: align blog grid to site width on mobile */
@media (max-width: 1024px) {
  .elementor-2617 .constalt-blog .blog-section--front-page {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-section__container,
  .elementor-2617 .constalt-blog .blog-section--front-page .blog-layout,
  .elementor-2617 .constalt-blog .blog-section--front-page .blog-layout__side {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
    min-width: 0;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post--featured,
  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post--compact {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post--featured {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.3333333333vw;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post--compact {
    grid-template-columns: minmax(0, 1fr) minmax(0, 32%);
    gap: 3.7333333333vw;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post__content {
    min-width: 0;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post__media--featured,
  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post__media--compact {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 10 / 14;
  }

  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post__image,
  .elementor-2617 .constalt-blog .blog-section--front-page .blog-post__image-fallback {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}