/* ===============================
   GRID LAYOUT
================================ */
.rs-layout-grid {
    display: grid !important;
    gap: 12px;
}

/* columns */
.rs-layout-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.rs-layout-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.rs-layout-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
.rs-layout-grid.columns-5 { grid-template-columns: repeat(5, 1fr); }
.rs-layout-grid.columns-6 { grid-template-columns: repeat(6, 1fr); }

/* ===============================
   🔥 EQUAL HEIGHT FIX (GRID)
================================ */
.rs-layout-grid .rsorangetech-item {
    height: 240px;          /* 👈 sab box same height */
    overflow: hidden;
}

.rs-layout-grid .rsorangetech-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* 👈 image cut hogi, stretch nahi */
    display: block;
}


/* ===============================
   MASONRY LAYOUT
================================ */
.rs-layout-masonry {
    column-gap: 15px;
}

.rs-layout-masonry.columns-2 { column-count: 2; }
.rs-layout-masonry.columns-3 { column-count: 3; }
.rs-layout-masonry.columns-4 { column-count: 4; }
.rs-layout-masonry.columns-5 { column-count: 5; }
.rs-layout-masonry.columns-6 { column-count: 6; }

.rs-layout-masonry .rsorangetech-gallery-item{
    break-inside: avoid;
    margin-bottom: 12px;
}


/* ===============================
   MOBILE FIX
================================ */
@media (max-width: 600px) {

    /* Grid → 1 column */
    .layout-grid {
        grid-template-columns: 1fr !important;
    }

    .layout-grid .rsorangetech-gallery-item{
        height: 180px;      /* 👈 mobile height */
    }

    /* Masonry → 1 column */
    .layout-masonry {
        column-count: 1 !important;
    }
}

/* Images */
.rsorangetech img {
    width: 100%;
    display: block;
    border-radius: 4px;
}
.rsorangetech-gallery.layout-grid img
{
 height:225px;	
	
}

.rsorangetech {
    display: block;               /* block container */
    max-width: 1400px;            /* maximum gallery width */
    margin: 0 auto;               /* center horizontally */
    column-gap: 15px;             /* spacing between columns */
    width: 100%;                  /* responsive width */
}
.rsorangetech.layout-grid img,
.rsorangetech.layout-masonry img {
    width: 100%;                  /* fill column width */
    display: block;
    margin-bottom: 15px;          /* vertical spacing */
    border-radius: 4px;            /* optional rounding */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* optional shadow */
    transition: transform 0.3s ease;
}

.rsorangetech img:hover {
    transform: scale(1.03);       /* subtle hover effect */
}

.rsorangetech-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.rsorangetech.layout-masonry {
    column-gap: 15px;
}

.rsorangetech.layout-masonry .rsorangetech-gallery-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin-bottom: 15px;
}

.rs-gallery-lightbox {
    display: block;
    cursor: zoom-in;
}

.rs-gallery-lightbox img {
    transition: transform 0.3s ease;
}

.rs-gallery-lightbox:hover img {
    transform: scale(1.03);
}

.rs-gallery-loader {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

.rs-loader {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0,0,0,0.1);
    border-top-color: #ff6a00; /* RS Orange */
    border-radius: 50%;
    animation: rs-spin 1s linear infinite;
    display: inline-block;
}

@keyframes rs-spin {
    to { transform: rotate(360deg); }
}


.rs-gallery-loader {
    animation: fadeIn .3s ease;
}

@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

.rs-gallery-load-more-wrap {
    text-align: center;
    margin: 40px 0;
}

.rs-gallery-load-more {
    background: #ff6a00;
    color: #fff;
    border: none;
    padding: 12px 28px;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s ease;
}

.rs-gallery-load-more:hover {
    background: #e85d00;
}

.rs-gallery-load-more:disabled {
    opacity: .6;
    cursor: not-allowed;
}