/* mil6print/assets/css/style.css */
.back-to-top.display {
    display: none;
}
.mil6print-size-price-container {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    gap: 15px; /* space between size and price */
    justify-content: center; /* Center the items */
    text-align: center; /* Center text */
}

.mil6print-sizes {
    font-size: 14px;
    font-weight: 600;
    color: #303841;
    display: flex;
    align-items: center;
    gap: 4px; /* spacing between icon and count */
}

/* Optional: ensure the dashicon is sized appropriately */
.mil6print-sizes .dashicons {
    font-size: 16px; /* adjust as needed */
}

.mil6print-sizes {
    display: flex;
    align-items: center;
    gap: 4px; /* small gap between dashicon and size count */
    font-size: 14px;
    font-weight: 600;
    color: #303841;
}

.mil6print-sizes .dashicons {
    font-size: 16px; /* adjust icon size as needed */
}


/* ---------- HEADER (FULL-WIDTH) ---------- */
/* HIDE the hamburger on desktop, show on mobile */
.mil6print-product-title {
    color: #000;
}
.mobile-hamburger {
    display: none;
    cursor: pointer;
    font-size: 24px;
    color: #FFD300; /* match your header icons color */
}

/* The hidden sidebar container */
.mobile-sidebar {
    position: fixed;
    top: 0;
    right: -100%; /* Move fully off-screen */
    visibility: hidden; /* Hide completely */
    opacity: 0; /* Make it invisible */
    transition: right 0.3s ease, visibility 0.3s, opacity 0.3s;
    width: 280px;
    height: 100%;
    background: #222;
    color: #fff;
    padding: 20px;
    box-shadow: -2px 0 8px rgba(0,0,0,0.3);
    transition: right 0.3s ease;  /* slide in/out */
    z-index: 9999;
    display: flex;
    flex-direction: column;
}

.mobile-sidebar.open {
    right: 0; /* fully visible */
    visibility: visible; /* Show when open */
    opacity: 1;
}
.mobile-sidebar:not(.open) {
    display: none; /* Ensures it's fully gone */
}

/* Close button at top of sidebar */
.mobile-sidebar-close {
    background: transparent;
    border: none;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    margin-left: auto; /* push it to the right */
    margin-bottom: 20px;
}

/* The content area inside sidebar */
.mobile-sidebar-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

/* The actual UL for cart/wishlist/account links */
.mobile-sidebar-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-sidebar-links li {
    margin-bottom: 15px;
}

.mobile-sidebar-links a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: flex; 
    align-items: center;
}

.mobile-sidebar-links a i {
    margin-right: 8px;
    font-size: 18px;
}

/* The cart count bubble if needed */
.cart-count {
    background: red;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    padding: 2px 6px;
    margin-left: 5px;
}
/* The custom nav inside header-right */
.mil6print-custom-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px; /* spacing between items */
    align-items: center;
}

.mil6print-custom-nav li {
    display: inline-block;
}

.mil6print-custom-nav a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #FFD300; /* match your header icons color */
    position: relative; /* for the cart count if needed */
    transition: color 0.3s;
}

.mil6print-custom-nav a:hover {
    color: #ffffff;
}
.mil6print-site-header {
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 0;
}
.header-inner {
    margin: 0 auto;
    box-sizing: border-box;
}
/* Top banner marquee */
.mil6print-top-banner {
    overflow: hidden;
    padding: 10px 0;
    background: #FFD300;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mil6print-scrolling-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.mil6print-scrolling-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 600;
    color: #0b0b0d;
    font-size: 13px;
    will-change: transform;
    animation: scroll-text linear infinite; /* duration is set inline */
}

.mil6print-scrolling-content {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-right: 30px; /* gap between repetitions */
}

/* Star + Text styling */
.banner-item {
    display: inline-block;
}

.banner-stars-group {
    display: inline-flex;
    align-items: center;
}

