.elementor-kit-7{--e-global-color-primary:#FFD100;--e-global-color-secondary:#111111;--e-global-color-text:#292929;--e-global-color-accent:#595959;--e-global-color-078d7ad:#999999;--e-global-color-e40584d:#D9D9D9;--e-global-color-489871a:#F9F9F9;--e-global-color-0dbeb69:#262626;--e-global-color-a53f807:#333333;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:4.5rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1.5rem;--e-global-typography-text-font-weight:700;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.4em;--e-global-typography-9a1df5f-font-family:"Montserrat";--e-global-typography-9a1df5f-font-size:0.9rem;--e-global-typography-9a1df5f-font-weight:400;--e-global-typography-9a1df5f-line-height:1.4em;--e-global-typography-a851c3a-font-family:"Montserrat";--e-global-typography-a851c3a-font-size:1rem;--e-global-typography-a851c3a-font-weight:600;--e-global-typography-a851c3a-line-height:1.4em;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}@media(min-width:2400px){.elementor-kit-7{--e-global-typography-primary-font-size:2.9rem;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-size:1.5rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-line-height:1.4em;--e-global-typography-9a1df5f-font-size:0.9rem;--e-global-typography-9a1df5f-line-height:1.4em;--e-global-typography-a851c3a-line-height:1.4em;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:1.6rem;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-size:1.3rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-line-height:1.4em;--e-global-typography-9a1df5f-font-size:0.8rem;--e-global-typography-9a1df5f-line-height:1.4em;--e-global-typography-a851c3a-font-size:1rem;--e-global-typography-a851c3a-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-line-height:1.4em;--e-global-typography-secondary-font-size:1.6rem;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-line-height:1.4em;--e-global-typography-9a1df5f-font-size:0.8rem;--e-global-typography-9a1df5f-line-height:1.4em;--e-global-typography-a851c3a-font-size:1rem;--e-global-typography-a851c3a-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html{
    font-size: 16px;
}


.more-content {
	position: relative;
	max-height: 350px;
	overflow: hidden;
	transition: all 0.6s ease;
}
.more-content:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, var(--show-more-color) 0%, rgba(256, 256, 256, 0) 35%);
	 pointer-events: none;
}
.more-content.open {
	max-height: max-content;
}
.more-content.open:before {
	content: '';
	visibility: hidden;
}
.show-more {
	cursor: pointer;
}

.show-more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
    margin-bottom: 20px;
    font-family: "Montserrat";
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 50px;

    font-weight: 600;
    text-decoration: none;
    color: #d9d9d9;
    background-color: #292929;
    padding: 5px 20px 5px 20px !important;
}

#gtd-table table {
    color: #D9D9D9;
}



a:focus {
  outline: none;
}


/* CSS custom menu desktop */

#tnd-menu-desktop .elementor-element.elementor-element-1610288 .elementor-nav-menu--main .elementor-item:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #111;
  margin-bottom: 7px;
}

#tnd-menu-desktop .elementor-nav-menu .sub-arrow {
  display: none;
}

#tnd-menu-desktop .elementor-nav-menu--dropdown {
  padding: 10px 10px 12px 10px !important;
  margin-top: 0px !important;
}

#tnd-menu-desktop .elementor-nav-menu--dropdown a {
  padding-left: 0px;
  padding-right: 8px !important;
  padding-top: 6px;
  padding-bottom: 6px;
}

#tnd-header-desktop .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  font-family: "Montserrat";
}

#tnd-header-action {
  color: var(--e-global-color-primary);
  font-family: "Montserrat", Sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4em;
}

a#tnd-hover-link:hover {
  color: #d9d9d9;
}

#tnd-header-desktop .elementor-icon-box-title a:hover {
  color: #999999;
}

#tnd-icon-menu .elementor-icon-box-icon {
  display: flex;
  align-items: center;
}

#tnd-icon-menu .elementor-icon-box-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#header-menu-scroll .elementor-nav-menu {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

#header-menu-scroll .elementor-nav-menu::-webkit-scrollbar {
    display: none;
}


#header-menu-scroll a.elementor-item.elementor-item-anchor.menu-link {
  padding: 3px 10px !important;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-radius: 50px;
  font-size: 0.7rem;
  font-style: italic;
}

