/*
Theme Name: Gota Child
Theme URI: http://demo.lion-themes.net/gota/
Author: Lion-Themes
Author URI: http://lion-themes.net/
Description: Gota is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Template: gota
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: gota
*/


/* Top Nav Shopping Bag link */
.header-right {
    display: none !important;
}

.breadcrumbs a:After {
    content: "/";
    padding: 0 8px;
}

/* Single product breadcrumb + title (Elementor) - Walmart/Amazon style */
.single-product .elementor-widget-woocommerce-breadcrumb .breadcrumbs {
    font-size: 13px;
    line-height: 1.4;
    color: #555;
    margin-bottom: 4px;
}

.single-product .elementor-widget-woocommerce-breadcrumb .breadcrumbs a {
    color: #555;
}

.single-product .elementor-widget-woocommerce-breadcrumb .breadcrumbs a:hover {
    color: #069;
}

.single-product .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 26px;
    line-height: 1.25;
    font-weight: 600;
    margin: 4px 0 10px;
}

@media only screen and (max-width: 768px) {
    .single-product .elementor-widget-woocommerce-breadcrumb .breadcrumbs {
        font-size: 12px;
    }

    .single-product .elementor-widget-theme-post-title .elementor-heading-title {
        font-size: 22px;
        margin-bottom: 8px;
    }
}

/* Product Page */
#custom-btn-container .btn {
    background: #fff;
    border-radius: 0;
    border: 2px solid #ebebeb;
    color: #222 !important;
    line-height: 2em;
    cursor: pointer;
}
#custom-btn-container .btn-primary{
	background: #ebedee;
}
#custom-btn-container .btn-secondary:hover {
    background: #ebebeb;
}
#custom-btn-container .btn-primary:hover {
    background: #fff;
}
#bottle-icons img {
    max-height: 50px;
    max-width: 50px;
}
#bottle-icons {
    margin: 2.5rem 0;
}
#tab-description iframe {
    display: block;
    margin: 4em auto;
    width: 100%;
    height: 500px;
}
.single-product .posted_in {
    display: none !important;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 5em !important;
}
.woocommerce div.main-wrapper .woocommerce-tabs ul.tabs {
    border-top: none;
}
.woocommerce div.main-wrapper .woocommerce-tabs .panel {
    padding-top: 3em;
}



/* Category Page */
.category-desc {
    padding-bottom: 2em;
    padding-top: 1em;
}

.toolbar .view-mode {
    float: right;
}

/* Product Description Ellipsis for Category/Archive Pages */
.shop-products .product-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 4.2em; /* 3 lines * 1.4em line-height */
    margin-bottom: 1em;
}

/* For list view - allow more lines */
.shop-products .listview .product-desc {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 5.6em; /* 4 lines * 1.4em line-height */
}

.product-wrapper .product-image a img{
    margin: auto;
}

#newsletter input {
	display: inline-block;
    height: 37px;
    font-size: 14px;
    border: 0;
    background: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
	padding-right: 40px;
}

#newsletter h6 {
	color: #fff;
	font-weight: 400;
}

#newsletter button {
	position: absolute;
    right: 3px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    text-align: center;
    padding: 7px 10px;
    top: -8px;
}
#newsletter button i {
	font-size: 20px;
}

#newsletter p {
	position: relative;
}
.pum-theme-4004 .pum-content + .pum-close, .pum-theme-contact-popup-theme .pum-content + .pum-close{
    font-size:18px;
}
#pum-4006 .wpcf7 input, #pum-4006 .wpcf7 textarea,
#pum-4289 .wpcf7 input, #pum-4289 .wpcf7 textarea,
#pum-4314 .wpcf7 input, #pum-4314 .wpcf7 textarea {
	height: 45px;
}
#pum-4006 input[type=submit],
#pum-4289 input[type=submit], 
#pum-4314 input[type=submit] {
	background: #069;
	border: 2px solid #069;
}
#pum-4006 input[type=submit]:hover,
#pum-4289 input[type=submit]:hover,
#pum-4314 input[type=submit]:hover {
	background: transparent;
	border: 2px solid #069;
}
.home .header-container.layout2:not(.sticky) .header {
	background: rgba(255,255,255,0.8) !important;
}
.home .header-container.layout2:not(.sticky) .header .nav-menus li.logo img {
	filter:unset;
	-webkit-filter:unset;
}
#form-field-field_14c91b8,#form-field-field_167cada {
	display: none;
}
.footer .footer-bottom {
	background: #fff !important;
}
.footer .footer-bottom .widget-copyright .textwidget {
	margin-top: 1em;
}
.widget_categories ul, .widget_archive ul, .widget_product_categories ul {
	max-height: unset;
}
.sidebar-container .current-cat {
	font-weight: bold;
}
a[data-mode="col2-view"], a[data-mode="col4-view"], a[data-mode="col5-view"], a[data-mode="col6-view"] {
	display:none
}
.shop-products.products.col3-view .list-col4 {
	flex: 0 0 100%;
    max-width: 100%;
}
.all-machines li.cat-item.current-cat, .all-machines .current-cat-parent, .all-machines .current-cat-parent li {
	display: none;
}
.top-cat-widget > li.cat-item {
display: none;
}
.top-cat-widget li.cat-item.current-cat.cat-parent{
	visibility: hidden;
}
.top-cat-widget li.cat-item.current-cat.cat-parent li {
	visibility: visible !important;
}
.header-container .logo img {
	max-width: 385px;
}
.nav-menus #mega_main_menu>.menu_holder .menu_inner>ul>li.logo {
	padding: 5px;
}
.nav-menus #mega_main_menu>.menu_holder .menu_inner>ul>li>a.item_link {
	padding: 20px 15px;
}
.upsells .quick-categories {
    display: none;
}
.top-cat-widget {
    padding-bottom: 2em;
    border-bottom: 1px solid;
}
select.wpcf7-form-control {
    width: 100%;
    margin-top: 1em;
}
/* .nav-menus #mega_main_menu>.menu_holder .menu_inner>ul>li.default_dropdown>ul.mega_dropdown {
	height: auto;
    overflow-y: auto;
    max-height: 85vh;
} */
.nav-menus #mega_main_menu>.menu_holder .menu_inner>ul>li#menu-item-3270 ul.mega_dropdown {
	min-width: 335px;
}
#secondary.opened .sidebar-container .sidebar-head {
	top: 0;
	right: 5%;
	border: 0;
}

