:root {
  --of-font-base: "K2D","Segoe UI","Helvetica Neue",Arial,sans-serif;
}
@font-face {
  font-family: fl-icons;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fl-icons.eot");
  src: url("../fonts/fl-icons.eot?#iefix") format("embedded-opentype"),url("../fonts/fl-icons.woff2") format("woff2"),url("../fonts/fl-icons.ttf") format("truetype"),url("../fonts/fl-icons.woff") format("woff"),url("../fonts/fl-icons.svg#fl-icons") format("svg")
}
.custom-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto
}
.home .button-link-block .item:first-child .btn-update-link {
  --of-btn-tilt: 0deg;
  background: linear-gradient(180deg,#ef4759 0,#de2f45 100%)
}
body.admin-bar [data-site-header] {
  top: 32px
}
@media (max-width:782px) {
  body.admin-bar [data-site-header] {
    top: 46px
  }
}
.nav-mobile .menu-item-has-children > a > .icon-angle-down,
.nav-primary .menu-item-has-children > a > .icon-angle-down {
  margin-left: .65rem;
  font-size: .95em;
  vertical-align: middle
}
.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,rgba(10,15,31,.88),rgba(10,15,31,.32))
}
.faq-item.is-open .faq-answer {
  display: block
}
.faq-item.is-open .faq-icon {
  transform: rotate(45deg)
}
.btn-download,
.btn-ios-download {
  transform-origin: center center;
  will-change: transform
}
.customerServ .Sevli[role=button]:focus-visible {
  outline: #f5c542 solid 2px;
  outline-offset: 4px
}
.customerServ .Sevli[role=button] {
  cursor: pointer
}
@keyframes onlinefashionZoomPulse {
  0%,
  100% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.05)
  }
}
:root {
  --of-nav-text: #756c63;
  --of-nav-text-hover: #0f73c8;
  --of-subnav-bg: #ffffff;
  --of-subnav-text: #777777;
  --of-subnav-text-hover: #1673c7;
  --of-subnav-border: #e7e7e7;
  --of-subnav-indicator: #2d80c4;
  --of-dropdown-shadow: 0 8px 22px rgba(7, 22, 41, 0.18);
  --of-header-bg: #ededed;
  --of-header-border: #d8dbe0;
  --of-menu-icon-color: #8a9098;
  --of-brand-color: #2f6fa8
}
#header,
#header .header-inner,
#header .header-main,
#header .header-wrapper,
#header .onlinefashion-desktop-nav,
#header .onlinefashion-desktop-nav > .menu-item {
  overflow: visible!important
}
#header {
  position: relative;
  z-index: 120
}
.onlinefashion-desktop-nav > .menu-item {
  position: relative
}
.onlinefashion-desktop-nav .onlinefashion-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 54px;
  line-height: 54px;
  color: var(--of-nav-text);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase
}
.onlinefashion-desktop-nav > .menu-item.active > .onlinefashion-nav-link,
.onlinefashion-desktop-nav > .menu-item.current-menu-ancestor > .onlinefashion-nav-link,
.onlinefashion-desktop-nav > .menu-item:hover > .onlinefashion-nav-link {
  color: var(--of-nav-text-hover)
}
.onlinefashion-desktop-nav .icon-angle-down {
  margin-left: 2px;
  font-size: 12px;
  transition: transform .18s
}
.onlinefashion-desktop-nav > .menu-item:hover .icon-angle-down {
  transform: rotate(180deg)
}
.onlinefashion-desktop-nav .onlinefashion-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 258px;
  margin: 0;
  padding: 14px 22px 12px;
  background: var(--of-subnav-bg);
  border: 1px solid rgba(15,36,64,.12);
  border-top: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: var(--of-dropdown-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: .18s;
  z-index: 250
}
.onlinefashion-desktop-nav .onlinefashion-submenu::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px
}
.onlinefashion-desktop-nav > .menu-item:hover > .onlinefashion-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)
}
.onlinefashion-desktop-nav .onlinefashion-submenu > li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0
}
.onlinefashion-desktop-nav .onlinefashion-submenu .onlinefashion-nav-link {
  display: block;
  width: 100%;
  padding: 10px 0 9px;
  color: var(--of-subnav-text);
  font-size: 13px;
  line-height: 1.35;
  border-bottom: 1px solid var(--of-subnav-border)
}
.onlinefashion-desktop-nav .onlinefashion-submenu > li:last-child > .onlinefashion-nav-link {
  border-bottom: 0
}
.onlinefashion-desktop-nav .onlinefashion-submenu .onlinefashion-nav-link::after {
  display: none
}
.onlinefashion-desktop-nav .onlinefashion-submenu > li.active > .onlinefashion-nav-link,
.onlinefashion-desktop-nav .onlinefashion-submenu > li.current-menu-item > .onlinefashion-nav-link,
.onlinefashion-desktop-nav .onlinefashion-submenu > li:hover > .onlinefashion-nav-link {
  color: var(--of-subnav-text-hover);
  border-bottom-color: var(--of-subnav-indicator)
}
.onlinefashion-desktop-nav .onlinefashion-submenu > li.active > .onlinefashion-nav-link::after,
.onlinefashion-desktop-nav .onlinefashion-submenu > li.current-menu-item > .onlinefashion-nav-link::after,
.onlinefashion-desktop-nav .onlinefashion-submenu > li:hover > .onlinefashion-nav-link::after {
  display: none
}
@media (max-width:849px) {
  #header .header-main {
    background: #fff;
    box-shadow: none
  }
  .onlinefashion-mobile-menu-trigger .icon-menu {
    font-size: 22px;
    color: #3d4f5f
  }
  .onlinefashion-header-brand .header_logo {
    max-height: 36px
  }

}
.home .custom-slider.swiper {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw)
}
body,
button,
html,
input,
select,
textarea {
  font-family: var(--of-font-base)!important;
  font-size: 1.0625rem;
}
.col,
.columns,
.gallery-item {
  margin: 0!important
}
.home .custom-slider .swiper-slide,
.home .custom-slider .swiper-slide img {
  width: 100%
}
.home .entry-title.custom-homepage-title {
  margin-top: 8px;
  margin-bottom: 18px;
  color: #56b9dc;
  font-size: clamp(22px, 2.1vw, 36px);
  letter-spacing: .04em;
  line-height: 1.15;
  text-transform: uppercase
}
.home .button-link-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px 34px;
  margin-top: 8px;
  margin-bottom: 10px
}
.home .button-link-block .item {
  display: flex;
  margin: 0
}
.home .button-link-block .button__wrapper {
  display: inline-flex;
  text-decoration: none
}
.home .button-link-block .btn-update-link > br,
.home .button-link-block .button__wrapper > br {
  display: none
}
.home .button-link-block .btn-update-link {
  min-width: 300px;
  height: 44px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: .01em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 10px 18px rgb(10 30 45 / 18%);
  color: #fff;
  transform: none
}
.home .button-link-block .item:nth-child(2) .btn-update-link {
  --of-btn-tilt: 0deg;
  background: linear-gradient(180deg,#ffcb17 0,#f3b400 100%);
  color: #3c3400
}
.home .button-link-block .item:nth-child(3) .btn-update-link {
  --of-btn-tilt: 0deg;
  background: linear-gradient(180deg,#31b457 0,#24a148 100%)
}
.home .button-jittery .btn-update-link:focus-visible,
.home .button-jittery .btn-update-link:hover {
  animation: .2s infinite ofHeartbeat;
  -webkit-animation: .2s infinite ofHeartbeat
}
@keyframes ofHeartbeat {
  0%,
  100% {
    transform: scale(1)
  }
  40% {
    transform: scale(1.04)
  }
}
@media (max-width:849px) {
  .home .entry-title.custom-homepage-title {
    font-size: clamp(20px, 6vw, 30px);
    margin-bottom: 14px
  }
  .home .button-link-block {
    gap: 14px;
    margin-bottom: 6px
  }
  .home .button-link-block .btn-update-link {
    min-width: 220px;
    height: 42px;
    font-size: 18px;
    transform: none!important
  }
}
.home #main {
  margin-top: 0!important;
  padding-top: 0!important
}
.home .page-wrapper,
.home .row.page-wrapper {
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important
}
.home #content,
.home .entry-content,
.home .entry-content>:first-child,
.home .page-wrapper #content,
.home .page-wrapper .col {
  margin-top: 0!important;
  padding-top: 0!important
}
.home #main > :first-child {
  margin-top: 0!important
}
.home .custom-slider.swiper {
  min-height: 0!important;
  height: auto!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
  line-height: 0
}
.home .custom-slider .swiper-slide,
.home .custom-slider .swiper-wrapper {
  min-height: 0!important;
  height: auto!important
}
.home .custom-slider .swiper-slide {
  display: block!important
}
.home .custom-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto!important
}
.home .custom-slider + .container,
.home .custom-slider + .container[style*="padding: 0"] {
  margin-top: 0!important;
  padding-top: 0!important
}
.home #header {
  margin-bottom: 0!important;
  position: relative!important;
  z-index: 10020!important
}
.home #header .header-wrapper {
  padding-bottom: 0!important
}
.home #header .header-bg-color,
.home #header .header-bg-container,
.home #header .header-bg-image {
  min-height: 0!important;
  height: 0!important;
  pointer-events: none!important
}
.home #masthead,
.home #masthead .header-inner,
.home #masthead .onlinefashion-header-desktop-nav,
.home #masthead .onlinefashion-header-desktop-nav > .menu-item {
  overflow: visible!important
}
.home #masthead .onlinefashion-header-desktop-nav > .menu-item.menu-item-has-children {
  position: relative!important
}
.home #masthead .onlinefashion-header-desktop-nav > .menu-item.menu-item-has-children > .onlinefashion-submenu {
  z-index: 10030!important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px)
}
.home #masthead .onlinefashion-header-desktop-nav > .menu-item.menu-item-has-children > .onlinefashion-submenu::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px
}
.home #masthead .onlinefashion-header-desktop-nav > .menu-item.menu-item-has-children:hover > .onlinefashion-submenu,
.home #masthead .onlinefashion-header-desktop-nav > .menu-item.menu-item-has-children:focus-within > .onlinefashion-submenu {
  opacity: 1!important;
  visibility: visible!important;
  pointer-events: auto!important;
  transform: translateY(0)!important
}
/* #masthead .onlinefashion-header-desktop-nav > .menu-item.of-submenu-open > .onlinefashion-submenu {
  opacity: 1!important;
  visibility: visible!important;
  pointer-events: auto!important;
  transform: translateY(0)!important
} */
.entry-content .size-full,
.entry-content img.size-full {
  height: auto!important
}
#footer .absolute-footer,
#footer .footer-widgets,
#footer.footer-wrapper {
  background: #000!important
}
#footer .absolute-footer,
#footer .absolute-footer a,
#footer .copyright-footer,
#footer .footer-widgets,
#footer .textwidget,
#footer .textwidget a,
#footer .textwidget p,
#footer .widget-title {
  color: #f2f2f2!important
}
#footer .footer-widgets .is-divider,
#footer .widget .is-divider {
  background-color: rgba(255,255,255,.5)!important
}
#footer .textwidget,
#footer .textwidget a,
#footer .textwidget p,
#footer .footer-widgets .widget li,
#footer .footer-widgets .widget li a {
  font-size: .9rem!important;
  line-height: 1.55!important
}
#footer .widget-title {
  font-size: .95rem!important;
  line-height: 1.4!important;
  font-weight: 700!important
}
#footer .onlinefashion-footer-bottom {
  float: none!important;
  width: 100%
}
#footer .copyright-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center
}
#footer .onlinefashion-footer-copyright,
#footer .onlinefashion-footer-copyright p {
  margin: 0;
  font-size: .88rem!important;
  line-height: 1.5!important
}
#footer .footer-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: 18px
}
#footer .footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  transition: transform .2s ease
}
#footer .footer-social-link:hover {
  transform: translateY(-3px) scale(1.1)
}
#footer .footer-social-link i {
  font-size: 24px;
  line-height: 1;
  color: #fff!important;
  opacity: .8;
  transition: opacity .2s ease, filter .2s ease
}
#footer .footer-social-link:hover i {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.5))
}
#footer .footer-social-zalo-icon {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain
}
.rightBtn.scrollX {
  bottom: auto;
  top: 160px
}
.btn-download,
.btn-ios-download,
[data-device-download=android],
[data-device-download=ios] {
  display: none;
  margin: 10px;
  padding: 0 10px;
  transform-origin: center center;
  animation: .6s ease-in-out infinite zoomPulse;
  will-change: transform;
  text-align: center
}
.btn-download img,
.btn-ios-download img,
[data-device-download=android] img,
[data-device-download=ios] img {
  max-width: 80%
}
.home .entry-content p:has(.btn-download),
.home .entry-content p:has(.btn-ios-download),
.home .entry-content p:has([data-device-download=android]),
.home .entry-content p:has([data-device-download=ios]) {
  display: none!important;
  margin: 0!important;
  padding: 0!important
}
@keyframes zoomPulse {
  0%,
  100% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.05)
  }
}
.rightBtn {
  right: 12px;
  z-index: 90
}
.customerServ {
  position: relative;
  right: auto;
  top: auto;
  width: 88px;
  height: auto;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(180deg,rgba(12,18,28,.82) 0,rgba(21,29,44,.76) 100%);
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 32px rgba(5,12,22,.26);
  overflow: visible
}
.customerServ > ul {
  gap: 0
}
.customerServ .Sevli {
  min-height: 78px;
  padding: 10px 8px;
  text-align: center;
  isolation: isolate
}
.customerServ .Sevli span {
  display: block;
  max-width: 100%;
  margin-top: 4px;
  line-height: 1.25;
  word-break: break-word
}
.customerServ .Sevli + .Sevli::after {
  width: calc(100% - 16px)
}
.customerServDiv {
  position: absolute;
  top: 50%;
  right: calc(100% + 12px);
  width: max-content;
  min-width: 160px;
  max-width: 220px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 14px 28px rgba(4,14,28,.22);
  text-align: left;
  display: none;
  transform: translateY(-50%);
  z-index: 20
}
.customerServDiv .servDivT {
  position: relative;
  margin-bottom: 6px;
  padding-right: 14px;
  color: #13253a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2
}
.customerServDiv .rightCsArrow {
  position: absolute;
  top: 50%;
  right: -19px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: translateY(-50%) rotate(45deg)
}
.txt_maintain {
  position: static;
  display: block
}
.Sevli .txt_maintain,
.Sevli .txt_maintain p {
  width: auto;
  left: auto;
  right: auto
}
.txt_maintain p {
  position: static;
  margin: 0;
  padding: 0;
  background: 0 0;
  box-shadow: none;
  border-radius: 0;
  color: #ff9100;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  white-space: normal
}
.customerServ .Sevli:focus-visible .customerServDiv,
.customerServ .Sevli:focus-within .customerServDiv,
.customerServ .Sevli:hover .customerServDiv {
  display: block!important
}
@media (max-width:849px) {
  .rightBtn,
  .rightBtn.scrollX {
    display: none!important
  }
}
.accordion .accordion-title > br {
  display: none!important
}
.accordion .accordion-title {
  display: block;
  position: relative;
  padding-left: 2.3em
}
.accordion .accordion-title > span {
  display: block;
  line-height: 1.45
}
.accordion .accordion-title .toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1
}
#masthead .logo a {
  display: inline-flex;
  align-items: center
}
#masthead .header-logo-dark,
#masthead .header_logo.header-logo {
  width: auto!important;
  max-width: 100%;
  object-fit: contain;
  max-height: 42px
}
@media (max-width:849px) {
  #masthead .header-logo-dark,
  #masthead .header_logo.header-logo {
    max-height: 34px
  }
  .home .custom-slider.swiper {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .home .custom-slider .swiper-slide,
  .home .custom-slider .swiper-wrapper {
    height: auto!important;
    min-height: 0!important
  }
  .home .custom-slider .swiper-slide img {
    display: block;
    width: 100%!important;
    height: auto!important;
    max-height: none!important;
    object-fit: contain!important;
    object-position: center top!important
  }
  .home .custom-slider + .container {
    margin-top: 0!important;
    padding-top: 0!important
  }
  #main-menu.mobile-sidebar {
    display: block!important;
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: auto!important;
    width: 100vw!important;
    max-width: 100vw!important;
    height: 100vh!important;
    z-index: 10150!important;
    overflow-y: auto!important;
    background: #fff!important;
    box-shadow: 10px 0 28px rgba(0,0,0,.22)!important;
    transform: translateX(-105%)!important;
    transition: transform .24s!important
  }
  #main-menu.mobile-sidebar.mfp-hide {
    display: block!important;
    transform: translateX(-105%)!important
  }
  #main-menu.mobile-sidebar.is-open {
    transform: translateX(0)!important
  }
  #main-menu .sidebar-menu {
    padding: 8px 0 18px!important
  }
  #main-menu .onlinefashion-mobile-menu {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    background: #fff!important
  }
  #main-menu .onlinefashion-mobile-menu > li {
    margin: 0!important;
    border: 0!important;
    border-bottom: 1px solid #eceff3!important;
    border-radius: 0!important;
    background: 0 0!important;
    list-style: none!important
  }
  #main-menu .onlinefashion-mobile-menu > li > a {
    display: flex!important;
    align-items: center!important;
    padding: 15px 30px!important;
    font-family: "K2D", sans-serif!important;
    font-size: 15px!important;
    font-weight: 400!important;
    letter-spacing: 0!important;
    text-transform: uppercase;
    color: hsl(0 0% 40% / .85)!important;
    line-height: 1.25!important;
    transition: all .2s!important;
  }
  #main-menu .onlinefashion-mobile-menu > li > a:hover,
  #main-menu .onlinefashion-mobile-menu > li > a[aria-current=page],
  #main-menu .onlinefashion-mobile-menu > li.active > a {
    color: hsl(0 0% 7% / .85)!important;
    background-color: rgba(0,0,0,0.05)!important;
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form {
    padding: 12px 16px!important;
    background: #f8fafc!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .flex-row,
  #main-menu .onlinefashion-mobile-menu > .header-search-form .header-search-form-wrapper,
  #main-menu .onlinefashion-mobile-menu > .header-search-form .searchform,
  #main-menu .onlinefashion-mobile-menu > .header-search-form .searchform-wrapper {
    width: 100%!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .flex-row {
    display: flex!important;
    align-items: stretch!important;
    gap: 0!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .flex-col {
    margin: 0!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .flex-col.flex-grow {
    flex: 1 1 auto!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .search-field {
    width: 100%!important;
    height: 44px!important;
    margin: 0!important;
    border: 1px solid #d7dee8!important;
    border-right: 0!important;
    border-radius: 10px 0 0 10px!important;
    padding: 0 14px!important;
    background: #fff!important;
    color: #334155!important;
    font-size: 15px!important;
    line-height: 44px!important;
    box-shadow: none!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .search-field::placeholder {
    color: #94a3b8!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .ux-search-submit {
    width: 44px!important;
    min-width: 44px!important;
    height: 44px!important;
    margin: 0!important;
    border: 1px solid #d7dee8!important;
    border-left: 0!important;
    border-radius: 0 10px 10px 0!important;
    padding: 0!important;
    background: #fff!important;
    color: #64748b!important;
    box-shadow: none!important
  }
  #main-menu .onlinefashion-mobile-menu > .header-search-form .search-field:focus,
  #main-menu .onlinefashion-mobile-menu > .header-search-form .ux-search-submit:focus-visible,
  #main-menu .onlinefashion-mobile-menu > .header-search-form .ux-search-submit:hover {
    border-color: #1673c7!important;
    outline: 0!important
  }
  .main-menu-overlay[hidden] {
    display: none!important
  }
  .main-menu-overlay.is-visible {
    display: block!important;
    position: fixed!important;
    inset: 0!important;
    background: rgba(0,0,0,.45)!important;
    z-index: 10140!important
  }
  body.off-canvas-open {
    overflow: hidden!important
  }
}
#content .entry-content,
#content .entry-summary,
.author-v3-bio-content,
.author-v3-short-bio,
.premium-author-box .ab-bio {
  color: #111!important;
  font-size: 1rem!important;
  line-height: 1.85;
  font-family: var(--of-font-base)!important
}
#content .entry-content p {
  margin: 0 0 1.05em;
  color: #111!important;
  text-align: justify;
}
#content .entry-content p:has(a),
#content .entry-summary p:has(a),
.author-v3-bio-content p:has(a),
.author-v3-short-bio p:has(a),
.premium-author-box .ab-bio p:has(a) {
  text-align: left;
  text-justify: auto;
}
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4 {
  color: #0f172a!important;
  line-height: 1.35;
  margin: 1.3em 0 .6em;
  font-weight: 700
}
#content .entry-content h2 {
  font-size: 1.6rem;
}
#content .entry-content h3 {
  font-size: 1.35rem;
}
#content .entry-content h4 {
  font-size: 1.15rem;
}
@media (max-width: 640px) {
  #content .entry-content h2 {
    font-size: 1.4rem;
  }
  #content .entry-content h3 {
    font-size: 1.22rem;
  }
  #content .entry-content h4 {
    font-size: 1.08rem;
  }
}
.page #content .entry-content ol,
.page #content .entry-content ul,
.single #content .entry-content ol,
.single #content .entry-content ul {
  margin: 0 0 1.1em 1.3em;
  color: #111!important
}
.page #content .entry-content li,
.single #content .entry-content li {
  margin-bottom: .4em
}
.page #content .entry-content a,
.single #content .entry-content a {
  color: #0b57d0!important;
  text-decoration: none!important
}
.page #content .entry-content blockquote,
.single #content .entry-content blockquote {
  margin: 1.15em 0;
  padding: .6em 1em;
  border-left: 4px solid #0b57d0;
  background: #f7f9fc;
  color: #111!important
}
.page #content .entry-content blockquote p,
.single #content .entry-content blockquote p,
.author-v3-bio-content blockquote p,
.author-v3-short-bio blockquote p,
.premium-author-box .ab-bio blockquote p {
  text-align: left!important;
  text-justify: auto;
  margin-bottom: 0;
}
#content .entry-content img,
#content .entry-content iframe,
#content .entry-content video,
#content .entry-content embed,
#content .entry-content object {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto
}
#content .entry-content table {
  display: table;
  margin: 0 auto 1rem;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  clear: both;
}
.page #content .entry-content table,
.page #content .entry-content td,
.page #content .entry-content th,
.single #content .entry-content table,
.single #content .entry-content td,
.single #content .entry-content th {
  color: #111!important
}
.author-v3-bio-content p,
.author-v3-short-bio p,
.premium-author-box .ab-bio p {
  text-align: justify;
}
.author-v3-bio-content img,
.author-v3-bio-content iframe,
.author-v3-bio-content video,
.author-v3-bio-content embed,
.author-v3-bio-content object,
.author-v3-short-bio img,
.author-v3-short-bio iframe,
.author-v3-short-bio video,
.author-v3-short-bio embed,
.author-v3-short-bio object,
.premium-author-box .ab-bio img,
.premium-author-box .ab-bio iframe,
.premium-author-box .ab-bio video,
.premium-author-box .ab-bio embed,
.premium-author-box .ab-bio object {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.author-v3-bio-content table,
.author-v3-short-bio table,
.premium-author-box .ab-bio table {
  display: table;
  margin: 0 auto 1rem;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  clear: both;
}
.author-v3-bio-content figure,
.author-v3-bio-content figure.alignnone,
.author-v3-bio-content figure.wp-caption,
.author-v3-bio-content .wp-caption.alignnone,
.author-v3-short-bio figure,
.author-v3-short-bio figure.alignnone,
.author-v3-short-bio figure.wp-caption,
.author-v3-short-bio .wp-caption.alignnone {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
.author-v3-bio-content figure img,
.author-v3-short-bio figure img {
  margin-left: auto !important;
  margin-right: auto !important;
}
.author-v3-bio-content .wp-caption .wp-caption-text,
.author-v3-short-bio .wp-caption .wp-caption-text {
  text-align: center;
}
.home #content .entry-content figure,
.home #content .entry-content figure.alignnone,
.home #content .entry-content figure.wp-caption,
.home #content .entry-content .wp-caption.alignnone,
.page #content .entry-content figure,
.page #content .entry-content figure.alignnone,
.page #content .entry-content figure.wp-caption,
.page #content .entry-content .wp-caption.alignnone {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
.home #content .entry-content img,
.page #content .entry-content img {
  margin-left: auto !important;
  margin-right: auto !important;
}
.home #content .entry-content img,
.page #content .entry-content img,
.single #content .entry-content img,
.home #content .entry-content figure,
.page #content .entry-content figure,
.single #content .entry-content figure,
.home #content .entry-content table,
.page #content .entry-content table,
.single #content .entry-content table {
  clear: both;
}
@media (max-width: 849px) {
  #content .entry-content td,
  #content .entry-content th,
  .author-v3-bio-content td,
  .author-v3-bio-content th {
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: top;
  }
}
.single #content .entry-thumbnail {
  margin: 0 auto 24px;
  max-width: 100%;
}
.single #content .entry-thumbnail img,
.single #content .entry-thumbnail .wp-post-image {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-state {
  position: absolute;
  opacity: 0;
  pointer-events: none
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > a {
  display: flex;
  flex: 1 1 calc(100% - 3rem);
  align-items: center;
  min-width: 0;
  padding-right: 0;
  position: relative;
  z-index: 1
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > a::after {
  content: none!important
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-toggle {
  position: relative;
  flex: 0 0 3rem;
  width: 3rem;
  min-height: 54px;
  border: 0;
  padding: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  z-index: 2;
  pointer-events: auto
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-toggle span::before {
  content: "+";
  display: block;
  font-size: 1.4em;
  font-weight: 400;
  color: hsl(0 0% 40% / .85)
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-state:checked + .onlinefashion-submenu-toggle span::before {
  content: "-";
  color: hsl(0 0% 7% / .85)
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu {
  flex: 0 0 100%;
  width: 100%;
  display: none!important;
  margin: 0!important;
  padding: 0 0 10px!important;
  list-style: none!important
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-toggle:focus-visible {
  outline: #1673c7 solid 2px;
  outline-offset: -2px
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-submenu-state:checked ~ .onlinefashion-mobile-submenu {
  display: block!important
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li {
  margin: 0!important;
  border: 0!important;
  border-top: 1px solid #ececec!important;
  list-style: none!important;
  transition: background-color .3s!important;
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li > a {
  display: block!important;
  padding: 15px 20px 15px 40px!important;
  font-family: "K2D", sans-serif!important;
  font-size: 13px!important;
  font-weight: 400!important;
  letter-spacing: .02em!important;
  text-transform: uppercase!important;
  color: hsl(0 0% 40% / .85)!important;
  line-height: 1.35!important
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li:hover,
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li.active {
  background-color: rgb(0 0 0 / .05)!important;
}
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li > a:hover,
#main-menu .onlinefashion-mobile-menu .menu-item-has-children > .onlinefashion-mobile-submenu > li > a[aria-current=page] {
  color: hsl(0 0% 40% / .85)!important;
}
@media (min-width:850px) {
  #header #top-bar {
    min-width: 0!important;
    width: 100%!important;
    overflow: hidden
  }
  #header #top-bar .flex-row.container {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
    gap: 12px
  }
  #header #top-bar .flex-center,
  #header #top-bar .flex-left,
  #header #top-bar .flex-right {
    min-width: 0
  }
  #header #top-bar .flex-left {
    flex: 0 0 auto
  }
  #header #top-bar .flex-center {
    flex: 1 1 auto
  }
  #header #top-bar .flex-right {
    flex: 0 0 auto
  }
  #header #top-bar .header-topbar-registration {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap
  }
  #header #top-bar .header-topbar-registration a {
    margin-right: 0!important;
    white-space: nowrap
  }
  #masthead .onlinefashion-header-shell {
    gap: 12px;
    flex-wrap: nowrap;
    align-items: center
  }
  #masthead .onlinefashion-header-brand {
    flex: 0 0 auto;
    margin-right: 6px!important
  }
  #masthead .onlinefashion-header-mobile-spacer,
  #masthead .onlinefashion-header-mobile-toggle,
    display: none!important
  }
  #masthead .onlinefashion-header-desktop-nav {
    display: flex!important;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible
  }
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-desktop-nav {
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    flex-wrap: nowrap;
    min-width: 0;
    width: 100%;
    overflow: visible
  }
  #masthead .onlinefashion-header-desktop-nav .menu-item {
    flex: 0 0 auto;
    position: relative
  }
  #masthead .onlinefashion-header-desktop-nav .menu-item > a {
    display: inline-flex!important;
    align-items: center;
    gap: 6px;
    font-size: 12px!important;
    line-height: 1.1!important;
    white-space: nowrap;
    padding: 0 8px!important;
    min-height: 44px
  }
  #masthead .onlinefashion-header-desktop-nav .menu-item > a i.icon-angle-down {
    display: inline-block!important;
    margin: 0!important;
    font-size: 11px!important;
    line-height: 1!important;
    opacity: .65
  }
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-submenu {
    display: block!important;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    min-width: 220px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgb(15 23 42 / .14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .18s,transform .18s,visibility .18s;
    z-index: 40
  }
  #masthead .onlinefashion-header-desktop-nav .menu-item:focus-within > .onlinefashion-submenu,
  #masthead .onlinefashion-header-desktop-nav .menu-item:hover > .onlinefashion-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
  }
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-submenu > li {
    margin: 0;
    width: 100%
  }
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-submenu > li > a {
    display: block!important;
    min-height: 0;
    padding: 10px 16px!important;
    font-size: 13px!important;
    line-height: 1.35!important;
    color: #475569!important;
    white-space: nowrap
  }
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-submenu > li > a:focus-visible,
  #masthead .onlinefashion-header-desktop-nav .onlinefashion-submenu > li > a:hover {
    background: #f8fafc;
    color: #0b57d0!important
  }
  #masthead .header_logo.header-logo {
    max-height: 34px!important;
    width: auto!important
  }
  #masthead #logo {
    margin-right: 0!important
  }
}
@media (min-width:850px) and (max-width:1180px) {
  #masthead .onlinefashion-header-shell {
    gap: 8px
  }
  #masthead .onlinefashion-header-desktop-nav .menu-item > a {
    font-size: 11px!important;
    gap: 4px;
    padding: 0 6px!important
  }
  #masthead .header_logo.header-logo {
    max-height: 30px!important
  }
}
@media (max-width:849px) {
  #header #top-bar {
    display: none!important
  }
  #header .header-wrapper {
    background: var(--of-header-bg)!important
  }
  #masthead.header-main {
    min-height: 66px!important;
    height: 66px!important;
    background: var(--of-header-bg)!important;
    border-bottom: 1px solid var(--of-header-border)!important
  }
  #masthead .onlinefashion-header-shell {
    min-height: 66px!important;
    height: 66px!important;
    padding: 0 8px!important;
    gap: 6px!important;
    align-items: center!important
  }
  #masthead .onlinefashion-header-mobile-toggle {
    width: 40px!important;
    min-width: 40px!important;
    display: flex!important;
    justify-content: flex-start!important
  }
  #masthead .onlinefashion-mobile-menu-trigger {
    width: 40px!important;
    height: 40px!important;
    margin: 0!important;
    border-radius: 0!important;
    background: 0 0!important;
    color: var(--of-menu-icon-color)!important;
    box-shadow: none!important;
    font-size: 23px!important
  }
  #masthead .onlinefashion-header-brand {
    flex: 1 1 auto!important;
    margin: 0!important;
    display: flex!important;
    justify-content: center!important
  }
  #masthead .onlinefashion-header-mobile-spacer {
    width: 40px!important;
    min-width: 40px!important;
    height: 40px!important;
    display: block!important
  }
  #masthead .onlinefashion-header-desktop-nav {
    display: none!important
  }
  #masthead .header_logo.header-logo {
    max-height: 41px!important;
    width: auto!important;
    object-fit: contain!important
  }
  #masthead .onlinefashion-logo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: min(78vw,300px);
    padding: 0 6px;
    white-space: normal;
    text-align: center;
    font-size: clamp(22px, 6.5vw, 36px);
    line-height: .96;
    letter-spacing: .03em;
    font-weight: 700;
    color: var(--of-brand-color);
    text-transform: uppercase
  }

  .home .custom-slider.swiper {
    margin-top: 0!important;
    margin-bottom: 8px!important
  }
}

