/* Add Css Custom Here */
div.tshirtecommerce-btn-group { 
	display: inline-block; 
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;
    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a { color: white; text-transform: uppercase;}

/* Header Logo Constraint */
header .logo img {
    max-height: 65px !important;
    width: auto !important;
}

/* Header & Dark Navigation Styling */
header#header .header-top {
    background-color: #182029 !important;
    /* border-bottom: 1px solid #232d39 !important; */
}

header#header .header-middle {
    /* background-color: #222933 !important; */
}

header#header .header-bottom {
    /* background-color: #1e252e !important; */
}

/* Gold/Yellow Action Accents (#f1c40f / #ebb100) */
.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper,	
.typeheader-1 .container-megamenu.vertical #menuHeading,
.typeheader-1 .search-header-w .search-header button.btn-search,
.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart {
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
    color: #ffffff !important;
}

.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern {
    color: #ffffff !important;
}

/* Vertical Megamenu Heading Height & Single Line Fix */
.container-megamenu.vertical #menuHeading {
    height: 40px !important;
    max-height: 40px !important;
    overflow: hidden !important;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
    height: 40px !important;
    line-height: 40px !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    padding: 0 28px 0 12px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div {
    float: none !important;
    padding-top: 0 !important;
    margin: 0 8px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

#show-verticalmenu {
    white-space: nowrap !important;
    height: 40px !important;
    line-height: 40px !important;
}

.so-groups-sticky {
    background-color: #f1c40f !important;
}

.so-groups-sticky ul li a {
    color: #ffffff !important;
}

/* Footer Top Bar Gold/Yellow Style (Full Bleed Background with Inset Content) */
footer.typefooter-2 {
    overflow-x: hidden !important;
}

footer.typefooter-2 .footer-top,
footer .footer-top,
.footer-top.row_cd6l {
    background-color: #f1c40f !important;
    color: #ffffff !important;
    padding: 14px 0 !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}

/* Top bar inner container content */
footer.typefooter-2 .footer-top .col_34s0 {
    max-width: 1380px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
}

footer.typefooter-2 .footer-top a.brand-link,
footer .footer-top a.brand-link {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    padding-left: 5px !important;
}

