/*=========================================
   DESKTOP & HIGHER RESOLUTION OPTIMIZATIONS
   =========================================*/

/* Standard Desktop (1200px - 1366px) */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
    /* Layout Container */
    .container {
        width: 1170px;
        max-width: 90%;
    }
    
    /* Header & Navigation */
    .navbar-header img {
        max-width: 180px;
    }
    
    ul#nav li a {
        padding: 40px 18px;
        font-size: 13px;
    }
    
    .is-sticky ul#nav li a {
        padding: 28px 18px;
    }
    
    /* Slider Area */
    .slider-area h1 {
        font-size: 55px;
    }
    
    .slider-area h2 {
        font-size: 75px;
    }
    
    .slider-area h3 {
        font-size: 18px;
        letter-spacing: 5px;
    }
    
    /* About Section */
    .about-area .area-title h2 {
        font-size: 70px;
    }
    
    .about-area .area-title h2 span {
        font-size: 42px;
    }
    
    /* Promotions Section */
    .promotions-details h4 {
        font-size: 42px;
    }
    
    .style-two .promotions-details h3 {
        font-size: 50px;
    }
    
    .style-two .promotions-details h4 {
        font-size: 26px;
    }
    
    /* Menu Section - Desktop Grid */
    .food-menu-list .single-menu {
        width: 50%;
        padding: 0 12px;
    }
    
    .single-menu-details {
        flex-direction: row;
    }
    
    .food-menu-list .food-menu-img {
        width: 180px;
    }
    
    .food-menu-list .food-menu-details h3 {
        font-size: 18px;
    }
    
    /* Event Section */
    .event-content {
        padding-left: 200px;
    }
    
    .event-date {
        height: 130px;
        width: 130px;
        padding-top: 35px;
    }
    
    .event-date span {
        font-size: 55px;
    }
    
    /* Team Section */
    .single-team-member {
        margin-bottom: 30px;
    }
    
    .member-details h3 {
        font-size: 18px;
    }
    
    /* Blog Section */
    .post-details {
        width: 90%;
        padding: 25px;
    }
    
    .post-details h3 {
        font-size: 22px;
    }
    
    /* Footer */
    .footer-menu ul li a {
        padding: 5px 8px 5px 0;
    }
    
    /* Gallery */
    .gallery-img {
        height: 220px;
    }
}

