/* Always-active full-width search bar */
#searchbtn.se-search-bar{display:flex;align-items:center;gap:0;width:100%;position:relative;}

/* Some headers use the class without the #searchbtn id (responsive/duplicated markup). */
.se-search-bar{position:relative;}

/* Glassy integration: apply glass effect to the wrapper, keep input itself transparent */
#searchbtn.se-search-bar.glassy-btn1{
	margin-top:0;
	margin-bottom:0;
	min-height:42px;
	border-radius:10px;
}

#searchbtn.se-search-bar.glassy-btn1 .se-search-icon{
	position:absolute !important;
	z-index:2;
}

#searchbtn.se-search-bar.glassy-btn1 input.se-search-input{
	background:transparent !important;
	background-color:transparent !important;
	background-image:none !important;
	border:0 !important;
	box-shadow:none !important;
}
.se-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);
	display:flex;align-items:center;justify-content:center;color:var(--e-global-color-primary);pointer-events:none;}
.se-search-icon svg{width:18px;height:18px;display:block;}
.se-search-input{flex:1;border:1px solid var( --e-global-color-text );
	background-color:var(--e-global-color-secondary);
	border-radius:10px;
	height:42px;
	padding:0 24px 0 48px;
	line-height:42px;
	box-sizing:border-box;
	outline:none;color:var(--e-global-color-primary);
	font-family:var(--e-global-typography-accent-font-family), Sans-serif;
	font-size:var(--e-global-typography-accent-font-size);
	font-weight:var(--e-global-typography-accent-font-weight);
	font-style:var(--e-global-typography-accent-font-style);
	text-decoration:var(--e-global-typography-accent-text-decoration);
	line-height:var(--e-global-typography-accent-line-height);
	letter-spacing:var(--e-global-typography-accent-letter-spacing);
	word-spacing:var(--e-global-typography-accent-word-spacing);
}
.se-search-input::placeholder{color:var(--e-global-color-primary);opacity:.6}

/* Override global input left padding for our search input only */
#searchbtn.se-search-bar input.se-search-input{padding-left:42px !important}

/* Clear (×) button inside the header search input */
.se-search-bar.has-clear input.se-search-input{padding-right:48px !important;}
#searchbtn.se-search-bar.has-clear input.se-search-input{padding-right:48px !important;}

/* Use high-specificity + !important to defeat theme/button styles */
.se-search-bar .se-search-clear,
#searchbtn.se-search-bar .se-search-clear{
	position:absolute !important;
	right:12px !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	z-index: 5 !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:24px !important;
	height:24px !important;
	min-width:24px !important;
	min-height:24px !important;
	max-width:24px !important;
	max-height:24px !important;
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	border-radius:999px !important;
	background:transparent !important;
	background-color:transparent !important;
	box-shadow:none !important;
	text-shadow:none !important;
	color:var(--e-global-color-primary) !important;
	font-size:18px !important;
	font-weight:600 !important;
	line-height:1 !important;
	opacity:0;
	visibility:hidden;
	transition: opacity 150ms ease;
	pointer-events:none;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
}

.se-search-bar.se-has-value .se-search-clear{
	opacity:0.7 !important;
	visibility:visible !important;
	pointer-events:auto;
}

#searchbtn.se-search-bar.se-has-value .se-search-clear{opacity:0.7;visibility:visible !important;pointer-events:auto;}

.se-search-bar .se-search-clear:hover{
	opacity:1;
	background:transparent;
}

.se-search-bar .se-search-clear:focus-visible{
	opacity:1;
	background:transparent;
	outline:2px solid color-mix(in srgb, var(--e-global-color-primary) 55%, transparent);
	outline-offset:2px;
}

/* Active glow only while dropdown is open */
#searchbtn.se-search-bar.se-active input.se-search-input,
#searchbtn.se-search-bar input.se-search-input.se-active{
	border-width:0 !important;
	box-shadow: 0 0 10px 0 rgba(94, 207, 255, 0.12);
}

/* Remove bottom border-radius from main header when search results are open for seamless expansion */
#mainheader.se-results-open{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	position: relative;
	z-index: 1001;
}

