.elementor-234679 .elementor-element.elementor-element-30523f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-234679 .elementor-element.elementor-element-478fae0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-234679 .elementor-element.elementor-element-5edcf97{text-align:center;}.elementor-234679 .elementor-element.elementor-element-0167665{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-234679 .elementor-element.elementor-element-7e40b82{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-234679 .elementor-element.elementor-element-c1b5e23 .elementor-button-content-wrapper{flex-direction:row;}.elementor-234679 .elementor-element.elementor-element-c1b5e23 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-234679 .elementor-element.elementor-element-b0ad555 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-234679 .elementor-element.elementor-element-b0ad555 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-234679 .elementor-element.elementor-element-b0ad555{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-234679 .elementor-element.elementor-element-b0ad555 .elementor-icon-list-text{transition:color 0.3s;}.elementor-234679 .elementor-element.elementor-element-10141dd .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-30523f2 *//* YouHoo header 2026 · notification tray. Everything here is scoped to #yh-hdr and to the page that uses it */
#yh-hdr{
  --yh-night:#140A2E; --yh-deep:#1E0B4B; --yh-purple:#3F0592; --yh-blue:#2D6BE4; --yh-sky:#9DB8FF;
  --yh-tq:#03DAC4; --yh-ink:#F4F1FB; --yh-dim:#C9BFE6;
  --yh-glass:rgba(255,255,255,.09); --yh-glass-hi:rgba(255,255,255,.16); --yh-line:rgba(255,255,255,.14);
  --yh-ease:cubic-bezier(.16,1,.3,1);
  position:sticky; top:0; z-index:999;
  background:
    radial-gradient(900px 260px at 82% -40%, rgba(63,5,146,.8), transparent 70%),
    radial-gradient(700px 220px at 10% 120%, rgba(45,107,228,.28), transparent 70%),
    rgba(26,11,64,.9);
  -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px);
  color:var(--yh-ink); font-family:Rubik,system-ui,sans-serif;
  box-shadow:0 10px 30px -12px rgba(20,10,46,.55);
  padding:0 !important; gap:0 !important;
}
.admin-bar #yh-hdr{top:32px}
#yh-hdr a{transition:color .25s var(--yh-ease),background-color .25s var(--yh-ease)}
#yh-hdr :focus-visible{outline:2px solid var(--yh-tq);outline-offset:3px;border-radius:10px}

/* Status line (the announcement) */
#yh-status{min-height:34px;justify-content:center;align-items:center;overflow:hidden;transition:min-height .45s var(--yh-ease),opacity .3s,margin .45s var(--yh-ease);padding:0 16px !important}
#yh-status .elementor-heading-title{font-size:13.5px;font-weight:400;line-height:1.4;color:var(--yh-dim) !important;letter-spacing:.01em;display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;text-align:center}
#yh-status .elementor-heading-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yh-tq);box-shadow:0 0 0 0 rgba(3,218,196,.6);animation:yhPulse 2.4s var(--yh-ease) infinite;flex:none}
#yh-status a{color:#fff !important;font-weight:600;text-decoration:underline;text-decoration-color:var(--yh-tq);text-underline-offset:4px;text-decoration-thickness:2px}
#yh-status a:hover{color:var(--yh-tq) !important}
#yh-status .store_top_msg,#yh-status .elementor-widget-container{background:none !important;padding:0 !important}
@keyframes yhPulse{0%{box-shadow:0 0 0 0 rgba(3,218,196,.55)}70%{box-shadow:0 0 0 9px rgba(3,218,196,0)}100%{box-shadow:0 0 0 0 rgba(3,218,196,0)}}

/* The bar: a frosted notification plate */
#yh-bar{
  width:calc(100% - 32px) !important; max-width:1400px; margin:2px auto 0 !important;
  min-height:66px; padding:0 10px 0 14px !important; border-radius:22px;
  background:linear-gradient(180deg,var(--yh-glass-hi),var(--yh-glass));
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border:1px solid var(--yh-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px -14px rgba(0,0,0,.6);
  flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; gap:12px !important;
  transition:min-height .45s var(--yh-ease),border-radius .45s var(--yh-ease);
}
#yh-bar > .elementor-element{width:auto !important;margin:0 !important}

/* Logo as an app icon */
#yh-logo{flex:none}
#yh-logo a{display:flex;align-items:center;justify-content:center;height:46px;padding:0 4px;transition:transform .35s var(--yh-ease)}
#yh-logo a:hover{transform:translateY(-1px) scale(1.03)}
#yh-logo img{width:118px !important;height:auto !important;max-height:46px;object-fit:contain;filter:brightness(1.35) saturate(1.1)}

/* Desktop menu */
#yh-nav{flex:1 1 auto;min-width:0}
#yh-nav .elementor-nav-menu--main .elementor-nav-menu{justify-content:center;flex-wrap:nowrap}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{
  color:var(--yh-ink) !important;font-size:14.5px;font-weight:500;white-space:nowrap;
  padding:9px 10px !important;border-radius:12px;gap:4px;line-height:1.2;
}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a > i{display:none}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.highlighted,
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item-active{background:rgba(255,255,255,.12)}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item-active{box-shadow:inset 0 -2px 0 var(--yh-tq)}
#yh-nav .sub-arrow{padding-right:4px !important;opacity:.7}
#yh-nav .sub-arrow i,#yh-nav .sub-arrow svg{font-size:10px;width:10px;fill:currentColor}
/* Submenu: a stack of notifications */
#yh-nav .elementor-nav-menu--main ul.sub-menu{
  min-width:300px !important;padding:8px !important;border-radius:20px;margin-top:12px !important;
  background:rgba(30,11,75,.86) !important;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid var(--yh-line);box-shadow:0 24px 50px -18px rgba(0,0,0,.7) !important;
  animation:yhDrop .38s var(--yh-ease) both;
}
#yh-nav ul.sub-menu li + li{margin-top:4px}
#yh-nav ul.sub-menu a{
  color:var(--yh-ink) !important;background:rgba(255,255,255,.05) !important;border-radius:14px;
  padding:12px 14px !important;font-size:14.5px;font-weight:500;border:0 !important;gap:10px;
}
#yh-nav ul.sub-menu a i{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;background:rgba(255,255,255,.12);font-size:15px;flex:none;margin-left:10px}
#yh-nav ul.sub-menu a:hover{background:rgba(255,255,255,.14) !important;color:#fff !important}
@keyframes yhDrop{from{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* Actions */
#yh-actions{flex:none;flex-wrap:nowrap !important;align-items:center !important;gap:6px !important;padding:0 !important}
#yh-actions > .elementor-element{width:auto !important;margin:0 !important}
#yh-actions .elementor-button{
  background:transparent !important;color:var(--yh-ink) !important;border:1px solid var(--yh-line) !important;
  border-radius:13px !important;padding:10px 14px !important;font-size:14px !important;font-weight:500 !important;
  box-shadow:none !important;text-shadow:none !important;line-height:1.2 !important;white-space:nowrap;
}
#yh-actions .elementor-button:hover{background:rgba(255,255,255,.12) !important}
#yh-track .elementor-button-icon i,#yh-track .elementor-button-icon svg,#yh-login .elementor-icon-list-icon i{display:none !important}
#yh-track .elementor-button-icon:before,#yh-login .elementor-icon-list-icon:before{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:var(--yh-ic) center/contain no-repeat;mask:var(--yh-ic) center/contain no-repeat}
#yh-track{--yh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5v-9Z'/%3E%3Cpath d='m3 7.5 9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E")}
#yh-login{--yh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E")}
#yh-login .elementor-icon-list-icon{color:var(--yh-sky)}
#yh-login .elementor-icon-list-item{gap:8px;padding:9px 12px;border-radius:13px;transition:background .25s}
#yh-login .elementor-icon-list-item:hover{background:rgba(255,255,255,.12)}
#yh-login .elementor-icon-list-icon i{color:var(--yh-sky) !important;font-size:15px !important}
#yh-login a,#yh-login .elementor-icon-list-text{color:var(--yh-ink) !important;font-size:14px;font-weight:500;white-space:nowrap;max-width:none;overflow:visible}

/* Cart: the button itself is styled in youhoo-cart */
#yh-cart{flex:none}

/* Mobile menu toggle */
#yh-mnav .elementor-menu-toggle{background:rgba(255,255,255,.1) !important;border-radius:13px;width:44px;height:44px;color:#fff !important;border:1px solid var(--yh-line)}
#yh-mnav .elementor-menu-toggle i,#yh-mnav .elementor-menu-toggle svg{color:#fff;fill:#fff;font-size:20px}
#yh-mnav .elementor-nav-menu--dropdown{background:rgba(20,10,46,.97) !important;border-radius:22px;border:1px solid var(--yh-line);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);position:fixed !important;left:12px !important;right:12px !important;top:var(--yh-mtop,110px) !important;width:auto !important;margin:0 !important;padding:0 10px;overflow:auto;z-index:1000}
#yh-mnav .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown{max-height:calc(100vh - var(--yh-mtop,110px) - 16px) !important;padding:10px}
#yh-mnav .elementor-nav-menu--dropdown a{color:var(--yh-ink) !important;background:rgba(255,255,255,.05) !important;border-radius:14px;margin:4px 0;padding:13px 16px !important;font-size:15.5px;border:0 !important}
#yh-mnav .elementor-nav-menu--dropdown a:hover,#yh-mnav .elementor-nav-menu--dropdown a.highlighted{background:rgba(255,255,255,.13) !important}
#yh-mnav .elementor-nav-menu--dropdown ul.sub-menu{padding-right:10px !important}

/* Networks ticker */
#yh-ticker{width:100% !important;max-width:none !important;padding:10px 0 12px !important;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  transition:padding .45s var(--yh-ease)}
#yh-ticker .elementor-widget-container,#yh-ticker .elementor-shortcode{overflow:visible}
#yh-ticker ul.flexme{
  display:flex !important;flex-wrap:nowrap !important;gap:10px;margin:0 !important;padding:0 !important;list-style:none;
  width:max-content;justify-content:flex-start !important;
  animation:yhMarquee var(--yh-dur,60s) linear infinite;will-change:transform;
}
#yh-ticker:hover ul.flexme,#yh-ticker:focus-within ul.flexme,#yh-ticker.yh-paused ul.flexme{animation-play-state:paused}
@keyframes yhMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
#yh-ticker ul.flexme > li{margin:0 !important;padding:0 !important;flex:none;width:auto !important;list-style:none}
#yh-ticker .product-cat{
  position:relative;display:flex !important;flex-direction:row !important;align-items:center;gap:10px;
  padding:5px 16px 5px 6px;border-radius:999px;width:auto !important;height:auto !important;margin:0 !important;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);
  transition:background .3s var(--yh-ease),transform .35s var(--yh-ease),border-color .3s;
}
#yh-ticker .product-cat:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
#yh-ticker .cover-link{position:absolute;inset:0;z-index:2;border-radius:999px}
#yh-ticker .gradient-frame{width:34px !important;height:34px !important;min-width:34px;border-radius:50% !important;padding:2px !important;margin:0 !important;display:grid;place-items:center;flex:none}
#yh-ticker .image-frame{width:100% !important;height:100% !important;border-radius:50% !important;background:#fff !important;display:grid;place-items:center;margin:0 !important;padding:0 !important;border:0 !important}
#yh-ticker .image-frame img{width:18px !important;height:18px !important;object-fit:contain;margin:0 !important}
#yh-ticker .hover-cat-img{display:none !important}
#yh-ticker .cat-link{color:var(--yh-ink) !important;font-size:14px !important;font-weight:500 !important;white-space:nowrap;line-height:1.2 !important;margin:0 !important;padding:0 !important;text-decoration:none !important}
#yh-ticker .cat-link br{display:none}
#yh-ticker ul.flexme{overflow:visible !important}
#yh-ticker .image-frame:before,#yh-ticker .image-frame::before{display:none !important;content:none !important}
#yh-ticker .gradient-frame{z-index:auto !important}
#yh-ticker .image-frame{width:30px !important;height:30px !important;min-width:30px}
#yh-ticker .cat-link{width:auto !important;min-height:0 !important;display:block !important;padding:0 !important;text-align:right}
#yh-ticker li:hover img.cat-img{display:block !important}
#yh-ticker li:hover .hover-cat-img{display:none !important}
#yh-ticker .product-cat:hover .cat-link{color:#fff !important;font-weight:500 !important}

