/* =============================================================================
   LABEL DES SENS — Layout / Design v2  (Provence lavender, tham khảo panier)
   Chỉ visual. Đổi cả bảng màu ở khối :root.
   ========================================================================== */

:root{
  /* ----- BẢNG MÀU: LAVENDER chủ đạo, olive điểm nhấn ----- */
  --lds-primary:      #8877A6;   /* LAVENDER / tím — chủ đạo */
  --lds-primary-dark: #6E5E8C;   /* tím đậm — hover */
  --lds-accent:       #7C8363;   /* OLIVE — điểm nhấn phụ */

  --lds-bg:      #FAF7F1;        /* nền kem */
  --lds-bg-alt:  #F1ECE1;        /* kem đậm */
  --lds-card:    #FFFFFF;
  --lds-ink:     #3B3A34;        /* chữ chính */
  --lds-muted:   #8A857A;
  --lds-line:    #E6DFD2;
  --lds-gold:    #A9814F;        /* giá */

  --lds-serif: "Cormorant Garamond", Georgia, serif;
  --lds-sans:  "Jost", -apple-system, "Segoe UI", Roboto, sans-serif;
  --lds-radius: 4px;
}

/* ------------------------------------------------------------ NỀN & CHỮ */
body{
  background: var(--lds-bg);
  font-family: var(--lds-sans);
  color: var(--lds-ink);
  font-size: 16px; line-height: 1.7; font-weight: 400; letter-spacing: .1px;
}
p{ color: var(--lds-ink); }
h1,h2,h3,h4,h5,h6,.heading-font{
  font-family: var(--lds-sans); color: var(--lds-ink);
  font-weight: 500; letter-spacing: .3px; line-height: 1.25;
}
h1{ font-size: 2.6rem; font-weight: 400; }
h2{ font-size: 2.05rem; font-weight: 400; }
h3{ font-size: 1.45rem; }

/* ------------------------------------------------ HERO SLIDER: chỉ để ảnh, bỏ chữ */
/* Chỉ banner trong slider mới có .has-slide-effect -> an toàn, không đụng banner thường */
.banner.has-slide-effect .text-box,
.banner.has-slide-effect .banner-layers,
.ux-slider .text-box{ display: none !important; }

/* ------------------------------------------------ CONTAINER RỘNG (full trang) */
/* Flatsome mặc định ~1080px -> mở rộng để nội dung rộng, thoáng như panier */
.container,
.header-inner,
.row{ max-width: 1600px !important; }
/* Lưới sản phẩm + các khối rộng gần mép */
.container .row.large-columns-4,
.container .row.large-columns-3{ max-width: 1680px !important; }
/* Nội dung trang / bài / sản phẩm đơn cũng rộng ra */
.single-product .product-main.container,
.page-wrapper .container,
#content .container{ max-width: 1600px !important; }

/* ------------------------------------------------------------ THANH TRÊN */
#top-bar, .header-top{ background: var(--lds-primary) !important; color:#fff; }
#top-bar a, .header-top a, .header-top *{ color:#fff !important; }
.header-top{ font-size:.78rem; letter-spacing:1.2px; text-transform:uppercase; font-weight:500; }

