#promo-code{
  width: 100px;
}

.basket .money, .cart-totals .money {
  text-align: right;
}

.summary-subtotal {

}

.subtotal-title {

}

.subtotal-value {

}

.shop-item {
  cursor: pointer;
}

.shop-item:hover {
  background: var(--color-primary);
}

#shop-cart-icon {
  position: fixed;
  top: 200px;
  right: 20px;
  font-size: 24px;
  z-index: 1;
  transition: all 300ms ease-in-out;
  color:var(--color-primary);
  cursor:pointer;
}

.shop-icon-color .shop-cart-icon {
  /* inherit color if ancestor has .shop-icon-color */
  color:inherit;
}

.shop-cart-icon { /*contained icons*/
  font-size: 20px;
  z-index: 1;
/*  transition: all 300ms ease-in-out;*/
  color:var(--color-primary);
  cursor:pointer;
}

.shop-cart-memo {
  
}

.process-live {

}

.process-test {
  border: double 1px red;
  padding: 2px;
}

        .shoptooltip {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .shoptooltip .shoptooltip-text {
            visibility: hidden;
            width: 240px;
            background-color: #333;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 125%; /* Position above the element */
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .shoptooltip:hover .shoptooltip-text {
            visibility: visible;
            opacity: 1;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);            
        }

        .shoptooltip:focus .shoptooltip-text {
            visibility: visible;
            opacity: 1;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);            
        }