/*
Theme Name: ChuuChop
Description: This is a child theme for Flatsome Theme
Author: So Simple Studio
Template: flatsome
Version: 3.0
*/

/* @import url("assets/fonts/inter/stylesheet.css"); */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

body{ 
	overflow-x: hidden;
}

a,
a:hover{
  text-decoration:none;
  color: inherit;
  outline:0; transition: all 0.3s ease;
}
a:focus {
  text-decoration:none;
  outline:0;
}
button{ border: 0; cursor: pointer; background: transparent; padding: 0; margin: 0; }
.btn.focus, .btn:focus, button.focus, button:focus {
	outline:0;
	box-shadow: none; border-color: transparent;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
.form-control:focus,
:focus-visible {
  outline: none !important;
  box-shadow: none;
}
input,
select,
textarea{
  background-clip: padding-box;
}
.img-fluid { max-width: 100%; height: auto; }



.instrument-font{ font-family: "Instrument Serif", serif; }

.skip-link.screen-reader-text{ display: none; }


/*************** menu  ***************/

.off-canvas-left .mfp-content, 
.off-canvas-right .mfp-content{ background-color: #fff; }


.cart-img-icon{ width: 24px; }

.off-canvas .sidebar-menu{ padding: 0; }

.off-canvas-left .mfp-content, 
.off-canvas-right .mfp-content{ box-shadow: none; }

.mfp-ready .mfp-close{ color: #000; }
.mfp-wrap.off-canvas-left .mfp-close{ right: auto; left: 456px; top: 22px; color: #fff; }
@media (max-width: 520px){

    .mfp-wrap.off-canvas-left .mfp-close{ right: 24px; left: auto; }

}

.toggle i.icon-angle-down{ font-size: 1.4em; }
[data-icon-label]:after{ background-color: #2B2B2B !important; box-shadow: none; top: -8px; right: -8px; }

.header-nav.nav>li{ margin: 0 12px; }
.nav-sidebar.nav-vertical>li+li{ border-top: 0; }
.sidebar-menu .nav > li > a{ font-size: 14px; font-weight: 400 !important; gap: 6px; padding: 20px 36px !important; color: #2B2B2B; }
.sidebar-menu .nav > li > a:hover{ color: #000; }
.sidebar-menu .nav > li.build-menu-my-account > a{ padding: 30px 36px 30px 60px !important; }
.sidebar-menu .nav > li.build-menu-my-account::before{ content: ''; position: absolute; top: 31px; left: 36px; width: 14px; height: 18px; background-image: url('assets/images/icon/my_account.svg'); background-repeat: no-repeat; background-size: cover; }
.menu-item-has-children .toggle{ margin-right: 24px; }
.menu-item-has-children .sub-menu li{ margin-left: 0; }
.menu-item-has-children .sub-menu li a{ padding-left: 48px !important; font-size: 14px; color: #957A67; }

.menu-item-has-children .sub-menu.children{ padding-bottom: 0 !important; }

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover{ background-color: #fff; }

@media (max-width: 520px){

    .header-nav.nav>li{ margin: 0 6px; }

}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{ color: #2B2B2B; }

/*************** footer  ***************/

footer div.absolute-footer > div.container {
    max-width: none ;
}
.footer-wrapper{ margin-top: 50px; }
.footer-widgets .is-divider{ display: none; }
.footer-widgets.footer-1 .row{ max-width: 1152px; width: 90%; }
.footer-2{ border-top: 1px solid rgba(149, 122, 103, 0.2); }

.footer-widgets .widget-title{ font-size: 20px; font-weight: 400; letter-spacing: 0; position: relative; }
.footer-widgets.footer-1 .widget-title:after{ content: ""; position: absolute; top: 6px; right: -28px; width: 18px; height: 18px; background-image: url('assets/images/icon/arrow-down.svg'); background-repeat: no-repeat; background-size: cover; transform: rotate(180deg); }


.footer-widgets .menu-shop-all-container,
.footer-widgets .menu-orders-container,
.footer-widgets .menu-legal-container{ margin-top: 16px; }

.footer-widgets ul.menu>li+li{ border: 0; }
.footer-widgets ul.menu>li>a{ font-size: 18px; line-height: 1; color: #957A67; padding: 8px 0; }

@media (max-width: 849px){

  .footer-widgets.footer-1 .row{ width: 100%; }
  .footer-widgets.footer-1 .widget-title{ display: block; }
  .footer-widgets.footer-1 .widget-title:after{ right: 0; }
  .footer-widgets .widget_nav_menu{ border-bottom: 1px solid rgba(149, 122, 103, 0.2); padding-bottom: 24px !important; }
  .footer-2{ border: 0; }

}
@media (max-width: 576px){
    
  .footer-widgets .widget-title,
  .footer-widgets ul.menu>li>a{ font-size: 14px; }

    .footer-widgets.footer-1 .widget-title:after{ top: 2px; }

}

#block_widget-2{ text-align: center; }
#block_widget-2 .widget-title{ display: block; margin-bottom: 16px; }
#block_widget-2 ul{ display: flex; align-items: center; justify-content: center; gap: 40px; flex-flow: row wrap; }
#block_widget-2 ul li{ display: flex; align-items: center; gap: 6px; border: 0; padding: 8px; }
#block_widget-2 ul li a{ padding: 3px 0; line-height: 1; }

.absolute-footer{ padding-bottom: 0; }
.absolute-footer .footer-text{ color: #A0A0AD; }
.absolute-footer .footer-secondary.pull-right{ margin-bottom: 80px; padding: 0; }
.absolute-footer .copyright-footer img{ margin-bottom: 0; }

@media (max-width: 849px){

  .card-collection{ width: 100%; }#block_widget-2 ul{ gap: 16px; }

}
@media (max-width: 576px){

  .card-collection{ width: 100%; }#block_widget-2 ul{ gap: 8px; }
  .absolute-footer .footer-secondary.pull-right{ margin-bottom: 40px; }

}


.back-to-top{ background-color: #957A67 !important; font-size: 14px; line-height: 1 !important; color: #fff; padding: 16px 30px 16px 15px !important; border-radius: 0 !important; background-image: url('assets/images/icon/arrow-top.svg'); background-repeat: no-repeat; background-position: 90% center; text-transform: none; font-weight: 400;  }


/**********************************************************/

/* .is-divider{ display: none; } */



.btn-shop{ display: inline-block; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #957A67; padding: 16px; text-align: center; border: 1px solid #957A67; background-color: rgba(255, 255, 255, 0.05); }
.btn-shop:hover{ background-color: #957A67; color: #fff; }

.btn--white{ color: #fff; border-color: #fff; background-color: rgba(0, 0, 0, 0.05); backdrop-filter: blur(2px); padding: 16px 24px; }
.btn--white:hover{ background-color: #fff; color: #957A67; backdrop-filter: blur(0px); }



/**********************************************************/
/*********************** collection ***********************/


.build-head-title h1{ font-family: "Instrument Serif", serif; font-size: 60px; line-height: 1; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0; }
.build-head-sub-title p{ font-size: 18px; line-height: 1.4; font-weight: 400; color: var(--primary); margin-bottom: 0; margin-top: 16px; }
@media (max-width: 849px) {

  .build-head-title h1{ font-size: 50px; }
  .build-head-sub-title p{ font-size: 16px; }

}



.boxcard-collection{ display: flex; flex-flow: row wrap; gap: 24px; }
.card-collection{ background-color: #fff; padding: 16px; width: calc(50% - 12px); display: flex; gap: 16px; flex-flow: row wrap; }
.collection--col{ width: calc(50% - 8px); display: flex; flex-direction: column; justify-content: space-between; }
.img2{ margin-bottom: 16px;}
.collection--detail{ margin-bottom: 16px; }
.collection--detail .subtitle{ font-size: 16px; line-height: 1.4; font-weight: 300; color: #A0A0AD; margin-bottom: 5px; }
.collection--detail .title{ font-family: "Instrument Serif", serif; font-size: 40px; font-weight: 400; color: #2B2B2B; }

.collection--btn .btn-shop{ width: 100%; }




@media (max-width: 1199px){

  .collection--detail .title{ font-size: 30px; }
  .collection--btn .btn-shop{ font-size: 16px; padding: 8px; }

}
@media (max-width: 849px){

  .collection--detail .subtitle{ font-size: 14px; }
  .collection--detail .title{ font-size: 36px; }
  .collection--btn .btn-shop{ font-size: 18px; padding: 16px; }
  .collection--col{ width: 100%; gap: 40px; }

}
@media (max-width: 576px){

  .card-collection{ width: 100%; }

}
/*********************** end collection ***********************/




/*******************************************************/
/********************** banner top *********************/

.section-banner-top{ position: relative; width: 100%; height: 267px; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 0 24px; }
.section-banner-top::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); z-index: 1; }

.boxbanner--image{ position: absolute; top: 0; left: 0; width: 100%; height: 267px; z-index: 0; }
.boxbanner--image img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

.boxbanner--detail{ position: relative; z-index: 2; display: flex; flex-direction: column; grid-area: 15px; }
.boxbanner--detail .title{ font-family: "Instrument Serif", serif;  font-size: 60px; line-height: 1; font-weight: 400; letter-spacing: 2px; color: #fff; text-transform: uppercase; margin-bottom: 6px; }
.boxbanner--detail .subtitle{ font-size: 16px; line-height: 1.4; font-weight: 400; color: #fff; text-transform: uppercase; }

.boxbanner--nav{ position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 2; }
.boxbanner--nav ul{ display: flex; gap: 100px; }
.boxbanner--nav ul li{ line-height: 1; }
.boxbanner--nav ul li+li{ border-top: 0; }
.boxbanner--nav ul li a{ display: inline-block; font-size: 16px; line-height: 1; font-weight: 400; color: #fff; text-transform: uppercase; padding: 0; }
.boxbanner--nav ul li a:hover, 
.boxbanner--nav ul li.current-menu-item a,
.boxbanner--nav ul li.current-product_cat-ancestor a{ border-bottom: 1px solid #fff; }




@media (max-width: 1199px){

  .boxbanner--nav ul{ gap: 80px; }

}
@media (max-width: 849px){

  .boxbanner--detail .title{ font-size: 40px; }
  .boxbanner--detail .subtitle{ font-size: 14px; }

  .boxbanner--nav ul{ gap: 60px; }

}
@media (max-width: 767px){

  .boxbanner--nav ul{ gap: 20px; }
  .boxbanner--nav ul li a{ font-size: 14px; }

}
@media (max-width: 576px){

  .boxbanner--nav ul{ gap: 14px; }
  .boxbanner--nav ul li a{ font-size: 14px; }

}


.product-navbar{ padding: 50px 36px; }
.product-nav_filter{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px; margin-top: 14px; }

.nav--product ul{ display: flex; gap: 10px; list-style: none; margin-bottom: 0; }
.nav--product ul li{ position: relative; margin-bottom: 0; }
.nav--product ul li::after{ content: '|'; position: relative; top: 0; right: 0; color: #A0A0AD; margin-left: 10px; }
.nav--product ul li:last-child:after{ display: none; }
.nav--product ul li a{ font-size: 14px; line-height: 1; font-weight: 400; color: #A0A0AD; }
.nav--product ul li a:hover, .nav--product ul li a.active{ color: #2B2B2B; }

.btn-filter{ display: flex; align-items: center; gap: 6px; font-size: 16px; line-height: 1; color: #2B2B2B; font-weight: 400; min-height: auto; }

@media (max-width: 849px){

  .product-navbar{ padding: 36px 24px; }
  .product-nav_filter{ flex-direction: column-reverse; align-items: normal; margin-bottom: 10px; margin-top: 0; }

  .nav--product ul{ justify-content: left; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 15px; }

  .filter--product{ display: flex; justify-content: flex-end; margin-bottom: 10px; }

}
@media (max-width: 576px){

  .product-navbar{ padding: 24px; }

}


/*******************************************************/
/********************** your order *********************/

.boxorder--list{ display: flex; gap: 16px; }

.boxorder-img{ line-height: 0; width: 80px; }
.boxorder-img img{ width: 80px; height: 120px; }
.boxorder-content{ display: flex; flex-direction: column; justify-content: space-between; text-align: left; width: calc(100% - 96px); }

.boxorder--detail{ display: flex; flex-direction: column; gap: 6px; text-align: left; }
.order-name{ font-size: 14px; line-height: 1.2; font-weight: 500; color: #2B2B2B; text-transform: uppercase; }
.order-size{ font-size: 12px; line-height: 1.2; font-weight: 400; color: #2B2B2B; text-transform: uppercase; }
.order-amount{ font-size: 12px; line-height: 1.2; font-weight: 400; color: #2B2B2B;  }
.order-amount span{ color: #A0A0AD; padding-right: 4px; }

.boxorder--prices{ display: flex; flex-direction: column; }
.order-discount{ line-height: 1; }
.order-price span.amount,
.order-discount span.amount{ font-size: 14px !important; line-height: 1; font-weight: 400; color: #A0A0AD; }
.order-price span.amount{ color: #2B2B2B;  }
.order-discount del,
.order-discount span.amount{ color: #A0A0AD; }


/*******************************************************/
/********************** how to order *******************/

.build-section-header ul.menu{ display: flex; flex-flow: row wrap; gap: 100px; justify-content: center; }
.build-section-header ul.menu .menu-item{ border: 0; }
.build-section-header ul.menu .menu-item a{ font-size: 16px; line-height: 1.2; color: #A0A0AD; font-weight: 400; text-transform: uppercase; }
.build-section-header ul.menu .menu-item.current-menu-item a:hover,
.build-section-header ul.menu .menu-item.current-menu-item a{ color: #2B2B2B; border-bottom: 1px solid #2B2B2B; line-height: 1; padding-bottom: 0; }

.build-section-header h1{ font-size: 40px; line-height: 1.2; font-weight: 400; color: #2B2B2B; margin-bottom: 16px !important; letter-spacing: 2px; text-transform: uppercase; padding-top: 20px; }

@media (max-width: 849px){

  .build-section-header ul.menu{ gap: 40px; }

}
@media (max-width: 576px){

  .build-section-header ul.menu{ gap: 14px; }
  .build-section-header ul.menu .menu-item a{ font-size: 14px; }
  .build-section-header h1{ font-size: 36px; padding-top: 0; }

}

.build-section-body{ max-width: 1112px; margin-left: auto; margin-right: auto; }
.section.build-section-body img.size-full.alignnone{ margin-bottom: 0; }

.build-sub-header,
.build-sub-header-left{ font-size: 30px; line-height: 1.2; font-weight: 600; color: #2B2B2B; }
.build-sub-header-right{ font-size: 18px; line-height: 1.2; font-weight: 400; color: #A0A0AD; }
.build-sub-header-left p,
.build-sub-header-right p{ margin: 0; }


.build-sub-header p{ margin-bottom: 30px; }


.build-section-body .build-h2 h2{ font-family: "IBM Plex Sans Thai", "Inter", sans-serif; font-size: 20px; font-weight: 600; }
.build-section-body li:last-child{ margin-bottom: 0; }


@media (max-width: 849px){

  .build-sub-header,
  .build-sub-header-left{ font-size: 22px; }
  .build-sub-header-right{ font-size: 14px; margin-top: 8px; }

  .build-section-body .build-h2 h2{ font-size: 18px; }

}
@media (max-width: 576px){

  .build-section-header{ padding: 10px !important; }
  .build-section-body{ padding-right: 10px !important; padding-left: 10px !important; }
  .build-section-body .row > .col:first-child{ padding-bottom: 0; }
  .build-section-body .row > .col:last-child{ padding-bottom: 40px; }

}


/* shipping */
.build-left-paragraph{ padding-left: 36px; padding-right: 36px; }
.build-left-paragraph p{ margin-bottom: 6px; }
@media (max-width: 849px){

  .build-left-paragraph{ padding-left: 20px; padding-right: 0; }

}

.row.build--last-div > .col{ padding-bottom: 0 !important; }
.row.build--last-div .is-divider{ margin: 2.5em 0; }



/*******************************************************/
/********************** woocommerce ********************/

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{ border: 1px solid #E3E3E3; height: 43px; box-shadow: none; background-color: transparent; }

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus{ box-shadow: none; background-color: transparent;}



input[type=checkbox], input[type=radio]{ margin-right: 5px; }

::-webkit-input-placeholder{ color: #A0A0AD; }
:-moz-placeholder{ color: #A0A0AD; }
::-moz-placeholder{ color: #A0A0AD; }
:-ms-input-placeholder{ color: #A0A0AD; }



/* account : login register */
body.woocommerce-account .my-account{ padding-top: 100px; padding-bottom: 100px; }
body.woocommerce-account .my-account .woocommerce{ max-width: 712px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.woocommerce-account .my-account .woocommerce h2{ font-size: 36px; line-height: 1; font-weight: 400; letter-spacing: 2px; color: #2B2B2B; margin-top: 40px; margin-bottom: 40px; text-align: center; text-transform: uppercase; }
body.woocommerce-account .my-account .woocommerce .woocommerce-form{ width: 100%; }
body.woocommerce-account .my-account .woocommerce .woocommerce-form .woocommerce-Input{ margin-bottom: 5px; }
body.woocommerce-account .my-account .woocommerce .woocommerce-form .woocommerce-form__label-for-checkbox,
body.woocommerce-account .my-account .woocommerce .woocommerce-form .woocommerce-LostPassword,
.woocommerce-ResetPassword label{ font-size: 14px; line-height: 1; color: #2B2B2B; font-weight: 400; }
body.woocommerce-account .my-account .woocommerce .woocommerce-form .woocommerce-LostPassword a{ text-decoration: underline; }
body.woocommerce-account .my-account .woocommerce .woocommerce-form .button{ width: 100%; line-height: 1; padding-top: 16px; padding-bottom: 16px; font-size: 18px; font-weight: 400; }

.show-password-input{ visibility: visible;}


.chuuchop-signup-prompt{ text-align: center; color: #A0A0AD; margin-top: 40px; }
.chuuchop-signup-prompt a{ color: #2B2B2B; font-weight: 400 !important; text-decoration: underline; }
.chuuchop-signup-prompt a:hover{ text-decoration: none; }

.build--tools-login{ display: flex; justify-content: space-between; }

.woocommerce-ResetPassword .woocommerce-form-row.form-row-first{ width: 100%; margin-top: 30px; margin-right: 0; }
.woocommerce-ResetPassword .woocommerce-form-row .woocommerce-Button.button{ width: 100%; margin-right: 0; font-size: 18px; font-weight: 400; }

@media (max-width: 576px){

  .chuuchop-signup-prompt{ margin-top: 25px; }

}


/* account : my account */
.my-account-header.normal-title{ background-color: transparent; border: 0; }
.my-account-header.normal-title .page-title-inner{ padding-top: 50px; padding-bottom: 30px; }
.my-account-header h1{ font-size: 60px; }
.my-account-header small{ display: none; }



/* account : container */
body.woocommerce-account.logged-in.admin-bar .my-account{ padding-top: 30px; padding-bottom: 30px; }
body.woocommerce-account.logged-in.admin-bar .my-account .woocommerce{ max-width: 100%; }

body.woocommerce-account.logged-in.admin-bar .my-account{ max-width: 1152px; width: 90%; margin: 0 auto 50px; }
body.woocommerce-account.logged-in.admin-bar .my-account .row .col.large-3{ background-color: #fff; padding: 28px; border-right: 0 !important; }
body.woocommerce-account.logged-in.admin-bar .my-account .row .col.large-3 ul{ margin-top: 0; }
body.woocommerce-account.logged-in.admin-bar .my-account .row .col.large-9{ background-color: #fff; max-width: calc(75% - 16px); margin-left: 16px; padding: 28px; }

@media (max-width: 1199px){

  .build-section-header{ padding: 10px !important; }
  /* .build-section-body{ padding-right: 10px !important; padding-left: 10px !important; }
  .build-section-body .row > .col:first-child{ padding-bottom: 16px; } */

}
@media (max-width: 849px){

  body.woocommerce-account.logged-in.admin-bar .my-account .row .col.large-9{ max-width: 100%; margin-left: 0; margin-top: 16px; }

}

/* account : nav */
.account-nav.nav-vertical.nav-line>li>a:before{ display: none; }
.account-nav.nav-vertical>li+li{ border-top: 0; }
.account-nav.nav>li>a{ font-size: 14px; font-weight: 400; }
.account-nav.nav>li.active>a{ color: #D98FB2; }

.woocommerce-MyAccount-navigation-link{ position: relative; }

.wishlist-account-element::before,
.woocommerce-MyAccount-navigation-link::before{ content: ''; position: relative; background-repeat: no-repeat; background-size: cover; width: 18px; height: 18px; display: inline-block; margin-right: 10px; }
.wishlist-account-element.is-active::before,
.woocommerce-MyAccount-navigation-link.is-active::before{ filter: invert(78%) sepia(19%) saturate(1322%) hue-rotate(290deg) brightness(93%) contrast(82%); }

.woocommerce-MyAccount-navigation-link--dashboard::before{ background-image: url('assets/images/icon/icon-dashboard.svg'); }
.woocommerce-MyAccount-navigation-link--orders::before{ background-image: url('assets/images/icon/icon-orders.svg');}
.woocommerce-MyAccount-navigation-link--edit-address::before{ background-image: url('assets/images/icon/icon-address.svg');}
.woocommerce-MyAccount-navigation-link--edit-account::before{ background-image: url('assets/images/icon/icon-account.svg'); }
.woocommerce-MyAccount-navigation-link--customer-logout{ margin-top: 40px; }
.woocommerce-MyAccount-navigation-link--customer-logout::before{ background-image: url('assets/images/icon/icon-logout.svg'); }

.wishlist-account-element::before{ background-image: url('assets/images/icon/icon-wishlist.svg'); }



/* account : dashboard */
.build-text-pink{ font-size: 26px; line-height: 1.2; font-weight: 500; color: #D98FB2; margin-bottom: 6px; }
.build-text-grey{ font-size: 16px; line-height: 1.4; font-weight: 400; color: #A0A0AD; margin-bottom: 36px; }

.my-account .woocommerce-MyAccount-content{ width: 100%; }
.my-account .woocommerce-MyAccount-content mark{ background-color: transparent; }

/* order */
.touch-scroll-table{ box-shadow: none; }
.my-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.button{ background-color: #fff; border: 1px solid #957A67; color: #957A67; margin-right: 0; width: 100%; }
.my-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button.button:hover{ background-color: #957A67; color: #fff; }

/* address */
.my-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title h2{ text-align: left; }
.my-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title a{ color: #D98FB2; }
.my-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title a:hover{ color: #000; }

@media (min-width: 849px){

  .my-account .woocommerce-MyAccount-content .woocommerce-Addresses.addresses .woocommerce-Address{ width: 50%; }

}

/* detail */
.my-account .woocommerce-MyAccount-content label{ font-size: 12px; font-weight: 400; text-transform: uppercase; }
.woocommerce-EditAccountForm.edit-account p + fieldset{ margin-top: 30px; }





/*******************************************************/
/********************* product *************************/

.product-section{ border-top: 0; }
.product_meta .posted_in {
  color: rgba(43, 43, 43);
  text-transform: uppercase;
  border-top: 0; font-size: 14px;
}
.product_meta .posted_in a {
  color: rgba(160, 160, 173);
  text-transform: none;
}


.product-section-title{ position: relative; font-size: 32px; line-height: 1.2; font-weight: 400; color: #2B2B2B; text-align: center; text-transform: uppercase; }
.product-section-title::before{ content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 90px; height: 1px; background-color: #D98FB2; }

@media (max-width: 767px){

  .product-section-title{ font-size: 28px; }

}


.product-info.product-summary{ background-image: url('assets/images/logo.svg'); background-repeat: no-repeat; background-position: right top; }

.product-info nav.woocommerce-breadcrumb{ font-size: 16px; line-height: 1; color: #A0A0AD; margin-bottom: 36px; }
.product-info nav.woocommerce-breadcrumb a:last-child{ color: #2B2B2B; }
.product-info .product-title{ font-family: "Instrument Serif", serif; font-size: 38px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; }
.product-info .price{ font-family: "Inter", sans-serif; font-size: 28px; line-height: 1; font-weight: 500; color: #957A67; margin-bottom: 30px; margin-top: 0; }
/* .product-info .price span.amount{ color: #957A67; } */
.product-summary .woocommerce-Price-currencySymbol{ font-size: 20px; color: #957A67; padding-right: 4px; }
.product-summary del .woocommerce-Price-currencySymbol{ color: #A0A0AD; }

@media (max-width: 849px){

  .product-info.product-summary{ background-image: none; }
  .product-info nav.woocommerce-breadcrumb{ font-size: 14px; margin-bottom: 10px; margin-top: 20px; }
  .product-info .product-title{ font-size: 28px; }
  .product-info .price{ font-size: 22px; font-weight: 400; }
  .product-summary .woocommerce-Price-currencySymbol{ font-size: 18px; font-weight: 400; }

}

.stars a.active:after, .stars a:hover:after,
.star-rating span:before,
.star-rating:before, .woocommerce-page .star-rating:before{ color: #D98FB2; }

.woocommerce-product-rating{ display: flex; align-items: center; gap: 4px; }
.build-review-count{ font-size: 16px; line-height: 1; color: #A0A0AD; padding-top: 3px; }

.single_variation_wrap .woocommerce-variation-add-to-cart,
.product-info form.cart{ display: flex; flex-flow: row wrap; gap: 10px; }
.product-info form.cart .quantity.buttons_added{ width: 100%; }
.product-info form.cart .quantity input[type=number]{ max-width: 100%; width: 100%; border: 0; height: 52px; background-color: #fff; }
.product-info form.cart .quantity input[type=button]{ text-shadow: none; color: #2B2B2B; box-shadow: none; background-color: #fff; border: 0; padding-left: 15px; padding-right: 15px; }
.product-info form.cart .quantity input[type=button]:hover{ background-color: #fff !important; }

.button.single_add_to_cart_button{ font-size: 18px; line-height: 1; font-weight: 400; color: #957A67; background-color: rgba(255, 255, 255, 0.05); border: 1px solid #957A67; padding: 16px; width: 40%; backdrop-filter: blur(2px); text-transform: none; }
.button.single_add_to_cart_button:hover{ background-color: #957A67; color: #fff; backdrop-filter: blur(0px); }
.button.ux-buy-now-button{ width: calc(60% - 10px); padding: 6px; font-size: 18px; line-height: 1; font-weight: 400;  }

.build-btn-size-guide{ font-family: "Inter", sans-serif; font-size: 16px; line-height: 1; color: #957A67; font-weight: 400; background-image: url(assets/images/icon/icn-sizeguide.svg); background-repeat: no-repeat; background-position: left center; padding-left: 20px; text-transform: none; margin-bottom: 24px; min-height: auto; }

.variations_form .ux-swatch.selected{ box-shadow: 0 0 0 1px #957A67 !important; }
.variations_form .single_variation_wrap .woocommerce-variation.single_variation{ display: none !important; }

@media (max-width: 849px){

  .product-info form.cart .quantity.buttons_added,
  .button.single_add_to_cart_button{ width: calc(50% - 5px); }
  .button.ux-buy-now-button{ width: 100%; height: 54px; }

  .build-btn-size-guide{ font-size: 14px; margin-bottom: 16px;}

}



.product-footer .woocommerce-tabs{ border-top: 0; padding-bottom: 80px; }
.product-footer .woocommerce-tabs ul.product-tabs{ justify-content: center; gap: 72px; text-align: center; border-bottom: 1px solid rgba(149, 122, 103, 0.2); padding-bottom: 10px; }
.product-footer .woocommerce-tabs ul.product-tabs.nav>li>a{ font-size: 18px; line-height: 1; font-weight: 400; color: #A0A0AD; }
.product-footer .woocommerce-tabs ul.product-tabs.nav>li.active>a{ font-weight: bold; color: #957A67; }
.product-footer .woocommerce-tabs ul.product-tabs.nav-line>li>a:before{ display: none; }

@media (max-width: 576px){

  .product-footer .woocommerce-tabs ul.product-tabs{ gap: 32px; }
  .product-footer .woocommerce-tabs ul.product-tabs.nav>li{ width: auto; }
  .product-footer .woocommerce-tabs ul.product-tabs.nav>li>a{ font-size: 16px; }

}



.product-lightbox.lightbox-content .button.single_add_to_cart_button{ width: 100%; background-color: #957A67; color: #fff; box-shadow: none; }
.product-lightbox.lightbox-content .button.single_add_to_cart_button:hover{ background-color: #fff; color: #957A67; }
.product-lightbox-inner .is-divider{ display: none; }
.product-lightbox.lightbox-content .product-info form.cart .quantity input[type=button],
.product-lightbox.lightbox-content .product-info form.cart .quantity input[type=number]{ background-color: #f9f9f9; }
.product-lightbox-inner h1{ font-family: "Instrument Serif", serif; font-size: 38px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; }

@media (max-width: 849px){

  .product-lightbox-inner h1{ font-size: 28px; }
  .product-lightbox.lightbox-content .product-info form.cart .quantity.buttons_added{ width: 100%; }

}


/*******************************************************/
/**************** modal : size guide *******************/

/* ซ่อน Modal ไว้ตั้งแต่ต้น */
.modal {
    display: none;
    position: fixed; 
    z-index: 1060; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    background-color: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
}

/* เนื้อหาภายใน Modal */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    max-height: 100%; overflow: hidden;
    max-width: 700px;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* ปุ่มปิด (X) */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-btn:hover,
.close-btn:focus {
    color: #000;
    text-decoration: none;
}

/* เพิ่ม animation เล็กน้อยตอนเปิด */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

/* สำหรับการแสดง Modal ด้วย JavaScript */
.modal.is-active {
    display: flex; /* ใช้ flexbox เมื่อต้องการแสดง */
}


.modal-header{ border-bottom: none; padding: 24px 36px; display: flex; }
.modal-title{ font-size: 20px; line-height: 1.2; font-weight: 500; width: calc(100% - 32px); text-transform: uppercase; text-align: center; }
.modal-header .btn-close{ min-height: auto; line-height: 0; }

.modal-body{ position: relative; flex: 1 1 auto; padding: 24px 36px 40px 36px; padding-top: 0; }


@media (max-width: 849px){

  .modal-content{ width: 100%; }
  .modal-header{ border-bottom: none; padding: 16px; }
  .modal-title{ font-size: 16px; padding-top: 4px; }
  .modal-body{ padding: 24px 24px 28px 24px; padding-top: 0; }

}
@media (max-width: 576px){

  .modal.is-active{ align-items: end; }

}


.yith-wcwl-add-to-wishlist .blockUI.blockOverlay,
.yith-wcwl-popup-form .blockUI.blockOverlay {
  cursor: default !important;
}

.price-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.price-wrapper .price {
  flex: 1;
  text-align: left;
}

.price-wrapper .yith-wcwl-add-to-wishlist {
  width: 25px;
  flex: 0 0 25px;
  margin: 0;
}

.price-wrapper .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg {
  width: 20px !important;
  height: 20px !important;
}
.yith-wcwl-add-to-wishlist.exists svg.yith-wcwl-icon-svg{ color: #D98FB2; }

.price-wrapper span.amount{ color: #957A67; font-weight: 400; }
.price-wrapper del,
.price-wrapper del span.amount{ color: #A0A0AD; opacity: 1; }
ins span.amount{ margin-right: 0.3em; }


.wishlist-icon{
  display: block !important;
}


/* Hide the 'Brands' column in WooCommerce admin product list */
.column-taxonomy-product_brand
{
    display: none !important;
}


.page-template-home-page .slide--product .product ,.page-template-home-page .categories-slide .product{
  padding: 0 0px 0px;
}


/**********************************************************/
/********************* badge on sale **********************/

.badge-container {
margin-left: 10px !important;
margin-top: 10px !important;
}


.badge-container .badge-inner.on-sale,
.badge-container .badge-inner.secondary.on-sale {
  background-color: #fff;
  color: rgba(217, 143, 178, 1);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  height: 35px;
  min-height: 35px;
  min-width: 72px;
  line-height: 35px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-container .badge-inner.on-sale .onsale,
.badge-container .badge-inner.secondary.on-sale .onsale {
  color: rgba(217, 143, 178, 1);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
}

.product-gallery .badge-container .badge-inner.on-sale, 
.product-gallery .badge-container .badge-inner.secondary.on-sale{ padding: 10px; }
.product-gallery .badge-container .badge-inner.on-sale .onsale,
.product-gallery .badge-container .badge-inner.secondary.on-sale .onsale{ font-size: 20px; }

@media (max-width: 576px){

  .product-gallery .badge-container .badge-inner.on-sale .onsale,
  .product-gallery .badge-container .badge-inner.secondary.on-sale .onsale{ font-size: 14px; }

}


/**********************************************************/


body.page-template-templatespecial-price-page-php .nav--product li {
  margin-left: 0;
}

/* Hide Quick View button in image-tools (shop/category pages) */
.image-tools .quick-view {
  display: none !important;
}

/* Show Quick View button only in Wishlist page */
.yith-wcwl-grid-view .wishlist-quick-view .quick-view {
  display: inline-block !important;
}

/* Style Quick View button in Wishlist */
.yith-wcwl-grid-view .wishlist-quick-view .quick-view {
  width: 100%;
  height: 54px;
  background-color: rgba(149, 122, 103, 1);
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  border-radius: 0;
  transition: opacity 0.3s ease;
}

.yith-wcwl-grid-view .wishlist-quick-view .quick-view:hover {
  opacity: 0.9;
  color: #ffffff;
}

/* Checkout Order Review Sections */
.chuuchop-checkout-order-section {
  background-color: #fff; 
  padding: 36px;
  margin-bottom: 16px;
}
.chuuchop-checkout-order-section .shop_table{ margin-bottom: 0; }

.chuuchop-checkout-payment-section {
  background-color: #fff; 
  padding: 36px;
}

@media (max-width: 576px){

  .chuuchop-checkout-order-section,
  .chuuchop-checkout-payment-section{ padding: 24px; } 

}

/* 
.boxorder--list { 
  display: flex; 
  gap: 16px; 
}

.boxorder-img { 
  line-height: 0; 
}
.boxorder-img img { 
  width: 80px;
}

.boxorder-content { 
  display: flex; 
  flex-direction: column; 
  justify-content: space-between; 
  text-align: left;
}

.boxorder--detail { 
  display: flex; 
  flex-direction: column; 
  gap: 8px; text-align: left;
}

.order-name { 
  font-size: 14px; 
  line-height: 1.2; 
  font-weight: 500; 
  color: #2B2B2B; 
  text-transform: uppercase; 
}

.order-size { 
  font-size: 12px; 
  line-height: 1.2; 
  font-weight: 400; 
  color: #2B2B2B; 
  text-transform: uppercase; 
}

.order-amount { 
  font-size: 12px; 
  line-height: 1.2; 
  font-weight: 400; 
  color: #2B2B2B; 
}
.order-amount span { 
  color: #A0A0AD; 
  padding-right: 4px; 
}

.boxorder--prices { 
  display: flex; 
  flex-direction: column; 
  gap: 6px; 
}

.order-prices { 
  font-size: 14px; 
  line-height: 1; 
  font-weight: 400; 
  color: #2B2B2B; 
}

.order-price { 
  font-size: 14px; 
  line-height: 1; 
  font-weight: 400; 
  color: #2B2B2B; 
}

.order-discount { 
  color: #A0A0AD; 
} */






/* filter_sort */
.boxoverlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s ease; background: #0b0b0b; }
.boxoverlay.active{ opacity: 0.6; visibility: visible; pointer-events: auto; background-color: rgba(0,0,0,0.2); }

.filter_sort{
  max-width: 520px; width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; right: -520px;
  transition: right 0.5s ease-in-out; z-index: 9999;
}
.filter_sort--content .modal-header{ border-bottom: 1px solid rgba(149, 122, 103, 0.2); }
.filter_sort--content .modal-title{ font-family: "Inter", sans-serif;  font-size: 16px; line-height: 1.5; font-weight: 400; text-align: left; } /* left */
.filter_sort-form{ display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 0; height: 100%; }

.filter-header{ border-bottom: none; padding:24px 36px; display: flex; }
.filter-title{ font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.2; font-weight: 500; width: calc(100% - 32px); text-align: center; padding-left: 32px; }

.boxfiltersort{ margin: 28px 36px; }
.boxfiltersort .title{ font-family: "Inter", sans-serif; font-size: 16px; line-height: 1; font-weight: 500; margin-bottom: 16px; text-transform: uppercase; }

.boxfiltersort-btn{ display: flex; gap: 16px; padding: 36px; }

@media (max-width: 849px){

  .filter_sort--content .modal-header{ border-bottom: 1px solid rgba(149, 122, 103, 0.2); }

}


/* sort */
.div-sort{ display: flex; align-items: flex-start; gap: 16px; flex-direction: column; }
.div-sort .boxSort input[type="radio"]{
  display: none;
}
.div-sort .boxSort label {
  display: flex; align-items: center; justify-content: center;  gap: 8px;
  font-size: 14px; color: #2B2B2B; font-weight: 400;
  position: relative; text-transform: uppercase;
  cursor: pointer; font-family: "Inter", sans-serif;
}
.div-sort .boxSort label .check{ display: block; border: 1px solid #EEEDE9; padding: 2px; width: 16px; height: 16px; }
.div-sort .boxSort label .check span{ display: block; width: 100%; height: 100%; }
.div-sort .boxSort :checked + label .check span{
  background-color: #957A67; 
}
.div-sort .boxSort :checked + label .check{ border-color: #957A67;}


/* color */
.div-color{ display: flex; align-items: center; gap: 16px; flex-flow: row wrap; }
.div-color .boxColor input[type="radio"]{
  display: none;
}
.div-color .boxColor label {
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px;
  font-size: 12px; color: #2B2B2B; font-weight: 400;
  position: relative; text-transform: uppercase;
  cursor: pointer; font-family: "Inter", sans-serif;
}
.div-color .boxColor label .check{ display: block; border: 1px solid #EEEDE9; padding: 3px; width: 36px; height: 36px; }
.div-color .boxColor label .check span{ display: block; width: 100%; height: 100%; }
.div-color .boxColor :checked + label .check{
  border-color: #957A67;
}


/* size */
.div-size{ display: flex; align-items: center; gap: 12px; flex-flow: row wrap; }
.div-size .boxSize input[type="radio"]{
  display: none;
}
.div-size .boxSize label {
  border: 1px solid #EEEDE9; border-radius: 0; 
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; color: #2B2B2B; font-weight: 400; font-family: "Inter", sans-serif;
  position: relative; text-transform: uppercase;
  cursor: pointer; width: 92px; height: 44px;
}
.div-size .boxSize :checked + label {
  border-color: #957A67;
}

@media (max-width: 576px){

  .boxfiltersort{ margin: 28px 24px; }
  .boxfiltersort-btn{ padding: 24px; }

}



.btn--primary{ display: inline-block; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #fff; padding: 16px; text-align: center; border: 1px solid #957A67; background-color: #957A67; width: 100%; height: 54px; line-height: 1; }
.btn--primary:hover{ background-color: #68503F; }

.btn--border{ display: inline-block; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; color: #957A67; padding: 16px; text-align: center; border: 1px solid #957A67; background-color: #fff; width: 100%; height: 54px; line-height: 1;}
.btn--border:hover{ background-color: #957A67; color: #fff; }


@media (max-width: 991px){

  .btn--primary,
  .btn--border{ font-size: 16px; height: 50px; }

}
@media (max-width: 576px){

  .btn--primary,
  .btn--border{ font-size: 12px; height: 45px; }

}


.tooltipster-base{display:none!important;}

/* WooCommerce Variations Table - Display label and value on separate lines */
/* table.variations{ margin-top: 30px; } */
table.variations tbody tr {
	display: block;
}
table.variations tbody tr:first-child{ margin-bottom: 30px; }
table.variations tbody tr th.label,
table.variations tbody tr td.value {
	display: block;
	width: 100%;
	padding: 0;  
  display: flex; gap: 5px;
  font-size: 16px; font-weight: 400; margin: 0;
}
table.variations tbody tr th.label{ margin-bottom: 10px; }
table.variations tbody tr th.label label {
	/* margin-bottom: 8px; */
  font-size: 16px; font-weight: 400; margin: 0; text-transform: uppercase;
}
.color-text::before{ content: ' - '; position: relative; }


/* Override Flatsome swatches separator: เปลี่ยนจาก : เป็น — */
.ux-swatch-selected-value__separator {
    font-size: 0; /* ซ่อนข้อความเดิม */
}

.ux-swatch-selected-value__separator::before {
    content: '—\00a0'; /* — (em dash) + non-breaking space */
    font-size: 16px; /* ตั้งค่า font-size กลับมา */
}

/* ซ่อน ux-swatch-selected-value เฉพาะของ Size attribute - วิธีที่ 1 */
.variations th.label label[for="pa_size"] ~ .ux-swatch-selected-value,
.variations th.label:has(label[for="pa_size"]) .ux-swatch-selected-value {
    display: none !important;
}

/* ซ่อน ux-swatch-selected-value เฉพาะของ Size attribute - วิธีที่ 2 (ครอบคลุมมากขึ้น) */
.variations th.label label[for*="size"] ~ .ux-swatch-selected-value,
.variations th.label:has(label[for*="size"]) .ux-swatch-selected-value {
    display: none !important;
}

.ux-swatch{ box-shadow: 0 0 0 1px #EEEDE9; }
.ux-swatch--color{ width: 44px; height: 44px; padding: 3px; }
@media (max-width: 576px){

  .ux-swatch--color{ width: 40px; height: 40px;  }

}
.ux-swatch__text{ color: #2B2B2B;}



/* กำหนดขนาด Size swatch: กว้าง 92px สูง 44px */
.variations .ux-swatches{ margin: 0; gap: 12px; }
.variations .ux-swatches[data-attribute_name="attribute_pa_size"] .ux-swatch--label,
.variations .ux-swatches[data-attribute_name*="size"] .ux-swatch--label {
    width: 92px;
    min-width: 92px;
    height: 44px;
    min-height: 44px;
    padding: 0;
}
@media (max-width: 576px){

  .variations .ux-swatches{  gap: 10px; }
  .variations .ux-swatches[data-attribute_name="attribute_pa_size"] .ux-swatch--label,
  .variations .ux-swatches[data-attribute_name*="size"] .ux-swatch--label {
      width: 80px;
      min-width: 80px;
  }

}

/* Remove border-top from product summary table rows */
.product-summary table tr+tr {
	border-top: none !important;
}

/* review */
.woocommerce-Reviews > .col{
  flex-basis: 50%;
  max-width: 50%;
}
.tab-panels{ padding-top: 24px; }

@media (max-width: 576px){

  .woocommerce-Reviews > .col{
    flex-basis: 100%;
    max-width: 100%;
  }

}


/* product */
.product-small.col .product-small.box .box-text-products{ padding-bottom: 24px; padding-top: 18px; }
.product-small.col .product-small.box .box-text-products .title-wrapper .category{ font-size: 14px; line-height: 1; color: #A0A0AD; text-transform: none; margin-top: 0; margin-bottom: 4px; opacity: 1; }
.product-small.col .product-small.box .box-text-products .title-wrapper .product-title{ font-size: 18px; line-height: 1; color: #2B2B2B; margin-top: 0; margin-bottom: 4px; }
.product-small.col .product-small.box .box-text-products .price-wrapper .price span.amount{ font-size: 15px; }

.yith-wcwl-add-button{ margin-block-end: 0 !important; }

@media (max-width: 991px){

  .product-small.col .product-small.box .box-text-products{ padding-bottom: 16px; padding-top: 10px; }
  .product-small.col .product-small.box .box-text-products .title-wrapper .category{ font-size: 12px; }
  .product-small.col .product-small.box .box-text-products .title-wrapper .product-title{ font-size: 16px; }
  .product-small.col .product-small.box .box-text-products .price-wrapper .price span.amount{ font-size: 14px; }
  .product-small.col .product-small.box .box-text-products .price-wrapper .price{ font-size: 14px; }

}



/* review-comment */
.woocommerce-Reviews-title{ font-family: "Inter", serif; font-size: 18px; font-weight: 400; color: #2B2B2B; text-transform: uppercase; margin-bottom: 24px; }
.woocommerce-review__author{ font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; color: #2B2B2B; }
.woocommerce-review__published-date{ font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; color: #91919C; }
.comment-list li .description, .commentlist li .description{ font-style: normal; }
.comment-text .description p{ line-height: 1.3; color: #91919C; margin-bottom: 0; }

.comment-list li, .commentlist li{ padding: 0; margin: 0 0 30px 0 !important; }
.comment-list>li:not(:first-child), 
.commentlist>li:not(:first-child){ border-top: 0; }

.comment-list li .comment-text, .commentlist li .comment-text{ padding: 0; width: calc(100% - 40px); padding-left: 10px; }
.comment-list li .avatar, .commentlist li .avatar{ width: 40px; height: 40px; }

@media (max-width: 576px){

  .woocommerce-Reviews-title{ font-size: 16px; }
  .woocommerce-review__author,
  .woocommerce-review__published-date,
  .comment-list li .description, .commentlist li .description{ font-size: 14px; }
  .comment-list li, .commentlist li{ margin: 0 0 16px 0 !important; }
  .comment-list li .avatar, .commentlist li .avatar{ width: 28px; height: 28px; }
  .comment-list li .comment-text, .commentlist li .comment-text{ width: calc(100% - 28px); padding-left: 6px; }

}


/* review-form */
.review-form-inner{ background-color: #fff; border: 0; padding: 24px; }
.comment-reply-title{ font-family: "Inter", sans-serif; font-size: 18px; color: #2B2B2B; }
.review-subtitle{ font-family: "Inter", sans-serif; font-size: 16px; color: #91919C; }
.comment-form{ display: flex; flex-flow: row wrap; gap: 24px; margin-bottom: 0; }
.comment-form label{ font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; color: #2B2B2B; }
.comment-form textarea,
.comment-form input{ margin-bottom: 0; }
.comment-form p{ margin-bottom: 0; }
.comment-form p.comment-form-author, 
.comment-form p.comment-form-email{ flex: auto; }
.comment-form input[type=checkbox]{ margin: 0 5px 0 0; }

.comment-form-cookies-consent{ line-height: 1.3; }
.comment-form-cookies-consent label{ font-size: 14px; } 
.form-submit{ width: 100%; }
.form-submit input[type=submit]{ width: 100%; height: 54px; font-family: "Inter", sans-serif;  font-size: 18px; line-height: 1; font-weight: 400; margin: 0; text-transform: none; }

@media (max-width: 576px){

  .comment-reply-title{ font-size: 16px; }
  .review-subtitle,
  .comment-form label{ font-size: 14px; }

}

.image-tools .wishlist-button.button.icon{ background-color: transparent; border: 0; }
.image-tools .wishlist-button.button.icon i{ font-size: 2.2em; }
.image-tools .wishlist-button:hover{ background-color: transparent; border: 0; }
.image-tools .wishlist-button:hover i,
.image-tools .wishlist-button.wishlist-added i{ color:#D98FB2; }

.wishlist-popup{ display: none; }
.product-gallery .has-hover .show-on-hover{
    opacity: 1;
    pointer-events: inherit;
    transform: scale(1) translateZ(0) translateY(0) !important;
}
.image-tools.bottom.left{ display: none; }


/* cart */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-sidebar{ background-color: #fff; padding: 36px; }
body.woocommerce-cart .cart-sidebar h3{ font-size: 30px; line-height: 1; margin-bottom: 24px; text-transform: uppercase; }

.button.is-outline, input[type=button].is-outline, 
input[type=reset].is-outline, input[type=submit].is-outline{ border: 1px solid #957A67; }
.woocommerce-cart-form__contents.shop_table .button{ padding: 5px 16px; line-height: 2; text-shadow:none; font-weight: 400; margin-bottom: 0; }

.woocommerce-cart-form__contents.shop_table{ margin-bottom: 0; }
.shop_table .cart_item td{ padding-top: 0; padding-bottom: 24px; }
.shop_table td.actions{ padding: 15px 0 0 0; }


.cart_item .product-thumbnail{ position: relative; }
.cart_item .product-thumbnail a.remove{ position: absolute; top: 19px; right: 15px; border: 1px solid #fff; border-radius: 0; width: 20px; height: 20px; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(2px); color: #fff; font-weight: 400; }
.cart_item .product-thumbnail a.remove:hover{ color: #fff; }
.cart_item .product-name{ font-size: 14px; line-height: 1.2; font-weight: 500; color: #2B2B2B; text-transform: uppercase; }

.cart_item .product-price > span{ display: block; }
.cart_item .product-price span.amount,
.cart_item .product-subtotal span.amount{ font-size: 14px; font-weight: 400; color: #2B2B2B; }
.cart_item .product-quantity .quantity input{ background-color: #F9F9F9; border: 0; padding: 5px; min-height: auto; height: 29px; line-height: 1; }
.cart_item .product-quantity .quantity input.input-text.qty{ font-size: 14px; }
.cart_item .product-quantity .quantity .button:hover{ background-color: #F9F9F9; box-shadow: none; }

.cart_item .product-price .product-price__regular del,
.cart_item .product-price .product-price__regular span.amount,
.mobile-product-price .mobile-product-price__regular del,
.mobile-product-price .mobile-product-price__regular span.amount{ color: #A0A0AD; }

.product-name-container{ display: flex; flex-direction: column; gap: 6px; }


@media (max-width: 549px){

  .shop_table .mobile-product-price{ padding-bottom: 0; margin: 0; }
  .build--product-name-container{ display: flex; flex-direction: column; justify-content: space-between; height: 120px; }

  .shop_table .cart_item td{ vertical-align: top; }
  .shop_table .cart_item td{ padding-top: 0; padding-bottom: 12px; }
  .cart_item .product-thumbnail a.remove{ top: 13px; }

  .mobile-product-price__regular,
  .mobile-product-price__sale{ display: block; }
  .shop_table .mobile-product-price span.amount,
  .mobile-product-price__regular span.amount,
  .mobile-product-price__sale span.amount{ font-size: 14px !important; }
  
}

.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding-top: 0; padding-bottom: 24px; }
@media (max-width: 549px){

  .shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td{ padding-top: 0; padding-bottom: 12px; }

}



button#place_order,
.cart_totals .button{ display: flex; align-items: center; justify-content: center; background-color: #957A67; height: 54px; font-size: 18px; font-weight: 400; text-transform: none; }
.cart_totals tbody th{ text-transform: uppercase; font-size: 14px; font-weight: 400; }

.woocommerce-cart-form .shop_table thead th,
.ux-cart-coupon .coupon label{ font-size: 12px; font-weight: 400; text-transform: uppercase; }

.checkout-page-title .page-title-inner{ padding-top: 50px; padding-bottom: 20px; }
.checkout-page-title .page-title-inner h1{ font-size: 60px; line-height: 1; color: #2B2B2B; text-transform: uppercase; margin-bottom: 0; text-align: center; }


.build--form-coupon{ display: flex; gap: 10px; }
.build--form-coupon .input-text{ width: calc(100% - 90px); }
.build--form-coupon .expand.button{ width: 80px !important; margin-right: 0; text-shadow:none; background-color: #fff; border: 1px solid #957A67; font-size: 14px; color: #957A67; }
.build--form-coupon .expand.button:hover{ background-color: #957A67; color: #fff; }

@media (max-width: 576px){

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-sidebar{ padding: 24px; }
  body.woocommerce-cart .cart-sidebar h3{ font-size: 24px; }

  .checkout-page-title .page-title-inner h1{ font-size: 50px;}

}



/* checkout */
.woocommerce-billing-fields{ border: 0; background-color: #fff; padding: 36px 36px 5px; }
.woocommerce-shipping-fields{ background-color: #fff; padding: 5px 36px 36px; margin-bottom: 16px; }
.woocommerce-additional-fields{ background-color: #fff; padding: 36px; }
.woocommerce-additional-fields textarea{ margin-bottom: 0; }

.checkout.woocommerce-checkout .col-inner.has-border{ border: 0; padding: 0; }
form.checkout h3{ font-size: 30px; line-height: 1; font-weight: 400; color: #2B2B2B; padding-top: 0; margin-bottom: 28px; }

.checkout.woocommerce-checkout .form-row label{ font-size: 12px; font-weight: 400; text-transform: uppercase; }

.shop_table td,
.shop_table th{ border: 0; }

.shop_table th{ font-size: 14px; font-weight: 400; text-transform: uppercase; }
.shop_table td,
.shop_table td span.amount{ font-size: 16px; font-weight: 400; }
.shop_table tfoot th{ text-transform: uppercase; }

.shop_table .order-total th{ font-size: 16px; font-weight: bold; }
.shop_table .order-total td span.amount{ font-size: 18px; font-weight: bold; }

.woocommerce-shipping-fields #ship-to-different-address{ font-family: "Inter", sans-serif; font-size: 14px; letter-spacing: 0; margin-bottom: 0; }
.woocommerce-shipping-fields .shipping_address{ margin-top: 16px; }

@media (max-width: 849px){

  .checkout.woocommerce-checkout .col{ padding: 0 0 16px; }

}
@media (max-width: 576px){

  .woocommerce-billing-fields{ padding: 24px 24px 5px; }
  .woocommerce-shipping-fields{ padding: 5px 24px 24px; }
  .woocommerce-additional-fields{ padding: 24px; }
  
  form.checkout h3{ font-size: 24px; margin-bottom: 20px; }

}

body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a{ font-weight: bold; color: #D98FB2; }
body.woocommerce-checkout #terms-and-conditions-lightbox .build-section-header{ opacity: 0; height: 0; }


/* รอใส่ชื่อคลาส */
/* .mfp-wrap .mfp-close{ left: 1080px; top: 30px; } */


/* thankyou */
.page-checkout .woocommerce-order{ max-width: 1112px; margin: 0 auto !important; background-color: #fff; padding: 36px !important; }
.chuuchop-thankyou-header-content{ display: flex; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid rgba(149, 122, 103, 0.2); margin-bottom: 24px; }
.chuuchop-thankyou-title{ font-size: 50px; line-height: 1; font-weight: 400; color: #D98FB2; text-transform: uppercase; margin-bottom: 16px; }
.chuuchop-thankyou-subtitle{ font-size: 16px; line-height: 1.4; font-weight: 300; margin-bottom: 0; }

.woocommerce-order-details__title,
.chuuchop-thankyou-section-title{ font-size: 24px; line-height: 1; font-weight: 400; color: #957A67; margin-bottom: 24px; }

.page-checkout .woocommerce-order .entry-content{ background-color: #fff; border: 0; box-shadow: none; padding: 0; }
ul.woocommerce-thankyou-order-details li{ list-style: none; margin-left: 0; display: flex; justify-content: space-between; font-size: 12px; line-height: 1; color: #A0A0AD; text-transform: uppercase; margin-bottom: 20px; }
ul.woocommerce-thankyou-order-details li strong,
ul.woocommerce-thankyou-order-details li span.amount{ font-size: 14px; font-weight: 400; color: #2B2B2B; text-transform: none; }

.woocommerce-order-details__items .boxorder--list{ margin-bottom: 24px; }

.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot th,
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot td{ padding-top: 10px; padding-bottom: 10px; }
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot th{ font-size: 12px; line-height: 1; font-weight: 400; }
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot td,
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot td span.amount{ font-size: 14px; line-height: 1; font-weight: 400; }
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot tr:last-child th{ font-size: 14px; font-weight: 600; }
.woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot tr:last-child td span.amount{ font-size: 16px; font-weight: 600; }



@media (max-width: 767px){

  .page-checkout .woocommerce-order{ padding: 20px !important; }

  .chuuchop-thankyou-header-content{ padding-bottom: 20px; margin-bottom: 20px; }
  .chuuchop-thankyou-title-section{ width: calc(100% - 48px); }
  .chuuchop-thankyou-logo{ width: 48px; }
  .chuuchop-thankyou-title{ font-size: 36px; }
  .chuuchop-thankyou-subtitle{ font-size: 14px; }

}
@media (max-width: 576px){

  .chuuchop-thankyou-title span{ display: block; }
  
  ul.woocommerce-thankyou-order-details li,
  .woocommerce-order-details__items .boxorder--list{ margin-bottom: 12px; }

  .woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot th,
  .woocommerce-order-details .woocommerce-table--order-details.shop_table.order_details tfoot td{ padding-top: 6px; padding-bottom: 6px; }

}

@media (max-width: 849px){

  .page-checkout .woocommerce-order .large-6.col{ padding: 0 20px 0 0; }
  .page-checkout .woocommerce-order .woocommerce-order-details .order_details,
  .page-checkout .woocommerce-order .entry-content .order_details{ margin-bottom: 0; }
  .page-checkout .woocommerce-order .entry-content{ border-top: 1px solid rgba(149, 122, 103, 0.2); padding-top: 20px; margin-top: 20px; }

}



/* pagination */
.nav-pagination>li>a, .nav-pagination>li>span{ border: 0; background-color: transparent; color: #A0A0AD !important; font-family: "Inter", sans-serif; font-size: 18px; line-height: 1; font-weight: 400; min-width: auto; height: auto; }
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{ background-color: transparent;  color: #2B2B2B !important; border: 0; }

.woocommerce-pagination{ position: relative; margin: 50px 0; }
.woocommerce-pagination>ul{line-height: 1; }
.woocommerce-pagination>li{ list-style: none; position: absolute; top: 1px; margin-bottom: 0; }
.woocommerce-pagination>li>a{ display: flex; align-items: center; gap: 10px; font-size: 18px; line-height: 1; font-weight: 400; }
.woocommerce-pagination>li>a>i{ line-height: 1; }
.woocommerce-pagination>li:last-child{ right: 0; }



/* 404 */
.build-404{ padding: 50px 20px; }
.img404{ max-width: 420px; width: 70%; margin: 50px auto; }
.build-404{ text-align: center; }
.img404-icon + p,
.build-404 p{ font-size: 20px; line-height: 1.4; font-weight: 300; color: #2B2B2B; margin-bottom: 30px; }
.div404-btn{ text-align: center; }
.div404-btn .btn--primary{ width: auto; font-size: 16px; padding: 16px 42px; height: auto; }
.div404-title{ padding: 0px 24px 30px; }
.div404-title h2{ font-family: "Instrument Serif", serif; font-size: 26px; line-height: 1; font-weight: 400; color: #2B2B2B; text-transform: uppercase; text-align: center; }

.div404-title  .boxitem{ font-size: 16px; line-height: 1; font-weight: 400; color: #A0A0AD; margin-top: 10px; }
.img404-icon{ max-width: 135px; width: 100%; margin: 50px auto; }
.img404-icon + p{ text-align: center; }

.woocommerce-no-products-found{ margin-bottom: 50px; }
.woocommerce-no-products-found .woocommerce-info.message-wrapper{ padding: 0; }
.woocommerce-no-products-found .woocommerce-info.message-wrapper .message-container{ font-size: 20px; line-height: 1.4; font-weight: 300; color: #2B2B2B; margin-bottom: 30px; text-align: center; }


@media (max-width: 576px){

  .div404-title{ padding: 0px 24px; }
  .div404-title h2{ font-size: 20px; }
  .img404-icon + p, .build-404 p,
  .woocommerce-no-products-found .woocommerce-info.message-wrapper .message-container{ font-size: 14px; }
  .div404-btn .btn--primary{ font-size: 14px; padding: 16px 20px; }

  .img404-icon{ max-width: 90px; margin-bottom: 24px; }

}




form.woocommerce-shipping-calculator,
form.woocommerce-shipping-calculator.customize-unpreviewable {
  display: none !important;
}

body.woocommerce-cart .mobile-product-price__qty{display:none;}




.product-lightbox .product_meta{
  margin-bottom: 0em;
}
/* .product-lightbox .product-info .price{
  margin-bottom: 0px;
} */
.product-lightbox .build-btn-size-guide{
  margin-top: 5px;
}


body.woocommerce-order-pay #main{
  max-width: 1112px;
    background-color: #fff;
    padding: 36px !important;
    
    margin: 0 auto !important;
}


body.woocommerce-order-pay .checkout-page-title .page-title-inner h1{
      color: #D98FB2;
      text-align: left;
}


body.woocommerce-order-pay .cart-container p{
  font-weight: 300;
}