/* -------------------------------------------------------------- HEADER */
.header-main{ background: var(--lds-bg); }
.header-bg-color, .header-wrapper{ background-color: var(--lds-bg) !important; }
.stuck .header-main{ background: var(--lds-bg) !important; box-shadow:0 2px 18px rgba(59,58,52,.07); }
/* MENU chính (header-bottom-nav) — kiểu panier: chữ to, đậm, title-case, giãn đều */
.header-bottom-nav > li > a.nav-top-link,
.header-bottom-nav > li > a,
ul.header-nav > li > a.nav-top-link{
  font-family: var(--lds-sans) !important;
  font-size: 15.5px !important;
  letter-spacing: .3px !important;
  font-weight: 500 !important;
  text-transform: none !important;      /* Title case như panier */
  color: #2b2d33 !important;            /* đậm, navy charcoal */
  padding-left: 20px !important; padding-right: 20px !important;
}
.header-bottom-nav > li > a:hover{ color: var(--lds-primary) !important; }
.header-bottom-nav > li > a .icon-angle-down{ font-size: .7em; opacity:.65; margin-left: 4px; }
.nav-line-bottom > li > a:before, .header-nav > li > a:before{ background: var(--lds-primary) !important; }
/* CĂN GIỮA menu dưới logo + giảm khoảng cách item (bỏ nav-spacing-xlarge) */
#wide-nav .flex-row{ justify-content: center !important; }
/* flex-left của Flatsome có margin-right:auto đẩy trái -> center lại */
#wide-nav .flex-col.flex-left{ margin-left: auto !important; margin-right: auto !important; flex: 0 0 auto !important; }
#wide-nav .flex-col.flex-right{ display: none !important; }   /* cột nav phải rỗng */
ul.header-bottom-nav.nav-left{
  display: flex !important; justify-content: center !important; flex-wrap: wrap;
}
ul.header-bottom-nav > li{ margin: 0 !important; float: none !important; }
.header-bottom-nav > li > a{ padding-left: 15px !important; padding-right: 15px !important; }
.header .cart-icon strong{ border-color: var(--lds-primary); color: var(--lds-primary); }
.header .cart-icon:hover strong{ background: var(--lds-primary); color:#fff; }
.nav-dropdown{ border-top-color: var(--lds-primary) !important; }

/* ================================================================
   TIÊU ĐỀ DANH MỤC  (chính là các "dải tím" trước đây)
   Đó là <a class="button is-underline expand"> — biến thành tiêu đề
   thanh lịch: chữ serif, có gạch nhỏ ở giữa, KHÔNG còn khối đặc.
   ================================================================ */
.button.is-underline.expand,
.button.is-underline.is-xlarge{
  display:block; width:100%;
  background: transparent !important;
  border: 0 !important;
  color: var(--lds-ink) !important;
  font-family: var(--lds-serif) !important;
  font-size: 2rem !important;
  font-weight: 500 !important;
  letter-spacing: .5px !important;
  text-transform: none !important;
  text-align: center;
  padding: .2em 0 .5em !important;
  box-shadow: none !important;
  position: relative;
}
.button.is-underline.expand:hover,
.button.is-underline.is-xlarge:hover{
  background: transparent !important; color: var(--lds-primary) !important; transform:none;
}
/* gạch trang trí nhỏ ở dưới tiêu đề */
.button.is-underline.expand:after,
.button.is-underline.is-xlarge:after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:54px; height:2px; background: var(--lds-primary);
}
.button.is-underline .icon-gift,
.button.is-underline [class^="icon-"]{ display:none; }  /* bỏ icon quà cho sạch */

/* Section title chuẩn của Flatsome (nếu có) */
.section-title span, .section-title b{ border:0 !important; }
.section-title-normal span{ font-family: var(--lds-serif); font-size:2rem; font-weight:500; letter-spacing:.5px; }