.banner-star {
    display: inline-block;
    width: 18px;         /* Increased from 12px */
    height: 18px;        /* Increased from 12px */
    margin: 0 4px;   
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    );
}
.banner-star.red { background-color: #e31b23; }
.banner-star.white { background-color: #ffffff; }
.banner-star.blue { background-color: #102a44; }

/* Animation keyframes */
@keyframes scroll-text {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scroll-text-reverse {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
/* Logo + search + icons row */
.mil6print-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    margin-left: 10px;
    margin-right: 10px;
}
.mil6print-header-left a {
    display: flex;
    align-items: center;
}
.mil6print-header-center {
    flex: 1;
    text-align: center;
}
.mil6print-logo {
    max-height: 60px;
    width: auto;
    transition: transform 0.3s;
}
.mil6print-logo:hover {
    transform: scale(1.05);
}
/* Search */
.mil6print-search-field {
    width: 60%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 25px;
    outline: none;
    font-size: 14px;    
}
.mil6print-search-field:focus {
    border-color: #FFD300;
}
.mil6print-search-button {
    padding: 10px 14px;
    border: 1px solid #FFD300;
    background-color: #FFD300;
    color: #0b0b0d;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s;
}
.mil6print-search-button:hover {
    background-color: #ffb900;
}
/* Icons on the right (cart, heart, user) */
.dashicons {
    color: black;
}
.dashicons:hover {
    color: #FFD300;
}
.mil6print-header-right {
    display: flex;
    gap: 15px;
}
.mil6print-header-icon {
    color: black;
    font-size: 18px;
    transition: color 0.3s;
}
.mil6print-header-icon:hover {
    color: #FFD300;
}
/* ---------- NAV BAR ---------- */
.mil6print-main-nav {
    background: #FFD300;
    padding: 10px 0;
    margin: 0 auto;
    border-radius: 0px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Prevent overflow */
    box-sizing: border-box; /* Include padding in width calculation */
    overflow: hidden; /* Prevent content overflow */
}
.mil6print-main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: flex;
    gap: 5px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%; /* Full width */
    box-sizing: border-box; /* Include padding in width */
    overflow-x: auto; /* Allow horizontal scrolling if needed */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on touch devices */
    justify-content: center; /* Center navigation items */
    align-items: center; /* Vertically center items */
}
.mil6print-main-nav li {
    display: inline-block;
}
.mil6print-main-nav a {
    text-decoration: none;
    color: #0b0b0d;
    font-weight: 600;
    padding: 6px 6px;
    border-radius: 4px;
    transition: background-color 0.3s;
    display: block;
    text-align: center; /* Center text within each link */
    white-space: nowrap;
    font-size: 14px;
}
.mil6print-main-nav a.active,
.mil6print-main-nav a:hover {
    background: #ffcb2c;
    color: #0b0b0d;
    /* set border color to black */
    border: 1px solid #0b0b0d;
}
/* ---------- MAIN CONTENT WRAPPER ---------- */
.mil6print-container {
    margin: 0 auto;
    padding: 20px 20px 20px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    border-radius: 6px;
    min-height: 400px;
}
.mil6print-section {
    margin-bottom: 5px;
}
.mil6print-section h2 {
    font-size: 24px;
    margin-bottom: 0.5px;
    color: #303841;
    position: relative;
    text-align: center; /* Ensures the title itself is centered */
    position: relative; 
    margin-top: 0px;
}
.mil6print-section h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #FFD300;
    margin-top: 5px;
    margin-left: auto; /* Centers the element */
    margin-right: auto; /* Centers the element */
}

/* Optionally adjust the image wrapper to match the spacing in New Designs */
.mil6print-best-sellers-section .mil6print-product-image-wrapper {
  margin: 10px;
}

/* ---------- BEST SELLER SECTION ---------- */
.mil6print-best-sellers-section .mil6print-product-item {
    position: relative;
    flex: 0 0 210px;      
    max-width: 210px;
    box-sizing: border-box;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    display: inline-flex;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    transition: transform 0.3s;
    padding: 10px;
    margin: 10px;           
  }

/* ---------- PRODUCT CAROUSEL (Sales and all other sections) - Adjusted for Reduced Size ---------- */
.mil6print-sales-section .mil6print-product-item,
.mil6print-new-designs-section .mil6print-product-item,
.mil6print-seasonal-section .mil6print-product-item,
.mil6print-specialty-section .mil6print-product-item {
    position: relative;
    flex: 0 0 210px;      
    max-width: 210px;
    box-sizing: border-box;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    display: inline-flex;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    transition: transform 0.3s;
    padding: 10px;
    margin: 10px;          
}

/* Optionally adjust the image wrapper to match the spacing in New Designs */
.mil6print-sales-section .mil6print-product-image-wrapper,
.mil6print-new-designs-section .mil6print-product-image-wrapper,
.mil6print-seasonal-section .mil6print-product-image-wrapper,
.mil6print-specialty-section .mil6print-product-image-wrapper {
  margin: 10px;
}
.mil6print-products-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 10px 0;
}
.mil6print-products-carousel-inner {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

/* Updated product item styles for Sales */

.mil6print-product-item {
    position: relative;
    flex: 0 0 214px;      
    max-width: 230px;
    box-sizing: border-box;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.3s;
    margin: 5px; 
}

.mil6print-product-item:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.mil6print-product-image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px; /* Adjust margin if needed */
}
.mil6print-product-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Default & hover image logic */
.default-image {
    transition: opacity 0.3s;
}
.hover-image {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: auto;
    display: none;
    opacity: 0;
    transition: opacity 0.3s;
}
.mil6print-product-item:hover .default-image {
    opacity: 0;
}
.mil6print-product-item:hover .hover-image {
    display: block;
    opacity: 1;
}
/* Title, price, add to cart */
.mil6print-product-link h3 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #303841;
}
.mil6print-product-link h3:hover {
    color: #FFD300;
}
.mil6print-price {
    margin: 5px 0 10px;
    font-size: 15px;
    font-weight: bold;
    color: #303841;
}
.mil6print-add-to-cart {
    background: #FFD300;
    border: none;
    color: #303841;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
    margin-bottom: 10px;
}
.mil6print-add-to-cart:hover {
    background: #ffcb2c;
    transform: scale(1.03);
}
/* ---------- Product Icons (Wish/QuickView) ---------- */
.mil6print-product-icons {
    position: absolute;
    top: 3px;
    right: 40px;
    display: flex;
    width: 15px;
    height: 25px;
    flex-direction: column;
    z-index: 2;
}
.mil6print-product-icons button {
    background: #ffffff;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    border-radius: 50%;
    width: 15px;
    height: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
}
.mil6print-product-icons button i {
    font-size: 15px;
    color: #333;
    transition: color 0.3s;
}
.mil6print-product-icons button:hover {
    transform: scale(1.07);
    /* background: #ffd300; */
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
.mil6print-product-icons button:hover i {
    color: #0b0b0d;
}
/* ---------- Quick View Modal ---------- */
.mil6print-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.6);
    padding: 40px 0;
    box-sizing: border-box;
}

