:root{--urlwp-accent:#e7a440;--urlwp-shell:1180px;--urlwp-header-main:90px;--urlwp-header-nav:50px;--urlwp-header-mobile:70px}body{background:#0a0a0a}.urlwp-site{max-width:1210px;margin-inline:auto;background:#fff}.urlwp-header-main{min-height:var(--urlwp-header-main);display:flex;align-items:center;background:color-mix(in srgb,var(--urlwp-accent) 8%,#fff)}.urlwp-header-row{min-height:var(--urlwp-header-main)}.urlwp-header-bottom{min-height:var(--urlwp-header-nav);display:flex;align-items:center;background:#f1f1f1}.urlwp-header-nav-row{width:min(100% - 32px,var(--urlwp-shell));margin-inline:auto}.urlwp-primary-nav{margin:0}.urlwp-menu{justify-content:center}.urlwp-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.urlwp-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--urlwp-accent) 72%,#19c7ff),var(--urlwp-accent));color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.2)}.urlwp-menu>li{position:relative}.urlwp-menu .sub-menu{position:absolute;display:none;z-index:20;top:100%;left:0;min-width:220px;margin:0;padding:10px;background:#fff;list-style:none;box-shadow:0 12px 28px rgba(0,0,0,.16)}.urlwp-menu li:hover>.sub-menu,.urlwp-menu li:focus-within>.sub-menu{display:block}@media(max-width:849px){.urlwp-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 0 16px}}:root {--primary-color: #e7a440;--fs-color-primary: #e7a440;--fs-color-secondary: #eb7546;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #dd9933;--fs-experimental-link-color-hover: #f9d7a3;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}html{background-image: var(--wpr-bg-9c3ea10e-cfa0-4c94-aab3-b00096d2052f);}body.framed, body.framed header, body.framed .header-wrapper, body.boxed, body.boxed header, body.boxed .header-wrapper, body.boxed .is-sticky-section{ max-width: 1250px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #f5eacb}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:247px;}.header-bottom{min-height: 50px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(221,221,204,0.54)}.header-bg-image {background-image: var(--wpr-bg-80cdf4fb-7160-47d0-aae7-2ebf197984b8);}.header-bg-image {background-repeat: repeat;}.header-bottom {background-color: #fc9b50}.header-bottom-nav > li > a{line-height: 30px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #b4771c;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #dd3333;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #dd3333;}.absolute-footer, html{background-color: #dd9933}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS Tablet */@media (max-width: 849px){}/* Custom CSS Mobile */@media (max-width: 549px){.header-button {padding: 5px 0px;}li.html.header-button-2 a {padding: 0px 24px;}li.html.header-button-2.but-km a {padding: 0px 18px;}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}

.css {
    max-height: 600px;
    overflow: auto;
    padding: 13px;
    border: 2px solid #FF8C00;
    box-shadow: 0 1px 20px rgba(255, 140, 0, 0.8);
    border-radius: 8px;
    word-wrap: break-word;
}

/* Box bài viết */
.box-blog-post {
  background: linear-gradient(135deg, #FFDAB9, #FF8C00);
  border: 2px solid #FF6600;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 4px 18px rgba(255, 102, 0, 0.35);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.box-blog-post:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 28px rgba(255, 102, 0, 0.55);
}

/* Hình ảnh */
.box-blog-post img {
  border-radius: 12px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.box-blog-post:hover img {
  transform: scale(1.05);
  filter: brightness(1.05);
}

/* Tiêu đề */
.box-blog-post .post-title {
  color: #CC5200;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  transition: color 0.3s ease;
}

.box-blog-post .post-title:hover {
  color: #FF8C00;
}

/* Nội dung */
.box-blog-post .post-excerpt {
  color: #663300;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 6px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .box-blog-post,
  .css {
    margin-left: 10px;
    margin-right: 10px;
    padding: 12px;
  }

  .box-blog-post,
  .css {
    width: auto;
  }
}

/* Menu chính */
.nav > li > a {
  padding: 6px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease !important;
  border-radius: 5px !important;
  position: relative !important;
}

.nav > li > a:hover {
  background: linear-gradient(90deg, #8b4c03 0%, #fc8c01 100%) !important;
  color: #ffffff !important;
  transform: translateX(5px) !important;
}

.nav > li.current-menu-item > a,
.nav > li.current-menu-ancestor > a {
  background: linear-gradient(90deg, #8b4c03 0%, #fc8c01 100%) !important;
  color: #ffffff !important;
  transform: translateX(0) !important;
}

.nav > li > a .icon-angle-down {
  transition: transform 0.3s ease !important;
  font-size: 14px !important;
  color: #333 !important;
  margin-left: 6px !important;
}

.nav > li:hover > a .icon-angle-down {
  transform: rotate(180deg) !important;
  color: #ffffff !important;
}

.nav > li.current-menu-item > a .icon-angle-down,
.nav > li.current-menu-ancestor > a .icon-angle-down {
  color: #ffffff !important;
}

/* SPLIT LAYOUT */
:root{
  --st-border:#e5eaf0;
  --st-primary:#ffb800;
  --st-text:#ffffff;
}

/* 4 bài nhỏ */
.st-small-list{display:flex;flex-direction:column;gap:12px}
.st-small-item{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--st-border);padding-bottom:8px}
.st-small-thumb{display:block;aspect-ratio:16/11;overflow:hidden;border-radius:6px;background:#222}
.st-small-thumb .st-img{width:100%;height:100%;object-fit:cover}
.st-small-title{margin:0;font-size:15px;line-height:1.35;font-weight:600}
.st-small-title a{color:var(--st-primary);text-decoration:none}
.st-small-title a:hover{opacity:0.85}

/* Bài to */
.st-large-card{background:#111;border:1px solid var(--st-border);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.st-large-thumb{display:block;aspect-ratio:16/9;background:#000}
.st-large-thumb .st-img{width:100%;height:100%;object-fit:cover}
.st-large-body{padding:16px}
.st-large-title{margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.35}
.st-large-title a{color:var(--st-primary);text-decoration:none}
.st-large-excerpt{color:var(--st-text);font-size:14px;line-height:1.6}

/* Các bài ngang bên dưới */
.st-row-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.st-row-card{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:center;border-bottom:1px solid var(--st-border);padding-bottom:14px;background:#111;border-radius:10px;overflow:hidden}
.st-row-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#000}
.st-row-thumb .st-img{width:100%;height:100%;object-fit:cover}
.st-row-title{margin:0 0 6px;font-size:18px;font-weight:700}
.st-row-title a{color:var(--st-primary);text-decoration:none}
.st-row-excerpt{color:var(--st-text);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Responsive */
@media(max-width:1024px){.st-row-card{grid-template-columns:180px 1fr}}
@media(max-width:767px){
  .st-row-card{grid-template-columns:1fr}
  .st-large-title{font-size:20px}
}
/* ============================
   BUTTON STYLE HI88 – PREMIUM
   ============================ */

/* Style chung cho Button 1 & 2 */
.header-button-1 a, .header-button-2 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 9999px;
    border: 1px solid rgb(255 0 0 / 45%);
    color: #ffffff !important;
    background: linear-gradient(90deg, #ff1a1a, #ff8f03, #fbff1a);
    background-size: 250% 100%;
    box-shadow: 0 4px 12px rgb(255 255 255 / 30%);
    transition: all 0.25s
ease-in-out;
}

/* Hover – sáng hơn và nổi thêm */
.header-button-1 a:hover,
.header-button-2 a:hover {
    background-size: 300% 100%;
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(13, 110, 253, 0.40);
}

/* ============================
   2 Button nâng - hạ NGƯỢC NHAU
   ============================ */

/* Button 1: nâng lên – hạ xuống nhanh */
.header-button-1 a {
    animation: hi88Gradient 2.6s linear infinite,
               floatUp 1.0s ease-in-out infinite;
}

/* Button 2: nâng lên – hạ xuống NGƯỢC chiều */
.header-button-2 a {
    animation: hi88Gradient 2.6s linear infinite,
               floatDown 1.0s ease-in-out infinite;
}

/* Gradient chạy ngang */
@keyframes hi88Gradient {
    0% { background-position: 0% 0; }
    100% { background-position: -250% 0; }
}

/* Float lên */
@keyframes floatUp {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}

/* Float xuống */
@keyframes floatDown {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(6px); }
    100% { transform: translateY(0); }
}
b, strong{
    font-weight: bold;
}
@media screen and (max-width: 1250px){
    html{
        background: unset!important;
    }
}
.header-bg-image, .hau-dai-banner .banner-item{
    display: none;
}

.header-block .j-gif {
    width: 40px !important;
    padding: 1.5px;
    background: linear-gradient(to top, #FF0000 40%, #FFFF00);
    border-radius: 10px;
}
.header-block .j-gif img {
    transform: rotate(0deg);
    animation: swing .3s linear infinite;
}
.header-block .j-gif,
.header-block .gif-banner .x {
    cursor: pointer;
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(12deg); }
    40% { transform: rotate(-12deg); }
    60% { transform: rotate(8deg); }
    80% { transform: rotate(-8deg); }
    100% { transform: rotate(0deg); }
}
.header-block {
    width: fit-content;
}
@media(max-width:849px){.urlwp-header-main,.urlwp-header-row{min-height:var(--urlwp-header-mobile)}.urlwp-header-row{position:relative;justify-content:center}.urlwp-menu-toggle{position:absolute;left:0;margin:0}.urlwp-brand{margin-inline:auto}.urlwp-header-actions{display:none}.urlwp-header-bottom{min-height:auto;display:block;position:relative}.urlwp-header-nav-row{width:100%}.urlwp-primary-nav{inset:100% 0 auto}.urlwp-mobile-ctas{border-top:1px solid rgba(0,0,0,.08)}}