/*.top-cat-widget > .product-categories > li.cat-item:not(.opening) {
    display: none;
}
.top-cat-widget i.opener.icon-plus {
    display: none;
}
.top-cat-widget > .product-categories li.cat-item.opening > a, .top-cat-widget > .product-categories li.cat-item.opening > span, .top-cat-widget > .product-categories li.cat-item.opening:before {
    display: none;
}
.top-cat-widget > .product-categories li.cat-item.opening ul {
    padding: 0;
    margin: 0;
}*/
.header .search-switcher .search-form-container .search-content-popup {
	overflow: auto;
}
.header-container.sticky .header {
	display:block !important;
}
.mobile-navigation form.search-form-container {
	display: none !important;
}

.shop-products.products .product .product-wrapper .list-col8 .gridview {
	padding: 15px 10px 0px;
}
.shop-products.col1-view .product-wrapper .switcher-wrapper, .shop-products.col2-view .product-wrapper .switcher-wrapper, .shop-products.col3-view .product-wrapper .switcher-wrapper, .shop-products.col4-view .product-wrapper .switcher-wrapper, .shop-products.col5-view .product-wrapper .switcher-wrapper, .shop-products.grid-view .product-wrapper .switcher-wrapper {
	display: none;
}
.mobile-navigation .my-account-link,
.quickview-wrapper #quickview-content .product-info .quick-add-to-cart{
	display:none
}
.quickview-wrapper .quick-modal {
	height: 90vh
}
.quickview-wrapper #quickview-content .product-images a.see-all {
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
	border: 2px solid #069;
	color: #fff;
	background: #069;
}
.quickview-wrapper #quickview-content .product-images a.see-all:hover {
	background: transparent;
	border: 2px solid #069;
	color: #069;
}
.quickview-wrapper #quickview-content .product-images {
	height: 100%;
}
.quickview-wrapper #quickview-content .product-info .quick-desc {
	margin: 0 0 20px;
	padding: 0 0 5px;
}
#quickview-content .product-images .owl-carousel .owl-stage-outer {
	text-align: center;
}
.woocommerce img, .woocommerce-page img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.quickview-wrapper #quickview-content .product-images .quick-thumbnails {
	height: 65vh;
}
#quickview-content .product-images .owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .owl-item>div {
	height: 100%;
}
#custom-btn-container .btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
.pum-close.popmake-close .fa-times {
	font-size: 15px;
	vertical-align: top;
	line-height: 1.5;
}
#archive-product form.woocommerce-ordering {
	display: none;
}
.header-container .header .container-wrapper .nav-menus {
	height: 100%;
}
.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li.logo {
	max-height: 90px;
}
.header-container.sticky .header .nav-menus #mega_main_menu>.menu_holder .menu_inner>ul>li.logo {
	max-height:70px;
}
.table-parent {
	overflow: auto
}
.load-more-product.scroll-more {
    max-width: 50px;
    margin: 0 auto 8em;
}
.sticky-fixed-button {
	cursor: pointer;
    position: fixed;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
    left: -55px;
    top: 45%;
    background: #069;
    padding: 7px 20px;
    z-index: 999;
    color: #ffffff !important;
    font-weight: 800;
    transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
	border-radius: 0 0 10px 10px;
}
/* .breadcrumbs a[href="http://dev.accutek.com/shop/"], .breadcrumbs a[href="https://accutekpackaging.com/shop/"], .breadcrumbs a[href="https://www.accutekpackaging.com/shop/"] {
    display: none !important;
} */
.product-categories li.cat-item.cat-item-218,
.product-categories li.cat-item.cat-item-218 > * {
	display: none !important
}




