/* ==========================================================================
   LEPUS EC（ショップ・商品一覧・商品詳細・カート）スマホ最優先UI（v2）
   - EC関連ページだけで読み込む（inc/ec-v2.php）。body に .lepus-ec2 が付いた時だけ有効。
   - 方針：白地・黒〜濃いグレーの文字・薄いグレーの罫線。装飾（影・グラデーション・
     過剰な動き）は使わない。タップ領域は原則44px以上。入力欄は16px（iPhoneの自動拡大防止）。
   ========================================================================== */
.lepus-ec2 {
	--ec-ink: #23282a;
	--ec-muted: #5b6360;
	--ec-line: #dfe2df;
	--ec-soft: #f6f6f4;
	--ec-accent: #4f6558;
	--ec-radius: 8px;
}

/* ---------- 共通：入力欄・ボタン ---------- */
.lepus-ec2 input[type="search"],
.lepus-ec2 input[type="text"],
.lepus-ec2 input[type="email"],
.lepus-ec2 input[type="tel"],
.lepus-ec2 input[type="number"],
.lepus-ec2 select,
.lepus-ec2 textarea { font-size: 16px; }

.lepus-ec2 .woocommerce-product-search { display: flex; gap: 8px; margin: 0; }
.lepus-ec2 .woocommerce-product-search .search-field {
	flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 14px;
	border: 1px solid #c9cdca; border-radius: var(--ec-radius); background: #fff; color: var(--ec-ink);
}
.lepus-ec2 .woocommerce-product-search .button,
.lepus-ec2 .woocommerce-product-search button[type="submit"] {
	flex: 0 0 auto; min-height: 48px; min-width: 64px; padding: 0 18px; border: 0; border-radius: var(--ec-radius);
	background: var(--ec-ink); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer;
}

/* ---------- ヘッダー：検索アイコン／カート ---------- */
.lepus-ec2 .site-header__search,
.lepus-ec2 .site-header__cart {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; min-height: 44px; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; position: relative;
}
.lepus-ec2 .site-header__search svg { width: 22px; height: 22px; }
.lepus-ec2 .site-header__search:focus-visible,
.lepus-ec2 .site-header__cart:focus-visible { outline: 2px solid var(--ec-accent); outline-offset: 2px; border-radius: 6px; }
.ec2-search-panel { background: #fff; border-top: 1px solid var(--ec-line); padding: 10px 0 12px; }
.ec2-search-panel[hidden] { display: none; }

/* スマホ・タブレットではヘッダーを画面上部に固定し、下へスクロール中は隠して、少し戻すと
   検索・カートがすぐ使えるようにする（PCは従来どおり固定ヘッダー）。
   ※ transform は使わない（スマホメニューのドロワーが position:fixed のため、祖先の transform で基準位置がずれる） */
@media (max-width: 1199px) {
	.lepus-ec2 .site-header { position: sticky; top: 0; transition: top .2s ease; }
	.lepus-ec2 .site-header.is-hidden { top: -96px; }
	body.admin-bar.lepus-ec2 .site-header { top: 46px; }
	body.admin-bar.lepus-ec2 .site-header.is-hidden { top: -96px; }
}
@media (min-width: 783px) and (max-width: 1199px) { body.admin-bar.lepus-ec2 .site-header { top: 32px; } }
@media (prefers-reduced-motion: reduce) { .lepus-ec2 .site-header { transition: none; } }

/* ---------- 共通パーツ ---------- */
.ec2-section { padding: 28px 0; background: #fff; }
.ec2-section--soft { background: var(--ec-soft); }
.ec2-h2 { font-size: 20px; line-height: 1.4; font-weight: 500; word-break: auto-phrase; margin: 0 0 14px; color: var(--ec-ink); }
.ec2-h2--all { margin: 8px 0 12px; }
.ec2-lead { font-size: 14px; line-height: 1.7; color: var(--ec-muted); margin: -6px 0 14px; word-break: auto-phrase; text-wrap: pretty; }
.ec2-link { font-size: 14px; margin: 14px 0 0; }
.ec2-link a { color: var(--ec-accent); text-decoration: underline; text-underline-offset: 3px; }
.ec2-link--center { text-align: center; }
.ec2-link .btn { text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; }

.ec2-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; }
.ec2-chip {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
	border: 1px solid #c9cdca; border-radius: 999px; background: #fff; color: var(--ec-ink);
	font-size: 14px; line-height: 1.3; text-decoration: none;
}
.ec2-chip:active { background: var(--ec-soft); }

.ec2-more { margin-top: 12px; }
.ec2-more > summary {
	list-style: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer;
	color: var(--ec-accent); font-size: 14px; font-weight: 600;
}
.ec2-more > summary::-webkit-details-marker { display: none; }
.ec2-more > summary::after { content: '＋'; font-weight: 400; }
.ec2-more[open] > summary::after { content: '－'; }
.ec2-more[open] > summary { margin-bottom: 8px; }

/* ---------- ① ファーストビュー ---------- */
.ec2-fv { padding: 20px 0 8px; background: #fff; }
.ec2-fv__badges { display: flex; flex-wrap: wrap; gap: 6px 8px; list-style: none; padding: 0; margin: 0 0 12px; }
.ec2-fv__badges li { border: 1px solid var(--ec-line); border-radius: 999px; padding: 3px 11px; font-size: 12px; color: var(--ec-muted); }
.ec2-fv__title { font-size: clamp(22px, 6.2vw, 30px); line-height: 1.4; font-weight: 500; margin: 0 0 8px; color: var(--ec-ink); word-break: auto-phrase; }
.ec2-fv__lead { font-size: 14px; line-height: 1.7; color: var(--ec-muted); margin: 0 0 16px; word-break: auto-phrase; text-wrap: pretty; }
.ec2-fv__search { max-width: 560px; }

/* ---------- ② 探し方の入口 ---------- */
.ec2-entries { padding: 8px 0 20px; background: #fff; }
.ec2-entries__grid { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 0; }
.ec2-entry {
	display: flex; flex-direction: column; justify-content: center; gap: 3px; min-height: 76px; padding: 12px 14px;
	border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: #fff; color: var(--ec-ink); text-decoration: none;
}
.ec2-entry strong { font-size: 15px; font-weight: 700; line-height: 1.35; }
.ec2-entry span { font-size: 12px; line-height: 1.4; color: var(--ec-muted); }
.ec2-entry:active { background: var(--ec-soft); }

/* ---------- ⑤ シリーズ（コンパクト） ---------- */
.ec2-series-list { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 0; margin: 0; }
.ec2-series { position: relative; display: flex; gap: 12px; padding: 10px; border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: #fff; }
.ec2-series__media { flex: 0 0 88px; width: 88px; height: 88px; border-radius: 6px; overflow: hidden; background: var(--ec-soft); display: block; }
.ec2-series__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ec2-series__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; }
.ec2-series__name { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--ec-ink); }
.ec2-series__name small { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--ec-muted); }
.ec2-series__tags { margin: 0; font-size: 12px; line-height: 1.4; color: var(--ec-muted); }
.ec2-series__catch { margin: 0; font-size: 13px; line-height: 1.5; color: var(--ec-ink); }
.ec2-series__cta { margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--ec-accent); text-decoration: none; }
.ec2-series__cta::after { content: ''; position: absolute; inset: 0; } /* カード全体をタップ可能に */

