/* ============================================================
   장바구니 열림 대응 (cart-fit)  v5
   [중요] 세로 방향 수치는 절대 바꾸지 않는다.
   .layout-contents 스크롤 시 장바구니를 자동으로 닫는 로직이 있어서,
   세로 높이가 바뀌면 스크롤 위치가 보정되며 scroll 이벤트가 발생 →
   방금 연 장바구니가 곧바로 닫히는 문제가 생긴다.
   따라서 가로 여백/열간격만 조정한다.
   ============================================================ */

html.cartOpen.cartOpen .layout-contents{
  margin-left:0!important; margin-right:0!important;
  padding-left:8px!important;
  padding-right:calc(var(--cartW,344px) + 8px)!important;
}
html.cartOpen.cartOpen .layout-header{
  padding-right:calc(var(--cartW,344px) + 18px)!important;
}
html.cartOpen.cartOpen .btn-manager{
  right:calc(var(--cartW,344px) + 14px)!important;
}

/* 하단 바 */
html.cartOpen.cartOpen .layout-footer{ right:var(--cartW,344px)!important; }
html.cartOpen.cartOpen.dpC .layout-footer{
  transform:translateX(calc(-50% - var(--cartW,344px) / 2))!important;
}

/* 3열 유지 + 가로 간격만 축소 (세로 간격은 원래대로 유지) */
html.cartOpen.cartOpen .menu-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:8px!important;
}
html.cartOpen.cartOpen .menu-item{ padding-left:6px!important; padding-right:6px!important; }
html.dpC.cartOpen.cartOpen .menu-item{ padding-left:0!important; padding-right:0!important; }

/* 아주 좁은 화면에서는 2열 */
@media (max-width:1100px){
  html.cartOpen.cartOpen .menu-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}