header .container-fluid {
    width: 100%;
}
.home .header-container.layout2:not(.sticky) .header:hover {
    background: rgba(255,255,255,1) !important;
}


# Timed Quote Request Popup
#pum-6514 .wpcf7-list-item {
    display: block;
	font-size: 1.5em;
}
#pum-6514 input[type="checkbox"] {
    width: auto;
    margin-right: 1em;
	    height: 18px !important;
}
#pum-6514 #popmake-6514 {
    border-radius: 0;
	    padding-bottom: 0;
}
#pum-6514 button.pum-close.popmake-close {
    background: none;
    color: gray;
    font-size: 30px;
}

#pum-6514 .header-popup {
	 background-color: #3aaa00;
}
#pum-6514 h3 {
    color: #fff;
    background: #3aaa00;
    padding: .5em;
    font-family: ui-rounded;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 2em;
}
#pum-6514 .img-find-popup {
/* 	width: 19%; */
    display: inline-block;
    vertical-align: baseline;
	position: absolute;
    right: 0;
    top: 3%;
	max-width: 65px !important;
}
#pum-6514 input[type="checkbox"]:checked {
    border-color: #ddd;
    padding: 0;
}
#pum-6514 {
    font-family: ui-rounded;
}
#pum-6514 button#cf7mls-next-btn-cf7mls_step-1 {
    border-radius: 0;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    font-family: ui-rounded;
    margin-bottom: 0;
    letter-spacing: 2px;
}
#pum-6514 input.wpcf7-form-control.wpcf7-submit {
    background-color: #3aaa00;
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    font-family: ui-rounded;
    margin-bottom: 0;
    letter-spacing: 2px;
}
div[id^="wpcf7-f6511"] button.cf7mls_back {
    background: none;
    padding: 2em 0 0 0;
    text-align: left;
    color: gray;
}
#pum-6514 input.wpcf7-form-control.wpcf7-submit:hover {
    color: #fff;
}
#pum-6514 span.wpcf7-list-item {
    display: block;
}
#pum-6514 .wpcf7-form label {
    font-size: 18px;
}
#pum-6514 .wpcf7 input, .wpcf7 textarea {
    height: 40px;
}
#pum-6514 textarea[name='your-message'] {
    margin: 0;
}
#pum-6514 .step-img{
	margin: 3em auto 0;
    display: block;	
    width: auto;
}












/* Rwsponsive styles */
@media only screen and (max-width: 1400px){
	.header-container .logo img {
    	max-width: 320px;
	}
/* 	.header-container.sticky .header .nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link {
		padding: 10px 15px !important;
	} */
	.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link {
		padding: 20px 10px !important;
	}
	.quickview-wrapper #quickview-content .product-images .quick-thumbnails {
		height: 70vh;
	}
}
@media only screen and (max-width: 1170px){
	#pum-6514 h3 {
		font-size: 1.6em !important;
	}
	.header-container .logo img {
		max-width: 220px;
	}
/* 	.header-container.sticky .header .nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link {
		padding: 10px 10px !important;
	} */
	.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link {
		padding: 20px 10px !important;
	}
	.nav-menus #mega_main_menu > .menu_holder .menu_inner > ul > li > a.item_link .link_text {
		font-size: 14px;
	}
}
@media only screen and (max-width: 990px){
	#pum-6514 .img-find-popup {
    	top: 1%;
	}
	.header-container .header .container-wrapper .header-logo {
		display: block !important;
		width: 100%;
    	text-align: center;
	}
	.header-container .logo img {
		max-width: 290px;
	}
	.quickview-wrapper #quickview-content .product-images .quick-thumbnails {
		height: 65vh;
	}
	.header-container .header .container-wrapper .nav-menus {
		height: auto;
	}
}
@media only screen and (max-width: 768px){
	
}
@media only screen and (max-width: 420px){
	#pum-6514 h3 {
		font-size: 1.3em !important;
	}
	.header-container .logo img {
		max-width: 100%;
	}
	.shop-products.col2-view .item-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.quickview-wrapper #quickview-content .product-images .quick-thumbnails {
		height: 60vh;
	}
	.quickview-wrapper #quickview-content .product-images {
		height: 85%
	}
}
.grecaptcha-badge, #back-top{
    visibility: hidden;
	display: none;
}

/* Catalog-only variant tiles (Amazon-style) */
.acc-variant-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0;
}

.acc-variant-group {
	margin-top: 12px;
}

.acc-variant-group-label {
	font-weight: 600;
	margin-bottom: 6px;
	font-size: 14px;
}

.acc-variant-tile {
	flex: 0 0 auto;
	min-width: 110px;
	max-width: 220px;
	padding: 8px 10px;
	border: 1px solid #d5d9d9;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(15,17,17,0.15);
	font-size: 13px;
	line-height: 1.3;
	transition: border-color 0.15s ease, box-shadow 0.15s ease,
		background-color 0.15s ease, transform 0.1s ease;
}

