/* ============================================================
   services-cloud/* 移动端适配 (共享)
   作用域: 仅 @media (max-width: 768px) 生效, 桌面端零影响
   模板: 概述页 servicescloud.html 用 change_sub.css / pro-god_sub.css,
         其余功能/价格页用 change.css / pro-god.css —— 两套布局类完全一致
         (.pro-mes 1180 / .pro-left 187 / .pro-right 990 / .pro-ding 绝对定位),
         故本文件一套规则覆盖全部 10 页 (选择器按类命中, 与基础 CSS 文件名无关)。
   通用段落沿用 salecloud-mobile.css 已验证写法。指纹: 20260913
   ============================================================ */

/* ---- 功能卡片网格 (servicesfeatures.html 对齐销售云 salefeatures.html 设计) ----
   桌面端由左栏菜单承担, 移动端卡片化; 基线隐藏, 仅 ≤768px 显示 */
.sale-func-grid { display: none; }

/* ---- 概述页 servicescloud.html 顶部页内导航: 同 salecloud.html,
       桌面端由左栏 .pro-left 承担, 本条保留节点但默认 display:none,
       移动端/桌面端均不可见 (零可见影响) ---- */
.pro-mes .sale-subnav { display: none !important; }

/* ---- 概述页卡片描述: 桌面端显示原长文案, 移动端通过 .m-only 显示短文案 ---- */
.pro-mes .market_gongneng .top-shou p .m-only { display: none !important; }

