/*
Theme Name: Flatsome Child - Thanh Xuân
Theme URI: http://localhost/Thanh_xuan/
Description: Child theme sạch cho dự án Thanh Xuân
Author: Thanh Xuân
Template: flatsome
Version: 1.0.0
*/

/* =========================================================================
 * [THEME:VARIABLES & BASE PALETTE] (Trích xuất từ Figma Thanh_xuan.fig)
 * ========================================================================= */
:root {
  --color-brand-primary: #C96825;
  /* Cam đất / Terracotta */
  --color-brand-dark: #5A3418;
  /* Nâu cafe đậm / Espresso */
  --color-brand-heading: #44220C;
  /* Nâu sẫm tiêu đề / Cocoa */
  --color-brand-text: #6A4224;
  /* Nâu đất chữ thân bài */
  --color-brand-muted: #8A6546;
  /* Nâu nhạt ghi chú */
  --color-brand-light-bg: #FFF2D9;
  /* Nền vàng kem bánh su (#FFF2D9) */
  --color-brand-card-bg: #FFFDF9;
  /* Nền thẻ trắng ngà */
  --color-brand-border: #EADBCA;
  /* Viền nâu nhạt */
  --color-brand-badge-border: #E7C99C;
  --pattern-hoa-van: url('data:image/png;base64,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');
  --font-display: 'Lobster', cursive;
  --font-serif: Georgia, 'Playfair Display', serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* =========================================================================
 * [TYPOGRAPHY] Font Chữ Chuẩn Thiết Kế Figma (Thanh_xuan.fig)
 * ========================================================================= */
body {
  font-family: var(--font-body);
}

h1,
.h1 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
}

h2,
.h2 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px;
}

/* =========================================================================
 * [THEME:HEADER] Flatsome Standard Header Chuẩn Phong Cách Cũ & Figma
 * ========================================================================= */

/* 1. Nền Header chuẩn màu thương hiệu Thanh Xuân (Vàng kem bánh su #FFF2D9) - Duy nhất trên .header-wrapper */
.header-wrapper {
  background-color: #FFF2D9 !important;
  background: #FFF2D9 !important;
  border-bottom: 1px solid rgba(201, 104, 37, 0.14) !important;
}

/* Triệt tiêu hoàn toàn nền và bóng đổ trên các thẻ con và div chứa nội dung #masthead */
#header,
#header #masthead,
#header .header-main,
#header .header-inner,
#header .header-bg-container,
#header .header-bg-color,
#header .header-bg-image,
#header.has-sticky.sticky-jump #masthead,
#header.has-sticky.sticky-jump .header-bg-container,
#header.has-sticky.sticky-jump .header-bg-color {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

#header {
  position: relative;
  z-index: 999;
}

.top-divider {
  display: none !important;
}

/* Header Sticky khi cuộn */
.header-wrapper {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease !important;
  will-change: transform;
}

.header-wrapper.header--hidden {
  transform: translateY(-100%) !important;
}

.header-wrapper.stuck {
  background-color: #FFF2D9 !important;
  background: #FFF2D9 !important;
  box-shadow: 0 4px 18px rgba(90, 52, 24, 0.08) !important;
}

@media (min-width: 850px) {
  .header-wrapper.stuck,
  .stuck .header-main {
    height: 74px !important;
  }
}

#masthead .header-inner {
  height: 74px !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

/* 2. Logo Thương Hiệu */
#logo {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

#logo a {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  transition: transform 0.2s ease !important;
}

#logo:hover a,
#logo a:hover {
  transform: scale(1.04) !important;
}

#logo img {
  height: 60px !important;
  max-height: 60px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Chỉ hiển thị duy nhất 1 logo chính, ẩn triệt để các biến thể dark và sticky của Flatsome */
#logo img.header-logo-sticky,
#logo img.header-logo-dark,
#logo .header-logo-sticky,
#logo .header-logo-dark {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

#logo img.header-logo,
#logo img.header_logo {
  display: block !important;
}

/* 3. Menu Điều Hướng 6 Mục Chuẩn Cam Đất Thương Hiệu (#C96825) */
@media (min-width: 850px) {
  .flex-col.hide-for-medium.flex-left {
    display: flex !important;
    justify-content: center !important;
    flex-grow: 1 !important;
  }
}

@media (max-width: 849px) {
  .hide-for-medium,
  .flex-col.hide-for-medium {
    display: none !important;
  }
}

.header-nav.header-nav-main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 26px !important;
  margin: 0 0 0 20px !important;
}

.header-nav-main > li {
  margin: 0 !important;
  padding: 0 !important;
}

.header-nav-main > li > a,
.header-nav-main > li.active > a,
.header-nav-main > li.current-menu-item > a {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #C96825 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 6px !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  background: transparent !important;
}

.header-nav-main > li > a:hover {
  color: #5A3418 !important;
  background: transparent !important;
  text-decoration: none !important;
}

.header-nav-main > li > a::after,
.header-nav-main > li > a::before {
  display: none !important;
  content: none !important;
}

@media (min-width: 901px) and (max-width: 1199px) {
  .header-nav.header-nav-main {
    gap: 16px !important;
    margin: 0 0 0 10px !important;
  }
  .header-nav-main > li > a {
    font-size: 15px !important;
    padding: 6px 4px !important;
  }
}

