:root {
  --shop-color-bg: #f5f5f5;
  --shop-color-main: #263b96;
  --shop-color-text: #252a2b;
  --shop-color-title: #333333;
  --shop-color-hover: #45c9e3;
  --shop-color-button: #263b96;
  --shop-color-border: #eae4e8;
  --home-category-bg-1: #faf1ff;
  --home-category-bg-2: #faf4eb;
  --home-category-bg-3: #f4e6e5;
  --home-category-bg-4: #e6f2f4;
  --home-category-bg-5: #fff6f6;
  --home-coupon-bg: #ffffff;
  --home-coupon-light: #ffffff;
  --home-coupon-border: #f8d0d3;
  --home-coupon-text: #333333;
  --home-collection1-bg: #831713;
  --home-collection1-icon: #ffe501;
  --home-collection1-color-text: #ffffff;
  --home-categorize-bg: #dee4e9;
  --home-categorize-color: #333333;
  --home-collection2-bg: #adc4d2;
  --home-collection2-title: #ff0000;
  --home-collection3-bg: #e9dabe;
  --footer-bg-color-1: #2a2a2a;
  --footer-bg-color-2: #2a2a2a;
  --footer-bg-color-copyright: #222222;
  --footer-color-title: #ffffff;
  --footer-color-text: #aaaaaa;
  --footer-color-hover: #45c9e3;
  --accentColor1: #929292;
} 
.btn{
	background-color: var(--shop-color-button);
    border-color: var(--shop-color-button);
}
.btn:hover{
	background-color: var(--shop-color-hover);
    border-color: var(--shop-color-hover);
}
/* Đặt logo và text nằm ngang cạnh nhau */
.logo {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo > a {
    flex-shrink: 0;
}

.logo .logo-header {
    max-width: 130px;
    height: auto;
}

.institute-name-vi {
    margin: 0;
    color: #c1272d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.institute-name-en {
    margin: 3px 0 6px;
    color: #1a3a8f;
    font-size: 15px;
    font-weight: 600;
}

.institute-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    font-size: 13px;
    color: #333;
}

.institute-contact li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.institute-contact strong {
    color: #1a3a8f;
}

.institute-contact a {
    color: #333;
    text-decoration: none;
}

.institute-contact a:hover {
    text-decoration: underline;
}