/* Silver Header/Footer v0.6.0 — global header and footer only. */
/* Silver Header/Footer v0.3.1 — transferred from approved reference, scoped away from cart templates. */
.slv-topbar{
  background:#14141c!important;
  color:#fff!important;
  border:0!important;
  font-family:var(--slv-font)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
}
.slv-topbar__inner{
  width:min(100% - 48px,var(--slv-max))!important;
  min-height:29px!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.slv-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #e7e9f2;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  font-family:var(--slv-font);
}
.admin-bar .slv-header{top:32px}
.slv-header__inner{
  width:min(100% - 48px,var(--slv-max));
  min-height:64px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:20px;
}
.slv-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  text-decoration:none;
  color:#14141c;
}
.slv-brand__mark{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:8px;
  background:var(--slv-grad);
  color:#fff;
  box-shadow:0 8px 28px rgba(255,77,147,.28);
}
.slv-brand__mark .slv-ico{width:18px;height:18px}
.slv-brand__name{
  font-family:var(--slv-display);
  font-size:22px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.035em;
}
.slv-brand__logo img,
.slv-footer__logo img{display:block;max-height:38px;width:auto}
.slv-browse{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:40px;
  padding:0 17px;
  border-radius:999px;
  background:#f0f2f8;
  color:#14141c;
  border:0;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  transition:.18s ease;
}
.slv-browse .slv-ico{width:16px;height:16px;color:var(--slv-pink)}
.slv-browse:hover{background:#e9ecf5;color:var(--slv-pink)}
.slv-header-nav{display:flex;align-items:center;min-width:0;flex-shrink:0}
.slv-header-menu{
  display:flex;
  align-items:center;
  gap:20px;
  list-style:none;
  padding:0;
  margin:0;
}
.slv-header-menu a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  color:#14141c;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  transition:.18s ease;
}
.slv-header-menu a:hover{color:var(--slv-pink)}
.slv-search{
  position:relative;
  display:flex;
  align-items:center;
  flex:1 1 320px;
  max-width:360px;
  min-width:220px;
  margin-right:auto;
}
.slv-search .slv-ico{
  position:absolute;
  right:14px;
  width:18px;
  height:18px;
  color:#6b7280;
  pointer-events:none;
}
.slv-search__input{
  width:100%;
  height:44px;
  border-radius:999px;
  border:1px solid #dfe3ee;
  background:#f0f2f8;
  color:#14141c;
  padding:0 42px 0 56px;
  outline:0;
  font:500 14px/1 var(--slv-font);
  transition:.18s ease;
}
.slv-search__input::placeholder{color:#6b7280}
.slv-search__input:focus{
  background:#fff;
  border-color:rgba(255,77,147,.35);
  box-shadow:none;
}
.slv-search__kbd{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  min-width:26px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 6px;
  border-radius:6px;
  border:1px solid #dfe3ee;
  background:#fff;
  color:#6b7280;
  font:800 11px/1 var(--slv-font);
  box-shadow:0 1px 1px rgba(17,17,32,.04);
}
.slv-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}

.slv-signin,
.slv-header-cart,
.slv-mobile-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:40px;
  border-radius:999px;
  text-decoration:none;
  font:800 14px/1 var(--slv-font);
  white-space:nowrap;
  transition:.18s ease;
}



