html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}
.ovrg {
    letter-spacing: 0;
    color: #2B386D;
    font-size: 17px;
}
#menu-item-304 a,
#menu-item-624 a {
    background: #2B386D;
    color: #fff;
    margin: 0 0 0 15px;
    padding: 12px 12px 10px;
    line-height: 1;
    border-radius: 3px;
    transition: 0.2s;
}
#menu-item-304 a:hover,
#menu-item-624 a:hover {
    transition: 0.2s;
    background: #c0c0c0;
    color: #333;
}
.elementor-92 .elementor-element.elementor-element-97d6001 .eael-simple-menu li > a {
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}
.elementor-92 .elementor-element.elementor-element-97d6001 .eael-simple-menu.eael-simple-menu-horizontal li ul li a {
    font-weight: 700;
}
.datalink1 {
	color: #2B386D;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0 !important;
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    font-size: 14px !important;
}
.elementor-92 .elementor-element.elementor-element-5043430:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-5043430 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    box-shadow: 0 2px 5px #5555553d;
}
.bqt {
    background: #F8F9FB;
    padding: 15px 15px 25px;
    border-radius: 10px;
    transition: 0.2s;
}
.bqt:hover {
    transition: 0.2s;
    padding: 10px 10px 25px;
    margin-bottom: -6px;
}
.eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li a span {
    margin-left: 0px;
}




@media(max-width: 1440px) {
.allai,
.elementor-117 .elementor-element.elementor-element-50e1387,
.elementor-128 .elementor-element.elementor-element-c601587 {
    width: var(--container-widget-width, 700px) !important;
    max-width: 700px !important;
    --container-widget-width: 700px !important;
}


}


@media(max-width: 1366px) {
.allai,
.elementor-117 .elementor-element.elementor-element-50e1387,
.elementor-128 .elementor-element.elementor-element-c601587 {
    width: var(--container-widget-width, 650px) !important;
    max-width: 650px !important;
    --container-widget-width: 650px !important;
}
	
	
	
	
}

@media(max-width: 1280px) {
.allai,
.elementor-117 .elementor-element.elementor-element-50e1387,
.elementor-128 .elementor-element.elementor-element-c601587 {
    width: var(--container-widget-width, 600px) !important;
    max-width: 600px !important;
    --container-widget-width: 600px !important;
}


}

@media(max-width: 1024px) {
.elementor-92 .elementor-element.elementor-element-5043430 {
   padding:5px 15px 5px 15px;
}


	
	
	
}

@media(max-width: 500px) {
 .elementor-92 .elementor-element.elementor-element-97d6001 .eael-simple-menu-container .eael-simple-menu-toggle {
        padding: 6px 12px 5px 12px;
}
.elementor-92 .elementor-element.elementor-element-97d6001 .eael-simple-menu li.current-menu-ancestor > a.eael-item-active {
    color: #015BAA;
    background-color: #fff !important;
}
h2 {
    font-size: 30px !important;
}
.gallery-item-caption-wrap.caption-style-card .fg-item-title {
    font-size: 25px;
}
.elementor-kit-107 h1 {
    font-size: 35px !important;
}	
.elementor-kit-107 h2 {
        font-size: 22px !important;
}	
h1.b2b-main-title {
	font-size: 25px !important;
}
	
	
	
	
	
	

}




/* ==========================================================================
   B2B CATALOG GLOBAL PRODUCT CARD STYLES (Alignment & Mobile Typography Fix)
   ========================================================================== */

/* Main wrapper isolation */
.b2b-product-container {
    max-width: 1200px !important;
    margin: 20px auto 130px !important;
    padding: 0 20px !important;
    font-family: Arial, sans-serif !important;
    color: #333 !important;
}

/* Hardened system to eliminate auto-generated empty WP paragraphs */
.b2b-product-container p:empty,
.b2b-product-container br {
    display: none !important;
}

/* Fluid responsive main title (fixes giant mobile text) */
.b2b-main-title {
    font-size: clamp(20px, 4vw, 30px) !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 25px 0 !important;
    padding: 0 0 15px 0 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    line-height: 1.3 !important;
}

