/*Theme Name: GeneratePress Child
Template: generatepress*/
body {
    background: var(--Secondary) !important;
}
/* ===================================================
   ROOT VARIABLES
=================================================== */
:root {
    /* Colors */
    --Primary: #1C784C;
    --Secondary: #FFFFFF;
    --Text: #000000;
    --ParaText: #000000CC;
    --Accent: #2BB673;
    --BG1: #EEF9F2;
    --BG2: #F5F5F5;
    --BG3: #EFFEF7;
    --BannerBG: #D4F0E3;
    /* Typography */
    --FontFamily: 'Instrument Sans', sans-serif;
    --FontSize: 15px;
    --FontWeight: 400;
    --LineHeight: 1.6em;
    /* Container */
    --ContainerWidth: 1780px;
    --ContainerWidthMobile: 560px;
    --PaddingDesktop: 50px 20px;
    --PaddingTablet: 40px 20px;
    --PaddingMobile: 30px 15px;
    --PaddingLRDesktop: 0 20px;
    --PaddingLRMobile: 0 15px;
}
/* ===================================================
   BASE
=================================================== */
html, body {
    font-family: var(--FontFamily);
    font-size: var(--FontSize);
    font-weight: var(--FontWeight);
    line-height: var(--LineHeight);
    color: var(--Text);
    background: var(--Secondary);
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p, table { margin: 0; }
p{color: var(--ParaText);}
h1 { font-size: 38px; font-weight: 700; text-transform: capitalize; line-height: 1.25em; }
h2 { font-size: 36px; font-weight: 600; text-transform: capitalize; line-height: 1.25em; }
h3 { font-size: 28px; font-weight: 600; line-height: 1.3em; }
h4 { font-size: 24px; font-weight: 600; line-height: 1.25em; }
h5 { font-size: 20px; font-weight: 600; line-height: 1.3em; }
h6 { font-size: 18px; font-weight: 600; line-height: 1.4em; }
a { color: var(--Accent); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--Primary); }
/* ===================================================
   BUTTONS
=================================================== */
button, input[type="button"], input[type="submit"], .Btn {
    width: fit-content;
    background-color: var(--Accent);
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1em;
    color: var(--Secondary);
    border: none;
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    white-space: nowrap;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .Btn:hover, .Btn:focus {
    background-color: var(--Primary);
    color: var(--Secondary);
}
/* ===================================================
   SECTION WRAPPER
=================================================== */
.section {
    max-width: var(--ContainerWidth);
    margin: 0 auto;
    padding: var(--PaddingDesktop);
}
.section-nopadding {
    max-width: var(--ContainerWidth);
    margin: 0 auto;
    padding: var(--PaddingLRDesktop);
}
/* Tablet */
@media (max-width: 1200px) {
    .section {
        padding: var(--PaddingTablet);
    }
}
/* Mobile */
@media (max-width: 767px) {
    .section {
        padding: var(--PaddingMobile);
    }
    .mobile-section {
        max-width: var(--ContainerWidthMobile) !important;
    }
    .section-nopadding {
        padding: var(--PaddingLRMobile);
    }
}
/* ===================================================
   SECTION WITH CUSTOM PADDING OVERRIDES
=================================================== */
/* Padding Top - Override */
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
/* Padding Bottom - Override */
.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
/* ===================================================
   RESPONSIVE TYPOGRAPHY
=================================================== */
@media (max-width: 1366px) {
    h1 { font-size: 34px; }
    h2 { font-size: 32px; }
    h3 { font-size: 26px; }
    h4 { font-size: 22px; }
}
@media (max-width: 1200px) {
    :root { --FontSize: 13px; }
    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
    button, .Btn { font-size: 13px; padding: 11px 13px; }
}
@media (max-width: 1024px) {
    h1 { font-size: 30px; }
    h2 { font-size: 28px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
}
@media (max-width: 880px) {
    h1 { font-size: 28px; }
    h2 { font-size: 26px; }
}
@media (max-width: 767px) {
    h6 { font-size: 14px; }
}
/* ===================================================
   UTILITY CLASSES
=================================================== */
/* Typography */
.h1-size { font-size: 38px; font-weight: 700; text-transform: capitalize; line-height: 1.25em; }
.h2-size { font-size: 36px; font-weight: 600; text-transform: capitalize; line-height: 1.25em; }
.h3-size { font-size: 28px; font-weight: 600; line-height: 1.3em; }
.h4-size, .CategoryDetailedText h3 { font-size: 24px; font-weight: 600; line-height: 1.25em; }
.h5-size { font-size: 20px; font-weight: 600; line-height: 1.3em; }
.h6-size { font-size: 18px; font-weight: 600; line-height: 1.4em; }
.SubtitleGlobal { font-size: 20px; font-weight: 600; color: var(--Accent); text-transform: capitalize; }
@media (max-width: 1366px) {
    .h1-size { font-size: 34px; }
    .h2-size { font-size: 32px; }
    .h3-size { font-size: 26px; }
    .h4-size, .CategoryDetailedText h3 { font-size: 22px; }
}
@media (max-width: 1200px) {
    .h1-size { font-size: 32px; }
    .h2-size { font-size: 30px; }
    .h3-size { font-size: 24px; }
    .h4-size, .CategoryDetailedText h3 { font-size: 20px; }
    .h5-size, .SubtitleGlobal { font-size: 18px; }
    .h6-size { font-size: 16px; }
}
@media (max-width: 1024px) {
    .h1-size { font-size: 30px; }
    .h2-size { font-size: 28px; }
    .h3-size { font-size: 22px; }
    .h4-size, .CategoryDetailedText h3 { font-size: 18px; }
    .h5-size, .SubtitleGlobal { font-size: 16px; }
}
@media (max-width: 880px) {
    .h1-size { font-size: 28px; }
    .h2-size { font-size: 26px; }
}
@media (max-width: 767px) {
    .h6-size { font-size: 14px; }
}
/* Colors */
.color-primary { color: var(--Primary); }
.color-secondary { color: var(--Secondary); }
.color-text { color: var(--Text); }
.color-accent { color: var(--Accent); }
.bg-primary { background-color: var(--Primary); }
.bg-secondary { background-color: var(--Secondary); }
.bg-text { background-color: var(--Text); }
.bg-accent { background-color: var(--Accent); }
.bg-bg1 { background-color: var(--BG1); }
.bg-bg2 { background-color: var(--BG2); }
.bg-bg3 { background-color: var(--BG3); }
.bg-banner { background-color: var(--BannerBG); }
/* Flex */
.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.flex-row { display: flex; flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: end; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.w-33 { width: 33.33%; }
.w-25 { width: 25%; }
.mw-100 { max-width: 100%; }
/* ==================================================
   SELF-HOSTED INSTRUMENT SANS
=================================================== */
@font-face {
    font-family: 'Instrument Sans';
    src: url('assets/fonts/Instrument_Sans/static/InstrumentSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Sans';
    src: url('assets/fonts/Instrument_Sans/static/InstrumentSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Sans';
    src: url('assets/fonts/Instrument_Sans/static/InstrumentSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Sans';
    src: url('assets/fonts/Instrument_Sans/static/InstrumentSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* Apply font */
:root {
    --FontFamily: 'Instrument Sans', sans-serif !important;
}
html, body, * {
    font-family: var(--FontFamily) !important;
}
/* ===================================================
   SKIP LINK - COMMON
   =================================================== */
.SkipLink {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999999;
    padding: 12px 20px;
    background: var(--Primary);
    color: var(--Secondary);
    text-decoration: none;
    font-weight: 600;
    border-radius: 0 0 8px 8px;
}
.SkipLink:focus {
    left: 50%;
    transform: translateX(-50%);
    outline: 2px solid var(--Accent);
    outline-offset: 2px;
}
/* ===================================================
   SITE HEADER
   =================================================== */

.SiteHeader {
    position: sticky;
    top: 0;
    background: var(--Secondary);
    width: 100%;
    z-index: 9999;
}
.boxo-news-ticker-wrap {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    background: var(--Text);
    padding: 5px 0;
    cursor: pointer;
}
.boxo-news-ticker span {
    display: inline-block;
    padding: 0 50px;
    font-size: 13px;
    font-weight: 500;
    color: var(--Secondary);
}
/* ===================================================
   HEADER CONTAINER
   =================================================== */
.HeaderContainer.section {
    padding: 5px 20px;
    gap: 20px;
}
.HeaderBoxShadow {
    background-color: #bfe9d5;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);
}
/* ===================================================
   HEADER LOGO
   =================================================== */
.HeaderLogo .custom-logo {
	width: 150px;
	display: block;
}
.SiteBrand {
    font-size: 24px;
    font-weight: 700;
    color: var(--Text);
    text-decoration: none;
}
/* ===================================================
   HEADER ACTIONS
   =================================================== */
.HeaderActions {
    flex: 1;
    gap: 10px;
}
/* ===================================================
   SEARCH MODULE
   =================================================== */
.SearchModule {
    flex: 0 1 540px;
    margin: 0 auto;
    min-width: 295px;
}
.SearchModule form.custom-live-search-form {
    position: relative;
    margin: 0 20px;
}
.SearchModule form.custom-live-search-form .search-input {
    flex: 1;
    padding: 10px;
    outline: none;
    font-size: 16px;
    line-height: 0;
    font-weight: 500;
    border-radius: 10px 0 0 10px;
    border: none;
}
.SearchModule form.custom-live-search-form .search-btn {
    padding: 8px 15px;
    border-radius: 0 10px 10px 0;
    border: none;
}
.SearchModule form.custom-live-search-form .search-btn svg path {
    stroke: var(--Secondary);
}
/* ===================================================
   SOCIAL BAR
   =================================================== */
.SocialBar {
    display: flex;
    align-items: end;
    gap: 8px;
}
.SocialLink {
    display: flex;
    padding: 6px;
    border-radius: 10px;
    background: var(--Secondary);
}
.SocialLink svg {
    height: 20px;
    width: 20px;
}
.SocialLink:hover {
    transform: Scale(1.1);
}
.SocialLink{
    transition: all 0.3s;
}
.SocialLink:hover svg path,
.SocialLink.Instagram:hover svg path:nth-child(1) {
    fill: var(--Primary);
}
.SocialLink.Instagram:hover svg path {
    fill: none;
}
.SocialLink.Instagram:hover svg path:nth-child(2),
.SocialLink.Instagram:hover svg path:nth-child(3) {
    stroke: var(--Primary);
}
/* ===================================================
   BUTTONS
   =================================================== */
.DesktopBtn:hover,
.DesktopBtn:focus {
    background-color: var(--Accent);
}
.ButtonMobile {
    display: none;
}
/* ===================================================
   PHONE LINK
   =================================================== */
.DesktopBtn.PhoneLink::before {
    content: '';
    background: url(/wp-content/uploads/2026/05/PhoneIcon.svg) no-repeat center transparent;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-size: contain !important;
}
.DesktopBtn.PhoneLink:hover::before,
.DesktopBtn.PhoneLink:focus::before {
    background: url(/wp-content/uploads/2026/04/Phone_Icon.svg) no-repeat center transparent;
}
.PhoneLink.PhoneMobile,
.ToggleIcon.ToggleSearchOpen,
.ToggleIcon.ToggleSearchClose {
    display: flex;
}
/* ===================================================
   COUNTRY FLAG
   =================================================== */
.CountryFlag {
    line-height: 0;
	transition: all 200ms;
    flex-shrink: 0;
}
.CountryFlag:hover {
	transform: scale3d(1.1, 1.1, 1.1);
}
.DesktopDropdown > a,
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer .VideoReviewCard video,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax label,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax label input {
    cursor: pointer;
}
/* ===================================================
   TOGGLE ICONS
   =================================================== */
.ToggleIcon {
    display: none;
    width: 37px;
    height: 37px;
    padding: 8px;
    background-color: var(--Primary);
    color: var(--Secondary);
    cursor: pointer;
    border: 1px solid var(--Primary);
    border-radius: 10px;
    transition: all 0.2s;
}
.ToggleIcon svg {
    width: 19px;
    height: 19px;
}
.ToggleIcon.ToggleSocialOpen {
    padding: 4px;
}
.ToggleIcon.ToggleSocialOpen svg {
    width: 25px;
    height: 25px;
    stroke: var(--Secondary);
}
.ToggleIcon:hover,
.ToggleIcon:focus,
.HamburgerToggle:hover,
.HamburgerActive:hover,
.HamburgerToggle:focus,
.HamburgerActive:focus  {
    background-color: var(--Primary);
    color: var(--Secondary);
    border: 1px solid var(--Primary);
    background-color: var(--Accent);
    color: var(--Secondary);
    border: 1px solid var(--Accent);
}
.ToggleIcon:hover svg path,
.ToggleIcon:focus svg path {
    fill: var(--Secondary);
}
.ToggleIcon svg path,
.ToggleIcon svg path {
    fill: var(--Secondary);
}
.ToggleIcon.ToggleClose svg path,
.ToggleIcon.ToggleSocialOpen:hover svg path,
.ToggleIcon.ToggleClose:hover svg path,
.ToggleIcon.ToggleSocialOpen:focus svg path,
.ToggleIcon.ToggleClose:focus svg path {
    stroke: var(--Secondary);
}
.HamburgerToggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.HamburgerToggle:hover span,
.HamburgerToggle:focus span {
    background-color: var(--Secondary);
}
.HamburgerBar {
    display: flex;
    width: 22px;
    height: 2px;
    background: var(--Secondary);
    transition: all 0.3s ease;
}
.HamburgerActive .HamburgerBar:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}
.HamburgerActive .HamburgerBar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.HamburgerActive .HamburgerBar:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}
/* ===================================================
   MEGA MENU - Desktop Dropdown
   =================================================== */
.NavigationMenu.DesktopNavigationMenu {
    margin: 0 auto;
}
.DesktopNavSection.mw-100 {
    padding: 0 20px;
    background-color: var(--Accent);
    margin-top: -2px;
}
.DesktopNavigationMenu .NavList {
    display: flex;
    list-style: none;
    margin: 0;
    gap: 50px;
}
.DesktopNavigationMenu .NavList > li,
.HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep {
    position: relative;
}
.DesktopNavigationMenu .NavList li.menu-item-has-children {
    position: static;
}
.DesktopNavigationMenu .NavList > li > a {
    padding: 7px 10px;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--Text);
    transition: all 0.2s;
    white-space: nowrap;
    border-radius: 10px;
}
.DesktopNavigationMenu .NavList > li > a:hover,
.DesktopNavigationMenu .NavList > li.current-menu-item a,
.DesktopNavigationMenu .NavList .sub-menu li.current-menu-item a,
.DesktopNavigationMenu .NavList li.menu-item-has-children:hover > a {
    color: var(--Secondary);
    background-color: var(--Accent);
    border-radius: 10px;
}
.DesktopNavigationMenu .NavList li.menu-item-has-children > .MenuWrapper {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 15px;
    padding-top: 15px;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 9999;
}
.DesktopNavigationMenu .NavList li.menu-item-has-children:hover > .MenuWrapper {
    pointer-events: auto;
}
.DesktopNavigationMenu .NavList li.menu-item-has-children > .MenuWrapper .sub-menu {
    position: relative;
    max-width: 1340px;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95);
    transform-origin: top center;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--Secondary);
    list-style: none;
    border-radius: 10px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.25);
    pointer-events: none;
}
.DesktopNavigationMenu .NavList li.menu-item-has-children:hover > .MenuWrapper .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}
.DesktopNavigationMenu .NavList .sub-menu li {
    flex: 0 0 calc(20% - 8px);
    background-color: #F0F0F0;
    border-radius: 10px;
    /* border: 1px solid var(--Accent); */
    transition: all 0.2s;
}
.DesktopNavigationMenu .NavList .sub-menu li a {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    color: var(--Text);
    display: block;
    white-space: nowrap;
}
.DesktopNavigationMenu .NavList .sub-menu li:hover {
    background-color: var(--Accent);
}
.DesktopNavigationMenu .NavList .sub-menu li:hover a {
    color: var(--Secondary);
}
/* ===================================================
   MOBILE SEARCH & SOCIAL
   =================================================== */

.MobileSocialWrapper, .MobileSearchWrapper {
    position: absolute;
    width: 100%;
}
.MobileSocialSection, .MobileSearchSection {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    opacity: 0;
    display: flex;
    justify-content: end;
    pointer-events: none;
}
.MobileSocialSection.active, .MobileSearchSection.active {
    max-height: 500px;
    opacity: 1;
    pointer-events: all;
}
.MobileSocialCol, .MobileSearchCol {
    width: auto;
    padding: 0 8px 8px;
    background: #bfe9d5;
    border: 2px solid var(--Accent);
    border-top: 2px solid #bfe9d5;
    border-radius: 0 0 20px 20px;
}
.MobileSocialSection .SocialBar, .SearchModule.MobileSearchSection {
    display: flex;
}
.MobileSearchCol {
    width: 420px;
}
.MobileSearchCol form.custom-live-search-form {
    margin: 0;
}
/*  ============================================
    LIVE SEARCH DROPDOWN
    ============================================ */

.SearchModule .live-search-dropdown {
    position: absolute;
    position: relative;
    width: 100%;
    background-color: var(--Secondary);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    margin-top: 12px;
    z-index: 9999999;
    max-width: 500px;
    max-height: 400px;
    overflow-y: auto;
}
.SearchModule .live-search-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    transition: background 0.2s;
    border-bottom: 1px solid #f1f1f1;
}
.SearchModule .live-search-item:last-child {
    border-bottom: none;
}
.SearchModule .live-search-item:hover {
    background: #f8f8f8;
}
.SearchModule .live-search-item-image,
.SearchModule .live-search-item-image-placeholder {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border-radius: 8px;
    margin-right: 15px;
}
.SearchModule .live-search-item-image-placeholder {
    background: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.SearchModule .live-search-item-image-placeholder img.emoji {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px !important;
}
.SearchModule .live-search-item-info {
    display: flex;
    align-items: center;
    gap: 15px;
}
.SearchModule .live-search-item-title {
    color: var(--Text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
.SearchModule .live-search-item-type {
    padding: 6px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--Accent);
    border: 1px solid var(--Accent);
    line-height: 1;
    border-radius: 5px;
}
.SearchModule .live-search-view-all {
    padding: 20px 15px;
    text-align: center;
}
.SearchModule .live-search-view-all-btn {
    display: inline-block;
    padding: 12px 14px;
    background: var(--Accent);
    color: var(--Secondary) !important;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    transition: background 0.2s;
}
.SearchModule .live-search-view-all-btn:hover {
    background: var(--Primary);
}
.SearchModule .live-search-no-results,
.SearchModule .live-search-error {
    padding: 30px;
    text-align: center;
    color: red;
    font-size: 16px;
}
.SearchModule .live-search-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 30px;
    font-weight: 500;
}
.SearchModule .live-search-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f0f0f0;
    border-top-color: var(--Accent);
    border-radius: 50%;
    animation: live-search-spin 0.8s linear infinite;
}
@keyframes live-search-spin {
    to { transform: rotate(360deg); }
}
/* Custom scrollbar */
.SearchModule .live-search-dropdown::-webkit-scrollbar {
    width: 6px;
}
.SearchModule .live-search-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.SearchModule .live-search-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
.SearchModule .live-search-dropdown::-webkit-scrollbar-thumb:hover {
    background: #999;
}
/*  ============================================
    HOME PAGE
    ============================================ */
