.mfp-bg {
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* dp-heading */
.dp-heading .section-title {
    justify-content: center;
}

.dp-heading .section-title,
.dp-heading-left .section-title {
    border: unset !important;
}

.dp-heading b,
.dp-heading-left b {
    display: none !important;
}

.dp-heading span,
.dp-heading-left span {
    border: unset;
    padding: unset;
    margin: unset;
}

/* dp-sidebar */
.dp-sidebar {
    padding: unset !important;
}

.dp-sidebar .box-image {
    margin: unset !important;
}

.dp-sidebar .section-title {
    line-height: 1;
    border-left: 5px solid var(--primary-color) !important;
    padding-left: 10px !important;
}

.dp-sidebar {
    counter-reset: post-counter;
}

.dp-sidebar .post-item {
    counter-increment: post-counter;
}

.dp-sidebar .post-item .box .post-title::before {
    content: "";
}

.dp-sidebar .post-item:nth-child(-n+3) .post-title::before {
    content: counter(post-counter);
    position: absolute;
    top: 16px;
    left: 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dp-sidebar .post-item:nth-child(-n+3) {
    padding-bottom: 10px;
}

.dp-sidebar .post-item:nth-child(-n+3) .box .post-title {
    padding-left: 40px;
}

.dp-sidebar .post-item:nth-child(-n+3) .box {
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    padding-top: 10px;
}

.dp-sidebar .post-item:nth-child(-n+3) .box-image {
    display: none;
}

.dp-sidebar .post-item:nth-child(-n+3) .box-text {
    text-shadow: unset !important;
    padding: unset;
    position: unset !important;
}

.dp-sidebar .post-item:nth-child(-n+3) .post-title .plain {
    color: rgba(0, 0, 0, 0.5) !important;
    font-weight: 700 !important;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100% !important;
}

.dp-sidebar .post-item:nth-child(-n+3) .post-meta {
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
}

.dp-sidebar .post-item:nth-child(n+4) .post-meta {
    display: none;
}

.dp-sidebar .post-item:nth-child(n+3) .post-title {
    font-size: 14px;
}

.dp-sidebar .post-item:nth-child(n+3) .box-text {
    padding: 10px;
}

.dp-sidebar .post-item:nth-child(n+3) .box:hover .overlay {
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

figure {
    max-width: 800px !important;
    margin: 0 auto;
    margin-bottom: 1rem;
    border: 1px dashed rgba(0, 0, 0, 0.1);
}

figcaption {
    background: rgb(240, 240, 240);
    text-align: center;
    padding: 7px;
    font-size: 14px;
    font-style: italic;
}

/* ================ End init css ================= */
/* dp-sp-new */
.dp-sp-new .box:hover img {
    filter: brightness(0.7);
}

.dp-sp-new .box p {
    font-size: 32px;
    font-weight: bold;
}

.dp-sp-new .box-text {
    text-shadow: unset !important;
    padding: 40px;
}

/* product */
.product .box-image {
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    background: white;
}

.product .box-text {
    padding: unset;
    padding-top: 10px;
}

.product .box-text .product-title a {
    font-size: 22px;
    color: black;
}
.product .price span{
    font-size: 18px;
    color: #7e7e7e;
}
.product  .back-image{
    display: none;
}
.product-gallery .vertical-thumbnails::-webkit-scrollbar {
    background: unset;
    width: 0px;
}

.pswp__bg {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.product-footer table {
    background: white;
}
.product-footer table thead{
    background: rgba(0, 0, 0, 0.1);
    font-size: 20px;
}
.product-footer table td,
.product-footer table th {
    padding: 12px 20px !important;
    border: unset;
    color: black;
    font-size: 16px;
}
.product-footer table th {
    padding: 20px !important;
}

/* related-products-wrapper */
.related-products-wrapper{
    padding: 50px 0;
}
/* dp-theo-doi */
.dp-theo-doi h2{
    font-size: 40px;
    margin-bottom: unset;
}
.dp-theo-doi .social-icons a{
    font-size: 40px;
    color: black;
}
.dp-theo-doi .dp-img{
    z-index: -1;
}
.dp-theo-doi .section-bg img{
    object-fit: contain; /* hoặc initial */
    object-position: bottom center; /* hoặc initial */
}
.dp-theo-doi .dp-row h3{
    font-size: 16px;
}
.dp-theo-doi .dp-row p strong{
    font-size: 42px;
    margin-right: 10px;
}
.dp-theo-doi .dp-row p {
    font-weight: bold;
}
.dp-theo-doi .dp-row{
    text-shadow: 0 1px 2px rgba(0,0,0,0.9);
}
.dp-ho-tro {
    background: white;
    padding: 30px;
}
.dp-ho-tro .icon img{
    height: 75px;
    object-fit: contain;
}   

/* dp-about */
.dp-about .section-bg img{
    object-position: center right;
    object-fit: contain;
}
.dp-about-2 .col-inner{
    height: 100%;
}
.dp-about-3 .section-bg img{
    object-position: top center;
}