/* Large Desktop (1367px - 1600px) */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
    
    /* Container Width */
    .container {
        width: 1300px;
        max-width: 90%;
    }
    
    /* Header - More Spacious */
    .navbar-header {
        margin-top: 12px;
    }
    
    .navbar-header img {
        max-width: 200px;
    }
    
    ul#nav li a {
        padding: 42px 22px;
        font-size: 14px;
        letter-spacing: 2.5px;
    }
    
    .is-sticky ul#nav li a {
        padding: 30px 22px;
    }
    
    .search-form-area {
        padding: 38px 15px;
    }
    
    .is-sticky .search-form-area {
        padding: 28px 15px;
    }
    
    /* Slider - Enhanced Typography */
    .slider-area h1 {
        font-size: 70px;
    }
    
    .slider-area h2 {
        font-size: 90px;
    }
    
    .slider-area h3 {
        font-size: 20px;
        letter-spacing: 6px;
    }
    
    /* Section Padding */
    .section-padding {
        padding: 120px 0;
    }
    
    /* About Area */
    .about-area .area-title h2 {
        font-size: 85px;
    }
    
    .about-area .area-title h2 span {
        font-size: 50px;
    }
    
    .about-content {
        font-size: 16px;
    }
    
    /* Promotions Area */
    .promotions-details h4 {
        font-size: 48px;
    }
    
    .promotions-details p {
        font-size: 16px;
    }
    
    .pakage-rate {
        height: 120px;
        width: 120px;
        margin-left: -60px;
        margin-top: -60px;
        padding-top: 25px;
    }
    
    .pakage-rate span {
        font-size: 24px;
    }
    
    .style-two .promotions-details {
        padding: 60px;
        width: 80%;
        margin-top: -140px;
    }
    
    .style-two .promotions-details h3 {
        font-size: 65px;
    }
    
    .style-two .promotions-details h4 {
        font-size: 28px;
    }
    
    /* Menu Section - 2 Column Layout with Better Spacing */
    .food-menu-list .single-menu {
        width: 50%;
        padding: 0 18px;
        margin-bottom: 40px;
    }
    
    .single-menu-details {
        border-radius: 12px;
    }
    
    .food-menu-list .food-menu-img {
        width: 220px;
    }
    
    .food-menu-list .food-menu-details {
        padding: 25px;
    }
    
    .food-menu-list .food-menu-details h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .food-menu-list .food-menu-details .item-desc {
        font-size: 15px;
        margin-bottom: 15px;
    }
    
    .item-order-btn {
        padding: 10px 25px;
        font-size: 14px;
    }
    
    /* Cart Icon & Toolbar */
    .menu-toolbar {
        gap: 25px;
        padding: 25px;
    }
    
    .menu-toolbar-group label {
        font-size: 14px;
    }
    
    .menu-toolbar input,
    .menu-toolbar select {
        height: 45px;
        min-width: 140px;
        font-size: 15px;
    }
    
    .menu-filter-btn {
        height: 45px;
        padding: 0 20px;
        font-size: 14px;
    }
    
    /* Event Section */
    .single-event {
        padding: 70px 0;
    }
    
    .event-content {
        padding-left: 240px;
    }
    
    .event-date {
        height: 160px;
        width: 160px;
        padding-top: 50px;
    }
    
    .event-date span {
        font-size: 70px;
        padding-bottom: 15px;
    }
    
    .event-details > h3 {
        font-size: 26px;
    }
    
    /* Blog Section */
    .post-details {
        padding: 35px;
        transform: translateY(-160px);
        margin-bottom: -160px;
    }
    
    .post-details > h3 {
        font-size: 28px;
    }
    
    /* Gallery */
    .gallery-img {
        height: 280px;
    }
    
    /* Footer */
    .footer-menu ul li a {
        font-size: 14px;
        padding: 7px 12px 7px 0;
    }
    
    .footer-copyright p {
        font-size: 14px;
    }
    
    /* Counter Area */
    .single-counter {
        font-size: 16px;
    }
    
    h3.counter {
        font-size: 44px;
    }
    
    /* Testimonial */
    .testmonial-area {
        font-size: 26px;
    }
    
    /* Offcanvas Cart */
    .offcanvas-content {
        max-width: 520px;
    }
    
    .offcanvas-header h4 {
        font-size: 22px;
    }
    
    .offcanvas-body {
        padding: 30px;
    }
}