#header-menu-scroll .elementor-nav-menu--layout-horizontal:before {
  content: "Xem nhiều nhất:";
  white-space: nowrap;
  margin-right: 10px;
  font-family: "Montserrat", Sans-serif !important;
  font-size: 0.7rem;
  color: #999999;
  font-weight: 700;
  display: flex;
  align-items: center;
}

#header-menu-scroll a.elementor-item.menu-link {
    padding: 3px 10px !important;
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        border-radius: 50px;
        font-size: 0.7rem;
        font-style: italic;
}

/* CSS sustom menu desktop */


/* CSS thanh search */

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
  font-family: "Montserrat", Sans-serif !important;
  font-size: 0.8rem;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
  opacity: 1 !important;
  color: black !important
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder {
  opacity: 1 !important;
  color: #d9d9d9 !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-moz-placeholder {
  opacity: 1 !important;
  color: #d9d9d9 !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-moz-placeholder {
  opacity: 1 !important;
  color: #d9d9d9 !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-ms-input-placeholder {
  opacity: 1 !important;
  color: #d9d9d9 !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
  height: 40%;
  opacity: 1;
}

.dgwt-wcas-suggestions-wrapp {
	font-family: "Montserrat", Sans-serif !important;
}

.dgwt-wcas-content-wrapp {
    align-items: flex-start;
    flex-direction: column;
}

.dgwt-wcas-content-wrapp .dgwt-wcas-sp {
    color: #111111;
    font-size: 13px;
    line-height: 5px !important;
    text-align: left;
    padding-left: 0px !important;
    font-weight: 700;
    display: flex;
    flex-direction: row;
	  align-items: flex-end;
}


.dgwt-wcas-content-wrapp .dgwt-wcas-sp #tnd-cost-price {
	padding-left: 5px;
	font-size: 11px;
	font-weight: 500;
	color: #595959;
	text-decoration: line-through;
}

.dgwt-wcas-content-wrapp .dgwt-wcas-st {
    color: #292929;
    font-size: 13px;
    line-height: 15px !important;
	  display: grid;
}

.dgwt-wcas-content-wrapp .dgwt-wcas-meta {
	line-height: 0px !important;
}

.dgwt-wcas-content-wrapp .dgwt-wcas-st-title {  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
    font-size: 12px !important;
    font-weight: 700;
    color: #292929;
}

/* CSS thanh search */


/* CSS menu danh muc trang chu */

#home-menu-scroll .elementor-nav-menu {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

#home-menu-scroll .elementor-nav-menu::-webkit-scrollbar {
    display: none;
}

#home-menu-scroll a.elementor-item.menu-link {
  padding: 2px 15px !important;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  background-color: #262626;
  color: #d9d9d9;
  border-color: #d9d9d9;
}

#home-menu-scroll a.elementor-item.menu-link:hover {
  background-color: #ffd10010;
  color: #ffd100;
  border-color: #ffd100;
}

#home-menu-scroll .elementor-nav-menu--layout-horizontal:before {
  content: "Series";
  white-space: nowrap;
  margin-right: 10px;
  font-family: "Montserrat", Sans-serif !important;
  font-size: 1rem;
  color: #d9d9d9;
  display: flex;
  align-items: center;
}

#home-menu-scroll ul.elementor-nav-menu {
  padding-left: 0px !important;
  margin: 0px;
}

/* CSS menu danh muc trang chu */


/* CSS thanh breadcrumb */

#tnd-breadcrumb-blog p {
  margin-bottom: 0px;
  color: #d9d9d9;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tnd-breadcrumb-blog a {
  color: #d9d9d9;
  line-height: 1.4rem !important;
  padding: 0px 10px !important;
  background-color: #26262600;
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 50px;
  display: inline-block;
}

#tnd-breadcrumb-blog span.separator {
  padding-left: 05px;
  padding-right: 05px;
}

#tnd-breadcrumb-blog .rank-math-breadcrumb {
  font-size: 0.7rem;
  display: flex;
  font-family: "Montserrat";
}

#tnd-breadcrumb-blog svg.bi.bi-house-door-fill {
  margin-bottom: -4px;
  fill: #d6d6d6;
  margin-right: 2px;
  width: 12px;
}

