/**
 * Brandina custom header
 */
:root {
	--brandina-header-accent: #2f3748;
	--brandina-header-pink: #ff6f8f;
	--brandina-header-pink-dark: #f04d75;
	--brandina-header-pink-soft: #fff5f7;
	--brandina-header-violet: #8a4dff;
	--brandina-header-ink: #211a1d;
	--brandina-header-muted: #737986;
	--brandina-header-border: #f4e4e8;
	--brandina-header-height: 108px;
}

.brandina-site-header {
	position: sticky;
	top: 0;
	z-index: 9990;
	direction: rtl;
	font-family: inherit;
}

.admin-bar .brandina-site-header { top: 32px; }
.brandina-header-topline { height: 7px; background: var(--brandina-header-accent); }
.brandina-desktop-header { background: #fff; border-bottom: 1px solid #f2edf0; box-shadow: 0 7px 22px rgba(35, 24, 29, .035); }
.brandina-header-inner { min-height: 100px; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(520px, 2.5fr) auto auto; align-items: center; gap: clamp(18px, 2.8vw, 48px); max-width: 1580px; }
.brandina-header-brand { display: flex; align-items: center; justify-content: flex-start; min-width: 0; }
.brandina-header-brand .custom-logo-link,
.brandina-mobile-logo .custom-logo-link,
.brandina-sheet-logo .custom-logo-link { display: inline-flex; align-items: center; text-decoration: none; }
.brandina-header-brand .custom-logo { width: auto; max-width: 185px; max-height: 64px; object-fit: contain; }
.brandina-fallback-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--brandina-header-pink); font-size: clamp(22px, 1.7vw, 34px); font-weight: 800; text-decoration: none; white-space: nowrap; }
.brandina-fallback-logo-mark { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: var(--brandina-header-pink); transform: rotate(-12deg); }
.brandina-fallback-logo-mark .brandina-icon { width: 27px; height: 27px; }

