.off-canvas-left.mfp-ready .mfp-content,
.off-canvas-right.mfp-ready .mfp-content {
    margin: 0;
}

.top-bar-nav li.wpml-ls-item {
    margin: 0 0 0 10px;
}
.header-wrapper.stuck {
    padding: 0;
}


.top-bar-nav li.wpml-ls-item a {
    border: solid 2px transparent;
    border-radius: 20px;
    padding: 0 !important;
}

.nav-sidebar li.has-child a {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.nav-sidebar li.has-child a img {
    margin: 0 10px 0 0;
    width: 25px !important;
    max-width: unset !important;
    min-width: unset !important;
}
.nav-sidebar li.has-child ul.children li a {
    flex-direction: row;
    justify-content: flex-start;
}


.top-bar-nav li.wpml-ls-item a img {
    padding: 2px;
}

.top-bar-nav li.wpml-ls-current-language a,
.top-bar-nav li.wpml-ls-item:hover a{
    border: solid 2px #00509E;
}

.blog-wrapper .badge.post-date {
    display: none;
}
.blog-wrapper article .is-divider {
    display: none;
}
.blog-wrapper article .entry-header-text {
    padding: 0;
}
.blog-wrapper article .article-inner {
    border-radius: 20px;
    background: #F7F7F7;
    padding: 20px 25px;
    margin: 0 0 20px;
    position: relative;
}
.blog-wrapper article .article-inner img.wp-post-image {
    border-radius: 10px;
}
.blog-wrapper article footer {
    border: 0;
    padding: 0;
    display: none;
}
footer#footer {
    background-color: #212121;
    margin-top: -30px;
}
.footer-links {
    padding: 55px 0 10px 0;
}
.blog-wrapper article .entry-author {
    display: none;
}
.blog-wrapper .entry-content{
    padding: 0;
    margin: 15px 0 0;
}
.blog-wrapper .entry-content .group .city {
    margin: 0 5px 0 0;
}
.blog-wrapper .entry-content a.more-link.button {
    margin: 0;
    width: 50px;
    height: 50px;
    font-size: 0 !important;
    border-radius: 30px !important;
    background-color: #00509E;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-wrapper .entry-content a.more-link.button:hover{
    background-color: #797979;
}
.blog-wrapper .entry-content a.more-link.button:before {
    content: '';
    background: url(../images/icon-arrow-right-white-1.svg) center / 25px auto;
    width: 25px;
    height: 25px;
    display: block;
}
.blog-wrapper .entry-content .entry-summary p {
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.blog div#post-list p.from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 43px;
}
body.blog div#post-list .post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 20px;
}
body.single .blog-wrapper .entry-content {
    max-width: 100%;
    float: unset;
}
.blog-wrapper .entry-content .entry-title {
    margin: 0;
}
.blog-wrapper .entry-content .group {
    display: flex;
    align-items: center;
    line-height: 1;
}
body.post-type-archive-transfers .entry-content .group {
    display: none;
}
/*
.blog-wrapper header.entry-header {
    display: none;
}
*/

body.blog div#post-list .col.post-item .col-inner {
    border-radius: 20px;
    background: #F7F7F7;
    padding: 20px;
}
body.blog div#post-list .col.post-item .box-image img {
    border-radius: 10px;
}

body.blog .blog-wrapper .badge.post-date {
    display: block;
}


body.blog .widget_search,
body.blog .widget_media_image,
body.blog .block_widget,
body.category-news-interesting .widget_search,
body.category-news-interesting .widget_media_image,
body.category-news-interesting .block_widget,
body.single-post .block_widget{
    display: none;
}

body:not(body.blog) .widget_recent_entries,
body:not(body.category-news-interesting) .widget_recent_entries{
    display: none;
}

body.blog .widget_recent_entries,
body.category-news-interesting .widget_recent_entries,
body.single-post .widget_recent_entries{
    display: block !important;
}
.blog-wrapper .entry-content .group a {
    color: #00509E;
}
.blog-wrapper .entry-content .group a:hover {
    color: #797979;
}
.blog-wrapper article:hover .entry-content .entry-title a {
    color: #00509E;
}

.nf-error .nf-error-msg {
    position: absolute;
}
.nf-error.field-wrap .nf-field-element:after,
.nf-form-fields-required{
    display: none;
}
.post-sidebar .widget-area .widget strong {
    color: #00509E;
    letter-spacing: 1px;
}
.widget-area  .textwidget.custom-html-widget .nf-form-cont h3 {
    font-size: 20px;
    font-weight: 700;
    color: #00509E;
    background-color: unset;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.widget-area .nf-form-content .list-select-wrap .nf-field-element>div {
    border: 0;
    background: unset;
}
.widget-area .textwidget.custom-html-widget .nf-form-cont input,
.widget-area .textwidget.custom-html-widget .nf-form-cont select,
.widget-area .textwidget.custom-html-widget .nf-form-cont textarea{
    border-radius: 22px !important;
    background-color: #fff;
    height: 40px !important;
    border: 1px solid #9d9d9d !important;
    padding: 0 20px;
}

.widget-area .textwidget.custom-html-widget .nf-form-cont input[type=submit]{
    background-color: #00509E;
}
.widget-area .textwidget.custom-html-widget .nf-form-cont input[type=submit]:hover{
    background-color: #797979;
    color: #fff;
}

.widget-area .textwidget.custom-html-widget .nf-form-cont{
    display: none;
}

.widget-area .textwidget.custom-html-widget .nf-form-cont label, .widget-area .textwidget.custom-html-widget .nf-form-cont span {
    font-weight: 300;
    font-size: 14px;
}
.widget-area .textwidget.custom-html-widget .nf-form-cont p b {
    font-size: 16px;
}

.widget-area .textwidget.custom-html-widget .nf-form-cont hr {
    padding: 10px 0;
}
body.single .widget.widget_search,
body.single .widget.widget_media_image{
    display: none;
}
body.archive .block_widget{
    display: none;
}
body.single.single-transfers .widget-area .widget.block_widget{
    display: none;
}
body.single.single-tours .widget-area .textwidget.custom-html-widget div#nf-form-3-cont,
body.single.single-hotels .widget-area .textwidget.custom-html-widget div#nf-form-4-cont,
body.single.single-golf .widget-area .textwidget.custom-html-widget div#nf-form-5-cont,
body.single.single-packages .widget-area .textwidget.custom-html-widget div#nf-form-6-cont,
body.single.single-transfers .widget-area .textwidget.custom-html-widget div#nf-form-7-cont{
    display: block !important;
}

body.single.single-transfers div#nf-form-7-cont .listradio-wrap ul{
    display: flex;
}
body.single.single-transfers div#nf-form-7-cont .listradio-wrap ul li {
    margin: 0 10px 0 0 !important;
}
body.page-template-default .sidebar-wrapper .widget.block_widget,
body.page-template-default .sidebar-wrapper .nf-form-cont{
    display: none;
    
}
.textwidget.custom-html-widget .wpforms-field-container {
    display: block;
}

.widget-area .textwidget.custom-html-widget .wpforms-container,
.sidebar-wrapper .textwidget.custom-html-widget .wpforms-container{
    display: none;
}
.widget-area .textwidget.custom-html-widget .wpforms-container .wpforms-field-html h3 {
    margin: 0;
    color: #00509E;
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.textwidget.custom-html-widget legend, .textwidget.custom-html-widget label {
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #000 !important;
}

body.single.single-tours .textwidget.custom-html-widget div#wpforms-534,
body.single.single-hotels .textwidget.custom-html-widget div#wpforms-518,
body.single.single-golf .textwidget.custom-html-widget div#wpforms-529,
body.single.single-packages .textwidget.custom-html-widget div#wpforms-540,
body.single.single-transfers .textwidget.custom-html-widget div#wpforms-543{
    display: block !important;
}

.textwidget.custom-html-widget .wpforms-submit-container button[type=submit]{
    border-radius: 22px !important;
    background: #00509E;
    width: 100%;
}
.textwidget.custom-html-widget .wpforms-submit-container button[type=submit]:hover{
    background: #797979;
    width: 100%;
}

.textwidget.custom-html-widget .wpforms-container .wpforms-field-radio ul,
.textwidget.custom-html-widget .wpforms-container .wpforms-field-radio ul li {
    display: flex;
    align-items: center;
    line-height: 1;
}
.textwidget.custom-html-widget .wpforms-container .wpforms-field-radio ul li input[type=radio] {
    margin: 0;
}