.acc-variant-tile:hover {
	border-color: #ff9900;
	box-shadow: 0 2px 4px rgba(15,17,17,0.25);
	background-color: #fdf7ee;
	transform: translateY(-1px);
}

.acc-variant-label {
	font-weight: 600;
	margin-bottom: 4px;
}

.acc-variant-meta {
	font-size: 11px;
	color: #565959;
}

.normal-radio {
    font-size: 15px;
}
.normal-radio p {
    margin: 0;
}
.normal-radio input {
    height: inherit !important;
    width: auto !important;
}
.default-entry-header {
    padding: 90px 0 55px;
}


a.toggle-filter {
    display: none !important;
}





.custom-carousel-style.lionthemes-featured-categories .inner-content .cat-item {
    display: block;
}
.custom-carousel-style.lionthemes-featured-categories .inner-content .cat-item img {
        width: auto;
    height: 200px;
}
.custom-carousel-style.lionthemes-featured-categories .inner-content .cat-item .cat-item-info .cat-title {
    font-size: 1.5rem;
}
.custom-carousel-style.lionthemes-featured-categories .inner-content .cat-item .cat-item-info .item-count {
    display: none;
}
.custom-carousel-style.lionthemes-featured-categories .inner-content {
    display: block;
}
.custom-carousel-style .owl-carousel.owl-drag .owl-item {
    text-align: center;
}
.archive .elementor-posts .elementor-post__avatar {
    display: none;
}


/* ========================================================================
   Generic Horizontal Menu with Dropdown - Reusable Component
   ========================================================================

   Usage: Add these classes to any menu structure:

   HTML Structure:
   <div class="horizontal-menu-bar">
       <div class="container-wrapper">
           <ul class="horizontal-dropdown-menu">
               <li class="menu-item menu-item-has-children">
                   <a href="#">Parent Item <i class="icon-angle-down"></i></a>
                   <ul class="sub-menu">
                       <li class="menu-item"><a href="#">Child Item</a></li>
                   </ul>
               </li>
           </ul>
       </div>
   </div>

   Features:
   - Desktop: Horizontal menu with hover dropdowns
   - Mobile: Vertical accordion menu (tap to expand)
   - Fully responsive and customizable
   - Works with any WordPress menu structure

   ======================================================================== */
.horizontal-menu-bar {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.horizontal-menu-bar .container-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.horizontal-dropdown-menu {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    overflow: visible;
}

.horizontal-dropdown-menu > li {
    margin: 0;
    padding: 0;
    position: relative;
    flex-shrink: 0;
}

.horizontal-dropdown-menu > li > a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.horizontal-dropdown-menu > li > a:hover {
    color: #069;
    background: #f8f9fa;
}

.horizontal-dropdown-menu > li.current-menu-item > a,
.horizontal-dropdown-menu > li.current_page_item > a {
    color: #069;
    font-weight: 600;
}

/* Dropdown arrow */
.horizontal-dropdown-menu > li.menu-item-has-children > a i {
    font-size: 12px;
    margin-left: 3px;
    transition: transform 0.3s ease;
}

.horizontal-dropdown-menu > li.menu-item-has-children:hover > a i {
    transform: rotate(180deg);
}

/* Submenu (Dropdown) */
.horizontal-dropdown-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    min-width: 220px;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.horizontal-dropdown-menu > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.horizontal-dropdown-menu .sub-menu li {
    margin: 0;
    padding: 0;
}

.horizontal-dropdown-menu .sub-menu li a {
    color: #444;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 20px;
    display: block;
    transition: all 0.2s ease;
}

.horizontal-dropdown-menu .sub-menu li a:hover {
    color: #069;
    background: #f8f9fa;
}

.horizontal-dropdown-menu .sub-menu li.current-menu-item a,
.horizontal-dropdown-menu .sub-menu li.current_page_item a {
    color: #069;
    font-weight: 600;
}

/* Tablet Responsive */
@media only screen and (max-width: 990px) {
    .horizontal-dropdown-menu > li > a {
        font-size: 13px;
        padding: 15px 15px;
    }

    .horizontal-dropdown-menu .sub-menu {
        min-width: 200px;
    }

    .horizontal-dropdown-menu .sub-menu li a {
        font-size: 12px;
        padding: 8px 15px;
    }
}

/* Mobile Responsive */
@media only screen and (max-width: 768px) {
    .horizontal-menu-bar {
        background: #ffffff;
        border-bottom: 1px solid #e0e0e0;
    }

    .horizontal-menu-bar .container-wrapper {
        padding: 0;
    }

    .horizontal-dropdown-menu {
        flex-direction: column;
        width: 100%;
    }

    .horizontal-dropdown-menu > li {
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }

    .horizontal-dropdown-menu > li:last-child {
        border-bottom: none;
    }

    .horizontal-dropdown-menu > li > a {
        padding: 15px;
        justify-content: space-between;
        background: transparent;
    }

    .horizontal-dropdown-menu > li > a:hover {
        background: transparent;
    }

    /* Show arrow icon on mobile for items with children */
    .horizontal-dropdown-menu > li.menu-item-has-children > a i {
        display: block;
        font-size: 14px;
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }

    .horizontal-dropdown-menu > li.menu-item-has-children.active > a i {
        transform: rotate(180deg);
    }

    /* Mobile accordion behavior */
    .horizontal-dropdown-menu .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        background: #f8f9fa;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        border-top: none;
    }

    .horizontal-dropdown-menu > li.menu-item-has-children.active .sub-menu {
        max-height: 1000px;
        border-top: 1px solid #e5e5e5;
    }

    .horizontal-dropdown-menu .sub-menu li {
        border-bottom: 1px solid #e5e5e5;
        background: #f8f9fa;
    }

    .horizontal-dropdown-menu .sub-menu li:last-child {
        border-bottom: none;
    }

    .horizontal-dropdown-menu .sub-menu li a {
        padding: 12px 15px 12px 30px;
        background: #f8f9fa;
        color: #444;
    }

    .horizontal-dropdown-menu .sub-menu li a:hover {
        padding-left: 30px;
        background: #e9ecef;
    }

    /* Mobile tap highlight */
    .horizontal-dropdown-menu > li.menu-item-has-children > a {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    }
}

