/**
 * Mini cart + wishlist drawers
 */
.atlas-bag-btn{position:relative}
.atlas-bag-count{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:var(--y,#f4c400);color:#111;
  font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1
}
.atlas-bag-count[hidden]{display:none !important}

.atlas-bag-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);
  z-index:6500;opacity:0;pointer-events:none;transition:opacity .25s
}
.atlas-bag-overlay.is-open{opacity:1;pointer-events:auto}
.atlas-bag-overlay[hidden]{display:none !important}
.atlas-bag-overlay.is-open[hidden]{display:block !important}

.atlas-bag-drawer{
  position:fixed;top:0;right:0;width:min(420px,94vw);height:100%;
  background:#fff;z-index:6600;box-shadow:-24px 0 60px rgba(0,0,0,.18);
  transform:translateX(104%);transition:transform .28s ease;
  display:flex;flex-direction:column;padding:0
}
.atlas-bag-drawer.is-open{transform:translateX(0)}
.atlas-bag-drawer[aria-hidden="true"]{pointer-events:none}
.atlas-bag-drawer[aria-hidden="false"]{pointer-events:auto}

.atlas-bag-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 20px;border-bottom:1px solid var(--line,#deded7)
}
.atlas-bag-head h2{
  margin:0;font-size:18px;font-family:var(--sans)!important;font-weight:700;
  display:flex;align-items:center;gap:10px
}
.atlas-bag-head h2 i,.atlas-bag-head h2 svg{width:18px;height:18px;color:var(--yd,#d4a800)}
.atlas-bag-close{
  width:40px;height:40px;border:1px solid var(--line,#deded7);border-radius:999px;
  background:#fff;display:grid;place-items:center;cursor:pointer
}
.atlas-bag-body{flex:1;overflow:auto;padding:8px 20px 20px}
.atlas-bag-foot{padding:16px 20px 22px;border-top:1px solid var(--line,#deded7);background:#fafaf7}
.atlas-bag-empty{padding:48px 12px;text-align:center;color:#777;font-size:14px}
.atlas-bag-empty i,.atlas-bag-empty svg{width:36px;height:36px;margin:0 auto 12px;color:#bbb;display:block}

.atlas-cart-line{
  display:grid;grid-template-columns:64px 1fr auto;gap:12px;
  padding:14px 0;border-bottom:1px solid var(--line,#deded7);align-items:start
}
.atlas-cart-line img,.atlas-cart-line .atlas-cart-ph{
  width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f0f0ea;display:grid;place-items:center
}
.atlas-cart-line .atlas-cart-ph i,.atlas-cart-line .atlas-cart-ph svg{width:22px;height:22px;color:#999}
.atlas-cart-line b{display:block;font-size:13px;line-height:1.35;margin-bottom:4px}
.atlas-cart-line b a{color:inherit;text-decoration:none}
.atlas-cart-line b a:hover{color:var(--yd,#d4a800)}
.atlas-cart-line small{display:block;color:#888;font-size:11px}
.atlas-cart-line .price{font-size:13px;font-weight:700;margin-top:6px}
.atlas-cart-ops{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.atlas-qty{
  display:inline-flex;align-items:center;border:1px solid var(--line,#deded7);border-radius:8px;overflow:hidden
}
.atlas-qty button{
  width:28px;height:28px;border:0;background:#f5f5f2;cursor:pointer;font-weight:700
}
.atlas-qty span{min-width:28px;text-align:center;font-size:12px;font-weight:700}
.atlas-cart-remove{
  border:0;background:transparent;color:#999;cursor:pointer;font-size:11px;text-decoration:underline
}
.atlas-cart-total{
  background:#111;color:#fff;border-radius:10px;padding:14px 16px;margin-bottom:12px;
  display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700
}
.atlas-cart-total span{color:var(--y,#f4c400)}
.atlas-bag-foot .btn{width:100%;margin-top:8px}
.atlas-bag-foot .btn + .btn{margin-top:8px}

.atlas-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.atlas-card-actions .btn{flex:1;min-width:0;font-size:11px;padding:10px 12px}
.atlas-card-actions .atlas-wish-toggle{flex:0 0 auto;width:42px;height:42px}
.atlas-card-actions .atlas-register-cta{flex:1 1 100%;justify-content:center}
.atlas-wish-toggle.is-active,
.atlas-wish-toggle[aria-pressed="true"]{
  background:#111;border-color:#111;color:var(--y,#f4c400)
}
.atlas-wish-toggle.is-active i,
.atlas-wish-toggle.is-active svg,
.atlas-wish-toggle[aria-pressed="true"] i,
.atlas-wish-toggle[aria-pressed="true"] svg{fill:var(--y,#f4c400);color:var(--y,#f4c400)}

@media(max-width:760px){
  .atlas-card-actions .btn{width:auto;flex:1 1 calc(50% - 8px)}
  .header-actions .atlas-bag-btn{width:40px;height:40px}
}