/* new cms */
.cms-title h3 {
    border: solid;
    background: transparent;
    border-image: linear-gradient(45deg, rgb(146 146 146 / 10%), #929292 , rgb(146 146 146 / 10%)) 1;
    border-width: 1px 0;
    border-radius: 5px;
    color: #404041;
    text-align: center;
    padding: 15px 0;
    font-size: 1.2rem;
    margin: 0 0 20px;
    font-weight: 500;
}
.cms-page a:hover,
.confirm-page .form-content .row.form-footer a:hover,
.cms-page .web:hover, 
.cms-page .color-text:hover{
    color: #d12e2e;
}
.cms-page .underline {
    text-decoration: underline;
}
.cms-page .red,
.cms-page .red-text {
    color: #FF0000;
}
.cms-page .web,
.cms-page .color-text {
    color: #00509E;
    font-size: 15px;
}
.cms-page .left-menu {
    margin: auto;
}
.cms-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-family: 'Kanit','Roboto',sans-serif;
}
.cms-page .cms-menu li {
    list-style: none;
    margin: 0;
}
.about-bottom p {
    font-family: 'Kanit';
} 

.cms-menu span {
    display: none;
    font-family: 'Kanit','Roboto',sans-serif;
    color: #525252;
    font-weight: 400;
}
.cms-menu a {
    display: flex;
    align-items: center;
    margin: 0 5px;
}
.howto-page .cms-menu .how-to-order .image, 
.shipping-page .cms-menu .shipping .image, 
.confirm-page .cms-menu .confirm-payment .image, 
.policy-page .cms-menu .privacy-policy .image {
    background-color: #000;
    border-radius: 6px;
}
.howto-page .cms-menu .how-to-order img, 
.shipping-page .cms-menu .shipping img, 
.confirm-page .cms-menu .confirm-payment img, 
.policy-page .cms-menu .privacy-policy img {
    filter: brightness(0) invert(1);
}
.about-page .title {
    background-color: #000;
    color: #fff;
    padding: 10% 15%;
    font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
        border-radius: 10px;
}
.about-page .title h1 {
    color: #fff;
    font-size: min(max(2rem, 3vw), 3rem);
}
.about-page .title p {
    margin: 0;
    font-size: min(max(1rem, 2vw), 1.3rem);
    font-weight: 500;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.about-page .about-top img {
    width: 100%;
    border-radius: 10px;
}
.payment-content .bank-data {
    display: flex;
    align-items: center;
    border-radius: 20px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.cms-page .payment-content ul {
    margin: 0;
    font-size: 0.8rem;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    display: flex;
    height: 100%;
}
.cms-page .payment-content li {
    list-style: none;
    margin: 0;
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.payment-content li:first-child {
    min-width: 135px;
    text-align: right;
}
.cms-page .payment-content .bank-detail ul:first-child li {
    padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:first-child li {
    padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:last-child li {
    padding: 0 10px 10px;
}
.cms-page .payment-content .bank-detail ul:last-child li {
    padding: 0 10px 10px;
}
.payment-content .bank-detail {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.payment-content .bank-data .bank-title {
    text-align: right;
}
.payment-content .kbank .bank-logo {
    background-color: #02a957;
}
.payment-content .scb .bank-logo {
    background-color: #4e2d7f;
}
.payment-content .ktb .bank-logo {
    background-color: #37a1e4;
}
.payment-content .bay .bank-logo {
    background-color: #685959;
}
.payment-content .scb .bank-detail li:first-child {
    background-color: rgb(78 45 128 / 10%);
}
.payment-content .ktb .bank-detail li:first-child {
    background-color: rgb(45 173 244 / 10%);
}
.payment-content .bbl .bank-detail li:first-child {
    background-color: rgb(37 66 146 / 10%);
}
.payment-content .bay .bank-detail li:first-child {
    background-color: rgb(253 217 0 / 10%);
}
.payment-content .kbank .bank-detail li:first-child {
    background-color: rgb(2 169 87 / 10%);
}
.payment-content .bank-data img {
    border-radius: 20px 0 0 20px;
    width: 70px;
}
.payment-content li.number {
    color: #00984A;
}
.payment-content li.type {
    color: #868686;
}
.shipping-content h4 {
    text-align: center;
    color: #404041;
    font-weight: 500;
    width: auto;
    margin: 0 10px;
}
.shipping-by .shipping-logo li {
    margin: 15px 0 0;
    list-style: none;
}
.shipping-by .shipping-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.shipping-by .shipping-logo img {
    width: 80px;
    margin: 0 10px;
    border-radius: 10px;
}
.shipping-content .ems img,
.shipping-content .ninja img,
.shipping-content .jt img {
    border: 1px solid #F37021;
}
.shipping-content > div {
    border-bottom: 1px solid #9f7b61;
}
.shipping-page .shipping-content .row {
    margin: 20px 0 15px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.shipping-content .row img {
    width: 25px;
}
.shipping-content p {
    color: #5B5B5B;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    text-align: center;
    font-size: 0.95rem;
}
.shipping-tracking .color-span {
    background-color: #D8FFD8;
    color: #039B00;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 1rem;
    display: inline-block;
}
.shipping-tracking .tracking-list li {
    list-style: none;
    margin: 10px 0 0;
    display: inline-flex;
    align-items: center;
    min-width: 250px;
}
.shipping-tracking .tracking-list img {
    width: 50px;
    border-radius: 10px;
    margin: 0 15px 0 0;
}
.shipping-tracking .tracking-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tracking-list a {
    color: #4B4B4B;
    text-decoration: underline;
}
.confirm-page .cms-title h3 {
    border-width: 1px 0 0 0;
    margin: 0;
}
.confirm-page .form-content > h4 {
    color: #fff;
    font-weight: 500;
    background-color: #000;
    padding: 10px 30px;
    font-size: 1rem;
    border-radius: 20px 20px 0 0;
}
.cms-page.policy-page strong, 
.cms-page.policy-page h3, 
.cms-page.policy-page h3 span {
    font-size: 16px !important;
}
.confirm-page .confirm-form {
    border: 1px solid #D0D0D0;
    border-radius: 20px;
}
.cms-page .cms-content {
    font-family: 'Kanit','Roboto',sans-serif;
    font-weight: 400;
}
.confirm-page .confirm-form #seed-confirm-form {
    padding: 20px;
    border: 0;
    font-family: 'Kanit','Roboto',sans-serif;
}
.seed-confirm-form .input-text {
    border-radius: 6px;
}
.confirm-page .seed-confirm-form .input-text {
    background-color: #FAFAFA;
    border: 1px solid #B6B6B6;
    border-radius: 0 !important;
}
.confirm-page .seed-confirm-form .seed-confirm-slip .input-text {
    background-color: transparent;
    border: none;
    padding: 5px 0;
}
input#seed-confirm-slip {
    border-radius: 0 !important;
}
.seed-confirm-form label {
    color: #505050;
    font-size: 1rem !important;
}
input#seed-confirm-btn-submit {
    border-radius: 0 !important;
    display: block;
    margin-left: auto;
    margin-right: 0;
    background-color: #000;
    color: #fff;
}
input#seed-confirm-btn-submit:hover {
    background-color: #fedd00;
    color: #000;
}
.confirm-page .form-content .row.form-footer {
    margin: 0;
    background-color: #F9F9F9;
    padding: 20px 0;
    border-radius: 0 0 20px 20px;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    border-top: 1px solid #D0D0D0;
}
.confirm-page .row.form-footer p {
    margin: 0;
}
.confirm-page .form-footer .block:first-child {
    border-bottom: 1px solid #D0D0D0;
    margin: 0 0 20px;
    padding: 0 30px 20px 30px;
}
.confirm-page .form-footer .block {
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirm-page .form-footer img {
    width: 70px;
    margin: 0 20px 0 0;
}
.confirm-page .form-content .row.form-footer a {
    color: #FF0000;
}
.form-footer .block h4 {
    color: #000;
    font-size: 1rem;
    margin: 0;
}
.seed-confirm-bank-info .form-check-label {
    display: flex;
    align-items: center;
}
.seed-confirm-bank-info .form-check-label span {
    font-size: 0.9rem;
}
.confirm-text h4 {
    text-align: center;
    color: #000;
    margin: 30px 0 10px;
}
.confirm-text {
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    color: #606060;
    text-align: center;
}
.confirm-text a {
    color: #FF0000;
}
.contact-page .cms-title h3 {
    border-bottom: none;
}
.cms-page.contact-page .cms-content {
    max-width: 100%;
    width: 100%;
}
.form-contact .form-bg {
    border: solid 1px #00984A;
    border-radius: 12px;
    padding-bottom: 0;
}
.contact-page .form-title, .contact-page .box-title {
    background-color: #00984A;
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 10px 30px;
    border-radius: 0 0 12px 12px;
    margin: 0 0 30px 15px;
}
.contact-page .box-text {
    padding: 0;
}
.contact-page .box-text h4, .contact-page .box-text p {
    margin: 0 0 0 10px;
    color: #fff;
    font-family: 'Roboto','Noto Sans Thai', sans-serif;
    font-weight: 500;
}
.contact-page .box-bg {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 0 15px 30px !Important;
    height: 100%;
}
.contact-page .box-contact .box-content ul {
    list-style: none;
    padding: 0 30px;
}
.contact-page .box-contact .box-content ul li {
    display: flex;
    margin: 0 0 30px 0;
}
.contact-page .box-contact .box-content ul img {
    width: 50px;
}
.contact-page .box-content a,
.contact-page .box-content p {
    color: #000;
}

.contact-page .wpforms-container {
    margin: 0 0 30px;
}
.map iframe {
    width: 100%;
    border-radius: 12px;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
    background-color: #000;
    padding: 0 30px;
    font-size: 1rem !important;
    color: #fff;
    width: 97%;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
    background: #f5d500 !important;
    color: #000;
}
.wpforms-container .wpforms-form .wpforms-field-container input,
.wpforms-container .wpforms-form .wpforms-field-container textarea,
.wpforms-container .wpforms-form .wpforms-field-container select{
    background-color: #FAFAFA;
    border: 1px solid #B6B6B6;
    border-radius: 0 !important;
}
.widget_product_categories li.cat-item a {
    color: #404041;
}
.widget_product_categories li.cat-item.active a,
.widget_product_categories li.cat-item:hover a {
    color: #f5d500;
}
.widget_product_categories li.cat-item.active ul.children li a {
    color: #404041;
}
.widget_product_categories li.cat-item.active ul.children li:hover a,
.widget_product_categories li.cat-item ul.children li.cat-item.current-cat.active a {
    color: #0026a6;
}
.howto-page .order-section .cms-title h3 {
    border-bottom: none;
    margin: 0;
}
.howto-page .order-content .how-col.addtocart {
    background: linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%);
    border-radius: 20px 20px 0 0;
    align-items: flex-start;
}
.howto-page .order-content .how-col.checkout,
.howto-page .order-content .how-col.confirm-payment {
    align-items: flex-start;
}
.howto-page .order-content .how-col {
    padding: 20px;
}
.howto-page .order-content .how-img {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: -20px;
}
.cms-page.howto-page .order-line {
    margin: 30px 0 0 0;
}
.cms-page.howto-page .order-line a{
    color: #FF0000;
}
.howto-page .how-col .step {
    font-family: 'Roboto',sans-serif !important;
    font-size: 1.5rem;
    box-shadow: 0px 0px 7.14876px rgba(0, 0, 0, 0.24);
    background-color: #fff;
    text-align: center;
    border-radius: 32px 0 0 32px;
    padding: 10px 10px 10px 15px;
    margin: auto 0;
    width: auto;
}
.howto-page .how-col p {
    margin: 0;
}
.howto-page .how-text h4 {
    color: #000;
    text-align: center;
}
.howto-page .how-text {
    padding: 0;
    color: #5C5C5C;
}
.howto-page .confirm-payment .color-text {
    text-decoration: underline;
}
.howto-page .how-col .how-text img {
    margin: 30px 0 0 0;
}
.cms-menu .how-to-order img {
    width: 35px;
}
.cms-menu .shipping img {
    width: 40px;
}
.foot-menu {
    padding-bottom: 0;
}
.cms-menu .confirm-payment img {
    width: 37px;
}
.cms-menu .privacy-policy img {
    width: 38px;
}
.howto-page .bank-logo {
    border-radius: 20px 0 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
}
.howto-page .cms-content {
    margin: auto;
    font-family: 'Kanit','Roboto',sans-serif;
    font-weight: 400;
}
.contact-page .cms-content li {
    list-style: none;
    margin: 0;
}
.contact-page .contact-info {
    text-align: center;
    font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.contact-page .contact-info h2 {
    font-size: 2rem;
    margin-bottom: 10px;
}
.contact-page .contact-info p {
    color: #909090;
    font-size: 1rem;
    margin: 0;
}
.contact-page .contact-info ul {
    display: grid;
    align-items: center;
    max-width: 350px;
    margin: 30px auto;
}
.contact-page .contact-info li {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    justify-items: start;
    margin: 0 0 10px;
}
.contact-page .contact-info .icon {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000;
}
.contact-page .wpforms-container .wpforms-form .wpforms-field {
    max-width: 100% !important;
    width: 100% !important;
}
.contact-form .nf-form-title, .contact-form .nf-before-form-content {
    display: none;
}
.contact-page .contact-form input,
.contact-page .contact-form textarea{
    border-radius: 20px !important;
}
.contact-page .contact-form .nf-error .nf-error-msg {
    position: absolute;
}
.contact-form nf-fields-wrap input[type=submit] {
    background-color: #00509E;
    padding: 0 30px;
    font-size: 1rem !important;
    height: 40px;
    border-radius: 30px !important;
}
.contact-page .contact-form .nf-error.field-wrap .nf-field-element:after,
.contact-page .contact-form .nf-error-msg.nf-error-field-errors{
    display: none;
}
.contact-form nf-fields-wrap input[type=submit]:hover {
    background-color: #797979;
    color: #fff;
}
.contact-page .contact-info .icon+* {
    color: #000;
    font-weight: 500;
}
.contact-page .contact-info a {
    color: #000;
}
.contact-page .contact-info a:hover {
    color: red;
}
.contact-page .contact-info .icon img {
    width: 20px;
    margin-right: 10px;
}
.contact-page .contact-social {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-page .contact-social img {
    width: 45px;
    margin: 0 10px;
}
.contact-page .contact-social a:hover{
    opacity: 0.9;
}
.contact-page .contact-social div a span {
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.contact-page .contact-social .col {
    padding: 0;
}
.contact-page .contact-bottom {
    margin: 30px 0;
}
.contact-page .contact-bottom .contact-form {
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    padding: 30px 50px;
}
.contact-page .contact-form h4 {
    color: #383838;
}
.contact-page .wpforms-container .wpforms-submit-container {
    text-align: center;
}
.contact-page .contact-info ul li.map a {
    color: #717171;
}
.contact-page .contact-info ul li.map a:hover{
    color: #F6C3C4;
}
.contact-page .contact-bottom {
    display: grid;
    grid-gap: 20px;
}
.contact-page .contact-bottom iframe {
    border-radius: 6px;
    height: 100%;
}
.cms-page.policy-page strong {
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.cms-page.policy-page .cms-content span, 
.cms-page.policy-page .cms-content strong {
    font-size: 1rem !important;
}
.cms-page.policy-page p,
.cms-page.policy-page ol.big-list-1 {
    font-family: 'Sarabun';
        font-size: 15px;
}
.about-page ol,
.about-page ul {
    padding-left: 40px;
}
.cms-page.about-page {
    padding: 30px 0;
}
.about-page .image {
    display: grid;
    grid-gap: 20px;
}
.about-page .image .left {
    display: grid;
    grid-gap: 20px;
}
.about-page .image img {
    height: 100%;
    object-fit: cover;
        border-radius: 10px;
}
.about-page .about-top {
    display: grid;
    grid-gap: 15px;
    margin: 0 15px;
}
.about-page .middle .text {
    margin: 25px;
}
.about-page .middle .text h4 {
    font-size: min(max(1rem, 2vw), 1.3rem);
}
/* end new cms */

/*bpmuscle*/
.row-review .badge-container {
    display: none;
}
video {
    width: 100%;
    margin-bottom: 50px;
}
.header-wrapper {
    display: flex;
    flex-direction: column;
}
.header-wrapper .header-bottom.wide-nav {
    order: 1;
}
.header-wrapper .header-top {
    order: 2;
}
.header-wrapper .header-main {
    order: 3;
}
/*footer*/
.payment img {
    border-radius: 3px;
}
.payment{
    display: flex;
    list-style-type: none;
    justify-content: center;
    flex-wrap: wrap;
}
.payment img {
    border-radius: 3px;
}
.payment li {
    margin-left: 5px !important;
    margin-bottom: 0;
}
ul.social {
    display: flex;
    justify-content: center;
}
.social li {
    list-style-type: none;
}
.social img {
    width: 30px;
    filter: brightness(0) saturate(100%) invert(92%) sepia(13%) saturate(6311%) hue-rotate(350deg) brightness(100%) contrast(89%);
}
.footer-box a, .footer-box h4 {
    color: #fff;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.footer-box li {
    list-style-type: none;
    margin-left: 0 !important;
}
.text-footer p {
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.footer-box h4 {
    font-size: 1.2rem;
    font-weight: 700 !important;
}
.footer-box a:hover {
    color: #f5d500;
}
.text-join h1 {
    font-size: 2.3rem;
    font-family: 'Roboto', 'Kanit', sans-serif !important;
    color: #000;
    text-transform: uppercase;
    font-weight: 900 !important;
    margin-bottom: 0;
}
.text-join img {
    width: 25px;
}
.text-join p {
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
    margin-top: 10px;
    color: #000;
    font-weight: 500;
}
.form-newsletter .wpforms-container {
    width: 100%;
    margin: 0 !important;
}
.form-newsletter .wpforms-submit-container {
    width: 20% !important;
}
.form-newsletter .wpforms-submit-container {
    width: 50px !important;
    position: absolute !important; 
    top: 5px;
    right: 0;
}
.form-newsletter input#wpforms-219-field_2 {
    height: 51px !important;
    border: 1px solid #000 !important;
    border-radius: 3px !important;
    width: 80%;
    background-color: #fff !important;
    padding: 10px 20px !important;
}
button#wpforms-submit-219 {
    height: 50px;
    border-radius: 3px !important;
    background-color: #000; 
}
.text-banner span {
    font-size: 1.2rem;
    font-family: "Anton", 'Roboto', 'Kanit', sans-serif;
    color: #000;
    font-weight: 600;
    line-height: 2.5 !important;
}
.text-banner .button {
    background-color: #fedd00;
    border-radius: 0 !important;
    height: 50px;
    width: 240px;
    line-height: 3.5;
}
.text-banner .button:hover {
    background-color: #ccc;
}
.form-newsletter .wpforms-submit:after {
    content: '';
    position: absolute; /* เปลี่ยนจาก block เป็น absolute เพื่อให้อยู่กับที่ */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/arrow-right-form.png) center / 30px no-repeat;
    width: 50px;
    height: 50px;
    pointer-events: none; /* ให้คลิกทะลุไปที่ปุ่มได้ */
}
button#wpforms-submit-219 {
    font-size: 0 !important;
}
button#wpforms-submit-219 {
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    position: relative; /* หรือ absolute ตามโครงสร้างจริงของคุณ */
    vertical-align: middle; /* ช่วยเรื่องการขยับในแนวตั้ง */
    border: none !important;
    overflow: hidden;
}
button#wpforms-submit-219:hover {
    background-color: #e61414 !important;
    width: 50px !important;
    height: 50px !important;
    /* บังคับตำแหน่งเดิม ไม่ให้ดีด */
    position: relative !important; 
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
}
/* ลบเส้นฟ้าตอนคลิก/โฟกัส แบบครอบคลุมทุกจุด */
button#wpforms-submit-219,
button#wpforms-submit-219:focus,
button#wpforms-submit-219:active,
button#wpforms-submit-219:hover,
button#wpforms-submit-219:focus-visible {
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important; /* สำหรับ Chrome/Safari */
    border: none !important;
    text-decoration: none !important;
}

/* ป้องกันเส้นที่อาจเกิดจาก pseudo-element */
button#wpforms-submit-219::before,
button#wpforms-submit-219::after {
    outline: none !important;
    box-shadow: none !important;
    background-color: #fedd00;
}
.wpforms-form input:focus {
    outline: none !important;
    box-shadow: none !important;
}
ul.social img:hover {
    filter: brightness(0) saturate(100%) invert(68%) sepia(77%) saturate(554%) hue-rotate(7deg) brightness(105%) contrast(103%);
}
/*header*/
.account {
    margin: 0 10px;
}
.top-bar-nav a.nav-top-link:hover {
    color: #fedd00 !important;
}
.account p {
    display: none; 
}
.header-search .icon-search:after {
    content: '';
    background: url(../images/icon-search.svg) center / 22px auto;
    width: 22px;
    height: 22px;
    display: block;
    top: -8px;
    left: -8px;
    position: absolute;
}
.account li {
    list-style-type: none;
}
.icon-search:before {
    font-size: 0;
}
.account img {
    width: 24px; 
}
i[class^=icon-] {
    line-height: 0 !important;
}
.top-bar-nav a.nav-top-link {
    color: #fff !important;
    font-family: 'Kanit', 'Roboto', sans-serif;
    text-transform: capitalize;
}

