/*
 Theme Name:    Electro Child Updated
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.8.0
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* =========================================================================
 * Electro Duplicate — child theme customizations
 * Starter polish (safe, additive: no layout changes). Review live at
 * http://localhost:8080 and we iterate from here toward the Synronic look.
 * ===================================================================== */

/* Smoother type rendering */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Gentle hover lift + shadow on product cards */
.products .product,
.product-outer.product-item__outer {
	transition: transform .18s ease, box-shadow .18s ease;
}
.products .product:hover,
.product-outer.product-item__outer:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px -22px rgba(17, 24, 35, .35);
}

/* Subtle zoom on product image hover */
.product .woocommerce-LoopProduct-link img,
.product-thumbnail img {
	transition: transform .3s ease;
	will-change: transform;
}
.product:hover .woocommerce-LoopProduct-link img,
.product:hover .product-thumbnail img {
	transform: scale(1.05);
}

/* Buttons: soft lift on hover */
.button,
.btn,
a.button,
button.button {
	transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}
.button:hover,
.btn:hover,
a.button:hover,
button.button:hover {
	transform: translateY(-1px);
}

/* Visible keyboard focus for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.button:focus-visible {
	outline: 3px solid #f2133a;
	outline-offset: 2px;
}

/* =========================================================================
 * Custom Synronic-branded header (injected on front page via wp_body_open)
 * ===================================================================== */
/* hide Electro's default header site-wide (our custom header replaces it everywhere) */
#masthead,
.handheld-header-v2,
.electro-mode-switcher { display:none !important; }

/* Let the modern homepage run full-width & white (Electro boxes it in a 1240 container) */
body.home{background:#fff !important}
.home #content.site-content{background:#fff !important;padding:0 !important;margin:0 !important}
.home #content.site-content > .container{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important}
.home .site-content-inner.row{display:block !important;margin:0 !important;width:100% !important}
.home .site-content-inner.row > *{padding:0 !important}

.pb-site{--r:#f2133a;--rd:#c30e2e;--ink:#141518;--soft:#5b616b;--line:#e7e7ea;
	font-family:"Roboto","Helvetica Neue",Arial,sans-serif;position:relative;z-index:40}
.pb-site *{box-sizing:border-box}
.pb-site .pb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 22px}

