.shop_chart_bar {width: 100%;  padding: 0px!important; ; display: flex; justify-content: space-between; align-items: center;height: 40px; margin: 30px 0px 20px; background: none}

.shop_chart_bar .sec_title {order: 1; height: 40px; margin: 0px; line-height: 40px}

.cart_table {order: 2;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(100% - 50px) 50px ;
  padding: 0px;
  margin: 0px;
}
.boxsh {
  padding: 0px 0px;
  margin: 0px;
  border: 0px solid #ee0000;
}

.sh1a {grid-row: 1;  grid-column: 1; white-space: nowrap; display: block} 
.sh1b {grid-row: 1 / span 2;  grid-column: 2; display: block} 
.sh2a {grid-row: 2;  grid-column: 1 ; display: block} 

.sh1a span {white-space: nowrap}

.cart_table .cart i {font-size: 20px; height: 40px; line-height: 40px ; background: var(--t_tit_tx); border: 1px solid var(--t_tit_bg); color: var(--t_tit_bg); width: 40px; text-align: center; border-radius: 40px; display: table; margin-left: 10px}

.shop_prod md-content {background: none!important; border: 0px solid #f78; padding: 0px}

.shop_prod md-tabs-canvas, .shop_prod md-tabs-canvas md-pagination-wrapper {height: 30px; border-bottom: 1px solid #efefef}
.shop_prod md-tab-item {padding: 0px 10px; height: 30px; min-width: 8vw; gap: 12px; line-height: 30px}

.shop_prod md-content md-tabs [aria-selected="false"] {background: none!important}
.shop_prod md-content md-tabs [aria-selected="true"] {background: none!important; font-weight: 550; color: #000000}

.shop_prod md-ink-bar {background: var(--t_tit_bg); height: 2px}

.shop_prod md-prev-button, .shop_prod md-next-button {background: #777777; width: 20px; height: 20px; border-radius: 20px}
.shop_prod md-icon svg polygon {fill: white}

.shop_prod .pr_display {border: 0px solid #f89; padding: 0px; margin: 30px 0px 40px; height: auto!important;}

.shop_prod .product {border: 0px solid #f89; padding: 0px; margin: 10px 0px 40px; border-bottom: 1px solid #cccccc; padding-bottom: 50px}


.shop_prod .product .pr_name {font-size: 1.2em; margin: 0px 0px 10px; display: block}

.shop_prod .product .pr_img  {max-width: 350px; max-height: 250px; position: relative!important}
.shop-carousel {position: relative; width: 350px; max-width: 100%; min-height: 250px; display: flex; align-items: center; justify-content: center; background: #f7f7f7; overflow: hidden}
.shop-carousel .pr_img {display: block; margin: 0 auto}
.shop-carousel__nav {position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(0,0,0,.55)!important; color: #fff!important; margin: 0!important; padding: 0!important; line-height: 34px; text-align: center}
.shop-carousel__nav--prev {left: 10px}
.shop-carousel__nav--next {right: 10px}
.shop-carousel__dots {position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 6px}
.shop-carousel__dot {width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba(255,255,255,.6)!important; padding: 0!important; margin: 0!important}
.shop-carousel__dot.is-active {background: #fff!important}

.cart_product {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 350px 50% auto;
  padding: 0px;
  margin: 0px;
}

.pr1a {grid-row: 1;  grid-column: 1 ; } 
.pr1aa {grid-row: 1;  grid-column: 1 / span 2 ; } 
.pr1aaa {grid-row: 1;  grid-column: 1 / span 3 ; } 
.pr1b {grid-row: 1;  grid-column: 2 ; } 
.pr1c {grid-row: 1;  grid-column: 3 ; } 

.pr2a {grid-row: 2;  grid-column: 1 ; } 
.pr2b {grid-row: 2;  grid-column: 2 ; padding: 0px 30px 0px 10px} 
.pr2c {grid-row: 2;  grid-column: 3 ; } 

.sel_prod_form {border: 0px solid #457;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 50% 50%;
  padding: 0px;
  margin: 0px;}

.boxsp {
  padding: 0px 0px;
  margin: 0px;
  border: 0px solid #ee0000;
}

.sp1a {grid-row: 1;  grid-column: 1;} 
.sp1aa {grid-row: 1;  grid-column: 1 / span 2;} 
.sp1b {grid-row: 1 ;  grid-column: 2; margin: 0px 0px 0px 5px} 
.sp2a {grid-row: 2;  grid-column: 1;} 
.sp2aa {grid-row: 2;  grid-column: 1 / span 2;} 
.sp2b {grid-row: 2 ;  grid-column: 2; margin: 0px 0px 0px 5px} 
.sp3a {grid-row: 3;  grid-column: 1;} 
.sp3aa {grid-row: 3;  grid-column: 1 / span 2;} 
.sp3b {grid-row: 3 ;  grid-column: 2; margin: 0px 0px 0px 5px} 
.sp4a {grid-row: 4;  grid-column: 1;} 
.sp4aa {grid-row: 4;  grid-column: 1 / span 2;} 
.sp4b {grid-row: 4;  grid-column: 2; margin: 0px 0px 0px 5px} 

.pd_input { font-size: 0.9em; font-weight: 150!important; color: #666666; border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 6px 2px; background: var(--white)!important; margin: 0px!important}

.pd_input:focus  {border-bottom: 1px solid var(--t_tit_bg)!important;outline: none!important; }

.shop_prod button {background: var(--t_tit_bg); border: 1px solid var(--t_tit_tx); color: var(--t_tit_tx); margin: 20px 0px 10px; padding: 6px 10px; border-radius: 20px}

/* POPUP */
.sh_popup {padding: 10px!important; border-radius: 0px!important}
.sh_popup img {max-height: 20px; max-width: 25px}
.sh_popup .empty {font-size: 1.4em; font-weight: 200; color: var(--red); padding: 20px 0px; width: 100%; text-align: center}

.input_form md-autocomplete-wrap {box-shadow: none!important;  border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; background: var(--white)!important}

.input_form md-autocomplete-wrap input {background: none; margin: 0px!important; padding: 7px 3px!important;font-size: 1em; font-weight: 150!important; color: var(--dtext);}


/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    
.shop_prod .product .pr_name {font-size: 1.1em; margin: 0px 0px 10px; display: block}

.shop_prod .product .pr_img  {max-width: 200px; max-height: 150px; position: relative!important}
.shop-carousel {width: 200px; min-height: 150px}
    
.cart_product {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 200px 50%;
  padding: 0px;
  margin: 0px;
}

.pr1a {grid-row: 1;  grid-column: 1 ; } 
.pr1aa {grid-row: 1;  grid-column: 1 / span 2 ; } 
.pr1aaa {grid-row: 1;  grid-column: 1 / span 2 ; } 
.pr1b {grid-row: 1;  grid-column: 2 ; } 
.pr1c {grid-row: 1;  grid-column: 2 ;padding-left: 10px } 

.pr2a {grid-row: 2;  grid-column: 1 ; } 
.pr2b {grid-row: 3;  grid-column: 1 /span 2 ; padding: 0px} 
.pr2c {grid-row: 2;  grid-column: 2 ; padding-left: 10px } 
    
    
    
    
    
}
#cart {
    z-index: 301;
}