/* =========================================================
   GIA BẢO MACHINERY — giao diện mới (child theme web2s-vn)
   Tone màu lấy từ logo: xanh dương #0B4F9E + cam #F07F1D
   Gỡ file này khỏi functions.php là trở về giao diện cũ.
   ========================================================= */
:root{
  --gb-blue:#0B4F9E;
  --gb-blue-dk:#073B78;
  --gb-blue-xdk:#052A57;
  --gb-orange:#F07F1D;
  --gb-orange-dk:#D96A0C;
  --gb-ink:#1B2838;
  --gb-muted:#66758A;
  --gb-bg:#F4F7FB;
  --gb-line:#E1E8F1;
  --gb-radius:14px;
  --gb-shadow:0 2px 6px rgba(11,45,92,.06),0 10px 26px rgba(11,45,92,.08);
  --gb-shadow-lg:0 6px 14px rgba(11,45,92,.10),0 22px 44px rgba(11,45,92,.16);
}

body{color:var(--gb-ink);-webkit-font-smoothing:antialiased}
a{transition:color .2s}

/* ---------- 1. THANH ĐẦU TRANG ---------- */
#top-bar.header-top{
  background:linear-gradient(90deg,var(--gb-blue-xdk),var(--gb-blue-dk));
  border-bottom:0;
  min-height:38px;
}
#top-bar .html_topbar_left,
#top-bar .html_topbar_left span{font-size:12.5px;letter-spacing:.2px;color:#DCE8F7!important}
#top-bar .social-icons a.icon{
  width:26px;height:26px;line-height:26px;margin:0 3px;border-radius:50%;
  background:rgba(255,255,255,.12)!important;border:0!important;color:#fff!important;
  font-size:12px;transition:background .2s,transform .2s;
}
#top-bar .social-icons a.icon:hover{background:var(--gb-orange)!important;transform:translateY(-2px)}

/* ---------- 2. HEADER + MENU CHÍNH ---------- */
#masthead.header-main{
  background:#fff;
  box-shadow:0 1px 0 var(--gb-line);
}
.header-wrapper.stuck #masthead,
.stuck .header-main{box-shadow:0 6px 22px rgba(11,45,92,.12)}
#logo img{transition:transform .3s}
#logo:hover img{transform:scale(1.03)}

.header-nav-main > li{margin:0 2px}
.header-nav-main > li > a.nav-top-link{
  position:relative;
  padding:10px 16px!important;
  font-size:14px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase!important;
  color:var(--gb-blue-dk)!important;
  border-radius:8px;
  transition:color .2s,background .2s;
}
/* gạch chân cam chạy ra từ giữa */
.header-nav-main > li > a.nav-top-link:after{
  content:"";position:absolute;left:50%;bottom:2px;height:3px;width:0;
  background:var(--gb-orange);border-radius:3px;
  transform:translateX(-50%);transition:width .25s ease;opacity:1;
}
.header-nav-main > li:hover > a.nav-top-link,
.header-nav-main > li.active > a.nav-top-link,
.header-nav-main > li.current-menu-item > a.nav-top-link{
  color:var(--gb-orange-dk)!important;background:rgba(240,127,29,.07);
}
.header-nav-main > li:hover > a.nav-top-link:after,
.header-nav-main > li.active > a.nav-top-link:after,
.header-nav-main > li.current-menu-item > a.nav-top-link:after{width:calc(100% - 32px)}
.header-nav-main .icon-angle-down{margin-left:4px;font-size:.85em;transition:transform .2s}
.header-nav-main > li:hover .icon-angle-down{transform:rotate(180deg)}

/* ô tìm kiếm */
#masthead .searchform-wrapper .ux-search-box,
#masthead .searchform .flex-row{border-radius:999px;overflow:hidden}
#masthead .search-field,
#masthead input[type=search]{
  height:40px;border-radius:999px 0 0 999px;border:1.5px solid var(--gb-line);
  background:var(--gb-bg);box-shadow:none;padding-left:16px;font-size:13.5px;
}
#masthead .search-field:focus{border-color:var(--gb-blue);background:#fff}
#masthead .ux-search-submit,
#masthead .searchform .button{
  background:var(--gb-orange)!important;border-color:var(--gb-orange)!important;
  border-radius:0 999px 999px 0!important;height:40px;min-height:0;margin:0;
  transition:background .2s;
}
#masthead .ux-search-submit:hover{background:var(--gb-orange-dk)!important}

