/* ==========================================================
   PEGASUS - Khối "New Concept" dưới banner trang chủ
   Gỡ bỏ: xóa file này + 1 dòng trong css.php
   ========================================================== */
.section-concept{padding:60px 0 20px}
.section-concept .concept-row{
  display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:60px;
}
.section-concept .concept-row.concept-rev{flex-direction:row-reverse}
.section-concept .concept-text{flex:1 1 52%;text-align:center}
.section-concept .concept-img{flex:0 0 38%;max-width:38%}
.section-concept .concept-img img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:3px}
.section-concept .concept-video{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;background:#f3f3f3;border-radius:3px}
.section-concept .concept-video-box{position:relative}
.section-concept .concept-sound{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}
.section-concept .concept-sound:hover{background:rgba(193,19,18,.9)}
.section-concept .concept-sound .ic-on{display:none}
.section-concept .concept-sound.is-on .ic-on{display:block}
.section-concept .concept-sound.is-on .ic-off{display:none}
.section-concept .concept-slider-box{flex:0 0 56%;max-width:56%;min-width:0}
.section-concept .concept-slider{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.section-concept .concept-slider::-webkit-scrollbar{display:none}
.section-concept .concept-slide{flex:0 0 calc(50% - 5px);scroll-snap-align:start}
.section-concept .concept-slide img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:3px}
.section-concept .concept-row:has(.concept-slider-box) .concept-text{flex:1 1 36%}
.section-concept .concept-noimg .concept-text{flex-basis:100%;max-width:760px;margin:0 auto}

.section-concept .concept-title{
  margin:0 0 22px;font-family:"Times New Roman",Times,serif;font-weight:400;
  font-size:32px;line-height:1.25;color:#c11312;
}
.section-concept .concept-desc{
  font-family:Montserrat-Regular,Arial,sans-serif;font-size:14px;line-height:1.9;
  color:#333;text-align:justify;margin-bottom:26px;
}
.section-concept .concept-desc p{margin:0 0 14px}
.section-concept .concept-btn{
  display:inline-block;padding:11px 38px;border:2px solid #c11312;border-radius:3px;
  color:#c11312;background:transparent;text-decoration:none;text-transform:uppercase;
  letter-spacing:.08em;font-family:Montserrat-Medium,Arial,sans-serif;font-size:14px;
  transition:background .2s,color .2s;
}
.section-concept .concept-btn:hover{background:#c11312;color:#fff;text-decoration:none}

@media (max-width:991.98px){
  .section-concept{padding:36px 0 0}
  .section-concept .concept-row{flex-direction:column;gap:26px;margin-bottom:44px}
  .section-concept .concept-row.concept-rev{flex-direction:column-reverse}
  .section-concept .concept-text{flex:none;width:100%}
  .section-concept .concept-img{flex:none;max-width:100%;width:100%}
  .section-concept .concept-slider-box{flex:none;max-width:100%;width:100%}
  .section-concept .concept-slide{flex-basis:62%}
  .section-concept .concept-title{font-size:26px}
}
