﻿@charset "UTF-8";
/* ========================================================================
   KCThanhHoa - RESPONSIVE VISUAL STANDARD V29 - 21/08/2026
   ------------------------------------------------------------------------
   MỤC TIÊU
   1) Một trục 1280px thống nhất: header -> home -> trang trong -> footer.
   2) Một hệ gutter / gap / radius / vertical rhythm nhất quán.
   3) Mobile sát màn hình nhưng NỘI DUNG BÊN TRONG CARD vẫn đủ khoảng thở.
   4) Không đổi cấu trúc HTML, số cột desktop, thứ tự module hay logic Razor.
   5) Nạp cuối cùng để thay thế các override V26/V27/V28 rải rác.
   ======================================================================== */

:root{
  --kc-v29-max:1280px;
  --kc-v29-edge:20px;
  --kc-v29-gap:18px;
  --kc-v29-section:20px;
  --kc-v29-card-pad:18px;
  --kc-v29-radius:14px;
  --kc-v29-radius-sm:12px;
  --kc-v29-line:#dfe7ef;
  --kc-v29-shadow:0 5px 18px rgba(23,63,112,.07);
}

/* ---------- 1. TRỤC TOÀN SITE ---------- */
html body .site-shell,
html body .site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner,
html body .site-header-sticky .main-menu-wrap > .site-shell,
html body .footer-main > .site-shell{
  width:100%;
  max-width:var(--kc-v29-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--kc-v29-edge) !important;
  padding-right:var(--kc-v29-edge) !important;
  box-sizing:border-box !important;
}

html body main.site-shell,
html body main.site-shell > .content-center{
  min-width:0;
}

