{"st":1,"result":"<div class=\"grid_view item_container\">\n<div class=\"row items_row\" id=\"\">\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1510\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg\" style=\"background-image: url('https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0628\u0627\u062a\u064a\u0647 \u062c\u0628\u0646\u0629 \u0631\u0648\u0645\u064a\">\n                    \u0628\u0627\u062a\u064a\u0647 \u062c\u0628\u0646\u0629 \u0631\u0648\u0645\u064a                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                A rich and creamy spread made from aged rumi cheese, perfect for pairing with&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>20.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>25.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1510\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1512\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg\" style=\"background-image: url('https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"2 \u0628\u0627\u062a\u064a\u0647 \u0633\u0627\u062f\u0647\">\n                    2 \u0628\u0627\u062a\u064a\u0647 \u0633\u0627\u062f\u0647                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u0645\u062e\u0628\u0648\u0632\u0627\u062a \u0637\u0627\u0632\u062c\u0629 \u0648\u0641\u0627\u062e\u0631\u0629 \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u0627\u0644\u0632\u0628\u062f\u0629 \u0627\u0644\u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a \u0648\u0627\u0644\u0633\u0645\u0646 \u0627\u0644\u0628\u0644\u062f\u064a            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>20.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>25.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1512\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1514\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg\" style=\"background-image: url('https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"2 \u0642\u0631\u0635 \u0633\u0643\u0631\">\n                    2 \u0642\u0631\u0635 \u0633\u0643\u0631                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u0645\u0639\u062c\u0646\u0627\u062a \u0645\u0635\u0631\u064a\u0629 \u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629 \u0645\u062d\u0634\u0648\u0629 \u0628\u0627\u0644\u0633\u0643\u0631 \u0627\u0644\u062d\u0644\u0648\u060c \u0645\u062e\u0628\u0648\u0632\u0629 \u0628\u0625\u062a\u0642\u0627\u0646 \u0630\u0647\u0628\u064a \u0628\u0642\u0648\u0627\u0645 \u0646\u0627\u0639\u0645 \u0648\u0631\u0642\u0627\u0626\u0642.&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>20.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>25.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1514\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1516\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg\" style=\"background-image: url('https:\/\/spotin.shop\/menu\/assets\/frontend\/images\/empty.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"2 \u0642\u0631\u0635 \u0639\u062c\u0648\u0629\">\n                    2 \u0642\u0631\u0635 \u0639\u062c\u0648\u0629                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u0645\u0639\u062c\u0646\u0627\u062a \u0645\u0635\u0631\u064a\u0629 \u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0645\u062d\u0634\u0648\u0629 \u0628\u062a\u0645\u0631 \u0639\u062c\u0648\u0629 \u063a\u0646\u064a \u0648\u062d\u0644\u0648 \u0637\u0628\u064a\u0639\u064a\u060c \u0645\u062e\u0628\u0648\u0632\u0629 \u062d\u062a\u0649 \u062a\u0635\u0628\u062d \u0630\u0647\u0628\u064a\u0629\u060c&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>20.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>25.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1516\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1518\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Manakish_Pastrami_And_Moz639054767957432783.jpg\" style=\"background-image: url('https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Manakish_Pastrami_And_Moz639054767957432783.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0645\u0646\u0627\u0642\u064a\u0634 \u0628\u0633\u0637\u0631\u0645\u0629 \u0648 \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627\">\n                    \u0645\u0646\u0627\u0642\u064a\u0634 \u0628\u0633\u0637\u0631\u0645\u0629 \u0648 \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u062e\u0628\u0632 \u0645\u0633\u0637\u062d \u0645\u062e\u0628\u0648\u0632 \u0641\u064a \u0627\u0644\u0641\u0631\u0646 \u0645\u063a\u0637\u0649 \u0628\u0637\u0628\u0642\u0629 \u0628\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0628\u0627\u0633\u062a\u0631\u0627\u0645\u064a \u0627\u0644\u0644\u0630\u064a\u0630\u0629 \u0648\u062c\u0628\u0646 \u0627\u0644\u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>240.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>300.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1518\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1520\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Hot_dog_Mozzarella_Manaki639054767958356647.jpg\" style=\"background-image: url('https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Hot_dog_Mozzarella_Manaki639054767958356647.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0645\u0646\u0627\u0642\u064a\u0634 \u0633\u0648\u0633\u064a\u0633 \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627\">\n                    \u0645\u0646\u0627\u0642\u064a\u0634 \u0633\u0648\u0633\u064a\u0633 \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u062e\u0628\u0632 \u0645\u0633\u0637\u062d \u0639\u0631\u0628\u064a \u0634\u0627\u0645\u064a \u0637\u0627\u0632\u062c \u0645\u062e\u0628\u0648\u0632 \u064a\u0639\u0644\u0648\u0647 \u0634\u0631\u0627\u0626\u062d \u0647\u0648\u062a \u062f\u0648\u062c \u0634\u0647\u064a\u0629 \u0639\u0635\u0627\u0631\u064a\u0629 \u0648\u062c\u0628\u0646 \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>240.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>300.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1520\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1522\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Rumi_Mozzarelaa_Manakish639054767959402076.jpg\" style=\"background-image: url('https:\/\/images.deliveryhero.io\/image\/talabat\/MenuItems\/Rumi_Mozzarelaa_Manakish639054767959402076.jpg');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0645\u0646\u0627\u0642\u064a\u0634 \u0631\u0648\u0645\u064a \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627\">\n                    \u0645\u0646\u0627\u0642\u064a\u0634 \u0631\u0648\u0645\u064a \u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u062e\u0628\u0632 \u0645\u0633\u0637\u062d \u0639\u0631\u0628\u064a \u0634\u0627\u0645\u064a \u0637\u0627\u0632\u062c \u0645\u062e\u0628\u0648\u0632 \u064a\u0639\u0644\u0648\u0647 \u062c\u0628\u0646 \u0631\u0648\u0645\u064a \u0645\u0639\u062a\u0642 \u0648\u0645\u0648\u0632\u0627\u0631\u064a\u0644\u0627 \u0630\u0627\u0626\u0628\u0629 \u0645\u0637\u0627\u0637\u064a\u0629. \u0645\u0632\u064a\u062c&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>240.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>300.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1522\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1524\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/talabat.dhmedia.io\/image\/talabat\/restaurants\/logo_2639052360329385730.jpg?width=180\" style=\"background-image: url('https:\/\/talabat.dhmedia.io\/image\/talabat\/restaurants\/logo_2639052360329385730.jpg?width=180');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0645\u0646\u0627\u0642\u064a\u0634 \u0645\u0643\u0633 \u062c\u0628\u0646\">\n                    \u0645\u0646\u0627\u0642\u064a\u0634 \u0645\u0643\u0633 \u062c\u0628\u0646                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u062e\u0628\u0632 \u0645\u0633\u0637\u062d \u0645\u062e\u0628\u0648\u0632 \u0637\u0627\u0632\u062c \u0645\u063a\u0637\u0649 \u0628\u0645\u0632\u064a\u062c \u0644\u0630\u064a\u0630 \u0645\u0646 \u0627\u0644\u0623\u062c\u0628\u0627\u0646 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629\u060c \u0645\u0630\u0627\u0628\u0629 \u0628\u0625\u062a\u0642\u0627\u0646. \u062e\u064a\u0627\u0631&#8230;            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>240.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>300.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1524\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\t<div class=\"col-custom q-sm \">\n\t\t<style>\n\/* ==========================================================================\n   Spot-in High-Converting Restaurant Dish Card & Price Box\n   Full Responsive Layout (Mobile \/ Tablet \/ Desktop)\n   Typography: Alexandria\n========================================================================== *\/\n.spotin-dish-card {\n    background: rgba(16, 23, 41, 0.94);\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    margin-bottom: 20px;\n    position: relative;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n    font-family: 'Alexandria', system-ui, -apple-system, sans-serif !important;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    direction: rtl;\n    text-align: right;\n}\n\n.theme-light .spotin-dish-card {\n    background: #ffffff;\n    border-color: #e2e8f0;\n    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);\n}\n\n.spotin-dish-card:hover {\n    transform: translateY(-4px);\n    border-color: #ff6b00;\n    box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);\n}\n\n\/* Image Container *\/\n.dish-img-box {\n    position: relative;\n    overflow: hidden;\n    height: 175px;\n    width: 100%;\n    cursor: pointer;\n    background: #090d16;\n}\n\n.dish-img-bg {\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: transform 0.4s ease;\n}\n\n.spotin-dish-card:hover .dish-img-bg {\n    transform: scale(1.07);\n}\n\n\/* Quality \/ New Pill *\/\n.dish-sales-badge {\n    position: absolute;\n    top: 9px;\n    right: 9px;\n    background: rgba(9, 13, 22, 0.85);\n    border: 1px solid rgba(255, 107, 0, 0.55);\n    color: #ff8533;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 3px 9px;\n    border-radius: 20px;\n    backdrop-filter: blur(8px);\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\/* Favorite Heart Action *\/\n.dish-fav-btn {\n    position: absolute;\n    bottom: 9px;\n    left: 9px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(9, 13, 22, 0.8);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    z-index: 3;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.dish-fav-btn:hover, .dish-fav-btn.active {\n    background: #ef4444;\n    color: #ffffff;\n    border-color: #ef4444;\n    transform: scale(1.1);\n}\n\n\/* Body Content *\/\n.dish-body {\n    padding: 13px 12px 12px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    justify-content: space-between;\n}\n\n.dish-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    margin-bottom: 5px;\n}\n\n.dish-title {\n    font-size: 0.92rem;\n    font-weight: 700;\n    margin: 0;\n    color: inherit;\n    line-height: 1.35;\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.dish-overview {\n    font-size: 0.8rem;\n    color: #94a3b8;\n    line-height: 1.5;\n    margin-bottom: 8px;\n    min-height: 36px;\n    max-height: 36px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n.theme-light .dish-overview {\n    color: #64748b;\n}\n\n\/* Dietary Pills *\/\n.dish-tags-row {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 10px;\n    flex-wrap: wrap;\n}\n\n.dish-diet-pill {\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    color: #cbd5e1;\n    font-size: 0.68rem;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 6px;\n}\n\n.theme-light .dish-diet-pill {\n    background: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #475569;\n}\n\n\/* ==========================================================\n   High-Converting Spot-In Price Box\n========================================================== *\/\n.dish-price-conversion-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(255, 107, 0, 0.09);\n    border: 1.5px solid rgba(255, 107, 0, 0.35);\n    border-radius: 12px;\n    padding: 7px 10px;\n    margin-top: auto;\n    gap: 6px;\n    transition: all 0.22s ease;\n}\n\n.theme-light .dish-price-conversion-box {\n    background: #fff7ed;\n    border-color: rgba(255, 107, 0, 0.4);\n}\n\n.dish-price-conversion-box:hover {\n    border-color: #ff6b00;\n    background: rgba(255, 107, 0, 0.14);\n}\n\n.dish-price-amount-wrap {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.15;\n}\n\n.dish-price-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n}\n\n.theme-light .dish-price-label {\n    color: #64748b;\n}\n\n.dish-price-main {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n    letter-spacing: -0.2px;\n    white-space: nowrap;\n}\n\n.dish-price-main .priceGroup {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.dish-price-main .currentPrice {\n    font-size: 1.05rem;\n    font-weight: 900;\n    color: #ff6b00;\n}\n\n.dish-price-main .previous_price {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #94a3b8;\n    text-decoration: line-through;\n    opacity: 0.85;\n}\n\n.dish-order-action-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    background: linear-gradient(135deg, #ff6b00 0%, #e65100 100%);\n    color: #ffffff !important;\n    padding: 7px 13px;\n    border-radius: 20px;\n    font-size: 0.8rem;\n    font-weight: 800;\n    text-decoration: none !important;\n    box-shadow: 0 3px 10px rgba(255, 107, 0, 0.38);\n    transition: all 0.22s ease;\n    border: none;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.dish-order-action-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(255, 107, 0, 0.55);\n    color: #ffffff !important;\n}\n\n\/* ==========================================================\n   Mobile & Tablet Responsiveness Optimization\n========================================================== *\/\n@media (max-width: 767px) {\n    .dish-img-box {\n        height: 135px;\n    }\n    .dish-body {\n        padding: 10px 8px 8px;\n    }\n    .dish-title {\n        font-size: 0.84rem;\n    }\n    .dish-overview {\n        font-size: 0.74rem;\n        min-height: 32px;\n        max-height: 32px;\n        margin-bottom: 6px;\n    }\n    .dish-tags-row {\n        margin-bottom: 6px;\n        gap: 3px;\n    }\n    .dish-diet-pill {\n        font-size: 0.62rem;\n        padding: 1px 5px;\n    }\n    .dish-price-conversion-box {\n        padding: 5px 7px;\n    }\n    .dish-price-main {\n        font-size: 0.92rem;\n    }\n    .dish-order-action-btn {\n        padding: 6px 10px;\n        font-size: 0.74rem;\n    }\n}\n\n@media (max-width: 420px) {\n    .dish-img-box {\n        height: 120px;\n    }\n    .dish-price-main {\n        font-size: 0.86rem;\n    }\n    .dish-order-action-btn span {\n        display: inline;\n    }\n}\n<\/style>\n\n<div class=\"spotin-dish-card modern_item_card  \">\n    \n            <div class=\"dish-img-box quick_view\" data-id=\"1526\" data-offer=\"0\" data-type=\"item\">\n            <div class=\"dish-img-bg bg_loader\" data-src=\"https:\/\/talabat.dhmedia.io\/image\/talabat\/restaurants\/logo_2639052360329385730.jpg?width=180\" style=\"background-image: url('https:\/\/talabat.dhmedia.io\/image\/talabat\/restaurants\/logo_2639052360329385730.jpg?width=180');\">\n                \n                <!-- Quality \/ New Badge -->\n                                    <span class=\"dish-sales-badge\">\n                        <span>\ud83d\udd25 \u0645\u0645\u064a\u0632<\/span>\n                    <\/span>\n                \n                <!-- Favorite Button -->\n                <div class=\"dish-fav-btn\" onclick=\"event.stopPropagation(); this.classList.toggle('active');\" title=\"\u0625\u0636\u0627\u0641\u0629 \u0644\u0644\u0645\u0641\u0636\u0644\u0629\">\n                    <i class=\"fa fa-heart\"><\/i>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n    <div class=\"dish-body\">\n        \n        <div>\n            <div class=\"dish-header-row\">\n                <h4 class=\"dish-title\" title=\"\u0645\u0643\u0633 \u0645\u0639\u062c\u0646\u0627\u062a\">\n                    \u0645\u0643\u0633 \u0645\u0639\u062c\u0646\u0627\u062a                <\/h4>\n                            <\/div>\n\n            <!-- Appetizing Overview Description -->\n            <div class=\"dish-overview\">\n                \u0645\u062e\u0628\u0648\u0632\u0627\u062a \u0637\u0627\u0632\u062c\u0629 \u0648\u0641\u0627\u062e\u0631\u0629 \u064a\u0648\u0645\u064a\u0627\u064b \u0628\u0627\u0644\u0632\u0628\u062f\u0629 \u0627\u0644\u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a \u0648\u0627\u0644\u0633\u0645\u0646 \u0627\u0644\u0628\u0644\u062f\u064a            <\/div>\n\n            <!-- Dietary & Preparation Tags -->\n            <div class=\"dish-tags-row\">\n                                    <span class=\"dish-diet-pill\">\ud83e\udd50 \u0632\u0628\u062f\u0629 \u0646\u064a\u0648\u0632\u064a\u0644\u0627\u0646\u062f\u064a<\/span>\n                    <span class=\"dish-diet-pill\">\u2728 \u0637\u0627\u0632\u062c \u064a\u0648\u0645\u064a\u0627\u064b<\/span>\n                                            <\/div>\n        <\/div>\n\n        <!-- High Conversion Spot-In Price Box & Order Action -->\n        <div class=\"dish-price-conversion-box\">\n            <div class=\"dish-price-amount-wrap\">\n                <span class=\"dish-price-label\">\u0627\u0644\u0633\u0639\u0631<\/span>\n                <span class=\"dish-price-main\">\n                    <div class=\"priceGroup\"> <span class=''>240.00&nbsp;\u062c.\u0645<\/span> <span class='previous_price'>300.00&nbsp;\u062c.\u0645<\/span><\/div>                <\/span>\n            <\/div>\n\n                            <a href=\"javascript:;\" class=\"dish-order-action-btn add_to_cart\" data-id=\"1526\" data-offer=\"0\" data-type=\"item\" title=\"\u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629 ?\">\n                    <i class=\"fa fa-plus\"><\/i> <span>\u0625\u0636\u0627\u0641\u0629<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n\n<\/div>\t<\/div>\n\n        \t\n<\/div><!-- row\/2 -->\n<\/div>\n<div class=\"row text-center\">\n\t<div class=\"ci-paginationArea\">\n\t\t<div class=\"ci-pagination-link\" data-id=\"ea5d2f1c4608232e07d3aa3d998e5135\" data-slug=\"khbaz\">\n\t\t\t<div id=\"pagination\"><ul class='ci-pagination'><li class='prev'><a href=\"https:\/\/spotin.shop\/menu\/profile\/ajax_pagination\/khbaz\/ea5d2f1c4608232e07d3aa3d998e5135?lang=ar&amp;lang=ar\" data-ci-pagination-page=\"1\" rel=\"prev\"><i class=\"fa fa-angle-left\" aria-hidden=\"true\"><\/i><\/a><li class=\"page-num\"><a href=\"https:\/\/spotin.shop\/menu\/profile\/ajax_pagination\/khbaz\/ea5d2f1c4608232e07d3aa3d998e5135?lang=ar&amp;lang=ar\" data-ci-pagination-page=\"1\" rel=\"start\">1<\/a><\/li><li class='disabled'><li class='active page-num'><a href='javascript:;'>2<span class='sr-only'><\/span><\/a><\/li><\/ul><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n"}