/* YHN 3.9.55.75 — context split from legacy yhn-site.css; selector declarations unchanged. */
   12) STATIC PAGE / PAGE NOI DUNG
   Áp cho page thường: cam kết bán hàng, bảo mật, thanh toán...
   ========================================================= */

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) #main{
  background: #fffdfd;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) #content.content-area.page-wrapper{
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding-top: 18px !important;
  padding-bottom: 34px !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .row.row-main{
  justify-content: center !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .row.row-main > .large-12.col{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .row.row-main > .large-12.col > .col-inner{
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 28px 30px 34px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fffafb 100%);
  border: 1px solid #f1e5eb;
  border-radius: 24px;
  box-shadow:
    0 12px 30px rgba(30,20,30,.05),
    0 1px 0 rgba(255,255,255,.96) inset;
}

/* ===== Title ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title-container{
  margin-bottom: 20px !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title{
  margin-bottom: 0 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title-main{
  color: #d94b93 !important;
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.2px !important;
  text-transform: uppercase !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title-main i{
  margin-right: 8px !important;
  color: #fe259a !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title b{
  height: 1px !important;
  background: #f1e5eb !important;
  opacity: 1 !important;
}

/* ===== Typography chung ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner p,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner div,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner li,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner span{
  color: #544f58;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner p{
  margin-bottom: 14px !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner strong,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner b{
  color: #2f2f36 !important;
  font-weight: 800 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h2,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h3,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h4{
  color: #2f2f36 !important;
  font-weight: 800 !important;
  letter-spacing: -.15px !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h2{
  margin: 28px 0 12px !important;
  font-size: 26px !important;
  line-height: 1.32 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h3{
  margin: 22px 0 10px !important;
  font-size: 21px !important;
  line-height: 1.4 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h4{
  margin: 18px 0 8px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}

/* ===== Lists ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner ul,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner ol{
  margin: 0 0 18px 22px !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner li{
  margin-bottom: 8px !important;
  font-size: 15px !important;
  line-height: 1.74 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner ul[style*="square"]{
  list-style-type: square !important;
}

/* ===== Image ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner img{
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 18px auto !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 30px rgba(20,20,20,.08);
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner a[href$=".jpg"] img,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner a[href$=".png"] img,
body.page:not(.home):not(.blog):not(.single-post):not(.single-post):not(.single-product) .col-inner .aligncenter{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== Table nếu có ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table{
  width: 100%;
  margin: 18px 0 24px !important;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #f1e4eb;
  background: #fff;
  box-shadow: 0 10px 24px rgba(25,25,25,.04);
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table th,
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table td{
  padding: 12px 14px !important;
  border-bottom: 1px solid #f5edf1 !important;
  text-align: left;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table th{
  background: #fff4fa !important;
  color: #3f3942 !important;
  font-weight: 800 !important;
}

/* ===== Link ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner a{
  color: #d94b93 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner a:hover{
  color: #fe259a !important;
}

/* ===== Divider / block nhẹ ===== */
body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner blockquote{
  margin: 22px 0 !important;
  padding: 18px 20px !important;
  background: linear-gradient(180deg, #fff9fc 0%, #fff5fa 100%);
  border-left: 4px solid #fe259a !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: 0 6px 18px rgba(254,37,154,.05);
}

body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner hr{
  margin: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid #f0e5eb !important;
}

/* ===== Mobile ===== */
@media (max-width: 849px){
  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) #content.content-area.page-wrapper{
    padding-top: 10px !important;
    padding-bottom: 20px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .row.row-main > .large-12.col > .col-inner{
    max-width: 100% !important;
    padding: 16px 12px 20px !important;
    border-radius: 16px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .section-title-main{
    font-size: 23px !important;
    line-height: 1.28 !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner p{
    font-size: 14px !important;
    line-height: 1.72 !important;
    margin-bottom: 12px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner li{
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h2{
    font-size: 20px !important;
    margin: 22px 0 10px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner h3{
    font-size: 17px !important;
    margin: 18px 0 8px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner img{
    margin: 14px auto !important;
    border-radius: 14px !important;
  }

  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table th,
  body.page:not(.home):not(.blog):not(.single-post):not(.single-product) .col-inner table td{
    padding: 10px 10px !important;
    font-size: 13px !important;
  }
}

/* =========================================================