/* XÓA BORDER RIGHT CỦA TRANG   */
body.page .page-wrapper .row .large-9.col{
    border: none;
}
/*GIẢM PADDING */
body.page .page-wrapper .row .large-3.col{
    padding: 0 10px !important;
}

.page-wrapper .row .large-3.col aside,
.post-sidebar aside:first-child {
    margin-top: 0;
}
.page-wrapper .row .large-3.col aside,
.post-sidebar aside {
    position: relative;
    margin: 25px 0 30px;
    padding: 38px 32px;
    /* Sử dụng color-mix để tạo màu nền cực nhạt từ màu chủ đạo */
    background: linear-gradient(135deg, 
        color-mix(in srgb, var(--primary-color), white 97%), 
        color-mix(in srgb, var(--primary-color), white 94%)
    );
    border: 1px solid color-mix(in srgb, var(--primary-color), white 90%);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.page-wrapper .row .large-3.col aside:first-child,
.post-sidebar aside:first-child {
    margin-top: 0px;
}

/* Hiệu ứng decor nền */
.page-wrapper .row .large-3.col aside::before ,
.post-sidebar aside::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    background: color-mix(in srgb, var(--primary-color), transparent 92%);
    border-radius: 50%;
}

.page-wrapper .row .large-3.col aside::after ,
.post-sidebar aside::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 100px;
    height: 100px;
    background: color-mix(in srgb, var(--primary-color), transparent 94%);
    border-radius: 50%;
}

.page-wrapper .row .large-3.col aside .widget-title,
.post-sidebar aside .widget-title {
    display: block;
    text-transform: uppercase;
    font-family: "Playfair Display", sans-serif;
    font-weight: bold;
    margin: 1rem 0;
    font-size: 1.2rem;
    color: var(--fs-color-base);
}

@media only screen and (min-width: 768px){
    .page-wrapper .row .large-3.col,
    .post-sidebar{
        padding: 0 5px !important;
    }
}
@media only screen and (max-width: 768px){
    .page-wrapper .row .large-3.col,
    .post-sidebar{
        padding: 20px;
    }
}