/*
Theme Name: T4 Pumps Zambia (Botiga Child)
Theme URI: https://t4pumps.com
Description: Industrial tools/equipment storefront skin for T4 Pumps Zambia. Child of Botiga. Recreates the client-approved layout & colour scheme (signal-red accent, Archivo/Roboto, dark footer) without premium page-builder plugins.
Author: ElevateSpot
Template: botiga
Version: 0.24.0
Text Domain: t4pumps-zm-child
*/

/* =========================================================================
   1. Design tokens — palette lifted from the approved demo (light theme)
   ========================================================================= */
:root {
	--t4-red:        #de322c;   /* primary accent */
	--t4-red-dark:   #b8241f;   /* hover */
	--t4-ink:        #111111;   /* headings */
	--t4-body:       #5b6168;   /* body text */
	--t4-muted:      #888888;
	--t4-line:       #e3e6e9;   /* borders */
	--t4-line-soft:  #f0f0f0;
	--t4-surface:    #ffffff;
	--t4-surface-2:  #f8f9fb;   /* tinted section bg */
	--t4-surface-3:  #f5f5f5;
	--t4-star:       #ffab00;
	--t4-dark:       #141618;   /* footer bg */
	--t4-dark-2:     #1d2023;
	--t4-dark-line:  #2c3034;
	--t4-radius:     6px;
	--t4-shadow:     0 6px 24px rgba(17,17,17,.08);
	--t4-display:    'Archivo', system-ui, sans-serif;
	--t4-body-font:  'Roboto', system-ui, sans-serif;
}

/* =========================================================================
   2. Typography
   ========================================================================= */
body,
.botiga-body,
button, input, select, textarea {
	font-family: var(--t4-body-font);
	color: var(--t4-body);
}
h1, h2, h3, h4, h5, h6,
.entry-title, .site-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
	font-family: var(--t4-display);
	color: var(--t4-ink);
	font-weight: 800;
	letter-spacing: -.01em;
}

/* =========================================================================
   3. Links & buttons — signal red
   ========================================================================= */
a { color: var(--t4-ink); }
a:hover { color: var(--t4-red); }