/* 4. NÚT GIỎ HÀNG CHUẨN CŨ (Pill button cam đậm, huy hiệu trắng tròn sạch) */
.cart-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cart-item a.header-cart-link,
a.header-cart-link {
  border: 0 !important;
  background-color: #C96825 !important;
  background: #C96825 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  padding: 11px 18px !important;
  min-height: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 850 !important;
  font-size: 14px !important;
  box-shadow: 0 6px 14px rgba(201, 104, 37, 0.24) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-transform: none !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

.cart-item a.header-cart-link:hover,
a.header-cart-link:hover {
  background-color: #a84f17 !important;
  background: #a84f17 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(201, 104, 37, 0.35) !important;
}

/* Chữ "Giỏ hàng" */
.cart-item .header-cart-title {
  color: #FFFFFF !important;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-weight: 850 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Triệt tiêu vị trí absolute mặc định của Flatsome trên .cart-icon */
.cart-item .cart-icon,
.cart-item .image-icon,
.header-cart-link .cart-icon,
.header-cart-link .image-icon {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

/* Huy hiệu số lượng tròn màu trắng chữ cam - KHÔNG viền xanh hay quai xách thừa */
.cart-item strong,
.header-cart-link strong,
.cart-item [data-icon-label]:after {
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  color: #C96825 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
  padding: 0 !important;
  line-height: 22px !important;
  margin: 0 0 0 2px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
}

/* Triệt tiêu triệt để quai xách màu xanh giả lập túi xách của Flatsome */
.cart-item strong::after,
.cart-item strong::before,
.header-cart-link strong::after,
.header-cart-link strong::before,
.cart-item .cart-icon::after,
.cart-item .cart-icon::before {
  display: none !important;
  content: none !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Ẩn giá tiền và icon giỏ mặc định */
.cart-item .cart-price,
.cart-item i.icon-shopping-basket {
  display: none !important;
}

/* 5. Mobile Header & Off-canvas Drawer */
@media (max-width: 900px) {
  #masthead .header-inner {
    height: 64px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #logo img {
    height: 46px !important;
    max-height: 46px !important;
  }

  .mobile-nav .cart-item {
    height: auto !important;
  }

  .mobile-nav .cart-item a.header-cart-link {
    min-height: 36px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    gap: 6px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    align-items: center !important;
  }

  .mobile-nav .cart-item .header-cart-title {
    font-size: 13px !important;
  }

  .mobile-nav .cart-item .header-cart-link:not(:has(.header-cart-title))::before {
    content: "Giỏ hàng";
    color: #FFFFFF !important;
    font-weight: 850 !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .mobile-nav .cart-item strong {
    min-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
    line-height: 20px !important;
  }

  .mobile-nav .nav-icon a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--color-brand-border, #ead6b4) !important;
    border-radius: 8px !important;
    color: var(--color-brand-primary, #C96825) !important;
    padding: 8px 7px !important;
    transition: all 0.2s ease !important;
  }

  .mobile-nav .nav-icon a:hover {
    background: rgba(201, 104, 37, 0.08) !important;
  }

  .mobile-nav .nav-icon i.icon-menu {
    font-size: 20px !important;
    color: var(--color-brand-primary, #C96825) !important;
  }
}

/* Off-canvas mobile menu styling */
.mobile-sidebar-levels-1 .nav-sidebar > li > a {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--color-brand-primary, #C96825) !important;
  text-transform: none !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(234, 219, 202, 0.6) !important;
}

.mobile-sidebar-levels-1 .nav-sidebar > li > a:hover {
  background-color: rgba(201, 104, 37, 0.05) !important;
  color: var(--color-brand-dark, #5A3418) !important;
}

/* Off-canvas Cart Popup */
#cart-popup .cart-popup-title span {
  font-family: var(--font-display, 'Lobster', cursive) !important;
  font-size: 22px !important;
  color: var(--color-brand-heading, #44220C) !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

#cart-popup .is-divider {
  background-color: var(--color-brand-primary, #C96825) !important;
  max-width: 40px !important;
  height: 2px !important;
}

#cart-popup .button.primary {
  background-color: var(--color-brand-primary, #C96825) !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 700 !important;
}


/* =========================================================================
 * [THEME:PAGE CONTENT BACKGROUND] Nền Full Trang Phần Nội Dung (#FFF2D9)
 * ========================================================================= */
body.home,
body.home #wrapper,
body.home #main,
body.home #content,
body.home .page-wrapper,
body.home .content-area {
  background-color: #FFF2D9 !important;
}

/* =========================================================================
 * [SECTION:HERO] Banner Giới Thiệu (Hero Banner) Chuẩn Figma & Demo
 * ========================================================================= */
.sec-hero {
  background: #FFF2D9;
  position: relative;
  text-align: center;
  width: 100% !important;
  padding: 64px 0 24px !important;
  overflow: hidden;
}

/* Đốm sáng radial-gradient ấm áp phía trên bên trái Hero chuẩn Figma/Demo */
.sec-hero .section-bg::before {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe9b6 0%, rgba(255, 233, 182, 0) 70%);
  left: -130px;
  top: -120px;
  pointer-events: none;
}

@media (max-width: 620px) {
  .sec-hero {
    padding: 42px 0 24px !important;
  }
}

.sec-hero .hero-row {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  text-align: center !important;
}

.hero-col-left {
  max-width: 820px;
  float: none !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.hero-col-left .col-inner {
  text-align: center !important;
  margin: 0 auto !important;
}

.hero-badge {
  display: inline-block;
  margin-bottom: 0 !important;
  text-align: center;
}

.hero-badge p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #e7c99c !important;
  border-radius: 999px;
  padding: 6px 11px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #98683F !important;
  letter-spacing: 0.2px;
  margin: 0 auto !important;
  box-shadow: none !important;
  text-transform: none !important;
  line-height: 1.5;
}

.hero-title h1 {
  font-family: var(--font-display);
  font-size: clamp(42px, 5.5vw, 67px) !important;
  font-weight: 400;
  color: #693815 !important;
  line-height: 1.05 !important;
  margin: 18px auto 16px auto !important;
  letter-spacing: -0.01em;
  max-width: 820px;
  text-align: center;
}

.hero-title h1 span,
h1 span {
  color: var(--color-brand-primary, #C96825) !important;
}

@media (max-width: 620px) {
  .hero-title h1 {
    font-size: clamp(34px, 8.5vw, 42px) !important;
    line-height: 1.1 !important;
    margin: 16px auto 14px auto !important;
  }
}

.hero-desc p {
  font-size: 15px !important;
  color: #896348 !important;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  max-width: 710px;
  text-align: center;
}

/* Ẩn gap thừa nếu có giữa desc và buttons */
.sec-hero .gap-element {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-btn-row {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 25px auto 28px auto !important;
  max-width: none !important;
  width: auto !important;
  float: none !important;
}

.hero-btn-row>.col,
.hero-btn-row>div {
  max-width: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.hero-btn-row .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  padding: 12px 20px !important;
  margin: 0 !important;
  transition: all .25s ease !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
}

.hero-btn-row>.col:first-child .button {
  background: var(--color-brand-primary, #C96825) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 7px 14px rgba(201, 104, 37, 0.2) !important;
}

.hero-btn-row>.col:first-child .button:hover {
  background: #A64E11 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(201, 104, 37, 0.35) !important;
}

.hero-btn-row>.col:last-child .button {
  background: #fffaf0 !important;
  color: #714422 !important;
  border: 1px solid #e7d2b0 !important;
  box-shadow: none !important;
}

.hero-btn-row>.col:last-child .button:hover {
  background: #FFF8EE !important;
  border-color: #BD5B17 !important;
  color: #BD5B17 !important;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .hero-btn-row {
    flex-direction: column !important;
    gap: 11px !important;
    width: 100% !important;
    margin: 22px auto 26px auto !important;
  }

  .hero-btn-row>.col,
  .hero-btn-row>div {
    width: auto !important;
  }

  .hero-btn-row .button {
    width: auto !important;
    padding: 12px 24px !important;
  }
}

/* Dãy 7 viên bánh pastel đa sắc (.hero-balls) chuẩn mockup Frame Figma */
.hero-balls-wrap {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  text-align: center;
}

.hero-balls {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ball {
  display: inline-block;
  border-radius: 50%;
  box-shadow: inset -7px -8px 13px rgba(89, 45, 11, .13), inset 4px 4px 8px rgba(255, 255, 255, .45), 0 7px 13px rgba(101, 56, 21, .15);
  background: radial-gradient(circle at 34% 28%, #ffd47f 0 12%, #d99336 64%, #b36b21 100%);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}

.ball:hover {
  transform: translateY(-4px) scale(1.12);
}

.ball.tiny {
  width: 38px;
  height: 38px;
}

.ball.red {
  background: radial-gradient(circle at 34% 28%, #ff8b7b 0 12%, #df4e49 64%, #a82d2d 100%);
}

.ball.green {
  background: radial-gradient(circle at 34% 28%, #b1d579 0 12%, #78a94f 64%, #507b34 100%);
}

.ball.dark {
  background: radial-gradient(circle at 34% 28%, #7c4a2d 0 12%, #4f2816 64%, #2f160b 100%);
}

.ball.white {
  background: radial-gradient(circle at 34% 28%, #fffaf0 0 18%, #f0e3c6 67%, #d3c3a0 100%);
}

@media (max-width: 600px) {
  .hero-balls {
    gap: 8px;
  }

  .ball.tiny {
    width: 38px;
    height: 38px;
  }
}


/* Dải họa tiết sóng zíc-zắc (.zig) từ ảnh gốc người dùng tải lên - Tràn Full 100% Chiều Ngang Màn Hình */
html,
body {
  overflow-x: hidden !important;
}

.zig {
  height: 7px;
  background-image: var(--pattern-hoa-van);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 7px;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  display: block !important;
  box-sizing: border-box !important;
  z-index: 10;
}

.zig-wrap {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  line-height: 0;
  overflow: hidden;
  background: #FFF2D9;
  z-index: 10;
}

/* =========================================================================
 * [SECTION:PATTERNS] Dải hoa văn zíc-zắc đỉnh/đáy Hero & phía trên Set Tiệc
 * ========================================================================= */
.sec-hero,
.sec-set-tiec {
  position: relative !important;
  width: 100% !important;
}

/* Dải hoa văn zíc-zắc ở đỉnh Section Hero, phía trên Section Set Tiệc */
.sec-hero::before,
.sec-set-tiec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 7px;
  background-image: var(--pattern-hoa-van);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 7px;
  z-index: 10;
  pointer-events: none;
}

/* Dải hoa văn zíc-zắc ở đáy Section Hero */
.sec-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 7px;
  background-image: var(--pattern-hoa-van);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 7px;
  z-index: 10;
  pointer-events: none;
}

/* =========================================================================
 * [SECTION:COMMON HEADINGS] Khối tiêu đề các section chuẩn Figma & Demo
 * ========================================================================= */
.sec-head-row {
  margin-bottom: 34px;
}

.sec-heading {
  margin-bottom: 0;
  text-align: center;
}

.sec-heading p:first-of-type,
.sec-heading p:first-child {
  font-family: var(--font-body, 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #e7c99c !important;
  border-radius: 999px;
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #98683F !important;
  letter-spacing: 0.3px;
  margin: 0 auto 8px auto !important;
  text-transform: none !important;
  box-shadow: none !important;
  line-height: 1.5;
}

.sec-heading h2 {
  font-family: var(--font-display, 'Lobster', 'Playfair Display', Georgia, cursive) !important;
  font-size: 48px !important;
  font-weight: 400 !important;
  color: #693815 !important;
  margin: 8px auto 10px auto !important;
  line-height: 1.25 !important;
  letter-spacing: 0.2px;
}

@media (max-width: 768px) {
  .sec-heading h2 {
    font-size: 36px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 480px) {
  .sec-heading h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
}

.sec-heading p:last-of-type,
.sec-heading p:last-child {
  font-family: var(--font-body, 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: #7B401A !important;
  max-width: 680px;
  margin: 0 auto !important;
}

/* =========================================================================
 * [SECTION:PRODUCTS CARDS] Set Lẻ (Best Seller) & Set Tiệc (60 Mẫu)
 * ========================================================================= */
.sec-set-le,
.sec-tuy-chon,
.sec-set-tiec {
  background: #FFF2D9;
  border-bottom: 1px solid var(--color-brand-border);
  padding: 56px 0 !important;
}

@media (max-width: 768px) {
  .sec-set-le,
  .sec-tuy-chon,
  .sec-set-tiec {
    padding: 38px 0 !important;
  }
}

/* Tự Chọn Set Bánh - Sidebar card (aside.summary-card) */
.sec-tuy-chon .summary-card {
  position: relative !important;
  will-change: transform;
  z-index: 10;
}

.summary-note {
  display: none !important;
}

@media (max-width: 620px) {
  .sec-tuy-chon .sec-heading p:last-child {
    max-width: 320px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }
}

.sec-set-le .section-content,
.sec-tuy-chon .section-content,
.sec-set-tiec .section-content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* =========================================================================
 * [SECTION:PANELS] Khung Card Bo Tròn Chuẩn Figma (div.panel cho 3 Section)
 * Đồng bộ kích thước chiều ngang và outer div cho Set Lẻ, Tự Chọn và Set Tiệc
 * ========================================================================= */
.sec-set-le .sec-setle-panel,
.sec-set-le .sec-panel,
.sec-set-le .panel,
.sec-tuy-chon .panel.bswf-custom-box-builder,
.sec-set-tiec .tabbed-content {
  background: rgba(255, 250, 240, 0.85) !important;
  border: 1px solid #ECD7B5 !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 34px rgba(103, 58, 20, 0.11) !important;
  padding: 24px 20px 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
}

/* Tiêu đề "Set gợi ý" bên trong panel Set Lẻ chuẩn yêu cầu */
.sec-set-le .sec-setle-panel__title,
.sec-set-le .sec-setle-panel .sec-setle-panel__title,
.sec-set-le .panel .sec-setle-panel__title {
  font-family: 'Inter', var(--font-body), ui-sans-serif, system-ui, sans-serif !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  color: #573018 !important;
  line-height: 16.5px !important;
  text-align: center !important;
  margin: 0 auto 24px auto !important;
  padding: 0 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
  display: block !important;
}

@media (max-width: 768px) {
  .sec-set-le .sec-setle-panel__title,
  .sec-set-le .sec-setle-panel .sec-setle-panel__title,
  .sec-set-le .panel .sec-setle-panel__title {
    font-size: 24px !important;
    line-height: 16.5px !important;
    margin-bottom: 18px !important;
  }
}

/* Fallback: Trong trường hợp Set Lẻ không có div.panel thì áp dụng trực tiếp lên row sản phẩm */
.sec-set-le > .section-content > .row:not(.sec-head-row) {
  background: rgba(255, 250, 240, 0.85);
  border: 1px solid #ECD7B5;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(103, 58, 20, 0.11);
  padding: 24px 20px 28px;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Đảm bảo khi row sản phẩm nằm trong div.panel thì không lặp lại background/border */
.sec-set-le .sec-setle-panel .row,
.sec-set-le .sec-panel .row,
.sec-set-le .panel .row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sec-set-tiec .tabbed-content .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  .sec-set-le .sec-setle-panel,
  .sec-set-le .sec-panel,
  .sec-set-le .panel,
  .sec-set-le > .section-content > .row:not(.sec-head-row),
  .sec-tuy-chon .panel.bswf-custom-box-builder,
  .sec-set-tiec .tabbed-content {
    padding: 16px 10px 20px !important;
    border-radius: 18px !important;
  }
}

.sec-set-le .row,
.sec-set-tiec .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.sec-set-le .product-small.col,
.sec-set-tiec .product-small.col {
  display: flex !important;
  flex-direction: column !important;
}

.sec-set-le .col-inner,
.sec-set-tiec .col-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 100% !important;
  height: 100% !important;
  width: 100% !important;
}

/* Card sản phẩm Set Lẻ & Set Tiệc chuẩn Figma */
.sec-set-le .product-small.box,
.sec-set-tiec .product-small.box {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border: 1px solid #ECD7B5 !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 12px 12px 16px !important;
  box-shadow: 0 4px 14px rgba(96, 50, 24, 0.05) !important;
  transition: all .25s ease !important;
  font-family: var(--font-body) !important;
}

.sec-set-le .product-small.box:hover,
.sec-set-tiec .product-small.box:hover {
  transform: translateY(-4px) !important;
  border-color: #C96825 !important;
  box-shadow: 0 10px 24px rgba(201, 104, 37, 0.15) !important;
}

/* Khung ảnh sản phẩm (div.box-image) bo tròn cả 4 góc chuẩn Figma */
.sec-set-le .box-image,
.sec-set-tiec .box-image {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #FFFDF9 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sec-set-le .box-image .image-fade_in_back,
.sec-set-tiec .box-image .image-fade_in_back,
.sec-set-le .box-image .image-fade_in_back a,
.sec-set-tiec .box-image .image-fade_in_back a {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ảnh sản phẩm: hiển thị trọn vẹn phần bánh, loại bỏ viền poster thừa chuẩn Figma */
.sec-set-le .box-image img,
.sec-set-tiec .box-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform-origin: center center !important;
  transition: transform .35s ease !important;
}

.sec-set-le .box-image img {
  object-position: center 45% !important;
  transform: scale(1.13) !important;
}

.sec-set-tiec .box-image img {
  object-position: center 48% !important;
  transform: scale(1.08) !important;
}

.sec-set-le .product-small.box:hover .box-image img {
  transform: scale(1.18) !important;
}

.sec-set-tiec .product-small.box:hover .box-image img {
  transform: scale(1.13) !important;
}

/* Số thứ tự sản phẩm chuẩn Figma (span.num) */
.sec-set-le .box-image span.num,
.sec-set-tiec .box-image span.num,
.product-small .box-image span.num,
span.num {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  width: 26px !important;
  height: 26px !important;
  background: var(--color-brand-primary, #C96825) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  z-index: 9 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .sec-set-le .product-small.box,
  .sec-set-tiec .product-small.box {
    padding: 8px 8px 12px !important;
    border-radius: 14px !important;
  }
  .sec-set-le .box-image,
  .sec-set-tiec .box-image,
  .sec-set-le .box-image .image-fade_in_back,
  .sec-set-tiec .box-image .image-fade_in_back,
  .sec-set-le .box-image img,
  .sec-set-tiec .box-image img {
    border-radius: 10px !important;
  }
  .sec-set-le .box-image span.num,
  .sec-set-tiec .box-image span.num,
  .product-small .box-image span.num,
  span.num {
    top: 6px !important;
    left: 6px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
  }
}

/* Loại bỏ nút Xem thêm / Danh mục trong Set Tiệc (hiển thị toàn bộ sản phẩm) */
.sec-set-tiec .tab-panels .button.expand,
.sec-set-tiec a.button[href*="/danh-muc-san-pham/"] {
  display: none !important;
}

/* Box text & Layout for Set Lẻ & Set Tiệc */
.sec-set-le .box-text,
.sec-set-tiec .box-text {

  align-content: space-between !important;
  align-items: start !important;
  text-align: left !important;
  padding: 14px 2px 2px !important;
  background: transparent !important;
}

@media (max-width: 600px) {
  .sec-set-le .box-text,
  .sec-set-tiec .box-text {
    padding: 8px 2px 0 !important;
  }
}

.sec-set-le .box-text .title-wrapper,
.sec-set-tiec .box-text .title-wrapper {
  grid-column: 1 / 2 !important;
  text-align: left !important;
  margin: 0 !important;
}

.sec-set-le .box-text .product-title,
.sec-set-tiec .box-text .product-title,
.product-small .box-text .product-title,
.woocommerce-loop-product__title,
.product-title {
  font-family: 'Inter', var(--font-body), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--color-brand-heading) !important;
  line-height: 1.35 !important;
  margin: 0 0 5px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

.sec-set-le .box-text .product-title a,
.sec-set-tiec .box-text .product-title a,
.product-small .box-text .product-title a,
.woocommerce-loop-product__title a,
.product-title a {
  font-family: 'Inter', var(--font-body), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--color-brand-heading) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.sec-set-le .box-text .product-title a:hover,
.sec-set-tiec .box-text .product-title a:hover,
.product-small .box-text .product-title a:hover,
.woocommerce-loop-product__title a:hover,
.product-title a:hover {
  color: var(--color-brand-primary) !important;
}

.sec-set-le .box-text .bswf-card-desc,
.sec-set-tiec .box-text .bswf-card-desc {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #8C7362 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.sec-set-le .box-text .price-wrapper,
.sec-set-tiec .box-text .price-wrapper {
  grid-column: 2 / 3 !important;
  text-align: right !important;
margin-top: -28px;
  white-space: nowrap !important;
  padding-left: 10px !important;
}

.sec-set-le .box-text .price,
.sec-set-le .box-text .price .amount,
.sec-set-tiec .box-text .price,
.sec-set-tiec .box-text .price .amount {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--color-brand-primary) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.sec-set-le .box-text .price ins,
.sec-set-tiec .box-text .price ins {
  text-decoration: none !important;
  color: var(--color-brand-primary) !important;
}

.sec-set-le .box-text .product-cat,
.sec-set-tiec .box-text .product-cat {
  display: none !important;
}

/* 2 Action Buttons (Chọn nhân & Thêm vào giỏ) */
.sec-set-le .box-text .bswf-product-box-actions,
.sec-set-tiec .box-text .bswf-product-box-actions {
  grid-column: 1 / 3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sec-set-le .box-text .bswf-product-box-actions .button,
.sec-set-le .box-text .bswf-product-box-actions a.button,
.sec-set-tiec .box-text .bswf-product-box-actions .button,
.sec-set-tiec .box-text .bswf-product-box-actions a.button {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  flex: 1 1 50% !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 4px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  transition: all .2s ease !important;
}

.sec-set-le .box-text .bswf-product-box-actions .btn-choose-filling,
.sec-set-tiec .box-text .bswf-product-box-actions .btn-choose-filling {
  background: #FFF9EE !important;
  border: 1.5px solid #E4CEB0 !important;
  color: #7A401B !important;
}

.sec-set-le .box-text .bswf-product-box-actions .btn-choose-filling:hover,
.sec-set-tiec .box-text .bswf-product-box-actions .btn-choose-filling:hover {
  background: #FFEFCF !important;
  color: #C96825 !important;
  border-color: #C96825 !important;
}

.sec-set-le .box-text .bswf-product-box-actions a.add_to_cart_button,
.sec-set-tiec .box-text .bswf-product-box-actions a.add_to_cart_button {
  background: #7A401B !important;
  border: 1.5px solid #7A401B !important;
  color: #FFFFFF !important;
}

.sec-set-le .box-text .bswf-product-box-actions a.add_to_cart_button:hover,
.sec-set-tiec .box-text .bswf-product-box-actions a.add_to_cart_button:hover {
  background: #562808 !important;
  border-color: #562808 !important;
  box-shadow: 0 4px 10px rgba(86, 40, 8, 0.2) !important;
}

@media (max-width: 549px) {

  .sec-set-le .box-text,
  .sec-set-tiec .box-text {
    padding: 10px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .sec-set-le .box-text .title-wrapper,
  .sec-set-tiec .box-text .title-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sec-set-le .box-text .product-title,
  .sec-set-tiec .box-text .product-title,
  .product-small .box-text .product-title,
  .woocommerce-loop-product__title,
  .product-title {
    font-family: 'Inter', var(--font-body), sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    max-height: none !important;
  }

  .sec-set-le .box-text .product-title a,
  .sec-set-tiec .box-text .product-title a,
  .product-small .box-text .product-title a,
  .woocommerce-loop-product__title a,
  .product-title a {
    font-family: 'Inter', var(--font-body), sans-serif !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
  }

  .sec-set-le .box-text .bswf-card-desc,
  .sec-set-tiec .box-text .bswf-card-desc {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    color: #8C7362 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
  }

  .sec-set-le .box-text .price-wrapper,
  .sec-set-tiec .box-text .price-wrapper {
    width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin: 0 0 8px 0 !important;
  }

  .sec-set-le .box-text .price,
  .sec-set-le .box-text .price .amount,
  .sec-set-tiec .box-text .price,
  .sec-set-tiec .box-text .price .amount {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    margin: 0 !important;
  }

  .sec-set-le .box-text .bswf-product-box-actions,
  .sec-set-tiec .box-text .bswf-product-box-actions {
    margin-top: auto !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding-top: 0 !important;
    width: 100% !important;
  }

  .sec-set-le .box-text .bswf-product-box-actions .button,
  .sec-set-tiec .box-text .bswf-product-box-actions .button,
  .sec-set-le .box-text .bswf-product-box-actions a.button,
  .sec-set-tiec .box-text .bswf-product-box-actions a.button {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 12px !important;
    margin: 0 !important;
  }
}


/* Container Tabs & Grid Bánh Tiệc (Khung Card bo tròn theo Figma div#partyFilters) */
.sec-set-tiec .tabbed-content {
  background: rgba(255, 250, 240, 0.85);
  border: 1px solid #ECD7B5;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(103, 58, 20, 0.11);
  padding: 24px 20px 28px;
}

.sec-set-tiec ul.nav-tabs {
  border-bottom: none !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: auto !important;
}

.sec-set-tiec ul.nav-tabs li.tab {
  margin: 0 !important;
}

.sec-set-tiec ul.nav-tabs li.tab > a {
  border: 1px solid #E7D7BD !important;
  background: #FFFAF0 !important;
  border-radius: 999px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #7B5538 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
}

.sec-set-tiec ul.nav-tabs li.tab.active > a,
.sec-set-tiec ul.nav-tabs li.tab > a:hover {
  background: #6B3A18 !important;
  color: #FFFFFF !important;
  border-color: #6B3A18 !important;
  box-shadow: 0 4px 12px rgba(107, 58, 24, 0.25) !important;
}

.sec-set-tiec .tab-panels {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .sec-set-tiec .tabbed-content {
    padding: 16px 10px 20px;
    border-radius: 18px;
  }
  .sec-set-tiec ul.nav-tabs {
    gap: 8px 6px !important;
    margin-bottom: 20px !important;
    height: auto !important;
  }
  .sec-set-tiec ul.nav-tabs li.tab > a {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
}

/* Nút xem thêm Bánh Tiệc (Nút dưới các tab) */
.sec-set-tiec .tab-panels .panel>.row.align-center a.button {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #562808 !important;
  border: 1.5px solid #562808 !important;
  padding: 10px 24px !important;
  transition: all .2s ease !important;
  display: inline-block !important;
}

.sec-set-tiec .tab-panels .panel>.row.align-center a.button:hover {
  background: #562808 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* =========================================================================
 * [SECTION:DANH GIA & CAM KET]
 * ========================================================================= */
.sec-danh-gia {
  background: #FFF2D9;
  border-bottom: 1px solid var(--color-brand-border);
  padding: 50px 0 !important;
}

@media (max-width: 768px) {
  .sec-danh-gia {
    padding: 35px 0 !important;
  }
}

.sec-danh-gia .section-content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* 3 Khối cam kết (USP) */
.usp-row {
  margin-bottom: 30px;
}

.usp-row .col-inner {
  height: 100%;
}

.usp-card {
  background: #FFFFFF;
  border: 1px solid var(--color-brand-border);
  border-radius: 18px;
  padding: 32px 24px 28px;
  box-shadow: 0 4px 16px rgba(96, 50, 24, 0.03);
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.usp-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-brand-primary);
  box-shadow: 0 10px 25px rgba(96, 50, 24, 0.08);
}

.usp-card i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  margin: 0 auto 16px auto;
  border-radius: 50%;
  background: #FFE8B6;
  border: 1px solid #F5D7A1;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(201, 104, 37, 0.12);
  transition: transform .25s ease, background .25s ease;
}

.usp-card:hover i {
  transform: scale(1.1) rotate(6deg);
  background: #FFDF96;
}

.usp-card h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  color: var(--color-brand-dark);
  margin: 0 0 10px 0;
}

.usp-card p {
  font-size: 13.5px;
  color: var(--color-brand-muted);
  line-height: 1.65;
  margin: 0;
}

/* Tiêu đề phụ Testimonials */
.review-subhead-row {
  margin-top: 10px;
  margin-bottom: 20px;
}

.review-subheading p {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--color-brand-primary);
  background: #FFF3E6;
  border: 1px solid #F2CFB3;
  border-radius: 999px;
  padding: 4px 16px;
  margin: 0 0 10px 0;
}

.review-subheading h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  color: var(--color-brand-dark);
  margin: 0;
}

/* 3 Đánh giá khách hàng (Testimonials) - Chiều ngang 1170px đồng bộ chính xác với Set lẻ, Tự chọn, Set tiệc */
.sec-danh-gia .testimonials-row,
.testimonials-row {
  max-width: 1200px !important;
  width: calc(100% + 30px) !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-bottom: 10px;
  box-sizing: border-box !important;
}

/* Card Đánh giá dạng Image Box */
.testimonials-row .col-inner {
  height: 100%;
}

.testimonials-row .box {
  background: #FFFFFF;
  border: 1px solid var(--color-brand-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(96, 50, 24, 0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.testimonials-row .box:hover {
  transform: translateY(-5px);
  border-color: var(--color-brand-primary);
  box-shadow: 0 12px 32px rgba(96, 50, 24, 0.12);
}

.testimonials-row .box-image {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  flex-shrink: 0;
}

.testimonials-row .box-image .image-cover {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.testimonials-row .box-image img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .4s ease;
}

.testimonials-row .box:hover .box-image img {
  transform: scale(1.05);
}

.testimonials-row .box-text {
  padding: 24px 22px 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: #FFFFFF;
}

.testimonials-row .box-text-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}

/* Ngôi sao đánh giá 5 sao */
.testimonials-row .box-text p:first-child {
  color: #F5A623 !important;
  font-size: 17px;
  letter-spacing: 2px;
  margin: 0 0 12px 0;
  line-height: 1;
}

/* Lời nhận xét của khách hàng */
.testimonials-row .box-text p:nth-of-type(2) {
  font-style: italic;
  font-size: 14px;
  line-height: 1.65;
  color: #5D3A20;
  margin-bottom: 20px;
  flex-grow: 1;
}

/* Tên khách hàng */
.testimonials-row .box-text h4 {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--color-brand-heading);
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px dashed #EEDBCE;
  padding-top: 14px;
}

.testimonials-row .box-text h4::after {
  content: "✓ Đã mua";
  font-size: 10.5px;
  font-weight: 600;
  color: #2E7D32;
  background: #E8F5E9;
  border: 1px solid #C8E6C9;
  border-radius: 999px;
  padding: 1px 7px;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1.2;
}

/* Công ty / Địa chỉ */
.testimonials-row .box-text p:last-child {
  font-size: 12px;
  color: var(--color-brand-muted);
  line-height: 1.35;
  margin: 0;
}

@media (max-width: 549px) {
  .usp-card {
    padding: 24px 18px;
  }

  .testimonials-row .box-text {
    padding: 20px 16px 18px;
  }

  .review-subheading h3 {
    font-size: 22px;
  }

  .testimonials-row .box-text h4 {
    flex-wrap: wrap;
  }
}

/* =========================================================================
 * [SECTION:CTA & LIEN-HE] Kêu Gọi Đặt Hàng & Liên Hệ (Banner banner_yeuthich)
 * ========================================================================= */
.sec-cta {
  background: var(--color-brand-light-bg, #FFF2D9) !important;
  padding: 50px 0 !important;
}

@media (max-width: 768px) {
  .sec-cta {
    padding: 35px 0 !important;
  }
}

.sec-cta .section-content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

/* Banner bo tròn góc và đổ bóng nhẹ */
.sec-lien-he .cta-banner,
.sec-cta .cta-banner {
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(138, 59, 13, 0.16) !important;
  border: 1px solid rgba(220, 160, 100, 0.25) !important;
  margin: 0 auto !important;
}

.sec-lien-he .cta-banner .banner-bg,
.sec-cta .cta-banner .banner-bg {
  border-radius: 24px !important;
}

.sec-lien-he .cta-banner .banner-bg img,
.sec-cta .cta-banner .banner-bg img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Khối text & button căn giữa */
.sec-lien-he .cta-text-box,
.sec-cta .cta-text-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 15px !important;
}

/* Tiêu đề chính font viết tay Lobster chuẩn mockup */
.sec-lien-he .cta-banner-text h2,
.sec-cta .cta-banner-text h2 {
  font-family: 'Lobster', 'Playfair Display', Georgia, cursive !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  color: #FFFFFF !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
  letter-spacing: 0.5px !important;
}

/* Dòng mô tả ngắn gọn */
.sec-lien-he .cta-banner-text p,
.sec-cta .cta-banner-text p {
  font-size: 14.5px !important;
  color: rgba(255, 255, 255, 0.94) !important;
  line-height: 1.5 !important;
  margin: 0 0 16px 0 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  font-weight: 400 !important;
}

/* Nút bấm Xem giỏ hàng: Tròn viên thuốc, nền trắng, chữ cam nâu caramel */
.sec-lien-he .cta-banner-btn.button,
.sec-cta .cta-banner-btn.button {
  background: #FFFFFF !important;
  color: #8A3B0D !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 8px 28px !important;
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto !important;
  transition: all .25s ease !important;
  cursor: pointer !important;
}

.sec-lien-he .cta-banner-btn.button span,
.sec-cta .cta-banner-btn.button span {
  color: #8A3B0D !important;
  font-weight: 700 !important;
  transition: color .25s ease !important;
}

.sec-lien-he .cta-banner-btn.button:hover,
.sec-cta .cta-banner-btn.button:hover {
  background: #FFFDF9 !important;
  color: #5A2706 !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
}

.sec-lien-he .cta-banner-btn.button:hover span,
.sec-cta .cta-banner-btn.button:hover span {
  color: #5A2706 !important;
}

/* Responsive Media Queries kế bên Desktop rule */
@media (max-width: 768px) {
  .sec-lien-he,
  .sec-cta {
    padding: 24px 0 !important;
  }

  .sec-lien-he .cta-banner,
  .sec-cta .cta-banner {
    border-radius: 18px !important;
  }

  .sec-lien-he .cta-banner-text h2,
  .sec-cta .cta-banner-text h2 {
    font-size: 30px !important;
    margin-bottom: 4px !important;
  }

  .sec-lien-he .cta-banner-text p,
  .sec-cta .cta-banner-text p {
    font-size: 13px !important;
    margin-bottom: 14px !important;
  }

  .sec-lien-he .cta-banner-btn.button,
  .sec-cta .cta-banner-btn.button {
    font-size: 13.5px !important;
    padding: 6px 22px !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
}

@media (max-width: 480px) {
  .sec-lien-he .cta-banner-text h2,
  .sec-cta .cta-banner-text h2 {
    font-size: 24px !important;
  }

  .sec-lien-he .cta-banner-text p,
  .sec-cta .cta-banner-text p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}


/* =========================================================================
 * [SECTION:LIEN-HE] Section Liên Hệ (Footer Info / Nhà Bánh Thủ Công)
 * ========================================================================= */
.sec-lien-he,
section[label="sec-lien-he"],
.sec-cta + section,
#section_1132494928 {
  background: var(--color-brand-light-bg, #FFF2D9) !important;
  padding: 0 0 32px 0 !important;
  position: relative !important;
  width: 100% !important;
}

/* Đường nét đứt (------) phía trên div.container theo chuẩn mockup Figma */
.sec-lien-he .section-content,
section[label="sec-lien-he"] .section-content,
.sec-cta + section .section-content,
#section_1132494928 .section-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 24px 15px 0 15px !important;
  border-top: 1.5px dashed rgba(166, 78, 17, 0.35) !important;
  box-sizing: border-box !important;
}

.sec-lien-he .row,
section[label="sec-lien-he"] .row,
.sec-cta + section .row,
#section_1132494928 .row {
  max-width: 100% !important;
  align-items: center !important;
}

.sec-lien-he p,
section[label="sec-lien-he"] p,
.sec-cta + section p,
#section_1132494928 p {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #7A4B27 !important;
  margin: 0 !important;
}

.sec-lien-he .col:first-child p,
section[label="sec-lien-he"] .col:first-child p,
.sec-cta + section .col:first-child p,
#section_1132494928 .col:first-child p {
  text-align: left !important;
}

.sec-lien-he .col:last-child p,
section[label="sec-lien-he"] .col:last-child p,
.sec-cta + section .col:last-child p,
#section_1132494928 .col:last-child p {
  text-align: right !important;
}

@media (max-width: 768px) {
  .sec-lien-he,
  section[label="sec-lien-he"],
  .sec-cta + section,
  #section_1132494928 {
    padding-bottom: 24px !important;
  }

  .sec-lien-he .section-content,
  section[label="sec-lien-he"] .section-content,
  .sec-cta + section .section-content,
  #section_1132494928 .section-content {
    padding-top: 18px !important;
  }

  .sec-lien-he .col:first-child p,
  .sec-lien-he .col:last-child p,
  section[label="sec-lien-he"] .col:first-child p,
  section[label="sec-lien-he"] .col:last-child p,
  .sec-cta + section p,
  #section_1132494928 p {
    text-align: center !important;
    line-height: 1.6 !important;
  }

  .sec-lien-he .col:first-child,
  section[label="sec-lien-he"] .col:first-child,
  .sec-cta + section .col:first-child,
  #section_1132494928 .col:first-child {
    margin-bottom: 10px !important;
  }

  .sec-lien-he .social-icons,
  section[label="sec-lien-he"] .social-icons {
    text-align: center !important;
    justify-content: center !important;
  }
}


/* =========================================================================
 * [COMMENTS] Ẩn hoàn toàn khung bình luận mặc định trên các trang
 * ========================================================================= */
#comments,
.comments-area,
#respond {
  display: none !important;
}

/* =========================================================================
 * [FOOTER] Hiển thị Footer UX Block Thanh Xuân & Ẩn Absolute Footer mặc định
 * ========================================================================= */
#footer,
.footer-wrapper {
  background: var(--color-brand-light-bg, #FFF2D9) !important;
  border-top: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.absolute-footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================================
 * [BSWF-MODAL] Tùy chỉnh Modal Chọn Nhân & Stepper Buttons
 * ========================================================================= */
.bswf-modal .close,
.bswf-modal .bswf-modal-close {
  width: 32px !important;
  height: 32px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 28px !important;
}

.bswf-modal .fill-item,
.bswf-modal .bswf-row {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  border: 1px solid #EAD8BC !important;
  background: #FFFDF7 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

.bswf-modal .fill-qty,
.bswf-modal .bswf-qty {
  display: grid !important;
  grid-template-columns: 28px 28px 28px !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

.bswf-modal .fill-qty button,
.bswf-modal .bswf-qty button {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 1 !important;
  border: 1px solid #DEC49F !important;
  border-radius: 8px !important;
  background: #FFF8E9 !important;
  color: #6B3A18 !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-transform: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  transition: background .15s ease, color .15s ease !important;
}

.bswf-modal .fill-qty button:hover:not(:disabled),
.bswf-modal .bswf-qty button:hover:not(:disabled) {
  background: #F9E9CB !important;
  color: #C96825 !important;
}

.bswf-modal .fill-qty button:disabled,
.bswf-modal .bswf-qty button:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
  background: #FFF8E9 !important;
  color: #6B3A18 !important;
}

.bswf-modal .fill-qty b,
.bswf-modal .bswf-qty b {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 26px !important;
  border: 1px solid #E6D0AF !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #633B20 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}