html body main.site-shell > .content-center,
html body main.site-shell > .content-center.full-width,
html body main.site-shell > .content-center.with-one-sidebar,
html body main.site-shell > .content-center.with-left-right{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Trang chuyên mục trước đây tự co 1200px -> cho dùng hết trục body 1280px. */
html body .category-heading-shell,
html body .category-public-layout,
html body .article-reader-hero,
html body .article-detail-public-layout{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* ---------- 2. NHỊP CỘT / NHỊP DỌC ---------- */
html body .page-with-sidebars,
html body .home-page-sidebars,
html body .public-media-layout,
html body .category-public-layout,
html body .article-detail-public-layout{
  gap:var(--kc-v29-gap) !important;
}

html body .category-heading-shell{
  margin:var(--kc-v29-section) 0 12px !important;
  padding:0 !important;
}

html body .category-public-layout,
html body .article-detail-public-layout{
  margin-left:0 !important;
  margin-right:0 !important;
}

html body .category-public-layout{
  padding-top:0 !important;
  padding-bottom:14px !important;
}

html body .article-detail-public-layout{
  padding-top:0 !important;
  padding-bottom:22px !important;
}

html body .home-zone-rich{
  margin-bottom:var(--kc-v29-section) !important;
}

html body .menu-bottom-wrap{
  margin-top:var(--kc-v29-section) !important;
}

html body .footer-main{
  margin-top:28px !important;
}

/* ---------- 3. CATEGORY: HEADING + LIST CÙNG NGÔN NGỮ THỊ GIÁC ---------- */
html body .category-heading-card{
  padding:18px 20px 16px 22px !important;
  border-radius:var(--kc-v29-radius) !important;
  border-color:var(--kc-v29-line) !important;
  box-shadow:var(--kc-v29-shadow) !important;
}

html body .category-breadcrumb{
  margin:0 0 8px !important;
  padding:0 2px !important;
}

html body .category-heading-card h1{
  font-size:clamp(24px,2.25vw,30px) !important;
  line-height:1.28 !important;
}

html body .category-heading-tools{
  margin-top:12px !important;
  padding-top:10px !important;
}

/* Desktop category đang gap 8px quá bí. V29 đưa về cùng hệ gap site. */
html body .category-public-layout{
  column-gap:var(--kc-v29-gap) !important;
  row-gap:var(--kc-v29-gap) !important;
}

html body .category-public-main .list-item-modern{
  margin-bottom:14px !important;
  border-radius:var(--kc-v29-radius) !important;
  border:1px solid var(--kc-v29-line) !important;
  box-shadow:var(--kc-v29-shadow) !important;
}

html body .category-public-main .list-item-modern .body{
  padding:4px 6px !important;
}

html body .category-public-main .list-item-modern .body h3{
  margin-bottom:7px !important;
  line-height:1.4 !important;
}

/* ---------- 4. ARTICLE: CARD SÁT MÉP NGOÀI NHƯNG CHỮ KHÔNG SÁT VIỀN ---------- */
html body .article-reader-hero{
  margin:var(--kc-v29-section) 0 12px !important;
  padding:20px 22px !important;
  border-radius:var(--kc-v29-radius) !important;
  border-left-width:4px !important;
  box-shadow:var(--kc-v29-shadow) !important;
}

html body .article-reader-content{
  padding:24px 26px !important;
  border-radius:var(--kc-v29-radius) !important;
  box-shadow:var(--kc-v29-shadow) !important;
}

html body .article-reader-summary{
  margin-bottom:18px !important;
  padding-bottom:15px !important;
}

html body .article-reader-body{
  max-width:100%;
}

/* ---------- 5. HOME: HEADER CHUYÊN MỤC VÀ CARD DÙNG CÙNG NHỊP ---------- */
html body .home-zone-rich-head{
  margin-bottom:12px !important;
}

html body .home-zone-rich-body{
  gap:14px !important;
}

html body .home-zone-rich-featured,
html body .home-zone-rich-card{
  border-radius:var(--kc-v29-radius-sm) !important;
}

/* ---------- 6. CHỐNG TRÀN NỘI DUNG LEGACY ---------- */
html body main.site-shell img,
html body main.site-shell video,
html body main.site-shell iframe,
html body main.site-shell embed,
html body main.site-shell object{
  max-width:100%;
}

html body main.site-shell .content-center,
html body main.site-shell .category-public-main,
html body main.site-shell .article-reader-content,
html body main.site-shell .article-reader-body{
  min-width:0;
  overflow-wrap:anywhere;
}

/* ========================================================================
   TABLET / LAPTOP NHỎ
   ======================================================================== */
@media (max-width:1200px){
  :root{
    --kc-v29-edge:16px;
    --kc-v29-gap:16px;
    --kc-v29-section:18px;
    --kc-v29-card-pad:16px;
  }
}

@media (max-width:991.98px){
  :root{
    --kc-v29-edge:14px;
    --kc-v29-gap:14px;
    --kc-v29-section:16px;
  }

  html body .page-with-sidebars,
  html body .home-page-sidebars,
  html body .public-media-layout,
  html body .category-public-layout,
  html body .article-detail-public-layout{
    row-gap:var(--kc-v29-gap) !important;
  }
}

/* ========================================================================
   MOBILE <= 768px
   - Chỉ có 1 gutter ngoài.
   - Vô hiệu hoàn toàn 100vw / negative margin V26-V27.
   - Nội dung trong card giữ padding 12-14px để nhìn sạch và dễ đọc.
   ======================================================================== */
@media (max-width:768px){
  :root{
    --kc-v29-edge:8px;
    --kc-v29-gap:12px;
    --kc-v29-section:12px;
    --kc-v29-radius:12px;
    --kc-v29-radius-sm:10px;
  }

  html body .site-shell,
  html body.kc-inner-fullwidth-mobile main.site-shell,
  html body.kc-inner-fullwidth-mobile main.site-shell.page-with-sidebars{
    width:100% !important;
    max-width:var(--kc-v29-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--kc-v29-edge) !important;
    padding-right:var(--kc-v29-edge) !important;
    overflow-x:visible !important;
    box-sizing:border-box !important;
  }

  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.full-width,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.with-one-sidebar,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.with-left-right,
  html body.kc-inner-fullwidth-mobile .category-heading-shell,
  html body.kc-inner-fullwidth-mobile .category-public-layout,
  html body.kc-inner-fullwidth-mobile .article-reader-hero,
  html body.kc-inner-fullwidth-mobile .article-detail-public-layout{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.full-width,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.with-one-sidebar,
  html body.kc-inner-fullwidth-mobile main.site-shell > .content-center.with-left-right,
  html body.kc-inner-fullwidth-mobile .category-heading-shell,
  html body.kc-inner-fullwidth-mobile .category-public-layout,
  html body.kc-inner-fullwidth-mobile .article-detail-public-layout{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Category heading */
  html body .category-heading-shell{
    margin:10px 0 9px !important;
  }
  html body .category-breadcrumb{
    margin-bottom:7px !important;
    padding:0 2px !important;
    font-size:12px !important;
  }
  html body .category-heading-card{
    padding:14px 14px 13px 16px !important;
    border-radius:var(--kc-v29-radius) !important;
  }
  html body .category-heading-card h1{
    font-size:21px !important;
    line-height:1.3 !important;
  }
  html body .category-heading-tools{
    gap:8px !important;
    margin-top:9px !important;
    padding-top:8px !important;
  }

  /* Category cards: card sát trục 8px, body vẫn có khoảng thở 13-14px. */
  html body .category-public-main .list-item-modern{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 12px !important;
    border-radius:var(--kc-v29-radius) !important;
  }
  html body .category-public-main .list-item-modern .body{
    padding:13px 14px 14px !important;
  }
  html body .category-public-main .list-item-modern .body h3{
    margin-bottom:6px !important;
    font-size:17px !important;
    line-height:1.38 !important;
  }

  /* Article: sửa điểm chưa đẹp của V27 - không còn padding 4-6px. */
  html body.kc-inner-fullwidth-mobile .article-reader-hero{
    margin:10px 0 9px !important;
    padding:14px 14px 13px !important;
    border-left-width:3px !important;
    border-radius:var(--kc-v29-radius) !important;
  }
  html body.kc-inner-fullwidth-mobile .article-reader-hero h1{
    font-size:clamp(22px,6vw,27px) !important;
    line-height:1.3 !important;
  }
  html body.kc-inner-fullwidth-mobile .article-reader-content{
    padding:15px 14px 16px !important;
    border-radius:var(--kc-v29-radius) !important;
  }
  html body .article-reader-summary{
    font-size:16.5px !important;
    line-height:1.62 !important;
    margin-bottom:14px !important;
    padding-bottom:12px !important;
  }
  html body .article-reader-body{
    font-size:16.5px !important;
    line-height:1.7 !important;
  }
  html body .article-reader-body p{
    margin-bottom:.82em !important;
  }

  /* Home */
  html body .home-zone-rich{
    margin-bottom:14px !important;
  }
  html body .home-zone-rich-head{
    margin-bottom:9px !important;
  }
  html body .home-zone-rich-body{
    gap:10px !important;
  }

  html body .menu-bottom-wrap{
    margin-top:14px !important;
  }
  html body .footer-main{
    margin-top:20px !important;
  }
}

/* Mobile nhỏ: vẫn giữ 8px - không co tiếp 6/4px gây cảm giác thiếu ổn định. */
@media (max-width:480px){
  :root{
    --kc-v29-edge:8px;
    --kc-v29-gap:10px;
    --kc-v29-section:10px;
  }

  html body .category-heading-card{
    padding:13px 13px 12px 15px !important;
  }

  html body.kc-inner-fullwidth-mobile .article-reader-hero{
    padding:13px 12px 12px !important;
  }

  html body.kc-inner-fullwidth-mobile .article-reader-content{
    padding:14px 12px 15px !important;
  }
}

/* 360px vẫn giữ cùng gutter 8px để toàn bộ điện thoại có một quy luật dễ hiểu. */
@media (max-width:360px){
  :root{--kc-v29-edge:8px;}
}

/* ========================================================================
   V30 - 21/08/2026
   /chuyen-muc/{id}: placeholder ảnh thật + khoảng thở dưới menu trên Mobile
   ------------------------------------------------------------------------
   1) Nếu bài không có ImageURL thật hoặc ảnh lỗi/404: hiện "Chưa có ảnh".
   2) Khoảng cách từ menu ngang xuống đầu chuyên mục trên Mobile = gutter 8px.
   3) Không đổi grid, thứ tự khối, sidebar hay bố cục tổng thể.
   ======================================================================== */

html body .category-public-layout .category-public-main .list-item-modern .thumb{
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  background:#f3f6f9 !important;
}

html body .category-public-layout .category-public-main .list-item-modern .thumb .category-thumb-no-image{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  padding:8px !important;
  box-sizing:border-box !important;
  color:#8a98a8 !important;
  background:linear-gradient(135deg,#f6f8fa 0%,#edf2f6 100%) !important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
}


@media (max-width:768px){
  /* Dùng padding-top thay margin-top để khoảng trống không bị margin-collapse.
     8px = đúng gutter trái/phải V29/V30 trên Mobile. */
  html body.kc-inner-fullwidth-mobile .category-heading-shell{
    margin-top:0 !important;
    padding-top:var(--kc-v29-edge,8px) !important;
  }

  html body .category-public-layout .category-public-main .list-item-modern .thumb .category-thumb-no-image{
    font-size:11px !important;
  }
}

/* ========================================================================
   V31 - 21/08/2026
   1) TIN CHÍNH đầu Trang chủ dùng cùng typography với tin nổi bật chuyên mục dưới.
   2) Mobile: tăng khoảng thở từ menu ngang xuống đầu /chuyen-muc/{id}.
   3) Không đổi layout/grid/HTML.
   ======================================================================== */

/* TIN CHÍNH: đồng bộ chính xác với .home-zone-rich-featured-content. */
html body .kc-home-top-two-blocks .kc-home-top-main-body h3,
html body .kc-home-top-moit-news .kc-home-top-main-body h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(17px,1.35vw,20px) !important;
  line-height:1.38 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  margin:7px 0 0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-body h3 > a,
html body .kc-home-top-moit-news .kc-home-top-main-body h3 > a{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:700 !important;
  letter-spacing:inherit !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-body > p,
html body .kc-home-top-moit-news .kc-home-top-main-body > p{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#475569 !important;
  margin:8px 0 0 !important;
}

/* Tin phụ ngay trong TIN CHÍNH cũng dùng cùng hệ Arial/700 như card dưới. */
html body .kc-home-top-two-blocks .kc-home-top-sub-title,
html body .kc-home-top-moit-news .kc-home-top-sub-title{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:700 !important;
  line-height:1.38 !important;
}

@media (max-width:768px){
  /* V30 = 8px còn hơi sát menu. V31 tăng lên 14px, hai mép trái/phải vẫn giữ 8px. */
  html body.kc-inner-fullwidth-mobile .category-heading-shell{
    margin-top:0 !important;
    padding-top:14px !important;
  }

  /* Mobile TIN CHÍNH: cùng tỷ lệ chữ với featured chuyên mục, không phình riêng. */
  html body .kc-home-top-two-blocks .kc-home-top-main-body h3,
  html body .kc-home-top-moit-news .kc-home-top-main-body h3{
    font-size:17px !important;
    line-height:1.38 !important;
    margin-top:6px !important;
  }
  html body .kc-home-top-two-blocks .kc-home-top-main-body > p,
  html body .kc-home-top-moit-news .kc-home-top-main-body > p{
    font-size:14.5px !important;
    line-height:1.55 !important;
    margin-top:7px !important;
  }
}

@media (max-width:480px){
  html body.kc-inner-fullwidth-mobile .category-heading-shell{
    padding-top:14px !important;
  }
}

/* =========================================================
   V32 - 21/08/2026
   MOBILE: TÁCH KHỐI TIN CHÍNH KHỎI MENU NGANG
   ---------------------------------------------------------
   Legacy theme-customizer.css đang ép .kc-home-top-fixed-grid
   margin-top:0 !important và main.site-shell padding-top:5px,
   làm khối TIN CHÍNH nhìn dính vào menu trên mobile.

   Chỉ sửa khối đầu Trang chủ, KHÔNG tăng padding toàn site.
   ========================================================= */
@media (max-width:768px){
  html body .kc-home-top-fixed-grid,
  html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin-top:12px !important;
  }
}

@media (max-width:480px){
  html body .kc-home-top-fixed-grid,
  html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin-top:12px !important;
  }
}

/* ========================================================================
   V33 - 21/08/2026
   1) TABLET <= 1024px: tách TIN CHÍNH khỏi menu ngang rõ ràng.
   2) Không sửa main.site-shell toàn site; chỉ tác động khối đầu Trang chủ.
   ======================================================================== */
@media (max-width:1024px){
  html body .kc-home-top-fixed-grid,
  html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin-top:14px !important;
  }
}

@media (max-width:768px){
  html body .kc-home-top-fixed-grid,
  html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news,
  html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin-top:14px !important;
  }
}

/* ========================================================================
   V34 - 21/08/2026
   TRANG CHỦ: PLACEHOLDER ẢNH ĐẠI DIỆN CHUYÊN MỤC
   - Chỉ áp dụng các card trong .home-zone-rich.
   - Không thay đổi kích thước thumbnail/card hiện có.
   - ImageURL rỗng hoặc ảnh lỗi/404 => nền mờ nhẹ + chữ nhỏ "Chưa có ảnh".
   ======================================================================== */
html body .home-zone-rich .kc-home-zone-thumb-shell{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  background:#eef3f7 !important;
}

html body .home-zone-rich .kc-home-zone-thumb-shell > img{
  position:relative;
  z-index:2;
}

html body .home-zone-rich .kc-home-zone-noimage{
  position:absolute;
  inset:0;
  z-index:1;
  display:none;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 24% 28%, rgba(255,255,255,.78) 0 8%, rgba(255,255,255,0) 34%),
    radial-gradient(circle at 78% 70%, rgba(148,163,184,.20) 0 10%, rgba(148,163,184,0) 38%),
    linear-gradient(135deg, #f8fafc 0%, #e8eef4 48%, #f3f6f9 100%);
  color:#7b8794;
  line-height:1;
  text-align:center;
}

html body .home-zone-rich .kc-home-zone-noimage::before,
html body .home-zone-rich .kc-home-zone-noimage::after{
  content:"";
  position:absolute;
  border-radius:999px;
  background:rgba(255,255,255,.52);
  filter:blur(8px);
  pointer-events:none;
}

html body .home-zone-rich .kc-home-zone-noimage::before{
  width:44%;
  height:44%;
  left:-10%;
  top:-10%;
}

html body .home-zone-rich .kc-home-zone-noimage::after{
  width:36%;
  height:36%;
  right:-8%;
  bottom:-10%;
  background:rgba(148,163,184,.16);
}

html body .home-zone-rich .kc-home-zone-noimage.is-visible{
  display:flex !important;
}

html body .home-zone-rich .kc-home-zone-noimage > span{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:4px 9px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  color:#718096;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.01em;
  white-space:nowrap;
}

/* Ảnh nổi bật có khung lớn: chữ nhỉnh hơn rất nhẹ nhưng vẫn là chú thích nhỏ. */
html body .home-zone-rich-featured-thumb .kc-home-zone-noimage > span{
  min-height:24px;
  padding:5px 10px;
  font-size:11.5px;
}

@media (max-width:768px){
  html body .home-zone-rich .kc-home-zone-noimage > span{
    min-height:20px;
    padding:3px 7px;
    font-size:10.5px;
  }
  html body .home-zone-rich-featured-thumb .kc-home-zone-noimage > span{
    min-height:22px;
    padding:4px 9px;
    font-size:11px;
  }
}
/* =========================================================
   KCThanhHoa Responsive Standard V35 - 21/08/2026
   FIX: LIEN KET logo/banner khong link khong dung href="#".
   Mobile/tablet: tra thao tac vuot doc cho page, khong tao scroll con.
   ========================================================= */

/* Ap dung cung mot kich thuoc cho banner co link va banner tinh. */
html body .kc-home-top-two-blocks .kc-home-top-link-banner,
html body .kc-home-top-two-blocks .kc-home-top-link-banner--static {
    width:var(--kc-home-top-right-logo-width,100%) !important;
    height:var(--kc-home-top-right-logo-height,92px) !important;
    min-height:var(--kc-home-top-right-logo-height,92px) !important;
    max-height:var(--kc-home-top-right-logo-height,92px) !important;
    flex:0 0 var(--kc-home-top-right-logo-height,92px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks .kc-home-top-link-banner > img,
html body .kc-home-top-two-blocks .kc-home-top-link-banner--static > img {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    display:block !important;
}
.kc-home-top-link-banner--static {
    cursor:default !important;
    user-select:none;
    -webkit-user-drag:none;
}

@media (max-width:1024px) {
    html body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list,
    html body .kc-home-top-two-blocks .kc-home-top-link-list {
        overflow:visible !important;
        overflow-x:visible !important;
        overflow-y:visible !important;
        max-height:none !important;
        touch-action:pan-y !important;
        overscroll-behavior:auto !important;
        -webkit-overflow-scrolling:auto !important;
    }
    html body .kc-home-top-two-blocks .kc-home-top-link-banner,
    html body .kc-home-top-two-blocks .kc-home-top-link-banner img,
    html body .kc-home-top-two-blocks .kc-home-top-link-banner--static,
    html body .kc-home-top-two-blocks .kc-home-top-link-banner--static img {
        touch-action:pan-y !important;
    }
}