/* Results box spanning header width - inherits from glassy1 with extra blur */
#se-search-results.se-search-results{position:fixed;left:0;top:0;width:auto;max-width:100vw;
	z-index:1000;
	pointer-events:none;
	--blur: 40px;
	--bg-alpha: 0.82;
	--tint: 42%;
	--sheen-opacity: 0.92;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	max-height:0;
	opacity:0;
	transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
}
#se-search-results.se-open{
	display:block;
	max-height:70vh;
	opacity:1;
	pointer-events:auto;
}
.se-results-placeholder{min-height:120px}

/* Header dropdown: left list "day/night switch" style (vertical milky slider) */
#se-search-results .se-left{
	position:relative;
	padding:8px 8px;
}

#se-search-results .se-left .se-left-highlight{
	position:absolute;
	left:8px;
	right:8px;
	top:0;
	height:var(--se-left-hl-h, 0px);
	border-radius:14px;
	pointer-events:none;
	z-index:0;
	opacity:0;
	will-change: transform, height, opacity;

	transform: translate3d(0, var(--se-left-hl-y, 0px), 0);
	transition:
		transform 420ms cubic-bezier(1, 0, 0.4, 1),
		height 240ms cubic-bezier(0.5, 0, 0, 1),
		opacity 180ms ease;
}

#se-search-results .se-left .se-left-highlight__inner{
	width:100%;
	height:100%;
	border-radius:inherit;

	background-color: color-mix(in srgb, var(--c-glass) 36%, transparent);
	backdrop-filter: blur(10px) saturate(160%);
	-webkit-backdrop-filter: blur(10px) saturate(160%);

	box-shadow:
		inset 0 0 0 1px rgba(255 255 255 / 0.18),
		inset 2px 1px 0px -1px rgba(255 255 255 / 0.38),
		inset -1.5px -1px 0px -1px rgba(255 255 255 / 0.28),
		inset -1px 2px 3px -1px rgba(0 0 0 / 0.12),
		0px 1px 8px rgba(0 0 0 / 0.07);

	will-change: transform;
}

#se-search-results .se-left[data-hl-ready="1"] .se-left-highlight{opacity:1;}

#se-search-results .se-list{position:relative;z-index:1;}
#se-search-results .se-list .se-list-item{
	position:relative;
	z-index:1;
	border-radius:14px;
	background:transparent;
	transition: color 160ms ease, transform 160ms ease;
}

/* Override old flat hover background just for the dropdown */
#se-search-results .se-list li:hover,
#se-search-results .se-list li.active{background:transparent;}

#se-search-results .se-list .se-list-item:hover,
#se-search-results .se-list .se-list-item.active{color: var(--e-global-color-primary);}

#se-search-results .se-list .se-list-item:hover .se-thumb{transform: scale(1.08);}
#se-search-results .se-list .se-thumb{transition: transform 200ms cubic-bezier(0.5, 0, 0, 1);}

/* Header results layout */
#se-search-results .se-wrap{display:grid;grid-template-columns:340px 1fr;height:100%;max-height:70vh;}
#se-search-results .se-empty{color:#547792;font-size:13px;padding:12px}
#se-search-results .se-loading{padding:16px;color:#547792}
#se-search-results .se-see-all{margin:0;border-top:1px solid var(--se-border);padding:8px 12px}
#se-search-results .se-see-all a{font-size:12px;color:#37566b;letter-spacing:.04em;font-weight:600;text-decoration:none;text-transform:uppercase}
#se-search-results .se-see-all a:hover{text-decoration:underline}

/* ============================================================
   Responsive: header search results dropdown
   Breakpoints (Elementor): 767 / 880 / 1024 / 1280 / 1535
   ============================================================ */

/* Tablet portrait (<= 1024px): slightly narrower left column + tighter padding */
@media (max-width: 1024px){
	#se-search-results.se-open{max-height:75vh;}
	#se-search-results .se-wrap{grid-template-columns:300px 1fr;}
	#se-search-results .se-right{padding:16px;}
	#se-search-results .se-right-detail{grid-template-columns:1fr 1fr;gap:12px;}
	#se-search-results .se-right-detail .title{font-size:22px;}
}

