:root {
    --blog-heading: 36px;
    --blog-sub-heading: 28px;
    --blog-heading-margin-bottom: 48px;
    --blog-detail-title: 54px;

    --wc-category-heading: 36px;

}

@media screen and (max-width:991px) {
    :root {
        --blog-sub-heading: 22px;
        --wc-category-heading: 32px;
        --blog-detail-title: 36px;
    }
}

/**CUSTOM**/
.result-error {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-top: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: 0.375rem;
    color: #721c24;
    background-color: #f8d7da;
    font-size: 14px;
    line-height: 1.5;
  }
  
  /* Icon cảnh báo (tuỳ chọn) */
  .result-error::before {
    content: "⚠ ";
    font-weight: bold;
  }
  
  /* Link trong alert */
  .result-error a {
    color: #721c24;
    font-weight: 600;
    text-decoration: underline;
  }
  
  .result-error a:hover {
    color: #491217;
  }
  
  /* Mobile */
  @media (max-width: 768px) {
    .result-error {
      font-size: 13px;
      padding: 0.65rem 1rem;
    }
  }
  
.pt-16 {
    padding-top: 16px;
}

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: inherit !important;
}

.mytheme-breadcrumbs {
    margin-bottom: 20px;
}

.mytheme-breadcrumbs .breadcrumbs {
    padding-top: 10px;
    white-space: nowrap;
    overflow-x: auto;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.header-bottom-nav .html_topbar_right {
    display: block;
    width: 100%;
    padding: 10px 0;
}

.quick-buttons {
    justify-content: space-between;
    align-items: center;

}

.quick-buttons .button-hotline {
    background: url(../images/phone.svg) no-repeat left center;
    padding-left: 20px;
}

.quick-buttons .button {
    border-radius: 50px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
    margin: 0;
}

@media screen and (max-width:768px) {

    .sm-md-0,
    .sm-mb-0 {
        margin-bottom: 0 !important;
    }

    .sm-pd-0 {
        padding-bottom: 0 !important;
    }
}

/**End CUSTOM**/

/**Start Header**/
.off-canvas-right .mfp-close {
    top: 5px;
    right: 10px;
}

#cart-popup .cart-popup-title {
    padding-top: 5px;
}
#search-lightbox .searchform-wrapper {
    
}
#search-lightbox .searchform-wrapper  button i{color:#333}
#search-lightbox .searchform-wrapper .search-field::placeholder{color: #333;}
#search-lightbox .searchform-wrapper .search-field{color:#333 !important;background:#fff !important;border:1px solid #cdcdcd;
width:100%;opacity: 1;text-indent: 10px;
}
#search-lightbox .searchform-wrapper .searchform .flex-row.relative .flex-col.flex-grow{flex:1 !important}
#search-lightbox .autocomplete-suggestions{background: #fff;color:#333;border-radius: 8px;}

.menu-mobile-header{padding: 10px 0;}
.menu-mobile-header .medium-logo-center .flex-left{visibility: hidden;}
.off-canvas-left .mfp-close{right:auto;left:10px}
.menu-mobile-header .top-divider{display: none;}
@media screen and (min-width:991px) {
    #header .header-main .header-inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/**End Header**/

/***Trang Author*/

.page-author {}

.page-author .page-title {
    margin-bottom: var(--blog-heading-margin-bottom);
}

.page-author h1 {
    font-size: var(--blog-heading);
    margin: 0;
    padding: 0;
}

.box-author-info {
    max-width: 1024px;
    margin: 0 auto 30px;
    border: 1px solid #ededed;
    width: 100%;
    background: #fff;
    margin-bottom: var(--blog-heading-margin-bottom);
}

.box-author-info__inner {
    padding: 20px;
    display: flex;
    gap: 0 10px
}

.author-avatar {
    width: 96px;
}

.author-avatar img {
    width: 100%;
    height: auto;
    max-width: 96px;
}

.author-info {
    width: calc(100% - 100px);
}

.author-toolbar {
    display: flex;
    margin-bottom: 10px;
    ;
}

.author-toolbar p {
    margin-bottom: 0;
}

.author-toolbar .label-tag {
    display: inline-block;
    background-color: #222;
    margin: 0 10px 0 0;
    padding: 5px 10px 4px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.author-quote p {
    margin-bottom: 0;
    font-size: 13px;
}

.author-note {
    margin-bottom: var(--blog-heading-margin-bottom);
}

.author-note h2 {
    font-size: var(--blog-sub-heading);
}

@media screen and (max-width:991px) {
    .box-author-info {
        margin-left: 16px;
        margin-right: 16px;
        width: auto;
    }

    .author-avatar,
    .author-info {
        width: 100%;
    }

    .author-avatar {
        text-align: center;
    }

    .box-author-info__inner {
        flex-direction: column;
    }

    .author-note,
    .author-grid {
        margin-left: 16px;
        margin-right: 16px;
    }
}

/**END BOX AUTHOR**/


/***Start Category Woocommerce**/
.section-heading {
    margin-bottom: 32px;
}

.section-heading h1 {
    font-size: var(--wc-category-heading);
    margin: 0;
    font-weight: normal;
}

.term-description #ez-toc-container a,
.term-description,
.term-description h2,
.term-description h3,
.term-description h4,
.term-description ul li {
    color: #5d5d5d;
}

.term-description .ez-toc-title-container {
    display: none;
}

.panel-limit {
    max-height: 450px;
    overflow: hidden;
    position: relative;
}

.desc-more {
    position: absolute;
    width: 100%;
    text-align: center;
}

.desc-more a:hover {
    text-decoration: underline;
}

#desc_view_more:hover {
    color: #fff;
}

@media screen and (max-width:991px) {
    .tax-product_cat .category-page-row {
        padding-top: 0;
    }

    .desc-more{
        bottom: 50px;
    }
}

.term-description #ez-toc-container nav {
    max-height: 125px;
    overflow: hidden;
    display: block;
    margin-bottom: 16px;
}

