.ih-cart-wrap{
  --panel: #10161d;
  --panel-2:#0e141a;
  --ink: #e6ecf2;
  --muted:#8794a3;
  --line: rgba(135,148,163,.18);
  --accent:rgba(91,136,151,.8);
  --accent-2:rgba(64,112,128,.8);
  --danger:#cc5a63;
  --warn:#d5a845;
  --ok:#35a47a;
  --text:#e5e5e5;
  --r:12px;
  --gap:12px;
  --shadow: 0 8px 22px rgba(0,0,0,.22);
  --ring: 0 0 0 2px rgba(41,160,189,.25);
  --blur: saturate(1.05) blur(4px);

  padding: 0 0 80px; 
  background: transparent;
}
body:not(.dark-mode) .ih-cart-wrap{
  --panel:#ffffff;
  --panel-2:#ffffff;
  --ink:#0f1419;
  --muted:#5f6e82;
  --line: rgba(15,23,42,.08);
  --shadow: 0 10px 26px rgba(3,7,18,.08);
}
.ih-cart-wrap .container{position:relative;z-index:1}

.ihc-hair{border-top:1px solid var(--line)}
.ihc-chip{display:inline-block;font-size:20px;padding:.15rem .55rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text);font-weight:800}
.ihc-btn-ghost{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px}
.ihc-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .ihc-focus:focus{outline:none;box-shadow:var(--ring)}
}

.ihc-steps{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.ihc-step{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.ihc-step span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:800;color:var(--text);background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.ihc-step b{color:var(--ink);font-weight:700}
.ihc-step.is-active{box-shadow:var(--ring)}

.ihc-cart-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px}
.ihc-title{font-size:22px;font-weight:900;color:var(--ink);margin:0;letter-spacing:.2px}
.ihc-link-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}
.ihc-link-back:hover{color:var(--accent)}

.ihc-sgroup{
  border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);
  overflow:hidden;margin-bottom:var(--gap);
}
.ihc-sg-head{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;
  gap:10px;
  padding:10px 12px;background:var(--panel-2);border-bottom:1px solid var(--line)
}
.ihc-sg-shop{font-weight:800;color:var(--ink);text-decoration:none;max-width:fit-content;}
.ihc-sg-shop:hover{color:var(--accent)}

.ihc-sg-metrics{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-self:end}
.ihc-mchip{
  display:inline-flex;align-items:center;gap:6px;
  padding:.22rem .6rem;border-radius:999px;border:1px solid var(--line);
  background:rgba(90,104,120,.08); color:var(--ink); font-size:.82rem; font-weight:700;
}
.ihc-mchip i{font-style:normal;opacity:.9}
.ihc-sg-actions{display:flex;gap:8px}
.ihc-sg-btn{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:6px 10px}
.ihc-sg-btn:hover{border-color:var(--accent);color:var(--accent)}
.ihc-sg-body{padding:10px}
.ihc-sg-body.collapsed{display:none}


.ihc-items{display:grid;grid-template-columns:1fr;gap:10px}
.ihc-item.item{
  display:grid;grid-template-columns:96px 1fr 180px;gap:12px;
  border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px;
}
@media(max-width:992px){.ihc-item.item{grid-template-columns:88px 1fr 150px}}
@media(max-width:576px){.ihc-item.item{grid-template-columns:86px 1fr;grid-template-rows:auto;gap:10px}}

.ihc-thumb{display:block;border-radius:10px;overflow:hidden;background:#0a0f14}
.ihc-thumb img{width:100%;height:100%;max-height:106px;object-fit:cover;display:block}


.ihc-mid{display:grid;grid-template-rows:auto auto 1fr;gap:6px}
.ihc-top{display:flex;justify-content:space-between;gap:8px}
.ihc-title-link.ihc-item-title{font-weight:800;color:var(--ink);text-decoration:none}
.ihc-title-link:hover{color:var(--accent)}
.ihc-remove{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:5px 9px}
.ihc-remove:hover{border-color:var(--danger);color:var(--danger)}

.ihc-meta{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.9rem}
.ihc-meta .ihc-seller>span{color:var(--muted);margin-right:4px}
.ihc-meta .ihc-seller a{color:var(--ink);text-decoration:none}
.ihc-meta .ihc-seller a:hover{text-decoration:underline}
.badge-lite{display:inline-flex;align-items:center;gap:6px;padding:.18rem .48rem;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:rgba(90,104,120,.08);font-size:.8rem}
.ihc-meta .badge-danger{border-color:rgba(204,90,99,.35);background:rgba(204,90,99,.14)}
.badge-warn{border-color:rgba(213,168,69,.35);background:rgba(213,168,69,.14)}
.badge-auto{border-color:rgba(41,160,189,.35);background:rgba(41,160,189,.12)}


.ihc-side{display:grid;grid-template-rows:auto 1fr;gap:8px}
@media(max-width:576px){.ihc-side{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}}
.ihc-qtyctrl{display:inline-flex;align-items:center;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.ihc-qtybtn{width:38px;height:38px;border:0;display:inline-grid;place-items:center;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}
.ihc-qtybtn:hover{background:rgba(90,104,120,.14)}
.ihc-qtyinput{width:64px;height:38px;border:0;background:transparent;color:var(--ink);text-align:center;font-weight:800;-moz-appearance:textfield}
.ihc-qtyinput::-webkit-outer-spin-button,.ihc-qtyinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.ihc-prices{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel-2)}
.ihc-pr{display:flex;justify-content:space-between;gap:8px}
.ihc-pr label{margin:0;color:var(--muted);font-size:.9rem}
.ihc-pr strong{color:var(--ink);font-weight:800}
.ihc-discount{margin-left:6px;color:var(--ok);font-weight:700}

.ihc-summary{position:sticky;top:16px}
.ihc-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:12px}
.ihc-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.ihc-row:last-child{border-bottom:0}
.ihc-total{display:flex;justify-content:space-between;align-items:center;font-weight:900;margin-top:6px;color:var(--ink)}
.ihc-cta .btn{border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:var(--text);font-weight:900}
.ihc-cta .btn:disabled{filter:grayscale(.25) opacity(.85)}
.ihc-note{font-size:.9rem;color:var(--ink);background:rgba(213,168,69,.12);border:1px solid rgba(213,168,69,.35);padding:8px;border-radius:8px}