.sidebar-menu-tabs__tab {
    background-color: #555 !important;
}

.sidebar-menu-tabs__tab.active{
    background-color: #000 !important;
}
li.html.custom.html_topbar_left p {
    color: #000;
    font-size: 0.7rem;
    text-align: center;
}
/*Banner*/
.text-banner h4 {
    font-weight: 900 !important;
    font-size: 2.6rem;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: 'Anton','Roboto', 'Kanit', sans-serif !important;
    line-height: 1;
    color: #fff;
}
.text-banner p {
    font-size: 0.85rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #fff;
}
.text-banner {
    position: absolute;  
    right: 0;
    bottom: 160px; 
}
/*products*/
.title-products h2 {
    color: #000;
    font-size: 2.3rem;
    font-family: "Anton", 'Roboto', 'Kanit', sans-serif !important;
    text-align: center;
}
.tap-products .nav>li>a {
    padding: 10px;
}
.tab.active a {
    background-color: #000;
    color: #fff !important;
    padding: 10px;
}
.box-text.box-text-products {
    background-color: #f2f2f2;
    padding: 15px;
}
p.box-excerpt.is-small {
    font-size: 0.85rem;
    color: #000;
    line-height: 1.3;
    font-family: 'Roboto', 'Kanit', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px !important;
}
.row.tap-products button.flickity-button {
    display: none;
}
.add-to-cart-button {
    text-align: right;
}
.box-text .button {
    border-radius: 0 !important;
}
.product.type-product a.primary {
    padding: 0 10px;
    line-height: 2.5;
    margin-right: 0;
    font-weight: 800 !important;
    font-family: "Anton", 'Roboto', 'Kanit', sans-serif !important;
}