/* ---------- ⑥ 商品タイプ ---------- */
.ec2-types { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 0; }
.ec2-type {
	display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: 0 14px;
	border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: #fff; color: var(--ec-ink); text-decoration: none; font-size: 14px;
}
.ec2-type small { color: var(--ec-muted); font-size: 12px; }

/* ---------- ⑦ 初めての方へ ---------- */
.ec2-steps { list-style: none; counter-reset: ec2step; display: grid; gap: 10px; padding: 0; margin: 0; }
.ec2-steps li { counter-increment: ec2step; position: relative; padding: 12px 14px 12px 46px; border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: #fff; }
.ec2-steps li::before {
	content: counter(ec2step); position: absolute; left: 12px; top: 12px; width: 24px; height: 24px; border-radius: 50%;
	background: var(--ec-ink); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.ec2-steps strong { display: block; font-size: 15px; margin-bottom: 2px; }
.ec2-steps span { font-size: 13px; line-height: 1.6; color: var(--ec-muted); word-break: auto-phrase; text-wrap: pretty; }

/* ---------- ⑨ 購入前の安心情報 ---------- */
.ec2-trust__list { list-style: none; display: grid; gap: 0; padding: 0; margin: 0; background: #fff; border: 1px solid var(--ec-line); border-radius: var(--ec-radius); }
.ec2-trust__list li { padding: 12px 14px; border-top: 1px solid var(--ec-line); display: grid; gap: 2px; }
.ec2-trust__list li:first-child { border-top: 0; }
.ec2-trust__list strong { font-size: 14px; }
.ec2-trust__list span { font-size: 13px; line-height: 1.7; color: var(--ec-muted); }
.ec2-trust__list a, .ec2-trust__links a { color: var(--ec-accent); text-decoration: underline; text-underline-offset: 3px; margin-left: 6px; }
.ec2-trust__badge { width: 72px; height: auto; margin-top: 6px; }
.ec2-trust__links { margin: 14px 0 0; font-size: 13px; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.ec2-trust__links a { margin-left: 0; }

/* ---------- 商品なし ---------- */
.ec2-empty { padding: 16px 0 8px; display: grid; gap: 14px; }
.ec2-empty .btn { min-height: 48px; display: inline-flex; align-items: center; padding: 0 20px; }
.ec2-empty__line { font-size: 14px; line-height: 1.8; }

/* ---------- 一覧：絞り込み・並び替えバー ---------- */
.ec2-listbar { background: #fff; padding: 8px 0 6px; border-bottom: 1px solid var(--ec-line); margin-bottom: 12px; }
.ec2-listbar__btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ec2-lbtn {
	display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 12px;
	border: 1px solid #c9cdca; border-radius: var(--ec-radius); background: #fff; color: var(--ec-ink); font-size: 15px; font-weight: 700; cursor: pointer;
}
.ec2-lbtn small { font-size: 12px; font-weight: 400; color: var(--ec-muted); }
.ec2-lbtn__badge { min-width: 20px; height: 20px; border-radius: 10px; background: var(--ec-accent); color: #fff; font-size: 12px; line-height: 20px; text-align: center; padding: 0 5px; }
.ec2-active { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 0 2px; margin: 0; }
.ec2-achip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px 0 12px; border: 1px solid var(--ec-accent); border-radius: 999px; color: var(--ec-ink); font-size: 13px; text-decoration: none; background: #fff; }
.ec2-achip i { font-style: normal; color: var(--ec-muted); font-size: 15px; }
.ec2-clear { display: inline-flex; align-items: center; min-height: 36px; padding: 0 6px; color: var(--ec-accent); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.lepus-ec2 .woocommerce-result-count { font-size: 13px; color: var(--ec-muted); margin: 0 0 12px; float: none; }
.lepus-ec2 .woocommerce-ordering { display: none; }

/* ---------- 絞り込み・並び替えパネル（下から開く） ---------- */
.ec2-sheet { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; justify-content: center; }
.ec2-sheet[hidden] { display: none; }
.ec2-sheet__backdrop { position: absolute; inset: 0; background: rgba(35, 40, 42, .45); }
.ec2-sheet__panel {
	position: relative; width: 100%; max-width: 560px; max-height: 88vh; max-height: 88dvh; display: flex; flex-direction: column;
	background: #fff; border-radius: 14px 14px 0 0; transform: translateY(24px); opacity: 0; transition: transform .2s ease, opacity .2s ease;
}
.ec2-sheet.is-open .ec2-sheet__panel { transform: none; opacity: 1; }
.ec2-sheet__head { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 6px 18px; border-bottom: 1px solid var(--ec-line); }
.ec2-sheet__head h2 { margin: 0; font-size: 17px; font-weight: 600; }
.ec2-sheet__close { width: 44px; height: 44px; border: 0; background: none; font-size: 26px; line-height: 1; color: var(--ec-ink); cursor: pointer; }
.ec2-sheet__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 6px 18px 14px; }
.ec2-fs { border: 0; padding: 14px 0 6px; margin: 0; min-width: 0; }
.ec2-fs legend { font-size: 14px; font-weight: 700; padding: 0; margin-bottom: 8px; color: var(--ec-ink); }
.ec2-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.ec2-opt { position: relative; }
.ec2-opt input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.ec2-opt span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid #c9cdca; border-radius: 999px; background: #fff; font-size: 14px; color: var(--ec-ink); }
.ec2-opt input:checked + span { background: var(--ec-ink); border-color: var(--ec-ink); color: #fff; }
.ec2-opt input:focus-visible + span { outline: 2px solid var(--ec-accent); outline-offset: 2px; }
.ec2-sheet__foot { display: flex; align-items: center; gap: 12px; padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ec-line); background: #fff; }
.ec2-sheet__clear { flex: 0 0 auto; min-height: 48px; display: inline-flex; align-items: center; padding: 0 6px; color: var(--ec-ink); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.ec2-sheet__apply { flex: 1 1 auto; min-height: 52px; border-radius: var(--ec-radius); font-size: 16px; font-weight: 700; }
.ec2-sort { list-style: none; margin: 0; padding: 4px 0 calc(10px + env(safe-area-inset-bottom, 0px)); }
.ec2-sort a { display: flex; align-items: center; min-height: 52px; padding: 0 18px; font-size: 16px; color: var(--ec-ink); text-decoration: none; border-bottom: 1px solid var(--ec-line); }
.ec2-sort a.is-current { font-weight: 700; }
.ec2-sort a.is-current::after { content: '✓'; margin-left: auto; color: var(--ec-accent); }
body.ec2-lock { overflow: hidden; }
@media (min-width: 768px) {
	.ec2-sheet { align-items: center; }
	.ec2-sheet__panel { border-radius: 14px; }
}

/* ---------- 商品一覧のカード ---------- */
/* 列数：スマホ（〜599px）は1列、600〜899pxは2列、900px以上は4列。
   商品画像に説明文字が入っているため、細い2列にすると画像内の文字が読めなくなる。 */
.lepus-ec2 .woocommerce ul.products,
.lepus-ec2.woocommerce-page ul.products,
.lepus-ec2 .woocommerce ul.products.series-products-grid {
	grid-template-columns: minmax(0, 1fr) !important; gap: 28px 16px !important;
}
@media (min-width: 600px) {
	.lepus-ec2 .woocommerce ul.products,
	.lepus-ec2.woocommerce-page ul.products,
	.lepus-ec2 .woocommerce ul.products.series-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px 20px !important; }
}
@media (min-width: 900px) {
	.lepus-ec2 .woocommerce ul.products,
	.lepus-ec2.woocommerce-page ul.products,
	.lepus-ec2 .woocommerce ul.products.series-products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 36px 20px !important; }
}
.lepus-ec2 ul.products li.product { text-align: left; }
.lepus-ec2 ul.products li.product a img {
	box-shadow: none !important; background: #fff !important; border: 1px solid var(--ec-line) !important; border-radius: var(--ec-radius) !important;
	/* 商品画像は説明文字入りの正方形画像。切り取らず（contain）、縦横比を保って全体を表示する */
	object-fit: contain !important; aspect-ratio: 1 / 1 !important; width: 100% !important; height: auto !important;
}
.lepus-ec2 .shop-product-card__series {
	margin: 10px 0 3px; font-size: 12px; line-height: 1.5; letter-spacing: .04em; color: var(--ec-muted);
	white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; /* シリーズ名は途中で省略しない */
}
/* 商品名は途中で「…」にせず全文を表示する（2行分の最低高さだけ確保し、長い名前は行数が増える） */
.lepus-ec2 .woocommerce-loop-product__title,
.lepus-ec2 ul.products li.product .woocommerce-loop-product__title {
	display: block !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; -webkit-box-orient: initial !important;
	overflow: visible !important; text-overflow: clip !important;
	margin: 0 0 6px !important; min-height: 2.9em !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 600;
	color: var(--ec-ink); overflow-wrap: anywhere; word-break: auto-phrase;
}
.lepus-ec2 .shop-product-card__cat { margin: 0 0 4px; font-size: 12px; line-height: 1.4; color: var(--ec-muted); }
.lepus-ec2 .shop-product-card__concern { margin: 0 0 6px; font-size: 12px; line-height: 1.5; color: var(--ec-accent); }
.lepus-ec2 ul.products li.product .price {
	margin-top: auto !important; padding-top: 4px; font-size: 16px !important; font-weight: 700; line-height: 1.35; color: var(--ec-ink) !important;
}
.lepus-ec2 ul.products li.product .price .woocommerce-Price-amount { font-weight: 700; }
.lepus-ec2 ul.products li.product > a:first-child { text-decoration: none; }

/* ---------- 商品詳細 ---------- */
.lepus-ec2 .woocommerce-product-gallery { opacity: 1 !important; } /* JS初期化まで画像を隠さない（表示の遅れ対策） */
/* 商品詳細：他のECページと同じ幅（1240px）・左右余白に収める。従来は枠が無く、PCでは画像が画面左端に
   張り付き、スマホでは文章が画面の端に接していた。 */
.lepus-ec2.single-product div.product { max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.lepus-ec2.single-product div.product .container { padding-left: 0; padding-right: 0; max-width: none; }
.lepus-ec2.single-product .woocommerce-breadcrumb,
.lepus-ec2.single-product .breadcrumb { max-width: 1240px; margin: 0 auto; padding: 12px 20px; box-sizing: border-box; font-size: 13px; }
@media (max-width: 767px) {
	.lepus-ec2.single-product div.product div.images,
	.lepus-ec2.single-product div.product div.summary { float: none !important; width: 100% !important; }
	.lepus-ec2.single-product div.product div.images { margin: 0 -20px 4px; width: calc(100% + 40px) !important; } /* 画像だけ画面幅いっぱい */
}
@media (min-width: 768px) {
	.lepus-ec2.single-product div.product div.images { width: 48% !important; }
	.lepus-ec2.single-product div.product div.summary { width: 48% !important; }
	.lepus-ec2.single-product .product_title { font-size: 26px; }
	.lepus-ec2.single-product div.product .ec2-pd-sections,
	.lepus-ec2.single-product div.product .ec2-related { clear: both; }
}
.lepus-ec2.single-product .product_title { font-size: 22px; line-height: 1.45; font-weight: 500; margin: 4px 0 8px; color: var(--ec-ink); word-break: auto-phrase; }
.lepus-ec2.single-product .lepus-catalog-series { margin: 12px 0 0; font-size: 12px; letter-spacing: .04em; color: var(--ec-muted); }
.lepus-ec2.single-product div.product p.price { margin: 0 0 12px; font-size: 20px; font-weight: 700; color: var(--ec-ink); }
.ec2-pd-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0 0 12px; }
.ec2-pd-chips li { padding: 4px 11px; border: 1px solid var(--ec-line); border-radius: 999px; font-size: 12px; color: var(--ec-ink); background: var(--ec-soft); }
.ec2-pd-feature { margin: 0 0 12px; font-size: 15px; line-height: 1.8; color: var(--ec-ink); text-wrap: pretty; }
.ec2-pd-assure { list-style: none; display: grid; gap: 4px; padding: 10px 12px; margin: 0 0 14px; border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: var(--ec-soft); font-size: 13px; line-height: 1.5; color: var(--ec-ink); }
.ec2-pd-assure li::before { content: '✓'; margin-right: 6px; color: var(--ec-accent); font-weight: 700; }
.lepus-ec2.single-product form.cart { display: flex; gap: 10px; align-items: stretch; margin: 0 0 12px; }
.lepus-ec2.single-product form.cart .quantity { flex: 0 0 auto; }
.lepus-ec2.single-product form.cart .quantity input.qty { width: 72px; min-height: 52px; text-align: center; border: 1px solid #c9cdca; border-radius: var(--ec-radius); }
.lepus-ec2.single-product form.cart .single_add_to_cart_button {
	flex: 1 1 auto; min-height: 52px; font-size: 16px; font-weight: 700; border-radius: var(--ec-radius); background: var(--ec-ink); color: #fff; border: 0;
}
.lepus-ec2 .lepus-free-shipping-badge { display: none; }
.lepus-ec2.single-product .btn--outline { min-height: 48px; display: inline-flex; align-items: center; }

.ec2-pd-sections { padding: 8px 0 24px; background: #fff; }
.ec2-acc { border-top: 1px solid var(--ec-line); }
.ec2-acc:last-child { border-bottom: 1px solid var(--ec-line); }
.ec2-acc > summary {
	list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 2px; cursor: pointer;
	font-size: 17px; font-weight: 500; color: var(--ec-ink);
}
.ec2-acc > summary::-webkit-details-marker { display: none; }
.ec2-acc > summary::after { content: '＋'; font-weight: 400; color: var(--ec-muted); }
.ec2-acc[open] > summary::after { content: '－'; }
.ec2-acc__body { padding: 0 2px 18px; font-size: 15px; line-height: 1.85; color: var(--ec-ink); }
.ec2-acc__body p { margin: 0 0 10px; }
.ec2-acc__note { font-size: 13px; color: var(--ec-muted); }
.ec2-acc__body a { color: var(--ec-accent); text-decoration: underline; text-underline-offset: 3px; }
.ec2-pd-list { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 6px; }
.ec2-pd-list li::before { content: '✓'; margin-right: 8px; color: var(--ec-accent); font-weight: 700; }
.ec2-dl { margin: 0; display: grid; gap: 10px; }
.ec2-dl > div { display: grid; gap: 2px; }
.ec2-dl dt { font-size: 13px; font-weight: 700; color: var(--ec-muted); }
.ec2-dl dd { margin: 0; }
.ec2-ingredients { font-size: 13px; line-height: 1.8; color: var(--ec-muted); }
.ec2-faq { border-top: 1px solid var(--ec-line); }
.ec2-faq:first-child { border-top: 0; }
.ec2-faq > summary { list-style: none; min-height: 48px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 15px; font-weight: 600; }
.ec2-faq > summary::-webkit-details-marker { display: none; }
.ec2-faq > summary::after { content: '＋'; font-weight: 400; color: var(--ec-muted); }
.ec2-faq[open] > summary::after { content: '－'; }
.ec2-faq > p { margin: 0 0 12px; font-size: 14px; line-height: 1.8; color: var(--ec-muted); }
.ec2-related { padding: 24px 0 36px; background: var(--ec-soft); }

/* 画面下部の固定バー（価格＋カートに入れる） */
.ec2-bar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 400; display: flex; align-items: center; gap: 12px;
	padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--ec-line);
}
.ec2-bar__price { flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 700; color: var(--ec-ink); line-height: 1.3; }
.ec2-bar__price .woocommerce-Price-amount { font-weight: 700; }
.ec2-bar__cart { flex: 0 0 auto; min-height: 48px; padding: 0 22px; border: 0; border-radius: var(--ec-radius); background: var(--ec-ink); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
body.lepus-ec2.single-product { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 900px) {
	.ec2-bar { display: none; }
	body.lepus-ec2.single-product { padding-bottom: 0; }
}

/* カートに追加した直後の案内 */
.lepus-ec2 .woocommerce-message { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 15px; line-height: 1.6; }
.lepus-ec2 .woocommerce-message .button { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 6px; font-size: 14px; font-weight: 700; margin: 0; float: none; order: 2; }
.lepus-ec2 .woocommerce-message .ec2-continue { background: #fff; color: var(--ec-ink); border: 1px solid var(--ec-ink); order: 3; }

/* ---------- カート・購入手続き ---------- */
.lepus-ec2--flow .wc-block-cart__submit-button,
.lepus-ec2--flow .wc-block-components-checkout-place-order-button { min-height: 54px; font-size: 16px; font-weight: 700; border-radius: var(--ec-radius); }
.lepus-ec2--flow input, .lepus-ec2--flow select, .lepus-ec2--flow textarea { font-size: 16px; }
.lepus-ec2--flow .wc-block-components-quantity-selector { min-height: 44px; }
.lepus-ec2--flow .wc-block-cart-item__remove-link { min-height: 44px; display: inline-flex; align-items: center; }

/* ---------- タブレット・PC ---------- */
@media (min-width: 600px) {
	.ec2-entries__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ec2-types { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ec2-series-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
	.ec2-fv { padding: 36px 0 14px; }
	.ec2-types { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ec2-section { padding: 40px 0; }
	.lepus-ec2.single-product .ec2-pd-sections .container { max-width: 760px; }
}

/* ---------- タップ領域（原則44px以上）の補正 ---------- */
.ec2-achip, .ec2-clear { min-height: 44px; }
.ec2-trust__links a, .ec2-link a, .series-trust__links a { display: inline-flex; align-items: center; min-height: 44px; }
.lepus-ec2 .woocommerce-product-gallery__trigger { width: 44px; height: 44px; }
.lepus-ec2 .series-starter-card__actions .btn,
.lepus-ec2 .series-starter-card__actions .button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.lepus-ec2 .ec2-series__cta { display: inline-flex; align-items: center; min-height: 28px; } /* カード全体がタップ領域（::after） */

/* ページ送り */
.lepus-ec2 nav.woocommerce-pagination { margin: 20px 0 8px; }
.lepus-ec2 nav.woocommerce-pagination ul { display: flex !important; flex-wrap: wrap; gap: 6px; justify-content: center; border: 0 !important; white-space: normal; }
.lepus-ec2 nav.woocommerce-pagination ul li { float: none; border: 0 !important; margin: 0; }
.lepus-ec2 nav.woocommerce-pagination ul li a,
.lepus-ec2 nav.woocommerce-pagination ul li span {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 10px;
	border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: #fff; color: var(--ec-ink); font-size: 15px; text-decoration: none;
}
.lepus-ec2 nav.woocommerce-pagination ul li span.current { background: var(--ec-ink); border-color: var(--ec-ink); color: #fff; }
/* 画像拡大アイコンは中のSVG/文字の大きさに引きずられず44pxを確保 */
.lepus-ec2 .woocommerce-product-gallery__trigger { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
.lepus-ec2 .series-starter-card__actions a.button.add_to_cart_button,
.lepus-ec2 .series-starter-card__actions button { min-height: 44px !important; padding: 0 16px !important; line-height: 1.3 !important; }


/* ==========================================================================
   2026-10-14 改訂分
   ========================================================================== */

/* ---------- 商品一覧カードのボタン：高さ44px以上・文字14〜16px・カード幅いっぱい・間隔10px ---------- */
.ec2-card-actions { display: grid; gap: 10px; margin-top: 12px; }
.ec2-cbtn {
	display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;
	min-height: 48px; padding: 6px 14px; border: 1px solid var(--ec-ink); border-radius: var(--ec-radius);
	font-size: 15px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; cursor: pointer;
}
.ec2-cbtn--primary { background: var(--ec-ink); color: #fff; }
.ec2-cbtn--outline { background: #fff; color: var(--ec-ink); }
.ec2-cbtn--text { background: #fff; color: var(--ec-accent); border-color: #c9cdca; font-weight: 600; }
.ec2-cbtn:hover { text-decoration: none; opacity: .92; }
.ec2-cbtn:focus-visible, .ec2-pd-link:focus-visible, .ec2-chip:focus-visible, .ec2-more > summary:focus-visible, .ec2-acc > summary:focus-visible,
.ec2-lbtn:focus-visible, .ec2-faq > summary:focus-visible, .ec2-opt input:focus-visible + span {
	outline: 3px solid #1f5fa8; outline-offset: 2px;
}
.lepus-ec2 ul.products li.product .shop-product-card__concern--pending { color: var(--ec-muted); }

/* ---------- ショップトップ：絞り込み（肌悩み6分類＋折りたたみ） ---------- */
.ec2-filters { padding: 20px 0 10px; }
.ec2-filters .ec2-h2 { font-size: 18px; margin-bottom: 10px; }
.ec2-chips--concerns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ec2-chips--concerns .ec2-chip { width: 100%; justify-content: center; box-sizing: border-box; min-height: 48px; font-size: 15px; font-weight: 600; text-align: center; }
@media (min-width: 600px) { .ec2-chips--concerns { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .ec2-chips--concerns { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ec2-fold { display: grid; gap: 0; margin-top: 6px; }
.ec2-fold .ec2-more { margin: 0; border-top: 1px solid var(--ec-line); }
.ec2-fold .ec2-more > summary { display: flex; width: 100%; box-sizing: border-box; justify-content: space-between; min-height: 52px; font-size: 15px; font-weight: 700; color: var(--ec-ink); }
.ec2-fold .ec2-more > summary::after { margin-left: auto; color: var(--ec-muted); }
.ec2-fold .ec2-more[open] > summary { margin-bottom: 6px; }
.ec2-fold .ec2-more .ec2-chips { padding-bottom: 14px; }
.ec2-fv { padding: 16px 0 6px; }
.ec2-fv__lead { margin-bottom: 12px; }
.ec2-line { text-align: center; }
.ec2-line .ec2-lead { margin: 0 auto 14px; }

/* ---------- 商品一覧の直前：検索 ---------- */
.ec2-listbar__search { margin-bottom: 8px; }
.ec2-listbar__search .woocommerce-product-search .search-field { min-height: 48px; }

/* ---------- 商品詳細 ---------- */
.lepus-ec2.single-product .product_title {
	font-size: clamp(24px, 6.8vw, 28px); line-height: 1.4; font-weight: 600; margin: 4px 0 10px; color: var(--ec-ink);
	word-break: auto-phrase; overflow-wrap: anywhere;
}
@media (min-width: 900px) { .lepus-ec2.single-product .product_title { font-size: 32px; line-height: 1.4; } }
@media (min-width: 768px) and (max-width: 899px) { .lepus-ec2.single-product .product_title { font-size: 28px; line-height: 1.4; } }
.lepus-ec2.single-product div.product p.price,
.lepus-ec2.single-product div.product span.price { color: var(--ec-ink) !important; font-size: 22px; font-weight: 700; line-height: 1.4; margin: 0 0 14px; }
.lepus-ec2.single-product div.product p.price ins, .lepus-ec2.single-product div.product p.price .woocommerce-Price-amount { color: var(--ec-ink) !important; text-decoration: none; }
.ec2-pd-skin { margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--ec-line); border-radius: var(--ec-radius); background: var(--ec-soft); }
.ec2-pd-skin__title { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--ec-ink); line-height: 1.4; }
.ec2-pd-skin .ec2-pd-chips { margin: 0 0 8px; }
.ec2-pd-skin .ec2-pd-chips li { background: #fff; font-size: 13px; }
.ec2-pd-skin__text { margin: 0; font-size: 14px; line-height: 1.75; color: var(--ec-ink); text-wrap: pretty; }
.ec2-pd-skin__text--pending { color: var(--ec-muted); }
.lepus-ec2.single-product form.cart .single_add_to_cart_button { min-height: 52px; font-size: 16px; }
.ec2-pd-links, .ec2-pd-consult { margin: 0 0 12px; }
.ec2-pd-links__pending { margin: 0; font-size: 14px; line-height: 1.7; color: var(--ec-muted); }
.ec2-pd-link { width: 100%; box-sizing: border-box; min-height: 48px; display: flex !important; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; text-align: center; text-decoration: none; }
.lepus-ec2.single-product div.product .ec2-pd-links, .lepus-ec2.single-product div.product .ec2-pd-consult { clear: both; }

/* 画面下部の固定バー：899px以下だけ。本文下には固定バー分の余白を確保し、価格・商品名と重ならないようにする */
.ec2-bar { max-width: 100%; box-sizing: border-box; }
.ec2-bar__cart { min-height: 48px; min-width: 148px; font-size: 16px; }
body.lepus-ec2.single-product { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 900px) { .ec2-bar { display: none !important; } body.lepus-ec2.single-product { padding-bottom: 0; } }
.lepus-ec2.single-product .ec2-related { margin-bottom: 0; }

/* 商品画像の上に別のボタン・文字を重ねない（拡大アイコンが画像内の説明文字に重なるため非表示。画像をタップすると拡大表示できる） */
.lepus-ec2 .woocommerce-product-gallery__trigger { display: none !important; }


/* ---------- カート・購入手続き（2026-10-14） ---------- */
/* 商品の短い説明は15文字で「…」に切られるため非表示にし、代わりに「シリーズ」を全文表示する */
.lepus-ec2--flow .wc-block-components-product-metadata__description { display: none; }
.lepus-ec2--flow .wc-block-components-product-details { margin: 4px 0 0; font-size: 13px; line-height: 1.6; color: var(--ec-muted); }
.lepus-ec2--flow .wc-block-components-product-details__name { font-weight: 700; }
.lepus-ec2--flow .wc-block-components-product-details li { white-space: normal; overflow: visible; text-overflow: clip; }
.lepus-ec2--flow .wc-block-components-product-name,
.lepus-ec2--flow .wc-block-components-product-name a { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: block; font-size: 16px; line-height: 1.5; font-weight: 600; color: var(--ec-ink); overflow-wrap: anywhere; }
.lepus-ec2--flow .wc-block-cart-item__image img, .lepus-ec2--flow .wc-block-components-order-summary-item__image img { border-radius: 6px; border: 1px solid var(--ec-line); background: #fff; }
.lepus-ec2--flow .wc-block-cart-item__image { width: 88px; }
.lepus-ec2--flow .wc-block-components-order-summary-item__image { width: 64px; }
/* 数量・削除のタップ領域は44px以上 */
.lepus-ec2--flow .wc-block-components-quantity-selector { min-height: 44px; }
.lepus-ec2--flow .wc-block-components-quantity-selector__button { min-width: 44px; min-height: 44px; font-size: 18px; }
.lepus-ec2--flow .wc-block-components-quantity-selector__input { min-height: 44px; font-size: 16px; }
.lepus-ec2--flow .wc-block-cart-item__remove-link { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
/* 「購入手続きに進む」を最も強いボタンに */
.lepus-ec2--flow .wc-block-cart__submit-button { background: var(--ec-ink); color: #fff; min-height: 56px; font-size: 17px; font-weight: 700; border-radius: var(--ec-radius); }
.lepus-ec2--flow .wc-block-cart__submit-container { margin-top: 12px; }
.lepus-ec2--flow .wc-block-components-express-payment-continue-rule { margin: 14px 0; }
/* 買い物を続ける */
.ec2-continue-shopping { margin: 0 0 10px; font-size: 15px; }
.ec2-continue-shopping a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ec-accent); text-decoration: underline; text-underline-offset: 3px; }
/* 固定バー分の余白（スマホで「購入手続き」ボタンが隠れない） */
body.lepus-ec2--flow { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }

/* カートの商品行：商品名／価格／シリーズ／数量を縦に並べ、読み順をそろえる */
.lepus-ec2--flow .wc-block-cart-item__wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.lepus-ec2--flow .wc-block-cart-item__prices { display: block; font-size: 15px; font-weight: 700; color: var(--ec-ink); }
.lepus-ec2--flow .wc-block-cart-item__quantity { margin-top: 6px; }
.lepus-ec2--flow .wc-block-cart-item__total { display: none; } /* 小計は下の合計欄に出るため、商品行では価格を1か所にする（スマホ） */
@media (min-width: 700px) { .lepus-ec2--flow .wc-block-cart-item__total { display: table-cell; } }

/* 絞り込み・並び替えボタン：狭い画面でも文字が途中で折り返さないように */
.ec2-lbtn { white-space: nowrap; }
@media (max-width: 479px) { .ec2-lbtn small { display: none; } }

/* 商品詳細：768px以上は画像と商品情報を2列にする。
   WooCommerce標準のスマホ用CSSは「768px以下」で縦積み（float:none）にするため、ちょうど768pxの端末だけ、
   画像が半分の幅のまま下に商品情報が続いて右側が空白になっていた。 */
@media (min-width: 768px) {
	.lepus-ec2.single-product div.product div.images { float: left !important; width: 48% !important; margin-bottom: 24px; }
	.lepus-ec2.single-product div.product div.summary { float: right !important; width: 48% !important; clear: none !important; }
}

/* 購入手続きの注文概要：幅が狭い時（タブレットの2列表示など）でも金額が切れないよう、商品名の下に価格を置く */
.lepus-ec2--flow .wc-block-components-order-summary-item { display: grid !important; grid-template-columns: 64px minmax(0, 1fr); gap: 4px 12px; align-items: start; }
.lepus-ec2--flow .wc-block-components-order-summary-item__image { grid-row: 1 / span 2; grid-column: 1; }
.lepus-ec2--flow .wc-block-components-order-summary-item__description { grid-column: 2; min-width: 0; padding: 0; }
.lepus-ec2--flow .wc-block-components-order-summary-item__total-price { grid-column: 2; grid-row: 2; text-align: left; margin: 0; white-space: normal; font-weight: 700; }
.lepus-ec2--flow .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 15px; }