@charset "UTF-8";
/* =============================================================================
 * トイレのクッションフロア張替え（2026-10-23 新設・同日作り直し）　/toilet/css/cf2.css
 *   土台は解説ページの部品（/css/guide_s.css の .gs-g ＋ .kyt）。ここはこのページだけの部品（.cf-*）。
 *   左だけ太い線は使わない。@media は最後に置く。
 * ========================================================================== */
.cf { --cf-ink: #1f2d3a; --cf-sub: #5a6b78; --cf-line: #dfe6ee; --cf-blue: #1f5d96; --cf-soft: #f5f8fb; --cf-acc: #e8742a; --cf-red: #c2410c; }
.cf img { max-width: 100%; }

/* ---- 冒頭（説明＋ビフォーアフター） ---- */
.cf .cf-lead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: center; margin: 0 0 16px; padding: 18px 20px; border: 1px solid var(--cf-line); border-radius: 12px; background: linear-gradient(180deg, #fff, var(--cf-soft)); }
.cf .cf-lead__c { margin: 0 0 8px; font-size: 21px; font-weight: 700; line-height: 1.45; color: var(--cf-ink); }
.cf .cf-lead__c em { font-style: normal; color: var(--cf-blue); }
.cf .cf-lead__d { margin: 0 0 10px; font-size: 14px; line-height: 1.85; color: #3a4955; }
.cf .cf-lead__l { margin: 0; padding: 0; list-style: none; }
.cf .cf-lead__l li { position: relative; display: block; margin: 0 0 6px; padding: 0 0 0 26px; font-size: 14px; line-height: 1.65; color: var(--cf-ink); }
.cf .cf-lead__l li::before { content: none; }
.cf .cf-lead__l svg { position: absolute; left: 0; top: 2px; width: 18px; height: 18px; }
.cf .cf-lead__ph { display: block; text-decoration: none; }
.cf .cf-lead__pp, .cf .cf-ba__p { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.cf .cf-lead__pp > span, .cf .cf-ba__p > span { position: relative; display: block; border-radius: 8px; overflow: hidden; background: #e9edf1; aspect-ratio: 1 / 1; }
.cf .cf-lead__pp img, .cf .cf-ba__p img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.cf .cf-lead__pp i, .cf .cf-ba__p i { position: absolute; left: 8px; top: 8px; padding: 2px 10px; border-radius: 4px; background: rgba(31, 45, 58, .82); color: #fff; font-style: normal; font-size: 12px; font-weight: 700; line-height: 1.6; }
.cf .cf-lead__pp i.is-a, .cf .cf-ba__p i.is-a { background: var(--cf-acc); }
.cf .cf-lead__ph small { display: block; margin-top: 6px; font-size: 12px; color: var(--cf-sub); text-align: center; }

/* ---- ビフォーアフター ---- */
.cf .cf-ba { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 8px; padding: 0; list-style: none; }
.cf .cf-ba li { margin: 0; padding: 0; }
.cf .cf-ba li::before { content: none; }
.cf .cf-ba a { display: flex; flex-direction: column; height: 100%; padding: 8px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; text-decoration: none; transition: border-color .15s; }
.cf .cf-ba a:hover { border-color: var(--cf-blue); }
.cf .cf-ba__c { display: block; margin: 8px 2px 2px; font-size: 13px; font-weight: 700; line-height: 1.6; color: var(--cf-ink); }

/* ---- 同時に張り替える理由 ---- */
.cf .cf-why { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 8px; padding: 0; list-style: none; }
.cf .cf-why li { display: flex; flex-direction: column; margin: 0; padding: 0 0 14px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; overflow: hidden; }
.cf .cf-why li::before { content: none; }
.cf .cf-why__ph { display: block; aspect-ratio: 4 / 3; background: #e9edf1; overflow: hidden; }
.cf .cf-why__ph img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.cf .cf-why b { display: flex; align-items: flex-start; gap: 8px; margin: 12px 14px 6px; font-size: 15.5px; line-height: 1.5; color: var(--cf-blue); }
.cf .cf-why b span, .cf .cf-pt b span { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--cf-blue); color: #fff; font-size: 14px; }
.cf .cf-why p { margin: 0 14px; font-size: 13.5px; line-height: 1.8; color: #3a4955; }

/* ---- 料金 ---- */
.cf .cf-price { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 0; margin: 0 0 14px; border: 1px solid var(--cf-line); border-radius: 12px; overflow: hidden; background: #fff; }
.cf .cf-price__m { padding: 20px 18px; background: #fff7f0; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.cf .cf-price__l { margin: 0; font-size: 14px; font-weight: 700; color: var(--cf-ink); }
.cf .cf-price__v { margin: 4px 0 6px; font-size: 16px; font-weight: 700; color: var(--cf-ink); white-space: nowrap; }
.cf .cf-price__v b { font-size: 44px; line-height: 1.15; color: var(--cf-red); letter-spacing: .01em; }
.cf .cf-price__v small { font-size: 13px; color: var(--cf-sub); }
.cf .cf-price__n { margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--cf-sub); }
.cf .cf-price__i { margin: 0; padding: 14px 18px; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.cf .cf-price__i li { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 0; }
.cf .cf-price__i li::before { content: none; }
.cf .cf-price__i svg { flex: none; width: 20px; height: 20px; margin-top: 2px; }
.cf .cf-price__i span { font-size: 13.5px; line-height: 1.65; color: #3a4955; }
.cf .cf-price__i b { display: block; font-size: 14.5px; color: var(--cf-ink); }
.cf .cf-term { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 4px 0 12px; }
.cf .cf-term > div { padding: 14px 16px; border: 1px solid var(--cf-line); border-radius: 10px; background: var(--cf-soft); }
.cf .cf-term p { margin: 0; font-size: 13.5px; line-height: 1.8; color: #3a4955; }
.cf .cf-term b { display: block; margin: 0 0 4px; font-size: 15px; color: var(--cf-ink); }

/* ---- サンゲツ ---- */
.cf .cf-sg { display: flex; align-items: center; gap: 16px; margin: 0 0 14px; padding: 12px 16px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; }
.cf .cf-sg img { flex: none; width: 152px !important; height: auto !important; }
.cf .cf-sg p { margin: 0; font-size: 13.5px; line-height: 1.75; color: #3a4955; }
.cf .cf-cat { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 20px; align-items: center; padding: 16px; border: 1px solid var(--cf-line); border-radius: 12px; background: var(--cf-soft); }
.cf .cf-cat__ph { display: block; border-radius: 8px; overflow: hidden; background: #fff; }
.cf .cf-cat__ph img { display: block; width: 100% !important; height: auto !important; }
.cf .cf-cat__logo { display: block; width: 152px !important; height: auto !important; margin: 0 0 8px; }
.cf .cf-cat__h { margin: 0 0 6px !important; font-size: 17px; font-weight: 700; color: var(--cf-ink); }
.cf .cf-cat__b > p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.8; color: #3a4955; }
.cf .cf-cat__a { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
.cf .cf-cat__a a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border: 1px solid var(--cf-blue); border-radius: 8px; background: var(--cf-blue); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.cf .cf-cat__a a.is-sub { background: #fff; color: var(--cf-blue); }

/* ---- 絞り込み ---- */
.cf .cf-filter { margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--cf-line); border-radius: 12px; background: var(--cf-soft); }
.cf .cf-filter__r { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; }
.cf .cf-filter__h { flex: none; width: 2.5em; font-size: 13px; font-weight: 700; color: var(--cf-sub); }
.cf .cf-fb { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 6px 14px; border: 1px solid var(--cf-line); border-radius: 999px; background: #fff; color: var(--cf-ink); font-size: 13px; font-weight: 700; line-height: 1.4; cursor: pointer; white-space: nowrap; font-family: inherit; }
.cf .cf-fb:hover { border-color: var(--cf-blue); }
.cf .cf-fb.is-on { border-color: var(--cf-blue); background: var(--cf-blue); color: #fff; }
.cf .cf-filter__n { margin: 0; text-align: right; font-size: 13px; color: var(--cf-sub); }
.cf .cf-filter__n b { font-size: 16px; color: var(--cf-ink); }
.cf .cf-dot { display: inline-block; flex: none; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); vertical-align: -1px; }
.cf .cf-dot.is-white { background: #f6f3ec; }
.cf .cf-dot.is-beige { background: #dcc9ab; }
.cf .cf-dot.is-gray { background: #9ea3a8; }
.cf .cf-dot.is-brown { background: #8a6a4f; }
.cf .cf-dot.is-color { background: conic-gradient(#c8743e 0 33%, #8b8a38 0 66%, #e9b9a8 0); }

/* ---- 床材の一覧（品番・名前・区分・ボタンを横の床材とそろえる：subgrid） ---- */
.cf .cf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 12px; padding: 0; list-style: none; }
.cf .cf-grid li { margin: 0; padding: 0; }
.cf .cf-grid li::before { content: none; }
.cf .cf-card { display: grid; grid-row: span 5; grid-template-rows: subgrid; grid-template-columns: minmax(0, 1fr); row-gap: 0; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.cf .cf-card[hidden] { display: none; }
.cf .cf-card.is-picked { border-color: var(--cf-acc); box-shadow: 0 0 0 2px var(--cf-acc); }
.cf .cf-card__ph { position: relative; display: block; width: 100%; margin: 0; padding: 0; border: 0; background: var(--cf-soft); cursor: zoom-in; aspect-ratio: 1 / 1; overflow: hidden; }
.cf .cf-card__ph img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .25s; }
.cf .cf-card__ph:hover img { transform: scale(1.04); }
.cf .cf-card__tag { position: absolute; left: 6px; bottom: 6px; padding: 2px 8px; border-radius: 999px; background: rgba(31, 93, 150, .92); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.5; }
.cf .cf-card__tag.is-sub { background: rgba(90, 107, 120, .88); }
.cf .cf-card__b { display: contents; }
.cf .cf-card__no, .cf .cf-card__nm, .cf .cf-card__m { padding-left: 10px; padding-right: 10px; }
.cf .cf-card__no { margin: 0; padding-top: 8px; font-size: 12px; font-weight: 700; color: var(--cf-sub); letter-spacing: .02em; }
.cf .cf-card__nm { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; line-height: 1.4; color: var(--cf-ink); }
.cf .cf-card__m { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 4px; margin: 0 0 8px; }
.cf .cf-card__m span { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px; background: #eef4fa; font-size: 11.5px; font-weight: 700; color: var(--cf-blue); white-space: nowrap; }

/* カゴのボタン（/js/gs_cart.js の .gs-cart-btn をこのページの大きさに合わせる） */
.cf .gs-cart-btn--cf { display: flex; align-items: center; justify-content: center; gap: 5px; width: auto; margin: 0 10px 10px; padding: 9px 6px; align-self: end; font-size: 13.5px; line-height: 1.3; white-space: nowrap; }
.cf-dlg .gs-cart-btn--cf { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin: 0; padding: 11px; font-size: 14px; }

/* ---- 選び方 ---- */
.cf .cf-pt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 14px; padding: 0; list-style: none; }
.cf .cf-pt li { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: start; margin: 0; padding: 12px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; }
.cf .cf-pt li::before { content: none; }
.cf .cf-pt img { display: block; width: 150px !important; height: 150px !important; object-fit: cover; border-radius: 8px; }
.cf .cf-pt b { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; font-size: 15px; line-height: 1.5; color: var(--cf-ink); }
.cf .cf-pt p { margin: 0 0 4px; font-size: 13.5px; line-height: 1.8; color: #3a4955; }
.cf .cf-pt small { font-size: 11.5px; color: var(--cf-sub); }
.cf .cf-func { padding: 14px 16px; border: 1px solid var(--cf-line); border-radius: 10px; background: var(--cf-soft); }
.cf .cf-func__h { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: var(--cf-ink); }
.cf .cf-func dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.cf .cf-func dl > div { padding: 10px 12px; border-radius: 8px; background: #fff; }
.cf .cf-func dt { margin: 0 0 2px; font-size: 14px; font-weight: 700; color: var(--cf-blue); }
.cf .cf-func dd { margin: 0; font-size: 13px; line-height: 1.7; color: #3a4955; }

/* ---- トイレの施工イメージ ---- */
.cf .cf-scene { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 10px; padding: 0; list-style: none; }
.cf .cf-scene li { margin: 0; padding: 0; }
.cf .cf-scene li::before { content: none; }
.cf .cf-scene button { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; overflow: hidden; cursor: zoom-in; text-align: left; font-family: inherit; }
.cf .cf-scene img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; }
.cf .cf-scene span { display: block; padding: 8px 10px; font-size: 13px; line-height: 1.45; color: var(--cf-ink); }
.cf .cf-scene span b { display: block; font-size: 12px; color: var(--cf-sub); }

/* ---- カゴの床材 ---- */
.cf .cf-pick { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 16px; align-items: center; margin: 0 0 16px; padding: 14px; border: 1px solid var(--cf-line); border-radius: 12px; background: #fff; }
.cf .cf-pick__ph { display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; border-radius: 8px; overflow: hidden; background: var(--cf-soft); text-align: center; font-size: 13px; color: var(--cf-sub); }
.cf .cf-pick__ph img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.cf .cf-pick__h { margin: 0; font-size: 13px; font-weight: 700; color: var(--cf-sub); }
.cf .cf-pick__v { margin: 2px 0 8px; font-size: 16px; font-weight: 700; line-height: 1.5; color: var(--cf-ink); }
.cf .cf-pick__n { margin: 0 0 10px; font-size: 13px; line-height: 1.7; color: #3a4955; }
.cf .cf-pick__a { margin: 0; }
.cf .cf-pick__go { display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; border-radius: 8px; background: var(--cf-acc); color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; }

/* ---- 工事の流れ（写真つき） ---- */
.cf .cf-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 8px; padding: 0; list-style: none; }
.cf .cf-flow li { display: flex; flex-direction: column; margin: 0; padding: 0 0 12px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; overflow: hidden; }
.cf .cf-flow li::before { content: none; }
.cf .cf-flow__ph { position: relative; display: block; aspect-ratio: 4 / 3; background: #e9edf1; overflow: hidden; }
.cf .cf-flow__ph img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.cf .cf-flow__ph i { position: absolute; left: 8px; top: 8px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--cf-blue); color: #fff; font-style: normal; font-size: 15px; font-weight: 700; }
.cf .cf-flow b { display: block; margin: 10px 12px 4px; font-size: 15px; line-height: 1.5; color: var(--cf-ink); }
.cf .cf-flow p { margin: 0 12px; font-size: 13px; line-height: 1.75; color: #3a4955; }

/* 施工事例：長い型番で枠からはみ出さない */
.cf .kt-case__row dd, .cf .kt-case__row em { min-width: 0; overflow-wrap: anywhere; word-break: break-all; }

/* ---- お客様の声 ---- */
.cf .cf-voice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 10px; padding: 0; list-style: none; }
.cf .cf-voice li { display: flex; flex-direction: column; margin: 0; padding: 14px; border: 1px solid var(--cf-line); border-radius: 10px; background: #fff; }
.cf .cf-voice li::before { content: none; }
.cf .cf-voice__s { margin: 0 0 4px; font-size: 16px; letter-spacing: .08em; color: #f2a516; }
.cf .cf-voice__t { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; color: var(--cf-ink); }
.cf .cf-voice__b { margin: 0 0 8px; font-size: 13.5px; line-height: 1.8; color: #3a4955; }
.cf .cf-voice__m { margin: auto 0 0; font-size: 12px; color: var(--cf-sub); }
.cf .cf-voice__m a { color: var(--cf-blue); font-weight: 700; }

/* ---- 拡大表示 ---- */
.cf-dlg { width: min(720px, calc(100vw - 24px)); max-height: calc(100vh - 24px); margin: auto; padding: 0; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.3); overflow: auto; }
.cf-dlg::backdrop { background: rgba(15, 25, 35, .6); }
.cf-dlg__in { position: relative; padding: 16px; }
.cf-dlg__x { position: absolute; z-index: 2; right: 6px; top: 6px; width: 40px; height: 40px; border: 0; background: none; font-size: 28px; line-height: 1; color: #5a6b78; cursor: pointer; }
.cf-dlg .cf-dlg__h { margin: 0 0 10px !important; padding: 0 48px 0 0 !important; font-size: 16px; font-weight: 700; line-height: 1.5; color: #1f2d3a; }
.cf-dlg__ph { display: flex; align-items: center; justify-content: center; background: #f5f8fb; border-radius: 8px; overflow: hidden; }
.cf-dlg__ph img { display: block; max-width: 100%; max-height: 60vh; width: auto; height: auto; }
.cf-dlg__th { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.cf-dlg__th li { margin: 0; padding: 0; }
.cf-dlg__th li::before { content: none; }
.cf-dlg__th button { display: block; width: 72px; height: 72px; padding: 0; border: 2px solid #dfe6ee; border-radius: 6px; background: #fff; overflow: hidden; cursor: pointer; }
.cf-dlg__th button.is-on { border-color: #1f5d96; }
.cf-dlg__th img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cf-dlg__cap { margin: 8px 0 10px; font-size: 12px; color: #5a6b78; }

@media screen and (max-width: 900px) {
	.cf .cf-ba, .cf .cf-why, .cf .cf-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cf .cf-pt { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (max-width: 767px) {
	.cf .cf-lead { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px; }
	.cf .cf-lead__c { font-size: 18px; }
	.cf .cf-ba, .cf .cf-why { grid-template-columns: minmax(0, 1fr); }
	.cf .cf-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.cf .cf-flow b { margin: 8px 8px 4px; font-size: 13.5px; }
	.cf .cf-flow p { margin: 0 8px; font-size: 12px; line-height: 1.7; }
	.cf .cf-price { grid-template-columns: minmax(0, 1fr); }
	.cf .cf-price__v b { font-size: 36px; }
	.cf .cf-term { grid-template-columns: minmax(0, 1fr); }
	.cf .cf-sg { flex-direction: column; align-items: flex-start; gap: 8px; }
	.cf .cf-cat { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 12px; }
	.cf .cf-cat__a a { flex: 1 1 100%; }
	.cf .cf-pt li { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 10px; }
	.cf .cf-pt img { width: 96px !important; height: 96px !important; }
	.cf .cf-pt b { font-size: 14px; }
	.cf .cf-pt p { font-size: 12.5px; line-height: 1.7; }
	.cf .cf-func dl { grid-template-columns: minmax(0, 1fr); }
	.cf .cf-filter { padding: 10px; }
	.cf .cf-filter__r { gap: 5px; }
	.cf .cf-filter__h { width: 100%; }
	.cf .cf-fb { padding: 5px 10px; font-size: 12.5px; }
	.cf .cf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.cf .cf-card__no, .cf .cf-card__nm, .cf .cf-card__m { padding-left: 8px; padding-right: 8px; }
	.cf .cf-card__nm { font-size: 13.5px; }
	.cf .gs-cart-btn--cf { margin: 0 8px 8px; font-size: 11.5px; padding: 8px 2px; letter-spacing: -.02em; }
	.cf .cf-scene { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.cf .cf-scene span { font-size: 12px; padding: 6px 8px; }
	.cf .cf-pick { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 10px; }
	.cf .cf-pick__ph { width: 96px; height: 96px; font-size: 12px; }
	.cf .cf-pick__v { font-size: 14.5px; }
	.cf .cf-voice { grid-template-columns: minmax(0, 1fr); }
	.cf-dlg__in { padding: 12px; }
	.cf-dlg__th button { width: 60px; height: 60px; }
}
@media screen and (max-width: 360px) {
	.cf .gs-cart-btn--cf { white-space: normal; font-size: 11.5px; }
}