.variations_form.cart .variations .label {
    display: none;
}
@keyframes mil6printModalFade {
    0% {
        transform: translateY(30px) scale(0.95);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
.mil6print-modal-content {
    background-color: #fff;
    margin: 0 auto;
    border-radius: 12px;
    max-width: 1100px;
    position: relative;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    animation: mil6printModalFade 0.3s ease-out forwards;
}
.mil6print-modal-close {
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    transition: color 0.2s, transform 0.2s;
}
.mil6print-modal-close:hover {
    color: #ff0000;
    transform: scale(1.1);
}
/* QUICK VIEW WRAPPER */
.mil6print-quickview-product {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; /* bigger gap for a spacious feel */
    align-items: flex-start; /* align at the top for bigger images */
    padding: 16px 0; /* some internal spacing */
}

/* === QUICK VIEW IMAGES SECTION === */
.mil6print-quickview-images {
    flex: 1 1 400px;
    max-width: 450px; /* make room for bigger images */
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column; /* stack main image + thumbnails */
    gap: 12px;
}

.mil6print-quickview-main-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mil6print-quickview-thumbs {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.mil6print-quickview-thumb {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid transparent;
    object-fit: cover;
    transition: transform 0.2s, border-color 0.2s;
}
.mil6print-quickview-thumb:hover {
    transform: scale(1.07);
    border-color: #FFD300;
}

/* === QUICK VIEW SUMMARY SECTION === */
.mil6print-quickview-summary {
    flex: 1 1 auto;
    padding: 20px;
    background: #fafafa;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mil6print-quickview-summary .product_title {
    font-size: 26px;
    font-weight: 700;
    color: #303841;
    margin-bottom: 10px;
}

.mil6print-quickview-summary .woocommerce-product-rating {
    margin-bottom: 10px;
}

.mil6print-quickview-summary .price {
    font-size: 22px;
    font-weight: 600;
    color: #d9534f;
    margin-bottom: 12px;
}

.mil6print-quickview-summary .woocommerce-product-details__short-description {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.mil6print-quickview-meta {
    font-size: 14px;
    color: #555;
    margin-bottom: 16px;
}
.mil6print-quickview-meta .sku-wrapper,
.mil6print-quickview-meta .posted_in,
.mil6print-quickview-meta .tagged_as {
    margin-bottom: 4px;
}
.mil6print-quickview-meta span {
    font-weight: 500;
}

.mil6print-quickview-add-to-cart {
    margin-bottom: 20px;
}

/* Variation dropdown or quantity inputs might appear here. */
.variations_form .variations select {
    min-width: 120px;
    margin-right: 10px;
}
.variations_form .reset_variations {
    font-size: 14px;
    padding: 2px 6px;
}

/* The add to cart button inside the quick view */
.mil6print-quickview-summary .single_add_to_cart_button {
    margin-top: 10px;
    background: #FFD300;
    border: none;
    padding: 10px 22px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}
.mil6print-quickview-summary .single_add_to_cart_button:hover {
    background: #ffcb2c;
    transform: scale(1.02);
}

/* === LINK TO FULL PRODUCT PAGE === */
.mil6print-view-full-product {
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
    color: #303841;
    text-decoration: underline;
    transition: color 0.2s;
}
.mil6print-view-full-product:hover {
    color: #FFD300;
}

/* ---------- PRODUCT CAROUSEL NAVIGATION ---------- */
/* Navigation controls => unchanged, same as Customize It approach */
.mil6print-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 5;
}
.mil6print-carousel-prev {
    left: 10px;
}
.mil6print-carousel-next {
    right: 10px;
}
/* ---------- SECTION TEXTS ---------- */
.mil6print-section p {
    margin: 0 0 15px;
    line-height: 1.5;
    color: #555;
}

/* =========================
   MILITARY BRANCHES SECTION
========================= */

/* Main container: Full width container for 6 boxes in one row */
.mil6print-branches-container {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0;
}

/* Row container: Full width for 6 boxes in one row */
.mil6print-branches-row {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping to force single row */
    gap: 4px; /* Even smaller gaps */
    background: white;
    border: 1px solid white;
    border-radius: 6px;
    padding: 4px; /* Minimal padding */
    justify-content: space-between;
    width: 100%;
    overflow: hidden; /* Prevent overflow */
}

/* Each branch item: 6 per row on desktop/laptop/widescreen */
.mil6print-branch-item {
    flex: 1 1 calc(16.66% - 3px); /* Use flex grow and smaller calc */
    max-width: calc(16.66% - 3px);
    min-height: 220px; /* Taller boxes for more presence */
    text-align: center;
    background: #fff;
    border-radius: 6px;
    padding: 8px; /* Reduced padding for more image space */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mil6print-branch-item:hover {
    transform: scale(1.02);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Image inside each product - Enhanced responsiveness */
.mil6print-branch-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px; /* Larger height for better coverage */
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    background: #f8f9fa; /* Light background fallback */
    flex: 1; /* Take up more space in the flex container */
}
.mil6print-branch-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Changed from contain to cover for full coverage */
    object-position: center;
    transition: transform 0.3s ease;
}
.mil6print-branch-item:hover .mil6print-branch-image {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Branch link styling for full coverage */
.mil6print-branch-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.mil6print-branch-link:hover {
    text-decoration: none;
}

/* Category title */
.mil6print-branch-title {
    font-size: 14px; /* Slightly smaller for better fit */
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 8px;
    color: #303841;
    line-height: 1.2;
    text-align: center;
    transition: color 0.3s ease;
}
.mil6print-branch-item:hover .mil6print-branch-title {
    color: #d0a741; /* Gold color on hover */
}

/* Motto (if exists) */
.mil6print-branch-motto {
    font-size: 12px;
    margin-bottom: 6px;
    color: #666;
}

/* Button - Hidden but not removed */
.mil6print-branch-shop-button {
    background: #d0a741;
    border: none;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
    display: none; /* Hide the shop button */
}
.mil6print-branch-shop-button:hover {
    background: #b78f38;
    transform: scale(1.03);
}

/* Large screens - Ensure 6 boxes per row with enhanced styling */
@media (min-width: 1201px) {
    .mil6print-branch-item {
        flex: 1 1 calc(16.66% - 2px) !important; /* Aggressive 6 per row */
        max-width: calc(16.66% - 2px) !important;
        min-height: 240px; /* Even taller on large screens */
        padding: 10px;
    }
    .mil6print-branch-image-wrapper {
        height: 160px; /* Larger images on big screens */
    }
    .mil6print-branches-row {
        gap: 3px; /* Minimal gaps */
        padding: 3px;
        flex-wrap: nowrap !important;
    }
}

/* Desktop and laptop screens - 6 boxes per row */
@media (min-width: 993px) and (max-width: 1200px) {
    .mil6print-branch-item {
        flex: 1 1 calc(16.66% - 3px) !important; /* Force 6 per row */
        max-width: calc(16.66% - 3px) !important;
        min-height: 220px;
    }
    .mil6print-branch-image-wrapper {
        height: 140px;
    }
    .mil6print-branches-row {
        flex-wrap: nowrap !important;
        gap: 4px;
    }
}

/* Force 6 branches per row on all desktop screens */
@media (min-width: 993px) {
    #military-branches-section .mil6print-branches-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
    }
    #military-branches-section .mil6print-branch-item {
        flex: 1 1 16.66% !important;
        max-width: 16.66% !important;
        width: 16.66% !important;
        min-width: 150px !important; /* Ensure minimum size */
    }
}

/* Override desktop rules for tablets and mobile */
@media (max-width: 992px) {
    #military-branches-section .mil6print-branches-row {
        flex-wrap: wrap !important; /* Allow wrapping on smaller screens */
    }
    #military-branches-section .mil6print-branch-item {
        width: auto !important; /* Reset width for flexible sizing */
        min-width: auto !important; /* Reset min-width */
    }
}

/* Medium tablets - 4 boxes per row for smooth transition */
@media (min-width: 769px) and (max-width: 992px) {
    .mil6print-branch-item {
        flex: 1 1 calc(25% - 5px) !important; /* 4 per row on medium tablets */
        max-width: calc(25% - 5px) !important;
        min-height: 190px;
        padding: 12px;
    }
    .mil6print-branch-image-wrapper {
        height: 110px;
    }
    .mil6print-branches-row {
        flex-wrap: wrap !important; /* Allow wrapping for tablets */
        gap: 6px;
    }
}

/* =========================
   BRAGGING RIGHTS SECTION
========================= */

