/* ===== すべて .kt- でスコープ化。リセットや外部フォントの読み込みは行わない ===== */
.kt-wrap{
  box-sizing:border-box;
  max-width:1080px;
  margin:0 auto;
  padding:24px 16px;
  font-family:"Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN W4","Segoe UI",sans-serif;
}
.kt-wrap *{ box-sizing:border-box; }

.kt-grid{
  display:grid;
  grid-template-columns:1fr;   /* スマホ：1列 */
  gap:20px;
}
@media (min-width:600px){
  .kt-grid{ grid-template-columns:repeat(2,1fr); } /* タブレット：2列 */
}
@media (min-width:900px){
  .kt-grid{ grid-template-columns:repeat(3,1fr); } /* PC：3列 */
}

.kt-card{
  background:#fffdf9;
  border:2px solid #ffe3ec;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(255,170,190,.18);
  transition:transform .2s ease, box-shadow .2s ease;
}
.kt-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 22px rgba(255,170,190,.30);
}

.kt-imgbox{
  position:relative;
  background:#fff5f8;
  padding:14px;
}
.kt-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}

/* 丸み（ピル）アイコン */
.kt-tags{
  position:absolute;
  left:14px;
  bottom:14px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.kt-tag{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 12px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  border-radius:999px;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.kt-tag--kids  { background:#ffb3c6; }
.kt-tag--dry   { background:#8fd3c6; }
.kt-tag--uv    { background:#ffd166; }
.kt-tag--cotton{ background:#b8a7e0; }

.kt-body{
  padding:16px 18px 20px;
}
.kt-brand{
  margin:0 0 4px;
  font-size:16px;
  font-weight:800;
  color:#ff7a9c;
}
.kt-code{
  margin:0 0 8px;
  font-size:13px;
  color:#9aa0a6;
  letter-spacing:.02em;
}
.kt-size{
  margin:0 0 12px;
  font-size:13px;
  color:#555;
  line-height:1.6;
}
.kt-price{
  margin:0;
  color:#ff5d7d;
}
.kt-price-num{
  font-size:24px;
  font-weight:800;
}
.kt-price-unit{
  font-size:13px;
  font-weight:600;
  margin-left:2px;
}