/* Perfect alignment grid for top media and details */
.b2b-product-layout {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    margin: 0 0 40px 0 !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* Image column handling with hard top alignment alignment reset */
.b2b-product-media {
    flex: 1 !important;
    min-width: 320px !important;
    max-width: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.b2b-product-media img,
.b2b-product-media p img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    display: block !important;
    margin: 0 !important; /* Strips theme-enforced image shifts */
    padding: 0 !important;
}

/* Info column alignment with clean paragraph spacing resets */
.b2b-product-info {
    flex: 2 !important;
    min-width: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.b2b-product-info p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 15px 0 !important; /* Explicitly forces predictable spacing */
    padding: 0 !important;
}

.b2b-product-info p:last-child {
    margin-bottom: 0 !important;
}

/* B2B Table Layout Optimization */
.b2b-table-holder {
    width: 100% !important;
    overflow-x: auto !important;
    margin: 40px 0 50px 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    border-radius: 4px !important;
    display: block !important;
    clear: both !important;
}

.b2b-grid-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    font-size: 15px !important;
    text-align: left !important;
}

.b2b-grid-table th {
    background-color: #1e293b !important;
    color: #ffffff !important;
    padding: 14px 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

.b2b-grid-table td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

.b2b-grid-table tr:nth-child(even) {
    background-color: #f8fafc !important;
}

.b2b-grid-table tr:hover {
    background-color: #f1f5f9 !important;
}

.b2b-grid-table strong {
    color: #0f172a !important;
}

/* Related Items Section Reset */
.b2b-related-products {
    margin: 50px 0 0 0 !important;
    border-top: 2px solid #e2e8f0 !important;
    padding: 30px 0 0 0 !important;
    clear: both !important;
}

.b2b-related-products h3 {
    font-size: clamp(18px, 3vw, 22px) !important;
    margin: 0 0 25px 0 !important;
    color: #0f172a !important;
}

.b2b-related-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.b2b-related-card {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 15px !important;
    text-align: center !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.b2b-related-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.b2b-related-card a {
    text-decoration: none !important;
    color: inherit !important;
}

.b2b-related-img {
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 12px 0 !important;
    background: #f8fafc !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.b2b-related-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.b2b-placeholder {
    font-size: 40px !important;
}

.b2b-related-card h4 {
    font-size: 14px !important;
    margin: 0 !important;
    color: #334155 !important;
    line-height: 1.4 !important;
}

/* Layout Breakpoints */
@media (max-width: 768px) {
    .b2b-product-layout {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .b2b-product-media {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    .b2b-related-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .b2b-related-grid {
        grid-template-columns: 1fr !important;
    }
}





/* ==========================================================================
   B2B CATALOG ARCHIVE / CATEGORY GRID SYSTEM
   ========================================================================= */

/* Center and bound the main archive container */
.archive .site-main, .category .site-main {
    max-width: 1200px !important;
    margin: 40px auto 130px !important;
    padding: 0 20px !important;
    font-family: Arial, sans-serif !important;
}

/* Style the clean category page header */
.archive .page-header, 
.category .page-header {
    margin-bottom: 35px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 15px !important;
}

.archive .page-header h1, 
.category .page-header h1 {
    font-size: clamp(24px, 4vw, 32px) !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* Transform vertical posts list into a professional B2B grid */
.archive main#content, 
.category main#content {
    display: flex !important;
    flex-direction: column !important;
}

/* Targeted grid selection for theme post wrapper structures */
.archive main#content article.post, 
.category main#content article.post,
.archive .page-content article,
.category .page-content article {
    display: inline-block !important;
}

/* Container override to force flex-grid behavior on standard theme outputs */
.archive div.page-content, 
.category div.page-content {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
}

/* Individual product card styling within the archive loop */
.archive article.post, 
.category article.post {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: center !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    margin: 0 !important; /* Strips theme-enforced row margins */
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}

.archive article.post:hover, 
.category article.post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
    border-color: #cbd5e1 !important;
}

/* Secure standard sizing for loop images inside the grid */
.archive article.post img, 
.category article.post img {
    max-width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    margin-bottom: 15px !important;
    border-radius: 4px !important;
    background: #f8fafc !important;
    padding: 10px !important;
}

/* Product title styling inside archive card */
.archive article.post h2.entry-title, 
.category article.post h2.entry-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    min-height: 44px !important; /* Keeps grids aligned if titles vary in length */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.archive article.post h2.entry-title a, 
.category article.post h2.entry-title a {
    color: #1e293b !important;
    text-decoration: none !important;
}

.archive article.post h2.entry-title a:hover, 
.category article.post h2.entry-title a:hover {
    color: #2563eb !important;
}

/* Clean excerpt / text limitation inside archive card */
.archive article.post p, 
.category article.post p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    margin: 0 0 15px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Limits snippet description to 3 lines max */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Custom simulated wholesale action trigger button */
.archive article.post::after,
.category article.post::after {
    content: "View Bulk Matrix" !important;
    display: inline-block !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.archive article.post:hover::after,
.category article.post:hover::after {
    background-color: #2563eb !important;
}