.HeroContainer.flex {
    padding: 20px;
    gap: 20px;
}
.HeroContent,
.CategoryHero .CategoryHeroContainer {
    padding: 30px;
    gap: 20px;
    background: linear-gradient(135deg, rgba(208, 208, 208, 0.2) 40%, rgba(208, 208, 208, 0.9) 100%);
}
.HeroContent .HeroContentInner {
    width: 40%;
    gap: 10px;
}
.HeroContent .HeroProductImage {
    width: 60%;
}
.HeroContent .HeroContentInner .HeroDescription {
    max-width: 400px;
}
.HeroContent .HeroContentInner .HeroBtn,
.DestinationSection .DestinationContainer .DestinationContent .DestinationBtn,
.home-slider-4 .boxo-industry-card .boxo-industry-desc p,
.VideoBrandSection .VideoBrandContainer .VideoBrandContent .VideoBrandBtn,
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .CategoryHeroBtn {
    margin-top: 10px;
}
.HeroContent .HeroContentInner .HeroTrustBadges,
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges,
.ProductHero .ProductHeroInfo .HeroTrustBadges {
    margin-top: 15px;
    gap: 10px;
}
.HeroContent .HeroContentInner .HeroGoogleReviews img,
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroGoogleReviews img,
.ProductHero .ProductHeroInfo .HeroGoogleReviews img {
    position: relative;
    display: block;
    width: 200px;
    z-index: 9;
}
.HeroContent .HeroContentInner .HeroTrustBadges .TrustpilotBadge,
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges .TrustpilotBadge,
.ProductHero .ProductHeroInfo .HeroTrustBadges .TrustpilotBadge {
    width: 347px;
    margin: 3px 0 0 -20px;
}
/* ============================================
   CLIENT SLIDER
   ============================================ */
section.ClientSlider {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
}
div.ClientTrack {
    animation: clientScroll 20s linear infinite;
    width: max-content;
}
div.ClientTrack img {
    display: block;
    width: auto;
    height: 40px;
    flex: 0 0 auto;
    margin-right: 50px;
    user-select: none;
}
@keyframes clientScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.ClientSlider {
    padding: 10px 0 !important;
    max-width: 1740px !important;
    border: 1px solid var(--Text);
}
/* ============================================
   TOP PICKS SECTION
   ============================================ */
.TopPicksSection.section-nopadding {
    padding-top: 20px;
}
.TopPicksSection .TopPicksContainer .TopPicksDescription {
    max-width: 860px;
    margin: 0 auto;
}
/* ============================================
   PACKAGING TABS
   ============================================ */
