/* The hidden checkbox is selection state for the existing cart model, not a mini-cart control. */
.hc-mini-cart .hc-mini-selection-state,
.hc-mini-cart .hc-mini-select-all,
.hc-mini-cart .hc-mini-check { display: none!important; }
.hc-mini-cart .hc-mini-item { grid-template-columns: 88px minmax(0, 1fr); }
.hc-mini-cart .hc-mini-image { grid-column: 1; grid-row: 1 / 3; }
.hc-mini-cart .hc-mini-details { grid-column: 2; grid-row: 1; }
.hc-mini-cart .hc-mini-item-bottom { grid-column: 2; grid-row: 2; }
.hc-mini-cart .hc-mini-remove { grid-column: 2; }

/* Same real editor as cart, with a compact, content-sized selected-value control. */
.hc-mini-cart .hc-variation-editor { max-width: 100%; min-width: 0; margin: 3px 0 2px; font-size: 12px; line-height: 1.4; }
.hc-mini-cart .hc-variation-toggle { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; width: fit-content; max-width: 100%; min-height: 36px; margin: 0; padding: 5px 9px; border: 1px solid #e2e4e7; border-radius: 4px; background: #f5f5f6; color: #565e67; font-size: 12px; font-weight: 400; line-height: 1.4; text-align: left; cursor: pointer; }
.hc-mini-cart .hc-variation-toggle > span:first-child { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hc-mini-cart .hc-variation-arrow { flex: 0 0 auto; font-size: 17px; line-height: 1; }
.hc-mini-cart .hc-variation-fields { box-sizing: border-box; width: min(260px, 100%); max-width: 100%; margin-top: 6px; padding: 8px; border: 1px solid #e9ebee; border-radius: 4px; background: #fafafb; }
.hc-mini-cart .hc-variation-fields[hidden] { display: none!important; }
.hc-mini-cart .hc-variation-fields label { display: block; margin: 4px 0 2px; color: #626a74; font-size: 12px; font-weight: 400; }
.hc-mini-cart .hc-variation-fields select { width: 100%; min-width: 0; min-height: 44px; margin: 0 0 5px; padding: 6px 8px; border: 1px solid #dce0e5; border-radius: 4px; background: #fff; color: #30353b; font-size: 13px; }
.hc-mini-cart .hc-variation-buttons { display: flex; flex-wrap: wrap; gap: 6px; }
.hc-mini-cart .hc-variation-buttons button { min-height: 44px; padding: 6px 12px; margin: 0; border: 1px solid #dce0e5; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 1.4; cursor: pointer; }
.hc-mini-cart .hc-variation-save { background: #005bea; color: #fff; }
.hc-mini-cart .hc-variation-cancel { background: #fff; color: #626a74; }
.hc-mini-cart .hc-variation-fields small { display: block; margin-top: 4px; color: #727982; font-size: 11px; line-height: 1.4; }
.hc-mini-cart .hc-variation-fields .hc-variation-availability:empty { display: none; }
.hc-mini-cart .hc-variation-editor button:disabled { opacity: .55; cursor: wait; }

.hc-mini-cart .hc-mini-footer { align-items: center; }
.hc-mini-cart .hc-mini-footer .hc-mini-cta { flex: 0 1 52%; width: 52%; min-width: 0; min-height: 42px; padding: 9px 12px!important; }
.hc-mini-cart .hc-mini-subtotal { flex: 1 1 0; }
@media (max-width: 767px), (any-pointer: coarse) {
 .hc-mini-cart .hc-mini-item { grid-template-columns: 80px minmax(0, 1fr); }
 .hc-mini-cart .hc-mini-image { grid-row: 1 / 3; }
 .hc-mini-cart .hc-mini-item-bottom { grid-column: 2; }
 .hc-mini-cart .hc-mini-remove { grid-column: 2; grid-row: 3; }
 .hc-mini-cart .hc-variation-toggle { min-height: 44px; }
 .hc-mini-cart .hc-variation-fields select { font-size: 16px; }
 .hc-mini-cart .hc-mini-footer .hc-mini-cta { min-height: 44px; }
}