/* CTA Unified Mobile Override */
@media (max-width:849px) {
  #wide-nav.onlinefashion-mobile-cta-bar {
    display: block!important;
    margin-top: 0!important;
    border-top: 0!important;
    border-bottom: 1px solid var(--of-header-border, #e0e0e0)!important;
    background: #ffffff!important;
  }
  #wide-nav.onlinefashion-mobile-cta-bar > .container {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
  }
  #wide-nav .onlinefashion-mobile-cta-group {
    display: flex!important;
    justify-content: center!important;
    gap: 8px!important;
  }
  #wide-nav .header-topbar-register,
  #wide-nav .header-topbar-login {
    flex: 0 0 auto!important;
  }
}
.header-topbar-login a,
.header-topbar-register a {
    padding-left: 30px!important;
    background-size: 16px auto!important;
    background-position: 8px center!important;
    white-space: nowrap!important;
}
.header-topbar-register a,
.header-topbar-login a {
    position: relative;
    background-image: none !important;
    background-size: 0 0 !important;
    background-repeat: no-repeat !important;
    border-radius: 3px !important;
    color: #fff !important;
    text-decoration: none !important;
}
.header-topbar-register a {
    background-color: #ff9f2f !important;
    padding-left: 10px !important;
    padding-right: 24px !important;
}
.header-topbar-login a {
    background-color: #10b7cb !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.header-topbar-register a::before {
    content: "+";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

/* Category archive: 2-column + sidebar layout */
.onlinefashion-category-main {
  padding: 20px 0 28px;
}
.onlinefashion-category-wrapper {
  width: 100%;
}
.onlinefashion-category-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 20px;
  align-items: start;
}
.onlinefashion-category-content {
  min-width: 0;
}
.onlinefashion-category-sidebar {
  min-width: 0;
}
.onlinefashion-category-header {
  margin-bottom: 16px;
}
.onlinefashion-category-title {
  margin: 0;
  text-align: center;
  font-size: clamp(26px, 2.2vw, 36px);
  line-height: 1.2;
  font-weight: 700;
  color: #3f4e63;
  text-transform: uppercase;
}
.onlinefashion-category-description {
  max-width: 980px;
  margin: 10px auto 0;
  text-align: center;
  color: #4b5a6f;
  font-size: 16px;
  line-height: 1.7;
}
.onlinefashion-category-description p {
  margin: 0;
}
.onlinefashion-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.onlinefashion-category-card {
  margin: 0;
  border: 1px solid #e5ebf3;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 16px rgb(15 23 42 / 6%);
}
.onlinefashion-category-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 450 / 267;
  background: #eff5fb;
  overflow: hidden;
}
.onlinefashion-category-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .22s ease;
}
.onlinefashion-category-card:hover .onlinefashion-category-thumb img {
  transform: scale(1.03);
}
.onlinefashion-category-card-body {
  padding: 12px 12px 14px;
  text-align: center;
}
.onlinefashion-category-card-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.onlinefashion-category-card-title a {
  color: #2d4055;
  text-decoration: none;
}
.onlinefashion-category-card-title a:hover {
  color: #0b57d0;
}
.onlinefashion-category-card-date {
  display: inline-block;
  margin-top: 6px;
  color: #7a8798;
  font-size: 12px;
  line-height: 1.2;
}
.onlinefashion-category-pagination {
  margin-top: 18px;
}
.onlinefashion-category-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #d7e2ef;
  border-radius: 8px;
  margin-right: 6px;
  color: #3a4a60;
  text-decoration: none;
  background: #fff;
}
.onlinefashion-category-pagination .page-numbers.current {
  border-color: #2e82d6;
  background: #2e82d6;
  color: #fff;
}
.onlinefashion-category-empty {
  border: 1px solid #e5ebf3;
  border-radius: 12px;
  background: #fff;
  padding: 18px 16px;
  color: #3f4e63;
  text-align: center;
}

