/* ==========================================================
   PEGASUS - Đầu trang điện thoại (kiểu Tony) + trang tìm kiếm
   Chỉ áp dụng cho màn hình < 1200px. Máy tính giữ nguyên.
   Gỡ bỏ: xóa file này + 1 dòng trong css.php.
   ========================================================== */
.m-bar,.m-search{display:none}

@media (max-width:1199.98px){
  /* 1. Thanh nhỏ trên cùng: chỉ còn hotline, căn giữa */
  header .top-header{padding:7px 10px;background:#f3f3f3;text-align:center}
  header .top-header .row > div:not(:first-child){display:none}
  header .top-header .row > div:first-child{flex:0 0 100%;max-width:100%}
  .top-header .hotline-header,.top-header .hotline-header a{
    font-family:"Times New Roman",Times,serif;color:#394551;
  }
  .top-header .hotline-header{display:inline-block;font-size:15px;line-height:20px}

  /* 2. Bỏ khối logo cũ nằm riêng một hàng */
  header .wrap-top{display:none}

  /* 3. Hàng nền đỏ: nút 3 gạch trái | logo giữa | kính lúp phải */
  header .m-bar{
    display:flex;align-items:center;justify-content:space-between;
    height:58px;padding:0 10px;background:#c11312;position:relative;z-index:790;
  }
  .m-bar .title-rpmenu{
    position:static;top:auto;right:auto;background:transparent;padding:10px 6px;
    width:46px;cursor:pointer;
  }
  .m-bar .title-rpmenu .icon-bar{width:26px;height:3px;margin-bottom:5px;background:#fff}
  .m-bar .title-rpmenu .icon-bar:last-of-type{margin-bottom:0}
  .m-bar .m-logo{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    display:block;height:52px;width:52px;
  }
  .m-bar .m-logo img{display:block;width:100%;height:100%;object-fit:contain}
  .m-search-btn{
    width:46px;height:46px;border:0;background:transparent;color:#fff;font-size:20px;
    cursor:pointer;padding:0;text-align:right;
  }

  /* 4. Ô tìm kiếm: cửa sổ nổi (pop-up), ẩn cho tới khi bấm kính lúp */
  header .m-search{
    display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:20000;
    background:rgba(0,0,0,.55);align-items:flex-start;justify-content:center;padding:90px 16px 0;
  }
  header .m-search.open{display:flex}
  .m-search-box{
    position:relative;width:100%;max-width:460px;background:#fff;border-radius:10px;
    padding:20px 16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.3);
  }
  .m-search-title{
    font-family:"Times New Roman",Times,serif;font-size:22px;text-transform:uppercase;
    color:#394551;text-align:center;margin-bottom:14px;
  }
  .m-search-close{
    position:absolute;right:8px;top:4px;width:36px;height:36px;border:0;background:transparent;
    font-size:30px;line-height:36px;color:#888;cursor:pointer;padding:0;
  }
  .m-search-row{display:flex;gap:8px}
  .m-search input{
    flex:1;min-width:0;height:44px;border:1px solid #ddd;border-radius:4px;padding:0 12px;
    font-size:16px;outline:none;
  }
  .m-search input:focus{border-color:#c11312}
  .m-search-row button{
    height:44px;padding:0 20px;border:0;border-radius:4px;background:#c11312;color:#fff;
    font-size:15px;font-weight:600;cursor:pointer;
  }

  /* 5. Ngăn kéo menu bên trái: tông đỏ thay cho xanh cũ */
  #responsive-menu{background:#a30f0e;box-shadow:none}
  #responsive-menu .content ul li:hover{background:#8f0d0c}
}

/* ===== Trang kết quả tìm kiếm ===== */
.sr-note{text-align:center;color:#666;margin:-24px 0 26px;font-size:15px}
.sr-group{margin-bottom:34px}
.sr-group-title{
  display:flex;align-items:center;gap:10px;margin:0 0 18px;padding-bottom:10px;
  border-bottom:1px solid #e5e5e5;
  font-family:"Times New Roman",Times,serif;font-size:24px;font-weight:400;
  text-transform:uppercase;color:#394551;
}
.sr-group-title small{font-family:Montserrat-Regular,Arial,sans-serif;font-size:13px;color:#999;text-transform:none}
.sr-group .item-ac .img-ac{aspect-ratio:4/3;background:#f3f3f3}
.sr-group.sr-vay .item-ac .img-ac{aspect-ratio:3/4}
.sr-group .item-ac .img-ac a{display:block;width:100%;height:100%}
.sr-group .item-ac .img-ac img{width:100%;height:100%;object-fit:cover;display:block}
.sr-group .item-ac .name-ac{margin:12px 0 4px}
.sr-group .item-ac .name-ac a{font-size:14px}
.sr-empty{text-align:center;padding:30px 0 50px;color:#666;line-height:1.7}

/* ===== Footer: tông đỏ cùng chủ đề với thanh menu (mọi màn hình) ===== */
footer{background-color:#c11312}
.copyright{background:#a30f0e}
footer a,footer a:hover{color:#fff}
footer .title:before{background:#fff}
.form-newsletter .newsletter-input input,
.form-newsletter .newsletter-input textarea{background:#a30f0e;color:#fff}
.form-newsletter .newsletter-input input:focus,
.form-newsletter .newsletter-input textarea:focus{background:#8f0d0c;color:#fff;box-shadow:none}
.submit-newsletter{background:#7d0b0a}
.submit-newsletter:hover{background:#640908}