/* ========================================================================
   Walmart-Style Packaging Machines Menu
   ======================================================================== */

/* Specific implementation: Packaging Machines Menu */
.packaging-machines-submenu-bar {
    background: #c9dcfd;
    border-bottom: 1px solid #b8cffa;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.packaging-machines-submenu-bar .container-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 6px 15px;
}

.packaging-machines-menu {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    overflow: visible;
    gap: 4px;
}

.packaging-machines-menu > li {
    margin: 0;
    padding: 0;
    position: relative;
    flex-shrink: 0;
}

.packaging-machines-menu > li > a {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 3px;
    transition: all 0.15s ease;
    white-space: nowrap;
    border-radius: 18px;
    background: #ffffff;
}

.packaging-machines-menu > li > a:hover {
    background: #f8f9fa;
    color: #1a1a1a;
}

.packaging-machines-menu > li.current-menu-item > a,
.packaging-machines-menu > li.current_page_item > a {
    background: #e6f1fc;
    font-weight: 600;
    color: #0071dc;
}

/* Dropdown arrow for packaging machines menu */
.packaging-machines-menu > li.menu-item-has-children > a i {
    font-size: 9px;
    margin-left: 2px;
    transition: transform 0.2s ease;
    color: #666;
}

.packaging-machines-menu > li.menu-item-has-children:hover > a i {
    transform: rotate(180deg);
}

.packaging-machines-menu > li.current-menu-item > a i,
.packaging-machines-menu > li.current_page_item > a i {
    color: #0071dc;
}

/* Submenu (Dropdown) for packaging machines */
.packaging-machines-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    min-width: 200px;
    list-style: none;
    margin: 0;
    margin-top: 4px;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
    z-index: 1000;
}

.packaging-machines-menu > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.packaging-machines-menu .sub-menu li {
    margin: 0;
    padding: 0;
}

.packaging-machines-menu .sub-menu li a {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 16px;
    display: block;
    transition: all 0.15s ease;
}

.packaging-machines-menu .sub-menu li a:hover {
    color: #0071dc;
    background: #f3f8ff;
}

.packaging-machines-menu .sub-menu li.current-menu-item a,
.packaging-machines-menu .sub-menu li.current_page_item a {
    color: #0071dc;
    font-weight: 600;
    background: #f3f8ff;
}

/* More Button Styles - Walmart-style overflow menu */
.packaging-machines-menu .more-menu-item {
    margin-left: auto;
}

.packaging-machines-menu .more-menu-item > a.more-button {
    background: #ffffff;
    border-radius: 18px;
    font-weight: 600;
    color: #1a1a1a;
    padding: 8px 16px;
    font-size: 13px;
    border: none;
}

.packaging-machines-menu .more-menu-item > a.more-button:hover {
    background: #f8f9fa;
    color: #1a1a1a;
}

/* More dropdown submenu styling */
.packaging-machines-menu .more-submenu {
    right: 0;
    left: auto;
    min-width: 220px;
}

/* Tablet Responsive */
@media only screen and (max-width: 990px) {
    .packaging-machines-menu {
        gap: 3px;
    }

    .packaging-machines-menu > li > a {
        font-size: 12px;
        padding: 7px 12px;
    }

    .packaging-machines-menu .sub-menu {
        min-width: 180px;
    }

    .packaging-machines-menu .sub-menu li a {
        font-size: 13px;
        padding: 8px 14px;
    }

    .packaging-machines-menu .more-menu-item > a.more-button {
        padding: 7px 14px;
        font-size: 12px;
    }
}