.onlinefashion-sidebar-box {
  border: 1px solid #e5ebf3;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 4px 16px rgb(15 23 42 / 6%);
}
.onlinefashion-sidebar-box + .onlinefashion-sidebar-box {
  margin-top: 14px;
}
.onlinefashion-sidebar-title {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.3;
  color: #2d4055;
  font-weight: 700;
}
.onlinefashion-sidebar-recent {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  background: transparent;
}
.onlinefashion-sidebar-recent .onlinefashion-sidebar-title {
  position: relative;
  margin: 0 0 16px;
  padding-top: 14px;
  font-size: 1.2rem;
  color: #1a1a1a;
  letter-spacing: .01em;
  text-transform: uppercase;
  line-height: 1.3;
}
.onlinefashion-sidebar-recent .onlinefashion-sidebar-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 86px;
  height: 4px;
  background: #1e8ad7;
}
.onlinefashion-sidebar-recent .onlinefashion-sidebar-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  height: 2px;
  background: #e7edf3;
  z-index: -1;
}
.onlinefashion-sidebar-recent-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.onlinefashion-sidebar-recent-item {
  display: grid;
  grid-template-columns: 84px minmax(0,1fr);
  gap: 14px;
}
.onlinefashion-sidebar-recent-item + .onlinefashion-sidebar-recent-item {
  margin-top: 16px;
}
.onlinefashion-sidebar-recent-thumb {
  display: block;
}
.onlinefashion-sidebar-recent-thumb img {
  display: block;
  width: 100%;
  height: 64px;
  object-fit: cover;
  border-radius: 2px;
}
.onlinefashion-sidebar-recent-title {
  margin: 0 0 8px;
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 700;
}
.onlinefashion-sidebar-recent-title a {
  color: #1f2937;
  text-decoration: none;
}
.onlinefashion-sidebar-recent-title a:hover {
  color: #0b57d0;
}
.onlinefashion-sidebar-recent-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.84rem;
  color: #5f6d7b;
}
.onlinefashion-sidebar-recent-meta span {
  display: inline-flex;
  align-items: center;
}
.onlinefashion-meta-time::before,
.onlinefashion-meta-date::before {
  display: inline-block;
  margin-right: 6px;
  color: #4f5d6a;
}
.onlinefashion-meta-time::before {
  content: "◷";
}
.onlinefashion-meta-date::before {
  content: "▣";
}
.onlinefashion-sidebar-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.onlinefashion-sidebar-list li + li {
  margin-top: 8px;
}
.onlinefashion-sidebar-list a {
  color: #3a4a60;
  text-decoration: none;
}
.onlinefashion-sidebar-list a:hover {
  color: #0b57d0;
}
.onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}
.onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts li {
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid #e8edf3;
  line-height: 1.5;
}
.onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts li:first-child {
  border-top: 0;
}
.onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-title {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #32465d;
  text-decoration: none;
}
.onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-title:hover {
  color: #0b57d0;
}
@media (max-width: 980px) {
  .onlinefashion-category-sidebar .widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-title {
    font-size: 0.96rem;
  }
}
.onlinefashion-category-sidebar #block-10.widget_recent_entries {
  padding: 10px 0;
}
.onlinefashion-category-sidebar #block-10.widget_recent_entries .wp-block-latest-posts li {
  padding: 10px 14px;
}
.onlinefashion-category-sidebar #block-10.widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-title {
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  letter-spacing: 0;
}
@media (max-width: 980px) {
  .onlinefashion-category-sidebar #block-10.widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-title {
    font-size: 0.86rem !important;
  }
}

