
/* Sistema de produtos por peso, volume e unidade */
.product-card .product-body { gap: 7px; }
.product-card .price strong { font-size: 1rem; line-height: 1.2; }
.product-card .price small { line-height: 1.3; }
.card-measure-picker { display:flex; align-items:end; justify-content:space-between; gap:10px; padding:9px 0; border-top:1px solid var(--border, #eadfd4); border-bottom:1px solid var(--border, #eadfd4); }
.card-measure-picker label { display:grid; gap:4px; min-width:0; flex:1; }
.card-measure-picker label > span { color:var(--muted, #6f675f); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.card-measure-picker select { width:100%; min-height:36px; border:1px solid var(--border, #d9cec2); border-radius:8px; padding:6px 30px 6px 9px; background:#fff; color:var(--text, #2c2621); font-family:inherit; font-size:.82rem; font-weight:600; line-height:1.2; }
.card-measure-preview { white-space:nowrap; font-size:.9rem; padding-bottom:8px; }
.measure-selector { margin:13px 0; padding:14px; border:1px solid #dfd2c4; border-radius:14px; background:#fffaf5; }
.measure-selector__head { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:10px; }
.measure-selector__head > div { display:grid; gap:2px; }
.measure-selector__head strong { font-size:.98rem; }
.measure-selector__head small, .measure-selector__head > span { color:var(--muted, #6f675f); font-size:.76rem; line-height:1.35; }
.measure-presets { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.measure-presets button { border:1px solid #d9c8b7; border-radius:999px; background:#fff; color:#4a3c32; min-height:34px; padding:6px 11px; font-family:inherit; font-size:.78rem; font-weight:700; line-height:1; cursor:pointer; }
.measure-presets button:hover, .measure-presets button.is-active { border-color:var(--primary, #6b241c); background:var(--primary, #6b241c); color:#fff; }
.measure-custom { display:grid; grid-template-columns:minmax(160px, 230px) 1fr; align-items:end; gap:12px; }
.measure-custom label { display:grid; gap:5px; font-size:.78rem; font-weight:700; }
.measure-custom label > div { display:flex; align-items:center; border:1px solid #d9c8b7; border-radius:9px; background:#fff; overflow:hidden; }
.measure-custom input { min-width:0; width:100%; border:0; padding:10px; font-family:inherit; font-size:.95rem; font-weight:700; line-height:1; outline:0; }
.measure-custom b { padding:10px; background:#f0e5da; font-size:.8rem; }
.measure-custom p { margin:0 0 3px; color:var(--muted, #6f675f); font-size:.75rem; line-height:1.4; }
.measure-calculation { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:11px; padding-top:11px; border-top:1px solid #e6d9cc; }
.measure-calculation span { color:var(--muted, #6f675f); font-size:.8rem; }
.measure-calculation strong { font-size:1.15rem; color:var(--primary, #6b241c); }
.cart-item--measured { align-items:center; }
.cart-measure-line { display:block; margin-top:4px; color:var(--muted, #6f675f); font-weight:600; }
.quantity--measure { width:max-content; }
.quantity--measure label { display:flex; align-items:center; min-width:112px; background:#fff; }
.quantity--measure input { width:76px !important; min-width:0; }
.quantity--measure em { padding-right:8px; color:var(--muted, #6f675f); font-size:.75rem; font-style:normal; font-weight:700; }
.cart-limit { color:var(--muted, #6f675f); font-size:.72rem; }
.confirmation-items { grid-column:1/-1; }
.confirmation-items > span { display:block; margin-bottom:7px; }
.confirmation-items ul { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.confirmation-items li { display:flex; justify-content:space-between; gap:16px; padding:7px 0; border-top:1px solid #eadfd4; }
.confirmation-items li span { color:inherit; }
.confirmation-items li strong { text-align:right; }
@media (max-width: 680px) {
  .card-measure-picker { align-items:center; }
  .measure-selector { padding:12px; }
  .measure-selector__head, .measure-calculation { align-items:flex-start; }
  .measure-selector__head { display:grid; gap:4px; }
  .measure-custom { grid-template-columns:1fr; gap:6px; }
  .measure-calculation { display:grid; gap:3px; }
  .cart-item--measured { grid-template-columns:72px 1fr; }
  .cart-item--measured .cart-item__price { grid-column:2; text-align:left; }
  .cart-item__actions { align-items:flex-start; }
}
