/* Independent Jahan Shoofazh two-row header — 1.19.0 */

.jspanel-site-header{
	position:relative;
	z-index:1000;
	width:100%;
	background:#fff;
	color:var(--jspanel-ink,#1c1e22);
}
.jspanel-header-slot{
	position:relative;
	width:100%;
	background:#fff;
}
.jspanel-header-row{
	position:relative;
	width:100%;
	background:#fff;
	transition:opacity .22s ease,transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease;
}
.jspanel-header-row.is-fixed{
	position:fixed;
	z-index:100001;
	top:var(--jspanel-header-fixed-top,0px);
	right:0;
	left:0;
	width:100%;
	box-shadow:0 5px 18px rgba(17,24,39,.055);
}
.jspanel-header-row.is-scroll-hidden{
	opacity:0;
	transform:translateY(-12px);
	visibility:hidden;
	pointer-events:none;
}
.jspanel-header-row--one{
	min-height:72px;
	border-bottom:1px solid #f0f1f2;
}
.jspanel-header-row--two{
	min-height:45px;
	border-bottom:1px solid var(--jspanel-line,#e8eaed);
}
.jspanel-header-container{
	width:min(1280px,calc(100% - 36px));
	margin:0 auto;
}
.jspanel-header-primary{
	display:grid;
	grid-template-columns:minmax(180px,250px) minmax(280px,1fr) auto;
	align-items:center;
	gap:24px;
	min-height:72px;
}
.jspanel-header-primary-start{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}
.jspanel-header-logo,
.jspanel-header-site-name{
	display:inline-flex;
	align-items:center;
	max-width:205px;
	color:inherit;
	font-size:20px;
	font-weight:900;
	text-decoration:none;
}
.jspanel-header-logo-image{
	display:block!important;
	width:auto!important;
	max-width:205px!important;
	max-height:52px!important;
	height:auto!important;
	object-fit:contain;
}
.jspanel-header-search{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	max-width:690px;
	margin:0;
}
.jspanel-header-search input[type=search]{
	width:100%;
	height:44px;
	margin:0!important;
	padding:0 44px 0 14px!important;
	border:1px solid transparent!important;
	border-radius:10px!important;
	background:#f1f2f4!important;
	color:#3f4348!important;
	font:inherit!important;
	font-size:11px!important;
	font-weight:500!important;
	outline:none!important;
	box-shadow:none!important;
	transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.jspanel-header-search input[type=search]:focus{
	border-color:#e3e5e8!important;
	background:#fff!important;
	box-shadow:0 0 0 3px rgba(17,24,39,.035)!important;
}
.jspanel-header-search button{
	position:absolute;
	right:7px;
	left:auto;
	top:5px;
	display:grid;
	place-items:center;
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	border:0;
	border-radius:8px;
	background:transparent!important;
	color:#8c9197;
	cursor:pointer;
	box-shadow:none!important;
}
.jspanel-header-search button:hover{
	background:transparent!important;
	color:#666b71;
}
.jspanel-header-search svg{
	width:17px;
	height:17px;
	transform:translateY(-1px);
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-header-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:3px;
}
.jspanel-header-action{
	position:relative;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	gap:2px;
	min-width:46px;
	min-height:46px;
	margin:0;
	padding:4px 5px;
	border:0!important;
	border-radius:9px;
	background:transparent!important;
	color:#4b4f55!important;
	font:inherit;
	text-decoration:none!important;
	box-shadow:none!important;
	cursor:pointer;
	transition:background .18s ease,color .18s ease;
}
.jspanel-header-action:hover{
	background:#f6f7f8!important;
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-header-action-icon{
	position:relative;
	display:grid;
	place-items:center;
	width:25px;
	height:25px;
}
.jspanel-header-action svg{
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.65;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-header-action-label{
	font-size:8.5px;
	font-weight:650;
	white-space:nowrap;
}
.jspanel-header-count{
	position:absolute;
	top:-5px;
	right:-7px;
	display:grid;
	place-items:center;
	min-width:17px;
	height:17px;
	padding:0 4px;
	border:2px solid #fff;
	border-radius:999px;
	background:var(--jspanel-primary,#e63946);
	color:#fff;
	font-size:7.5px;
	font-weight:850;
	line-height:1;
}
.jspanel-header-count.is-empty{
	display:none;
}
.jspanel-header-action--wishlist .jspanel-header-action-icon svg{
	transition:fill .18s ease;
}
.jspanel-header-action--wishlist.has-items .jspanel-header-action-icon svg{
	fill:var(--jspanel-primary,#e63946);
	stroke:var(--jspanel-primary,#e63946);
}

.jspanel-header-mobile-menu-button{
	display:none;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	margin:0;
	padding:0;
	border:0;
	border-radius:9px;
	background:#f6f7f8;
	color:#3f4349;
	cursor:pointer;
}
.jspanel-header-mobile-menu-button svg{
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
}

.jspanel-header-secondary{
	min-height:45px;
}
.jspanel-header-secondary-desktop{
	display:flex;
	align-items:center;
	min-height:45px;
	gap:18px;
}
.jspanel-header-secondary-mobile{
	display:none;
}
.jspanel-header-nav{
	flex:1 1 auto;
	min-width:0;
}
.jspanel-header-menu{
	display:flex;
	align-items:center;
	gap:20px;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.jspanel-header-menu li{
	position:relative;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.jspanel-header-menu>li>a{
	display:flex;
	align-items:center;
	min-height:44px;
	color:#4e5258!important;
	font-size:10.5px;
	font-weight:750;
	text-decoration:none!important;
	white-space:nowrap;
	transition:color .18s ease;
}
.jspanel-header-menu>li>a:hover,
.jspanel-header-menu>.current-menu-item>a,
.jspanel-header-menu>.current-menu-ancestor>a{
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-header-menu .sub-menu{
	position:absolute;
	z-index:20;
	top:100%;
	right:-12px;
	display:block;
	min-width:205px;
	margin:0!important;
	padding:8px!important;
	border:1px solid #e8eaed;
	border-radius:11px;
	background:#fff;
	box-shadow:0 12px 34px rgba(17,24,39,.11);
	list-style:none;
	opacity:0;
	visibility:hidden;
	transform:translateY(7px);
	transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.jspanel-header-menu li:hover>.sub-menu,
.jspanel-header-menu li:focus-within>.sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.jspanel-header-menu .sub-menu .sub-menu{
	top:-8px;
	right:100%;
}
.jspanel-header-menu .sub-menu a{
	display:block;
	padding:8px 10px;
	border-radius:7px;
	color:#5c6066!important;
	font-size:10px;
	font-weight:600;
	line-height:1.65;
	text-decoration:none!important;
	white-space:nowrap;
}
.jspanel-header-menu .sub-menu a:hover{
	background:#f7f8f9;
	color:var(--jspanel-primary,#e63946)!important;
}

.jspanel-header-categories{
	position:relative;
	flex:none;
	align-self:stretch;
	display:flex;
	align-items:center;
}
.jspanel-header-categories-trigger{
	display:flex;
	align-items:center;
	gap:7px;
	min-height:35px;
	margin:0;
	padding:6px 11px;
	border:0;
	border-radius:9px;
	background:var(--jspanel-primary,#e63946);
	color:#fff;
	font:inherit;
	font-size:10px;
	font-weight:800;
	cursor:pointer;
}
.jspanel-header-categories-trigger svg{
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-header-categories-menu{
	position:absolute;
	z-index:30;
	top:calc(100% - 3px);
	right:0;
	display:grid;
	grid-template-columns:1fr;
	width:245px;
	max-height:430px;
	padding:8px;
	overflow:auto;
	border:1px solid #e8eaed;
	border-radius:11px;
	background:#fff;
	box-shadow:0 15px 38px rgba(17,24,39,.12);
	opacity:0;
	visibility:hidden;
	transform:translateY(7px);
	transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.jspanel-header-categories:hover .jspanel-header-categories-menu,
.jspanel-header-categories:focus-within .jspanel-header-categories-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.jspanel-header-categories-menu a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:8px 10px;
	border-radius:7px;
	color:#55595f!important;
	font-size:10px;
	font-weight:650;
	text-decoration:none!important;
}
.jspanel-header-categories-menu a:hover{
	background:#f7f8f9;
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-header-categories-menu small{
	color:#a0a3a8;
	font-size:8px;
}
.jspanel-header-phone{
	display:flex;
	align-items:center;
	gap:6px;
	margin-right:auto;
	color:#52565c!important;
	font-size:10px;
	font-weight:750;
	text-decoration:none!important;
	white-space:nowrap;
}
.jspanel-header-phone:hover{
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-header-phone svg{
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/* Mobile drawer */
.jspanel-mobile-drawer{
	position:fixed;
	z-index:100100;
	inset:0;
	display:block;
	pointer-events:none;
	visibility:hidden;
}
.jspanel-mobile-drawer-panel{
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	width:min(340px,88vw);
	height:100dvh;
	padding:15px;
	overflow:auto;
	background:#fff;
	box-shadow:-20px 0 45px rgba(17,24,39,.16);
	transform:translateX(105%);
	transition:transform .28s cubic-bezier(.2,.7,.2,1);
}
.jspanel-mobile-drawer-backdrop{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:rgba(18,20,24,.3);
	opacity:0;
	transition:opacity .22s ease;
}
body.jspanel-mobile-menu-open{
	overflow:hidden;
}
body.jspanel-mobile-menu-open .jspanel-mobile-drawer{
	pointer-events:auto;
	visibility:visible;
}
body.jspanel-mobile-menu-open .jspanel-mobile-drawer-panel{
	transform:translateX(0);
}
body.jspanel-mobile-menu-open .jspanel-mobile-drawer-backdrop{
	opacity:1;
}
.jspanel-mobile-drawer-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding-bottom:13px;
	border-bottom:1px solid #eceef0;
}
.jspanel-mobile-drawer-head strong{
	font-size:13px;
	font-weight:900;
}
.jspanel-mobile-drawer-head button{
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	padding:0;
	border:0;
	border-radius:8px;
	background:#f5f6f7;
	color:#55595f;
	cursor:pointer;
}
.jspanel-mobile-drawer-head svg{
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
}
.jspanel-mobile-nav{
	padding:10px 0;
	border-bottom:1px solid #eceef0;
}
.jspanel-header-menu--mobile{
	display:block!important;
}
.jspanel-header-menu--mobile li{
	display:block;
}
.jspanel-header-menu--mobile>li>a,
.jspanel-header-menu--mobile .sub-menu a{
	display:block;
	min-height:0!important;
	padding:9px 7px!important;
	border-radius:7px;
	color:#4f5359!important;
	font-size:11px!important;
	font-weight:700!important;
	line-height:1.65;
}
.jspanel-header-menu--mobile .sub-menu{
	position:static!important;
	display:block!important;
	min-width:0!important;
	margin:0 11px 3px 0!important;
	padding:0 8px 0 0!important;
	border:0!important;
	border-right:1px solid #eceef0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	opacity:1!important;
	visibility:visible!important;
	transform:none!important;
}
.jspanel-header-menu--mobile .sub-menu a{
	color:#777b81!important;
	font-size:10px!important;
	font-weight:600!important;
}
.jspanel-mobile-categories{
	display:flex;
	flex-direction:column;
	gap:2px;
	padding:13px 0;
	border-bottom:1px solid #eceef0;
}
.jspanel-mobile-categories>strong{
	margin-bottom:4px;
	color:#92959a;
	font-size:9px;
	font-weight:800;
}
.jspanel-mobile-categories a,
.jspanel-mobile-quick-links a{
	display:block;
	padding:8px 7px;
	border-radius:7px;
	color:#55595f!important;
	font-size:10.5px;
	font-weight:650;
	text-decoration:none!important;
}
.jspanel-mobile-categories a:hover,
.jspanel-mobile-quick-links a:hover{
	background:#f7f8f9;
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-mobile-quick-links{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4px;
	padding-top:13px;
}

/* Login/Register remains deliberately headerless. */
body.wma-auth-page .jspanel-site-header{
	display:none!important;
}

@media(max-width:980px){
	.jspanel-header-container{
		width:min(100% - 24px,940px);
	}
	.jspanel-header-primary{
		grid-template-columns:minmax(145px,190px) minmax(220px,1fr) auto;
		gap:14px;
	}
	.jspanel-header-action-label{
		display:none;
	}
	.jspanel-header-action{
		min-width:38px;
	}
	.jspanel-header-menu{
		gap:13px;
	}
}
@media(max-width:767px){
	.jspanel-header-row--one{
		min-height:58px;
	}
	.jspanel-header-row--two{
		min-height:52px;
	}
	.jspanel-header-primary{
		display:flex;
		justify-content:space-between;
		min-height:58px;
		gap:10px;
	}
	.jspanel-header-primary-start{
		flex:1 1 auto;
	}
	.jspanel-header-mobile-menu-button{
		display:flex;
		flex:none;
	}
	.jspanel-header-logo,
	.jspanel-header-site-name{
		max-width:145px;
		font-size:16px;
	}
	.jspanel-header-logo-image{
		max-width:145px!important;
		max-height:40px!important;
	}
	.jspanel-header-search--desktop{
		display:none!important;
	}
	.jspanel-header-actions{
		flex:none;
	}
	.jspanel-header-action--optional-mobile{
		display:none!important;
	}
	.jspanel-header-action{
		min-width:34px;
		min-height:38px;
		padding:2px;
	}
	.jspanel-header-action-icon{
		width:25px;
		height:25px;
	}
	.jspanel-header-action svg{
		width:19px;
		height:19px;
	}
	.jspanel-header-secondary{
		min-height:52px;
	}
	.jspanel-header-secondary-desktop{
		display:none;
	}
	.jspanel-header-secondary-mobile{
		display:flex;
		align-items:center;
		min-height:52px;
	}
	.jspanel-header-search--mobile{
		display:flex;
		max-width:none;
	}
	.jspanel-header-search input[type=search]{
		height:38px;
		font-size:10.5px!important;
	}
	.jspanel-header-search button{
		top:2px;
	}
}


/* 1.20.0 - dark theme controls. */
.jspanel-header-logo-image--dark{
	display:none!important;
}
html.jspanel-theme-dark .jspanel-header-logo-image--light,
body.jspanel-theme-dark .jspanel-header-logo-image--light{
	display:none!important;
}
html.jspanel-theme-dark .jspanel-header-logo-image--dark,
body.jspanel-theme-dark .jspanel-header-logo-image--dark{
	display:block!important;
}
.jspanel-header-theme-toggle{
	appearance:none;
	border:0!important;
	background:transparent!important;
	font-family:inherit;
	box-shadow:none!important;
	cursor:pointer;
}
.jspanel-header-theme-toggle.is-active{
	color:var(--jspanel-primary,#e63946)!important;
	background:transparent!important;
}
.jspanel-header-theme-toggle.is-active:hover{
	background:#f6f7f8!important;
}


/* 1.20.1 - Digikala-like search + unified header actions. */
html.jspanel-theme-dark .jspanel-header-search input[type=search]{
	background:#23272c!important;
	border-color:transparent!important;
	color:#eef1f4!important;
}
html.jspanel-theme-dark .jspanel-header-search input[type=search]:focus{
	background:#1c2024!important;
	border-color:#34393f!important;
	box-shadow:0 0 0 3px rgba(255,255,255,.025)!important;
}
html.jspanel-theme-dark .jspanel-header-search button{
	background:transparent!important;
	color:#8f969e!important;
}
html.jspanel-theme-dark .jspanel-header-action{
	background:transparent!important;
}
html.jspanel-theme-dark .jspanel-header-action:hover{
	background:#20242a!important;
}
html.jspanel-theme-dark .jspanel-header-theme-toggle.is-active{
	background:transparent!important;
}
html.jspanel-theme-dark .jspanel-header-theme-toggle.is-active:hover{
	background:#20242a!important;
}


/* 1.21.0 - live AJAX product search. */
.jspanel-header-search{
	z-index:45;
}
.jspanel-search-live[hidden]{
	display:none!important;
}
.jspanel-search-live{
	position:absolute;
	z-index:100;
	top:calc(100% + 7px);
	right:0;
	left:0;
	overflow:hidden;
	border:1px solid #e5e7ea;
	border-radius:12px;
	background:#fff;
	box-shadow:0 15px 42px rgba(17,24,39,.13);
}
.jspanel-search-live-status{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:42px;
	padding:9px 12px;
	color:#858a90;
	font-size:10px;
}
.jspanel-search-live-status:empty{
	display:none;
}
.jspanel-search-live-results{
	display:flex;
	flex-direction:column;
	max-height:min(430px,60vh);
	overflow:auto;
}
.jspanel-search-result{
	display:grid;
	grid-template-columns:54px minmax(0,1fr);
	align-items:center;
	gap:10px;
	min-height:69px;
	padding:7px 10px;
	border-top:1px solid #f0f1f2;
	color:#44484e!important;
	text-decoration:none!important;
	transition:background .14s ease;
}
.jspanel-search-live-results .jspanel-search-result:first-child{
	border-top:0;
}
.jspanel-search-result:hover,
.jspanel-search-result:focus{
	background:#f8f9fa;
	color:#33363b!important;
	outline:none;
}
.jspanel-search-result-image{
	display:grid;
	place-items:center;
	width:54px;
	height:54px;
	overflow:hidden;
	border-radius:9px;
	background:#f7f8f9;
}
.jspanel-search-result-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}
.jspanel-search-result-main{
	display:flex;
	flex-direction:column;
	gap:7px;
	min-width:0;
}
.jspanel-search-result-main>strong{
	display:block;
	overflow:hidden;
	color:inherit;
	font-size:10.5px;
	font-weight:750;
	line-height:1.65;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.jspanel-search-result-meta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	min-width:0;
}
.jspanel-search-result-meta small{
	flex:none;
	font-size:8.5px;
	font-weight:700;
}
.jspanel-search-result-meta small.is-in-stock{
	color:#16834c;
}
.jspanel-search-result-meta small.is-out-of-stock{
	color:#9a9da2;
}
.jspanel-search-result-price{
	margin-right:auto;
	color:#33373c;
	font-size:9.5px;
	font-weight:800;
	white-space:nowrap;
}
.jspanel-search-result-price del{
	margin-left:5px;
	color:#a3a6aa;
	font-size:8px;
	font-weight:500;
}
.jspanel-search-result-price ins{
	color:inherit;
	text-decoration:none;
}
.jspanel-search-live-all{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:39px;
	padding:8px 12px;
	border-top:1px solid #eceef0;
	color:var(--jspanel-primary,#e63946)!important;
	font-size:10px;
	font-weight:800;
	text-decoration:none!important;
}
.jspanel-search-live-all:hover{
	background:#fff8f8;
}
.jspanel-search-loader{
	width:15px;
	height:15px;
	border:2px solid #dedfe2;
	border-top-color:var(--jspanel-primary,#e63946);
	border-radius:50%;
	animation:jspanel-search-spin .65s linear infinite;
}
@keyframes jspanel-search-spin{
	to{transform:rotate(360deg)}
}

html.jspanel-theme-dark .jspanel-search-live{
	border-color:#30353b;
	background:#171a1e;
	box-shadow:0 16px 44px rgba(0,0,0,.34);
}
html.jspanel-theme-dark .jspanel-search-result{
	border-color:#292d32;
	color:#e5e8eb!important;
}
html.jspanel-theme-dark .jspanel-search-result:hover,
html.jspanel-theme-dark .jspanel-search-result:focus{
	background:#20242a;
}
html.jspanel-theme-dark .jspanel-search-result-image{
	background:#20242a;
}
html.jspanel-theme-dark .jspanel-search-result-price{
	color:#eef1f4;
}
html.jspanel-theme-dark .jspanel-search-live-all{
	border-color:#2d3237;
}
html.jspanel-theme-dark .jspanel-search-live-all:hover{
	background:#20242a;
}
html.jspanel-theme-dark .jspanel-search-loader{
	border-color:#3c4147;
	border-top-color:var(--jspanel-primary,#e63946);
}

@media(max-width:767px){
	.jspanel-search-live{
		top:calc(100% + 5px);
		border-radius:10px;
	}
	.jspanel-search-live-results{
		max-height:min(380px,52vh);
	}
	.jspanel-search-result{
		grid-template-columns:48px minmax(0,1fr);
		min-height:63px;
		padding:7px 8px;
	}
	.jspanel-search-result-image{
		width:48px;
		height:48px;
	}
}


/* 1.21.1 - complete dark background for the lower header/category zone. */
html.jspanel-theme-dark .jspanel-header-secondary,
html.jspanel-theme-dark .jspanel-header-secondary-desktop,
html.jspanel-theme-dark .jspanel-header-secondary-mobile,
html.jspanel-theme-dark .jspanel-header-nav,
html.jspanel-theme-dark .jspanel-header-categories{
	background:#171a1e!important;
}
html.jspanel-theme-dark .jspanel-header-categories-trigger{
	background:var(--jspanel-primary,#e63946)!important;
	color:#fff!important;
	box-shadow:none!important;
}
html.jspanel-theme-dark .jspanel-header-categories-menu{
	background:#171a1e!important;
	border-color:#30353a!important;
}
html.jspanel-theme-dark .jspanel-header-categories-menu a{
	color:#d9dde1!important;
}
html.jspanel-theme-dark .jspanel-header-categories-menu small{
	color:#838a92!important;
}


/* 1.35.53 — header sizing refinement.
   Row 1: +10% for controls/content, logo intentionally unchanged.
   Row 2: +20% for all visible controls/content.
   Real dimensions are changed instead of transform:scale(), so sticky,
   dropdown and pointer geometry remain correct. */

/* ---------- Row 1 / desktop & tablet: +10% except logo ---------- */
.jspanel-header-row--one .jspanel-header-primary{
	gap:26.4px;
}
.jspanel-header-row--one .jspanel-header-search{
	max-width:759px;
}
.jspanel-header-row--one .jspanel-header-search input[type=search]{
	height:48.4px;
	padding-right:48.4px!important;
	padding-left:15.4px!important;
	border-radius:11px!important;
	font-size:12.1px!important;
}
.jspanel-header-row--one .jspanel-header-search button{
	top:50%;
	right:7.7px;
	width:35.2px;
	height:35.2px;
	border-radius:8.8px;
	transform:translateY(-50%);
}
.jspanel-header-row--one .jspanel-header-search button svg{
	width:18.7px;
	height:18.7px;
}
.jspanel-header-row--one .jspanel-header-actions{
	gap:3.3px;
}
.jspanel-header-row--one .jspanel-header-action{
	min-width:50.6px;
	min-height:50.6px;
	gap:2.2px;
	padding:4.4px 5.5px;
	border-radius:9.9px;
}
.jspanel-header-row--one .jspanel-header-action-icon{
	width:27.5px;
	height:27.5px;
}
.jspanel-header-row--one .jspanel-header-action svg{
	width:22px;
	height:22px;
}
.jspanel-header-row--one .jspanel-header-action-label{
	font-size:9.35px;
}
.jspanel-header-row--one .jspanel-header-count{
	top:-5.5px;
	right:-7.7px;
	min-width:18.7px;
	height:18.7px;
	padding-inline:4.4px;
	border-width:2.2px;
	font-size:8.25px;
}
.jspanel-header-row--one .jspanel-header-mobile-menu-button{
	width:41.8px;
	height:41.8px;
	border-radius:9.9px;
}
.jspanel-header-row--one .jspanel-header-mobile-menu-button svg{
	width:22px;
	height:22px;
}

/* Logo stays exactly at its previous dimensions. */
.jspanel-header-row--one .jspanel-header-logo,
.jspanel-header-row--one .jspanel-header-site-name{
	max-width:205px;
}
.jspanel-header-row--one .jspanel-header-logo-image{
	max-width:205px!important;
	max-height:52px!important;
}

/* ---------- Row 2 / desktop: +20% ---------- */
@media(min-width:768px){
	.jspanel-header-row--two,
	.jspanel-header-row--two .jspanel-header-secondary,
	.jspanel-header-row--two .jspanel-header-secondary-desktop{
		min-height:54px;
	}
	.jspanel-header-row--two .jspanel-header-secondary-desktop{
		gap:21.6px;
	}
	.jspanel-header-row--two .jspanel-header-menu{
		gap:24px;
	}
	.jspanel-header-row--two .jspanel-header-menu>li>a{
		min-height:52.8px;
		font-size:12.6px;
	}
	.jspanel-header-row--two .jspanel-header-categories-trigger{
		gap:8.4px;
		min-height:42px;
		padding:7.2px 13.2px;
		border-radius:10.8px;
		font-size:12px;
	}
	.jspanel-header-row--two .jspanel-header-categories-trigger svg{
		width:19.2px;
		height:19.2px;
	}
	.jspanel-header-row--two .jspanel-header-phone{
		gap:7.2px;
		font-size:12px;
	}
	.jspanel-header-row--two .jspanel-header-phone svg{
		width:19.2px;
		height:19.2px;
	}
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
	/* Row 1 remains +10%; override the older mobile reductions. */
	.jspanel-header-row--one .jspanel-header-primary{
		gap:11px;
	}
	.jspanel-header-row--one .jspanel-header-action{
		min-width:37.4px;
		min-height:41.8px;
		padding:2.2px;
	}
	.jspanel-header-row--one .jspanel-header-action-icon{
		width:27.5px;
		height:27.5px;
	}
	.jspanel-header-row--one .jspanel-header-action svg{
		width:20.9px;
		height:20.9px;
	}
	.jspanel-header-row--one .jspanel-header-mobile-menu-button{
		width:41.8px;
		height:41.8px;
	}

	/* Keep the mobile logo at the original mobile size. */
	.jspanel-header-row--one .jspanel-header-logo,
	.jspanel-header-row--one .jspanel-header-site-name{
		max-width:145px;
		font-size:16px;
	}
	.jspanel-header-row--one .jspanel-header-logo-image{
		max-width:145px!important;
		max-height:40px!important;
	}

	/* Row 2 on mobile is the search row: +20%. */
	.jspanel-header-row--two,
	.jspanel-header-row--two .jspanel-header-secondary,
	.jspanel-header-row--two .jspanel-header-secondary-mobile{
		min-height:62.4px;
	}
	.jspanel-header-row--two .jspanel-header-search input[type=search]{
		height:45.6px;
		padding-right:52.8px!important;
		padding-left:16.8px!important;
		border-radius:12px!important;
		font-size:12.6px!important;
	}
	.jspanel-header-row--two .jspanel-header-search button{
		top:50%;
		right:8.4px;
		width:38.4px;
		height:38.4px;
		border-radius:9.6px;
		transform:translateY(-50%);
	}
	.jspanel-header-row--two .jspanel-header-search button svg{
		width:20.4px;
		height:20.4px;
	}
}