footer.typefooter-2 .footer-top a,
footer .footer-top a {
    color: #ffffff !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

footer.typefooter-2 .footer-top .footer-links,
footer .footer-top .footer-links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

footer.typefooter-2 .footer-top .footer-links li,
footer .footer-top .footer-links li {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

footer.typefooter-2 .footer-top .footer-links li a:hover,
footer .footer-top .footer-links li a:hover {
    color: #1e293b !important;
}

footer.typefooter-2 .footer-top .socials,
footer .footer-top .socials {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 5px 0 0 !important;
    list-style: none !important;
}

footer.typefooter-2 .footer-top .socials li,
footer .footer-top .socials li {
    display: inline-flex !important;
    float: none !important;
    margin: 0 !important;
}

footer.typefooter-2 .footer-top .socials li a,
footer .footer-top .socials li a {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.18) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

footer.typefooter-2 .footer-top .socials li a:hover,
footer .footer-top .socials li a:hover {
    background: #ffffff !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

/* Footer Gold Heading Underline Bars */
footer .modtitle:after,
footer .box-footer .modtitle:after {
    background-color: #f1c40f !important;
}

footer .infos-footer ul,
footer.typefooter-2 .infos-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

footer .infos-footer ul li,
footer.typefooter-2 .infos-footer ul li {
    background: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    color: #4a5568 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}

footer .infos-footer ul li i,
footer.typefooter-2 .infos-footer ul li i {
    font-size: 16px !important;
    color: #f1c40f !important;
    width: 20px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    margin-top: 3px !important;
}

footer .infos-footer ul li a,
footer.typefooter-2 .infos-footer ul li a {
    color: #4a5568 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

footer .infos-footer ul li a:hover,
footer.typefooter-2 .infos-footer ul li a:hover {
    color: #d97706 !important;
}

footer .box-footer .modcontent ul.menu,
footer.typefooter-2 .box-footer .modcontent ul.menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer .box-footer .modcontent ul.menu li,
footer.typefooter-2 .box-footer .modcontent ul.menu li {
    margin-bottom: 9px !important;
    line-height: 1.5 !important;
    list-style: none !important;
}

footer .box-footer .modcontent ul.menu li a,
footer.typefooter-2 .box-footer .modcontent ul.menu li a {
    color: #4a5568 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 2px 0 2px 14px !important;
    transition: all 0.2s ease !important;
}

footer .box-footer .modcontent ul.menu li a:before,
footer.typefooter-2 .box-footer .modcontent ul.menu li a:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background-color: #cbd5e0 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

footer .box-footer .modcontent ul.menu li a:hover,
footer.typefooter-2 .box-footer .modcontent ul.menu li a:hover {
    color: #d97706 !important;
    transform: translateX(4px) !important;
}

footer .box-footer .modcontent ul.menu li a:hover:before,
footer.typefooter-2 .box-footer .modcontent ul.menu li a:hover:before {
    background-color: #f1c40f !important;
    width: 6px !important;
    height: 6px !important;
}

/* Middle Footer Columns Proportions & Full Width Alignment */
footer.typefooter-2 .footer-middle,
footer .footer-middle {
    padding: 35px 0 20px 0 !important;
}

/* Standard Container Alignment for Footer (Matches Site Header & Product Sections with Left/Right Gaps) */
footer.typefooter-2 .so-page-builder,
footer.typefooter-2 .footer-main,
footer.typefooter-2 .footer-bottom {
    width: 100% !important;
}

footer.typefooter-2 .so-page-builder .container,
footer.typefooter-2 .footer-main .container,
footer.typefooter-2 .footer-bottom .container {
    max-width: 1380px !important;
    width: 100% !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

/* Extra breathing room on outermost left and right elements */
footer.typefooter-2 .footer-top .col_d9cx {
    padding-left: 10px !important;
}

footer.typefooter-2 .footer-top .col_d2ob {
    padding-right: 10px !important;
}

/* Remove nested inner container constraints */
footer.typefooter-2 .col_34s0,
footer.typefooter-2 .col_f2b9,
footer.typefooter-2 .col_news {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 992px) {
    footer.typefooter-2 .footer-middle .row_c2c8,
    footer.typefooter-2 .footer-middle .row-style {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    /* Column 1: Contact Info (Left) */
    footer.typefooter-2 .footer-middle .col_4202 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
        width: 30% !important;
        padding-right: 15px !important;
    }

    /* Column 2: Customer Service */
    footer.typefooter-2 .footer-middle .col_bko7 {
        flex: 0 0 18% !important;
        max-width: 18% !important;
        width: 18% !important;
    }

    /* Column 3: Important Information */
    footer.typefooter-2 .footer-middle .col_6urb {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    /* Column 4: Courses & Healing (Right) */
    footer.typefooter-2 .footer-middle .col_3d8g {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }
}

/* Ensure text flows naturally without truncation */
footer.typefooter-2 .box-footer .modcontent ul.menu li a,
footer.typefooter-2 .infos-footer ul li a,
footer.typefooter-2 .infos-footer ul li span {
    white-space: normal !important;
    word-break: normal !important;
}

/* Newsletter Section */
footer.typefooter-2 .newsletter-footer1,
footer .newsletter-footer1 {
    border-top: 1px solid #edf2f7 !important;
    padding: 25px 0 15px 0 !important;
    margin-top: 20px !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .title-block,
footer .newsletter-footer1 .newsletter .title-block {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-left: 65px !important;
    margin-top: 0 !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .title-block:before,
footer .newsletter-footer1 .newsletter .title-block:before {
    color: #f1c40f !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .title-block .page-heading,
footer .newsletter-footer1 .newsletter .title-block .page-heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    line-height: 1.3 !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .title-block .promotext,
footer .newsletter-footer1 .newsletter .title-block .promotext {
    font-size: 13px !important;
    color: #718096 !important;
    margin-top: 4px !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup,
footer .newsletter-footer1 .newsletter .block_content form.signup {
    margin-top: 0 !important;
    padding-left: 20px !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .form-group .input-box,
footer .newsletter-footer1 .newsletter .block_content form.signup .form-group .input-box {
    border-radius: 25px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    padding-right: 130px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .form-group #txtemail-footer,
footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .form-group input[type="email"],
footer .newsletter-footer1 .newsletter .block_content form.signup .form-group input[type="email"] {
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 20px !important;
    font-size: 13.5px !important;
    border: none !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
    color: #2d3748 !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .subcribe,
footer .newsletter-footer1 .newsletter .block_content form.signup .subcribe {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 100% !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button,
footer .newsletter-footer1 .newsletter .block_content form.signup .subcribe button {
    background-color: #f1c40f !important;
    border: none !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 24px !important;
    border-radius: 0 25px 25px 0 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button:hover,
footer .newsletter-footer1 .newsletter .block_content form.signup .subcribe button:hover {
    background-color: #d4ac0d !important;
    color: #000000 !important;
}

/* Footer Bottom Bar & Payment Icons */
footer.typefooter-2 .footer-bottom,
footer .footer-bottom {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 16px 0 !important;
}

footer.typefooter-2 .footer-bottom .copyright,
footer .footer-bottom .copyright {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 28px !important;
}

footer.typefooter-2 .footer-bottom .payment-w,
footer .footer-bottom .payment-w {
    text-align: right !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

footer.typefooter-2 .footer-bottom .payment-w img,
footer .footer-bottom .payment-w img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 30px !important;
    display: inline-block !important;
    object-fit: contain !important;
}

/* Hide Empty Alert Boxes in Sidebar Modules */
.so-latest-blog .alert-danger,
.blog-sidebar .alert-danger {
    display: none !important;
}

/* Home Slider Alignment */
.sohomepage-slider {
    margin-bottom: 25px !important;
    text-align: center !important;
}

.sohomepage-slider img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 4px !important;
}

/* Style for Product Page Tags */
#tab-tags {
    margin-top: 20px;
    margin-bottom: 20px;
}

#tab-tags a.btn-sm {
    background-color: #fff5f0 !important;
    color: #fe5722 !important;
    border: 1px solid #fe5722 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    margin: 4px 6px !important;
    display: inline-block !important;
    text-transform: capitalize !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

#tab-tags a.btn-sm:hover {
    background-color: #fe5722 !important;
    color: #ffffff !important;
    border-color: #fe5722 !important;
    box-shadow: 0 4px 10px rgba(254, 87, 34, 0.25) !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

@media (min-width: 992px) {
	.typeheader-1 .container-megamenu.vertical .vertical-wrapper,
	.common-home .typeheader-1 .container-megamenu.vertical .vertical-wrapper {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 9999;
		background: #ffffff;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	}

	.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper,
	.typeheader-1 .container-megamenu.vertical.is-hovered .vertical-wrapper {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* Invisible hover bridge between heading and menu list */
	.typeheader-1 .container-megamenu.vertical .vertical-wrapper::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 0;
		right: 0;
		height: 12px;
		background: transparent;
	}

	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after {
		display: none;
	}

	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper {
		visibility: hidden !important;
		opacity: 0 !important;
		display: none !important;
	}

	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical.is-hovered .vertical-wrapper {
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
		top: 40px;
	}
}

/* Remove default theme pseudo elements causing ghost spacing */
.container-megamenu.vertical ul.megamenu > li.click:before,
.container-megamenu.vertical ul.megamenu > li.hover:before {
	display: none !important;
	content: none !important;
}

/* 1. Main Vertical Menu Wrapper Container */
.container-megamenu.vertical .vertical-wrapper {
	width: 100% !important;
	min-width: 220px !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
	border: 1px solid #e2e8f0 !important;
	border-top: none !important;
	padding: 4px 0 !important;
	background: #ffffff !important;
}

/* 2. Vertical Menu Items & Links */
.container-megamenu.vertical ul.megamenu > li.item-vertical {
	border-bottom: 1px solid #f7fafc !important;
	margin: 0 !important;
	position: relative !important;
	padding: 0 !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical:last-child {
	border-bottom: none !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical > a {
	padding: 9px 12px !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #2d3748 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	line-height: 1.3 !important;
	transition: all 0.2s ease !important;
	background: transparent !important;
	margin: 0 !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical > a span,
.container-megamenu.vertical ul.megamenu > li.item-vertical > a span strong {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-weight: 500 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical > a i.fa,
.container-megamenu.vertical ul.megamenu > li.item-vertical > a img {
	color: #ff5722 !important;
	font-size: 15px !important;
	width: 20px !important;
	min-width: 20px !important;
	text-align: center !important;
	margin: 0 !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical > a b.fa,
.container-megamenu.vertical ul.megamenu > li.item-vertical > a b.caret {
	margin-left: auto !important;
	font-size: 12px !important;
	color: #a0aec0 !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Item Hover & Active State */
.container-megamenu.vertical ul.megamenu > li.item-vertical:hover > a,
.container-megamenu.vertical ul.megamenu > li.item-vertical.active > a {
	background-color: #fff5f2 !important;
	color: #ff5722 !important;
}

.container-megamenu.vertical ul.megamenu > li.item-vertical:hover > a b.fa,
.container-megamenu.vertical ul.megamenu > li.item-vertical:hover > a b.caret {
	color: #ff5722 !important;
	transform: translateX(4px) !important;
}

/* 3. Flyout Submenu Panel (Right Side) */
.container-megamenu.vertical ul.megamenu > li > .sub-menu {
	left: 100% !important;
	top: 0 !important;
	min-width: 500px !important;
	width: max-content !important;
	max-width: 650px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 0 10px 10px 10px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
	padding: 0 !important;
	z-index: 10000 !important;
}

.container-megamenu.vertical ul.megamenu > li > .sub-menu > .content {
	padding: 20px 24px !important;
}

/* Grid & Column Layout in Submenu */
.container-megamenu.vertical ul.megamenu .sub-menu .content .row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-left: -12px !important;
	margin-right: -12px !important;
	gap: 16px 0 !important;
}

.container-megamenu.vertical ul.megamenu .sub-menu .content [class*="col-"] {
	padding-left: 12px !important;
	padding-right: 12px !important;
	min-width: 200px !important;
}

/* Submenu Headers / Titles */
.container-megamenu.vertical ul.megamenu .sub-menu .content .title-submenu,
.container-megamenu.vertical ul.megamenu .sub-menu .content h3,
.container-megamenu.vertical ul.megamenu .sub-menu .content h4,
.container-megamenu.vertical ul.megamenu .sub-menu .content .static-menu .menu > ul > li > a.main-menu {
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: #1a202c !important;
	margin-bottom: 10px !important;
	padding-bottom: 5px !important;
	border-bottom: 2px solid #ff5722 !important;
	display: inline-block !important;
	text-transform: capitalize !important;
	letter-spacing: 0.3px !important;
}

/* Submenu Links & List Items */
.container-megamenu.vertical ul.megamenu .sub-menu .content ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.container-megamenu.vertical ul.megamenu .sub-menu .content ul li {
	margin-bottom: 6px !important;
	line-height: 1.5 !important;
}

.container-megamenu.vertical ul.megamenu .sub-menu .content a {
	color: #4a5568 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	display: inline-block !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	padding: 2px 0 !important;
}

.container-megamenu.vertical ul.megamenu .sub-menu .content a:hover {
	color: #ff5722 !important;
	transform: translateX(4px) !important;
}

/* Contact Info Clickable Links Styling */
.contact-info-list a.contact-link {
	color: #bfbfbf !important;
	text-decoration: underline !important;
	transition: color 0.2s ease !important;
}
.contact-info-list a.contact-link:hover {
	color: #ff5722 !important;
}

/* Global Container Width Fix for Widescreen Displays */
@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-xl,
	.container-xxl {
		max-width: 1400px !important;
		width: 100% !important;
	}
}

/* =======================================================
   Header 1 Full Redesign & Horizontal Navigation Menu (DESKTOP: >= 992px)
   ======================================================= */
@media (min-width: 992px) {
header#header.typeheader-1 {
	background-color: #182029 !important;
}

/* 1. Header Top Tier (Utilities Bar - Single Clean Line) */
header#header.typeheader-1 {
	background-color: #000000 !important;
}

header#header.typeheader-1 .header-top {
	background-color: #11161d !important;
	border-bottom: none !important;
	margin: 0 !important;
	padding: 7px 0 !important;
	font-size: 12px !important;
	color: #a0aec0 !important;
	position: relative !important;
	z-index: 3000 !important;
}

header#header.typeheader-1 .header-top .welcome-msg {
	color: #cbd5e0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 28px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	margin: 0 !important;
}

header#header.typeheader-1 .header-top .welcome-msg b {
	color: #ffffff !important;
}

header#header.typeheader-1 .header-top .top-utilities {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 16px !important;
	flex-wrap: nowrap !important;
	position: relative !important;
	z-index: 3002 !important;
}

header#header.typeheader-1 .header-top .telephone {
	margin: 0 !important;
	white-space: nowrap !important;
}

header#header.typeheader-1 .header-top .telephone ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

header#header.typeheader-1 .header-top .telephone ul li {
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
}

header#header.typeheader-1 .header-top .telephone ul li:after {
	display: none !important;
}

header#header.typeheader-1 .header-top .telephone ul li a {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

header#header.typeheader-1 .header-top .telephone ul li a:hover {
	color: #f1c40f !important;
}

header#header.typeheader-1 .header-top .telephone ul li a i {
	color: #f1c40f !important;
	font-size: 13px !important;
}

header#header.typeheader-1 .header-top .signin-w {
	margin: 0 !important;
	white-space: nowrap !important;
}

header#header.typeheader-1 .header-top .signin-w ul.signin-link {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	color: #94a3b8 !important;
	font-size: 12px !important;
}

header#header.typeheader-1 .header-top .signin-w ul.signin-link li a {
	color: #ffffff !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

header#header.typeheader-1 .header-top .signin-w ul.signin-link li a:hover {
	color: #f1c40f !important;
}

header#header.typeheader-1 .header-top .signin-w ul.signin-link li i {
	color: #f1c40f !important;
	margin-right: 3px !important;
}

/* Currency & Language Selectors and Floating Dropdowns */
header#header.typeheader-1 .header-top .top-link.lang-curr {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	white-space: nowrap !important;
	position: relative !important;
	z-index: 3005 !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr li {
	color: #cbd5e0 !important;
	font-size: 12px !important;
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	position: relative !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr li .btn-group {
	position: relative !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr li .btn-link {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 2px 4px !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr li .btn-link:hover {
	color: #f1c40f !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr li .btn-link i.fa-caret-down {
	font-size: 11px !important;
	color: #f1c40f !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr .dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: auto !important;
	z-index: 9999999 !important;
	background: #ffffff !important;
	border-radius: 6px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
	border: 1px solid #e2e8f0 !important;
	padding: 6px 0 !important;
	min-width: 175px !important;
	margin-top: 5px !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr .dropdown-menu li {
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	width: 100% !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr .dropdown-menu li a.dropdown-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 16px !important;
	font-size: 12.5px !important;
	color: #1e293b !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
	white-space: nowrap !important;
	background: #ffffff !important;
	border: none !important;
	width: 100% !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr .dropdown-menu li a.dropdown-item:hover {
	background-color: #f1c40f !important;
	color: #000000 !important;
	font-weight: 600 !important;
}

header#header.typeheader-1 .header-top .top-link.lang-curr .dropdown-menu li a.dropdown-item img {
	width: 16px !important;
	height: auto !important;
	border-radius: 2px !important;
	display: inline-block !important;
}

/* Shopping Cart Dropdown Box Styling */
header#header.typeheader-1 .header-top .shopping_cart {
	margin: 0 !important;
	float: none !important;
	position: relative !important;
	z-index: 3010 !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart {
	position: relative !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart {
	background-color: #f1c40f !important;
	border-radius: 18px !important;
	padding: 5px 14px !important;
	color: #000000 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	border: none !important;
	transition: background-color 0.2s ease !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart:hover {
	background-color: #d4ac0d !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart .icon-c i {
	font-size: 14px !important;
	color: #000000 !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 12px !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner p.text-shopping-cart {
	margin: 0 !important;
	font-weight: 700 !important;
	color: #000000 !important;
	display: inline-block !important;
}

header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner span.total-shopping-cart {
	font-weight: 600 !important;
	color: #000000 !important;
	display: inline-block !important;
}

/* Floating Cart Dropdown Menu */
header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: auto !important;
	z-index: 9999999 !important;
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
	border: 1px solid #e2e8f0 !important;
	min-width: 380px !important;
	max-width: 440px !important;
	margin-top: 6px !important;
	padding: 14px !important;
	overflow: hidden !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box li.content-item {
	max-height: 280px !important;
	overflow-y: auto !important;
	margin-bottom: 12px !important;
	padding: 0 !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 8px !important;
	background: transparent !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table tr {
	background: #f8fafc !important;
	border-radius: 6px !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td {
	padding: 8px 8px !important;
	vertical-align: middle !important;
	border: none !important;
	font-size: 12px !important;
	color: #334155 !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td.size-img-cart img {
	width: 48px !important;
	height: 48px !important;
	object-fit: cover !important;
	border-radius: 4px !important;
	border: 1px solid #e2e8f0 !important;
	display: block !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td.col-product-name a {
	color: #1e293b !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td.col-product-name a:hover {
	color: #d97706 !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td.col-quantity-cart {
	font-weight: 600 !important;
	color: #64748b !important;
	white-space: nowrap !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td.text-right {
	font-weight: 700 !important;
	color: #d97706 !important;
	white-space: nowrap !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td .btn-danger {
	background: transparent !important;
	border: none !important;
	color: #94a3b8 !important;
	padding: 4px 6px !important;
	font-size: 14px !important;
	cursor: pointer !important;
	transition: color 0.15s ease !important;
	box-shadow: none !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box table.table td .btn-danger:hover {
	color: #ef4444 !important;
}

/* Cart Checkout / View Cart Buttons */
header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box .checkout {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding-top: 10px !important;
	border-top: 1px solid #e2e8f0 !important;
	background: transparent !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box .checkout a.btn-view-cart {
	flex: 1 !important;
	background-color: #334155 !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	padding: 9px 14px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-align: center !important;
	text-decoration: none !important;
	border: none !important;
	transition: background-color 0.2s ease !important;
	box-shadow: none !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box .checkout a.btn-view-cart:hover {
	background-color: #1e293b !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box .checkout a.btn-checkout {
	flex: 1 !important;
	background-color: #f1c40f !important;
	color: #000000 !important;
	border-radius: 6px !important;
	padding: 9px 14px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
	border: none !important;
	transition: background-color 0.2s ease !important;
	box-shadow: none !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box .checkout a.btn-checkout:hover {
	background-color: #d4ac0d !important;
}

header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box p.empty {
	margin: 12px 0 !important;
	color: #64748b !important;
	font-size: 13px !important;
}

/* 2. Header Middle Tier (High-Res Cosmic Sunset Banner Artwork - Zero Gap & Highest Z-Index) */
header#header.typeheader-1 .header-middle {
	background: #d35400 url('../../../../../../image/catalog/header_banner_mce.jpg') no-repeat center center !important;
	background-size: cover !important;
	height: 200px !important;
	min-height: 200px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	position: relative !important;
	z-index: 2000 !important;
	display: flex !important;
	align-items: center !important;
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.25);
}

header#header.typeheader-1 .header-middle-container {
	height: 100% !important;
	position: relative !important;
	z-index: 2002 !important;
}

header#header.typeheader-1 .header-middle-container .row {
	height: 50% !important;
	position: relative !important;
	z-index: 2003 !important;
}

header#header.typeheader-1 .navbar-logo {
	display: flex;
	align-items: center;
}

header#header.typeheader-1 .navbar-logo .logo {
	background: rgba(255, 255, 255, 0.94);
	padding: 8px 14px;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	display: inline-block;
	transition: transform 0.2s ease;
}

header#header.typeheader-1 .navbar-logo .logo:hover {
	transform: scale(1.02);
}

header#header.typeheader-1 .logo img {
	max-height: 56px !important;
	width: auto !important;
	display: block;
}

header#header.typeheader-1 .middle-search {
	display: flex;
	align-items: center;
	position: relative !important;
	z-index: 2005 !important;
}

header#header.typeheader-1 .middle-search .search-header-w {
	width: 100% !important;
	position: relative !important;
	z-index: 2006 !important;
}

header#header.typeheader-1 #sosearchpro {
	position: relative !important;
	z-index: 2008 !important;
}

/* Search Bar (Smooth Click, Visible Dropdown & Seamless Gold Button Cap - No White Corners) */
header#header.typeheader-1 #sosearchpro .search {
	position: relative !important;
	z-index: 2010 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	border-radius: 25px !important;
	overflow: visible !important;
	background: transparent !important;
	border: none !important;
	height: 42px !important;
	filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35)) !important;
	box-shadow: none !important;
}

header#header.typeheader-1 #sosearchpro .search .select_category {
	position: relative !important;
	flex: 0 0 135px !important;
	width: 135px !important;
	min-width: 135px !important;
	background: #f8fafc !important;
	border-radius: 25px 0 0 25px !important;
	border: none !important;
	border-right: 1px solid #e2e8f0 !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 42px !important;
	display: block !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container-single .chosen-single {
	background: #f8fafc !important;
	border: none !important;
	border-radius: 25px 0 0 25px !important;
	height: 42px !important;
	line-height: 42px !important;
	box-shadow: none !important;
	padding: 0 16px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	font-size: 13px !important;
	display: flex !important;
	align-items: center !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container .chosen-drop {
	width: auto !important;
	min-width: 300px !important;
	max-width: 400px !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
	border: 1px solid #e2e8f0 !important;
	margin-top: 4px !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	padding: 6px 0 !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container .chosen-search {
	display: none !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container .chosen-results {
	max-height: 320px !important;
	margin: 0 !important;
	padding: 4px 0 !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container .chosen-results li {
	padding: 9px 18px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #334155 !important;
	white-space: nowrap !important;
	transition: all 0.15s ease !important;
}

header#header.typeheader-1 #sosearchpro .chosen-container .chosen-results li.highlighted {
	background-color: #f1c40f !important;
	background-image: none !important;
	color: #000000 !important;
	font-weight: 600 !important;
}

header#header.typeheader-1 #sosearchpro .search input.autosearch-input {
	position: relative !important;
	flex: 1 1 auto !important;
	width: auto !important;
	border: none !important;
	height: 42px !important;
	line-height: 42px !important;
	padding: 0 16px !important;
	font-size: 13.5px !important;
	color: #1e293b !important;
	background: #ffffff !important;
	outline: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

header#header.typeheader-1 #sosearchpro .search .input-group-btn {
	position: relative !important;
	flex: 0 0 52px !important;
	width: 52px !important;
	min-width: 52px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	height: 42px !important;
	background: transparent !important;
	border: none !important;
}

header#header.typeheader-1 #sosearchpro .search button.button-search,
header#header.typeheader-1 #sosearchpro .search button.btn-search {
	position: static !important;
	background-color: #f1c40f !important;
	border: none !important;
	border-radius: 0 25px 25px 0 !important;
	color: #ffffff !important;
	width: 100% !important;
	height: 100% !important;
	font-size: 15px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background-color 0.2s ease !important;
	margin: 0 !important;
	padding: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

header#header.typeheader-1 #sosearchpro .search button.button-search:hover,
header#header.typeheader-1 #sosearchpro .search button.btn-search:hover {
	background-color: #d4ac0d !important;
}

/* Autocomplete Dropdown - Floats Cleanly Over Everything */
header#header.typeheader-1 #sosearchpro ul.dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
	border: 1px solid #e2e8f0 !important;
	min-width: 440px !important;
	max-width: 580px !important;
	margin-top: 6px !important;
	padding: 6px 0 !important;
	max-height: 420px !important;
	overflow-y: auto !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 16px !important;
	margin: 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	background: #ffffff !important;
	transition: background-color 0.15s ease !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media:hover {
	background-color: #f8fafc !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .media-left {
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .media-left img {
	width: 48px !important;
	height: 48px !important;
	object-fit: cover !important;
	border-radius: 4px !important;
	border: 1px solid #e2e8f0 !important;
	display: block !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .media-body {
	flex: 1 !important;
	margin: 0 !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .media-body a {
	display: block !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	margin-bottom: 3px !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .media-body a:hover {
	color: #d97706 !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .box-price {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #d97706 !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .box-price .price-new {
	color: #e11d48 !important;
	margin-right: 6px !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.media .box-price .price-old {
	color: #94a3b8 !important;
	text-decoration: line-through !important;
	font-weight: 400 !important;
}

header#header.typeheader-1 #sosearchpro ul.dropdown-menu li.clearfix {
	display: none !important;
}

/* 4. Homepage Content Alignment (Latest Products Starts Immediately Below Nav) */
body.common-home #content {
	margin-top: 25px !important;
	padding-top: 0 !important;
}

body.common-home .content-main-w {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.common-home .main-left,
body.common-home .main-right {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.common-home .main-left .module:first-child,
body.common-home .main-left .so-extraslider:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* 3. Header Bottom Tier (Dedicated 100% Full-Width Black Navigation Bar - Zero Gap & Lower Z-Index) */
header#header.typeheader-1 .header-bottom {
	background-color: #000000 !important;
	border-top: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 100 !important;
}

header#header.typeheader-1 .header-bottom .container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* =======================================================
   DESKTOP: Horizontal Megamenu
   ======================================================= */
	header#header.typeheader-1 .container-megamenu.horizontal {
		background-color: #000000 !important;
		border-radius: 0 !important;
		width: 100% !important;
		position: relative !important;
		z-index: 100 !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal .megamenu-wrapper {
		background-color: transparent !important;
		border-radius: 0 !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu {
		display: flex !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
		background: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li {
		float: left !important;
		position: relative !important;
	}

	/* Home Icon Tab */
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.home > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 13px 20px !important;
		color: #ffffff !important;
		font-size: 15px !important;
		background-color: #000000 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
		border-radius: 0 !important;
		transition: all 0.2s ease !important;
		height: 100% !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.home:hover > a,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.home.active > a {
		background-color: #b76383 !important;
		color: #ffffff !important;
	}

	/* Top-Level Menu Category Tabs */
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li > a {
		display: flex !important;
		align-items: center !important;
		padding: 13px 14px !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.4px !important;
		color: #ffffff !important;
		line-height: normal !important;
		transition: background-color 0.2s ease, color 0.2s ease !important;
		white-space: nowrap !important;
		background: transparent !important;
		height: 100% !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li > a strong {
		font-weight: 700 !important;
		font-size: 12px !important;
		text-transform: uppercase !important;
		color: #ffffff !important;
		letter-spacing: 0.4px !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li > a .caret {
		display: none !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li:hover > a,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active > a,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active_menu > a,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.sub-active > a {
		background-color: #b76383 !important;
		color: #ffffff !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li:hover > a strong,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active > a strong,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active_menu > a strong,
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li.sub-active > a strong {
		color: #ffffff !important;
	}

	/* Horizontal Submenu Dropdown Container */
	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu {
		border-radius: 0 0 6px 6px !important;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
		border: 1px solid rgba(0, 0, 0, 0.08) !important;
		padding: 0 !important;
		background: #ffffff !important;
		top: 100% !important;
		left: 0 !important;
		min-width: 320px !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content {
		padding: 6px 0 !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li {
		padding: 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid #f0f0f0 !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li:last-child {
		border-bottom: none !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li a.main-menu {
		display: block !important;
		padding: 10px 20px !important;
		font-size: 13.5px !important;
		font-weight: 500 !important;
		color: #2d3748 !important;
		text-transform: none !important;
		transition: all 0.2s ease !important;
		line-height: 1.4 !important;
		background: transparent !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li a.main-menu:hover {
		background-color: #fbf4f7 !important;
		color: #b76383 !important;
		padding-left: 26px !important;
		font-weight: 600 !important;
	}
}

/* =======================================================
   MOBILE & TABLET RESPONSIVE STYLING (Max-width: 991px)
   ======================================================= */

/* 1. Global Viewport & Hygiene */
html, body {
	overflow-x: hidden !important;
	max-width: 100vw !important;
}

#wrapper {
	overflow-x: hidden !important;
	max-width: 100vw !important;
}

@media (max-width: 991px) {
	/* 2. Header Top Utilities & Announcement */
	header#header.typeheader-1 {
		background-color: #0b0f15 !important;
	}

	header#header.typeheader-1 .header-top {
		background-color: #0b0f15 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .header-top .container {
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	header#header.typeheader-1 .header-top .row {
		margin: 0 !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .header-top .header-top-left {
		background-color: #141a24 !important;
		padding: 6px 12px !important;
		text-align: center !important;
		width: 100% !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	}

	header#header.typeheader-1 .header-top .welcome-msg {
		font-size: 11px !important;
		font-weight: 600 !important;
		color: #f1c40f !important;
		margin: 0 !important;
		line-height: 1.35 !important;
		text-align: center !important;
	}

	header#header.typeheader-1 .header-top .welcome-msg a {
		color: #f1c40f !important;
		text-decoration: none !important;
	}

	header#header.typeheader-1 .header-top .header-top-right {
		padding: 6px 12px !important;
		width: 100% !important;
		background-color: #0b0f15 !important;
	}

	header#header.typeheader-1 .header-top .top-utilities {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 6px !important;
		width: 100% !important;
		flex-wrap: nowrap !important;
		position: static !important;
	}

	header#header.typeheader-1 .header-top .telephone {
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 auto !important;
	}

	header#header.typeheader-1 .header-top .telephone ul {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	header#header.typeheader-1 .header-top .telephone ul li a {
		font-size: 11px !important;
		color: #ffffff !important;
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		font-weight: 500 !important;
	}

	header#header.typeheader-1 .header-top .telephone ul li a i {
		color: #f1c40f !important;
		font-size: 12px !important;
	}

	header#header.typeheader-1 .header-top .signin-w {
		margin: 0 !important;
		flex: 0 0 auto !important;
	}

	header#header.typeheader-1 .header-top .signin-w ul.signin-link {
		display: flex !important;
		align-items: center !important;
		gap: 3px !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		font-size: 11px !important;
		white-space: nowrap !important;
	}

	header#header.typeheader-1 .header-top .signin-w ul.signin-link li {
		color: #94a3b8 !important;
		font-size: 11px !important;
	}

	header#header.typeheader-1 .header-top .signin-w ul.signin-link li a {
		color: #ffffff !important;
		font-size: 11px !important;
		text-decoration: none !important;
		font-weight: 500 !important;
	}

	header#header.typeheader-1 .header-top .signin-w ul.signin-link li i {
		color: #f1c40f !important;
		margin-right: 2px !important;
	}

	header#header.typeheader-1 .header-top .top-link.lang-curr {
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		flex: 0 0 auto !important;
	}

	header#header.typeheader-1 .header-top .top-link.lang-curr li .btn-link {
		font-size: 10.5px !important;
		color: #ffffff !important;
		padding: 2px 4px !important;
		background: rgba(255, 255, 255, 0.1) !important;
		border-radius: 4px !important;
		text-decoration: none !important;
		border: none !important;
	}

	/* Compact Rounded Pill Cart Button on Mobile */
	header#header.typeheader-1 .header-top .shopping_cart {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 auto !important;
		height: auto !important;
		width: auto !important;
		float: none !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart {
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		padding: 4px 10px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		border-radius: 16px !important;
		background: #f1c40f !important;
		color: #000000 !important;
		text-decoration: none !important;
		height: 28px !important;
		line-height: 28px !important;
		box-sizing: border-box !important;
		border: none !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart i {
		color: #000000 !important;
		font-size: 12px !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner p.text-shopping-cart {
		display: none !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart {
		display: inline-block !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		color: #000000 !important;
	}

	header#header.typeheader-1 .header-top .shopping_cart .dropdown-menu.shoppingcart-box {
		width: calc(100vw - 20px) !important;
		min-width: 0 !important;
		max-width: calc(100vw - 20px) !important;
		right: -10px !important;
	}

	/* 3. Header Middle Sunset Banner Artwork, Centered Logo & Fully Enclosed Search Bar */
	header#header.typeheader-1 .header-middle {
		background: #d35400 url('../../../../../../image/catalog/header_banner_mce.jpg') no-repeat center center !important;
		background-size: cover !important;
		height: auto !important;
		min-height: 220px !important;
		padding: 22px 16px 28px 16px !important;
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.45) !important;
		margin: 0 !important;
		border: none !important;
		overflow: visible !important;
	}

	header#header.typeheader-1 .header-middle-container {
		height: auto !important;
		padding: 0 10px !important;
		width: 100% !important;
		max-width: 520px !important;
		margin: 0 auto !important;
		position: static !important;
	}

	header#header.typeheader-1 .header-middle-container .row {
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 16px !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		position: static !important;
	}

	header#header.typeheader-1 .navbar-logo {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
		position: static !important;
	}

	header#header.typeheader-1 .navbar-logo .logo {
		background: #ffffff !important;
		padding: 6px 18px !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
		display: inline-block !important;
		margin: 0 auto !important;
		text-align: center !important;
	}

	header#header.typeheader-1 .logo img {
		max-height: 44px !important;
		width: auto !important;
		display: block !important;
		margin: 0 auto !important;
	}

	header#header.typeheader-1 .middle-search {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		position: static !important;
		display: block !important;
	}

	header#header.typeheader-1 .middle-search .search-header-w {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		float: none !important;
		top: auto !important;
		left: auto !important;
	}

	header#header.typeheader-1 #sosearchpro {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		float: none !important;
		display: block !important;
	}

	header#header.typeheader-1 #sosearchpro .search {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		border-radius: 25px !important;
		background: #ffffff !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
		overflow: hidden !important;
		border: none !important;
		margin: 0 auto !important;
		padding: 0 !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		float: none !important;
	}

	header#header.typeheader-1 #sosearchpro .search .select_category {
		display: none !important;
	}

	header#header.typeheader-1 #sosearchpro .search input.autosearch-input {
		flex: 1 1 auto !important;
		width: calc(100% - 48px) !important;
		height: 42px !important;
		line-height: 42px !important;
		border: none !important;
		background: #ffffff !important;
		padding: 0 16px !important;
		font-size: 13.5px !important;
		color: #1e293b !important;
		outline: none !important;
		box-shadow: none !important;
		border-radius: 25px 0 0 25px !important;
		margin: 0 !important;
		position: static !important;
	}

	header#header.typeheader-1 #sosearchpro .search .input-group-btn {
		flex: 0 0 48px !important;
		width: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		height: 42px !important;
		padding: 0 !important;
		margin: 0 !important;
		position: static !important;
		top: auto !important;
		right: auto !important;
	}

	header#header.typeheader-1 #sosearchpro .search button.button-search,
	header#header.typeheader-1 #sosearchpro .search button.btn-search {
		width: 48px !important;
		height: 42px !important;
		line-height: 42px !important;
		background-color: #f1c40f !important;
		color: #000000 !important;
		border: none !important;
		font-size: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 0 25px 25px 0 !important;
		cursor: pointer !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
	}

	header#header.typeheader-1 #sosearchpro .search button i {
		color: #000000 !important;
		font-size: 16px !important;
		display: inline-block !important;
	}

	header#header.typeheader-1 #sosearchpro ul.dropdown-menu {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
	}

	.icon-search {
		display: none !important;
	}

	/* 4. Mobile Megamenu Navigation Bar & Sliding Offcanvas Drawer */
	header#header.typeheader-1 .header-bottom {
		background-color: #0e131b !important;
		padding: 0 !important;
		border-top: none !important;
		border-bottom: 2px solid #f1c40f !important;
		margin: 0 !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .header-bottom .container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	header#header.typeheader-1 .header-bottom .row {
		margin: 0 !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .header-bottom .main-menu {
		padding: 0 !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .container-megamenu.horizontal {
		background: transparent !important;
		width: 100% !important;
		margin: 0 !important;
	}

	header#header.typeheader-1 .navbar-header {
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	header#header.typeheader-1 .navbar-header .navbar-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		height: 48px !important;
		margin: 0 !important;
		padding: 0 18px !important;
		background: #0e131b !important;
		border: none !important;
		border-radius: 0 !important;
		color: #ffffff !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.6px !important;
		text-transform: uppercase !important;
		cursor: pointer !important;
		transition: background 0.2s ease !important;
	}

	header#header.typeheader-1 .navbar-header .navbar-toggle:hover,
	header#header.typeheader-1 .navbar-header .navbar-toggle:focus {
		background: #151d28 !important;
	}

	header#header.typeheader-1 .navbar-header .navbar-toggle .menu-bar-icon {
		color: #f1c40f !important;
		font-size: 18px !important;
	}

	header#header.typeheader-1 .navbar-header .navbar-toggle .navbar-toggle-text {
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		letter-spacing: 0.6px !important;
		margin: 0 auto 0 12px !important;
	}

	header#header.typeheader-1 .navbar-header .navbar-toggle .menu-arrow-icon {
		color: #f1c40f !important;
		font-size: 12px !important;
	}

	/* Sliding Offcanvas Drawer */
	.container-megamenu.horizontal .megamenu-wrapper {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		width: 310px !important;
		max-width: 86vw !important;
		background: #ffffff !important;
		z-index: 9999999 !important;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.6) !important;
		transform: translate3d(-100%, 0, 0) !important;
		-webkit-transform: translate3d(-100%, 0, 0) !important;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 0 !important;
		display: block !important;
		visibility: hidden !important;
	}

	.container-megamenu.horizontal .megamenu-wrapper.so-megamenu-active {
		transform: translate3d(0, 0, 0) !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		visibility: visible !important;
	}

	.container-megamenu.horizontal #remove-megamenu {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 14px 18px !important;
		background: #11161d !important;
		color: #f1c40f !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
		margin: 0 !important;
		border-bottom: 2px solid #f1c40f !important;
	}

	.container-megamenu.horizontal #remove-megamenu:before {
		content: "CATEGORIES & MENU" !important;
		font-size: 13px !important;
		letter-spacing: 0.5px !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		font-family: inherit !important;
	}

	.container-megamenu.horizontal ul.megamenu {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		background: #ffffff !important;
	}

	.container-megamenu.horizontal ul.megamenu > li {
		display: block !important;
		float: none !important;
		width: 100% !important;
		border-bottom: 1px solid #f1f5f9 !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}

	.container-megamenu.horizontal ul.megamenu > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 13px 18px !important;
		color: #1e293b !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		text-transform: capitalize !important;
		background: #ffffff !important;
		text-decoration: none !important;
		transition: background-color 0.15s ease, color 0.15s ease !important;
		height: auto !important;
	}

	.container-megamenu.horizontal ul.megamenu > li > a strong {
		color: #1e293b !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		text-transform: capitalize !important;
		letter-spacing: 0 !important;
	}

	.container-megamenu.horizontal ul.megamenu > li:hover > a,
	.container-megamenu.horizontal ul.megamenu > li.active > a {
		background-color: #fef3c7 !important;
		color: #b45309 !important;
	}

	.container-megamenu.horizontal ul.megamenu > li:hover > a strong,
	.container-megamenu.horizontal ul.megamenu > li.active > a strong {
		color: #b45309 !important;
	}

	.container-megamenu.horizontal ul.megamenu > li.home > a {
		background-color: #f8fafc !important;
		color: #1e293b !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		border-right: none !important;
		font-size: 14px !important;
		padding: 13px 18px !important;
	}

	.container-megamenu.horizontal ul.megamenu > li .sub-menu {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		box-shadow: none !important;
		border: none !important;
		background: #f8fafc !important;
		padding: 0 !important;
		border-top: 1px solid #e2e8f0 !important;
	}

	.container-megamenu.horizontal ul.megamenu > li .sub-menu .content {
		padding: 4px 0 !important;
	}

	.container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li a.main-menu {
		padding: 10px 18px 10px 32px !important;
		font-size: 13px !important;
		color: #475569 !important;
		background: transparent !important;
	}

	.container-megamenu.horizontal ul.megamenu > li .sub-menu .content .hover-menu .menu ul li a.main-menu:hover {
		background: #f1f5f9 !important;
		color: #d97706 !important;
	}

	/* 5. Homepage Content Order & Layout */
	.content-main-w > .row {
		display: flex !important;
		flex-direction: column !important;
	}

	.content-main-w .main-right {
		order: 1 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}

	.content-main-w .main-left {
		order: 2 !important;
		width: 100% !important;
		margin-top: 10px !important;
	}

	.so-homeslider .item img {
		width: 100% !important;
		height: auto !important;
		border-radius: 8px !important;
		display: block !important;
	}

	.so-homeslider .sohomeslider-description {
		display: none !important;
	}

	/* 6. Trending Items & Listing Tabs Header */
	.so-listing-tabs .ltabs-tabs-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		margin-bottom: 14px !important;
		border-bottom: 2px solid #f1c40f !important;
		padding-bottom: 8px !important;
		width: 100% !important;
	}

	.so-listing-tabs .ltabs-tabs-container .ltabs-title {
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #1e293b !important;
		text-transform: uppercase !important;
		margin: 0 0 8px 0 !important;
		padding: 0 !important;
		float: none !important;
		display: block !important;
		letter-spacing: 0.5px !important;
	}

	.so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap {
		width: 100% !important;
		float: none !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		white-space: nowrap !important;
		padding: 2px 0 6px 0 !important;
	}

	.so-listing-tabs .ltabs-tabs-container .ltabs-select {
		display: none !important;
	}

	.so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs {
		display: inline-flex !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}

	.so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab {
		display: inline-block !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab > span {
		padding: 6px 14px !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		border-radius: 20px !important;
		background: #f1f5f9 !important;
		color: #334155 !important;
		border: 1px solid #e2e8f0 !important;
		display: inline-block !important;
	}

	.so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab.tab-sel > span {
		background: #f1c40f !important;
		color: #000000 !important;
		border-color: #f1c40f !important;
		font-weight: 700 !important;
	}

	/* 7. Unified 2-Column Clean Product Cards (All Variations & Theme Layouts) */
	/* Static Non-Carousel Grid Products: 50% width each */
	div.so-listing-tabs .ltabs-items-container .ltabs-items:not(.owl2-carousel) .ltabs-item,
	div.so-listing-tabs .ltabs-items-inner:not(.owl2-carousel) .ltabs-item,
	div.module.listingtab1-custom .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner:not(.owl2-carousel) .ltabs-item,
	div.module.listingtab-layout1 .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner:not(.owl2-carousel) .ltabs-item,
	div.listingtab-layout1 .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner:not(.owl2-carousel) .ltabs-item,
	div.main-right .so-deals .deals-slider:not(.owl2-carousel) .item,
	div.products-list .product-grid .product-layout,
	div.products-category .product-grid .product-layout,
	div.product-grid.col-12 .product-layout,
	div.product-grid.col-sm-6,
	div.product-grid.col-xs-6 {
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50% !important;
		float: left !important;
		padding: 4px !important;
		margin: 0 0 10px 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	/* Carousel Slides: Width managed strictly by Owl Carousel JS (items: 2) */
	.owl2-carousel .owl2-item {
		padding: 4px !important;
		box-sizing: border-box !important;
		width: auto;
	}

	.owl2-carousel .owl2-item .ltabs-item,
	.owl2-carousel .owl2-item .item,
	.owl2-carousel .owl2-item .product-layout {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 2. Inner Wrappers: auto height, no stretching */
	div.so-listing-tabs .ltabs-item .item-inner,
	div.so-listing-tabs .ltabs-item .product-layout,
	div.module.listingtab1-custom .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner .ltabs-item .item-inner,
	div.module.listingtab1-custom .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner .ltabs-item .item-inner.first-item,
	div.module.listingtab1-custom .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner .ltabs-item .item-inner.nitem,
	div.listingtab-layout1 .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-items-inner .ltabs-item .item-inner,
	div.products-list .product-grid .product-layout .item-inner,
	div.product-layout .item-inner {
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		float: none !important;
	}

	/* 3. Product Card Container: Natural height, tight compact card */
	div.so-listing-tabs .product-item-container,
	div.module.listingtab1-custom .product-item-container,
	div.listingtab-layout1 .product-item-container,
	div.products-list .product-grid .product-item-container,
	div.products-list .product-layout .product-item-container,
	div.product-layout .product-item-container,
	div.products-category .product-layout .product-item-container,
	.product-item-container {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;
		padding: 8px !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		min-height: 0 !important;
		position: relative !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}

	/* 4. Left Block (Image): 1:1 square, no extra margin */
	div.so-listing-tabs .product-item-container .left-block,
	div.module.listingtab1-custom .product-item-container .left-block,
	div.products-list .product-grid .product-item-container .left-block,
	div.product-layout .product-item-container .left-block,
	.product-item-container .left-block {
		width: 100% !important;
		margin: 0 0 6px 0 !important;
		padding: 0 !important;
		border-radius: 6px !important;
		overflow: hidden !important;
		position: relative !important;
		float: none !important;
		background: #ffffff !important;
		height: auto !important;
	}

	div.so-listing-tabs .product-item-container .left-block .product-image-container,
	div.module.listingtab1-custom .product-item-container .left-block .product-image-container,
	div.products-list .product-grid .product-item-container .left-block .product-image-container,
	div.product-layout .product-item-container .left-block .product-image-container {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	div.so-listing-tabs .product-item-container .left-block img,
	div.module.listingtab1-custom .product-item-container .left-block img,
	div.products-list .product-grid .product-item-container .left-block img,
	div.product-layout .product-item-container .left-block img,
	.product-item-container .left-block img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		border-radius: 6px !important;
		display: block !important;
		margin: 0 auto !important;
	}

	/* 5. Right Block (Details): Auto height, compact flow */
	div.so-listing-tabs .product-item-container .right-block,
	div.module.listingtab1-custom .product-item-container .right-block,
	div.products-list .product-grid .product-item-container .right-block,
	div.product-layout .product-item-container .right-block,
	.product-item-container .right-block,
	.product-item-container .caption {
		display: flex !important;
		flex-direction: column !important;
		flex: 0 0 auto !important;
		padding: 0 !important;
		margin: 0 !important;
		text-align: left !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
	}

	/* 6. Title */
	div.products-list .product-grid .product-item-container h4,
	div.so-listing-tabs .product-item-container h4,
	.product-item-container h4,
	.product-item-container .right-block h4 {
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		margin: 0 0 3px 0 !important;
		padding: 0 !important;
		height: 32px !important;
		max-height: 32px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
	}

	.product-item-container h4 a {
		color: #1e293b !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
	}

	/* 7. Rating */
	div.products-list .product-grid .product-item-container .rating,
	.product-item-container .rating,
	.product-item-container .right-block .rating {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 1px !important;
		margin: 1px 0 4px 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		height: auto !important;
		white-space: nowrap !important;
		float: none !important;
	}

	.product-item-container .rating .fa-stack {
		width: 10px !important;
		height: 10px !important;
		line-height: 10px !important;
		font-size: 9px !important;
		display: inline-block !important;
		margin: 0 !important;
	}

	.product-item-container .rating .fa-star {
		color: #f59e0b !important;
		font-size: 9px !important;
	}

	.product-item-container .rating .fa-star-o {
		color: #cbd5e1 !important;
		font-size: 9px !important;
	}

	/* 8. Price */
	div.products-list .product-grid .product-item-container .price,
	.product-item-container .price,
	.product-item-container .right-block .price {
		margin: 1px 0 6px 0 !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #d97706 !important;
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		float: none !important;
	}

	.product-item-container .price .price-new {
		color: #e11d48 !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
	}

	.product-item-container .price .price-old {
		color: #94a3b8 !important;
		font-size: 10px !important;
		text-decoration: line-through !important;
		font-weight: 400 !important;
	}

	/* 9. Action Buttons Overrides (Crushing all legacy .left-block / .products-list hover styles) */
	div.products-list .product-grid .product-item-container .button-group,
	div.products-list .product-grid .product-item-container .left-block .button-group,
	div.products-list .product-grid .product-item-container .right-block .button-group,
	.product-item-container .button-group,
	.product-item-container .right-block .button-group,
	.product-item-container .left-block .button-group {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 4px !important;
		margin-top: 4px !important;
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		background: transparent !important;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		z-index: 10 !important;
	}

	/* Reset all .btn-button within .product-item-container */
	div.products-list .product-grid .product-item-container .button-group .btn-button,
	div.products-list .product-grid .product-item-container .left-block .button-group .btn-button,
	div.products-list .product-grid .product-item-container .right-block .button-group .btn-button,
	.product-item-container .button-group .btn-button {
		opacity: 1 !important;
		visibility: visible !important;
		position: static !important;
		transform: none !important;
		margin: 0 !important;
		float: none !important;
	}

	/* Full Width Gold ADD TO CART Button */
	div.products-list .product-grid .product-item-container .button-group .btn-button.addToCart,
	div.products-list .product-grid .product-item-container .left-block .button-group .btn-button.addToCart,
	div.products-list .product-grid .product-item-container .right-block .button-group .btn-button.addToCart,
	.product-item-container .button-group .addToCart,
	.product-item-container .right-block .button-group .addToCart,
	.product-item-container .left-block .button-group .addToCart {
		flex: 1 1 auto !important;
		width: auto !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		line-height: 30px !important;
		background-color: #f1c40f !important;
		color: #000000 !important;
		border-radius: 6px !important;
		border: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		cursor: pointer !important;
		padding: 0 4px !important;
		text-transform: uppercase !important;
		box-shadow: none !important;
		white-space: nowrap !important;
		overflow: hidden !important;
	}

	/* ADD TO CART Text & Icon */
	div.products-list .product-grid .product-item-container .button-group .btn-button.addToCart span,
	.product-item-container .button-group .addToCart span {
		display: inline !important;
		visibility: visible !important;
		opacity: 1 !important;
		color: #000000 !important;
		font-size: 9.5px !important;
		font-weight: 700 !important;
		letter-spacing: -0.2px !important;
		position: static !important;
		text-indent: 0 !important;
		padding: 0 !important;
	}

	div.products-list .product-grid .product-item-container .button-group .btn-button.addToCart .fa,
	.product-item-container .button-group .addToCart .fa {
		position: static !important;
		display: inline-block !important;
		color: #000000 !important;
		font-size: 11px !important;
		width: auto !important;
		height: auto !important;
		line-height: 1 !important;
		margin-right: 2px !important;
	}

	/* Wishlist & Compare Square Icon Buttons */
	div.products-list .product-grid .product-item-container .button-group .btn-button.wishlist,
	div.products-list .product-grid .product-item-container .button-group .btn-button.compare,
	div.products-list .product-grid .product-item-container .left-block .button-group .btn-button.wishlist,
	div.products-list .product-grid .product-item-container .left-block .button-group .btn-button.compare,
	div.products-list .product-grid .product-item-container .right-block .button-group .btn-button.wishlist,
	div.products-list .product-grid .product-item-container .right-block .button-group .btn-button.compare,
	.product-item-container .button-group .wishlist,
	.product-item-container .button-group .compare,
	.product-item-container .right-block .button-group .wishlist,
	.product-item-container .right-block .button-group .compare,
	.product-item-container .left-block .button-group .wishlist,
	.product-item-container .left-block .button-group .compare {
		flex: 0 0 28px !important;
		width: 28px !important;
		min-width: 28px !important;
		max-width: 28px !important;
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		line-height: 30px !important;
		padding: 0 !important;
		border-radius: 6px !important;
		background: #f1f5f9 !important;
		color: #64748b !important;
		border: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
	}

	div.products-list .product-grid .product-item-container .button-group .btn-button.wishlist .fa,
	div.products-list .product-grid .product-item-container .button-group .btn-button.compare .fa,
	.product-item-container .button-group .wishlist .fa,
	.product-item-container .button-group .compare .fa {
		position: static !important;
		display: inline-block !important;
		color: #64748b !important;
		font-size: 11px !important;
		width: auto !important;
		height: auto !important;
		line-height: 1 !important;
	}

	div.products-list .product-grid .product-item-container .button-group .btn-button.wishlist span,
	div.products-list .product-grid .product-item-container .button-group .btn-button.compare span,
	div.products-list .product-grid .product-item-container .button-group .btn-button.quickview span,
	.product-item-container .button-group .wishlist span,
	.product-item-container .button-group .compare span,
	.product-item-container .button-group .quickview span {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
	}

	/* 8. Main Left Sidebar Modules (Latest Products / Top Rated) */
	.main-left .so-extraslider .item {
		width: 100% !important;
	}

	.main-left .so-extraslider .product-layout {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin-bottom: 10px !important;
	}

	.main-left .so-extraslider .product-item-container {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 10px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 8px !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
		width: 100% !important;
	}

	.main-left .so-extraslider .left-block {
		flex: 0 0 80px !important;
		width: 80px !important;
		height: 80px !important;
		margin: 0 !important;
		border-radius: 6px !important;
		overflow: hidden !important;
	}

	.main-left .so-extraslider .left-block img {
		width: 80px !important;
		height: 80px !important;
		object-fit: cover !important;
		border-radius: 6px !important;
	}

	.main-left .so-extraslider .left-block .button-group {
		display: none !important;
	}

	.main-left .so-extraslider .right-block {
		flex: 1 !important;
		min-width: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.main-left .so-extraslider .right-block h4 {
		font-size: 13px !important;
		font-weight: 600 !important;
		margin: 0 0 4px 0 !important;
		line-height: 1.3 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	.main-left .so-extraslider .right-block .rating {
		margin-bottom: 4px !important;
	}

	.main-left .so-extraslider .right-block .price {
		font-size: 14px !important;
		font-weight: 700 !important;
		color: #d97706 !important;
		margin: 0 !important;
	}

	/* 9. Product Details Page */
	.product-detail .content-product-left {
		margin-bottom: 18px !important;
	}

	.product-detail .title-product h1 {
		font-size: 19px !important;
		line-height: 1.3 !important;
		margin-bottom: 8px !important;
	}

	.product-detail .product_page_price {
		font-size: 18px !important;
		margin-bottom: 12px !important;
	}

	.product-detail .product_page_price .price-new {
		font-size: 20px !important;
		color: #e11d48 !important;
		font-weight: 700 !important;
	}

	.product-detail .cart .form-group {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		width: 100% !important;
	}

	.product-detail .cart #button-cart {
		width: 100% !important;
		height: 46px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		background-color: #f1c40f !important;
		color: #000000 !important;
		border-radius: 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: none !important;
	}

	.product-detail .cart .btn-checkout {
		width: 100% !important;
		height: 46px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		background-color: #fe5722 !important;
		color: #ffffff !important;
		border-radius: 8px !important;
		border: none !important;
	}

	.product-detail .producttab .nav-tabs {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		white-space: nowrap !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		border-bottom: 2px solid #e2e8f0 !important;
	}

	.product-detail .producttab .nav-tabs li a {
		padding: 8px 12px !important;
		font-size: 12.5px !important;
		white-space: nowrap !important;
	}

	/* 10. Footer 2 */
	footer.typefooter-2 .footer-top,
	footer .footer-top,
	.footer-top.row_cd6l {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 14px 15px !important;
	}

	footer.typefooter-2 .footer-top .col_34s0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	footer.typefooter-2 .footer-top a.brand-link {
		display: block !important;
		text-align: center !important;
		margin-bottom: 10px !important;
		font-size: 17px !important;
		padding-left: 0 !important;
	}

	footer.typefooter-2 .footer-top .footer-links {
		justify-content: center !important;
		gap: 8px 14px !important;
		margin-bottom: 12px !important;
	}

	footer.typefooter-2 .footer-top .socials {
		justify-content: center !important;
		padding: 0 !important;
	}

	footer.typefooter-2 .footer-middle {
		padding: 20px 0 10px 0 !important;
	}

	footer.typefooter-2 .so-page-builder .container,
	footer.typefooter-2 .footer-main .container,
	footer.typefooter-2 .footer-bottom .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	footer.typefooter-2 .footer-middle .col-style {
		margin-bottom: 22px !important;
	}

	footer.typefooter-2 .box-footer .modtitle,
	footer.typefooter-2 .infos-footer .modtitle {
		font-size: 15px !important;
		margin-bottom: 10px !important;
	}

	footer.typefooter-2 .newsletter-footer1 .newsletter .title-block {
		padding-left: 0 !important;
		text-align: center !important;
		margin-bottom: 12px !important;
	}

	footer.typefooter-2 .newsletter-footer1 .newsletter .block_content form.signup {
		padding-left: 0 !important;
	}

	footer.typefooter-2 .footer-bottom .copyright {
		text-align: center !important;
		line-height: 1.5 !important;
		margin-bottom: 10px !important;
	}

	footer.typefooter-2 .footer-bottom .payment-w {
		justify-content: center !important;
		text-align: center !important;
	}

	/* 11. Floating Messenger / Chat Button */
	#so-facebook-message,
	.fb-messengermessage,
	.chat-with-us,
	div[class*="chat-with-us"],
	div[class*="facebook-message"] {
		position: fixed !important;
		bottom: 14px !important;
		right: 14px !important;
		z-index: 99999 !important;
		width: auto !important;
		max-width: 140px !important;
		border-radius: 20px !important;
		overflow: hidden !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
	}
}