/* BASIC css start */
/* =================== BEST 50 ( #product-list ) =================== */
/* 0) ŸÀÌƲ ¹Ù: °ãħ ¹æÁö + Áß¾ÓÁ¤·Ä */
:root { --gnbH: 52px; } /* ÀÌ¹Ì ÀÖÀ¸¸é ÀÌ ÁÙÀº ¹«½ÃµÊ */


:root { --gnbH: 52px; }             /* ½ÇÁ¦ GNB ³ôÀÌ¿¡ ¸ÂÃç Á¶Á¤: 52~64px */
#product-list .h_title{
  position:sticky; top:var(--gnbH); z-index:260; background:#fff; padding:10px 0;
}
#product-list .list_shopping2x{ margin-top: calc(10px + var(--gnbH)) !important; }




/* 1) 2¿­ ±×¸®µå */
#product-list .list_shopping2x > ul{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  padding:0 12px !important;
}
#product-list .list_shopping2x > ul > li{
  position:relative !important;
  overflow:hidden !important;
}
#product-list .list_shopping2x img.listPic{
  width:100% !important; display:block !important; border-radius:4px !important;
  aspect-ratio:195/260 !important; object-fit:cover !important;
}

/* 2) È£¹ö ¿À¹ö·¹ÀÌ(PC hover / ¸ð¹ÙÀÏÀº .hover Ŭ·¡½º·Î) */
#product-list .list_shopping2x figure .list_shoppingInfo{
  position:absolute !important; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.40) !important; color:#fff !important;
  padding:10px 8px 8px !important;
  min-height:45% !important;
  display:flex !important; flex-direction:column !important; justify-content:flex-start !important;
  opacity:0; transform:translateY(8px); transition:opacity .22s ease, transform .22s ease;
  pointer-events:none !important; z-index:2 !important;
}
#product-list .list_shopping2x li:hover .list_shoppingInfo,
#product-list .list_shopping2x li.hover .list_shoppingInfo{
  opacity:1 !important; transform:translateY(0) !important;
}

/* 3) ÅؽºÆ® ÁÙ Á¦ÇÑ & °£°Ý (À̸§/¼­ºê¸í) */
#product-list .list_shoppingInfo .listName{
  margin:0 0 2px !important; line-height:1.28 !important;
  display:-webkit-box !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  -webkit-line-clamp:2 !important; word-break:break-all !important;
}
/* ¼­ºê¸íÀ» HTML¿¡ Ãß°¡ÇßÀ¸¸é ÀÌ ±ÔÄ¢ÀÌ Àû¿ëµÊ(¾ø¾îµµ ¹«ÇØ) */
#product-list .list_shoppingInfo .listSub{
  margin:0 0 4px !important; line-height:1.22 !important; opacity:.9 !important;
  display:-webkit-box !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  -webkit-line-clamp:2 !important; word-break:break-all !important;
}

/* 4) °¡°Ý ¶óÀÎ(Ç×»ó ¸Ç ¾Æ·¡·Î ¹ÐÂø) */
#product-list .list_shoppingInfo .listDiscount,
#product-list .list_shoppingInfo .listPrice,
#product-list .list_shoppingInfo .listReplce{
  margin-top:auto !important;
  padding-bottom:2px !important;  /* ´õ ºÙÀÌ°í ½ÍÀ¸¸é 0À¸·Î */
  line-height:1.25 !important; font-weight:600 !important;
}



#product-list .list_shoppingInfo .listDiscount del{
  font-size:11px !important; margin-left:2px !important; opacity:.9 !important;
}
/* Àû¸³/Æ÷ÀÎÆ®´Â ¼û±è(¿øÇϸé ÁÖ¼® ó¸®) */
#product-list .list_shoppingInfo .listReserve,
#product-list .list_shoppingInfo .listPoint{ display:none !important; }

/* 5) Á»ó´Ü ·©Å· ¹èÁö   ±âÁ¸ bookmark ±ÔÄ¢ ¸ðµÎ ¹«½ÃÇÏ°í »õ ¹èÁö »ç¿ë */
#product-list .ranking{
  position:absolute !important; top:6px !important; left:6px !important;
  z-index:3 !important; pointer-events:none !important;
}
#product-list .rk-badge{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:22px !important; height:22px !important; border-radius:6px !important;
  background:#000 !important; color:#fff !important; font-weight:700 !important; font-size:12px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}
#product-list .rk-badge em{ font-style:normal !important; line-height:1 !important; }

/* (=°ú°Å ±ÔÄ¢ ¹«·ÂÈ­) */
#product-list .list_shopping2x li .ranking .fa-bookmark,
#product-list .list_shopping2x li .ranking .numRanking{ display:none !important; }




/* º£½ºÆ® °¡°Ý/ÇÒÀÎ ÇÑ ÁÙ °íÁ¤ (¿ì¼±¼øÀ§ °­Á¦) */
#product-list .list_shopping2x li > a > figure > figcaption.list_shoppingInfo .listPrice,
#product-list .list_shopping2x li > a > figure > figcaption.list_shoppingInfo .listDiscount {
  display: inline-flex !important;      /* ÇÑ ÁÙ·Î °¡·Î ¹èÄ¡ */
  align-items: center !important;       /* ¼¼·Î Áß¾Ó Á¤·Ä */
  white-space: nowrap !important;       /* ÁÙ¹Ù²Þ ¹æÁö */
  gap: 4px !important;                  /* °£°Ý */
}

#product-list .list_shopping2x li > a > figure > figcaption.list_shoppingInfo .listDiscount del {
  color: #ccc !important;
  font-size: 11px !important;
}



/* º£½ºÆ® °¡°Ý ÇÑ ÁÙ °íÁ¤ */
#product-list .list_shopping2x .list_shoppingInfo .listPrice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

#product-list .list_shopping2x .list_shoppingInfo .listPrice del {
    color: #bbb;
    font-size: 11px;
}
#product-list .list_shopping2x .list_shoppingInfo .listPrice strong {
    font-weight: 700;
}




/* =========================================================
   [BEST 50] »óÇ° ±×¸®µå °£°Ý Ãà¼Ò (°¡·Î¡¤¼¼·Î)
   ========================================================= */
#product-list .list_shopping2x > ul {
  gap: 4px !important;          /* ±âÁ¸ 12px ¡æ 4px (°¡·Î¡¤¼¼·Î °£°Ý ¸ðµÎ) */
  padding: 0 4px !important;    /* ÁÂ¿ì ¹Ù±ù ¿©¹é ±âÁ¸ 12px ¡æ 4px */
}

/* »óÇ° Ä«µå ³»ºÎ ¿©¹éµµ Ãà¼Ò */
#product-list .list_shopping2x > ul > li {
  margin: 0 !important;         /* Ä«µå ÁÖº¯ ¸¶Áø Á¦°Å */
  padding: 0 !important;        /* Ä«µå ¾ÈÂÊ Æеù Á¦°Å */
}

/* À̹ÌÁö-ÅؽºÆ® °£°Ý ÁÙÀ̱â */
#product-list .list_shoppingInfo .listName,
#product-list .list_shoppingInfo .listSub {
  margin-bottom: 2px !important; /* ±âÁ¸ 4px ÀÌ»ó ¡æ 2px */
}

/* °¡°Ý ¶óÀÎ ÇÏ´Ü °£°Ý Ãà¼Ò */
#product-list .list_shoppingInfo .listPrice,
#product-list .list_shoppingInfo .listDiscount {
  padding-bottom: 0 !important; /* ±âÁ¸ 2px ¡æ 0 */
}

/* BASIC css end */