:root{--gu-navy:#20275B;--gu-navy2:#2C3573;--gu-amber:#F5A524;--gu-amber-d:#DC9111;--gu-ink:#171D45;--gu-line:#E6E8F2;--gu-soft:#F5F6FA;--gu-max:1200px}

/* ---------- accent: buttons ---------- */
.woocommerce ul.products li.product a.button,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce button.button.alt,
.gu-btn{background-color:var(--gu-amber)!important;border-color:var(--gu-amber)!important;color:var(--gu-navy)!important;font-weight:700!important}
.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.button.alt:hover,
.gu-btn:hover{background-color:var(--gu-amber-d)!important;border-color:var(--gu-amber-d)!important;color:var(--gu-navy)!important}
.woocommerce ul.products li.product a.button,.woocommerce a.button.add_to_cart_button,.woocommerce button.single_add_to_cart_button,.woocommerce a.checkout-button,.woocommerce button.button.alt,.gu-btn{background-image:none!important}
.woocommerce span.onsale,.woocommerce ul.products li.product span.onsale,.product-onsale .onsale{background:var(--gu-amber)!important;color:var(--gu-navy)!important;font-weight:700!important}

/* ---------- product cards: even grid ---------- */
.woocommerce ul.products li.product{display:flex;flex-direction:column}
.woocommerce ul.products li.product .product-thumbnail img{aspect-ratio:1/1;object-fit:contain;background:#fff;width:100%;height:auto}
.woocommerce ul.products li.product .product-details{display:flex;flex-direction:column;flex:1 1 auto}
.woocommerce ul.products li.product .product-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .product-action-wrap{margin-top:auto;padding-top:10px}
.woocommerce ul.products li.product .star-rating-block{display:none!important}
.woocommerce-product-rating{display:none!important}
.single-product .woocommerce-product-gallery img{aspect-ratio:1/1;object-fit:contain;background:#fff}

/* ---------- strip demo chrome ---------- */
.base-color-palette-fixed-switcher{display:none!important}
.check-incart-sold,.tmcore-live-viewing-visitors,.tmc-notification-tml,.tmc-notification-wrapper{display:none!important}

/* ---------- homepage ---------- */
.gu-home{--pad:16px}
.gu-wrap{max-width:var(--gu-max);margin:0 auto;padding:0 var(--pad)}
.gu-sec{padding:44px 0}
.gu-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.gu-sec-head h2{font-size:26px;line-height:1.2;margin:0;color:var(--gu-ink);font-weight:800}
.gu-sec-head a{font-weight:700;font-size:14px;color:var(--gu-navy);text-decoration:none;white-space:nowrap}
.gu-sec-head a:hover{color:var(--gu-amber-d)}

/* hero */
.gu-hero{position:relative;overflow:hidden;border-radius:14px;background:var(--gu-navy);margin-top:18px}
.gu-hero .gu-slide{display:none}
.gu-hero .gu-slide.is-on{display:block}
.gu-hero img{display:block;width:100%;height:auto}
.gu-hero .gu-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center}
.gu-hero .gu-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.gu-hero .gu-dots button[aria-current="true"]{background:var(--gu-amber);width:26px;border-radius:5px}
.gu-hero .gu-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.gu-hero .gu-arrow:hover{background:var(--gu-amber);color:var(--gu-navy)}
.gu-hero .gu-prev{left:14px}.gu-hero .gu-next{right:14px}
@media(max-width:781px){.gu-hero .gu-arrow{display:none}}

/* trust bar */
.gu-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gu-line);border:1px solid var(--gu-line);border-radius:12px;overflow:hidden;margin-top:28px}
.gu-trust div{background:#fff;padding:18px 16px}
.gu-trust strong{display:block;font-size:15px;color:var(--gu-ink)}
.gu-trust span{display:block;font-size:13px;color:#6b7086;margin-top:3px}
@media(max-width:900px){.gu-trust{grid-template-columns:repeat(2,1fr)}}

/* category tiles */
.gu-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.gu-tiles a{display:block;text-align:center;text-decoration:none;color:var(--gu-ink)}
.gu-tiles .gu-tile-img{background:var(--gu-soft);border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.18s}
.gu-tiles img{width:68%;height:68%;object-fit:contain}
.gu-tiles a:hover .gu-tile-img{background:#EDEFF8;transform:translateY(-3px)}
.gu-tiles b{display:block;margin-top:10px;font-size:14px;font-weight:700}
.gu-tiles em{display:block;font-size:12px;color:#6b7086;font-style:normal}
@media(max-width:900px){.gu-tiles{grid-template-columns:repeat(3,1fr)}}

/* promo trio */
.gu-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gu-promo{position:relative;display:flex;align-items:center;gap:12px;padding:22px;border-radius:14px;text-decoration:none;overflow:hidden;background:linear-gradient(120deg,#171D45,var(--gu-navy) 60%,var(--gu-navy2));min-height:150px}
.gu-promo .gu-promo-txt{flex:1 1 auto}
.gu-promo small{display:block;color:var(--gu-amber);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.gu-promo b{display:block;color:#fff;font-size:19px;line-height:1.25;margin-top:6px}
.gu-promo span{display:block;color:rgba(255,255,255,.75);font-size:13px;margin-top:6px}
.gu-promo img{width:96px;height:96px;object-fit:contain;flex:0 0 auto;background:#fff;border-radius:12px;padding:8px}
@media(max-width:900px){.gu-promos{grid-template-columns:1fr}}

/* brands */
.gu-brands{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;align-items:center;padding:26px;border:1px solid var(--gu-line);border-radius:12px}
.gu-brands a{font-weight:800;font-size:17px;letter-spacing:.5px;color:#9aa0b5;text-decoration:none}
.gu-brands a:hover{color:var(--gu-navy)}

/* visit band */
.gu-visit{background:var(--gu-navy);color:#fff;border-radius:14px;padding:30px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px}
.gu-visit h3{margin:0 0 8px;font-size:20px;color:#fff}
.gu-visit p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}
.gu-visit a{color:var(--gu-amber);text-decoration:none;font-weight:700}
.gu-visit strong{color:#fff;display:block;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
@media(max-width:900px){.gu-visit{grid-template-columns:1fr}}

/* buy now = secondary */
.woocommerce button.button-buy-now,.woocommerce .single_add_to_cart_button.button-buy-now{
 background-color:#fff!important;background-image:none!important;color:var(--gu-navy)!important;
 box-shadow:inset 0 0 0 2px var(--gu-navy)!important}
.woocommerce button.button-buy-now:hover{background-color:var(--gu-navy)!important;color:#fff!important}
.gu-sec-tight{padding:40px 0 0}
.gu-home .gu-hero a{display:none}
.gu-home .gu-hero a.is-on{display:block}
.entry-content > .gu-sec:first-child{padding-top:0}

/* front page: no page title block, no extra top padding */
.home .entry-hero-container-inner,.home .page-title,.home .entry-hero,.home header.entry-header{display:none!important}
.home .content-area,.home .site-main{padding-top:14px!important}

/* ---------- product page ---------- */
.wrap-summary{gap:40px}
.wrap-summary .base-product-image-wrap{flex:0 0 42%!important;width:42%!important;max-width:42%!important}
@media(max-width:1024px){.wrap-summary .base-product-image-wrap{flex:1 1 100%!important;width:100%!important;max-width:100%!important}}

.gu-availability{margin:0 0 14px;font-size:14px;line-height:1.5}
.gu-availability span{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#12813F}
.gu-availability span::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.gu-availability small{display:block;margin-top:4px;color:#6b7086;font-size:13px}
.gu-availability.is-out span{color:#B3261E}

.gu-key-specs{list-style:none;margin:18px 0 0;padding:16px 18px;border:1px solid var(--gu-line);border-radius:12px;background:var(--gu-soft)}
.gu-key-specs li{position:relative;padding-left:16px;margin:0 0 7px;font-size:14px;line-height:1.5;color:var(--gu-ink);list-style:none}
.gu-key-specs li:last-child{margin-bottom:0}
.gu-key-specs li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gu-amber)}

.gu-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.gu-contact-actions a{flex:1 1 190px;display:inline-flex;align-items:center;justify-content:center;
 padding:13px 16px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;text-align:center;transition:.15s}
.gu-wa{background:#25D366;color:#0B3D1F}
.gu-wa:hover{background:#1FB757;color:#0B3D1F}
.gu-call{background:#fff;color:var(--gu-navy);box-shadow:inset 0 0 0 2px var(--gu-navy)}
.gu-call:hover{background:var(--gu-navy);color:#fff}

.single-product-extras{margin-top:20px!important;padding:16px 18px;border:1px solid var(--gu-line);border-radius:12px;background:#fff}

/* ---------- footer ---------- */
.site-footer,.site-footer .site-footer-row-container-inner{background-color:var(--gu-navy)!important;background-image:none!important}
.site-footer{color:rgba(255,255,255,.72)}
.site-footer .widget-title,.site-footer h2,.site-footer h3{color:#fff!important;font-size:13px!important;letter-spacing:1.6px;text-transform:uppercase;font-weight:800!important;margin:0 0 16px!important}
.site-footer a{color:rgba(255,255,255,.72)!important;text-decoration:none}
.site-footer a:hover{color:var(--gu-amber)!important}
.site-footer ul{padding-left:0;margin-left:0;list-style:none}
.site-footer li{list-style:none;margin-bottom:9px;font-size:14px}
.site-footer p{color:rgba(255,255,255,.72);font-size:14px}
.site-bottom-footer-inner-wrap{border-top:1px solid rgba(255,255,255,.14);font-size:13px;padding-top:18px!important;padding-bottom:18px!important}
.gu-foot-usp{margin:0;padding:0}
.gu-foot-usp li{position:relative;padding-left:20px;line-height:1.45;margin-bottom:11px}
.gu-foot-usp li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--gu-amber)}
.gu-foot-contact p{margin:0 0 14px;line-height:1.55}
.gu-foot-hours{color:rgba(255,255,255,.5)!important}
.gu-foot-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:0!important}
.gu-foot-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:8px;font-weight:700;font-size:14px}
.gu-foot-call{background:var(--gu-amber);color:var(--gu-navy)!important}
.gu-foot-call:hover{background:var(--gu-amber-d);color:var(--gu-navy)!important}
.gu-foot-wa{background:#25D366;color:#0B3D1F!important}
.gu-foot-wa:hover{background:#1FB757;color:#0B3D1F!important}

/* footer: keep every text node legible on navy */
.site-footer li,.site-footer span,.site-footer strong,.site-footer div,.site-footer td{color:rgba(255,255,255,.72)}
.gu-foot-usp li{color:rgba(255,255,255,.85)}
.site-footer .widget-title,.site-footer h2,.site-footer h3{color:#fff!important}
.gu-foot-call,.gu-foot-call span{color:var(--gu-navy)!important}
.gu-foot-wa,.gu-foot-wa span{color:#0B3D1F!important}


/* ---------- top bar: USPs and the phone number ---------- */
.site-top-header-wrap,.site-top-header-inner-wrap{background-color:var(--gu-navy)!important;background-image:none!important}
.site-top-header-inner-wrap,.site-top-header-inner-wrap a{color:#fff!important}
.gu-usp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 26px}
.gu-usp span{position:relative;padding-left:21px;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);white-space:nowrap}
.gu-usp span::before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;transform:translateY(-50%);
 background-color:var(--gu-amber);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.gu-top-call{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(255,255,255,.92)!important}
.gu-top-call strong{color:var(--gu-amber)!important;font-size:15px;letter-spacing:.3px}
.gu-top-call:hover strong{color:#fff!important}
@media(max-width:1100px){.gu-usp span:nth-child(n+4){display:none}}
@media(max-width:860px){.gu-usp span:nth-child(n+3){display:none}}

/* ---------- search: the primary action, Jumia style ---------- */
.header-search-advanced{width:100%;max-width:660px}
.header-search-advanced .search-form{display:flex;align-items:stretch;background:#fff;border:2px solid var(--gu-navy);border-radius:999px;overflow:hidden}
.header-search-advanced .search-category-field{display:flex;align-items:center;border-right:1px solid var(--gu-line)}
.header-search-advanced .search-select{border:0!important;background:transparent!important;box-shadow:none!important;
 height:44px;padding:0 14px 0 18px;font-size:13px;font-weight:600;color:var(--gu-navy)}
.header-search-advanced .input-group,.header-search-advanced .search-field-wrap{flex:1 1 auto;display:flex}
.header-search-advanced input[type="search"],.header-search-advanced input[type="text"]{
 flex:1 1 auto;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;
 height:44px;padding:0 16px;font-size:14px}
.header-search-advanced button,.header-search-advanced input[type="submit"],.header-search-advanced .search-submit{
 align-self:center;margin:0 5px 0 0;padding:0 28px;height:36px;border:0!important;border-radius:999px!important;
 background-color:var(--gu-amber)!important;background-image:none!important;color:var(--gu-navy)!important;font-weight:700!important}
.header-search-advanced button:hover,.header-search-advanced .search-submit:hover{background-color:var(--gu-amber-d)!important}
@media(max-width:1024px){.header-search-advanced .search-category-field{display:none}}

/* ---------- colour swatches ---------- */
#pa_colour{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0}
#pa_colour input[type="radio"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#pa_colour label{display:block;width:38px;height:38px;margin:0;border-radius:50%;cursor:pointer;
 background:var(--gu-swatch,#e6e6e6);
 box-shadow:inset 0 0 0 2px #fff,0 0 0 1px rgba(0,0,0,.22);
 overflow:hidden;text-indent:-999em;white-space:nowrap;
 transition:transform .15s ease,box-shadow .15s ease}
#pa_colour label:hover{transform:scale(1.07)}
#pa_colour input:checked + label{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--gu-navy)}
#pa_colour input:focus-visible + label{outline:2px solid var(--gu-amber);outline-offset:3px}
.gu-colour-name{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--gu-ink)}
@media(max-width:600px){#pa_colour label{width:34px;height:34px}}