html li.wp-block-post {position: relative;}
html .dischem_cart_price {display: flex; flex-direction: column;}
html .dischem_cart_price div:first-child span {text-decoration: line-through;}
html .dischem_button_promo_text p {clear: both;}

/*notification box*/
html .dischem_button_promo_text {border: 2px solid var(--dcp-primary-color, #00944D); background: #ffffff; border-radius: 5px; padding: 20px; display: block; position: relative; width: 100%; margin: 15px 0;}
html .checkout .shop_table .product-quantity {display: block; position: relative;}
html .dischem_button_promo_text .promo-text h5 {color: var(--dcp-primary-color, #00944D); text-transform: uppercase; margin-top: 0; margin-bottom: 5px;}
html .dischem_button_promo_text p {margin: 10px 0;}
html .dischem_button_promo_text .promo-modal-button {float: left; margin-top: 10px !important;}
html .dischem_button_promo_text i {color: var(--dcp-grey-text, #5A5A5A); line-height: 1.35em; font-weight: 400; display: block; position: relative; margin-top: 12px; margin-bottom: -8px;}

/*popup*/
html .promo-modal-wrapper {display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100vw; height: 100vh; overflow: auto; background-color: rgba(0,0,0,0.35); padding-top: 10vh;}
html .promo-modal-overlay {display: flex; justify-content: center; align-items: center; max-height: 80vh;}
html .promo-modal {position: relative; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); max-width: 90vw; width: 100%;}
html .promo-modal h3 {font-size: 20px; margin-right: 17px; margin-bottom: 0;}
html .promo-modal-close {color: var(--dcp-dark-text, #212121); position: absolute; top: 0; right: 17px; font-size: 30px; cursor: pointer;}
html .promo-modal-close:hover {color: var(--dcp-primary-color, #00944D);}
/*product list*/
html .single-product .product .summary .promo-product-price .amount {font-size: 18px; font-weight: 700; color: var(--dcp-primary-color, #00944D);}
html .promo-product-content-wrapper {width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 0 10px;}
html ul.promo-modal-products {max-height: 69vh; border: 1px solid var(--dcp-border-color, #DEDEDE); background: #f9f9f9; border-radius: 5px; display: flex; flex-direction: column; padding: 0; overflow: auto; margin-bottom: 5px; margin-top: 25px;}
html ul.promo-modal-products li {position: relative; list-style: none; width: 100%; border-bottom: 1px solid var(--dcp-border-color, #DEDEDE); padding: 10px; display: flex; flex-direction: row;}
html ul.promo-modal-products li .promo-product-title {display: flex; flex-direction: column;}
html ul.promo-modal-products li:last-of-type {border-bottom: 0;}
html ul.promo-modal-products li .promo-product-image {display: flex; flex-direction: column; flex: 0 0 65px; justify-content: center; align-self: center; border: 1px solid var(--dcp-border-color, #DEDEDE); background: #ffffff; border-radius: 5px;}
html ul.promo-modal-products li .promo-product-image img {border-radius: 6px;}
html ul.promo-modal-products li h2, html ul.promo-modal-products li h4 {font-size: 15px !important; font-weight: 700; margin: 5px 0 0;}
html .promo-product-add-to-cart {display: flex; justify-content: center; align-items: center; flex-direction: column;}
html .promo-product-add-to-cart a {color: var(--dcp-dark-text, #212121); border: 1px solid var(--dcp-dark-text, #212121); background: #ffffff; padding: 8px 22px; border-radius: 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; display: block;}
html .promo-product-add-to-cart a:hover {color: #ffffff; background: var(--dcp-primary-color, #00944D); border-color: var(--dcp-primary-color, #00944D);}

/* responsive */
@media (min-width: 768px) {
    html .promo-modal {max-width: 60vw;}
}
@media only screen and (max-width: 768px) {
    html ul.promo-modal-products li .promo-product-title {max-width: 320px;}
    html .promo-product-add-to-cart a {font-size: 12px; padding: 7px 15px;}
}
@media only screen and (max-width: 480px) {
    html .promo-product-content-wrapper {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    html ul.promo-modal-products li .promo-product-image {flex: 0 0 90px;}
    html ul.promo-modal-products li .promo-product-title {justify-content: flex-start; align-items: flex-start;}
    html .promo-product-add-to-cart {justify-content: flex-end; align-items: flex-end; margin: 10px 0 5px;}
    html ul.promo-modal-products li h2, html ul.promo-modal-products li h4 {font-size: 14px !important; margin-top: 0;}
}
@media only screen and (max-width: 400px) {
    html ul.promo-modal-products li .promo-product-image {flex: 0 0 55px; align-self: flex-start;}
    html .promo-product-add-to-cart a {padding: 5px 12px;}
    html .single-product .product .summary .promo-product-price .amount {font-size: 16px;}
    html ul.promo-modal-products {max-height: 65vh;}
}