/* Mobile Responsive */
@media only screen and (max-width: 768px) {
    .packaging-machines-submenu-bar {
        background: #0071dc;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .packaging-machines-submenu-bar .container-wrapper {
        padding: 0;
    }

    .packaging-machines-menu {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .packaging-machines-menu > li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .packaging-machines-menu > li:last-child {
        border-bottom: none;
    }

    .packaging-machines-menu > li > a {
        padding: 14px 16px;
        justify-content: space-between;
        background: transparent;
        color: #ffffff;
        border-radius: 0;
    }

    .packaging-machines-menu > li > a:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    /* Show arrow icon on mobile for items with children */
    .packaging-machines-menu > li.menu-item-has-children > a i {
        display: block;
        font-size: 12px;
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }

    .packaging-machines-menu > li.menu-item-has-children.active > a i {
        transform: rotate(180deg);
    }

    /* Mobile accordion behavior */
    .packaging-machines-menu .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        background: rgba(0, 0, 0, 0.15);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        margin-top: 0;
        padding: 0;
    }

    .packaging-machines-menu > li.menu-item-has-children.active .sub-menu {
        max-height: 1000px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 4px 0;
    }

    .packaging-machines-menu .sub-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background: transparent;
    }

    .packaging-machines-menu .sub-menu li:last-child {
        border-bottom: none;
    }

    .packaging-machines-menu .sub-menu li a {
        padding: 12px 16px 12px 32px;
        background: transparent;
        color: rgba(255, 255, 255, 0.95);
        font-size: 13px;
    }

    .packaging-machines-menu .sub-menu li a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }

    /* Mobile tap highlight */
    .packaging-machines-menu > li.menu-item-has-children > a {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
    }

    /* More button on mobile */
    .packaging-machines-menu .more-menu-item > a.more-button {
        background: transparent;
        border-radius: 0;
        padding: 14px 16px;
        color: #ffffff;
        border: none;
    }

    .packaging-machines-menu .more-menu-item > a.more-button:hover {
        background: rgba(255, 255, 255, 0.1);
    }
}

/* More Button Styles - Walmart-style overflow menu */
.horizontal-dropdown-menu .more-menu-item {
    margin-left: auto;
}

.horizontal-dropdown-menu .more-menu-item > a.more-button {
    background: #f8f9fa;
    border-radius: 4px;
    font-weight: 600;
    color: #333;
}

.single-product .elementor-nav-menu--main,
.single-product .elementor-nav-menu--dropdown {
    position: relative;
    z-index: 9999;
}

.horizontal-dropdown-menu .more-menu-item > a.more-button:hover {
    background: #069;
    color: #ffffff;
}

/* More dropdown submenu styling */
.horizontal-dropdown-menu .more-submenu {
    right: 0;
    left: auto;
    min-width: 250px;
    /* Ensure dropdown behavior matches other menu items */
    position: absolute;
    top: 100%;
    background: #ffffff;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* Show More dropdown on hover */
.horizontal-dropdown-menu .more-menu-item:hover .more-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hidden overflow items */
.horizontal-dropdown-menu > li.overflow-hidden {
    display: none !important;
}

/* Mobile: Hide More button, show all items */
@media only screen and (max-width: 768px) {
    .horizontal-dropdown-menu .more-menu-item {
        display: none !important;
    }

    .horizontal-dropdown-menu > li.overflow-hidden {
        display: block !important;
    }
}

/* ========================================================================
   Request a Quote Button and Modal - Category/Archive Pages
   ======================================================================== */

/* Product Title Consistency - Fixed Height with Ellipsis */
.shop-products .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
    max-height: 2.8em;
    line-height: 1.4;
    position: relative;
    margin-bottom: 10px;
}

.shop-products .product-name a {
    display: block;
    position: relative;
}

/* Tooltip for full product name on hover */
.shop-products .product-name a::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    z-index: 1000;
    margin-bottom: 5px;
    max-width: 300px;
    white-space: normal;
    text-align: center;
    line-height: 1.4;
}

.shop-products .product-name a:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Product Image Consistency - Fixed Size without Stretching */
.shop-products .product-image {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
}

.shop-products .product-image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.shop-products .product-image img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 250px;
    object-fit: contain;
}

/* Remove extra spacing in product grid */
.shop-products .gridview .switcher-wrapper {
    margin-top: 5px;
}

/* Request Quote Button on Product Grid Items */
.request-quote-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.request-quote-btn,
.read-more-link {
    background: #fff;
    color: #222;
    border: 2px solid #ebebeb;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 0;
    display: block;
    text-align: center;
    line-height: 1.5;
    box-sizing: border-box;
}

.request-quote-btn:hover,
.read-more-link:hover {
    background: #ebebeb;
    color: #222;
    border-color: #ebebeb;
}

/* Request Quote Modal */
.request-quote-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.request-quote-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

.request-quote-modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 100000;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.request-quote-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 32px;
    color: #666;
    cursor: pointer;
    z-index: 100001;
    line-height: 1;
    padding: 0;
    width: 32px;
    height: 32px;
    transition: color 0.3s ease;
}

