.qomc-modal, .qomc-modal *{box-sizing:border-box}
.qomc-modal *::before, .qomc-modal *::after{content:none !important;display:none !important}

.qomc-root{position:fixed;inset:0;z-index:999999;display:none}
.qomc-root.is-open{display:block}
.qomc-overlay{position:absolute;inset:0;background:rgba(0,0,0,.12);backdrop-filter:blur(6px)}
.qomc-modal{
  position:absolute;left:50%;top:18%;transform:translateX(-50%);
  width:min(520px,92vw);
  background:#fff;border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  padding:18px 18px 16px
}
.qomc-empty{
	text-align: center !important;
	justify-content: center !important;
	align-items: center !important;
}
.qomc-body{padding-top:10px}

.qomc-close{
  position:absolute;right:14px;top:12px;
  width:34px;height:34px;border-radius:10px;
  border:0 !important;background:transparent !important;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  padding:0 !important;outline:0 !important;box-shadow:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 1 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:18px 18px !important;
}

.qomc-wrap{display:flex;flex-direction:column;gap:10px}
.qomc-item{display:flex;gap:12px;align-items:center}
.qomc-item-left{flex:0 0 auto}
.qomc-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;display:block}
.qomc-item-mid{flex:1 1 auto;min-width:0}
.qomc-title{font-weight:700;color:#111;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qomc-meta{margin-top:6px;color:#1a1a1a;font-size:13.5px}
.qomc-price bdi{font-weight:700}
.qomc-item-right{flex:0 0 auto;display:flex;align-items:center;justify-content:center;line-height:0}

.qomc-remove {
  width: 34px;
  height: 34px;
  border: none;
  background: #f3f3f3;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s ease;
  color: #666;
  border: 0px !important;
	color: #F85A00 !important;
}

.qomc-remove:hover {
  background-color: #F85A00 !important;
  color: #fff !important
}
.qomc-remove svg {
  transition: transform .2s ease;
}

.qomc-remove:hover svg {
  transform: scale(1.1);
}

.qomc-remove:focus{box-shadow:0 0 0 3px rgba(0,0,0,.08) !important}

.qomc-line{height:1px;background:rgba(0,0,0,.08);width:100%;margin:2px 0}
.qomc-subtotal{display:flex;justify-content:center;gap:6px;font-size:14px;color:#111}
.qomc-subtotal-label{font-weight:700}
.qomc-subtotal-val{font-weight:700}

.qomc-actions{display:flex;gap:12px;margin-top:6px}
.qomc-btn{
  flex:1 1 0;
  text-align:center;
  padding:12px 14px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.qomc-btn-cart{color:#111 !important}
.qomc-btn-checkout{background:#61b801 !important;color:#fff !important}

.qomc-iconbtn active,hover{
  background: transparent !important;
 background-color: transparent !important;
 color: transparent !important;
}

.qomc-iconbtn{
  color: #fff !important;
  width:44px;height:44px;
  border:0 !important;
  background: transparent !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:pointer;
  padding:0 !important;
  outline:0 !important;
}
.qomc-icon{
	margin-top: 5px;
	size: 26px !important;
  width:28px;height:28px;display:block;
  mask-size:contain;mask-repeat:no-repeat;mask-position:center;
  background:#fff;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2ZM7.16 14h9.92c.75 0 1.4-.41 1.74-1.03L22 6H6.21L5.27 4H2v2h2l3.6 7.59-1.35 2.44C5.52 17.37 6.48 19 8 19h12v-2H8l1.16-2Z'/%3E%3C/svg%3E")
}
.qomc-badge{
  position:absolute;right:-2px;top:-2px;
  min-width:18px;height:18px;border-radius:999px;
  background:#fff;color:#111;
  font-size:11px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 5px;border:1px solid rgba(0,0,0,.08)
}

@media (max-width:480px){
  .qomc-modal{top:14%;padding:16px 14px 14px}
  .qomc-actions{gap:10px}
  .qomc-btn{padding:11px 12px}
}