/* Completely fixed Footer Styles for Hamco Sports
   This version addresses all width and overflow issues globally */

/* Reset for all footer elements to prevent any inherited issues */
.xfooter-main,
.xfooter-main *,
.xfooter-inner,
.xfooter-inner *,
.xfooter-top, 
.xfooter-content,
.xfooter-features,
.xfooter-bottom,
.xfooter-bottom-inner {
    box-sizing: border-box;
    max-width: 100%;
}

/* Main Footer Structure - Global container for footer */
.xfooter-main {
    background: #000;
    color: #fff;
    position: relative;
    margin-top: 60px; /* Space from content */
    border-top: 4px solid #fe0000;
    width: 100%;
    overflow: hidden; /* Critical fix to prevent content from leaking */
    z-index: 1;
}

/* CRITICAL: Remove the extra empty space gradient causing overflow in some cases */
.xfooter-main::before {
    content: none; /* Disable the problematic gradient */
}

/* Container for footer content - strict max-width */
.xfooter-inner {
    max-width: 1560px; /* Site standard max-width */
    width: 100%;
    margin: 0 auto;
    padding: 60px 20px 20px;
    position: relative;
    z-index: 2;
    overflow: visible; /* Allow contained content to be visible */
}

/* Footer Top Section with Logo */
.xfooter-top {
    margin-bottom: 40px;
    border-bottom: 1px solid #222;
    padding-bottom: 40px;
    width: 100%;
}

.xfooter-logo-wrapper {
    display: flex;
    flex-wrap: wrap; /* Prevent overflow on smaller screens */
    align-items: center;
    gap: 30px;
    width: 100%;
}

/* Logo sizing fix */
.xfooter-logo {
    flex: 0 0 auto;
    max-width: 150px;
}

.xfooter-logo img {
    width: 100%;
    height: auto;
    filter: brightness(1.2);
    display: block; /* Remove any extra space */
}

.xfooter-tagline {
    flex: 1;
    min-width: 0; /* Critical for flex items to prevent overflow */
}

.xfooter-tagline p {
    font-size: 15px;
    line-height: 1.6;
    color: #ccc;
    margin: 0;
}

/* Main Footer Content - Fix grid layout */
.xfooter-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 40px;
    width: 100%;
}

.xfooter-column {
    width: 100%;
    word-wrap: break-word; /* Allow long words to break */
    overflow-wrap: break-word;
}

.xfooter-column h4 {
    color: #fe0000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}

.xfooter-column h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #fe0000;
}

/* Footer Navigation Menus */
.xfooter-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xfooter-menu li {
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}

.xfooter-menu li:hover {
    transform: translateX(5px);
}

.xfooter-menu a {
    color: #ccc;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.3s ease;
    position: relative;
    padding-left: 15px;
    display: block;
}

.xfooter-menu a::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #fe0000;
    font-weight: bold;
}

.xfooter-menu a:hover {
    color: #fff;
}

/* Contact Information */
.xfooter-contact-info {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xfooter-contact-info li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    color: #ccc;
    width: 100%;
}

.xfooter-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Icon definitions */
.xfooter-icon-map:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.3 501.7C27 291 0 269.4 0 192 0 86 86 0 192 0s192 86 192 192c0 77.4-27 99-172.3 309.7-9.5 13.8-29.9 13.8-39.4 0zM192 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.3 501.7C27 291 0 269.4 0 192 0 86 86 0 192 0s192 86 192 192c0 77.4-27 99-172.3 309.7-9.5 13.8-29.9 13.8-39.4 0zM192 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-phone:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-mail:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-clock:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z'/%3E%3C/svg%3E") no-repeat center center;
}

/* Feature icons */
.xfooter-icon-truck:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-shield:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zm-47.2 114.2l-184 184c-6.2 6.2-16.4 6.2-22.6 0l-104-104c-6.2-6.2-6.2-16.4 0-22.6l22.6-22.6c6.2-6.2 16.4-6.2 22.6 0l70.1 70.1 150.1-150.1c6.2-6.2 16.4-6.2 22.6 0l22.6 22.6c6.3 6.3 6.3 16.4 0 22.6z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zm-47.2 114.2l-184 184c-6.2 6.2-16.4 6.2-22.6 0l-104-104c-6.2-6.2-6.2-16.4 0-22.6l22.6-22.6c6.2-6.2 16.4-6.2 22.6 0l70.1 70.1 150.1-150.1c6.2-6.2 16.4-6.2 22.6 0l22.6 22.6c6.3 6.3 6.3 16.4 0 22.6z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-card:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM48 64h480c8.8 0 16 7.2 16 16v48H32V80c0-8.8 7.2-16 16-16zm480 384H48c-8.8 0-16-7.2-16-16V224h512v208c0 8.8-7.2 16-16 16zm-336-84v8c0 6.6-5.4 12-12 12h-72c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12zm192 0v8c0 6.6-5.4 12-12 12H236c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM48 64h480c8.8 0 16 7.2 16 16v48H32V80c0-8.8 7.2-16 16-16zm480 384H48c-8.8 0-16-7.2-16-16V224h512v208c0 8.8-7.2 16-16 16zm-336-84v8c0 6.6-5.4 12-12 12h-72c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12zm192 0v8c0 6.6-5.4 12-12 12H236c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12z'/%3E%3C/svg%3E") no-repeat center center;
}

.xfooter-icon-chat:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fe0000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z'/%3E%3C/svg%3E") no-repeat center center;
}

