/* HLAB-RULES: /page-hlb-design-template.php / メルカリ商品紹介 専用デザイン v1.0.3 / 2026-10-24 */
.hlab-mercari-product-page .hlab-mercari-product { --mercari-identity:#826887; }
.hlab-mercari-product-page .hlab-product-header { border-bottom:3px solid #c6b0c7; background:#fffaf3; }
.hlab-mercari-product-page .hlab-product-eyebrow { color:#79516e; }
.hlab-mercari-product-page .hlab-product-intro { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); align-items:center; gap:0 24px; }
.hlab-mercari-product-page .hlab-product-intro__copy { min-width:0; }
.hlab-mercari-product-page .hlab-product-intro__inventory { width:100%; justify-self:end; pointer-events:none; }
.hlab-mercari-product-page .hlab-product-intro > .hlab-product-note { grid-column:1 / -1; }
.hlab-mercari-product-page .hlab-product-section-title { display:flex; align-items:center; gap:10px; }
.hlab-mercari-product-page .hlab-product-section-title::before { content:''; display:block; width:12px; height:18px; flex:0 0 12px; border:2px solid #967697; border-radius:3px 6px 6px 3px; background:#f3e7f1; transform:rotate(-18deg); }
.hlab-mercari-product-page .hlab-product-feature { background-image:linear-gradient(125deg,transparent,#fffdf9b3); }
.hlab-mercari-product-page .hlab-product-start { border-top-color:#9a7999; background:#faf2ef; }
.hlab-mercari-product-page .hlab-product-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; list-style:none; counter-reset:product-step; }
.hlab-mercari-product-page .hlab-product-steps li { position:relative; min-width:0; padding-left:40px; counter-increment:product-step; }
.hlab-mercari-product-page .hlab-product-steps li::before { content:counter(product-step); position:absolute; top:1px; left:0; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#ecdfeb; color:#684768; font-weight:800; line-height:1; }
@media(max-width:900px) {
 .hlab-mercari-product-page .hlab-product-intro { grid-template-columns:minmax(0,1fr) 210px; gap:0 12px; }
}
@media(max-width:640px) {
 .hlab-mercari-product-page .hlab-mercari-product { background-size:auto,100% auto!important; }
 .hlab-mercari-product-page .hlab-product-intro { display:grid; grid-template-columns:minmax(0,1fr) 90px; align-items:start; gap:0 8px; }
 .hlab-mercari-product-page .hlab-product-intro__copy { display:contents; }
 .hlab-mercari-product-page .hlab-product-intro__copy > * { grid-column:1 / -1; }
 .hlab-mercari-product-page .hlab-product-intro__copy > h1 { grid-column:1; grid-row:2; margin-right:0; font-size:28px; overflow-wrap:anywhere; }
 .hlab-mercari-product-page .hlab-product-intro__inventory { grid-column:2; grid-row:2; align-self:center; }
 .hlab-mercari-product-page .hlab-product-intro__copy > .hlab-product-eyebrow { grid-row:1; }
 .hlab-mercari-product-page .hlab-product-steps { grid-template-columns:minmax(0,1fr); gap:4px; }
 .hlab-mercari-product-page .hlab-product-section-title { font-size:22px; }
 .hlab-mercari-product-page .sz-field { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; }
 .hlab-mercari-product-page .sz-field label,.hlab-mercari-product-page .sz-field input { display:block; width:100%; box-sizing:border-box; }
}
@media(max-width:360px) {
 .hlab-mercari-product-page .hlab-product-intro { grid-template-columns:minmax(0,1fr) 68px; }
 .hlab-mercari-product-page .hlab-product-intro__copy > h1 { font-size:25px; }
}