.shop-container .product.type-product a.primary {
    font-size: 1.1rem !important;
    margin-top: 5px;
}
.tab-panels {
    padding-top: 50px !important;
}
.products-show .row-box-shadow-1 .col-inner {
    box-shadow: none !important;
}
.box-text {
    display: flex !important;
    flex-direction: column;
}
.title-wrapper {
    order: 1;
}
p.box-excerpt {
    order: 2;
    margin-bottom: 1px !important;
}
.price-wrapper {
    order: 3;
}
.add-to-cart-button {
    order: 4;
}
/* Catalog: price (left) + add-to-cart (right) on same row — use Grid to override HTML order */
.product-small .box-text.box-text-products {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto 1fr;
}
.product-small .box-text.box-text-products .title-wrapper {
    grid-column: 1 / -1;
    grid-row: 1;
}
.product-small .box-text.box-text-products p.box-excerpt {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 4px !important;
}
.product-small .box-text.box-text-products .price-wrapper {
    grid-column: 1;
    grid-row: 3;
    align-self: center;
}
.product-small .box-text.box-text-products .add-to-cart-button {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    text-align: right;
}
.product-small .box-text.box-text-products .product.type-product a.primary {
    font-size: 0.85rem !important;
    padding: 0 8px;
    line-height: 2.2;
}
.products-show .add-to-cart-button {
    text-align: left;
}
.products-show a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button {
    background-color: #fedd00;
    padding: 5px 40px;
    color: #000;
    font-weight: 800 !important;
    font-family: "Anton", 'Roboto', 'Kanit', sans-serif !important;
    height: 50px;
    line-height: 2;
    font-size: 1.3rem !important;
}
.products-show a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button:hover {
    background-color: #000;
    color: #fff;
}
/*ช็อปตามเป้าหมาย*/
.s-shop-by-goal .box-text-inner {
    padding: 15px;
}
.s-shop-by-goal .box-text-inner a {
    color: #000;
}
.shop-by-goal h4.uppercase {
    color: #000;
}
.shop-by-goal .box-text:hover h4.uppercase {
    color: #fff;
}
.shop-by-goal ol.flickity-page-dots {
    bottom: -10px;
}
.shop-by-goal .flickity-page-dots .is-selected {
    background-color: #111 !important;
    opacity: .8;
}
.shop-by-goal .flickity-page-dots .dot{
    border: 3px solid #111;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    opacity: .2;
    width: 10px;
}
.shop-by-goal .box-text {
    background-color: #e5e7eb;
}
.shop-by-goal .box-text .text a {
    color: #000;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-weight: 700 !important;
}
.shop-by-goal .box-text .text p {
    color: #000;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.shop-by-goal .box-text p {
    height: 50px;
    max-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.shop-by-goal .box-text {
    background-color: rgb(242 241 246 / var(--tw-bg-opacity, 1));
    height: 105px;
}
.shop-by-goal h2 {
    font-size: 2.3rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #000;
}
.row-blog .box-text {
    background-color: rgb(242 241 246 / var(--tw-bg-opacity, 1)) !important;
    padding: 15px;
}
.row-blog .is-divider {
    display: none;
}
.row-title.blog h2{
    font-size: 2.0rem;
    font-family: 'Anton', 'Kanit', sans-serif !important;
    color: #000;
}
h5.post-title {
    color: #000;
    text-transform: uppercase;
    font-weight: 600 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 45px;
    max-height: 45px;
}
.row-blog p.from_the_blog_excerpt {
    color: #000;
    font-weight: 600 !important;
    font-family: 'Roboto', 'Kanit', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.row-title.review h2{
    font-size: 2.0rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #000;
}
.shop-by-goal .box.has-hover .box-text:hover {
    background-color: #000 !important;
}
.shop-by-goal .box.has-hover .box-text:hover a, .shop-by-goal .box.has-hover .box-text:hover p {
    color: #fff; 
}

/*banner slide*/

#n2-ss-6 .n2-ss-slide-background {
  transform: scale(0.9);
  transition: transform 0.6s ease;
}


#n2-ss-6 .n2-ss-slide-active .n2-ss-slide-background {
  transform: scale(1.2);
  z-index: 5;
}
#n2-ss-6 .n2-ss-slide-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
#n2-ss-6 .n2-ss-slide-active {
  z-index: 20;
}