.button,
button.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.wp-block-button__link,
.botiga-shop-loop-buttons a {
	background-color: var(--t4-red) !important;
	border-color: var(--t4-red) !important;
	color: #fff !important;
	font-family: var(--t4-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	border-radius: var(--t4-radius);
	transition: background-color .18s ease, transform .18s ease;
}
.button:hover,
button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.wp-block-button__link:hover {
	background-color: var(--t4-red-dark) !important;
	border-color: var(--t4-red-dark) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

/* Secondary / ghost button */
.t4-btn-ghost {
	display: inline-block;
	padding: 13px 26px;
	border: 2px solid var(--t4-ink);
	color: var(--t4-ink) !important;
	background: transparent !important;
	font-family: var(--t4-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	border-radius: var(--t4-radius);
}
.t4-btn-ghost:hover { background: var(--t4-ink) !important; color: #fff !important; }

/* =========================================================================
   4. Prices, sale badges, star ratings
   ========================================================================= */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.price ins { color: var(--t4-ink); font-weight: 700; }
.price del { color: var(--t4-muted); font-weight: 400; }

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background: var(--t4-red);
	color: #fff;
	font-family: var(--t4-display);
	font-weight: 800;
	text-transform: uppercase;
	border-radius: var(--t4-radius);
	letter-spacing: .03em;
}
.star-rating span::before,
.woocommerce .star-rating span::before { color: var(--t4-star); }

/* =========================================================================
   5. Product cards — clean industrial tiles
   ========================================================================= */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: var(--t4-surface);
	border: 1px solid var(--t4-line);
	border-radius: var(--t4-radius);
	padding: 14px;
	transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover {
	border-color: var(--t4-red);
	box-shadow: var(--t4-shadow);
	transform: translateY(-3px);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: .95rem;
	line-height: 1.35;
	font-weight: 600;
}
/* Card eyebrow (category) + availability pill */
.t4-card-cat {
	display: block; font-family: var(--t4-display); font-weight: 700;
	font-size: .68rem; text-transform: uppercase; letter-spacing: .07em;
	color: var(--t4-muted); margin: 4px 0 2px;
}
.t4-card-stock {
	position: absolute; top: 12px; left: 12px; z-index: 3;
	background: rgba(17,17,17,.82); color: #fff;
	font-family: var(--t4-display); font-weight: 700;
	font-size: .62rem; text-transform: uppercase; letter-spacing: .04em;
	padding: 4px 8px; border-radius: 4px;
}

/* =========================================================================
   6. Header polish (Botiga header builder + search)
   ========================================================================= */
.site-header { border-bottom: 1px solid var(--t4-line); }
.botiga-search-form input[type="search"],
.search-field {
	border: 2px solid var(--t4-ink);
	border-radius: var(--t4-radius);
}
.header-cart-count,
.botiga-cart-count,
.cart-count { background: var(--t4-red) !important; color:#fff !important; }

/* =========================================================================
   7. Utility top bar (injected via functions.php on wp_body_open)
   ========================================================================= */
.t4-topbar {
	background: var(--t4-dark);
	color: #cfd3d7;
	font-size: 13px;
	font-family: var(--t4-body-font);
}
.t4-topbar__inner {
	max-width: 1520px;
	margin: 0 auto;
	padding: 8px clamp(20px, 3vw, 56px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.t4-topbar a { color: #fff; }
.t4-topbar a:hover { color: var(--t4-red); }
.t4-topbar strong { color: var(--t4-red); font-family: var(--t4-display); }

/* =========================================================================
   7b. Top bar layout (promo left, links right)
   ========================================================================= */
.t4-topbar__links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.t4-topbar__links a { color:#cfd3d7; font-size:13px; }
.t4-topbar__links a:hover { color:#fff; }
.t4-topbar__phone strong { color:var(--t4-red); font-family:var(--t4-display); }

/* =========================================================================
   7c. Search + "Shop by categories" row (under header)
   ========================================================================= */
.t4-searchrow { background:#fff; border-bottom:1px solid var(--t4-line); }
.t4-searchrow__inner {
	display:grid;
	grid-template-columns: 280px minmax(0,1fr) auto;
	align-items:center;
	gap:24px;
	padding:16px 20px;
}

/* Shop by categories button + hover panel */
.t4-catbtn { position:relative; }
.t4-catbtn__btn {
	width:100%;
	display:flex; align-items:center; gap:12px;
	background:var(--t4-red); color:#fff;
	font-family:var(--t4-display); font-weight:800; text-transform:uppercase; letter-spacing:.04em;
	border:0; border-radius:var(--t4-radius);
	padding:15px 22px; font-size:.9rem; cursor:pointer;
}
.t4-catbtn__bars { width:18px; height:2px; background:#fff; position:relative; display:inline-block; }
.t4-catbtn__bars::before, .t4-catbtn__bars::after { content:""; position:absolute; left:0; width:18px; height:2px; background:#fff; }
.t4-catbtn__bars::before { top:-5px; } .t4-catbtn__bars::after { top:5px; }
.t4-catbtn__panel {
	position:absolute; top:calc(100% + 6px); left:0; z-index:60;
	min-width:280px; background:#fff; border:1px solid var(--t4-line);
	border-radius:var(--t4-radius); box-shadow:var(--t4-shadow);
	opacity:0; visibility:hidden; transform:translateY(6px); transition:all .16s ease;
}
.t4-catbtn:hover .t4-catbtn__panel,
.t4-catbtn:focus-within .t4-catbtn__panel { opacity:1; visibility:visible; transform:translateY(0); }
.t4-catbtn__panel ul { list-style:none; margin:0; padding:8px 0; }
.t4-catbtn__panel li a { display:flex; justify-content:space-between; gap:12px; padding:10px 18px; color:var(--t4-ink); font-size:.9rem; }
.t4-catbtn__panel li a span { color:var(--t4-muted); font-size:.78rem; }
.t4-catbtn__panel li a:hover { background:var(--t4-surface-2); color:var(--t4-red); }
.t4-catbtn__all a { border-top:1px solid var(--t4-line); font-family:var(--t4-display); font-weight:700; color:var(--t4-red) !important; text-transform:uppercase; font-size:.82rem; }

/* Mega panel (multi-column categories + promo) */
.t4-mega { width:860px; display:grid; grid-template-columns:1fr 240px; padding:0; overflow:hidden; }
.t4-mega__cols { padding:18px 18px 10px; columns:3; column-gap:22px; }
.t4-mega__group { break-inside:avoid; display:inline-block; width:100%; margin-bottom:16px; }
.t4-mega__gtitle {
	margin:0 0 6px; padding:0 8px 7px; font-family:var(--t4-display); font-weight:800;
	font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--t4-ink);
	border-bottom:2px solid var(--t4-red);
}
.t4-mega__group ul { columns:1; padding:0; margin:0; list-style:none; }
.t4-mega__cols li { break-inside:avoid; }
.t4-mega__cols li a { display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:var(--t4-radius); color:var(--t4-ink); font-size:.83rem; }
.t4-mega__cols li a .t4-ic { width:16px; height:16px; color:var(--t4-red); flex:0 0 auto; }
.t4-mega__cols li a span { flex:1; color:inherit; }
.t4-mega__cols li a em { color:var(--t4-muted); font-size:.72rem; font-style:normal; }
.t4-mega__cols li a:hover { background:var(--t4-surface-2); color:var(--t4-red); }
.t4-mega__all { column-span:all; display:inline-block; margin:2px 8px 8px; font-family:var(--t4-display); font-weight:700; text-transform:uppercase; font-size:.78rem; color:var(--t4-red) !important; }
.t4-mega__promo { background:var(--t4-surface-2); border-left:1px solid var(--t4-line); padding:22px 20px; }
.t4-mega__promo .t4-ic { color:var(--t4-red); margin-bottom:8px; }
.t4-mega__promo strong { display:block; font-family:var(--t4-display); font-size:1.05rem; color:var(--t4-ink); margin-bottom:6px; }
.t4-mega__promo p { font-size:.82rem; line-height:1.5; color:var(--t4-body); margin:0 0 14px; }
.t4-mega__promo .button { width:100%; text-align:center; }
@media (max-width:1024px){ .t4-mega{ width:auto; min-width:280px; grid-template-columns:1fr; } .t4-mega__cols{ columns:1; } .t4-mega__promo{ display:none; } }

/* Category-scoped search */
.t4-search {
	display:flex; align-items:stretch;
	border:2px solid var(--t4-red); border-radius:var(--t4-radius); overflow:hidden; background:#fff;
}
.t4-search__cat {
	border:0; background:var(--t4-surface-2); border-right:1px solid var(--t4-line);
	padding:0 16px; font-size:.86rem; color:var(--t4-body); max-width:170px;
	-webkit-appearance:menulist;
}
.t4-search__input { border:0 !important; flex:1; padding:13px 16px; font-size:.95rem; outline:none; min-width:0; }
.t4-search__btn {
	border:0; background:var(--t4-red) !important; color:#fff !important;
	font-family:var(--t4-display); font-weight:800; text-transform:uppercase; letter-spacing:.04em;
	padding:0 30px; cursor:pointer; border-radius:0 !important;
}
.t4-search__btn:hover { background:var(--t4-red-dark) !important; }

/* Shipping / quote note */
.t4-shipnote { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.t4-shipnote__ic { font-size:24px; }
.t4-shipnote strong { font-family:var(--t4-display); color:var(--t4-ink); }

/* =========================================================================
   7d. Homepage hero grid: vertical category nav + banner
   ========================================================================= */
.t4-herowrap { padding:24px 0 0; }
.t4-herogrid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; align-items:stretch; }
.t4-vnav { border:1px solid var(--t4-line); border-radius:var(--t4-radius); overflow:hidden; background:#fff; align-self:start; }
.t4-vnav__head {
	background:var(--t4-ink); color:#fff; font-family:var(--t4-display); font-weight:800;
	text-transform:uppercase; letter-spacing:.04em; padding:15px 20px; font-size:.9rem;
}
.t4-vnav__list { list-style:none; margin:0; padding:0; }
.t4-vnav__list li a {
	display:flex; align-items:center; gap:11px; padding:11px 20px;
	border-bottom:1px solid var(--t4-line-soft);
	color:var(--t4-ink); font-size:.9rem; font-weight:500;
}
.t4-vnav__list li a .t4-ic { width:19px; height:19px; flex:0 0 19px; color:var(--t4-red); opacity:.85; }
.t4-vnav__list li a span { min-width:0; }
.t4-vnav__list li:last-child a { border-bottom:0; }
.t4-vnav__list li a:hover { background:var(--t4-surface-2); color:var(--t4-red); padding-left:26px; transition:all .15s ease; }
.t4-vnav__list li a:hover .t4-ic { opacity:1; }
.t4-vnav__all a { color:var(--t4-red) !important; font-family:var(--t4-display); font-weight:700; text-transform:uppercase; font-size:.82rem; }

/* Hero now sits in the right grid cell */
.t4-herowrap .t4-hero { border-radius:var(--t4-radius); overflow:hidden; display:flex; align-items:center; min-height:420px; }
.t4-herowrap .t4-hero__inner { padding:54px 56px; max-width:none; margin:0; }
.t4-herowrap .t4-hero__title { font-size:clamp(1.9rem, 3.2vw, 3rem); max-width:18ch; }
.t4-herowrap .t4-hero__sub { max-width:46ch; }
.t4-herowrap .t4-hero__inner { position:relative; z-index:2; }
/* Hero title must read white on the dark gradient — beat Botiga's heading colour
   (rgb(33,33,33) + -webkit-text-fill-color) and add a soft highlight glow. */
.t4-herowrap .t4-hero .t4-hero__title {
	color:#fff; -webkit-text-fill-color:#fff;
	text-shadow:0 2px 26px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.4);
}
.t4-herowrap .t4-hero .t4-hero__title em {
	color:var(--t4-red); -webkit-text-fill-color:var(--t4-red);
	text-shadow:0 2px 30px rgba(222,50,44,.55), 0 1px 2px rgba(0,0,0,.35);
}
/* GAP-1 placeholder: industrial flange/impeller motif instead of a real hero photo */
.t4-herowrap .t4-hero::after {
	content:""; position:absolute; right:-46px; top:50%; transform:translateY(-50%);
	width:380px; height:380px; z-index:1; pointer-events:none;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='2'%3E%3Ccircle cx='100' cy='100' r='94'/%3E%3Ccircle cx='100' cy='100' r='72'/%3E%3Ccircle cx='100' cy='100' r='50'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.16'%3E%3Ccircle cx='184' cy='100' r='7'/%3E%3Ccircle cx='142' cy='173' r='7'/%3E%3Ccircle cx='58' cy='173' r='7'/%3E%3Ccircle cx='16' cy='100' r='7'/%3E%3Ccircle cx='58' cy='27' r='7'/%3E%3Ccircle cx='142' cy='27' r='7'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='18' fill='%23de322c' fill-opacity='0.55'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (max-width: 600px) { .t4-herowrap .t4-hero::after { display:none; } }

@media (max-width: 1024px) {
	.t4-searchrow__inner { grid-template-columns:1fr; gap:14px; }
	.t4-shipnote { display:none; }
	.t4-herogrid { grid-template-columns:1fr; }
	.t4-vnav { display:none; } /* vertical nav hidden on mobile; categories reachable via the button */
}

/* =========================================================================
   8. Footer — custom multi-column dark (replaces Botiga's .bhfb-footer)
   ========================================================================= */
.bhfb-footer { display: none !important; } /* hide Botiga's default footer */

/* Homepage: make the custom front page full-width (Botiga reserves a 300px blog
   sidebar via .site-main width:calc(100% - 300px); our home has no sidebar) and
   remove the large content-wrapper top/bottom margins so sections + footer sit tight. */
body.home .container.content-wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home .site-main { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home .content-wrapper { margin-top: 0 !important; margin-bottom: 0 !important; }
body.home .t4-home { max-width: 100%; overflow-x: clip; } /* kill the 30px row overflow */
body { overflow-x: clip; } /* guard against minor horizontal scroll from full-width rows */

/* Wider container site-wide (matches the home width) so shop / search / archives /
   single pages use the full 1520 layout instead of Bootstrap's default 1140. */
@media (min-width: 1200px) {
	.container { max-width: 1520px !important; }
}

.t4-footer { background: var(--t4-dark); color: #aeb4ba; margin-top: 0; }
.t4-footer__cols {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
	gap: 40px;
	padding: 56px 20px 44px;
}
.t4-footer a { color: #cfd3d7; }
.t4-footer a:hover { color: var(--t4-red); }
.t4-footer .widget-title {
	color: #fff; font-family: var(--t4-display); font-weight: 800;
	text-transform: uppercase; letter-spacing: .03em; font-size: 1rem; margin: 0 0 18px;
}
.t4-footer .widget-title::after {
	content: ""; display: block; width: 36px; height: 3px;
	background: var(--t4-red); margin-top: 10px;
}
/* Align the text-column headings with the (taller) logo wordmark — gap on the
   text columns, not the logo. */
.t4-footer__col:not(.t4-footer__brand) .widget-title { margin-top: 22px; }
.t4-footer__logo {
	font-family: var(--t4-display); font-weight: 800; font-size: 1.7rem; color: #fff;
	letter-spacing: -.01em; margin-top: 6px; margin-bottom: 14px;
}
.t4-footer__brand { padding-top: 14px; }
.t4-footer__logo span { color: var(--t4-red); }
.t4-footer__tag { font-size: .92rem; line-height: 1.6; color: #9aa0a6; margin: 0 0 18px; }
.t4-footer__contact { list-style: none; margin: 0; padding: 0; }
.t4-footer__contact li { display: flex; gap: 10px; margin-bottom: 10px; font-size: .9rem; line-height: 1.5; }
.t4-footer__contact li span { color: var(--t4-red); }
.t4-footer__links { list-style: none; margin: 0; padding: 0; }
.t4-footer__links li { margin-bottom: 11px; font-size: .9rem; }
.t4-footer__cta p { font-size: .9rem; color: #9aa0a6; line-height: 1.6; margin: 0 0 16px; }
.t4-footer__cta .button { margin-bottom: 14px; }
.t4-footer__hours { font-size: .82rem; color: #777d83; }

.t4-footer__bar { border-top: 1px solid var(--t4-dark-line); background: #0e1011; }
.t4-footer__bar-inner {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 18px 20px; flex-wrap: wrap; font-size: .84rem; color: #888d92;
}
.t4-footer__pay { display: flex; gap: 8px; }
.t4-footer__pay i {
	font-style: normal; font-size: .72rem; font-weight: 600; letter-spacing: .02em;
	color: #cfd3d7; background: #202427; border: 1px solid var(--t4-dark-line);
	border-radius: 4px; padding: 5px 10px;
}

@media (max-width: 1024px) { .t4-footer__cols { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (max-width: 600px)  { .t4-footer__cols { grid-template-columns: 1fr; } }

/* =========================================================================
   10. Icons + product-card uniformity + footer spacing
   ========================================================================= */
.t4-ic { width: 22px; height: 22px; display: inline-block; vertical-align: middle; }
.t4-ic--lg { width: 34px; height: 34px; }

/* Category tile icons (red) */
.t4-cat__ic { color: var(--t4-red); line-height: 0; }
.t4-cat__ic .t4-ic { width: 38px; height: 38px; }
.t4-cat:hover .t4-cat__ic { color: var(--t4-ink); }

/* Feature/trust icons (red) */
.t4-feature__icon { color: var(--t4-red); line-height: 0; display: inline-flex; }
.t4-feature__icon .t4-ic { width: 30px; height: 30px; }

/* Search-row note icon */
.t4-shipnote__ic { line-height: 0; color: var(--t4-red); }
.t4-shipnote__ic .t4-ic { width: 26px; height: 26px; }

/* Footer contact icons */
.t4-footer__contact li { align-items: flex-start; }
.t4-footer__contact .t4-ic { width: 18px; height: 18px; color: var(--t4-red); flex: 0 0 auto; margin-top: 2px; }

/* Footer breathing space above the dark footer */
.t4-footer { margin-top: 56px; }

/* Uniform product images + equal-height cards (fixes the zig-zag) */
.woocommerce ul.products li.product {
	display: flex; flex-direction: column; position: relative;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: block; }
.woocommerce ul.products li.product img {
	width: 100% !important; height: 200px !important; object-fit: contain !important;
	background: #fff; margin: 0 auto 12px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.6em; }
.woocommerce ul.products li.product .price { margin-bottom: 12px; }
/* push the action button to the bottom so all cards align */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .t4-view-detail {
	margin-top: auto; width: 100%; text-align: center;
}

/* =========================================================================
   9. Custom homepage (front-page.php) sections
   ========================================================================= */
.t4-wrap { max-width: 1520px; margin: 0 auto; padding: 0 clamp(20px, 3vw, 56px); }
.t4-section { padding: 64px 0; }
.t4-section--tint { background: var(--t4-surface-2); }
.t4-eyebrow {
	font-family: var(--t4-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: 13px;
	color: var(--t4-red);
	margin: 0 0 8px;
}
.t4-h2 {
	font-family: var(--t4-display);
	font-weight: 800;
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	color: var(--t4-ink);
	margin: 0 0 28px;
	text-transform: uppercase;
	letter-spacing: -.01em;
}

/* Hero */
.t4-hero {
	position: relative;
	/* GAP-1 placeholder: layered gradient-mesh "image" standing in for a real hero photo */
	background:
		radial-gradient(120% 140% at 88% 18%, rgba(222,50,44,.55) 0%, rgba(222,50,44,0) 42%),
		radial-gradient(90% 120% at 12% 96%, rgba(40,86,150,.45) 0%, rgba(40,86,150,0) 48%),
		linear-gradient(115deg, rgba(12,12,13,.96) 0%, rgba(20,21,23,.82) 46%, rgba(34,18,17,.78) 100%),
		repeating-linear-gradient(135deg, #1a1c1e 0 22px, #161819 22px 44px);
	color: #fff;
	overflow: hidden;
}
.t4-hero__inner { max-width: 1520px; margin: 0 auto; padding: 96px 20px 104px; }
.t4-hero__eyebrow {
	font-family: var(--t4-display);
	font-weight: 700; text-transform: uppercase; letter-spacing:.2em;
	color: #fff; background: var(--t4-red);
	display: inline-block; padding: 6px 14px; border-radius: 4px; font-size: 12px;
}
.t4-hero__title {
	font-family: var(--t4-display);
	font-weight: 800;
	font-size: clamp(2.2rem, 5.4vw, 4.2rem);
	line-height: 1.02;
	letter-spacing: -.02em;
	margin: 18px 0 16px;
	max-width: 16ch;
	color: #fff;
	text-transform: uppercase;
}
.t4-hero__title em { color: var(--t4-red); font-style: normal; }
.t4-hero__sub { font-size: 1.12rem; color: #d7dade; max-width: 52ch; margin: 0 0 30px; }
.t4-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }
.t4-hero__cta .t4-btn-ghost { border-color:#fff; color:#fff !important; }
.t4-hero__cta .t4-btn-ghost:hover { background:#fff !important; color:var(--t4-ink) !important; }

/* Feature/trust strip */
.t4-features {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
	border: 1px solid var(--t4-line); border-radius: var(--t4-radius);
	background: #fff; overflow: hidden;
}
.t4-feature { display:flex; gap:14px; align-items:center; padding: 22px 24px; border-right:1px solid var(--t4-line); }
.t4-feature:last-child { border-right: 0; }
.t4-feature__icon { font-size: 26px; line-height: 1; color: var(--t4-red); }
.t4-feature__t { font-family: var(--t4-display); font-weight:700; color:var(--t4-ink); font-size:.95rem; }
.t4-feature__d { font-size: .82rem; color: var(--t4-muted); }

/* Category tiles */
.t4-cats { display:grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.t4-cat {
	display:block; position:relative; border:1px solid var(--t4-line);
	border-radius: var(--t4-radius); padding: 30px 22px; background:#fff;
	text-align:center; transition: all .2s ease;
}
.t4-cat:hover { border-color: var(--t4-red); box-shadow: var(--t4-shadow); transform: translateY(-3px); }
.t4-cat__ic { font-size: 34px; }
.t4-cat__n { display:block; font-family: var(--t4-display); font-weight:700; color:var(--t4-ink); margin-top:12px; text-transform:uppercase; letter-spacing:.02em; font-size:.92rem; }
.t4-cat__c { color: var(--t4-muted); font-size:.8rem; }

/* Promo band */
.t4-promo {
	background: var(--t4-red);
	color:#fff; border-radius: var(--t4-radius);
	padding: 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.t4-promo h3 { color:#fff; font-family:var(--t4-display); font-weight:800; font-size: clamp(1.4rem,2.4vw,2rem); margin:0; text-transform:uppercase; }
.t4-promo p { margin:6px 0 0; color: #ffe2e0; }
.t4-promo .t4-btn-ghost { border-color:#fff; color:#fff !important; }
.t4-promo .t4-btn-ghost:hover { background:#fff !important; color: var(--t4-red) !important; }

/* Brand strip — uniform white logo tiles (logos = third-party trademarks, GAP-7) */
.t4-brands {
	display:grid; grid-template-columns:repeat(6, 1fr); gap:16px;
	max-width:1040px; margin:0 auto;
}
.t4-brand {
	display:flex; align-items:center; justify-content:center;
	height:104px; padding:18px 22px;
	background:#fff; border:1px solid var(--t4-line); border-radius:var(--t4-radius);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	/* text-fallback styling (brands without a downloaded logo) */
	font-family: var(--t4-display); font-weight:800; letter-spacing:.04em;
	color: var(--t4-ink); font-size:1.1rem; text-transform:uppercase;
}
.t4-brand--logo { padding:22px 26px; }
.t4-brand--logo img {
	max-width:100%; max-height:56px; width:auto; height:auto; object-fit:contain;
	/* full colour by default; tile lifts on hover */
	opacity:1; transition: transform .25s ease;
}
.t4-brand:hover {
	border-color: var(--t4-red); box-shadow:0 8px 22px rgba(17,17,17,.08); transform:translateY(-2px);
	color: var(--t4-red);
}
.t4-brand--logo:hover img { transform:scale(1.04); }
@media (max-width: 900px) { .t4-brands { grid-template-columns:repeat(3, 1fr); } }
@media (max-width: 520px) { .t4-brands { grid-template-columns:repeat(2, 1fr); } .t4-brand { height:88px; } }

/* Application banners (H4 — GAP-2 placeholder visuals) */
.t4-appbanners { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.t4-appbanner {
	position:relative; display:flex; flex-direction:column; justify-content:flex-end;
	min-height:170px; padding:26px; border-radius:var(--t4-radius); overflow:hidden;
	color:#fff; isolation:isolate;
}
.t4-appbanner::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.96; }
.t4-appbanner--a::before { background:linear-gradient(135deg,#15324a,#0c1f30); }
.t4-appbanner--b::before { background:linear-gradient(135deg,#3a1f12,#b8241f); }
.t4-appbanner--c::before { background:linear-gradient(135deg,#10302c,#0c211e); }
/* darker scrim behind text for guaranteed contrast */
.t4-appbanner::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.05) 72%); }
.t4-appbanner > * { position:relative; z-index:1; }
.t4-appbanner__ic { position:absolute; right:18px; top:16px; opacity:.55; color:#fff; }
.t4-appbanner__ic .t4-ic { width:54px; height:54px; }
.t4-appbanner__t { font-family:var(--t4-display); font-weight:800; font-size:1.25rem; text-transform:uppercase; letter-spacing:.01em; color:#fff !important; }
.t4-appbanner__c { color:rgba(255,255,255,.88) !important; font-size:.9rem; margin-top:2px; }
.t4-appbanner__cta { font-family:var(--t4-display); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:.8rem; color:#fff !important; margin-top:14px; }
.t4-appbanner:hover .t4-appbanner__cta { color:var(--t4-red); }
.t4-appbanner:hover { transform:translateY(-3px); transition:transform .2s ease; }

/* Testimonials (H6 — GAP-3 real quotes) */
.t4-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.t4-testimonial {
	margin:0; background:#fff; border:1px solid var(--t4-line); border-radius:var(--t4-radius);
	padding:28px 26px; box-shadow:var(--t4-shadow);
}
.t4-testimonial__stars { color:var(--t4-star); letter-spacing:2px; margin-bottom:12px; }
.t4-testimonial blockquote { margin:0 0 16px; font-size:.98rem; line-height:1.6; color:var(--t4-ink); }
.t4-testimonial figcaption { font-size:.86rem; color:var(--t4-muted); }
.t4-testimonial figcaption strong { color:var(--t4-ink); font-family:var(--t4-display); }

@media (max-width:1024px){ .t4-appbanners,.t4-testimonials{ grid-template-columns:1fr; } }

/* Section heading row */
.t4-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:26px; flex-wrap:wrap; }
.t4-head .t4-h2 { margin:0; }
.t4-head a.t4-more { font-family:var(--t4-display); font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--t4-red); font-size:.85rem; }

/* Make the homepage [products] grid match card style + horizontal scroll on small screens */
.t4-products .woocommerce ul.products { margin:0; }

/* Tabbed product section (H3 — CSS-only) */
.t4-tabs__radio { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.t4-tabshead { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px; flex-wrap:wrap; }
.t4-tabshead .t4-h2 { margin:0; }
.t4-tabs__nav { display:flex; gap:8px; flex-wrap:wrap; }
.t4-tabs__nav label {
	font-family:var(--t4-display); font-weight:700; text-transform:uppercase; letter-spacing:.03em;
	font-size:.8rem; padding:11px 18px; border:1px solid var(--t4-line); border-radius:var(--t4-radius);
	background:#fff; color:var(--t4-ink); cursor:pointer; transition:all .15s ease; user-select:none;
}
.t4-tabs__nav label:hover { border-color:var(--t4-red); color:var(--t4-red); }
.t4-tabs__panel { display:none; }
#t4tab1:checked ~ .t4-tabs__panels .t4-tabs__panel--1,
#t4tab2:checked ~ .t4-tabs__panels .t4-tabs__panel--2,
#t4tab3:checked ~ .t4-tabs__panels .t4-tabs__panel--3 { display:block; }
#t4tab1:checked ~ .t4-tabshead label[for="t4tab1"],
#t4tab2:checked ~ .t4-tabshead label[for="t4tab2"],
#t4tab3:checked ~ .t4-tabshead label[for="t4tab3"] {
	background:var(--t4-red); border-color:var(--t4-red); color:#fff;
}

/* Responsive */
@media (max-width: 1024px) {
	.t4-features { grid-template-columns: repeat(2,1fr); }
	.t4-feature:nth-child(2) { border-right:0; }
	.t4-cats { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px) {
	.t4-features { grid-template-columns: 1fr; }
	.t4-feature { border-right:0; border-bottom:1px solid var(--t4-line); }
	.t4-cats { grid-template-columns: 1fr 1fr; }
	.t4-section { padding: 44px 0; }
}

/* =========================================================================
   9. Wishlist (P5) · Theme toggle (P7) · FAQ (P13)
   ========================================================================= */

/* Heart toggle on product cards */
.woocommerce ul.products li.product { position: relative; }
.t4-wish-btn {
	position:absolute; top:10px; right:10px; z-index:3;
	width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
	background:var(--t4-surface); border:1px solid var(--t4-line); border-radius:50%;
	color:var(--t4-body); cursor:pointer; padding:0; box-shadow:0 2px 8px rgba(17,17,17,.10);
	transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.t4-wish-btn .t4-ic { width:18px; height:18px; fill:none; }
.t4-wish-btn:hover { color:var(--t4-red); border-color:var(--t4-red); transform:translateY(-1px); }
.t4-wish-btn.is-active { color:#fff; background:var(--t4-red); border-color:var(--t4-red); }
.t4-wish-btn.is-active .t4-ic { fill:#fff; }

/* Top-bar wishlist link + count + theme toggle */
.t4-topbar__wish { display:inline-flex; align-items:center; gap:6px; }
.t4-topbar__wish .t4-ic { width:15px; height:15px; }
.t4-wish-count {
	display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:17px;
	padding:0 4px; border-radius:9px; background:var(--t4-red); color:#fff;
	font-size:.66rem; font-weight:700; line-height:1;
}
.t4-wish-count.is-empty { display:none; }
.t4-theme-toggle {
	display:inline-flex; align-items:center; justify-content:center; width:30px; height:24px;
	background:transparent; border:0; color:inherit; cursor:pointer; padding:0;
}
.t4-theme-toggle:hover { color:var(--t4-red); }
.t4-theme-toggle .t4-ic { width:16px; height:16px; }
.t4-theme-toggle__moon { display:none; }
[data-theme="dark"] .t4-theme-toggle__sun { display:none; }
[data-theme="dark"] .t4-theme-toggle__moon { display:inline-flex; }

/* Wishlist page */
.t4-wl-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:12px; }
.t4-wl-empty { padding:28px 0; color:var(--t4-body); font-size:1rem; }
.t4-wl-card { border:1px solid var(--t4-line); border-radius:var(--t4-radius); background:var(--t4-surface); padding:14px; display:flex; flex-direction:column; }
.t4-wl-card__img { display:block; height:160px; }
.t4-wl-card__img img { width:100%; height:100%; object-fit:contain; }
.t4-wl-card__t { font-family:var(--t4-display); font-weight:700; color:var(--t4-ink); margin:10px 0 4px; font-size:.92rem; line-height:1.3; }
.t4-wl-card__p { color:var(--t4-red); font-weight:700; margin-bottom:10px; }
.t4-wl-card__actions { margin-top:auto; display:flex; align-items:center; gap:10px; }
.t4-wl-card__actions .button { flex:1; text-align:center; }
.t4-wl-remove { background:none; border:0; color:var(--t4-muted); cursor:pointer; font-size:.82rem; text-decoration:underline; }
.t4-wl-remove:hover { color:var(--t4-red); }
@media (max-width:1024px){ .t4-wl-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .t4-wl-grid{ grid-template-columns:repeat(2,1fr); } }

/* FAQ accordion (native <details>) */
.t4-faq { max-width:820px; margin:0 auto; }
.t4-faq__item { border:1px solid var(--t4-line); border-radius:var(--t4-radius); margin-bottom:12px; background:var(--t4-surface); overflow:hidden; }
.t4-faq__q { cursor:pointer; list-style:none; padding:16px 50px 16px 18px; position:relative; font-family:var(--t4-display); font-weight:700; color:var(--t4-ink); font-size:1rem; }
.t4-faq__q::-webkit-details-marker { display:none; }
.t4-faq__q::after { content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:1.5rem; font-weight:400; color:var(--t4-red); line-height:1; }
.t4-faq__item[open] .t4-faq__q { color:var(--t4-red); }
.t4-faq__item[open] .t4-faq__q::after { content:"\2013"; }
.t4-faq__a { padding:0 18px 18px; color:var(--t4-body); line-height:1.65; }
.t4-faq__a p { margin:0; }

/* =========================================================================
   10. Dark theme — remaps tokens; covers main surfaces
   ========================================================================= */
[data-theme="dark"] {
	--t4-ink:        #f2f4f6;
	--t4-body:       #c3c8ce;
	--t4-muted:      #9aa0a6;
	--t4-line:       #2c3034;
	--t4-line-soft:  #26292c;
	--t4-surface:    #16181b;
	--t4-surface-2:  #1d2023;
	--t4-surface-3:  #202327;
	--t4-shadow:     0 6px 24px rgba(0,0,0,.5);
}
[data-theme="dark"] body { background:#0f1113; }
[data-theme="dark"] .site-header,
[data-theme="dark"] .botiga-header-wrap,
[data-theme="dark"] .header-main,
[data-theme="dark"] header.site-header { background:#16181b; border-color:#2c3034; }
[data-theme="dark"] .site-main,
[data-theme="dark"] .content-area,
[data-theme="dark"] .site-content { background:transparent; }
[data-theme="dark"] .t4-searchrow { background:#16181b; border-color:#2c3034; }
[data-theme="dark"] .t4-mega { background:#16181b; }
[data-theme="dark"] .t4-mega__promo { background:#1d2023; border-color:#2c3034; }
[data-theme="dark"] .t4-vnav,
[data-theme="dark"] .woocommerce ul.products li.product,
[data-theme="dark"] .t4-card,
[data-theme="dark"] .t4-cat,
[data-theme="dark"] .t4-wl-card,
[data-theme="dark"] .t4-faq__item,
[data-theme="dark"] .t4-feature { background:var(--t4-surface); border-color:var(--t4-line); }
/* Keep brand tiles white so coloured/black logos stay legible */
[data-theme="dark"] .t4-brand { background:#fff; border-color:#2c3034; }
/* Form fields */
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
	background:#1d2023; color:var(--t4-body); border-color:#2c3034;
}
[data-theme="dark"] .t4-wish-btn { background:#1d2023; border-color:#2c3034; }

/* =========================================================================
   11. Product detail page (PDP)
   ========================================================================= */
.t4-specs { width:100%; border-collapse:collapse; }
.t4-specs th, .t4-specs td { text-align:left; padding:11px 14px; border-bottom:1px solid var(--t4-line); font-size:.92rem; }
.t4-specs th { width:38%; color:var(--t4-ink); font-family:var(--t4-display); font-weight:700; background:var(--t4-surface-2); }
.t4-specs td { color:var(--t4-body); }
.t4-deliv { list-style:none; margin:0; padding:0; }
.t4-deliv li { padding:10px 0; border-bottom:1px solid var(--t4-line-soft); color:var(--t4-body); line-height:1.55; }
.t4-deliv li:last-child { border-bottom:0; }
.t4-deliv strong { color:var(--t4-ink); }

/* Secondary CTAs under add-to-cart */
.t4-pdp-cta { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 4px; }
.t4-pdp-cta .t4-btn-ghost { display:inline-flex; align-items:center; }
.t4-pdp-wa {
	display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:var(--t4-radius);
	background:#25d366; color:#fff !important; font-family:var(--t4-display); font-weight:700; font-size:.9rem;
}
.t4-pdp-wa:hover { background:#1da851; color:#fff !important; }
.t4-pdp-wa .t4-ic { width:18px; height:18px; }

/* Brand + trust block */
.t4-pdp-extra { margin-top:22px; padding-top:20px; border-top:1px solid var(--t4-line); }
.t4-pdp-brand { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.t4-pdp-brand span { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--t4-muted); font-weight:700; }
.t4-pdp-brand img { max-height:34px; width:auto; }
.t4-pdp-brand strong { font-family:var(--t4-display); color:var(--t4-ink); font-size:1.05rem; }
.t4-pdp-trust { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.t4-pdp-trust li { display:flex; align-items:center; gap:10px; color:var(--t4-body); font-size:.9rem; }
.t4-pdp-trust .t4-ic { width:19px; height:19px; color:var(--t4-red); flex:0 0 auto; }

/* Tighten WooCommerce single layout to our system */
.single-product div.product .product_title { font-family:var(--t4-display); font-weight:800; letter-spacing:-.01em; }
.single-product div.product p.price, .single-product div.product span.price { color:var(--t4-red); font-weight:800; }
[data-theme="dark"] .t4-specs th { background:var(--t4-surface-2); }

/* =========================================================================
   12. Shop / archive filter sidebar
   ========================================================================= */
.t4-shop { display:grid; grid-template-columns:268px minmax(0,1fr); gap:30px; align-items:start; padding:0 clamp(20px, 3vw, 56px); }
.t4-shop__main { min-width:0; }
.t4-shop__main #primary,
.t4-shop__main .site-main { width:100% !important; }

.t4-filters { position:sticky; top:20px; border:1px solid var(--t4-line); border-radius:var(--t4-radius); background:var(--t4-surface); overflow:hidden; }
.t4-filters__head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px 12px; border-bottom:1px solid var(--t4-line); }
.t4-filters__title { color:var(--t4-ink); font-family:var(--t4-display); font-weight:800; font-size:.95rem; text-transform:uppercase; letter-spacing:.05em; }
.t4-filters__clear { color:var(--t4-red); font-size:.78rem; text-decoration:underline; }
.t4-filters__clear:hover { color:var(--t4-red-dark); }

.t4-filter { padding:14px 16px; border-bottom:1px solid var(--t4-line); }
.t4-filter__h { margin:0 0 10px; font-family:var(--t4-display); font-weight:800; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; color:var(--t4-ink); }
.t4-filter ul { list-style:none; margin:0; padding:0; }
.t4-filter li { margin:0; }
.t4-filter label { display:flex; align-items:center; gap:8px; padding:5px 0; font-size:.86rem; color:var(--t4-body); cursor:pointer; }
.t4-filter label:hover { color:var(--t4-red); }
.t4-filter input[type="checkbox"] { width:15px; height:15px; accent-color:var(--t4-red); flex:0 0 auto; }
.t4-filter label span { flex:1; min-width:0; }
.t4-filter label em { color:var(--t4-muted); font-size:.74rem; font-style:normal; }

/* grouped categories */
.t4-fgroup { margin-bottom:6px; }
.t4-fgroup > summary { cursor:pointer; list-style:none; padding:6px 0; font-family:var(--t4-display); font-weight:700; font-size:.82rem; color:var(--t4-ink); position:relative; padding-right:18px; }
.t4-fgroup > summary::-webkit-details-marker { display:none; }
.t4-fgroup > summary::after { content:"+"; position:absolute; right:2px; top:5px; color:var(--t4-red); font-size:1rem; line-height:1; }
.t4-fgroup[open] > summary::after { content:"\2013"; }
.t4-fgroup > ul { padding:2px 0 8px 4px; }

.t4-price { display:flex; align-items:center; gap:8px; }
.t4-price input { width:100%; padding:8px 10px; border:1px solid var(--t4-line); border-radius:var(--t4-radius); font-size:.85rem; }
.t4-price span { color:var(--t4-muted); }
.t4-filters__apply { display:block; width:calc(100% - 32px); margin:14px 16px; text-align:center; }
.t4-filters__apply--btm { width:100%; margin:14px 0 2px; }

@media (max-width: 900px) {
	.t4-shop { grid-template-columns:1fr; }
	.t4-filters { position:static; margin-bottom:20px; }
}
[data-theme="dark"] .t4-filters,
[data-theme="dark"] .t4-price input { background:var(--t4-surface); border-color:var(--t4-line); }

/* =========================================================================
   13. Page hero band (shop / archives / search / pages) — gradient banner
   ========================================================================= */
.t4-pagehero-band { padding-top: clamp(16px, 2vw, 26px); }
/* Tighten the large content-area top gap below the hero band */
.t4-has-hero .content-wrapper { margin-top: 32px !important; }
.t4-pagehero {
	position: relative;
	border-radius: var(--t4-radius);
	background:
		radial-gradient(120% 160% at 85% 12%, rgba(222,50,44,.55) 0%, rgba(222,50,44,0) 45%),
		radial-gradient(90% 130% at 10% 95%, rgba(40,86,150,.40) 0%, rgba(40,86,150,0) 50%),
		linear-gradient(115deg, #0e0f11 0%, #16181b 52%, #241413 100%),
		repeating-linear-gradient(135deg, #1a1c1e 0 22px, #161819 22px 44px);
	overflow: hidden;
}
.t4-pagehero::after {
	content: ""; position: absolute; right: -40px; top: 50%; transform: translateY(-50%);
	width: 280px; height: 280px; z-index: 0; pointer-events: none; opacity: .5;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2'%3E%3Ccircle cx='100' cy='100' r='90'/%3E%3Ccircle cx='100' cy='100' r='64'/%3E%3Ccircle cx='100' cy='100' r='38'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='14' fill='%23de322c' fill-opacity='0.5'/%3E%3C/svg%3E") no-repeat center/contain;
}
.t4-pagehero__inner { position: relative; z-index: 1; padding: clamp(30px, 4vw, 52px) clamp(24px, 3.4vw, 52px); }
.t4-pagehero .t4-pagehero__title {
	margin: 6px 0 0; color: #fff; -webkit-text-fill-color: #fff;
	font-family: var(--t4-display); font-weight: 800;
	letter-spacing: -.01em; font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.1;
	text-shadow: 0 2px 18px rgba(0,0,0,.4);
}
.t4-pagehero__crumb,
.t4-pagehero__crumb a,
.t4-pagehero__crumb span { color: #c9ced4; font-size: .85rem; }
.t4-pagehero__crumb a:hover { color: #fff; }
.t4-pagehero__crumb .breadcrumb_last,
.t4-pagehero__crumb [aria-current="page"] { color: #ff8a85; font-weight: 600; }
.t4-pagehero .woocommerce-breadcrumb { margin: 0; }

/* Hide the now-duplicated in-content page headers/breadcrumbs where the hero shows */
.woocommerce-page-header,
.woocommerce-products-header { display: none !important; }
body:not(.home):not(.single-product) .entry-header .entry-title.page-title,
body.search .page-title { display: none; }