.brandina-header-navigation { display: flex; align-items: center; justify-content: center; gap: 26px; min-width: 0; }
.brandina-category-control { display: flex; align-items: center; }
.brandina-category-toggle { border: 0; background: transparent; color: #f0375e; display: inline-flex; align-items: center; gap: 8px; padding: 14px 4px; cursor: pointer; font-weight: 700; white-space: nowrap; }
.brandina-category-toggle .brandina-icon { width: 16px; height: 16px; transition: transform .25s ease; }
.brandina-category-toggle[aria-expanded="true"] .brandina-icon { transform: rotate(180deg); }
.brandina-primary-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: clamp(22px, 2vw, 38px); }
.brandina-primary-menu li { position: relative; margin: 0; }
.brandina-primary-menu a { color: var(--brandina-header-ink); font-weight: 650; text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.brandina-primary-menu a:hover,
.brandina-primary-menu .current-menu-item > a { color: var(--brandina-header-pink-dark); }
.brandina-primary-menu .sub-menu { position: absolute; top: calc(100% + 18px); right: -18px; min-width: 210px; margin: 0; padding: 12px; list-style: none; background: #fff; border: 1px solid var(--brandina-header-border); border-radius: 18px; box-shadow: 0 20px 55px rgba(39, 25, 31, .13); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.brandina-primary-menu li:hover > .sub-menu,
.brandina-primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.brandina-primary-menu .sub-menu a { display: block; padding: 9px 11px; border-radius: 10px; }
.brandina-primary-menu .sub-menu a:hover { background: var(--brandina-header-pink-soft); }
.brandina-menu-trend { display: flex; align-items: center; gap: 8px; }
.brandina-menu-trend > a { color: var(--brandina-header-violet); }
.brandina-new-badge { order: -1; display: inline-grid; place-items: center; height: 34px; padding: 0 10px; border-radius: 7px; color: #c38cff; background: #faf2ff; font-size: 11px; font-weight: 700; }

.brandina-gift-pill { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 7px 16px; color: #c51e3e; background: #fff5f6; border: 1px solid #ffbdca; border-radius: 999px; font-weight: 800; text-decoration: none; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease; }
.brandina-gift-pill:hover { color: #c51e3e; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(255, 111, 143, .15); }
.brandina-gift-pill .brandina-icon { width: 20px; height: 20px; color: var(--brandina-header-pink); }

.brandina-header-actions { display: flex; align-items: center; gap: 16px; direction: ltr; }
.brandina-header-action { position: relative; width: 38px; height: 44px; display: inline-grid; place-items: center; border: 0; padding: 0; color: var(--brandina-header-ink); background: transparent; text-decoration: none; cursor: pointer; border-radius: 12px; transition: color .2s ease, background .2s ease; }
.brandina-header-action:hover { color: var(--brandina-header-pink-dark); background: var(--brandina-header-pink-soft); }
.brandina-header-action .brandina-icon { width: 29px; height: 29px; }
.brandina-cart-count { position: absolute; top: 0; right: -4px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; color: #fff; background: var(--brandina-header-pink-dark); border: 2px solid #fff; border-radius: 999px; font-size: 9px; font-weight: 800; line-height: 1; }
.brandina-cart-count:empty,
.brandina-cart-count[data-brandina-cart-count="0"] { display: none; }

.brandina-mega-menu { position: fixed; top: var(--brandina-header-height); left: 0; right: 0; z-index: 9988; max-height: calc(100vh - var(--brandina-header-height)); overflow: auto; background: rgba(255,255,255,.985); border-top: 1px solid #f5edf0; box-shadow: 0 30px 70px rgba(41, 30, 35, .12); opacity: 0; visibility: hidden; transform: translateY(-10px); pointer-events: none; transition: opacity .23s ease, transform .23s ease, visibility .23s ease; }
.admin-bar .brandina-mega-menu { top: calc(var(--brandina-header-height) + 32px); }
.brandina-mega-menu.is-open { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
.brandina-mega-inner { max-width: 1540px; padding-top: 28px; padding-bottom: 34px; }
.brandina-mega-heading { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; padding-inline: 4px; }
.brandina-mega-heading strong { color: #f0385f; font-size: 15px; }
.brandina-mega-heading span { color: #7d8390; font-size: 13px; }
.brandina-mega-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: start; }
.brandina-mega-card { min-height: 270px; padding: 15px 16px 18px; background: #fff9fa; border: 1px solid var(--brandina-header-border); border-radius: 22px; }
.brandina-mega-card:nth-child(n+5) { min-height: 230px; }
.brandina-mega-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #f2e5e8; }
.brandina-mega-title { display: inline-flex; align-items: center; gap: 9px; color: #25242a; font-size: 15px; font-weight: 800; text-decoration: none; }
.brandina-mega-title .brandina-icon { width: 22px; height: 22px; color: var(--brandina-header-pink); }
.brandina-mega-view-all { color: #ff8aa1; font-size: 12px; text-decoration: none; white-space: nowrap; }
.brandina-mega-card-links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; padding-top: 14px; }
.brandina-mega-card-links a { color: #666b76; font-size: 14px; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.brandina-mega-card-links a:hover { color: var(--brandina-header-pink-dark); transform: translateX(-3px); }
.brandina-mega-empty { padding: 45px; text-align: center; background: #fff8fa; border: 1px dashed #f1cbd3; border-radius: 22px; }
.brandina-mega-empty a { color: var(--brandina-header-pink-dark); }

.brandina-mobile-header { display: none; }

.brandina-search-overlay { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: start center; padding: 12vh 20px 20px; background: rgba(22, 20, 25, .45); backdrop-filter: blur(8px); }
.brandina-search-overlay[hidden] { display: none; }
.brandina-search-panel { position: relative; width: min(680px, 100%); padding: 38px; background: #fff; border-radius: 28px; box-shadow: 0 25px 90px rgba(20, 12, 16, .2); }
.brandina-search-close { position: absolute; top: 14px; left: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #6f7480; background: #f6f7f9; cursor: pointer; }
.brandina-search-close .brandina-icon { width: 20px; height: 20px; }
.brandina-search-title { display: block; margin-bottom: 18px; color: #262229; font-size: 22px; }
.brandina-search-form { display: grid; grid-template-columns: 1fr 54px; min-height: 58px; overflow: hidden; border: 1px solid #ececf1; border-radius: 17px; background: #fafbfc; }
.brandina-search-form input { width: 100%; border: 0; outline: 0; padding: 0 20px; color: #25242b; background: transparent; }
.brandina-search-form button { display: grid; place-items: center; border: 0; color: #fff; background: var(--brandina-header-pink); cursor: pointer; }
.brandina-search-form button .brandina-icon { width: 24px; height: 24px; }

body.brandina-overlay-open { overflow: hidden; }

@media (min-width: 1025px) and (max-width: 1280px) {
	.brandina-header-inner { grid-template-columns: 170px minmax(470px, 1fr) auto auto; gap: 18px; }
	.brandina-primary-menu { gap: 18px; }
	.brandina-header-actions { gap: 9px; }
	.brandina-gift-pill { padding-inline: 12px; }
}

/* Customizer layout states */
.brandina-header-inner.no-gift.has-actions,
.brandina-header-inner.has-gift.no-actions {
	grid-template-columns: minmax(190px, 1fr) minmax(520px, 2.5fr) auto;
}
.brandina-header-inner.no-gift.no-actions {
	grid-template-columns: minmax(190px, 1fr) minmax(520px, 2.5fr);
}

.brandina-mega-custom-menu {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.brandina-mega-custom-menu > li {
	min-height: 220px;
	padding: 18px;
	background: var(--brandina-mega-card-bg);
	border: 1px solid var(--brandina-header-border);
	border-radius: 20px;
}
.brandina-mega-custom-menu > li > a {
	display: block;
	padding-bottom: 11px;
	color: var(--brandina-header-ink);
	border-bottom: 1px solid var(--brandina-header-border);
	font-weight: 800;
	text-decoration: none;
}
.brandina-mega-custom-menu .sub-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 13px 0 0;
	padding: 0;
	list-style: none;
}
.brandina-mega-custom-menu .sub-menu a { color: var(--brandina-header-muted); text-decoration: none; }
.brandina-mega-custom-menu .sub-menu a:hover { color: var(--brandina-header-pink-dark); }

.brandina-secondary-menu {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.brandina-secondary-menu a { color: var(--brandina-header-muted); font-size: 13px; text-decoration: none; }
.brandina-secondary-menu a:hover { color: var(--brandina-header-pink-dark); }


/* v1.11 — responsive AJAX search and desktop category controls. */
.brandina-category-toggle {
    min-height: 42px;
    padding-inline: 12px;
    border-radius: 12px;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.brandina-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(72px, 10vh, 120px) 18px 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, visibility .18s ease;
}
.brandina-search-overlay[hidden] { display: none !important; }
.brandina-search-overlay.is-open { opacity: 1; visibility: visible; }
.brandina-search-panel {
    position: relative;
    width: 100%;
    max-height: min(78vh, 760px);
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(232,234,239,.92);
    box-shadow: 0 28px 100px rgba(20, 18, 26, .22);
    transform: translateY(-10px) scale(.985);
    transition: transform .2s ease;
}
.brandina-search-overlay.is-open .brandina-search-panel { transform: translateY(0) scale(1); }
.brandina-search-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.brandina-search-head > div { min-width: 0; }
.brandina-search-title { display: block; margin: 0 0 4px; color: #20232d; font-size: 21px; line-height: 1.5; }
.brandina-search-head small { display: block; color: #777e8c; font-size: 13px; line-height: 1.8; }
.brandina-search-close { position: static; flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #656b77; background: #f1f3f6; cursor: pointer; }
.brandina-search-close:hover { color: var(--brandina-header-pink-dark); background: var(--brandina-header-pink-soft); }
.brandina-search-form {
    display: grid;
    grid-template-columns: minmax(0,1fr) 52px 52px;
    align-items: stretch;
    min-height: 58px;
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    box-shadow: 0 5px 18px rgba(31,41,55,.04) inset;
}
.brandina-search-form input { min-width: 0; width: 100%; border: 0; outline: 0; padding: 0 18px; color: #222631; background: transparent; font: inherit; }
.brandina-search-form button { display: grid; place-items: center; border: 0; cursor: pointer; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.brandina-search-voice { position: relative; color: #67707d; background: transparent; border-inline-start: 1px solid #e5e8ed !important; }
.brandina-search-submit { color: #fff; }
.brandina-search-voice:hover { color: var(--brandina-header-pink-dark); background: #fff; }
.brandina-search-voice .brandina-icon,.brandina-search-submit .brandina-icon { width: 23px; height: 23px; }
.brandina-search-voice.is-listening { color: #fff; }
.brandina-voice-pulse { position: absolute; inset: 8px; border: 2px solid currentColor; border-radius: 50%; opacity: 0; pointer-events: none; }
.brandina-search-voice.is-listening .brandina-voice-pulse { animation: brandinaVoicePulse 1.2s ease-out infinite; }
@keyframes brandinaVoicePulse { 0% { transform: scale(.65); opacity:.65; } 100% { transform: scale(1.45); opacity:0; } }
.brandina-search-status { min-height: 26px; padding: 7px 3px 2px; color: #7a808c; font-size: 12px; line-height: 1.5; }
.brandina-search-status[data-state="error"] { color: #d9304f; }
.brandina-search-status[data-state="success"] { color: #16834b; }
.brandina-search-panel.is-loading .brandina-search-form { border-color: color-mix(in srgb, var(--brandina-header-pink) 45%, #e4e7ec); }
.brandina-search-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; max-height: min(48vh, 440px); overflow-y: auto; overscroll-behavior: contain; padding-inline-end: 2px; }
.brandina-search-result { min-width: 0; display: grid; grid-template-columns: 72px minmax(0,1fr) 24px; align-items: center; gap: 11px; min-height: 88px; padding: 8px; color: #2b303a; border: 1px solid #eceef2; border-radius: 14px; background: #fff; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }
.brandina-search-result:hover,.brandina-search-result.is-active { border-color: color-mix(in srgb, var(--brandina-header-pink) 25%, #eceef2); transform: translateY(-1px); }
.brandina-search-result-image { width: 72px; height: 72px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; background: #f7f8fa; }
.brandina-search-result-image img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.brandina-search-result-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.brandina-search-result-copy strong { overflow: hidden; color: #252a34; font-size: 13px; line-height: 1.75; white-space: nowrap; text-overflow: ellipsis; }
.brandina-search-result-copy small { display: flex; flex-wrap: wrap; gap: 7px; color: #8a909b; font-size: 10px; }
.brandina-search-result-price { color: #17213a; font-size: 12px; font-weight: 800; }
.brandina-search-result-price del { color: #a4a9b1; font-weight: 500; }
.brandina-search-result-arrow { display: grid; place-items: center; color: #b0b5be; }
.brandina-search-result-arrow .brandina-icon { width: 16px; height: 16px; transform: rotate(180deg); }
.brandina-search-suggestions { margin-top: 10px; padding-top: 12px; border-top: 1px solid #eef0f3; }
.brandina-search-suggestions[hidden] { display: none !important; }
.brandina-search-suggestions > span { display: block; margin-bottom: 8px; color: #777e8a; font-size: 11px; }
.brandina-search-suggestions > div { display: flex; flex-wrap: wrap; gap: 7px; }
.brandina-search-suggestions a { padding: 7px 11px; color: #535a67; border: 1px solid #e8eaee; border-radius: 999px; background: #fafbfc; font-size: 11px; text-decoration: none; }
.brandina-search-suggestions a:hover { color: var(--brandina-header-pink-dark); border-color: var(--brandina-header-pink); background: var(--brandina-header-pink-soft); }


/* Brandina v1.14.3 — aligned responsive AJAX search controls. */
.brandina-search-overlay,
.brandina-search-overlay *{box-sizing:border-box}
.brandina-search-panel{
    width:min(760px,calc(100vw - 36px))!important;
    max-width:760px!important;
    padding:24px!important;
    border-radius:24px!important;
    background:#fff!important;
}
.brandina-search-head{align-items:center!important}
.brandina-search-close{
    display:flex!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    text-align:center!important;
}
.brandina-search-close .brandina-icon,
.brandina-search-close svg{display:block!important;width:19px!important;height:19px!important;margin:0!important;transform:none!important}
.brandina-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 50px 50px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:52px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.brandina-search-form.no-voice{grid-template-columns:minmax(0,1fr) 50px!important}
.brandina-search-form input[type="search"]{
    display:block!important;
    width:100%!important;
    height:52px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 16px!important;
    border:1px solid #e4e7ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.brandina-search-form input[type="search"]:focus{
    border-color:color-mix(in srgb,var(--brandina-header-pink) 55%,#e4e7ec)!important;
    background:#fff!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--brandina-header-pink) 10%,transparent)!important;
}
.brandina-search-form button{
    position:relative!important;
    display:flex!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    line-height:0!important;
}
.brandina-search-voice{
    border:1px solid #e4e7ec!important;
    color:#687181!important;
    background:#fff!important;
}
.brandina-search-submit{
    border:1px solid var(--brandina-header-pink)!important;
    color:#fff!important;
    background:var(--brandina-header-pink)!important;
}
.brandina-search-voice:hover{border-color:var(--brandina-header-pink)!important;color:var(--brandina-header-pink-dark)!important;background:var(--brandina-header-pink-soft)!important}
.brandina-search-submit:hover{background:var(--brandina-header-pink-dark)!important}
.brandina-search-form button .brandina-icon,
.brandina-search-form button svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;transform:none!important}
.brandina-search-results{width:100%!important}