/* _kampo_product_heading.html.liquid | haricchi_theme_20261020 | 2026-10-24 */

.c-product_info__category:has(+.kampo-product-heading){padding:0;margin:0;font-size:13px;line-height:20px;letter-spacing:.04em}
/* Figma 20261022: 区分→商品名10px、商品名→タイプ12px、タイプ→お気に入り16px。既存テーマのpaddingを漢方だけ解除。 */
.kampo-product-heading{display:flex;flex-direction:column;align-items:flex-start;background-color:#f8f6f7;margin:0;padding:6px 0 16px;font-family:"Noto Sans JP",sans-serif;color:#3d3935}
.kampo-product-classification{display:block;box-sizing:border-box;min-width:92px;height:23px;border:1px solid #3d3935;padding:0 10px;margin:0;font-size:12px;font-weight:500;line-height:21px;letter-spacing:.04em;text-align:center}
.kampo-product-heading #product-name{width:100%;padding:0;margin:10px 0 12px;font-family:"Noto Sans JP",sans-serif;font-size:24px;font-weight:400;line-height:40px;letter-spacing:.04em}
.kampo-product-types{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.kampo-product-type{display:flex;align-items:center;gap:8px;max-width:100%;font-size:13px;font-weight:500;line-height:19px;letter-spacing:.04em}
.kampo-product-type b{flex:none;box-sizing:border-box;min-width:41px;height:19px;background:#21364e;color:#fff;padding:0 8px;font-size:12px;font-weight:500;line-height:19px;letter-spacing:.04em;text-align:center}
.kampo-product-type>span{color:#3d3935}
.kampo-product-heading~.c-product_info__favorite{padding:0 0 24px;margin:0;line-height:17px}
.kampo-product-heading~.c-product_info__favorite .c-product_info__favorite__btn{display:inline-flex;align-items:center;gap:4px;padding:0;margin:0;vertical-align:top;font-size:14px;font-weight:500;line-height:17px;letter-spacing:.04em}
.kampo-product-heading~.c-product_info__favorite .favorite-text,.kampo-product-heading~.c-product_info__favorite .favorite-icon{font-size:14px;line-height:17px}
@media(max-width:767px){.kampo-product-classification{min-width:91px;height:22px;border-width:.5px}.kampo-product-heading #product-name{font-size:18px;line-height:32px}}