/* ===== Cỏ Organic – tinh chỉnh "sang hơn, gọn hơn" trên nền botanical.css =====
   Giữ màu, font, mép lượn sóng; bỏ bớt họa tiết, nhấn mạnh khoảng trắng và đường nét mảnh. */
:root{--gold:#C9A45C;--line:#e7dfcf}

/* nền phẳng, bỏ vân giấy */
body{background:var(--paper)}
.header{background:rgba(247,244,236,.96);box-shadow:none;border-bottom:1px solid var(--line)}
.header-in{height:86px}

/* thanh ưu đãi: một màu, gọn */
.deal-bar{background:#2f4720;color:#efe7d2;font-size:.76rem;letter-spacing:.03em;padding:8px 16px}
.deal-tag{background:none;border:1px solid rgba(233,199,122,.7);color:#e9c77a;font-weight:600}
.deal-sep{opacity:.4}

/* nút: chữ giãn, bo nhẹ */
.btn{border-radius:4px;letter-spacing:.08em;font-weight:600;padding:.85em 1.8em}
.btn-sm{padding:.65em 1.2em}

/* dải cam kết: bỏ hình lá trắng */
.usp{background:var(--green)}
.usp-in{padding:24px 16px}
.usp-ic{border:1px solid rgba(233,199,122,.45);background:none}
.usp-ic svg{color:#e9c77a}
.usp-item b{font-weight:500;letter-spacing:.1em}

/* họa tiết: chỉ giữ 2 điểm nhấn, mờ, đứng yên */
#san-pham::before,#chinh-sach::after,.faq:not(#chinh-sach)::after{display:none}
#san-pham::after{opacity:.16}
.about::after{opacity:.2}
#san-pham::before,#san-pham::after,.about::after,.faq::after{animation:none!important}

/* tiêu đề section */
.section{padding:88px 0}
.sec-head{margin-bottom:40px}
.sec-kicker{font-size:1.3rem}
.sec-title{letter-spacing:.005em}
.leaf{width:110px;height:24px;margin-top:14px;opacity:.75}

/* danh mục */
.chips{gap:10px;margin-bottom:36px}
.chip{border:1px solid var(--line);font-weight:500;padding:.5em 1.25em}

/* thẻ sản phẩm: phẳng, viền mảnh */
.grid{gap:36px 32px}
.card{border:1px solid var(--line);border-radius:16px;box-shadow:none}
.card:hover{box-shadow:0 18px 40px -26px rgba(70,55,25,.45);transform:translateY(-2px)}
.card-img{background:#fff;margin:0;border-radius:15px 15px 0 0;border-bottom:1px solid #f0eadd}
.card-img[data-off]::before{background:#fff;color:var(--cinnamon);border:1px solid #e3d2b4;font-weight:600;font-size:.66rem;letter-spacing:.02em;top:12px;left:12px}
.card-body{padding:18px 18px 22px}
.card-body h3{font-size:1.1rem;font-weight:600}
.card-desc{line-height:1.6}
.price{border-top:1px solid var(--line);padding-top:12px;font-size:1.12rem}
.old-price{color:#a39d90}
.variant{border-radius:6px;border:1px solid var(--line)}
.card-more{background:rgba(53,80,36,.9);letter-spacing:.04em}

/* câu chuyện + 4 trụ cột */
.story{margin-bottom:56px}
.pillars{gap:24px}
.pillar{background:#fffdf8;border:1px solid #e4dac6;border-radius:16px;padding:30px 22px 26px}
.pillar img{width:52px;height:52px;margin:0 auto 18px}
.pillar h3{font-size:.95rem;letter-spacing:.06em;padding-bottom:12px}
.pillar h3::after{width:28px;height:1px;background:var(--gold)}

/* chính sách + FAQ: thẻ trắng viền mảnh */
.faq details{border:1px solid var(--line);border-radius:12px;padding:16px 22px;margin-bottom:12px}
.faq details[open]{border-color:#d9c9a6}
.faq summary::after{color:var(--gold);font-weight:300}

/* nút liên hệ nổi: bỏ hiệu ứng nhấp nháy */
.fc-call{animation:none}

/* ===== chân trang: gọn, sang ===== */
.faq:not(#chinh-sach){padding-bottom:130px}
.footer{background:linear-gradient(180deg,#34502a 0%,#2a431f 100%);padding:40px 0 30px;color:#e9e1cc}
.f-meadow{top:-88px;height:90px;background-size:auto 90px;opacity:.95}
.f-brand{gap:40px;padding:14px 16px 40px;margin-bottom:44px;border-bottom:1px solid rgba(243,234,210,.14)}
.f-brand img{width:128px}
.f-slogan{font-size:1.75rem;margin-bottom:8px}
.f-story{font-size:.9rem;color:rgba(243,234,210,.75);max-width:600px}
.footer-in{gap:40px}
.f-title{font-family:Montserrat,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e9c77a;margin-bottom:18px}
.f-leaf{display:none}
.f-links{gap:10px}
.f-links a{font-size:.88rem;opacity:.85}
.soc{display:inline-flex;align-items:center;gap:10px}
.soc svg{width:28px;height:28px;padding:6px;background:none;border:1px solid rgba(243,234,210,.35)}
.contact-links .btn{border-radius:999px;font-size:.7rem;letter-spacing:.1em;padding:.7em 1.3em}
.f-bottom{margin-top:44px;padding-top:24px;border-top:1px solid rgba(243,234,210,.14)}
.f-divider{display:none}
.footer .disclaimer{opacity:.6;font-size:.78rem}
.footer .copyright{opacity:.5;font-size:.76rem;letter-spacing:.06em}

@media (max-width:860px){
  .header-in{height:68px}
  .section{padding:64px 0}
  .faq:not(#chinh-sach){padding-bottom:96px}
  .f-meadow{top:-62px;height:64px;background-size:auto 64px}
  .footer{padding-top:28px}
}
@media (max-width:700px){.deal-bar .deal-tag{display:none}}
@media (max-width:560px){
  .grid{gap:14px}
  .card{border-radius:12px}
  .card-img{border-radius:11px 11px 0 0}
  .card-body{padding:12px 10px 16px}
  .pillar{padding:22px 14px 18px}
  .faq details{padding:14px 16px}
}
@media (max-width:560px){
  .card-foot .price{white-space:nowrap;font-size:1rem;line-height:1.35}
  .card .old-price{display:block;margin:0 0 2px;font-size:.78rem}
  .pillars{grid-template-columns:1fr;gap:14px}
  .pillar{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;text-align:left;align-items:start}
  .pillar img{width:40px;height:40px;margin:2px 0 0;grid-row:span 2}
  .pillar h3{padding-bottom:6px;margin-bottom:4px}
  .pillar h3::after{left:0;transform:none}
}

/* chân trang: bỏ đồng cỏ, thay bằng mép sóng mềm */
.f-meadow{top:-59px!important;height:60px!important;opacity:1!important;background:#34502a!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V34C160 8 330 2 520 20s390 34 580 20S1340 10 1440 26v34z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V34C160 8 330 2 520 20s390 34 580 20S1340 10 1440 26v34z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.faq:not(#chinh-sach){padding-bottom:120px}
@media (max-width:860px){.f-meadow{top:-35px!important;height:36px!important}.faq:not(#chinh-sach){padding-bottom:84px}}