body {
  font-family: 'Noto Sans', sans-serif;
}

.container {
  width: clamp(calc(100% - 32px), 90vw, 1280px);
  margin: 0 auto;
}

.container-md {
  margin-left: auto;
  margin-right: auto;
}

.container-sm {
  width: clamp(100%, 90vw, 1280px);
  max-width: 1118px;
  margin-left: auto;
  margin-right: auto;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  transition: all 300ms ease-in-out;
}

.fixed-top .navbar-top-header .custom-logo-link img {
  height: 40px;
  transition: all 300ms ease-in-out;
}

.custom-logo-link img {
  width: auto;
  height: 40px;
  transition: all 300ms ease-in-out;
}

.bg-gradient-custom {
  background-image: linear-gradient(
    transparent 50%, 
    rgba(13, 29, 147, 0.5) 90%
  );
}

.bg-gradient-contact-us {
  background-image: linear-gradient(
    to bottom, 
    rgba(13, 29, 147, 0.9) 0%,   /* Đậm ở trên */
    rgba(13, 29, 147, 0.7) 50%,  /* Giữa nhạt hơn */
    rgba(13, 29, 147, 0.3) 100%    /* Trong suốt ở dưới */
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 

  border-radius: 16px;
  padding: 24px;
}

/* Post tag list */
.post-tags .tag-item a {
  background-color: #0D1D93;
  color: #fff;
  text-decoration: none;
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
}

.post-tags .tag-item a:hover {
  background-color: #0B1A7C;
  color: #fff;
  text-decoration: underline;
}

.feature-product-list .product-discount {
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
}

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

@supports (bottom: env(safe-area-inset-bottom)) {
  /* .ios-fix {
    transform: translateY(calc(env(safe-area-inset-bottom) * -1));
  } */
}