.heading-pageDetail {
  padding-top: 85px; }

.noithat-section, .ngoaithat-section, .hieusuat-section {
  padding-top: 60px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  /*
	.product-card {
		flex: 1 1 100%; 
		max-width: 100%;
		border-radius: 8px;
		background-color: #ffffff;
		&:hover {
			.car-actions {
				display:flex;
			}
		}
		@media (min-width: 576px) {
			flex: 1 1 calc(50% - 16px); 
			max-width: calc(50% - 16px);
		}

		@media (min-width: 992px) {
			flex: 1 1 calc(25% - 16px); 
			max-width: calc(25% - 16px);
		}
	}
	*/ }
  .noithat-section .section-header, .ngoaithat-section .section-header, .hieusuat-section .section-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 24px;
    align-items: flex-end; }
  .noithat-section .section-title, .ngoaithat-section .section-title, .hieusuat-section .section-title {
    font-size: 36px;
    font-weight: 500;
    color: #000102;
    letter-spacing: -1px;
    margin: 0; }
  .noithat-section .navigation-controls, .ngoaithat-section .navigation-controls, .hieusuat-section .navigation-controls {
    display: flex;
    gap: 8px; }
  .noithat-section .nav-button, .ngoaithat-section .nav-button, .hieusuat-section .nav-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    border-radius: 2px;
    border: 1px solid #922a05;
    background: transparent;
    cursor: pointer;
    outline: none; }
    .noithat-section .nav-button:hover, .ngoaithat-section .nav-button:hover, .hieusuat-section .nav-button:hover {
      background-color: #922a05; }
      .noithat-section .nav-button:hover path, .ngoaithat-section .nav-button:hover path, .hieusuat-section .nav-button:hover path {
        stroke: #ffffff; }
  .noithat-section .products-grid, .ngoaithat-section .products-grid, .hieusuat-section .products-grid {
    display: flex;
    flex-wrap: wrap;
    /*
		gap: 16px;
		width: 100%;
		align-items: flex-start;
		overflow: hidden;
		justify-content: center;
*/
    margin-top: 24px; }
  .noithat-section .product-image, .ngoaithat-section .product-image, .hieusuat-section .product-image {
    position: relative;
    display: block; }
    .noithat-section .product-image .car-actions, .ngoaithat-section .product-image .car-actions, .hieusuat-section .product-image .car-actions {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      padding: 120px 12px 12px 12px;
      align-items: center;
      gap: 8px;
      background: linear-gradient(0deg, rgba(0, 1, 2, 0.4) 0%, rgba(0, 1, 2, 0) 100%);
      display: none; }
      .noithat-section .product-image .car-actions .action-button, .ngoaithat-section .product-image .car-actions .action-button, .hieusuat-section .product-image .car-actions .action-button {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        height: 40px;
        min-height: 40px;
        padding: 10px 10px;
        flex: 1;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: opacity 0.2s ease;
        text-align: center; }
      .noithat-section .product-image .car-actions .action-button-primary, .ngoaithat-section .product-image .car-actions .action-button-primary, .hieusuat-section .product-image .car-actions .action-button-primary {
        background-color: #922a05;
        color: #ffffff; }
        @media (min-width: 767px) {
          .noithat-section .product-image .car-actions .action-button-primary:hover, .ngoaithat-section .product-image .car-actions .action-button-primary:hover, .hieusuat-section .product-image .car-actions .action-button-primary:hover {
            color: #ffffff !important;
            opacity: 0.9; } }
      .noithat-section .product-image .car-actions .action-button-secondary, .ngoaithat-section .product-image .car-actions .action-button-secondary, .hieusuat-section .product-image .car-actions .action-button-secondary {
        background-color: #fff0f0;
        color: #922a05; }
        @media (min-width: 767px) {
          .noithat-section .product-image .car-actions .action-button-secondary:hover, .ngoaithat-section .product-image .car-actions .action-button-secondary:hover, .hieusuat-section .product-image .car-actions .action-button-secondary:hover {
            color: #922a05 !important;
            opacity: 0.9; } }
      .noithat-section .product-image .car-actions .action-button:focus, .ngoaithat-section .product-image .car-actions .action-button:focus, .hieusuat-section .product-image .car-actions .action-button:focus {
        outline: 2px solid #922a05;
        outline-offset: 2px; }
      .noithat-section .product-image .car-actions .action-button:focus:not(:focus-visible, :focus-visible, :focus-visible), .ngoaithat-section .product-image .car-actions .action-button:focus:not(:focus-visible, :focus-visible, :focus-visible), .hieusuat-section .product-image .car-actions .action-button:focus:not(:focus-visible, :focus-visible, :focus-visible) {
        outline: none; }
      @media (forced-colors: active) {
        .noithat-section .product-image .car-actions .action-button, .ngoaithat-section .product-image .car-actions .action-button, .hieusuat-section .product-image .car-actions .action-button {
          border: 1px solid currentColor; } }
      @media (prefers-reduced-motion: reduce) {
        .noithat-section .product-image .car-actions .action-button, .ngoaithat-section .product-image .car-actions .action-button, .hieusuat-section .product-image .car-actions .action-button {
          transition: none; } }
  .noithat-section .product-info, .ngoaithat-section .product-info, .hieusuat-section .product-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    width: 100%; }
  .noithat-section .product-title, .ngoaithat-section .product-title, .hieusuat-section .product-title {
    font-size: 20px;
    font-weight: 500;
    color: #0a0a0a;
    line-height: 26px;
    letter-spacing: -0.5px;
    margin: 0;
    min-height: 52px; }
  .noithat-section .product-price, .ngoaithat-section .product-price, .hieusuat-section .product-price {
    font-size: 20px;
    font-weight: 500;
    color: #922a05;
    line-height: 26px;
    letter-spacing: -0.5px;
    margin: 0; }
    .noithat-section .product-price a, .ngoaithat-section .product-price a, .hieusuat-section .product-price a {
      color: #922a05; }
  .noithat-section .view-all-button, .ngoaithat-section .view-all-button, .hieusuat-section .view-all-button {
    padding: 10px 36px;
    background-color: #1C3148;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 32px auto 0;
    border: none;
    cursor: pointer;
    display: inline-block; }
  @media (max-width: 991px) {
    .noithat-section .section-header, .ngoaithat-section .section-header, .hieusuat-section .section-header {
      padding: 0 0 24px; } }
  @media (max-width: 640px) {
    .noithat-section .section-header, .ngoaithat-section .section-header, .hieusuat-section .section-header {
      padding: 0 0px 24px; }
    .noithat-section .view-all-button, .ngoaithat-section .view-all-button, .hieusuat-section .view-all-button {
      width: 100%; } }