/* Header: sticky white bar with rounded top corners on the dark page edge. */
.site-header-wrap{position:sticky;top:0;z-index:20;background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0}
.site-header{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"logo . icons menu" "search search search search";
  align-items:center;row-gap:10px;padding:13px 15px}
.site-header__logo{grid-area:logo;line-height:0}
.site-header__logo-link{display:inline-block;padding:7.5px 7.5px 7.5px 0;text-decoration:none}
.site-header__logo-img{width:130px;height:auto}
.site-header__name{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--ink)}
.site-header__icons{grid-area:icons;display:flex;align-items:center;padding-right:10px}
.site-header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ink);text-decoration:none}
.site-header__icon--account{display:none}
.site-header__icon--cart{margin-right:-12px}
.site-header__icon--menu{grid-area:menu}
.site-header__icon--menu .icon-close{display:none}
.site-header__icon--menu[aria-expanded="true"] .icon-open{display:none}
.site-header__icon--menu[aria-expanded="true"] .icon-close{display:block}
.cart-count{position:absolute;bottom:4px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-sm);background:var(--green);color:var(--on-green);
  font-size:10px;line-height:17px;font-weight:var(--fw-bold);text-align:center}
.cart-count.is-empty{display:none}

.site-nav{display:none;grid-area:nav}
.site-search{grid-area:search;position:relative;display:flex;height:46px}
.site-search__input{width:100%;height:46px;margin:0;padding:10px 98px 10px 25px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);
  font-size:var(--text-md);line-height:var(--lh-body);color:var(--ink);outline:0;-webkit-appearance:none;appearance:none}
.site-search__input::placeholder{color:var(--ink-75);opacity:1}
.site-search__input::-webkit-search-cancel-button{display:none}
.site-search__button{position:absolute;top:0;right:0;width:46px;height:46px;border-radius:var(--radius-md);background:var(--green);color:var(--on-green);
  display:flex;align-items:center;justify-content:center}

@media (min-width:750px){
  .site-header{padding:13px 32px}
  .site-header__icon{width:44px;height:44px}
  .site-header__icon--account{display:flex}
}
@media (min-width:990px){
  .site-header{grid-template-columns:auto 1fr 284px auto;grid-template-areas:"logo nav search icons";column-gap:20px;padding:26px 50px}
  .site-header__logo-link{padding:7.5px;margin-left:-7.5px}
  .site-header__icon--menu{display:none}
  .site-nav{display:block;align-self:center}
}
.site-nav__list{display:flex;flex-wrap:wrap}
.site-nav__item{position:relative}
.site-nav__link{display:flex;align-items:center;padding:12px 20px;font-size:var(--text-md);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.site-nav__link::-webkit-details-marker{display:none}
.has-children .site-nav__link{padding-right:27px}
.site-nav__chevron{position:absolute;right:6px;top:50%;margin-top:-7px;width:14px;height:14px}
.site-nav__link:hover span{text-decoration:underline;text-underline-offset:3px}
.site-nav__dropdown{position:absolute;top:100%;left:0;min-width:210px;padding:10px 0;background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);z-index:5}
.site-nav__dropdown-link{display:block;padding:8px 20px;font-size:var(--text-md);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--ink);text-decoration:none}
.site-nav__dropdown-link:hover{text-decoration:underline}

/* drawer (tablet + mobile) */
.menu-drawer{position:absolute;left:0;right:0;top:100%;height:calc(100vh - 100%);background:var(--white);overflow:auto;border-top:1px solid var(--ink-15);z-index:30}
.menu-drawer[hidden]{display:none}
.menu-drawer__nav{padding:12px 0}
.menu-drawer__link{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px 30px;font-size:var(--text-base);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--ink);text-decoration:none;text-align:left}
.menu-drawer__submenu{position:absolute;inset:0;background:var(--white);padding:12px 0}
.menu-drawer__submenu[hidden]{display:none}
.menu-drawer__back{display:flex;align-items:center;gap:10px;padding:11px 30px;font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--ink)}
.menu-drawer__account{display:flex;align-items:center;gap:10px;margin-top:20px;padding:11px 30px;color:var(--ink);text-decoration:none;font-size:var(--text-md)}
body.drawer-open{overflow:hidden}
/* burger: 20px glyph right-aligned in the 40/44px hit area, as on live */
.site-header__icon--menu{justify-content:flex-end;padding-right:0}
.site-header__icon--menu .icon-menu{width:24px;height:24px;margin-right:-1px}
/* language switch (EN / UA) next to the account icon */
.site-header__lang{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius-md);
  font-size:var(--text-sm);font-weight:var(--fw-bold);line-height:var(--lh-none);color:var(--ink);text-decoration:none}
.site-header__lang:hover{border-color:var(--ink)}