/* Restore the gradient in footer */
.xfooter-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(to bottom, rgba(254, 0, 0, 0.05), transparent);
    z-index: 1;
    pointer-events: none;
}

/* Need specific fix for the back to top icon */
.xfooter-back-to-top .xfooter-icon-arrow-up:before {
    background-color: #ffffff !important;
}

/* Make sure the main footer container uses the full max width */
.xfooter-inner,
.xfooter-bottom-inner {
    max-width: 1560px;
    width: 100%;
}


/* Contact text styling */
.xfooter-contact-info span {
    flex: 1;
    font-size: 15px;
    min-width: 0; /* Allow text to wrap */
    word-break: break-word;
}

.xfooter-contact-info a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.xfooter-contact-info a:hover {
    color: #fe0000;
}

/* Newsletter Section */
.xfooter-newsletter-column {
    position: relative;
}

.xfooter-newsletter-column p {
    color: #ccc;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.6;
}

.xfooter-newsletter {
    margin-top: 20px;
}

.xfooter-newsletter-form .xfooter-input-group {
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}

.xfooter-newsletter-form input {
    flex: 1;
    background: #222;
    border: none;
    padding: 12px 15px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    font-size: 14px;
    outline: none;
    border: 1px solid #333;
    transition: all 0.3s ease;
    min-width: 0; /* Critical for flex child */
    width: 100%;
}

.xfooter-newsletter-form input:focus {
    background: #2a2a2a;
    border-color: #fe0000;
}

.xfooter-newsletter-form button {
    background: #fe0000;
    color: #fff;
    border: none;
    padding: 0 20px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease;
}

.xfooter-newsletter-form button:hover {
    background: #cc0000;
}

.xfooter-form-privacy {
    font-size: 12px;
    color: #888;
}

.xfooter-form-privacy a {
    color: #ccc;
    text-decoration: underline;
}

.xfooter-form-privacy a:hover {
    color: #fe0000;
}

/* Features Section - CRITICAL FIX to prevent leaking */
.xfooter-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    width: 100%;
}

.xfooter-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ccc;
    transition: transform 0.3s ease;
    flex: 1 1 200px; /* Allow items to grow and shrink with min-width */
    max-width: 240px; /* Fix maximum width to prevent overflow */
}

.xfooter-feature-item:hover {
    transform: translateY(-5px);
    color: #fff;
}

.xfooter-feature-item span {
    font-size: 14px;
    font-weight: 500;
}

/* Footer Bottom - guaranteed contained section */
.xfooter-bottom {
    background: #111;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    overflow: hidden; /* Ensure nothing leaks */
}

.xfooter-bottom-inner {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.xfooter-copyright p {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.xfooter-designer-credit p {
    font-size: 14px;
    color: #777;
    margin: 0;
}

.xfooter-designer-credit a {
    color: #fe0000;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.xfooter-designer-credit a:hover {
    color: #fff;
}

.xfooter-heart {
    color: #fe0000;
    display: inline-block;
    animation: xfooter-heartbeat 1.5s infinite;
}

@keyframes xfooter-heartbeat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Back to Top Button */
.xfooter-back-to-top {
    position: fixed;
    bottom: -60px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #fe0000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 99;
}

.xfooter-back-to-top.visible {
    bottom: 30px;
    opacity: 1;
}

.xfooter-back-to-top:hover {
    background: #cc0000;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.xfooter-icon-arrow-up:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'/%3E%3C/svg%3E") no-repeat center center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'/%3E%3C/svg%3E") no-repeat center center;
}

/* CRITICAL: Global fix for any template margin issues (including Shop by Club) */
/* Add this clearfix to ensure proper spacing between content and footer */
.footer-clearfix {
    clear: both;
    display: block;
    content: "";
    height: 1px;
    width: 100%;
    background: transparent;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .xfooter-inner {
        padding: 40px 20px 20px;
    }
    
    .xfooter-logo-wrapper {
        flex-direction: column;
        gap: 20px;
        justify-content: center;
    }
    
    .xfooter-logo {
        margin: 0 auto;
    }
    
    .xfooter-tagline {
        text-align: center;
    }
    
    .xfooter-content {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
    }
    
    /* Fix for feature items at this breakpoint */
    .xfooter-features {
        justify-content: center;
    }
    
    .xfooter-feature-item {
        flex: 0 0 calc(50% - 30px);
        justify-content: center;
        max-width: 220px; /* Adjusted for smaller screens */
    }
}

@media (max-width: 768px) {
    .xfooter-column h4::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .xfooter-column {
        text-align: center;
    }
    
    .xfooter-menu a {
        padding-left: 0;
    }
    
    .xfooter-menu a::before {
        display: none;
    }
    
    .xfooter-menu li:hover {
        transform: none;
    }
    
    .xfooter-contact-info li {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .xfooter-icon {
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    .xfooter-bottom-inner {
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    /* Stack feature items on very small screens */
    .xfooter-feature-item {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
    }
    
    .xfooter-newsletter-form .xfooter-input-group {
        flex-direction: column;
    }
    
    .xfooter-newsletter-form input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .xfooter-newsletter-form button {
        border-radius: 4px;
        width: 100%;
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .xfooter-inner {
        padding: 30px 15px 15px;
    }
    
    .xfooter-content {
        gap: 20px;
    }
    
    .xfooter-logo {
        max-width: 120px;
    }
}