#tnd-breadcrumb-blog a:hover {
  background-color: #262626;
}

@media (min-width: 768px) {
  #tnd-breadcrumb-blog .rank-math-breadcrumb {
    font-size: 0.9rem !important;
  }

  #tnd-breadcrumb-blog svg.bi.bi-house-door-fill {
    margin-bottom: -3px;
    width: 15px
  }
}

/* CSS thanh breadcrumb */


/* Homepage - Cac san pham Apple */

#gtd-homepage-applesuachua ul {
  padding-left: 0;
}

.ast-single-post .entry-content a {
  text-decoration: none !important;
}

/* Homepage - Cac san pham Apple */


/* Icon button */

#gtd-button .elementor-align-icon-right {
  display: flex;
  align-items: center;
}

#btn-back .elementor-align-icon-left {
  display: flex;
  align-items: center;
}

/* Icon button */


/* CSS nút share */

#tnd-share-btn a {
  font-size: 0.8rem;
  font-family: "Montserrat";
  font-weight: 700;
  color: #111111;
  margin-right: 5px;
}

#tnd-share-btn button {
  padding: 8px 16px;
  border-radius: 50px;
  background-color: #ffffff00;
  border-style: solid;
  border-width: 1px;
  border-color: #111111;
  color: #111111;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: "Montserrat";
}

#tnd-share-btn i {
  margin-right: 5px;
}

/* CSS nut share */


/* CSS page bai viet */

#tnd-content-blog h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

#tnd-content-blog p {
  margin-bottom: 20px !important;
}

#tnd-content-blog a {
  text-decoration: underline;
  color: #111111;
}

#tnd-content-blog a:hover {
  text-decoration: none;
}

#tnd-blog-bvlq .elementor-post__title a:hover {
  color: #999999;
}

/* CSS page bai viet */


/* CSS menu chuyen muc */

#tnd-menu-cmbv .elementor-nav-menu {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

#tnd-menu-cmbv .elementor-nav-menu::-webkit-scrollbar {
    display: none;
}

#tnd-menu-cmbv .elementor-item.menu-link {
  padding: 5px 20px !important;
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  background-color: #262626;
  color: #d9d9d9;
}

#tnd-menu-cmbv a.elementor-item.menu-link:hover {
  background-color: #ffd10010;
  color: #ffd100;
  border-color: #ffd100;
}

#tnd-menu-cmbv a.elementor-item-active {
  background-color: #ffd10010 !important;
  color: #ffd100 !important;
  border-color: #ffd100 !important;
}

#tnd-menu-cmbv ul.elementor-nav-menu {
  padding-left: 0px !important;
  margin: 0px;
}

#tnd-menu-cmbv i {
  margin-right: 10px;
}

#tnd-menu-cmbv {
    z-index: 0;
}

#tnd-cmbv .elementor-post__title a:hover {
  color: #999999;
}

#tnd-cmbv .elementor-post__title {
	margin-bottom: 5px !important;
}

/* CSS menu chuyen muc */


/* CSS menu danh muc */

@media (max-width: 1024px) {
  #tnd-show-child-categories {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: #999999 #11111100;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  
  #tnd-show-child-categories::-webkit-scrollbar {
		height: 3px;
  }
  
  #tnd-show-child-categories::-webkit-scrollbar-track {
    background: #11111100;
  }
  
  #tnd-show-child-categories::-webkit-scrollbar-thumb {
    background: #999999;
  }
  
  #tnd-show-child-categories::-webkit-scrollbar-thumb:hover {
    background: #333333;
  }
}

#tnd-show-child-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

#tnd-show-child-categories a.menu-link {
  padding: 5px 20px !important;
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  background-color: #262626;
  color: #d9d9d9;
  font-family: "Montserrat";
}

#tnd-show-child-categories a.menu-link:hover {
  background-color: #ffd10010;
  color: #ffd100;
  border-color: #ffd100;
}

ul#tnd-show-child-categories {
  flex-wrap: wrap;
  gap: 10px;
  line-height: 2em;
}

