/* Mini cart (sidebar drawer + hover dropdown). Loaded only when a non-"page" cart mode is active. */
.ik-mc-body{display:flex; flex-direction:column; min-height:0; flex:1; color:#1f2937}
.dark .ik-mc-body{color:#e5e7eb}
.ik-mc-count-line{padding:.7rem 1.1rem .2rem; font-size:.78rem; font-weight:700; color:#64748b}
.ik-mc-list{list-style:none; margin:0; padding:.3rem 1.1rem; overflow-y:auto; overscroll-behavior:contain; flex:1; min-height:0}
.ik-mc-item{position:relative; display:flex; gap:.8rem; padding:.8rem 0; border-bottom:1px dashed #e5e7eb}
.dark .ik-mc-item{border-color:rgba(255,255,255,.1)}
.ik-mc-item:last-child{border-bottom:0}
.ik-mc-thumb{flex:0 0 64px; width:64px; height:64px; border-radius:12px; overflow:hidden; background:#f3f4f6}
.dark .ik-mc-thumb{background:rgba(255,255,255,.06)}
.ik-mc-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.ik-mc-info{flex:1; min-width:0; padding-inline-end:1.6rem}
.ik-mc-name{font-size:.86rem; font-weight:800; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.ik-mc-name a{color:inherit; text-decoration:none} .ik-mc-name a:hover{color:var(--ik-color-primary,#FF6B00)}
.ik-mc-meta{font-size:.7rem; color:#94a3b8} .ik-mc-meta dl,.ik-mc-meta p{margin:0} .ik-mc-meta dd,.ik-mc-meta dt{display:inline; margin:0}
.ik-mc-price{margin-top:.2rem; font-size:.8rem; font-weight:700; color:var(--ik-color-primary,#FF6B00)}
.ik-mc-price del{color:#94a3b8; font-weight:500; margin-inline-end:.3rem}
.ik-mc-price ins{text-decoration:none; background:none}
.ik-mc-remove{position:absolute; top:.7rem; inset-inline-end:0; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; color:#94a3b8; text-decoration:none; font-size:1.2rem; line-height:1; transition:background .15s,color .15s}
.ik-mc-remove:hover{background:#fee2e2; color:#dc2626}
.ik-mc-item.is-removing{opacity:.4; pointer-events:none}
.ik-mc-foot{padding:1rem 1.1rem 1.1rem; border-top:1px solid #e5e7eb; background:inherit}
.dark .ik-mc-foot{border-color:rgba(255,255,255,.1)}
.ik-mc-total{display:flex; justify-content:space-between; align-items:center; margin-bottom:.8rem; font-size:.9rem}
.ik-mc-total strong{font-size:1.05rem; color:var(--ik-color-primary,#FF6B00); font-weight:900}
.ik-mc-actions{display:grid; grid-template-columns:1fr 1fr; gap:.6rem}
.ik-mc-btn{display:flex; align-items:center; justify-content:center; min-height:46px; padding:.5rem 1rem; border-radius:12px; border:1px solid #d1d5db; color:#0f172a; background:#fff; font-weight:800; font-size:.86rem; text-decoration:none; transition:transform .15s,background .15s,border-color .15s}
.dark .ik-mc-btn{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:#fff}
.ik-mc-btn:hover{border-color:var(--ik-color-primary,#FF6B00); transform:translateY(-1px)}
.ik-mc-btn--primary{background:var(--ik-color-cta,#FF6B00); border-color:var(--ik-color-cta,#FF6B00); color:#fff !important; box-shadow:0 8px 20px -10px color-mix(in srgb,var(--ik-color-cta,#FF6B00) 48%,transparent)}
.ik-mc-btn--primary:hover{background:var(--ik-color-cta-hover,#ff8a3d)}
.ik-mc-empty{display:flex; flex-direction:column; align-items:center; gap:.9rem; padding:3rem 1.5rem; text-align:center; color:#64748b}
.ik-mc-empty p{margin:0; font-weight:700}

/* ---------- sidebar ---------- */
.ik-mc-overlay{position:fixed; inset:0; z-index:9990; background:rgba(2,6,23,.55); opacity:0; transition:opacity .28s}
.ik-mc-overlay[hidden]{display:none}
.ik-mc-drawer{position:fixed; top:0; bottom:0; z-index:9991; width:min(420px,92vw); display:flex; flex-direction:column; background:#fff; color:#111827; box-shadow:0 0 60px rgba(0,0,0,.35);
  visibility:hidden; transition:transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s .3s; outline:none}
.dark .ik-mc-drawer{background:#0F172A; color:#f3f4f6}
.ik-mc-drawer--right{right:0; transform:translateX(100%)}
.ik-mc-drawer--left{left:0; transform:translateX(-100%)}
.ik-mc-open .ik-mc-overlay{opacity:1}
.ik-mc-open .ik-mc-drawer{transform:none; visibility:visible; transition:transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s}
.ik-mc-open body,.ik-mc-open{overflow:hidden}
.ik-mc-head{display:flex; align-items:center; justify-content:space-between; padding:1rem 1.1rem; border-bottom:1px solid #e5e7eb; flex:0 0 auto}
.dark .ik-mc-head{border-color:rgba(255,255,255,.1)}
.ik-mc-head h2{margin:0; font-size:1.1rem; font-weight:900}
.ik-mc-close{width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:12px; background:transparent; color:inherit; cursor:pointer}
.ik-mc-close:hover{background:rgba(148,163,184,.2)}

/* ---------- hover dropdown (desktop pointers only) ---------- */
.ik-mc-dropdown{display:none}
@media (hover:hover) and (min-width:1024px){
  .ik-cart-wrap{position:relative}
  .ik-mc-dropdown{display:block; position:absolute; top:100%; inset-inline-end:0; width:380px; padding-top:.7rem; z-index:70; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .18s, transform .18s, visibility 0s .18s}
  .ik-mc-dropdown .ik-mc-body{max-height:min(70vh,520px); background:#fff; border:1px solid #e5e7eb; border-radius:18px; box-shadow:0 30px 60px -20px rgba(0,0,0,.35); overflow:hidden}
  .dark .ik-mc-dropdown .ik-mc-body{background:#0F172A; border-color:rgba(255,255,255,.12)}
  .ik-cart-wrap:hover .ik-mc-dropdown,.ik-cart-wrap:focus-within .ik-mc-dropdown,.ik-cart-wrap.is-peek .ik-mc-dropdown{opacity:1; visibility:visible; transform:none; transition-delay:.12s,.12s,0s}
}
html:not(.ik-mc-open) .ik-mc-drawer .ik-mc-body{content-visibility:auto}
@media (prefers-reduced-motion:reduce){.ik-mc-drawer,.ik-mc-overlay,.ik-mc-dropdown{transition:none !important}}