/* site-fix.css —— 湖北琅沐好物严选 */
.navigation-text { font-size: 0; }
.navigation-a { font-size: 14px; display: inline-block; padding: 0 14px; color: #fff; line-height: 50px; }
.navigation-a:hover, .navigation-a.active { background: #ff6a00; color: #fff; }

/* 商品列表卡片间距 */
.commodity { display: flex; flex-wrap: wrap; padding: 10px 0 30px; list-style: none; }
.commodity-list { width: 25%; margin-bottom: 22px; }

/* 全部好物页搜索框 */
.sy-searchbar { width: 1195px; margin: 18px auto 0; }
.sy-searchbar input { width: 380px; height: 38px; border: 1px solid #ddd; border-radius: 4px; padding: 0 12px; font-size: 14px; }
.sy-searchbar button { height: 38px; padding: 0 22px; background: #053458; color: #fff; border: none; border-radius: 4px; cursor: pointer; margin-left: 8px; }
.sy-cat-tabs { width: 1195px; margin: 0 auto; padding: 10px 0; }
.sy-cat-tabs a { display: inline-block; margin: 0 8px 8px 0; padding: 6px 18px; border: 1px solid #ddd; border-radius: 16px; color: #333; font-size: 14px; }
.sy-cat-tabs a.on { background: #ff6a00; border-color: #ff6a00; color: #fff; }
.sy-empty { text-align: center; color: #999; padding: 60px 0; font-size: 15px; }

/* about / contact 页面 */
.sy-page { width: 1195px; margin: 20px auto 40px; background: #fff; border-radius: 6px; padding: 30px 40px; min-height: 420px; }
.sy-page h2 { font-size: 22px; color: #053458; border-left: 4px solid #ff6a00; padding-left: 12px; margin: 26px 0 14px; }
.sy-page h2:first-child { margin-top: 0; }
.sy-page p { font-size: 15px; line-height: 1.9; color: #444; margin: 8px 0; text-indent: 2em; }
.sy-page ul { margin: 8px 0 8px 2em; }
.sy-page li { font-size: 15px; line-height: 1.9; color: #444; list-style: disc; }
.sy-contact-table { width: 100%; border-collapse: collapse; margin-top: 12px; }
.sy-contact-table td { border: 1px solid #e5e5e5; padding: 10px 16px; font-size: 14px; color: #444; }
.sy-contact-table td:first-child { width: 130px; background: #f7f9fb; font-weight: bold; color: #053458; }

/* 详情页参数区微调 */
.commodity-info-details p { margin: 6px 0; }

/* 移动端适配 */
@media (max-width: 1240px) {
  .navigation-text { padding: 0 10px; }
  .navigation-a { padding: 0 10px; font-size: 13px; }
}
@media (max-width: 860px) {
  .title-search { width: 42%; }
  .navigation-text { white-space: nowrap; overflow-x: auto; }
  .navigation-a { padding: 0 8px; font-size: 12px; }
  .commodity-list { width: 50%; }
  .commodity-list img { max-width: 100%; }
  .sy-searchbar, .sy-cat-tabs, .sy-page { width: auto; margin-left: 12px; margin-right: 12px; }
  .sy-searchbar input { width: 60%; }
  .swiper-slide img { height: 200px; }
  .top-left { display: none; }
  .content-width { padding: 0 10px; }
}