/* ArafatLab – header search (mobile + desktop) */
.alh-hs{--hs-g:var(--ast-global-color-0,var(--alh-accent,#16a34a));--hs-gd:color-mix(in srgb,var(--hs-g) 78%,#000);--hs-soft:color-mix(in srgb,var(--hs-g) 9%,#fff);--hs-ink:var(--ast-global-color-2,#0b2b2a);--hs-mut:var(--ast-global-color-3,#5b6f6e);--hs-line:#dfe8e3;
	position:relative;z-index:30;width:100%;box-sizing:border-box;background:#fff;padding:8px 14px 10px;border-bottom:1px solid var(--hs-line);font-family:inherit;line-height:1.35}
.alh-hs *{box-sizing:border-box}

.alh-hs__form{position:relative;display:block;margin:0 auto;max-width:760px;width:100%}
.alh-hs__ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--hs-mut);pointer-events:none;display:flex;z-index:2;transition:color .15s}
.alh-hs__ico svg,.alh-hs__btn svg,.alh-hs__clear svg{width:100%;height:100%}
.alh-hs:focus-within .alh-hs__ico{color:var(--hs-g)}

.alh-hs input.alh-hs__input[type=search]{display:block;width:100%;height:44px;margin:0;padding:0 92px 0 44px!important;border:1.5px solid var(--hs-line)!important;border-radius:999px!important;background:#f4f8f5!important;color:var(--hs-ink)!important;
	font-size:16px!important;font-weight:500;line-height:1.2;box-shadow:none!important;outline:0!important;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s,background .15s}
.alh-hs input.alh-hs__input[type=search]::placeholder{color:#7c8f8d;opacity:1;font-weight:400}
.alh-hs input.alh-hs__input[type=search]::-webkit-search-cancel-button,.alh-hs input.alh-hs__input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}
.alh-hs input.alh-hs__input[type=search]:hover{border-color:color-mix(in srgb,var(--hs-g) 45%,var(--hs-line))!important}
.alh-hs input.alh-hs__input[type=search]:focus{background:#fff!important;border-color:var(--hs-g)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--hs-g) 18%,transparent)!important}

.alh-hs__btn{position:absolute;right:4px;top:4px;width:36px;height:36px;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--hs-g);color:#fff;cursor:pointer;transition:background .15s,transform .1s}
.alh-hs__btn svg{width:18px;height:18px}
.alh-hs__btn:hover{background:var(--hs-gd)}
.alh-hs__btn:active{transform:scale(.94)}
.alh-hs__clear{position:absolute;right:46px;top:50%;transform:translateY(-50%);width:26px;height:26px;margin:0;padding:6px;border:0;border-radius:50%;background:#e6eeea;color:#41524f;cursor:pointer;display:grid;place-items:center}
.alh-hs__clear[hidden]{display:none}
.alh-hs__clear:hover{background:#d6e2dc}
.alh-hs__spin{position:absolute;right:50px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid color-mix(in srgb,var(--hs-g) 25%,transparent);border-top-color:var(--hs-g);border-radius:50%;display:none;animation:alh-hs-spin .7s linear infinite}
.alh-hs.is-loading .alh-hs__spin{display:block}
.alh-hs.is-loading .alh-hs__clear{display:none}
@keyframes alh-hs-spin{to{transform:rotate(360deg)}}

/* Dropdown */
.alh-hs__panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:99999;background:#fff;border:1px solid var(--hs-line);border-radius:16px;box-shadow:0 18px 50px rgba(8,30,25,.20);overflow-x:hidden;overflow-y:auto;max-height:min(72vh,540px);overscroll-behavior:contain}
.alh-hs__panel[hidden]{display:none}
.alh-hs__item{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--hs-ink)!important;text-decoration:none!important;border-bottom:1px solid #eef3f0;transition:background .12s}
.alh-hs__item:hover,.alh-hs__item.is-active{background:var(--hs-soft)}
.alh-hs__thumb{flex:none;width:54px;height:54px;border-radius:10px;object-fit:cover;background:#f1f5f3;border:1px solid #eef3f0;margin:0}
.alh-hs__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.alh-hs__name{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.alh-hs__name mark{background:color-mix(in srgb,var(--hs-g) 22%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.alh-hs__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;color:var(--hs-mut)}
.alh-hs__tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:999px;line-height:1.3}
.alh-hs__tag--sale{background:var(--hs-soft);color:var(--hs-gd)}
.alh-hs__tag--out{background:#fee2e2;color:#b91c1c}
.alh-hs__price{flex:none;text-align:right;font-size:14px;font-weight:800;color:var(--hs-gd);white-space:nowrap}
.alh-hs__price del{display:block;font-size:12px;font-weight:400;color:#8a9a98;opacity:.9}
.alh-hs__price ins{text-decoration:none;background:none}
.alh-hs__price .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.alh-hs__all{display:block;padding:13px 14px;text-align:center;font-size:14px;font-weight:700;color:var(--hs-gd)!important;text-decoration:none!important;background:var(--hs-soft)}
.alh-hs__all:hover,.alh-hs__all.is-active{background:color-mix(in srgb,var(--hs-g) 16%,#fff)}
.alh-hs__state{display:flex;flex-direction:column;gap:4px;padding:22px 16px;text-align:center;font-size:14px;color:var(--hs-mut)}
.alh-hs__state strong{color:var(--hs-ink);font-weight:700;word-break:break-word}

/* Small phones */
@media (max-width:420px){
	.alh-hs{padding:8px 10px 9px}
	.alh-hs__thumb{width:48px;height:48px}
	.alh-hs__price{font-size:13px}
}

/* Desktop: hide the copy until JS has put it in the header bar (avoids a flash) */
@media (min-width:922px){
	.alh-js .alh-hs:not(.is-inrow):not(.is-band){display:none}
	.alh-hs.is-band{padding:12px 24px}
	.alh-hs.is-inrow{background:transparent;border:0;padding:0;flex:1 1 640px;min-width:0;max-width:640px;width:auto;margin:0 auto}
	.alh-hs.is-inrow input.alh-hs__input[type=search]{height:46px}
	.alh-hs.is-inrow .alh-hs__btn{width:38px;height:38px}
	.alh-hs.is-inrow .alh-hs__panel{border-radius:18px;top:calc(100% + 10px)}
	/* The Astra header row becomes: [logo/left]  [search]  [menu/cart/right] */
	.alh-hrow{display:flex!important;align-items:center;gap:24px}
	.alh-hrow>.site-header-section{flex:0 0 auto;min-width:0}
}
@media print{.alh-hs{display:none!important}}
@media (prefers-reduced-motion:reduce){.alh-hs *{transition:none!important;animation-duration:0s!important}}