.ihc-coupon{margin-top:10px}
.ihc-coupon .form-input{border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);height:40px}
.ihc-remove-link{color:var(--danger);text-decoration:none}
.ihc-remove-link:hover{text-decoration:underline}

.ihc-suggest{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:12px;margin-top:16px}
.ihc-tabs{gap:8px;margin-bottom:10px}
.ihc-tabs .nav-link{border-radius:999px;border:1px solid var(--line);color:var(--ink)}
.ihc-tabs .nav-link.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081117;border-color:transparent}

.ihc-empty{border:1px dashed var(--line);border-radius:12px;padding:22px;background:var(--panel);box-shadow:var(--shadow);text-align:center;color:var(--ink)}
.ihc-muted{color:var(--muted);font-size:.95rem}

@media(max-width:992px){.ihc-summary{position:static;margin-top:10px}}
@media(max-width:576px){
  .ihc-title{font-size:20px}
  .ihc-coupon .btn{width:100%;margin-top:6px}
  .ihc-remove span{display:none}
  .ih-cart-wrap .list-item{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 163px;}
}

.ih-cart-wrap .list-item{margin:0;padding:0;border:0;background:transparent}

.ihc-qtyinput.loading{opacity:.5}

@keyframes ihcPulse {
  0%{ background:transparent }
  30%{ background:rgba(41,160,189,.18) }
  100%{ background:transparent }
}
.ihc-pulse{ animation: ihcPulse .8s ease }

.ihc-dense .ihc-item.item{ padding:8px; gap:10px }
.ihc-dense .ihc-prices{ padding:6px }
.ihc-dense .ihc-meta{ gap:4px }
.ihc-dense .ihc-thumb img{ max-height:96px }

.ihc-paybar{
  position:fixed; left:0; right:0; bottom:48px;
  z-index:50; display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:10px 12px;
  background:var(--panel); border-top:1px solid var(--line);
  backdrop-filter:blur(6px);
}
.ihc-paybar-sum{display:flex; gap:8px; align-items:center; color:var(--ink)}
.ihc-paybar-sum b{font-weight:900}
.ihc-paybar-btn{
  border-radius:10px; border:0; padding:9px 12px;
  background:linear-gradient(135deg, var(--line), var(--xp-progress));
  color:var(--ink); font-weight:900;
}
@media(min-width:992px){ .ihc-paybar{display:none} }

@keyframes ihcNudge {
  0%   { transform: translateY(0) scale(1); box-shadow:none; }
  35%  { transform: translateY(-1px) scale(1.02); box-shadow:0 0 0 6px rgba(41,160,189,.18) }
  70%  { transform: translateY(0) scale(1); box-shadow:0 0 0 0 rgba(41,160,189,0) }
  100% { transform: translateY(0) scale(1); box-shadow:none; }
}
.ihc-nudge{
  animation: ihcNudge 1.2s ease-out 1;
  outline: none !important;
}
.ih-cart-wrap{
  --xp-progress: var(--accent);
}
.ihc-top{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ihc-top .list-item{
  min-width: 0;
  width: auto;
}
.ihc-item-title{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width:576px){
  .ihc-item-title{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .ih-cart-wrap .list-item{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
  }
}
.ihc-remove{ flex: 0 0 auto; white-space: nowrap; }
@media(max-width:360px){ .ihc-remove span{ display:none } }
.ihc-thumb{ aspect-ratio: 4 / 3; }
@media (max-width:576px){ .ihc-thumb{ aspect-ratio: 1 / 1; } }
.ihc-thumb img{ height: 100%; max-height: none; object-fit: cover; }
.ihc-mid, .ihc-side{ min-width: 0; }
.ihc-prices{ width: 100%; }
.ihc-paybar{
  bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}
@media (prefers-reduced-motion: reduce){
  .ihc-nudge{ animation: none !important; }
}
.ihc-summary{
  position: sticky;
  top: 16px; /* var */
  will-change: transform;
}
.ihc-item.item{
  padding: clamp(8px, 1.8vw, 10px);
  gap: clamp(8px, 2vw, 12px);
}
.ihc-item-title{ font-size: clamp(13px, 2.2vw, 15px); }
.ihc-title{ font-size: clamp(18px, 2.4vw, 22px); }