/* =====================================================
KOLORICK STORE – SCREENSHOT STYLE
===================================================== */
#kolorick-store{
–pink:#f5005b;
–pink-dark:#e60052;
–pink-light:#fff1f6;
–text:#151515;
–muted:#777;
–border:#e9e9e9;
–bg:#fffafb;
–orange:#ff9800;
font-family:Arial,Helvetica,sans-serif;
color:var(–text);
width:100%;
background:var(–bg);
}
#kolorick-store *{
box-sizing:border-box;
}
/* =====================================================
TOP BAR
===================================================== */
.ks-topbar{
height:36px;
background:linear-gradient(90deg,#f90059,#ef005b,#f70068);
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 3.5%;
font-size:11px;
}
.ks-top-left,
.ks-top-right{
display:flex;
align-items:center;
gap:24px;
}
.ks-top-item{
display:flex;
align-items:center;
gap:6px;
white-space:nowrap;
}
.ks-top-icon{
font-size:14px;
}
.ks-divider{
opacity:.5;
}
/* =====================================================
MAIN HEADER
===================================================== */
.ks-header{
background:#fff;
height:68px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 3.5%;
border-bottom:1px solid #eee;
}
.ks-logo{
display:flex;
align-items:center;
gap:9px;
min-width:210px;
}
.ks-logo-box{
width:38px;
height:38px;
border-radius:8px;
background:var(–pink);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:bold;
}
.ks-logo-text{
font-size:25px;
font-weight:700;
letter-spacing:-1px;
}
.ks-search{
width:43%;
height:36px;
border:1px solid #e3e3e3;
border-radius:5px;
display:flex;
overflow:hidden;
background:#fff;
}
.ks-search input{
flex:1;
border:0;
outline:0;
padding:0 14px;
font-size:12px;
}
.ks-search button{
width:45px;
border:0;
background:var(–pink);
color:#fff;
font-size:18px;
cursor:pointer;
}
.ks-header-actions{
display:flex;
align-items:center;
gap:24px;
}
.ks-action{
display:flex;
align-items:center;
gap:7px;
font-size:11px;
white-space:nowrap;
}
.ks-action-icon{
font-size:20px;
}
.ks-cart{
position:relative;
}
.ks-cart-count{
position:absolute;
top:-8px;
right:-9px;
background:var(–pink);
color:#fff;
width:17px;
height:17px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:9px;
font-weight:bold;
}
/* =====================================================
NAVIGATION
===================================================== */
.ks-nav{
height:38px;
background:#fff;
border-bottom:1px solid #eee;
display:flex;
align-items:center;
padding-left:3.5%;
gap:45px;
}
.ks-nav a{
height:100%;
display:flex;
align-items:center;
color:#111;
text-decoration:none;
font-size:11px;
font-weight:600;
padding:0 5px;
}
.ks-nav a:hover{
color:var(–pink);
}
.ks-nav .active{
color:var(–pink);
border-bottom:2px solid var(–pink);
}
.ks-category-arrow{
margin-left:6px;
font-size:14px;
}
/* =====================================================
PAGE
===================================================== */
.ks-container{
width:95%;
max-width:1500px;
margin:auto;
}
.ks-breadcrumb{
font-size:10px;
color:#777;
padding:18px 15px 10px;
}
.ks-breadcrumb span{
color:#222;
}
/* =====================================================
SHOP TITLE
===================================================== */
.ks-title-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
padding:0 15px 18px;
}
.ks-title h1{
font-size:24px;
margin:0 0 6px;
}
.ks-title p{
margin:0;
font-size:11px;
color:#777;
}
/* =====================================================
SERVICES
===================================================== */
.ks-services{
display:flex;
background:#fff;
border:1px solid #eee;
border-radius:8px;
box-shadow:0 3px 15px rgba(0,0,0,.04);
}
.ks-service{
min-width:145px;
padding:12px 15px;
display:flex;
gap:10px;
align-items:center;
border-right:1px solid #eee;
}
.ks-service:last-child{
border-right:0;
}
.ks-service-icon{
color:var(–pink);
font-size:21px;
}
.ks-service strong{
display:block;
font-size:10px;
margin-bottom:3px;
}
.ks-service small{
display:block;
color:#777;
font-size:8px;
}
/* =====================================================
SHOP BODY
===================================================== */
.ks-shop-body{
display:grid;
grid-template-columns:195px 1fr;
gap:17px;
padding:0 15px;
}
/* =====================================================
SIDEBAR
===================================================== */
.ks-sidebar{
background:#fff;
border:1px solid #eee;
border-radius:8px;
padding:15px;
height:max-content;
}
.ks-filter{
border-bottom:1px solid #eee;
padding-bottom:15px;
margin-bottom:15px;
}
.ks-filter:last-child{
border:0;
margin:0;
}
.ks-filter-heading{
display:flex;
justify-content:space-between;
align-items:center;
font-size:11px;
font-weight:700;
margin-bottom:12px;
}
.ks-filter-heading span{
color:#777;
}
.ks-check{
display:flex;
justify-content:space-between;
align-items:center;
font-size:10px;
margin:10px 0;
cursor:pointer;
}
.ks-check-left{
display:flex;
align-items:center;
gap:7px;
}
.ks-check input{
width:13px;
height:13px;
accent-color:var(–pink);
}
.ks-count{
color:#555;
font-size:9px;
}
.ks-price-line{
height:2px;
background:var(–pink);
position:relative;
margin:15px 5px 18px;
}
.ks-price-line:before,
.ks-price-line:after{
content:””;
position:absolute;
width:10px;
height:10px;
border:2px solid var(–pink);
background:#fff;
border-radius:50%;
top:-5px;
}
.ks-price-line:before{
left:-5px;
}
.ks-price-line:after{
right:-5px;
}
.ks-price-input{
display:flex;
align-items:center;
gap:5px;
}
.ks-price-input input{
width:100%;
height:29px;
border:1px solid #ddd;
border-radius:4px;
padding:5px;
font-size:10px;
}
.ks-stars{
color:var(–orange);
font-size:11px;
}
.ks-clear{
width:100%;
height:31px;
background:#fff;
border:1px solid var(–pink);
color:var(–pink);
border-radius:4px;
font-size:10px;
font-weight:bold;
cursor:pointer;
}
.ks-bulk{
background:linear-gradient(135deg,#fff3f7,#fff);
border:0;
border-radius:8px;
padding:15px;
margin-top:15px;
}
.ks-bulk-icon{
color:var(–pink);
font-size:28px;
margin-bottom:8px;
}
.ks-bulk strong{
font-size:11px;
}
.ks-bulk p{
font-size:9px;
color:#777;
line-height:14px;
}
.ks-contact{
width:100%;
height:30px;
border:1px solid var(–pink);
background:#fff;
color:var(–pink);
border-radius:4px;
font-size:9px;
font-weight:bold;
}
/* =====================================================
PRODUCTS AREA
===================================================== */
.ks-products{
min-width:0;
}
.ks-toolbar{
height:48px;
background:#fff;
border:1px solid #eee;
border-radius:8px;
padding:0 14px;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:12px;
}
.ks-showing{
font-size:10px;
}
.ks-toolbar-right{
display:flex;
align-items:center;
gap:12px;
}
.ks-sort{
height:29px;
min-width:105px;
border:1px solid #ddd;
border-radius:5px;
background:#fff;
font-size:10px;
padding:0 7px;
}
.ks-view{
font-size:17px;
cursor:pointer;
}
.ks-view.active{
color:var(–pink);
}
/* =====================================================
PRODUCT GRID
===================================================== */
.ks-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.ks-product{
background:#fff;
border:1px solid #e8e8e8;
border-radius:8px;
padding:9px;
position:relative;
transition:.25s;
min-width:0;
}
.ks-product:hover{
transform:translateY(-2px);
box-shadow:0 7px 20px rgba(245,0,91,.10);
}
.ks-product-image{
position:relative;
width:100%;
aspect-ratio:1/1;
border-radius:6px;
overflow:hidden;
background:#fafafa;
}
.ks-product-image img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.ks-bestseller{
position:absolute;
top:7px;
left:7px;
background:var(–pink);
color:#fff;
padding:3px 6px;
border-radius:4px;
font-size:7px;
font-weight:bold;
z-index:2;
}
.ks-heart{
position:absolute;
top:6px;
right:6px;
width:25px;
height:25px;
border:0;
border-radius:50%;
background:#fff;
font-size:16px;
cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,.08);
z-index:2;
}
.ks-product-name{
margin:9px 2px 5px;
min-height:30px;
font-size:11px;
font-weight:600;
line-height:15px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.ks-rating{
font-size:9px;
margin-bottom:7px;
}
.ks-rating-stars{
color:var(–orange);
letter-spacing:1px;
}
.ks-review{
color:#777;
margin-left:3px;
}
.ks-price{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
margin-bottom:9px;
}
.ks-current{
font-size:14px;
font-weight:bold;
}
.ks-old{
font-size:9px;
color:#999;
text-decoration:line-through;
}
.ks-discount{
background:#fff0f5;
color:var(–pink);
font-size:8px;
padding:3px 4px;
border-radius:3px;
font-weight:bold;
}
.ks-cart-row{
display:flex;
gap:5px;
}
.ks-add{
flex:1;
height:30px;
background:var(–pink);
color:#fff;
border:0;
border-radius:4px;
font-size:9px;
font-weight:bold;
cursor:pointer;
}
.ks-add:hover{
background:var(–pink-dark);
}
.ks-add:disabled{
opacity:.55;
}
.ks-cart-button{
width:34px;
height:30px;
background:#fff;
color:var(–pink);
border:1px solid var(–pink);
border-radius:4px;
cursor:pointer;
}
/* =====================================================
PAGINATION
===================================================== */
.ks-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:5px;
padding:18px 0;
}
.ks-page{
min-width:25px;
height:28px;
border:1px solid #ddd;
background:#fff;
border-radius:4px;
cursor:pointer;
font-size:10px;
}
.ks-page.active{
color:#fff;
background:var(–pink);
border-color:var(–pink);
}
.ks-page:disabled{
opacity:.35;
}
/* =====================================================
TRUST BAR
===================================================== */
.ks-trust{
background:#fff4f7;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:5px;
}
.ks-trust-item{
display:flex;
align-items:center;
gap:12px;
padding:17px 30px;
border-right:1px solid #f0dce4;
}
.ks-trust-item:last-child{
border-right:0;
}
.ks-trust-icon{
color:var(–pink);
font-size:28px;
}
.ks-trust strong{
font-size:10px;
display:block;
margin-bottom:3px;
}
.ks-trust p{
margin:0;
color:#777;
font-size:9px;
line-height:13px;
}
/* =====================================================
FOOTER
===================================================== */
.ks-footer{
background:#fff;
padding:28px 4% 15px;
}
.ks-footer-grid{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;
gap:30px;
padding-bottom:22px;
}
.ks-footer-logo{
display:flex;
align-items:center;
gap:8px;
font-size:20px;
font-weight:bold;
}
.ks-footer-logo-box{
width:30px;
height:30px;
background:var(–pink);
color:#fff;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:22px;
}
.ks-footer-tag{
color:#555;
font-size:9px;
line-height:20px;
margin-top:8px;
}
.ks-footer-col h4{
margin:0 0 12px;
font-size:11px;
}
.ks-footer-col a{
display:block;
color:#444;
text-decoration:none;
font-size:9px;
margin:9px 0;
}
.ks-footer-col a:hover{
color:var(–pink);
}
.ks-contact-line{
display:flex;
align-items:center;
gap:8px;
font-size:9px;
margin:10px 0;
}
.ks-footer-bottom{
border-top:1px solid #eee;
padding-top:15px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:9px;
color:#555;
}
.ks-payment{
display:flex;
gap:8px;
align-items:center;
}
.ks-payment span{
background:#fff;
border:1px solid #eee;
padding:5px 10px;
border-radius:4px;
font-size:9px;
font-weight:bold;
}
/* =====================================================
LOADING
===================================================== */
.ks-loading{
grid-column:1/-1;
text-align:center;
padding:70px;
color:#777;
font-size:12px;
}
.ks-spinner{
width:32px;
height:32px;
border:3px solid #eee;
border-top-color:var(–pink);
border-radius:50%;
margin:0 auto 12px;
animation:ks-spin .8s linear infinite;
}
@keyframes ks-spin{
to{transform:rotate(360deg)}
}
.ks-empty{
grid-column:1/-1;
text-align:center;
padding:70px 20px;
background:#fff;
border:1px solid #eee;
border-radius:8px;
}
.ks-empty h3{
margin:0 0 6px;
}
.ks-empty p{
color:#777;
font-size:11px;
}
/* =====================================================
RESPONSIVE
===================================================== */
@media(max-width:1100px){
.ks-header{
padding:0 2%;
}
.ks-topbar{
padding:0 2%;
}
.ks-logo{
min-width:170px;
}
.ks-header-actions{
gap:12px;
}
.ks-shop-body{
grid-template-columns:180px 1fr;
}
.ks-grid{
grid-template-columns:repeat(3,1fr);
}
.ks-services{
overflow:auto;
}
}
@media(max-width:800px){
.ks-topbar{
display:none;
}
.ks-header{
height:auto;
padding:12px;
flex-wrap:wrap;
gap:10px;
}
.ks-logo{
min-width:auto;
}
.ks-logo-text{
font-size:20px;
}
.ks-search{
order:3;
width:100%;
}
.ks-header-actions{
gap:10px;
}
.ks-action span:not(.ks-action-icon){
display:none;
}
.ks-nav{
overflow-x:auto;
gap:22px;
padding-left:12px;
}
.ks-title-row{
flex-direction:column;
align-items:flex-start;
}
.ks-services{
width:100%;
}
.ks-shop-body{
grid-template-columns:1fr;
}
.ks-sidebar{
display:none;
}
.ks-grid{
grid-template-columns:repeat(2,1fr);
gap:8px;
}
.ks-trust{
grid-template-columns:repeat(2,1fr);
}
.ks-footer-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:500px){
.ks-container{
width:100%;
}
.ks-title-row{
padding:0 10px 12px;
}
.ks-title h1{
font-size:21px;
}
.ks-shop-body{
padding:0 10px;
}
.ks-services{
display:grid;
grid-template-columns:repeat(2,1fr);
}
.ks-service{
min-width:0;
padding:9px;
}
.ks-service-icon{
font-size:17px;
}
.ks-toolbar{
padding:0 8px;
}
.ks-showing{
font-size:9px;
}
.ks-sort{
min-width:90px;
}
.ks-product{
padding:6px;
}
.ks-product-name{
font-size:10px;
}
.ks-current{
font-size:13px;
}
.ks-add{
font-size:8px;
}
.ks-trust{
grid-template-columns:1fr 1fr;
}
.ks-trust-item{
padding:12px 10px;
}
.ks-footer-grid{
grid-template-columns:1fr 1fr;
gap:20px;
}
.ks-footer-bottom{
flex-direction:column;
gap:12px;
}
}

🚚 Free Delivery on orders above ₹399
↻ Easy Returns
♢ Secure Payments
♧ Customer Support
Download App
|
Track Order
◎
▶

K
Kolorick

🔍

♙
Account


♡
Wishlist


🛒
Cart
0

Home  ›  Shop

Shop All Products

Discover smart, beautiful & useful essentials for every Indian home.

🚚
Free Delivery
On orders above ₹499
↻
Easy Returns
7 Days Returns
♢
Secure Payments
100% Protected
♧
Support
We’re here to help

Showing
1–
12
of
0
products
Sort by:

Popularity

Latest

Price: Low to High

Price: High to Low

Rating

Name A-Z

▦
☷
Loading KOLORICK Products…

♢
Quality You Can Trust

Carefully selected
for your home

₹
Best Value

Premium quality at
honest prices

♧
Made for India

Designed around
Indian homes

♧
We’re Here for You

Support before &
after your purchase