
/* #pdnoinbar（2026-11-03）去掉右栏栏内滚动条：整页只留一条滚动条
   来由：原 #pddet 把主栏定高内滚、右栏也跟着内滚，右栏出现第二条细滚动条（用户要求去掉）。
   现在：两栏都随页面滚；右栏能整屏放下才吸附，放不下就跟着页面走（JS 打 .pd-aside-tall）。 */
@media (min-width:1025px){
  .pd-layout-det{grid-template-rows:auto;align-items:start;height:auto;min-height:0}
  .pd-layout-det > .pd-main-col{overflow:visible;min-height:0;overscroll-behavior:auto}
  .pd-layout-det > .pd-aside{align-self:start;height:auto;max-height:none}
  .product-detail-page .pd-aside{top:120px;max-height:none !important;overflow:visible}
  .pd-aside-body{overflow:visible;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}
  .pd-aside-body::-webkit-scrollbar{width:0;height:0;display:none}
  /* #pdtree7（2026-11-07 用户二次确认）「目录树那块要始终停留在屏幕」：
     整栏吸顶，高度按视口给足（视口 - 140），栏内按「切换按钮 → 目录树（吃剩余高度、自带滚动条）
     → 产品检索卡」弹性分配，整栏刚好卡在屏幕里，底部不再被切掉一半；分类多就在树内滚。 */
  .product-detail-page .pd-layout-det > .pd-aside{
    position:sticky;top:150px;height:calc(100vh - 170px);max-height:none;
    display:flex;flex-direction:column;overflow:hidden;
  }
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-header{flex:0 0 auto}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body{
    flex:1 1 auto;min-height:0;padding-right:0;display:flex;flex-direction:column;
    overflow-y:auto;
  }
  /* 卡多（如国际站还带帮助卡）时整栏放不下：给一条细滚动条，宁可滚也不许把卡片裁成半截 */
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body::-webkit-scrollbar{width:6px}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body::-webkit-scrollbar-track{background:transparent}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body::-webkit-scrollbar-thumb{background:#e2d8c8;border-radius:3px}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body::-webkit-scrollbar-thumb:hover{background:#c9b8a3}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body > .pd-aside-box{flex:0 0 auto;margin-bottom:12px}
  .product-detail-page .pd-layout-det > .pd-aside > .pd-aside-body > .pd-cattree-box{
    flex:1 1 auto;min-height:240px;display:flex;flex-direction:column;overflow:hidden;
  }
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > .pd-aside-title{flex:0 0 auto}
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > ul.pd-tree2{
    flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow-y:auto;
    padding-right:4px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto;
  }
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > ul.pd-tree2::-webkit-scrollbar{width:8px}
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > ul.pd-tree2::-webkit-scrollbar-track{background:transparent}
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > ul.pd-tree2::-webkit-scrollbar-thumb{background:#d8cbb8;border-radius:4px}
  .product-detail-page .pd-layout-det > .pd-aside .pd-cattree-box > ul.pd-tree2::-webkit-scrollbar-thumb:hover{background:#bda98e}
  /* #pdfold1（2026-11-07 用户令）「产品检索」卡收成一行标题，点开才展开，
     把腾出的约 250px 让给目录树（树可视高度 266 → 约 520）。收起态由 PHP 直接带类，
     没脚本时标题仍在；展开后输入框自动聚焦。仅在桌面生效，手机端保持原样。 */
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box > .pd-aside-title{cursor:pointer;user-select:none}
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box > .pd-aside-title:hover{color:#1d4ed8}
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box > .pd-aside-title::after{
    content:'';flex:0 0 auto;width:7px;height:7px;margin:-2px 3px 0 8px;
    border-right:2px solid #a08b6e;border-bottom:2px solid #a08b6e;
    transform:rotate(-45deg);transition:transform .18s ease;
  }
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box:not(.pd-search-folded) > .pd-aside-title::after{transform:rotate(45deg);margin-top:-5px}
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box.pd-search-folded > .pd-aside-title{margin-bottom:0}
  .product-detail-page .pd-layout-det > .pd-aside .pd-search-box.pd-search-folded > *:not(.pd-aside-title){display:none !important}
  .product-detail-page .article-cta-hm{margin-top:10px}
  /* ①四大理由 4 列改由 includes/why-choose.php 组件负责（#whysec 对齐 s/intl 版） */
  /* #pdacc4 ②服务流程卡与落地卡之间保 10px 呼吸（原 2px 压过头） */
}
