/* ===== Dropdown menus — style matches china-artificial-grass.com ===== */
nav li.has-dropdown{position:relative}
nav li.has-dropdown>a i{font-size:.7rem;margin-left:.3rem;transition:.25s}
nav li.has-dropdown:hover>a i{transform:rotate(180deg)}

/* 通用下拉容器 —— 对齐参考站：左对齐于导航项（absolute left:0, 无 transform 居中） */
.dropdown{position:absolute;top:calc(100% + 14px);left:0;transform:translateY(8px);background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.16);opacity:0;visibility:hidden;transition:.25s;z-index:110}
.dropdown::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
nav li.has-dropdown:hover>.dropdown,nav li.has-dropdown:focus-within>.dropdown{opacity:1;visibility:visible;transform:translateY(0)}

/* Products 下拉：全分类平铺卡片网格（对齐参考站 504px 宽、可滚动） */
.dd-products{width:504px;padding:0}
.dd-header{display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-bottom:1px solid rgba(15,15,15,.08)}
.dd-label{font-size:14px;font-weight:700;color:#111}
.dd-sub{font-size:12px;color:#999}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px;max-height:70vh;overflow-y:auto}
.dd-cat-card{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid rgba(15,15,15,.08);border-radius:0;text-decoration:none;transition:background .2s;background:#fff}
.dd-cat-card:hover{background:#f7f7f7}
.dd-cat-card img{width:52px;height:52px;border-radius:4px;object-fit:cover;flex-shrink:0}
.dd-cat-card span{font-size:13px;font-weight:800;color:#111;line-height:1.3}

/* Support 下拉：简洁文字列表 */
.dd-support{min-width:200px;padding:0}
.dd-support a{display:block;padding:12px 16px;font-size:14px;font-weight:700;color:#111;text-decoration:none;transition:background .2s;border-bottom:1px solid rgba(15,15,15,.06)}
.dd-support a:last-child{border-bottom:none}
.dd-support a:hover{background:#f7f7f7;color:var(--green)}

/* mobile */
@media(max-width:820px){
  nav li.has-dropdown>.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-left:2px solid var(--green-light);border-radius:0;margin:.3rem 0 .4rem .6rem;padding:.2rem 0;display:none;min-width:0;width:auto}
  nav li.has-dropdown.open>.dropdown{display:block}
  .dd-products{width:auto}
  .dd-grid{grid-template-columns:1fr;padding:4px}
  .dd-cat-card img{width:36px;height:36px}
  .dd-cat-card span{font-size:.85rem;font-weight:600}
  .dd-header{padding:.6rem .8rem}
  .dd-support a{padding:.5rem .8rem;font-size:.85rem;font-weight:600}
}