.elementor-widget-mycolourful_product_collection{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;align-self:stretch!important;}
.mcp-collection{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box;font-family:inherit;padding:0!important;overflow:visible!important}
.mcp-collection-title{margin:0 0 18px;font-weight:700;line-height:1.2;color:#162b3d}
.mcp-products{display:grid;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:start}
.mcp-product{min-width:0!important;max-width:100%!important;width:auto;box-sizing:border-box;overflow:visible}
.mcp-image-link{display:block;text-decoration:none}
.mcp-image-wrap{height:260px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.mcp-image-wrap img{width:100%;height:100%;object-fit:contain;display:block}
.mcp-badge{position:absolute;top:10px;left:10px;background:#aaa;color:#fff;border-radius:14px;padding:4px 9px;font-size:12px;font-weight:600}
.mcp-product-title{display:block;width:100%;max-width:100%;margin-top:10px;color:#111;text-decoration:none;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;word-break:normal;box-sizing:border-box}
.mcp-product-title:hover{text-decoration:underline}
.mcp-price{margin-top:7px;color:#111;font-size:15px;font-weight:600;line-height:1.3}
.mcp-price del{color:#777;font-weight:400;margin-left:4px}
.mcp-price ins{text-decoration:none}
.mcp-rating{margin-top:5px}
.mcp-thumbs{display:flex;align-items:center;gap:6px;margin-top:12px;min-height:42px}
.mcp-thumbs img{width:38px;height:38px;object-fit:contain;border:1px solid #ddd;border-radius:4px;background:#fff}
.mcp-thumbs span{font-size:12px;color:#111}
.mcp-empty{margin:0}

@media (max-width:1100px){
 .mcp-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
}
@media (max-width:767px){
 .mcp-collection-title{margin-bottom:16px}
 .mcp-products{
   display:grid;
   grid-template-columns:repeat(2,minmax(0,1fr));
   gap:24px 14px;
   overflow:visible;
   padding:0;
 }
 .mcp-product{
   min-width:0;
   width:100%;
 }
 .mcp-image-wrap{
   height:170px !important;
   min-height:170px !important;
   padding:0;
 }
 .mcp-image-wrap img{
   width:100%;
   height:100%;
   object-fit:contain;
 }
 .mcp-badge{
   top:8px;
   left:8px;
   font-size:11px;
   padding:4px 7px;
   border-radius:12px;
 }
 .mcp-product-title{
   height:3.05em;
   min-height:3.05em;
   margin-top:9px;
   font-size:13px;
   line-height:1.52;
   font-weight:600;
   overflow:hidden;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   text-overflow:ellipsis;
 }
 .mcp-price{
   min-height:36px;
   margin-top:7px;
   font-size:13px;
   line-height:1.35;
 }
 .mcp-thumbs{
   margin-top:8px;
   min-height:34px;
   gap:5px;
 }
 .mcp-thumbs img{
   width:32px;
   height:32px;
 }
 .mcp-add-cart{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:6px;
   width:100%;
   min-height:36px;
   margin-top:8px;
   padding:7px 8px;
   border-radius:6px;
   background:#1e293b;
   color:#fff !important;
   text-decoration:none !important;
   font-size:12px;
   font-weight:700;
   line-height:1;
 }
 
}

.mcp-add-cart{
 display:inline-flex!important;
 align-items:center;
 justify-content:center;
 gap:6px;
 margin-top:8px;
 min-height:34px;
 padding:7px 10px;
 border-radius:5px;
 background:#1683d8!important;
 color:#fff!important;
 text-decoration:none!important;
 border:0!important;
 font-size:13px;
 font-weight:600;
 line-height:1;
 box-sizing:border-box;
 cursor:pointer;
}
.mcp-add-cart:hover{background:#0f6fb9!important;color:#fff!important}
.mcp-cart-icon{width:15px;height:15px;fill:currentColor;flex:0 0 15px}
@media (min-width:768px){
 .mcp-add-cart{width:auto}
}
@media (max-width:767px){
 .mcp-add-cart{width:100%;min-height:36px;font-size:12px;padding:7px 6px}
}

/* v1.0.6 visual refinement */
.mcp-image-wrap{
  border-radius:14px;
  overflow:hidden;
}
.mcp-image-wrap img{
  border-radius:14px;
}

.mcp-add-cart{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:36px;
  margin-top:8px;
  padding:8px 10px;
  border-radius:6px;
  background:#1e88e5;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.mcp-add-cart:hover{
  color:#fff !important;
  text-decoration:none !important;
}

.mcp-product{
  box-sizing:border-box;
}
.mcp-product .mcp-add-cart{
  width:100% !important;
}


/* v1.0.9 - stable Elementor alignment */
.elementor-widget-mycolourful_product_collection,
.elementor-widget-mycolourful_product_collection > .elementor-widget-container,
.elementor-widget-mycolourful_product_collection .mcp-collection{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* Optional horizontal-scroll mode */
.mcp-products.mcp-horizontal-scroll{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:24px !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 0 10px !important;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.mcp-products.mcp-horizontal-scroll .mcp-product{
  flex:0 0 calc((100% - 120px)/6) !important;
  width:calc((100% - 120px)/6) !important;
  max-width:none !important;
}
@media (max-width:1100px){
  .mcp-products.mcp-horizontal-scroll .mcp-product{
    flex-basis:calc((100% - 54px)/4) !important;
    width:calc((100% - 54px)/4) !important;
  }
}
@media (max-width:767px){
  .mcp-products.mcp-horizontal-scroll{
    gap:14px !important;
    padding-bottom:8px !important;
    scrollbar-width:none;
  }
  .mcp-products.mcp-horizontal-scroll::-webkit-scrollbar{display:none}
  .mcp-products.mcp-horizontal-scroll .mcp-product{
    flex:0 0 calc((100% - 14px)/2) !important;
    width:calc((100% - 14px)/2) !important;
  }
}


/* v1.1.1 - Rounded product images + tighter image/title spacing + one-line ellipsis titles */
.mcp-product-title{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:1.35em !important;
  min-height:1.35em !important;
  margin-top:10px !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  box-sizing:border-box !important;
}
@media (max-width:767px){
  .mcp-product-title{
    height:1.52em !important;
    min-height:1.52em !important;
    margin-top:9px !important;
    line-height:1.52 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:block !important;
  }
}


/* v1.1.1 visual refinement */
.mcp-image-link{
  display:block !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.mcp-image-wrap{
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f7f7f7 !important;
}
.mcp-image-wrap img{
  border-radius:18px !important;
}
.mcp-product-title{
  margin-top:4px !important;
}
@media (max-width:767px){
  .mcp-product-title{
    margin-top:4px !important;
  }
}


/* v1.1.2 - Curve the actual product image, remove the extra rounded placeholder area */
.mcp-image-link{
  display:block !important;
  width:100% !important;
  border-radius:18px !important;
  overflow:hidden !important;
  line-height:0 !important;
}
.mcp-image-wrap{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:transparent !important;
  border-radius:18px !important;
}
.mcp-image-wrap img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  border-radius:18px !important;
}
@media (max-width:767px){
  .mcp-image-wrap{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
  }
}