.term-description #ez-toc-container.more-toc nav {
    overflow: inherit;
    max-height: inherit;
}

#ez-toc-container a.toc-more {
    text-decoration: underline;
}

#ez-toc-container a.toc-more-less {
    display: none;
}

#ez-toc-container.more-toc a.toc-more-less {
    display: block;
}

#ez-toc-container.more-toc a.toc-xem-them {
    display: none;
}

/***End Category Woocommerce**/

/***Start Detail Woocommerce**/
.product-select2 {
    margin-bottom: 16px;
}

.has-hover .attachment-woocommerce_thumbnail {
    transition: filter .3s, opacity .3s, transform .3s, box-shadow .3s
}

.has-hover:hover .attachment-woocommerce_thumbnail {}

.has-hover:hover .show-on-hover {
    opacity: 1;
}

#tab-description ul li p {
    margin: 0;
}

@media screen and (max-width:991px) {
    .has-hover:hover .attachment-woocommerce_thumbnail {
        opacity: 1 !important;
    }

    .has-hover:hover .show-on-hover {
        display: none;
    }
}

/***End Detail Woocommerce**/

/***Start Page Info **/
.page-info {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;

}

.page-info .page-info__inner {
    padding: 0 10px;
}

/***End Page Info **/

/**Blog***/
.load-more-wrap {
    margin: 28px 0 20px;
}

.load-more-wrap .button-load-more {
    text-transform: none;
    font-weight: normal;
    border-radius: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
}

.single-post .post .entry-title {
    text-align: center;
    font-size: var(--blog-detail-title);
    font-weight: normal;
}

.single-post .post .is-divider {
    display: none;
}

/***end blog **/

/**Home**/
#home-news__pagination {
    left: 15px !important;
    right: 15px !important;
    width: auto !important
}

.home-product-slider .home-product__pagination {
    max-width: 430px;
    left: 50% !important;
    transform: translateX(-50%);
}

.section-accessories .tab-home .tab-panels .button {
    margin-bottom: 0;
}

@media screen and (min-width:1024px) {
   
     .section-accessories .swiper.home-product-slider {
        max-width: 1280px;margin-left: auto !important;margin-right: auto !important;
    } 
    .section-accessories .swiper-button-next,.section-accessories .swiper-button-prev{
        top:35%
    }
    .group-product-slider .swiper-button-next{right:-32px !important;top:45%}
    .group-product-slider .swiper-button-prev{left:-30px !important;top:45%}
}

