/* =========================================================================
   POINT BLANK — tactical dark design system
   Chrome (header/footer/home/shop) is dark; long-form content, cart,
   checkout, account and legacy Elementor pages sit on a light canvas.
   ========================================================================= */

:root {
	--pb-bg: #0f1012;
	--pb-surface: #17181b;
	--pb-surface-2: #1e2024;
	--pb-surface-3: #26282e;
	--pb-line: #2a2d33;
	--pb-line-soft: #202227;
	--pb-text: #f2f3f5;
	--pb-text-soft: #c7ccd4;
	--pb-muted: #a7adb6;
	--pb-red: #e31e24;
	--pb-red-hot: #ff3b41; /* text/icons on dark only — too light behind white text */
	--pb-red-press: #c4161c; /* hover/pressed fill behind white text (6:1) */
	--pb-red-dim: #a3161b;
	--pb-green: #27b463;
	--pb-amber: #f5a623;
	--pb-light-bg: #f5f6f8;
	--pb-light-surface: #ffffff;
	--pb-light-text: #1b1d21;
	--pb-light-muted: #5b6270;
	--pb-light-line: #e2e5ea;
	--pb-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--pb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--pb-radius: 10px;
	--pb-radius-sm: 6px;
	--pb-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
	--pb-container: 1280px;
	/* Pinned header height (main bar + nav + logged-in toolbar, top bar
	   excluded) and top bar height; main.js keeps them in sync with the page. */
	--pb-header-h: 120px;
	--pb-topbar-h: 35px;
	--pb-buybar-h: 72px;
}

/* ---- Base ---- */

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--pb-header-h) + 16px); }

body.pb-theme {
	margin: 0;
	background: var(--pb-bg);
	color: var(--pb-text);
	font-family: var(--pb-font-body);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

body.pb-theme h1,
body.pb-theme h2,
body.pb-theme h3,
body.pb-theme h4 {
	font-family: var(--pb-font-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	line-height: 1.12;
	margin: 0 0 0.5em;
}

body.pb-theme a { color: inherit; text-decoration: none; transition: color 0.15s ease; }
/* Link-buttons (theme, WooCommerce, Elementor, plugins' *btn*) own their hover colours. */
body.pb-theme a:where(:not([class*="btn"], .button, .elementor-button)):hover { color: var(--pb-red-hot); }
body.pb-theme img { max-width: 100%; height: auto; }

.pb-container {
	max-width: var(--pb-container);
	margin: 0 auto;
	padding: 0 clamp(16px, 3vw, 32px);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	overflow: hidden;
	word-wrap: normal;
}

.skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--pb-red); color: #fff; padding: 10px 18px; }
.skip-link:focus { left: 12px; top: 12px; }

body.pb-theme :focus-visible { outline: 2px solid var(--pb-red-hot); outline-offset: 2px; }

/* ---- Buttons ---- */

.pb-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--pb-font-display);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 12px 26px;
	border-radius: var(--pb-radius-sm);
	border: 1.5px solid transparent;
	cursor: pointer;
	transition: transform 0.12s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	line-height: 1.2;
	white-space: nowrap;
}
.pb-btn:active { transform: translateY(1px); }
.pb-btn--solid { background: var(--pb-red); color: #fff !important; box-shadow: 0 6px 20px rgba(227, 30, 36, 0.35); }
.pb-btn--solid:hover { background: var(--pb-red-press); color: #fff !important; }
.pb-btn--outline { border-color: rgba(255, 255, 255, 0.35); color: var(--pb-text) !important; background: rgba(255, 255, 255, 0.02); }
.pb-btn--outline:hover { border-color: var(--pb-red-hot); color: var(--pb-red-hot) !important; }
.pb-btn--ghost { border-color: var(--pb-line); background: var(--pb-surface-2); color: var(--pb-text) !important; }
.pb-btn--ghost:hover { border-color: var(--pb-red); }
.pb-btn--lg { font-size: 19px; padding: 15px 34px; }
.pb-btn--sm { font-size: 15px; padding: 8px 18px; }

/* ---- Header ---- */

/* Negative sticky offset: the top bar scrolls away and only the main bar +
   nav stay pinned (no layout shift). */
.pb-header { position: sticky; top: calc(var(--pb-adminbar-h, 0px) - var(--pb-topbar-h)); z-index: 500; background: var(--pb-bg); border-bottom: 1px solid var(--pb-line-soft); }
.pb-header.is-stuck { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55); }
/* Compact pinned header on desktop. main.js adds a matching margin-bottom
   while .is-stuck so the page below doesn't jump. */
@media (min-width: 861px) {
	.pb-header.is-stuck .pb-mainbar__inner { min-height: 60px; }
	.pb-header.is-stuck .pb-logo img { max-height: 40px; }
	.pb-header.is-stuck .pb-logo__mark svg { width: 34px; height: 34px; }
	.pb-header.is-stuck .pb-nav__item > a,
	.pb-header.is-stuck .pb-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
}

.pb-topbar { background: #0a0b0c; border-bottom: 1px solid var(--pb-line-soft); font-size: 13px; }
.pb-topbar__inner { display: flex; justify-content: space-between; align-items: center; min-height: 34px; gap: 16px; }
.pb-topbar__note { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--pb-muted); letter-spacing: 0.04em; font-weight: 500; }
.pb-topbar__note .pb-icon { color: var(--pb-red); }
.pb-topbar__links { display: flex; gap: 20px; align-items: center; }
.pb-topbar__links a { color: var(--pb-muted); display: inline-flex; align-items: center; gap: 5px; }
.pb-topbar__links a:hover { color: var(--pb-text); }
.pb-topbar__dealer { color: var(--pb-red-hot) !important; font-weight: 600; letter-spacing: 0.04em; }

.pb-mainbar__inner { display: flex; align-items: center; gap: clamp(14px, 2.5vw, 32px); min-height: 76px; }

.pb-logo img { max-height: 54px; width: auto; }
.pb-logo__fallback { display: flex; align-items: center; gap: 12px; }
.pb-logo__text { display: flex; flex-direction: column; line-height: 1.1; }
.pb-logo__text strong { font-family: var(--pb-font-display); font-size: 26px; letter-spacing: 0.12em; }
.pb-logo__text em { font-style: normal; font-size: 12px; letter-spacing: 0.08em; color: var(--pb-muted); text-transform: uppercase; }

.pb-search { flex: 1 1 auto; display: flex; max-width: 560px; position: relative; }
.pb-search input[type="search"] {
	width: 100%;
	background: var(--pb-surface-2);
	border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius-sm);
	color: var(--pb-text);
	padding: 11px 48px 11px 16px;
	font-size: 14.5px;
	font-family: inherit;
	transition: border-color 0.15s ease;
}
.pb-search input[type="search"]::placeholder { color: var(--pb-muted); }
.pb-search input[type="search"]:focus { border-color: var(--pb-red); outline: none; }
.pb-search button {
	position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
	background: transparent; border: 0; color: var(--pb-muted); padding: 8px 10px; cursor: pointer;
}
.pb-search button:hover { color: var(--pb-red-hot); }

.pb-actions { display: flex; align-items: center; gap: clamp(10px, 1.6vw, 22px); margin-left: auto; }
.pb-action { display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--pb-text-soft); position: relative; font-size: 12px; }
.pb-action:hover { color: var(--pb-red-hot); }
.pb-action__label { letter-spacing: 0.04em; }
.pb-action--whatsapp:hover { color: #25d366; }
.pb-cart-count {
	position: absolute; top: -7px; right: 0;
	background: var(--pb-line); color: var(--pb-text);
	font-size: 12px; font-weight: 700; line-height: 1;
	min-width: 19px; height: 19px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center; padding: 0 4px;
}
.pb-cart-count.is-active { background: var(--pb-red); color: #fff; }

/* Nav bar + mega menu */

.pb-navbar { background: var(--pb-surface); border-top: 1px solid var(--pb-line-soft); }
.pb-navbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; position: relative; }
.pb-nav { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; align-items: stretch; }
.pb-nav__item { position: relative; }
.pb-nav__item--mega { position: static; }
.pb-nav__item > a,
.pb-nav > li > a {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 14px 16px;
	font-family: var(--pb-font-display);
	font-size: 16.5px; font-weight: 600;
	letter-spacing: 0.07em; text-transform: uppercase;
	color: var(--pb-text-soft);
	border-bottom: 2px solid transparent;
}
.pb-nav__item > a:hover,
.pb-nav > li > a:hover { color: #fff; border-bottom-color: var(--pb-red); }
.pb-nav__item--mega > a .pb-icon { transition: transform 0.15s ease; }
.pb-nav__item--mega:hover > a .pb-icon,
.pb-nav__item--mega.is-open > a .pb-icon { transform: rotate(180deg); }
.pb-navbar__cta { flex-shrink: 0; }

/* WP-generated submenus in primary menu */
.pb-nav .sub-menu {
	position: absolute; top: 100%; left: 0; z-index: 400;
	min-width: 240px; background: var(--pb-surface-2);
	border: 1px solid var(--pb-line); border-radius: 0 0 var(--pb-radius) var(--pb-radius);
	box-shadow: var(--pb-shadow); list-style: none; margin: 0; padding: 8px 0;
	opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}
.pb-nav li:hover > .sub-menu,
.pb-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.pb-nav .sub-menu a { display: block; padding: 9px 18px; font-size: 14px; color: var(--pb-text-soft); }
.pb-nav .sub-menu a:hover { color: #fff; background: var(--pb-surface-3); }

.pb-mega {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 6px); z-index: 400;
	width: min(1100px, calc(100vw - 48px));
	background: var(--pb-surface-2); border: 1px solid var(--pb-line);
	border-radius: 0 0 var(--pb-radius) var(--pb-radius);
	box-shadow: var(--pb-shadow);
	opacity: 0; visibility: hidden;
	transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s;
}
.pb-nav__item--mega:hover .pb-mega,
.pb-nav__item--mega:focus-within .pb-mega,
.pb-nav__item--mega.is-open .pb-mega { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.pb-mega__grid {
	display: grid; grid-template-columns: repeat(4, 1fr);
	gap: 4px 28px; padding: 26px 30px 18px;
	max-height: min(62vh, 560px); overflow-y: auto;
}
.pb-mega__col { padding: 6px 0 14px; }
.pb-mega__parent {
	display: flex; justify-content: space-between; align-items: baseline; gap: 8px;
	font-family: var(--pb-font-display); font-size: 16px; font-weight: 600;
	letter-spacing: 0.05em; text-transform: uppercase; color: var(--pb-text);
	padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid var(--pb-line);
}
.pb-mega__parent:hover { color: var(--pb-red-hot); }
.pb-count { font-size: 12px; color: var(--pb-muted); font-family: var(--pb-font-body); font-weight: 500; }
.pb-mega__col ul { list-style: none; margin: 0; padding: 0; }
.pb-mega__col ul a { display: block; font-size: 13.5px; color: var(--pb-muted); padding: 3.5px 0; }
.pb-mega__col ul a:hover { color: var(--pb-text); }
.pb-mega__foot {
	display: flex; justify-content: space-between; align-items: center;
	padding: 12px 30px; border-top: 1px solid var(--pb-line);
	background: var(--pb-surface); border-radius: 0 0 var(--pb-radius) var(--pb-radius);
	font-size: 14px;
}
.pb-mega__highlight { display: inline-flex; gap: 8px; align-items: center; color: var(--pb-amber); font-weight: 600; }
.pb-mega__foot a:last-child { color: var(--pb-red-hot); font-weight: 600; }

/* Mobile drawer */

/* 44px tap target; the negative margin keeps the icon on the content edge. */
.pb-nav-toggle { display: none; background: transparent; border: 0; color: var(--pb-text); cursor: pointer; padding: 10px; margin-left: -10px; }
.pb-drawer {
	position: fixed; inset: 0 auto 0 0; width: min(360px, 88vw); z-index: 900;
	background: var(--pb-surface); border-right: 1px solid var(--pb-line);
	overflow-y: auto; overscroll-behavior: contain; padding: 18px 22px 40px;
}
.pb-drawer__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.pb-drawer__close { background: transparent; border: 0; color: var(--pb-text); cursor: pointer; padding: 10px; margin-right: -10px; }
.pb-drawer__nav ul { list-style: none; margin: 0; padding: 0; }
.pb-drawer__nav a { display: flex; justify-content: space-between; align-items: center; padding: 11px 4px; border-bottom: 1px solid var(--pb-line-soft); color: var(--pb-text-soft); font-size: 15px; }
.pb-drawer__section {
	font-family: var(--pb-font-display); text-transform: uppercase; letter-spacing: 0.1em;
	color: var(--pb-red-hot); font-size: 14px; font-weight: 700; padding: 18px 4px 6px;
}
.pb-drawer__cta { color: var(--pb-red-hot) !important; font-weight: 700; }
.pb-drawer-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 850; backdrop-filter: blur(2px); }
/* Scroll lock while the drawer is open (main.js). !important: Simple Social
   Buttons ships `body, html { overflow: visible !important }`. Only the root
   is locked so the sticky header doesn't lose its scroll container. */
html.pb-drawer-open { overflow: hidden !important; }

/* ---- Hero ---- */

.pb-hero {
	position: relative; overflow: hidden;
	background:
		radial-gradient(1100px 520px at 78% -10%, rgba(227, 30, 36, 0.16), transparent 60%),
		radial-gradient(900px 500px at 12% 110%, rgba(227, 30, 36, 0.07), transparent 55%),
		linear-gradient(180deg, #101114 0%, #0c0d0f 100%);
	border-bottom: 1px solid var(--pb-line-soft);
}
.pb-hero--image { background-size: cover; background-position: center; }
.pb-hero--image::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(10, 11, 12, 0.92) 0%, rgba(10, 11, 12, 0.55) 60%, rgba(10, 11, 12, 0.25) 100%);
}
.pb-hero__reticle {
	position: absolute; right: -140px; top: 50%; transform: translateY(-50%);
	width: 620px; height: 620px; border-radius: 50%;
	border: 1px solid rgba(227, 30, 36, 0.18);
	box-shadow: inset 0 0 0 60px rgba(227, 30, 36, 0.02), inset 0 0 120px rgba(227, 30, 36, 0.05);
	pointer-events: none;
}
.pb-hero__reticle::before,
.pb-hero__reticle::after {
	content: ""; position: absolute; background: rgba(227, 30, 36, 0.22);
}
.pb-hero__reticle::before { left: 50%; top: -8%; bottom: -8%; width: 1px; }
.pb-hero__reticle::after { top: 50%; left: -8%; right: -8%; height: 1px; }
.pb-hero__inner { position: relative; padding: clamp(56px, 9vw, 110px) clamp(16px, 3vw, 32px) clamp(40px, 6vw, 72px); max-width: var(--pb-container); margin: 0 auto; }
.pb-hero__kicker {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--pb-text-soft); font-weight: 600;
	border: 1px solid var(--pb-line); border-radius: 20px;
	padding: 7px 16px; background: rgba(255, 255, 255, 0.03); margin: 0 0 22px;
}
.pb-hero__kicker .pb-icon { color: var(--pb-red-hot); }
.pb-hero__title { font-size: clamp(44px, 7vw, 84px); max-width: 13ch; margin-bottom: 18px; }
.pb-hero__title::after {
	content: ""; display: block; width: 88px; height: 4px;
	background: var(--pb-red); margin-top: 18px; border-radius: 2px;
}
.pb-hero__sub { font-size: clamp(16px, 1.6vw, 19px); color: var(--pb-text-soft); max-width: 62ch; margin: 0 0 30px; }
.pb-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: clamp(34px, 5vw, 56px); }
.pb-hero__stats { display: flex; flex-wrap: wrap; gap: clamp(24px, 4.5vw, 64px); list-style: none; margin: 0; padding: 22px 0 0; border-top: 1px solid var(--pb-line-soft); }
.pb-hero__stats li { display: flex; flex-direction: column; }
.pb-hero__stats strong { font-family: var(--pb-font-display); font-size: clamp(26px, 3vw, 36px); font-weight: 700; color: #fff; letter-spacing: 0.02em; }
.pb-hero__stats span { font-size: 13.5px; font-weight: 500; color: var(--pb-text-soft); text-transform: uppercase; letter-spacing: 0.04em; }

/* ---- Trust bar ---- */

.pb-trust { background: var(--pb-surface); border-bottom: 1px solid var(--pb-line-soft); }
.pb-trust__list {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 18px; list-style: none; margin: 0; padding: 22px 0;
}
.pb-trust__item { display: flex; gap: 13px; align-items: center; }
.pb-trust__item .pb-icon { color: var(--pb-red-hot); flex-shrink: 0; }
.pb-trust__text { display: flex; flex-direction: column; line-height: 1.35; }
.pb-trust__text strong { font-size: 14.5px; letter-spacing: 0.01em; }
.pb-trust__text em { font-style: normal; font-size: 13.5px; color: var(--pb-text-soft); }

/* ---- Sections ---- */

.pb-section { padding: clamp(48px, 7vw, 84px) 0; }
.pb-section--tint { background: var(--pb-surface); border-block: 1px solid var(--pb-line-soft); }
.pb-section__head { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; flex-wrap: wrap; margin-bottom: clamp(24px, 3.5vw, 40px); }
.pb-section__title { font-size: clamp(28px, 3.6vw, 42px); margin: 0; }
.pb-section__title::after { content: ""; display: block; width: 56px; height: 3px; background: var(--pb-red); margin-top: 10px; border-radius: 2px; }
.pb-section__more { display: inline-flex; align-items: center; gap: 8px; color: var(--pb-red-hot); font-weight: 600; font-size: 14.5px; }
.pb-section__more:hover { gap: 12px; }
.pb-flag {
	display: inline-block; vertical-align: middle;
	background: var(--pb-red); color: #fff; font-size: max(12px, 0.42em);
	letter-spacing: 0.12em; padding: 4px 10px; border-radius: 4px; margin-right: 10px; transform: translateY(-0.35em);
}

/* ---- Category grid ---- */

.pb-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pb-cat-tile {
	position: relative; display: flex; flex-direction: column;
	background: var(--pb-surface); border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius); overflow: hidden;
	transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}