/* ---------- 3. MENU XỔ XUỐNG "SẢN PHẨM" (mega menu) ---------- */
@media (min-width:850px){
  .header-nav-main > li.has-dropdown,
  .header-nav-main,
  #masthead .header-inner > .flex-col{position:static}
  #masthead .header-inner{position:relative}

  .header-nav-main > li.menu-item-has-children > .nav-dropdown{
    left:0!important;right:0!important;margin:0;
    width:100%!important;min-width:0;max-width:none;
    padding:28px 30px 20px;
    background:#fff;
    border:0;border-top:3px solid var(--gb-orange);
    border-radius:0 0 18px 18px;
    box-shadow:var(--gb-shadow-lg);
    display:flex!important;flex-wrap:wrap;align-items:flex-start;
    gap:0 8px;
  }
  /* mũi tên nhỏ trỏ về mục cha */
  .header-nav-main > li.menu-item-has-children > .nav-dropdown:before{display:none}

  .nav-dropdown > li.nav-dropdown-col{
    flex:1 1 0;min-width:0;max-width:none;
    padding:0 14px;border-right:1px solid var(--gb-line);
    display:block;
  }
  .nav-dropdown > li.nav-dropdown-col:nth-last-child(1){border-right:0}

  /* tiêu đề cột */
  .nav-dropdown > li.nav-dropdown-col > a{
    display:block;position:relative;
    margin:0 0 12px;padding:0 0 11px;
    font-size:13px;font-weight:800;letter-spacing:.5px;line-height:1.35;
    text-transform:uppercase!important;
    color:var(--gb-blue)!important;
    border:0;border-bottom:2px solid var(--gb-line);
  }
  .nav-dropdown > li.nav-dropdown-col > a:after{
    content:"";position:absolute;left:0;bottom:-2px;width:38px;height:2px;background:var(--gb-orange);
  }
  .nav-dropdown > li.nav-dropdown-col > a:hover{color:var(--gb-orange-dk)!important}

  /* danh sách mục con */
  .nav-dropdown .nav-column{margin:0;padding:0}
  .nav-dropdown .nav-column > li{margin:0;border:0}
  .nav-dropdown .nav-column > li > a{
    display:block;position:relative;
    padding:7px 10px 7px 20px;margin:1px 0;
    font-size:13.5px;font-weight:500;line-height:1.4;
    text-transform:lowercase!important;      /* đọc dễ hơn chữ in hoa */
    color:#3C4A5E!important;border:0;border-radius:8px;
    transition:background .18s,color .18s,padding .18s;
  }
  .nav-dropdown .nav-column > li > a:first-letter{text-transform:uppercase}
  .nav-dropdown .nav-column > li > a:before{
    content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;
    border-radius:50%;background:#C3CEDC;transition:background .18s,transform .18s;
  }
  .nav-dropdown .nav-column > li > a:hover{
    background:rgba(11,79,158,.07);color:var(--gb-blue)!important;padding-left:24px;
  }
  .nav-dropdown .nav-column > li > a:hover:before{background:var(--gb-orange);transform:scale(1.5)}

  /* mục cấp 1 không có con (vd: "Thiết bị công nghiệp") -> thanh nút ở cuối */
  .nav-dropdown > li:not(.nav-dropdown-col){
    flex:0 0 100%;order:9;margin:16px 0 0;padding:14px 14px 0;border-top:1px dashed var(--gb-line);
  }
  .nav-dropdown > li:not(.nav-dropdown-col) > a{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 20px;border-radius:999px;
    font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase!important;
    color:#fff!important;background:var(--gb-blue);border:0;
    transition:background .2s,transform .2s;
  }
  .nav-dropdown > li:not(.nav-dropdown-col) > a:after{content:"\2192";font-size:15px;transition:transform .2s}
  .nav-dropdown > li:not(.nav-dropdown-col) > a:hover{background:var(--gb-orange);transform:translateY(-1px)}
  .nav-dropdown > li:not(.nav-dropdown-col) > a:hover:after{transform:translateX(4px)}

  /* các dropdown nhỏ khác (nếu có) */
  .header-nav-main > li.has-dropdown:not(.menu-item-634) > .nav-dropdown{
    border-radius:12px;border-top:3px solid var(--gb-orange);box-shadow:var(--gb-shadow-lg);padding:10px;
  }
}

