/* =========================================
RADHEY STORE – 3 CARDS SAME LINE
[ WOMEN ] [ MEN ] [ KIDS ]
========================================= */

.rs-3-cards {
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 0;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 20px;
box-sizing: border-box;
}

/* =========================================
EACH CARD
========================================= */

.rs-card {
flex: 1 1 0 !important;
width: 33.333% !important;
min-width: 0 !important;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 0 0 28px 28px;
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 8px 28px rgba(15,23,42,.08);
font-family: Arial, sans-serif;
transition: .3s ease;
}

.rs-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 38px rgba(15,23,42,.13);
}

/* =========================================
IMAGE
========================================= */

.rs-card-img {
width: 100%;
aspect-ratio: 3 / 2;
background: #f7f5f1;
overflow: hidden;
}

.rs-card-img img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
}

/* =========================================
CONTENT
========================================= */

.rs-card-content {
padding: 15px 14px 14px;
box-sizing: border-box;
}

/* =========================================
TOP
========================================= */

.rs-card-top {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}

/* =========================================
ICON
========================================= */

.rs-card-icon {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
background: #f4f0e8;
color: #9a4f16;
display: flex;
align-items: center;
justify-content: center;
}

.rs-card-icon svg {
width: 25px;
height: 25px;
}

/* =========================================
TITLE
========================================= */

.rs-card-title {
flex: 1;
min-width: 0;
margin: 0;
color: #102d4d;
font-size: 21px;
line-height: 1.2;
font-weight: 700;
}

/* =========================================
ARROW
========================================= */

.rs-card-arrow {
width: 30px;
height: 30px;
min-width: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #b85d16;
text-decoration: none !important;
}

.rs-card-arrow svg {
width: 25px;
height: 25px;
}

/* =========================================
DESCRIPTION
========================================= */

.rs-card-desc {
margin: 10px 0 18px;
color: #687a91;
font-size: 15px;
line-height: 1.5;
}

/* =========================================
BUTTON
========================================= */

.rs-card-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 8px 17px;
border-radius: 25px;
background: #f4f0e8;
color: #934c17;
text-decoration: none !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
box-sizing: border-box;
transition: .25s ease;
}

.rs-card-btn:hover {
background: #934c17;
color: #fff;
}

/* =========================================
TABLET
768 – 1024px
========================================= */

@media (min-width:768px) and (max-width:1024px) {

.rs-3-cards {
gap: 14px;
}

.rs-card-content {
padding: 13px 10px;
}

.rs-card-title {
font-size: 18px;
}

.rs-card-desc {
font-size: 14px;
}

.rs-card-icon {
width: 28px;
height: 28px;
min-width: 28px;
}

.rs-card-icon svg {
width: 22px;
height: 22px;
}
}

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

@media (max-width:767px) {

.rs-3-cards {
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 20px;
}

.rs-card {
width: 100% !important;
flex: 0 0 100% !important;
}

.rs-card-title {
font-size: 21px;
}

.rs-card-desc {
font-size: 16px;
}

.rs-card-content {
padding: 18px 16px;
}
}

/* =====================================================
RADHEY STORE
ETHNIC + CASUAL + SPORT + OFFICE WEAR
4 CARDS RESPONSIVE
===================================================== */

.rs-wear-cards {
width: 100%;
max-width: 1500px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
gap: 20px;
box-sizing: border-box;
}

.rs-wear-card {
width: 25%;
flex: 1 1 0;
min-width: 0;
text-align: center;
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,.08);
box-sizing: border-box;
transition: transform .3s ease, box-shadow .3s ease;
}

.rs-wear-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,.13);
}

/* =====================================================
IMAGE
===================================================== */

.rs-wear-image-link {
display: block;
text-decoration: none !important;
}

.rs-wear-image {
width: 100%;
aspect-ratio: 340 / 343;
object-fit: cover;
display: block;
}

/* =====================================================
CATEGORY NAME
===================================================== */

.rs-wear-link {
text-decoration: none !important;
color: #111827;
}

.rs-wear-name {
margin: 7px 5px 0;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
}

/* =====================================================
DISCOUNT
===================================================== */

.rs-wear-discount {
margin: 3px 0;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
color: #ff6b00;
}

/* =====================================================
SHOP NOW BUTTON
===================================================== */

.rs-wear-button {
display: inline-block;
background: #ff0000;
color: #ffffff !important;
padding: 4px 16px;
border-radius: 5px;
text-decoration: none !important;
margin: 3px 0 10px;
transition: .3s ease;
}

.rs-wear-button span {
display: block;
color: #ffffff;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .4px;
}

