.tpe-card {
display: flex;
gap: 16px;
align-items: flex-start;
max-width: 720px;
margin: 1.5em 0;
padding: 16px;
border: 1px solid #e2e2e2;
border-radius: 10px;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.tpe-card__img {
flex: 0 0 110px;
width: 110px;
height: 110px;
border-radius: 6px;
overflow: hidden;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
}
.tpe-card__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.tpe-card__body {
flex: 1 1 auto;
min-width: 0;
}
.tpe-card__mfr {
display: inline-block;
font-size: 12px;
color: #888;
letter-spacing: .02em;
margin-bottom: 4px;
}
.tpe-card__name {
font-size: 15px;
font-weight: 700;
line-height: 1.5;
color: #222;
margin-bottom: 4px;
}
.tpe-card__store {
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.tpe-card__price {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 12px;
}
.tpe-card__price-eff {
font-size: 22px;
font-weight: 800;
color: #e0392c;
}
.tpe-card__price-orig {
font-size: 13px;
color: #aaa;
text-decoration: line-through;
}
.tpe-card__btns {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tpe-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 6px;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
color: #fff !important;
line-height: 1.2;
transition: opacity .15s ease;
}
.tpe-btn:hover { opacity: .85; }
.tpe-btn--amazon  { background: #ee9a3c; }
.tpe-btn--rakuten { background: #d3392c; }
.tpe-btn--yahoo   { background: #2f8fdb; }
.tpe-btn--icon {
background: transparent;
padding: 4px;
border: 1px solid #eee;
}
.tpe-btn--icon img {
height: 26px;
width: auto;
display: block;
}
.tpe-not-found {
padding: 12px 16px;
background: #f8f8f8;
border: 1px dashed #ccc;
border-radius: 8px;
color: #999;
font-size: 13px;
}
@media (max-width: 480px) {
.tpe-card { flex-direction: column; align-items: stretch; }
.tpe-card__img { width: 100%; height: 160px; flex-basis: auto; }
}