@media (max-width: 1024px) {
  ul#tnd-show-child-categories {
    flex-wrap: nowrap;
    padding-bottom: 8px;
  }
}

/* CSS menu danh muc */


/* CSS mo ta danh muc */

#tnd-mtdmsp .elementor-widget-container {
  max-height: 350px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

#tnd-mtdmsp .toggle-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #007bff;
  color: #fff;
  padding: 5px 20px;
  cursor: pointer;
  z-index: 1;
  margin-bottom: 20px;
  font-family: "Montserrat";
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  color: #d9d9d9;
  background-color: #292929;
}

#tnd-mtdmsp .toggle-button:hover {
  background-color: #292929;
  color: #ffd100;
  border-color: #ffd100;
}

#tnd-mtdmsp .toggle-button i {
  margin-left: 5px;
}

#tnd-mtdmsp .elementor-widget-container.show {
  max-height: none;
  padding-bottom: 50px;
}

#tnd-mtdmsp .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background: linear-gradient(to top, rgba(41, 41, 41, 1), rgba(41, 41, 41, 0));
  transition: opacity 0s ease;
  pointer-events: none;
}

#tnd-mtdmsp .elementor-widget-container.show .overlay {
  opacity: 0;
}

#tnd-mtdmsp h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

#tnd-mtdmsp p {
  margin-bottom: 20px !important;
}

/* CSS mo ta danh muc */


/* CSS nut sap xep san pham */

#tnd-product-sorting a {
  color: #d9d9d9;
  font-family: "Montserrat";
  font-size: 0.8rem;
  font-weight: 400;
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  border-radius: 50px;
  background-color: #292929;
  padding: 3px 10px;
  margin-left: 5px;
}

#tnd-product-sorting a i {
  margin-right: 5px;
  font-size: 0.7rem;
}

#tnd-product-sorting:before {
  content: "Sắp xếp";
  color: #d9d9d9;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 0.8rem;
  margin-right: -5px;
}

#tnd-product-sorting a:hover {
  background-color: #292929;
  color: #ffd100;
  border-color: #ffd100;
}

#tnd-product-sorting a.active {
  background-color: #292929;
  color: #ffd100;
  border-color: #ffd100;
}

@media (min-width: 767px) {
  #tnd-product-sorting:before {
    font-size: 0.9rem !important;
  }

  #tnd-product-sorting a {
    font-size: 0.9rem !important;
  }
}

/* CSS nut sap xep san pham */

/* Single product GTD */

.reset_variations {
  display: none !important;
}

.variations {
  border-width: 0px !important;
}

.e-atc-qty-button-holder {
  display: none !important;
}

/* Single product GTD */


/* CSS gia trong khung san pham */

#tnd-product-frame {
  line-height: 1rem;
}

#tnd-product-frame p {
  margin-bottom: 0px !important;
}

#tnd-product-frame #tnd-product-price {
  color: #ffd100;
}

#tnd-product-frame #tnd-cost-price .woocommerce-Price-amount.amount {
  font-size: 0.8rem;
  font-weight: 600;
  color: #999999 !important;
  text-decoration: line-through;
}

#tnd-product-frame #tnd-tratruoc .elementor-heading-title:before {
  content: "Trả trước";
  color: #999999;
  font-size: 0.8rem;
  font-weight: 400;
  margin-right: 3px;
  line-height: 1rem;
}

#tnd-product-frame #tnd-tag-sale {
  font-size: 0.8rem;
  color: #ffd100;
  font-weight: 400;
  font-family: 'Montserrat';
  line-height: 1rem;
  padding: 2px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #ffd100;
  border-radius: 3px;
  margin-bottom: 10px;
}

#tnd-product-frame .woocommerce-Price-amount.amount {
  color: #ffd100;
}

#tnd-uudai .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  #tnd-product-frame #tnd-tratruoc .elementor-heading-title:before {
    font-size: 0.7rem;
  }

  #tnd-product-frame #tnd-save-price {
    font-size: 0.7rem;
  }

  #tnd-product-frame #tnd-cost-price .woocommerce-Price-amount.amount {
    font-size: 0.65rem;
  }
}

/* CSS gia trong khung san pham */


/*CSS gtd Single Product*/

