/* 公共页头页脚下的普通页面：商店、商品、购物车、结账、新建页面、404。
   颜色沿用旧站的绿色系；这里只做版心和 WooCommerce 默认样式的基本收拾，细节后续再做。 */
.ss-generic { max-width: 1120px; margin: 0 auto; padding: 120px 24px 72px; }
.ss-generic h1 { margin: 0 0 24px; font-size: clamp(28px, 4vw, 40px); line-height: 1.25; color: #1B4D3E; }

.woocommerce .woocommerce-breadcrumb { font-size: 13px; color: #888; }
.woocommerce div.product::after { content: ""; display: table; clear: both; }
.woocommerce div.product .product_meta { font-size: 13px; color: #888; }
.woocommerce div.product .product_meta .posted_in { display: none; }   /* 商品还没分类，先不显示「未分类」 */

.woocommerce .related,
.woocommerce .upsells { clear: both; padding-top: 48px; }
.woocommerce .related > h2,
.woocommerce .upsells > h2 { margin: 0 0 20px; font-size: 22px; color: #1B4D3E; }

.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; color: #1B4D3E; }
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img { border-radius: 12px; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce div.product form.cart .button {
  background: #1B4D3E; color: #fff; border-radius: 999px; padding: 12px 28px; font-weight: 500;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce div.product form.cart .button:hover { background: #2D6A4F; color: #fff; }

.ss-not-medicine { font-size: 13px; color: #555; margin-top: 16px; }

.ss-list-item { padding: 20px 0; border-bottom: 1px solid #E8F5E9; }
.ss-list-item h2 { margin: 0 0 8px; font-size: 20px; }
.ss-list-item h2 a { color: #1B4D3E; text-decoration: none; }
.ss-list-item p { margin: 0; color: #555; font-size: 14px; }

/* 手写的普通页面（如质量页）正文 */
.ss-page-body { max-width: 760px; color: #333; font-size: 16px; line-height: 1.9; }
.ss-page-body .ss-lead { font-size: 17px; color: #1B4D3E; }
.ss-page-body h2 { margin: 40px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #C8E6C9; font-size: 20px; color: #1B4D3E; }
.ss-page-body ul { padding-left: 1.2em; }
.ss-page-body a { color: #2D6A4F; }

/* 404 */
.ss-404 { max-width: 640px; padding: 40px 0; }
.ss-404-code { margin: 0; font-size: 14px; letter-spacing: 4px; color: #B8860B; }
.ss-404 p { color: #555; line-height: 1.9; }
.ss-404-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 28px; }
.ss-404-links a { color: #2D6A4F; text-decoration: none; }
.ss-404-links a.ss-btn { padding: 10px 26px; border-radius: 999px; background: #1B4D3E; color: #fff; }