/* ==========================================================================
   パッドページ（views/pad.ejs）: 案B レビュー誌面型のパッド固有分
   共通の枠は product-page.css（main.pp-page）。ここは main.pp-page--pad の中だけ。
   ギャラリー（.pad-gallery*・pad-gallery.js）のクラスと動きは padlog.css のまま、
   見出し帯の灰色地に馴染ませる見た目だけを足す。
   ========================================================================== */

.pp-page--pad .pp-img .pad-gallery {
    background: transparent;
    border-radius: 0;
    min-height: 240px;
}
.pp-page--pad .pp-img .pad-gallery-image {
    width: 100%;
    max-height: 520px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.pp-page--pad .pp-img .pad-gallery-image.pad-gallery-hidden { display: none; }

/* サイズ展開は1行ずつ */
.pp-page--pad .pp-specs .pp-spec-wide { grid-column: 1 / -1; }
.pp-page--pad .pp-specs .pp-spec-wide dd { display: flex; flex-direction: column; align-items: flex-end; }
.pp-page--pad .pp-specs .pad-size-line { line-height: 1.6; white-space: normal; }

/* 条件行: 滑走 · 比較 · ★ ／ ソール · アームカバー */
.pp-page--pad .pp-meta--pad > span {
    font-weight: 400;
    font-family: -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 13px;
    overflow-wrap: anywhere;
}
.pp-page--pad .pp-meta--pad strong { font-weight: 800; margin: 0 2px; font-size: 15px; }
.pp-page--pad .pp-meta--pad > .pp-stars { font-size: 17px; }
.pp-page--pad .pp-meta2 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    margin: -4px 0 10px;
    font-size: 12.5px;
    color: #333;
    overflow-wrap: anywhere;
}
.pp-page--pad .pp-meta2 i { font-style: normal; color: #888; font-size: 11px; margin-right: 6px; }

/* バリエーション（文字だけの行） */
.pp-page--pad .pp-row--txt { padding: 10px 4px; }

@media (max-width: 767px) {
    .pp-page--pad .pp-img .pad-gallery { min-height: 200px; }
    .pp-page--pad .pp-img .pad-gallery-image { aspect-ratio: 16 / 11; }
    .pp-page--pad .pp-specs .pp-spec-wide dd { align-items: flex-end; text-align: right; }
}