@media (max-width: 1200px) {
  .onlinefashion-category-layout {
    grid-template-columns: minmax(0,1fr) 270px;
  }
}
@media (max-width: 980px) {
  .onlinefashion-category-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
@media (max-width: 760px) {
  .onlinefashion-category-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .onlinefashion-category-main {
    padding-top: 14px;
  }
  .onlinefashion-category-description {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 8px;
  }
  .onlinefashion-sidebar-recent .onlinefashion-sidebar-title {
    font-size: 1.05rem;
  }
  .onlinefashion-sidebar-recent-title {
    font-size: 0.9rem;
  }
  .onlinefashion-sidebar-recent-meta {
    font-size: 0.8rem;
    gap: 6px 12px;
  }
  .onlinefashion-category-card-body {
    padding: 10px 10px 12px;
  }
  .onlinefashion-category-card-title {
    font-size: 15px;
  }
}

/* Compatibility: legacy archive markup (Flatsome post grid) */
body.category .blog-wrapper #post-list .row.row-masonry,
body.archive .blog-wrapper #post-list .row.row-masonry {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body.category .blog-wrapper #post-list .post-item,
body.archive .blog-wrapper #post-list .post-item {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}
body.category .blog-wrapper #post-list .post-item .box-blog-post,
body.archive .blog-wrapper #post-list .post-item .box-blog-post {
  border: 1px solid #e5ebf3;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgb(15 23 42 / 6%);
  background: #fff;
}
body.category .blog-wrapper #post-list .post-item .box-text,
body.archive .blog-wrapper #post-list .post-item .box-text {
  padding: 10px 12px 14px;
}
body.category .blog-wrapper #post-list .post-item .post-title,
body.archive .blog-wrapper #post-list .post-item .post-title {
  font-size: 16px;
  line-height: 1.4;
  color: #2d4055;
  margin: 0;
}
@media (max-width: 640px) {
  body.category .blog-wrapper #post-list .row.row-masonry,
  body.archive .blog-wrapper #post-list .row.row-masonry {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.onlinefashion-header-mobile-toggle { padding: 0 !important; }
@media (max-width:849px) {
  #masthead .onlinefashion-header-mobile-toggle,
  #masthead .onlinefashion-header-mobile-spacer,
  #masthead .onlinefashion-header-brand {
    padding: 0 !important;
  }
}

/* --- SLIDER GAP FIX --- */
.home.page #main { padding-top: 0 !important; }
.home #content,
.home .page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.home #content p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Xử lý các thẻ p rỗng hoặc chứa inline elements thừa trong UX Block */
.home .onlinefashion-ux-block p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.home .onlinefashion-ux-block p:empty {
    display: none !important;
}
.home .custom-slider.swiper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.home .custom-slider .swiper-pagination {
    bottom: 15px !important;
    z-index: 10 !important;
}