.elementor-446 .elementor-element.elementor-element-6018075{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E2E2E2;--border-color:#E2E2E2;--padding-top:5%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.elementor-446 .elementor-element.elementor-element-6018075, .elementor-446 .elementor-element.elementor-element-6018075::before{--border-transition:0.3s;}.elementor-446 .elementor-element.elementor-element-da1fd38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-446 .elementor-element.elementor-element-92c7fff{--spacer-size:35vw;width:var( --container-widget-width, 35vw );max-width:35vw;--container-widget-width:35vw;--container-widget-flex-grow:0;bottom:-22%;}body:not(.rtl) .elementor-446 .elementor-element.elementor-element-92c7fff{left:-14%;}body.rtl .elementor-446 .elementor-element.elementor-element-92c7fff{right:-14%;}.elementor-446 .elementor-element.elementor-element-92c7fff > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #0000FF0F 0%, #F9A53C00 69%);border-radius:50% 50% 50% 50%;}.elementor-446 .elementor-element.elementor-element-b4d7554{--spacer-size:45vw;width:var( --container-widget-width, 45vw );max-width:45vw;--container-widget-width:45vw;--container-widget-flex-grow:0;top:-21%;}body:not(.rtl) .elementor-446 .elementor-element.elementor-element-b4d7554{right:-12%;}body.rtl .elementor-446 .elementor-element.elementor-element-b4d7554{left:-12%;}.elementor-446 .elementor-element.elementor-element-b4d7554 > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #0000FF14 0%, #F9A53C00 69%);border-radius:50% 50% 50% 50%;}.elementor-446 .elementor-element.elementor-element-f2ad616{text-align:left;}.elementor-446 .elementor-element.elementor-element-f2ad616 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;}.elementor-446 .elementor-element.elementor-element-e958cf0{text-align:left;}.elementor-446 .elementor-element.elementor-element-e958cf0 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Noto Sans Thai", Sans-serif;font-size:60px;font-weight:600;}.elementor-446 .elementor-element.elementor-element-ab14882{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--z-index:5;}.elementor-446 .elementor-element.elementor-element-b876812 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Noto Sans Thai", Sans-serif;font-weight:400;line-height:1.4em;}.elementor-446 .elementor-element.elementor-element-4b840bf{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:10px;--e-filter-item-border-radius:99px 99px 99px 99px;}.elementor-446 .elementor-element.elementor-element-4b840bf .e-filter-item{font-family:"Noto Sans Thai", Sans-serif;padding:5px 15px 5px 15px;}.elementor-446 .elementor-element.elementor-element-4b840bf .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;}.elementor-446 .elementor-element.elementor-element-4b840bf .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;}.elementor-446 .elementor-element.elementor-element-4b840bf .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-446 .elementor-element.elementor-element-ac689bb{--display:flex;--background-transition:0.3s;--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;--z-index:1;}.elementor-446 .elementor-element.elementor-element-1365664{--grid-columns:4;z-index:3;}.elementor-446 .elementor-element.elementor-element-c424b43{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-446 .elementor-element.elementor-element-6018075{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-ac689bb{--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-446 .elementor-element.elementor-element-1365664{--grid-columns:2;}}@media(max-width:767px){.elementor-446 .elementor-element.elementor-element-f2ad616 .elementor-heading-title{font-size:17px;}.elementor-446 .elementor-element.elementor-element-e958cf0 .elementor-heading-title{font-size:25px;}.elementor-446 .elementor-element.elementor-element-e958cf0 > .elementor-widget-container{margin:-13px 0px 0px 0px;}.elementor-446 .elementor-element.elementor-element-b876812 .elementor-heading-title{font-size:14px;}.elementor-446 .elementor-element.elementor-element-1365664{--grid-columns:1;}}@media(min-width:768px){.elementor-446 .elementor-element.elementor-element-6018075{--content-width:1440px;}.elementor-446 .elementor-element.elementor-element-da1fd38{--width:50%;}.elementor-446 .elementor-element.elementor-element-ab14882{--width:50%;}.elementor-446 .elementor-element.elementor-element-ac689bb{--content-width:1440px;}}@media(max-width:1024px) and (min-width:768px){.elementor-446 .elementor-element.elementor-element-da1fd38{--width:100%;}.elementor-446 .elementor-element.elementor-element-ab14882{--width:100%;}}/* Start custom CSS */ul.product-colors {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 0.5em;
    justify-content: center;
}
ul.product-colors button {
    font-size: 0px;
    width: 25px !important;
    height: 25px !important;
    padding: 0;
    border-radius: 50%;
    border: none;
}
ul.product-colors li {
  position: relative;
}
.product-colors-wrap {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0.75rem;
}
.tooltip {
  /*position: absolute;*/
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*margin-left: -60px;*/
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip {
  position: absolute;
  visibility: hidden; /* Initially hidden, will be shown on hover */
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

.show-tooltip {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */