/* Header */
.nav>li>a{
		color : #000 !important;
		font-weight : 500 !important;
		font-size : .9em;
}
.nav>li>a:hover {
		color : var(--fs-color-secondary);
}
.nav-dropdown>li>a{
		color : #1c1c1c !important;
}
.nav-dropdown>li>a:hover{
		color : var(--fs-color-secondary) !important;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1280px;
}
.nav{
		gap : 15px;
}
.nav>li.active>a{
		color : var(--fs-color-secondary) !important;
		border-bottom : 1px solid !important;
}
.nav-dropdown{
		min-width : 200px !important;
}
/* ===== footer ===== */
/* ===== Column ===== */
.footer-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ===== Logo ===== */
.footer-column img{
	width : 200px !important;
	height :200px !important;
	margin-top : -25px;
}

/* ===== Titles ===== */
.footer-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 1px;
}

/* ===== Text ===== */
.footer-desc {
	color : #000;
  line-height: 1.7;
  font-size: 0.9em;
}

/* ===== Lists ===== */
.footer-list,
.footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list li,
.footer-contact li {
  margin-bottom: 12px;
  font-size: 0.9em;
}

/* ===== Links ===== */
.footer-list a {
  text-decoration: none;
  color: #000;
  transition: color 0.3s ease;
}

.footer-list a:hover {
  color: #f57c00;
}

/* ===== Contact ===== */
.footer-contact li {
  line-height: 1.6;
}

/* ===== Contact list ===== */
.footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  line-height: 1.6;
}

/* ===== Icon ===== */
.contact-icon svg {
  width: 20px;
  height: 20px;
  color: var(--fs-color-secondary); /* màu accent */
  flex-shrink: 0;
  margin-top: 2px;
}

/* ===== Text ===== */
.contact-text {
  font-size: 0.9em;
  color: #000;
}
/* ===== Map ===== */
.footer-map {
  margin-top: 20px;
  border-radius: 12px;
  overflow: hidden;
}

.footer-map iframe {
  width: 100%;
  height: 250px;
}


/* ===== CSS Form ===== */

.rq-wrap .rq-row {
  display: flex;
  gap: 25px;
}

.rq-wrap .rq-col {
  flex: 1;
  min-width: 0;
}

.rq-wrap .rq-col-12 {
  flex: 0 0 100%;
}

.rq-wrap .rq-col > label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #111;
  text-align: left;
}

.rq-row .rq-col {
  margin-bottom: 0 !important;
}

.rq-wrap p {
  margin: 0 !important;
}

.rq-wrap .wpcf7-form-control-wrap {
  display: block;
}

.rq-wrap .rq-col .wpcf7-form-control {
  width: 100%;
  height: 42px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  color: #111;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  box-shadow: none;
}

.rq-wrap .rq-col textarea.wpcf7-form-control {
  height: 130px;
  padding-top: 10px;
  resize: vertical;
}

.rq-wrap .rq-actions {
  text-align: left;
  margin-top: 6px;
}

.rq-wrap .rq-actions .rq-btn {
  display: inline-block;
  min-width: 270px;
  height: 50px;
  padding: 0 24px;
  background: #ff6a00;
  color: #fff;
  border: 0;
  border-radius: 2px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.rq-wrap,
.rq-wrap * {
  text-align: left !important;
}

.rq-wrap .rq-col > label,
.rq-wrap label{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
}

.rq-wrap{
	margin-top: 50px;
}

.rq-heading{
	color: black;
}

.rq-wrap.form_container{
	margin: 0 !important;
}

.contact_infomation{
	margin-bottom: 150px !important;
}

/* Nút submit ngắn + trái (ONLY .rq-wrap) */
.rq-wrap .rq-actions{
  text-align: left !important;
}

.rq-wrap .rq-actions .wpcf7-submit,
.rq-wrap .rq-actions .rq-btn{
  display: inline-block !important;
  width: auto !important;      
  min-width: 150px;           
  padding: 12px 20px !important;
  margin: 0 !important;
}

/* Giảm font chữ nhẹ – ONLY .rq-wrap */

/* Label */
.rq-wrap label{
  font-size: 13px !important;
}

/* Input / select / textarea */
.rq-wrap .wpcf7-form-control{
  font-size: 13px !important;
}

/* Placeholder (nếu có) */
.rq-wrap .wpcf7-form-control::placeholder{
  font-size: 13px;
}

/* Nút submit */
.rq-wrap .wpcf7-submit,
.rq-wrap .rq-btn{
  font-size: 13px !important;
  letter-spacing: 0.3px;
}

/* Container & Wrapper */
.rq-wrap.form_container {
    max-width: 800px;
    margin: 20px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	border: 1px solid #dde3e9;
}

.rq-heading {
    margin-bottom: 25px;
    color: #333;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Grid Layout */
.rq-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.rq-col {
    flex: 1;
    min-width: 250px; /* Forces stack on mobile */
    padding: 0 15px;
    margin-bottom: 15px;
}

.rq-col-12 {
    flex: 0 0 100%;
}

/* Form Elements Styling */
.rq-wrap label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #555;
    font-size: 14px;
}

.rq-req {
    color: #e74c3c;
    margin-left: 3px;
}

.wpcf7-form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box; /* Ensures padding doesn't break width */
}

.wpcf7-form-control:focus {
    border-color: #3498db;
    box-shadow: 0 0 5px rgba(52, 152, 219, 0.2);
    outline: none;
}

/* Textarea Specifics */
textarea.wpcf7-textarea {
    resize: vertical;
}

/* Submit Button */
.rq-actions {
    text-align: center;
    margin-top: 10px;
}

.rq-btn {
    background-color: #2c3e50;
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
    width: auto !important; /* Prevents button from being full-width unless desired */
    display: inline-block;
}

.rq-btn:hover {
    background-color: #1a252f;
}

/* CF7 Spinner Adjustment */
.wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}

/* Mobile Responsiveness */
@media (max-width: 600px) {
    .rq-col {
        flex: 0 0 100%;
    }
    .rq-wrap {
        padding: 20px;
    }
}
/* 1. Highlight the Input Borders in Red */
.wpcf7-not-valid {
    border-color: #e74c3c !important; /* Crimson Red */
    background-color: #fff6f6; /* Very light red tint */
}

/* 2. Error Message Text (the "Please fill out this field" tip) */
.wpcf7-not-valid-tip {
    color: #e74c3c;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
    animation: fadeIn 0.4s ease-in-out;
}

/* 3. Overall Form Response Messages (Success/Failure boxes) */
.wpcf7-response-output {
    margin: 20px 15px !important;
    padding: 15px !important;
    border-radius: 4px !important;
    border: 2px solid transparent !important;
    font-size: 14px;
    text-align: center;
}

/* Validation Failed Style */
.wpcf7-validation-errors {
    border-color: #e74c3c !important;
    background-color: #fdf2f2 !important;
    color: #c0392b !important;
}

/* Success Style */
.wpcf7-mail-sent-ok {
    border-color: #2ecc71 !important;
    background-color: #f2fdf5 !important;
    color: #27ae60 !important;
}

/* 4. Subtle Animation for Error Messages */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 5. Fix for Select Fields */
select.wpcf7-not-valid {
    color: #e74c3c;
}
/* Loại bỏ tất cả ::after bên trong các thẻ span bao quanh input */
.rq-wrap .wpcf7-form-control-wrap::after {
    content: none !important;
    display: none !important;
}

/* Nếu theme của bạn chèn vào thẻ p hoặc các span con khác */
.rq-wrap span::after {
    content: none !important;
    display: none !important;
}


.contact-row{
  align-items: flex-start !important;
}
.contact-row > .col{
  align-self: flex-start !important;
}
.section-content.relative div.contact-row {
    max-width: 1300px;
    margin: auto !important;
		height: 650px; 
}
.wpcf7-spinner{
  display: none !important;
}

.social-icons {
    color: #999;
    display: flex;
    font-size: .85em;
    gap: 10px;
    vertical-align: middle;
}

/* About trang chủ  */
.about-section {
  padding: 10px 20px;
}

.about-container {
  max-width: 1100px;
  margin: 0 auto;
}

.about-label {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--fs-color-secondary);
  margin-bottom: 20px;
}

.about-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  color: #000;
  margin-bottom: 30px;
}

.about-text {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
  margin-bottom: 20px;
  max-width: 900px;
}

.about-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 14px 40px;
  border: 2px solid #000;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.about-btn:hover {
  background: #000;
  color: var(--fs-color-secondary);
}

/* Sản phẩm trang chủ */
.row-product{
		background-color :#F5F5F5;
}
.product-section {
  padding: 20px 0 0 0;
}

.product-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.product-card {
  background: #fff;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

.product-img {
  overflow: hidden;
}

.product-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.product-card:hover img {
  transform: scale(1.1);
}

.product-content {
  padding:15px;
}

.product-content h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #111;
}

.product-content p {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}

.view-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--fs-color-secondary);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

.view-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background:var(--fs-color-secondary) ;
  transition: width 0.3s ease;
}
.product-card:hover .product-content h3 {
  color: var(--fs-color-secondary);
  transition: color 0.3s ease;
}
.product-card:hover .view-link::after {
  width: 100%;
}

/* Why choose us trang chủ */
.features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding: 20px 20px 0 20px;
}

.feature-box {
  border: 2px solid #000;
  padding: 20px 10px;
  text-align: center;
  transition: all 0.3s ease;
  background: transparent;
}

.icon-circle {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.icon-svg {
	color : #fff;
  width: 28px;
  height: 28px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
  transition: stroke 0.3s ease;
}

.feature-box h3 {
  color: #000;
  font-size: 20px;
  margin-bottom: 12px;
}

.feature-box p {
  color: #aaa;
  font-size: 14px;
  line-height: 1.6;
}

.feature-box:hover {
  border-color: var(--fs-color-secondary);
}

.feature-box:hover .icon-circle {
  background: var(--fs-color-secondary);
}

.feature-box:hover .icon {
  color: #fff;
}

/* Contact trang chủ */
.row-contact {
		text-align : center;
}
.col-contact{
		padding-bottom :0 !important;
}
/* Trang About Us */
.accordion-item {
  all: unset;
}
.accordion-title.active{
		color : var(--fs-color-secondary) !important;
		border-color:#000 !important;
}

/* Cấu hình tab */
.nav-tabs>li>a{
		border : none !important;
}
.nav-tabs+.tab-panels{
		background : none !important;
		border : none !important;
		padding :30px 0 0 0  !important;
}
.nav-tabs>li>a{
		background : none !important;
		color : #000000 !important;
		font-size : 18px !important;
}
.tab-about .nav{
		gap : 30px !important;
}
/* Giá trị cốt lõi  */
.core-values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 70px;
  text-align: center;
  padding: 0px 20px;
}

.core-item h3 {
  font-size: 18px;
  font-weight: 600;
}

.core-item p {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.6;
}

.core-item .icon svg {
  width: 100px;
  height: 100px;
  color: #b07a3f; /* nâu vàng giống hình mẫu */
}

/* Hover nhẹ (optional) */
.core-item:hover svg {
  transform: translateY(-4px);
  transition: 0.3s ease;
}

/* Responsive */
@media (max-width: 992px) {
  .core-values {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .core-values {
    grid-template-columns: 1fr;
  }
}
/* Why-choose-us trong tang about */
.feature-list {
  max-width: 700px;
  margin-top : 40px;
}

.feature-item {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
	margin-left : 30px;
  align-items: flex-start;
}

.icon-circle-about-us {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.feature-content h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
}

.feature-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b6b6b;
}

/* Mobile */
@media (max-width: 600px) {
  .feature-item {
    gap: 12px;
  }

  .feature-content h4 {
    font-size: 15px;
  }

  .feature-content p {
    font-size: 13px;
  }
}
/* Sự khác biệt ...  */
/* Khung xanh phía sau ảnh */
.image-box-custom{
		right : 25px;
}
.image-box-custom::before {
  content: "";
  position: absolute;
  top: -25px;
  left: -25px;
  width: 110%;
  height: 108%;
  background: #2f5f8f;
  z-index: -1;
}

/* Nền xéo cho khối nội dung */
.content-skew-text{
		background: linear-gradient(
    90deg,
    rgba(220, 235, 240, 0.88) 0%,
    rgba(220, 235, 240, 0.75) 40%,
    rgba(220, 235, 240, 0.55) 70%,
    rgba(220, 235, 240, 0.35) 100%
  );
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.content-skew {
  position: relative;
	padding : 0 !important;
  left : 100px;
	top : 42px;
	z-index : 1 ;
}

/* Đối tác vận chuyển */
.shipping-table-wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.shipping-table {
  width: 100%;
  border-collapse: collapse;
}

.shipping-table th,
.shipping-table td {
  border: 1px solid #000;
  padding: 20px 15px;
  vertical-align: middle;
}

.shipping-table thead th {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

.shipping-table td:first-child {
  width: 60%;
}

.shipping-table td:last-child {
  width: 40%;
  text-align: center;
  white-space: nowrap;
}

.shipping-table strong {
  font-weight: 600;
}

/* Mobile */
@media (max-width: 768px) {
  .shipping-table {
    font-size: 16px;
  }

  .shipping-table thead th {
    font-size: 20px;
  }

  .shipping-table th,
  .shipping-table td {
    padding: 20px 16px;
  }
}
.gap-color{
		background : #fce9db;
}
.row-contact-about-us{
		margin-top : 45px;
}
.section-contact-about-us{
		padding : 0 20px !important;
}

/* Trang chính sách hoàn tiền */
.form-refund {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 30px 25px;
  border-radius: 10px;
	box-shadow: 0px 187px 75px rgba(0, 0, 0, 0.01), 0px 105px 63px rgba(0, 0, 0, 0.05), 0px 47px 47px rgba(0, 0, 0, 0.09), 0px 12px 26px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.radio-group label {
  display: block;
  margin-bottom: 6px;
  cursor: pointer;
}

.confirm-box {
  margin-bottom: 10px;
}
.form-row {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.form-col {
  flex: 1;
}
input[type="file"] {
  border: 1px dashed #ccc;
  padding: 10px;
  width: 100%;
}
.wpcf7-form-control:focus{
		border-color: var(--fs-color-secondary) !important;
}
.primary, input[type=submit], input[type=submit].button{
		background-color : var(--fs-color-secondary) !important;
		color : #fff !important;
		margin-top : 15px !important;
		width : 200px;
}
.chinh-sach{
		padding-right : 30px;
}
.form-chinh-sach{
		padding : 0px;
}
@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }
}
/* Chỉnh trang product  */
.product-section{
		border-top : 1px solid #000 !important;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{
		background-color : var(--fs-color-secondary) !important;
		border-color : var(--fs-color-secondary) !important;
}
#main{
		background :#fce9db !important;
}
.sidebar-inner {
		background :#f5f5f5;
		padding : 15px 15px 15px 15px;
}
span.widget-title{
		color :#9a3412;
}
/* .widget .current-cat{
		background : #000;
} */
.widget .current-cat>a{
		font-weight : normal !important;
}
ul.children{
		margin-top:10px !important;
}
.cat-item a{
		padding-left :15px !important;
}
.widget>ul>li ul, ul.menu>li ul{
		border-left: none ;
		margin-left : 15px !important;
}
/* Ẩn giá  */
span.amount{
		display : none;
}
/* Ản nút mở nút đổ danh mục con */
.icon-angle-down{
		display : none !important;
}
/* Luôn mở danh mục All Products trong sidebar WooCommerce */
.widget_product_categories .children,
.widget_product_categories ul.product-categories {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.is-smaller{
	font-size :14px !important;
	color : var(--fs-color-secondary) ;
}
.woocommerce-loop-product__title a{
		font-size : 16px !important;
		font-weight :bold;
		color : #000;
}
.has-equal-box-heights .box {
		box-shadow : 0 4px 15px rgba(0, 0, 0, 0.2) !important;
		border-radius : 8px !important;
}
.box-text{
		border-bottom-left-radius : 8px;
		border-bottom-right-radius :8px;
}
.has-equal-box-heights .box-image{
		border-top-left-radius : 8px;
		border-top-right-radius :8px;
}
.box-text p{
		margin-bottom : 10px !important;
		margin-top : 10px !important;
}

.grid-tools a{
		background-color : var(--fs-color-secondary) !important;
}
.box-text{
		background :#fafafa;
		padding : 15px !important;
}
/* css banner trang product */
.shop-hero-banner {
    width: 100%;
    background: url('/assets-lib/userfiles/2025/12/pexels-barthy-631520-scaled.jpg') center / cover no-repeat;
    padding: 140px 0 120px;
}

.shop-hero-inner {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}

.shop-hero-inner h1 {
    font-size: 48px;
    margin-bottom: 10px;
		color : #fff;
}

.shop-hero-inner p {
    font-size: 18px;
    opacity: 0.9;
		color : #fff;
}
/* Tắt page title  */
.page-title{
		display : none;
}

/* Thông số */
.product-title{
		color : #000;
}

.product-specs h3 {
    font-size: 16px;
		color : #000;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    border: 1px solid #000;
}

.spec-table th,
.spec-table td {
    padding: 15px 20px;
    border: 1px solid #000; /* kẻ dọc + ngang */
    vertical-align: middle;
}

.spec-table th {
    width: 40%;
    color: #000;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
}

.spec-table td {
    color: #000;
}
/* Tab thông tin sản phẩm phía dưới */
.woocommerce-Tabs-panel b {
		font-size : 18px;
		color : #000;
}
.product-footer .woocommerce-tabs{
		border-top : none !important; 
}
.tab-panels{
		padding : 30px 50px !important;
}
.woocommerce-tabs .nav{
		gap : 60px !important;
}
.woocommerce-tabs .nav-left{
		justify-content : center !important;
}
.nav-line>li>a:before{
		background-color : #000;
}
/* Related Products */
.related-products-wrapper .row.row-small .flickity-viewport{
		height : 460px !important;
}
.related-products-wrapper .row.row-small{
		max-width : 1280px !important;
		margin-bottom : 50px;
}
/* Css thanh thời gian cháy */
.burning-box{
		background : #000;
		padding : 15px 15px 15px 25px;
		border-radius : 15px;
		margin : 10px 0;
}
.burning-slider {
    position: relative;
    height: 14px;
    background: #e5e5e5;
    border-radius: 20px;
    overflow: hidden;
    margin: 10px 0;
}

.burning-range {
    position: absolute;
    height: 100%;
    background: #c62828;
    border-radius: 20px;
}

.burning-scale {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #fff;
}
/* Advantages */
.product-features-icons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.product-features-icons .advantage-item img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  padding: 5px;
  border-radius: 12px;
  margin-bottom: 10px;
}

.product-features-icons .advantage-item h4 {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #000;
}

/* Danh mục sản phẩm */
/* Sidebar container */
#shop-sidebar .widget_product_categories {
    background: transparent;
    padding: 0;
}

/* Sidebar container */
#shop-sidebar .widget_product_categories {
    background: transparent;
    padding: 0;
}

/* Title */
/* #shop-sidebar .widget-title {
    background: linear-gradient(90deg, #f97316, #fb923c);
    color: #fff;
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
} */

/* Remove default ul style */
#shop-sidebar ul.product-categories {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
}

/* Category item spacing */
#shop-sidebar .product-categories li {
    margin-bottom: 10px;
}

/* Parent category (SẢN PHẨM / KOC) */
#shop-sidebar .product-categories li.cat-parent > a {
    display: block;
    border: 1px solid #fed7aa;
    color: #9a3412;
    padding: 12px 14px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.25s ease;
}

/* Toggle icon */
#shop-sidebar .product-categories li.cat-parent .toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #fff;
}

/* Children wrapper */
#shop-sidebar .product-categories ul.children {
    margin-top: 10px;
    padding-left: 0;
}

/* Child category box */
#shop-sidebar .product-categories ul.children li a {
    display: block;
    border: 1px solid #fed7aa;
    color: #9a3412;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.25s ease;
}

/* Hover effect */
#shop-sidebar .product-categories ul.children li a:hover {
    background: #ffedd5;
    border-color: #f97316;
    color: #c2410c;
}

/* Active category */
#shop-sidebar .product-categories li.current-cat > a {
    background: #ff6600 !important;
    border-color: #f97316 !important;
    color: #fff !important;
    font-weight: 600;
}

/* Css trang Gallery */
.gallery-content{
		margin-left : 50px !important;
}
.gallery-sidebar{
		padding : 15px;
		background : #f5f5f5;
		border-radius : 10px;
		box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.gallery-sidebar h3{
		color : #A35A2A;
}
.gallery-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gallery-menu > li {
  margin-bottom: 12px;
}

.gallery-menu a {
  display: block;
  padding: 5px 10px;
  border: 1px solid #f0c7a4;
  border-radius: 8px;
  text-decoration: none;
  color: #a35a2a;
  transition: all .25s ease;
}

.gallery-menu a:hover {
  background: #fff4eb;
}

/* SUB MENU */
.gallery-menu .sub-menu {
	list-style: none;
  margin-top: 10px;
  padding-left: 16px;
	margin-left : 20px;
}

.gallery-menu .sub-menu li {
  margin-bottom: 8px;
}

.gallery-menu .sub-menu a {
  font-size: 14px;
}
.gallery-content .gallery-item {
  display: none;
}

.gallery-content .gallery-item.active {
  display: block;
}
/* ACTIVE MENU */
.gallery-menu a.active {
  background: var(--fs-color-secondary);
  border-color: #f97316;
  color: #fff ;
}

/* Process tab collapse */
.woocommerce-Tabs-panel--process .process-content {
  max-height: 390px;   /* chiều cao ban đầu */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.woocommerce-Tabs-panel--process.expanded .process-content {
  max-height: 2000px; /* đủ lớn cho nội dung dài */
}

.process-toggle {
  margin-top: 10px;
  background: none;
  border: none;
  color: var(--fs-color-secondary); /* màu cam theme */
  font-weight: 600;
  cursor: pointer;
}