/* ===== alice itembox 商品カード（alice-base デザインに馴染ませる） =====
   テーマのCSS変数（--bg/--surface/--line/--rose/--plum/--site-accent/--radius-card 等）を流用。
   テーマ未読込でも崩れないようフォールバック値を併記。 */
.alice-item{
  display:flex;
  gap:16px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line,#E4D9CD);
  border-radius:var(--radius-card,12px);
  padding:16px;
  margin:24px 0;
  box-shadow:0 4px 16px rgba(74,59,56,.06);
}
.alice-item__img{
  flex:0 0 130px;
  width:130px;
  height:130px;
  background:var(--surface,#F4E3E5);
  border-radius:10px;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.alice-item__img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.alice-item__body{ flex:1 1 auto; min-width:0; }
.alice-item__maker{
  font-family:var(--font-num,"Jost",sans-serif);
  font-size:.72rem; letter-spacing:.04em; color:var(--site-accent,#B8A38E); margin-bottom:2px;
}
.alice-item__title{
  font-family:var(--font-maru,"Zen Maru Gothic",sans-serif);
  font-weight:700; font-size:1.02rem; line-height:1.5; color:var(--text,#4A3B38); margin-bottom:4px;
}
.alice-item__price{
  font-family:var(--font-num,"Jost",sans-serif);
  font-size:.9rem; color:var(--plum,#8E5A60); margin-bottom:10px;
}
.alice-item__btns{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }

/* ボタン：テーマの .btn-shop があれば踏襲。無くてもこのCSSで成立 */
.alice-item .btn-shop{
  display:inline-block; text-align:center; padding:9px 18px;
  border-radius:999px; font-size:.86rem; font-weight:500; line-height:1.2;
  text-decoration:none; transition:opacity .15s ease, background .15s ease;
}
.alice-item .btn-shop.amazon{ background:var(--rose,#DDA0A6); color:#fff; }
.alice-item .btn-shop.rakuten{ background:#fff; color:var(--plum,#8E5A60); border:1px solid var(--rose,#DDA0A6); }
.alice-item .btn-shop.other{ background:#fff; color:var(--site-accent,#B8A38E); border:1px solid var(--site-accent,#B8A38E); }
.alice-item .btn-shop:hover{ opacity:.88; }

.alice-item .pr-note{
  font-size:.7rem; color:#a8a08f; margin-top:10px;
}

/* スマホ：画像を上に積む */
@media(max-width:560px){
  .alice-item{ flex-direction:column; align-items:stretch; text-align:left; }
  .alice-item__img{ width:100%; height:180px; flex-basis:auto; }
  .alice-item__btns .btn-shop{ flex:1 1 auto; }
}