/* Mobile landscape + small tablets (<= 880px): stack left/right vertically */
@media (max-width: 880px){
	/* Fit remaining viewport below header (uses JS-provided --se-results-top) */
	#se-search-results.se-open{
		max-height:calc(100dvh - var(--se-results-top, 0px));
		height:calc(100dvh - var(--se-results-top, 0px));
		overflow:hidden;
	}
	#se-search-results.se-search-results{overscroll-behavior:contain;}

	#se-search-results .se-wrap{
		grid-template-columns:1fr;
		grid-template-rows:1fr;
		max-height:none;
		height:100%;
	}

	#se-search-results .se-left{
		border-right:none;
		border-bottom:1px solid var(--se-border);
		height:100%;
		max-height:none;
		overflow:auto;
		-webkit-overflow-scrolling:touch;
		direction:ltr;
		padding:10px 10px;
	}
	#se-search-results .se-left > *{direction:ltr;}

	#se-search-results .se-right{
		display:none;
	}

	#se-search-results .se-right-detail{grid-template-columns:1fr;gap:12px;}
	#se-search-results .se-right-detail .content{overflow:visible;}

	/* Make media (image/3D) usable without forcing huge height */
	#se-search-results .se-3d-wrap .se3d-viewer-container{min-height:320px;}
	#se-search-results .se-right-detail .viewer.se-3d-wrap.se3d-viewer-deferred{min-height:320px;}
	#se-search-results .se-right .pdf-canvas-container{max-height:200px;}
	#se-search-results .se-right .datablad-pdf-viewer{flex:0 0 100%;max-width:100%;}
}

/* Mobile portrait (<= 767px): touch-friendly spacing + bigger hit targets */
@media (max-width: 767px){
	#se-search-results.se-open{max-height:calc(100dvh - var(--se-results-top, 0px));}

	#se-search-results .se-left{padding:10px 12px;}
	#se-search-results .se-section-title{padding:10px 10px 6px 10px;}
	#se-search-results .se-list li{padding:10px 10px;}
	#se-search-results .se-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:10px;}
	#se-search-results .se-title{font-size:14px;}
	#se-search-results .se-sub{font-size:12px;}

	#se-search-results .se-right{padding:12px;}
	#se-search-results .se-right-detail .title{font-size:20px;}
	#se-search-results .se-right-detail .sku{font-size:12px;}

	/* Dropdown selects/buttons: more comfortable on touch */
	#se-search-results .se-right-detail .variations .se-var-select{height:48px;padding:12px 44px 12px 12px;}
	#se-search-results .se-add-to-cart-form input[type=number]{width:64px;}
	#se-search-results .se-add-to-cart-form button{width:100%;}
	#se-search-results .se-actions{gap:12px;}

	/* Ensure content doesn't sit under iOS bottom bar */
	#se-search-results .se-right{padding-bottom:calc(12px + env(safe-area-inset-bottom));}
}

/* Make 3D viewer fill the media pane and center content */
#se-search-results .se-3d-wrap .se3d-viewer-container{
	max-width:none !important;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	position:relative !important;
	overflow:hidden;
	min-height:600px;
}
/* Override any global horizontal/vertical offsets for search results - models should be centered */
#se-search-results .se3d-viewer-container[data-hoffset],
#se-search-results .se3d-viewer-container[data-voffset]{
	/* Ensure data attributes are respected and global offsets don't apply */
}
#se-search-results .se-3d-wrap .se3d-viewer-container canvas{
	width:100% !important;
	height:100% !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}
#se-search-results .se-3d-wrap .se3d-interaction-overlay{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
}
#se-search-results .se-right-detail .viewer.se-3d-wrap{
	min-height:0;
	border:none;
	border-radius:8px;
	overflow:hidden;
	background:transparent;
	height:100%;
}

/* Defer heavy 3D HTML injection: keep a stable placeholder */
#se-search-results .se-right-detail .viewer.se-3d-wrap.se3d-viewer-deferred{
	min-height:600px;
	position:relative;
	background: rgba(255 255 255 / 0.06);
	border: 1px solid rgba(255 255 255 / 0.14);
	border-radius:8px;
}

/* Use the standard Se3D loading indicator styling inside the search dropdown too */
#se-search-results .se3d-loading{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	z-index:10;
	pointer-events:none;
}

