@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap’);
.rdx-shop-hdw {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.rdx-shop-hd {
background: #fafaf8;
padding: 40px 48px 36px;
font-family: ‘Poppins’, sans-serif;
border-bottom: 1px solid #f0eeea;
}
.rdx-shop-hd-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
.rdx-shop-hd h1 {
font-size: 28px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 4px;
letter-spacing: -0.3px;
}
.rdx-shop-hd p {
font-size: 14px;
color: #888;
margin: 0;
font-weight: 400;
}
@media (max-width: 768px) {
.rdx-shop-hd {
padding: 28px 20px 24px;
}
.rdx-shop-hd h1 {
font-size: 22px;
}
.rdx-shop-hd p {
font-size: 13px;
}
}

Our Products

Browse our complete collection

@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap’);
.rdx-csqw {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.rdx-csq {
background: #fafaf8;
padding: 28px 48px 32px;
font-family: ‘Poppins’, sans-serif;
}
.rdx-csq-grid {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
/* ── CARD ── */
.rdx-csq-card {
position: relative;
border-radius: 14px;
overflow: hidden;
aspect-ratio: 1 / 1;
text-decoration: none;
display: block;
background: #e8e8e8;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
border: 1.5px solid rgba(255,255,245,0.25);
transition: transform 0.3s, box-shadow 0.3s;
}
.rdx-csq-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}
.rdx-csq-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.rdx-csq-card:hover img {
transform: scale(1.1);
}
/* ── GRADIENT OVERLAY ── */
.rdx-csq-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0,0,0,0.8) 0%,
rgba(0,0,0,0.3) 40%,
rgba(0,0,0,0.05) 100%
);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 16px 10px;
transition: background 0.3s;
}
.rdx-csq-card:hover .rdx-csq-overlay {
background: linear-gradient(
to top,
rgba(0,0,0,0.85) 0%,
rgba(0,0,0,0.35) 45%,
rgba(0,0,0,0.08) 100%
);
}
.rdx-csq-name {
font-size: 14px;
font-weight: 600;
color: #fff;
text-align: center;
letter-spacing: 0.2px;
margin-bottom: 2px;
}
.rdx-csq-line {
width: 0;
height: 2px;
background: #fff;
border-radius: 2px;
transition: width 0.3s;
}
.rdx-csq-card:hover .rdx-csq-line {
width: 28px;
}
/* ── TABLET ── */
@media (max-width: 900px) {
.rdx-csq {
padding: 20px 20px 24px;
}
.rdx-csq-grid {
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.rdx-csq-name {
font-size: 12px;
}
}
/* ── MOBILE: single card visible ── */
@media (max-width: 768px) {
.rdx-csq {
padding: 16px 0 8px;
}
.rdx-csq-slider {
overflow: hidden;
position: relative;
margin: 0 16px;
border-radius: 12px;
border: 1.5px solid rgba(255,255,245,0.25);
}
.rdx-csq-grid {
display: flex;
transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
gap: 0;
}
.rdx-csq-card {
min-width: 100%;
max-width: 100%;
flex-shrink: 0;
border-radius: 12px;
aspect-ratio: 16 / 9;
}
.rdx-csq-overlay {
padding: 14px 12px;
}
.rdx-csq-name {
font-size: 15px;
font-weight: 600;
}
.rdx-csq-line {
width: 24px;
height: 1.5px;
}
}
/* ── DOTS ── */
.rdx-csq-dots {
display: none;
justify-content: center;
gap: 6px;
padding: 12px 0 4px;
}
.rdx-csq-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #d0d0d0;
border: none;
padding: 0;
cursor: pointer;
transition: all 0.3s;
}
.rdx-csq-dot.active {
background: #1a1a1a;
width: 20px;
border-radius: 3px;
}
@media (max-width: 768px) {
.rdx-csq-dots {
display: flex;
}
}

Category 1




Category 2




Category 3




Category 4

.rdx-wcuw {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.rdx-wcu {
background: #fff;
padding: 56px 48px;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
}
.rdx-wcu-top {
text-align: center;
max-width: 500px;
margin: 0 auto 40px;
}
.rdx-wcu-top h2 {
font-size: 24px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 8px;
}
.rdx-wcu-top p {
font-size: 14px;
color: #888;
margin: 0;
}
/* ── Desktop: 4 in a row ── */
.rdx-wcu-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1100px;
margin: 0 auto;
}
.rdx-wcu-card {
text-align: center;
padding: 32px 18px;
border-radius: 12px;
border: 1px solid #f0eeea;
background: #fafaf8;
transition: all 0.25s;
}
.rdx-wcu-card:hover {
border-color: #e0e0e0;
box-shadow: 0 6px 24px rgba(0,0,0,0.05);
transform: translateY(-3px);
}
.rdx-wcu-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: #f0eeea;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
transition: background 0.25s;
}
.rdx-wcu-card:hover .rdx-wcu-icon {
background: #e8e5df;
}
.rdx-wcu-icon svg {
width: 24px;
height: 24px;
color: #1a1a1a;
}
.rdx-wcu-card h3 {
font-size: 14px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 6px;
}
.rdx-wcu-card p {
font-size: 12px;
color: #999;
line-height: 1.5;
margin: 0;
}
/* ── Mobile: 2×2 grid ── */
@media (max-width: 768px) {
.rdx-wcu {
padding: 40px 16px;
}
.rdx-wcu-top {
margin-bottom: 28px;
}
.rdx-wcu-top h2 {
font-size: 20px;
}
.rdx-wcu-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.rdx-wcu-card {
padding: 24px 14px;
}
.rdx-wcu-icon {
width: 42px;
height: 42px;
margin-bottom: 12px;
}
.rdx-wcu-icon svg {
width: 20px;
height: 20px;
}
.rdx-wcu-card h3 {
font-size: 13px;
}
.rdx-wcu-card p {
font-size: 11px;
}
}

Why Choose Us

What makes us different from the rest

Premium Quality

Every product is carefully tested and verified before it reaches you.

Fast Delivery

Quick dispatch and reliable shipping across all locations.

Easy Returns

Hassle-free return process if you’re not completely satisfied.

Secure Payments

100% safe checkout with multiple payment options available.