.rs-wear-button:hover {
background: #cc0000;
transform: translateY(-2px);
}

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

@media (max-width: 1024px) {

.rs-wear-cards {
gap: 14px;
}

.rs-wear-card {
width: 25%;
}

.rs-wear-name {
font-size: 15px;
}

.rs-wear-discount {
font-size: 18px;
}

.rs-wear-button {
padding: 4px 13px;
}
}

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

@media (max-width: 767px) {

.rs-wear-cards {
width: 100%;
display: flex;
flex-direction: column;
gap: 22px;
}

.rs-wear-card {
width: 100%;
max-width: 340px;
margin: 0 auto;
flex: none;
}

.rs-wear-image {
width: 100%;
aspect-ratio: 340 / 343;
}

.rs-wear-name {
font-size: 16px;
}

.rs-wear-discount {
font-size: 20px;
}

.rs-wear-button {
padding: 5px 17px;
margin-bottom: 12px;
}

.rs-wear-button span {
font-size: 12px;
}
}

WOW DEALS

.rs-wow-deals {
text-align: center;
font-size: 32px;
font-weight: 800;
color: #0F172A;
margin: 0 0 25px;
letter-spacing: 1px;
}

.rs-products {
width: 100%;
max-width: 1450px;
margin: auto;
padding: 20px 15px;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

.rs-product-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 18px;
}

/* ================= CARD FLEXBOX FIX ================= */
.rs-product-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0,0,0,.06);
transition: .3s ease;
display: flex;
flex-direction: column;
height: 100%; /* Important for equal height */
}

.rs-product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

/* ================= IMAGE SLIDER ================= */
.rs-image-slider {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
background: #f7f7f7;
}

.rs-image-slider img {
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}

.rs-image-slider img.active {
display: block;
}

/* ================= ARROWS ================= */
.rs-prev,
.rs-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: auto;
height: auto;
padding: 0;
margin: 0;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-size: 32px;
line-height: 1;
cursor: pointer;
z-index: 5;
box-shadow: none !important;
text-shadow: 0 2px 5px rgba(0,0,0,.65);
outline: none !important;
}

.rs-prev { left: 8px; }
.rs-next { right: 8px; }

.rs-prev:hover, .rs-next:hover {
background: transparent !important;
color: #ffffff !important;
box-shadow: none !important;
transform: translateY(-50%);
}

/* ================= HIDE DOTS ================= */
.rs-dots { display: none !important; }

/* ================= PRODUCT INFO ================= */
.rs-product-info {
padding: 13px;
display: flex;
flex-direction: column;
flex-grow: 1; /* Pushes the button down */
}

.rs-product-name {
margin: 0 0 8px;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #1f2937;

/* Strict 3 Line Fix */
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 63px; /* Forces box to take 3 lines space even if text is 2 lines */
}

/* ================= RATING (SINGLE LINE FIX) ================= */
.rs-rating {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 12px;
white-space: nowrap; /* Rating will never break into 2 lines */
}

.rs-stars {
color: #f5b301;
font-size: 14px;
letter-spacing: 1px;
}

.rs-rating-number {
font-size: 12px;
font-weight: 600;
color: #374151;
}

/* ================= SHOP BUTTON ================= */
.rs-shop-now {
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px;
background: #0f172a;
color: #fff !important;
text-align: center;
text-decoration: none !important;
border-radius: 7px;
font-size: 13px;
font-weight: 700;
transition: .25s;
margin-top: auto; /* Magic line that pushes button to the very bottom */
}

.rs-shop-now:hover {
background: #d4af37;
color: #0f172a !important;
}

/* ================= TABLET ================= */
@media (max-width: 1200px) {
.rs-product-grid {
grid-template-columns: repeat(4, 1fr);
}
}

/* ================= MOBILE ================= */
@media (max-width: 700px) {
.rs-products { padding: 10px 7px; }
.rs-product-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.rs-product-info { padding: 10px; }
.rs-product-name {
font-size: 13px;
min-height: 54px; /* adjusted for smaller font */
}
.rs-stars { font-size: 12px; }
.rs-rating-number { font-size: 10px; }
.rs-shop-now { font-size: 12px; padding: 9px; }
.rs-prev, .rs-next { font-size: 27px; }
.rs-prev { left: 5px; }
.rs-next { right: 5px; }
}

function rsSlide(btn, direction) {
let slider = btn.parentElement;
let images = slider.querySelectorAll(‘img’);
let currentIndex = 0;

for (let i = 0; i = images.length) newIndex = 0;
if (newIndex < 0) newIndex = images.length – 1;

images[newIndex].classList.add('active');
}