@media (max-width: 768px) {

  /* ---- 容器: 1180px 固定宽 → 整宽自适应 ---- */
  .pro-mes {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
  }

  /* ---- 左侧子导航 (.pro-left 187px 浮动) → 移动端整块隐藏 (含「服务云」标题) ---- */
  .pro-mes .pro-left { display: none !important; }

  /* ---- 右侧内容区 (.pro-right 990px 浮动) → 整宽, 关掉左侧 3px 蓝线 ---- */
  .pro-mes .pro-right {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-top: 10px !important;
    border-left: none !important;
  }

  /* ---- 概述页 servicescloud.html 顶部导航: 同 salecloud.html ----
     层级面包屑 sticky 吸附, 滚动后钉在固定头下 (sale-subnav 已在 @media 外隐藏) */
  .pro-mes .sale-crumb.sale-crumb--single {
    position: sticky !important;
    top: 64px !important;
    z-index: 9960 !important;
    width: calc(100% + 24px) !important;
    margin: 0 -12px 10px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: 0 8px 16px -10px rgba(16, 42, 90, 0.22) !important;
  }
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-back { display: none !important; }
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-path {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-path::-webkit-scrollbar { display: none; }
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-path a {
    color: #0564F5 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-path a.is-cur,
  .pro-mes .sale-crumb.sale-crumb--single .sale-crumb-path .cur {
    padding: 3px 11px !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
  }

  /* ---- 概述页/功能页 banner: 文字压在首图底部, 同 salecloud.html 移动端处理
         (2026-09-14 用户要求 servicesfeatures.html 也改为「文字放在图片上」,
          原 .sf-banner-top 的「文字在图上方的正常流」布局已废弃) ---- */
  .pro-mes .pro-one {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-one > div:first-child {
    height: 170px !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }
  .pro-mes .pro-one > div:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .pro-mes .pro-one .pro-ding {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 18px 0 12px !important;
    margin: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-one .pro-ding .back-bg,
  .pro-mes .pro-one .pro-ding .back-bgtwo {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: none !important;
  }
  .pro-mes .pro-one .pro-ding .back-con {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-one .pro-ding .back-con h3 {
    font-size: 16px !important;
    color: #1c3d7a !important;
    text-shadow: none !important;
    margin: 0 0 10px !important;
    line-height: 1.4 !important;
  }
  .pro-mes .pro-one .pro-ding .back-con h4 {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 22px !important;
    margin: 0 0 10px !important;
    font-weight: 400 !important;
  }
  .pro-mes .pro-one .pro-ding .back-con p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
  }
  /* banner 里的「免费试用」与顶部固定头重复, 隐藏第一个 <a>
     (2026-09-14 用户要求: 8 个功能页也一并隐藏, 取消原先 servicesfeatures 的例外) */
  .pro-mes .pro-one .pro-ding .back-con p > a:first-child { display: none !important; }

  /* ---- 容器链整宽 (桌面 .pro-two 写死 990px 会把子元素撑宽) ---- */
  .pro-right .pro-two,
  .pro-mes .cell-sale,
  .clear-both {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* ---- 所有固定宽图片自适应 ---- */
  .pro-mes img {
    max-width: 100% !important;
    height: auto !important;
  }
  .pro-mes .pro-one > div:first-child img { width: 100% !important; max-width: 100% !important; }
  /* 横幅上的绝对定位装饰图在窄屏会跑到屏外 → 仅移动端隐藏 */
  .pro-mes .pro-one img[style*="absolute"] { display: none !important; }

  /* ---- 顶部 banner 大图 + 浮层文字 (文字贴图片上部, 2026-09-14 用户要求「靠上」) ---- */
  .pro-mes .pro-right .pro-ding {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    bottom: auto !important;
    padding: 18px 0 12px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-ding .back-bg {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .pro-mes .pro-ding .back-con {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    padding: 0 16px !important;
  }
  .pro-mes .pro-ding .back-con h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
  }
  .pro-mes .pro-ding .back-con p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
  }
  /* ---- 各部分之间补间距 + 内容不贴边 ---- */
  .pro-mes .cell-sale {
    padding: 12px 16px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .padding-px { padding: 16px 16px 8px !important; }

  /* ---- 产品行: sale-left / sale-right 单列堆叠 ---- */
  .cell-sale .sale-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .cell-sale .sale-left,
  .cell-sale .sale-right,
  .no-float,
  .no-potion {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .cell-sale .sale-left { margin-top: 0 !important; line-height: 0 !important; }
  .cell-sale .sale-left img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 0 !important; }
  .cell-sale .sale-right { padding: 0 !important; }
  .clear-both { overflow: visible !important; }

  /* ---- 块标题 h4 ---- */
  .cell-sale .sale-con h4,
  .cell-sale h4 {
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 17px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  /* ---- 字号/间距收敛 ---- */
  .pro-mes h3 { font-size: 16px !important; }
  .cell-sale h3 { font-size: 15px !important; margin: 14px 0 6px !important; }
  .cell-sale .sale-right p,
  .cell-sale p { font-size: 13px !important; line-height: 22px !important; }
  .cell-sale .top-shou h3 { font-size: 15px !important; }
  .cell-sale .top-shou p { font-size: 13px !important; line-height: 22px !important; }

  /* ---- 按钮统一 AI 风格: 渐变胶囊 ---- */
  .pro-mes .free-shi,
  .pro-mes .free-video,
  .pro-mes .btn-block,
  .pro-mes .more_sales {
    display: inline-block !important;
    padding: 9px 22px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    background: linear-gradient(115deg, #0564F5 0%, #4a7bff 50%, #06bcd4 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(5, 100, 245, 0.28) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .pro-mes .free-shi,
  .pro-mes .free-video { margin: 0 !important; }

  /* ---- 底部 Tab 轮播 / 返回顶部 / 订阅号二维码 → 移动端隐藏 ---- */
  .div-dian { display: none !important; }
  #back-to-top { display: none !important; }
  .qr_code_l { display: none !important; }

  /* ---- 视频演示弹窗: 移动端相对视口居中 + 宽度自适应 + 16:9 ---- */
  #show {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 92vw !important;
    max-width: 92vw !important;
    height: auto !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
  }
  #showz1 { width: 100% !important; }
  #moiveys.dispmovie {
    width: 100% !important;
    max-width: 100% !important;
    height: 52vw !important;
    margin: 0 !important;
  }
  #show #addXImg {
    position: absolute !important;
    top: -36px !important;
    right: 0 !important;
    cursor: pointer !important;
  }
  #bgbox {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.55) !important;
    z-index: 9998 !important;
  }

  /* ---- .back-con 浮层文字 (base 写死 width:890/990) → 整宽兜底 ---- */
  .pro-mes .pro-ding .back-con {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---- .service_ban「最佳方案」条 (桌面 width:990, 背景 serve_02.jpg)
         移动端要让背景图(笔记本/城市)露出来, 文字压图上;
         加最小高度 + 底部对齐, 使图片主体可见; 文字左对齐 ---- */
  .pro-mes .pro-two .service_ban {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 26px 18px 32px !important;
    margin-bottom: 18px !important;
    background: #f5f7fa !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-two .service_ban h3,
  .pro-mes .pro-two .service_ban p {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
  /* 段落内联 padding:0 30px 靠左后显得缩进过大, 移动端清掉 */
  .pro-mes .pro-two .service_ban p { padding: 0 !important; }
  .pro-mes .pro-two .service_ban h3 {
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #0f2444 !important;
    text-shadow: none !important;
    margin: 0 0 12px !important;
  }
  .pro-mes .pro-two .service_ban p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #0f2444 !important;
    text-shadow: none !important;
    margin: 0 0 18px !important;
  }
  .pro-mes .pro-two .service_ban p:last-child { margin-bottom: 0 !important; }

  /* ---- .ser_solve「小型企业解决方案」条 (桌面 width:890 height:260 写死,
         padding:40px 50px 0; 移动端改自适应高度, 否则右图溢出压住下方区块) ---- */
  .pro-mes .ser_solve {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 16px 20px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .ser_solve .solve_left,
  .pro-mes .ser_solve .solve_right {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .pro-mes .ser_solve .solve_right { margin-top: 16px !important; }
  .pro-mes .ser_solve .solve_right p { text-align: left !important; margin: 0 !important; }
  .pro-mes .ser_solve .solve_right img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* ---- .market_gongneng 功能卡片网格 (servicescloud.html 概述页 9 张 .top-shou)
         → 移动端 3×3 网格; 去掉 float/固定宽, 缩小图标与字号, 描述简化后单行/双行 ---- */
  .pro-mes .market_gongneng {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .pro-mes .market_gongneng .top-shou,
  .pro-mes .market_gongneng > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 12px 6px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    text-decoration: none !important;
  }
  .pro-mes .market_gongneng .team_img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 8px !important;
    line-height: 0 !important;
  }
  .pro-mes .market_gongneng .team_img img {
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
  }
  .pro-mes .market_gongneng .sale_title {
    height: auto !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
    color: #1c3d7a !important;
    font-weight: 500 !important;
  }
  .pro-mes .market_gongneng .top-shou p {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .pro-mes .market_gongneng .top-shou p .m-only {
    display: inline !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #666 !important;
  }
  /* 卡片下方的空行占位 <p>&nbsp;</p> 隐藏 */
  .pro-mes .clear-both > p { display: none !important; }

  /* ---- .pro-free「免费试用吧」区: base 写死 height:550px (桌面绝对定位装饰图需要),
         移动端 .sale-left 已隐藏 → 改自适应高度, 否则紫色块下方留一大截空白 ---- */
  .pro-mes .pro-free {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 16px 32px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-free .free_title {
    padding: 0 0 18px !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-align: left !important;
  }
  .pro-mes .pro-free .sale-left { display: none !important; }
  .pro-mes .pro-free .cell-free,
  .pro-mes .cell-free {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-free .sale-right,
  .pro-mes .pro-free .top-shou {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .pro-mes .pro-free .free_sub {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #ffffff !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }
  .pro-mes .pro-free .free_hotline {
    font-size: 13px !important;
    color: #ffffff !important;
    margin: 16px 0 0 !important;
    text-align: left !important;
  }

  /* ---- 通用 .top-shou 文字块 (功能子页 .top-shou.midd 等 base 写死 width:470)
         → 整宽; 与 .sale-left 图片上下堆叠 ---- */
  .pro-mes .cell-sale .top-shou,
  .pro-mes .sale-right .top-shou,
  .pro-mes .top-shou {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  .pro-mes .top-shou p { max-width: 100% !important; }

  /* ---- 装饰大图 (.sale-left 内联 position:absolute;right:-370px) 窄屏溢出 → 隐藏
         (servicesprice / 各 pro-free 区共用, 用内联样式精准命中, 不动 HTML) ---- */
  .pro-mes .sale-left[style*="absolute"] { display: none !important; }

  /* ---- servicesprice.html 价格对比表: 桌面 3 列固定宽 (.sale_price 包 .sale_price_mes 910
         + .sale_pro_inner 960 / .saleinner_left 280×3).
         整页横向溢出 → 改为 .sale_price 容器整宽 + 内部横向滚动
         (3 列对比表标准移动端处理; 用户可左右滑动查看各版本) ---- */
  .pro-mes .sale_price {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }
  .pro-mes .sale_price_pdf {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 价格页顶部「服务云 定价」标题块 (.salefeature 也是 990 固定宽) → 整宽 */
  .pro-mes .salefeature {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---- servicesfeatures.html: 对齐销售云 salefeatures.html 的层级导航条
         单行 sticky 吸附 + 当前页浅蓝胶囊 (覆盖 sale-crumb.css 基类的两行版) ---- */
  .pro-mes .sale-crumb {
    position: sticky !important;
    top: 64px !important;
    z-index: 9960 !important;
    width: calc(100% + 24px) !important;
    margin: 0 -12px 12px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: 0 8px 16px -10px rgba(16, 42, 90, 0.22) !important;
  }
  .pro-mes .sale-crumb .sale-crumb-back { display: none !important; }
  .pro-mes .sale-crumb .sale-crumb-path {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pro-mes .sale-crumb .sale-crumb-path::-webkit-scrollbar { display: none; }
  .pro-mes .sale-crumb .sale-crumb-path a {
    color: #0564F5 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .pro-mes .sale-crumb .sale-crumb-path .cur {
    padding: 3px 11px !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
  }

  /* ---- servicesfeatures.html: 销售云同款 AI 功能卡片网格 (4 列, 8 项)
         2026-09-14 用户要求: 滚过 banner 后吸附固定在层级导航条下方,
         便于阅读正文时随时切换功能 (固定头 64 + crumb 43 = 107; z 低于 crumb 9960)
         左右负 margin 撑满屏宽 + 白底, 使吸附时下方内容不从两侧露出; 卡片位置不变 ---- */
  .sale-func-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    position: sticky !important;
    top: 107px !important;
    z-index: 9950 !important;
    width: calc(100% + 24px) !important;
    margin: 0 -12px 10px !important;
    padding: 4px 12px 8px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: 0 8px 16px -10px rgba(16, 42, 90, 0.22) !important;
    box-sizing: border-box !important;
  }
  .sale-func-grid .func-card { overflow: hidden !important; }
  .sale-func-grid .func-name {
    width: 100% !important;
    /* change.css 全局重置 `div,span,...{text-align:left}` 会把 <span> 文本顶到左边,
       须显式居中 (销售云那边 span 是 shrink-to-fit 宽度, 靠 flex 居中侥幸没暴露) */
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .sale-func-grid .func-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    float: none !important;
    padding: 9px 8px 8px !important;
    background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
    border: 1px solid #e3ebf7 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px -8px rgba(16, 42, 90, 0.18);
    -webkit-tap-highlight-color: transparent;
  }
  .sale-func-grid .func-card:active {
    border-color: #bcd3f5 !important;
    box-shadow: 0 2px 8px -6px rgba(16, 42, 90, 0.28);
  }
  .sale-func-grid .func-ico {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #e8f7ef !important;
    color: #27ae60 !important;
    box-shadow: none !important;
  }
  .sale-func-grid .func-card:nth-child(5n+2) .func-ico { background: #f1ecfd !important; color: #7c3aed !important; }
  .sale-func-grid .func-card:nth-child(5n+3) .func-ico { background: #e8f0fe !important; color: #2563eb !important; }
  .sale-func-grid .func-card:nth-child(5n+4) .func-ico { background: #fdf1e0 !important; color: #f59a23 !important; }
  .sale-func-grid .func-card:nth-child(5n+5) .func-ico { background: #e4f6f3 !important; color: #0fae94 !important; }
  .sale-func-grid .func-ico svg {
    width: 18px !important;
    height: 18px !important;
    display: block;
  }
  .sale-func-grid .func-name {
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}
/* end @media (max-width: 768px) */