:root {
–primary-font: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
–text-color: #333333;
–accent-color: #ff3f6c; /* Modern e-commerce pink/coral accent */
–border-radius: 50%;
}
body {
margin: 0;
font-family: var(–primary-font);
background-color: #f8f9fa;
}
/* Container styling */
.categories-section {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.categories-section h2 {
font-size: 22px;
font-weight: 600;
color: var(–text-color);
margin-bottom: 20px;
padding-left: 5px;
}
/* Flex layout setup: Spaced on desktop, scrolls horizontally on mobile */
.categories-container {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
overflow-x: auto;
white-space: nowrap;
padding: 10px 5px;
scrollbar-width: none; /* Hides default scrollbar for clean UI on Firefox */
}
.categories-container::-webkit-scrollbar {
display: none; /* Hides default scrollbar for Chrome, Safari, and Opera */
}
/* Individual Category Item */
.category-item {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: var(–text-color);
flex: 0 0 auto;
width: 110px;
transition: transform 0.3s ease;
}
/* Image Mask Circle */
.category-img-wrapper {
width: 90px;
height: 90px;
border-radius: var(–border-radius);
overflow: hidden;
background-color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
display: flex;
justify-content: center;
align-items: center;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.category-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.category-name {
margin-top: 10px;
font-size: 14px;
font-weight: 500;
text-align: center;
white-space: normal;
max-width: 100%;
transition: color 0.3s ease;
}
/* Smooth Desktop Animations */
@media (hover: hover) {
.category-item:hover {
transform: translateY(-5px);
}
.category-item:hover .category-img-wrapper {
border-color: var(–accent-color);
box-shadow: 0 6px 15px rgba(255, 63, 108, 0.15);
}
.category-item:hover .category-img-wrapper img {
transform: scale(1.1);
}
.category-item:hover .category-name {
color: var(–accent-color);
}
}
/* — RESPONSIVE BREAKPOINTS — */
/* Tablet Layout */
@media (max-width: 992px) {
.categories-container {
justify-content: flex-start;
gap: 25px;
}
.categories-section h2 {
font-size: 20px;
}
}
/* Mobile Swipe Layout */
@media (max-width: 576px) {
.categories-section {
margin: 20px auto;
padding: 0 15px;
}
.categories-section h2 {
font-size: 18px;
margin-bottom: 15px;
}
.categories-container {
gap: 15px;
padding-bottom: 5px;
}
.category-item {
width: 80px;
}
.category-img-wrapper {
width: 70px;
height: 70px;
}
.category-name {
font-size: 12px;
margin-top: 8px;
}
}

Top Categories

Electronics




Fashion




Footwear




Beauty




Jewellery




Home Appliances




Toys & Gifts




Accessories

@import url(‘https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..900;1,9..144,400..700&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap’);
.itmb-hero{
–ink:#14152c;
–ink-soft:#2a2c4d;
–gold:#c6962f;
–gold-soft:#f1e2ba;
–coral:#e6532e;
–slate:#63677c;
–font-display:’Fraunces’, Georgia, serif;
–font-body:’Manrope’, -apple-system, BlinkMacSystemFont, sans-serif;
–font-mono:’Space Mono’, ui-monospace, monospace;
–sp-5:1.5rem; –sp-6:2rem; –sp-8:4rem;
–maxw:1280px;
margin:0;
background:linear-gradient(160deg, var(–ink) 0%, var(–ink-soft) 100%);
color:#fff;
font-family:var(–font-body);
overflow:hidden;
position:relative;
}
.itmb-hero, .itmb-hero *, .itmb-hero *::before, .itmb-hero *::after{ box-sizing:border-box; }
.itmb-hero img{ max-width:100%; display:block; }
.itmb-hero a{ color:inherit; text-decoration:none; }
.itmb-hero ul{ list-style:none; margin:0; padding:0; }
.itmb-hero h1, .itmb-hero p{ margin:0; }
.itmb-hero .itmb-icon{ width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.itmb-hero :focus-visible{ outline:2.5px solid var(–coral); outline-offset:3px; }
@media (prefers-reduced-motion: reduce){
.itmb-hero *, .itmb-hero *::before, .itmb-hero *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}
.itmb-hero .itmb-wrap{ max-width:var(–maxw); margin:0 auto; padding:0 var(–sp-6); }
@media (max-width:640px){ .itmb-hero .itmb-wrap{ padding:0 1rem; } }
.itmb-hero .itmb-eyebrow{
display:inline-flex; align-items:center; gap:.5rem;
font-family:var(–font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
color:var(–gold);
}
.itmb-hero .itmb-eyebrow-dot{ width:6px; height:6px; border-radius:50%; background:var(–coral); display:inline-block; }
.itmb-hero .itmb-btn{
display:inline-flex; align-items:center; gap:.5rem; justify-content:center;
padding:.85rem 1.5rem; border-radius:3px; font-weight:700; font-size:.95rem;
border:1.5px solid transparent; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
white-space:nowrap;
}
.itmb-hero .itmb-btn:hover{ transform:translateY(-2px); }
.itmb-hero .itmb-btn–coral{ background:var(–coral); color:#fff; box-shadow:0 8px 20px rgba(230,83,46,.28); }
.itmb-hero .itmb-btn–coral:hover{ box-shadow:0 12px 26px rgba(230,83,46,.36); }
.itmb-hero .itmb-btn–ghost{ border-color:rgba(255,255,255,.4); color:#fff; }
.itmb-hero .itmb-btn–ghost:hover{ background:rgba(255,255,255,.08); }
.itmb-hero .itmb-inner{ display:grid; grid-template-columns:1.05fr .95fr; gap:var(–sp-8); align-items:center; padding-top:var(–sp-8); padding-bottom:var(–sp-8); }
.itmb-hero .itmb-copy{ animation:itmbFadeUp .8s ease both; }
.itmb-hero .itmb-visual{ animation:itmbFadeUp .8s ease .15s both; }
.itmb-hero h1{ font-family:var(–font-display); font-weight:600; font-size:clamp(2.3rem,5vw,3.6rem); line-height:1.08; margin-top:1rem; }
.itmb-hero h1 em{ font-style:italic; color:var(–gold-soft); }
.itmb-hero .itmb-sub{ margin-top:1.3rem; max-width:480px; color:#cfd0e0; font-size:1.05rem; }
.itmb-hero .itmb-actions{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.itmb-hero .itmb-trust{ display:flex; flex-wrap:wrap; gap:1.6rem; margin-top:2.4rem; border-top:1px solid rgba(255,255,255,.14); padding-top:1.4rem; }
.itmb-hero .itmb-trust li{ display:flex; align-items:center; gap:.5rem; font-size:.86rem; color:#dcdcec; font-weight:600; }
.itmb-hero .itmb-trust .itmb-icon{ color:var(–gold); }
@keyframes itmbFadeUp{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:translateY(0); } }
.itmb-hero .itmb-fan{ position:relative; width:min(440px,100%); height:420px; margin:0 auto; }
.itmb-hero .itmb-fan-item{
position:absolute; border-radius:4px; border:6px solid #fff; box-shadow:0 20px 40px rgba(0,0,0,.35);
object-fit:cover; animation:itmbFloat 6s ease-in-out infinite;
}
.itmb-hero .itmb-fan-item–1{ width:190px; height:190px; top:0; left:20px; transform:rotate(-9deg); z-index:2; }
.itmb-hero .itmb-fan-item–2{ width:170px; height:170px; top:18px; right:0; transform:rotate(8deg); z-index:1; animation-delay:.4s; }
.itmb-hero .itmb-fan-item–3{ width:180px; height:230px; bottom:0; left:60px; transform:rotate(5deg); z-index:3; animation-delay:.8s; }
.itmb-hero .itmb-fan-item–4{ width:150px; height:150px; bottom:10px; right:30px; transform:rotate(-6deg); z-index:1; animation-delay:1.2s; }
@keyframes itmbFloat{ 0%,100%{ transform:translateY(0) rotate(var(–r,0)); } 50%{ transform:translateY(-10px) rotate(var(–r,0)); } }
.itmb-hero .itmb-fan-tag{
position:absolute; font-family:var(–font-mono); font-weight:700; font-size:.85rem; color:#fff;
background:var(–coral); padding:.4rem .7rem .4rem 1rem; clip-path:polygon(0 50%,10px 0,100% 0,100% 100%,10px 100%);
box-shadow:0 8px 18px rgba(0,0,0,.3); z-index:4;
}
.itmb-hero .itmb-fan-tag–a{ top:8px; right:60px; transform:rotate(-6deg); }
.itmb-hero .itmb-fan-tag–b{ bottom:70px; left:0; transform:rotate(4deg); background:var(–gold); color:var(–ink); }
.itmb-hero .itmb-fan-review{
position:absolute; left:50%; bottom:-18px; transform:translateX(-50%); width:220px;
background:#fff; color:var(–ink); border-radius:4px; padding:.8rem 1rem; box-shadow:0 16px 34px rgba(0,0,0,.35); z-index:5;
}
.itmb-hero .itmb-fan-review .itmb-stars{ color:var(–gold); letter-spacing:.1em; font-size:.85rem; }
.itmb-hero .itmb-fan-review p{ font-size:.78rem; color:var(–slate); margin-top:.3rem; }
@media (max-width:920px){
.itmb-hero .itmb-inner{ grid-template-columns:1fr; text-align:left; }
.itmb-hero .itmb-fan{ margin-top:2.5rem; height:380px; }
}
@media (max-width:560px){
.itmb-hero .itmb-fan-item–4{ display:none; }
.itmb-hero .itmb-fan{ height:330px; }
.itmb-hero .itmb-fan-review{ width:190px; }
}

ITM Basket · Multi-vendor marketplace

Fill one basket.
Skip a dozen apps.

Electronics, jewellery, fashion, toys and home essentials from trusted sellers across India — sale-priced, cash on delivery, and easy to send back if it isn’t right.

Shop the 50% off edit
Browse categories

• COD available
• Free shipping over ₹499
• Easy returns

−75%
−67%
★★★★★

“Good” — Rohan F., verified buyer