/** Shopify CDN: Minification failed
Line 260:0 Unexpected "}"
Line 319:12 Expected ":"
**/
/*---------------------------------display only - GLOBAL --------------------------------- */
/* ซ่อนบนมือถือ (max-width ปรับตามที่ใช้) */
@media (max-width: 749px){
.only-desktop { display: none !important; }
}
/* ซ่อนบนเดสก์ท็อป */
@media (min-width: 750px){
.only-mobile { display: none !important; }
}
/*------------------------------------lang translate - GLOBAL --------------------------------------- */
.switch_language {
display: inline-flex;
align-items: center;
}
.switch_language .switch {
position: relative;
font-size:13px;
}
.switch_language .check-toggle {
position: absolute;
visibility: hidden;
}
/** PEAR OMIT 23/12/23
body, p, input, textarea, select {
font-size: 13px;
line-height: 26px;
color: #262b30;
}
**/
input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: .5rem;
}
.switch_language input.check-toggle-round-flat + label {
padding: 2px;
width: 75px; /* 80 */
height: 30px; /**/
background-color: #f9fafc;
border-radius: 60px;
box-shadow: inset 0 0 4px #00000026;
}
.switch_language .check-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
}
.switch_language .check-toggle + label {
cursor: pointer;
}
.switch_language input.check-toggle-round-flat + label::before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
border-radius: 60px;
}
.switch_language input.check-toggle-round-flat + label::before, .switch_language input.check-toggle-round-flat + label::after {
display: block;
position: absolute;
content: "";
}
.switch_language input.check-toggle-round-flat:checked + label::after {
margin-left: 36px; /* 40px*/
}
.switch_language input.check-toggle-round-flat + label::after {
top: 3px;
left: 3px;
bottom: 3px;
width: 34px;
background-color: #17a9bb;
border-radius: 52px;
transition: margin .2s;
}
.switch_language input.check-toggle-round-flat + label::before, .switch_language input.check-toggle-round-flat + label::after {
display: block;
position: absolute;
content: "";
}
.switch_language input.check-toggle-round-flat:checked ~ .on {
color: #707070;
}
.switch_language .switch > span.on {
padding-left: 5px; /*PEAR from 2px 24/6/24*/
color: #fff;
}
.switch_language .switch > span {
position: absolute;
top: 3px;
pointer-events: none;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0,0,0,.06);
width: 45%;
text-align: center;
}
.switch_language input.check-toggle-round-flat:checked ~ .off {
color: #fff;
}
.switch_language .switch > span.off {
right: 0;
padding-right: 4px;
color: #707070;
}
/* -----------------------------------header - GLOBAL ----------------------------------- */
.header__heading-link{
padding: 0px;
}
@media only screen and (max-width: 989px) {
.header__icon .icon {
height: 18px; /*24*/
width: 18px; /*24*/
}
.search-modal__form {
display: none;
}
}
.icon.icon-account {
height: 17px;
width: 17px;
}
.header__icon--cart .icon{
height: 36px;
width: 36px;
}
/* @media only screen and (min-width: 750px) {
.header__icon--cart .icon{
margin-left: -27px;
margin-top: 2px;
}
} */
#shopify-section-sections--17869009256670__header span {
font-weight: 700 !important;
}
@media screen and (min-width: 990px) {
.header {
grid-template-columns: 3fr 11fr 10fr !important;
}
}
.gm-submenu.gm-mega {
width: 810px !important;
}
.field__label {
font-size: 11px;
letter-spacing: 0px;
font-weight: 550;
}
/*.page-width {
max-width: 1000px;
} PEAR OMIT 24/26/24*/
/* .field::after, .select::after, .customer .field::after, .customer select::after, .localization-form__select::after{
top: 5px;
bottom: 5px;
} */
.gm-submenu.gm-mega.gm-submenu-bordered{
max-height: 595px !important;
}
body.gm-menu-installed .gm-menu.gm-menu-37243 .gm-item.gm-level-0 > .gm-target {
padding: 8px 10px !important;
}
body.gm-menu-installed .gm-menu .gm-grid-item {
padding: 0px 5px;
}
body.gm-menu-installed .gm-menu ul {
list-style: none;
padding: 5px;
margin: 0;
}
.gm-menu-installed .gm-menu.gm-menu-37243 .gm-submenu.gm-submenu-bordered:not(.gm-aliexpress) {
border: 1px solid rgba(241, 241, 241, 1) !important;
top: 51px;
}
.gm-product-price .gm-price {
display: none;
}
.field__label{
top: 13px;
}
/* -----------------------------------FONT - GLOBAL ----------------------------------- */
@font-face {
font-family: 'Noto Sans Thai';
src: url('/cdn/shop/files/NotoSansThai-Regular.woff2') format('woff2'),
url('/cdn/shop/files/NotoSansThai-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
text-rendering: optimizeSpeed;
}
@media (min-width: 990px){
a, #nav li a, div.title a, .headline, .subtitle, p, span, label,ul, li, bold,.tiny,th, tr ,td {
font-family: 'Noto Sans Thai' !important;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6, div.title a, b, .headline, strong, .subtitle {
font-family: 'Noto Sans Thai' !important;
font-weight: bold !important;
}
}
@media only screen and (max-width: 767px) {
html, body,
.c-menu-wrapper,
.categories .c-menu-wrapper a,
.blog .c-menu-wrapper,
.collection_link,
.sub_col_h3,
.c-menu-wrapper .c-menu span,
.layout_block,
.categories {
font-family: "Tahoma", sans-serif !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}
}
.tiny{
font-size:1.2rem;
line-height: 1.6rem;
font-weight: 600;
}
.prod_h2{
font-size:2.0rem;
line-height: 3.2rem;
}
.prod_h4{
font-size:2.0rem;
line-height: 3.2rem;
}
.buttongradient {
color: #252525;
background: linear-gradient(156deg, rgb(205 188 255 / 70%) 0%, rgb(208 255 240 / 85%) 100%);
font-weight: 600;
padding: 8px 15px 8px 15px;
}
}
/* For desktop (750px or wider) */
@media screen and (min-width: 750px) {
/* For Safari on desktop */
/* @supports (-webkit-touch-callout: none) {
body {
font-family: 'Native Font', sans-serif; /* Use native font
}
} */
/* For other browsers on desktop */
@supports not (-webkit-touch-callout: none) {
body {
font-family: 'Noto Sans Thai', sans-serif; /* Use Noto Sans Thai */
}
}
}
.predictive-search.predictive-search--header {
display: none !important;
}
/*--------------PEAR List Style GLOBAL-------------------*/
.rte li {
list-style: initial;
}
/*--------------PEAR CARD GLOBAL-------------------*/
.ratio {
--ratio-percent: 75.241% !important;
}
/*--------------------------------- PEAR ICONs - GLOBAL-------------------------------------------*/
.rainbowBG {
padding: 0px;
padding-left: 5px;
padding-right: 5px;
background: linear-gradient(108deg,rgba(223,213,254,.7) 0%,rgba(215,252,240,.7) 100%);
}
.grayBG {
color: #262b30;
background: #EAEDF2;
margin: 10px 0;
padding: 15px;
}
.grayBG p {
margin: 8px 0;
}
.lightvioletBG {
background =#eeeaf4;
}
.whiteBG {
background: #fff;
margin: 0px 10px 10px 10px;
padding: 0px 15px 15px 15px;
}
/* blog icon */
.blog-tab-icon {
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
margin-right: 5px;
}
.blog-tab-icon.active {
padding: 4px 13px;
}
.blog-how-to-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.blog-how-to-icon.active {
background-image: url('data:image/svg+xml;utf8,');
}
.blog-knowledge-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.blog-knowledge-icon.active {
background-image: url('data:image/svg+xml;utf8,');
}
.blog-news-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.blog-news-icon.active {
background-image: url('data:image/svg+xml;utf8,');
}
/* Custom article css */
.divline {
border-top: 0.5px none rgb(234, 237, 242);
border-bottom: 1px solid #EAEDF2;
display: block !important;
}
.how-to-icon {
background-color: #EAEDF2;
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8,');
display: block !important;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.how-to-icon.active {}
.new-active-icon {
background-color: #EAEDF2;
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8,');
display: block !important;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.pin-active-icon {
background-color: #EAEDF2;
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8,');
display: block !important;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.cart-icon {
background-color: #EAEDF2;
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8, ');
display: block !important;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.news-active-icon {
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8, ');
align-items: flex-start;
background-color: #EAEDF2;
display: flex;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.write-icon {
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8, ');
align-items: flex-start;
background-color: #EAEDF2;
display: flex;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.idea-icon {
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8, ');
align-items: flex-start;
background-color: #EAEDF2;
display: flex;
padding: 8px;
width: 55px;
height: 55px;
display: block !important;
}
.home-paragraph {
color: #262b30;
background-color: #EAEDF2;
font-size: 13px;
line-height: 26px;
margin: 10px;
padding: 15px;
}
.head-line {
border-top: 0.5px none #eaedf2;
border-bottom: 1px solid #EAEDF2;
}
.rainbow-highlight-bg {
background: linear-gradient(108deg,rgba(223,213,254,.7) 0%,rgba(215,252,240,.7) 100%);
padding: 5px 8px 5px 8px;
margin: 0 5px;
}
/*------------------------------------ SOCIAL ICONS - GLOBAL ---------------------------------------------- */
@media screen and (max-width: 767px) {
.social {
margin-top: 60px;
}
}
.position-fixed.social-wrapper.bottom_social {
margin-bottom: 0;
}
.position-fixed.social-wrapper.bottom_social {
padding: 10px 0;
bottom: 125px !important;
width: 50px;
height: 195px;
position: fixed;
right: 0;
z-index: 999;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: center;
align-items: stretch;
margin-right: 0;
background: linear-gradient(108deg,rgba(223,213,254,.7) 0%,rgba(215,252,240,.7) 100%);
backdrop-filter: blur(2rem);
-webkit-backdrop-filter: blur(2rem);
-moz-backdrop-filter: blur(2rem);
}
a {
text-decoration: none;
color: #17a9bb;
}
.social-tab-en-icon {
background-image: url(/cdn/shop/files/Eng.3-01.svg?v=1621325322);
}
.social-icon {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0px 5px -1px 7px;
width: 40px;
height: 45px;
}
.social-icon {
display: block !important;
}
.social-fb-icon {
background-image: url('data:image/svg+xml;utf8,