#gtd-variations label {
  color: #D9D9D9 !important;
  font-family: 'Montserrat' !important;
  font-weight: 600;
}

.cfvsw-selected-label {
  font-weight: 400 !important;
  font-family: 'Montserrat' !important;
}

.woocommerce-js div.product form.cart .variations th {
  margin: 0px;

}

.cfvsw-swatches-option {
  border: none;
  background: none;
}

.cfvsw-swatches-option:hover {
  outline: 3px solid;
  outline-color: #FFD100;
}

.cfvsw-swatches-option:active {
  outline: 3px solid;
  outline-color: #FFD100;
}

.cfvsw-swatches-option:not(.cfvsw-label-option, .cfvsw-image-option) .cfvsw-swatch-inner {
  border: none;
}

#gtd-price #tnd-cost-price {
  display: none;
}

#gtd-price #tnd-product-price {
  font-size: 13px;
  font-weight: 500;
}

#gtd-price .elementor-icon-list-item {
  display: flex;
  flex-direction: column;
}

#gtd-main-price #tnd-cost-price {
  font-size: 20px;
  text-decoration: line-through;
  color: #999999;
  font-weight: 500;
}

/*CSS gtd Single Product*/


/*Custom Single Product Thong So Ky Thuat*/

#gtd-table h6 {
  padding: 5px;
  margin: 0px !important;
  color: #111111;
  background: #D9D9D9;
  display: flex;
}

#gtd-table p {
  padding: 5px;
  color: #D9D9D9;
  line-height: 1rem;
  display: flex;
	font-style:montserrat;
}

#gtd-table td,
th {
  padding: 0px;
}

#gtd-table table,
td,
th {
  border-width: 0px 0px 1px 0px;
}

#gtd-table tr {
  height: max-content !important;
}

#gtd-table td {
  height: max-content !important;
  align-content: flex-start;
}

#gtd-table table {
  margin: 0px;
  height: max-content !important;
	font-family: montserrat !important;
}

/*Custom Single Product Thong So Ky Thuat*/


/* CSS nut chon cac bien the */

.cfvsw-swatches-option {
  border-radius: 50%;
}

.cfvsw-selected {
  border: 2px solid #FFD100 !important;
}

.cfvsw-swatches-option:hover {
  border: 2px solid #FFD100 !important;
  outline: 0px solid !important;
}

/* CSS nut chon cac bien the */


/* CSS nut thay doi bien the san pham */

#tnd-box-item-product #tnd-cost-price {
  display: none;
}

#tnd-box-item-product a {
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  text-align: center;
  border-radius: 10px;
  padding: 5px 10px;
}

#tnd-box-item-product a:hover {
  color: #FFD100;
  border-color: #FFD100;
}

#tnd-box-item-product a.active {
  color: #FFD100;
  border-color: #FFD100;
}

#tnd-box-item-product #tnd-product-price {
  font-size: 13px;
  font-weight: 400;
}

/* CSS nut thay doi bien the san pham */


/* CSS menu mobile */

#tnd-menu-mobile .sub-menu.elementor-nav-menu--dropdown {
  border-style: solid !important;
  border-color: #999999 !important;
  border-width: 0px 0px 0px 1px;
  padding-left: 5px;
}

#tnd-menu-mobile .elementor-nav-menu li {
  padding-top: 8px;
	padding-bottom: 8px;
}

#tnd-menu-mobile .elementor-nav-menu>li:last-child {
  padding-bottom: 0px;
}

#tnd-menu-mobile .sub-menu.elementor-nav-menu--dropdown li {
  margin-bottom: 0px;
}

#tnd-menu-mobile .sub-menu.elementor-nav-menu--dropdown {
  margin-top: 16px;
}

#tnd-menu-mobile .elementor-nav-menu .sub-arrow {
  fill: #f9f9f9;
	font-size: 20px;
	padding: 0px;
}

#tnd-menu-mobile .elementor-nav-menu a {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 700;
}

#tnd-menu-mobile .sub-menu.elementor-nav-menu--dropdown a {
  font-size: 0.9rem;
  font-weight: 500;
}

#tnd-menu-mobile .sub-menu.elementor-nav-menu--dropdown a:hover {
	color: #FFD100;
}

