/* 公共页头页脚下的普通页面：商店、商品、购物车、结账、新建页面、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; }