/* Overall Section Container */
.mil6print-bragging-section {
  background: #fff;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Banner */
.mil6print-bragging-banner {
  background: #FFD300;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 20px;
  text-align: center;
}
.mil6print-bragging-banner h2 {
  margin: 0;
  font-size: 18px;
  color: #0b0b0d;
  font-weight: 700;
}

/* Main Container */
.mil6print-bragging-container {
  display: flex;
  gap: 10px;
  align-items: stretch;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #d1d1d1;
  padding: 10px;
}

/* LEFT SIDE: Monthly Winner (Reduced) */
.mil6print-bragging-left {
  flex: 0 0 20%;
  max-width: 30%;
  background: #fffbe6;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mil6print-winner-placeholder {
  width: 80%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil6print-winner-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}
.mil6print-winner-heading {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background: rgba(0,0,0,0.6);
  color: #FFD300;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  animation: slideUp 1s ease-out;
}

/* RIGHT SIDE: Two Rows (Bragging Images and Upload Button) */
.mil6print-bragging-right {
  flex: 0 0 80%;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Top Row: Bragging Images */
.brag-images-row {
  width: 100%;
}
.mil6print-bragging-inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 5px;
}
.mil6print-bragging-item {
  flex: 0 0 calc(100%/6);  /* Six items per row */
  max-width: calc(100%/6);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}
.mil6print-bragging-item:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.mil6print-bragging-item img {
  width: 90%;
  height: auto;
  border-radius: 3px;
  object-fit: cover;
}

/* Bottom Row: Upload Button Container */
.upload-row {
  width: 100%;
}
.mil6print-bragging-upload-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mil6print-bragging-upload-button {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  background: #ffdf75;
  border: 1px solid #e6c75c;
  border-radius: 20px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}
.mil6print-bragging-upload-button:hover {
  background: #ffd549;
  transform: scale(1.02);
}

@keyframes slideUp {
  from { transform: translateY(10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* ===============
   LIMITED OFFERS
=============== */
.mil6print-limited-offers-container {
    display: flex;
    flex-wrap: nowrap;       /* Prevent wrapping on desktop */
    justify-content: center; /* Center the two boxes */
    align-items: center;
    gap: 20px;               /* Adds spacing between boxes */
    max-width: 100%;         /* Ensures it doesn’t exceed the screen width */
    padding: 0 20px;         /* Add padding to avoid touching screen edges */
    box-sizing: border-box;  /* Ensures padding doesn’t increase size */
}

/* Each offer box: side by side, fitting within the screen */
.mil6print-offer-item {
    flex: 1;                /* Ensures both items take equal space */
    max-width: 50%;         /* Prevents them from exceeding half of the screen */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 40px;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-sizing: border-box;  /* Ensures padding doesn’t overflow */
}

/* Ensure content inside the boxes is centered */
.mil6print-offer-content {
    text-align: center;
    color: #fff;
    max-width: 80%;
}

/* Smaller text at top (LIMITED OFFER) */
.mil6print-offer-label {
    display: inline-block;
    background: rgba(0,0,0,0.5); /* or brand color */
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* The main heading: e.g., 'Save up to 65% OFF' */
.mil6print-offer-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px;
}

/* Secondary text, e.g., '* Lorem ipsum...' */
.mil6print-offer-desc {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

/* The button */
.mil6print-offer-button {
    background: #fff;      /* white button */
    color: #333;           /* black text */
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}
.mil6print-offer-button:hover {
    background: #ffd300;   /* brand highlight */
    transform: scale(1.03);
}

/* ===============================
   EMBROIDERY DESIGN SECTION
=============================== */

.mil6print-embroidery {
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 5px;
}

/* The main 3-column container for desktop */
.embroidery-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch; /* ensures all columns match height */
  gap: 20px;
}

/* Common column styles */
.embroidery-col-left,
.embroidery-col-center,
.embroidery-col-right {
  flex: 1;
  background: #f9f9f9;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  padding: 5px;  /* some padding inside each column */
}

/* Column headings: center them + clamp font size for smooth scaling */
.embroidery-col-title {
  text-align: center;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
  color: #303841;
  font-size: clamp(16px, 2vw, 20px); /* min 16px, scale up to 20px */
}

.embroidery-col-title :hover {
  color: blue;
  text-decoration: underline;
}

/* The row of 2 images inside each column */
.embroidery-image-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

/* Each image box (before/after) */
.embroidery-image-box {
  flex: 1;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.embroidery-image-box img {
  width: 100%;
  height: auto;
  display: block;
}

/* Labels in the bottom center */
.image-label {
  display: inline-block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
}
.before-label { background: #f1bb4e; color: #fff; }
.after-label  { background: #a4d68e; color: #fff; }

/* Center column disclaimers + possible flashing text */
.embroidery-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Make "ORDER NOW" in center column flash if you want */
.embroidery-heading-center {
    font-size: 24px;
    animation: flashText 0.7s ease-in-out infinite;
    color: #ff0000;
}

@keyframes flashText {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0; }
}

/* Disclaimer text can also scale if desired */
.embroidery-disclaimer {
  font-size: clamp(11px, 1.1vh, 16px);
  line-height: 1.5;
  margin-top: 10px;
  color: #333;
}

/* ================
   INSTAGRAM FEED
================ */
.mil6print-instagram {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center; /* center the section heading */
}

.mil6print-instagram h2 {
    font-size: 24px;
    position: relative;
    color: #303841;
    /* optional center underline or style */
}

.mil6print-instagram .ig-handle {
    font-size: 18px;
    color: #d0a741; /* brand color highlight */
    margin-left: 8px;
}

/* The feed container: 
   - On desktop, show posts in a row 
   - On smaller screens, allow horizontal scrolling
*/
.mil6print-instagram-feed {
    display: flex;
    flex-wrap: nowrap;      /* no wrap on desktop => horizontal row */
    gap: 10px;              /* small gap between posts */
    overflow-x: auto;       /* scroll horizontally if too many posts */
    /* padding: 10px 0; */
    /* hide ugly scrollbar if you like:
    scrollbar-width: none; 
    -webkit-overflow-scrolling: touch;
    */
}

/* Each post => fixed or flexible width */
.ig-post {
    min-width: 200px;       /* or 180px or 220px, your choice */
    flex: 0 0 auto;         /* no flex shrink or grow => ensures fixed width */
    background: #f9f9f9;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.ig-post img {
    display: block;
    width: 100%;
    height: auto; 
    object-fit: cover;
}
/* POP-UP for Bragging Upload */
.mil6print-bragging-modal {
    display: none; /* hidden by default */
    position: fixed;
    z-index: 999999;
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    animation: fadeInModal 0.3s ease;
  }
  
  @keyframes fadeInModal {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  .mil6print-bragging-modal-content {
    background-color: #fff;
    margin: 5% auto;
    max-width: 500px;
    padding: 30px;
    border-radius: 6px;
    position: relative;
    animation: slideDown 0.4s ease;
  }
  
  @keyframes slideDown {
    from { transform: translateY(-30px); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
  }
  
  .mil6print-bragging-modal-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    transition: color 0.2s, transform 0.2s;
  }
  
  .mil6print-bragging-modal-close:hover {
    color: #333;
    transform: scale(1.1);
  }
  
  #mil6print-bragging-upload-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
  }
  
  #mil6print-bragging-upload-form label {
    font-weight: 600;
  }
  
  #mil6print-bragging-upload-form input[type="email"],
  #mil6print-bragging-upload-form input[type="file"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
  }
  
  #mil6print-bragging-upload-form button[type="submit"] {
    align-self: flex-start;
    background: #30475e;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
  }
  #mil6print-bragging-upload-form button[type="submit"]:hover {
    background: #1f2f40;
  }
  
  /* Success / Error notifications after upload */
  #braggingUploadSuccess, #braggingUploadError {
    display: none;
    margin-top: 15px;
    padding: 12px;
    border-radius: 4px;
    font-weight: bold;
  }
  #braggingUploadSuccess {
    background: #28a745;
    color: #fff;
  }
  #braggingUploadError {
    background: #dc3545;
    color: #fff;
  }