/* Ultra-Wide Desktop & 2K (1601px - 1920px) */
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
    
    /* Main Container - Wider Layout */
    .container {
        width: 1500px;
        max-width: 90%;
    }
    
    /* Header - Premium Spacing */
    .top-bar {
        padding: 5px 0;
    }
    
    .call-to-action p {
        font-size: 14px;
    }
    
    .top-social-bookmark ul li a {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    
    .navbar-header {
        margin-top: 15px;
    }
    
    .navbar-header img {
        max-width: 220px;
    }
    
    ul#nav li a {
        padding: 45px 28px;
        font-size: 15px;
        letter-spacing: 3px;
    }
    
    .is-sticky ul#nav li a {
        padding: 32px 28px;
    }
    
    .search-form-area {
        padding: 40px 15px;
    }
    
    /* Slider - Hero Area Enhanced */
    .slider-area h1 {
        font-size: 85px;
    }
    
    .slider-area h2 {
        font-size: 110px;
        letter-spacing: 4px;
    }
    
    .slider-area h3 {
        font-size: 22px;
        letter-spacing: 8px;
    }
    
    .slider-area h3 a {
        font-size: 15px;
        padding: 12px 35px;
    }
    
    /* Section Spacing */
    .section-padding {
        padding: 140px 0;
    }
    
    .area-title {
        margin-bottom: 80px;
    }
    
    .area-title h2 {
        font-size: 90px;
        letter-spacing: 3px;
    }
    
    .area-title h3 {
        font-size: 45px;
        letter-spacing: 3px;
    }
    
    /* About Area */
    .about-area .area-title h2 {
        font-size: 95px;
    }
    
    .about-area .area-title h2 span {
        font-size: 55px;
    }
    
    .about-content {
        font-size: 17px;
        line-height: 1.8;
    }
    
    a.read-more {
        font-size: 15px;
        padding: 10px 28px;
        margin-top: 35px;
    }
    
    /* Promotions Area */
    .promotions-details h4 {
        font-size: 55px;
        margin-bottom: 25px;
    }
    
    .pakage-rate {
        height: 140px;
        width: 140px;
        margin-left: -70px;
        margin-top: -70px;
        padding-top: 32px;
    }
    
    .pakage-rate span {
        font-size: 28px;
        padding-top: 8px;
    }
    
    .style-two .promotions-details {
        padding: 70px;
        width: 75%;
        margin-top: -160px;
    }
    
    .style-two .promotions-details h3 {
        font-size: 75px;
    }
    
    .style-two .promotions-details h4 {
        font-size: 32px;
    }
    
    .style-two .promotions-details p span {
        font-size: 42px;
    }
    
    /* Menu Section - Optimized 2-Column Layout */
    .food-menu-list {
        margin: 0 -20px;
    }
    
    .food-menu-list .single-menu {
        width: 50%;
        padding: 0 20px;
        margin-bottom: 50px;
    }
    
    .single-menu-details {
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }
    
    .food-menu-list .food-menu-img {
        width: 250px;
    }
    
    .food-menu-list .food-menu-details {
        padding: 30px;
    }
    
    .food-menu-list .food-menu-details h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .food-menu-list .food-menu-details h3 .menu-price {
        font-size: 16px;
        margin-left: 15px;
    }
    
    .food-menu-list .food-menu-details .item-desc {
        font-size: 16px;
        margin-bottom: 18px;
        line-height: 1.6;
    }
    
    .item-meta {
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .item-stars {
        font-size: 14px;
    }
    
    .item-tag {
        font-size: 12px;
        padding: 4px 10px;
    }
    
    .item-order-btn {
        padding: 12px 30px;
        font-size: 15px;
        gap: 10px;
    }
    
    /* Menu Toolbar */
    .menu-toolbar {
        gap: 30px;
        padding: 30px;
        margin-bottom: 50px;
    }
    
    .menu-toolbar-group label {
        font-size: 15px;
        letter-spacing: 1px;
    }
    
    .price-inputs input {
        width: 120px;
        padding: 10px 15px;
        font-size: 16px;
    }
    
    .menu-toolbar-group select {
        padding: 10px 15px;
        font-size: 16px;
        min-width: 160px;
    }
    
    .menu-filter-btn {
        height: 48px;
        padding: 0 25px;
        font-size: 15px;
    }
    
    /* Category Filters */
    .food-menu-list-menu ul li {
        font-size: 15px;
        padding: 5px 15px;
        margin: 0 5px;
    }
    
    /* Pagination */
    .menu-pagination {
        margin-top: 50px;
        padding-top: 30px;
    }
    
    .menu-pagination-summary {
        font-size: 16px;
    }
    
    .menu-pagination-btn {
        min-width: 45px;
        height: 42px;
        padding: 0 15px;
        font-size: 15px;
    }
    
    /* Event Section */
    .single-event {
        padding: 80px 0;
    }
    
    .event-content {
        padding-left: 280px;
    }
    
    .event-date {
        height: 180px;
        width: 180px;
        padding-top: 58px;
    }
    
    .event-date span {
        font-size: 80px;
    }
    
    .event-details > h3 {
        font-size: 28px;
    }
    
    .event-meta > a {
        font-size: 16px;
    }
    
    /* Team Section */
    .team-member-img {
        margin-bottom: 35px;
    }
    
    .member-details h3 {
        font-size: 22px;
    }
    
    .member-details p {
        font-size: 15px;
    }
    
    /* Blog Section */
    .post-details {
        width: 85%;
        padding: 40px;
        transform: translateY(-180px);
        margin-bottom: -180px;
    }
    
    .post-details > h3 {
        font-size: 32px;
    }
    
    a.post-meta-button {
        font-size: 15px;
        padding: 10px 25px;
        margin-bottom: 35px;
    }
    
    .post-meta a {
        font-size: 14px;
        margin: 0 12px;
    }
    
    /* Instagram Feed */
    .instagram-area .area-title h4 {
        font-size: 35px;
    }
    
    /* Footer */
    .footer-logo img {
        max-width: 220px;
    }
    
    .footer-address p {
        font-size: 15px;
    }
    
    .footer-menu ul li a {
        font-size: 15px;
        padding: 8px 15px 8px 0;
    }
    
    .footer-social-bookmark ul li a {
        height: 45px;
        width: 45px;
    }
    
    .footer-social-bookmark ul li a img {
        width: 22px;
        height: 22px;
    }
    
    .footer-copyright p {
        font-size: 15px;
    }
    
    /* Gallery Section */
    .gallery-img {
        height: 320px;
    }
    
    .gallery-icon {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }
    
    .gallery-caption h5 {
        font-size: 16px;
    }
    
    .gallery-caption p {
        font-size: 13px;
    }
    
    /* Counter Area */
    .counter-icon {
        font-size: 55px;
        height: 60px;
        width: 60px;
        margin-bottom: 25px;
    }
    
    h3.counter {
        font-size: 48px;
        letter-spacing: 5px;
    }
    
    .single-counter {
        font-size: 17px;
        letter-spacing: 3px;
    }
    
    /* Testimonial */
    .testmonial-area {
        font-size: 28px;
    }
    
    .quate-icon {
        height: 60px;
        width: 60px;
        padding-top: 15px;
        font-size: 28px;
    }
    
    .testmonial-member-name-title > h4 {
        font-size: 18px;
    }
    
    /* Offcanvas Cart */
    .offcanvas-content {
        max-width: 580px;
    }
    
    .offcanvas-header {
        padding: 25px;
    }
    
    .offcanvas-header h4 {
        font-size: 24px;
    }
    
    .close-offcanvas {
        width: 45px;
        height: 45px;
        font-size: 36px;
    }
    
    .offcanvas-body {
        padding: 35px;
    }
    
    .offcanvas-product-img {
        height: 280px;
    }
    
    .offcanvas-product-price {
        font-size: 36px;
    }
    
    .variant-option {
        padding: 15px 18px;
    }
    
    .variant-name {
        font-size: 16px;
    }
    
    .variant-price {
        font-size: 18px;
    }
    
    .quantity-btn {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    
    .quantity-input {
        width: 90px;
        font-size: 20px;
    }
    
    .add-to-order-btn {
        padding: 18px;
        font-size: 18px;
    }
    
    /* Back to Top Button */
    a.scrolltotop {
        height: 60px;
        width: 60px;
        font-size: 24px;
        padding-top: 14px;
        bottom: 30px;
        right: 30px;
    }
}

/* 4K & Ultra High Resolution (1921px and above) */
@media only screen and (min-width: 1921px) {
    
    /* Main Container - Max Width Control */
    .container {
        width: 1800px;
        max-width: 85%;
    }
    
    /* Body Typography Scaling */
    body {
        font-size: 18px;
        line-height: 1.8;
    }
    
    /* Header - Large Screen Optimized */
    .top-bar {
        padding: 8px 0;
    }
    
    .call-to-action p {
        font-size: 16px;
    }
    
    .top-social-bookmark ul li a {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
    
    .top-social-bookmark ul li a img {
        width: 22px;
        height: 22px;
    }
    
    .book-table-popup a {
        font-size: 14px;
        padding: 16px 35px;
    }
    
    .navbar-header {
        margin-top: 18px;
    }
    
    .navbar-header img {
        max-width: 250px;
    }
    
    ul#nav li a {
        padding: 50px 35px;
        font-size: 16px;
        letter-spacing: 3.5px;
    }
    
    .is-sticky ul#nav li a {
        padding: 35px 35px;
    }
    
    .search-form-area {
        padding: 45px 15px;
    }
    
    /* Slider - Cinematic Experience */
    .slider-area h1 {
        font-size: 100px;
        letter-spacing: 4px;
    }
    
    .slider-area h2 {
        font-size: 130px;
        letter-spacing: 6px;
    }
    
    .slider-area h3 {
        font-size: 24px;
        letter-spacing: 10px;
    }
    
    .slider-area h3 a {
        font-size: 16px;
        padding: 15px 40px;
        margin-top: 25px;
    }
    
    /* Section Spacing - More Breathing Room */
    .section-padding {
        padding: 160px 0;
    }
    
    .area-title {
        margin-bottom: 100px;
    }
    
    .area-title h2 {
        font-size: 100px;
        letter-spacing: 4px;
    }
    
    .area-title h3 {
        font-size: 50px;
        letter-spacing: 4px;
    }
    
    /* About Area */
    .about-area .area-title h2 {
        font-size: 105px;
    }
    
    .about-area .area-title h2 span {
        font-size: 60px;
    }
    
    .about-content {
        font-size: 18px;
        line-height: 1.9;
    }
    
    a.read-more {
        font-size: 16px;
        padding: 12px 32px;
        margin-top: 40px;
    }
    
    /* Promotions Area */
    .promotions-details h4 {
        font-size: 65px;
        margin-bottom: 30px;
    }
    
    .promotions-details p {
        font-size: 18px;
    }
    
    .pakage-rate {
        height: 160px;
        width: 160px;
        margin-left: -80px;
        margin-top: -80px;
        padding-top: 38px;
    }
    
    .pakage-rate span {
        font-size: 32px;
        padding-top: 10px;
    }
    
    .style-two .promotions-details {
        padding: 80px;
        width: 70%;
        margin-top: -180px;
    }
    
    .style-two .promotions-details h3 {
        font-size: 85px;
    }
    
    .style-two .promotions-details h4 {
        font-size: 36px;
    }
    
    .style-two .promotions-details p span {
        font-size: 48px;
    }
    
    /* Menu Section - Premium 2-Column Layout */
    .food-menu-list {
        margin: 0 -25px;
    }
    
    .food-menu-list .single-menu {
        width: 50%;
        padding: 0 25px;
        margin-bottom: 60px;
    }
    
    .single-menu-details {
        border-radius: 20px;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    }
    
    .food-menu-list .food-menu-img {
        width: 280px;
    }
    
    .food-menu-list .food-menu-details {
        padding: 35px;
    }
    
    .food-menu-list .food-menu-details h3 {
        font-size: 24px;
        margin-bottom: 18px;
    }
    
    .food-menu-list .food-menu-details h3 .menu-price {
        font-size: 18px;
        margin-left: 18px;
    }
    
    .food-menu-list .food-menu-details .item-desc {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 1.7;
    }
    
    .item-meta {
        gap: 18px;
        margin-bottom: 25px;
    }
    
    .item-stars {
        font-size: 15px;
    }
    
    .item-stars i {
        margin-right: 3px;
    }
    
    .item-tag {
        font-size: 13px;
        padding: 5px 12px;
    }
    
    .item-order-btn {
        padding: 14px 35px;
        font-size: 16px;
        gap: 12px;
    }
    
    /* Menu Toolbar - Enhanced */
    .menu-toolbar {
        gap: 35px;
        padding: 35px;
        margin-bottom: 60px;
        border-radius: 12px;
    }
    
    .menu-toolbar-group label {
        font-size: 16px;
        letter-spacing: 1.5px;
    }
    
    .price-inputs input {
        width: 140px;
        padding: 12px 18px;
        font-size: 17px;
    }
    
    .menu-toolbar-group select {
        padding: 12px 18px;
        font-size: 17px;
        min-width: 180px;
    }
    
    .menu-filter-btn {
        height: 52px;
        padding: 0 30px;
        font-size: 16px;
        border-radius: 10px;
    }
    
    /* Category Filters */
    .food-menu-list-menu ul li {
        font-size: 16px;
        padding: 6px 20px;
        margin: 0 6px;
        border-radius: 30px;
    }
    
    /* Pagination */
    .menu-pagination {
        margin-top: 60px;
        padding-top: 35px;
    }
    
    .menu-pagination-summary {
        font-size: 17px;
    }
    
    .menu-pagination-btn {
        min-width: 50px;
        height: 45px;
        padding: 0 18px;
        font-size: 16px;
        border-radius: 10px;
    }
    
    /* Event Section */
    .single-event {
        padding: 90px 0;
    }
    
    .event-content {
        padding-left: 320px;
    }
    
    .event-date {
        height: 200px;
        width: 200px;
        padding-top: 65px;
        border-width: 2px;
    }
    
    .event-date span {
        font-size: 90px;
        padding-bottom: 10px;
    }
    
    .event-date {
        font-size: 18px;
    }
    
    .event-details > h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    p.event-meta {
        margin-bottom: 50px;
        padding-bottom: 35px;
    }
    
    .event-meta > a {
        font-size: 17px;
    }
    
    /* Team Section */
    .team-member-img {
        margin-bottom: 40px;
    }
    
    .member-details h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .member-details p {
        font-size: 16px;
    }
    
    .member-social-bookmark ul li {
        height: 45px;
        margin-bottom: 8px;
    }
    
    /* Blog Section */
    .post-details {
        width: 80%;
        padding: 45px;
        transform: translateY(-200px);
        margin-bottom: -200px;
        border-radius: 10px;
    }
    
    .post-details > h3 {
        font-size: 36px;
        margin-bottom: 35px;
        padding-bottom: 35px;
    }
    
    a.post-meta-button {
        font-size: 16px;
        padding: 12px 30px;
        margin-bottom: 40px;
        min-width: 180px;
    }
    
    .post-meta a {
        font-size: 15px;
        margin: 0 15px;
    }
    
    /* Instagram Feed */
    .instagram-area .area-title h4 {
        font-size: 40px;
    }
    
    /* Footer */
    .footer-logo img {
        max-width: 260px;
        margin-bottom: 20px;
    }
    
    .footer-address p {
        font-size: 16px;
        line-height: 1.8;
    }
    
    .footer-menu ul li a {
        font-size: 16px;
        padding: 10px 18px 10px 0;
    }
    
    .footer-social-bookmark ul li a {
        height: 50px;
        width: 50px;
    }
    
    .footer-social-bookmark ul li a img {
        width: 24px;
        height: 24px;
    }
    
    .footer-copyright p {
        font-size: 16px;
        padding: 20px 0;
    }
    
    /* Gallery Section */
    .gallery-img {
        height: 360px;
        border-radius: 10px;
    }
    
    .gallery-icon {
        width: 65px;
        height: 65px;
        font-size: 28px;
    }
    
    .gallery-caption h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .gallery-caption p {
        font-size: 14px;
    }
    
    /* Counter Area */
    .counter-icon {
        font-size: 65px;
        height: 70px;
        width: 70px;
        margin-bottom: 30px;
    }
    
    h3.counter {
        font-size: 56px;
        letter-spacing: 6px;
    }
    
    .single-counter {
        font-size: 18px;
        letter-spacing: 3.5px;
    }
    
    /* Testimonial */
    .testmonial-area {
        font-size: 32px;
    }
    
    .quate-icon {
        height: 70px;
        width: 70px;
        padding-top: 18px;
        font-size: 32px;
        margin-bottom: 50px;
    }
    
    .testmonial-member-name-title > h4 {
        font-size: 20px;
    }
    
    .testmonial-member-name-title > p {
        font-size: 16px;
    }
    
    /* Offcanvas Cart - Premium */
    .offcanvas-content {
        max-width: 650px;
    }
    
    .offcanvas-header {
        padding: 30px;
    }
    
    .offcanvas-header h4 {
        font-size: 28px;
    }
    
    .close-offcanvas {
        width: 50px;
        height: 50px;
        font-size: 40px;
    }
    
    .offcanvas-body {
        padding: 40px;
    }
    
    .offcanvas-product-img {
        height: 320px;
        border-radius: 15px;
    }
    
    .offcanvas-product-price {
        font-size: 42px;
        margin: 20px 0;
    }
    
    .variant-option {
        padding: 18px 20px;
        border-radius: 12px;
    }
    
    .variant-name {
        font-size: 17px;
    }
    
    .variant-price {
        font-size: 20px;
    }
    
    .quantity-btn {
        width: 55px;
        height: 55px;
        font-size: 28px;
        border-radius: 10px;
    }
    
    .quantity-input {
        width: 100px;
        font-size: 22px;
        padding: 12px;
    }
    
    .add-to-order-btn {
        padding: 20px;
        font-size: 20px;
        border-radius: 12px;
        margin-top: 25px;
    }
    
    /* Back to Top Button */
    a.scrolltotop {
        height: 70px;
        width: 70px;
        font-size: 28px;
        padding-top: 18px;
        bottom: 40px;
        right: 40px;
    }
    
    /* Toast Notifications */
    .cart-toast {
        padding: 18px 30px;
        font-size: 16px;
        border-radius: 50px;
    }
}