.n2-ss-item-content {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    pointer-events: none;
}
.n2-ss-slide.n2-ss-slide-active .n2-ss-item-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
/*text อยู่ใต้*/

.n2-ss-slide-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}


.n2-ss-layers-container {
    position: relative !important;
    flex: 1 0 auto !important;
    display: block !important;
    height: auto !important;
}


.n2-ss-item-content.n2-ss-text.n2-ow-all {
    position: relative !important;
    display: block !important;
    margin-top: 0 !important;
    z-index: 10 !important;
}


.n2-ss-slide-background {
    position: absolute !important;
    height: 180px !important; 
    flex: 0 0 auto !important;
}
.n2-ss-item-content.n2-ss-text.n2-ow-all p {
    color: #fff !important;
    padding: 0 15px;
}
.n2-ss-section-main-content {
    padding: 0 !important;
}
.n2-ss-layer{
    padding: 0 !important;
}
.n2-ss-item-content p:first-child {
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-family: 'Anton', 'Roboto', 'Kanit', sans-serif !important;
}
.n2-ss-item-content a:last-child {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 2 !important;
    text-decoration: underline !important;
}
.n2-ss-item-content a:last-child:hover {
    color: #fedd00 !important;
}
.text-title.meet-pak h2 {
    font-size: 2.0rem;
    color: #000;
    font-family: 'Anton', 'Kanit', sans-serif !important;
}
.n2-ss-item-content.n2-ss-text.n2-ow-all {
    margin-top: 62% !important;
}
.n2-ss-item-content a:last-child {
    color: #000 !important;
}
.n2-ss-item-content.n2-ss-text.n2-ow-all p {
    color: #000 !important;
    padding: 0 0;
}
div#n2-ss-6 .n2-ss-slider-3 {
    padding: 0 !important;
}
.n2-ss-item-content.n2-ss-text.n2-ow-all{
    padding: 15px;
}
/*page about*/
.row-col-quality ol.flickity-page-dots {
    bottom: -10px;
}
.row-col-quality .flickity-page-dots .is-selected {
    background-color: #111 !important;
    opacity: .8;
}
.row-col-quality .flickity-page-dots .dot{
    border: 3px solid #111;
    border-radius: 50%;  
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    opacity: .2;
    width: 10px;
}
/*home review*/
.review-slide ol.flickity-page-dots {
    bottom: -10px;
}
.review-slide .flickity-page-dots .is-selected {
    background-color: #111 !important;
    opacity: .8;
}
.review-slide .flickity-page-dots .dot{
    border: 3px solid #111;
    border-radius: 50%;  
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    opacity: .2;
    width: 10px;
}
.review-slide-mobile ol.flickity-page-dots {
    bottom: -10px;
}
.review-slide-mobile .flickity-page-dots .is-selected {
    background-color: #111 !important;
    opacity: .8;
}
.review-slide-mobile .flickity-page-dots .dot{
    border: 3px solid #111;
    border-radius: 50%;  
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    opacity: .2;
    width: 10px;
}
.row-title.review {
    margin-top: 80px; 
}
.row-review {
    margin-bottom: 50px;
}
.row-review .name.product-title a {
    font-size: 0.95rem;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-style: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 35px;
    font-style: normal;
}
.row-review p.box-excerpt.is-small {
    display: none !important;
}
.row-review a.button span {
    text-decoration: underline;
    font-size: 0.95rem;
    font-weight: 600; 
}
.row-review a.button span:hover {
    color: #fedd00;
}
.row-review a.button {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
}
.row-review .box-text {
    padding: 0;
}
.row-review .col-inner {
    background-color: #f8f7f7;
}
.row-review h4 {
    font-family: 'Anton', "Kanit", sans-serif !important;
    color: #000;
}
/*cart*/
.cart-collaterals {
    margin-bottom: 50px !important;
}
/*home blog*/
.row-blog .box-text:hover {
    background-color: #000 !important;
}
.row-blog .box-text:hover  a , .row-blog .box-text:hover p {
    color: #fff !important;
}
/*nav mobile*/
.nav-sidebar.nav-vertical>li+li {
    border-top: none !important;
}
.sidebar-menu.no-scrollbar {
    background-color: #000;
}
.mfp-content {
    background-color: #000 !important;
}
/*hover สินค้า*/
.box-text.box-text-products:hover {
    background-color: #000;
}
.box-text.box-text-products:hover p, .box-text.box-text-products:hover span, .box-text.box-text-products:hover a, .box-text.box-text-products:hover bdi {
    color: #fff !important;
}
.box-text.box-text-products:hover a.primary {
    background-color: #fedd00;
    color: #000 !important;
}
del,
.price del {
    display: inline-flex;
}

/*page-about*/
.bg-we-rise-as {
    background-color: #000;
    padding: 80px 0;   
}
.page-id-747 .section-bg :is(img,picture,video) {
    height: 165% !important;
}
.row-quality .col-inner.text-center {
    height: 370px;
}
.woocommerce-grouped-product-list-item .form-flat input:not([type=submit]){
	    background-color: #fff;
}
.woocommerce-grouped-product-list-item__quantity .button.product_type_variable.add_to_cart_button {
    width: 180px;
    height: 45px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.woocommerce-grouped-product-list-item__quantity .button.product_type_variable.add_to_cart_button:hover {
    background-color: #f0c418 !important;
    border-color: #f0c418 !important;
    color: #000 !important;
}
.woocommerce-grouped-product-list-item__quantity {
    max-width: 120px;
}
/*edit*/
.header-inner.flex-row.container.logo-left.medium-logo-center {
    max-width: 1800px; 
}
.footer-wrapper .accordion-title {
    border-top: 1px solid #f0c418;
    text-align: center;
}
.footer-wrapper .accordion-title.active{
    border-color: #f0c418;
}
.menu-footer-mobile .col {
    padding: 0 25px 10px;
}
.menu-footer-mobile .accordion .toggle {
    right: 0;
    left: unset;
}
.menu-footer-mobile .accordion-title.plain span {
    color: #f0c418;
    font-family: 'Kanit';
    font-weight: 600;
    font-size: 1.2rem;
}
.menu-footer-mobile .icon-angle-down:before {
    color: #fff;
    font-weight: 800;
}
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: none !important;
}
.menu-footer-mobile  a.ux-menu-link__link.flex {
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #fff;
}
.text-banner .button {
    position: absolute;
    left: 0;
    bottom: -90px;
} 
.text-banner a.button font {
    color: #000;
}
.text-banner font {
    color: #fff;
}
.text-banner {
    color: #fff;
}
/*edit blog*/
.row-blog  button.flickity-button {
    display: none;
}
.text.review-text {
    height: 215px;
    max-height: 215px;
}
/*edit tanproduct*/
.tabbed-content span {
    font-family: 'Kanit',sans-serif;
}
/*ภาษา*/
.header-wrapper .nav-center {
        flex-wrap: nowrap;
        display: flex !important;
        flex-direction: column-reverse;
}
li.html.custom.html_topbar_left {
    padding: 5px;
}
    div#top-bar {  
    padding: 0;
}
.header-inner.flex-row.container.logo-left.medium-logo-center {
    padding-left: 15px;
    padding-right: 15px;
}
.flex-row.container {
    padding: 0; 
}
li.html.custom.html_nav_position_text_top {
    background-color: #484646;
    width: 100%;
    padding: 5px;
    margin: 0;
}
.gtranslate_wrapper a {
    padding-right: 5px;
}
.gtranslate_wrapper {
    padding-left: 15px;
}
/*หน้าสินค้า เเท็บ Faq*/
/* --- ชุดโค้ด FAQ ของ BP Muscle --- */
.faq-row { 
    border-bottom: 1px solid #eee; 
    margin-bottom: 5px; 
}

.faq-header {
    width: 100%; 
    background: none; 
    border: none; 
    padding: 15px 0;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    cursor: pointer; 
    outline: none;
}

.faq-title { 
    font-weight: 800; 
    text-transform: uppercase; 
    color: #000; 
    font-size: 16px; 
    text-align: left; 
}