.pb-cat-tile:hover { border-color: var(--pb-red); transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(227, 30, 36, 0.25); }
.pb-cat-tile__media { display: block; aspect-ratio: 1 / 1; background: #202227; }
.pb-cat-tile__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.25s ease; }
.pb-cat-tile:hover .pb-cat-tile__media img { transform: scale(1.045); }
.pb-cat-tile__body { padding: 14px 56px 16px 16px; display: flex; flex-direction: column; gap: 2px; }
.pb-cat-tile__name { font-family: var(--pb-font-display); font-size: 18px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.pb-cat-tile__count { font-size: 13px; color: var(--pb-muted); }
.pb-cat-tile__arrow {
	position: absolute; right: 14px; bottom: 18px; color: var(--pb-muted);
	transition: color 0.15s ease, transform 0.15s ease;
}
.pb-cat-tile:hover .pb-cat-tile__arrow { color: var(--pb-red-hot); transform: translateX(3px); }

/* ---- Product carousels (shortcode output) ---- */

/* Horizontal scrollers are position:relative so absolutely positioned
   descendants (WooCommerce's .screen-reader-text price labels) are clipped
   by them instead of widening the page. */
.pb-carousel ul.products {
	position: relative;
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: minmax(250px, 1fr);
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 4px 4px 18px;
	margin: 0;
	/* Thin themed scrollbar (arrows do the work on desktop). */
	scrollbar-width: thin;
	scrollbar-color: var(--pb-surface-3) transparent;
}
.pb-carousel ul.products::-webkit-scrollbar { height: 6px; }
.pb-carousel ul.products::-webkit-scrollbar-track { background: transparent; }
.pb-carousel ul.products::-webkit-scrollbar-thumb { background: var(--pb-surface-3); border-radius: 3px; }
.pb-carousel ul.products::before,
.pb-carousel ul.products::after { display: none !important; }
.pb-carousel ul.products li.product { scroll-snap-align: start; width: auto !important; margin: 0 !important; }

/* ---- New Launches showcase ---- */

.pb-launch { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.pb-launch__feature {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	background: var(--pb-surface-2); border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius); overflow: hidden;
	transition: border-color 0.16s ease;
}
.pb-launch__feature:hover { border-color: var(--pb-red); }
.pb-launch__media { display: block; background: #fff; min-height: 100%; }
.pb-launch__media img { width: 100%; height: 100%; object-fit: contain; display: block; aspect-ratio: 1 / 1; }
.pb-launch__body { padding: clamp(20px, 2.5vw, 34px); display: flex; flex-direction: column; }
.pb-launch__kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--pb-amber); font-weight: 700; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 10px; }
.pb-launch__title { font-family: var(--pb-font-body); text-transform: none; letter-spacing: 0; font-size: clamp(19px, 2vw, 24px); font-weight: 700; line-height: 1.3; margin: 0 0 10px; }
.pb-launch__title a:hover { color: var(--pb-red-hot); }
.pb-launch__excerpt { color: var(--pb-muted); font-size: 14px; margin: 0 0 14px; }
.pb-launch__price { font-size: 21px; font-weight: 700; color: #fff; margin: auto 0 16px; }
.pb-launch__price del { color: var(--pb-muted); font-weight: 400; font-size: 0.8em; }
.pb-launch__price ins { text-decoration: none; }

.pb-launch__rail { display: flex; flex-direction: column; min-width: 0; }
.pb-rail {
	position: relative; /* clips the price .screen-reader-text spans (see .pb-carousel) */
	display: grid; grid-auto-flow: column; grid-auto-columns: minmax(180px, 46%);
	gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
	padding: 2px; scrollbar-width: none; flex: 1;
}
.pb-rail::-webkit-scrollbar { display: none; }
.pb-rail__card {
	scroll-snap-align: start; display: flex; flex-direction: column;
	background: var(--pb-surface-2); border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius); overflow: hidden;
	transition: border-color 0.16s ease, transform 0.16s ease;
}
.pb-rail__card:hover { border-color: var(--pb-red); transform: translateY(-2px); color: inherit; }
.pb-rail__media { display: block; background: #fff; }
.pb-rail__media img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.pb-rail__name { font-size: 13px; font-weight: 600; line-height: 1.4; padding: 10px 12px 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.pb-rail__price { font-size: 14px; font-weight: 700; color: #fff; padding: 0 12px 12px; margin-top: auto; }
.pb-rail__price del { color: var(--pb-muted); font-weight: 400; font-size: 12px; }
.pb-rail__price ins { text-decoration: none; }
.pb-rail__price .woocommerce-price-suffix { display: none; }

.pb-rail__nav { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.pb-rail__btn {
	width: 40px; height: 40px; border-radius: 50%;
	background: var(--pb-surface-3); border: 1px solid var(--pb-line);
	color: var(--pb-text); cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.pb-rail__btn:hover { border-color: var(--pb-red); color: var(--pb-red-hot); }
.pb-rail__btn:first-child svg { transform: rotate(90deg); }
.pb-rail__btn:last-child svg { transform: rotate(-90deg); }
.pb-rail__nav--overlay { margin-top: 4px; }

/* ---- Buy Now + sticky mobile buy bar ---- */

/* A plain <button> (not .button), so it gets the theme button typography here. */
body.pb-theme div.product form.cart .pb-buy-now {
	display: inline-flex; align-items: center; justify-content: center;
	background: transparent !important;
	border: 1.5px solid var(--pb-red) !important;
	border-radius: var(--pb-radius-sm);
	color: var(--pb-red-hot) !important;
	box-shadow: none !important;
	height: 48px; padding: 0 28px !important;
	font-family: var(--pb-font-display); font-weight: 600; font-size: 18px !important;
	letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.3;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
body.pb-theme div.product form.cart .pb-buy-now:hover { background: var(--pb-red) !important; color: #fff !important; }
/* Variable products before a variation is chosen (WooCommerce toggles these). */
body.pb-theme div.product form.cart .pb-buy-now:is(.disabled, :disabled, .wc-variation-selection-needed),
body.pb-theme div.product form.cart .pb-buy-now:is(.disabled, :disabled, .wc-variation-selection-needed):hover {
	background: transparent !important; color: var(--pb-red-hot) !important;
	opacity: 0.5; cursor: not-allowed;
}
body.pb-theme div.product .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
/* Flexible Product Fields prints wrappers even when a product has no fields
   (a hidden input + an empty totals list); as flex items they still took a gap
   and indented the quantity/buttons. */
body.pb-theme div.product form.cart .fpf-fields:not(:has(> :not(input[type="hidden"], .fpf-totals))),
body.pb-theme div.product form.cart .fpf-totals:has(> dl:empty) { display: none; }

/* Phones only, and only once the real add-to-cart form has scrolled up out of
   view (main.js). The page end reserves the bar's height and the WhatsApp
   button lifts above it while it shows. */
.pb-buybar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 700;
	display: flex; align-items: center; justify-content: space-between; gap: 14px;
	background: rgba(15, 16, 18, 0.97); border-top: 1px solid var(--pb-line);
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
	backdrop-filter: blur(6px);
	transform: translateY(110%); visibility: hidden;
	transition: transform 0.2s ease, visibility 0.2s;
}
.pb-buybar.is-visible { transform: none; visibility: visible; }
@media (min-width: 861px) { .pb-buybar { display: none; } }
body.pb-has-buybar { padding-bottom: var(--pb-buybar-h); }
body.pb-buybar-on .pb-whatsapp-fab { bottom: calc(var(--pb-buybar-h) + 14px); }
.pb-buybar__price { color: #fff; font-weight: 700; font-size: 16px; line-height: 1.2; min-width: 0; }
.pb-buybar__price del { color: var(--pb-muted); font-weight: 400; font-size: 0.8em; }
.pb-buybar__price ins { text-decoration: none; }
.pb-buybar__price .woocommerce-price-suffix { display: block; font-size: 12px; color: var(--pb-muted); font-weight: 400; }
.pb-buybar__btn {
	background: var(--pb-red); color: #fff; border: 0; border-radius: var(--pb-radius-sm);
	font-family: var(--pb-font-display); font-size: 16.5px; font-weight: 600;
	letter-spacing: 0.06em; text-transform: uppercase;
	padding: 12px 26px; cursor: pointer; white-space: nowrap;
}
.pb-buybar__btn:hover { background: var(--pb-red-press); }

/* ---- WooCommerce: shared dark canvas ---- */

/* Vertical only — a padding shorthand here wiped .pb-container's side gutter
   (edge-to-edge text on phones, content 32px wider than the header on desktop). */
.pb-shop { padding-top: 28px; padding-bottom: 72px; }
.pb-breadcrumb-bar { background: var(--pb-surface); border-bottom: 1px solid var(--pb-line-soft); }
.woocommerce-breadcrumb { font-size: 13px !important; color: var(--pb-muted) !important; padding: 10px 0 !important; margin: 0 !important; }
/* body.pb-theme: beat WooCommerce's `.woocommerce .woocommerce-breadcrumb a` (#767676, 3.9:1 here). */
body.pb-theme .woocommerce-breadcrumb a { color: var(--pb-muted); }
body.pb-theme .woocommerce-breadcrumb a:hover { color: var(--pb-text); }
.pb-breadcrumb-sep { margin: 0 8px; opacity: 0.5; }

body.pb-theme .woocommerce-products-header__title,
body.pb-theme h1.page-title { font-size: clamp(30px, 4vw, 46px); }
body.pb-theme .woocommerce-products-header { margin: 6px 0 8px; }
body.pb-theme .term-description { color: var(--pb-muted); max-width: 76ch; }

body.pb-theme .woocommerce-result-count { color: var(--pb-muted); font-size: 13.5px; }
body.pb-theme .woocommerce-ordering select {
	background: var(--pb-surface-2); color: var(--pb-text);
	border: 1px solid #6b7280; border-radius: var(--pb-radius-sm);
	padding: 8px 12px; font-size: 13.5px;
}

/* Product grid + cards (default hooks, restyled) */

body.pb-theme ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 18px;
	list-style: none;
	padding: 0;
	margin: 22px 0;
}
body.pb-theme ul.products::before,
body.pb-theme ul.products::after { display: none; }
body.pb-theme ul.products li.product {
	position: relative;
	/* Beat WooCommerce's .columns-N li.product width/float (4-class specificity) so
	   cards fill their grid cell instead of collapsing to ~22% on mobile. */
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	background: var(--pb-surface);
	border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius);
	padding: 0 0 16px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
	text-align: left;
}
body.pb-theme ul.products li.product:hover {
	border-color: var(--pb-red);
	transform: translateY(-3px);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.4);
}
body.pb-theme ul.products li.product a img {
	width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
	margin: 0 0 12px; display: block; background: #202227;
}
.pb-card-cat {
	display: block; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--pb-muted); padding: 0 16px; margin-bottom: 2px;
}
body.pb-theme ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--pb-font-body); text-transform: none; letter-spacing: 0;
	font-size: 14.5px; font-weight: 600; line-height: 1.45;
	color: var(--pb-text); padding: 0 16px; margin: 0 0 6px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	min-height: 2.9em;
}
body.pb-theme ul.products li.product .star-rating { margin: 0 16px 6px; }
body.pb-theme ul.products li.product .price {
	color: #fff !important; font-size: 16.5px; font-weight: 700;
	padding: 0 16px; margin: auto 0 10px; display: block;
}
body.pb-theme ul.products li.product .price del { color: var(--pb-muted); opacity: 1; font-weight: 400; font-size: 0.85em; margin-right: 6px; }
body.pb-theme ul.products li.product .price ins { text-decoration: none; }
body.pb-theme .woocommerce-price-suffix { display: block; font-size: 12px; font-weight: 400; color: var(--pb-muted); letter-spacing: 0.01em; }
/* Cart/checkout tables sit on white; product cards stay dark. */
body.pb-light-canvas .woocommerce-price-suffix:not(ul.products *) { color: var(--pb-light-muted); }
body.pb-theme ul.products li.product .button {
	margin: 0 16px; text-align: center; justify-content: center;
}
body.pb-theme span.onsale {
	position: absolute; top: 12px; left: 12px; z-index: 9;
	background: var(--pb-red); color: #fff;
	min-width: 0; min-height: 0; line-height: 1; border-radius: 4px;
	padding: 6px 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
	margin: 0;
}

/* WooCommerce buttons (global) */

body.pb-theme .woocommerce a.button,
body.pb-theme .woocommerce button.button,
body.pb-theme .woocommerce input.button,
body.pb-theme a.button,
body.pb-theme button.button,
body.pb-theme .woocommerce #respond input#submit,
body.pb-theme .woocommerce a.added_to_cart {
	background: var(--pb-red); color: #fff;
	font-family: var(--pb-font-display); font-weight: 600; font-size: 15.5px;
	letter-spacing: 0.06em; text-transform: uppercase;
	border: 0; border-radius: var(--pb-radius-sm);
	padding: 11px 20px; display: inline-flex; align-items: center; gap: 8px;
	transition: background 0.15s ease, transform 0.12s ease;
	cursor: pointer; line-height: 1.3;
}
/* WooCommerce paints .button.alt (add to cart, checkout, place order) purple
   at 0,3,1 — keep them on brand. */
body.pb-theme a.button.alt,
body.pb-theme button.button.alt,
body.pb-theme input.button.alt { background: var(--pb-red); color: #fff; }
body.pb-theme .woocommerce a.button:hover,
body.pb-theme .woocommerce button.button:hover,
body.pb-theme .woocommerce input.button:hover,
body.pb-theme a.button:hover,
body.pb-theme button.button:hover,
body.pb-theme input.button:hover,
body.pb-theme a.button.alt:hover,
body.pb-theme button.button.alt:hover,
body.pb-theme input.button.alt:hover { background: var(--pb-red-press); color: #fff; }
body.pb-theme .woocommerce a.button.loading { opacity: 0.7; }
body.pb-theme .woocommerce a.added_to_cart { background: var(--pb-surface-3); margin-left: 8px; }

body.pb-theme .button.product_type_variable,
body.pb-theme .button.product_type_grouped { background: var(--pb-surface-3); border: 1px solid var(--pb-line); }
body.pb-theme .button.product_type_variable:hover { border-color: var(--pb-red); background: var(--pb-surface-3); color: #fff; }

/* Disabled add-to-cart (variation not chosen yet) */
body.pb-theme .button.disabled,
body.pb-theme .button:disabled,
body.pb-theme .single_add_to_cart_button.disabled,
body.pb-theme .single_add_to_cart_button.wc-variation-selection-needed {
	background: var(--pb-surface-3) !important;
	color: var(--pb-muted) !important;
	cursor: not-allowed;
	opacity: 1;
	box-shadow: none !important;
}

/* Category tiles in shop loop */
body.pb-theme ul.products li.product-category .woocommerce-loop-category__title {
	font-family: var(--pb-font-display); font-size: 16px; font-weight: 600;
	letter-spacing: 0.05em; text-transform: uppercase; color: var(--pb-text);
	padding: 0 16px 6px; margin: 0;
}
body.pb-theme ul.products li.product-category mark.count {
	background: var(--pb-surface-3); color: var(--pb-muted);
	border-radius: 12px; padding: 2px 9px; font-size: 12px; margin-left: 6px;
}

/* Star ratings */
body.pb-theme .star-rating span::before,
body.pb-theme .star-rating::before { color: var(--pb-amber); }
body.pb-theme p.stars a { color: var(--pb-amber); }

/* Pagination */
body.pb-theme .woocommerce-pagination { text-align: center; margin: 26px 0 4px; }
body.pb-theme .woocommerce-pagination ul.page-numbers { border: 0; display: inline-flex; gap: 8px; }
body.pb-theme .woocommerce-pagination ul.page-numbers li { border: 0; }
body.pb-theme .page-numbers li .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px;
	background: var(--pb-surface-2); border: 1px solid var(--pb-line); border-radius: var(--pb-radius-sm);
	color: var(--pb-text-soft); font-weight: 600;
}
body.pb-theme .page-numbers li .page-numbers.current { background: var(--pb-red); border-color: var(--pb-red); color: #fff; }
body.pb-theme .page-numbers li .page-numbers:hover { border-color: var(--pb-red); color: #fff; }

/* Notices */
body.pb-theme .woocommerce-message,
body.pb-theme .woocommerce-info,
body.pb-theme .woocommerce-error {
	background: var(--pb-surface-2); color: var(--pb-text);
	border-top: 3px solid var(--pb-green); border-radius: var(--pb-radius-sm);
	padding: 14px 18px 14px 44px; margin-bottom: 22px;
}
body.pb-theme .woocommerce-message::before { color: var(--pb-green); }
body.pb-theme .woocommerce-info { border-top-color: #3b82f6; }
body.pb-theme .woocommerce-info::before { color: #3b82f6; }
body.pb-theme .woocommerce-error { border-top-color: var(--pb-red); }
body.pb-theme .woocommerce-error::before { color: var(--pb-red); }
body.pb-theme .woocommerce-message .button,
body.pb-theme .woocommerce-info .button { background: var(--pb-surface-3); }
/* WooCommerce focuses notices (tabindex -1) for screen readers; the red
   focus ring made a success message look like an error. */
body.pb-theme :is(.woocommerce-message, .woocommerce-info, .woocommerce-error):focus { outline: none; }

/* ---- Single product ---- */

body.pb-theme div.product { display: block; }

/* Hero = sale flash + gallery | buy box. The wrapper is opened/closed in
   inc/woocommerce.php so the sticky buy box is bounded by the hero and can't
   slide over the tabs, upsells or related products below. */
body.pb-theme div.product .pb-product-hero {
	position: relative; /* containing block for span.onsale (gallery corner) */
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: start;
}
/* Beat WooCommerce's floated 48% columns (woocommerce-layout/smallscreen). */
body.pb-theme div.product .pb-product-hero > .woocommerce-product-gallery,
body.pb-theme div.product .pb-product-hero > .summary {
	width: auto !important;
	float: none !important;
	margin: 0;
	min-width: 0;
}
body.pb-theme div.product .pb-product-hero > .summary { position: sticky; top: calc(var(--pb-header-h) + 20px); }
/* Pin the two columns; anything else a plugin prints into the hero spans both. */
body.pb-theme div.product .pb-product-hero > * { grid-column: 1 / -1; }
body.pb-theme div.product .pb-product-hero > .woocommerce-product-gallery { grid-column: 1; }
body.pb-theme div.product .pb-product-hero > .summary { grid-column: 2; }
/* Sale flash: top-RIGHT of the gallery (the wishlist heart owns top-left).
   grid-column: 1 / 2 makes the gallery column its containing block (an
   abspos item's auto end line would be the hero's edge); with images
   it sits just left of WooCommerce's zoom trigger, centred on it. */
body.pb-theme div.product .pb-product-hero > span.onsale { grid-column: 1 / 2; top: 22px; right: 60px; left: auto; }
body.pb-theme div.product .pb-product-hero:not(:has(.woocommerce-product-gallery--with-images)) > span.onsale { top: 12px; right: 12px; }
/* Placeholder image: nothing to zoom, and the trigger would sit under the badge. */
body.pb-theme div.product .woocommerce-product-gallery--without-images .woocommerce-product-gallery__trigger { display: none; }

/* Gallery frame goes on the visible window (.flex-viewport), not on the wide
   sliding track; single-image galleries have no flexslider, so frame the
   wrapper there. A ring shadow instead of a border keeps flexslider's
   smoothHeight maths exact. */
body.pb-theme div.product div.images .flex-viewport {
	border-radius: var(--pb-radius); overflow: hidden;
	box-shadow: 0 0 0 1px var(--pb-line); background: #202227;
}
body.pb-theme div.product div.images:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper {
	border-radius: var(--pb-radius); overflow: hidden;
	box-shadow: 0 0 0 1px var(--pb-line); background: #202227;
}
body.pb-theme div.product div.images .flex-control-thumbs {
	display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px;
	margin: 12px 0 0; padding: 0; overflow: visible;
}
body.pb-theme div.product div.images .flex-control-thumbs li { width: auto; float: none; margin: 0; list-style: none; }
body.pb-theme div.product div.images .flex-control-thumbs li img {
	display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
	border-radius: var(--pb-radius-sm); border: 2px solid transparent; background: #202227;
	opacity: 0.6; cursor: pointer; transition: opacity 0.15s ease, border-color 0.15s ease;
}
body.pb-theme div.product div.images .flex-control-thumbs li img.flex-active,
body.pb-theme div.product div.images .flex-control-thumbs li img:hover { border-color: var(--pb-red); opacity: 1; }

body.pb-theme div.product .product_title { font-size: clamp(26px, 3.2vw, 38px); text-transform: none; letter-spacing: 0; font-family: var(--pb-font-body); font-weight: 700; line-height: 1.25; }
body.pb-theme div.product p.price,
body.pb-theme div.product span.price { color: #fff; font-size: 26px; font-weight: 700; }
body.pb-theme div.product p.price del { color: var(--pb-muted); font-size: 0.7em; font-weight: 400; }
body.pb-theme div.product p.price ins { text-decoration: none; }
body.pb-theme div.product .woocommerce-product-details__short-description { color: var(--pb-text-soft); font-size: 15.5px; margin: 14px 0 6px; }
/* Stock status: WC core colours (#958e09 / #a00) are built for white pages. */
body.pb-theme div.product .stock { color: var(--pb-green); font-weight: 600; }
body.pb-theme div.product .stock.out-of-stock { color: var(--pb-red-hot); }
body.pb-theme div.product .stock.available-on-backorder { color: var(--pb-amber); }

body.pb-theme div.product form.cart { margin: 22px 0 14px; display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
body.pb-theme div.product form.cart.variations_form { display: block; }
/* WooCommerce's clearfix ::before/::after would be empty flex items, each
   taking a gap (a 12px indent before the quantity); the gap spaces the qty. */
body.pb-theme div.product form.cart::before,
body.pb-theme div.product form.cart::after { display: none; }
body.pb-theme div.product form.cart .quantity { margin: 0; }
/* Field outlines on the dark buy box: #6b7280 holds 3.7:1 against the
   surface (WCAG 1.4.11); --pb-line was ~1.3:1. */
body.pb-theme div.product form.cart .quantity .qty {
	background: var(--pb-surface-2); color: var(--pb-text);
	border: 1px solid #6b7280; border-radius: var(--pb-radius-sm);
	height: 48px; width: 74px; text-align: center; font-size: 16px; font-weight: 600;
}
body.pb-theme div.product form.cart .button.single_add_to_cart_button { font-size: 18px; padding: 0 34px; height: 48px; box-shadow: 0 6px 20px rgba(227, 30, 36, 0.3); }
body.pb-theme div.product table.variations { margin-bottom: 14px; }
body.pb-theme div.product table.variations th,
body.pb-theme div.product table.variations td { padding: 6px 10px 6px 0; vertical-align: middle; text-align: left; }
/* Native option lists render light on most platforms: keep the text readable. */
body.pb-theme div.product table.variations select option,
body.pb-theme .woocommerce-ordering select option { background: var(--pb-surface-2); color: var(--pb-text); }
body.pb-theme div.product table.variations label { color: var(--pb-text-soft); font-weight: 600; font-size: 14px; }
body.pb-theme div.product table.variations select,
body.pb-theme .woocommerce select {
	background: var(--pb-surface-2); color: var(--pb-text);
	border: 1px solid #6b7280; border-radius: var(--pb-radius-sm);
	padding: 10px 12px; font-size: 14.5px; min-width: 200px;
}
body.pb-theme .reset_variations { color: var(--pb-muted); font-size: 13px; }
body.pb-theme .woocommerce-variation-price { margin-bottom: 12px; }

.pb-dealer-badge {
	display: inline-block; margin-left: 12px; vertical-align: middle;
	background: rgba(39, 180, 99, 0.12); color: var(--pb-green);
	border: 1px solid rgba(39, 180, 99, 0.4);
	font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
	border-radius: 20px; padding: 4px 12px;
}

.pb-assurances {
	list-style: none; margin: 20px 0 0; padding: 16px 0 0;
	border-top: 1px solid var(--pb-line-soft);
	display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px;
}
.pb-assurances li { display: flex; gap: 9px; align-items: center; font-size: 13.5px; color: var(--pb-text-soft); }
.pb-assurances .pb-icon { color: var(--pb-red-hot); flex-shrink: 0; }
.pb-bulk-nudge { margin: 14px 0 0; font-size: 13.5px; color: var(--pb-muted); }
.pb-bulk-nudge a { color: var(--pb-red-hot); font-weight: 600; }
/* Out of stock: WhatsApp enquiry instead of a dead end (inc/woocommerce.php). */
.pb-oos-enquiry { margin: 14px 0 18px; }
.pb-oos-enquiry .pb-btn { width: 100%; min-height: 48px; justify-content: center; text-align: center; white-space: normal; }
.pb-oos-enquiry .pb-icon { color: #25d366; flex-shrink: 0; }

body.pb-theme .product_meta { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--pb-line-soft); font-size: 13px; color: var(--pb-muted); display: flex; flex-direction: column; gap: 4px; }
body.pb-theme .product_meta a { color: var(--pb-text-soft); }

/* Short description in the dark buy box: neutralize pasted inline colours/
   fonts so dark text can't vanish; headings read as copy, not caps. */
body.pb-theme div.product .woocommerce-product-details__short-description,
body.pb-theme div.product .woocommerce-product-details__short-description :is(p, li, span, strong, b, i, em, font, h2, h3, h4, h5) {
	color: var(--pb-text-soft) !important;
	background: transparent !important;
	font-family: var(--pb-font-body) !important;
}
body.pb-theme div.product .woocommerce-product-details__short-description :is(strong, b) { color: var(--pb-text) !important; }
body.pb-theme div.product .woocommerce-product-details__short-description a { color: var(--pb-text) !important; text-decoration: underline; text-underline-offset: 2px; }
body.pb-theme div.product .woocommerce-product-details__short-description a:hover { color: var(--pb-red-hot) !important; }
body.pb-theme div.product .woocommerce-product-details__short-description :is(h2, h3, h4, h5) {
	font-size: 1.05em; font-weight: 700; text-transform: none; letter-spacing: normal; line-height: 1.4; margin: 0.8em 0 0.4em;
}
body.pb-theme div.product .woocommerce-product-details__short-description p { margin: 0 0 0.6em; }
body.pb-theme div.product .woocommerce-product-details__short-description :is(ul, ol) { padding-left: 1.2em; margin: 0 0 0.6em; }

/* Tabs → spec sheet on light panel for readability. Prefixed with div.product
   to outrank WooCommerce's (0,4,x) tab/panel rules (panel padding:0, tab
   strip overflow:hidden). */
body.pb-theme div.product .woocommerce-tabs { margin-top: clamp(32px, 5vw, 56px); clear: both; }
body.pb-theme div.product .woocommerce-tabs ul.tabs {
	list-style: none; display: flex; gap: 6px; margin: 0; padding: 0 !important;
	border-bottom: 1px solid var(--pb-line);
	overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--pb-line) transparent;
}
body.pb-theme div.product .woocommerce-tabs ul.tabs::before,
body.pb-theme div.product .woocommerce-tabs ul.tabs li::before,
body.pb-theme div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.pb-theme div.product .woocommerce-tabs ul.tabs li {
	flex: 0 0 auto;
	background: transparent !important; border: 0 !important; border-radius: 0 !important;
	margin: 0 !important; padding: 0 !important;
}
body.pb-theme div.product .woocommerce-tabs ul.tabs li a {
	display: block; padding: 12px 20px !important;
	font-family: var(--pb-font-display); font-size: 16.5px; font-weight: 600;
	letter-spacing: 0.05em; text-transform: uppercase;
	color: var(--pb-text-soft) !important; border-bottom: 3px solid transparent;
	white-space: nowrap;
}
body.pb-theme div.product .woocommerce-tabs ul.tabs li a:hover { color: #fff !important; }
body.pb-theme div.product .woocommerce-tabs ul.tabs li.active a { color: #fff !important; border-bottom-color: var(--pb-red); }
@media (max-width: 600px) {
	body.pb-theme div.product .woocommerce-tabs ul.tabs { gap: 0; }
	body.pb-theme div.product .woocommerce-tabs ul.tabs li a { padding: 12px 14px !important; font-size: 15.5px; }
}
body.pb-theme div.product .woocommerce-tabs .panel {
	background: var(--pb-light-surface); color: var(--pb-light-text);
	border-radius: var(--pb-radius); padding: clamp(18px, 3.5vw, 40px); margin: 20px 0 0;
	font-size: 15.5px; line-height: 1.75;
}
/* WC's "Description" / "Additional information" heading — the tab says it. */
body.pb-theme div.product .woocommerce-tabs .panel > h2:first-child { display: none; }
body.pb-theme div.product .woocommerce-tabs .panel > h2:first-child + * { margin-top: 0; }
body.pb-theme div.product .woocommerce-tabs .panel a:where(:not([class*="btn"], .button)) { color: var(--pb-red-dim); text-decoration: underline; text-underline-offset: 2px; }

/* Description: legacy HTML pasted from other themes, Amazon listings and chat
   tools. Neutralize inline colours/fonts (text tags only; the share-button
   widget keeps its styling) and make headings read as copy, not as giant
   condensed caps. */
body.pb-theme .woocommerce-Tabs-panel--description { color: var(--pb-light-text); }
body.pb-theme .woocommerce-Tabs-panel--description :is(p, li, h1, h2, h3, h4, h5, h6, span, strong, b, em, i, font, td, th, blockquote):not(.simplesocialbuttons, .simplesocialbuttons *) {
	color: var(--pb-light-text) !important;
	background: transparent !important;
	font-family: var(--pb-font-body) !important;
}
body.pb-theme .woocommerce-Tabs-panel--description :is(p, li, span, strong, b, em, i, font):not(.simplesocialbuttons *) { font-size: inherit; }
body.pb-theme .woocommerce-Tabs-panel--description :is(h1, h2, h3, h4, h5, h6):not(.simplesocialbuttons *) {
	font-weight: 700; text-transform: none; letter-spacing: normal; line-height: 1.35;
	margin: 1.5em 0 0.5em;
}
body.pb-theme .woocommerce-Tabs-panel--description :is(h1, h2):not(.simplesocialbuttons *) { font-size: 1.35em; }
body.pb-theme .woocommerce-Tabs-panel--description h3:not(.simplesocialbuttons *) { font-size: 1.2em; }
body.pb-theme .woocommerce-Tabs-panel--description h4:not(.simplesocialbuttons *) { font-size: 1.05em; }
body.pb-theme .woocommerce-Tabs-panel--description :is(h5, h6):not(.simplesocialbuttons *) { font-size: 1em; }
body.pb-theme .woocommerce-Tabs-panel--description :is(p, ul, ol, h2, h3, h4, h5, blockquote) { max-width: 80ch; }
body.pb-theme .woocommerce-Tabs-panel--description p { margin: 0 0 1em; }
body.pb-theme .woocommerce-Tabs-panel--description :is(ul, ol) { padding-left: 1.3em; margin: 0 0 1.2em; }
body.pb-theme .woocommerce-Tabs-panel--description li { margin-bottom: 0.35em; }
body.pb-theme .woocommerce-Tabs-panel--description :is(b, strong) { font-weight: 700; }
body.pb-theme .woocommerce-Tabs-panel--description hr { border: 0; border-top: 1px solid var(--pb-light-line); margin: 1.6em 0; }
body.pb-theme .woocommerce-Tabs-panel--description :is(img, iframe, video) { max-width: 100%; }
body.pb-theme .woocommerce-Tabs-panel--description img { height: auto; border-radius: var(--pb-radius-sm); }
body.pb-theme div.product .woocommerce-Tabs-panel--description table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; font-size: 0.95em; line-height: 1.55; }
body.pb-theme div.product .woocommerce-Tabs-panel--description :is(td, th) { border: 1px solid var(--pb-light-line); padding: 10px 14px; text-align: left; vertical-align: top; }
body.pb-theme div.product .woocommerce-Tabs-panel--description table th { background: var(--pb-light-bg) !important; font-weight: 600; }
@media (max-width: 600px) {
	body.pb-theme div.product .woocommerce-Tabs-panel--description table { display: block; max-width: 100%; overflow-x: auto; }
}
/* Share buttons injected into the panel: separate them from the copy and
   turn the plugin's mixed floats / 20px pills into one even row of 36px
   buttons with 13px labels. Fills darkened where white text was < 4.5:1. */
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons,
body.pb-theme .woocommerce-Tabs-panel--description .simplesocial-wrapper {
	margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--pb-light-line);
}
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button[class*="ssb_"] {
	float: none; display: inline-flex; align-items: center; gap: 7px;
	width: auto; height: auto; min-height: 36px; margin: 0; padding: 0 14px 0 12px;
	border: 0; border-radius: var(--pb-radius-sm); overflow: visible;
	font: 600 13px/1.2 var(--pb-font-body); color: #fff; text-align: left; text-indent: 0; cursor: pointer;
}
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button[class*="ssb_"]:hover { filter: brightness(1.12); }
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button[class*="ssb_"] .icon {
	position: static; float: none; display: inline-flex; align-items: center;
	width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; line-height: 1;
}
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button[class*="ssb_"] .icon svg { width: 16px; height: 16px; vertical-align: middle; }
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button[class*="ssb_"] .simplesocialtxt { margin: 0; padding: 0; font: inherit; color: inherit; }
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_fbshare-icon { background: #4267b2; } /* 5.5:1 */
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_tweet-icon { background: #0f1419; }
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_linkedin-icon { background: #0a66c2; } /* 5.7:1 */
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_whatsapp-icon { background: #1e7a14; } /* was #34af23, 2.9:1 */
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_email-icon { background: #5b6270; } /* was #878787, 3.6:1 */
body.pb-theme .woocommerce-Tabs-panel--description .simplesocialbuttons button.ssb_copylink-icon { background: #434a4d; }

/* Specifications (custom attributes; values are <p> with <br> line breaks).
   Resets WC core's italics, dotted rules, 150px labels and its ≤768px
   stacking (woocommerce-smallscreen) — we stack at ≤600px instead. */
body.pb-theme div.product table.woocommerce-product-attributes {
	width: 100%; margin: 0;
	border: 1px solid var(--pb-light-line); border-radius: var(--pb-radius-sm);
	border-collapse: separate; border-spacing: 0; overflow: hidden;
}
body.pb-theme div.product table.woocommerce-product-attributes tr { display: table-row; }
body.pb-theme div.product table.woocommerce-product-attributes th,
body.pb-theme div.product table.woocommerce-product-attributes td {
	display: table-cell; padding: 12px 16px; margin: 0;
	border: 0; border-bottom: 1px solid var(--pb-light-line);
	font-size: 15px; line-height: 1.6; font-style: normal; text-align: left; vertical-align: top;
	color: var(--pb-light-text); overflow-wrap: anywhere;
}
body.pb-theme div.product table.woocommerce-product-attributes th {
	width: 34%; font-weight: 600; background: var(--pb-light-bg);
	border-right: 1px solid var(--pb-light-line);
}
body.pb-theme div.product table.woocommerce-product-attributes td { font-weight: 400; background: var(--pb-light-surface); }
body.pb-theme div.product table.woocommerce-product-attributes tr:nth-child(even) th { background: #eef0f3; }
body.pb-theme div.product table.woocommerce-product-attributes tr:nth-child(even) td { background: #f9fafb; }
body.pb-theme div.product table.woocommerce-product-attributes tr:last-child > * { border-bottom: 0; }
body.pb-theme div.product table.woocommerce-product-attributes td p { margin: 0; padding: 0; }
body.pb-theme div.product table.woocommerce-product-attributes td p + p { margin-top: 0.4em; }
@media (min-width: 900px) {
	body.pb-theme div.product table.woocommerce-product-attributes th { width: 240px; }
}
@media (max-width: 600px) {
	body.pb-theme div.product table.woocommerce-product-attributes,
	body.pb-theme div.product table.woocommerce-product-attributes tbody,
	body.pb-theme div.product table.woocommerce-product-attributes tr,
	body.pb-theme div.product table.woocommerce-product-attributes th,
	body.pb-theme div.product table.woocommerce-product-attributes td { display: block; width: 100%; }
	body.pb-theme div.product table.woocommerce-product-attributes tr { border-bottom: 1px solid var(--pb-light-line); }
	body.pb-theme div.product table.woocommerce-product-attributes tr:last-child { border-bottom: 0; }
	body.pb-theme div.product table.woocommerce-product-attributes tr:nth-child(even) { background: #f9fafb; }
	body.pb-theme div.product table.woocommerce-product-attributes th,
	body.pb-theme div.product table.woocommerce-product-attributes td,
	body.pb-theme div.product table.woocommerce-product-attributes tr:nth-child(even) th,
	body.pb-theme div.product table.woocommerce-product-attributes tr:nth-child(even) td { background: transparent; border: 0; }
	body.pb-theme div.product table.woocommerce-product-attributes th {
		padding: 11px 14px 2px; font-size: 12.5px; letter-spacing: 0.04em; text-transform: uppercase;
		color: var(--pb-light-muted);
	}
	body.pb-theme div.product table.woocommerce-product-attributes td { padding: 0 14px 11px; }
}

/* Attachment tab (woo-product-attachment): one row per file, brand button */
body.pb-theme div.product .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachment {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
	padding: 12px 16px; margin: 0 0 10px; border: 1px solid var(--pb-light-line); border-radius: var(--pb-radius-sm);
}
body.pb-theme div.product .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachment_name {
	font-family: var(--pb-font-body); font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0;
	color: var(--pb-light-text); margin: 0 !important;
}
body.pb-theme div.product .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachmentbtn {
	float: none; width: auto; max-width: none; min-width: 0; margin: 0;
	background: var(--pb-red); color: #fff; border-radius: var(--pb-radius-sm);
	padding: 9px 18px; font-size: 14.5px; font-weight: 600; line-height: 1.3;
}
body.pb-theme div.product .woocommerce-Tabs-panel--wcpoa_product_tab .wcpoa_attachmentbtn:hover { background: var(--pb-red-press); color: #fff; }

/* Reviews inside tab */
body.pb-theme .woocommerce-Reviews .comment_container { display: flex; gap: 14px; }
body.pb-theme .woocommerce-Reviews img.avatar { border-radius: 50%; width: 44px; height: 44px; }
body.pb-theme .woocommerce-Reviews .commentlist { list-style: none; padding: 0; }
body.pb-theme .woocommerce-Reviews .comment-text { border: 1px solid var(--pb-light-line) !important; border-radius: var(--pb-radius-sm); padding: 14px 18px !important; flex: 1; }

/* Related / upsells */
body.pb-theme .related.products,
body.pb-theme .upsells.products { margin-top: clamp(36px, 6vw, 64px); clear: both; }
body.pb-theme .related.products ul.products,
body.pb-theme .upsells.products ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 860px) {
	body.pb-theme .related.products ul.products,
	body.pb-theme .upsells.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.pb-theme .related.products > h2,
body.pb-theme .upsells.products > h2 { font-size: clamp(24px, 3vw, 34px); }
body.pb-theme .related.products > h2::after,
body.pb-theme .upsells.products > h2::after { content: ""; display: block; width: 56px; height: 3px; background: var(--pb-red); margin-top: 10px; border-radius: 2px; }

/* ---- Light canvas: pages, posts, cart, checkout, account ---- */

body.pb-light-canvas .pb-content,
body.pb-light-canvas .pb-shop__main,
body.pb-light-canvas .pb-fullwidth {
	background: var(--pb-light-surface);
	color: var(--pb-light-text);
}
body.pb-light-canvas .pb-content,
body.pb-light-canvas .pb-shop__main {
	border-radius: var(--pb-radius);
	padding: clamp(24px, 4vw, 48px);
	margin-top: 32px;
	margin-bottom: 64px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
body.pb-light-canvas .pb-fullwidth { border-radius: 0; padding: 0; margin: 0; }
/* Content links. Link-buttons (Elementor, WooCommerce .button, plugins' *btn*)
   and the Brochure Center (product-actions plugin) keep their own colours;
   :where() keeps this at 0,2,2. */
body.pb-light-canvas .pb-content a:where(:not(.elementor-button, .button, [class*="btn"], .pbpa-brochures *)),
body.pb-light-canvas .pb-shop__main a:where(:not(.elementor-button, .button, [class*="btn"], .pbpa-brochures *)) { color: var(--pb-red-dim); }
body.pb-light-canvas .pb-content a:where(:not(.elementor-button, .button, [class*="btn"], .pbpa-brochures *)):hover,
body.pb-light-canvas .pb-shop__main a:where(:not(.elementor-button, .button, [class*="btn"], .pbpa-brochures *)):hover { color: var(--pb-red); }
body.pb-light-canvas .pb-content .pb-btn--solid,
body.pb-light-canvas .pb-shop__main .pb-btn--solid,
body.pb-light-canvas .pb-content .button,
body.pb-light-canvas .pb-shop__main .button { color: #fff !important; }
body.pb-light-canvas .pb-content .pb-btn--outline,
body.pb-light-canvas .pb-shop__main .pb-btn--outline { color: var(--pb-light-text) !important; border-color: #868e9c; background: transparent; }
body.pb-light-canvas .pb-content .pb-btn--outline:hover,
body.pb-light-canvas .pb-shop__main .pb-btn--outline:hover { color: var(--pb-red-dim) !important; border-color: var(--pb-red-dim); }
/* Elementor buttons: white label (the content-link colour used to paint them
   dark red on blue). */
body.pb-theme a.elementor-button,
body.pb-theme a.elementor-button:visited,
body.pb-theme a.elementor-button:hover,
body.pb-theme a.elementor-button:focus { color: #fff; }
/* On the light canvas they become brand buttons: the legacy per-widget fills
   (#2c82ca, #5683e6 …) fail 4.5:1 behind white. 0,4,1 beats Elementor's
   per-element `.elementor-NNN .elementor-element.elementor-element-xxx
   .elementor-button` (0,4,0). --pb-red-dim holds 7.8:1, --pb-red-press 6:1. */
body.pb-light-canvas :is(.pb-content, .pb-fullwidth) .elementor-widget-button .elementor-button,
body.pb-light-canvas .pb-content .bt_tracking_form button[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 48px; padding: 12px 26px;
	background: var(--pb-red-dim); color: #fff; border: 0; border-radius: var(--pb-radius-sm);
	font-family: var(--pb-font-display); font-size: 17px; font-weight: 600; line-height: 1.2;
	letter-spacing: 0.06em; text-transform: uppercase;
	transition: background 0.15s ease;
}
body.pb-light-canvas :is(.pb-content, .pb-fullwidth) .elementor-widget-button .elementor-button:is(:hover, :focus-visible),
body.pb-light-canvas .pb-content .bt_tracking_form button[type="submit"]:is(:hover, :focus-visible) { background: var(--pb-red-press); color: #fff; }
/* Helpdesk ticket editor: TinyMCE sizes its iframe to ~570px on phones. */
body.pb-theme #jsticket_message_ifr { height: 220px !important; }
body.pb-theme :is(.woocommerce-form-login__submit, .woocommerce-form-register__submit) { min-height: 44px; }
body.pb-light-canvas :is(.pb-content, .pb-fullwidth) .elementor-widget-button .elementor-button .elementor-button-icon svg { fill: currentColor; }
/* Elementor kit globals are the untouched factory defaults (pale blue
   headings, #7A7A7A copy, green buttons) — retune them for the white canvas. */
body.pb-light-canvas {
	--e-global-color-primary: var(--pb-light-text);
	--e-global-color-secondary: #3d434d;
	--e-global-color-text: var(--pb-light-text);
	--e-global-color-accent: var(--pb-red);
}
body.pb-light-canvas .pb-page-title { color: var(--pb-light-text); }

body.pb-light-canvas .pb-content input[type="text"],
body.pb-light-canvas .pb-content input[type="email"],
body.pb-light-canvas .pb-content input[type="tel"],
body.pb-light-canvas .pb-content input[type="url"],
body.pb-light-canvas .pb-content input[type="password"],
body.pb-light-canvas .pb-content input[type="search"],
body.pb-light-canvas .pb-content input[type="number"],
body.pb-light-canvas .pb-content input[type="date"],
body.pb-light-canvas .pb-content input[type="datetime-local"],
body.pb-light-canvas .pb-content input[type="time"],
body.pb-light-canvas .pb-content input[type="file"],
body.pb-light-canvas .pb-content textarea,
body.pb-light-canvas .pb-content select,
body.pb-light-canvas .pb-shop__main input[type="text"],
body.pb-light-canvas .pb-shop__main input[type="email"],
body.pb-light-canvas .pb-shop__main input[type="tel"],
body.pb-light-canvas .pb-shop__main input[type="url"],
body.pb-light-canvas .pb-shop__main input[type="password"],
body.pb-light-canvas .pb-shop__main input[type="search"],
body.pb-light-canvas .pb-shop__main input[type="number"],
body.pb-light-canvas .pb-shop__main input[type="date"],
body.pb-light-canvas .pb-shop__main input[type="datetime-local"],
body.pb-light-canvas .pb-shop__main input[type="time"],
body.pb-light-canvas .pb-shop__main input[type="file"],
body.pb-light-canvas .pb-shop__main textarea,
body.pb-light-canvas .pb-shop__main select {
	background: #fff; color: var(--pb-light-text);
	border: 1px solid #868e9c; /* ≥3:1 field outline on white */
	border-radius: var(--pb-radius-sm);
	padding: 11px 14px; font-size: 15px; font-family: inherit; width: 100%;
	min-width: 0;
}
body.pb-light-canvas .pb-content :is(input, textarea, select)::placeholder,
body.pb-light-canvas .pb-shop__main :is(input, textarea, select)::placeholder { color: #6b7280; opacity: 1; }
body.pb-light-canvas .pb-content input:focus,
body.pb-light-canvas .pb-shop__main input:focus,
body.pb-light-canvas .pb-content textarea:focus,
body.pb-light-canvas .pb-shop__main textarea:focus,
body.pb-light-canvas .pb-content select:focus,
body.pb-light-canvas .pb-shop__main select:focus { border-color: var(--pb-red); outline: none; box-shadow: 0 0 0 3px rgba(227, 30, 36, 0.15); }
body.pb-light-canvas .pb-content :is(input[type="checkbox"], input[type="radio"]),
body.pb-light-canvas .pb-shop__main :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--pb-red-dim); }
body.pb-light-canvas .pb-content label,
body.pb-light-canvas .pb-shop__main label { font-weight: 600; font-size: 14.5px; }

body.pb-light-canvas .woocommerce-message,
body.pb-light-canvas .woocommerce-info,
body.pb-light-canvas .woocommerce-error { background: var(--pb-light-bg); color: var(--pb-light-text); }

/* Cart & checkout structure */

body.pb-theme table.shop_table { border: 1px solid var(--pb-light-line); border-radius: var(--pb-radius-sm); border-collapse: separate; border-spacing: 0; width: 100%; }
body.pb-theme table.shop_table th,
body.pb-theme table.shop_table td { border-bottom: 1px solid var(--pb-light-line); padding: 13px 15px; font-size: 14.5px; }
body.pb-theme table.shop_table thead th { background: var(--pb-light-bg); font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; }
body.pb-theme .cart_item img { width: 64px; border-radius: var(--pb-radius-sm); }
body.pb-theme .woocommerce-cart-form .quantity .qty { width: 72px; text-align: center; }
/* Remove (×): 36px target instead of WooCommerce's 1em circle. */
body.pb-theme .woocommerce a.remove { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 24px; line-height: 1; }
body.pb-theme .cart-collaterals .cart_totals { width: 100%; max-width: 460px; margin-left: auto; }
/* a.checkout-button: out-rank `body.pb-theme .woocommerce a.button` (inline-flex),
   which shrank the button to its label. */
body.pb-theme .wc-proceed-to-checkout a.checkout-button {
	display: flex; width: 100%; justify-content: center; font-size: 18px !important; padding: 15px 20px !important;
	box-shadow: 0 6px 20px rgba(227, 30, 36, 0.3);
}
body.pb-theme .coupon { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
/* WooCommerce's clearfix pseudos would be empty flex items, each adding a gap. */
body.pb-theme .woocommerce table.cart td.actions .coupon::before,
body.pb-theme .woocommerce table.cart td.actions .coupon::after { display: none; }
/* Beat WooCommerce's 80px coupon field (`.woocommerce table.cart td.actions
   .coupon .input-text`, 0,5,2) and restyle it like the other light fields. */
body.pb-theme .woocommerce table.cart td.actions .coupon .input-text {
	float: none; flex: 1 1 200px; width: auto; min-width: 200px; max-width: 260px; margin: 0;
	padding: 11px 14px; border: 1px solid #868e9c; border-radius: var(--pb-radius-sm); font-size: 15px;
}
body.pb-theme .woocommerce table.cart td.actions .coupon .button { float: none; width: auto; margin: 0; white-space: nowrap; }

body.pb-theme form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 460px); grid-template-rows: auto 1fr; gap: 0 40px; align-items: start; }
body.pb-theme form.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
body.pb-theme form.woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 12px; }
body.pb-theme form.woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; }
/* Billing, then shipping/notes, stacked in the form column: WooCommerce's
   48% floats left ~215px fields beside the order summary. */
body.pb-theme form.woocommerce-checkout .col2-set { width: auto; }
body.pb-theme form.woocommerce-checkout .col2-set::before,
body.pb-theme form.woocommerce-checkout .col2-set::after { display: none; }
body.pb-theme form.woocommerce-checkout .col2-set :is(.col-1, .col-2) { float: none; width: 100%; max-width: none; }
body.pb-theme form.woocommerce-checkout #order_review {
	background: var(--pb-light-bg); border: 1px solid var(--pb-light-line);
	border-radius: var(--pb-radius); padding: 24px; position: sticky; top: calc(var(--pb-header-h) + 24px);
}
body.pb-theme #payment { background: transparent !important; }
body.pb-theme #payment ul.payment_methods { border-bottom: 1px solid var(--pb-light-line) !important; padding: 0 0 14px !important; list-style: none; }
body.pb-theme #payment div.payment_box { background: #fff !important; border: 1px solid var(--pb-light-line); border-radius: var(--pb-radius-sm); color: var(--pb-light-text) !important; }
body.pb-theme #payment div.payment_box::before { display: none; }
/* Radio + label on one line even when the label carries a wide logo
   (Razorpay); the radio sits on the label's first line and the description
   box drops to its own row. */
body.pb-theme #payment ul.payment_methods li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
body.pb-theme #payment ul.payment_methods li > input.input-radio { flex: 0 0 auto; margin: 0; }
body.pb-theme #payment ul.payment_methods li > label { flex: 1 1 0; min-width: 0; margin: 0; }
body.pb-theme #payment ul.payment_methods li > label img { max-width: 100%; height: auto; vertical-align: middle; }
body.pb-theme #payment ul.payment_methods li > .payment_box { flex: 1 1 100%; }
body.pb-theme #place_order {
	width: 100%; justify-content: center; font-size: 18px !important;
	padding: 16px 20px !important; box-shadow: 0 6px 20px rgba(227, 30, 36, 0.3);
}
body.pb-theme .woocommerce-form__label-for-checkbox { display: flex; gap: 8px; align-items: flex-start; font-weight: 400 !important; }
body.pb-theme .woocommerce-form__label-for-checkbox input { width: auto !important; margin-top: 4px; }

/* My account */
body.pb-theme .woocommerce-MyAccount-navigation { float: none; width: 100%; margin-bottom: 24px; }
body.pb-theme .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
body.pb-theme .woocommerce-MyAccount-navigation li a {
	display: inline-block; padding: 9px 18px;
	background: var(--pb-light-bg); border: 1px solid var(--pb-light-line);
	border-radius: 24px; font-size: 13.5px; font-weight: 600; color: var(--pb-light-text) !important;
}
body.pb-theme .woocommerce-MyAccount-navigation li.is-active a,
body.pb-theme .woocommerce-MyAccount-navigation li a:hover { background: var(--pb-red); border-color: var(--pb-red); color: #fff !important; }
body.pb-theme .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--pb-dealer-hub a { border-color: var(--pb-green); color: #157a41 !important; background: rgba(39,180,99,0.07); } /* darker green: 5:1 on white */
body.pb-theme .woocommerce-MyAccount-content { float: none; width: 100%; }

/* ---- Dealer band ---- */

.pb-dealer-band {
	position: relative; overflow: hidden;
	background:
		radial-gradient(800px 400px at 90% 20%, rgba(227, 30, 36, 0.14), transparent 60%),
		linear-gradient(120deg, #16171a 0%, #101114 100%);
	border-block: 1px solid var(--pb-line-soft);
	padding: clamp(48px, 7vw, 88px) 0;
}
.pb-dealer-band__reticle {
	position: absolute; right: -120px; bottom: -180px; width: 520px; height: 520px;
	border: 1px solid rgba(227, 30, 36, 0.15); border-radius: 50%;
}
.pb-dealer-band__reticle::before { content: ""; position: absolute; inset: 60px; border: 1px dashed rgba(227, 30, 36, 0.18); border-radius: 50%; }
.pb-dealer-band__inner { position: relative; }
.pb-dealer-band__copy { max-width: 720px; }
.pb-dealer-band__kicker {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--pb-red-hot); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; font-size: 13px;
	margin: 0 0 14px;
}
.pb-dealer-band h2 { font-size: clamp(30px, 4.4vw, 52px); }
.pb-dealer-band__text { color: var(--pb-text-soft); font-size: clamp(15.5px, 1.5vw, 17.5px); max-width: 62ch; }
.pb-dealer-band__perks { list-style: none; margin: 22px 0 30px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pb-dealer-band__perks li { display: flex; gap: 11px; align-items: center; color: var(--pb-text-soft); font-size: 15px; }
.pb-dealer-band__perks .pb-icon { color: var(--pb-green); flex-shrink: 0; }
.pb-dealer-band__actions { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---- RFQ strip ---- */

.pb-rfq { padding: clamp(36px, 5vw, 56px) 0; }
.pb-rfq__inner {
	display: flex; align-items: center; gap: clamp(18px, 3vw, 36px); flex-wrap: wrap;
	background: var(--pb-surface); border: 1px solid var(--pb-line); border-left: 4px solid var(--pb-red);
	border-radius: var(--pb-radius); padding: clamp(24px, 3.5vw, 40px);
}
.pb-rfq__icon { color: var(--pb-red-hot); flex-shrink: 0; }
.pb-rfq__copy { flex: 1 1 380px; }
.pb-rfq__copy h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 6px; }
.pb-rfq__copy p { margin: 0; color: var(--pb-text-soft); font-size: 15px; max-width: 70ch; }

/* ---- Reviews strip ---- */

.pb-reviews__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pb-review-card {
	margin: 0; background: var(--pb-surface-2); border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius); padding: 24px;
	display: flex; flex-direction: column; gap: 12px;
}
.pb-review-card__stars { color: var(--pb-amber); display: inline-flex; gap: 2px; }
.pb-review-card__stars .pb-icon { fill: currentColor; }
.pb-review-card p { margin: 0; color: var(--pb-text-soft); font-size: 14.5px; }
.pb-review-card footer { margin-top: auto; display: flex; flex-direction: column; gap: 2px; }
.pb-review-card cite { font-style: normal; font-weight: 700; font-size: 14px; }
.pb-review-card footer a { font-size: 13px; color: var(--pb-muted); }
.pb-review-card footer a:hover { color: var(--pb-red-hot); }

/* ---- Newsletter / resources ---- */

.pb-newsletter { border-top: 1px solid var(--pb-line-soft); }
.pb-newsletter__inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.pb-newsletter__copy h2 { font-size: clamp(26px, 3.4vw, 38px); }
.pb-newsletter__copy p { color: var(--pb-text-soft); margin: 0 0 18px; }
.pb-newsletter__form form { display: flex; gap: 10px; flex-wrap: wrap; }
.pb-newsletter__form input[type="email"],
.pb-newsletter__form input[type="text"] {
	flex: 1 1 240px;
	background: var(--pb-surface-2); border: 1px solid var(--pb-line);
	border-radius: var(--pb-radius-sm); color: var(--pb-text);
	padding: 12px 16px; font-size: 15px; font-family: inherit;
}
.pb-newsletter__form input[type="submit"],
.pb-newsletter__form button {
	background: var(--pb-red); color: #fff; border: 0; border-radius: var(--pb-radius-sm);
	font-family: var(--pb-font-display); font-size: 16px; font-weight: 600;
	letter-spacing: 0.06em; text-transform: uppercase; padding: 12px 26px; cursor: pointer;
}
.pb-newsletter__form input[type="submit"]:hover,
.pb-newsletter__form button:hover { background: var(--pb-red-press); }
.pb-newsletter__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.pb-newsletter__links a {
	display: flex; gap: 14px; align-items: center;
	background: var(--pb-surface); border: 1px solid var(--pb-line); border-radius: var(--pb-radius);
	padding: 16px 20px; transition: border-color 0.15s ease, transform 0.15s ease;
}
.pb-newsletter__links a:hover { border-color: var(--pb-red); transform: translateX(4px); color: inherit; }
.pb-newsletter__links .pb-icon { color: var(--pb-red-hot); flex-shrink: 0; }
.pb-newsletter__links span { display: flex; flex-direction: column; line-height: 1.35; }
.pb-newsletter__links strong { font-size: 14.5px; }
.pb-newsletter__links em { font-style: normal; font-size: 13px; color: var(--pb-muted); }

/* ---- Content pages ---- */

.pb-content { padding-top: 8px; padding-bottom: 64px; min-height: 40vh; }
.pb-content--narrow { max-width: 860px; }
.pb-page-head { margin: 26px 0 20px; }
.pb-page-title { font-size: clamp(30px, 4vw, 44px); }
.pb-page-title::after { content: ""; display: block; width: 56px; height: 3px; background: var(--pb-red); margin-top: 12px; border-radius: 2px; }
/* break-word: long unbroken strings (URLs, codes pasted into legal pages)
   wrap instead of widening the page on phones. */
.entry-content { font-size: 15.5px; line-height: 1.7; overflow-wrap: break-word; }
/* Content typography skips plugin components that style themselves — the
   Brochure Center (.pbpa-brochures, product-actions plugin). :where() keeps
   every selector at its original specificity. */
.entry-content h2:where(:not(.pbpa-brochures *)) { font-size: 26px; margin-top: 1.6em; }
.entry-content h3:where(:not(.pbpa-brochures *)) { font-size: 21px; margin-top: 1.4em; }
.entry-content :is(ul, ol):where(:not(.pbpa-brochures *)) { padding-left: 1.3em; }
/* Light-canvas copy: headings read as copy (sentence case, body font), not
   condensed caps; comfortable measure for classic-editor text. Elementor
   layouts, tables and forms aren't direct children, so keep their width. */
body.pb-light-canvas .entry-content :is(h2, h3, h4):not(.elementor-heading-title, [class*="pbpa-"]):where(:not(.pbpa-brochures *)) {
	font-family: var(--pb-font-body); font-weight: 700; text-transform: none;
	letter-spacing: -0.005em; line-height: 1.3; color: var(--pb-light-text);
}
body.pb-light-canvas .entry-content h2:not(.elementor-heading-title, [class*="pbpa-"]):where(:not(.pbpa-brochures *)) { font-size: clamp(22px, 2.4vw, 26px); }
body.pb-light-canvas .entry-content h3:not(.elementor-heading-title, [class*="pbpa-"]):where(:not(.pbpa-brochures *)) { font-size: 20px; }
body.pb-light-canvas .entry-content h4:not(.elementor-heading-title, [class*="pbpa-"]):where(:not(.pbpa-brochures *)) { font-size: 17.5px; margin-top: 1.3em; }
body.pb-light-canvas :is(.entry-content, .pb-fullwidth) .elementor-heading-title { text-transform: none; letter-spacing: normal; }
body.pb-light-canvas .entry-content > :is(p, ul, ol, blockquote, h2, h3, h4) { max-width: 72ch; }
body.pb-light-canvas .entry-content > :is(p, h2, h3, h4):is(.has-text-align-center, [style*="center"]) { margin-left: auto; margin-right: auto; }
body.pb-light-canvas .entry-content li:where(:not(.pbpa-brochures *)) { margin-bottom: 0.35em; }

.pb-post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; margin: 26px 0; }
.pb-post-card { border: 1px solid var(--pb-light-line); border-radius: var(--pb-radius); overflow: hidden; }
.pb-post-card__body { padding: 18px 20px; }
.pb-post-card__title { font-size: 19px; margin-bottom: 4px; }
.pb-post-card__meta { font-size: 13px; color: var(--pb-light-muted); margin: 0 0 8px; }

.pb-404 { text-align: center; padding-top: 64px; padding-bottom: 96px; }
.pb-404 .pb-page-title::after { margin-inline: auto; }
.pb-404__mark { margin-bottom: 18px; opacity: 0.9; }
.pb-404 .pb-search--inline { max-width: 420px; margin: 22px auto 26px; }
.pb-search--inline { position: relative; display: flex; }
.pb-search--inline input { width: 100%; background: var(--pb-surface-2); border: 1px solid var(--pb-line); border-radius: var(--pb-radius-sm); color: var(--pb-text); padding: 12px 46px 12px 16px; }
.pb-search--inline button { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: var(--pb-muted); padding: 8px; cursor: pointer; }

/* ---- Footer ---- */

/* Gradient ends on --pb-red-press (not --pb-red) so white copy holds ≥5.8:1 across it. */
.pb-footer-dealer { background: linear-gradient(90deg, var(--pb-red-dim), var(--pb-red-press)); }
.pb-footer-dealer__inner {
	display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap;
	padding-top: 30px; padding-bottom: 30px;
}
.pb-footer-dealer h2 { font-size: clamp(22px, 2.8vw, 30px); margin: 0 0 4px; color: #fff; }
.pb-footer-dealer p { margin: 0; color: #fff; font-size: 15px; }
.pb-footer-dealer__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.pb-footer-dealer .pb-btn--solid { background: #0f1012; box-shadow: none; }
.pb-footer-dealer .pb-btn--solid:hover { background: #000; }
.pb-footer-dealer .pb-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, 0.5); color: #fff !important; }
.pb-footer-dealer .pb-btn--ghost:hover { border-color: #fff; }

.pb-footer { background: #0a0b0c; border-top: 1px solid var(--pb-line-soft); padding-top: clamp(40px, 6vw, 64px); font-size: 14px; }
.pb-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: clamp(24px, 4vw, 56px); padding-bottom: 44px; }
.pb-footer__col h3 { font-size: 16px; letter-spacing: 0.1em; color: #fff; margin-bottom: 16px; }
.pb-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.pb-footer__col a { color: var(--pb-muted); }
.pb-footer__col a:hover { color: var(--pb-text); }
.pb-footer__col--brand p { color: var(--pb-muted); font-size: 13.5px; max-width: 40ch; margin-top: 16px; }
.pb-footer__col address { font-style: normal; color: var(--pb-muted); }
.pb-footer__col address p { margin: 0 0 8px; }
.pb-footer__reg { font-size: 13px; color: var(--pb-muted); margin-top: 14px; line-height: 1.7; }
.pb-footer__legal { border-top: 1px solid var(--pb-line-soft); padding: 16px 0; }
.pb-footer__legal-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.pb-footer__legal p { margin: 0; font-size: 13px; color: var(--pb-muted); }
.pb-footer__legal-menu { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; margin: 0; padding: 0; font-size: 13px; }
.pb-footer__legal-menu a { color: var(--pb-muted); }
.pb-footer__legal-menu a:hover { color: var(--pb-text); }

.pb-whatsapp-fab {
	position: fixed; right: 20px; bottom: 20px; z-index: 600;
	width: 54px; height: 54px; border-radius: 50%;
	background: #25d366; color: #fff !important;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
	transition: transform 0.15s ease, bottom 0.2s ease;
}
.pb-whatsapp-fab:hover { transform: scale(1.08); }

/* ---- Plugin compatibility ---- */

/* GTranslate select */
body.pb-theme select.gt_selector,
body.pb-theme .gtranslate_wrapper select {
	background: var(--pb-surface-2); color: var(--pb-text);
	border: 1px solid var(--pb-line); border-radius: var(--pb-radius-sm);
	padding: 5px 8px; font-size: 13px;
}

/* Smart wishlist buttons */
body.pb-theme .woosw-btn { color: var(--pb-text-soft); }
body.pb-theme .woosw-btn:hover { color: var(--pb-red-hot); }

/* Advanced product labels */
body.pb-theme .berocket_better_labels .br_alabel { z-index: 10; }

/* Ninja Forms / Forminator on light canvas inherit light inputs (rules above);
   the submit gets the solid theme button (NF ships Arial #333 on #f7f7f7). */
body.pb-theme .forminator-button { background: var(--pb-red) !important; color: #fff !important; border-radius: var(--pb-radius-sm) !important; }
body.pb-theme .nf-form-cont input:is([type="submit"], [type="button"]) {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 48px; height: auto; padding: 12px 32px;
	background: var(--pb-red-dim); color: #fff; border: 0; border-radius: var(--pb-radius-sm);
	font-family: var(--pb-font-display); font-size: 17px; font-weight: 600; line-height: 1.2;
	letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer;
	transition: background 0.15s ease;
}
body.pb-theme .nf-form-cont input:is([type="submit"], [type="button"]):hover { background: var(--pb-red-press); color: #fff; }
/* !important: NF forces list inputs to `width: auto !important` (13px box). */
body.pb-theme .nf-form-cont input[type="checkbox"] { width: 20px !important; height: 20px; margin: 2px 0 0; accent-color: var(--pb-red-dim); flex-shrink: 0; }
body.pb-theme .nf-form-cont .ninja-forms-req-symbol { color: var(--pb-red-dim); }
/* Label-less field (the consent checkbox): NF still prints a label holding only
   the required asterisk. main.js marks it; the option label carries the text. */
body.pb-theme .nf-form-cont .nf-field-label.pb-nf-empty-label { display: none; }
/* Form title that repeats the page's own H1 (main.js marks it). */
body.pb-theme .nf-form-cont .nf-form-title.pb-nf-dup-title { display: none; }

/* Shield Security's floating badge sat over the footer links and above the
   mobile drawer. */
#icwpWpsfSiteBadge { display: none !important; }

/* RFQ (gpls-woo-rfq) buttons pick up .button styles; ensure spacing */
body.pb-theme .gpls-woo-rfq-add-to-quote { margin-top: 10px; }

/* Sale/label badges from plugins shouldn't overlap our card corners */
body.pb-theme ul.products li.product .br_alabel { top: 12px !important; }

/* Elementor sections keep their own width inside pb-fullwidth */
.pb-fullwidth .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--pb-container); }

/* ---- Reveal animation ---- */

.pb-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.5s ease, transform 0.5s ease; }
.pb-reveal.is-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.pb-reveal { opacity: 1; transform: none; transition: none; }
	.pb-buybar, .pb-whatsapp-fab { transition: none; }
	html { scroll-behavior: auto; }
}

/* ---- Responsive ---- */

@media (max-width: 1080px) {
	.pb-mega__grid { grid-template-columns: repeat(3, 1fr); }
	.pb-cat-grid { grid-template-columns: repeat(3, 1fr); }
	.pb-footer__grid { grid-template-columns: 1fr 1fr; }
	/* Checkout stacks: details, then the order summary. Every piece needs its
	   row reset too — the desktop grid-row placement put #order_review on top
	   of the billing form. minmax(0, …) keeps wide content from widening the track. */
	body.pb-theme form.woocommerce-checkout { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
	body.pb-theme form.woocommerce-checkout :is(#customer_details, #order_review_heading, #order_review) { grid-column: 1; grid-row: auto; min-width: 0; }
	body.pb-theme form.woocommerce-checkout #order_review_heading { margin-top: 28px; }
	body.pb-theme form.woocommerce-checkout #order_review { position: static; }
}

@media (max-width: 860px) {
	.pb-navbar { display: none; }
	.pb-nav-toggle { display: inline-flex; }
	.pb-search { order: 10; flex-basis: 100%; max-width: none; margin-bottom: 12px; }
	.pb-mainbar__inner { flex-wrap: wrap; padding-top: 10px; }
	.pb-action__label { display: none; }
	/* 44×44 tap targets around the 22px icons: an invisible ::before grows the
	   hit area without moving anything; 22px gaps keep the targets apart. */
	.pb-actions { gap: 22px; }
	.pb-action::before { content: ""; position: absolute; inset: -11px; }
	.pb-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.pb-reviews__grid { grid-template-columns: 1fr; }
	.pb-newsletter__inner { grid-template-columns: 1fr; }
	.pb-hero__stats { gap: 20px 32px; }
	/* Product hero stacks: gallery, then buy box (not sticky). */
	body.pb-theme div.product .pb-product-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	body.pb-theme div.product .pb-product-hero > .summary { position: static; grid-column: 1; }
	.pb-assurances { grid-template-columns: 1fr; }
	/* Buy box: quantity + Add to cart share a row; Buy Now gets a full-width row. */
	body.pb-theme div.product form.cart .single_add_to_cart_button:not(.pb-buy-now) { flex: 1 1 auto; justify-content: center; }
	body.pb-theme div.product form.cart .pb-buy-now { flex: 1 1 100%; }
	/* New Launches: stack feature card above the rail instead of cramming side-by-side. */
	.pb-launch { grid-template-columns: 1fr; }
	.pb-topbar__inner { justify-content: center; }
	.pb-topbar__note { display: none; }
	/* Cart: totals + "Proceed to checkout" before the cross-sells, which go
	   two-up so they don't push the button thousands of pixels down. */
	body.pb-theme .cart-collaterals { display: flex; flex-direction: column; gap: 32px; }
	body.pb-theme .cart-collaterals .cart_totals { order: -1; max-width: none; }
	body.pb-theme .cart-collaterals .cross-sells { width: 100%; float: none; }
	body.pb-theme .cart-collaterals .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	body.pb-theme .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title { font-size: 13.5px; }
	body.pb-theme .cart-collaterals .cross-sells ul.products li.product .button { margin: 0 10px; padding: 9px 10px; font-size: 14.5px; }
	/* Coupon field + Apply on one row. */
	body.pb-theme .woocommerce table.cart td.actions .coupon .input-text { flex-basis: 120px; min-width: 0; max-width: none; }
	/* Footer link lists: 44px rows instead of 17px inline links. */
	.pb-footer__col ul:not(.pb-social, .pb-footer__contact) { gap: 0; }
	.pb-footer__col ul:not(.pb-social, .pb-footer__contact) a { display: flex; align-items: center; min-height: 44px; }
}

/* Logo tagline drops out before it can push the header icons onto a second row. */
@media (max-width: 640px) {
	.pb-logo__text em { display: none; }
}

@media (max-width: 560px) {
	.pb-mainbar__inner { gap: 10px; min-height: 62px; }
	.pb-logo img { max-height: 40px; }
	.pb-logo__mark svg { width: 30px; height: 30px; }
	.pb-logo__text strong { font-size: 17px; letter-spacing: 0.09em; }
	.pb-search { margin-bottom: 10px; }
	.pb-cat-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.pb-cat-tile__name { font-size: 15px; }
	/* Stack the launch feature's image over its text on phones. */
	.pb-launch__feature { grid-template-columns: 1fr; }
	.pb-hero__actions .pb-btn { width: 100%; justify-content: center; }
	.pb-footer__grid { grid-template-columns: 1fr; }
	.pb-carousel ul.products { grid-auto-columns: minmax(210px, 72vw); }
	body.pb-theme ul.products { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
	body.pb-theme ul.products li.product .woocommerce-loop-product__title { font-size: 13.5px; }
	.pb-footer-dealer__inner { flex-direction: column; align-items: flex-start; }
}

/* Narrow phones (360–400px): a slightly smaller wordmark keeps menu, logo and
   the four 44px header targets on one row. */
@media (max-width: 400px) {
	.pb-mainbar__inner { gap: 8px; }
	.pb-logo__fallback { gap: 8px; }
	.pb-logo__mark svg { width: 26px; height: 26px; }
	.pb-logo__text strong { font-size: 15.5px; letter-spacing: 0.07em; }
}