:root { --sgh-orange:#e65b24; --sgh-orange-dark:#c94818; --sgh-orange-soft:#fff0e9; --sgh-ink:#17191d; --sgh-copy:#373b42; --sgh-muted:#6d737d; --sgh-line:#e5e7ea; --sgh-white:#fff; --sgh-shadow:0 14px 32px rgba(23,25,29,.09); }
body.surix-global-header-active #main-header,
body.surix-global-header-active #top-header,
body.surix-global-header-active .et-l--header { display:none!important; }
body.surix-global-header-active #page-container { padding-top:0!important; }
body.sgh-menu-lock { overflow:hidden!important; }
.sgh-header, .sgh-header *, .sgh-header *::before, .sgh-header *::after { box-sizing:border-box; }
.sgh-header { position:relative; z-index:9990; color:var(--sgh-ink); background:var(--sgh-white); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; }
.sgh-sticky-slot { position:relative; min-height:var(--sgh-core-height,116px); }
.sgh-sticky-core { position:relative; z-index:2; width:100%; background:var(--sgh-white); }
.sgh-header.is-stuck .sgh-sticky-core { position:fixed; z-index:9991; top:var(--sgh-sticky-top,0px); right:0; left:0; box-shadow:0 5px 16px rgba(23,25,29,.1); }
.sgh-header a { color:inherit; text-decoration:none; }
.sgh-header button, .sgh-header input { font:inherit; }
.sgh-header button { cursor:pointer; }
.sgh-header img { display:block; max-width:100%; }
.sgh-header svg { width:19px; height:19px; flex:0 0 auto; }
.sgh-shell { width:min(1180px,calc(100% - 38px)); margin:0 auto; }
.sgh-benefits { border-bottom:1px solid var(--sgh-line); background:#fff; }
.sgh-benefits__grid { display:grid; min-height:39px; grid-template-columns:repeat(4,1fr); align-items:center; gap:12px; }
.sgh-benefits__grid > div { display:flex; align-items:center; justify-content:center; gap:7px; color:var(--sgh-copy); font-size:12px; white-space:nowrap; }
.sgh-benefits svg { width:16px; height:16px; color:var(--sgh-orange); }
.sgh-benefits strong { font-weight:600; }
.sgh-header__main { position:relative; display:grid; min-height:76px; grid-template-columns:132px minmax(280px,1fr) auto; align-items:center; gap:24px; }
.sgh-logo { display:inline-flex; width:112px; align-items:center; }
.sgh-logo img { width:112px!important; height:48px!important; object-fit:contain; }
.sgh-search { position:relative; display:grid; height:46px; overflow:visible; grid-template-columns:1fr 52px; align-items:center; border:2px solid var(--sgh-ink); border-radius:12px; background:#fff; }
.sgh-search input[type="search"] { min-width:0; height:42px; padding:0 15px; border:0; border-radius:11px; outline:0; color:var(--sgh-ink); background:transparent; font-size:14px; }
.sgh-search > button { display:grid; width:52px; height:44px; margin:-1px -1px -1px 0; padding:0; place-items:center; border:0; border-radius:0 10px 10px 0; color:#fff; background:var(--sgh-ink); transition:background .2s ease; }
.sgh-search > button:hover { background:var(--sgh-orange-dark); }
.sgh-search:focus-within { outline:3px solid #1f69a8; outline-offset:3px; }
.sgh-search__suggestions { position:absolute; z-index:30; top:51px; right:-2px; left:-2px; display:none; padding:8px; border:1px solid var(--sgh-line); border-radius:12px; background:#fff; box-shadow:var(--sgh-shadow); }
.sgh-search__suggestions.is-visible { display:grid; }
.sgh-search__suggestions a { display:flex; min-height:38px; padding:8px 10px; align-items:center; justify-content:space-between; gap:12px; border-radius:8px; color:var(--sgh-copy); font-size:12px; }
.sgh-search__suggestions a:hover { color:var(--sgh-orange-dark); background:var(--sgh-orange-soft); }
.sgh-search__suggestions span { color:var(--sgh-muted); font-size:10px; }
.sgh-header__actions { position:relative; display:flex; align-items:center; gap:10px; }
.sgh-header__actions > a { position:relative; display:flex; min-width:48px; padding:4px; align-items:center; flex-direction:column; gap:2px; color:var(--sgh-ink); font-size:11px; }
.sgh-header__actions > a:hover { color:var(--sgh-orange-dark); }
.sgh-cart-link b { position:absolute; top:-5px; right:1px; display:grid; min-width:18px; height:18px; padding:0 4px; place-items:center; border-radius:20px; color:#fff; background:var(--sgh-orange-dark); font-size:9px; }
.sgh-header a:focus-visible,
.sgh-header button:focus-visible { outline:3px solid #1f69a8; outline-offset:3px; }
.sgh-menu-button { display:inline-flex; height:42px; padding:0 12px; align-items:center; justify-content:center; gap:7px; border:1px solid var(--sgh-line); border-radius:9px; color:var(--sgh-ink); background:#fff; font-size:11px; font-weight:600; }
.sgh-menu-button:hover, .sgh-header.is-menu-open .sgh-menu-button { color:var(--sgh-orange-dark); border-color:#f1b299; background:var(--sgh-orange-soft); }
.sgh-menu-button__open { display:grid; width:20px; height:20px; place-items:center; line-height:0; }
.sgh-menu-button__close { display:none; width:20px; height:20px; place-items:center; line-height:0; }
.sgh-menu-button__open svg, .sgh-menu-button__close svg { display:block; width:18px; height:18px; margin:0; }
.sgh-header.is-menu-open .sgh-menu-button__open { display:none; }
.sgh-header.is-menu-open .sgh-menu-button__close { display:grid; }
.sgh-info-menu { position:absolute; z-index:80; top:51px; right:0; display:none; width:min(420px,calc(100vw - 24px)); padding:17px; grid-template-columns:1fr 1.25fr; gap:17px; border:1px solid var(--sgh-line); border-radius:12px; color:var(--sgh-copy); background:#fff; box-shadow:0 18px 48px rgba(23,25,29,.18); }
.sgh-header.is-menu-open .sgh-info-menu { display:grid; }
.sgh-info-menu > div { display:flex; min-width:0; flex-direction:column; }
.sgh-info-menu strong { margin-bottom:7px; color:var(--sgh-ink); font-size:11px; font-weight:700; }
.sgh-info-menu a { display:flex; min-height:32px; padding:6px 8px; align-items:center; border-radius:7px; color:var(--sgh-copy); font-size:11px; }
.sgh-info-menu a:hover { color:var(--sgh-orange-dark); background:var(--sgh-orange-soft); }
.sgh-nav { position:relative; z-index:1; color:#fff; background:var(--sgh-ink); }
.sgh-nav__inner { display:flex; min-height:46px; align-items:center; gap:24px; }
.sgh-nav a { display:inline-flex; min-height:46px; align-items:center; color:#f4f5f6; font-size:13px; font-weight:600; white-space:nowrap; }
.sgh-nav a:not(.sgh-nav__all):hover { color:#ffb89d; }
.sgh-nav__all { align-self:stretch; margin-right:2px; padding:0 18px; gap:9px; background:var(--sgh-orange); }
.sgh-nav__all:hover { background:var(--sgh-orange-dark); }
.sgh-nav__sale { color:#ffab8a!important; }
@media (max-width:1100px) {
  .sgh-shell { width:min(100% - 30px,1020px); }
  .sgh-header__main { grid-template-columns:120px minmax(250px,1fr) auto; gap:17px; }
  .sgh-header__actions { gap:7px; }
  .sgh-nav__inner { gap:18px; }
}
@media (max-width:900px) {
  .sgh-sticky-slot { min-height:155px; }
  .sgh-header.is-stuck .sgh-sticky-core { position:relative; top:auto; box-shadow:none; }
  .sgh-benefits__grid { grid-template-columns:repeat(2,1fr); }
  .sgh-benefits__grid > div:nth-child(n+3) { display:none; }
  .sgh-header__main { min-height:116px; padding:11px 0; grid-template-columns:1fr auto; gap:10px; }
  .sgh-search { grid-row:2; grid-column:1/-1; }
  .sgh-header__actions > a span { display:none; }
  .sgh-header__actions > a { min-width:39px; }
  .sgh-nav { display:none; }
}
@media (max-width:650px) {
  .sgh-shell { width:calc(100% - 22px); }
  .sgh-benefits__grid { display:flex; justify-content:center; }
  .sgh-benefits__grid > div:nth-child(2) { display:none; }
  .sgh-logo, .sgh-logo img { width:96px!important; }
  .sgh-menu-button { width:42px; padding:0; }
  .sgh-menu-button > span:last-child { display:none; }
  .sgh-info-menu { width:calc(100vw - 22px); max-height:calc(100vh - 120px); padding:14px; grid-template-columns:1fr; overflow-y:auto; }
}