/*
Theme Name: ConnecTech Enterprise V6.9
Version: 6.9
*/
:root{--dark:#070a0b;--green:#18b76b;--gold:#c8a329;--text:#172021;--line:#dfe7e7;--muted:#6c7778;--ct-title-size:26px;--ct-tagline-size:13px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}
body{font-family:'Inter',Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
ul{margin:0;padding:0;list-style:none}
img{max-width:100%}
.container{width:96%;max-width:1400px;margin:auto}

/* ---------- Topbar ---------- */
.topbar{background:var(--dark);color:#cfe0df;width:100%;font-size:12.5px;border-bottom:1px solid #1c2626}
.topgrid{display:grid;grid-template-columns:1fr 1.4fr 1fr;min-height:38px;align-items:center;gap:10px}
.topgrid .tl{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.topgrid .ti a{color:#cfe0df}
.topgrid .ti a:hover{color:var(--green)}
.tc{text-align:center;color:#9fb0af}
.top-contact{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.top-contact a{color:#cfe0df;font-weight:700}
.top-contact a:hover{color:var(--green)}
.ct-live-clock{font-variant-numeric:tabular-nums;white-space:nowrap}
.tr{text-align:right;display:flex;justify-content:flex-end}

/* ---------- Social icons (shared: topbar + footer) ---------- */
.social-icons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tr .social-icons{justify-content:flex-end}
.soc{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:800;color:#fff;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.soc span{pointer-events:none}
.soc:hover{background:var(--green);transform:translateY(-3px) scale(1.08);box-shadow:0 6px 14px rgba(24,183,107,.4)}
.footer-social .soc{width:34px;height:34px;font-size:11px}
.footer-social{margin-top:14px}

/* ---------- Header ---------- */
.header{background:var(--dark);color:#fff;width:100%}
.head{display:flex;flex-direction:column;align-items:center;padding-top:14px}
.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.brand img{display:block!important;margin:auto!important;width:var(--ct-header-logo-width,180px)!important;height:auto!important;max-width:100%;max-height:140px!important;object-fit:contain!important;object-fit:contain!important}
.brand-fallback{font-size:var(--ct-title-size);font-weight:900;color:#fff}
.site-title-text{font-size:var(--ct-title-size);font-weight:900;color:#fff;line-height:1.15}
.site-tagline-text{font-size:var(--ct-tagline-size);color:#9fb0af;font-weight:500}
.header-line{width:100%;border-top:1px solid #2a3536;margin:12px 0}
.menu-row{width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:12px}
.menu{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.nav ul{display:flex;gap:26px;align-items:center}
.nav li{position:relative;font-size:14px;font-weight:800}
.nav a{padding:6px 0;display:inline-block}
.nav a:hover{color:var(--green)}
.cart{position:absolute;right:0;font-size:20px;display:inline-flex;align-items:center;gap:4px}
.cart-count{background:var(--green);color:#fff;font-size:10px;font-weight:800;border-radius:50%;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}

.ct-mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(920px,92vw);max-height:72vh;overflow:auto;padding:14px;background:#0d1415;border:1px solid #2a393a;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;z-index:500;box-shadow:0 20px 40px rgba(0,0,0,.4)}
.ct-mega-trigger:hover .ct-mega-menu{display:grid}
.ct-mega-col{min-width:0;padding:4px 7px;border-right:1px solid #22302f}
.ct-mega-col:nth-child(4n){border-right:0}
.ct-mega-parent{display:flex!important;align-items:center;gap:8px;padding:4px 0 8px!important;color:#fff!important;font-size:12px!important;font-weight:900}
.ct-mega-parent img{width:46px;height:34px;object-fit:contain;border-radius:5px;background:#fff;padding:2px;flex:0 0 46px}
.ct-mega-parent span{line-height:1.15}
.ct-mega-child{display:block;padding:3px 0!important;color:#bfcaca!important;font-size:11px!important;font-weight:600}
.ct-mega-child:hover{color:var(--green)!important;transform:translateX(3px)}

.newsbar{background:var(--dark);border-top:1px solid #263334;border-bottom:1px solid #263334}
.newsinner{display:flex;align-items:center;min-height:34px;overflow:hidden}
.newslabel{background:var(--green);padding:8px 14px;font-weight:900;color:#fff}
.ticker-wrap{flex:1;overflow:hidden}
.ticker{display:inline-block;white-space:nowrap;padding-left:100%;color:#e6efee;animation:ticker 30s linear infinite}
.ticker-wrap:hover .ticker{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-100%)}}

/* ---------- Hero ---------- */
.hero{padding:110px 0;text-align:center;color:#fff;background:radial-gradient(circle at 50% 10%,rgba(24,183,107,.32),transparent 35%),linear-gradient(120deg,#060909,#0b3327)}
.hero h1{font-size:clamp(38px,6vw,76px);max-width:1050px;margin:0 auto 18px;font-weight:900}
.hero p{max-width:820px;margin:0 auto 25px;color:#cfe0df}
.btn{display:inline-block;padding:13px 24px;border-radius:8px;font-weight:800;margin:4px;transition:transform .25s ease,box-shadow .25s ease}
.btn:hover{transform:translateY(-3px)}
.green{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(24,183,107,.3)}
.gold{background:var(--gold);color:#111;box-shadow:0 10px 24px rgba(200,163,41,.3)}

/* ---------- Sections ---------- */
.section{padding:var(--ct-section-pad,56px) 0}
.dark{background:#091011;color:#fff}
.title{text-align:center;font-size:clamp(27px,3vw,40px);margin:0 0 12px;font-weight:900}
.section-intro{text-align:center;max-width:900px;margin:0 auto 20px;color:var(--muted)}
.dark .section-intro{color:#b9c6c7}
.catline{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.cat{padding:9px 15px;border:1px solid #344344;border-radius:999px;font-size:13px;font-weight:800;transition:all .25s ease}
.cat:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.section-heading .title{text-align:left;margin:0}
.view-all{border:1px solid var(--green);border-radius:7px;padding:9px 16px;color:var(--green);font-weight:900;white-space:nowrap;transition:all .25s ease}
.view-all:hover{background:var(--green);color:#fff}

/* ---------- Product grids ---------- */
/* Homepage category sections remain compact single-row cards. */
.ct-products,.ct-products ul.products{margin:0!important;padding:0!important;overflow-x:auto;scrollbar-width:thin}
.ct-products ul.products{display:flex!important;flex-wrap:nowrap!important;gap:10px!important}
.ct-products ul.products li.product{flex:0 0 calc((100% - (var(--ct-cols,4) - 1)*10px)/var(--ct-cols,4));width:auto!important;float:none!important;margin:0!important;min-width:0!important;padding:10px!important;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
/* WooCommerce Shop/category pages: 4 columns x 3 rows = 12 products per page. */
.ct-woocommerce-content .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;margin:0!important;padding:0!important}
.ct-woocommerce-content .woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:12px!important;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;min-width:0}
.ct-woocommerce-content .woocommerce .woocommerce-result-count{margin:0 0 12px}
.ct-woocommerce-content .woocommerce nav.woocommerce-pagination{margin-top:24px}
.ct-woocommerce-content .woocommerce nav.woocommerce-pagination ul{display:flex;justify-content:center;gap:5px;border:0}
.ct-woocommerce-content .woocommerce nav.woocommerce-pagination li{border:0}
.ct-woocommerce-content .woocommerce nav.woocommerce-pagination a,.ct-woocommerce-content .woocommerce nav.woocommerce-pagination span{border:1px solid var(--line);border-radius:6px;padding:8px 12px;display:block}
.hover-lift .products li.product:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(0,0,0,.12)}
.style-shadow .products li.product{border:0;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.style-minimal .products li.product{border:0;border-radius:0;border-bottom:1px solid var(--line)}
.ct-products ul.products li.product{min-height:var(--ct-product-card-min-h,0)!important}.ct-products ul.products li.product img{width:100%!important;height:var(--ct-product-img-h,180px)!important;aspect-ratio:auto;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;line-height:1.3;margin:8px 0 4px;font-weight:700}
.ct-loop-short-desc{font-size:11.5px;line-height:1.4;color:var(--muted);margin:3px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .price{font-size:13.5px;color:var(--green)!important;font-weight:800;margin-top:auto}
.woocommerce ul.products li.product .button{font-size:11px;padding:8px 6px;text-align:center;border-radius:6px;background:var(--dark);color:#fff!important;transition:background .25s ease}
.woocommerce ul.products li.product .button:hover{background:var(--green)}
.ct-woocommerce-content{min-height:420px}
.ct-woocommerce-content .woocommerce{width:100%}
.ct-buy-now{margin-left:8px!important;background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.ct-buy-now:hover{background:#109457!important;border-color:#109457!important}
.woocommerce-notice{padding:40px 20px;text-align:center;border:1px solid var(--line);border-radius:10px}
.hide-price .price{display:none!important}
.hide-button .button,.hide-button .add_to_cart_button{display:none!important}
.dark .woocommerce ul.products li.product{background:#0f1718;border-color:#22302f;color:#fff}

/* ---------- Homepage product cards: picture, name, price, Shop Now only ---------- */
/* Description text is intentionally hidden on the home page category rows so
 * every card shows exactly: image, title, price, Shop Now — nothing else. */
.home .ct-products .ct-loop-short-desc{display:none!important}
/* Clamp the title to a fixed two-line height so every card in a row is the
 * same height, which keeps the Shop Now buttons lined up in a straight row. */
.home .ct-products .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.home .ct-products ul.products li.product{justify-content:flex-start}
.home .ct-products .woocommerce ul.products li.product .price{margin-top:auto;margin-bottom:8px}
.home .ct-products .woocommerce ul.products li.product .button{margin-top:0;width:100%}

/* ---------- Special Offers + Latest Products: 30% / 70% columns, matched card height ---------- */
.special-grid{--row-card-h:176px;display:grid;grid-template-columns:30% 70%;gap:18px;align-items:start}
.special-left,.special-right{min-width:0;overflow:hidden}
.special-left .title,.special-right .title{text-align:left}

/* Special Offers: small vertical cards, 2 side by side, height = --row-card-h */
.equal-cards{display:flex;gap:10px}
.ec-card{flex:1 1 0;min-width:0;height:var(--row-card-h);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;transition:transform .25s ease,box-shadow .25s ease}
.ec-card:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(0,0,0,.1)}
.ec-card a{display:flex;flex-direction:column;height:100%;min-height:0}
.ec-card img{flex:1 1 auto;min-height:0;width:100%;object-fit:contain}
.ec-card h3{font-size:11.5px;line-height:1.25;margin:5px 0 2px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ec-card .price{font-size:11.5px;color:var(--green);font-weight:800}

/* Latest Products: horizontal list-style cards, image left / text right, same height as ec-card */
.latest-carousel{width:100%;overflow:hidden}
.latest-track{display:flex;flex-wrap:nowrap;width:max-content;min-width:max-content;will-change:transform;animation:latestProductsScroll 26s linear infinite}
.latest-track:hover{animation-play-state:paused}
.latest-set{flex:0 0 auto;width:max-content;min-width:max-content;display:flex;gap:10px;padding:0}
.ec-card-h{flex:0 0 260px;width:260px;height:var(--row-card-h);border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.ec-card-h:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(0,0,0,.1)}
.ec-card-h a{display:flex;gap:10px;height:100%;align-items:stretch}
.ec-h-img{flex:0 0 calc(var(--row-card-h) - 16px);width:calc(var(--row-card-h) - 16px);display:block}
.ec-h-img img{width:100%;height:100%;object-fit:contain}
.ec-h-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.ec-h-title{font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ec-h-desc{font-size:11px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .ec-h-desc{color:#a9b8b7}
.ec-card-h .price{font-size:12px;color:var(--green);font-weight:800;margin-top:auto}
@keyframes latestProductsScroll{
	from{transform:translateX(0)}
	to{transform:translateX(-50%)}
}
/* ---------- Brands ---------- */
.brands{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;padding:4px 0 10px;width:100%}
.brandcard{width:auto;min-width:0;height:62px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:900;font-size:11px;background:#fff;transition:all .25s ease}
.brandcard img{width:100%;height:36px;padding:4px;object-fit:contain}
.brandcard:hover{border-color:var(--green);color:var(--green);transform:translateY(-3px)}

/* ---------- Full Brands / page layouts ---------- */
.ct-page-content{min-height:520px}
.ct-page .section-heading{margin-bottom:12px}
.ct-page .title{text-align:left}
.entry-content{max-width:900px;font-size:15px;line-height:1.75}
.entry-content h2,.entry-content h3{color:var(--dark);margin-top:26px}
.entry-content p,.entry-content li{text-align:justify;text-justify:inter-word}
.entry-content ul{list-style:disc;padding-left:22px}
.brand-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.brand-directory-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:14px 16px;font-weight:800;transition:all .2s ease}
.brand-directory-item:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.page-solutions{margin-top:24px}
.page-solutions .solution h2{font-size:19px;margin:0 0 8px}

/* ---------- Business & Enterprise Solutions ---------- */
.solutions{display:grid;grid-template-columns:repeat(var(--ct-sol-cols,3),minmax(0,1fr));gap:var(--ct-sol-gap,20px);margin-top:10px}
.solution{background:#111a1b;border:1px solid #2a393a;border-radius:14px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.solution:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.solution img{width:100%;height:var(--ct-sol-img,190px);object-fit:cover;display:block}
.solution div{padding:18px}
.solution h3{margin:0 0 8px;font-size:19px}
.solution p{margin:0;color:#b9c6c7;font-size:14px;line-height:1.5;text-align:justify;text-justify:inter-word}


/* ---------- Compact single-box Shop by Category dropdown ---------- */
.ct-category-trigger{position:relative;display:flex;align-items:center}
.ct-category-select{appearance:auto;-webkit-appearance:auto;width:170px;max-width:170px;height:36px;padding:0 28px 0 11px;border:1px solid #36504d;border-radius:7px;background:#0b1515;color:#fff;font:600 12px/1 Inter,Arial,sans-serif;cursor:pointer;outline:none}
.ct-category-select:hover,.ct-category-select:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(24,183,107,.12)}
.ct-category-select option{background:#0b1515;color:#fff}

/* Social logos */
.social-icons .soc{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,255,255,.12);padding:6px;transition:transform .2s ease,opacity .2s ease;position:relative}
.social-icons .soc img{display:block;width:100%;height:100%;object-fit:contain}
.social-icons .soc:hover{transform:translateY(-2px);opacity:.85}
.footer-social .soc{width:34px;height:34px}
/* Fallback badge: shown only if a social icon's image request fails to load. */
.soc-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;font-size:10px;letter-spacing:.02em;color:#fff;background:var(--dark);border-radius:5px}

/* Footer logo: selected media must remain visible and obey its own width setting. */
.footer-logo{display:inline-flex!important;align-items:center;min-height:40px;max-width:100%;line-height:0}
.footer-logo .custom-footer-logo{display:block!important;width:var(--ct-footer-logo-width,150px)!important;height:auto!important;max-width:100%!important;max-height:180px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}
.brand .custom-header-logo{display:block!important;width:var(--ct-header-logo-width,180px)!important;height:auto!important;max-width:100%!important;max-height:160px!important;object-fit:contain!important;visibility:visible!important;opacity:1!important}

/* The homepage category strip is now represented by the header dropdown. */

/* ---------- Footer ---------- */
.footer{padding:50px 0 0;background:var(--dark);color:#cfe0df}
.footgrid{display:grid;grid-template-columns:repeat(var(--ct-footer-cols,5),minmax(0,1fr));gap:26px}
.foot-col h3{color:#fff;font-size:16px;margin:0 0 14px}
.foot-links li{margin-bottom:9px;font-size:13.5px}
.foot-links a{color:#cfe0df;transition:color .2s,padding-left .2s}
.foot-links a:hover{color:var(--green);padding-left:3px}
.foot-contact li{display:flex;gap:6px;align-items:flex-start}
.footer-logo img{display:block!important;width:var(--ct-footer-logo-width,150px)!important;height:auto!important;max-width:100%!important;object-fit:contain!important;margin-bottom:12px}
.foot-brand p{font-size:13.5px;color:#9fb0af;line-height:1.6}
.bottom{border-top:1px solid #263334;margin-top:38px;padding:16px 0}
.bottom-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#9fb0af}
.bottom-links a{color:#9fb0af}
.bottom-links a:hover{color:var(--green)}
.footer-form{display:grid;gap:8px}
.footer-form input,.footer-form textarea{width:100%;border:1px solid #2a393a;border-radius:6px;background:#111a1b;color:#fff;padding:9px;font:inherit;font-size:12px}
.footer-form textarea{resize:vertical}
.footer-form .btn{border:0;margin:0;padding:10px 12px;font-size:12px;cursor:pointer}
.review-link{display:inline-block;margin-top:12px;color:#f1d45d;font-size:12px;font-weight:800}
.review-link:hover{color:#fff}
.footer-map{margin-top:30px;border-top:1px solid #263334;padding:14px 0;color:#cfe0df;font-size:12px}
.footer-map a{display:flex;justify-content:space-between;gap:10px}
.map-link{color:var(--green);font-weight:800;white-space:nowrap}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ---------- Scroll reveal (JS toggles .in-view) ---------- */
.ct-animate{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.ct-animate.in-view{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
	.footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
	.ct-category-select{width:155px;max-width:155px}
	.container{width:94%}
	.topgrid{grid-template-columns:1fr;text-align:center;padding:8px 0;gap:6px}
	.topgrid .tl{justify-content:center}
	.tc,.tr{justify-content:center;text-align:center}
	.menu{display:block}
	.menu-row{justify-content:space-between}
	.nav{display:none;width:100%}
	.nav.open{display:block}
	.nav ul{display:block}
	.nav li{padding:9px}
	.ct-mega-menu{position:static;transform:none;width:100%;grid-template-columns:repeat(2,1fr);max-height:none}.ct-mega-col{border-right:0}
	.ct-mega-trigger:hover .ct-mega-menu{display:grid}
	.cart{position:static}
	.ct-products ul.products li.product{flex-basis:calc((100% - 20px)/3)}
	.ct-woocommerce-content .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.special-grid{grid-template-columns:1fr;--row-card-h:190px}
	.ec-card-h{flex-basis:220px;width:220px}
	.brands{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}
	.brandcard{height:54px}
	.brandcard span{font-size:8px}
	.solutions,.footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
	.ct-products ul.products li.product{flex-basis:calc((100% - 10px)/2)}
	.ct-woocommerce-content .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
	.solutions,.footgrid{grid-template-columns:1fr}
	.hero{padding:72px 0}
	.section{padding:42px 0}
	.special-grid{--row-card-h:160px}
	.ec-card-h{flex-basis:190px;width:190px}
}

@media(max-width:900px){
  .ct-category-menu{position:static;width:100%;max-height:none;margin-top:5px;box-shadow:none;border-radius:7px}
  .ct-category-submenu{position:static;width:auto;max-height:none;margin:0 0 5px 10px;box-shadow:none;border:0;border-left:1px solid #2a393a;border-radius:0;padding-left:6px}
  .ct-category-trigger:hover>.ct-category-menu{display:none}
  .ct-category-trigger:focus-within>.ct-category-menu{display:block}
}

/* ---------- WhatsApp floating chat button: nudge up so it stops
   covering the footer bottom bar / links ----------
   Note: the "WhatsApp us" bubble on the live site is added by a
   chat-widget plugin, not this theme, so its exact class name can
   vary by plugin. This rule targets every common WhatsApp
   chat-button selector used by popular WordPress plugins (Click to
   Chat, Joinchat, WP Social Chat, WhatsApp Chat by Xoo/Quantum,
   WA Button, WP Whatsapp Button, generic wa.me fixed links, etc.).
   If your button still doesn't move, right-click it in the browser
   -> Inspect -> copy its outer class name and add it to this list. */
.whatsapp-icon,
.whatsapp-button,
.whatsapp-chat-widget,
.whatsapp-chat-button,
.wp-social-chat,
.wp-social-chat-container,
.wsc-btn,
#joinchat,
.joinchat,
.floating-wpp,
.floating-wpp-whatsapp,
.chaty-container,
.xoo-wsc-container,
.qwc-container,
.wa-chat-widget,
.wab-container,
.wame-icon,
.click-to-chat,
a.whatsapp-float,
a[href*="wa.me"][style*="position: fixed"],
a[href*="api.whatsapp.com"][style*="position: fixed"],
#ht-ctc-chat,
.ht-ctc-chat{
bottom:calc(20px + 23px) !important; /* raise the bubble 23px above its normal position */
}
@media(max-width:560px){
	.whatsapp-icon,
	.whatsapp-button,
	.whatsapp-chat-widget,
	.whatsapp-chat-button,
	.wp-social-chat,
	.wp-social-chat-container,
	.wsc-btn,
	#joinchat,
	.joinchat,
	.floating-wpp,
	.floating-wpp-whatsapp,
	.chaty-container,
	.xoo-wsc-container,
	.qwc-container,
	.wa-chat-widget,
	.wab-container,
	.wame-icon,
	.click-to-chat,
	a.whatsapp-float,
	a[href*="wa.me"][style*="position: fixed"],
a[href*="api.whatsapp.com"][style*="position: fixed"],
#ht-ctc-chat,
.ht-ctc-chat{
bottom:calc(16px + 23px) !important;
	}
}

/* Give the footer's bottom bar (copyright + policy links) a little
   extra breathing room so a fixed chat bubble in the corner never
   sits on top of the last link (Warranty, etc.). */
.footer .bottom .bottom-inner{padding-bottom:8px}
.footer .bottom{padding-right:70px}
@media(max-width:560px){
	.footer .bottom{padding-right:0;padding-bottom:56px}
}

@media(max-width:900px){
.brand-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
.brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.brand-directory-item{padding:11px 12px;font-size:12px}
}