.faq-toggle { 
    font-size: 20px; 
    transition: transform 0.3s; 
}

.faq-body {
    max-height: 0; 
    overflow: hidden; 
    opacity: 0;
    transition: all 0.3s ease-out;
}

.faq-content { 
    padding: 0 0 20px 0; 
    color: #444; 
    line-height: 1.6; 
}

/* คำสั่งทำงานเมื่อมีการกดคลิก */
.faq-row.active .faq-body { 
    max-height: 500px; 
    opacity: 1; 
}

.faq-row.active .faq-toggle { 
    transform: rotate(45deg); 
}
/*สินค้าที่เกี่ยวข้อง*/
.related-products-wrapper .product-small.box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.related-products-wrapper .box-image {
    width: 40%;
}
.related-products-wrapper .box-text.box-text-products {
    background-color: #fff;
}
.related-products-wrapper .product-small .col-inner {
    border: 1px solid #000;
    padding: 10px;
    min-height: 234px;
}
.related-products-wrapper .price-wrapper {
    height: 46px;
}
.related-products-wrapper .price-wrapper .price del span.amount {
    font-weight: 400 !important;
    opacity: 1;
    color: #000 !important;  
    font-size: 0.9rem !important; 
}
.related-products-wrapper .product-small .box-text-products .price-wrapper span.amount {
    font-size: 1.3rem;
    font-family: 'Roboto', 'Kanat', sans-serif;
    font-weight: 600;
}
.related-products-wrapper .box-text.box-text-products:hover p, .related-products-wrapper .box-text.box-text-products:hover span, .related-products-wrapper .box-text.box-text-products:hover a {
    color: #000 !important;
}
/*
.related-products-wrapper .product-small.box .price-wrapper {
    width: 50%;
    position: absolute;
    bottom: 30px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.related-products-wrapper .add-to-cart-button {
    text-align: left;
}
*/
.related-products-wrapper .product.type-product a.primary {
    padding: 0 15px;
    border-color: #000;
}
/* --- 1. ตั้งค่าความ Smooth ให้ทั้งกลุ่ม (ใส่ครั้งเดียวจบ) --- */
.related-products-wrapper .add-to-cart-button a,
.related-products-wrapper .price-wrapper,
.related-products-wrapper .price-wrapper span,
.related-products-wrapper .price-wrapper bdi {
    transition: all 0.3s ease-in-out !important;
}

/* --- 2. เมื่อ Hover ที่กล่อง: เปลี่ยนสีปุ่ม Shop Now --- */
.related-products-wrapper .product-small.box .box-text-products:hover .add-to-cart-button a {
    background-color: #f5d500 !important;
    color: #000 !important;
    border-color: #f5d500 !important;
}

/* --- 3. เมื่อ Hover ที่กล่อง: เปลี่ยนสีราคาเป็นสีดำ (แก้ปัญหาตัวเลขขาว) --- */
/*
.related-products-wrapper .product-small.box .box-text-products:hover .price-wrapper {
    background-color: #f5d500 !important;
    color: #000000 !important; 
}
*/
.related-products-wrapper .product-small.box .box-text-products:hover .price-wrapper bdi {
    color: #000000 !important; 
}

.related-products-wrapper .product-small.box .box-text-products:hover .price-wrapper del span {
    color: #444 !important;
    opacity: 0.7;
}
.related-products-wrapper a.quick-view.quick-view-added:after {
    content: 'See Detail';
    text-transform: capitalize;
    font-size: 1.0rem;
}
.related-products-wrapper a.quick-view.quick-view-added {
    font-size: 0;
}
.row.row-logo-product {
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    display: none;
}
.product-template-default.single.single-product .row.row-logo-product {
    display: inline-block;
}
.plyr__video-embed {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
}
/*ลาเบล*/
.advanced-woo-labels.awl-position-type-before-title.awl-label-type-archive.awl-align-left {
    display: none !important;
}
.archive.tax-product_cat .advanced-woo-labels.awl-position-type-before-title.awl-label-type-archive.awl-align-left{
    display: inline-block !important;
}
/*footer mobile tablet*/
.newsletter.m-t {
    text-align: center;
    background: #212121;
    padding-top: 15px;
}
.newsletter.m-t .text-join p {
    color: #fff;
}
.newsletter.m-t .text-join h1 {
    color: #f5d500;
}
/* 1. ล้างพื้นหลังช่อง Input ให้โล่งที่สุด */
.row.newsletter.m-t .wpforms-form input[type="email"] {
    background-color: transparent !important; /* บังคับให้โปร่งใส ไม่ให้สีเทามาปน */
    background: none !important;
    border: 1px solid #444 !important; /* ปรับสีขอบให้กลืนไปกับพื้นหลังสีดำ */
    box-shadow: none !important;
}

/* 2. ทำให้ไฮไลต์ Placeholder ขาวจั๊วะ */
.row.newsletter.m-t .wpforms-form input::placeholder {
    background-color: #ffffff !important; /* สีขาว 100% */
    color: #ccc !important;           /* ตัวอักษรสีดำชัดๆ */
    padding: 2px 6px !important;         /* เพิ่มพื้นที่สีขาวรอบตัวหนังสือ */
    opacity: 1 !important;               /* บังคับให้ความเข้มเต็ม 100 */
}

/* สำหรับ Firefox (ตัวแสบที่ชอบทำให้จาง) */
.row.newsletter.m-t .wpforms-form input::-moz-placeholder {
    background-color: #ffffff !important;
    color: #ccc !important;
    padding: 2px 6px !important;
    opacity: 1 !important;
}
.row-contact.m-t {
    background-color: #212121;
}
.title.tablet {
    display: none;
}
.home-slide .slider {
    margin-bottom: 50px !important;
}
.home-slide .slider-wrapper button path {
    display: block;
}

/* ให้ block ทะลุ container ออกไป full width */
.product-detail-block-wrap {
  width: 100vw;
  position: relative;
  background: url(../images/composition-bg.webp) no-repeat 0 0 #000;
  background-size: cover;
  padding: 80px 15px 60px 15px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.product-detail-block-wrap .accordion-title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
}