.request-quote-modal-close:hover {
    color: #069;
}

.request-quote-modal-body {
    padding: 30px;
}

#request-quote-product-info {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

#request-quote-form iframe {
    border: none;
    width: 100%;
    min-height: 600px;
}

/* List View Compatibility */
.shop-products.list-view .request-quote-wrapper {
    padding: 15px 0;
}

.shop-products.list-view .request-quote-btn {
    width: auto;
    display: inline-block;
    padding: 12px 30px;
}

/* Mobile Responsive */
@media only screen and (max-width: 768px) {
    .request-quote-modal-content {
        width: 95%;
        max-height: 95vh;
    }

    .request-quote-modal-body {
        padding: 20px;
    }

    .request-quote-modal-body h2 {
        font-size: 20px;
    }

    #request-quote-product-info {
        font-size: 14px;
    }

    .request-quote-btn,
    .read-more-link {
        padding: 12px 16px;
        font-size: 13px;
    }

    #request-quote-form iframe {
        min-height: 500px;
    }
}

@media only screen and (max-width: 480px) {
    .request-quote-modal-content {
        border-radius: 0;
        max-height: 100vh;
        height: 100vh;
    }

    .request-quote-modal-body {
        padding: 15px;
    }

    .request-quote-modal-close {
        top: 10px;
        right: 15px;
    }
}

/* ========================================================================
   Breadcrumb Improvements for Category/Archive Pages
   ======================================================================== */

/* Fix breadcrumb styling on category/archive pages to match product detail pages */
.before-archive-content {
    text-align: center;
    background: #f8f9fa;
}

/* Product Page Header Title - Similar to Category Page */
.product-header-title {
    text-align: center;
    padding: 40px 0 40px;
    background: #f8f9fa;
    border-bottom: 1px solid #e5e5e5;
}

.product-breadcrumb {
    margin-bottom: 20px;
}

.product-breadcrumb .woocommerce-breadcrumb {
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.product-breadcrumb .woocommerce-breadcrumb a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.9),
                 0 0 15px rgba(255, 255, 255, 0.8),
                 0 2px 4px rgba(0, 0, 0, 0.3);
}

.product-breadcrumb .woocommerce-breadcrumb a:hover {
    color: #069;
}

.product-breadcrumb .woocommerce-breadcrumb span {
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.9),
                 0 0 15px rgba(255, 255, 255, 0.8),
                 0 2px 4px rgba(0, 0, 0, 0.3);
}

.product_content {
    background: #ffffff;
    padding-top: 40px;
}

.product_content .container {
    background: #ffffff;
}

.product-page-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    text-transform: uppercase;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .breadcrumbs{
    margin: 0 auto;
}

.before-archive-content .woocommerce-breadcrumb,
.before-archive-content .breadcrumbs {
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.before-archive-content .woocommerce-breadcrumb a,
.before-archive-content .breadcrumbs a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.9),
                 0 0 15px rgba(255, 255, 255, 0.8),
                 0 2px 4px rgba(0, 0, 0, 0.3);
}

.before-archive-content .woocommerce-breadcrumb a:hover,
.before-archive-content .breadcrumbs a:hover {
    color: #069;
}

.before-archive-content .woocommerce-breadcrumb span,
.before-archive-content .breadcrumbs span {
    color: #333;
    font-weight: 500;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.9),
                 0 0 15px rgba(255, 255, 255, 0.8),
                 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Breadcrumb separator */
.before-archive-content .woocommerce-breadcrumb .delimiter,
.before-archive-content .breadcrumbs .delimiter {
    color: #999;
    margin: 0 5px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.9),
                 0 0 15px rgba(255, 255, 255, 0.8),
                 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* ========================================================================
   Walmart-Style Product Page Additional Styles
   ======================================================================== */

/* Ensure proper spacing and structure */
.woocommerce div.product {
    margin-bottom: 0;
}

/* Product view container */
.product-view {
    position: relative;
    overflow: visible !important;
}

/* Walmart layout container */
.walmart-style-layout {
    display: flex;
    grid-template-columns: 1fr 1fr 400px;
    gap: 40px;
    margin-bottom: 40px;
    align-items: start;
}

/* Left column - Product Images */
.walmart-left-column {
    position: relative;
}

/* Center column - Product Info */
.walmart-center-column {
    padding-right: 20px;
}

/* Right column - Action Buttons */
.walmart-right-column {
    position: relative;
}

/* Product image container - will be positioned by JavaScript */
.sticky-product-image {
    position: relative;
    z-index: 2;
    transition: none; /* No transition for instant positioning */
}

/* When sticky is active (controlled by JS) */
.sticky-product-image.is-fixed {
    position: fixed;
    top: 20px;
}

/* When reached bottom limit (controlled by JS) */
.sticky-product-image.is-bottom {
    position: absolute;
    /* Top position is set by JavaScript based on scroll position */
}

