/*==================================================
FONT SEO PRO 2026
==================================================*/

html{
    font-size:16px;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#333;
    font-weight:400;
    background:#fff;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* Heading */

h1,h2,h3,h4,h5,h6{
    font-family:'Inter',sans-serif;
    font-weight:800;
    line-height:1.25;
    color:#8B0000;
    margin:0 0 18px;
}

h1{
    font-size:44px;
    letter-spacing:-1px;
}

h2{
    font-size:34px;
}

h3{
    font-size:28px;
}

h4{
    font-size:24px;
}

h5{
    font-size:20px;
}

h6{
    font-size:18px;
}

/* Paragraph */

p{
    font-size:17px;
    line-height:1.9;
    margin-bottom:20px;
}

/* Menu */

.main-navigation a,
.menu a{
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
}

/* Button */

button,
.button,
input[type=submit],
.wp-block-button__link{

    font-family:'Inter',sans-serif;
    font-size:16px;
    font-weight:700;
}

/* Form */

input,
textarea,
select{

    font-family:'Inter',sans-serif;
    font-size:16px;
}

/* List */

li{
    font-size:16px;
    line-height:1.8;
}

/* Table */

table{
    font-size:16px;
}

/* Small */

small{
    font-size:14px;
}

/* Strong */

strong{
    font-weight:700;
}

/* Responsive */

@media(max-width:1024px){

h1{
font-size:38px;
}

h2{
font-size:30px;
}

h3{
font-size:24px;
}

p{
font-size:16px;
}

}

@media(max-width:768px){

body{
font-size:15px;
}

h1{
font-size:32px;
}

h2{
font-size:27px;
}

h3{
font-size:22px;
}

h4{
font-size:20px;
}

p{
font-size:16px;
line-height:1.8;
}

}

@media(max-width:480px){

h1{
font-size:28px;
}

h2{
font-size:24px;
}

h3{
font-size:20px;
}

p{
font-size:15px;
}

}
/* ==================================================
MOBILE CSS - HERO BANNER FULL WIDTH SOFA ĐÀ LẠT
Chuẩn mobile cho Theme Vantage WordPress
================================================== */

@media (max-width: 768px) {

  .sofa-hero-pro {
    width: 100vw;
    min-height: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0;
    display: flex;
    align-items: flex-end;
    background-position: center center;
    background-size: cover;
  }

  .sofa-hero-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(60, 20, 15, 0.55) 0%,
        rgba(90, 20, 20, 0.88) 60%,
        rgba(60, 10, 10, 0.96) 100%
      );
  }

  .sofa-hero-container {
    width: 100%;
    padding: 72px 14px 38px;
  }

  .sofa-hero-content {
    width: 100%;
    max-width: 100%;
    padding: 22px 16px;
    border-radius: 22px;
    background: rgba(255, 250, 240, 0.13);
    border: 1px solid rgba(255, 218, 118, 0.45);
    backdrop-filter: blur(6px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    text-align: left;
  }

  .sofa-hero-badge {
    font-size: 12px;
    line-height: 1.4;
    padding: 8px 12px;
    margin-bottom: 14px;
    border-radius: 999px;
  }

  .sofa-hero-content h1 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
    word-break: normal;
  }

  .sofa-hero-subtitle {
    font-size: 17px;
    line-height: 1.45;
    margin-bottom: 14px;
  }

  .sofa-hero-desc {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .sofa-hero-services {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-bottom: 24px;
  }

  .sofa-hero-services span {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 11px 13px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.4;
  }

  .sofa-hero-cta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .sofa-btn {
    width: 100%;
    min-height: 50px;
    padding: 0 18px;
    font-size: 15px;
    border-radius: 999px;
    text-align: center;
  }
}

/* Mobile nhỏ */
@media (max-width: 480px) {

  .sofa-hero-container {
    padding: 60px 12px 32px;
  }

  .sofa-hero-content {
    padding: 20px 14px;
    border-radius: 20px;
  }

  .sofa-hero-content h1 {
    font-size: 27px;
    line-height: 1.18;
  }

  .sofa-hero-subtitle {
    font-size: 16px;
  }

  .sofa-hero-desc {
    font-size: 14.5px;
  }

  .sofa-hero-services span {
    font-size: 14px;
    padding: 10px 12px;
  }

  .sofa-btn {
    min-height: 48px;
    font-size: 14.5px;
  }
}

/* Mobile rất nhỏ */
@media (max-width: 360px) {

  .sofa-hero-content h1 {
    font-size: 24px;
  }

  .sofa-hero-subtitle {
    font-size: 15px;
  }

  .sofa-hero-badge {
    font-size: 11px;
  }
}
#masthead .hgroup {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

#masthead .hgroup .logo img {
  width: 130px !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
}

@media (max-width: 680px) {
  #masthead .hgroup .logo img {
    width: 220px !important;
  }
}