.sticky-tray {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #eee !important;
    border-top: 1px solid #ddd;
    z-index: 9999;
    direction: rtl;
    box-shadow: 0 -6px 20px rgba(0,0,0,0.08);
    padding: 10px 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height:125px;
}

.tray-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tray-left img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
}

.tray-name {
    font-weight: bold;
    font-size: 16px;
    color:#222;
}

.tray-delivery {
    font-size: 14px;
    color: #777;
}

.tray-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tray-price {
    font-size: 32px;
    font-weight: bold;
    color:#000;
}

.tray-btn {
    background: #ff2d2d;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
}
.tray-delivery {
    font-size: 12px;
    color: #777;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
}

.tray-icon i {
    font-size: 14px;
    color: #333;
}

.tray-shipping-note {
    font-size: 11px;
    color: #1e73ff;
    margin-top: 2px;
}
.tray-shipping-note {
	color: #0841c7c7;
	font-size: 12px;
}
#tray-addtocart {
	padding: 1em 4em;
	border-radius: 4px;
	background: #0071e3;
	white-space:nowrap;
}
#tray-addtocart:hover {
	padding: 1em 4em;
	border-radius: 4px;
	background: #0a46a7;
}
@media (max-width: 768px) {

    .sticky-tray {
        padding: 10px 12px !important;
        min-height: 125px !important;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    /* LEFT SIDE */
    .tray-left {
        flex: 1;
        gap: 8px;
        min-width: 0;
    }

    .tray-left img {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    .tray-name {
        font-size: 14px !important;
        line-height: 1.2;
        white-space: wrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px !important;
    }

    .tray-delivery {
        font-size: 12px !important;
        margin-top: 2px;
    }

    .tray-shipping-note {
        font-size: 11px !important;
        margin-top: 1px;
    }

    /* RIGHT SIDE */
    .tray-right {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
        margin-left:35px;
    }

    .tray-price {
        font-size: 18px;
        line-height: 1;
    }

    #tray-addtocart,
    .tray-btn {
        padding: 8px 12px !important;
        font-size: 12px;
        border-radius: 6px;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {

    .sticky-tray {
        padding: 8px 10px !important;
        min-height:125px !important;
    }

    .tray-name {
        font-size: 14px;
        max-width: 120px;
    }

    .tray-price {
        font-size: 23px;
    }

    #tray-addtocart,
    .tray-btn {
        font-size: 11px;
        padding: 15px 25px !important;
    }
}