#tnd-menu-mobile .elementor-nav-menu--dropdown .elementor-item:focus {
    background-color: #ffffff00 !important;
}

#tnd-menu-mobile .elementor-nav-menu--dropdown .elementor-item {
    background-color: #ffffff00 !important;
}

#tnd-menu-mobile .sub-arrow svg {
  transition: transform 0.3s ease;
}

#tnd-menu-mobile .sub-arrow.open svg {
  transform: rotate(180deg);
}

.tnd-bg-menu-mobile {
  background-color: rgba(17, 17, 17, .8) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px) !important;
}

#tnd-header-menu-mobile {
  height: 60px;
}

#tnd-hide-header {
	position: fixed;
	height: 60px;
	top: 0;
	width: 100%;
	z-index: 100;
	transition: all .3s ease;
}

#tnd-hide-header.hide {
	top: -60px;
}

/* CSS menu mobile */


/* CSS album san pham */

.rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider-wrapper .rtwpvg-trigger-position-top-right {
  right: 10px;
  top: 10px;
}

.rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image {
  width: 100px !important;
  border-radius: 10px;
}

.rtwpvg-thumbnail-slider .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  user-select: none;
  cursor: grab;
  scroll-behavior: auto;
}

.rtwpvg-thumbnail-slider .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.rtwpvg-thumbnail-slider .swiper-wrapper.active {
  cursor: grabbing;
}

.tnd-custom-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: rgba(17, 17, 17, 0.2);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

.tnd-custom-slider-nav.prev {
    left: 10px;
}

.tnd-custom-slider-nav.next {
    right: 10px;
}

.tnd-icon-custom-slider {
    color: #f9f9f9;
    font-size: 20px;
	  display: flex;
    align-items: center;
    justify-content: center;
}

.tnd-custom-slider-nav:hover {
    background-color: rgba(17, 17, 17, 0.4);
}

.tnd-icon-custom-slider.fa-angle-right:before {
	  margin-left: 2px;
}

.tnd-icon-custom-slider.fa-angle-left:before {
	  margin-right: 2px;
}

.rtwpvg-wrapper .rtwpvg-slider {
  border-radius: 10px;
}

.rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image {
  opacity: 0.5 !important;
}

.rtwpvg-thumbnail-image.swiper-slide.current-thumbnail {
  opacity: 1 !important;
}

.rtwpvg-slider-wrapper .rtwpvg-trigger {
	color: #f9f9f9 !important;
	width: 30px !important;
	height: 30px !important;
	background-color: rgba(17, 17, 17, 0.2) !important;
}

.rtwpvg-slider-wrapper .rtwpvg-trigger:hover {
	background-color: rgba(17, 17, 17, 0.4) !important;
}

/* CSS album san pham */

/*CSS thong so va mo ta*/

#gtd-thongsomota .e-n-tabs-heading {
	display:flex;
	align-items: baseline;
	justify-content: center;
}

.rtwpvg-images {
    float: right;
}

.rtwpvg-images .rtwpvg-wrapper .rtwpvg-container {
    visibility: inherit;
}





#tnd-motangan i.far.fa-check-circle {
    display: inline-block;
    margin-right: 5px;
    color: #0ec229;
}

#gtd-main-price #tnd-cost-price {
    font-size: 16px;
}

::selection {
      background: #FFD100;
      color: #111111;
}

body {
overflow-x: hidden;
}



/*custom css scroll*/

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #FFD100;
}

::-webkit-scrollbar-thumb:hover {
    background: #FFD100;
}

/*custom css scroll*/



.gtd-background-popup {
	background-color: rgba(17, 17, 17, .8) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px) !important;

}

#elementor-popup-modal-5135 .dialog-message {
	border-radius: 10px;
}

.elementor-button span {
    display: flex;
    align-items: center;
}

#gtd-table p {
    margin: 5px 0px 5px 0px !important;
}


#gtd-main-price .price {
	margin: 0px !important;
}
#eJOY__extension_root {
	display:none !important;
}


#gtd-dotted-gt .elementor-divider-separator {
	  border-radius: 50%;
    -webkit-border-radius: 50%;
    }

#gtd-icon .elementor-icon-wrapper svg {
	width: 20px !important;
}