/* ---------- 4. TIÊU ĐỀ CÁC KHỐI ---------- */
.section-title-container{margin-bottom:26px}
.section-title-center{border:0;justify-content:center;text-align:center}
.section-title-center b{display:none!important}
.section-title-center span.section-title-main,
.section-title-center span{
  position:relative;display:inline-block;
  padding:0 0 16px;margin:0;
  font-size:1.55rem;font-weight:800!important;letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--gb-blue)!important;
}
.section-title-center span.section-title-main:after{
  content:"";position:absolute;left:50%;bottom:0;width:64px;height:4px;border-radius:4px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--gb-orange) 0 60%,var(--gb-blue) 60% 100%);
}

/* ---------- 5. VỀ CHÚNG TÔI + CAM KẾT ---------- */
.section h3{color:var(--gb-blue-dk)}
.section-cam-ket{background:var(--gb-bg)}
.section-cam-ket .row{align-items:stretch}
.section-cam-ket .col{padding-bottom:0}
.section-cam-ket .col-inner{height:100%;display:flex;flex-direction:column;gap:16px;padding:0!important}
.section-cam-ket .icon-box{
  flex:1;padding:26px 22px;
  background:#fff;border:1px solid var(--gb-line)!important;border-top:4px solid var(--gb-orange)!important;
  border-radius:var(--gb-radius);box-shadow:var(--gb-shadow);
  transition:transform .25s,box-shadow .25s;
}
.section-cam-ket .icon-box:hover{transform:translateY(-5px);box-shadow:var(--gb-shadow-lg)}
.section-cam-ket .icon-box h3{font-size:1.02rem;font-weight:800;letter-spacing:.4px;color:var(--gb-blue)!important}
.section-cam-ket .icon-box p{font-size:.92rem;color:var(--gb-muted);margin:0}
.section-cam-ket .icon-box-img{margin-bottom:12px}
.section-cam-ket .col > .col-inner > .img{height:100%;margin:0!important}
.section-cam-ket .col > .col-inner > .img .img-inner{height:100%}
.section-cam-ket .col > .col-inner > .img img{height:100%;object-fit:cover;border-radius:var(--gb-radius);box-shadow:var(--gb-shadow)}
.section-cam-ket .gap-element{display:none!important}

