/*
Theme Name: Quick Munch - FOOD DELIVERY & MULTIVENDOR HTML5 Template.
Author: Metropolitan Themes
Author URL: https://themeforest.net/user/metropolitantheme/portfolio
Version: 1.0.0
*/
@media (max-width: 1500px) {
	.location-picker {
		width: 100%;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 14px;
	}
	.our-articles .side-bar .product-box .product-caption .title-box .tags,
	.home-4 .product-box .product-caption .title-box .tags {
		display: none;
	}

}
@media (max-width: 1200px) {
	.header .right-side .catring,
	.header .right-side .user-details,
	.header .right-side .user-details,
	.header .right-side .gem-points,
	.header .right-side .cart-btn {
		margin: 0 10px;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 10px;
	}
	.product-list-view .product-list-details .product-detail-right-box {
		width: 70%;
	}
	.product-list-view .product-list-time {
		width: 31%;
	}
	.promocode-text,
	.product-list-view .product-list-time ul li {
		padding: 0 5px;
	}
	.banner-1 .content-wrapper .content-box .input-group .input-group2 input,
	.inner-wrapper .main-page .login-box input {
		border-radius: 4px 0 0 4px;
	}
	.banner-1 .content-wrapper .content-box .input-group .input-group2,
	.inner-wrapper .main-page .login-box .input-group .input-group2 {
		margin-bottom: 20px;
	}
	.banner-1 .content-wrapper .content-box .input-group-prepend,
	.inner-wrapper .main-page .login-box .input-group-prepend {
		display: flex;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -20px;
	}
	.home-4 .product-box .product-caption .title-box .tags {
		display: block;
	}
	.our-blog .blog-box .post {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.our-blog .blog-box .side-blog {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.thankmsg-sec .msg-wrapper .contact-details>li {
		font-size: 12px;
		margin: 0 8px;
	}
	.side-blog .content-wrap .entry-title{
		font-size: 12px;
	}
	.mb-lg-20 {
		margin-bottom: 20px;
	}
	.mb-lg-40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 992px) {
	.copyright .medewithlove{
	  margin-bottom: 20px;
	}
	.header .logo img {
		transform: none;
	}
	.product-list-view .product-list-time {
		width: 32%;
	}
	.side-blog .content-wrap .entry-title{
		font-size: 18px;
	}
	.header .logo {
		max-width: 115px;
	}
	.header .search-form span {
		font-size: 12px;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 14px;
	}
	.header .gem-points i,
	.header .right-side .cart-btn a i {
		font-size: 25px;
	}
	.filter-sidebar {
		padding: 0 15px;
	}
	.product-list-view,
	.sort-tag-filter {
		padding: 15px 0;
	}
	.header .gem-points span {
		display: none;
	}
	.main-padding {
		padding: 64px;
	}
	.our-articles .blog-inner{
		margin-top: 0;
	}
	.promocode-text {
		width: 100%;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -60px;
    	left: 80px;
	}
	.how-it-works .how-it-works-box.arrow-2:after{
		display: none;
	}
	.main-banner .footer-img {
		max-width: 170px;
	}
	.our-blog .blog-box .post .blog-img img,
	.our-blog .blog-box .post .blog-img {
		height: auto;
	}
	.our-articles .side-bar .product-box .product-caption .title-box .tags,
	.our-blog .blog-box {
		display: block;
	}
	.our-blog .blog-box .post,
	.our-blog .blog-box .side-blog {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.banner-2 {
		height: 1000px;
	}
	.thankmsg-sec .msg-wrapper .contact-details>li {
		font-size: 16px;
		margin: 0 20px;
	}
	.inner-wrapper .main-page .top-nav h5 {
	    margin-right: 15px;
	}
	.inner-wrapper .main-page .top-nav h5:last-child{
		margin-right: 0;
	}
	.mb-md-20 {
		margin-bottom: 20px;
	}
	.mb-md-40 {
		margin-bottom: 40px;
	}
	.copyright .payment-logo,
	.copyright .copyright-text,
	footer .ft-logo-box {
		justify-content: center;
	}
}
@media (max-width: 767px) {
	.header,
	.section-2,
	.main-banner {
		height: auto;
	}
	.header .search-form span {
		font-size: 14px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-tags,
	.product-list-view .product-list-details .product-detail-right-box .product-list-label,
	.header .right-side .cart-btn.notification-btn,
	.header .right-side .user-details>a>span,
	.heading .head-rating,
	.parent-megamenu a span,
	.main-search,
	.title-2 small,
	.banner-adv2,
	.banner-adv {
		display: none;
	}
	.header .main-search {
		flex: none;
	}
	.header .right-side .cart-btn.notification-btn,
	.header .right-side .user-details {
		position: static;
		margin: 0px;
	}
	.header .right-side .cart-btn.notification-btn>a {
		position: absolute;
		left: 50px;
		margin: 0 10px;
		top: 0;
	}
	.header .right-side .user-details>a {
		position: absolute;
		left: 0;
		margin: 0 10px;
		top: 0;
	}
	.header .user-details:hover>.user-dropdown {
		left: 0;
	}
	.parent-megamenu .megamenu .ex-collection-box{
		padding-bottom: 40px;
	}
	.heading .head-rating .product-review {
		width: 100%;
		justify-content: space-between;
		margin-left: 20px;
	}
	.heading .head-rating {
		text-align: center;
	}
	.header .logo {
		max-width: 100%;
		padding-left: 86px;
	}
	.header .right-side .catring {
		margin: 0;
	}
	.header .right-side .catring>a {
		margin: 0;
		position: absolute;
		left: 60px;
		top: 18px;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -35px;
    	left: 70px;
	}
	.parent-megamenu .megamenu{
		height: 100vh;
		overflow: auto;
	}
	.product-list-view .product-list-bottom .product-list-type,
	.product-list-view .product-list-details .product-list-title {
		padding-left: 0;
	}
	.product-list-view .product-list-info .product-list-img {
		flex: 0 0 75px;
		display: flex;
		align-items: center;
	}
	.sort-tag-filter,
	.product-list-view {
		padding: 15px 0px;
	}
	.restaurent-tags {
		margin-bottom: 15px;
	}
	.notification-btn .notification-dropdown {
		right: 0;
		left: -15%;
	}
	.notification-btn:hover>.notification-dropdown {
		left: 0;
	}
	.product-list-view,
	.location-picker,
	.user-page .login-sec,
	.inner-wrapper .main-page .top-nav {
		position: relative;
	}
	.user-page .login-sec {
		transform: none;
	}
	.main-sec {
		height: 190px;
	}
	.sort-tag-filter {
		text-align: center;
	}
	.product-list-view {
		align-items: flex-start;
	}
	.map-gallery-sec .map-ps-0{
    	padding-left: 15px;
	}
	.megamenu,
	.cart-dropdown .cart-detail-box,
	.user-dropdown{
		opacity: 1;
	    visibility: visible;
	    left: 0;
	    display: none;
	}
	.megamenu.show,
	.cart-dropdown .cart-detail-box.show,
	.user-dropdown.show,
	.product-list-view .product-list-bottom,
	.product-list-view .product-list-details,
	.mobile-search,
	.restaurent-details-mob,
	.sort-tag-filter,
	.parent-megamenu>a>i {
		display: block;
	}
	.parent-megamenu i{
		font-size: 22px;
	}
	.product-list-view .product-right-col .product-list-bottom .mob-tags-label{
		display: flex;
		flex-wrap: wrap;
	}
	.product-list-view .product-right-col .product-list-bottom .mob-tags-label,
	.product-list-view .product-list-time ul,
	.promocode-text .promocode-btn {
		margin-top: 10px;
	}
	.product-list-view .product-list-time ul li:first-child {
		padding-left: 0;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-rating .ratings,
	.product-list-view .product-list-info,
	.map-gallery-sec .map-pe-0 {
		padding-right: 15px;
	}
	.product-list-view .product-right-col {
		position: static;
	}
	.product-list-view .product-list-bottom .product-list-type span.new {
		position: absolute;
		left: 0;
		top: 63px;
		background: #fff;
		padding: 0 6px;
		border-radius: 3px;
		font-size: 12px;
		margin: 4px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-price-icon {
		position: absolute;
		left: 0;
		top: 100px;
	}
	.promocodeimg {
		height: 175px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-rating {
		display: flex;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-label button,
	.promocode-text .promocode-btn a {
		display: inline-block;
	}
	.product-list-view .product-list-time,
	.product-list-view .product-list-details .product-detail-right-box {
		width: 100%;
	}
	.product-list-view .product-list-time span {
		margin: 0;
		position: absolute;
		top: 15px;
		right: 0;
	}
	.checkout-product .img-name-value .product-name span,
	.tracking-sec,
	.promocode-text{
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.inner-wrapper .main-page .top-nav {
		top: 0;
		right: 0;
		align-items: center;
		justify-content: center;
	}
	.inner-wrapper .main-page .top-nav h5 {
		margin-right: 15px;
	}
	.main-padding {
		padding: 32px;
	}
	.mobile-search i {
		font-size: 25px;
	}
	.tracking-sec .tracking-map,
	.tracking-sec .tracking-details {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.promocode-text {
		padding: 30px;
	}
	.driver-tip-sec .tip-percentage {
		height: 65px;
	}
	.restaurent-product-list .restaurent-product-detail{
		flex-direction: column-reverse;
	}
	.restaurent-product-list .restaurent-product-img {
	    margin: 15px auto;
	    height: 150px;
	}
	.map-gallery-sec .main-box #locmap {
		height: 250px;
	}
	.tracking-sec .tracking-details .fullpageview{
		position: relative;
		bottom: 0;
		margin-top: 30px;
	}
.custom-builder-panel{
		top: 36%;
	}
	/*side-panel*/
	#side-panel{
		display: none;
	}

	.mb-sm-20 {
		margin-bottom: 20px;
	}
	.mb-sm-40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 576px) {
	.cart-dropdown .cart-detail-box,
	.notification-btn .notification-dropdown,
	.user-dropdown,
	.cart-dropdown:hover>.cart-detail-box,
	.notification-btn:hover>.notification-dropdown {
		width: 100%;
	}
	.user-dropdown,
	.cart-dropdown .cart-detail-box{
		height: 100vh;
	}
	.delivery-slider .irs--flat.irs-with-grid {
		width: 97%;
	}
	.filter-sidebar,
	.most-popular .browse-cat>div {
		padding: 0;
	}
	.user-page .login-sec .login-box {
		padding: 20px;
	}
	.header .user-details:hover>.user-dropdown {
		left: 0;
	}
	.how-it-works .how-it-works-box.arrow-1:after,
	.restaurent-logo {
		display: none;
	}
	.header .right-side .user-details>a,
	.header .right-side .cart-btn.notification-btn>a {
		margin: 0 5px;
	}
	.header .right-side .cart-btn.notification-btn>a {
		left: 40px;
	}
	.header .right-side .catring>a {
		left: 50px;
	}
	.user-dropdown ul>li {
		width: 33%;
	}
	.checkout-product .img-name-value .product-value {
		margin: 0 15px;
	}
	.checkout-product .img-name-value .product-img {
		width: 70px;
		height: 70px;
	}
	.restaurent-product-list .restaurent-product-detail {
		padding-right: 10px;
		padding-bottom: 0;
	}
	.restaurent-product-list .restaurent-product-detail .restaurent-tags {
		margin-bottom: 5px;
	}
	.recipt-sec .recipt-name.title,
	.restaurent-product-list>div,
	.recipt-sec p.title span,
	.recipt-sec p.title {
		display: block;
	}
	.restaurent-ad .ad-img .content-box {
		padding: 0 30px;
	}
	.banner-1 .right-side-content h1 {
		font-size: 45px;
	}
	.countdown-box .time-box:first-child {
		margin-left: 0;
	}
	.browse-cat .categories .icon {
		width: 125px;
	}
	.browse-cat-2 .categories .icon {
		width: auto;
	}
	.final-order .title2 span {
		margin-left: 80px;
	}
	.payment-option-tab>.nav>.nav-item {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.driver-tip-sec>.nav>.nav-item>.nav-link,
	.payment-option-tab>.nav>.nav-item>.nav-link {
		border: 1px solid rgba(67, 41, 163, .2);
	}
	.copyright .payment-logo {
		display: block;
		text-align: center;
	}
	.mb-xs-20 {
		margin-bottom: 20px;
	}
	.mb-xs-40 {
		margin-bottom: 40px;
	}
}

@media (max-width:386px){
	.product-box-3 .product-caption ul.food-description li:last-child{
		margin-top: 7px;
	}
}


:root {
  --qm-font-body: 'Poppins', sans-serif;
  --qm-font-display: 'Poppins', 'Segoe UI', sans-serif;
  --qm-color-bg: #ffffff;
  --qm-color-surface: #ffffff;
  --qm-color-surface-alt: #fff7ee;
  --qm-color-border: #f0c894;
  --qm-color-text: #24110a;
  --qm-color-text-muted: #6c4730;
  --qm-color-primary: #f37a00;
  --qm-color-primary-deep: #b74a00;
  --qm-color-accent: #ff9b2f;
  --qm-color-accent-soft: #ffe1bb;
  --qm-radius-sm: 8px;
  --qm-radius-md: 14px;
  --qm-radius-lg: 22px;
  --qm-shadow-xs: 0 2px 6px rgba(96, 44, 10, 0.09);
  --qm-shadow-sm: 0 10px 24px rgba(96, 44, 10, 0.14);
  --qm-shadow-md: 0 18px 38px rgba(96, 44, 10, 0.18);
  --qm-shadow-lg: 0 26px 58px rgba(96, 44, 10, 0.24);
  --qm-space-1: 4px;
  --qm-space-2: 8px;
  --qm-space-3: 12px;
  --qm-space-4: 16px;
  --qm-space-5: 20px;
  --qm-space-6: 28px;
  --qm-space-7: 36px;
  --qm-space-8: 48px;
  --qm-space-9: 64px;
  --qm-space-10: 84px;
}

body,
p,
a,
button,
input,
select,
textarea,
.btn-first,
.btn-second,
.category-btn {
  font-family: var(--qm-font-body);
}

body {
  font-size: 15px;
  line-height: 1.72;
  color: var(--qm-color-text);
  background: var(--qm-color-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-header .header-title,
.section-header-left .header-title,
.section-header-right .header-title,
.section-header-style-2 .header-title,
.banner-1 .right-side-content h1,
.about-us-slider .slide-item .right-side-content h1,
.thankmsg-sec .msg-wrapper h1 {
  font-family: var(--qm-font-display);
  color: var(--qm-color-text);
  line-height: 1.15;
  letter-spacing: 0.01em;
}

h1 {
  font-size: clamp(40px, 5.1vw, 74px);
}

h2 {
  font-size: clamp(30px, 3.2vw, 48px);
}

h3 {
  font-size: clamp(24px, 2.2vw, 36px);
}

p,
.text-light-white,
.text-dark-white {
  color: var(--qm-color-text-muted);
}

.text-light-black {
  color: var(--qm-color-text);
}

.text-light-green {
  color: var(--qm-color-primary);
}

.fw-700 {
  font-weight: 700;
}

.section-padding {
  padding: var(--qm-space-10) 0;
}

.section-header,
.section-header-left,
.section-header-right,
.section-header-style-2 {
  padding-bottom: var(--qm-space-7);
}

.u-line {
  border-bottom: 1px solid rgba(243, 122, 0, 0.26);
}

::selection {
  background: rgba(243, 122, 0, 0.2);
  color: #17090d;
}

*:focus-visible {
  outline: 2px solid rgba(243, 122, 0, 0.82);
  outline-offset: 2px;
}

a {
  color: var(--qm-color-primary);
}

a:hover,
a:focus {
  color: var(--qm-color-primary-deep);
}

.bg-light-theme {
  background-color: #fff0f5;
}

.bg-light-green {
  background-color: var(--qm-color-primary);
}

.form-control,
.form-control-submit {
  border-color: #efc489;
  border-radius: var(--qm-radius-sm);
  min-height: 46px;
  font-size: 14px;
}

.form-control::placeholder {
  color: #9a6d45;
}

/* Theme Signature Layer: high-impact, non-destructive */

html {
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  background: radial-gradient(860px 460px at 8% -12%, rgba(255, 0, 61, 0.16), transparent 60%),
    radial-gradient(700px 420px at 92% 2%, rgba(255, 0, 61, 0.13), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #fff4f8 100%);
}

body::before,
body::after {
  content: '';
  position: fixed;
  pointer-events: none;
  z-index: -1;
}

body::before {
  width: 430px;
  height: 430px;
  right: -140px;
  bottom: -150px;
  background: radial-gradient(circle, rgba(255, 94, 135, 0.22) 0%, rgba(255, 94, 135, 0) 70%);
}

body::after {
  width: 460px;
  height: 460px;
  left: -150px;
  top: 18%;
  background: radial-gradient(circle, rgba(243, 122, 0, 0.16) 0%, rgba(243, 122, 0, 0) 70%);
}

.main-sec {
  height: 90px;
}

.header {
  height: 90px;
  top: 0;
  padding: 0;
  border-bottom: 1px solid rgba(243, 122, 0, 0.24);
  box-shadow: 0 14px 30px rgba(75, 8, 29, 0.14);
  background: #ffffff;
  backdrop-filter: none;
}

.header::before {
  display: none;
}

/* Navigation alignment fix across home pages */
.header header,
.header .container-fluid,
.header .container-fluid > .row,
.header .container-fluid > .row > .col-12.mainNavCol {
  height: 100%;
}

.header .container-fluid > .row > .col-12.mainNavCol {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
  padding: 0 12px;
  position: relative;
  z-index: 1;
}

.header .container-fluid {
  padding-left: 18px;
  padding-right: 18px;
}

.header .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}

.header .logo.mainNavCol {
  flex: 0 0 auto;
  max-width: 172px;
}

.header .logo.mainNavCol a {
  min-height: 60px;
  padding: 0 16px;
  border-radius: 999px;
  /* border: 1px solid rgba(255, 0, 61, 0.22); */
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .main-search.mainNavCol {
  flex: 1 1 auto;
  min-width: 280px;
  max-width: 760px;
}

.header .right-side.mainNavCol {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  border-radius: 999px;
  padding: 4px;
  border: 1px solid rgba(243, 122, 0, 0.2);
  background: linear-gradient(180deg, #fff 0%, #fff4f8 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.header .main-search .search-form,
.header .main-search .search-form .row {
  width: 100%;
}

.header .main-search .search-form .row {
  --bs-gutter-x: 10px;
  margin-left: 0;
  margin-right: 0;
}

.header .main-search .search-form .row > div {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.header .logo img {
    width: auto;
    max-height: 70px;
    /* transform: scale(1); */
}

.header .right-side,
.header .user-details > a,
.header .gem-points a,
.header .right-side > .cart-btn > a {
  padding: 17px 0;
}

.header .right-side .catring,
.header .right-side .user-details,
.header .right-side .gem-points,
.header .right-side .cart-btn {
  margin: 0;
}

.header .search-form span,
.sorting-addressbox .full-address {
  font-size: 15px;
  font-weight: 700;
  color: #321723;
}

.header .search-form .search-box input,
.header .search-form a.delivery-add,
.header .mobile-address .delivery-add,
.location-picker input {
  background: #fff;
  border: 1px solid rgba(243, 122, 0, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.header .search-form a.delivery-add,
.header .search-form .search-box input {
  min-height: 50px;
  border-radius: 999px;
}

.header .search-form a.delivery-add {
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header .search-form span.address {
  display: inline-flex;
  align-items: center;
}

.header .search-form .search-box {
  width: 100%;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
}

.header .search-form .search-box input {
  padding-left: 48px;
}

.header .search-form .search-box:before {
  content: '\f002';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 12px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(243, 122, 0, 0.78);
  font-size: 15px;
  pointer-events: none;
}

.header .search-form span.icon i {
  color: #fff;
  font-size: 13px;
  line-height: 1;
}

.header .search-form a.delivery-add span.icon,
.header .mobile-address .delivery-add span.icon {
  flex: 0 0 28px;
  min-width: 28px;
  position: relative;
  top: 0;
}

.location-picker {
  width: 100%;
  max-width: 560px;
}

.location-picker input {
  min-height: 50px;
  border-radius: 0 0 var(--qm-radius-md) var(--qm-radius-md);
}

.header .right-side .gem-points a,
.header .right-side .cart-btn > a,
.header .right-side .user-details > a,
.header .right-side .catring > a {
  min-height: 46px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

.header .right-side .gem-points a,
.header .right-side .user-details > a,
.header .right-side .catring > a,
.header .right-side .cart-btn > a {
  color: #341823;
}

.header .right-side .user-details > a {
  padding-right: 12px;
}

.header .right-side .gem-points span,
.header .right-side .catring > a > span,
.header .right-side .user-details > a > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.header .right-side .gem-points span::before,
.header .right-side .catring > a > span::before,
.header .right-side .user-details > a > span::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
  color: var(--qm-color-primary);
  line-height: 1;
}

.header .right-side .gem-points span::before {
  content: '\f0d1';
}

.header .right-side .catring > a > span::before {
  content: '\f0ca';
}

.header .right-side .user-details > a > span::before {
  content: '\f007';
}

.header .right-side .gem-points a:hover,
.header .right-side .cart-btn > a:hover,
.header .right-side .user-details > a:hover,
.header .right-side .catring > a:hover {
  border-color: rgba(243, 122, 0, 0.24);
  background: #fff;
}

.header .gem-points i,
.header .right-side .cart-btn a i {
  font-size: 21px;
}

.header .right-side .cart-btn,
.header .right-side .notification-btn {
  position: relative;
}

.header .right-side .cart-btn > a {
  position: relative;
}

.header .user-details > a > img {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(243, 122, 0, 0.2);
}

.header .user-details > a > span,
.header .gem-points span {
  margin-left: 8px;
  color: #341823;
  font-size: 13px;
  font-weight: 700;
}

.header .user-details > a > span,
.header .search-form span.address {
  padding-right: 0;
}

.header .user-details > a > span:after,
.header .mobile-address .delivery-add span.address:before,
.header .mobile-address .delivery-add span.address:after,
.header .search-form span.address:before,
.header .search-form span.address:after {
  display: none;
}

.header .right-side .cart-btn .user-alert-cart,
.header .right-side .cart-btn .user-alert-notification {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  line-height: 20px;
  top: 4px;
  right: 4px;
  left: auto;
  margin-left: 0;
  transform: none;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 999px;
  background: linear-gradient(135deg, #f37a00 0%, #ff9b2f 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header .right-side .cart-btn .user-alert-cart {
  right: 2px;
}

.header .right-side .cart-btn .user-alert-notification {
  min-width: 10px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  top: 8px;
  right: 8px;
  font-size: 0;
}

.cart-dropdown .cart-detail-box,
.notification-btn .notification-dropdown,
.user-dropdown,
.parent-megamenu .megamenu {
  background: linear-gradient(180deg, #fff 0%, #fff4f8 100%);
  border: 1px solid rgba(243, 122, 0, 0.3);
  border-radius: var(--qm-radius-md);
  box-shadow: var(--qm-shadow-md);
}

.header .user-details:hover > .user-dropdown {
  left: auto;
  right: 0;
}

.cart-dropdown .cart-detail-box,
.notification-btn .notification-dropdown {
  right: 0;
}

.header .right-side .catring.parent-megamenu {
  position: static;
}

.parent-megamenu .megamenu {
  left: 0;
  top: calc(100% + 12px);
  right: 0;
  width: 100%;
  max-width: none;
}

.parent-megamenu:hover > .megamenu {
  left: 0;
  right: 0;
}

.parent-megamenu .megamenu > div {
  padding: 34px 18px;
}

.parent-megamenu .megamenu .megamenu-templates-container {
  position: relative;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(243, 122, 0, 0.22);
  overflow: hidden;
}

.parent-megamenu .megamenu .megamenu-templates-title {
  margin: 0 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7b3f52;
  animation: qm-template-title-glow 2.8s ease-in-out infinite;
}

.parent-megamenu .megamenu .megamenu-templates-title::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f37a00 0%, #f39a3b 100%);
  box-shadow: 0 0 0 0 rgba(255, 0, 61, 0.36);
  animation: qm-template-title-dot 1.9s ease-in-out infinite;
}

.parent-megamenu .megamenu .megamenu-templates-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 8px;
  scrollbar-width: thin;
}

.parent-megamenu .megamenu .megamenu-template-logo {
  flex: 0 0 auto;
  width: 142px;
  min-width: 142px;
  min-height: 58px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(243, 122, 0, 0.26);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fff5f8 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  will-change: transform, box-shadow;
  animation: qm-template-card-float 4.2s ease-in-out infinite;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.parent-megamenu .megamenu .megamenu-template-logo:nth-child(2n) {
  animation-delay: 0.22s;
}

.parent-megamenu .megamenu .megamenu-template-logo:nth-child(3n) {
  animation-delay: 0.42s;
}

.parent-megamenu .megamenu .megamenu-template-logo::after {
  content: '';
  position: absolute;
  top: -30%;
  bottom: -30%;
  left: -48%;
  width: 34%;
  pointer-events: none;
  opacity: 0.46;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 52%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-16deg);
  animation: qm-template-logo-sheen 3.8s linear infinite;
}

.parent-megamenu .megamenu .megamenu-template-logo:hover,
.parent-megamenu .megamenu .megamenu-template-logo:focus {
  border-color: rgba(243, 122, 0, 0.48);
  box-shadow: 0 10px 20px rgba(54, 10, 24, 0.16);
  transform: translateY(-1px);
  animation-play-state: paused;
}

.parent-megamenu .megamenu .megamenu-template-logo:hover::after,
.parent-megamenu .megamenu .megamenu-template-logo:focus::after {
  opacity: 0;
  animation-play-state: paused;
}

.parent-megamenu .megamenu .megamenu-template-logo img {
  max-width: 100%;
  max-height: 34px;
  width: auto;
  height: auto;
  object-fit: contain;
}

@keyframes qm-template-title-glow {
  0%,
  100% {
    color: #7b3f52;
  }
  50% {
    color: #b8264f;
  }
}

@keyframes qm-template-title-dot {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 61, 0.36);
    transform: scale(1);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 0, 61, 0);
    transform: scale(1.08);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 61, 0);
    transform: scale(1);
  }
}

@keyframes qm-template-card-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

@keyframes qm-template-logo-sheen {
  0% {
    left: -48%;
  }
  100% {
    left: 140%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .parent-megamenu .megamenu .megamenu-templates-title,
  .parent-megamenu .megamenu .megamenu-templates-title::before,
  .parent-megamenu .megamenu .megamenu-template-logo,
  .parent-megamenu .megamenu .megamenu-template-logo::after {
    animation: none !important;
  }
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name {
  letter-spacing: 0.12em;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name:before {
  border-bottom-color: var(--qm-color-primary);
}

.about-us-slider,
.banner-1,
.banner-2 {
  border-radius: 0;
  overflow: hidden;
  border: 1px solid rgba(243, 122, 0, 0.32);
  box-shadow: var(--qm-shadow-lg);
}

.about-us-slider .slide-item img,
.about-us-slider img,
.banner-1 .main-img,
.banner-2 .main-img {
  border-radius: 0 !important;
}

.about-us-slider .slide-item,
.banner-1 .content-wrapper,
.banner-2 .content-wrapper {
  position: relative;
}

.about-us-slider .slide-item::after,
.banner-1 .content-wrapper::after,
.banner-2 .content-wrapper::after {
  display: none;
}

.banner-1 .right-side-content h1,
.about-us-slider .slide-item .right-side-content h1 {
  text-shadow: none;
}

/* Red-forward blend in section backgrounds */
.browse-cat,
.recent-order,
.trending,
.featured-partners,
.fresh-deals,
.local-deals,
.restaurent-meals,
.checkout-page,
.final-order,
.our-articles,
.register-restaurent-sec,
.ex-collection {
  background: linear-gradient(180deg, #ffffff 0%, #ffe8ef 100%);
}

.section-header .header-title,
.section-header-left .header-title,
.section-header-right .header-title,
.section-header-style-2 .header-title {
  letter-spacing: 0.01em;
}

.section-header .sub-title,
.section-header-style-2 .sub-title {
  color: var(--qm-color-primary);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  font-size: 12px;
}

.browse-cat .categories .icon {
  width: 134px;
  height: 134px;
  border: 2px solid rgba(243, 122, 0, 0.26);
  background: linear-gradient(145deg, #fff9fc 0%, #ffe3ec 100%);
  box-shadow: 0 14px 26px rgba(65, 15, 29, 0.14);
  position: relative;
  overflow: hidden;
}

.browse-cat .categories .cat-name {
  padding-top: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #321823;
}

/* --- Category circular image lock: browse-cat-2 cards --- */
.browse-cat.browse-cat-2 .categories .icon {
  width: 134px;
  height: 134px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.browse-cat.browse-cat-2 .categories .icon > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50% !important;
}

.browse-cat.browse-cat-2 .categories .icon > .overlay {
  border-radius: 50%;
}

.product-box,
.product-box-3,
.our-articles .blog-services-wrapper,
.checkout-product,
.final-order .order-details,
.sidebar .cart-detail-box > .card,
.inner-wrapper .main-page .login-box,
.payment-sec .card,
.package-box,
.product-list-view,
.map-gallery-sec .main-box,
.tracking-sec .tracking-details,
.tracking-sec .tracking-map {
  background: linear-gradient(180deg, #fff 0%, #fff4f8 100%);
  border: 1px solid rgba(243, 122, 0, 0.24);
  border-radius: 18px;
  box-shadow: var(--qm-shadow-sm);
}

.product-box,
.product-box-3 {
  overflow: hidden;
  transition: transform 0.26s ease, box-shadow 0.26s ease;
}

.product-box:hover,
.product-box-3:hover {
  transform: translateY(-5px);
  box-shadow: var(--qm-shadow-lg);
}

.product-box .product-img img,
.product-box-3 .product-img img {
  border-radius: 16px 16px 0 0;
}

.product-box .product-caption,
.product-box-3 .product-caption {
  padding: 15px;
  white-space: normal;
}

.product-box .product-caption .product-title,
.product-list-view .product-list-title h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  line-height: 1.32;
  font-size: 16px;
  font-weight: 700;
  color: #331923;
  min-height: 2.64em;
}

.product-box .product-caption p,
.product-box .product-caption .product-details span,
.product-list-view .product-list-time ul li,
.side-blog .content-wrap .entry-title,
.blog-detail .entry-content p {
  color: #7a4a5a;
}

.product-box .product-caption .product-details .time,
.product-box .product-caption .product-details .price,
.product-box .product-caption .product-details .rating > span:first-child,
.product-box .product-caption .product-details .rating > span.text-end {
  display: inline-block;
  padding-bottom: 4px;
}

.product-box .product-caption .product-footer,
.product-box .product-footer-2 {
  margin-top: 13px;
  gap: 10px;
}

.deal-tag,
span.deal-tag,
span.type-tag,
.restaurent-tags span.tags {
  border-color: rgba(243, 122, 0, 0.28);
}

.btn-first,
.btn-second,
.category-btn {
  min-height: 44px;
  border-radius: 999px;
  padding: 11px 20px 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: all 0.25s ease;
}

.btn-submit {
  color: #fff;
  background: linear-gradient(135deg, #f37a00 0%, #ff9b2f 100%);
  border-color: transparent;
  box-shadow: 0 12px 22px rgba(255, 0, 61, 0.32);
}

.btn-submit:hover,
.btn-submit:focus {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #d60035 0%, #ff1d57 100%);
  box-shadow: 0 14px 26px rgba(255, 0, 61, 0.4);
  transform: translateY(-2px);
}

.white-btn {
  border-color: rgba(243, 122, 0, 0.34);
  background: #fff;
}

.white-btn:hover,
.white-btn:focus {
  border-color: var(--qm-color-primary);
}

.category-btn {
  background-color: rgba(255, 255, 255, 0.9);
  color: #341a24;
}

.form-control,
.form-control-submit,
.nice-select {
  border-color: rgba(243, 122, 0, 0.3);
  background: #fff;
}

.form-control:focus,
.form-control-submit:focus,
.nice-select:focus {
  border-color: rgba(243, 122, 0, 0.9);
  box-shadow: 0 0 0 0.22rem rgba(243, 122, 0, 0.16);
}

/* --- Auth login-box spacing refinement --- */
.user-page .login-sec .login-box {
  max-width: 468px;
  padding: 34px 32px 30px !important;
  border-radius: 18px;
}

.user-page .login-sec .login-box form > h4 {
  margin-bottom: 14px;
  line-height: 1.35;
}

.user-page .login-sec .login-box .row {
  --bs-gutter-x: 14px;
  --bs-gutter-y: 0;
}

.user-page .login-sec .login-box .mb-3 {
  margin-bottom: 14px !important;
}

.user-page .login-sec .login-box label.text-light-white.fs-14 {
  display: block;
  margin-bottom: 6px;
  font-size: 13px !important;
  letter-spacing: 0.01em;
}

.user-page .login-sec .login-box .form-control.form-control-submit {
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 12px;
}

.user-page .login-sec .login-box .checkbox-reset {
  margin-top: 2px;
  gap: 12px;
}

.user-page .login-sec .login-box .checkbox-reset .form-check {
  margin-bottom: 0;
}

.user-page .login-sec .login-box .checkbox-reset a {
  white-space: nowrap;
  font-size: 13px;
}

.user-page .login-sec .login-box .mb-3 .field-icon {
  margin-top: -80px;
  right: 16px;
}

.user-page .login-sec .login-box span.terms {
  margin-top: 6px;
  line-height: 1.45;
  font-size: 12px;
}

@media (max-width: 1199px) {
  .user-page .login-sec .login-box {
    max-width: 452px;
    padding: 30px 26px !important;
  }
}

@media (max-width: 767px) {
  .user-page .login-sec .login-box {
    padding: 22px 18px !important;
    border-radius: 14px;
  }

  .user-page .login-sec .login-box .mb-3 {
    margin-bottom: 12px !important;
  }

  .user-page .login-sec .login-box .checkbox-reset {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 12px;
  }

  .user-page .login-sec .login-box .checkbox-reset a {
    width: 100%;
    white-space: normal;
  }
}

.breadcrumb {
  margin: -20px;
  padding: 24px 20px;
  background-color: #fff5f8;
  border-bottom: 1px solid rgba(243, 122, 0, 0.24);
}

.breadcrumb-item.active {
  color: var(--qm-color-primary);
}

footer {
  background: linear-gradient(160deg, #250e15 0%, #34121d 70%, #1a0b10 100%);
}

footer,
footer p,
footer a,
footer .text-light-black,
footer .text-light-white,
footer .text-dark-white,
footer .text-custom-white {
  color: #f7dfe7;
}

footer a:hover,
footer a:focus,
footer .footer-links a:hover,
footer .footer-contact li a:hover {
  color: #ff8cab;
}

footer .footer-links ul li,
footer .footer-contact li {
  margin-bottom: 9px;
}

footer .ft-logo-box,
footer .footer-links,
footer .footer-contact {
  padding-top: 74px;
}

footer .ft-logo-box {
  padding-bottom: 74px;
}

footer .ft-social-media ul li {
  border-color: rgba(255, 140, 171, 0.38);
  border-radius: 999px;
}

footer .ft-social-media ul li:hover {
  border-color: #ff8cab;
}

/* --- Newsletter subscribe redesign --- */
footer .subscribe_form {
  margin-top: 8px;
}

footer .subscribe_form .input-group {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px;
  border: 1px solid rgba(255, 99, 143, 0.46);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 26px rgba(16, 2, 7, 0.24);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

footer .subscribe_form .input-group:focus-within {
  border-color: rgba(255, 0, 61, 0.92);
  box-shadow: 0 14px 30px rgba(255, 0, 61, 0.22);
  transform: translateY(-1px);
}

footer .subscribe_form .form-control.form-control-submit {
  min-height: 48px;
  border: 0 !important;
  background: transparent !important;
  color: #2e111a;
  border-radius: 999px;
  padding: 0 16px;
  box-shadow: none !important;
}

footer .subscribe_form .form-control.form-control-submit::placeholder {
  color: #8c5a6a;
  opacity: 1;
}

footer .subscribe_form .input-group-btn {
  display: inline-flex;
  margin-left: 4px;
}

footer .subscribe_form .input-group-btn .btn-submit {
  position: static !important;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 22px rgba(255, 0, 61, 0.34);
}

footer .subscribe_form .input-group-btn .btn-submit i {
  font-size: 15px;
}

footer .subscribe_form .input-group-btn .btn-submit:hover,
footer .subscribe_form .input-group-btn .btn-submit:focus {
  transform: translateY(-1px) scale(1.02);
}

@media (max-width: 576px) {
  footer .subscribe_form .input-group {
    border-radius: 14px;
    padding: 3px;
  }

  footer .subscribe_form .form-control.form-control-submit {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
  }

  footer .subscribe_form .input-group-btn .btn-submit {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 12px !important;
  }
}

.copyright {
  background: #18080e;
  border-top: 1px solid rgba(255, 140, 171, 0.22);
  padding: 18px 0;
}

.copyright,
.copyright .text-light-black,
.copyright .text-light-white {
  color: #efd2dc;
}

.copyright a {
  color: #ff8cab;
}

.modal-content,
.card,
.package-box .package-caption,
.sidebar .cart-detail-box > .card {
  border-radius: var(--qm-radius-md);
}

.payment-option-tab > .nav > .nav-item > .nav-link,
.driver-tip-sec > .nav > .nav-item > .nav-link,
.driver-tip-sec .tip-percentage label span,
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab > ul > li > a,
.sorting select {
  border-color: rgba(243, 122, 0, 0.28);
}

.payment-option-tab > .nav > .nav-item > .nav-link.active,
.driver-tip-sec > .nav > .nav-item > .nav-link.active,
.driver-tip-sec .tip-percentage input[type=radio]:checked + span {
  background: linear-gradient(135deg, #f37a00 0%, #ff9b2f 100%);
  border-color: transparent;
  color: #fff;
}

.sort-tag-filter,
.product-list-view,
.most-popular .popular-item-slider {
  border-bottom: 1px solid rgba(243, 122, 0, 0.22);
}

#side-panel .themes-wrapper {
  border-color: rgba(243, 122, 0, 0.3);
  background: #fff5f8;
}

#side-panel .themes-wrapper .vertical-link {
  background: #250e15;
}

.banner-adv {
  height: 104px;
  border-top: 1px solid rgba(255, 140, 171, 0.32);
}

.banner-adv .text {
  font-size: clamp(17px, 2vw, 25px);
}

.swiper-button-next,
.swiper-button-prev,
.back-btn button {
  width: 66px;
  height: 66px;
  background: rgba(255, 0, 61, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.58);
  box-shadow: 0 12px 30px rgba(64, 15, 28, 0.28);
  backdrop-filter: blur(6px);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}

body.is-scrolled .header {
  box-shadow: 0 20px 36px rgba(70, 14, 30, 0.2);
}

/* --- Theme final lock: header/nav alignment + stronger brand red --- */
.header,
body.header-mobile .header {
  background: #ffffff !important;
  top: 0 !important;
}

.header::before,
body.header-mobile .header::before {
  display: none !important;
}

.header .search-form .search-box.padding-10,
.header .search-form .search-box {
  position: relative;
  display: flex;
  align-items: center;
}

.header .search-form .search-box:before {
  content: '\f002' !important;
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  color: rgba(183, 74, 0, 0.82) !important;
  line-height: 1 !important;
  z-index: 2;
}

.header .search-form .search-box input {
  padding-left: 50px !important;
}

.header .search-form a.delivery-add,
.header .mobile-address .delivery-add {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header .search-form a.delivery-add span.icon,
.header .mobile-address .delivery-add span.icon {
  margin: 0 !important;
  top: 0 !important;
  transform: none !important;
}

.header .search-form span.address,
.header .mobile-address .delivery-add span.address {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

.header .right-side .gem-points > a > span,
.header .right-side .catring > a > span,
.header .right-side .user-details > a > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.header .right-side .catring > a > span::before,
.header .right-side .user-details > a > span::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: var(--qm-color-primary);
  line-height: 1;
}

.header .right-side .catring > a > span::before {
  content: '\f0ca';
}

.header .right-side .user-details > a > span::before {
  content: '\f007';
}

.header .right-side .cart-btn > a {
  position: relative !important;
}

.header .right-side .cart-btn .user-alert-cart,
.header .right-side .cart-btn .user-alert-notification {
  position: absolute !important;
  left: auto !important;
  margin-left: 0 !important;
  transform: none !important;
  background: linear-gradient(135deg, #ea7300 0%, #b74a00 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  color: #fff !important;
}

.header .right-side .cart-btn .user-alert-cart {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  top: -2px !important;
  right: -6px !important;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.header .right-side .cart-btn .user-alert-notification {
  width: 10px;
  min-width: 10px;
  height: 10px;
  padding: 0;
  top: 4px !important;
  right: 2px !important;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
}

.header .right-side .catring.parent-megamenu {
  position: static !important;
}

.header .right-side .catring.parent-megamenu > .megamenu,
.parent-megamenu .megamenu {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.about-us-slider .slide-item > .overlay,
.about-us-slider .slide-item > .overlay.overlay-bg,
.banner-1 > .overlay,
.banner-1 .overlay.overlay-bg,
.banner-2 > .overlay,
.banner-2 .overlay.overlay-bg {
  display: none !important;
}

.about-us-slider .slide-item .right-side-content h1,
.about-us-slider .slide-item .right-side-content h3,
.banner-1 .right-side-content h1,
.banner-1 .right-side-content h3 {
  text-shadow: none !important;
  background: transparent !important;
}

body {
  background: radial-gradient(900px 480px at 8% -12%, rgba(243, 122, 0, 0.2), transparent 60%),
    radial-gradient(760px 460px at 92% 2%, rgba(183, 74, 0, 0.16), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #fff7ee 100%) !important;
}

.bg-light-green,
.btn-submit,
.payment-option-tab > .nav > .nav-item > .nav-link.active,
.driver-tip-sec > .nav > .nav-item > .nav-link.active,
.driver-tip-sec .tip-percentage input[type=radio]:checked + span {
  background: linear-gradient(135deg, #ea7300 0%, #b74a00 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* --- Theme icon reset lock --- */
.header .right-side .gem-points span::before,
.header .right-side .catring > a > span::before,
.header .right-side .user-details > a > span::before {
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
  display: inline-block !important;
}

.header .right-side .gem-points span::after,
.header .right-side .catring > a > span::after,
.header .right-side .user-details > a > span::after {
  display: none !important;
  content: none !important;
}

/* --- Theme control polish: close buttons + builder/theme panels + adv banner --- */
.banner-adv-bg {
  z-index: 1004;
  background: transparent;
}

.banner-adv-bg .banner-adv,
.banner-adv-bg .banner-adv2 {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.34);
  box-shadow: 0 -14px 30px rgba(71, 8, 27, 0.24);
}

.banner-adv-bg .banner-adv {
  min-height: 110px;
  background-image: linear-gradient(120deg, rgba(255, 0, 61, 0.76), rgba(183, 74, 0, 0.8)), url('../img/banner-adv-bg.png');
  background-size: cover;
  background-position: center;
}

.banner-adv-bg .banner-adv .flex-adv {
  position: relative;
  z-index: 1;
  gap: 16px;
  padding: 0 72px 0 18px;
}

.banner-adv-bg .banner-adv .text,
.banner-adv-bg .banner-adv2 .text {
  text-decoration: none;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.26);
}

.banner-adv-bg .btn-close-banner,
.banner-adv-bg .close-banner {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.74);
  background: rgba(0, 0, 0, 0.22);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
  pointer-events: auto;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.banner-adv-bg .btn-close-banner::before,
.banner-adv-bg .btn-close-banner::after,
.banner-adv-bg .close-banner::before,
.banner-adv-bg .close-banner::after {
  content: '';
  position: absolute;
  width: 14px;
  border-bottom: 2px solid #fff;
}

.banner-adv-bg .btn-close-banner::before,
.banner-adv-bg .close-banner::before {
  transform: rotate(45deg);
}

.banner-adv-bg .btn-close-banner::after,
.banner-adv-bg .close-banner::after {
  transform: rotate(-45deg);
}

.banner-adv-bg .btn-close-banner:hover,
.banner-adv-bg .close-banner:hover {
  transform: translateY(-50%) scale(1.08);
  background: rgba(0, 0, 0, 0.36);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

/* Restore intentional modal close style because Bootstrap's .btn-close clashes with this template markup (×) */
.modal-header > .btn-close[data-bs-dismiss='modal'] {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  margin: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.modal-header > .btn-close[data-bs-dismiss='modal']:hover {
  transform: scale(1.07);
  background-color: rgba(0, 0, 0, 0.55);
}

/* Template uses span.btn-close as + badge inside add-pro buttons; scope/fix it so Bootstrap class doesn't break alignment */
.review-box .food li button.add-pro,
.additional-product .card .card-body button.add-pro {
  padding-right: 44px;
}

.review-box .food li button.add-pro span.btn-close,
.additional-product .card .card-body button.add-pro span.btn-close {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  float: none;
  border: 1px solid rgba(255, 255, 255, 0.55);
  background-image: none !important;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  opacity: 1;
  pointer-events: none;
}

.additional-product .card .card-body button.add-pro span.btn-close {
  border: 0;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
  color: #fff;
}

/* Make template chooser panel more playful while keeping structure */
#side-panel .themes-wrapper {
  border-radius: 0 16px 16px 0;
  border: 1px solid rgba(255, 0, 61, 0.24);
  background: linear-gradient(180deg, #fff9fb 0%, #ffe9f0 100%);
  box-shadow: 0 14px 30px rgba(69, 9, 25, 0.2);
  overflow: hidden;
}

#side-panel .themes-wrapper .vertical-link {
  border: 0;
  border-radius: 0;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 22px rgba(183, 74, 0, 0.34);
}

#side-panel .themes-wrapper-inner {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

#side-panel .themes-wrapper-inner a {
  margin: 0 !important;
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(255, 0, 61, 0.2);
  background: linear-gradient(180deg, #ffffff 0%, #fff4f8 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

#side-panel .themes-wrapper-inner a:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 0, 61, 0.46);
  box-shadow: 0 10px 18px rgba(183, 74, 0, 0.18);
}

#side-panel .themes-wrapper-inner a img {
  max-height: 22px;
  width: auto;
}

#side-panel .themes-wrapper-inner .btn-second {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 36px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
  color: #fff;
}

/* Fun style pass for theme switch */
.custom-builder-panel {
  z-index: 3334;
}

.custom-builder-panel {
  left: -172px;
}

.builder-slide-panel {
  width: 172px;
  height: 54px;
  border-radius: 0 14px 14px 0;
  background: linear-gradient(135deg, #2a0f17 0%, #4b1025 100%);
  box-shadow: 0 12px 24px rgba(32, 8, 16, 0.34);
}

.builder-slide-panel h4 {
  color: #ff7d9f !important;
  letter-spacing: 0.03em;
  font-size: 13px;
}
@media (max-width: 991px) {
  .banner-adv-bg .banner-adv {
    min-height: 96px;
  }

  .banner-adv-bg .banner-adv .flex-adv {
    padding-right: 56px;
    gap: 10px;
  }

  .banner-adv-bg .btn-close-banner,
  .banner-adv-bg .close-banner {
    width: 32px;
    height: 32px;
    right: 10px;
  }
}

/* --- Homepage H3 subheader variants --- */
.section-header-left .home-subheader {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section-header-left .home-subheader i {
  font-size: 11px;
  line-height: 1;
}

.section-header-left .home-subheader-top {
  margin-bottom: 8px;
}

.section-header-left .home-subheader-bottom {
  margin-top: 8px;
}

.section-header-left.home-subheader-style-a .home-subheader-top {
  padding: 5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff0f5 0%, #ffe2ea 100%);
  border: 1px solid rgba(243, 122, 0, 0.24);
  color: #b31944;
}

.section-header-left.home-subheader-style-a .header-title {
  margin-bottom: 0;
}

.section-header-left.home-subheader-style-b .header-title {
  margin-bottom: 0;
}

.section-header-left.home-subheader-style-b .home-subheader-bottom {
  color: #7f495c;
  letter-spacing: 0.04em;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
}

.section-header-left.home-subheader-style-b .home-subheader-bottom i {
  color: #c01749;
}

.section-header-left.home-subheader-style-c {
  position: relative;
  padding-left: 30px;
}

.section-header-left.home-subheader-style-c .home-subheader-top {
  color: #7a4758;
  font-size: 10px;
  letter-spacing: 0.11em;
}

.section-header-left.home-subheader-style-c .header-title {
  position: relative;
  margin-bottom: 0;
}

.section-header-left.home-subheader-style-c .header-title::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f37a00 0%, #f39a3b 100%);
  box-shadow: 0 0 0 4px rgba(255, 0, 61, 0.12);
}

.section-header-left.home-subheader-style-d .home-subheader-top {
  position: relative;
  color: #934d62;
  padding-left: 16px;
  letter-spacing: 0.09em;
}

.section-header-left.home-subheader-style-d .home-subheader-top::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #f37a00 0%, #e79339 100%);
}

.section-header-left.home-subheader-style-d .header-title {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.section-header-left.home-subheader-style-d .header-title::after {
  content: '';
  display: block;
  width: 78px;
  height: 2px;
  margin-top: 7px;
  border-radius: 2px;
  background: linear-gradient(90deg, #f37a00 0%, #f39a3b 100%);
}

.home-page-3 .section-header-left.home-subheader-style-d {
  padding-left: 16px;
}

.home-page-3 .section-header-left.home-subheader-style-d .home-subheader-top {
  display: block;
  margin-bottom: 7px;
  padding-left: 16px;
}

.home-page-3 .section-header-left.home-subheader-style-d .home-subheader-top::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.home-page-3 .section-header-left.home-subheader-style-d .header-title {
  display: block;
  margin-bottom: 0;
}

.home-page-3 .section-header-left.home-subheader-style-d .header-title::after {
  margin-left: 0;
}

.home-page-3 .section-header-left.home-subheader-style-d .header-title .fs-14 {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  vertical-align: middle;
}

.section-header-left.home-subheader-style-e .header-title {
  position: relative;
  margin-bottom: 0;
  padding-left: 28px;
}

.section-header-left.home-subheader-style-e .header-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255, 0, 61, 0.38);
  background: linear-gradient(135deg, #fff4f8 0%, #ffe0e9 100%);
  box-shadow: inset 0 0 0 4px rgba(255, 0, 61, 0.2);
}

.section-header-left.home-subheader-style-e .home-subheader-bottom {
  color: #7a495a;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.03em;
  padding-left: 28px;
}

@media (max-width: 767px) {
  .section-header-left .home-subheader {
    font-size: 9px;
    letter-spacing: 0.07em;
  }

  .section-header-left.home-subheader-style-b .home-subheader-bottom,
  .section-header-left.home-subheader-style-e .home-subheader-bottom {
    font-size: 11px;
  }

  .section-header-left.home-subheader-style-c {
    padding-left: 24px;
  }

  .section-header-left.home-subheader-style-c .header-title::before {
    left: -24px;
    width: 14px;
    height: 14px;
    top: 3px;
  }

  .home-page-3 .section-header-left.home-subheader-style-d {
    padding-left: 14px;
  }

  .home-page-3 .section-header-left.home-subheader-style-d .home-subheader-top {
    padding-left: 14px;
  }

  .home-page-3 .section-header-left.home-subheader-style-d .home-subheader-top::before {
    left: 0;
  }

  .section-header-left.home-subheader-style-e .header-title {
    padding-left: 22px;
  }

  .section-header-left.home-subheader-style-e .header-title::before {
    width: 14px;
    height: 14px;
    top: 3px;
  }

  .section-header-left.home-subheader-style-e .home-subheader-bottom {
    padding-left: 22px;
  }
}

/* --- Slider title tone fix: index + homepage-4 --- */
.about-us-slider .slide-item .right-side-content h1,
.banner-1.banner-2 .right-side-content h1 {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.about-us-slider .slide-item .right-side-content h3,
.banner-1.banner-2 .right-side-content h3 {
  color: #ffffff !important;
}

/* --- Homepage-4 hero height + left copy contrast fix --- */
.home4-hero-banner {
  height: 840px;
}

.home4-hero-banner > img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home4-hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(98deg, rgba(14, 5, 10, 0.72) 0%, rgba(14, 5, 10, 0.46) 34%, rgba(14, 5, 10, 0.2) 58%, rgba(14, 5, 10, 0.06) 100%);
}

.home4-hero-banner .transform-center {
  z-index: 2;
}

.home4-hero-banner .home4-hero-copy {
  max-width: 620px;
  padding: 30px 32px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18, 7, 12, 0.34) 0%, rgba(18, 7, 12, 0.7) 100%);
  box-shadow: 0 18px 34px rgba(11, 4, 8, 0.32);
  backdrop-filter: blur(4px);
}

.home4-hero-banner .home4-hero-copy h1 {
  margin-bottom: 14px;
  line-height: 1.1;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.5);
}

.home4-hero-banner .home4-hero-copy h3 {
  margin-bottom: 0;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.93) !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.48);
}

@media (max-width: 992px) {
  .home4-hero-banner {
    height: 1200px;
  }

  .home4-hero-banner .home4-hero-copy {
    padding: 24px 24px;
    border-radius: 14px;
  }
}

@media (max-width: 767px) {
  .home4-hero-banner .home4-hero-copy {
    padding: 16px 16px;
    border-radius: 12px;
  }
}

/* --- Homepage-4 CTA panel synced with template-features qm-hero-copy look --- */
.banner-1.banner-2 .qm-home4-cta-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(240, 202, 188, 0.95);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 127, 47, 0.16) 0%, transparent 32%),
    radial-gradient(circle at 0% 100%, rgba(255, 0, 24, 0.12) 0%, transparent 34%),
    linear-gradient(180deg, #fff9f5 0%, #ffffff 62%);
  box-shadow: 0 20px 38px rgba(37, 8, 17, 0.16);
  padding: 24px !important;
}

.banner-1.banner-2 .qm-home4-cta-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 42%);
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  text-align: left;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.72rem;
  font-weight: 700;
  color: #bc2634;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-kicker::before {
  content: "";
  width: 18px;
  height: 1px;
  background: #bc2634;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-copy h3 {
  margin-bottom: 0;
  font-size: clamp(26px, 2.15vw, 34px);
  line-height: 1.14;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-sub {
  margin: 0;
  color: #6b5a61;
  font-size: 14px;
  line-height: 1.55;
  max-width: 44ch;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-live-strip {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgba(197, 62, 73, 0.48);
  border-radius: 999px;
  background: rgba(255, 236, 230, 0.86);
  color: #a2293a;
  font-size: 0.73rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.33rem 0.64rem;
  box-shadow: 0 10px 22px rgba(188, 38, 52, 0.12);
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-live-dot {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background: #ff4b5f;
  animation: qmHome4PulseDot 1.8s ease-in-out infinite;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-points li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #514047;
  font-size: 13px;
  line-height: 1.35;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-hero-points li i {
  color: #bc2634;
  font-size: 13px;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-home4-cta-form {
  margin-top: 4px;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-home4-cta-form .mb-3 {
  margin-bottom: 11px !important;
}

.banner-1.banner-2 .qm-home4-cta-panel .form-control.form-control-submit {
  min-height: 46px;
  border: 1px solid #f0cabc;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  color: #2e171f;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.banner-1.banner-2 .qm-home4-cta-panel .form-control.form-control-submit::placeholder {
  color: #8f7b82;
}

.banner-1.banner-2 .qm-home4-cta-panel .form-control.form-control-submit:focus {
  border-color: rgba(243, 122, 0, 0.68);
  box-shadow: 0 0 0 0.15rem rgba(243, 122, 0, 0.14);
  transform: translateY(-1px);
}

.banner-1.banner-2 .qm-home4-cta-panel .btn-second.btn-submit.full-width {
  min-height: 48px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 12px 24px rgba(255, 0, 24, 0.28);
}

.banner-1.banner-2 .qm-home4-cta-panel .btn-second.btn-submit.full-width:hover,
.banner-1.banner-2 .qm-home4-cta-panel .btn-second.btn-submit.full-width:focus {
  transform: translateY(-1px);
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.58s ease, transform 0.58s ease;
}

.banner-1.banner-2 .qm-home4-cta-panel .qm-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes qmHome4PulseDot {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.65);
    opacity: 0.58;
  }
}

@media (max-width: 991px) {
  .banner-1.banner-2 .qm-home4-cta-panel {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .banner-1.banner-2 .qm-home4-cta-panel {
    padding: 16px !important;
    border-radius: 16px;
  }

  .banner-1.banner-2 .qm-home4-cta-panel .qm-kicker {
    font-size: 0.62rem;
    letter-spacing: 0.1em;
  }

  .banner-1.banner-2 .qm-home4-cta-panel .qm-hero-copy h3 {
    font-size: clamp(23px, 7vw, 30px);
  }

  .banner-1.banner-2 .qm-home4-cta-panel .qm-hero-sub {
    font-size: 13px;
  }

  .banner-1.banner-2 .qm-home4-cta-panel .qm-live-strip {
    font-size: 0.62rem;
    letter-spacing: 0.05em;
  }

  .banner-1.banner-2 .qm-home4-cta-panel .qm-hero-points li {
    font-size: 12px;
  }
}

/* --- Sub-template panel usability pass --- */
#side-panel {
  width: 260px !important;
  min-height: auto !important;
}

#side-panel.toggled {
  left: -260px !important;
}

#side-panel .themes-wrapper .vertical-link {
  left: 258px !important;
  width: 182px !important;
  height: 48px !important;
  line-height: 48px !important;
  font-size: 13px !important;
  letter-spacing: 0.04em;
}

#side-panel .themes-wrapper-inner {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  padding: 10px !important;
}

#side-panel .themes-wrapper-inner a {
  width: 100%;
  min-height: 50px;
  padding: 10px 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

#side-panel .themes-wrapper-inner a img {
  max-height: 26px;
  max-width: 108px;
  width: auto;
  object-fit: contain;
  flex: 0 0 auto;
}

#side-panel .themes-wrapper-inner a .template-name {
  font-size: 13px;
  font-weight: 700;
  color: #2f1720;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}

#side-panel .themes-wrapper-inner a:hover .template-name {
  color: #b0002f;
}

#side-panel .themes-wrapper-inner .btn-second {
  justify-content: center;
  min-height: 42px;
}

@media (max-width: 991px) {
  #side-panel {
    width: 236px !important;
  }

  #side-panel.toggled {
    left: -236px !important;
  }

  #side-panel .themes-wrapper .vertical-link {
    left: 234px !important;
  }
}

/* --- Theme navigation icon map: clean header + custom megamenu icons --- */
.header .right-side .gem-points span::before,
.header .right-side .catring > a > span::before,
.header .right-side .user-details > a > span::before,
.header .right-side .gem-points span::after,
.header .right-side .catring > a > span::after,
.header .right-side .user-details > a > span::after {
  content: none !important;
  display: none !important;
}

.header .right-side .gem-points > a > span,
.header .right-side .catring > a > span,
.header .right-side .user-details > a > span {
  gap: 0 !important;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name > a,
.parent-megamenu .megamenu .menu-style ul li > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name > a::before,
.parent-megamenu .megamenu .menu-style ul li > a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  width: 14px;
  text-align: center;
  line-height: 1;
  color: rgba(183, 74, 0, 0.95);
}

.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) .menu-title .cat-name > a::before {
  content: '\f015';
}

.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) .menu-title .cat-name > a::before {
  content: '\f0f6';
}

.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) .menu-title .cat-name > a::before {
  content: '\f0f5';
}

.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) .menu-title .cat-name > a::before {
  content: '\f0c9';
}

/* Home Pages */
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) ul li:nth-child(1) > a::before { content: '\f108'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) ul li:nth-child(2) > a::before { content: '\f015'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) ul li:nth-child(3) > a::before { content: '\f00a'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) ul li:nth-child(4) > a::before { content: '\f00b'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(1) ul li:nth-child(5) > a::before { content: '\f009'; }

/* Inner Pages */
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) ul li:nth-child(1) > a::before { content: '\f02d'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) ul li:nth-child(2) > a::before { content: '\f1ea'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) ul li:nth-child(3) > a::before { content: '\f15c'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) ul li:nth-child(4) > a::before { content: '\f02c'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(2) ul li:nth-child(5) > a::before { content: '\f05a'; }

/* Related Pages */
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) ul li:nth-child(1) > a::before { content: '\f0f5'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) ul li:nth-child(2) > a::before { content: '\f1b2'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) ul li:nth-child(3) > a::before { content: '\f1b3'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) ul li:nth-child(4) > a::before { content: '\f067'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(3) ul li:nth-child(5) > a::before { content: '\f03a'; }

/* Additional Pages */
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) ul li:nth-child(1) > a::before { content: '\f090'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) ul li:nth-child(2) > a::before { content: '\f234'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) ul li:nth-child(3) > a::before { content: '\f07a'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) ul li:nth-child(4) > a::before { content: '\f022'; }
.parent-megamenu .megamenu .col-lg-8 > .row > .col-lg-3:nth-child(4) ul li:nth-child(5) > a::before { content: '\f3c5'; }

/* --- Nav marker + location picker recovery --- */
.parent-megamenu .megamenu .menu-style .menu-title .cat-name > a::before,
.parent-megamenu .megamenu .menu-style ul li > a::before {
  content: '' !important;
  font-family: inherit !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%) !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 61, 0.2);
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  display: inline-block !important;
}

.header .main-search .search-form .row > div {
  position: relative;
}

.header .main-search .search-form .row > div .location-picker {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 560px;
  z-index: 1200;
  display: none !important;
  align-items: center;
  border: 1px solid rgba(243, 122, 0, 0.28);
  border-radius: 0 0 var(--qm-radius-md) var(--qm-radius-md);
  background: #fff;
  box-shadow: 0 18px 28px rgba(67, 8, 24, 0.18);
}

.header .main-search .search-form .row > div .location-picker.open {
  display: flex !important;
}

/* --- Navigation alignment + parent tab emphasis --- */
.header .right-side.mainNavCol {
  justify-content: flex-start !important;
}

.header .right-side .gem-points a,
.header .right-side .catring > a,
.header .right-side .user-details > a {
  justify-content: flex-start !important;
  text-align: left;
}

.parent-megamenu .megamenu .menu-style,
.parent-megamenu .megamenu .menu-style ul {
  text-align: left !important;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name > a,
.parent-megamenu .megamenu .menu-style ul li > a {
  justify-content: flex-start !important;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name > a {
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}

/* --- Megamenu category dash alignment --- */
.parent-megamenu .megamenu .menu-style .menu-title .cat-name {
  text-align: left !important;
}

.parent-megamenu .megamenu .menu-style .menu-title .cat-name:before {
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
}

.restaurent-meals .restaurent-meal-head > .card > .card-header > .section-header-left > h3 > .card-link {
  font-weight: 700 !important;
}

/* --- Header spacing + icon color refinement --- */
.header .right-side .catring > a {
  gap: 10px !important;
  padding-right: 16px !important;
}

.header .right-side .catring > a > span {
  gap: 10px !important;
}

.header .right-side .catring > a > span i.fa-caret-down,
.header .right-side .catring > a > i,
.header .right-side .cart-btn.notification-btn > a > i.fa-bell {
  color: var(--qm-color-primary) !important;
}

/* --- Header icon color lock --- */
.header .right-side .gem-points > a > i.fa-concierge-bell,
.header .right-side .cart-btn.cart-dropdown > a > i.fa-shopping-bag {
  color: var(--qm-color-primary) !important;
}

@media (min-width: 992px) {
  .parent-megamenu .megamenu {
    top: calc(100% + 18px) !important;
  }
}

/* --- Restaurant top arrow uniformity --- */
.page-banner .overlay-2 .back-btn button,
.page-banner .overlay-2 .tag-share .share-tag {
  width: 66px !important;
  min-width: 66px !important;
  height: 66px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  background: rgba(255, 0, 61, 0.26) !important;
  box-shadow: 0 12px 30px rgba(64, 15, 28, 0.28) !important;
  backdrop-filter: blur(6px);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.page-banner .overlay-2 .back-btn button,
.page-banner .overlay-2 .tag-share .share-tag,
.page-banner .overlay-2 .back-btn button i,
.page-banner .overlay-2 .tag-share .share-tag i {
  color: #fff !important;
}

.page-banner .overlay-2 .back-btn button i,
.page-banner .overlay-2 .tag-share .share-tag i {
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

/* --- Index hero contrast overlay: prevent title/image blending --- */
.about-us-slider.hero-red-overlay .slide-item > .overlay,
.about-us-slider.hero-red-overlay .slide-item > .overlay.overlay-bg {
  display: block !important;
  z-index: 1;
  background: linear-gradient(118deg, rgba(150, 0, 31, 0.74) 0%, rgba(226, 0, 46, 0.58) 46%, rgba(48, 8, 18, 0.44) 100%) !important;
  opacity: 1 !important;
  pointer-events: none;
}

.about-us-slider.hero-red-overlay .slide-item .transform-center {
  z-index: 2;
}

.about-us-slider.hero-red-overlay .slide-item .right-side-content h1,
.about-us-slider.hero-red-overlay .slide-item .right-side-content h3 {
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.48) !important;
}

/* --- Index large-product-box hierarchy + alignment refresh --- */
.index-page .ex-collection .large-product-box-parent {
  position: relative;
  min-height: 587px;
}

.index-page .ex-collection .large-product-box.index-live-card {
  position: absolute;
  top: 0;
  right: 15px;
  left: 15px;
  bottom: 0;
  height: auto;
  padding-bottom: 0;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 14px 30px rgba(32, 8, 15, 0.24);
  transition: transform 0.38s ease, box-shadow 0.38s ease;
}

.index-page .ex-collection .large-product-box.index-live-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(165deg, rgba(13, 5, 9, 0.18) 0%, rgba(255, 39, 66, 0.1) 42%, rgba(13, 5, 9, 0.62) 100%);
  background-size: 170% 170%;
  transition: background-position 0.55s ease, opacity 0.35s ease;
}

.index-page .ex-collection .large-product-box.index-live-card::after {
  content: "Live Offer";
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(120deg, #ff2f44 0%, #ff0018 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 9px 20px rgba(243, 122, 0, 0.4);
  animation: indexLiveTagPulse 2.2s ease-in-out infinite;
  pointer-events: none;
}

.index-page .ex-collection .large-product-box.index-live-card > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.45s ease;
}

.index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  padding: 16px 14px !important;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-content {
  width: 100%;
  display: grid;
  gap: 9px;
  padding: 15px 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: linear-gradient(180deg, rgba(14, 6, 10, 0.2) 0%, rgba(14, 6, 10, 0.44) 36%, rgba(14, 6, 10, 0.72) 100%);
  box-shadow: 0 12px 24px rgba(11, 4, 8, 0.24);
  backdrop-filter: blur(3px);
  transition: transform 0.35s ease, border-color 0.35s ease;
}

.index-page .ex-collection .large-product-box.index-live-card .index-collection-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(16, 6, 11, 0.5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  backdrop-filter: blur(2px);
  animation: indexLiveNoteFloat 3s ease-in-out infinite;
}

.index-page .ex-collection .large-product-box.index-live-card .index-collection-note i {
  color: #ffd451 !important;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-title {
  margin: 0;
  font-size: clamp(18px, 1.4vw, 22px);
  line-height: 1.22;
  font-weight: 700;
  text-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  line-height: 1.42;
  max-width: none;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 1px;
  width: 100%;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
.index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  margin-bottom: 0 !important;
  margin: 0;
  min-height: 34px;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn {
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: linear-gradient(120deg, #ff2f44 0%, #ff0018 100%);
  color: #fff;
  font-weight: 700;
}

.index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first.white-btn {
  border-color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.94);
  color: #2b171e !important;
}

.index-page .ex-collection .large-product-box.index-live-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 36px rgba(29, 7, 14, 0.34);
}

.index-page .ex-collection .large-product-box.index-live-card:hover::before {
  opacity: 1;
  background-position: 100% 50%;
}

.index-page .ex-collection .large-product-box.index-live-card:hover > img {
  transform: scale(1.1);
  filter: saturate(1.16) contrast(1.05);
}

.index-page .ex-collection .large-product-box.index-live-card:hover .index-live-content {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.36);
}

.index-page .ex-collection .large-product-box.index-live-card:hover .index-collection-note {
  background: rgba(243, 122, 0, 0.86);
}

.index-page .ex-collection .large-product-box.index-live-card:hover .index-live-actions .category-btn,
.index-page .ex-collection .large-product-box.index-live-card:hover .index-live-actions .btn-first {
  transform: translateX(2px);
}

@keyframes indexLiveTagPulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 9px 20px rgba(243, 122, 0, 0.34);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 11px 28px rgba(243, 122, 0, 0.52);
  }
}

@keyframes indexLiveNoteFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5px);
  }
}

@media (max-width: 991px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 520px;
  }

  .index-page .ex-collection .large-product-box.index-live-card::after {
    top: 10px;
    right: 10px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
    padding: 16px 11px 13px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-content {
    padding: 11px 10px;
  }
}

@media (max-width: 767px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 420px;
  }

  .index-page .ex-collection .large-product-box.index-live-card {
    border-radius: 16px;
  }

  .index-page .ex-collection .large-product-box.index-live-card::after {
    font-size: 9px;
    min-height: 24px;
    padding: 4px 8px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-title {
    font-size: 17px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
    font-size: 11px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions {
    gap: 6px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
    min-height: 31px;
    font-size: 11px;
    padding: 5px 10px;
  }
}

/* --- Homepage-1 dedicated split hero slider --- */
.homepage1-hero-wrap {
  border-top: 1px solid rgba(243, 122, 0, 0.26);
  border-bottom: 1px solid rgba(243, 122, 0, 0.22);
}

.homepage1-hero-slider {
  overflow: hidden;
}

.homepage1-hero-slider .swiper-slide {
  background: #fff;
}

.homepage1-hero-slider .main-banner,
.homepage1-hero-slider .section-2.main-page {
  height: 840px;
}

.homepage1-hero-slider .main-banner {
  position: relative;
  overflow: hidden;
}

.homepage1-hero-slider .main-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(118deg, rgba(112, 0, 31, 0.32) 0%, rgba(180, 0, 43, 0.18) 52%, rgba(36, 5, 12, 0.26) 100%);
  pointer-events: none;
}

.homepage1-hero-slider .main-banner .overlay-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  z-index: 2;
}

.homepage1-hero-slider .main-banner .overlay-2 img {
  max-width: 196px;
  border-radius: 14px;
  box-shadow: 0 16px 30px rgba(26, 8, 13, 0.28);
}

.homepage1-hero-slider .homepage1-hero-note {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 13px;
  border-radius: 999px;
  background: rgba(243, 122, 0, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.42);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.homepage1-hero-slider .homepage1-hero-dish {
  position: absolute;
  left: 40px;
  bottom: 42px;
  z-index: 3;
  max-width: 348px;
  padding: 16px 18px;
  border: 1px solid rgba(243, 122, 0, 0.28);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 28px rgba(38, 12, 18, 0.18);
}

.homepage1-hero-slider .homepage1-hero-dish h6 {
  margin-bottom: 4px;
  line-height: 1.35;
}

.homepage1-hero-slider .homepage1-hero-dish p {
  margin-bottom: 10px;
}

.homepage1-hero-slider .homepage1-hero-dish .product-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.homepage1-hero-slider .homepage1-hero-dish .square-tag {
  width: 34px;
  height: 34px;
}

.homepage1-hero-slider .main-banner .footer-img {
  z-index: 2;
  right: 14px;
  max-width: 310px;
  filter: drop-shadow(0 12px 24px rgba(46, 12, 22, 0.26));
}

.homepage1-hero-slider .section-2.main-page.main-padding {
  position: relative;
  overflow: hidden;
  padding: 84px 90px 74px;
  background: linear-gradient(180deg, #ffffff 0%, #fff4f6 100%);
}

.homepage1-hero-slider .section-2.main-page.main-padding::before {
  content: "";
  position: absolute;
  right: 46px;
  top: 38px;
  width: 188px;
  height: 188px;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(243, 122, 0, 0.2) 0%, rgba(243, 122, 0, 0) 70%);
  pointer-events: none;
}

.homepage1-hero-slider .section-2.main-page .top-nav {
  position: relative;
  top: auto;
  right: auto;
  z-index: 2;
  margin-bottom: 34px;
}

.homepage1-hero-slider .section-2.main-page .login-box {
  position: relative;
  z-index: 2;
  align-items: flex-start;
}

.homepage1-hero-slider .section-2.main-page .login-box h1 {
  margin-bottom: 12px;
}

.homepage1-hero-slider .section-2.main-page .login-box h3 {
  margin-bottom: 18px;
  max-width: 560px;
}

.homepage1-hero-slider .homepage1-hero-perks {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.homepage1-hero-slider .homepage1-hero-perks li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 33px;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(243, 122, 0, 0.2);
  background: rgba(255, 255, 255, 0.88);
  color: #3d3d52;
  font-size: 12px;
  font-weight: 600;
}

.homepage1-hero-slider .homepage1-hero-perks li i {
  font-size: 13px;
}

.homepage1-hero-slider .homepage1-hero-cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}

.homepage1-hero-slider .homepage1-hero-next,
.homepage1-hero-slider .homepage1-hero-prev {
  top: auto;
  bottom: 16px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 26px rgba(34, 10, 17, 0.18);
}

.homepage1-hero-slider .homepage1-hero-next:after,
.homepage1-hero-slider .homepage1-hero-prev:after {
  font-size: 18px;
  color: var(--qm-color-primary);
  font-weight: 700;
}

.homepage1-hero-slider .homepage1-hero-next {
  right: 20px;
  left: auto;
}

.homepage1-hero-slider .homepage1-hero-prev {
  right: 84px;
  left: auto;
}

@media (max-width: 1199px) {
  .homepage1-hero-slider .main-banner,
  .homepage1-hero-slider .section-2.main-page {
    height: 768px;
  }

  .homepage1-hero-slider .section-2.main-page.main-padding {
    padding: 72px 66px 62px;
  }

  .homepage1-hero-slider .homepage1-hero-dish {
    left: 32px;
    bottom: 32px;
    max-width: 332px;
  }

  .homepage1-hero-slider .main-banner .footer-img {
    max-width: 278px;
  }
}

@media (max-width: 991px) {
  .homepage1-hero-slider .main-banner,
  .homepage1-hero-slider .section-2.main-page {
    height: 696px;
  }

  .homepage1-hero-slider .section-2.main-page.main-padding {
    padding: 64px 48px 52px;
  }

  .homepage1-hero-slider .section-2.main-page .top-nav {
    margin-bottom: 22px;
  }

  .homepage1-hero-slider .homepage1-hero-dish {
    left: 24px;
    bottom: 24px;
    max-width: 304px;
    padding: 14px 14px;
  }

  .homepage1-hero-slider .main-banner .footer-img {
    max-width: 236px;
  }

  .homepage1-hero-slider .homepage1-hero-note {
    font-size: 10px;
    letter-spacing: 0.05em;
  }

  .homepage1-hero-slider .homepage1-hero-next,
  .homepage1-hero-slider .homepage1-hero-prev {
    width: 48px;
    height: 48px;
    bottom: 12px;
  }

  .homepage1-hero-slider .homepage1-hero-prev {
    right: 68px;
  }
}

@media (max-width: 767px) {
  .homepage1-hero-slider .main-banner,
  .homepage1-hero-slider .section-2.main-page {
    height: auto;
  }

  .homepage1-hero-slider .main-banner .main-img {
    min-height: 330px;
    object-fit: cover;
  }

  .homepage1-hero-slider .main-banner .overlay-2.main-padding {
    padding: 24px 20px;
  }

  .homepage1-hero-slider .main-banner .overlay-2 img {
    max-width: 150px;
  }

  .homepage1-hero-slider .homepage1-hero-dish {
    position: relative;
    left: auto;
    bottom: auto;
    margin: -20px 16px 12px;
    max-width: none;
  }

  .homepage1-hero-slider .main-banner .footer-img {
    max-width: 170px;
    right: 0;
  }

  .homepage1-hero-slider .section-2.main-page.main-padding {
    padding: 28px 20px 32px;
  }

  .homepage1-hero-slider .section-2.main-page .top-nav {
    margin-bottom: 18px;
  }

  .homepage1-hero-slider .section-2.main-page .login-box h1 {
    font-size: 30px;
  }

  .homepage1-hero-slider .section-2.main-page .login-box h3 {
    font-size: 15px;
    margin-bottom: 14px;
  }

  .homepage1-hero-slider .homepage1-hero-perks {
    gap: 8px;
    margin-bottom: 14px;
  }

  .homepage1-hero-slider .homepage1-hero-perks li {
    font-size: 11px;
    min-height: 30px;
    padding: 4px 10px;
  }

  .homepage1-hero-slider .homepage1-hero-cta {
    margin-top: 12px;
    gap: 8px;
  }

  .homepage1-hero-slider .homepage1-hero-next,
  .homepage1-hero-slider .homepage1-hero-prev {
    width: 42px;
    height: 42px;
    bottom: 8px;
  }

  .homepage1-hero-slider .homepage1-hero-next {
    right: 10px;
  }

  .homepage1-hero-slider .homepage1-hero-prev {
    right: 56px;
  }
}

/* --- Homepage-3 dedicated above-fold hero slider --- */
.homepage3-hero-slider {
  border-top: 1px solid rgba(243, 122, 0, 0.24);
  border-bottom: 1px solid rgba(243, 122, 0, 0.28);
  overflow: hidden;
}

.homepage3-hero-slider .slide-item {
  position: relative;
  height: 700px;
  overflow: hidden;
}

.homepage3-hero-slider .swiper-slide {
  overflow: hidden;
}

.homepage3-hero-slider .slide-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.04);
}

.homepage3-hero-slider .slide-item > .overlay,
.homepage3-hero-slider .slide-item > .overlay.overlay-bg {
  display: block !important;
  z-index: 1;
  background: linear-gradient(118deg, rgba(123, 0, 30, 0.78) 0%, rgba(206, 0, 48, 0.62) 46%, rgba(45, 8, 18, 0.6) 100%) !important;
  opacity: 1 !important;
}

.homepage3-hero-slider .slide-item .transform-center {
  z-index: 2;
}

.homepage3-hero-slider .homepage3-hero-content {
  max-width: 660px;
  padding: 34px 36px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(22, 5, 10, 0.44) 0%, rgba(22, 5, 10, 0.62) 100%);
  box-shadow: 0 18px 34px rgba(20, 4, 8, 0.36);
  backdrop-filter: blur(4px);
}

.homepage3-hero-slider .homepage3-hero-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.06) 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.homepage3-hero-slider .homepage3-hero-content h1 {
  font-size: clamp(32px, 3.8vw, 54px);
  line-height: 1.12;
  margin-bottom: 16px;
  text-shadow: 0 4px 26px rgba(0, 0, 0, 0.5);
}

.homepage3-hero-slider .homepage3-hero-content h3 {
  font-size: clamp(16px, 1.5vw, 22px);
  line-height: 1.42;
  margin-bottom: 18px;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.48);
}

.homepage3-hero-slider .homepage3-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.homepage3-hero-slider .homepage3-hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.homepage3-hero-slider .homepage3-hero-meta span i {
  font-size: 13px;
}

.homepage3-hero-slider .homepage3-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.homepage3-hero-slider .homepage3-hero-content.text-center .homepage3-hero-meta,
.homepage3-hero-slider .homepage3-hero-content.text-center .homepage3-hero-actions {
  justify-content: center;
}

.homepage3-hero-slider .homepage3-hero-content.text-end .homepage3-hero-meta,
.homepage3-hero-slider .homepage3-hero-content.text-end .homepage3-hero-actions {
  justify-content: flex-end;
}

.homepage3-hero-slider .homepage3-hero-content > * {
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
  transform: translate3d(-12%, 0, 0);
  opacity: 0;
}

.homepage3-hero-slider .slide-item.swiper-slide-active .homepage3-hero-content > * {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.homepage3-hero-slider .homepage3-hero-next,
.homepage3-hero-slider .homepage3-hero-prev {
  top: auto;
  bottom: 18px;
  width: 58px;
  height: 58px;
}

.homepage3-hero-slider .homepage3-hero-next {
  right: 24px;
  left: auto;
}

.homepage3-hero-slider .homepage3-hero-prev {
  right: 90px;
  left: auto;
}

@media (max-width: 991px) {
  .homepage3-hero-slider .slide-item {
    height: 600px;
  }

  .homepage3-hero-slider .homepage3-hero-content {
    max-width: 580px;
    padding: 26px 28px;
    border-radius: 16px;
  }

  .homepage3-hero-slider .homepage3-hero-kicker {
    margin-bottom: 10px;
  }

  .homepage3-hero-slider .homepage3-hero-meta {
    margin-bottom: 16px;
  }

  .homepage3-hero-slider .homepage3-hero-next,
  .homepage3-hero-slider .homepage3-hero-prev {
    width: 52px;
    height: 52px;
    bottom: 14px;
  }

  .homepage3-hero-slider .homepage3-hero-prev {
    right: 76px;
  }
}

@media (max-width: 767px) {
  .homepage3-hero-slider .slide-item {
    height: 520px;
  }

  .homepage3-hero-slider .slide-item > img {
    object-position: center center;
  }

  .homepage3-hero-slider .homepage3-hero-content {
    max-width: 100%;
    padding: 20px 18px;
    border-radius: 14px;
    text-align: center !important;
  }

  .homepage3-hero-slider .homepage3-hero-kicker {
    margin-bottom: 10px;
    padding: 5px 11px;
    font-size: 10px;
  }

  .homepage3-hero-slider .homepage3-hero-content h1 {
    font-size: clamp(26px, 7.2vw, 34px);
    margin-bottom: 12px;
  }

  .homepage3-hero-slider .homepage3-hero-content h3 {
    font-size: clamp(14px, 3.8vw, 18px);
    margin-bottom: 14px;
  }

  .homepage3-hero-slider .homepage3-hero-meta {
    justify-content: center !important;
    gap: 8px;
    margin-bottom: 14px;
  }

  .homepage3-hero-slider .homepage3-hero-meta span {
    min-height: 30px;
    padding: 5px 10px;
    font-size: 11px;
  }

  .homepage3-hero-slider .homepage3-hero-actions {
    justify-content: center !important;
    gap: 8px;
  }

  .homepage3-hero-slider .homepage3-hero-next,
  .homepage3-hero-slider .homepage3-hero-prev {
    width: 44px;
    height: 44px;
    bottom: 10px;
  }

  .homepage3-hero-slider .homepage3-hero-next {
    right: 10px;
  }

  .homepage3-hero-slider .homepage3-hero-prev {
    right: 58px;
  }
}
/* --- List View stabilizer: layout, filters, and card rhythm --- */
body.list-view-page .most-popular.section-padding {
  padding-top: 36px;
}

body.list-view-page .filter-sidebar {
  padding: 18px 18px 10px;
  border: 1px solid rgba(243, 122, 0, 0.22);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff 0%, #fff6f9 100%);
  box-shadow: var(--qm-shadow-sm);
}

body.list-view-page .filter-sidebar .sidebar-tab > ul {
  margin-bottom: 14px;
  gap: 18px;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul > li {
  margin-right: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content .siderbar-innertab > ul {
  margin-bottom: 14px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(243, 122, 0, 0.26);
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card-header a {
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card-header a:after {
  color: var(--qm-color-primary);
}

body.list-view-page .sort-tag-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  margin: 12px 0 18px;
  border: 1px solid rgba(243, 122, 0, 0.24);
  border-radius: 14px;
  background: #fff;
}

body.list-view-page .sort-tag-filter .sorting {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.list-view-page .sort-tag-filter .sorting select {
  min-width: 160px;
  border-radius: 10px;
}

body.list-view-page .product-list-view:first-child {
  border-top: 1px solid rgba(243, 122, 0, 0.24);
}

body.list-view-page .product-list-view {
  align-items: stretch;
  gap: 16px;
  margin-bottom: 14px;
  border: 1px solid rgba(243, 122, 0, 0.24);
  border-radius: 16px;
  padding: 16px;
  background: linear-gradient(180deg, #fff 0%, #fff5f8 100%);
}

body.list-view-page .product-list-view:last-child {
  margin-bottom: 0;
}

body.list-view-page .product-list-view .product-list-info {
  width: 96px;
  flex: 0 0 96px;
  padding-right: 2px;
}

body.list-view-page .product-list-view .product-list-info .product-list-img {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  overflow: hidden;
}

body.list-view-page .product-list-view .product-list-info .product-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.list-view-page .product-list-view .product-right-col {
  width: calc(100% - 112px);
}

body.list-view-page .product-list-view .product-list-details .product-detail-right-box {
  width: auto;
  margin-left: auto;
  gap: 12px;
  align-items: flex-start;
}

body.list-view-page .product-list-view .product-list-time {
  width: auto;
  margin-left: auto;
}

body.list-view-page .product-list-view .product-list-time > span {
  margin-right: 12px;
}

body.list-view-page .product-list-view .product-list-bottom {
  margin-top: 10px;
}

@media (max-width: 1200px) {
  body.list-view-page .product-list-view .product-list-details .product-detail-right-box {
    width: 64%;
  }

  body.list-view-page .product-list-view .product-list-time {
    width: 32%;
  }
}

@media (max-width: 991px) {
  body.list-view-page .most-popular.section-padding {
    padding-top: 24px;
  }

  body.list-view-page .filter-sidebar {
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  body.list-view-page .sort-tag-filter {
    padding: 12px;
    margin: 10px 0 14px;
  }

  body.list-view-page .sort-tag-filter .sorting {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }

  body.list-view-page .sort-tag-filter .sorting select {
    min-width: 0;
    width: 100%;
  }

  body.list-view-page .product-list-view {
    padding: 12px;
    gap: 10px;
    margin-bottom: 10px;
  }

  body.list-view-page .product-list-view .product-list-info,
  body.list-view-page .product-list-view .product-list-info .product-list-img {
    width: 78px;
    height: 78px;
    flex-basis: 78px;
  }

  body.list-view-page .product-list-view .product-right-col {
    width: calc(100% - 88px);
  }
}

/* --- Blog hero image fill lock --- */
.our-blog .blog-box .post .blog-img {
  position: relative;
  overflow: hidden;
}

.our-blog .blog-box .post .blog-img > a {
  display: block;
  width: 100%;
}

.our-blog .blog-box .post .blog-img > a > img {
  width: 100%;
  display: block;
}

@media (min-width: 992px) {
  .our-blog .blog-box .post,
  .our-blog .blog-box .post .blog-img,
  .our-blog .blog-box .post .blog-img > a {
    height: 100%;
  }

  .our-blog .blog-box .post .blog-img > a > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

/* --- Hero input-group2 redesign --- */
.banner-1 .content-wrapper .content-box .input-group,
.inner-wrapper .main-page .login-box .input-group {
  --bs-gutter-x: 14px;
  --bs-gutter-y: 12px;
  align-items: stretch;
  margin: 0 -7px;
}

.banner-1 .content-wrapper .content-box .input-group > .input-group2,
.banner-1 .content-wrapper .content-box .input-group > .col-xl-4,
.inner-wrapper .main-page .login-box .input-group > .input-group2,
.inner-wrapper .main-page .login-box .input-group > .col-xl-4 {
  padding-left: 7px;
  padding-right: 7px;
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 {
  display: flex;
  align-items: center;
  min-height: 52px;
  margin-bottom: 0;
  border: 1px solid rgba(243, 122, 0, 0.34);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(243, 122, 0, 0.14);
  overflow: hidden;
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8:focus-within,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8:focus-within {
  border-color: rgba(243, 122, 0, 0.86);
  box-shadow: 0 0 0 0.2rem rgba(243, 122, 0, 0.14), 0 12px 26px rgba(243, 122, 0, 0.18);
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit {
  flex: 1 1 auto;
  min-height: 52px;
  padding: 12px 16px;
  border: 0;
  border-radius: 14px 0 0 14px;
  background: transparent;
  box-shadow: none;
  color: #2f1822;
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit::placeholder,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit::placeholder {
  color: #8d5a69;
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .input-group-text,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .input-group-text {
  min-width: 52px;
  height: 52px;
  border: 0;
  border-left: 1px solid rgba(243, 122, 0, 0.24);
  border-radius: 0;
  background: linear-gradient(180deg, #fff8fa 0%, #ffe8ef 100%);
  color: #e31b44 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: background 0.2s ease, color 0.2s ease;
}

.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .input-group-text:hover,
.banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .input-group-text:focus,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .input-group-text:hover,
.inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .input-group-text:focus {
  background: linear-gradient(135deg, #ffdce7 0%, #ffc5d6 100%);
  color: #bf002f !important;
}

.banner-1 .content-wrapper .content-box .input-group > .col-xl-4 .btn-submit,
.inner-wrapper .main-page .login-box .input-group > .col-xl-4 .btn-submit {
  min-height: 52px;
  border-radius: 14px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .banner-1 .content-wrapper .content-box .input-group,
  .inner-wrapper .main-page .login-box .input-group {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 10px;
    margin: 0 -6px;
  }

  .banner-1 .content-wrapper .content-box .input-group > .input-group2,
  .banner-1 .content-wrapper .content-box .input-group > .col-xl-4,
  .inner-wrapper .main-page .login-box .input-group > .input-group2,
  .inner-wrapper .main-page .login-box .input-group > .col-xl-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-width: 767px) {
  .banner-1 .content-wrapper .content-box .input-group,
  .inner-wrapper .main-page .login-box .input-group {
    --bs-gutter-x: 0;
    --bs-gutter-y: 10px;
    margin: 0;
  }

  .banner-1 .content-wrapper .content-box .input-group > .input-group2,
  .banner-1 .content-wrapper .content-box .input-group > .col-xl-4,
  .inner-wrapper .main-page .login-box .input-group > .input-group2,
  .inner-wrapper .main-page .login-box .input-group > .col-xl-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8,
  .inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 {
    min-height: 46px;
    border-radius: 12px;
  }

  .banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit,
  .inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .form-control.form-control-submit {
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 12px 0 0 12px;
    font-size: 14px;
  }

  .banner-1 .content-wrapper .content-box .input-group .input-group2.col-xl-8 .input-group-text,
  .inner-wrapper .main-page .login-box .input-group .input-group2.col-xl-8 .input-group-text {
    min-width: 46px;
    height: 46px;
    font-size: 16px;
  }

  .banner-1 .content-wrapper .content-box .input-group > .col-xl-4 .btn-submit,
  .inner-wrapper .main-page .login-box .input-group > .col-xl-4 .btn-submit {
    min-height: 46px;
    border-radius: 12px;
  }
}


/* --- Bottom promo banner redesign --- */
.banner-adv-bg {
  left: 0;
  right: 0;
  bottom: 14px;
  padding: 0 16px;
  background: transparent;
  z-index: 1012;
  pointer-events: none;
}

.banner-adv-bg .banner-adv {
  position: relative;
  width: 100%;
  max-width: 1360px;
  min-height: 94px;
  height: auto;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 22px 40px rgba(74, 7, 27, 0.34);
  background-image: linear-gradient(118deg, rgba(236, 22, 66, 0.96) 0%, rgba(209, 0, 49, 0.94) 52%, rgba(166, 0, 41, 0.95) 100%), url('../img/banner-adv-bg.png');
  background-size: cover;
  background-position: center;
  overflow: hidden;
  pointer-events: auto;
}

.banner-adv-bg .banner-adv::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 46%);
  pointer-events: none;
}

.banner-adv-bg .banner-adv .flex-adv {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 94px;
  padding: 18px 76px 18px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.banner-adv-bg .banner-adv .flex-adv > a:first-child {
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  text-decoration: none;
}

.banner-adv-bg .banner-adv .flex-adv > a:first-child i {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  margin-right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.banner-adv-bg .banner-adv .text {
  margin: 0;
  text-decoration: none;
  text-shadow: 0 4px 14px rgba(35, 5, 16, 0.36);
  color: #ffffff;
  font-size: clamp(18px, 1.85vw, 25px);
  line-height: 1.2;
  font-weight: 700;
}

.banner-adv-bg .banner-adv .flex-adv .btn-submit {
  flex: 0 0 auto;
  min-width: 206px;
  min-height: 50px;
  padding: 12px 24px;
  border-radius: 999px;
  border: 0;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  background: linear-gradient(135deg, #fff 0%, #ffe2ea 100%);
  color: #b2002f;
  box-shadow: 0 12px 24px rgba(72, 8, 25, 0.24);
}

.banner-adv-bg .banner-adv .flex-adv .btn-submit:hover,
.banner-adv-bg .banner-adv .flex-adv .btn-submit:focus {
  background: linear-gradient(135deg, #ffffff 0%, #ffd1de 100%);
  color: #9a0028;
  transform: translateY(-1px);
}

.banner-adv-bg .btn-close-banner,
.banner-adv-bg .close-banner {
  right: 16px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: rgba(24, 2, 9, 0.24);
  box-shadow: 0 8px 14px rgba(31, 3, 12, 0.26);
}

.banner-adv-bg .btn-close-banner:hover,
.banner-adv-bg .close-banner:hover {
  background: rgba(24, 2, 9, 0.4);
  box-shadow: 0 10px 18px rgba(31, 3, 12, 0.35);
}

@media (max-width: 1199px) {
  .banner-adv-bg {
    bottom: 10px;
    padding: 0 12px;
  }

  .banner-adv-bg .banner-adv {
    min-height: 88px;
    border-radius: 16px;
  }

  .banner-adv-bg .banner-adv .flex-adv {
    min-height: 88px;
    padding: 14px 64px 14px 14px;
  }

  .banner-adv-bg .banner-adv .text {
    font-size: clamp(16px, 2vw, 21px);
  }

  .banner-adv-bg .banner-adv .flex-adv .btn-submit {
    min-width: 186px;
    min-height: 46px;
    padding: 10px 20px;
  }
}

@media (max-width: 991px) {
  .banner-adv-bg .banner-adv .flex-adv {
    gap: 10px;
    padding-right: 54px;
  }

  .banner-adv-bg .banner-adv .flex-adv > a:first-child {
    gap: 10px;
  }

  .banner-adv-bg .banner-adv .flex-adv > a:first-child i {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 16px;
  }

  .banner-adv-bg .banner-adv .flex-adv .btn-submit {
    min-width: 170px;
    min-height: 42px;
    padding: 9px 16px;
  }
}

@media (max-width: 767px) {
  .banner-adv-bg {
    display: none;
  }
}

/* --- List view spacing + sort-tag-filter cleanup --- */
body.list-view-page .most-popular.section-padding {
  padding-top: 34px;
  padding-bottom: 72px;
}

body.list-view-page .most-popular .container-fluid {
  padding-left: 18px;
  padding-right: 18px;
}

body.list-view-page .most-popular .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 18px;
  align-items: flex-start;
}

body.list-view-page .most-popular .section-header-left {
  margin-bottom: 12px;
}

body.list-view-page .popular-item-slider {
  margin-bottom: 14px;
}

body.list-view-page .filter-sidebar {
  margin-bottom: 18px !important;
}

body.list-view-page .sort-tag-filter,
body.list-view-page .sort-tag-filter.padding-15 {
  gap: 12px;
  padding: 14px 16px !important;
  margin: 10px 0 18px;
}

body.list-view-page .sort-tag-filter .restaurent-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.list-view-page .sort-tag-filter .restaurent-tags .tags {
  margin-right: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 8px;
  line-height: 1;
  padding: 7px 30px 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(243, 122, 0, 0.26);
  background: #fff5f8;
}

body.list-view-page .sort-tag-filter .restaurent-tags .tags .btn-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
  opacity: 1;
  color: #9d485d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-indent: 0;
  cursor: pointer;
}

body.list-view-page .sort-tag-filter .restaurent-tags .tags .btn-close::before,
body.list-view-page .sort-tag-filter .restaurent-tags .tags .btn-close::after {
  display: none;
}

body.list-view-page .sort-tag-filter .sorting {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.list-view-page .sort-tag-filter .sorting span {
  margin-right: 0;
}

body.list-view-page .sort-tag-filter .sorting select {
  height: 42px;
  min-width: 176px;
  padding: 8px 42px 8px 12px;
  border-radius: 10px;
}

body.list-view-page .product-list-view {
  margin-bottom: 16px;
  padding: 17px;
  gap: 18px;
}

body.list-view-page .product-list-view .product-list-details {
  row-gap: 10px;
}

body.list-view-page .product-list-view .product-list-bottom {
  margin-top: 11px;
  row-gap: 8px;
  align-items: center;
}

body.list-view-page .product-list-view .product-list-type {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

body.list-view-page .product-list-view .product-list-time ul {
  margin: 0;
  padding: 0;
}

@media (max-width: 1199px) {
  body.list-view-page .most-popular .container-fluid {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.list-view-page .most-popular .row {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 14px;
  }

  body.list-view-page .product-list-view {
    gap: 14px;
  }
}

@media (max-width: 991px) {
  body.list-view-page .most-popular.section-padding {
    padding-top: 24px;
    padding-bottom: 56px;
  }

  body.list-view-page .filter-sidebar {
    margin-bottom: 16px !important;
  }

  body.list-view-page .sort-tag-filter,
  body.list-view-page .sort-tag-filter.padding-15 {
    margin: 8px 0 14px;
  }
}

@media (max-width: 767px) {
  body.list-view-page .most-popular .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.list-view-page .most-popular .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 12px;
  }

  body.list-view-page .sort-tag-filter,
  body.list-view-page .sort-tag-filter.padding-15 {
    padding: 10px 12px !important;
    margin: 8px 0 12px;
    gap: 10px;
  }

  body.list-view-page .sort-tag-filter .restaurent-tags {
    width: 100%;
  }

  body.list-view-page .sort-tag-filter .sorting {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }

  body.list-view-page .sort-tag-filter .sorting select {
    width: 100%;
    min-width: 0;
  }

  body.list-view-page .product-list-view {
    padding: 12px;
    gap: 10px;
    margin-bottom: 10px;
  }

  body.list-view-page .product-list-view .product-list-time {
    margin-left: 0;
  }

  body.list-view-page .product-list-view .product-list-time > span {
    margin-right: 8px;
  }
}

/* --- List view filter sidebar containment fix --- */
body.list-view-page .filter-sidebar {
  overflow: visible;
}

body.list-view-page .filter-sidebar,
body.list-view-page .filter-sidebar .sidebar-tab,
body.list-view-page .filter-sidebar .tab-content,
body.list-view-page .filter-sidebar .tab-pane {
  min-width: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 14px;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul > li {
  flex: 1 1 calc(50% - 14px);
  min-width: 0;
  margin-right: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul > li > a {
  display: block;
  width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content p.delivery-type {
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card-header a,
body.list-view-page .filter-sidebar .sidebar-tab .filters .card .card-body label.form-check {
  overflow-wrap: anywhere;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .rating button {
  min-width: 0;
  padding-left: 6px;
  padding-right: 6px;
}

@media (max-width: 575px) {
  body.list-view-page .filter-sidebar .sidebar-tab > ul > li {
    flex-basis: 100%;
  }

  body.list-view-page .filter-sidebar .sidebar-tab > ul > li > a {
    text-align: left;
  }
}

/* --- List view spacing alignment pass --- */
body.list-view-page .most-popular.section-padding {
  padding-top: 36px;
  padding-bottom: 68px;
}

body.list-view-page .most-popular .row {
  --bs-gutter-y: 20px;
  align-items: flex-start;
}

body.list-view-page .filter-sidebar.mb-5 {
  margin-bottom: 20px !important;
  min-height: 66vh;
  display: flex;
  flex-direction: column;
}

body.list-view-page .filter-sidebar .title-2 {
  margin-bottom: 12px;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content .siderbar-innertab > ul {
  margin-bottom: 14px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card {
  margin-bottom: 15px;
}

body.list-view-page .browse-cat .section-header-left {
  margin-bottom: 12px;
}

body.list-view-page .popular-item-slider {
  margin-bottom: 16px;
}

body.list-view-page .sort-tag-filter,
body.list-view-page .sort-tag-filter.padding-15 {
  margin: 10px 0 18px;
}

body.list-view-page .browse-cat .restaurent-product-list {
  height: auto;
  margin-bottom: 18px !important;
}

body.list-view-page .browse-cat .restaurent-product-list .restaurent-product-detail .restaurent-product-left {
  padding: 10px 14px;
}

body.list-view-page .browse-cat .restaurent-product-list .restaurent-product-detail .restaurent-product-left .restaurent-product-caption-box,
body.list-view-page .browse-cat .restaurent-product-list .restaurent-product-detail .restaurent-product-left .restaurent-product-box .restaurent-product-label {
  margin-bottom: 8px;
}

body.list-view-page .browse-cat .restaurent-product-list .restaurent-product-detail span {
  word-break: normal;
}

body.list-view-page .browse-cat .custom-pagination {
  margin-top: 2px;
}

@media (max-width: 991px) {
  body.list-view-page .most-popular.section-padding {
    padding-top: 24px;
    padding-bottom: 52px;
  }

  body.list-view-page .most-popular .row {
    --bs-gutter-y: 14px;
  }

  body.list-view-page .filter-sidebar.mb-5 {
    min-height: 60vh;
  }
}

@media (max-width: 767px) {
  body.list-view-page .filter-sidebar.mb-5 {
    min-height: auto;
  }

  body.list-view-page .browse-cat .restaurent-product-list {
    margin-bottom: 14px !important;
  }

  body.list-view-page .browse-cat .restaurent-product-list .restaurent-product-detail .restaurent-product-left {
    padding: 10px 12px;
  }
}

/* --- List view filter sidebar final align + fit --- */
body.list-view-page .filter-sidebar.mb-5,
body.list-view-page .filter-sidebar .sidebar-tab,
body.list-view-page .filter-sidebar .sidebar-tab .tab-content,
body.list-view-page .filter-sidebar .sidebar-tab .tab-content .tab-pane,
body.list-view-page .filter-sidebar .sidebar-tab .filters,
body.list-view-page .filter-sidebar .sidebar-tab .filters .card,
body.list-view-page .filter-sidebar .sidebar-tab .filters .card .card-body {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card-header a {
  padding-right: 5px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card-header a:after {
  margin-left: 8px;
  flex: 0 0 auto;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 14px;
  margin: 0 0 14px;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul > li {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab > ul > li > a {
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content .siderbar-innertab > ul {
  margin: 0 0 14px;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content p.delivery-type {
  margin-bottom: 12px;
  line-height: 1.45;
}

body.list-view-page .filter-sidebar .sidebar-tab .tab-content p.delivery-type a {
  white-space: nowrap;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters {
  padding-bottom: 8px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card {
  margin-bottom: 14px;
  padding-bottom: 10px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card .card-body {
  padding-top: 2px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .card .card-body label.form-check {
  margin-bottom: 10px;
  line-height: 1.4;
  white-space: normal;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .rating {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .rating button {
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider {
  margin: 0;
  padding: 0 6px 10px;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs,
body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs--flat.irs-with-grid {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs-grid {
  left: 0 !important;
  width: 100% !important;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs--flat .irs-grid-text {
  padding: 0 !important;
  font-size: 11px;
  line-height: 1.2;
  top: 24px;
  white-space: nowrap;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs--flat .irs-grid-text[style*="left: 0"] {
  left: 0 !important;
  transform: translateX(0) !important;
  text-align: left;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs--flat .irs-grid-text[style*="left: 100"] {
  left: 100% !important;
  transform: translateX(-100%) !important;
  text-align: right;
}

body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider .irs--flat .irs-grid-text:not([style*="left: 0"]):not([style*="left: 100"]) {
  transform: translateX(-50%) !important;
}

@media (max-width: 575px) {
  body.list-view-page .filter-sidebar .sidebar-tab > ul {
    flex-wrap: wrap;
    gap: 8px;
  }

  body.list-view-page .filter-sidebar .sidebar-tab > ul > li {
    flex-basis: 100%;
  }

  body.list-view-page .filter-sidebar .sidebar-tab > ul > li > a {
    text-align: left;
    white-space: normal;
  }

  body.list-view-page .filter-sidebar .sidebar-tab .filters .delivery-slider {
    padding: 0 2px 10px;
  }
}

/* --- Header delivery/pickup switch redesign --- */
.header .right-side .service-mode-toggle {
  --qm-switch-pad: 4px;
  --qm-switch-index: 0;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-right: 8px;
  padding: var(--qm-switch-pad);
  min-width: 208px;
  border-radius: 999px;
  border: 1px solid rgba(243, 122, 0, 0.38);
  background: linear-gradient(165deg, #ffffff 0%, #fff8ef 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 18px rgba(89, 14, 35, 0.12);
  overflow: hidden;
}

.header .right-side .service-mode-toggle::before {
  content: '';
  position: absolute;
  top: var(--qm-switch-pad);
  left: var(--qm-switch-pad);
  bottom: var(--qm-switch-pad);
  width: calc(50% - var(--qm-switch-pad));
  border-radius: 999px;
  background: linear-gradient(135deg, #f37a00 0%, #ba5200 100%);
  box-shadow: 0 10px 18px rgba(183, 74, 0, 0.34), inset 0 -2px 6px rgba(128, 56, 0, 0.28);
  transform: translateX(calc(var(--qm-switch-index) * 100%));
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s ease, box-shadow 0.2s ease;
  z-index: 0;
}

.header .right-side .service-mode-toggle[data-active-index='1'] {
  --qm-switch-index: 1;
}

.header .right-side .service-mode-toggle[data-active-mode='pickup']::before {
  background: linear-gradient(135deg, #ff9620 0%, #d76500 100%);
  box-shadow: 0 10px 18px rgba(215, 101, 0, 0.34), inset 0 -2px 6px rgba(123, 65, 0, 0.24);
}

.header .right-side .service-mode-toggle .mode-btn {
  position: relative;
  z-index: 1;
  flex: 1 1 50%;
  border: 0;
  background: transparent;
  color: #8a5324;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  letter-spacing: 0.01em;
  transition: color 0.2s ease, transform 0.2s ease;
}

.header .right-side .service-mode-toggle .mode-btn::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.45;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.header .right-side .service-mode-toggle .mode-btn:not(.active):hover,
.header .right-side .service-mode-toggle .mode-btn:not(.active):focus {
  color: #cb0035;
  transform: translateY(-1px);
}

.header .right-side .service-mode-toggle .mode-btn.active {
  color: #fff;
  background: transparent;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.header .right-side .service-mode-toggle .mode-btn.active::before {
  opacity: 1;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.22);
}

.header .right-side .service-mode-toggle .mode-btn:focus-visible {
  outline: 2px solid rgba(255, 0, 61, 0.55);
  outline-offset: 2px;
}

body[data-service-mode='pickup'] .header .right-side .service-mode-toggle {
  border-color: rgba(198, 0, 51, 0.46);
}

body[data-service-mode='pickup'] .header .right-side .service-mode-toggle .mode-btn:not(.active) {
  color: #9a443b;
}

@media (max-width: 1199px) {
  .header .right-side .service-mode-toggle {
    margin-right: 4px;
    min-width: 188px;
  }

  .header .right-side .service-mode-toggle .mode-btn {
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
  }
}

@media (max-width: 991px) {
  .header .right-side .service-mode-toggle {
    min-width: 166px;
  }

  .header .right-side .service-mode-toggle .mode-btn {
    min-height: 32px;
    padding: 0 10px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .header .right-side .service-mode-toggle {
    display: none;
  }
}
/* --- Header search expansion + live typing placeholder --- */
.header .main-search.mainNavCol {
  flex: 1 1 920px;
  min-width: 320px;
  max-width: 940px;
}

.header .main-search .search-form .row {
  --bs-gutter-x: 12px;
}

.header .main-search .search-form .row > .col-lg-6.col-md-5 {
  flex: 0 0 34%;
  max-width: 34%;
}

.header .main-search .search-form .row > .col-lg-6.col-md-7 {
  flex: 0 0 66%;
  max-width: 66%;
}

.header .main-search .search-form .search-box,
.header .main-search .search-form .search-box input {
  width: 100%;
}

.header .main-search .search-form .search-box input {
  padding-right: 14px;
  letter-spacing: 0.01em;
}

body.header-search-typing .header .main-search .search-form .search-box input::placeholder {
  color: #8a4f61;
  opacity: 1;
}

@media (max-width: 1399px) {
  .header .main-search.mainNavCol {
    flex: 1 1 860px;
    max-width: 880px;
  }

  .header .main-search .search-form .row > .col-lg-6.col-md-5 {
    flex-basis: 36%;
    max-width: 36%;
  }

  .header .main-search .search-form .row > .col-lg-6.col-md-7 {
    flex-basis: 64%;
    max-width: 64%;
  }
}

@media (max-width: 1199px) {
  .header .main-search.mainNavCol {
    min-width: 0;
    max-width: none;
  }

  .header .main-search .search-form .row {
    --bs-gutter-x: 10px;
  }

  .header .main-search .search-form .row > .col-lg-6.col-md-5 {
    flex-basis: 40%;
    max-width: 40%;
  }

  .header .main-search .search-form .row > .col-lg-6.col-md-7 {
    flex-basis: 60%;
    max-width: 60%;
  }
}

/* --- Side panel hide/show control + default collapsed state --- */
#side-panel {
  left: -260px !important;
  transition: left 0.35s ease !important;
}

#side-panel:not(.toggled) {
  left: 0 !important;
}

#side-panel .themes-wrapper {
  overflow: visible;
}

#side-panel .themes-wrapper .vertical-link {
  z-index: 3;
}

#side-panel .themes-wrapper .themes-panel-toggle {
  position: absolute;
  right: -54px;
  top: 8px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0 14px 14px 0;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
  z-index: 4;
  overflow: visible;
  box-shadow: 0 10px 22px rgba(183, 74, 0, 0.34);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
}

#side-panel .themes-wrapper .themes-panel-toggle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(183, 74, 0, 0.35);
  opacity: 0;
  transform: scale(1, 1) translate(-50%, -50%);
  transform-origin: 50% 50%;
  z-index: -1;
  pointer-events: none;
  animation: box_ripple 2s cubic-bezier(.18, .74, .72, 1) infinite;
}

#side-panel .themes-wrapper:hover .themes-panel-toggle,
#side-panel .themes-wrapper .themes-panel-toggle:hover {
  -webkit-animation: bounceRight 0s;
  animation: bounceRight 0s;
}

#side-panel .themes-wrapper:hover .themes-panel-toggle::before,
#side-panel .themes-wrapper .themes-panel-toggle:hover::before {
  animation: box_ripple 3s cubic-bezier(.18, .74, .72, 1);
}

#side-panel .themes-wrapper .themes-panel-toggle i {
  font-size: 15px;
  line-height: 1;
}

#side-panel .themes-wrapper .themes-panel-toggle .toggle-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}

#side-panel .themes-wrapper .themes-panel-toggle:hover {
  transform: translateX(2px);
  box-shadow: 0 12px 24px rgba(183, 74, 0, 0.42);
}

#side-panel:not(.toggled) .themes-wrapper .themes-panel-toggle i {
  transform: translateX(-1px);
}

@media (max-width: 991px) {
  #side-panel {
    left: -236px !important;
  }

  #side-panel:not(.toggled) {
    left: 0 !important;
  }

  #side-panel .themes-wrapper .themes-panel-toggle {
    top: 6px;
  }
}

/* --- Main-page hero login-box comfort expansion --- */
.section-2.main-page.main-padding {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-2.main-page .top-nav {
  top: 30px;
  right: 30px;
  gap: 18px;
  z-index: 2;
}

.section-2.main-page .top-nav h5 {
  margin-right: 0;
}

.section-2.main-page .login-box {
  width: 100%;
  max-width: 860px;
  min-height: 320px;
  padding: 34px 34px 30px;
  display: flex;
  align-items: center;
  border-radius: 22px;
}

.section-2.main-page .top-nav + .login-box {
  margin-top: 40px;
}

.section-2.main-page .login-box > .col-12 {
  width: 100%;
}

.section-2.main-page .login-box h1,
.section-2.main-page .login-box h3 {
  margin-bottom: 20px;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: #221018;
}

.section-2.main-page .login-box .input-group.row {
  margin-top: 6px;
}

.section-2.main-page .login-box .input-group > .col-xl-4 .btn-submit {
  min-height: 54px;
}

.side-bar .section-2.main-page .login-box {
  min-height: 0;
  padding: 24px 18px;
  border-radius: 16px;
}

.side-bar .section-2.main-page .login-box h3 {
  margin-bottom: 14px;
  font-size: clamp(23px, 2.1vw, 31px);
}

.side-bar .section-2.main-page .login-box .input-group.row {
  margin-top: 4px;
}

@media (max-width: 1399px) {
  .section-2.main-page .login-box {
    max-width: 790px;
    padding: 30px 28px 26px;
  }
}

@media (max-width: 1199px) {
  .section-2.main-page .top-nav {
    top: 18px;
    right: 20px;
    gap: 14px;
  }

  .section-2.main-page .login-box {
    max-width: none;
    min-height: 300px;
    padding: 26px 22px;
  }

  .section-2.main-page .top-nav + .login-box {
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .section-2.main-page.main-padding {
    padding: 48px 28px 30px;
  }

  .section-2.main-page .login-box {
    min-height: auto;
    padding: 22px 18px;
  }

  .section-2.main-page .top-nav + .login-box {
    margin-top: 18px;
  }
}

@media (max-width: 767px) {
  .section-2.main-page.main-padding {
    padding: 24px 12px 16px !important;
  }

  .section-2.main-page .top-nav {
    position: relative;
    top: 0;
    right: 0;
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .section-2.main-page .login-box {
    padding: 16px 14px;
    border-radius: 14px;
  }

  .section-2.main-page .top-nav + .login-box {
    margin-top: 0;
  }

  .section-2.main-page .login-box h1,
  .section-2.main-page .login-box h3 {
    margin-bottom: 14px;
    font-size: clamp(24px, 7vw, 34px);
  }
}

/* --- SVG category strip above hero slider --- */
.svg-category-strip {
  position: relative;
  z-index: 4;
  padding: 14px 0 12px;
  background: linear-gradient(180deg, #fffaf4 0%, #fff7ee 100%);
  border-top: 1px solid rgba(243, 122, 0, 0.14);
  border-bottom: 1px solid rgba(243, 122, 0, 0.18);
}

.svg-category-strip .container-fluid {
  padding-left: 18px;
  padding-right: 18px;
}

.svg-category-strip .svg-category-shell {
  border: 1px solid rgba(243, 122, 0, 0.22);
  border-radius: 16px;
  padding: 11px 12px 13px;
  background: linear-gradient(180deg, #ffffff 0%, #fff7fa 100%);
  box-shadow: 0 10px 22px rgba(69, 9, 25, 0.08);
}

.svg-category-strip .svg-category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.svg-category-strip .svg-category-head h6 {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.01em;
}

.svg-category-strip .svg-category-head span {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #9a5a6c;
}

.svg-category-strip .svg-category-carousel {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  align-items: stretch;
  gap: 10px;
}

.svg-category-strip .svg-category-nav {
  border: 1px solid rgba(243, 122, 0, 0.28);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff8fb 0%, #ffe9f1 100%);
  color: #b74a00;
  min-height: 84px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.svg-category-strip .svg-category-nav i {
  font-size: 14px;
  line-height: 1;
}

.svg-category-strip .svg-category-nav:hover {
  transform: translateY(-2px);
  border-color: rgba(243, 122, 0, 0.5);
  box-shadow: 0 8px 16px rgba(243, 122, 0, 0.14);
}

.svg-category-strip .svg-category-nav:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  transform: none;
  box-shadow: none;
}

.svg-category-strip .svg-category-track {
  display: flex;
  align-items: stretch;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 3px 1px 5px;
  min-width: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.svg-category-strip .svg-category-track::-webkit-scrollbar {
  display: none;
}

.svg-category-strip .svg-category-track::-webkit-scrollbar-thumb {
  display: none;
}

.svg-category-strip .svg-category-track::-webkit-scrollbar-track {
  display: none;
}

.svg-category-strip .svg-category-item {
  position: relative;
  flex: 0 0 92px;
  min-height: 84px;
  padding: 14px 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(243, 122, 0, 0.2);
  background: linear-gradient(180deg, #fff 0%, #ffeff4 100%);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-decoration: none;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.svg-category-strip .svg-category-item:nth-child(5n+1) {
  background: linear-gradient(180deg, #ffffff 0%, #eefaf1 100%);
  border-color: rgba(74, 161, 16, 0.24);
}

.svg-category-strip .svg-category-item:nth-child(5n+2) {
  background: linear-gradient(180deg, #ffffff 0%, #fff4e9 100%);
  border-color: rgba(251, 97, 0, 0.22);
}

.svg-category-strip .svg-category-item:nth-child(5n+3) {
  background: linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
  border-color: rgba(10, 94, 196, 0.2);
}

.svg-category-strip .svg-category-item:nth-child(5n+4) {
  background: linear-gradient(180deg, #ffffff 0%, #fff2f7 100%);
  border-color: rgba(243, 122, 0, 0.22);
}

.svg-category-strip .svg-category-item:nth-child(5n+5) {
  background: linear-gradient(180deg, #ffffff 0%, #fff7ed 100%);
  border-color: rgba(255, 125, 0, 0.24);
}

.svg-category-strip .svg-category-item .svg-category-count {
  position: absolute;
  top: 5px;
  right: 5px;
  min-width: 24px;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  background: linear-gradient(135deg, #f37a00 0%, #ffae4d 100%);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.01em;
  box-shadow: 0 6px 12px rgba(185, 0, 48, 0.24);
  text-align: center;
}

.svg-category-strip .svg-category-item:nth-child(5n+1) .svg-category-count {
  background: linear-gradient(135deg, #49a514 0%, #2f7d0e 100%);
  box-shadow: 0 6px 12px rgba(45, 122, 14, 0.3);
}

.svg-category-strip .svg-category-item:nth-child(5n+2) .svg-category-count {
  background: linear-gradient(135deg, #fb6100 0%, #ed7d31 100%);
  box-shadow: 0 6px 12px rgba(197, 90, 17, 0.3);
}

.svg-category-strip .svg-category-item:nth-child(5n+3) .svg-category-count {
  background: linear-gradient(135deg, #0a87d9 0%, #0a5dc4 100%);
  box-shadow: 0 6px 12px rgba(10, 94, 196, 0.28);
}

.svg-category-strip .svg-category-item:nth-child(5n+4) .svg-category-count {
  background: linear-gradient(135deg, #f37a00 0%, #ffae4d 100%);
  box-shadow: 0 6px 12px rgba(185, 0, 48, 0.24);
}

.svg-category-strip .svg-category-item:nth-child(5n+5) .svg-category-count {
  background: linear-gradient(135deg, #f6a31d 0%, #d76500 100%);
  box-shadow: 0 6px 12px rgba(204, 96, 0, 0.29);
}

.svg-category-strip .svg-category-item img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.svg-category-strip .svg-category-item .svg-category-title {
  display: block;
  color: #351a24;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.svg-category-strip .svg-category-item.svg-category-item-wide {
  flex-basis: 136px;
}

.svg-category-strip .svg-category-item.svg-category-item-fill {
  flex: 0 0 156px;
  min-width: 156px;
}

.svg-category-strip .svg-category-item.svg-category-item-wide .svg-category-title {
  white-space: normal;
  line-height: 1.15;
}

.svg-category-strip .svg-category-item:hover,
.svg-category-strip .svg-category-item:focus {
  transform: translateY(-2px);
  border-color: rgba(243, 122, 0, 0.5);
  box-shadow: 0 10px 18px rgba(243, 122, 0, 0.16);
}

.svg-category-strip .svg-category-item:nth-child(5n+1):hover,
.svg-category-strip .svg-category-item:nth-child(5n+1):focus {
  border-color: rgba(74, 161, 16, 0.48);
  box-shadow: 0 10px 18px rgba(74, 161, 16, 0.16);
}

.svg-category-strip .svg-category-item:nth-child(5n+2):hover,
.svg-category-strip .svg-category-item:nth-child(5n+2):focus {
  border-color: rgba(251, 97, 0, 0.48);
  box-shadow: 0 10px 18px rgba(251, 97, 0, 0.16);
}

.svg-category-strip .svg-category-item:nth-child(5n+3):hover,
.svg-category-strip .svg-category-item:nth-child(5n+3):focus {
  border-color: rgba(10, 94, 196, 0.46);
  box-shadow: 0 10px 18px rgba(10, 94, 196, 0.16);
}

.svg-category-strip .svg-category-item:nth-child(5n+5):hover,
.svg-category-strip .svg-category-item:nth-child(5n+5):focus {
  border-color: rgba(255, 125, 0, 0.48);
  box-shadow: 0 10px 18px rgba(255, 125, 0, 0.16);
}

@media (max-width: 1199px) {
  .svg-category-strip .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .svg-category-strip .svg-category-shell {
    padding: 10px 10px 11px;
  }

  .svg-category-strip .svg-category-carousel {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 9px;
  }

  .svg-category-strip .svg-category-item {
    flex-basis: 88px;
    min-height: 78px;
  }

  .svg-category-strip .svg-category-item.svg-category-item-wide {
    flex-basis: 128px;
  }

  .svg-category-strip .svg-category-item.svg-category-item-fill {
    flex-basis: 146px;
    min-width: 146px;
  }
}

@media (max-width: 767px) {
  .svg-category-strip {
    padding: 9px 0;
  }

  .svg-category-strip .svg-category-shell {
    border-radius: 12px;
    padding: 8px 8px 9px;
  }

  .svg-category-strip .svg-category-head {
    margin-bottom: 8px;
  }

  .svg-category-strip .svg-category-head h6 {
    font-size: 13px;
  }

  .svg-category-strip .svg-category-head span {
    font-size: 10px;
  }

  .svg-category-strip .svg-category-carousel {
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 7px;
  }

  .svg-category-strip .svg-category-nav {
    min-height: 74px;
    border-radius: 10px;
  }

  .svg-category-strip .svg-category-nav i {
    font-size: 12px;
  }

  .svg-category-strip .svg-category-track {
    gap: 8px;
  }

  .svg-category-strip .svg-category-item {
    flex-basis: 80px;
    min-height: 74px;
    border-radius: 12px;
    padding: 12px 7px 7px;
    gap: 5px;
  }

  .svg-category-strip .svg-category-item img {
    width: 22px;
    height: 22px;
  }

  .svg-category-strip .svg-category-item .svg-category-title {
    font-size: 10px;
  }

  .svg-category-strip .svg-category-item .svg-category-count {
    top: 4px;
    right: 4px;
    min-width: 22px;
    padding: 2px 5px;
    font-size: 8px;
  }

  .svg-category-strip .svg-category-item.svg-category-item-wide {
    flex-basis: 118px;
  }

  .svg-category-strip .svg-category-item.svg-category-item-fill {
    flex: 0 0 132px;
    min-width: 132px;
  }
}

/* --- Utility side panels: left categories + right brands --- */
.utility-sidepanel-page {
  --utility-left-open: clamp(220px, 15vw, 320px);
  --utility-left-collapsed: 86px;
  --utility-right-open: clamp(220px, 15vw, 320px);
  --utility-right-collapsed: 0px;
  padding-left: var(--utility-left-open);
  padding-right: var(--utility-right-open);
  transition: padding-left 0.35s ease, padding-right 0.35s ease;
}

.utility-sidepanel-page .header {
  left: var(--utility-left-open);
  right: var(--utility-right-open);
  width: auto;
  transition: left 0.35s ease, right 0.35s ease, box-shadow 0.3s ease;
}

.utility-sidepanel-page.home5-sidepanel-collapsed {
  padding-left: var(--utility-left-collapsed);
}

.utility-sidepanel-page.brand-sidepanel-collapsed {
  padding-right: var(--utility-right-collapsed);
}

.utility-sidepanel-page.home5-sidepanel-collapsed .header {
  left: var(--utility-left-collapsed);
}

.utility-sidepanel-page.brand-sidepanel-collapsed .header {
  right: var(--utility-right-collapsed);
}

.utility-sidepanel-page .brand-header-toggle-wrap.mainNavCol {
  flex: 0 0 auto;
  order: 4;
  margin-left: 8px;
  margin-right: 0;
  display: inline-flex;
  align-items: center;
}

.utility-sidepanel-page .header .right-side.mainNavCol {
  order: 3;
  margin-left: auto;
}

.utility-sidepanel-page .home5-sidepanel {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--utility-left-open);
  z-index: 1036;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(243, 122, 0, 0.24);
  background: linear-gradient(180deg, #fff8fb 0%, #fff0f5 46%, #ffeaf1 100%);
  box-shadow: 16px 0 34px rgba(57, 9, 23, 0.12);
  transition: width 0.35s ease;
  overflow: hidden;
}

.utility-sidepanel-page .home5-sidepanel-head {
  padding: 14px 12px 10px;
}

.utility-sidepanel-page .home5-sidepanel-toggle {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(243, 122, 0, 0.32);
  border-radius: 12px;
  background: linear-gradient(120deg, #ff2b52 0%, #d10031 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 10px 18px rgba(173, 4, 47, 0.26);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.utility-sidepanel-page .home5-sidepanel-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(173, 4, 47, 0.34);
}

.utility-sidepanel-page .home5-sidepanel-toggle i {
  font-size: 14px;
}

.utility-sidepanel-page .home5-sidepanel-nav {
  display: grid;
  gap: 8px;
  padding: 4px 12px 16px;
  overflow-y: auto;
  overflow-x: hidden;
}

.utility-sidepanel-page .home5-sidepanel-nav::-webkit-scrollbar {
  width: 4px;
}

.utility-sidepanel-page .home5-sidepanel-nav::-webkit-scrollbar-thumb {
  background: rgba(243, 122, 0, 0.26);
  border-radius: 999px;
}

.utility-sidepanel-page .home5-sidepanel-link {
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(243, 122, 0, 0.16);
  background: #fff;
  color: #2d1a22;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.utility-sidepanel-page .home5-sidepanel-link:hover,
.utility-sidepanel-page .home5-sidepanel-link:focus {
  transform: translateX(2px);
  border-color: rgba(243, 122, 0, 0.35);
  box-shadow: 0 10px 18px rgba(74, 10, 29, 0.12);
}

.utility-sidepanel-page .home5-sidepanel-link.is-active {
  border-color: rgba(243, 122, 0, 0.46);
  background: linear-gradient(120deg, #fff4f8 0%, #ffeaf2 100%);
}

.utility-sidepanel-page .home5-sidepanel-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 8px 14px rgba(66, 11, 26, 0.16);
}

.utility-sidepanel-page .home5-sidepanel-icon i {
  font-size: 13px;
}

.utility-sidepanel-page .home5-sidepanel-label {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.utility-sidepanel-page .home5-sidepanel-link:nth-child(1) .home5-sidepanel-icon { background: linear-gradient(135deg, #ff3d63 0%, #d10031 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(2) .home5-sidepanel-icon { background: linear-gradient(135deg, #43b02a 0%, #257c0f 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(3) .home5-sidepanel-icon { background: linear-gradient(135deg, #ff9a00 0%, #f45d00 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(4) .home5-sidepanel-icon { background: linear-gradient(135deg, #9254de 0%, #6d2cc0 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(5) .home5-sidepanel-icon { background: linear-gradient(135deg, #0a87d9 0%, #0a5dc4 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(6) .home5-sidepanel-icon { background: linear-gradient(135deg, #2f3858 0%, #171d35 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(7) .home5-sidepanel-icon { background: linear-gradient(135deg, #ff5d3f 0%, #e93a1a 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(8) .home5-sidepanel-icon { background: linear-gradient(135deg, #ff4f9d 0%, #d61f6f 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(9) .home5-sidepanel-icon { background: linear-gradient(135deg, #00a49f 0%, #0d6e76 100%); }
.utility-sidepanel-page .home5-sidepanel-link:nth-child(10) .home5-sidepanel-icon { background: linear-gradient(135deg, #f7b500 0%, #dc7d00 100%); }

.utility-sidepanel-page.home5-sidepanel-collapsed .home5-sidepanel {
  width: var(--utility-left-collapsed);
}

.utility-sidepanel-page.home5-sidepanel-collapsed .home5-sidepanel-head {
  padding-left: 8px;
  padding-right: 8px;
}

.utility-sidepanel-page.home5-sidepanel-collapsed .home5-sidepanel-toggle {
  min-height: 44px;
  padding: 0;
}

.utility-sidepanel-page.home5-sidepanel-collapsed .home5-toggle-label,
.utility-sidepanel-page.home5-sidepanel-collapsed .home5-sidepanel-label {
  display: none;
}

.utility-sidepanel-page.home5-sidepanel-collapsed .home5-sidepanel-link {
  justify-content: center;
  gap: 0;
  padding: 7px;
}

.utility-sidepanel-page .brand-sidepanel {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: var(--utility-right-open);
  z-index: 1035;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  background-image: linear-gradient(160deg, rgba(44, 8, 20, 0.86) 0%, rgba(89, 8, 32, 0.78) 52%, rgba(30, 7, 18, 0.9) 100%), url('../img/pages-dashboard-client-management.webp');
  background-size: cover;
  background-position: center;
  box-shadow: -16px 0 34px rgba(16, 4, 9, 0.34);
  transition: transform 0.35s ease, opacity 0.25s ease;
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
}

.utility-sidepanel-page .brand-sidepanel-head {
  position: relative;
  z-index: 2;
  padding: 12px 10px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(3px);
}

.utility-sidepanel-page .brand-sidepanel-head h6 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.utility-sidepanel-page .brand-sidepanel-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.utility-sidepanel-page .brand-sort-mode {
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
  padding: 0 9px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.utility-sidepanel-page .brand-sort-mode.is-active,
.utility-sidepanel-page .brand-sort-mode:hover {
  border-color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.26);
  color: #fff;
}

.utility-sidepanel-page .brand-sidepanel-toggle-header {
  min-height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(243, 122, 0, 0.36);
  background: linear-gradient(135deg, #ff2c55 0%, #d10031 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0 16px;
  box-shadow: 0 12px 22px rgba(137, 6, 38, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.utility-sidepanel-page .brand-sidepanel-toggle-header:hover,
.utility-sidepanel-page .brand-sidepanel-toggle-header:focus {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(137, 6, 38, 0.34);
}

.utility-sidepanel-page .brand-sidepanel-toggle-header i {
  font-size: 13px;
}

.utility-sidepanel-page .brand-sidepanel-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  gap: 8px;
  flex: 1;
  min-height: 0;
  padding: 8px 8px 12px 10px;
}

.utility-sidepanel-page .brand-sidepanel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 3px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.34) transparent;
}

.utility-sidepanel-page .brand-sidepanel-grid::-webkit-scrollbar {
  width: 4px;
}

.utility-sidepanel-page .brand-sidepanel-grid::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.34);
  border-radius: 999px;
}

.utility-sidepanel-page .brand-sidepanel-card {
  min-height: 52px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.utility-sidepanel-page .brand-sidepanel-card:hover,
.utility-sidepanel-page .brand-sidepanel-card:focus {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.46);
  box-shadow: 0 10px 16px rgba(12, 2, 7, 0.24);
}

.utility-sidepanel-page .brand-sidepanel-card.is-focus {
  border-color: rgba(255, 255, 255, 0.66);
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 11px 18px rgba(12, 2, 7, 0.28);
}

.utility-sidepanel-page .brand-sidepanel-card-icon {
  width: 27px;
  min-width: 27px;
  height: 27px;
  border-radius: 9px;
  background: linear-gradient(135deg, #ff2f56 0%, #f1552b 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 7px 12px rgba(15, 2, 8, 0.25);
}

.utility-sidepanel-page .brand-sidepanel-card:nth-child(4n+2) .brand-sidepanel-card-icon { background: linear-gradient(135deg, #0aa0d9 0%, #0a5dc4 100%); }
.utility-sidepanel-page .brand-sidepanel-card:nth-child(4n+3) .brand-sidepanel-card-icon { background: linear-gradient(135deg, #43b02a 0%, #257c0f 100%); }
.utility-sidepanel-page .brand-sidepanel-card:nth-child(4n+4) .brand-sidepanel-card-icon { background: linear-gradient(135deg, #ff9a00 0%, #f45d00 100%); }

.utility-sidepanel-page .brand-sidepanel-card-icon i {
  font-size: 12px;
}

.utility-sidepanel-page .brand-sidepanel-card-name {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: 0.01em;
}

.utility-sidepanel-page .brand-alpha-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  overflow-y: auto;
  padding-right: 1px;
}

.utility-sidepanel-page .brand-alpha-btn {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.utility-sidepanel-page .brand-alpha-btn:hover,
.utility-sidepanel-page .brand-alpha-btn.is-active {
  background: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
}

.utility-sidepanel-page .brand-alpha-btn:disabled,
.utility-sidepanel-page .brand-alpha-btn.disabled {
  opacity: 0.28;
  cursor: not-allowed;
}

.utility-sidepanel-page.brand-sidepanel-collapsed .brand-sidepanel {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .utility-sidepanel-page {
    --utility-left-open: clamp(200px, 20vw, 280px);
    --utility-left-collapsed: 80px;
    --utility-right-open: clamp(190px, 19vw, 270px);
    --utility-right-collapsed: 0px;
  }

  .utility-sidepanel-page .brand-sidepanel-content {
    grid-template-columns: minmax(0, 1fr) 26px;
  }

  .utility-sidepanel-page .brand-sidepanel-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .utility-sidepanel-page {
    --utility-left-open: min(280px, 78vw);
    --utility-left-collapsed: 72px;
    --utility-right-open: min(260px, 72vw);
    --utility-right-collapsed: 0px;
  }

  .utility-sidepanel-page .home5-sidepanel-link {
    min-height: 44px;
  }

  .utility-sidepanel-page .home5-sidepanel-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 9px;
  }

  .utility-sidepanel-page .brand-sidepanel-card {
    min-height: 44px;
  }

  .utility-sidepanel-page .brand-sidepanel-toggle-header {
    min-height: 42px;
    padding: 0 12px;
  }

  .utility-sidepanel-page .brand-sidepanel-toggle-header .brand-toggle-label {
    display: none;
  }
}

/* --- Homepage-5 hero-first hanging category strip --- */
.homepage5-page .home5-hero-stack {
  position: relative;
  z-index: 4;
  margin-bottom: 8px;
}

.homepage5-page .home5-hero-stack .about-us-slider {
  margin-bottom: 0;
}

.homepage5-page .home5-svg-category-strip {
  margin-top: -70px;
  padding-top: 34px;
  padding-bottom: 0;
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  z-index: 8;
}

.homepage5-page .home5-svg-category-strip .svg-category-shell {
  margin: 0 auto;
  max-width: 1240px;
  border-color: rgba(243, 122, 0, 0.24);
  box-shadow: 0 16px 28px rgba(62, 10, 24, 0.16);
}

.homepage5-page .home5-svg-category-strip .home5-svg-category-carousel {
  display: block;
}

.homepage5-page .home5-svg-category-strip .svg-category-track {
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  overflow-x: visible;
  padding: 4px 2px 2px;
}

.homepage5-page .home5-svg-category-strip .svg-category-item {
  flex: 0 0 98px;
}

.homepage5-page .category-loop-slider-section {
  padding-top: 28px;
}

@media (max-width: 1199px) {
  .homepage5-page .home5-svg-category-strip {
    margin-top: -58px;
    padding-top: 28px;
  }
}

@media (max-width: 767px) {
  .homepage5-page .home5-svg-category-strip {
    margin-top: -38px;
    padding-top: 20px;
  }

  .homepage5-page .home5-svg-category-strip .svg-category-track {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
  }
}

/* --- Category card loop slider under categories --- */
.category-loop-slider-section {
  position: relative;
  z-index: 3;
  padding: 20px 0 28px;
  background: linear-gradient(180deg, #fff1f6 0%, #fff8fb 100%);
  border-bottom: 1px solid rgba(243, 122, 0, 0.16);
}

.category-loop-slider-section .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.category-loop-slider-section .category-loop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}

.category-loop-slider-section .category-loop-head h3 {
  margin: 0;
}

.category-loop-slider-section .category-loop-head > span {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #975464;
}

.category-loop-slider-section .category-loop-slider {
  padding: 6px 4px 58px;
  overflow: visible;
}

.category-loop-slider-section .category-loop-slider .swiper-wrapper {
  align-items: stretch;
  padding-bottom: 10px;
}

.category-loop-slider-section .category-loop-slider .swiper-slide {
  height: auto;
}

.category-loop-slider-section .category-loop-slider .product-box {
  margin-bottom: 0;
  height: 100%;
}

.category-loop-slider-section .category-loop-slider .product-caption {
  min-height: 204px;
}

.category-loop-slider-section .category-loop-slider .product-box:hover {
  transform: translateY(-4px);
}

.category-loop-slider-section .category-loop-slider .swiper-pagination {
  bottom: 10px !important;
}

.category-loop-slider-section .category-loop-slider .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 5px !important;
  background: rgba(243, 122, 0, 0.32);
  opacity: 1;
}

.category-loop-slider-section .category-loop-slider .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
}

@media (max-width: 1199px) {
  .category-loop-slider-section .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 767px) {
  .category-loop-slider-section {
    padding: 14px 0 22px;
  }

  .category-loop-slider-section .category-loop-head {
    margin-bottom: 12px;
  }

  .category-loop-slider-section .category-loop-head h3 {
    font-size: 18px;
  }

  .category-loop-slider-section .category-loop-head > span {
    font-size: 9px;
    letter-spacing: 0.05em;
  }

  .category-loop-slider-section .category-loop-slider {
    padding-bottom: 42px;
  }

  .category-loop-slider-section .category-loop-slider .product-caption {
    min-height: 198px;
  }
}

/* --- Megamenu dashboard offer panel + scrolling visual --- */
.parent-megamenu .megamenu .col-lg-4.col-md-5 {
  display: flex;
}

.parent-megamenu .megamenu .ex-collection-box {
  position: relative;
  width: 100%;
  min-height: 328px;
  max-height: 328px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(243, 122, 0, 0.3);
  box-shadow: 0 14px 26px rgba(57, 7, 20, 0.24);
}

.parent-megamenu .megamenu .ex-collection-box > a {
  position: absolute;
  inset: 0;
  display: block;
}

.parent-megamenu .megamenu .ex-collection-box > a > img {
  display: block;
  width: 100%;
  height: calc(100% + 118px);
  object-fit: cover;
  object-position: top center;
  transform: translateY(0);
}

.parent-megamenu:hover .megamenu .ex-collection-box > a > img,
.parent-megamenu .megamenu.show .ex-collection-box > a > img {
  animation: qm-dashboard-scroll 11s linear infinite alternate;
}

@keyframes qm-dashboard-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-78px);
  }
}

.parent-megamenu .megamenu .ex-collection-box .category-type.overlay.padding-15.megamenu-offer-panel {
  position: absolute;
  inset: auto 0 0 0;
  top: auto !important;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto !important;
  min-height: 136px;
  max-height: 136px;
  padding: 14px 14px 12px !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 7px;
  background: linear-gradient(180deg, rgba(242, 0, 0, 0) 0%, rgba(210, 0, 52, 0.84) 44%, rgba(162, 0, 0, 0.95) 100%);
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-pill {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 20px;
  padding: 3px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f37a00 0%, #ee8d32 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 6px 14px rgba(183, 74, 0, 0.34);
  animation: qm-offer-pill-pop 2s ease-in-out infinite;
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-pill::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -58%;
  width: 40%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 52%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-18deg);
  animation: qm-offer-pill-sweep 2.6s linear infinite;
}

@keyframes qm-offer-pill-pop {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 6px 14px rgba(183, 74, 0, 0.3);
  }
  50% {
    transform: translateY(-1px) scale(1.05);
    box-shadow: 0 10px 20px rgba(183, 74, 0, 0.44);
  }
}

@keyframes qm-offer-pill-sweep {
  0% {
    left: -58%;
  }
  100% {
    left: 128%;
  }
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-title {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.16;
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-text {
  margin: 0;
  color: rgba(255, 236, 242, 0.96);
  font-size: 12px;
  line-height: 1.3;
  max-width: 95%;
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .category-btn {
  width: auto;
  min-height: 33px;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  background: #fff;
  color: #c40033;
  border: 0;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .category-btn:hover,
.parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .category-btn:focus {
  color: #a9002d;
  transform: translateY(-1px);
}

@media (max-width: 1199px) {
  .parent-megamenu .megamenu .ex-collection-box {
    min-height: 296px;
    max-height: 296px;
  }

  .parent-megamenu .megamenu .ex-collection-box .category-type.overlay.padding-15.megamenu-offer-panel {
    min-height: 128px;
    max-height: 128px;
    padding: 12px 12px 11px !important;
  }

  .parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-title {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .parent-megamenu .megamenu .ex-collection-box {
    min-height: 248px;
    max-height: 248px;
  }

  .parent-megamenu .megamenu .ex-collection-box > a > img {
    height: calc(100% + 88px);
  }

  .parent-megamenu .megamenu .ex-collection-box .category-type.overlay.padding-15.megamenu-offer-panel {
    min-height: 116px;
    max-height: 116px;
    gap: 6px;
  }

  .parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-title {
    font-size: 15px;
  }

  .parent-megamenu .megamenu .ex-collection-box .megamenu-offer-panel .offer-text {
    font-size: 11px;
  }
}


/* --- Modal UI refresh: reduce repetitive look --- */
.modal .modal-content {
  position: relative;
  border: 1px solid rgba(243, 122, 0, 0.22);
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fff6f9 100%);
  box-shadow: 0 28px 58px rgba(44, 8, 19, 0.28);
}

.modal .modal-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #f37a00 0%, #ffb45b 100%);
  z-index: 2;
  pointer-events: none;
}

.modal .modal-header {
  border-bottom: 1px solid rgba(243, 122, 0, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 245, 249, 0.98) 100%);
}

#address-box .modal-dialog,
#search-box .modal-dialog {
  max-width: 760px;
  margin-top: 28px;
  margin-bottom: 28px;
}

#address-box .modal-content,
#search-box .modal-content {
  background: radial-gradient(480px 220px at 100% 0, rgba(255, 0, 61, 0.08), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #fff7fa 100%);
}

#address-box .modal-header,
#search-box .modal-header {
  padding: 16px 20px 14px;
  border-bottom: 1px solid rgba(243, 122, 0, 0.12);
  box-shadow: none;
}

#address-box .modal-body,
#search-box .modal-body {
  padding: 16px 20px 20px;
}

#search-box .modal-header .search-box input {
  border-color: rgba(243, 122, 0, 0.28);
  box-shadow: 0 8px 18px rgba(255, 0, 61, 0.08);
}

.restaurent-popup .modal-dialog {
  max-width: 900px;
}

.restaurent-popup .modal-content {
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fff5f8 100%);
  box-shadow: 0 32px 70px rgba(38, 7, 17, 0.34);
}

.restaurent-popup .modal-content::before {
  background: linear-gradient(90deg, #f37a00 0%, #f39a3b 100%);
}

.restaurent-popup .modal-header {
  padding: 0;
  border-bottom: 0;
  height: 220px;
  box-shadow: none;
}

.restaurent-popup .modal-header img {
  filter: saturate(1.08) contrast(1.04);
}

#offer .modal-content {
  border-radius: 20px;
}

#offer .modal-content::before {
  background: linear-gradient(90deg, #f37a00 0%, #f2a43f 100%);
}

#offer .modal-header {
  border-bottom: 0;
  background: transparent;
}

@media (max-width: 767px) {
  .modal .modal-content {
    border-radius: 16px;
  }

  #address-box .modal-header,
  #search-box .modal-header {
    padding: 14px 14px 12px;
  }

  #address-box .modal-body,
  #search-box .modal-body {
    padding: 14px;
  }

  .restaurent-popup .modal-header {
    height: 170px;
  }
}


/* Theme responsive alignment layer */

@media (max-width: 1200px) {
  .header {
    height: 84px;
    padding: 6px 0;
  }

  .main-sec {
    height: 84px;
  }

  .header::before {
    left: 12px;
    right: 12px;
  }

  .header .logo.mainNavCol {
    max-width: 154px;
  }

  .header .main-search.mainNavCol {
    min-width: 200px;
    max-width: none;
  }

  .header .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    padding: 0 10px;
  }

  .section-padding {
    padding: 72px 0;
  }

  .about-us-slider,
  .banner-1,
  .banner-2 {
    border-radius: 0;
  }
}

@media (max-width: 992px) {
  .header {
    height: 74px;
    padding: 5px 0;
  }

  .main-sec {
    height: 74px;
  }

  .header::before {
    left: 8px;
    right: 8px;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    gap: 8px;
    padding: 0 8px;
  }

  .header .logo.mainNavCol {
    max-width: 132px;
  }

  .header .main-search.mainNavCol {
    min-width: 0;
  }

  .header .right-side .catring,
  .header .right-side .user-details,
  .header .right-side .gem-points,
  .header .right-side .cart-btn {
    margin: 0;
  }

  .header .gem-points i,
  .header .right-side .cart-btn a i {
    font-size: 20px;
  }

  .header .gem-points span,
  .header .user-details > a > span {
    display: none;
  }

  .header .right-side .gem-points a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .catring > a {
    min-height: 42px;
    padding: 0 10px;
  }

  .section-padding {
    padding: 60px 0;
  }

  h1 {
    font-size: clamp(34px, 7vw, 62px);
  }

  h2 {
    font-size: clamp(28px, 4.8vw, 42px);
  }

  footer .ft-logo-box,
  footer .footer-links,
  footer .footer-contact {
    padding-top: 60px;
  }

  footer .ft-logo-box {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .header {
    height: 64px;
    padding: 0;
    backdrop-filter: none;
    background: #fff5f9;
  }

  .header::before {
    display: none;
  }

  .main-sec {
    height: 64px;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    justify-content: flex-start;
    gap: 0;
    padding: 0;
  }

  .header .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header .logo.mainNavCol a {
    min-height: 60px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .section-padding {
    padding: 46px 0;
  }

  .header .logo {
    padding-left: 80px;
  }

  .header .right-side .catring > a {
    top: 16px;
    left: 56px;
  }

  .header .right-side .cart-btn.notification-btn > a {
    left: 46px;
  }

  .header .right-side.mainNavCol {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }

  .header .right-side .gem-points a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .catring > a {
    min-height: 38px;
    padding: 0 8px;
    border: 0;
    background: transparent;
  }

  .header .right-side .user-details > a {
    left: 2px;
  }

  .banner-adv,
  .banner-adv2 {
    display: none;
  }

  .cart-dropdown .cart-detail-box,
  .notification-btn .notification-dropdown,
  .user-dropdown,
  .parent-megamenu .megamenu {
    border-radius: 0;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
  }

  .parent-megamenu .megamenu {
    left: 0;
    right: 0;
    width: 100%;
  }

  .product-box,
  .product-box-3,
  .product-list-view,
  .checkout-product,
  .inner-wrapper .main-page .login-box {
    border-radius: 14px;
  }

  .product-box .product-caption,
  .product-box-3 .product-caption {
    padding: 12px;
  }

  .product-box .product-caption .product-title,
  .product-list-view .product-list-title h6 {
    -webkit-line-clamp: 2;
    min-height: auto;
    font-size: 15px;
  }

  .inner-wrapper .main-page .login-box,
  .user-page .login-sec .login-box {
    box-shadow: none;
    border: 1px solid rgba(243, 122, 0, 0.26);
  }
}

@media (max-width: 576px) {
  .section-padding {
    padding: 38px 0;
  }

  .header .logo {
    padding-left: 70px;
  }

  .header .right-side .cart-btn.notification-btn > a {
    left: 34px;
  }

  .header .right-side .catring > a {
    left: 44px;
  }

  .btn-first,
  .btn-second,
  .category-btn,
  .form-control,
  .form-control-submit {
    min-height: 40px;
  }

  .btn-first,
  .btn-second,
  .category-btn {
    padding: 9px 16px;
  }

  .about-us-slider,
  .banner-1,
  .banner-2 {
    border-radius: 0;
  }

  footer .ft-logo-box,
  footer .footer-links,
  footer .footer-contact {
    padding-top: 42px;
  }

  footer .ft-logo-box {
    padding-bottom: 42px;
  }
}

/* --- Theme mobile header lock --- */
@media (max-width: 767px) {
  .header {
    background: #ffffff !important;
    padding: 0 !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  .header .logo {
    padding-left: 0 !important;
    max-width: 148px !important;
  }

  .header .logo.mainNavCol {
    max-width: 148px !important;
    flex: 0 0 auto !important;
  }

  .header .right-side.mainNavCol {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .header .right-side .catring,
  .header .right-side .user-details,
  .header .right-side .cart-btn,
  .header .right-side .cart-btn.notification-btn {
    position: relative !important;
    margin: 0 !important;
  }

  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn.notification-btn > a,
  .header .right-side .cart-btn.cart-dropdown > a {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    min-height: 38px !important;
    padding: 0 8px !important;
  }

  .header .right-side .cart-btn .user-alert-cart {
    top: -2px !important;
    right: -3px !important;
  }

  .header .right-side .cart-btn .user-alert-notification {
    top: 3px !important;
    right: 2px !important;
  }

  .header .right-side .catring > a > span,
  .header .right-side .user-details > a > span {
    display: none !important;
  }

  .parent-megamenu .megamenu {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .header .logo {
    padding-left: 0 !important;
  }

  .header .right-side .cart-btn.notification-btn > a,
  .header .right-side .catring > a {
    left: auto !important;
  }
}

/* --- Theme header/nav responsive lock --- */
@media (max-width: 1199px) {
  .header {
    height: 82px !important;
    padding: 0 !important;
  }

  .main-sec {
    height: 82px !important;
  }

  .header .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    padding: 0 !important;
    gap: 8px !important;
  }

  .header .main-search.mainNavCol {
    min-width: 0 !important;
  }

  .header .right-side .gem-points span,
  .header .right-side .catring > a > span,
  .header .right-side .user-details > a > span {
    display: none !important;
  }

  .header .right-side .gem-points a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .catring > a {
    min-height: 40px !important;
    padding: 0 10px !important;
  }
}

@media (max-width: 991px) {
  .header {
    height: 72px !important;
    padding: 0 !important;
  }

  .main-sec {
    height: 72px !important;
  }

  .header .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
  }

  .header .logo.mainNavCol {
    flex: 0 0 auto !important;
    max-width: 148px !important;
  }

  .header .logo.mainNavCol a {
    min-height: 52px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .header .main-search.mainNavCol,
  .main-search {
    display: none !important;
  }

  .header .right-side.mainNavCol {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  .header .right-side .gem-points,
  .header .right-side .catring,
  .header .right-side .user-details,
  .header .right-side .cart-btn,
  .header .right-side .cart-btn.notification-btn,
  .header .right-side .mobile-search {
    margin: 0 !important;
    position: relative !important;
  }

  .header .right-side .gem-points a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn.notification-btn > a,
  .header .right-side .cart-btn.cart-dropdown > a,
  .header .right-side .mobile-search > a {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .right-side .gem-points a i,
  .header .right-side .cart-btn a i,
  .header .right-side .catring > a > i,
  .header .right-side .mobile-search i {
    font-size: 19px !important;
  }

  .header .right-side .gem-points span,
  .header .right-side .catring > a > span,
  .header .right-side .user-details > a > span,
  .parent-megamenu a span {
    display: none !important;
  }

  .header .right-side .user-details > a > img {
    width: 26px !important;
    height: 26px !important;
  }

  .mobile-search,
  .parent-megamenu > a > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .right-side .cart-btn .user-alert-cart {
    top: -2px !important;
    right: -4px !important;
  }

  .header .right-side .cart-btn .user-alert-notification {
    top: 3px !important;
    right: 2px !important;
  }

  .cart-dropdown .cart-detail-box,
  .notification-btn .notification-dropdown,
  .user-dropdown {
    left: auto !important;
    right: 0 !important;
    width: min(320px, 92vw) !important;
  }

  .header .right-side .catring.parent-megamenu {
    position: static !important;
  }

  .parent-megamenu .megamenu {
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    width: 100% !important;
    max-width: none !important;
  }

  .parent-megamenu .megamenu .megamenu-templates-container {
    margin-top: 14px;
    padding-top: 12px;
  }

  .parent-megamenu .megamenu .megamenu-template-logo {
    width: 124px;
    min-width: 124px;
    min-height: 52px;
    padding: 8px 10px;
  }

  .parent-megamenu .megamenu .megamenu-template-logo img {
    max-height: 28px;
  }
}

@media (max-width: 767px) {
  .header {
    height: 64px !important;
    background: #ffffff !important;
  }

  .main-sec {
    height: 64px !important;
  }

  .header .container-fluid {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .header .logo.mainNavCol {
    max-width: 124px !important;
  }

  .header .right-side.mainNavCol {
    gap: 0 !important;
  }

  .header .right-side .gem-points a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn.notification-btn > a,
  .header .right-side .cart-btn.cart-dropdown > a,
  .header .right-side .mobile-search > a {
    width: 34px !important;
    min-height: 34px !important;
  }

  .header .right-side .gem-points a i,
  .header .right-side .cart-btn a i,
  .header .right-side .catring > a > i,
  .header .right-side .mobile-search i {
    font-size: 17px !important;
  }

  .header .right-side .cart-btn .user-alert-cart {
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    top: -3px !important;
    right: -5px !important;
  }

  .header .right-side .cart-btn .user-alert-notification {
    top: 2px !important;
    right: 1px !important;
  }

  .cart-dropdown .cart-detail-box,
  .notification-btn .notification-dropdown,
  .user-dropdown,
  .parent-megamenu .megamenu {
    border-radius: 0 !important;
  }
}

/* --- Mobile search strip responsive fix --- */
@media (max-width: 991px) {
  .header .container-fluid > .row > .col-12.mainNavCol {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    align-items: center !important;
    padding-bottom: 8px !important;
  }

  .header > header .col-sm-12.mobile-search {
    order: 3;
    display: block !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 4px;
  }

  .header > header .col-sm-12.mobile-search .mobile-address,
  .header > header .col-sm-12.mobile-search .sorting-addressbox {
    width: 100%;
  }

  .header > header .col-sm-12.mobile-search .mobile-address .delivery-add {
    min-height: 44px;
    border-radius: 12px;
    padding: 0 14px;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox {
    border-radius: 12px;
    margin-top: 8px;
    padding: 10px 12px;
    gap: 8px;
    flex-wrap: wrap;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox .full-address {
    flex: 1 1 100%;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox .btns {
    margin-left: auto;
    display: inline-flex;
    gap: 10px;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox .btns .filter-btn {
    margin-left: 0;
  }

  .header .right-side .mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .header {
    height: auto !important;
    min-height: 64px !important;
  }

  .main-sec {
    height: 190px !important;
  }

  .header > header .col-sm-12.mobile-search .mobile-address .delivery-add {
    min-height: 42px;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox {
    padding: 8px 10px;
  }

  .header > header .col-sm-12.mobile-search .sorting-addressbox .btns {
    width: 100%;
    justify-content: flex-start;
  }
}

/* --- Production consistency + UX hardening pass --- */
:root {
  --qm-rhythm-section: 84px;
  --qm-rhythm-section-mobile: 64px;
  --qm-shadow-soft-ui: 0 12px 26px rgba(36, 17, 10, 0.14);
  --qm-focus-ring: 0 0 0 0.18rem rgba(243, 122, 0, 0.24);
}

.section-padding {
  padding-top: var(--qm-rhythm-section);
  padding-bottom: var(--qm-rhythm-section);
}

.section-header .header-title,
.section-header-left .header-title,
.section-header-right .header-title,
.section-header-style-2 .header-title {
  line-height: 1.22;
  margin-bottom: 7px;
}

.section-header .sub-title,
.section-header-left .sub-title,
.section-header-right .sub-title,
.section-header-style-2 .sub-title {
  line-height: 1.45;
}

.banner-1 .right-side-content,
.about-us-slider .slide-item .right-side-content {
  max-width: 640px;
}

.banner-1 .right-side-content h1,
.about-us-slider .slide-item .right-side-content h1 {
  line-height: 1.1;
  margin-bottom: 14px;
}

.banner-1 .right-side-content h3,
.about-us-slider .slide-item .right-side-content h3 {
  line-height: 1.4;
}

.btn-first,
.btn-second,
.category-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header .right-side.mainNavCol {
  align-items: center;
}

.header .right-side .cart-btn,
.header .right-side .user-details,
.header .right-side .catring.parent-megamenu {
  position: relative;
}

.cart-dropdown .cart-detail-box,
.notification-btn .notification-dropdown,
.user-dropdown {
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  box-shadow: var(--qm-shadow-soft-ui);
}

.header .main-search .location-picker {
  top: calc(100% + 10px) !important;
  box-shadow: var(--qm-shadow-soft-ui);
}

.swiper-button-next,
.swiper-button-prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 22px rgba(22, 6, 11, 0.2);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: var(--qm-color-primary);
  font-size: 20px;
  font-weight: 700;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn-first:focus-visible,
.btn-second:focus-visible {
  outline: none !important;
  box-shadow: var(--qm-focus-ring) !important;
}

.form-control.form-control-submit {
  min-height: 44px;
}

.form-control.form-control-submit::placeholder {
  color: #86727a;
}

@media (max-width: 1199px) {
  .homepage3-hero-slider .slide-item,
  .home4-hero-banner {
    min-height: 560px;
  }
}

@media (max-width: 991px) {
  .section-padding {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cart-dropdown .cart-detail-box,
  .notification-btn .notification-dropdown,
  .user-dropdown {
    width: min(360px, 94vw) !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 46px;
    height: 46px;
  }
}

@media (max-width: 767px) {
  .section-padding {
    padding-top: var(--qm-rhythm-section-mobile);
    padding-bottom: var(--qm-rhythm-section-mobile);
  }

  .banner-1 .right-side-content h1,
  .about-us-slider .slide-item .right-side-content h1 {
    margin-bottom: 10px;
  }

  .btn-first,
  .btn-second,
  .category-btn {
    min-height: 36px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}


/* Home Page 6 responsive */
@media (max-width: 991px) {
  .home6-hero-shell {
    padding: 28px 22px;
  }
  .home6-hero-shell h1 {
    font-size: 32px;
    line-height: 1.22;
  }
  .home6-source-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }
  .home6-source-tabs .nav-item {
    flex: 0 0 auto;
  }
}
@media (max-width: 767px) {
  .home6-hero-shell {
    padding: 22px 16px;
    border-radius: 12px;
  }
  .home6-hero-shell h1 {
    font-size: 26px;
  }
  .home6-hero-points span {
    width: 100%;
    justify-content: center;
  }
  .home6-cart-item {
    grid-template-columns: 48px 1fr;
  }
  .home6-cart-thumb img {
    width: 48px;
    height: 48px;
  }
  .home6-item-total {
    grid-column: 1 / -1;
    text-align: right;
  }
}

/* --- Unified mobile navigation: pages + categories + brands in one place --- */
@media (max-width: 991px) {
  .utility-sidepanel-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .utility-sidepanel-page .header {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  .utility-sidepanel-page .home5-sidepanel,
  .utility-sidepanel-page .brand-sidepanel,
  .utility-sidepanel-page .brand-header-toggle-wrap.mainNavCol {
    display: none !important;
  }

  .utility-sidepanel-page .header > header .col-sm-12.mobile-search {
    display: none !important;
  }

  .utility-sidepanel-page .main-sec {
    height: 72px !important;
  }

  body.mobile-unified-nav-open {
    overflow: hidden;
  }

  .header .right-side .catring.parent-megamenu {
    position: relative !important;
  }

  .header .right-side .catring.parent-megamenu > a > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .parent-megamenu .megamenu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 72px !important;
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100vh - 72px) !important;
    border-radius: 0 0 16px 16px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 0 18px 36px rgba(24, 6, 14, 0.24) !important;
    z-index: 1039 !important;
  }

  .header .parent-megamenu .megamenu > .row {
    padding: 14px 12px 18px !important;
  }

  .header .parent-megamenu .megamenu .menu-style {
    text-align: left !important;
    padding-bottom: 14px !important;
  }

  .header .parent-megamenu .megamenu .menu-style ul li {
    line-height: 30px !important;
  }

  .header .parent-megamenu .megamenu .menu-style .menu-title .cat-name:before {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .parent-megamenu .megamenu .mobile-nav-unified {
    display: block;
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(243, 122, 0, 0.18);
  }

  .header .parent-megamenu .megamenu .mobile-nav-unified-title {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #27161d;
  }

  .header .parent-megamenu .megamenu .mobile-nav-group {
    margin-bottom: 12px;
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-title {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6a4a57;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip {
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(243, 122, 0, 0.16);
    background: #fff;
    color: #2d1a22;
    text-decoration: none;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip:hover,
  .header .parent-megamenu .megamenu .mobile-nav-chip:focus {
    border-color: rgba(243, 122, 0, 0.34);
    box-shadow: 0 10px 16px rgba(74, 10, 29, 0.12);
    transform: translateY(-1px);
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-icon {
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff3b60 0%, #d10031 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 7px 12px rgba(15, 2, 8, 0.2);
    font-size: 11px;
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-categories .mobile-nav-chip:nth-child(4n+2) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #43b02a 0%, #257c0f 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-categories .mobile-nav-chip:nth-child(4n+3) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #ff9a00 0%, #f45d00 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-categories .mobile-nav-chip:nth-child(4n+4) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #0a87d9 0%, #0a5dc4 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-brands .mobile-nav-chip {
    background: linear-gradient(120deg, #fff7fb 0%, #ffeef5 100%);
    border-color: rgba(243, 122, 0, 0.2);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-brands .mobile-nav-chip:nth-child(4n+2) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #0aa0d9 0%, #0a5dc4 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-brands .mobile-nav-chip:nth-child(4n+3) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #43b02a 0%, #257c0f 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-group-brands .mobile-nav-chip:nth-child(4n+4) .mobile-nav-chip-icon {
    background: linear-gradient(135deg, #ff9a00 0%, #f45d00 100%);
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .header .parent-megamenu .megamenu {
    top: 64px !important;
    max-height: calc(100vh - 64px) !important;
  }

  .utility-sidepanel-page .main-sec {
    height: 64px !important;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-list {
    grid-template-columns: 1fr;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip {
    min-height: 42px;
    padding: 7px 9px;
  }
}

/* --- Homepage footer themes (CSS-only, no HTML changes) --- */
.mobile-nav-unified {
  display: none;
}

.homepage1-page .footer-top,
.homepage1-page footer.section-padding,
.homepage1-page .copyright,
.homepage2-page .footer-top,
.homepage2-page footer.section-padding,
.homepage2-page .copyright,
.home-page-3 .footer-top,
.home-page-3 footer.section-padding,
.home-page-3 .copyright,
.homepage5-page .footer-top,
.homepage5-page footer.section-padding,
.homepage5-page .copyright,
.home6-page .footer-top,
.home6-page footer.section-padding,
.home6-page .copyright {
  position: relative;
  overflow: hidden;
}

.homepage1-page footer.section-padding > *,
.homepage1-page .copyright > *,
.homepage2-page footer.section-padding > *,
.homepage2-page .copyright > *,
.home-page-3 footer.section-padding > *,
.home-page-3 .copyright > *,
.homepage5-page footer.section-padding > *,
.homepage5-page .copyright > *,
.home6-page footer.section-padding > *,
.home6-page .copyright > * {
  position: relative;
  z-index: 1;
}

/* Home Page 1: image background */
.homepage1-page .footer-top {
  background: linear-gradient(140deg, rgba(36, 17, 10, 0.88) 0%, rgba(92, 39, 7, 0.86) 100%), url('../img/about/blog/1920x700/banner-2.jpg') center/cover no-repeat !important;
}

.homepage1-page footer.section-padding,
.homepage1-page .copyright {
  background: linear-gradient(160deg, rgba(44, 20, 8, 0.92) 0%, rgba(69, 29, 8, 0.9) 54%, rgba(34, 15, 7, 0.94) 100%), url('../img/about/blog/1920x700/banner-1.jpg') center/cover no-repeat !important;
}

.homepage1-page footer,
.homepage1-page .copyright {
  border-top-color: rgba(255, 255, 255, 0.18) !important;
}

.homepage1-page .footer-top .icon-box > span:last-child,
.homepage1-page footer h6,
.homepage1-page footer .footer-contact li a,
.homepage1-page footer .footer-links ul li a,
.homepage1-page .copyright .text-light-black,
.homepage1-page .copyright .copyright-text span,
.homepage1-page .copyright a {
  color: #fff !important;
}

.homepage1-page footer .ft-social-media ul li {
  border-color: rgba(255, 255, 255, 0.34);
}

.homepage1-page footer .ft-social-media ul li a {
  color: rgba(255, 255, 255, 0.9);
}

/* Home Page 2: NYC skyline style */
.homepage2-page .footer-top {
  background: linear-gradient(140deg, rgba(7, 15, 36, 0.9) 0%, rgba(10, 23, 54, 0.88) 100%), url('../img/about/blog/1920x700/banner-6.jpg') center/cover no-repeat !important;
}

.homepage2-page footer.section-padding,
.homepage2-page .copyright {
  background: linear-gradient(160deg, rgba(4, 10, 30, 0.96) 0%, rgba(8, 18, 46, 0.94) 48%, rgba(4, 11, 34, 0.96) 100%), url('../img/about/blog/1920x700/banner-5.jpg') center/cover no-repeat !important;
}

.homepage2-page footer.section-padding::before,
.homepage2-page .copyright::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 96px;
  background: linear-gradient(to top, rgba(5, 10, 28, 0.82) 0%, rgba(5, 10, 28, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

.homepage2-page .footer-top .icon-box > span:last-child,
.homepage2-page footer h6,
.homepage2-page footer .footer-contact li a,
.homepage2-page footer .footer-links ul li a,
.homepage2-page .copyright .text-light-black,
.homepage2-page .copyright .copyright-text span,
.homepage2-page .copyright a {
  color: #f7fbff !important;
}

.homepage2-page footer .ft-social-media ul li {
  border-color: rgba(146, 187, 255, 0.45);
}

.homepage2-page footer .ft-social-media ul li a {
  color: #d7e8ff;
}

/* Home Page 3: colorful footer */
.home-page-3 .footer-top {
  background: linear-gradient(120deg, #ffd200 0%, #ff7a00 25%, #ff2f6b 55%, #7a34ff 78%, #00b9ff 100%) !important;
}

.home-page-3 footer.section-padding {
  background: linear-gradient(145deg, #290b2d 0%, #311a5d 34%, #0d3f74 68%, #0f7067 100%) !important;
}

.home-page-3 .copyright {
  background: linear-gradient(90deg, #2f0d34 0%, #1f3566 52%, #136157 100%) !important;
}

.home-page-3 .footer-top .icon-box > span:last-child,
.home-page-3 footer h6,
.home-page-3 footer .footer-contact li a,
.home-page-3 footer .footer-links ul li a,
.home-page-3 .copyright .text-light-black,
.home-page-3 .copyright .copyright-text span,
.home-page-3 .copyright a {
  color: #fff !important;
}

.home-page-3 footer .ft-social-media ul li {
  border-color: rgba(255, 255, 255, 0.36);
}

.home-page-3 footer .ft-social-media ul li a {
  color: rgba(255, 255, 255, 0.92);
}

/* Home Page 5: vivid skyline + glass footer cards */
.homepage5-page .footer-top {
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 166, 69, 0.4) 0%, rgba(255, 166, 69, 0) 44%),
    radial-gradient(circle at 84% 16%, rgba(255, 57, 108, 0.38) 0%, rgba(255, 57, 108, 0) 46%),
    linear-gradient(136deg, #2b0a1a 0%, #4a0f2b 44%, #201036 100%) !important;
}

.homepage5-page .footer-top::before {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 70px;
  background:
    linear-gradient(to top, rgba(13, 5, 14, 0.74) 0%, rgba(13, 5, 14, 0) 100%),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 0 2px,
      rgba(255, 255, 255, 0) 2px 18px
    );
  pointer-events: none;
  z-index: 0;
}

.homepage5-page footer.section-padding {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 91, 137, 0.16) 0%, rgba(255, 91, 137, 0) 40%),
    radial-gradient(circle at 88% 86%, rgba(255, 192, 91, 0.14) 0%, rgba(255, 192, 91, 0) 42%),
    linear-gradient(162deg, #130712 0%, #220a21 48%, #120a1f 100%) !important;
}

.homepage5-page .copyright {
  background: linear-gradient(92deg, #12060f 0%, #22091f 52%, #12061a 100%) !important;
}

.homepage5-page footer .footer-links,
.homepage5-page footer .footer-contact {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  padding: 22px 18px 16px !important;
  margin-top: 24px;
  box-shadow: 0 12px 26px rgba(7, 3, 11, 0.28);
  backdrop-filter: blur(3px);
}

.homepage5-page footer h6,
.homepage5-page footer .footer-contact li a,
.homepage5-page footer .footer-links ul li a,
.homepage5-page .copyright a,
.homepage5-page .copyright .copyright-text span {
  color: #fff !important;
}

.homepage5-page footer .ft-social-media ul li {
  border-color: rgba(255, 255, 255, 0.34);
}

.homepage5-page footer .ft-social-media ul li a {
  color: #ffeaf4;
}

.homepage5-page .footer-top .icon-box > span:last-child {
  color: #ffe7f1 !important;
}

/* Home Page 6: creative tech-grid footer */
.home6-page .footer-top {
  background:
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.03) 0 10px,
      rgba(255, 255, 255, 0) 10px 20px
    ),
    linear-gradient(135deg, #14070e 0%, #2a0917 52%, #13060f 100%) !important;
}

.home6-page footer.section-padding {
  background:
    radial-gradient(circle at 86% 8%, rgba(255, 87, 122, 0.22) 0%, rgba(255, 87, 122, 0) 42%),
    radial-gradient(circle at 8% 88%, rgba(255, 168, 81, 0.18) 0%, rgba(255, 168, 81, 0) 44%),
    linear-gradient(160deg, #0f050b 0%, #1a0610 48%, #0d0409 100%) !important;
}

.home6-page .copyright {
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.03) 0 1px,
      rgba(255, 255, 255, 0) 1px 16px
    ),
    linear-gradient(90deg, #12050d 0%, #220914 52%, #13050e 100%) !important;
}

.home6-page footer {
  border-top-color: rgba(255, 69, 108, 0.28) !important;
}

.home6-page .footer-top .icon-box > span:last-child,
.home6-page footer h6,
.home6-page footer .footer-contact li a,
.home6-page footer .footer-links ul li a,
.home6-page .copyright a,
.home6-page .copyright .copyright-text span {
  color: #ffeef4 !important;
}

.home6-page footer .ft-social-media ul li {
  border-color: rgba(255, 118, 154, 0.48);
}

.home6-page footer .ft-social-media ul li a {
  color: #ffd8e4;
}

@media (max-width: 991px) {
  .homepage5-page footer .footer-links,
  .homepage5-page footer .footer-contact {
    margin-top: 18px;
  }
}

/* --- Final mobile header icon alignment override --- */
@media (max-width: 991px) {
  .header .container-fluid > .row > .col-12.mainNavCol {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    min-height: 64px !important;
  }

  .header .logo.mainNavCol {
    flex: 0 0 auto !important;
    max-width: 146px !important;
    margin-right: auto !important;
  }

  .utility-sidepanel-page .brand-header-toggle-wrap.mainNavCol {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .utility-sidepanel-page .brand-header-toggle-wrap .brand-sidepanel-toggle-header {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .header .right-side.mainNavCol {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  .header .right-side .service-mode-toggle {
    display: none !important;
  }

  .header .right-side .gem-points,
  .header .right-side .catring,
  .header .right-side .user-details,
  .header .right-side .cart-btn,
  .header .right-side .mobile-search {
    margin: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
  }

  .header .right-side .gem-points > a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .mobile-search > a {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .right-side .gem-points > a i,
  .header .right-side .catring > a i,
  .header .right-side .cart-btn > a i,
  .header .right-side .mobile-search > a i {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .header .right-side .user-details > a > img {
    width: 28px !important;
    height: 28px !important;
    object-fit: cover;
  }

  .header .right-side .gem-points > a > span,
  .header .right-side .catring > a > span,
  .header .right-side .user-details > a > span {
    display: none !important;
  }

  .header .right-side .cart-btn .user-alert-cart,
  .header .right-side .cart-btn .user-alert-notification {
    margin: 0 !important;
    left: auto !important;
    transform: none !important;
  }

  .header .right-side .cart-btn .user-alert-cart {
    top: -4px !important;
    right: -4px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    line-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .right-side .cart-btn .user-alert-notification {
    top: -2px !important;
    right: -2px !important;
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
  }
}

@media (max-width: 575px) {
  .header .container-fluid > .row > .col-12.mainNavCol {
    column-gap: 6px !important;
    min-height: 60px !important;
  }

  .header .logo.mainNavCol {
    max-width: 132px !important;
  }

  .header .right-side.mainNavCol {
    gap: 2px !important;
  }

  .header .right-side .gem-points > a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .mobile-search > a,
  .utility-sidepanel-page .brand-header-toggle-wrap .brand-sidepanel-toggle-header {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }

  .header .right-side .gem-points > a i,
  .header .right-side .catring > a i,
  .header .right-side .cart-btn > a i,
  .header .right-side .mobile-search > a i {
    font-size: 17px !important;
  }

  .header .right-side .user-details > a > img {
    width: 25px !important;
    height: 25px !important;
  }
}

/* --- Mobile megamenu spacing between offer panel and Home Pages --- */
@media (max-width: 767px) {
  .header .parent-megamenu .megamenu > .row {
    padding-top: 16px !important;
  }

  .header .parent-megamenu .megamenu .col-lg-4.col-md-5 {
    margin-bottom: 14px !important;
  }

  .header .parent-megamenu .megamenu .col-lg-8.col-md-7 {
    padding-top: 6px !important;
  }
}

/* --- Side panel on right: themes-wrapper positioning --- */
#side-panel {
  left: auto !important;
  right: -260px !important;
  transition: right 0.35s ease !important;
}

#side-panel.toggled {
  left: auto !important;
  right: -260px !important;
}

#side-panel:not(.toggled) {
  left: auto !important;
  right: 0 !important;
}

#side-panel .themes-wrapper {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#side-panel .themes-wrapper .themes-panel-toggle {
  left: -54px !important;
  right: auto !important;
  border-radius: 14px 0 0 14px !important;
  -webkit-animation: qmPanelEdgeNudge 3.6s ease-in-out infinite !important;
  animation: qmPanelEdgeNudge 3.6s ease-in-out infinite !important;
}

#side-panel .themes-wrapper .themes-panel-toggle:hover {
  transform: translateX(-2px) !important;
}

#side-panel .themes-wrapper .themes-panel-toggle::before {
  animation: box_ripple 3.8s cubic-bezier(.18, .74, .72, 1) infinite !important;
}

#side-panel:not(.toggled) .themes-wrapper .themes-panel-toggle,
#side-panel:not(.toggled) .themes-wrapper .themes-panel-toggle::before {
  -webkit-animation: none !important;
  animation: none !important;
}

#side-panel:not(.toggled) .themes-wrapper .themes-panel-toggle {
  transform: none !important;
}

#side-panel:not(.toggled) .themes-wrapper .themes-panel-toggle i {
  transform: translateX(1px) !important;
}

#side-panel .themes-wrapper .vertical-link {
  display: none !important;
}

@-webkit-keyframes qmPanelEdgeNudge {
  0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
}

@keyframes qmPanelEdgeNudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-6px); }
}

@media (max-width: 991px) {
  #side-panel,
  #side-panel.toggled {
    right: -236px !important;
    left: auto !important;
  }

  #side-panel:not(.toggled) {
    right: 0 !important;
    left: auto !important;
  }
}

/* --- Mobile pages menu fix: hide extra brand toggle + show chip content --- */
@media (max-width: 991px) {
  .brand-header-toggle-wrap.mainNavCol,
  .header .brand-header-toggle-wrap.mainNavCol,
  .utility-sidepanel-page .brand-header-toggle-wrap.mainNavCol {
    display: none !important;
    order: unset !important;
    margin: 0 !important;
  }

  .header .parent-megamenu .megamenu a span {
    display: inline !important;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .parent-megamenu .megamenu .mobile-nav-chip-label {
    display: inline-block !important;
  }
/* --- Mobile section title actions: consistent spacing under title --- */
@media (max-width: 767px) {
  .section-header .header-title .fs-14,
  .section-header-left .header-title .fs-14,
  .section-header-right .header-title .fs-14,
  .section-header-style-2 .header-title .fs-14 {
    display: block;
    margin-top: 10px;
    line-height: 1.2;
  }

  .section-header .header-title .fs-14 a,
  .section-header-left .header-title .fs-14 a,
  .section-header-right .header-title .fs-14 a,
  .section-header-style-2 .header-title .fs-14 a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--qm-color-primary);
  }
}

/* --- Index live-card responsive polish (CSS-only, no HTML changes) --- */
@media (max-width: 1199px) {
  .index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
    padding: 14px 12px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-content {
    gap: 8px;
    padding: 14px 11px 11px;
    border-radius: 12px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-collection-note {
    width: 100%;
    min-height: 24px;
    padding: 4px 8px;
    white-space: normal;
    line-height: 1.2;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-title {
    font-size: 18px;
    line-height: 1.24;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 2px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
    width: 100% !important;
    min-height: 34px;
    padding: 6px 10px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 410px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
    padding: 11px 10px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-content {
    gap: 7px;
    padding: 10px 9px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-collection-note {
    font-size: 9px;
    letter-spacing: 0.03em;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-title {
    font-size: 16px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
    font-size: 10.5px;
    line-height: 1.36;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
    min-height: 32px;
    font-size: 11px;
  }
}

@media (max-width: 575px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 380px;
  }

  .index-page .ex-collection .large-product-box.index-live-card::after {
    top: 8px;
    right: 8px;
    font-size: 8px;
    min-height: 22px;
    padding: 3px 7px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* --- Index footer only: red nav dots on footer list links --- */
.home-default-page footer .footer-links ul li > a,
body.index-page:not(.homepage5-page):not(.home6-page) footer .footer-links ul li > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.home-default-page footer .footer-links ul li > a::before,
body.index-page:not(.homepage5-page):not(.home6-page) footer .footer-links ul li > a::before {
  content: '';
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f37a00 0%, #b74a00 100%);
  box-shadow: 0 0 0 2px rgba(255, 0, 61, 0.2);
  display: inline-block;
}

/* --- Mobile header panel standardization: user/cart/notification/location --- */
@media (max-width: 991px) {
  /* Remove Order Now bell block from mobile nav */
  .header .right-side .gem-points {
    display: none !important;
  }

  .header .right-side .user-dropdown,
  .header .right-side .cart-dropdown .cart-detail-box,
  .header .right-side .notification-btn .notification-dropdown,
  .header .main-search .location-picker {
    position: fixed !important;
    top: 78px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: calc(100vh - 94px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 34px rgba(26, 6, 13, 0.24) !important;
    z-index: 1042 !important;
  }

  .header .right-side .user-dropdown.show,
  .header .right-side .cart-dropdown .cart-detail-box.show,
  .header .right-side .notification-btn .notification-dropdown.show,
  .header .main-search .location-picker.open {
    top: 78px !important;
    left: 12px !important;
    right: 12px !important;
  }
}

@media (max-width: 767px) {
  .header .right-side .user-dropdown,
  .header .right-side .cart-dropdown .cart-detail-box,
  .header .right-side .notification-btn .notification-dropdown,
  .header .main-search .location-picker,
  .header .right-side .user-dropdown.show,
  .header .right-side .cart-dropdown .cart-detail-box.show,
  .header .right-side .notification-btn .notification-dropdown.show,
  .header .main-search .location-picker.open {
    top: 68px !important;
    left: 10px !important;
    right: 10px !important;
    max-height: calc(100vh - 82px) !important;
    border-radius: 12px !important;
  }
}

/* --- Mobile header spacing and alignment refinement --- */
@media (max-width: 991px) {
  .header {
    height: 74px !important;
  }

  .main-sec {
    height: 74px !important;
  }

  .header .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    min-height: 74px !important;
    column-gap: 10px !important;
    align-items: center !important;
  }

  .header .logo.mainNavCol a {
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .header .right-side.mainNavCol {
    gap: 6px !important;
    align-items: center !important;
  }

  .header .right-side .gem-points > a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .mobile-search > a,
  .utility-sidepanel-page .brand-header-toggle-wrap .brand-sidepanel-toggle-header {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
  }

  .header .right-side .gem-points > a i,
  .header .right-side .catring > a i,
  .header .right-side .cart-btn > a i,
  .header .right-side .mobile-search > a i {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  .header .right-side .user-details > a > img {
    width: 29px !important;
    height: 29px !important;
  }

  .header .right-side .cart-btn .user-alert-cart {
    top: -5px !important;
    right: -5px !important;
  }

  .header .right-side .cart-btn .user-alert-notification {
    top: -3px !important;
    right: -3px !important;
  }

  .header > header .col-sm-12.mobile-search {
    margin-top: 8px !important;
  }

  .header > header .col-sm-12.mobile-search .mobile-address .delivery-add {
    min-height: 46px !important;
    padding: 0 16px !important;
  }
}

@media (max-width: 767px) {
  .header {
    height: 68px !important;
  }

  .main-sec {
    height: 68px !important;
  }

  .header .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    min-height: 68px !important;
    column-gap: 8px !important;
  }

  .header .logo.mainNavCol {
    max-width: 136px !important;
  }

  .header .right-side.mainNavCol {
    gap: 4px !important;
  }

  .header .right-side .gem-points > a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .mobile-search > a,
  .utility-sidepanel-page .brand-header-toggle-wrap .brand-sidepanel-toggle-header {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 11px !important;
  }

  .header .right-side .gem-points > a i,
  .header .right-side .catring > a i,
  .header .right-side .cart-btn > a i,
  .header .right-side .mobile-search > a i {
    font-size: 17px !important;
  }

  .header .right-side .user-details > a > img {
    width: 26px !important;
    height: 26px !important;
  }
}

@media (max-width: 575px) {
  .header {
    height: 64px !important;
  }

  .main-sec {
    height: 64px !important;
  }

  .header .container-fluid > .row > .col-12.mainNavCol {
    min-height: 64px !important;
    column-gap: 6px !important;
  }

  .header .logo.mainNavCol {
    max-width: 128px !important;
  }

  .header .right-side.mainNavCol {
    gap: 3px !important;
  }

  .header .right-side .gem-points > a,
  .header .right-side .catring > a,
  .header .right-side .user-details > a,
  .header .right-side .cart-btn > a,
  .header .right-side .mobile-search > a,
  .utility-sidepanel-page .brand-header-toggle-wrap .brand-sidepanel-toggle-header {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }
}
/* --- Index live-content mobile spacing boost --- */
@media (max-width: 767px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 410px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
    align-items: stretch;
    padding: 12px 11px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 11px !important;
    padding: 17px 13px 14px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-collection-note {
    margin-top: 30px;
    margin-bottom: 1px;
    font-size: 10px;
    line-height: 1.3;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-title {
    font-size: 18px;
    line-height: 1.3;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
    margin-top: 2px;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.48;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions {
    margin-top: auto;
    gap: 10px !important;
    padding-top: 2px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
    min-height: 38px;
    font-size: 12.5px;
    font-weight: 700;
    padding: 8px 12px;
  }
}

@media (max-width: 575px) {
  .index-page .ex-collection .large-product-box-parent {
    min-height: 400px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .category-type.overlay.padding-15 {
    padding: 11px 10px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-content {
    gap: 10px !important;
    padding: 16px 11px 13px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-title {
    font-size: 17px;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-subtitle {
    font-size: 11.5px;
    -webkit-line-clamp: 3;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions {
    gap: 9px !important;
  }

  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .category-btn,
  .index-page .ex-collection .large-product-box.index-live-card .index-live-actions .btn-first {
    min-height: 37px;
    font-size: 12px;
  }
}

/* --- Hinduswad brand palette lock --- */
:root {
  --qm-color-bg: #fffdf9;
  --qm-color-surface: #ffffff;
  --qm-color-surface-alt: #fff7ec;
  --qm-color-border: #e8c48e;
  --qm-color-text: #261208;
  --qm-color-text-muted: #6d4630;
  --qm-color-primary: #ef7d00;
  --qm-color-primary-deep: #b75400;
  --qm-color-accent: #ffab3d;
  --qm-color-accent-soft: #ffe3bc;
  --qm-shadow-soft-ui: 0 12px 26px rgba(91, 46, 11, 0.14);
  --qm-focus-ring: 0 0 0 0.18rem rgba(239, 125, 0, 0.22);
}

body {
  background: radial-gradient(900px 480px at 8% -12%, rgba(239, 125, 0, 0.16), transparent 60%),
    radial-gradient(760px 460px at 92% 2%, rgba(183, 84, 0, 0.14), transparent 62%),
    linear-gradient(180deg, #fffdf9 0%, #fff7ec 100%) !important;
}

.bg-light-theme,
.footer-top,
footer.section-padding,
.copyright,
.main-search .search-form,
.cart-detail-box .card,
.filter-sidebar,
.footer-contact,
.footer-links,
.card,
.form-control,
.form-control-submit,
.input-group,
.pagination .page-link,
.sidebar-tab .nav-pills .nav-link,
.header .right-side .service-mode-toggle {
  border-color: rgba(183, 84, 0, 0.16) !important;
}

.bg-light-theme,
.footer-top,
.search-form .form-control,
.location-picker .form-control,
.sidebar-tab .nav-pills .nav-link,
.form-control,
.form-control-submit {
  background: linear-gradient(180deg, #ffffff 0%, #fff9f0 100%) !important;
}

.btn-first,
.btn-second,
.btn-submit,
.category-btn,
.bg-light-green,
.green-btn,
.payment-option-tab > .nav > .nav-item > .nav-link.active,
.driver-tip-sec > .nav > .nav-item > .nav-link.active,
.driver-tip-sec .tip-percentage input[type=radio]:checked + span,
.header .right-side .service-mode-toggle::before,
.header .right-side .cart-btn .user-alert-cart,
.header .right-side .cart-btn .user-alert-notification {
  background: linear-gradient(135deg, #ef7d00 0%, #b75400 100%) !important;
  border-color: #b75400 !important;
  color: #fff !important;
}

.btn-first:hover,
.btn-second:hover,
.btn-submit:hover,
.category-btn:hover,
.green-btn:hover,
.btn-first:focus,
.btn-second:focus,
.btn-submit:focus,
.category-btn:focus,
.green-btn:focus {
  background: linear-gradient(135deg, #ff9724 0%, #c25e05 100%) !important;
  border-color: #a64900 !important;
  color: #fff !important;
}

.text-light-green,
a,
.header .search-form .search-box:before,
.header .right-side .catring > a > span::before,
.header .right-side .user-details > a > span::before,
.header .right-side .gem-points > a,
.section-header .header-title span,
.filters .card-header a,
.delivery-add .icon i,
.mobile-address-card .delivery-add .icon i {
  color: var(--qm-color-primary) !important;
}

.u-line,
.copyright,
footer.section-padding {
  border-color: rgba(183, 84, 0, 0.18) !important;
}

.logo img {
  max-height: 84px;
  width: auto;
}

/* --- Guest auth buttons visible on mobile header --- */
@media (max-width: 767px) {
  .header .right-side.mainNavCol {
    width: auto !important;
    min-width: 0 !important;
  }

  .header .right-side .service-mode-toggle {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 148px !important;
    margin: 0 !important;
    padding: 3px !important;
    border-radius: 999px !important;
  }

  .header .right-side .service-mode-toggle .mode-btn {
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .header .right-side .header-language,
  .header .right-side .notification-btn,
  .header .right-side .cart-dropdown {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .header .logo.mainNavCol {
    max-width: 112px !important;
  }

  .header .right-side .service-mode-toggle {
    min-width: 136px !important;
    padding: 2px !important;
  }

  .header .right-side .service-mode-toggle .mode-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header .right-side.mainNavCol {
    width: auto !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  .header .right-side .service-mode-toggle {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 168px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .header .right-side .service-mode-toggle .mode-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .header .right-side .header-language,
  .header .right-side .notification-btn,
  .header .right-side .cart-dropdown {
    display: flex !important;
  }
}