/*
I wanted to go with a mobile first approach, but it actually lead to more verbose CSS in this case, so I've gone web first. Can't always force things...

Side note: I know that this style of nesting in SASS doesn't result in the most performance efficient CSS code... but on the OCD/organizational side, I like it. So for CodePen purposes, CSS selector performance be damned.
*/
/* Global settings */
/* Global "table" column settings */
.product-image {float:left;width:15%}
#shopping-cart .product-details {float:left;width:42%}
#shopping-cart .product-price {float:left;width:12%}
#shopping-cart .product-quantity {float:left;width:10%}
.product-quantity .produto_qtd{background:url(../images/combobox_shop.png) no-repeat right;padding-top:1px;width:68px;font-size:22px;line-height:22px;height:28px;text-transform:uppercase}
.product-quantity .produto_qtd input{border:none;outline:none;background:transparent;height:28px;font-size:12px;margin:0;text-indent:10px;width:40px;border-radius:6px;color:#000}
.product-quantity .produto_qtd .spinnerwrapper{float:right}.product-quantity .produto_qtd .spinnerup{width:25px;height:13px;cursor:pointer}.product-quantity .produto_qtd .spinnerdown{width:25px;height:13px;cursor:pointer}
.product-removal{float:left;width:9%;text-align:center}.product-line-price{float:left;width:12%;text-align:right}
.group:before,.shopping-cart:before,.column-labels:before,.product:before,.product2:before,.totals-item:before,.group:after,.shopping-cart:after,.column-labels:after,.product:after,.product2:after,.totals-item:after{content:'';display:table}
.group:after,.shopping-cart:after,.column-labels:after,.product:after,.product2:after,.totals-item:after{clear:both}
.group,.shopping-cart,.column-labels,.product,.totals-item,.product2,.totals-item{zoom:1}.shopping-cart{margin-top:0}.column-labels label{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee}.column-labels .product-image{text-align:center}
.product .product-image,.product2 .product-image{text-align:center}.product .product-image img,.product2 .product-image img{max-width:100px}.product .product-details .product-title{margin-right:20px;font-family:Poppins,sans-serif}.product .product-details .product-description{margin:5px 20px 5px 0;line-height:1.4em}.product .termos,.product2 .termos{font-size:10px;color:#000}.product.termos a,.product .termos a,.product2 .termos a{font-size:10px;color:#209805}.product .termos a:hover,.product2 .termos a:hover{font-size:10px;color:#c0c0c0}.product .product-quantity input,.product2 .product-quantity input{width:40px}.product .remove-product{border:0;padding:4px 8px;background-color:#000;color:#fff;font-family:Poppins,sans-serif;font-size:12px;border-radius:0}.product .remove-product:hover,.product2 .remove-product:hover{background-color:#a44}.tab-hidden{border-bottom:#c0c0c0 1px solid;margin-bottom:10px;background:#EEE}.product2{cursor:pointer;font-weight:bold;margin-bottom:0;padding:5px 10px 10px;border:none}.product2 .product-details .product-title{margin-right:20px;font-family:Poppins,sans-serif;padding-left:10px}.product2 .product-details .product-title2{margin-right:20px;font-family:Poppins,sans-serif;padding-left:0;font-size:12px}.product2 .product-details .product-title2 .alterar{color:#209805}.product2 .product-details .product-title2 .alterar:hover{color:#c0c0c0}.product2 .product-details .product-description{margin:5px 20px 5px 0;line-height:1.4em}.product2 .remove-product{border:0;padding:4px 8px;background-color:#000;color:#fff;font-family:"Open sans","sans";font-size:12px;border-radius:0}
.totals .totals-item{float:right;clear:both;width:100%;margin-bottom:10px}.totals .totals-item label{float:left;clear:both;width:79%;text-align:right}.totals .totals-item .totals-value{float:right;width:21%;text-align:right}.totals .totals-item-total{font-family:Poppins,sans-serif}.checkout{float:right;border:0;margin-top:20px;padding:6px 25px;background-color:#6b6;color:#fff;font-size:25px;border-radius:3px}.checkout:hover{background-color:#494}
@media screen and (max-width:650px){.shopping-cart{margin:0;padding-top:20px;border-top:1px solid #eee}.column-labels{display:none}}

@media(max-width:991px){
  header .cart-dropdown,
  header .cart-toggle,
  header .w-icon-cart,
  header .mini-cart,
  header .minicart,
  header a[href*="cart"]:not(.tp-mobile-menu-cart-link),
  header a[href*="carrinho"]:not(.tp-mobile-menu-cart-link),
  header a[href*="checkout"]:not(.tp-mobile-menu-cart-link),
  .header .cart-dropdown,
  .header .cart-toggle,
  .header .w-icon-cart,
  .header .mini-cart,
  .header .minicart,
  .header a[href*="cart"]:not(.tp-mobile-menu-cart-link),
  .header a[href*="carrinho"]:not(.tp-mobile-menu-cart-link),
  .header a[href*="checkout"]:not(.tp-mobile-menu-cart-link),
  .page-header .cart-dropdown,
  .page-header .cart-toggle,
  .page-header .w-icon-cart,
  .page-header .mini-cart,
  .page-header .minicart,
  .header-middle .cart-dropdown,
  .header-middle .cart-toggle,
  .header-middle .w-icon-cart,
  .header-middle .mini-cart,
  .header-middle .minicart,
  .header-right .cart-dropdown,
  .header-right .cart-toggle,
  .header-right .w-icon-cart,
  .header-right .mini-cart,
  .header-right .minicart,
  .sticky-header .cart-dropdown,
  .sticky-header .cart-toggle,
  .sticky-header .w-icon-cart,
  .sticky-header .mini-cart,
  .sticky-header .minicart,
  .tp-mobile-top-cart-source{display:none!important;visibility:hidden!important;pointer-events:none!important}
}

.stores-page .logo:hover,.stores-page .logo:hover *,.store-page .logo:hover,.store-page .logo:hover *,body[class*="store"] .logo:hover,body[class*="store"] .logo:hover *,.header .logo:hover,.header .logo:hover *,.header-container .logo:hover,.header-container .logo:hover *{color:inherit!important;filter:none!important;opacity:1!important;text-shadow:none!important}