/*
-- Body
-- Fixed Bottom
-- Nav
-- Grid Card
-- Menu
-- Extra
-- Landing Page
-- List card
-- Login Page
-- Verification
-- Filter
-- Cart
-- Most Popular
-- Profile
-- Modal
-- Map Page
-- Restaurant
-- Footer
-- Mobile Media
*/
/* Body */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap');
body {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #000000;
background:#fff /*#f5f5f5*/;
}
.slick-slider {
margin: 0 -8px;
}
.slick-slide {
padding: 8px;
}
.font-weight-bold {
font-weight: 600 !important;
}
.small,
small {
font-size: 11px !important;
}
.block-width {
width: 100%;
}
div,
a {
outline: none !important;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #ff6d40;
}
.border-primary {
border-color: #e23844 !important;
}
.w-300 {
max-width: 300px;
}
.form-control,
.btn,
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
font-size: 13px;
}
/* Fixed Bottom */
.fixed-bottom {
height: 58px;
border-radius: 0px;
box-shadow: 10px -1px 10px rgba(0, 0, 0, .075);
}
.fixed-bottom .btn {
border-radius: 0px;
border: none;
height: 58px;
}
/* .fixed-bottom-bar {
padding-bottom: 58px;
} */
.h-auto {
height: auto;
}
.modal-footer .btn {
border-radius: 0px;
}
/* Nav */
.brand-wrap img {
height: auto;
}
.toggle-2 {
right: 17px !important;
left: auto !important;
}
.hc-nav-trigger.toggle-2 span,
.hc-nav-trigger.toggle-2 span::before,
.hc-nav-trigger.toggle-2 span::after {
background: #000;
}
.hc-nav-trigger.togglew span,
.hc-nav-trigger.togglew span::before,
.hc-nav-trigger.togglew span::after {
background: #ffffff;
}
.cat-slider img {
width: 80px;
height: 80px;
margin: auto;
-webkit-filter: saturate(200%);
filter: saturate(200%);
object-fit: cover;
border-radius: 50px;
}
.trending-slider .slick-slide img {
max-height: 250px;
min-height: 250px;
object-fit: cover;
}
/* Grid Card */
.grid-card span.float-right.text-black-50 {
display: none;
}
.grid-card .p-3 {
padding: 10px !important;
}
/* Menu */
.sis-menu-fotter {
padding: 0px !important;
}
.sis-menu-fotter .row {
margin: 0px;
}
.sis-menu-fotter .col {
padding: 0px;
}
.sis-menu-fotter .col a {
padding: 12px;
display: block;
}
.sis-menu-fotter .col a p {
font-size: 19px;
}
.sis-menu-fotter .col.selected a {
color: #dc3545;
background: #f8f9fa;
}
.sis-menu-fotter .col.selected p {
color: #dc3545;
}
.sis-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 {
width: 100px;
min-width: 100px;
max-width: 100px;
height: 100px;
min-height: 100px;
max-height: 100px;
margin: -15px 0 0 0 !important;
}
.sis-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 a {
width: 68px;
color: #fff !important;
height: 68px;
font-size: 27px !important;
padding: 16px;
}
/* Extra */
.border-custom-radio .custom-control-label::before {
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: .25rem !important;
background: transparent !important;
box-shadow: none !important;
}
.border-custom-radio .custom-control-input:checked ~ .custom-control-label::before {
border-color: #EC9378;
border: 1px solid #EC9378;
}
.border-custom-radio .custom-control-label::after {
display: none;
}
.restaurant-pic {
position: absolute;
right: 15px;
height: 148px;
border-radius: 4px;
margin: 9px 0;
}
.modal-content {
border: none !important;
}
.slick-dots {
bottom: 20px !important;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA01JREFUeNq82VuI1VUUx/HPnIl5GIOpAfOhgaAJAqnwIZsukN2szKgsYywi70hEBVb0UpEVPUTR7aGLE9EFKzW7aWVaSAWiSHShgggTNIIsaF4G7Da9rAOHP+vUmZn/nvW41jnny//svdfvt/a/a3Bw0DTFCjyEX3HjUdMIHUEXZmGkMQ3Qa/FcQJtxWmnwAryC7kr+25Lgc7EZPZX8GFaXAp+Od9Bbyf+BRdhTAjwb76Gvkv8b1+FDqBt8IrZjZiU/jpXY0kzUCT4+oANJ7Ta82JqoCzwT7+OkpHYPnqom6wD3YStOTWqP4sHsS1MF9+JNnJHU1uPOdl+cCrgHr+P8pPYabopNVSu4OzbL5UltK5bG8VEnuAtPY0lS24XhaBTqBj+M1Ul+L66Klqhu8N24I8l/HX/7aKc/NBHwLXggyf8QKnR4Ik/QKXgpnkjyh3AJfproenUCvhrPV4RcPOGl2D+ZY/F/4Pl4NRHyUVyGbybbBP4LfDbeaiPkV2DfVFpeO/Cc0NRMyBfjk6k2+Ax8coh1JuQ3hAqpG3wCdrYR8jXYVJd4t4JnBTQT8ttjZ6sbfCx2tBHydXisbmPWwNGxbpmQP477StjQBp7EUFJ7AWtLme5GHI9qbA4FGi8Jbqe5RaPR5ohc0zLdFYnu/v7+j3Bhcozm4Bh8UAr8Z6zpwjjLrXFm/Cu7Sq3x77goRL0a95bY3a2b6xdcEOJejUewquSuPhjrfTjZ5c+Egyx2nL4PAzCaeOmXwgAUO8dfhoEbS6aHTZhXCgy7cWViznvxNuaWAguZHE7GkT5swymlwMJ3LU/6dnMmHiwFhpdxa5IfiM42MJnO1eln9+KvOOut0Y+Lo/uNlQDDp5iBcyr543AeNuJIiaEN7sKzSX5u7PbeUuBx3IwNSW1ePHVPCXDTYy/Hu0ltYXS47hLg5lSxBB8nteHo7V0lwM05ahH2JLVVoWq17OosjsSV04LESJyFf7JZq66bvd9iQM+MxP1Z86nzLvPnkNNDbQaDZaXAcCC6WGYkRsK9FgHDd3FFkRmJDbEkSt3Qfx7XT5mR2IKhku8kPouLm8xIrC/9FmY7rk+MxOzpeO/0RjSTViPxVR0NpJP4Inb8EH7Ein8HAFEsoS5GQs3zAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAzBJREFUeNq82F2IVWUUxvHfnKALKYYGxELRixGCkjLICINGCcdJxbQhNaIPQ4u6mCQJIUow6EpBL4S+1RSyDzGtzDKJkqAmRJOIQIxAoojpIoMMB8bpwjVw2Lw7pNlrFhwO864Df/ae9a7nWauju7v7ZuzGFDyLHSYgrujq6jqM2bgKS/ELTmaDW7ip7e8OvIIVEwH+ofoWsAeLssGP4Xzl/Eq8hzszwYNYjuFKbhI+wK1ZYDiC+zFSyXfiY9yYBYb9WIPRym8m4xN0Z4FhF9YVfjct4FObvMfVs0FcxPzKeRcWYF+hGBsBwzFcjbmV8ynoiYq/0OSrbo9n8Frh/DYciKpPAY/iCbxTyM3Du3HfGweL6/UQDhVyi/FmdLrGwaKxrMAXhdwqvBQ9vnGwqOJl+LaQW4vNTVV1KS7gIPqiuttjblzBY00/8VgMhWqdKeRewEAWWBiFvviuxjY8nAWGnwI+VDnvwBu4NwssDMQinCsYib3ozQLDcdxTYyTexx1ZYPgS99UYiUNhJFPAwiw8WGMkjuD6LLDo3Y/XGImjmJEFFhW9vsZIHMW1/6dzXW58Ew/UUzASC0Pt/skAC0G5BrcXjMQ8vJ0Fhk8xHbcUXvt1mWD4CDfEpz1mtuRHSatHW8nA19FfyO3LBG/DI4XzQQxkgeu0+ftQtb8zwE/j+cL5mRgI/szoXGuwpcY83IXfM1rmSrxcqOKhgJ7N6NWLY4FT9djn4vWezlCnuqniPO7GqQw9nlMzRw2HD/86w4HMCofRWRh7VuGzDM81E4dD5KuD3qPhtxp3mWPbgWmF3EAUWeO+enI8aWkf8hy2Z0wSnfE/nVXIbcaLGdPipBjY5hRyr2JDxpg6tuXrKeT24smCsxw3+L/2mh+G7I00vRHoiN5b2uR+Hnd1OGMHsiXUpiTky8e766oDbwxdLQn5Evw13gZfAj+FTTVC3oc/mpCzKng1ttYIeS9+bUq828H9Lm3ySkLei5+btCpj4IV4q0bI+/Bj08asFfPN/hohX4ITGTa0FS2vJOT9+CrLdLcKc80IHgjpkwk+VRHytS4tw2WDV+M7/BbuYecEDHL+HQDxzaLgTsZg3gAAAABJRU5ErkJggg==") no-repeat 50% 50%;
}
.slick-arrow,
.slick-arrow:hover,
.slick-arrow:focus {
background-size: 6px;
width: 34px;
border-radius: 50px;
height: 34px;
margin: 0 8px;
background-color: #fff;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
border: 1px solid #e4e7ea;
z-index: 9;
}
.slick-next:before,
.slick-prev:before {
display: none;
}
.modal-body #rating-wrap, .modal-body .rating-wrap {
margin: 0 !important;
}
.modal-body #attribute_review > .review-ratings {
width: 100%;
padding: 0 10px;
}
.modal-body #attribute_review ul.rating-block {
padding-left: 0;
list-style-type: none;
}
.modal-body #attribute_review ul.rating-block > li {
display: flex;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.modal-body #attribute_review ul.rating-block > li > label {
margin-bottom: 0;
font-weight: 500;
font-size: 13px;
}
.modal-body #attribute_review ul.rating-block > li > .rating-wrap {
margin-left: auto !important;
}
.modal-body #uploded_image > ul {
padding-left: 0;
list-style-type: none;
margin-top: 15px;
}
.modal-body #uploded_image > ul li {
position: relative;
display: inline-block;
width: 33.33%;
text-align: center;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px;
}
.modal-body #uploded_image > ul li span.mdi-delete {
position: absolute;
top: -5px;
right: -5px;
background: #ccc;
width: 20px;
height: 20px;
border-radius: 50px;
font-size: 12px;
font-weight: 700;
padding: 2px;
cursor: pointer;
}
.modal-body #uploded_image > ul li img {
height: 100px;
object-fit: cover;
}
.rating > input {
display: none;
}
.rating > label {
color: #ccc;
float: right;
cursor: pointer;
}
.rating > label:before {
content: '\f005';
font-family: FontAwesome;
margin: 0px 5px;
font-size: 3.5rem;
display: inline-block;
cursor: pointer;
}
.rating[data-rating="3"] > input ~ label.half[for="star0.5"], .rating[data-rating="3"] > input ~ label.full[for="star1"], .rating[data-rating="3"] > input ~ label.half[for="star1.5"], .rating[data-rating="3"] > input ~ label.full[for="star2"], .rating[data-rating="3"] > input ~ label.half[for="star2.5"], .rating[data-rating="3"] > input ~ label.full[for="star3"] {
color: #eca700 !important;
}
.sticky_sidebar,
.c-t-order,
.sis-account {
position: sticky;
top: 15px;
}
.c-t-order li {
border: none !important;
margin: 5px 4px !important;
}
.c-t-order li a {
background: #ffffff;
border-radius: 6px !important;
padding: 12px 14px !important;
display: flex;
align-items: center;
}
.c-t-order li a i {
background: #fff;
border: 1px solid #eff2f5;
padding: 5px 5px;
border-radius: 50px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
font-size: 18px;
vertical-align: bottom;
}
.c-t-order li a.active,
.c-t-order li a:hover {
background: #eff2f5 !important;
}
.c-t-order li a.active i {
background: #e23844;
color: #fff !important;
border-color: transparent;
}
.dropdown-menu {
background: #ffffff;
border-radius: .40rem !important;
margin: 0;
padding: 6px;
border: 1px solid #ffffff;
box-shadow: 0px 6px 10px rgba(0, 0, 0, .1) !important;
}
.dropdown:hover .dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
transform: translateY(0px);
transition: .5s ease all;
}
.dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
transform: translateY(50px);
transition: .5s ease all;
}
.dropdown-menu.show {
display: block;
visibility: visible;
opacity: 1;
transform: translateY(0px);
transition: .5s ease all;
}
.dropdown-item {
padding: 6px 10px;
}
.dropdown .dropdown-menu,
.dropdown-item {
font-size: 13px;
border-radius: 6px;
margin: 1px 0; font-weight: 500;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px;
}
.row {
margin-right: -8px;
margin-left: -8px;
}
::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
border: 3px solid transparent; /* small padding so it isn't flush to the edges */
background-clip: padding-box;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: rgba(0, 0, 0, .32);
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, .5);
}
.btn-facebook {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
background: #2b4170;
/* Old browsers */
background: -moz-linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3b5998 0%, #2b4170 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b5998', endColorstr='#2b4170', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
border-color: #3b5998;
color: #ffffff !important;
}
.bg-primary {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
background: #ff6637 !important;
}
.btn-primary {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
background: #ff6637;
/* Old browsers */
/* IE6-9 fallback on horizontal gradient */
border-color: #EC9378;
}
.btn-primary:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EC9378+0,e23744+100 */
background: #EC9378;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #EC9378 0%, #FF6637 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #EC9378 0%, #FF6637 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #EC9378 0%, #FF6637 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF6637', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
border-color: #FF6637;
}
.btn-outline-primary {
color: #FF6637;
border-color: #FF6637;
}
.btn-outline-primary:hover {
color: #ffffff;
background: #EC9378;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #EC9378 0%, #FF6637 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #EC9378 0%, #FF6637 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #EC9378 0%, #FF6637 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9378', endColorstr='#FF6637', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
border-color: #FF6637;
}
.text-primary {
color: #FF6637 !important;
text-decoration: none !important;
}
a {
color: #FF6637;
text-decoration: none !important;
}
p {
color: #424242;
letter-spacing: 0.2px;
}
.btn-link {
font-weight: 400;
color: #FF6637;
text-decoration: none !important;
}
.slick-dots {
bottom: 20px !important;
}
/* Landing Page */
.landing-page-skip .img-fluid {
max-height: 290px;
}
.landing-page-skip p {
margin: 0px;
}
.landing-page-skip .zindex {
right: 0;
z-index: 9;
}
.landing-page-skip .slick-dotted.slick-slider {
margin: 0px;
}
.landing-page-skip .sis-slider-item {
padding: 0px 20px;
}
.btn-lg {
font-size: 16px;
padding: 16px 16px;
font-weight: 600;
}
/* List card */
.list-card .count-number {
margin: 4px 0 0 0;
display: inline-block;
}
.list-card a,
.list-card h6 {
overflow: hidden;
white-space: nowrap;
font-size: 15px;
text-overflow: ellipsis;
color: #333;
margin-bottom: 10px !important;
font-weight: 600;
}
.list-card a:hover {
color: #FF6637;
}
.list-card .star {
right: 8px;
bottom: 8px;
}
.trending-slider .list-card-body .list-card .star {
right: 8px;
bottom: 28px;
}
.list-card .star .badge {
font-size: 11px;
padding: 5px 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.list-card .member-plan {
left: 8px;
top: 8px;
}
.list-card .member-plan .badge {
font-size: 11px;
padding: 5px 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.list-card .offer-icon{bottom: -7px;left: 8px}
.list-card .offer-icon > span{display: block;background:#cbffe2;padding:5px 10px 5px 10px;border-radius:5px;color: #004800;font-weight: 500;}
.list-card .offer-icon > span img{height: auto !important;max-width: 20px;display: inline-block; vertical-align: middle; margin-right: 0px}
.list-card .list-card-image {
position: relative;
}
.list-card .favourite-heart {
right: 8px;
top: 8px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.list-card .favourite-heart i {
background: #fff;
width: 23px;
height: 23px;
display: inline-block;
text-align: center;
font-size: 15px;
line-height: 24px;
border-radius: 50px;
}
.list-card.d-flex .list-card-image {
width: 130px;
height: 140px;
min-width: 130px;
max-width: 130px;
}
.list-card.d-flex .list-card-image .item-img {
height: 140px;
object-fit: cover;
}
.list-card .list-card-body p.text-gray {
/*overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;*/
text-overflow: ellipsis;
font-size: 13px !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 35px;
color: #555353;
position: relative;
padding-left: 22px;
}
.list-card .list-card-body p.text-gray.address{color: #000 !important;font-size: 14px !important;}
.list-card .list-card-body p.text-gray span.fa.fa-map-marker,.list-card .list-card-body p.text-gray span.fa.fa-clock-o {
position: absolute;
left: 0;
top: 2px;
font-size: 22px;
}
.list-card .list-card-body p.text-gray span.fa.fa-clock-o{
font-size: 18px;
}
.list-card .list-card-body .list-unstyled.rating-stars {
margin-bottom: 5px;
}
.list-card .p-3 {
overflow: hidden;
}
.list-card.d-flex .list-card-body span.float-right.text-black-50 {
display: none;
}
.rating-stars .feather-star {
font-size: 15px;
/*background: #000000;*/
color: #d5cdcb;
padding: 1px;
text-shadow: 0px 0px 1px #d2b128;
border-radius: 5px;
}
.rating-stars .feather-star.star_active, .rating-stars .feather-star.text-warning {
color: #f66a21 !important;
}
/* Login Page */
.login-page video {
width: 50%;
position: absolute;
bottom: 0;
right: 50%;
}
.otp input.form-control.form-control-lg {
text-align: center !important;
font-size: 44px;
border: 1px solid #ccc !important;
border-radius: 8px;
margin: auto;
}
.login-page {
/*background: #fff;*/
}
.login-page .form-control {
background: no-repeat;
border: none;
color: #000;
border-bottom: 1px solid rgb(160 160 160 / 32%);
border-radius: 0px;
padding: 0px;
box-shadow: none !important;
}
.login-page .form-control:hover,
.login-page .form-control:focus {
color: #000;
border-bottom: 1px solid #000;
}
.login-page label {
margin: 0px;
opacity: 0.8;
}
.login-page .form-group {
margin-bottom: 30px;
}
.login-page::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgb(255 255 255 / 65%) !important;
opacity: 1;
/* Firefox */;
}
.login-page:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgb(255 255 255 / 65%) !important;
}
.login-page::-ms-input-placeholder {
/* Microsoft Edge */
color: rgb(255 255 255 / 65%) !important;
}
/* Verification */
.sis-verification .form-control {
text-align: center;
font-size: 47px;
border-bottom: 2px solid #ccc !important;
border: none;
border-radius: 0px;
font-weight: 300;
box-shadow: none;
}
/* Filter */
.filter .custom-control-label::before {
right: 1rem;
left: auto;
margin: auto;
top: 0;
bottom: 0;
}
.filter .custom-control-label::after {
left: auto;
right: 1rem;
margin: auto;
top: 0;
bottom: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #FF6637;
background-color: #FF6637;
}
/* Cart */
.gold-members h6,
.menu-list h6 {
font-size: 14px;
}
.gold-members .badge,
.menu-list .badge {
font-size: 10px;
font-weight: 500;
padding: 4px 6px 4px 6px;
}
.menu-list img {
width: 41px;
height: 41px;
object-fit: cover;
}
.count-number .btn {
padding: 2px 1px;
font-size: 11px;
border-radius: 0px;
}
.count-number-input {
width: 20px;
text-align: center;
margin: 0 -4px;
background: #6c757d;
border: none;
color: #fff;
height: 24px;
border-radius: 0px;
vertical-align: bottom;
font-size: 13px;
}
.non_veg,
.veg {
width: 20px;
border: 1px solid;
height: 20px;
border-radius: 3px;
font-size: 32px;
text-align: center;
line-height: 0px;
}
/* Most Popular */
.most_popular .trending-slider img {
border-radius: 10px;
padding: 0px 4px;
margin: 8px 0 0 0;
}
/* Map Page */
.sis-track-order-page {
min-height: 676px;
}
.food-item {
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: 31px;
height: 12px;
line-height: 5px;
text-align: center;
width: 12px;
vertical-align: text-bottom;
padding: 0 2px;
margin: 0px 3px 2px 0px;
}
.sis-point {
z-index: 1;
width: 50%;
border-radius: 50%;
padding-bottom: 50%;
pointer-events: none;
background-color: rgba(225, 48, 8, .2);
border: 1px solid #ff3008;
}
.sis-map iframe {
width: 100% !important;
}
.sis-map .toggle {
z-index: 9;
margin: 2px 0 0 4px;
}
.sis-map .mapouter.position-absolute {
width: 100%;
height: 100vh;
}
.sis-map .bg-primary.border-bottom {
position: absolute;
z-index: 9;
width: 100%;
}
.sis-map .fixed-bottom {
padding: 10px 0px;
}
.sis-map .list-card.d-flex .list-card-image .item-img {
width: 100px;
height: 100px;
}
.sis-map .list-card.d-flex .list-card-image {
width: 100px;
height: 100px;
min-width: 100px;
max-width: 100px;
}
.sis-map .member-plan {
text-align: center;
background: rgb(255 255 255 / 18%);
font-size: 12px;
padding: 7px 5px;
margin: 0 1px;
border-radius: 43px;
}
.gold-members .mr-2 {
border: 1px solid;
width: 15px;
height: 15px;
text-align: center;
border-radius: 3px;
font-size: 35px;
line-height: 7px;
}
.index-page img {
height: 130px;
}
.spinner {
width: 180px;
height: 180px;
margin: auto;
background-color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
/* right bounce */
@-webkit-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
60% {
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
}
@-moz-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(-30px);
}
60% {
transform: translateX(-15px);
}
}
@keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
60% {
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
}
/* /right bounce */
.feather-arrow-right {
-webkit-animation: bounceRight 2s infinite;
animation: bounceRight 2s infinite;
}
.location-page .img-fluid {
max-width: 360px;
}
/* Restaurant */
.restaurant-detailed-ratings-and-reviews hr {
margin: 0 -16px;
}
.reviews-members-footer img {
width: 22px;
height: 22px;
border: 2px solid #fff;
box-shadow: 0px 0px 12px #ccc;
margin: 0 -3px;
}
.total-like {
font-size: 11px;
padding: 2px 6px;
}
.reviews-members-body p {
font-size: 12px;
}
.reviews-members-header h6 {
font-size: 14px;
}
.graph-star-rating-body .progress {
border-radius: 40px;
height: 6px;
}
.rating-list {
display: flex;
margin: 6px 0;
align-items: center;
justify-content: space-between;
}
.rating-list-center {
margin: auto;
width: 70%;
}
.rating-list-left {
width: 20%;
font-size: 10px !important;
font-weight: 400 !important;
}
.rating-list-right {
width: 10%;
text-align: right;
font-size: 10px !important;
font-weight: 400 !important;
}
.offer-section {
background-color: #000;
}
/* header-user-img */
.header-user {
height: 32px;
width: 32px;
object-fit: cover;
}
/* dropdown css */
.drop-loc {
width: 250px;
}
/* footer css */
footer .text-muted {
color: #bdbdbd !important;
}
.hov_footer a:hover {
color: #fff !important;opacity: 0.8;
}
.section-footer {
background: #232323 url(../images/footer-bg.jpg) no-repeat top left !important; background-size: cover !important;
}
.section-footer .border-top {
border-top: 1px solid rgb(222 226 230 / 9%) !important;background: #000 !important;background-size: cover !important;
}
.section-footer .footer-top{position: relative; z-index: 2;}
.section-footer .footer-top:after{content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute;background: rgba(0, 0, 0, 0.9);z-index: -1;}
.footer-info p{font-size: 15px;line-height: 2;font-weight: 500;}
.footer-top .title{text-transform: uppercase;font-size: 18px;letter-spacing: 1px;font-weight: 700;padding-bottom: 15px;margin-bottom: 15px; position: relative;}
.footer-top .title:before,.footer-top .title:after{position: absolute; content: "";bottom: 0; left: 0;width: 100px; height: 3px; border-radius: 50px;}
.footer-top .title:before{background: #fff;}
.footer-top .title:after{background: #fd6739;width: 50px;height: 5px;bottom: -1px;}
.footer-top ul.list-unstyled li{margin-bottom: 10px;}
.footer-top ul.list-unstyled li a{font-weight: 500;font-size: 16px;}
.footer-copyright p{color: #fff !important;}
.section-footer ul li {
line-height: 29px;
}
.section-footer ul {
margin: 0px;
}
.footer-about img {
height: auto;
/*background: #fff;*/
border-radius: 0px;
padding: 0;
}
.footer-about .btn {
padding: 0px;
border: 1px solid #3d3d3e;
display: flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
}
.footer-top .footer-about{padding-right: 80px;}
.footer-about .footer-social{margin-top: 30px;}
.footer-about .footer-social .btn{width: 40px;height: 40px;border-radius: 50px;font-size: 20px;background: #fff;color: #fff !important;
margin-right: 13px !important;}
.footer-about .footer-social .btn.fb-icon{background: #3b5998; border-color: #3b5998;}
.footer-about .footer-social .btn.insta-icon{ background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);}
.footer-about .footer-social .btn.youtube-icon{ background:#c4302b;border-color: #c4302b;}
.footer-about .footer-social .btn.twitter-icon{ background:#1DA1F2;border-color: #1DA1F2;}
.ft-contact-us{text-align: center;margin-top: 20px;border-top: 1px solid #424242;padding-top: 40px;}
.ft-contact-box .ft-icon{width: 50px;height: 50px;background: #fff;display: inline-block;font-size: 30px;border-radius: 50px;margin-bottom: 24px;vertical-align: middle;padding: 5px 0;color: #ff5724;}
.ft-contact-box h3{display: block; text-align: center; font-size: 20px;letter-spacing: 1px;font-weight: 700;margin-bottom: 15px;position: relative; color: #fff;}
.ft-contact-box p{display: block; text-align: center;font-size: 16px; color: #fff;color: #fff;}
.footer-about p.text-muted {
line-height: 23px;
}
/* orders css */
.sc-sis-logo {
height: 30px;
}
.custom-tabs.nav-tabs .nav-item.show .nav-link,
.custom-tabs.nav-tabs .nav-link.active {
border-bottom: 2px solid #EC9378 !important;
}
.search .nav-tabs .nav-item.show .nav-link,
.search .nav-tabs .nav-link.active {
border-bottom: 2px solid #ff6637 !important;
background-color: #ff6637 !important;
color: #ffffff !important;
}
.order_img {
height: 88px;
max-width: 110px;
object-fit: cover;
}
/* offers image */
.offers_img {
height: 130px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
border-bottom: 2px solid #dc375d !important;
color: #dc375d !important;
}
/* side bar sticky */
.sticky_sidebar {
position: sticky;
top: 10px;
}
/* search border */
.input_search {
border-radius: 50px 0px 0px 50px;
}
.border_search {
border-radius: 0px 50px 50px 0px !important;
}
.second-nav .widget-header.mr-4.page {
display: none;
}
/* Mobile Media */
@media (max-width: 992px) {
.container,
.container-md,
.container-sm {
max-width: 100%;
}
.m-none {
display: none !important;
}
/* REMOVED: `.section-header { display:none }` — legacy rule from the old theme,
which swapped in a separate mobile header (.header-main). The current
.fd-nav header also carries .section-header, so this hid it on every
viewport below this breakpoint. The new header is responsive already. */
.header-main {
height: 67px;
}
.header-main .col-1 {
width: auto !important;
min-width: auto !important;
max-width: unset;
flex: unset !important;
padding: 8px;
}
.header-main .row.align-items-center {
height: 67px;
}
.header-main .col-8 {
flex: unset;
margin-left: auto;
padding: 0px;
}
.header-main .col-8 .hc-nav-trigger {
top: 0px;
right: 8px;
}
/* REMOVED: `.d-none { display:block !important }` forced every Bootstrap-hidden
element visible below this breakpoint — it revealed JS-only hook markup
(e.g. the header's takeaway/location inputs and the hero restaurant count). */
.resturant-banner .restaurant-pic {
/*display: none;*/
height: 250px;
}
/*.fixed-bottom-bar {
padding-bottom: 56px;
}
.h*/
c-nav-trigger {
top: 18px;
left: 17px;
}
/*footer.section-footer.border-top.bg-dark {
display: none;
}*/
.pb-5,
.py-5 {
padding-bottom: 1rem !important;
}
.pt-5,
.py-5 {
padding-top: 1rem !important;
}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
background: #ffffff !important;
}
.login-page .px-5.col-10.mx-auto {
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
flex: unset !important;
max-width: 100%;
}
}
@media (max-width: 576px) {
.container,
.container-md,
.container-sm {
max-width: 100%;
}
.m-none {
display: none !important;
}
/* REMOVED: `.section-header { display:none }` — legacy rule from the old theme,
which swapped in a separate mobile header (.header-main). The current
.fd-nav header also carries .section-header, so this hid it on every
viewport below this breakpoint. The new header is responsive already. */
.header-main {
height: 67px;
}
.header-main .col-1 {
width: auto !important;
min-width: auto !important;
max-width: unset;
flex: unset !important;
padding: 8px;
}
.header-main .row.align-items-center {
height: 67px;
}
.header-main .col-8 {
flex: unset;
margin-left: auto;
padding: 0px;
}
.header-main .col-8 .hc-nav-trigger {
top: 0px;
right: 8px;
}
/* REMOVED: `.d-none { display:block !important }` forced every Bootstrap-hidden
element visible below this breakpoint — it revealed JS-only hook markup
(e.g. the header's takeaway/location inputs and the hero restaurant count). */
.sis-menu-fotter.fixed-bottom.bg-white.page {
display: none !important;
}
.resturant-banner .restaurant-pic {
/*display: none;*/
height: 200px;
}
/*.fixed-bottom-bar {
padding-bottom: 56px;
}*/
.hc-nav-trigger {
top: 18px;
left: 17px;
}
.second-nav .widget-header.mr-4.page {
display: block;
margin-right: 0px !important;
}
/*footer.section-footer.border-top.bg-dark {
display: none;
}*/
.pb-5,
.py-5 {
padding-bottom: 1rem !important;
}
.pt-5,
.py-5 {
padding-top: 1rem !important;
}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
background: #ffffff !important;
}
.login-page video {
display: none;
}
.login-page .px-5.col-10.mx-auto {
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
flex: unset !important;
max-width: 100%;
}
}
.header-main .pac-target-input#user_locationnew {
width: 100%;
height: 32px;
background-color: transparent;
border: 1px solid transparent;
padding: 0 35px 0 0;
font-weight: 600;
cursor: pointer;
outline: none !important;
}
.banner-inner {
position: relative;
}
.banner-img img {
max-width: 100%;
width: 100%;
}
.homebanner-content {
position: absolute;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
.homebanner-content h1 {
font-size: 45px;
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
margin-bottom: 15px;
}
.homebanner-content h1 span {
color: #ffc222;
}
.homebanner-content h4 {
font-size: 28px;
font-weight: 700;
color: #00a24a;
margin-bottom: 15px;
}
.homebanner-content p {
color: #fff;
margin-bottom: 20px;
}
.homebanner-content .ban-btn a {
background: #ffc222;
color: #000;
padding: 14px 40px;
border-radius: 5px;
display: inline-block;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
border: 2px solid #ffc222;
}
.homebanner-content .ban-btn a:hover {
color: #ffc222;
background: none;
}
.homebanner-content .ban-btn span.price {
font-size: 25px;
font-weight: 700;
color: #00a24a;
margin-bottom: 15px;
margin-left: 15px;
}
.homebanner-content .ban-btn span.price sup {
color: #848286;
font-size: 16px;
margin-left: 10px;
top: -3px;
}
.title { /*justify-content: center;*/
}
.title h5 {
position: relative;
padding-bottom: 0px;
margin-bottom: 10px !important;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.5px;
}
.title h5::after { /*content: "";*/
position: absolute;
bottom: 0;
left: 0;
background: #ff683a;
width: 80px;
height: 3px;
border-radius: 50px;
right: 0;
margin: auto;
}
.feather-star::before {
content: "\f005";
font-family: FontAwesome;
}
.feather-star.star_active::before {
content: "\f005";
font-family: FontAwesome;
}
.rounded {
border-radius: 0.75rem !important;
}
.most_popular .list-card-image .img-fluid, .res-search-list .list-card-image .img-fluid {
max-height: 200px;
min-height: 200px;
object-fit: cover;
}
.res-search-list-1 .list-card-image .img-fluid {
max-height: 200px;
min-height: 200px;
object-fit: cover;
}
#order-items .photo img.order_img {
max-width: 120px;
object-fit: cover;
}
#order-items .item-detail p {
font-size: 14px;
}
#order-items .item-detail p.name {
font-size: 17px;
}
#order-items .item-detail p label {
margin-right: 10px;
font-weight: bold;
}
.order-list {
width: 100%;
}
.order-list tr td, .order-list tr th {
padding: 10px 2px;
}
.order-list tr th {
font-size: 15px;
border-bottom: 1px solid #dee2e6 !important;
}
.order-list tr td {
font-size: 15px;
}
.order-list tr td.prod-name {
padding-left: 15px;
}
.order-list tr td.price {
font-size: 17px;
color: #FF6637;
font-weight: 700;
}
.order-list td.ord-photo {
max-width: 150px;
width: 150px;
}
.order-list td.ord-photo img {
width: 100%;
object-fit: cover;
}
#cart_list .media-body .extras > *, #cart_list .media-body .size > * {
display: inline-block;
margin-bottom: 0;
}
#cart_list .close {
font-size: 1rem;
}
.sis-cart-item .sis-cart-item-profile {
display: table !important;
width: 100% !important;
text-align: center;
}
.sis-cart-item .sis-cart-item-profile > img {
max-width: 250px;
display: inline-block;
height: 250px;
object-fit: cover;
margin: 0 !important;
width: 100%;
}
.d-flex.flex-column {
text-align: left;
}
.schedule-order input#scheduleTime{ height: calc(1.5em + .5rem + 2px);font-size: 13px;line-height: 1.5;border-radius: .2rem;padding: .25rem .5rem;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;font-weight: 400;display: block;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 100%;cursor: pointer;}
.delevery-partner h3, .delivery-box h3,.schedule-order h3 {
font-size: 14px;
font-weight: 600;
color: #333;
}
.delevery-partner > span {
color: #6c757d !important;
}
.delevery-partner .tip-box {
margin-top: 15px;
margin-left: -5px;
margin-right: -5px;
}
.delevery-partner .tip-box .custom-control.custom-radio {
width: 25%;
display: inline-block;
margin-right: -3px;
text-align: center;
padding: 0px 5px !important;
border: 0 !important;
position: relative;
cursor: pointer;
}
.delevery-partner .tip-box .custom-control.custom-radio input[type="radio"] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.delevery-partner .tip-box .custom-control.custom-radio .custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
display: block;
padding: 10px 5px;
background: #fff;
z-index: 2;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
color: #333;
font-size: 15px;
border: 1px solid #dae0ef;
}
.delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::before {
left: 0;
right: 0;
top: 0;
bottom: 0;
width: auto;
height: auto;
z-index: -1;
border: 0;
border-radius: 5px;
}
.delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::after {
display: none;
}
.delevery-partner .tip-box .custom-control.custom-radio#add_tip_box {
width: 100%;
margin-top: 17px;
}
.delevery-partner .tip-box .custom-control.custom-radio#add_tip_box input[type="number"] {
height: 35px;
border: 1px solid rgba(0, 0, 0, .1);
width: 100%;
padding: 5px 10px;
}
.delevery-partner .tip-box .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label {
color: #fff;
}
.strick_price {
padding-left: 10px;
}
body {
position: relative;
}
.dataTables_processing.panel-default {
text-align: center;
font-size: 20px;
font-weight: 600;
letter-spacing: 4px;
padding-top: 10%;
z-index: 8;
}
.dataTables_processing.panel-default:after {
content: "";
background: url(../images/loading-loader.gif) no-repeat center;
width: 110px;
height: 73px;
display: inline-block;
position: absolute;
top: 5%;
left: 0;
right: 0;
margin: auto;
background-size: 100%;
}
.reviews-members .media img {
width: 50px;
height: 50px;
object-fit: cover;
}
.sec-title h2 {
position: relative;
padding-bottom: 5px;
margin-bottom: 5px !important;
font-size: 25px;
font-weight: 700;
letter-spacing: 0.5px;
}
.sec-title p.sub-title {
font-size: 15px;
}
.payment-table tr th, .payment-table tr td {
padding: 10px 15px;
font-size: 16px;
font-weight: 600;
text-align: left;
}
.payment-table tr th {
font-size: 16px;
text-transform: uppercase;
color: #fff;
background: #F77953;
font-weight: 700;
}
.payment-table .payment-button .razorpay-payment-button {
border: 0;
background: 0;
padding: 0;
font-size: 19px;
font-weight: 700;
color: #f77953;
}
.sis-checkout.sis-checkout-payment {
min-height: 70vh;
}
.checkout-payment-options .custom-control {
padding-left: 2.5rem;
}
.checkout-payment-options .custom-control-label {
cursor: pointer;
font-size: 15px;
}
.checkout-payment-options .custom-control-label::before {
left: -1.5rem;
}
.checkout-payment-options .custom-control-label::after {
left: -1.5rem;
}
/*.header-main .icon{color: #343a40 !important;}*/
.header-main .takeaway-btn {
position: relative;
padding: 8px 10px;
border-radius: 5px;
z-index: 1;
overflow: hidden;
color: #fff;
}
.header-main .takeaway-div input[type="checkbox"] {
border: 0;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.header-main .takeaway-div input[type="checkbox"]:before {
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: absolute;
top: 0;
font-weight: 700;
left: 0;
opacity: 1;
background: #EC9378;
content: "";
right: 0;
bottom: 0;
z-index: -1;
border-radius: 5px;
}
.header-main .takeaway-div input[type="checkbox"]:checked:before {
opacity: 1;
background: #FF6637;
}
.most_sale .list-card .list-card-body p.text-gray {
text-overflow: initial !important;
white-space: normal;
word-break: break-word;
position: relative;
padding-left: 20px;
overflow: visible;
-webkit-box-orient: inherit;
-webkit-line-clamp: inherit;
}
.most_sale .list-card .list-card-body p.text-gray .fa.fa-map-marker {
position: absolute;
left: 0;
top: 2px;
font-size: 18px;
}
.delevery-option .custom-control-label {
cursor: pointer;
}
.offer_coupon_code {
display: table;
width: 100%;
}
.offer_coupon_code .offer_code {
background: #fcf8f3;
border: 2px dashed #cacfda;
padding: 7px 15px;
border-radius: 3px;
text-transform: uppercase;
color: #ff683a;
font-weight: 700;
letter-spacing: 0.5px;
display: inline-block;
margin: 0 !important;
}
.offer_coupon_code .offer_price {
font-weight: 600;
color: #FF6D40;
font-size: 17px;
float: right;
padding-top: 10px;
}
.offer_coupon_code .star.position-absolute {
width: auto;
margin-top: 0 !important;
bottom: 42px;
line-height: 1;
}
.offer_coupon_code .offer_code p.badge {
text-transform: none;
}
.list-card-body .offer-btm {
position: relative;
}
.list-card .offer_coupon_code a {
margin-left: 5px;
}
.list-card-body .offer-btm h6 {
padding-right: 95px;
width: 100%;
margin: 0 !important;
}
.list-card-body .offer-btm .star.position-absolute {
right: 0;
top: 0px;
bottom: auto;
margin: 0 !important;
}
.list-card .offer_coupon_code .star .badge, .list-card-body .offer-btm .star .badge {
font-size: 15px;
letter-spacing: 1.5px;
background: none;
color: #000;
box-shadow: none !important;
padding: 2px 5px;
}
.list-card .offer_coupon_code .star .badge .feather-star, .list-card-body .offer-btm .star .badge .feather-star {
padding-right: 5px;
color: #ff683a;
}
.list-card .offer_coupon_code .star .badge .feather-star.star_active, .list-card-body .offer-btm .star .badge .feather-star.star_active {
color: #FF6D40 !important;
}
.offer-section .rating-stars .feather-star {
color: #fff;
}
.feather-star.star_active {
color: #FF6637;
}
.header-right > .d-flex > .mr-4 {
margin-right: 15px !important;
}
.header-right .text-dark {
font-weight: 500;
}
#trendingList .list-card .list-card-body p.text-gray.rating {
display: none;
}
.list-card .member-plan .badge.open {
background: #28a745 !important;
}
.list-card .member-plan .badge.closed {
background: #ff0404;
}
.gold-members .modal-body h6 {
font-size: 18px;
}
.modal-body .recepie-body > div:last-child {
margin-top: 20px;
}
.modal-body .recepie-body .custom-control .custom-control-label {
display: block;
font-size: 16px;
cursor: pointer;
font-weight: 600;
text-transform: capitalize;
color: #606060;
}
.modal-body .recepie-body .custom-control .custom-control-label > span.text-muted {
float: right;
color: #FC6C40 !important;
font-weight: 700;
}
.modal-body .recepie-body .product-item-box > p {
font-size: 18px;
color: #000;
font-weight: 600;
}
/****************homepagenew*************/
.head-search .dropdown-toggle .head-loc{animation: zoom-in-zoom-out 2s ease-out infinite;}
.head-loc i.feather-map-pin {
/*border: 1px solid #dddee4;*/
border-radius: 50px; color: #FF6637;
padding: 0 !important;border: 0;font-size: 16px;background: none !important;}
.head-search .dropdown {border: 1px solid #ff683a;border-radius: 9px;padding: 5px 10px;transition: all ease 0.5s;}
.head-search .dropdown:hover{box-shadow: 0 0 6px 0 rgba(0,0,0,0.5); transition: all ease 0.5s;}
.head-search .dropdown-toggle {
}
.head-search .dropdown-toggle::after {
position: absolute;
right: 20px;
}
.cat-item a.cat-link p {
font-size: 14px !important;
color: #333333 !important;
font-weight: 500;
margin-top: 15px !important;
}
.cat-item a.cat-link i.fa {
width: 36px;
height: 36px;
border-radius: 50px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
color: #a0a0a0;
font-size: 23px;
margin-top: 15px;
line-height: 35px;
text-align: center;
}
.cat-item a.cat-link {
background-color: #fafafc;
border: 1px solid #e2e4eb;
}
.cat-item a.cat-link:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
background-color: #ff6739 !important;
}
.cat-item a.cat-link:hover i.fa {
color: #ff6739 !important;
}
.cat-item a.cat-link:hover p {
color: #fff !important;
}
#trending-slider .list-card .star {
bottom: -40px;
z-index: 8;
right: 18px;
}
#trending-slider .list-card-body {
padding-right: 55px;
}
#most_sale1 .list-card {
position: relative;
}
#most_sale1 .list-card:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.93) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ed000000', GradientType=0);
}
.position-absolute.most-pop-bottom {
bottom: 10px;
left: 15px;
right: 15px;
z-index: 4;
padding-bottom: 0 !important;
}
#most_sale1 .list-card .list-card-image img {
max-height: 370px;
min-height: 370px;
object-fit: cover;
}
.most_sale .list-card .most-pop-bottom .list-card-body p.text-gray, .most-pop-bottom .list-card-body h6 {
color: #fff;
}
.most-pop-bottom .list-card-body h6 a {
color: #fff;
}
.hc-offcanvas-nav h2 {
background: #ff693b !important;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {
background: #ff693b !important;
color: #fff !important;
}
.hc-offcanvas-nav li a:hover .nav-next::before, .hc-offcanvas-nav li a:hover span::before {
color: #fff !important;
border-color: #fff;
}
.hc-offcanvas-nav ul.bottom-nav li a:hover i{color: #fff !important;}
.list-card .star.position-relative {
right: 0;
bottom: 0;
}
.list-card-body .offer-btm {
display: table;
width: 100%;
margin-bottom: 10px !important;
}
.list-card .list-card-body .offer-btm p.text-gray {
min-height: inherit !important;
height: auto;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.list-card .star.position-relative span.badge.badge-success .feather-star {
color: #fff !important;
}
.list-card .list-card-image.store-closed img,.resturant-banner-inner.store-closed img {
filter: grayscale(100%);
}
.resturant-banner-inner.store-closed::before {
content: "";
position: absolute;
background: rgba(100, 100, 100, 0.77);
left: 15px;
right: 15px;
top: 0;
bottom: 15px;
z-index: 1;
border-radius: 10px;
}
.list-card .list-card-image.store-closed::before {
content: "";
position: absolute;
background: rgba(100, 100, 100, 0.77);
left: 0px;
right: 0px;
top: 0;
bottom: 0px;
z-index: 1;
border-radius: 10px;
}
.list-card .list-card-image.store-closed::after {
mask-image: url(../images/closed_img.png);
position: absolute;
top: 0;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
content: '';
background-color: #fff;
mask-repeat: no-repeat;
mask-size: contain;
width: 154px;
height: 75px;
z-index: 9;
mask-position: center;
}
.resturant-banner-inner.store-closed::after {
mask-image: url(../images/closed_img.png);
position: absolute;
top: 0;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
content: '';
background-color: #fff;
mask-repeat: no-repeat;
mask-size: contain;
width: 200px;
height: 110px;
z-index: 9;
mask-position: center;
}
.resturant-banner .restaurant-pic {
width: 100%;
position: static !important;
height: 300px;
object-fit: cover;
border-radius: 12px;
margin: 0;
}
.offer-section.resturant-banner {
background: none;
}
.rest-basic-detail h2.h6 {
font-size: 17px;
color: #333;
}
.rest-basic-detail p#vendor_address {
font-size: 14px;
color: #555353 !important;
font-weight: 500 !important;
}
.rest-basic-detail p#vendor_address > span.fa {
margin-right: 10px;color: #f72b40;font-size: 22px;
}
.rest-basic-detail .rest-time .time {
font-size: 14px;
color: #555353 !important;
}
.rest-basic-detail .feather_icon > .row {
margin-right: 0;
}
.rest-basic-detail .feather_icon .fu-review, .rest-basic-detail .feather_icon .fu-status {
justify-content: end;
}
.rest-basic-detail .feather_icon .fu-time a.rest-right-btn {
border: 0;
padding: 5px 0 !important;
margin: 0 !important
}
.rest-basic-detail .feather_icon .fu-status a.rest-right-btn {
border: 0;
padding: 0px 0 !important;
margin: 0 !important;
font-size: 15px;
}
.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span {
font-size: 12px !important;
color: #fff !important;
padding: 5px 10px 7px 10px;
border-radius: 5px;
opacity: 1;
}
.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.close {
background: #ff0404;
}
.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.open {
background: #28a745 !important;
}
.rest-basic-detail .feather_icon a.rest-right-btn {
border-radius: 6px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #ff6637;
padding: 8px 10px !important;
vertical-align: middle !important;
color: #ff6637;
}
.rest-basic-detail .feather_icon a.rest-right-btn:hover {
color: #ff6637;
opacity: 0.8;
}
.rest-basic-detail .feather_icon a.btn {
border-radius: 6px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #ff6637;
padding: 7px 15px !important;
vertical-align: middle !important;
color: #ff6637;
}
.rest-basic-detail .feather_icon a.rest-right-btn .feather-star {
color: #ff6637 !important;
}
.restaurant-detail-left h4.h6, .sidebar-header h3.h6 {
font-weight: 700 !important;
color: #333333;
font-size: 20px;
position: relative;
padding-bottom: 10px;
}
.restaurant-detail-left h4.h6:after, .sidebar-header h3.h6:after {
position: absolute;
content: "";
width: 55px;
height: 2px;
background-color: #ff6537;
bottom: 0;
left: 0;
}
.restaurant-detail-left h6 {
font-size: 16px;
color: #333333;
font-weight: 600;
}
.restaurant-detail-left h6 small {
color: #666666 !important;
font-weight: 400;
font-size: 16px !important;
text-transform: none !important;
}
.restaurant-detail-right #restaurant_place h6#restaurant_name_place {
margin-bottom: 10px !important;
}
.restaurant-detail-right #restaurant_place p#restaurant_location_place {
font-size: 13px !important;
color: #000 !important;
}
.restaurant-detail-right #restaurant_place p#restaurant_location_place i.feather-map-pin {
margin-right: 5px;
}
.feather-star {
margin-right: 2px;
color: #d5cdcb !important;
}
.feather-star.text-warning {
color: #ff6537 !important;
}
.list-card-image .badge.badge-success .feather-star {
color: #fff !important;
}
.restaurant-detail-left .reviews-members-header h6 {
font-size: 16px;
color: #2a2a2a;
padding-bottom: 7px;
}
.restaurant-detail-left .reviews-members-body p {
font-size: 15px;
color: #9091a4;
font-weight: 500;
}
.count-number-box .count-number, .count-number {
border-radius: 6px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #c9c8d2;
display: block;
}
.count-number-box .count-number button.count-number-input-cart, .count-number button.btn-sm.btn {
border: 0;
background: none;
}
.count-number-box .count-number .count-number-input, .count-number .count-number-input {
background: none;
color: #ff6637;
}
.count-number-box .count-number button.count-number-input-cart:hover, .count-number button.btn-sm.btn:hover {
color: #ff6637;
}
.sidebar-item-list .product-item .media-body p {
font-size: 14px;
color: #333333;
font-weight: 600;
}
.count-number-box p.text-gray {
font-size: 12px !important;
color: #333333 !important;
font-weight: 500 !important;
margin-left: 5px !important;
}
.gold-members .add-btn {
position: relative;
padding-bottom: 25px;
}
.gold-members .add-btn .menu-itemimg img {
width: 107px;
height: 83px;
border-radius: 10px;
object-fit: cover;
}
.gold-members .add-btn .menu-itembtn {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
.gold-members .add-btn .menu-itembtn a.btn {
border-radius: 6px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid #ff6637;
color: #ff6637;
font-weight: 500;
font-size: 14px;
line-height: 1;
padding: 8px 12px;
}
#cart_list .close {
cursor: pointer;
}
#cart_list .sidebar-item-list .variant-info ul,#cart_list .sidebar-item-list .extras{display: table; width: 100%;}
#cart_list .sidebar-item-list .variant-info ul li,#cart_list .sidebar-item-list .extras{padding-right: 0; margin-right: 0; border: 0;}
#cart_list .sidebar-item-list .variant-info ul li span.label,#cart_list .sidebar-item-list .extras span.label{font-weight: 500;}
#cart_list .sidebar-item-list .item-tax span.label{font-weight: 500;}
#cart_list .sidebar-item-list .media-body img{border-radius: 5px; width: 30px !important; height: 30px !important;object-fit: cover;
max-width: 30px !important; margin-right: 10px;}
#cart_list .sidebar-item-list .media-body .product-name{display: flex;font-weight: 600;}
.restaurant-detail-left .resitem-list-view h6 {
font-weight: 500;
}
.resitem-list-view .media-body p.text-muted {
font-weight: 600;
color: #333333 !important;
font-size: 18px;
margin-top: 10px;
}
.restaurant-detail-right .btm-total p {
font-weight: 600;
color: #333;
font-size: 14px;
margin-bottom: 15px !important;
}
.open-ticket-btn {
position: fixed;
top: 280px;
left: -60px;
transform: rotate(-90deg);
z-index: 5;
margin: 0 !important;
width: auto !important;
}
.open-ticket-btn a {
font-weight: 700;
border-radius: 0px 0px 5px 5px;
margin: 0 !important;
transition: all ease .5s;
-webkit-transition: all ease .5s;
border: 2px solid transparent;
color: #fff;
padding: 4px 16px;
font-size: 13px;
background-color: #ff6637;
display: inline-block;
border: 2px solid #ff6637;
}
.open-ticket-btn a:hover {
background: none;
color: #ff6637;
padding: 8px 16px;
}
.transactions-banner {
background: #ff6637;
padding-top: 50px !important;
padding-bottom: 50px !important;
margin-top: 15px;
}
.transactions-banner .traban-right a.btn.btn-primary {
border-radius: 50px;
background: #ffffff;
color: #ff683a;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 16px 38px;
font-weight: 600;
line-height: 1;
}
.card-icon > span {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 50px;
background: #fff1ed;
color: #ff683a;
text-align: center;
font-size: 20px;
padding: 18px 3px;
}
.res-search-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.res-search-list .transactions-list-wrap {
width: 50%;
padding: 0 8px;
}
.res-search-list .transactions-list-wrap .transactions-list-view {
height: 100%;
/*align-items: center;*/
display: flex;
position: relative;
}
.transactions-list-view .transactions-list img {
object-fit: cover;
}
.transactions-list .transactions-list-left {
/*align-items: center;*/
}
.res-search-list .transactions-list-wrap .transactions-list-view .transactions-list {
width: 100%;
}
.transactions-list .media-body h6.date {
font-size: 16px;
font-weight: 600 !important;
}
.transactions-list .media-body p.text-muted {
font-weight: 500;
font-size: 16px;
}
.transactions-list .price {
color: #27b047;
font-size: 20px;
font-weight: 700 !important;
}
.transactions-list .go-arror {
font-size: 30px;
color: #666 !important;
}
.transactions-list .media-body .offercoupan {
background: #fcf8f3;
border: 2px dashed #cacfda;
padding: 5px 6px;
border-radius: 3px;
text-transform: uppercase;
color: #ff683a;
font-weight: 700;
letter-spacing: 0.5px;
display: inline-block;
margin: 0 0 5px 0 !important;
}
.transactions-list .media-body .offercoupan p {
font-weight: 700;
font-size: 14px;
margin-right: 10px;
text-transform: none;
}
.transactions-list .media-body .offer-des {
color: #000;
margin-bottom: 5px;
font-weight: 600;
text-transform: uppercase;
}
.transactions-list .media-body .app-off-btn {
position: absolute;
top: 0;
right: 0;
}
.transactions-list .media-body .app-off-btn a {
background: #FF6637;
border: 1px solid #FF6637;
color: #fff;
padding: 2px 10px;
display: block;
text-align: center;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
border-radius: 5px;
}
.transactions-list .media-body .app-off-btn a:hover {
background: none;
color: #FF6637 !important;
}
.transactions-list .media-body .offer-address a {
color: #000;
font-weight: 500;
}
.dataTables_processing {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 00.5);
z-index: 1;
color: #fff;
}
.transactions-list .media-body p.badge-success {
line-height: 1;
padding: 3px 10px 5px 10px;
font-size: 12px;
margin-bottom: 5px !important;
}
.page-link {
color: #ff6637;
}
.page-link:hover {
color: #fff;
background-color: #ff6637;
border-color: #ff6637;
}
#offers_coupons .slick-slide .list-card-body {
min-height: 126px;
}
#offers_coupons .slick-slide img {
height: 240px;
object-fit: cover;
}
.rest-basic-detail .rating-wrap .label-rating {
margin-bottom: 0;
}
ul.rating {
padding: 0;
margin: 0;
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-start;
color: #ff683a;
}
.rating {
border: none;
float: none;
margin: 0 auto;
}
ul.rating li {
padding: 0 2px;
}
.rating__item {
font-size: 15px;
display: block;
font-family: FontAwesome;
cursor: pointer;
}
#restaurant_ratings .rating__item {
cursor: auto;
}
.rating__item::after {
content: "\f006";
}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {
content: "\f005";
}
.rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after {
content: "\f123";
}
.product-detail-page .car-det-title .rating.star .badge.badge-success {
padding: 6px 10px;
font-size: 14px;
font-weight: 500;
}
.product-detail-page .car-det-title .rating.star .badge.badge-success .feather-star {
color: #fff !important;
font-size: 11px;
vertical-align: top;
}
.feather-star::before {
content: "\f005";
font-family: FontAwesome;
}
.font-weight-bold {
font-weight: 600 !important;
}
.car-det-head .car-det-price span#variant_qty {
display: block;
color: #666666;
font-size: 14px;
}
.carrent-det-rg-inner h3 {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #000000;
margin-bottom: 10px;
}
.product-detail-page .rent-cardet-right .description p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.04em;
color: #666666;
}
.product-detail-page .addons-option {
display: inline-block;
margin-bottom: 5px;
}
.product-detail-page .addons-option .custom-control {
display: inline-block;
position: relative;
margin-bottom: 0;
vertical-align: top;
padding: 0 !important;
background: #fff;
z-index: 2;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
color: #333;
font-size: 15px;
border: 1px solid #dae0ef !important;
width: auto !important;
margin-right: 10px;
}
.product-detail-page .addons-option .custom-control .custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.product-detail-page .addons-option .custom-control .custom-control-label {
padding: 12px 22px;
color: #444444;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.05em;
font-family: 'Poppins';
cursor: pointer;
}
.product-detail-page .addons-option .custom-control .custom-control-label.active{color: #fff;}
.product-detail-page .addons-option .custom-control .custom-control-label:before {
left: 0;
right: 0;
width: auto;
max-width: inherit;
bottom: 0;
height: 100%;
border-radius: 0;
top: 0;
z-index: -1;
border-radius: 5px;
border: 0;
background: #FCFCFC;
}
.product-detail-page .addons-option .custom-control .custom-control-label:after {
left: 0;
right: 0;
width: auto;
max-width: inherit;
bottom: 0;
height: 100%;
border-radius: 0;
top: 0;
opacity: 0;
background: #FCFCFC;
border: 1px solid #ABBCC8;
}
.count-number-box .count-number, .count-number {
border-radius: 6px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #c9c8d2;
display: block;
}
.count-number-box .count-number button.count-number-input-cart, .count-number button.btn-sm.btn {
border: 0 !important;
background: none !important;
border: 0;
box-shadow: none !important;
background: none !important;
outline: none !important;
}
.product-detail-page .count-number .btn {
font-size: 20px;
}
.product-detail-page .count-number-input{height: 38px;width: 50px;font-size: 23px;}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary {
display: inline-block;
width: 47%;
border: 1px solid #ff0000;
border-radius: 5px;
background: none;
color: #ff0000;
letter-spacing: 0.05em;
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover { opacity: 0.8;}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow {
background: #ff0000;
color: #fff;
}
.product-detail-page .addtocart {
display: flex;
align-items: center;
justify-content: space-around;
margin: 0 -8px;
}
.product-detail-page .addtocartspace {
margin: 0px -15px 0px 23px;
}
.sidebar-item-list .product-item .media-body p span.sku, .car-det-head .car-det-price span.price, .rentalcar-list .car-price span {
color: #ff0000;
}
.car-det-head .car-det-price span.price {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.03em;
color: #ff0000;
}
.car-det-head .car-det-price span#variant_qty {
display: block;
color: #666666;
font-size: 14px;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span img {
border-radius: 50%;
width: 100%;
height: 100%;
margin-bottom: 0 !important;
object-fit: cover;
}
.product-detail-page .car-det-title .rating.star .count {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #777777;
margin-left: 12px;
}
.store-info .shipping-detail .shipping-details-bottom-border img {
max-width: 40px;
}
.specification .prospe-info-box-list {
font-weight: 400;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.05em;
color: #333333;
position: relative;
padding-left: 15px;
}
.specification .prospe-info-box-list:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 0px;
top: 0px;
background: #666666;
border-radius: 100%;
bottom: 0;
margin: auto;
}
.specification .prospe-info-box-list {
font-weight: 400;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.05em;
color: #333333;
position: relative;
padding-left: 15px;
}
.rental-review .reviews-members {
background: #FFFFFF;
border: 1px solid #E5EAF1;
border-radius: 15px;
padding: 14px 17px;
}
.rental-review .reviews-members .media {
padding-bottom: 15px;
border-bottom: 1px solid #E5EAF1;
margin-bottom: 10px;
}
.rental-review .reviews-members-header h6 {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
color: #333333;
}
.review-date span {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
color: #666666;
}
.rental-review .reviews-members .reviews-members-body p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.05em;
}
.related-products h3 {
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.03em;
color: #000000;
margin-bottom: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #D6E3EC;
padding-bottom: 15px;
}
.rental-detailed-ratings-and-reviews h3 {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.03em;
color: #000000;
margin-bottom: 11px;
}
.list-card .star.position-relative {
right: 0;
bottom: 0;
}
.multi-vendore-content .pro-list .list-card {
border: 1px solid rgb(232, 232, 232);
transition: all ease 0.5s;
padding: 10px;
border-radius: 10px;
}
.review-box {
padding: 10px;
border-radius: 7px;
background: #f2f2f2;
}
.visit-store a {
display: block;
text-align: center;
color: #fff;
font-size: 15px;
}
ul.rating li {
padding: 0 2px;
}
.rating__item {
font-size: 15px;
display: block;
font-family: FontAwesome;
}
.rating__item::after {
content: "\f006";
}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {
content: "\f005";
}
.rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after {
content: "\f123";
}
.tab-content .data-table_paginate .pagination {
display: table;
width: 100%;
}
.tab-content .data-table_paginate .pagination > li.page-item:first-child {
float: left;
}
.tab-content .data-table_paginate .pagination > li.page-item:last-child {
float: right;
}
.tab-content .data-table_paginate .page-item .page-link {
border-radius: .25rem;
}
.row.fu-loadmore-btn {
width: 100%;
display: table;
text-align: center;
margin-bottom: 15px;
margin-top: 20px;
}
.row.fu-loadmore-btn .page-link {
display: inline-block;
background: #ff6637;
color: #fff;
border-radius: 10px;
padding: 12px 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.error_top_pass p {
color: red;
text-align: center;
}
.error_top p {
background: #fff;
padding: 5px 5px 5px 10px;
border-radius: 8px;
border-left: 3px solid red;
color: red;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus {
background: #ff6637;
border-color: #EC9378;
box-shadow: none;
}
.left.user_image img.rounded {
width: 80px !important;
height: 80px;
object-fit: cover;
border-radius: 50px !important;
}
a:hover {
color: #FF6637;
}
.form-group .form-check {
padding-left: 0;
}
.profile-details > a {
cursor: pointer;
}
.checkout-left-inner {
padding-left: 75px;
}
.checkout-left-inner h6 {
font-weight: 700 !important;
color: #333333;
font-size: 18px;
position: relative;
padding-bottom: 10px;
}
.checkout-left-box {
position: relative;
}
.checkout-left-box.sis-cart-item:before {
content: "";
width: 0px;
border: 1px dashed #b5b5b5;
left: -42px;
top: 0;
bottom: -25px;
display: inline-block;
position: absolute;
}
.checkout-left-box.sis-cart-item:after {
content: "\f041";
font-family: FontAwesome;
background: #ff6637;
width: 50px;
display: inline-block;
height: 50px;
text-align: center;
color: #fff;
font-size: 28px;
border-radius: 50px;
line-height: 50px;
position: absolute;
left: -66px;
top: 0;
}
.checkout-left-inner .addres-innerbox {
background: #f2f4f8;
border-radius: 10px;
}
.checkout-left-inner .addres-innerbox h6 {
font-size: 16px;
}
.checkout-left-inner .addres-innerbox p {
color: #000;
font-weight: 500;
font-size: 15px;
}
.checkout-left-box.accordion:after {
content: "\f09d";
font-family: FontAwesome;
background: #ff6637;
width: 50px;
display: inline-block;
height: 50px;
text-align: center;
color: #fff;
font-size: 28px;
border-radius: 50px;
line-height: 50px;
position: absolute;
left: -66px;
top: 0;
}
.checkout-left-inner .add-note h3 {
font-weight: 700 !important;
color: #333333;
font-size: 18px;
position: relative;
margin-bottom: 15px;
}
.checkout-left-inner .add-note {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
margin-bottom: 1rem;
border-radius: 0.75rem;
padding: 1rem 0;
background: #fff;
}
.checkout-left-inner .add-note textarea {
border: 1px solid #ced4da;
height: 75px;
width: 100%;
border-radius: 5px;
}
.gendetail-row h3 {
font-size: 17px;
font-weight: 600 !important;
padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: 2px solid #ff6637;
}
.gendetail-row .form-group {
margin-bottom: 8px;
}
.gendetail-row .form-group label {
margin: 0;
width: 100%;
}
.gendetail-row .form-group.gendetail-col label strong {
padding-right: 5px;
width: 35%;
float: left;
}
.gendetail-row .form-group.gendetail-col label > span {
margin-left: 35%;
display: block;
font-weight: 500;
letter-spacing: 0.5px;
}
.gendetail-row .card {
height: 100%;
}
.bill-address span {
padding-bottom: 2px;
font-weight: 500;
}
.order-secdetail .order-deta-btm-right, .order-secdetail .resturant-detail, .order-secdetail .card {
height: 100%;
}
.order-secdetail .card-header h4.card-header-title {
font-size: 17px;
margin-bottom: 0;
font-weight: 600 !important;
}
.order-secdetail .restaurant-title, .order-secdetail .driver-name-title {
font-size: 17px;
font-weight: 700;
letter-spacing: 0.5px;
color: #000;
}
.order-secdetail .contact-info {
font-size: 16px;
margin-top: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.order-secdetail .row.redirecttopage {
margin: 0;
align-items: center;
}
.order-secdetail .restaurant-title a.redirecttopage, .order-secdetail .driver-name-title a.redirecttopage {
color: #000;
}
.order-secdetail .card-body p > strong {
padding-right: 5px;
font-weight: 600;
color: #000;
float: left;
width: 30%;
}
.order-secdetail .card-body p > span {
display: block;
margin-left: 30%;
font-weight: 500;
}
.order-secdetail .row.redirecttopage img {
object-fit: cover;
}
.section-header {
/* z-index: 5; */
position: relative;
}
.multi-vendore-content .pro-list .list-card {
border: 1px solid rgb(232, 232, 232);
transition: all ease 0.5s;
padding: 10px;
border-radius: 10px;
}
.multi-vendore-content #most_sale1 .list-card .list-card-image img {
height: 200px;
min-height: inherit;
}
.multi-vendore-content.ecommerce-content .pro-list .list-card h6.popul-title {
font-weight: 600;
}
.list-card .list-card-body .offer-code a{font-weight: 500;border: 1px solid #ff683a;padding: 3px 10px;border-radius: 5px;background: #ff683a;color: #fff;margin: 0px 0 0 0 !important;font-size: 13px;display: inline-block;}
.multi-vendore-content .all-store-section .pro-list {
padding-bottom: 15px;
}
.rent-cardet-left .slick-slider.main-slider{margin-bottom: 15px;}
.rent-cardet-left .product-image{padding: 5px;}
.rent-cardet-left .product-image.slick-slide,.rent-cardet-left .product-image{border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.rent-cardet-left .product-image.slick-slide img{border-radius: .25rem;}
.pro-list .list-card-image .img-fluid {
width: 100% !important;
height: 200px;
min-height: inherit;
object-fit: cover;
max-height: inherit;
}
.multi-vendore-content .pro-list .list-card {
border: 1px solid rgb(232, 232, 232);
transition: all ease 0.5s;
padding: 10px;
border-radius: 10px;
height: 100%;
}
.car-detail-inner {
background: #fff;
padding: 20px;
/* box-shadow: 0 4px 9px 0 rgb(0 0 0 / 9%); */
}
.car-del-top-section .rent-cardet-left {
padding-right: 15px;
}
.slick-slider {
margin: 0 -8px;
}
.slick-list .slick-track {
margin: inherit;
}
.car-del-top-section .rent-cardet-right {
padding-left: 15px;
}
.car-det-title h2 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.03em;
color: #000000;
}
.more-from-store .store-product {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E5EAF1;
}
.more-from-store h3 {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.03em;
color: #000000;
text-align: left;
width: 100%;
margin-bottom: 30px;
}
.more-from-store .store-product .product-content {
display: flex;
align-items: center;
cursor: pointer;
}
.more-from-store .store-product .product-content .store-image {
width: 100px;
text-align: center;
padding: 10px;
border: 1px solid #ececec;
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.more-from-store .store-product .product-content .product-detail {
padding-left: 10px;
}
.more-from-store .store-product .product-detail .product-name {
margin-bottom: 10px;
}
.more-from-store .store-product .product-detail .product-review {
margin-bottom: 10px;
}
.more-from-store .store-product .product-detail .strike-price {
display: flex;
align-items: center;
}
.more-from-store .store-product .product-content .store-image img {
height: 90px;
object-fit: cover;
box-sizing: border-box;
max-width: 100%;
}
.ecommerce-banner .slick-slide .banner-text h3 {
font-weight: 600;
font-size: 34px;
line-height: 41px;
letter-spacing: 0.03em;
color: #000000;
margin-bottom: 15px;
}
.ecommerce-banner .slick-slide .banner-text p {
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.03em;
color: #333333;
margin-bottom: 20px;
}
.ecommerce-content {
padding-top: 50px;
background: #fff;
}
.ecommerce-content > section {
padding-bottom: 50px;
}
.ecommerce-banner .slick-slider {
margin: 0;
}
.ecommerce-banner .slick-prev {
left: 35px;
}
.ecommerce-banner .slick-slide {
position: relative;
}
.ecommerce-banner .slick-slide {
padding: 0;
}
.ecommerce-content .top-categories .append_categories .row, .brands > .row {
margin-left: -10px;
margin-right: -10px;
}
.col-md-2.top-cat-list, .col-md-2.brand-list {
-ms-flex: 0 0 14.285%;
flex: 0 0 14.285%;
max-width: 14.285%;
padding: 0 10px;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
border: none;
border-radius: 50%;
background: none;
transition: all ease 0.5s;
padding: 0; width: 104px; height: 104px; overflow: hidden;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link:hover span{box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.2);
transition: all ease 0.5s;}
.ecommerce-content .title .see-all {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
font-weight: 500;
}
.ecommerce-content .title .see-all a {
background: transparent !important;
color: #e23744 !important;
font-weight: 600;
padding: 0;
border-radius: 0;
display: inline;
font-size: 14px;
}
.ecommerce-content .title .see-all a:hover{ opacity: 0.8; text-decoration: underline; }
.ecommerce-banner .slick-slide .banner-text {
position: absolute;
max-width: 1140px;
padding: 0 15px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto;
}
#most_sale1 .list-card:before {
position: relative !important;
}
.ecommerce-content .title {
margin-bottom: 25px;
border-bottom: 1px solid #D6E3EC;
padding-bottom: 15px;
}
.multi-vendore-content .new-arrivals .list-card .list-card-image {
margin-top: 15px;
}
.multi-vendore-content .pro-list .list-card-image .img-fluid {
border-radius: 10px;
}
.ecommerce-banner .slick-next {
right: 35px;
}
.ecommerce-banner.multivendor-banner .banner-img img {
height: auto;object-fit: cover;
}
.top-cat-list .cat-link span {
background: #F5F3FD;
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.top-cat-list .cat-link h4 {
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.03em;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px !important;
}
.contac-fotm-wrap {
max-width: 600px;
margin: 0 auto;
}
.contac-fotm-wrap .form-control {
height: 45px;
}
.contac-fotm-wrap textarea.form-control {
height: 100px;
}
.contac-fotm-wrap .btn.btn-primary {
padding: 10px 25px;
font-weight: 600;
font-size: 16px;
}
.contac-fotm-wrap .form-title h4 {
position: relative;
padding-bottom: 0px;
margin-bottom: 10px !important;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.5px;
}
.contact-map iframe {
display: block;
}
.c-t-order li a#completed-tab.active i {
background: #28a745 !important;
}
.ord-com-btn .bg-rejected {
background-color: red !important;
}
.ord-com-btn .bg-pending {
background-color: #ffc107 !important;
}
.sis-favorites .container > h2 {
margin-bottom: 30px !important;
font-size: 20px;
}
.slick-list .slick-track {
margin: inherit;
}
.notification-main .modal-body h6 {
text-align: center;
font-size: 18px;
color: #FF6637;
}
.notification-main .modal-footer .btn.btn-primary {
border-radius: 5px;
}
.notification-main .modal-footer .btn.btn-primary a {
color: #fff;
}
#notification_order_complete .notification-main .modal-body h6 {
color: green;
}
section.middle-banners .banner-img{border-radius: 10px;overflow: hidden;}
section.middle-banners .banner-img img{/*height: 260px;*/object-fit: cover;}
/*******************Dyining Restaurant**************/
.dyn-menulist button.view_all_menu_btn {
text-transform: capitalize;
color: #FF6637;
font-weight: 600;
letter-spacing: 0.5px;
}
.dyn-menulist .slick-slider .image-item img {
width: 100%;
border-radius: 10px;
}
h5.list-title {
font-size: 20px;
color: #2a2a2a;
font-weight: 600;
}
.dyntable-detail ul, .daytab-cousines ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.dyntable-detail ul li {
padding-left: 40px;
position: relative;
}
.dyntable-detail ul li > span {
position: absolute;
left: 0;
top: 0px;
font-size: 25px;
color: #333;
line-height: 1;
}
.dyntable-detail ul li h5 {
color: #2a2a2a;
font-size: 16px;
}
.dyntable-detail ul li .slick-slider {
margin: 0;
color: #666;
font-size: 18px;
}
.daytab-cousines ul li {
display: inline-block;
margin-right: 10px;
}
.daytab-cousines ul li > span {
display: block;
color: #ff683a;
font-size: 17px;
font-weight: 500;
padding: 10px 20px;
border: 1px solid #d7d7d7;
border-radius: 50px;
cursor: pointer;
text-align: center;
}
.daytab-cousines ul li > span:hover {
background: #ff683a;
color: #fff;
border-color: #ff683a;
}
#book_a_table input[type="checkbox"], #book_a_table input[type="radio"] {
width: 15px;
height: 15px;
accent-color: #ec6707;
cursor: pointer;
}
#book_a_table .form-check {
margin-bottom: 10px;
}
a.restaurant_direction {
padding: 10px 24px;
border: 1px solid #e2e5e9;
border-radius: 8px;
font-weight: 600;
font-size: 17px;
display: inline-block;
}
.address_restaurant {
font-size: 16px;
color: #666666;
font-weight: 500;
}
.request-data { /*display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;*/
}
.request-data .sub-details {
padding: 10px 5px;
margin-bottom: 10px;
border-radius: 5px;
display: inline-block;
font-size: 13px;
width: auto;
vertical-align: top;
}
.request-data .sub-details > span:first-child {
min-width: 140px;
color: #ff6637;
display: block;
}
.request-data .sub-details > span:last-child {
margin-left: auto !important;
font-weight: 500;
}
.order-body .ord-com-btn {
min-width: 135px;
text-align: center;
}
/*******************Dyining Restaurant**************/
.language-options select.form-control {
font-size: 13px;
padding: 0;
border: 0;
cursor: pointer;
}
.language-options select.form-control:focus {
box-shadow: none;
outline: none;
border: 0;
}
.slick-dots li{width: 40px;margin: 0 6px;}
.slick-dots li button{width: 40px;height: 10px;}
.slick-dots li button::before {opacity: .8;color: #fff;font-size: 15px;width: 40px;height: 5px;background: #fff;border-radius: 50px; content: "";}
.slick-dots li.slick-active button::before {color:#FF6C40 !important;background: #FF6C40 !important;}
.pac-container {
z-index: 99999 !important;
}
#phone-box .col-xs-12 {
position: relative;
}
.form-material .form-control#phone,.login-page .form-control#mobileNumber {
padding-left: 110px;
}
.select2.select2-container {
position: absolute;
left: 0;
top: 3px;width: auto !important;
}
.select2.select2-container .select2-selection--single {
border: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
max-width: 107px;
}
.select2-container .select2-selection--single .select2-selection__rendered > span .img-flag {
max-width: 25px;
}
.select2-container .select2-selection--single .select2-selection__rendered > span {
font-size: 13px;
padding-right: 5px;
}
.select2-results__option span img.img-flag {
max-width: 25px;
}
.select2-container--open .select2-dropdown {
min-width: 358px;
top: 7px;
border: 0;
}
.hide_tab {
display: none !important;
}
/****************item Attribute*************/
.v-boxariants .attribute_list > div.attribute-drp {
border: 0 !important;
padding-bottom: 25px;
}
.v-boxariants .attribute_list > div .attribute-options > div.custom-control {
display: inline-block;
position: relative;
margin-bottom: 0;
vertical-align: top;
padding: 0 !important;
background: #fff;
z-index: 2;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
color: #333;
font-size: 15px;
border: 1px solid #dae0ef !important;
width: auto !important;
margin-right: 10px;
}
.v-boxariants .attribute_list > div .attribute-options > div.custom-control .custom-control-input:checked ~ .custom-control-label {
color: #fff;
}
.v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label {
padding: 10px 22px;
cursor: pointer;
}
.product-detail-page .v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::before {
border: 0;
}
.v-boxariants .attribute_list > div .attribute-options > div.custom-control label.custom-control-label::before {
left: 0;
right: 0;
width: auto;
max-width: inherit;
bottom: 0;
height: 100%;
border-radius: 0;
top: 0;
z-index: -1;
border-radius: 5px;
}
.web_version {
text-align: center;
font-weight: 700;
padding: 14px 17px;
font-size: 13px;
color: #343a40;
z-index: 1;
background: rgba(0, 0, 0, 0);
}
.vandor-sidebar {
background: #FFFFFF;
border: 1px solid #EAEAEA;
}
.vandor-sidebar h3 {
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
color: #333333;
margin: 0;
padding: 15px 22px;
border-bottom: 1px solid #EAEAEA;
}
.vandor-sidebar .vandorcat-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.vandor-sidebar .vandorcat-list li {
margin-bottom: 10px;
}
.vandor-sidebar .vandorcat-list li a {
padding: 8px 22px;
font-weight: 400;
font-size: 15px;
line-height: 26px;
letter-spacing: 0.03em;
color: #333333;
display: block;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
border-left: 3px solid transparent;
}
.vandor-sidebar .vandorcat-list li a:hover {
padding-left: 30px;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
}
.vandor-sidebar .vandorcat-list li a span {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.vandor-sidebar .vandorcat-list li a span img {
max-width: 32px;
border-radius: 100px;
border: 1px solid #e8e8e8;
padding: 2px;
height: 32px; object-fit: cover;
}
.category-listing-page .page-title, .st-brands-page .page-title {
border-bottom: 1px solid #D6E3EC;
padding-bottom: 15px;
margin-bottom: 30px !important;
}
.category-listing-page {
background: #fff;
padding-bottom: 40px;
}
.category-listing-page .product-list .list-card, .product-detail-page .product-list .list-card {
padding: 10px;
border: 1px solid #ececec;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.category-listing-page .product-list .list-card-image img, .product-detail-page .product-list .list-card-image img {
height: 200px; /*object-fit: contain;*/
}
.category-listing-page .col-md-2.brand-list {
padding: 0 8px;
}
.category-listing-page .brand-list .list-card-image > a {
background: #F5F3FD;
border-radius: 20px;
padding: 10px;
display: block;
cursor: pointer;
min-height: 120px;border: 1px solid #eaeaea;
}
.category-listing-page .brand-list .list-card-image > a img {
height: 100%;
object-fit: cover;
width: 100% !important;
border-radius: 20px;
min-height: 120px;
max-height: 120px;
}
.category-listing-page .brand-list .brand-title{text-align: center;}
.category-listing-page .product-list .list-card .list-card-image .member-plan {
}
.foodies-detail-coupon .coupon-code label {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 33px;
letter-spacing: 0.05em;
color: #333333;
margin-bottom: 15px;
}
.foodies-detail-coupon .copupon-list ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #D6E3EC;
padding-bottom: 15px;
margin-bottom: 30px !important;
}
.foodies-detail-coupon .copupon-list ul li {
list-style-type: none;
margin-right: 10px;
display: inline-block;
margin-bottom: 10px;
border-radius: 5px;
padding: 15px 20px;
border: 1px dashed #ccc;
background: #fff;
cursor: pointer;
}
.foodies-detail-coupon .copupon-list ul li span {
font-weight: 600;
color: #6d6d77;
font-size: 13px;
display: block;
position: relative;
margin-bottom: 10px;
margin-bottom: 0;
}
.foodies-detail-coupon .copupon-list ul li span.per-off {
font-size: 17px;
margin-bottom: 10px;
color: #676771;
}
.foodies-detail-coupon .copupon-list ul li:hover {
background: #f8f7fc;
color: #8b8a93;
}
.foodies-detail-coupon .copupon-list ul li span.per-off:before {
content: "";
background: url(/images/discount-icon.png) no-repeat center center;
width: 22px;
height: 23px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
top: -2px;
position: relative;
}
.vandor-sidebar .vandorcat-list li a:hover,.vandor-sidebar .vandorcat-list li.active a{color:#cc3838}
.product-list{margin-bottom: 15px;}
.product-list .list-card {
padding: 10px;
border: 1px solid #ececec;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;border-radius: 10px;transition: all ease 0.5s;height: 100%;
}
.product-list .list-card:hover,.multi-vendore-content .pro-list .list-card:hover{box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2) !important;transition: all ease 0.5s;}
.all-store-section .product-list{margin-bottom: 20px;}
.all-store-section .product-list .list-card{margin-bottom: 20px;}
.product-list .list-card-image img {
width: 100% !important;
height: 200px;
min-height: inherit;
object-fit: cover;
max-height: inherit;
object-position: center;border-radius: 10px;
}
.product-list .list-card .list-card-image .discount-price{position: absolute; bottom: 0; right: 0;background: #000; color: #fff; font-size: 14px; border-radius: 40px 0px 10px 0px; padding: 12px 15px 12px 25px;line-height: 1;font-weight: 600;}
.product-list .list-card-body {
position: relative;
padding-right: 0px;
padding-top: 15px;
}
.product-list .list-card-body .product-title {
font-weight: 600;
font-size: 16px;
line-height: 1;
letter-spacing: 0.03em;
color: #333333;
margin-bottom: 0 !important;
}
.list-card h6.popul-title{font-weight: 600;
font-size: 16px;
line-height: 1;
letter-spacing: 0.03em;
color: #333333;}
.product-list .list-card-body .pro-price {
position: absolute;
right: 0;
bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0.02em;
color: #333333;
margin-bottom: 3px !important;
}
.product-list .list-card-body .product-title a {
margin-bottom: 0 !important;
}
.product-list .list-card-body .pro-cat {
color: #666666;
font-size: 14px;
margin: 0 !important;
margin-top: 8px !important;
}
.product-list .list-card-body .pro-price s {
font-size: 13px;
color: #666666;
padding-left: 5px;
}
.all-store-section .product-list .list-card-body{padding-right: 0;}
.vendor-page .product-list .list-card-image img {
height: 300px;
object-position: top;
object-fit: cover;
}
/*star rating css*/
.rating {
border: none;
float: none;
margin: 0 auto;
}
.rating > input {
display: none;
}
.rating > label:before {
content: '\f005';
font-family: FontAwesome;
margin: 0px 5px;
font-size: 3.5rem;
display: inline-block;
cursor: pointer;
}
.rating > .half:before {
content: '\f089';
position: absolute;
cursor: pointer;
}
.rating > label {
color: #ccc;
float: right;
cursor: pointer;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover ~ label {
color: #eca700;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ input:hover ~ label {
color: #eca700;
}
.rating[data-rating="0.5"] > input ~ label.half[for="star0.5"] {
color: #eca700;
}
.rating[data-rating="1"] > input ~ label.half[for="star0.5"], .rating[data-rating="1"] > input ~ label.full[for="star1"] {
color: #eca700;
}
.rating[data-rating="1.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="1.5"] > input ~ label.full[for="star1"], .rating[data-rating="1.5"] > input ~ label.half[for="star1.5"] {
color: #eca700;
}
.rating[data-rating="2"] > input ~ label.half[for="star0.5"], .rating[data-rating="2"] > input ~ label.full[for="star1"], .rating[data-rating="2"] > input ~ label.half[for="star1.5"], .rating[data-rating="2"] > input ~ label.full[for="star2"] {
color: #eca700;
}
.rating[data-rating="2.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="2.5"] > input ~ label.full[for="star1"], .rating[data-rating="2.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="2.5"] > input ~ label.full[for="star2"], .rating[data-rating="2.5"] > input ~ label.half[for="star2.5"] {
color: #eca700;
}
.rating[data-rating="3"] > input ~ label.half[for="star0.5"], .rating[data-rating="3"] > input ~ label.full[for="star1"], .rating[data-rating="3"] > input ~ label.half[for="star1.5"], .rating[data-rating="3"] > input ~ label.full[for="star2"], .rating[data-rating="3"] > input ~ label.half[for="star2.5"], .rating[data-rating="3"] > input ~ label.full[for="star3"] {
color: #eca700;
}
.rating[data-rating="3.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star1"], .rating[data-rating="3.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star2"], .rating[data-rating="3.5"] > input ~ label.half[for="star2.5"], .rating[data-rating="3.5"] > input ~ label.full[for="star3"], .rating[data-rating="3.5"] > input ~ label.half[for="star3.5"] {
color: #eca700;
}
.rating[data-rating="4"] > input ~ label.half[for="star0.5"], .rating[data-rating="4"] > input ~ label.full[for="star1"], .rating[data-rating="4"] > input ~ label.half[for="star1.5"], .rating[data-rating="4"] > input ~ label.full[for="star2"], .rating[data-rating="4"] > input ~ label.half[for="star2.5"], .rating[data-rating="4"] > input ~ label.full[for="star3"], .rating[data-rating="4"] > input ~ label.half[for="star3.5"], .rating[data-rating="4"] > input ~ label.full[for="star4"] {
color: #eca700;
}
.rating[data-rating="4.5"] > input ~ label.half[for="star0.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star1"], .rating[data-rating="4.5"] > input ~ label.half[for="star1.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star2"], .rating[data-rating="4.5"] > input ~ label.half[for="star2.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star3"], .rating[data-rating="4.5"] > input ~ label.half[for="star3.5"], .rating[data-rating="4.5"] > input ~ label.full[for="star4"], .rating[data-rating="4.5"] > input ~ label.half[for="star4.5"] {
color: #eca700;
}
.rating[data-rating="5"] > input ~ label.half[for="star0.5"], .rating[data-rating="5"] > input ~ label.full[for="star1"], .rating[data-rating="5"] > input ~ label.half[for="star1.5"], .rating[data-rating="5"] > input ~ label.full[for="star2"], .rating[data-rating="5"] > input ~ label.half[for="star2.5"], .rating[data-rating="5"] > input ~ label.full[for="star3"], .rating[data-rating="5"] > input ~ label.half[for="star3.5"], .rating[data-rating="5"] > input ~ label.full[for="star4"], .rating[data-rating="5"] > input ~ label.half[for="star4.5"], .rating[data-rating="5"] > input ~ label.full[for="star5"] {
color: #eca700;
}
.rating[data-rating="0.5"] > input ~ label.half[for="attr_star0.5"] {
color: #eca700;
}
.rating[data-rating="1"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="1"] > input ~ label.full[for="attr_star1"] {
color: #eca700;
}
.rating[data-rating="1.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="1.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="1.5"] > input ~ label.half[for="attr_star1.5"] {
color: #eca700;
}
.rating[data-rating="2"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="2"] > input ~ label.full[for="attr_star1"], .rating[data-rating="2"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="2"] > input ~ label.full[for="attr_star2"] {
color: #eca700;
}
.rating[data-rating="2.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="2.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="2.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="2.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="2.5"] > input ~ label.half[for="attr_star2.5"] {
color: #eca700;
}
.rating[data-rating="3"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star1"], .rating[data-rating="3"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star2"], .rating[data-rating="3"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="3"] > input ~ label.full[for="attr_star3"] {
color: #eca700;
}
.rating[data-rating="3.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="3.5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="3.5"] > input ~ label.half[for="attr_star3.5"] {
color: #eca700;
}
.rating[data-rating="4"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star1"], .rating[data-rating="4"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star2"], .rating[data-rating="4"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star3"], .rating[data-rating="4"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="4"] > input ~ label.full[for="attr_star4"] {
color: #eca700;
}
.rating[data-rating="4.5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="4.5"] > input ~ label.full[for="attr_star4"], .rating[data-rating="4.5"] > input ~ label.half[for="attr_star4.5"] {
color: #eca700;
}
.rating[data-rating="5"] > input ~ label.half[for="attr_star0.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star1"], .rating[data-rating="5"] > input ~ label.half[for="attr_star1.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star2"], .rating[data-rating="5"] > input ~ label.half[for="attr_star2.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star3"], .rating[data-rating="5"] > input ~ label.half[for="attr_star3.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star4"], .rating[data-rating="5"] > input ~ label.half[for="attr_star4.5"], .rating[data-rating="5"] > input ~ label.full[for="attr_star5"] {
color: #eca700;
}
/*attribute star rating css*/
.attribute {
border: none;
float: none;
margin: 0 auto;
}
.attribute > input {
display: none;
}
.attribute > label:before {
content: '\f005';
font-family: FontAwesome;
margin: 0px 5px;
font-size: 1.5rem;
display: inline-block;
cursor: pointer;
}
.attribute > .half:before {
content: '\f089';
position: absolute;
cursor: pointer;
}
.attribute > label {
color: #ccc;
float: right;
cursor: pointer;
}
/*landing page*/
.st-home-page-main {
background: #FAFAFA;
font-family: 'Poppins';
}
.st-home-page-main .brand-wrap {
position: static;
border-radius: 0 !important;
background: none;
padding: 12px 0;
box-shadow: none !important;
}
.st-home-page-main header.section-header {
position: absolute;
left: 0;
right: 0;
}
.st-home-banner {
background: url(../images/land-banner-bg.png) no-repeat left top;
background-size: 50% auto;
background-repeat: no-repeat;padding-bottom: 40px;
}
.st-home-banner-right img {
max-width: 100%;
}
.st-home-banner-left {
text-align: right;
padding-top: 100px;
padding-bottom: 80px;
}
.st-home-banner-content {
display: inline-block;
text-align: left;
max-width: 545px;
padding-right: 45px;
}
.st-home-banner-content h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 34px;
line-height: 51px;
letter-spacing: 0.03em;
color: #000000;
margin-bottom: 23px;
}
.st-home-banner-content p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #505056;
margin-bottom: 35px;
}
.st-home-banner-content .cat-item a.cat-link {
border-color: transparent;
}
.st-home-banner-content .cat-item a.cat-link:hover, .st-home-banner-content .cat-item.section-selected a.cat-link {
border-color: #FF683A;
background: none !important;
}
.st-home-banner-content .cat-item a.cat-link p {
font-weight: 400;
font-size: 13px !important;
line-height: 21px;
letter-spacing: 0.05em;
color: #505056;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.st-home-banner-content .cat-item a.cat-link:hover p {
color: #505056 !important;
}
.st-home-banner-content .cat-slider img {
border-radius: 0 !important;
width: 60px;
height: 60px;
}
.location-box .location-group {
position: relative;
}
.location-box .location-group input {
border: 1.2px solid #CCD1D7;
padding: 16px 132px 16px 21px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #505056;
width: 100%;
}
.location-box {
margin-bottom: 40px;
}
.location-box .location-group .locate-me {
position: absolute;
right: 21px;
top: 0;
bottom: 0;
line-height: 56px;
font-size: 14px;
letter-spacing: 0.05em;
color: #505056;
cursor: pointer;
}
.location-box .location-group .locate-me img {
margin-right: 6px;
}
.st-home-banner-content .cont-btn a {
background: #FF683A;
box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #FFFFFF;
padding: 8px 25px;
border-color: #FF683A;
}
.st-home-banner-content .cont-btn a:hover {
opacity: 0.8;
}
.st-home-banner-content .slick-arrow, .st-home-banner-content .slick-arrow:hover, .st-home-banner-content .slick-arrow:focus {
height: 42px;
width: 42px;
background-size: 8px;
}
.st-home-service {
background: #1F1F1F;
padding-top: 80px;
padding-bottom: 80px;
}
.st-service-box {
padding: 42px 40px;
background: #262626;
border-radius: 30px;
height: 100%;}
.st-service-box h3 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
text-align: center;
letter-spacing: 0.05em;
}
.st-service-box p {
font-weight: 400;
font-size: 15px;
line-height: 22px;
text-align: center;
letter-spacing: 0.03em;
color: #F0E2DE;
}
.st-appstore {
padding-top: 70px;
padding-bottom: 70px;position: relative;z-index: 2;
}
.st-appstore-right img {
max-width: 100%;
}
.st-appstore:after{position: absolute; top: auto;left: 0px; background: url(../images/appstore-pizza.png) no-repeat left center; width: 97px; height: 167px; content: ""; bottom: 120px; margin: auto;z-index: -1;}
.st-appstore-left:after{position: absolute; top: -50px;left: -75px; background: url(../images/appstore-round.png) no-repeat center; width: 136px; height: 136px; content: "";}
.st-appstore-left h3 {
font-weight: 600;
font-size: 34px;
line-height: 51px;
letter-spacing: 0.05em;
color: #000000;
margin-bottom: 14px;
}
.st-appstore-left p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #505056;
}
.st-appstore-down {
margin-top: 40px;
}
.st-appstore-down h4 {
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.05em;
color: #000000;
margin-bottom: 21px;
}
.st-appstore-down a {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.st-appstore-right {
padding-left: 70px;
}
/*end-landing page*/
.variant-info {
padding-top: 10px;
}
.variant-info ul {
display: flex;
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
.variant-info ul li {
margin-right: 10px;
padding-right: 10px !important;
border-right: 1px solid #dee2e6;
font-size: 13px !important;
display: flex;
padding: 0px 0px;
font-size: 10px;
margin-bottom: 2px;
}
.variant-info ul li:last-child {
border: 0;
}
.variant-info ul li span.label::after,#cart_list .sidebar-item-list .extras span.label:after {
content: ":";
padding-left: 3px;
}
/*Product detail page reviews Css*/
.product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .badge.badge-success {
padding: 6px 10px;
font-size: 14px;
font-weight: 500;
}
.product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .count {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
color: #777777;
margin-left: 12px;
}
.product-detail-page .rental-detailed-ratings-and-reviews .rental-review .overall-rating .feather-star {
color: #fff !important;
}
.product-detail-page .attribute-ratings .feature-reviews-members-header {
position: relative;
z-index: 1;
}
.product-detail-page .attribute-ratings .feature-reviews-members-header:before {
position: absolute;
content: "";
background: #E5EAF1;
height: 1px;
left: 0;
right: 0;
bottom: 8px;
z-index: -1;
}
.product-detail-page .attribute-ratings .feature-reviews-members-header h6 {
font-weight: 400;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.05em;
color: #333333;
background: #fff;
padding-right: 10px;
min-width: 150px;
}
.product-detail-page .attribute-ratings .feature-reviews-members-header .rating-info {
background: #fff;
padding-left: 10px;
}
.product-detail-page .rating-info .feather-star {
font-size: 17px;
margin-right: 4px;
}
.product-detail-page .attribute-ratings .rating-info .count-rating {
width: 20px;
text-align: right;
}
.rental-review .reviews-members .reviews-members-body .photos ul {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
.rental-review .reviews-members .reviews-members-body .photos ul li {
display: inline-block;
margin-right: 10px;
margin-top: 10px;
width: 15%;
vertical-align: middle;
}
.rental-review .reviews-members .reviews-members-body .photos ul li img {
display: block;
width: 100%;
border-radius: 5px;
background: #E7E7E7;
height: 53px;
object-fit: contain;
}
.specification .prospe-info-box-list {
font-weight: 400;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.05em;
color: #333333;
position: relative;
padding-left: 15px;
}
.specification .prospe-info-box-list:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 0px;
top: 0px;
background: #666666;
border-radius: 100%;
bottom: 0;
margin: auto;
}
.specification .prospe-info-box-list label {
margin-left: auto;
margin-bottom: 0;
}
/*Product detail page reviews Css End*/
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
}
.resturant-banner-right-block{margin-bottom: 16px;}
.resturant-banner-right-block img{max-width: 100%;height: 142px;object-fit: cover;border-radius: 10px; width: 100%;}
.resturant-banner-right-block.view-all-blc {height: 100%; position: relative; cursor: pointer;border-radius: 10px;
overflow: hidden;}
.resturant-banner-right-block.view-all-blc:before{position: absolute; top: 0; bottom: 15px; left: 0; right: 0; background: rgba(0,0,0,0.5); content: "";border-radius: 10px;}
.resturant-banner-right-block.view-all-blc img{height: calc(100% - 16px);}
.resturant-banner-right-block.view-all-blc .see-gallary{position: absolute;left: 0; right: 0; height: 25px;top: 0; bottom: 0; margin: auto; text-align: center;font-size: 18px;font-weight: 600;color: #fff;}
/****************Story start*************/
.sis-home-page .ecommerce-content{padding-top: 0;}
.ecommerce-content > section.restaurant_stories{margin-bottom: 0px;background: #000000;padding-top: 10px;padding-bottom: 10px;}
.ecommerce-content > section.top-categories{margin-top: 50px;}
.restaurant_stories .stories.snapssenger.carousel .story{width: 20% !important; width: 44vw;max-width: 100%;/*max-height: 210px;*/ max-height: 230px;padding: 0;}
.restaurant_stories .slick-track{width: 100% !important;}
.restaurant_stories .stories.snapssenger.carousel .story a{border: 2px solid transparent;border-radius: 16px;}
.restaurant_stories .stories.snapssenger.carousel .story a:hover{border: 2px solid #fff;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link{max-height: 210px;border-radius: 16px; overflow: hidden;transition: all ease 0.5s;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link:after{position: absolute; content: ""; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); height: 90px;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.38) 38%, rgba(0,0,0,0.77) 77%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.38) 38%,rgba(0,0,0,0.77) 77%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.38) 38%,rgba(0,0,0,0.77) 77%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .item-preview{height: 210px;max-height: inherit;border-radius: 16px; overflow: hidden;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .item-preview img{border-radius: 16px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info{font-family: 'Montserrat';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;letter-spacing: 0.02em;color: #FFFFFF;text-shadow: none;bottom: 16px;left: 5px;right: 5px;
width: auto;z-index: 1;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info .name{font-weight: 700 !important;}
.restaurant_stories .stories.snapssenger .story.seen{opacity: 1;}
#zuck-modal-content .story-viewer .slides .item{max-width: 600px;margin: 0 auto;left: 0 !important;right: 0 !important; }
#zuck-modal-content .story-viewer .head{max-width: 600px;margin: 0 auto;left: 0;right: 0;width: 100%;height: 85px !important;padding: 20px 12px !important; }
#zuck-modal-content .story-viewer .slides-pointers{max-width: 600px;margin: 0 auto;left: 0;right: 0;}
#zuck-modal-content .story-viewer .slides-pointers{left: 0;right: 0;width: 100%;}
#zuck-modal-content .story-viewer .head .item-preview{width: 60px !important;height: 60px !important;border-radius: 10px !important;}
#zuck-modal-content .story-viewer .head .left .info .name{font-family: 'Montserrat';font-style: normal;font-weight: 600 !important;font-size: 19px;line-height: 23px;letter-spacing: 0.03em;color: #FFFFFF; opacity: 1; margin-bottom: 7px;}
#zuck-modal-content .story-viewer .head .right{position: fixed;right: 23px;top: 10px;color: #fff;opacity: 1;}
#zuck-modal-content .story-viewer .head .right .close{color: #fff;opacity: 1;}
#zuck-modal-content .story-viewer .slides .item > .media{transform: inherit !important; left: 0 !important; right: 0 !important; width: 100% !important;height: auto !important;}
#zuck-modal-content .story-viewer .tip.muted{bottom: 80px !important; cursor: pointer;font-size: 18px; padding: 5px 15px;}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link:hover{
/*box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2) !important;*/
transition: all ease 0.5s;
}
.restaurant_stories .stories.snapssenger.carousel .story:hover .item-link > .item-preview img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;}
#zuck-modal{background: rgba(0,0,0,98) !important;}
.restaurant_stories .storiesWrapper .slick-arrow.slick-prev,.middle-banners .slick-arrow.slick-prev{left: 10px;}
.restaurant_stories .storiesWrapper .slick-arrow.slick-next,.middle-banners .slick-arrow.slick-next{right: 10px;}
.restaurant_stories .stories.carousel .story:first-child{margin-left: 6px;}
.new-acc a.btn.btn-primary{padding: 10px 20px;font-size: 17px;display: block;width: 100%; font-weight: 600;}
.new-acc a.btn.btn-primary i{margin-right: 10px; font-size: 20px;}
.or-line{text-align: center;position: relative;}
.or-line:before{position: absolute; height: 1px; background: #ccc; left: 0; right: 0; margin: auto; top: 0; bottom: 0; content: "";}
.or-line span{display: inline-block; background: #fff;font-size: 20px; color: #FF6637;z-index: 1;position: relative;padding: 5px 10px;}
.social-icon > div{display: flex; justify-content: center;}
.social-icon > div > a{width: 50px;height: 50px;text-align: center;display: flex;justify-content: center;align-items: center;background: #000;border-radius: 50px;}
.social-icon > div > a i{ font-size: 30px; }
#socialShare .modal-header i{font-size: 30px;}
.checkout-left .banner-img{border-radius: 15px;overflow: hidden;}
.checkout-left .banner-img img{height: 400px;object-fit: cover;}
#gift_card_img .slick-arrow,#gift_card_img .slick-arrow:hover,#gift_card_img .slick-arrow:focus{margin: 0 50px;}
.swiper-container{position: relative;padding-bottom: 20px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
width: 34px;
border-radius: 50px;
height: 34px;
margin: 0 8px;
background-color: #fff;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
border: 1px solid #e4e7ea;
z-index: 9; color: #000}
.swiper-button-next::after, .swiper-button-prev::after { font-size:15px }
.restaurant_stories .swiper-pagination-bullet{width: 12px;height: 12px}
.restaurant_stories .swiper-horizontal > .swiper-pagination-bullets,.restaurant_stories .swiper-pagination-bullets.swiper-pagination-horizontal,.restaurant_stories .swiper-pagination-custom,.restaurant_stories .swiper-pagination-fraction{bottom: -6px}
/****************Story End*************/
.quantity-row h3{padding: 10px 15px;border: 1px solid #ccc; border-radius: 10px;display: flex;align-items: center;justify-content: space-between;font-size: 16px}
.quantity-row span.quantity-count{font-size: 16px;color: #6f6f6f;}
/****************Highlights Prview*************/
.top-categories.highlights-section{margin-top: 0px !important}
.top-categories.highlights-section .highlights-section-inner{background: rgb(255, 235, 229);padding: 30px 40px;border-radius: 10px;}
.ecommerce-content .highlights-section .title{border-bottom: 1px solid #A4A4A4;}
.highlights-slider{overflow: hidden; padding: 0 0px;width: 100%;display: flex;justify-content: center;}
.highlights-slider .slick-list{padding-bottom: 15px}
.highlights-slider .slick-prev{left: -8px;}
.highlights-slider .slick-next{right: -8px;}
.highlights-slider .profile-preview-box{padding: 0 15px;padding-top: 0 !important}
.profile-preview-box .profile-preview-box-inner{border-radius: 20px; overflow: hidden;border: 1px solid #ececec;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;transition: all ease 0.5s;background: #fff;min-height: 312px}
.profile-preview-box .profile-preview-box-inner:hover{transition: all ease 0.5s;}
.highlights-slider .profile-preview-box .profile-preview-img{position: relative;overflow: hidden;}
.highlights-slider .profile-preview-box .profile-preview-img video,.highlights-slider .profile-preview-box .profile-preview-img img{width: 100%; height: 170px;object-fit: cover; transition: all ease 0.5s;display: block;}
.highlights-slider .profile-preview-box .profile-preview-img:hover img{transition: all ease 0.5s; transform: scale(1.1);}
.highlights-slider .review-rating-demo{position: absolute;bottom: 15px;right: 15px;border: 2px solid #fff;border-radius: 55px;background: #ff7a00;color: white;z-index: 9;display: flex;align-items: center;padding: 2px 6px;gap: 4px;font-size: 13px;font-weight: 500;}
.highlights-slider .review-rating-demo .rating-number *{margin-right: 5px}
.highlights-slider .profile-preview-content{display: flex; align-items: center;justify-content: space-between;position: relative; padding: 20px;}
.highlights-slider .profile-preview-wishlist{position: absolute;; right: 20px; top: 20px}
.highlights-slider .profile-preview-wishlist .preview-wishlist-icon{padding: 8px;background: #f0f0f0;font-size: 15px;border-radius: 50px;}
.highlights-slider .prev-profile-image{width: 65px;height: 65px; margin-right: 10px}
.highlights-slider .prev-profile-image img{width: 65px;height: 65px;border-radius: 100px; object-fit: cover;}
.highlights-slider .prev-profile-detail{padding-right: 35px;}
.highlights-slider .prev-profile-detail h3{font-size: 18px; font-weight: 600;color: #333}
.highlights-slider .prev-profile-detail p{margin-bottom: 0;}
.mobile-header-loc-lang .takeaway-btn {
position: relative;
padding: 8px 10px;
border-radius: 5px;
z-index: 1;
overflow: hidden;
color: #fff;
}
.mobile-header-loc-lang .takeaway-btn {
color: #ff3838;
}
.mobile-header-loc-lang .takeaway-div input[type="checkbox"] {
border: 0;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.mobile-header-loc-lang .takeaway-div input[type="checkbox"]::before {
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: absolute;
top: 0;
font-weight: 700;
left: 0;
opacity: 1;
background: #fff;
background-color: rgb(236, 147, 120);
content: "";
right: 0;
bottom: 0;
z-index: -1;
border-radius: 5px;
}
.mobile-header-loc-lang .takeaway-div input[type="checkbox"]::before {
background-color: #fff;
opacity: 0.6;
}
.mobile-header-loc-lang .takeaway-div input[type="checkbox"]:checked::before {
background-color: #fff;
opacity: 1;
}
.mobile-set-location.head-search .dropdown{
width: 100%;
border-color: #fff;
}
.mobile-set-location .user_locationnew{
width: 100%;
background: none;
border: 0;
color: #fff;
}
.mobile-set-location.head-search .pac-target-input#user_locationnew {
width: 100%;
height: 32px;
background-color: transparent;
border: 1px solid transparent;
padding: 0 35px 0 0;
font-weight: 600;
cursor: pointer;
outline: none !important;
color: #fff;
}
.mobile-set-location.head-search .dropdown-toggle::after{
color: #fff;
}
.head-search.mobile-set-location .dropdown .head-loc i.feather-map-pin{
color: #fff;
}
.mobile-header-loc-lang .language-options{
width: 100%;
}
.mobile-header-loc-lang .language-options select{
padding: 5px 10px;
}
/****************responsive*************/
@media screen and (max-width: 1199px) {
.homebanner-content h1 {
font-size: 30px;
}
.homebanner-content h4 {
font-size: 20px;
}
.homebanner-content .ban-btn a {
padding: 10px 20px;
font-size: 12px;
}
.homebanner-content .ban-btn span.price {
font-size: 18px;
}
.homebanner-content .ban-btn span.price sup {
margin-left: 0;
font-size: 10px;
}
.login-page .px-5.col-md-6.ml-auto, .login-page .px-5.col-10.mx-auto {
padding: 0 15px !important;
}
.header-right > .d-flex > .mr-4 {
margin-right: 5px !important;
}
.header-main .takeaway-btn {
padding: 8px 5px;
}
.header-right .widget-header.btn.bg-primary {
padding: 8px 7px;
}
.header-right .text-dark {
font-size: 12px;
}
.st-home-banner-content {
max-width: 465px;
padding-right: 30px;
}
.st-home-banner-content h1, .st-appstore-left h3 {
font-size: 27px;
line-height: 32px;
margin-bottom: 15px;
}
.st-appstore-left p {
font-size: 14px;
}
.top-cat-list .cat-link span {
padding: 0;
}
.brand-list .list-card-image img {
height: 100px;
width: 100;
width: 100px !important;
display: inline-block;
}
.parcel-content .whtare-sending {
padding: 50px 0;
}
.car-landing-page .block-title h2, .car-our-adenture .block-title h2 {
font-size: 35px;
}
.car-lan-about .content-block .block-title {
margin-bottom: 25px;
}
.car-lan-about p, .car-our-adenture .block-title p {
font-size: 14px;
}
.car-lan-about .content-block .about-btn {
margin-top: 15px;
height: 57px;
line-height: 55px;
}
.car-landing-page .block-title p, .car-download-sec p {
font-size: 15px;
}
.single-feature-one h3 {
font-size: 18px;
}
.single-feature-one p {
font-size: 13px;
line-height: 23px;
margin-top: 12px;
}
.car-our-adenture .block-title h5 {
font-size: 12px;
}
.block-icon li .block-right h5 {
font-size: 15px;
}
.our-adenture-img img {
max-width: 100%;
}
.block-title.mb-5 {
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 991px) {
.ecommerce-content .top-categories .append_categories .row, .brands > .row {
margin-left: -8px;
margin-right: -8px;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
padding: 0;
}
.banner-img img {
height: 300px;
object-fit: cover;
}
.homebanner-content h1 {
font-size: 25px;
margin-bottom: 10px;
}
.homebanner-content h4 {
font-size: 18px;
margin-bottom: 5px;
}
.homebanner-content .ban-btn a {
padding: 6px 18px;
font-size: 12px;
}
.homebanner-content .ban-btn span.price {
font-size: 16px;
}
.homebanner-content .ban-btn span.price sup {
margin-left: 0;
font-size: 10px;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.trending-slider .slick-slide img {
max-height: 200px;
min-height: 200px;
}
.login-page video {
height: 100%;
object-fit: cover;
}
.mobile-logo.brand-wrap {
background: #fff;
padding: 10px;
border-radius: 10px;
}
.mobile-logo.brand-wrap img {
max-width: 112px;
}
.hc-nav-trigger {
top: 28px !important;
}
.order-secdetail .row > .col-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 15px;
}
.list-card-body .offer-btm {
display: flex;
box-sizing: border-box;
}
.col-md-8.vendor-detail-left, .col-md-4.vendor-detail-right {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.brand-wrap {
position: static;
padding: 0px 12px 3px 12px;
}
.tab-title h3 {
font-size: 18px;
}
.car-specs-box .car-specs-box-inner {
padding: 9px 10px;
}
.car-specs-box .car-specs-box-inner span {
font-size: 16px;
}
.st-home-banner-content {
max-width: 100%;
padding-right: 0;
}
.st-home-banner-content p {
font-size: 14px;
}
.st-home-page-main header.section-header {
display: block;
z-index: 2;
position: static;
}
.st-home-banner-left {
padding-top: 40px;
padding-bottom: 40px;
}
.ecommerce-banner .banner-img img,.ecommerce-banner.multivendor-banner .banner-img img {
height: auto;
}
.col-md-2.top-cat-list, .col-md-2.brand-list {
padding: 0 8px;
}
.ecommerce-content .top-categories .append_categories .row, .brands > .row {
margin-left: -8px;
margin-right: -8px;
}
.hvr-float-shadow {
width: 100%;
text-align: center;
margin-top: 20px;
}
.car-lan-about .image-block .bubble-block .inner-block p {
font-size: 11px;
margin-bottom: 5px;
}
.car-lan-about .image-block {
margin-left: 0;
}
.car-lan-about .image-block .bubble-block {
width: 100px;
height: 100px;
}
.car-lan-about .image-block .bubble-block .inner-block span {
font-size: 25px;
}
.our-adenture-img {
text-align: center;
}
.multi-vendore-content.ecommerce-content .top-cat-list .cat-link span {
padding: 10px 10px;
}
.sis-home-page .mobile-filter{display: none !important;}
.resturant-banner .restaurant-pic{height: 250px;}
.col-md-8.resturant-banner-left,.col-md-4.resturant-banner-right{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media screen and (max-width: 767px) {
.most_popular .list-card-image .img-fluid, .res-search-list .list-card-image .img-fluid, .res-search-list-1 .list-card-image .img-fluid {
/*max-height: inherit;*/
}
.login-page video {
display: none;
}
.title h5 {
font-size: 20px;
}
.order-list td.ord-photo {
max-width: 100px;
width: 80px;
}
.order_img {
height: 80px;
}
.order-list tr th, .order-list tr td {
font-size: 13px;
}
.order-list tr td.price {
font-size: 15px;
}
.sis-cart-item .sis-cart-item-profile > img {
height: 200px;
max-width: 200px;
}
.rest-basic-detail .d-flex.align-items-start {
display: table !important;
width: 100%;
}
.sis-cart-item .sis-cart-item-profile > img {
height: 200px;
max-width: 200px;
}
.rest-basic-detail .d-flex.align-items-start {
display: table !important;
width: 100%;
}
.rest-basic-detail .feather_icon .fu-review, .rest-basic-detail .feather_icon .fu-status {
justify-content: start;
margin-left: 0;
}
.rest-basic-detail .feather_icon > .row {
margin-left: 0;
margin-top: 7px;
}
.rest-basic-detail .feather_icon > .row.fu-time .font-weight-bold.time {
padding-left: 0 !important;
}
#cart_list .close {
position: absolute;
right: 23px;
width: auto;
}
.footer-top .title::before, .footer-top .title::after {margin: auto;right: 0;}
.parcel_delivery_content .tab-content {
padding-left: 25px;
}
.parcel_delivery_content .tab-content::before {
left: -5px;
}
.tab-title h3 span {
left: -50px;
}
.appendParcelImages #parcelPhotos {
width: 33.33%;
}
.appendParcelImages #parcelPhotos .image-item img {
height: 100px;
}
.car-specs-box {
margin-bottom: 15px;
}
.car-del-top-section .rent-cardet-right {
padding-left: 8px;
padding-top: 20px;
}
.car-del-top-section .rent-cardet-left {
padding-right: 8px;
}
.st-appstore-right {
padding-left: 8px;
padding-top: 40px;
}
.st-home-banner {
background: none !important;
}
.st-home-banner .st-home-banner-right {
background: url(../images/hero_img_bg.png) no-repeat center top;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.st-home-service {
padding-top: 30px;
padding-bottom: 30px;
}
.st-appstore {
padding-top: 30px;
padding-bottom: 30px;
}
.st-appstore-down {
margin-top: 20px;
}
.st-appstore-down h4 {
font-size: 16px;
}
.st-home-banner-content h1, .st-appstore-left h3 {
font-size: 24px;
line-height: 28px;
}
.st-service-box {
padding: 0 0px 15px 0px;
}
.location-box .location-group input {
padding: 10px 115px 10px 10px;
font-size: 14px;
}
.location-box .location-group .locate-me {
right: 10px;
line-height: 47px;
font-size: 12px;
}
.st-home-banner-content .cont-btn a {
font-size: 14px;
}
.st-service-box h3 {
font-size: 18px;
}
.st-service-box p {
font-size: 13px;
}
.st-appstore-down a {
margin-right: 5px;
}
.st-appstore-down a img {
max-height: 35px;
}
.ecommerce-banner .banner-img img,.ecommerce-banner.multivendor-banner .banner-img img {
height: auto;
}
.col-md-2.top-cat-list, .col-md-2.brand-list {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
margin-bottom: 15px;
}
.ecommerce-content .list-card {
padding-bottom: 20px;
}
.pro-list .list-card-image .img-fluid, .product-list .list-card-image img {
height: auto;
}
.ecommerce-content > section {
padding-bottom: 20px;
}
.ecommerce-content > section.shipping-method-system-sec {
padding-bottom: 0;
}
.ecommerce-content .category-content.mb-5 {
margin-bottom: 1rem !important;
}
.ecommerce-content > section.home-categories {
padding-bottom: 0;
}
.middle-banners .banner-img img {
height: 250px;
}
.ecommerce-content .title .see-all {
font-size: 14px;
}
.parcel-content .whtare-sending {
padding: 15px;
}
.parcel-banner .homebanner-content h1 {
font-size: 22px;
line-height: 35px;
}
.parcel-banner .homebanner-content p {
font-size: 16px;
line-height: 25px;
}
.parcel-banner .banner-img {
margin-top: 25px;
}
.parcel_payment_left .coupon_detail {
padding: 28px 18px;
}
.parcel_payment_total {
padding: 15px 18px;
}
.parcel_payment-detail {
padding: 15px 18px;
}
.parcel_payment-detail > div.sender-det {
padding-bottom: 25px;
}
.parcel_payment_left .coupon_detail .coupon-code label {
font-size: 16px;
}
.car-landing-banner img {
height: 250px;
object-fit: cover;
}
.car-lan-about {
padding: 30px 0;
}
.car-whychoose-sec {
padding: 40px 0 60px 0;
}
.car-our-adenture {
padding: 30px 0 0px 0;
}
.car-download-sec {
padding-top: 40px;
}
.car-banner-content h1 {
font-size: 22px;
}
.car-lan-about .content-block .about-btn {
height: 48px;
line-height: 47px;
max-width: 200px;
}
.car-landing-page .block-title h2, .car-our-adenture .block-title h2 {
font-size: 25px;
}
.download-btn-wrap a {
margin-right: 5px;
}
.download-btn-wrap a img {
height: 40px;
}
.modal-header .close {
right: 15px;
color: #000;
}
.st-home-page-main header.section-header{display: block !important;}
.st-appstore,.st-home-service{padding-top: 30px;padding-bottom: 30px;}
.st-home-banner-content h1,.st-appstore-left h3{font-size: 28px;line-height: 1.2;}
.st-home-banner-content h1 br{display: none;}
.st-home-banner-content p{margin-bottom: 20px;}
.location-box {margin-bottom: 20px;}
.st-home-banner-content .cont-btn.mt-5{margin-top: 1rem !important;}
.st-home-banner-left{padding-bottom: 40px;}
.st-home-banner-content{padding-right: 8px;}
.st-service-box{margin-bottom: 15px; height: auto;padding: 20px 20px;}
.st-appstore-right{margin-top: 25px;padding-left: 8px;}
.footer-top .footer-about{padding-right: 8px;}
.category-listing-page .page-title h3, .st-brands-page .page-title h3{font-size: 20px;}
.restaurant_stories .stories.snapssenger.carousel .story{/*max-width: 140px;width: 35vw;*/}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .info{font-size: 14px;}
.restaurant_stories .storiesWrapper .slick-arrow.slick-prev {left: 20px;}
.restaurant_stories .storiesWrapper .slick-arrow.slick-next {right: 20px;}
.col-md-8.resturant-banner-left,.col-md-4.resturant-banner-right{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.col-md-4.resturant-banner-right{margin-top: 15px;}
.col-md-4.resturant-banner-right .col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.top-categories.highlights-section .highlights-section-inner{padding: 15px}
.profile-preview-box .profile-preview-box-inner{min-height: inherit;}
.highlights-slider .profile-preview-content{padding: 10px}
.slick-arrow, .slick-arrow:hover, .slick-arrow:focus{
display: none;
}
.res-search-list .transactions-list-wrap{
width: 100%;
}
.res-search-list .transactions-list-wrap .transactions-list-view{
padding: 10px !important;
}
.res-search-list .transactions-list-wrap .transactions-list-view .price{
font-size: 15px;
}
}
@media screen and (max-width: 575px) {
.mobile-filter .row .input-group.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.mobile-filter .row .col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.title h5 {
font-size: 18px;
}
.footer-top aside {
text-align: center;
margin-bottom: 10px;
}
.footer-top .footer-about .d-flex {
display: table !important;
width: 100%;
}
.footer-copyright .d-flex {
display: table !important;
width: 100%;
text-align: center;
}
.footer-about .btn {
display: inline-block;
line-height: 1.8;
}
.footer-copyright .d-flex p {
margin-bottom: 10px !important;
}
.footer-copyright .d-flex p a.d-block {
display: inline-block !important;
}
.footer-copyright .d-flex p a.d-block img {
max-width: 100px;
height: auto;
}
.sis-cart-item .sis-cart-item-profile > img {
height: 150px;
max-width: 150px;
}
.checkout-left-inner {
padding-left: 0;
}
.checkout-left-box.sis-cart-item::before, .checkout-left-box.sis-cart-item::after, .checkout-left-box.accordion::after {
display: none;
}
.sis-trending #trendingList .col-md-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.gold-members .add-btn .menu-itemimg img {
width: 85px;
height: 72px;
}
.appendParcelImages #parcelPhotos {
width: 50%;
}
.ecommerce-banner .banner-img img,.ecommerce-banner.multivendor-banner .banner-img img {
height: auto;
}
.col-md-2.top-cat-list, .col-md-2.brand-list {
-ms-flex: 0 0 20%;
flex: 0 0 25%;
max-width: 25%;
}
.top-cat-list .cat-link img {
width: auto;
height: 63px;
}
.ecommerce-content .title h5 {
font-size: 17px;
}
.brand-list .list-card-image img { /*height: auto;*/
}
.middle-banners .banner-img img {
height: 205px;
}
.sction-title h2 {
font-size: 20px;
}
.eh-are-box h3 {
font-size: 15px;
}
.eh-are-box .par-img {
margin-right: 15px !important;
}
.tab-title h3 {
font-size: 16px;
}
.parcel_delivery_content #tabs .nav-tabs .nav-link {
font-size: 16px;
}
.inputField input {
font-size: 16px;
}
.resturant-banner .restaurant-pic{height: 200px;}
.resturant-banner-right-block img{height: 100px;}
.restaurant_stories .stories.snapssenger.carousel .story{
width: 40% !important;
}
.restaurant_stories .stories.snapssenger.carousel .story{
max-height: 175px;
}
.restaurant_stories .stories.snapssenger.carousel .story > .item-link > .item-preview{
height: 140px;
}
}
@media screen and (max-width: 480px) {
.col-md-2.top-cat-list, .col-md-2.brand-list {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.top-cat-list .cat-link img {
width: auto;
height: 63px;
}
.m-d-flex .order_img {
height: auto;
margin-bottom: 15px;
}
.d-flex.m-d-flex {
display: table !important;
width: 100%;
}
.d-flex.m-d-flex .text-muted.mr-3 {
margin-right: 0 !important;
}
.m-d-flex .view-det {
text-align: center !important;
margin-bottom: 10px !important;
}
.ord-com-btn .bg-success {
text-align: center;
}
.top-cat-list .cat-link img {
width: auto;
height: 63px;
}
.col-md-2.top-cat-list, .col-md-2.brand-list {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
#order-items{overflow-y: auto ;}
table.order-list {white-space: nowrap;}
.order-list tr th, .order-list tr td {font-size: 13px;white-space: nowrap;}
.order-list td.ord-photo img{width: 80px;}
}
@media screen and (max-width: 360px) {
.col-md-2.top-cat-list, .col-md-2.brand-list{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
/****************responsive*************/
.restaurant_stories .stories.carousel{
overflow: inherit;
}
.delevery-partner .tip-box .custom-control.custom-radio#add_gift_amount_box {
width: 100%;
margin-top: 17px;
}
.delevery-partner .tip-box .custom-control.custom-radio#add_gift_amount_box input[type="number"] {
height: 35px;
border: 1px solid rgba(0, 0, 0, .1);
width: 100%;
padding: 5px 10px;
}
.error-container {
position: fixed;
top: 84px;
right: 20px;
z-index: 99999;
display: flex;
flex-direction: column;
gap: 12px;
max-width: 380px;
}
.alert-custom {
background: #e23744;
color: #fff;
padding: 13px 16px;
border-radius: 12px;
display: flex;
align-items: center;
gap: 12px;
box-shadow: 0 12px 30px rgba(226, 55, 68, 0.28), 0 4px 10px rgba(0, 0, 0, 0.12);
opacity: 0;
animation: fadeIn 0.35s forwards;
font-size: 14.5px;
font-weight: 600;
line-height: 1.35;
min-width: 280px;
}
.alert-custom--success { background: #1c8e44; box-shadow: 0 12px 30px rgba(28,142,68,.28), 0 4px 10px rgba(0,0,0,.12); }
.alert-custom__icon {
flex: none;
font-size: 20px;
line-height: 1;
display: flex;
align-items: center;
}
.alert-custom__msg { flex: 1; min-width: 0; }
.alert-custom button,
.alert-custom__close {
flex: none;
background: transparent;
border: none;
color: #fff;
font-size: 20px;
line-height: 1;
cursor: pointer;
opacity: .85;
padding: 0;
margin-left: 6px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
}
.alert-custom__close i { font-size: 17px; line-height: 1; display: block; }
.alert-custom button:hover,
.alert-custom__close:hover { opacity: 1; }
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.page-overlay{
position: fixed;
top: 0;
left: 0;
width: auto;
text-align: center;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.5);
z-index: 99;
}
.page-overlay .overlay-text{display: flex;
align-items: center;
padding: 0;
justify-content: center;
height: 50px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;color: #fff;font-weight: 700; font-size: 28px;letter-spacing: 1px}
.page-overlay .overlay-text img{max-width: 40px;margin-right: 15px}
#cashback-button {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9999;
width: 100px;
height: 100px;
cursor: pointer;
transition: transform 0.2s ease;
}
#cashback-button:hover {
transform: scale(1.1);
}
#cashback-offer-popup {
display: none;
position: fixed;
bottom: 120px;
right: 30px;
z-index: 9998;
background: #fff;
padding: 20px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
border-radius: 10px;
width: 380px;
max-height: 300px;
overflow-y: auto;
}
#cashback-offer-popup h4{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
#cashback-offer-popup #cashback-list{margin: 0;padding: 0;}
#cashback-offer-popup #cashback-list li{list-style-type: none;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.2);}
#cashback-offer-popup #cashback-list li h6{font-weight: 600;margin-bottom: 5px; font-size: 15px}
#cashback-offer-popup #cashback-list li p{font-size: 13px;}
.sidebar-item-list .product-name {
display: flex;
align-items: center;
}
.sidebar-item-list .product-name .item-details {
max-width: calc(100% - 50px);
word-wrap: break-word;
}
.sidebar-item-list .product-name img {
border-radius: 5px;
}
/* ===========================================================
Side hamburger menu (hc-offcanvas-nav) — professional restyle.
body-prefixed selectors so they win over the footer theme block.
=========================================================== */
body .hc-offcanvas-nav .nav-container{box-shadow:10px 0 44px rgba(0,0,0,.20);width:330px !important;max-width:86% !important}
body .hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:24px}
/* branded title bar */
body .hc-offcanvas-nav h2{
font-size:21px !important;font-weight:800 !important;letter-spacing:.3px;
padding:24px 22px !important;line-height:1.1}
/* menu items */
body .hc-offcanvas-nav li:not(.custom-content) a{
padding:14px 22px !important;font-size:15px !important;font-weight:500 !important;color:#2b2b2b !important;
border-bottom:1px solid #f1f1f1 !important;display:flex !important;align-items:center;
transition:background .15s ease,color .15s ease,padding-left .15s ease}
body .hc-offcanvas-nav li:not(.custom-content) a i,
body .hc-offcanvas-nav li:not(.custom-content) a img{
width:24px !important;height:auto;margin-right:13px !important;font-size:18px !important;
text-align:center;color:#9a9a9a;flex:none}
body .hc-offcanvas-nav li:not(.custom-content) a img{height:20px;object-fit:contain;vertical-align:middle}
/* hover/focus = brand fill + white text + subtle slide (keeps admin --brand colour) */
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover,
body .hc-offcanvas-nav li:not(.custom-content) a:focus{
background:var(--brand,#e23744) !important;color:#fff !important;padding-left:27px !important}
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i,
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover img{
color:#fff !important;filter:brightness(0) invert(1)}
/* version / referral text rows shouldn't look like clickable items */
body .hc-offcanvas-nav li .web_version,
body .hc-offcanvas-nav li .referral_code{padding:12px 22px;margin:0;font-size:12px;color:#9a9a9a}
/* close / back rows */
body .hc-offcanvas-nav li.nav-close a,
body .hc-offcanvas-nav li.nav-back a{background:#f7f7f7 !important;font-weight:600 !important;color:#555 !important}
body .hc-offcanvas-nav li.nav-close a:hover,
body .hc-offcanvas-nav li.nav-back a:hover{background:var(--brand,#e23744) !important;color:#fff !important}
/* bottom quick-nav (home/help) */
body .hc-offcanvas-nav .bottom-nav{display:flex;border-top:1px solid #eee;margin-top:8px}
body .hc-offcanvas-nav .bottom-nav li{flex:1;text-align:center}
body .hc-offcanvas-nav .bottom-nav li a{flex-direction:column;justify-content:center;border:0 !important;
font-size:12px !important;color:#666 !important;gap:4px}
body .hc-offcanvas-nav .bottom-nav li a i{margin:0 0 2px !important;font-size:20px !important}
/* ===================================================================
Merged from foodie-redesign.css (redesign layer)
=================================================================== */
/* =========================================================================
Foodie — Global redesign (Inter + Playfair, clone-2 cards, clean nav)
:root vars + global rules apply everywhere.
.sis-home-page rules apply to home page only.
========================================================================= */
/* ============================================================
GLOBAL — body font + heading font (ALL pages)
============================================================ */
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',Georgia,serif}
/* ============================================================
GLOBAL CARD (.list-card.fd-card) — clone-2 style, ALL pages
============================================================ */
.list-card.fd-card{border:0;border-radius:16px;overflow:visible;background:transparent;box-shadow:none;transition:transform .18s}
.list-card.fd-card:hover{transform:translateY(-4px)}
.list-card.fd-card .list-card-image{position:relative;height:185px;border-radius:16px;overflow:hidden;background:#f7f7f7}
.list-card.fd-card .list-card-image .item-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.list-card.fd-card:hover .list-card-image .item-img{transform:scale(1.06)}
.list-card.fd-card .list-card-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%)}
.list-card.fd-card .member-plan{top:12px;left:12px;z-index:3;position:absolute}
.list-card.fd-card .member-plan .badge{font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;letter-spacing:.2px}
.list-card.fd-card .member-plan .badge.open{background:#267e3e;color:#fff}
.list-card.fd-card .member-plan .badge.closed{background:#9a9a9a;color:#fff}
.list-card.fd-card .list-card-body{padding:14px 2px 4px}
.list-card.fd-card .list-card-body p.text-gray.address{color:#696969!important;font-size:13px!important;margin-bottom:4px}
.list-card.fd-card .fd-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.list-card.fd-card .fd-card__top .popul-title{flex:1;min-width:0}
.list-card.fd-card .fd-card__top .popul-title a{font-size:17px;font-weight:700;color:#1c1c1c!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-card.fd-card .fd-card__rating{flex:none;margin-top:2px!important}
.list-card.fd-card .fd-card__rating .badge{background:#267e3e!important;color:#fff;font-size:13px;font-weight:700;padding:4px 7px;border-radius:6px}
.fd-card__fav{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#9a9a9a;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:color .15s,transform .15s}
.fd-card__fav:hover{color:#e23744;transform:scale(1.08)}
.fd-card__fav i{font-size:17px}
.fd-card__fav i.fa-heart{color:#e23744}
.fd-card__off{position:absolute;left:12px;bottom:10px;z-index:4;color:#fff!important;font-weight:800;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5);background:none;padding:0}
.fd-card__foot,.fd-card__time{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e8e8e8;color:#696969;font-size:13px}
.fd-card__foot .fa,.fd-card__time .fa,.fd-card__foot .feather-clock,.fd-card__time .feather-clock{color:#e23744}
/* ============================================================
DESKTOP NAV LINKS (header_home + header — all pages)
============================================================ */
.fd-nav__desktop-links{display:flex;align-items:center;gap:20px;flex:none}
.fd-nav__desktop-links a{font-size:15px;color:#363636;font-weight:500;text-decoration:none;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.fd-nav__desktop-links a:hover,.fd-nav__desktop-links a.fd-active{color:#e23744;text-decoration:none;border-bottom-color:#e23744}
@media(max-width:900px){.fd-nav__desktop-links{display:none!important}}
/* ============================================================
GLOBAL NON-HOME HEADER (section.header-main)
============================================================ */
.section-header{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:60;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif}
.section-header .header-main{box-shadow:none!important;padding-top:0!important;padding-bottom:0!important}
.section-header .header-main .container{max-width:1200px;padding:0 20px}
.section-header .header-main .row{height:68px;margin:0}
.section-header .brand-wrap img{max-height:36px;width:auto}
.section-header .header-right .d-flex{gap:2px;align-items:center;height:100%;padding-right:0!important}
.section-header .widget-header{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;transition:background .15s,color .15s;text-decoration:none!important;color:#363636!important;font-size:15px;font-weight:500;margin-right:0!important;white-space:nowrap}
.section-header .widget-header:hover{background:#f7f7f7;color:#e23744!important}
.section-header .widget-header span{font-size:15px;font-weight:500;color:inherit}
.section-header .widget-header .feather-search,.section-header .widget-header .feather-shopping-cart,.section-header .widget-header .feather-user{font-size:20px}
.section-header .widget-header h6{margin:0;font-size:20px;line-height:1;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.section-header .takeaway-div{padding:0 8px}
.section-header a.toggle{display:none!important}
@media(max-width:991px){.section-header a.toggle{display:inline-flex!important}}
:root{
--fd-red:#ef4f5f;
--fd-red-dark:#e23744;
/* the warm orange→red brand gradient (same as the header Search button) — used app-wide */
--fd-grad:linear-gradient(135deg,#e8541a,#e23744);
--fd-ink:#1c1c1c;
--fd-muted:#696969;
--fd-line:#e8e8e8;
--fd-soft:#f7f7f7;
--fd-green:#267e3e;
--fd-shadow:0 8px 24px rgba(0,0,0,.08);
--fd-shadow-lg:0 12px 40px rgba(0,0,0,.12);
}
.sis-home-page{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;color:var(--fd-ink);background:#fff}
.sis-home-page .fd-container{max-width:1180px;margin:0 auto;padding:0 20px}
.sis-home-page .ico{width:20px;height:20px;fill:currentColor;flex:none}
.sis-home-page .ico--red{fill:var(--fd-red-dark)}
/* keep the spinner / zone-error untouched visually */
/* ============================ HERO ============================ */
.sis-home-page .fd-hero{
background:linear-gradient(180deg,#fff5ee 0%,#fdefe6 55%,#fff8f4 100%);
border:0;border-radius:0;overflow:hidden;
max-width:none;width:100%;margin:0}
.sis-home-page .fd-hero__grid{
display:block;text-align:center;max-width:1260px;margin:0 auto;padding:58px 24px 62px}
.sis-home-page .fd-hero__eyebrow{
display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.4px;
color:var(--fd-red-dark);margin-bottom:22px;text-transform:uppercase;
background:#fff;border:1px solid #f3d9cb;border-radius:50px;padding:7px 16px;box-shadow:0 2px 8px rgba(120,90,60,.06)}
.sis-home-page .fd-hero__text h1{
font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:52px;line-height:1.1;
color:#211c1a;letter-spacing:-1px;margin:0}
.sis-home-page .fd-hero__text h1 em{font-style:normal;background:var(--fd-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sis-home-page .fd-hero__sub{margin:20px auto 0;font-size:17px;line-height:1.6;color:var(--fd-muted);max-width:560px}
/* --- Hero trust stats + CTA --- */
.sis-home-page .fd-hero__trust{display:flex;align-items:center;margin:28px 0 26px;gap:0}
.sis-home-page .fd-hero__trust-stat{padding:0 22px;text-align:center}
.sis-home-page .fd-hero__trust-stat:first-child{padding-left:0}
.sis-home-page .fd-hero__trust-num{display:block;font-size:30px;font-weight:800;color:var(--fd-ink);line-height:1.1;font-family:'Plus Jakarta Sans',serif}
.sis-home-page .fd-hero__trust-num small{font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;margin-left:2px;color:var(--fd-red)}
.sis-home-page .fd-hero__trust-label{display:block;font-size:12px;color:var(--fd-muted);font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
.sis-home-page .fd-hero__trust-sep{width:1px;height:38px;background:var(--fd-line);flex:none}
.sis-home-page .fd-hero__cta{display:inline-flex;align-items:center;gap:8px;background:var(--fd-grad);color:#fff;border-radius:12px;padding:14px 28px;font-weight:700;font-size:15px;text-decoration:none;transition:opacity .15s,transform .12s,box-shadow .12s;box-shadow:0 8px 20px rgba(226,55,68,.28)}
.sis-home-page .fd-hero__cta:hover{background:var(--fd-grad);opacity:.94;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(226,55,68,.32)}
.sis-home-page .fd-hero__cta i{font-size:18px}
.sis-home-page .fd-hero__search{
display:flex;align-items:stretch;background:#fff;border:1px solid #ece4da;border-radius:14px;
box-shadow:0 10px 30px rgba(120,90,60,.10);overflow:hidden;max-width:560px}
.sis-home-page .fd-hero__field{display:flex;align-items:center;gap:10px;padding:0 16px;position:relative}
.sis-home-page .fd-hero__field--loc{flex:0 0 42%;min-width:0}
.sis-home-page .fd-hero__field--q{flex:1;min-width:0}
.sis-home-page .fd-hero__field input{
border:0;outline:none;font-size:15px;width:100%;font-family:inherit;color:var(--fd-ink);
background:none;padding:16px 0;text-overflow:ellipsis}
.sis-home-page .fd-hero__field--loc input{cursor:pointer}
.sis-home-page .fd-hero__field .ico{color:var(--fd-muted)}
.sis-home-page .fd-hero__divider{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--fd-line)}
.sis-home-page .fd-hero__go{
border:0;background:var(--fd-grad);color:#fff;font-family:inherit;font-weight:700;font-size:15px;
padding:0 26px;cursor:pointer;transition:opacity .15s}
.sis-home-page .fd-hero__go:hover{opacity:.92}
.sis-home-page .fd-hero__stats{display:flex;gap:36px;margin-top:34px}
.sis-home-page .fd-hero__stats div{display:flex;flex-direction:column}
.sis-home-page .fd-hero__stats strong{font-family:'Plus Jakarta Sans',Georgia,serif;font-size:24px;color:#211c1a}
.sis-home-page .fd-hero__stats span{font-size:13px;color:var(--fd-muted);margin-top:2px}
/* hero imagery (decorative) */
.sis-home-page .fd-hero__media{position:relative;height:430px}
.sis-home-page .fd-hero__photo{
position:absolute;border-radius:20px;background-size:cover;background-position:center;
box-shadow:0 20px 50px rgba(80,50,30,.18)}
.sis-home-page .fd-hero__photo--main{inset:0 0 40px 60px;
background-image:url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=800&q=80')}
.sis-home-page .fd-hero__photo--small{width:180px;height:180px;left:0;bottom:0;border:6px solid #fdfbf8;
background-image:url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=400&q=80')}
.sis-home-page .fd-hero__badge{
position:absolute;top:30px;right:-6px;background:#fff;border-radius:14px;padding:14px 18px;
box-shadow:0 12px 30px rgba(80,50,30,.16);text-align:center}
.sis-home-page .fd-hero__badge .fd-rating{
display:inline-flex;align-items:center;gap:6px;background:var(--fd-green);color:#fff;
font-size:16px;font-weight:700;padding:5px 10px;border-radius:6px}
.sis-home-page .fd-hero__badge .fd-rating .ico{width:14px;height:14px;fill:#fff}
.sis-home-page .fd-hero__badge small{display:block;margin-top:6px;font-size:12px;color:var(--fd-muted);max-width:130px}
/* ============================ DYNAMIC BANNER (kept) ============================ */
/* Full-width promo banner (edge to edge, like the live site) */
.sis-home-page .ecommerce-banner{margin:26px 0 0;max-width:none;width:100%;padding:0}
.sis-home-page .ecommerce-banner .banner-img img,
.sis-home-page .ecommerce-banner .slick-slide img,
.sis-home-page .ecommerce-banner img{border-radius:0 !important;width:100%;display:block}
/* ============================ SECTION HEADS ============================ */
.sis-home-page .section-content .container,
.sis-home-page .ecommerce-content .container{max-width:1180px}
.sis-home-page .title{margin-bottom:20px;border:0 !important;padding:0}
.sis-home-page .title h5{
font-size:26px;font-weight:700;letter-spacing:-.3px;color:#211c1a;margin:0;
font-family:'Plus Jakarta Sans',Georgia,serif}
.sis-home-page .title .see-all a{
font-size:14px;font-weight:600;color:var(--fd-red-dark)}
.sis-home-page .ecommerce-content > section{margin:26px 0}
/* keep empty content sections from leaving a big band */
.sis-home-page .ecommerce-content > section:empty,
.sis-home-page .ecommerce-content > .middle-banners-section:has(#middle_banner:empty),
.sis-home-page .ecommerce-content > .home-categories-section:has(#home_categories:empty){margin:0;padding:0;border:0}
/* ============================ FOOD REELS ============================ */
.sis-home-page .restaurant_stories{
background:linear-gradient(180deg,#15100f,#1c1513);padding:54px 0 60px;margin:54px 0 0;color:#fff}
.sis-home-page .fd-reels__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
.sis-home-page .fd-reels__eyebrow{
display:block;font-size:13px;font-weight:600;letter-spacing:.5px;color:#ff8a93;
text-transform:uppercase;margin-bottom:6px}
.sis-home-page .fd-reels__head h2{
color:#fff;font-family:'Plus Jakarta Sans',Georgia,serif;font-size:30px;margin:0;font-weight:700}
/* .fd-reels__nav and .fd-reels__arrow removed — replaced by .fd-reels__side-btn at bottom */
.sis-home-page .fd-reels__track{
display:flex;gap:18px;overflow-x:auto;padding:6px 2px 14px;scroll-behavior:smooth;scrollbar-width:none}
.sis-home-page .fd-reels__track::-webkit-scrollbar{display:none}
.sis-home-page .fd-reel{
flex:0 0 220px;aspect-ratio:9/16;border-radius:18px;position:relative;overflow:hidden;
cursor:pointer;background:#000;box-shadow:0 14px 36px rgba(0,0,0,.5)}
.sis-home-page .fd-reel img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.92}
.sis-home-page .fd-reel:hover img{transform:scale(1.08);opacity:1}
.sis-home-page .fd-reel::after{content:"";position:absolute;inset:0;
background:linear-gradient(to top,rgba(0,0,0,.78) 8%,transparent 42%,rgba(0,0,0,.25))}
.sis-home-page .fd-reel__play{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);
width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);
border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center;z-index:2;
opacity:0;transition:opacity .25s,transform .25s}
.sis-home-page .fd-reel:hover .fd-reel__play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sis-home-page .fd-reel__play svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.sis-home-page .fd-reel__meta{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}
.sis-home-page .fd-reel__rest{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sis-home-page .fd-reel__rest img{
width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);flex:none;opacity:1}
.sis-home-page .fd-reel__rest b{font-size:13px;font-weight:600}
.sis-home-page .fd-reel__title{
font-size:14px;font-weight:600;line-height:1.3;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* reel fullscreen player */
.fd-reel-player{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.94);display:none;
align-items:center;justify-content:center}
.fd-reel-player.open{display:flex}
.fd-reel-player__box{position:relative;width:min(420px,92vw);aspect-ratio:9/16;background:#000;
border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.fd-reel-player__box video{width:100%;height:100%;object-fit:cover;display:block;outline:none;background:#000}
.fd-reel-player__close{position:absolute;top:14px;right:14px;z-index:6;width:40px;height:40px;border:0;
border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:22px;cursor:pointer}
/* left/right tap zones — full-height, no borders/outline/tap-highlight (was showing a seam) */
.fd-reel-player__nav{position:absolute;top:0;bottom:0;width:40%;z-index:4;cursor:pointer;border:0;outline:none;
background:transparent;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
.fd-reel-player__nav:focus,.fd-reel-player__nav:active{outline:none;box-shadow:none}
.fd-reel-player__nav.prev{left:0}
.fd-reel-player__nav.next{right:0}
/* restaurant image + name, top-left while the story plays.
The bar itself ignores clicks (so the prev/next tap zones still work), but the
restaurant link inside is clickable and sits above them. */
.fd-reel-player__head{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:10px;
padding:14px 56px 26px 16px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.fd-reel-player__rest{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;
pointer-events:auto;cursor:pointer;text-decoration:none !important}
.fd-reel-player__rest:hover .fd-reel-player__hname{text-decoration:underline}
.fd-reel-player__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;
border:2px solid rgba(255,255,255,.9);background:#333}
.fd-reel-player__hname{color:#fff !important;font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.6);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ============================ SHOWCASE (scroll convergence) ============================ */
.sis-home-page .fd-showcase{height:170vh;position:relative;background:linear-gradient(180deg,#fdfbf8,#fbf7f2)}
.sis-home-page .fd-showcase__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
.sis-home-page .fd-showcase__center{
position:relative;z-index:1;text-align:center;max-width:560px;padding:0 20px;
opacity:0;transform:scale(.92)}
.sis-home-page .fd-showcase__eyebrow{
display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;
color:var(--fd-red-dark);text-transform:uppercase;margin-bottom:14px}
.sis-home-page .fd-showcase__center h2{
font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;font-size:50px;line-height:1.1;
color:#211c1a;letter-spacing:-.5px;margin:0}
.sis-home-page .fd-showcase__center h2 em{font-style:italic;color:var(--fd-red-dark)}
.sis-home-page .fd-showcase__center p{margin-top:18px;font-size:17px;line-height:1.6;color:var(--fd-muted)}
.sis-home-page .fd-showcase__img{
position:absolute;top:50%;left:50%;border-radius:22px;object-fit:cover;
box-shadow:0 24px 60px rgba(80,50,30,.22);will-change:transform,opacity;opacity:0;border:5px solid #fff}
.sis-home-page .fd-showcase__img.s-sm{width:150px;height:150px;margin:-75px 0 0 -75px}
.sis-home-page .fd-showcase__img.s-md{width:190px;height:190px;margin:-95px 0 0 -95px}
.sis-home-page .fd-showcase__img.s-lg{width:230px;height:230px;margin:-115px 0 0 -115px}
/* ============================ QUICK TILES ============================ */
.sis-home-page .fd-tiles{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:46px auto;padding:0 20px}
.sis-home-page .fd-tile{
border:1px solid var(--fd-line);border-radius:16px;overflow:hidden;background:#fff;
transition:transform .18s,box-shadow .18s;color:inherit;display:block}
.sis-home-page .fd-tile:hover{transform:translateY(-4px);box-shadow:var(--fd-shadow-lg);text-decoration:none;color:inherit}
.sis-home-page .fd-tile__media{height:150px;position:relative}
.sis-home-page .fd-tile__media--order{background:linear-gradient(135deg,#ffd166,#ff8a5b)}
.sis-home-page .fd-tile__media--dine{background:linear-gradient(135deg,#7f7fd5,#86a8e7,#91eae4)}
.sis-home-page .fd-tile__media--offer{background:linear-gradient(135deg,#e23744,#ff7a59)}
.sis-home-page .fd-tile__tag{
position:absolute;top:14px;left:14px;background:#fff;color:var(--fd-red-dark);
font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px;letter-spacing:.3px}
.sis-home-page .fd-tile__body{padding:16px 18px}
.sis-home-page .fd-tile__body h3{font-size:19px;font-weight:700;margin:0 0 4px}
.sis-home-page .fd-tile__body p{color:var(--fd-muted);font-size:14px;margin:0}
/* ============================ HOME CATEGORY RESTAURANT SECTIONS ============================ */
/* Shimmer placeholders for the "Inspiration for your first order" tiles.
Mirrors the real tile size (120x120 + label) so nothing shifts when data lands. */
.fd-cat-skel-row{display:flex;flex-wrap:nowrap;gap:18px;overflow:hidden}
.fd-cat-skel{flex:0 0 120px;width:120px;text-align:center}
.fd-cat-skel__tile{display:block;width:120px;height:120px;border-radius:18px;margin:0 0 10px}
.fd-cat-skel__label{display:block;width:70px;height:12px;border-radius:6px;margin:0 auto}
.fd-skel-block{background:#e9ecef;border-radius:8px;animation:fdSkelPulse 1.4s ease-in-out infinite}
@keyframes fdSkelPulse{0%,100%{opacity:1}50%{opacity:.55}}
.home-categories-section{margin:10px 0}
/* Tighter rhythm: the 52px row gap + stacked 26px section margins left large empty
bands between the banner, each category row and "Delivery Restaurants". */
.home-categories-section .category-content{margin-bottom:26px}
.home-categories-section .category-content:last-child{margin-bottom:0}
.sis-home-page .ecommerce-content > .middle-banners-section{margin:14px 0}
.sis-home-page .ecommerce-content > .home-categories-section{margin:14px 0}
.sis-home-page .ecommerce-content > .all-stores-section{margin-top:14px}
.sis-home-page .home-categories-section .title{margin-bottom:14px}
.sis-home-page .home-categories-section .product-list{padding-bottom:0}
/* .ecommerce-content > section carries padding-bottom:50px (style.css:3103) — that,
not the margins, was the big empty band under the banner / category rows. */
.sis-home-page .ecommerce-content > .middle-banners-section,
.sis-home-page .ecommerce-content > .home-categories-section{padding-bottom:0}
.sis-home-page .ecommerce-content > .all-stores-section{padding-bottom:24px}
.home-categories-section .title{display:flex;align-items:center;margin-bottom:20px;border:0!important;padding:0}
.home-categories-section .title h5{
font-size:24px;font-weight:700;letter-spacing:-.3px;color:#211c1a;margin:0;
font-family:'Plus Jakarta Sans',Georgia,serif}
.home-categories-section .title .see-all{margin-left:auto}
.home-categories-section .title .see-all a{
font-size:14px;font-weight:600;color:#e23744!important;background:transparent!important;
padding:0;display:inline;border-radius:0}
.home-categories-section .title .see-all a:hover{text-decoration:underline}
/* make cards in category sections identical to main grid */
.home-categories-section .list-card.fd-card .list-card-image{height:180px}
.home-categories-section .product-list{padding-bottom:12px}
/* ============================ TOP CATEGORIES → CUISINE SCROLLER ============================ */
.sis-home-page .top-categories-section .top_categories .row{
display:flex;flex-wrap:nowrap;gap:26px;overflow-x:auto;padding-bottom:10px;
scrollbar-width:thin;margin:0}
.sis-home-page .top-categories-section .top-cat-list{
flex:0 0 auto;width:120px;max-width:120px;padding:0;text-align:center}
/* Square category tiles (override the legacy circular .cat-img span) */
.sis-home-page .top-categories-section .cat-img,
.sis-home-page .top-categories-section .cat-link span{
display:inline-block !important;width:120px !important;height:120px !important;border-radius:18px !important;
overflow:hidden;border:1px solid var(--fd-line) !important;box-shadow:0 6px 16px rgba(80,50,30,.08);margin:0 auto 10px !important}
.sis-home-page .top-categories-section .cat-img img,
.sis-home-page .top-categories-section .cat-link span img{
width:120px !important;height:120px !important;border-radius:18px !important;object-fit:cover !important;
transition:transform .18s;margin:0 !important}
.sis-home-page .top-categories-section .cat-link:hover .cat-img img{transform:scale(1.05)}
.sis-home-page .top-categories-section .cat-link h4{font-size:14px;font-weight:600;margin:0;color:var(--fd-ink)}
/* ============================ RESTAURANT / PRODUCT CARDS ============================ */
.sis-home-page .list-card{
border:0;border-radius:16px;overflow:visible;background:transparent;box-shadow:none;
transition:transform .18s}
.sis-home-page .list-card:hover{transform:translateY(-4px)}
.sis-home-page .list-card .list-card-image{
position:relative;height:185px;border-radius:16px;overflow:hidden;background:var(--fd-soft)}
.sis-home-page .list-card .list-card-image .item-img{
width:100%;height:100%;object-fit:cover;transform-origin:center center;will-change:transform;
/* --sz is driven by the scroll-zoom JS (peaks when the card hits the viewport middle) */
transform:scale(var(--sz,1));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.sis-home-page .list-card:hover .list-card-image .item-img{transform:scale(calc(var(--sz,1) + 0.05))}
.sis-home-page .list-card .list-card-image::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%)}
.sis-home-page .list-card .member-plan{top:12px;left:12px;z-index:3}
.sis-home-page .list-card .member-plan .badge{
font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;letter-spacing:.2px}
.sis-home-page .list-card .member-plan .badge.open{background:var(--fd-green);color:#fff}
.sis-home-page .list-card .member-plan .badge.closed{background:#9a9a9a;color:#fff}
.sis-home-page .list-card .offer-icon{bottom:10px;left:10px;z-index:3}
.sis-home-page .list-card .list-card-body{padding:14px 2px 4px}
.sis-home-page .list-card .popul-title{margin:0 0 4px}
.sis-home-page .list-card .popul-title a{
font-size:17px;font-weight:700;color:#1c1c1c !important;
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sis-home-page .list-card .list-card-body p.text-gray.address{
color:var(--fd-muted) !important;font-size:13px !important;margin-bottom:4px}
.sis-home-page .list-card .pro-price{color:var(--fd-red-dark) !important;font-weight:600;font-size:13px}
.sis-home-page .list-card .star .badge,
.sis-home-page .list-card .star.position-relative .badge{
background:var(--fd-green) !important;color:#fff;font-size:13px;font-weight:700;padding:3px 7px;border-radius:6px}
.sis-home-page .list-card .star{margin-top:8px !important}
/* offers / coupons cards keep their structure, just soften */
.sis-home-page .offers-coupons-section .list-card .list-card-image{height:160px}
/* loadmore button */
.sis-home-page .loadmore-btn{
display:inline-block;margin:10px auto 0;border:1px solid var(--fd-line);border-radius:24px;
padding:9px 22px;font-weight:600;color:var(--fd-red-dark);background:#fff}
/* ============================ SCROLL REVEAL ============================ */
.sis-home-page .fd-reveal{opacity:0;transform:translateY(28px);
transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.sis-home-page .fd-reveal.in{opacity:1;transform:none}
/* ============================================================
SMART FOOD-SCROLL LOADER — GLOBAL (home + all inner pages).
z-index sits ABOVE the #data-table_processing ring (9999) so the
two never show together (fixes the double-loader bug).
============================================================ */
.fd-app-loader{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;
background:#fff}
.fd-app-loader.fd-loaded{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.fd-app-loader .fd-loader__box{text-align:center}
.fd-app-loader .fd-loader__brand{font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;font-size:36px;
color:var(--fd-red-dark);letter-spacing:.5px;margin-bottom:20px}
.fd-app-loader .fd-loader__brand img{height:46px;width:auto;display:inline-block;animation:fdLogoPulse 1.4s ease-in-out infinite}
@keyframes fdLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.fd-app-loader .fd-loader__food{width:230px;margin:0 auto;overflow:hidden;
-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.fd-app-loader .fd-loader__track{display:inline-flex;gap:16px;font-size:30px;line-height:1;white-space:nowrap;
animation:fdFoodScroll 1.1s linear infinite;will-change:transform}
@keyframes fdFoodScroll{to{transform:translateX(-50%)}}
.fd-app-loader .fd-loader__bar{width:180px;height:4px;border-radius:4px;background:#f0e2d2;
margin:22px auto 12px;overflow:hidden}
.fd-app-loader .fd-loader__bar i{display:block;width:42%;height:100%;border-radius:4px;
background:var(--fd-red-dark);animation:fdLoaderBar .9s ease-in-out infinite}
@keyframes fdLoaderBar{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
.fd-app-loader .fd-loader__text{font-size:13px;color:var(--fd-muted);font-weight:500}
@media(prefers-reduced-motion:reduce){
.fd-app-loader .fd-loader__track,.fd-app-loader .fd-loader__bar i{animation:none}
}
/* ============================ RESPONSIVE ============================ */
@media(max-width:900px){
.sis-home-page .fd-hero__grid{grid-template-columns:1fr;gap:32px;padding:42px 20px 48px}
.sis-home-page .fd-hero__text h1{font-size:40px}
.sis-home-page .fd-hero__media{height:300px;max-width:460px}
.sis-home-page .fd-tiles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.sis-home-page .fd-hero__text h1{font-size:32px}
.sis-home-page .fd-hero__search{flex-wrap:wrap}
.sis-home-page .fd-hero__go{flex:1 1 100%;padding:14px}
.sis-home-page .fd-hero__media{display:none}
.sis-home-page .fd-tiles{grid-template-columns:1fr}
.sis-home-page .title h5{font-size:22px}
.sis-home-page .fd-showcase{height:auto}
.sis-home-page .fd-showcase__stage{position:static;height:auto;padding:54px 0}
.sis-home-page .fd-showcase__center{opacity:1;transform:none}
.sis-home-page .fd-showcase__img{display:none}
}
/* ============================================================
CLONE-2 HEADER (.fd-nav) — used only on the home page.
This file loads ONLY on home, so other pages are untouched.
============================================================ */
.fd-nav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--fd-line);
font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;transition:box-shadow .2s}
.fd-nav.scrolled{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.fd-nav__inner{display:flex;align-items:center;gap:16px;height:72px;max-width:1440px}
.fd-nav .fd-brand{flex:none;display:flex;align-items:center}
.fd-nav .fd-brand img#logo_web{max-height:34px;width:auto}
/* compact location picker (quicklist-style) */
.fd-nav__loc{position:relative;flex:none}
.fd-nav__loc-trigger{
display:flex;align-items:center;gap:7px;height:46px;padding:0 14px;background:#fff;cursor:pointer;
border:1.5px solid var(--fd-line);border-radius:12px;font-family:inherit;max-width:200px;transition:border-color .15s}
.fd-nav__loc-trigger:hover{border-color:#f3d9cb}
.fd-nav__loc-trigger .feather-map-pin{color:var(--fd-red-dark);font-size:17px;flex:none}
.fd-nav__loc-label{font-size:13px;font-weight:600;color:var(--fd-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.fd-nav__loc-caret{color:var(--fd-muted);font-size:15px;flex:none;margin-left:auto}
.fd-loc-drop--pop{
position:absolute;top:calc(100% + 10px);left:0;width:330px;max-width:80vw;background:#fff;
border:1px solid var(--fd-line);border-radius:14px;box-shadow:var(--fd-shadow-lg);padding:14px;z-index:90}
.fd-loc-drop__label{font-size:12px;font-weight:700;color:var(--fd-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:9px}
.fd-loc-drop__field{display:flex;align-items:center;gap:8px;border:1.5px solid var(--fd-line);border-radius:10px;padding:0 12px;height:44px;margin-bottom:10px}
.fd-loc-drop__field .feather-search{color:var(--fd-muted);font-size:16px;flex:none}
.fd-loc-drop__detect{
display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;font-family:inherit;
border:1.5px dashed #f0c9b6;background:#fff7f3;color:var(--fd-red-dark);font-weight:700;font-size:13.5px;border-radius:10px;padding:12px;transition:all .15s}
.fd-loc-drop__detect:hover{background:#fff0e9;border-color:var(--fd-red)}
.fd-loc-drop__detect i{font-size:16px}
.fd-nav__icon--fav .feather-heart{font-size:18px}
.fd-nav__loc .head-loc{display:flex;align-items:center;cursor:pointer}
.fd-nav__loc .head-loc .feather-map-pin{color:var(--fd-red-dark);font-size:18px}
.fd-nav__loc input#user_locationnew{
border:0 !important;background:none !important;outline:none;padding:0 !important;height:auto !important;
font-size:13px;font-weight:600;color:var(--fd-ink);width:100%;text-overflow:ellipsis}
.fd-nav__loc input#user_locationnew::placeholder{font-weight:400;color:var(--fd-muted)}
/* search box — quicklist-style with an integrated Search button */
.fd-nav__search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:46px;
background:#fff;border:1.5px solid var(--fd-line);border-radius:12px;padding:0 0 0 16px;overflow:hidden;transition:border-color .15s}
.fd-nav__search:focus-within{border-color:var(--fd-red)}
.fd-nav__search .fd-nav__search-ico{color:var(--fd-muted);font-size:18px;flex:none}
.fd-nav__search input{border:0;background:none;outline:none;width:100%;height:100%;font-size:14px;font-family:inherit;color:var(--fd-ink)}
.fd-nav__search-btn{
flex:none;display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;height:100%;padding:0 24px;
background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-weight:700;font-size:14px;font-family:inherit;transition:opacity .15s}
.fd-nav__search-btn:hover{opacity:.92}
.fd-nav__search-btn i{font-size:15px}
/* right cluster */
.fd-nav__links{display:flex;align-items:center;gap:14px;flex:none}
.fd-nav__links a{font-size:15px;color:#363636;font-weight:500;text-decoration:none}
.fd-nav__links a:hover{color:var(--fd-red-dark)}
/* circular icon buttons (cart etc.) */
.fd-nav__icon{display:inline-flex;align-items:center;justify-content:center;color:#363636;
width:42px;height:42px;border-radius:50%;border:1px solid var(--fd-line);transition:background .15s,border-color .15s}
.fd-nav__icon:hover{background:#fff4f0;border-color:#f3d9cb;color:var(--fd-red-dark)}
.fd-nav__icon .feather-shopping-cart{font-size:19px}
/* delivery / takeaway mode toggle — filled gradient so it reads as the active mode */
.fd-nav__mode{background:var(--fd-grad) !important;border-color:transparent !important;color:#fff !important}
.fd-nav__mode:hover{opacity:.92;color:#fff !important}
.fd-nav__mode i{font-size:18px}
/* Black tooltip for header icons — pure CSS, no JS library (sidesteps the
Bootstrap-vs-jQuery-UI $.fn.tooltip conflict that left a native white box).
Driven by data-tip="..." on the icon; arrow points up at the icon. */
.fd-nav [data-tip]{position:relative}
.fd-nav [data-tip]::after{
content:attr(data-tip);
position:absolute;top:calc(100% + 10px);left:50%;
transform:translateX(-50%) translateY(4px);
background:#111;color:#fff;font:600 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;
letter-spacing:.2px;padding:8px 12px;border-radius:7px;white-space:nowrap;
box-shadow:0 8px 20px rgba(0,0,0,.28);
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .16s ease,transform .16s ease;z-index:1080;
}
.fd-nav [data-tip]::before{
content:'';position:absolute;top:calc(100% + 4px);left:50%;
transform:translateX(-50%) translateY(4px);
border:6px solid transparent;border-bottom-color:#111;
opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .16s ease,transform .16s ease;z-index:1081;
}
.fd-nav [data-tip]:hover::after,
.fd-nav [data-tip]:hover::before{
opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
/* Bootstrap tooltip fallback (any that still init) — same black + arrow */
.tooltip{font-family:'Plus Jakarta Sans',system-ui,sans-serif;opacity:1 !important;z-index:1080}
.tooltip .tooltip-inner{
background:#111 !important;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.2px;
padding:7px 12px;border-radius:7px;box-shadow:0 6px 18px rgba(0,0,0,.28);max-width:240px
}
.tooltip .arrow{width:.9rem;height:.45rem}
.tooltip.bs-tooltip-bottom .arrow::before,.tooltip[x-placement^="bottom"] .arrow::before{border-width:0 .45rem .45rem;border-bottom-color:#111 !important}
.tooltip.bs-tooltip-top .arrow::before,.tooltip[x-placement^="top"] .arrow::before{border-width:.45rem .45rem 0;border-top-color:#111 !important}
.tooltip.bs-tooltip-left .arrow::before,.tooltip[x-placement^="left"] .arrow::before{border-width:.45rem 0 .45rem .45rem;border-left-color:#111 !important}
.tooltip.bs-tooltip-right .arrow::before,.tooltip[x-placement^="right"] .arrow::before{border-width:.45rem .45rem .45rem 0;border-right-color:#111 !important}
@media(max-width:900px){
.fd-nav__search-btn span{display:none}
.fd-nav__search-btn{padding:0 16px}
}
.fd-nav__account{display:inline-flex;align-items:center}
.fd-nav__account .dropdown-toggle::after{display:none}
.fd-nav__account #dropdownMenuButton{
display:inline-flex;align-items:center;gap:0;line-height:1;white-space:nowrap;cursor:pointer;
font-size:15px;font-weight:600;color:var(--fd-ink) !important}
.fd-nav__account #dropdownMenuButton img.header-user{
width:34px !important;height:34px !important;min-width:34px;border-radius:50%;object-fit:cover;
margin:0 8px 0 0 !important;flex:none}
.fd-nav__login{padding:10px 20px;border:1.5px solid var(--fd-red-dark);border-radius:11px;background:#fff;color:var(--fd-red-dark) !important;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}
.fd-nav__login:hover{background:#fff4f0;color:var(--fd-red-dark) !important;text-decoration:none}
.fd-nav__signup{padding:10px 20px;border:0;border-radius:11px;background:var(--fd-grad);color:#fff !important;font-weight:700;font-size:14px;text-decoration:none;transition:opacity .15s;white-space:nowrap}
.fd-nav__signup:hover{opacity:.92;color:#fff !important;text-decoration:none;background:var(--fd-grad)}
/* neutralise demo.css .hc-nav-trigger leaks — reset any absolute positioning the hc-nav plugin injects */
.fd-nav .toggle.fd-nav__menu,.fd-nav .fd-nav__hamburger{
position:relative !important;top:auto !important;right:auto !important;
bottom:auto !important;left:auto !important;min-height:0 !important;
transform:none !important;margin:0;flex:none;align-self:center}
@media(max-width:900px){
.fd-nav__search{display:none}
.fd-nav__loc{min-width:150px}
}
@media(max-width:600px){
.fd-nav__inner{gap:10px}
.fd-nav__loc{min-width:auto;max-width:150px}
}
/* ============================================================
FILTER CHIPS (clone-2) — above the restaurants grid
============================================================ */
.sis-home-page .fd-filters{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.sis-home-page .fd-chip{
display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--fd-line);
background:#fff;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;color:#363636 !important;
text-decoration:none;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sis-home-page .fd-chip:hover{border-color:#e8541a;color:#e8541a !important;text-decoration:none}
.sis-home-page .fd-chip.active{background:var(--fd-grad);border-color:transparent;color:#fff !important;box-shadow:0 4px 12px rgba(232,84,26,.30)}
.sis-home-page .fd-chip--icon{background:#1c1c28;border-color:#1c1c28;color:#fff !important;font-weight:600}
.sis-home-page .fd-chip .feather-sliders{font-size:15px}
.sis-home-page .fd-results-count{font-size:13px;color:#686b78;font-weight:500;margin:-8px 0 14px;min-height:18px}
/* ============================================================
HIGHLIGHTS (paid advertisements) — kept, restyled to the
clone-2 rich look. Overrides the old peach-panel UI from
style.css (.highlights-section-inner / .profile-preview-box).
============================================================ */
.sis-home-page .highlights-section{margin:6px 0 0 !important}
.sis-home-page .highlights-section .highlights-section-inner{
background:transparent !important;padding:0 !important;border-radius:0 !important}
.sis-home-page .highlights-section .title{border:0 !important;margin-bottom:18px}
.sis-home-page .highlights-slider{padding:6px 0 12px}
/* slick: ignore the stale height slick locks before ad images load, and make all
slides equal-height via flex so variable content (logo/title/desc) is never clipped */
.sis-home-page .highlights-slider .slick-list{height:auto !important;overflow:hidden;padding-bottom:8px}
.sis-home-page .highlights-slider .slick-track{display:flex !important;align-items:stretch}
.sis-home-page .highlights-slider .slick-slide{height:auto !important}
.sis-home-page .highlights-slider .slick-slide > div,
.sis-home-page .highlights-slider .slick-slide .cat-item.profile-preview-box{height:100%}
.sis-home-page .highlights-slider .slick-slide .profile-preview-box-inner{height:100%;display:flex;flex-direction:column}
.sis-home-page .highlights-slider .slick-slide .profile-preview-content{flex:1}
.sis-home-page .highlights-slider .profile-preview-box{padding:0 12px}
/* single (non-carousel) card shouldn't stretch full width */
.sis-home-page .highlights-slider:not(.slick-initialized){justify-content:flex-start}
.sis-home-page .highlights-slider:not(.slick-initialized) .profile-preview-box{max-width:380px}
/* Once slick initializes, the base `display:flex; justify-content:center` turns .slick-list into a
centered flex item (content-width) — that offsets the row from the heading. Force block layout so
.slick-list is full-width & left-aligned, and negate the 12px card gutter so the first card lines
up with the "Highlights for you" heading. */
.sis-home-page .highlights-slider.slick-initialized{display:block;margin-left:-12px;margin-right:-12px}
/* card shell */
.sis-home-page .profile-preview-box .profile-preview-box-inner{
border:1px solid var(--fd-line) !important;border-radius:18px;background:#fff;overflow:hidden;
box-shadow:var(--fd-shadow) !important;transition:transform .25s ease,box-shadow .25s ease;min-height:0 !important}
.sis-home-page .profile-preview-box .profile-preview-box-inner:hover{
transform:translateY(-5px);box-shadow:var(--fd-shadow-lg) !important}
/* media */
.sis-home-page .highlights-slider .profile-preview-img img,
.sis-home-page .highlights-slider .profile-preview-img video{height:188px}
/* rating pill -> clone-2 green */
.sis-home-page .highlights-slider .review-rating-demo{
background:var(--fd-green) !important;border:0 !important;bottom:12px;right:12px;
border-radius:9px;padding:4px 9px;font-weight:700;font-size:13px;
box-shadow:0 4px 12px rgba(0,0,0,.22)}
.sis-home-page .highlights-slider .review-rating-demo .fa-star{color:#ffd24d}
/* content */
.sis-home-page .highlights-slider .profile-preview-content{padding:16px 18px 18px;align-items:flex-start}
.sis-home-page .highlights-slider .prev-profile-image,
.sis-home-page .highlights-slider .prev-profile-image img{width:46px;height:46px}
.sis-home-page .highlights-slider .prev-profile-image{margin-right:12px;flex:none}
.sis-home-page .highlights-slider .prev-profile-detail{padding-right:34px}
.sis-home-page .highlights-slider .prev-profile-detail h3{
font-size:16px;font-weight:700;color:var(--fd-ink);margin:0 0 4px;line-height:1.25}
.sis-home-page .highlights-slider .prev-profile-detail p{
color:var(--fd-muted);font-size:13.5px;line-height:1.5;margin:0;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* wishlist heart */
.sis-home-page .highlights-slider .profile-preview-wishlist{right:14px;top:14px}
.sis-home-page .highlights-slider .profile-preview-wishlist .preview-wishlist-icon{
width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--fd-red-dark);padding:0;border-radius:50%}
/* video CTA arrow */
.sis-home-page .highlights-slider .prev-profile-btn .btn{
background:var(--fd-red-dark);border:0;border-radius:50%;width:40px;height:40px;
display:inline-flex;align-items:center;justify-content:center;color:#fff}
/* slick arrows — .fd-hl-row replaces .row so no negative-margin overflow */
.sis-home-page .fd-hl-row{position:relative}
/* custom feather-icon arrow buttons */
.sis-home-page .fd-hl-btn{
position:absolute;top:50%;transform:translateY(-50%);
width:40px;height:40px;border-radius:50%;border:0;
background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15);
display:flex !important;align-items:center;justify-content:center;
cursor:pointer;z-index:5;color:var(--fd-ink);transition:box-shadow .15s,color .15s}
.sis-home-page .fd-hl-btn:hover{color:var(--fd-red);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.sis-home-page .fd-hl-btn i{font-size:20px;display:block}
.sis-home-page .fd-hl-btn.slick-prev{left:-23px}
.sis-home-page .fd-hl-btn.slick-next{right:-23px}
/* hide the default slick ::before glyph */
.sis-home-page .fd-hl-btn:before{display:none !important}
/* ============================================================
CARDS — clone-2 structure (heart, rating top-right, off badge)
============================================================ */
.sis-home-page .list-card.fd-card .list-card-image{position:relative}
.sis-home-page .fd-card__fav{
position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;
background:rgba(255,255,255,.92);display:grid;place-items:center;color:#9a9a9a;cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,.15);transition:color .15s,transform .15s}
.sis-home-page .fd-card__fav:hover{color:var(--fd-red-dark);transform:scale(1.08)}
.sis-home-page .fd-card__fav i{font-size:17px}
.sis-home-page .fd-card__fav i.fa-heart{color:var(--fd-red-dark)}
.sis-home-page .list-card.fd-card .fd-card__off{
position:absolute;left:12px;bottom:10px;z-index:4;color:#fff !important;font-weight:800;font-size:14px;
text-shadow:0 1px 4px rgba(0,0,0,.5);background:none;padding:0;display:inline}
.sis-home-page .list-card.fd-card .offer-icon{left:auto;right:10px;bottom:10px;z-index:4}
.sis-home-page .fd-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sis-home-page .fd-card__top .popul-title{flex:1;min-width:0}
.sis-home-page .fd-card__top .popul-title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sis-home-page .fd-card__rating{flex:none;margin-top:2px !important}
.sis-home-page .fd-card__rating .badge{background:var(--fd-green) !important;color:#fff;font-size:13px;font-weight:700;padding:4px 7px;border-radius:6px}
.sis-home-page .fd-card__foot,
.sis-home-page .fd-card__time{
display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--fd-line);
color:var(--fd-muted);font-size:13px}
.sis-home-page .fd-card__foot .fa,.sis-home-page .fd-card__time .fa{color:var(--fd-red-dark)}
@media(prefers-reduced-motion:reduce){
.sis-home-page .fd-showcase{height:auto}
.sis-home-page .fd-showcase__stage{position:static;height:auto;padding:54px 0}
.sis-home-page .fd-showcase__center,.sis-home-page .fd-showcase__img{opacity:1;transform:none;position:relative;top:auto;left:auto;margin:0}
.sis-home-page .fd-showcase__img{display:none}
.sis-home-page .fd-reveal{opacity:1;transform:none;transition:none}
}
/* =========================================================================
fd2-card — exact clone-2 Zomato-style card (ALL pages)
========================================================================= */
.fd2-card{
display:block;
background:#fff;
border-radius:16px;
overflow:hidden;
border:1px solid #f0f0f0;
box-shadow:0 2px 8px rgba(0,0,0,.06);
transition:transform .18s,box-shadow .18s;
text-decoration:none!important;
color:inherit!important;
}
.fd2-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 32px rgba(0,0,0,.12);
text-decoration:none!important;
color:inherit!important;
}
/* Image area */
.fd2-card__img{
position:relative;
height:180px;
overflow:hidden;
background:#f7f7f7;
}
.fd2-card__img a{display:block;height:100%}
.fd2-card__img img{
width:100%;height:100%;
object-fit:cover;
transition:transform .3s;
display:block;
}
.fd2-card:hover .fd2-card__img img{transform:scale(1.06)}
.fd2-card__img::after{
content:"";
position:absolute;inset:0;
background:linear-gradient(to top,rgba(0,0,0,.55),transparent 50%);
pointer-events:none;
}
/* Open / Closed badge — top-left of image */
.fd2-card__badge{
position:absolute;top:12px;left:12px;z-index:3;
font-size:11px;font-weight:700;
padding:4px 10px;border-radius:20px;
letter-spacing:.3px;
}
.fd2-card__badge.open{background:#267e3e;color:#fff}
.fd2-card__badge.closed{background:rgba(0,0,0,.55);color:#fff}
/* Discount text — bottom-left of image over gradient */
.fd2-card__off{
position:absolute;left:12px;bottom:10px;z-index:3;
color:#fff;font-weight:800;font-size:14px;line-height:1.3;
text-shadow:0 1px 4px rgba(0,0,0,.5);
pointer-events:none;
}
/* Free-delivery badge — bottom-right of image */
.fd2-card__img .offer-icon{
position:absolute;bottom:8px;right:10px;z-index:3;
}
/* Heart / fav button — top-right of image */
.fd2-card__fav{
position:absolute;top:12px;right:12px;z-index:4;
width:34px;height:34px;
border:0;border-radius:50%;
background:rgba(255,255,255,.92);
display:grid;place-items:center;
cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,.15);
transition:color .15s,transform .15s;
color:#9a9a9a;padding:0;
}
.fd2-card__fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;display:block}
.fd2-card__fav:hover{color:#e23744;transform:scale(1.1)}
.fd2-card__fav.is-fav{color:#e23744}
.fd2-card__fav.is-fav svg{fill:#e23744;stroke:#e23744}
.fd2-card__fav i.fa-heart{color:#e23744}
/* Reusable food/product save heart (food list & other product cards) */
.fd-fav-badge{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);color:#9a9a9a;transition:color .15s,transform .15s}
.fd-fav-badge:hover{color:#e23744;transform:scale(1.1)}
.fd-fav-badge i{font-size:16px;line-height:1}
.fd-fav-badge.is-fav,.fd-fav-badge .fa-heart{color:#e23744}
/* Body */
.fd2-card__body{padding:14px 14px 12px}
/* Top row: name + rating */
.fd2-card__top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:8px;margin-bottom:6px;
}
.fd2-card__name{
font-size:16px;font-weight:700;
color:#1c1c1c!important;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
flex:1;min-width:0;
display:block;
text-decoration:none!important;
}
.fd2-card__name:hover{color:#e23744!important;text-decoration:none!important}
.fd2-card__rating{
display:inline-flex;align-items:center;gap:3px;
background:#267e3e;color:#fff;
font-size:13px;font-weight:700;
padding:3px 8px;border-radius:6px;
flex:none;white-space:nowrap;
}
.fd2-card__rating .fd2-ico{width:12px;height:12px;fill:#fff;vertical-align:middle}
/* Meta row: cuisine (left) + price for two (right) */
.fd2-card__meta{
display:flex;
justify-content:space-between;
align-items:center;
color:#696969;font-size:13px;
margin-bottom:0;
}
.fd2-card__cuisine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fd2-card__price{flex:none;white-space:nowrap;margin-left:8px;font-weight:500;color:#696969}
/* Footer row: clock + delivery time */
.fd2-card__foot{
display:flex;align-items:center;gap:6px;
margin-top:10px;padding-top:10px;
border-top:1px solid #f0f0f0;
color:#696969;font-size:13px;
}
.fd2-card__foot .fd2-ico{width:15px;height:15px;fill:#e23744;flex:none}
.fd2-fast-badge{
margin-left:auto;
font-size:11px;font-weight:700;
background:#fff4e6;color:#e07b00;
padding:2px 7px;border-radius:20px;
white-space:nowrap;
}
/* Closed-card dim */
.fd2-card--closed .fd2-card__img img{opacity:.6;filter:grayscale(35%)}
/* "CLOSED" rubber-stamp overlay on closed restaurant cards */
.fd2-card__closed-stamp{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);
z-index:4;color:#fff;font-weight:800;font-size:18px;letter-spacing:2px;
text-transform:uppercase;padding:6px 18px;border:3px solid rgba(255,255,255,.92);
border-radius:6px;background:rgba(20,20,20,.42);pointer-events:none;
box-shadow:0 2px 12px rgba(0,0,0,.32);white-space:nowrap;
}
.fd2-opens-at--closed{color:#e23744;font-weight:700}
/* Inline SVG icon size helper */
.fd2-ico{display:inline-block;vertical-align:middle}
/* Area/location row */
.fd2-card__area{
font-size:13px;color:#696969;
margin:3px 0 0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* Footer row — always flex, left content + distance pinned right */
.fd2-card__foot{justify-content:flex-start}
/* "Opens at X" — red, left (closed restaurants) */
.fd2-opens-at{color:#e23744;font-size:13px;font-weight:600}
/* Delivery time — gray, left when open */
.fd2-delivery-time{color:#696969;font-size:13px}
/* "Open Now" — green, left when open + no delivery time */
.fd2-open-now{color:#2e7d32;font-size:13px;font-weight:600}
/* Distance — always pinned to right via margin-left:auto */
.fd2-card__dist{
font-size:13px;color:#696969;
font-weight:500;
white-space:nowrap;
margin-left:auto;
}
/* ---- Offer pill — Zomato-style compact tag, bottom-left of image ---- */
/* Scroll-reveal animation for restaurant cards (Zomato-style entrance) */
.fd2-card.fd-reveal-card{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
.fd2-card.fd-reveal-card.fd-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
.fd2-card.fd-reveal-card{opacity:1 !important;transform:none !important;transition:none !important}
}
.fd2-offer-bar{
position:absolute;
bottom:12px;
left:0;
right:auto; /* NOT full-width */
z-index:3;
background:linear-gradient(135deg,#c0370d 0%,#e8541a 55%,#ff7043 100%);
color:#fff;
font-size:13px;
font-weight:600;
padding:7px 16px 7px 10px;
display:inline-flex;
align-items:center;
gap:8px;
border-radius:0 24px 24px 0; /* flat left, pill right */
box-shadow:0 3px 10px rgba(200,60,10,.45);
white-space:nowrap;
letter-spacing:.1px;
}
.fd2-offer-bar strong{font-weight:900;letter-spacing:.2px}
.fd2-offer-bar__pct{
width:24px;height:24px;
background:rgba(255,255,255,.22);
border:1.5px solid rgba(255,255,255,.55);
border-radius:50%;
display:grid;place-items:center;
font-size:11px;font-weight:900;
flex:none;
font-style:normal;
}
/* Bottom-left overlay stack: free-delivery label sits above the flat-discount
pill (filled by checkSelfDeliveryForVendor); both share the bottom-left corner */
.fd2-card__ov{position:absolute;left:0;bottom:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fd2-card__ov .fd2-offer-bar{position:static;bottom:auto;left:auto}
.fd2-free-del{position:static}
.fd2-free-del:empty{display:none}
.fd2-free-del > span{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1c7e3c,#27a24a);color:#fff;font-size:12px;font-weight:800;line-height:1;padding:7px 14px 7px 10px;border-radius:0 24px 24px 0;box-shadow:0 3px 10px rgba(20,120,50,.4);white-space:nowrap;letter-spacing:.1px}
.fd2-free-del img{width:15px !important;height:15px !important;object-fit:contain;filter:brightness(0) invert(1)}
/* Restaurant "About" description text */
.zr-desc-text{font-size:14px;line-height:1.65;color:#4a4a4a;margin:0;white-space:pre-line}
/* ============================================================
MISC CARD FIXES
============================================================ */
/* Opening Soon — orange */
.fd2-opening-soon{color:#e8541a;font-size:13px;font-weight:600}
/* Heart button — proper color */
.fd2-card__fav{color:#555}
.fd2-card__fav:hover{color:#e8541a}
.fd2-card__fav svg{display:block}
.fd2-card__fav.active svg,.fd2-card__fav.favorited svg{fill:#e8541a;stroke:#e8541a;color:#e8541a}
/* Clear filter chip */
.fd-chip--clear{
background:var(--fd-grad) !important;
color:#fff !important;
border-color:transparent !important;
font-weight:600;
}
.sis-home-page .fd-chip--clear:hover,
.fd-chip--clear:hover{background:var(--fd-grad) !important;color:#fff !important;opacity:.92}
/* ============================================================
LOCATION DROPDOWN (GPS detect — Zomato style)
============================================================ */
.fd-nav__loc{position:relative}
.fd-loc-drop{
position:absolute;
top:calc(100% + 8px);left:0;
min-width:280px;
background:#fff;
border-radius:12px;
box-shadow:0 8px 30px rgba(0,0,0,.14);
z-index:999;
overflow:hidden;
border:1px solid #f0f0f0;
}
.fd-loc-drop__item{
display:flex;align-items:center;gap:14px;
padding:14px 16px;cursor:pointer;
transition:background .15s;
}
.fd-loc-drop__item:hover{background:#fff8f5}
.fd-loc-drop__ico{
color:#e8541a;font-size:20px;flex:none;
}
.fd-loc-drop__title{font-size:14px;font-weight:600;color:#e8541a}
.fd-loc-drop__sub{font-size:12px;color:#888;margin-top:1px}
/* ============================================================
HAMBURGER NAV PANEL REDESIGN
============================================================ */
#main-nav .fd-nav-panel{
display:flex;flex-direction:column;
height:100%;overflow-y:auto;
font-family:'Plus Jakarta Sans',sans-serif;
}
/* Guest section */
#main-nav .fd-nav-panel__guest{
padding:24px 20px;
background:linear-gradient(135deg,#e8541a,#c0370d);
color:#fff;
}
#main-nav .fd-nav-panel__guest-logo img{filter:brightness(0) invert(1)}
#main-nav .fd-nav-panel__guest-btns{
display:flex;gap:10px;margin-top:16px;
}
#main-nav .fd-nav-panel__btn-login{
flex:1;text-align:center;padding:9px;border-radius:8px;
border:2px solid rgba(255,255,255,.7);color:#fff;
font-weight:600;font-size:14px;text-decoration:none;
transition:background .2s;
}
#main-nav .fd-nav-panel__btn-login:hover{background:rgba(255,255,255,.15);text-decoration:none;color:#fff}
#main-nav .fd-nav-panel__btn-signup{
flex:1;text-align:center;padding:9px;border-radius:8px;
background:#fff;color:#e8541a;
font-weight:700;font-size:14px;text-decoration:none;
transition:opacity .2s;
}
#main-nav .fd-nav-panel__btn-signup:hover{opacity:.88;text-decoration:none}
/* Auth user header */
#main-nav .fd-nav-panel__user{
display:flex;align-items:center;gap:14px;
padding:20px;
background:linear-gradient(135deg,#e8541a,#c0370d);
color:#fff;
}
#main-nav .fd-nav-panel__avatar{
width:46px;height:46px;border-radius:50%;
background:rgba(255,255,255,.25);
display:flex;align-items:center;justify-content:center;
font-size:22px;color:#fff;flex:none;
}
#main-nav .fd-nav-panel__uname{font-weight:700;font-size:16px;color:#fff}
#main-nav .fd-nav-panel__usub{font-size:12px;color:rgba(255,255,255,.8);margin-top:2px}
#main-nav .fd-nav-panel__usub p{color:rgba(255,255,255,.8)}
/* Main link list */
#main-nav .fd-nav-panel__list{
list-style:none;padding:8px 0;margin:0;flex:1;
}
#main-nav .fd-nav-panel__group-label{
font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
color:#aaa;padding:14px 20px 4px;
}
#main-nav .fd-nav-panel__list > li > a{
display:flex;align-items:center;gap:14px;
padding:12px 20px;color:#333;
font-size:14px;font-weight:500;
text-decoration:none;
transition:background .15s,color .15s;
border-radius:0;
}
#main-nav .fd-nav-panel__list > li > a:hover{
background:#fff8f5;color:#e8541a;text-decoration:none;
}
#main-nav .fd-nav-panel__list > li > a i{
font-size:17px;color:#696969;flex:none;width:20px;text-align:center;
transition:color .15s;
}
/* keep the hovered icon visible: defeat the hc-offcanvas-nav leak
(a:hover i{color:#fff;filter:brightness(0) invert(1)}) that blanks it out */
#main-nav .fd-nav-panel__list > li > a:hover i{color:#e8541a !important;filter:none !important}
/* The VISIBLE side menu is the hc-offcanvas-nav clone (appended to ),
not #main-nav — so it needs its own override. Its hover bg comes from an
admin section_color cookie + the library forces the icon white via
filter:brightness(0) invert(1), which vanishes on a light hover. Force a
legible light hover + brand icon. `body ` prefix out-specifies the leaks. */
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover,
body .hc-offcanvas-nav li:not(.custom-content) a:focus{
background:#fff4f0 !important;color:#e8541a !important
}
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i,
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover img,
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover span,
body .hc-offcanvas-nav li:not(.custom-content) a:focus i{
color:#e8541a !important;filter:none !important
}
/* active (current-page) menu item — same treatment, persistent */
#main-nav .fd-nav-panel__list > li > a.fd-nav-active,
body .hc-offcanvas-nav li:not(.custom-content) a.fd-nav-active{
background:#fff4f0 !important;color:#e8541a !important;font-weight:700 !important
}
#main-nav .fd-nav-panel__list > li > a.fd-nav-active i,
body .hc-offcanvas-nav li:not(.custom-content) a.fd-nav-active i{color:#e8541a !important;filter:none !important}
#main-nav .fd-nav-panel__logout{color:#e23744 !important}
#main-nav .fd-nav-panel__logout i{color:#e23744 !important}
#main-nav .fd-nav-panel__version{
padding:12px 20px;font-size:12px;color:#bbb;
border-top:1px solid #f0f0f0;margin-top:auto;
}
/* ============================================================
FIXES BATCH 2 — 2026-06-30
============================================================ */
/* highlights arrows handled by .fd-hl-btn block above */
/* --- Heart icon favorited state (JS replaces SVG with FA icon) --- */
.fd2-card__fav .fa-heart{color:#e23744 !important}
.fd2-card__fav .fa.fa-heart{color:#e23744 !important}
/* ============================================================
RESTAURANT DETAIL PAGE — Zomato style (zr-*)
============================================================ */
.zr-page{background:#f8f8f8;min-height:100vh}
/* Consistent typography: all headings on the restaurant/category pages use Inter (matches name + cards + Zomato) */
.zr-page h1,.zr-page h2,.zr-page h3,.zr-page h4,.zr-page h5,.zr-page h6,
.zr-cat-page h1,.zr-cat-page h2,.zr-cat-page h3,.zr-cat-page h4,.zr-cat-page h5,
.zr-card__title,.zr-reviews-heading,.zr-seo__title,.zr-about-block__title,
.zr-cat-title,.zr-hero__name,.zr-side-card__title,.zr-cat-sidebox__title{
font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important}
/* Breadcrumb */
.zr-breadcrumb{background:#fff;border-bottom:1px solid #ebebeb;padding:10px 0;font-size:13px;color:#696969}
.zr-breadcrumb a{color:#696969;text-decoration:none}
.zr-breadcrumb a:hover{color:#e8541a}
.zr-bc__sep{margin:0 6px;color:#bbb}
.zr-bc__current{color:#e8541a;font-weight:500}
/* Hero */
.zr-hero{background:#fff;padding:22px 0 16px;border-bottom:1px solid #f0f0f0}
.zr-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.zr-hero__title-col{flex:1;min-width:0}
.zr-hero__name{font-size:28px;font-weight:800;color:#1c1c1c;margin:0 0 6px;line-height:1.2;letter-spacing:-.4px;font-family:'Plus Jakarta Sans',sans-serif}
.zr-hero__cuisine{font-size:14px;color:#7a7a7a;margin-bottom:6px}
.zr-hero__addr{font-size:14px;color:#7a7a7a;line-height:1.5}
.zr-open-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px;letter-spacing:.3px}
.zr-open-pill--open{background:#e8f5e9;color:#1c8e44}
.zr-open-pill--open::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#1c8e44}
.zr-open-pill--closed{background:#ffeaea;color:#c84040}
.zr-open-pill--closed::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#c84040}
.zr-next-open{font-size:13px;color:#e23744;font-weight:600}
.zr-next-open:empty{display:none}
/* Hero meta line (open · hours | cost | phone) */
.zr-hero__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:14px;color:#4a4a4a}
.zr-hero__meta-hours{color:#1c8e44;font-weight:600}
.zr-hero__meta-sep{color:#d0d0d0}
.zr-hero__meta-cost{color:#4a4a4a}
.zr-hero__meta-phone{color:#e8541a;font-weight:600;text-decoration:none}
.zr-hero__meta-phone:hover{text-decoration:underline;color:#c83d0a}
/* Opening-hours info icon + popover */
.zr-hours-info-wrap{position:relative;display:inline-flex}
.zr-hours-info{border:0;background:none;cursor:pointer;color:#9e9e9e;padding:0;display:inline-flex;align-items:center;line-height:1}
.zr-hours-info:hover{color:#e8541a}
.zr-hours-info i{font-size:15px}
.zr-hours-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-40px);background:#fff;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.16);border:1px solid #eee;padding:16px 18px;min-width:280px;z-index:400}
.zr-hours-pop::before{content:'';position:absolute;top:-7px;left:36px;width:14px;height:14px;background:#fff;border-left:1px solid #eee;border-top:1px solid #eee;transform:rotate(45deg)}
.zr-hours-pop__title{font-size:16px;font-weight:700;color:#1c1c1c;margin-bottom:12px;font-family:'Plus Jakarta Sans',sans-serif}
.zr-hours-pop__row{display:flex;justify-content:space-between;gap:24px;padding:6px 0;font-size:14px}
.zr-hours-pop__day{color:#1c1c1c;font-weight:600;white-space:nowrap}
.zr-hours-pop__time{color:#696969;text-align:right}
.zr-hours-pop__time--closed{color:#c84040}
/* Rating badge(s) */
.zr-hero__badges{flex:none;display:flex;gap:12px}
.zr-hero__badge-col{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.zr-foodcount-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #ececec;color:#555;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap}
.zr-foodcount-badge i{color:#e8541a;font-size:15px}
.zr-rating-badge{display:inline-flex;align-items:stretch;gap:0;background:#1c8e44;color:#fff;border-radius:10px;overflow:hidden}
.zr-rating-badge__num{font-size:18px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px}
.zr-rating-badge__num .fa-star{font-size:12px}
.zr-rating-badge__meta{display:flex;flex-direction:column;justify-content:center;line-height:1.2;border-left:1px solid rgba(255,255,255,.4);padding:6px 12px;text-align:center}
.zr-rating-badge__meta span{font-size:14px;font-weight:700;white-space:nowrap}
.zr-rating-badge__meta small{font-size:9.5px;font-weight:500;opacity:.9;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}
.zr-rating-badge--empty{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#7a7a7a;border:1.5px solid #ececec;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:700}
.zr-rating-badge--empty .fa-star{font-size:12px;color:#ffc02d}
/* Actions */
.zr-hero__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.zr-action{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid #d4d5d9;border-radius:8px;font-size:14px;font-weight:600;color:#4a4a4a;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;font-family:'Plus Jakarta Sans',sans-serif}
.zr-action:hover,.zr-action:focus{border-color:#e8541a;color:#e8541a;text-decoration:none}
.zr-action i{font-size:15px}
.zr-action--book{border-color:#e8541a;color:#e8541a}
/* Gallery — contained, rounded, Zomato-style */
.zr-gallery{background:#fff;padding:16px 0 4px}
.zr-gallery__grid{display:grid;grid-template-columns:1fr 300px;gap:6px;height:300px;overflow:hidden;cursor:pointer;border-radius:12px}
.zr-gallery__grid--closed .zr-gallery__img,
.zr-gallery__grid--closed .zr-gthumb{filter:brightness(.65) grayscale(.25)}
.zr-gallery__main{overflow:hidden;border-radius:10px;position:relative;height:300px}
.zr-gallery__img{width:100%;height:300px;object-fit:cover;object-position:center;display:block;transition:transform .3s}
.zr-gallery__main:hover .zr-gallery__img{transform:scale(1.02)}
/* height + min-height:0 keep the side column locked to the 300px row so the
thumbnails (and the "View all photos" label on the last one) stay visible
instead of growing to their intrinsic size and getting clipped below. */
.zr-gallery__side{display:grid;grid-template-rows:1fr 1fr 1fr;gap:6px;height:300px;min-height:0}
.zr-gallery__side .zr-gallery__thumb{border-radius:10px;min-height:0}
/* safety: no gallery image ever stretches */
.zr-gallery img{object-fit:cover !important}
/* single image (no thumbnails): a taller, centered banner instead of an
extreme full-width strip that looks stretched */
.zr-gallery__grid--single{height:auto;max-height:440px}
.zr-gallery__grid--single .zr-gallery__main{height:400px;max-width:900px;width:100%;margin:0 auto}
.zr-gallery__grid--single .zr-gallery__img{height:400px}
/* Skeleton shimmer behind gallery images until each one has loaded — kills the
half-loaded "messy" flash on first paint. Images stay fully opaque (never
hidden), so a missed load event can't leave the gallery blank. */
.zr-gallery__main,.zr-gallery__side .zr-gallery__thumb{background:#ececec}
.zr-gallery__main::after,.zr-gallery__side .zr-gallery__thumb::after{
content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
background:linear-gradient(100deg,#e6e6e6 30%,#f4f4f4 50%,#e6e6e6 70%);
background-size:200% 100%;animation:zr-shimmer 1.3s linear infinite;
}
.zr-gallery__main.zr-img-ready::after,.zr-gallery__thumb.zr-img-ready::after{display:none}
.zr-gallery__img,.zr-gthumb{position:relative;z-index:1}
@keyframes zr-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* Leaflet OSM preview fills the direction map box */
.zr-map-wrap #zr-map-leaflet{width:100%;height:100%}
.zr-map-wrap .leaflet-container{width:100%;height:100%;background:#e8eef0}
.zr-gallery__thumb{overflow:hidden;position:relative}
.zr-gthumb{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s;position:relative;z-index:1}
.zr-gallery__thumb:hover .zr-gthumb{transform:scale(1.04)}
.zr-gallery__thumb--more{position:relative}
.zr-gallery__more-lbl{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.52);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px;pointer-events:none}
.zr-gallery__thumb--more:hover .zr-gallery__more-lbl{background:rgba(0,0,0,.65)}
/* Sticky Tabbar — sits directly below the 68px sticky site header */
.zr-tabbar{background:#fff;border-bottom:1.5px solid #e8e8e8;position:sticky;top:69px;z-index:55;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.zr-tabs{display:flex;align-items:center;gap:0;overflow-x:auto}
.zr-tab{display:inline-flex;align-items:center;padding:15px 22px;font-size:15px;font-weight:600;color:#696969;border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s}
.zr-tab:hover{color:#e8541a;text-decoration:none}
.zr-tab--active{color:#e8541a;border-bottom-color:#e8541a}
/* Body layout */
.zr-body{padding:20px 0 60px;background:#f8f8f8}
/* prominent "restaurant closed" banner */
.zr-closed-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff4ef,#ffe9e2);
border:1.5px solid #f6c3b0;border-radius:14px;padding:16px 20px;margin:0 0 22px;box-shadow:0 6px 18px rgba(226,55,68,.10)}
.zr-closed-banner__icon{flex:none;width:46px;height:46px;border-radius:50%;background:var(--fd-grad);color:#fff;
display:flex;align-items:center;justify-content:center;font-size:22px}
.zr-closed-banner__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.zr-closed-banner__text strong{font-size:16px;color:#e8541a;font-weight:800}
.zr-closed-banner__text span{font-size:13.5px;color:#8a5a4e}
.zr-closed-banner__btn{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--fd-grad);color:#fff;
font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;text-decoration:none;transition:opacity .2s}
.zr-closed-banner__btn:hover{opacity:.9;color:#fff;text-decoration:none}
@media(max-width:600px){.zr-closed-banner{flex-wrap:wrap}.zr-closed-banner__btn{width:100%;justify-content:center}}
.zr-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
.zr-layout__side{position:sticky;top:130px}
.zr-panel{display:block}
.zr-panel--hidden{display:none}
/* Menu layout — separate cards (no merged card, so sticky sidebar leaves no gap) */
/* Order Online — product search (inside the items column) */
.zr-menu-search{position:relative;width:100%;margin-bottom:16px}
.zr-menu-search__ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b5b5b5;font-size:16px;pointer-events:none}
.zr-menu-search__input{width:100%;height:46px;border:1.5px solid #ececec;border-radius:12px;padding:0 40px 0 42px;font-size:14px;background:#fafafa;transition:border-color .15s,background .15s,box-shadow .15s;font-family:'Plus Jakarta Sans',sans-serif}
.zr-menu-search__input:focus{outline:none;border-color:#e8541a;background:#fff;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
.zr-menu-search__clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:#ececec;color:#666;border-radius:50%;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s}
.zr-menu-search__clear:hover{background:#e8541a;color:#fff}
.zr-menu-empty{text-align:center;padding:52px 20px;color:#9a9a9a}
.zr-menu-empty i{font-size:36px;color:#e0e0e0;display:block;margin-bottom:12px}
.zr-menu-empty p{font-size:15px;font-weight:600;margin:0}
.zr-menu-wrap{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.zr-menu-wrap.zr-menu-wrap--full{grid-template-columns:1fr}
/* sidebar — rounded pill items */
.zr-cats{position:sticky;top:130px;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:8px;box-shadow:0 2px 12px rgba(0,0,0,.05);max-height:calc(100vh - 150px);overflow-y:auto}
.zr-cat-list{list-style:none;margin:0;padding:0}
/* scoped to the detail-page Order Online sidebar only (text categories, no thumbnails) */
.zr-cats .zr-cat-list .zr-cat-item{padding:11px 12px 11px 14px;font-size:13.5px;color:#4a4a4a;cursor:pointer;border-radius:10px;transition:all .12s;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;margin-bottom:3px}
.zr-cats .zr-cat-list .zr-cat-item:hover{background:#fff5f2;color:#e8541a}
.zr-cats .zr-cat-list .zr-cat-item.active{background:linear-gradient(135deg,#ffe9e0,#fff2ee);color:#e8541a;font-weight:800;box-shadow:inset 0 0 0 1px #ffd9c9}
.zr-items-col{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:20px}
@media(max-width:860px){
.zr-menu-wrap{grid-template-columns:1fr}
.zr-cats{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden}
.zr-cats .zr-cat-list{display:flex;gap:8px}
.zr-cats .zr-cat-list .zr-cat-item{white-space:nowrap;margin-bottom:0}
}
/* Product items — GRID of food cards */
.zr-item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.zr-item-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.zr-item-list{grid-template-columns:1fr}}
.zr-food-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;flex-direction:column}
.zr-food-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);transform:translateY(-3px);border-color:#ffe0d3}
.zr-food-card__img{position:relative;height:160px;overflow:hidden}
.zr-food-card__img a{display:block;height:100%}
.zr-food-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.zr-food-card__veg{position:absolute;top:8px;left:8px;width:16px;height:16px;background:#fff;border-radius:3px;padding:2px}
.zr-food-card__rating{position:absolute;bottom:8px;left:8px;background:#1c8e44;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}
.zr-food-card__rating .fa-star{font-size:8px}
.zr-food-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.zr-food-card__name{font-size:15px;font-weight:600;color:#1c1c1c;margin:0 0 8px;line-height:1.35;min-height:20px}
.zr-food-card__name a{color:inherit;text-decoration:none}
.zr-food-card__name a:hover{color:#e8541a}
.zr-food-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}
.zr-food-card__price{font-size:15px;font-weight:700;color:#1c1c1c}
.zr-food-card__price s{font-size:12px;color:#9e9e9e;font-weight:400;margin-left:4px}
/* filled/gradient ADD button + matching stepper */
.zr-food-card__add{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border:0;border-radius:9px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e8541a,#e23744);text-decoration:none;letter-spacing:.6px;transition:opacity .12s,transform .12s,box-shadow .12s;flex:none;box-shadow:0 4px 12px rgba(226,55,68,.25)}
.zr-food-card__add:hover{opacity:.95;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(226,55,68,.32)}
.zr-food-card__add-slot{flex:none}
.zr-food-card__addbtn{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border:0;border-radius:9px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e8541a,#e23744);cursor:pointer;letter-spacing:.6px;transition:opacity .12s,transform .12s,box-shadow .12s;font-family:inherit;text-transform:uppercase;box-shadow:0 4px 12px rgba(226,55,68,.25)}
.zr-food-card__addbtn:hover{opacity:.95;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(226,55,68,.32)}
.zr-stepper{display:inline-flex;align-items:center;border:0;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#e8541a,#e23744);box-shadow:0 4px 12px rgba(226,55,68,.25)}
.zr-stepper__btn{width:32px;height:34px;border:0;background:transparent;color:#fff;font-size:18px;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .12s}
.zr-stepper__btn:hover{background:rgba(255,255,255,.18)}
.zr-stepper__qty{min-width:30px;text-align:center;font-size:13px;font-weight:800;color:#fff}
/* veg/non-veg mini marker inside food card (kept for compatibility, hidden — replaced by the text label) */
.zr-food-card__veg{display:none}
.zr-food-card__veg::after{content:'';display:block;width:100%;height:100%;border-radius:50%;background:#1c8e44}
/* --- enhanced food card: veg label, description, ribbons, category counts --- */
.zr-food-card__veglabel{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1c8e44;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.zr-food-card__veglabel--nonveg{color:#c84040}
.zr-food-card__vegdot{width:13px;height:13px;border:1.6px solid #1c8e44;border-radius:3px;position:relative;flex:none}
.zr-food-card__vegdot::after{content:'';position:absolute;inset:2.5px;border-radius:50%;background:#1c8e44}
.zr-food-card__veglabel--nonveg .zr-food-card__vegdot{border-color:#c84040}
.zr-food-card__veglabel--nonveg .zr-food-card__vegdot::after{background:#c84040}
.zr-food-card__desc{font-size:12.5px;color:#8a8a8a;line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zr-food-card__ribbon{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 3px 10px rgba(226,55,68,.3);text-transform:uppercase;letter-spacing:.3px;z-index:2}
.zr-food-card__ribbon .fa-star{font-size:9px}
.zr-food-card__disc{position:absolute;bottom:8px;right:8px;background:#e23744;color:#fff;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:2}
/* category count badge */
.zr-cat-count{background:#f0f0f0;color:#8a8a8a;font-size:11px;font-weight:800;min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.zr-cats .zr-cat-list .zr-cat-item.active .zr-cat-count{background:#e8541a;color:#fff}
.zr-food-card__veg--nonveg{border-color:#c84040}
.zr-food-card__veg--nonveg::after{background:#c84040}
/* Coupons */
.zr-offers-wrap{padding:4px 0}
.zr-coupon-list{display:flex;flex-direction:column;gap:14px;padding:8px 0}
.zr-coupon{display:flex;align-items:stretch;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.08);border:1px solid #e8e8e8}
.zr-coupon__tag{background:#e8541a;color:#fff;padding:0 16px;display:flex;align-items:center;font-size:20px}
.zr-coupon__body{padding:14px 18px}
.zr-coupon__code{font-size:15px;font-weight:800;color:#1c1c1c;letter-spacing:.5px}
.zr-coupon__desc{font-size:13px;color:#696969;margin-top:4px}
/* Reviews */
.zr-reviews-box{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 1px 6px rgba(0,0,0,.07)}
.zr-review-score{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.zr-review-score__num{background:#1c8e44;color:#fff;font-size:28px;font-weight:800;padding:14px 20px;border-radius:10px;white-space:nowrap;line-height:1}
.zr-review-score__text strong{font-size:18px;color:#1c1c1c}
.zr-review-score__text span{font-size:14px;color:#696969}
.zr-reviews-note{font-size:14px;color:#9e9e9e;margin-top:16px}
.zr-reviews-heading{font-size:20px;font-weight:700;color:#1c1c1c;margin:22px 0 6px}
.zr-reviews-heading:empty{display:none}
.zr-reviews-list{margin-top:6px}
.zr-rv{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #f0f0f0}
.zr-rv:last-child{border-bottom:none}
.zr-rv__avatar{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:#eee}
.zr-rv__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.zr-rv__avatar--letter{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8541a,#e37c00);color:#fff;font-weight:700;font-size:18px}
.zr-rv__body{flex:1;min-width:0}
.zr-rv__name{font-size:15px;font-weight:700;color:#1c1c1c}
.zr-rv__meta{display:flex;align-items:center;gap:10px;margin:6px 0 8px}
.zr-rv__badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:4px}
.zr-rv__badge .fa-star{font-size:9px}
.zr-rv__type{font-size:11px;font-weight:700;color:#9e9e9e;letter-spacing:.5px}
.zr-rv__ago{font-size:12px;color:#9e9e9e}
.zr-rv__text{font-size:14px;color:#3a3a3a;line-height:1.6;margin:0 0 10px}
/* which food the review is for + per-review attribute ratings (matches the app) */
.zr-rv__food{font-size:13px;color:#6a6a6a;margin:2px 0 8px;display:flex;align-items:center;gap:6px}
.zr-rv__food i{font-size:14px;color:#e8541a}
.zr-rv__food strong{color:#1a1a1a;font-weight:700}
/* stacked like the app: label left, stars right */
.zr-rv__attrs{background:#fafafa;border-radius:10px;padding:11px 14px;margin:0 0 10px;display:flex;flex-direction:column;gap:7px;max-width:360px}
.zr-rv__attr{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}
.zr-rv__attr-name{color:#666}
.zr-rv__attr-stars{color:#f5a623;font-size:12.5px;letter-spacing:1px;white-space:nowrap}
.zr-rv__attr-stars .fa-star-o{color:#dcdcdc}
.zr-rv__photos{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.zr-rv__photos img{width:72px;height:72px;object-fit:cover;border-radius:8px;display:block}
.zr-rv__actions{display:flex;gap:22px;margin-top:4px}
.zr-rv__actions span{font-size:13px;color:#696969;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.zr-rv__actions span:hover{color:#e8541a}
.zr-reviews-empty{text-align:center;color:#9e9e9e;padding:40px 20px}
.zr-reviews-empty i{font-size:34px;display:block;margin-bottom:10px;opacity:.6}
.zr-reviews-more{display:block;margin:20px auto 0;padding:10px 26px;border:1.5px solid #e8541a;background:#fff;color:#e8541a;font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
.zr-reviews-more:hover{background:#e8541a;color:#fff}
/* About */
.zr-about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.zr-about-block{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 6px rgba(0,0,0,.07)}
.zr-about-block__title{font-size:15px;font-weight:700;color:#1c1c1c;margin:0 0 14px}
.zr-about-block__text{font-size:14px;color:#696969;line-height:1.6;margin:0 0 10px}
.zr-about-link{font-size:14px;color:#e8541a;text-decoration:none;font-weight:600}
.zr-about-link:hover{text-decoration:underline}
.zr-hours-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f5f5f5;font-size:13px}
.zr-hours-row:last-child{border-bottom:none}
.zr-hours-day{color:#696969}
.zr-hours-row--today .zr-hours-day{font-weight:700;color:#1c1c1c}
.zr-hours-row--today .zr-hours-time{font-weight:600;color:#1c8e44}
.zr-hours-time--closed{color:#c84040}
/* Right sidebar */
.zr-side-card{background:#fff;border-radius:10px;padding:18px 16px;box-shadow:0 1px 6px rgba(0,0,0,.07);margin-bottom:16px}
.zr-side-card--offers{border-top:3px solid #e8541a}
.zr-side-card__title{font-size:14px;font-weight:700;color:#1c1c1c;margin:0 0 14px;display:flex;align-items:center;gap:7px}
.zr-side-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#4a4a4a;padding:9px 0;border-bottom:1px solid #f5f5f5;line-height:1.5}
.zr-side-row:last-of-type{border-bottom:none}
.zr-side-row i{font-size:14px;flex:none;margin-top:1px;color:#696969}
.zr-side-dir{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:700;color:#e8541a;text-decoration:none}
.zr-side-dir:hover{text-decoration:underline;color:#c83d0a}
.zr-side-coupon{font-size:13px;color:#4a4a4a;padding:8px 0;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:8px}
.zr-side-coupon:last-child{border-bottom:none}
.zr-side-coupon i{color:#e8541a;flex:none}
/* Empty state */
.zr-empty{text-align:center;color:#9e9e9e;font-size:14px;padding:48px 20px}
/* ---------- OVERVIEW CARDS ---------- */
.zr-card{background:#fff;border-radius:12px;padding:22px 24px;box-shadow:0 1px 6px rgba(0,0,0,.07);margin-bottom:20px;border:1px solid #f0f0f0}
.zr-card__head{margin-bottom:16px}
.zr-card__head--row{display:flex;align-items:center;justify-content:space-between}
.zr-card__title{font-size:20px;font-weight:700;color:#1c1c1c;margin:0}
.zr-card__sub{font-size:13px;color:#9e9e9e;margin:4px 0 0}
.zr-card__link{font-size:13px;color:#e8541a;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.zr-card__link:hover{text-decoration:underline;color:#c83d0a}
/* Dining Offers */
.zr-offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.zr-offer{border:1px dashed #cfcfff;background:linear-gradient(135deg,#eef2ff,#f7f9ff);border-radius:10px;padding:16px}
.zr-offer--alt{border-color:#ffd9c2;background:linear-gradient(135deg,#fff3ec,#fff9f6)}
.zr-offer__amt{font-size:16px;font-weight:800;color:#2b3a8c}
.zr-offer--alt .zr-offer__amt{color:#c83d0a}
.zr-offer__code{font-size:13px;color:#4a4a4a;margin-top:8px}
.zr-offer__code strong{letter-spacing:.5px}
.zr-offer__valid{font-size:12px;color:#9e9e9e;margin-top:4px}
/* Menu preview: cuisines + photos */
.zr-menu-cuisines{margin-bottom:18px}
.zr-menu-cuisines__label{display:block;font-size:14px;font-weight:600;color:#4a4a4a;margin-bottom:10px}
.zr-cuisine-chips{display:flex;flex-wrap:wrap;gap:8px}
.zr-cuisine-chip{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid #ffd0bd;background:#fff6f2;color:#c83d0a;border-radius:20px;font-size:13px;font-weight:500}
.zr-menu-dinein__title{font-size:14px;font-weight:700;color:#e8541a;margin:14px 0 12px}
.zr-menu-photos{display:flex;flex-wrap:wrap;gap:16px}
.zr-menu-photos--full{gap:18px}
.zr-menu-photo{width:150px;text-align:center}
.zr-menu-photo__lb{display:block;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.zr-menu-photo img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .2s}
.zr-menu-photo:hover img{transform:scale(1.03)}
.zr-menu-photo__lbl{display:block;font-size:13px;font-weight:600;color:#4a4a4a;margin-top:8px}
.zr-menu-photos--full .zr-menu-photo{width:180px}
.zr-menu-photos--full .zr-menu-photo img{height:200px}
/* Average Cost */
.zr-cost-main{font-size:15px;font-weight:600;color:#1c1c1c;margin:2px 0 6px}
.zr-cost-note{font-size:13px;color:#9e9e9e;margin:0}
/* More Info amenities */
.zr-moreinfo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px}
.zr-moreinfo-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a4a4a}
.zr-moreinfo-item i{color:#1c8e44;font-size:16px;flex:none}
/* Photos tab grid */
.zr-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zr-photo-cell{display:block;border-radius:8px;overflow:hidden}
.zr-photo-cell img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .2s}
.zr-photo-cell:hover img{transform:scale(1.04)}
/* Reservation sidebar */
.zr-side-card--reserve{border:1px solid #ececff;background:linear-gradient(180deg,#f3f0ff 0%,#fff 55%)}
.zr-side-card__title--reserve{font-size:16px}
.zr-reserve-offer{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2b3a8c;background:#e7e9ff;padding:5px 10px;border-radius:6px;margin-bottom:14px}
.zr-reserve-meta{margin:2px 0 14px;border-top:1px solid #ececff;padding-top:12px}
.zr-reserve-meta__row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a4a4a;padding:3px 0}
.zr-reserve-meta__row i{font-size:15px;color:#e8541a;flex:none}
.zr-reserve-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.zr-reserve-field{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:8px;padding:8px 10px;background:#fff}
.zr-reserve-field i{color:#696969;font-size:14px;flex:none}
.zr-reserve-field select{border:0;outline:0;font-size:13px;color:#333;background:transparent;width:100%;font-family:inherit}
.zr-reserve-btn{display:block;text-align:center;background:#e8541a;color:#fff;font-weight:700;font-size:14px;padding:12px;border-radius:8px;text-decoration:none;transition:background .15s}
.zr-reserve-btn:hover{background:#c83d0a;color:#fff;text-decoration:none}
.zr-reserve-btn--wide{max-width:280px;margin-top:8px}
/* Direction map */
.zr-map-wrap{width:100%;height:150px;border-radius:8px;overflow:hidden;background:#eee;margin-bottom:12px}
.zr-map-wrap iframe{width:100%;height:100%;border:0;display:block}
.zr-map-addr{font-size:13px;color:#4a4a4a;line-height:1.5;margin:0 0 12px}
.zr-map-btns{display:flex;gap:8px}
.zr-map-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border:1.5px solid #d4d5d9;border-radius:8px;font-size:13px;font-weight:600;color:#4a4a4a;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
.zr-map-btn:hover{border-color:#e8541a;color:#e8541a;text-decoration:none}
.zr-map-btn--dir{color:#e8541a;border-color:#f0c4b2}
/* Book-a-table form */
.zr-bookform__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:10px}
.zr-bookform__row label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#4a4a4a;gap:6px}
.zr-bookform__row select,.zr-bookform__row input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;font-family:inherit;color:#333}
/* dine-in form additions */
.zr-book-error{background:#fff0f0;border:1px solid #ffd0d0;color:#c62828;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}
.zr-book-dayline{font-size:12.5px;color:#696969;margin-bottom:18px}
.zr-book-dayline span{color:#333;font-weight:600}
.zr-book-section{margin-bottom:18px}
.zr-book-label{display:block;font-size:13px;font-weight:700;color:#333;margin-bottom:8px}
.zr-book-personal{display:flex;align-items:center;gap:12px}
.zr-book-personal img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#f0f0f0}
.zr-book-personal__txt{display:flex;flex-direction:column;line-height:1.4}
.zr-book-personal__txt strong{font-size:14px;color:#1a1a1a}
.zr-book-personal__txt span{font-size:12.5px;color:#696969}
.zr-book-discount{display:flex;align-items:center;gap:8px;background:#eafaf0;border:1px solid #b7e6c7;color:#1c8e44;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:18px}
.zr-book-discount i{font-size:15px}
.zr-book-radios{display:flex;gap:20px;margin-bottom:12px}
.zr-book-radio,.zr-book-check{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#4a4a4a;font-weight:500;cursor:pointer}
.zr-book-radio input,.zr-book-check input{accent-color:#e8541a;width:16px;height:16px;cursor:pointer}
.zr-book-check{margin-top:2px}
.zr-book-input{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;color:#333;outline:none}
.zr-book-input:focus{border-color:#e8541a}
.zr-book-login{text-align:center;padding:24px;border:1px dashed #e0d4cc;border-radius:12px;background:#fdf7f4}
.zr-book-login i{font-size:26px;color:#e8541a}
.zr-book-login p{font-size:14px;color:#4a4a4a;margin:10px 0 16px}
.zr-book-login .zr-reserve-btn{display:inline-block;padding:10px 28px}
/* ===== Dine-in "Book A Table" — redesigned two-column layout ===== */
.zr-book2{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.zr-book2__form{background:#fff;border:1px solid #ececec;border-radius:16px;padding:26px 26px 22px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.zr-book2__head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.zr-book2__head-ic{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0e9,#ffe3d6);color:#e8541a;font-size:22px}
.zr-book2__title{font-size:20px;font-weight:800;color:#1a1a1a;margin:0;font-family:'Plus Jakarta Sans',sans-serif}
.zr-book2__sub{font-size:13px;color:#8a8a8a;margin:2px 0 0}
.zr-book2__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}
.zr-book2__field{display:flex;flex-direction:column;gap:7px}
.zr-book2__flabel{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
.zr-book2__flabel i{color:#e8541a;font-size:14px}
.zr-book2__field select{appearance:none;-webkit-appearance:none;border:1.5px solid #e3e3e3;border-radius:10px;padding:11px 30px 11px 12px;font-size:14px;font-weight:600;color:#2a2a2a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.zr-book2__field select:focus{outline:none;border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.12)}
.zr-book2__block{margin-bottom:20px}
.zr-book2__blabel{display:block;font-size:11.5px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}
.zr-book2__blabel small{text-transform:none;letter-spacing:0;color:#aaa;font-weight:500}
.zr-book2__pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.zr-book2__pill{position:relative;cursor:pointer}
.zr-book2__pill input{position:absolute;opacity:0;pointer-events:none}
.zr-book2__pill span{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #e3e3e3;border-radius:24px;padding:9px 18px;font-size:13.5px;font-weight:600;color:#555;transition:all .15s;background:#fff}
.zr-book2__pill span i{font-size:15px}
.zr-book2__pill:hover span{border-color:#f0a883}
.zr-book2__pill input:checked + span{border-color:#e8541a;color:#e8541a;background:#fff5f0}
.zr-book2__switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#444;font-weight:500}
.zr-book2__switch input{position:absolute;opacity:0}
.zr-book2__switch-ui{width:40px;height:22px;border-radius:22px;background:#d9d9d9;position:relative;transition:background .2s;flex:none}
.zr-book2__switch-ui::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.zr-book2__switch input:checked + .zr-book2__switch-ui{background:#e8541a}
.zr-book2__switch input:checked + .zr-book2__switch-ui::after{transform:translateX(18px)}
.zr-book2__input{width:100%;border:1.5px solid #e3e3e3;border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;color:#2a2a2a;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}
.zr-book2__input:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.12)}
.zr-book2__summary{position:sticky;top:80px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.zr-book2__sum-head{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#e8541a;margin-bottom:14px}
.zr-book2__sum-rest{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed #e6e6e6;margin-bottom:14px}
.zr-book2__sum-rest img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:#f0f0f0}
.zr-book2__sum-rest span{font-size:15px;font-weight:800;color:#1a1a1a;line-height:1.25}
.zr-book2__sum-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.zr-book2__sum-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}
.zr-book2__sum-row > span{display:inline-flex;align-items:center;gap:8px;color:#777}
.zr-book2__sum-row > span i{color:#e8541a;font-size:15px}
.zr-book2__sum-row b{color:#1a1a1a;font-weight:700}
.zr-book2__sum-row--disc b{color:#1c8e44}
.zr-book2__cta{display:block;text-align:center;background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-weight:800;font-size:15px;padding:14px;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .15s;letter-spacing:.3px}
.zr-book2__cta:hover{opacity:.93;transform:translateY(-1px);color:#fff;text-decoration:none}
.zr-book2__cta--inline{display:inline-block;padding:11px 28px;margin-top:4px}
.zr-book2__note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#8a8a8a;margin:12px 0 0}
.zr-book2__note i{color:#1c8e44;font-size:14px}
@media(max-width:900px){
.zr-book2{grid-template-columns:1fr}
.zr-book2__summary{position:static;top:auto}
}
@media(max-width:600px){ .zr-book2__grid{grid-template-columns:1fr} }
/* ============================================================
CATEGORY LISTING PAGE — Zomato style (zr-cat-*)
============================================================ */
.zr-cat-page{background:#f8f8f8;min-height:100vh;font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding-bottom:50px}
.zr-cat-breadcrumb{background:#fff;border-bottom:1px solid #ebebeb;padding:10px 0;font-size:13px;color:#696969}
.zr-cat-breadcrumb a{color:#696969;text-decoration:none}
.zr-cat-breadcrumb a:hover{color:#e8541a}
.zr-cat-title{font-size:26px;font-weight:800;color:#1c1c1c;letter-spacing:-.4px;margin:22px 0 16px;font-family:'Plus Jakarta Sans',sans-serif}
/* Filter bar */
.zr-cat-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.zr-fchip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;transition:all .15s;font-family:inherit}
.zr-fchip:hover{border-color:#e8541a;color:#e8541a;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.zr-fchip i{font-size:15px}
.zr-fchip--icon{font-weight:600}
.zr-fchip--active{background:#fff0ea;border-color:#e8541a;color:#e8541a;font-weight:600}
.zr-fchip--clear{background:var(--fd-grad);border-color:transparent;color:#fff;font-weight:600}
.zr-fchip--clear:hover{background:var(--fd-grad);border-color:transparent;color:#fff;opacity:.92}
.zr-veg-mini{width:13px;height:13px;border:1.5px solid currentColor;border-radius:2px;position:relative;display:inline-block}
.zr-veg-mini::after{content:'';position:absolute;inset:2px;border-radius:50%;background:#1c8e44}
.zr-fchip--active .zr-veg-mini::after,.zr-fchip .zr-veg-mini::after{background:#1c8e44}
.zr-fsort{position:relative;display:inline-flex;align-items:center}
.zr-fsort select{appearance:none;-webkit-appearance:none;padding:8px 34px 8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;font-family:inherit}
.zr-fsort select:hover{border-color:#e8541a}
.zr-fsort i{position:absolute;right:12px;pointer-events:none;color:#696969;font-size:15px}
/* custom "Sort by" dropdown (replaces the native select) */
.zr-fsort > i{display:none}
.zr-fsort > select[data-zrcs]{display:none !important}
.zr-fsort .zrcs{position:relative;display:inline-block}
.zr-fsort .zrcs__trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 36px 8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;font-family:inherit;position:relative;white-space:nowrap}
.zr-fsort .zrcs.is-open .zrcs__trigger,.zr-fsort .zrcs__trigger:hover{border-color:#e8541a;color:#e8541a}
.zr-fsort .zrcs__caret{position:absolute;right:12px;font-size:15px;color:#8a8a8a;transition:transform .15s}
.zr-fsort .zrcs.is-open .zrcs__caret{transform:rotate(180deg)}
.zr-fsort .zrcs__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fff;border:1.5px solid #e4e4e4;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);z-index:60;display:none;padding:4px 0;max-height:320px;overflow-y:auto;white-space:nowrap}
.zr-fsort .zrcs.is-open .zrcs__menu{display:block}
.zr-fsort .zrcs__opt{padding:9px 16px;font-size:14px;color:#2b2b2b;cursor:pointer}
.zr-fsort .zrcs__opt:hover{background:#fff4ef;color:#e8541a}
.zr-fsort .zrcs__opt.is-active{background:#fdece4;color:#e8541a;font-weight:700}
.zr-cat-count{margin-left:auto;font-size:13px;color:#9e9e9e;font-weight:500}
/* Layout */
.zr-cat-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.zr-cat-side{position:sticky;top:88px}
.zr-cat-sidebox{background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.zr-cat-sidebox__title{font-size:15px;font-weight:700;color:#1c1c1c;padding:16px 18px 10px;margin:0;font-family:'Plus Jakarta Sans',sans-serif}
.zr-cat-sidebox .zr-cat-list{list-style:none;margin:0;padding:0 0 8px;max-height:calc(100vh - 140px);overflow-y:auto}
.zr-cat-sidebox .zr-cat-item{display:flex !important;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;border-left:3px solid transparent;transition:background .12s,color .12s}
.zr-cat-sidebox .zr-cat-item:hover{background:#fff5f2}
.zr-cat-sidebox .zr-cat-item.active{background:#fff0ea;border-left-color:#e8541a}
.zr-cat-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;flex:none;background:#f2f2f2;display:block}
.zr-cat-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.zr-cat-label{font-size:14px;font-weight:500;color:#3a3a3a;font-family:'Plus Jakarta Sans',sans-serif}
.zr-cat-item.active .zr-cat-label{color:#e8541a;font-weight:700}
/* Store grid area */
.zr-cat-main{min-width:0}
.zr-cat-loadmore{text-align:center;padding:20px;font-size:14px;color:#696969;display:flex;align-items:center;justify-content:center;gap:8px}
.zr-spin{width:16px;height:16px;border:2px solid #eee;border-top-color:#e8541a;border-radius:50%;display:inline-block;animation:zr-spin .7s linear infinite}
@keyframes zr-spin{to{transform:rotate(360deg)}}
.zr-cat-empty{text-align:center;padding:60px 20px;color:#9e9e9e}
.zr-cat-empty i{font-size:38px;display:block;margin-bottom:12px;opacity:.5}
/* Skeleton */
.zr-cat-skeleton{grid-template-columns:repeat(3,1fr);gap:20px}
.zr-sk-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.zr-sk-img{height:160px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:zr-shimmer 1.2s infinite}
.zr-sk-line{height:12px;margin:14px 16px;border-radius:6px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:zr-shimmer 1.2s infinite}
.zr-sk-line--short{width:55%}
@keyframes zr-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:991px){
.zr-cat-layout{grid-template-columns:1fr}
.zr-cat-side{position:static;margin-bottom:16px}
.zr-cat-list{max-height:none;display:flex;overflow-x:auto;padding:8px}
.zr-cat-item{flex-direction:column;border-left:none;border-bottom:3px solid transparent;min-width:78px;text-align:center;gap:6px;padding:8px}
.zr-cat-item.active{border-left:none;border-bottom-color:#e8541a}
.zr-cat-skeleton{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.zr-cat-title{font-size:20px}
.zr-cat-count{width:100%;margin:4px 0 0}
.zr-cat-skeleton{grid-template-columns:1fr}
}
/* SEO footer links */
.zr-seo{background:#fff;border-top:1px solid #f0f0f0;padding:28px 0}
.zr-seo__block{margin-bottom:22px}
.zr-seo__block:last-child{margin-bottom:0}
.zr-seo__title{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#4a4a4a;margin:0 0 12px}
.zr-seo__title .zr-seo-name,.zr-seo__title .zr-seo-city{color:#e8541a}
.zr-seo__links{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.zr-seo-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;background:#f6f6f4;border:1px solid #ececec;color:#555;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.zr-seo-chip i{font-size:13px;color:#b0b0b0;transition:color .15s}
.zr-seo-chip:hover{background:#fff4f0;border-color:#e8541a;color:#e8541a;text-decoration:none}
.zr-seo-chip:hover i{color:#e8541a}
/* Responsive */
@media(max-width:991px){
.zr-layout{grid-template-columns:1fr}
.zr-layout__side{display:none}
.zr-about-grid{grid-template-columns:1fr}
.zr-offers-grid{grid-template-columns:1fr 1fr}
.zr-moreinfo-grid{grid-template-columns:1fr 1fr}
.zr-menu-photos--full{grid-template-columns:repeat(3,1fr)}
.zr-photos-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
.zr-hero__top{flex-direction:column;gap:14px}
.zr-hero__name{font-size:22px}
.zr-hero__badges{align-self:flex-start}
.zr-offers-grid{grid-template-columns:1fr}
.zr-menu-photos{grid-template-columns:repeat(2,1fr)}
.zr-moreinfo-grid{grid-template-columns:1fr 1fr}
.zr-photos-grid{grid-template-columns:repeat(2,1fr)}
.zr-bookform__row{grid-template-columns:1fr}
.zr-gallery__grid{grid-template-columns:1fr;height:200px}
.zr-gallery__side{display:none}
.zr-gallery__img{height:200px}
.zr-menu-wrap{grid-template-columns:1fr}
.zr-cats{position:static;border-right:none;border-bottom:1px solid #f0f0f0;max-height:none}
.zr-cat-list{display:flex;overflow-x:auto;padding:4px 0;gap:0;scrollbar-width:none}
.zr-cat-list::-webkit-scrollbar{display:none}
.zr-cat-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;border-radius:0}
.zr-cat-item.active{border-left:none;border-bottom-color:#e8541a}
.zr-tab{padding:12px 14px;font-size:13px}
.zr-action span{display:none}
.zr-action{padding:8px 12px}
.zr-about-grid{grid-template-columns:1fr}
.zr-item-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
.zr-item-list{grid-template-columns:1fr}
}
@media(min-width:992px) and (max-width:1200px){
.zr-item-list{grid-template-columns:repeat(2,1fr)}
}
/* --- Mobile hamburger: ensure visible at 991px breakpoint --- */
@media(max-width:991px){
.fd-nav .toggle.fd-nav__menu{
display:inline-flex !important;align-items:center;justify-content:center;
width:36px;height:36px;border-radius:8px;background:transparent}
.fd-nav .toggle.fd-nav__menu span,
.fd-nav .toggle.fd-nav__menu span::before,
.fd-nav .toggle.fd-nav__menu span::after{background:#1c1c1c}
}
/* --- hcOffcanvasNav panel — brand-matching styles --- */
body .hc-offcanvas-nav .nav-container{
background:#fff !important;
box-shadow:0 0 40px rgba(0,0,0,.18) !important}
body .hc-offcanvas-nav h2{
background:linear-gradient(135deg,#e8541a,#c0370d) !important;
color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif !important;
font-size:18px !important;font-weight:700 !important;padding:20px !important;
letter-spacing:0 !important;height:auto !important;min-height:64px !important;
display:flex !important;align-items:center !important}
body .hc-offcanvas-nav li:not(.custom-content) a{
font-family:'Plus Jakarta Sans',sans-serif !important;font-size:14px !important;
font-weight:500 !important;color:#333 !important;padding:13px 20px !important}
body .hc-offcanvas-nav li:not(.custom-content) a i{color:#888 !important;width:20px !important}
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover{
background:#fff8f5 !important;color:#e8541a !important}
body .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i{color:#e8541a !important}
body .hc-offcanvas-nav li.fd-nav-panel__group-label{
font-size:11px !important;font-weight:700 !important;
letter-spacing:.7px !important;text-transform:uppercase !important;
color:#aaa !important;padding:12px 20px 2px !important;
pointer-events:none !important;background:transparent !important}
body .hc-offcanvas-nav li.fd-nav-panel__group-label a{display:none !important}
body .hc-offcanvas-nav li.nav-close a,
body .hc-offcanvas-nav li.nav-back a{
background:#f7f7f7 !important;font-weight:600 !important;color:#444 !important}
/* ============================================================
LIVE SEARCH DROPDOWN (Zomato-style)
============================================================ */
.fd-nav__search-wrap{
flex:1;min-width:0;position:relative;
}
.fd-nav__search-wrap .fd-nav__search{
width:100%;
}
.fd-search-drop{
position:absolute;
top:calc(100% + 8px);left:0;right:0;
background:#fff;
border-radius:14px;
box-shadow:0 8px 36px rgba(0,0,0,.15);
border:1px solid #f0f0f0;
z-index:999;
overflow:hidden;
max-height:420px;
overflow-y:auto;
}
.fd-sdrop__loading{
padding:18px 20px;color:#888;font-size:14px;
display:flex;align-items:center;gap:10px;
}
.fd-sdrop__loading i{animation:fd-spin .8s linear infinite}
@keyframes fd-spin{to{transform:rotate(360deg)}}
.fd-sdrop__item{
display:flex;align-items:center;gap:14px;
padding:12px 16px;
text-decoration:none !important;
color:#1c1c1c !important;
transition:background .12s;
border-bottom:1px solid #f7f7f7;
}
.fd-sdrop__item:last-of-type{border-bottom:none}
.fd-sdrop__item:hover{background:#fff8f5;text-decoration:none !important}
.fd-sdrop__img{
width:50px;height:50px;border-radius:10px;
overflow:hidden;background:#f5f5f5;flex:none;
display:flex;align-items:center;justify-content:center;
}
.fd-sdrop__img img{width:100%;height:100%;object-fit:cover}
.fd-sdrop__noimg{font-size:22px;color:#ccc}
.fd-sdrop__info{flex:1;min-width:0}
.fd-sdrop__name{
font-size:14px;font-weight:600;color:#1c1c1c;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fd-sdrop__sub{font-size:12px;color:#888;margin-top:2px}
.fd-sdrop__rating{
display:flex;align-items:center;gap:4px;
background:#267e3e;color:#fff;
font-size:12px;font-weight:700;
padding:3px 8px;border-radius:6px;flex:none;
white-space:nowrap;
}
.fd-sdrop__rating i{font-size:11px}
.fd-sdrop__empty{
padding:18px 20px;font-size:14px;color:#888;text-align:center;
}
.fd-sdrop__all{
display:flex;align-items:center;gap:6px;
padding:13px 16px;
font-size:13px;font-weight:600;color:#e8541a !important;
background:#fff8f5;text-decoration:none !important;
border-top:1px solid #f0f0f0;
}
.fd-sdrop__all:hover{background:#fff0ea;text-decoration:none !important}
.fd-sdrop__all i{margin-left:auto}
/* ============================================================
SEARCH DROPDOWN — Zomato-style richer result rows
============================================================ */
/* Bigger image */
.fd-sdrop__img{
width:68px !important;height:68px !important;border-radius:12px !important;
flex:none !important;overflow:hidden;background:#f5f5f5;
display:flex;align-items:center;justify-content:center;
}
.fd-sdrop__img img{width:100%;height:100%;object-fit:cover}
.fd-sdrop__noimg{font-size:26px !important;color:#ccc}
/* Name */
.fd-sdrop__name{font-size:15px !important;font-weight:700 !important;color:#1c1c1c;margin-bottom:4px}
/* Tags row */
.fd-sdrop__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.fd-sdrop__chip{
display:inline-flex;align-items:center;gap:3px;
font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;
letter-spacing:.2px;
}
.fd-sdrop__chip--del{background:#e8f5e9;color:#267e3e}
.fd-sdrop__chip--rate{background:#267e3e;color:#fff}
.fd-sdrop__chip--rate i{font-size:10px}
.fd-sdrop__chip--cuisine{background:#f5f5f5;color:#696969;font-weight:500}
/* Area */
.fd-sdrop__area{
font-size:12px;color:#888;margin-bottom:4px;
display:flex;align-items:center;gap:4px;
}
.fd-sdrop__area i{font-size:11px;color:#bbb;flex:none}
/* Status */
.fd-sdrop__status{font-size:12px;font-weight:600}
.fd-sdrop__status--open{color:#e8541a}
.fd-sdrop__status--closed{color:#999;font-weight:400}
.fd-sdrop__deltime{color:#888;font-weight:400}
/* Row padding */
.fd-sdrop__item{
padding:14px 16px !important;
align-items:flex-start !important;
gap:14px !important;
}
/* ============================================================
INNER PAGE TYPOGRAPHY — consistent with Zomato header
============================================================ */
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
/* Page-level top spacing so sticky header doesn't clip */
.rentalcar-detail-page,.category-listing-page,.sis-popular,.search-page{
padding-top:32px !important;
}
/* ============================================================
PRODUCT DETAIL PAGE
============================================================ */
.product-detail-page .car-detail-inner{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
/* Product image slider */
.product-detail-page .main-slider .product-image img{
border-radius:14px;object-fit:contain;background:#f5f5f5;
}
/* Add-to-cart button */
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow{
background:linear-gradient(135deg,#e8541a,#e23744) !important;
border:0 !important;border-radius:12px !important;
padding:12px 28px !important;font-weight:700 !important;
font-family:'Plus Jakarta Sans',sans-serif !important;font-size:15px !important;
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow:hover{
opacity:.9 !important;
}
/* Seller info card */
.product-detail-page .seller-info .card{
border:1px solid #f0f0f0 !important;border-radius:14px !important;
box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
.product-detail-page .seller-info .store_url.btn.btn-primary{
background:linear-gradient(135deg,#e8541a,#e23744) !important;
border:0 !important;border-radius:10px !important;
width:100% !important;font-family:'Plus Jakarta Sans',sans-serif !important;
font-weight:600 !important;
}
.product-detail-page .more-from-store .card{
border:1px solid #f0f0f0 !important;border-radius:14px !important;
box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
.product-detail-page .review-box{
background:#f9f9f9;border-radius:10px;padding:12px;
}
/* ============================================================
CATEGORY LISTING PAGE
============================================================ */
.category-listing-page{background:#fff}
.category-listing-page .page-title h3{
font-size:24px !important;font-weight:800 !important;
color:#1a1a1a !important;letter-spacing:-.5px;
padding-bottom:12px;border-bottom:2px solid #f0f0f0;
width:100%;margin-bottom:4px;
}
/* Category sidebar items */
.category-listing-page #category-list .cat-item a.cat-link{
display:flex;align-items:center;gap:10px;
padding:10px 14px;border-radius:10px;
font-size:14px;font-weight:500;color:#333;
text-decoration:none;transition:all .15s;
border:1px solid transparent;
}
.category-listing-page #category-list .cat-item a.cat-link:hover,
.category-listing-page #category-list .cat-item a.cat-link.active{
background:#fff4f0;border-color:#e8541a;color:#e8541a;
}
/* ============================================================
ALL RESTAURANTS PAGE
============================================================ */
.sis-popular{background:#f7f7f7;padding-bottom:20px;flex:1 0 auto}
/* sticky footer: pin footer to viewport bottom on short pages (no big grey gap, no white strip).
The grey content grows to fill so its background reaches the footer seamlessly. */
body.fixed-bottom-bar{display:flex;flex-direction:column;min-height:100vh}
body.fixed-bottom-bar .section-footer{margin-top:auto}
.sis-popular .search{padding:28px 0 !important}
.sis-popular .nav-tabs{border:0 !important;margin-bottom:16px}
.sis-popular .nav-link{
background:#f0f0f0 !important;color:#555 !important;
border:0 !important;border-radius:20px !important;
font-size:14px !important;font-weight:600 !important;
padding:8px 20px !important;font-family:'Plus Jakarta Sans',sans-serif !important;
}
.sis-popular .nav-link.active{
background:linear-gradient(135deg,#e8541a,#e23744) !important;
color:#fff !important;
}
/* ============================================================
LOADER / SPINNER — site-wide redesign
NOTE: no display property here — JS controls show/hide via .show()/.hide()
============================================================ */
#data-table_processing{
position:fixed !important;
top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
z-index:9999 !important;
background:rgba(255,255,255,.88) !important;
border:0 !important;border-radius:0 !important;
box-shadow:none !important;margin:0 !important;
/* centering done via ::after pseudo element, not flexbox */
}
#data-table_processing::after{
content:'';
position:fixed;
top:50%;left:50%;
transform:translate(-50%,-50%);
width:44px;height:44px;
border:3px solid #f0f0f0;
border-top-color:#e8541a;
border-radius:50%;
/* keep the centering translate inside the keyframe so it spins in place
(plain rotate() was overwriting translate(-50%,-50%) and shifting it) */
animation:fd-spin-center .7s linear infinite;
pointer-events:none;
}
@keyframes fd-spin-center{
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}
/* Hide ALL old spinner content inside the overlay — new ring is ::after pseudo-element */
#data-table_processing > *{ display:none !important; }
/* ============================================================
SELECT2 in auth forms — match fd-auth__input style
============================================================ */
.fd-auth__box .select2-container{width:100% !important}
.fd-auth__box .select2-container--default .select2-selection--single{
height:46px !important;
border:1.5px solid #e0e0e0 !important;
border-radius:10px !important;
display:flex !important;align-items:center !important;
}
.fd-auth__box .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:44px !important;padding-left:14px !important;
font-size:14px !important;color:#333 !important;
}
.fd-auth__box .select2-container--default .select2-selection--single .select2-selection__arrow{
height:44px !important;right:10px !important;
}
.fd-auth__box .select2-container--default.select2-container--open .select2-selection--single{
border-color:#e8541a !important;box-shadow:0 0 0 3px rgba(232,84,26,.1) !important;
}
.fd-auth__phone-row .select2-container{width:120px !important;flex:none !important}
/* ============================================================
UNIFIED FOOD / PRODUCT CARD (.product-list .list-card)
Used by: restaurant menu items + product-detail "Related Foods".
Matches the home fd2-card aesthetic (rounded, shadow, hover zoom).
============================================================ */
.product-list .list-card{
background:#fff;
border:1px solid #ececec;
border-radius:16px;
overflow:hidden;
box-shadow:0 1px 4px rgba(0,0,0,.04);
transition:transform .2s,box-shadow .2s;
height:100%;
display:flex;flex-direction:column;
font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
.product-list .list-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 32px rgba(0,0,0,.12);
}
/* Image */
.product-list .list-card .list-card-image{
position:relative;
height:180px;
overflow:hidden;
background:#f7f7f7;
}
.product-list .list-card .list-card-image > a{display:block;height:100%}
.product-list .list-card .list-card-image img{
width:100% !important;height:100% !important;
object-fit:cover;display:block;
transition:transform .35s ease;
}
.product-list .list-card:hover .list-card-image img{transform:scale(1.07)}
.product-list .list-card .list-card-image::after{
content:"";position:absolute;inset:0;
background:linear-gradient(to top,rgba(0,0,0,.40),transparent 48%);
pointer-events:none;
}
/* Veg / Non-veg badge — top-left pill */
.product-list .list-card .member-plan{
position:absolute;top:10px;left:10px;z-index:3;
}
.product-list .list-card .member-plan .badge{
display:inline-flex;align-items:center;gap:5px;
font-size:11px;font-weight:700;letter-spacing:.2px;
padding:4px 10px;border-radius:20px;
text-transform:capitalize;border:0;
}
.product-list .list-card .member-plan .badge::before{
content:"";width:8px;height:8px;border-radius:2px;
border:1.5px solid currentColor;display:inline-block;
}
.product-list .list-card .member-plan .badge.open{background:#e8f5e9;color:#2e7d32}
.product-list .list-card .member-plan .badge.closed{background:#fdecea;color:#c62828}
/* Body */
.product-list .list-card .list-card-body{
padding:13px 14px 14px;
display:flex;flex-direction:column;flex:1;
}
.product-list .list-card > .py-2{
padding:0 !important;flex:1;display:flex;flex-direction:column;
}
.product-list .list-card .product-title{
margin:0 0 4px;font-size:15.5px;font-weight:700;line-height:1.3;
}
.product-list .list-card .product-title a{
color:#1c1c1c !important;text-decoration:none !important;
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.product-list .list-card .product-title a:hover{color:#e23744 !important}
.product-list .list-card .pro-cat{
font-size:12.5px;font-weight:500;color:#9a9a9a;margin:0 0 6px;
}
.product-list .list-card .pro-cat:empty{display:none}
.product-list .list-card .pro-price{
font-size:16px;font-weight:800;color:#e8541a;
display:block;margin-top:2px;
}
.product-list .list-card .pro-price s{
font-size:13px;font-weight:500;color:#b0b0b0;margin-left:6px;
}
/* Rating pill */
.product-list .list-card .star{margin-top:auto !important;padding-top:10px}
.product-list .list-card .star .badge.badge-success{
display:inline-flex;align-items:center;gap:4px;
background:#267e3e;color:#fff;border:0;
font-size:12.5px;font-weight:700;
padding:3px 8px;border-radius:6px;
}
.product-list .list-card .star .badge.badge-success i{font-size:11px}
/* ============================================================
PRODUCT DETAIL — section headings (Related Foods etc.)
============================================================ */
.related-products > h3,
.more-from-store .card > h3,
.more-from-store h3{
font-size:20px !important;font-weight:800 !important;
color:#1a1a1a !important;letter-spacing:-.4px;
margin:0 0 16px !important;font-family:'Plus Jakarta Sans',sans-serif;
}
.related-products{margin-top:36px !important}
/* ----- "More From The Restaurant" mini list rows ----- */
.more-from-store .card{padding:18px !important}
.more-from-store .vendor-products{display:flex;flex-direction:column;gap:4px}
.store-product{
display:block;border-radius:12px;
transition:background .15s;cursor:pointer;
padding:8px;margin:0;
}
.store-product:hover{background:#fff5f0}
.store-product .product-content{
display:flex;align-items:center;gap:12px;
}
.store-product .store-image{
width:64px;height:64px;border-radius:10px;overflow:hidden;
flex:none;background:#f5f5f5;
}
.store-product .store-image img{width:100% !important;height:100% !important;object-fit:cover}
.store-product .product-detail{flex:1;min-width:0}
.store-product .product-detail .basic{display:flex;flex-direction:column;gap:3px}
.store-product .flash-product-title{
font-size:14px;font-weight:600;color:#1c1c1c;
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.store-product .product-review{display:flex;align-items:center;gap:4px}
.store-product .product-review .badge.badge-success{
display:inline-flex;align-items:center;gap:3px;
background:#267e3e;color:#fff;border:0;
font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;
}
.store-product .product-review .badge-style2{font-size:11px;color:#999}
.store-product .strike-price{display:flex;align-items:center;gap:8px;margin-top:2px}
.store-product .strike-price strike{font-size:12px;color:#b0b0b0}
.store-product .product-price{font-size:15px;font-weight:800;color:#e8541a}
/* ============================================================
CATEGORY LISTING PAGE — left sidebar redesign
============================================================ */
.category-listing-page .vandor-sidebar{
background:#fff;border:1px solid #eee;border-radius:16px;
padding:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);
position:sticky;top:84px;
font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
.category-listing-page .vandor-sidebar > h3{
font-size:13px !important;font-weight:700 !important;
text-transform:uppercase;letter-spacing:.6px;
color:#9a9a9a !important;margin:0 !important;
padding:12px 14px 8px;border:0 !important;
}
.category-listing-page .vandor-sidebar > h3::after{display:none !important}
.category-listing-page .vandorcat-list{
list-style:none;margin:0;padding:0;
}
.category-listing-page .vandorcat-list li{margin:0}
.category-listing-page .vandorcat-list li a{
display:flex;align-items:center;gap:12px;
padding:10px 12px;border-radius:12px;
color:#3a3a3a;font-size:14.5px;font-weight:600;
text-decoration:none;transition:background .15s,color .15s;
border-left:3px solid transparent;
}
.category-listing-page .vandorcat-list li a span{
width:40px;height:40px;border-radius:50%;overflow:hidden;
flex:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;
border:1px solid #f0f0f0;
}
.category-listing-page .vandorcat-list li a span img{
width:100%;height:100%;object-fit:cover;
}
.category-listing-page .vandorcat-list li a:hover{
background:#fff5f0;color:#e8541a;text-decoration:none;
}
.category-listing-page .vandorcat-list li.active a{
background:#fff0ea;color:#e8541a;
border-left-color:#e8541a;
}
.category-listing-page .vandorcat-list li.active a span{border-color:#f5c4ad}
/* ============================================================
LANGUAGE SWITCHER — header nav (.fd-nav__lang)
============================================================ */
.fd-nav__lang{
display:inline-flex;align-items:center;gap:6px;
padding:6px 12px;border:1px solid var(--fd-line);border-radius:10px;
background:#fff;cursor:pointer;transition:border-color .15s}
.fd-nav__lang:hover{border-color:var(--fd-red)}
.fd-nav__lang .feather-globe{color:var(--fd-muted);font-size:16px;flex:none}
.fd-nav__lang select{
border:0;background:none;outline:none;font-size:14px;font-family:inherit;
color:var(--fd-ink);cursor:pointer;padding:0;max-width:100px;
-webkit-appearance:none;appearance:none}
@media(max-width:768px){.fd-nav__lang{display:none!important}}
/* ============================================================
HERO CUISINE CHIPS (.fd-hero__cravings)
============================================================ */
.sis-home-page .fd-hero__cravings{margin:28px 0 0}
.sis-home-page .fd-hero__cravings-label{
font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--fd-muted);
text-transform:uppercase;margin:0 0 14px}
.sis-home-page .fd-hero__chips{
display:flex;flex-wrap:wrap;gap:10px}
.sis-home-page .fd-hero__chip{
display:inline-flex;align-items:center;gap:7px;
padding:9px 16px;border:1.5px solid var(--fd-line);border-radius:50px;
font-size:14px;font-weight:500;color:var(--fd-ink);background:#fff;
text-decoration:none;transition:all .18s;white-space:nowrap;
box-shadow:0 2px 6px rgba(80,50,30,.06)}
.sis-home-page .fd-hero__chip:hover{
border-color:#e8541a;color:#e8541a;background:#fff4f0;
text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 14px rgba(232,84,26,.14)}
.sis-home-page .fd-hero__chip-ico{font-size:17px;line-height:1}
.sis-home-page .fd-hero__chip--all{
border-color:var(--fd-red-dark);color:var(--fd-red-dark);font-weight:600}
.sis-home-page .fd-hero__chip--all:hover{
background:var(--fd-red-dark);color:#fff;border-color:var(--fd-red-dark)}
.sis-home-page .fd-hero__chip--all .feather-chevron-right{font-size:14px}
@media(max-width:600px){
.sis-home-page .fd-hero__chips{gap:8px}
.sis-home-page .fd-hero__chip{font-size:13px;padding:8px 13px}
}
/* ============================================================
LANGUAGE DROPDOWN — custom pill + floating list
============================================================ */
.fd-nav__lang-wrap{
position:relative;display:inline-flex;align-items:center}
.fd-nav__lang-btn{
display:inline-flex;align-items:center;gap:6px;
padding:7px 12px;border:1px solid var(--fd-line);border-radius:10px;
background:#fff;cursor:pointer;font-size:14px;font-family:inherit;
font-weight:500;color:var(--fd-ink);transition:border-color .15s;white-space:nowrap}
.fd-nav__lang-btn:hover{border-color:var(--fd-red)}
.fd-nav__lang-btn .feather-globe{color:var(--fd-muted);font-size:16px;flex:none}
.fd-nav__lang-btn .feather-chevron-down{font-size:14px;color:var(--fd-muted);transition:transform .2s;flex:none}
.fd-lang-list{
position:absolute;top:calc(100% + 6px);right:0;min-width:140px;
background:#fff;border:1px solid var(--fd-line);border-radius:12px;
box-shadow:0 8px 28px rgba(0,0,0,.11);list-style:none;margin:0;padding:6px 0;
z-index:200}
.fd-lang-item{
display:flex;align-items:center;gap:9px;padding:10px 16px;
font-size:14px;font-weight:500;color:var(--fd-ink);cursor:pointer;transition:background .12s}
.fd-lang-item:hover{background:#fff4f0;color:#e8541a}
.fd-lang-item.active{color:#e8541a;font-weight:600}
.fd-lang-item__title{flex:1;white-space:nowrap}
.fd-lang-item .feather-check{font-size:14px;color:#e8541a;margin-left:auto}
.fd-lang-flag{width:22px;height:15px;object-fit:cover;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:inline-block}
.fd-lang-flag--none{width:22px;height:15px;background:#eee;border-radius:3px;display:inline-block;flex:none}
@media(max-width:768px){.fd-nav__lang-wrap{display:none!important}}
/* ============================================================
GOOGLE PLACES AUTOCOMPLETE — custom styling
============================================================ */
.pac-container{
border-radius:14px !important;
box-shadow:0 10px 32px rgba(0,0,0,.13) !important;
border:1px solid var(--fd-line) !important;
font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important;
margin-top:4px;overflow:hidden;padding:4px 0}
.pac-item{
padding:10px 16px !important;font-size:14px !important;
border-top:1px solid #f4ede6 !important;cursor:pointer;
display:flex !important;align-items:center;gap:10px;line-height:1.4}
.pac-item:first-child{border-top:0 !important}
.pac-item:hover{background:#fff4f4 !important}
.pac-item-query{font-size:14px !important;font-weight:600 !important;color:var(--fd-ink) !important}
.pac-matched{font-weight:700 !important;color:var(--fd-red) !important}
.pac-icon{color:var(--fd-muted) !important;margin:0 !important;background:none !important;width:auto !important;height:auto !important}
.pac-logo:after{display:none !important}
/* HAMBURGER BUTTON — old span rules superseded by SVG block at bottom of file */
/* ============================================================
CATEGORY SECTION — visual separation band
============================================================ */
.sis-home-page .top-categories-section{
background:none;
padding:34px 0 40px;margin:0;
border:0}
.sis-home-page .top-categories-section .title h5{
font-size:26px;font-weight:700;letter-spacing:-.3px;color:#211c1a}
.sis-home-page .top-categories-section .see-all a{
color:var(--fd-red);font-weight:600;font-size:14px}
/* ============================================================
HERO RESTAURANT COUNT
============================================================ */
.sis-home-page .fd-hero__rest-count{
margin:18px 0 0;font-size:14px;color:var(--fd-muted);
display:flex;align-items:center;gap:6px}
.sis-home-page .fd-hero__rest-count .feather-map-pin{color:var(--fd-red);font-size:15px}
.sis-home-page .fd-hero__rest-count span{font-weight:700;color:var(--fd-ink)}
/* CATEGORY CHIP icon — superseded by layered .fd-hero__chip-icon block at bottom of file */
/* ============================================================
FOOD REELS — prevent slick arrows bleeding outside
============================================================ */
.sis-home-page .restaurant_stories{overflow:hidden}
/* ============================================================
HAMBURGER — clean SVG icon, no border box
============================================================ */
.fd-nav__hamburger{
display:inline-flex !important;align-items:center;justify-content:center;
width:36px;height:36px;padding:4px;border:0;background:none;
cursor:pointer;color:var(--fd-ink);flex:none;border-radius:6px;
transition:color .15s,background .15s}
.fd-nav__hamburger:hover{color:var(--fd-red);background:#fff4f4}
.fd-nav__hamburger svg{display:block}
/* ============================================================
FOOD REELS — side carousel arrows
============================================================ */
.sis-home-page .fd-reels__track-wrap{
position:relative;padding:0 52px}
.sis-home-page .fd-reels__side-btn{
position:absolute;top:50%;transform:translateY(-50%);
width:44px;height:44px;border-radius:50%;
border:1.5px solid rgba(255,255,255,.35);
background:rgba(255,255,255,.12);backdrop-filter:blur(4px);
color:#fff;font-size:28px;line-height:1;cursor:pointer;
display:flex;align-items:center;justify-content:center;
transition:background .18s,transform .18s;z-index:2}
.sis-home-page .fd-reels__side-btn--prev{left:0}
.sis-home-page .fd-reels__side-btn--next{right:0}
.sis-home-page .fd-reels__side-btn:hover{
background:rgba(255,255,255,.28);transform:translateY(-50%) scale(1.08)}
/* ============================================================
CATEGORY CHIP — stacked icon (letter always + photo overlay)
============================================================ */
.sis-home-page .fd-hero__chip-icon{
position:relative;width:28px;height:28px;flex:none;display:inline-block}
.sis-home-page .fd-hero__chip-ico-letter{
position:absolute;inset:0;border-radius:50%;
background:linear-gradient(135deg,var(--fd-red-dark),#e05d2a);
color:#fff;font-size:11px;font-weight:700;
display:flex;align-items:center;justify-content:center;
text-transform:uppercase;line-height:1}
/* The category art is transparent line-art meant to sit on a light tile (same as the
"Inspiration" section). At chip size, cover-cropping it over the orange letter tile
clipped the icon and let the orange bleed through — so give the image its own white
tile and CONTAIN it instead. */
.sis-home-page .fd-hero__chip-img-overlay{
position:absolute;inset:0;width:100%;height:100%;
border-radius:50%;object-fit:contain;padding:2px;
background:#fff;border:1px solid var(--fd-line)}
/* ============================================================
PRODUCT DETAIL — classy, theme-matched design
Shared by the standalone product page (.product-detail-page) AND the
quick-view popup (which loads the same page, so it also matches).
Popup-only extras (hide chrome / related / more-from-store) stay under
html.fd-popup.
============================================================ */
html.fd-popup{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;background:#fff}
/* Hidden in the quick view only (kept on the full standalone page) */
html.fd-popup #related_products,
html.fd-popup .related-products,
html.fd-popup .more-from-store{display:none !important}
/* Canvas + rhythm */
.product-detail-page{background:#fff}
.product-detail-page .car-del-top-section{padding-bottom:6px}
.product-detail-page .car-detail-inner{font-family:'Plus Jakarta Sans',sans-serif}
/* ---------- Product hero ---------- */
/* Boxed images: fill the frame, keep aspect ratio (never stretch). */
.product-detail-page .rent-cardet-left .product-image img,
.product-detail-page .main-slider .product-image img{
width:100%;height:100%;object-fit:cover;object-position:center;
border-radius:18px;background:#f6f5f3;
box-shadow:0 8px 30px rgba(0,0,0,.07)
}
.product-detail-page .nav-slider .product-image img{object-fit:cover;border-radius:10px}
.product-detail-page .rent-cardet-left .product-image--single{
border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden
}
/* trim the empty gap under the (shorter) details column / before reviews */
.product-detail-page .rental-detailed-ratings-and-reviews{margin-top:1.25rem !important}
/* quick-view popup: smaller image box + tighter rhythm */
html.fd-popup .product-detail-page .product-image{height:300px !important}
html.fd-popup .product-detail-page .rental-detailed-ratings-and-reviews{margin-top:.5rem !important}
.product-detail-page .rent-cardet-right{padding-left:8px}
.product-detail-page .carrent-det-rg-inner{padding-top:4px}
.product-detail-page .car-det-title h2{
font-family:'Plus Jakarta Sans',Georgia,serif !important;
font-size:30px !important;font-weight:700 !important;
color:#1a1a1a !important;letter-spacing:-.3px;line-height:1.15;margin:0 0 8px
}
.product-detail-page .car-det-price .price{
font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;font-weight:800;
color:#e8541a;white-space:nowrap;line-height:1.1
}
.product-detail-page .car-det-price .price s{font-size:16px;color:#b5b5b5;font-weight:500;margin-left:8px}
.product-detail-page .car-det-price #variant_qty,
.product-detail-page .car-det-price span[id="variant_qty"]{
display:block;font-size:12.5px;color:#8a8a8a;font-weight:500;margin-top:4px;letter-spacing:.2px
}
/* Rating + wishlist row */
.product-detail-page .rating.star{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.product-detail-page .rating.star .badge.badge-success{
background:#267e3e !important;border:0 !important;border-radius:7px !important;
font-weight:700 !important;font-size:13px !important;padding:4px 9px !important;display:inline-flex;align-items:center;gap:4px
}
.product-detail-page .rating.star .count{font-size:13px;color:#7a7a7a;margin-left:10px}
/* Save (favorite) — a proper circular button next to the product title */
.zr-detail-fav{
display:inline-flex;align-items:center;justify-content:center;flex:none;
width:40px;height:40px;border-radius:50%;
background:#fff;border:1.5px solid #ececec;box-shadow:0 2px 8px rgba(0,0,0,.08);
transition:border-color .15s,transform .15s;text-decoration:none;
}
.zr-detail-fav:hover{border-color:#e23744;transform:scale(1.05);text-decoration:none}
.zr-detail-fav i{color:#9a9a9a;font-size:19px;line-height:1}
.zr-detail-fav i.fa-heart{color:#e23744}
/* Store / brand line */
.product-detail-page .store h3,
.product-detail-page .brand h3{
font-size:15px !important;font-weight:600 !important;color:#4a4a4a !important;
font-family:'Plus Jakarta Sans',sans-serif !important;margin:0
}
.product-detail-page .store .vendor_name,
.product-detail-page .store .vendor_name a{color:#e8541a !important;font-weight:700;text-decoration:none}
.product-detail-page .store .vendor_name a:hover{text-decoration:underline}
/* Description */
.product-detail-page .description p{
font-size:14.5px;line-height:1.75;color:#5c5c5c;
font-family:'Plus Jakarta Sans',sans-serif;margin:0
}
/* Nutrition (grams / calories / proteins / fats) → compact wrapping chip strip */
.product-detail-page .quantity-row{display:inline !important;margin:0 !important;padding:0 !important}
.product-detail-page .quantity-row > [class*="col-"]{
display:inline-flex !important;width:auto !important;max-width:none !important;
flex:0 0 auto !important;padding:0 !important;margin:0 8px 8px 0 !important;vertical-align:top
}
.product-detail-page .grams h3,.product-detail-page .calories h3,
.product-detail-page .proteins h3,.product-detail-page .fats h3{
display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap;
background:#faf8f6;border:1px solid #efeae5;border-radius:9px;padding:7px 12px;
font-size:11px;font-weight:600;color:#9a9088;text-transform:uppercase;
letter-spacing:.4px;font-family:'Plus Jakarta Sans',sans-serif
}
.product-detail-page .grams .quantity-count,.product-detail-page .calories .quantity-count,
.product-detail-page .proteins .quantity-count,.product-detail-page .fats .quantity-count{
color:#1a1a1a;font-size:13.5px;font-weight:800;text-transform:none;letter-spacing:0
}
/* Quantity stepper + addons headings */
.product-detail-page .quantity h3{
font-size:13px !important;font-weight:700 !important;text-transform:uppercase;
letter-spacing:.6px;color:#333 !important;font-family:'Plus Jakarta Sans',sans-serif
}
.product-detail-page .addons h3{
font-family:'Plus Jakarta Sans',sans-serif !important;font-size:15px !important;
font-weight:700 !important;color:#1a1a1a !important;margin-bottom:8px
}
.product-detail-page .count-number-input{font-weight:700;color:#1a1a1a}
/* Add to cart / Book now */
.product-detail-page .addtocart .add-to-cart.btn{
border-radius:12px !important;font-weight:700 !important;
padding:13px !important;font-size:15px !important;letter-spacing:.2px
}
/* ---------- Divider before reviews / seller ---------- */
.product-detail-page .rental-detailed-ratings-and-reviews{
border-top:1px solid #eee;padding-top:24px !important;margin-top:14px !important
}
.product-detail-page .rental-review h3,
.product-detail-page .main-specification h3,
.product-detail-page #customers_ratings_and_review h3{
font-family:'Plus Jakarta Sans',Georgia,serif !important;
font-size:22px !important;font-weight:700 !important;color:#1a1a1a !important
}
.product-detail-page .no_review_fount{color:#9a9a9a;font-size:14px}
/* ---------- Seller / "More From The Restaurant" cards ---------- */
.product-detail-page .seller-info .card,
.product-detail-page .more-from-store .card{
border:1px solid #eee !important;border-radius:16px !important;
box-shadow:0 6px 22px rgba(0,0,0,.05) !important;padding:20px !important
}
.product-detail-page .seller-info .vendor_name{
font-family:'Plus Jakarta Sans',Georgia,serif !important;
font-size:18px;font-weight:700;color:#1a1a1a
}
.product-detail-page .seller-info #seller-image img{border-radius:12px !important;width:56px;height:56px;object-fit:cover}
.product-detail-page .seller-info .review-box{
background:#faf8f6;border:1px solid #efeae5;border-radius:12px;padding:14px
}
.product-detail-page .seller-info .review-box .text-center > span:first-child{font-size:18px;font-weight:800;color:#1a1a1a}
.product-detail-page .seller-info .store_url.btn{
border-radius:12px !important;padding:12px !important;font-weight:700 !important;font-size:14px !important
}
.product-detail-page .more-from-store h3{
font-family:'Plus Jakarta Sans',Georgia,serif !important;font-size:19px !important;
font-weight:700 !important;color:#1a1a1a !important
}
/* ---------- Variants / attributes (Size, etc.) → selectable pills ---------- */
.product-detail-page .attributes{margin-top:14px !important;margin-bottom:6px !important}
.product-detail-page .attribute-drp{margin-bottom:16px}
.product-detail-page .attribute-label{
font-size:12px !important;font-weight:700 !important;text-transform:uppercase;
letter-spacing:.6px;color:#8a8a8a !important;margin:0 0 9px !important;font-family:'Plus Jakarta Sans',sans-serif
}
.product-detail-page .attribute-options{display:flex;flex-wrap:wrap;gap:9px}
.product-detail-page .attribute-selection{
border:0 !important;padding:0 !important;margin:0 !important;min-height:0 !important;position:relative
}
.product-detail-page .attribute-selection .custom-control-input{
position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none
}
.product-detail-page .attribute-selection .custom-control-label{
display:inline-flex;align-items:center;justify-content:center;
padding:9px 18px;border:1.5px solid #e4e4e4;border-radius:11px;
font-size:14px;font-weight:600;color:#444;cursor:pointer;background:#fff;
transition:all .15s ease;font-family:'Plus Jakarta Sans',sans-serif;min-width:46px;line-height:1
}
.product-detail-page .attribute-selection .custom-control-label::before,
.product-detail-page .attribute-selection .custom-control-label::after{display:none !important}
.product-detail-page .attribute-selection .custom-control-label:hover{border-color:#e8541a;color:#e8541a}
/* selected size → rich filled pill (beats base .v-boxariants ... :checked rule) */
.product-detail-page .attribute-selection .custom-control-input:checked + .custom-control-label,
.product-detail-page .attribute-selection .custom-control-input:checked ~ .custom-control-label{
border-color:transparent !important;color:#fff !important;
background:linear-gradient(135deg,#e8541a,#e23744) !important;
box-shadow:0 7px 18px rgba(232,84,26,.30) !important
}
/* ---------- Add-ons → clean selectable rows with a real check ---------- */
.product-detail-page .addons{margin-top:14px !important}
.product-detail-page .addons > h3{
font-family:'Plus Jakarta Sans',sans-serif !important;font-size:12px !important;font-weight:700 !important;
text-transform:uppercase;letter-spacing:.6px;color:#8a8a8a !important;margin-bottom:10px !important
}
.product-detail-page .addons-option{display:block !important;width:100% !important;margin-bottom:10px !important}
.product-detail-page .addons-option .custom-control.custom-checkbox{
display:block !important;width:100% !important;
border:1.4px solid #ececec !important;border-radius:12px !important;
padding:0 !important;margin:0 !important;background:#fff !important;
transition:border-color .16s ease,background .16s ease,box-shadow .16s ease
}
.product-detail-page .addons-option .custom-control.custom-checkbox:hover{border-color:#e8541a !important;background:#fffaf7 !important}
.product-detail-page .addons-option .custom-control-label{
display:flex !important;align-items:center;justify-content:space-between;width:100%;position:relative;
padding:13px 16px 13px 48px !important;margin:0 !important;cursor:pointer;
font-size:14px;font-weight:600;color:#333 !important;letter-spacing:0 !important;
font-family:'Plus Jakarta Sans',sans-serif !important;line-height:1.3
}
.product-detail-page .addons-option .custom-control-label span{
color:#e8541a !important;font-weight:700;font-size:13.5px;white-space:nowrap;margin-left:12px
}
/* custom check box (left) — neutralise base full-cover ::before/::after */
.product-detail-page .addons-option .custom-control-label::before{
content:"" !important;left:16px !important;right:auto !important;top:50% !important;bottom:auto !important;
transform:translateY(-50%) !important;width:20px !important;height:20px !important;max-width:20px !important;
border-radius:6px !important;border:1.7px solid #d2d2d2 !important;background:#fff !important;display:block !important
}
.product-detail-page .addons-option .custom-control-label::after{
content:"" !important;left:16px !important;right:auto !important;top:50% !important;bottom:auto !important;
transform:translateY(-50%) !important;width:20px !important;height:20px !important;max-width:20px !important;
border-radius:6px !important;opacity:0;display:block !important;
background:transparent no-repeat center/12px 12px !important;border:0 !important
}
/* checked → tinted card + orange check, price/name stay readable */
.product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label,
.product-detail-page .addons-option .custom-control-label.active{color:#1a1a1a !important}
.product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label::before{
background:#e8541a !important;border-color:#e8541a !important
}
.product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label::after{
opacity:1 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important
}
.product-detail-page .addons-option .custom-control.custom-checkbox:has(.custom-control-input:checked){
border-color:#e8541a !important;background:#fff6f2 !important;box-shadow:0 5px 16px rgba(232,84,26,.13) !important
}
/* ---------- Specification (vendor-provided) → clean key/value table ---------- */
.product-detail-page .main-specification .specification{
background:#fff;border:1px solid #ececec;border-radius:16px;
box-shadow:0 6px 22px rgba(0,0,0,.05);
padding:20px 22px 8px;margin:6px 0 22px !important
}
.product-detail-page .main-specification .specification > h3{
font-family:'Plus Jakarta Sans',Georgia,serif !important;
font-size:20px !important;font-weight:700 !important;color:#1a1a1a !important;
margin:0 0 6px !important;padding-bottom:12px;position:relative
}
.product-detail-page .main-specification .specification > h3::after{
content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:3px;
background:linear-gradient(135deg,#e8541a,#e23744)
}
.product-detail-page .main-specification .specification .row{margin:0}
.product-detail-page .main-specification .prospe-info-box{
padding:0 !important;border:0 !important;margin:0 !important;width:100%
}
.product-detail-page .main-specification .prospe-info-box-list{
display:flex;justify-content:space-between;align-items:center;gap:16px;
padding:13px 2px !important;border-bottom:1px solid #f1f1f1
}
.product-detail-page .main-specification .prospe-info-box:last-child .prospe-info-box-list{border-bottom:0}
/* remove the base grey bullet + its indent */
.product-detail-page .main-specification .prospe-info-box-list::before{display:none !important}
.product-detail-page .main-specification .prospe-info-box-list span{
padding-left:16px !important;position:relative;
font-size:13.5px;color:#6f6f6f;font-weight:600;text-transform:capitalize;
font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:0
}
/* small orange dot accent before each key */
.product-detail-page .main-specification .prospe-info-box-list span::before{
content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:7px;height:7px;border-radius:50%;background:#e8541a
}
.product-detail-page .main-specification .prospe-info-box-list label{
margin:0;font-size:14.5px;color:#1a1a1a;font-weight:700;text-align:right;
font-family:'Plus Jakarta Sans',sans-serif
}
/* ---------- Quantity stepper → clean pill ---------- */
.product-detail-page .quantity .product-item-box{align-items:center}
.product-detail-page .quantity .count-number{
border:1.5px solid #e4e4e4 !important;border-radius:12px !important;overflow:hidden;
display:inline-flex !important;align-items:center;background:#fff
}
.product-detail-page .quantity .count-number .btn{
color:#e8541a !important;font-size:18px !important;padding:7px 15px !important;
background:none !important;border:0 !important;box-shadow:none !important
}
.product-detail-page .quantity .count-number .btn:hover{background:#fff4f0 !important}
.product-detail-page .quantity .count-number-input{
width:46px !important;height:40px !important;font-size:17px !important;font-weight:700 !important;
color:#1a1a1a !important;border:0 !important;text-align:center;padding:0 !important
}
/* ---------- Add to Cart / Buy Now → premium buttons ---------- */
.product-detail-page .addtocart{
display:flex !important;gap:12px;margin:12px 0 0 !important;justify-content:stretch;align-items:stretch
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary{
flex:1;width:auto !important;min-height:52px;border-radius:14px !important;
padding:14px 16px !important;font-family:'Plus Jakarta Sans',sans-serif !important;
font-weight:700 !important;font-size:15px !important;letter-spacing:.3px !important;
background:#fff !important;color:#e8541a !important;border:1.7px solid #e8541a !important;
box-shadow:none !important;transition:all .18s ease !important
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover{
background:#fff4f0 !important;color:#e8541a !important;transform:translateY(-1px);
box-shadow:0 8px 20px rgba(232,84,26,.18) !important;opacity:1 !important
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow{
color:#fff !important;border:1.7px solid transparent !important;
background:linear-gradient(135deg,#e8541a,#e23744) !important;
box-shadow:0 10px 24px rgba(226,55,68,.30) !important
}
.product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow:hover{
transform:translateY(-1px);opacity:1 !important;
box-shadow:0 14px 32px rgba(226,55,68,.42) !important
}
/* ---------- Reviews: "By feature" + review card polish ---------- */
.product-detail-page .review-user-details,
.product-detail-page .review-inner .card,
.product-detail-page #customers_ratings_and_review .card{
border:1px solid #eee !important;border-radius:14px !important;
box-shadow:0 4px 16px rgba(0,0,0,.04) !important
}
.product-detail-page .overall-rating .badge.badge-success{
background:#267e3e !important;border-radius:7px !important;font-weight:700 !important;padding:4px 9px !important
}
.product-detail-page .see_all_reviews.btn{
border-radius:11px !important;font-weight:700 !important;
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important
}
/* ============================================================
CHECKOUT + CART (.sis-checkout + shared cart_item partial)
Zomato-style reskin — visual only, no markup/logic changed.
============================================================ */
.sis-checkout{background:#f6f6f4;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;min-height:82vh}
.sis-checkout .container{max-width:1360px;padding-left:24px;padding-right:24px}
/* Cards */
.sis-checkout .checkout-left-box,
.sis-checkout .sis-cart-item,
.sis-checkout .accordion.checkout-left-box{
border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;overflow:hidden;background:#fff !important
}
/* Headings */
.sis-checkout .chec-out-title h6,
.sis-checkout .sidebar-header h3,
.sis-checkout .sis-card-header h6,
.sis-checkout h6.font-weight-bold{
font-family:'Plus Jakarta Sans',sans-serif;font-weight:700 !important;color:#1a1a1a !important
}
.sis-checkout .chec-out-title span{font-size:12.5px;color:#8a8a8a}
.sis-checkout .chec-out-header a{color:#e8541a !important;font-weight:700}
.sis-checkout .addres-innerbox{border:1px solid #eee;border-radius:12px;background:#faf8f6}
/* Payment options → responsive GRID of selectable cards (quicklist-style) */
.sis-checkout .checkout-payment-options{
display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
padding:18px;max-height:none;overflow:visible
}
@media(max-width:575px){
.sis-checkout .checkout-payment-options{grid-template-columns:repeat(2,1fr)}
}
.sis-checkout .checkout-payment-options .custom-control.custom-radio{
position:relative;border:1.5px solid #ececec !important;border-radius:14px;margin:0 !important;
min-height:94px;padding:20px 14px !important;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s
}
/* whole card is the hit area (radio fills it, invisible) */
.sis-checkout .checkout-payment-options .custom-control-input{
position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2
}
.sis-checkout .checkout-payment-options .custom-control-label{
font-weight:700;color:#333;cursor:pointer;font-size:14px;line-height:1.35;
font-family:'Plus Jakarta Sans',sans-serif
}
/* hide Bootstrap's little radio dot */
.sis-checkout .checkout-payment-options .custom-control-label::before,
.sis-checkout .checkout-payment-options .custom-control-label::after{display:none !important}
.sis-checkout .checkout-payment-options .custom-control.custom-radio:hover{
border-color:#e8541a !important;transform:translateY(-1px)
}
.sis-checkout .checkout-payment-options .custom-control-input:checked ~ .custom-control-label{color:#e8541a}
.sis-checkout .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked){
border-color:#e8541a !important;background:#fff6f2 !important;box-shadow:0 6px 18px rgba(232,84,26,.12) !important
}
/* selected check badge (top-right) */
.sis-checkout .checkout-payment-options .custom-control.custom-radio::after{
content:'';position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;
background:#e8541a no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s
}
.sis-checkout .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked)::after{opacity:1;transform:scale(1)}
/* disabled (e.g. wallet with no balance) */
.sis-checkout .checkout-payment-options .custom-control-input:disabled ~ .custom-control-label{opacity:.45}
/* Gateway logo per card (keyed by the #X_box id → no markup change).
Keyed off .checkout-payment-options (shared by checkout, buy-giftcard AND topup-wallet)
rather than .sis-checkout, so the logos also render on the wallet page. */
.checkout-payment-options .custom-control.custom-radio::before{
content:'';display:block;width:64px;height:32px;margin-bottom:11px;
background:center/contain no-repeat
}
#cod_box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
#wallet_box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h16v-5'/%3E%3Cpath d='M18 12a2 2 0 0 0 0 4h4v-4z'/%3E%3C/svg%3E")}
#razorpay_box::before{background-image:url('/images/payments/razorpay.png')}
#stripe_box::before{background-image:url('/images/payments/stripe.png')}
#paypal_box::before{background-image:url('/images/payments/paypal.png')}
#payfast_box::before{background-image:url('/images/payments/payfast.png')}
#paystack_box::before{background-image:url('/images/payments/paystack.png')}
#flutterWave_box::before{background-image:url('/images/payments/flutterwave.png')}
#mercadopago_box::before{background-image:url('/images/payments/mercadopago.png')}
#xendit_box::before{background-image:url('/images/payments/xendit.png')}
#midtrans_box::before{background-image:url('/images/payments/midtrans.png')}
#orangepay_box::before{background-image:url('/images/payments/orange_money.png')}
#phonepe_box::before{background-image:url('/images/payments/phonepe.png')}
#cashfree_box::before{background-image:url('/images/payments/cashfree.png')}
#instamojo_box::before{background-image:url('/images/payments/instamojo.png')}
#paymongo_box::before{background-image:url('/images/payments/payMongo.png')}
#foloosi_box::before{background-image:url('/images/payments/foloosi.png')}
#mtnmomo_box::before{background-image:url('/images/payments/mtnmom.png')}
/* Add-note + form inputs */
.sis-checkout .add-note{
background:#fff;border:1px solid #ececec;border-radius:16px;
box-shadow:0 6px 20px rgba(0,0,0,.05);padding:16px 18px;margin-bottom:16px
}
.sis-checkout .add-note h3,.sis-checkout .add-note ~ * h3{font-family:'Plus Jakarta Sans',sans-serif}
.sis-checkout h3{font-size:15px !important;font-weight:700 !important;color:#1a1a1a !important;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:10px}
.sis-checkout .add-note textarea{width:100%;min-height:72px}
.sis-checkout .form-control,
.sis-checkout .add-note textarea{
border:1.4px solid #e4e4e4 !important;border-radius:10px !important;
padding:10px 14px !important;font-size:14px;box-shadow:none !important;font-family:'Plus Jakarta Sans',sans-serif
}
.sis-checkout .form-control:focus,
.sis-checkout .add-note textarea:focus{border-color:#e8541a !important;box-shadow:0 0 0 3px rgba(232,84,26,.10) !important}
/* ---- Cart summary partial (also used on the cart page) ---- */
.sis-cart-item .sidebar-header{border-bottom:1px solid #f0f0f0}
.sis-cart-item .sidebar-header h3{font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;color:#1a1a1a}
.sis-cart-item .sidebar-item-list h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#1a1a1a}
.sis-cart-item .product-item.gold-members{
border:1px solid #eee !important;border-radius:12px !important;background:#fff;
margin-bottom:10px !important;padding:10px 8px !important
}
.sis-cart-item .product-name p{font-weight:600 !important;color:#1a1a1a !important;font-size:13.5px !important}
/* product thumbnail — square box */
.sis-cart-item .product-name .cart-item-thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;margin-right:10px;flex:0 0 46px;background:#f4f4f4;border:1px solid #eee}
/* clickable item name → opens the product on its restaurant page */
.sis-cart-item .product-name a.cart-item-name-link{color:inherit;text-decoration:none;transition:color .15s}
.sis-cart-item .product-name a.cart-item-name-link:hover{color:#e8541a}
.sis-cart-item .extras .label,.sis-cart-item .size span,.sis-cart-item .variant .label{color:#9a9a9a;font-size:11.5px}
/* values kept small like their labels (add-ons stay on one line) */
.sis-cart-item .extras .value,.sis-cart-item .size p,.sis-cart-item .variant .value{color:#555;font-size:11.5px;font-weight:500;display:inline;margin:0}
.sis-cart-item .extras{display:flex;flex-wrap:wrap;align-items:baseline}
.sis-cart-item .remove_item{color:#c4c4c4 !important;cursor:pointer;transition:color .15s}
.sis-cart-item .remove_item:hover{color:#e23744 !important}
/* Push qty + price to the right so the price sits next to the × (no dead gap) */
.sis-cart-item .count-number-box{justify-content:flex-end !important;padding-right:6px !important}
.sis-cart-item .cart-item-price{margin-left:12px !important}
.sis-cart-item .product-item .close.remove_item{flex:0 0 auto;max-width:none;width:auto;padding:0 4px !important;text-align:center}
.sis-cart-item .count-number{
border:1.5px solid #e4e4e4 !important;border-radius:10px !important;overflow:hidden;
display:inline-flex !important;align-items:center;background:#fff
}
.sis-cart-item .count-number .btn{color:#e8541a !important;border:0 !important;box-shadow:none !important;background:none !important;padding:5px 10px !important}
.sis-cart-item .count-number-input{border:0 !important;text-align:center;font-weight:700;width:34px;color:#1a1a1a}
.sis-cart-item #apply-coupon-code{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
border-radius:0 10px 10px 0 !important;font-weight:700
}
.sis-cart-item #coupon_code{border-radius:10px 0 0 10px !important}
.sis-cart-item .tip-box .custom-control.custom-radio{
border:1px solid #ececec !important;border-radius:10px;margin-bottom:8px;padding:9px 12px 9px 40px !important
}
.sis-cart-item .btm-total p,.sis-cart-item .btm-total h6{font-size:14px;color:#5c5c5c;font-family:'Plus Jakarta Sans',sans-serif}
.sis-cart-item .btm-total hr{margin:9px 0;border-color:#f2f2f2}
.sis-cart-item .btm-total h6.font-weight-bold{font-size:17px !important;color:#1a1a1a !important;font-weight:800 !important}
.sis-cart-item .scheduleTime{border:1.4px solid #e4e4e4;border-radius:10px;padding:8px 12px;font-size:13.5px}
/* Pay / place-order + secondary buttons */
.sis-checkout .btn.btn-primary,
.sis-cart-item .btn.btn-primary{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
border-radius:12px !important;font-weight:700 !important;letter-spacing:.3px;
box-shadow:0 8px 20px rgba(226,55,68,.22) !important;font-family:'Plus Jakarta Sans',sans-serif
}
.sis-cart-item .btn.btn-primary.btn-lg.btn-block{padding:15px !important;font-size:16px !important;box-shadow:0 10px 26px rgba(226,55,68,.28) !important}
.sis-checkout .btn.btn-primary:hover,.sis-cart-item .btn.btn-primary:hover{opacity:.95;transform:translateY(-1px)}
/* ---- Cashback offer card (green, with gift icon) ---- */
.sis-checkout .cashback-div{
border:1px solid #cfe9d6 !important;border-radius:16px !important;
background:linear-gradient(135deg,#f2fbf5,#eafaf0) !important;
box-shadow:0 6px 20px rgba(38,126,62,.07) !important;overflow:hidden;padding:6px 0 !important;margin-bottom:16px
}
.sis-checkout .cashback-div > h6{
display:flex;align-items:center;gap:8px;font-size:14px !important;font-weight:800 !important;
color:#1a7d3a !important;margin:0 !important;padding:12px 18px 6px !important;font-family:'Plus Jakarta Sans',sans-serif !important
}
.sis-checkout .cashback-div > h6::before{
content:'';width:19px;height:19px;flex:none;
background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7d3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E")
}
.sis-checkout #cashback-offer{
padding:0 18px 14px !important;color:#267e3e !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.6;
font-family:'Plus Jakarta Sans',sans-serif !important
}
.sis-checkout #cashback-offer h6{
font-size:13px !important;font-weight:700 !important;color:#3a3a3a !important;margin:0 0 4px !important;font-family:'Plus Jakarta Sans',sans-serif !important
}
/* ---- Cart sidebar: one consistent font (icons excluded) ---- */
.sis-cart-item,
.sis-cart-item *:not(i):not(svg):not([class*="feather-"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab){
font-family:'Plus Jakarta Sans',system-ui,sans-serif !important
}
/* ---- SweetAlert2 — brand-orange buttons everywhere (section_color overrides if the admin sets one) ---- */
.swal2-popup{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;border-radius:16px !important}
.swal2-styled.swal2-confirm{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;border-radius:10px !important;
font-weight:700 !important;padding:10px 26px !important;box-shadow:0 6px 16px rgba(226,55,68,.25) !important
}
.swal2-styled.swal2-confirm:focus{box-shadow:0 6px 16px rgba(226,55,68,.25) !important}
.swal2-styled.swal2-cancel{border-radius:10px !important;font-weight:600 !important}
/* ---- Payment security badges ---- */
.pay-secure-badge{
display:inline-flex;align-items:center;gap:5px;background:#eafaf0;color:#1a7d3a;
font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;white-space:nowrap;
font-family:'Plus Jakarta Sans',sans-serif
}
.pay-secure-badge i{font-size:13px}
.pay-trust{
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;
padding:14px 18px 20px;border-top:1px solid #f2f2f2
}
/* "charged in XXX" badge — sits centered BELOW the payment method name */
.pay-cur-badge{
display:block;width:-webkit-fit-content;width:fit-content;margin:6px auto 0;
padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.2px;white-space:nowrap;
color:#b4530f;background:#fff1e8;border:1px solid #ffd9bf;font-family:'Plus Jakarta Sans',sans-serif
}
.pay-trust span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#7a7a7a;font-family:'Plus Jakarta Sans',sans-serif}
.pay-trust i{font-size:14px;color:#1a7d3a}
/* Currency symbol flush against the amount — the theme renders
` ` with HTML whitespace
between them, which shows as "$ 156.80". Pull them together so it's "$156.80". */
.currency-symbol-left{margin-right:-0.26em}
.currency-symbol-right{margin-left:-0.26em}
/* ============================================================
MY ORDERS (.sis-main-body)
============================================================ */
.sis-main-body{background:#f6f6f4;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;min-height:82vh}
.sis-main-body .container{max-width:1140px}
/* Tab bar */
.sis-main-body .nav-tabsa.custom-tabsa{
border:1px solid #ececec !important;border-radius:14px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;display:flex;gap:6px;flex-wrap:wrap
}
.sis-main-body .nav-tabsa .nav-item{border:0 !important}
.sis-main-body .nav-tabsa .nav-link{
border-radius:10px !important;font-weight:600 !important;color:#555 !important;
font-family:'Plus Jakarta Sans',sans-serif;padding:10px 18px !important;transition:all .15s
}
.sis-main-body .nav-tabsa .nav-link:hover{background:#faf8f6 !important;color:#e8541a !important}
.sis-main-body .nav-tabsa .nav-link.active{
background:linear-gradient(135deg,#e8541a,#e23744) !important;color:#fff !important
}
.sis-main-body .nav-tabsa .nav-link.active i{color:#fff !important}
/* Order cards (JS-built: .p-3.rounded.shadow-sm.bg-white) */
.sis-main-body .order-body .rounded.shadow-sm.bg-white{
border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px !important
}
.sis-main-body .order-body h5,
.sis-main-body .order-body h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#1a1a1a}
.sis-main-body .order-body .btn.btn-primary{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
border-radius:10px !important;font-weight:700 !important;box-shadow:0 6px 16px rgba(226,55,68,.20) !important
}
.sis-main-body .order-body .badge{border-radius:7px;font-weight:700;padding:5px 10px}
/* Restaurant thumbnail on order/booking cards */
.sis-main-body .order-body .order_img{width:56px;height:56px;object-fit:cover;border-radius:12px}
/* Status pills (shared by My Orders + My Dine-in booking cards) */
.sis-main-body .order-body .bg-pending{background:#fff3e0 !important;color:#c47d1a !important}
.sis-main-body .order-body .bg-success{background:#e7f6ec !important;color:#1c8e44 !important}
.sis-main-body .order-body .bg-rejected{background:#fdecec !important;color:#d13b3b !important}
/* status pill + date (top-right of each order card) */
.sis-main-body .order-body .ord-com-btn{text-align:right}
.sis-main-body .order-body .ord-com-btn p:first-child{display:inline-block;border-radius:999px !important;padding:5px 15px !important;font-weight:800 !important;font-size:11px !important;letter-spacing:.4px;text-transform:uppercase;margin-bottom:9px !important}
.sis-main-body .order-body .ord-com-btn .small{color:#9a9a9a !important;font-weight:600 !important;font-size:12px !important;text-align:right !important}
.sis-main-body .order-body .ord-com-btn .feather-clock{color:#c0c0c0;margin-right:3px}
/* Order ID line — labelled + styled */
.sis-main-body .order-body .ord-id-line{font-size:12.5px;color:#8a8a8a}
.sis-main-body .order-body .ord-id-label{font-weight:700;color:#6a6a6a}
.sis-main-body .order-body .ord-id-val{color:#1a1a1a;font-weight:600;letter-spacing:.2px}
/* Guest / request detail rows (Dine-in) */
.sis-main-body .order-body .request-data{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.sis-main-body .order-body .sub-details{
display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed #eee;font-size:13.5px
}
.sis-main-body .order-body .sub-details span:first-child strong{color:#8a8a8a;font-weight:600}
.sis-main-body .order-body .sub-details span:last-child{color:#1a1a1a;font-weight:600;text-align:right}
.sis-main-body .order-body .btn.btn-outline-primary{
border:1.5px solid #e8541a !important;color:#e8541a !important;border-radius:10px !important;
font-weight:700 !important;background:#fff !important;padding:8px 20px !important
}
.sis-main-body .order-body .btn.btn-outline-primary:hover{background:#e8541a !important;color:#fff !important}
/* Empty state ("no records") */
.sis-main-body .order-body .no-records{
text-align:center;padding:56px 20px;color:#8a8a8a;font-size:15px;font-weight:600;
background:#fff;border:1px solid #ececec;border-radius:16px
}
/* My Orders list cards — restaurant title + view-details + reorder */
.sis-main-body .order-body .m-d-flex .font-weight-bold a{color:#1a1a1a !important;font-size:15px;font-weight:700}
.sis-main-body .order-body .view-det a{color:#e8541a !important;font-weight:700;font-size:12.5px}
.sis-main-body .order-body p{margin-bottom:3px}
.sis-main-body .order-body .reorder-add-to-cart{margin-bottom:4px}
@media(max-width:600px){
.sis-main-body .order-body .request-data{grid-template-columns:1fr}
}
/* ============================================================
CONTENT PAGES (.fd-doc) — Privacy Policy, Terms of use
Firebase injects raw HTML into #privacy_policy / #terms.
============================================================ */
.sis-doc{background:#f6f6f4;min-height:70vh}
.fd-doc{
background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);
padding:32px 36px;margin-bottom:40px;color:#3a3a3a;font-size:15px;line-height:1.75
}
.fd-doc h1,.fd-doc h2,.fd-doc h3,.fd-doc h4{color:#1a1a1a;font-weight:800;margin:22px 0 10px}
.fd-doc h1{font-size:23px}.fd-doc h2{font-size:19px}.fd-doc h3{font-size:17px}
.fd-doc p{margin:0 0 14px}
.fd-doc ul,.fd-doc ol{margin:0 0 14px;padding-left:22px}
.fd-doc li{margin-bottom:6px}
.fd-doc a{color:#e8541a;font-weight:600}
.fd-doc img{max-width:100%;height:auto;border-radius:10px}
.fd-doc:empty{display:none}
@media(max-width:600px){ .fd-doc{padding:22px 20px} }
/* ============================================================
CONTACT US (.sis-contact) — form card + map
Form fields (.user_*_form) and action are untouched.
============================================================ */
.sis-contact{background:#f6f6f4}
.sis-contact .contct-form{
border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important
}
.sis-contact .form-title h4{font-size:19px;font-weight:800;color:#1a1a1a}
.sis-contact .form-group label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
.sis-contact .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
.sis-contact .form-control:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
.sis-contact textarea.form-control{min-height:110px}
.sis-contact .btn.btn-primary{width:100%;margin-top:6px}
.sis-contact .contact-map{width:100%;margin:8px 0 0;padding:0}
.sis-contact .contact-map .sis-cart-item-profile{
border-radius:0;overflow:hidden;border:0;border-top:1px solid #ececec
}
.sis-contact .contact-map iframe{display:block;border:0;width:100%}
/* ============================================================
PROFILE / MY ACCOUNT (.sis-account)
Sidebar + account form + change-password modal.
All .user_* hooks, #edit_profile, #change_password preserved.
============================================================ */
.sis-account{background:#f6f6f4}
.sis-account .sticky_sidebar{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
.sis-account .sticky_sidebar > a{text-decoration:none}
.sis-account .user_image{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#f4f4f4;flex:none;display:flex;align-items:center;justify-content:center}
.sis-account .user_image img{width:52px !important;height:52px !important;border-radius:50% !important;object-fit:cover}
.sis-account .user_full_name{font-size:16px;font-weight:700;color:#1a1a1a}
.sis-account .user_email_show{color:#8a8a8a;font-size:13px}
.sis-account .sis-credits{background:#fff7f3 !important;border-top:1px solid #f3e6de;border-bottom:1px solid #f3e6de}
.sis-account .sis-credits p{font-weight:600;color:#555;font-size:13px}
.sis-account .user_wallet{color:#e8541a !important;font-weight:800}
.sis-account .password_div a{transition:background .15s}
.sis-account .password_div a:hover{background:#faf6f3;text-decoration:none}
.sis-account .password_div h6{font-size:14px}
.sis-account .col-md-8 > .rounded.shadow-sm{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
.sis-account .col-md-8 > .rounded.shadow-sm > h5{font-size:18px;font-weight:800;color:#1a1a1a}
.sis-account .col-md-8 label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
.sis-account .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
.sis-account .form-control:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
.sis-account .form-control:disabled{background:#f7f7f7;color:#8a8a8a}
.sis-account .phone-box .form-control{margin-bottom:8px}
.sis-account .placeholder_img_thumb.user_image{width:84px;height:84px;border-radius:12px}
.sis-account .placeholder_img_thumb.user_image img{width:84px !important;height:84px !important;border-radius:12px !important}
.sis-account .save_user_btn{margin-top:8px}
/* modern file input */
.sis-account input[type="file"]{
display:block;width:100%;font-size:13px;color:#9a9a9a;cursor:pointer;
border:1.5px dashed #e0d5cd;border-radius:12px;padding:12px;background:#faf7f4;transition:border-color .15s,background .15s
}
.sis-account input[type="file"]:hover{border-color:#e8541a;background:#fff4f0}
.sis-account input[type="file"]::file-selector-button{
border:0;background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-weight:700;font-size:13px;
padding:9px 16px;border-radius:9px;margin-right:14px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif
}
.sis-account input[type="file"]::file-selector-button:hover{opacity:.92}
.sis-account input[type="file"]::-webkit-file-upload-button{
border:0;background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-weight:700;font-size:13px;
padding:9px 16px;border-radius:9px;margin-right:14px;cursor:pointer
}
#change_password .modal-content{border:0;border-radius:16px;overflow:hidden}
#change_password .modal-header{border-bottom:1px solid #f0f0f0;padding:18px 22px}
#change_password .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
#change_password .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
#change_password .form-control:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
/* ============================================================
PAYMENT METHOD GRID — 4 per row (Buy Gift Card + Add-wallet modal)
Options are .custom-control.custom-radio inside .checkout-payment-options;
hidden gateways (display:none) simply don't occupy a grid cell.
============================================================ */
/* Gift-card buy page carries the .sis-checkout class, so its payment options
inherit the exact checkout card design (centered logo cards, 18px inset grid).
No gift-card-specific override here — that used to create edge border lines. */
/* Wallet top-up modal: give it the SAME centered logo-card payment design as
checkout/gift-card, and make the grid responsive so nothing clips inside the
modal. Per-gateway logos come from the global #x_box::before image rules —
we use background longhands here so we don't reset those images. */
#add_wallet_money .modal-dialog{max-width:720px}
/* box + header styled like the checkout payment card (modal isn't under .sis-checkout) */
#add_wallet_money .accordion.checkout-left-box{
border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;overflow:hidden;background:#fff !important
}
#add_wallet_money .sis-card-header h6{
font-family:'Plus Jakarta Sans',sans-serif;font-weight:700 !important;color:#1a1a1a !important;margin-bottom:0
}
#add_wallet_money .checkout-payment-options{
display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px
}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio{
position:relative;border:1.5px solid #ececec !important;border-radius:14px !important;margin:0 !important;
min-height:94px;padding:20px 14px !important;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s
}
#add_wallet_money .checkout-payment-options .custom-control-input{
position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2
}
#add_wallet_money .checkout-payment-options .custom-control-label{
font-weight:700;color:#333;cursor:pointer;font-size:14px;line-height:1.35;font-family:'Plus Jakarta Sans',sans-serif
}
#add_wallet_money .checkout-payment-options .custom-control-label::before,
#add_wallet_money .checkout-payment-options .custom-control-label::after{display:none !important}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio:hover{
border-color:#e8541a !important;transform:translateY(-1px)
}
#add_wallet_money .checkout-payment-options .custom-control-input:checked ~ .custom-control-label{color:#e8541a}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked){
border-color:#e8541a !important;background:#fff6f2 !important;box-shadow:0 6px 18px rgba(232,84,26,.12) !important
}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio::after{
content:'';position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;
background:#e8541a no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s
}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked)::after{opacity:1;transform:scale(1)}
#add_wallet_money .checkout-payment-options .custom-control-input:disabled ~ .custom-control-label{opacity:.45}
/* logo box — background longhands only, so #x_box::before image survives */
#add_wallet_money .checkout-payment-options .custom-control.custom-radio::before{
content:'';display:block;width:64px;height:32px;margin-bottom:11px;
background-position:center;background-size:contain;background-repeat:no-repeat
}
@media(max-width:768px){
#add_wallet_money .modal-dialog{max-width:94%;margin:1rem auto}
#add_wallet_money .checkout-payment-options{grid-template-columns:repeat(2,1fr)}
}
/* ============================================================
BUY GIFT CARD — billing summary (clean Inter, no serif)
============================================================ */
.sis-giftcard-buy .sidebar-header h3{
font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;font-size:18px !important;font-weight:800 !important;color:#1a1a1a !important
}
.sis-giftcard-buy .sidebar-header p{font-size:13px;color:#8a8a8a;margin:6px 0 0}
.sis-giftcard-buy #cart_list{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
.sis-giftcard-buy .btm-total p,.sis-giftcard-buy .btm-total h6{font-family:'Plus Jakarta Sans',sans-serif !important;color:#1a1a1a}
.sis-giftcard-buy .btm-total h6{font-size:16px !important;font-weight:800 !important}
.sis-giftcard-buy .btm-total .btn.btn-primary,.sis-giftcard-buy #cart_list .btn.btn-primary{width:100%}
/* gift card banner image — same width + left edge as the blocks below it */
.sis-giftcard-buy .checkout-left > #gift_card_img,
.sis-giftcard-buy .checkout-left > .checkout-left-inner{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.sis-giftcard-buy #gift_card_img{margin:0 0 16px;border-radius:16px;overflow:hidden}
.sis-giftcard-buy #gift_card_img .banner-item,
.sis-giftcard-buy #gift_card_img .banner-img,
.sis-giftcard-buy #gift_card_img .slick-list,
.sis-giftcard-buy #gift_card_img .slick-slide{padding:0;margin:0}
.sis-giftcard-buy #gift_card_img .banner-img img,
.sis-giftcard-buy #gift_card_img .slick-slide img{width:100% !important;height:230px !important;display:block;border-radius:16px;object-fit:cover}
/* amount options -> compact pill badges, one row, fully clickable */
.sis-giftcard-buy .delevery-partner .tip-box,
.sis-giftcard-buy .tip-box{display:flex !important;flex-wrap:wrap;gap:8px !important;margin:12px 0 0 !important;width:100%;align-items:stretch}
.sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio:not(#add_gift_amount_box),
.sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box){
width:auto !important;min-width:0;flex:1 1 0;margin:0 !important;padding:0 !important;
border:1.5px solid #ffd9bf !important;border-radius:999px !important;background:#fff4f0 !important;box-shadow:none !important;
display:flex !important;align-items:stretch;min-height:0;cursor:pointer;transition:.15s
}
.sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box):hover{border-color:#ffbf99 !important;background:#ffece2 !important}
.sis-giftcard-buy .tip-box .custom-control-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none}
/* label fills the whole pill so clicking anywhere selects it (and no inner white box) */
.sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label,
.sis-giftcard-buy .tip-box .custom-control-label{
position:static !important;flex:1 1 auto;display:flex !important;align-items:center;justify-content:center;width:100% !important;margin:0 !important;padding:9px 8px !important;
background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;z-index:auto !important;
font-size:14px !important;font-weight:700 !important;color:#e8541a !important;white-space:nowrap;text-align:center;cursor:pointer;line-height:1.2}
.sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::before,
.sis-giftcard-buy .tip-box .custom-control-label::before,
.sis-giftcard-buy .tip-box .custom-control-label::after{content:none !important;display:none !important}
/* small gap so the currency symbol isn't jammed against the amount */
.sis-giftcard-buy .tip-box .custom-control-label .currency-symbol-left{margin-right:2px}
.sis-giftcard-buy .tip-box .custom-control-label .currency-symbol-right{margin-left:2px}
.sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box):has(.custom-control-input:checked){background:#e8541a !important;border-color:#e8541a !important}
.sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-label,
.sis-giftcard-buy .tip-box .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-label{color:#fff !important}
.sis-giftcard-buy .tip-box .this_gift_amount.tip_checked ~ .custom-control-label{color:#fff !important}
/* "Other" free-amount input row — hidden until Other clicked (JS toggles inline display); no border/box */
.sis-giftcard-buy .tip-box #add_gift_amount_box{flex:1 0 100%;width:100% !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;text-align:left;padding:8px 0 0 !important;min-height:0}
.sis-giftcard-buy .tip-box #add_gift_amount_box h3{margin-bottom:6px}
.sis-giftcard-buy .tip-box #add_gift_amount_box #giftAmount{width:100%;border:1.4px solid #e4e4e4;border-radius:10px;padding:10px 14px;margin-top:6px}
/* amount card's inner .add-note must NOT be its own nested card (removes the empty white strip) */
.sis-giftcard-buy .sis-cart-item .add-note{background:transparent !important;box-shadow:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;padding:16px 18px !important}
/* headings (ADD AMOUNT / ADD MESSAGE) — match the Select Payment Option heading font */
.sis-giftcard-buy .add-note h3,
.sis-giftcard-buy .checkout-left-inner .add-note h3,
.sis-giftcard-buy .delevery-partner h3{
font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;font-size:16px !important;font-weight:800 !important;
color:#1a1a1a !important;text-transform:none !important;letter-spacing:normal !important;margin-bottom:12px !important}
/* ============================================================
MODAL FOOTER — clean split Close / Save bar (delivery, wallet, …)
============================================================ */
.modal-footer.p-0{border-top:1px solid #f0f0f0 !important;margin:0;flex-wrap:nowrap}
.modal-footer.p-0 .col-6{display:flex;padding:0 !important}
.modal-footer.p-0 .btn{width:100%;margin:0 !important;padding:15px !important;font-weight:700 !important;border-radius:0 !important}
.modal-footer.p-0 .btn.border-top{border:0 !important;border-right:1px solid #f0f0f0 !important;color:#666 !important;background:#fff !important}
.modal-footer.p-0 .btn.border-top:hover{background:#faf6f3 !important;color:#e8541a !important}
.modal-footer.p-0 .btn.btn-primary{border-radius:0 !important}
/* Restaurants list — client-side load-more button */
.sis-rest-loadmore{justify-content:center;margin-top:10px}
.sis-rest-loadmore .loadmore-btn{
display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:#e8541a !important;
border-radius:24px !important;padding:11px 30px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
.sis-rest-loadmore .loadmore-btn:hover{border-color:#e8541a !important;background:#fff4f0 !important;color:#c0341f !important}
/* ============================================================
GLOBAL FONT CONSISTENCY
One type system site-wide: Inter for body/UI, Playfair kept only
where a heading explicitly opts into it. This neutralises the stray
Poppins / Montserrat / theme fonts so every page matches.
============================================================ */
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
body,button,input,select,textarea,
.btn,.form-control,.nav-link,.badge,.dropdown-item,
p,a,span,li,small,label,strong,.media-body,.card,.modal-content,.modal-body{
font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
}
/* Headings default to Inter as well, so every utility/legacy page matches the
redesigned pages. NO !important on purpose: the deliberate Playfair accents
(home hero, product-detail titles, cart header, …) are all scoped more
specifically than a bare h1–h6, so they keep winning and are untouched. */
h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
/* opt-in serif accent — add class="fd-serif" to a heading to make it Playfair */
.fd-serif{font-family:'Plus Jakarta Sans',Georgia,serif !important}
/* Icon fonts MUST keep their own family — the Inter override above targets
span/a/li and would otherwise blank out FontAwesome glyphs rendered on a
/ (e.g. injected ). */
.fa,.fas,.far,.fal,.fab,i[class^="fa-"],i[class*=" fa-"]{font-family:'FontAwesome' !important}
[class^="feather-"],[class*=" feather-"]{font-family:'feather' !important}
/* ============================================================
DELIVERY ADDRESSES (.sis-popular + .transactions-list cards)
============================================================ */
.sis-popular{background:#f6f6f4}
.sis-popular .add-address.btn{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
border-radius:12px !important;font-weight:700 !important;color:#fff !important;
box-shadow:0 8px 20px rgba(226,55,68,.22) !important;padding:12px 22px !important
}
.sis-popular .transactions-list-view{
border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important
}
.sis-popular .transactions-list-view h6.date{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;color:#1a1a1a;line-height:1.55}
.sis-popular .transactions-list-view .card-icon .feather-map-pin{color:#e8541a}
.sis-popular .transactions-list-view .badge.badge-secondary{
background:#f0ece8 !important;color:#8a7f74 !important;border-radius:7px;font-weight:600;padding:5px 11px
}
.sis-popular .transactions-list-view .btn.btn-danger{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
border-radius:10px !important;font-weight:700 !important;color:#fff !important;
box-shadow:0 6px 16px rgba(226,55,68,.18) !important
}
.sis-popular .transactions-list-view .btn.btn-success{background:#1c8e44 !important;border:0 !important;border-radius:10px !important;font-weight:700 !important}
.sis-popular .transactions-list-view .btn.btn-info{
background:#fff !important;border:1.5px solid #e4e4e4 !important;color:#555 !important;
border-radius:10px !important;font-weight:700 !important
}
.sis-popular .transactions-list-view .btn.btn-primary.btn-sm{
background:#faf6f3 !important;border:1px solid #eee !important;color:#e8541a !important;
border-radius:9px !important;box-shadow:none !important
}
/* ============================================================
CHECKOUT — Tip section → pill row
============================================================ */
.sis-cart-item .delevery-partner h3{font-size:15px !important;font-weight:700 !important;color:#1a1a1a !important}
.sis-cart-item .delevery-partner > .border-bottom > span{font-size:12.5px;color:#8a8a8a}
.sis-cart-item .tip-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* Each pill IS the label — no Bootstrap custom-control, no absolute overlay. */
.sis-cart-item .tip-pill{
flex:1 1 0;min-width:58px;margin:0;display:flex;align-items:center;justify-content:center;
border:1.5px solid #e4e4e4;border-radius:12px;padding:12px 6px;
font-weight:700;color:#444;cursor:pointer;text-align:center;line-height:1;
font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .15s,background .15s,color .15s
}
/* The radio is only a state holder — visually hidden, not overlaying the text. */
.sis-cart-item .tip-pill input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.sis-cart-item .tip-pill:hover{border-color:#e8541a}
/* Selected via the PHP .is-selected class (works everywhere) + :has() progressive enhancement. */
.sis-cart-item .tip-pill.is-selected,
.sis-cart-item .tip-pill:has(input:checked){
border-color:#e8541a;background:#fff4f0;color:#e8541a;box-shadow:inset 0 0 0 1px #e8541a
}
.sis-cart-item .tip-box .tip-other-input{flex:1 0 100%;margin-top:2px}
.sis-cart-item .tip-box #tip_amount{border:1.5px solid #e4e4e4;border-radius:10px;padding:10px 14px;width:100%}
/* ============================================================
CHECKOUT — price display polish (item price + totals)
============================================================ */
/* Cart line item price — prominent, single line */
.sis-cart-item .cart-item-price{
font-size:15px !important;font-weight:800 !important;color:#1a1a1a !important;
font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;letter-spacing:-.2px;margin-top:6px
}
/* Totals — clean two-column rows (label left / amount right) */
.sis-cart-item .btm-total{padding:16px 18px 10px !important}
.sis-cart-item .btm-total > p{
display:flex !important;justify-content:space-between;align-items:baseline;gap:12px;
margin:0 !important;padding:8px 0;font-size:13.5px !important;color:#6a6a6a !important
}
.sis-cart-item .btm-total > p .float-right{
float:none !important;text-align:right;color:#1a1a1a !important;font-weight:700;white-space:nowrap
}
.sis-cart-item .btm-total > p.text-success,
.sis-cart-item .btm-total > p.text-success .float-right{color:#1c8e44 !important;font-weight:700 !important}
.sis-cart-item .btm-total hr{margin:0 !important;border-color:#f2f2f2 !important}
/* Tax-details subheading */
.sis-cart-item .btm-total > h6:not(.font-weight-bold){
font-size:13px !important;font-weight:700 !important;color:#1a1a1a !important;margin:6px 0 2px !important
}
/* Grand total row */
.sis-cart-item .btm-total > h6.font-weight-bold{
display:flex !important;justify-content:space-between;align-items:center;
font-size:18px !important;font-weight:800 !important;color:#1a1a1a !important;
margin:8px 0 0 !important;padding-top:14px;border-top:2px solid #f0f0f0
}
.sis-cart-item .btm-total > h6.font-weight-bold > p{
float:none !important;margin:0 !important;color:#e8541a !important;font-size:19px;font-weight:800;line-height:1
}
/* ============================================================
HEADER — cart count badge
============================================================ */
.fd-nav__icon{position:relative}
.fd-cart-count{
position:absolute;top:-6px;right:-9px;min-width:18px;height:18px;padding:0 5px;
background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;border-radius:10px;
font-size:11px;font-weight:800;line-height:18px;text-align:center;
box-shadow:0 2px 6px rgba(226,55,68,.4);font-family:'Plus Jakarta Sans',sans-serif;pointer-events:none
}
/* ============================================================
REFINEMENTS ROUND 2
- one classy primary button used site-wide
- product page/popup fully Inter (title included)
- only the round spinner inside the quick-view popup
- lighter, classier spec / add-on cards
============================================================ */
/* ---- ONE classy primary button, everywhere ---- */
.btn.btn-primary{
background:linear-gradient(135deg,#e8541a,#e23744) !important;border:0 !important;
color:#fff !important;border-radius:12px !important;font-weight:700 !important;
letter-spacing:.2px;padding:11px 22px;font-family:'Plus Jakarta Sans',sans-serif !important;
box-shadow:0 8px 20px rgba(226,55,68,.20) !important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease
}
.btn.btn-primary:hover,.btn.btn-primary:focus{
color:#fff !important;opacity:1 !important;transform:translateY(-1px);
box-shadow:0 12px 28px rgba(226,55,68,.30) !important
}
.btn.btn-primary:active{transform:translateY(0)}
/* secondary / cancel buttons — clean neutral, matches the classy set */
.modal-footer .btn.border-top,
.modal-footer .btn:not(.btn-primary){
border-radius:12px !important;font-weight:700 !important;color:#555 !important;
font-family:'Plus Jakarta Sans',sans-serif !important
}
/* ---- Product page + popup: single font (Inter), nicer title ---- */
.product-detail-page h1,.product-detail-page h2,.product-detail-page h3,
.product-detail-page h4,.product-detail-page h5,.product-detail-page h6,
.product-detail-page .vendor_name,
.product-detail-page .car-det-title h2{
font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important
}
.product-detail-page .car-det-title h2{
font-size:26px !important;font-weight:800 !important;color:#161616 !important;
letter-spacing:-.5px !important;line-height:1.2 !important;margin:0 0 8px !important
}
/* ---- Quick-view popup: hide the branded logo/emoji loader, keep the round spinner ---- */
html.fd-popup .fd-app-loader,
html.fd-popup #fd-page-loader{display:none !important}
/* ---- Add-ons → lighter, classier (less heavy than before) ---- */
.product-detail-page .addons-option .custom-control.custom-checkbox{
border:1px solid #eee !important;border-radius:12px !important;
box-shadow:none !important;background:#fff !important
}
.product-detail-page .addons-option .custom-control-label{
padding:12px 16px 12px 46px !important;font-weight:600 !important;color:#3a3a3a !important
}
.product-detail-page .addons-option .custom-control-label::before{
width:19px !important;height:19px !important;max-width:19px !important;left:16px !important;
border:1.6px solid #d6d6d6 !important;border-radius:6px !important
}
.product-detail-page .addons-option .custom-control-label::after{width:19px !important;height:19px !important;max-width:19px !important;left:16px !important}
.product-detail-page .addons-option .custom-control.custom-checkbox:has(.custom-control-input:checked){
border-color:#e8541a !important;background:#fff8f5 !important;box-shadow:none !important
}
.product-detail-page .addons-option .custom-control-label span{font-size:13px !important}
/* ---- Specification → clean light list (drop heavy card + dot) ---- */
.product-detail-page .main-specification .specification{
background:#fff !important;border:1px solid #eee !important;border-radius:14px !important;
box-shadow:none !important;padding:18px 20px 6px !important
}
.product-detail-page .main-specification .specification > h3{
font-size:16px !important;font-weight:800 !important;padding-bottom:10px !important;letter-spacing:-.2px
}
.product-detail-page .main-specification .specification > h3::after{width:30px !important;height:2px !important}
.product-detail-page .main-specification .prospe-info-box-list span{padding-left:0 !important;color:#8a8a8a !important;font-weight:600}
.product-detail-page .main-specification .prospe-info-box-list span::before{display:none !important}
.product-detail-page .main-specification .prospe-info-box-list label{font-weight:700 !important;color:#1a1a1a !important}
.product-detail-page .main-specification .prospe-info-box-list{padding:12px 0 !important;border-bottom:1px solid #f2f2f2 !important}
/* ============================================================
HEADER MINI-CART DROPDOWN
============================================================ */
.fd-cart-dd{position:relative;display:inline-block}
/* Self-contained panel — no .dropdown-menu / bootstrap involvement, own animation */
.fd-cart-menu{
position:absolute;top:calc(100% + 10px);right:0;left:auto;z-index:1050;
width:360px;max-width:92vw;padding:0;border:0;border-radius:16px;
background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden;
font-family:'Plus Jakarta Sans',system-ui,sans-serif;
display:block;visibility:hidden;opacity:0;transform:translateY(8px);
transition:opacity .18s ease,transform .18s ease,visibility .18s;
pointer-events:none
}
.fd-cart-dd.open .fd-cart-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.fd-cart-menu__head{
display:flex;align-items:center;justify-content:space-between;
padding:15px 18px;border-bottom:1px solid #f0f0f0
}
.fd-cart-menu__title{font-weight:800;font-size:16px;color:#1a1a1a}
.fd-cart-menu__count{font-size:12.5px;color:#8a8a8a;font-weight:600}
.fd-cart-menu__body{max-height:52vh;overflow-y:auto;padding:6px 8px}
.fd-mc-item{
display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;transition:background .15s
}
.fd-mc-item:hover{background:#faf8f6}
.fd-mc-item__img{
width:46px;height:46px;border-radius:10px;flex:none;background:#f2f2f2 center/cover no-repeat;border:1px solid #eee
}
.fd-mc-item__info{flex:1;min-width:0}
.fd-mc-item__name{font-size:13.5px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-mc-item__variant{font-size:11.5px;font-weight:600;color:#8a8a8a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-mc-item__price{font-size:13px;font-weight:700;color:#e8541a;margin-top:2px}
.fd-mc-item__qty{display:inline-flex;align-items:center;border:1.4px solid #e6e6e6;border-radius:9px;overflow:hidden;flex:none}
.fd-mc-item__qty button{
border:0;background:none;color:#e8541a;font-size:15px;font-weight:700;
width:26px;height:28px;line-height:1;cursor:pointer;transition:background .15s;
outline:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none
}
.fd-mc-item__qty button:hover{background:#fff4f0}
/* kill the default black focus ring the browser draws after a click */
.fd-mc-item__qty button:focus,.fd-mc-item__qty button:active,
.fd-mc-remove:focus,.fd-mc-remove:active{outline:none !important;box-shadow:none !important}
.fd-mc-item__qty button:focus-visible,.fd-mc-remove:focus-visible{box-shadow:0 0 0 2px rgba(232,84,26,.35) !important}
.fd-mc-qty{min-width:22px;text-align:center;font-size:13px;font-weight:800;color:#1a1a1a}
.fd-mc-remove{
border:0;background:none;color:#c4c4c4;font-size:19px;line-height:1;cursor:pointer;flex:none;
width:24px;height:24px;border-radius:50%;transition:all .15s;
outline:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none
}
.fd-mc-remove:hover{color:#e23744;background:#fdece9}
.fd-cart-menu__empty{text-align:center;padding:34px 18px;color:#b0b0b0}
.fd-cart-menu__empty i{font-size:30px;display:block;margin-bottom:8px}
.fd-cart-menu__empty p{margin:0;font-size:14px;font-weight:600;color:#9a9a9a}
.fd-cart-menu__foot{
padding:14px 16px;border-top:1px solid #f0f0f0;
display:flex;align-items:center;justify-content:space-between;gap:14px
}
.fd-cart-menu__subtotal{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.fd-cart-menu__sub-label{font-size:11px;font-weight:700;color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px}
.fd-cart-menu__sub-val{font-size:18px;font-weight:800;color:#1a1a1a;white-space:nowrap}
.fd-cart-menu__foot .btn.btn-primary.fd-cart-menu__view{
width:auto;flex:none;padding:11px 20px !important;font-size:14px !important;
white-space:nowrap;display:inline-flex;align-items:center;gap:7px
}
.fd-cart-menu__view i{font-size:15px}
[dir="rtl"] .fd-cart-menu{left:0 !important;right:auto !important}
/* tighten the cart foot (remove the empty gap around the subtotal) */
.fd-cart-menu__foot{padding:12px 14px}
.fd-cart-menu__subtotal{gap:1px}
.fd-cart-menu__sub-label{margin:0}
.fd-cart-menu__sub-val{margin:0;line-height:1.15}
/* ============================================================
ACCOUNT DROPDOWN (quicklist-style — name header + icon items)
============================================================ */
.fd-account-menu{
min-width:238px;padding:6px;border:1px solid var(--fd-line);border-radius:14px;
box-shadow:var(--fd-shadow-lg);margin-top:10px
}
.fd-account-menu__name{
padding:10px 14px 9px;font-size:14px;font-weight:800;color:#1a1a1a;
border-bottom:1px solid #f0f0f0;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.fd-account-menu .dropdown-item{
display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:9px;
font-size:14px;font-weight:500;color:#333;transition:background .12s,color .12s
}
.fd-account-menu .dropdown-item i{font-size:17px;color:#8a8a8a;width:20px;flex:none;transition:color .12s}
.fd-account-menu .dropdown-item:hover{background:#fff4f0;color:var(--fd-red-dark)}
.fd-account-menu .dropdown-item:hover i{color:var(--fd-red-dark)}
.fd-account-menu .fd-account-menu__logout{color:#e23744;border-top:1px solid #f0f0f0;margin-top:5px;padding-top:11px}
.fd-account-menu .fd-account-menu__logout i{color:#e23744}
/* ============================================================
CHECKOUT — richer polish
============================================================ */
.sis-checkout .py-5.row{padding-top:26px !important}
.sis-checkout .checkout-left-box{margin-bottom:18px !important}
.sis-checkout .sis-cart-item-profile{padding:18px 20px !important}
.sis-checkout .chec-out-header{margin-bottom:14px !important}
.sis-checkout .chec-out-title h6{font-size:16px !important}
/* payment section header with an accent bar */
.sis-checkout .accordion.checkout-left-box .sis-card-header h6{
padding:16px 18px 12px !important;margin:0 !important;font-size:15px !important;
display:flex;align-items:center;gap:10px
}
.sis-checkout .accordion.checkout-left-box .sis-card-header h6::before{
content:'';width:4px;height:18px;border-radius:3px;flex:none;
background:linear-gradient(135deg,#e8541a,#e23744)
}
/* sticky order-summary card */
.sis-checkout .sticky_sidebar{position:sticky;top:92px}
.sis-checkout .sticky_sidebar .sidebar-header{
background:linear-gradient(135deg,#fff6f2,#fff8f5) !important;
padding:16px 18px !important;border-bottom:1px solid #f2ede9 !important
}
.sis-checkout .sticky_sidebar .sidebar-header h3{font-size:17px !important;margin:0}
/* cashback callout */
.sis-checkout .cashback-div{
background:linear-gradient(135deg,#eafaf0,#f5fdf8) !important;border:1px solid #cdeeda !important;
border-radius:14px !important;overflow:hidden;margin-top:14px
}
.sis-checkout .cashback-div h6{color:#1c8e44 !important}
/* delivery-address selected card */
.sis-checkout #address_box .addres-innerbox{
border:1.5px solid #e8541a !important;background:#fff6f2 !important;border-radius:12px !important
}
/* the "add note" heading + textarea rhythm */
.sis-checkout .add-note h3{font-size:14px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.5px;color:#8a8a8a !important;margin-bottom:9px}
/* ============================================================
REUSABLE PAGE SHELL
Shared building blocks for the utility pages (Offers first,
then Transactions, Cashbacks, Favourites, Dine-in, …).
- .fd-page-head : gradient page header (icon + title + subtitle)
- .fd-empty : empty / no-results state
- .fd-toast : floating success toast
============================================================ */
.fd-page-head{
display:flex;align-items:center;gap:18px;
background:linear-gradient(135deg,#e8541a 0%,#f97316 55%,#e23744 100%);
border-radius:18px;padding:24px 28px;margin:22px 0 26px;color:#fff;
box-shadow:0 12px 30px rgba(226,55,68,.22);position:relative;overflow:hidden
}
.fd-page-head::after{
content:'';position:absolute;width:230px;height:230px;border-radius:50%;
background:rgba(255,255,255,.08);right:-70px;top:-90px;pointer-events:none
}
.fd-page-head__icon{
flex:none;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);
display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;z-index:1
}
.fd-page-head__text{min-width:0;z-index:1}
.fd-page-head__title{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:-.4px}
.fd-page-head__sub{font-size:13.5px;color:rgba(255,255,255,.9);margin:5px 0 0;max-width:600px;line-height:1.5}
.fd-empty{padding:56px 20px}
.fd-empty__icon{
width:74px;height:74px;border-radius:50%;margin:0 auto 16px;background:#fff4f0;color:#e8541a;
display:flex;align-items:center;justify-content:center;font-size:30px
}
.fd-empty__title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px}
.fd-empty__text{font-size:14px;color:#8a8a8a;margin:0 auto;max-width:420px}
/* inline tab loader (e.g. My Orders tabs) */
.fd-tab-loader{display:flex;justify-content:center;align-items:center;padding:56px 20px}
.fd-tab-spin{width:38px;height:38px;border:3px solid #f0f0f0;border-top-color:#e8541a;border-radius:50%;animation:fd-tab-spin-kf .7s linear infinite}
@keyframes fd-tab-spin-kf{to{transform:rotate(360deg)}}
/* ===== SEARCH PAGE ===== */
.sis-search{background:#f6f6f4;min-height:70vh}
.fd-search-head{max-width:720px;margin:0 auto;text-align:center}
.fd-search-head__title{font-size:26px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px;margin:0 0 18px}
.fd-search-box{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #ececec;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:border-color .15s,box-shadow .15s}
.fd-search-box:focus-within{border-color:#e8541a;box-shadow:0 8px 26px rgba(232,84,26,.12)}
.fd-search-box__ico{position:absolute;left:18px;color:#b0b0b0;font-size:18px;pointer-events:none}
.fd-search-box__input{flex:1;border:0;outline:none;background:none;height:54px;padding:0 62px 0 48px;font-size:15px;font-weight:500;color:#1a1a1a;font-family:'Plus Jakarta Sans',sans-serif;border-radius:14px}
.fd-search-box__input::placeholder{color:#a5a5a5;font-weight:400}
.fd-search-box__btn{position:absolute;right:8px;top:8px;bottom:8px;width:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}
.fd-search-box__btn:hover{opacity:.92}
.sis-search .fd-empty{max-width:520px;margin:16px auto 0}
.coupon_code_copied_div{position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:1080;width:auto;text-align:center}
.fd-toast{
display:inline-flex;align-items:center;gap:8px;background:#1c8e44;color:#fff;font-weight:700;font-size:14px;
padding:12px 22px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.20)
}
.fd-toast i{font-size:18px}
/* ============================================================
OFFERS / COUPONS (.sis-offers)
Restyles the JS-generated coupon cards — no markup/JS hooks
changed; every class below already exists in the DOM.
============================================================ */
.sis-offers{background:#f6f6f4}
.sis-offers .res-search-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.sis-offers .transactions-list-wrap{width:50%;padding:0 10px;margin:0 0 20px !important}
.sis-offers .transactions-list-view{
height:100%;background:#fff;border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important;
display:flex;align-items:center;gap:14px;position:relative;
transition:transform .16s ease,box-shadow .16s ease
}
.sis-offers .transactions-list-view:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10) !important}
.sis-offers .transactions-list{flex:1;min-width:0;width:auto !important;display:flex;align-items:center;gap:16px}
.sis-offers .transactions-list > img{
width:60px !important;height:60px !important;border-radius:14px !important;object-fit:cover;
flex:none;border:1px solid #f0f0f0;margin-right:0 !important
}
.sis-offers .media-body{min-width:0}
.sis-offers .media-body h6.date{font-size:12px;font-weight:600;color:#9a8f86;letter-spacing:.2px;margin:0 0 8px;text-transform:none}
.sis-offers .offer-des{font-size:15px;font-weight:700;color:#1a1a1a !important;text-transform:none;margin:8px 0 6px;line-height:1.4}
.sis-offers .offercoupan{
display:inline-flex;align-items:center;gap:14px;background:#fff7f3;border:1.5px dashed #f0b49c;
border-radius:9px;padding:6px 14px;color:#e8541a;font-weight:800;letter-spacing:.5px;
text-transform:uppercase;margin:0 !important
}
.sis-offers .offercoupan p{margin:0 !important;font-size:13px;font-weight:800;text-transform:uppercase;color:#e8541a}
.sis-offers .offercoupan a{color:#e8541a;line-height:1;display:inline-flex;padding-left:12px;border-left:1px solid #f0c9b6}
.sis-offers .offercoupan a:hover{color:#c0341f}
.sis-offers .offercoupan a:hover{color:#c0341f}
.sis-offers .offer-address{margin:10px 0 0 !important}
.sis-offers .offer-address a{
display:inline-flex;align-items:center;gap:5px;color:#555 !important;font-weight:600;font-size:13px;text-decoration:none
}
.sis-offers .offer-address a:hover{color:#e8541a !important}
/* "App offer" badge — inline, not absolute, so it never collides with the price */
.sis-offers .app-off-btn{position:static !important;margin:10px 0 0 !important}
.sis-offers .app-off-btn a{
display:inline-block;background:#f0ece8;border:0;color:#8a7f74;padding:4px 12px;border-radius:20px;
font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px
}
.sis-offers .app-off-btn a:hover{background:#e8541a;color:#fff !important}
/* discount value pill (right) */
.sis-offers .transactions-list-view > .float-right{position:static !important;float:none !important;flex:none;margin:0 !important}
.sis-offers .price{
display:inline-block;background:linear-gradient(135deg,#267e3e,#1c8e44);color:#fff !important;
font-size:15px !important;font-weight:800 !important;padding:7px 14px;border-radius:10px;
box-shadow:0 6px 14px rgba(38,126,62,.22);white-space:nowrap
}
/* "No results" heading the JS injects into the list */
.sis-offers #coupons_list > h5{width:100%;font-size:16px;color:#8a8a8a;padding:44px 0 !important}
/* load more */
.sis-offers .fu-loadmore-btn{justify-content:center;margin-top:6px}
.sis-offers .loadmore-btn{
display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:#e8541a !important;
border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
.sis-offers .loadmore-btn:hover{border-color:#e8541a !important;background:#fff4f0 !important;color:#c0341f !important}
@media(max-width:768px){
.sis-offers .transactions-list-wrap{width:100%}
.fd-page-head{padding:20px}
.fd-page-head__title{font-size:20px}
.fd-page-head__icon{width:48px;height:48px;font-size:22px}
}
/* ============================================================
CASHBACK (.sis-cashback) — twin of Offers, no image.
Card = title + meta + cashback value pill. JS hooks untouched.
============================================================ */
.sis-cashback{background:#f6f6f4}
.sis-cashback .res-search-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.sis-cashback .transactions-list-wrap{width:50%;padding:0 10px;margin:0 0 20px !important}
.sis-cashback .transactions-list-view{
height:100%;background:#fff;border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important;
display:flex;align-items:center;gap:14px;position:relative;
transition:transform .16s ease,box-shadow .16s ease
}
.sis-cashback .transactions-list-view::before{
content:'';position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;
background:linear-gradient(180deg,#267e3e,#1c8e44)
}
.sis-cashback .transactions-list-view:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10) !important}
.sis-cashback .transactions-list{flex:1;min-width:0;width:auto !important}
.sis-cashback .media-body{min-width:0;padding-left:8px}
.sis-cashback .media-body h6.date{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-transform:none;line-height:1.35}
.sis-cashback .offer-address{font-size:13px;color:#7a7a7a !important;font-weight:500;margin:0 0 4px !important;text-transform:none}
.sis-cashback .text-danger{font-size:12.5px;color:#c0341f !important;font-weight:600;margin:0}
.sis-cashback .transactions-list-view > .float-right{position:static !important;float:none !important;flex:none;margin:0 !important}
.sis-cashback .price{
display:inline-block;background:linear-gradient(135deg,#267e3e,#1c8e44);color:#fff !important;
font-size:15px !important;font-weight:800 !important;padding:8px 15px;border-radius:10px;
box-shadow:0 6px 14px rgba(38,126,62,.22);white-space:nowrap
}
.sis-cashback #cashback_list > h5{width:100%;font-size:16px;color:#8a8a8a;padding:44px 0 !important}
.sis-cashback .fu-loadmore-btn{justify-content:center;margin-top:6px}
.sis-cashback .loadmore-btn{
display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:#e8541a !important;
border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
.sis-cashback .loadmore-btn:hover{border-color:#e8541a !important;background:#fff4f0 !important;color:#c0341f !important}
@media(max-width:768px){
.sis-cashback .transactions-list-wrap{width:100%}
}
/* ============================================================
MY TRANSACTIONS / WALLET (.sis-txns)
Wallet balance hero + single-column transaction history.
All ids/hooks (#total_payment, #add_wallet_money, #append_list1,
prev/next, .not_found_div) are preserved.
============================================================ */
.sis-txns{background:#f6f6f4}
.fd-wallet{
display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
background:linear-gradient(135deg,#e8541a 0%,#f97316 55%,#e23744 100%);
border-radius:18px;padding:24px 28px;margin:22px 0 22px;color:#fff;
box-shadow:0 12px 30px rgba(226,55,68,.22);position:relative;overflow:hidden
}
.fd-wallet::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;
background:rgba(255,255,255,.08);right:-70px;top:-90px;pointer-events:none}
.fd-wallet__left{display:flex;align-items:center;gap:16px;z-index:1;min-width:0}
.fd-wallet__icon{flex:none;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);
display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}
.fd-wallet__balance{font-size:24px !important;font-weight:800 !important;color:#fff !important;margin:0;letter-spacing:-.3px}
.fd-wallet__add{
z-index:1;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#e8541a;border:0;
border-radius:12px;padding:12px 22px;font-weight:800;font-size:14px;cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background .15s,transform .15s
}
.fd-wallet__add:hover{background:#fff4f0;transform:translateY(-1px)}
.fd-wallet__add i{font-size:17px}
.sis-txns .res-search-list{display:block;margin:0}
.sis-txns .transactions-list-wrap{width:100%;padding:0;margin:0 0 12px !important}
.sis-txns .transactions-list-view{
background:#fff;border:1px solid #ececec !important;border-radius:14px !important;
box-shadow:0 4px 14px rgba(0,0,0,.04) !important;padding:16px 20px !important;
display:flex;align-items:center;gap:14px;transition:box-shadow .16s ease
}
.sis-txns .transactions-list-view:hover{box-shadow:0 10px 24px rgba(0,0,0,.08) !important}
.sis-txns .transactions-list{width:100%;display:flex;align-items:center;gap:14px}
.sis-txns .transactions-list-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;margin:0}
.sis-txns .card-icon{margin-right:0 !important}
.sis-txns .card-icon > span{
width:46px;height:46px;border-radius:12px;background:#fff4f0;color:#e8541a;padding:0;
display:flex;align-items:center;justify-content:center;font-size:18px
}
.sis-txns .media-body{min-width:0}
.sis-txns .media-body h6.date{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 3px;text-transform:none}
.sis-txns .media-body h6{font-size:12.5px;font-weight:500;color:#9a9a9a;margin:0 0 3px}
.sis-txns .media-body p.text-muted{font-size:12.5px;color:#8a8a8a !important;margin:0 !important;font-weight:500}
.sis-txns .media-body .badge.badge-success{
background:#e7f6ec !important;color:#1c8e44 !important;font-weight:700;border-radius:6px;
padding:4px 9px;margin-top:6px !important;display:inline-block
}
.sis-txns .float-right{position:static !important;float:none !important;flex:none;margin:0 0 0 auto !important;text-align:right}
.sis-txns .float-right .price,
.sis-txns .float-right span{font-size:17px !important;font-weight:800 !important;white-space:nowrap}
.sis-txns .float-right .price{color:#1c8e44 !important}
.sis-txns .go-arror{color:#c5c5c5 !important;font-size:20px}
.sis-txns .data-table_paginate .pagination{gap:10px}
.sis-txns .data-table_paginate .page-item .page-link{
border-radius:10px !important;border:1.5px solid #e4e4e4 !important;color:#e8541a !important;
font-weight:700;padding:9px 20px;background:#fff !important
}
.sis-txns .data-table_paginate .page-item .page-link:hover{border-color:#e8541a !important;background:#fff4f0 !important}
/* Add-money modal — clean payment radios */
#add_wallet_money .modal-content{border:0;border-radius:16px;overflow:hidden}
#add_wallet_money .modal-header{border-bottom:1px solid #f0f0f0;padding:18px 22px}
#add_wallet_money .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
#add_wallet_money .checkout-payment-options .custom-control.custom-radio{padding:12px 14px 12px 40px}
#add_wallet_money .checkout-payment-options .custom-control-label{font-weight:600;color:#333}
@media(max-width:768px){
.fd-wallet{padding:20px}
.fd-wallet__balance{font-size:20px !important}
}
/* Reusable header action button (sits on the right of .fd-page-head) */
.fd-page-head__action{
z-index:1;margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;
background:#fff;color:#e8541a !important;border:0;border-radius:12px;padding:11px 20px;
font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap;
box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background .15s,transform .15s
}
.fd-page-head__action:hover{background:#fff4f0;color:#c0341f !important;transform:translateY(-1px);text-decoration:none}
/* ============================================================
DELIVERY ADDRESS (.sis-address)
Cards already inherit button/badge styling from the shared
.sis-popular block; this only adds the page background,
icon polish and layout tidy. All JS hooks untouched.
============================================================ */
.sis-address{background:#f6f6f4}
/* ===== Delivery address cards ===== */
.sis-address .fd-addr{
height:100%;display:flex;flex-direction:column;background:#fff;
border:1px solid #ececec;border-radius:16px;padding:18px 20px;
box-shadow:0 6px 20px rgba(0,0,0,.05);transition:transform .16s ease,box-shadow .16s ease
}
.sis-address .fd-addr:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10)}
.sis-address .fd-addr__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sis-address .fd-addr__icon{
flex:none;width:42px;height:42px;border-radius:12px;background:#fff4f0;color:#e8541a;
display:inline-flex;align-items:center;justify-content:center;font-size:19px
}
.sis-address .fd-addr__tag{
background:#f4f1ee;color:#8a7f74;border-radius:7px;font-weight:800;padding:5px 11px;
text-transform:uppercase;letter-spacing:.4px;font-size:11px;white-space:nowrap
}
.sis-address .fd-addr__tools{margin-left:auto;display:flex;gap:8px;flex:none}
.sis-address .fd-addr__tool{
width:36px;height:36px;border-radius:10px;border:1.5px solid #ededed;background:#fff;color:#6a6a6a;
display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:all .15s
}
.sis-address .fd-addr__tool:hover{border-color:#e8541a;color:#e8541a;background:#fff7f4}
.sis-address .fd-addr__tool--del:hover{border-color:#e23744;color:#e23744;background:#fff5f5}
.sis-address .fd-addr__text{
display:block;font-size:14.5px;font-weight:600;color:#2b2b2b !important;line-height:1.55;
margin-bottom:16px;text-decoration:none !important
}
.sis-address .fd-addr__text:hover{color:#e8541a !important}
/* footer: primary "deliver here" + default state chip, always aligned at the bottom */
.sis-address .fd-addr__foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sis-address .fd-addr__deliver{
flex:none;text-align:center;background:var(--fd-grad);color:#fff !important;font-weight:700;font-size:12.5px;
padding:8px 14px;border-radius:9px;text-decoration:none !important;white-space:nowrap;
box-shadow:0 5px 14px -6px rgba(226,55,68,.6);transition:opacity .15s
}
.sis-address .fd-addr__deliver:hover{opacity:.92}
.sis-address .fd-addr__default{
flex:none;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:9px;white-space:nowrap;
text-decoration:none !important;border:1.5px solid #e4e4e4;background:#fff;color:#6a6a6a !important;transition:all .15s
}
.sis-address .fd-addr__default:hover{border-color:#e8541a;color:#e8541a !important}
/* .btn-success/.btn-info are toggled by the existing JS — style those states */
.sis-address .fd-addr__default.btn-success{background:#e9f7ee !important;border-color:#bfe6cd !important;color:#1c8e44 !important;cursor:default}
.sis-address .fd-addr__default.btn-info{background:#fff !important;border-color:#e4e4e4 !important;color:#6a6a6a !important}
@media(max-width:768px){
.fd-page-head{flex-wrap:wrap}
.fd-page-head__action{margin-left:0;width:100%;justify-content:center}
}
/* ============================================================
REUSABLE PILL TABS (.fd-tabs) — My Gift Cards, Dine-in, Orders
Added as an extra class on the existing .nav.custom-tabsa list.
============================================================ */
.fd-tabs{
display:flex !important;gap:6px;background:#fff !important;border-radius:12px !important;
padding:5px !important;box-shadow:0 4px 14px rgba(0,0,0,.05) !important;border:1px solid #f0f0f0 !important;
overflow:visible !important;width:fit-content !important;max-width:100%;margin-left:auto;margin-right:auto
}
.fd-tabs .nav-item{border:0 !important;flex:0 0 auto;margin:0}
.fd-tabs .nav-link{
border:0 !important;border-radius:9px !important;padding:9px 22px !important;font-weight:700 !important;font-size:14px;
color:#6a6a6a !important;display:flex !important;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin:0;white-space:nowrap
}
.fd-tabs .nav-link i{color:inherit !important;margin:0 !important}
.fd-tabs .nav-link:hover{background:#faf6f3 !important;color:#e8541a !important}
.fd-tabs .nav-link.active{background:linear-gradient(135deg,#e8541a,#e23744) !important;color:#fff !important;box-shadow:0 6px 16px rgba(226,55,68,.24)}
/* ============================================================
MY GIFT CARDS (.sis-giftcards) — claim form + history + share
============================================================ */
.sis-giftcards{background:#f6f6f4}
/* redesigned gift-card history cards */
.sis-giftcards .fd-gc{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:18px 22px;margin-bottom:16px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.sis-giftcards .fd-gc__icon{flex:none;width:52px;height:52px;border-radius:14px;background:#fff1ec;color:#e8541a;display:flex;align-items:center;justify-content:center;font-size:22px}
.sis-giftcards .fd-gc__body{flex:1;min-width:0}
.sis-giftcards .fd-gc__title{font-size:16px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
.sis-giftcards .fd-gc__row{font-size:13px;color:#8a8a8a;line-height:1.75}
.sis-giftcards .fd-gc__v{color:#3a3a3a;font-weight:600}
.sis-giftcards .fd-gc__eye{color:#e8541a;margin-left:4px;cursor:pointer}
.sis-giftcards .fd-gc__right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:9px;text-align:right}
.sis-giftcards .fd-gc__amount{font-size:20px;font-weight:800;color:#e8541a}
.sis-giftcards .fd-gc__status{font-size:12px;font-weight:700;padding:4px 13px;border-radius:20px;white-space:nowrap}
.sis-giftcards .fd-gc__status--done{background:#e7f6ec;color:#1c8e44}
.sis-giftcards .fd-gc__status--pending{background:#fdecea;color:#e23744}
.sis-giftcards .fd-gc__share{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e4e4e4;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;color:#444;cursor:pointer;transition:all .15s}
.sis-giftcards .fd-gc__share:hover{border-color:#e8541a;color:#e8541a}
@media(max-width:600px){.sis-giftcards .fd-gc{flex-wrap:wrap}.sis-giftcards .fd-gc__right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}
.sis-giftcards .contct-form,
.sis-giftcards .sis-cart-item-profile{
border:1px solid #ececec !important;border-radius:16px !important;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;max-width:520px;margin:0 auto
}
.sis-giftcards .form-title h4{font-size:19px;font-weight:800;color:#1a1a1a}
.sis-giftcards .form-group label{font-size:13px;font-weight:700;color:#444;margin-bottom:6px}
.sis-giftcards .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
.sis-giftcards .form-control:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
.sis-giftcards .redeem_giftcard{width:100%;margin-top:6px}
.sis-giftcards .transactions-list-wrap{width:100%;padding:0;margin:0 0 12px !important}
.sis-giftcards .transactions-list-view{
background:#fff;border:1px solid #ececec !important;border-radius:14px !important;
box-shadow:0 4px 14px rgba(0,0,0,.04) !important;padding:16px 20px !important;
display:flex;align-items:center;gap:14px
}
.sis-giftcards .transactions-list-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0;margin:0}
.sis-giftcards .card-icon{margin-right:0 !important}
.sis-giftcards .card-icon > span{
width:46px;height:46px;border-radius:12px;background:#fff4f0;color:#e8541a;padding:0;
display:flex;align-items:center;justify-content:center;font-size:18px
}
.sis-giftcards .media-body h6.date{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-transform:none}
.sis-giftcards .media-body h6{margin:0}
.sis-giftcards .media-body p.text-muted{font-size:12.5px;color:#8a8a8a !important;margin:0 0 3px !important;font-weight:500}
.sis-giftcards .media-body .fa-eye,.sis-giftcards .media-body .fa-eye-slash{color:#e8541a}
.sis-giftcards .float-right{text-align:right}
.sis-giftcards .float-right .price{color:#1c8e44;font-size:14px !important;font-weight:800 !important;background:none;padding:0}
.sis-giftcards .float-right .btn-info{margin-top:8px;border-radius:9px !important}
.sis-giftcards #append_list1 > h6{padding:44px 0;color:#8a8a8a;font-size:15px}
.sis-giftcards .data-table_paginate .page-item .page-link{
border-radius:10px !important;border:1.5px solid #e4e4e4 !important;color:#e8541a !important;font-weight:700;padding:9px 20px;background:#fff !important
}
.sis-giftcards .data-table_paginate .page-item .page-link:hover{border-color:#e8541a !important;background:#fff4f0 !important}
#socialShare .modal-content{border:0;border-radius:16px;overflow:hidden}
#socialShare .social-icon a{font-size:22px}
@media(max-width:600px){ .fd-tabs{flex-wrap:wrap} }
/* ============================================================
FAVORITES (.sis-favorites) — restaurants + foods
Same .list-card grid as home; JS hooks (favourite-heart,
rtitle_/rimage_/rprice_/rreview_, #append_list1, #loadmore) kept.
============================================================ */
.sis-favorites{background:#f6f6f4}
/* image loading shimmer (shown until the real image loads, replacing the placeholder-logo flash) */
.fd-imgshim{position:relative;background:#e6e6ec;overflow:hidden}
.fd-imgshim::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%);animation:fdImgShim 1.35s infinite;z-index:2;pointer-events:none}
@keyframes fdImgShim{100%{transform:translateX(100%)}}
.sis-favorites .list-card{
border:1px solid #ececec !important;border-radius:16px !important;overflow:hidden;background:#fff;
box-shadow:0 6px 20px rgba(0,0,0,.05) !important;transition:transform .18s ease,box-shadow .18s ease
}
.sis-favorites .list-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.10) !important}
.sis-favorites .list-card .list-card-image{position:relative;height:180px;overflow:hidden;background:#f4f4f4;border-radius:0}
.sis-favorites .list-card .list-card-image .item-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sis-favorites .list-card:hover .list-card-image .item-img{transform:scale(1.05)}
.sis-favorites .favourite-heart{
top:12px;right:12px;left:auto !important;width:36px;height:36px;border-radius:50%;background:#fff;
display:flex !important;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3
}
/* The global `a,span,…{margin-bottom:10px!important}` rule adds a 10px bottom
margin to this flex , pushing the heart up and leaving the gap below —
zero it out so the badge centres the heart. */
.sis-favorites .favourite-heart a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0;margin:0 !important;padding:0 !important}
/* Use the same SVG heart as the homepage cards — an icon FONT (fa-heart) sits on
the text baseline and rides high in the circle; an SVG has no baseline so the
flex centres it perfectly, matching the homepage. */
.sis-favorites .favourite-heart svg{display:block;width:17px;height:17px}
.sis-favorites .favourite-heart .fa-heart{
color:#e23744 !important;font-size:16px;line-height:1;
width:auto;height:auto;background:none !important;border-radius:0;display:block
}
.sis-favorites .list-card .p-3,
.sis-favorites .list-card .py-2{padding:14px 16px 16px !important}
.sis-favorites .list-card-body{padding:0}
.sis-favorites .list-card-body h6{margin:0 0 4px}
/* ===== Favorites cards — eye-catchy ===== */
.sis-favorites .list-card.grid-card{border:1px solid #efefef !important;border-radius:18px !important;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(0,0,0,.05) !important}
.sis-favorites .list-card.grid-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.12) !important}
.sis-favorites .list-card-image{height:190px}
.sis-favorites .list-card-image .item-img{width:100%;height:100%;object-fit:cover}
.sis-favorites .list-card .p-3{display:flex;flex-wrap:wrap;align-items:center;row-gap:14px;padding:16px 18px !important}
/* title + location on their own row, with a hairline divider under */
.sis-favorites .list-card-body{flex:0 0 100%;margin:0;padding-bottom:14px;border-bottom:1px solid #f2f2f2}
.sis-favorites .list-card-body h6{margin-bottom:5px}
.sis-favorites .list-card-body h6 a{
font-size:18px;font-weight:800;color:#171717 !important;display:block;letter-spacing:-.3px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.sis-favorites .list-card-body p{color:#9a9a9a !important;font-size:12.5px;margin-bottom:0;line-height:1.5}
/* footer row: rating pill (left) + bold gradient price (right) */
.sis-favorites .star{order:2;display:inline-flex;align-items:center;margin:0}
.sis-favorites .list-card-badge{order:2}
.sis-favorites .star .badge,
.sis-favorites .list-card-badge .star .badge{
display:inline-flex;align-items:center;gap:5px;
background:linear-gradient(135deg,#1c9e4b,#127a38) !important;color:#fff !important;
font-size:13px;font-weight:800;padding:6px 13px;border-radius:20px;box-shadow:0 3px 8px rgba(28,142,68,.28)
}
.sis-favorites .star .badge .feather-star{font-size:12px;color:#ffe08a}
.sis-favorites .pro-price{
order:3;margin-left:auto;text-align:right;font-weight:800;font-size:19px;
background:linear-gradient(135deg,#e8541a,#e23744);-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:#e8541a !important
}
.sis-favorites .pro-price s{color:#bbb !important;-webkit-text-fill-color:#bbb;font-weight:500;font-size:13px;margin-left:6px}
.sis-favorites .fu-loadmore-btn{justify-content:center;margin-top:10px}
.sis-favorites .loadmore-btn{
display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:#e8541a !important;
border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important
}
.sis-favorites .loadmore-btn:hover{border-color:#e8541a !important;background:#fff4f0 !important}
/* ============================================================
HOME — Stats band (reference-style trust metrics card)
============================================================ */
.sis-home-page .fd-statband{padding:10px 0 4px}
.sis-home-page .fd-statband__card{
display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
background:#fff;border:1px solid var(--fd-line);border-radius:18px;
box-shadow:var(--fd-shadow);padding:22px 12px;max-width:780px;margin:0 auto
}
.sis-home-page .fd-statband__item{text-align:center;padding:4px 10px;position:relative}
.sis-home-page .fd-statband__item + .fd-statband__item::before{
content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:38px;background:var(--fd-line)
}
.sis-home-page .fd-statband__num{
display:block;font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.5px;
font-family:'Plus Jakarta Sans',system-ui,sans-serif;
background:var(--fd-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent
}
.sis-home-page .fd-statband__num small{font-size:15px;font-weight:700;margin-left:1px}
.sis-home-page .fd-statband__label{
display:block;font-size:12px;color:var(--fd-muted);font-weight:600;margin-top:6px;text-transform:uppercase;letter-spacing:.5px
}
.sis-home-page .fd-statband__sep{display:none}
@media(max-width:600px){
.sis-home-page .fd-statband__card{grid-template-columns:repeat(2,1fr);gap:18px 0}
.sis-home-page .fd-statband__num{font-size:24px}
.sis-home-page .fd-statband__item:nth-child(3)::before{display:none}
}
/* ===== HOME hero — CENTERED banner (quicklist-style): search + chips centred, no side image ===== */
.sis-home-page .fd-hero__media{display:none !important}
.sis-home-page .fd-hero__search{margin:28px auto 4px;max-width:640px;width:100%}
.sis-home-page .fd-hero__chips-block{margin-top:18px;text-align:center}
/* single line — scrolls horizontally if there are more than fit.
vertical padding leaves room for the chip hover lift + shadow (overflow-x clips y) */
.sis-home-page .fd-hero__chips{
justify-content:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:12px 8px;
scrollbar-width:none}
.sis-home-page .fd-hero__chips::-webkit-scrollbar{display:none}
.sis-home-page .fd-hero__chip{flex:0 0 auto}
/* Wider home sections (categories, highlights, stores, banners) */
.sis-home-page .container{max-width:1440px}
.sis-home-page .fd-hero__chips-label{
display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--fd-muted);
text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px
}
.sis-home-page .fd-hero__chips-label i{font-size:14px;color:var(--fd-red)}
.sis-home-page .fd-hero__cta{margin-top:28px}
/* trust stats card inside the hero (quicklist-style) */
.sis-home-page .fd-hero__stats-card{margin:36px auto 0;max-width:860px;width:100%}
@media(max-width:768px){
.sis-home-page .fd-hero{border-radius:20px;margin-top:12px}
.sis-home-page .fd-hero__grid{padding:38px 18px 42px}
.sis-home-page .fd-hero__text h1{font-size:34px;letter-spacing:-.5px}
.sis-home-page .fd-hero__sub{font-size:15px}
}
@media(max-width:600px){
.sis-home-page .fd-hero__search{flex-direction:column}
.sis-home-page .fd-hero__field--loc{flex:none;border-bottom:1px solid var(--fd-line)}
.sis-home-page .fd-hero__field--loc .fd-hero__divider{display:none}
.sis-home-page .fd-hero__go{padding:14px}
}
/* ===== Delivery Address modal (redesigned) ===== */
.modal-dialog.location_modal{max-width:640px !important}
.fd-addr-modal{border:0 !important;border-radius:20px !important;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22);font-family:'Plus Jakarta Sans',sans-serif}
.fd-addr-head{border:0 !important;padding:20px 24px 6px !important;position:relative}
.fd-addr-title{font-size:19px;font-weight:800;color:#1a1a1a;margin:0}
.fd-addr-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;background:#f2f2f2;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s;font-size:16px}
.fd-addr-close:hover{background:#e8541a;color:#fff}
.fd-addr-body{padding:8px 24px 18px !important}
.fd-addr-err{color:#d13b3b;font-size:13px;display:block;margin-bottom:8px;font-weight:600}
.fd-addr-field{position:relative;margin-bottom:12px}
.fd-addr-field__ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#b5b5b5;font-size:16px;pointer-events:none;z-index:1}
.fd-addr-input{width:100%;height:48px;border:1.5px solid #ececec;border-radius:12px;padding:0 16px 0 42px;font-size:14px;background:#fafafa;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}
.fd-addr-input:focus{outline:none;border-color:#e8541a;background:#fff;box-shadow:0 0 0 3px rgba(232,84,26,.1)}
.fd-addr-field--loc .fd-addr-input{padding-right:54px}
.fd-addr-locbtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:#fff4f0;color:#e8541a;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s}
.fd-addr-locbtn:hover{background:#e8541a;color:#fff}
.fd-addr-saveas{margin-top:6px}
.fd-addr-saveas__label{display:block;font-size:13px;font-weight:700;color:#6a6a6a;margin-bottom:10px}
.fd-addr-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.fd-addr-tag{margin:0;cursor:pointer;position:relative}
.fd-addr-tag input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.fd-addr-tag__box{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border:1.5px solid #ececec;border-radius:12px;font-size:13px;font-weight:700;color:#5a5a5a;background:#fff;transition:.12s}
.fd-addr-tag__box i{font-size:14px}
.fd-addr-tag:hover .fd-addr-tag__box{border-color:#ffc9ad;color:#e8541a}
.fd-addr-tag input:checked ~ .fd-addr-tag__box{border-color:#e8541a;background:#fff4f0;color:#e8541a}
.fd-addr-foot{border:0 !important;padding:6px 24px 22px !important;display:flex;gap:12px}
.fd-addr-btn{flex:1;height:50px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:.15s;border:0}
.fd-addr-btn--ghost{background:#f2f2f2;color:#555}
.fd-addr-btn--ghost:hover{background:#e8e8e8}
.fd-addr-btn--save{background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;box-shadow:0 8px 20px rgba(226,55,68,.28)}
.fd-addr-btn--save:hover{opacity:.95;transform:translateY(-1px)}
@media(max-width:560px){.fd-addr-tags{grid-template-columns:repeat(2,1fr)}}
/* payment-method badge (transactions list) */
.pay-method-badge{display:inline-flex;align-items:center;gap:6px;background:#fff4f0;color:#e8541a;border:1px solid #ffd9bf;font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;line-height:1.6;text-transform:capitalize}
.pay-method-badge i{font-size:12px}
/* order-list items — each product as a compact box, laid out in a wrapping grid */
/* let the items column grow so the boxes + total sit on one line with space between */
.m-d-flex > .small:first-child{flex:1 1 auto;min-width:0}
/* items in a single row, each box sized to its content (wraps only if it runs out of room) */
.ord-items{display:flex;flex-wrap:wrap;gap:8px}
.ord-item{flex:0 0 auto;max-width:100%;box-sizing:border-box;padding:8px 14px;border:1px solid #eee;border-radius:10px;background:#faf9f8}
.ord-item__name{font-size:13px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.35}
.ord-item__qty{color:#e8541a;font-weight:800;margin-left:2px;white-space:nowrap}
/* order-list item options (variants + size + extras/addons) */
.ord-opts{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:2px}
.ord-item .ord-opts{margin-top:2px}
.ord-opts .ord-opt{font-size:11.5px;color:#666;line-height:1.4}
.ord-opts .ord-opt__k{color:#9a9a9a;font-weight:600}
/* ============================================================
ORDER DETAIL page (my_order/edit)
============================================================ */
/* ===== Cancel-order confirm dialog ===== */
.fd-swal__q{font-size:15px;color:#5a5a5a;line-height:1.55;margin:0}
.fd-swal__refund{
display:flex;align-items:center;justify-content:space-between;gap:14px;
background:#fff6f2;border:1px solid #ffdccb;border-radius:12px;padding:13px 18px;margin:18px auto 0;max-width:330px
}
.fd-swal__refund-label{font-size:13.5px;color:#8a6a5a;font-weight:600}
.fd-swal__refund-amt{font-size:19px;font-weight:800;color:#e8541a;white-space:nowrap}
.swal2-popup .swal2-title{font-size:22px !important;font-weight:800 !important;color:#1a1a1a !important}
/* ===== Cancel order button (order detail header) ===== */
/* Matches the white Back/Print buttons that sit on the gradient header — stays white on
hover (a solid red fill disappeared into the orange banner). */
.sis-order-detail .fd-od-cancel{
display:inline-flex;align-items:center;gap:7px;background:#fff !important;border:1.5px solid #ffd9bf !important;
color:#e23744 !important;font-weight:700;font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;
transition:all .15s;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif
}
.sis-order-detail .fd-od-cancel:disabled{opacity:.55;cursor:not-allowed}
/* ===== Rate food (completed order detail) ===== */
.fd-rate-btn-wrap{margin-top:8px}
.fd-rate-btn{
display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e8541a;
color:#e8541a;font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:9px;cursor:pointer;
white-space:nowrap;transition:all .15s
}
.fd-rate-btn:hover{background:var(--fd-grad);border-color:transparent;color:#fff}
.fd-rate-btn.is-reviewed{border-color:#1c8e44;color:#1c8e44}
.fd-rate-btn.is-reviewed:hover{background:#1c8e44;border-color:#1c8e44;color:#fff}
.fd-rate-modal .modal-content{border:0;border-radius:16px;overflow:hidden}
.fd-rate-modal .modal-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}
.fd-rate-modal .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
.fd-rate-modal .modal-body{padding:18px 20px}
.fd-rate-modal .modal-footer{border-top:1px solid #f0f0f0;padding:14px 20px}
.fd-rate__food{font-size:14px;font-weight:700;color:#e8541a;margin-bottom:12px}
.fd-rate__row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.fd-rate__row--col{flex-direction:column;align-items:flex-start;gap:7px}
.fd-rate__label{flex:none;min-width:120px;font-size:13.5px;font-weight:600;color:#444;margin:0}
.fd-rate__attrs{border-top:1px solid #f2f2f2;padding-top:14px;margin-bottom:4px}
.fd-stars{display:inline-flex;gap:5px;cursor:pointer}
.fd-stars i{font-size:20px;color:#f5a623;transition:transform .12s}
.fd-stars i.fa-star-o{color:#dcdcdc}
.fd-stars i:hover{transform:scale(1.15)}
.fd-rate__input{width:100%;border:1.5px solid #e4e4e4;border-radius:10px;padding:10px 13px;font-size:14px;font-family:inherit;outline:none;resize:vertical}
.fd-rate__input:focus{border-color:#e8541a;box-shadow:0 0 0 3px rgba(232,84,26,.12)}
.fd-rate__submit{background:var(--fd-grad);color:#fff;border:0;border-radius:10px;padding:11px 26px;font-weight:700;font-size:14.5px;cursor:pointer;transition:opacity .15s}
.fd-rate__submit:hover{opacity:.92}
#uploded_image ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:8px 0 0}
#uploded_image ul li{position:relative}
#uploded_image ul li img{border-radius:8px;object-fit:cover}
#uploded_image ul li .mdi-delete{
position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#e23744;color:#fff;
display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;line-height:1
}
#uploding_image{font-size:12.5px;color:#8a8a8a;margin-top:6px}
.sis-order-detail .fd-od-print{
margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;
background:linear-gradient(135deg,#e8541a,#e23744);color:#fff;font-weight:700;
font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif
}
.sis-order-detail .print-btn{display:none}
.sis-order-detail .fd-od-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.sis-order-detail .fd-od-actions .fd-od-print{margin-left:0}
.sis-order-detail .fd-od-back{background:#fff !important;color:#e8541a !important;border:1.5px solid #ffd9bf !important;text-decoration:none}
.sis-order-detail h3{font-size:15px !important;font-weight:800 !important;color:#1a1a1a !important;margin-bottom:14px !important;font-family:'Plus Jakarta Sans',sans-serif}
.sis-order-detail .order_edit-genrl,
.sis-order-detail .order_addre-edit{margin-bottom:20px;display:flex;flex-direction:column}
.sis-order-detail .order_detail-top-box,
.sis-order-detail .address{
background:#fff;border:1px solid #eee;border-radius:16px;padding:20px;flex:1 1 auto;
box-shadow:0 6px 20px rgba(0,0,0,.04)
}
/* order id in the gradient header — label + high-contrast pill */
.sis-order-detail .fd-page-head__text p,
.sis-order-detail .fd-page-head__text h1{margin:0}
.sis-order-detail .fd-page-head__text p{margin-top:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sis-order-detail .od-id-label{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.92)}
.sis-order-detail .od-id-badge{display:inline-block;font-size:13.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.22);padding:4px 14px;border-radius:8px;letter-spacing:.3px}
.sis-order-detail .fd-page-head__text h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.4px}
.sis-order-detail .billing-name{font-size:15px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
/* status + payment badges sit inline next to their label, vertically centered */
.sis-order-detail .status-row .fd-status-badge{vertical-align:middle;margin-left:3px}
.sis-order-detail #payment_method .pay-method-badge{vertical-align:middle}
/* clear the footer + tighten the gap down to the items card */
.sis-order-detail .order_detail{margin-bottom:44px}
.sis-order-detail .order-deta-btm{margin-top:4px !important}
/* totals: grand total, tax lines, cashback */
.sis-order-detail .order-totals .grand-total td{border-top:2px solid #eee;padding-top:13px}
.sis-order-detail .order-totals .grand-total .total_price_val{color:#e8541a !important;font-size:16px;font-weight:800}
/* combined tax block — full-width band, top+bottom line only, content aligned with other rows */
.sis-order-detail .order-totals .tax-group-row td{border-top:0 !important;padding:0 !important}
.sis-order-detail .order-totals .tax-group{background:#faf8f6;padding:10px 14px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.sis-order-detail .tax-group .tax-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6a6a6a;padding:4px 0}
.sis-order-detail .tax-group .tax-line span:last-child{font-weight:600;color:#1a1a1a}
.sis-order-detail .tax-group .tax-total{border-top:1px solid #e2ddd6;margin-top:7px;padding-top:9px;font-size:13.5px}
.sis-order-detail .tax-group .tax-total span:first-child{color:#1a1a1a;font-weight:800}
.sis-order-detail .tax-group .tax-total span:last-child{font-weight:800 !important;color:#1a1a1a}
.sis-order-detail .order-totals .cashback-row td{color:#1c8e44 !important;font-weight:700;text-align:center !important;background:#f2fbf5;border-radius:10px;padding:12px}
.sis-order-detail .order_detail-top-box .control-label{font-size:13px;color:#5c5c5c;display:block;margin-bottom:2px;font-weight:500}
.sis-order-detail .order_detail-top-box .control-label strong{color:#1a1a1a;font-weight:700}
.sis-order-detail .order_detail-top-box .form-group{margin:0 0 10px}
.sis-order-detail .address p{font-size:13px;color:#5c5c5c;margin-bottom:8px;line-height:1.55}
.sis-order-detail .address strong{color:#1a1a1a}
.sis-order-detail #order_status,
.sis-order-detail .fd-status-badge{display:inline-block;border:1.5px solid #ffd9bf;border-radius:999px;font-size:13px;font-weight:700;color:#e8541a;background:#fff4f0;padding:6px 16px;text-align:center;white-space:nowrap}
.sis-order-detail .order-items-list,
.sis-order-detail .resturant-detail .card{
background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.04);overflow:hidden
}
.sis-order-detail .order-items-list{padding:6px 6px 10px}
.sis-order-detail .order-totals-items{border-top:0;margin-top:0;padding-top:0}
.sis-order-detail .table{margin:0}
.sis-order-detail .table thead th{
background:#faf8f6;border:0 !important;color:#8a8a8a;font-size:11.5px;font-weight:700;
text-transform:uppercase;letter-spacing:.4px;padding:12px 14px
}
.sis-order-detail .table tbody td{border:0;border-top:1px solid #f4f4f4;padding:12px 14px;font-size:13px;color:#1a1a1a;vertical-align:middle}
.sis-order-detail .table.table-striped tbody tr:nth-of-type(odd){background:transparent}
.sis-order-detail .order-product-box img{border-radius:12px !important;object-fit:cover}
/* FOODS column absorbs the table's spare width so there's no empty column after TOTAL */
.sis-order-detail .table thead th:first-child,
.sis-order-detail #order_products td.order-product{width:100%}
.sis-order-detail .table thead th:not(:first-child),
.sis-order-detail #order_products td:not(.order-product){white-space:nowrap}
/* Rate button gets its own borderless sub-row under each item, right-aligned — so the
price/total cells above keep their normal vertical centering. */
.sis-order-detail #order_products tr.od-rate-row td{
border-top:0 !important;padding:0 14px 14px !important;text-align:right}
.sis-order-detail .fd-rate-btn-wrap{display:flex;justify-content:flex-end;margin:0}
/* food row: image left, name + variants/addons right */
.sis-order-detail .order-product .od-food{display:flex;align-items:flex-start;gap:12px}
.sis-order-detail .od-food__img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.sis-order-detail .od-food__info{min-width:0}
.sis-order-detail .od-food__name{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 3px}
.sis-order-detail .od-food__opts{display:flex;flex-direction:column;gap:1px}
.sis-order-detail .od-food-opt{font-size:12px;color:#8a8a8a;line-height:1.5}
.sis-order-detail .od-food-opt b{color:#6a6a6a;font-weight:600}
.sis-order-detail .orders-tracking h6{font-size:13.5px;font-weight:700;color:#1a1a1a;margin:0}
.sis-order-detail .orders-tracking-item-details span{font-size:11.5px;color:#9a9a9a}
.sis-order-detail .order-totals{width:100%;margin-top:0;margin-bottom:6px}
.sis-order-detail .order-totals td{padding:9px 14px;font-size:13.5px;border-top:1px solid #f4f4f4}
.sis-order-detail .order-totals td{font-weight:600}
.sis-order-detail .order-totals td.label{color:#2b2b2b;font-weight:700}
.sis-order-detail .order-totals .grand-total td.label{font-weight:800}
.sis-order-detail .order-totals td:last-child{text-align:right;font-weight:700;color:#1a1a1a}
.sis-order-detail .order-totals .discount{color:#1c8e44 !important}
.sis-order-detail .order-totals .total_price_val{color:#e8541a !important;font-size:16px;font-weight:800}
.sis-order-detail .resturant-detail .card-header{background:#faf8f6;border:0;padding:14px 18px}
.sis-order-detail .resturant-detail .card-header-title{font-size:14px;font-weight:800;color:#1a1a1a;margin:0}
.sis-order-detail .resturant-detail .card-body{padding:18px}
.sis-order-detail .resturant-img{width:60px !important;height:60px !important;border-radius:14px !important;object-fit:cover}
.sis-order-detail .restaurant-title{font-size:15px;font-weight:800;color:#1a1a1a}
.sis-order-detail .contact-info{font-size:13px;font-weight:700;color:#1a1a1a;margin:14px 0 8px}
.sis-order-detail .resturant-detail p{font-size:13px;color:#5c5c5c;margin-bottom:6px}
.sis-order-detail .resturant-detail strong{color:#1a1a1a}
/* ---- Print (printThis clones #order_detail without the .sis-order-detail wrapper,
so style it directly here as a clean invoice) ---- */
@media print{
body{background:#fff !important}
#order_detail{color:#1a1a1a !important;font-family:'Helvetica Neue',Arial,sans-serif !important;padding:0 !important}
#order_detail h3,#order_detail h4,#order_detail .card-header-title{font-size:14px !important;font-weight:700 !important;margin:14px 0 8px !important;color:#1a1a1a !important}
#order_detail .order_detail-top-box,#order_detail .address,#order_detail .resturant-detail .card,
#order_detail .order-items-list,#order_detail .card,#order_detail .card-header{border:0 !important;box-shadow:none !important;padding:0 !important;background:#fff !important;border-radius:0 !important}
#order_detail .order_detail-top .row{display:flex}
#order_detail table{width:100% !important;border-collapse:collapse !important;margin:6px 0 12px !important}
#order_detail table th,#order_detail table td{border-bottom:1px solid #ddd !important;padding:6px 8px !important;font-size:12px !important;color:#1a1a1a !important;vertical-align:middle}
#order_detail table th{text-align:left;font-weight:700}
#order_detail .order-totals td:last-child,#order_detail table td:last-child{text-align:right !important}
#order_detail .order-totals .total_price_val{font-weight:800 !important}
#order_detail #order_status{border:0 !important;background:transparent !important;padding:0 !important;-webkit-appearance:none !important;appearance:none !important;font-weight:700 !important;color:#000 !important;width:auto !important}
#order_detail .tax-group{background:#f4f4f4 !important;padding:8px 10px !important;border:0 !important}
#order_detail .tax-line{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}
#order_detail .tax-total{border-top:1px solid #ccc;margin-top:6px;padding-top:6px;font-weight:800}
#order_detail .cashback-row td{background:#eefaf0 !important;text-align:center !important;color:#137a37 !important;font-weight:700}
#order_detail .resturant-img{width:52px !important;height:52px !important;border-radius:8px !important}
#order_detail a{color:#1a1a1a !important;text-decoration:none}
.fd-page-head,.fd-od-actions,.fd-od-print,.fd-od-back{display:none !important}
/* restaurant info -> top-right; General/Billing kept to the left; foods full width below */
#order_detail{position:relative}
#order_detail .order_detail-top{width:65%;min-height:235px}
#order_detail .order-deta-btm-right{position:absolute !important;top:0;right:0;width:32%;margin:0 !important;padding:0 !important}
#order_detail .order-deta-btm-right .card-header{padding:0 !important}
#order_detail .order-deta-btm-left{width:100% !important;max-width:100% !important;flex:0 0 100% !important}
#order_detail .order-deta-btm .row{display:block}
}
/* ============================================================
HEADER — small screens. The nav is a fixed-height flex row; at ~430px the
logo + location + icons + auth buttons overflowed and the hamburger was
pushed off-screen. Shrink the non-essential pieces and let the location
pill absorb the remaining space.
============================================================ */
@media (max-width: 600px) {
.fd-nav__inner { gap: 8px; height: 62px; padding-left: 12px; padding-right: 12px; }
.fd-nav .fd-brand img#logo_web { max-height: 26px; }
/* location pill takes the leftover width and ellipsises */
.fd-nav__loc { flex: 1 1 auto; min-width: 0; max-width: none; }
.fd-nav__loc-trigger { width: 100%; padding: 6px 8px; gap: 5px; }
.fd-nav__loc-label { max-width: none; flex: 1 1 auto; min-width: 0; font-size: 12px; }
/* right cluster: keep cart + account + hamburger, drop the rest */
.fd-nav__links { gap: 6px; flex: none; }
.fd-nav__icon { width: 34px; height: 34px; }
/* Keep the delivery/takeaway toggle — it is a real control with no other
entry point. Only favourites is dropped here (it lives in the menu). */
.fd-nav__icon--fav { display: none !important; }
.fd-nav__login, .fd-nav__signup { padding: 7px 12px; font-size: 12.5px; }
.fd-nav__signup { display: none; } /* Login is enough on a phone */
.fd-nav__hamburger { flex: none; }
}
@media (max-width: 400px) {
.fd-nav__inner { gap: 6px; }
.fd-nav .fd-brand img#logo_web { max-height: 22px; }
.fd-nav__login { padding: 6px 10px; font-size: 12px; }
}
/* SweetAlert dialogs must fit small screens (were overflowing the viewport) */
@media (max-width: 600px) {
.swal2-popup { width: 92vw !important; max-width: 92vw !important; padding: 18px 14px !important; }
.swal2-popup .swal2-title { font-size: 18px !important; }
.swal2-popup .swal2-html-container,
.swal2-popup #swal2-content { font-size: 14px !important; word-break: break-word; }
.swal2-popup .swal2-actions { flex-wrap: wrap; gap: 8px; }
.swal2-popup .swal2-actions button { margin: 0 !important; }
}
/* Location dropdown on phones: it is anchored to the location pill (absolute,
left:0), which sits mid-header on mobile — so it ran off the right edge and
got clipped. Detach it to the viewport and centre it under the header.
NOTE: .fd-nav is position:sticky, which does NOT create a containing block
for fixed elements, so this centres against the viewport as intended. */
@media (max-width: 600px) {
.fd-loc-drop,
.fd-loc-drop--pop {
position: fixed;
top: 70px;
left: 50% !important;
right: auto;
transform: translateX(-50%);
width: 92vw !important;
max-width: 92vw !important;
min-width: 0;
}
.fd-loc-drop__field { min-width: 0; }
.fd-loc-drop__field input { min-width: 0; width: 100%; }
}
/* Cart dropdown on phones: anchored to the cart icon (absolute, right:0), which
pushed it past the left edge on a narrow header. Centre it to the viewport,
same treatment as the location dropdown. */
@media (max-width: 600px) {
.fd-cart-menu {
position: fixed;
top: 70px;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) translateY(-6px);
width: 92vw !important;
max-width: 92vw !important;
}
.fd-cart-dd.open .fd-cart-menu { transform: translateX(-50%) translateY(0); }
}
/* Touch devices keep :hover "stuck" after a tap, which left the [data-tip]
bubble (e.g. "Delivery") floating over the page. Suppress the tooltip there
— the buttons still work, they just don't show a hover label. */
@media (hover: none), (max-width: 600px) {
.fd-nav [data-tip]::after,
.fd-nav [data-tip]::before { display: none !important; content: none !important; }
}
/* Language switcher on phones: it was hidden below 768px with no mobile
alternative (it is not in the hamburger menu), so language could not be
changed at all on a phone. Show it as a compact flag-only button instead.
NOTE: only `display` is overridden — the inline visibility:hidden is cleared
by the JS that populates the list, so an empty list still stays hidden. */
@media (max-width: 768px) {
.fd-nav__lang-wrap { display: inline-flex !important; }
.fd-nav__lang-btn { padding: 4px 6px !important; gap: 0 !important; border-radius: 8px; }
.fd-nav__lang-btn #fdLangCurrent,
.fd-nav__lang-btn .feather-chevron-down { display: none !important; }
.fd-nav__lang-btn .fd-lang-flag { margin: 0; width: 22px; height: auto; }
/* keep the popup inside the viewport */
.fd-lang-list { right: 0 !important; left: auto !important; max-height: 60vh; overflow-y: auto; }
}