/* ===================================================================== NÚT */
/* Nút CTA THẬT (đặc màu). KHÔNG áp cho .is-underline (đã là tiêu đề). */
.button{
  font-family: var(--lds-sans); letter-spacing:.6px; font-weight:500;
  border-radius: var(--lds-radius); text-transform:none; transition: all .25s ease;
}
.button.primary:not(.is-underline),
.add_to_cart_button, .single_add_to_cart_button, .button.checkout,
.button.wc-forward, #place_order, button.alt, .checkout-button,
.wc-proceed-to-checkout .button{
  background: var(--lds-primary) !important; border-color: var(--lds-primary) !important;
  color:#fff !important; border-bottom-width:1px !important;
  padding-left:1.5em; padding-right:1.5em;
}
.button.primary:not(.is-underline):hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover, .button.checkout:hover,
#place_order:hover, button.alt:hover, .checkout-button:hover{
  background: var(--lds-primary-dark) !important; border-color: var(--lds-primary-dark) !important;
  color:#fff !important; transform: translateY(-1px); box-shadow:0 6px 16px rgba(136,119,166,.28);
}
/* nút phụ (ghost) — viền tím, chữ tím, không phải tiêu đề */
.button.secondary{ background: var(--lds-accent) !important; border-color: var(--lds-accent) !important; color:#fff !important; }

/* -------------------------------------------------------- LINK & GIÁ */
a{ color: var(--lds-primary); }
a:hover{ color: var(--lds-primary-dark); }
.price .woocommerce-Price-amount.amount,
.product .price .woocommerce-Price-amount,
.product-small .price .woocommerce-Price-amount,
span.price ins .woocommerce-Price-amount,
.summary .price .woocommerce-Price-amount{ color: var(--lds-gold) !important; font-weight:600; }
.price del .woocommerce-Price-amount{ color: var(--lds-muted) !important; font-weight:400; }

/* ============================================================ THẺ SẢN PHẨM */
/* Card cân đối kiểu boutique: nền trắng, ảnh vuông đều, thông tin gọn */
.product-small.box{
  background: var(--lds-card);
  border: 1px solid var(--lds-line);
  border-radius: var(--lds-radius);
  overflow: hidden;
  transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.product-small.box.has-hover:hover{
  box-shadow:0 14px 34px rgba(59,58,52,.12); transform: translateY(-5px);
  border-color: var(--lds-primary);
}
.product-small .box-image{
  border-radius: var(--lds-radius) var(--lds-radius) 0 0; background:#fff; margin:0;
}
.product-small .box-image img{
  aspect-ratio: 1/1 !important; width:100% !important; height:auto !important;
  object-fit: contain !important; padding: 6px;   /* ít viền -> sản phẩm TO hơn */
}
/* Sao đánh giá trên thẻ sản phẩm — nổi bật, vàng, căn giữa */
.product-small .star-rating{
  display:block; margin:.25em auto .1em; float:none; width:5.4em; font-size:.95em;
}
.product-small .star-rating:before{ color:#dcd3c4 !important; }   /* nền sao xám nhạt */
.product-small .star-rating span:before{ color: var(--lds-gold) !important; }  /* sao vàng */
.product-small .box-text{ padding: .9em 1em 1.2em; text-align:center; }
.product-small .category, .product-small .box-text .is-smaller{
  color: var(--lds-muted); font-size:.66rem; letter-spacing:1.4px; text-transform:uppercase;
}
.product-small .name.product-title a{
  font-family: var(--lds-sans); color: var(--lds-ink);
  font-size:.98rem; font-weight:500; letter-spacing:.2px;
}
.product-small .name.product-title a:hover{ color: var(--lds-primary); }
.product-small .price{ margin-top:.35em; font-size:1.02rem; }
.product-small .add_to_cart_button{ margin-top:.7em; font-size:.72rem; letter-spacing:.5px; }
.star-rating:before, .star-rating span:before{ color: var(--lds-gold) !important; }
.badge-inner{ background: var(--lds-accent); color:#fff; border-radius: var(--lds-radius); font-weight:500; letter-spacing:.5px; }
.badge.on-sale .badge-inner{ background: var(--lds-gold); }

/* Khoảng cách giữa các cột sản phẩm đều & thoáng hơn */
.row.large-columns-4 > .col,
.row.large-columns-3 > .col{ padding-bottom: 2.2em; }

/* ---- CARD SẢN PHẨM BẰNG NHAU (đáy thẳng hàng, nút luôn cuối) ---- */
/* Ép cột trong lưới sản phẩm co giãn bằng nhau, không phụ thuộc :has() */
.row.large-columns-3, .row.large-columns-4,
.products.row, ul.products{ align-items: stretch; }
.row.large-columns-3 > .col,
.row.large-columns-4 > .col,
.products.row > .product,
ul.products > .product{ display: flex; }
.row.large-columns-3 > .col > .col-inner,
.row.large-columns-4 > .col > .col-inner{ display: flex; width: 100%; }
.product-small.box{
  width: 100%;
  height: 100%;
  display: flex; flex-direction: column;
}
.product-small .box-image{ flex: 0 0 auto; }
.product-small .box-text{
  flex: 1 1 auto; display: flex; flex-direction: column;
}
/* Vùng (danh mục + tên) xếp DỌC, chừa chỗ cố định -> giá & nút thẳng hàng */
.product-small .box-text .title-wrapper{
  display: flex; flex-direction: column; justify-content: flex-start;
  min-height: 5em;            /* đủ cho nhãn danh mục + tên 2 dòng */
  margin-bottom: .2em;
}
.product-small .box-text .category{
  display: block; white-space: normal; overflow: visible;
  margin-bottom: .3em; order: -1;   /* danh mục luôn nằm TRÊN tên */
}
.product-small .name.product-title{
  display: block; line-height: 1.3; margin: 0;
}
/* Giá đẩy xuống, nút nằm cuối card -> mọi card có nút thẳng hàng */
.product-small .price{ margin-top: auto; padding-top: .3em; }
.product-small .add_to_cart_button,
.product-small .button{ margin-top: .6em; margin-bottom: 0; align-self: center; }

/* ============================================ TRANG SẢN PHẨM ĐƠN (đẹp kiểu panier) */
.single-product .product-main{ padding-top: 1.5em; }
/* Breadcrumb nhỏ, nhạt */
.single-product .breadcrumbs, .woocommerce-breadcrumb{
  font-size:.76rem; letter-spacing:.6px; text-transform:uppercase; color: var(--lds-muted); margin-bottom:1.4em;
}
.single-product .woocommerce-breadcrumb a{ color: var(--lds-muted); }
.single-product .woocommerce-breadcrumb a:hover{ color: var(--lds-primary); }
/* Tên sản phẩm — serif thanh, cỡ vừa (không quá to) */
.single-product .product_title, .product-title.entry-title{
  font-family: var(--lds-serif) !important; font-size: 2rem !important; font-weight: 500;
  letter-spacing: .3px; line-height: 1.2; margin-bottom: .35em;
}
/* Sao đánh giá + số opinii dưới tên */
.single-product .summary .star-rating{ display:inline-block; vertical-align:middle; margin: 0 .5em .8em 0; }
.single-product .summary .woocommerce-review-link{ color: var(--lds-muted); font-size:.85rem; }
/* Giá to, rõ */
.single-product .summary .price,
.single-product .summary .price .woocommerce-Price-amount{ font-size: 1.9rem !important; font-weight:600; }
.single-product .summary .price{ margin: .2em 0 .8em; }
/* Mô tả ngắn thoáng */
.single-product .summary .woocommerce-product-details__short-description{
  color: var(--lds-ink); line-height:1.8; margin-bottom: 1.6em; font-size: 1rem;
}
/* Ô số lượng + nút mua */
.single-product .quantity .qty{
  border:1px solid var(--lds-line) !important; border-radius: var(--lds-radius); height:48px; background:#fff;
}
.single-product .single_add_to_cart_button{
  height:48px; padding:0 2.2em !important; font-size:.85rem !important; letter-spacing:.8px;
  border-radius: var(--lds-radius) !important;
}
/* Meta (SKU, danh mục) nhạt */
.single-product .product_meta{ font-size:.82rem; color: var(--lds-muted); border-top:1px solid var(--lds-line); padding-top:1.2em; margin-top:1.5em; }
.single-product .product_meta a{ color: var(--lds-primary); }
/* Chia sẻ mạng xã hội — icon tròn TO hơn */
.single-product .social-icons{ margin-top: 1.4em; }
.single-product .social-icons a.icon,
.single-product .social-icons a{
  width: 46px !important; height: 46px !important; line-height: 46px !important;
  font-size: 19px !important; margin-right: 8px !important; opacity: 1;
  border-width: 1px !important;
}
.single-product .social-icons a:hover{ background: var(--lds-primary) !important; border-color: var(--lds-primary) !important; color:#fff !important; }
/* Gallery */
.woocommerce-product-gallery{ background:#fff; border:1px solid var(--lds-line); border-radius: var(--lds-radius); padding: 10px; }
/* Tabs mô tả */
.woocommerce-tabs .tab-panels{ background:#fff; border:1px solid var(--lds-line); border-radius: var(--lds-radius); padding:1.6em 1.8em; }
.woocommerce-tabs ul.tabs li a{ font-family: var(--lds-sans); text-transform:uppercase; letter-spacing:1px; font-size:.82rem; }
.woocommerce-tabs ul.tabs li.active a{ color: var(--lds-primary); }
.woocommerce-tabs ul.tabs li.active{ border-bottom-color: var(--lds-primary) !important; }
/* Tiêu đề "Sản phẩm liên quan" */
.related.products > h2, .up-sells > h2{
  font-family: var(--lds-serif); font-size:1.7rem; font-weight:500; text-align:center; margin-bottom:1.2em;
}

/* ============================================================ FOOTER custom (kiểu panier) */
/* Nền TÍM lavender cho đồng bộ màu chủ đạo */
:root{ --lds-footer:#8877A6; --lds-footer-dark:#6E5E8C; }
#footer{ background: var(--lds-footer) !important; }
/* Ẩn go-to-top nền lạ nếu có; giữ nút */
#footer .absolute-footer{ display:none !important; }

.lds-footer{
  background: var(--lds-footer); color:#fff;
  padding: 3.4em 20px 0;
}
.lds-footer *{ color:#fff; }

/* Wordmark giữa */
.lds-footer-brand{ text-align:center; margin-bottom: 2.8em; }
.lds-footer-logo{
  display:block; font-family: var(--lds-serif); font-weight:600;
  font-size: 2.2rem; letter-spacing: 7px;
}
.lds-footer-sub{
  display:block; font-family: var(--lds-sans); font-size:.66rem;
  letter-spacing: 5px; opacity:.8; margin-top: 5px;
}

/* Lưới 4 cột cân đối */
.lds-footer-cols{
  max-width: 1180px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px;
}
@media (max-width: 900px){ .lds-footer-cols{ grid-template-columns: repeat(2,1fr); row-gap: 40px; } }
@media (max-width: 520px){ .lds-footer-cols{ grid-template-columns: 1fr; } }

.lds-fcol h4{
  font-family: var(--lds-sans); text-transform: uppercase; letter-spacing: 1.8px;
  font-size: .82rem; font-weight: 600; color:#fff; margin: 0 0 1.2em; padding-bottom: .8em;
  position: relative;
}
.lds-fcol h4:after{
  content:""; position:absolute; left:0; bottom:0; width:30px; height:2px; background: rgba(255,255,255,.55);
}
.lds-fcol ul{ list-style: none; margin:0; padding:0; }
.lds-fcol ul li{ margin: 0 0 .7em; padding:0; border:0; }
.lds-fcol ul li a{ font-size:.92rem; opacity:.9; transition: opacity .2s, padding .2s; }
.lds-fcol ul li a:hover{ opacity:1; padding-left: 4px; }
.lds-contact li{ font-size:.9rem; opacity:.92; }

/* Social */
.lds-social{ display:flex; gap:12px; margin-top: 1.2em; }
.lds-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.4);
  display:flex; align-items:center; justify-content:center; transition: background .25s, border-color .25s;
}
.lds-social a:hover{ background:#fff; border-color:#fff; }
.lds-si{ width:17px; height:17px; background:#fff; display:block;
  -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; }
.lds-social a:hover .lds-si{ background: var(--lds-footer-dark); }
.lds-si-fb{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E"); }
.lds-si-ig{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E"); }
.lds-si-pin{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.42 7.63 11.16-.11-.95-.2-2.4.04-3.44.22-.93 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.69 0 1.03-.66 2.57-1 4-.28 1.2.6 2.18 1.79 2.18 2.15 0 3.8-2.27 3.8-5.54 0-2.9-2.08-4.92-5.05-4.92-3.44 0-5.46 2.58-5.46 5.25 0 1.04.4 2.16.9 2.76.1.12.11.23.08.35-.09.38-.29 1.2-.33 1.36-.05.22-.17.27-.4.16-1.5-.7-2.44-2.89-2.44-4.65 0-3.79 2.75-7.27 7.93-7.27 4.16 0 7.4 2.97 7.4 6.93 0 4.14-2.61 7.47-6.23 7.47-1.22 0-2.36-.63-2.75-1.38l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15C9.57 23.82 10.76 24 12 24c6.63 0 12-5.37 12-12S18.63 0 12 0z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12c0 5.08 3.16 9.42 7.63 11.16-.11-.95-.2-2.4.04-3.44.22-.93 1.4-5.96 1.4-5.96s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.69 0 1.03-.66 2.57-1 4-.28 1.2.6 2.18 1.79 2.18 2.15 0 3.8-2.27 3.8-5.54 0-2.9-2.08-4.92-5.05-4.92-3.44 0-5.46 2.58-5.46 5.25 0 1.04.4 2.16.9 2.76.1.12.11.23.08.35-.09.38-.29 1.2-.33 1.36-.05.22-.17.27-.4.16-1.5-.7-2.44-2.89-2.44-4.65 0-3.79 2.75-7.27 7.93-7.27 4.16 0 7.4 2.97 7.4 6.93 0 4.14-2.61 7.47-6.23 7.47-1.22 0-2.36-.63-2.75-1.38l-.75 2.85c-.27 1.04-1 2.35-1.49 3.15C9.57 23.82 10.76 24 12 24c6.63 0 12-5.37 12-12S18.63 0 12 0z'/%3E%3C/svg%3E"); }

/* Payment — thẻ trắng chứa logo thương hiệu (SVG màu) */
.lds-pay{ display:flex; flex-wrap:wrap; gap:8px; }
.lds-pc{
  background:#fff; border-radius:5px; height:30px; min-width:46px;
  display:inline-flex; align-items:center; justify-content:center; padding:0 8px;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.lds-pc svg{ height:16px; width:auto; display:block; }
.lds-pc-mastercard svg{ height:20px; }
.lds-pay-note{ font-size:.8rem; opacity:.85; margin-top:1.1em; line-height:1.6; }

/* Newsletter form trong footer */
.lds-news-text{ font-size:.9rem; opacity:.92; line-height:1.65; margin:0 0 1.1em; }
.lds-news-text strong{ color:#fff; }
.lds-news-form{ display:flex; max-width:320px; margin-bottom:1.4em; }
.lds-news-form input[type="email"]{
  flex:1 1 auto; height:44px; border:0; border-radius:4px 0 0 4px;
  padding:0 14px; font-size:.9rem; color: var(--lds-ink); background:#fff; margin:0;
}
.lds-news-form input[type="email"]:focus{ outline:2px solid rgba(255,255,255,.5); outline-offset:-2px; }
.lds-news-form button{
  height:44px; border:0; border-radius:0 4px 4px 0; cursor:pointer;
  background: var(--lds-footer-dark); color:#fff !important; font-family: var(--lds-sans);
  font-size:.8rem; font-weight:600; letter-spacing:.5px; padding:0 18px; transition: background .2s;
}
.lds-news-form button:hover{ background:#5a4d78; }

/* Bottom copyright */
.lds-footer-bottom{
  max-width:1180px; margin: 2.8em auto 0; padding: 1.4em 0 1.6em;
  border-top: 1px solid rgba(255,255,255,.22); text-align:center;
  font-size:.82rem; opacity:.85;
}

/* =============================================================== HEADER (gọn, đẹp) */
/* Ô tìm kiếm mảnh, bo nhẹ, viền dịu thay vì pill to */
.header .ux-search-box.relative,
.header form.searchform{ max-width: 260px; }
.header .searchform input.search-field,
.header input[type="search"]{
  background:#fff !important; border:1px solid var(--lds-line) !important;
  border-radius: 22px !important; height:40px; padding:0 44px 0 18px !important;
  font-size:.85rem; color:var(--lds-ink); box-shadow:none !important;
}
.header .searchform input.search-field:focus{ border-color: var(--lds-primary) !important; }
.header .searchform .ux-search-submit,
.header .searchform button[type="submit"]{ color: var(--lds-primary) !important; }
/* Icon tài khoản / giỏ hàng — rõ, cùng tông */
.header .header-button .icon .fa,
.header .account-login .image-icon,
.header .off-canvas-toggle .fa,
.header li.account-item a,
.header .icon-shopping-basket{ color: var(--lds-ink) !important; }
.header .header-button a:hover .fa,
.header li.account-item a:hover{ color: var(--lds-primary) !important; }
.header .cart-icon strong:after{ border-color: var(--lds-primary) !important; }

/* ---------------------------------------------------------- CHI TIẾT NHỎ */
hr, .is-divider{ background: var(--lds-line); }
::selection{ background: var(--lds-accent); color:#fff; }
input:focus, textarea:focus, select:focus{ border-color: var(--lds-primary) !important; }
.woocommerce-message, .woocommerce-info{ border-top-color: var(--lds-primary) !important; }
.woocommerce-message:before, .woocommerce-info:before{ color: var(--lds-primary) !important; }

/* Khoảng cách section đều đặn, thoáng */
.section-content{ padding-top: 1em; padding-bottom: 1em; }

/* =====================================================================
   Ô DANH MỤC (category cards) — ảnh lớn, overlay chữ, hover zoom
   ===================================================================== */
.lds-cats{
  max-width: 1680px; margin: 3.2em auto 1em; padding: 0 15px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
}
@media (max-width: 850px){ .lds-cats{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px){ .lds-cats{ grid-template-columns: 1fr; } }
.lds-cat{
  position: relative; display: block; aspect-ratio: 3/4;
  border-radius: 6px; overflow: hidden;
  background-size: cover; background-position: center;
  box-shadow: 0 8px 24px rgba(59,58,52,.10);
}
.lds-cat:before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(59,58,52,0) 38%, rgba(48,42,62,.72) 100%);
  transition: background .35s ease;
}
.lds-cat:hover{ background-size: 108%; }
.lds-cat:hover:before{ background: linear-gradient(180deg, rgba(90,78,116,.15) 20%, rgba(48,42,62,.82) 100%); }
.lds-cat-in{
  position: absolute; left: 0; right: 0; bottom: 22px; z-index: 2;
  text-align: center; color: #fff; padding: 0 12px;
}
.lds-cat-in em{
  display: block; font-family: var(--lds-sans); font-style: normal;
  font-size: .7rem; letter-spacing: 2px; text-transform: uppercase;
  opacity: .9; margin-bottom: 4px;
}
.lds-cat-in b{
  font-family: var(--lds-serif); font-weight: 600;
  font-size: 1.7rem; letter-spacing: .5px; color:#fff;
}
.lds-cat-in:after{
  content:""; display:block; width:34px; height:2px; background:#fff;
  margin: 10px auto 0; opacity:.85; transition: width .3s ease;
}
.lds-cat:hover .lds-cat-in:after{ width: 54px; }

/* =====================================================================
   HÀNG CAM KẾT (commitments) — 4 icon
   ===================================================================== */
.lds-commit{
  max-width: 1280px; margin: 2.6em auto 3em; padding: 1.6em 15px;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;
  border-top: 1px solid var(--lds-line); border-bottom: 1px solid var(--lds-line);
}
@media (max-width: 850px){ .lds-commit{ grid-template-columns: repeat(2,1fr); row-gap: 26px; } }
@media (max-width: 480px){ .lds-commit{ grid-template-columns: 1fr; } }
.lds-commit-item{ text-align: center; padding: 0 6px; }
.lds-commit-item .lds-ico{
  display: inline-block; width: 34px; height: 34px; margin-bottom: 10px;
  background: var(--lds-primary);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}
.lds-commit-item b{
  display: block; font-family: var(--lds-sans); font-weight: 600;
  font-size: .92rem; letter-spacing: .3px; color: var(--lds-ink); margin-bottom: 2px;
}
.lds-commit-item span{ font-size: .8rem; color: var(--lds-muted); }

/* Icons (SVG data-URI, tô màu bằng mask -> theo màu primary) */
.lds-ico-leaf{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6'/%3E%3C/svg%3E"); }
.lds-ico-hand{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E"); }
.lds-ico-truck{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E"); }
.lds-ico-heart{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }