:root{
    --blue:#0878B9;
    --blue-deep:#0B4F7C;
    --blue-bright:#23A9E1;
    --bg-tint:#EDF7FC;
    --white:#FFFFFF;
    --silver:#D8E6EE;
    --ink:#16384F;
    --ink-soft:#51728A;
    --red:#ED1C24;
    --radius-card:16px;
    --radius-md:12px;
    --radius-sm:8px;
    --shadow-sm:0 2px 10px rgba(11,79,124,.07);
    --shadow-card:0 16px 36px -18px rgba(11,79,124,.28);
    --shadow-hover:0 22px 44px -16px rgba(11,79,124,.34);
    --maxw:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{max-width:100%;overflow-x:hidden;}
  body{
    margin:0;background:var(--white);color:var(--ink);
    font-family:'Be Vietnam Pro',sans-serif;font-size:16px;line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{margin:0;color:var(--ink);font-weight:700;letter-spacing:-.01em;}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ul{margin:0;padding:0;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  :focus-visible{outline:2px solid var(--blue);outline-offset:2px;}

  /* ---------- Utility bar (header phụ - xanh đậm) ---------- */
  .util-bar{background:var(--blue-deep);}
  .util-row{
    max-width:var(--maxw);margin:0 auto;padding:9px 28px;
    display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#CFE6F3;
    gap:16px;
  }
  .util-left{display:flex;gap:22px;flex-wrap:wrap;}
  .util-left a{color:#DCEEF8;}
  .util-left a:hover{color:#fff;}
  .util-right a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;}
  .util-right svg{width:14px;height:14px;}

  /* ---------- Header ---------- */
  header.site{background:var(--white);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--silver), var(--shadow-sm);}
  .nav-row{display:flex;align-items:center;justify-content:space-between;padding:7px 28px;max-width:var(--maxw);margin:0 auto;gap:24px;}
  .brand{display:flex;align-items:center;gap:10px;}
  .brand img{height:76px;width:auto;}
  nav.main-nav{display:flex;gap:6px;flex:1;justify-content:center;align-items:center;}
  nav.main-nav > a, nav.main-nav .has-dropdown > .top-link{
    color:var(--ink);font-size:14.5px;font-weight:600;
    padding:10px 15px;border-radius:var(--radius-sm);
    transition:background .18s ease, color .18s ease;
    white-space:nowrap;display:inline-flex;align-items:center;gap:5px;
    background:none;border:none;font-family:inherit;cursor:pointer;
  }
  nav.main-nav > a:hover, nav.main-nav .has-dropdown:hover > .top-link, nav.main-nav .has-dropdown > .top-link:focus-visible{
    background:var(--bg-tint);color:var(--blue-deep);
  }
  .has-dropdown{position:relative;}
  .has-dropdown .caret{width:9px;height:9px;transition:transform .15s ease;}
  .has-dropdown:hover .caret, .has-dropdown > .top-link[aria-expanded="true"] .caret{transform:rotate(180deg);}
  .dropdown{
    position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--silver);
    border-radius:var(--radius-md);box-shadow:var(--shadow-card);
    min-width:250px;padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
  .dropdown a{display:block;padding:11px 13px;border-radius:8px;font-size:14px;color:var(--ink);font-weight:500;}
  .dropdown a:hover{background:var(--bg-tint);color:var(--blue-deep);}

  .header-actions{display:flex;align-items:center;gap:14px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:12px 22px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:700;
    cursor:pointer;border:1px solid transparent;transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
    white-space:nowrap;
  }
  .btn-primary{background:var(--blue-deep);color:#fff;box-shadow:0 10px 22px -8px rgba(11,79,124,.55);}
  .btn-primary:hover{background:var(--blue-bright);box-shadow:0 12px 26px -6px rgba(35,169,225,.55);transform:translateY(-1px);}
  .btn-outline{background:var(--white);color:var(--blue-deep);border-color:var(--silver);box-shadow:var(--shadow-sm);}
  .btn-outline:hover{border-color:var(--blue-bright);color:var(--blue-bright);}
  .btn-ghost{background:transparent;color:var(--blue-deep);padding:12px 4px;font-weight:700;border-bottom:2px solid var(--blue-bright);border-radius:0;}
  .btn-ghost:hover{color:var(--blue-bright);}

  .burger{display:none;}
  #nav-toggle{display:none;}

  /* ---------- Trạng thái nút chưa có link chính thức ---------- */
  button.btn, button.util-shopee-btn, button.fab-btn, button.mcb-btn{font-family:inherit;}
  [disabled], .is-disabled{opacity:.48;cursor:not-allowed;}
  [disabled]:hover, .is-disabled:hover{background:inherit;color:inherit;border-color:inherit;transform:none;box-shadow:none;}

  /* ---------- Cụm nút liên hệ nổi (desktop) ---------- */
  .fab-cluster{
    display:none;position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:50;
    flex-direction:column;align-items:center;gap:8px;background:var(--white);
    border:1px solid var(--silver);border-radius:999px;padding:10px 8px;box-shadow:var(--shadow-card);
  }
  .fab-btn{
    width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--white);border:1px solid var(--silver);color:var(--blue-deep);cursor:pointer;
    transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
  }
  .fab-btn svg{width:19px;height:19px;}
  .fab-btn:not([disabled]):hover{background:var(--bg-tint);border-color:var(--blue-bright);color:var(--blue-bright);transform:scale(1.06);}
  .fab-btn.fab-primary{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff;}
  .fab-btn.fab-primary:hover{background:var(--blue-bright);border-color:var(--blue-bright);}
  .fab-divider{width:22px;height:1px;background:var(--silver);margin:1px 0;}
  .fab-cluster{transition:opacity .2s ease;}
  .fab-cluster.is-hidden{opacity:0;pointer-events:none;}

  /* ---------- Thanh liên hệ cố định (mobile/tablet) ---------- */
  .mobile-contact-bar{
    display:none;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--white);
    border-top:1px solid var(--silver);box-shadow:0 -8px 20px rgba(11,79,124,.12);
    padding:7px max(10px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
    gap:8px;
  }
  .mcb-btn{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:50px;border-radius:10px;font-size:11.5px;font-weight:700;color:var(--ink);
    background:transparent;border:1px solid transparent;cursor:pointer;transition:background .15s ease;
  }
  .mcb-btn svg{width:20px;height:20px;color:var(--blue-deep);}
  .mcb-btn:not([disabled]):hover, .mcb-btn:not([disabled]):focus-visible{background:var(--bg-tint);}
  .mcb-btn.mcb-primary{background:var(--blue-deep);color:#fff;}
  .mcb-btn.mcb-primary svg{color:#fff;}
  .mcb-btn.mcb-primary:hover{background:var(--blue-bright);}

  /* ---------- Carousel ngang cho mobile ---------- */
  .scroll-row{
    display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    padding:4px 2px 14px;margin:0 -2px;scrollbar-width:thin;
  }
  .scroll-row > *{scroll-snap-align:start;flex:0 0 auto;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:linear-gradient(180deg,#FFFFFF 0%, #F4FAFD 55%, var(--bg-tint) 100%);
    padding:64px 0 0;
  }
  .hero::before{
    content:"";position:absolute;top:-140px;right:-120px;width:440px;height:440px;border-radius:50%;
    background:radial-gradient(circle at 30% 30%, rgba(35,169,225,.16), rgba(35,169,225,0) 70%);
  }
  .hero-inner{
    position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
    max-width:var(--maxw);margin:0 auto;padding:0 28px 84px;
  }
  .hero h1{font-size:38px;line-height:1.28;letter-spacing:-.015em;max-width:600px;color:var(--ink);}
  .hero-eyebrow{
    display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;
    color:var(--blue-deep);background:var(--bg-tint);border:1px solid var(--silver);
    padding:6px 14px;border-radius:999px;margin-bottom:16px;
  }
  .hero p.lead{color:var(--ink-soft);font-size:16px;margin-top:20px;max-width:540px;}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;align-items:center;}
  .hero-art{display:flex;justify-content:center;position:relative;}
  .hero-art .shadow-puddle{
    position:absolute;bottom:6px;width:70%;height:34px;background:radial-gradient(ellipse, rgba(11,79,124,.22), rgba(11,79,124,0) 70%);
  }

  /* ---------- Info strip: thẻ nổi bắc cầu ---------- */
  .info-strip-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative;z-index:2;}
  .info-strip{
    background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);margin-top:-46px;padding:6px 8px;
    display:flex;flex-wrap:wrap;
  }
  .info-strip .item{flex:1 1 auto;color:var(--ink-soft);font-size:13px;padding:16px 24px;border-right:1px solid var(--silver);}
  .info-strip .item:first-child{padding-left:24px;}
  .info-strip .item:last-child{border-right:none;}
  .info-strip .item b{color:var(--ink);font-weight:700;}

  /* ---------- Section shell ---------- */
  section{padding:88px 0 76px;}
  section.alt{background:var(--bg-tint);}
  .section-head{max-width:640px;margin-bottom:44px;}
  .section-head h2{font-size:28px;line-height:1.3;}
  .section-head p{color:var(--ink-soft);margin-top:12px;font-size:15px;}

  /* ---------- Giới thiệu / pillars ---------- */
  .intro-text{max-width:760px;color:var(--ink-soft);font-size:15.5px;margin-bottom:46px;}
  .pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  .pillar{
    display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px;
    background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);
    box-shadow:var(--shadow-sm);transition:box-shadow .2s ease, transform .2s ease;
  }
  .pillar:hover{box-shadow:var(--shadow-card);transform:translateY(-3px);}
  .pillar-icon-tile{
    width:48px;height:48px;border-radius:var(--radius-md);
    background:linear-gradient(135deg,var(--bg-tint),#fff);border:1px solid var(--silver);
    display:flex;align-items:center;justify-content:center;
  }
  .pillar-icon{width:24px;height:24px;color:var(--blue-deep);}
  .pillar h3{font-size:16.5px;margin-bottom:6px;}
  .pillar p{font-size:14px;color:var(--ink-soft);}

  /* ---------- Hồ sơ pháp lý ---------- */
  .legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;}
  .legal-card{background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);padding:30px;box-shadow:var(--shadow-sm);}
  .legal-card h3{font-size:16px;margin-bottom:18px;}
  .legal-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-size:14px;}
  .legal-card dt{color:var(--ink-soft);}
  .legal-card dd{margin:0;font-weight:600;}
  .quote-card{
    background:linear-gradient(160deg,var(--blue-deep),var(--blue));color:#fff;border-radius:var(--radius-card);
    padding:30px;font-size:15px;line-height:1.75;display:flex;align-items:center;box-shadow:var(--shadow-card);
  }

  /* ---------- Quy trình đấu thầu ---------- */
  .process{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
  .process-step{
    background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);
    padding:26px 22px;box-shadow:var(--shadow-sm);position:relative;transition:box-shadow .2s ease, transform .2s ease;
  }
  .process-step:hover{box-shadow:var(--shadow-card);transform:translateY(-3px);}
  .process-step .num{
    width:38px;height:38px;border-radius:50%;background:var(--bg-tint);border:1px solid var(--silver);
    color:var(--blue-deep);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;
  }
  .process-step h3{font-size:16px;margin-bottom:8px;line-height:1.35;}
  .process-step p{font-size:13.8px;color:var(--ink-soft);line-height:1.55;}

  /* ---------- Ngành hàng ---------- */
  .industries{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .industry-card{
    background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);
    padding:22px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease, transform .2s ease;
  }
  .industry-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px);}
  .industry-photo{
    height:108px;border-radius:var(--radius-md);margin-bottom:18px;
    background:linear-gradient(135deg,var(--bg-tint) 0%, #FFFFFF 60%, var(--bg-tint) 100%);
    border:1px solid var(--silver);
    display:flex;align-items:center;justify-content:center;
  }
  .industry-icon{width:34px;height:34px;color:var(--blue-deep);}
  .industry-card h3{font-size:17px;margin-bottom:8px;}
  .industry-card p{color:var(--ink-soft);font-size:14px;line-height:1.55;min-height:63px;}
  .industry-card .link{
    display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--blue-deep);
  }
  .industry-card .link svg{width:14px;height:14px;transition:transform .18s ease;}
  .industry-card .link:hover{color:var(--blue-bright);}
  .industry-card .link:hover svg{transform:translateX(3px);}

  /* ---------- Tin tức ---------- */
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .news-card{
    background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);
    padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease, transform .2s ease;
  }
  .news-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px);}
  .news-tag{
    display:inline-block;font-size:11.5px;color:var(--blue-deep);font-weight:700;background:var(--bg-tint);
    padding:4px 10px;border-radius:999px;
  }
  .news-card h3{font-size:16.5px;margin:14px 0 10px;line-height:1.4;}
  .news-card p{font-size:13.8px;color:var(--ink-soft);}

  /* ---------- Liên hệ / báo giá ---------- */
  .contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start;}
  .form-card{background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-card);padding:34px;box-shadow:var(--shadow-card);}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:13px;font-weight:600;color:var(--ink);}
  .field input,.field select,.field textarea{
    border:1px solid var(--silver);border-radius:var(--radius-sm);padding:11px 13px;font-size:14.5px;
    font-family:inherit;background:#fff;color:var(--ink);transition:border-color .15s ease, box-shadow .15s ease;
  }
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px rgba(35,169,225,.15);}
  .field textarea{resize:vertical;min-height:96px;}
  .consent-row{display:flex;align-items:flex-start;gap:10px;margin:6px 0 18px;font-size:13.5px;color:var(--ink-soft);}
  .consent-row input{margin-top:3px;}
  .attach-note{font-size:12.5px;color:var(--ink-soft);margin-top:16px;line-height:1.6;}
  .form-foot{display:flex;align-items:center;gap:16px;margin-top:4px;flex-wrap:wrap;}
  .form-confirm{display:none;background:var(--bg-tint);border:1px solid var(--blue-bright);color:var(--blue-deep);
    padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:18px;}

  .contact-card{background:var(--bg-tint);border:1px solid var(--silver);border-radius:var(--radius-card);padding:30px;}
  .contact-card h3{font-size:16px;margin-bottom:18px;}
  .contact-list{display:flex;flex-direction:column;gap:16px;}
  .contact-list .row{display:grid;grid-template-columns:38px 1fr;gap:14px;font-size:14px;align-items:flex-start;}
  .contact-icon-tile{
    width:38px;height:38px;border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--silver);
    display:flex;align-items:center;justify-content:center;
  }
  .contact-icon-tile svg{width:18px;height:18px;color:var(--blue-deep);}
  .contact-list .row b{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:600;margin-bottom:2px;}
  .contact-list .row a{color:var(--blue-deep);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;}
  .contact-list .row a:hover, .contact-list .row a:focus-visible{color:var(--blue-bright);border-bottom-color:var(--blue-bright);}

  /* ---------- Footer ---------- */
  footer{background:var(--bg-tint);color:var(--ink-soft);padding:52px 0 0;border-top:1px solid var(--silver);}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid var(--silver);}
  .footer-grid h4{color:var(--ink);font-size:14px;margin-bottom:16px;font-weight:700;}
  .footer-grid p, .footer-grid a{font-size:13.5px;line-height:1.9;color:var(--ink-soft);}
  .footer-grid a:hover{color:var(--blue-deep);}
  .footer-grid ul{list-style:none;}
  .footer-bottom{
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
    padding:18px 28px;max-width:var(--maxw);margin:0 auto;font-size:12px;color:#7B99AC;
  }

  /* ---------- Desktop: hiện cụm nút nổi, ẩn thanh dưới ---------- */
  @media (min-width: 1024px){
    .fab-cluster{display:flex;}
  }

  /* ---------- Menu dạng hamburger từ tablet trở xuống (tránh vỡ hàng ở 768px) ---------- */
  @media (max-width: 900px){
    nav.main-nav{
      position:fixed;inset:0 0 0 auto;width:80%;max-width:320px;height:100vh;
      background:var(--white);flex-direction:column;justify-content:flex-start;align-items:stretch;
      padding:90px 24px 28px;gap:2px;transform:translateX(100%);transition:transform .25s ease;
      box-shadow:-8px 0 24px rgba(11,79,124,.18);
    }
    nav.main-nav > a, nav.main-nav .has-dropdown > .top-link{padding:13px 4px;border-bottom:1px solid var(--bg-tint);width:100%;border-radius:0;font-size:15px;}
    nav.main-nav .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 4px 14px;display:none;}
    .has-dropdown.open .dropdown{display:block;}
    .has-dropdown .caret{margin-left:auto;}
    #nav-toggle:checked ~ nav.main-nav{transform:translateX(0);}
    .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;cursor:pointer;z-index:60;}
    .burger span{width:100%;height:2px;background:var(--ink);display:block;}
  }

  /* ---------- Responsive: tablet ---------- */
  @media (max-width: 1023px){
    .hero h1{font-size:32px;}
    .pillars{grid-template-columns:1fr 1fr;}
    .industries{grid-template-columns:repeat(2,1fr);}
    .process{grid-template-columns:repeat(2,1fr);row-gap:24px;}
    .news-grid{grid-template-columns:1fr 1fr;}
    .info-strip .item{flex:1 1 45%;}
    /* Thanh liên hệ cố định dùng chung cho tablet + mobile */
    .mobile-contact-bar{display:flex;}
    body{padding-bottom:74px;}
  }
  @media (max-width: 860px){
    .hero-inner{grid-template-columns:1fr;padding-bottom:48px;}
    .hero-art{max-width:240px;margin:28px auto 0;}
    .legal-grid,.contact-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  /* ---------- Responsive: mobile (rút gọn chiều dài ~30%) ---------- */
  @media (max-width: 720px){
    .util-left{display:none;}
    .brand img{height:62px;}
    .hero{padding-top:36px;}
    .hero h1{font-size:26px;line-height:1.3;}
    .hero p.lead{font-size:14.5px;margin-top:14px;}
    .hero-ctas{margin-top:22px;gap:10px;}
    .hero-art{max-width:190px;margin:20px auto 0;}
    .info-strip{margin-top:-26px;border-radius:var(--radius-md);}
    .info-strip .item{flex:1 1 100%;border-right:none;border-bottom:1px solid var(--silver);padding:10px 18px;}
    .info-strip .item:last-child{border-bottom:none;}

    section{padding:38px 0 34px;}
    .section-head{margin-bottom:22px;}
    .section-head h2{font-size:22px;}
    .intro-text{margin-bottom:24px;font-size:14.5px;}

    /* Chuyển các khối thẻ sang cuộn ngang để rút gọn chiều dài trang */
    .pillars, .process, .industries, .news-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 12px;margin:0 -2px;}
    .pillar, .process-step, .industry-card, .news-card{flex:0 0 80%;scroll-snap-align:start;}
    .industry-card p{min-height:0;}

    .legal-grid,.contact-grid{gap:16px;}
    .form-card{padding:22px;}
    .form-row{grid-template-columns:1fr;margin-bottom:12px;}
    .contact-card{padding:22px;}

    .footer-grid{grid-template-columns:1fr;gap:22px;padding-bottom:24px;}
    footer{padding-top:34px;}
  }

