/* Giao diện mới: ngà · than · đồng, logo Canva, ảnh thật làm nền. Nạp sau style.css. */
:root{
  --ink:#1c1b19; --ink2:#242321; --stone:#34322f; --gray:#6f6a60; --line:#ddd5c7;
  --mist:#ebe5da; --white:#f4f0e8; --bronze:#b58a5c; --bronze2:#d9b07f; --radius:2px;
  --font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body{background:var(--white);color:var(--ink);font-family:var(--font)}
h1,h2,h3{font-weight:600}
.eyebrow{color:var(--bronze);letter-spacing:.3em}
.hero .eyebrow,.dark .eyebrow{color:var(--bronze2)}

/* nút */
.btn{border-radius:0;letter-spacing:.04em;padding:15px 28px}
.btn-light{background:var(--bronze);color:#fff} .btn-light:hover{background:var(--bronze2);color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff} .btn-dark:hover{background:var(--bronze)}
.btn-ghost{border-color:rgba(244,240,232,.55);color:#f4f0e8} .btn-ghost:hover{background:#f4f0e8;color:var(--ink)}

/* header */
.site-header{background:rgba(28,27,25,.9);border-bottom:1px solid rgba(217,176,127,.25)}
.header-in{height:78px}
.logo{gap:12px}
.logo-img{height:50px;width:auto;display:block}
.logo-text strong{font-size:1.1rem;letter-spacing:.16em;color:#f4f0e8}
.logo-text em{color:var(--bronze2);letter-spacing:.55em}
.nav a{font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:#d8d0c2}
.nav a:hover{color:var(--bronze2)}
.nav .nav-cta{color:#fff;text-transform:none;letter-spacing:.04em}

/* hero: ảnh thật toàn màn hình */
.hero{background:#111;min-height:min(92vh,820px);display:flex;align-items:center}
.hero-bg{background:
  linear-gradient(90deg,rgba(14,13,12,.92) 0%,rgba(14,13,12,.7) 45%,rgba(14,13,12,.2) 100%),
  url("../images/hero.jpg") center/cover no-repeat}
.hero-bg::after{display:none}
.hero-in{padding:clamp(70px,10vw,120px) 0;max-width:760px}
.hero h1{font-size:clamp(2.1rem,5vw,3.9rem);font-weight:600;line-height:1.08;letter-spacing:.005em}
.hero h1::after{content:"";display:block;width:70px;height:3px;background:var(--bronze);margin-top:22px}
.lead{color:#e4dccd}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.hero-chips span{border:1px solid rgba(217,176,127,.6);padding:7px 16px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#e9dfcf;background:rgba(28,27,25,.35)}

/* khối */
.section{padding:clamp(70px,9vw,128px) 0}
.section.alt{background:var(--mist)}
.section.dark{background:var(--ink);color:#f4f0e8}
.sec-head{position:relative;padding-top:20px}
.sec-head::before{content:"";position:absolute;top:0;left:0;width:54px;height:3px;background:var(--bronze)}
.sec-head h2,.section h2{font-weight:600}
.sec-head p{color:var(--gray)}
.note{border-left-color:var(--bronze)}

/* nền ảnh cho khối tối */
#nang-luc{background:
  linear-gradient(180deg,rgba(28,27,25,.93),rgba(28,27,25,.88)),url("../images/catalogue-moi/kho-1.jpg") center/cover fixed}
#lien-he{background:
  linear-gradient(180deg,rgba(28,27,25,.95),rgba(28,27,25,.92)),url("../images/catalogue-moi/bd-2.jpg") center/cover fixed}
.ticks li{border-color:rgba(217,176,127,.25)}
.ticks li::before{border-color:var(--bronze2)}

/* thẻ sản phẩm */
.card{border:1px solid var(--line);background:#fbf8f2;border-radius:0}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,27,25,.18);border-color:var(--bronze)}
.card h3{font-weight:600}
.card-body p{color:var(--gray)}

/* thư viện */
.g-tab{border-radius:0;border-color:var(--ink)}
.g-tab.on,.g-tab:hover{background:var(--ink);color:#f4f0e8;border-color:var(--ink)}
.g-item{border-radius:0}

/* chân trang */
.site-footer{background:#141311;color:#b9b1a3}
.site-footer a{color:var(--bronze2)}
.foot-logo{height:54px;width:auto;opacity:.95}

/* biểu mẫu */
input,select,textarea{border-radius:0}
@media(max-width:860px){.header-in{height:68px}.logo-img{height:42px}.nav{background:var(--ink)}.hero{min-height:0}
  .hero-bg{background:linear-gradient(180deg,rgba(14,13,12,.82),rgba(14,13,12,.7)),url("../images/hero.jpg") center/cover no-repeat}
  #nang-luc,#lien-he{background-attachment:scroll}}

/* nút liên hệ nhanh */
.float-cta{position:fixed;right:14px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px}
.float-cta a{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.float-cta svg{width:22px;height:22px}
.fc-zalo{background:#0068ff}.fc-call{background:var(--bronze)}
.float-cta a:hover{filter:brightness(1.1)}
@media(max-width:560px){.float-cta{flex-direction:row;left:12px;right:12px;bottom:12px}.float-cta a{flex:1;justify-content:center;border-radius:6px}}
@media(max-width:560px){body{padding-bottom:70px}}
.foot-in{align-items:center}