/* SYNCE – TRANG THƯƠNG HIỆU RÚT GỌN: BELZ, KOIZUMI TOOL, WIDIN */

.synce-brands-mini{
  --sb-blue:#0000ff;
  --sb-red:#ff0000;
  --sb-ink:#111d35;
  --sb-muted:#66738a;
  --sb-line:#dce3ef;
  --sb-soft:#f4f7fb;
  color:var(--sb-ink);
  line-height:1.65;
  overflow:hidden;
}

.synce-brands-mini,
.synce-brands-mini *,
.synce-brands-mini *::before,
.synce-brands-mini *::after{
  box-sizing:border-box;
  font-family:inherit!important;
}

.synce-brands-mini img{display:block;max-width:100%;height:auto}
.synce-brands-mini a{text-decoration:none}
.synce-brands-mini h1,
.synce-brands-mini h2,
.synce-brands-mini h3,
.synce-brands-mini p{margin-top:0}

.synce-brands-mini__container{
  width:min(1160px,calc(100% - 40px));
  margin-inline:auto;
}

.synce-brands-mini__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#e1e6ff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
}

.synce-brands-mini__kicker::before{
  content:"";
  width:32px;
  height:3px;
  border-radius:999px;
  background:var(--sb-red);
}

.synce-brands-mini__kicker--dark{color:var(--sb-blue)}

.synce-brands-mini__hero{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  color:#fff;
  background:#020235;
}

.synce-brands-mini__hero-image,
.synce-brands-mini__overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.synce-brands-mini__hero-image{object-fit:cover}

.synce-brands-mini__overlay{
  background:
    linear-gradient(90deg,rgba(2,2,55,.96),rgba(0,0,145,.78) 54%,rgba(0,0,255,.22)),
    linear-gradient(0deg,rgba(0,0,30,.35),transparent);
}

.synce-brands-mini__hero-content{
  position:relative;
  z-index:2;
  padding:70px 0;
}

.synce-brands-mini__hero h1{
  max-width:800px;
  margin:17px 0 18px;
  color:#fff;
  font-size:clamp(42px,5.5vw,67px);
  line-height:1.06;
  letter-spacing:-.05em;
}

.synce-brands-mini__hero p{
  max-width:760px;
  margin:0;
  color:#e2e8ff;
  font-size:17px;
}

.synce-brands-mini__section{
  padding:80px 0;
  background:var(--sb-soft);
}

.synce-brands-mini__heading{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}

.synce-brands-mini__heading h2{
  margin:14px 0 12px;
  color:var(--sb-ink);
  font-size:clamp(31px,4vw,46px);
  line-height:1.15;
  letter-spacing:-.04em;
}

.synce-brands-mini__heading p{
  margin:0;
  color:var(--sb-muted);
  font-size:16px;
}

.synce-brands-mini__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.synce-brand-mini{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--sb-line);
  border-radius:19px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,34,72,.07);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}

.synce-brand-mini:hover{
  transform:translateY(-6px);
  border-color:rgba(0,0,255,.30);
  box-shadow:0 22px 48px rgba(0,0,90,.13);
}

.synce-brand-mini__image{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#e8edf5;
}

.synce-brand-mini__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,80,.18),transparent 60%);
}

.synce-brand-mini__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.synce-brand-mini:hover .synce-brand-mini__image img{transform:scale(1.045)}

.synce-brand-mini__body{
  display:flex;
  flex-direction:column;
  min-height:295px;
  padding:25px;
}

.synce-brand-mini__country{
  align-self:flex-start;
  margin-bottom:12px;
  padding:5px 9px;
  border-radius:7px;
  color:#fff;
  background:var(--sb-blue);
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}

.synce-brand-mini h3{
  margin:0 0 9px;
  color:var(--sb-ink);
  font-size:29px;
  line-height:1.15;
  letter-spacing:-.035em;
}

.synce-brand-mini p{
  margin:0 0 17px;
  color:var(--sb-muted);
  font-size:14px;
}

