﻿/*
Theme Name: Smart Retract
Theme URI: https://www.eglobeits.com/
Author: EGlobe WP Team
Author URI: https://www.eglobeits.com/
Description: Smart Retract Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eglobe
*/

/* ===================================================================
   PERFORMANCE â€” content-visibility on below-fold sections
   Only applied to sections with NO JS scroll/layout dependencies.
   Sections with translateY sticky scroll CANNOT use content-visibility
   as it returns 0 for getBoundingClientRect() on hidden elements.
=================================================================== */
.dtc-reviews-v2,
.dtc-faq,
.dtc-awards-v2,
.hps-section {
    content-visibility: auto;
    contain-intrinsic-size: 0 600px;
}

/* â”€â”€ GTranslate widget â€” style to match nav â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
/* Shrink the flag + EN text to fit the nav bar */
.goog-te-gadget-simple {
    background: transparent !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    color: #475569 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
.goog-te-gadget-simple img { height: 14px !important; width: auto !important; vertical-align: middle !important; }
.goog-te-gadget-simple .goog-te-menu-value { color: #475569 !important; font-size: 12px !important; font-weight: 600 !important; }
.goog-te-gadget-simple .goog-te-menu-value span:last-child { display: none !important; } /* hide â–¼ arrow if needed */
/* Hide the "Powered by Google" bar in translation mode */
.goog-logo-link, .goog-te-banner-frame { display: none !important; }
body { top: 0 !important; } /* prevent page shift when Google Translate activates */

/* â”€â”€ GTranslate floating language switcher â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
/* Show the float widget â€” was previously suppressed */
.gt_float_switcher {
    display: block !important;
    z-index: 9998 !important; /* just below mobile FAB cart (9999) so they don't overlap */
}

/* Style the float bubble to match the site palette */
.gt_float_switcher .gt-selected-lang {
    background: #006F99 !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.25) !important;
}

/* Suppress float widget on mobile â€” language picker is already inside the hamburger menu */
@media (max-width: 1023px) {
    .gt_float_switcher {
        display: none !important;
    }
}

/* â”€â”€ Home product cards: space between width selector and Add to Cart â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
/* High specificity to beat inline <style> blocks in body which load after style.css */
.hps-section .hps-card .hps-card-body .hps-attr-block:last-child {
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
}
.hps-section .hps-card .hps-card-body .hps-widths {
    margin-bottom: 6px !important;
    gap: 8px !important;
}
.hps-section .hps-card .hps-card-body .hps-width-btn {
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 7px !important;
    line-height: 1.2 !important;
}
.hps-section .hps-card .hps-card-footer {
    margin-top: 0 !important;
    padding: 14px 16px 16px !important;
    border-top: 1.5px solid #f1f5f9 !important;
}

/* ===== FULL WIDTH FIX: Remove left/right whitespace + old mobile top-margin ===== */
.page-main {
    max-width: 100% !important;
    border-left: none !important;
    border-right: none !important;
    margin-top: 0 !important;
}

/* Mobile â€” eliminate dead white zones and oversized hero padding */
@media (max-width: 1023px) {
    .page-main { background: transparent !important; }

    /* Reduce trust strip height */
    #trust-bar, #trust-bar-v2 { padding: 5px 0 !important; }

    /* Reduce hero padding on dtc-home (was 48px top) */
    .dtc-home-wrapper .dtc-hero-section { padding-top: 28px !important; padding-bottom: 48px !important; }

    /* Reduce v2 hero min-height on mobile */
    .v2-hero { min-height: 70vh !important; }
    .v2-hero-inner { padding: 32px 16px !important; }
}

/* Make header, nav, and footer stretch full width */
header.header-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

nav {
    max-width: 100% !important;
    width: 100% !important;
}

footer.footer-main {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
}

/* Keep inner content centered at 1120px */
.header-content {
    max-width: 1120px;
    margin: 0 auto;
    width: 100%;
}

.navbar-content {
    max-width: 1120px;
    margin: 0 auto;
    width: 100%;
}

.footer-content {
    max-width: 1120px !important;
    margin: 0 auto;
    width: 100%;
}

/* Remove grey body background showing through */
body {
    background-color: #fff !important;
}

/*=================REVIEWS==============*/
.review-summary-block .rating-value {
	font-size: 30px;
	font-weight: 700;
	color: #454545;
	display: block;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 700;
}

.review-summary-block .best-rating p {
	font-size: 20px;
	color: #454545;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.review-summary-block .rating-count {
	font-size: 20px;
	color: #73738f;
	font-weight: 400;
	margin: 10px 0 20px 0;
}

.review-summary-block .logo {
	max-width: 120px;
}

.review-summary-block .review-stars {
	margin: 16px 0 0 0;
}

.review-summary-block .review-stars span {
	width: 40px;
	height: 40px;
	background: url('assets/images/sprite_icons.png') no-repeat left -118px top -141px;
	display: inline-block;
}

.review-summary-block .review-stars.rated-1 span:nth-child(-n+1), .review-stars.rated-2 span:nth-child(-n+2), .review-stars.rated-3 span:nth-child(-n+3), .review-stars.rated-4 span:nth-child(-n+4), .review-stars.rated-5 span:nth-child(-n+5) {
	width: 40px;
	height: 40px;
	background: url('assets/images/sprite_icons.png') no-repeat left -74px top -141px;
	display: inline-block;

}

.sr_review_container {
	padding: 15px;
}

.sr-review-container-top {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dcdce6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sr-review-container-top .user-icon{
    width:40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    margin-right: 4px;
    border-radius: 100%;
    font-weight:600;
    border:1px solid #e0e0e0;
	font-size: 17px;
}

.sr-review-container-top .user-cont h4 {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	font-weight: 700;
	line-height: 16px;
}

.sr-review-container-top .info {
	display: flex;
	align-items: center;
}

.sr-review-container-top .info .review-count {
	font-size: 12px;
	font-weight: 400;
	color: #6c6c85;
	line-height: 16px;
	display: flex;
	align-items: center;
	margin-right: 13px;
}

.sr-review-container-top .info .review-count:before {
	content: " ";
	background: url(assets/images/sprite_icons.png) no-repeat left -34px top -141px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.sr-review-container-top .info .user-country {
	font-size: 12px;
	font-weight: 400;
	color: #6c6c85;
	line-height: 16px;
	display: flex;
	align-items: center;
}

.sr-review-container-top .info .user-country:before {
	content: " ";
	background: url(assets/images/sprite_icons.png) no-repeat left -47px top -141px;
	display: inline-block;
	width: 8px;
	height: 10px;
	margin-right: 5px;
}

.sr-review-container-bottom .review-stars {
	display: flex;
	margin-bottom: 10px;
}

.sr-review-container-bottom .review-stars span {
	width: 17px;
	height: 17px;
	background: url(assets/images/sprite_icons.png) no-repeat left -17px top -141px;
	display: inline-block;
}

.sr-review-container-bottom .review-stars.rated-1 span:nth-child(-n+1), .sr-review-container-bottom .review-stars.rated-2 span:nth-child(-n+2), .sr-review-container-bottom .review-stars.rated-3 span:nth-child(-n+3), .sr-review-container-bottom .review-stars.rated-4 span:nth-child(-n+4), .sr-review-container-bottom .review-stars.rated-5 span:nth-child(-n+5) {
	width: 17px;
	height: 17px;
	background: url(assets/images/sprite_icons.png) no-repeat left 0px top -141px;
	display: inline-block;
}

.sr-review-container-bottom .invited span {
	line-height: 16px;
	font-size: 13px;
	font-weight: 400;
	color: #6c6c85;
	position: relative;
	display: flex;
	align-items: center;
}

.invited span:before {
	content: " ";
	background: url(assets/images/sprite_icons.png) no-repeat left -57px top -141px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

.sr-review-container-bottom .user-content h3 {
	color: #191919;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 5px;
	margin-top: 14px;
}

.sr-review-container-bottom .user-content p {
	font-size: 13px;
	line-height: 16px;
	color: #191919;
	font-weight: 400;
}

section.home-reviews {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 32px 16px;
}

.home-reviews-content {
	float: left;
	width: 100%;
	padding: 16px 16px 32px;
	background-color: #D5F5FF;
}

section.home-reviews h2 {
	font-weight: 700;
	color: #333;
	line-height: 45px;
	margin-bottom: 8px;
}

section.home-reviews p {
	color: #333;
	line-height: 25px;
	margin-bottom: 16px;
}

.home-reviews .customer_reviews_image {
	float: left;
	width: 300px;
	justify-content: center;
	text-align: center;
	padding: 15px;
	height: 284px;
	background-color: #fff;
}

.home-reviews .customer_reviews_image img {
	height: auto;
	margin: 0 auto;
}

.customer-review-wrapper-image {
	float: left;
	width: calc(100% - 320px);
	padding-left: 32px;
	position: relative;
}

body section.home-reviews .flex-direction-nav a {
	width: 24px;
	height: 24px;
}

body section.home-reviews .flex-direction-nav a.flex-next {
	right: -26px;
	text-align: right;
	background: url(assets/images/sprite_icons.png) no-repeat -273px -26px;
	border-radius: 24px;
	border: 1px solid #A2D3FF;
	transform: none;
}

body section.home-reviews .flex-direction-nav a.flex-prev {
	left: 6px;
	text-align: right;
	background: url(assets/images/sprite_icons.png) no-repeat -273px -26px;
	border-radius: 24px;
	border: 1px solid #A2D3FF;
	transform: rotate(-180deg);
}

body section.home-reviews .flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 20px;
	height: 20px;
	margin: -12px 0 0;
	border-radius: 0;
	opacity: 1;
	text-indent: 9999px;
	white-space: nowrap;
}

body .flex-direction-nav a:before {
	display: none;
}

body section.home-reviews .flex-direction-nav .flex-prev {
	left: -21px;
	background: url(assets/images/sprite_icons.png) no-repeat -163px -48px;
}

body section.home-reviews .flexslider:hover .flex-direction-nav .flex-prev {
	left: -21px !important;
}

body section.home-reviews .flexslider:hover .flex-direction-nav .flex-next {
	right: -24px !important
}

body section.home-reviews .flex-direction-nav .flex-next {
	right: -24px;
	text-align: right;
	background: url(assets/images/sprite_icons.png) no-repeat -163px -48px;
	transform: rotate(-180deg);
}

body section.home-reviews img {
	width: 100%;
	height: auto;
}

.customer-review-wrapper-image .flex-control-nav {
	display: none;
}

@media (max-width: 1119px) {
	section.home-reviews {
		padding: 32px 0;
		border: 0;
	}
}

@media (max-width: 1000px) {
	.home-reviews .customer_reviews_image {
		width: 100%;
		display: block;
		margin: 0 auto 16px;
		background-color: #fff;
	}

	.customer-review-wrapper-image {
		width: 100%;
	}

	.home-reviews .customer_reviews_image img {
		margin: 0 auto;
		height: auto;
		width: 300px;
	}
}

@media (max-width: 767px) {
	.home-reviews .customer_reviews_image img {
		margin: 0 auto;
	}

	section.home-reviews h2,
	section.home-reviews p {
		text-align: center;
	}

	.customer-review-wrapper-image {
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.home-reviews .flexslider_init .slides li {
		background-color: #fff;
	}
}

@media (min-width: 481px) {
	.home-reviews .flexslider_init .slides li {
		background-color: #fff;
	}
}

@media (min-width: 640px) {
	.sr-review-container-bottom .user-content {
		max-height: 150px;
		overflow: auto;
		padding-right: 10px;
	}
}

@media (min-width: 481px) and (max-width: 1000px) {
	.customer_reviews_slider.flexslider_init.customer-review-loaded .slides {
		display: flex;
	}
}

@media (max-width: 639px) {
	.home-reviews-content {
		background: none;
		padding-top: 0;
		padding-bottom: 16px;
	}
}

@media (max-width: 359px) {
	.home-reviews .customer_reviews_image img {
		margin: 0 auto;
		max-width: 185px;
	}
}

/*==========FOOTER===========*/
footer.footer-main {
	background: #00A9E0;
	width: 100%;
	padding: 32px 0 24px;
	border-radius: 5px 5px 0 0;
}

.order-gate {
	width: auto;
	height: auto;
	padding: 7.5px 12px;
	min-width: 224px;
	margin: 0 auto 9px auto;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	font-size: 20px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.footer-content {
	max-width: 790px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.footer-content h3 {
	color: white;
	display: inline-block;
	border-bottom: 3px solid #FE5000;
	padding-bottom: 3px;
	min-height: 56px;
	display: inline-flex;
	align-items: flex-end;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.store-4 .footer-content h3 {
	min-height: 82px;
}

.footer-nav {
	text-align: left;
}

.f-cols {
	float: left;
}

.f-cols.col1 {
	width: 185px;
	padding-right: 16px;
}

.f-cols.col2 {
	width: 280px;
}

.store-4 .f-cols.col2 {
	width: 252px;
}

.f-cols.col3 {
	width: 225px;
}

.f-cols.col4 {
	width: 100px;
}

.f-cols li {
	margin-bottom: 10px;
}

.f-cols li:last-child {
	margin-bottom: 0;
}

.f-cols li a {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.f-cols li a:hover {
	text-decoration: underline;
	color: #FE5000;
}

.footer-nav .current-menu-item a, .footer-nav a.current {
	color: #fe5000;
	text-decoration: underline;
}

.footer-certificate {
	margin: 32px 0;
	float: left;
	width: 100%;
}

.footer-certificate img {
	display: block;
	margin: 0 auto;
}

.copyright {
	width: 100%;
	float: left;
	text-align: center;
}

html body .copyright p {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
}

@media(min-width: 641px) {
	.f-cols.col1 h3 {
		width: 80px;
	}

	.f-cols.col2 h3 {
		width: 176px;
	}

	.f-cols.col3 h3 {
		width: 112px;
	}

	.f-cols.col4 h3 {
		width: 96px;
	}
}

@media (max-width: 1119px) {

	.f-cols li a,
	.copyright p,
	.footer-content h3 {
		font-size: 19px;
	}

	.footer-content h3 {
		line-height: 23px;
	}

	.f-cols li a {
		line-height: 28px;
	}

	.footer-content {
		max-width: 690px;
	}

	.f-cols.col1 {
		width: 144px;
	}

	body:not(.just) .f-cols.col2 {
		width: 238px;
	}

	.f-cols.col3 {
		width: 210px;
	}

	.f-cols.col4 {
		width: 98px;
	}

	.order-gate {
		margin-bottom: 6px;
		width: 215px;
		font-size: 19px;
	}
}

@media (max-width: 1023px) {

	.f-cols li a,
	.copyright p,
	.footer-content h3 {
		font-size: 18px;
	}

	.footer-content h3 {
		line-height: 22px;
	}

	.order-gate {
		margin-bottom: 5px;
		font-size: 18px;
		min-width: 208px;
		padding: 6px 10px;
	}

	.f-cols li a {
		line-height: 27px;
	}

	.footer-content {
		max-width: 600px;
	}

	.f-cols.col1 {
		width: 124px;
	}

	body:not(.just) .f-cols.col2 {
		width: 210px;
	}

	.f-cols.col3 {
		width: 177px;
	}

	.f-cols.col4 {
		width: 89px;
	}
}

@media (max-width: 1000px) {
	.home-reviews .customer_reviews_image {
		width: 100%;
		display: block;
		margin: 0 auto 16px;
	}

	.home-reviews .customer_reviews_image img {
		margin: 0 auto;
	}

	.customer-review-wrapper-image {
		padding-left: 0;
		padding: 0 32px;
	}

	body section.home-reviews .flex-direction-nav a.flex-prev {
		right: 0;
	}

	body section.home-reviews .flex-direction-nav a.flex-next {
		right: 0;
	}
}

@media (max-width: 767px) {
	.customer-review-wrapper-image {
		width: 100%;

	}

	section.home-reviews h2,
	section.home-reviews p {
		text-align: center;
	}

	.order-gate {
		font-size: 17px;
	}
}

@media (min-width: 640px) and (max-width: 767px) {

	.f-cols li a,
	.copyright p,
	.footer-content h3 {
		font-size: 17px;
	}

	.footer-content h3 {
		line-height: 21px;
	}

	.f-cols li a {
		line-height: 25px;
	}

	.footer-content {
		max-width: 593px;
	}

	.f-cols.col1 {
		width: 127px;
	}

	body:not(.just) .f-cols.col2 {
		width: 208px;
	}

	.f-cols.col3 {
		width: 176px;
	}

	.f-cols.col4 {
		width: 82px;
	}
}

@media (min-width: 640px) and (max-width: 640px) {
	.f-cols.col1 h3 {
		width: 72px;
	}

	.f-cols.col2 h3 {
		width: 160px;
	}

	.f-cols.col3 h3 {
		width: 120px;
	}

	.f-cols.col4 h3 {
		width: 80px;
	}
}

@media (max-width: 639px) {
	.order-gate {
		font-size: 16px;
	}

	.footer-certificate {
		margin: 16px 0 8px;
	}

	.f-cols ul {
		display: none;
	}

	.f-cols h3 br {
		display: none;
	}

	.f-cols h3, .store-4 .f-cols h3 {
		text-align: center;
		display: block;
		border-bottom-width: 1px;
		min-height: 40px;
		margin: 0;
		padding: 0;
		line-height: 40px;
		font-size: 16px;
		position: relative;
	}

	.f-cols.col1,
	body:not(.just) .f-cols.col2,
	.store-4 .f-cols.col2,
	.f-cols.col3,
	.f-cols.col4 {
		width: 100%;
		padding: 0;
	}

	.copyright p {
		font-size: 16px;
		line-height: 20px;
	}

	.f-cols h3:before {
		width: 6px;
		height: 8px;
		background: url(assets/images/sprite_icons.png) no-repeat -217px -26px;
		top: calc(50% - 3px);
		position: absolute;
		content: " ";
		left: 112px;
	}

	.f-cols.active h3:before {
		background: url(assets/images/sprite_icons.png) no-repeat -217px -36px;
	}

	.f-cols li a {
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		display: block;
	}

	.f-cols.active ul {
		display: block;
	}

}

@media (max-width: 480px) {
	body section.home-reviews .flex-direction-nav a.flex-prev {
		left: -10px;
	}

	body section.home-reviews .flex-direction-nav a.flex-next {
		right: -10px;
	}

	.customer-review-wrapper-image {
		padding: 0 15px;
	}
}

@media (max-width: 479px) {
	.f-cols h3:before {
		left: 32px;
	}

}

/*=========CLEARFIX=========*/
.clearfix, .header-content:after,
.footer-content:after,
.home-banner:after,
nav:after,
footer.footer-main:after,
section.home-reviews:after,
.awards-slider-wrapper:after,
section.blocks-main-wrapper:after,
.footer-content:after,
header.header-wrapper:after,
section.home-reviews:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*======================Global Device Styles===========================*/
* {
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
}

@media screen and (max-width:1119px) {
	body {
		cursor: pointer;
	}
}

@media screen and (max-width:1023px) {}

@media screen and (max-width:767px) {}

@media screen and (max-width:639px) {}

@media screen and (max-width:479px) {}

/*======================Global Device Styles===========================*/

.smoothload {
	-webkit-animation: linear;
	-webkit-animation-name: showsmooth;
	-webkit-animation-duration: .5s;
}

@-webkit-keyframes showsmooth {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.top-slider-banner:not(.original) {
	height: 454px;
}

.top-slider-banner:not(.original) .flexslider .slides {
	display: flex;
	justify-content: space-between;
}

.top-slider-banner:not(.original) .flexslider .slides>li {
	height: 428px;
	width: 515px;
}

.top-slider-banner:not(.original) .flexslider .slides::after {
	display: none;
}

@media (max-width:1119px) {
	.top-slider-banner:not(.original) {
		min-height: 416px;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li {
		min-height: 369px;
		max-width: 450px;
	}
}

@media (max-width:1023px) {
	.top-slider-banner:not(.original) {
		min-height: 316px;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li {
		height: 270px;
		max-width: 322px;
	}
}


@media (max-width:767px) {
	.top-slider-banner:not(.original) {
		min-height: 496px;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li:first-child {
		display: none;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li {
		height: 450px;
		max-width: 558px;
		margin: 0 auto;
	}
}

@media (max-width:639px) {
	.top-slider-banner:not(.original) {
		min-height: 373px;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li {
		height: 328px;
		max-width: 398px;
	}
}

@media (max-width:479px) {
	.top-slider-banner:not(.original) {
		min-height: 272px;
	}

	.top-slider-banner:not(.original) .flexslider .slides>li {
		height: 226px;
		max-width: 238px;
	}
}

.woocommerce-order-pay #payment .wc-stripe-card-icons-container{
    float: none;
}

.woocommerce-order-pay #payment .wc_payment_method .radio01{
    display: flex;
    align-items: center;
}

/*  Gutenberg Blocks Template Styling */

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content {
    padding-block: 20px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-heading:not(h1):not(h2) {
    padding-block-start: 20px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image img {
    width: 100%;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text>.wp-block-media-text__content {
    padding: 0 4%;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
    padding-left: 0
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text.has-media-on-the-left .wp-block-media-text__content{
    padding-right: 0
}

@media(max-width:600px) {
    .page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text>.wp-block-media-text__content {
        padding: 0;
    }
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 20px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ul li,
.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ol li {
    list-style-position: inside;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 8px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ol {
    counter-reset: section;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ol li::before {
    margin-bottom: 20px;
    counter-increment: section;
    content: counter(section) ". ";
    position: absolute;
    left: 0;
    top: 0;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-media-text>.wp-block-media-text__media {
    align-self: flex-start;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ol, 
.page-template-gutenberg-blocks-template .wrapper .gutenberg-content ul,
.page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image{
    margin-bottom: 20px;
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content h2.wp-block-heading{
    margin-top: 50px;
}

@media(max-width:639px) {
    .page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image .alignright, 
    .page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image .alignleft{
        float: none;
        margin: 0 0 20px;
    }
    .page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image .alignright img,
     .page-template-gutenberg-blocks-template .wrapper .gutenberg-content .wp-block-image .alignleft img {
        width: 100% !important;
    }
}

.page-template-gutenberg-blocks-template .wrapper .gutenberg-content h4.wp-block-heading{
    margin-bottom: 10px;
}
.sr-table {
    overflow-x: auto;
    font-size: 18px;
}

.sr-table table {
    border-collapse: unset;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-spacing: 0;
}

.sr-table thead {
    border-bottom: 1px solid #999;
}
.sr-table thead tr{
    background: #dbdbdb;
}
.sr-table thead tr td, .sr-table thead tr td strong{
    font-weight:bold;
}
.sr-table tfoot {
    border-top: 3px solid
}

.sr-table td,.sr-table th {
    border: 1px solid;
    padding: .5em
}

.sr-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.sr-table .has-fixed-layout td,.sr-table .has-fixed-layout th {
    word-break: break-word
}

.sr-table.aligncenter,.sr-table.alignleft,.sr-table.alignright {
    display: table;
    width: auto
}

.sr-table.aligncenter td,.sr-table.aligncenter th,.sr-table.alignleft td,.sr-table.alignleft th,.sr-table.alignright td,.sr-table.alignright th {
    word-break: break-word
}

.sr-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.sr-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.sr-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.sr-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.sr-table.is-style-stripes {
    background-color: initial;
    border-collapse: inherit;
    border-spacing: 0
}

.sr-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.sr-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.sr-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.sr-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.sr-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.sr-table.is-style-stripes td,.sr-table.is-style-stripes th {
    border-color: #0000
}

.sr-table .has-border-color td,.sr-table .has-border-color th,.sr-table .has-border-color tr,.sr-table .has-border-color>* {
    border-color: inherit
}

.sr-table table[style*=border-top-color] tr:first-child,.sr-table table[style*=border-top-color] tr:first-child td,.sr-table table[style*=border-top-color] tr:first-child th,.sr-table table[style*=border-top-color]>,.sr-table table[style=border-top-color]>* td,.sr-table table[style*=border-top-color]>* th {
    border-top-color: inherit
}

.sr-table table[style*=border-top-color] tr:not(:first-child) {
    border-top-color: initial
}

.sr-table table[style*=border-right-color] td:last-child,.sr-table table[style*=border-right-color] th,.sr-table table[style*=border-right-color] tr,.sr-table table[style*=border-right-color]>* {
    border-right-color: inherit
}

.sr-table table[style*=border-bottom-color] tr:last-child,.sr-table table[style*=border-bottom-color] tr:last-child td,.sr-table table[style*=border-bottom-color] tr:last-child th,.sr-table table[style*=border-bottom-color]>,.sr-table table[style=border-bottom-color]>* td,.sr-table table[style*=border-bottom-color]>* th {
    border-bottom-color: inherit
}

.sr-table table[style*=border-bottom-color] tr:not(:last-child) {
    border-bottom-color: initial
}

.sr-table table[style*=border-left-color] td:first-child,.sr-table table[style*=border-left-color] th,.sr-table table[style*=border-left-color] tr,.sr-table table[style*=border-left-color]>* {
    border-left-color: inherit
}

.sr-table table[style*=border-style] td,.sr-table table[style*=border-style] th,.sr-table table[style*=border-style] tr,.sr-table table[style*=border-style]>* {
    border-style: inherit
}

.sr-table table[style*=border-width] td,.sr-table table[style*=border-width] th,.sr-table table[style*=border-width] tr,.sr-table table[style*=border-width]>* {
    border-style: inherit;
    border-width: inherit
}
.sr-table td, .sr-table th{
    font-weight: 300;
}
.wp-block-table table{
    font-size: 18px;
    border: 1px solid #e0e0e0;
    border-spacing: 0;
    border-collapse:unset;
}
.wp-block-table table thead{
    background-color: #e0e0e0;
    border-bottom-width: 0;
    border-color: #cccccc;
}
.wp-block-table table thead{
    text-align: left;
}

/* =====================================================================
   HEADER v2 â€” slim top bar + clean white nav
   Overrides all old header/nav CSS from preload-style.css
===================================================================== */

/* â”€â”€ Kill ALL old header/nav inflation from preload-style.css â”€â”€â”€â”€â”€â”€â”€ */
/* preload-style.css line 250 sets max-width:1120px on header+nav â€” override */
header.header-wrapper,
header.rag-topbar-header,
nav,
nav.rag-main-nav {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}
header.header-wrapper,
header.rag-topbar-header {
    background: #00A9E0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}
/* Kill floats that inflate header height */
.header-content,
.header-left,
.header-left a,
.header-left a img,
.header-left p,
.header-right,
.header-cards-wrapper,
.right-max,
.hr-last-row,
.caption { display: none !important; }
/* Kill nav-space */
.nav-space { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

/* â”€â”€ TOP ANNOUNCEMENT BAR (slim) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.rag-topbar-inner {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 7px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}
.rag-topbar-tagline {
    font-size: 12px !important;
    color: #0f172a !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    letter-spacing: .01em !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
}
.rag-topbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex-shrink: 0 !important;
}
.rag-topbar-link {
    font-size: 12px !important;
    color: #0f172a !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
    transition: color .15s !important;
}
.rag-topbar-link:hover { color: #0f172a !important; text-decoration: underline !important; }
.rag-topbar-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #FE5000 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background .2s !important;
    line-height: 1.5 !important;
    border: none !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
}
.rag-topbar-cart-btn:hover { background: #e04600 !important; color: #fff !important; }
.rag-topbar-cart-btn svg { flex-shrink: 0 !important; color: #fff !important; }
/* Hide country dropdown â€” lone â–¼ arrow was confusing the layout */
.rag-topbar-countries { display: none !important; }

/* -- Language switcher in top bar (GTranslate) - native styling, layout only -- */
.rag-topbar-lang {
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	position: relative !important;
	z-index: 1001 !important;
}
.rag-topbar-lang .gtranslate_wrapper {
	display: inline-block !important;
}

/* -- Compact + centred GTranslate widget (GTranslate hard-codes 173px wide,
   12pt Arial, 24px flag and line-height:0 — all of which misalign it) -- */
.rag-topbar-lang .gt_switcher {
	width: auto !important;
	position: relative !important;
	overflow: visible !important;
	line-height: normal !important;   /* GTranslate sets 0, which sinks the label */
	font-family: inherit !important;
	font-size: 12px !important;
}
.rag-topbar-lang .gt_switcher a {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1.25 !important;
	box-sizing: border-box !important;
}
.rag-topbar-lang .gt_switcher a img {
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	flex: 0 0 auto !important;
	vertical-align: middle !important;
}

/* Closed (selected) row */
.rag-topbar-lang .gt_switcher .gt_selected a {
	width: auto !important;
	padding: 3px 24px 3px 8px !important;
	font-size: 12px !important;
	border-radius: 4px !important;
}
.rag-topbar-lang .gt_switcher .gt_selected a:after {
	top: 50% !important;
	margin-top: -7px !important;
	height: 14px !important;
	width: 12px !important;
	right: 8px !important;
	background-size: 10px !important;
}

/* Dropdown rows — keep each row 30px so GTranslate's own height maths
   (flag_size + 6) still matches and no dead space appears at the bottom */
.rag-topbar-lang .gt_switcher .gt_option a {
	height: 30px !important;
	padding: 0 8px !important;
	font-size: 12px !important;
}
/* must beat the flex rule above, otherwise the current language is listed twice */
.rag-topbar-lang .gt_switcher .gt_option a.gt_current {
	display: none !important;
}

/* Dropdown overlays instead of stretching the announcement bar */
.rag-topbar-lang .gt_switcher .gt_option {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	width: 100% !important;
	min-width: 130px !important;
	z-index: 9999 !important;
	box-sizing: border-box !important;
}

/* â”€â”€ MAIN NAV BAR â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
nav,
nav.rag-main-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #e8f0f6 !important;
    box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;
    position: sticky !important;
    top: 34px !important;
    z-index: 999 !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Override .navbar-content */
.navbar-content,
.rag-nav-inner {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    gap: 0 !important;
    float: none !important;
    overflow: visible !important;
}

/* Logo */
.rag-nav-logo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin-right: 28px !important;
    text-decoration: none !important;
}
.rag-nav-logo img {
    height: 40px !important;
    width: auto !important;
    display: block !important;
    max-width: none !important;
}
.rag-nav-logo-text {
    font-size: 1.2rem !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

/* â”€â”€ Nav menu â€” override all old pipe/border/float rules â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
nav .menu,
nav.rag-main-nav .menu {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
    width: auto !important;
    float: none !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
/* Kill pipe separators */
nav .menu li,
nav.rag-main-nav .menu li {
    float: none !important;
    border-right: none !important;
    border-left: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
}
/* Top-level links â€” lighter weight like mockup */
nav .menu > li > a,
nav.rag-main-nav .menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #4a5568 !important;
    padding: 0 14px !important;
    height: 60px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color .15s !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
    letter-spacing: .01em !important;
}
nav .menu > li > a:hover,
nav.rag-main-nav .menu > li > a:hover { color: #FE5000 !important; }

/* Active item â€” just slightly darker, no orange */
nav .menu > li.current-menu-item > a,
nav .menu > li.current-menu-ancestor > a,
nav.rag-main-nav .menu > li.current-menu-item > a {
    color: #FE5000 !important;
    font-weight: 600 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 14px !important;
    height: 60px !important;
    border-bottom: none !important;
}

/* Dropdown arrow â€” always visible on items with sub-menus */
nav .menu > li.menu-item-has-children > a::after,
nav.rag-main-nav .menu > li.menu-item-has-children > a::after {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 3.5px solid transparent !important;
    border-right: 3.5px solid transparent !important;
    border-top: 4px solid currentColor !important;
    margin-left: 4px !important;
    opacity: .45 !important;
    flex-shrink: 0 !important;
    transition: opacity .15s !important;
}
nav .menu > li.menu-item-has-children:hover > a::after { opacity: .8 !important; }

/* Sub-menu dropdown */
nav .menu li .sub-menu,
nav .menu li ul,
nav.rag-main-nav .menu li ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.12) !important;
    border-radius: 10px !important;
    min-width: 210px !important;
    padding: 6px 0 !important;
    flex-direction: column !important;
    z-index: 500 !important;
    list-style: none !important;
    margin: 0 !important;
    border: 1px solid #e8f0f6 !important;
    float: none !important;
    height: auto !important;
    overflow: visible !important;
}
nav .menu li:hover > .sub-menu,
nav .menu li:hover > ul,
nav.rag-main-nav .menu li:hover > ul { display: flex !important; }

nav .menu li .sub-menu li,
nav.rag-main-nav .menu li ul li {
    height: auto !important;
    border: none !important;
    display: block !important;
    width: 100% !important;
}
nav .menu li .sub-menu li a,
nav.rag-main-nav .menu li ul li a {
    height: auto !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    border-bottom: none !important;
    display: block !important;
}
nav .menu li .sub-menu li a:hover { color: #FE5000 !important; background: #fff7ed !important; }

/* â”€â”€ CTA wrap (right side of nav) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.rag-nav-cta-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}
.rag-nav-order-btn {
    display: inline-block !important;
    background: #FE5000 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 9px 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background .2s, transform .15s !important;
    box-shadow: 0 4px 14px rgba(254,80,0,.3) !important;
    line-height: 1.4 !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
}
.rag-nav-order-btn,
.rag-nav-order-btn:link,
.rag-nav-order-btn:visited,
.rag-nav-order-btn:hover,
.rag-nav-order-btn:focus,
.rag-nav-viewcart-btn,
.rag-topbar-cart-btn,
.rag-topbar-cart-btn:link,
.rag-topbar-cart-btn:visited,
.rag-topbar-cart-btn:hover,
.rag-topbar-cart-btn:focus { text-decoration: none !important; }
.rag-nav-order-btn:hover {
    background: #e04600 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

/* Hide minicart btn visual but keep it functional as a click target for cart-drawer.js */
.btn-minicart {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Minicart wrapper â€” always out of flow so JS moving it into nav doesn't expand nav height */
.minicart-main-wrapper {
    position: fixed !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
    top: 0 !important;
    right: 0 !important;
}
/* The actual drawer is absolutely positioned and handles its own stacking */
.minicart-wrapper {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    pointer-events: auto !important;
}

/* â”€â”€ HAMBURGER BUTTON â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.rag-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 4px;
    cursor: pointer;
    background: transparent;
    border: none;
    margin-left: 12px;
    flex-shrink: 0;
}
.rag-hamburger-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 22px;
    height: 22px;
}
.rag-hamburger-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background: #334155;
    border-radius: 2px;
    transition: transform .3s, opacity .3s;
}
.rag-hamburger.rag-open .rag-hamburger-icon span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.rag-hamburger.rag-open .rag-hamburger-icon span:nth-child(2) { opacity: 0; }
.rag-hamburger.rag-open .rag-hamburger-icon span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
/* Hide label when menu is open (optional â€” shows X icon instead) */
.rag-hamburger.rag-open .rag-hamburger-label { display: none; }

/* â”€â”€ MOBILE SLIDE MENU â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.rag-mobile-menu {
    display: none;
    position: fixed;
    top: 88px; /* topbar + nav height */
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 998;
    overflow-y: auto;
    padding: 16px 0 40px;
    border-top: 1px solid #e8f0f6;
    box-shadow: 0 8px 32px rgba(0,0,0,.1);
    transform: translateY(-8px);
    opacity: 0;
    transition: opacity .25s, transform .25s;
}
.rag-mobile-menu.rag-menu-open {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.rag-mobile-menu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rag-mobile-menu ul li a {
    display: block !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
}
.rag-mobile-menu ul li a:hover,
.rag-mobile-menu ul li.current-menu-item > a { color: #FE5000 !important; }
/* Sub-items */
.rag-mobile-menu ul li ul { padding-left: 0 !important; }
.rag-mobile-menu ul li ul li a {
    padding-left: 40px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #64748b !important;
    background: #f8fafc !important;
}
/* Order CTA in mobile menu */
.rag-mobile-menu-cta {
    padding: 20px 24px 8px !important;
}
.rag-mobile-menu-cta a {
    display: block !important;
    background: #FE5000 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 13px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* â”€â”€ Desktop: hide mobile elements â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.mobile-nav { display: none !important; }
.rag-mobile-nav { display: none !important; }

/* â”€â”€ Mobile â€” single compact header bar â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
@media (max-width: 1023px) {
    /* Hide entire blue topbar on mobile */
    header.rag-topbar-header,
    header.header-wrapper { display: none !important; }

    /* Nav is the only header â€” flush to top */
    nav, nav.rag-main-nav {
        top: 0 !important;
        background: #fff !important;
        box-shadow: 0 1px 8px rgba(0,0,0,.09) !important;
        border-bottom: 1px solid #e8f0f6 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Compact nav inner â€” overflow:hidden locks height even if JS injects elements */
    .navbar-content,
    .rag-nav-inner {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0 14px !important;
        overflow: hidden !important;
    }
    /* Lock nav itself â€” global.min.js prepends minicart here on mobile */
    nav, nav.rag-main-nav {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        overflow: hidden !important;
    }

    /* Logo â€” small and tight */
    .rag-nav-logo {
        margin-right: 0 !important;
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
    }
    .rag-nav-logo img,
    .rag-nav-logo img[width] {
        height: 26px !important;
        width: auto !important;
        max-height: 26px !important;
        min-height: unset !important;
    }

    /* Hide desktop menu + CTA */
    nav .menu, nav.rag-main-nav .menu { display: none !important; }
    .rag-nav-cta-wrap { display: none !important; }

    /* Hamburger with MENU label */
    .rag-hamburger {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 6px !important;
        margin-left: auto !important;
        padding: 4px 0 !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        border: none !important;
    }
    .rag-hamburger-label {
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
        color: #334155 !important;
        line-height: 1 !important;
    }
    .rag-hamburger-icon {
        width: 18px !important;
        height: 18px !important;
        gap: 4px !important;
    }
    .rag-hamburger-icon span { height: 1.5px !important; background: #334155 !important; }

    /* Mobile menu offset â€” pointer-events:none prevents invisible overlay from intercepting taps */
    .rag-mobile-menu { top: 50px !important; display: block; pointer-events: none; }
    .rag-mobile-menu.rag-menu-open { pointer-events: auto !important; }

    /* Kill all legacy spacing */
    .sr-bread-crumb { display: none !important; }
    .nav-space, div.nav-space { display: none !important; height: 0 !important; }
    .mobile-nav, .rag-mobile-nav { display: none !important; }
}