@media screen and (max-width:991px) {
    .slide-he-thong .swiper-wrapper {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width:768px) {
    .home-product-slider .home-product__pagination {
        max-width: 256px;
    }

    .section-news .title-bst-home h2 {
        margin-bottom: 0;
    }

    .section-accessories {
        padding-bottom: 16px !important;
    }

    .section-accessories .swiper-wrapper {
        padding-top: 0;
    }

    .section-accessories .tab-home .tab-panels {
        padding-top: 24px;
    }

}

/** end home **/


/**Footer**/
@media screen and (max-width:991px) {
    #footer .ux-menu {
        display: none;
    }

    #footer .col-footer-info .ux-menu {
        display: block;
        margin-bottom: 8px;
    }

    #footer .gap-element {
        padding-top: 16px;
    }

    #footer .title-footer {
        position: relative;
        display: flex;
        gap: 0 8px;
        margin-bottom: 0;
    }

    .footer-wrapper .title-footer p {
        margin-bottom: 0 !important;
    }

    #footer .title-footer::after {
        content: "";
        background: url("../images/chevron-down.png");
        display: block;
        width: 18px;
        height: 18px;
        transition: .25s all;
    }

    #footer .title-footer.show-toggle::after {
        transform: rotate(180deg);
    }
}

/**End footer**/
/** Lien he **/
    :root{
        --contact-padding:16px;
    }
    .contact-col-info h3{font-size: 20px !important;margin:0 0 8px !important}
    .contact-col-info .box-image{margin-bottom: 20px;}
    .contact-col-info .ux-menu .ux-menu-link .ux-menu-link__text{font-size: 16px;}
    .contact-col-info .ux-menu .ux-menu-link .ux-menu-link__link{margin:0}
    .contact-col-form .col-inner{
        background: #fff;
        padding:var(--contact-padding);
       
        border:1px solid #cdcdcd;
        border-radius: 16px;
    }
    .contact-col-form .form-dat-lich input,
    .contact-col-form .form-dat-lich textarea
    {box-shadow: none;border:1px solid #cdcdcd;}
    .contact-col-form .form-dat-lich   .wpcf7-submit{font-weight: normal;margin:0}
    @media screen and (min-width:1024px){
        :root{
            --contact-padding:80px;
        }
    }
    @media screen and (max-width:991px){
        .contact-col-form{order:1}
        .contact-col-form .form-dat-lich h3{text-align: left;}
        .contact-col-info{order:2}
    }

  
/** end lien he **/

/**Tra cuu bao hanh **/
:root{
    --imei-padding:80px
}
@media screen and (max-width:991px){
    :root{
        --imei-padding:16px
    } 
}
.page-imei{
    max-width: 1200px;margin-left: auto;margin-right: auto;width:100%;
}
.page-imei .box-baohanh{
    padding-left: 0;padding-right: 0;
}
#frmImeiCheck {
    position: relative;
  }
  
  #frmImeiCheck.is-loading::after {
    content: "Đang kiểm tra...";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    z-index: 10;
  }
.section-imei-check  {
    border:1px solid #cdcdcd;border-radius: 8px;padding:var(--imei-padding)
}
.section-imei-check h4{
    text-align: center;font-size: 36px;margin-bottom: 32px;line-height: 1;
}
#frmImeiCheck  label{font-weight: normal;font-size: 16px;margin-bottom: 8px;}
#frmImeiCheck input{
    border:1px solid #cdcdcd;border-radius: 8px;box-shadow: none;
}
#frmImeiCheck button{font-weight: normal;text-transform: none;width:100%;border-radius: 50px;padding-top: 5px;padding-bottom: 5px;margin:0}

.imei-result{margin-bottom: 200px;max-width: 1024px;width:100%;margin-left: auto;margin-right: auto;}

.imei-result-thumb{}
.imei-result-info{ }
.imei-result-info h3{text-transform: uppercase;margin-bottom: 12px;font-size: 24px;}
.imei-result-info p{margin-bottom: 8px;font-size: 14px;}
.box-baohanh-result{display: inline-block;padding:12px 16px;margin-top: 32px;}
.box-baohanh__inner{padding-left: 32px;position: relative;}
.baohanh-unvalid .box-baohanh__inner::before{
    content:"";
    background: url(../images/information-circle.svg);width: 24px;height: 24px;position: absolute;top:0;left:0;
}
.baohanh-unvalid {border:1px solid #f00;border-radius: 12px;}

.baohanh-valid .box-baohanh__inner::before{
    content:"";
    background: url(../images/check-circle-valid.svg) center center no-repeat;width: 24px;height: 24px;position: absolute;top:0;left:0;
}
.baohanh-valid {border:1px solid #00C950;border-radius: 12px;}

.box-baohanh-result h4{font-size: 16px;margin-bottom: 4px;line-height: 1;font-weight: normal;}
.box-baohanh-result  p{font-size: 14px;margin:0;}
/** end tra cuu bao hanh ** /