.product-detail-block-wrap .row {
  max-width: 1350px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/*block product-detail */
.product-detail-block-wrap .accordion-item {
    background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}
.accordion-title.plain {
    border-top: none;
}
.product-detail-block-wrap  .accordion .toggle {
    left: unset !important;
    right: 0 !important;
    margin-right: 25px;
}
.product-detail-block-wrap .toggle i {
    font-size: 2.0rem;
}
.product-detail-block-wrap .toggle {
    opacity: 1 !important;
}
.product-detail-block-wrap .accordion-title {
    padding: 1.5em 1.3em !important;
}
.product-detail-block-wrap .accordion-title.active {
    color: #fff;
}
.product-detail-block-wrap .accordion-inner p {
    color: #fff;
}
.product-categories li.cat-item.cat-item-15 {
    display: none;
}
.box-text.box-text-products .title-wrapper {
}
@media (min-width: 375px){
    .n2-ss-item-content.n2-ss-text.n2-ow-all {
    margin-top: 55% !important;
}
}
@media (max-width: 549px) {
    .tap-products .small-12, .tap-products .small-columns-1 .flickity-slider>.col, .tap-products .small-columns-1>.col {
    flex-basis: 100%;
    max-width: 89%;
}
    .tap-products .product-small.col.has-hover.product.type-product {
    width: 84%;
}
    .tap-products .tabbed-content .nav, .tabbed-content .tab-panels {
    width: 110% !important;
} 
.row-blog .small-12, .row-blog .small-columns-1 .flickity-slider>.col, .row-blog .small-columns-1>.col {
    flex-basis: 100%;
    max-width: 85%;  
}
.row-blog {
    display: flex;
    flex-flow: row wrap;
    width: 115% !important;
} 
.row-review .box-image img {  
    width: 40%;
}
.row-review .name.product-title.woocommerce-loop-product__title {
    position: absolute;
    top: -70px;
    right: 15px;
    width: 48%;
    text-align: left;
}
.row-review a.button {
    position: absolute;
    right: 0;
    left: 95px;
    top: -50px; 
}
.row-review  .col.small-12.large-12:first-child{
    padding-left: 0;
    }
.row-review .col.small-12.large-12:last-child{
    padding-right: 0;
    }
/*
.review-slide-mobile .flickity-slider {
    height: 100%;
    position: absolute;
    width: 165%;
}
*/
.review-slide-mobile .col.medium-6:first-child {
    padding-left: 0;
}
.review-slide-mobile .col.medium-6:last-child {
    padding-right: 0;
}
/*
.shop-by-goal .flickity-slider {
    height: 100%;
    position: absolute;
    width: 160%;
}
*/ 
.shop-by-goal .col.medium-6:first-child {
    padding-left: 0;
}
.shop-by-goal .col.medium-6:last-child {
    padding-right: 0;
}
    .tap-products .small-12, .tap-products .small-columns-1 .flickity-slider>.col, .tap-products .small-columns-1>.col {
    flex-basis: 100%;
    max-width: 89%;
}
    .tap-products .product-small.col.has-hover.product.type-product {
    width: 84%;
}
    .tap-products .tabbed-content .nav, .tabbed-content .tab-panels {
    width: 110% !important;
} 
    /* 1. บังคับให้ Container ยอมให้เมนูเลื่อนออกข้างได้ */
    .tab-products, 
    .tab-products .col-inner, 
    .tab-products .tabbed-content {
        overflow: visible !important;
    }

    /* 2. บังคับแถบเมนูให้เรียงแถวเดียวและปัดได้ */
    ul.nav.nav-simple.nav-uppercase {
        display: flex !important;
        flex-wrap: nowrap !important; /* ห้ามขึ้นบรรทัดใหม่ */
        overflow-x: auto !important;  /* เปิดการปัดซ้ายขวา */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* บังคับให้ลื่นใน iPhone */
        scroll-snap-type: x mandatory;
        padding-bottom: 15px !important;
        justify-content: flex-start !important;
    }

    /* 3. กำหนดขนาดแต่ละปุ่มให้เห็นปุ่มที่ 3 โผล่มานิดนึง */
    ul.nav.nav-simple.nav-uppercase li {
        scroll-snap-align: start;
        white-space: nowrap !important;
        text-align: center;
    }
    .nav.nav-simple.nav-uppercase::-webkit-scrollbar {
        display: none !important;
    }

    /* 4. ตกแต่งลูกศรจำลองเพื่อให้คนรู้ว่าปัดได้ */
    .tabbed-content {
        position: relative;
    }
    ul.nav.nav-simple.nav-uppercase {
    margin-left: 45px;
}
    .tabbed-content::after {
        content: ">";
        position: absolute;
        right: -45px;
        top: 10px;
        color: #0000008f;
        font-weight: bold;
        z-index: 10;
        pointer-events: none;
        background: rgba(255,255,255,0.7);
        padding: 2px 5px;
        border-radius: 50%;
    }
        .tabbed-content::before {
        content: "<";
        position: absolute;
        left: 5px;
        top: 10px;
        color: #0000008f;
        font-weight: bold;
        z-index: 10;
        pointer-events: none;
        background: rgba(255,255,255,0.7);
        padding: 2px 5px;
        border-radius: 50%;
    }
}
@media (min-width: 550px) {
.row-review .box-image img {
    width: 40%;
}
.row-review .name.product-title.woocommerce-loop-product__title{
    position: absolute;
    top: 0;
    right: 33px;
    width: 190%;
    text-align: left;
    }
.row-review a.button {
    position: absolute;
    right: 0;
    left: 95px;
    top: -45px;
}
.row-footer-box:before {
    border-top: 1px solid #fff;
    width: 600px;
    max-width: 100%;
    height: 1px;
    content: '';
    display: block;
    margin: 0 auto 30px auto;
}
    
    /* new cms */
    .about-page .image {
        grid-template-columns: 1fr 1fr; 
    }

}

@media (min-width:425px) {
.n2-ss-slide-background {
    position: absolute !important;
    height: 250px !important; 
    flex: 0 0 auto !important;
}  
      

}


@media (min-width:550px) {

    
}


@media (min-width:768px) {
    /*footer*/
.footer-box h4:after {
    border-bottom: 1px solid #fff;
    width: 170px;
    height: 1px;
    content: "";
    display: block;
    margin: 0 auto;
}
.newsletter.m-t {
    text-align: left;
    background: #212121;
}
.text-join {
    display: flex;
    flex-direction: column-reverse;
}
.title.tablet h1 {
    color: #fff !important;
}
.title.tablet {
    display: inline-block;
}
    .title.mobile {
    display: none;
}
.social img {
    width: 30px;
    filter: none;
}
    ul.social {
    display: flex;
    justify-content: flex-end;
}
.form-newsletter input#wpforms-219-field_2 {
    height: 51px !important;
    border: 1px solid #000 !important;
    border-radius: 3px !important;
    width: 80%;
    background-color: #fff !important;
}
    li.icon-border {
    border-right: 1px dashed #fff;
    padding-right: 25px; 
}
    /* 1. ล้างพื้นหลังช่อง Input ให้โล่งที่สุด */
.row.newsletter.m-t .wpforms-form input[type="email"] {
    background-color: transparent !important; /* บังคับให้โปร่งใส ไม่ให้สีเทามาปน */
    background: none !important;
    border: 1px solid #444 !important; /* ปรับสีขอบให้กลืนไปกับพื้นหลังสีดำ */
    box-shadow: none !important;
}

/* 2. ทำให้ไฮไลต์ Placeholder ขาวจั๊วะ */
.row.newsletter.m-t .wpforms-form input::placeholder {
    background-color: #ffffff !important; /* สีขาว 100% */
    color: #ccc !important;           /* ตัวอักษรสีดำชัดๆ */
    padding: 2px 6px !important;         /* เพิ่มพื้นที่สีขาวรอบตัวหนังสือ */
    opacity: 1 !important;               /* บังคับให้ความเข้มเต็ม 100 */
}

/* สำหรับ Firefox (ตัวแสบที่ชอบทำให้จาง) */
.row.newsletter.m-t .wpforms-form input::-moz-placeholder {
    background-color: #ffffff !important;
    color: #ccc !important;
    padding: 2px 6px !important;
    opacity: 1 !important;
}
    /*Animal Pak*/
    .n2-ss-item-content.n2-ss-text.n2-ow-all {
    margin-top: 60% !important;
}
.n2-ss-slider-3.n2-ow .n2-ss-slide-background {
    position: absolute !important;
    height: 400px !important;
    flex: 0 0 auto !important;
}

    .row-review .box-image img {
        width: 80%;
    }
    .row-review .name.product-title.woocommerce-loop-product__title {
        position: absolute;
        top: -70px;
        right: -10px;
        width: 95%;
        text-align: left;
    }
    .row-review a.button {
    position: absolute; 
    right: 0;
    left: 95px;
    top: -45px; 
}

.text.review-text {
    height: 200px;
    max-height: 200px;
    margin-bottom: 30px;
}
li.html.custom.html_topbar_left p {
    color: #000;
    font-size: 1.0rem;
    text-align: center;
}
.row-review  .text-center>div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left;
}
.row-review  .product-small{
    display: flex;
    align-items: flex-end;
}
.row-title.review h2{
    font-size: 2.5rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #000;
}
.row-title.blog h2{
    font-size: 2.5rem;
    color: #000;
}
    .shop-by-goal h2 {
    font-size: 2.5rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #000;
}