.synce-brand-mini__tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:20px;
}

.synce-brand-mini__tags span{
  padding:5px 9px;
  border:1px solid rgba(0,0,255,.14);
  border-radius:999px;
  color:#33415c;
  background:#f4f7ff;
  font-size:11px;
  font-weight:750;
}

.synce-brand-mini__link{
  margin-top:auto;
  color:var(--sb-blue);
  font-size:13px;
  font-weight:850;
}

.synce-brands-mini__contact{
  padding:68px 0;
  background:#fff;
}

.synce-brands-mini__contact-box{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:35px;
  padding:38px;
  border:1px solid rgba(0,0,255,.16);
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,100,.08);
}

.synce-brands-mini__contact h2{
  margin:13px 0 10px;
  color:var(--sb-ink);
  font-size:clamp(29px,4vw,42px);
  line-height:1.15;
  letter-spacing:-.04em;
}

.synce-brands-mini__contact p{
  max-width:750px;
  margin:0;
  color:var(--sb-muted);
}

.synce-brands-mini__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.synce-brands-mini__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:0 21px;
  border-radius:10px;
  color:#fff;
  font-size:14px;
  font-weight:850;
  transition:transform .2s ease,background .2s ease;
}

.synce-brands-mini__btn:hover{transform:translateY(-2px);color:#fff}
.synce-brands-mini__btn--red{background:var(--sb-red)}
.synce-brands-mini__btn--red:hover{background:#d70000}
.synce-brands-mini__btn--blue{background:var(--sb-blue)}
.synce-brands-mini__btn--blue:hover{background:#0000c8}

@media(max-width:900px){
  .synce-brands-mini__grid{grid-template-columns:1fr}
  .synce-brand-mini{
    display:grid;
    grid-template-columns:42% 58%;
  }
  .synce-brand-mini__image{aspect-ratio:auto;min-height:100%}
  .synce-brand-mini__body{min-height:310px}
  .synce-brands-mini__contact-box{grid-template-columns:1fr}
}

@media(max-width:620px){
  .synce-brands-mini__container{width:min(100% - 26px,1160px)}
  .synce-brands-mini__hero{min-height:500px}
  .synce-brands-mini__hero-content{padding:58px 0}
  .synce-brands-mini__hero h1{font-size:38px}
  .synce-brands-mini__section{padding:64px 0}
  .synce-brand-mini{display:block}
  .synce-brand-mini__image{aspect-ratio:16/10}
  .synce-brand-mini__body{min-height:0}
  .synce-brands-mini__contact-box{padding:27px 22px}
  .synce-brands-mini__actions{display:grid}
  .synce-brands-mini__btn{width:100%}
}


/* ==========================================================================
   FIX BỐ CỤC FLATSOME
   Giữ nguyên HTML cũ, chỉ sửa CSS để hero và card không chồng lớp.
   ========================================================================== */

.synce-brands-mini{
  position:relative !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  min-height:1px !important;
  margin:0 !important;
  padding:0 !important;
  clear:both !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Mỗi section phải nằm đúng luồng tài liệu */
.synce-brands-mini > .synce-brands-mini__hero,
.synce-brands-mini > .synce-brands-mini__section,
.synce-brands-mini > .synce-brands-mini__contact{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  float:none !important;
  clear:both !important;
  margin:0 !important;
  transform:none !important;
}

/* HERO */
.synce-brands-mini > .synce-brands-mini__hero{
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  min-height:470px !important;
  overflow:hidden !important;
  background:#020235 !important;
  isolation:isolate !important;
}

.synce-brands-mini__hero-image{
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  object-fit:cover !important;
  transform:none !important;
}

.synce-brands-mini__overlay{
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(2,2,55,.96),rgba(0,0,145,.78) 54%,rgba(0,0,255,.22)),
    linear-gradient(0deg,rgba(0,0,30,.35),transparent) !important;
}

.synce-brands-mini__hero-content{
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  width:min(1160px,calc(100% - 40px)) !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 auto !important;
  padding:70px 0 !important;
  transform:none !important;
}

/* KHU VỰC 3 THƯƠNG HIỆU */
.synce-brands-mini > .synce-brands-mini__section{
  z-index:2 !important;
  min-height:1px !important;
  padding:80px 0 !important;
  background:var(--sb-soft) !important;
  overflow:visible !important;
}

.synce-brands-mini__section .synce-brands-mini__container,
.synce-brands-mini__heading,
.synce-brands-mini__grid{
  position:relative !important;
  z-index:2 !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  float:none !important;
  transform:none !important;
}

.synce-brands-mini__heading{
  margin:0 auto 38px !important;
}

.synce-brands-mini__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.synce-brand-mini{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 !important;
  float:none !important;
  transform:none;
}

.synce-brand-mini:hover{
  transform:translateY(-6px) !important;
}

.synce-brand-mini__image{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16/10 !important;
  margin:0 !important;
  overflow:hidden !important;
}

.synce-brand-mini__image img{
  position:relative !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  object-fit:cover !important;
}

.synce-brand-mini__body{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  min-height:295px !important;
  margin:0 !important;
  background:#fff !important;
}

/* KHỐI LIÊN HỆ */
.synce-brands-mini > .synce-brands-mini__contact{
  z-index:2 !important;
  padding:68px 0 !important;
  background:#fff !important;
}

/* Không cho Flatsome kéo nội dung lên bằng margin âm */
.page-id-0 .synce-brands-mini,
.synce-brands-mini .row,
.synce-brands-mini .col,
.synce-brands-mini .col-inner{
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

@media(max-width:900px){
  .synce-brands-mini__grid{
    grid-template-columns:1fr !important;
  }

  .synce-brand-mini{
    display:grid !important;
    grid-template-columns:42% 58% !important;
  }

  .synce-brand-mini__image{
    min-height:100% !important;
    aspect-ratio:auto !important;
  }
}

@media(max-width:620px){
  .synce-brands-mini__hero{
    min-height:500px !important;
  }

  .synce-brands-mini__hero-content{
    width:min(100% - 26px,1160px) !important;
    padding:58px 0 !important;
  }

  .synce-brands-mini__section{
    padding:64px 0 !important;
  }

  .synce-brand-mini{
    display:block !important;
  }

  .synce-brand-mini__image{
    aspect-ratio:16/10 !important;
  }

  .synce-brand-mini__body{
    min-height:0 !important;
  }
}


/* ==========================================================================
   FIX ẢNH THƯƠNG HIỆU PHỦ KÍN KHUNG
   ========================================================================== */

.synce-brands-mini .synce-brand-mini{
  padding:0 !important;
  overflow:hidden !important;
}

.synce-brands-mini .synce-brand-mini__image{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:18px 18px 0 0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#eef2f7 !important;
}

.synce-brands-mini .synce-brand-mini__image img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  vertical-align:top !important;
  transform:none !important;
}

/* Căn riêng từng ảnh để dụng cụ nằm cân đối trong khung */
.synce-brands-mini .synce-brand-mini:nth-child(1) .synce-brand-mini__image img{
  object-position:center 54% !important;
}

.synce-brands-mini .synce-brand-mini:nth-child(2) .synce-brand-mini__image img{
  object-position:center center !important;
}

.synce-brands-mini .synce-brand-mini:nth-child(3) .synce-brand-mini__image img{
  object-position:center 58% !important;
}

.synce-brands-mini .synce-brand-mini__body{
  margin:0 !important;
  border-radius:0 0 18px 18px !important;
}

@media(max-width:900px){
  .synce-brands-mini .synce-brand-mini__image{
    height:100% !important;
    min-height:285px !important;
    border-radius:18px 0 0 18px !important;
  }
}

@media(max-width:620px){
  .synce-brands-mini .synce-brand-mini__image{
    height:220px !important;
    min-height:220px !important;
    border-radius:18px 18px 0 0 !important;
  }
}