/* ============================================
   MOBILE RESPONSIVE STYLES (0-767px)
   ============================================

   Coverage:
   - 0-440px: Extra small mobile devices
   - 441-480px: Small mobile devices
   - 481-767px: Mobile base (smartphones)

   Note: Tablet styles begin at 768px (tablet.css)
   ============================================ */

/* ===========================================
   EXTRA SMALL MOBILE (max 440px)
   Specific fixes for very small devices
   =========================================== */
@media (max-width: 440px) {
    .content-sidebar-wrap {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
}

/* ===========================================
   MOBILE BASE (max 767px)
   =========================================== */
@media (max-width: 767px) {
    /* ===========================
       GLOBAL GENERAL STYLES
       =========================== */

    /* Content areas */
    .site-content,
    .content-area {
        padding: 20px 15px;
    }

    main.site-main {
        padding: 25px;
        border-radius: 12px;
    }

    /* Typography */
    .entry-title,
    .page-title {
        font-size: 28px;
    }

    .site-content .entry-content h2 {
        font-size: 24px;
    }

    .site-content .entry-content h3 {
        font-size: 20px;
    }

    /* Navigation and menus */
    .fl-menu,
    nav.catalog-navigation ul {
        flex-direction: column;
        gap: 10px;
    }

    .fl-menu li a,
    nav.catalog-navigation li a {
        display: block;
        text-align: center;
    }

    /* Sidebar */
    .widget-area,
    aside.sidebar {
        padding: 20px;
        margin-top: 30px;
    }

    /* Archive headers */
    .archive .page-header,
    .category .page-header,
    .tag .page-header {
        padding: 20px;
    }

    /* 404 page */
    .error404 .page-title {
        font-size: 60px;
    }

    /* ===========================
       ADMIN BAR
       =========================== */

    li#wp-admin-bar-edit,
    li#wp-admin-bar-search,
    li#wp-admin-bar-rm-tools,
    li#wp-admin-bar-rm-manage,
    li#wp-admin-bar-atum-dashboard,
    li#wp-admin-bar-fl-builder-frontend-edit-link,
    li#wp-admin-bar-woocommerce-site-visibility-badge,
    li#wp-admin-bar-rm-help {
        display: none !important;
    }

    /* ===========================
       NAVIGATION
       =========================== */

    /* Nav-primary responsive menu styling */
    .nav-primary {
        padding: 0 !important;
    }

    .nav-primary .wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .nav-primary .responsive-menu-icon {
        display: block !important;
        background: #1c3a4d !important;
        color: white !important;
        padding: 14px 20px !important;
        font-size: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        text-align: left !important;
        width: 100% !important;
        cursor: pointer !important;
        position: relative !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
    }

    .nav-primary .responsive-menu-icon::before {
        content: "MENU" !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: inherit !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        position: absolute !important;
        left: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .nav-primary .responsive-menu-icon::after {
        content: "☰" !important;
        color: white !important;
        font-size: 15px !important;
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        transition: transform 0.3s ease !important;
    }

    .nav-primary .responsive-menu-icon.responsive-menu-open::after {
        transform: translateY(-50%) rotate(180deg) !important;
    }

    /* Hide the primary menu list by default - Genesis JS will toggle with inline styles */
    .nav-primary .genesis-nav-menu:not([style*="display: block"]),
    .nav-primary ul.menu:not([style*="display: block"]),
    .nav-primary #menu-primary-menu:not([style*="display: block"]) {
        display: none;
    }

    /* ===========================
       PAGE LAYOUTS
       =========================== */

    /* About page */
    .page-id-2922 .site-content .site-inner .content,
    .page-id-15 .site-content .site-inner .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-id-2922 .site-content h1.entry-title,
    .page-id-15 .site-content h1.entry-title {
        margin-top: 120px !important;
    }

    .entry-header {
        margin-top: 40px !important;
    }

    .page .content,
    .content .entry {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* ===========================
       FOOTER
       =========================== */

    body.gppro-custom .footer-widgets .widget .widget-title {
        text-align: center !important;
    }

    .widget-area.footer-widgets-1.footer-widget-area {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .footer-widgets .widget {
        width: 100% !important;
        padding: 15px 20px !important;
    }

    .footer-widgets h4.widget-title.widgettitle {
        text-align: center !important;
    }

    .footer-widgets .textwidget p {
        text-align: center !important;
        font-size: 16px !important;
    }

    .footer-widgets .menu {
        text-align: center !important;
        font-size: 16px !important;
    }

    .footer-widgets img {
        margin: 20px auto !important;
        display: block !important;
    }

    /* ===========================
       SIDEBAR LAYOUT
       =========================== */

    .sidebar-primary {
        display: flex;
        flex-direction: column-reverse;
    }

    .content,
    .sidebar-primary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 20px !important;
    }

    section#woocommerce_product_search-2 {
        margin-bottom: 20px !important;
    }

    .content article,
    .entry-content {
        max-width: 100% !important;
        width: 100% !important;
    }

    .site-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure page doesn't overflow horizontally */
    body,
    .site-container {
        overflow-x: hidden !important;
    }

    /* ===========================
       WOOCOMMERCE PRODUCT ARCHIVE
       =========================== */

    body.woocommerce:not(.single-product) .woocommerce {
        padding: 20px !important;
        margin: 0 !important;
    }

    body.woocommerce:not(.single-product) ul.products {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 !important;
        width: 100% !important;
    }

    body.woocommerce:not(.single-product) ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px !important;
        margin: 0 !important;
    }

    body.woocommerce:not(.single-product) ul.products li.product img {
        height: 220px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    body.woocommerce:not(.single-product) ul.products li.product h2 {
        font-size: 18px !important;
        min-height: auto !important;
    }

    body.woocommerce:not(.single-product) ul.products li.product .price {
        font-size: 22px !important;
    }

    body.woocommerce:not(.single-product) article > h2:first-child {
        font-size: 32px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* WooCommerce ordering and result count */
    body.woocommerce:not(.single-product) .woocommerce-ordering {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    body.woocommerce:not(.single-product) .woocommerce-ordering select {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.woocommerce:not(.single-product) .woocommerce-result-count {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    /* Page-specific overrides for catalog page */
    .page-id-1076 .site-inner,
    body.woocommerce .site-inner {
        margin: 20px auto !important;
        padding: 20px 0 !important;
    }

    .woocommerce-page.sidebar-content .content {
        width: 100% !important;
    }

    .woocommerce-page.sidebar-content .entry-title {
        margin-left: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        text-align: center !important;
    }

    /* Empty state message mobile */
    body.woocommerce:not(.single-product) .woocommerce:empty::after {
        font-size: 20px;
        min-height: 250px;
        padding: 40px 15px;
    }

    /* Restriction message mobile styles */
    body.woocommerce:not(.single-product) .rmds-wpp-empty-state-container {
        padding: 40px 25px !important;
        margin: 20px 0 !important;
    }

    body.woocommerce:not(.single-product) .rmds-wpp-empty-icon {
        font-size: 48px !important;
    }

    body.woocommerce:not(.single-product) .rmds-wpp-empty-icon .dashicons {
        width: 48px !important;
        height: 48px !important;
        font-size: 48px !important;
    }

    body.woocommerce:not(.single-product) .rmds-wpp-empty-state-entry .entry-title {
        font-size: 24px !important;
    }

    body.woocommerce:not(.single-product) .rmds-wpp-empty-message {
        font-size: 18px !important;
    }

    body.woocommerce:not(.single-product) .rmds-wpp-empty-actions .button {
        display: block !important;
        width: 100% !important;
        max-width: 280px !important;
        margin: 12px auto !important;
    }

    /* WooCommerce Pagination Mobile Styles */
    body.woocommerce:not(.single-product) nav.woocommerce-pagination ul {
        gap: 8px !important;
        flex-wrap: wrap !important;
        padding: 0 10px !important;
        margin-top: 30px !important;
    }

    .woocommerce nav.woocommerce-pagination ul li {
        padding-top: 0 !important;
        margin: 4px 0 !important;
    }

    body.woocommerce:not(.single-product) nav.woocommerce-pagination ul li a,
    body.woocommerce:not(.single-product) nav.woocommerce-pagination ul li span {
        padding: 12px 14px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Make arrow buttons more visible on mobile */
    body.woocommerce:not(.single-product) nav.woocommerce-pagination ul li a[class*="prev"],
    body.woocommerce:not(.single-product) nav.woocommerce-pagination ul li a[class*="next"] {
        min-width: 50px !important;
        font-size: 16px !important;
    }

    /* ===========================
       WOOCOMMERCE CART
       =========================== */

    body.woocommerce-cart .site-container .site-inner {
        padding: 20px 0 !important;
    }

    body.woocommerce-cart  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
        margin-left: 0 !important;
    }

    body.woocommerce-cart .site-container h1 {
        font-size: 32px !important;
        margin-bottom: 30px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.woocommerce-cart .site-container .wp-block-woocommerce-cart {
        padding: 20px 15px !important;
        margin: 0 10px !important;
    }

    /* Cart table mobile layout - polished card style */
    body.woocommerce-cart .site-container .wc-block-cart-items {
        margin-bottom: 30px !important;
        box-shadow: none !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items table {
        display: block !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items thead {
        display: none !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items tbody {
        display: block !important;
    }

    /* Each cart item as a polished card */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr {
        display: flex !important;
        flex-direction: column !important;
        background: white !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(212, 175, 55, 0.15) !important;
        align-items: center !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items td {
        display: block !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Product image in cart - centered and constrained */
    body.woocommerce-cart .site-container .wc-block-cart-items__item-image,
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:first-child {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        display: flex !important;
        justify-content: center !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items__item-image img,
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:first-child img {
        width: auto !important;
        max-width: 150px !important;
        height: auto !important;
        max-height: 150px !important;
        object-fit: contain !important;
        border-radius: 8px !important;
    }

    /* Product name and details - second cell */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) {
        order: 1 !important;
        margin-bottom: 15px !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) a {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1c3a4d !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        display: block !important;
        margin-bottom: 10px !important;
    }

    /* Price inside product details - make it prominent */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) .wc-block-components-product-price,
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) > div:first-of-type {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #9b8a3a !important;
        margin: 10px 0 !important;
    }

    /* SKU styling */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) p {
        font-size: 13px !important;
        color: #64748b !important;
        margin: 8px 0 !important;
    }

    /* Remove button styling */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) button {
        background: transparent !important;
        border: 1px solid #cecece !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        margin-top: -10px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(2) button:hover {
        background: #dc2626 !important;
        color: white !important;
    }

    /* Hide the third cell (duplicate price) */
    body.woocommerce-cart .site-container .wc-block-cart-items tbody tr td:nth-child(3) {
        display: none !important;
    }

    /* Cart totals section */
    body.woocommerce-cart .site-container .wc-block-cart__totals {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 25px 20px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }

    body.woocommerce-cart .site-container .wp-block-woocommerce-cart h2 {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    body.woocommerce-cart .site-container .wc-block-components-totals-item__label {
        font-size: 15px !important;
    }

    body.woocommerce-cart .site-container .wc-block-components-totals-item__value {
        font-size: 18px !important;
    }

    body.woocommerce-cart .site-container .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 24px !important;
    }

    /* Proceed to checkout button */
    body.woocommerce-cart .site-container .wc-block-cart__submit-button,
    body.woocommerce-cart .site-container .wc-block-components-button.contained {
        width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        min-height: 54px !important;
    }

    /* Coupon input */
    body.woocommerce-cart .site-container .wc-block-components-totals-coupon input {
        font-size: 16px !important;
        padding: 12px !important;
        height: auto !important;
        min-height: 48px !important;
    }

    body.woocommerce-cart .site-container .wc-block-components-totals-coupon button {
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        min-height: 48px !important;
    }

    /* ===========================
       WOOCOMMERCE CHECKOUT
       =========================== */

    body.woocommerce-checkout .entry {
        margin-top: 50px !important;
    }

    /* Checkout page background and container */
    body.woocommerce-checkout .site-container .site-inner {
        padding: 20px 0 !important;
        margin: 0 auto !important;
    }

    body.woocommerce-checkout .site-container h1 {
        font-size: 32px !important;
        margin-bottom: 30px !important;
        padding: 0 20px !important;
    }

    body.woocommerce-checkout .site-container .woocommerce {
        padding: 25px 15px !important;
        border-radius: 12px !important;
        margin: 0 10px !important;
    }

    /* Checkout form layout - stack columns vertically on mobile */
    body.woocommerce-checkout .site-container .col2-set {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
    }

    body.woocommerce-checkout .site-container #order_review_heading {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        font-size: 22px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
        margin-top: 30px !important;
    }

    body.woocommerce-checkout .site-container #order_review {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        margin-top: 0 !important;
        padding: 20px 15px !important;
        border-radius: 10px !important;
    }

    /* Billing and Additional Information sections */
    body.woocommerce-checkout .site-container .woocommerce-billing-fields,
    body.woocommerce-checkout .site-container .woocommerce-additional-fields {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
        border-radius: 10px !important;
    }

    body.woocommerce-checkout .site-container .woocommerce-billing-fields h3,
    body.woocommerce-checkout .site-container .woocommerce-additional-fields h3 {
        font-size: 20px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    /* Form fields - full width and mobile-friendly */
    body.woocommerce-checkout .site-container .form-row {
        margin-bottom: 18px !important;
    }

    body.woocommerce-checkout .site-container .form-row label {
        font-size: 14px !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    body.woocommerce-checkout .site-container .form-row input[type="text"],
    body.woocommerce-checkout .site-container .form-row input[type="email"],
    body.woocommerce-checkout .site-container .form-row input[type="tel"],
    body.woocommerce-checkout .site-container .form-row input[type="password"],
    body.woocommerce-checkout .site-container .form-row textarea,
    body.woocommerce-checkout .site-container .form-row select {
        width: 100% !important;
        font-size: 16px !important;
        padding: 12px 14px !important;
        min-height: 48px !important;
        border-radius: 8px !important;
    }

    body.woocommerce-checkout .site-container .form-row textarea {
        min-height: 100px !important;
    }

    /* Order table mobile layout */
    body.woocommerce-checkout .site-container .shop_table {
        width: 100% !important;
        border: none !important;
        margin-bottom: 20px !important;
        font-size: 14px !important;
    }

    /* Table header styling for mobile */
    body.woocommerce-checkout .site-container .shop_table thead th {
        font-size: 11px !important;
        padding: 12px 8px !important;
        letter-spacing: 0.5px !important;
        background: #f8fafc !important;
    }

    body.woocommerce-checkout .site-container .shop_table thead th:first-child {
        text-align: left !important;
        padding-left: 10px !important;
    }

    body.woocommerce-checkout .site-container .shop_table thead th:last-child {
        text-align: right !important;
        padding-right: 10px !important;
    }

    /* Product rows - better spacing */
    body.woocommerce-checkout .site-container .shop_table tbody td {
        padding: 12px 8px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        vertical-align: top !important;
    }

    /* Product names - left align, wrap properly */
    body.woocommerce-checkout .site-container .shop_table .product-name {
        font-size: 13px !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
        padding-right: 8px !important;
    }

    body.woocommerce-checkout .site-container .shop_table .product-name strong {
        display: inline !important;
        margin-left: 4px !important;
        font-size: 12px !important;
        color: #64748b !important;
        font-weight: 400 !important;
    }

    /* Product prices - right align, no wrap */
    body.woocommerce-checkout .site-container .shop_table .product-total {
        font-size: 14px !important;
        text-align: right !important;
        white-space: nowrap !important;
        color: #9b8a3a !important;
        font-weight: 600 !important;
    }

    /* Subtotal and Total rows */
    body.woocommerce-checkout .site-container .shop_table tfoot th {
        padding: 12px 10px !important;
        font-size: 14px !important;
        text-align: left !important;
        border-top: 1px solid #e2e8f0 !important;
    }

    body.woocommerce-checkout .site-container .shop_table tfoot td {
        padding: 12px 10px !important;
        font-size: 15px !important;
        text-align: right !important;
        color: #9b8a3a !important;
        font-weight: 600 !important;
    }

    /* Total row emphasis */
    body.woocommerce-checkout .site-container .shop_table .order-total th {
        font-size: 16px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        padding-top: 15px !important;
        border-top: 2px solid #9b8a3a !important;
    }

    body.woocommerce-checkout .site-container .shop_table .order-total td {
        font-size: 20px !important;
        font-weight: 700 !important;
        padding-top: 15px !important;
        color: #9b8a3a !important;
    }

    /* Place Order / Reserve Now button mobile */
    body.woocommerce-checkout .site-container #place_order {
        width: 100% !important;
        padding: 16px 30px !important;
        font-size: 16px !important;
        letter-spacing: 0.5px !important;
        margin-top: 20px !important;
        min-height: 54px !important;
        border-radius: 8px !important;
    }

    /* Payment section mobile */
    body.woocommerce-checkout .site-container #payment {
        padding: 20px 15px !important;
        margin-top: 20px !important;
        border-radius: 10px !important;
    }

    body.woocommerce-checkout .site-container #payment .payment_methods {
        margin-bottom: 20px !important;
    }

    body.woocommerce-checkout .site-container #payment .payment_methods li {
        padding: 15px !important;
        margin-bottom: 10px !important;
        border-radius: 8px !important;
    }

    body.woocommerce-checkout .site-container #payment .payment_methods li label {
        font-size: 15px !important;
    }

    /* ===========================
       WOOCOMMERCE ACCOUNT
       =========================== */

    body.woocommerce-account .site-container .woocommerce {
        flex-direction: column;
        padding: 20px 15px;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation {
        width: 100%;
        position: static;
        margin-top: 40px;
        margin-bottom: 0 !important;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-content {
        width: 100%;
        padding: 20px;
    }

    body.woocommerce-account .site-container h1 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    /* Mobile navigation - vertical stack (no scroll) */
    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation ul {
        display: block !important;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation ul li {
        border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
        width: 100% !important;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none !important;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation ul li a {
        padding: 16px 20px !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    body.woocommerce-account .site-container .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left: 3px solid #A68A3D !important;
        border-bottom: none !important;
    }

    /* Addresses responsive */
    body.woocommerce-account .site-container .woocommerce-Addresses {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body.woocommerce-account .site-container .woocommerce-Address {
        padding: 20px;
    }

    /* Tables responsive */
    body.woocommerce-account .site-container .woocommerce-orders-table,
    body.woocommerce-account .site-container .shop_table {
        font-size: 14px;
    }

    body.woocommerce-account .site-container .woocommerce-orders-table thead,
    body.woocommerce-account.site-container .shop_table thead {
        display: none;
    }

    body.woocommerce-account .site-container .woocommerce-orders-table tbody tr,
    body.woocommerce-account .site-container .shop_table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid rgba(212, 175, 55, 0.15);
        border-radius: 8px;
        padding: 15px;
    }

    body.woocommerce-account .site-container .woocommerce-orders-table tbody td,
    body.woocommerce-account .site-container .shop_table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid rgba(212, 175, 55, 0.08);
    }

    body.woocommerce-account .site-container .woocommerce-orders-table tbody td:last-child,
    body.woocommerce-account .site-container .shop_table tbody td:last-child {
        border-bottom: none;
    }

    body.woocommerce-account .site-container .woocommerce-orders-table tbody td:before,
    body.woocommerce-account .site-container .shop_table tbody td:before {
        content: attr(data-title);
        font-weight: 600;
        color: #1c3a4d;
    }

    /* Form fields responsive */
    body.woocommerce-account .site-container.woocommerce-EditAccountForm fieldset {
        padding: 15px;
    }

    body.woocommerce-account .woocommerce-EditAccountForm button[type="submit"],
    body.woocommerce-account .woocommerce-Button {
        width: 100%;
        padding: 12px 20px;
        font-size: 14px;
    }

    /* ===========================
       SEARCH RESULTS PAGE
       =========================== */

    body.search .site-container main.content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.search .site-container .breadcrumb {
        padding: 10px 20px !important;
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }

    body.search .site-container h1.entry-title {
        font-size: 28px !important;
        padding: 0 20px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    /* Search result articles */
    .search-results .site-container article {
        padding: 20px 15px !important;
        margin: 0 0 15px 0 !important;
    }

    .search-results .site-container article header.entry-header {
        margin-bottom: 15px !important;
    }

    .search-results .site-container article header.entry-header p {
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }

    .search-results .site-container article header.entry-header h2 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
    }

    .search-results .site-container article header.entry-header h2 a {
        word-break: break-word !important;
    }

    .search-results .site-container article .entry-content p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
    }

    /* ===========================
       GENESIS ARCHIVE PAGINATION
       =========================== */

    .archive-pagination {
        padding: 20px 10px !important;
        margin: 30px 0 !important;
    }

    .archive-pagination ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        list-style: none !important;
        padding: 0 !important;
    }

    .archive-pagination li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .archive-pagination li a,
    .archive-pagination li.active a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }

    /* Make "Next Page" text shorter on mobile */
    .archive-pagination .pagination-next a::after {
        content: "Next" !important;
    }

    .archive-pagination .pagination-next a {
        font-size: 0 !important;
        min-width: 70px !important;
    }

    .archive-pagination .pagination-next a::after {
        font-size: 14px !important;
    }

    /* ===========================
       SINGLE PRODUCT PAGE
       =========================== */

    body.single-product .site-container .site-inner {
        margin: 60px auto 40px !important;
        padding: 0 !important;
    }

    body.single-product .site-container .entry-title {
        font-size: 20px !important;
        padding: 15px 15px !important;
        letter-spacing: 0.3px !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }

    body.single-product.single-product .site-container  .woocommerce.woocommerce div.product.product {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        gap: 0 !important;
        padding: 20px 15px !important;
        border-radius: 12px !important;
    }

    /* GALLERY REDESIGN - Stack vertically, thumbnails below */
    /* Maximum specificity to override desktop styles that load after */
    body.single-product.single-product .site-container .woocommerce.woocommerce div.product.product .woocommerce-product-gallery.woocommerce-product-gallery {
        display: flex !important;
        flex-direction: column !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 0 25px 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        align-items: center !important;
    }

    body.single-product.single-product .site-container .woocommerce.woocommerce div.product.product div.images.images {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }

    /* Main image viewport - constrained height */
    body.single-product.single-product .site-container  .woocommerce-product-gallery.woocommerce-product-gallery .flex-viewport.flex-viewport {
        max-width: 100% !important;
        width: 100% !important;
        max-height: 350px !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        order: 1 !important;
        border-radius: 12px !important;
    }

    /* Main image slide container */
    body.single-product.single-product .site-container  .woocommerce-product-gallery__image.woocommerce-product-gallery__image.flex-active-slide {
        min-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        max-height: 350px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Image wrapper */
    body.single-product.single-product .site-container  .woocommerce-product-gallery__wrapper.woocommerce-product-gallery__wrapper {
        width: 100% !important;
        height: auto !important;
        max-height: 350px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Actual product image */
    body.single-product.single-product .site-container  .woocommerce-product-gallery__wrapper.woocommerce-product-gallery__wrapper img.wp-post-image.wp-post-image {
        max-width: 100% !important;
        width: auto !important;
        max-height: 350px !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Thumbnails horizontal below main image */
    body.single-product.single-product .site-container  .woocommerce.woocommerce div.product.product .woocommerce-product-gallery .flex-control-thumbs.flex-control-thumbs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 !important;
        order: 2 !important;
        width: 100% !important;
        justify-content: center !important;
        list-style: none !important;
        padding: 0 10px !important;
    }

    body.single-product.single-product .site-container  .flex-control-thumbs.flex-control-thumbs li {
        width: 70px !important;
        height: 70px !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 4px !important;
    }

    body.single-product.single-product .site-container  .flex-control-thumbs.flex-control-thumbs li img.attachment-woocommerce_thumbnail {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }

    /* Zoom button mobile positioning */
    body.single-product .site-container  .woocommerce-product-gallery__trigger {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 48px !important;
        height: 48px !important;
        z-index: 999 !important;
    }

    /* SUMMARY SECTION REDESIGN */
    body.single-product .site-container  .woocommerce div.product .summary.entry-summary {
        width: 100% !important;
        float: none !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }

    body.single-product .site-container .summary .product_title,
    body.single-product .site-container .summary h1 {
        display: none !important;
    }

    body.single-product .site-container  .price {
        font-size: 26px !important;
        text-align: left !important;
        margin: 0 0 15px 0 !important;
        display: block !important;
        width: 100% !important;
        font-weight: 700 !important;
    }

    body.single-product .site-container  .price::before {
        display: none !important;
    }

    body.single-product .site-container  .woocommerce-product-details__short-description {
        margin-bottom: 15px !important;
        display: block !important;
    }

    body.single-product .site-container  .woocommerce-product-details__short-description p {
        font-size: 14px !important;
        padding: 0 !important;
        margin-bottom: 10px !important;
        text-align: left !important;
        line-height: 1.5 !important;
    }

    body.single-product .site-container .cart {
        margin: 15px 0 !important;
    }

    body.single-product .site-container .single_add_to_cart_button {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        display: block !important;
        text-align: center !important;
        font-weight: 600 !important;
    }

    /* Product Meta Mobile */
    body.single-product .site-container  .product_meta {
        margin-top: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    body.single-product .site-container  .sku_wrapper,
    body.single-product .site-container  .posted_in,
    body.single-product .site-container  .tagged_as {
        font-size: 13px !important;
        padding: 0 !important;
        text-align: left !important;
        width: 100% !important;
        display: block !important;
        line-height: 1.6 !important;
    }

    body.single-product .site-container  .product_meta > * {
        margin: 0 !important;
    }

    /* TABS SECTION REDESIGN */
    body.single-product .site-container  .woocommerce-tabs {
        width: 100% !important;
        margin: 25px 0 15px 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        grid-column: auto !important;
    }

    body.single-product .site-container  .woocommerce-tabs ul.tabs {
        display: flex !important;
        max-height: none !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.single-product .site-container  .woocommerce-tabs ul.tabs li {
        flex: 1 1 auto !important;
        min-width: 120px !important;
    }

    body.single-product .site-container  .woocommerce-tabs ul.tabs li a {
        padding: 12px 8px !important;
        font-size: 13px !important;
        letter-spacing: 0.2px !important;
        white-space: nowrap !important;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {
        height: auto !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
    }

    body.single-product .site-container  .woocommerce-tabs .wc-tab {
        padding: 20px 15px !important;
    }

    body.single-product .site-container  .woocommerce-tabs p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        max-width: 100% !important;
    }

    /* RELATED PRODUCTS REDESIGN - Horizontal Scroll */
    body.single-product .site-container  .related.products {
        width: 100% !important;
        max-width: 100% !important;
        margin: 25px 0 30px 0 !important;
        padding: 15px 0 !important;
        border-radius: 10px !important;
        grid-column: auto !important;
    }

    body.single-product .site-container .related.products > h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
        padding: 0 15px !important;
    }

    body.single-product .site-container .related.products ul.products {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 15px 5px !important;
        gap: 12px !important;
        margin: 0 !important;
        grid-template-columns: none !important;
    }

    body.single-product .site-container .related.products li.product {
        flex: 0 0 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
        padding: 15px !important;
        margin: 0 !important;
    }

    body.single-product .site-container  .related.products img {
        max-width: 100px !important;
        width: 100px !important;
        height: auto !important;
        margin: 0 auto 12px !important;
    }

    body.single-product .site-container  .related.products .woocommerce-loop-product__title {
        font-size: 15px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
        min-height: 40px !important;
    }

    body.single-product .site-container  .related.products .price {
        font-size: 16px !important;
        margin: 8px 0 !important;
        text-align: center !important;
    }

    body.single-product .site-container .related.products .price::before {
        display: none !important;
    }

    body.single-product .site-container  .related.products .add_to_cart_button,
    body.single-product .site-container  .related.products .added_to_cart {
        padding: 10px 15px !important;
        font-size: 12px !important;
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }

    /* ===========================
       HOMEPAGE SLIDER
       =========================== */

    /* Fix the slider container */
    .slider-row .slider-coins .fl-content-slider,
    .slider-row .slider-coins .fl-slide {
        min-height: auto !important;
    }

    /* Ensure only one slide visible at a time */
    .slider-row .fl-content-slider-wrapper {
        overflow: hidden;
    }

    /* Reset photo wrap - it's hidden by default on mobile, but remove custom styles */
    .slider-row .slider-coins .fl-slide-photo-wrap {
        display: none !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .slider-row .slider-coins .fl-slide-photo-wrap img {
        margin: 0 !important;
    }

    /* Show mobile photo properly */
    .slider-row .fl-slide-mobile-photo {
        display: block !important;
        margin-bottom: 0 !important;
        padding: 24px;
        padding-bottom: 0;
    }

    .slider-row .fl-slide-mobile-photo-img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    /* Fix content wrapper width to add side margins */
    .slider-row .slider-coins .fl-slide-content-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fix content padding and spacing */
    .slider-row .slider-coins .fl-slide-content {
        padding: 20px 15px !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
        background: none;
    }

    /* Fix title size for mobile */
    .slider-row .slider-coins .fl-slide-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }

    /* Fix text size for mobile */
    .slider-row .slider-coins .fl-slide-text,
    .slider-row .slider-coins .fl-slide-text * {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Stack layout vertically, not side by side */
    .slider-row .fl-slide-foreground.clearfix {
        display: block !important;
        flex-direction: column !important;
    }

    /* Fix button sizing on mobile */
    .slider-row .slider-coins .fl-button {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    /* Ensure slides stack properly */
    .slider-row .fl-slide {
        display: block;
    }
}

/* ===========================================
   SMALL MOBILE (max 480px)
   Refinements for smaller devices
   =========================================== */
@media (max-width: 480px) {
    /* Single product smaller mobile adjustments */
    body.single-product .entry-title {
        font-size: 24px !important;
        padding: 20px 0 !important;
        letter-spacing: 1px !important;
    }

    body.single-product .woocommerce div.product {
        padding: 25px !important;
        border-radius: 16px !important;
    }

    body.single-product .price {
        font-size: 32px !important;
    }

    body.single-product .related.products ul.products {
        grid-template-columns: 1fr !important;
    }

    body.single-product .related.products > h2 {
        font-size: 24px !important;
    }

    body.single-product .woocommerce-tabs ul.tabs li a {
        padding: 15px 10px !important;
        font-size: 12px !important;
    }

    body.single-product .woocommerce-tabs .wc-tab {
        padding: 25px !important;
    }
}

/* ===========================================
   MOBILE SECONDARY NAV TOGGLE (max 767px)
   =========================================== */
@media only screen and (max-width: 767px) {

    .site-inner, .wrap {
        padding: 0 !important;
    }

    *:focus-visible {
        outline: none !important;
    }

    /* === MAKE NAV-SECONDARY FULL WIDTH === */
    .nav-secondary {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Remove all padding/margin from wrap container */
    .nav-secondary .wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* === TOGGLE BUTTON === */
    .mobile-category-toggle {
        display: block;
        width: 100%;
        padding: 14px 20px;
        background: #fff !important;
        color: #1c3a4d !important;
        border: none;
        border-radius: 0;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        position: relative;
        margin: 0;
    }

    /* Toggle icon */
    .mobile-category-toggle .toggle-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .mobile-category-toggle.active .toggle-icon {
        transform: translateY(-50%) rotate(180deg);
    }

    /* === SECONDARY MENU STYLING === */

    /* Hide original responsive menu icon */
    .nav-secondary .responsive-menu-icon {
        display: none !important;
    }

    /* Menu container */
    ul#menu-catalog {
        display: block !important;
        width: 100% !important;
        background: #ffffff;
        border-radius: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 !important;
        margin: 0 !important;
        transition: all 0.3s ease;
        -webkit-overflow-scrolling: touch;
    }

    /* Hidden state */
    ul#menu-catalog.mobile-hidden {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        box-shadow: none;
    }

    /* Visible state */
    ul#menu-catalog.mobile-visible {
        max-height: 400px;
        opacity: 1;
        visibility: visible;
    }

    /* Menu items */
    ul#menu-catalog > li {
        display: block !important;
        width: 100%;
        border-bottom: 1px solid #e8e8e8;
        padding: 0 !important;
        margin: 0 !important;
        flex-shrink: unset !important;
        white-space: normal !important;
        border-right: none !important;
    }

    ul#menu-catalog > li:last-child {
        border-bottom: none;
    }

    /* Menu links */
    ul#menu-catalog > li > a {
        display: block !important;
        padding: 14px 20px !important;
        color: #2c3e50 !important;
        font-size: 15px !important;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.2s ease;
        background: transparent !important;
        border: none !important;
    }

    /* Hide submenus on mobile */
    ul#menu-catalog .sub-menu {
        display: none !important;
    }

    /* Scrollbar styling for webkit browsers */
    ul#menu-catalog::-webkit-scrollbar {
        width: 6px;
    }

    ul#menu-catalog::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    ul#menu-catalog::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }

    /* === MAIN NAVIGATION === */
    /* Keep main navigation as is with hamburger */
    .nav-primary .responsive-menu {
        display: none;
    }

    .nav-primary .responsive-menu-icon {
        display: block;
    }
}