/* top bar — light (white + red accents), a thin utility strip */
.pb-topbar{background:#f7f7f9;color:#5b616b;font-size:12.5px;border-bottom:1px solid var(--line)}
.pb-topbar__row{display:flex;align-items:center;gap:14px;min-height:42px}
.pb-topbar strong{color:var(--r);font-weight:700}
.pb-topbar .pb-dot{width:4px;height:4px;border-radius:50%;background:#c9ccd2}

/* main header — roomier for breathing space */
.pb-mainhead{background:#fff;border-bottom:1px solid var(--line)}
.pb-mainhead__row{display:flex;align-items:center;gap:30px;min-height:96px}
.pb-logo img{height:48px;width:auto;display:block;border-radius:6px}
.pb-logo span{font-weight:800;font-size:24px;color:var(--r)}
.pb-search{flex:1;display:flex;align-items:center;max-width:640px;border:1.5px solid var(--r);
	border-radius:999px;overflow:hidden;background:#fff !important}
.pb-search__cat{font-size:13px;color:var(--soft);padding:0 30px 0 14px;white-space:nowrap;height:44px;
	border:0 !important;border-right:1px solid var(--line) !important;outline:0;cursor:pointer;max-width:160px;
	-webkit-appearance:none;appearance:none;border-radius:0;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%235b616b' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center !important}
.pb-search__cat:focus{box-shadow:none !important}
.pb-search input[type=search]{flex:1;border:0 !important;outline:0;font-size:14.5px;padding:12px 16px;
	font-family:inherit;background:#fff !important;color:var(--ink) !important;box-shadow:none !important}
.pb-search button{border:0;background:var(--r) !important;color:#fff !important;width:54px;align-self:stretch;cursor:pointer;
	display:grid;place-items:center;transition:background .18s}
.pb-search button:hover{background:var(--rd) !important}
.pb-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.pb-act{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:10px;transition:background .16s}
.pb-act:hover{background:#f6f6f7;color:var(--ink)}
.pb-act__lbl{display:flex;flex-direction:column;line-height:1.15}
.pb-act__lbl small{font-size:11px;color:var(--soft)}
.pb-act__lbl b{font-size:13.5px}
.pb-cartwrap{position:relative;display:grid;place-items:center}
.pb-cartcount{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
	background:var(--r);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}

/* department nav */
.pb-deptnav{background:#fff;border-bottom:1px solid var(--line)}
.pb-deptnav__row{display:flex;align-items:center;gap:4px;height:60px;overflow-x:auto;scrollbar-width:none}
.pb-deptnav__row::-webkit-scrollbar{display:none}
.pb-alldep-wrap{position:relative}
.pb-alldep{display:inline-flex;align-items:center;gap:9px;background:var(--r);color:#fff;font-weight:700;
	font-size:13.5px;padding:11px 20px;border-radius:9px;white-space:nowrap;cursor:pointer;margin-right:14px;text-decoration:none}
.pb-alldep:hover{background:var(--rd);color:#fff}
.pb-caret{margin-left:2px;transition:transform .16s}
.pb-alldep-wrap:hover .pb-caret,.pb-alldep-wrap:focus-within .pb-caret{transform:rotate(180deg)}
.pb-alldep-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:280px;background:#fff;
	border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 50px -22px rgba(0,0,0,.28);
	list-style:none;margin:0;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);
	transition:opacity .16s ease,transform .16s ease,visibility .16s;max-height:74vh;overflow:auto}
.pb-alldep-wrap:hover .pb-alldep-menu,.pb-alldep-wrap:focus-within .pb-alldep-menu{opacity:1;visibility:visible;transform:none}
.pb-alldep-menu li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;
	border-radius:8px;font-size:13.5px;color:#33373d;text-decoration:none;white-space:normal}
.pb-alldep-menu li a:hover{background:#fdf0f2;color:var(--r)}
.pb-alldep-menu .pb-c{font-size:11px;color:var(--soft);background:#f2f2f4;border-radius:999px;padding:1px 8px;flex:none}
.pb-deptlink{font-size:13.5px;font-weight:500;color:#33373d;padding:9px 15px;border-radius:8px;white-space:nowrap;text-decoration:none;transition:.16s}
.pb-deptlink:hover{color:var(--r);background:#fdf0f2}
.pb-deptnav__right{margin-left:auto;font-size:12.5px;color:var(--soft);white-space:nowrap}
@media(max-width:900px){.pb-hide-sm{display:none}.pb-act__lbl{display:none}.pb-logo img{height:40px}}

/* =========================================================================
 * Footer — lighten Electro's dark footer to on-brand light + red accents
 * ===================================================================== */
#colophon.site-footer{background:#f6f6f7 !important;color:#4a5058 !important;border-top:1px solid #e7e7ea}
#colophon .footer-widgets{background:transparent !important}
#colophon .footer-bottom-widgets{background:#eef0f2 !important;color:#4a5058 !important;border-top:1px solid #e2e4e8}
#colophon .footer-title,
#colophon h1,#colophon h2,#colophon h3,#colophon h4,#colophon h5{color:#141518 !important}
#colophon a{color:#5b616b !important}
#colophon a:hover{color:#f2133a !important}
#colophon .footer-call-us .call-us-text,
#colophon .footer-call-us a{color:#141518 !important;font-weight:700}
#colophon .footer-call-us .call-us-icon i,
#colophon .footer-call-us i{color:#f2133a !important}
#colophon hr,#colophon .footer-widgets-inner{border-color:#e2e4e8 !important}
/* Synronic footer content */
#colophon .footer-bottom-widgets{padding:38px 0}
.pbc-foot__logo{height:52px;width:auto;display:block;margin-bottom:18px;border-radius:6px}
.pbc-foot__callus{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.pbc-foot__ic{color:#f2133a;flex:none}
.pbc-foot__calltxt small{display:block;font-size:12.5px;color:#5b616b;max-width:250px;line-height:1.4;margin-bottom:2px}
.pbc-foot__calltxt a{font-size:19px;font-weight:800;color:#141518 !important}
.pbc-foot__contact p{font-size:13.5px;color:#5b616b !important;line-height:1.75;margin:6px 0 0}
#colophon .pbc-fcol{padding-bottom:16px}
#colophon .pbc-fcol h4.footer-title{margin:0 0 16px;font-size:15px;color:#141518 !important}
#colophon .pbc-fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
#colophon .pbc-fcol ul li a{color:#5b616b !important;font-size:13.5px;text-decoration:none}
#colophon .pbc-fcol ul li a:hover{color:#f2133a !important}
/* Dark copyright bar — see the "footer cleanup" section for the full rules. */
#colophon .copyright-bar{background:#111214 !important;color:rgba(255,255,255,.72) !important;
	border-top:0;padding:18px 0}
#colophon .copyright-bar a{color:rgba(255,255,255,.72) !important}
#colophon .copyright-bar a:hover{color:#fff !important}
#colophon .copyright-bar .payment{display:flex;align-items:center}
.pbc-pays{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.pbc-pay{font-size:11px;font-weight:700;letter-spacing:.02em;color:#3a3f46;background:#fff;border:1px solid #dfe1e6;
	border-radius:6px;padding:4px 9px;line-height:1}
/* remove Electro's broken default social icons (all href="#") */
#colophon .footer-social-icons{display:none !important}
/* "Contact Us" — solid pill CTA (distinct from active-page styling) */
.pb-deptlink--all{background:var(--r);color:#fff !important;font-weight:700;padding:9px 18px;border-radius:999px;margin-left:6px}
.pb-deptlink--all:hover{background:var(--rd);color:#fff !important}
/* hide any default "Top Rated Products" widget wherever it appears */
.widget_top_rated_products{display:none !important}

/* Footer top: Featured / Top Selling / On-sale product columns */
#colophon .pbc-fwrap{padding:14px 0 10px}
#colophon .pbc-fwcol{padding:0 14px 24px}
#colophon .pbc-fwcol .widget-title{margin:0 0 18px;font-size:15px;color:#141518 !important}
.pbc-fprod{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.pbc-fprod li a{display:flex;gap:12px;align-items:center;text-decoration:none}
.pbc-fprod__img{width:54px;height:54px;flex:none;border:1px solid #e2e4e8;border-radius:8px;background:#fff;
	overflow:hidden;padding:4px;display:grid;place-items:center}
.pbc-fprod__img img{width:100%;height:100%;object-fit:contain}
.pbc-fprod__meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.pbc-fprod__name{font-size:13px;color:#4a5058;line-height:1.35;font-weight:500}
.pbc-fprod li a:hover .pbc-fprod__name{color:var(--r)}
.pbc-fprod__price{font-size:13px;font-weight:700;color:#141518}
.pbc-fprod__price del{color:#8a9099;font-weight:400;font-size:11.5px;margin-right:3px}
.pbc-fprod__price ins{text-decoration:none;color:var(--r)}

/* =========================================================================
 * Modern homepage (template-homepage-modern.php) — scoped under .pb-home
 * ===================================================================== */
.pb-home{
	/* Synronic exact brand palette: red #f2133a on black + white, Roboto type */
	--pb-ink:#111214; --pb-soft:#555a63; --pb-faint:#8a9099;
	--pb-line:#e7e7ea; --pb-surface:#fff; --pb-tint:#f6f6f7; --pb-tile:#f1f1f3;
	--pb-navy:#0e0f11; --pb-accent:#f2133a; --pb-accent-d:#c30e2e; --pb-accent-ink:#fff; --pb-good:#12925a;
	--pb-r:12px; --pb-shadow:0 10px 30px -18px rgba(0,0,0,.4);
	font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:var(--pb-ink); background:var(--pb-surface);
}
.pb-home *{box-sizing:border-box}
.pb-home h1,.pb-home h2{font-family:"Roboto Slab","Roboto",Georgia,serif}
.pb-container{width:100%;max-width:1240px;margin:0 auto;padding:0 22px}
.pb-eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
	font-weight:700;color:var(--pb-accent)}
.pb-eyebrow--gold{color:var(--pb-accent)}
.pb-home h1,.pb-home h2{margin:0;letter-spacing:-.02em;line-height:1.08;font-weight:800;color:inherit}
.pb-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;
	border-radius:999px;padding:12px 22px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,color .2s;border:1px solid transparent}
.pb-btn--primary{background:var(--pb-accent);color:var(--pb-accent-ink);box-shadow:0 8px 20px -8px var(--pb-accent)}
.pb-btn--primary:hover{transform:translateY(-2px);color:var(--pb-accent-ink)}
.pb-btn--ghost{background:#fff;color:var(--pb-ink);border-color:var(--pb-line)}
.pb-btn--ghost:hover{border-color:var(--pb-ink);color:var(--pb-ink);transform:translateY(-2px)}

/* hero — light & bright with a soft red wash */
.pb-hero{background:
		radial-gradient(70% 120% at 100% 0%,rgba(242,19,58,.12),transparent 62%),
		linear-gradient(180deg,#ffffff,#fbf2f3);color:var(--pb-ink);
	padding:60px 0 54px;overflow:hidden;border-bottom:1px solid var(--pb-line)}
.pb-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.pb-hero__copy h1{font-size:clamp(32px,4.6vw,52px);margin:16px 0 16px;color:var(--pb-ink)}
.pb-hero__copy h1 em{font-style:normal;color:var(--pb-accent)}
.pb-hero__copy p{font-size:17px;color:var(--pb-soft);max-width:46ch;margin:0 0 26px}
.pb-hero__copy p strong{color:var(--pb-ink)}
.pb-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.pb-hero__chips{display:flex;gap:10px;flex-wrap:wrap}
.pb-chip{font-size:12.5px;color:var(--pb-soft);background:#fff;border:1px solid var(--pb-line);
	border-radius:999px;padding:7px 14px}
.pb-hero__art{position:relative;display:grid;place-items:center;min-height:280px}
/* hero product card — converts */
.pb-herocard{position:relative;width:82%;max-width:380px;background:#fff;border:1px solid var(--pb-line);
	border-radius:18px;box-shadow:0 30px 60px -30px rgba(242,19,58,.35);overflow:hidden}
.pb-herocard__badge{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:700;
	background:var(--pb-good);color:#fff;padding:4px 10px;border-radius:999px}
.pb-herocard__sku{position:absolute;top:14px;right:14px;z-index:2;font-size:11px;font-weight:700;
	background:var(--pb-ink);color:#fff;padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums}
.pb-herocard__media{display:block;aspect-ratio:1.3/1;background:#fff;display:grid;place-items:center;padding:26px;border-bottom:1px solid var(--pb-line)}
.pb-herocard__media img{max-width:100%;max-height:100%;object-fit:contain}
.pb-herocard__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.pb-herocard__cat{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pb-faint)}
.pb-herocard__title{font-size:16px;font-weight:700;line-height:1.3;margin:0}
.pb-herocard__title a{color:var(--pb-ink);text-decoration:none}
.pb-herocard__title a:hover{color:var(--pb-accent)}
.pb-herocard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.pb-herocard__price{font-size:20px;font-weight:800;color:var(--pb-ink)}
.pb-herocard__price del{color:var(--pb-faint);font-weight:400;font-size:13px;margin-right:4px}
.pb-herocard__price ins{text-decoration:none;color:var(--pb-accent)}
.pb-herocard__foot .pb-btn{padding:10px 16px;font-size:13.5px}

/* trust — icons, 6 items */
.pb-trust{background:#fff;border-bottom:1px solid var(--pb-line)}
.pb-trust__grid{display:grid;grid-template-columns:repeat(6,1fr)}
.pb-trust__cell{display:flex;align-items:center;gap:12px;padding:22px 16px;border-right:1px solid var(--pb-line);color:var(--pb-ink)}
.pb-trust__ic{width:38px;height:38px;flex:none;border-radius:10px;background:#fdf0f2;color:var(--pb-accent);display:grid;place-items:center}
.pb-trust__ic svg{width:21px;height:21px}
.pb-trust__cell:last-child{border-right:0}
.pb-trust__cell b{display:block;font-size:13.5px;line-height:1.2}
.pb-trust__cell small{color:var(--pb-soft);font-size:12px}

/* sections — one consistent rhythm (~80px between sections) */
.pb-section{padding:40px 0}
.pb-section--tint{background:var(--pb-tint)}
.pb-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.pb-sechead h2{font-size:clamp(23px,3vw,30px);margin-top:6px}
.pb-see{font-size:13.5px;font-weight:700;color:var(--pb-accent);text-decoration:none;white-space:nowrap}
.pb-see:hover{color:var(--pb-accent)}

/* Top Categories grid (Synronic-style) */
.pb-tophead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;position:relative;
	margin-bottom:26px;padding-bottom:12px;border-bottom:1px solid var(--pb-line)}
.pb-tophead h2{font-size:clamp(22px,3vw,28px)}
.pb-tophead::after{content:"";position:absolute;left:0;bottom:-1px;width:66px;height:3px;background:var(--pb-accent)}
.pb-topcats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
/* Fixed row height + top-aligned icon keeps every card identical whether the
   name runs to one line or two, so rows share a common baseline grid. */
.pb-topcat{display:flex;align-items:flex-start;gap:13px;padding:16px;min-height:86px;
	background:#fff;border:1px solid var(--pb-line);border-radius:14px;text-decoration:none;
	color:var(--pb-ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.pb-topcat:hover{transform:translateY(-3px);border-color:var(--pb-accent);box-shadow:var(--pb-shadow);color:var(--pb-ink)}
.pb-topcat__ic{width:44px;height:44px;border-radius:11px;background:#fdf0f2;color:var(--pb-accent);
	flex:none;display:grid;place-items:center;transition:background .18s,color .18s}
.pb-topcat:hover .pb-topcat__ic{background:var(--pb-accent);color:#fff}
.pb-topcat__ic svg{width:24px;height:24px}
/* Name occupies a reserved two-line block; the count then always sits on the
   same line across the row instead of floating up under short names. */
.pb-topcat__meta{display:flex;flex-direction:column;min-width:0;flex:1;padding-top:1px}
.pb-topcat__name{font-size:13px;font-weight:600;line-height:1.3;color:var(--pb-ink);
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-topcat__meta small{color:var(--pb-faint);font-size:11.5px;font-family:"Roboto",sans-serif;
	margin-top:auto;padding-top:5px;font-variant-numeric:tabular-nums}
/* "All categories" tile — dashed, so it reads as an action, not a category */
.pb-topcat--more{background:#fcfcfd;border-style:dashed;border-color:#d8dae0}
.pb-topcat--more .pb-topcat__ic{background:#f1f1f3;color:var(--pb-soft)}
.pb-topcat--more .pb-topcat__name{color:var(--pb-accent)}
@media(max-width:1180px){.pb-topcats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.pb-topcats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){
	.pb-topcats{grid-template-columns:repeat(2,1fr);gap:10px}
	.pb-topcat{min-height:78px;padding:13px;gap:10px}
	.pb-topcat__ic{width:38px;height:38px;border-radius:9px}
	.pb-topcat__ic svg{width:20px;height:20px}
	.pb-topcat__name{font-size:12.5px}
}
/* The PHP trims the list to whole rows of 5. At the narrower column counts an
   odd total would strand the "All categories" tile alone on the last row, so
   let it span the remaining width instead. */
@media(max-width:1180px){.pb-topcat--more{grid-column:1/-1;min-height:0}}
@media(max-width:1180px){.pb-topcat--more .pb-topcat__meta{flex-direction:row;align-items:center;gap:8px}
	.pb-topcat--more .pb-topcat__meta small{margin:0;padding:0}}


/* product grid + cards */
.pb-prodgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.pb-card{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:var(--pb-r);
	overflow:hidden;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s}
.pb-card:hover{transform:translateY(-5px);box-shadow:var(--pb-shadow);border-color:#d6dde7}
.pb-card__media{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:14px;border-bottom:1px solid var(--pb-line)}
.pb-card__media img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.pb-card:hover .pb-card__media img{transform:scale(1.06)}
.pb-flag{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:700;text-transform:uppercase;
	letter-spacing:.05em;padding:4px 9px;border-radius:7px}
.pb-flag--sale{background:var(--pb-accent);color:#fff}
.pb-flag--oos{background:var(--pb-ink);color:#fff;left:auto;right:10px}
.pb-card__body{padding:13px 14px 12px;display:flex;flex-direction:column;gap:7px;flex:1}
.pb-card__cat{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--pb-faint);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-card__title{font-size:13.5px;font-weight:600;line-height:1.35;margin:0;min-height:2.7em;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-card__title a{color:var(--pb-ink);text-decoration:none}
.pb-card__title a:hover{color:var(--pb-accent)}
.pb-price{margin-top:auto;font-weight:800;font-size:15.5px;color:var(--pb-ink);font-variant-numeric:tabular-nums}
.pb-price del{color:var(--pb-faint);font-weight:400;font-size:12px;margin-right:5px}
.pb-price ins{text-decoration:none;color:var(--pb-accent)}
/* readable full-width CTA */
.pb-card__cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 14px 14px;
	padding:10px 12px;border-radius:10px;background:var(--pb-surface);border:1.5px solid var(--pb-line);
	color:var(--pb-ink);font-size:13px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.pb-card__cta svg{width:16px;height:16px}
.pb-card:hover .pb-card__cta,.pb-card__cta:hover{background:var(--pb-accent);border-color:var(--pb-accent);color:#fff}
.pb-card__cta--soft{color:var(--pb-soft)}
.pb-card:hover .pb-card__cta--soft,.pb-card__cta--soft:hover{background:var(--pb-ink);border-color:var(--pb-ink);color:#fff}

/* Google reviews (Trustindex-style) */
.pb-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pb-ti{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.pb-ti__excellent{font-weight:800;font-size:20px;letter-spacing:.01em;color:var(--pb-ink)}
.pb-ti__stars{color:#fbbc05;font-size:22px;letter-spacing:2px}
.pb-ti__count{font-size:14px;color:var(--pb-soft)}
.pb-ti__count strong{color:var(--pb-ink)}
.pb-ti__google{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--pb-soft)}
.pb-rev{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-r);padding:20px;
	display:flex;flex-direction:column;gap:12px;box-shadow:var(--pb-shadow)}
.pb-rev__top{display:flex;align-items:center;gap:12px}
.pb-rev__av{width:42px;height:42px;border-radius:50%;color:#fff;font-weight:700;font-size:17px;
	display:grid;place-items:center;flex:none;font-family:"Roboto",sans-serif}
.pb-rev__id{display:flex;flex-direction:column;line-height:1.25;flex:1}
.pb-rev__id b{font-size:14.5px;color:var(--pb-ink)}
.pb-rev__id small{font-size:12px;color:var(--pb-faint)}
.pb-rev__g{flex:none;opacity:.9}
.pb-rev__stars{color:#fbbc05;font-size:15px;letter-spacing:1px}
.pb-rev__text{margin:0;font-size:14px;color:#4a5058;line-height:1.6}
@media(max-width:900px){.pb-reviews__grid{grid-template-columns:1fr}}

/* promo band — solid Synronic red */
.pb-band{background:linear-gradient(120deg,var(--pb-accent),var(--pb-accent-d));color:#fff;
	border-radius:22px;padding:46px 48px;box-shadow:0 24px 50px -28px rgba(242,19,58,.55)}
.pb-band .pb-eyebrow{color:#fff;opacity:.85}
.pb-band h2{font-size:clamp(24px,3vw,32px);margin:12px 0 12px;color:#fff}
.pb-band p{color:rgba(255,255,255,.92);max-width:52ch;margin:0 0 22px}
.pb-band .pb-btn--primary{background:#fff;color:var(--pb-accent);box-shadow:0 8px 20px -8px rgba(0,0,0,.25)}
.pb-band .pb-btn--primary:hover{color:var(--pb-accent-d)}

@media(max-width:1000px){
	.pb-hero__grid{grid-template-columns:1fr;gap:28px}
	.pb-hero__art{min-height:auto}
	.pb-herocard{width:100%;max-width:420px;margin:0 auto}
	.pb-prodgrid{grid-template-columns:repeat(3,1fr)}
	.pb-trust__grid{grid-template-columns:repeat(3,1fr)}
	.pb-trust__cell{border-bottom:1px solid var(--pb-line)}
	.pb-trust__cell:nth-child(3n){border-right:0}
}
@media(max-width:560px){
	.pb-prodgrid{grid-template-columns:repeat(2,1fr)}
	.pb-trust__grid{grid-template-columns:repeat(2,1fr)}
	.pb-trust__cell:nth-child(3n){border-right:1px solid var(--pb-line)}
	.pb-trust__cell:nth-child(2n){border-right:0}
	.pb-band{padding:32px 24px}
}

/* =========================================================================
 * Hero card e-commerce details (floating WhatsApp widget now lives in the
 * "UI overhaul" section at the end of this file: .pb-wa)
 * ===================================================================== */

.pb-herocard__rating{display:flex;align-items:center;gap:8px;margin-top:-2px}
.pb-herocard__stars{color:#fbbc05;font-size:14px;letter-spacing:1px}
.pb-herocard__rating small{color:var(--pb-soft);font-size:12px}
.pb-herocard__note{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:13px;
	border-top:1px solid var(--pb-line);font-size:12px;color:var(--pb-soft)}
.pb-herocard__note svg{color:var(--pb-good);flex:none}
.pb-herocard__note b{color:var(--pb-good)}

/* =========================================================================
 * UI OVERHAUL — sticky header, mega menu, product cards, quick view,
 * mobile chips, single-page checkout, WhatsApp panel, touch targets
 * ===================================================================== */

/* ---------- Sticky header (body.pb-stuck toggled by pb-ui.js) ---------- */
body.pb-stuck .pb-mainhead{
	position:fixed;top:0;left:0;right:0;z-index:1030;
	box-shadow:0 8px 28px -14px rgba(0,0,0,.3);
	animation:pbSlideDown .22s ease both}
body.admin-bar.pb-stuck .pb-mainhead{top:32px}
body.pb-stuck .pb-mainhead__row{min-height:72px}
/* the deptnav absorbs the header's height so content never jumps */
body.pb-stuck .pb-deptnav{margin-top:var(--pb-mh,96px)}
@keyframes pbSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){body.pb-stuck .pb-mainhead{animation:none}}

/* ---------- Mobile header: no overlap, search on its own row ---------- */
@media(max-width:768px){
	.pb-mainhead__row{flex-wrap:wrap;min-height:0;padding:10px 0;gap:8px 12px}
	.pb-logo{order:1}
	.pb-logo img{height:36px}
	.pb-actions{order:2;margin-left:auto}
	.pb-act{min-width:44px;min-height:44px;justify-content:center;padding:8px}
	.pb-search{order:3;flex-basis:100%;max-width:none}
	.pb-search__cat{display:none} /* keeps the phone search uncluttered */
	.pb-search input[type=search]{min-height:44px}
	.pb-topbar__row{justify-content:center;min-height:36px}
	body.pb-stuck .pb-mainhead__row{min-height:0}
}

/* ---------- Category mega menu (under "All Products") ---------- */
/* the deptnav row scrolls horizontally on phones; on desktop it must not
   clip the mega menu dropdown */
@media(min-width:901px){.pb-deptnav__row{overflow:visible}}
.pb-megamenu{position:absolute;top:calc(100% + 8px);left:0;z-index:70;
	width:min(760px,calc(100vw - 44px));background:#fff;border:1px solid var(--line,#e7e7ea);
	border-radius:12px;box-shadow:0 24px 50px -22px rgba(0,0,0,.28);padding:16px;
	opacity:0;visibility:hidden;transform:translateY(8px);
	transition:opacity .16s ease,transform .16s ease,visibility .16s}
.pb-alldep-wrap{position:relative}
.pb-alldep-wrap:hover .pb-megamenu,
.pb-alldep-wrap:focus-within .pb-megamenu{opacity:1;visibility:visible;transform:none}
.pb-megamenu__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 6px}
.pb-megamenu__item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;
	text-decoration:none;color:#33373d}
.pb-megamenu__item:hover{background:#fdf0f2;color:#f2133a}
.pb-megamenu__ic{width:34px;height:34px;border-radius:8px;background:#fdf0f2;color:#f2133a;
	display:grid;place-items:center;flex:none}
.pb-megamenu__ic svg{width:19px;height:19px}
.pb-megamenu__meta{display:flex;flex-direction:column;min-width:0}
.pb-megamenu__item b{font-size:13px;font-weight:600;line-height:1.25}
.pb-megamenu__item small{font-size:11px;color:#8a9099}
.pb-megamenu__all{display:block;text-align:center;margin:10px -16px -16px;padding:13px;
	border-top:1px solid var(--line,#e7e7ea);color:#f2133a;font-weight:700;font-size:13px;text-decoration:none}
.pb-megamenu__all:hover{background:#fdf0f2;color:#c30e2e;border-radius:0 0 12px 12px}
@media(max-width:900px){.pb-megamenu{display:none}} /* phones: the link goes straight to the shop */

/* ---------- Product cards: minimalist, equal heights, 8px radius ---------- */
ul.products.row{--bs-gutter-x:14px;--bs-gutter-y:14px}
ul.products li.product .product-outer{height:100%}
ul.products li.product .product-inner{
	display:flex;flex-direction:column;height:100%;background:#fff;
	border:1px solid #e7e7ea;border-radius:8px;padding:14px 14px 16px;
	transition:box-shadow .22s ease,border-color .22s ease}
ul.products li.product:hover .product-inner{
	border-color:transparent;box-shadow:0 14px 34px -14px rgba(17,24,35,.28)}
ul.products li.product .product-loop-header .woocommerce-loop-product__title{
	font-size:13.5px;line-height:1.4;min-height:2.8em;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ink titles (Electro paints them link-blue), brand red on hover */
ul.products li.product .woocommerce-loop-product__title{color:#141518}
ul.products li.product a:hover .woocommerce-loop-product__title{color:#f2133a}
ul.products li.product .loop-product-categories a{font-size:11px;letter-spacing:.04em;
	text-transform:uppercase;color:#8a9099}
ul.products li.product .price-add-to-cart{display:flex;flex-direction:column;gap:10px;
	align-items:stretch;margin-top:auto}
ul.products li.product .price .electro-price{color:#141518;font-weight:800;font-size:16px}
ul.products li.product .price ins{text-decoration:none;color:#f2133a}
/* prominent-but-clean Add to Cart — Electro hides the label with a huge
   negative text-indent and shows an icon ::before; restore readable text */
ul.products li.product .add-to-cart-wrap{margin:0}
ul.products li.product .add-to-cart-wrap .button{
	display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;
	background:#f2133a;color:#fff;border-radius:8px;font-weight:700;font-size:13px;
	padding:0 14px;box-shadow:none;border:0;text-indent:0;line-height:1.2}
ul.products li.product .add-to-cart-wrap .button::before{content:none !important;display:none !important}
ul.products li.product .add-to-cart-wrap .button:hover{background:#c30e2e;color:#fff}
/* the "View cart" link WooCommerce appends after an AJAX add */
ul.products li.product .add-to-cart-wrap .added_to_cart{
	display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;
	margin-top:6px;text-indent:0;color:#f2133a;font-weight:700;font-size:12.5px;text-decoration:none}
ul.products li.product .add-to-cart-wrap .added_to_cart::before{content:none !important;display:none !important}

/* ---------- Quick view button (injected by pb-ui.js) + modal ---------- */
ul.products li.product .product-loop-header{position:relative}
ul.products li.product .pb-qv-btn{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);z-index:5;
	opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:7px;
	background:rgba(17,18,20,.88) !important;color:#fff !important;border:0;border-radius:999px;
	min-height:38px;padding:0 16px;font-size:12.5px;font-weight:600;cursor:pointer;
	white-space:nowrap;transition:opacity .18s ease,transform .18s ease}
ul.products li.product:hover .pb-qv-btn,
.pb-qv-btn:focus-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
ul.products li.product .pb-qv-btn:hover{background:#f2133a !important}
@media (hover:none){.pb-qv-btn{opacity:1;transform:translate(-50%,0);pointer-events:auto}}

.pb-qv{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}
.pb-qv[hidden]{display:none}
.pb-qv__overlay{position:absolute;inset:0;background:rgba(17,18,20,.62)}
.pb-qv__dialog{position:relative;width:min(860px,100%);max-height:min(660px,92vh);overflow:auto;
	background:#fff;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);
	animation:pbPop .18s ease}
.pb-qv__close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border:0;
	border-radius:50%;background:#f2f2f4;cursor:pointer;display:grid;place-items:center}
.pb-qv__close:hover{background:#e7e7ea}
.pb-qv__body{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:26px}
.pb-qv__media{aspect-ratio:1/1;display:grid;place-items:center;background:#fff;
	border:1px solid #e7e7ea;border-radius:10px;padding:18px}
.pb-qv__media img{max-width:100%;max-height:100%;object-fit:contain}
.pb-qv__cat{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8a9099}
.pb-qv__info h3{margin:2px 0 8px;font-size:20px;line-height:1.3;
	font-family:"Roboto Slab","Roboto",Georgia,serif;color:#141518}
.pb-qv__stock{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;
	padding:4px 10px;margin-bottom:8px}
.pb-qv__stock--in{background:#e8f6ef;color:#12925a}
.pb-qv__stock--out{background:#fdeef1;color:#c30e2e}
.pb-qv__price{font-size:22px;font-weight:800;margin:4px 0 10px;color:#141518}
.pb-qv__price del{color:#8a9099;font-weight:400;font-size:15px;margin-right:4px}
.pb-qv__price ins{text-decoration:none;color:#f2133a}
.pb-qv__desc{font-size:13.5px;color:#555a63;line-height:1.65;max-height:10em;overflow:auto}
.pb-qv__desc p{margin:0 0 8px}
.pb-qv__actions{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.pb-qv__qty{width:76px;min-height:46px;border:1.5px solid #e7e7ea;border-radius:9px;
	text-align:center;font-size:15px}
.pb-qv__add{flex:1;min-width:170px;min-height:46px;border:0;border-radius:9px;background:#f2133a;
	color:#fff !important;font-weight:700;font-size:14.5px;cursor:pointer;text-decoration:none;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s}
.pb-qv__add:hover{background:#c30e2e}
.pb-qv__add.is-done{background:#12925a}
.pb-qv__add[disabled]{opacity:.75;cursor:wait}
.pb-qv__link{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;
	color:#f2133a;text-decoration:none}
.pb-qv__link:hover{color:#c30e2e}
.pb-qv__spin{margin:80px auto;width:38px;height:38px;border:3px solid #e7e7ea;
	border-top-color:#f2133a;border-radius:50%;animation:pbSpin .7s linear infinite}
@keyframes pbSpin{to{transform:rotate(1turn)}}
@keyframes pbPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1}}
@media(max-width:640px){
	.pb-qv{padding:12px}
	.pb-qv__body{grid-template-columns:1fr;padding:18px;gap:16px}
	.pb-qv__media{max-width:240px;margin:0 auto}
}

/* ---------- Mobile: category chips + hidden duplicate widget ---------- */
.pb-chips{display:none}
@media(max-width:991.98px){
	.pb-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 2px 12px;
		-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 8px}
	.pb-chips::-webkit-scrollbar{display:none}
	.pb-chip-link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;
		padding:0 16px;border:1px solid #e7e7ea;border-radius:999px;background:#fff;
		color:#33373d;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
	.pb-chip-link.is-active{background:#f2133a;border-color:#f2133a;color:#fff}
	#sidebar .widget_product_categories{display:none} /* chips replace it on phones */
}

/* ---------- Touch targets ≥44px on handhelds ---------- */
@media(max-width:991.98px){
	/* Electro hides Add to Cart in the mobile grid — bring it back */
	ul.products li.product .add-to-cart-wrap{display:block !important}
	.button,button.button,input[type=submit],
	.single_add_to_cart_button,.checkout-button{min-height:44px}
	.quantity .qty{min-height:44px;min-width:44px}
	.pb-search button{width:56px}
	ul.page-numbers li a,ul.page-numbers li span{min-width:44px;min-height:44px;
		display:inline-flex;align-items:center;justify-content:center}
}

/* ---------- Single-page checkout (classic [woocommerce_checkout]) ---------- */
/* Electro lays the checkout form out with a high-specificity flex rule and
   wraps the summary in .order-review-wrapper (41% wide) — outrank both */
@media(min-width:992px){
	body.woocommerce-checkout form.checkout.woocommerce-checkout{display:grid;
		grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:start}
	body.woocommerce-checkout form.woocommerce-checkout #customer_details{
		grid-column:1;width:100%;max-width:none;flex:none}
	#customer_details .col-1,#customer_details .col-2{float:none;width:100%;max-width:none}
	body.woocommerce-checkout form.woocommerce-checkout .order-review-wrapper{
		grid-column:2;width:100%;max-width:none;flex:none;position:sticky;
		top:calc(var(--pb-mh,96px) + 20px);margin:0}
	body.woocommerce-checkout form.woocommerce-checkout #order_review{
		width:100%;max-width:none;background:#fff;border:1px solid #e7e7ea;
		border-radius:8px;padding:22px}
	body.woocommerce-checkout form.woocommerce-checkout #order_review_heading{margin:0 0 10px}
	body.woocommerce-checkout form.woocommerce-checkout #order_review .shop_table{width:100%}
}
/* readable notices (the red-accent retheme made info bars red-on-red) */
.woocommerce-checkout .woocommerce-info{background:#f6f6f7 !important;color:#33373d !important}
.woocommerce-checkout .woocommerce-info a{color:#f2133a !important;font-weight:700}
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single{
	min-height:46px;border-radius:8px;border:1.5px solid #e0e2e7;box-shadow:none}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:43px}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
#order_review #place_order{width:100%;min-height:50px;background:#f2133a;border:0;
	border-radius:8px;font-size:15.5px;font-weight:800;color:#fff}
#order_review #place_order:hover{background:#c30e2e}
#billing_postcode.pb-busy,#shipping_postcode.pb-busy{opacity:.55;transition:opacity .2s}

/* Block checkout (fallback, if ever restored): brand + hide order notes */
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button{
	background:#f2133a;border-radius:8px}
.wc-block-checkout__add-note,.wp-block-woocommerce-checkout-order-note-block{display:none !important}
.wc-block-components-text-input input{min-height:46px;border-radius:8px}

/* ---------- Floating WhatsApp widget (brand-red, intent panel) ---------- */
.pb-wa{position:fixed;right:20px;bottom:20px;z-index:9999;font-family:"Roboto",Arial,sans-serif}
.pb-wa .pb-wa__btn{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;
	background:#f2133a !important;color:#fff !important;display:grid;place-items:center;padding:0;
	box-shadow:0 12px 28px -8px rgba(242,19,58,.65);transition:transform .16s,background .16s}
.pb-wa .pb-wa__btn:hover{transform:translateY(-2px) scale(1.04);background:#c30e2e !important}
.pb-wa__panel{position:absolute;right:0;bottom:72px;width:300px;background:#fff;
	border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,0,0,.4);display:none}
.pb-wa.open .pb-wa__panel{display:block;animation:pbPop .18s ease}
.pb-wa__head{background:#f2133a;color:#fff;padding:15px 16px}
.pb-wa__head strong{display:block;font-size:15px}
.pb-wa__head span{font-size:12px;opacity:.85}
.pb-wa__item{display:flex;align-items:center;gap:11px;min-height:50px;padding:12px 16px;
	border-bottom:1px solid #eef0f2;color:#33373d !important;font-size:13.5px;font-weight:600;
	text-decoration:none !important}
.pb-wa__item:last-child{border-bottom:0}
.pb-wa__item:hover{background:#fdf0f2;color:#f2133a !important}
.pb-wa__item svg{color:#25D366;flex:none}
@media(max-width:560px){
	.pb-wa{right:14px;bottom:14px}
	.pb-wa__panel{width:calc(100vw - 28px)}
}
@media (prefers-reduced-motion:reduce){
	.pb-wa__btn,.pb-wa.open .pb-wa__panel,.pb-qv__dialog,.pb-qv-btn{transition:none;animation:none}
}

/* =========================================================================
 * Static pages (About / Contact / policies / inquiry forms)
 * ===================================================================== */
/* Gutenberg alignment fallback (classic-rendered content) */
.has-text-align-center{text-align:center}
.entry-content .wp-block-paragraph{line-height:1.75;color:#3a3f46}
.page .entry-content h1,.page .entry-content h2,.page .entry-content h3{
	font-family:"Roboto Slab","Roboto",Georgia,serif;color:#141518}
.page .entry-content p+p{margin-top:14px}

/* centered intro block used on About / inquiry pages */
.pb-pageintro{max-width:760px;margin:0 auto 26px;text-align:center}
.pb-pageintro p{font-size:15.5px;line-height:1.8;color:#3a3f46}

/* inquiry form */
.pb-form-wrap{max-width:640px;margin:0 auto}
.pb-form{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e7e7ea;
	border-radius:12px;padding:26px}
.pb-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#33373d}
.pb-form input[type=text],.pb-form input[type=email],.pb-form input[type=tel],.pb-form textarea{
	min-height:46px;border:1.5px solid #e0e2e7;border-radius:8px;padding:10px 14px;
	font-size:14px;font-family:inherit;background:#fff}
.pb-form textarea{min-height:120px;resize:vertical}
.pb-form input:focus,.pb-form textarea:focus{border-color:#f2133a;outline:0;
	box-shadow:0 0 0 3px rgba(242,19,58,.12)}
.pb-form button,.entry-content .pb-form button[type=submit]{min-height:48px;border:0;border-radius:8px;
	background:#f2133a !important;color:#fff !important;font-size:15px;font-weight:700;cursor:pointer;
	transition:background .16s;text-transform:none;box-shadow:none}
.pb-form button:hover,.entry-content .pb-form button[type=submit]:hover{background:#c30e2e !important}
.pb-form__note{font-size:12.5px;color:#8a9099;margin:0}
.pb-form__ok{background:#e8f6ef;color:#0c6b41;border:1px solid #bfe7d4;border-radius:10px;
	padding:14px 16px;font-size:14px;font-weight:600;margin-bottom:16px}
.pb-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}

/* contact page layout */
.pb-contact{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start;
	max-width:1080px;margin:0 auto}
.pb-contact .pb-form-wrap{max-width:none;margin:0}
.pb-contact h3{font-family:"Roboto Slab","Roboto",Georgia,serif;font-size:21px;margin:0 0 16px;color:#141518}
.pb-contact h4{font-size:15px;margin:22px 0 10px;color:#141518}
.pb-store{background:#fff;border:1px solid #e7e7ea;border-radius:12px;padding:26px}
.pb-store p{line-height:1.75;color:#3a3f46;margin:0 0 12px}
.pb-store a{color:#f2133a;font-weight:600;text-decoration:none}
.pb-store a:hover{color:#c30e2e}
.pb-hours{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pb-hours li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
	border-bottom:1px dashed #e7e7ea;font-size:13.5px;color:#3a3f46}
.pb-hours li:last-child{border-bottom:0}
.pb-hours li span:last-child{font-weight:700;color:#141518}
@media(max-width:860px){.pb-contact{grid-template-columns:1fr;gap:26px}}

/* =========================================================================
 * Footer cleanup — balanced columns, aligned tops
 * ===================================================================== */
/* --- product columns (top strip) -------------------------------------- */
/* Equal-height columns with a shared underline, so the three lists read as
   one band instead of three ragged stacks of different heights. */
/* Bootstrap's .row adds a bottom margin and each column a bottom padding;
   together they left ~70px of dead space above the divider. Keep a measured
   28px instead so the band still separates from the product lists. */
/* Match the 40px rhythm every .pb-section on the homepage uses, so this band
   reads as the next section in the same sequence, not a bolted-on footer. */
#colophon .pbc-fwrap{padding:40px 0 0;margin-bottom:40px;align-items:stretch}
#colophon .pbc-fwcol{display:flex;padding-bottom:0}
#colophon .pbc-fwcol > .widget{display:flex;flex-direction:column;width:100%;margin-bottom:0}
/* Lists are top-aligned and free to differ in length; the shared title rule
   above is what visually ties the columns together, so no filler space. */
#colophon .pbc-fwcol .pbc-fprod{margin-bottom:0}
/* Same heading language as .pb-tophead h2 (sentence case, larger size, red
   underline under the whole title) instead of the old small uppercase style,
   so this band's headings match every other section's on the homepage. */
#colophon .pbc-fwcol .widget-title{font-size:19px;text-transform:none;letter-spacing:normal;
	margin:0 0 20px;padding-bottom:11px;font-weight:700;border-bottom:none;position:relative}
#colophon .pbc-fwcol .widget-title::after{content:"";position:absolute;left:0;bottom:-1px;
	width:66px;height:3px;background:var(--pb-accent,#f2133a)}
#colophon .pbc-fwcol .pbc-fprod{flex:1}

/* --- bottom widgets: brand block + 3 link columns ---------------------- */
#colophon .footer-bottom-widgets{padding:44px 0 40px;border-top:1px solid #e2e4e8}
#colophon .footer-bottom-widgets-inner{align-items:flex-start}
/* Narrower brand column than Bootstrap's col-md-5 so the link columns get real
   room and no longer start halfway across the page. Widths must be set with the
   same flex-basis shape Bootstrap columns use, or the row layout breaks. */
@media(min-width:992px){
	#colophon .footer-bottom-widgets-inner > .footer-contact{
		flex:0 0 auto;width:34%;max-width:34%;padding-right:44px}
	#colophon .footer-bottom-widgets-inner > .footer-bottom-widgets-menu{
		flex:0 0 auto;width:66%;max-width:66%}
}
.pbc-foot__logo{height:44px;margin-bottom:18px}
.pbc-foot__callus{margin-bottom:18px}
/* Nudge the brand block down so the logo's optical centre lines up with the
   link-column headings rather than floating above them. */
@media(min-width:992px){#colophon .footer-contact .pbc-foot{padding-top:4px}}
#colophon .pbc-foot__contact h4.footer-title,
#colophon .pbc-fcol h4.footer-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;
	color:#141518 !important;margin:0 0 15px;font-weight:700}
/* Even thirds; links wrap to a second line instead of being ellipsised away.
   The markup carries Bootstrap's .row-cols-xl-3, whose `width:33.33%` would
   shrink each child to a third of its own grid track — so reset width here. */
#colophon .footer-bottom-widgets-menu-inner{display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
#colophon .footer-bottom-widgets-menu-inner > .pbc-fcol{padding:0;width:100%;max-width:100%;flex:none}
#colophon .pbc-fcol ul{gap:0;display:flex;flex-direction:column}
#colophon .pbc-fcol ul li{margin:0}
#colophon .pbc-fcol ul li a{display:block;white-space:normal;line-height:1.45;max-width:100%;
	padding:6px 0;font-size:13.5px;transition:color .15s,padding-left .15s}
#colophon .pbc-fcol ul li a:hover{color:#f2133a !important;padding-left:4px}
@media(max-width:991.98px){
	#colophon .footer-bottom-widgets-inner > .footer-contact{
		flex:0 0 100%;width:100%;max-width:100%;padding:0 0 30px}
	#colophon .footer-bottom-widgets{padding:34px 0 30px}
}
@media(max-width:575.98px){
	#colophon .footer-bottom-widgets-menu-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
}

/* copyright bar — dark, so the footer terminates on a deliberate edge rather
   than fading out into pale grey (the red newsletter band used to do this job).
   Base colours are set alongside the other #colophon rules further up. */
#colophon .copyright-bar .row{align-items:center;row-gap:12px}
#colophon .copyright-bar .copyright{font-size:13px}
/* payment chips read as light-on-dark now */
#colophon .copyright-bar .pbc-pay{background:rgba(255,255,255,.09);
	border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.82)}
#colophon .copyright-bar .payment{display:flex;align-items:center;justify-content:flex-end}
@media(max-width:640px){
	#colophon .copyright-bar{text-align:center}
	#colophon .copyright-bar .payment{justify-content:center}
	.pbc-pays{justify-content:center}
}

/* =========================================================================
 * Homepage graphics & engagement layer
 * Decorative circuit art, glow blobs, floating badges, stat counters,
 * brand marquee, promo-band art, scroll reveal, and the welcome-offer popup.
 * All purely additive — nothing here is required to read the page.
 * ===================================================================== */

/* --- hero decorative backdrop ------------------------------------------ */
.pb-hero{position:relative}
.pb-hero__deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.pb-hero__grid{position:relative;z-index:1}

/* faint circuit traces, drawn in brand red at low opacity */
.pb-hero__circuit{position:absolute;inset:0;width:100%;height:100%;
	color:var(--pb-accent);opacity:.13;stroke-linecap:round}
.pb-hero__circuit circle{fill:var(--pb-accent);stroke:none}
/* traces "energise" on a slow loop */
.pb-hero__circuit path{stroke-dasharray:14 10;animation:pb-trace 30s linear infinite}
@keyframes pb-trace{to{stroke-dashoffset:-480}}

/* blueprint grid wash, fading out toward the bottom */
.pb-hero__grid-lines{position:absolute;inset:0;
	background-image:linear-gradient(to right,rgba(17,18,20,.05) 1px,transparent 1px),
		linear-gradient(to bottom,rgba(17,18,20,.05) 1px,transparent 1px);
	background-size:46px 46px;
	-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);
	mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%)}

/* soft colour blooms */
.pb-hero__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
.pb-hero__blob--a{width:420px;height:420px;top:-140px;right:-90px;
	background:radial-gradient(circle,rgba(242,19,58,.34),transparent 68%);
	animation:pb-drift 22s ease-in-out infinite}
.pb-hero__blob--b{width:340px;height:340px;bottom:-150px;left:-80px;
	background:radial-gradient(circle,rgba(242,19,58,.16),transparent 68%);
	animation:pb-drift 26s ease-in-out infinite reverse}
@keyframes pb-drift{
	0%,100%{transform:translate3d(0,0,0) scale(1)}
	50%{transform:translate3d(-26px,22px,0) scale(1.08)}
}

/* --- floating badges on the hero product card -------------------------- */
.pb-herocard{isolation:isolate}
.pb-float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;
	background:#fff;border:1px solid var(--pb-line);border-radius:999px;
	padding:7px 13px;font-size:12px;font-weight:700;color:var(--pb-ink);
	box-shadow:0 12px 26px -14px rgba(17,18,20,.35);white-space:nowrap}
.pb-float svg{width:15px;height:15px;flex:none}
.pb-float--ship{left:-26px;top:34%;color:var(--pb-good);animation:pb-bob 5s ease-in-out infinite}
.pb-float--ship svg{color:var(--pb-good)}
.pb-float--auth{right:-22px;bottom:24%;color:var(--pb-accent);animation:pb-bob 6.5s ease-in-out infinite .8s}
.pb-float--auth svg{color:var(--pb-accent)}
@keyframes pb-bob{
	0%,100%{transform:translateY(0)}
	50%{transform:translateY(-9px)}
}
/* Keep the badges inside the viewport once the card goes full-width. */
@media(max-width:1000px){
	.pb-float--ship{left:6px}
	.pb-float--auth{right:6px}
}
@media(max-width:420px){.pb-float{display:none}}

/* --- hero stat counters ------------------------------------------------ */
.pb-stats{display:grid;grid-template-columns:repeat(4,auto);gap:26px;margin-top:28px;
	padding-top:22px;border-top:1px solid var(--pb-line);justify-content:start}
.pb-stat{display:flex;flex-direction:column;gap:2px}
.pb-stat b{font-family:"Roboto Slab","Roboto",Georgia,serif;font-size:clamp(20px,2.4vw,27px);
	font-weight:800;line-height:1;color:var(--pb-ink);font-variant-numeric:tabular-nums}
.pb-stat small{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--pb-faint)}
@media(max-width:560px){
	.pb-stats{grid-template-columns:repeat(2,1fr);gap:18px}
}

/* --- brand marquee ---------------------------------------------------- */
.pb-marquee{overflow:hidden;background:var(--pb-ink);padding:15px 0;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
	mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pb-marquee__track{display:flex;width:max-content;animation:pb-slide 34s linear infinite}
.pb-marquee:hover .pb-marquee__track{animation-play-state:paused}
.pb-marquee__set{display:flex;align-items:center}
.pb-marquee__item{font-family:"Roboto Slab","Roboto",Georgia,serif;font-size:16px;font-weight:700;
	letter-spacing:.02em;color:rgba(255,255,255,.62);padding:0 26px;white-space:nowrap;
	transition:color .2s}
.pb-marquee__item:hover{color:#fff}
.pb-marquee__sep{width:5px;height:5px;border-radius:50%;background:var(--pb-accent);flex:none}
@keyframes pb-slide{to{transform:translateX(-50%)}}

/* --- promo band decoration -------------------------------------------- */
.pb-band{position:relative;overflow:hidden}
.pb-band__in{position:relative;z-index:2}
.pb-band__grid{position:absolute;inset:0;z-index:0;
	background-image:linear-gradient(to right,rgba(255,255,255,.09) 1px,transparent 1px),
		linear-gradient(to bottom,rgba(255,255,255,.09) 1px,transparent 1px);
	background-size:38px 38px;
	-webkit-mask-image:radial-gradient(120% 100% at 100% 50%,#000,transparent 72%);
	mask-image:radial-gradient(120% 100% at 100% 50%,#000,transparent 72%)}
.pb-band__art{position:absolute;z-index:1;right:52px;top:50%;transform:translateY(-50%);
	width:210px;height:200px;color:rgba(255,255,255,.34)}
.pb-band__art circle{fill:none}
.pb-band__sticker{position:absolute;z-index:2;right:186px;top:26px;width:88px;height:88px;
	border-radius:50%;background:#fff;color:var(--pb-accent);display:grid;place-content:center;
	text-align:center;line-height:1.1;transform:rotate(-11deg);
	box-shadow:0 16px 32px -14px rgba(0,0,0,.4)}
.pb-band__sticker b{font-family:"Roboto Slab","Roboto",Georgia,serif;font-size:19px;font-weight:800;display:block}
.pb-band__sticker small{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
	color:var(--pb-ink);display:block;margin-top:2px}
@media(max-width:1000px){
	.pb-band__art,.pb-band__sticker{display:none}
}

/* --- scroll reveal ---------------------------------------------------- */
/* Only hides when JS has confirmed IntersectionObserver support, so a
   no-JS visitor still sees every section. */
.pb-reveal-on .pb-reveal{opacity:0;transform:translateY(22px);
	transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.pb-reveal-on .pb-reveal.is-in{opacity:1;transform:none}

/* --- welcome-offer popup ---------------------------------------------- */
.pb-offer{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}
.pb-offer[hidden]{display:none}
.pb-offer__overlay{position:absolute;inset:0;background:rgba(12,13,15,.62);
	backdrop-filter:blur(3px);opacity:0;transition:opacity .26s}
.pb-offer.is-open .pb-offer__overlay{opacity:1}
.pb-offer__dialog{position:relative;z-index:1;width:100%;max-width:760px;
	display:grid;grid-template-columns:.82fr 1fr;
	background:#fff;border-radius:20px;overflow:hidden;
	box-shadow:0 40px 90px -30px rgba(0,0,0,.55);
	font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	opacity:0;transform:translateY(18px) scale(.97);
	transition:opacity .26s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.pb-offer.is-open .pb-offer__dialog{opacity:1;transform:none}
.pb-offer__close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;
	border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--pb-ink,#111214);
	display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px -4px rgba(0,0,0,.3)}
.pb-offer__close:hover{background:#fff;transform:scale(1.06)}

/* left panel — red, with the same circuit motif as the hero */
.pb-offer__art{position:relative;background:linear-gradient(150deg,#f2133a,#c30e2e);
	display:grid;place-items:center;overflow:hidden;min-height:210px}
.pb-offer__circuit{position:absolute;inset:0;width:100%;height:100%;
	color:rgba(255,255,255,.4);stroke-linecap:round}
.pb-offer__circuit circle{fill:rgba(255,255,255,.5);stroke:none}
.pb-offer__pct{position:relative;font-family:"Roboto Slab","Roboto",Georgia,serif;
	font-size:76px;font-weight:800;line-height:1;color:#fff;
	text-shadow:0 8px 24px rgba(0,0,0,.28)}
.pb-offer__pct small{font-size:30px;font-weight:700;vertical-align:super;margin-left:2px}

/* right panel — copy, coupon, CTA.
   The popup renders in wp_footer, OUTSIDE .pb-home, so it cannot inherit that
   scope's --pb-* tokens or .pb-eyebrow/.pb-btn rules — everything here is
   self-contained with literal brand values. */
.pb-offer__body{padding:34px 34px 30px}
.pb-offer__eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
	font-weight:700;color:#f2133a}
.pb-offer .pb-offer__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;
	width:100%;box-sizing:border-box;font-weight:700;font-size:14.5px;border:1px solid transparent;
	border-radius:999px;padding:13px 22px;cursor:pointer;text-decoration:none;
	background:#f2133a;color:#fff;box-shadow:0 8px 20px -8px #f2133a;
	transition:transform .15s,box-shadow .2s,background .2s}
.pb-offer .pb-offer__cta:hover{background:#c30e2e;color:#fff;transform:translateY(-2px)}
.pb-offer__body h3{font-family:"Roboto Slab","Roboto",Georgia,serif;font-size:26px;font-weight:800;
	line-height:1.15;letter-spacing:-.02em;margin:10px 0 10px;color:#111214}
.pb-offer__body h3 em{font-style:normal;color:#f2133a}
.pb-offer__body p{font-size:14.5px;line-height:1.6;color:#555a63;margin:0 0 20px}
.pb-offer__code{display:flex;align-items:stretch;gap:8px;margin-bottom:18px}
.pb-offer__code code{flex:1;display:grid;place-items:center;font-family:"Roboto Mono",ui-monospace,monospace;
	font-size:17px;font-weight:700;letter-spacing:.16em;color:#111214;
	background:#f6f6f7;border:1.5px dashed #c9ccd2;border-radius:10px;padding:12px 10px}
.pb-offer__copy{flex:none;border:0;border-radius:10px;background:#111214;color:#fff;
	font-size:13px;font-weight:700;padding:0 20px;cursor:pointer;transition:background .18s}
.pb-offer__copy:hover{background:#000}
.pb-offer__copy.is-done{background:#12925a}
.pb-offer__no{display:block;width:100%;margin-top:12px;border:0;background:none;cursor:pointer;
	font-size:12.5px;color:#8a9099;text-decoration:underline;padding:4px}
.pb-offer__no:hover{color:#555a63}

@media(max-width:640px){
	.pb-offer__dialog{grid-template-columns:1fr;max-width:400px}
	.pb-offer__art{min-height:130px}
	.pb-offer__pct{font-size:56px}
	.pb-offer__pct small{font-size:23px}
	.pb-offer__body{padding:24px 22px 22px}
	.pb-offer__body h3{font-size:22px}
}

/* --- respect reduced-motion across every addition above --------------- */
@media(prefers-reduced-motion:reduce){
	.pb-hero__circuit path,.pb-hero__blob,.pb-float,.pb-marquee__track{animation:none}
	.pb-reveal-on .pb-reveal{opacity:1;transform:none;transition:none}
	.pb-offer__overlay,.pb-offer__dialog{transition:none}
}

/* mobile footer bar: Synronic logo sized to match the parent's SVG slot */
.pbc-foot__mlogo{height:26px;width:auto;display:block;border-radius:4px}