/* PekEdu-Sự kiện v1.0.53 */
.pekedu-event{--pek-height:260px;--pek-mobile-height:220px;--pek-accent:#ffd54a;--pek-overlay:#000;--pek-overlay-opacity:0;--pek-player-opacity:.82;--pek-slide-duration:900ms;position:relative;width:100%;font-family:inherit;isolation:isolate;contain:layout style}.pekedu-event,.pekedu-event *{box-sizing:border-box}.pekedu-event button,.pekedu-event input,.pekedu-event select{font:inherit}.pekedu-event__visual{position:relative;width:100%;overflow:hidden;border-radius:10px;background:transparent;outline:0;box-shadow:0 1px 0 rgba(0,0,0,.04);contain:paint}.pekedu-event--height-fixed .pekedu-event__visual{height:var(--pek-height)}.pekedu-event--height-auto .pekedu-event__visual{height:auto;min-height:1px}.pekedu-event__ratio-sizer{display:none;width:100%;height:auto;opacity:0;pointer-events:none;user-select:none}.pekedu-event--height-auto .pekedu-event__ratio-sizer{display:block;width:100%;height:auto}.pekedu-event.is-ratio-managed .pekedu-event__ratio-sizer{position:static;width:100%;height:auto}.pekedu-event__media,.pekedu-event__overlay,.pekedu-event__fireworks{position:absolute;inset:0}.pekedu-event__media{z-index:0;overflow:hidden;background:transparent}.pekedu-event__bg{position:absolute;inset:0;overflow:hidden;opacity:0;transform:translate3d(0,0,0);backface-visibility:hidden;background-image:var(--pek-bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;transition-property:opacity,transform;transition-duration:var(--pek-slide-duration);transition-timing-function:cubic-bezier(.2,.72,.2,1);filter:var(--pek-image-filter,none)}.pekedu-event__bg:before,.pekedu-event__bg:after{display:none!important;content:none!important}.pekedu-event__bg.is-active{opacity:1;z-index:1}.pekedu-event__bg.is-next{z-index:2}.pekedu-event__bg.is-leaving{z-index:1}.pekedu-event[data-slide-effect="fade"] .pekedu-event__bg{transform:none}.pekedu-event[data-slide-effect="soft_zoom"] .pekedu-event__bg{transform:scale(1.018)}.pekedu-event[data-slide-effect="soft_zoom"] .pekedu-event__bg.is-active{transform:scale(1)}.pekedu-event[data-slide-effect="slide"] .pekedu-event__bg{transform:translate3d(1.4%,0,0)}.pekedu-event[data-slide-effect="slide"] .pekedu-event__bg.is-active{transform:translate3d(0,0,0)}.pekedu-event[data-slide-effect="slide"] .pekedu-event__bg.is-leaving{opacity:0;transform:translate3d(-1.2%,0,0)}.pekedu-event[data-slide-effect="none"] .pekedu-event__bg{transition:none;transform:none}.pekedu-event__bgvideo{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:fill;display:block;filter:var(--pek-image-filter,none)}.pekedu-event__overlay{z-index:2;background:var(--pek-overlay);opacity:var(--pek-overlay-opacity);pointer-events:none}.pekedu-event__fireworks{z-index:3;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .16s ease}.pekedu-event.is-fireworks-off .pekedu-event__fireworks{opacity:0}

/* Player: một hàng, phản hồi nhanh, tránh blur nặng để giảm tải GPU. */
.pekedu-event__player{position:absolute;z-index:7;left:clamp(6px,1.1vw,14px);right:clamp(6px,1.1vw,14px);bottom:clamp(6px,1vw,12px);min-width:0;height:clamp(40px,4.1vw,47px);padding:4px clamp(6px,.8vw,10px);display:grid;grid-template-columns:auto 34px minmax(56px,1fr) 34px auto;align-items:center;gap:clamp(3px,.5vw,7px);border:1px solid rgba(255,255,255,.16);border-radius:13px;color:#fff!important;overflow:visible;box-shadow:0 7px 20px rgba(0,0,0,.18);opacity:0;transform:translate3d(0,2px,0);pointer-events:none;visibility:hidden;will-change:opacity,transform;transition:opacity .14s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1),visibility 0s linear .16s}.pekedu-event__player--glass_dark{background:rgba(12,9,18,var(--pek-player-opacity))}.pekedu-event__player--solid_dark{background:rgba(10,10,13,var(--pek-player-opacity));border-color:rgba(255,255,255,.10)}.pekedu-event__player--glass_light{background:rgba(38,38,44,calc(var(--pek-player-opacity)*.88));border-color:rgba(255,255,255,.18)}.pekedu-event.is-player-static .pekedu-event__player,.pekedu-event.is-controls-visible .pekedu-event__player,.pekedu-event.is-settings-open .pekedu-event__player,.pekedu-event.is-keyboard-focus .pekedu-event__player{opacity:1;transform:translate3d(0,0,0);pointer-events:auto;visibility:visible;transition-delay:0s}@media(hover:hover) and (pointer:fine){.pekedu-event:not(.is-player-static) .pekedu-event__visual:hover .pekedu-event__player{opacity:1;transform:translate3d(0,0,0);pointer-events:auto;visibility:visible;transition-delay:0s}}.pekedu-event__player audio{display:none}.pekedu-event__player-controls{display:flex;align-items:center;justify-content:flex-start;gap:1px;white-space:nowrap;min-width:0}.pekedu-event__control,.pekedu-event__play,.pekedu-event__volume-btn,.pekedu-event__settings-btn,.pekedu-event__settings-close{display:grid;place-items:center;flex:0 0 auto;border:0!important;outline:0;background:transparent!important;color:#fff!important;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:color .12s ease,background-color .12s ease,opacity .12s ease,box-shadow .12s ease}.pekedu-event__control:focus-visible,.pekedu-event__play:focus-visible,.pekedu-event__volume-btn:focus-visible,.pekedu-event__settings-btn:focus-visible,.pekedu-event__settings-close:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.42)}.pekedu-event__control{width:33px;height:33px;border-radius:50%!important;opacity:1}.pekedu-event__control svg{width:20px;height:20px;overflow:visible;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.pekedu-event__control:hover,.pekedu-event__control.is-active,.pekedu-event__settings-btn:hover,.pekedu-event__settings-btn.is-active{color:var(--pek-accent)!important}.pekedu-event__control:hover{background:rgba(255,255,255,.08)!important}.pekedu-event__control.is-active,.pekedu-event__settings-btn.is-active{background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.06)}.pekedu-event__control:active,.pekedu-event__volume-btn:active,.pekedu-event__settings-btn:active,.pekedu-event__settings-close:active,.pekedu-event__control.is-pressed,.pekedu-event__settings-btn.is-pressed{transform:scale(.91)}.pekedu-event__play{position:relative;width:40px;height:40px;margin:0 3px;border:1.35px solid rgba(255,255,255,.96)!important;border-radius:50%!important;background:rgba(255,255,255,.035)!important}.pekedu-event__play:hover{background:rgba(255,255,255,.10)!important}.pekedu-event__play svg{width:18px;height:18px}.pekedu-event__play.is-buffering:after{content:"";position:absolute;inset:4px;border:1.5px solid transparent;border-top-color:var(--pek-accent);border-radius:50%;animation:pek-spin .7s linear infinite}@keyframes pek-spin{to{transform:rotate(360deg)}}.pekedu-event__time{font-size:10px;line-height:1;color:rgba(255,255,255,.78)!important;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.2)}.pekedu-event__time--duration{text-align:right;color:#fff!important}.pekedu-event__progress,.pekedu-event__volume{appearance:none;-webkit-appearance:none;width:100%;height:4px;border:0;border-radius:999px;outline:0;cursor:pointer;background:linear-gradient(to right,#fff 0,#fff var(--pek-progress,0%),rgba(255,255,255,.28) var(--pek-progress,0%),rgba(255,255,255,.28) 100%);touch-action:pan-y}.pekedu-event__progress::-webkit-slider-thumb,.pekedu-event__volume::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24)}.pekedu-event__progress::-moz-range-thumb,.pekedu-event__volume::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24)}.pekedu-event__volume-box{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.pekedu-event__volume-btn,.pekedu-event__settings-btn{width:29px;height:29px;border-radius:50%!important}.pekedu-event__volume-btn:hover,.pekedu-event__settings-btn:hover{background:rgba(255,255,255,.085)!important}.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:17px;height:17px}.pekedu-event__volume{width:clamp(42px,7vw,82px);height:3px;background:linear-gradient(to right,#fff 0,#fff var(--pek-volume,75%),rgba(255,255,255,.25) var(--pek-volume,75%),rgba(255,255,255,.25) 100%)}.pekedu-event__volume::-webkit-slider-thumb{width:9px;height:9px}.pekedu-event__volume::-moz-range-thumb{width:9px;height:9px}

/* Cài đặt nhanh: compact, đồng nhất cỡ chữ, ưu tiên màn hình nhỏ. */
.pekedu-event__settings{position:absolute;z-index:8;right:clamp(6px,1.1vw,14px);bottom:clamp(54px,5.6vw,65px);width:min(360px,calc(100% - 12px));max-height:calc(100% - 60px);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;background:rgba(16,11,20,.965);box-shadow:0 12px 26px rgba(0,0,0,.24);opacity:0;transform:translate3d(0,5px,0) scale(.99);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .14s ease-out,transform .15s cubic-bezier(.2,.8,.2,1),visibility 0s linear .15s}.pekedu-event__settings.is-open{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto;visibility:visible;transition-delay:0s}.pekedu-event__settings-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 9px;background:rgba(16,11,20,.99);border-bottom:1px solid rgba(255,255,255,.09)}.pekedu-event__settings-title{display:flex;align-items:center;gap:8px;min-width:0}.pekedu-event__settings-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--pek-accent)}.pekedu-event__settings-title svg{width:16px;height:16px}.pekedu-event__settings-title strong{display:block;font-size:12.5px;font-weight:600;line-height:1.2}.pekedu-event__settings-title small{display:block;margin-top:2px;font-size:10px;line-height:1.2;color:rgba(255,255,255,.58)}.pekedu-event__settings-close{width:27px;height:27px;border-radius:50%!important}.pekedu-event__settings-close:hover{background:rgba(255,255,255,.08)!important}.pekedu-event__settings-close svg{width:15px;height:15px}.pekedu-event__settings-body{padding:8px 12px 10px}.pekedu-event__settings-section{padding:7px 0}.pekedu-event__settings-section+.pekedu-event__settings-section{border-top:1px solid rgba(255,255,255,.075)}.pekedu-event__settings-section-title{margin:0 0 6px;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:rgba(255,255,255,.52)}.pekedu-event__settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.pekedu-event__setting-toggle,.pekedu-event__setting-field{min-width:0;margin:0}.pekedu-event__setting-toggle{display:flex;align-items:center;gap:7px;min-height:28px;cursor:pointer}.pekedu-event__setting-toggle input{position:absolute;opacity:0;pointer-events:none}.pekedu-event__setting-toggle>span{position:relative;width:31px;height:17px;flex:0 0 31px;border-radius:999px;background:rgba(255,255,255,.20);transition:background .14s ease}.pekedu-event__setting-toggle>span:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .14s ease}.pekedu-event__setting-toggle input:checked+span{background:var(--pek-accent)}.pekedu-event__setting-toggle input:checked+span:after{transform:translateX(14px)}.pekedu-event__setting-toggle em{font-size:11px;line-height:1.25;font-style:normal;color:rgba(255,255,255,.88)}.pekedu-event__setting-field{display:flex;flex-direction:column;gap:4px}.pekedu-event__setting-field--wide{grid-column:1/-1}.pekedu-event__setting-field>span{font-size:10.5px;line-height:1.25;color:rgba(255,255,255,.72)}.pekedu-event__setting-field b{color:#fff;font-weight:600}.pekedu-event__setting-field input[type=range]{width:100%;height:3px;accent-color:var(--pek-accent);cursor:pointer}.pekedu-event__setting-field select{height:30px;width:100%;padding:3px 26px 3px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:#27222d;outline:0;font-size:11px;line-height:1.2}.pekedu-event__setting-field select:focus{border-color:rgba(255,255,255,.34)}.pekedu-event__settings-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.pekedu-event__reset{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:rgba(255,255,255,.055);font-size:9.5px;line-height:1.15;cursor:pointer}.pekedu-event__reset:hover{background:rgba(255,255,255,.10)}.pekedu-event__reset svg{width:13px;height:13px}.pekedu-event__settings-foot small{max-width:180px;color:rgba(255,255,255,.50);font-size:9px;line-height:1.3;text-align:right}

.pekedu-event--hero_red{--pek-image-filter:saturate(1.04) contrast(1.015)}.pekedu-event--glass{--pek-image-filter:saturate(.98) brightness(1.015)}.pekedu-event--glass .pekedu-event__visual{border-radius:13px}.pekedu-event--cinematic{--pek-image-filter:contrast(1.08) saturate(.92)}.pekedu-event--cinematic .pekedu-event__visual{border-radius:7px}.pekedu-event--elegant{--pek-image-filter:saturate(.94) sepia(.05) contrast(1.02)}.pekedu-event--elegant .pekedu-event__visual{border-radius:12px}.pekedu-event--youth{--pek-image-filter:saturate(1.10) contrast(1.01)}.pekedu-event--minimal{--pek-image-filter:none}.pekedu-event--minimal .pekedu-event__visual{border-radius:6px}

@media(max-width:767px){.pekedu-event__visual{border-radius:7px}.pekedu-event--height-fixed .pekedu-event__visual{height:var(--pek-mobile-height)}.pekedu-event__player{left:6px;right:6px;bottom:6px;height:40px;padding:3px 6px;grid-template-columns:auto 28px minmax(42px,1fr) 28px auto;gap:3px;border-radius:10px}.pekedu-event__control{width:28px;height:28px}.pekedu-event__control svg{width:17px;height:17px}.pekedu-event__play{width:34px;height:34px;margin:0 1px}.pekedu-event__play svg{width:15px;height:15px}.pekedu-event__time{font-size:9px}.pekedu-event__volume-btn,.pekedu-event__settings-btn{width:25px;height:25px}.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:15px;height:15px}.pekedu-event__volume{width:46px}.pekedu-event__progress{height:3px}.pekedu-event__settings{right:6px;bottom:51px;width:min(350px,calc(100% - 12px));max-height:calc(100% - 57px);border-radius:11px}.pekedu-event__settings-head{padding:8px 10px}.pekedu-event__settings-body{padding:6px 10px 8px}}
@media(max-width:560px){.pekedu-event__control--optional{display:none}.pekedu-event__player{grid-template-columns:auto 26px minmax(36px,1fr) 26px auto;gap:2px}.pekedu-event__volume{width:38px}.pekedu-event__settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.pekedu-event__player{grid-template-columns:auto minmax(50px,1fr) auto}.pekedu-event__time{display:none}.pekedu-event__volume{width:32px}.pekedu-event__settings{left:6px;right:6px;width:auto}.pekedu-event__settings-foot small{display:none}.pekedu-event__settings-title small{display:none}}
@media(max-width:350px){.pekedu-event__player{left:4px;right:4px;bottom:4px;height:37px;padding:2px 4px}.pekedu-event__control{width:24px;height:24px}.pekedu-event__control svg{width:15px;height:15px}.pekedu-event__play{width:30px;height:30px}.pekedu-event__volume{width:27px}.pekedu-event__volume-btn,.pekedu-event__settings-btn{width:22px;height:22px}.pekedu-event__settings{left:4px;right:4px;bottom:46px}.pekedu-event__settings-grid{grid-template-columns:1fr}.pekedu-event__setting-field--wide{grid-column:auto}}
@media(hover:none),(pointer:coarse){.pekedu-event__control:hover,.pekedu-event__settings-btn:hover{color:#fff!important}.pekedu-event__control.is-active,.pekedu-event__settings-btn.is-active{color:var(--pek-accent)!important}}
@media(prefers-reduced-motion:reduce){.pekedu-event__bg,.pekedu-event__player,.pekedu-event__settings,.pekedu-event__fireworks,.pekedu-event__setting-toggle>span,.pekedu-event__setting-toggle>span:after{transition:none!important;animation:none!important}.pekedu-event__bg{transform:none!important}}


/* v1.0.38 - player controls: larger, clearer, colored states */
.pekedu-event__player{height:clamp(44px,4.5vw,52px)}
.pekedu-event__player-controls{gap:2px}
.pekedu-event__control{width:38px;height:38px}
.pekedu-event__control svg{width:23px;height:23px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.24))}
.pekedu-event__play{width:44px;height:44px;margin:0 4px;color:var(--pek-accent)!important;background:rgba(255,213,74,.13)!important;border-color:rgba(255,255,255,.92)!important}
.pekedu-event__play svg{width:20px;height:20px}
.pekedu-event__control[data-action="shuffle"]{color:#7dd3fc!important}
.pekedu-event__control[data-action="prev"],.pekedu-event__control[data-action="next"]{color:#eaf2ff!important}
.pekedu-event__control[data-action="repeat"]{position:relative;color:#f7c95e!important}
.pekedu-event__volume-btn{color:#9df0c1!important}
.pekedu-event__settings-btn{color:#ffd65a!important}
.pekedu-event__control[data-action="shuffle"].is-active{color:#b6ecff!important;background:rgba(36,183,235,.20)!important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.22)}
.pekedu-event__control[data-action="repeat"].is-active{color:#ffe59a!important;background:rgba(247,201,94,.18)!important;box-shadow:inset 0 0 0 1px rgba(247,201,94,.22)}
.pekedu-event__control[data-action="prev"]:hover,.pekedu-event__control[data-action="next"]:hover{color:#fff!important;background:rgba(112,162,255,.13)!important}
.pekedu-event__control[data-action="shuffle"]:hover{background:rgba(36,183,235,.13)!important}
.pekedu-event__control[data-action="repeat"]:hover{background:rgba(247,201,94,.13)!important}
.pekedu-event__repeat-one{position:absolute;right:4px;bottom:3px;min-width:11px;height:11px;padding:0 2px;display:none;place-items:center;border-radius:999px;background:#fff;color:#9a6400;font-size:7.5px;font-weight:700;line-height:11px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.pekedu-event__control--repeat.is-repeat-one .pekedu-event__repeat-one{display:grid}
.pekedu-event__setting-field--repeat{grid-column:auto}
.pekedu-event__settings-foot{justify-content:flex-start}
.pekedu-event__reset{padding:4px 7px;font-size:8.5px;line-height:1.1;border-radius:7px}
.pekedu-event__reset svg{width:12px;height:12px}
.pekedu-event__settings-foot small{display:none!important}

@media(max-width:767px){
 .pekedu-event__player{height:42px}
 .pekedu-event__control{width:31px;height:31px}
 .pekedu-event__control svg{width:19px;height:19px}
 .pekedu-event__play{width:36px;height:36px;margin:0 2px}
 .pekedu-event__play svg{width:16px;height:16px}
 .pekedu-event__volume-btn,.pekedu-event__settings-btn{width:27px;height:27px}
 .pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:16px;height:16px}
 .pekedu-event__repeat-one{right:2px;bottom:2px;min-width:10px;height:10px;font-size:7px;line-height:10px}
}
@media(max-width:350px){
 .pekedu-event__control{width:26px;height:26px}
 .pekedu-event__control svg{width:16px;height:16px}
 .pekedu-event__play{width:31px;height:31px}
}


/* v1.0.38 - thống nhất icon/player theo phong cách nút Shuffle */
.pekedu-event__control,.pekedu-event__play,.pekedu-event__volume-btn,.pekedu-event__settings-btn{background:transparent!important;box-shadow:none!important}
.pekedu-event__control,.pekedu-event__volume-btn,.pekedu-event__settings-btn{border-radius:50%!important}
.pekedu-event__control svg,.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}

/* Mỗi chức năng có màu icon riêng; trạng thái tắt luôn trong suốt. */
.pekedu-event__control[data-action="shuffle"]{color:#62d7ff!important}
.pekedu-event__control[data-action="prev"],.pekedu-event__control[data-action="next"]{color:#f2f6ff!important}
.pekedu-event__control[data-action="repeat"]{color:#ffc94c!important}
.pekedu-event__volume-btn{color:#75e3a5!important}
.pekedu-event__settings-btn{color:#ffd64d!important}
.pekedu-event__play{color:#ffd64d!important;background:transparent!important;border-color:rgba(255,255,255,.88)!important}

/* Chỉ chức năng có trạng thái ON mới có nền màu. */
.pekedu-event__control[data-action="shuffle"].is-active{background:rgba(36,183,235,.26)!important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.28)!important;color:#d4f6ff!important}
.pekedu-event__control[data-action="repeat"].is-active{background:rgba(247,188,44,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.30)!important;color:#fff0b4!important}
.pekedu-event__play.is-playing{background:rgba(255,196,48,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,223,132,.26)!important}
.pekedu-event__volume-btn.is-active{background:rgba(43,201,117,.22)!important;box-shadow:inset 0 0 0 1px rgba(117,227,165,.25)!important}
.pekedu-event__settings-btn.is-active{background:rgba(255,204,50,.21)!important;box-shadow:inset 0 0 0 1px rgba(255,214,77,.27)!important}

/* Hover/nhấn chỉ là phản hồi ngắn, không làm nhầm với trạng thái bật. */
.pekedu-event__control:hover,.pekedu-event__volume-btn:hover,.pekedu-event__settings-btn:hover,.pekedu-event__play:hover{background:rgba(255,255,255,.09)!important}
.pekedu-event__control.is-pressed,.pekedu-event__volume-btn.is-pressed,.pekedu-event__settings-btn.is-pressed{background:rgba(255,255,255,.15)!important}
.pekedu-event__play.is-playing:hover{background:rgba(255,196,48,.28)!important}
.pekedu-event__control[data-action="shuffle"].is-active:hover{background:rgba(36,183,235,.31)!important}
.pekedu-event__control[data-action="repeat"].is-active:hover{background:rgba(247,188,44,.30)!important}

/* Repeat truyền thống: icon lớn, badge 1 rõ nhưng không lấn hình. */
.pekedu-event__control--repeat svg{width:24px;height:24px}
.pekedu-event__repeat-one{right:3px;bottom:2px;min-width:12px;height:12px;line-height:12px;font-size:8px;background:#fff3c7;color:#875b00;border:1px solid rgba(255,201,76,.65);box-shadow:0 1px 3px rgba(0,0,0,.28)}

/* Đồng đều kích thước tương tác desktop. */
@media(min-width:768px){
 .pekedu-event__control{width:40px;height:40px}
 .pekedu-event__control svg{width:24px;height:24px}
 .pekedu-event__play{width:44px;height:44px}
 .pekedu-event__volume-btn,.pekedu-event__settings-btn{width:34px;height:34px}
 .pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:19px;height:19px}
}


/* v1.0.38 - thống nhất icon theo phong cách Shuffle */
.pekedu-event__control,.pekedu-event__play,.pekedu-event__volume-btn,.pekedu-event__settings-btn{background:transparent!important;box-shadow:none!important}
.pekedu-event__control svg,.pekedu-event__play svg,.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pekedu-event__control svg,.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.20))}
.pekedu-event__play svg{width:18px;height:18px}
.pekedu-event__control{width:38px;height:38px;border-radius:50%!important}
.pekedu-event__play{width:42px;height:42px}
.pekedu-event__volume-btn,.pekedu-event__settings-btn{width:32px;height:32px;border-radius:50%!important}

/* màu mặc định đồng style với shuffle: rõ icon, nền trong suốt */
.pekedu-event__control[data-action="shuffle"]{color:#6fdcff!important}
.pekedu-event__control[data-action="prev"],.pekedu-event__control[data-action="next"]{color:#eaf7ff!important}
.pekedu-event__control[data-action="repeat"]{color:#ffd760!important}
.pekedu-event__volume-btn{color:#77e5ae!important}
.pekedu-event__settings-btn{color:#ffd760!important}
.pekedu-event__play{color:#ffd760!important;border-color:rgba(255,255,255,.92)!important}

/* chỉ hiện nền khi chức năng bật */
.pekedu-event__control,.pekedu-event__volume-btn,.pekedu-event__settings-btn,.pekedu-event__play{background:transparent!important}
.pekedu-event__control[data-action="shuffle"].is-active{background:rgba(37,184,236,.24)!important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.30)!important;color:#d9f8ff!important}
.pekedu-event__control[data-action="repeat"].is-active{background:rgba(248,193,58,.24)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.30)!important;color:#fff2bd!important}
.pekedu-event__play.is-playing{background:rgba(248,193,58,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.28)!important}
.pekedu-event__volume-btn.is-active{background:rgba(43,201,117,.22)!important;box-shadow:inset 0 0 0 1px rgba(117,227,165,.26)!important}
.pekedu-event__settings-btn.is-active{background:rgba(248,193,58,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.28)!important}
.pekedu-event__control:hover,.pekedu-event__volume-btn:hover,.pekedu-event__settings-btn:hover,.pekedu-event__play:hover{background:rgba(255,255,255,.08)!important}

/* repeat truyền thống hơn, badge gọn lại */
.pekedu-event__control--repeat svg{width:23px;height:23px}
.pekedu-event__repeat-one{right:2px;bottom:1px;min-width:11px;height:11px;line-height:11px;font-size:7px;border-radius:99px;background:#fff3c7;color:#8a5a00;border:1px solid rgba(255,201,76,.62)}

@media(max-width:767px){
  .pekedu-event__control{width:34px;height:34px}
  .pekedu-event__control svg{width:20px;height:20px}
  .pekedu-event__play{width:38px;height:38px}
  .pekedu-event__volume-btn,.pekedu-event__settings-btn{width:29px;height:29px}
  .pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:17px;height:17px}
}


/* v1.0.38 - sửa icon repeat và tăng nhận biết trạng thái shuffle/repeat */
.pekedu-event__control[data-action="shuffle"],
.pekedu-event__control[data-action="repeat"]{position:relative;overflow:visible}

/* icon đồng style hơn với shuffle */
.pekedu-event__control[data-action="prev"] svg,
.pekedu-event__control[data-action="next"] svg,
.pekedu-event__control[data-action="repeat"] svg,
.pekedu-event__volume-btn svg,
.pekedu-event__settings-btn svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* hiệu ứng rõ hơn khi bật: nền + quầng + chấm báo */
.pekedu-event__control[data-action="shuffle"].is-active,
.pekedu-event__control[data-action="repeat"].is-active{transform:translateY(-.5px)}
.pekedu-event__control[data-action="shuffle"].is-active::after,
.pekedu-event__control[data-action="repeat"].is-active::after{
  content:"";position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;
  background:currentColor;box-shadow:0 0 0 2px rgba(10,10,18,.56),0 0 8px currentColor;
}
.pekedu-event__control[data-action="shuffle"]:not(.is-active)::after,
.pekedu-event__control[data-action="repeat"]:not(.is-active)::after{content:none}

.pekedu-event__control[data-action="shuffle"].is-active{background:rgba(37,184,236,.24)!important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.30),0 0 12px rgba(37,184,236,.14)!important}
.pekedu-event__control[data-action="repeat"].is-active{background:rgba(248,193,58,.24)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.30),0 0 12px rgba(248,193,58,.14)!important}

/* repeat icon gọn lại */
.pekedu-event__control--repeat svg{width:21px;height:21px}
.pekedu-event__repeat-one{right:1px;bottom:0;min-width:11px;height:11px;line-height:11px;font-size:7px;font-weight:700;border-radius:99px}

@media(max-width:767px){
 .pekedu-event__control[data-action="shuffle"].is-active::after,
 .pekedu-event__control[data-action="repeat"].is-active::after{width:7px;height:7px;top:-1px;right:-1px}
 .pekedu-event__control--repeat svg{width:19px;height:19px}
}


/* v1.0.38 - repeat icon tối giản: 2 mũi tên trái chiều, gọn và rõ */
.pekedu-event__control--repeat{position:relative}
.pekedu-event__control--repeat svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pekedu-event__control[data-action="repeat"].is-active::after{content:none!important}
.pekedu-event__repeat-state{position:absolute;right:-2px;bottom:-1px;display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#fff4c7;color:#885700;border:1px solid rgba(255,202,76,.65);font-size:7px;line-height:1;font-weight:700;letter-spacing:.02em;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.pekedu-event__repeat-state[hidden]{display:none!important}
.pekedu-event__control[data-action="repeat"][data-repeat-mode="all"] .pekedu-event__repeat-state{min-width:18px;padding:0 4px;font-size:6.5px}
.pekedu-event__control[data-action="repeat"][data-repeat-mode="off"] .pekedu-event__repeat-state{display:none!important}
.pekedu-event__control[data-action="repeat"]{color:#ffe08a!important}
.pekedu-event__control[data-action="repeat"].is-active{background:rgba(248,193,58,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,216,111,.28),0 0 10px rgba(248,193,58,.12)!important;color:#fff1b0!important}
@media(max-width:767px){.pekedu-event__repeat-state{right:-1px;bottom:-1px;min-width:13px;height:13px;font-size:6.5px}.pekedu-event__control[data-action="repeat"][data-repeat-mode="all"] .pekedu-event__repeat-state{min-width:17px}}

/* v1.0.38 - cài đặt ngoài site gọn hơn */
.pekedu-event__fireworks-settings-row,.pekedu-event__fireworks-sound-row{display:grid;grid-template-columns:minmax(130px,.95fr) minmax(150px,1.25fr);gap:12px;align-items:center}.pekedu-event__fireworks-sound-row{margin-top:8px}.pekedu-event__fireworks-toggle{min-width:0}.pekedu-event__density-inline{min-width:0;gap:4px}.pekedu-event__density-inline>span{font-size:10.5px;color:rgba(255,255,255,.72)}.pekedu-event__density-inline input[type=range]{width:100%;height:3px;accent-color:var(--pek-accent)}.pekedu-event__settings-grid{grid-template-columns:1fr 1fr}@media(max-width:430px){.pekedu-event__fireworks-settings-row,.pekedu-event__fireworks-sound-row{grid-template-columns:1fr;gap:6px}.pekedu-event__fireworks-sound-row{margin-top:6px}}


/* v1.0.38 - đồng bộ kích thước/màu icon với nút Shuffle mẫu */
.pekedu-event__control,
.pekedu-event__volume-btn,
.pekedu-event__settings-btn{
  width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%!important;
  display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}
.pekedu-event__control svg,
.pekedu-event__volume-btn svg,
.pekedu-event__settings-btn svg{width:22px!important;height:22px!important;stroke-width:1.85;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}

/* lấy màu/độ nổi theo icon Shuffle mẫu */
.pekedu-event__control[data-action="shuffle"],
.pekedu-event__control[data-action="repeat"],
.pekedu-event__volume-btn,
.pekedu-event__settings-btn{color:#6fdcff!important}

/* prev/next cũng nới lớn hơn cho cân hàng nhưng giữ trung tính */
.pekedu-event__control[data-action="prev"],
.pekedu-event__control[data-action="next"]{width:36px;height:36px;min-width:36px;min-height:36px}
.pekedu-event__control[data-action="prev"] svg,
.pekedu-event__control[data-action="next"] svg{width:21px!important;height:21px!important}

/* trạng thái bật của shuffle/repeat: chỉ vòng tròn nền bao, không chấm */
.pekedu-event__control[data-action="shuffle"].is-active::after,
.pekedu-event__control[data-action="repeat"].is-active::after{content:none!important}
.pekedu-event__control[data-action="shuffle"].is-active,
.pekedu-event__control[data-action="repeat"].is-active{
  background:rgba(58,181,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(122,224,255,.32),0 0 12px rgba(43,193,255,.14)!important;
  color:#aef1ff!important;
  transform:translateY(-.5px);
}

/* các nút còn lại cùng tỉ lệ như shuffle */
.pekedu-event__volume-btn.is-active,
.pekedu-event__settings-btn.is-active{
  background:rgba(58,181,255,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(122,224,255,.28)!important;
  color:#aef1ff!important;
}

/* badge repeat gọn hơn */
.pekedu-event__repeat-state{right:-2px;bottom:-1px;min-width:13px;height:13px;font-size:6.6px;padding:0 3px}
.pekedu-event__control[data-action="repeat"][data-repeat-mode="all"] .pekedu-event__repeat-state{min-width:17px;padding:0 4px;font-size:6.1px}

@media(max-width:767px){
  .pekedu-event__control,.pekedu-event__volume-btn,.pekedu-event__settings-btn{width:35px;height:35px;min-width:35px;min-height:35px}
  .pekedu-event__control svg,.pekedu-event__volume-btn svg,.pekedu-event__settings-btn svg{width:20px!important;height:20px!important}
  .pekedu-event__control[data-action="prev"],.pekedu-event__control[data-action="next"]{width:33px;height:33px;min-width:33px;min-height:33px}
  .pekedu-event__control[data-action="prev"] svg,.pekedu-event__control[data-action="next"] svg{width:19px!important;height:19px!important}
}


/* v1.0.38 - tinh chỉnh nút Mặc định trong bảng Tùy chỉnh */
.pekedu-event__settings-title small{display:none!important}
.pekedu-event__settings-foot{
  justify-content:center!important;
  align-items:center;
  padding-top:10px;
  margin-top:6px;
}
.pekedu-event__reset{
  margin:0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:108px;
  padding:7px 16px;
  border:1px solid rgba(116,226,255,.24);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(44,177,255,.24), rgba(255,197,61,.20));
  color:#ecfbff;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 6px 18px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.04);
  transition:transform .16s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.pekedu-event__reset:hover{
  background:linear-gradient(135deg, rgba(56,190,255,.30), rgba(255,205,78,.26));
  color:#ffffff;
  box-shadow:0 8px 22px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.05);
  transform:translateY(-1px);
}
.pekedu-event__reset:active{
  transform:translateY(0) scale(.97);
}
.pekedu-event__reset svg{
  width:13px;
  height:13px;
  color:#ffd55b;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
}
@media(max-width:430px){
  .pekedu-event__settings-foot{padding-top:8px;margin-top:4px}
  .pekedu-event__reset{min-width:100px;padding:7px 14px;font-size:9.6px}
}


/* v1.0.38 - nút đóng nền trắng, dấu X màu đỏ */
.pekedu-event__settings-close{
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  border-radius:50%!important;
  background:#fff!important;
  color:#d93025!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.45);
  transition:transform .16s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.pekedu-event__settings-close svg{width:14px;height:14px;stroke:currentColor;filter:none}
.pekedu-event__settings-close:hover{
  background:#fff5f5!important;
  color:#c5221f!important;
  box-shadow:0 6px 16px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.55);
  transform:translateY(-1px);
}
.pekedu-event__settings-close:active{
  transform:scale(.96);
  background:#ffecec!important;
}
.pekedu-event__settings-close:focus-visible{
  box-shadow:0 0 0 2px rgba(255,255,255,.35),0 0 0 4px rgba(217,48,37,.28),0 6px 16px rgba(0,0,0,.18)!important;
}

/* v1.0.48: keep a small breathing space below the event block */
.pekedu-event{margin-bottom:12px}
@media(max-width:767px){.pekedu-event{margin-bottom:10px}}
/* v1.0.51: kéo/vuốt kiểu carousel thật trong cùng một sự kiện; không dùng chấm điều hướng */
.pekedu-event__visual--swipe{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.pekedu-event__visual--swipe.is-swiping{cursor:grabbing}
.pekedu-event__visual--swipe.is-dragging .pekedu-event__bg{pointer-events:none}
.pekedu-event__bg.is-drag-current,.pekedu-event__bg.is-drag-incoming{opacity:1!important;transition:none;backface-visibility:hidden}
.pekedu-event[data-slide-effect="slide"][data-slide-direction="prev"] .pekedu-event__bg{transform:translate3d(-1.4%,0,0)}
.pekedu-event[data-slide-effect="slide"][data-slide-direction="prev"] .pekedu-event__bg.is-active{transform:translate3d(0,0,0)}
.pekedu-event[data-slide-effect="slide"][data-slide-direction="prev"] .pekedu-event__bg.is-leaving{opacity:0;transform:translate3d(1.2%,0,0)}
@media(hover:none),(pointer:coarse){.pekedu-event__visual--swipe{cursor:default}}