#se-search-results .se3d-spinner{
	width:48px;
	height:48px;
	margin:0 auto 16px;
	border:4px solid rgba(0, 0, 0, 0.1);
	border-top-color:#333;
	border-radius:50%;
	animation: se3d-spin 0.8s linear infinite;
}

@keyframes se3d-spin{ to { transform: rotate(360deg); } }

#se-search-results .se3d-loading-text{
	font-size:14px;
	color:#555;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Defensive: if any old CSS still adds "3D preview loading" via pseudo-elements, force it off */
#se-search-results .se3d-viewer-deferred:empty::before,
#se-search-results .se3d-viewer-deferred::before,
#se-search-results .se-right-detail .viewer.se-3d-wrap.se3d-viewer-deferred:empty::before,
#se-search-results .se-right-detail .viewer.se-3d-wrap.se3d-viewer-deferred::before{
	content: '' !important;
	display: none !important;
}

/* Datablad previews inside search right column */
#se-search-results .se-right .datablad-pdf-wrapper{gap:12px}
#se-search-results .se-right .datablad-pdf-viewer{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}
#se-search-results .se-right .pdf-canvas-container{max-height:240px}
#se-search-results .se-right #datablad-download-all{display:none}

/* Force theme overrides: ensure our input uses accent border and primary text color */
#searchbtn.se-search-bar input.se-search-input{
	color: var(--e-global-color-primary) !important;
	border-color: var( --e-global-color-text ) !important;
	border-style: none !important;
	box-shadow: 0px 0px 10px 0px rgba(36.850271739130434, 83.4641941605624, 102, 0.12);

	background-color: var( --e-global-color-101145a );
}
#searchbtn.se-search-bar input.se-search-input::placeholder{
	color: var(--e-global-color-primary) !important;
	opacity: .6;
}
.se-search-btn:hover{background:#f9fafa;border-color:#d5d8dc;}
.se-search-input{border:none;background:transparent;outline:none;width:0;padding:0;font:inherit;color:inherit;transition:width .28s ease, padding .28s ease;}
.se-search-input::placeholder{color:currentColor;opacity:1;}
.se-search-input:focus{width:100%;padding-right:8px;}
.se-search-btn-wrapper.se-grow .se-search-input{width:100%}
.se-search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-left:auto;}
.se-search-icon svg{width:100%;height:100%;display:block;}
#searchbtn{position:relative;display:inline-block;}
#searchbtn .elementor-button{position:relative;z-index:2;}
#searchbtn::before{content:'';position:absolute;top:0;right:0;height:100%;width:0;background:inherit;border:inherit;border-radius:inherit;pointer-events:none;opacity:0;transition:width .3s ease, opacity .2s ease;z-index:1;}
#searchbtn.se-btn-anim::before{width:160px;opacity:1;}
#searchbtn .se-inline-expander{position:absolute;top:0;right:0;height:100%;width:0;display:none;align-items:center;padding-left:14px;z-index:3;pointer-events:auto;overflow:hidden;transition:width .3s ease;}
#searchbtn.se-btn-anim .se-inline-expander{display:flex;width:160px;}
#searchbtn .se-inline-expander input{flex:1;border:none;background:transparent;outline:none;font:inherit;color:inherit;width:100%;}
#searchbtn .elementor-button-content-wrapper{display:flex;align-items:center;gap:8px;position:relative;z-index:2;}
#searchbtn .elementor-button-icon svg{width:18px;height:18px;display:block;}
:root{--se-blue:#0a3a5a;--se-border:#c8e1f1;--se-bg:#f3f9fe}
#se-search-root{position:fixed;inset:0;z-index:100000;display:none}
#se-search-root.se-open{display:block}
.se-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25)}
.se-panel{position:absolute;left:50%;top:10vh;transform:translateX(-50%);width:min(1060px,92vw);background:#fff;border:1px solid var(--se-border);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden}
.se-header{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--se-border);background:var(--se-bg)}
.se-input{flex:1 1 auto;border:1px solid var(--se-border);border-radius:8px;padding:10px 12px;font-size:16px;outline:none}
.se-close{border:1px solid var(--se-border);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}
.se-body{display:grid;grid-template-columns:340px 1fr;min-height:420px}
.se-left{border-right:1px solid var(--se-border);padding:0;overflow-y:auto;max-height:70vh;direction:rtl}
.se-left > *{direction:ltr}
.se-left::-webkit-scrollbar{width:8px}
.se-left::-webkit-scrollbar-track{background:transparent}
.se-left::-webkit-scrollbar-thumb{background:var(--e-global-color-accent);border-radius:4px}
.se-left::-webkit-scrollbar-thumb:hover{background:var(--e-global-color-primary)}
.se-right{padding:2em;overflow-y:auto;max-height:70vh;height:70vh}
.se-right::-webkit-scrollbar{width:8px}
.se-right::-webkit-scrollbar-track{background:transparent}
.se-right::-webkit-scrollbar-thumb{background:var(--e-global-color-accent);border-radius:4px}
.se-right::-webkit-scrollbar-thumb:hover{background:var(--e-global-color-primary)}
.se-right-detail{display:grid;grid-template-columns:50% 50%;gap:16px;align-items:stretch;height:100%;min-height:0}
.se-right-detail .viewer.se-3d-wrap{min-height:0;border:none;border-radius:8px;overflow:hidden;background:transparent;height:100%}
.se-right-detail .img{border:1px solid var(--se-border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;min-height:260px}
.se-right-detail .img img{max-width:100%;max-height:100%}
.se-right-detail .title{font-size:26px;font-weight:700;margin:0 0 4px;color:#000}
.se-right-detail .sku{font-size:14px;color:#000;margin-bottom:10px;font-family:monospace;letter-spacing:0.02em}
.se-right-detail .se-product-category{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;text-decoration:none;color:#000;font-size:14px;font-family:monospace;letter-spacing:0.02em;transition:opacity 0.2s ease}
.se-right-detail .se-product-category:hover{opacity:0.7}
.se-right-detail .se-product-category-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px;overflow:hidden;background:rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center}
.se-right-detail .se-product-category-icon img{width:100%;height:100%;object-fit:cover}
.se-right-detail .se-product-category-name{white-space:nowrap}
.se-right-detail .meta{color:#456880;font-size:13px;margin-bottom:8px}
.se-right-detail .price{color:#0a3a5a;font-weight:700;font-size:18px;margin:8px 0}
.se-right-detail .content{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;overflow:auto}
.se-right-detail .excerpt{color:#000;font-size:14px;line-height:1.5}
.se-right-detail .excerpt .read-more{white-space:nowrap;color:var(--e-global-color-primary);text-decoration:none}
.se-right-detail .excerpt .read-more:hover{text-decoration:underline}
.se-right-detail .variations{margin-top:6px;display:grid;grid-template-columns:1fr;gap:10px}
.se-right-detail .variations .se-var-label{display:block;font-size:12px;color:#456880;margin:2px 0 2px}
.se-right-detail .variations .se-var-select{width:100%;border:1px solid var(--se-border);border-radius:10px;padding:12px 42px 12px 12px;background:#fff;height:46px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23547692' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
.se-right-detail .variations .se-var-select:focus{outline:none;box-shadow:0 0 0 3px rgba(12,71,102,.12);border-color:var(--e-global-color-primary,#0a3a5a)}
.se-right-detail .cta{margin-top:12px}
.se-right-detail .cta a{display:block;text-align:center;transition:all .2s ease;text-transform:var(--e-global-typography-text-text-transform);width:100%;font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-style:var(--e-global-typography-accent-font-style);text-decoration:none;fill:var(--e-global-color-primary);color:var(--e-global-color-primary);border-radius:var(--se-lg-btn-radius, 10px);padding:12px 12px 12px 12px;font-size:var(--e-global-typography-accent-font-size);line-height:var(--e-global-typography-accent-line-height);letter-spacing:var(--e-global-typography-accent-letter-spacing);word-spacing:var(--e-global-typography-accent-word-spacing);background:var(--se-lg-btn-bg, rgba(255, 255, 255, 0.35));backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);-webkit-backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);border:1px solid var(--se-lg-btn-border, rgba(255, 255, 255, 0.35));box-shadow:var(--se-lg-btn-shadow, 0 2px 8px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03))}
.se-right-detail .cta a:hover{background:var(--se-lg-btn-bg-hover, rgba(255, 255, 255, 0.50));box-shadow:var(--se-lg-btn-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.07), 0 12px 32px rgba(0, 0, 0, 0.05));transform:translateY(-1px);color:var(--e-global-color-accent)}
.se-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.se-actions .cta{margin:0;flex:1}
.se-add-to-cart-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.se-add-to-cart-form .se-qty-row{display:flex;align-items:center;gap:8px}
.se-add-to-cart-form .se-qty-label{display:none}
.se-add-to-cart-form input[type=number]{width:50px;border:1px solid var(--e-global-color-text);border-radius:10px;padding:9px;background:#fff;text-align:center;font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-size:var(--e-global-typography-accent-font-size);font-weight:var(--e-global-typography-accent-font-weight);font-style:var(--e-global-typography-accent-font-style);line-height:var(--e-global-typography-accent-line-height);letter-spacing:var(--e-global-typography-accent-letter-spacing);word-spacing:var(--e-global-typography-accent-word-spacing)}
.se-add-to-cart-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:all .2s ease;text-transform:var(--e-global-typography-text-text-transform);width:auto;font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-style:var(--e-global-typography-accent-font-style);text-decoration:var(--e-global-typography-accent-text-decoration);fill:var(--e-global-color-primary)!important;color:var(--e-global-color-primary)!important;border-radius:var(--se-lg-btn-radius, 10px)!important;padding:12px 12px 12px 12px!important;font-size:var(--e-global-typography-accent-font-size);line-height:var(--e-global-typography-accent-line-height);letter-spacing:var(--e-global-typography-accent-letter-spacing);word-spacing:var(--e-global-typography-accent-word-spacing);cursor:pointer;background:var(--se-lg-btn-bg, rgba(255, 255, 255, 0.35))!important;backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);-webkit-backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);border:1px solid var(--se-lg-btn-border, rgba(255, 255, 255, 0.35))!important;box-shadow:var(--se-lg-btn-shadow, 0 2px 8px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03))}
.se-add-to-cart-form button:hover{background:var(--se-lg-btn-bg-hover, rgba(255, 255, 255, 0.50))!important;box-shadow:var(--se-lg-btn-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.07), 0 12px 32px rgba(0, 0, 0, 0.05));transform:translateY(-1px);color:var(--e-global-color-accent)!important}
.se-add-to-cart-form button svg{width:18px;height:18px;display:block;fill:currentColor}
.se-add-to-cart-form.se-adding button{opacity:.7;pointer-events:none}
.se-add-to-cart-form .se-add-success{font-size:12px;color:green;opacity:0;transition:opacity .18s ease}
.se-add-to-cart-form.se-added .se-add-success{opacity:1}
.se-category-cta{margin-top:16px;text-align:center;padding-bottom:16px}
.se-category-cta a{display:block;text-align:center;transition:all .2s ease;text-transform:var(--e-global-typography-text-text-transform);width:100%;font-family:var(--e-global-typography-accent-font-family),Sans-serif;font-weight:var(--e-global-typography-accent-font-weight);font-style:var(--e-global-typography-accent-font-style);text-decoration:none;fill:var(--e-global-color-primary)!important;color:var(--e-global-color-primary)!important;border-radius:var(--se-lg-btn-radius, 10px)!important;padding:12px 12px 12px 12px!important;font-size:var(--e-global-typography-accent-font-size);line-height:var(--e-global-typography-accent-line-height);letter-spacing:var(--e-global-typography-accent-letter-spacing);word-spacing:var(--e-global-typography-accent-word-spacing);background:var(--se-lg-btn-bg, rgba(255, 255, 255, 0.35))!important;backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);-webkit-backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);border:1px solid var(--se-lg-btn-border, rgba(255, 255, 255, 0.35))!important;box-shadow:var(--se-lg-btn-shadow, 0 2px 8px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03))}
.se-category-cta a:hover{background:var(--se-lg-btn-bg-hover, rgba(255, 255, 255, 0.50))!important;box-shadow:var(--se-lg-btn-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.07), 0 12px 32px rgba(0, 0, 0, 0.05));transform:translateY(-1px);color:var(--e-global-color-accent)!important}
.se-section-title{font-size:12px;color:#37566b;letter-spacing:.04em;margin:0;padding:10px 12px 6px 12px}
.se-list{list-style:none;margin:0;padding:0}
.se-list li{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:0;cursor:pointer}
.se-list li:hover,.se-list li.active{background:#f5f9ff}
.se-thumb{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--se-border);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.se-thumb img{width:100%;height:100%;object-fit:cover}
.se-title{font-weight:600;color:#123b56}
.se-sub{font-size:11px;color:#547792}
.se-right-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.se-card{border:1px solid var(--se-lg-btn-border, rgba(255, 255, 255, 0.35));border-radius:10px;overflow:hidden;background:var(--se-lg-btn-bg, rgba(255, 255, 255, 0.35));backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);-webkit-backdrop-filter:blur(var(--se-lg-btn-blur, 24px)) saturate(120%);box-shadow:var(--se-lg-btn-shadow, 0 2px 8px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03));transition:all .2s ease;text-decoration:none}
.se-card:hover{background:var(--se-lg-btn-bg-hover, rgba(255, 255, 255, 0.50));box-shadow:var(--se-lg-btn-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.07), 0 12px 32px rgba(0, 0, 0, 0.05));transform:translateY(-2px)}
.se-card .img{width:100%;aspect-ratio:1/1;background:rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}
.se-card .img img{max-width:90%;max-height:90%}
.se-card .content{padding:8px}
.se-price{color:#0a3a5a;font-weight:600}
@media (max-width: 860px){.se-body{grid-template-columns:1fr}.se-left{max-height:none}.se-right{max-height:none}}

/* Scroll lock when search is open */
body.se-search-scroll-lock{
	overflow:hidden !important;
}
html:has(body.se-search-scroll-lock){
	overflow:hidden !important;
}

/* Floating overlay search input that does not affect layout */
.se-search-overlay{position:fixed;top:0;left:0;width:0;height:40px;display:none;align-items:center;background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.12);z-index:100001;transform:translateX(0);transition:width .22s ease, transform .22s ease}
.se-search-overlay--visible{display:flex}
.se-search-overlay__input{flex:1;height:100%;border:none;background:transparent;padding:0 14px;font-size:16px}
.se-search-overlay__input:focus{outline:none}
.se-search-overlay__icon{width:18px;height:18px;margin-right:12px;opacity:.6}

/* ============================================
   FANEBLADE DISPLAY IN SEARCH RESULTS
   ============================================ */

.se-faneblade-wrap{
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid rgba(0,0,0,0.08);
}

.se-faneblade-title{
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:var(--e-global-color-primary, #0a3a5a);
	opacity:0.7;
	margin-bottom:10px;
}

.se-faneblade-list{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.se-faneblade-item{
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.06);
	border-radius:10px;
	padding:12px;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

.se-faneblade-item-title{
	font-size:13px;
	font-weight:600;
	color:var(--e-global-color-primary, #123b56);
	margin-bottom:8px;
}

/* PDF Links */
.se-faneblade-pdfs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.se-faneblade-pdf-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 12px !important;
	font-size:12px !important;
	font-weight:500;
	text-decoration:none;
	color:var(--e-global-color-primary, #0a3a5a) !important;
	border-radius:8px !important;
	transition:all 0.2s ease;
}

.se-faneblade-pdf-link svg{
	flex-shrink:0;
	opacity:0.7;
}

.se-faneblade-pdf-link:hover{
	transform:translateY(-1px);
	box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.se-faneblade-pdf-link span{
	max-width:160px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* Image Gallery */
.se-faneblade-images{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.se-faneblade-image-link{
	display:block;
	width:60px;
	height:60px;
	border-radius:6px;
	overflow:hidden;
	border:1px solid rgba(0,0,0,0.1);
	transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.se-faneblade-image-link:hover{
	transform:scale(1.05);
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.se-faneblade-image-link img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/* HTML/Shortcode Content */
.se-faneblade-content{
	font-size:13px;
	line-height:1.5;
	color:var(--e-global-color-primary, #123b56);
	max-height:100px;
	overflow:hidden;
	position:relative;
}

.se-faneblade-content::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:30px;
	background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.9));
	pointer-events:none;
}

/* Responsive adjustments */
@media (max-width: 860px){
	.se-faneblade-wrap{
		margin-top:12px;
		padding-top:12px;
	}
	
	.se-faneblade-pdf-link span{
		max-width:120px;
	}
}



