/* 激安LAB｜SHEIN テーマ（Kim指示 2026-09-19「CSS/HTML 構造を SHEIN の構造に」「色合いもあわせて」「アイコン使わない」）
   jp.shein.com 実測の配色: 背景 #fff／文字 #222／補助 #767676／罫線 #e5e5e5／ボタン黒 #000／セール価格 #c44／タイムセール帯 #ffd400。
   全ページの </head> 直前に theme_tag.py が後入れするので、各ページの <style> より後＝同じ詳細度なら勝つ。
   ⚠ 変数を上書きするだけで済む所は変数で、直書き色（#0b1220 等）の所はセレクタごと上書きする。 */
:root{--bg:#fff;--card:#fff;--line:#e5e5e5;--ink:#222;--mut:#767676;--ac:#000;--ac2:#c44;--good:#0a8f4b;--price:#c44}
html{background:#fff}
body{background:#fff;color:#222;font-family:Arial,"Helvetica Neue",Helvetica,"Hiragino Sans","Noto Sans JP",system-ui,sans-serif}
a{color:#222}
/* ── ヘッダー: 白地・黒ロゴ・黒枠の検索（SHEIN は白ヘッダー＋黒の四角い検索ボタン） */
header{background:#fff !important;border-bottom:1px solid #e5e5e5;backdrop-filter:none}
.logo,.logo b,.logoimg b{color:#000 !important}
.acct{border:1px solid #222;color:#222;background:#fff;border-radius:2px}
.search{max-width:min(620px,94%)}
.search input{background:#fff;color:#222;border:2px solid #222;border-right:0;border-radius:0;padding:10px 12px}
.search button{background:#222;color:#fff;border:2px solid #222;border-radius:0;font-weight:700;padding:0 18px}
.sug{border-radius:2px}.sug .row b{background:#f6f6f6;border-radius:2px}
/* ── 上部メニュー（SHEIN: 白地・黒文字・現在位置は下線） */
.topnav{background:#fff !important;border-bottom:1px solid #e5e5e5;color:#222}
.topnav a{color:#222 !important;border-bottom:2px solid transparent;border-radius:0 !important}
.topnav a.on{color:#000 !important;border-bottom:2px solid #000 !important}
.topnav a.hot{background:transparent !important;color:#c44 !important;padding:10px 0 !important;font-weight:900}
.topnav a.grp{color:#767676 !important}
/* ── アイコン列: 絵は出さない（Kim「アイコン使わない」）。文字リンクの薄い帯にする */
/* よく使う機能の帯（ホーム/検索/お気に入り/閲覧履歴/お知らせ/ゲーム）は上段の文字リンクと重複するので出さない（Kim指示 2026-09-19） */
.iconbar{display:none !important}
.iconbar a{color:#222 !important;font-size:11px}
.iconbar svg{display:none !important}
.sidecat svg,.catlist svg,.cats svg,aside svg{display:none !important}   /* 左のカテゴリ一覧の絵も出さない */
.morelink,.more,a.more,.seeall{color:#222 !important;text-decoration:underline}
/* ── ヒーロー: 白。SHEIN のバナーは写真主役なので、うちのバナー（今週の注目・ちいかわ）はそのまま */
.hero{padding:18px 0 10px;background:#fff}
.hero p{color:#767676}
.stags a{background:#fff;color:#222;border:1px solid #d9d9d9;border-radius:999px}
.stags a.hot{background:#000;color:#fff;border-color:#000}
.scats h2{color:#222}.scrow button{color:#222}.scrow img,.scsub img{border-color:#eee;background:#f6f6f6}
.scrow button.on img{border-color:#000;box-shadow:0 0 0 2px #000}
.scsub{background:#fafafa;border:1px solid #eee}.scsub a{color:#222}.scsub a.all img{background:#222}
/* ── カード・行・価格（SHEIN: 白カード・細い罫線・価格は黒、セールだけ赤） */
.card,.bigcard,.lc,.fc,.rowwrap,.grp,.feat,.dtbl,.wmsel select{background:#fff;border-color:#e5e5e5;color:#222;box-shadow:none}
.cat{background:#fff !important;border:1px solid #d9d9d9 !important;color:#222 !important}
.cat:hover{border-color:#000 !important}
.row{border-bottom:1px solid #eee}
.row .rk{background:#222 !important;color:#fff !important}
.row .pr,.bigcard .pr,.lp,.fc .pr{color:#222}
.row .pr s,.fc .pr s,.lp s{color:#767676}
.vpct,.pct,.row .pct{border-color:#c44 !important;color:#c44 !important;background:#fff !important}
.buy,.btn,.go,.fc .go,.pkbn-cta,.ckbn-cta,.fbadge,.pkbn-b{background:#000 !important;color:#fff !important;border-radius:2px !important}
.buy:hover,.btn:hover{background:#333 !important}
.empty,.lnote,.note,.fnote,.crumb,.lr,.meta,.sub,.lbl{color:#767676}
h1,h2,h3{color:#222}
h2 small{color:#767676}
/* ── タイムセール（SHEIN の黄色い帯 #ffd400・黒文字） */
.fhero{background:#ffd400 !important;color:#111 !important;border-radius:4px}
.fhero p{opacity:1;color:#333}
.cd b{background:#111;color:#fff;border:0;border-radius:2px}
.fchips button{border-radius:2px}.fchips button.on{background:#000;color:#fff}
.fc .off{background:#c44;border-radius:2px}.fc .nw{background:#000;border-radius:2px}
/* ── 特集ページ（今週の注目 等）の帯は白地に薄い罫線へ */
.feat{background:#fff !important;border:1px solid #e5e5e5 !important}
.fhead h2{color:#222}.fhead h2 em{color:#c44}.fg{color:#222;border-left-color:#000}
/* ── 下タブバー（スマホ）: 白地・黒文字・絵は出さない */
.tabbar{background:#fff !important;border-top:1px solid #e5e5e5;color:#222}
.tabbar a{color:#222 !important}.tabbar svg{display:none !important}
/* ── フッター */
footer{color:#767676;border-top:1px solid #e5e5e5}
footer a{color:#222}
/* ── ログイン/登録: SHEIN 風（黒い横長ボタン・角なし） */
.sben{background:#fdf2f2;border-radius:2px}
form .btn,button.btn{border-radius:2px !important}
input,select,textarea{background:#fff;color:#222;border:1px solid #d9d9d9;border-radius:2px}
/* ── 広告柱・レインは触らない（収益導線） */

/* ── SHEIN 風フッター（theme_tag.py が <footer> の直前に後入れ） */
.sfoot{background:#fafafa;border-top:1px solid #e5e5e5;margin-top:28px;font-size:12.5px;color:#222}
.sfoot-in{max-width:1100px;margin:0 auto;padding:28px 18px 8px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.sfoot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sfoot h4{font-size:13px;font-weight:700;margin:0 0 10px;color:#222}
.sfoot-cols a{display:block;color:#444;margin:0 0 8px;text-decoration:none}.sfoot-cols a:hover{text-decoration:underline}
.sfoot-sub{display:flex;margin-bottom:8px}.sfoot-sub input{flex:1;border:1px solid #d9d9d9;border-right:0;border-radius:0;padding:10px 12px;font-size:13px}
.sfoot-sub button{background:#000;color:#fff;border:0;padding:10px 22px;font-weight:700;cursor:pointer;border-radius:0}
.sfoot-note{font-size:11px;color:#767676;line-height:1.6;margin:0 0 16px}
.sfoot-malls span{display:inline-block;border:1px solid #d9d9d9;padding:4px 10px;margin:0 6px 6px 0;font-size:11.5px;background:#fff}
.sfoot-sns a{color:#222}
.sfoot-legal{max-width:1100px;margin:0 auto;padding:12px 18px 18px;border-top:1px solid #e5e5e5;font-size:11.5px;color:#767676;display:flex;gap:14px;flex-wrap:wrap}
.sfoot-legal a{color:#222;text-decoration:underline}
@media (max-width:760px){.sfoot-in{grid-template-columns:1fr}.sfoot-cols{grid-template-columns:repeat(2,1fr)}}

/* ── メガメニュー（SHEIN: カテゴリ▾ → 左リスト／中おすすめ／右小分類の丸写真） */
.smega-btn{font-weight:900 !important;border-right:1px solid #e5e5e5;padding-right:14px !important;margin-right:4px}
.smega-btn.on{background:#f3f3f3 !important}
.smega{display:none;position:absolute;left:0;right:0;z-index:60;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.smega.on{display:block}
.smega-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:230px 1fr 1.4fr;min-height:420px}
.smega-l{border-right:1px solid #eee;padding:8px 0;max-height:560px;overflow-y:auto}
.smega-l a{display:flex;justify-content:space-between;padding:9px 18px;font-size:13px;color:#222;text-decoration:none}
.smega-l a.on,.smega-l a:hover{background:#f3f3f3}.smega-l a span{color:#999}
.smega-c,.smega-r{padding:14px 22px;max-height:560px;overflow-y:auto}
.smega h4{margin:0 0 12px;font-size:13px;font-weight:700}.smega-c h4{color:#c44}
.smega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 8px}
.smega-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#222;text-decoration:none;font-size:11.5px;text-align:center}
.smega-grid img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#f6f6f6}
.smega-grid .allbox{width:72px;height:72px;border-radius:50%;background:#efefef;display:block}
.smega-grid span{line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.topnav{position:relative}
@media (max-width:760px){.smega-in{grid-template-columns:1fr}.smega-l{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #eee}.smega-l a{white-space:nowrap}.smega-c{display:none}}
/* ── 一覧ページ: 左の絞り込み＋グリッド（SHEIN の商品一覧） */
.sflt-wrap{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}
.sflt{background:#fff;border:1px solid #e5e5e5;padding:14px;font-size:12.5px;position:sticky;top:60px}
.sflt h3{margin:0 0 10px;font-size:15px}.sflt h4{margin:14px 0 6px;font-size:13px;border-top:1px solid #eee;padding-top:10px}
.sflt label{display:block;padding:4px 0;color:#333}.sflt label small{color:#999;margin-left:4px}.sflt select{width:100%;padding:6px}
.sflt-n{margin-top:12px;color:#767676;font-size:11.5px}
.sgridmode{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;background:transparent;border:0;padding:0}
.sgridmode .crowwrap{position:relative;background:#fff;border:1px solid #e5e5e5;padding:0 0 42px;display:block}
.sgridmode .crow{display:flex;flex-direction:column;gap:0;padding:0}
.sgridmode .crk{position:absolute;left:8px;top:8px;z-index:2;background:#222;color:#fff;border-radius:2px;font-size:11px;padding:1px 6px;width:auto;height:auto}
.sgridmode .cth{width:100%;aspect-ratio:1/1;display:block}.sgridmode .cth img{width:100%;height:100%;object-fit:contain;background:#f6f6f6}
.sgridmode .cbd{padding:8px 9px 0;display:flex;flex-direction:column}
.sgridmode .cnm{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.sgridmode .cpr{font-size:16px;font-weight:900;color:#c44}.sgridmode .csub{font-size:10.5px;color:#767676}
.sgridmode .cbuy{position:absolute;left:9px;right:9px;bottom:9px;text-align:center;background:#000;color:#fff;border-radius:2px;padding:6px;font-size:12px}
@media (max-width:760px){.sflt-wrap{grid-template-columns:1fr}.sflt{position:static}.sgridmode{grid-template-columns:repeat(2,1fr)}}
.sflt-range{display:flex;align-items:center;gap:6px;margin-top:6px}.sflt-range input{width:64px;padding:6px;font-size:12px}.sflt-range button{background:#000;color:#fff;border:0;padding:7px 10px;font-weight:700;cursor:pointer}

/* ── 上部の構図（全ページ）: ロゴ左・検索中央・右は文字リンク。カテゴリ行に ‹ › */
.shein-hdr header .hrow,.shein-hdr header>.wrap{display:flex;align-items:center;gap:16px;max-width:1400px;padding:10px 24px}
.shein-hdr .logo{font-size:22px;letter-spacing:.12em}
.shein-hdr .hsearch{flex:1;display:flex;justify-content:center;min-width:0}
.shein-hdr .hsearch form.search{margin:0;width:100%;max-width:560px;display:flex;gap:0;box-sizing:border-box}
.shein-hdr .hsearch input{flex:1;min-width:0;width:100%;box-sizing:border-box;background:#fff;color:#222;border:2px solid #222;border-right:0;border-radius:0;padding:9px 12px;font-size:13px}
.shein-hdr .hsearch button{flex:none;background:#222;color:#fff;border:2px solid #222;border-radius:0;font-weight:700;padding:0 16px;cursor:pointer}
.shein-hdr .hlinks{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700;white-space:nowrap}
.shein-hdr .hlinks a{color:#222;text-decoration:none}.shein-hdr .hlinks .acct{padding:6px 12px}
.shein-hdr .hero .search{display:none}
@media (max-width:640px){.shein-hdr header .hrow,.shein-hdr header>.wrap{flex-wrap:wrap;gap:8px}.shein-hdr .hsearch{order:9;flex-basis:100%}.shein-hdr .hlinks{margin-left:auto;gap:10px;font-size:11px}}
.snav-wrap{position:relative}.snav-wrap .topnav{padding-right:56px !important}
.snav-arr{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border:1px solid #ddd;background:#fff;color:#222;cursor:pointer;font-size:16px;line-height:1;border-radius:2px}
.snav-arr.l{right:30px}.snav-arr.r{right:2px}
@media (max-width:640px){.snav-arr{display:none}.snav-wrap .topnav{padding-right:10px !important}}

/* 全商品一覧の絞り込み: カテゴリ一覧は 7件まで見せて「＋もっと見る」で開く（SHEIN と同じ） */
.sflt-cats label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sflt-more-hid{display:none !important}
.sflt-more{background:none;border:0;color:#222;font-weight:700;font-size:12px;padding:6px 0;cursor:pointer}
.sflt-wrap .lgrid{margin:0}

/* 上段クーポン帯は出さない（Kim指示 2026-09-19） */
.stopbar{display:none !important}

/* 商品ページ: 目標価格の入力欄と「最安の…で見る」ボタンが旧テーマの色で読めない（Kim指摘 2026-09-19） */
.wtar,.wbox input{background:#fff !important;color:#222 !important;border:1px solid #222 !important;border-radius:2px !important}
.wtar::placeholder{color:#767676}
.wbtn{background:#fff !important;color:#222 !important;border:1px solid #222 !important;border-radius:2px !important;font-weight:700}
.cta,a.cta{display:inline-block;background:#000 !important;color:#fff !important;border-radius:2px !important;font-weight:700;padding:12px 20px;text-decoration:none}
.cta:hover{background:#333 !important}
.vdr{color:#444;font-size:12.5px;line-height:1.7}
.vdnowt{color:#c44 !important}
.wmsg{color:#767676;font-size:11.5px}

/* 黒いボタンの文字は赤（Kim指示 2026-09-19「黒色ボタンの文字色を赤に変更」）。黒地に #fff はコントラスト約7:1 */
.cta,a.cta,.cbuy,.sgridmode .cbuy,form.search button,.sflt-range button,.sfoot-sub button,.pkbn-cta,.ckbn-cta,.go,.buy,.btn{color:#fff !important}
.cta:hover,.cbuy:hover,.go:hover{color:#ddd !important}

/* 絞り込みの開閉（スマホ既定で閉じる） */
.sflt-h{cursor:pointer;user-select:none}.sflt-h::after{content:" －";color:#767676;font-weight:400}
.sflt-closed .sflt-h::after{content:" ＋"}
.sflt-closed > *:not(.sflt-h){display:none !important}
@media (max-width:760px){.sflt{padding:10px 14px}.sflt-h{margin:0}.sflt:not(.sflt-closed) .sflt-h{margin-bottom:10px}}

/* 画像ロゴの寸法（特集ページなどは build_pages の .logoimg CSS を持たない） */
.logo .logoimg{display:flex;align-items:center}.logo .logoimg img{height:34px;width:auto;display:block}

/* 全商品の検索欄（gsearch.js）。Kim指示 2026-09-19 */
.gswrap{margin:10px 0}
.gsearch{display:flex;margin:0 0 4px}
.gsearch input{flex:1;min-width:0;height:44px;border:2px solid #222;border-right:0;padding:0 12px;font-size:14px;border-radius:0;background:#fff;color:#222}
.gsearch button{height:44px;width:80px;background:#000;color:#fff;border:0;font-weight:700;font-size:14px}
.gsn{font-size:12px;color:#767676;min-height:1.2em}
.gsr{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:8px 0}
.gsr:empty{display:none}
.gsr a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e5e5e5;padding:10px;text-decoration:none;color:#222}
.gsr img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f6f6}
.gsr .ln{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gsr .lp{font-weight:900;font-size:15px;color:#c44}.gsr .lm{font-size:10.5px;color:#767676}
@media (max-width:760px){.gsr{grid-template-columns:repeat(2,1fr)}}

/* カラー絞り込みの丸（SHEIN と同じ 2 列） */
.sflt-colors{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
.sflt-colors label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.sflt-colors i{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #ddd;flex:none}

/* カテゴリー別の絞り込み項目 */
.sflt-facet label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* カテゴリ・大分類ページの SHEIN 帯 */
.sheincat{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;border:1px solid #e5e5e5;background:#fafafa;font-size:13px}
.sheincat a{background:#000;color:#fff !important;padding:9px 16px;font-weight:800;text-decoration:none;border-radius:2px;white-space:nowrap}
.sheincat-b{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sheincat-d{font-size:11.5px;color:#767676 !important;text-decoration:underline !important;background:none !important;padding:0 !important}

/* スマホでヘッダー検索が右端で切れる（Kim指摘 2026-09-20）→ 親幅に収める */
@media (max-width:640px){.shein-hdr .hsearch{flex-basis:100%;width:100%;min-width:0}.shein-hdr .hsearch form.search{max-width:100%}}
/* ホーム画面に配置ボタン（index の a2hs）: 黒地に暗い文字で見えない → 白文字（Kim指摘 2026-09-20） */
#a2hs .a2hs-go{color:#fff !important;background:#000 !important}