/* Scrolled: the plate tightens and the status line folds away */
#yh-hdr.yh-scrolled #yh-status{min-height:0;height:0;opacity:0;margin:0 !important}
#yh-hdr.yh-scrolled #yh-bar{min-height:58px;margin-top:8px !important}
#yh-hdr.yh-scrolled #yh-ticker{padding:8px 0 9px !important}

/* Add to cart notification */
.yh-toast{
  position:fixed;z-index:100000;top:14px;left:50%;width:min(380px,calc(100vw - 24px));
  transform:translate(-50%,-140%);opacity:0;
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;direction:rtl;
  background:rgba(30,11,75,.88);color:#F4F1FB;font-family:Rubik,system-ui,sans-serif;
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 44px -16px rgba(0,0,0,.7);
  transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .35s;
}
.yh-toast.in{transform:translate(-50%,0);opacity:1}
.yh-toast.out{transform:translate(-50%,-30%) scale(.9);opacity:0;filter:blur(3px);transition:transform .5s cubic-bezier(.7,0,.84,0),opacity .45s,filter .45s}
.yh-toast,.yh-toast *{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,system-ui,sans-serif;letter-spacing:0;line-height:1.3}
.yh-toast{padding:10px 18px 10px 12px;width:auto;max-width:min(400px,calc(100vw - 24px))}
.yh-toast-ic{width:40px;height:40px;border-radius:12px;background:#03DAC4;flex:none;display:grid;place-items:center}
.yh-toast-ic svg{width:20px;height:20px}
.yh-toast-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.yh-toast-app{font-size:12px;font-weight:500;color:#C9BFE6}
.yh-toast-msg{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yh-toast-sub{font-size:13px;color:#E6E0F5}

/* Breakpoints */
@media (max-width:1500px){
  #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:14px;padding:8px 8px !important}
}
@media (max-width:1366px){
  #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:13.5px;padding:8px 7px !important}
  #yh-actions .elementor-button,#yh-login a{font-size:13px !important}
  #yh-contact{display:none !important}
}
@media (max-width:1024px){
  #yh-bar{min-height:60px;padding:0 8px !important;border-radius:20px;width:calc(100% - 20px) !important}
  #yh-nav{display:none !important}
  #yh-bar{gap:8px !important}
  #yh-actions{gap:6px !important}
  #yh-track .elementor-button{width:44px;height:44px;padding:0 !important;justify-content:center;border-radius:13px !important}
  #yh-track .elementor-button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #yh-track .elementor-button-content-wrapper{gap:0 !important}
  #yh-login .elementor-icon-list-item{width:44px;height:44px;padding:0;justify-content:center;border:1px solid var(--yh-line);border-radius:13px}
  #yh-login .elementor-icon-list-text{position:absolute !important;width:1px !important;height:1px;overflow:hidden !important;clip:rect(0 0 0 0)}
  #yh-logo img{width:96px !important}
  #yh-logo a{height:42px}
  #yh-logo img{width:84px !important}
  #yh-ticker .product-cat{padding:4px 13px 4px 5px}
  #yh-ticker .gradient-frame{width:30px !important;height:30px !important;min-width:30px}
  #yh-ticker .image-frame{width:26px !important;height:26px !important;min-width:26px}
  #yh-ticker .cat-link{font-size:13px !important}
  .admin-bar #yh-hdr{top:0}
}
@media (max-width:767px){
  #yh-status .elementor-heading-title{font-size:12.5px;gap:8px}
  #yh-status{min-height:30px}
  #yh-bar{margin-top:0 !important}
  #yh-ticker{padding:8px 0 10px !important}
}
@media (prefers-reduced-motion:reduce){
  #yh-ticker ul.flexme{animation:none;transform:none}
  #yh-ticker{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  #yh-status .elementor-heading-title:before{animation:none}
  .yh-toast,.yh-toast.in,.yh-toast.out{transition:opacity .2s}
  #yh-hdr *{scroll-behavior:auto}
}

#yh-login .elementor-icon-list-text{width:auto !important;max-width:none !important;overflow:visible !important}
#yh-login .elementor-icon-list-items{flex-wrap:nowrap}

/* Sticky lives on the Elementor header wrapper, so the bar stays while scrolling */
[data-elementor-type=header][data-elementor-id="234679"]{position:sticky;top:0;z-index:999}
.admin-bar [data-elementor-type=header][data-elementor-id="234679"]{top:32px}
#yh-hdr{position:relative !important;top:auto !important}
@media (max-width:1024px){
  .admin-bar [data-elementor-type=header][data-elementor-id="234679"]{top:0}
  #yh-hdr #yh-login .elementor-icon-list-text{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap}
  #yh-hdr #yh-login .elementor-icon-list-item{display:grid !important;place-items:center;width:44px;height:44px;padding:0 !important;margin:0 !important}
  #yh-hdr #yh-login .elementor-icon-list-icon{margin:0 !important;padding:0 !important}
  #yh-hdr #yh-track .elementor-button{display:grid !important;place-items:center;width:44px;height:44px;padding:0 !important}
  #yh-hdr #yh-track .elementor-button-content-wrapper{display:grid !important;place-items:center;margin:0 !important}
  #yh-hdr #yh-track .elementor-button-icon{margin:0 !important}
}

@media (max-width:1024px){
  #yh-hdr #yh-login a:not(:has(.elementor-icon-list-icon)){position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown{background:#170B36 !important}
}

/* Mobile menu: opaque panel, the old contact items laid out as one tidy row */
@media (max-width:1024px){
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown{background:#170B36 !important;-webkit-backdrop-filter:none;backdrop-filter:none}
  #yh-mnav .elementor-nav-menu--dropdown > ul{display:flex;flex-direction:column}
  #yh-mnav .elementor-nav-menu--dropdown li{position:static !important;width:auto !important;margin:0 !important;padding:0 !important;float:none !important}
  #yh-mnav .elementor-nav-menu--dropdown li > a:empty{display:none !important}
  #yh-mnav .elementor-nav-menu--dropdown .icon-wrap{width:40px;height:40px;background:rgba(255,255,255,.08) !important;border-radius:12px}
  #yh-mnav .elementor-nav-menu--dropdown .icon-wrap .fab{color:#F4F1FB !important}
  #yh-mnav .elementor-nav-menu--dropdown ul ul{position:static !important;transform:none !important;width:auto !important;margin:0 !important;box-shadow:none !important;background:transparent !important}
}
@media (max-width:1024px){
  #yh-mnav .elementor-nav-menu--dropdown > ul{flex-direction:row !important;flex-wrap:wrap;gap:8px}
  #yh-mnav .elementor-nav-menu--dropdown > ul > li{flex:1 1 100%}
  #yh-mnav .elementor-nav-menu--dropdown > ul > li:has(.icon-wrap){flex:0 0 auto}
  #yh-mnav .elementor-nav-menu--dropdown > ul > li:has(.icon-wrap) > a{width:52px;height:52px;padding:0 !important;display:grid !important;place-items:center;margin:0 !important}
  #yh-mnav .elementor-nav-menu--dropdown > ul > li:has(.icon-wrap) .icon-wrap{background:transparent !important}
}

/* ===== Round 4 (Julia, 15.10): white bar, bigger logo, Rubik everywhere, symmetric ticker ===== */
/* White frosted bar on the night ground */
#yh-bar{
  background:rgba(255,255,255,.95) !important;
  border-color:rgba(255,255,255,.8) !important;
  box-shadow:0 16px 36px -18px rgba(8,2,26,.7),inset 0 1px 0 #fff !important;
}
#yh-bar :focus-visible{outline-color:#3F0592 !important}
/* Logo: larger, on white, no filter */
#yh-logo a{height:52px;padding:0}
#yh-logo img{width:138px !important;max-height:52px !important;filter:none !important}
/* Menu on white */
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{color:#1E0B4B !important}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.highlighted{background:rgba(63,5,146,.07) !important}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item-active{background:rgba(63,5,146,.07) !important;box-shadow:inset 0 -2px 0 #3F0592 !important}
#yh-nav .sub-arrow,#yh-nav .sub-arrow i,#yh-nav .sub-arrow svg{color:#3F0592 !important;fill:#3F0592 !important}
/* Submenu becomes a white notification stack too */
#yh-nav .elementor-nav-menu--main ul.sub-menu{background:rgba(255,255,255,.97) !important;border-color:rgba(30,11,75,.08) !important;box-shadow:0 26px 50px -20px rgba(8,2,26,.55) !important}
#yh-nav ul.sub-menu a{color:#1E0B4B !important;background:rgba(63,5,146,.04) !important}
#yh-nav ul.sub-menu a:hover{background:rgba(63,5,146,.09) !important;color:#3F0592 !important}
#yh-nav ul.sub-menu a i{background:rgba(63,5,146,.08) !important;color:#3F0592 !important}
/* Actions on white */
#yh-actions .elementor-button{color:#1E0B4B !important;border-color:rgba(30,11,75,.14) !important}
#yh-actions .elementor-button:hover{background:rgba(63,5,146,.07) !important}
#yh-login a,#yh-login .elementor-icon-list-text{color:#1E0B4B !important}
#yh-login .elementor-icon-list-item:hover{background:rgba(63,5,146,.07) !important}
#yh-login .elementor-icon-list-icon{color:#3F0592 !important}
#yh-mnav .elementor-menu-toggle{background:rgba(63,5,146,.07) !important;border-color:rgba(30,11,75,.12) !important;color:#1E0B4B !important}
#yh-mnav .elementor-menu-toggle i,#yh-mnav .elementor-menu-toggle svg{color:#1E0B4B !important;fill:#1E0B4B !important}
/* Rubik for every text in the header (icon fonts untouched) */
#yh-hdr .elementor-button-text,#yh-hdr .elementor-button,#yh-hdr .elementor-icon-list-text,#yh-hdr .elementor-item,#yh-hdr .elementor-sub-item,#yh-hdr .elementor-heading-title,#yh-hdr .cat-link{font-family:Rubik,system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
/* Ticker: same width and the same side margins as the bar */
#yh-ticker{width:calc(100% - 32px) !important;max-width:1400px !important;margin:0 auto !important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent) !important;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent) !important}
/* Room for the menu: contact leaves the bar below 1600 (still in the mobile menu and footer) */
@media (max-width:1600px){ #yh-contact{display:none !important} }
@media (max-width:1366px){ #yh-logo img{width:124px !important} }
@media (max-width:1280px){
  #yh-track .elementor-button{width:44px;height:44px;padding:0 !important;display:grid !important;place-items:center}
  #yh-track .elementor-button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:1024px){
  #yh-logo a{height:44px}
  #yh-logo img{width:112px !important;max-height:44px !important}
  #yh-ticker{width:calc(100% - 20px) !important}
  #yh-hdr #yh-login .elementor-icon-list-item{border-color:rgba(30,11,75,.14) !important}
}
/* Before GSAP takes over, nothing is hidden: the timeline only animates from an offset */

/* ===== Round 5 (Julia, 15.10): spread the bar and the ticker, give the menu air, separate the actions ===== */
/* Bar and ticker span the screen with one gutter, no 1400 cap */
#yh-hdr{--yh-gutter:24px}
#yh-bar,#yh-ticker{width:calc(100% - var(--yh-gutter) * 2) !important;max-width:none !important}
#yh-bar{min-height:72px !important;padding:0 14px 0 22px !important;gap:20px !important;margin-top:4px !important}
#yh-hdr.yh-scrolled #yh-bar{min-height:62px !important}

/* Three zones: logo, menu in the middle, actions after a divider */
#yh-nav{flex:1 1 auto !important;min-width:0;display:flex;justify-content:center}
#yh-nav .elementor-nav-menu--main .elementor-nav-menu{gap:2px;justify-content:center}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:15px !important;padding:11px 15px !important}
#yh-actions{gap:4px !important;padding-right:16px !important;margin-right:4px !important;border-right:1px solid rgba(30,11,75,.12);min-height:40px}

/* Order tracking reads as a quiet link like login, the cart stays the only filled control */
#yh-actions .elementor-button{border-color:transparent !important;background:transparent !important;padding:10px 12px !important}
#yh-actions .elementor-button:hover{background:rgba(63,5,146,.07) !important}
#yh-login .elementor-icon-list-item{padding:10px 12px !important}
#yh-cart{margin-right:6px}

/* Contact comes back where there is room */
@media (min-width:1700px){ #yh-contact{display:block !important} }
@media (max-width:1699px){ #yh-contact{display:none !important} }

/* Narrower desktops keep the same structure, slightly tighter */
@media (max-width:1600px){
  #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:14.5px !important;padding:10px 12px !important}
}
@media (max-width:1366px){
  #yh-hdr{--yh-gutter:16px}
  #yh-bar{gap:14px !important;padding:0 10px 0 16px !important}
  #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:14px !important;padding:10px 9px !important}
  #yh-actions{padding-right:10px !important}
}
@media (max-width:1024px){
  #yh-hdr{--yh-gutter:10px}
  #yh-bar{min-height:62px !important;gap:8px !important;padding:0 8px !important}
  #yh-actions{border-right:0;padding-right:0 !important;margin-right:0 !important}
  #yh-hdr #yh-track .elementor-button,#yh-hdr #yh-login .elementor-icon-list-item{border:1px solid rgba(30,11,75,.14) !important;padding:0 !important}
}
/* Logged in: a long name never pushes the menu */
#yh-login a,#yh-login .elementor-icon-list-text{max-width:13ch !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;display:inline-block;vertical-align:middle}
/* Fit levels set by the header script when the menu would collide */
#yh-hdr.yh-tight #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{font-size:14px !important;padding:10px 8px !important}
#yh-hdr.yh-tighter #yh-track .elementor-button-text,#yh-hdr.yh-tighter #yh-login .elementor-icon-list-text,#yh-hdr.yh-tighter #yh-login a:not(:has(.elementor-icon-list-icon)){position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important}
#yh-hdr.yh-tighter #yh-track .elementor-button,#yh-hdr.yh-tighter #yh-login .elementor-icon-list-item{width:44px;height:44px;padding:0 !important;display:grid !important;place-items:center}

/* ===== Round 5 colour: the header ground runs from deep blue to purple ===== */
#yh-hdr{background:linear-gradient(100deg,#2A0C66 0%,#1A1157 45%,#0B1D63 100%) !important}
#yh-ticker .product-cat{background:rgba(255,255,255,.08) !important}
/* Dropdown above the networks strip */
#yh-bar{position:relative;z-index:20}
/* Login: icon link and text link side by side, only the name truncates */
#yh-login .elementor-icon-list-item{display:flex !important;align-items:center;gap:8px;flex-wrap:nowrap}
#yh-hdr #yh-login .elementor-icon-list-item > a:first-child{display:inline-flex !important;max-width:none !important;overflow:visible !important}
#yh-hdr #yh-login .elementor-icon-list-item > a:first-child .elementor-icon-list-text{display:none}
#yh-hdr #yh-login a.login_link{max-width:14ch !important;flex:none;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Dropdown placement: anchored to its item, a calm gap below the bar, a hover bridge across the gap ===== */
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li{position:relative}
#yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > ul.sub-menu{right:0 !important;left:auto !important;top:calc(100% + 30px) !important;margin:0 !important;min-width:320px !important}
#yh-nav .elementor-nav-menu--main ul.sub-menu:before{content:"";position:absolute;top:-32px;left:0;right:0;height:32px}
#yh-nav ul.sub-menu a{min-height:48px;display:flex !important;align-items:center}
#yh-nav ul.sub-menu a:not(:has(i)){padding-right:54px !important}

/* ===== Round 6 (Julia, 15.10): white band, purple bar that turns white on scroll, waving hand, layers ===== */
/* Layers: the bar and its dropdowns always sit above the strip, the header above the hero */
#yh-bar{z-index:30 !important}
#yh-ticker{position:relative;z-index:1 !important}
#yh-hero{z-index:0}
#yh-nav .elementor-nav-menu--main ul.sub-menu{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;opacity:1}

/* White band behind the announcement and the networks */
#yh-hdr{background:rgba(255,255,255,.96) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;
  box-shadow:0 1px 0 rgba(30,11,75,.06),0 16px 32px -20px rgba(20,10,46,.35) !important}
#yh-status .elementor-heading-title{color:#3B2A6B !important}
#yh-status a{color:#3F0592 !important;text-decoration-color:#03DAC4 !important}
#yh-status a:hover{color:#2D6BE4 !important}
/* The dot becomes a waving hand */
#yh-status .elementor-heading-title:before{
  width:20px !important;height:20px !important;border-radius:0 !important;box-shadow:none !important;background:#3F0592 !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-4 0'/%3E%3Cpath d='M14 10V4a2 2 0 0 0-4 0v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 0 0-4 0v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-4 0'/%3E%3Cpath d='M14 10V4a2 2 0 0 0-4 0v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 0 0-4 0v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E") center/contain no-repeat;
  transform-origin:70% 90%;animation:yhWave 2.6s ease-in-out infinite !important}
@keyframes yhWave{0%,55%,100%{transform:translateY(0) rotate(0)}10%{transform:translateY(-3px) rotate(-16deg)}20%{transform:translateY(1px) rotate(12deg)}30%{transform:translateY(-3px) rotate(-12deg)}40%{transform:translateY(0) rotate(8deg)}}

/* Networks strip on white */
#yh-ticker .product-cat{background:rgba(63,5,146,.05) !important;border-color:rgba(30,11,75,.09) !important}
#yh-ticker .product-cat:hover{background:rgba(63,5,146,.1) !important;border-color:rgba(63,5,146,.2) !important}
#yh-ticker .cat-link{color:#1E0B4B !important}
#yh-ticker .product-cat:hover .cat-link{color:#3F0592 !important}

/* The bar: purple with a white logo at the top, white with the blue logo once the page scrolls */
#yh-bar{background:#fff !important;isolation:isolate;transition:box-shadow .5s cubic-bezier(.16,1,.3,1),min-height .45s cubic-bezier(.16,1,.3,1) !important}
#yh-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,#3F0592 0%,#2E1EA0 55%,#2D55D8 100%);opacity:1;transition:opacity .55s cubic-bezier(.16,1,.3,1)}
#yh-hdr.yh-scrolled #yh-bar:before{opacity:0}
#yh-hdr:not(.yh-scrolled) #yh-bar{box-shadow:0 18px 40px -18px rgba(63,5,146,.65) !important;border-color:transparent !important}
#yh-hdr.yh-scrolled #yh-bar{box-shadow:0 14px 34px -18px rgba(20,10,46,.4) !important;border-color:rgba(30,11,75,.08) !important}
#yh-logo img{transition:filter .55s cubic-bezier(.16,1,.3,1)}
#yh-hdr:not(.yh-scrolled) #yh-logo img{filter:brightness(0) invert(1) !important}
#yh-bar a,#yh-bar .elementor-button,#yh-bar .elementor-icon-list-icon,#yh-bar .sub-arrow{transition:color .45s,background-color .3s,border-color .45s}
#yh-hdr:not(.yh-scrolled) #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a{color:#fff !important}
#yh-hdr:not(.yh-scrolled) #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
#yh-hdr:not(.yh-scrolled) #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.highlighted{background:rgba(255,255,255,.14) !important}
#yh-hdr:not(.yh-scrolled) #yh-nav .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item-active{background:rgba(255,255,255,.14) !important;box-shadow:inset 0 -2px 0 #03DAC4 !important}
#yh-hdr:not(.yh-scrolled) #yh-nav .sub-arrow,#yh-hdr:not(.yh-scrolled) #yh-nav .sub-arrow i,#yh-hdr:not(.yh-scrolled) #yh-nav .sub-arrow svg{color:#fff !important;fill:#fff !important}
#yh-hdr:not(.yh-scrolled) #yh-actions{border-right-color:rgba(255,255,255,.22) !important}
#yh-hdr:not(.yh-scrolled) #yh-actions .elementor-button{color:#fff !important}
#yh-hdr:not(.yh-scrolled) #yh-actions .elementor-button:hover,#yh-hdr:not(.yh-scrolled) #yh-login .elementor-icon-list-item:hover{background:rgba(255,255,255,.14) !important}
#yh-hdr:not(.yh-scrolled) #yh-login a,#yh-hdr:not(.yh-scrolled) #yh-login .elementor-icon-list-text,#yh-hdr:not(.yh-scrolled) #yh-login .elementor-icon-list-icon{color:#fff !important}
#yh-hdr:not(.yh-scrolled) #yh-mnav .elementor-menu-toggle{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.24) !important}
#yh-hdr:not(.yh-scrolled) #yh-mnav .elementor-menu-toggle i,#yh-hdr:not(.yh-scrolled) #yh-mnav .elementor-menu-toggle svg{color:#fff !important;fill:#fff !important}
#yh-bar :focus-visible{outline-color:#03DAC4 !important}
#yh-hdr.yh-scrolled #yh-bar :focus-visible{outline-color:#3F0592 !important}

/* Login: icon and name side by side whatever the shortcode prints; a long name ends with an ellipsis */
#yh-login .elementor-widget-container{display:flex;align-items:center;gap:6px}
#yh-login .elementor-widget-container > a{order:2}
#yh-hdr #yh-login a:not(:has(.elementor-icon-list-icon)){max-width:12ch !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;unicode-bidi:plaintext;display:inline-block}
@media (max-width:1024px){
  #yh-hdr:not(.yh-scrolled) #yh-login .elementor-icon-list-item{border-color:rgba(255,255,255,.24) !important}
  #yh-hdr:not(.yh-scrolled) #yh-track .elementor-button{border-color:rgba(255,255,255,.24) !important}
}

/* ===== Review fixes (15.10): dropdown icons in brand colours, rows aligned ===== */
#yh-nav ul.sub-menu a i{background:#fff !important;box-shadow:inset 0 0 0 1px rgba(30,11,75,.1)}
#yh-nav ul.sub-menu a i.fa-instagram{color:#D62976 !important}
#yh-nav ul.sub-menu a i.fa-facebook,#yh-nav ul.sub-menu a i.fa-facebook-square,#yh-nav ul.sub-menu a i.fa-facebook-f{color:#0866FF !important}
#yh-nav ul.sub-menu a i.fa-youtube{color:#FF0000 !important}
#yh-nav ul.sub-menu a i.fa-twitter,#yh-nav ul.sub-menu a i.fa-twitter-square{color:#1D9BF0 !important}
#yh-nav ul.sub-menu a i.fa-spotify{color:#1DB954 !important}
#yh-nav ul.sub-menu a i.fa-twitch{color:#9146FF !important}
#yh-nav ul.sub-menu a i.fa-soundcloud{color:#FF5500 !important}
#yh-nav ul.sub-menu a i.fa-telegram,#yh-nav ul.sub-menu a i.fa-telegram-plane{color:#26A5E4 !important}
#yh-nav ul.sub-menu a i.fa-product-hunt{color:#DA552F !important}
#yh-nav ul.sub-menu a i.fa-line{color:#06C755 !important}
#yh-nav ul.sub-menu a:not(:has(i)){padding-right:64px !important}

/* ===== Round 8 (Julia, 15.10): no height change while scrolling, dropdown matches the bar, uniform actions ===== */
/* The announcement scrolls away with the page; the header height never changes, so nothing jumps */
#yh-hdr.yh-scrolled #yh-status{min-height:34px !important;height:auto !important;opacity:1 !important;margin:0 !important}
#yh-hdr.yh-scrolled #yh-bar{min-height:72px !important;margin-top:4px !important}
#yh-hdr.yh-scrolled #yh-ticker{padding:10px 0 12px !important}
@media (max-width:1024px){ #yh-hdr.yh-scrolled #yh-bar{min-height:62px !important} }
@media (max-width:767px){ #yh-hdr.yh-scrolled #yh-status{min-height:30px !important} }

/* Dropdown: purple like the bar at the top, white once the bar turns white */
#yh-hdr:not(.yh-scrolled) #yh-nav .elementor-nav-menu--main ul.sub-menu{
  background:linear-gradient(160deg,#3F0592 0%,#2E1EA0 60%,#2D55D8 100%) !important;border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 26px 50px -20px rgba(30,10,90,.75) !important}
#yh-hdr:not(.yh-scrolled) #yh-nav ul.sub-menu a{color:#fff !important;background:rgba(255,255,255,.08) !important}
#yh-hdr:not(.yh-scrolled) #yh-nav ul.sub-menu a:hover{color:#fff !important;background:rgba(255,255,255,.18) !important}
#yh-nav ul.sub-menu a{transition:background .25s,color .25s}

/* Rows that had no icon get one in the same white tile */
#yh-nav ul.sub-menu a:not(:has(i)){padding-right:14px !important}
#yh-nav ul.sub-menu a:not(:has(i)):before{content:"";width:30px;height:30px;border-radius:9px;flex:none;margin-left:10px;
  background:#fff center/16px no-repeat;box-shadow:inset 0 0 0 1px rgba(30,11,75,.1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F0592' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15.5l-1.9-4.6L5.5 9l4.6-1.4z'/%3E%3Cpath d='M19 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E")}
/* Reels: a film strip */
#yh-nav ul.sub-menu a[href*="reels"]:not(:has(i)):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D62976' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M3 8h18M8 3l3 5M14 3l3 5'/%3E%3Cpath d='M10 12.5v4l3.5-2z'/%3E%3C/svg%3E")}
/* Artists: a microphone */
#yh-nav ul.sub-menu a[href*="%d7%90%d7%95%d7%9e%d7%a0%d7%99%d7%9d"]:not(:has(i)):before,
#yh-nav ul.sub-menu a[href*="%D7%90%D7%95%D7%9E%D7%A0%D7%99%D7%9D"]:not(:has(i)):before,
#yh-nav ul.sub-menu a[href*="אומנים"]:not(:has(i)):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D55D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10v1a7 7 0 0 0 14 0v-1M12 18v4M8 22h8'/%3E%3C/svg%3E")}

/* Actions: three identical pills, the hover fills the whole pill */
#yh-actions .elementor-button{height:40px !important;padding:0 12px !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;min-height:0 !important}
#yh-login .elementor-widget-container{height:40px;padding:0 12px;border-radius:12px;transition:background .3s}
#yh-login .elementor-icon-list-items,#yh-login .elementor-icon-list-item{height:40px;padding:0 !important;margin:0 !important}
#yh-login .elementor-icon-list-item,#yh-login .elementor-icon-list-item:hover{background:transparent !important}
#yh-login .elementor-widget-container:hover{background:rgba(63,5,146,.07)}
#yh-hdr:not(.yh-scrolled) #yh-login .elementor-widget-container:hover{background:rgba(255,255,255,.14)}
#yh-hdr #yh-login a:not(:has(.elementor-icon-list-icon)){max-width:16ch !important}
@media (max-width:1024px){
  #yh-login .elementor-widget-container{width:44px;height:44px;padding:0;justify-content:center;border:1px solid rgba(30,11,75,.14)}
  #yh-hdr:not(.yh-scrolled) #yh-login .elementor-widget-container{border-color:rgba(255,255,255,.24)}
  #yh-hdr #yh-login .elementor-icon-list-item{border:0 !important;width:auto !important;height:auto !important}
}

/* Logo: larger at the top, back to its size once the page scrolls (scale only, the bar height never changes) */
#yh-logo img{transform-origin:100% 50%;transition:filter .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1) !important}
#yh-hdr:not(.yh-scrolled) #yh-logo img{transform:scale(1.22)}
@media (max-width:1024px){ #yh-hdr:not(.yh-scrolled) #yh-logo img{transform:scale(1.12)} }
/* Cart count: a clean bubble, no heavy ring */
#yh-hdr .yhc-trigger .yhc-count{box-shadow:0 2px 6px rgba(20,10,46,.28) !important;background:#fff !important;color:#3F0592 !important;top:-6px !important;left:-6px !important;min-width:20px;height:20px;line-height:20px !important;font-size:11.5px !important}

/* Login: icon and greeting sit together, nothing stretches between them */
#yh-login .elementor-widget-container{gap:8px !important;justify-content:center}
#yh-login .elementor-icon-list-items{display:inline-flex !important;width:auto !important;flex:none !important;margin:0 !important;padding:0 !important}
#yh-login .elementor-icon-list-item{width:auto !important;flex:none !important;justify-content:center !important}
#yh-hdr #yh-login .elementor-icon-list-item > a:first-child{gap:0 !important;width:auto !important}
#yh-login .elementor-icon-list-icon{margin:0 !important;padding:0 !important;width:auto !important}
#yh-hdr #yh-login .elementor-icon-list-text:empty,#yh-hdr #yh-login a:first-child .elementor-icon-list-text{display:none !important}
#yh-hdr #yh-login a:not(:has(.elementor-icon-list-icon)){margin:0 !important;padding:0 !important}

/* Login hover: one layer only, on the whole pill */
#yh-hdr #yh-login .elementor-icon-list-item,#yh-hdr #yh-login .elementor-icon-list-item:hover,#yh-hdr #yh-login a,#yh-hdr #yh-login a:hover,
#yh-hdr:not(.yh-scrolled) #yh-login .elementor-icon-list-item:hover,#yh-hdr.yh-scrolled #yh-login .elementor-icon-list-item:hover{background:transparent !important;box-shadow:none !important}

/* 15: chip padding mirrors RTL: tight on the icon side, room after the words */
#yh-ticker .product-cat{padding:5px 6px 5px 18px !important}
@media (max-width:767px){#yh-ticker .product-cat{padding:4px 5px 4px 14px !important}}

/* 16: mobile menu opens right under the bar, icons breathe, submenus read as a second level */
@media (max-width:1024px){
  #yh-mnav .elementor-nav-menu--dropdown{margin-top:0 !important}
  #yh-mnav .elementor-nav-menu--dropdown a{display:flex !important;align-items:center;gap:12px}
  #yh-mnav .elementor-nav-menu--dropdown a > i,#yh-mnav .elementor-nav-menu--dropdown a > svg,#yh-mnav .elementor-nav-menu--dropdown a > img{flex:none;width:20px;text-align:center}
  #yh-mnav .elementor-nav-menu--dropdown a .sub-arrow{margin-inline-start:auto !important;margin-inline-end:0 !important;padding:0 !important}
  #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu{margin:4px 0 8px !important;padding:6px !important;border:0 !important;border-radius:16px !important;background:rgba(3,218,196,.09) !important}
  #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a{font-size:14px !important;padding:10px 14px !important;margin:2px 0 !important;min-height:0;background:transparent !important;color:#D9F7F3 !important;border-radius:11px}
  #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a:hover,#yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a:focus{background:rgba(3,218,196,.14) !important}
  #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a > i,#yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a > img{width:16px;font-size:14px;opacity:.85}
  #yh-mnav .elementor-nav-menu--dropdown a.highlighted{background:rgba(255,255,255,.12) !important}
}

/* 16b: second level clearly lighter, a turquoise edge, smaller words */
@media (max-width:1024px){
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu{background:#2C1D63 !important;border-right:3px solid #03DAC4 !important;border-radius:14px !important}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a{font-size:14px !important;color:#BFF3EE !important;padding:9px 12px !important}
}

/* 17: second level on a clear ground: white words, a turquoise edge on the right */
@media (max-width:1024px){
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu{background:transparent !important;border-right:2px solid #03DAC4 !important;border-radius:0 !important;margin:2px 14px 8px 0 !important;padding:2px 0 2px 0 !important}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a{color:#fff !important;background:transparent !important}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a:hover,#yh-hdr #yh-mnav .elementor-nav-menu--dropdown ul.sub-menu a:focus{background:rgba(255,255,255,.08) !important}
}

/* 17b: the mobile menu tucks right under the menu button */
@media (max-width:1024px){#yh-hdr #yh-mnav .elementor-nav-menu--dropdown{margin-top:0 !important;top:var(--yh-mtop,100px) !important}}

/* 17c: social glyphs centred in their menu tiles */
@media (max-width:1024px){
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown .icon-wrap{display:grid !important;place-items:center !important;width:40px !important;height:40px !important;margin:0 auto !important}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown .icon-wrap i{margin:0 !important;line-height:1 !important;font-size:18px;width:auto !important}
  #yh-hdr #yh-mnav .elementor-nav-menu--dropdown > ul > li > a > i{display:inline-flex !important;align-items:center;justify-content:center;width:22px !important;height:22px;line-height:1 !important;font-size:17px}
}

/* 18: mobile: all four action tiles share one size, the cart's */
@media (max-width:1024px){
  #yh-hdr #yh-track .elementor-button,#yh-hdr #yh-login .elementor-widget-container,#yh-hdr #yh-mnav .elementor-menu-toggle,#yh-hdr #yh-cart .yhc-trigger{width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;padding:0 !important;box-sizing:border-box !important;border-radius:14px !important;display:grid !important;place-items:center !important}
  #yh-hdr #yh-login .elementor-icon-list-item{width:auto !important;height:auto !important;border:0 !important}
}

/* ===== Ticker v3 (18.10): smooth on scroll, desktop and mobile. Goes with the header script v3 (Web Animation in px) ===== */
#yh-hdr #yh-ticker.yh-live ul.flexme{animation:none !important;transform:translate3d(0,0,0)}
#yh-hdr #yh-ticker ul.flexme{will-change:transform;backface-visibility:hidden}
#yh-hdr #yh-ticker{transition:none !important;contain:paint;isolation:isolate}
#yh-hdr #yh-ticker.yh-still .yh-clone{display:none !important}
#yh-hdr.yh-measure,#yh-hdr.yh-measure *,#yh-hdr.yh-measure *:before{transition:none !important}
@media (prefers-reduced-motion:reduce){
  #yh-hdr #yh-ticker ul.flexme{animation:none !important;transform:none;will-change:auto}
  #yh-hdr #yh-ticker .yh-clone{display:none !important}
}
/* 19.10: before the script runs the list has no copies, so a moving CSS marquee would open an empty gap; the strip stands still until the first input */
#yh-hdr #yh-ticker:not(.yh-live) ul.flexme{animation:none !important}/* End custom CSS */