/** Shopify CDN: Minification failed

Line 72:41 Expected ":"
Line 72:43 Expected identifier but found "0.7"

**/
#cart { margin-top: 2em; margin-bottom: 2em; }

#cartHeader { text-align: center; }
#cartHeader .btns { margin-top: 1em; }
#cartHeader .btns a { margin: 0 1em; }

#cartMain { margin-top: 3em; }

.cartItem { padding: 1em 0; position: relative; display: flex; flex-wrap: wrap; }
.cartItem .ci-image a { display: table; }
.cartItem .ci-image img { width: 75px; height: auto; }
.cartItem .ci-info .pPrice { margin-top: 0.5em;  }
.cartItem .pTitle a { color: inherit; text-decoration: none; }
.cartItem .pPrice { font-weight: bold; font-size: 1.2em; }
.cartItem .pUnit { font-size: 0.8em; opacity: 0.7; margin-top: 0.25em; }
.cartItem .pQty { margin-top: 1em; }
.cartItem .pQty input[type="number"] { padding: 0.75em; font-size: 0.9em; width: 100px; }
.cartItem .pQty button { padding: 0; text-decoration: underline; border: none; background: none; color: var(--color-text-link); padding: 0.5em; cursor: pointer; } 
.cartItem .ci-total { display: none; } 
.cartItem .ci-qty-mobile { text-align: center; }
.cartItem + .cartItem { border-top: 1px dotted var(--color-border); }
.cartItem .note { font-size: 0.8em; margin-top: 0.5em; font-style: italic;  } /* PR 2022.07.29 Update note */
/* Warning */
.cartItem.warning { padding: 0.5em 1em; font-size: 0.9em; }
.cartItem.warning a { margin-left: 0.5em; }
/* Loading */
.cartItem .ci-load { position: absolute; z-index: 1; top: 0; left: 0; display: none; background: rgba(255,255,255,0.8); width: 100%; height: 100%; }
.cartItem .ci-load .loadBg { display: table; width: 100%; height: 100%; }
.cartItem .ci-load .loadCtn { display: table-cell; text-align: center; vertical-align: middle; }
.spinner { color: var(--color-primary-1); width: 1em; height: 1em; border-radius: 50%; -webkit-animation: spinner 1.3s infinite linear;
  animation: spinner 1.3s infinite linear; margin: 0 auto; }


@-webkit-keyframes spinner {
  0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}
@keyframes spinner {
  0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}





#cartTotal { border-top: 1px solid var(--color-border); padding-top: 3em; }
#ctNote label { display: block; text-transform: uppercase; opacity: 0.5; font-size: 0.8em; margin-bottom: 0.25em; }
#ctNote textarea { width: 100%; display: block; height: 100px; }
#ctTotal { margin-top: 2em; text-align: right; }
#ctTotal .label { font-weight: bold; margin-top: 0.5em; }
#ctTotal .total { font-size: 1.3em; font-weight: bold; }
#ctTotal .total .wcp-original-cart-total { font-size: 0.7em; font-weight: normal; } /* PR 2022.07.29 Add style for WPD */
#ctTotal .note { margin-top: 1em; opacity; 0.7; font-size: 0.9em; }
#ctButton { margin-top: 2em; text-align: right; }
#ctButton .btn { display: block; width: 100%; font-size: 1.1em; }

#cartShipping { margin-top: 3em; background: var(--color-bg-2); padding: 2em; }
#cartShipping h3 { font-size: 1.3em; line-height: 1em; margin-bottom: 1.5em; }
#cartShipping p label { display: block; text-transform: uppercase; opacity: 0.5; font-size: 0.8em; margin-bottom: 0.25em; }
#cartShipping p + p { margin-top: 1em; }
#cartShipping p select { font-size: 0.9em; letter-spacing: 0; }
#cartShipping .btns { margin-top: 1.5em; }

#wrapper-response { margin-left: 1.5em; }
#wrapper-response ul { margin: 1em 0 0 2em; }
#wrapper-response li + li { margin-top: 0.5em; }


/* CART EMPTY ####################################################################*/
#cartEmpty { margin: 3em auto 5em; width: 95%; max-width: 500px; text-align: center;  }
#cartEmpty .img { text-align: center; }
#cartEmpty .img img { display: inline-block; }
#cartEmpty .text { margin-top: 2em; }
#cartEmpty h1 { text-transform: none; margin-bottom: 0.5em; }
#cartEmpty .btns { margin-top: 1.5em; }

/*##################################################################### 
  BROWSER RESIZE 
#####################################################################*/ 
/* Small devices (landscape phones, 576px and up) */ 
@media (min-width: 576px) { 

} 

/* Medium devices (tablets, 768px and up)  */ 
@media (min-width: 768px) { 
  .cartItem .ci-image img { width: 100px; }
  .cartItem .ci-total { display: inline-block; text-align: right; }
  .cartItem .ci-info .pPrice { display: none; }
  .cartItem .pUnit { margin-top: 1em; }
  .cartItem .pQty button { font-size: 0.9em; }
  
  #ctButton .btn  { width: auto; display: inline-block; }
} 
 
/* Large devices (desktops, 992px and up)  */ 
@media (min-width: 992px) { 
  #ctTotal { margin-top: 1em; }
} 

/* Extra large devices (large desktops, 1200px and up)  */ 
@media (min-width: 1200px) { 

}