/* ==========================================================
 * BaoCaoSuHP Home Top v10.10.3
 * YOOtheme HTML-only homepage media + about
 * CSS owner: BaoCaoSuHP CSS JS Optimizer
 * ========================================================== */
.bcshp-home-media,
.bcshp-home-media *,
.bcshp-home-media *::before,
.bcshp-home-media *::after,
.bcshp-home-about,
.bcshp-home-about *,
.bcshp-home-about *::before,
.bcshp-home-about *::after{box-sizing:border-box}
.bcshp-home-media{width:100%;max-width:100%;margin:0;padding:0}
.bcshp-home-slider{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:10px;background:#181c1f}
.bcshp-home-track{display:flex;width:100%;max-width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
.bcshp-home-track::-webkit-scrollbar{display:none}
.bcshp-home-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;width:100%;min-width:100%;aspect-ratio:16/9;margin:0;padding:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#181c1f}
.bcshp-home-slide>img{display:block;width:100%;height:100%;max-width:100%;margin:0;padding:0;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.bcshp-home-nav{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0 0 3px;border:0;border-radius:999px;background:rgba(20,24,28,.9);color:#fff;font:700 30px/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%);appearance:none;-webkit-appearance:none;touch-action:manipulation}
.bcshp-home-nav:hover,.bcshp-home-nav:focus-visible{background:#d72035;color:#fff;outline:none}
.bcshp-home-nav:active{transform:translateY(-50%) scale(.93)}
.bcshp-home-nav--prev{left:12px}
.bcshp-home-nav--next{right:12px}
.bcshp-home-video-review{display:block;width:100%;max-width:100%;margin:14px 0 0;padding:0;overflow:hidden;border-radius:10px;background:#181c1f;text-decoration:none}
.bcshp-home-video-review>img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:0}
.bcshp-home-about{width:100%;max-width:100%;margin:0;padding:0;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#c71931 0%,#dc2037 100%);color:#fff}
.bcshp-home-about-media{width:100%;margin:0;padding:16px 16px 0}
.bcshp-home-about-media>img{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;border:0;border-radius:7px}
.bcshp-home-about-body{padding:17px 18px 20px;color:#fff;font-size:15px;line-height:1.62}
.bcshp-home-about-lead{margin:0 0 14px;padding:0;color:#fff}
.bcshp-home-about-lead strong{color:#fff;font-weight:800}
.bcshp-home-about-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.bcshp-home-about-toggle-label{display:none}
.bcshp-home-about-extra{display:block;margin:0;padding:0}
.bcshp-home-social{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0}
.bcshp-home-social a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 11px;border-radius:5px;background:rgba(0,0,0,.16);color:#fff!important;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none!important}
.bcshp-home-social a:hover{background:rgba(0,0,0,.28);color:#fff!important}
.bcshp-social-facebook>span[aria-hidden="true"]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:2px;background:#4267b2;color:#fff;font:700 19px/1 Arial,sans-serif}
.bcshp-social-youtube>span[aria-hidden="true"]{display:inline-flex;align-items:center;justify-content:center;width:25px;height:18px;border-radius:4px;background:#f00;color:#fff;font:400 10px/1 Arial,sans-serif}
.bcshp-home-points{display:grid;gap:8px;margin:0;padding:0}
.bcshp-home-point{margin:0;padding:0;color:#fff}
.bcshp-home-point strong{color:#fff;font-weight:800}
@media (max-width:767px){
  .bcshp-home-slider{border-radius:8px}
  .bcshp-home-nav{display:none}
  .bcshp-home-video-review{margin-top:10px;border-radius:8px}
  .bcshp-home-about{border-radius:10px}
  .bcshp-home-about-media{padding:12px 12px 0}
  .bcshp-home-about-body{padding:14px 14px 16px;font-size:14px;line-height:1.58}
  .bcshp-home-about-lead{display:-webkit-box;margin-bottom:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .bcshp-home-about-toggle-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0;padding:8px 13px;border:1px solid rgba(255,255,255,.38);border-radius:7px;background:rgba(0,0,0,.18);color:#fff;font-size:14px;font-weight:800;line-height:1.3;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
  .bcshp-home-about-toggle-label::after{content:"▼";margin-left:7px;color:#ffd84a;font-size:10px}
  .bcshp-home-about-extra{display:none;padding-top:14px}
  .bcshp-home-about-toggle:checked+.bcshp-home-about-toggle-label+.bcshp-home-about-extra{display:block}
  .bcshp-home-about-body:has(.bcshp-home-about-toggle:checked) .bcshp-home-about-lead{display:block;overflow:visible}
  .bcshp-home-about-toggle-label .bcshp-more-text{display:inline}
  .bcshp-home-about-toggle-label .bcshp-less-text{display:none}
  .bcshp-home-about-toggle:checked+.bcshp-home-about-toggle-label .bcshp-more-text{display:none}
  .bcshp-home-about-toggle:checked+.bcshp-home-about-toggle-label .bcshp-less-text{display:inline}
  .bcshp-home-about-toggle:checked+.bcshp-home-about-toggle-label::after{content:"▲"}
  .bcshp-home-social{gap:7px;margin-bottom:13px}
  .bcshp-home-social a{min-height:32px;padding:5px 9px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.bcshp-home-track{scroll-behavior:auto}.bcshp-home-nav{transition:none}}