/* ========================================================================
   Simple Walmart-Style Product Gallery
   ======================================================================== */

/* Main gallery container */
.walmart-product-gallery {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* Thumbnails column - LEFT SIDE */
.walmart-gallery-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 70px;
    flex-shrink: 0;
}

/* Individual thumbnail */
.walmart-thumb {
    width: 70px;
    height: 70px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fff;
}

.walmart-thumb:hover {
    border-color: #999;
}

.walmart-thumb.active {
    border-color: #0071e3;
    box-shadow: 0 0 0 1px #0071e3;
}

.walmart-thumb.hidden-thumb {
    display: none;
}

.walmart-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* More button */
.walmart-more-button {
    width: 70px;
    height: 40px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    transition: all 0.2s ease;
}

.walmart-more-button:hover {
    border-color: #0071e3;
    color: #0071e3;
    background: #f5f8ff;
}

.walmart-more-button.expanded {
    display: none;
}

/* Large image container - RIGHT SIDE */
.walmart-gallery-main {
    flex: 1;
    position: relative;
    background: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
}

/* Individual main images */
.walmart-main-image {
    display: none;
    width: 100%;
}

.walmart-main-image.active {
    display: block;
}

.walmart-main-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Video thumbnail styles */
.walmart-thumb.is-video {
    position: relative;
}

.walmart-thumb .video-thumbnail-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.walmart-thumb .video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.walmart-thumb .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.walmart-thumb .video-play-icon svg {
    margin-left: 2px;
}

.walmart-thumb .video-count-badge {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    padding: 2px 4px;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.walmart-thumb .video-count-badge svg {
    width: 14px;
    height: 14px;
}

/* Main video player styles */
.walmart-video-player {
    width: 100%;
    background: #000;
}

.walmart-video-player video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 600px;
}

/* Embed video player (YouTube) */
.walmart-embed-player {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: #000;
}

.walmart-embed-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Video placeholder for non-YouTube embeds */
.video-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    min-height: 80px;
}

/* Action buttons wrapper styling */
.action-buttons-wrapper {
    position: sticky;
    top: 20px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Zoho form section in right column */
.zoho-form-section {
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
}

.zoho-form-section h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}

/* Product content wrapper */
.product_content {
    overflow: visible !important;
}

.product_content .container {
    overflow: visible !important;
}

/* Main container */
.main-container {
    overflow: visible !important;
}

#content.content {
    overflow: visible !important;
}
/* Product tabs below the main content */
.woocommerce-tabs {
    clear: both;
    margin-top: 80px !important;
    border-top: 2px solid #e5e5e5;
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Related products section */
.related.products {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
    clear: both;
    position: relative;
    z-index: 1;
}

/* After single product summary section */
.woocommerce-after-single-product-summary {
    clear: both;
    margin-top: 80px !important;
    position: relative;
    z-index: 1;
}

/* Prevent layout shift */
.product_content {
    overflow: visible;
}

.product_content .container {
    overflow: visible;
}

/* Ensure images scale properly */
.sticky-product-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Responsive adjustments */
@media only screen and (max-width: 990px) {
    .walmart-style-layout {
        grid-template-columns: 1fr 1fr 350px;
        gap: 30px;
    }
    
    .walmart-gallery-thumbnails {
        width: 60px;
    }
    
    .walmart-thumb {
        width: 60px;
        height: 60px;
    }
    
    .walmart-more-button {
        width: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .before-archive-content {
        padding: 25px 15px 15px;
    }

    .before-archive-content .woocommerce-breadcrumb,
    .before-archive-content .breadcrumbs {
        font-size: 13px;
        gap: 5px;
    }

    .product-header-title {
        padding: 25px 0 25px;
    }

    .product-breadcrumb {
        margin-bottom: 15px;
    }

    .product-breadcrumb .woocommerce-breadcrumb {
        font-size: 13px;
        gap: 5px;
    }

    .product-page-title {
        font-size: 22px;
        padding: 0 15px;
    }
    
    .woocommerce-tabs {
        margin-top: 40px !important;
        padding-top: 30px;
    }
    
    /* Mobile layout - stack vertically */
    .walmart-style-layout {
        grid-template-columns: 1fr;
        gap: 30px;
        min-height: auto;
    }
    
    .walmart-center-column {
        padding-right: 0;
    }
    
    /* Mobile gallery adjustments */
    .walmart-product-gallery {
        flex-direction: column;
    }
    
    .walmart-gallery-thumbnails {
        flex-direction: row;
        width: 100%;
        order: 2;
        justify-content: flex-start;
        margin-top: 15px;
        flex-wrap: wrap;
    }
    
    .walmart-gallery-main {
        order: 1;
    }
    
    .walmart-thumb {
        width: 60px;
        height: 60px;
    }
    
    .walmart-more-button {
        width: 60px;
    }
    
    /* Remove sticky behavior on mobile */
    .sticky-product-image,
    .action-buttons-wrapper {
        position: static;
    }
}