/* Nút Bộ sưu tập – có biến để tuỳ chỉnh nhanh */
.crv-btn-collection{
  /* === Biến dễ chỉnh === */
  --bg: #90bf2a;   /* nền */
  --fg: #fff;      /* chữ */
  --padY: 6px;     /* chiều cao: giảm/tăng */
  --padX: 12px;    /* độ rộng hai bên */
  --radius: 0px;   /* bo tròn: 0 = vuông góc */
  --fontSize: 14px;
  --fontWeight: 600;
  --gap: 8px;

  background: var(--bg) !important;
  color: var(--fg) !important;
  border: none !important;
  padding: var(--padY) var(--padX) !important;
  border-radius: var(--radius) !important;
  font-weight: var(--fontWeight);
  font-size: var(--fontSize);
  line-height: 1.1; /* thấp hơn => nút thấp hơn */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  text-decoration: none !important;
  -webkit-appearance: none;
  appearance: none;
  background-image: none !important; /* chặn gradient của theme */
}

.crv-btn-collection:hover{ filter: brightness(0.95); }
.crv-btn-collection:active{ transform: translateY(1px); }

/* Modifier: không bo tròn */
.crv-btn-collection.no-radius { --radius: 0px !important; }

/* Modifier: compact (thấp hơn) */
.crv-btn-collection.is-compact {
  --padY: 4px !important;
  --padX: 10px !important;
  --fontSize: 13px !important;
  line-height: 1.0 !important;
}












/* ===== PHYAN2: nút riêng + áp cho link 111 ===== */
.phyan2-btn,
a.group-title {
  /* Biến tùy chỉnh riêng cho phyan2 (đổi nếu muốn) */
  --bg: #a0d589;
  --fg: #fff;
  --padY: 2px;
  --padX: 12px;
  --radius: 0px;     /* 0 = vuông */
  --fontSize: 14px;
  --fontWeight: 600;
  --gap: 8px;

  background: var(--bg) !important;
  color: var(--fg) !important;
  border: none !important;
  padding: var(--padY) var(--padX) !important;
  border-radius: var(--radius) !important;
  font-weight: var(--fontWeight);
  font-size: var(--fontSize);
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  cursor: pointer;
  text-decoration: none !important; /* xóa gạch chân của <a> */
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -webkit-appearance: none;
  appearance: none;
  background-image: none !important;
}

.phyan2-btn:hover,
a.group-title[data-group-id="6583"]:hover { filter: brightness(0.95); }

.phyan2-btn:active,
a.group-title[data-group-id="6583"]:active { transform: translateY(1px); }

/* Modifiers riêng cho phyan2/111 */
.phyan2-btn.no-radius,
a.group-title[data-group-id="6583"].no-radius { --radius: 0px !important; }

.phyan2-btn.is-compact,
a.group-title[data-group-id="6583"].is-compact {
  --padY: 4px !important;
  --padX: 10px !important;
  --fontSize: 13px !important;
  line-height: 1.0 !important;
}











/* Cho nút "Bộ sưu tập" xuống dòng riêng và cách đoạn */
.favorite-groups .crv-btn-collection{
  display:block !important;
  width:max-content;          /* giữ kích thước theo nội dung */
  margin:0 0 10px 0 !important; /* cách dưới như <br> */
}















h2.bread-title {
  text-align: center !important;
  float: none !important;
  margin: 0 auto !important;
}













/* Ẩn thanh danh mục (apus-shop-header) trên trang TÌM KIẾM */
body.search .apus-shop-header,
body.search .apus-shop-menu,
body.search #apus-categories {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* (Dự phòng) Nếu theme còn chừa 1 .row bọc phía trên: cho nó biến mất luôn */
body.search .apus-shop-header .row,
body.search .apus-shop-header .content-inner {
  display: none !important;
}





/************************















/* === GRID cho trang kết quả tìm kiếm === */
body.search main.site-main.layout-blog {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));  /* đổi 2/3/5 tuỳ ý */
  gap: 20px;
}

/* Mỗi .row là 1 item trong lưới → bỏ margin âm của Bootstrap */
body.search main.site-main.layout-blog > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Bỏ padding của cột Bootstrap bên trong để khung gọn */
body.search main.site-main.layout-blog > .row > .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;    /* đề phòng class col-* ép width 100% */
  float: none !important;    /* bỏ float */
}

/* Pagination full-width, nằm dưới cùng */
body.search nav.navigation {
  grid-column: 1 / -1;
}

/* Ảnh trong kết quả tìm kiếm: đồng nhất tỷ lệ 3:4 (bìa sách) */
body.search .entry-thumb .image-wrapper {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
body.search .entry-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Tiêu đề/metadata gọn gàng */
body.search article.post {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.search article.post .entry-content {
  margin: 0 !important;
}



/*********************************************************
/*********************************************************
/*********************************************************
/*********************************************************



















































/* Ẩn tác giả ở mọi nơi trừ trang single product */
body:not(.single-product) .loop-product-author { 
  display: none !important;
}










 .phone-wrap{
    margin-bottom: 15px;
    font-family: 'mbo';
}
.phone-wrap a{transition: 0.5s ease;display: inline-block;background: #ff0000;color: #fff;border-radius: 2px;padding: 7px 15px;text-transform: uppercase;font-size: 14px;font-weight: bold;position: relative;border-radius: 3px;   width:160px;  }
.phone-wrap a:hover{
    text-decoration: none;
}
.phone-wrap a:after{content:"";border: 1px solid #fff;width: calc(100% - 4px);height: calc(100% - 4px);position: absolute;top: 2px;left: 2px;transition: 0.4s ease;opacity: 0;border-radius: 0;}
.phone-wrap a:hover:after{
    opacity: 0.7;
}
.phone-wrap a:last-child{
    background: #0a8ec1 url() no-repeat;
    background-size: 23px;
    background-position: 9px 6px;
    
    position: relative;
    margin-left: 5px;
    width:160px;  
}





/* Main */
:root{--m1:#000000;}


.wap_1200{max-width:1200px;margin:auto;position:relative;}



.title-main.title-index span {
    font-size: 1rem;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'mbo';
    height: 45px;
    background-color: #999999;
    display: flex;
    align-items: center;
    min-width: 260px;
    width: fit-content;
    padding: 0px 12px;}






.title-main.title-index > div{display:flex;margin:0;}
.title-main.title-index img{margin-right:15px;}
.title-main.title-index{display:flex;justify-content:space-between;align-items:center;border-top:var(--m1) solid 1px;margin-bottom:30px;}
.title-main.title-index a{display:flex;align-items:center;font-size:0.8125rem;color:#4d4d4d;}
.title-main.title-index a img{margin-right:0px;margin-left:10px;}
.title-main div{color:#4d4d4d;margin:5px 0px;}




.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main span,.title-main h1,.title-main h4{text-transform:uppercase;color:var(--m1);font-family:ip;font-size:2.5rem;}
.title-main span::after,.title-main h1:after{content:'';margin:auto;}











.giao_hang{position:fixed;bottom:125px;right:23px;z-index:1000;gap:10px;display:grid;justify-items:center;}
.giao_hang a{display:block;border-radius:50%;overflow:hidden;max-width:50px;}


/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#0084ff;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#000000;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo{}

/* Phone */
.btn-phone{}

/* Messenger */
.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:relative;cursor:pointer;width:50px;height:50px;text-align:center;background:#000000;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:10px;left:9px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#000000}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#000000;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#000000}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}





/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}