/* ---------- 6. SẢN PHẨM — KHUNG THẺ ---------- */
.section-ban-chay{background:#fff}
.section-ban-chay .row-small > .col,
.shop-container .row-small > .col{padding:0 10px 22px}
.product-small.box{
  height:100%;
  display:flex;flex-direction:column;align-items:stretch;
  background:#fff;
  border:1px solid var(--gb-line);border-radius:var(--gb-radius);
  overflow:hidden;
  box-shadow:0 1px 3px rgba(11,45,92,.04);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.section-ban-chay .col-inner,
.products .col-inner{height:100%}
.product-small.box:hover{
  transform:translateY(-6px);border-color:rgba(240,127,29,.55);box-shadow:var(--gb-shadow-lg);
}
.product-small.box .box-image{
  width:100%!important;max-width:none;flex:0 0 auto;
  background:linear-gradient(180deg,#FAFCFF,#EEF3F9);
  padding:10px;border-bottom:1px solid var(--gb-line);
}
.product-small.box .image-cover{border-radius:10px;background:#fff;overflow:hidden}
.product-small.box .image-cover img{
  object-fit:contain!important;padding:8px;background:#fff;transition:transform .45s ease;
}
.product-small.box:hover .image-cover img{transform:scale(1.07)}
.product-small.box .box-text{
  flex:1;display:flex;flex-direction:column;justify-content:flex-start;
  padding:14px 14px 16px;text-align:center;
}
.product-small.box .title-wrapper{flex:1}
.product-small.box .category{
  margin:0 0 5px;font-size:10.5px;font-weight:700;letter-spacing:.7px;
  color:var(--gb-orange-dk);opacity:1;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35;
}
.product-small.box .product-title{
  margin:0 0 8px;font-size:.95rem;font-weight:700;line-height:1.4;
  min-height:2.8em;overflow-wrap:anywhere;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product-small.box .product-title a{color:var(--gb-ink)}
.product-small.box .product-title a:hover{color:var(--gb-blue)}
.product-small.box .price-wrapper{margin:0 0 12px}
.lien-he-price{
  display:inline-block;padding:3px 14px;border-radius:999px;
  background:rgba(240,127,29,.12);color:var(--gb-orange-dk)!important;
  font-size:.82rem;font-weight:800;
}
.price-wrapper span.amount{color:var(--gb-orange-dk)!important;font-weight:800}
.product-small.box .add-to-cart-button .button{
  margin:0;min-width:120px;padding:0 18px;border-radius:999px;
  font-size:11.5px;font-weight:800;letter-spacing:.6px;line-height:2.4;
  color:var(--gb-blue)!important;border:1.5px solid var(--gb-blue);background:transparent;
  transition:background .2s,color .2s,border-color .2s;
}
.product-small.box .add-to-cart-button .button:hover,
.product-small.box:hover .add-to-cart-button .button{
  background:var(--gb-orange);border-color:var(--gb-orange);color:#fff!important;
}
.section-ban-chay .button.primary:not(.is-outline){
  background:var(--gb-blue);border-radius:999px;padding:0 28px;font-weight:800;
  box-shadow:0 6px 16px rgba(11,79,158,.28);transition:background .2s,transform .2s;
}
.section-ban-chay .button.primary:not(.is-outline):hover{background:var(--gb-orange);transform:translateY(-2px)}

/* ---------- 7. TIN TỨC + Ý KIẾN KHÁCH HÀNG ---------- */
section.section:has(.post-item){background:var(--gb-bg)}
section.section:has(.post-item) > .section-content > .row{align-items:stretch}
section.section:has(.post-item) > .section-content > .row > .col > .col-inner{height:100%}
section.section:has(.post-item) {padding-top:50px!important;padding-bottom:50px!important}

/* danh sách tin: gọn, 4 bài, mỗi bài là một thẻ ngang */
.post-item:nth-child(n+5){display:none}
.post-item{padding:0 0 14px!important}
.post-item .col-inner{height:100%}
.post-item .box-blog-post{
  background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);overflow:hidden;
  box-shadow:0 1px 3px rgba(11,45,92,.04);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.post-item .box-blog-post:hover{transform:translateX(4px);box-shadow:var(--gb-shadow);border-color:rgba(240,127,29,.5)}
.post-item .box-image{width:34%!important;max-width:34%;flex:0 0 34%}
.post-item .image-cover{padding-top:78%!important;height:100%;min-height:100%}
.post-item .box-text{padding:12px 16px!important;display:flex;align-items:center}
.post-item .post-title{
  margin:0 0 4px;font-size:.98rem;font-weight:700;line-height:1.4;color:var(--gb-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post-item .box-blog-post:hover .post-title{color:var(--gb-blue)}
.post-item .post-meta{font-size:.76rem;font-weight:600;color:var(--gb-orange-dk);opacity:1}
.post-item .is-divider{display:none}
.post-item .from_the_blog_excerpt{
  margin:6px 0 0;font-size:.86rem;line-height:1.5;color:var(--gb-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ý kiến khách hàng: thẻ xanh, cao ngang cột tin tức */
.testimonial-box{position:relative;width:100%;min-width:0;max-width:100%}
.testimonial-box .icon-box-text{width:100%;min-width:0;max-width:100%}
.testimonial-text p{white-space:normal;overflow-wrap:anywhere}
section.section:has(.post-item) .slider-wrapper .flickity-slider > .row{margin:0!important}
section.section:has(.post-item) .slider-wrapper .flickity-slider > .row > .col{padding:0!important}
.col-inner:has(> .testimonial-box){
  width:100%;min-height:360px;display:flex;align-items:center;justify-content:center;
  padding:38px 34px 52px!important;
  background:linear-gradient(145deg,var(--gb-blue) 0%,var(--gb-blue-xdk) 100%)!important;
  border-radius:var(--gb-radius);box-shadow:var(--gb-shadow);
  position:relative;overflow:hidden;
}
.col-inner:has(> .testimonial-box):before{
  content:"\201C";position:absolute;top:-6px;left:22px;
  font:800 120px/1 Georgia,serif;color:rgba(255,255,255,.12);pointer-events:none;
}
.col-inner:has(> .testimonial-box):after{
  content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,127,29,.5),rgba(240,127,29,0) 70%);pointer-events:none;
}
.testimonial-image{margin-bottom:12px!important}
.testimonial-image img{
  width:84px!important;height:84px!important;object-fit:cover;
  border:3px solid var(--gb-orange);box-shadow:0 0 0 5px rgba(255,255,255,.14);
}
.testimonial-box .star-rating{margin:0 auto 10px;color:#FFC145}
.testimonial-box .star-rating:before{color:rgba(255,255,255,.35)!important}
.testimonial-box .star-rating span:before{color:#FFC145!important}
.testimonial-text{position:relative;z-index:1}
.testimonial-text h3{margin:0 0 8px;font-size:1.1rem;font-weight:800;color:#fff!important}
.testimonial-text p{font-size:.94rem;line-height:1.7;color:#E7EFFA;font-style:italic}
.testimonial-meta{color:var(--gb-orange)!important;font-weight:700}
.testimonial-meta *{color:#FFB066!important}
section.section:has(.post-item) .slider-wrapper .flickity-page-dots{bottom:14px;z-index:3}
section.section:has(.post-item) .slider-wrapper .flickity-page-dots .dot{
  width:9px;height:9px;opacity:1;background:rgba(255,255,255,.4);border:0;margin:0 4px;
}
section.section:has(.post-item) .slider-wrapper .flickity-page-dots .dot.is-selected{
  background:var(--gb-orange);width:24px;border-radius:6px;
}
section.section:has(.post-item) .slider-wrapper .flickity-prev-next-button{display:none}

/* ---------- 8. KHÁCH HÀNG - ĐỐI TÁC (lưới logo đều nhau) ---------- */
section.section:has(.ux-logo){background:#fff;padding-top:46px!important;padding-bottom:46px!important}
section.section:has(.ux-logo) .slider-wrapper{padding:0}
section.section:has(.ux-logo) .flickity-viewport{height:auto!important;overflow:visible}
section.section:has(.ux-logo) .flickity-slider{
  position:static!important;transform:none!important;
  display:flex;flex-wrap:wrap;justify-content:center;gap:16px;
  height:auto!important;
}
section.section:has(.ux-logo) .flickity-prev-next-button,
section.section:has(.ux-logo) .flickity-page-dots{display:none!important}
/* khóa kích thước từng ô: width inline bị flex-basis bỏ qua */
section.section:has(.ux-logo) .ux-logo{
  position:static!important;left:auto!important;
  flex:0 0 calc((100% - 16px*5)/6);
  display:flex!important;align-items:center;justify-content:center;
  height:104px;margin:0!important;
  background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);
  box-shadow:0 1px 3px rgba(11,45,92,.04);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
section.section:has(.ux-logo) .ux-logo:hover{
  transform:translateY(-4px);box-shadow:var(--gb-shadow);border-color:rgba(240,127,29,.55);
}
section.section:has(.ux-logo) .ux-logo-link{padding:14px 18px!important;width:100%;display:flex!important;align-items:center;justify-content:center}
section.section:has(.ux-logo) .ux-logo-image{
  height:auto!important;max-height:76px;width:auto;max-width:100%;object-fit:contain;
  transition:transform .3s;
}


/* ---------- 9. KHỐI ĐĂNG KÝ NHẬN TIN ---------- */
section.section:has(.col-km){background:linear-gradient(120deg,var(--gb-blue-dk),var(--gb-blue))!important}
section.section:has(.col-km) h3{color:#fff;font-weight:800}
section.section:has(.col-km) .wpcf7 input:not([type=submit]){
  border-radius:999px;border:0;padding-left:18px;height:44px;background:#fff;color:var(--gb-ink)!important;
}
section.section:has(.col-km) .wpcf7 input[type=submit],
section.section:has(.col-km) .wpcf7 .button{
  border-radius:999px;background:var(--gb-orange);border:0;color:#fff;font-weight:800;
}
section.section:has(.col-km) .wpcf7 input[type=submit]:hover{background:var(--gb-orange-dk)}

/* ---------- 10. CHÂN TRANG ---------- */
#footer .footer-widgets,
#footer .footer-1{
  background:linear-gradient(180deg,#052A57 0%,#031B3A 100%)!important;
  padding-top:44px;padding-bottom:20px;
  border-top:4px solid var(--gb-orange);
}
#footer .footer-widgets,
#footer .footer-widgets p,
#footer .footer-widgets span{color:#D4E1F2}
#footer .footer-widgets h3 span,
#footer .footer-widgets h3{color:#fff!important;font-size:1.05rem;font-weight:800;line-height:1.5}
#footer .footer-widgets h4{
  margin:0 0 6px;color:#fff;font-size:.95rem;font-weight:800;letter-spacing:.8px;
}
#footer .footer-widgets .is-divider{background:var(--gb-orange)!important;height:3px;border-radius:3px;margin:6px 0 14px}
#footer .footer-widgets a{color:#D4E1F2;transition:color .2s,padding .2s}
#footer .footer-widgets p > a:hover{color:var(--gb-orange);padding-left:4px}
#footer .footer-widgets .fa{width:22px;color:var(--gb-orange)}
#footer .footer-widgets iframe{border-radius:10px;max-width:100%}
#footer .absolute-footer{
  background:#02142B!important;border-top:1px solid rgba(255,255,255,.08);
  padding:14px 0;font-size:13px;color:#A9BDD6;
}
#footer .absolute-footer .copyright-footer{color:#A9BDD6}

/* ---------- 11. NÚT LIÊN HỆ NỔI + KHÁC ---------- */
.button.primary:not(.is-outline){background-color:var(--gb-blue)}
.button.primary:not(.is-outline):hover{background-color:var(--gb-orange)}
.back-to-top{border-radius:50%;background:var(--gb-blue)!important;color:#fff!important;border:0!important;box-shadow:var(--gb-shadow)}
.back-to-top:hover{background:var(--gb-orange)!important}
.breadcrumbs{font-size:.8rem;color:var(--gb-muted)}
.breadcrumbs a.current,.breadcrumbs .current{color:var(--gb-blue)}

/* ---------- 12. ĐIỆN THOẠI / MÁY TÍNH BẢNG ---------- */
@media (max-width:1100px){
  section.section:has(.ux-logo) .ux-logo{flex-basis:calc((100% - 16px*3)/4)}
}
@media (max-width:849px){
  .section-title-center span.section-title-main{font-size:1.25rem}
  .post-item .box-blog-post{display:flex!important;flex-direction:row!important;align-items:stretch}
  .post-item .box-image{width:38%!important;max-width:38%;flex:0 0 38%;margin:0}
  .post-item .image-cover{padding-top:0!important;height:100%;min-height:110px}
  .post-item .box-text{flex:1;min-width:0;padding:10px 12px!important}
  .post-item .post-title{font-size:.9rem}
  .post-item .from_the_blog_excerpt{display:none}
  .col-inner:has(> .testimonial-box){padding:30px 20px 40px!important}
  section.section:has(.ux-logo) .ux-logo{flex-basis:calc((100% - 12px*2)/3);height:84px}
  section.section:has(.ux-logo) .flickity-slider{gap:12px}
  section.section:has(.ux-logo) .ux-logo-image{max-height:56px}
  .product-small.box .box-text{padding:10px 8px 14px}
  .product-small.box .product-title{font-size:.84rem}
  .product-small.box .category{font-size:9.5px;letter-spacing:.3px}
  .product-small.box .add-to-cart-button .button{min-width:0;width:100%;padding:0 8px}
  .section-ban-chay .row-small > .col{padding:0 6px 14px}
  #footer .footer-widgets{padding-top:30px}
  /* menu di động: link đậm hơn, gạch cam bên trái mục đang chọn */
  .off-canvas-left .nav-sidebar > li > a{font-weight:700;color:var(--gb-blue-dk)}
  .off-canvas-left .nav-sidebar > li.active > a{color:var(--gb-orange-dk);border-left:3px solid var(--gb-orange)}
}
@media (max-width:549px){
  section.section:has(.ux-logo) .ux-logo{flex-basis:calc((100% - 12px)/2)}
}

/* tôn trọng người dùng tắt hiệu ứng */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* Phòng hờ: ẩn dòng credit nếu còn sót trong HTML cũ (cache) */
.copyright-footer span:has(a[href*="web3a.vn"]){display:none!important}

/* =========================================================
   TRANG SẢN PHẨM (danh mục + chi tiết)
   ========================================================= */
/* thanh tiêu đề / breadcrumb */
.shop-page-title,.page-title:not(.featured-title){background:var(--gb-bg);border-bottom:1px solid var(--gb-line)}
.shop-page-title .page-title-inner{padding-top:12px;padding-bottom:12px;min-height:0}
.woocommerce-breadcrumb,.breadcrumbs{font-size:12.5px;font-weight:600;letter-spacing:.3px;color:var(--gb-muted)}
.woocommerce-breadcrumb a:hover{color:var(--gb-orange-dk)}
.woocommerce-result-count{font-size:13px;color:var(--gb-muted);margin:0 12px 0 0}
.woocommerce-ordering select,.orderby{
  height:40px;border-radius:999px;border:1.5px solid var(--gb-line);background-color:#fff;
  padding:0 38px 0 16px;font-size:13.5px;color:var(--gb-ink);box-shadow:none;margin:0;
}
.woocommerce-ordering select:focus{border-color:var(--gb-blue)}

/* cột danh mục bên trái */
#shop-sidebar.sidebar-inner,.sidebar-inner{padding-top:4px}
.widget_product_categories,.widget_product_categories.widget{
  background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);
  box-shadow:var(--gb-shadow);overflow:hidden;margin-bottom:22px;
}
.widget_product_categories .widget-title{
  display:block;margin:0;padding:14px 18px;
  background:linear-gradient(120deg,var(--gb-blue-dk),var(--gb-blue));
  color:#fff;font-size:13px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;
  border-bottom:3px solid var(--gb-orange);
}
.widget_product_categories .is-divider{display:none}
.widget_product_categories ul.product-categories{margin:0;padding:6px 0;max-height:640px;overflow-y:auto;border:0;list-style:none}
.widget_product_categories ul.product-categories li{border:0;margin:0;padding:0}
.widget_product_categories ul.product-categories li > a{
  display:block;position:relative;padding:9px 18px 9px 30px;
  font-size:13px;font-weight:500;line-height:1.4;color:#3C4A5E;
  text-transform:lowercase;border:0;transition:background .18s,color .18s,padding .18s;
}
.widget_product_categories ul.product-categories li > a:first-letter{text-transform:uppercase}
.widget_product_categories ul.product-categories li > a:before{
  content:"";position:absolute;left:16px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#C3CEDC;transition:background .18s,transform .18s;
}
.widget_product_categories ul.product-categories li > a:hover,
.widget_product_categories ul.product-categories li.current-cat > a{background:rgba(11,79,158,.07);color:var(--gb-blue);padding-left:34px}
.widget_product_categories ul.product-categories li > a:hover:before,
.widget_product_categories ul.product-categories li.current-cat > a:before{background:var(--gb-orange);transform:scale(1.5)}
.widget_product_categories ul.product-categories li.current-cat > a{font-weight:700;box-shadow:inset 3px 0 0 var(--gb-orange)}
.widget_product_categories ul.children{margin:0;padding:0 0 0 12px}
.widget_product_categories ul.product-categories::-webkit-scrollbar{width:6px}
.widget_product_categories ul.product-categories::-webkit-scrollbar-thumb{background:#C9D5E4;border-radius:6px}

/* lưới sản phẩm ở trang danh mục */
.products.row > .col{padding-bottom:22px}
.products .product-small.col > .col-inner{height:100%}
.product-small.box .image-fade_in_back{border-radius:10px;overflow:hidden;background:#fff}
.product-small.box .image-fade_in_back img{object-fit:contain}

/* phân trang */
.woocommerce-pagination .page-numbers,.page-numbers.nav-pagination{gap:6px;display:flex;justify-content:center;flex-wrap:wrap}
.page-numbers li{margin:0}
.page-numbers li a.page-number,.page-numbers li span.page-number,.nav-pagination > li > a,.nav-pagination > li > span{
  min-width:38px;height:38px;line-height:36px;padding:0 10px;border-radius:50%;
  border:1.5px solid var(--gb-line);background:#fff;color:var(--gb-blue);font-weight:700;font-size:13.5px;
  transition:background .2s,color .2s,border-color .2s;
}
.nav-pagination > li > a:hover,.page-numbers li a:hover{background:var(--gb-blue);border-color:var(--gb-blue);color:#fff}
.nav-pagination > li > span.current,.page-numbers li span.current,.nav-pagination .current{
  background:var(--gb-orange)!important;border-color:var(--gb-orange)!important;color:#fff!important;
}

/* ---- chi tiết sản phẩm ---- */
.product-main{padding:30px 0 10px}
.product-main .woocommerce-product-gallery__wrapper{
  background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);
  box-shadow:var(--gb-shadow);overflow:hidden;padding:0;
}
.product-thumbnails .col a,.product-thumbnails img{border-radius:10px}
.product-thumbnails .col.is-nav-selected a,.product-thumbnails .is-nav-selected a{box-shadow:0 0 0 2px var(--gb-orange)}
.product-info .product-title,.product-info h1.product-title{
  font-size:1.65rem;font-weight:800!important;line-height:1.3;color:var(--gb-blue-dk);margin-bottom:6px;
}
.product-info .is-divider.small{background:linear-gradient(90deg,var(--gb-orange) 0 60%,var(--gb-blue) 60% 100%);height:4px;border-radius:4px;max-width:64px;opacity:1}
.product-info .price-wrapper{margin:12px 0}
.product-info .price .amount{font-size:1.5rem}
.product-info .lien-he-price{font-size:1rem;padding:6px 20px}
.product-info .product_meta,.product-info .product_meta a{font-size:13px;color:var(--gb-muted)}
.product-info .product_meta{padding:12px 14px;background:var(--gb-bg);border-radius:10px;border:1px solid var(--gb-line)}
.product-info .product_meta a{color:var(--gb-blue);font-weight:500;font-size:12px}
.product-info .product_meta a:hover{color:var(--gb-orange-dk)}
.product-info .single_add_to_cart_button,.product-info button.button.alt{
  background:var(--gb-orange)!important;border-radius:999px;font-weight:800;padding:0 30px;
  box-shadow:0 8px 18px rgba(240,127,29,.32);
}
.product-info .single_add_to_cart_button:hover{background:var(--gb-orange-dk)!important}
.product-info .social-icons .button.icon.is-outline{border-color:var(--gb-line)!important;color:var(--gb-blue)!important}

/* thẻ mô tả / liên hệ */
.woocommerce-tabs .nav-tabs,.product-footer .woocommerce-tabs > .nav{border-bottom:2px solid var(--gb-line);margin-bottom:18px}
.woocommerce-tabs .nav-tabs > li > a{
  border-radius:10px 10px 0 0;padding:11px 24px;margin:0 6px -2px 0;
  font-weight:800;font-size:13.5px;letter-spacing:.4px;text-transform:uppercase;
  color:var(--gb-muted);background:transparent;border:2px solid transparent;
}
.woocommerce-tabs .nav-tabs > li.active > a,.woocommerce-tabs .nav-tabs > li > a:hover{
  color:var(--gb-blue);background:#fff;border:2px solid var(--gb-line);border-bottom-color:#fff;border-top:3px solid var(--gb-orange);
}
.woocommerce-Tabs-panel,.tab-panels .panel{line-height:1.75}
.entry-content img{border-radius:10px}

/* sản phẩm liên quan */
.related-products-wrapper .product-section-title,.product-section-title{
  font-size:1.25rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--gb-blue);
  position:relative;padding-bottom:12px;border:0;margin-bottom:22px;
}
.related-products-wrapper .product-section-title:after,.product-section-title:after{
  content:"";position:absolute;left:0;bottom:0;width:54px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--gb-orange) 0 60%,var(--gb-blue) 60% 100%);
}

@media (max-width:849px){
  .product-info .product-title,.product-info h1.product-title{font-size:1.3rem}
  .widget_product_categories ul.product-categories{max-height:none}
  .woocommerce-tabs .nav-tabs > li > a{padding:9px 14px;font-size:12.5px}
}

/* ---- Logo đối tác: 1 hàng chạy từ phải sang trái, giữ nguyên màu logo ---- */
.gb-marquee{position:relative;overflow:hidden;padding:6px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.gb-marquee-track{display:flex;width:max-content;gap:18px;animation:gb-scroll var(--gb-dur,40s) linear infinite;will-change:transform}
.gb-marquee:hover .gb-marquee-track{animation-play-state:paused}
.gb-logo{flex:0 0 auto;width:190px;height:98px;display:flex;align-items:center;justify-content:center;
  padding:14px 20px;background:#fff;border:1px solid var(--gb-line);border-radius:var(--gb-radius);
  box-shadow:0 1px 3px rgba(11,45,92,.05);transition:transform .25s,box-shadow .25s,border-color .25s}
.gb-logo:hover{transform:translateY(-4px);box-shadow:var(--gb-shadow);border-color:rgba(240,127,29,.55)}
.gb-logo img{max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain}
@keyframes gb-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
section.section.gb-marquee-on .slider-wrapper{display:none!important}
@media (max-width:849px){.gb-logo{width:140px;height:80px;padding:10px 14px}.gb-logo img{max-height:54px}.gb-marquee-track{gap:12px}}
@media (prefers-reduced-motion:reduce){.gb-marquee{overflow-x:auto}.gb-marquee-track{animation:none!important}}