/* BASIC css start */

div.C-10089-2-2 .category-title img { max-width: 100%; }
div.C-10089-2-2 .category-title { text-align: center; }
div.C-10089-2-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-10089-2-3 .tit-page h2 {color:#676767; font-size: 0.75em;}
div.C-10089-2-3 .goods-grouping {padding: 6px; text-align: left;}
div.C-10089-2-3 { margin:0px 0px 0px 0px; padding:2px 0px 2px 10px; background:#F5F5F5 repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-10089-2-6 .goods-grouping .low-grouping ul li span {display: inline-block; position: absolute; right: 1px; top: 8px; width: 1px; color: #ddd;}
div.C-10089-2-6 .box-select {margin-bottom:5px;}


div.C-10089-2-6 .goods-grouping .low-grouping ul li {position: relative; display: inline-block;}
div.C-10089-2-6 .goods-grouping .low-grouping ul {overflow:hidden; padding: 10px; text-align: center;}
div.C-10089-2-6 .goods-grouping .low-grouping ul li a {display:block; text-align:center; color:#333; font-size:0.750em; padding: 6px; margin-right: 5px; margin-bottom: 3px; word-break:break-all; border: 1px solid #d0d0d0; border-radius: 2px;}


/* ЧЯРЇКаЗљ РќУМКИБт АќЗУ */
div.C-10089-2-6 .goods-grouping .low-grouping {margin-bottom: 1px;}
div.C-10089-2-6 .goods-grouping .cate-view-btn { text-align: center; background-color: #EAEAEA; padding: 8px 0; font-size: 0.75em; color: #272727; }
div.C-10089-2-6 .goods-grouping .low-grouping .hAuto {height:auto;}
div.C-10089-2-6 .goods-grouping .low-grouping .cate-hide {overflow:hidden; height: 88px;}


div.C-10089-2-6 .goods-grouping .low-grouping ul li a.category-on { color:#F74F4F; font-size:0.75em; font-weight:bold; font-style:normal; text-decoration:underline; }
div.C-10089-2-6 .goods-grouping .low-grouping ul li a { color:#333333; font-size:0.75em; font-weight:bold; font-style:normal; text-decoration:none; border-color:#D0D0D0; }
div.C-10089-2-6 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/*   */
@media (max-width:768px){

  /* Ѕш : >/ /ЁРЅя   */
  .low-grouping{
    display:block !important;
    position:static !important;
    float:none !important;
    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;

    margin:0 0 12px !important;
    z-index:auto !important;
  }
  /* Ѕц xї height/max-height/overflow    - */
  .low-grouping[style*="height"],
  .low-grouping[style*="max-height"],
  .low-grouping[style*="overflow"]{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  /* float Н Оэu Ѕш  . */
  .low-grouping::after{ content:""; display:block; clear:both; }

  /* 3 ј  */
  .low-grouping .cate-hide{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:10px !important;
    padding:10px 5px;
    margin:0; list-style:none;
    position:static !important;
    float:none !important;
    width:100% !important;
  }
  /* li float w  |  */
  .cate-hide > li{ float:none !important; width:auto !important; }

  /* .Л: 9(3) 1 */
  .low-grouping .cate-hide > li:nth-child(n+13){
    display:none !important;
  }
  /* ' ќ' ЂЏ  1   3 9ї n+13  х */
  .low-grouping.on .cate-hide    > li:nth-child(n+13),
  .low-grouping.open .cate-hide  > li:nth-child(n+13),
  .low-grouping.active .cate-hide> li:nth-child(n+13),
  .low-grouping.is-open .cate-hide> li:nth-child(n+13),
  .low-grouping.view-all .cate-hide> li:nth-child(n+13),
  .low-grouping.expanded .cate-hide> li:nth-child(n+13){
    display:block !important;
  }

  /* А x */
  .cate-hide > li > a{
    display:flex; align-items:center; justify-content:center;
    padding:8px 10px; border:1px solid #ddd; border-radius:10px;
    background:#fff; color:#333; font-size:13px; text-decoration:none;
    white-space:nowrap; transition:background .2s, border-color .2s;
  }
  .cate-hide > li > a:hover{ background:#f7f7f7; border-color:#ccc; }
  .cate-hide > li > a.is-active,
  .cate-hide > li.on > a{ background:#e31b23; border-color:#e31b23; color:#fff; }

  /* ' ќ' А >   А */
  .cate-view-btn{
    position:static !important; z-index:auto !important;
    float:none !important; width:100% !important; text-align:center;
    margin:10px 0 0 !important;
  }
  .cate-view-btn[style*="position:fixed"],
  .cate-view-btn[style*="position:absolute"]{ position:static !important; }
}

@media (max-width:768px){
  /* 3 К  № */
  .low-grouping .cate-hide{ box-sizing: border-box; }

  /* ј ј  ? ~  А */
  .cate-hide > li{ min-width: 0; }

  /* А   Е */
  .cate-hide > li > a{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;   /*  8  */
  }
}

.low-grouping .cate-hide{ column-gap: 8px; } /* ( gap:10px ) */

@media (max-width:768px){
  /* [PATCH 1]  ќ   3И ћ 3 ј  */
  .low-grouping.on .cate-hide,
  .low-grouping.open .cate-hide,
  .low-grouping.active .cate-hide,
  .low-grouping.is-open .cate-hide,
  .low-grouping.view-all .cate-hide,
  .low-grouping.expanded .cate-hide,
  .cate-hide[style*="display:block"]{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  /* [PATCH 2] ЉЄ ЂЏ ј Д float/width -(ј ) */
  .low-grouping .cate-hide > li,
  .low-grouping.on .cate-hide > li,
  .low-grouping.open .cate-hide > li,
  .low-grouping.active .cate-hide > li,
  .low-grouping.is-open .cate-hide > li,
  .low-grouping.view-all .cate-hide > li,
  .low-grouping.expanded .cate-hide > li{
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

@media (max-width:768px){
  /* ЉЄ  UL l rэu ћ 3 ј  */
  .low-grouping ul,
  .low-grouping ul[style*="display:block"]{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }

  /* ЉЄ Ў ѕ(li ЁРЎ/ Б-) */
  .low-grouping ul > li{
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* А   А( ) */
  .low-grouping ul > li > a{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /*  12  '' (= .cate-hide) ѕ  */
  .low-grouping ul.cate-hide > li:nth-child(n+13){
    display: none !important;
  }
}

@media (max-width:768px){
  /* ЉЄ  UL 3П gap  */
  .low-grouping ul,
  .low-grouping.on ul,
  .low-grouping.open ul,
  .low-grouping.active ul,
  .low-grouping.is-open ul,
  .low-grouping.view-all ul,
  .low-grouping.expanded ul,
  .low-grouping ul[style*="display:block"]{
    gap:10px !important;             /* /   */
    grid-column-gap:10px !important; /*    */
    grid-row-gap:10px !important;
  }

  /* li  Б-(ј   gap   ) */
  .low-grouping ul > li{
    margin:0 !important;
  }
}

@media (max-width:768px){
  /*  ЂЏ 1~12ЁЦ  0 */
  .low-grouping ul.cate-hide > li:nth-child(-n+12){
    display:block !important;
  }
  /* $ 7 ј ј  */
  .low-grouping ul.cate-hide{
    max-height:none !important;
    overflow:visible !important;
  }
}

/*  : Ѕш /    .№ */
@media (max-width:768px){
  /* 1) Ѕш Н  ќ 8 ѕ(flow-root) */
  .low-grouping{
    display: flow-root !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* 2) iЎ Ѕц position/top/left   - */
  .low-grouping[style*="position"],
  .low-grouping[style*="top"],
  .low-grouping[style*="left"]{
    position: static !important;
    top: auto !important;
    left: auto !important;
  }

  /* 3) Ў absolute є   */
  .low-grouping .cate-hide,
  .low-grouping ul,
  .low-grouping .cate-hide[style*="position"],
  .low-grouping ul[style*="position"]{
    position: static !important;
  }
}

@media (max-width:768px){
  /*   iЎ UL ~    */
  .low-grouping ul[style*="height"],
  .low-grouping ul[style*="max-height"]{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /*  Ѕш . 8 5(BFC ) */
  .low-grouping{
    overflow: auto !important;  /*  visible яК   - */
  }
}

@media (max-width:768px){
  /*  (.cate-hide) : ј 7~12ЁЦ 5  0  */
  .low-grouping ul.cate-hide > li{
    display:block !important;      /* 1~12  0 */
  }
  /*  13t  ЂЏ (= 34q ) */
  .low-grouping ul.cate-hide > li:nth-child(n+13){
    display:none !important;
  }
}
@media (max-width:768px){
  /*  UL  ќ x    (:/Ѕц " Фи) */
  .low-grouping ul.cate-hide{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}
@media (max-width:768px){
  /* А =Ў 1  + П  І  */
  .low-grouping ul > li > a,
  .low-grouping .cate-hide > li > a{
    white-space: nowrap !important;       /* yr  */
    overflow: hidden !important;           /* ! і */
    text-overflow: ellipsis !important;    /* х  ѓ */
    font-size: clamp(11px, 3.0vw, 13px);   /* -    І  */
    line-height: 1.2;
    width: 100%;
    box-sizing: border-box;
  }
}

div.C-10089-2-7 .goods-grouping .goods-align ul {overflow:hidden; border-bottom: 1px solid #AFAFAF;}
div.C-10089-2-7 .goods-grouping .goods-align ul li {float:left; width:20%; font-size:0.750em;}
div.C-10089-2-7 .goods-grouping .goods-align ul li a {display:block; height:35px; line-height:35px; color:#808080; font-size:0.875em; text-align:center;}
div.C-10089-2-7 .goods-grouping .goods-align ul .on a {color:#000; font-weight: bold;}
div.C-10089-2-7 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-10089-2-9 .list_shopping {overflow:hidden; padding-top:8px;}
div.C-10089-2-9 .list_shopping ul {display: table; table-layout: fixed; box-sizing: border-box; width: 100%;}
div.C-10089-2-9 .list_shopping ul.items li.pro1x { width : 100% !important; }
div.C-10089-2-9 .list_shopping ul.items li.pro2x { width : 50% !important; }
div.C-10089-2-9 .list_shopping ul.items li.pro3x { width : 33.3% !important; }
div.C-10089-2-9 .list_shopping ul.items li.pro4x { width : 25% !important; }

div.C-10089-2-9 .list_shopping .align-style { text-align: left; font-size: 14px;}
div.C-10089-2-9 .MS-vertical { padding-bottom:10px; }
div.C-10089-2-9 .list_shopping .MS-vertical .icons-two img:first-child {padding-left: 0px;}
div.C-10089-2-9 .list_shopping ul li {margin-bottom:10px; width: 100%; word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top;}
div.C-10089-2-9 .list_shopping ul li img {max-width:100%; height:auto;}
div.C-10089-2-9 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;}
div.C-10089-2-9 .list_shopping ul li dl {padding:5px 7px 0;}
div.C-10089-2-9 .list_shopping ul li dl dt {padding-bottom:5px;}
div.C-10089-2-9 .list_shopping ul li p {padding:0 7px;}
div.C-10089-2-9 .list_shopping ul li p em {font-style:normal; text-decoration:line-through; display:block;}
div.C-10089-2-9 .list_shopping ul li strong {font-weight:normal; padding:0 7px;}
div.C-10089-2-9 .list_shopping ul li .txt1 {padding:5px 7px 0;}
div.C-10089-2-9 .list_shopping ul li .txt1 p {padding:0;}
div.C-10089-2-9 .list_shopping ul li .img { float:left; margin-right:8px; max-width:43%; padding-left: 5px;}
div.C-10089-2-9 .list_shopping ul li .txt1 span {display:block;}
div.C-10089-2-9 .list_shopping ul li .txt2 {padding:5px 7px 0;}
div.C-10089-2-9 .list_shopping ul li .txt2 span {display:block;}
div.C-10089-2-9 .list_shopping ul li.prd-info {text-align:center;}
div.C-10089-2-9 .list_shopping .thumb-img { position:relative; }

div.C-10089-2-9 .list_shopping .thumb-img .main_icons { position:relative; display: inline-block; text-align: center; }

div.C-10089-2-9 .list_shopping ul li p.img-color-list { margin: 0; padding: 0;}
div.C-10089-2-9 .list_shopping ul .prd-info p.img-color-list { min-height: 18px; }
div.C-10089-2-9 .list_shopping ul li p.img-color-list span { display: inline-block; width: 8px; height: 8px; padding:0; margin: 5px 1px 1px; border: 1px solid #DDDDDD; }
div.C-10089-2-9 .list_shopping ul li p.left { text-align: left; margin-left: 1px; }
div.C-10089-2-9 .list_shopping ul li p.right { text-align: right; padding-right: 1px; }
div.C-10089-2-9 .list_shopping .tit { float: left; word-wrap: break-word; word-break: keep-all; max-width: 50%; font-size: 14px;}

/* И№ЙйРЯ ГЛ ОЦРЬФм АќЗУ */
div.C-10089-2-9 .list_shopping ul li .icons img:first-child { padding-top: 4px !important; }
div.C-10089-2-9 .list_shopping ul li .icons img { display: block; padding: 4px 0 !important; }
div.C-10089-2-9 .list_shopping ul li .icons {position: absolute; left: 5px; top: 0;}
div.C-10089-2-9 .list_shopping ul li .icons-two {padding: 3px 7px;}
div.C-10089-2-9 .list_shopping ul li .icons-two img {padding-right: 4px;}

/* ДѕКИБт ЙіЦА */
div.C-10089-2-9 .list_shopping .btn-center {display:block; width:auto; margin:15px 12px 0; border: 3px double #D4D4D4; text-align: center; line-height: 35px; letter-spacing: 2px; color: #666; background: #fff; height: 35px; font-weight: bold; font-size: 12px;}
div.C-10089-2-9 .list_shopping .btn-center a {display: block;}
div.C-10089-2-9 .more_page_num {font-weight: normal; letter-spacing: 0px;}


/* Ч§ХУ ЙіЦА */
div.C-10089-2-9 .list_shopping .btn-coupon { display:inline-block; height:18px; line-height:16px; padding:0; border:1px solid #000; font-size:0.750em; text-align:left; }
div.C-10089-2-9 .list_shopping .btn-coupon span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; font-size:0.750em;  vertical-align: top;}
div.C-10089-2-9 .list_shopping .btn-coupon em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:0.750em; font-style:normal; }
div.C-10089-2-9 .present-icon img{ height: 14px !important; }
div.C-10089-2-9 .font_shopbrandI { color:#909090; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandT { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandO { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandP { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandG { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandN { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandR { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandQ { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandF { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandE { color:#FF0000; font-size:1.125em; font-weight:bold; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandB { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandD { color:#000000; font-size:1.063em; font-weight:bold; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandA { color:#000000; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .MS-vertical { border-bottom:1px solid #DDD; }
div.C-10089-2-9 .font_shopbrandC { color:#909090; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:line-through; }
div.C-10089-2-9 .font_shopbrandV { color:#E80000; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandK { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandS { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandH { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 .font_shopbrandL { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; }
div.C-10089-2-9 { margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.C-10089-2-10 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */