/* ------------------------------- Checkoutpge ------------------------------- */
.center-img-wrap-event {position: absolute;bottom: 0;left: 73%;transform: translate(-50%, 0%);z-index: 20;width: 45%;max-width: 500px;pointer-events: none;}
@media (max-width: 1399px) {
  .center-img-wrap-event {width: 34%;left: 70%;}
}
@media (max-width: 1199px) {
  .center-img-wrap-event {width: 35%;}}
@media (max-width: 991px) {
}
.center-event-image {width: 100%;height: auto;filter: drop-shadow(-10px 20px 40px rgba(0, 0, 0, 0.35));transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);transform: scale(0.8) rotate(-10deg);}
.slide.active .center-event-image {transform: scale(1) rotate(0deg);}
.checkout-watermark {position: absolute;top: 15%;left: 12%;width: 100%;font-family: var(--family1);font-weight: 700;font-size: clamp(1.8rem, 6vw, 6rem);color: #FF6D6D;pointer-events: none;z-index: 0;line-height: 1;white-space: nowrap;overflow: hidden;}
@media (max-width: 1400px) { .checkout-watermark { font-size: clamp(1.6rem, 5.5vw, 5rem); } }
@media (max-width: 1200px) { .checkout-watermark { font-size: clamp(1.5rem, 5vw, 4.5rem); } }
@media (max-width: 991px)  { .checkout-watermark { font-size: clamp(1.2rem, 8vw, 3.5rem); padding-top: 40px; } }
@media (min-width: 1550px) { .checkout-watermark {top: 15%;left: 20%; }}
@media (min-width: 1650px) { .checkout-watermark {top: 15%;left: 30%; }}
.co-hero-price-pill {position: absolute;bottom: 60px;left: 50%;transform: translateX(25%);z-index: 30;min-width: 220px;padding: 12px 18px;display: flex;align-items: center;gap: 14px;border-radius: 14px;background: rgba(255, 255, 255, 0.18);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}
.co-hero-price-pill img {width: 60px;height: 60px;border-radius: 50%;object-fit: cover;flex-shrink: 0;backdrop-filter: blur(0);}
.co-hero-price-pill .price-pill-info {display: flex;flex-direction: column;color: #fff;}
.co-hero-price-pill .price-pill-title {font-family: var(--family1);font-weight: 700;font-size: 20px;line-height: 1;}
.co-hero-price-pill .price-pill-rating {color: #FFE605;font-size: 0.75rem;margin: 4px 0 3px;}
.co-hero-price-pill .price-pill-price {font-family: var(--family1);font-weight: 700;font-size: 18px;line-height: 1;}
@media (max-width: 1350px) {
.co-hero-price-pill {transform: translateX(20%);font-size: 18px;left: 40%;}}
@media (max-width: 991px) {
.co-hero-price-pill {bottom: 20px;left: 50%;transform: translateX(-50%);min-width: 240px;}}
.co-chilly-deco {position: absolute;top: 60%;right: 50px;width: 80px;height: auto;z-index: 35;pointer-events: none;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.25));transform: rotate(15deg);animation: chillyBob 3s ease-in-out infinite;}
@keyframes chillyBob {
  0%, 100% { transform: rotate(15deg) translateY(0); }
  50%       { transform: rotate(15deg) translateY(-8px); }
}
@media (max-width: 991px) { .co-chilly-deco { display: none; } }
.co-bg-momo-deco {position: absolute;bottom: -7%;left: 83%;transform: translateX(10%);transform: rotate(6deg);width: 180px;max-width: 55%;height: auto;opacity: 0.4;pointer-events: none;z-index: 1;filter: grayscale(100%);}
@media (max-width: 991px) { .co-bg-momo-deco { display: none; } }
.co-btn-wrap {margin-top: 25px;}
.banner-btn {display: inline-block;font-family: var(--family1);font-weight: 700;font-size: 20px;text-transform: uppercase;color: #fff;background: var(--primary-color);border: 2px solid var(--primary-color);border-radius: 40px;padding: 11px 30px;text-decoration: none;transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;}
.banner-btn:hover {background: transparent;color: var(--primary-color);transform: translateY(-3px);}

@media (max-width: 991px) {
.center-img-wrap-event {left: 50%;width: 42%;transform: translate(30%, 0);}
}
@media (max-width: 575px) {
  .banner-btn.co-menu-btn {padding: 12px 28px;font-size: 16px;}
}
@media (min-width: 992px) {.co-content-left{padding-top: 50px;}}
@media (max-width: 991px) {
  .checkout-page .bg-layer .split-right {min-height: 360px !important;}
  .checkout-page .col-12.split-w-35 {position: static !important;}
  .checkout-page .content-right {height: auto !important;padding: 10px 10px 20px 20px !important;align-items: flex-start !important;text-align: left !important;width: 52% !important;justify-content: flex-start !important;}
  .checkout-page .checkout-watermark {position: relative !important;top: auto !important;left: auto !important;width: 100% !important;font-size: clamp(1.4rem, 7vw, 3rem) !important;padding-left: 20px;margin-bottom: 8px;line-height: 1.1;}
  .checkout-page .feature-list {transform: none !important;padding: 0 !important;justify-content: flex-start !important;flex-direction: column !important;flex-wrap: nowrap !important;gap: 6px !important;margin: 0 !important;display: flex !important;}
  .checkout-page .feature-list li {font-size: 18px !important;line-height: 28px !important;}
  .checkout-page .center-img-wrap-event {left: 40% !important;right: 0 !important;bottom: 0 !important;width: 52% !important;max-width: 350px !important;transform: none !important;}
  .checkout-page .co-hero-price-pill {bottom: 10px !important;left: 50% !important;transform: translateX(-50%) !important;min-width: 160px !important;padding: 8px 12px !important;gap: 8px !important;}
  .checkout-page .co-hero-price-pill img {width: 44px !important;height: 44px !important;}
  .checkout-page .co-hero-price-pill .price-pill-title {font-size: 14px !important;}
  .checkout-page .co-hero-price-pill .price-pill-price {font-size: 14px !important;}
}
@media (max-width: 575px) {
.checkout-page .bg-layer .split-right {min-height: 300px !important;}
.checkout-page .center-img-wrap-event {max-width: 400px !important;width: 80% !important;}
}
.checkout-body {padding: 80px 0;background-color: #fff;position: relative;overflow: hidden;}
.checkout-items-wrapper {padding: 0 30px 0 30px;margin: 0 auto;display: flex;flex-direction: column;gap: 40px;position: relative;z-index: 2;}
.checkout-item-card {display: flex;align-items: center;gap: 30px;border-radius: 4px;}
.item-img-box {width: 280px;height: 280px;flex-shrink: 0;position: relative;display: flex;align-items: center;justify-content: center;}
.item-img-box img {max-width: 100%;max-height: 100%;object-fit: contain;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));}
.hot-badge {position: absolute;top: -10px;left: -35px;background: var(--primary-color);color: #fff;font-family: var(--family1);font-weight: 700;z-index: 3;border-top-left-radius: 15px;border-bottom-right-radius: 20px;font-weight: 700;font-size: 14px;line-height: 12px;text-transform: uppercase;padding: 10px 20px;}
.item-details-box {flex: 1;background: #F9F9F9;border-width: 1px 0px 1px 0px;border-style: solid;border-color: #DFDFDF;padding: 33px 50px;}
.item-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 15px;}
.category-label {display: block;color: var(--primary-color);font-family: var(--family1);font-weight: 700;font-size: 20px;line-height: 24px;text-transform: uppercase;margin-bottom:10px ;}
.item-name {font-family: var(--family1);font-weight: 700;font-size: 40px;line-height: 38.4px;vertical-align: middle;color:#282828;margin-bottom: 7px;}
.item-rating {display: flex;align-items: center;gap: 5px;color: #FFE605;font-size: 10px;}
.rating-num {color: #B6B6B6;font-family: var(--family2);font-size: 12px;line-height: 24px;margin-left: 9px;}
.item-subtotal {font-family: var(--family1);font-weight: 700;font-size: 20px;color: #787878;display: flex;align-items: baseline;gap: 5px;}
.subtotal-val {color: #000;font-size: 26px;}
.item-desc {font-family: var(--family2);color: #7E7E7E;margin-bottom: 16px;max-width: 650px;font-weight: 400;font-style: Regular;font-size: 15px;line-height: 24px;letter-spacing: 0%;vertical-align: middle;}
.item-footer {display: flex;align-items: center;gap: 50px;}
.item-price {font-family: var(--family1);color: #000;font-weight: 700;font-size: 30px;line-height: 100%;}
.item-qty-control {display: flex;align-items: center;gap: 10px;}
.item-qty-control-sub {display: flex;align-items: center;}
.qty-label {font-family: var(--family1);color: #787878;font-weight: 700;font-size: 22px;line-height: 100%;}
.qty-btn {width: 30px;height: 30px;background: #D90B0B;color: #fff;border: none;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;cursor: pointer;transition: transform 0.2s;}
.qty-btn:hover {transform: scale(1.1);}
.qty-val {font-family: var(--family1);font-weight: 700;font-size: 20px;color: #1E1E1E;min-width: 25px;text-align: center;}
.chili-deco-body {position: absolute;bottom: -13%;right: -5%;width: 180px;z-index: 1;pointer-events: none;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));}
@media (max-width: 991px) {
  .checkout-item-card {flex-direction: column;align-items: flex-start;gap: 20px;padding: 25px;}
  .item-img-box {width: 100%;height: auto;}
  .item-img-box img {width: 200px;height: 200px;margin: 0 auto;}
  .item-header {flex-direction: column;gap: 15px;}
  .item-subtotal {font-size: 18px;}
  .subtotal-val {font-size: 24px;}
  .item-name {font-size: 32px;}
}.checkout-summary-section {padding: 0 0 100px;background-color: #fff;position: relative;overflow: hidden;}
.summary-card {margin: 0 auto;background: #F9F9F9;padding: 50px;border-radius: 4px;position: relative;box-shadow: 0 5px 30px rgba(0,0,0,0.02);}
.summary-table {display: flex;flex-direction: column;margin-bottom: 40px;}
.summary-row {display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px dotted #7A7A7A  ;align-items: center;}
.summary-row.header-row {border-bottom: 0px solid #333;margin-bottom: 40px;}
.header-row .summary-col {font-family: var(--family1);font-weight: 700;font-size: 30px;line-height: 38.4px;vertical-align: middle;color: #282828;}
.summary-col {font-family: var(--family1);font-weight: 700;font-size: 22px;line-height: 24px;vertical-align: middle;color: #7E7E7E;flex: 1;}
.summary-col:first-child { flex: 2; }
.summary-col.text-center { text-align: center; }
.summary-col.text-end { text-align: right; }
.total-row {border-bottom: none;margin-top: 10px;}
.summary-action {display: flex;justify-content: flex-end;}
.place-order-btn {background: var(--primary-color);color: #fff;font-family: var(--family1);font-weight: 700;font-size: 20px;line-height: 100%;padding: 11px 21px;border: none;border-radius: 40px;cursor: pointer;box-shadow: 0 8px 20px rgba(217, 11, 11, 0.3);transition: transform 0.2s, box-shadow 0.2s;}
.place-order-btn:hover {transform: translateY(-3px);box-shadow: 0 12px 25px rgba(217, 11, 11, 0.4);}
.summary-deco-left {position: absolute;top: 50%;left:5%;transform: translateY(-50%);width: 80px;opacity: 1;pointer-events: none;}
.summary-deco-right {position: absolute;bottom: -40px;right: 0;width: 150px;z-index: 1;pointer-events: none;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));}
@media (max-width: 991px) {.summary-card {padding: 30px 25px;}.header-row .summary-col {font-size: 20px;}.summary-col {font-size: 16px;}.total-row .summary-col {font-size: 20px;}.place-order-btn {width: 100%;padding: 14px 0;}.summary-deco-right{max-width: 100px;}.summary-deco-left{left:0;}}

/* --- Checkout Popup --- */
.checkout-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(5px);display: none;justify-content: center;align-items: center;z-index: 10000;padding: 20px;opacity: 0;transition: opacity 0.4s ease;}
.checkout-popup.active {display: flex;opacity: 1;}
.co-popup-container {background: #fff;padding: 80px 40px;border-radius: 20px;position: relative;max-width: 800px;width: 100%;text-align: center;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);overflow: visible; /* To allow deco images to overflow if needed */transform: translateY(30px);transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.checkout-popup.active .co-popup-container {transform: translateY(0);}
.co-tick {position: relative;width: 130px;height: 130px;border-radius: 50%;background-color: #FF9B9B;display: flex;align-items: center;justify-content: center;margin: 0 auto 40px;z-index: 1;}
.co-tick::after {content: '';position: absolute;background: var(--primary-color);width: 90px;height: 90px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.co-tick svg {z-index: 3;width: 40px;height: 40px;}
.co-popup-container h3 {font-family: var(--family1);font-weight: 700;font-size: 48px;line-height: 1.2;margin-bottom: 20px;color: var(--primary-color);text-transform: uppercase;}
.co-popup-container p {font-family: var(--family2);font-weight: 400;font-size: 18px;line-height: 1.6;text-align: center;color: #727272;margin-bottom: 35px;max-width: 600px;margin-left: auto;margin-right: auto;}
.co-continue-btn {display: inline-block;padding: 14px 45px;border-radius: 40px;background: var(--primary-color);font-family: var(--family1);font-weight: 700;font-size: 20px;color: #fff !important;text-decoration: none;text-transform: uppercase;transition: all 0.3s ease;cursor: pointer;border: none;box-shadow: 0 10px 20px rgba(217, 11, 11, 0.2);}
.co-continue-btn:hover {background: #c00a0a;transform: translateY(-3px);box-shadow: 0 15px 25px rgba(217, 11, 11, 0.3);}
.co-popup-deco-left {position: absolute;top: 0;left: 0;width: 90px;z-index: -1;transform: scaleX(-1);pointer-events: none;}
.co-popup-deco-right {position: absolute;top: 40%;right: 20%;width: 65px;opacity: 1;z-index: -1;pointer-events: none;transform: translateY(-50%);}
.co-popup-deco-bottom {position: absolute;bottom: 20px;right: 20px;width: 100px;z-index: -1;pointer-events: none;}
@media (max-width: 767px) {.co-popup-container {padding: 60px 20px;}.co-popup-container h3 {font-size: 32px;}.co-tick {width: 100px;height: 100px;}.co-tick::after {width: 70px;height: 70px;}.co-popup-deco-right {right: -20px;width: 80px;}}



/* ------------------   profile page----------------------- */

.pro-center-img-wrap {position: absolute;bottom: 0;left: 70%;transform: translate(-50%, 0%);z-index: 20;width: 45%;max-width: 500px;pointer-events: none;}
@media (max-width: 1399px) {
  .pro-center-img-wrap {width: 34%;left: 70%;}
}
@media (max-width: 1199px) {
  .pro-center-img-wrap {width: 35%;}}
@media (max-width: 991px) {
}
.profile-watermark {position: absolute;top: 15%;left: 12%;width: 100%;font-family: var(--family1);font-weight: 700;font-size: clamp(1.8rem, 6vw, 6rem);color: #FF6D6D;pointer-events: none;z-index: 0;line-height: 1;white-space: nowrap;overflow: hidden;}
@media (max-width: 1400px) { .profile-watermark { font-size: clamp(1.6rem, 5.5vw, 5rem); } }
@media (max-width: 1200px) { .profile-watermark { font-size: clamp(1.5rem, 5vw, 4.5rem); } }
@media (max-width: 991px)  { .profile-watermark { font-size: clamp(1.2rem, 8vw, 3.5rem); padding-top: 40px; } }
@media (min-width: 1550px) { .profile-watermark {top: 15%;left: 20%; }}
@media (min-width: 1650px) { .profile-watermark {top: 15%;left: 30%; }}
.profile-hero-price-pill {position: absolute;bottom: 60px;left: 50%;transform: translateX(25%);z-index: 5;min-width: 220px;padding: 12px 18px;display: flex;align-items: center;gap: 14px;border-radius: 14px;background: rgba(255, 255, 255, 0.18);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transform-style: preserve-3d;}
.profile-hero-price-pill img {width: 60px;height: 60px;border-radius: 50%;object-fit: cover;flex-shrink: 0;backdrop-filter: blur(0);}
.profile-hero-price-pill .price-pill-info {display: flex;flex-direction: column;color: #fff;}
.profile-hero-price-pill .price-pill-title {font-family: var(--family1);font-weight: 700;font-size: 20px;line-height: 1;}
.profile-hero-price-pill .price-pill-rating {color: #FFE605;font-size: 0.75rem;margin: 4px 0 3px;}
.profile-hero-price-pill .price-pill-price {font-family: var(--family1);font-weight: 700;font-size: 18px;line-height: 1;}
@media (max-width: 1350px) {
.profile-hero-price-pill {transform: translateX(20%);font-size: 18px;left: 40%;}}
@media (max-width: 991px) {
.profile-hero-price-pill {bottom: 20px;left: 50%;transform: translateX(-50%);min-width: 180px;}}
.pro-btn-wrap {margin-top: 25px;}
@media (max-width: 991px) {
  .pro-center-img-wrap {left: 50%;width: 42%;transform: translate(30%, 0);}}
@media (max-width: 575px) {
  .banner-btn.co-menu-btn {padding: 12px 28px;font-size: 16px;}}
@media (min-width: 992px) {.pro-content-left{padding-top: 50px;}}
@media (max-width: 991px) {
  .Profile-page .bg-layer .split-right {min-height: 360px !important;}
  .Profile-page .col-12.split-w-35 {position: static !important;}
  .Profile-page .content-right {height: auto !important;padding: 10px 10px 20px 20px !important;align-items: flex-start !important;text-align: left !important;width: 52% !important;justify-content: flex-start !important;}
  .Profile-page .profile-watermark {position: relative !important;top: auto !important;left: auto !important;width: 100% !important;font-size: clamp(1.4rem, 7vw, 3rem) !important;padding-left: 20px;margin-bottom: 8px;line-height: 1.1;}
  .Profile-page .feature-list {transform: none !important;padding: 0 !important;justify-content: flex-start !important;flex-direction: column !important;flex-wrap: nowrap !important;gap: 6px !important;margin: 0 !important;display: flex !important;}
  .Profile-page .feature-list li {font-size: 18px !important;line-height: 28px !important;}
  .Profile-page .pro-center-img-wrap {left: 40% !important;right: 0 !important;bottom: 0 !important;width: 52% !important;max-width: 350px !important;transform: none !important;}
  .Profile-page .profile-hero-price-pill {bottom: 10px !important;left: 50% !important;transform: translateX(-50%) !important;min-width: 160px !important;padding: 8px 12px !important;gap: 8px !important;}
  .Profile-page .profile-hero-price-pill img {width: 44px !important;height: 44px !important;}
  .Profile-page .profile-hero-price-pill .price-pill-title {font-size: 14px !important;}
  .Profile-page .profile-hero-price-pill .price-pill-price {font-size: 14px !important;}
}
.item-header {flex-direction: row;}
@media (max-width: 575px) {
  .Profile-page .bg-layer .split-right {min-height: 300px !important;}
  .Profile-page .pro-center-img-wrap {max-width: 400px !important;width: 80% !important;}
}
.profile-body {padding: 50px 0;background-color: #fff;position: relative; overflow: visible;}
.pro-bg-left {position: absolute;top: 50%;left: 0;width: 150px;z-index: 0;transform: scaleX(-1);pointer-events: none;opacity: 0.8;}
.pro-bg-left-1 {position: absolute;top: 85%;left: 7%;width: 80px;opacity: 0.8;z-index: 0;pointer-events: none;}
.pro-bg-right {position: absolute;top: 0;right: 0;width: 150px;z-index: 0;pointer-events: none;}
.pro-pagination {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 50px;}
.pagination-btn {width: 40px;height: 40px;border-radius: 50%;background: #F2F3F4;display: flex;align-items: center;justify-content: center;text-decoration: none;font-family: var(--family1);font-weight: 700;font-size: 16px;color: #7E7E7E;transition: all 0.3s ease;}
.pagination-btn:hover, .pagination-btn.active {background: var(--primary-color);color: #fff !important;}
.pagination-dots {font-family: var(--family1);font-weight: 700;color: #7E7E7E;padding: 0 20px;font-size: 16px;}
.pro-filter-row {display: flex;justify-content: end;margin-bottom: 20px;align-items: center;gap: 180px;position: relative;z-index: 100;}
.pro-results-count {font-family: var(--family2);font-size: 16px;line-height: 24px;color: #7E7E7E;}
.pro-filter-actions {display: flex;gap: 20px;position: relative;z-index: 101;}
.pro-filter-item {position: relative;z-index: 102;}
.pro-filter-box {display: flex;align-items: center;gap: 12px;padding: 10px 17px;border: 1px solid #ECECEC;border-radius: 8px;background: #fff;cursor: pointer;font-family: var(--family2);font-size: 13px;color: #7E7E7E;line-height: 24px;transition: all 0.3s ease;}
.pro-filter-box:hover {border-color: var(--primary-color);}
.pro-filter-box i:first-child {font-size: 16px;}
.pro-filter-box i:last-child {font-size: 15px;margin-left: auto;}
.pro-dropdown-list {position: absolute;top: 100%;left: 0;width: 100%;background: #fff;border: 1px solid #E8E8E8;border-radius: 8px;margin-top: 5px;padding: 0;list-style: none;box-shadow: 0 10px 30px rgba(0,0,0,0.1);display: none;z-index: 9999;overflow: visible;}
.pro-dropdown-list.active {display: block;}
.pro-dropdown-list li {padding: 12px 20px;font-family: var(--family2);font-size: 14px;color: #7E7E7E;cursor: pointer;transition: all 0.2s ease;}
.pro-dropdown-list li:hover {background: #F9F9F9;color: var(--primary-color);}
@media (max-width: 767px) {
  .pro-filter-row {flex-direction: column;gap: 20px;text-align: center;}
  .pro-filter-actions {width: 100%;justify-content: center;flex-wrap: wrap;}}
.item-footer .item-date{margin-left: auto;font-family: var(--family1);font-weight: 700;font-size: 20px;color: #787878;line-height: 100%;letter-spacing: 0%;}
.profile-hero-price-pill::after {content: '';position: absolute;top: -45px;right: -90px ;width: 100%;height: 100%;background: url(../img/chilly.png) no-repeat;background-position: center;z-index: -2; transform: translateZ(-1px);}




/* ------------------------Menu--------------- */
.menu-tabs {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;margin-top: 30px;max-width: 600px;}
.menu-tab-btn {padding: 11px 15px;border-radius: 50px;border: 1px solid var(--primary-color);background: #fff;color: #1E1E1E;font-family: var(--family1);font-weight: 700;font-size: 20px;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;box-shadow: 0 4px 15px rgba(0,0,0,0.05);width: 100%;display: flex;align-items: center;justify-content: center;}
.menu-tab-btn:hover, .menu-tab-btn.active {background: var(--primary-color);color: #fff;box-shadow: 0 8px 20px rgba(217, 11, 11, 0.25);}
@media (max-width: 767px) {
  .menu-tabs {grid-template-columns: repeat(3, 1fr);gap: 8px; max-width: 100%;}
  .menu-tab-btn {padding: 10px 18px;font-size: 18px;}
  .our-menu-phone-down{transform: translateY(-30%) !important; }
  .our-menu-price-pill{transform: translateX(-60%) !important;}
  .menu-body-title h1{font-size: clamp(1.5rem, 7vw, 3.5rem) !important;}
}


@media (max-width: 1440px) {
  .menu-watermark {left: 30% !important;}}

.menu-body{padding: 70px 0 100px 0; position: relative; overflow: hidden;}
.menu-bg-deco { position: absolute; z-index: 0; pointer-events: none; }
.menu-bg-tl { top: 440px; left: -110px; width: 150px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15)); }
.menu-bg-tr { top: 40%; right: 0%; width: 80px; opacity: 0.5; }
.menu-bg-bl { bottom: 0%; left: 10%; width: 190px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15)); }
.menu-bg-br { bottom: 80px; right: 0; width: 180px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15)); }
@media (max-width: 991px) {
  .menu-bg-tl, .menu-bg-br { display: none; }
}
.menu-body-title{align-items: center; text-align: center;}
.menu-body-title .top-menu-title{font-size: clamp(16px, 2vw, 20px); font-weight: 600; color: var(--primary-color); font-family: var(--family1); text-transform: uppercase;}
.menu-body-title h1{font-size: clamp(1.8rem, 5.5vw, 5rem); font-weight: 700; color: #1E1E1E; font-family: var(--family1); text-transform: uppercase; margin: 5px 0 30px; line-height: 1.1;}
.menu-body-title p{font-size: clamp(14px, 1.5vw, 16px); font-weight: 400; color: #464646; font-family: var(--family2); line-height: 1.6; max-width: 600px; margin: 0 auto;}
.menu-selection{display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 20px;}
.menu-selection .menu-tab-btn {width: auto; min-width: 140px;}
.sub-cat-btn{padding: 11px 38px; border-radius: 40px; background: transparent; border: 1px solid var(--primary-color); font-weight: 600; font-size: 20px; color: #000; font-family: var(--family1); text-transform: uppercase;}
.sub-cat-btn.active{color: #fff; background-color: var(--primary-color);}
.sub-cat-btn:hover{color: #fff; background-color: var(--primary-color);}
.our-menu-price-pill{left: 70%;}

/* ------------------------Event Gallery--------------- */
.event-gallery-section {position: relative;padding: 90px 0 90px;overflow: hidden;}
.ev-deco {position: absolute;pointer-events: none;z-index: 0;}
.ev-deco-tl {bottom: 5%;right: 0;width: 150px;}
.ev-deco-br {bottom: 3%;left: 0;width: 190px;}
.ev-deco-tr {top: 50%;right: 0;width: 80px;}
@media (max-width: 767px) {
    .ev-deco-tl,
    .ev-deco-br,
    .ev-deco-tr { display: none; }
}

.ev-gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 18px;}
.ev-card {position: relative;overflow: hidden;border-radius: 16px;cursor: pointer;background: #111;box-shadow: 0 8px 30px rgba(0,0,0,0.12);}
.ev-card__img {width: 100%;height: auto;display: block;transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter 0.55s ease;filter: brightness(0.92);}
.ev-card:hover .ev-card__img {transform: scale(1.08);filter: brightness(0.55);}
.ev-card__overlay {position: absolute;inset: 0;display: flex;align-items: flex-end;padding: 30px 28px;background: linear-gradient(to top,rgba(10,10,10,0.85) 0%,rgba(10,10,10,0.35) 55%,transparent 100%);opacity: 0;transform: translateY(14px);transition: opacity 0.4s ease, transform 0.4s ease;z-index: 3;}
.ev-card:hover .ev-card__overlay {opacity: 1;transform: translateY(0);}
.ev-card__info {display: flex;flex-direction: column;gap: 8px;}
.ev-card__tag {display: inline-flex;align-items: center;gap: 6px;font-family: var(--family1);font-weight: 600;font-size: 13px;color: var(--primary-color);text-transform: uppercase;letter-spacing: 1.5px;}
.ev-card__tag i { font-size: 12px; }
.ev-card__title {font-family: var(--family1);font-weight: 700;font-size: clamp(1.2rem, 2.2vw, 1.55rem);color: #fff;margin: 0;line-height: 1.2;}
.ev-card__desc {font-family: var(--family2);font-size: 14px;color: rgba(255,255,255,0.82);line-height: 1.6;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.ev-card__link {display: inline-flex;align-items: center;gap: 7px;font-family: var(--family1);font-weight: 700;font-size: 14px;color: #fff;text-decoration: none;margin-top: 4px;transition: gap 0.25s ease, color 0.25s ease;}
.ev-card__link:hover {color: var(--primary-color);gap: 12px;}
.ev-card__link i { font-size: 12px; }
.ev-card__num {position: absolute;top: 16px;right: 20px;font-family: var(--family1);font-weight: 700;font-size: 2.2rem;color: rgba(255,255,255,0.18);line-height: 1;pointer-events: none;z-index: 2;transition: color 0.4s ease;}
.ev-card:hover .ev-card__num {color: rgba(255,255,255,0.45);}
.ev-load-more {margin-top: 45px;display: flex;justify-content: center;}
.ev-load-more-btn {position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 11px 28px;border-radius: 40px;background: var(--primary-color);color: #fff;font-family: var(--family1);font-weight: 700;font-size: 20px;text-transform: uppercase;cursor: pointer;overflow: hidden;outline: none;border: none;box-shadow: none;transition: all 0.3s ease;}
.ev-load-more-btn:hover {transform: translateY(-3px);}
@media (max-width: 991px) {
    .ev-card--tall { grid-row: span 1; min-height: 260px; }
    .ev-card { min-height: 240px; }
    .event-gallery-section { padding: 60px 0 70px; }
    .ev-section-head { margin-bottom: 40px; }
    .ev-card__overlay {opacity: 1;transform: translateY(0);background: linear-gradient(to top,rgba(10,10,10,0.80) 0%,rgba(10,10,10,0.2) 50%,transparent 100%);}
}

@media (max-width: 575px) {
    .ev-gallery-grid {grid-template-columns: 1fr;gap: 14px;}
    .ev-card, .ev-card--tall {min-height: 240px;grid-row: span 1;}
    .ev-card__title { font-size: 1.15rem; }
    .ev-card__desc { -webkit-line-clamp: 3; }
    .ev-load-more-btn { padding: 13px 36px; font-size: 16px; }
    .ev-section-title { font-size: 2.2rem; }
    .event-gallery-section { padding: 50px 0 60px; }
}


/* ------------------------Empty Checkout---------------------- */
.empty-cart-section {position: relative;padding: 100px 0 100px;overflow: hidden;}
.ec-deco {position: absolute;pointer-events: none;z-index: 0;}

.ec-deco-br {bottom: 0;right: 0%;width: 190px;animation: chillyBob 4s ease-in-out infinite;}
.ec-deco-bl {top: 40%;left: 3%;width: 80px;}
@media (max-width: 767px) {
    .ec-deco-tl, .ec-deco-br, .ec-deco-bl { display: none; }
}
.empty-box{position: relative;background: #F9F9F9; padding: 160px 0 220px; border: 1px 0 1px 0 solid #DFDFDF; display: flex; justify-content: center; align-items: center; gap: 30px;} 
.empty-box .inside-empty{display: flex; justify-content: center; align-items: center; gap: 30px; flex-direction: column;} 
.ec-highlight{color: var(--primary-color);}
.empty-box p{color: #4A4747; font-family: var(--family1); font-weight: 700; font-size: 25px; line-height: 100%; margin: 0;}
.empty-box img{max-width: 100px; width: 100%; height: auto;}
.ec-deco-tl {bottom: 0;left: 0;width: 120px;transform: scaleX(-1);}
@media (max-width: 991px) {
    .empty-cart-section { padding: 70px 0 80px; }
}
@media (max-width: 575px) {
    .empty-box p{ font-size: 20px;}
    .ec-bowl-img { width: 110px; height: 110px; }
    .empty-cart-section { padding: 55px 0 65px; }
}

/* ------------------------Empty Profile---------------------- */
.empty-profile{
    margin: 45px 0 70px;
}
.ec-deco-1{z-index: 9;}
.ec-deco-bl-1 {top: 30%;left: 20%;width: 80px;}

/* ------------------------Product Detail Page---------------------- */
.product-gallery-card {
  transition: all 0.3s ease;
}
.product-gallery-card:hover img {
  transform: scale(1.05) rotate(1deg);
}
.hover-red {
  transition: color 0.2s ease;
}
.hover-red:hover {
  color: var(--primary-color) !important;
}
.quantity-picker button:hover {
  background-color: rgba(217, 11, 11, 0.08) !important;
}
.variant-pill {
  transition: all 0.25s ease !important;
  font-family: var(--family1);
  font-size: 18px !important;
  letter-spacing: 0.5px;
}
.variant-pill:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-2px);
}
.variant-pill.active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(217, 11, 11, 0.2);
}

/* ------------------------Gallery Section---------------------- */
.gallery-album-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-album-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08) !important;
}
.gallery-album-card:hover .gallery-album-image {
  transform: scale(1.06);
}
.gallery-image-card {
  overflow: hidden;
  position: relative;
}
.gallery-image-card img {
  transition: transform 0.4s ease;
}
.gallery-image-card:hover img {
  transform: scale(1.08);
}
.gallery-image-card:hover .gallery-image-overlay {
  opacity: 1 !important;
}
.lightbox-modal button {
  transition: all 0.25s ease;
}
.lightbox-modal button:hover {
  color: var(--primary-color) !important;
  transform: scale(1.15);
}