.n2-ss-text {
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.text-title.meet-pak h2 {
    font-size: 2.5rem;
    color: #000;
}
.products-show .box-text {
    margin-top: 20%;
}
.form-newsletter .wpforms-field-container {
    width: 85% !important;
    display: block !important;
    border-radius: 0 !important;
    position: absolute !important;
    right: 0;
}

     /* new cms */
    .cms-page {
        display: flex;
    }
    .cms-page.about-page {
        display: block;
    }
    .cms-menu ul {
        display: block;
        border: 1px solid #DEDEDE;
        border-radius: 20px;
    }
    .cms-menu span {
        display: block;
        font-size: 0.9rem;
        margin: 0 15px;
    }
    .cms-menu a {
        margin: 0;
    }
    .cms-menu .image {
        padding: 10px;
        min-width: 60px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    }
    .cms-page .cms-menu li:first-child .image {
        border-radius: 20px 0 0 0;
    }
    .cms-page .cms-menu li:first-child a {
        border-radius: 20px 20px 0 0;
    }
    .cms-page .cms-menu li:last-child .image {
        border-radius: 0 0 0 20px;
    }
    .cms-page .cms-menu li:last-child a {
        border-radius: 0 0 20px 20px;
    }
    .howto-page .cms-menu .how-to-order span, 
    .shipping-page .cms-menu .shipping span, 
    .confirm-page .cms-menu .confirm-payment span, 
    .policy-page .cms-menu .privacy-policy span {
        color: #fff;
    } 
    .howto-page .cms-menu .how-to-order a, 
    .shipping-page .cms-menu .shipping a, 
    .confirm-page .cms-menu .confirm-payment a, 
    .policy-page .cms-menu .privacy-policy a,
    .cms-page .cms-menu li:hover a
    {
        background-color: #000000ad;
    }
    .cms-page .cms-menu li:hover .image {
        background-color: #000;
    }
    .cms-page .cms-menu li:hover span {
        color: #fff;
    }
    .cms-page .cms-menu li:hover img {
        filter: brightness(0) invert(1);
    }
    .cms-page .left-menu {
        flex-basis: 36.333333%;
        max-width: 36.333333%;
        margin: 0;
    }

    .cms-page .cms-menu li.confirm-payment {
        border: solid #DEDEDE;
        border-width: 1px 0;
        border-top: 0;
    }
    .cms-page .cms-menu li:not(li:last-child) {
        border-bottom: 1px solid #DEDEDE;
    }
    .form-contact .wpforms-field-container .wpforms-field {
        width: 50%;
        display: inline-block;
        padding: 15px 10px;
    }
    .form-contact .wpforms-field-container .wpforms-field.wpforms-field-textarea {
        width: 100%;
    }
    .form-contact form.wpforms-form {
        max-width: 550px;
        margin: auto;
    }
     .wpforms-field-container {
        display: flex;
        flex-wrap: wrap;
    }
    .payment-content .bank-data .bank-title {
        max-width: 30%;
    }
    .cms-menu img {
        width: 40px;
    }
    .payment-content .bank-data img {
        width: auto;
    }
    .contact-page .contact-bottom {
        grid-template-columns: 1fr 1fr;
    }
    .about-page .about-top {
        grid-template-columns: 1fr 1.5fr;
        align-items: center;
        margin: 0 0 5%;
    }
    .about-page .title {
        font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
        margin-right: -10%;
        z-index: 1;
        height: fit-content;
        border-radius: 0 10px 10px 0;
    }
    .about-page .about-top img {
        border-radius: 10px 0 0 10px;
    }
    .about-page .middle {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        margin: 5% 0;
    }
    /* end new cms */


}
@media (min-width:769px){
    .row-contact.m-t {
    background-color: #f5d500;
}
    .bg-newslatter {
    background-color: #f5d500;
    padding: 30px 0;
}
    .text-join .title {
    display: flex;
    width: 370px;
    align-items: center;
}
    .text-join {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width:849px){
    div#top-bar {
    background-color: #fff !important; 
}
    .row-footer-box .col {
    text-align: center;
}

    
    
}
@media (min-width:850px){
.form-newsletter .wpforms-submit:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/arrow-right-form-y.png) center / 30px no-repeat;
    width: 50px;
    height: 50px;
    pointer-events: none;
}
.row-contact.pc {
    display: flex;
    justify-content: flex-end;
    padding-top: 45px;
}
button#wpforms-submit-219::before, button#wpforms-submit-219::after {
    outline: none !important;
    box-shadow: none !important;
    background-color: #212121;
}
    .row-review a.button {
        position: absolute;  
        right: 15px;
        top: -40px;
    } 
     /* new cms */
    .howto-page .bank {
        flex-basis: 100%;
        max-width: 100%;
    }
    /* end new cms */
  
}
@media (min-width:992px){
.product.type-product a.primary {
    font-size: 1.2rem !important;
}
.box-excerpt {
    font-size: 1rem !important;
}
.form-newsletter input#wpforms-219-field_2 {
    width: 100%;
}
.footer-box {
    text-align: center;
}
    .row-footer-box:before {
        width: 90%;
        max-width: 100%;
    }
    .row-col-quality .col-inner.text-center {
    height: 400px; 
}
.header-main {
    height: 95px !important;
}
.row-quality .col-inner.text-center {
    height: 400px; 
}
.n2-ss-item-content.n2-ss-text.n2-ow-all {
    position: relative !important;
    display: block !important;
    margin-top: 55% !important;
    z-index: 10 !important;
}
.text.review-text {
    height: 260px;
    max-height: 260px;
    margin-bottom: 30px;
}
.row-review a.button {
    position: absolute;
    right: 0;
    left: 70px;
    top: -45px;
    }
.row-review .name.product-title.woocommerce-loop-product__title {
    position: absolute;
    top: -70px;
    right: 5px;
    width: 95%;
    text-align: left;
    }
.form-newsletter .wpforms-field-container {
    width: 80% !important;
    display: block !important;
    border-radius: 0 !important;
    position: absolute !important;
    right: 70px;
}    
   
    /* new cms */
    .cms-menu span {
        font-size: 1rem;
    }
    .about-page .bg-image img {
        border-radius: 20px 0 0 20px;
    }
    .about-page .content .text {
        padding: 50px 60px;
    }
    .cms-page .left-menu {
        max-width: 30%;
    }
 
    .shipping-content > div {
        padding-bottom: 10px;
    }
    .confirm-page .form-content .row.form-footer {
        flex-wrap: nowrap;
    }
    .confirm-page .form-content .row.form-footer {
        padding: 0;
    }
    .confirm-page .form-footer .block:first-child {
        border-bottom: none;
        border-right: 1px solid #D0D0D0;
        margin: 0;
        padding: 40px;
    }
    .confirm-page .form-footer .block {
        padding: 40px;
    }
    .confirm-page .confirm-form #seed-confirm-form {
        max-width: 500px;
    }
    .form-contact form.wpforms-form {
        max-width: 350px;
    }
    .howto-page .order-content .how-col {
        display: flex;
        align-items: center;
    }
    .howto-page .order-content .how-img {
        max-width: 25%;
        padding: 0 30px 0 0;
        margin: 0;
    }
    .howto-page .how-text h4 {
        text-align: left;
    }
    .howto-page .order-content .how-col {
        padding: 30px 30px 0 30px;
    }
    .howto-page .bank {
        max-width: 50%;
    }
    .contact-page .contact-social .col {
        max-width: calc(100%/3);
    }
   
    .contact-page .wpforms-container .wpforms-form .wpforms-field {
        max-width: 50% !important;
        width: 50% !important;
        display: inline-block !important;
        padding: 0 10px 20px;
    }
    .contact-page .wpforms-container .wpforms-form .wpforms-field-textarea {
        max-width: 100% !important;
        width: 100% !important;
    }
    /* end new cms */
	
}





@media (min-width:1200px){
.box-text.box-text-products .title-wrapper {

}
.box-text.box-text-products {
    height: 275px;
}
    .text.review-text {
        height: 200px;
        max-height: 200px;
        margin-bottom: 30px;
    }
    .row-review a.button {
        position: absolute;
        right: 0;
        left: 70px;
        top: -45px;
    }
.tap-products .price-wrapper {
    width: 50%;
    position: absolute;
    bottom: 15px;
}
.product-small.box .price-wrapper {
    width: 50%;
    position: absolute;
    bottom: 40px;
    zoom: 1.2;
}
.title-products {
    margin-top: 5px;
    position: absolute;
    left: 45px;
}
  
    /* new cms */
    .cms-menu .image {
        padding: 15px 20px;
        min-width: 80px;
    }
    .cms-page .left-menu {
        max-width: 27%;
    }

    .confirm-page .confirm-form #seed-confirm-form {
        max-width: 650px;
    }
    .confirm-text {
        padding: 0 100px; 
    }
    .form-contact form.wpforms-form {
        max-width: 500px;
    }
    .cms-page .payment-content ul {
        font-size: 0.9rem;
    }
    .payment-content .bank-data img {
        width: 70px;
    }
    .payment-content .bank-data img {
        width: auto;
    }
    .contact-page .contact-social {
        max-width: 1060px;
        margin: 25px auto 45px;
    }
    /* end new cms */
	
}


@media (min-width:1400px){
.footer-box h4:after {
    border-bottom: none;
    width: 170px;
    height: 1px;
    content: "";
    display: block;
    margin: 0 auto;
}
    .row-footer-box:before {
        width: 100%;
        max-width: 100%;
    }
.footer-box {
    text-align: start;
}
    .row-review a.button {
        position: absolute;
        right: 0;
        left: 70px;
    }
    .related-products-wrapper .box-image {
    width: 40%;
}
	.title-products h2 {
    text-align: left;
}
    
}

@media (min-width:1650px){
    .title-products {
        margin-top: 5px;
        position: absolute;
        left: 14.5%;
    }
    .header-main {
    height: 70px !important; 
}

}


@media (min-width:1850px){

 
}


@media (min-width:2559px){
        .title-products {
        margin-top: 5px;
        position: absolute;
        left: 23.5%;
    }
}

/* Bank selection on Checkout */
.bpm-bank-selection {
    margin: 10px 0 0;
}
.bpm-bank-label {
    font-weight: 700;
    margin-bottom: 8px;
}
.bpm-bank-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    margin-bottom: 8px;
    border: 2px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color .2s;
}
.bpm-bank-option input[type="radio"] {
    flex-shrink: 0;
    margin: 0;
}
.bpm-bank-option.bpm-selected {
    border-color: #1a9f3d;
    background: #f5fbf7;
}
.bpm-bank-option:hover {
    border-color: #1a9f3d;
}
.bpm-bank-logo {
    width: 44px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
}
.bpm-bank-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    line-height: 1.5;
}
.bpm-vat-note {
    color: #cc3333;
    font-size: 12px;
}