/* =========================================================================
 * BỔ SUNG CHO WORDPRESS / WOOCOMMERCE (không có trong bản demo tĩnh)
 * =======================================================================*/

/* Chế độ Catalogue: ẩn icon giỏ hàng / mini-cart mà Flatsome có thể tự
   hiển thị ở header, tuỳ theo thiết lập Header Builder của Flatsome.
   Đây là lựa chọn "best effort" bằng CSS vì theme không sửa Flatsome gốc;
   nếu Flatsome dùng class khác, quản trị viên cần bổ sung selector tương ứng
   (xem README-HUONG-DAN-CAI-DAT.md). */
body.haphu-catalogue-mode .header-cart-icon,
body.haphu-catalogue-mode .cart-icon,
body.haphu-catalogue-mode .woocommerce-cart-icon,
body.haphu-catalogue-mode a.cart-link,
body.haphu-catalogue-mode .site-header-cart,
body.haphu-catalogue-mode #wrapper .cart-box,
body.haphu-catalogue-mode .add_to_cart_button,
body.haphu-catalogue-mode .single_add_to_cart_button {
	display: none !important;
}

/* Nút thay thế trên vòng lặp/ trang chi tiết sản phẩm WooCommerce khi
   catalogue mode bật (xem haphu_v32_quote_or_shopee_button() trong functions.php). */
.btn-quote-product,
.btn-shopee-product {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 20px;
	border-radius: var(--radius-sm);
	font-size: 14px;
	font-weight: 700;
	margin-top: 12px;
	text-decoration: none;
}
.btn-quote-product {
	background: var(--blue-deep);
	color: #fff;
}
.btn-quote-product:hover {
	background: var(--blue-bright);
}
.btn-shopee-product {
	background: #EE4D2D;
	color: #fff;
}
.btn-shopee-product:hover {
	background: #D6431F;
}

/* Trạng thái rỗng của Tin tức khi chưa có bài viết nào */
.news-empty-state {
	font-size: 15px;
}