:root {
    --gifti5-green: #064b2a;
    --gifti5-yellow: #f8ad0d;
}

.text-brand,
.hotline p,
.main-menu > nav > ul > li > a:hover {
    color: var(--gifti5-green) !important;
}

.btn,
.button,
.button-add-to-cart,
.btn.btn-primary {
    background-color: var(--gifti5-green);
    border-color: var(--gifti5-green);
}

.btn:hover,
.button:hover,
.button-add-to-cart:hover {
    background-color: #043a20;
    border-color: #043a20;
}

.logo img {
    max-height: 54px;
    object-fit: contain;
}

.product-cart-wrap .product-img-action-wrap .product-img img {
    object-fit: cover;
}

.product-cart-wrap {
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
}

.product-cart-wrap .product-img-action-wrap {
    flex-shrink: 0;
}

.product-cart-wrap .product-content-wrap {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.product-cart-wrap .product-content-wrap h2 {
    min-height: 54px;
    margin-bottom: 12px;
}

.product-cart-wrap .product-content-wrap h2 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product-cart-wrap .product-card-bottom {
    align-items: flex-end;
    margin-top: auto;
    gap: 10px;
}

.product-cart-wrap .product-card-bottom .product-price {
    min-height: 44px;
}

.product-cart-wrap .product-card-bottom .add-cart .add {
    background-color: #e8f7ef;
    border: 1px solid var(--gifti5-green);
    color: var(--gifti5-green);
    opacity: 1;
}

.product-cart-wrap .product-card-bottom .add-cart .add i {
    color: inherit;
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover,
.product-cart-wrap .product-card-bottom .add-cart .add:focus {
    background-color: var(--gifti5-green);
    border-color: var(--gifti5-green);
    color: #fff;
}

.product-cart-wrap .product-card-bottom .add-cart .add:disabled {
    background-color: #e8f7ef;
    border-color: #b7dfcc;
    color: var(--gifti5-green);
    opacity: 0.75;
}

.gifti5-empty-state {
    padding: 50px;
    background: #fff;
    border-radius: 12px;
    text-align: center;
}