.product.sd-hover-small-modal{
    text-align: left;
}
.rtl .product.sd-hover-small-modal{
    text-align: right;
}
.product.sd-hover-small-modal .product-wrapper{
    flex-direction: row;
}
.product.sd-hover-small-modal .product-element-top{
    flex: 0 0 30%;
    max-width: 30%;
    width: 100%;
    display: flex;
    align-items: center;
}
.product.sd-hover-small-modal .sd-product-countdown {
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 5px;
    border-top: 1px solid var(--brdcolor-gray-300)
}
.product.sd-hover-small-modal .sd-more-desc{
    max-height: 42px;
    overflow: hidden;
}
.product.sd-hover-small-modal .sd-product-countdown > span {
    flex: 1 1 auto;
    min-width: 0;
    background-color: transparent;
    box-shadow: none
}

.product.sd-hover-small-modal .product-element-bottom {
    padding: 4px
}
.product.sd-hover-small-modal .product-element-bottom :is(.price,.wrap-price,.product-rating-price) {
    margin-top: 3px;
}
.product.sd-hover-small-modal .product-element-bottom:hover .sd-more-desc-btn {
    transform: none
}

.product.sd-hover-small-modal .wrapp-product-price {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--sd-prod-gap)
}

.product.sd-hover-small-modal .hover-content {
    padding-inline: 2px;
    margin-block: var(--sd-prod-trim)
}
.product.sd-hover-small-modal .wrapp-swatches {
    inset-inline: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--sd-prod-bg, var(--bgcolor-white));
    transition: transform .3s ease;
    gap: 5px;
}

.product.sd-hover-small-modal .sd-bottom-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.small-modal .sd-popup-inner .top_modal{
    display: flex;
    gap: 8px
}
.small-modal .top_modal .modal_image{
    flex: 0 0 26%;
    max-width: 26%
}
.small-modal .quantity{
    display: flex;
    border-radius: var(--sd-brd-radius);
    overflow: hidden;
}
.small-modal input[type="number"]{
    border-radius: 0
}
.small-modal .price .amount{
    font-size: 20px
}
.small-modal .cart{
    margin-bottom: 1rem
}
.small-modal .single_add_to_cart_button{
    flex: 1 0 auto !important;
}
.small-modal .variations tbody{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1%;
}
.small-modal .variations tbody tr{
    flex: 1 0 48%
}
.small-modal table.variations label{
    padding-inline-end: 4px
}
.small-modal .variations .sd-reset-var {
    position: absolute;
    right: 10px;
    bottom: -22px;
}
.small-modal table.variations .cell{
    padding: 0
}
.small-modal form.cart :where(.single_add_to_cart_button,.sd-buy-now-btn,.quantity){
    flex: 0 0 49%
}

.product.sd-hover-small-modal :is(.sd-bottom-actions .sd-action-btn.sd-style-icon,.sd-compare-btn) > a {
    width: 35px;
    height: 35px
}
.product.sd-hover-small-modal  .product-element-bottom{
    flex: 1 1 auto;
}
.product.sd-hover-small-modal .sd-bottom-actions:not(.sd-add-small-btn) .sd-add-btn > a {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
    min-height: unset
}

.product.sd-hover-small-modal .sd-bottom-actions:not(.sd-add-small-btn) .sd-add-btn > a:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.product.sd-hover-small-modal .sd-bottom-actions:not(.sd-add-small-btn) .sd-add-btn > a:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active)
}

.product.sd-hover-small-modal .sd-bottom-actions:not(.sd-add-small-btn) .add-to-cart-loop {
    font-size: 12px
}

.product.sd-hover-small-modal .sd-bottom-actions:not(.sd-add-small-btn) .add-to-cart-loop span {
    padding: 5px 14px;
    min-height: 36px;
    font-size: 12px
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn > div {
    border-inline-start: 1px none var(--brdcolor-gray-300)
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn > div:not(:empty) + div:not(:empty), .product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn > div:not(:empty) + div:empty + div:not(:empty) {
    border-style: solid
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn > div:empty {
    display: none
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn .sd-action-btn {
    width: 100%
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn .sd-action-btn > a {
    width: inherit
}

.product.sd-hover-small-modal .sd-bottom-actions.sd-add-small-btn .sd-add-btn {
    flex: 1 0 0
}

.product.sd-hover-small-modal:not(.hover-ready) .sd-bottom-actions .sd-action-btn > a {
    transition: none
}

.product.sd-hover-small-modal .product-rating-price,
.products[class*="sd-stretch-cont"] .product.sd-hover-small-modal :is(.wrap-price,.product-rating-price){
    margin-block: 0.8em;
    font-size: 15px;
}

.product.sd-hover-small-modal .product-rating-price :is(.star-rating,.price) {
    line-height: calc(var(--sd-text-font-size) * 1.4);
    margin: 0
}

.product.sd-hover-small-modal.has-stars:is(.purchasable,.product-type-external) .product-rating-price {
    overflow: hidden;
    height: calc(var(--sd-text-font-size) * 1.4)
}

.product.sd-hover-small-modal.has-stars:is(.purchasable,.product-type-external) .wrapp-product-price {
    display: block;
    transition: transform .3s ease
}

.product.sd-hover-small-modal.has-stars:is(.purchasable,.product-type-external):is(:hover,.state-hover) .wrapp-product-price {
    transform: translateY(-50%) translateZ(0)
}

.product.sd-hover-small-modal:is(.sd-loading-quick-shop,.quick-shop-shown) .wrapp-swatches {
    transform: translateY(103%) translateZ(0)
}

:is(.sd-products-with-bg,.sd-products-with-shadow,.products-bordered-grid-ins) .product.sd-hover-small-modal {
    --sd-btn-inset: 25px
}

:is(.sd-products-with-bg,.sd-products-with-shadow,.products-bordered-grid-ins) .product.sd-hover-small-modal .product-element-bottom {
    padding-bottom: 0
}

:is(.sd-products-with-bg,.sd-products-with-shadow,.products-bordered-grid-ins) .product.sd-hover-small-modal .fade-in-block {
    padding-top: var(--sd-prod-gap)
}