/* FirewallS.vn v6.5.9 - Frontend CSS Polish
   Mục tiêu: sửa các lỗi nhỏ sau khi reposition brand: chữ trắng trên nền sáng,
   card sản phẩm quá cao, khoảng trắng thừa, sidebar tư vấn và CTA/footer gọn hơn. */

:root{
  --polish-ink:#07162b;
  --polish-muted:#52657d;
  --polish-line:#dbe8f7;
  --polish-soft:#f4f8ff;
  --polish-blue:#118cff;
  --polish-cyan:#22d3ee;
}

/* 1) Section Solution Architecture: không dùng chữ trắng trên nền sáng */
.fw-dark-section{
  background:linear-gradient(180deg,#f4f8ff 0%,#eef6ff 100%)!important;
  color:var(--polish-ink)!important;
  padding-top:58px!important;
  padding-bottom:66px!important;
}
.fw-dark-section .fw-section-head,
.fw-dark-section .fw-section-head.light{
  max-width:900px!important;
  margin-bottom:28px!important;
}
.fw-dark-section .fw-section-head.light h2,
.fw-dark-section .fw-section-head h2{
  color:var(--polish-ink)!important;
  text-shadow:none!important;
  opacity:1!important;
}
.fw-dark-section .fw-section-head.light p,
.fw-dark-section .fw-section-head p{
  color:var(--polish-muted)!important;
  opacity:1!important;
}
.fw-dark-section .fw-section-kicker{
  color:var(--polish-blue)!important;
}

/* 2) Product cards: gọn, cân đối, ít khoảng trắng hơn */
.fw-card-grid.v46-products{
  align-items:stretch!important;
}
.fw-product-card.v46{
  min-height:255px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:22px!important;
  border-radius:24px!important;
  background:#fff!important;
}
.fw-product-card.v46 .fw-badge{
  align-self:flex-start!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.fw-product-card.v46 h3{
  margin:16px 0 10px!important;
  line-height:1.22!important;
  min-height:auto!important;
}
.fw-product-card.v46 p{
  margin:0 0 22px!important;
  line-height:1.65!important;
}
.fw-product-card.v46 strong{
  margin-top:auto!important;
}
.fw-product-card.fw-watchguard-featured,
.fw-product-card.v46.fw-watchguard-featured{
  border-color:#bae6d3!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fffb 100%)!important;
  box-shadow:0 16px 42px rgba(13,148,136,.08)!important;
}
.fw-product-card.fw-watchguard-featured .fw-badge{
  background:#e9fff5!important;
  color:#075e48!important;
  border:1px solid #c7f5df!important;
}

/* 3) Homepage: giảm khoảng cách các khối và tránh section bị tràn cảm giác rời rạc */
.fw-curated-recommend{
  padding-top:52px!important;
  padding-bottom:38px!important;
}
.fw-priority-panel{
  border:1px solid var(--polish-line)!important;
  box-shadow:0 18px 48px rgba(11,33,70,.07)!important;
}
.fw-section{
  scroll-margin-top:110px!important;
}
.fw-section-head h2{
  color:var(--polish-ink)!important;
}
.fw-section-head p{
  color:var(--polish-muted)!important;
}

/* 4) Product detail: bỏ cảm giác khối quá nặng, giữ sidebar gọn */
.fwv6-section{
  padding-top:44px!important;
}
.fwv6-layout{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:24px!important;
}
.fwv6-panel{
  box-shadow:0 16px 46px rgba(15,23,42,.08)!important;
  border-color:#e1edf8!important;
}
.fwv6-sidebar .fwv6-panel{
  padding:22px!important;
  border-radius:24px!important;
}
.fwv6-sidebar h2{
  font-size:28px!important;
  line-height:1.12!important;
}
.fwv6-sidebar p{
  font-size:15px!important;
  line-height:1.65!important;
}
.fwv6-qr{
  width:142px!important;
  border-width:8px!important;
  margin:10px auto 14px!important;
}
.fwv6-tabs{
  top:86px!important;
}
.fwv6-table th,
.fwv6-table td{
  padding:14px 16px!important;
}

/* 5) Footer/CTA: định vị độc lập, gọn, không tạo dư chiều cao */
.fw-footer{
  padding-top:56px!important;
}
.fw-footer-cta,
.fw-advisory-card,
.fw-footer .fw-gradient-band{
  margin-top:0!important;
}
.fw-footer-grid{
  gap:42px!important;
}
.fw-footer .fw-logo-text,
.fw-logo-text{
  white-space:nowrap!important;
}

/* 6) Floating buttons không che nội dung chính */
.fw-floating-contact{
  right:18px!important;
  bottom:22px!important;
  z-index:80!important;
}
.fw-floating-contact a{
  box-shadow:0 14px 32px rgba(8,20,40,.22)!important;
}

/* 7) Hero/search: cân lại trên màn hình laptop */
.fw-hero-inner{
  min-height:650px!important;
}
.fw-hero h1{
  max-width:820px!important;
}
.fw-brand-strip.v46 .fw-brands{
  scrollbar-width:none;
}
.fw-brand-strip.v46 .fw-brands::-webkit-scrollbar{display:none;}

/* 8) Public cleanup: không lộ tên phiên bản / CMS / internal labels trong frontend */
.public-version,.cms-version,.version-public,.layout-fix-label,.form-polish-label,
[class*="version-public"],[data-public-version]{display:none!important;}
.fw-eyebrow,
.fw-section-kicker{
  text-shadow:none!important;
}

@media(max-width:1180px){
  .fwv6-layout{grid-template-columns:1fr!important;}
  .fwv6-sidebar .fwv6-sticky{position:relative!important;top:auto!important;}
  .fw-card-grid.v46-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .fw-hero-inner{min-height:auto!important;padding:52px 0!important;}
  .fw-dark-section{padding-top:44px!important;padding-bottom:48px!important;}
  .fw-product-card.v46{min-height:220px!important;}
}
@media(max-width:680px){
  .fw-card-grid.v46-products,
  .fw-solution-grid.v46{grid-template-columns:1fr!important;}
  .fw-product-card.v46{min-height:auto!important;}
  .fw-floating-contact{right:12px!important;bottom:12px!important;}
}