#gtd-homepage-applesuachua ul {
    margin: 0;
}

/* CSS nut banner */

#tnd-slides-banner .elementor-swiper-button {
	    background-color: rgba(17, 17, 17, 0.2);
	padding: 5px;
	border-radius: 50%;
}

#tnd-slides-banner .elementor-swiper-button:hover {
	background-color: rgba(17, 17, 17, 0.4);
}

#tnd-slides-banner .elementor-swiper-button svg {
	fill: #f9f9f9;
}

/* CSS nut banner */


/* CSS text thong bao danh muc */

#tnd-grid-product .e-loop-nothing-found-message {
	padding: 0px !important;
	color: #d9d9d9;
	font-size: 0.9rem;
	font-family: 'Montserrat';
}

/* CSS text thong bao danh muc */

/*CSS xoa margin heading*/
#tnd-mtdmsp h2, h3, h4, h5, h6 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*CSS xoa margin heading*/

/*CSS trang lien he, thong tin lien he*/
#gtd-lienhe #menu-1-8229258 {
	padding: 0px;
	margin:0px;
}
/*CSS trang lien he, thong tin lien he*/

/*CSS single product chia se*/
#tnd-share-btn1 a {
    font-size: 0.8rem;
    font-family: "Montserrat";
    font-weight: 700;
    color: #D9D9D9;
    margin-right: 5px;
}
#tnd-share-btn1 button {
    padding: 8px 16px;
    border-radius: 50px;
    background-color: #ffffff00;
    border-style: solid;
    border-width: 1px;
    border-color: #D9D9D9;
    color: #D9D9D9;
    font-size: 0.8rem;
    font-weight: 500;
    font-family: "Montserrat";
}
#tnd-share-btn1 .elementor-widget-container{
    background-color: #f9f9f900;

}
#tnd-share-btn1 i {
	margin-right:5px;
}

.woocommerce-js h2 {
	margin: 0px !important;
}

/*CSS Flash sale*/
#tnd-flash-sale-countdown {
    font-family: 'Montserrat';
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
  	padding-left: 5px;
}

#gtd-flashsaletime .elementor-icon-box-content{
	display: flex;
	align-items: center;
}

#gtd-flashsaletime  .elementor-icon-box-wrapper{
	align-items: center;
}

#gtd-flashsaletime .elementor-icon-box-icon {
	 -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-next {
    margin-right: -15px;
	  background-color: rgba(17, 17, 17, 0.2);
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-next:hover {
	  background-color: rgba(17, 17, 17, 0.4);
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-next svg {
	fill: #f9f9f9;
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: -15px;
	  background-color: rgba(17, 17, 17, 0.2);
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover {
	 background-color: rgba(17, 17, 17, 0.4);
}

#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {
	fill: #f9f9f9;
}

@media (max-width: 768px) {
	#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-next{
		margin-right: -10px;
	}
	#gtd-flash-sale-carousel .elementor-swiper-button.elementor-swiper-button-prev {
		margin-left: -10px;
}
}


#tnd-html-flash-sale .elementor-icon-box-icon {
	display: flex;
}

/*CSS trang lien he*/
#gtd-thongtinlienhe #menu-1-983e6b3 {
	margin:0px;
	padding:0px;
}


#tnd-countdown-timer {
	  display: flex;
    align-items: center;
    align-content: center;

}

#tnd-countdown-timer p {
	  margin-bottom: 0px;
}

#tnd-countdown-timer .tnd-days {
	  display: flex;
    align-items: center;
    align-content: center;
	  justify-content: center;
	  font-family: 'Montserrat';
    color: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
	  background-color: #292929;
	  border-radius: 5px;
	  width: 90px;
}

#tnd-countdown-timer .tnd-time {
	  display: flex;
    align-items: center;
    align-content: center;
}

#tnd-countdown-timer .tnd-time .tnd-number-times {
	  font-family: 'Montserrat';
    color: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
	  text-align: center;
	  background-color: #292929;
	  border-radius: 5px;
	  width: 50px;
}

#tnd-countdown-timer .tnd-distance-times {
  	font-family: 'Montserrat';
    color: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
	  padding: 0px 5px;
}

