/* SG_SHELL_ASSETS_V1 */
:root{
--sgshell-violet:#6c5ce7;--sgshell-violet-dark:#5949d6;--sgshell-violet-soft:#f0edff;
--sgshell-ink:#171329;--sgshell-text:#231f38;--sgshell-muted:#6e6884;--sgshell-faint:#9b96aa;
--sgshell-border:#e9e6f1;--sgshell-surface-2:#f7f6fb;--sgshell-coral:#ff6377;
--sgshell-wa:#22a968;--sgshell-mint:#25a66a}
.sgshell-container{width:min(1600px,calc(100% - 48px));margin-inline:auto}
body:not(.is-header-checkout) #app>header.header,body:not(.is-header-checkout) .header-fixed{display:none!important}
body:not(.is-footer-checkout) #app>footer.footer:not(.footer--checkout){display:none!important}
body.is-footer-checkout .sgshell-footer,body.is-footer-checkout .sgshell-bottom-nav{display:none!important}

.sgshell-topline{position:relative;z-index:51;background:#211b3b;color:#d9d5ea;font-size:12px;line-height:1.3}
.sgshell-topline__in{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sgshell-topline strong{color:#fff}.sgshell-topline a{color:#d9d5ea;text-decoration:none}.sgshell-topline a:hover{color:#fff}
.sgshell-topline__right{display:flex;align-items:center;gap:20px}

.sgshell-header{position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--sgshell-border)}
.sgshell-header__main{min-height:76px;display:flex;align-items:center;gap:16px}
.sgshell-logo{flex:none;display:inline-flex;align-items:center;gap:10px;color:var(--sgshell-text);text-decoration:none!important}
.sgshell-logo__mark{width:42px;height:42px;display:block;flex:none}.sgshell-logo__mark svg{width:100%;height:100%;display:block}
.sgshell-logo__text{font-family:var(--base-font-family,Roboto,Arial,sans-serif);font-weight:800;font-size:16px;line-height:1.02;letter-spacing:-.02em;color:var(--sgshell-text)}
.sgshell-logo__text small{display:block;margin-top:4px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sgshell-violet)}

.sgshell-btn{min-height:44px;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;text-decoration:none!important;font-weight:800;font-size:14px;line-height:1;transition:.15s ease}
.sgshell-btn:hover{transform:translateY(-1px)}.sgshell-btn svg{width:18px;height:18px;flex:none}
.sgshell-btn--primary{background:var(--sgshell-violet);color:#fff!important}.sgshell-btn--primary:hover{background:var(--sgshell-violet-dark)}
.sgshell-btn--wa{background:var(--sgshell-wa);color:#fff!important}.sgshell-btn--wa:hover{background:#1d965d}
.sgshell-btn--dark{background:rgba(255,255,255,.1);color:#fff!important;border:1px solid rgba(255,255,255,.14)}
.sgshell-btn--sm{min-height:38px;padding:0 13px;font-size:13px;border-radius:10px}

.sgshell-search{flex:1 1 auto;max-width:520px;min-height:46px;display:flex;align-items:center;background:var(--sgshell-surface-2);border:1.5px solid transparent;border-radius:999px;padding:0 5px 0 18px}
.sgshell-search:focus-within{background:#fff;border-color:var(--sgshell-violet)}
.sgshell-search input[type=search]{flex:1 1 auto;min-width:0;height:42px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:14px;color:var(--sgshell-text)}
.sgshell-search input::placeholder{color:var(--sgshell-faint)}
.sgshell-search button{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--sgshell-violet);color:#fff;padding:0}
.sgshell-search button svg{width:18px;height:18px}

.sgshell-header__actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.sgshell-header__phone{display:flex;flex-direction:column;margin-right:8px;line-height:1.2;white-space:nowrap}
.sgshell-header__phone a{color:var(--sgshell-text);font-size:14px;font-weight:800;text-decoration:none}
.sgshell-header__phone span{margin-top:3px;color:var(--sgshell-mint);font-size:11px;font-weight:800}
.sgshell-icon-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--sgshell-text);text-decoration:none!important}
.sgshell-icon-btn:hover{background:var(--sgshell-violet-soft);color:var(--sgshell-violet-dark)}
.sgshell-icon-btn svg{width:22px;height:22px}
.sgshell-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--sgshell-coral);color:#fff;font-size:10px;line-height:1;font-weight:800}

.sgshell-nav{border-top:1px solid var(--sgshell-border)}
.sgshell-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.sgshell-nav ul::-webkit-scrollbar{display:none}
.sgshell-nav li{margin:0;padding:0}.sgshell-nav a{min-height:44px;padding:0 13px;display:inline-flex;align-items:center;border-radius:10px;color:var(--sgshell-text);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.sgshell-nav a:hover{background:var(--sgshell-violet-soft);color:var(--sgshell-violet-dark)}.sgshell-nav a.is-sale{color:#dc455b}

.sgshell-footer{margin-top:70px;padding:56px 0 28px;background:var(--sgshell-ink);color:#bdb7d5;font-size:14px}
.sgshell-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:38px}
.sgshell-logo--footer .sgshell-logo__text{color:#fff}.sgshell-logo--footer .sgshell-logo__text small{color:#b9afff}
.sgshell-footer__desc{max-width:380px;margin:17px 0 0;color:#bdb7d5;font-size:14px;line-height:1.6}
.sgshell-footer__contact{margin-top:16px;display:flex;flex-direction:column;gap:7px}.sgshell-footer__phone{color:#fff!important;font-size:18px;font-weight:800;text-decoration:none!important}
.sgshell-footer__buttons{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.sgshell-footer h4{margin:0 0 13px;color:#fff;font-size:12px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.sgshell-footer ul{list-style:none;margin:0;padding:0}.sgshell-footer li{margin:0;padding:0}.sgshell-footer li a{display:inline-block;padding:6px 0;color:#bdb7d5;text-decoration:none}.sgshell-footer li a:hover{color:#fff}
.sgshell-pay-row{display:flex;flex-wrap:wrap;gap:8px}.sgshell-pay{display:inline-flex;align-items:center;min-height:32px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#ded9ef;font-size:11px;font-weight:800}
.sgshell-footer__guarantee-title{margin-top:24px!important}.sgshell-footer__guarantees li{position:relative;padding:5px 0 5px 18px}.sgshell-footer__guarantees li:before{content:"✓";position:absolute;left:0;top:5px;color:#7fe0ad;font-weight:900}
.sgshell-footer__bottom{grid-column:1/-1;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;color:#8e88ad;font-size:11px}
.sgshell-bottom-nav{display:none}

@media(max-width:1199px){.sgshell-header__phone,.sgshell-header__cta{display:none}.sgshell-search{max-width:none}}
@media(max-width:899px){.sgshell-footer__grid{grid-template-columns:1fr 1fr}.sgshell-footer__about{grid-column:1/-1}}
@media(max-width:767px){
.sgshell-container{width:calc(100% - 24px)}
.sgshell-topline{font-size:11px}.sgshell-topline__in{min-height:28px;justify-content:center;text-align:center}.sgshell-topline__right{display:none}.sgshell-hide-mobile{display:none}
.sgshell-header__main{min-height:60px;gap:8px}.sgshell-header__catalog,.sgshell-search,.sgshell-header__phone,.sgshell-header__cta{display:none!important}
.sgshell-logo__mark{width:38px;height:38px}.sgshell-logo__text{font-size:14px}.sgshell-logo__text small{font-size:7.5px}
.sgshell-header__actions{gap:0}.sgshell-icon-btn{width:42px;height:42px}.sgshell-nav{display:none}
.sgshell-footer{margin-top:48px;padding:38px 0 90px}.sgshell-footer__grid{grid-template-columns:1fr;gap:28px}.sgshell-footer__about{grid-column:auto}.sgshell-footer__bottom{grid-column:auto;flex-direction:column}
.sgshell-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1060;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--sgshell-border);box-shadow:0 -8px 24px rgba(28,20,64,.08)}
.sgshell-bottom-nav a{position:relative;min-width:0;min-height:58px;padding:7px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#716b83;text-decoration:none!important;font-size:9px;line-height:1.1;font-weight:800}.sgshell-bottom-nav a>svg{width:21px;height:21px;flex:none}
.sgshell-bottom-nav a.is-active{color:var(--sgshell-violet)}.sgshell-bottom-nav a.is-wa{color:var(--sgshell-wa)}.sgshell-bottom-nav .sgshell-badge{top:3px;right:calc(50% - 25px)}
.cookieagry{bottom:calc(68px + env(safe-area-inset-bottom))!important}
body:not(.is-footer-checkout){padding-bottom:calc(58px + env(safe-area-inset-bottom))}
}
/* SG_SHELL_HEADER_POLISH_V14
   Desktop geometric centering + native Prostore AJAX search + messenger split button.
*/
.sgshell-header__main{
  position:relative;
}

/* Search shell: Prostore AJAX renders into .header__search-autocomplete */
.sgshell-search{
  overflow:visible !important;
}
.sgshell-search__control{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  background:#f7f6fb;
  border:1.5px solid transparent;
  border-radius:999px;
  padding:0 5px 0 18px;
  box-sizing:border-box;
  transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.sgshell-search__control:focus-within{
  background:#fff;
  border-color:#6c5ce7;
  box-shadow:0 0 0 4px rgba(108,92,231,.08);
}
.sgshell-search__input{
  flex:1 1 auto;
  min-width:0;
}
.sgshell-search__button{
  flex:none;
}
.sgshell-search .header__search-autocomplete{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  z-index:1205 !important;
  border-radius:16px !important;
  overflow:auto !important;
  max-height:min(68vh,560px) !important;
  box-shadow:0 18px 48px rgba(28,20,64,.18) !important;
}
.sgshell-search .header__search-autocomplete:empty{
  display:none !important;
}
.sgshell-search .header__search-menu{
  margin:0 !important;
  border-radius:16px !important;
}

/* Messenger split button */
.sgshell-messenger{
  position:relative;
  display:flex;
  align-items:center;
  margin-left:6px;
}
.sgshell-messenger__main{
  min-height:44px;
  border-radius:12px 0 0 12px !important;
  padding-left:14px !important;
  padding-right:13px !important;
}
.sgshell-messenger__toggle{
  width:38px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-left:1px solid rgba(255,255,255,.28);
  border-radius:0 12px 12px 0;
  background:#22a968;
  color:#fff;
  cursor:pointer;
}
.sgshell-messenger__toggle:hover,
.sgshell-messenger.is-open .sgshell-messenger__toggle{
  background:#1d965d;
}
.sgshell-messenger__toggle svg{
  width:18px;
  height:18px;
  transition:transform .15s ease;
}
.sgshell-messenger.is-open .sgshell-messenger__toggle svg{
  transform:rotate(180deg);
}
.sgshell-messenger__menu{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:1210;
  width:250px;
  padding:7px;
  box-sizing:border-box;
  border:1px solid #e9e6f1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 48px rgba(28,20,64,.18);
}
.sgshell-messenger__menu[hidden]{
  display:none !important;
}
.sgshell-messenger__menu a{
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px;
  border-radius:10px;
  color:#231f38;
  text-decoration:none !important;
}
.sgshell-messenger__menu a:hover{
  background:#f7f6fb;
}
.sgshell-messenger__menu a>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sgshell-messenger__menu strong{
  font-size:13px;
  line-height:1.2;
  color:#231f38;
}
.sgshell-messenger__menu small{
  font-size:11px;
  line-height:1.2;
  color:#7c768f;
}
.sgshell-messenger__brand{
  width:32px;
  height:32px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.sgshell-messenger__brand--tg{
  background:#229ed9;
}
.sgshell-messenger__brand--max{
  background:#6c5ce7;
}

/* True screen-centered search on desktop */
@media (min-width:1200px){
  .sgshell-search{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:clamp(430px,34vw,620px) !important;
    max-width:620px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
}

/* Tablet: normal flex flow to avoid collisions */
@media (min-width:768px) and (max-width:1199px){
  .sgshell-search{
    position:relative !important;
    left:auto !important;
    transform:none !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
  .sgshell-messenger{
    display:none !important;
  }
}

@media (max-width:767px){
  .sgshell-search{
    display:none !important;
  }
  .sgshell-messenger{
    display:none !important;
  }
}
/* SG_MESSENGER_PRIORITY_V15 */
.sgshell-messenger__main--max,
.sgshell-messenger__toggle--max{
  background:#6c5ce7 !important;
  color:#fff !important;
}
.sgshell-messenger__main--max:hover,
.sgshell-messenger__toggle--max:hover,
.sgshell-messenger.is-open .sgshell-messenger__toggle--max{
  background:#5b4bd8 !important;
}
.sgshell-social-icon{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
.sgshell-messenger__brand .sgshell-social-icon{
  width:18px;
  height:18px;
  color:#fff;
}
.sgshell-messenger__brand--wa{
  background:#22a968;
}
.sgshell-messenger__brand--tg{
  background:#229ed9;
}
.sgshell-messenger__brand--vk{
  background:#2787f5;
}
/* SG_HEADER_VISUAL_MATCH_V16
   Desktop proportions aligned to the approved mockup.
   Functional search/messenger behavior remains from V1.4/V1.5.
*/

/* Core shell width in the mockup is visually ~1530px on a 1800px canvas. */
.sgshell-container{
  width:min(1532px,calc(100% - 40px)) !important;
}

/* Top information strip */
.sgshell-topline{
  background:#4332a8 !important;
  color:#f0edff !important;
  font-size:14px !important;
}
.sgshell-topline__in{
  min-height:44px !important;
  gap:28px !important;
}
.sgshell-topline a{
  color:#f5f3ff !important;
}
.sgshell-topline__right{
  gap:28px !important;
}

/* White desktop header as in the mockup */
.sgshell-header{
  background:#fff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid #e9e6f1 !important;
}
.sgshell-header__main{
  min-height:90px !important;
  gap:18px !important;
}

/* REAL configured logo from OpenCart (image/catalog/logotip.png on the current shop). */
.sgshell-logo--real{
  width:220px !important;
  min-width:220px !important;
  height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.sgshell-logo__img{
  display:block !important;
  width:220px !important;
  max-width:220px !important;
  height:60px !important;
  max-height:60px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.sgshell-logo__fallback{
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:#231f38;
}
.sgshell-logo__fallback small{
  display:block;
  margin-top:5px;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6c5ce7;
}

/* Catalog button — large pill from mockup */
.sgshell-header__catalog{
  min-width:172px !important;
  min-height:60px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  font-size:18px !important;
  gap:11px !important;
  box-shadow:none !important;
}
.sgshell-header__catalog svg{
  width:22px !important;
  height:22px !important;
}

/*
 * V1.4 used absolute viewport-centering.
 * The approved mockup instead uses one continuous row:
 * logo | catalog | flexible search | phone/actions.
 */
@media (min-width:1200px){
  .sgshell-search{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    flex:1 1 480px !important;
    width:auto !important;
    max-width:none !important;
    min-width:300px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
}

.sgshell-search__control{
  min-height:60px !important;
  height:60px !important;
  padding:0 6px 0 24px !important;
  background:#f6f4fb !important;
  border:1px solid #f0edf7 !important;
  border-radius:999px !important;
}
.sgshell-search__control:focus-within{
  background:#fff !important;
  border-color:#8f82ff !important;
  box-shadow:0 0 0 4px rgba(108,92,231,.08) !important;
}
.sgshell-search__input{
  height:56px !important;
  font-size:16px !important;
}
.sgshell-search__input::placeholder{
  color:#aaa4bd !important;
}
.sgshell-search__button{
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:#6c5ce7 !important;
}
.sgshell-search__button svg{
  width:21px !important;
  height:21px !important;
}

/* Action group */
.sgshell-header__actions{
  margin-left:0 !important;
  gap:7px !important;
  flex:none !important;
}
.sgshell-header__phone{
  margin-right:5px !important;
}
.sgshell-header__phone a{
  font-size:18px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em;
}
.sgshell-header__phone span{
  margin-top:4px !important;
  font-size:13px !important;
  line-height:1.1 !important;
}
.sgshell-icon-btn{
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
}
.sgshell-icon-btn svg{
  width:27px !important;
  height:27px !important;
}
.sgshell-badge{
  top:-1px !important;
  right:-1px !important;
  min-width:21px !important;
  height:21px !important;
  border-radius:12px !important;
  font-size:11px !important;
}

/* Primary MAX CTA — same large rounded visual weight as mockup. */
.sgshell-messenger{
  margin-left:4px !important;
}
.sgshell-messenger__main{
  min-height:60px !important;
  height:60px !important;
  min-width:178px !important;
  padding:0 20px !important;
  border-radius:999px 0 0 999px !important;
  font-size:16px !important;
  gap:9px !important;
}
.sgshell-messenger__main .sgshell-social-icon{
  width:21px !important;
  height:21px !important;
}
.sgshell-messenger__toggle{
  width:46px !important;
  height:60px !important;
  border-radius:0 999px 999px 0 !important;
}
.sgshell-messenger__toggle svg{
  width:18px !important;
  height:18px !important;
}
.sgshell-messenger__main--max,
.sgshell-messenger__toggle--max{
  background:#6c5ce7 !important;
}
.sgshell-messenger__main--max:hover,
.sgshell-messenger__toggle--max:hover,
.sgshell-messenger.is-open .sgshell-messenger__toggle--max{
  background:#5949d6 !important;
}

/* Dropdown should visually align with the large CTA. */
.sgshell-messenger__menu{
  top:calc(100% + 10px) !important;
  width:270px !important;
  padding:8px !important;
  border-radius:16px !important;
}
.sgshell-messenger__menu a{
  gap:12px !important;
  padding:11px !important;
  border-radius:12px !important;
}
.sgshell-messenger__brand{
  width:36px !important;
  height:36px !important;
}
.sgshell-messenger__menu strong{
  font-size:14px !important;
}
.sgshell-messenger__menu small{
  font-size:12px !important;
}

/* Category row */
.sgshell-nav{
  border-top:1px solid #efecf5 !important;
}
.sgshell-nav ul{
  min-height:56px !important;
  justify-content:space-between !important;
  gap:4px !important;
}
.sgshell-nav a{
  min-height:54px !important;
  padding:0 11px !important;
  font-size:15px !important;
  border-radius:12px !important;
}
.sgshell-nav a.is-sale{
  color:#ff556f !important;
}

/* Medium desktop: preserve the layout without collisions. */
@media (min-width:1200px) and (max-width:1399px){
  .sgshell-container{
    width:calc(100% - 32px) !important;
  }
  .sgshell-header__main{
    gap:12px !important;
  }
  .sgshell-logo--real{
    width:180px !important;
    min-width:180px !important;
  }
  .sgshell-logo__img{
    width:180px !important;
    max-width:180px !important;
  }
  .sgshell-header__catalog{
    min-width:146px !important;
    padding:0 20px !important;
    font-size:16px !important;
  }
  .sgshell-header__phone{
    display:none !important;
  }
  .sgshell-messenger__main{
    min-width:148px !important;
    padding:0 14px !important;
    font-size:14px !important;
  }
  .sgshell-nav a{
    padding:0 8px !important;
    font-size:13px !important;
  }
}

/* Tablet: keep the existing functional structure, but use the real logo. */
@media (min-width:768px) and (max-width:1199px){
  .sgshell-logo--real{
    width:180px !important;
    min-width:180px !important;
    height:54px !important;
  }
  .sgshell-logo__img{
    width:180px !important;
    max-width:180px !important;
    height:52px !important;
    max-height:52px !important;
  }
  .sgshell-header__catalog{
    min-width:138px !important;
    min-height:50px !important;
    padding:0 18px !important;
    font-size:15px !important;
  }
  .sgshell-search__control{
    min-height:50px !important;
    height:50px !important;
    padding-left:18px !important;
  }
  .sgshell-search__input{
    height:46px !important;
    font-size:14px !important;
  }
  .sgshell-search__button{
    width:42px !important;
    height:42px !important;
  }
}

/* Mobile logo must remain compact; catalog/search continue to use bottom navigation. */
@media (max-width:767px){
  .sgshell-container{
    width:calc(100% - 24px) !important;
  }
  .sgshell-topline{
    font-size:11px !important;
  }
  .sgshell-topline__in{
    min-height:30px !important;
  }
  .sgshell-header__main{
    min-height:64px !important;
  }
  .sgshell-logo--real{
    width:162px !important;
    min-width:162px !important;
    height:48px !important;
  }
  .sgshell-logo__img{
    width:162px !important;
    max-width:162px !important;
    height:46px !important;
    max-height:46px !important;
  }
}
/* SG_PINK_MESSENGER_CTA_V161
   Approved mockup: primary messenger CTA is bright pink.
   MAX remains the primary messenger; only visual styling changes.
*/
.sgshell-messenger__main--max,
.sgshell-messenger__toggle--max{
  background:#ff5876 !important;
  color:#fff !important;
}
.sgshell-messenger__main--max:hover,
.sgshell-messenger__toggle--max:hover,
.sgshell-messenger.is-open .sgshell-messenger__toggle--max{
  background:#f44768 !important;
  color:#fff !important;
}
.sgshell-messenger__main--max{
  box-shadow:0 10px 26px rgba(255,88,118,.20) !important;
}
.sgshell-messenger__main--max .sgshell-social-icon,
.sgshell-messenger__toggle--max svg{
  color:#fff !important;
  fill:currentColor !important;
}

/* SG_MOBILE_HEADER_ALIGN_V19
   Mobile header: logo stays left, wishlist/cart occupy the far-right edge.
*/
@media (max-width:767px){
  .sgshell-header__main{
    justify-content:flex-start !important;
  }
  .sgshell-header__actions{
    margin-left:auto !important;
    flex:0 0 auto !important;
    justify-content:flex-end !important;
    gap:2px !important;
  }
  .sgshell-header__actions .sgshell-icon-btn{
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
  }
}

/* SG_SHELL_POLISH_V1102 */
.sgshell-catalog-wrap{position:relative;flex:0 0 auto}
.sgshell-catalog-wrap>.sgshell-header__catalog{margin:0!important}
.sgshell-catalog-wrap .sgshell-catalog-native{
  position:absolute!important;top:100%!important;left:0!important;z-index:1200!important;
  width:min(1120px,calc(100vw - 64px))!important;min-width:760px!important;max-width:none!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;background:#fff!important;
  border:1px solid #ece9f6!important;border-radius:20px!important;box-shadow:0 22px 60px rgba(31,27,75,.16)!important;overflow:hidden!important
}
.sgshell-catalog-wrap.is-open .sgshell-catalog-native{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.sgshell-catalog-wrap .sgshell-catalog-native .header__catalog-aside{border-radius:20px 0 0 20px}
@media(max-width:1199px){.sgshell-catalog-wrap{display:none!important}}

.sgshell-footer__real-logo-wrap{
  display:inline-flex;align-items:center;justify-content:center;width:190px;max-width:100%;
  padding:10px 14px;border-radius:16px;background:#fff;text-decoration:none!important
}
.sgshell-footer__real-logo{display:block;width:100%;height:auto;max-height:92px;object-fit:contain}
.sgshell-footer__messengers{margin-top:16px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%}
.sgshell-footer__messenger{
  min-width:0;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff!important;text-decoration:none!important;
  font-size:12px;line-height:1;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.07)
}
.sgshell-footer__messenger svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}
.sgshell-footer__messenger--max{background:#ff5876;border-color:#ff5876}
.sgshell-footer__messenger--wa{background:#22b573;border-color:#22b573}
.sgshell-footer__messenger--tg{background:#2aabee;border-color:#2aabee}
.sgshell-footer__messenger--vk{background:#2787f5;border-color:#2787f5}
.sgshell-footer__messenger:hover{filter:brightness(.96)}
.sgshell-footer__call-row{margin-top:10px}
@media(max-width:767px){
  .sgshell-footer__about{min-width:0}
  .sgshell-footer__real-logo-wrap{width:168px;padding:9px 12px}
  .sgshell-footer__messengers{gap:6px}
  .sgshell-footer__messenger{flex:1 1 0;padding:8px 5px;font-size:10px;gap:4px}
  .sgshell-footer__messenger svg{width:16px;height:16px;flex-basis:16px}
  .sgshell-footer__call-row .sgshell-btn{width:100%;justify-content:center}
}

/* SG_CATALOG_NATIVE_CONFLICT_FIX_V1104
   Custom catalog wrapper intentionally does NOT use .header__catalog.
   That class is owned by Prostore and has an immediate delegated mouseleave handler.
*/
.sgshell-catalog-wrap .sgshell-catalog-native{
  top:100% !important;
}

/* SG_MOBILE_MESSENGER_HUB_V1105 */
.sgshell-mobile-social{display:none}

@media(max-width:767px){
  .sgshell-mobile-social{
    position:relative;
    min-width:0;
    display:flex;
    align-items:stretch;
    justify-content:stretch;
  }

  .sgshell-mobile-social__trigger{
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    font:inherit;
    position:relative;
    width:100%;
    min-width:0;
    min-height:58px;
    padding:7px 2px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:var(--sgshell-wa);
    font-size:9px;
    line-height:1.1;
    font-weight:800;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .sgshell-mobile-social__trigger>svg{
    width:21px;
    height:21px;
    flex:none;
  }

  .sgshell-mobile-social__menu{
    position:absolute;
    z-index:5;
    left:50%;
    bottom:calc(100% + 12px);
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px;
    border:1px solid rgba(34,29,57,.09);
    border-radius:999px;
    background:rgba(255,255,255,.98);
    box-shadow:0 12px 34px rgba(31,24,67,.20);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,10px) scale(.96);
    transform-origin:50% 100%;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .sgshell-mobile-social.is-open .sgshell-mobile-social__menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0) scale(1);
  }

  .sgshell-mobile-social__item{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(24,20,45,.16);
    transition:transform .15s ease,box-shadow .15s ease;
  }
  .sgshell-mobile-social__item:active{
    transform:scale(.94);
    box-shadow:0 2px 8px rgba(24,20,45,.15);
  }
  .sgshell-mobile-social__item>svg{
    width:23px!important;
    height:23px!important;
    fill:currentColor!important;
    color:#fff!important;
    flex:none;
  }
  .sgshell-mobile-social__item--vk{background:#2787f5!important}
  .sgshell-mobile-social__item--max{background:#6c5ce7!important}
  .sgshell-mobile-social__item--tg{background:#229ed9!important}
  .sgshell-mobile-social__item--wa{background:#25d366!important}

  .sgshell-mobile-social.is-open .sgshell-mobile-social__trigger{
    color:var(--sgshell-wa);
  }
}

/* SG_MOBILE_MESSENGER_HUB_V1106
   Generic center trigger: the button opens all communication channels,
   so it should not look like a direct WhatsApp action.
*/
@media(max-width:767px){
  .sgshell-mobile-social__trigger--hub{
    color:var(--sgshell-violet)!important;
  }
  .sgshell-mobile-social.is-open .sgshell-mobile-social__trigger--hub{
    color:var(--sgshell-violet)!important;
  }
  .sgshell-mobile-social__trigger--hub>svg{
    fill:none!important;
    color:currentColor!important;
  }
}

/* SG_MOBILE_NAV_ACTIONS_V1107 */
@media(max-width:767px){
  body.sg-mobile-sheet-open{overflow:hidden!important}

  .sgshell-mobile-sheet{
    position:fixed;
    inset:0;
    z-index:1600;
    display:none;
  }
  .sgshell-mobile-sheet.is-open{display:block}

  .sgshell-mobile-sheet__backdrop{
    position:absolute;
    inset:0;
    background:rgba(20,16,40,.46);
    backdrop-filter:blur(2px);
  }

  .sgshell-mobile-sheet__dialog{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-height:min(86vh,760px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border-radius:24px 24px 0 0;
    box-shadow:0 -18px 60px rgba(29,24,61,.22);
    padding-bottom:env(safe-area-inset-bottom);
    animation:sgMobileSheetIn .18s ease-out;
  }

  @keyframes sgMobileSheetIn{
    from{transform:translateY(18px);opacity:.7}
    to{transform:none;opacity:1}
  }

  .sgshell-mobile-sheet__head{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:64px;
    padding:12px 16px;
    border-bottom:1px solid #ece9f4;
  }

  .sgshell-mobile-sheet__title{
    margin:0;
    color:#211d35;
    font-size:20px;
    line-height:1.2;
    font-weight:900;
  }

  .sgshell-mobile-sheet__close{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:#f2f0f8;
    color:#302b45;
    font-size:28px;
    line-height:1;
  }

  .sgshell-mobile-sheet__body{
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:14px 16px 22px;
  }

  .sgshell-mobile-search-form{
    display:flex;
    align-items:center;
    gap:8px;
    position:sticky;
    top:-14px;
    z-index:2;
    padding:2px 0 12px;
    background:#fff;
  }

  .sgshell-mobile-search-form input{
    min-width:0;
    width:100%;
    height:48px;
    padding:0 14px;
    border:1.5px solid #d9d4ea;
    border-radius:13px;
    background:#fff;
    color:#211d35;
    font-size:16px;
    outline:none;
  }

  .sgshell-mobile-search-form input:focus{
    border-color:#6c5ce7;
    box-shadow:0 0 0 3px rgba(108,92,231,.11);
  }

  .sgshell-mobile-search-form button{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:13px;
    background:#6c5ce7;
    color:#fff;
  }

  .sgshell-mobile-search-form button svg{width:21px;height:21px}

  .sgshell-mobile-search-status{
    padding:12px 2px;
    color:#7a748d;
    font-size:13px;
  }

  .sgshell-mobile-search-results{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .sgshell-mobile-search-result{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:58px;
    padding:10px 12px;
    border:1px solid #ece9f4;
    border-radius:14px;
    background:#fff;
    color:#28233a!important;
    text-decoration:none!important;
  }

  .sgshell-mobile-search-result__name{
    min-width:0;
    font-size:14px;
    line-height:1.3;
    font-weight:800;
  }

  .sgshell-mobile-search-result__price{
    flex:0 0 auto;
    color:#6c5ce7;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
  }

  .sgshell-mobile-catalog-all{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:50px;
    margin-bottom:10px;
    padding:0 14px;
    border-radius:14px;
    background:#6c5ce7;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:900;
  }

  .sgshell-mobile-catalog-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .sgshell-mobile-catalog-group,
  .sgshell-mobile-catalog-direct{
    border:1px solid #ebe8f3;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
  }

  .sgshell-mobile-catalog-group>summary{
    list-style:none;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 14px;
    color:#28233a;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
  }

  .sgshell-mobile-catalog-group>summary::-webkit-details-marker{display:none}
  .sgshell-mobile-catalog-group>summary:after{
    content:"›";
    flex:0 0 auto;
    color:#6c5ce7;
    font-size:26px;
    line-height:1;
    transform:rotate(90deg);
    transition:transform .15s ease;
  }
  .sgshell-mobile-catalog-group[open]>summary:after{transform:rotate(-90deg)}

  .sgshell-mobile-catalog-sub{
    display:flex;
    flex-direction:column;
    padding:0 12px 10px;
  }

  .sgshell-mobile-catalog-sub a{
    display:block;
    padding:11px 9px;
    border-top:1px solid #f0edf6;
    color:#514b65!important;
    text-decoration:none!important;
    font-size:14px;
    line-height:1.25;
    font-weight:700;
  }

  .sgshell-mobile-catalog-direct>a{
    min-height:52px;
    display:flex;
    align-items:center;
    padding:0 14px;
    color:#28233a!important;
    text-decoration:none!important;
    font-size:15px;
    font-weight:900;
  }
}

/* SG_MOBILE_SHEET_DESKTOP_HIDE_V1108
   Mobile catalog/search sheets are appended to <body> on all viewports.
   Keep them completely hidden on desktop; mobile behavior remains controlled
   by SG_MOBILE_NAV_ACTIONS_V1107 inside max-width:767px.
*/
@media (min-width:768px){
  .sgshell-mobile-sheet{
    display:none!important;
  }
}