.slv-signin{padding:0 12px;color:#14141c;background:transparent}
.slv-signin:hover{color:var(--slv-pink);background:#fff0f6}
.slv-header-cart{
  padding:0 15px;
  color:#fff;
  background:var(--slv-grad);
  box-shadow:0 10px 24px rgba(255,77,147,.24);
}
.slv-header-cart:hover{filter:brightness(1.05);transform:translateY(-1px)}
.slv-header-cart .slv-ico{width:18px;height:18px}
.slv-cart-count{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.slv-mobile-toggle{
  width:40px;
  padding:0;
  border:1px solid #e2e5ef;
  background:#f0f2f8;
  color:#14141c;
  cursor:pointer;
}
.slv-mobile-toggle .slv-ico{width:18px;height:18px}
.slv-mobile-toggle__close{display:none}
.slv-mobile-toggle[aria-expanded=true] .slv-mobile-toggle__open{display:none}
.slv-mobile-toggle[aria-expanded=true] .slv-mobile-toggle__close{display:inline-flex}
.slv-mobile-panel{
  border-top:1px solid #e7e9f2;
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 40px rgba(17,17,32,.08);
}
.slv-mobile-panel__inner{width:min(100% - 32px,var(--slv-max));margin-inline:auto;padding:14px 0 18px}
.slv-search--mobile{display:flex;max-width:none;min-width:0;margin:0 0 12px}
.slv-mobile-menu{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.slv-mobile-menu a{display:flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;background:#f5f6fb;color:#14141c;text-decoration:none;font-weight:800;font-size:14px}
.slv-mobile-menu a:hover{color:var(--slv-pink);background:#fff0f6}

.slv-footer{
  margin-top:64px;
  border-top:1px solid #e7e9f2;
  background:#f5f6fb;
  font-family:var(--slv-font);
  color:#14141c;
}
.slv-footer__inner{width:min(100% - 48px,var(--slv-max));margin-inline:auto;padding:38px 0 18px}
.slv-footer__cols{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:60px;align-items:start}
.slv-footer__brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#14141c}
.slv-footer__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--slv-grad);color:#fff;box-shadow:0 8px 22px rgba(255,77,147,.20)}
.slv-footer__mark .slv-ico{width:16px;height:16px}
.slv-footer__name{font-family:var(--slv-display);font-size:20px;line-height:1;font-weight:800;letter-spacing:-.035em}
.slv-footer__about{max-width:270px;margin:14px 0 0;color:#64708a;font-size:14px;line-height:1.35;font-weight:500}
.slv-footer__social{display:flex;align-items:center;gap:8px;margin-top:18px}
.slv-footer__social a,
.slv-footer__social-placeholder{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:6px;
  border:1px solid #d9deea;
  background:#fff;
  color:#64708a;
  text-decoration:none;
  transition:.18s ease;
}
.slv-footer__social a:hover{border-color:var(--slv-pink);color:var(--slv-pink)}
.slv-footer__social-placeholder{opacity:.95}
.slv-footer__social .slv-ico{width:16px;height:16px}
.slv-footer__coltitle{margin:0 0 12px;font-family:var(--slv-display);font-size:13px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#14141c}
.slv-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.slv-footer__list a{color:#64708a;text-decoration:none;font-size:14px;line-height:1.2;font-weight:500;transition:.18s ease}
.slv-footer__list a:hover{color:var(--slv-pink)}
.slv-footer__bottom{margin-top:48px;padding-top:24px;border-top:1px solid #e1e5ee;display:flex;align-items:center;justify-content:space-between;gap:16px}
.slv-footer__copy{margin:0;color:#64708a;font-size:12px;line-height:1.3;font-weight:500}
.slv-footer__pay{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.slv-footer__pay span{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 10px;border-radius:4px;border:1px solid #d9deea;background:#fff;color:#64708a;font-size:10px;line-height:1;font-weight:700;letter-spacing:.03em}

@media(max-width:1220px){
  .slv-header__inner{gap:14px}
  .slv-header-menu{gap:14px}
  .slv-search{max-width:310px}
  .slv-footer__cols{gap:34px}
}
@media(max-width:1080px){
  .slv-header-nav{display:none}
  .slv-search{max-width:none}
  .slv-mobile-toggle{display:inline-flex}
  .slv-footer__cols{grid-template-columns:1.2fr repeat(2,1fr);gap:32px 42px}
}
@media(min-width:1081px){.slv-mobile-toggle{display:none}}
@media(max-width:760px){
  .admin-bar .slv-header{top:46px}
  .slv-topbar__inner,.slv-header__inner,.slv-footer__inner{width:min(100% - 48px,var(--slv-max))!important}
  .slv-topbar__inner{min-height:30px!important;justify-content:space-between!important;text-align:right;font-size:11px}
  .slv-header__inner{min-height:62px;gap:10px}
  .slv-brand__mark{width:34px;height:34px}.slv-brand__name{font-size:21px}
  .slv-browse,.slv-search{display:none}
  .slv-actions{margin-right:auto}
  .slv-header-cart{height:38px;padding:0 12px;font-size:13px}.slv-header-cart__label{display:none}.slv-cart-count{min-width:21px;height:21px;font-size:11px}
  .slv-footer{margin-top:44px}.slv-footer__inner{padding:34px 0 18px}
  .slv-footer__cols{grid-template-columns:1fr 1fr;gap:30px 24px}
  .slv-footer__brandcol{grid-column:1/-1}.slv-footer__about{max-width:340px}
  .slv-footer__bottom{margin-top:34px;align-items:flex-start;flex-direction:column}
  .slv-footer__pay{justify-content:flex-start}
}
@media(max-width:480px){
  .slv-footer__cols{grid-template-columns:1fr}
  .slv-footer__brandcol{grid-column:auto}
}

/* Silver v0.7.1 custom uploaded brand/payment images. */
.slv-brand__logo,.slv-footer__logo{display:inline-flex;align-items:center;justify-content:flex-start;line-height:1}
.slv-brand__logo img{display:block!important;width:auto!important;max-width:190px!important;max-height:44px!important;object-fit:contain!important}
.slv-footer__logo img{display:block!important;width:auto!important;max-width:210px!important;max-height:48px!important;object-fit:contain!important}
.slv-footer__pay--image{display:flex!important;align-items:center!important;justify-content:flex-end!important;max-width:360px!important}
.slv-footer__pay--image img{display:block!important;width:auto!important;max-width:100%!important;max-height:32px!important;object-fit:contain!important}
@media(max-width:760px){.slv-brand__logo img{max-width:132px!important;max-height:38px!important}.slv-footer__pay--image{justify-content:flex-start!important;max-width:100%!important}.slv-footer__pay--image img{max-height:30px!important}}


.slv-browse{display:none!important}
.slv-header__inner{min-height:74px!important;gap:16px!important}
.slv-brand__logo img{display:block!important;width:auto!important;max-width:260px!important;max-height:64px!important;object-fit:contain!important}
.slv-footer__logo img{display:block!important;width:auto!important;max-width:300px!important;max-height:76px!important;object-fit:contain!important}
.slv-footer__brand{min-height:58px!important}
.slv-search{max-width:430px!important}
.slv-search>.slv-ico{display:none!important}
.slv-search__input{height:46px!important;padding:0 18px 0 56px!important;background:#f5f6fb!important;border-color:#dde2ed!important}
.slv-search__submit{position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;background:linear-gradient(-135deg,var(--slv-pink) 0%,#f97316 100%)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(255,77,147,.22)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.slv-search__submit:hover{filter:brightness(1.06)!important;box-shadow:0 10px 22px rgba(249,115,22,.24)!important}
.slv-search__submit .slv-ico{position:static!important;display:block!important;right:auto!important;left:auto!important;top:auto!important;width:17px!important;height:17px!important;color:currentColor!important;pointer-events:none!important}
.slv-search__kbd{display:none!important}




.slv-header-cart{background:linear-gradient(-135deg,var(--slv-pink) 0%,#f97316 100%)!important;box-shadow:0 12px 26px rgba(249,115,22,.24)!important}
.slv-signin{height:42px!important;padding:0 15px!important;border:1px solid #e3e6ef!important;background:#fff!important;color:#14141c!important;box-shadow:0 1px 2px rgba(17,17,32,.04)!important}
.slv-signin:hover{border-color:#ffc0d8!important;background:#fff0f6!important;color:var(--slv-pink)!important}
.slv-signin .slv-ico{width:17px!important;height:17px!important;color:var(--slv-pink)!important}
@media(max-width:1220px){.slv-brand__logo img{max-width:220px!important;max-height:58px!important}.slv-search{max-width:360px!important}}
@media(max-width:760px){.slv-header__inner{min-height:66px!important}.slv-brand__logo img{max-width:175px!important;max-height:48px!important}.slv-footer__logo img{max-width:230px!important;max-height:62px!important}}






@media(max-width:1220px){}

/* Silver v0.9.19 — cart out of the colored frame: neutral circle, floating count badge (per reference screenshot). */
.slv-header-cart{
	position:relative!important;
	width:44px!important;
	height:44px!important;
	padding:0!important;
	border-radius:999px!important;
	border:1px solid #e2e5ef!important;
	background:#fff!important;
	color:#14141c!important;
	box-shadow:none!important;
}
.slv-header-cart:hover{
	background:#f7f8fc!important;
	border-color:#d7dbea!important;
	color:var(--slv-pink)!important;
	filter:none!important;
	transform:none!important;
}
.slv-header-cart .slv-ico{width:19px!important;height:19px!important}
.slv-header-cart__label{display:none!important}
.slv-cart-count{
	position:absolute!important;
	top:-5px!important;
	left:-5px!important;
	min-width:19px!important;
	height:19px!important;
	padding:0 5px!important;
	border-radius:999px!important;
	background:linear-gradient(-135deg,var(--slv-pink),#ff7a3d)!important;
	color:#fff!important;
	font-size:10.5px!important;
	box-shadow:0 2px 6px rgba(255,77,147,.4)!important;
	border:2px solid #fff!important;
}
@media(max-width:760px){
	.slv-header-cart{width:40px!important;height:40px!important}
	.slv-cart-count{min-width:17px!important;height:17px!important;font-size:10px!important}
}


@media(max-width:760px){
	.slv-header__inner{gap:8px;}
	.slv-mobile-toggle{order:-1;margin:0;}
	.slv-brand{margin:0 2px 0 auto;}
	.slv-signin{display:inline-flex!important;align-items:center;width:38px;height:38px;padding:0!important;justify-content:center;gap:0!important;border-radius:999px;background:#f5f6fb;border:1px solid #e7e9f2;}
	.slv-signin span{display:none!important;}
	.slv-signin .slv-ico{width:18px;height:18px;}
	.slv-header-cart{border-radius:999px!important;background:#f5f6fb;border:1px solid #e7e9f2;}
	.slv-mobile-search-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:999px;border:1px solid #e7e9f2;background:#f5f6fb;color:#14141c;cursor:pointer;}
	.slv-mobile-search-btn .slv-ico{width:17px;height:17px;}
}
/* Hide the mobile search button on desktop only — must be a min-width query,
   not a bare rule, or it cancels the ≤760 rule above and leaves mobile with no
   search at all (that was the bug). */
@media(min-width:761px){.slv-mobile-search-btn{display:none;}}
.slv-mobile-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;}
.slv-mobile-account__signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:linear-gradient(-90deg,var(--slv-pink,#ff4d93),#ff7a3d);color:#fff;font-weight:800;font-size:14px;text-decoration:none;}
.slv-mobile-account__signin .slv-ico{width:16px;height:16px;}
.slv-mobile-account__register{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;border:2px solid rgba(255,77,147,.3);background:#fff;color:var(--slv-pink,#ff4d93);font-weight:800;font-size:14px;text-decoration:none;}
.slv-mobile-account__register:hover{border-color:var(--slv-pink,#ff4d93);background:#fff0f6;}
.slv-mobile-account__user{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f5f6fb;}
.slv-mobile-account__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(-135deg,var(--slv-pink,#ff4d93),#ff7a3d);color:#fff;font-weight:900;font-size:15px;flex:0 0 auto;}
.slv-mobile-account__user > div{flex:1;min-width:0;}
.slv-mobile-account__user strong{display:block;font-size:14px;color:#14141c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slv-mobile-account__user small{display:block;margin-top:2px;color:#6b7280;font-size:12px;}
.slv-mobile-account__manage{flex:0 0 auto;color:var(--slv-pink,#ff4d93);font-size:12.5px;font-weight:800;text-decoration:none;}
.slv-mobile-account__logout{grid-column:1/-1;text-align:center;color:#9ca3af;font-size:12.5px;font-weight:700;text-decoration:none;padding:4px;}
.slv-mobile-account__manage:hover,.slv-mobile-account__logout:hover{text-decoration:underline;}


.slv-account-drawer{position:fixed;inset:0;z-index:1200;}
.slv-account-drawer__backdrop{position:absolute;inset:0;background:rgba(13,10,22,.45);opacity:0;transition:opacity .2s ease;}
.slv-account-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(84vw,340px);display:flex;flex-direction:column;gap:12px;padding:52px 20px 20px;background:#fff;box-shadow:12px 0 34px rgba(13,10,22,.18);transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto;}
.slv-account-drawer.is-open .slv-account-drawer__backdrop{opacity:1;}
.slv-account-drawer.is-open .slv-account-drawer__panel{transform:translateX(0);}
body.slv-account-drawer-open{overflow:hidden;}
.slv-account-drawer__close{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#f5f6fb;color:#14141c;cursor:pointer;}
.slv-account-drawer__close .slv-ico{width:16px;height:16px;}
.slv-account-drawer__hero{display:grid;justify-items:center;gap:10px;padding:6px 0;text-align:center;}
.slv-account-drawer__hero .slv-auth__mascot{position:relative;top:auto;left:auto;width:112px;height:103px;margin:0;transform:none;filter:drop-shadow(0 8px 14px rgba(19,18,24,.16));}
.slv-account-drawer__hero p{margin:0;color:#6b7280;font-size:14px;}
.slv-account-drawer__hero strong{color:#14141c;}
.slv-account-drawer__signin{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:linear-gradient(-90deg,var(--slv-pink,#ff4d93),#ff7a3d);color:#fff;font-weight:800;font-size:14px;text-decoration:none;}
.slv-account-drawer__register{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;border:2px solid rgba(255,77,147,.3);background:#fff;color:var(--slv-pink,#ff4d93);font-weight:800;font-size:14px;text-decoration:none;}
.slv-account-drawer__register:hover{border-color:var(--slv-pink,#ff4d93);background:#fff0f6;}
.slv-account-drawer__user{display:flex;align-items:center;gap:12px;padding:2px 0 12px;border-bottom:1px solid #eceaf2;}
.slv-account-drawer__avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(-135deg,var(--slv-pink,#ff4d93),#ff7a3d);color:#fff;font-weight:900;font-size:17px;flex:0 0 auto;}
.slv-account-drawer__user strong{display:block;font-size:15px;color:#14141c;}
.slv-account-drawer__user small{display:block;margin-top:2px;color:#9ca3af;font-size:12px;word-break:break-all;}
.slv-account-drawer__menu{display:grid;gap:4px;padding-top:4px;}
.slv-account-drawer__menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:10px;color:#14141c;text-decoration:none;font-size:14px;font-weight:600;}
.slv-account-drawer__menu a:hover{background:#f5f6fb;color:var(--slv-pink,#ff4d93);}
.slv-account-drawer__menu .slv-ico{width:17px;height:17px;color:#9ca3af;flex:0 0 auto;}
.slv-account-drawer__logout{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;background:#f5f6fb;color:#9ca3af;font-size:13px;font-weight:700;text-decoration:none;}
.slv-account-drawer__logout:hover{color:#ef4444;}

/* v0.9.46 — hidden-state armor for the account drawer. */
.slv-account-drawer[hidden]{display:none!important;}

/* v0.9.48 — drawer visibility is class-driven; closed = no box at all. */
.slv-account-drawer{display:none;}
.slv-account-drawer.is-open{display:block;}

/* ============================================================================
   Silver v0.9.49 — hamburger: flat square icon, no box. Guest state shows a
   rectangular Sign in button (opens the right drawer). The menu is a LEFT
   slide-in drawer rendered at wp_footer, mirroring the account drawer.
   ============================================================================ */
.slv-mobile-toggle{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:6px!important;color:#14141c!important;}
.slv-mobile-toggle .slv-ico{width:23px;height:23px;}
@media(max-width:760px){
	.slv-signin--guest{width:auto!important;height:38px;padding:0 14px!important;border-radius:8px;border:0;background:linear-gradient(-90deg,var(--slv-pink,#ff4d93),#ff7a3d);color:#fff;}
	.slv-signin--guest span{display:inline!important;font-size:13px;font-weight:800;color:#fff;}
	.slv-signin--guest .slv-ico{display:none!important;}
}
.slv-mobile-panel{display:none;position:fixed;inset:0;z-index:1190;border:0!important;background:transparent!important;box-shadow:none!important;}
.slv-mobile-panel.is-open{display:block;}
.slv-mobile-panel[hidden]{display:none!important;}
.slv-mobile-panel__backdrop{position:absolute;inset:0;background:rgba(13,10,22,.45);opacity:0;transition:opacity .2s ease;}
.slv-mobile-panel__panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,320px);display:flex;flex-direction:column;gap:14px;padding:16px 18px 20px;background:#fff;box-shadow:-12px 0 34px rgba(13,10,22,.18);transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;}
.slv-mobile-panel.is-open .slv-mobile-panel__backdrop{opacity:1;}
.slv-mobile-panel.is-open .slv-mobile-panel__panel{transform:translateX(0);}
html.slv-menu-open,html.slv-menu-open body{overflow:hidden;}
.slv-mobile-panel__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.slv-mobile-panel__title{font-family:var(--slv-display);font-size:19px;font-weight:800;letter-spacing:-.02em;color:#14141c;}
.slv-mobile-panel__close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#f5f6fb;color:#14141c;cursor:pointer;}
.slv-mobile-panel__close .slv-ico{width:16px;height:16px;}
.slv-mobile-panel__inner{width:auto;margin:0;padding:0;}

/* ============================================================================
   Silver v0.9.50 — guest Sign in button out-guns the white !important pill;
   left drawer categories become image-backed tiles using the category header
   banners; logo docks next to the hamburger instead of floating center.
   ============================================================================ */
@media(max-width:1080px){
	.slv-actions .slv-signin--guest{height:38px!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:linear-gradient(-90deg,var(--slv-pink,#ff4d93),#ff7a3d)!important;color:#fff!important;box-shadow:0 6px 14px rgba(255,77,147,.25)!important;width:auto!important;}
	.slv-actions .slv-signin--guest span{display:inline!important;color:#fff!important;font-size:13px;font-weight:800;}
	.slv-actions .slv-signin--guest .slv-ico{display:none!important;}
}
.slv-mobile-cats{display:grid;gap:8px;}
.slv-mobile-cats__label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;}
.slv-mobile-cat{position:relative;display:flex;align-items:center;min-height:62px;padding:0 14px;border-radius:12px;overflow:hidden;background-color:#2a205f;background-size:cover;background-position:center;color:#fff;text-decoration:none;isolation:isolate;}
.slv-mobile-cat--noimg{background-image:linear-gradient(-135deg,#463284,#2a205f);}
.slv-mobile-cat__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(-90deg,rgba(13,10,22,.74),rgba(13,10,22,.3) 60%,rgba(13,10,22,.05));}
.slv-mobile-cat__name{position:relative;z-index:2;font-family:var(--slv-display);font-size:15px;font-weight:800;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.35);}
.slv-mobile-cat .slv-ico{position:relative;z-index:2;margin-right:auto;width:16px;height:16px;opacity:.85;}
.slv-mobile-cat:active{transform:scale(.985);}
.slv-mobile-nav{margin-top:4px;}

/* ============================================================================
   Silver v0.9.63 — branded add-to-cart feedback + notices + cart badge.
   The raw WooCommerce "View cart" link that AJAX add-to-cart injects is
   hidden; a themed toast slides up instead. Woo notices get the site look.
   On phones the cart count becomes a corner bubble that cannot escape the
   circle button.
   ============================================================================ */
a.added_to_cart{display:none!important;}
.slv-cart-notice{
	position:fixed;top:78px;right:50%;z-index:1180;
	display:flex;align-items:center;gap:12px;
	width:min(640px,calc(100% - 24px));box-sizing:border-box;
	transform:translate(50%,-14px);opacity:0;pointer-events:none;
	border:1px solid #e7e9f2;border-right:3px solid #16a34a;
	border-radius:12px;background:#fff;
	box-shadow:0 10px 34px rgba(20,20,28,.16);
	padding:12px 16px;transition:transform .22s ease,opacity .22s ease;
}
.slv-cart-notice.is-in{transform:translate(50%,0);opacity:1;pointer-events:auto;}
.slv-cart-notice__txt{flex:1;min-width:0;color:#14141c;font-size:13px;font-weight:600;line-height:1.4;}
.slv-cart-notice__btn{
	flex:0 0 auto;border:0;border-radius:8px;
	background:linear-gradient(to left,#ff4d93,#f97316);color:#fff;
	padding:7px 13px;font-size:12px;font-weight:800;line-height:1;
	text-decoration:none;white-space:nowrap;
}
.slv-cart-notice__btn:hover{opacity:.93;color:#fff;}

.woocommerce-message,.woocommerce-info,.woocommerce-error li,.woocommerce-error{
	border:1px solid #e7e9f2!important;border-right:3px solid #16a34a!important;
	border-radius:12px;background:#fff!important;color:#14141c!important;
	padding:12px 16px!important;margin:0 0 14px!important;
	font-size:13px;font-weight:600;line-height:1.45;
	box-shadow:0 2px 10px rgba(20,20,28,.05);list-style:none;
}
.woocommerce-info{border-right-color:#ff4d93!important;}
.woocommerce-error,.woocommerce-error li{border-right-color:#ef4444!important;}
.woocommerce-message:before,.woocommerce-info:before,.woocommerce-error:before,.woocommerce-error li:before{display:none!important;content:none!important;}
.woocommerce-message .button,.woocommerce-info .button{
	float:left;margin-right:12px;border:0;border-radius:8px;
	background:linear-gradient(to left,#ff4d93,#f97316);color:#fff!important;
	padding:6px 12px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;
}
.woocommerce-error{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
.woocommerce-error li{margin:0 0 10px!important;}

@media(max-width:760px){
	.slv-header-cart{position:relative;overflow:visible;}
	.slv-cart-count{
		position:absolute;top:-5px;left:-5px;
		min-width:19px;height:19px;padding:0 4px;box-sizing:border-box;
		border:2px solid #fff;border-radius:999px;
		font-size:10px;line-height:1;display:grid;place-items:center;z-index:2;
	}
}

/* v0.9.65 — empty success notices (suppressed add-to-cart) render nothing. */
.woocommerce-message:empty{display:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;}

/* v0.9.67 — on product pages the add-to-cart notice sits IN THE FLOW, right
   above the Select amount card. Collapses away after fading. Floating
   below-header variant remains for pages without the picker. */
.slv-cart-notice--inline{position:static;right:auto;top:auto!important;z-index:auto;width:100%;margin:0 0 4px;transform:translateY(-6px);transition:transform .22s ease,opacity .22s ease,margin .25s ease .22s,max-height .25s ease .22s;max-height:120px;overflow:hidden;}
.slv-cart-notice--inline.is-in{transform:translateY(0);}
.slv-cart-notice--inline:not(.is-in){max-height:0;margin:0;padding-top:0;padding-bottom:0;border-width:0;}

/* Silver v0.9.68 — wishlist access in the topbar. */
.slv-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.slv-topbar__wl{display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;opacity:.92;}
.slv-topbar__wl:hover{opacity:1;color:#ff4d93;}
.slv-topbar__wl .slv-ico{width:13px;height:13px;}

/* Silver v0.9.77 — text pill for custom social links without a matching icon. */
.slv-footer__social-txt{font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap;padding:0 2px;}

/* Silver v0.9.78 — uploaded social icons in the footer. */
.slv-footer__social-img{width:18px;height:18px;object-fit:contain;display:block;}

/* ============================================================================
   Silver v0.9.93 — one branded notice system everywhere WooCommerce speaks.
   Success, validation, informational and cart-removal notices now share the
   same white card, radius, shadow and action treatment as the Silver add-to-
   cart banner. This also neutralizes Woo Blocks' blue outline completely.
   ============================================================================ */
.woocommerce-notices-wrapper:empty{
	display:none!important;
	margin:0!important;
	padding:0!important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner{
	position:relative!important;
	box-sizing:border-box!important;
	display:flow-root!important;
	width:100%!important;
	min-height:52px!important;
	margin:0 0 14px!important;
	padding:14px 50px 14px 16px!important;
	border:1px solid #e7e9f2!important;
	border-top:1px solid #e7e9f2!important;
	border-left:1px solid #e7e9f2!important;
	border-bottom:1px solid #e7e9f2!important;
	border-right:3px solid #16a34a!important;
	border-radius:12px!important;
	outline:0!important;
	background:#fff!important;
	background-image:none!important;
	color:#14141c!important;
	box-shadow:0 10px 34px rgba(20,20,28,.13)!important;
	font-family:var(--slv-font)!important;
	font-size:13px!important;
	font-weight:600!important;
	line-height:1.45!important;
	list-style:none!important;
}
.woocommerce-info,
.wc-block-components-notice-banner.is-info{
	border-right-color:#ff4d93!important;
}
.woocommerce-error,
.wc-block-components-notice-banner.is-error{
	border-right-color:#ef4444!important;
}
.woocommerce-message,
.wc-block-components-notice-banner.is-success{
	border-right-color:#16a34a!important;
}

/* Replace every native/Woo icon with one compact Silver status marker. */
.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before,
.wc-block-components-notice-banner:before{
	position:absolute!important;
	right:16px!important;
	top:50%!important;
	transform:translateY(-50%)!important;
	display:grid!important;
	place-items:center!important;
	width:22px!important;
	height:22px!important;
	margin:0!important;
	border:0!important;
	border-radius:999px!important;
	font:900 12px/1 var(--slv-font)!important;
	box-shadow:none!important;
}
.woocommerce-message:before,
.wc-block-components-notice-banner.is-success:before{
	content:"✓"!important;
	background:#dcfce7!important;
	color:#15803d!important;
}
.woocommerce-info:before,
.wc-block-components-notice-banner.is-info:before{
	content:"i"!important;
	background:#fff0f6!important;
	color:#db2777!important;
}
.woocommerce-error:before,
.wc-block-components-notice-banner.is-error:before{
	content:"!"!important;
	background:#fee2e2!important;
	color:#dc2626!important;
}

/* WooCommerce errors are ULs; their LIs are content, never extra cards. */
.woocommerce-error>li,
.woocommerce-error li,
.wc-block-components-notice-banner__content{
	box-sizing:border-box!important;
	border:0!important;
	outline:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	padding:0!important;
	margin:0!important;
	color:inherit!important;
	font:inherit!important;
	line-height:inherit!important;
	list-style:none!important;
}
.woocommerce-error>li+li{margin-top:5px!important;}
.wc-block-components-notice-banner>svg,
.wc-block-components-notice-banner__icon{
	display:none!important;
}

/* Notice actions use the same pink-to-orange button as View cart. */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-message a.wc-forward,
.woocommerce-info a.wc-forward,
.woocommerce-message a.restore-item,
.wc-block-components-notice-banner a.button,
.wc-block-components-notice-banner a.wc-forward,
.wc-block-components-notice-banner a.restore-item{
	float:left!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:32px!important;
	margin:-4px 14px -4px 0!important;
	padding:7px 13px!important;
	border:0!important;
	border-radius:8px!important;
	background:linear-gradient(to left,#ff4d93,#f97316)!important;
	color:#fff!important;
	box-shadow:none!important;
	font-size:12px!important;
	font-weight:800!important;
	line-height:1!important;
	text-decoration:none!important;
	white-space:nowrap!important;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.wc-forward:hover,
.woocommerce-info a.wc-forward:hover,
.woocommerce-message a.restore-item:hover,
.wc-block-components-notice-banner a:hover{
	color:#fff!important;
	opacity:.93!important;
}
.woocommerce-message a:not(.button):not(.wc-forward):not(.restore-item),
.woocommerce-info a:not(.button):not(.wc-forward),
.woocommerce-error a,
.wc-block-components-notice-banner a:not(.button):not(.wc-forward):not(.restore-item){
	color:#14141c!important;
	font-weight:800!important;
	text-decoration:underline!important;
	text-underline-offset:2px!important;
}

@media(max-width:640px){
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.wc-block-components-notice-banner{
		padding:13px 46px 13px 14px!important;
		font-size:12px!important;
	}
	.woocommerce-message:before,
	.woocommerce-info:before,
	.woocommerce-error:before,
	.wc-block-components-notice-banner:before{right:13px!important;}
	.woocommerce-message a.button,
	.woocommerce-info a.button,
	.woocommerce-message a.wc-forward,
	.woocommerce-info a.wc-forward,
	.woocommerce-message a.restore-item,
	.wc-block-components-notice-banner a.button,
	.wc-block-components-notice-banner a.wc-forward,
	.wc-block-components-notice-banner a.restore-item{
		float:none!important;
		margin:9px 0 0!important;
	}
}

/* Do not let a plugin put a second frame around the actual notice card. */
.woocommerce-notices-wrapper{
	box-sizing:border-box!important;
	width:100%!important;
	padding:0!important;
	border:0!important;
	outline:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

/* ============================================================================
   Silver v0.9.178 — dedicated mobile SEARCH overlay.
   The header search button now opens a focused search sheet (field + submit +
   close) instead of the category menu drawer. Top sheet on a dimmed backdrop.
   ============================================================================ */
.slv-mobile-search-overlay{
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	flex-direction:column;
}
.slv-mobile-search-overlay[hidden]{display:none;}
.slv-mobile-search-overlay__backdrop{
	position:absolute;
	inset:0;
	background:rgba(8,6,18,.55);
}
.slv-mobile-search-overlay__bar{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	gap:8px;
	padding:12px 14px;
	background:#fff;
	box-shadow:0 8px 24px rgba(8,6,18,.25);
	animation:slvSearchDrop .18s ease;
}
@keyframes slvSearchDrop{
	from{transform:translateY(-14px);opacity:.4;}
	to{transform:translateY(0);opacity:1;}
}
.slv-mobile-search-overlay__form{
	flex:1 1 auto;
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	height:44px;
	padding:0 12px 0 6px;
	background:#f4f5fb;
	border:1px solid #e7e9f2;
	border-radius:12px;
}
.slv-mobile-search-overlay__icon{
	display:flex;
	flex:0 0 auto;
	color:#8a8fa3;
}
.slv-mobile-search-overlay__icon .slv-ico{width:18px;height:18px;}
.slv-mobile-search-overlay__input{
	flex:1 1 auto;
	min-width:0;
	border:0;
	background:transparent;
	outline:none;
	font-size:16px;
	color:#14141c;
}
.slv-mobile-search-overlay__input::placeholder{color:#9ca3af;}
.slv-mobile-search-overlay__go{
	flex:0 0 auto;
	height:34px;
	padding:0 13px;
	border:0;
	border-radius:9px;
	background:#ff2f87;
	color:#fff;
	font-weight:600;
	font-size:13px;
	cursor:pointer;
}
.slv-mobile-search-overlay__close{
	flex:0 0 auto;
	width:38px;
	height:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	background:transparent;
	color:#14141c;
	cursor:pointer;
}
.slv-mobile-search-overlay__close .slv-ico{width:20px;height:20px;}
body.slv-search-overlay-open{overflow:hidden;}

/* ============================================================================
   Silver v0.9.183 — prominent search bar at the top of the mobile menu drawer.
   The mobile search button opens the drawer with the cursor already in here.
   ============================================================================ */
.slv-search--drawer{
	display:flex!important;
	align-items:center;
	gap:8px;
	box-sizing:border-box!important;
	flex:0 0 auto!important;
	width:100%!important;
	max-width:none!important;
	min-width:0!important;
	margin:2px 0 14px!important;
	padding:0 12px 0 6px!important;
	height:48px!important;
	background:#f4f5fb!important;
	border:1px solid #e7e9f2!important;
	border-radius:14px!important;
	box-shadow:0 2px 10px rgba(15,16,30,.06);
}
.slv-search--drawer__ico{display:flex;flex:0 0 auto;color:#8a8fa3;}
.slv-search--drawer__ico .slv-ico{width:18px;height:18px;}
.slv-search--drawer .slv-search__input{
	flex:1 1 auto;
	min-width:0;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	outline:none;
	font-size:16px;
	color:#14141c;
	height:100%!important;
	box-shadow:none!important;
	padding:0!important;
}
.slv-search--drawer .slv-search__input::placeholder{color:#9ca3af;}
/* Override the base .slv-search__submit (absolute, 34px round icon button) so
   the drawer's text "Search" button sits inline and never overflows the bar. */
.slv-search--drawer__go{
	position:static!important;
	transform:none!important;
	left:auto!important;
	top:auto!important;
	flex:0 0 auto!important;
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	width:auto!important;
	height:36px!important;
	min-width:0!important;
	padding:0 14px!important;
	border:0!important;
	border-radius:10px!important;
	background:linear-gradient(-135deg,#ff2f87 0%,#f97316 100%)!important;
	color:#fff!important;
	font-weight:700!important;
	font-size:13px!important;
	line-height:1!important;
	white-space:nowrap!important;
	box-shadow:none!important;
	cursor:pointer!important;
}
.slv-search--drawer__go:hover{filter:brightness(1.06)!important;color:#fff!important;}
/* ============================================================================
   Silver v0.9.314 — sticky header on iPhone.

   1. The admin bar is only fixed on wide screens. Below 782px WordPress switches
      #wpadminbar to position:absolute, so it scrolls away with the page — while
      the header was still being held 46px down to make room for it. Once the bar
      has scrolled off, that 46px is empty viewport with the page running through
      it, which is the "writing above the header" being seen. Only logged-in users
      ever saw this, which is why one phone looked fine and the other did not.

   2. Safari composites a backdrop-filtered sticky element unreliably: the blurred
      layer is painted once and does not always travel with the element as it
      sticks, so content appears to pass over the header instead of under it.
      Chrome on Android does not do this. The header background is 94% opaque
      anyway, so the blur was contributing almost nothing — dropping it on iOS
      costs no visible effect and removes the whole class of bug.
   ============================================================================ */
@media (max-width: 782px) {
	.admin-bar .slv-header { top: 0 !important; }
}
@supports (-webkit-touch-callout: none) {
	.slv-header {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		background: #fff !important;
		isolation: isolate;
	}
}

/* ============================================================================
   Silver v0.9.334 — the header row must not exceed the screen.

   Reported on phones where the language switcher sat half outside the viewport.
   Measured at a 360px viewport: the row asked for 378px inside a 312px
   container, so the last control in the action bar — the switcher — hung 42px
   past the right edge and the whole page gained a horizontal scrollbar.

   The old layout could only ever fit by luck. Every item in the row was
   flex-shrink:0, so the row's width was the sum of its parts and a phone either
   happened to be wide enough or it did not: hence "some phones, not all". The
   fix is not a smaller number, it is making one item elastic. The logo is the
   right one — a logo that renders 20px narrower is still a logo, while a
   sign-in button or a cart that renders 20px narrower is a broken control.

   Three changes, in order of how much they buy:
     1. Phones get their gutters back. 24px of padding a side is a desktop
        measurement; 12px is the phone equivalent and returns 24px to the row.
     2. The brand becomes the flexible item and is allowed to shrink to nothing
        before anything else gives. This is what guarantees the row fits at any
        width, including widths no phone has yet.
     3. Under 430px the controls tighten: the switcher drops to its globe, and
        the round buttons lose 2px each.
   ========================================================================== */
@media(max-width:760px){
	.slv-topbar__inner,
	.slv-header__inner,
	.slv-footer__inner{width:min(100% - 24px,var(--slv-max))!important}

	.slv-header__inner{gap:8px!important;flex-wrap:nowrap}

	/* Fixed-size ends. */
	.slv-mobile-toggle{flex:0 0 auto}
	.slv-actions{flex:0 0 auto;gap:6px}

	/* The elastic middle. min-width:0 is the part that actually does the work:
	   a flex item will not shrink below its content's intrinsic width without
	   it, and an <img> counts its natural width as intrinsic. */
	.slv-brand{flex:0 1 auto;min-width:0;overflow:hidden}
	.slv-brand__logo{display:block;min-width:0}

	/* The switcher keeps a label. Its own stylesheet swaps the full name for a
	   single letter below 900px — "ع" on the English site, "EN" on the Arabic
	   one — but on the live site something further down the cascade was hiding
	   that letter too, leaving a bare globe. A globe says a language can be
	   changed; it does not say which one it would change to, which is the only
	   thing the control exists to communicate. Forced back on, measured: the
	   pill goes 36px -> 51px and the row still fits at 320px. */
	.slv-header .slv-lang--pill .slv-lang__name{display:none!important}
	.slv-header .slv-lang--pill .slv-lang__short{display:inline!important}
	.slv-header .slv-lang--pill{padding:0 10px!important;gap:5px!important}
	/* !important, reluctantly: the ≤760px block above pins the logo to
	   max-width:175px!important, and an !important cap cannot be talked out
	   of by a plain declaration. Without this the image keeps its natural
	   width inside a box that has shrunk, and overflow:hidden crops the
	   logo instead of scaling it — measured at a 320px viewport: an 85px
	   image in a 43px box. */
	.slv-brand__logo img{max-width:100%!important;height:auto!important}
}

@media(max-width:430px){
	.slv-header-cart{width:36px!important;height:36px!important}
	.slv-mobile-search-btn{width:36px!important;height:36px!important}
	.slv-actions .slv-signin--guest{padding:0 11px!important}
	.slv-actions .slv-signin--guest span{font-size:12.5px}
}