/* Specific Fixes for 2K (2560px) and 4K (3840px) Displays */
@media only screen and (min-width: 2560px) {
    .container {
        width: 2200px;
        max-width: 80%;
    }
    
    body {
        font-size: 20px;
    }
    
    .section-padding {
        padding: 180px 0;
    }
    
    .slider-area h1 {
        font-size: 120px;
    }
    
    .slider-area h2 {
        font-size: 150px;
    }
    
    .area-title h2 {
        font-size: 120px;
    }
    
    .food-menu-list .food-menu-img {
        width: 320px;
    }
    
    .food-menu-list .food-menu-details h3 {
        font-size: 26px;
    }
    
    .gallery-img {
        height: 420px;
    }
}

/* Maintain Aspect Ratio for High-Res Images */
@media only screen and (min-width: 1921px) {
    img {
        max-width: 100%;
        height: auto;
    }
    
    .food-menu-list .food-menu-img img,
    .gallery-img img,
    .team-member-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* Smooth Scrolling for Desktop */
@media only screen and (min-width: 1200px) {
    html {
        scroll-behavior: smooth;
    }
    
    /* Enhanced Hover Effects for Desktop */
    .single-menu-details:hover {
        transform: translateY(-8px);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .cart-icon-link:hover {
        transform: scale(1.08);
    }
    
    .menu-filter-btn:hover {
        transform: translateY(-2px);
    }
}