/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2026 | 15:43:33 */
body {
    text-transform: capitalize;
}
.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    min-height: 600px;
}
#page{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.site-content{
    flex:1;
}
html,
body{
    height:100%;
    margin:0;
}

body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.site,
#page,
.wrapper,
.main-wrapper{
    flex:1;
    display:flex;
    flex-direction:column;
}
.ch-static{
    display:block;
    padding:12px 0;
    font-weight:600;
    color:#222;
    user-select:none;
}

main,
.site-content,
.content-area{
    flex:1;
}

.woocommerce-EditAccountForm
{
	display:none;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button
{
	min-width:35px
}
.wp-block-button.wc-block-components-product-button.is-style-fill.addtocart.align-left.is-style-fill.addtocart.wp-block-woocommerce-product-button {
    height: 45px;
}


/*  */
/* ===== SKELETON ===== */
.skeleton {
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 200% 100%;
    animation: shimmer 1.2s infinite;
    border-radius: 8px;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* layout skeleton */
.review-skeleton {
    display: flex;
    gap: 12px;
    padding: 12px;
}

.review-skeleton .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.review-skeleton .content {
    flex: 1;
}

.review-skeleton .line {
    height: 12px;
    margin-bottom: 8px;
}

.review-skeleton .line.short { width: 40%; }
.review-skeleton .line.medium { width: 60%; }
.review-skeleton .line.long { width: 90%; }
.reviews-list {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.like-icon {
    transition: transform 0.2s ease;
}

.like-icon.pop {
    animation: popHeart 0.3s ease;
}

@keyframes popHeart {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}
.review-item {
    transition: all 0.2s ease;
}

/* .review-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
} */
.thumb {
    transition: transform 0.2s ease, opacity 0.2s;
}

/* .thumb:hover {
    transform: scale(1.05);
} */

.main-img {
    animation: fadeImg 0.3s ease;
}

@keyframes fadeImg {
    from { opacity: 0; }
    to { opacity: 1; }
}
/*  */
.custom-select {
  position: relative;
  width: 100%;
}

.select-box {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  background: #fff;
}

.options {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 5px;
  display: none;
  z-index: 10;
}

.options div {
  padding: 10px;
  cursor: pointer;
}

/* .options div:hover {
  background: #f5f5f5;
}
 */
#browseBtn
{
	    background-color: #ee4d2d;
    padding: 10px 20px;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-weight: 600;
    font-family: monospace;
}
.preview-item video
{
	width:100%;
	height:150px;
}
.preview-item{
    position:relative;
}
.preview-images.has-files{
    margin-top: 15px;
	width: 175px;
    height: 140px;
	 display:-webkit-inline-box;
    gap:10px;

}
.preview-images{
    margin-top: 0;
	width:0px;
	height:0px;
	
}


/*  */
.map-responsive {
  position: relative;
  padding-bottom: 56.25%; /* tỉ lệ 16:9 */
  height: 0;
  overflow: hidden;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*  */
.like-icon .emoji
{
	font-size:16px;
}
.like-btn.active .like-icon{
    animation: pop 0.25s ease;
}

@keyframes pop{
    0%{transform:scale(1)}
    50%{transform:scale(1.4)}
    100%{transform:scale(1)}
}
/*  */
:where(.wc-block-next-previous-buttons)[hidden]
{
	display:flex !important;
}

.star-rating{
	display:none !important;
}
/*  */
/* ===== RESET WP MENU ===== */
.wp-block-navigation__responsive-container * {
  position: relative !important;
  left: auto !important;
/*   top: auto !important; */
  transform: none !important;
}

button.wp-block-navigation__responsive-container-close
{
	position:absolute !important;
	right:0 !important;
	top:10px 
}


/* ===== RESPONSIVE MENU FIX ===== */
/* mobi menu */



/*  */
select.orderby {
    border: none;
    height: 40px;
    border-radius: 100px;
    width: 250px;
    text-align: center;
    cursor: inherit;
   appearance: none; /* xoá style mặc định */
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20'><path d='M5 7l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
}


/* ===== BOX MENU ===== */
/* pc menu */


/*  */
ss3-force-full-width p {
    display: none;
}
/*  */


/* ===== SCROLL NẾU DÀI ===== */
.wp-block-navigation__responsive-container {
  overflow-y: auto;
}
/* ===== ẨN SUBMENU ===== */
.wp-block-navigation__submenu-container {
  display: none !important;
}

/*  */
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image a, .wc-block-components-product-image a
{
	margin-left:auto;
	margin-right:auto;
/* 	width:70%; */
}
/*  */
	.wp-block-woocommerce-product-template h2 {
 white-space: nowrap; 
  overflow: hidden;
    text-overflow: ellipsis; 
}
/*  */
.thongso{
	display:none;
}
div#wpgs-gallery {
    max-width: 100% !important;
}


/*  */



/* ===== XOÁ NỀN ĐEN ===== */
.wp-block-navigation__responsive-close {
  background: transparent !important;
}


/*  */



.wp-block-woocommerce-product-template img{
 border-radius:20px
}
.wps-product-image img {
  border-radius: 12px !important;
}
.sp-wps-product-details a {
   white-space: nowrap; 
  overflow: hidden;
    text-overflow: ellipsis; 
}

/* ===== KHUNG SẢN PHẨM ===== *//* ===== KHUNG SẢN PHẨM ===== */
.wpsf-product {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: all 0.3s ease;
}

/* ===== HOVER NỔI ===== */
.wpsf-product:hover {
/*   transform: translateY(-2px); */
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  border: 1px solid #ff3b30;
}

/* ===== ẢNH BO GÓC ===== */
.wpsf-product img {
  border-radius: 12px;
  transition: 0.3s;
}

/* ===== ZOOM ẢNH ===== */
/* .wpsf-product:hover img {
  transform: scale(1.05);
} */



/* ===== GIÁ ĐỎ NỔI BẬT ===== */
.wpsf-product .woocommerce-Price-amount {
  color: #ff3b30;
  font-weight: bold;
  font-size: 16px;
}

/* ===== CANH GIỮA CHO ĐẸP ===== */
.wpsf-product {
  text-align: center;
	padding:10px
}
/*  */
/* ===== GRID 4 CỘT ===== */
.wc-block-product-categories-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px !important;
  padding: 10px !important;
  margin-top: 20px;
}
button:focus, a:focus, input:focus, a, a:hover {
    outline: none;                /* Xóa viền */
    text-decoration: underline;   /* Gạch chân để biết đang được chọn */
	text-decoration:none
}

/* ===== ITEM ===== */
.wc-block-product-categories-list li {
  list-style: none !important;
/*   background: #fff; */
  border-radius: 14px;
/*   padding: 14px 10px; */
/*   border: 1px solid #eee; */
  transition: all 0.3s ease;
/* 	height:180px; */
  /* CĂN GIỮA CHẮC CHẮN */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item
{
	margin: 4px 0 4px 0px;

}
/* ===== HOVER ===== */
/* .wc-block-product-categories-list li:hover {
    transform: scale(1.03) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
  border: 1px solid #ff3b30;
} */

/* ===== LINK CHỨA NỘI DUNG ===== */
.wc-block-product-categories-list li a {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px;
  width: 100%;
  text-align: center !important;
  text-decoration: none;
}

/* ===== ÉP CENTER MỌI THỨ BÊN TRONG ===== */
.wc-block-product-categories-list li a * {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
	padding:10px
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
	border: 0px;
		max-width:none;
/* 		background: white; */
    border-radius: 14px 14px 0 0;
	padding:10px 
}

.wc-block-product-categories
{
	background:#EEEEEE;
	padding:2px;
	border-radius:14px
}
/* ===== ẢNH ===== */
.wc-block-product-categories-list img {
/*   width: 120px !important; */
  height: 60px !important;
  object-fit: contain !important;
  display: block !important;
/*   transition: 0.3s; */
	max-width:none
}

/* ===== ZOOM ẢNH ===== */
.wc-block-product-categories-list li:hover img {
  transform: scale(1.08);
}

/* ===== TEXT ===== */
.wc-block-product-categories-list a {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 1.3;
background: transparent;

}

/* ===== TEXT HOVER ===== */
.wc-block-product-categories-list li:hover a {
  color: #ff3b30;
}

/* ===== GIỚI HẠN 2 DÒNG ===== */
.wc-block-product-categories-list a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



.wp-block-buttons .wp-block-button__link 
{
	padding: 10px 20px !important;
	font-weight: bold !important;
	
}

.wc-block-mini-cart__badge
{
	font-size:small;
	background:black;
	color:white;
}

/* @media (max-height: 740px)
{
	.wp-block-buttons .wp-block-button__link 
{
	position:relative;
	top:490px;
}
} */
.woocommerce-notices-wrapper
{
	display:none;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit
{
	background: #fee2e2 !important;
	
}
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit
{
	top:8px !important;
}


/* responside */
/* Mặc định: mobile trước (mobile-first) */
/* .desktop {
  display: none;
}

.mobi {
  display: flex;
}

/* Tablet trở lên */
/* @media (min-width: 768px) {
  .desktop {
    display: flex;
  }

  .mobi {
    display: none;
  }
} */ 
/* Mặc định: mobile */
.mobi {
  display: block;
}

.desktop {
  display: none;
}
.xemthemd{
	display:none ;
}
.xemthemm{
	display:block ;
	}
.qualai{
	display:none ;
}


:where(.is-vertical .wc-block-product-gallery-thumbnails) :where(.wc-block-product-gallery-thumbnails__scrollable)
{

	scrollbar-width:none !important;
}