/* Tag corner label on product card */
.mil6print-product-tag {
    padding: 4px 8px;
    top: 10px;
    left: 10px;
    font-size: 12px;
    border-radius: 4px;
    line-height: 1;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    z-index: 2;
    animation: fadeInCorner 0.5s ease forwards;
}
.mil6print-product-tags {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

@keyframes fadeInCorner {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* mil6print/assets/css/style.css */

/* FOOTER SECTION STYLES */
/* ─── newsletter toast ─────────────────────────────── */
.mil6print-popup{
  position:fixed; z-index:99999; left:50%; top:20px;
  transform:translateX(-50%);
  min-width:280px; max-width:90%; padding:12px 18px;
  font-family:inherit; font-size:15px; font-weight:600;
  border-radius:6px; box-shadow:0 4px 10px rgba(0,0,0,.25);
  color:#fff; text-align:center;
}
.mil6print-popup.success{background:#2ecc71;}
.mil6print-popup.error  {background:#e74c3c;}
.mil6print-popup .popup-icon{
  display:inline-block; margin-right:6px; font-size:18px; vertical-align:middle;
}

/* Main black footer background */
.mil6print-footer-black {
    background: #000;
    color: #fff;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.mil6print-footer-left {
    flex: 1;
    min-width: 200px;
}
.mil6print-footer-right {
    flex: 1;
    min-width: 240px;
}
.newsletter-text {
    font-size: 14px;
    margin-bottom: 10px;
}
.mil6print-newsletter-form {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.mil6print-newsletter-form input[type="email"] {
    flex: 1;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.mil6print-newsletter-form button {
    padding: 8px 12px;
    border: none;
    background: #444;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}
.mil6print-newsletter-form button:hover {
    background: #666;
}
.newsletter-disclaimer {
    font-size: 12px;
    color: #aaa;
}
.mil6print-footer-social {
    margin-top: 10px;
}
.footer-icon {
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}
.footer-icon:hover {
    color: #f1f1f1;
}

/* White bottom banner */
.mil6print-footer-banner {
    background: #fff;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.banner-text {
    font-size: 14px;
    font-weight: 500;
}
.banner-icons a {
    margin-left: 8px;
    color: #000;
    text-decoration: none;
    background: #000;
    padding: 4px 6px;
    border-radius: 4px;
    transition: background 0.2s;
}
.banner-icons a:hover {
    background: #999;
}

.footer-section-content {
    display: none;
}

/* Collapsible Sections */
.footer-collapsible-section {
    margin-bottom: 20px;
}
.footer-section-title {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    background: #222;
    padding: 8px 12px;
    margin: 0;
    border-radius: 4px;
    border-bottom: 4px solid #FFD300;
}
.footer-section-title .footer-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #FFD300;
}
.footer-section-links {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #333;
    border-radius: 0 0 4px 4px;
}
.footer-section-links li {
    padding: 6px 12px;
    border-bottom: 1px solid #444;
}
.footer-section-links li a {
    color: #fff;
    text-decoration: none;
}
.footer-section-links li:last-child {
    border-bottom: none;
}

/* Collapsible Subsections */
.footer-collapsible-subsection {
    margin-top: 10px;
    margin-left: 20px;
}
.footer-subsection-title {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    background: #222;
    padding: 6px 10px;
    border-radius: 4px;
    border-bottom: 4px solid #FFD300;
}
.footer-subsection-title .footer-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #FFD300;
}
.footer-subsection-links {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #333;
    border-radius: 0 0 4px 4px;
    display: none;
}
.footer-subsection-links li {
    padding: 6px 12px;
    border-bottom: 1px solid #444;
}
.footer-subsection-links li a {
    color: #fff;
    text-decoration: none;
}
.footer-subsection-links li:last-child {
    border-bottom: none;
}

/* Legal link customization */
.legal-link {
    color: #ffffff !important;
    text-decoration: underline;
    transition: color 0.3s ease;
}
.legal-link:hover,
.legal-link:focus {
    color: #FFD300 !important;
}

/* =========================
   STAR RATING STYLES
========================= */

/* Star Rating Styles */
/* Enhanced Star Rating Styles */
.mil6print-star-rating {
    margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 22px;
}

/* Base star styling */
.mil6print-star-rating .star-rating {
    display: inline-block;
    font-size: 1.15em;
    height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    font-family: 'star';
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 auto;
    color: #FFD300; /* Single solid color for filled stars */
}

/* Star background (empty stars) */
.mil6print-star-rating .star-rating::before {
    content: "★★★★★";
    color: black;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

/* The actual rating stars */
.mil6print-star-rating .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    transition: all 0.3s ease;
}

.mil6print-star-rating .star-rating span::before {
    content: "★★★★★";
    top: 0;
    position: absolute;
    left: 0;
    color: #FFD300; /* Single solid color for filled stars */
}

/* Hover effect on rating container */
.mil6print-product-item:hover .mil6print-star-rating .star-rating {
    transform: scale(1.05);
}

/* For products with no ratings - empty stars */
.mil6print-star-rating .star-rating-empty {
    display: inline-block;
    font-size: 1.15em;
    height: 1em;
    width: 5.4em;
    font-family: 'star';
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 auto;
}

.mil6print-star-rating .star-rating-empty::before {
    content: "★★★★★";
    /* color: #e0e0e034; */
    color: black;
}

/* Count of ratings */
.mil6print-star-rating .rating-count {
    font-size: 12px;
    color: #777;
    margin-left: 5px;
    font-style: italic;
}

/* When hovering on star rating, show a subtle glow */
.mil6print-product-item:hover .mil6print-star-rating .star-rating {
    filter: drop-shadow(0 0 2px rgba(255, 211, 0, 0.4));
}

/* Animating stars when product card is hovered */
@keyframes star-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.mil6print-product-item:hover .mil6print-star-rating .star-rating span::before {
    animation: star-pulse 1s ease infinite;
}

/* View More Button Styles */
.mil6print-view-more-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
}

.mil6print-view-more-button {
    display: inline-block;
    background-color: #f5be2b; /* Yellow button to match your theme */
    color: #000;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    min-width: 180px;
}

.mil6print-view-more-button:hover {
    background-color: #e0a800; /* Darker yellow on hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    color: #000; /* Keep text black on hover */
}

.mil6print-view-more-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.mil6print-single-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    background: #f9f9f9;
}

.mil6print-product-gallery {
    flex: 1;
    max-width: 50%;
}

.mil6print-product-details {
    flex: 1;
    max-width: 45%;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.mil6print-title {
    font-size: 28px;
    color: #333;
    font-weight: bold;
}

.mil6print-price {
    font-size: 22px;
    color: #d9534f;
    font-weight: bold;
    margin-bottom: 10px;
}

.mil6print-cart {
    margin-top: 15px;
}

.mil6print-extra-section {
    width: 100%;
    padding: 20px;
    background: #fff;
    margin-top: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.mil6print-custom-section h2 {
    font-size: 24px;
    color: #444;
}

.mil6print-custom-section p {
    font-size: 16px;
    color: #666;
}

/* =========================
   SINGLE PRODUCT
========================= */
.mil6print-breadcrumb {
    font-size: 14px;
    color: #303841;
    margin-bottom: 15px;
    text-align: center;
}
.mil6print-breadcrumb .breadcrumb-item {
    display: inline;
}
.mil6print-breadcrumb .breadcrumb-separator {
    margin: 0 5px;
    color: #FFD300;
}
.mil6print-product-gallery {
    max-width: 50%;
    padding: 20px;
}
.mil6print-single-add-to-cart-button {
    background: #FFD300;
    border: none;
    color: #303841;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}
.mil6print-single-add-to-cart-button:hover {
    background: #ffcb2c;
    transform: scale(1.03);
}
.mil6print-quantity-input input.qty {
    border: 1px solid #ccc;
    padding: 5px;
    width: 60px;
    text-align: center;
    border-radius: 4px;
}
.mil6print-product-tabs {
    margin-top: 30px;
}
.mil6print-product-tabs .wc-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    border-bottom: 2px solid #ccc;
}
.mil6print-product-tabs .wc-tabs li a {
    text-decoration: none;
    padding: 10px 20px;
    color: #303841;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    background: #f9f9f9;
    border: 1px solid transparent;
}
.mil6print-product-tabs .wc-tabs li.active a,
.mil6print-product-tabs .wc-tabs li a:hover {
    background: #FFD300;
    color: #0b0b0d;
    border-color: #ccc;
}
.mil6print-product-tabs .woocommerce-Tabs-panel {
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
}

.mil6print-reviews {
    margin-top: 30px;
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.mil6print-review-rating {
    margin-bottom: 10px;
}
.mil6print-review-meta {
    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
}
.mil6print-review-meta .review-author {
    font-weight: bold;
}
.mil6print-review-meta .review-date {
    margin-left: 5px;
}





































/* ---------- RESPONSIVE BREAKPOINTS ---------- */
/* Responsive tweaks */
@media (max-width: 768px) {
    .dashicons {
        color: white;
    }
    .dashicons:hover {
        color: #FFD300;
    }
    .mil6print-bragging-item {
        flex: 0 0 30%;
        max-width: 30%;
    }
    /* Force the social icons to display in one row without wrapping */
    .mil6print-footer-banner .banner-icons {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; /* Prevent wrapping */
        gap: 8px; /* Optional: add space between icons */
        margin-top: 10px; /* Optional: add spacing from the banner text */
    }
    .mil6print-footer-black {
        flex-direction: column;
    }
}

@media (min-width: 577px) and (max-width: 992px) {
    .mil6print-product-icons {
        position: absolute;
        top: 3px;
        right: 40px;
        display: flex;
        /* width: 10px; */
        flex-direction: column;
        z-index: 2;
    }
    .mil6print-product-icons button {
        background: #ffffff;
        border: 1px solid #eee;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        border-radius: 50%;
        width: 3px;
        height: 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
        gap: 0px;
    }
    .mil6print-product-icons button i {
        font-size: 14px;
        color: #333;
        transition: color 0.3s;
    }
    .mil6print-product-icons button:hover {
        transform: scale(1.07);
        /* background: #ffd300; */
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    }
    .mil6print-product-icons button:hover i {
        color: #0b0b0d;
    }
    .dashicons {
        color: white;
    }
    .dashicons:hover {
        color: #FFD300;
    }
    .mil6print-sales-section .mil6print-product-item,
    .mil6print-new-designs-section .mil6print-product-item,
    .mil6print-seasonal-section .mil6print-product-item,
    .mil6print-specialty-section .mil6print-product-item {
        /* Calculate 25% width minus margins; adjust the subtraction as needed */
        flex: 0 0 calc(25% - 10px);
        max-width: calc(25% - 10px);
        margin: 5px;
    }
    .mil6print-best-sellers-section .mil6print-product-item {
        /* Calculate 25% width minus margins; adjust the subtraction as needed */
        flex: 0 0 calc(25% - 10px);
        max-width: calc(25% - 10px);
        margin: 5px;
    }
    /* You might want the monthly winner to still span full width */
    .mil6print-bragging-container {
        flex-direction: column;
        padding: 15px;
    }
    
    .mil6print-bragging-left {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    /* The right side: stack the bragging images and upload button vertically */
    .mil6print-bragging-right {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    /* For the bragging images row, allow wrapping into two rows (if needed) */
    .brag-images-row .mil6print-bragging-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }
    
    /* Adjust each bragging image box to take about 32% so three per row fit */
    .mil6print-bragging-item {
        flex: 0 0 32%;
        max-width: 32%;
        margin-bottom: 10px;
    }
    
    .mil6print-bragging-item img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    /* Upload button row */
    .upload-row {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    
    .mil6print-bragging-upload-button {
        max-width: 80%;
        padding: 10px 14px;
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    .dashicons {
        color: white;
    }
    .dashicons:hover {
        color: #FFD300;
    }
    .mil6print-category-layout {
        flex-direction: column;
    }
    .mil6print-category-sidebar {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
        max-height: unset;
    }
    .mil6print-products-grid .mil6print-product-item {
        flex: 0 0 calc(50% - 20px);
    }
    .mil6print-branches-container {
        display: block;
        width: 100%;
    }
    /* Update to show 3 boxes per row on tablet with better image coverage */
    .mil6print-branch-item {
        flex: 1 1 calc(33.333% - 4px) !important; /* 3 per row on tablet */
        max-width: calc(33.333% - 4px) !important;
        min-height: 180px;
        padding: 10px;
    }
    .mil6print-branch-image-wrapper {
        height: 100px; /* Adjusted height for tablet */
    }
    .mil6print-branches-row {
        flex-wrap: wrap !important; /* Allow wrapping on tablets */
        gap: 6px; /* Consistent smaller gaps on tablets */
    }

    .mil6print-header {
        flex-wrap: wrap;
        align-items: center; /* Center the logo and search */
        text-align: center;
        margin-top: -50px;
    }

    .mil6print-header-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .mil6print-header-center {
        width: 100%;
        margin-top: 10px; /* Adds spacing between logo and search bar */
        display: flex;
        justify-content: center;
    }

    .mil6print-header-center form {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 600px; /* Ensures search bar doesn't become too wide */
    }

    .mil6print-search-field {
        width: 100%; /* Full width on smaller screens */
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 25px 0 0 25px;
        outline: none;
        font-size: 14px;
    }

    .mil6print-search-button {
        width: 50px; /* Keep the button small */
        padding: 10px;
        border: 1px solid #FFD300;
        background-color: #FFD300;
        color: #0b0b0d;
        cursor: pointer;
        border-radius: 0 25px 25px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Mobile Navigation Styles */
    .mil6print-main-nav {
        padding: 8px 5px; /* Reduce padding */
        gap: 8px; /* Reduce gap between items */
        overflow-x: auto; /* Allow horizontal scrolling if needed */
        white-space: nowrap; /* Prevent wrapping */
        justify-content: center; /* Center navigation items */
    }
    
    .mil6print-main-nav ul {
        padding: 0 10px; /* Reduce horizontal padding */
        gap: 8px; /* Reduce gap between nav items */
        flex-wrap: wrap; /* Allow wrapping to next line */
        justify-content: center; /* Center items */
        white-space: normal; /* Allow text wrapping in links */
        align-items: center; /* Vertically center items */
    }
    
    .mil6print-main-nav li {
        flex-shrink: 0; /* Prevent shrinking */
    }
    
    .mil6print-main-nav a {
        padding: 6px 10px; /* Increase padding for better readability */
        font-size: 14px; /* Larger font size for better readability */
        font-weight: 500; /* Reduce font weight */
        white-space: nowrap; /* Prevent text wrapping within links */
        display: block; /* Make links block level */
        min-width: max-content; /* Ensure content fits */
        text-align: center; /* Center text within links */
    }
    .mil6print-custom-nav {
        display: none; /* hide the desktop nav on mobile */
    }
    .mobile-hamburger {
        display: block; /* show the hamburger on mobile */
        margin-left: 20px;
        margin-top: 10px;
    }
     /* Hide top row headings, let mobile headings appear in each column. */
    .embroidery-desktop-headings {
        display: none;
    }

    .mobile-heading-left,
    .mobile-heading-center,
    .mobile-heading-right {
        display: block;  /* show these headings on smaller screens */
    }

    /* stack the 3 columns in vertical order */
    .embroidery-container {
        flex-direction: column;
    }

    /* Reorder them: 1) left column, 2) center, 3) right */
    .embroidery-col-left    { order: 1; }
    .embroidery-col-center  { order: 2; }
    .embroidery-col-right   { order: 3; }

    /* As you requested: first Banner (left heading),
        then "ORDER NOW" heading, disclaimers, 
        then second banner (right heading),
        then the images. 
        
        This code ensures each column is separate
        in vertical stacking. You can refine 
        if you want a more specialized reorder. */
    .mil6print-limited-offers-container {
        flex-direction: column; /* Stack items vertically on smaller screens */
        padding: 20px;
    }
    .mil6print-offer-item{
        flex: 0 0 100%;           /* full width */
        max-width: 100%;
        aspect-ratio: 16 / 9;     /* <<< equal height based on width */
        position: relative;       /* so we can centre the text */
    }
    .mil6print-offer-content{
        position: absolute;
        inset: 0;                 /* fill the parent */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 20px;
    }
     /* Ensure the layout remains 3 images per row */
    .mil6print-bragging-container {
        flex-direction: column;
        height: auto;
        padding: 0;
    }
    .mil6print-bragging-left {
        order: -1;
        width: 100%;
        aspect-ratio: unset;
        height: 250px;
        margin-bottom: 20px;
    }
    .mil6print-bragging-right {
        order: 1;
        width: 100%;
    }
    .row1, .row3, .row-upload {
        margin: 8px;
    }
    .row1, .row3 {
        flex: 0 0 auto;
    }
    .mil6print-bragging-inner {
        flex-wrap: nowrap; /* Prevent wrapping */
        justify-content: space-between;
    }
    .mil6print-bragging-item {
        flex: 0 0 32%;
        max-width: 32%;
    }

    .ci-product-item {
        flex: 0 0 50%; /* 2 across if space allows, else horizontal scroll */
        max-width: 30%;
    }

    .nd-product-item {
        flex: 0 0 50%; /* 2 across if space allows, else horizontal scroll */
        max-width: 30%;
    }
}

.mil6print-cart-button-wrapper {
    margin: 0 auto 8px;
    text-align: center;
}
@media (max-width: 576px) {

    /* Disable hover scale on product items */
    .mil6print-product-item:hover {
        transform: none;
        box-shadow: none;
    }
    
    /* Extra small mobile navigation styles */
    .mil6print-main-nav {
        padding: 6px 2px; /* Minimal padding */
        gap: 6px; /* Slightly larger gap for readability */
        overflow-x: auto; /* Horizontal scroll if needed */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        justify-content: center; /* Center navigation items */
    }
    
    .mil6print-main-nav ul {
        padding: 0 5px; /* Minimal padding */
        gap: 6px; /* Slightly larger gap for readability */
        flex-wrap: wrap; /* Allow items to wrap */
        justify-content: center; /* Center items */
        align-items: center; /* Vertically center items */
    }
    
    .mil6print-main-nav a {
        padding: 4px 8px; /* Adequate padding */
        font-size: 12px; /* Readable font size */
        font-weight: 400; /* Normal weight */
        line-height: 1.2; /* Tight line height */
        border-radius: 3px; /* Smaller border radius */
        text-align: center; /* Center text within links */
    }
    .mil6print-product-icons {
        position: absolute;
        top: 3px;
        right: 40px;
        display: flex;
        /* width: 10px; */
        flex-direction: column;
        z-index: 2;
    }
    .mil6print-product-icons button {
        background-color: #f9f9f9; 
        border-color: #f9f9f9;
        border: 1px solid #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        border-radius: 50%;
        width: 3px;
        height: 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
        margin:-6px 0;
    }
    .mil6print-product-icons button i {
        font-size: 14px;
        color: #333;
        transition: color 0.3s;
    }
    .mil6print-product-icons button:hover {
        transform: scale(1.07);
        /* background: #ffd300; */
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    }
    .mil6print-product-icons button:hover i {
        color: #0b0b0d;
    }
    .dashicons {
        color: white;
    }
    .dashicons:hover {
        color: #FFD300;
    }
    .mil6print-sales-section .mil6print-product-item,
    .mil6print-new-designs-section .mil6print-product-item,
    .mil6print-seasonal-section .mil6print-product-item,
    .mil6print-specialty-section .mil6print-product-item {
        /* Calculate 50% width minus margins; adjust the subtraction as needed */
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin: 5px;
    }
    .mil6print-best-sellers-section .mil6print-product-item {
        /* Calculate 50% width minus margins; adjust the subtraction as needed */
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin: 5px;
    }
    /* Stack the entire bragging container vertically */
    .mil6print-bragging-container {
        flex-direction: column;
        padding: 10px;
    }

    /* Monthly Winner takes full width */
    .mil6print-bragging-left {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    /* The right side will now display the images and upload button vertically */
    .mil6print-bragging-right {
        width: 100%;
        max-width: 100%;
    }

    /* For the bragging images row, allow wrapping and display 3 per row */
    .brag-images-row .mil6print-bragging-inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* Each bragging image takes about 32% of the width to fit 3 in a row with some gap */
    .mil6print-bragging-item {
        flex: 0 0 32%;
        max-width: 32%;
        margin-bottom:  8px;
    }

    /* If needed, adjust the images inside the boxes to fit properly */
    .mil6print-bragging-item img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* Ensure the upload button row also takes full width and centers the button */
    .upload-row {
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .mil6print-bragging-upload-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Optionally, adjust the upload button size if needed */
    .mil6print-bragging-upload-button {
        max-width: 90%;
        padding: 8px 12px;
        font-size: 14px;
    }
    .mil6print-star-rating {
        margin: 5px 0;
    }
    
    .mil6print-star-rating .star-rating {
        font-size: 1em;
    }
    .mil6print-branch-title {
        font-size: 12px;
        font-weight: 100;
    }
    .mil6print-branch-shop-button {
        width: 100%;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 9px;
        display: none; /* Keep hidden on mobile too */
    }
    
    .mil6print-branch-item {
        flex: 1 1 calc(50% - 3px) !important; /* Two per row on very small screens */
        max-width: calc(50% - 3px) !important; /* Two per row on very small screens */
        min-height: 160px;
        padding: 8px 6px;
    }
    .mil6print-branch-image-wrapper {
        height: 80px; /* Smaller but proportional images on mobile */
    }
    .mil6print-branches-row {
        flex-wrap: wrap !important; /* Allow wrapping on mobile */
        justify-content: center; /* centers the items in each row on very small screens */
        gap: 6px; /* Consistent smaller gaps on mobile */
    }

    .mil6print-header {
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        margin-top: -58px;
    }

    .mil6print-header-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .mil6print-header-center {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .mil6print-header-center form {
        width: 100%;
        max-width: 100%;
        display: flex;
    }

    .mil6print-search-field {
        width: calc(100% - 50px); /* Adjust for the button width */
    }

    .mil6print-search-button {
        width: 50px;
    }
    /* On very small screens, 
        let images stack or scroll horizontally as needed. */
    .embroidery-image-row {
        flex-direction: column;
        align-items: center;
    }
    .embroidery-image-box {
        max-width: 300px;
        margin: 0 auto 15px;
    }
    .mil6print-limited-offers-container {
        flex-direction: column; /* Stack items vertically on smaller screens */
        padding: 20px;
    }
    .mil6print-offer-item {
        max-width: 100%;  /* Full width on mobile */
        flex: 1 1 100%;
    }
    .mil6print-bragging-item {
        flex: 0 0 32%;
        max-width: 32%;
    }
    /* 1 across => horizontal scroll */
    .ci-product-item {
        flex: 0 0 80%;
        max-width: 30%;
    }
    .nd-product-item {
        flex: 0 0 80%;
        max-width: 30%;
    }
}

/* .ci-product-item {
    flex: 0 0 155px !important;
    max-width: 210px !important;
} */

/* ----------  WISHLIST + QUICK‑VIEW VISIBILITY  ---------- */

/* (A) devices that understand hover (most desktops & laptops) */
@media (hover:hover) and (pointer:fine) {
    /* start hidden … */
    .mil6print-product-icons        { opacity: 0; transition: opacity .25s; }
    /* …fade‑in when the whole card is hovered */
    .mil6print-product-item:hover .mil6print-product-icons { opacity: 1; }
}

/* (B) touch devices – leave them visible, but make the circles smaller */
@media (hover:none), (pointer:coarse) {
    .mil6print-product-icons button {
        width: 32px;       /* was 40px on desktop – tweak to taste   */
        height: 32px;
    }
    .mil6print-product-icons i {
        font-size: 16px;   /* keep the glyph readable                */
    }
}

/* ---------------------------------------------
   WISHLIST  &  QUICK‑VIEW   (cross‑device skin)
----------------------------------------------*/

/* MOBILE / TABLET  – base style for ≤ 992 px  */
.mil6print-product-icons button{
    background: transparent !important;      /* kill theme yellow */
    border: none;
    box-shadow: none;
}

.mil6print-product-icons button i{
    color:#000;                              /* glyphs always black  */
}
.mil6print-product-icons{
    gap:4px;                 /* modern browsers */
}

/* subtle tap / focus feedback */
.mil6print-product-icons button:focus,
.mil6print-product-icons button:hover{
    background: rgba(0,0,0,.07);
    outline: 2px solid rgba(0,0,0,.15);
}

/* DESKTOP / LAPTOP  – yellow disk comes back ≥ 993 px */
@media (min-width:993px){
    .mil6print-product-icons button{
        background:#FFD300 !important;       /* brand yellow */
        box-shadow:0 2px 5px rgba(0,0,0,.15);
    }
    .mil6print-product-icons button:hover,
    .mil6print-product-icons button:focus{
        background:#ffcb2c !important;       /* a hair darker */
        outline:2px solid #303841;           /* visible focus ring */
    }

    /* kill the gap that was reserved for the ad */
    .mil6print-branches-container{
        flex-direction: column;   /* single full‑width area */
    }

    /* two rows – 3 items each – centred */
    .mil6print-branches-row{
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 3%;           /* row gap / column gap */
    }

     /* 1) Give each card more breathing room */
     .mil6print-branch-item {
        padding: 24px;           /* was 16px */
        flex: 0 0 30%;           /* 3‑across layout still fits */
        max-width: 30%;
    }

    /* 2) Bigger image zone */
    .mil6print-branch-image-wrapper {
        height: 180px;           /* was 120px */
    }

    /* 3) Larger text */
    .mil6print-branch-title  { font-size: 22px; }  /* was 18px */
    .mil6print-branch-motto  { font-size: 14px; }  /* was 13px */

    /* 4) Chunkier button */
    .mil6print-branch-shop-button {
        padding: 10px 22px;      /* more finger‑friendly */
        font-size: 16px;         /* was 14px */
    }
}

/* Size Selection Popup Styles */
.size-selection-modal {
    max-width: 400px;
    padding: 30px;
    text-align: center;
}

.size-selection-modal h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #303841;
}

.size-options-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 25px;
}

.size-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}

.size-option:hover {
    border-color: #FFD300;
    background: #fff9e6;
}

.size-option.selected {
    border-color: #FFD300;
    background: #FFD300;
    color: #303841;
}

.size-option .size-name {
    font-weight: 600;
    font-size: 16px;
}

.size-option .size-price {
    font-weight: 500;
    color: #666;
}

.size-option.selected .size-price {
    color: #303841;
}

.mil6print-add-to-cart-btn {
    background: #FFD300;
    color: #303841;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 150px;
}

.mil6print-add-to-cart-btn:hover:not(:disabled) {
    background: #e6bc00;
    transform: translateY(-1px);
}

.mil6print-add-to-cart-btn:disabled {
    background: #ccc;
    color: #999;
    cursor: not-allowed;
}

/* Mobile responsiveness for size popup */
@media (max-width: 480px) {
    .size-selection-modal {
        max-width: 90vw;
        padding: 20px;
    }
    
    .size-option {
        padding: 10px;
    }
    
    .size-option .size-name {
        font-size: 14px;
    }
}

/* -------------------------------------------------------------------------
   FIX: Product icons (Wishlist & Quick View) size and position 
   Ensures they are smaller, in a horizontal row, and moved to the 
   very top edge to not cover flags/images.
   -------------------------------------------------------------------------*/
/* Create space at the top of all product cards across the site */
.mil6print-product-item, 
.cat-page-item, 
.mil6print-branch-item,
.mil6print-sales-section .mil6print-product-item,
.mil6print-best-sellers-section .mil6print-product-item,
.mil6print-new-designs-section .mil6print-product-item,
.mil6print-seasonal-section .mil6print-product-item,
.mil6print-specialty-section .mil6print-product-item,
.wishlist-product-item {
    padding-top: 38px !important; /* Ensure enough space for icons at the top */
    position: relative !important;
}

.mil6print-product-icons {
    position: absolute !important;
    top: 8px !important; /* Position in the new padding area */
    right: 10px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    gap: 8px !important;
    flex-direction: row !important; /* Side-by-side now */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 20 !important;
    opacity: 1 !important;
}

/* Re-enable hover fade for desktop only to keep it clean */
@media (hover: hover) {
    .mil6print-product-icons {
        opacity: 0 !important;
        transition: opacity 0.25s ease !important;
    }
    .mil6print-product-item:hover .mil6print-product-icons {
        opacity: 1 !important;
    }
}

.mil6print-product-icons button {
    width: 24px !important;
    height: 24px !important;
    background: #FFD300 !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
}

.mil6print-product-icons button:hover {
    transform: scale(1.15) !important;
    background: #ffcb2c !important;
}

.mil6print-product-icons button i,
.mil6print-product-icons button .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 1 !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* Ensure the image wrapper doesn't push back up into the icons */
.mil6print-product-image-wrapper {
    margin-top: 5px !important;
}
/* Related Products Styling: 4 Columns & Compact Layout */
.related.products {
    margin-top: 50px !important;
    padding: 0 15px !important;
}

.related.products h2 {
    font-size: 24px !important;
    margin-bottom: 30px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #FFD300 !important;
    padding-bottom: 8px !important;
    width: fit-content !important;
}

/* Single Product Title Underline */
.single-product .product_title {
    border-bottom: 3px solid #FFD300 !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
    width: fit-content !important;
}

.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.related.products ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.related.products ul.products li.product .loop-image-wrap {
    margin-bottom: 15px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.related.products ul.products li.product img {
    max-height: 200px !important;
    width: auto !important;
    object-fit: contain !important;
    border-radius: 4px !important;
}

.related.products ul.products li.product h3 {
    font-size: 16px !important;
    margin: 10px 0 !important;
    line-height: 1.4 !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.related.products ul.products li.product .price {
    font-size: 15px !important;
    color: #f56e28 !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

.related.products ul.products li.product .button {
    background-color: #FFD300 !important;
    color: #000 !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    border: none !important;
    width: 100% !important;
}

@media (max-width: 991px) {
    .related.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .related.products ul.products {
        grid-template-columns: 1fr !important;
    }
}
/* SALE badge - homepage sales section + sales category page */
.mil6print-sales-section .mil6print-product-item::before,
.cat-sales .cat-page-item::before {
    content: 'SALE';
    position: absolute;
    top: 0;
    left: 0;
    background: #cc0000;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    z-index: 10;
    letter-spacing: 1px;
}