.boxo-tabs,
.boxo-static-carousel {
    --slides: 5;
    --gap: 20px;
    padding-top: 20px;
}
.boxo-static-carousel.home-slider-4 {
    padding-top: 0 !important;
}
.boxo-tabs .boxo-tabs-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}
.boxo-tabs .boxo-tabs-nav .boxo-tab-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 8px 20px;
    background-color: var(--Secondary);
    color: var(--Text);
    border: 1px solid var(--Text);
    border-radius: 10px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.15s;
}
.boxo-tabs .boxo-tabs-nav .boxo-tab-btn:hover,
.boxo-tabs .boxo-tabs-nav .boxo-tab-btn.active {
    background-color: var(--Accent);
    color: var(--Secondary);
    border-color: var(--Accent);
}
.boxo-tabs .boxo-tab-panel {
    display: none;
}
.boxo-tabs .boxo-tab-panel.active {
    display: block;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel,
.boxo-static-carousel .boxo-tab-carousel {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
    user-select: none;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track,
.boxo-static-carousel .boxo-tab-carousel-track {
    display: flex;
    gap: var(--gap);
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide,
.boxo-static-carousel .boxo-tab-slide {
    display: flex;
    flex: 0 0 calc((100% - (var(--gap) * (var(--slides) - 1))) / var(--slides));
    min-width: 0;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow,
.boxo-static-carousel .boxo-tab-arrow {
    position: relative;
    padding: 10px 15px;
    margin-top: 20px;
    background-color: var(--Secondary);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    border: none;
    cursor: pointer;
    z-index: 5;
    transition: background 0.2s, opacity 0.2s;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow.prev,
.boxo-static-carousel .boxo-tab-arrow.prev {
    right: 5px;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow.next,
.boxo-static-carousel .boxo-tab-arrow.next {
    left: 5px;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow:hover,
.boxo-static-carousel .boxo-tab-arrow:hover,
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow:focus,
.boxo-static-carousel .boxo-tab-arrow:focus {
    background-color: var(--Primary);
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow:hover img,
.boxo-static-carousel .boxo-tab-arrow:hover img,
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow:focus img,
.boxo-static-carousel .boxo-tab-arrow:focus img {
    filter: invert(1);
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow.arrow-dimmed,
.boxo-static-carousel .boxo-tab-arrow.arrow-dimmed {
    opacity: 0.45 !important;
    cursor: default;
    pointer-events: none;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide .boxo-tab-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
    background: var(--BG2);
    border: 1px solid #3059341A;
    border-radius: 20px;
    text-align: center;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide .boxo-tab-card img {
    border-radius: 20px 20px 0 0;
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide .boxo-tab-card h3 {
    padding: 5px 5px 0;
    color: var(--Text);
}
.boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide .boxo-tab-card p {
    margin: -5px 0 0;
    padding: 0 10px;
    color: var(--Text);
}
/* ============================================
   HOME SLIDER 1 + 2 - Shared Static Carousel
   ============================================ */
.boxo-static-carousel.home-slider-1,
.boxo-static-carousel.home-slider-3 {
    --slides: 4;
}
/* ============================================
   HOME SLIDER 1 - Cards with Desc + Button
   ============================================ */
.home-slider-1 .boxo-home-card,
.home-slider-2 .boxo-home-card-simple,
.home-slider-3 .boxo-feature-card {
    display: flex;
    flex-direction: column;
    background: var(--BG2);
    border-radius: 20px;
    gap: 10px;
}
.home-slider-1 .boxo-home-card .boxo-home-card-image img,
.home-slider-2 .boxo-home-card-simple img {
    display: block;
    border-radius: 20px 20px 0 0;
}
.home-slider-1 .boxo-home-card h3 {
    padding: 10px 20px 0;
    color: var(--Text);
}
.home-slider-1 .boxo-home-card-content {
    padding: 20px;
    padding-top: 0 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.home-slider-1 .boxo-home-card h3 a,
.home-slider-1 .boxo-home-card-content p,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink {
    color: var(--Text);
}
.home-slider-1 .boxo-home-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
    padding: 12px 14px;
    margin-top: 10px;
    background: var(--Accent);
    color: var(--Secondary);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    transition: background 0.2s;
}
.home-slider-1 .boxo-home-card-btn::after {
    content: '';
    background: url(/wp-content/uploads/2026/04/RightArrow_Btn.svg) no-repeat center transparent;
    width: 18px;
    height: 12px;
    background-size: contain;
}
.home-slider-1 .boxo-home-card-btn:hover {
    background: var(--Primary);
    color: var(--Secondary);
}
/* ============================================
   HOME SLIDER 2 - Simple Image + Title Only
   ============================================ */
.home-slider-2 .boxo-home-card-simple {
    text-align: center;
}
.home-slider-2 .boxo-home-card-simple h3 a {
    display: block;
    padding: 5px 10px 15px;
    color: var(--Text);
}
/* ============================================
   HOME SLIDER 3 - Feature Cards (12 slides)
   ============================================ */
.home-slider-3 .boxo-feature-card {
    background-color: var(--Secondary);
    border: 2px solid var(--Accent);
    padding: 20px;
    text-align: center;
    color: var(--Text);
}
.home-slider-3 .boxo-feature-card .boxo-feature-icon,
.ContactPage .ContactPageContainer .ContactPageCard .ContactPageCardIcon {
    line-height: 0;
}
.home-slider-3 .boxo-feature-card h3 {
    margin-top: 5px;
}
/* ============================================
   HOME SLIDER 4 - Industry Categories (8 slides)
   ============================================ */
.boxo-static-carousel.home-slider-4 {
    --slides: 5;
}
.boxo-static-carousel.home-slider-4 .boxo-tab-carousel-track {
    transform: translateX(0);
}
.home-slider-4 .boxo-industry-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    /* background-color: transparent; */
    background-image: linear-gradient(180deg, #6660 40%, #000C 100%);
}
.home-slider-4 .boxo-industry-card .boxo-industry-image {
    position: relative;
    z-index: -1;
}
.home-slider-4 .boxo-industry-card .boxo-industry-image img {
    transition: transform 0.5s ease;
    display: block;
}
.home-slider-4 .boxo-industry-card:hover .boxo-industry-image img {
    transform: scale(1.07);
}
.home-slider-4 .boxo-industry-card .boxo-industry-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}
.home-slider-4 .boxo-industry-card .boxo-industry-overlay h3,
.home-slider-4 .boxo-industry-card .boxo-industry-desc p {
    color: var(--Secondary);
}
.home-slider-4 .boxo-industry-card .boxo-industry-desc {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}
.home-slider-4 .boxo-industry-card:hover .boxo-industry-desc {
    max-height: 100px;
    opacity: 1;
}
/* ============================================
   FEATURES SECTION
   ============================================ */
.FeaturesSection .FeaturesGrid,
.HowToOrderSection .HowToOrderContainer .HowToOrderSteps,
.CategoryCarouselGrid .related-products-grid .products-grid,
.CategoryRelatedGrid .related-products-grid .products-grid,
.CategoryStockSection .CategoryStockContainer .CategoryStockGrid,
.ProductRelatedGrid .related-products-grid .products-grid,
.CatalogPage .CatalogGridWrapper .products-grid,
.SearchPage .SearchPageContent .search-results-grid,
.StylePage .StylePageGridWrapper .products-grid,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.FeaturesSection .FeaturesGrid .FeatureCard {
    padding: 30px;
}
.FeaturesSection .FeaturesGrid .FeatureCard .FeatureIcon img {
    width: 50px;
}
/* ============================================
   FEATURED CUSTOM PRINTED BOXES SECTION
   ============================================ */
.FeaturedBoxesSection .FeaturedBoxesContainer .FeaturedBoxesDescription {
    max-width: 820px;
    margin: 0 auto;
}
.FeaturedBoxesSection .FeaturedBoxesContainer .FeaturedBoxesViewAll .FeaturedBoxesBtn {
    position: relative;
    display: block;
    width: 160px;
    margin: 0 auto;
    margin-top: -40px;
    z-index: 9;
}
/* ============================================
   ONE-STOP DESTINATION SECTION
   ============================================ */
.DestinationSection .DestinationContainer {
    gap: 40px;
}
.DestinationSection .DestinationContainer .DestinationImage,
.DestinationSection .DestinationContainer .DestinationContent,
.CategorySplitTopSection .CategorySplitTopContainer .CategorySplitTopImage,
.CategorySplitTopSection .CategorySplitTopContainer .CategorySplitTopContent,
.CategorySplitLeftSection .CategorySplitLeftContainer .CategorySplitLeftImage,
.CategorySplitLeftSection .CategorySplitLeftContainer .CategorySplitLeftContent {
    width: 100%;
    max-width: 48%;
}
.DestinationSection .DestinationContainer .DestinationContent {
    max-width: 800px;
    gap: 20px;
}
/* ============================================
   INDUSTRY WE SERVE
   ============================================ */
.IndustrySolutionsSection .IndustrySolutionsContainer,
.CustomerFeedbackSection .CustomerFeedbackContainer,
.CategoryStockSection .CategoryStockContainer,
.ContactPage .ContactPageContainer,
.ContactPage .ContactPageContainer .ContactPageWrapper,
.ContactPage .ContactPageContainer .ContactPageInfo {
    gap: 30px;
}
.IndustrySolutionsSection .IndustrySolutionsContainer .IndustrySolutionsHeader,
.IndustrySolutionsSection .IndustrySolutionsContainer .IndustrySolutionsDescription,
.FAQsSection .FAQsContainer .FAQsHeader,
.FAQsSection .FAQsContainer .FAQsContent,
.CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent,
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer {
    width: 100%;
    max-width: 45%;
}
.IndustrySolutionsSection .IndustrySolutionsContainer .IndustrySolutionsDescription,
.FAQsSection .FAQsContainer .FAQsContent {
    max-width: 55%;
}
/* ============================================
   HOW TO ORDER
   ============================================ */
.HowToOrderSection .HowToOrderContainer .HowToOrderDescription {
    max-width: 600px;
    margin: 0 auto;
}
.HowToOrderSection .HowToOrderContainer .HowToOrderSteps,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-main-title-wrapper {
    margin-top: 20px;
}
.HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep {
    padding: 20px;
    padding-top: 35px;
    background-color: var(--BG1);
    border: 1px solid var(--Accent);
    border-radius: 20px;
}
.HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep img {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
}
/* ============================================
   VIDEO BRAND SECTION
   ============================================ */
.VideoBrandSection .VideoBrandContainer,
.FAQsSection .FAQsContainer,
.CategorySplitTopSection .CategorySplitTopContainer,
.CategorySplitLeftSection .CategorySplitLeftContainer {
    gap: 40px;
}
.VideoBrandSection .VideoBrandContainer .VideoBrandVideo,
.VideoBrandSection .VideoBrandContainer .VideoBrandContent,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqQuestion,
.CatalogPage .CatalogGridWrapper .product-page-wrapper #products-grid-container,
.SearchPage .SearchPageContent #style-products-grid-container,
.FaqWrapper .FaqItem .FaqTitle .FaqQuestion,
.ContactPage .ContactPageContainer .ContactPageWrapper .ContactPageForm,
.ContactPage .ContactPageContainer .ContactPageWrapper .ContactPageMap,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard {
    flex: 1;
}
.VideoBrandSection .VideoBrandContainer .VideoBrandContent,
.FAQsSection .FAQsContainer .FAQsHeader,
.CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent,
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer,
.ProductHero .ProductHeroContainer,
.ProductRelatedSection .ProductRelatedContainer,
.CatalogPage .CatalogGridWrapper .product-page-wrapper,
.SingleBlog .SingleBlogContainer {
    gap: 20px;
}
/* ============================================
   FAQS SECTION
   ============================================ */
.FAQsSection .FAQsContainer .FAQsHeader .FAQsDescription {
    max-width: 600px;
}
.FAQsSection .FAQsContainer .FaqWrapper,
.FaqWrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem,
.FaqWrapper .FaqItem {
    border: 1px solid var(--Accent);
    border-radius: 10px;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle,
.FaqWrapper .FaqItem .FaqTitle {
    display: flex;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    gap: 10px;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconClosed,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem.active .FaqTitle .FaqIcon .FaqIconOpened,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconClosed,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened,
.FaqWrapper .FaqItem.active .FaqTitle .FaqIcon .FaqIconOpened {
    display: flex;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconClosed,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconClosed,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened {
    align-items: center;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened,
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem.active .FaqTitle .FaqIcon .FaqIconClosed,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon .FaqIconOpened,
.FaqWrapper .FaqItem.active .FaqTitle .FaqIcon .FaqIconClosed,
.FooterSocial.SocialBar.FooterHidden,
.DesktopBtn.TabletBtn {
    display: none;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon svg {
    width: 18px;
    height: 18px;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg path,
.FaqWrapper .FaqItem .FaqTitle .FaqIcon svg path,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink svg path {
    fill: var(--Primary);
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqAnswer,
.FaqWrapper .FaqItem .FaqAnswer {
    height: 0;
    overflow: hidden;
}
.FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner,
.FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner {
    padding: 10px 20px;
    border-block-start: 1px solid var(--Accent);
}
/* ============================================
   CUSTOMER FEEDBACK SECTION
   ============================================ */
.CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent {
    max-width: 40%;
}
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer {
    max-width: 60%;
}
.CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent .CustomerFeedbackTitle {
    max-width: 500px;
}
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer .VideoReviewCard,
.SingleBlog .SingleBlogContainer .SingleBlogImage img {
    width: 100%;
    border-radius: 20px;
}
.CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer .VideoReviewCard video {
    border-radius: 20px !important;
}
/* ============================================
   FORM STYLES
   ============================================ */
form.custom-form label {
    line-height: 1;
}
.custom-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.custom-form .form-group {
    display: flex;
    flex-direction: column;
}
/* 4 column layout */
.CategoryForm .form-group {
    width: calc(20% - 8px);
}
/* Labels */
.CategoryForm .form-group label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--Text);
}
/* Inputs */
.CategoryForm .form-group input,
.CategoryForm .form-group select,
.CategoryForm .form-group textarea {
    padding: 8px 10px;
    border: 1px solid var(--Primary);
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
    background: var(--Secondary);
    line-height: 1;
}
.form-group input,
.form-group select,
.form-group textarea {
    transition: 0.2s all !important;
}
/* Full width fields */
.custom-form .form-group.full-width {
    width: 100%;
}
/* Submit button */
.custom-form .form-group.SubmitBtn {
    margin: 0 auto;
    margin-top: 10px;
    width: inherit;
}
.custom-form.d-flex.flex-column input[type="submit"] {
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--Accent);
    color: var(--Secondary);
    border: none;
    border-radius: 10px;
    line-height: 1;
}
.custom-form.d-flex.flex-column input[type="submit"]:hover {
    background-color: var(--Primary);
}
.custom-form .form-group input:focus,
.custom-form .form-group input:focus-visible,
.custom-form .form-group select:focus,
.custom-form .form-group select:focus-visible,
.custom-form .form-group textarea:focus,
.custom-form .form-group textarea:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.CategoryForm .form-group input:focus,
.CategoryForm .form-group select:focus,
.CategoryForm .form-group textarea:focus {
    border: 1px solid var(--Accent);
}
/* Product Form, Get A Quote Form Styling */
.ProductForm .form-group.Col50 {
    width: calc(50% - 5px);
}
.ProductForm .form-group.Col25 {
    width: calc(50% - 5px);
}
.ProductForm .form-group.Col33 {
    width: calc(33.33% - 7px);
}
.ProductForm .form-group label,
.GetQuoteForm .form-group label {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--Text);
}
.ProductForm .form-group input,
.ProductForm .form-group select,
.ProductForm .form-group textarea,
.GetQuoteForm .form-group input,
.GetQuoteForm .form-group select,
.GetQuoteForm .form-group textarea,
.FooterForm .form-group input,
.FooterForm .form-group button {
    padding: 8px 10px;
    border: 2px solid var(--Text);
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    background: var(--Secondary);
    line-height: 1;
}
.ProductForm .form-group input:focus,
.ProductForm .form-group select:focus,
.ProductForm .form-group textarea:focus,
.GetQuoteForm .form-group input:focus,
.GetQuoteForm .form-group select:focus,
.GetQuoteForm .form-group textarea:focus {
    border: 2px solid var(--Accent);
}
.ProductForm .form-group textarea {
    min-height: 102px;
}
/* Contact Form, Footer Form Styling */
.ContactForm .form-group.Col50 {
    width: calc(50% - 10px);
}
.ContactForm .form-group.full-width p,
.FooterForm.custom-form .form-group.SubmitBtn {
    margin: 0;
}
.FooterForm.custom-form {
    flex-wrap: nowrap;
    gap: 0;
}
.FooterForm.custom-form .form-group.EmailInput {
    width: 100%;
}
.FooterForm.custom-form .form-group.SubmitBtn {
    width: auto;
}
.FooterForm .form-group button {
    background-color: var(--Accent);
    justify-content: center;
    font-weight: 600 !important;
    border-radius: 0 10px 10px 0 !important;
}
.FooterForm .form-group button:hover {
    background-color: var(--Primary);
}
.FooterForm .form-group input,
.FooterForm .form-group button {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 10px 0 0 10px;
    font-weight: 500;
    min-height: 40px;
}
.FooterForm.custom-form .form-group.SubmitBtn button.Arrow:hover svg path {
    fill: var(--Accent);
}
.QuoteSection .QuoteContainer .QuoteDescription {
    max-width: 600px;
}
.QuoteSection .QuoteContainer .QuoteForm {
    margin: 10px 0 0;
}
/* ============================================
   FOOTER
   ============================================ */
footer .FooterMain .FooterContainer,
footer .FooterMain .FooterContainer .FooterCol,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-group .category-sub-items {
    gap: 15px;
}
footer .FooterMain .FooterContainer .FooterCol1 {
    width: 26%;
    gap: 20px;
}
footer .FooterMain .FooterContainer .FooterCol2,
footer .FooterMain .FooterContainer .FooterCol3,
footer .FooterMain .FooterContainer .FooterCol4,
footer .FooterMain .FooterContainer .FooterCol5 {
    width: 18.5%;
}
footer .FooterMain .FooterContainer .FooterCol2 {
    padding-left: 40px;
}
footer .FooterMain .FooterContainer .FooterCol1 img {
    width: 160px;
}
footer .FooterMain .FooterContainer .FooterCol ul {
    gap: 6px;
    list-style: none;
    margin: 0;
    font-weight: 500;
}
footer .FooterMain .FooterContainer .FooterCol ul li a,
footer .FooterMain .FooterContainer .FooterCol p {
    color: var(--Secondary);
}
footer .FooterMain .FooterContainer .FooterCol ul li a:hover,
.CategoryCarouselGrid .related-products-grid .products-grid .product-item a:hover,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item a:hover,
.ProductRelatedGrid .related-products-grid .products-grid .product-item a:hover,
.CustomBreadcrumbs .CustomBreadcrumbsList .CustomBreadcrumbsItem a:hover,
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax label:hover,
.CatalogPage .CatalogGridWrapper .products-grid .product-item a:hover,
.StylePage .StylePageGridWrapper .products-grid .product-item a:hover,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink:hover,
.MobileNavigationMenu .NavList > li > a:hover,
.MobileNavigationMenu .NavList > li.current-menu-item > a,
.MobileNavigationMenu .NavList > li.MobileDropdownOpen > a,
.MobileNavigationMenu .NavList .sub-menu li a:hover,
.MobileNavigationMenu .NavList .sub-menu li.current-menu-item a {
    color: var(--Accent);
}
footer .FooterMain .FooterContainer .FooterCol .FooterNewsletterForm,
.CategoryCarouselGrid .related-products-grid .products-grid .product-item a,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item a,
.ProductRelatedGrid .related-products-grid .products-grid .product-item a,
.CatalogPage .CatalogGridWrapper .products-grid .product-item a,
.StylePage .StylePageGridWrapper .products-grid .product-item a {
    color: var(--Text);
}
footer .FooterBottom {
    padding: 10px 20px;
    background: var(--Secondary);
    color: var(--Text);
    font-weight: 500;
}
footer .FooterMain .FooterContainer .FooterCol .FooterPhone a,
footer .FooterMain .FooterContainer .FooterCol .FooterAddress,
.ProductHero .ProductHeroContainer .ProductHeroInfo,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink {
    gap: 10px;
}
footer .FooterMain .FooterContainer .FooterCol .FooterPhone a:hover svg path,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink:hover svg path {
    fill: var(--Accent);
}
footer .FooterMain .FooterContainer .FooterCol .FooterPhone a svg path,
.ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard .ContactPageCardLink svg path {
    transition: all 0.2s;
}
footer .FooterMain .FooterContainer .FooterCol .FooterAddress svg {
    flex-shrink: 0;
}
/* ============================================
   CATEGORY TEMPLATE
   ============================================ */
.CategoryHero .CategoryHeroContainer .CategoryHeroContent {
    width: 45%;
    gap: 10px;
}
.CategoryHero .CategoryHeroContainer .CategoryHeroImage {
    width: 55%;
}
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .CategoryHeroDescription {
    max-width: 540px;
}
.CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges .TrustpilotBadge,
.ProductHero .ProductHeroInfo .HeroTrustBadges .TrustpilotBadge {
    width: inherit;
}
.CategoryCarouselGrid .related-products-grid .products-grid,
.CategoryRelatedGrid .related-products-grid .products-grid,
.ProductRelatedGrid .related-products-grid .products-grid,
.SearchPage .SearchPageContent .search-results-grid,
.StylePage .StylePageGridWrapper .products-grid {
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}
.CategoryCarouselGrid .related-products-grid .products-grid .product-item h3,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item h3,
.ProductRelatedGrid .related-products-grid .products-grid .product-item h3 {
    font-size: 16px !important;
}
.CategoryCarouselGrid .related-products-grid .products-grid .product-item,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item,
.ProductRelatedGrid .related-products-grid .products-grid .product-item,
.CatalogPage .CatalogGridWrapper .products-grid .product-item,
.StylePage .StylePageGridWrapper .products-grid .product-item {
    background-color: var(--BG2);
    border-radius: 20px;
}
.CategoryCarouselGrid .related-products-grid .products-grid .product-item img,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item img,
.ProductRelatedGrid .related-products-grid .products-grid .product-item img,
.CatalogPage .CatalogGridWrapper .products-grid .product-item img,
.StylePage .StylePageGridWrapper .products-grid .product-item img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
.CategoryCarouselGrid .related-products-grid .products-grid .product-item h3,
.CategoryRelatedGrid .related-products-grid .products-grid .product-item h3, 
.ProductRelatedGrid .related-products-grid .products-grid .product-item h3,
.CatalogPage .CatalogGridWrapper .products-grid .product-item h3,
.StylePage .StylePageGridWrapper .products-grid .product-item h3 {
    margin-top: -7px;
    padding: 10px 5px;
    text-align: center;
}
.tax-product_category .FeaturesSection {
    padding-bottom: 50px;
}
/* ============================================
   PAGINATION CATALOG + SEARCH PAGE 
   ============================================ */
.CategoryCarouselGrid .pagination,
.ProductRelatedGrid .pagination,
.CategoryRelatedGrid .pagination,
.CatalogPage .CatalogGridWrapper .pagination,
.SearchPage .SearchPageContent .pagination,
.StylePage .StylePageGridWrapper .pagination,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 30px 0 0;
}
.CategoryCarouselGrid .pagination .page-numbers,
.ProductRelatedGrid .pagination .page-numbers,
.CategoryRelatedGrid .pagination .page-numbers,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers,
.SearchPage .SearchPageContent .pagination .page-numbers,
.StylePage .StylePageGridWrapper .pagination .page-numbers,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers {
    padding: 6px 14px;
    background: #f0f0f0;
    color: var(--Text);
    border-radius: 8px;
    font-weight: 500;
    transition: 0.2s all;
}
.CategoryCarouselGrid .pagination .page-numbers:hover,
.CategoryCarouselGrid .pagination .page-numbers.current,
.ProductRelatedGrid .pagination .page-numbers:hover,
.ProductRelatedGrid .pagination .page-numbers.current,
.CategoryRelatedGrid .pagination .page-numbers:hover,
.CategoryRelatedGrid .pagination .page-numbers.current,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers:hover,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers.current,
.SearchPage .SearchPageContent .pagination .page-numbers:hover,
.SearchPage .SearchPageContent .pagination .page-numbers.current,
.StylePage .StylePageGridWrapper .pagination .page-numbers:hover,
.StylePage .StylePageGridWrapper .pagination .page-numbers.current,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers:hover,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers.current {
    background: var(--Accent);
    color: var(--Secondary);
}
.CategoryCarouselGrid .pagination .page-numbers:hover,
.ProductRelatedGrid .pagination .page-numbers:hover,
.CategoryRelatedGrid .pagination .page-numbers:hover,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers:hover,
.SearchPage .SearchPageContent .pagination .page-numbers:hover,
.StylePage .StylePageGridWrapper .pagination .page-numbers:hover,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers:hover {
    cursor: pointer;
}
.CategoryCarouselGrid .pagination .page-numbers.current,
.CategoryCarouselGrid .pagination .page-numbers.dots,
.ProductRelatedGrid .pagination .page-numbers.current,
.ProductRelatedGrid .pagination .page-numbers.dots,
.CategoryRelatedGrid .pagination .page-numbers.current,
.CategoryRelatedGrid .pagination .page-numbers.dots,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers.current,
.CatalogPage .CatalogGridWrapper .pagination .page-numbers.dots,
.SearchPage .SearchPageContent .pagination .page-numbers.current,
.SearchPage .SearchPageContent .pagination .page-numbers.dots,
.StylePage .StylePageGridWrapper .pagination .page-numbers.current,
.StylePage .StylePageGridWrapper .pagination .page-numbers.dots,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers.current,
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-pagination .page-numbers.dots {
    cursor: inherit;
}
/* ============================================
   CATEGORY DETAILED CONTENT + PRODUCT DESCRIPTION
   ============================================ */
.CategoryDetailedText {
    max-height: 500px;
    overflow: auto;
    padding-right: 15px;
    background-clip: padding-box;
}
.CategoryDetailedText h1,
.CategoryDetailedText h2,
.CategoryDetailedText h3,
.CategoryDetailedText h4,
.CategoryDetailedText h5,
.CategoryDetailedText h6,
.CategoryDetailedText p,
.CategoryDetailedText ul li,
.CategoryDetailedText ol li,
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductDescription p,
.SingleBlog .SingleBlogContainer .SingleBlogContent h1,
.SingleBlog .SingleBlogContainer .SingleBlogContent h2,
.SingleBlog .SingleBlogContainer .SingleBlogContent h3,
.SingleBlog .SingleBlogContainer .SingleBlogContent h4,
.SingleBlog .SingleBlogContainer .SingleBlogContent h5,
.SingleBlog .SingleBlogContainer .SingleBlogContent h6,
.SingleBlog .SingleBlogContainer .SingleBlogContent p,
.SingleBlog .SingleBlogContainer .SingleBlogContent figure,
.SingleBlog .SingleBlogContainer .SingleBlogContent ul li,
.SingleBlog .SingleBlogContainer .SingleBlogContent ol li,
.StaticPage .StaticPageContent h1,
.StaticPage .StaticPageContent h2,
.StaticPage .StaticPageContent h3,
.StaticPage .StaticPageContent h4,
.StaticPage .StaticPageContent h5,
.StaticPage .StaticPageContent h6,
.StaticPage .StaticPageContent p,
.StaticPage .StaticPageContent ul li,
.StaticPage .StaticPageContent ol li,
.ContactPage .ContactPageContainer .ContactPageTitle {
    margin-bottom: 10px;
}
.CategoryDetailedText ul,
.SingleBlog .SingleBlogContainer .SingleBlogContent ul,
.StaticPage .StaticPageContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.CategoryDetailedText > *:last-child,
.CategoryDetailedText > ul:last-child li:last-child,
.CategoryDetailedText > ol:last-child li:last-child,
.SingleBlog .SingleBlogContainer .SingleBlogContent > *:last-child,
.SingleBlog .SingleBlogContainer .SingleBlogContent > ul:last-child li:last-child,
.SingleBlog .SingleBlogContainer .SingleBlogContent > ol:last-child li:last-child,
.StaticPage .StaticPageContent > *:last-child,
.StaticPage .StaticPageContent > ul:last-child li:last-child,
.StaticPage .StaticPageContent > ol:last-child li:last-child {
    margin-bottom: 0 !important;
}
.CategoryDetailedText ol,
.SingleBlog .SingleBlogContainer .SingleBlogContent ol,
.StaticPage .StaticPageContent ol {
    padding-left: 15px;
    margin: 0;
}
.CategoryDetailedText ol li::marker,
.SingleBlog .SingleBlogContainer .SingleBlogContent ol li::marker,
.StaticPage .StaticPageContent ol li::marker {
    font-weight: bold;
}
.CategoryDetailedText ul li,
.SingleBlog .SingleBlogContainer .SingleBlogContent ul li,
.StaticPage .StaticPageContent ul li {
    position: relative;
    padding-left: 20px;
}
.CategoryDetailedText ul li::before,
.SingleBlog .SingleBlogContainer .SingleBlogContent ul li::before,
.StaticPage .StaticPageContent ul li::before {
    position: absolute;
    content: '';
    background: url(/wp-content/uploads/2026/05/Polygon_Text.svg) no-repeat center transparent;
    display: inline-flex;
    width: 10.5px;
    height: 14px;
    top: 5px;
    left: 0;
    background-size: contain;
}
.CategoryDetailedSection .CategoryDetailedContainer {
    padding: 25px 20px;
    border-radius: 20px;
}
/* ============================================
   AJAX LOADER FOR PRODUCTS GRID
   ============================================ */
.ajax-loader-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: transparent;
    text-align: center;
    margin: 0 auto;
}
.ajax-loader-top .ajax-loader-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid var(--Primary);
    border-top-color: transparent;
    border-radius: 50%;
    animation: ajaxSpinnerRotate 0.8s linear infinite;
    margin-bottom: 15px;
}
@keyframes ajaxSpinnerRotate {
    to {
        transform: rotate(360deg);
    }
}
.CatalogPage .CatalogGridWrapper #products-grid-container.loading,
.SearchPage .SearchPageContent #search-results-ajax-container.loading {
    min-height: auto;
    width: 100%;
}
/* ============================================
   STOCK TYPE SECTION
   ============================================ */
.CategoryStockSection .CategoryStockContainer .CategoryStockGrid .CategoryStockCard {
    padding: 20px;
    border-radius: 20px;
    gap: 10px;
}
/* ============================================
   CATEGORY SPLIT SECTION
   ============================================ */
.CategorySplitTopSection .CategorySplitTopContainer .CategorySplitTopContent,
.CategorySplitLeftSection .CategorySplitLeftContainer .CategorySplitLeftContent {
    max-width: 52%;
    gap: 10px;
}
/* ============================================
   BREADCRUMBS
   ============================================ */
.CustomBreadcrumbs .CustomBreadcrumbsList {
    padding: 12px 0 9px;
    margin: 0;
    font-weight: 500;
}
.CustomBreadcrumbs .CustomBreadcrumbsList .CustomBreadcrumbsItem .CustomBreadcrumbsSeparator svg {
    margin: 0 2px;
    stroke-width: 2px;
}
.CustomBreadcrumbs .CustomBreadcrumbsList .CustomBreadcrumbsItem a,
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductDescription .rm-toggle:hover {
    color: var(--Primary);
}
/* ============================================
   PRODUCT GALLERY SLIDER
   ============================================ */
/* Container - Visible immediately */
.ProductHeroGallery .custom-slider {
    visibility: visible;
    opacity: 1;
    position: relative;
    width: 100%;
}
/* Main Image Container */
.ProductHeroGallery .custom-slider .main-slider {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
}
/* Before Slick loads - show first slide only */
.ProductHeroGallery .custom-slider .main-slider:not(.slick-initialized),
.ProductHeroGallery .custom-slider .main-slider:not(.slick-initialized) > div:first-child {
    display: block;
}
.ProductHeroGallery .custom-slider .main-slider:not(.slick-initialized) > div {
    display: none;
}
.ProductHeroGallery .custom-slider .main-slider img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    -webkit-user-drag: none;
    user-select: none;
}
.ProductHeroGallery .custom-slider .main-slider .slick-track {
    display: flex;
}
/* All slides visible when Slick initialized */
.ProductHeroGallery .custom-slider .main-slider.slick-initialized .slick-slide {
    display: block !important;
    float: none;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
}
@media (min-width: 768px) {
    .ProductHeroGallery .custom-slider .main-slider .slick-slide {
        cursor: zoom-in;
    }
}
/* ============================================
   THUMBNAIL SLIDER
   ============================================ */
.ProductHeroGallery .custom-slider .thumb-slider {
    margin-top: 8px;
    width: 100%;
}
/* Hide thumb items before Slick loads - prevents CLS */
.ProductHeroGallery .custom-slider .thumb-slider:not(.slick-initialized) .thumb-item {
    display: none !important;
}
/* Thumbnail images */
.ProductHeroGallery .custom-slider .thumb-slider img {
    width: 100% !important;
    height: auto;
    display: block;
    border-radius: 10px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
/* ============================================
   FEW THUMBS (1-4) - 25% WIDTH
   ============================================ */

/* When 4 or fewer thumbs - FORCE 25% width */
.ProductHeroGallery .custom-slider.few-thumbs .thumb-slider .slick-slide {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    padding: 0 4px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
/* Few thumbs - LEFT ALIGNED */
.ProductHeroGallery .custom-slider.few-thumbs .thumb-slider .slick-track {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    transform: none !important;
}
/* ============================================
   MANY THUMBS (5+) - SLICK HANDLES WIDTH
   ============================================ */

/* More than 4 thumbs - Slick handles width, just ensure padding */
.ProductHeroGallery .custom-slider:not(.few-thumbs) .thumb-slider .slick-slide {
    padding: 0 4px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
/* More than 4 thumbs - LEFT ALIGNED for scrolling */
.ProductHeroGallery .custom-slider:not(.few-thumbs) .thumb-slider .slick-track {
    display: flex !important;
    justify-content: flex-start !important;
}
/* Thumb hover and active states */
.ProductHeroGallery .custom-slider .thumb-slider .slick-slide:hover,
.ProductHeroGallery .custom-slider .thumb-slider .slick-current {
    opacity: 1 !important;
}
.ProductHeroGallery .custom-slider .thumb-slider .slick-slide {
    display: flex;
}
/* Zoom effect */
.ProductHeroGallery .custom-slider .main-slider .zoom-img {
    transition: transform 0.15s ease-out;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* ============================================
   PRODUCT PAGE
   ============================================ */
.ProductHero .ProductHeroContainer .ProductHeroGallery,
.ProductHero .ProductHeroContainer .ProductHeroInfo,
.ProductHero .ProductHeroContainer .ProductHeroForm {
    flex: 1;
    min-width: 0;
}
.ProductHero .ProductHeroContainer .ProductHeroGallery {
    position: relative;
}
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroTitle {
    font-size: 32px;
    font-weight: 600;
}
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductDescription .rm-toggle {
    cursor: pointer;
    color: var(--Accent);
    font-weight: 500;
}
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroMeta {
    gap: 10px;
    margin-top: 5px;
    font-weight: 600;
    text-transform: capitalize;
}
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroMeta .ProductPrice,
.ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroMeta .ProductAvailability,
.ProductHero .ProductHeroContainer .ProductHeroGallery .ProductSkuBadge {
    padding: 4px 8px;
    background-color: #f0f0f0;
    border-radius: 8px;
}
.ProductHero .ProductHeroContainer .ProductHeroGallery .ProductSkuBadge {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 600;
}
.ProductHeroForm h2,
.QuotePageForm h2,
.ContactPageForm h3 {
    padding: 10px;
    background-color: var(--Text);
    color: var(--Secondary);
    border-radius: 10px 10px 0 0;
}
.ProductHeroForm .custom-form-container,
.QuotePageForm .custom-form-container,
.ContactPageForm .custom-form-container {
    padding: 20px 20px 15px;
    border: 2px solid var(--Text);
    border-radius: 0 0 10px 10px;
}
/* ============================================
   CATALOG PAGE
   ============================================ */
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar {
    width: 250px;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-group .category-main-label {
    font-size: 18px;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-group .category-main-label strong,
.CatalogPage .CatalogTitle,
.StylePage .StylePageTitle,
.SearchPage .QueryHeading h1{
    font-weight: 600;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-group .category-sub-items {
    gap: 12px;
    margin-top: 12px;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax label {
    gap: 10px;
    font-size: 16px;
    line-height: 1;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-toggle-mobile {
    display: none;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content {
    display: block;
}
/* Clear filters button - below categories */
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .clear-filters-btn {
    width: auto;
    padding: 8px 12px;
    margin-top: 25px;
    background: transparent;
    border: 1px solid var(--Accent);
    color: var(--Accent);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .clear-filters-btn:hover {
    background: var(--Accent);
    color: var(--Secondary);
}
.CatalogPage .CatalogTitle,
.StylePage .StylePageTitle {
    margin-bottom: 20px;
}
/* ============================================
    SEARCH RESULTS GRID
    ============================================ */
.SearchPage .SearchPageContent .QueryHeading {
    text-align: center;
    margin-bottom: 20px;
}
.SearchPage .SearchPageContent .QueryHeading h1 {
    margin-bottom: 5px;
}
.SearchPage .SearchPageContent .QueryHeading p {
    font-weight: 500;
}
.SearchPage .SearchPageContent .search-results-grid .search-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    background: var(--Secondary);
}
.SearchPage .SearchPageContent .search-results-grid .search-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.SearchPage .SearchPageContent .search-results-grid .search-card img {
    width: 100%;
    height: 285px;
    object-fit: cover;
}
.SearchPage .SearchPageContent .search-results-grid .search-card .no-image {
    height: 285px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}
.SearchPage .SearchPageContent .search-results-grid .search-card .ItemDetail {
    padding: 10px 5px;
    text-align: center;
    color: var(--Text);
    border-top: 1px solid #eee;
}
.SearchPage .SearchPageContent .search-results-grid .search-card .ItemDetail span {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--BG2);
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}
.SearchPage .SearchPageContent .search-card,
.SearchPage .SearchPageContent .search-card:hover,
.SearchPage .SearchPageContent .search-card:focus,
.SearchPage .SearchPageContent .search-card:active,
.SearchPage .SearchPageContent .search-card:visited {
    text-decoration: none !important;
}
/* ============================================
    BLOG LISTING
   ============================================ */
section.BlogPageHeader,
section.PageHeader {
    padding: 20px 20px 50px;
    background-image: url("/wp-content/uploads/2026/05/About_Banner-1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-fit-height {
    position: relative;
    padding-bottom: calc( 0.6 * 100% );
    overflow: hidden;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    min-height: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    transition: all .25s;
    overflow: hidden;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-fit-height img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: scale(1) translate(-50%,-50%);
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 7px 14px;
    background: var(--Accent);
    color: var(--Secondary);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 10px;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 15px;
    flex-grow: 1;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__text .boxo-post__title a {
    color: var(--Text);
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__text .boxo-post__title a:hover {
    color: var(--Accent);
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__text .boxo-post__read-more {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__meta-data {
    padding: 10px 15px;
    border-top: 1px solid #eaeaea;;
    line-height: 1;
}
.BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts article.boxo-post .boxo-post__card .boxo-post__meta-data .boxo-post-date {
    font-size: 12px;
    font-weight: 500;
}
/* ============================================
    SINGLE BLOG PAGE
   ============================================ */
.SingleBlog.section {
    max-width: 1280px;
    padding-top: 40px;
}
.SingleBlog .SingleBlogContainer .SingleBlogContent ol,
.SingleBlog .SingleBlogContainer .SingleBlogContent ul,
.StaticPage .StaticPageContent ol,
.StaticPage .StaticPageContent ul {
    margin-left: 12px;
}
.SingleBlog .SingleBlogContainer .SingleBlogContent img,
.StaticPage .StaticPageContent img {
    margin-top: 5px;
    border-radius: 20px;
}
.SingleBlog .SingleBlogContainer .SingleBlogContent figure .wp-caption-text,
.StaticPage .StaticPageContent figure .wp-caption-text {
    text-align: center;
    font-weight: 500;
    font-size: 100%;
    opacity: 1;
}
/* ============================================
    STATIC PAGE
   ============================================ */
.StaticPage.section,
.QuotePage.section,
.ContactPage.section {
    max-width: 1280px;
}
.FAQsPage.section {
    max-width: 1200px;
}
/* ============================================
    CONTACT PAGE
   ============================================ */
.ContactPage .ContactPageContainer .ContactPageWrapper .ContactPageMap iframe {
    width: 100%;
    height: 340px;
    border-radius: 10px;
}
.ContactPage .ContactPageContainer .ContactPageCard .ContactPageCardIcon svg {
    height: 40px;
}
/* ============================================
    MOBILE MENU
   ============================================ */
.MobileNavigationMenu {
    padding: 20px 20px 40px;
}
.MobileNavigationMenu.MobileMenuOpen {
    transform: translateX(0);
    pointer-events: auto;
}
.MobileNavigationMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    max-width: 85%;
    height: 100vh;
    background: var(--Secondary);
    overflow-y: auto;
    z-index: 100000;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.35s ease;
}
.MobileMenuHeader {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.MobileMenuLogo .custom-logo {
    display: block;
    width: 110px;
}
.MobileMenuClose {
    padding: 0;
    width: 30px;
    height: 30px;
    background: none;
    color: var(--Accent);
    border: 1px solid var(--Accent);
    border-radius: 8px;
}
.MobileMenuClose:hover {
    border: 1px solid var(--Primary)
}
.MobileNavigationMenu .NavList {
    gap: 15px;
    margin: 20px 0 0;
    list-style: none;
}
.MobileNavigationMenu .NavList > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    color: var(--Text);
    font-size: 15px;
    font-weight: 600;
}
.MobileNavigationMenu .NavList li.menu-item-has-children > a::after {
    content: '';
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--Text);
    border-bottom: 2px solid var(--Text);
    transform: rotate(45deg);
    transition: all 0.3s ease;
}
.MobileNavigationMenu .NavList li.menu-item-has-children > a:hover::after,
.MobileNavigationMenu .NavList > li.menu-item-has-children.MobileDropdownOpen > a::after {
    border-right-color: var(--Accent);
    border-bottom-color: var(--Accent);
}
.MobileNavigationMenu .NavList li.menu-item-has-children.MobileDropdownOpen > a::after {
    transform: rotate(-135deg);
}
.MobileNavigationMenu .NavList .sub-menu {
    display: none;
    list-style: none;
    margin: 5px 0 0;
}
.MobileNavigationMenu .NavList li.MobileDropdownOpen > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.MobileNavigationMenu .NavList .sub-menu li a {
    display: block;
    font-size: 13px;
    color: var(--ParaText);
    font-weight: 500;
}
.MobileOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99;
    display: none;
    cursor: pointer;
    }
.MobileOverlay.MobileOverlayActive {
    display: block;
}
/* ===================================================
   WHATSAPP FLOATING ICON - PULSE RING (NO box-shadow)
   =================================================== */
.WhatsAppFloating {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
}
.WhatsAppFloating.pulse::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.6);
    animation: whatsappPulse 1s ease-out infinite;
    pointer-events: none;
    z-index: -1;
}
.WhatsAppFloating:hover {
    transform: scale(1.1);
}
.WhatsAppFloating:active {
    transform: scale(0.95);
}
.WhatsAppFloating svg {
    display: block;
    width: 32px;
    height: 32px;
    fill: #FFFFFF;
}
@keyframes whatsappPulse {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}
@media (max-width: 1600px) {
    .NavigationMenu.DesktopNavigationMenu .NavList {
        gap: 30px;
    }
}
@media (max-width: 1460px) {
    .NavigationMenu.DesktopNavigationMenu .NavList {
        gap: 15px;
    }
}
@media (max-width: 1366px) {
    .HeaderLogo .custom-logo {
        width: 140px;
    }
    .DesktopNavigationMenu .NavList li.menu-item-has-children > .MenuWrapper {
        padding-top: 13.5px;
    }
    .DesktopNavigationMenu .NavList > li > a {
        padding: 7px;
        font-size: 15px;
    }
    .SearchModule .live-search-item-title {
        font-size: 13px;
    }
    .SearchModule .live-search-item-type {
        font-size: 9.5px;
    }
    .SearchModule .live-search-no-results,
    .SearchModule .live-search-error {
        padding: 20px;
        text-align: center;
        color: red;
        font-size: 14px;
    }
    .HeroContainer.flex,
    .HeroContent,
    .CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer,
    .CategoryHero .CategoryHeroContainer {
        gap: 15px;
    }
    .HeroContent,
    .CategoryHero .CategoryHeroContainer {
        padding: 20px;
    }
    .HeroContent .HeroContentInner {
        width: 48%;
    }
    div.ClientTrack img {
        height: 30px;
        margin-right: 30px;
    }
    .boxo-tabs,
    .boxo-static-carousel.home-slider-2,
    .boxo-static-carousel.home-slider-4 {
        --slides: 4;
    }
    .FeaturesSection .FeaturesGrid .FeatureCard {
        padding: 20px;
    }
    .DestinationSection .DestinationContainer,
    .VideoBrandSection .VideoBrandContainer,
    .FAQsSection .FAQsContainer,
    .CategorySplitTopSection .CategorySplitTopContainer,
    .CategorySplitLeftSection .CategorySplitLeftContainer {
        gap: 30px;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent {
        max-width: 32%;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer {
        max-width: 68%;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer {
        gap: 20px;
    }
    .ProductForm .form-group.Col25 {
        width: calc(25% - 8px);
    }
    .ProductForm .form-group textarea {
        min-height: 36px;
    }
    footer .FooterMain .FooterContainer .FooterCol1 {
        width: 28%;
    }
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3,
    footer .FooterMain .FooterContainer .FooterCol4 {
        width: 18%;
    }
    footer .FooterMain .FooterContainer .FooterCol5 {
        width: 24%;
    }
    footer .FooterMain .FooterContainer .FooterCol2 {
        padding-left: 30px;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid .product-item h3,
    .ProductRelatedGrid .related-products-grid .products-grid .product-item h3,
    .CategoryRelatedGrid .related-products-grid .products-grid .product-item h3 {
        font-size: 15px !important;
    }
    .ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroTitle {
        font-size: 30px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-group .category-main-label,
    .CatalogPage .CatalogGridWrapper .products-grid .product-item h3,
    .StylePage .StylePageGridWrapper .products-grid .product-item h3 {
        font-size: 16px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax label {
        font-size: 14px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar {
        width: 200px;
    }
    .SearchPage .SearchPageContent .search-results-grid,
    .StylePage .StylePageGridWrapper .products-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1260px) {
    .NavigationMenu.DesktopNavigationMenu .NavList {
        gap: 5px;
    }
}
@media (min-width: 1201px) {
    .MobileNavigationMenu {
        display: none !important;
    }
}
@media (max-width: 1200px) {
    .DesktopBtn.PhoneLink::before {
        width: 13px;
        height: 13px;
        margin-right: 8px;
    }
    .SearchModule form.custom-live-search-form .search-input {
        padding: 9px 10px;
        font-size: 14px;
    }
    .SearchModule form.custom-live-search-form .search-btn {
        padding: 6px 15px;
    }
    .ToggleIcon {
        width: 35px;
        height: 35px;
        padding: 7px;
    }
    .DesktopNavigationMenu .NavList li.menu-item-has-children > .MenuWrapper {
        padding: 0 10px;
    }
    .DesktopNavigationMenu .NavList > li > a {
        font-size: 15px;
    }
    .DesktopNavigationMenu .NavList li.menu-item-has-children > .MenuWrapper .sub-menu {
        padding: 10px;
    }
    .DesktopNavigationMenu .NavList .sub-menu li a {
        padding: 6px 9px;
        font-size: 13px;
    }
    .SearchSection .SearchModule .search-input {
        font-size: 14px;
    }
    .SearchModule .live-search-item-image,
    .SearchModule .live-search-item-image-placeholder {
        width: 42px;
        height: 42px;
        margin-right: 12px;
    }
    .SearchModule .live-search-item-info {
        gap: 12px;
    }
    .SearchModule .live-search-item-type {
        font-size: 9px;
    }
    .SearchModule .live-search-view-all {
        padding: 15px;
    }
    .SearchModule .live-search-view-all-btn {
        padding: 11px 13px;
        font-size: 13px;
    }
    .HeroContainer.flex {
        padding: 15px 20px;
    }
    .HeroContent .HeroContentInner .HeroDescription {
        max-width: 360px;
    }
    .HeroContent .HeroContentInner .HeroBtn,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .CategoryHeroBtn {
        margin-top: 5px;
    }
    .HeroContent .HeroContentInner .HeroTrustBadges,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges,
    .ProductHero .ProductHeroInfo .HeroTrustBadges {
        margin-top: 10px;
    }
    .TopPicksSection.section-nopadding {
        padding-top: 15px;
    }
    .TopPicksSection .TopPicksContainer .TopPicksDescription {
        max-width: 750px;
    }
    .boxo-tabs .boxo-tabs-nav .boxo-tab-btn {
        padding: 8px 14px;
        font-size: 14px;
        line-height: 24px;
    }
    .boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-arrow,
    .boxo-static-carousel .boxo-tab-arrow {
        padding: 8px 13px;
    }
    .boxo-tabs .boxo-tab-panel .boxo-tab-carousel,
    .boxo-static-carousel .boxo-tab-carousel {
        padding-bottom: 40px;
    }
    .boxo-static-carousel {
        padding-top: 10px;
    }
    .boxo-static-carousel.home-slider-1,
    .boxo-static-carousel.home-slider-3 {
        --slides: 3;
    }
    .home-slider-1 .boxo-home-card h3 {
        padding: 5px 15px 0;
    }
    .home-slider-1 .boxo-home-card-content,
    .home-slider-4 .boxo-industry-card .boxo-industry-overlay {
        padding: 15px;
    }
    .home-slider-4 .boxo-industry-card .boxo-industry-overlay {
        padding-bottom: 20px;
    }
    .home-slider-1 .boxo-home-card-btn {
        padding: 11px 13px;
        margin-top: 5px;
        font-size: 13px;
    }
    .home-slider-2 .boxo-home-card-simple h3 a {
        padding: 0px 10px 10px;
    }
    .home-slider-3 .boxo-feature-card .boxo-feature-icon img,
    .FeaturesSection .FeaturesGrid .FeatureCard .FeatureIcon img {
        width: 40px;
        height: auto;
    }
    .FeaturedBoxesSection .FeaturedBoxesContainer .FeaturedBoxesDescription {
        max-width: 710px;
    }
    .FeaturedBoxesSection .FeaturedBoxesContainer .FeaturedBoxesViewAll .FeaturedBoxesBtn {
        width: 140px;
        margin-top: -25px;
    }
    .DestinationSection .DestinationContainer .DestinationContent,
    .VideoBrandSection .VideoBrandContainer .VideoBrandContent,
    .FAQsSection .FAQsContainer .FAQsHeader,
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent,
    footer .FooterMain .FooterContainer {
        gap: 10px;
    }
    .IndustrySolutionsSection .IndustrySolutionsContainer,
    .VideoBrandSection .VideoBrandContainer,
    .FAQsSection .FAQsContainer,
    .CategoryStockSection .CategoryStockContainer {
        gap: 20px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderDescription,
    .QuoteSection .QuoteContainer .QuoteDescription {
        max-width: 500px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps {
        margin-top: 15px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep {
        padding: 15px;
        padding-top: 30px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep img {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle,
    .FaqWrapper .FaqItem .FaqTitle {
        font-size: 16px;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg,
    .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg,
    .CustomBreadcrumbs .CustomBreadcrumbsList .CustomBreadcrumbsItem .CustomBreadcrumbsSeparator svg {
        width: 16px;
        height: 16px;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner,
    .FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner {
        font-size: 13px;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer {
        flex-wrap: wrap;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent,
    .CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer {
        align-items: center;
        max-width: 100%;
        text-align: center;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent .CustomerFeedbackBtn,
    .NavigationMenu.DesktopNavigationMenu,
    .CountryFlag,
    .DesktopBtn {
        display: none;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent .CustomerFeedbackDescription,
    .CustomerFeedbackSection .CustomerFeedbackContainer .CustomerFeedbackContent .CustomerFeedbackTitle {
        max-width: 600px;
    }
    .custom-form.d-flex.flex-column input[type="submit"] {
        padding: 11px 15px;
        font-size: 13px;
    }
    footer .FooterMain .FooterContainer .FooterCol1 {
        width: 34%;
    }
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3,
    footer .FooterMain .FooterContainer .FooterCol4 {
        width: 16.5%;
    }
    footer .FooterMain .FooterContainer .FooterCol5 {
        width: 25%;
    }
    footer .FooterMain .FooterContainer .FooterCol2 {
        padding-left: 20px;
    }
    footer .FooterMain .FooterContainer .FooterCol1 img {
        width: 150px;
    }
    footer .FooterMain {
        padding-top: 50px;
    }
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .CategoryHeroDescription {
        max-width: 460px;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid,
    .ProductRelatedGrid .related-products-grid .products-grid,
    .CategoryRelatedGrid .related-products-grid .products-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .tax-product_category .FeaturesSection {
        padding-bottom: 40px;
    }
    .CategoryDetailedText h1,
    .CategoryDetailedText h2,
    .CategoryDetailedText h3,
    .CategoryDetailedText h4,
    .CategoryDetailedText h5,
    .CategoryDetailedText h6,
    .CategoryDetailedText ul li,
    .CategoryDetailedText ol li,
    .ProductHero .ProductHeroContainer .ProductHeroInfo .ProductDescription p,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h1,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h2,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h3,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h4,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h5,
    .SingleBlog .SingleBlogContainer .SingleBlogContent h6,
    .SingleBlog .SingleBlogContainer .SingleBlogContent p,
    .SingleBlog .SingleBlogContainer .SingleBlogContent figure,
    .SingleBlog .SingleBlogContainer .SingleBlogContent ul li,
    .SingleBlog .SingleBlogContainer .SingleBlogContent ol li,
    .StaticPage .StaticPageContent h1,
    .StaticPage .StaticPageContent h2,
    .StaticPage .StaticPageContent h3,
    .StaticPage .StaticPageContent h4,
    .StaticPage .StaticPageContent h5,
    .StaticPage .StaticPageContent h6,
    .StaticPage .StaticPageContent p,
    .StaticPage .StaticPageContent ul li,
    .StaticPage .StaticPageContent ol li {
        margin-bottom: 5px;
    }
    .CategoryDetailedText ul li,
    .SingleBlog .SingleBlogContainer .SingleBlogContent ul li,
    .StaticPage .StaticPageContent ul li {
        padding-left: 18px;
    }
    .CategoryDetailedText ul li::before,
    .SingleBlog .SingleBlogContainer .SingleBlogContent ul li::before,
    .StaticPage .StaticPageContent ul li::before {
        width: 9.5px;
        height: 13px;
        top: 4.5px;
    }
    footer .FooterMain .FooterContainer .FooterCol .FooterContact svg {
        width: 14px;
        height: auto;
    }
    .ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroTitle {
        font-size: 28px;
    }
    .CatalogPage .CatalogGridWrapper .products-grid,
    .StylePage .StylePageGridWrapper .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    section.BlogPageHeader,
    section.PageHeader {
        padding: 10px 20px 40px;
    }
    .SingleBlog .SingleBlogContainer {
        gap: 15px;
    }
    .SingleBlog.section {
        padding-top: 30px;
    }
    .SocialBar.MobileSocialWrapper, .ToggleIcon, .HamburgerToggle,
    .DesktopBtn.TabletBtn {
        display: flex;
    }
}
@media (min-width: 1025px) {
    .MobileNaviationMenu, .MenuuoteBtn, .MobileSearchection, .MobileSocialection {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .HeaderLogo .custom-logo {
        width: 135px;
    }
    .SocialBar, .DesktopNavSection.flex, .CountryFlag, .HeroBannerLeft.flex, .HeroBannerRight.flex {
        display: none;
    }
    .SearchModule .live-search-dropdown {
        position: relative;
    }
    .boxo-tabs {
        --slides: 3;
        padding-top: 15px;
    }
    .boxo-tabs .boxo-tabs-nav {
        flex-wrap: wrap;
        max-width: 640px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .boxo-tabs .boxo-tabs-nav .boxo-tab-btn {
        width: inherit;
    }
    .boxo-static-carousel.home-slider-2,
    .boxo-static-carousel.home-slider-4 {
        --slides: 3;
    }
    .DestinationSection .DestinationContainer,
    .VideoBrandSection .VideoBrandContainer,
    .FAQsSection .FAQsContainer,
    .CategorySplitTopSection .CategorySplitTopContainer,
    .CategorySplitLeftSection .CategorySplitLeftContainer {
        flex-direction: column;
        gap: 20px;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }
    .CategorySplitLeftSection .CategorySplitLeftContainer {
        flex-direction: column-reverse;
    }
    .DestinationSection .DestinationContainer .DestinationImage,
    .DestinationSection .DestinationContainer .DestinationContent,
    .VideoBrandSection .VideoBrandContainer .VideoBrandContent,
    .FAQsSection .FAQsContainer .FAQsHeader,
    .FAQsSection .FAQsContainer .FAQsContent,
    .CategorySplitTopSection .CategorySplitTopContainer .CategorySplitTopImage,
    .CategorySplitTopSection .CategorySplitTopContainer .CategorySplitTopContent,
    .CategorySplitLeftSection .CategorySplitLeftContainer .CategorySplitLeftImage,
    .CategorySplitLeftSection .CategorySplitLeftContainer .CategorySplitLeftContent {
        max-width: 100%;
        align-items: center;
    }
    .FAQsSection .FAQsContainer .FAQsContent {
        text-align: left;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle,
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner,
    .FaqWrapper .FaqItem .FaqTitle,
    .FaqWrapper .FaqItem .FaqAnswer .FaqAnswerInner {
        padding: 8px 15px;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle,
    .FaqWrapper .FaqItem .FaqTitle {
        font-size: 15px;
    }
    .CategoryForm .form-group {
        width: calc(25% - 8px);
    }
    .QuoteSection .QuoteContainer .QuoteForm {
        margin: 5px 0 0;
    }
    footer .FooterMain .FooterContainer {
        flex-wrap: wrap;
    }
    footer .FooterMain .FooterContainer .FooterCol1 .FooterDescription {
        max-width: 650px;
    }
    footer .FooterMain .FooterContainer .FooterCol1 .FooterNewsletterForm {
        max-width: 360px;
    }
    footer .FooterMain .FooterContainer .FooterCol1 {
        width: 100%;
        margin-bottom: 30px;
    }
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3,
    footer .FooterMain .FooterContainer .FooterCol4 {
        width: 23%;
    }
    footer .FooterMain .FooterContainer .FooterCol5 {
        width: 27%;
    }
    footer .FooterMain .FooterContainer .FooterCol2 {
        padding-left: 0;
    }
    .FooterSocial.SocialBar {
        display: flex;
    }
    .CategoryStockSection .CategoryStockContainer .CategoryStockGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroTitle {
        font-size: 26px;
    }
    .ProductHero .ProductHeroContainer .ProductHeroGallery,
    .ProductHero .ProductHeroContainer .ProductHeroInfo {
        flex: 0 0 calc((100% - 20px) / 2);
    }
    .ProductHero .ProductHeroContainer .ProductHeroForm {
        flex: 0 0 100%;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar form#product-filter-ajax .category-main-title-wrapper {
        margin-top: 15px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar {
        width: 180px;
    }
    .SearchPage .SearchPageContent .search-results-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .CategoryStockSection .CategoryStockContainer .CategoryStockGrid .CategoryStockCard .CategoryStockImage img {
        width: 100%;
    }
}
@media (max-width: 880px) {
    .boxo-tabs .boxo-tabs-nav .boxo-tab-btn {
        padding: 6px 14px;
    }
    .boxo-static-carousel.home-slider-1,
    .boxo-static-carousel.home-slider-3 {
        --slides: 2;
    }
    .FeaturesSection .FeaturesGrid,
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps,
    .CatalogPage .CatalogGridWrapper .products-grid,
    .SearchPage .SearchPageContent .search-results-grid,
    .BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts {
        grid-template-columns: repeat(2, 1fr);
    }
    footer .FooterMain .FooterContainer {
        gap: 5px;
    }
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3,
    footer .FooterMain .FooterContainer .FooterCol4 {
        width: 22.5%;
    }
    footer .FooterMain .FooterContainer .FooterCol5 {
        width: 30%;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid,
    .ProductRelatedGrid .related-products-grid .products-grid,
    .CategoryRelatedGrid .related-products-grid .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .ProductHero .ProductHeroContainer .ProductHeroInfo .ProductHeroTitle {
        font-size: 24px;
    }
    .ContactPage .ContactPageContainer .ContactPageDescription {
        max-width: 500px;
        margin: 0 auto;
    }
    .ContactPage .ContactPageContainer .ContactPageWrapper {
        flex-wrap: wrap;
        gap: 20px;
    }
    .ContactPage .ContactPageContainer .ContactPageWrapper .ContactPageForm,
    .ContactPage .ContactPageContainer .ContactPageWrapper .ContactPageMap {
        flex: 0 0 100%;
    }
    .ContactPage .ContactPageContainer,
    .ContactPage .ContactPageContainer .ContactPageInfo {
        gap: 20px;
    }
}
@media (min-width: 768px) {
    .MenuQuoteBtn {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .HeaderContainer.section {
        padding: 5px 15px;
        gap: 10px;
    }
    .HeaderLogo .custom-logo {
        width: 120px;
    }
    .boxo-news-ticker span {
        font-size: 12.5px;
    }
    .DesktopBtn.flex {
        display: none;
    }
    .HamburgerBar {
        width: 20px;
    }
    .HamburgerActive .HamburgerBar:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .HamburgerActive .HamburgerBar:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }
    .ToggleIcon.ToggleSocialOpen svg {
        width: 25px;
        height: 25px;
    }
    .PhoneLink.PhoneMobile,
    .FooterSocial.SocialBar.FooterHidden {
        display: flex;
    }
    .SearchModule .live-search-dropdown {
        max-height: 45vh;
    }
    .SearchModule .live-search-item {
        padding: 10px 12px;
    }
    .SearchModule .live-search-item-image,
    .SearchSection .SearchModule .live-search-item-image-placeholder {
        width: 40px;
        height: 40px;
    }
    .SearchModule .live-search-item-type {
        padding: 5px;
        font-size: 8px;
    }
    .SearchModule .live-search-item-image,
    .SearchModule .live-search-item-image-placeholder {
        margin-right: 10px;
    }
    .SearchModule .live-search-item-info {
        gap: 10px;
    }
    .HeroContainer.flex,
    .FeaturesSection .FeaturesGrid .FeatureCard,
    .ProductHeroForm .custom-form-container,
    .QuotePageForm .custom-form-container {
        padding: 15px;
    }
    .HeroContent.flex-row,
    .CategoryHero .CategoryHeroContainer {
        padding: 20px 15px;
        flex-direction: column-reverse;
    }
    .HeroContent .HeroContentInner,
    .HeroContent .HeroProductImage,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent,
    .CategoryHero .CategoryHeroContainer .CategoryHeroImage,
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar,
    .CatalogPage .CatalogGridWrapper .product-page-wrapper #products-grid-container {
        width: 100%;
    }
    .HeroContent .HeroContentInner.flex-col,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent {
        align-items: center;
        text-align: center;
    }
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .CategoryHeroDescription {
       max-width: 420px;
    }
    .HeroContent .HeroContentInner .HeroDescription {
        max-width: 340px;
    }
    .HeroContent .HeroContentInner .HeroTrustBadges,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges,
    .ProductHero .ProductHeroInfo .HeroTrustBadges {
        flex-direction: column;
    }
    .HeroContent .HeroContentInner .HeroGoogleReviews img,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroGoogleReviews img,
    .ProductHero .ProductHeroInfo .HeroGoogleReviews img {
        width: 160px;
    }
    .HeroContent .HeroContentInner .HeroTrustBadges .TrustpilotBadge,
    .CategoryHero .CategoryHeroContainer .CategoryHeroContent .HeroTrustBadges .TrustpilotBadge,
    .ProductHero .ProductHeroInfo .HeroTrustBadges .TrustpilotBadge {
        width: auto;
        margin: 5px 0 0;
    }
    .boxo-tabs {
        --slides: 2;
        --gap: 15px;
        align-items: start;
        padding-top: 10px;
    }
    .boxo-tabs .boxo-tabs-nav {
        max-width: 100%;
        flex-wrap: nowrap;
        justify-content: start;
        margin-bottom: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .boxo-tabs .boxo-tabs-nav::-webkit-scrollbar,
    .FooterSocial.SocialBar { 
        display: none;
    }
    .boxo-tabs .boxo-tab-panel .boxo-tab-carousel,
    .boxo-static-carousel .boxo-tab-carousel {
        padding-bottom: 30px;
    }
    .boxo-static-carousel.home-slider-1,
    .boxo-static-carousel.home-slider-3,
    .boxo-static-carousel.home-slider-4 {
        --slides: 1;
        --gap: 15px;
    }
    .boxo-static-carousel.home-slider-2 {
        --slides: 2;
        --gap: 15px;
    }
    .boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track,
    .boxo-static-carousel .boxo-tab-carousel .boxo-tab-carousel-track {
        padding-inline-end: 40px;
    }
    .boxo-static-carousel.home-slider-2 .boxo-tab-carousel .boxo-tab-carousel-track {
        padding-inline-end: inherit;
    }
    .home-slider-3 .boxo-feature-card,
    .CategoryDetailedSection .CategoryDetailedContainer,
    .CategoryStockSection .CategoryStockContainer .CategoryStockGrid .CategoryStockCard {
        padding: 15px;
    }
    .home-slider-4 .boxo-industry-card .boxo-industry-desc {
        max-height: inherit;
        opacity: 1;
    }
    .FeaturesSection .FeaturesGrid,
    .CategoryStockSection .CategoryStockContainer .CategoryStockGrid {
        gap: 15px;
    }
    .FeaturedBoxesSection .FeaturedBoxesContainer .FeaturedBoxesViewAll .FeaturedBoxesBtn {
        margin-top: -20px;
    }
    .IndustrySolutionsSection .IndustrySolutionsContainer {
        flex-wrap: wrap;
        text-align: center;
        gap: 10px;
    }
    .IndustrySolutionsSection .IndustrySolutionsContainer .IndustrySolutionsHeader,
    .IndustrySolutionsSection .IndustrySolutionsContainer .IndustrySolutionsDescription {
        max-width: 100%;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps {
        gap: 15px;
        margin-top: 10px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep {
        padding: 10px;
        padding-top: 20px;
    }
    .HowToOrderSection .HowToOrderContainer .HowToOrderSteps .HowToOrderStep .HowToOrderStepDescription {
        font-size: 12px;
    }
    .FAQsSection .FAQsContainer .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg,
    .FaqWrapper .FaqItem .FaqTitle .FaqIcon svg {
        width: 14px;
        height: 14px;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer {
        overflow-x: auto;
        padding-bottom: 15px;
        scroll-snap-type: x mandatory;
        scroll-snap-align: start;
    }
    .CustomerFeedbackSection .CustomerFeedbackContainer .VideoReviewsContainer .VideoReviewCard {
        min-width: 225px;
        scroll-snap-type: x mandatory;
        scroll-snap-align: start;
    }
    .CategoryForm .form-group {
        width: calc(50% - 10px);
    }
    .CategoryForm .form-group,
    .ContactForm .form-group.Col50,
    .ProductForm .form-group.Col25 {
        width: calc(50% - 5px);
    }
    .ProductForm .form-group.Col33,
    .home-slider-1 .boxo-home-card .boxo-home-card-image img,
    .home-slider-4 .boxo-industry-card .boxo-industry-image img {
        width: 100%;
    }
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3,
    footer .FooterMain .FooterContainer .FooterCol4,
    footer .FooterMain .FooterContainer .FooterCol5 {
        width: 48%;
    }
    footer .FooterMain .FooterContainer .FooterCol1,
    footer .FooterMain .FooterContainer .FooterCol2,
    footer .FooterMain .FooterContainer .FooterCol3 {
        margin-bottom: 20px;
    }
    .FooterMain .FooterContainer .FooterCol6 {
        margin: 20px auto 0;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid .product-item h3,
    .ProductRelatedGrid .related-products-grid .products-grid .product-item h3,
    .CategoryRelatedGrid .related-products-grid .products-grid .product-item h3,
    .CatalogPage .CatalogGridWrapper .products-grid .product-item h3,
    .StylePage .StylePageGridWrapper .products-grid .product-item h3 {
        font-size: 14px !important;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid,
    .ProductRelatedGrid .related-products-grid .products-grid,
    .CategoryRelatedGrid .related-products-grid .products-grid,
    .CatalogPage .CatalogGridWrapper .products-grid,
    .SearchPage .SearchPageContent .search-results-grid,
    .StylePage .StylePageGridWrapper .products-grid {
        gap: 15px;
    }
    .CategoryCarouselGrid .related-products-grid .products-grid,
    .ProductRelatedGrid .related-products-grid .products-grid,
    .CategoryRelatedGrid .related-products-grid .products-grid,
    .StylePage .StylePageGridWrapper .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .tax-product_category .FeaturesSection {
        padding-bottom: 30px;
    }
    .ProductHeroGallery .custom-slider .main-slider img {
        cursor: default;
        touch-action: manipulation;
    }
    .ProductHeroGallery .custom-slider .main-slider .slick-slide {
        cursor: default;
    }
    .ProductHeroGallery .custom-slider .main-slider .zoom-img {
        transition: none !important;
        transform: none !important;
    }
    .ProductHero .ProductHeroContainer .ProductHeroGallery,
    .ProductHero .ProductHeroContainer .ProductHeroInfo,
    .ProductHero .ProductHeroContainer .ProductHeroForm,
    .ContactPage .ContactPageContainer .ContactPageInfo .ContactPageCard {
        flex: 0 0 100%;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper,
    .ContactPage .ContactPageContainer .ContactPageInfo {
        flex-wrap: wrap;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-toggle-mobile {
        display: block;
        margin-bottom: 10px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-toggle-btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        background: #e9e9e9;
        color: var(--Text);
        border: none;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 500;
        transition: background 0.2s ease;
    }   
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-toggle-btn:hover {
        background: #e0e0e0;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .toggle-icon {
        transition: transform 0.3s ease;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-toggle-btn.active .toggle-icon {
        transform: rotate(180deg);
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content::-webkit-scrollbar {
        width: 8px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 10px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content::-webkit-scrollbar-thumb:hover {
        background: #666;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .clear-filters-btn {
        margin-top: 20px;
        font-size: 13px;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content {
        padding: 5px;
        max-height: 0;
        opacity: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        scrollbar-width: thin;
        scrollbar-color: #999 #f1f1f1;
        transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.35s ease;
    }
    .CatalogPage .CatalogGridWrapper .product-page-wrapper .sidebar .sidebar-content.open {
        max-height: 200px;
        opacity: 1;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow-y: scroll;
    }
    .SearchPage .SearchPageContent .search-results-grid .search-card img {
        height: 150px;
    }
    .SearchPage .SearchPageContent .search-results-grid .search-card .ItemDetail {
        padding: 5px;
    }
    .SearchPage .SearchPageContent .search-results-grid .search-card .ItemDetail span {
        padding: 0px 8px;
        font-size: 12px;
    }
    section.BlogPageHeader,
    section.PageHeader {
        padding: 0px 15px 30px;
    }
    .BlogPage .BlogPageGridWrapper .blog-page-wrapper #blog-grid-container .boxo-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .SingleBlog.section {
        padding-top: 20px;
    }
    .HeroContent, .CategoryHero .CategoryHeroContainer {
        background: linear-gradient(45deg, rgba(208, 208, 208, 0.2) 40%, rgba(208, 208, 208, 0.6) 100%);
    }
    .MobileNavigationMenu {
        width: 100%;
        max-width: 100%;
        padding: 15px 15px 40px;
    }
    .MobileNavigationMenu .NavList {
        gap: 10px;
        margin: 15px 0 0;
    }
}
@media (max-width: 500px) {
    .boxo-tabs {
        --slides: 1;
    }
    .boxo-tabs .boxo-tab-panel .boxo-tab-carousel .boxo-tab-carousel-track .boxo-tab-slide .boxo-tab-card img {
        width: 100%;
    }
}
.MobileNavigationMenu * {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}
/* ========================= 
   SLICK STYLE.CSS
   =========================
*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden{display:none;}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url('./ajax-loader.gif') center center no-repeat;}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg');}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-25px;}[dir='rtl'] .slick-prev{right:-25px;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-25px;}[dir='rtl'] .slick-next{right:auto;left:-25px;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:30px;}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:.75;color:black;}