.room-cards-section {
    background-color: #332522;
    background-image: url('https://www.highchaparral.se/wp-content/uploads/2025/01/paper-texture-web.jpg');
    background-size: cover; /* Ensures the image covers the entire background */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-blend-mode: multiply;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}
.room-cards-section .intro-text {
    max-width: 800px;
    margin: 50px auto;
    overflow: hidden;
    color: #f7f2e7;
    text-align: center;
}
.room-cards-section .intro-text h2 {
    font-size: 2.5rem;
    color: #f7f2e7;
}
.room-cards-section .intro-text p {
    font-size: 1.3rem;
    color: #f7f2e7; 
}
.room-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
    max-width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.room-card-grid, .room-card-grid .intro-text, .room-cta {
    position: relative;
    z-index: 2;
}
.room-card {
    text-align: center;
    background-color: #b4abaa8f;
    background-image: url('https://www.highchaparral.se/wp-content/uploads/2025/01/paper-texture-web.jpg');
    background-size: cover; /* Ensures the image covers the entire background */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-blend-mode: darken;
    position: relative;
    overflow: hidden;
}
.room-card-textcontent {
    padding: 1rem;
    text-align: left;
    color: #2f2f2f;
}
.room-card img,
.room-card .placeholder {
    width: 100%;
    height: 200px;
    object-fit: cover;
    background: #ccc;
      /* Apply mask from 4 ripped edge images */
  -webkit-mask-image: url('https://www.highchaparral.se/wp-content/themes/hc-theme/img/ripped-paper-mask-bottom.png');
  mask-image: url('https://www.highchaparral.se/wp-content/themes/hc-theme/img/ripped-paper-mask-bottom.png');

  /* Optional: control positioning and size */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  /* Optional: improve performance and rendering */
  -webkit-mask-position: center;
  mask-position: center;
}
.room-cta {
    text-align: center;
    margin-top: 2rem;
}
.room-cta .button.dark {
    background-color: #2e1d1c;
    color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
}
@media (max-width: 768px) {
    .room-cards-section {
        padding: 25px;
    }
    .room-card-grid {
        grid-template-columns: repeat(1, minmax(240px, 1fr));
        gap: 1rem;
    }
    .room-cards-section .intro-text h2 {
        font-size: 1.7rem;
    }
    .room-cards-section .intro-text p {
        font-size: 1rem;
    }    
}