#tnd-countdown-timer .tnd-days .tnd-number-times {
	  margin-right: 5px;
}




#gtd-bienthe-iphone .elementor-loop-container {
    grid-auto-rows: 0fr !important;
}

#tnd-slides-home .elementor-image-carousel-wrapper {
    opacity: 0;
}

#tnd-countdown-timer {
	padding-left:10px;
}



#tnd-btn-contact {
	line-height: 0px !important;
}


#tnd-btn-contact #tnd-btn-contact-phone.elementor-view-stacked .elementor-icon {
    width: 50px;
    height: 50px;
	  padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #51ef6b, #16c333);
}


#tnd-btn-contact #tnd-btn-contact-mess.elementor-view-stacked .elementor-icon {
    width: 50px;
    height: 50px;
	  padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #15b6fe, #037dfe);
}


.ast-scroll-to-top-right {
    right: 10px;
    bottom: 10px;
}

#ast-scroll-top {
    z-index: 100;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    justify-content: center;
	  font-size: 20px;
	  line-height: 48px;
}

.elementor-popup-modal .dialog-close-button {
    padding: 3px;
    border-radius: 50%;
}



#tnd-feedback-home .elementor-swiper-button-next {
	top: 50%;
	right: 5px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 05px;
	border-radius: 50%;
}

#tnd-feedback-home .elementor-swiper-button-next svg {
	width: 20px;
	height: 20px;
}

#tnd-feedback-home .elementor-swiper-button-next:hover {
	background-color: rgba(255, 255, 255, 0.6);
}


#tnd-feedback-home .elementor-swiper-button-prev {
	top: 50%;
	left: 5px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 05px;
	border-radius: 50%;
}


#tnd-feedback-home .elementor-swiper-button-prev svg {
	width: 20px;
	height: 20px;
	left: 5px;
}


#tnd-feedback-home .elementor-swiper-button-prev:hover {
	background-color: rgba(255, 255, 255, 0.6);
}

#gtd-hoverlinks:hover {
    color:#999999;
}






#tnd-box-item-product #tnd-product-price-contact {
    font-size: 13px;
    font-weight: 400;
}


#tnd-product-frame p.price {
color: #ffd100;
}





#tnd-content-blog table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#tnd-content-blog table th,
#tnd-content-blog table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    white-space: nowrap;
    height: 100%;
}

#tnd-content-blog table th > *,
#tnd-content-blog table td > * {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

#tnd-content-blog table::-webkit-scrollbar {
    height: 8px;
}

#tnd-content-blog table::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

#tnd-content-blog table::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

#tnd-content-blog table::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

#tnd-content-blog table.needs-scroll {
    overflow-x: scroll;
}


#tnd-content-blog table p {
    margin-bottom: 0px !important;
}





#tnd-btn-contact {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: initial;
    flex-grow: 0;
    align-self: initial;
    flex-wrap: wrap;
    gap: 10px;
    position: fixed;
    bottom: 70px;
    z-index: 1000; /* Đặt giá trị cao hơn hoặc thấp hơn để điều chỉnh độ ưu tiên */
    pointer-events: none; /* Làm cho phần tử bỏ qua các sự kiện chuột */
}

#tnd-btn-contact a {
    pointer-events: auto; /* Đảm bảo các liên kết bên trong vẫn có thể nhấn được */
}




.cfvsw-swatches-option:not(.cfvsw-label-option, .cfvsw-image-option) .cfvsw-swatch-inner {
    border: none;
    box-shadow: inset 0 3px 4px rgba(0, 0, 0, .5);
}


#tnd-feedback-home-avatar .elementor-widget-container {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;
    max-width: none !important;
    max-height: none !important;
}


#tnd-feedback-home-avatar {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;
    max-width: none !important;
    max-height: none !important;
}




#elementor-popup-modal-6371 {
    background-color: rgba(17, 17, 17, .8) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}



#elementor-popup-modal-6568 {
    background-color: rgba(17, 17, 17, .8) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}


#elementor-popup-modal-8330 {
    background-color: rgba(17, 17, 17, .8) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}


#tnd-content-blog h2, h3, h4, h5, h6 {
    color: #ffd100;
}/* End custom CSS */