/* CSS độc lập, dùng với 1 cột 12/12 trong UX Builder */
.edu-feedback{--edu-fg:var(--primary-color);--edu-space:20px;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(30px,5vw,76px);align-items:center;max-width:1240px;width:100%;margin:0 auto;padding:40px 28px;font-family:inherit}
.edu-feedback,.edu-feedback *{box-sizing:border-box}
.edu-feedback-detail{min-width:0;padding:18px 4px}
.edu-feedback-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--primary-color);font-size:12px;letter-spacing:1px;margin-bottom:20px}
.edu-feedback-detail h2{font-size:clamp(24px,2.7vw,35px);line-height:1.32;font-weight:700;color:#243145;margin:0 0 30px}
.edu-feedback-quotation{border-left:3px solid var(--primary-color);padding:12px 0 12px 24px;position:relative}
.edu-feedback-quotation:before{content:'“';position:absolute;left:12px;top:-24px;color:var(--primary-color);opacity:.17;font-size:64px;font-family:Georgia,serif}
.edu-feedback-active-text{position:relative;margin:0!important;color:#56667a;font-style:italic;font-size:15px;line-height:1.8;min-height:80px}
.edu-feedback-active-stars{color:#f8b400;font-size:19px;letter-spacing:3px;margin-top:22px}
.edu-feedback-person{display:flex;align-items:center;gap:12px;margin-top:22px}
.edu-feedback-active-photo{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#edf2f7}
.edu-feedback-active-name{display:block;color:#243145;font-weight:700;font-size:15px}
.edu-feedback-active-role{display:block;color:#7d8b9b;font-size:13px;margin-top:4px}
.edu-feedback-side{position:relative;min-width:0;height:510px}
.edu-feedback-window{height:100%;overflow:hidden;outline-offset:4px;mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent)}
.edu-feedback-track{will-change:transform}
.edu-feedback-group{display:flex;flex-direction:column;gap:var(--edu-space);padding-bottom:var(--edu-space)}
.edu-feedback-card{display:block;flex-shrink:0;width:calc(100% - 18px);padding:20px 22px;text-align:left;font-family:inherit;color:inherit;background:#fff!important;border:1px solid rgba(25,75,130,.07)!important;border-radius:19px!important;box-shadow:0 14px 35px rgba(24,65,110,.12),0 3px 9px rgba(24,65,110,.045);cursor:pointer;min-height:0!important;height:auto!important;line-height:normal;transition:box-shadow .25s,border-color .25s,transform .25s}
.edu-feedback-card:hover{box-shadow:0 18px 40px rgba(24,65,110,.18);transform:translateY(-2px)}
.edu-feedback-card.is-selected{border-color:var(--primary-color)!important;box-shadow:0 15px 38px rgba(24,65,110,.18),inset 3px 0 var(--primary-color)}
.edu-feedback-card-head{display:flex;align-items:center;gap:13px}
.edu-feedback-card-head img{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:50%}
.edu-feedback-card-head strong{display:block;color:#263349;font-size:14px;font-weight:700;line-height:1.4}
.edu-feedback-card-head small{display:block;color:#8593a5;font-size:12px;margin-top:4px;font-weight:400}
.edu-feedback-card-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:15px 0 12px;font-size:13.5px;line-height:1.65;color:#53647b}
.edu-feedback-card-stars{display:block;color:#f8b400;letter-spacing:3px;font-size:17px}
.edu-feedback-nav{position:absolute;right:-8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}
.edu-feedback-nav button{display:grid;place-items:center;width:42px;height:42px;min-height:0;padding:0!important;margin:0!important;background:#fff!important;border:1px solid #e5edf5!important;border-radius:50%!important;color:var(--primary-color)!important;box-shadow:0 6px 17px rgba(27,67,107,.13);cursor:pointer}
.edu-feedback-nav button:hover{background:var(--primary-color)!important;color:#fff!important}
.edu-feedback-nav i{font-size:13px}
@media(max-width:849px){.edu-feedback{grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:20px 16px}.edu-feedback-detail{padding:0}.edu-feedback-detail h2{font-size:26px;margin-bottom:20px}.edu-feedback-side{height:410px}.edu-feedback-card{width:calc(100% - 12px)}}
@media(max-width:480px){.edu-feedback-detail h2{font-size:23px}.edu-feedback-active-text{font-size:14px}.edu-feedback-card{padding:16px}.edu-feedback-side{height:390px}}
@media(prefers-reduced-motion:reduce){.edu-feedback-card{transition:none}.edu-feedback-track{will-change:auto}}

/* Xử lý BR và P thừa trong slider */

.edu-feedback-track br {
    display: none !important;
}

.edu-feedback-track p:empty {
    display: none !important;
}

/* Các nhóm đánh giá không bị margin mặc định */
.edu-feedback-track,
.edu-feedback-group {
    margin: 0 !important;
}

/* Card không phát sinh khoảng cách ngoài */
.edu-feedback-card {
    margin: 0 !important;
}

/* Khoảng cách giữa card do gap kiểm soát */
.edu-feedback-group {
    gap: 20px;
}