/** Shopify CDN: Minification failed

Line 17:0 All "@import" rules must come first

**/
.flex{ display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}
.flex-flow{-webkit-flex-flow: row wrap;	 flex-flow: row wrap;   -ms-flex-flow: row wrap;}
.align-item-start{-webkit-box-align: flex-start;  -moz-box-align: flex-start;  -ms-flex-align: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start;}
.align-item-center{-webkit-box-align: center;  -moz-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;}
.align-item-end{-webkit-box-align: end;  -moz-box-align: end;  -ms-flex-align:end;  -webkit-align-items:end;  align-items:end;}
.space-between{  -webkit-box-pack: space-between;  -moz-box-pack: space-between;  -ms-flex-pack: space-between;  -webkit-justify-content: space-between;  justify-content: space-between;}
.justify-center{  -webkit-box-pack: center;  -moz-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center; }
.justify-center-end{  -webkit-box-pack: end;  -moz-box-pack: end;  -ms-flex-pack: end;  -webkit-justify-content: end;  justify-content: end; }
.flex-direction-column{ -webkit-flex-direction: column;   -moz-flex-direction: column;    -ms-flex-direction: column;    -o-flex-direction: column;    flex-direction: column;}
 
  
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.page-width-custom{max-width:1220px; padding:0 10px; margin:0 auto; }
 #shopify-section-custom_header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}
.collection_bottom_content-border {
    border-top: #000 solid 1px;
    padding: 50px 0;
}
.collection_bottom_content {    text-align: center;}
.collection_bottom_content h2{font-size: 40px;    line-height: 1.2em ;  margin:0; padding:0 0 15px;  letter-spacing: 0px ;    text-transform: none ; color:#c94c52;  }
.collection_bottom_content h4{ margin:0; padding:0 0 15px; font-size: 20px; color:#c94c52; }
.collection_bottom_content .metafield-rich_text_field p {    margin: 0;    padding: 0 0 22px;    font-size: 15px;}
.collection_bottom_content .metafield-rich_text_field p:last-child{margin-bottom:0;}

.collection_img_loop-item{margin:0 -10px 15px;}
.collection_img_loop-left {  padding:0 10px;  width: 50%;}
.collection_img_loop-right {  padding:0 10px;  width: 50%;}
.collection_img_loop-left img{width:100%; display:block}
.collection_img_loop-right{text-align:center;}
.collection_img_loop-right h2{font-size:20px; margin:0; padding:0 0 25px;}
.collection_description {    text-align: center;}
.collection_description h2{font-size:40px; font-weight:500; margin:0; padding:0 0 8px;}
.collection_description {      font-size: 18px;}
.sort-r select {
    margin: 0;
    max-width: 180px;
    margin-left: auto;   border: 0;   background: #fff url(//www.happybunch.com.my/cdn/shop/t/39/assets/select.png?v=163443801653745187891764555901) no-repeat 100% 50%; background-size: 18px 12px;     font-size: 13px; color: #8b8b99;
    padding: 0;
}

select.gf_collection-filter {
    max-width: 180px;
    margin: 0;
    border: 0;
    padding: 0;   background: #fff url(//www.happybunch.com.my/cdn/shop/t/39/assets/select.png?v=163443801653745187891764555901) no-repeat 100% 50%; background-size: 18px 12px;     font-size: 13px; color: #8b8b99;
}

.collection-menu, .sort-r, .pro-count {    width: 33.33%;}
.pro-count {
    text-align: center;     font-size: 13px; color: #8b8b99;
}


.collection_bottom_content h4.poppins-semibold {
    font-size: 35px;
} 
.collection_bottom_content .metafield-rich_text_field h3 {
    font-size: 30px;padding-top: 10px;
}
.collection_bottom_content strong {color: inherit;}

.collection_bottom_content .metafield-rich_text_field a {
    color: inherit;
}
.collection_img_loop-right h2 {   
  color:#cb555b;
    font-weight: 500;
    font-size: 30px;
    padding-bottom: 15px;
      line-height: 30px;
}
.collection_img_loop-item:nth-child(even) {
    flex-direction: row-reverse;
}
.collection_img_loop-right {
    padding: 0 30px;
}
 .collection_bottom_content-border {
    padding-bottom: 20px;
}

.metafield_custom_collection ul {

    padding: 0;
       margin: 0 -15px;
    display: flex;
}
.metafield_custom_collection{
  width: 100%;
}
.metafield_custom_collection img {
    width: 100%;
    display: block;
}

.metafield_custom_collection li {
    width: 33.33%;
  padding: 0 15px;
    display: block;
}
.meta_content_collection .metafield-rich_text_field p {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    padding: 12px 0 0;
}

.meta_content_collection {
    padding: 18px 35px 10px;
}

.collection_img_loop-left.full_width_image ,.collection_img_loop-right.full_width_image{
    width: 100%;
}
/*=========responsive=====*/
@media(max-width:768px){
.collection_img_loop-item{margin:0 0px 15px;}
.collection_img_loop-left {  padding:0 10px 20px;  width: 100%;}
.collection_img_loop-right {  padding:0 10px;  width: 100%;}
.collection_img_loop-right h2 {    padding: 0 0 6px;} 
.collection_description h2{font-size:30px;}  
  .collection_img_loop-right h2{
    font-size:22px;  line-height: 22px;
  }
.metafield_custom_collection li {
    padding: 0 10px;
}

.metafield_custom_collection ul {
    padding: 0px 15px;
}

.meta_content_collection .metafield-rich_text_field p {
    font-size: 14px;
}

.meta_content_collection {
    padding: 10px 50px 10px;
}
  
}

@media(max-width:767px){
  .collection_bottom_content h2{font-size: 25px; }
  .pro-count {
    display: none;
}
  .collection-header-cover{margin:0 -5px;}
  .collection-menu, .sort-r, .pro-count { padding:0 5px;   width: 50%;}


.metafield_custom_collection li {
    width: 100%;
}

.metafield_custom_collection ul {
    flex-wrap: wrap;
}

.meta_content_collection {
    padding: 10px 8px 3px;
}
.collection_bottom_content h4.poppins-semibold {
    font-size: 22px;
    line-height: 22px;
}

  
}


